js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 04:09:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

document props

Browse Source
This commit is contained in:
Cory LaViska
2025-06-23 12:31:45 -04:00
parent d727c1e022
commit b9a284a418
1 changed files with 11 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
packages/webawesome/src/components/option/option.ts
View File

@@ -56,9 +56,11 @@ export default class WaOption extends WebAwesomeElement {
/** Draws the option in a disabled state, preventing selection. */
@property({ type: Boolean }) disabled = false;
@property({ type: Boolean, attribute: false }) selected = false
/** @internal */
@property({ type: Boolean, attribute: false }) selected = false;
@property({ type: Boolean, attribute: "selected" }) defaultSelected = false
/** Selects an option initially. */
@property({ type: Boolean, attribute: 'selected' }) defaultSelected = false;
_label: string = '';
/**
@@ -117,7 +119,7 @@ export default class WaOption extends WebAwesomeElement {
const controller = this.closest('wa-select');
if (controller) {
controller.handleDefaultSlotChange();
controller.selectionChanged?.()
controller.selectionChanged?.();
}
});
} else {
@@ -137,13 +139,13 @@ export default class WaOption extends WebAwesomeElement {
protected willUpdate(changedProperties: PropertyValues<this>): void {
if (changedProperties.has('defaultSelected')) {
if (!this.closest("wa-select")?.hasInteracted) {
const oldVal = this.selected
this.selected = this.defaultSelected
this.requestUpdate("selected", oldVal)
if (!this.closest('wa-select')?.hasInteracted) {
const oldVal = this.selected;
this.selected = this.defaultSelected;
this.requestUpdate('selected', oldVal);
}
}
super.willUpdate(changedProperties)
super.willUpdate(changedProperties);
}
updated(changedProperties: PropertyValues<this>) {
@@ -156,7 +158,7 @@ export default class WaOption extends WebAwesomeElement {
if (changedProperties.has('selected')) {
this.setAttribute('aria-selected', this.selected ? 'true' : 'false');
this.customStates.set('selected', this.selected);
this.handleDefaultSlotChange()
this.handleDefaultSlotChange();
}
if (changedProperties.has('value')) {