@universal-material/web 3.7.2 → 3.9.0

package/search/search.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search.styles.d.ts","sourceRoot":"","sources":["../../src/search/search.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAgGlB,CAAC"}
+{"version":3,"file":"search.styles.d.ts","sourceRoot":"","sources":["../../src/search/search.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAqGlB,CAAC"}

package/search/search.styles.js

@@ -12,8 +12,7 @@ export const styles = css `
     display: none;
   }
 
-  slot[name=leading-icon],
-  slot[name=trailing-icon] {
+  .icon {
     display: inline-flex;
     align-items: center;
     gap: var(--u-search-icons-gap, 8px);
@@ -87,6 +86,12 @@ export const styles = css `
     margin-inline: auto;
   }
 
+  :host([position=static]) .inner-container {
+    padding: 0;
+    max-width: none;
+    margin-inline: 0;
+  }
+
   .leading-icon {
     margin-inline: var(--u-search-leading-icon-margin, 8px);
   }

package/search/search.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"search.styles.js","sourceRoot":"","sources":["../../src/search/search.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgGzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host {\n    display: block;\n  }\n\n  :host(:not([has-leading-icon])) .leading-icon {\n    display: none;\n  }\n\n  :host(:not([has-trailing-icon])) .trailing-icon {\n    display: none;\n  }\n\n  slot[name=leading-icon],\n  slot[name=trailing-icon] {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--u-search-icons-gap, 8px);\n  }\n\n  slot[name=leading-icon]::slotted(u-icon-button) {\n    color: inherit;\n  }\n\n  :host([position=absolute]) .container {\n    position: absolute;\n  }\n\n  :host([position=fixed]) .container {\n    position: fixed;\n    inset-inline: 0;\n    inset-block-start: 0;\n    inset-inline-start: var(--u-app-bar-offset, 0);\n  }\n\n  :host([position=absolute]),\n  :host([position=fixed]) {\n    padding-top: var(--_content-height);\n  }\n  :host([position=absolute]) .container,\n  :host([position=fixed]) .container {\n    z-index: var(--u-fixed-search-z-index, 1010);\n  }\n\n  .input {\n    font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"));\n    line-height: var(--u-search-input-line-height, var(--u-body-l-line-height, 1.5rem));\n    font-size: var(--u-search-input-font-size, var(--u-body-l-font-size, 1rem));\n    letter-spacing: var(--u-search-input-letter-spacing, var(--u-body-l-letter-spacing, 0.03125rem));\n    font-weight: var(--u-search-input-font-weight, var(--u-body-l-font-weight, var(--u-font-weight-regular, 400)));\n    margin: 0;\n    margin-inline: var(--u-search-placeholder-margin, 16px);\n    display: block;\n    width: 100%;\n    color: var(--u-search-input-text-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n    padding: 0;\n    appearance: none;\n    background: transparent;\n    border: none;\n    outline: 0 !important;\n    caret-color: var(--u-color-primary, rgb(103, 80, 164));\n  }\n  .input::placeholder {\n    color: var(--u-search-input-placeholder-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n  }\n  :host([has-leading-icon]) .input {\n    margin-inline-start: 0;\n  }\n\n  .content {\n    display: flex;\n    align-items: center;\n    background-color: var(--u-search-container-color, var(--u-color-surface-container-high, rgb(236, 230, 240)));\n    border-radius: var(--u-search-border-radius, 9999px);\n    height: var(--u-search-height, 56px);\n  }\n\n  .inner-container {\n    padding-inline: var(--u-layout-margin-inline, var(--u-layout-margin));\n    padding-block: var(--u-search-margin-block, 8px);\n    width: 100%;\n  }\n\n  .inner-container {\n    max-width: var(--u-container-width, 992px);\n    margin-inline: auto;\n  }\n\n  .leading-icon {\n    margin-inline: var(--u-search-leading-icon-margin, 8px);\n  }\n\n  .trailing-icon {\n    padding-inline: var(--u-search-trailing-icon-margin, 8px);\n    margin-inline-start: auto;\n  }\n`;\n"]}
+{"version":3,"file":"search.styles.js","sourceRoot":"","sources":["../../src/search/search.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqGzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host {\n    display: block;\n  }\n\n  :host(:not([has-leading-icon])) .leading-icon {\n    display: none;\n  }\n\n  :host(:not([has-trailing-icon])) .trailing-icon {\n    display: none;\n  }\n\n  .icon {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--u-search-icons-gap, 8px);\n  }\n\n  slot[name=leading-icon]::slotted(u-icon-button) {\n    color: inherit;\n  }\n\n  :host([position=absolute]) .container {\n    position: absolute;\n  }\n\n  :host([position=fixed]) .container {\n    position: fixed;\n    inset-inline: 0;\n    inset-block-start: 0;\n    inset-inline-start: var(--u-app-bar-offset, 0);\n  }\n\n  :host([position=absolute]),\n  :host([position=fixed]) {\n    padding-top: var(--_content-height);\n  }\n  :host([position=absolute]) .container,\n  :host([position=fixed]) .container {\n    z-index: var(--u-fixed-search-z-index, 1010);\n  }\n\n  .input {\n    font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"));\n    line-height: var(--u-search-input-line-height, var(--u-body-l-line-height, 1.5rem));\n    font-size: var(--u-search-input-font-size, var(--u-body-l-font-size, 1rem));\n    letter-spacing: var(--u-search-input-letter-spacing, var(--u-body-l-letter-spacing, 0.03125rem));\n    font-weight: var(--u-search-input-font-weight, var(--u-body-l-font-weight, var(--u-font-weight-regular, 400)));\n    margin: 0;\n    margin-inline: var(--u-search-placeholder-margin, 16px);\n    display: block;\n    width: 100%;\n    color: var(--u-search-input-text-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n    padding: 0;\n    appearance: none;\n    background: transparent;\n    border: none;\n    outline: 0 !important;\n    caret-color: var(--u-color-primary, rgb(103, 80, 164));\n  }\n  .input::placeholder {\n    color: var(--u-search-input-placeholder-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n  }\n  :host([has-leading-icon]) .input {\n    margin-inline-start: 0;\n  }\n\n  .content {\n    display: flex;\n    align-items: center;\n    background-color: var(--u-search-container-color, var(--u-color-surface-container-high, rgb(236, 230, 240)));\n    border-radius: var(--u-search-border-radius, 9999px);\n    height: var(--u-search-height, 56px);\n  }\n\n  .inner-container {\n    padding-inline: var(--u-layout-margin-inline, var(--u-layout-margin));\n    padding-block: var(--u-search-margin-block, 8px);\n    width: 100%;\n  }\n\n  .inner-container {\n    max-width: var(--u-container-width, 992px);\n    margin-inline: auto;\n  }\n\n  :host([position=static]) .inner-container {\n    padding: 0;\n    max-width: none;\n    margin-inline: 0;\n  }\n\n  .leading-icon {\n    margin-inline: var(--u-search-leading-icon-margin, 8px);\n  }\n\n  .trailing-icon {\n    padding-inline: var(--u-search-trailing-icon-margin, 8px);\n    margin-inline-start: auto;\n  }\n`;\n"]}

package/select/option.d.ts

@@ -1,11 +1,17 @@
 import { TemplateResult } from 'lit';
-import { UmMenuItem } from '../menu/menu-item.js';
+import { MenuItem } from '../menu/menu-item.js';
 import './select.js';
-export declare class UmOption extends UmMenuItem {
+export declare class Option extends MenuItem {
     #private;
     static styles: (import("lit").CSSResult | import("lit").CSSResultGroup[])[];
+    /**
+     * The value submitted with the form when this option is selected
+     */
     get value(): string;
     set value(value: string);
+    /**
+     * Whether the option is currently selected in the parent `u-select`
+     */
     get selected(): boolean;
     set selected(selected: boolean);
     get defaultSelected(): boolean;
@@ -21,7 +27,7 @@ export declare class UmOption extends UmMenuItem {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'u-option': UmOption;
+        'u-option': Option;
     }
 }
 //# sourceMappingURL=option.d.ts.map

package/select/option.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"option.d.ts","sourceRoot":"","sources":["../../src/select/option.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAIlD,OAAO,aAAa,CAAC;AAErB,qBACa,QAAS,SAAQ,UAAU;;IACtC,OAAgB,MAAM,+DAA+B;IAOrD,IACI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAOtB;IAED,IACI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,QAAQ,CAAC,QAAQ,EAAE,OAAO,EAO7B;IAED,IAAI,eAAe,IAAI,OAAO,CAE7B;IAED,IAAI,eAAe,CAAC,KAAK,EAAE,OAAO,EAEjC;cAEkB,oBAAoB;;;cAOpB,0BAA0B,IAAI,cAAc;IAatD,iBAAiB;IAcjB,oBAAoB;IAMpB,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAiBzF,kBAAkB;CAWnB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,QAAQ,CAAC;KACtB;CACF"}
+{"version":3,"file":"option.d.ts","sourceRoot":"","sources":["../../src/select/option.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAIhD,OAAO,aAAa,CAAC;AAErB,qBACa,MAAO,SAAQ,QAAQ;;IAClC,OAAgB,MAAM,+DAA6B;IAOnD;;OAEG;IACH,IACI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAOtB;IAED;;OAEG;IACH,IACI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,QAAQ,CAAC,QAAQ,EAAE,OAAO,EAO7B;IAED,IAAI,eAAe,IAAI,OAAO,CAE7B;IAED,IAAI,eAAe,CAAC,KAAK,EAAE,OAAO,EAEjC;cAEkB,oBAAoB;;;cAOpB,0BAA0B,IAAI,cAAc;IAatD,iBAAiB;IAcjB,oBAAoB;IAMpB,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAiBzF,kBAAkB;CAWnB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,MAAM,CAAC;KACpB;CACF"}

package/select/option.js

@@ -1,14 +1,17 @@
 import { __decorate } from "tslib";
 import { svg } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
-import { UmMenuItem } from '../menu/menu-item.js';
+import { MenuItem } from '../menu/menu-item.js';
 import { styles } from './option.styles.js';
 import './select.js';
-let UmOption = class UmOption extends UmMenuItem {
-    static { this.styles = [UmMenuItem.styles, styles]; }
+let Option = class Option extends MenuItem {
+    static { this.styles = [MenuItem.styles, styles]; }
     #mutationObserver = new MutationObserver(() => this.#updateContent());
     #value = '';
     #selected = false;
+    /**
+     * The value submitted with the form when this option is selected
+     */
     get value() {
         return this.#value;
     }
@@ -19,6 +22,9 @@ let UmOption = class UmOption extends UmMenuItem {
         this.#value = value;
         this.#select?._scheduleSync();
     }
+    /**
+     * Whether the option is currently selected in the parent `u-select`
+     */
     get selected() {
         return this.#selected;
     }
@@ -93,12 +99,12 @@ let UmOption = class UmOption extends UmMenuItem {
 };
 __decorate([
     property({ reflect: true })
-], UmOption.prototype, "value", null);
+], Option.prototype, "value", null);
 __decorate([
     property({ type: Boolean })
-], UmOption.prototype, "selected", null);
-UmOption = __decorate([
+], Option.prototype, "selected", null);
+Option = __decorate([
     customElement('u-option')
-], UmOption);
-export { UmOption };
+], Option);
+export { Option };
 //# sourceMappingURL=option.js.map

package/select/option.js.map

@@ -1 +1 @@
-{"version":3,"file":"option.js","sourceRoot":"","sources":["../../src/select/option.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAkB,MAAM,KAAK,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAG5C,OAAO,aAAa,CAAC;AAGd,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;aACtB,WAAM,GAAG,CAAC,UAAU,CAAC,MAAM,EAAE,MAAM,CAAC,AAA9B,CAA+B;IAE5C,iBAAiB,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC;IAE/E,MAAM,GAAG,EAAE,CAAC;IACZ,SAAS,GAAG,KAAK,CAAC;IAGlB,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,IAAI,KAAK,CAAC,KAAa;QACrB,IAAI,IAAI,CAAC,MAAM,KAAK,KAAK,EAAE,CAAC;YAC1B,OAAO;QACT,CAAC;QAED,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,OAAO,EAAE,aAAa,EAAE,CAAC;IAChC,CAAC;IAGD,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;IAED,IAAI,QAAQ,CAAC,QAAiB;QAC5B,IAAI,IAAI,CAAC,SAAS,KAAK,QAAQ,EAAE,CAAC;YAChC,OAAO;QACT,CAAC;QAED,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;QAC1B,IAAI,CAAC,OAAO,EAAE,aAAa,EAAE,CAAC;IAChC,CAAC;IAED,IAAI,eAAe;QACjB,OAAO,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;IACvC,CAAC;IAED,IAAI,eAAe,CAAC,KAAc;QAChC,IAAI,CAAC,eAAe,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;IAC1C,CAAC;IAEkB,oBAAoB;QACrC,OAAO;YACL,GAAG,KAAK,CAAC,oBAAoB,EAAE;YAC/B,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACxB,CAAC;IACJ,CAAC;IAEkB,0BAA0B;QAC3C,OAAO,GAAG,CAAA;;;aAGD,CAAC;IACZ,CAAC;IAED,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,aAAa,EAAE,OAAO,KAAK,UAAU;YAC/C,CAAC,CAAC,IAAI,CAAC,aAAyB;YAChC,CAAC,CAAC,IAAI,CAAC;IACX,CAAC;IAEQ,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QAClD,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;QAEpC,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,IAAI,EAAE;YACnC,OAAO,EAAE,IAAI;YACb,aAAa,EAAE,IAAI;YACnB,SAAS,EAAE,IAAI;SAChB,CAAC,CAAC;QAEH,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAEQ,oBAAoB;QAC3B,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QACrD,IAAI,CAAC,iBAAiB,CAAC,UAAU,EAAE,CAAC;IACtC,CAAC;IAEQ,wBAAwB,CAAC,IAAY,EAAE,IAAmB,EAAE,KAAoB;QACvF,KAAK,CAAC,wBAAwB,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;QAElD,IAAI,IAAI,KAAK,UAAU,EAAE,CAAC;YACxB,IAAI,CAAC,OAAO,EAAE,aAAa,EAAE,CAAC;QAChC,CAAC;IACH,CAAC;IAEQ,YAAY,GAAG,CAAC,CAAQ,EAAQ,EAAE;QACzC,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnC,OAAO;QACT,CAAC;QAED,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC;IACxC,CAAC,CAAC;IAEF,kBAAkB;QAChB,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnC,OAAO;QACT,CAAC;QAED,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC;IACxC,CAAC;IAED,cAAc;QACZ,IAAI,CAAC,OAAO,EAAE,4BAA4B,EAAE,CAAC;IAC/C,CAAC;;AAtGD;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qCAG3B;AAYD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wCAG3B;AAzBU,QAAQ;IADpB,aAAa,CAAC,UAAU,CAAC;GACb,QAAQ,CAgHpB","sourcesContent":["import { svg, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { UmMenuItem } from '../menu/menu-item.js';\nimport { styles } from './option.styles.js';\nimport { UmSelect } from './select.js';\n\nimport './select.js';\n\n@customElement('u-option')\nexport class UmOption extends UmMenuItem {\n  static override styles = [UmMenuItem.styles, styles];\n\n  readonly #mutationObserver = new MutationObserver(() => this.#updateContent());\n\n  #value = '';\n  #selected = false;\n\n  @property({ reflect: true })\n  get value(): string {\n    return this.#value;\n  }\n\n  set value(value: string) {\n    if (this.#value === value) {\n      return;\n    }\n\n    this.#value = value;\n    this.#select?._scheduleSync();\n  }\n\n  @property({ type: Boolean })\n  get selected(): boolean {\n    return this.#selected;\n  }\n\n  set selected(selected: boolean) {\n    if (this.#selected === selected) {\n      return;\n    }\n\n    this.#selected = selected;\n    this.#select?._scheduleSync();\n  }\n\n  get defaultSelected(): boolean {\n    return this.hasAttribute('selected');\n  }\n\n  set defaultSelected(value: boolean) {\n    this.toggleAttribute('selected', value);\n  }\n\n  protected override _getContainerClasses() {\n    return {\n      ...super._getContainerClasses(),\n      selected: this.selected,\n    };\n  }\n\n  protected override _renderDefaultTrailingIcon(): TemplateResult {\n    return svg`\n      <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1em\" viewBox=\"0 -960 960 960\" width=\"1em\" fill=\"currentColor\">\n        <path d=\"M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z\"/>\n      </svg>`;\n  }\n\n  get #select(): UmSelect | null {\n    return this.parentElement?.tagName === 'U-SELECT'\n      ? this.parentElement as UmSelect\n      : null;\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener('click', this.#handleClick);\n    this.setAttribute('tabindex', '-1');\n\n    this.#mutationObserver.observe(this, {\n      subtree: true,\n      characterData: true,\n      childList: true,\n    });\n\n    this.#updateContent();\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('click', this.#handleClick);\n    this.#mutationObserver.disconnect();\n  }\n\n  override attributeChangedCallback(name: string, _old: string | null, value: string | null) {\n    super.attributeChangedCallback(name, _old, value);\n\n    if (name === 'disabled') {\n      this.#select?._scheduleSync();\n    }\n  }\n\n  readonly #handleClick = (e: Event): void => {\n    if (!this.#select || this.disabled) {\n      return;\n    }\n\n    e.stopPropagation();\n    this.#select._setSelectedByUser(this);\n  };\n\n  _setSelectedByUser() {\n    if (!this.#select || this.disabled) {\n      return;\n    }\n\n    this.#select._setSelectedByUser(this);\n  }\n\n  #updateContent(): void {\n    this.#select?._renderOptionRelatedElements();\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-option': UmOption;\n  }\n}\n"]}
+{"version":3,"file":"option.js","sourceRoot":"","sources":["../../src/select/option.ts"],"names":[],"mappings":"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","sourcesContent":["import { svg, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { MenuItem } from '../menu/menu-item.js';\nimport { styles } from './option.styles.js';\nimport { Select } from './select.js';\n\nimport './select.js';\n\n@customElement('u-option')\nexport class Option extends MenuItem {\n  static override styles = [MenuItem.styles, styles];\n\n  readonly #mutationObserver = new MutationObserver(() => this.#updateContent());\n\n  #value = '';\n  #selected = false;\n\n  /**\n   * The value submitted with the form when this option is selected\n   */\n  @property({ reflect: true })\n  get value(): string {\n    return this.#value;\n  }\n\n  set value(value: string) {\n    if (this.#value === value) {\n      return;\n    }\n\n    this.#value = value;\n    this.#select?._scheduleSync();\n  }\n\n  /**\n   * Whether the option is currently selected in the parent `u-select`\n   */\n  @property({ type: Boolean })\n  get selected(): boolean {\n    return this.#selected;\n  }\n\n  set selected(selected: boolean) {\n    if (this.#selected === selected) {\n      return;\n    }\n\n    this.#selected = selected;\n    this.#select?._scheduleSync();\n  }\n\n  get defaultSelected(): boolean {\n    return this.hasAttribute('selected');\n  }\n\n  set defaultSelected(value: boolean) {\n    this.toggleAttribute('selected', value);\n  }\n\n  protected override _getContainerClasses() {\n    return {\n      ...super._getContainerClasses(),\n      selected: this.selected,\n    };\n  }\n\n  protected override _renderDefaultTrailingIcon(): TemplateResult {\n    return svg`\n      <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1em\" viewBox=\"0 -960 960 960\" width=\"1em\" fill=\"currentColor\">\n        <path d=\"M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z\"/>\n      </svg>`;\n  }\n\n  get #select(): Select | null {\n    return this.parentElement?.tagName === 'U-SELECT'\n      ? this.parentElement as Select\n      : null;\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener('click', this.#handleClick);\n    this.setAttribute('tabindex', '-1');\n\n    this.#mutationObserver.observe(this, {\n      subtree: true,\n      characterData: true,\n      childList: true,\n    });\n\n    this.#updateContent();\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('click', this.#handleClick);\n    this.#mutationObserver.disconnect();\n  }\n\n  override attributeChangedCallback(name: string, _old: string | null, value: string | null) {\n    super.attributeChangedCallback(name, _old, value);\n\n    if (name === 'disabled') {\n      this.#select?._scheduleSync();\n    }\n  }\n\n  readonly #handleClick = (e: Event): void => {\n    if (!this.#select || this.disabled) {\n      return;\n    }\n\n    e.stopPropagation();\n    this.#select._setSelectedByUser(this);\n  };\n\n  _setSelectedByUser() {\n    if (!this.#select || this.disabled) {\n      return;\n    }\n\n    this.#select._setSelectedByUser(this);\n  }\n\n  #updateContent(): void {\n    this.#select?._renderOptionRelatedElements();\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-option': Option;\n  }\n}\n"]}

package/select/select-navigation-controller.d.ts

@@ -1,12 +1,12 @@
 import { MenuFieldNavigationController } from '../shared/menu-field/menu-field-navigation-controller.js';
-import { UmOption } from './option.js';
-import { UmSelect } from './select.js';
-export declare class SelectNavigationController extends MenuFieldNavigationController<UmSelect, UmOption> {
+import { Option } from './option.js';
+import { Select } from './select.js';
+export declare class SelectNavigationController extends MenuFieldNavigationController<Select, Option> {
     #private;
     protected handleKeyDown(event: KeyboardEvent): boolean;
     attach(element: HTMLElement): void;
     detach(): void;
-    protected afterFocus(_: UmOption, index: number): void;
+    protected afterFocus(_: Option, index: number): void;
     protected afterBlur(): void;
     private handleType;
     private findNextElementByTerm;

package/select/select-navigation-controller.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select-navigation-controller.d.ts","sourceRoot":"","sources":["../../src/select/select-navigation-controller.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,0DAA0D,CAAC;AACzG,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AASvC,qBAAa,0BAA2B,SAAQ,6BAA6B,CAAC,QAAQ,EAAE,QAAQ,CAAC;;cAG5E,aAAa,CAAC,KAAK,EAAE,aAAa,GAAG,OAAO;IA0BtD,MAAM,CAAC,OAAO,EAAE,WAAW;IAK3B,MAAM;cAWI,UAAU,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM;cAIrC,SAAS;IAI5B,OAAO,CAAC,UAAU;IAsBlB,OAAO,CAAC,qBAAqB;CAyB9B"}
+{"version":3,"file":"select-navigation-controller.d.ts","sourceRoot":"","sources":["../../src/select/select-navigation-controller.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,0DAA0D,CAAC;AACzG,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AASrC,qBAAa,0BAA2B,SAAQ,6BAA6B,CAAC,MAAM,EAAE,MAAM,CAAC;;cAGxE,aAAa,CAAC,KAAK,EAAE,aAAa,GAAG,OAAO;IA0BtD,MAAM,CAAC,OAAO,EAAE,WAAW;IAK3B,MAAM;cAWI,UAAU,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM;cAInC,SAAS;IAI5B,OAAO,CAAC,UAAU;IAsBlB,OAAO,CAAC,qBAAqB;CAyB9B"}

package/select/select-navigation-controller.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-navigation-controller.js","sourceRoot":"","sources":["../../src/select/select-navigation-controller.ts"],"names":[],"mappings":"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","sourcesContent":["import { normalizedStartsWith } from '../shared/compare-text.js';\nimport { MenuFieldNavigationController } from '../shared/menu-field/menu-field-navigation-controller.js';\nimport { UmOption } from './option.js';\nimport { UmSelect } from './select.js';\n\nconst getCleanTypeaheadStatus = () => ({\n  typing: false,\n  repeating: false,\n  buffer: '',\n  timeoutId: 0,\n});\n\nexport class SelectNavigationController extends MenuFieldNavigationController<UmSelect, UmOption> {\n  #typeaheadStatus = getCleanTypeaheadStatus();\n\n  protected override handleKeyDown(event: KeyboardEvent): boolean {\n    if (this.getHost()._menu.open) {\n      const handled = super.handleKeyDown(event);\n\n      return handled || this.handleType(event);\n    }\n\n    const isDown = event.key === 'ArrowDown';\n    const isUp = event.key === 'ArrowUp';\n\n    if (!isDown && !isUp) {\n      return this.handleType(event);\n    }\n\n    event.preventDefault();\n    this.getHost()._menu.show();\n\n    if (!this.getHost().selectedOptions.length) {\n      return true;\n    }\n\n    const option = this.getHost().selectedOptions[0];\n    this.navigateTo(event, option, this.getHost()._menuItems.indexOf(option));\n    return true;\n  }\n\n  override attach(element: HTMLElement) {\n    super.attach(element);\n    this.getHost()._menu.addEventListener('menu-item-mouseenter', this.#handleMouseFocus);\n  }\n\n  override detach() {\n    super.detach();\n    this.getHost()._menu.removeEventListener('menu-item-mouseenter', this.#handleMouseFocus);\n  }\n\n  readonly #handleMouseFocus = (e: Event) => {\n    this.blurMenu();\n    const option = e.target as UmOption;\n    this.focusMenu(option, this.getHost()._menuItems.indexOf(option), false, false);\n  };\n\n  protected override afterFocus(_: UmOption, index: number) {\n    this.getHost()._button.setAttribute('aria-activedescendant', `item-${index + 1}`);\n  }\n\n  protected override afterBlur() {\n    this.getHost()._button.removeAttribute('aria-activedescendant');\n  }\n\n  private handleType(event: KeyboardEvent) {\n    if (event.key.length > 1) {\n      return false;\n    }\n\n    if (this.#typeaheadStatus.timeoutId) {\n      clearTimeout(this.#typeaheadStatus.timeoutId);\n    }\n\n    const lastFocusedMenu = this.focusedMenu;\n\n    this.#typeaheadStatus.buffer += event.key;\n\n    this.#typeaheadStatus.timeoutId = setTimeout(() => this.#typeaheadStatus = getCleanTypeaheadStatus(), 1000);\n\n    const term =\n      this.#typeaheadStatus.buffer.replaceAll(event.key, '') === '' ? event.key : this.#typeaheadStatus.buffer;\n    this.findNextElementByTerm(term, lastFocusedMenu);\n\n    return true;\n  }\n\n  private findNextElementByTerm(term: string, lastFocusedMenu: UmOption | null): void {\n    const options = this.getHost()._options;\n    const lastFocusedMenuIndex = lastFocusedMenu ? options.indexOf(lastFocusedMenu) : -1;\n\n    let nextMenu =\n      lastFocusedMenuIndex > -1 ? this.getHost()._options[lastFocusedMenuIndex + 1] as UmOption | undefined : null;\n\n    if (!nextMenu || !normalizedStartsWith(nextMenu.textContent, term)) {\n      nextMenu = options.find(o => normalizedStartsWith(o.textContent, term));\n    }\n\n    if (!nextMenu) {\n      return;\n    }\n\n    const nextMenuIndex = options.indexOf(nextMenu);\n\n    if (this.getHost()._menu.open) {\n      this.blurMenu();\n      this.focusMenu(nextMenu, nextMenuIndex);\n      return;\n    }\n\n    nextMenu._setSelectedByUser();\n  }\n}\n"]}
+{"version":3,"file":"select-navigation-controller.js","sourceRoot":"","sources":["../../src/select/select-navigation-controller.ts"],"names":[],"mappings":"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","sourcesContent":["import { normalizedStartsWith } from '../shared/compare-text.js';\nimport { MenuFieldNavigationController } from '../shared/menu-field/menu-field-navigation-controller.js';\nimport { Option } from './option.js';\nimport { Select } from './select.js';\n\nconst getCleanTypeaheadStatus = () => ({\n  typing: false,\n  repeating: false,\n  buffer: '',\n  timeoutId: 0,\n});\n\nexport class SelectNavigationController extends MenuFieldNavigationController<Select, Option> {\n  #typeaheadStatus = getCleanTypeaheadStatus();\n\n  protected override handleKeyDown(event: KeyboardEvent): boolean {\n    if (this.getHost()._menu.open) {\n      const handled = super.handleKeyDown(event);\n\n      return handled || this.handleType(event);\n    }\n\n    const isDown = event.key === 'ArrowDown';\n    const isUp = event.key === 'ArrowUp';\n\n    if (!isDown && !isUp) {\n      return this.handleType(event);\n    }\n\n    event.preventDefault();\n    this.getHost()._menu.show();\n\n    if (!this.getHost().selectedOptions.length) {\n      return true;\n    }\n\n    const option = this.getHost().selectedOptions[0];\n    this.navigateTo(event, option, this.getHost()._menuItems.indexOf(option));\n    return true;\n  }\n\n  override attach(element: HTMLElement) {\n    super.attach(element);\n    this.getHost()._menu.addEventListener('menu-item-mouseenter', this.#handleMouseFocus);\n  }\n\n  override detach() {\n    super.detach();\n    this.getHost()._menu.removeEventListener('menu-item-mouseenter', this.#handleMouseFocus);\n  }\n\n  readonly #handleMouseFocus = (e: Event) => {\n    this.blurMenu();\n    const option = e.target as Option;\n    this.focusMenu(option, this.getHost()._menuItems.indexOf(option), false, false);\n  };\n\n  protected override afterFocus(_: Option, index: number) {\n    this.getHost()._button.setAttribute('aria-activedescendant', `item-${index + 1}`);\n  }\n\n  protected override afterBlur() {\n    this.getHost()._button.removeAttribute('aria-activedescendant');\n  }\n\n  private handleType(event: KeyboardEvent) {\n    if (event.key.length > 1) {\n      return false;\n    }\n\n    if (this.#typeaheadStatus.timeoutId) {\n      clearTimeout(this.#typeaheadStatus.timeoutId);\n    }\n\n    const lastFocusedMenu = this.focusedMenu;\n\n    this.#typeaheadStatus.buffer += event.key;\n\n    this.#typeaheadStatus.timeoutId = setTimeout(() => this.#typeaheadStatus = getCleanTypeaheadStatus(), 1000);\n\n    const term =\n      this.#typeaheadStatus.buffer.replaceAll(event.key, '') === '' ? event.key : this.#typeaheadStatus.buffer;\n    this.findNextElementByTerm(term, lastFocusedMenu);\n\n    return true;\n  }\n\n  private findNextElementByTerm(term: string, lastFocusedMenu: Option | null): void {\n    const options = this.getHost()._options;\n    const lastFocusedMenuIndex = lastFocusedMenu ? options.indexOf(lastFocusedMenu) : -1;\n\n    let nextMenu =\n      lastFocusedMenuIndex > -1 ? this.getHost()._options[lastFocusedMenuIndex + 1] as Option | undefined : null;\n\n    if (!nextMenu || !normalizedStartsWith(nextMenu.textContent, term)) {\n      nextMenu = options.find(o => normalizedStartsWith(o.textContent, term));\n    }\n\n    if (!nextMenu) {\n      return;\n    }\n\n    const nextMenuIndex = options.indexOf(nextMenu);\n\n    if (this.getHost()._menu.open) {\n      this.blurMenu();\n      this.focusMenu(nextMenu, nextMenuIndex);\n      return;\n    }\n\n    nextMenu._setSelectedByUser();\n  }\n}\n"]}

package/select/select.d.ts

@@ -1,18 +1,27 @@
 import { TemplateResult } from 'lit';
-import { UmMenu } from '../menu/menu.js';
-import { UmMenuField } from '../shared/menu-field/menu-field.js';
-import { UmTextFieldBase } from '../shared/text-field-base/text-field-base.js';
-import { UmOption } from './option.js';
+import { Menu } from '../menu/menu.js';
+import { MenuField } from '../shared/menu-field/menu-field.js';
+import { FieldValidity, TextFieldBase } from '../shared/text-field-base/text-field-base.js';
+import { Option } from './option.js';
 import './option.js';
-export declare class UmSelect extends UmTextFieldBase implements UmMenuField {
+export declare class Select extends TextFieldBase implements MenuField {
     #private;
     static styles: import("lit").CSSResultGroup[];
-    _menu: UmMenu;
+    _menu: Menu;
     _button: HTMLButtonElement;
     _input: HTMLElement;
+    /**
+     * The positioning strategy used by the dropdown menu. Use `'fixed'`
+     * when the select is rendered inside a clipped/scrollable container.
+     */
     menuPositioning: 'relative' | 'fixed';
     /**
-     * The `value` of the selected option
+     * The `value` of the selected option. Mirrors the native `<select>`'s
+     * `value` IDL property — there is no `value` *attribute*; set the initial
+     * selection with `<u-option selected>`.
+     *
+     * Setting a value whose option isn't present yet (e.g. before an async list
+     * loads) is remembered and applied once that option appears.
      */
     get value(): string;
     set value(value: string);
@@ -21,9 +30,9 @@ export declare class UmSelect extends UmTextFieldBase implements UmMenuField {
      */
     get selectedIndex(): number;
     set selectedIndex(index: number);
-    get _options(): UmOption[];
-    get _menuItems(): UmOption[];
-    get selectedOptions(): UmOption[];
+    get _options(): Option[];
+    get _menuItems(): Option[];
+    get selectedOptions(): Option[];
     protected renderControl(): TemplateResult;
     protected renderAfterContent(): TemplateResult;
     protected renderDefaultTrailingIcon(): TemplateResult;
@@ -32,13 +41,14 @@ export declare class UmSelect extends UmTextFieldBase implements UmMenuField {
     formResetCallback(): void;
     formStateRestoreCallback(inFormState: string | null): void;
     _scheduleSync(): void;
-    _setSelectedByUser(option: UmOption): void;
+    _setSelectedByUser(option: Option): void;
+    protected _getValidity(): FieldValidity;
     /** Re-renderiza display e listbox a11y quando o textContent de uma option muda. */
     _renderOptionRelatedElements(): void;
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'u-select': UmSelect;
+        'u-select': Select;
     }
 }
 //# sourceMappingURL=select.d.ts.map

package/select/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/select/select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,cAAc,EAAE,MAAM,KAAK,CAAC;AAKxD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAC/E,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAIvC,OAAO,aAAa,CAAC;AAErB,qBACa,QAAS,SAAQ,eAAgB,YAAW,WAAW;;IAClE,OAAgB,MAAM,iCAAoC;IAmBnC,KAAK,EAAG,MAAM,CAAC;IACd,OAAO,EAAG,iBAAiB,CAAC;IAC7B,MAAM,EAAG,WAAW,CAAC;IAEgB,eAAe,EAAE,UAAU,GAAG,OAAO,CAAc;IAE/G;;OAEG;IAEH,IACI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAEtB;IAED;;OAEG;IACH,IACI,aAAa,IAAI,MAAM,CAE1B;IAED,IAAI,aAAa,CAAC,KAAK,EAAE,MAAM,EAG9B;IAED,IAAI,QAAQ,IAAI,QAAQ,EAAE,CAEzB;IAED,IAAI,UAAU,IAAI,QAAQ,EAAE,CAE3B;IAED,IAAI,eAAe,IAAI,QAAQ,EAAE,CAGhC;cAEkB,aAAa,IAAI,cAAc;cAc/B,kBAAkB,IAAI,cAAc;cAQpC,yBAAyB,IAAI,cAAc;IAOrD,iBAAiB;IAOjB,oBAAoB;IAM7B,iBAAiB,IAAI,IAAI;IAQzB,wBAAwB,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAI1D,aAAa,IAAI,IAAI;IAiBrB,kBAAkB,CAAC,MAAM,EAAE,QAAQ,GAAG,IAAI;IAkB1C,mFAAmF;IACnF,4BAA4B,IAAI,IAAI;CA0JrC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,QAAQ,CAAC;KACtB;CACF"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/select/select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,cAAc,EAAE,MAAM,KAAK,CAAC;AAKxD,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,8CAA8C,CAAC;AAC5F,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAIrC,OAAO,aAAa,CAAC;AAErB,qBACa,MAAO,SAAQ,aAAc,YAAW,SAAS;;IAC5D,OAAgB,MAAM,iCAAkC;IA0BjC,KAAK,EAAG,IAAI,CAAC;IACZ,OAAO,EAAG,iBAAiB,CAAC;IAC7B,MAAM,EAAG,WAAW,CAAC;IAE5C;;;OAGG;IACyD,eAAe,EAAE,UAAU,GAAG,OAAO,CAAc;IAE/G;;;;;;;OAOG;IACH,IACI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAGtB;IAED;;OAEG;IACH,IACI,aAAa,IAAI,MAAM,CAE1B;IAED,IAAI,aAAa,CAAC,KAAK,EAAE,MAAM,EAK9B;IAED,IAAI,QAAQ,IAAI,MAAM,EAAE,CAEvB;IAED,IAAI,UAAU,IAAI,MAAM,EAAE,CAEzB;IAED,IAAI,eAAe,IAAI,MAAM,EAAE,CAG9B;cAEkB,aAAa,IAAI,cAAc;cAc/B,kBAAkB,IAAI,cAAc;cAQpC,yBAAyB,IAAI,cAAc;IAOrD,iBAAiB;IAOjB,oBAAoB;IAM7B,iBAAiB,IAAI,IAAI;IAUzB,wBAAwB,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAI1D,aAAa,IAAI,IAAI;IAiBrB,kBAAkB,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;cAmBrB,YAAY,IAAI,aAAa;IAUhD,mFAAmF;IACnF,4BAA4B,IAAI,IAAI;CAwKrC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,MAAM,CAAC;KACpB;CACF"}

package/select/select.js

@@ -3,11 +3,11 @@ import { html, render, svg } from 'lit';
 import { customElement, property, query, state } from 'lit/decorators.js';
 import { map } from 'lit/directives/map.js';
 import { html as staticHtml } from 'lit/static-html.js';
-import { UmTextFieldBase } from '../shared/text-field-base/text-field-base.js';
+import { TextFieldBase } from '../shared/text-field-base/text-field-base.js';
 import { SelectNavigationController } from './select-navigation-controller.js';
 import { styles } from './select.styles.js';
 import './option.js';
-let UmSelect = class UmSelect extends UmTextFieldBase {
+let Select = class Select extends TextFieldBase {
     constructor() {
         super(...arguments);
         this.#list = (() => {
@@ -23,6 +23,17 @@ let UmSelect = class UmSelect extends UmTextFieldBase {
         this.#syncScheduled = false;
         this.#selectedIndex = -1;
         this.#lastSyncSignature = '';
+        // The last value the consumer intentionally selected (via the `value`/
+        // `selectedIndex` setters, a user click, or an `<u-option selected>`). It is
+        // re-applied whenever the options change so the selection survives a
+        // framework re-rendering the `<u-option>` nodes — which otherwise drops the
+        // per-element `.selected` flag. `null` = no intentional selection yet (the
+        // first-enabled fallback is not sticky, preserving native parity).
+        this.#desiredValue = null;
+        /**
+         * The positioning strategy used by the dropdown menu. Use `'fixed'`
+         * when the select is rendered inside a clipped/scrollable container.
+         */
         this.menuPositioning = 'relative';
         this.#handleSlotChange = () => {
             this.#syncFromOptions();
@@ -45,7 +56,7 @@ let UmSelect = class UmSelect extends UmTextFieldBase {
             this.#navigationController.blurMenu();
         };
     }
-    static { this.styles = [UmTextFieldBase.styles, styles]; }
+    static { this.styles = [TextFieldBase.styles, styles]; }
     #list;
     #navigationController;
     #resizeObserver;
@@ -53,13 +64,26 @@ let UmSelect = class UmSelect extends UmTextFieldBase {
     #syncScheduled;
     #selectedIndex;
     #lastSyncSignature;
+    // The last value the consumer intentionally selected (via the `value`/
+    // `selectedIndex` setters, a user click, or an `<u-option selected>`). It is
+    // re-applied whenever the options change so the selection survives a
+    // framework re-rendering the `<u-option>` nodes — which otherwise drops the
+    // per-element `.selected` flag. `null` = no intentional selection yet (the
+    // first-enabled fallback is not sticky, preserving native parity).
+    #desiredValue;
     /**
-     * The `value` of the selected option
+     * The `value` of the selected option. Mirrors the native `<select>`'s
+     * `value` IDL property — there is no `value` *attribute*; set the initial
+     * selection with `<u-option selected>`.
+     *
+     * Setting a value whose option isn't present yet (e.g. before an async list
+     * loads) is remembered and applied once that option appears.
      */
     get value() {
         return this._options[this.#selectedIndex]?.value ?? '';
     }
     set value(value) {
+        this.#desiredValue = value;
         this.#commitIndex(this._options.findIndex(o => o.value === value));
     }
     /**
@@ -70,7 +94,9 @@ let UmSelect = class UmSelect extends UmTextFieldBase {
     }
     set selectedIndex(index) {
         const len = this._options.length;
-        this.#commitIndex(index >= 0 && index < len ? index : -1);
+        const target = index >= 0 && index < len ? index : -1;
+        this.#desiredValue = target >= 0 ? this._options[target].value : null;
+        this.#commitIndex(target);
     }
     get _options() {
         return Array.from(this.querySelectorAll(':scope > u-option'));
@@ -121,6 +147,8 @@ let UmSelect = class UmSelect extends UmTextFieldBase {
         for (const o of this._options) {
             o.selected = o.defaultSelected;
         }
+        // Drop the sticky value so the reset honors `<u-option selected>` defaults.
+        this.#desiredValue = null;
         this.#syncFromOptions();
     }
     formStateRestoreCallback(inFormState) {
@@ -148,6 +176,7 @@ let UmSelect = class UmSelect extends UmTextFieldBase {
         if (newIndex < 0) {
             return;
         }
+        this.#desiredValue = option.value;
         this.#commitIndex(newIndex);
         if (previousIndex !== newIndex) {
             this.dispatchEvent(new InputEvent('input', { bubbles: true, composed: true }));
@@ -155,8 +184,22 @@ let UmSelect = class UmSelect extends UmTextFieldBase {
         }
         this._menu.close();
     }
+    _getValidity() {
+        const valueMissing = this.required && this.value === '';
+        return {
+            flags: { valueMissing },
+            message: valueMissing ? 'Please select an item in the list.' : '',
+            anchor: this._button,
+        };
+    }
     /** Re-renderiza display e listbox a11y quando o textContent de uma option muda. */
     _renderOptionRelatedElements() {
+        // An option can call this from its own connectedCallback before the select
+        // has finished `#attach` (its `_input`/list aren't wired yet). Skip until
+        // the select is connected and rendered — `#attach` re-runs this afterwards.
+        if (!this.#connected || !this._input) {
+            return;
+        }
         this.#renderAccessibilityList();
         this.#updateDisplay();
     }
@@ -172,27 +215,34 @@ let UmSelect = class UmSelect extends UmTextFieldBase {
     }
     #syncFromOptions() {
         const options = this._options;
-        let lastSelected = -1;
-        // last-wins
-        for (let i = 0; i < options.length; i++) {
-            if (!options[i].selected) {
-                continue;
-            }
-            if (lastSelected >= 0) {
-                options[lastSelected].selected = false;
+        // 1. Sticky: re-apply the last intentional value if its option is (still or
+        //    newly) present. This keeps the selection across option re-renders and
+        //    applies a value set before its option existed.
+        if (this.#desiredValue !== null) {
+            const desiredIndex = options.findIndex(o => o.value === this.#desiredValue && !o.disabled);
+            if (desiredIndex >= 0) {
+                this.#commitIndex(desiredIndex);
+                return;
             }
-            lastSelected = i;
         }
-        if (lastSelected < 0 && options.length > 0) {
-            const firstEnabled = options.findIndex(o => !o.disabled);
-            if (firstEnabled >= 0) {
-                options[firstEnabled].selected = true;
-                lastSelected = firstEnabled;
+        // 2. Authored default: the last `<u-option selected>` — read the *attribute*
+        //    (`defaultSelected`), not the runtime `.selected` flag, so the
+        //    first-enabled fallback below can't be mistaken for an authored choice
+        //    on a later sync. An authored choice is intentional, so make it sticky.
+        let authoredIndex = -1;
+        for (let i = 0; i < options.length; i++) {
+            if (options[i].defaultSelected) {
+                authoredIndex = i;
             }
         }
-        this.#selectedIndex = lastSelected;
-        this.#lastSyncSignature = this.#computeSignature();
-        this.#emitState();
+        if (authoredIndex >= 0) {
+            this.#desiredValue = options[authoredIndex].value;
+            this.#commitIndex(authoredIndex);
+            return;
+        }
+        // 3. First-enabled fallback: a default, not an intentional choice, so it is
+        //    left non-sticky — a later reorder/rebuild follows the native <select>.
+        this.#commitIndex(options.length ? options.findIndex(o => !o.disabled) : -1);
     }
     #computeSignature() {
         return this._options
@@ -263,24 +313,24 @@ let UmSelect = class UmSelect extends UmTextFieldBase {
 };
 __decorate([
     query('u-menu', true)
-], UmSelect.prototype, "_menu", void 0);
+], Select.prototype, "_menu", void 0);
 __decorate([
     query('.button', true)
-], UmSelect.prototype, "_button", void 0);
+], Select.prototype, "_button", void 0);
 __decorate([
     query('.input', true)
-], UmSelect.prototype, "_input", void 0);
+], Select.prototype, "_input", void 0);
 __decorate([
     property({ reflect: true, attribute: 'menu-positioning' })
-], UmSelect.prototype, "menuPositioning", void 0);
+], Select.prototype, "menuPositioning", void 0);
 __decorate([
     state()
-], UmSelect.prototype, "value", null);
+], Select.prototype, "value", null);
 __decorate([
     state()
-], UmSelect.prototype, "selectedIndex", null);
-UmSelect = __decorate([
+], Select.prototype, "selectedIndex", null);
+Select = __decorate([
     customElement('u-select')
-], UmSelect);
-export { UmSelect };
+], Select);
+export { Select };
 //# sourceMappingURL=select.js.map

package/select/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","sourceRoot":"","sources":["../../src/select/select.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, render, svg, TemplateResult } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { map } from 'lit/directives/map.js';\nimport { html as staticHtml } from 'lit/static-html.js';\n\nimport { UmMenu } from '../menu/menu.js';\nimport { UmMenuField } from '../shared/menu-field/menu-field.js';\nimport { UmTextFieldBase } from '../shared/text-field-base/text-field-base.js';\nimport { UmOption } from './option.js';\nimport { SelectNavigationController } from './select-navigation-controller.js';\nimport { styles } from './select.styles.js';\n\nimport './option.js';\n\n@customElement('u-select')\nexport class UmSelect extends UmTextFieldBase implements UmMenuField {\n  static override styles = [UmTextFieldBase.styles, styles];\n\n  readonly #list: HTMLElement = (() => {\n    const list = document.createElement('div');\n    list.role = 'listbox';\n    list.id = 'list';\n    list.className = 'list';\n\n    return list;\n  })();\n\n  readonly #navigationController = new SelectNavigationController(this);\n  readonly #resizeObserver = new ResizeObserver(() => this.#setMenuWidthProperty());\n\n  #connected = false;\n  #syncScheduled = false;\n  #selectedIndex = -1;\n  #lastSyncSignature = '';\n\n  @query('u-menu', true) _menu!: UmMenu;\n  @query('.button', true) _button!: HTMLButtonElement;\n  @query('.input', true) _input!: HTMLElement;\n\n  @property({ reflect: true, attribute: 'menu-positioning' }) menuPositioning: 'relative' | 'fixed' = 'relative';\n\n  /**\n   * The `value` of the selected option\n   */\n\n  @state()\n  get value(): string {\n    return this._options[this.#selectedIndex]?.value ?? '';\n  }\n\n  set value(value: string) {\n    this.#commitIndex(this._options.findIndex(o => o.value === value));\n  }\n\n  /**\n   * The index of the selected option. When there's no selected option the value is `-1`.\n   */\n  @state()\n  get selectedIndex(): number {\n    return this.#selectedIndex;\n  }\n\n  set selectedIndex(index: number) {\n    const len = this._options.length;\n    this.#commitIndex(index >= 0 && index < len ? index : -1);\n  }\n\n  get _options(): UmOption[] {\n    return Array.from(this.querySelectorAll<UmOption>(':scope > u-option'));\n  }\n\n  get _menuItems(): UmOption[] {\n    return this._options;\n  }\n\n  get selectedOptions(): UmOption[] {\n    const option = this._options[this.#selectedIndex];\n    return option ? [option] : [];\n  }\n\n  protected override renderControl(): TemplateResult {\n    return staticHtml`\n      <button \n         class=\"button\"\n         role=\"combobox\"\n         aria-haspopup=\"listbox\"\n         aria-controls=\"list\"\n         aria-expanded=\"false\"\n         ?disabled=${this.disabled}></button>\n      <div class=\"input\">\n        <span class=\"display\"></span>\n      </div>`;\n  }\n\n  protected override renderAfterContent(): TemplateResult {\n    return html`\n      <u-menu positioning=\"${this.menuPositioning}\">\n        <slot @slotchange=${this.#handleSlotChange}></slot>\n      </u-menu>\n    `;\n  }\n\n  protected override renderDefaultTrailingIcon(): TemplateResult {\n    return svg`\n      <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1em\" viewBox=\"0 -960 960 960\" width=\"1em\" fill=\"currentColor\">\n        <path d=\"M480-360 280-560h400L480-360Z\"/>\n      </svg>`;\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n\n    this.#connected = true;\n    this.#attach();\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n\n    this.#detach();\n  }\n\n  formResetCallback(): void {\n    for (const o of this._options) {\n      o.selected = o.defaultSelected;\n    }\n\n    this.#syncFromOptions();\n  }\n\n  formStateRestoreCallback(inFormState: string | null): void {\n    this.value = inFormState ?? '';\n  }\n\n  _scheduleSync(): void {\n    if (this.#syncScheduled || !this.#connected) {\n      return;\n    }\n\n    this.#syncScheduled = true;\n    queueMicrotask(() => {\n      try {\n        if (this.#computeSignature() !== this.#lastSyncSignature) {\n          this.#syncFromOptions();\n        }\n      } finally {\n        this.#syncScheduled = false;\n      }\n    });\n  }\n\n  _setSelectedByUser(option: UmOption): void {\n    const previousIndex = this.#selectedIndex;\n    const newIndex = this._options.indexOf(option);\n\n    if (newIndex < 0) {\n      return;\n    }\n\n    this.#commitIndex(newIndex);\n\n    if (previousIndex !== newIndex) {\n      this.dispatchEvent(new InputEvent('input', { bubbles: true, composed: true }));\n      this.dispatchEvent(new Event('change', { bubbles: true }));\n    }\n\n    this._menu.close();\n  }\n\n  /** Re-renderiza display e listbox a11y quando o textContent de uma option muda. */\n  _renderOptionRelatedElements(): void {\n    this.#renderAccessibilityList();\n    this.#updateDisplay();\n  }\n\n  #commitIndex(index: number): void {\n    const options = this._options;\n    const target = index >= 0 ? options[index] : null;\n\n    for (const o of options) {\n      o.selected = o === target;\n    }\n\n    this.#selectedIndex = target ? index : -1;\n    this.#lastSyncSignature = this.#computeSignature();\n    this.#emitState();\n  }\n\n  #syncFromOptions(): void {\n    const options = this._options;\n    let lastSelected = -1;\n\n    // last-wins\n    for (let i = 0; i < options.length; i++) {\n      if (!options[i].selected) {\n        continue;\n      }\n\n      if (lastSelected >= 0) {\n        options[lastSelected].selected = false;\n      }\n\n      lastSelected = i;\n    }\n\n    if (lastSelected < 0 && options.length > 0) {\n      const firstEnabled = options.findIndex(o => !o.disabled);\n\n      if (firstEnabled >= 0) {\n        options[firstEnabled].selected = true;\n        lastSelected = firstEnabled;\n      }\n    }\n\n    this.#selectedIndex = lastSelected;\n    this.#lastSyncSignature = this.#computeSignature();\n    this.#emitState();\n  }\n\n  #computeSignature(): string {\n    return this._options\n      .map(o => `${o.selected ? 1 : 0}:${o.disabled ? 1 : 0}:${o.value}`)\n      .join('|');\n  }\n\n  #emitState(): void {\n    this.elementInternals.setFormValue(this.value || null);\n    this.#renderAccessibilityList();\n    this.#updateDisplay();\n    this.#updateEmpty();\n    this.requestUpdate();\n  }\n\n  #updateEmpty(): void {\n    const o = this._options[this.#selectedIndex];\n    this.empty = !o?.textContent?.trim();\n  }\n\n  #renderAccessibilityList(): void {\n    const selectedIdx = this.#selectedIndex;\n    render(\n      map(this._options, (option, index) =>\n        html`<div role=\"option\"\n                  id=${`item-${index + 1}`}\n                  aria-selected=${index === selectedIdx ? 'true' : 'false'}>\n               ${option.textContent}\n             </div>`),\n      this.#list);\n  }\n\n  #updateDisplay(): void {\n    if (!this._input) {\n      return;\n    }\n\n    this._input.textContent = this._options[this.#selectedIndex]?.textContent?.trim() ?? '';\n  }\n\n  #setMenuWidthProperty(): void {\n    this.style.setProperty('--_menu-width', `${this.clientWidth}px`);\n  }\n\n  readonly #handleSlotChange = (): void => {\n    this.#syncFromOptions();\n  };\n\n  readonly #handleClick = (e: MouseEvent) => {\n    this._menu.toggle();\n\n    if (!this._menu.open || this.#selectedIndex === -1) {\n      return;\n    }\n\n    this.#navigationController.focusMenu(this.selectedOptions[0], 0, e.detail === 0, false);\n  };\n\n  #handleMenuClick(e: Event) {\n    e.stopPropagation();\n  }\n\n  readonly #handleMenuOpen = () => {\n    this._button.setAttribute('aria-expanded', 'true');\n  };\n\n  readonly #handleMenuOpened = () => {\n    this._options[this.#selectedIndex]?.scrollIntoView({ block: 'nearest' });\n  };\n\n  readonly #handleMenuClose = () => {\n    this._button.setAttribute('aria-expanded', 'false');\n    this.#navigationController.blurMenu();\n  };\n\n  async #attach(): Promise<void> {\n    this.#resizeObserver.observe(this);\n    this._renderOptionRelatedElements();\n\n    await this.updateComplete;\n\n    this.#navigationController.attach(this);\n\n    this._input.appendChild(this.#list);\n    this._button.addEventListener('click', this.#handleClick);\n\n    this._menu.anchorElement = this._container;\n    this._menu.addEventListener('click', this.#handleMenuClick);\n    this._menu.addEventListener('open', this.#handleMenuOpen);\n    this._menu.addEventListener('opened', this.#handleMenuOpened);\n    this._menu.addEventListener('close', this.#handleMenuClose);\n\n    this.#syncFromOptions();\n  }\n\n  #detach(): void {\n    this.#resizeObserver.disconnect();\n    this.#list.remove();\n    this.#navigationController.detach();\n    this.#connected = false;\n    this._button.removeEventListener('click', this.#handleClick);\n    this._menu.removeEventListener('click', this.#handleMenuClick);\n    this._menu.removeEventListener('open', this.#handleMenuOpen);\n    this._menu.removeEventListener('opened', this.#handleMenuOpened);\n    this._menu.removeEventListener('close', this.#handleMenuClose);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-select': UmSelect;\n  }\n}\n"]}
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../src/select/select.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, render, svg, TemplateResult } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { map } from 'lit/directives/map.js';\nimport { html as staticHtml } from 'lit/static-html.js';\n\nimport { Menu } from '../menu/menu.js';\nimport { MenuField } from '../shared/menu-field/menu-field.js';\nimport { FieldValidity, TextFieldBase } from '../shared/text-field-base/text-field-base.js';\nimport { Option } from './option.js';\nimport { SelectNavigationController } from './select-navigation-controller.js';\nimport { styles } from './select.styles.js';\n\nimport './option.js';\n\n@customElement('u-select')\nexport class Select extends TextFieldBase implements MenuField {\n  static override styles = [TextFieldBase.styles, styles];\n\n  readonly #list: HTMLElement = (() => {\n    const list = document.createElement('div');\n    list.role = 'listbox';\n    list.id = 'list';\n    list.className = 'list';\n\n    return list;\n  })();\n\n  readonly #navigationController = new SelectNavigationController(this);\n  readonly #resizeObserver = new ResizeObserver(() => this.#setMenuWidthProperty());\n\n  #connected = false;\n  #syncScheduled = false;\n  #selectedIndex = -1;\n  #lastSyncSignature = '';\n  // The last value the consumer intentionally selected (via the `value`/\n  // `selectedIndex` setters, a user click, or an `<u-option selected>`). It is\n  // re-applied whenever the options change so the selection survives a\n  // framework re-rendering the `<u-option>` nodes — which otherwise drops the\n  // per-element `.selected` flag. `null` = no intentional selection yet (the\n  // first-enabled fallback is not sticky, preserving native parity).\n  #desiredValue: string | null = null;\n\n  @query('u-menu', true) _menu!: Menu;\n  @query('.button', true) _button!: HTMLButtonElement;\n  @query('.input', true) _input!: HTMLElement;\n\n  /**\n   * The positioning strategy used by the dropdown menu. Use `'fixed'`\n   * when the select is rendered inside a clipped/scrollable container.\n   */\n  @property({ reflect: true, attribute: 'menu-positioning' }) menuPositioning: 'relative' | 'fixed' = 'relative';\n\n  /**\n   * The `value` of the selected option. Mirrors the native `<select>`'s\n   * `value` IDL property — there is no `value` *attribute*; set the initial\n   * selection with `<u-option selected>`.\n   *\n   * Setting a value whose option isn't present yet (e.g. before an async list\n   * loads) is remembered and applied once that option appears.\n   */\n  @state()\n  get value(): string {\n    return this._options[this.#selectedIndex]?.value ?? '';\n  }\n\n  set value(value: string) {\n    this.#desiredValue = value;\n    this.#commitIndex(this._options.findIndex(o => o.value === value));\n  }\n\n  /**\n   * The index of the selected option. When there's no selected option the value is `-1`.\n   */\n  @state()\n  get selectedIndex(): number {\n    return this.#selectedIndex;\n  }\n\n  set selectedIndex(index: number) {\n    const len = this._options.length;\n    const target = index >= 0 && index < len ? index : -1;\n    this.#desiredValue = target >= 0 ? this._options[target].value : null;\n    this.#commitIndex(target);\n  }\n\n  get _options(): Option[] {\n    return Array.from(this.querySelectorAll<Option>(':scope > u-option'));\n  }\n\n  get _menuItems(): Option[] {\n    return this._options;\n  }\n\n  get selectedOptions(): Option[] {\n    const option = this._options[this.#selectedIndex];\n    return option ? [option] : [];\n  }\n\n  protected override renderControl(): TemplateResult {\n    return staticHtml`\n      <button \n         class=\"button\"\n         role=\"combobox\"\n         aria-haspopup=\"listbox\"\n         aria-controls=\"list\"\n         aria-expanded=\"false\"\n         ?disabled=${this.disabled}></button>\n      <div class=\"input\">\n        <span class=\"display\"></span>\n      </div>`;\n  }\n\n  protected override renderAfterContent(): TemplateResult {\n    return html`\n      <u-menu positioning=\"${this.menuPositioning}\">\n        <slot @slotchange=${this.#handleSlotChange}></slot>\n      </u-menu>\n    `;\n  }\n\n  protected override renderDefaultTrailingIcon(): TemplateResult {\n    return svg`\n      <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1em\" viewBox=\"0 -960 960 960\" width=\"1em\" fill=\"currentColor\">\n        <path d=\"M480-360 280-560h400L480-360Z\"/>\n      </svg>`;\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n\n    this.#connected = true;\n    this.#attach();\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n\n    this.#detach();\n  }\n\n  formResetCallback(): void {\n    for (const o of this._options) {\n      o.selected = o.defaultSelected;\n    }\n\n    // Drop the sticky value so the reset honors `<u-option selected>` defaults.\n    this.#desiredValue = null;\n    this.#syncFromOptions();\n  }\n\n  formStateRestoreCallback(inFormState: string | null): void {\n    this.value = inFormState ?? '';\n  }\n\n  _scheduleSync(): void {\n    if (this.#syncScheduled || !this.#connected) {\n      return;\n    }\n\n    this.#syncScheduled = true;\n    queueMicrotask(() => {\n      try {\n        if (this.#computeSignature() !== this.#lastSyncSignature) {\n          this.#syncFromOptions();\n        }\n      } finally {\n        this.#syncScheduled = false;\n      }\n    });\n  }\n\n  _setSelectedByUser(option: Option): void {\n    const previousIndex = this.#selectedIndex;\n    const newIndex = this._options.indexOf(option);\n\n    if (newIndex < 0) {\n      return;\n    }\n\n    this.#desiredValue = option.value;\n    this.#commitIndex(newIndex);\n\n    if (previousIndex !== newIndex) {\n      this.dispatchEvent(new InputEvent('input', { bubbles: true, composed: true }));\n      this.dispatchEvent(new Event('change', { bubbles: true }));\n    }\n\n    this._menu.close();\n  }\n\n  protected override _getValidity(): FieldValidity {\n    const valueMissing = this.required && this.value === '';\n\n    return {\n      flags: { valueMissing },\n      message: valueMissing ? 'Please select an item in the list.' : '',\n      anchor: this._button,\n    };\n  }\n\n  /** Re-renderiza display e listbox a11y quando o textContent de uma option muda. */\n  _renderOptionRelatedElements(): void {\n    // An option can call this from its own connectedCallback before the select\n    // has finished `#attach` (its `_input`/list aren't wired yet). Skip until\n    // the select is connected and rendered — `#attach` re-runs this afterwards.\n    if (!this.#connected || !this._input) {\n      return;\n    }\n\n    this.#renderAccessibilityList();\n    this.#updateDisplay();\n  }\n\n  #commitIndex(index: number): void {\n    const options = this._options;\n    const target = index >= 0 ? options[index] : null;\n\n    for (const o of options) {\n      o.selected = o === target;\n    }\n\n    this.#selectedIndex = target ? index : -1;\n    this.#lastSyncSignature = this.#computeSignature();\n    this.#emitState();\n  }\n\n  #syncFromOptions(): void {\n    const options = this._options;\n\n    // 1. Sticky: re-apply the last intentional value if its option is (still or\n    //    newly) present. This keeps the selection across option re-renders and\n    //    applies a value set before its option existed.\n    if (this.#desiredValue !== null) {\n      const desiredIndex = options.findIndex(o => o.value === this.#desiredValue && !o.disabled);\n\n      if (desiredIndex >= 0) {\n        this.#commitIndex(desiredIndex);\n        return;\n      }\n    }\n\n    // 2. Authored default: the last `<u-option selected>` — read the *attribute*\n    //    (`defaultSelected`), not the runtime `.selected` flag, so the\n    //    first-enabled fallback below can't be mistaken for an authored choice\n    //    on a later sync. An authored choice is intentional, so make it sticky.\n    let authoredIndex = -1;\n\n    for (let i = 0; i < options.length; i++) {\n      if (options[i].defaultSelected) {\n        authoredIndex = i;\n      }\n    }\n\n    if (authoredIndex >= 0) {\n      this.#desiredValue = options[authoredIndex].value;\n      this.#commitIndex(authoredIndex);\n      return;\n    }\n\n    // 3. First-enabled fallback: a default, not an intentional choice, so it is\n    //    left non-sticky — a later reorder/rebuild follows the native <select>.\n    this.#commitIndex(options.length ? options.findIndex(o => !o.disabled) : -1);\n  }\n\n  #computeSignature(): string {\n    return this._options\n      .map(o => `${o.selected ? 1 : 0}:${o.disabled ? 1 : 0}:${o.value}`)\n      .join('|');\n  }\n\n  #emitState(): void {\n    this.elementInternals.setFormValue(this.value || null);\n    this.#renderAccessibilityList();\n    this.#updateDisplay();\n    this.#updateEmpty();\n    this.requestUpdate();\n  }\n\n  #updateEmpty(): void {\n    const o = this._options[this.#selectedIndex];\n    this.empty = !o?.textContent?.trim();\n  }\n\n  #renderAccessibilityList(): void {\n    const selectedIdx = this.#selectedIndex;\n    render(\n      map(this._options, (option, index) =>\n        html`<div role=\"option\"\n                  id=${`item-${index + 1}`}\n                  aria-selected=${index === selectedIdx ? 'true' : 'false'}>\n               ${option.textContent}\n             </div>`),\n      this.#list);\n  }\n\n  #updateDisplay(): void {\n    if (!this._input) {\n      return;\n    }\n\n    this._input.textContent = this._options[this.#selectedIndex]?.textContent?.trim() ?? '';\n  }\n\n  #setMenuWidthProperty(): void {\n    this.style.setProperty('--_menu-width', `${this.clientWidth}px`);\n  }\n\n  readonly #handleSlotChange = (): void => {\n    this.#syncFromOptions();\n  };\n\n  readonly #handleClick = (e: MouseEvent) => {\n    this._menu.toggle();\n\n    if (!this._menu.open || this.#selectedIndex === -1) {\n      return;\n    }\n\n    this.#navigationController.focusMenu(this.selectedOptions[0], 0, e.detail === 0, false);\n  };\n\n  #handleMenuClick(e: Event) {\n    e.stopPropagation();\n  }\n\n  readonly #handleMenuOpen = () => {\n    this._button.setAttribute('aria-expanded', 'true');\n  };\n\n  readonly #handleMenuOpened = () => {\n    this._options[this.#selectedIndex]?.scrollIntoView({ block: 'nearest' });\n  };\n\n  readonly #handleMenuClose = () => {\n    this._button.setAttribute('aria-expanded', 'false');\n    this.#navigationController.blurMenu();\n  };\n\n  async #attach(): Promise<void> {\n    this.#resizeObserver.observe(this);\n    this._renderOptionRelatedElements();\n\n    await this.updateComplete;\n\n    this.#navigationController.attach(this);\n\n    this._input.appendChild(this.#list);\n    this._button.addEventListener('click', this.#handleClick);\n\n    this._menu.anchorElement = this._container;\n    this._menu.addEventListener('click', this.#handleMenuClick);\n    this._menu.addEventListener('open', this.#handleMenuOpen);\n    this._menu.addEventListener('opened', this.#handleMenuOpened);\n    this._menu.addEventListener('close', this.#handleMenuClose);\n\n    this.#syncFromOptions();\n  }\n\n  #detach(): void {\n    this.#resizeObserver.disconnect();\n    this.#list.remove();\n    this.#navigationController.detach();\n    this.#connected = false;\n    this._button.removeEventListener('click', this.#handleClick);\n    this._menu.removeEventListener('click', this.#handleMenuClick);\n    this._menu.removeEventListener('open', this.#handleMenuOpen);\n    this._menu.removeEventListener('opened', this.#handleMenuOpened);\n    this._menu.removeEventListener('close', this.#handleMenuClose);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-select': Select;\n  }\n}\n"]}

package/shared/button-wrapper.d.ts

@@ -2,7 +2,7 @@ import { CSSResultGroup } from '@lit/reactive-element/css-tag';
 import { HTMLTemplateResult, LitElement } from 'lit';
 import '../elevation/elevation.js';
 import '../ripple/ripple.js';
-export declare abstract class UmButtonWrapper extends LitElement {
+export declare abstract class ButtonWrapper extends LitElement {
     #private;
     static styles: CSSResultGroup;
     /**
@@ -19,6 +19,9 @@ export declare abstract class UmButtonWrapper extends LitElement {
      * include `_blank` to open in a new tab.
      */
     target: string | undefined;
+    /**
+     * The form field name associated with the button when submitting a form
+     */
     name: string | undefined;
     readonly buttonElement: HTMLElement;
     private readonly _ripple;