solid-ui 3.1.0 → 3.1.1

package/dist/components/combobox/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/combobox/index.esm.js","mappings":";;;;;;;;;;;;;;AAAoD;AACA;AACD;AACI;AAC6F;AAE3F;AAElD,MAAMc,QAAQ,SAASd,qDAAU,CAAC;EACvC,OAAee,OAAO,GAAG,CAAC;EAClBC,gBAAgB,GAA0B,IAAI;EAC9CC,gBAAgB,GAAsB,IAAI;EAC1CC,qBAAqB,GAAmB,IAAI;EACnCC,0BAA0B,GAAIC,KAAY,IAAK;IAC9D,MAAMC,WAAW,GAAGD,KAAK,CAACE,MAAM;IAEhC,IAAI,CAAC,IAAI,CAACC,UAAU,IAAI,EAAEF,WAAW,YAAYG,IAAI,CAAC,EAAE;MACtD;IACF;IAEA,MAAMC,SAAS,GACb,cAAc,IAAIL,KAAK,GAClBA,KAAK,CAAmDM,YAAY,CAAC,CAAC,GACvE,EAAE;IAER,IAAID,SAAS,CAACE,QAAQ,CAAC,IAAI,CAAC,EAAE;MAC5B;IACF;IAEA,IACG,IAAI,CAACX,gBAAgB,IAAIS,SAAS,CAACE,QAAQ,CAAC,IAAI,CAACX,gBAAgB,CAAC,IAClE,IAAI,CAACC,gBAAgB,IAAIQ,SAAS,CAACE,QAAQ,CAAC,IAAI,CAACV,gBAAgB,CAAE,EACpE;MACA;IACF;IAEA,IAAI,CAAC,IAAI,CAACW,QAAQ,CAACP,WAAW,CAAC,EAAE;MAC/B,IAAI,CAACQ,WAAW,CAAC,CAAC;IACpB;EACF,CAAC;EAEgBC,qBAAqB,GAAGA,CAAA,KAAM;IAC7C,IAAI,CAAC,IAAI,CAACP,UAAU,EAAE;IACtB,IAAI,CAACQ,oBAAoB,CAAC,CAAC;EAC7B,CAAC;EAEDC,kBAAkB;EAElB,OAAOC,UAAU,GAAG;IAClBC,KAAK,EAAE;MAAEC,IAAI,EAAEC,MAAM;MAAEC,OAAO,EAAE;IAAK,CAAC;IACtCC,WAAW,EAAE;MAAEH,IAAI,EAAEC,MAAM;MAAEC,OAAO,EAAE;IAAK,CAAC;IAC5CE,KAAK,EAAE;MAAEJ,IAAI,EAAEC,MAAM;MAAEC,OAAO,EAAE;IAAK,CAAC;IACtCG,MAAM,EAAE;MAAEL,IAAI,EAAEC,MAAM;MAAEC,OAAO,EAAE;IAAK,CAAC;IACvCI,KAAK,EAAE;MAAEN,IAAI,EAAEC,MAAM;MAAEC,OAAO,EAAE;IAAK,CAAC;IACtCK,UAAU,EAAE;MAAEP,IAAI,EAAEC;IAAO,CAAC;IAC5BO,OAAO,EAAE;MAAER,IAAI,EAAES,KAAK;MAAEC,SAAS,EAAE;IAAM,CAAC;IAC1CtB,UAAU,EAAE;MAAEuB,KAAK,EAAE;IAAK,CAAC;IAC3BC,YAAY,EAAE;MAAED,KAAK,EAAE;IAAK;EAC9B,CAAC;EAED,OAAOE,MAAM,GAAG,CACdzC,yEAAa,EACbL,kDAAG;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG,CACA;EAYgB+C,QAAQ,GAAG,2BAA2BnC,QAAQ,CAACC,OAAO,EAAE,EAAE;EAC1DmC,UAAU,GAAG,6BAA6BpC,QAAQ,CAACC,OAAO,EAAE,EAAE;EACvEoC,oBAAoB,GAAG,CAAC;EAEhCC,WAAWA,CAAA,EAAI;IACb,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N,OAAO,QAAQ;IACjB,KAAK,QAAQ;MACX,OAAO,OAAO;IAChB;MACE,OAAO,MAAM;EACjB;AACF,C;;;;;;;;;;;ACjFyB;AAElB,MAAMvH,aAAa,GAAGL,kDAAG;AAChC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC,C;;;;;;;;;;;AC/FyB;AAYnB,SAASW,aAAaA,CAAEsI,IAAuB,EAAE;EACtD,MAAM;IACJxG,OAAO;IACP+D,cAAc;IACd2B,YAAY;IACZE,SAAS;IACTC,WAAW;IACXC;EACF,CAAC,GAAGU,IAAI;EAER,OAAOlJ,mDAAI;AACb;AACA;AACA,YAAYsI,SAAS,IAAI,EAAE;AAC3B;AACA;AACA;AACA;AACA,QAAQ5F,OAAO,CAACkC,GAAG,CAAC,CAAC+B,MAAM,EAAEuB,KAAK,KAAK;IAC/B,MAAMiB,UAAU,GAAGxC,MAAM,CAACnE,KAAK,KAAKiE,cAAc,EAAEjE,KAAK;IACzD,MAAM4G,QAAQ,GAAGzC,MAAM,CAACnE,KAAK,KAAK4F,YAAY,EAAE5F,KAAK;IACrD,MAAM6G,QAAQ,GAAGd,WAAW,GAAG5B,MAAM,EAAEuB,KAAK,CAAC;IAE7C,OAAOlI,mDAAI;AACnB;AACA,kBAAkBqJ,QAAQ,IAAI,EAAE;AAChC,iCAAiCF,UAAU,GAAG,wBAAwB,GAAG,EAAE,GAAGC,QAAQ,GAAG,sBAAsB,GAAG,EA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","sources":["webpack://solid-ui/./src/v2/components/forms/combobox/Combobox.ts","webpack://solid-ui/./src/v2/components/forms/shared/downArrow.ts","webpack://solid-ui/./src/v2/components/forms/shared/keyboard.ts","webpack://solid-ui/./src/v2/components/forms/shared/listboxStyles.ts","webpack://solid-ui/./src/v2/components/forms/shared/listboxTemplate.ts","webpack://solid-ui/./node_modules/@lit/reactive-element/css-tag.js","webpack://solid-ui/./node_modules/@lit/reactive-element/reactive-element.js","webpack://solid-ui/./node_modules/lit-element/lit-element.js","webpack://solid-ui/./node_modules/lit-html/lit-html.js","webpack://solid-ui/./node_modules/lit/html.js","webpack://solid-ui/./node_modules/lit/index.js","webpack://solid-ui/webpack/bootstrap","webpack://solid-ui/webpack/runtime/define property getters","webpack://solid-ui/webpack/runtime/hasOwnProperty shorthand","webpack://solid-ui/./src/v2/components/forms/combobox/index.ts"],"sourcesContent":["import { LitElement, html, css, nothing } from 'lit'\nimport { render as renderPortal } from 'lit/html.js'\nimport { downArrowIcon } from '../shared/downArrow'\nimport { listboxStyles } from '../shared/listboxStyles'\nimport { findOptionIndexByValue, getFirstEnabledIndex, getLastEnabledIndex, getListboxActionFromKey, getNextEnabledIndex } from '../shared/keyboard'\nimport { ComboboxSuggestion } from './comboboxTypes'\nimport { renderListbox } from '../shared/listboxTemplate'\n\nexport class Combobox extends LitElement {\n  private static _nextId = 0\n  private _popupPortalHost: HTMLDivElement | null = null\n  private _popupPortalRoot: ShadowRoot | null = null\n  private _popupPortalContainer: Element | null = null\n  private readonly _handleDocumentPointerDown = (event: Event) => {\n    const eventTarget = event.target\n\n    if (!this._popupOpen || !(eventTarget instanceof Node)) {\n      return\n    }\n\n    const eventPath =\n      'composedPath' in event\n        ? (event as Event & { composedPath: () => EventTarget[] }).composedPath()\n        : []\n\n    if (eventPath.includes(this)) {\n      return\n    }\n\n    if (\n      (this._popupPortalHost && eventPath.includes(this._popupPortalHost)) ||\n      (this._popupPortalRoot && eventPath.includes(this._popupPortalRoot))\n    ) {\n      return\n    }\n\n    if (!this.contains(eventTarget)) {\n      this._closePopup()\n    }\n  }\n\n  private readonly _handleViewportChange = () => {\n    if (!this._popupOpen) return\n    this._updatePopupPosition()\n  }\n\n  suggestionProvider?: (query: string) => Promise<ComboboxSuggestion[]>\n\n  static properties = {\n    label: { type: String, reflect: true },\n    placeholder: { type: String, reflect: true },\n    theme: { type: String, reflect: true },\n    layout: { type: String, reflect: true },\n    value: { type: String, reflect: true },\n    inputValue: { type: String },\n    options: { type: Array, attribute: false },\n    _popupOpen: { state: true },\n    _activeIndex: { state: true }\n  }\n\n  static styles = [\n    listboxStyles,\n    css`\n    :host {\n      /* default theme */\n      display: block;\n      width: 100%;\n      min-width: 0;\n      max-width: 100%;\n      position: relative;\n      box-sizing: border-box;\n      --popup-background: var(--color-background, #F8F9FB);\n      --popup-text: var(--color-text, #1A1A1A);\n      --popup-border: var(--color-border, #E5E7EB);\n      --popup-shadow: var(--box-shadow-sm, 0 1px 4px rgba(124,77,255,0.12));\n      --input-background: var(--color-background, #F8F9FB);\n      --input-text: var(--color-text, #1A1A1A);\n      --input-border: var(--color-border-button-hover, var(--gray-400, #99A1AF));\n      --label-color: var(--grey-purple-700, #1A1A1A);\n      --placeholder-color: var(--grey-purple-700, #5e546d);\n      --combobox-input-height: var(--select-trigger-height, var(--min-touch-target, 44px));\n      --combobox-input-inline-padding: var(--select-trigger-inline-padding, var(--spacing-2xs, 0.625rem));\n      --combobox-input-block-padding: var(--spacing-xxs, 0.3125rem);\n    }\n\n    :host([theme='dark']) {\n      display: block;\n      width: 100%;\n      min-width: 0;\n      max-width: 100%;\n      position: relative;\n      box-sizing: border-box;\n      --popup-background: var(--color-background, #F8F9FB);\n      --popup-text: var(--color-text, #1A1A1A);\n      --popup-border: var(--color-border, #E5E7EB);\n      --popup-shadow: var(--box-shadow-sm, 0 1px 4px rgba(124,77,255,0.12));\n      --input-background: var(--color-background, #F8F9FB);\n      --input-text: var(--color-text, #1A1A1A);\n      --input-border: var(--color-border-button-hover, var(--gray-400, #99A1AF));\n      --label-color: var(--grey-purple-700, #1A1A1A);\n      --placeholder-color: var(--grey-purple-700, #5e546d);\n      --combobox-input-height: var(--select-trigger-height, var(--min-touch-target, 44px));\n      --combobox-input-inline-padding: var(--select-trigger-inline-padding, var(--spacing-2xs, 0.625rem));\n      --combobox-input-block-padding: var(--spacing-xxs, 0.3125rem);\n    }\n\n    .popup-box {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      background: var(--popup-background);\n      color: var(--popup-text);\n      box-shadow: var(--popup-shadow);\n      border: 1px solid var(--popup-border);\n      border-radius: var(--border-radius-md, 0.5rem);\n      min-width: 100%;\n      overflow: hidden;\n      box-sizing: border-box;\n      isolation: isolate;\n    }\n\n    .select-options-section {\n      position: relative;\n      background: var(--popup-background);\n      border-radius: inherit;\n      isolation: isolate;\n    }\n\n    .combobox-root {\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n    }\n\n    .text-label {\n      color: var(--label-color);\n      margin-bottom: 6px;\n    }\n\n    .input-field-row {\n      display: flex;\n      flex-direction: row;\n      position: relative;\n      width: 100%;\n      min-width: 0;\n    }\n\n    .text-input {\n      display: block;\n      flex: 1;\n      width: 100%;\n      min-width: 0;\n      min-height: var(--combobox-input-height);\n      height: var(--combobox-input-height);\n      padding: var(--combobox-input-block-padding) calc(26px + (var(--combobox-input-inline-padding) * 2) + 6px) var(--combobox-input-block-padding) var(--combobox-input-inline-padding);\n      border: 1px solid var(--input-border);\n      border-radius: var(--border-radius-base, 0.3125rem);\n      background: var(--input-background);\n      color: var(--input-text);\n      font: inherit;\n      font-size: var(--font-size-sm, 0.875rem);\n      font-weight: var(--font-weight-md, 500);\n      line-height: normal;\n      appearance: none;\n      -webkit-appearance: none;\n      box-sizing: border-box;\n    }\n\n    .text-input::placeholder {\n      color: var(--placeholder-color);\n    }\n\n    .text-input:focus-visible {\n      outline: 2px solid var(--color-focus-ring, var(--color-primary, #7C4DFF));\n      outline-offset: 2px;\n    }\n\n    .dropdown-toggle {\n      position: absolute;\n      right: 6px;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 26px;\n      height: 26px;\n      padding: 0;\n      border: none;\n      background: transparent;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      border-radius: var(--border-radius-base, 0.3125rem);\n    }\n\n    .dropdown-toggle:hover {\n      background: var(--color-header-menu-item-hover, #e6dcff);\n    }\n\n    .input-field-row:focus-within .dropdown-toggle {\n      background: var(--color-header-menu-item-hover, #e6dcff);\n    }\n\n    .dropdown-toggle:focus-visible {\n      outline: 2px solid var(--color-focus-ring, var(--color-primary, #7C4DFF));\n      outline-offset: 2px;\n      background: var(--color-header-menu-item-hover, #e6dcff);\n    }\n\n    .dropdown-toggle svg {\n      width: 14px;\n      height: 14px;\n      display: block;\n    }\n  }\n  `\n  ]\n\n  declare label: string\n  declare placeholder: string\n  declare theme: 'light' | 'dark'\n  declare options: Array<ComboboxSuggestion>\n  declare layout: 'desktop' | 'mobile'\n  declare value: string\n  declare inputValue: string\n  declare _popupOpen: boolean\n  declare _activeIndex: number\n\n  private readonly _inputId = `solid-ui-combobox-input-${Combobox._nextId++}`\n  private readonly _listboxId = `solid-ui-combobox-listbox-${Combobox._nextId++}`\n  private _suggestionRequestId = 0\n\n  constructor () {\n    super()\n    this.label = 'Select an option'\n    this.placeholder = 'Type to search'\n    this.theme = 'light'\n    this.layout = 'desktop'\n    this.options = []\n    this.value = ''\n    this.inputValue = ''\n    this._popupOpen = false\n    this._activeIndex = -1\n  }\n\n  connectedCallback () {\n    super.connectedCallback()\n    document.addEventListener('pointerdown', this._handleDocumentPointerDown)\n    window.addEventListener('resize', this._handleViewportChange)\n    window.addEventListener('scroll', this._handleViewportChange, true)\n  }\n\n  disconnectedCallback () {\n    this._detachPopupPortal()\n    document.removeEventListener('pointerdown', this._handleDocumentPointerDown)\n    window.removeEventListener('resize', this._handleViewportChange)\n    window.removeEventListener('scroll', this._handleViewportChange, true)\n    super.disconnectedCallback()\n  }\n\n  private _getPopupPortalContainer () {\n    return this.closest('dialog[open]') || document.body\n  }\n\n  private _ensurePopupPortal () {\n    const nextContainer = this._getPopupPortalContainer()\n\n    if (\n      this._popupPortalHost &&\n      this._popupPortalRoot &&\n      this._popupPortalContainer === nextContainer\n    ) {\n      return\n    }\n\n    this._detachPopupPortal()\n\n    this._popupPortalHost = document.createElement('div')\n    this._popupPortalHost.setAttribute('data-solid-ui-combobox-portal', '')\n    this._popupPortalHost.style.position = 'fixed'\n    this._popupPortalHost.style.inset = '0 auto auto 0'\n    this._popupPortalHost.style.zIndex = '2147483647'\n    this._popupPortalHost.style.pointerEvents = 'none'\n    this._popupPortalHost.style.boxSizing = 'border-box'\n\n    this._popupPortalRoot = this._popupPortalHost.attachShadow({ mode: 'open' })\n    const styleSheets = (Array.isArray(Combobox.styles) ? Combobox.styles : [Combobox.styles])\n      .map((style) => style?.styleSheet)\n      .filter((styleSheet): styleSheet is CSSStyleSheet => Boolean(styleSheet))\n\n    if (styleSheets.length > 0) {\n      this._popupPortalRoot.adoptedStyleSheets = styleSheets\n    }\n\n    nextContainer.appendChild(this._popupPortalHost)\n    this._popupPortalContainer = nextContainer\n  }\n\n  private _detachPopupPortal () {\n    if (this._popupPortalRoot) {\n      renderPortal(null, this._popupPortalRoot)\n    }\n\n    if (this._popupPortalHost?.parentNode) {\n      this._popupPortalHost.parentNode.removeChild(this._popupPortalHost)\n    }\n\n    this._popupPortalHost = null\n    this._popupPortalRoot = null\n    this._popupPortalContainer = null\n  }\n\n  private _updatePopupPosition () {\n    this._ensurePopupPortal()\n\n    const rect = this.getBoundingClientRect()\n    const maxHeight = Math.min(288, Math.max(120, window.innerHeight - rect.bottom - 12))\n\n    if (this._popupPortalHost) {\n      this._popupPortalHost.style.top = `${Math.round(rect.bottom + 2)}px`\n      this._popupPortalHost.style.left = `${Math.round(rect.left)}px`\n      this._popupPortalHost.style.width = `${Math.round(rect.width)}px`\n      this._popupPortalHost.style.maxHeight = `${Math.round(maxHeight)}px`\n      this._popupPortalHost.style.height = '0px'\n    }\n  }\n\n  private _openPopup () {\n    const popupOptions = this._getDisplayedOptions()\n\n    this._popupOpen = true\n    this._updatePopupPosition()\n    this._activeIndex = findOptionIndexByValue(popupOptions, this.value)\n\n    if (this._activeIndex < 0) {\n      this._activeIndex = getFirstEnabledIndex(popupOptions)\n    }\n  }\n\n  private _closePopup () {\n    this._popupOpen = false\n    if (this._popupPortalRoot) {\n      renderPortal(null, this._popupPortalRoot)\n    }\n  }\n\n  protected updated (changedProperties: Map<string, unknown>) {\n    if (this._popupOpen) {\n      this._updatePopupPosition()\n      if (this._popupPortalRoot) {\n        renderPortal(this._renderPopup(), this._popupPortalRoot)\n      }\n    } else if (this._popupPortalRoot) {\n      renderPortal(null, this._popupPortalRoot)\n    }\n\n    if ((changedProperties.has('value') || changedProperties.has('options')) && this.value) {\n      const selectedOption = this.options.find((option) => option.value === this.value)\n      if (selectedOption && this.inputValue !== selectedOption.label) {\n        this.inputValue = selectedOption.label\n      }\n    }\n  }\n\n  private _getSelectedIndex () {\n    return findOptionIndexByValue(this.options, this.value)\n  }\n\n  private _getSelectedOption () {\n    const selectedIndex = this._getSelectedIndex()\n\n    if (selectedIndex >= 0) {\n      return this.options[selectedIndex]\n    }\n\n    return this.options[0]\n  }\n\n  private _getDisplayedOptions () {\n    const selectedOption = this._getSelectedOption()\n\n    if (!selectedOption) {\n      return this.options\n    }\n\n    return [\n      selectedOption,\n      ...this.options.filter((option) => option.value !== selectedOption.value)\n    ]\n  }\n\n  private _getActiveOption () {\n    const popupOptions = this._getDisplayedOptions()\n\n    if (this._activeIndex < 0) {\n      return undefined\n    }\n\n    return popupOptions[this._activeIndex]\n  }\n\n  private async _loadSuggestions (query: string) {\n    if (!this.suggestionProvider) {\n      this._openPopup()\n      return\n    }\n\n    const requestId = ++this._suggestionRequestId\n    const suggestions = await this.suggestionProvider(query)\n\n    if (requestId !== this._suggestionRequestId) {\n      return\n    }\n\n    this.options = suggestions\n    this._openPopup()\n  }\n\n  private async _handleInputChange (e: Event) {\n    const query = (e.target as HTMLInputElement).value\n\n    this.inputValue = query\n    this.value = ''\n    this.dispatchEvent(new CustomEvent('input', {\n      detail: { value: query },\n      bubbles: true,\n      composed: true\n    }))\n    await this._loadSuggestions(query)\n  }\n\n  private _handleInputKeydown (e: KeyboardEvent) {\n    if (e.key === ' ' || e.key === 'Spacebar') {\n      return\n    }\n\n    const popupOptions = this._getDisplayedOptions()\n    const action = getListboxActionFromKey(e.key)\n\n    if (action === 'none') {\n      return\n    }\n\n    e.preventDefault()\n\n    switch (action) {\n      case 'close':\n        this._closePopup()\n        break\n      case 'first':\n        if (!this._popupOpen) {\n          this._openPopup()\n        }\n        this._activeIndex = getFirstEnabledIndex(popupOptions)\n        break\n      case 'last':\n        if (!this._popupOpen) {\n          this._openPopup()\n        }\n        this._activeIndex = getLastEnabledIndex(popupOptions)\n        break\n      case 'next':\n        if (!this._popupOpen) {\n          this._openPopup()\n          break\n        }\n        this._activeIndex = getNextEnabledIndex(this._activeIndex, popupOptions, 1)\n        break\n      case 'previous':\n        if (!this._popupOpen) {\n          this._openPopup()\n          break\n        }\n        this._activeIndex = getNextEnabledIndex(this._activeIndex, popupOptions, -1)\n        break\n      case 'select':\n        if (!this._popupOpen) {\n          this._openPopup()\n          break\n        }\n        this._selectActiveOption()\n        break\n      default:\n        break\n    }\n  }\n\n  private _getOptionId (option: ComboboxSuggestion, index: number) {\n    return `${this._listboxId}-option-${index}-${option.value}`\n  }\n\n  private _selectValueFromDropdown (value: string) {\n    const selectedOption = this.options.find(option => option.value === value)\n\n    this.value = value\n    this.inputValue = selectedOption?.label ?? value\n    this.dispatchEvent(new CustomEvent('change', {\n      detail: {\n        value,\n        label: this.inputValue,\n        option: selectedOption\n      },\n      bubbles: true,\n      composed: true\n    }))\n    this._closePopup()\n  }\n\n  private _selectActiveOption () {\n    const activeOption = this._getActiveOption()\n\n    if (activeOption && !activeOption.disabled) {\n      this._selectValueFromDropdown(activeOption.value)\n    }\n  }\n\n  private _renderPopup () {\n    const popupOptions = this._getDisplayedOptions()\n    const selectedOption = this._getSelectedOption()\n    const activeOption = this._activeIndex >= 0 ? popupOptions[this._activeIndex] : undefined\n\n    return html`\n      <div class=\"popup-box\" style=\"pointer-events: auto; max-height: inherit; overflow: auto;\">\n        <div class=\"select-options-section\">\n          ${renderListbox({\n            selectedOption,\n            activeOption,\n            options: popupOptions,\n            listboxId: this._listboxId,\n            getOptionId: (option, index) => this._getOptionId(option, index),\n            onOptionSelect: (option) =>\n              this._selectValueFromDropdown(option.value)\n          })}\n        </div>\n      </div>\n    `\n  }\n\n  render () {\n    const activeOption = this._getActiveOption()\n    const activeDescendant = this._popupOpen && activeOption\n      ? this._getOptionId(activeOption, this._activeIndex)\n      : undefined\n    const ariaLabel = this.label ? nothing : (this.getAttribute('aria-label') || this.placeholder || 'Combobox')\n\n    return html`\n      <div class=\"combobox-root\">\n        ${this.label\n          ? html`<label class=\"text-label\" for=\"${this._inputId}\">${this.label}</label>`\n          : null}\n        <div class=\"input-field-row\">\n          <input\n            id=\"${this._inputId}\"\n            class=\"text-input\"\n            part=\"input\"\n            type=\"text\"\n            role=\"combobox\"\n            aria-autocomplete=\"list\"\n            aria-label=\"${ariaLabel}\"\n            aria-expanded=\"${this._popupOpen}\"\n            aria-controls=\"${this._listboxId}\"\n            aria-activedescendant=\"${activeDescendant ?? ''}\"\n            placeholder=\"${this.placeholder}\"\n            .value=\"${this.inputValue}\"\n            @focus=\"${() => this._openPopup()}\"\n            @input=\"${this._handleInputChange}\"\n            @keydown=\"${this._handleInputKeydown}\"\n          />\n          <button\n            class=\"dropdown-toggle\"\n            type=\"button\"\n            aria-label=\"Show options\"\n            aria-expanded=\"${this._popupOpen}\"\n            @click=\"${() => this._popupOpen ? this._closePopup() : this._openPopup()}\"\n          >\n            ${downArrowIcon}\n          </button>\n        </div>\n      </div>\n    `\n  }\n}\n","import { html } from 'lit-html'\n\nexport const downArrowIcon = html`\n  <svg xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 12 7\"\n    fill=\"none\"\n  >\n    <path d=\"M0.679688 0.678955L5.50729 5.50656L10.3349 0.678955\" stroke=\"#6A7282\" stroke-width=\"1.35776\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  </svg>\n`\n","import { SelectOption } from './optionTypes'\n\n/* Move up or down, skip disabled options */\nexport function getNextEnabledIndex (\n  currentIndex: number,\n  options: SelectOption[],\n  direction: 1 | -1\n): number {\n  if (!options.length) {\n    return -1\n  }\n\n  if (options.every(option => option.disabled)) {\n    return -1\n  }\n\n  const optionsCount = options.length\n  let nextIndex = currentIndex\n\n  do {\n    nextIndex = (nextIndex + direction + optionsCount) % optionsCount\n  } while (options[nextIndex].disabled)\n\n  return nextIndex\n}\n\n/* Handle 'Home' and 'End' keys and initial highlight */\nexport function getFirstEnabledIndex (options: SelectOption[]): number {\n  if (!options.length) {\n    return -1\n  }\n\n  return getNextEnabledIndex(-1, options, 1)\n}\n\nexport function getLastEnabledIndex (options: SelectOption[]): number {\n  if (!options.length) {\n    return -1\n  }\n\n  return getNextEnabledIndex(options.length, options, -1)\n}\n\n/* Sync current value to active index */\nexport function findOptionIndexByValue (\n  options: SelectOption[],\n  value?: string\n): number {\n  if (value === undefined) {\n    return -1\n  }\n  return options.findIndex(option => option.value === value)\n}\n\n/* Map keyboard events to actions */\nexport function getListboxActionFromKey (key: string):\n  | 'open'\n  | 'close'\n  | 'next'\n  | 'previous'\n  | 'first'\n  | 'last'\n  | 'select'\n  | 'none' {\n  switch (key) {\n    case 'ArrowDown':\n      return 'next'\n    case 'ArrowUp':\n      return 'previous'\n    case 'Home':\n      return 'first'\n    case 'End':\n      return 'last'\n    case 'Enter':\n    case ' ':\n      return 'select'\n    case 'Escape':\n      return 'close'\n    default:\n      return 'none'\n  }\n}\n","import { css } from 'lit'\n\nexport const listboxStyles = css`\n  :host { /* default theme */\n      --input-background: var(--color-background, #F8F9FB);\n      --item-text: var(--color-text-heading, #000000);\n      --item-selected-text: var(--color-primary, #7c4dff);\n      --item-hover-background: var(--color-header-menu-item-hover, #e6dcff);\n      --item-selected-background: var(--color-header-menu-item-selected, #cbb9ff);\n      --listbox-z-index: 1;\n    }\n\n    :host([theme='dark']) {\n      --input-background: var(--color-background, #1A1A1A);\n      --item-text: var(--color-text-heading, #F8F9FB);\n      --item-selected-text: var(--color-primary, #7c4dff);\n      --item-hover-background: var(--color-header-menu-item-hover, #e6dcff);\n      --item-selected-background: var(--color-header-menu-item-selected, #cbb9ff);\n      --listbox-z-index: 1;\n    }\n\n    .listbox {\n      position: relative;\n      top: 0;\n      left: 0;\n      right: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 0.0625rem;\n      margin: 0;\n      padding: 0;\n      list-style: none;\n      border: none;\n      border-radius: inherit;\n      background: var(--input-background);\n      background-color: var(--input-background);\n      opacity: 1;\n      overflow: hidden;\n      padding: 0.25rem;\n      z-index: var(--listbox-z-index);\n      box-shadow: 0 4px 12px rgba(124, 77, 255, 0.12);\n    }\n\n    .listbox-item {\n      display: flex;\n      align-items: center;\n      gap: var(--spacing-2xs, 0.625rem);\n      width: 100%;\n      min-height: calc(var(--font-size-sm, 0.875rem) + 1rem);\n      padding: 0.5rem var(--spacing-xs, 0.75rem);\n      border: none;\n      border-radius: var(--border-radius-sm, 0.2rem);\n      background: transparent;\n      color: var(--item-text);\n      cursor: pointer;\n      font: inherit;\n      font-size: var(--font-size-sm, 0.875rem);\n      font-weight: var(--font-weight-normal, 400);\n      line-height: normal;\n      text-align: left;\n      text-decoration: none;\n      box-sizing: border-box;\n    }\n\n    .listbox-item:hover {\n      background: var(--item-hover-background);\n      border-radius: var(--border-radius-sm, 0.2rem);\n    }\n\n    .listbox-item:focus {\n      background: var(--item-hover-background);\n      border-radius: var(--border-radius-sm, 0.2rem);\n    }\n\n    .listbox-item-active {\n      background: var(--item-selected-background);\n      color: var(--item-selected-text);\n      border-radius: var(--border-radius-sm, 0.2rem);\n      outline: none;\n    }\n\n    .listbox-item-active:hover,\n    .listbox-item-active:focus {\n      color: var(--item-text);\n    }\n\n    .listbox-item-disabled {\n      opacity: 0.55;\n      cursor: not-allowed;\n    }\n\n    .listbox-item-disabled:hover {\n      background: transparent;\n      border-radius: 0;\n    }\n`\n","import { html } from 'lit'\nimport type { SelectOption } from './optionTypes'\n\nexport interface RenderListboxArgs {\n  options: SelectOption[]\n  selectedOption?: SelectOption\n  activeOption?: SelectOption\n  listboxId?: string\n  getOptionId?: (option: SelectOption, index: number) => string\n  onOptionSelect: (option: SelectOption) => void\n}\n\nexport function renderListbox (args: RenderListboxArgs) {\n  const {\n    options,\n    selectedOption,\n    activeOption,\n    listboxId,\n    getOptionId,\n    onOptionSelect\n  } = args\n\n  return html`\n    <ul\n      class=\"listbox\"\n      id=\"${listboxId ?? ''}\"\n      part=\"listbox\"\n      role=\"listbox\"\n      aria-orientation=\"vertical\"\n    >\n      ${options.map((option, index) => {\n        const isSelected = option.value === selectedOption?.value\n        const isActive = option.value === activeOption?.value\n        const optionId = getOptionId?.(option, index)\n\n        return html`\n          <li\n            id=\"${optionId ?? ''}\"\n            class=\"listbox-item${isSelected ? ' listbox-item-selected' : ''}${isActive ? ' listbox-item-active' : ''}${option.disabled ? ' listbox-item-disabled' : ''}\"\n            part=\"option${isSelected ? ' selected-option' : ''}${isActive ? ' active-option' : ''}${option.disabled ? ' disabled-option' : ''}\"\n            role=\"option\"\n            aria-selected=\"${isSelected}\"\n            aria-disabled=\"${option.disabled ? 'true' : 'false'}\"\n            @click=\"${() => {\n              if (!option.disabled) {\n                onOptionSelect(option)\n              }\n            }}\"\n          >\n            ${option.label}\n          </li>\n        `\n      })}\n    </ul>\n  `\n}\n","/**\n * @license\n * Copyright 2019 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nconst t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow)&&\"adoptedStyleSheets\"in Document.prototype&&\"replace\"in CSSStyleSheet.prototype,s=Symbol(),o=new WeakMap;class n{constructor(t,e,o){if(this._$cssResult$=!0,o!==s)throw Error(\"CSSResult is not constructable. Use `unsafeCSS` or `css` instead.\");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const s=this.t;if(e&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=o.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&o.set(s,t))}return t}toString(){return this.cssText}}const r=t=>new n(\"string\"==typeof t?t:t+\"\",void 0,s),i=(t,...e)=>{const o=1===t.length?t[0]:e.reduce((e,s,o)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if(\"number\"==typeof t)return t;throw Error(\"Value passed to 'css' function must be a 'css' function result: \"+t+\". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.\")})(s)+t[o+1],t[0]);return new n(o,t,s)},S=(s,o)=>{if(e)s.adoptedStyleSheets=o.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet);else for(const e of o){const o=document.createElement(\"style\"),n=t.litNonce;void 0!==n&&o.setAttribute(\"nonce\",n),o.textContent=e.cssText,s.appendChild(o)}},c=e?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e=\"\";for(const s of t.cssRules)e+=s.cssText;return r(e)})(t):t;export{n as CSSResult,S as adoptStyles,i as css,c as getCompatibleStyle,e as supportsAdoptingStyleSheets,r as unsafeCSS};\n//# sourceMappingURL=css-tag.js.map\n","import{getCompatibleStyle as t,adoptStyles as s}from\"./css-tag.js\";export{CSSResult,css,supportsAdoptingStyleSheets,unsafeCSS}from\"./css-tag.js\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const{is:i,defineProperty:e,getOwnPropertyDescriptor:h,getOwnPropertyNames:r,getOwnPropertySymbols:o,getPrototypeOf:n}=Object,a=globalThis,c=a.trustedTypes,l=c?c.emptyScript:\"\",p=a.reactiveElementPolyfillSupport,d=(t,s)=>t,u={toAttribute(t,s){switch(s){case Boolean:t=t?l:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,s){let i=t;switch(s){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch(t){i=null}}return i}},f=(t,s)=>!i(t,s),b={attribute:!0,type:String,converter:u,reflect:!1,useDefault:!1,hasChanged:f};Symbol.metadata??=Symbol(\"metadata\"),a.litPropertyMetadata??=new WeakMap;class y extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,s=b){if(s.state&&(s.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((s=Object.create(s)).wrapped=!0),this.elementProperties.set(t,s),!s.noAccessor){const i=Symbol(),h=this.getPropertyDescriptor(t,i,s);void 0!==h&&e(this.prototype,t,h)}}static getPropertyDescriptor(t,s,i){const{get:e,set:r}=h(this.prototype,t)??{get(){return this[s]},set(t){this[s]=t}};return{get:e,set(s){const h=e?.call(this);r?.call(this,s),this.requestUpdate(t,h,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??b}static _$Ei(){if(this.hasOwnProperty(d(\"elementProperties\")))return;const t=n(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(d(\"finalized\")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(d(\"properties\"))){const t=this.properties,s=[...r(t),...o(t)];for(const i of s)this.createProperty(i,t[i])}const t=this[Symbol.metadata];if(null!==t){const s=litPropertyMetadata.get(t);if(void 0!==s)for(const[t,i]of s)this.elementProperties.set(t,i)}this._$Eh=new Map;for(const[t,s]of this.elementProperties){const i=this._$Eu(t,s);void 0!==i&&this._$Eh.set(i,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(s){const i=[];if(Array.isArray(s)){const e=new Set(s.flat(1/0).reverse());for(const s of e)i.unshift(t(s))}else void 0!==s&&i.push(t(s));return i}static _$Eu(t,s){const i=s.attribute;return!1===i?void 0:\"string\"==typeof i?i:\"string\"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(t=>t(this))}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,s=this.constructor.elementProperties;for(const i of s.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return s(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(t=>t.hostConnected?.())}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach(t=>t.hostDisconnected?.())}attributeChangedCallback(t,s,i){this._$AK(t,i)}_$ET(t,s){const i=this.constructor.elementProperties.get(t),e=this.constructor._$Eu(t,i);if(void 0!==e&&!0===i.reflect){const h=(void 0!==i.converter?.toAttribute?i.converter:u).toAttribute(s,i.type);this._$Em=t,null==h?this.removeAttribute(e):this.setAttribute(e,h),this._$Em=null}}_$AK(t,s){const i=this.constructor,e=i._$Eh.get(t);if(void 0!==e&&this._$Em!==e){const t=i.getPropertyOptions(e),h=\"function\"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:u;this._$Em=e;const r=h.fromAttribute(s,t.type);this[e]=r??this._$Ej?.get(e)??r,this._$Em=null}}requestUpdate(t,s,i,e=!1,h){if(void 0!==t){const r=this.constructor;if(!1===e&&(h=this[t]),i??=r.getPropertyOptions(t),!((i.hasChanged??f)(h,s)||i.useDefault&&i.reflect&&h===this._$Ej?.get(t)&&!this.hasAttribute(r._$Eu(t,i))))return;this.C(t,s,i)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(t,s,{useDefault:i,reflect:e,wrapped:h},r){i&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,r??s??this[t]),!0!==h||void 0!==r)||(this._$AL.has(t)||(this.hasUpdated||i||(s=void 0),this._$AL.set(t,s)),!0===e&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,s]of this._$Ep)this[t]=s;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[s,i]of t){const{wrapped:t}=i,e=this[s];!0!==t||this._$AL.has(s)||void 0===e||this.C(s,void 0,i,e)}}let t=!1;const s=this._$AL;try{t=this.shouldUpdate(s),t?(this.willUpdate(s),this._$EO?.forEach(t=>t.hostUpdate?.()),this.update(s)):this._$EM()}catch(s){throw t=!1,this._$EM(),s}t&&this._$AE(s)}willUpdate(t){}_$AE(t){this._$EO?.forEach(t=>t.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach(t=>this._$ET(t,this[t])),this._$EM()}updated(t){}firstUpdated(t){}}y.elementStyles=[],y.shadowRootOptions={mode:\"open\"},y[d(\"elementProperties\")]=new Map,y[d(\"finalized\")]=new Map,p?.({ReactiveElement:y}),(a.reactiveElementVersions??=[]).push(\"2.1.2\");export{y as ReactiveElement,s as adoptStyles,u as defaultConverter,t as getCompatibleStyle,f as notEqual};\n//# sourceMappingURL=reactive-element.js.map\n","import{ReactiveElement as t}from\"@lit/reactive-element\";export*from\"@lit/reactive-element\";import{render as e,noChange as r}from\"lit-html\";export*from\"lit-html\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const s=globalThis;class i extends t{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const r=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=e(r,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return r}}i._$litElement$=!0,i[\"finalized\"]=!0,s.litElementHydrateSupport?.({LitElement:i});const o=s.litElementPolyfillSupport;o?.({LitElement:i});const n={_$AK:(t,e,r)=>{t._$AK(e,r)},_$AL:t=>t._$AL};(s.litElementVersions??=[]).push(\"4.2.2\");export{i as LitElement,n as _$LE};\n//# sourceMappingURL=lit-element.js.map\n","/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nconst t=globalThis,i=t=>t,s=t.trustedTypes,e=s?s.createPolicy(\"lit-html\",{createHTML:t=>t}):void 0,h=\"$lit$\",o=`lit$${Math.random().toFixed(9).slice(2)}$`,n=\"?\"+o,r=`<${n}>`,l=document,c=()=>l.createComment(\"\"),a=t=>null===t||\"object\"!=typeof t&&\"function\"!=typeof t,u=Array.isArray,d=t=>u(t)||\"function\"==typeof t?.[Symbol.iterator],f=\"[ \\t\\n\\f\\r]\",v=/<(?:(!--|\\/[^a-zA-Z])|(\\/?[a-zA-Z][^>\\s]*)|(\\/?$))/g,_=/-->/g,m=/>/g,p=RegExp(`>|${f}(?:([^\\\\s\"'>=/]+)(${f}*=${f}*(?:[^ \\t\\n\\f\\r\"'\\`<>=]|(\"|')|))|$)`,\"g\"),g=/'/g,$=/\"/g,y=/^(?:script|style|textarea|title)$/i,x=t=>(i,...s)=>({_$litType$:t,strings:i,values:s}),b=x(1),w=x(2),T=x(3),E=Symbol.for(\"lit-noChange\"),A=Symbol.for(\"lit-nothing\"),C=new WeakMap,P=l.createTreeWalker(l,129);function V(t,i){if(!u(t)||!t.hasOwnProperty(\"raw\"))throw Error(\"invalid template strings array\");return void 0!==e?e.createHTML(i):i}const N=(t,i)=>{const s=t.length-1,e=[];let n,l=2===i?\"<svg>\":3===i?\"<math>\":\"\",c=v;for(let i=0;i<s;i++){const s=t[i];let a,u,d=-1,f=0;for(;f<s.length&&(c.lastIndex=f,u=c.exec(s),null!==u);)f=c.lastIndex,c===v?\"!--\"===u[1]?c=_:void 0!==u[1]?c=m:void 0!==u[2]?(y.test(u[2])&&(n=RegExp(\"</\"+u[2],\"g\")),c=p):void 0!==u[3]&&(c=p):c===p?\">\"===u[0]?(c=n??v,d=-1):void 0===u[1]?d=-2:(d=c.lastIndex-u[2].length,a=u[1],c=void 0===u[3]?p:'\"'===u[3]?$:g):c===$||c===g?c=p:c===_||c===m?c=v:(c=p,n=void 0);const x=c===p&&t[i+1].startsWith(\"/>\")?\" \":\"\";l+=c===v?s+r:d>=0?(e.push(a),s.slice(0,d)+h+s.slice(d)+o+x):s+o+(-2===d?i:x)}return[V(t,l+(t[s]||\"<?>\")+(2===i?\"</svg>\":3===i?\"</math>\":\"\")),e]};class S{constructor({strings:t,_$litType$:i},e){let r;this.parts=[];let l=0,a=0;const u=t.length-1,d=this.parts,[f,v]=N(t,i);if(this.el=S.createElement(f,e),P.currentNode=this.el.content,2===i||3===i){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(r=P.nextNode())&&d.length<u;){if(1===r.nodeType){if(r.hasAttributes())for(const t of r.getAttributeNames())if(t.endsWith(h)){const i=v[a++],s=r.getAttribute(t).split(o),e=/([.?@])?(.*)/.exec(i);d.push({type:1,index:l,name:e[2],strings:s,ctor:\".\"===e[1]?I:\"?\"===e[1]?L:\"@\"===e[1]?z:H}),r.removeAttribute(t)}else t.startsWith(o)&&(d.push({type:6,index:l}),r.removeAttribute(t));if(y.test(r.tagName)){const t=r.textContent.split(o),i=t.length-1;if(i>0){r.textContent=s?s.emptyScript:\"\";for(let s=0;s<i;s++)r.append(t[s],c()),P.nextNode(),d.push({type:2,index:++l});r.append(t[i],c())}}}else if(8===r.nodeType)if(r.data===n)d.push({type:2,index:l});else{let t=-1;for(;-1!==(t=r.data.indexOf(o,t+1));)d.push({type:7,index:l}),t+=o.length-1}l++}}static createElement(t,i){const s=l.createElement(\"template\");return s.innerHTML=t,s}}function M(t,i,s=t,e){if(i===E)return i;let h=void 0!==e?s._$Co?.[e]:s._$Cl;const o=a(i)?void 0:i._$litDirective$;return h?.constructor!==o&&(h?._$AO?.(!1),void 0===o?h=void 0:(h=new o(t),h._$AT(t,s,e)),void 0!==e?(s._$Co??=[])[e]=h:s._$Cl=h),void 0!==h&&(i=M(t,h._$AS(t,i.values),h,e)),i}class R{constructor(t,i){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=i}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:i},parts:s}=this._$AD,e=(t?.creationScope??l).importNode(i,!0);P.currentNode=e;let h=P.nextNode(),o=0,n=0,r=s[0];for(;void 0!==r;){if(o===r.index){let i;2===r.type?i=new k(h,h.nextSibling,this,t):1===r.type?i=new r.ctor(h,r.name,r.strings,this,t):6===r.type&&(i=new Z(h,this,t)),this._$AV.push(i),r=s[++n]}o!==r?.index&&(h=P.nextNode(),o++)}return P.currentNode=l,e}p(t){let i=0;for(const s of this._$AV)void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,i),i+=s.strings.length-2):s._$AI(t[i])),i++}}class k{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,i,s,e){this.type=2,this._$AH=A,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=s,this.options=e,this._$Cv=e?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return void 0!==i&&11===t?.nodeType&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=M(this,t,i),a(t)?t===A||null==t||\"\"===t?(this._$AH!==A&&this._$AR(),this._$AH=A):t!==this._$AH&&t!==E&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):d(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==A&&a(this._$AH)?this._$AA.nextSibling.data=t:this.T(l.createTextNode(t)),this._$AH=t}$(t){const{values:i,_$litType$:s}=t,e=\"number\"==typeof s?this._$AC(t):(void 0===s.el&&(s.el=S.createElement(V(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===e)this._$AH.p(i);else{const t=new R(e,this),s=t.u(this.options);t.p(i),this.T(s),this._$AH=t}}_$AC(t){let i=C.get(t.strings);return void 0===i&&C.set(t.strings,i=new S(t)),i}k(t){u(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let s,e=0;for(const h of t)e===i.length?i.push(s=new k(this.O(c()),this.O(c()),this,this.options)):s=i[e],s._$AI(h),e++;e<i.length&&(this._$AR(s&&s._$AB.nextSibling,e),i.length=e)}_$AR(t=this._$AA.nextSibling,s){for(this._$AP?.(!1,!0,s);t!==this._$AB;){const s=i(t).nextSibling;i(t).remove(),t=s}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class H{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,i,s,e,h){this.type=1,this._$AH=A,this._$AN=void 0,this.element=t,this.name=i,this._$AM=e,this.options=h,s.length>2||\"\"!==s[0]||\"\"!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=A}_$AI(t,i=this,s,e){const h=this.strings;let o=!1;if(void 0===h)t=M(this,t,i,0),o=!a(t)||t!==this._$AH&&t!==E,o&&(this._$AH=t);else{const e=t;let n,r;for(t=h[0],n=0;n<h.length-1;n++)r=M(this,e[s+n],i,n),r===E&&(r=this._$AH[n]),o||=!a(r)||r!==this._$AH[n],r===A?t=A:t!==A&&(t+=(r??\"\")+h[n+1]),this._$AH[n]=r}o&&!e&&this.j(t)}j(t){t===A?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??\"\")}}class I extends H{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===A?void 0:t}}class L extends H{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==A)}}class z extends H{constructor(t,i,s,e,h){super(t,i,s,e,h),this.type=5}_$AI(t,i=this){if((t=M(this,t,i,0)??A)===E)return;const s=this._$AH,e=t===A&&s!==A||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,h=t!==A&&(s===A||e);e&&this.element.removeEventListener(this.name,this,s),h&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){\"function\"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class Z{constructor(t,i,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){M(this,t)}}const j={M:h,P:o,A:n,C:1,L:N,R,D:d,V:M,I:k,H,N:L,U:z,B:I,F:Z},B=t.litHtmlPolyfillSupport;B?.(S,k),(t.litHtmlVersions??=[]).push(\"3.3.2\");const D=(t,i,s)=>{const e=s?.renderBefore??i;let h=e._$litPart$;if(void 0===h){const t=s?.renderBefore??null;e._$litPart$=h=new k(i.insertBefore(c(),t),t,void 0,s??{})}return h._$AI(t),h};export{j as _$LH,b as html,T as mathml,E as noChange,A as nothing,D as render,w as svg};\n//# sourceMappingURL=lit-html.js.map\n","export*from\"lit-html\";\n//# sourceMappingURL=html.js.map\n","import\"@lit/reactive-element\";import\"lit-html\";export*from\"lit-element/lit-element.js\";export*from\"lit-html/is-server.js\";\n//# sourceMappingURL=index.js.map\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","import { Combobox } from './Combobox'\n\nexport { Combobox }\n\nconst COMBOBOX_TAG_NAME = 'solid-ui-combobox'\n\nif (!customElements.get(COMBOBOX_TAG_NAME)) {\n  customElements.define(COMBOBOX_TAG_NAME, Combobox)\n}\n"],"names":["LitElement","html","css","nothing","render","renderPortal","downArrowIcon","listboxStyles","findOptionIndexByValue","getFirstEnabledIndex","getLastEnabledIndex","getListboxActionFromKey","getNextEnabledIndex","renderListbox","Combobox","_nextId","_popupPortalHost","_popupPortalRoot","_popupPortalContainer","_handleDocumentPointerDown","event","eventTarget","target","_popupOpen","Node","eventPath","composedPath","includes","contains","_closePopup","_handleViewportChange","_updatePopupPosition","suggestionProvider","properties","label","type","String","reflect","placeholder","theme","layout","value","inputValue","options","Array","attribute","state","_activeIndex","styles","_inputId","_listboxId","_suggestionRequestId","constructor","connectedCallback","document","addEventListener","window","disconnectedCallback","_detachPopupPortal","removeEventListener","_getPopupPortalContainer","closest","body","_ensurePopupPortal","nextContainer","createElement","setAttribute","style","position","inset","zIndex","pointerEvents","boxSizing","attachShadow","mode","styleSheets","isArray","map","styleSheet","filter","Boolean","length","adoptedStyleSheets","appendChild","parentNode","removeChild","rect","getBoundingClientRect","maxHeight","Math","min","max","innerHeight","bottom","top","round","left","width","height","_openPopup","popupOptions","_getDisplayedOptions","updated","changedProperties","_renderPopup","has","selectedOption","find","option","_getSelectedIndex","_getSelectedOption","selectedIndex","_getActiveOption","undefined","_loadSuggestions","query","requestId","suggestions","_handleInputChange","e","dispatchEvent","CustomEvent","detail","bubbles","composed","_handleInputKeydown","key","action","preventDefault","_selectActiveOption","_getOptionId","index","_selectValueFromDropdown","activeOption","disabled","listboxId","getOptionId","onOptionSelect","activeDescendant","ariaLabel","getAttribute","currentIndex","direction","every","optionsCount","nextIndex","findIndex","args","isSelected","isActive","optionId","COMBOBOX_TAG_NAME","customElements","get","define"],"sourceRoot":""}

