@diwacopilot/components 1.2.0 → 1.2.1

package/dist/diwa-components/p-46a8a0a7.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getComponentCss","isOpen","_disabled","_state","_compact","isUp","getFocusStyle","getReducedMotionStyle","multiSelectIdCounter","DiwaMultiSelect","constructor","hostRef","this","theme","name","value","state","hideLabel","disabled","required","compact","dropdownDirection","filterText","hasFilterResults","dropdownClass","internalId","options","highlightedIndex","hasCustomFilterSlot","hasCustomSelectedSlot","onClickOutside","e","path","composedPath","includes","host","blur","emit","onTriggerClick","onTriggerKeyDown","key","preventDefault","triggerEl","focus","visible","getVisibleOptions","Math","min","length","applyHighlight","max","vis","current","dispatchEvent","MouseEvent","bubbles","composed","onFilterInput","term","target","toLowerCase","anyVisible","opt","text","_a","textContent","match","style","display","onResetClick","stopPropagation","syncSelectionFromValue","change","forceUpdate","onThemeChange","syncChildThemes","onCompactChange","syncChildCompact","onValueChange","onIsOpenChange","open","toggle","updateDropdownDirection","getFirstHighlightIndex","requestAnimationFrame","filterInputEl","clearHighlight","resetFilter","connectedCallback","document","addEventListener","disconnectedCallback","removeEventListener","componentWillLoad","querySelector","componentDidLoad","collectOptions","close","onOptionUpdate","selected","detail","filter","v","onSlotChange","Array","from","querySelectorAll","valueSet","Set","shouldBeSelected","has","o","firstSelected","findIndex","forEach","i","highlighted","rect","getBoundingClientRect","spaceBelow","window","innerHeight","bottom","selectedLabels","map","trim","Boolean","join","render","labelId","listboxId","hintId","hasMessage","message","hasValue","h","Host","innerHTML","label","class","id","part","description","role","undefined","tabIndex","onClick","onKeyDown","ref","el","type","viewBox","fill","xmlns","d","stroke","placeholder","autocomplete","onInput","onSlotchange"],"sources":["src/components/diwa-multi-select/diwa-multi-select-styles.ts","src/components/diwa-multi-select/diwa-multi-select.tsx"],"sourcesContent":["import { getFocusStyle, getReducedMotionStyle } from '../../utils/styles';\nimport type { MultiSelectState } from './types';\r\n\r\nexport const getComponentCss = (\r\n  isOpen: boolean,\r\n  _disabled: boolean,\r\n  _state: MultiSelectState,\r\n  _compact: boolean,\r\n  isUp: boolean = false,\r\n): string => `\r\n  /* ── Host ──────────────────────────────────────────────────────────── */\r\n\r\n  :host {\r\n    display: block;\r\n    position: relative;\r\n    width: 100%;\r\n    min-width: 0;\r\n    font-family: var(--diwa-font-family-base);\r\n    outline: none;\r\n  }\r\n\r\n  :host([hidden]) {\r\n    display: none;\r\n  }\r\n\r\n  /* ── Label ──────────────────────────────────────────────────────────── */\r\n\r\n  .label {\r\n    display: block;\r\n    margin-bottom: var(--diwa-space-1);\r\n    font-size: var(--diwa-font-size-sm);\r\n    font-weight: var(--diwa-font-weight-semibold);\r\n    color: var(--diwa-text-secondary);\r\n    line-height: var(--diwa-line-height-normal);\r\n    cursor: default;\r\n  }\r\n\r\n  :host([hide-label]) .label {\r\n    border: 0;\r\n    clip: rect(0, 0, 0, 0);\r\n    height: 1px;\r\n    margin: -1px;\r\n    overflow: hidden;\r\n    padding: 0;\r\n    position: absolute;\r\n    white-space: nowrap;\r\n    width: 1px;\r\n  }\r\n\r\n  .label__required {\r\n    color: var(--diwa-notification-error);\r\n    font-weight: var(--diwa-font-weight-semibold);\r\n    margin-left: var(--diwa-space-1);\r\n  }\r\n\r\n  /* ── Description ────────────────────────────────────────────────────── */\r\n\r\n  .description {\r\n    display: block;\r\n    margin-bottom: var(--diwa-space-2);\r\n    font-size: var(--diwa-font-size-sm);\r\n    color: var(--diwa-text-secondary);\r\n    line-height: var(--diwa-line-height-normal);\r\n  }\r\n\r\n  /* ── Trigger button ─────────────────────────────────────────────────── */\r\n\r\n  .trigger {\n    display: flex;\r\n    align-items: center;\r\n    width: 100%;\r\n    min-height: var(--diwa-input-height, var(--diwa-touch-target-min-size, 44px));\n    padding: 0 var(--diwa-space-3);\r\n    box-sizing: border-box;\r\n    gap: var(--diwa-space-2);\r\n\r\n    background: var(--diwa-input-bg, var(--diwa-bg-input));\r\n    border: var(--diwa-border-width-thin) solid var(--diwa-input-border);\r\n    border-radius: var(--diwa-input-radius, var(--diwa-radius-md));\r\n\r\n    font-size: var(--diwa-font-size-base);\r\n    font-weight: var(--diwa-font-weight-normal);\r\n    font-family: inherit;\r\n    color: var(--diwa-text-primary);\r\n    text-align: left;\r\n    line-height: 1;\r\n\r\n    cursor: pointer;\r\n    user-select: none;\r\n    -webkit-font-smoothing: antialiased;\r\n\r\n    transition: border-color var(--diwa-transition-fast), background var(--diwa-transition-fast);\r\n    appearance: none;\r\n    -webkit-appearance: none;\r\n  }\r\n\r\n  @media (hover: hover) and (pointer: fine) {\n    :host(:not([disabled])) .trigger:hover {\n      border-color: var(--diwa-border-hover);\n    }\n  }\n\r\n  ${isOpen && !isUp ? '.trigger { border-color: var(--diwa-border-focus); border-radius: var(--diwa-input-radius, var(--diwa-radius-md)) var(--diwa-input-radius, var(--diwa-radius-md)) 0 0; }' : ''}\r\n  ${isOpen && isUp ? '.trigger { border-color: var(--diwa-border-focus); border-radius: 0 0 var(--diwa-input-radius, var(--diwa-radius-md)) var(--diwa-input-radius, var(--diwa-radius-md)); }' : ''}\r\n\r\n  /* ── Focus ring on trigger itself (not when a shadow descendant is focused) ─ */\r\n\r\n  ${getFocusStyle('.trigger')}\n\r\n  /* ── Selected text ──────────────────────────────────────────────────── */\r\n\r\n  .trigger__value {\r\n    flex: 1;\r\n    min-width: 0;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .trigger__placeholder {\r\n    color: var(--diwa-text-secondary);\r\n  }\r\n\r\n  /* ── Reset button ───────────────────────────────────────────────────── */\r\n\r\n  .trigger__reset {\n    flex-shrink: 0;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: var(--diwa-touch-target-min-size, 44px);\n    height: var(--diwa-touch-target-min-size, 44px);\n    padding: 0;\r\n    border: none;\r\n    background: none;\r\n    color: var(--diwa-text-secondary);\r\n    cursor: pointer;\r\n    border-radius: var(--diwa-radius-sm);\r\n    line-height: 0;\r\n    font-size: var(--diwa-font-size-base);\r\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .trigger__reset:hover {\n      color: var(--diwa-text-primary);\n    }\n  }\n\n  .trigger__reset:focus-visible {\n    outline: var(--diwa-focus-ring-width) solid var(--diwa-border-focus);\n    outline-offset: -2px;\n  }\n\n  .trigger__reset:focus:not(:focus-visible) {\n    outline: none;\n  }\n\r\n  /* ── Chevron icon ───────────────────────────────────────────────────── */\r\n\r\n  .trigger__chevron {\r\n    flex-shrink: 0;\r\n    width: var(--diwa-icon-size-md);\r\n    height: var(--diwa-icon-size-md);\r\n    color: var(--diwa-text-secondary);\r\n    transition: transform var(--diwa-transition-fast);\r\n    ${isOpen ? 'transform: rotate(180deg);' : ''}\r\n  }\r\n\r\n  .trigger__chevron svg {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n\r\n  /* ── Dropdown panel ─────────────────────────────────────────────────── */\r\n\r\n  .dropdown {\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    z-index: var(--diwa-z-dropdown);\r\n    background-color: var(--diwa-bg-elevated);\r\n    border: var(--diwa-border-width-thin) solid var(--diwa-border-focus);\r\n    border-top: none;\r\n    border-radius: 0 0 var(--diwa-input-radius, var(--diwa-radius-md)) var(--diwa-input-radius, var(--diwa-radius-md));\r\n    overflow: hidden;\r\n    box-shadow: var(--diwa-shadow-lg);\r\n    display: ${isOpen ? 'block' : 'none'};\r\n  }\r\n\r\n  .dropdown--up {\r\n    top: auto;\r\n    bottom: 100%;\r\n    border-top: var(--diwa-border-width-thin) solid var(--diwa-border-focus);\r\n    border-bottom: none;\r\n    border-radius: var(--diwa-input-radius, var(--diwa-radius-md)) var(--diwa-input-radius, var(--diwa-radius-md)) 0 0;\r\n    margin-bottom: -1px;\r\n  }\r\n\r\n  /* ── Filter input ───────────────────────────────────────────────────── */\r\n\r\n  .filter {\r\n    padding: var(--diwa-space-2) var(--diwa-space-2) var(--diwa-space-1);\r\n    border-bottom: var(--diwa-border-width-thin) solid var(--diwa-input-border);\r\n  }\r\n\r\n  .filter__input {\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    padding: var(--diwa-space-2) var(--diwa-space-3);\r\n    background: var(--diwa-input-bg, var(--diwa-bg-input));\r\n    border: var(--diwa-border-width-thin) solid var(--diwa-input-border);\r\n    border-radius: var(--diwa-radius-sm);\r\n    color: var(--diwa-text-primary);\r\n    font-size: var(--diwa-font-size-sm);\r\n    font-family: inherit;\r\n    outline: none;\r\n    transition: border-color var(--diwa-transition-fast);\r\n  }\r\n\r\n  .filter__input::placeholder {\n    color: var(--diwa-text-secondary);\n  }\n\n  .filter__input:focus-visible {\n    outline: var(--diwa-focus-ring-width) solid var(--diwa-border-focus);\n    outline-offset: var(--diwa-focus-ring-offset);\n  }\n\n  .filter__input:focus:not(:focus-visible) {\n    outline: none;\n  }\n\r\n  /* ── Options list ───────────────────────────────────────────────────── */\r\n\r\n  .options {\r\n    max-height: var(--diwa-select-dropdown-max-height);\r\n    overflow-y: auto;\r\n    padding: var(--diwa-space-1);\r\n  }\r\n\r\n  .options::-webkit-scrollbar {\r\n    width: var(--diwa-scrollbar-width);\r\n  }\r\n\r\n  .options::-webkit-scrollbar-track {\r\n    background: transparent;\r\n  }\r\n\r\n  .options::-webkit-scrollbar-thumb {\r\n    background-color: var(--diwa-border);\r\n    border-radius: var(--diwa-radius-sm);\r\n  }\r\n\r\n  /* ── Compact ────────────────────────────────────────────────────────── */\r\n\r\n  :host([compact]) .trigger {\n    min-height: var(--diwa-touch-target-min-size-compact, 32px);\n    font-size: var(--diwa-font-size-md);\n    padding: 0 var(--diwa-space-2);\n  }\n\r\n  /* ── States: error / success ────────────────────────────────────────── */\r\n\r\n  :host([state=\"error\"]) .trigger {\r\n    border-color: var(--diwa-notification-error);\r\n  }\r\n\r\n  :host([state=\"success\"]) .trigger {\r\n    border-color: var(--diwa-notification-success);\r\n  }\r\n\r\n  /* ── Message ────────────────────────────────────────────────────────── */\r\n\r\n  .message {\r\n    display: block;\r\n    margin-top: var(--diwa-space-1);\r\n    font-size: var(--diwa-font-size-sm);\r\n    line-height: var(--diwa-line-height-normal);\r\n    color: var(--diwa-text-secondary);\r\n  }\r\n\r\n  :host([state=\"error\"]) .message {\r\n    color: var(--diwa-notification-error);\r\n  }\r\n\r\n  :host([state=\"success\"]) .message {\r\n    color: var(--diwa-notification-success);\r\n  }\r\n\r\n  /* ── Disabled ───────────────────────────────────────────────────────── */\r\n\r\n  :host([disabled]) .trigger {\r\n    opacity: var(--diwa-opacity-disabled);\r\n    cursor: not-allowed;\r\n    pointer-events: none;\r\n  }\r\n\r\n  :host([disabled]) .label {\r\n    opacity: var(--diwa-opacity-disabled);\r\n  }\r\n\r\n  /* ── Reduced motion ─────────────────────────────────────────────────── */\r\n\r\n  ${getReducedMotionStyle('.trigger', '.trigger__chevron', '.filter__input')}\r\n`;\r\n\r\n\r\n","import {\r\n  Component,\r\n  Element,\r\n  Event,\r\n  type EventEmitter,\r\n  Host,\r\n  Listen,\r\n  Method,\r\n  Prop,\r\n  State,\r\n  Watch,\r\n  forceUpdate,\r\n  h,\r\n} from '@stencil/core';\r\nimport type {\r\n  MultiSelectChangeEventDetail,\r\n  MultiSelectDropdownDirection,\r\n  MultiSelectState,\r\n  MultiSelectTheme,\r\n  MultiSelectToggleEventDetail,\r\n} from './types';\r\nimport { getComponentCss } from './diwa-multi-select-styles';\r\n\r\n/** Module-level counter for unique IDs. */\r\nlet multiSelectIdCounter = 0;\r\n\r\n/**\r\n * @component diwa-multi-select\r\n *\r\n * A fully accessible multi-select dropdown with built-in text filter,\r\n * keyboard navigation, and form integration.\r\n *\r\n * Based on the Diwa multi-select API contract.\n *\r\n * Design token override API:\r\n *   --diwa-multi-select-height     Trigger button height (default 40px)\r\n *   --diwa-multi-select-height-sm  Trigger height when compact (default 32px)\r\n *\r\n * Usage:\r\n *   <diwa-multi-select name=\"fruits\" label=\"Fruits\">\r\n *     <diwa-multi-select-option value=\"apple\">Apple</diwa-multi-select-option>\r\n *     <diwa-multi-select-option value=\"banana\">Banana</diwa-multi-select-option>\r\n *   </diwa-multi-select>\r\n *\r\n * @slot default         — diwa-multi-select-option elements\r\n * @slot label           — Custom label content (overrides the label prop)\r\n * @slot description     — Custom description content\r\n * @slot message         — Custom message content\r\n * @slot selected        — Custom selected-value display in the trigger button\r\n * @slot filter          — Custom filter input; disables the built-in filter\r\n * @slot options-status  — Loading / no-results / error content for async patterns\r\n */\r\n@Component({\r\n  tag: 'diwa-multi-select',\r\n  shadow: { delegatesFocus: true },\r\n})\r\nexport class DiwaMultiSelect {\r\n  @Element() host!: HTMLElement;\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Props\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  /** Theme — cascades down to child options. */\r\n  @Prop({ reflect: true }) theme: MultiSelectTheme = 'dark';\r\n\r\n  /** Visible label text. */\r\n  @Prop() label?: string;\r\n\r\n  /** Optional description shown below the label. */\r\n  @Prop() description?: string;\r\n\r\n  /** HTML name attribute — identifies the field in form submissions. */\r\n  @Prop() name: string = '';\r\n\r\n  /** Currently selected values. Mutable — updated on user interaction. */\r\n  @Prop({ mutable: true }) value: string[] = [];\r\n\r\n  /** Validation state. */\r\n  @Prop({ reflect: true }) state: MultiSelectState = 'none';\r\n\r\n  /** Helper / validation message shown below the trigger. */\r\n  @Prop() message?: string;\r\n\r\n  /** Hides the label visually while keeping it accessible. */\r\n  @Prop({ reflect: true, attribute: 'hide-label' }) hideLabel: boolean = false;\r\n\r\n  /** Disables interaction. */\r\n  @Prop({ reflect: true }) disabled: boolean = false;\r\n\r\n  /** Marks the field as required. */\r\n  @Prop() required: boolean = false;\r\n\r\n  /** Compact variant — reduces the trigger height. */\r\n  @Prop({ reflect: true }) compact: boolean = false;\r\n\r\n  /**\r\n   * Preferred direction for the dropdown panel.\r\n   * `'auto'` detects viewport space and flips upward if needed.\r\n   */\r\n  @Prop() dropdownDirection: MultiSelectDropdownDirection = 'auto';\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Events\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  /** Emitted when the selection changes. */\r\n  @Event({ bubbles: true })\r\n  change!: EventEmitter<MultiSelectChangeEventDetail>;\r\n\r\n  /** Emitted when the dropdown opens or closes. */\r\n  @Event({ bubbles: false })\r\n  toggle!: EventEmitter<MultiSelectToggleEventDetail>;\r\n\r\n  /** Emitted when the component loses focus (dropdown closes via click-outside). */\r\n  @Event({ bubbles: false })\r\n  blur!: EventEmitter<void>;\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Internal state\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  @State() private isOpen: boolean = false;\r\n  @State() private filterText: string = '';\r\n  @State() private hasFilterResults: boolean = true;\r\n  @State() private dropdownClass: string = 'dropdown';\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Private refs / tracking\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  private internalId: string = `diwa-ms-${++multiSelectIdCounter}`;\r\n  private triggerEl!: HTMLDivElement;\r\n  private filterInputEl?: HTMLInputElement;\r\n  private options: HTMLDiwaMultiSelectOptionElement[] = [];\r\n  private highlightedIndex: number = -1;\r\n  private hasCustomFilterSlot: boolean = false;\r\n  private hasCustomSelectedSlot: boolean = false;\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Watchers\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  @Watch('theme')\r\n  onThemeChange(): void {\r\n    this.syncChildThemes();\r\n  }\r\n\r\n  @Watch('compact')\r\n  onCompactChange(): void {\r\n    this.syncChildCompact();\r\n  }\r\n\r\n  @Watch('value')\r\n  onValueChange(): void {\r\n    this.syncSelectionFromValue();\r\n  }\r\n\r\n  @Watch('isOpen')\r\n  onIsOpenChange(open: boolean): void {\r\n    this.toggle.emit({ open });\r\n    if (open) {\r\n      this.updateDropdownDirection();\r\n      // Move highlight to first selected option, or first option\r\n      this.highlightedIndex = this.getFirstHighlightIndex();\r\n      this.applyHighlight();\r\n      // Focus filter when opening\r\n      requestAnimationFrame(() => {\r\n        if (!this.hasCustomFilterSlot) {\r\n          this.filterInputEl?.focus();\r\n        }\r\n      });\r\n    } else {\r\n      this.clearHighlight();\r\n      this.highlightedIndex = -1;\r\n      if (!this.hasCustomFilterSlot) {\r\n        this.resetFilter();\r\n      }\r\n    }\r\n  }\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Lifecycle\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  connectedCallback(): void {\r\n    document.addEventListener('mousedown', this.onClickOutside, true);\r\n  }\r\n\r\n  disconnectedCallback(): void {\r\n    document.removeEventListener('mousedown', this.onClickOutside, true);\r\n  }\r\n\r\n  componentWillLoad(): void {\r\n    this.hasCustomFilterSlot = this.host.querySelector('[slot=\"filter\"]') !== null;\r\n    this.hasCustomSelectedSlot = this.host.querySelector('[slot=\"selected\"]') !== null;\r\n  }\r\n\r\n  componentDidLoad(): void {\r\n    this.collectOptions();\r\n    this.syncSelectionFromValue();\r\n    this.syncChildThemes();\r\n    this.syncChildCompact();\r\n  }\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Public methods\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  /** Programmatically opens the dropdown. */\r\n  @Method()\r\n  async open(): Promise<void> {\r\n    this.isOpen = true;\r\n  }\r\n\r\n  /** Programmatically closes the dropdown. */\r\n  @Method()\r\n  async close(): Promise<void> {\r\n    this.isOpen = false;\r\n  }\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Event listeners\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  @Listen('diwaMultiSelectOptionUpdate')\r\n  onOptionUpdate(e: CustomEvent<{ value: string; selected: boolean }>): void {\r\n    e.stopPropagation();\r\n    const { value, selected } = e.detail;\r\n    if (selected) {\r\n      if (!this.value.includes(value)) {\r\n        this.value = [...this.value, value];\r\n      }\r\n    } else {\r\n      this.value = this.value.filter((v) => v !== value);\r\n    }\r\n    this.syncSelectionFromValue();\r\n    this.change.emit({ name: this.name, value: this.value });\r\n    forceUpdate(this.host);\r\n  }\r\n\r\n  @Listen('slotchange')\r\n  onSlotChange(): void {\r\n    this.collectOptions();\r\n    this.syncSelectionFromValue();\r\n    this.syncChildThemes();\r\n    this.syncChildCompact();\r\n  }\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Private helpers\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  private collectOptions(): void {\r\n    this.options = Array.from(\r\n      this.host.querySelectorAll<HTMLDiwaMultiSelectOptionElement>('diwa-multi-select-option'),\r\n    );\r\n  }\r\n\r\n  private syncSelectionFromValue(): void {\r\n    const valueSet = new Set(this.value);\r\n    for (const opt of this.options) {\r\n      const shouldBeSelected = valueSet.has(opt.value);\r\n      if (opt.selected !== shouldBeSelected) {\r\n        opt.selected = shouldBeSelected;\r\n        forceUpdate(opt);\r\n      }\r\n    }\r\n  }\r\n\r\n  private syncChildThemes(): void {\r\n    for (const opt of this.options) {\r\n      if (opt.theme !== this.theme) {\r\n        opt.theme = this.theme;\r\n        forceUpdate(opt);\r\n      }\r\n    }\r\n  }\r\n\r\n  private syncChildCompact(): void {\r\n    for (const opt of this.options) {\r\n      if (opt.compact !== this.compact) {\r\n        opt.compact = this.compact;\r\n        forceUpdate(opt);\r\n      }\r\n    }\r\n  }\r\n\r\n  private getVisibleOptions(): HTMLDiwaMultiSelectOptionElement[] {\r\n    return this.options.filter((o) => !o.disabled && o.style.display !== 'none');\r\n  }\r\n\r\n  private getFirstHighlightIndex(): number {\r\n    const visible = this.getVisibleOptions();\r\n    const firstSelected = visible.findIndex((o) => o.selected);\r\n    return firstSelected >= 0 ? firstSelected : 0;\r\n  }\r\n\r\n  private applyHighlight(): void {\r\n    const visible = this.getVisibleOptions();\r\n    visible.forEach((opt, i) => {\r\n      opt.highlighted = i === this.highlightedIndex;\r\n    });\r\n  }\r\n\r\n  private clearHighlight(): void {\r\n    for (const opt of this.options) {\r\n      if (opt.highlighted) opt.highlighted = false;\r\n    }\r\n    this.highlightedIndex = -1;\r\n  }\r\n\r\n  private updateDropdownDirection(): void {\r\n    if (this.dropdownDirection !== 'auto') {\r\n      this.dropdownClass = this.dropdownDirection === 'up' ? 'dropdown dropdown--up' : 'dropdown';\r\n      return;\r\n    }\r\n    const rect = this.triggerEl.getBoundingClientRect();\r\n    const spaceBelow = window.innerHeight - rect.bottom;\r\n    this.dropdownClass = spaceBelow < 260 ? 'dropdown dropdown--up' : 'dropdown';\r\n  }\r\n\r\n  private resetFilter(): void {\r\n    this.filterText = '';\r\n    if (this.filterInputEl) this.filterInputEl.value = '';\r\n    this.hasFilterResults = true;\r\n    for (const opt of this.options) {\r\n      opt.style.display = '';\r\n    }\r\n  }\r\n\r\n  private onClickOutside = (e: MouseEvent): void => {\r\n    if (!this.isOpen) return;\r\n    const path = e.composedPath();\r\n    if (!path.includes(this.host)) {\r\n      this.isOpen = false;\r\n      this.blur.emit();\r\n    }\r\n  };\r\n\r\n  private onTriggerClick = (): void => {\r\n    if (this.disabled) return;\r\n    this.isOpen = !this.isOpen;\r\n  };\r\n\r\n  private onTriggerKeyDown = (e: KeyboardEvent): void => {\r\n    if (this.disabled) return;\r\n\r\n    if (!this.isOpen) {\r\n      if (e.key === 'ArrowDown' || e.key === 'ArrowUp' || e.key === 'Enter' || e.key === ' ') {\r\n        e.preventDefault();\r\n        this.isOpen = true;\r\n      }\r\n      return;\r\n    }\r\n\r\n    switch (e.key) {\r\n      case 'Escape':\r\n      case 'Tab': {\r\n        e.preventDefault();\r\n        this.isOpen = false;\r\n        this.triggerEl.focus();\r\n        break;\r\n      }\r\n      case 'ArrowDown': {\r\n        e.preventDefault();\r\n        const visible = this.getVisibleOptions();\r\n        this.highlightedIndex = Math.min(this.highlightedIndex + 1, visible.length - 1);\r\n        this.applyHighlight();\r\n        break;\r\n      }\r\n      case 'ArrowUp': {\r\n        e.preventDefault();\r\n        this.highlightedIndex = Math.max(this.highlightedIndex - 1, 0);\r\n        this.applyHighlight();\r\n        break;\r\n      }\r\n      case 'Home': {\r\n        e.preventDefault();\r\n        this.highlightedIndex = 0;\r\n        this.applyHighlight();\r\n        break;\r\n      }\r\n      case 'End': {\r\n        e.preventDefault();\r\n        const vis = this.getVisibleOptions();\r\n        this.highlightedIndex = vis.length - 1;\r\n        this.applyHighlight();\r\n        break;\r\n      }\r\n      case 'Enter':\r\n      case ' ': {\r\n        e.preventDefault();\r\n        const current = this.getVisibleOptions()[this.highlightedIndex];\r\n        if (current && !current.disabled) {\r\n          current.dispatchEvent(new MouseEvent('click', { bubbles: true, composed: true }));\r\n        }\r\n        break;\r\n      }\r\n    }\r\n  };\r\n\r\n  private onFilterInput = (e: Event): void => {\r\n    const term = (e.target as HTMLInputElement).value.toLowerCase();\r\n    this.filterText = term;\r\n\r\n    let anyVisible = false;\r\n    for (const opt of this.options) {\r\n      const text = (opt.textContent ?? '').toLowerCase();\r\n      const match = text.includes(term);\r\n      opt.style.display = match ? '' : 'none';\r\n      if (match) anyVisible = true;\r\n    }\r\n    this.hasFilterResults = anyVisible;\r\n    // Reset highlight to first visible\r\n    this.highlightedIndex = 0;\r\n    this.applyHighlight();\r\n  };\r\n\r\n  private onResetClick = (e: MouseEvent): void => {\r\n    e.stopPropagation();\r\n    this.value = [];\r\n    this.syncSelectionFromValue();\r\n    this.change.emit({ name: this.name, value: [] });\r\n    forceUpdate(this.host);\r\n    this.triggerEl.focus();\r\n  };\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Computed display values\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  private get selectedLabels(): string {\r\n    return this.options\r\n      .filter((o) => this.value.includes(o.value))\r\n      .map((o) => (o.textContent ?? '').trim())\r\n      .filter(Boolean)\r\n      .join(', ');\r\n  }\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Render\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  render() {\r\n    const labelId = `${this.internalId}-label`;\r\n    const listboxId = `${this.internalId}-listbox`;\r\n    const hintId = `${this.internalId}-hint`;\r\n    const hasMessage = !!this.message && this.state !== 'none';\r\n    const hasValue = this.value.length > 0;\r\n\r\n    return (\r\n      <Host data-theme={this.theme}>\r\n        <style innerHTML={getComponentCss(this.isOpen, this.disabled, this.state, this.compact, this.dropdownClass.includes('--up'))} />\r\n\r\n        {/* Label */}\r\n        {(this.label || this.host.querySelector('[slot=\"label\"]')) && (\r\n          <span class=\"label\" id={labelId} part=\"label\">\r\n            <slot name=\"label\">{this.label}</slot>\r\n            {this.required && <span class=\"label__required\" aria-hidden=\"true\">*</span>}\r\n          </span>\r\n        )}\r\n\r\n        {/* Description */}\r\n        {(this.description || this.host.querySelector('[slot=\"description\"]')) && (\r\n          <span class=\"description\" part=\"description\">\r\n            <slot name=\"description\">{this.description}</slot>\r\n          </span>\r\n        )}\r\n\r\n        {/* Trigger — combobox div; avoids nesting <button> inside <button> */}\r\n        <div\r\n          class=\"trigger\"\r\n          role=\"combobox\"\r\n          aria-haspopup=\"listbox\"\r\n          aria-expanded={this.isOpen ? 'true' : 'false'}\r\n          aria-controls={listboxId}\r\n          aria-labelledby={this.label ? labelId : undefined}\r\n          aria-required={this.required ? 'true' : undefined}\r\n          aria-invalid={this.state === 'error' ? 'true' : undefined}\r\n          aria-describedby={hasMessage ? hintId : undefined}\r\n          tabIndex={this.disabled ? -1 : 0}\r\n          onClick={this.onTriggerClick}\r\n          onKeyDown={this.onTriggerKeyDown}\r\n          ref={(el) => (this.triggerEl = el as HTMLDivElement)}\r\n          part=\"trigger\"\r\n        >\r\n          {/* Selected display */}\r\n          <span class={`trigger__value${!hasValue ? ' trigger__placeholder' : ''}`} part=\"value\">\r\n            {this.hasCustomSelectedSlot ? (\r\n              <slot name=\"selected\" />\r\n            ) : hasValue ? (\r\n              this.selectedLabels\r\n            ) : (\r\n              this.label || 'Select options'\r\n            )}\r\n          </span>\r\n\r\n          {/* Reset button */}\r\n          {hasValue && (\r\n            <button\r\n              class=\"trigger__reset\"\r\n              type=\"button\"\r\n              aria-label=\"Reset selection\"\r\n              onClick={this.onResetClick}\r\n              onKeyDown={(e: KeyboardEvent) => {\r\n                if (e.key === 'Tab') this.isOpen = false;\r\n              }}\r\n              part=\"reset\"\r\n            >\r\n              ✕\r\n            </button>\r\n          )}\r\n\r\n          {/* Chevron */}\r\n          <span class=\"trigger__chevron\" aria-hidden=\"true\" part=\"chevron\">\r\n            <svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n              <path d=\"M4 6L8 10L12 6\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n            </svg>\r\n          </span>\r\n        </div>\r\n\r\n        {/* Dropdown */}\r\n        <div\r\n          class={this.dropdownClass}\r\n          role=\"dialog\"\r\n          aria-label={this.label}\r\n          aria-hidden={this.isOpen ? undefined : 'true'}\r\n          part=\"dropdown\"\r\n        >\r\n          {/* Filter */}\r\n          {this.hasCustomFilterSlot ? (\r\n            <div class=\"filter\">\r\n              <slot name=\"filter\" />\r\n            </div>\r\n          ) : (\r\n            <div class=\"filter\">\r\n              <input\r\n                class=\"filter__input\"\r\n                type=\"text\"\r\n                placeholder=\"Filter options…\"\r\n                aria-label=\"Filter options\"\r\n                autocomplete=\"off\"\r\n                value={this.filterText}\r\n                onInput={this.onFilterInput}\r\n                onKeyDown={this.onTriggerKeyDown}\r\n                ref={(el) => (this.filterInputEl = el as HTMLInputElement)}\r\n                part=\"filter-input\"\r\n              />\r\n            </div>\r\n          )}\r\n\r\n          {/* Options list */}\r\n          <div\r\n            class=\"options\"\r\n            id={listboxId}\r\n            role=\"listbox\"\r\n            aria-label={this.label}\r\n            aria-multiselectable=\"true\"\r\n            part=\"options\"\r\n          >\r\n            {!this.hasFilterResults && (\r\n              <div class=\"no-results\" role=\"alert\" aria-live=\"polite\">\r\n                No results found\r\n              </div>\r\n            )}\r\n            <slot name=\"options-status\" />\r\n            <slot onSlotchange={() => this.onSlotChange()} />\r\n          </div>\r\n        </div>\r\n\r\n        {/* Message */}\r\n        {hasMessage && (\r\n          <span id={hintId} class=\"message\" part=\"message\" aria-live={this.state === 'error' ? 'polite' : undefined}>\r\n            <slot name=\"message\">{this.message}</slot>\r\n          </span>\r\n        )}\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"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","ignoreList":[]}