npm - @rcarls/rc-select - Versions diffs - 0.5.0 → 0.6.0 - Mend

@rcarls/rc-select 0.5.0 → 0.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (12) hide show

package/CHANGELOG.md +20 -0
package/README.md +14 -14
package/dist/custom-elements.json +2 -2
package/dist/{rc-select-BRp1j-JD.js → rc-select-D_H5Pb2t.js} +41 -25
package/dist/rc-select-D_H5Pb2t.js.map +1 -0
package/dist/rc-select-define.js +2 -1
package/dist/rc-select-define.js.map +1 -1
package/dist/rc-select.js +1 -1
package/dist/types/packages/rc-select/src/rc-select.d.ts +2 -2
package/package.json +4 -3
package/dist/rc-select-BRp1j-JD.js.map +0 -1
package/dist/types/packages/rc-select/src/rc-select.test.d.ts +0 -0

package/CHANGELOG.md CHANGED Viewed

@@ -1,5 +1,25 @@
 # @rcarls/rc-select
+## 0.6.0
+### Minor Changes
+- ffcbf11: Add adaptive chip-group layouts, native-backed filter chips, and shared
+  input-chip rendering. Native-backed chips preserve controlled host state,
+  follow form resets when uncontrolled, and accept native link actions. Groups
+  restore author-owned chip variants when coordination ends. Keep search input
+  chrome inside the search surface and align contextual icon sizes with Material 3.
+### Patch Changes
+- Updated dependencies [ffcbf11]
+- Updated dependencies [6683eb9]
+- Updated dependencies [ee7ba6c]
+- Updated dependencies [30eb232]
+  - @rcarls/rc-chip-group@0.6.0
+  - @rcarls/rc-common@0.6.0
+  - @rcarls/rc-listbox@0.6.0
 ## 0.5.0
 ### Patch Changes

package/README.md CHANGED Viewed

@@ -42,24 +42,24 @@ import '@rcarls/rc-select/define';
 ## API
-| Property / method | Type | Description |
-| --- | --- | --- |
-| `open` | `boolean` | Current popup state. |
-| `multiple` | `boolean` | Mirrors the slotted `<select multiple>` state. |
-| `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. |
+| Property / method          | Type                             | Description                                               |
+| -------------------------- | -------------------------------- | --------------------------------------------------------- |
+| `open`                     | `boolean`                        | Current popup state.                                      |
+| `multiple`                 | `boolean`                        | Mirrors the slotted `<select multiple>` state.            |
+| `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.         |
 ## Events
-| Event | Detail | Description |
-| --- | --- | --- |
+| Event              | Detail                          | Description                   |
+| ------------------ | ------------------------------- | ----------------------------- |
 | `rc-select-change` | `{ value: string \| string[] }` | Fires when selection changes. |
-| `rc-select-open` | none | Fires when the popup opens. |
-| `rc-select-close` | none | Fires when the popup closes. |
+| `rc-select-open`   | none                            | Fires when the popup opens.   |
+| `rc-select-close`  | none                            | Fires when the popup closes.  |
 ## Accessibility

package/dist/custom-elements.json CHANGED Viewed

@@ -904,7 +904,7 @@
                   "text": "HTMLButtonElement[]"
                 }
               },
