@rcarls/rc-select 0.3.1 → 0.4.0

package/README.md

@@ -49,9 +49,9 @@ import '@rcarls/rc-select/define';
 | `disabled` | `boolean` | Mirrors the slotted `<select disabled>` state. |
 | `placeholder` | `string` | Text shown when no value is selected. |
 | `display` | `'auto' \| 'chips' \| 'compact'` | Controls multi-select display. |
+| `value` | `string \| string[]` | Controlled selection. Programmatic writes apply silently. |
 | `openPopup()` | `void` | Opens the listbox popover. |
 | `closePopup(returnFocus?)` | `void` | Closes the listbox and optionally restores focus. |
-| `setSelected(values)` | `void` | Replaces selection without relying on mutation observation. |
 
 ## Events
 

package/dist/custom-elements.json

@@ -89,6 +89,16 @@
               "name": "--rc-select-listbox-radius",
               "default": "var(--rc-control-radius)"
             },
+            {
+              "description": "Popup listbox border.",
+              "name": "--rc-select-listbox-border",
+              "default": "var(--rc-border)"
+            },
+            {
+              "description": "Popup listbox box shadow.",
+              "name": "--rc-select-shadow",
+              "default": "var(--rc-shadow)"
+            },
             {
               "description": "Popup listbox block padding.",
               "name": "--rc-select-listbox-padding-block",
@@ -109,6 +119,16 @@
               "name": "--rc-select-chip-padding-inline",
               "default": "0.3em"
             },
+            {
+              "description": "Gap between chip label and remove icon.",
+              "name": "--rc-select-chip-gap",
+              "default": "calc(var(--rc-control-gap, 0.25em) * 0.8)"
+            },
+            {
+              "description": "Multi-select chip border.",
+              "name": "--rc-select-chip-border",
+              "default": "var(--rc-border)"
+            },
             {
               "description": "Inline size of the toggle indicator container.",
               "name": "--rc-select-toggle-indicator-size",
@@ -147,6 +167,10 @@
             {
               "description": "The open/close indicator container.",
               "name": "toggle-indicator"
+            },
+            {
+              "description": "The `<rc-listbox>` popup element.",
+              "name": "listbox"
             }
           ],
           "slots": [
@@ -276,7 +300,7 @@
             },
             {
               "kind": "field",
-              "name": "_selectRef",
+              "name": "_$selectRef",
               "type": {
                 "text": "WeakRef<HTMLSelectElement> | null"
               },
@@ -334,6 +358,36 @@
               "privacy": "private",
               "default": "false"
             },
+            {
+              "kind": "field",
+              "name": "_pickerGuardActive",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "default": "false",
+              "description": "True while `_applyPickerGuard` has force-disabled the slotted multiple `<select>`."
+            },
+            {
+              "kind": "field",
+              "name": "_pickerGuardConsumerDisabled",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "default": "false",
+              "description": "Consumer's `disabled` state on the select before the picker guard forced it; restored on teardown."
+            },
+            {
+              "kind": "field",
+              "name": "_pickerGuardForm",
+              "type": {
+                "text": "HTMLFormElement | null"
+              },
+              "privacy": "protected",
+              "default": "null",
+              "description": "Form currently carrying the picker guard's `formdata` listener."
+            },
             {
               "kind": "field",
               "name": "_typeAheadBuffer",
@@ -459,6 +513,62 @@
               "privacy": "protected",
               "description": "Document-capture keydown handler; closes the popup on `Escape`."
             },