package/dist/components/combobox/index.esm.min.js

@@ -0,0 +1,339 @@
+var t={1865(t,e,o){o.d(e,{G:()=>l});var i=o(6161),s=o(3380),r=o(9239),n=o(6457),a=o(9757),p=o(3337);class l extends i.WF{static _nextId=0;_popupPortalHost=null;_popupPortalRoot=null;_popupPortalContainer=null;_handleDocumentPointerDown=t=>{const e=t.target;if(!(this._popupOpen&&e instanceof Node))return;const o="composedPath"in t?t.composedPath():[];o.includes(this)||this._popupPortalHost&&o.includes(this._popupPortalHost)||this._popupPortalRoot&&o.includes(this._popupPortalRoot)||this.contains(e)||this._closePopup()};_handleViewportChange=()=>{this._popupOpen&&this._updatePopupPosition()};suggestionProvider;static properties={label:{type:String,reflect:!0},placeholder:{type:String,reflect:!0},theme:{type:String,reflect:!0},layout:{type:String,reflect:!0},value:{type:String,reflect:!0},inputValue:{type:String},options:{type:Array,attribute:!1},_popupOpen:{state:!0},_activeIndex:{state:!0}};static styles=[n.S,i.AH`
+    :host {
+      /* default theme */
+      display: block;
+      width: 100%;
+      min-width: 0;
+      max-width: 100%;
+      position: relative;
+      box-sizing: border-box;
+      --popup-background: var(--color-background, #F8F9FB);
+      --popup-text: var(--color-text, #1A1A1A);
+      --popup-border: var(--color-border, #E5E7EB);
+      --popup-shadow: var(--box-shadow-sm, 0 1px 4px rgba(124,77,255,0.12));
+      --input-background: var(--color-background, #F8F9FB);
+      --input-text: var(--color-text, #1A1A1A);
+      --input-border: var(--color-border-button-hover, var(--gray-400, #99A1AF));
+      --label-color: var(--grey-purple-700, #1A1A1A);
+      --placeholder-color: var(--grey-purple-700, #5e546d);
+      --combobox-input-height: var(--select-trigger-height, var(--min-touch-target, 44px));
+      --combobox-input-inline-padding: var(--select-trigger-inline-padding, var(--spacing-2xs, 0.625rem));
+      --combobox-input-block-padding: var(--spacing-xxs, 0.3125rem);
+    }
+
+    :host([theme='dark']) {
+      display: block;
+      width: 100%;
+      min-width: 0;
+      max-width: 100%;
+      position: relative;
+      box-sizing: border-box;
+      --popup-background: var(--color-background, #F8F9FB);
+      --popup-text: var(--color-text, #1A1A1A);
+      --popup-border: var(--color-border, #E5E7EB);
+      --popup-shadow: var(--box-shadow-sm, 0 1px 4px rgba(124,77,255,0.12));
+      --input-background: var(--color-background, #F8F9FB);
+      --input-text: var(--color-text, #1A1A1A);
+      --input-border: var(--color-border-button-hover, var(--gray-400, #99A1AF));
+      --label-color: var(--grey-purple-700, #1A1A1A);
+      --placeholder-color: var(--grey-purple-700, #5e546d);
+      --combobox-input-height: var(--select-trigger-height, var(--min-touch-target, 44px));
+      --combobox-input-inline-padding: var(--select-trigger-inline-padding, var(--spacing-2xs, 0.625rem));
+      --combobox-input-block-padding: var(--spacing-xxs, 0.3125rem);
+    }
+
+    .popup-box {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      background: var(--popup-background);
+      color: var(--popup-text);
+      box-shadow: var(--popup-shadow);
+      border: 1px solid var(--popup-border);
+      border-radius: var(--border-radius-md, 0.5rem);
+      min-width: 100%;
+      overflow: hidden;
+      box-sizing: border-box;
+      isolation: isolate;
+    }
+
+    .select-options-section {
+      position: relative;
+      background: var(--popup-background);
+      border-radius: inherit;
+      isolation: isolate;
+    }
+
+    .combobox-root {
+      display: flex;
+      flex-direction: column;
+      gap: 6px;
+    }
+
+    .text-label {
+      color: var(--label-color);
+      margin-bottom: 6px;
+    }
+
+    .input-field-row {
+      display: flex;
+      flex-direction: row;
+      position: relative;
+      width: 100%;
+      min-width: 0;
+    }
+
+    .text-input {
+      display: block;
+      flex: 1;
+      width: 100%;
+      min-width: 0;
+      min-height: var(--combobox-input-height);
+      height: var(--combobox-input-height);
+      padding: var(--combobox-input-block-padding) calc(26px + (var(--combobox-input-inline-padding) * 2) + 6px) var(--combobox-input-block-padding) var(--combobox-input-inline-padding);
+      border: 1px solid var(--input-border);
+      border-radius: var(--border-radius-base, 0.3125rem);
+      background: var(--input-background);
+      color: var(--input-text);
+      font: inherit;
+      font-size: var(--font-size-sm, 0.875rem);
+      font-weight: var(--font-weight-md, 500);
+      line-height: normal;
+      appearance: none;
+      -webkit-appearance: none;
+      box-sizing: border-box;
+    }
+
+    .text-input::placeholder {
+      color: var(--placeholder-color);
+    }
+
+    .text-input:focus-visible {
+      outline: 2px solid var(--color-focus-ring, var(--color-primary, #7C4DFF));
+      outline-offset: 2px;
+    }
+
+    .dropdown-toggle {
+      position: absolute;
+      right: 6px;
+      top: 50%;
+      transform: translateY(-50%);
+      width: 26px;
+      height: 26px;
+      padding: 0;
+      border: none;
+      background: transparent;
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-shrink: 0;
+      border-radius: var(--border-radius-base, 0.3125rem);
+    }
+
+    .dropdown-toggle:hover {
+      background: var(--color-header-menu-item-hover, #e6dcff);
+    }
+
+    .input-field-row:focus-within .dropdown-toggle {
+      background: var(--color-header-menu-item-hover, #e6dcff);
+    }
+
+    .dropdown-toggle:focus-visible {
+      outline: 2px solid var(--color-focus-ring, var(--color-primary, #7C4DFF));
+      outline-offset: 2px;
+      background: var(--color-header-menu-item-hover, #e6dcff);
+    }
+
+    .dropdown-toggle svg {
+      width: 14px;
+      height: 14px;
+      display: block;
+    }
+  }
+  `];_inputId="solid-ui-combobox-input-"+l._nextId++;_listboxId="solid-ui-combobox-listbox-"+l._nextId++;_suggestionRequestId=0;constructor(){super(),this.label="Select an option",this.placeholder="Type to search",this.theme="light",this.layout="desktop",this.options=[],this.value="",this.inputValue="",this._popupOpen=!1,this._activeIndex=-1}connectedCallback(){super.connectedCallback(),document.addEventListener("pointerdown",this._handleDocumentPointerDown),window.addEventListener("resize",this._handleViewportChange),window.addEventListener("scroll",this._handleViewportChange,!0)}disconnectedCallback(){this._detachPopupPortal(),document.removeEventListener("pointerdown",this._handleDocumentPointerDown),window.removeEventListener("resize",this._handleViewportChange),window.removeEventListener("scroll",this._handleViewportChange,!0),super.disconnectedCallback()}_getPopupPortalContainer(){return this.closest("dialog[open]")||document.body}_ensurePopupPortal(){const t=this._getPopupPortalContainer();if(this._popupPortalHost&&this._popupPortalRoot&&this._popupPortalContainer===t)return;this._detachPopupPortal(),this._popupPortalHost=document.createElement("div"),this._popupPortalHost.setAttribute("data-solid-ui-combobox-portal",""),this._popupPortalHost.style.position="fixed",this._popupPortalHost.style.inset="0 auto auto 0",this._popupPortalHost.style.zIndex="2147483647",this._popupPortalHost.style.pointerEvents="none",this._popupPortalHost.style.boxSizing="border-box",this._popupPortalRoot=this._popupPortalHost.attachShadow({mode:"open"});const e=(Array.isArray(l.styles)?l.styles:[l.styles]).map(t=>t?.styleSheet).filter(t=>Boolean(t));e.length>0&&(this._popupPortalRoot.adoptedStyleSheets=e),t.appendChild(this._popupPortalHost),this._popupPortalContainer=t}_detachPopupPortal(){this._popupPortalRoot&&(0,s.XX)(null,this._popupPortalRoot),this._popupPortalHost?.parentNode&&this._popupPortalHost.parentNode.removeChild(this._popupPortalHost),this._popupPortalHost=null,this._popupPortalRoot=null,this._popupPortalContainer=null}_updatePopupPosition(){this._ensurePopupPortal();const t=this.getBoundingClientRect(),e=Math.min(288,Math.max(120,window.innerHeight-t.bottom-12));this._popupPortalHost&&(this._popupPortalHost.style.top=`${Math.round(t.bottom+2)}px`,this._popupPortalHost.style.left=`${Math.round(t.left)}px`,this._popupPortalHost.style.width=`${Math.round(t.width)}px`,this._popupPortalHost.style.maxHeight=`${Math.round(e)}px`,this._popupPortalHost.style.height="0px")}_openPopup(){const t=this._getDisplayedOptions();this._popupOpen=!0,this._updatePopupPosition(),this._activeIndex=(0,a.Dh)(t,this.value),this._activeIndex<0&&(this._activeIndex=(0,a.AZ)(t))}_closePopup(){this._popupOpen=!1,this._popupPortalRoot&&(0,s.XX)(null,this._popupPortalRoot)}updated(t){if(this._popupOpen?(this._updatePopupPosition(),this._popupPortalRoot&&(0,s.XX)(this._renderPopup(),this._popupPortalRoot)):this._popupPortalRoot&&(0,s.XX)(null,this._popupPortalRoot),(t.has("value")||t.has("options"))&&this.value){const t=this.options.find(t=>t.value===this.value);t&&this.inputValue!==t.label&&(this.inputValue=t.label)}}_getSelectedIndex(){return(0,a.Dh)(this.options,this.value)}_getSelectedOption(){const t=this._getSelectedIndex();return t>=0?this.options[t]:this.options[0]}_getDisplayedOptions(){const t=this._getSelectedOption();return t?[t,...this.options.filter(e=>e.value!==t.value)]:this.options}_getActiveOption(){const t=this._getDisplayedOptions();if(!(this._activeIndex<0))return t[this._activeIndex]}async _loadSuggestions(t){if(!this.suggestionProvider)return void this._openPopup();const e=++this._suggestionRequestId,o=await this.suggestionProvider(t);e===this._suggestionRequestId&&(this.options=o,this._openPopup())}async _handleInputChange(t){const e=t.target.value;this.inputValue=e,this.value="",this.dispatchEvent(new CustomEvent("input",{detail:{value:e},bubbles:!0,composed:!0})),await this._loadSuggestions(e)}_handleInputKeydown(t){if(" "===t.key||"Spacebar"===t.key)return;const e=this._getDisplayedOptions(),o=(0,a.Hf)(t.key);if("none"!==o)switch(t.preventDefault(),o){case"close":this._closePopup();break;case"first":this._popupOpen||this._openPopup(),this._activeIndex=(0,a.AZ)(e);break;case"last":this._popupOpen||this._openPopup(),this._activeIndex=(0,a.mY)(e);break;case"next":if(!this._popupOpen){this._openPopup();break}this._activeIndex=(0,a.Xx)(this._activeIndex,e,1);break;case"previous":if(!this._popupOpen){this._openPopup();break}this._activeIndex=(0,a.Xx)(this._activeIndex,e,-1);break;case"select":if(!this._popupOpen){this._openPopup();break}this._selectActiveOption()}}_getOptionId(t,e){return`${this._listboxId}-option-${e}-${t.value}`}_selectValueFromDropdown(t){const e=this.options.find(e=>e.value===t);this.value=t,this.inputValue=e?.label??t,this.dispatchEvent(new CustomEvent("change",{detail:{value:t,label:this.inputValue,option:e},bubbles:!0,composed:!0})),this._closePopup()}_selectActiveOption(){const t=this._getActiveOption();t&&!t.disabled&&this._selectValueFromDropdown(t.value)}_renderPopup(){const t=this._getDisplayedOptions(),e=this._getSelectedOption(),o=this._activeIndex>=0?t[this._activeIndex]:void 0;return i.qy`
+      <div class="popup-box" style="pointer-events: auto; max-height: inherit; overflow: auto;">
+        <div class="select-options-section">
+          ${(0,p.M)({selectedOption:e,activeOption:o,options:t,listboxId:this._listboxId,getOptionId:(t,e)=>this._getOptionId(t,e),onOptionSelect:t=>this._selectValueFromDropdown(t.value)})}
+        </div>
+      </div>
+    `}render(){const t=this._getActiveOption(),e=this._popupOpen&&t?this._getOptionId(t,this._activeIndex):void 0,o=this.label?i.s6:this.getAttribute("aria-label")||this.placeholder||"Combobox";return i.qy`
+      <div class="combobox-root">
+        ${this.label?i.qy`<label class="text-label" for="${this._inputId}">${this.label}</label>`:null}
+        <div class="input-field-row">
+          <input
+            id="${this._inputId}"
+            class="text-input"
+            part="input"
+            type="text"
+            role="combobox"
+            aria-autocomplete="list"
+            aria-label="${o}"
+            aria-expanded="${this._popupOpen}"
+            aria-controls="${this._listboxId}"
+            aria-activedescendant="${e??""}"
+            placeholder="${this.placeholder}"
+            .value="${this.inputValue}"
+            @focus="${()=>this._openPopup()}"
+            @input="${this._handleInputChange}"
+            @keydown="${this._handleInputKeydown}"
+          />
+          <button
+            class="dropdown-toggle"
+            type="button"
+            aria-label="Show options"
+            aria-expanded="${this._popupOpen}"
+            @click="${()=>this._popupOpen?this._closePopup():this._openPopup()}"
+          >
+            ${r.n}
+          </button>
+        </div>
+      </div>
+    `}}},9239(t,e,o){o.d(e,{n:()=>i});const i=o(6752).qy`
+  <svg xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 12 7"
+    fill="none"
+  >
+    <path d="M0.679688 0.678955L5.50729 5.50656L10.3349 0.678955" stroke="#6A7282" stroke-width="1.35776" stroke-linecap="round" stroke-linejoin="round"/>
+  </svg>
+`},9757(t,e,o){function i(t,e,o){if(!e.length)return-1;if(e.every(t=>t.disabled))return-1;const i=e.length;let s=t;do{s=(s+o+i)%i}while(e[s].disabled);return s}function s(t){return t.length?i(-1,t,1):-1}function r(t){return t.length?i(t.length,t,-1):-1}function n(t,e){return void 0===e?-1:t.findIndex(t=>t.value===e)}function a(t){switch(t){case"ArrowDown":return"next";case"ArrowUp":return"previous";case"Home":return"first";case"End":return"last";case"Enter":case" ":return"select";case"Escape":return"close";default:return"none"}}o.d(e,{AZ:()=>s,Dh:()=>n,Hf:()=>a,Xx:()=>i,mY:()=>r})},6457(t,e,o){o.d(e,{S:()=>i});const i=o(6161).AH`
+  :host { /* default theme */
+      --input-background: var(--color-background, #F8F9FB);
+      --item-text: var(--color-text-heading, #000000);
+      --item-selected-text: var(--color-primary, #7c4dff);
+      --item-hover-background: var(--color-header-menu-item-hover, #e6dcff);
+      --item-selected-background: var(--color-header-menu-item-selected, #cbb9ff);
+      --listbox-z-index: 1;
+    }
+
+    :host([theme='dark']) {
+      --input-background: var(--color-background, #1A1A1A);
+      --item-text: var(--color-text-heading, #F8F9FB);
+      --item-selected-text: var(--color-primary, #7c4dff);
+      --item-hover-background: var(--color-header-menu-item-hover, #e6dcff);
+      --item-selected-background: var(--color-header-menu-item-selected, #cbb9ff);
+      --listbox-z-index: 1;
+    }
+
+    .listbox {
+      position: relative;
+      top: 0;
+      left: 0;
+      right: 0;
+      display: flex;
+      flex-direction: column;
+      gap: 0.0625rem;
+      margin: 0;
+      padding: 0;
+      list-style: none;
+      border: none;
+      border-radius: inherit;
+      background: var(--input-background);
+      background-color: var(--input-background);
+      opacity: 1;
+      overflow: hidden;
+      padding: 0.25rem;
+      z-index: var(--listbox-z-index);
+      box-shadow: 0 4px 12px rgba(124, 77, 255, 0.12);
+    }
+
+    .listbox-item {
+      display: flex;
+      align-items: center;
+      gap: var(--spacing-2xs, 0.625rem);
+      width: 100%;
+      min-height: calc(var(--font-size-sm, 0.875rem) + 1rem);
+      padding: 0.5rem var(--spacing-xs, 0.75rem);
+      border: none;
+      border-radius: var(--border-radius-sm, 0.2rem);
+      background: transparent;
+      color: var(--item-text);
+      cursor: pointer;
+      font: inherit;
+      font-size: var(--font-size-sm, 0.875rem);
+      font-weight: var(--font-weight-normal, 400);
+      line-height: normal;
+      text-align: left;
+      text-decoration: none;
+      box-sizing: border-box;
+    }
+
+    .listbox-item:hover {
+      background: var(--item-hover-background);
+      border-radius: var(--border-radius-sm, 0.2rem);
+    }
+
+    .listbox-item:focus {
+      background: var(--item-hover-background);
+      border-radius: var(--border-radius-sm, 0.2rem);
+    }
+
+    .listbox-item-active {
+      background: var(--item-selected-background);
+      color: var(--item-selected-text);
+      border-radius: var(--border-radius-sm, 0.2rem);
+      outline: none;
+    }
+
+    .listbox-item-active:hover,
+    .listbox-item-active:focus {
+      color: var(--item-text);
+    }
+
+    .listbox-item-disabled {
+      opacity: 0.55;
+      cursor: not-allowed;
+    }
+
+    .listbox-item-disabled:hover {
+      background: transparent;
+      border-radius: 0;
+    }
+`},3337(t,e,o){o.d(e,{M:()=>s});var i=o(6161);function s(t){const{options:e,selectedOption:o,activeOption:s,listboxId:r,getOptionId:n,onOptionSelect:a}=t;return i.qy`
+    <ul
+      class="listbox"
+      id="${r??""}"
+      part="listbox"
+      role="listbox"
+      aria-orientation="vertical"
+    >
+      ${e.map((t,e)=>{const r=t.value===o?.value,p=t.value===s?.value,l=n?.(t,e);return i.qy`
+          <li
+            id="${l??""}"
+            class="listbox-item${r?" listbox-item-selected":""}${p?" listbox-item-active":""}${t.disabled?" listbox-item-disabled":""}"
+            part="option${r?" selected-option":""}${p?" active-option":""}${t.disabled?" disabled-option":""}"
+            role="option"
+            aria-selected="${r}"
+            aria-disabled="${t.disabled?"true":"false"}"
+            @click="${()=>{t.disabled||a(t)}}"
+          >
+            ${t.label}
+          </li>
+        `})}
+    </ul>
+  `}},3826(t,e,o){o.d(e,{AH:()=>p,Rf:()=>l,sk:()=>h});
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const i=globalThis,s=i.ShadowRoot&&(void 0===i.ShadyCSS||i.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,r=Symbol(),n=new WeakMap;class a{constructor(t,e,o){if(this._$cssResult$=!0,o!==r)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(s&&void 0===t){const o=void 0!==e&&1===e.length;o&&(t=n.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),o&&n.set(e,t))}return t}toString(){return this.cssText}}const p=(t,...e)=>{const o=1===t.length?t[0]:e.reduce((e,o,i)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(o)+t[i+1],t[0]);return new a(o,t,r)},l=(t,e)=>{if(s)t.adoptedStyleSheets=e.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet);else for(const o of e){const e=document.createElement("style"),s=i.litNonce;void 0!==s&&e.setAttribute("nonce",s),e.textContent=o.cssText,t.appendChild(e)}},h=s?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const o of t.cssRules)e+=o.cssText;return(t=>new a("string"==typeof t?t:t+"",void 0,r))(e)})(t):t},8760(t,e,o){o.d(e,{AH:()=>i.AH,mN:()=>m});var i=o(3826);
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const{is:s,defineProperty:r,getOwnPropertyDescriptor:n,getOwnPropertyNames:a,getOwnPropertySymbols:p,getPrototypeOf:l}=Object,h=globalThis,d=h.trustedTypes,c=d?d.emptyScript:"",u=h.reactiveElementPolyfillSupport,_=(t,e)=>t,b={toAttribute(t,e){switch(e){case Boolean:t=t?c:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let o=t;switch(e){case Boolean:o=null!==t;break;case Number:o=null===t?null:Number(t);break;case Object:case Array:try{o=JSON.parse(t)}catch(t){o=null}}return o}},v=(t,e)=>!s(t,e),g={attribute:!0,type:String,converter:b,reflect:!1,useDefault:!1,hasChanged:v};Symbol.metadata??=Symbol("metadata"),h.litPropertyMetadata??=new WeakMap;class m extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=g){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const o=Symbol(),i=this.getPropertyDescriptor(t,o,e);void 0!==i&&r(this.prototype,t,i)}}static getPropertyDescriptor(t,e,o){const{get:i,set:s}=n(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};return{get:i,set(e){const r=i?.call(this);s?.call(this,e),this.requestUpdate(t,r,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??g}static _$Ei(){if(this.hasOwnProperty(_("elementProperties")))return;const t=l(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(_("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(_("properties"))){const t=this.properties,e=[...a(t),...p(t)];for(const o of e)this.createProperty(o,t[o])}const t=this[Symbol.metadata];if(null!==t){const e=litPropertyMetadata.get(t);if(void 0!==e)for(const[t,o]of e)this.elementProperties.set(t,o)}this._$Eh=new Map;for(const[t,e]of this.elementProperties){const o=this._$Eu(t,e);void 0!==o&&this._$Eh.set(o,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const o=new Set(t.flat(1/0).reverse());for(const t of o)e.unshift((0,i.sk)(t))}else void 0!==t&&e.push((0,i.sk)(t));return e}static _$Eu(t,e){const o=e.attribute;return!1===o?void 0:"string"==typeof o?o:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(t=>t(this))}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const o of e.keys())this.hasOwnProperty(o)&&(t.set(o,this[o]),delete this[o]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return(0,i.Rf)(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(t=>t.hostConnected?.())}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach(t=>t.hostDisconnected?.())}attributeChangedCallback(t,e,o){this._$AK(t,o)}_$ET(t,e){const o=this.constructor.elementProperties.get(t),i=this.constructor._$Eu(t,o);if(void 0!==i&&!0===o.reflect){const s=(void 0!==o.converter?.toAttribute?o.converter:b).toAttribute(e,o.type);this._$Em=t,null==s?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(t,e){const o=this.constructor,i=o._$Eh.get(t);if(void 0!==i&&this._$Em!==i){const t=o.getPropertyOptions(i),s="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:b;this._$Em=i;const r=s.fromAttribute(e,t.type);this[i]=r??this._$Ej?.get(i)??r,this._$Em=null}}requestUpdate(t,e,o,i=!1,s){if(void 0!==t){const r=this.constructor;if(!1===i&&(s=this[t]),o??=r.getPropertyOptions(t),!((o.hasChanged??v)(s,e)||o.useDefault&&o.reflect&&s===this._$Ej?.get(t)&&!this.hasAttribute(r._$Eu(t,o))))return;this.C(t,e,o)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(t,e,{useDefault:o,reflect:i,wrapped:s},r){o&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,r??e??this[t]),!0!==s||void 0!==r)||(this._$AL.has(t)||(this.hasUpdated||o||(e=void 0),this._$AL.set(t,e)),!0===i&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,e]of this._$Ep)this[t]=e;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[e,o]of t){const{wrapped:t}=o,i=this[e];!0!==t||this._$AL.has(e)||void 0===i||this.C(e,void 0,o,i)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach(t=>t.hostUpdate?.()),this.update(e)):this._$EM()}catch(e){throw t=!1,this._$EM(),e}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach(t=>t.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach(t=>this._$ET(t,this[t])),this._$EM()}updated(t){}firstUpdated(t){}}m.elementStyles=[],m.shadowRootOptions={mode:"open"},m[_("elementProperties")]=new Map,m[_("finalized")]=new Map,u?.({ReactiveElement:m}),(h.reactiveElementVersions??=[]).push("2.1.2")},5228(t,e,o){o.d(e,{AH:()=>i.AH,WF:()=>n,qy:()=>s.qy,s6:()=>s.s6});var i=o(8760),s=o(6752);
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const r=globalThis;class n extends i.mN{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=(0,s.XX)(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return s.c0}}n._$litElement$=!0,n.finalized=!0,r.litElementHydrateSupport?.({LitElement:n});const a=r.litElementPolyfillSupport;a?.({LitElement:n});(r.litElementVersions??=[]).push("4.2.2")},6752(t,e,o){o.d(e,{XX:()=>L,c0:()=>E,qy:()=>P,s6:()=>S});
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const i=globalThis,s=t=>t,r=i.trustedTypes,n=r?r.createPolicy("lit-html",{createHTML:t=>t}):void 0,a="$lit$",p=`lit$${Math.random().toFixed(9).slice(2)}$`,l="?"+p,h=`<${l}>`,d=document,c=()=>d.createComment(""),u=t=>null===t||"object"!=typeof t&&"function"!=typeof t,_=Array.isArray,b=t=>_(t)||"function"==typeof t?.[Symbol.iterator],v="[ \t\n\f\r]",g=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,m=/-->/g,f=/>/g,$=RegExp(`>|${v}(?:([^\\s"'>=/]+)(${v}*=${v}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),x=/'/g,y=/"/g,A=/^(?:script|style|textarea|title)$/i,w=t=>(e,...o)=>({_$litType$:t,strings:e,values:o}),P=w(1),E=(w(2),w(3),Symbol.for("lit-noChange")),S=Symbol.for("lit-nothing"),k=new WeakMap,C=d.createTreeWalker(d,129);function O(t,e){if(!_(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==n?n.createHTML(e):e}const H=(t,e)=>{const o=t.length-1,i=[];let s,r=2===e?"<svg>":3===e?"<math>":"",n=g;for(let e=0;e<o;e++){const o=t[e];let l,d,c=-1,u=0;for(;u<o.length&&(n.lastIndex=u,d=n.exec(o),null!==d);)u=n.lastIndex,n===g?"!--"===d[1]?n=m:void 0!==d[1]?n=f:void 0!==d[2]?(A.test(d[2])&&(s=RegExp("</"+d[2],"g")),n=$):void 0!==d[3]&&(n=$):n===$?">"===d[0]?(n=s??g,c=-1):void 0===d[1]?c=-2:(c=n.lastIndex-d[2].length,l=d[1],n=void 0===d[3]?$:'"'===d[3]?y:x):n===y||n===x?n=$:n===m||n===f?n=g:(n=$,s=void 0);const _=n===$&&t[e+1].startsWith("/>")?" ":"";r+=n===g?o+h:c>=0?(i.push(l),o.slice(0,c)+a+o.slice(c)+p+_):o+p+(-2===c?e:_)}return[O(t,r+(t[o]||"<?>")+(2===e?"</svg>":3===e?"</math>":"")),i]};class I{constructor({strings:t,_$litType$:e},o){let i;this.parts=[];let s=0,n=0;const h=t.length-1,d=this.parts,[u,_]=H(t,e);if(this.el=I.createElement(u,o),C.currentNode=this.el.content,2===e||3===e){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(i=C.nextNode())&&d.length<h;){if(1===i.nodeType){if(i.hasAttributes())for(const t of i.getAttributeNames())if(t.endsWith(a)){const e=_[n++],o=i.getAttribute(t).split(p),r=/([.?@])?(.*)/.exec(e);d.push({type:1,index:s,name:r[2],strings:o,ctor:"."===r[1]?N:"?"===r[1]?T:"@"===r[1]?z:D}),i.removeAttribute(t)}else t.startsWith(p)&&(d.push({type:6,index:s}),i.removeAttribute(t));if(A.test(i.tagName)){const t=i.textContent.split(p),e=t.length-1;if(e>0){i.textContent=r?r.emptyScript:"";for(let o=0;o<e;o++)i.append(t[o],c()),C.nextNode(),d.push({type:2,index:++s});i.append(t[e],c())}}}else if(8===i.nodeType)if(i.data===l)d.push({type:2,index:s});else{let t=-1;for(;-1!==(t=i.data.indexOf(p,t+1));)d.push({type:7,index:s}),t+=p.length-1}s++}}static createElement(t,e){const o=d.createElement("template");return o.innerHTML=t,o}}function R(t,e,o=t,i){if(e===E)return e;let s=void 0!==i?o._$Co?.[i]:o._$Cl;const r=u(e)?void 0:e._$litDirective$;return s?.constructor!==r&&(s?._$AO?.(!1),void 0===r?s=void 0:(s=new r(t),s._$AT(t,o,i)),void 0!==i?(o._$Co??=[])[i]=s:o._$Cl=s),void 0!==s&&(e=R(t,s._$AS(t,e.values),s,i)),e}class U{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:o}=this._$AD,i=(t?.creationScope??d).importNode(e,!0);C.currentNode=i;let s=C.nextNode(),r=0,n=0,a=o[0];for(;void 0!==a;){if(r===a.index){let e;2===a.type?e=new M(s,s.nextSibling,this,t):1===a.type?e=new a.ctor(s,a.name,a.strings,this,t):6===a.type&&(e=new F(s,this,t)),this._$AV.push(e),a=o[++n]}r!==a?.index&&(s=C.nextNode(),r++)}return C.currentNode=d,i}p(t){let e=0;for(const o of this._$AV)void 0!==o&&(void 0!==o.strings?(o._$AI(t,o,e),e+=o.strings.length-2):o._$AI(t[e])),e++}}class M{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,o,i){this.type=2,this._$AH=S,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=o,this.options=i,this._$Cv=i?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t?.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=R(this,t,e),u(t)?t===S||null==t||""===t?(this._$AH!==S&&this._$AR(),this._$AH=S):t!==this._$AH&&t!==E&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):b(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==S&&u(this._$AH)?this._$AA.nextSibling.data=t:this.T(d.createTextNode(t)),this._$AH=t}$(t){const{values:e,_$litType$:o}=t,i="number"==typeof o?this._$AC(t):(void 0===o.el&&(o.el=I.createElement(O(o.h,o.h[0]),this.options)),o);if(this._$AH?._$AD===i)this._$AH.p(e);else{const t=new U(i,this),o=t.u(this.options);t.p(e),this.T(o),this._$AH=t}}_$AC(t){let e=k.get(t.strings);return void 0===e&&k.set(t.strings,e=new I(t)),e}k(t){_(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let o,i=0;for(const s of t)i===e.length?e.push(o=new M(this.O(c()),this.O(c()),this,this.options)):o=e[i],o._$AI(s),i++;i<e.length&&(this._$AR(o&&o._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t!==this._$AB;){const e=s(t).nextSibling;s(t).remove(),t=e}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class D{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,o,i,s){this.type=1,this._$AH=S,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=s,o.length>2||""!==o[0]||""!==o[1]?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=S}_$AI(t,e=this,o,i){const s=this.strings;let r=!1;if(void 0===s)t=R(this,t,e,0),r=!u(t)||t!==this._$AH&&t!==E,r&&(this._$AH=t);else{const i=t;let n,a;for(t=s[0],n=0;n<s.length-1;n++)a=R(this,i[o+n],e,n),a===E&&(a=this._$AH[n]),r||=!u(a)||a!==this._$AH[n],a===S?t=S:t!==S&&(t+=(a??"")+s[n+1]),this._$AH[n]=a}r&&!i&&this.j(t)}j(t){t===S?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class N extends D{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===S?void 0:t}}class T extends D{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==S)}}class z extends D{constructor(t,e,o,i,s){super(t,e,o,i,s),this.type=5}_$AI(t,e=this){if((t=R(this,t,e,0)??S)===E)return;const o=this._$AH,i=t===S&&o!==S||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,s=t!==S&&(o===S||i);i&&this.element.removeEventListener(this.name,this,o),s&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class F{constructor(t,e,o){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=o}get _$AU(){return this._$AM._$AU}_$AI(t){R(this,t)}}const B=i.litHtmlPolyfillSupport;B?.(I,M),(i.litHtmlVersions??=[]).push("3.3.2");const L=(t,e,o)=>{const i=o?.renderBefore??e;let s=i._$litPart$;if(void 0===s){const t=o?.renderBefore??null;i._$litPart$=s=new M(e.insertBefore(c(),t),t,void 0,o??{})}return s._$AI(t),s}},3380(t,e,o){o.d(e,{XX:()=>i.XX});var i=o(6752)},6161(t,e,o){o.d(e,{AH:()=>i.AH,WF:()=>i.WF,qy:()=>i.qy,s6:()=>i.s6});o(8760),o(6752);var i=o(5228)}},e={};function o(i){var s=e[i];if(void 0!==s)return s.exports;var r=e[i]={exports:{}};return t[i](r,r.exports,o),r.exports}o.d=(t,e)=>{for(var i in e)o.o(e,i)&&!o.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},o.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);var i={};o.d(i,{G:()=>s.G});var s=o(1865);const r="solid-ui-combobox";customElements.get(r)||customElements.define(r,s.G);const n=i.G;export{n as Combobox};
+//# sourceMappingURL=index.esm.min.js.map