-              "description": "Queries all `button[part~=\"chip\"]` elements in `renderRoot`; order matches DOM order."
+              "description": "Queries all native remove buttons inside input chips; order matches DOM order."
             },
             {
               "kind": "method",
@@ -936,7 +936,7 @@
               "kind": "method",
               "name": "_renderChips",
               "privacy": "protected",
-              "description": "Renders the chip group `<span>` with one `<button>` per selected value for multi-select chip display mode."
+              "description": "Renders selected values as removable input chips inside the shared chip-group layout."
             }
           ],
           "events": [

package/dist/{rc-select-BRp1j-JD.js → rc-select-D_H5Pb2t.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { css as f, LitElement as b, nothing as _, html as h } from "lit";
-import { property as n, query as d, state as p } from "lit/decorators.js";
+import { property as n, query as p, state as d } from "lit/decorators.js";
 import { NativeChildController as m, ActiveDescendantController as g, AnchorController as y } from "@rcarls/rc-common";
 const x = f`
   :host {
@@ -62,7 +62,15 @@ const x = f`
     inline-size: var(--rc-select-toggle-indicator-size, 1.1em);
   }
-  /* Chips — the whole chip is the remove button for a larger touch target */
+  [part='chips'] {
+    flex: 0 1 auto;
+    max-inline-size: 100%;
+    min-inline-size: 0;
+    --rc-chip-group-column-gap: var(--rc-select-gap, var(--rc-control-gap, 0.25em));
+    --rc-chip-group-row-gap: 0;
+  }
+  /* Input-chip chrome; rc-chip keeps the native button as the removal action. */
   [part='chip'] {
     display: inline-flex;
     align-items: center;
@@ -90,7 +98,7 @@ const x = f`
     }
   }
-  /* Decorative × icon inside the chip — no interaction, aria-hidden */
+  /* Decorative × icon inside the chip — no interaction, aria-hidden. */
   [part='chip-remove'] {
     display: inline-flex;
     align-items: center;
@@ -607,9 +615,11 @@ const u = class u extends b {
     const e = this._$chipButtons();
     e.length !== 0 && (this._chipNavIndex = e.length - 1, e[this._chipNavIndex].focus());
   }
-  /** Queries all `button[part~="chip"]` elements in `renderRoot`; order matches DOM order. */
+  /** Queries all native remove buttons inside input chips; order matches DOM order. */
   _$chipButtons() {
-    return Array.from(this.renderRoot.querySelectorAll('button[part~="chip"]'));
+    return Array.from(
+      this.renderRoot.querySelectorAll('rc-chip > button[part~="chip"]')
+    );
   }
   /**
    * Keyboard handler for chip buttons.
@@ -694,30 +704,36 @@ const u = class u extends b {
       <slot @slotchange=${this._handleSelectSlotChange}></slot>
     `;
   }
-  /** Renders the chip group `<span>` with one `<button>` per selected value for multi-select chip display mode. */
+  /** Renders selected values as removable input chips inside the shared chip-group layout. */
   _renderChips() {
     return h`
-      <span part="chips" role="group" aria-label="Selected items">
+      <rc-chip-group part="chips" kind="generic" layout="wrap" aria-label="Selected items">
         ${[...this._selectedValues].map((e) => {
       const t = this._labelFor(e);
       return h`
-            <button
-              type="button"
-              part="chip"
+            <rc-chip
+              variant="input"
+              removable
               data-value=${e}
-              tabindex="-1"
-              aria-label=${`Remove ${t}`}
-              @click=${(i) => {
+              @rc-chip-remove=${(i) => {
         i.stopPropagation(), this._removeValue(e);
       }}
-              @keydown=${(i) => this._handleChipKeyDown(i, e)}
             >
-              <span part="chip-label">${t}</span
-              ><span part="chip-remove" aria-hidden="true">&#215;</span>
-            </button>
+              <button
+                type="button"
+                part="chip"
+                tabindex="-1"
+                aria-label=${`Remove ${t}`}
+                @click=${(i) => i.stopPropagation()}
+                @keydown=${(i) => this._handleChipKeyDown(i, e)}
+              >
+                <span part="chip-label">${t}</span>
+              </button>
+              <span slot="remove-icon" part="chip-remove" aria-hidden="true">&#215;</span>
+            </rc-chip>
           `;
     })}
-      </span>
+      </rc-chip-group>
     `;
   }
 };
@@ -739,24 +755,24 @@ a([
   n()
 ], o.prototype, "display");
 a([
-  d("#anchor")
+  p("#anchor")
 ], o.prototype, "_$anchor");
 a([
-  d("#trigger")
+  p("#trigger")
 ], o.prototype, "_$trigger");
 a([
-  d("#listbox")
+  p("#listbox")
 ], o.prototype, "_$listbox");
 a([
-  p()
+  d()
 ], o.prototype, "_selectedValues");
 a([
-  p()
+  d()
 ], o.prototype, "_chipNavIndex");
 a([
-  p()
+  d()
 ], o.prototype, "_options");
 export {
   o as R
 };
-//# sourceMappingURL=rc-select-BRp1j-JD.js.map
+//# sourceMappingURL=rc-select-D_H5Pb2t.js.map

package/dist/rc-select-D_H5Pb2t.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"rc-select-D_H5Pb2t.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 [part='chips'] {\n flex: 0 1 auto;\n max-inline-size: 100%;\n min-inline-size: 0;\n --rc-chip-group-column-gap: var(--rc-select-gap, var(--rc-control-gap, 0.25em));\n --rc-chip-group-row-gap: 0;\n }\n\n /* Input-chip chrome; rc-chip keeps the native button as the removal action. */\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';\n\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\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\n this._pickerGuardForm?.removeEventListener('submit', this._handleFormSubmit, {\n capture: true,\n });\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\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\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\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\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\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 native remove buttons inside input chips; order matches DOM order. */\n protected _$chipButtons(): HTMLButtonElement[] {\n return Array.from(\n this.renderRoot.querySelectorAll<HTMLButtonElement>('rc-chip > button[part~=\"chip\"]'),\n );\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\n if (this._chipNavIndex > 0) {\n this._chipNavIndex--;\n $buttons[this._chipNavIndex]?.focus();\n }\n break;\n\n case 'ArrowRight':\n e.preventDefault();\n\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 selected values as removable input chips inside the shared chip-group layout. */\n protected _renderChips() {\n return html`\n <rc-chip-group part=\"chips\" kind=\"generic\" layout=\"wrap\" aria-label=\"Selected items\">\n ${[...this._selectedValues].map((value) => {\n const label = this._labelFor(value);\n\n return html`\n <rc-chip\n variant=\"input\"\n removable\n data-value=${value}\n @rc-chip-remove=${(event: Event) => {\n event.stopPropagation();\n this._removeValue(value);\n }}\n >\n <button\n type=\"button\"\n part=\"chip\"\n tabindex=\"-1\"\n aria-label=${`Remove ${label}`}\n @click=${(event: MouseEvent) => event.stopPropagation()}\n @keydown=${(event: KeyboardEvent) => this._handleChipKeyDown(event, value)}\n >\n <span part=\"chip-label\">${label}</span>\n </button>\n <span slot=\"remove-icon\" part=\"chip-remove\" aria-hidden=\"true\">×</span>\n </rc-chip>\n `;\n })}\n </rc-chip-group>\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","event","RCSelect","__decorateClass","property","query","state"],"mappings":"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"}