+            {
+              "kind": "field",
+              "name": "_onNativeSelectClick",
+              "privacy": "protected",
+              "description": "Suppress the native `<select>`'s default click action"
+            },
+            {
+              "kind": "method",
+              "name": "_applyPickerGuard",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "$select",
+                  "type": {
+                    "text": "HTMLSelectElement"
+                  }
+                }
+              ],
+              "description": "Countermeasure for select[\"multiple\"] bug in Firefox for Android / GeckoView.\n\nWorks around a GeckoView bug where tapping anywhere inside an\nancestor `<label>`'s bounds opens the native picker dialog of a wrapped\n`<select multiple>`, even though the select is hidden and the tap landed on this\ncomponent's own UI.\n\nLabel activation on a disabled control is a spec-defined no-op, so the slotted select\nis force-disabled after upgrade while it is `multiple`. A disabled select submits\nnothing, so form submission is restored by appending the current selection in a\n`formdata` listener on the owning form (`_handleFormData`). A disabled select is also\nbarred from native constraint validation, so `_handleFormSubmit` enforces its\n`ValidityState` at submit time instead.\n\nScoped to multiple selects: the single-select picker path is already suppressed by\n`_onNativeSelectClick`. Pre-upgrade behavior is unaffected — the guard\nonly applies once the component initializes."
+            },
+            {
+              "kind": "method",
+              "name": "_syncFormListeners",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "$form",
+                  "type": {
+                    "text": "HTMLFormElement | null"
+                  }
+                }
+              ],
+              "description": "Moves the picker guard's `formdata` and `submit` listeners to `$form`; pass `null` to detach."
+            },
+            {
+              "kind": "field",
+              "name": "_handleFormData",
+              "privacy": "protected",
+              "description": "Appends the current selection to the owning form's entry list.\n\nReplaces the submission the select would have produced were it\nnot force-disabled by `_applyPickerGuard`.\n\nAppend-only: entries from other same-named controls in the form\nare left alone."
+            },
+            {
+              "kind": "field",
+              "name": "_handleFormSubmit",
+              "privacy": "protected",
+              "description": "Enforces the slotted select's constraints at submit time.\n\nMirrors native scoping: skipped for `novalidate`\nforms and `formnovalidate` submitters, and never runs for `form.submit()`\n\nThe native validation bubble cannot render on a hidden control, so a\ncancelable `invalid` event is fired on the select (matching native\nreporting) and focus moves to the trigger unless the consumer cancels it."
+            },
             {
               "kind": "method",
               "name": "_handleSelectSlotChange",
@@ -854,53 +964,53 @@
           ],
           "attributes": [
             {
-              "description": "Present when one or more options are selected. Use with CSS selectors (e.g. `rc-select[has-value]`) for floating-label wrappers.",
-              "name": "has-value"
-            },
-            {
+              "description": "Reflects whether the popup listbox is open.",
               "name": "open",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Reflects whether the popup listbox is open.",
               "fieldName": "open"
             },
             {
+              "description": "Enables selection of multiple options simultaneously.",
               "name": "multiple",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Enables selection of multiple options simultaneously.",
               "fieldName": "multiple"
             },
             {
+              "description": "Disables the trigger and prevents the popup from opening.",
               "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Disables the trigger and prevents the popup from opening.",
               "fieldName": "disabled"
             },
             {
+              "description": "Text shown in the trigger when no value is selected.",
               "name": "placeholder",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "Text shown in the trigger when no value is selected.",
               "fieldName": "placeholder"
             },
             {
+              "description": "Controls how selected values appear in the trigger.\n\n- `'chips'` — each selected value renders as a removable chip.\n- `'compact'` — selected values are summarized as \"First, +N more\".\n- `'auto'` — uses `'chips'` on pointer devices and `'compact'` on touch.",
               "name": "display",
               "type": {
                 "text": "'auto' | 'chips' | 'compact'"
               },
               "default": "'auto'",
-              "description": "Controls how selected values appear in the trigger.\n\n- `'chips'` — each selected value renders as a removable chip.\n- `'compact'` — selected values are summarized as \"First, +N more\".\n- `'auto'` — uses `'chips'` on pointer devices and `'compact'` on touch.",
               "fieldName": "display"
+            },
+            {
+              "description": "Present when one or more options are selected. Use with CSS selectors (e.g. `rc-select[has-value]`) for floating-label wrappers.",
+              "name": "has-value"
             }
           ],
           "superclass": {

package/dist/{rc-select-Bu4ukw92.js → rc-select-BRp1j-JD.js}

@@ -1,6 +1,6 @@
 import { css as f, LitElement as b, nothing as _, html as h } from "lit";
-import { property as n, query as p, state as d } from "lit/decorators.js";
-import { NativeChildController as g, ActiveDescendantController as m, AnchorController as y } from "@rcarls/rc-common";
+import { property as n, query as d, state as p } from "lit/decorators.js";
+import { NativeChildController as m, ActiveDescendantController as g, AnchorController as y } from "@rcarls/rc-common";
 const x = f`
   :host {
     display: inline-block;
@@ -177,13 +177,13 @@ var k = Object.defineProperty, a = (v, e, t, i) => {
 };
 const u = class u extends b {
   constructor() {
-    super(...arguments), this.open = !1, this.multiple = !1, this.disabled = !1, this.placeholder = "", this.display = "auto", this._selectedValues = /* @__PURE__ */ new Set(), this._chipNavIndex = -1, this._options = [], this._selectRef = null, this._selectController = new g(this, {
+    super(...arguments), this.open = !1, this.multiple = !1, this.disabled = !1, this.placeholder = "", this.display = "auto", this._selectedValues = /* @__PURE__ */ new Set(), this._chipNavIndex = -1, this._options = [], this._$selectRef = null, this._selectController = new m(this, {
       selector: ":scope > select",
       observe: !0,
       onChange: (e) => this._setupSelect(e),
       onMissing: () => {
       }
-    }), this._mutationObserver = null, this._selectionInitialized = !1, this._typeAheadBuffer = "", this._typeAheadTimer = 0, this._activeDescendantCtrl = new m(this, {
+    }), this._mutationObserver = null, this._selectionInitialized = !1, this._pickerGuardActive = !1, this._pickerGuardConsumerDisabled = !1, this._pickerGuardForm = null, this._typeAheadBuffer = "", this._typeAheadTimer = 0, this._activeDescendantCtrl = new g(this, {
       host: () => this._$trigger ?? null,
       items: () => this._$listbox?.navigableItems ?? []
     }), this._anchorCtrl = new y(this, {
@@ -196,15 +196,32 @@ const u = class u extends b {
       this.open && (e.composedPath().includes(this) || this.closePopup(!1));
     }, this._onDocKeyDown = (e) => {
       this.open && e.key === "Escape" && (e.preventDefault(), this.closePopup());
+    }, this._onNativeSelectClick = (e) => {
+      e.preventDefault();
+    }, this._handleFormData = (e) => {
+      const t = this._$selectRef?.deref();
+      if (!(!this._pickerGuardActive || !t?.name))
+        for (const i of this.selectedValues)
+          e.formData.append(t.name, i);
+    }, this._handleFormSubmit = (e) => {
+      const t = this._$selectRef?.deref();
+      if (!this._pickerGuardActive || !t)
+        return;
+      const i = e.currentTarget, s = e.submitter;
+      if (i.noValidate || s?.formNoValidate || t.validity.valid)
+        return;
+      e.preventDefault(), t.dispatchEvent(new Event("invalid", { cancelable: !0 })) && this._$trigger?.focus();
     };
   }
   connectedCallback() {
     super.connectedCallback(), document.addEventListener("click", this._onDocClick, { capture: !0 }), document.addEventListener("keydown", this._onDocKeyDown, { capture: !0 });
+    const e = this._$selectRef?.deref();
+    e && this._pickerGuardActive && this._syncFormListeners(e.form);
   }
   disconnectedCallback() {
     super.disconnectedCallback(), document.removeEventListener("click", this._onDocClick, { capture: !0 }), document.removeEventListener("keydown", this._onDocKeyDown, {
       capture: !0
-    }), this._mutationObserver?.disconnect();
+    }), this._mutationObserver?.disconnect(), this._syncFormListeners(null);
   }
   updated(e) {
     super.updated(e), this.toggleAttribute("has-value", this._selectedValues.size > 0);
@@ -270,6 +287,36 @@ const u = class u extends b {
     const t = this.multiple ? e : e.slice(0, 1);
     this._selectedValues = new Set(t), this._$listbox?.setSelectedValues(t), this._syncNativeSelect(), this.requestUpdate();
   }
+  /**
+   * Countermeasure for select["multiple"] bug in Firefox for Android / GeckoView.
+   *
+   * Works around a GeckoView bug where tapping anywhere inside an
+   * ancestor `<label>`'s bounds opens the native picker dialog of a wrapped
+   * `<select multiple>`, even though the select is hidden and the tap landed on this
+   * component's own UI.
+   *
+   * Label activation on a disabled control is a spec-defined no-op, so the slotted select
+   * is force-disabled after upgrade while it is `multiple`. A disabled select submits
+   * nothing, so form submission is restored by appending the current selection in a
+   * `formdata` listener on the owning form (`_handleFormData`). A disabled select is also
+   * barred from native constraint validation, so `_handleFormSubmit` enforces its
+   * `ValidityState` at submit time instead.
+   *
+   * Scoped to multiple selects: the single-select picker path is already suppressed by
+   * `_onNativeSelectClick`. Pre-upgrade behavior is unaffected — the guard
+   * only applies once the component initializes.
+   *
+   * @see https://bugzilla.mozilla.org/show_bug.cgi?id=1475723
+   */
+  _applyPickerGuard(e) {
+    e.multiple && !this._pickerGuardActive ? (this._pickerGuardActive = !0, this._pickerGuardConsumerDisabled = e.disabled, e.disabled = !0) : !e.multiple && this._pickerGuardActive ? (this._pickerGuardActive = !1, e.disabled = this._pickerGuardConsumerDisabled) : e.multiple && !e.disabled && (this._pickerGuardConsumerDisabled = !1, this.disabled = !1, e.disabled = !0), this._syncFormListeners(this._pickerGuardActive ? e.form : null);
+  }
+  /** Moves the picker guard's `formdata` and `submit` listeners to `$form`; pass `null` to detach. */
+  _syncFormListeners(e) {
+    e !== this._pickerGuardForm && (this._pickerGuardForm?.removeEventListener("formdata", this._handleFormData), this._pickerGuardForm?.removeEventListener("submit", this._handleFormSubmit, {
+      capture: !0
+    }), this._pickerGuardForm = e, e?.addEventListener("formdata", this._handleFormData), e?.addEventListener("submit", this._handleFormSubmit, { capture: !0 }));
+  }
   /**
    * Resolves the slotted `<select>` on every `slotchange`, wires `_mutationObserver`,
    * and seeds initial state via `queueMicrotask` to stay safe inside framework reactive passes.
@@ -278,22 +325,24 @@ const u = class u extends b {
     this._selectController.sync();
   }
   _setupSelect(e) {
-    this._mutationObserver?.disconnect(), this._mutationObserver = null, this._selectRef = e ? new WeakRef(e) : null, e && queueMicrotask(() => {
-      e.isConnected && (this.multiple = e.multiple, this.disabled = e.disabled, this._syncOptionsFromSelect(e), this._mutationObserver = new MutationObserver(() => {
-        const t = this._selectRef?.deref();
-        if (t) {
-          if (this.multiple = t.multiple, this.disabled = t.disabled, this._propertyOptions !== void 0) {
+    this._mutationObserver?.disconnect(), this._mutationObserver = null;
+    const t = this._$selectRef?.deref();
+    t && (t.removeEventListener("click", this._onNativeSelectClick), this._pickerGuardActive && (t.disabled = this._pickerGuardConsumerDisabled)), this._pickerGuardActive = !1, this._syncFormListeners(null), this._$selectRef = e ? new WeakRef(e) : null, e && (e.addEventListener("click", this._onNativeSelectClick), queueMicrotask(() => {
+      e.isConnected && (this.multiple = e.multiple, this.disabled = e.disabled, this._syncOptionsFromSelect(e), this._applyPickerGuard(e), this._mutationObserver = new MutationObserver(() => {
+        const i = this._$selectRef?.deref();
+        if (i) {
+          if (this.multiple = i.multiple, this._pickerGuardActive || (this.disabled = i.disabled), this._applyPickerGuard(i), this._propertyOptions !== void 0) {
             this._applySelectionFromCurrentSource();
             return;
           }
-          this._syncOptionsFromSelect(t);
+          this._syncOptionsFromSelect(i);
         }
       }), this._mutationObserver.observe(e, {
         childList: !0,
         subtree: !0,
         attributes: !0
       }), this._syncAccessibleName(e));
-    });
+    }));
   }
   /**
    * Derives options from `$select` (or defers to `_propertyOptions` when set)
@@ -331,7 +380,7 @@ const u = class u extends b {
   _currentOptions() {
     if (this._propertyOptions !== void 0)
       return this._propertyOptions;
-    const e = this._selectRef?.deref();
+    const e = this._$selectRef?.deref();
     return e ? this._optionsFromSelect(e) : [];
   }
   /**
@@ -351,12 +400,12 @@ const u = class u extends b {
   }
   /** Returns values of currently selected `<option>` nodes; falls back to `selectedValues` when no native select is present. */
   _selectedValuesFromNativeSelect() {
-    const e = this._selectRef?.deref();
+    const e = this._$selectRef?.deref();
     return e ? Array.from(e.selectedOptions).map((t) => t.value).filter(Boolean) : this.selectedValues;
   }
   /** Returns values of `defaultSelected` `<option>` nodes (author `selected` attribute); falls back to `selectedValues`. */
   _defaultSelectedValuesFromNativeSelect() {
-    const e = this._selectRef?.deref();
+    const e = this._$selectRef?.deref();
     return e ? Array.from(e.options).filter((t) => t.defaultSelected).map((t) => t.value).filter(Boolean) : this.selectedValues;
   }
   /**
@@ -366,7 +415,7 @@ const u = class u extends b {
    * while writing to avoid re-entrant sync.
    */
   _mirrorOptionsToNativeSelect() {
-    const e = this._selectRef?.deref();
+    const e = this._$selectRef?.deref();
     if (!(!e || this._propertyOptions === void 0)) {
       this._mutationObserver?.disconnect(), e.replaceChildren();
       for (const t of this._propertyOptions) {
@@ -387,7 +436,7 @@ const u = class u extends b {
   _addOption(e) {
     const t = this._options.some((r) => r.value === e.value) ? this._options.map((r) => r.value === e.value ? e : r) : [...this._options, e];
     this._propertyOptions !== void 0 && (this._propertyOptions = t), this._syncOptions(t);
-    const i = this._selectRef?.deref();
+    const i = this._$selectRef?.deref();
     if (!i || Array.from(i.options).some((r) => r.value === e.value))
       return;
     const s = document.createElement("option");
@@ -437,7 +486,7 @@ const u = class u extends b {
   }
   /** Flips `selected` on each `<option>` in the native `<select>` to match `_selectedValues`; no-op when no native select is present. */
   _syncNativeSelect() {
-    const e = this._selectRef?.deref();
+    const e = this._$selectRef?.deref();
     if (e)
       for (const t of e.options)
         t.selected = this._selectedValues.has(t.value);
@@ -471,7 +520,7 @@ const u = class u extends b {
   }
   /** Looks up the display label for `value` from native `<select>` option text; returns `value` itself as a fallback. */
   _labelFor(e) {
-    const t = this._selectRef?.deref();
+    const t = this._$selectRef?.deref();
     if (t) {
       for (const i of t.options)
         if (i.value === e)
@@ -690,24 +739,24 @@ a([
   n()
 ], o.prototype, "display");
 a([
-  p("#anchor")
+  d("#anchor")
 ], o.prototype, "_$anchor");
 a([
-  p("#trigger")
+  d("#trigger")
 ], o.prototype, "_$trigger");
 a([
-  p("#listbox")
+  d("#listbox")
 ], o.prototype, "_$listbox");
 a([
-  d()
+  p()
 ], o.prototype, "_selectedValues");
 a([
-  d()
+  p()
 ], o.prototype, "_chipNavIndex");
 a([
-  d()
+  p()
 ], o.prototype, "_options");
 export {
   o as R
 };
-//# sourceMappingURL=rc-select-Bu4ukw92.js.map
+//# sourceMappingURL=rc-select-BRp1j-JD.js.map

package/dist/rc-select-BRp1j-JD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rc-select-BRp1j-JD.js","sources":["../src/rc-select.styles.ts","../src/rc-select.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const selectStyles = css`\n  :host {\n    display: inline-block;\n  }\n\n  #anchor {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: var(--rc-select-gap, var(--rc-control-gap, 0.25em));\n  }\n\n  #trigger {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: var(--rc-select-gap, var(--rc-control-gap, 0.25em));\n    min-block-size: var(--rc-select-control-block-size, var(--rc-control-block-size, auto));\n    padding: var(--rc-select-padding-block, var(--rc-control-padding-block, 1px))\n      var(--rc-select-padding-inline, var(--rc-control-padding-inline, 4px));\n    min-width: 8em;\n    cursor: default;\n    user-select: none;\n    border: var(\n      --rc-select-border,\n      var(--rc-border, 1px solid var(--rc-border-color, ButtonBorder))\n    );\n    border-radius: var(--rc-select-radius, var(--rc-control-radius, var(--rc-radius-sm, 0.125em)));\n    background: var(--rc-field, Field);\n    color: var(--rc-field-text, FieldText);\n    font-family: var(--rc-font-family, inherit);\n    font-size: var(--rc-font-size, inherit);\n    line-height: var(--rc-line-height, normal);\n    transition:\n      background-color var(--rc-motion-duration, 120ms),\n      border-color var(--rc-motion-duration, 120ms),\n      box-shadow var(--rc-motion-duration, 120ms);\n\n    /* Keyboard focus indicator */\n    outline: none;\n    &:focus-visible {\n      outline: var(--rc-focus-ring, auto);\n      outline-offset: var(--rc-focus-ring-offset, 0);\n    }\n  }\n\n  [part='value-display'] {\n    flex: 1;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  [part='toggle-indicator'] {\n    flex-shrink: 0;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    inline-size: var(--rc-select-toggle-indicator-size, 1.1em);\n  }\n\n  /* Chips — the whole chip is the remove button for a larger touch target */\n  [part='chip'] {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--rc-select-chip-gap, calc(var(--rc-control-gap, 0.25em) * 0.8));\n    padding: var(--rc-select-chip-padding-block, 0.1em) var(--rc-select-chip-padding-inline, 0.3em);\n    border: var(\n      --rc-select-chip-border,\n      var(--rc-border, 1px solid var(--rc-border-color, ButtonBorder))\n    );\n    border-radius: var(--rc-select-chip-radius, var(--rc-radius-md, 0.25em));\n    background: var(--rc-button-bg, ButtonFace);\n    color: var(--rc-button-text, ButtonText);\n    font: inherit;\n    font-size: 0.875em;\n    cursor: pointer;\n\n    &:hover {\n      background: var(--rc-highlight, Highlight);\n      color: var(--rc-highlight-text, HighlightText);\n    }\n\n    &:focus-visible {\n      outline: var(--rc-focus-ring, auto);\n      outline-offset: var(--rc-focus-ring-offset, 0);\n    }\n  }\n\n  /* Decorative × icon inside the chip — no interaction, aria-hidden */\n  [part='chip-remove'] {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 1em;\n    font-size: 0.85em;\n    pointer-events: none;\n  }\n\n  /* Hide the default slot — visually suppresses the slotted native <select> */\n  slot:not([name]) {\n    display: none;\n  }\n\n  /* Listbox popup — positioned by AnchorController via adoptedStyleSheets */\n  rc-listbox {\n    max-height: var(--rc-select-max-height, 20em);\n    overflow-y: auto;\n    background: var(--rc-surface, Canvas);\n    border: var(\n      --rc-select-listbox-border,\n      var(--rc-border, 1px solid var(--rc-border-color, ButtonBorder))\n    );\n    border-radius: var(--rc-select-listbox-radius, var(--rc-control-radius, 0));\n    box-shadow: var(\n      --rc-select-shadow,\n      var(--rc-shadow, 0 2px 8px color-mix(in srgb, CanvasText 15%, transparent))\n    );\n    color: var(--rc-field-text, FieldText);\n    padding-block: var(--rc-select-listbox-padding-block, var(--rc-control-padding-block, 0.25em));\n    --rc-listbox-option-gap: var(--rc-item-gap, 0.4em);\n    --rc-listbox-option-padding-block: var(--rc-item-padding-block, 0.3em);\n    --rc-listbox-option-padding-inline: var(--rc-item-padding-inline, 0.75em);\n    --rc-listbox-hover-bg: var(--rc-highlight, Highlight);\n    --rc-listbox-hover-color: var(--rc-highlight-text, HighlightText);\n    --rc-listbox-active-bg: var(--rc-highlight, Highlight);\n    --rc-listbox-active-color: var(--rc-highlight-text, HighlightText);\n    --rc-listbox-selected-bg: var(--rc-highlight, Highlight);\n    --rc-listbox-selected-color: var(--rc-highlight-text, HighlightText);\n    --rc-listbox-disabled-opacity: var(--rc-disabled-opacity, 0.5);\n\n    &:not(:popover-open) {\n      display: none;\n    }\n  }\n\n  rc-listbox [part~='option'][hidden] {\n    display: none;\n  }\n\n  rc-listbox [part~='option'][data-active]:not([aria-disabled='true']) {\n    outline: var(--rc-focus-ring, 2px solid var(--rc-accent, Highlight));\n    outline-offset: -2px;\n  }\n\n  rc-listbox [part~='option'][aria-disabled='true'] {\n    cursor: not-allowed;\n  }\n\n  /* Selection checkmark — reserves space whether visible or not */\n  rc-listbox [part~='option-checkmark'] {\n    flex-shrink: 0;\n    width: 1em;\n    text-align: center;\n    font-size: 0.85em;\n    visibility: hidden;\n  }\n\n  rc-listbox [part~='option'][aria-selected='true'] [part~='option-checkmark'] {\n    visibility: visible;\n  }\n\n  rc-listbox [part~='create-option'] {\n    font-style: italic;\n    border-top: 1px solid var(--rc-border-color, ButtonBorder);\n    margin-top: 0.25em;\n    padding-top: 0.3em;\n  }\n`;\n\nexport default selectStyles;\n","import { LitElement, html, nothing, type PropertyValues } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport {\n  ActiveDescendantController,\n  AnchorController,\n  NativeChildController,\n  warnMissingDirectChild,\n} from '@rcarls/rc-common';\nimport type {\n  RCListbox,\n  RCListboxChangeEvent,\n  ListboxOption,\n  ListboxSelectableOption,\n} from '@rcarls/rc-listbox';\n\nimport { selectStyles } from './rc-select.styles.js';\n\nexport type RCSelectValue = string | string[];\n\nexport interface RCSelectChangeEvent {\n  /** Updated value after the change. */\n  value: RCSelectValue;\n\n  /** All selected option values after the change. */\n  selectedValues: string[];\n\n  /** All selected option objects after the change. */\n  selectedOptions: ListboxSelectableOption[];\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'rc-select': RCSelect;\n  }\n}\n\n/**\n * Select-only combobox backed by a native <select>, following the WAI-ARIA Combobox\n * pattern.\n *\n * Wraps a native `<select>` (default slot) as the form value reflector while\n * rendering a custom button trigger and popup listbox. Popup placement\n * and `aria-activedescendant` virtual keyboard navigation are supported.\n *\n * @see {@link https://richardcarls.github.io/rc-webcomponents/components/rc-select rc-select docs}\n * @see {@link https://www.w3.org/WAI/ARIA/apg/patterns/combobox/ WAI-ARIA Combobox pattern}\n *\n * @slot - Required. A native `<select>` element used for form submission\n *   and as the source of truth for options, multiple, and disabled state.\n * @slot display - Optional. Replaces the default value label in the trigger.\n * @slot toggle-indicator - Optional. Replaces the default chevron indicator. Accepts any\n *   element(s); the container shifts to inline-start in RTL via flex direction.\n *\n * @fires rc-select-change - When user interaction changes selection.\n *   `detail: { value, selectedValues, selectedOptions }`\n * @fires rc-select-open - When the popup opens.\n * @fires rc-select-close - When the popup closes.\n *\n * @csspart anchor - The flex container wrapping chips and trigger.\n * @csspart trigger - The combobox trigger element (div).\n * @csspart chips - The chips group container (when multiple).\n * @csspart chip - Individual chip (when multiple).\n * @csspart chip-label - Text label inside a chip.\n * @csspart chip-remove - Remove button inside a chip.\n * @csspart value-display - The text label showing selected value(s).\n * @csspart toggle-indicator - The open/close indicator container.\n * @csspart listbox - The `<rc-listbox>` popup element.\n *\n * @attr open - Reflects whether the popup listbox is open.\n * @attr multiple - Enables selection of multiple options simultaneously.\n * @attr disabled - Disables the trigger and prevents the popup from opening.\n * @attr placeholder - Text shown in the trigger when no value is selected.\n * @attr display - Controls how selected values appear in the trigger: `'auto'`,\n *   `'chips'`, or `'compact'`.\n * @attr [has-value] - Present when one or more options are selected. Use with CSS\n *   selectors (e.g. `rc-select[has-value]`) for floating-label wrappers.\n *\n * @cssprop [--rc-select-max-height=20em] - Maximum popup height.\n * @cssprop [--rc-select-control-block-size=var(--rc-control-block-size)] - Trigger block size.\n * @cssprop [--rc-select-padding-block=var(--rc-control-padding-block)] - Trigger block-axis padding.\n * @cssprop [--rc-select-padding-inline=var(--rc-control-padding-inline)] - Trigger inline-axis padding.\n * @cssprop [--rc-select-gap=var(--rc-control-gap)] - Gap between trigger content, chips, and icon.\n * @cssprop [--rc-select-radius=var(--rc-control-radius)] - Trigger border radius.\n * @cssprop [--rc-select-border=var(--rc-border)] - Trigger border.\n * @cssprop [--rc-select-listbox-radius=var(--rc-control-radius)] - Popup listbox border radius.\n * @cssprop [--rc-select-listbox-border=var(--rc-border)] - Popup listbox border.\n * @cssprop [--rc-select-shadow=var(--rc-shadow)] - Popup listbox box shadow.\n * @cssprop [--rc-select-listbox-padding-block=var(--rc-control-padding-block)] - Popup listbox block padding.\n * @cssprop [--rc-select-chip-radius=var(--rc-radius-md)] - Multi-select chip border radius.\n * @cssprop [--rc-select-chip-padding-block=0.1em] - Multi-select chip block-axis padding.\n * @cssprop [--rc-select-chip-padding-inline=0.3em] - Multi-select chip inline-axis padding.\n * @cssprop [--rc-select-chip-gap=calc(var(--rc-control-gap, 0.25em) * 0.8)] - Gap between chip\n *   label and remove icon.\n * @cssprop [--rc-select-chip-border=var(--rc-border)] - Multi-select chip border.\n * @cssprop [--rc-select-toggle-indicator-size=1.1em] - Inline size of the toggle indicator container.\n */\nexport class RCSelect extends LitElement {\n  static override styles = selectStyles;\n\n  /** Reflects whether the popup listbox is open. */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /** Enables selection of multiple options simultaneously. */\n  @property({ type: Boolean, reflect: true })\n  multiple = false;\n\n  /** Disables the trigger and prevents the popup from opening. */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /** Text shown in the trigger when no value is selected. */\n  @property()\n  placeholder = '';\n\n  /**\n   * Controls how selected values appear in the trigger.\n   *\n   * - `'chips'` — each selected value renders as a removable chip.\n   * - `'compact'` — selected values are summarized as \"First, +N more\".\n   * - `'auto'` — uses `'chips'` on pointer devices and `'compact'` on touch.\n   */\n  @property()\n  display: 'auto' | 'chips' | 'compact' = 'auto';\n\n  /** Flex container used by `_anchorCtrl` as the positioning reference for the popup. */\n  @query('#anchor')\n  protected _$anchor!: HTMLElement;\n\n  /**\n   * The combobox trigger div.\n   *\n   * Owns `role=\"combobox\"`, `aria-activedescendant`,\n   * `aria-expanded`, and receives focus during keyboard navigation.\n   */\n  @query('#trigger')\n  protected _$trigger!: HTMLElement;\n\n  /** The `<rc-listbox>` popup. Receives option lists and selected-value updates from the host. */\n  @query('#listbox')\n  protected _$listbox!: RCListbox;\n\n  /**\n   * Reactive set of currently selected option values.\n   *\n   * Drive changes through `_applySelection` rather than mutating this directly\n   * so the listbox and native `<select>` stay in sync.\n   */\n  @state()\n  protected _selectedValues: Set<string> = new Set();\n\n  /**\n   * Index into the chip button array for roving-tabindex chip navigation.\n   *\n   * `-1` means focus is on the trigger.\n   */\n  @state()\n  protected _chipNavIndex = -1;\n\n  /**\n   * The resolved option list, as rendered in the listbox.\n   *\n   * `_options` is sourced from the `options` property or the slotted `<select>`.\n   */\n  @state()\n  protected _options: ListboxOption[] = [];\n\n  /** WeakRef to the slotted `<select>`. Refreshed on every `slotchange`; `null` when absent. */\n  protected _$selectRef: WeakRef<HTMLSelectElement> | null = null;\n\n  protected readonly _selectController = new NativeChildController<HTMLSelectElement>(this, {\n    selector: ':scope > select',\n    observe: true,\n    onChange: ($select) => this._setupSelect($select),\n    onMissing: () => {\n      if (import.meta.env.DEV) {\n        warnMissingDirectChild(this, {\n          selector: ':scope > select',\n          message:\n            '[rc-select] No direct child <select> found. Place a native <select> inside <rc-select>.',\n        });\n      }\n    },\n  });\n\n  /**\n   * Watches the slotted `<select>` for `childList`, `subtree`, and `attributes` changes\n   * so the option list and disabled/multiple state stay in sync with author mutations.\n   */\n  protected _mutationObserver: MutationObserver | null = null;\n\n  private _defaultValue: RCSelectValue | undefined;\n\n  private _propertyOptions: ListboxOption[] | undefined;\n\n  private _value: RCSelectValue | undefined;\n\n  private _selectionInitialized = false;\n\n  /** True while `_applyPickerGuard` has force-disabled the slotted multiple `<select>`. */\n  protected _pickerGuardActive = false;\n\n  /** Consumer's `disabled` state on the select before the picker guard forced it; restored on teardown. */\n  protected _pickerGuardConsumerDisabled = false;\n\n  /** Form currently carrying the picker guard's `formdata` listener. */\n  protected _pickerGuardForm: HTMLFormElement | null = null;\n\n  /** Accumulated printable characters for type-ahead matching; cleared after 500 ms idle. */\n  protected _typeAheadBuffer = '';\n\n  /** `window.setTimeout` handle for resetting `_typeAheadBuffer`; cancel before modifying. */\n  protected _typeAheadTimer = 0;\n\n  /**\n   * Manages `aria-activedescendant` on `_$trigger` and keyboard cursor position\n   * within `_$listbox.navigableItems`.\n   */\n  protected _activeDescendantCtrl = new ActiveDescendantController(this, {\n    host: () => this._$trigger ?? null,\n    items: () => this._$listbox?.navigableItems ?? [],\n  });\n\n  /** Manages CSS-anchored (or JS-fallback) placement of `_$listbox` relative to `_$anchor`. */\n  protected _anchorCtrl = new AnchorController(this, {\n    anchor: () => this._$anchor ?? null,\n    floating: () => this._$listbox ?? null,\n    shadowHost: () => this,\n    placement: 'bottom-start',\n    offset: 2,\n  });\n\n  override connectedCallback() {\n    super.connectedCallback();\n\n    document.addEventListener('click', this._onDocClick, { capture: true });\n    document.addEventListener('keydown', this._onDocKeyDown, { capture: true });\n\n    // Reconnect keeps the same select (NativeChildController only re-fires on\n    // identity change), so re-attach the guard's formdata listener directly.\n    const $select = this._$selectRef?.deref();\n\n    if ($select && this._pickerGuardActive) {\n      this._syncFormListeners($select.form);\n    }\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n\n    document.removeEventListener('click', this._onDocClick, { capture: true });\n    document.removeEventListener('keydown', this._onDocKeyDown, {\n      capture: true,\n    });\n\n    this._mutationObserver?.disconnect();\n    this._syncFormListeners(null);\n  }\n\n  override updated(changed: PropertyValues) {\n    super.updated(changed);\n    this.toggleAttribute('has-value', this._selectedValues.size > 0);\n  }\n\n  /** Opens the popup listbox if not already open or disabled. */\n  openPopup() {\n    if (this.open || this.disabled) {\n      return;\n    }\n\n    this.open = true;\n    this._$listbox.showPopover();\n    this._anchorCtrl.update();\n\n    this.dispatchEvent(new CustomEvent('rc-select-open', { bubbles: true, composed: true }));\n    this.requestUpdate();\n  }\n\n  /**\n   * Closes the popup listbox.\n   *\n   * @param returnFocus - When `true` (default), returns focus to the trigger.\n   */\n  closePopup(returnFocus = true) {\n    if (!this.open) {\n      return;\n    }\n\n    this.open = false;\n    this._$listbox.hidePopover();\n    this._activeDescendantCtrl.clear();\n\n    if (returnFocus) {\n      this._$trigger?.focus();\n    }\n\n    this.dispatchEvent(new CustomEvent('rc-select-close', { bubbles: true, composed: true }));\n  }\n\n  /**\n   * Current selection. Host writes update selection silently; user interaction\n   * emits `rc-select-change`.\n   */\n  get value(): RCSelectValue {\n    return this.multiple ? this.selectedValues : (this.selectedValues[0] ?? '');\n  }\n\n  set value(value: RCSelectValue | undefined) {\n    const oldValue = this._value;\n\n    this._value = value;\n\n    if (value === undefined) {\n      this.requestUpdate('value', oldValue);\n\n      return;\n    }\n\n    this._selectionInitialized = true;\n    this._applySelection(this._normalizeValue(value));\n    this.requestUpdate('value', oldValue);\n  }\n\n  /** Initial uncontrolled selection, applied before user or native state owns the value. */\n  get defaultValue(): RCSelectValue | undefined {\n    return this._defaultValue;\n  }\n\n  set defaultValue(value: RCSelectValue | undefined) {\n    const oldValue = this._defaultValue;\n\n    this._defaultValue = value;\n\n    if (!this._selectionInitialized && this._value === undefined && value !== undefined) {\n      this._applySelection(this._normalizeValue(value));\n    }\n\n    this.requestUpdate('defaultValue', oldValue);\n  }\n\n  /** Programmatic option source. Omit to derive options from the slotted `<select>`. */\n  get options(): ListboxOption[] | undefined {\n    return this._propertyOptions ? [...this._propertyOptions] : undefined;\n  }\n\n  set options(options: ListboxOption[] | undefined) {\n    const oldValue = this._propertyOptions;\n\n    this._propertyOptions = options ? [...options] : undefined;\n    this._syncOptions(this._currentOptions());\n    this._mirrorOptionsToNativeSelect();\n    this.requestUpdate('options', oldValue);\n  }\n\n  /** Selected values as a consistently-array-shaped convenience getter. */\n  get selectedValues(): string[] {\n    return [...this._selectedValues];\n  }\n\n  /** `ListboxOption` objects for the current selection; falls back to label-only stubs for unknown values. */\n  protected get selectedOptions(): ListboxSelectableOption[] {\n    return this._selectedOptionsFor(this.selectedValues);\n  }\n\n  /**\n   * Applies an already-normalized array of values as the current selection.\n   *\n   * In single-select mode only the first value is kept. Syncs `_$listbox` and the\n   * native `<select>` but does NOT dispatch `rc-select-change`.\n   */\n  protected _applySelection(values: string[]): void {\n    const selectedValues = this.multiple ? values : values.slice(0, 1);\n\n    this._selectedValues = new Set(selectedValues);\n    this._$listbox?.setSelectedValues(selectedValues);\n    this._syncNativeSelect();\n    this.requestUpdate();\n  }\n\n  /** Document-capture click handler that closes the popup when a click lands outside `this`. */\n  protected _onDocClick = (e: MouseEvent) => {\n    if (!this.open) {\n      return;\n    }\n\n    if (!e.composedPath().includes(this)) {\n      this.closePopup(false);\n    }\n  };\n\n  /** Document-capture keydown handler; closes the popup on `Escape`. */\n  protected _onDocKeyDown = (e: KeyboardEvent) => {\n    if (!this.open) {\n      return;\n    }\n\n    if (e.key === 'Escape') {\n      e.preventDefault();\n\n      this.closePopup();\n    }\n  };\n\n  /**\n   * Suppress the native `<select>`'s default click action\n   */\n  protected _onNativeSelectClick = (e: Event) => {\n    e.preventDefault();\n  };\n\n  /**\n   * Countermeasure for select[\"multiple\"] bug in Firefox for Android / GeckoView.\n   *\n   * Works around a GeckoView bug where tapping anywhere inside an\n   * ancestor `<label>`'s bounds opens the native picker dialog of a wrapped\n   * `<select multiple>`, even though the select is hidden and the tap landed on this\n   * component's own UI.\n   *\n   * Label activation on a disabled control is a spec-defined no-op, so the slotted select\n   * is force-disabled after upgrade while it is `multiple`. A disabled select submits\n   * nothing, so form submission is restored by appending the current selection in a\n   * `formdata` listener on the owning form (`_handleFormData`). A disabled select is also\n   * barred from native constraint validation, so `_handleFormSubmit` enforces its\n   * `ValidityState` at submit time instead.\n   *\n   * Scoped to multiple selects: the single-select picker path is already suppressed by\n   * `_onNativeSelectClick`. Pre-upgrade behavior is unaffected — the guard\n   * only applies once the component initializes.\n   *\n   * @see https://bugzilla.mozilla.org/show_bug.cgi?id=1475723\n   */\n  protected _applyPickerGuard($select: HTMLSelectElement): void {\n    if ($select.multiple && !this._pickerGuardActive) {\n      this._pickerGuardActive = true;\n      this._pickerGuardConsumerDisabled = $select.disabled;\n\n      $select.disabled = true;\n    } else if (!$select.multiple && this._pickerGuardActive) {\n      this._pickerGuardActive = false;\n\n      $select.disabled = this._pickerGuardConsumerDisabled;\n    } else if ($select.multiple && !$select.disabled) {\n      // The guard holds `disabled` present, so only the consumer removes it —\n      // capture that as enable intent, mirror it on the host, and re-assert the\n      // guard. (The reverse — consumer setting disabled while guarded — is a\n      // same-value attribute write whose mutation record is indistinguishable\n      // from the guard's own writes; disabling is driven through the host\n      // instead.)\n      this._pickerGuardConsumerDisabled = false;\n      this.disabled = false;\n\n      $select.disabled = true;\n    }\n\n    this._syncFormListeners(this._pickerGuardActive ? $select.form : null);\n  }\n\n  /** Moves the picker guard's `formdata` and `submit` listeners to `$form`; pass `null` to detach. */\n  protected _syncFormListeners($form: HTMLFormElement | null): void {\n    if ($form === this._pickerGuardForm) {\n      return;\n    }\n\n    this._pickerGuardForm?.removeEventListener('formdata', this._handleFormData);\n    this._pickerGuardForm?.removeEventListener('submit', this._handleFormSubmit, {\n      capture: true,\n    });\n    this._pickerGuardForm = $form;\n\n    $form?.addEventListener('formdata', this._handleFormData);\n    // Capture so invalid submissions are cancelled before consumer submit handlers run.\n    $form?.addEventListener('submit', this._handleFormSubmit, { capture: true });\n  }\n\n  /**\n   * Appends the current selection to the owning form's entry list.\n   *\n   * Replaces the submission the select would have produced were it\n   * not force-disabled by `_applyPickerGuard`.\n   *\n   * Append-only: entries from other same-named controls in the form\n   * are left alone.\n   */\n  protected _handleFormData = (e: FormDataEvent) => {\n    const $select = this._$selectRef?.deref();\n\n    if (!this._pickerGuardActive || !$select?.name) {\n      return;\n    }\n\n    for (const value of this.selectedValues) {\n      e.formData.append($select.name, value);\n    }\n  };\n\n  /**\n   * Enforces the slotted select's constraints at submit time.\n   *\n   * Mirrors native scoping: skipped for `novalidate`\n   * forms and `formnovalidate` submitters, and never runs for `form.submit()`\n   *\n   * The native validation bubble cannot render on a hidden control, so a\n   * cancelable `invalid` event is fired on the select (matching native\n   * reporting) and focus moves to the trigger unless the consumer cancels it.\n   */\n  protected _handleFormSubmit = (e: SubmitEvent) => {\n    const $select = this._$selectRef?.deref();\n\n    if (!this._pickerGuardActive || !$select) {\n      return;\n    }\n\n    const $form = e.currentTarget as HTMLFormElement;\n    const $submitter = e.submitter as HTMLButtonElement | HTMLInputElement | null;\n\n    if ($form.noValidate || $submitter?.formNoValidate) {\n      return;\n    }\n\n    if ($select.validity.valid) {\n      return;\n    }\n\n    e.preventDefault();\n\n    const showFallbackUI = $select.dispatchEvent(new Event('invalid', { cancelable: true }));\n\n    if (showFallbackUI) {\n      this._$trigger?.focus();\n    }\n  };\n\n  /**\n   * Resolves the slotted `<select>` on every `slotchange`, wires `_mutationObserver`,\n   * and seeds initial state via `queueMicrotask` to stay safe inside framework reactive passes.\n   */\n  protected _handleSelectSlotChange() {\n    this._selectController.sync();\n  }\n\n  protected _setupSelect($select: HTMLSelectElement | null) {\n    // Disconnect synchronously so the old observer stops immediately.\n    this._mutationObserver?.disconnect();\n    this._mutationObserver = null;\n\n    const $previous = this._$selectRef?.deref();\n\n    if ($previous) {\n      $previous.removeEventListener('click', this._onNativeSelectClick);\n\n      if (this._pickerGuardActive) {\n        $previous.disabled = this._pickerGuardConsumerDisabled;\n      }\n    }\n\n    this._pickerGuardActive = false;\n    this._syncFormListeners(null);\n\n    this._$selectRef = $select ? new WeakRef($select) : null;\n\n    if (!$select) {\n      return;\n    }\n\n    $select.addEventListener('click', this._onNativeSelectClick);\n\n    // Defer all DOM reads/mutations so this handler is instantaneous when\n    // slotchange fires synchronously inside a framework reactive update pass\n    // (e.g. SolidJS runUpdates on second+ mount, when shadow DOM already exists).\n    queueMicrotask(() => {\n      if (!$select.isConnected) {\n        return;\n      }\n\n      this.multiple = $select.multiple;\n      this.disabled = $select.disabled;\n      this._syncOptionsFromSelect($select);\n      this._applyPickerGuard($select);\n\n      this._mutationObserver = new MutationObserver(() => {\n        const $current = this._$selectRef?.deref();\n\n        if (!$current) {\n          return;\n        }\n\n        this.multiple = $current.multiple;\n\n        // While the picker guard holds the select disabled, its `disabled`\n        // attribute reflects the guard, not author intent — don't echo it.\n        if (!this._pickerGuardActive) {\n          this.disabled = $current.disabled;\n        }\n\n        this._applyPickerGuard($current);\n\n        if (this._propertyOptions !== undefined) {\n          this._applySelectionFromCurrentSource();\n\n          return;\n        }\n\n        this._syncOptionsFromSelect($current);\n      });\n      this._mutationObserver.observe($select, {\n        childList: true,\n        subtree: true,\n        attributes: true,\n      });\n\n      this._syncAccessibleName($select);\n    });\n  }\n\n  /**\n   * Derives options from `$select` (or defers to `_propertyOptions` when set)\n   * and re-applies selection from the current authoritative source.\n   */\n  protected _syncOptionsFromSelect($select: HTMLSelectElement) {\n    if (this._propertyOptions !== undefined) {\n      this._syncOptions(this._propertyOptions);\n      this._mirrorOptionsToNativeSelect();\n      this._applySelectionFromCurrentSource();\n\n      return;\n    }\n\n    const options = this._optionsFromSelect($select);\n\n    this._syncOptions(options);\n    this._applySelectionFromCurrentSource();\n    this._syncAccessibleName($select);\n  }\n\n  /**\n   * Picks the correct selection source in priority order:\n   * controlled `_value` → `_defaultValue` → native `<select>` default/current state.\n   */\n  protected _applySelectionFromCurrentSource(): void {\n    if (this._value !== undefined) {\n      this._applySelection(this._normalizeValue(this._value));\n\n      return;\n    }\n\n    if (!this._selectionInitialized && this._defaultValue !== undefined) {\n      this._selectionInitialized = true;\n      this._applySelection(this._normalizeValue(this._defaultValue));\n\n      return;\n    }\n\n    const selected = this._selectionInitialized\n      ? this._selectedValuesFromNativeSelect()\n      : this._defaultSelectedValuesFromNativeSelect();\n\n    this._selectionInitialized = true;\n    this._applySelection(selected);\n  }\n\n  /** Writes `_options` and pushes the list to `_$listbox` when it is mounted. */\n  protected _syncOptions(options: ListboxOption[]): void {\n    this._options = [...options];\n\n    if (this._$listbox) {\n      this._$listbox.options = this._options;\n    }\n  }\n\n  /** Returns `_propertyOptions` when set; otherwise reads live from the slotted `<select>`. */\n  protected _currentOptions(): ListboxOption[] {\n    if (this._propertyOptions !== undefined) {\n      return this._propertyOptions;\n    }\n\n    const $select = this._$selectRef?.deref();\n\n    return $select ? this._optionsFromSelect($select) : [];\n  }\n\n  /**\n   * Maps non-empty native `<option>` nodes to `ListboxOption` objects.\n   *\n   * Options with empty `value` are skipped (placeholder guard).\n   */\n  protected _optionsFromSelect($select: HTMLSelectElement): ListboxOption[] {\n    const options: ListboxOption[] = [];\n\n    for (const $option of $select.options) {\n      if (!$option.value) {\n        continue;\n      }\n\n      options.push({\n        value: $option.value,\n        label: $option.text,\n        disabled: $option.disabled,\n      });\n    }\n\n    return options;\n  }\n\n  /** Returns values of currently selected `<option>` nodes; falls back to `selectedValues` when no native select is present. */\n  protected _selectedValuesFromNativeSelect(): string[] {\n    const $select = this._$selectRef?.deref();\n\n    if (!$select) {\n      return this.selectedValues;\n    }\n\n    return Array.from($select.selectedOptions)\n      .map(($opt) => $opt.value)\n      .filter(Boolean);\n  }\n\n  /** Returns values of `defaultSelected` `<option>` nodes (author `selected` attribute); falls back to `selectedValues`. */\n  protected _defaultSelectedValuesFromNativeSelect(): string[] {\n    const $select = this._$selectRef?.deref();\n\n    if (!$select) {\n      return this.selectedValues;\n    }\n\n    return Array.from($select.options)\n      .filter(($option) => $option.defaultSelected)\n      .map(($option) => $option.value)\n      .filter(Boolean);\n  }\n\n  /**\n   * Rebuilds native `<select>` options from `_propertyOptions`.\n   *\n   * Only runs when `_propertyOptions` is set; pauses then resumes `_mutationObserver`\n   * while writing to avoid re-entrant sync.\n   */\n  protected _mirrorOptionsToNativeSelect(): void {\n    const $select = this._$selectRef?.deref();\n\n    if (!$select || this._propertyOptions === undefined) {\n      return;\n    }\n\n    this._mutationObserver?.disconnect();\n    $select.replaceChildren();\n\n    for (const opt of this._propertyOptions) {\n      const $option = document.createElement('option');\n\n      $option.value = opt.value;\n      $option.text = opt.label;\n      $option.disabled = opt.disabled ?? false;\n      $option.selected = this._selectedValues.has(opt.value);\n\n      $select.add($option);\n    }\n\n    this._mutationObserver?.observe($select, {\n      childList: true,\n      subtree: true,\n      attributes: true,\n    });\n  }\n\n  /**\n   * Upserts a single option into `_options` (and `_propertyOptions` when set)\n   * and adds the corresponding `<option>` to the native `<select>` if absent.\n   */\n  protected _addOption(option: ListboxOption): void {\n    const options = this._options.some((opt) => opt.value === option.value)\n      ? this._options.map((opt) => (opt.value === option.value ? option : opt))\n      : [...this._options, option];\n\n    if (this._propertyOptions !== undefined) {\n      this._propertyOptions = options;\n    }\n\n    this._syncOptions(options);\n\n    const $select = this._$selectRef?.deref();\n\n    if (!$select || Array.from($select.options).some(($opt) => $opt.value === option.value)) {\n      return;\n    }\n\n    const $option = document.createElement('option');\n\n    $option.value = option.value;\n    $option.text = option.label;\n    $option.disabled = option.disabled ?? false;\n    $option.selected = this._selectedValues.has(option.value);\n\n    $select.add($option);\n  }\n\n  /** Coerces `RCSelectValue` (string or string[]) to `string[]`; returns `[]` for empty-string singles. */\n  protected _normalizeValue(value: RCSelectValue): string[] {\n    return Array.isArray(value) ? value : value ? [value] : [];\n  }\n\n  /**\n   * Copies `aria-label` or first-label text from the native `<select>` to `_$trigger`.\n   *\n   * No-op when the trigger already has an explicit `aria-label`.\n   */\n  protected _syncAccessibleName($sel: HTMLSelectElement): void {\n    if (!this._$trigger) {\n      return;\n    }\n\n    // Don't clobber an explicit aria-label.\n    if (this._$trigger.hasAttribute('aria-label')) {\n      return;\n    }\n\n    const name = $sel.getAttribute('aria-label') ?? $sel.labels?.[0]?.textContent?.trim() ?? null;\n\n    if (name) {\n      this._$trigger.setAttribute('aria-label', name);\n    } else {\n      this._$trigger.removeAttribute('aria-label');\n    }\n  }\n\n  /**\n   * Handles `rc-listbox-change` from the popup.\n   *\n   * Stops propagation, mutates `_selectedValues`, syncs state, and fires\n   * `rc-select-change`.\n   */\n  protected _handleListboxChange(e: CustomEvent) {\n    const detail = e.detail as RCListboxChangeEvent;\n\n    if (detail.reason === 'action') {\n      e.stopPropagation();\n      return;\n    }\n\n    const { optionValue, value, selected } = detail;\n    const activatedValue = optionValue ?? (Array.isArray(value) ? value.at(-1) : value);\n\n    if (!activatedValue) {\n      return;\n    }\n\n    e.stopPropagation();\n\n    if (this.multiple) {\n      const next = new Set(this._selectedValues);\n\n      if (selected) {\n        next.add(activatedValue);\n      } else {\n        next.delete(activatedValue);\n      }\n\n      this._selectedValues = next;\n    } else {\n      this._selectedValues = selected ? new Set([activatedValue]) : new Set();\n\n      if (selected) {\n        this.closePopup();\n      }\n    }\n\n    this._selectionInitialized = true;\n    this._syncNativeSelect();\n    this._$listbox.setSelectedValues(this.selectedValues);\n    this._dispatchChange();\n  }\n\n  /** Removes a single value from `_selectedValues`, syncs the listbox and native select, and dispatches `rc-select-change`. */\n  protected _removeValue(value: string) {\n    const next = new Set(this._selectedValues);\n\n    next.delete(value);\n\n    this._selectedValues = next;\n    this._$listbox.setSelectedValues([...next]);\n    this._selectionInitialized = true;\n\n    this._syncNativeSelect();\n    this._dispatchChange();\n  }\n\n  /** Flips `selected` on each `<option>` in the native `<select>` to match `_selectedValues`; no-op when no native select is present. */\n  protected _syncNativeSelect() {\n    const $select = this._$selectRef?.deref();\n\n    if (!$select) {\n      return;\n    }\n\n    for (const $option of $select.options) {\n      $option.selected = this._selectedValues.has($option.value);\n    }\n  }\n\n  /** Constructs and dispatches `rc-select-change` with current `value`, `selectedValues`, and `selectedOptions`. */\n  protected _dispatchChange(): void {\n    this.dispatchEvent(\n      new CustomEvent<RCSelectChangeEvent>('rc-select-change', {\n        bubbles: true,\n        composed: true,\n        detail: {\n          value: this.value,\n          selectedValues: this.selectedValues,\n          selectedOptions: this.selectedOptions,\n        },\n      }),\n    );\n  }\n\n  /** Maps value strings to `ListboxOption` objects from `_options`; creates label-only fallback stubs for unknown values. */\n  protected _selectedOptionsFor(values: string[]): ListboxSelectableOption[] {\n    return values.map((value) => {\n      return (\n        this._options.find(\n          (opt): opt is ListboxSelectableOption => opt.kind !== 'action' && opt.value === value,\n        ) ?? {\n          value,\n          label: value,\n        }\n      );\n    });\n  }\n\n  /** Resolved display mode after `auto` pointer-detection: `'chips'` on fine-pointer devices, `'compact'` on coarse. */\n  protected get _effectiveDisplay(): 'chips' | 'compact' {\n    if (this.display === 'chips') {\n      return 'chips';\n    }\n\n    if (this.display === 'compact') {\n      return 'compact';\n    }\n\n    return window.matchMedia('(pointer: coarse)').matches ? 'compact' : 'chips';\n  }\n\n  /** Looks up the display label for `value` from native `<select>` option text; returns `value` itself as a fallback. */\n  protected _labelFor(value: string): string {\n    const $select = this._$selectRef?.deref();\n\n    if ($select) {\n      for (const $option of $select.options) {\n        if ($option.value === value) {\n          return $option.text;\n        }\n      }\n    }\n\n    return value;\n  }\n\n  /** Text shown in the trigger's value-display area; returns placeholder when chips are active or nothing is selected. */\n  protected get _displayLabel(): string {\n    if (this._selectedValues.size === 0) {\n      return this.placeholder;\n    }\n\n    if (this._effectiveDisplay === 'chips' && this.multiple) {\n      return this.placeholder;\n    }\n\n    if (this._selectedValues.size === 1) {\n      return this._labelFor([...this._selectedValues][0]);\n    }\n\n    // Compact multi: \"First, +N more\"\n    const values = [...this._selectedValues];\n    const first = this._labelFor(values[0]);\n\n    return `${first}, +${values.length - 1} more`;\n  }\n\n  /**\n   * APG Combobox keyboard handler on the trigger.\n   *\n   * Arrow keys navigate/open, Space/Enter activate, Tab closes without focus return,\n   * ArrowLeft enters chip navigation, and printable chars forward to type-ahead.\n   */\n  protected _handleTriggerKeyDown(e: KeyboardEvent) {\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault();\n        if (!this.open) {\n          this.openPopup();\n          this._activeDescendantCtrl.navigateToFirst();\n        } else {\n          this._activeDescendantCtrl.navigate(1);\n        }\n        break;\n\n      case 'ArrowUp':\n        e.preventDefault();\n        if (!this.open) {\n          this.openPopup();\n          this._activeDescendantCtrl.navigateToLast();\n        } else {\n          this._activeDescendantCtrl.navigate(-1);\n        }\n        break;\n\n      case 'Home':\n        if (this.open) {\n          e.preventDefault();\n          this._activeDescendantCtrl.navigateToFirst();\n        }\n        break;\n\n      case 'End':\n        if (this.open) {\n          e.preventDefault();\n          this._activeDescendantCtrl.navigateToLast();\n        }\n        break;\n\n      case ' ':\n      case 'Enter':\n        e.preventDefault();\n        if (!this.open) {\n          this.openPopup();\n          this._activeDescendantCtrl.navigateToFirst();\n        } else {\n          this._activateActive();\n        }\n        break;\n\n      case 'Tab':\n        if (this.open) {\n          this.closePopup(false);\n        }\n        break;\n\n      case 'ArrowLeft':\n        if (!this.open && this.multiple && this._selectedValues.size > 0) {\n          e.preventDefault();\n          this._enterChipNav();\n        }\n        break;\n\n      default:\n        if (e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey) {\n          this._handleTypeAhead(e.key);\n        }\n    }\n  }\n\n  /**\n   * Dispatches a synthetic `pointerdown` on the active listbox item to activate it.\n   *\n   * Prefers `pointerdown` over a direct call so listbox item click logic\n   * (which is bound to `pointerdown`) fires through its normal path.\n   */\n  protected _activateActive() {\n    const $item = this._activeDescendantCtrl.activeItem;\n\n    if ($item) {\n      $item.dispatchEvent(new PointerEvent('pointerdown', { bubbles: true, cancelable: true }));\n    }\n  }\n\n  /**\n   * Accumulates characters in `_typeAheadBuffer` and either immediately selects\n   * the first match (closed single-select) or moves the virtual cursor (open popup).\n   */\n  protected _handleTypeAhead(char: string) {\n    clearTimeout(this._typeAheadTimer);\n\n    this._typeAheadBuffer += char.toLowerCase();\n\n    this._typeAheadTimer = window.setTimeout(() => {\n      this._typeAheadBuffer = '';\n    }, 500);\n\n    const options = this._$listbox?.allOptions ?? [];\n    const match = options.find(\n      (option) => !option.disabled && option.label.toLowerCase().startsWith(this._typeAheadBuffer),\n    );\n\n    if (!match) {\n      return;\n    }\n\n    if (!this.open) {\n      // Select-only type-ahead: immediately select the match\n      if (!this.multiple) {\n        this._selectionInitialized = true;\n        this._applySelection([match.value]);\n        this._dispatchChange();\n      }\n    } else {\n      // Open popup: move virtual cursor to match\n      const $items = this._$listbox.navigableItems;\n      const $item = $items.find(($el) => $el.getAttribute('data-value') === match.value);\n\n      if ($item) {\n        this._activeDescendantCtrl.navigateToItem($item);\n      }\n    }\n  }\n\n  /** Focuses the last chip button and sets `_chipNavIndex` to begin roving-tabindex navigation within the chip group. */\n  protected _enterChipNav() {\n    const $buttons = this._$chipButtons();\n\n    if ($buttons.length === 0) {\n      return;\n    }\n\n    this._chipNavIndex = $buttons.length - 1;\n    $buttons[this._chipNavIndex].focus();\n  }\n\n  /** Queries all `button[part~=\"chip\"]` elements in `renderRoot`; order matches DOM order. */\n  protected _$chipButtons(): HTMLButtonElement[] {\n    return Array.from(this.renderRoot.querySelectorAll<HTMLButtonElement>('button[part~=\"chip\"]'));\n  }\n\n  /**\n   * Keyboard handler for chip buttons.\n   *\n   * ArrowLeft/Right rove chip focus, Escape returns to trigger,\n   * Delete/Backspace/Enter/Space remove the chip's value\n   * and return focus to the trigger.\n   */\n  protected _handleChipKeyDown(e: KeyboardEvent, value: string) {\n    const $buttons = this._$chipButtons();\n\n    switch (e.key) {\n      case 'ArrowLeft':\n        e.preventDefault();\n        if (this._chipNavIndex > 0) {\n          this._chipNavIndex--;\n          $buttons[this._chipNavIndex]?.focus();\n        }\n        break;\n\n      case 'ArrowRight':\n        e.preventDefault();\n        if (this._chipNavIndex < $buttons.length - 1) {\n          this._chipNavIndex++;\n          $buttons[this._chipNavIndex]?.focus();\n        } else {\n          this._chipNavIndex = -1;\n          this._$trigger?.focus();\n        }\n        break;\n\n      case 'Escape':\n        e.preventDefault();\n        this._chipNavIndex = -1;\n        this._$trigger?.focus();\n        break;\n\n      case 'Delete':\n      case 'Backspace':\n      case 'Enter':\n      case ' ':\n        e.preventDefault();\n        this._removeValue(value);\n        this._chipNavIndex = -1;\n        this._$trigger?.focus();\n        break;\n    }\n  }\n\n  /** Toggles the popup open or closed on trigger click. */\n  protected _handleTriggerClick() {\n    if (this.open) {\n      this.closePopup();\n    } else {\n      this.openPopup();\n    }\n  }\n\n  protected override render() {\n    const showChips =\n      this.multiple && this._effectiveDisplay === 'chips' && this._selectedValues.size > 0;\n\n    return html`\n      <div id=\"anchor\" part=\"anchor\">\n        <div\n          id=\"trigger\"\n          part=\"trigger\"\n          role=\"combobox\"\n          tabindex=${this.disabled ? '-1' : '0'}\n          aria-haspopup=\"listbox\"\n          aria-expanded=${this.open ? 'true' : 'false'}\n          aria-controls=\"listbox\"\n          aria-disabled=${this.disabled ? 'true' : 'false'}\n          aria-label=${this.placeholder || nothing}\n          @click=${this._handleTriggerClick}\n          @keydown=${this._handleTriggerKeyDown}\n        >\n          ${showChips ? this._renderChips() : nothing}\n\n          <span part=\"value-display\">${this._displayLabel}</span>\n\n          <span part=\"toggle-indicator\" aria-hidden=\"true\">\n            <slot name=\"toggle-indicator\">\n              <svg\n                width=\"10\"\n                height=\"6\"\n                viewBox=\"0 0 10 6\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"1.5\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              >\n                <polyline points=\"1,1 5,5 9,1\" />\n              </svg>\n            </slot>\n          </span>\n        </div>\n      </div>\n\n      <rc-listbox\n        id=\"listbox\"\n        part=\"listbox\"\n        popover=\"manual\"\n        ?multiple=${this.multiple}\n        checkmark\n        @rc-listbox-change=${this._handleListboxChange}\n      ></rc-listbox>\n\n      <slot @slotchange=${this._handleSelectSlotChange}></slot>\n    `;\n  }\n\n  /** Renders the chip group `<span>` with one `<button>` per selected value for multi-select chip display mode. */\n  protected _renderChips() {\n    return html`\n      <span part=\"chips\" role=\"group\" aria-label=\"Selected items\">\n        ${[...this._selectedValues].map((value) => {\n          const label = this._labelFor(value);\n          return html`\n            <button\n              type=\"button\"\n              part=\"chip\"\n              data-value=${value}\n              tabindex=\"-1\"\n              aria-label=${`Remove ${label}`}\n              @click=${(e: MouseEvent) => {\n                e.stopPropagation();\n                this._removeValue(value);\n              }}\n              @keydown=${(e: KeyboardEvent) => this._handleChipKeyDown(e, value)}\n            >\n              <span part=\"chip-label\">${label}</span\n              ><span part=\"chip-remove\" aria-hidden=\"true\">&#215;</span>\n            </button>\n          `;\n        })}\n      </span>\n    `;\n  }\n}\n\nexport default RCSelect;\n"],"names":["selectStyles","css","_RCSelect","LitElement","NativeChildController","$select","ActiveDescendantController","AnchorController","value","$form","$submitter","changed","returnFocus","oldValue","options","values","selectedValues","$previous","$current","selected","$option","$opt","opt","option","$sel","name","detail","optionValue","activatedValue","next","$item","char","match","$el","$buttons","showChips","html","nothing","label","e","RCSelect","__decorateClass","property","query","state"],"mappings":"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"}

package/dist/rc-select-define.js

@@ -1,5 +1,5 @@
 import "@rcarls/rc-listbox/define";
-import { R as e } from "./rc-select-Bu4ukw92.js";
+import { R as e } from "./rc-select-BRp1j-JD.js";
 customElements.get("rc-select") || customElements.define("rc-select", e);
 export {
   e as RCSelect

package/dist/rc-select.js

@@ -1,4 +1,4 @@
-import { R as r } from "./rc-select-Bu4ukw92.js";
+import { R as r } from "./rc-select-BRp1j-JD.js";
 export {
   r as RCSelect
 };

package/dist/types/packages/rc-select/src/rc-select.d.ts

@@ -45,7 +45,14 @@ declare global {
  * @csspart chip-remove - Remove button inside a chip.
  * @csspart value-display - The text label showing selected value(s).
  * @csspart toggle-indicator - The open/close indicator container.
+ * @csspart listbox - The `<rc-listbox>` popup element.
  *
+ * @attr open - Reflects whether the popup listbox is open.
+ * @attr multiple - Enables selection of multiple options simultaneously.
+ * @attr disabled - Disables the trigger and prevents the popup from opening.
+ * @attr placeholder - Text shown in the trigger when no value is selected.
+ * @attr display - Controls how selected values appear in the trigger: `'auto'`,
+ *   `'chips'`, or `'compact'`.
  * @attr [has-value] - Present when one or more options are selected. Use with CSS
  *   selectors (e.g. `rc-select[has-value]`) for floating-label wrappers.
  *
@@ -57,10 +64,15 @@ declare global {
  * @cssprop [--rc-select-radius=var(--rc-control-radius)] - Trigger border radius.
  * @cssprop [--rc-select-border=var(--rc-border)] - Trigger border.
  * @cssprop [--rc-select-listbox-radius=var(--rc-control-radius)] - Popup listbox border radius.
+ * @cssprop [--rc-select-listbox-border=var(--rc-border)] - Popup listbox border.
+ * @cssprop [--rc-select-shadow=var(--rc-shadow)] - Popup listbox box shadow.
  * @cssprop [--rc-select-listbox-padding-block=var(--rc-control-padding-block)] - Popup listbox block padding.
  * @cssprop [--rc-select-chip-radius=var(--rc-radius-md)] - Multi-select chip border radius.
  * @cssprop [--rc-select-chip-padding-block=0.1em] - Multi-select chip block-axis padding.
  * @cssprop [--rc-select-chip-padding-inline=0.3em] - Multi-select chip inline-axis padding.
+ * @cssprop [--rc-select-chip-gap=calc(var(--rc-control-gap, 0.25em) * 0.8)] - Gap between chip
+ *   label and remove icon.
+ * @cssprop [--rc-select-chip-border=var(--rc-border)] - Multi-select chip border.
  * @cssprop [--rc-select-toggle-indicator-size=1.1em] - Inline size of the toggle indicator container.
  */
 export declare class RCSelect extends LitElement {
@@ -112,7 +124,7 @@ export declare class RCSelect extends LitElement {
      */
     protected _options: ListboxOption[];
     /** WeakRef to the slotted `<select>`. Refreshed on every `slotchange`; `null` when absent. */
-    protected _selectRef: WeakRef<HTMLSelectElement> | null;
+    protected _$selectRef: WeakRef<HTMLSelectElement> | null;
     protected readonly _selectController: NativeChildController<HTMLSelectElement>;
     /**
      * Watches the slotted `<select>` for `childList`, `subtree`, and `attributes` changes
@@ -123,6 +135,12 @@ export declare class RCSelect extends LitElement {
     private _propertyOptions;
     private _value;
     private _selectionInitialized;
+    /** True while `_applyPickerGuard` has force-disabled the slotted multiple `<select>`. */
+    protected _pickerGuardActive: boolean;
+    /** Consumer's `disabled` state on the select before the picker guard forced it; restored on teardown. */
+    protected _pickerGuardConsumerDisabled: boolean;
+    /** Form currently carrying the picker guard's `formdata` listener. */
+    protected _pickerGuardForm: HTMLFormElement | null;
     /** Accumulated printable characters for type-ahead matching; cleared after 500 ms idle. */
     protected _typeAheadBuffer: string;
     /** `window.setTimeout` handle for resetting `_typeAheadBuffer`; cancel before modifying. */
@@ -172,6 +190,55 @@ export declare class RCSelect extends LitElement {
     protected _onDocClick: (e: MouseEvent) => void;
     /** Document-capture keydown handler; closes the popup on `Escape`. */
     protected _onDocKeyDown: (e: KeyboardEvent) => void;
+    /**
+     * Suppress the native `<select>`'s default click action
+     */
+    protected _onNativeSelectClick: (e: Event) => void;
+    /**
+     * Countermeasure for select["multiple"] bug in Firefox for Android / GeckoView.
+     *
+     * Works around a GeckoView bug where tapping anywhere inside an
+     * ancestor `<label>`'s bounds opens the native picker dialog of a wrapped
+     * `<select multiple>`, even though the select is hidden and the tap landed on this
+     * component's own UI.
+     *
+     * Label activation on a disabled control is a spec-defined no-op, so the slotted select
+     * is force-disabled after upgrade while it is `multiple`. A disabled select submits
+     * nothing, so form submission is restored by appending the current selection in a
+     * `formdata` listener on the owning form (`_handleFormData`). A disabled select is also
+     * barred from native constraint validation, so `_handleFormSubmit` enforces its
+     * `ValidityState` at submit time instead.
+     *
+     * Scoped to multiple selects: the single-select picker path is already suppressed by
+     * `_onNativeSelectClick`. Pre-upgrade behavior is unaffected — the guard
+     * only applies once the component initializes.
+     *
+     * @see https://bugzilla.mozilla.org/show_bug.cgi?id=1475723
+     */
+    protected _applyPickerGuard($select: HTMLSelectElement): void;
+    /** Moves the picker guard's `formdata` and `submit` listeners to `$form`; pass `null` to detach. */
+    protected _syncFormListeners($form: HTMLFormElement | null): void;
+    /**
+     * Appends the current selection to the owning form's entry list.
+     *
+     * Replaces the submission the select would have produced were it
+     * not force-disabled by `_applyPickerGuard`.
+     *
+     * Append-only: entries from other same-named controls in the form
+     * are left alone.
+     */
+    protected _handleFormData: (e: FormDataEvent) => void;
+    /**
+     * Enforces the slotted select's constraints at submit time.
+     *
+     * Mirrors native scoping: skipped for `novalidate`
+     * forms and `formnovalidate` submitters, and never runs for `form.submit()`
+     *
+     * The native validation bubble cannot render on a hidden control, so a
+     * cancelable `invalid` event is fired on the select (matching native
+     * reporting) and focus moves to the trigger unless the consumer cancels it.
+     */
+    protected _handleFormSubmit: (e: SubmitEvent) => void;
     /**
      * Resolves the slotted `<select>` on every `slotchange`, wires `_mutationObserver`,
      * and seeds initial state via `queueMicrotask` to stay safe inside framework reactive passes.

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.3.1",
+  "version": "0.4.0",
   "description": "Select-only combobox backed by a native <select>.",
   "repository": {
     "type": "git",

package/dist/rc-select-Bu4ukw92.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"rc-select-Bu4ukw92.js","sources":["../src/rc-select.styles.ts","../src/rc-select.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const selectStyles = css`\n  :host {\n    display: inline-block;\n  }\n\n  #anchor {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: var(--rc-select-gap, var(--rc-control-gap, 0.25em));\n  }\n\n  #trigger {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: var(--rc-select-gap, var(--rc-control-gap, 0.25em));\n    min-block-size: var(--rc-select-control-block-size, var(--rc-control-block-size, auto));\n    padding: var(--rc-select-padding-block, var(--rc-control-padding-block, 1px))\n      var(--rc-select-padding-inline, var(--rc-control-padding-inline, 4px));\n    min-width: 8em;\n    cursor: default;\n    user-select: none;\n    border: var(\n      --rc-select-border,\n      var(--rc-border, 1px solid var(--rc-border-color, ButtonBorder))\n    );\n    border-radius: var(--rc-select-radius, var(--rc-control-radius, var(--rc-radius-sm, 0.125em)));\n    background: var(--rc-field, Field);\n    color: var(--rc-field-text, FieldText);\n    font-family: var(--rc-font-family, inherit);\n    font-size: var(--rc-font-size, inherit);\n    line-height: var(--rc-line-height, normal);\n    transition:\n      background-color var(--rc-motion-duration, 120ms),\n      border-color var(--rc-motion-duration, 120ms),\n      box-shadow var(--rc-motion-duration, 120ms);\n\n    /* Keyboard focus indicator */\n    outline: none;\n    &:focus-visible {\n      outline: var(--rc-focus-ring, auto);\n      outline-offset: var(--rc-focus-ring-offset, 0);\n    }\n  }\n\n  [part='value-display'] {\n    flex: 1;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  [part='toggle-indicator'] {\n    flex-shrink: 0;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    inline-size: var(--rc-select-toggle-indicator-size, 1.1em);\n  }\n\n  /* Chips — the whole chip is the remove button for a larger touch target */\n  [part='chip'] {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--rc-select-chip-gap, calc(var(--rc-control-gap, 0.25em) * 0.8));\n    padding: var(--rc-select-chip-padding-block, 0.1em) var(--rc-select-chip-padding-inline, 0.3em);\n    border: var(\n      --rc-select-chip-border,\n      var(--rc-border, 1px solid var(--rc-border-color, ButtonBorder))\n    );\n    border-radius: var(--rc-select-chip-radius, var(--rc-radius-md, 0.25em));\n    background: var(--rc-button-bg, ButtonFace);\n    color: var(--rc-button-text, ButtonText);\n    font: inherit;\n    font-size: 0.875em;\n    cursor: pointer;\n\n    &:hover {\n      background: var(--rc-highlight, Highlight);\n      color: var(--rc-highlight-text, HighlightText);\n    }\n\n    &:focus-visible {\n      outline: var(--rc-focus-ring, auto);\n      outline-offset: var(--rc-focus-ring-offset, 0);\n    }\n  }\n\n  /* Decorative × icon inside the chip — no interaction, aria-hidden */\n  [part='chip-remove'] {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 1em;\n    font-size: 0.85em;\n    pointer-events: none;\n  }\n\n  /* Hide the default slot — visually suppresses the slotted native <select> */\n  slot:not([name]) {\n    display: none;\n  }\n\n  /* Listbox popup — positioned by AnchorController via adoptedStyleSheets */\n  rc-listbox {\n    max-height: var(--rc-select-max-height, 20em);\n    overflow-y: auto;\n    background: var(--rc-surface, Canvas);\n    border: var(\n      --rc-select-listbox-border,\n      var(--rc-border, 1px solid var(--rc-border-color, ButtonBorder))\n    );\n    border-radius: var(--rc-select-listbox-radius, var(--rc-control-radius, 0));\n    box-shadow: var(\n      --rc-select-shadow,\n      var(--rc-shadow, 0 2px 8px color-mix(in srgb, CanvasText 15%, transparent))\n    );\n    color: var(--rc-field-text, FieldText);\n    padding-block: var(--rc-select-listbox-padding-block, var(--rc-control-padding-block, 0.25em));\n    --rc-listbox-option-gap: var(--rc-item-gap, 0.4em);\n    --rc-listbox-option-padding-block: var(--rc-item-padding-block, 0.3em);\n    --rc-listbox-option-padding-inline: var(--rc-item-padding-inline, 0.75em);\n    --rc-listbox-hover-bg: var(--rc-highlight, Highlight);\n    --rc-listbox-hover-color: var(--rc-highlight-text, HighlightText);\n    --rc-listbox-active-bg: var(--rc-highlight, Highlight);\n    --rc-listbox-active-color: var(--rc-highlight-text, HighlightText);\n    --rc-listbox-selected-bg: var(--rc-highlight, Highlight);\n    --rc-listbox-selected-color: var(--rc-highlight-text, HighlightText);\n    --rc-listbox-disabled-opacity: var(--rc-disabled-opacity, 0.5);\n\n    &:not(:popover-open) {\n      display: none;\n    }\n  }\n\n  rc-listbox [part~='option'][hidden] {\n    display: none;\n  }\n\n  rc-listbox [part~='option'][data-active]:not([aria-disabled='true']) {\n    outline: var(--rc-focus-ring, 2px solid var(--rc-accent, Highlight));\n    outline-offset: -2px;\n  }\n\n  rc-listbox [part~='option'][aria-disabled='true'] {\n    cursor: not-allowed;\n  }\n\n  /* Selection checkmark — reserves space whether visible or not */\n  rc-listbox [part~='option-checkmark'] {\n    flex-shrink: 0;\n    width: 1em;\n    text-align: center;\n    font-size: 0.85em;\n    visibility: hidden;\n  }\n\n  rc-listbox [part~='option'][aria-selected='true'] [part~='option-checkmark'] {\n    visibility: visible;\n  }\n\n  rc-listbox [part~='create-option'] {\n    font-style: italic;\n    border-top: 1px solid var(--rc-border-color, ButtonBorder);\n    margin-top: 0.25em;\n    padding-top: 0.3em;\n  }\n`;\n\nexport default selectStyles;\n","import { LitElement, html, nothing, type PropertyValues } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport {\n  ActiveDescendantController,\n  AnchorController,\n  NativeChildController,\n  warnMissingDirectChild,\n} from '@rcarls/rc-common';\nimport type {\n  RCListbox,\n  RCListboxChangeEvent,\n  ListboxOption,\n  ListboxSelectableOption,\n} from '@rcarls/rc-listbox';\n\nimport { selectStyles } from './rc-select.styles.js';\n\nexport type RCSelectValue = string | string[];\n\nexport interface RCSelectChangeEvent {\n  /** Updated value after the change. */\n  value: RCSelectValue;\n\n  /** All selected option values after the change. */\n  selectedValues: string[];\n\n  /** All selected option objects after the change. */\n  selectedOptions: ListboxSelectableOption[];\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'rc-select': RCSelect;\n  }\n}\n\n/**\n * Select-only combobox backed by a native <select>, following the WAI-ARIA Combobox\n * pattern.\n *\n * Wraps a native `<select>` (default slot) as the form value reflector while\n * rendering a custom button trigger and popup listbox. Popup placement\n * and `aria-activedescendant` virtual keyboard navigation are supported.\n *\n * @see {@link https://richardcarls.github.io/rc-webcomponents/components/rc-select rc-select docs}\n * @see {@link https://www.w3.org/WAI/ARIA/apg/patterns/combobox/ WAI-ARIA Combobox pattern}\n *\n * @slot - Required. A native `<select>` element used for form submission\n *   and as the source of truth for options, multiple, and disabled state.\n * @slot display - Optional. Replaces the default value label in the trigger.\n * @slot toggle-indicator - Optional. Replaces the default chevron indicator. Accepts any\n *   element(s); the container shifts to inline-start in RTL via flex direction.\n *\n * @fires rc-select-change - When user interaction changes selection.\n *   `detail: { value, selectedValues, selectedOptions }`\n * @fires rc-select-open - When the popup opens.\n * @fires rc-select-close - When the popup closes.\n *\n * @csspart anchor - The flex container wrapping chips and trigger.\n * @csspart trigger - The combobox trigger element (div).\n * @csspart chips - The chips group container (when multiple).\n * @csspart chip - Individual chip (when multiple).\n * @csspart chip-label - Text label inside a chip.\n * @csspart chip-remove - Remove button inside a chip.\n * @csspart value-display - The text label showing selected value(s).\n * @csspart toggle-indicator - The open/close indicator container.\n *\n * @attr [has-value] - Present when one or more options are selected. Use with CSS\n *   selectors (e.g. `rc-select[has-value]`) for floating-label wrappers.\n *\n * @cssprop [--rc-select-max-height=20em] - Maximum popup height.\n * @cssprop [--rc-select-control-block-size=var(--rc-control-block-size)] - Trigger block size.\n * @cssprop [--rc-select-padding-block=var(--rc-control-padding-block)] - Trigger block-axis padding.\n * @cssprop [--rc-select-padding-inline=var(--rc-control-padding-inline)] - Trigger inline-axis padding.\n * @cssprop [--rc-select-gap=var(--rc-control-gap)] - Gap between trigger content, chips, and icon.\n * @cssprop [--rc-select-radius=var(--rc-control-radius)] - Trigger border radius.\n * @cssprop [--rc-select-border=var(--rc-border)] - Trigger border.\n * @cssprop [--rc-select-listbox-radius=var(--rc-control-radius)] - Popup listbox border radius.\n * @cssprop [--rc-select-listbox-padding-block=var(--rc-control-padding-block)] - Popup listbox block padding.\n * @cssprop [--rc-select-chip-radius=var(--rc-radius-md)] - Multi-select chip border radius.\n * @cssprop [--rc-select-chip-padding-block=0.1em] - Multi-select chip block-axis padding.\n * @cssprop [--rc-select-chip-padding-inline=0.3em] - Multi-select chip inline-axis padding.\n * @cssprop [--rc-select-toggle-indicator-size=1.1em] - Inline size of the toggle indicator container.\n */\nexport class RCSelect extends LitElement {\n  static override styles = selectStyles;\n\n  /** Reflects whether the popup listbox is open. */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /** Enables selection of multiple options simultaneously. */\n  @property({ type: Boolean, reflect: true })\n  multiple = false;\n\n  /** Disables the trigger and prevents the popup from opening. */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /** Text shown in the trigger when no value is selected. */\n  @property()\n  placeholder = '';\n\n  /**\n   * Controls how selected values appear in the trigger.\n   *\n   * - `'chips'` — each selected value renders as a removable chip.\n   * - `'compact'` — selected values are summarized as \"First, +N more\".\n   * - `'auto'` — uses `'chips'` on pointer devices and `'compact'` on touch.\n   */\n  @property()\n  display: 'auto' | 'chips' | 'compact' = 'auto';\n\n  /** Flex container used by `_anchorCtrl` as the positioning reference for the popup. */\n  @query('#anchor')\n  protected _$anchor!: HTMLElement;\n\n  /**\n   * The combobox trigger div.\n   *\n   * Owns `role=\"combobox\"`, `aria-activedescendant`,\n   * `aria-expanded`, and receives focus during keyboard navigation.\n   */\n  @query('#trigger')\n  protected _$trigger!: HTMLElement;\n\n  /** The `<rc-listbox>` popup. Receives option lists and selected-value updates from the host. */\n  @query('#listbox')\n  protected _$listbox!: RCListbox;\n\n  /**\n   * Reactive set of currently selected option values.\n   *\n   * Drive changes through `_applySelection` rather than mutating this directly\n   * so the listbox and native `<select>` stay in sync.\n   */\n  @state()\n  protected _selectedValues: Set<string> = new Set();\n\n  /**\n   * Index into the chip button array for roving-tabindex chip navigation.\n   *\n   * `-1` means focus is on the trigger.\n   */\n  @state()\n  protected _chipNavIndex = -1;\n\n  /**\n   * The resolved option list, as rendered in the listbox.\n   *\n   * `_options` is sourced from the `options` property or the slotted `<select>`.\n   */\n  @state()\n  protected _options: ListboxOption[] = [];\n\n  /** WeakRef to the slotted `<select>`. Refreshed on every `slotchange`; `null` when absent. */\n  protected _selectRef: WeakRef<HTMLSelectElement> | null = null;\n\n  protected readonly _selectController = new NativeChildController<HTMLSelectElement>(this, {\n    selector: ':scope > select',\n    observe: true,\n    onChange: ($select) => this._setupSelect($select),\n    onMissing: () => {\n      if (import.meta.env.DEV) {\n        warnMissingDirectChild(this, {\n          selector: ':scope > select',\n          message:\n            '[rc-select] No direct child <select> found. Place a native <select> inside <rc-select>.',\n        });\n      }\n    },\n  });\n\n  /**\n   * Watches the slotted `<select>` for `childList`, `subtree`, and `attributes` changes\n   * so the option list and disabled/multiple state stay in sync with author mutations.\n   */\n  protected _mutationObserver: MutationObserver | null = null;\n\n  private _defaultValue: RCSelectValue | undefined;\n\n  private _propertyOptions: ListboxOption[] | undefined;\n\n  private _value: RCSelectValue | undefined;\n\n  private _selectionInitialized = false;\n\n  /** Accumulated printable characters for type-ahead matching; cleared after 500 ms idle. */\n  protected _typeAheadBuffer = '';\n\n  /** `window.setTimeout` handle for resetting `_typeAheadBuffer`; cancel before modifying. */\n  protected _typeAheadTimer = 0;\n\n  /**\n   * Manages `aria-activedescendant` on `_$trigger` and keyboard cursor position\n   * within `_$listbox.navigableItems`.\n   */\n  protected _activeDescendantCtrl = new ActiveDescendantController(this, {\n    host: () => this._$trigger ?? null,\n    items: () => this._$listbox?.navigableItems ?? [],\n  });\n\n  /** Manages CSS-anchored (or JS-fallback) placement of `_$listbox` relative to `_$anchor`. */\n  protected _anchorCtrl = new AnchorController(this, {\n    anchor: () => this._$anchor ?? null,\n    floating: () => this._$listbox ?? null,\n    shadowHost: () => this,\n    placement: 'bottom-start',\n    offset: 2,\n  });\n\n  override connectedCallback() {\n    super.connectedCallback();\n\n    document.addEventListener('click', this._onDocClick, { capture: true });\n    document.addEventListener('keydown', this._onDocKeyDown, { capture: true });\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n\n    document.removeEventListener('click', this._onDocClick, { capture: true });\n    document.removeEventListener('keydown', this._onDocKeyDown, {\n      capture: true,\n    });\n\n    this._mutationObserver?.disconnect();\n  }\n\n  override updated(changed: PropertyValues) {\n    super.updated(changed);\n    this.toggleAttribute('has-value', this._selectedValues.size > 0);\n  }\n\n  /** Opens the popup listbox if not already open or disabled. */\n  openPopup() {\n    if (this.open || this.disabled) {\n      return;\n    }\n\n    this.open = true;\n    this._$listbox.showPopover();\n    this._anchorCtrl.update();\n\n    this.dispatchEvent(new CustomEvent('rc-select-open', { bubbles: true, composed: true }));\n    this.requestUpdate();\n  }\n\n  /**\n   * Closes the popup listbox.\n   *\n   * @param returnFocus - When `true` (default), returns focus to the trigger.\n   */\n  closePopup(returnFocus = true) {\n    if (!this.open) {\n      return;\n    }\n\n    this.open = false;\n    this._$listbox.hidePopover();\n    this._activeDescendantCtrl.clear();\n\n    if (returnFocus) {\n      this._$trigger?.focus();\n    }\n\n    this.dispatchEvent(new CustomEvent('rc-select-close', { bubbles: true, composed: true }));\n  }\n\n  /**\n   * Current selection. Host writes update selection silently; user interaction\n   * emits `rc-select-change`.\n   */\n  get value(): RCSelectValue {\n    return this.multiple ? this.selectedValues : (this.selectedValues[0] ?? '');\n  }\n\n  set value(value: RCSelectValue | undefined) {\n    const oldValue = this._value;\n\n    this._value = value;\n\n    if (value === undefined) {\n      this.requestUpdate('value', oldValue);\n\n      return;\n    }\n\n    this._selectionInitialized = true;\n    this._applySelection(this._normalizeValue(value));\n    this.requestUpdate('value', oldValue);\n  }\n\n  /** Initial uncontrolled selection, applied before user or native state owns the value. */\n  get defaultValue(): RCSelectValue | undefined {\n    return this._defaultValue;\n  }\n\n  set defaultValue(value: RCSelectValue | undefined) {\n    const oldValue = this._defaultValue;\n\n    this._defaultValue = value;\n\n    if (!this._selectionInitialized && this._value === undefined && value !== undefined) {\n      this._applySelection(this._normalizeValue(value));\n    }\n\n    this.requestUpdate('defaultValue', oldValue);\n  }\n\n  /** Programmatic option source. Omit to derive options from the slotted `<select>`. */\n  get options(): ListboxOption[] | undefined {\n    return this._propertyOptions ? [...this._propertyOptions] : undefined;\n  }\n\n  set options(options: ListboxOption[] | undefined) {\n    const oldValue = this._propertyOptions;\n\n    this._propertyOptions = options ? [...options] : undefined;\n    this._syncOptions(this._currentOptions());\n    this._mirrorOptionsToNativeSelect();\n    this.requestUpdate('options', oldValue);\n  }\n\n  /** Selected values as a consistently-array-shaped convenience getter. */\n  get selectedValues(): string[] {\n    return [...this._selectedValues];\n  }\n\n  /** `ListboxOption` objects for the current selection; falls back to label-only stubs for unknown values. */\n  protected get selectedOptions(): ListboxSelectableOption[] {\n    return this._selectedOptionsFor(this.selectedValues);\n  }\n\n  /**\n   * Applies an already-normalized array of values as the current selection.\n   *\n   * In single-select mode only the first value is kept. Syncs `_$listbox` and the\n   * native `<select>` but does NOT dispatch `rc-select-change`.\n   */\n  protected _applySelection(values: string[]): void {\n    const selectedValues = this.multiple ? values : values.slice(0, 1);\n\n    this._selectedValues = new Set(selectedValues);\n    this._$listbox?.setSelectedValues(selectedValues);\n    this._syncNativeSelect();\n    this.requestUpdate();\n  }\n\n  /** Document-capture click handler that closes the popup when a click lands outside `this`. */\n  protected _onDocClick = (e: MouseEvent) => {\n    if (!this.open) {\n      return;\n    }\n\n    if (!e.composedPath().includes(this)) {\n      this.closePopup(false);\n    }\n  };\n\n  /** Document-capture keydown handler; closes the popup on `Escape`. */\n  protected _onDocKeyDown = (e: KeyboardEvent) => {\n    if (!this.open) {\n      return;\n    }\n\n    if (e.key === 'Escape') {\n      e.preventDefault();\n\n      this.closePopup();\n    }\n  };\n\n  /**\n   * Resolves the slotted `<select>` on every `slotchange`, wires `_mutationObserver`,\n   * and seeds initial state via `queueMicrotask` to stay safe inside framework reactive passes.\n   */\n  protected _handleSelectSlotChange() {\n    this._selectController.sync();\n  }\n\n  protected _setupSelect($select: HTMLSelectElement | null) {\n    // Disconnect synchronously so the old observer stops immediately.\n    this._mutationObserver?.disconnect();\n    this._mutationObserver = null;\n    this._selectRef = $select ? new WeakRef($select) : null;\n\n    if (!$select) {\n      return;\n    }\n\n    // Defer all DOM reads/mutations so this handler is instantaneous when\n    // slotchange fires synchronously inside a framework reactive update pass\n    // (e.g. SolidJS runUpdates on second+ mount, when shadow DOM already exists).\n    queueMicrotask(() => {\n      if (!$select.isConnected) {\n        return;\n      }\n\n      this.multiple = $select.multiple;\n      this.disabled = $select.disabled;\n      this._syncOptionsFromSelect($select);\n\n      this._mutationObserver = new MutationObserver(() => {\n        const $current = this._selectRef?.deref();\n\n        if (!$current) {\n          return;\n        }\n\n        this.multiple = $current.multiple;\n        this.disabled = $current.disabled;\n\n        if (this._propertyOptions !== undefined) {\n          this._applySelectionFromCurrentSource();\n\n          return;\n        }\n\n        this._syncOptionsFromSelect($current);\n      });\n      this._mutationObserver.observe($select, {\n        childList: true,\n        subtree: true,\n        attributes: true,\n      });\n\n      this._syncAccessibleName($select);\n    });\n  }\n\n  /**\n   * Derives options from `$select` (or defers to `_propertyOptions` when set)\n   * and re-applies selection from the current authoritative source.\n   */\n  protected _syncOptionsFromSelect($select: HTMLSelectElement) {\n    if (this._propertyOptions !== undefined) {\n      this._syncOptions(this._propertyOptions);\n      this._mirrorOptionsToNativeSelect();\n      this._applySelectionFromCurrentSource();\n\n      return;\n    }\n\n    const options = this._optionsFromSelect($select);\n\n    this._syncOptions(options);\n    this._applySelectionFromCurrentSource();\n    this._syncAccessibleName($select);\n  }\n\n  /**\n   * Picks the correct selection source in priority order:\n   * controlled `_value` → `_defaultValue` → native `<select>` default/current state.\n   */\n  protected _applySelectionFromCurrentSource(): void {\n    if (this._value !== undefined) {\n      this._applySelection(this._normalizeValue(this._value));\n\n      return;\n    }\n\n    if (!this._selectionInitialized && this._defaultValue !== undefined) {\n      this._selectionInitialized = true;\n      this._applySelection(this._normalizeValue(this._defaultValue));\n\n      return;\n    }\n\n    const selected = this._selectionInitialized\n      ? this._selectedValuesFromNativeSelect()\n      : this._defaultSelectedValuesFromNativeSelect();\n\n    this._selectionInitialized = true;\n    this._applySelection(selected);\n  }\n\n  /** Writes `_options` and pushes the list to `_$listbox` when it is mounted. */\n  protected _syncOptions(options: ListboxOption[]): void {\n    this._options = [...options];\n\n    if (this._$listbox) {\n      this._$listbox.options = this._options;\n    }\n  }\n\n  /** Returns `_propertyOptions` when set; otherwise reads live from the slotted `<select>`. */\n  protected _currentOptions(): ListboxOption[] {\n    if (this._propertyOptions !== undefined) {\n      return this._propertyOptions;\n    }\n\n    const $select = this._selectRef?.deref();\n\n    return $select ? this._optionsFromSelect($select) : [];\n  }\n\n  /**\n   * Maps non-empty native `<option>` nodes to `ListboxOption` objects.\n   *\n   * Options with empty `value` are skipped (placeholder guard).\n   */\n  protected _optionsFromSelect($select: HTMLSelectElement): ListboxOption[] {\n    const options: ListboxOption[] = [];\n\n    for (const $option of $select.options) {\n      if (!$option.value) {\n        continue;\n      }\n\n      options.push({\n        value: $option.value,\n        label: $option.text,\n        disabled: $option.disabled,\n      });\n    }\n\n    return options;\n  }\n\n  /** Returns values of currently selected `<option>` nodes; falls back to `selectedValues` when no native select is present. */\n  protected _selectedValuesFromNativeSelect(): string[] {\n    const $select = this._selectRef?.deref();\n\n    if (!$select) {\n      return this.selectedValues;\n    }\n\n    return Array.from($select.selectedOptions)\n      .map(($opt) => $opt.value)\n      .filter(Boolean);\n  }\n\n  /** Returns values of `defaultSelected` `<option>` nodes (author `selected` attribute); falls back to `selectedValues`. */\n  protected _defaultSelectedValuesFromNativeSelect(): string[] {\n    const $select = this._selectRef?.deref();\n\n    if (!$select) {\n      return this.selectedValues;\n    }\n\n    return Array.from($select.options)\n      .filter(($option) => $option.defaultSelected)\n      .map(($option) => $option.value)\n      .filter(Boolean);\n  }\n\n  /**\n   * Rebuilds native `<select>` options from `_propertyOptions`.\n   *\n   * Only runs when `_propertyOptions` is set; pauses then resumes `_mutationObserver`\n   * while writing to avoid re-entrant sync.\n   */\n  protected _mirrorOptionsToNativeSelect(): void {\n    const $select = this._selectRef?.deref();\n\n    if (!$select || this._propertyOptions === undefined) {\n      return;\n    }\n\n    this._mutationObserver?.disconnect();\n    $select.replaceChildren();\n\n    for (const opt of this._propertyOptions) {\n      const $option = document.createElement('option');\n\n      $option.value = opt.value;\n      $option.text = opt.label;\n      $option.disabled = opt.disabled ?? false;\n      $option.selected = this._selectedValues.has(opt.value);\n\n      $select.add($option);\n    }\n\n    this._mutationObserver?.observe($select, {\n      childList: true,\n      subtree: true,\n      attributes: true,\n    });\n  }\n\n  /**\n   * Upserts a single option into `_options` (and `_propertyOptions` when set)\n   * and adds the corresponding `<option>` to the native `<select>` if absent.\n   */\n  protected _addOption(option: ListboxOption): void {\n    const options = this._options.some((opt) => opt.value === option.value)\n      ? this._options.map((opt) => (opt.value === option.value ? option : opt))\n      : [...this._options, option];\n\n    if (this._propertyOptions !== undefined) {\n      this._propertyOptions = options;\n    }\n\n    this._syncOptions(options);\n\n    const $select = this._selectRef?.deref();\n\n    if (!$select || Array.from($select.options).some(($opt) => $opt.value === option.value)) {\n      return;\n    }\n\n    const $option = document.createElement('option');\n\n    $option.value = option.value;\n    $option.text = option.label;\n    $option.disabled = option.disabled ?? false;\n    $option.selected = this._selectedValues.has(option.value);\n\n    $select.add($option);\n  }\n\n  /** Coerces `RCSelectValue` (string or string[]) to `string[]`; returns `[]` for empty-string singles. */\n  protected _normalizeValue(value: RCSelectValue): string[] {\n    return Array.isArray(value) ? value : value ? [value] : [];\n  }\n\n  /**\n   * Copies `aria-label` or first-label text from the native `<select>` to `_$trigger`.\n   *\n   * No-op when the trigger already has an explicit `aria-label`.\n   */\n  protected _syncAccessibleName($sel: HTMLSelectElement): void {\n    if (!this._$trigger) {\n      return;\n    }\n\n    // Don't clobber an explicit aria-label.\n    if (this._$trigger.hasAttribute('aria-label')) {\n      return;\n    }\n\n    const name = $sel.getAttribute('aria-label') ?? $sel.labels?.[0]?.textContent?.trim() ?? null;\n\n    if (name) {\n      this._$trigger.setAttribute('aria-label', name);\n    } else {\n      this._$trigger.removeAttribute('aria-label');\n    }\n  }\n\n  /**\n   * Handles `rc-listbox-change` from the popup.\n   *\n   * Stops propagation, mutates `_selectedValues`, syncs state, and fires\n   * `rc-select-change`.\n   */\n  protected _handleListboxChange(e: CustomEvent) {\n    const detail = e.detail as RCListboxChangeEvent;\n\n    if (detail.reason === 'action') {\n      e.stopPropagation();\n      return;\n    }\n\n    const { optionValue, value, selected } = detail;\n    const activatedValue = optionValue ?? (Array.isArray(value) ? value.at(-1) : value);\n\n    if (!activatedValue) {\n      return;\n    }\n\n    e.stopPropagation();\n\n    if (this.multiple) {\n      const next = new Set(this._selectedValues);\n\n      if (selected) {\n        next.add(activatedValue);\n      } else {\n        next.delete(activatedValue);\n      }\n\n      this._selectedValues = next;\n    } else {\n      this._selectedValues = selected ? new Set([activatedValue]) : new Set();\n\n      if (selected) {\n        this.closePopup();\n      }\n    }\n\n    this._selectionInitialized = true;\n    this._syncNativeSelect();\n    this._$listbox.setSelectedValues(this.selectedValues);\n    this._dispatchChange();\n  }\n\n  /** Removes a single value from `_selectedValues`, syncs the listbox and native select, and dispatches `rc-select-change`. */\n  protected _removeValue(value: string) {\n    const next = new Set(this._selectedValues);\n\n    next.delete(value);\n\n    this._selectedValues = next;\n    this._$listbox.setSelectedValues([...next]);\n    this._selectionInitialized = true;\n\n    this._syncNativeSelect();\n    this._dispatchChange();\n  }\n\n  /** Flips `selected` on each `<option>` in the native `<select>` to match `_selectedValues`; no-op when no native select is present. */\n  protected _syncNativeSelect() {\n    const $select = this._selectRef?.deref();\n\n    if (!$select) {\n      return;\n    }\n\n    for (const $option of $select.options) {\n      $option.selected = this._selectedValues.has($option.value);\n    }\n  }\n\n  /** Constructs and dispatches `rc-select-change` with current `value`, `selectedValues`, and `selectedOptions`. */\n  protected _dispatchChange(): void {\n    this.dispatchEvent(\n      new CustomEvent<RCSelectChangeEvent>('rc-select-change', {\n        bubbles: true,\n        composed: true,\n        detail: {\n          value: this.value,\n          selectedValues: this.selectedValues,\n          selectedOptions: this.selectedOptions,\n        },\n      }),\n    );\n  }\n\n  /** Maps value strings to `ListboxOption` objects from `_options`; creates label-only fallback stubs for unknown values. */\n  protected _selectedOptionsFor(values: string[]): ListboxSelectableOption[] {\n    return values.map((value) => {\n      return (\n        this._options.find(\n          (opt): opt is ListboxSelectableOption => opt.kind !== 'action' && opt.value === value,\n        ) ?? {\n          value,\n          label: value,\n        }\n      );\n    });\n  }\n\n  /** Resolved display mode after `auto` pointer-detection: `'chips'` on fine-pointer devices, `'compact'` on coarse. */\n  protected get _effectiveDisplay(): 'chips' | 'compact' {\n    if (this.display === 'chips') {\n      return 'chips';\n    }\n\n    if (this.display === 'compact') {\n      return 'compact';\n    }\n\n    return window.matchMedia('(pointer: coarse)').matches ? 'compact' : 'chips';\n  }\n\n  /** Looks up the display label for `value` from native `<select>` option text; returns `value` itself as a fallback. */\n  protected _labelFor(value: string): string {\n    const $select = this._selectRef?.deref();\n\n    if ($select) {\n      for (const $option of $select.options) {\n        if ($option.value === value) {\n          return $option.text;\n        }\n      }\n    }\n\n    return value;\n  }\n\n  /** Text shown in the trigger's value-display area; returns placeholder when chips are active or nothing is selected. */\n  protected get _displayLabel(): string {\n    if (this._selectedValues.size === 0) {\n      return this.placeholder;\n    }\n\n    if (this._effectiveDisplay === 'chips' && this.multiple) {\n      return this.placeholder;\n    }\n\n    if (this._selectedValues.size === 1) {\n      return this._labelFor([...this._selectedValues][0]);\n    }\n\n    // Compact multi: \"First, +N more\"\n    const values = [...this._selectedValues];\n    const first = this._labelFor(values[0]);\n\n    return `${first}, +${values.length - 1} more`;\n  }\n\n  /**\n   * APG Combobox keyboard handler on the trigger.\n   *\n   * Arrow keys navigate/open, Space/Enter activate, Tab closes without focus return,\n   * ArrowLeft enters chip navigation, and printable chars forward to type-ahead.\n   */\n  protected _handleTriggerKeyDown(e: KeyboardEvent) {\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault();\n        if (!this.open) {\n          this.openPopup();\n          this._activeDescendantCtrl.navigateToFirst();\n        } else {\n          this._activeDescendantCtrl.navigate(1);\n        }\n        break;\n\n      case 'ArrowUp':\n        e.preventDefault();\n        if (!this.open) {\n          this.openPopup();\n          this._activeDescendantCtrl.navigateToLast();\n        } else {\n          this._activeDescendantCtrl.navigate(-1);\n        }\n        break;\n\n      case 'Home':\n        if (this.open) {\n          e.preventDefault();\n          this._activeDescendantCtrl.navigateToFirst();\n        }\n        break;\n\n      case 'End':\n        if (this.open) {\n          e.preventDefault();\n          this._activeDescendantCtrl.navigateToLast();\n        }\n        break;\n\n      case ' ':\n      case 'Enter':\n        e.preventDefault();\n        if (!this.open) {\n          this.openPopup();\n          this._activeDescendantCtrl.navigateToFirst();\n        } else {\n          this._activateActive();\n        }\n        break;\n\n      case 'Tab':\n        if (this.open) {\n          this.closePopup(false);\n        }\n        break;\n\n      case 'ArrowLeft':\n        if (!this.open && this.multiple && this._selectedValues.size > 0) {\n          e.preventDefault();\n          this._enterChipNav();\n        }\n        break;\n\n      default:\n        if (e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey) {\n          this._handleTypeAhead(e.key);\n        }\n    }\n  }\n\n  /**\n   * Dispatches a synthetic `pointerdown` on the active listbox item to activate it.\n   *\n   * Prefers `pointerdown` over a direct call so listbox item click logic\n   * (which is bound to `pointerdown`) fires through its normal path.\n   */\n  protected _activateActive() {\n    const $item = this._activeDescendantCtrl.activeItem;\n\n    if ($item) {\n      $item.dispatchEvent(new PointerEvent('pointerdown', { bubbles: true, cancelable: true }));\n    }\n  }\n\n  /**\n   * Accumulates characters in `_typeAheadBuffer` and either immediately selects\n   * the first match (closed single-select) or moves the virtual cursor (open popup).\n   */\n  protected _handleTypeAhead(char: string) {\n    clearTimeout(this._typeAheadTimer);\n\n    this._typeAheadBuffer += char.toLowerCase();\n\n    this._typeAheadTimer = window.setTimeout(() => {\n      this._typeAheadBuffer = '';\n    }, 500);\n\n    const options = this._$listbox?.allOptions ?? [];\n    const match = options.find(\n      (option) => !option.disabled && option.label.toLowerCase().startsWith(this._typeAheadBuffer),\n    );\n\n    if (!match) {\n      return;\n    }\n\n    if (!this.open) {\n      // Select-only type-ahead: immediately select the match\n      if (!this.multiple) {\n        this._selectionInitialized = true;\n        this._applySelection([match.value]);\n        this._dispatchChange();\n      }\n    } else {\n      // Open popup: move virtual cursor to match\n      const $items = this._$listbox.navigableItems;\n      const $item = $items.find(($el) => $el.getAttribute('data-value') === match.value);\n\n      if ($item) {\n        this._activeDescendantCtrl.navigateToItem($item);\n      }\n    }\n  }\n\n  /** Focuses the last chip button and sets `_chipNavIndex` to begin roving-tabindex navigation within the chip group. */\n  protected _enterChipNav() {\n    const $buttons = this._$chipButtons();\n\n    if ($buttons.length === 0) {\n      return;\n    }\n\n    this._chipNavIndex = $buttons.length - 1;\n    $buttons[this._chipNavIndex].focus();\n  }\n\n  /** Queries all `button[part~=\"chip\"]` elements in `renderRoot`; order matches DOM order. */\n  protected _$chipButtons(): HTMLButtonElement[] {\n    return Array.from(this.renderRoot.querySelectorAll<HTMLButtonElement>('button[part~=\"chip\"]'));\n  }\n\n  /**\n   * Keyboard handler for chip buttons.\n   *\n   * ArrowLeft/Right rove chip focus, Escape returns to trigger,\n   * Delete/Backspace/Enter/Space remove the chip's value\n   * and return focus to the trigger.\n   */\n  protected _handleChipKeyDown(e: KeyboardEvent, value: string) {\n    const $buttons = this._$chipButtons();\n\n    switch (e.key) {\n      case 'ArrowLeft':\n        e.preventDefault();\n        if (this._chipNavIndex > 0) {\n          this._chipNavIndex--;\n          $buttons[this._chipNavIndex]?.focus();\n        }\n        break;\n\n      case 'ArrowRight':\n        e.preventDefault();\n        if (this._chipNavIndex < $buttons.length - 1) {\n          this._chipNavIndex++;\n          $buttons[this._chipNavIndex]?.focus();\n        } else {\n          this._chipNavIndex = -1;\n          this._$trigger?.focus();\n        }\n        break;\n\n      case 'Escape':\n        e.preventDefault();\n        this._chipNavIndex = -1;\n        this._$trigger?.focus();\n        break;\n\n      case 'Delete':\n      case 'Backspace':\n      case 'Enter':\n      case ' ':\n        e.preventDefault();\n        this._removeValue(value);\n        this._chipNavIndex = -1;\n        this._$trigger?.focus();\n        break;\n    }\n  }\n\n  /** Toggles the popup open or closed on trigger click. */\n  protected _handleTriggerClick() {\n    if (this.open) {\n      this.closePopup();\n    } else {\n      this.openPopup();\n    }\n  }\n\n  protected override render() {\n    const showChips =\n      this.multiple && this._effectiveDisplay === 'chips' && this._selectedValues.size > 0;\n\n    return html`\n      <div id=\"anchor\" part=\"anchor\">\n        <div\n          id=\"trigger\"\n          part=\"trigger\"\n          role=\"combobox\"\n          tabindex=${this.disabled ? '-1' : '0'}\n          aria-haspopup=\"listbox\"\n          aria-expanded=${this.open ? 'true' : 'false'}\n          aria-controls=\"listbox\"\n          aria-disabled=${this.disabled ? 'true' : 'false'}\n          aria-label=${this.placeholder || nothing}\n          @click=${this._handleTriggerClick}\n          @keydown=${this._handleTriggerKeyDown}\n        >\n          ${showChips ? this._renderChips() : nothing}\n\n          <span part=\"value-display\">${this._displayLabel}</span>\n\n          <span part=\"toggle-indicator\" aria-hidden=\"true\">\n            <slot name=\"toggle-indicator\">\n              <svg\n                width=\"10\"\n                height=\"6\"\n                viewBox=\"0 0 10 6\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"1.5\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              >\n                <polyline points=\"1,1 5,5 9,1\" />\n              </svg>\n            </slot>\n          </span>\n        </div>\n      </div>\n\n      <rc-listbox\n        id=\"listbox\"\n        part=\"listbox\"\n        popover=\"manual\"\n        ?multiple=${this.multiple}\n        checkmark\n        @rc-listbox-change=${this._handleListboxChange}\n      ></rc-listbox>\n\n      <slot @slotchange=${this._handleSelectSlotChange}></slot>\n    `;\n  }\n\n  /** Renders the chip group `<span>` with one `<button>` per selected value for multi-select chip display mode. */\n  protected _renderChips() {\n    return html`\n      <span part=\"chips\" role=\"group\" aria-label=\"Selected items\">\n        ${[...this._selectedValues].map((value) => {\n          const label = this._labelFor(value);\n          return html`\n            <button\n              type=\"button\"\n              part=\"chip\"\n              data-value=${value}\n              tabindex=\"-1\"\n              aria-label=${`Remove ${label}`}\n              @click=${(e: MouseEvent) => {\n                e.stopPropagation();\n                this._removeValue(value);\n              }}\n              @keydown=${(e: KeyboardEvent) => this._handleChipKeyDown(e, value)}\n            >\n              <span part=\"chip-label\">${label}</span\n              ><span part=\"chip-remove\" aria-hidden=\"true\">&#215;</span>\n            </button>\n          `;\n        })}\n      </span>\n    `;\n  }\n}\n\nexport default RCSelect;\n"],"names":["selectStyles","css","_RCSelect","LitElement","NativeChildController","$select","ActiveDescendantController","AnchorController","changed","returnFocus","value","oldValue","options","values","selectedValues","$current","selected","$option","$opt","opt","option","$sel","name","detail","optionValue","activatedValue","next","$item","char","match","$el","$buttons","showChips","html","nothing","label","e","RCSelect","__decorateClass","property","query","state"],"mappings":"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"}