@awc-ui/core 1.0.0-beta.2 → 1.0.0-beta.4

package/dist/components/p-UdGDg2oJ.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["mdSelectCss","selectIdCounter","VIRTUALIZE_THRESHOLD","SEARCH_DEBOUNCE_MS","MdSelect","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","valueMissingLabel","reserveSupportingSpace","customValidityMessage","variant","label","placeholder","value","disabled","required","error","errorText","supportingText","density","clearable","matchTriggerWidth","placement","options","virtualize","filterable","filterMode","name","searchPlaceholder","filterLabel","noResultsText","noOptionsText","clearLabel","searchingLabel","loadingText","clearIcon","dropdownIcon","loading","fullWidth","open","optionsData","triggerId","vc","VirtualSelectController","queryItem","i","el","shadowRoot","querySelector","requestRender","forceUpdate","providerSet","selectedLabel","query","searching","queryText","defaultValue","lastValidityKey","_syncGuard","_lastEmit","toggleOpen","selectValue","val","mdChange","emit","fieldEl","focus","clearValue","e","stopPropagation","vpWired","handleMenuOpen","mdOpen","active","wireViewport","requestAnimationFrame","input","menuEl","setComboboxElement","handleMenuClose","mdClose","detachViewport","onSearchInput","q","target","clearTimeout","searchDebounce","setTimeout","setQuery","optionList","parseJsonArrayProp","show","close","focusTrigger","reset","loadOptions","source","isWasmSupported","normalizeInits","rowsToArray","setFixedRowHeight","rowHeight","setFilterMode","ok","load","updateSelectedLabel","syncSearchField","getLabels","values","Object","fromEntries","componentWillLoad","refreshOptions","preselected","find","o","selected","syncFormValue","setFormValue","internals","syncValidity","setValidityState","missing","missingMessage","customMessage","emitValidityChange","getValidity","getValidityOf","v","key","valid","validationMessage","primed","mdValidityChange","checkValidity","checkValidityOf","reportValidity","reportValidityOf","setCustomValidity","message","formResetCallback","data","collectOptions","shouldVirtualize","length","then","get","onOptionChange","syncMenu","autoFocus","handleKeyDown","preventDefault","vp","getScrollViewport","attachViewport","async","componentDidRender","setVirtualProvider","provider","disconnectedCallback","accessibleName","ariaLabel","getAttribute","trim","labelledby","root","getRootNode","text","split","map","id","getElementById","textContent","filter","Boolean","join","renderTrigger","display","labelFor","hasValue","showClear","fieldAriaLabel","undefined","h","ref","class","part","exportparts","readOnly","appearFocused","onClick","slot","size","icon","shapeMorph","groupTabindex","renderVirtualOptions","role","style","height","topPad","windowRows","row","filteredIndex","windowStart","index","presentation","type","headline","filteredLength","onMdClick","bottomPad","renderMenu","virtual","toLowerCase","listOptions","includes","emptyText","menuMaxHeight","maxHeight","anchor","listbox","onMdOpen","onMdClose","String","autocomplete","onInput","indeterminate","wave","opt","iconColor","color","render","Host","hidden","onSlotchange"],"sources":["src/components/md-select/md-select.css?tag=md-select&encapsulation=shadow","src/components/md-select/md-select.tsx"],"sourcesContent":["/* ==========================================================\n   md-select — single-select dropdown\n\n   The heavy lifting (field surface, label float, error state, menu\n   motion + positioning + keyboard) is delegated to md-text-field and\n   md-menu. This stylesheet only owns the host layout and the trailing\n   caret / clear affordances rendered into the field's trailing slot.\n\n   PUBLIC CSS CUSTOM PROPERTIES (select-owned):\n     --md-select-width            Host inline size            (default 100%)\n     --md-select-min-width        Host minimum inline size    (default 0)\n     --md-select-caret-color      Dropdown caret colour\n     --md-select-caret-size       Dropdown caret glyph size   (default 24px)\n     --md-select-clear-color      Clear (✕) icon colour       (default: caret colour)\n     --md-select-trailing-gap     Gap between clear + caret   (default 2px)\n     --md-select-option-icon-color  Leading icon colour in option rows\n\n   The composed field + menu expose their own --md-text-field-* / --md-menu-*\n   / --md-menu-item-* tokens, which flow straight through when set on the host.\n\n   PUBLIC PARTS:\n     field, field-container, trailing, clear, caret, menu,\n     option, option-selected, option-icon\n   ========================================================== */\n\n:host {\n  /* The text inset already includes the caret's 7px optical bearing (see\n     md-text-field --_text-inset). Pull the TRAILING side back to the plain\n     box inset so the caret's BOX sits 7px shallower and its INK lands on the\n     same column as the text. */\n  --md-text-field-padding-inline-end: var(--md-sys-spacing-inset-lg, 16px);\n  display: inline-block;\n  inline-size: var(--md-select-width, 100%);\n  min-inline-size: var(--md-select-min-width, 0);\n  box-sizing: border-box;\n  font-family: var(--md-sys-typescale-body-large-font-family, Roboto, sans-serif);\n}\n\n.md-select__field {\n  inline-size: 100%;\n  cursor: pointer;\n  --md-text-field-cursor: pointer;\n}\n\n/* Override the browser's default text cursor on the readonly input —\n   the whole field behaves as a button, not an editable field. */\n.md-select__field::part(input) {\n  cursor: pointer;\n}\n\n:host(.md-select--disabled) .md-select__field::part(input) {\n  cursor: not-allowed;\n}\n\n/* ── Trailing cluster (clear + caret) ───────────────────── */\n\n/* The trailing slot holds a *cluster* (clear + caret), but md-text-field\n   sizes any single slotted trailing icon to a fixed 24px box via\n   `.md-text-field__icon ::slotted(*)` — which would squash the cluster and\n   push the caret off the edge. Scoping under `.md-select__field` raises this\n   rule's specificity above that ::slotted rule so the cluster sizes to its\n   content across the shadow boundary. */\n.md-select__field .md-select__trailing {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--md-select-trailing-gap, 2px);\n  width: auto;\n  height: auto;\n}\n\n\n.md-select__caret {\n  font-size: var(--md-select-caret-size, 24px);\n  line-height: 1;\n  color: var(--md-select-caret-color, var(--md-sys-color-on-surface-variant, #49454F));\n  transition: transform var(--md-sys-motion-duration-short4, 200ms)\n    var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));\n}\n\n/* Flip the caret when open — works for any custom dropdown-icon, not just the\n   default arrow (which then reads as \"up\"). */\n:host(.md-select--open) .md-select__caret {\n  transform: rotate(180deg);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .md-select__caret {\n    transition: none;\n  }\n}\n\n/* Busy state: the spinner replaces the caret/clear cluster in the trigger. The\n   default md-loading-indicator is 48px — shrink it to the trailing footprint. */\n.md-select__loader {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  inline-size: 24px;\n  block-size: 24px;\n  --md-loading-indicator-size: var(--md-select-spinner-size, 22px);\n  --md-loading-indicator-shape-size: var(--md-select-spinner-size, 22px);\n}\n\n/* Full-width: fill the parent's inline size as a block (overrides the default\n   inline-block sizing). The dropdown follows via match-trigger-width. */\n:host([full-width]) {\n  display: block;\n  inline-size: 100%;\n}\n\n/* Busy state inside the menu: the wavy linear progress bar fills the surface\n   width with comfortable padding (replaces the old \"Loading…\" text). */\n.md-select__loading {\n  display: flex;\n  align-items: center;\n  padding-block: var(--md-sys-spacing-inset-lg, 16px);\n  padding-inline: var(--md-sys-spacing-inset-lg, 16px);\n}\n\n.md-select__loading md-progress-indicator {\n  inline-size: 100%;\n}\n\n/* Clear affordance is an md-icon-button (ripple + state layer for free).\n   Compact it to the prior 24px footprint; defaults to the caret colour so it\n   sits inline with the caret, but is independently overridable. */\n.md-select__field .md-select__clear {\n  --_clear-color: var(--md-select-clear-color,\n    var(--md-select-caret-color, var(--md-sys-color-on-surface-variant, #49454F)));\n  --md-icon-button-container-width: 24px;\n  --md-icon-button-container-height: 24px;\n  --md-icon-button-icon-size: 18px;\n  --md-icon-button-icon-color: var(--_clear-color);\n  --md-icon-button-state-layer-color: var(--_clear-color);\n}\n\n/* ── Option leading icon (in the menu rows) ─────────────── */\n\n.md-select__option-icon {\n  font-size: 20px;\n  line-height: 1;\n  color: var(--md-select-option-icon-color, var(--md-sys-color-on-surface-variant, #49454F));\n}\n\n/* ── Disabled ───────────────────────────────────────────── */\n\n:host(.md-select--disabled) {\n  cursor: default;\n}\n\n:host(.md-select--disabled) .md-select__field {\n  --md-text-field-cursor: not-allowed;\n}\n\n/* Material Symbols inside the shadow root. */\n.material-symbols-outlined {\n  font-family: var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');\n  font-weight: normal;\n  font-style: normal;\n  line-height: 1;\n  letter-spacing: normal;\n  text-transform: none;\n  display: inline-block;\n  white-space: nowrap;\n  overflow-wrap: normal;\n  direction: ltr;\n  font-feature-settings: 'liga';\n  -webkit-font-smoothing: antialiased;\n}\n\n/* ── Virtualized list ──────────────────────────────────── */\n\n/* Spacers reserve the full scroll height above/below the rendered window so\n   the menu scrolls as if every option were present. */\n.md-select__vspacer {\n  display: block;\n  flex: none;\n  pointer-events: none;\n}\n\n/* Search field pinned in the menu header (filterable virtualized lists). */\n.md-select__search-wrap {\n  position: relative;\n  display: block;\n}\n\n.md-select__search {\n  box-sizing: border-box;\n  width: 100%;\n  border: none;\n  outline: none;\n  /* Right padding reserves room for the search spinner. */\n  padding: 12px 44px 12px 16px;\n  font: inherit;\n  color: var(--md-sys-color-on-surface, #1d1b20);\n  background: var(--md-sys-color-surface-container, #f3edf7);\n  border-bottom: 1px solid var(--md-sys-color-outline-variant, #cac4d0);\n}\n\n.md-select__search::placeholder {\n  color: var(--md-sys-color-on-surface-variant, #49454f);\n}\n\n/* M3 shape-morph loading indicator shown while a debounced search is in flight.\n   Motion + reduced-motion handling live inside md-loading-indicator. */\n.md-select__search-spinner {\n  position: absolute;\n  inset-block-start: 50%;\n  inset-inline-end: 12px;\n  margin-block-start: -12px;\n  --md-loading-indicator-size: 24px;\n  --md-loading-indicator-shape-size: 18px;\n  pointer-events: none;\n}\n\n/* ==========================================================\n   DENSITY (local override)\n   This component FORWARDS `density` to the md-text-field it embeds, which\n   handles the field box — but that forward says nothing about this host, so its\n   OWN chrome (dropdown surface, chips, frame gaps) stayed at density-0 whenever\n   density came from the local prop rather than a global ancestor. Mapping the\n   prop onto the shared signal here fixes that asymmetry; the spacing-token half\n   of the rung arrives from the [density=\"-N\"] selector in tokens.css.\n   ========================================================== */\n:host([density='-1']) { --md-sys-density-scale: -1; }\n:host([density='-2']) { --md-sys-density-scale: -2; }\n:host([density='-3']) { --md-sys-density-scale: -3; }\n:host([density='-4']) { --md-sys-density-scale: -4; }\n","import { AttachInternals, Component, Element, Event, EventEmitter, Host, Listen, Method, Prop, State, Watch, forceUpdate, h } from '@stencil/core';\nimport {\n  collectOptions,\n  labelFor,\n  normalizeInits,\n  OptionRowSource,\n  rowsToArray,\n  SelectOptionData,\n  SelectOptionInit,\n} from '../../utils/select-options';\nimport {\n  setFormValue,\n  setValidityState,\n  checkValidityOf,\n  reportValidityOf,\n  getValidityOf,\n} from '../../utils/form';\nimport { VirtualSelectController } from '../../utils/virtual-select-controller';\nimport { isWasmSupported, FilterMode } from '../../utils/wasm-option-store';\nimport { VirtualMenuProvider } from '../../utils/types';\nimport { parseJsonArrayProp } from '../../utils/json-prop';\n\nlet selectIdCounter = 0;\n\n/** Above this many options, `virtualize=\"auto\"` switches to the WASM path. */\nconst VIRTUALIZE_THRESHOLD = 200;\n\n/** Idle time after a keystroke before the search query runs (debounce). */\nconst SEARCH_DEBOUNCE_MS = 180;\n\ntype VirtualMenuEl = HTMLElement & {\n  show?: (opts?: { autoFocus?: boolean }) => Promise<void>;\n  close?: () => Promise<void>;\n  setVirtualProvider?: (p: VirtualMenuProvider | null) => Promise<void>;\n  setComboboxElement?: (el: HTMLElement | null) => Promise<void>;\n  getScrollViewport?: () => Promise<HTMLElement | null>;\n};\n\n/**\n * `md-select` — Material Design 3 single-select dropdown.\n *\n * Composes the library's own primitives instead of re-implementing them:\n *   - `md-text-field` is the trigger surface, so the picker inherits the\n *     full filled/outlined visuals, density scale, floating label, error\n *     state, supporting text, and focus ring of every other input. It is\n *     `readonly` (not editable) and `appear-focused` while the menu is open\n *     so the field + menu read as one connected control.\n *   - `md-menu` is the option surface, so the picker inherits open/close\n *     motion, viewport-aware positioning, single-open coordination, roving\n *     tabindex, type-ahead, and Escape/Home/End — for free.\n *\n * Options are authored either declaratively as slotted `<md-select-option>`\n * children (primary API) or via the programmatic `options` array. Each\n * becomes a `type=\"radio\"` `md-menu-item` so only one is ever selected.\n *\n * @slot - `md-select-option` children for the dropdown (primary authoring API).\n * @slot dropdown-icon - Replaces the caret glyph (e.g. a custom SVG). Rotates 180° when open.\n * @slot loader - Replaces the busy-state spinner shown in the trigger while `loading`.\n *\n * @part field - The inner `md-text-field` trigger surface.\n * @part field-container - The text-field's container box (border/fill).\n * @part trailing - The trailing cluster wrapping the clear + caret.\n * @part clear - The clear (✕) `md-icon-button`.\n * @part caret - The dropdown caret glyph.\n * @part loading-spinner - The busy-state spinner in the trigger (`loading`).\n * @part loading-bar - The busy-state container in the menu (`loading`).\n * @part loading-progress - The wavy progress indicator shown in the menu while `loading`.\n * @part menu - The `md-menu` option surface.\n * @part option - Each option row (`md-menu-item`).\n * @part option-selected - The currently selected option row.\n * @part option-icon - An option's leading icon.\n * @part search - The filter input (`filterable`).\n * @part search-spinner - The in-menu spinner shown while filtering.\n */\n@Component({\n  tag: 'md-select',\n  styleUrl: 'md-select.css',\n  shadow: true,\n  formAssociated: true,\n})\nexport class MdSelect {\n  @Element() el!: HTMLElement;\n\n\n  /**\n   * Localized constraint-validation message shown when `required` is unmet.\n   *\n   * A prop rather than a hardcoded string, matching md-time-picker's\n   * `value-missing-label`: components stay i18n-engine-agnostic and the\n   * consumer localizes through its own dictionary. Native inputs get their\n   * message from the browser's locale for free; a form-associated custom\n   * element supplies its own, so leaving this hardcoded would ship an\n   * English-only form to every locale.\n   */\n  @Prop({ attribute: 'value-missing-label' }) valueMissingLabel: string =\n    'Please select an item in the list.';\n\n\n  /**\n   * Always occupy the supporting-text line, even when there is no message, so a\n   * validation error does not push the content below it down. Forwarded to the\n   * embedded md-text-field. See that component for why it is opt-in.\n   */\n  @Prop({ attribute: 'reserve-supporting-space' }) reserveSupportingSpace: boolean = false;\n\n  /** Message set via setCustomValidity(); non-empty wins over valueMissing. */\n  private customValidityMessage = '';\n\n  /**\n   * Form-association handle. The select submits its `value` under the host's\n   * `name` via `setFormValue`, so it participates in `<form>`/`FormData`\n   * natively — a hidden `<input>` in the shadow root would be invisible to\n   * `FormData`.\n   */\n  @AttachInternals() internals!: ElementInternals;\n\n  /** Visual variant — forwarded to the inner `md-text-field`. */\n  @Prop({ reflect: true }) variant: 'filled' | 'outlined' = 'outlined';\n\n  /** Floating label / accessible name. */\n  @Prop() label: string = '';\n\n  /** Placeholder shown when no value is selected. */\n  @Prop() placeholder: string = '';\n\n  /** Selected option value. Empty string = nothing selected. */\n  @Prop({ mutable: true, reflect: true }) value: string = '';\n\n  /** Disabled — non-interactive. */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Required (form validation parity). */\n  @Prop({ reflect: true }) required: boolean = false;\n\n  /** Error state — forwarded to the inner field. */\n  @Prop({ reflect: true }) error: boolean = false;\n\n  /** Error text rendered in place of supporting text when `error` is set. */\n  @Prop({ attribute: 'error-text' }) errorText: string = '';\n\n  /** Supporting / helper text rendered below the field. */\n  @Prop({ attribute: 'supporting-text' }) supportingText: string = '';\n\n  /** Density forwarded to the inner field (0 = comfortable … -3 = compact). */\n  @Prop({ reflect: true }) density: 0 | -1 | -2 | -3 | -4 = 0;\n\n  /** Show a clear (✕) button in the trigger when a value is selected. */\n  @Prop({ reflect: true }) clearable: boolean = false;\n\n  /**\n   * Match the dropdown width to the trigger width. When `false` the menu\n   * sizes to its content (down to its own min-width). Maps to `md-menu`'s\n   * `match-anchor-width`. Default `true` — the expected select behaviour.\n   */\n  @Prop({ attribute: 'match-trigger-width', reflect: true })\n  matchTriggerWidth: boolean = true;\n\n  /** Menu placement relative to the trigger — forwarded to `md-menu`. */\n  @Prop() placement: 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end' =\n    'bottom-start';\n\n  /**\n   * Cap the dropdown height. When the options exceed it the list scrolls\n   * vertically with top/bottom edge shadows. A number is pixels; any CSS\n   * length is passed through (e.g. `'50vh'`). Forwarded to `md-menu`'s\n   * `max-height`.\n   */\n  @Prop({ attribute: 'max-height' }) maxHeight?: number | string;\n\n  /** Programmatic options. Ignored when `<md-select-option>` children exist. */\n  /**\n   * Programmatic options. Slotted `md-select-option` children take precedence.\n   *\n   * Accepts the array (property) or a **JSON string** (attribute), so a\n   * plain-HTML page can declare its data inline instead of reaching for a\n   * script. Malformed JSON degrades to an empty list with a console warning.\n   */\n  @Prop() options: SelectOptionInit[] | string = [];\n\n  /** `options` as an array, whether it arrived as one or as a JSON attribute. */\n  private get optionList(): SelectOptionInit[] {\n    return parseJsonArrayProp<SelectOptionInit>(this.options, 'md-select', 'options');\n  }\n\n  /**\n   * Virtualization mode for large option lists (backed by a WASM data engine):\n   *   - `'auto'` (default): virtualize only above `VIRTUALIZE_THRESHOLD` rows.\n   *   - `'always'`: always virtualize the `options` / `loadOptions` dataset.\n   *   - `'never'`: keep the classic DOM rendering regardless of size.\n   * Virtualized rows render label + selection only (no per-row icon /\n   * supporting text) and assume a uniform row height.\n   */\n  @Prop() virtualize: 'auto' | 'always' | 'never' = 'auto';\n\n  /**\n   * Show a search field in the menu header.\n   *\n   * A plain list filters client-side on label / supporting text; a virtualized\n   * one filters inside the WASM engine. Closing the menu clears the query.\n   */\n  @Prop() filterable: boolean = false;\n\n  /** Filter strategy used by `filterable` / `setQuery`. */\n  @Prop({ attribute: 'filter-mode' }) filterMode: FilterMode = 'substring';\n\n  /** Fixed virtualized row height (px). Auto-measured from the first row if unset. */\n  @Prop({ attribute: 'row-height' }) rowHeight?: number;\n\n  /** Form field name. The selected value is submitted under this name. */\n  @Prop({ reflect: true }) name: string = '';\n\n  // ── Localizable UI strings ───────────────────────────────\n  // Defaults are English; override per the page locale (see the date picker for\n  // the same convention). Option labels themselves come from `options` data.\n\n  /** Placeholder for the in-menu filter field (`filterable`). */\n  @Prop({ attribute: 'search-placeholder' }) searchPlaceholder: string = 'Search…';\n  /** Accessible name for the filter field. Falls back to `Filter <label>`. */\n  @Prop({ attribute: 'filter-label' }) filterLabel: string = '';\n  /** Empty-state text when a filter matches nothing. */\n  @Prop({ attribute: 'no-results-text' }) noResultsText: string = 'No results';\n  /** Empty-state text when there are no options at all. */\n  @Prop({ attribute: 'no-options-text' }) noOptionsText: string = 'No options';\n  /** Accessible label for the clear button (`clearable`). */\n  @Prop({ attribute: 'clear-label' }) clearLabel: string = 'Clear selection';\n  /** Accessible label for the in-menu loading spinner while filtering. */\n  @Prop({ attribute: 'searching-label' }) searchingLabel: string = 'Searching';\n  /** Text shown in the trigger / menu while `loading` is true. */\n  @Prop({ attribute: 'loading-text' }) loadingText: string = 'Loading…';\n\n  // ── Icon customization (Material Symbols names; or use the slots below) ──\n\n  /** Icon (Material Symbols name) for the clear button (`clearable`). */\n  @Prop({ attribute: 'clear-icon' }) clearIcon: string = 'close';\n  /** Caret icon; rotates 180° when open. Slot `dropdown-icon` overrides it. */\n  @Prop({ attribute: 'dropdown-icon' }) dropdownIcon: string = 'arrow_drop_down';\n\n  /**\n   * Show a busy state: the trigger shows a spinner instead of the caret and the\n   * host is `aria-busy`. Use while an async dataset loads (e.g. before/around a\n   * large `loadOptions`). Replace the spinner with the `loader` slot.\n   */\n  @Prop({ reflect: true }) loading: boolean = false;\n\n  /**\n   * Stretch the control to fill its parent's inline width (otherwise it sizes to\n   * a sensible default). The dropdown follows when `match-trigger-width` is set.\n   */\n  @Prop({ attribute: 'full-width', reflect: true }) fullWidth: boolean = false;\n\n  /** Open state of the dropdown. Reflected so `:host([open])` rules apply. */\n  @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n  /** Emits the newly selected value whenever the selection changes. */\n  @Event() mdChange!: EventEmitter<string>;\n\n  /** Emits when the dropdown opens. */\n  @Event() mdOpen!: EventEmitter<void>;\n\n  /** Emits when the dropdown closes. */\n  @Event() mdClose!: EventEmitter<void>;\n\n  @State() private optionsData: SelectOptionData[] = [];\n\n  @State() private triggerId = `md-select-${++selectIdCounter}`;\n\n  private fieldEl?: HTMLElement & { focus?: () => void };\n  private menuEl?: VirtualMenuEl;\n\n  /** Shared virtualization engine (WASM store + window math + provider glue). */\n  private vc = new VirtualSelectController({\n    queryItem: (i) =>\n      (this.el.shadowRoot?.querySelector(\n        `md-menu-item[data-vindex=\"${i}\"]`,\n      ) as HTMLElement | null) ?? null,\n    requestRender: () => forceUpdate(this),\n  });\n  private providerSet = false;\n  /** Trigger label for the selected value while virtualized (off-window safe). */\n  private selectedLabel = '';\n  private searchDebounce?: ReturnType<typeof setTimeout>;\n  /** Client-side filter query for `filterable` on a NON-virtualized list. The\n   *  virtualized path filters inside the WASM engine via `vc.setQuery`. */\n  @State() private query = '';\n\n  /** True between a keystroke and the debounced query resolving (drives the spinner). */\n  private searching = false;\n\n  // ── Public API ───────────────────────────────────────────\n\n  /** Open the dropdown programmatically. */\n  @Method()\n  async show() {\n    if (this.disabled) return;\n    this.open = true;\n  }\n\n  /** Close the dropdown programmatically. */\n  @Method()\n  async close() {\n    this.open = false;\n  }\n\n  /** Move focus to the trigger field. */\n  @Method()\n  async focusTrigger() {\n    this.fieldEl?.focus?.();\n  }\n\n  /** Clear the selection. */\n  @Method()\n  async reset() {\n    if (!this.value) return;\n    this.value = '';\n    this.mdChange.emit('');\n  }\n\n  /**\n   * Load a large dataset into the WASM-backed virtualized list (the high-scale\n   * entry point). Accepts a materialised `SelectOptionInit[]` or a row factory\n   * (`{ count, getRow }`) — the factory streams rows into WASM one at a time, so\n   * tens of millions of options never exist as JS objects at once. Falls back to\n   * plain DOM rendering when `virtualize=\"never\"` or WebAssembly is unavailable.\n   */\n  @Method()\n  async loadOptions(source: SelectOptionInit[] | OptionRowSource) {\n    if (this.virtualize === 'never' || !isWasmSupported()) {\n      this.vc.reset();\n      this.optionsData = normalizeInits(rowsToArray(source));\n      return;\n    }\n    this.optionsData = [];\n    this.vc.setFixedRowHeight(this.rowHeight);\n    this.vc.setFilterMode(this.filterMode);\n    const ok = await this.vc.load(source);\n    if (!ok) {\n      // The store declines an empty set (and a WASM failure). Without dropping\n      // whatever it still holds, `loadOptions([])` after a populated load left\n      // the PREVIOUS rows active and rendering — so a consumer could not clear\n      // the list by handing over an empty one.\n      this.vc.reset();\n      this.optionsData = normalizeInits(rowsToArray(source));\n    } else {\n      this.updateSelectedLabel();\n    }\n    forceUpdate(this);\n  }\n\n  /**\n   * Filter the menu exactly as typing into the in-menu search field would.\n   *\n   * The field is uncontrolled, so the text is mirrored into it as well —\n   * otherwise the list narrows while the box still reads empty, which looks\n   * like the call did nothing. The menu may be closed (no field rendered yet),\n   * so the text is stashed and applied on the next render.\n   */\n  @Method()\n  async setQuery(query: string) {\n    this.vc.setQuery(query);\n    if (!this.vc.active) this.query = query;\n    this.queryText = query;\n    this.syncSearchField();\n    forceUpdate(this);\n  }\n\n  /** Text pushed by `setQuery()`, pending mirroring into the search field. */\n  private queryText: string | null = null;\n\n  private syncSearchField() {\n    if (this.queryText === null) return;\n    const input = this.el.shadowRoot?.querySelector(\n      '.md-select__search',\n    ) as HTMLInputElement | null;\n    if (!input) return;\n    input.value = this.queryText;\n    this.queryText = null;\n  }\n\n  /** Resolve labels for values that may be outside the current filter/window. */\n  @Method()\n  async getLabels(values: string[]): Promise<Record<string, string>> {\n    return Object.fromEntries(this.vc.getLabels(values));\n  }\n\n  // ── Lifecycle / reactivity ───────────────────────────────\n\n  /** Initial value, restored on form reset. */\n  private defaultValue = '';\n\n  componentWillLoad() {\n    this.refreshOptions();\n    // Adopt an option-declared `selected` hint when no value was provided.\n    if (!this.value) {\n      const preselected = this.optionsData.find((o) => o.selected && !o.disabled);\n      if (preselected) this.value = preselected.value;\n    }\n    this.defaultValue = this.value;\n    this.syncFormValue();\n  }\n\n  /** Keep the submitted form value in sync with the selection. */\n  @Watch('value')\n  syncFormValue() {\n    setFormValue(this.internals, this.value || null);\n    this.updateSelectedLabel();\n    this.syncValidity();\n  }\n\n  /**\n   * Publish `required` to the owning form. Without this the select is\n   * form-associated (its value reaches FormData) yet ALWAYS reports valid, so an\n   * empty required control lets the form submit — `required` renders as a visual\n   * hint and nothing more. Kept in the same place as the value sync so the two\n   * can never drift.\n   */\n  @Watch('required')\n  @Watch('valueMissingLabel')\n  private syncValidity() {\n    setValidityState(this.internals, {\n      missing: this.required && !this.value,\n      missingMessage: this.valueMissingLabel,\n      customMessage: this.customValidityMessage,\n    });\n      this.emitValidityChange();\n  }\n\n  /** Current validity: boolean, message and flags. Mirrors md-text-field. */\n  @Method()\n  async getValidity(): Promise<{\n    valid: boolean;\n    validationMessage: string;\n    flags: Record<string, boolean>;\n  }> {\n    return getValidityOf(this.internals);\n  }\n\n  /**\n   * Fires when this control's validity CHANGES — never on every keystroke, and\n   * never for a re-publish that lands on the same state.\n   *\n   * `composed: false` is deliberate. Composites like md-select embed an\n   * md-text-field, and a composed event escapes that inner shadow root, so a\n   * listener on md-select would receive the inner field's event as well as the\n   * host's — two events, different payloads, for one logical control. Keeping\n   * it uncomposed means each component reports only for itself, while\n   * `bubbles: true` still lets a <form> or app root hear every control.\n   */\n  @Event({ bubbles: true, composed: false }) mdValidityChange: EventEmitter<{\n    valid: boolean;\n    validationMessage: string;\n    flags: Record<string, boolean>;\n  }>;\n\n  /** Last emitted validity, so a re-publish that changes nothing stays silent. */\n  private lastValidityKey: string | null = null;\n\n  /**\n   * Emit mdValidityChange if validity actually moved.\n   *\n   * The FIRST call only primes the baseline. Initial state is not a change, and\n   * emitting on mount would fire once per control on every page load — noise a\n   * consumer would have to filter out, and misleading for anything logging\n   * \"field became invalid\".\n   */\n  private emitValidityChange() {\n    const v = getValidityOf(this.internals);\n    const key = `${v.valid}|${v.validationMessage}`;\n    if (this.lastValidityKey === key) return;\n    const primed = this.lastValidityKey !== null;\n    this.lastValidityKey = key;\n    if (primed) this.mdValidityChange.emit(v);\n  }\n\n  /** Constraint-validation API, matching md-text-field and the native contract. */\n  @Method()\n  async checkValidity(): Promise<boolean> {\n    return checkValidityOf(this.internals);\n  }\n\n  /** Like checkValidity(), but also shows the browser's validation message. */\n  @Method()\n  async reportValidity(): Promise<boolean> {\n    return reportValidityOf(this.internals);\n  }\n\n  /** App/server-side validation: a non-empty message marks the control invalid\n   *  for its form until cleared with an empty string. */\n  @Method()\n  async setCustomValidity(message: string) {\n    this.customValidityMessage = message;\n    this.syncValidity();\n  }\n\n  /** Restore the initial selection when the owning form is reset. */\n  formResetCallback() {\n    this.value = this.defaultValue;\n  }\n\n  @Watch('options')\n  refreshOptions() {\n    const data = collectOptions(this.el, this.optionList);\n    const shouldVirtualize =\n      this.virtualize === 'always' ||\n      (this.virtualize === 'auto' && data.length > VIRTUALIZE_THRESHOLD);\n\n    if (shouldVirtualize && isWasmSupported() && data.length > 0) {\n      this.optionsData = [];\n      this.vc.setFixedRowHeight(this.rowHeight);\n      this.vc.setFilterMode(this.filterMode);\n      void this.vc.load(data).then((ok) => {\n        if (!ok) {\n          this.optionsData = data;\n          forceUpdate(this);\n        } else {\n          this.updateSelectedLabel();\n        }\n      });\n    } else {\n      this.vc.reset();\n      this.optionsData = data;\n    }\n  }\n\n  /** Refresh the cached trigger label for the current value (virtual mode). */\n  private updateSelectedLabel() {\n    if (!this.value) {\n      this.selectedLabel = '';\n    } else if (this.vc.active) {\n      this.selectedLabel = this.vc.getLabels([this.value]).get(this.value) ?? this.selectedLabel;\n    }\n    forceUpdate(this);\n  }\n\n  /** Slotted `<md-select-option>` mount/unmount/data change → re-read. */\n  @Listen('mdSelectOptionChange')\n  onOptionChange(e: Event) {\n    e.stopPropagation();\n    this.refreshOptions();\n  }\n\n  // Prevents @Watch re-entrancy when handleMenuClose syncs this.open back.\n  private _syncGuard = false;\n  // Deduplicates mdOpen/mdClose: only emit when the state actually flips.\n  private _lastEmit: 'open' | 'close' | null = null;\n\n  @Watch('open')\n  syncMenu(open: boolean) {\n    if (this._syncGuard || !this.menuEl) return;\n    if (open) {\n      // A filterable virtual menu focuses its search field, not the first row.\n      this.menuEl.show?.({ autoFocus: !(this.filterable && this.vc.active) });\n    } else {\n      this.menuEl.close?.();\n    }\n  }\n\n  // ── Keyboard (trigger) ───────────────────────────────────\n\n  @Listen('keydown')\n  handleKeyDown(e: KeyboardEvent) {\n    if (this.disabled) return;\n    if (!this.open && (e.key === 'ArrowDown' || e.key === 'Enter' || e.key === ' ')) {\n      e.preventDefault();\n      this.open = true;\n    } else if (this.open && e.key === 'Escape') {\n      e.preventDefault();\n      this.open = false;\n      this.fieldEl?.focus?.();\n    }\n  }\n\n  // ── Handlers ─────────────────────────────────────────────\n\n  private toggleOpen = () => {\n    if (this.disabled) return;\n    this.open = !this.open;\n  };\n\n  private selectValue = (val: string) => {\n    if (this.value === val) {\n      this.open = false;\n      return;\n    }\n    this.value = val;\n    this.mdChange.emit(val);\n    this.open = false;\n    this.fieldEl?.focus?.();\n  };\n\n  private clearValue = (e: MouseEvent) => {\n    e.stopPropagation();\n    if (this.disabled || !this.value) return;\n    this.value = '';\n    this.mdChange.emit('');\n  };\n\n  /** True once the vc is wired to the menu's live scroll viewport. */\n  private vpWired = false;\n\n  /** Wire the vc to the menu scroll viewport; a null resolve (viewport not\n   *  rendered yet — e.g. the menu opened while the dataset was packing and\n   *  showed the uncapped busy bar) just returns, and componentDidRender\n   *  retries until the wiring lands. */\n  private wireViewport() {\n    void (async () => {\n      const vp = (await this.menuEl?.getScrollViewport?.()) ?? null;\n      if (!vp || this.vpWired) return;\n      this.vpWired = true;\n      await this.vc.attachViewport(async () => vp);\n    })();\n  }\n\n  private handleMenuOpen = () => {\n    this._syncGuard = true;\n    this.open = true;\n    this._syncGuard = false;\n    if (this._lastEmit !== 'open') {\n      this._lastEmit = 'open';\n      this.mdOpen.emit();\n    }\n    if (this.vc.active) {\n      this.wireViewport();\n      if (this.filterable) {\n        requestAnimationFrame(() => {\n          const input = this.el.shadowRoot?.querySelector('.md-select__search') as HTMLElement | null;\n          input?.focus();\n          // Register the search input as the combobox so md-menu drives the\n          // listbox via aria-activedescendant on it (focus stays here while the\n          // user arrows through / filters the virtualized options).\n          void this.menuEl?.setComboboxElement?.(input);\n        });\n      }\n    }\n  };\n\n  private handleMenuClose = () => {\n    this._syncGuard = true;\n    this.open = false;\n    this._syncGuard = false;\n    // Reopening shows the full list: the search field is uncontrolled and\n    // unmounts with the menu, so a stale query would filter an empty-looking box.\n    if (this.query) this.query = '';\n    if (this._lastEmit !== 'close') {\n      this._lastEmit = 'close';\n      this.mdClose.emit();\n    }\n    void this.menuEl?.setComboboxElement?.(null);\n    this.vc.detachViewport();\n    this.vpWired = false;\n  };\n\n  private onSearchInput = (e: Event) => {\n    const q = (e.target as HTMLInputElement).value;\n    this.queryText = null; // typing supersedes a pending programmatic query\n    if (!this.vc.active) {\n      // Plain (non-virtual) list: filter the rendered options client-side. It is\n      // cheap, so it runs synchronously per keystroke — no spinner, no debounce.\n      this.query = q;\n      return;\n    }\n    // Show the spinner immediately, debounce the actual (expensive) query, then\n    // clear the spinner once results are in — a smooth, intentional transition.\n    if (!this.searching) {\n      this.searching = true;\n      forceUpdate(this);\n    }\n    clearTimeout(this.searchDebounce);\n    this.searchDebounce = setTimeout(() => {\n      this.vc.setQuery(q);\n      this.searching = false;\n      forceUpdate(this);\n    }, SEARCH_DEBOUNCE_MS);\n  };\n\n  /** Register/clear the virtual provider on the menu once it's rendered, and\n   *  (re)try viewport wiring for menus opened mid-pack. */\n  componentDidRender() {\n    this.syncSearchField();\n    if (!this.menuEl) return;\n    if (this.vc.active && !this.providerSet) {\n      void this.menuEl.setVirtualProvider?.(this.vc.provider);\n      this.providerSet = true;\n    } else if (!this.vc.active && this.providerSet) {\n      void this.menuEl.setVirtualProvider?.(null);\n      this.providerSet = false;\n    }\n    if (this.open && this.vc.active && !this.vpWired) this.wireViewport();\n  }\n\n  disconnectedCallback() {\n    clearTimeout(this.searchDebounce);\n    this.vc.detachViewport();\n  }\n\n  // ── Render ───────────────────────────────────────────────\n\n  /**\n   * Resolved accessible name for the control.\n   *\n   * A consumer names the select one of two ways: the visible `label` prop, or\n   * `aria-label` / `aria-labelledby` on the host — the latter used when there\n   * is no floating label, e.g. `md-table-pagination`'s rows-per-page select,\n   * which has a *separate* visible label element next to it. The host is\n   * role-less (generic), so a name set there is invisible to assistive tech,\n   * and an `aria-labelledby` IDREF can't cross the shadow boundary into the\n   * field's inner input. Resolve the name here (visible `label` wins, then\n   * `aria-label`, then the flattened text of `aria-labelledby` targets) so it\n   * can be forwarded onto the inner input (the real focus/accessible-name\n   * target) and used to name the popup listbox — instead of the input having\n   * no accessible name at all.\n   */\n  private get accessibleName(): string {\n    if (this.label) return this.label;\n    const ariaLabel = this.el.getAttribute('aria-label');\n    if (ariaLabel && ariaLabel.trim()) return ariaLabel.trim();\n    const labelledby = this.el.getAttribute('aria-labelledby');\n    if (labelledby) {\n      const root = this.el.getRootNode() as Document | ShadowRoot;\n      const text = labelledby\n        .trim()\n        .split(/\\s+/)\n        .map((id) => root.getElementById?.(id)?.textContent?.trim() ?? '')\n        .filter(Boolean)\n        .join(' ');\n      if (text) return text;\n    }\n    return '';\n  }\n\n  private renderTrigger() {\n    const display = this.vc.active\n      ? this.selectedLabel\n      : labelFor(this.optionsData, this.value);\n    const hasValue = !!this.value && !!display;\n    const showClear = this.clearable && hasValue && !this.disabled;\n    // When there's no visible `label`, forward the host's accessible name\n    // (aria-label / aria-labelledby) onto the field so md-text-field mirrors it\n    // as the inner input's accessible name. Skipped when `label` is set: the\n    // `label` prop already names the input, and passing aria-label too would\n    // both double-name and leave an aria-label on md-text-field's role-less host.\n    const fieldAriaLabel = this.label ? undefined : this.accessibleName || undefined;\n\n    return (\n      <md-text-field\n        ref={(el) => (this.fieldEl = el as HTMLElement)}\n        id={this.triggerId}\n        class=\"md-select__field\"\n        part=\"field\"\n        exportparts=\"container:field-container\"\n        variant={this.variant}\n        label={this.label}\n        aria-label={fieldAriaLabel}\n        placeholder={hasValue ? '' : this.placeholder}\n        value={display}\n        readOnly={true}\n        disabled={this.disabled}\n        required={this.required}\n        error={this.error}\n        errorText={this.errorText}\n        reserveSupportingSpace={this.reserveSupportingSpace}\n        supportingText={this.supportingText}\n        density={this.density}\n        appearFocused={this.open}\n        onClick={this.toggleOpen}\n      >\n        <span\n          slot=\"trailing-icon\"\n          class=\"md-select__trailing\"\n          part=\"trailing\"\n          aria-hidden=\"true\"\n        >\n          {this.loading ? (\n            // Busy state: a spinner replaces the caret/clear. Consumers can swap\n            // the spinner via the `loader` slot; the default is md-loading-indicator.\n            <span class=\"md-select__loader\" part=\"loading-spinner\">\n              <slot name=\"loader\">\n                <md-loading-indicator label={this.loadingText}></md-loading-indicator>\n              </slot>\n            </span>\n          ) : (\n            [\n              showClear && (\n                <md-icon-button\n                  class=\"md-select__clear\"\n                  part=\"clear\"\n                  size=\"xs\"\n                  icon={this.clearIcon}\n                  aria-label={this.clearLabel}\n                  shapeMorph={false}\n                  // Keep it out of the tab order: the cluster is aria-hidden and\n                  // the select trigger owns focus, matching the prior <button>.\n                  groupTabindex={-1}\n                  // Native click (not mdClick) so stopPropagation prevents the\n                  // field's toggle from also firing and opening the menu.\n                  onClick={this.clearValue}\n                ></md-icon-button>\n              ),\n              <span class=\"md-select__caret material-symbols-outlined\" part=\"caret\">\n                <slot name=\"dropdown-icon\">{this.dropdownIcon}</slot>\n              </span>,\n            ]\n          )}\n        </span>\n      </md-text-field>\n    );\n  }\n\n  private renderVirtualOptions() {\n    // The listbox wrapper lives in md-select's shadow root (slotted into md-menu),\n    // so the combobox input's aria-controls / aria-activedescendant IDREFs\n    // resolve, and the listbox directly owns its role=\"option\" children (the\n    // spacers are aria-hidden). This is the WAI-ARIA combobox/listbox structure.\n    return (\n      <div\n        class=\"md-select__listbox\"\n        role=\"listbox\"\n        id={`${this.triggerId}-listbox`}\n        aria-label={this.accessibleName || 'Options'}\n      >\n        <div\n          class=\"md-select__vspacer\"\n          style={{ height: `${this.vc.topPad}px` }}\n          aria-hidden=\"true\"\n        ></div>\n        {this.vc.windowRows.map((row, i) => {\n        const filteredIndex = this.vc.windowStart + i;\n        const selected = row.value === this.value;\n        return (\n          <md-menu-item\n            key={row.index}\n            // Stable id so md-menu can point aria-activedescendant here. Lives in\n            // md-select's shadow root alongside the combobox input, so the IDREF\n            // resolves. Keyed on the filtered index (its position in the list).\n            id={`${this.triggerId}-opt-${filteredIndex}`}\n            data-vindex={filteredIndex}\n            // Exposes the row as a listbox option (role=\"option\" + aria-selected)\n            // rather than a menuitemradio — the WAI-ARIA select/combobox pattern.\n            presentation=\"option\"\n            type=\"radio\"\n            check-position=\"start\"\n            keep-open\n            part={selected ? 'option option-selected' : 'option'}\n            disabled={row.disabled}\n            selected={selected}\n            headline={row.label}\n            supporting-text={row.supportingText || ''}\n            aria-setsize={this.vc.filteredLength}\n            aria-posinset={filteredIndex + 1}\n            onMdClick={() => this.selectValue(row.value)}\n          >\n            {row.icon ? (\n              <span\n                slot=\"leading-icon\"\n                part=\"option-icon\"\n                // Per-option `iconColor` is not carried on the virtualized (WASM)\n                // path — the byte-packed row store has no colour column — so\n                // virtual rows fall back to --md-select-option-icon-color.\n                class=\"material-symbols-outlined md-select__option-icon\"\n                aria-hidden=\"true\"\n              >\n                {row.icon}\n              </span>\n            ) : null}\n            {row.label}\n          </md-menu-item>\n        );\n        })}\n        <div\n          class=\"md-select__vspacer\"\n          style={{ height: `${this.vc.bottomPad}px` }}\n          aria-hidden=\"true\"\n        ></div>\n      </div>\n    );\n  }\n\n  private renderMenu() {\n    const virtual = this.vc.active;\n    // Non-virtual `filterable`: narrow the rendered options by label / supporting\n    // text (case-insensitive). Virtual filtering runs in the WASM engine instead.\n    const q = this.filterable && !virtual ? this.query.trim().toLowerCase() : '';\n    const listOptions = q\n      ? this.optionsData.filter(\n          (o) =>\n            o.label.toLowerCase().includes(q) ||\n            (o.supportingText || '').toLowerCase().includes(q),\n        )\n      : this.optionsData;\n    // While loading we show a wavy progress bar in the menu (below), not text.\n    const emptyText = this.loading\n      ? ''\n      : virtual\n        ? this.vc.filteredLength === 0\n          ? this.noResultsText\n          : ''\n        : this.optionsData.length === 0\n          ? this.noOptionsText\n          : q && listOptions.length === 0\n            ? this.noResultsText\n            : '';\n    // Virtualization needs a bounded viewport to scroll within.\n    const menuMaxHeight = virtual ? (this.maxHeight ?? 320) : this.maxHeight;\n\n    return (\n      <md-menu\n        ref={(el) => (this.menuEl = el as VirtualMenuEl)}\n        anchor={this.triggerId}\n        placement={this.placement}\n        match-anchor-width={this.matchTriggerWidth || this.fullWidth}\n        max-height={menuMaxHeight}\n        empty-text={emptyText}\n        // Present the popup as a WAI-ARIA listbox (not a menu) for every select,\n        // virtual or not, and name it.\n        listbox\n        list-label={this.accessibleName || 'Options'}\n        part=\"menu\"\n        onMdOpen={this.handleMenuOpen}\n        onMdClose={this.handleMenuClose}\n      >\n        {this.filterable && !this.loading && (\n          <div slot=\"header\" class=\"md-select__search-wrap\" part=\"search-wrap\">\n            <input\n              class=\"md-select__search\"\n              part=\"search\"\n              type=\"text\"\n              // WAI-ARIA combobox: this input owns focus while the listbox is\n              // open; the active option is conveyed via aria-activedescendant\n              // (set by md-menu). aria-controls points at the listbox wrapper,\n              // which md-select renders in this same shadow root so the IDREF\n              // resolves (the menu surface is only role=\"presentation\").\n              role=\"combobox\"\n              aria-haspopup=\"listbox\"\n              aria-expanded={String(this.open)}\n              aria-controls={`${this.triggerId}-listbox`}\n              aria-autocomplete=\"list\"\n              autocomplete=\"off\"\n              placeholder={this.searchPlaceholder}\n              aria-label={this.filterLabel || (this.label ? `Filter ${this.label}` : 'Filter options')}\n              onInput={this.onSearchInput}\n              onClick={(e: MouseEvent) => e.stopPropagation()}\n            />\n            {this.searching && (\n              <md-loading-indicator\n                class=\"md-select__search-spinner\"\n                part=\"search-spinner\"\n                label={this.searchingLabel}\n                aria-hidden=\"true\"\n              ></md-loading-indicator>\n            )}\n          </div>\n        )}\n        {this.loading ? (\n          // Busy state inside the menu: a wavy (M3 Expressive) indeterminate\n          // linear progress bar instead of \"Loading…\" text.\n          <div\n            class=\"md-select__loading\"\n            part=\"loading-bar\"\n            role=\"status\"\n            aria-label={this.loadingText}\n          >\n            <md-progress-indicator\n              variant=\"linear\"\n              indeterminate\n              wave\n              part=\"loading-progress\"\n              label={this.loadingText}\n            ></md-progress-indicator>\n          </div>\n        ) : virtual ? (\n          this.renderVirtualOptions()\n        ) : (\n          // Listbox wrapper in md-select's shadow root so aria-controls (from a\n          // combobox consumer) resolves and the listbox directly owns its\n          // role=\"option\" children — the WAI-ARIA select pattern, matching the\n          // virtual path. Options carry aria-selected (presentation=\"option\")\n          // rather than the menuitemradio/aria-checked of a menu.\n          <div\n            class=\"md-select__listbox\"\n            role=\"listbox\"\n            id={`${this.triggerId}-listbox`}\n            aria-label={this.accessibleName || 'Options'}\n          >\n            {listOptions.map((opt) => (\n              <md-menu-item\n                key={opt.value}\n                id={`${this.triggerId}-opt-${opt.value}`}\n                presentation=\"option\"\n                type=\"radio\"\n                check-position=\"start\"\n                keep-open\n                part={opt.value === this.value ? 'option option-selected' : 'option'}\n                disabled={opt.disabled}\n                selected={opt.value === this.value}\n                headline={opt.label}\n                supporting-text={opt.supportingText || ''}\n                onMdClick={() => this.selectValue(opt.value)}\n              >\n                {opt.icon ? (\n                  <span\n                    slot=\"leading-icon\"\n                    part=\"option-icon\"\n                    class=\"material-symbols-outlined md-select__option-icon\"\n                    style={opt.iconColor ? { color: opt.iconColor } : undefined}\n                    aria-hidden=\"true\"\n                  >\n                    {opt.icon}\n                  </span>\n                ) : null}\n                {/* No light-DOM label copy: md-menu-item renders `headline` in\n                    its shadow and has no default slot — the unslotted text\n                    still entered accname computation, doubling the option's\n                    accessible name (\"10 10\"). */}\n              </md-menu-item>\n            ))}\n          </div>\n        )}\n      </md-menu>\n    );\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          'md-select': true,\n          [`md-select--${this.variant}`]: true,\n          'md-select--open': this.open,\n          'md-select--disabled': this.disabled,\n          'md-select--loading': this.loading,\n        }}\n        aria-haspopup=\"listbox\"\n        // No aria-expanded on the host: it has no role, so a screen reader ignores\n        // it there (axe flags it \"aria attribute may be ignored\"). The expanded\n        // state lives where it works — the filterable search (role=combobox) — and\n        // on open, focus moves into the menu (the search, or md-menu's active row).\n        aria-busy={this.loading ? 'true' : undefined}\n      >\n        {this.renderTrigger()}\n        {this.renderMenu()}\n        {/* Keep the declarative options in the light DOM (hidden) so the\n            slotchange/mutation reactivity has something to observe. */}\n        <div class=\"md-select__options\" hidden>\n          <slot onSlotchange={() => this.refreshOptions()} />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}