package/dist/rc-select-define.js CHANGED Viewed

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

package/dist/rc-select-define.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"rc-select-define.js","sources":["../src/define.ts"],"sourcesContent":["import '@rcarls/rc-listbox/define';\nimport { RCSelect } from './index.js';\n\ncustomElements.get('rc-select') \|\| customElements.define('rc-select', RCSelect);\n\nexport * from './index.js';\n"],"names":["RCSelect"],"mappings":"~~;;AAGA~~,eAAe,IAAI,WAAW,KAAK,eAAe,OAAO,aAAaA,CAAQ;"}
1	+ {"version":3,"file":"rc-select-define.js","sources":["../src/define.ts"],"sourcesContent":["import '@rcarls/rc-listbox/define';\nimport '@rcarls/rc-chip-group/define';\nimport { RCSelect } from './index.js';\n\ncustomElements.get('rc-select') \|\| customElements.define('rc-select', RCSelect);\n\nexport * from './index.js';\n"],"names":["RCSelect"],"mappings":";;;AAIA,eAAe,IAAI,WAAW,KAAK,eAAe,OAAO,aAAaA,CAAQ;"}

package/dist/rc-select.js CHANGED Viewed

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

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

@@ -331,7 +331,7 @@ export declare class RCSelect extends LitElement {
     protected _handleTypeAhead(char: string): void;
     /** Focuses the last chip button and sets `_chipNavIndex` to begin roving-tabindex navigation within the chip group. */
     protected _enterChipNav(): void;
-    /** Queries all `button[part~="chip"]` elements in `renderRoot`; order matches DOM order. */
+    /** Queries all native remove buttons inside input chips; order matches DOM order. */
     protected _$chipButtons(): HTMLButtonElement[];
     /**
      * Keyboard handler for chip buttons.
@@ -344,7 +344,7 @@ export declare class RCSelect extends LitElement {
     /** Toggles the popup open or closed on trigger click. */
     protected _handleTriggerClick(): void;
     protected render(): import('lit').TemplateResult<1>;
-    /** Renders the chip group `<span>` with one `<button>` per selected value for multi-select chip display mode. */
+    /** Renders selected values as removable input chips inside the shared chip-group layout. */
     protected _renderChips(): import('lit').TemplateResult<1>;
 }
 export default RCSelect;

package/package.json CHANGED Viewed

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.5.0",
+  "version": "0.6.0",
   "description": "Select-only combobox backed by a native <select>.",
   "repository": {
     "type": "git",
@@ -45,8 +45,9 @@
     "test:browser:firefox": "vitest --run --project=firefox"
   },
   "dependencies": {
-    "@rcarls/rc-common": "0.5.0",
-    "@rcarls/rc-listbox": "0.5.0"
+    "@rcarls/rc-chip-group": "0.6.0",
+    "@rcarls/rc-common": "0.6.0",
+    "@rcarls/rc-listbox": "0.6.0"
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "0.11.0",

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

@@ -1 +0,0 @@

- {"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\">×</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/types/packages/rc-select/src/rc-select.test.d.ts DELETED Viewed

File without changes