@shortfuse/materialdesignweb 0.11.1 → 0.11.4

package/README.md

@@ -72,7 +72,7 @@ Notes:
 
 ## Documentation
 
-Material Design Web (MDW) is components-first. If you just want to build UI, start with the component docs and use HTML only — no JavaScript required.
+Material Design Web (MDW) is components-first. If you just want to build a UI, start with the component docs and use HTML only — no custom JavaScript required.
 
 ### 1) Use the components
 - [Getting started](docs/components/getting-started.md)

package/api/custom-elements.json

@@ -37996,7 +37996,7 @@
               "name": "onResizeObserved",
               "kind": "field",
               "source": {
-                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L148"
+                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L154"
               },
               "type": {
                 "text": "((entry: ResizeObserverEntry) => void) & (() => void)"
@@ -38197,7 +38197,7 @@
               "name": "stateTargetElement",
               "kind": "field",
               "source": {
-                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L145"
+                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L151"
               },
               "type": {
                 "text": "HTMLElement"
@@ -38411,7 +38411,7 @@
               "kind": "field",
               "description": "Control type token (e.g. 'text','checkbox','radio','file').\nInput type (text, password, email, etc.)",
               "source": {
-                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L111"
+                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L119"
               },
               "type": {
                 "text": "string"
@@ -38441,7 +38441,7 @@
               "name": "value",
               "kind": "field",
               "source": {
-                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L846"
+                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L859"
               },
               "type": {
                 "text": "string"
@@ -38674,7 +38674,7 @@
               "kind": "field",
               "description": "Floating label text for the field",
               "source": {
-                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L425"
+                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L434"
               },
               "type": {
                 "text": "string"
@@ -38734,7 +38734,7 @@
               "kind": "field",
               "description": "Trailing icon key/name",
               "source": {
-                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L683"
+                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L693"
               },
               "type": {
                 "text": "string"
@@ -38865,7 +38865,7 @@
               "name": "populatedState",
               "kind": "field",
               "source": {
-                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L777"
+                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L790"
               },
               "type": {
                 "text": "(() => boolean) & (() => boolean)"
@@ -39357,7 +39357,7 @@
               "kind": "field",
               "description": "When true, the component inserts the best suggestion into the input field\nas inline text. The appended portion of the suggestion is selected so the\nuser can accept it (e.g. press Enter) or continue typing to replace it.\nTypically combined with `autosuggestInline` to display candidates while\ntyping.",
               "source": {
-                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L55"
+                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L56"
               },
               "type": {
                 "text": "boolean"
@@ -39368,7 +39368,7 @@
               "kind": "field",
               "description": "When set and not `'custom'`, `applyAutocompleteList()` filters the\nlistbox options to items that start * with the typed text. This controls\ndropdown filtering but does not itself cause inline insertion.",
               "source": {
-                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L63"
+                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L64"
               },
               "type": {
                 "text": "string"
@@ -39379,7 +39379,7 @@
               "kind": "field",
               "description": "When true, the component advances/searches suggestion candidates as the\nuser types (calls `changeSuggestion({ startsWith })`). If\n`autosuggestInline` is true and `autocompleteInline` is also true the\ncurrent candidate will be shown inline; if `autocompleteInline` is false\nonly the candidate selection changes (no inline text insertion).",
               "source": {
-                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L72"
+                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L73"
               },
               "type": {
                 "text": "boolean"
@@ -39390,7 +39390,7 @@
               "kind": "field",
               "description": "If true, when listbox is open, arrow navigation will automatically select options.",
               "source": {
-                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L75"
+                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L76"
               },
               "type": {
                 "text": "boolean"
@@ -39401,7 +39401,7 @@
               "kind": "field",
               "description": "If true, when listbox is open, <Esc> accepts current suggestion (same as Enter).",
               "source": {
-                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L81"
+                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L82"
               },
               "type": {
                 "text": "boolean"
@@ -39411,7 +39411,7 @@
               "name": "listbox",
               "kind": "field",
               "source": {
-                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L128"
+                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L136"
               },
               "type": {
                 "text": "CustomElement & { delegatesFocus: boolean; } & { _ariaRole: string; } & { _onConnectAriaValues: Map<\"ariaAtomic\" | \"ariaAutoComplete\" | \"ariaBrailleLabel\" | \"ariaBrailleRoleDescription\" | \"ariaBusy\" | \"ariaChecked\" | \"ariaColCount\" | \"ariaColIndex\" | \"ariaColIndexText\" | \"ariaColSpan\" | \"ariaCurrent\" | \"ariaDescription\" | \"ariaDisabled\" | \"ariaExpanded\" | \"ariaHasPopup\" | \"ariaHidden\" | \"ariaInvalid\" | \"ariaKeyShortcuts\" | \"ariaLabel\" | \"ariaLevel\" | \"ariaLive\" | \"ariaModal\" | \"ariaMultiLine\" | \"ariaMultiSelectable\" | \"ariaOrientation\" | \"ariaPlaceholder\" | \"ariaPosInSet\" | \"ariaPressed\" | \"ariaReadOnly\" | \"ariaRelevant\" | \"ariaRequired\" | \"ariaRoleDescription\" | \"ariaRowCount\" | \"ariaRowIndex\" | \"ariaRowIndexText\" | \"ariaRowSpan\" | \"ariaSelected\" | \"ariaSetSize\" | \"ariaSort\" | \"ariaValueMax\" | \"ariaValueMin\" | \"ariaValueNow\" | \"ariaValueText\" | \"role\", string>; } & { readAriaProperty(name: \"shadowRoot\" | \"ariaActiveDescendantElement\" | \"ariaAtomic\" | \"ariaAutoComplete\" | \"ariaBrailleLabel\" | \"ariaBrailleRoleDescription\" | \"ariaBusy\" | \"ariaChecked\" | \"ariaColCount\" | \"ariaColIndex\" | \"ariaColIndexText\" | \"ariaColSpan\" | \"ariaControlsElements\" | \"ariaCurrent\" | \"ariaDescribedByElements\" | \"ariaDescription\" | \"ariaDetailsElements\" | \"ariaDisabled\" | \"ariaErrorMessageElements\" | \"ariaExpanded\" | \"ariaFlowToElements\" | \"ariaHasPopup\" | \"ariaHidden\" | \"ariaInvalid\" | \"ariaKeyShortcuts\" | \"ariaLabel\" | \"ariaLabelledByElements\" | \"ariaLevel\" | \"ariaLive\" | \"ariaModal\" | \"ariaMultiLine\" | \"ariaMultiSelectable\" | \"ariaOrientation\" | \"ariaOwnsElements\" | \"ariaPlaceholder\" | \"ariaPosInSet\" | \"ariaPressed\" | \"ariaReadOnly\" | \"ariaRelevant\" | \"ariaRequired\" | \"ariaRoleDescription\" | \"ariaRowCount\" | \"ariaRowIndex\" | \"ariaRowIndexText\" | \"ariaRowSpan\" | \"ariaSelected\" | \"ariaSetSize\" | \"ariaSort\" | \"ariaValueMax\" | \"ariaValueMin\" | \"ariaValueNow\" | \"ariaValueText\" | \"role\"): string | Element | ShadowRoot | readonly Element[]; updateAriaProperty<K extends StringKeyOfARIAMixin<keyof ARIAMixin>>(name: K, value: ARIAMixin[K]): void; } & { kbdNav: string; _kbdFocusable: boolean; } & { kbdNavQuery: string; kbdNavFocusableWhenDisabled: boolean; ariaOrientationDefault: \"horizontal\" | \"vertical\"; } & { kbdNavChildren: NodeListOf<HTMLElement>; } & { _ariaOrientationIsVertical(): boolean; focusCurrentOrFirst(): HTMLElement; focusNext(current?: HTMLElement, loop?: boolean, reverse?: boolean): HTMLElement; focusPrevious(current?: HTMLElement, loop?: boolean): HTMLElement; focus(options?: FocusOptions): void; refreshTabIndexes(): void; } & { disabled: boolean; focused: boolean; hovered: boolean; pressed: boolean; _lastInteraction: \"mouse\" | \"touch\" | \"key\" | \"pen\"; _hovered: boolean; _focused: boolean; _focusedSynthetic: boolean; _keyPressed: boolean; _keyReleased: boolean; _pointerPressed: boolean; stateLayer: boolean; } & { disabledState: boolean; hoveredState: boolean; focusedState: boolean; pressedState: boolean; touchedState: boolean; pointedState: boolean; } & { stateTargetElement: HTMLElement; } & { _ipcListener: EventListener; _ipcTarget: EventTarget; _files: FileList; } & { ariaControls: string; autocomplete: string; name: string; readOnly: boolean; formNoValidate: boolean; defaultChecked: boolean; _checkedDirty: boolean; _checked: boolean; required: boolean; type: string; _defaultValue: string; _value: string; _valueDirty: boolean; _userInteracted: boolean; _invalid: boolean; _badInput: boolean; _validationMessage: string; _formDisabled: boolean; _formReset: boolean; } & { erroredState: boolean; defaultValue: string; _valueBehavior: \"value\" | \"default/on\" | \"default\" | \"filename\"; } & { _onSetValue(value: string): void; _onSetChecked(checked: boolean): void; } & { value: string; checked: boolean; } & { form: HTMLFormElement; validity: ValidityState; validationMessage: string; willValidate: boolean; labels: NodeList; } & { disabledState: boolean; } & { checkValidity(): boolean; reportValidity(): boolean; setCustomValidity(error: string): void; _notifyRadioChange(key: string, value: string): void; refreshFormAssociation(): void; formAssociatedCallback(form: HTMLFormElement): void; formIPCEvent(event: CustomEvent<[string, string]>): void; formDisabledCallback(disabled: boolean): void; formResetCallback(): void; formStateRestoreCallback(state: string | FormData, mode: \"autocomplete\" | \"restore\"): void; _updateFormAssociatedValue(): void; } & { density: number; } & { block: boolean; inline: boolean; row: boolean; x: string; y: string; gap: number; padding: string; } & { color: string; ink: string; typeStyle: string; } & { _ariaRole: string; color: { empty: string; }; } & { multiple: boolean; size: number; } & { _ariaRole: string; _optionsCollection: HTMLCollectionOf<CustomElement & { delegatesFocus: boolean; } & { href: string; target: string; download: string; ping: string; rel: string; hreflang: string; referrerPolicy: string; } & { origin: string; protocol: string; username: string; password: string; host: string; hostname: string; port: string; pathname: string; search: string; hash: string; } & object & { _ariaRole: string; } & { _onConnectAriaValues: Map<\"ariaAtomic\" | \"ariaAutoComplete\" | \"ariaBrailleLabel\" | \"ariaBrailleRoleDescription\" | \"ariaBusy\" | \"ariaChecked\" | \"ariaColCount\" | \"ariaColIndex\" | \"ariaColIndexText\" | \"ariaColSpan\" | \"ariaCurrent\" | \"ariaDescription\" | \"ariaDisabled\" | \"ariaExpanded\" | \"ariaHasPopup\" | \"ariaHidden\" | \"ariaInvalid\" | \"ariaKeyShortcuts\" | \"ariaLabel\" | \"ariaLevel\" | \"ariaLive\" | \"ariaModal\" | \"ariaMultiLine\" | \"ariaMultiSelectable\" | \"ariaOrientation\" | \"ariaPlaceholder\" | \"ariaPosInSet\" | \"ariaPressed\" | \"ariaReadOnly\" | \"ariaRelevant\" | \"ariaRequired\" | \"ariaRoleDescription\" | \"ariaRowCount\" | \"ariaRowIndex\" | \"ariaRowIndexText\" | \"ariaRowSpan\" | \"ariaSelected\" | \"ariaSetSize\" | \"ariaSort\" | \"ariaValueMax\" | \"ariaValueMin\" | \"ariaValueNow\" | \"ariaValueText\" | \"role\", string>; } & { readAriaProperty(name: \"shadowRoot\" | \"ariaActiveDescendantElement\" | \"ariaAtomic\" | \"ariaAutoComplete\" | \"ariaBrailleLabel\" | \"ariaBrailleRoleDescription\" | \"ariaBusy\" | \"ariaChecked\" | \"ariaColCount\" | \"ariaColIndex\" | \"ariaColIndexText\" | \"ariaColSpan\" | \"ariaControlsElements\" | \"ariaCurrent\" | \"ariaDescribedByElements\" | \"ariaDescription\" | \"ariaDetailsElements\" | \"ariaDisabled\" | \"ariaErrorMessageElements\" | \"ariaExpanded\" | \"ariaFlowToElements\" | \"ariaHasPopup\" | \"ariaHidden\" | \"ariaInvalid\" | \"ariaKeyShortcuts\" | \"ariaLabel\" | \"ariaLabelledByElements\" | \"ariaLevel\" | \"ariaLive\" | \"ariaModal\" | \"ariaMultiLine\" | \"ariaMultiSelectable\" | \"ariaOrientation\" | \"ariaOwnsElements\" | \"ariaPlaceholder\" | \"ariaPosInSet\" | \"ariaPressed\" | \"ariaReadOnly\" | \"ariaRelevant\" | \"ariaRequired\" | \"ariaRoleDescription\" | \"ariaRowCount\" | \"ariaRowIndex\" | \"ariaRowIndexText\" | \"ariaRowSpan\" | \"ariaSelected\" | \"ariaSetSize\" | \"ariaSort\" | \"ariaValueMax\" | \"ariaValueMin\" | \"ariaValueNow\" | \"ariaValueText\" | \"role\"): string | Element | ShadowRoot | readonly Element[]; updateAriaProperty<K extends StringKeyOfARIAMixin<keyof ARIAMixin>>(name: K, value: ARIAMixin[K]): void; } & { disabled: boolean; focused: boolean; hovered: boolean; pressed: boolean; _lastInteraction: \"mouse\" | \"touch\" | \"key\" | \"pen\"; _hovered: boolean; _focused: boolean; _focusedSynthetic: boolean; _keyPressed: boolean; _keyReleased: boolean; _pointerPressed: boolean; stateLayer: boolean; } & { disabledState: boolean; hoveredState: boolean; focusedState: boolean; pressedState: boolean; touchedState: boolean; pointedState: boolean; } & { stateTargetElement: HTMLElement; } & { _lastRippleWeakRef: WeakRef<CustomElement & { hadRippleHeld: boolean; hadRippleReleased: boolean; rippleStarted: boolean; } & { rippleState: string; keepAlive: boolean; _positionX: number; _positionY: number; _radius: number; holdRipple: boolean; } & { _positionStyle: ElementStylerOptions | { styles: { minHeight: string; minWidth: string; boxShadow: string; top: string; left: string; }; }; } & { updatePosition(x?: number, y?: number, size?: number): void; handleRippleComplete(): void; }>; _rippleAdded: boolean; } & { _lastRipple: CustomElement & { hadRippleHeld: boolean; hadRippleReleased: boolean; rippleStarted: boolean; } & { rippleState: string; keepAlive: boolean; _positionX: number; _positionY: number; _radius: number; holdRipple: boolean; } & { _positionStyle: ElementStylerOptions | { styles: { minHeight: string; minWidth: string; boxShadow: string; top: string; left: string; }; }; } & { updatePosition(x?: number, y?: number, size?: number): void; handleRippleComplete(): void; }; } & { addRipple(x?: number, y?: number, hold?: boolean): CustomElement & { hadRippleHeld: boolean; hadRippleReleased: boolean; rippleStarted: boolean; } & { rippleState: string; keepAlive: boolean; _positionX: number; _positionY: number; _radius: number; holdRipple: boolean; } & { _positionStyle: ElementStylerOptions | { styles: { minHeight: string; minWidth: string; boxShadow: string; top: string; left: string; }; }; } & { updatePosition(x?: number, y?: number, size?: number): void; handleRippleComplete(): void; }; } & { color: string; ink: string; typeStyle: string; } & { _ariaRole: string; stateLayer: boolean; } & { leading: string; avatar: string; avatarColor: string; avatarSrc: string; src: string; alt: string; icon: string; iconInk: string; iconSrc: string; iconVariation: string; checkbox: string; radio: string; selectionColor: string; selected: boolean; supporting: string; trailing: string; trailingIcon: string; trailingIconInk: string; trailingIconSrc: string; divider: string; video: boolean; lines: number; _supportingSlotted: boolean; } & { disabledState: boolean; } & { isInteractive: () => boolean; hasSupporting: () => boolean; checkboxClass: () => string; radioClass: () => string; computedIconVariation: () => string; } & { _ariaRole: string; _index: number; _selectedDirty: boolean; isInteractive: boolean; } & { _label: string; _text: string; defaultSelected: boolean; _selected: boolean; _value: string; _formDisabled: boolean; } & { selected: boolean; disabledState: boolean; } & { index: number; form: HTMLFormElement; text: string; label: string; value: string; } & { formDisabledCallback(formDisabled: boolean): void; focus(options?: FocusOptions): void; } & { anchorAriaLabelledBy: () => string; anchorAriaDescribedBy: () => string; computedIconVariation: () => string; }> & HTMLOptionsCollection; _selectedOptionsCollection: any; _handlingSelectedness: boolean; _handleFormReset: boolean; } & { options: HTMLCollectionOf<CustomElement & { delegatesFocus: boolean; } & { href: string; target: string; download: string; ping: string; rel: string; hreflang: string; referrerPolicy: string; } & { origin: string; protocol: string; username: string; password: string; host: string; hostname: string; port: string; pathname: string; search: string; hash: string; } & object & { _ariaRole: string; } & { _onConnectAriaValues: Map<\"ariaAtomic\" | \"ariaAutoComplete\" | \"ariaBrailleLabel\" | \"ariaBrailleRoleDescription\" | \"ariaBusy\" | \"ariaChecked\" | \"ariaColCount\" | \"ariaColIndex\" | \"ariaColIndexText\" | \"ariaColSpan\" | \"ariaCurrent\" | \"ariaDescription\" | \"ariaDisabled\" | \"ariaExpanded\" | \"ariaHasPopup\" | \"ariaHidden\" | \"ariaInvalid\" | \"ariaKeyShortcuts\" | \"ariaLabel\" | \"ariaLevel\" | \"ariaLive\" | \"ariaModal\" | \"ariaMultiLine\" | \"ariaMultiSelectable\" | \"ariaOrientation\" | \"ariaPlaceholder\" | \"ariaPosInSet\" | \"ariaPressed\" | \"ariaReadOnly\" | \"ariaRelevant\" | \"ariaRequired\" | \"ariaRoleDescription\" | \"ariaRowCount\" | \"ariaRowIndex\" | \"ariaRowIndexText\" | \"ariaRowSpan\" | \"ariaSelected\" | \"ariaSetSize\" | \"ariaSort\" | \"ariaValueMax\" | \"ariaValueMin\" | \"ariaValueNow\" | \"ariaValueText\" | \"role\", string>; } & { readAriaProperty(name: \"shadowRoot\" | \"ariaActiveDescendantElement\" | \"ariaAtomic\" | \"ariaAutoComplete\" | \"ariaBrailleLabel\" | \"ariaBrailleRoleDescription\" | \"ariaBusy\" | \"ariaChecked\" | \"ariaColCount\" | \"ariaColIndex\" | \"ariaColIndexText\" | \"ariaColSpan\" | \"ariaControlsElements\" | \"ariaCurrent\" | \"ariaDescribedByElements\" | \"ariaDescription\" | \"ariaDetailsElements\" | \"ariaDisabled\" | \"ariaErrorMessageElements\" | \"ariaExpanded\" | \"ariaFlowToElements\" | \"ariaHasPopup\" | \"ariaHidden\" | \"ariaInvalid\" | \"ariaKeyShortcuts\" | \"ariaLabel\" | \"ariaLabelledByElements\" | \"ariaLevel\" | \"ariaLive\" | \"ariaModal\" | \"ariaMultiLine\" | \"ariaMultiSelectable\" | \"ariaOrientation\" | \"ariaOwnsElements\" | \"ariaPlaceholder\" | \"ariaPosInSet\" | \"ariaPressed\" | \"ariaReadOnly\" | \"ariaRelevant\" | \"ariaRequired\" | \"ariaRoleDescription\" | \"ariaRowCount\" | \"ariaRowIndex\" | \"ariaRowIndexText\" | \"ariaRowSpan\" | \"ariaSelected\" | \"ariaSetSize\" | \"ariaSort\" | \"ariaValueMax\" | \"ariaValueMin\" | \"ariaValueNow\" | \"ariaValueText\" | \"role\"): string | Element | ShadowRoot | readonly Element[]; updateAriaProperty<K extends StringKeyOfARIAMixin<keyof ARIAMixin>>(name: K, value: ARIAMixin[K]): void; } & { disabled: boolean; focused: boolean; hovered: boolean; pressed: boolean; _lastInteraction: \"mouse\" | \"touch\" | \"key\" | \"pen\"; _hovered: boolean; _focused: boolean; _focusedSynthetic: boolean; _keyPressed: boolean; _keyReleased: boolean; _pointerPressed: boolean; stateLayer: boolean; } & { disabledState: boolean; hoveredState: boolean; focusedState: boolean; pressedState: boolean; touchedState: boolean; pointedState: boolean; } & { stateTargetElement: HTMLElement; } & { _lastRippleWeakRef: WeakRef<CustomElement & { hadRippleHeld: boolean; hadRippleReleased: boolean; rippleStarted: boolean; } & { rippleState: string; keepAlive: boolean; _positionX: number; _positionY: number; _radius: number; holdRipple: boolean; } & { _positionStyle: ElementStylerOptions | { styles: { minHeight: string; minWidth: string; boxShadow: string; top: string; left: string; }; }; } & { updatePosition(x?: number, y?: number, size?: number): void; handleRippleComplete(): void; }>; _rippleAdded: boolean; } & { _lastRipple: CustomElement & { hadRippleHeld: boolean; hadRippleReleased: boolean; rippleStarted: boolean; } & { rippleState: string; keepAlive: boolean; _positionX: number; _positionY: number; _radius: number; holdRipple: boolean; } & { _positionStyle: ElementStylerOptions | { styles: { minHeight: string; minWidth: string; boxShadow: string; top: string; left: string; }; }; } & { updatePosition(x?: number, y?: number, size?: number): void; handleRippleComplete(): void; }; } & { addRipple(x?: number, y?: number, hold?: boolean): CustomElement & { hadRippleHeld: boolean; hadRippleReleased: boolean; rippleStarted: boolean; } & { rippleState: string; keepAlive: boolean; _positionX: number; _positionY: number; _radius: number; holdRipple: boolean; } & { _positionStyle: ElementStylerOptions | { styles: { minHeight: string; minWidth: string; boxShadow: string; top: string; left: string; }; }; } & { updatePosition(x?: number, y?: number, size?: number): void; handleRippleComplete(): void; }; } & { color: string; ink: string; typeStyle: string; } & { _ariaRole: string; stateLayer: boolean; } & { leading: string; avatar: string; avatarColor: string; avatarSrc: string; src: string; alt: string; icon: string; iconInk: string; iconSrc: string; iconVariation: string; checkbox: string; radio: string; selectionColor: string; selected: boolean; supporting: string; trailing: string; trailingIcon: string; trailingIconInk: string; trailingIconSrc: string; divider: string; video: boolean; lines: number; _supportingSlotted: boolean; } & { disabledState: boolean; } & { isInteractive: () => boolean; hasSupporting: () => boolean; checkboxClass: () => string; radioClass: () => string; computedIconVariation: () => string; } & { _ariaRole: string; _index: number; _selectedDirty: boolean; isInteractive: boolean; } & { _label: string; _text: string; defaultSelected: boolean; _selected: boolean; _value: string; _formDisabled: boolean; } & { selected: boolean; disabledState: boolean; } & { index: number; form: HTMLFormElement; text: string; label: string; value: string; } & { formDisabledCallback(formDisabled: boolean): void; focus(options?: FocusOptions): void; } & { anchorAriaLabelledBy: () => string; anchorAriaDescribedBy: () => string; computedIconVariation: () => string; }> & HTMLOptionsCollection; selectedOptions: HTMLCollectionOf<CustomElement & { delegatesFocus: boolean; } & { href: string; target: string; download: string; ping: string; rel: string; hreflang: string; referrerPolicy: string; } & { origin: string; protocol: string; username: string; password: string; host: string; hostname: string; port: string; pathname: string; search: string; hash: string; } & object & { _ariaRole: string; } & { _onConnectAriaValues: Map<\"ariaAtomic\" | \"ariaAutoComplete\" | \"ariaBrailleLabel\" | \"ariaBrailleRoleDescription\" | \"ariaBusy\" | \"ariaChecked\" | \"ariaColCount\" | \"ariaColIndex\" | \"ariaColIndexText\" | \"ariaColSpan\" | \"ariaCurrent\" | \"ariaDescription\" | \"ariaDisabled\" | \"ariaExpanded\" | \"ariaHasPopup\" | \"ariaHidden\" | \"ariaInvalid\" | \"ariaKeyShortcuts\" | \"ariaLabel\" | \"ariaLevel\" | \"ariaLive\" | \"ariaModal\" | \"ariaMultiLine\" | \"ariaMultiSelectable\" | \"ariaOrientation\" | \"ariaPlaceholder\" | \"ariaPosInSet\" | \"ariaPressed\" | \"ariaReadOnly\" | \"ariaRelevant\" | \"ariaRequired\" | \"ariaRoleDescription\" | \"ariaRowCount\" | \"ariaRowIndex\" | \"ariaRowIndexText\" | \"ariaRowSpan\" | \"ariaSelected\" | \"ariaSetSize\" | \"ariaSort\" | \"ariaValueMax\" | \"ariaValueMin\" | \"ariaValueNow\" | \"ariaValueText\" | \"role\", string>; } & { readAriaProperty(name: \"shadowRoot\" | \"ariaActiveDescendantElement\" | \"ariaAtomic\" | \"ariaAutoComplete\" | \"ariaBrailleLabel\" | \"ariaBrailleRoleDescription\" | \"ariaBusy\" | \"ariaChecked\" | \"ariaColCount\" | \"ariaColIndex\" | \"ariaColIndexText\" | \"ariaColSpan\" | \"ariaControlsElements\" | \"ariaCurrent\" | \"ariaDescribedByElements\" | \"ariaDescription\" | \"ariaDetailsElements\" | \"ariaDisabled\" | \"ariaErrorMessageElements\" | \"ariaExpanded\" | \"ariaFlowToElements\" | \"ariaHasPopup\" | \"ariaHidden\" | \"ariaInvalid\" | \"ariaKeyShortcuts\" | \"ariaLabel\" | \"ariaLabelledByElements\" | \"ariaLevel\" | \"ariaLive\" | \"ariaModal\" | \"ariaMultiLine\" | \"ariaMultiSelectable\" | \"ariaOrientation\" | \"ariaOwnsElements\" | \"ariaPlaceholder\" | \"ariaPosInSet\" | \"ariaPressed\" | \"ariaReadOnly\" | \"ariaRelevant\" | \"ariaRequired\" | \"ariaRoleDescription\" | \"ariaRowCount\" | \"ariaRowIndex\" | \"ariaRowIndexText\" | \"ariaRowSpan\" | \"ariaSelected\" | \"ariaSetSize\" | \"ariaSort\" | \"ariaValueMax\" | \"ariaValueMin\" | \"ariaValueNow\" | \"ariaValueText\" | \"role\"): string | Element | ShadowRoot | readonly Element[]; updateAriaProperty<K extends StringKeyOfARIAMixin<keyof ARIAMixin>>(name: K, value: ARIAMixin[K]): void; } & { disabled: boolean; focused: boolean; hovered: boolean; pressed: boolean; _lastInteraction: \"mouse\" | \"touch\" | \"key\" | \"pen\"; _hovered: boolean; _focused: boolean; _focusedSynthetic: boolean; _keyPressed: boolean; _keyReleased: boolean; _pointerPressed: boolean; stateLayer: boolean; } & { disabledState: boolean; hoveredState: boolean; focusedState: boolean; pressedState: boolean; touchedState: boolean; pointedState: boolean; } & { stateTargetElement: HTMLElement; } & { _lastRippleWeakRef: WeakRef<CustomElement & { hadRippleHeld: boolean; hadRippleReleased: boolean; rippleStarted: boolean; } & { rippleState: string; keepAlive: boolean; _positionX: number; _positionY: number; _radius: number; holdRipple: boolean; } & { _positionStyle: ElementStylerOptions | { styles: { minHeight: string; minWidth: string; boxShadow: string; top: string; left: string; }; }; } & { updatePosition(x?: number, y?: number, size?: number): void; handleRippleComplete(): void; }>; _rippleAdded: boolean; } & { _lastRipple: CustomElement & { hadRippleHeld: boolean; hadRippleReleased: boolean; rippleStarted: boolean; } & { rippleState: string; keepAlive: boolean; _positionX: number; _positionY: number; _radius: number; holdRipple: boolean; } & { _positionStyle: ElementStylerOptions | { styles: { minHeight: string; minWidth: string; boxShadow: string; top: string; left: string; }; }; } & { updatePosition(x?: number, y?: number, size?: number): void; handleRippleComplete(): void; }; } & { addRipple(x?: number, y?: number, hold?: boolean): CustomElement & { hadRippleHeld: boolean; hadRippleReleased: boolean; rippleStarted: boolean; } & { rippleState: string; keepAlive: boolean; _positionX: number; _positionY: number; _radius: number; holdRipple: boolean; } & { _positionStyle: ElementStylerOptions | { styles: { minHeight: string; minWidth: string; boxShadow: string; top: string; left: string; }; }; } & { updatePosition(x?: number, y?: number, size?: number): void; handleRippleComplete(): void; }; } & { color: string; ink: string; typeStyle: string; } & { _ariaRole: string; stateLayer: boolean; } & { leading: string; avatar: string; avatarColor: string; avatarSrc: string; src: string; alt: string; icon: string; iconInk: string; iconSrc: string; iconVariation: string; checkbox: string; radio: string; selectionColor: string; selected: boolean; supporting: string; trailing: string; trailingIcon: string; trailingIconInk: string; trailingIconSrc: string; divider: string; video: boolean; lines: number; _supportingSlotted: boolean; } & { disabledState: boolean; } & { isInteractive: () => boolean; hasSupporting: () => boolean; checkboxClass: () => string; radioClass: () => string; computedIconVariation: () => string; } & { _ariaRole: string; _index: number; _selectedDirty: boolean; isInteractive: boolean; } & { _label: string; _text: string; defaultSelected: boolean; _selected: boolean; _value: string; _formDisabled: boolean; } & { selected: boolean; disabledState: boolean; } & { index: number; form: HTMLFormElement; text: string; label: string; value: string; } & { formDisabledCallback(formDisabled: boolean): void; focus(options?: FocusOptions): void; } & { anchorAriaLabelledBy: () => string; anchorAriaDescribedBy: () => string; computedIconVariation: () => string; }>; type: \"select-multiple\" | \"select-one\"; kbdNavQuery: string; kbdNavFocusableWhenDisabled: boolean; } & { length: number; selectedIndex: number; value: string; add: (element: HTMLOptionElement | HTMLOptGroupElement, before?: number | HTMLElement) => void; } & { _selectedOptionsGenerator(): Generator<CustomElement & { delegatesFocus: boolean; } & { href: string; target: string; download: string; ping: string; rel: string; hreflang: string; referrerPolicy: string; } & { origin: string; protocol: string; username: string; password: string; host: string; hostname: string; port: string; pathname: string; search: string; hash: string; } & object & { _ariaRole: string; } & { _onConnectAriaValues: Map<\"ariaAtomic\" | \"ariaAutoComplete\" | \"ariaBrailleLabel\" | \"ariaBrailleRoleDescription\" | \"ariaBusy\" | \"ariaChecked\" | \"ariaColCount\" | \"ariaColIndex\" | \"ariaColIndexText\" | \"ariaColSpan\" | \"ariaCurrent\" | \"ariaDescription\" | \"ariaDisabled\" | \"ariaExpanded\" | \"ariaHasPopup\" | \"ariaHidden\" | \"ariaInvalid\" | \"ariaKeyShortcuts\" | \"ariaLabel\" | \"ariaLevel\" | \"ariaLive\" | \"ariaModal\" | \"ariaMultiLine\" | \"ariaMultiSelectable\" | \"ariaOrientation\" | \"ariaPlaceholder\" | \"ariaPosInSet\" | \"ariaPressed\" | \"ariaReadOnly\" | \"ariaRelevant\" | \"ariaRequired\" | \"ariaRoleDescription\" | \"ariaRowCount\" | \"ariaRowIndex\" | \"ariaRowIndexText\" | \"ariaRowSpan\" | \"ariaSelected\" | \"ariaSetSize\" | \"ariaSort\" | \"ariaValueMax\" | \"ariaValueMin\" | \"ariaValueNow\" | \"ariaValueText\" | \"role\", string>; } & { readAriaProperty(name: \"shadowRoot\" | \"ariaActiveDescendantElement\" | \"ariaAtomic\" | \"ariaAutoComplete\" | \"ariaBrailleLabel\" | \"ariaBrailleRoleDescription\" | \"ariaBusy\" | \"ariaChecked\" | \"ariaColCount\" | \"ariaColIndex\" | \"ariaColIndexText\" | \"ariaColSpan\" | \"ariaControlsElements\" | \"ariaCurrent\" | \"ariaDescribedByElements\" | \"ariaDescription\" | \"ariaDetailsElements\" | \"ariaDisabled\" | \"ariaErrorMessageElements\" | \"ariaExpanded\" | \"ariaFlowToElements\" | \"ariaHasPopup\" | \"ariaHidden\" | \"ariaInvalid\" | \"ariaKeyShortcuts\" | \"ariaLabel\" | \"ariaLabelledByElements\" | \"ariaLevel\" | \"ariaLive\" | \"ariaModal\" | \"ariaMultiLine\" | \"ariaMultiSelectable\" | \"ariaOrientation\" | \"ariaOwnsElements\" | \"ariaPlaceholder\" | \"ariaPosInSet\" | \"ariaPressed\" | \"ariaReadOnly\" | \"ariaRelevant\" | \"ariaRequired\" | \"ariaRoleDescription\" | \"ariaRowCount\" | \"ariaRowIndex\" | \"ariaRowIndexText\" | \"ariaRowSpan\" | \"ariaSelected\" | \"ariaSetSize\" | \"ariaSort\" | \"ariaValueMax\" | \"ariaValueMin\" | \"ariaValueNow\" | \"ariaValueText\" | \"role\"): string | Element | ShadowRoot | readonly Element[]; updateAriaProperty<K extends StringKeyOfARIAMixin<keyof ARIAMixin>>(name: K, value: ARIAMixin[K]): void; } & { disabled: boolean; focused: boolean; hovered: boolean; pressed: boolean; _lastInteraction: \"mouse\" | \"touch\" | \"key\" | \"pen\"; _hovered: boolean; _focused: boolean; _focusedSynthetic: boolean; _keyPressed: boolean; _keyReleased: boolean; _pointerPressed: boolean; stateLayer: boolean; } & { disabledState: boolean; hoveredState: boolean; focusedState: boolean; pressedState: boolean; touchedState: boolean; pointedState: boolean; } & { stateTargetElement: HTMLElement; } & { _lastRippleWeakRef: WeakRef<CustomElement & { hadRippleHeld: boolean; hadRippleReleased: boolean; rippleStarted: boolean; } & { rippleState: string; keepAlive: boolean; _positionX: number; _positionY: number; _radius: number; holdRipple: boolean; } & { _positionStyle: ElementStylerOptions | { styles: { minHeight: string; minWidth: string; boxShadow: string; top: string; left: string; }; }; } & { updatePosition(x?: number, y?: number, size?: number): void; handleRippleComplete(): void; }>; _rippleAdded: boolean; } & { _lastRipple: CustomElement & { hadRippleHeld: boolean; hadRippleReleased: boolean; rippleStarted: boolean; } & { rippleState: string; keepAlive: boolean; _positionX: number; _positionY: number; _radius: number; holdRipple: boolean; } & { _positionStyle: ElementStylerOptions | { styles: { minHeight: string; minWidth: string; boxShadow: string; top: string; left: string; }; }; } & { updatePosition(x?: number, y?: number, size?: number): void; handleRippleComplete(): void; }; } & { addRipple(x?: number, y?: number, hold?: boolean): CustomElement & { hadRippleHeld: boolean; hadRippleReleased: boolean; rippleStarted: boolean; } & { rippleState: string; keepAlive: boolean; _positionX: number; _positionY: number; _radius: number; holdRipple: boolean; } & { _positionStyle: ElementStylerOptions | { styles: { minHeight: string; minWidth: string; boxShadow: string; top: string; left: string; }; }; } & { updatePosition(x?: number, y?: number, size?: number): void; handleRippleComplete(): void; }; } & { color: string; ink: string; typeStyle: string; } & { _ariaRole: string; stateLayer: boolean; } & { leading: string; avatar: string; avatarColor: string; avatarSrc: string; src: string; alt: string; icon: string; iconInk: string; iconSrc: string; iconVariation: string; checkbox: string; radio: string; selectionColor: string; selected: boolean; supporting: string; trailing: string; trailingIcon: string; trailingIconInk: string; trailingIconSrc: string; divider: string; video: boolean; lines: number; _supportingSlotted: boolean; } & { disabledState: boolean; } & { isInteractive: () => boolean; hasSupporting: () => boolean; checkboxClass: () => string; radioClass: () => string; computedIconVariation: () => string; } & { _ariaRole: string; _index: number; _selectedDirty: boolean; isInteractive: boolean; } & { _label: string; _text: string; defaultSelected: boolean; _selected: boolean; _value: string; _formDisabled: boolean; } & { selected: boolean; disabledState: boolean; } & { index: number; form: HTMLFormElement; text: string; label: string; value: string; } & { formDisabledCallback(formDisabled: boolean): void; focus(options?: FocusOptions): void; } & { anchorAriaLabelledBy: () => string; anchorAriaDescribedBy: () => string; computedIconVariation: () => string; } & HTMLOptionElement, void, unknown>; [Symbol.iterator](): Generator<CustomElement & { delegatesFocus: boolean; } & { href: string; target: string; download: string; ping: string; rel: string; hreflang: string; referrerPolicy: string; } & { origin: string; protocol: string; username: string; password: string; host: string; hostname: string; port: string; pathname: string; search: string; hash: string; } & object & { _ariaRole: string; } & { _onConnectAriaValues: Map<\"ariaAtomic\" | \"ariaAutoComplete\" | \"ariaBrailleLabel\" | \"ariaBrailleRoleDescription\" | \"ariaBusy\" | \"ariaChecked\" | \"ariaColCount\" | \"ariaColIndex\" | \"ariaColIndexText\" | \"ariaColSpan\" | \"ariaCurrent\" | \"ariaDescription\" | \"ariaDisabled\" | \"ariaExpanded\" | \"ariaHasPopup\" | \"ariaHidden\" | \"ariaInvalid\" | \"ariaKeyShortcuts\" | \"ariaLabel\" | \"ariaLevel\" | \"ariaLive\" | \"ariaModal\" | \"ariaMultiLine\" | \"ariaMultiSelectable\" | \"ariaOrientation\" | \"ariaPlaceholder\" | \"ariaPosInSet\" | \"ariaPressed\" | \"ariaReadOnly\" | \"ariaRelevant\" | \"ariaRequired\" | \"ariaRoleDescription\" | \"ariaRowCount\" | \"ariaRowIndex\" | \"ariaRowIndexText\" | \"ariaRowSpan\" | \"ariaSelected\" | \"ariaSetSize\" | \"ariaSort\" | \"ariaValueMax\" | \"ariaValueMin\" | \"ariaValueNow\" | \"ariaValueText\" | \"role\", string>; } & { readAriaProperty(name: \"shadowRoot\" | \"ariaActiveDescendantElement\" | \"ariaAtomic\" | \"ariaAutoComplete\" | \"ariaBrailleLabel\" | \"ariaBrailleRoleDescription\" | \"ariaBusy\" | \"ariaChecked\" | \"ariaColCount\" | \"ariaColIndex\" | \"ariaColIndexText\" | \"ariaColSpan\" | \"ariaControlsElements\" | \"ariaCurrent\" | \"ariaDescribedByElements\" | \"ariaDescription\" | \"ariaDetailsElements\" | \"ariaDisabled\" | \"ariaErrorMessageElements\" | \"ariaExpanded\" | \"ariaFlowToElements\" | \"ariaHasPopup\" | \"ariaHidden\" | \"ariaInvalid\" | \"ariaKeyShortcuts\" | \"ariaLabel\" | \"ariaLabelledByElements\" | \"ariaLevel\" | \"ariaLive\" | \"ariaModal\" | \"ariaMultiLine\" | \"ariaMultiSelectable\" | \"ariaOrientation\" | \"ariaOwnsElements\" | \"ariaPlaceholder\" | \"ariaPosInSet\" | \"ariaPressed\" | \"ariaReadOnly\" | \"ariaRelevant\" | \"ariaRequired\" | \"ariaRoleDescription\" | \"ariaRowCount\" | \"ariaRowIndex\" | \"ariaRowIndexText\" | \"ariaRowSpan\" | \"ariaSelected\" | \"ariaSetSize\" | \"ariaSort\" | \"ariaValueMax\" | \"ariaValueMin\" | \"ariaValueNow\" | \"ariaValueText\" | \"role\"): string | Element | ShadowRoot | readonly Element[]; updateAriaProperty<K extends StringKeyOfARIAMixin<keyof ARIAMixin>>(name: K, value: ARIAMixin[K]): void; } & { disabled: boolean; focused: boolean; hovered: boolean; pressed: boolean; _lastInteraction: \"mouse\" | \"touch\" | \"key\" | \"pen\"; _hovered: boolean; _focused: boolean; _focusedSynthetic: boolean; _keyPressed: boolean; _keyReleased: boolean; _pointerPressed: boolean; stateLayer: boolean; } & { disabledState: boolean; hoveredState: boolean; focusedState: boolean; pressedState: boolean; touchedState: boolean; pointedState: boolean; } & { stateTargetElement: HTMLElement; } & { _lastRippleWeakRef: WeakRef<CustomElement & { hadRippleHeld: boolean; hadRippleReleased: boolean; rippleStarted: boolean; } & { rippleState: string; keepAlive: boolean; _positionX: number; _positionY: number; _radius: number; holdRipple: boolean; } & { _positionStyle: ElementStylerOptions | { styles: { minHeight: string; minWidth: string; boxShadow: string; top: string; left: string; }; }; } & { updatePosition(x?: number, y?: number, size?: number): void; handleRippleComplete(): void; }>; _rippleAdded: boolean; } & { _lastRipple: CustomElement & { hadRippleHeld: boolean; hadRippleReleased: boolean; rippleStarted: boolean; } & { rippleState: string; keepAlive: boolean; _positionX: number; _positionY: number; _radius: number; holdRipple: boolean; } & { _positionStyle: ElementStylerOptions | { styles: { minHeight: string; minWidth: string; boxShadow: string; top: string; left: string; }; }; } & { updatePosition(x?: number, y?: number, size?: number): void; handleRippleComplete(): void; }; } & { addRipple(x?: number, y?: number, hold?: boolean): CustomElement & { hadRippleHeld: boolean; hadRippleReleased: boolean; rippleStarted: boolean; } & { rippleState: string; keepAlive: boolean; _positionX: number; _positionY: number; _radius: number; holdRipple: boolean; } & { _positionStyle: ElementStylerOptions | { styles: { minHeight: string; minWidth: string; boxShadow: string; top: string; left: string; }; }; } & { updatePosition(x?: number, y?: number, size?: number): void; handleRippleComplete(): void; }; } & { color: string; ink: string; typeStyle: string; } & { _ariaRole: string; stateLayer: boolean; } & { leading: string; avatar: string; avatarColor: string; avatarSrc: string; src: string; alt: string; icon: string; iconInk: string; iconSrc: string; iconVariation: string; checkbox: string; radio: string; selectionColor: string; selected: boolean; supporting: string; trailing: string; trailingIcon: string; trailingIconInk: string; trailingIconSrc: string; divider: string; video: boolean; lines: number; _supportingSlotted: boolean; } & { disabledState: boolean; } & { isInteractive: () => boolean; hasSupporting: () => boolean; checkboxClass: () => string; radioClass: () => string; computedIconVariation: () => string; } & { _ariaRole: string; _index: number; _selectedDirty: boolean; isInteractive: boolean; } & { _label: string; _text: string; defaultSelected: boolean; _selected: boolean; _value: string; _formDisabled: boolean; } & { selected: boolean; disabledState: boolean; } & { index: number; form: HTMLFormElement; text: string; label: string; value: string; } & { formDisabledCallback(formDisabled: boolean): void; focus(options?: FocusOptions): void; } & { anchorAriaLabelledBy: () => string; anchorAriaDescribedBy: () => string; computedIconVariation: () => string; } & HTMLOptionElement, void, unknown>; focus(): void; item(index: number): CustomElement & { delegatesFocus: boolean; } & { href: string; target: string; download: string; ping: string; rel: string; hreflang: string; referrerPolicy: string; } & { origin: string; protocol: string; username: string; password: string; host: string; hostname: string; port: string; pathname: string; search: string; hash: string; } & object & { _ariaRole: string; } & { _onConnectAriaValues: Map<\"ariaAtomic\" | \"ariaAutoComplete\" | \"ariaBrailleLabel\" | \"ariaBrailleRoleDescription\" | \"ariaBusy\" | \"ariaChecked\" | \"ariaColCount\" | \"ariaColIndex\" | \"ariaColIndexText\" | \"ariaColSpan\" | \"ariaCurrent\" | \"ariaDescription\" | \"ariaDisabled\" | \"ariaExpanded\" | \"ariaHasPopup\" | \"ariaHidden\" | \"ariaInvalid\" | \"ariaKeyShortcuts\" | \"ariaLabel\" | \"ariaLevel\" | \"ariaLive\" | \"ariaModal\" | \"ariaMultiLine\" | \"ariaMultiSelectable\" | \"ariaOrientation\" | \"ariaPlaceholder\" | \"ariaPosInSet\" | \"ariaPressed\" | \"ariaReadOnly\" | \"ariaRelevant\" | \"ariaRequired\" | \"ariaRoleDescription\" | \"ariaRowCount\" | \"ariaRowIndex\" | \"ariaRowIndexText\" | \"ariaRowSpan\" | \"ariaSelected\" | \"ariaSetSize\" | \"ariaSort\" | \"ariaValueMax\" | \"ariaValueMin\" | \"ariaValueNow\" | \"ariaValueText\" | \"role\", string>; } & { readAriaProperty(name: \"shadowRoot\" | \"ariaActiveDescendantElement\" | \"ariaAtomic\" | \"ariaAutoComplete\" | \"ariaBrailleLabel\" | \"ariaBrailleRoleDescription\" | \"ariaBusy\" | \"ariaChecked\" | \"ariaColCount\" | \"ariaColIndex\" | \"ariaColIndexText\" | \"ariaColSpan\" | \"ariaControlsElements\" | \"ariaCurrent\" | \"ariaDescribedByElements\" | \"ariaDescription\" | \"ariaDetailsElements\" | \"ariaDisabled\" | \"ariaErrorMessageElements\" | \"ariaExpanded\" | \"ariaFlowToElements\" | \"ariaHasPopup\" | \"ariaHidden\" | \"ariaInvalid\" | \"ariaKeyShortcuts\" | \"ariaLabel\" | \"ariaLabelledByElements\" | \"ariaLevel\" | \"ariaLive\" | \"ariaModal\" | \"ariaMultiLine\" | \"ariaMultiSelectable\" | \"ariaOrientation\" | \"ariaOwnsElements\" | \"ariaPlaceholder\" | \"ariaPosInSet\" | \"ariaPressed\" | \"ariaReadOnly\" | \"ariaRelevant\" | \"ariaRequired\" | \"ariaRoleDescription\" | \"ariaRowCount\" | \"ariaRowIndex\" | \"ariaRowIndexText\" | \"ariaRowSpan\" | \"ariaSelected\" | \"ariaSetSize\" | \"ariaSort\" | \"ariaValueMax\" | \"ariaValueMin\" | \"ariaValueNow\" | \"ariaValueText\" | \"role\"): string | Element | ShadowRoot | readonly Element[]; updateAriaProperty<K extends StringKeyOfARIAMixin<keyof ARIAMixin>>(name: K, value: ARIAMixin[K]): void; } & { disabled: boolean; focused: boolean; hovered: boolean; pressed: boolean; _lastInteraction: \"mouse\" | \"touch\" | \"key\" | \"pen\"; _hovered: boolean; _focused: boolean; _focusedSynthetic: boolean; _keyPressed: boolean; _keyReleased: boolean; _pointerPressed: boolean; stateLayer: boolean; } & { disabledState: boolean; hoveredState: boolean; focusedState: boolean; pressedState: boolean; touchedState: boolean; pointedState: boolean; } & { stateTargetElement: HTMLElement; } & { _lastRippleWeakRef: WeakRef<CustomElement & { hadRippleHeld: boolean; hadRippleReleased: boolean; rippleStarted: boolean; } & { rippleState: string; keepAlive: boolean; _positionX: number; _positionY: number; _radius: number; holdRipple: boolean; } & { _positionStyle: ElementStylerOptions | { styles: { minHeight: string; minWidth: string; boxShadow: string; top: string; left: string; }; }; } & { updatePosition(x?: number, y?: number, size?: number): void; handleRippleComplete(): void; }>; _rippleAdded: boolean; } & { _lastRipple: CustomElement & { hadRippleHeld: boolean; hadRippleReleased: boolean; rippleStarted: boolean; } & { rippleState: string; keepAlive: boolean; _positionX: number; _positionY: number; _radius: number; holdRipple: boolean; } & { _positionStyle: ElementStylerOptions | { styles: { minHeight: string; minWidth: string; boxShadow: string; top: string; left: string; }; }; } & { updatePosition(x?: number, y?: number, size?: number): void; handleRippleComplete(): void; }; } & { addRipple(x?: number, y?: number, hold?: boolean): CustomElement & { hadRippleHeld: boolean; hadRippleReleased: boolean; rippleStarted: boolean; } & { rippleState: string; keepAlive: boolean; _positionX: number; _positionY: number; _radius: number; holdRipple: boolean; } & { _positionStyle: ElementStylerOptions | { styles: { minHeight: string; minWidth: string; boxShadow: string; top: string; left: string; }; }; } & { updatePosition(x?: number, y?: number, size?: number): void; handleRippleComplete(): void; }; } & { color: string; ink: string; typeStyle: string; } & { _ariaRole: string; stateLayer: boolean; } & { leading: string; avatar: string; avatarColor: string; avatarSrc: string; src: string; alt: string; icon: string; iconInk: string; iconSrc: string; iconVariation: string; checkbox: string; radio: string; selectionColor: string; selected: boolean; supporting: string; trailing: string; trailingIcon: string; trailingIconInk: string; trailingIconSrc: string; divider: string; video: boolean; lines: number; _supportingSlotted: boolean; } & { disabledState: boolean; } & { isInteractive: () => boolean; hasSupporting: () => boolean; checkboxClass: () => string; radioClass: () => string; computedIconVariation: () => string; } & { _ariaRole: string; _index: number; _selectedDirty: boolean; isInteractive: boolean; } & { _label: string; _text: string; defaultSelected: boolean; _selected: boolean; _value: string; _formDisabled: boolean; } & { selected: boolean; disabledState: boolean; } & { index: number; form: HTMLFormElement; text: string; label: string; value: string; } & { formDisabledCallback(formDisabled: boolean): void; focus(options?: FocusOptions): void; } & { anchorAriaLabelledBy: () => string; anchorAriaDescribedBy: () => string; computedIconVariation: () => string; }; namedItem(name: string): CustomElement & { delegatesFocus: boolean; } & { href: string; target: string; download: string; ping: string; rel: string; hreflang: string; referrerPolicy: string; } & { origin: string; protocol: string; username: string; password: string; host: string; hostname: string; port: string; pathname: string; search: string; hash: string; } & object & { _ariaRole: string; } & { _onConnectAriaValues: Map<\"ariaAtomic\" | \"ariaAutoComplete\" | \"ariaBrailleLabel\" | \"ariaBrailleRoleDescription\" | \"ariaBusy\" | \"ariaChecked\" | \"ariaColCount\" | \"ariaColIndex\" | \"ariaColIndexText\" | \"ariaColSpan\" | \"ariaCurrent\" | \"ariaDescription\" | \"ariaDisabled\" | \"ariaExpanded\" | \"ariaHasPopup\" | \"ariaHidden\" | \"ariaInvalid\" | \"ariaKeyShortcuts\" | \"ariaLabel\" | \"ariaLevel\" | \"ariaLive\" | \"ariaModal\" | \"ariaMultiLine\" | \"ariaMultiSelectable\" | \"ariaOrientation\" | \"ariaPlaceholder\" | \"ariaPosInSet\" | \"ariaPressed\" | \"ariaReadOnly\" | \"ariaRelevant\" | \"ariaRequired\" | \"ariaRoleDescription\" | \"ariaRowCount\" | \"ariaRowIndex\" | \"ariaRowIndexText\" | \"ariaRowSpan\" | \"ariaSelected\" | \"ariaSetSize\" | \"ariaSort\" | \"ariaValueMax\" | \"ariaValueMin\" | \"ariaValueNow\" | \"ariaValueText\" | \"role\", string>; } & { readAriaProperty(name: \"shadowRoot\" | \"ariaActiveDescendantElement\" | \"ariaAtomic\" | \"ariaAutoComplete\" | \"ariaBrailleLabel\" | \"ariaBrailleRoleDescription\" | \"ariaBusy\" | \"ariaChecked\" | \"ariaColCount\" | \"ariaColIndex\" | \"ariaColIndexText\" | \"ariaColSpan\" | \"ariaControlsElements\" | \"ariaCurrent\" | \"ariaDescribedByElements\" | \"ariaDescription\" | \"ariaDetailsElements\" | \"ariaDisabled\" | \"ariaErrorMessageElements\" | \"ariaExpanded\" | \"ariaFlowToElements\" | \"ariaHasPopup\" | \"ariaHidden\" | \"ariaInvalid\" | \"ariaKeyShortcuts\" | \"ariaLabel\" | \"ariaLabelledByElements\" | \"ariaLevel\" | \"ariaLive\" | \"ariaModal\" | \"ariaMultiLine\" | \"ariaMultiSelectable\" | \"ariaOrientation\" | \"ariaOwnsElements\" | \"ariaPlaceholder\" | \"ariaPosInSet\" | \"ariaPressed\" | \"ariaReadOnly\" | \"ariaRelevant\" | \"ariaRequired\" | \"ariaRoleDescription\" | \"ariaRowCount\" | \"ariaRowIndex\" | \"ariaRowIndexText\" | \"ariaRowSpan\" | \"ariaSelected\" | \"ariaSetSize\" | \"ariaSort\" | \"ariaValueMax\" | \"ariaValueMin\" | \"ariaValueNow\" | \"ariaValueText\" | \"role\"): string | Element | ShadowRoot | readonly Element[]; updateAriaProperty<K extends StringKeyOfARIAMixin<keyof ARIAMixin>>(name: K, value: ARIAMixin[K]): void; } & { disabled: boolean; focused: boolean; hovered: boolean; pressed: boolean; _lastInteraction: \"mouse\" | \"touch\" | \"key\" | \"pen\"; _hovered: boolean; _focused: boolean; _focusedSynthetic: boolean; _keyPressed: boolean; _keyReleased: boolean; _pointerPressed: boolean; stateLayer: boolean; } & { disabledState: boolean; hoveredState: boolean; focusedState: boolean; pressedState: boolean; touchedState: boolean; pointedState: boolean; } & { stateTargetElement: HTMLElement; } & { _lastRippleWeakRef: WeakRef<CustomElement & { hadRippleHeld: boolean; hadRippleReleased: boolean; rippleStarted: boolean; } & { rippleState: string; keepAlive: boolean; _positionX: number; _positionY: number; _radius: number; holdRipple: boolean; } & { _positionStyle: ElementStylerOptions | { styles: { minHeight: string; minWidth: string; boxShadow: string; top: string; left: string; }; }; } & { updatePosition(x?: number, y?: number, size?: number): void; handleRippleComplete(): void; }>; _rippleAdded: boolean; } & { _lastRipple: CustomElement & { hadRippleHeld: boolean; hadRippleReleased: boolean; rippleStarted: boolean; } & { rippleState: string; keepAlive: boolean; _positionX: number; _positionY: number; _radius: number; holdRipple: boolean; } & { _positionStyle: ElementStylerOptions | { styles: { minHeight: string; minWidth: string; boxShadow: string; top: string; left: string; }; }; } & { updatePosition(x?: number, y?: number, size?: number): void; handleRippleComplete(): void; }; } & { addRipple(x?: number, y?: number, hold?: boolean): CustomElement & { hadRippleHeld: boolean; hadRippleReleased: boolean; rippleStarted: boolean; } & { rippleState: string; keepAlive: boolean; _positionX: number; _positionY: number; _radius: number; holdRipple: boolean; } & { _positionStyle: ElementStylerOptions | { styles: { minHeight: string; minWidth: string; boxShadow: string; top: string; left: string; }; }; } & { updatePosition(x?: number, y?: number, size?: number): void; handleRippleComplete(): void; }; } & { color: string; ink: string; typeStyle: string; } & { _ariaRole: string; stateLayer: boolean; } & { leading: string; avatar: string; avatarColor: string; avatarSrc: string; src: string; alt: string; icon: string; iconInk: string; iconSrc: string; iconVariation: string; checkbox: string; radio: string; selectionColor: string; selected: boolean; supporting: string; trailing: string; trailingIcon: string; trailingIconInk: string; trailingIconSrc: string; divider: string; video: boolean; lines: number; _supportingSlotted: boolean; } & { disabledState: boolean; } & { isInteractive: () => boolean; hasSupporting: () => boolean; checkboxClass: () => string; radioClass: () => string; computedIconVariation: () => string; } & { _ariaRole: string; _index: number; _selectedDirty: boolean; isInteractive: boolean; } & { _label: string; _text: string; defaultSelected: boolean; _selected: boolean; _value: string; _formDisabled: boolean; } & { selected: boolean; disabledState: boolean; } & { index: number; form: HTMLFormElement; text: string; label: string; value: string; } & { formDisabledCallback(formDisabled: boolean): void; focus(options?: FocusOptions): void; } & { anchorAriaLabelledBy: () => string; anchorAriaDescribedBy: () => string; computedIconVariation: () => string; }; onListboxClick(event: Event): void; }"
@@ -39422,7 +39422,7 @@
               "kind": "field",
               "description": "Listbox should close if clicking own selection",
               "source": {
-                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L156"
+                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L162"
               },
               "type": {
                 "text": "(event: Event) => void"
@@ -39432,7 +39432,7 @@
               "name": "onListboxChange",
               "kind": "field",
               "source": {
-                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L164"
+                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L170"
               },
               "type": {
                 "text": "(event: Event) => void"
@@ -39442,7 +39442,7 @@
               "name": "onPopupFocusout",
               "kind": "field",
               "source": {
-                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L188"
+                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L194"
               },
               "type": {
                 "text": "({ relatedTarget }: FocusEvent) => void"
@@ -39452,7 +39452,7 @@
               "name": "applyAutocompleteList",
               "kind": "field",
               "source": {
-                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L198"
+                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L204"
               },
               "type": {
                 "text": "() => void"
@@ -39462,7 +39462,7 @@
               "name": "showListbox",
               "kind": "field",
               "source": {
-                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L207"
+                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L213"
               },
               "type": {
                 "text": "() => void"
@@ -39472,7 +39472,7 @@
               "name": "closeListbox",
               "kind": "field",
               "source": {
-                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L239"
+                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L245"
               },
               "type": {
                 "text": "() => void"
@@ -39482,7 +39482,7 @@
               "name": "toggleListbox",
               "kind": "field",
               "source": {
-                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L250"
+                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L256"
               },
               "type": {
                 "text": "() => void"
@@ -39492,7 +39492,7 @@
               "name": "suggestOption",
               "kind": "field",
               "source": {
-                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L261"
+                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L267"
               },
               "type": {
                 "text": "(option: Pick<HTMLOptionElement, \"label\" | \"value\" | \"selected\">) => void"
@@ -39502,7 +39502,7 @@
               "name": "acceptSuggestion",
               "kind": "field",
               "source": {
-                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L308"
+                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L314"
               },
               "type": {
                 "text": "(emitChange?: boolean) => void"
@@ -39512,7 +39512,7 @@
               "name": "changeSuggestion",
               "kind": "field",
               "source": {
-                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L335"
+                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L341"
               },
               "type": {
                 "text": "({ first, last, next, previous, startsWith, value, label }: { first?: boolean; last?: boolean; next?: boolean; previous?: boolean; startsWith?: string; value?: string; label?: string; }) => void"
@@ -39522,7 +39522,7 @@
               "name": "resetSuggestion",
               "kind": "field",
               "source": {
-                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L423"
+                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L432"
               },
               "type": {
                 "text": "() => void"
@@ -39532,7 +39532,7 @@
               "name": "refreshMultiple",
               "kind": "field",
               "source": {
-                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L430"
+                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L439"
               },
               "type": {
                 "text": "() => void"
@@ -39542,7 +39542,7 @@
               "name": "populateInputFromListbox",
               "kind": "field",
               "source": {
-                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L475"
+                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L484"
               },
               "type": {
                 "text": "() => void"
@@ -39552,7 +39552,7 @@
               "name": "onChipClose",
               "kind": "field",
               "source": {
-                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L491"
+                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L500"
               },
               "type": {
                 "text": "({ currentTarget }: CloseEvent & { currentTarget: HTMLElement; }) => void"
@@ -39562,7 +39562,7 @@
               "name": "showTrailingIcon",
               "kind": "field",
               "source": {
-                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L704"
+                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L714"
               },
               "type": {
                 "text": "() => string"
@@ -39572,7 +39572,7 @@
               "name": "computedTrailingIcon",
               "kind": "field",
               "source": {
-                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L713"
+                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L723"
               },
               "type": {
                 "text": "() => string"
@@ -39582,7 +39582,7 @@
               "name": "controlTypeAttrValue",
               "kind": "field",
               "source": {
-                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L722"
+                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L732"
               },
               "type": {
                 "text": "() => string"
@@ -39592,7 +39592,7 @@
               "name": "controlReadonlyAttrValue",
               "kind": "field",
               "source": {
-                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L726"
+                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L736"
               },
               "type": {
                 "text": "() => boolean"
@@ -39602,7 +39602,7 @@
               "name": "controlIsSelect",
               "kind": "field",
               "source": {
-                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L730"
+                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L740"
               },
               "type": {
                 "text": "() => boolean"
@@ -39612,7 +39612,7 @@
               "name": "ariaExpandedAttrValue",
               "kind": "field",
               "source": {
-                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L733"
+                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L743"
               },
               "type": {
                 "text": "() => string"
@@ -39622,7 +39622,7 @@
               "name": "ariaControlsAttrValue",
               "kind": "field",
               "source": {
-                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L737"
+                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L747"
               },
               "type": {
                 "text": "() => string"
@@ -39633,7 +39633,7 @@
               "kind": "field",
               "description": "Compute `aria-autocomplete` to describe the widget's behavior to AT.\n\nARIA values:\n- `none`  : no autocomplete behavior is provided\n- `inline`: the textbox shows an inline completion the user can accept\n- `list`  : a popup listbox provides choices (no inline insertion)\n- `both`  : both inline completion and a listbox are available\n\nComponent mapping:\n- `autocompleteInline` -> inline completion behavior\n- `autocompleteList` (non-null) -> listbox filtering / dropdown present\n- `autosuggestInline` -> drives candidate selection as user types\n\nNote: the current implementation reports `'both'` when a named\n`autocompleteList` is present (even if `autocompleteInline` is false).\nA stricter mapping would return `list` when only a listbox is present\nand `both` only when both `autocompleteInline` and a listbox exist.",
               "source": {
-                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L760"
+                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L770"
               },
               "type": {
                 "text": "() => \"both\" | \"inline\""
@@ -39643,17 +39643,27 @@
               "name": "ariaActiveDescendantAttrValue",
               "kind": "field",
               "source": {
-                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L768"
+                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L778"
               },
               "type": {
                 "text": "() => \"\" | \"aria-active\""
               }
             },
+            {
+              "name": "ariaActiveLabel",
+              "kind": "field",
+              "source": {
+                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L783"
+              },
+              "type": {
+                "text": "() => string"
+              }
+            },
             {
               "name": "controlRoleAttrValue",
               "kind": "field",
               "source": {
-                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L773"
+                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/Input.js#L786"
               },
               "type": {
                 "text": "() => string"
@@ -40540,7 +40550,7 @@
             },
             {
               "name": "",
-              "description": "<slot id=\"slot\"></slot>"
+              "description": "<slot id=\"slot\" aria-hidden=\"true\"></slot>"
             }
           ],
           "cssParts": [
@@ -106161,7 +106171,7 @@
               "kind": "field",
               "description": "Placeholder text (DOMString)\nPlaceholder text forwarded to the native control.",
               "source": {
-                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/TextArea.js#L243"
+                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/TextArea.js#L249"
               },
               "type": {
                 "text": "string"
@@ -106220,7 +106230,7 @@
               "kind": "field",
               "description": "Number of columns (characters) for the control (integer).",
               "source": {
-                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/TextArea.js#L239"
+                "href": "https://github.com/clshortfuse/materialdesignweb/blob/main/components/TextArea.js#L245"
               },
               "type": {
                 "text": "number"

package/api/html.html-data.json

@@ -1015,7 +1015,7 @@
     },
     {
       "name": "mdw-input",
-      "description": "@typedef {import('./Listbox.js').default} Listbox\n---\n\n\n### **Events:**\n - **resize-observed**\n- **value-changing-content-attribute**\n- **listbox-click**\n- **listbox-change**\n- **popup-focusout**\n- **chip-close**\n\n### **Methods:**\n - **expressions(): _<CLASS extends typeof CustomElement, ARGS extends ConstructorParameters<CLASS>, INSTANCE extends InstanceType<CLASS>, PROPS extends { [K in keyof any]: K extends `_${any}` ? ((data: INSTANCE, state?: Record<string, any>) => string | boolean | null) : ((data?: INSTANCE, state?: Record<string, any>) => string | boolean | null); } & ThisType<INSTANCE>>(this: CLASS, expressions: PROPS & ThisType<INSTANCE & PROPS>) => CLASS & Class<{ [K in keyof PROPS]: K extends `_${any}` ? never : () => ReturnType<PROPS[K]>; }, ARGS>_** - Expressions are idempotent functions that are selectively called whenever\na render is requested.\nExpressions are constructed exactly as methods though differ in expected\narguments. The first argument should be destructured to ensure each used\nproperty is accessed at least once in order to inspect used properties.\n\nThe Composition API will inspect this function with a proxy for `this` to\ncatalog what observables are used by the expression. This allows the\nComposition API to build a cache as well as selective invoke the expression\nonly when needed.\n\nWhen used with in element templates, the element itself will be passed as\nits first argument.\n````js\n   Button\n     .prop('filled', 'boolean')\n     .prop('outlined', 'boolean')\n     .expresssions({\n       _isFilledOrOutlined({filled, outlined}) {\n         return (filled || outlined)\n       },\n     })\n     .html`<div custom={_isFilledOrOutlined}></div>`;\n````\n\nWhen used with external data source, that data source\nwill be passed to the expression with all properties being `null` at first\ninspection.\n````js\n   const externalData = {first: 'John', last: 'Doe'};\n   ContactCard\n     .expresssions({\n       _fullName({first, last}) {\n         return [first, last].filter(Boolean).join(' ');\n       },\n     })\n  myButton.render(externalData);\n````\n\nExpressions may be support argumentless calls by using default\nparameters with `this`.\n````js\n   Button\n     .expresssions({\n       isFilledOrOutlined({filled, outlined} = this) {\n         return (filled || outlined)\n       },\n     });\n   myButton.isFilledorOutlined();\n````\n\n### **Slots:**\n - **supporting** - <slot id=\"supporting-slot\" name=\"supporting\"></slot>\n- _default_ - <slot id=\"slot\"></slot>\n\n### **CSS Parts:**\n - **control** - undefined",
+      "description": "@typedef {import('./Listbox.js').default} Listbox\n---\n\n\n### **Events:**\n - **resize-observed**\n- **value-changing-content-attribute**\n- **listbox-click**\n- **listbox-change**\n- **popup-focusout**\n- **chip-close**\n\n### **Methods:**\n - **expressions(): _<CLASS extends typeof CustomElement, ARGS extends ConstructorParameters<CLASS>, INSTANCE extends InstanceType<CLASS>, PROPS extends { [K in keyof any]: K extends `_${any}` ? ((data: INSTANCE, state?: Record<string, any>) => string | boolean | null) : ((data?: INSTANCE, state?: Record<string, any>) => string | boolean | null); } & ThisType<INSTANCE>>(this: CLASS, expressions: PROPS & ThisType<INSTANCE & PROPS>) => CLASS & Class<{ [K in keyof PROPS]: K extends `_${any}` ? never : () => ReturnType<PROPS[K]>; }, ARGS>_** - Expressions are idempotent functions that are selectively called whenever\na render is requested.\nExpressions are constructed exactly as methods though differ in expected\narguments. The first argument should be destructured to ensure each used\nproperty is accessed at least once in order to inspect used properties.\n\nThe Composition API will inspect this function with a proxy for `this` to\ncatalog what observables are used by the expression. This allows the\nComposition API to build a cache as well as selective invoke the expression\nonly when needed.\n\nWhen used with in element templates, the element itself will be passed as\nits first argument.\n````js\n   Button\n     .prop('filled', 'boolean')\n     .prop('outlined', 'boolean')\n     .expresssions({\n       _isFilledOrOutlined({filled, outlined}) {\n         return (filled || outlined)\n       },\n     })\n     .html`<div custom={_isFilledOrOutlined}></div>`;\n````\n\nWhen used with external data source, that data source\nwill be passed to the expression with all properties being `null` at first\ninspection.\n````js\n   const externalData = {first: 'John', last: 'Doe'};\n   ContactCard\n     .expresssions({\n       _fullName({first, last}) {\n         return [first, last].filter(Boolean).join(' ');\n       },\n     })\n  myButton.render(externalData);\n````\n\nExpressions may be support argumentless calls by using default\nparameters with `this`.\n````js\n   Button\n     .expresssions({\n       isFilledOrOutlined({filled, outlined} = this) {\n         return (filled || outlined)\n       },\n     });\n   myButton.isFilledorOutlined();\n````\n\n### **Slots:**\n - **supporting** - <slot id=\"supporting-slot\" name=\"supporting\"></slot>\n- _default_ - <slot id=\"slot\" aria-hidden=\"true\"></slot>\n\n### **CSS Parts:**\n - **control** - undefined",
       "attributes": [
         { "name": "color", "values": [] },
         { "name": "ink", "values": [] },