solid-ui 3.1.3-9 → 5.0.0-0

package/dist/components/combobox/Combobox.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.cjs.js","names":["customElement","WebComponent","html","nothing","property","query","state","InputTrait","styles","_classDecs","_Combobox","_Combobox2","_A","WeakMap","_B","_C","_D","_E","_F","_G","_H","_I","_ref","_labelDecs","type","String","reflect","_nameDecs","_valueDecs","_placeholderDecs","_requiredDecs","Boolean","_inputElementDecs","_filterDecs","_openDecs","_activeIndexDecs","_Combobox3","Combobox","_classPrivateFieldGet","label","v","_classPrivateFieldSet","name","value","placeholder","required","inputElement","filter","open","activeIndex","constructor","_classPrivateFieldInitSpec","_initProto","_init_label","_init_name","_init_value","_init_placeholder","_init_required","_init_inputElement","_init_filter","_init_open","_init_activeIndex","_defineProperty","event","path","composedPath","includes","hide","inputTrait","addTrait","getInputElement","getInternals","onValueChanged","toLowerCase","options","getFilteredOptions","length","getInitialActiveIndex","listboxId","inputId","disconnectedCallback","removeOpenListeners","render","activeOption","undefined","activeDescendant","getOptionId","accessibleName","renderLabel","onAnchorMouseDown","labelId","onInputKeyDown","onInputFocus","onInput","onListboxMouseDown","map","option","index","setActiveIndex","getOptions","querySelectorAll","Array","from","textContent","selectedIndex","findIndex","getNextIndex","currentIndex","direction","show","filteredOptions","focusLast","addOpenListeners","requestAnimationFrame","scrollActiveOptionIntoView","selectOption","setValue","focus","preventScroll","shadowRoot","querySelector","scrollIntoView","block","openListenersAttached","document","addEventListener","handleDocumentFocusIn","handleDocumentMouseDown","root","getRootNode","removeEventListener","preventDefault","openPopupFromKey","key","onSubmit","stopPropagation","target","HTMLElement","optionElement","closest","optionId","id","Number","parseInt","replace","e","c","_initClass","_applyDecs","_Class","_identity","default"],"sources":["../../../src/components/combobox/Combobox.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { property, query, state } from 'lit/decorators.js'\nimport InputTrait from '@/lib/components/traits/InputTrait'\nimport type ComboboxOption from '@/components/combobox-option/ComboboxOption'\n\nimport '~icons/lucide/chevron-down'\nimport '@awesome.me/webawesome/dist/components/popup/popup.js'\n\nimport styles from './Combobox.styles.css'\n\ntype ComboboxOptionData = { value: string; label: string }\n\n@customElement('solid-ui-combobox')\nexport default class Combobox extends WebComponent {\n  static styles = styles\n  static formAssociated = true\n\n  @property({ type: String, reflect: true })\n  accessor label = ''\n\n  @property({ type: String, reflect: true })\n  accessor name = ''\n\n  @property({ type: String })\n  accessor value = ''\n\n  @property({ type: String, reflect: true })\n  accessor placeholder = ''\n\n  @property({ type: Boolean, reflect: true })\n  accessor required = false\n\n  @query('input')\n  private accessor inputElement: HTMLInputElement | null = null\n\n  @state()\n  private accessor filter = ''\n\n  @state()\n  private accessor open = false\n\n  @state()\n  private accessor activeIndex = -1\n\n  private inputTrait: InputTrait\n  private openListenersAttached = false\n  private readonly listboxId: string\n\n  constructor () {\n    super()\n\n    this.inputTrait = this.addTrait(\n      new InputTrait(this, {\n        getInputElement: () => this.inputElement,\n        getInternals: () => this.getInternals(),\n        onValueChanged: (value) => {\n          this.filter = value.toLowerCase()\n\n          const options = this.getFilteredOptions()\n\n          if (options.length === 0) {\n            this.hide()\n            return\n          }\n\n          if (this.open) {\n            this.activeIndex = this.getInitialActiveIndex(options)\n          }\n        },\n      })\n    )\n\n    this.listboxId = `listbox-${this.inputTrait.inputId}`\n  }\n\n  disconnectedCallback () {\n    super.disconnectedCallback()\n\n    this.removeOpenListeners()\n  }\n\n  protected render () {\n    const options = this.getFilteredOptions()\n    const activeOption =\n      this.open && this.activeIndex >= 0 ? options[this.activeIndex] : undefined\n    const activeDescendant =\n      activeOption !== undefined ? this.getOptionId(this.activeIndex) : undefined\n    const accessibleName = this.placeholder || 'Combobox'\n\n    return html`\n      ${this.inputTrait.renderLabel()}\n      <wa-popup\n        placement=\"bottom\"\n        flip\n        shift\n        sync=\"width\"\n        auto-size=\"vertical\"\n        auto-size-padding=\"10\"\n        ?active=${this.open}\n      >\n        <div class=\"input-wrapper\" slot=\"anchor\" @mousedown=${this.onAnchorMouseDown}>\n          <input\n            id=\"${this.inputTrait.inputId}\"\n            type=\"text\"\n            name=${this.name}\n            placeholder=${this.placeholder}\n            role=\"combobox\"\n            aria-autocomplete=\"list\"\n            aria-haspopup=\"listbox\"\n            aria-expanded=${this.open ? 'true' : 'false'}\n            aria-controls=${this.listboxId}\n            aria-activedescendant=${activeDescendant ?? nothing}\n            aria-labelledby=${this.label ? this.inputTrait.labelId : nothing}\n            aria-label=${this.label ? nothing : accessibleName}\n            aria-required=${this.required ? 'true' : nothing}\n            autocomplete=\"off\"\n            spellcheck=\"false\"\n            ?required=${this.required}\n            .value=${this.value}\n            @keydown=${this.onInputKeyDown}\n            @focus=${this.onInputFocus}\n            @input=${() => this.inputTrait.onInput()}\n          />\n          <icon-lucide-chevron-down></icon-lucide-chevron-down>\n        </div>\n        <div\n          id=${this.listboxId}\n          class=\"listbox\"\n          role=\"listbox\"\n          aria-orientation=\"vertical\"\n          aria-labelledby=${this.label ? this.inputTrait.labelId : nothing}\n          aria-label=${this.label ? nothing : accessibleName}\n          ?hidden=${!this.open}\n          @mousedown=${this.onListboxMouseDown}\n        >\n          ${options.map(\n            (option, index) =>\n              html`<div\n                id=${this.getOptionId(index)}\n                role=\"option\"\n                aria-selected=${this.open && index === this.activeIndex\n                  ? 'true'\n                  : 'false'}\n                data-active=${index === this.activeIndex || nothing}\n                @mousemove=${() => this.setActiveIndex(index)}\n              >\n                ${option.label}\n              </div>`\n          )}\n        </div>\n      </wa-popup>\n    `\n  }\n\n  private getFilteredOptions (): ComboboxOptionData[] {\n    return this.getOptions().filter((option) =>\n      option.label.toLowerCase().includes(this.filter)\n    )\n  }\n\n  private getOptions (): ComboboxOptionData[] {\n    const options = this.querySelectorAll<ComboboxOption>(\n      'solid-ui-combobox-option'\n    )\n\n    return Array.from(options).map((option) => ({\n      value: option.value,\n      label: option.textContent ?? '',\n    }))\n  }\n\n  private getOptionId (index: number): string {\n    return `${this.listboxId}-option-${index}`\n  }\n\n  private getInitialActiveIndex (options: ComboboxOptionData[]): number {\n    const selectedIndex = options.findIndex((option) => option.value === this.value)\n\n    if (selectedIndex >= 0) {\n      return selectedIndex\n    }\n\n    return options.length > 0 ? 0 : -1\n  }\n\n  private getNextIndex (\n    currentIndex: number,\n    options: ComboboxOptionData[],\n    direction: 1 | -1\n  ): number {\n    if (options.length === 0) {\n      return -1\n    }\n\n    return (currentIndex + direction + options.length) % options.length\n  }\n\n  private setActiveIndex (index: number) {\n    this.activeIndex = index\n  }\n\n  private show (options?: { focusLast?: boolean }) {\n    if (this.open) {\n      return\n    }\n\n    const filteredOptions = this.getFilteredOptions()\n\n    if (filteredOptions.length === 0) {\n      return\n    }\n\n    this.open = true\n    this.activeIndex = options?.focusLast\n      ? filteredOptions.length - 1\n      : this.getInitialActiveIndex(filteredOptions)\n    this.addOpenListeners()\n\n    requestAnimationFrame(() => this.scrollActiveOptionIntoView())\n  }\n\n  private hide () {\n    if (!this.open) {\n      return\n    }\n\n    this.filter = ''\n    this.open = false\n    this.activeIndex = -1\n    this.removeOpenListeners()\n  }\n\n  private selectOption (value: string) {\n    this.inputTrait.setValue(value)\n    this.hide()\n    this.inputElement?.focus({ preventScroll: true })\n  }\n\n  private scrollActiveOptionIntoView () {\n    if (this.activeIndex < 0) {\n      return\n    }\n\n    this.shadowRoot\n      ?.querySelector(`#${this.getOptionId(this.activeIndex)}`)\n      ?.scrollIntoView({ block: 'nearest' })\n  }\n\n  private addOpenListeners () {\n    if (this.openListenersAttached) {\n      return\n    }\n\n    document.addEventListener('focusin', this.handleDocumentFocusIn)\n    document.addEventListener('mousedown', this.handleDocumentMouseDown)\n\n    const root = this.getRootNode()\n\n    if (root !== document) {\n      root.addEventListener('focusin', this.handleDocumentFocusIn)\n    }\n\n    this.openListenersAttached = true\n  }\n\n  private removeOpenListeners () {\n    if (!this.openListenersAttached) {\n      return\n    }\n\n    document.removeEventListener('focusin', this.handleDocumentFocusIn)\n    document.removeEventListener('mousedown', this.handleDocumentMouseDown)\n\n    const root = this.getRootNode()\n\n    if (root !== document) {\n      root.removeEventListener('focusin', this.handleDocumentFocusIn)\n    }\n\n    this.openListenersAttached = false\n  }\n\n  private handleDocumentFocusIn = (event: Event) => {\n    const path = event.composedPath()\n\n    if (!path.includes(this)) {\n      this.hide()\n    }\n  }\n\n  private handleDocumentMouseDown = (event: MouseEvent) => {\n    const path = event.composedPath()\n\n    if (!path.includes(this)) {\n      this.hide()\n    }\n  }\n\n  private onAnchorMouseDown (event: MouseEvent) {\n    event.preventDefault()\n    this.inputElement?.focus({ preventScroll: true })\n  }\n\n  private onInputFocus () {\n    this.show()\n  }\n\n  private openPopupFromKey (focusLast: boolean) {\n    if (!this.open) {\n      this.show({ focusLast })\n    }\n  }\n\n  private onInputKeyDown (event: KeyboardEvent) {\n    const options = this.getFilteredOptions()\n\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault()\n\n        if (!this.open) {\n          this.openPopupFromKey(false)\n        } else {\n          this.activeIndex = this.getNextIndex(this.activeIndex, options, 1)\n          this.scrollActiveOptionIntoView()\n        }\n        break\n      case 'ArrowUp':\n        event.preventDefault()\n\n        if (!this.open) {\n          this.openPopupFromKey(true)\n        } else {\n          this.activeIndex = this.getNextIndex(this.activeIndex, options, -1)\n          this.scrollActiveOptionIntoView()\n        }\n        break\n      case 'Enter':\n        if (this.open && this.activeIndex >= 0 && options[this.activeIndex]) {\n          event.preventDefault()\n          this.selectOption(options[this.activeIndex].value)\n        } else if (!this.open) {\n          event.preventDefault()\n          this.inputTrait.onSubmit()\n        }\n        break\n      case 'Escape':\n        if (this.open) {\n          event.preventDefault()\n          event.stopPropagation()\n          this.hide()\n          this.inputElement?.focus({ preventScroll: true })\n        }\n        break\n      case 'Tab':\n        this.hide()\n        break\n    }\n  }\n\n  private onListboxMouseDown (event: MouseEvent) {\n    event.preventDefault()\n\n    if (!(event.target instanceof HTMLElement)) {\n      return\n    }\n\n    const optionElement = event.target.closest('[role=\"option\"]')\n\n    if (!optionElement) {\n      return\n    }\n\n    const optionId = optionElement.id\n    const index = Number.parseInt(optionId.replace(`${this.listboxId}-option-`, ''), 10)\n    const option = this.getFilteredOptions()[index]\n\n    if (option) {\n      this.selectOption(option.value)\n    }\n  }\n}\n"],"mappings":"+jJAS0CS,EAAA,CAIzCT,EAAAA,cAAc,mBAAmB,CAAC,EAAA,IAAAU,EAAA,IAAAC,GAAAC,EAAA,IAAAC,QAAAC,EAAA,IAAAD,QAAAE,EAAA,IAAAF,QAAAG,EAAA,IAAAH,QAAAI,EAAA,IAAAJ,QAAAK,EAAA,IAAAL,QAAAM,EAAA,IAAAN,QAAAO,EAAA,IAAAP,QAAAQ,EAAA,IAAAR,QAAAS,GAAAC,GAAAA,EAAAA,EAAAA,SAAAA,CAKvB,CAAEC,KAAMC,OAAQC,QAAS,EAAK,CAAC,EAACC,GAAAA,EAAAA,EAAAA,SAAAA,CAGhC,CAAEH,KAAMC,OAAQC,QAAS,EAAK,CAAC,EAACE,GAAAA,EAAAA,EAAAA,SAAAA,CAGhC,CAAEJ,KAAMC,MAAO,CAAC,EAACI,GAAAA,EAAAA,EAAAA,SAAAA,CAGjB,CAAEL,KAAMC,OAAQC,QAAS,EAAK,CAAC,EAACI,GAAAA,EAAAA,EAAAA,SAAAA,CAGhC,CAAEN,KAAMO,QAASL,QAAS,EAAK,CAAC,EAACM,GAAAA,EAAAA,EAAAA,MAAAA,CAGpC,OAAO,EAACC,GAAAA,EAAAA,EAAAA,MAAAA,CAGR,EAACC,GAAAA,EAAAA,EAAAA,MAAAA,CAGD,EAACC,GAAAA,EAAAA,EAAAA,MAAAA,CAGD,EAAC,SAAAC,EA7BV,cACsCnC,EAAAA,OAAa,CAAA,IAAAqB,IAAA,CAAA,OAAAgB,EAAA1B,EAAA,IAAA,CAAA,CAAA,IAKxC2B,MAAKC,EAAA,CAAAC,EAAA7B,EAAA,KAAA4B,CAAA,CAAA,CAAA,IAGLE,MAAI,CAAA,OAAAJ,EAAAxB,EAAA,IAAA,CAAA,CAAA,IAAJ4B,KAAIF,EAAA,CAAAC,EAAA3B,EAAA,KAAA0B,CAAA,CAAA,CAAA,IAGJG,OAAK,CAAA,OAAAL,EAAAvB,EAAA,IAAA,CAAA,CAAA,IAAL4B,MAAKH,EAAA,CAAAC,EAAA1B,EAAA,KAAAyB,CAAA,CAAA,CAAA,IAGLI,aAAW,CAAA,OAAAN,EAAAtB,EAAA,IAAA,CAAA,CAAA,IAAX4B,YAAWJ,EAAA,CAAAC,EAAAzB,EAAA,KAAAwB,CAAA,CAAA,CAAA,IAGXK,UAAQ,CAAA,OAAAP,EAAArB,EAAA,IAAA,CAAA,CAAA,IAAR4B,SAAQL,EAAA,CAAAC,EAAAxB,EAAA,KAAAuB,CAAA,CAAA,CAAA,IAGAM,cAAY,CAAA,OAAAR,EAAApB,EAAA,IAAA,CAAA,CAAA,IAAZ4B,aAAYN,EAAA,CAAAC,EAAAvB,EAAA,KAAAsB,CAAA,CAAA,CAAA,IAGZO,QAAM,CAAA,OAAAT,EAAAnB,EAAA,IAAA,CAAA,CAAA,IAAN4B,OAAMP,EAAA,CAAAC,EAAAtB,EAAA,KAAAqB,CAAA,CAAA,CAAA,IAGNQ,MAAI,CAAA,OAAAV,EAAAlB,EAAA,IAAA,CAAA,CAAA,IAAJ4B,KAAIR,EAAA,CAAAC,EAAArB,EAAA,KAAAoB,CAAA,CAAA,CAAA,IAGJS,aAAW,CAAA,OAAAX,EAAAjB,EAAA,IAAA,CAAA,CAAA,IAAX4B,YAAWT,EAAA,CAAAC,EAAApB,EAAA,KAAAmB,CAAA,CAAA,CAM5BU,aAAe,CACb,MAAM,EAACC,EAAA,KAAAvC,GAAAwC,EAAA,IAAA,EAAAC,EAAA,KA/BQ,EAAE,EAAA,EAAAF,EAAA,KAAArC,EAAAwC,EAAA,KAGH,EAAE,CAAA,EAAAH,EAAA,KAAApC,EAAAwC,EAAA,KAGD,EAAE,CAAA,EAAAJ,EAAA,KAAAnC,EAAAwC,EAAA,KAGI,EAAE,CAAA,EAAAL,EAAA,KAAAlC,EAAAwC,EAAA,KAGL,EAAK,CAAA,EAAAN,EAAA,KAAAjC,EAAAwC,EAAA,KAGgC,IAAI,CAAA,EAAAP,EAAA,KAAAhC,EAAAwC,EAAA,KAGnC,EAAE,CAAA,EAAAR,EAAA,KAAA/B,EAAAwC,EAAA,KAGJ,EAAK,CAAA,EAAAT,EAAA,KAAA9B,EAAAwC,EAAA,KAGE,EAAE,CAAA,EAAAC,EAAA,KAAA,aAAA,IAAA,EAAA,EAAAA,EAAA,KAAA,wBAGD,EAAK,EAAAA,EAAA,KAAA,YAAA,IAAA,EAAA,EAAAA,EAAA,KAAA,wBA6OJC,GAAiB,CACnCA,EAAME,aAEdD,CAAAA,CAAKE,SAAS,IAAI,GACrB,KAAKC,KAAK,CAEd,CAAC,EAAAL,EAAA,KAAA,0BAEkCC,GAAsB,CAC1CA,EAAME,aAEdD,CAAAA,CAAKE,SAAS,IAAI,GACrB,KAAKC,KAAK,CAEd,CAAC,EArPC,KAAKC,WAAa,KAAKC,SACrB,IAAI9D,EAAAA,QAAW,KAAM,CACnB+D,oBAAuB,KAAKxB,aAC5ByB,iBAAoB,KAAKA,aAAa,EACtCC,eAAiB7B,GAAU,CACzB,KAAKI,OAASJ,EAAM8B,YAAY,EAEhC,IAAMC,EAAU,KAAKC,mBAAmB,EAExC,GAAID,EAAQE,SAAW,EAAG,CACxB,KAAKT,KAAK,EACV,MACF,CAEI,KAAKnB,OACP,KAAKC,YAAc,KAAK4B,sBAAsBH,CAAO,EAEzD,CACF,CAAC,CACH,EAEA,KAAKI,UAAY,WAAW,KAAKV,WAAWW,SAC9C,CAEAC,sBAAwB,CACtB,MAAMA,qBAAqB,EAE3B,KAAKC,oBAAoB,CAC3B,CAEUC,QAAU,CAClB,IAAMR,EAAU,KAAKC,mBAAmB,EAGlCU,GADJ,KAAKrC,MAAQ,KAAKC,aAAe,EAAIyB,EAAQ,KAAKzB,aAAemC,IAAAA,MAEhDA,IAAAA,GAAiDA,IAAAA,GAArC,KAAKE,YAAY,KAAKrC,WAAW,EAC1DsC,EAAiB,KAAK3C,aAAe,WAE3C,MAAO1C,GAAAA,IAAI;QACP,KAAKkE,WAAWoB,YAAY,EAAC;;;;;;;;kBAQnB,KAAKxC,KAAI;;8DAEmC,KAAKyC,kBAAiB;;kBAElE,KAAKrB,WAAWW,QAAO;;mBAEtB,KAAKrC,KAAI;0BACF,KAAKE,YAAW;;;;4BAId,KAAKI,KAAO,OAAS,QAAO;4BAC5B,KAAK8B,UAAS;oCACNO,GAAoBlF,EAAAA,QAAO;8BACjC,KAAKoC,MAAQ,KAAK6B,WAAWsB,QAAUvF,EAAAA,QAAO;yBACnD,KAAKoC,MAAQpC,EAAAA,QAAUoF,EAAc;4BAClC,KAAK1C,SAAW,OAAS1C,EAAAA,QAAO;;;wBAGpC,KAAK0C,SAAQ;qBAChB,KAAKF,MAAK;uBACR,KAAKgD,eAAc;qBACrB,KAAKC,aAAY;yBACX,KAAKxB,WAAWyB,QAAQ,EAAC;;;;;eAKrC,KAAKf,UAAS;;;;4BAID,KAAKvC,MAAQ,KAAK6B,WAAWsB,QAAUvF,EAAAA,QAAO;uBACnD,KAAKoC,MAAQpC,EAAAA,QAAUoF,EAAc;oBACxC,CAAC,KAAKvC,KAAI;uBACP,KAAK8C,mBAAkB;;YAElCpB,EAAQqB,KACPC,EAAQC,IACP/F,EAAAA,IAAI;qBACG,KAAKoF,YAAYW,CAAK,EAAC;;gCAEZ,KAAKjD,MAAQiD,IAAU,KAAKhD,YACxC,OACA,QAAO;8BACGgD,IAAU,KAAKhD,aAAe9C,EAAAA,QAAO;iCAChC,KAAK+F,eAAeD,CAAK,EAAC;;kBAE3CD,EAAOzD,MAAK;qBAEpB,EAAC;;;KAIT,CAEQoC,oBAA4C,CAClD,OAAO,KAAKwB,WAAW,CAAC,CAACpD,OAAQiD,GAC/BA,EAAOzD,MAAMkC,YAAY,CAAC,CAACP,SAAS,KAAKnB,MAAM,CACjD,CACF,CAEQoD,YAAoC,CAC1C,IAAMzB,EAAU,KAAK0B,iBACnB,0BACF,EAEA,OAAOC,MAAMC,KAAK5B,CAAO,CAAC,CAACqB,IAAKC,IAAY,CAC1CrD,MAAOqD,EAAOrD,MACdJ,MAAOyD,EAAOO,aAAe,EAC/B,EAAE,CACJ,CAEQjB,YAAaW,EAAuB,CAC1C,MAAO,GAAG,KAAKnB,UAAS,UAAWmB,GACrC,CAEQpB,sBAAuBH,EAAuC,CACpE,IAAM8B,EAAgB9B,EAAQ+B,UAAWT,GAAWA,EAAOrD,QAAU,KAAKA,KAAK,EAM/E,OAJI6D,GAAiB,EACZA,EAGF9B,EAAQE,OAAS,EAAI,EAAI,EAClC,CAEQ8B,aACNC,EACAjC,EACAkC,EACQ,CAKR,OAJIlC,EAAQE,SAAW,EACd,IAGD+B,EAAeC,EAAYlC,EAAQE,QAAUF,EAAQE,MAC/D,CAEQsB,eAAgBD,EAAe,CACrC,KAAKhD,YAAcgD,CACrB,CAEQY,KAAMnC,EAAmC,CAC/C,GAAI,KAAK1B,KACP,OAGF,IAAM8D,EAAkB,KAAKnC,mBAAmB,EAE5CmC,EAAgBlC,SAAW,IAI/B,KAAK5B,KAAO,GACZ,KAAKC,YAAcyB,GAASqC,UACxBD,EAAgBlC,OAAS,EACzB,KAAKC,sBAAsBiC,CAAe,EAC9C,KAAKE,iBAAiB,EAEtBC,0BAA4B,KAAKC,2BAA2B,CAAC,EAC/D,CAEQ/C,MAAQ,CACT,KAAKnB,OAIV,KAAKD,OAAS,GACd,KAAKC,KAAO,GACZ,KAAKC,YAAc,GACnB,KAAKgC,oBAAoB,EAC3B,CAEQkC,aAAcxE,EAAe,CACnC,KAAKyB,WAAWgD,SAASzE,CAAK,EAC9B,KAAKwB,KAAK,EACV,KAAKrB,cAAcuE,MAAM,CAAEC,cAAe,EAAK,CAAC,CAClD,CAEQJ,4BAA8B,CAChC,KAAKjE,YAAc,GAIvB,KAAKsE,YACDC,cAAc,IAAI,KAAKlC,YAAY,KAAKrC,WAAW,GAAG,CAAC,EACvDwE,eAAe,CAAEC,MAAO,SAAU,CAAC,CACzC,CAEQV,kBAAoB,CAC1B,GAAI,KAAKW,sBACP,OAGFC,SAASC,iBAAiB,UAAW,KAAKC,qBAAqB,EAC/DF,SAASC,iBAAiB,YAAa,KAAKE,uBAAuB,EAEnE,IAAMC,EAAO,KAAKC,YAAY,EAE1BD,IAASJ,UACXI,EAAKH,iBAAiB,UAAW,KAAKC,qBAAqB,EAG7D,KAAKH,sBAAwB,EAC/B,CAEQ1C,qBAAuB,CAC7B,GAAI,CAAC,KAAK0C,sBACR,OAGFC,SAASM,oBAAoB,UAAW,KAAKJ,qBAAqB,EAClEF,SAASM,oBAAoB,YAAa,KAAKH,uBAAuB,EAEtE,IAAMC,EAAO,KAAKC,YAAY,EAE1BD,IAASJ,UACXI,EAAKE,oBAAoB,UAAW,KAAKJ,qBAAqB,EAGhE,KAAKH,sBAAwB,EAC/B,CAkBQlC,kBAAmB1B,EAAmB,CAC5CA,EAAMoE,eAAe,EACrB,KAAKrF,cAAcuE,MAAM,CAAEC,cAAe,EAAK,CAAC,CAClD,CAEQ1B,cAAgB,CACtB,KAAKiB,KAAK,CACZ,CAEQuB,iBAAkBrB,EAAoB,CACvC,KAAK/D,MACR,KAAK6D,KAAK,CAAEE,WAAU,CAAC,CAE3B,CAEQpB,eAAgB5B,EAAsB,CAC5C,IAAMW,EAAU,KAAKC,mBAAmB,EAExC,OAAQZ,EAAMsE,IAAd,CACE,IAAK,YACHtE,EAAMoE,eAAe,EAEhB,KAAKnF,MAGR,KAAKC,YAAc,KAAKyD,aAAa,KAAKzD,YAAayB,EAAS,CAAC,EACjE,KAAKwC,2BAA2B,GAHhC,KAAKkB,iBAAiB,EAAK,EAK7B,MACF,IAAK,UACHrE,EAAMoE,eAAe,EAEhB,KAAKnF,MAGR,KAAKC,YAAc,KAAKyD,aAAa,KAAKzD,YAAayB,EAAS,EAAE,EAClE,KAAKwC,2BAA2B,GAHhC,KAAKkB,iBAAiB,EAAI,EAK5B,MACF,IAAK,QACC,KAAKpF,MAAQ,KAAKC,aAAe,GAAKyB,EAAQ,KAAKzB,cACrDc,EAAMoE,eAAe,EACrB,KAAKhB,aAAazC,EAAQ,KAAKzB,YAAY,CAACN,KAAK,GACvC,KAAKK,OACfe,EAAMoE,eAAe,EACrB,KAAK/D,WAAWkE,SAAS,GAE3B,MACF,IAAK,SACC,KAAKtF,OACPe,EAAMoE,eAAe,EACrBpE,EAAMwE,gBAAgB,EACtB,KAAKpE,KAAK,EACV,KAAKrB,cAAcuE,MAAM,CAAEC,cAAe,EAAK,CAAC,GAElD,MACF,IAAK,MACH,KAAKnD,KAAK,EACV,KACJ,CACF,CAEQ2B,mBAAoB/B,EAAmB,CAG7C,GAFAA,EAAMoE,eAAe,EAEjB,EAAEpE,EAAMyE,kBAAkBC,aAC5B,OAGF,IAAMC,EAAgB3E,EAAMyE,OAAOG,QAAQ,iBAAiB,EAE5D,GAAI,CAACD,EACH,OAGF,IAAME,EAAWF,EAAcG,GACzB5C,EAAQ6C,OAAOC,SAASH,EAASI,QAAQ,GAAG,KAAKlE,UAAS,UAAY,EAAE,EAAG,EAAE,EAC7EkB,EAAS,KAAKrB,mBAAmB,CAAC,CAACsB,GAErCD,GACF,KAAKmB,aAAanB,EAAOrD,KAAK,CAElC,CACF,EAAC,CAAAsG,EAAA,CAAA5F,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAT,GAAA8F,EAAA,CAAAxI,EAAAyI,IAAAC,EAAAhH,EAAA,CAAA,CAAAb,EAAA,EAAA,OAAA,EAAA,CAAAI,EAAA,EAAA,MAAA,EAAA,CAAAC,EAAA,EAAA,OAAA,EAAA,CAAAC,EAAA,EAAA,aAAA,EAAA,CAAAC,EAAA,EAAA,UAAA,EAAA,CAAAE,EAAA,EAAA,cAAA,EAAA,CAAAC,EAAA,EAAA,QAAA,EAAA,CAAAC,EAAA,EAAA,MAAA,EAAA,CAAAC,EAAA,EAAA,aAAA,CAAA,EAAA1B,EAAA,EAAA,IAAA,GAhXqCR,EAAAA,OAAY,EAAAmC,GAAAiH,EAAA,cAAAC,CAAA,CAAApG,aAAA,CAAA,MAAAxC,CAAA,EAAAoD,EAAA,KAAA,SAChCtD,EAAAA,OAAM,EAAAsD,EAAA,KAAA,iBACE,EAAI,EAAAqF,EAAA,CAAA,CAAA,EAAArF,EAAAuF,EAAA1I,EAAA,IAAA,EAAA,EAAA0I"}
+{"version":3,"file":"Combobox.cjs.js","names":["customElement","FormControlComponent","Task","html","nothing","property","query","state","debounce","styles","AsyncOptionsInfo","Error","defineAsyncComboboxOptionsProvider","provider","_classDecs","_Combobox","_Combobox2","_A","WeakMap","_B","_C","_D","_E","_F","_G","_H","_I","_J","_K","_L","_M","_ref","_selectOnlyDecs","type","Boolean","reflect","attribute","_asyncOptionsUrlDecs","String","_asyncOptionsResultsFieldDecs","_asyncOptionsLabelFieldDecs","_asyncOptionsValueFieldDecs","_asyncOptionsProviderDecs","Function","_optionsFallbackDecs","Array","_controlElementDecs","_readonlyDecs","_filterDecs","_displayValueDecs","_openDecs","_activeIndexDecs","_Combobox3","Combobox","_classPrivateFieldGet","selectOnly","v","_classPrivateFieldSet","asyncOptionsUrl","asyncOptionsResultsField","asyncOptionsLabelField","asyncOptionsValueField","asyncOptionsProvider","optionsFallback","controlElement","readonly","filter","displayValue","open","activeIndex","constructor","_classPrivateFieldInitSpec","_initProto","_init_selectOnly","_init_asyncOptionsUrl","_init_asyncOptionsResultsField","_init_asyncOptionsLabelField","_init_asyncOptionsValueField","_init_asyncOptionsProvider","_init_optionsFallback","_init_controlElement","_init_readonly","_init_filter","_init_displayValue","_init_open","_init_activeIndex","_defineProperty","value","event","path","composedPath","includes","hide","listboxId","controlTrait","controlId","selectedOption","_selectedOption","disconnectedCallback","removeOpenListeners","willUpdate","changedProperties","has","updateAsyncOptionsTask","options","getFilteredOptions","option","find","selectable","optionLabel","label","updateDisplayValue","getInitialActiveIndex","undefined","render","activeOption","activeDescendant","getOptionId","accessibleName","placeholder","renderLabel","onAnchorMouseDown","name","labelId","required","onInputKeyDown","onInputFocus","onInput","onListboxMouseDown","map","index","setActiveIndex","template","asyncOptionsTask","initial","complete","pending","error","isError","message","Object","getOptionsFromDOM","toLowerCase","querySelectorAll","from","textContent","selectedIndex","findIndex","length","getNextIndex","currentIndex","direction","updateDebouncedFilter","results","response","fetch","replace","encodeURIComponent","data","json","labelField","valueField","result","show","filteredOptions","focusLast","addOpenListeners","requestAnimationFrame","scrollActiveOptionIntoView","cancel","selectOption","previousValue","setValue","focus","preventScroll","dispatchEvent","CustomEvent","bubbles","composed","detail","shadowRoot","querySelector","scrollIntoView","block","openListenersAttached","document","addEventListener","handleDocumentFocusIn","handleDocumentMouseDown","root","getRootNode","removeEventListener","target","preventDefault","openPopupFromKey","key","onSubmit","stopPropagation","HTMLElement","optionElement","closest","optionId","id","Number","parseInt","e","c","_initClass","_applyDecs","_Class","_identity","default"],"sources":["../../../src/components/combobox/Combobox.ts"],"sourcesContent":["import { customElement, FormControlComponent, FormControlValue } from '@/lib/components'\nimport { Task } from '@lit/task'\nimport { html, nothing, TemplateResult, type PropertyValues } from 'lit'\nimport { property, query, state } from 'lit/decorators.js'\nimport { debounce } from '@/lib/timing'\nimport type ComboboxOption from '@/components/combobox-option/ComboboxOption'\n\nimport '~icons/lucide/chevron-down'\nimport '~icons/svg-spinners/3-dots-fade'\nimport '@awesome.me/webawesome/dist/components/popup/popup.js'\n\nimport styles from './Combobox.styles.css'\n\nclass AsyncOptionsInfo extends Error {}\n\nexport type ComboboxOptionData = {\n  value: FormControlValue;\n  label: string;\n  template?: TemplateResult;\n  selectable?: boolean;\n}\n\nexport type ComboboxChangeEvent = CustomEvent<{ option: ComboboxOptionData }>\n\nexport type AsyncComboboxOptionsProvider = (query: string) => Promise<ComboboxOptionData[]>\n\nexport function defineAsyncComboboxOptionsProvider<T extends AsyncComboboxOptionsProvider> (provider: T): T {\n  return provider\n}\n\n@customElement('solid-ui-combobox')\nexport default class Combobox extends FormControlComponent {\n  static styles = styles\n\n  @property({ type: Boolean, reflect: true, attribute: 'select-only' })\n  accessor selectOnly = false\n\n  @property({ type: String, attribute: 'async-options-url' })\n  accessor asyncOptionsUrl = ''\n\n  @property({ type: String, attribute: 'async-options-results-field' })\n  accessor asyncOptionsResultsField = ''\n\n  @property({ type: String, attribute: 'async-options-label-field' })\n  accessor asyncOptionsLabelField = ''\n\n  @property({ type: String, attribute: 'async-options-value-field' })\n  accessor asyncOptionsValueField = ''\n\n  @property({ type: Function })\n  accessor asyncOptionsProvider: AsyncComboboxOptionsProvider | null = null\n\n  @property({ type: Array })\n  accessor optionsFallback: ComboboxOptionData[] | null = null\n\n  @query('input')\n  protected accessor controlElement: HTMLInputElement | null = null\n\n  @property({ type: Boolean, reflect: true })\n  accessor readonly = false\n\n  @state()\n  private accessor filter = ''\n\n  @state()\n  private accessor displayValue = ''\n\n  @state()\n  private accessor open = false\n\n  @state()\n  private accessor activeIndex = -1\n\n  private openListenersAttached = false\n  private updateDebouncedFilter = debounce(300, (value) => (this.filter = value))\n  private asyncOptionsTask?: Task<readonly [string], ComboboxOptionData[]>\n  private _selectedOption: ComboboxOptionData | undefined\n  private readonly listboxId: string\n\n  constructor () {\n    super()\n\n    this.listboxId = `listbox-${this.controlTrait.controlId}`\n  }\n\n  get selectedOption (): ComboboxOptionData | undefined {\n    return this._selectedOption\n  }\n\n  disconnectedCallback () {\n    super.disconnectedCallback()\n\n    this.removeOpenListeners()\n  }\n\n  protected willUpdate (changedProperties: PropertyValues<this>) {\n    super.willUpdate(changedProperties)\n\n    if (changedProperties.has('asyncOptionsUrl') || changedProperties.has('asyncOptionsProvider')) {\n      this.updateAsyncOptionsTask()\n    }\n\n    if (changedProperties.has('value')) {\n      const options = this.getFilteredOptions()\n      const option = options.find((option) => option.selectable !== false && option.value === this.value) ??\n        this.optionsFallback?.find((option) => option.value === this.value)\n      const optionLabel = option?.selectable !== false && option?.label\n\n      this.updateDisplayValue(optionLabel || this.value)\n\n      if (this.open) {\n        this.activeIndex = this.getInitialActiveIndex(options)\n      }\n\n      if (this._selectedOption && this._selectedOption.value !== this.value) {\n        this._selectedOption = undefined\n      }\n    }\n  }\n\n  protected render () {\n    const options = this.getFilteredOptions()\n    const activeOption =\n      this.open && this.activeIndex >= 0 ? options[this.activeIndex] : undefined\n    const activeDescendant =\n      activeOption !== undefined ? this.getOptionId(this.activeIndex) : undefined\n    const accessibleName = this.placeholder || 'Combobox'\n\n    return html`\n      ${this.controlTrait.renderLabel()}\n      <wa-popup\n        placement=\"bottom\"\n        flip\n        shift\n        sync=\"width\"\n        auto-size=\"vertical\"\n        auto-size-padding=\"10\"\n        ?active=${this.open}\n      >\n        <div class=\"input-wrapper\" slot=\"anchor\" @mousedown=${this.onAnchorMouseDown}>\n          <input\n            id=\"${this.controlTrait.controlId}\"\n            type=\"text\"\n            name=${this.name}\n            placeholder=${this.placeholder}\n            role=\"combobox\"\n            aria-autocomplete=\"list\"\n            aria-haspopup=\"listbox\"\n            aria-expanded=${this.open ? 'true' : 'false'}\n            aria-controls=${this.listboxId}\n            aria-activedescendant=${activeDescendant ?? nothing}\n            aria-labelledby=${this.label ? this.controlTrait.labelId : nothing}\n            aria-label=${this.label ? nothing : accessibleName}\n            aria-required=${this.required ? 'true' : nothing}\n            autocomplete=\"off\"\n            spellcheck=\"false\"\n            ?required=${this.required}\n            .value=${this.displayValue}\n            @keydown=${this.onInputKeyDown}\n            @focus=${this.onInputFocus}\n            @input=${() => this.selectOnly ? this.updateDisplayValue(this.controlElement?.value ?? '') : this.controlTrait.onInput()}\n          />\n          <icon-lucide-chevron-down></icon-lucide-chevron-down>\n        </div>\n        <div\n          id=${this.listboxId}\n          class=\"listbox\"\n          role=\"listbox\"\n          aria-orientation=\"vertical\"\n          aria-labelledby=${this.label ? this.controlTrait.labelId : nothing}\n          aria-label=${this.label ? nothing : accessibleName}\n          ?hidden=${!this.open}\n          @mousedown=${this.onListboxMouseDown}\n        >\n          ${options.map((option, index) => {\n            return option.selectable !== false\n              ? html`<div\n                  id=${this.getOptionId(index)}\n                  role=\"option\"\n                  aria-selected=${option.value === this.value ? 'true' : 'false'}\n                  data-active=${index === this.activeIndex || nothing}\n                  @mousemove=${() => this.setActiveIndex(index)}\n                >\n                  ${option.template ?? option.label}\n                </div>`\n              : html`<div class=\"non-selectable-option\">${option.template ?? option.label}</div>`\n          })}\n        </div>\n      </wa-popup>\n    `\n  }\n\n  private getFilteredOptions (): ComboboxOptionData[] {\n    if (this.asyncOptionsTask) {\n      return this.asyncOptionsTask.render({\n        initial: () => this.optionsFallback ?? [],\n        complete: (options) => options,\n        pending: () => [\n          {\n            value: '',\n            label: 'Loading...',\n            template: html`<icon-svg-spinners-3-dots-fade></icon-svg-spinners-3-dots-fade>`,\n            selectable: false\n          } as const,\n        ],\n        error: (error) => {\n          const isError = !(error instanceof AsyncOptionsInfo)\n          const message = Object(error).message ?? 'Something went wrong'\n\n          return [\n            {\n              value: '',\n              label: message,\n              template: html`<span class=\"message message--${isError ? 'error' : 'info'}\">${message}</span>`,\n              selectable: false\n            } as const,\n          ]\n        },\n      })\n    }\n\n    return this.getOptionsFromDOM().filter((option) =>\n      String(option.label).toLowerCase().includes(this.filter)\n    )\n  }\n\n  private getOptionsFromDOM (): ComboboxOptionData[] {\n    const options = this.querySelectorAll<ComboboxOption>(\n      'solid-ui-combobox-option'\n    )\n\n    return Array.from(options).map((option) => ({\n      value: option.value,\n      label: option.textContent ?? '',\n    }))\n  }\n\n  private getOptionId (index: number): string {\n    return `${this.listboxId}-option-${index}`\n  }\n\n  private getInitialActiveIndex (options: ComboboxOptionData[]): number {\n    const selectedIndex = options.findIndex((option) => option.value === this.value)\n\n    if (selectedIndex >= 0) {\n      return selectedIndex\n    }\n\n    return options.length > 0 ? 0 : -1\n  }\n\n  private getNextIndex (\n    currentIndex: number,\n    options: ComboboxOptionData[],\n    direction: 1 | -1\n  ): number {\n    if (options.length === 0) {\n      return -1\n    }\n\n    return (currentIndex + direction + options.length) % options.length\n  }\n\n  private setActiveIndex (index: number) {\n    this.activeIndex = index\n  }\n\n  private updateDisplayValue (value: unknown) {\n    this.displayValue = value ? String(value) : ''\n\n    if (this.open) {\n      const filter = this.displayValue.toLowerCase()\n\n      if (this.asyncOptionsTask) {\n        this.updateDebouncedFilter(filter)\n      } else {\n        this.filter = filter\n      }\n    }\n  }\n\n  private updateAsyncOptionsTask () {\n    if (!this.asyncOptionsUrl && !this.asyncOptionsProvider) {\n      this.asyncOptionsTask = undefined\n\n      return\n    }\n\n    this.asyncOptionsTask ??= new Task(\n      this,\n      async ([filter]) => {\n        if (this.asyncOptionsProvider) {\n          const results = await this.asyncOptionsProvider(filter)\n\n          if (results.length === 0) {\n            throw new AsyncOptionsInfo('No results found')\n          }\n\n          return results\n        }\n\n        const response = await fetch(\n          this.asyncOptionsUrl.replace('%search%', encodeURIComponent(filter))\n        )\n        const data = await response.json()\n        const results = Array.from(\n          this.asyncOptionsResultsField\n            ? data[this.asyncOptionsResultsField]\n            : data\n        )\n\n        if (results.length === 0) {\n          throw new AsyncOptionsInfo('No results found')\n        }\n\n        const labelField = this.asyncOptionsLabelField || 'label'\n        const valueField = this.asyncOptionsValueField || 'value'\n\n        return results.map((result) => ({\n          label: String(Object(result)[labelField]),\n          value: Object(result)[valueField],\n        }))\n      },\n      () => [this.filter]\n    )\n  }\n\n  private show (options?: { focusLast?: boolean }) {\n    if (this.open) {\n      return\n    }\n\n    const filteredOptions = this.getFilteredOptions()\n\n    if (filteredOptions.length === 0) {\n      return\n    }\n\n    this.open = true\n    this.activeIndex = options?.focusLast\n      ? filteredOptions.length - 1\n      : this.getInitialActiveIndex(filteredOptions)\n    this.addOpenListeners()\n\n    requestAnimationFrame(() => this.scrollActiveOptionIntoView())\n  }\n\n  private hide () {\n    if (!this.open) {\n      return\n    }\n\n    this.filter = ''\n    this.open = false\n    this.activeIndex = -1\n    this.removeOpenListeners()\n    this.updateDebouncedFilter.cancel()\n  }\n\n  private selectOption (option: ComboboxOptionData) {\n    const previousValue = this.value\n\n    this._selectedOption = option\n\n    this.hide()\n    this.controlTrait.setValue(option.value)\n    this.controlElement?.focus({ preventScroll: true })\n    this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true, detail: { option } }))\n\n    if (previousValue === this.value) {\n      this.updateDisplayValue(option.label)\n    }\n  }\n\n  private scrollActiveOptionIntoView () {\n    if (this.activeIndex < 0) {\n      return\n    }\n\n    this.shadowRoot\n      ?.querySelector(`#${this.getOptionId(this.activeIndex)}`)\n      ?.scrollIntoView({ block: 'nearest' })\n  }\n\n  private addOpenListeners () {\n    if (this.openListenersAttached) {\n      return\n    }\n\n    document.addEventListener('focusin', this.handleDocumentFocusIn)\n    document.addEventListener('mousedown', this.handleDocumentMouseDown)\n\n    const root = this.getRootNode()\n\n    if (root !== document) {\n      root.addEventListener('focusin', this.handleDocumentFocusIn)\n    }\n\n    this.openListenersAttached = true\n  }\n\n  private removeOpenListeners () {\n    if (!this.openListenersAttached) {\n      return\n    }\n\n    document.removeEventListener('focusin', this.handleDocumentFocusIn)\n    document.removeEventListener('mousedown', this.handleDocumentMouseDown)\n\n    const root = this.getRootNode()\n\n    if (root !== document) {\n      root.removeEventListener('focusin', this.handleDocumentFocusIn)\n    }\n\n    this.openListenersAttached = false\n  }\n\n  private handleDocumentFocusIn = (event: Event) => {\n    const path = event.composedPath()\n\n    if (!path.includes(this)) {\n      this.hide()\n    }\n  }\n\n  private handleDocumentMouseDown = (event: MouseEvent) => {\n    const path = event.composedPath()\n\n    if (!path.includes(this)) {\n      this.hide()\n    }\n  }\n\n  private onAnchorMouseDown (event: MouseEvent) {\n    if (event.target === this.controlElement) {\n      return\n    }\n\n    event.preventDefault()\n    this.controlElement?.focus({ preventScroll: true })\n  }\n\n  private onInputFocus () {\n    this.show()\n  }\n\n  private openPopupFromKey (focusLast: boolean) {\n    if (!this.open) {\n      this.show({ focusLast })\n    }\n  }\n\n  private onInputKeyDown (event: KeyboardEvent) {\n    const options = this.getFilteredOptions()\n\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault()\n\n        if (!this.open) {\n          this.openPopupFromKey(false)\n        } else {\n          this.activeIndex = this.getNextIndex(this.activeIndex, options, 1)\n          this.scrollActiveOptionIntoView()\n        }\n        break\n      case 'ArrowUp':\n        event.preventDefault()\n\n        if (!this.open) {\n          this.openPopupFromKey(true)\n        } else {\n          this.activeIndex = this.getNextIndex(this.activeIndex, options, -1)\n          this.scrollActiveOptionIntoView()\n        }\n        break\n      case 'Enter':\n        if (this.open && this.activeIndex >= 0 && options[this.activeIndex]) {\n          event.preventDefault()\n          this.selectOption(options[this.activeIndex])\n        } else if (!this.open) {\n          event.preventDefault()\n          this.controlTrait.onSubmit()\n        }\n        break\n      case 'Escape':\n        if (this.open) {\n          event.preventDefault()\n          event.stopPropagation()\n          this.hide()\n          this.controlElement?.focus({ preventScroll: true })\n        }\n        break\n      case 'Tab':\n        this.hide()\n        break\n      default:\n        if (!this.open) {\n          this.show()\n        }\n    }\n  }\n\n  private onListboxMouseDown (event: MouseEvent) {\n    event.preventDefault()\n\n    if (!(event.target instanceof HTMLElement)) {\n      return\n    }\n\n    const optionElement = event.target.closest('[role=\"option\"]')\n\n    if (!optionElement) {\n      return\n    }\n\n    const optionId = optionElement.id\n    const index = Number.parseInt(optionId.replace(`${this.listboxId}-option-`, ''), 10)\n    const option = this.getFilteredOptions()[index]\n\n    if (option) {\n      this.selectOption(option)\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/components/combobox/Combobox.d.ts

@@ -1,28 +1,49 @@
-import { WebComponent } from '../../lib/components';
-export default class Combobox extends WebComponent {
+import { FormControlComponent, FormControlValue } from '../../lib/components';
+import { TemplateResult, PropertyValues } from 'lit';
+export type ComboboxOptionData = {
+    value: FormControlValue;
+    label: string;
+    template?: TemplateResult;
+    selectable?: boolean;
+};
+export type ComboboxChangeEvent = CustomEvent<{
+    option: ComboboxOptionData;
+}>;
+export type AsyncComboboxOptionsProvider = (query: string) => Promise<ComboboxOptionData[]>;
+export declare function defineAsyncComboboxOptionsProvider<T extends AsyncComboboxOptionsProvider>(provider: T): T;
+export default class Combobox extends FormControlComponent {
     static styles: import('lit').CSSResult;
-    static formAssociated: boolean;
-    accessor label: string;
-    accessor name: string;
-    accessor value: string;
-    accessor placeholder: string;
-    accessor required: boolean;
-    private accessor inputElement;
+    accessor selectOnly: boolean;
+    accessor asyncOptionsUrl: string;
+    accessor asyncOptionsResultsField: string;
+    accessor asyncOptionsLabelField: string;
+    accessor asyncOptionsValueField: string;
+    accessor asyncOptionsProvider: AsyncComboboxOptionsProvider | null;
+    accessor optionsFallback: ComboboxOptionData[] | null;
+    protected accessor controlElement: HTMLInputElement | null;
+    accessor readonly: boolean;
     private accessor filter;
+    private accessor displayValue;
     private accessor open;
     private accessor activeIndex;
-    private inputTrait;
     private openListenersAttached;
+    private updateDebouncedFilter;
+    private asyncOptionsTask?;
+    private _selectedOption;
     private readonly listboxId;
     constructor();
+    get selectedOption(): ComboboxOptionData | undefined;
     disconnectedCallback(): void;
-    protected render(): import('lit-html').TemplateResult<1>;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    protected render(): TemplateResult<1>;
     private getFilteredOptions;
-    private getOptions;
+    private getOptionsFromDOM;
     private getOptionId;
     private getInitialActiveIndex;
     private getNextIndex;
     private setActiveIndex;
+    private updateDisplayValue;
+    private updateAsyncOptionsTask;
     private show;
     private hide;
     private selectOption;

package/dist/components/combobox/Combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/Combobox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAM9D,OAAO,4BAA4B,CAAA;AACnC,OAAO,uDAAuD,CAAA;AAO9D,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,YAAY;IAChD,MAAM,CAAC,MAAM,0BAAS;IACtB,MAAM,CAAC,cAAc,UAAO;IAG5B,QAAQ,CAAC,KAAK,SAAK;IAGnB,QAAQ,CAAC,IAAI,SAAK;IAGlB,QAAQ,CAAC,KAAK,SAAK;IAGnB,QAAQ,CAAC,WAAW,SAAK;IAGzB,QAAQ,CAAC,QAAQ,UAAQ;IAGzB,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAgC;IAG7D,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAK;IAG5B,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAQ;IAG7B,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAK;IAEjC,OAAO,CAAC,UAAU,CAAY;IAC9B,OAAO,CAAC,qBAAqB,CAAQ;IACrC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAQ;;IA6BlC,oBAAoB;IAMpB,SAAS,CAAC,MAAM;IAyEhB,OAAO,CAAC,kBAAkB;IAM1B,OAAO,CAAC,UAAU;IAWlB,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,qBAAqB;IAU7B,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,IAAI;IAoBZ,OAAO,CAAC,IAAI;IAWZ,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,0BAA0B;IAUlC,OAAO,CAAC,gBAAgB;IAiBxB,OAAO,CAAC,mBAAmB;IAiB3B,OAAO,CAAC,qBAAqB,CAM5B;IAED,OAAO,CAAC,uBAAuB,CAM9B;IAED,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,cAAc;IA+CtB,OAAO,CAAC,kBAAkB;CAqB3B"}
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/Combobox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAExF,OAAO,EAAiB,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAA;AAKxE,OAAO,4BAA4B,CAAA;AACnC,OAAO,iCAAiC,CAAA;AACxC,OAAO,uDAAuD,CAAA;AAM9D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,gBAAgB,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG,WAAW,CAAC;IAAE,MAAM,EAAE,kBAAkB,CAAA;CAAE,CAAC,CAAA;AAE7E,MAAM,MAAM,4BAA4B,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,kBAAkB,EAAE,CAAC,CAAA;AAE3F,wBAAgB,kCAAkC,CAAC,CAAC,SAAS,4BAA4B,EAAG,QAAQ,EAAE,CAAC,GAAG,CAAC,CAE1G;AAGD,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,oBAAoB;IACxD,MAAM,CAAC,MAAM,0BAAS;IAGtB,QAAQ,CAAC,UAAU,UAAQ;IAG3B,QAAQ,CAAC,eAAe,SAAK;IAG7B,QAAQ,CAAC,wBAAwB,SAAK;IAGtC,QAAQ,CAAC,sBAAsB,SAAK;IAGpC,QAAQ,CAAC,sBAAsB,SAAK;IAGpC,QAAQ,CAAC,oBAAoB,EAAE,4BAA4B,GAAG,IAAI,CAAO;IAGzE,QAAQ,CAAC,eAAe,EAAE,kBAAkB,EAAE,GAAG,IAAI,CAAO;IAG5D,SAAS,CAAC,QAAQ,CAAC,cAAc,EAAE,gBAAgB,GAAG,IAAI,CAAO;IAGjE,QAAQ,CAAC,QAAQ,UAAQ;IAGzB,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAK;IAG5B,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAK;IAGlC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAQ;IAG7B,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAK;IAEjC,OAAO,CAAC,qBAAqB,CAAQ;IACrC,OAAO,CAAC,qBAAqB,CAAkD;IAC/E,OAAO,CAAC,gBAAgB,CAAC,CAA+C;IACxE,OAAO,CAAC,eAAe,CAAgC;IACvD,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAQ;;IAQlC,IAAI,cAAc,IAAK,kBAAkB,GAAG,SAAS,CAEpD;IAED,oBAAoB;IAMpB,SAAS,CAAC,UAAU,CAAE,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAyB7D,SAAS,CAAC,MAAM;IAwEhB,OAAO,CAAC,kBAAkB;IAkC1B,OAAO,CAAC,iBAAiB;IAWzB,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,qBAAqB;IAU7B,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,kBAAkB;IAc1B,OAAO,CAAC,sBAAsB;IA8C9B,OAAO,CAAC,IAAI;IAoBZ,OAAO,CAAC,IAAI;IAYZ,OAAO,CAAC,YAAY;IAepB,OAAO,CAAC,0BAA0B;IAUlC,OAAO,CAAC,gBAAgB;IAiBxB,OAAO,CAAC,mBAAmB;IAiB3B,OAAO,CAAC,qBAAqB,CAM5B;IAED,OAAO,CAAC,uBAAuB,CAM9B;IAED,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,cAAc;IAmDtB,OAAO,CAAC,kBAAkB;CAqB3B"}