solid-ui 3.1.3-9 → 5.0.0-0

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

@@ -1 +1 @@
-{"version":3,"file":"Combobox.esm.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":"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"}
+{"version":3,"file":"Combobox.esm.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.stories.d.ts

@@ -1,8 +1,10 @@
 declare const meta: {
-    readonly title: "Combobox";
+    readonly title: "Basic UI/Combobox";
     readonly args: {
         readonly label: "What is the best food?";
         readonly options: "Pizza, Ramen, Tacos";
+        readonly asyncJSOptions: false;
+        readonly asyncHtmlOptions: false;
     };
     readonly argTypes: {
         readonly label: {
@@ -11,17 +13,32 @@ declare const meta: {
         readonly options: {
             readonly control: "text";
         };
-    };
-};
-export default meta;
-export declare const Primary: {
-    render: (args: import('../../storybook').GetStoryArgs<{
-        readonly label: {
-            readonly control: "text";
+        readonly asyncJSOptions: {
+            readonly control: "boolean";
         };
-        readonly options: {
-            readonly control: "text";
+        readonly asyncHtmlOptions: {
+            readonly control: "boolean";
         };
-    }>) => HTMLDivElement;
+    };
+    readonly render: ({ label, options, asyncJSOptions, asyncHtmlOptions }: {
+        label: any;
+        options: any;
+        asyncJSOptions: any;
+        asyncHtmlOptions: any;
+    }) => import('lit-html').TemplateResult<1>;
+};
+export declare const Primary: {};
+export declare const AsyncWithJS: {
+    args: {
+        label: string;
+        asyncJSOptions: boolean;
+    };
 };
+export declare const AsyncWithHtml: {
+    args: {
+        label: string;
+        asyncHtmlOptions: boolean;
+    };
+};
+export default meta;
 //# sourceMappingURL=Combobox.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Combobox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/Combobox.stories.ts"],"names":[],"mappings":"AAGA,OAAO,8BAA8B,CAAA;AAErC,OAAO,YAAY,CAAA;AAEnB,QAAA,MAAM,IAAI;;;;;;;;;;;;;;CAUA,CAAA;AAYV,eAAe,IAAI,CAAA;AAEnB,eAAO,MAAM,OAAO;;;;;;;;;CAAa,CAAA"}
+{"version":3,"file":"Combobox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/Combobox.stories.ts"],"names":[],"mappings":"AAGA,OAAO,8BAA8B,CAAA;AAErC,OAAO,YAAY,CAAA;AA2BnB,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2CA,CAAA;AAEV,eAAO,MAAM,OAAO,IAAK,CAAA;AAEzB,eAAO,MAAM,WAAW;;;;;CAKvB,CAAA;AAED,eAAO,MAAM,aAAa;;;;;CAKzB,CAAA;AAED,eAAe,IAAI,CAAA"}

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

@@ -1,2 +1,2 @@
-var e=require("lit").css`:host{flex-direction:column;align-items:flex-start;gap:5px;display:inline-flex}:host label{color:var(--solid-ui-color-gray-600);font-size:var(--solid-ui-font-size-sm);font-weight:400}:host wa-popup{width:100%;display:block}:host wa-popup::part(popup){border:1px solid var(--solid-ui-color-gray-100);background:#fff;border-radius:5px;overflow:hidden;box-shadow:0 4px 16px #00000059}:host .input-wrapper{width:100%;position:relative}:host .input-wrapper input{border:1px solid var(--solid-ui-color-gray-400);border-radius:5px;width:100%;padding:10px 40px 10px 10px}:host .input-wrapper icon-lucide-chevron-down{color:var(--solid-ui-color-gray-500);width:var(--solid-ui-font-size-lg);height:var(--solid-ui-font-size-lg);pointer-events:none;position:absolute;top:50%;right:15px;transform:translateY(-50%)}:host .listbox{max-height:inherit;flex-direction:column;display:flex;overflow:auto}:host .listbox [role=option]{color:var(--solid-ui-color-gray-700);border-bottom:1px solid var(--solid-ui-color-gray-100);cursor:pointer;padding:12px 8px}:host .listbox [role=option]:hover,:host .listbox [role=option][data-active]{background:#0000000d}`;exports.default=e;
+var e=require("lit").css`:host{flex-direction:column;align-items:flex-start;gap:5px;display:inline-flex}:host label{color:var(--solid-ui-color-gray-600);font-size:var(--solid-ui-font-size-sm);font-weight:400}:host wa-popup{width:100%;display:block}:host wa-popup::part(popup){border:1px solid var(--solid-ui-color-gray-100);background:#fff;border-radius:5px;padding:4px;overflow:hidden;box-shadow:0 4px 16px #00000059}:host .input-wrapper{width:100%;position:relative}:host .input-wrapper input{border:1px solid var(--solid-ui-color-gray-400);border-radius:5px;width:100%;padding:10px 40px 10px 10px}:host .input-wrapper icon-lucide-chevron-down{color:var(--solid-ui-color-gray-500);width:var(--solid-ui-font-size-lg);height:var(--solid-ui-font-size-lg);pointer-events:none;position:absolute;top:50%;right:15px;transform:translateY(-50%)}:host .listbox{max-height:inherit;flex-direction:column;gap:2px;display:flex;overflow:auto}:host .listbox [role=option],:host .listbox .non-selectable-option{color:var(--solid-ui-color-gray-700);border-radius:5px;padding:12px 8px}:host .listbox [role=option]{cursor:pointer}:host .listbox [role=option]:hover,:host .listbox [role=option][data-active]{background:var(--solid-ui-color-primary-hover)}:host .listbox [role=option][aria-selected=true]{background:var(--solid-ui-color-primary-selected)}:host .listbox .non-selectable-option{justify-content:center;align-items:center;display:flex}:host .listbox .non-selectable-option icon-svg-spinners-3-dots-fade{width:2rem}:host .listbox .non-selectable-option .message--error{color:var(--solid-ui-color-error)}`;exports.default=e;
 //# sourceMappingURL=Combobox.styles.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Combobox.styles.cjs.js","names":[],"sources":["../../../src/components/combobox/Combobox.styles.css"],"sourcesContent":[":host {\n    display: inline-flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 5px;\n\n    label {\n        color: var(--solid-ui-color-gray-600);\n        font-size: var(--solid-ui-font-size-sm);\n        font-weight: 400;\n    }\n\n    wa-popup {\n        display: block;\n        width: 100%;\n    }\n\n    wa-popup::part(popup) {\n        background: white;\n        border: 1px solid var(--solid-ui-color-gray-100);\n        border-radius: 5px;\n        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.35);\n        overflow: hidden;\n    }\n\n    .input-wrapper {\n        position: relative;\n        width: 100%;\n\n        input {\n            border: 1px solid var(--solid-ui-color-gray-400);\n            border-radius: 5px;\n            padding: 10px;\n            padding-right: 40px;\n            width: 100%;\n        }\n\n        icon-lucide-chevron-down {\n            position: absolute;\n            right: 15px;\n            top: 50%;\n            transform: translateY(-50%);\n            color: var(--solid-ui-color-gray-500);\n            width: var(--solid-ui-font-size-lg);\n            height: var(--solid-ui-font-size-lg);\n            pointer-events: none;\n        }\n    }\n\n    .listbox {\n        display: flex;\n        flex-direction: column;\n        max-height: inherit;\n        overflow: auto;\n\n        [role=\"option\"] {\n            padding: 12px 8px;\n            color: var(--solid-ui-color-gray-700);\n            border-bottom: 1px solid var(--solid-ui-color-gray-100);\n            cursor: pointer;\n\n            &:hover,\n            &[data-active] {\n                background: rgba(0, 0, 0, 0.05);\n            }\n        }\n    }\n}\n"],"mappings":""}
+{"version":3,"file":"Combobox.styles.cjs.js","names":[],"sources":["../../../src/components/combobox/Combobox.styles.css"],"sourcesContent":[":host {\n    display: inline-flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 5px;\n\n    label {\n        color: var(--solid-ui-color-gray-600);\n        font-size: var(--solid-ui-font-size-sm);\n        font-weight: 400;\n    }\n\n    wa-popup {\n        display: block;\n        width: 100%;\n    }\n\n    wa-popup::part(popup) {\n        background: white;\n        border: 1px solid var(--solid-ui-color-gray-100);\n        border-radius: 5px;\n        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.35);\n        overflow: hidden;\n        padding: 4px;\n    }\n\n    .input-wrapper {\n        position: relative;\n        width: 100%;\n\n        input {\n            border: 1px solid var(--solid-ui-color-gray-400);\n            border-radius: 5px;\n            padding: 10px;\n            padding-right: 40px;\n            width: 100%;\n        }\n\n        icon-lucide-chevron-down {\n            position: absolute;\n            right: 15px;\n            top: 50%;\n            transform: translateY(-50%);\n            color: var(--solid-ui-color-gray-500);\n            width: var(--solid-ui-font-size-lg);\n            height: var(--solid-ui-font-size-lg);\n            pointer-events: none;\n        }\n    }\n\n    .listbox {\n        display: flex;\n        flex-direction: column;\n        gap: 2px;\n        max-height: inherit;\n        overflow: auto;\n\n        [role=\"option\"], .non-selectable-option {\n            color: var(--solid-ui-color-gray-700);\n            padding: 12px 8px;\n            border-radius: 5px;\n        }\n\n        [role=\"option\"] {\n            cursor: pointer;\n\n            &:hover,\n            &[data-active] {\n                background: var(--solid-ui-color-primary-hover);\n            }\n\n            &[aria-selected=\"true\"] {\n                background: var(--solid-ui-color-primary-selected);\n            }\n        }\n\n        .non-selectable-option {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n\n            icon-svg-spinners-3-dots-fade {\n                width: 2rem;\n            }\n\n            .message--error {\n                color: var(--solid-ui-color-error);\n            }\n        }\n    }\n}\n"],"mappings":""}

package/dist/components/combobox/Combobox.styles.esm.js

@@ -1,6 +1,6 @@
 import { css as e } from "lit";
 //#region src/components/combobox/Combobox.styles.css
-var t = e`:host{flex-direction:column;align-items:flex-start;gap:5px;display:inline-flex}:host label{color:var(--solid-ui-color-gray-600);font-size:var(--solid-ui-font-size-sm);font-weight:400}:host wa-popup{width:100%;display:block}:host wa-popup::part(popup){border:1px solid var(--solid-ui-color-gray-100);background:#fff;border-radius:5px;overflow:hidden;box-shadow:0 4px 16px #00000059}:host .input-wrapper{width:100%;position:relative}:host .input-wrapper input{border:1px solid var(--solid-ui-color-gray-400);border-radius:5px;width:100%;padding:10px 40px 10px 10px}:host .input-wrapper icon-lucide-chevron-down{color:var(--solid-ui-color-gray-500);width:var(--solid-ui-font-size-lg);height:var(--solid-ui-font-size-lg);pointer-events:none;position:absolute;top:50%;right:15px;transform:translateY(-50%)}:host .listbox{max-height:inherit;flex-direction:column;display:flex;overflow:auto}:host .listbox [role=option]{color:var(--solid-ui-color-gray-700);border-bottom:1px solid var(--solid-ui-color-gray-100);cursor:pointer;padding:12px 8px}:host .listbox [role=option]:hover,:host .listbox [role=option][data-active]{background:#0000000d}`;
+var t = e`:host{flex-direction:column;align-items:flex-start;gap:5px;display:inline-flex}:host label{color:var(--solid-ui-color-gray-600);font-size:var(--solid-ui-font-size-sm);font-weight:400}:host wa-popup{width:100%;display:block}:host wa-popup::part(popup){border:1px solid var(--solid-ui-color-gray-100);background:#fff;border-radius:5px;padding:4px;overflow:hidden;box-shadow:0 4px 16px #00000059}:host .input-wrapper{width:100%;position:relative}:host .input-wrapper input{border:1px solid var(--solid-ui-color-gray-400);border-radius:5px;width:100%;padding:10px 40px 10px 10px}:host .input-wrapper icon-lucide-chevron-down{color:var(--solid-ui-color-gray-500);width:var(--solid-ui-font-size-lg);height:var(--solid-ui-font-size-lg);pointer-events:none;position:absolute;top:50%;right:15px;transform:translateY(-50%)}:host .listbox{max-height:inherit;flex-direction:column;gap:2px;display:flex;overflow:auto}:host .listbox [role=option],:host .listbox .non-selectable-option{color:var(--solid-ui-color-gray-700);border-radius:5px;padding:12px 8px}:host .listbox [role=option]{cursor:pointer}:host .listbox [role=option]:hover,:host .listbox [role=option][data-active]{background:var(--solid-ui-color-primary-hover)}:host .listbox [role=option][aria-selected=true]{background:var(--solid-ui-color-primary-selected)}:host .listbox .non-selectable-option{justify-content:center;align-items:center;display:flex}:host .listbox .non-selectable-option icon-svg-spinners-3-dots-fade{width:2rem}:host .listbox .non-selectable-option .message--error{color:var(--solid-ui-color-error)}`;
 //#endregion
 export { t as default };
 

package/dist/components/combobox/Combobox.styles.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.styles.esm.js","names":[],"sources":["../../../src/components/combobox/Combobox.styles.css"],"sourcesContent":[":host {\n    display: inline-flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 5px;\n\n    label {\n        color: var(--solid-ui-color-gray-600);\n        font-size: var(--solid-ui-font-size-sm);\n        font-weight: 400;\n    }\n\n    wa-popup {\n        display: block;\n        width: 100%;\n    }\n\n    wa-popup::part(popup) {\n        background: white;\n        border: 1px solid var(--solid-ui-color-gray-100);\n        border-radius: 5px;\n        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.35);\n        overflow: hidden;\n    }\n\n    .input-wrapper {\n        position: relative;\n        width: 100%;\n\n        input {\n            border: 1px solid var(--solid-ui-color-gray-400);\n            border-radius: 5px;\n            padding: 10px;\n            padding-right: 40px;\n            width: 100%;\n        }\n\n        icon-lucide-chevron-down {\n            position: absolute;\n            right: 15px;\n            top: 50%;\n            transform: translateY(-50%);\n            color: var(--solid-ui-color-gray-500);\n            width: var(--solid-ui-font-size-lg);\n            height: var(--solid-ui-font-size-lg);\n            pointer-events: none;\n        }\n    }\n\n    .listbox {\n        display: flex;\n        flex-direction: column;\n        max-height: inherit;\n        overflow: auto;\n\n        [role=\"option\"] {\n            padding: 12px 8px;\n            color: var(--solid-ui-color-gray-700);\n            border-bottom: 1px solid var(--solid-ui-color-gray-100);\n            cursor: pointer;\n\n            &:hover,\n            &[data-active] {\n                background: rgba(0, 0, 0, 0.05);\n            }\n        }\n    }\n}\n"],"mappings":""}
+{"version":3,"file":"Combobox.styles.esm.js","names":[],"sources":["../../../src/components/combobox/Combobox.styles.css"],"sourcesContent":[":host {\n    display: inline-flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 5px;\n\n    label {\n        color: var(--solid-ui-color-gray-600);\n        font-size: var(--solid-ui-font-size-sm);\n        font-weight: 400;\n    }\n\n    wa-popup {\n        display: block;\n        width: 100%;\n    }\n\n    wa-popup::part(popup) {\n        background: white;\n        border: 1px solid var(--solid-ui-color-gray-100);\n        border-radius: 5px;\n        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.35);\n        overflow: hidden;\n        padding: 4px;\n    }\n\n    .input-wrapper {\n        position: relative;\n        width: 100%;\n\n        input {\n            border: 1px solid var(--solid-ui-color-gray-400);\n            border-radius: 5px;\n            padding: 10px;\n            padding-right: 40px;\n            width: 100%;\n        }\n\n        icon-lucide-chevron-down {\n            position: absolute;\n            right: 15px;\n            top: 50%;\n            transform: translateY(-50%);\n            color: var(--solid-ui-color-gray-500);\n            width: var(--solid-ui-font-size-lg);\n            height: var(--solid-ui-font-size-lg);\n            pointer-events: none;\n        }\n    }\n\n    .listbox {\n        display: flex;\n        flex-direction: column;\n        gap: 2px;\n        max-height: inherit;\n        overflow: auto;\n\n        [role=\"option\"], .non-selectable-option {\n            color: var(--solid-ui-color-gray-700);\n            padding: 12px 8px;\n            border-radius: 5px;\n        }\n\n        [role=\"option\"] {\n            cursor: pointer;\n\n            &:hover,\n            &[data-active] {\n                background: var(--solid-ui-color-primary-hover);\n            }\n\n            &[aria-selected=\"true\"] {\n                background: var(--solid-ui-color-primary-selected);\n            }\n        }\n\n        .non-selectable-option {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n\n            icon-svg-spinners-3-dots-fade {\n                width: 2rem;\n            }\n\n            .message--error {\n                color: var(--solid-ui-color-error);\n            }\n        }\n    }\n}\n"],"mappings":""}

package/dist/components/combobox/index.cjs.js

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./Combobox.cjs.js");var t=e.default;Object.defineProperty(exports,"Combobox",{enumerable:!0,get:function(){return e.default}}),exports.default=t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./Combobox.cjs.js");var t=e.default;Object.defineProperty(exports,"Combobox",{enumerable:!0,get:function(){return e.default}}),exports.default=t,exports.defineAsyncComboboxOptionsProvider=e.defineAsyncComboboxOptionsProvider;
 //# sourceMappingURL=index.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","names":["Combobox"],"sources":["../../../src/components/combobox/index.ts"],"sourcesContent":["import Combobox from './Combobox'\n\nexport { Combobox }\nexport default Combobox\n"],"mappings":"oIAGA,IAAA,EAAeA,EAAAA"}
+{"version":3,"file":"index.cjs.js","names":["Combobox"],"sources":["../../../src/components/combobox/index.ts"],"sourcesContent":["import Combobox from './Combobox'\n\nexport * from './Combobox'\nexport { Combobox }\nexport default Combobox\n"],"mappings":"oIAIA,IAAA,EAAeA,EAAAA"}

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

@@ -1,4 +1,5 @@
 import { default as Combobox } from './Combobox';
+export * from './Combobox';
 export { Combobox };
 export default Combobox;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAA;AAEjC,OAAO,EAAE,QAAQ,EAAE,CAAA;AACnB,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAA;AAEjC,cAAc,YAAY,CAAA;AAC1B,OAAO,EAAE,QAAQ,EAAE,CAAA;AACnB,eAAe,QAAQ,CAAA"}

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

@@ -1,7 +1,7 @@
-import e from "./Combobox.esm.js";
+import e, { defineAsyncComboboxOptionsProvider as t } from "./Combobox.esm.js";
 //#region src/components/combobox/index.ts
-var t = e;
+var n = e;
 //#endregion
-export { e as Combobox, t as default };
+export { e as Combobox, n as default, t as defineAsyncComboboxOptionsProvider };
 
 //# sourceMappingURL=index.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","names":["Combobox"],"sources":["../../../src/components/combobox/index.ts"],"sourcesContent":["import Combobox from './Combobox'\n\nexport { Combobox }\nexport default Combobox\n"],"mappings":";;AAGA,IAAA,IAAeA"}
+{"version":3,"file":"index.esm.js","names":["Combobox"],"sources":["../../../src/components/combobox/index.ts"],"sourcesContent":["import Combobox from './Combobox'\n\nexport * from './Combobox'\nexport { Combobox }\nexport default Combobox\n"],"mappings":";;AAIA,IAAA,IAAeA"}

package/dist/components/combobox-option/ComboboxOption.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxOption.cjs.js","names":["customElement","WebComponent","html","nothing","property","_classDecs","_ComboboxOption","_A","WeakMap","_ref","_valueDecs","type","String","reflect","ComboboxOption","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_value","_classPrivateFieldGet","value","v","_classPrivateFieldSet","render","_ComboboxOption2","e","c","_initClass","_applyDecs","default"],"sources":["../../../src/components/combobox-option/ComboboxOption.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { property } from 'lit/decorators.js'\n\n@customElement('solid-ui-combobox-option')\nexport default class ComboboxOption extends WebComponent {\n  @property({ type: String, reflect: true })\n  accessor value = ''\n\n  protected render () {\n    return html`${nothing}`\n  }\n}\n"],"mappings":"ipIAE4CK,EAAA,CAE3CL,EAAAA,cAAc,0BAA0B,CAAC,EAAA,IAAAM,EAAAC,EAAA,IAAAC,QAAAC,GAAAC,GAAAA,EAAAA,EAAAA,SAAAA,CAE9B,CAAEC,KAAMC,OAAQC,QAAS,EAAK,CAAC,EAAC,SAM3CY,EAAAX,cAP2Cb,EAAAA,OAAa,CAAAc,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAV,GAAAW,EAAA,IAAA,EAAAC,EAAA,KAEtC,EAAE,EAAA,CAAA,CAAA,IAAAV,IAAA,CAAA,OAAAW,EAAAb,EAAA,IAAA,CAAA,CAAA,IAAVc,MAAKC,EAAA,CAAAC,EAAAhB,EAAA,KAAAe,CAAA,CAAA,CAEJE,QAAU,CAClB,MAAOtB,GAAAA,IAAI,GAAGC,EAAAA,SAChB,CACF,EAAC,CAAAuB,EAAA,CAAAP,EAAAD,GAAAS,EAAA,CAAArB,EAAAsB,IAAAC,EAAAJ,EAAA,CAAA,CAAAf,EAAA,EAAA,OAAA,CAAA,EAAAL,EAAA,EAAA,IAAA,GAP2CJ,EAAAA,OAAY,EAAA2B,EAAA"}
+{"version":3,"file":"ComboboxOption.cjs.js","names":["customElement","WebComponent","html","nothing","property","_classDecs","_ComboboxOption","_A","WeakMap","_ref","_valueDecs","type","String","reflect","ComboboxOption","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_value","_classPrivateFieldGet","value","v","_classPrivateFieldSet","render","_ComboboxOption2","e","c","_initClass","_applyDecs","default"],"sources":["../../../src/components/combobox-option/ComboboxOption.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { property } from 'lit/decorators.js'\n\n@customElement('solid-ui-combobox-option')\nexport default class ComboboxOption extends WebComponent {\n  @property({ type: String, reflect: true })\n  accessor value = ''\n\n  protected render () {\n    return html`${nothing}`\n  }\n}\n"],"mappings":"ipIAE4CK,EAAA,CAE3CL,EAAAA,cAAc,0BAA0B,CAAC,EAAA,IAAAM,EAAAC,EAAA,IAAAC,QAAAC,GAAAC,GAAAA,EAEvCN,EAAAA,SAAAA,CAAS,CAAEO,KAAMC,OAAQC,QAAS,EAAK,CAAC,EAAC,SAM3CY,EAAAX,cAP2Cb,EAAAA,OAAa,CAAAc,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAV,GAAAW,EAAA,IAAA,EAAAC,EAAA,KAEtC,EAAE,EAAA,CAAA,CAAA,IAAAV,IAAA,CAAA,OAAAW,EAAAb,EAAA,IAAA,CAAA,CAAA,IAAVc,MAAKC,EAAA,CAAAC,EAAAhB,EAAA,KAAAe,CAAA,CAAA,CAEJE,QAAU,CAClB,MAAOtB,GAAAA,IAAI,GAAGC,EAAAA,SAChB,CACF,EAAC,CAAAuB,EAAA,CAAAP,EAAAD,GAAAS,EAAA,CAAArB,EAAAsB,IAAAC,EAAAJ,EAAA,CAAA,CAAAf,EAAA,EAAA,OAAA,CAAA,EAAAL,EAAA,EAAA,IAAA,GAP2CJ,EAAAA,OAAY,EAAA2B,EAAA"}

package/dist/components/combobox-option.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/combobox-option-DiR3VpyT.js";
+import { n as e, t } from "../chunks/combobox-option-BcXpUnWu.js";
 export { e as ComboboxOption, t as default };

package/dist/components/combobox.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/combobox-B7a6BjQr.js";
-export { e as Combobox, t as default };
+import { n as e, r as t, t as n } from "../chunks/combobox-D3eGdicW.js";
+export { e as Combobox, n as default, t as defineAsyncComboboxOptionsProvider };

package/dist/components/dialog/Dialog.cjs.js

@@ -1,17 +1,17 @@
-const e=require("../../lib/dialogs/context.cjs.js"),t=require("../../lib/components/decorators.cjs.js"),n=require("../../lib/components/web-component/WebComponent.cjs.js"),r=require("../../lib/components/traits/DialogTrait.cjs.js");require("../../lib/components/index.cjs.js"),require("../../_virtual/~icons/lucide/x.cjs.js"),require("../dialog-header/index.cjs.js"),require("../button/index.cjs.js");const i=require("./Dialog.styles.cjs.js");let a=require("@lit/context"),o=require("lit"),s=require("lit/decorators.js");var c,l,u,d,f,p,m,h,g,_,v,y,b,x,S,C;function w(e,t,n){T(e,t),t.set(e,n)}function T(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function E(e,t,n){return e.set(O(e,t),n),n}function D(e,t){return e.get(O(e,t))}function O(e,t,n){if(typeof e==`function`?e===t:e.has(t))return arguments.length<3?t:n;throw TypeError(`Private element is not present on this object`)}function k(e,t,n){return(t=j(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function A(e,t,n,r,i,a){function o(e,t,n){return function(r,i){return n&&n(r),e[t].call(r,i)}}function s(e,t){for(var n=0;n<e.length;n++)e[n].call(t);return t}function c(e,t,n,r){if(typeof e!=`function`&&(r||e!==void 0))throw TypeError(t+` must `+(n||`be`)+` a function`+(r?``:` or undefined`));return e}function l(e,t,n,r,i,a,s,l,u,d,f,p,m){function h(e){if(!m(e))throw TypeError(`Attempted to access private element on non-instance`)}var g,_=t[0],v=t[3],y=!l;if(!y){n||Array.isArray(_)||(_=[_]);var b={},x=[],S=i===3?`get`:i===4||p?`set`:`value`;d?(f||p?b={get:N(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:b[S]=v,f||N(b[S],r,i===2?``:S)):f||(b=Object.getOwnPropertyDescriptor(e,r))}for(var C=e,w=_.length-1;w>=0;w-=n?2:1){var T=_[w],E=n?_[w-1]:void 0,D={},O={kind:[`field`,`accessor`,`method`,`getter`,`setter`,`class`][i],name:r,metadata:a,addInitializer:function(e,t){if(e.v)throw Error(`attempted to call addInitializer after decoration was finished`);c(t,`An initializer`,`be`,!0),s.push(t)}.bind(null,D)};try{if(y)(g=c(T.call(E,C,O),`class decorators`,`return`))&&(C=g);else{var k,A;O.static=u,O.private=d,d?i===2?k=function(e){return h(e),b.value}:(i<4&&(k=o(b,`get`,h)),i!==3&&(A=o(b,`set`,h))):(k=function(e){return e[r]},(i<2||i===4)&&(A=function(e,t){e[r]=t}));var j=O.access={has:d?m.bind():function(e){return r in e}};if(k&&(j.get=k),A&&(j.set=A),C=T.call(E,p?{get:b.get,set:b.set}:b[S],O),p){if(typeof C==`object`&&C)(g=c(C.get,`accessor.get`))&&(b.get=g),(g=c(C.set,`accessor.set`))&&(b.set=g),(g=c(C.init,`accessor.init`))&&x.push(g);else if(C!==void 0)throw TypeError(`accessor decorators must return an object with get, set, or init properties or void 0`)}else c(C,(f?`field`:`method`)+` decorators`,`return`)&&(f?x.push(C):b[S]=C)}}finally{D.v=!0}}return(f||p)&&l.push(function(e,t){for(var n=x.length-1;n>=0;n--)t=x[n].call(e,t);return t}),f||y||(d?p?l.push(o(b,`get`),o(b,`set`)):l.push(i===2?b[S]:o.call.bind(b[S])):Object.defineProperty(e,r,b)),C}function u(e,t){return Object.defineProperty(e,Symbol.metadata||Symbol.for(`Symbol.metadata`),{configurable:!0,enumerable:!0,value:t})}if(arguments.length>=6)var d=a[Symbol.metadata||Symbol.for(`Symbol.metadata`)];var f=Object.create(d??null),p=function(e,t,n,r){var i,a,o=[],c=function(t){return P(t)===e},u=new Map;function d(e){e&&o.push(s.bind(null,e))}for(var f=0;f<t.length;f++){var p=t[f];if(Array.isArray(p)){var m=p[1],h=p[2],g=p.length>3,_=16&m,v=!!(8&m),y=(m&=7)==0,b=h+`/`+v;if(!y&&!g){var x=u.get(b);if(!0===x||x===3&&m!==4||x===4&&m!==3)throw Error(`Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: `+h);u.set(b,!(m>2)||m)}l(v?e:e.prototype,p,_,g?`#`+h:j(h),m,r,v?a||=[]:i||=[],o,v,g,y,m===1,v&&g?c:n)}}return d(i),d(a),o}(e,t,i,f);return n.length||u(e,f),{e:p,get c(){var t=[];return n.length&&[u(l(e,[n],r,e.name,5,f,t),f),s.bind(null,t,e)]}}}function j(e){var t=M(e,`string`);return typeof t==`symbol`?t:t+``}function M(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function N(e,t,n){typeof t==`symbol`&&(t=(t=t.description)?`[`+t+`]`:``);try{Object.defineProperty(e,"name",{configurable:!0,value:n?n+` `+t:t})}catch{}return e}function P(e){if(Object(e)!==e)throw TypeError(`right-hand side of 'in' should be an object, got `+(e===null?`null`:typeof e));return e}function F(e){return e}h=[t.customElement(`solid-ui-dialog`)];var I;new(S=(u=new WeakMap,d=new WeakMap,f=new WeakMap,C=(g=(0,s.property)({type:String,reflect:!0}),v=(0,s.query)(`dialog`),b=(0,a.consume)({context:e.dialogContext,subscribe:!0}),`title`),l=class extends n.default{get[C](){return D(u,this)}set title(e){E(u,this,e)}get nativeDialog(){return D(d,this)}set nativeDialog(e){E(d,this,e)}get context(){return D(f,this)}set context(e){E(f,this,e)}constructor(){super(),w(this,u,(p(this),_(this,``))),w(this,d,y(this,null)),w(this,f,x(this,e.DEFAULT_DIALOG_CONTEXT)),k(this,`dialogTrait`,void 0),this.dialogTrait=this.addTrait(new r.default(this,{getContext:()=>this.context}))}close(e){this.dialogTrait.close(e)}firstUpdated(){this.nativeDialog&&(typeof this.nativeDialog.showModal==`function`?this.nativeDialog.showModal():typeof this.nativeDialog.show==`function`?this.nativeDialog.show():this.nativeDialog.setAttribute(`open`,``),this.nativeDialog.addEventListener(`close`,()=>this.close()))}render(){return o.html`
-        <dialog>
-            <slot name="header">${this.title?o.html`
+const e=require("../../lib/dialogs/context.cjs.js"),t=require("../../lib/components/decorators.cjs.js"),n=require("../../lib/components/traits/DialogTrait.cjs.js"),r=require("../../lib/components/web-component/WebComponent.cjs.js");require("../../lib/components/index.cjs.js"),require("../../_virtual/~icons/lucide/x.cjs.js"),require("../dialog-header/index.cjs.js"),require("../button/index.cjs.js");const i=require("./Dialog.styles.cjs.js");let a=require("@lit/context"),o=require("lit"),s=require("lit/decorators.js");var c,l,u,d,f,p,m,h,g,_,v,y,b,x,S,C;function w(e,t,n){T(e,t),t.set(e,n)}function T(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function E(e,t,n){return e.set(O(e,t),n),n}function D(e,t){return e.get(O(e,t))}function O(e,t,n){if(typeof e==`function`?e===t:e.has(t))return arguments.length<3?t:n;throw TypeError(`Private element is not present on this object`)}function k(e,t,n){return(t=j(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function A(e,t,n,r,i,a){function o(e,t,n){return function(r,i){return n&&n(r),e[t].call(r,i)}}function s(e,t){for(var n=0;n<e.length;n++)e[n].call(t);return t}function c(e,t,n,r){if(typeof e!=`function`&&(r||e!==void 0))throw TypeError(t+` must `+(n||`be`)+` a function`+(r?``:` or undefined`));return e}function l(e,t,n,r,i,a,s,l,u,d,f,p,m){function h(e){if(!m(e))throw TypeError(`Attempted to access private element on non-instance`)}var g,_=t[0],v=t[3],y=!l;if(!y){n||Array.isArray(_)||(_=[_]);var b={},x=[],S=i===3?`get`:i===4||p?`set`:`value`;d?(f||p?b={get:N(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:b[S]=v,f||N(b[S],r,i===2?``:S)):f||(b=Object.getOwnPropertyDescriptor(e,r))}for(var C=e,w=_.length-1;w>=0;w-=n?2:1){var T=_[w],E=n?_[w-1]:void 0,D={},O={kind:[`field`,`accessor`,`method`,`getter`,`setter`,`class`][i],name:r,metadata:a,addInitializer:function(e,t){if(e.v)throw Error(`attempted to call addInitializer after decoration was finished`);c(t,`An initializer`,`be`,!0),s.push(t)}.bind(null,D)};try{if(y)(g=c(T.call(E,C,O),`class decorators`,`return`))&&(C=g);else{var k,A;O.static=u,O.private=d,d?i===2?k=function(e){return h(e),b.value}:(i<4&&(k=o(b,`get`,h)),i!==3&&(A=o(b,`set`,h))):(k=function(e){return e[r]},(i<2||i===4)&&(A=function(e,t){e[r]=t}));var j=O.access={has:d?m.bind():function(e){return r in e}};if(k&&(j.get=k),A&&(j.set=A),C=T.call(E,p?{get:b.get,set:b.set}:b[S],O),p){if(typeof C==`object`&&C)(g=c(C.get,`accessor.get`))&&(b.get=g),(g=c(C.set,`accessor.set`))&&(b.set=g),(g=c(C.init,`accessor.init`))&&x.push(g);else if(C!==void 0)throw TypeError(`accessor decorators must return an object with get, set, or init properties or void 0`)}else c(C,(f?`field`:`method`)+` decorators`,`return`)&&(f?x.push(C):b[S]=C)}}finally{D.v=!0}}return(f||p)&&l.push(function(e,t){for(var n=x.length-1;n>=0;n--)t=x[n].call(e,t);return t}),f||y||(d?p?l.push(o(b,`get`),o(b,`set`)):l.push(i===2?b[S]:o.call.bind(b[S])):Object.defineProperty(e,r,b)),C}function u(e,t){return Object.defineProperty(e,Symbol.metadata||Symbol.for(`Symbol.metadata`),{configurable:!0,enumerable:!0,value:t})}if(arguments.length>=6)var d=a[Symbol.metadata||Symbol.for(`Symbol.metadata`)];var f=Object.create(d??null),p=function(e,t,n,r){var i,a,o=[],c=function(t){return P(t)===e},u=new Map;function d(e){e&&o.push(s.bind(null,e))}for(var f=0;f<t.length;f++){var p=t[f];if(Array.isArray(p)){var m=p[1],h=p[2],g=p.length>3,_=16&m,v=!!(8&m),y=(m&=7)==0,b=h+`/`+v;if(!y&&!g){var x=u.get(b);if(!0===x||x===3&&m!==4||x===4&&m!==3)throw Error(`Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: `+h);u.set(b,!(m>2)||m)}l(v?e:e.prototype,p,_,g?`#`+h:j(h),m,r,v?a||=[]:i||=[],o,v,g,y,m===1,v&&g?c:n)}}return d(i),d(a),o}(e,t,i,f);return n.length||u(e,f),{e:p,get c(){var t=[];return n.length&&[u(l(e,[n],r,e.name,5,f,t),f),s.bind(null,t,e)]}}}function j(e){var t=M(e,`string`);return typeof t==`symbol`?t:t+``}function M(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function N(e,t,n){typeof t==`symbol`&&(t=(t=t.description)?`[`+t+`]`:``);try{Object.defineProperty(e,"name",{configurable:!0,value:n?n+` `+t:t})}catch{}return e}function P(e){if(Object(e)!==e)throw TypeError(`right-hand side of 'in' should be an object, got `+(e===null?`null`:typeof e));return e}function F(e){return e}h=[t.customElement(`solid-ui-dialog`)];var I;new(S=(u=new WeakMap,d=new WeakMap,f=new WeakMap,C=(g=(0,s.property)({type:String,reflect:!0}),v=(0,s.query)(`dialog`),b=(0,a.consume)({context:e.dialogContext,subscribe:!0}),`title`),l=class extends r.default{get[C](){return D(u,this)}set title(e){E(u,this,e)}get nativeDialog(){return D(d,this)}set nativeDialog(e){E(d,this,e)}get context(){return D(f,this)}set context(e){E(f,this,e)}constructor(){super(),w(this,u,(p(this),_(this,``))),w(this,d,y(this,null)),w(this,f,x(this,e.DEFAULT_DIALOG_CONTEXT)),k(this,`dialogTrait`,void 0),this.dialogTrait=this.addTrait(new n.default(this,{getContext:()=>this.context}))}close(e){this.dialogTrait.close(e)}firstUpdated(){this.nativeDialog&&(typeof this.nativeDialog.showModal==`function`?this.nativeDialog.showModal():typeof this.nativeDialog.show==`function`?this.nativeDialog.show():this.nativeDialog.setAttribute(`open`,``),this.nativeDialog.addEventListener(`close`,()=>this.close()))}render(){let e=this.title?o.html`
         <solid-ui-dialog-header>
             <h1>${this.title}</h1>
 
-            <solid-ui-button variant="ghost" @click=${this.close}>
+            <solid-ui-button variant="ghost" @click=${()=>this.close()}>
                 <span class="sr-only">Close</span>
                 <icon-lucide-x slot="icon"></icon-lucide-x>
             </solid-ui-button>
         </solid-ui-dialog-header>
-        `:o.nothing}</slot>
+        `:o.nothing;return o.html`
+        <dialog>
+            <slot name="header">${e}</slot>
             <slot></slot>
             <slot name="footer"></slot>
         </dialog>
-    `}},{e:[_,y,x,p],c:[I,m]}=A(l,[[g,1,`title`],[v,1,`nativeDialog`],[b,1,`context`]],h,0,void 0,n.default),l),c=class extends F{constructor(){super(I),k(this,`styles`,i.default),m()}},k(c,S,void 0),c),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return I}});
+    `}},{e:[_,y,x,p],c:[I,m]}=A(l,[[g,1,`title`],[v,1,`nativeDialog`],[b,1,`context`]],h,0,void 0,r.default),l),c=class extends F{constructor(){super(I),k(this,`styles`,i.default),m()}},k(c,S,void 0),c),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return I}});
 //# sourceMappingURL=Dialog.cjs.js.map

package/dist/components/dialog/Dialog.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.cjs.js","names":["customElement","WebComponent","consume","html","nothing","property","query","dialogContext","DEFAULT_DIALOG_CONTEXT","DialogTrait","styles","_classDecs","_Dialog","_Dialog2","_A","WeakMap","_B","_C","_ref","_titleDecs","type","String","reflect","_nativeDialogDecs","_contextDecs","context","subscribe","_Dialog3","Dialog","_classPrivateFieldGet","title","v","_classPrivateFieldSet","nativeDialog","constructor","_classPrivateFieldInitSpec","_initProto","_init_title","_init_nativeDialog","_init_context","_defineProperty","dialogTrait","addTrait","getContext","close","data","firstUpdated","showModal","show","setAttribute","addEventListener","render","header","e","c","_initClass","_applyDecs","_Class","_identity","default"],"sources":["../../../src/components/dialog/Dialog.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { consume } from '@lit/context'\nimport { html, nothing } from 'lit'\nimport { property, query } from 'lit/decorators.js'\nimport { DialogContext, dialogContext, DEFAULT_DIALOG_CONTEXT } from '@/lib/dialogs/context'\nimport DialogTrait from '@/lib/components/traits/DialogTrait'\n\nimport '~icons/lucide/x'\nimport '@/components/dialog-header'\nimport '@/components/button'\n\nimport styles from './Dialog.styles.css'\n\n@customElement('solid-ui-dialog')\nexport default class Dialog extends WebComponent {\n  static styles = styles\n\n  @property({ type: String, reflect: true })\n  accessor title = ''\n\n  @query('dialog')\n  private accessor nativeDialog: HTMLDialogElement | null = null\n\n  @consume({ context: dialogContext, subscribe: true })\n  private accessor context: DialogContext = DEFAULT_DIALOG_CONTEXT\n\n  private dialogTrait: DialogTrait<unknown>\n\n  constructor () {\n    super()\n\n    this.dialogTrait = this.addTrait(new DialogTrait(this, {\n      getContext: () => this.context\n    }))\n  }\n\n  public close (data?: unknown) {\n    this.dialogTrait.close(data)\n  }\n\n  protected firstUpdated () {\n    if (!this.nativeDialog) {\n      return\n    }\n\n    if (typeof this.nativeDialog.showModal === 'function') {\n      this.nativeDialog.showModal()\n    } else if (typeof this.nativeDialog.show === 'function') {\n      this.nativeDialog.show()\n    } else {\n      this.nativeDialog.setAttribute('open', '')\n    }\n\n    this.nativeDialog.addEventListener('close', () => this.close())\n  }\n\n  protected render () {\n    const header = this.title\n      ? html`\n        <solid-ui-dialog-header>\n            <h1>${this.title}</h1>\n\n            <solid-ui-button variant=\"ghost\" @click=${this.close}>\n                <span class=\"sr-only\">Close</span>\n                <icon-lucide-x slot=\"icon\"></icon-lucide-x>\n            </solid-ui-button>\n        </solid-ui-dialog-header>\n        `\n      : nothing\n\n    return html`\n        <dialog>\n            <slot name=\"header\">${header}</slot>\n            <slot></slot>\n            <slot name=\"footer\"></slot>\n        </dialog>\n    `\n  }\n}\n"],"mappings":"imJAWwCW,EAAA,CAEvCX,EAAAA,cAAc,iBAAiB,CAAC,EAAA,IAAAY,EAAA,IAAAC,GAAAC,EAAA,IAAAC,QAAAC,EAAA,IAAAD,QAAAE,EAAA,IAAAF,QAAAG,GAAAC,GAAAA,EAAAA,EAAAA,SAAAA,CAIrB,CAAEC,KAAMC,OAAQC,QAAS,EAAK,CAAC,EAACC,GAAAA,EAAAA,EAAAA,MAAAA,CAGnC,QAAQ,EAACC,GAAAA,EAAAA,EAAAA,QAAAA,CAGP,CAAEC,QAASlB,EAAAA,cAAemB,UAAW,EAAK,CAAC,EAAC,SAAAC,EAVvD,cACoC1B,EAAAA,OAAa,CAAA,IAAAiB,IAAA,CAAA,OAAAW,EAAAf,EAAA,IAAA,CAAA,CAAA,IAItCgB,MAAKC,EAAA,CAAAC,EAAAlB,EAAA,KAAAiB,CAAA,CAAA,CAAA,IAGGE,cAAY,CAAA,OAAAJ,EAAAb,EAAA,IAAA,CAAA,CAAA,IAAZiB,aAAYF,EAAA,CAAAC,EAAAhB,EAAA,KAAAe,CAAA,CAAA,CAAA,IAGZN,SAAO,CAAA,OAAAI,EAAAZ,EAAA,IAAA,CAAA,CAAA,IAAPQ,QAAOM,EAAA,CAAAC,EAAAf,EAAA,KAAAc,CAAA,CAAA,CAIxBG,aAAe,CACb,MAAM,EAACC,EAAA,KAAArB,GAAAsB,EAAA,IAAA,EAAAC,EAAA,KAXQ,EAAE,EAAA,EAAAF,EAAA,KAAAnB,EAAAsB,EAAA,KAGuC,IAAI,CAAA,EAAAH,EAAA,KAAAlB,EAAAsB,EAAA,KAGpB/B,EAAAA,sBAAsB,CAAA,EAAAgC,EAAA,KAAA,cAAA,IAAA,EAAA,EAO9D,KAAKC,YAAc,KAAKC,SAAS,IAAIjC,EAAAA,QAAY,KAAM,CACrDkC,eAAkB,KAAKlB,OACzB,CAAC,CAAC,CACJ,CAEOmB,MAAOC,EAAgB,CAC5B,KAAKJ,YAAYG,MAAMC,CAAI,CAC7B,CAEUC,cAAgB,CACnB,KAAKb,eAIN,OAAO,KAAKA,aAAac,WAAc,WACzC,KAAKd,aAAac,UAAU,EACnB,OAAO,KAAKd,aAAae,MAAS,WAC3C,KAAKf,aAAae,KAAK,EAEvB,KAAKf,aAAagB,aAAa,OAAQ,EAAE,EAG3C,KAAKhB,aAAaiB,iBAAiB,YAAe,KAAKN,MAAM,CAAC,EAChE,CAEUO,QAAU,CAclB,MAAOhD,GAAAA,IAAI;;kCAbI,KAAK2B,MAChB3B,EAAAA,IAAI;;kBAEM,KAAK2B,MAAK;;sDAE0B,KAAKc,MAAK;;;;;UAMxDxC,EAAAA,QAIgC;;;;KAKtC,CACF,EAAC,CAAAiD,EAAA,CAAAhB,EAAAC,EAAAC,EAAAH,GAAAkB,EAAA,CAAA1C,EAAA2C,IAAAC,EAAA7B,EAAA,CAAA,CAAAR,EAAA,EAAA,OAAA,EAAA,CAAAI,EAAA,EAAA,cAAA,EAAA,CAAAC,EAAA,EAAA,SAAA,CAAA,EAAAb,EAAA,EAAA,IAAA,GAhEmCV,EAAAA,OAAY,EAAA0B,GAAA8B,EAAA,cAAAC,CAAA,CAAAxB,aAAA,CAAA,MAAAtB,CAAA,EAAA4B,EAAA,KAAA,SAC9B9B,EAAAA,OAAM,EAAA6C,EAAA,CAAA,CAAA,EAAAf,EAAAiB,EAAA5C,EAAA,IAAA,EAAA,EAAA4C"}
+{"version":3,"file":"Dialog.cjs.js","names":["customElement","WebComponent","consume","html","nothing","property","query","dialogContext","DEFAULT_DIALOG_CONTEXT","DialogTrait","styles","_classDecs","_Dialog","_Dialog2","_A","WeakMap","_B","_C","_ref","_titleDecs","type","String","reflect","_nativeDialogDecs","_contextDecs","context","subscribe","_Dialog3","Dialog","_classPrivateFieldGet","title","v","_classPrivateFieldSet","nativeDialog","constructor","_classPrivateFieldInitSpec","_initProto","_init_title","_init_nativeDialog","_init_context","_defineProperty","dialogTrait","addTrait","getContext","close","data","firstUpdated","showModal","show","setAttribute","addEventListener","render","header","e","c","_initClass","_applyDecs","_Class","_identity","default"],"sources":["../../../src/components/dialog/Dialog.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { consume } from '@lit/context'\nimport { html, nothing } from 'lit'\nimport { property, query } from 'lit/decorators.js'\nimport { DialogContext, dialogContext, DEFAULT_DIALOG_CONTEXT } from '@/lib/dialogs/context'\nimport DialogTrait from '@/lib/components/traits/DialogTrait'\n\nimport '~icons/lucide/x'\nimport '@/components/dialog-header'\nimport '@/components/button'\n\nimport styles from './Dialog.styles.css'\n\n@customElement('solid-ui-dialog')\nexport default class Dialog extends WebComponent {\n  static styles = styles\n\n  @property({ type: String, reflect: true })\n  accessor title = ''\n\n  @query('dialog')\n  private accessor nativeDialog: HTMLDialogElement | null = null\n\n  @consume({ context: dialogContext, subscribe: true })\n  private accessor context: DialogContext = DEFAULT_DIALOG_CONTEXT\n\n  private dialogTrait: DialogTrait<unknown>\n\n  constructor () {\n    super()\n\n    this.dialogTrait = this.addTrait(new DialogTrait(this, {\n      getContext: () => this.context\n    }))\n  }\n\n  public close (data?: unknown) {\n    this.dialogTrait.close(data)\n  }\n\n  protected firstUpdated () {\n    if (!this.nativeDialog) {\n      return\n    }\n\n    if (typeof this.nativeDialog.showModal === 'function') {\n      this.nativeDialog.showModal()\n    } else if (typeof this.nativeDialog.show === 'function') {\n      this.nativeDialog.show()\n    } else {\n      this.nativeDialog.setAttribute('open', '')\n    }\n\n    this.nativeDialog.addEventListener('close', () => this.close())\n  }\n\n  protected render () {\n    const header = this.title\n      ? html`\n        <solid-ui-dialog-header>\n            <h1>${this.title}</h1>\n\n            <solid-ui-button variant=\"ghost\" @click=${() => this.close()}>\n                <span class=\"sr-only\">Close</span>\n                <icon-lucide-x slot=\"icon\"></icon-lucide-x>\n            </solid-ui-button>\n        </solid-ui-dialog-header>\n        `\n      : nothing\n\n    return html`\n        <dialog>\n            <slot name=\"header\">${header}</slot>\n            <slot></slot>\n            <slot name=\"footer\"></slot>\n        </dialog>\n    `\n  }\n}\n"],"mappings":"imJAWwCW,EAAA,CAEvCX,EAAAA,cAAc,iBAAiB,CAAC,EAAA,IAAAY,EAAA,IAAAC,GAAAC,EAAA,IAAAC,QAAAC,EAAA,IAAAD,QAAAE,EAAA,IAAAF,QAAAG,GAAAC,GAAAA,EAI9Bd,EAAAA,SAAAA,CAAS,CAAEe,KAAMC,OAAQC,QAAS,EAAK,CAAC,EAACC,GAAAA,EAGzCjB,EAAAA,MAAAA,CAAM,QAAQ,EAACkB,GAAAA,EAGftB,EAAAA,QAAAA,CAAQ,CAAEuB,QAASlB,EAAAA,cAAemB,UAAW,EAAK,CAAC,EAAC,SAAAC,EAVvD,cACoC1B,EAAAA,OAAa,CAAA,IAAAiB,IAAA,CAAA,OAAAW,EAAAf,EAAA,IAAA,CAAA,CAAA,IAItCgB,MAAKC,EAAA,CAAAC,EAAAlB,EAAA,KAAAiB,CAAA,CAAA,CAAA,IAGGE,cAAY,CAAA,OAAAJ,EAAAb,EAAA,IAAA,CAAA,CAAA,IAAZiB,aAAYF,EAAA,CAAAC,EAAAhB,EAAA,KAAAe,CAAA,CAAA,CAAA,IAGZN,SAAO,CAAA,OAAAI,EAAAZ,EAAA,IAAA,CAAA,CAAA,IAAPQ,QAAOM,EAAA,CAAAC,EAAAf,EAAA,KAAAc,CAAA,CAAA,CAIxBG,aAAe,CACb,MAAM,EAACC,EAAA,KAAArB,GAAAsB,EAAA,IAAA,EAAAC,EAAA,KAXQ,EAAE,EAAA,EAAAF,EAAA,KAAAnB,EAAAsB,EAAA,KAGuC,IAAI,CAAA,EAAAH,EAAA,KAAAlB,EAAAsB,EAAA,KAGpB/B,EAAAA,sBAAsB,CAAA,EAAAgC,EAAA,KAAA,cAAA,IAAA,EAAA,EAO9D,KAAKC,YAAc,KAAKC,SAAS,IAAIjC,EAAAA,QAAY,KAAM,CACrDkC,eAAkB,KAAKlB,OACzB,CAAC,CAAC,CACJ,CAEOmB,MAAOC,EAAgB,CAC5B,KAAKJ,YAAYG,MAAMC,CAAI,CAC7B,CAEUC,cAAgB,CACnB,KAAKb,eAIN,OAAO,KAAKA,aAAac,WAAc,WACzC,KAAKd,aAAac,UAAU,EACnB,OAAO,KAAKd,aAAae,MAAS,WAC3C,KAAKf,aAAae,KAAK,EAEvB,KAAKf,aAAagB,aAAa,OAAQ,EAAE,EAG3C,KAAKhB,aAAaiB,iBAAiB,YAAe,KAAKN,MAAM,CAAC,EAChE,CAEUO,QAAU,CAClB,IAAMC,EAAS,KAAKtB,MAChB3B,EAAAA,IAAI;;kBAEM,KAAK2B,MAAK;;0DAEgC,KAAKc,MAAM,EAAC;;;;;UAMhExC,EAAAA,QAEJ,MAAOD,GAAAA,IAAI;;kCAEmBiD,EAAM;;;;KAKtC,CACF,EAAC,CAAAC,EAAA,CAAAhB,EAAAC,EAAAC,EAAAH,GAAAkB,EAAA,CAAA1C,EAAA2C,IAAAC,EAAA7B,EAAA,CAAA,CAAAR,EAAA,EAAA,OAAA,EAAA,CAAAI,EAAA,EAAA,cAAA,EAAA,CAAAC,EAAA,EAAA,SAAA,CAAA,EAAAb,EAAA,EAAA,IAAA,GAhEmCV,EAAAA,OAAY,EAAA0B,GAAA8B,EAAA,cAAAC,CAAA,CAAAxB,aAAA,CAAA,MAAAtB,CAAA,EAAA4B,EAAA,KAAA,SAC9B9B,EAAAA,OAAM,EAAA6C,EAAA,CAAA,CAAA,EAAAf,EAAAiB,EAAA5C,EAAA,IAAA,EAAA,EAAA4C"}

package/dist/components/dialog/Dialog.esm.js

@@ -1,7 +1,7 @@
 import { DEFAULT_DIALOG_CONTEXT as e, dialogContext as t } from "../../lib/dialogs/context.esm.js";
 import { customElement as n } from "../../lib/components/decorators.esm.js";
-import r from "../../lib/components/web-component/WebComponent.esm.js";
-import i from "../../lib/components/traits/DialogTrait.esm.js";
+import r from "../../lib/components/traits/DialogTrait.esm.js";
+import i from "../../lib/components/web-component/WebComponent.esm.js";
 import "../../lib/components/index.esm.js";
 import "../../_virtual/~icons/lucide/x.esm.js";
 import "../dialog-header/index.esm.js";
@@ -191,7 +191,7 @@ new (T = (p = /*#__PURE__*/ new WeakMap(), m = /*#__PURE__*/ new WeakMap(), h =
 }), x = u("dialog"), C = o({
 	context: t,
 	subscribe: !0
-}), "title"), f = class extends r {
+}), "title"), f = class extends i {
 	get [E]() {
 		return A(p, this);
 	}
@@ -211,7 +211,7 @@ new (T = (p = /*#__PURE__*/ new WeakMap(), m = /*#__PURE__*/ new WeakMap(), h =
 		k(h, this, e);
 	}
 	constructor() {
-		super(), D(this, p, (g(this), b(this, ""))), D(this, m, S(this, null)), D(this, h, w(this, e)), M(this, "dialogTrait", void 0), this.dialogTrait = this.addTrait(new i(this, { getContext: () => this.context }));
+		super(), D(this, p, (g(this), b(this, ""))), D(this, m, S(this, null)), D(this, h, w(this, e)), M(this, "dialogTrait", void 0), this.dialogTrait = this.addTrait(new r(this, { getContext: () => this.context }));
 	}
 	close(e) {
 		this.dialogTrait.close(e);
@@ -220,18 +220,19 @@ new (T = (p = /*#__PURE__*/ new WeakMap(), m = /*#__PURE__*/ new WeakMap(), h =
 		this.nativeDialog && (typeof this.nativeDialog.showModal == "function" ? this.nativeDialog.showModal() : typeof this.nativeDialog.show == "function" ? this.nativeDialog.show() : this.nativeDialog.setAttribute("open", ""), this.nativeDialog.addEventListener("close", () => this.close()));
 	}
 	render() {
-		return s`
-        <dialog>
-            <slot name="header">${this.title ? s`
+		let e = this.title ? s`
         <solid-ui-dialog-header>
             <h1>${this.title}</h1>
 
-            <solid-ui-button variant="ghost" @click=${this.close}>
+            <solid-ui-button variant="ghost" @click=${() => this.close()}>
                 <span class="sr-only">Close</span>
                 <icon-lucide-x slot="icon"></icon-lucide-x>
             </solid-ui-button>
         </solid-ui-dialog-header>
-        ` : c}</slot>
+        ` : c;
+		return s`
+        <dialog>
+            <slot name="header">${e}</slot>
             <slot></slot>
             <slot name="footer"></slot>
         </dialog>
@@ -253,7 +254,7 @@ new (T = (p = /*#__PURE__*/ new WeakMap(), m = /*#__PURE__*/ new WeakMap(), h =
 		1,
 		"context"
 	]
-], v, 0, void 0, r), f), d = class extends R {
+], v, 0, void 0, i), f), d = class extends R {
 	constructor() {
 		super(z), M(this, "styles", a), _();
 	}

package/dist/components/dialog/Dialog.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.esm.js","names":["customElement","WebComponent","consume","html","nothing","property","query","dialogContext","DEFAULT_DIALOG_CONTEXT","DialogTrait","styles","_classDecs","_Dialog","_Dialog2","_A","WeakMap","_B","_C","_ref","_titleDecs","type","String","reflect","_nativeDialogDecs","_contextDecs","context","subscribe","_Dialog3","Dialog","_classPrivateFieldGet","title","v","_classPrivateFieldSet","nativeDialog","constructor","_classPrivateFieldInitSpec","_initProto","_init_title","_init_nativeDialog","_init_context","_defineProperty","dialogTrait","addTrait","getContext","close","data","firstUpdated","showModal","show","setAttribute","addEventListener","render","header","e","c","_initClass","_applyDecs","_Class","_identity","default"],"sources":["../../../src/components/dialog/Dialog.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { consume } from '@lit/context'\nimport { html, nothing } from 'lit'\nimport { property, query } from 'lit/decorators.js'\nimport { DialogContext, dialogContext, DEFAULT_DIALOG_CONTEXT } from '@/lib/dialogs/context'\nimport DialogTrait from '@/lib/components/traits/DialogTrait'\n\nimport '~icons/lucide/x'\nimport '@/components/dialog-header'\nimport '@/components/button'\n\nimport styles from './Dialog.styles.css'\n\n@customElement('solid-ui-dialog')\nexport default class Dialog extends WebComponent {\n  static styles = styles\n\n  @property({ type: String, reflect: true })\n  accessor title = ''\n\n  @query('dialog')\n  private accessor nativeDialog: HTMLDialogElement | null = null\n\n  @consume({ context: dialogContext, subscribe: true })\n  private accessor context: DialogContext = DEFAULT_DIALOG_CONTEXT\n\n  private dialogTrait: DialogTrait<unknown>\n\n  constructor () {\n    super()\n\n    this.dialogTrait = this.addTrait(new DialogTrait(this, {\n      getContext: () => this.context\n    }))\n  }\n\n  public close (data?: unknown) {\n    this.dialogTrait.close(data)\n  }\n\n  protected firstUpdated () {\n    if (!this.nativeDialog) {\n      return\n    }\n\n    if (typeof this.nativeDialog.showModal === 'function') {\n      this.nativeDialog.showModal()\n    } else if (typeof this.nativeDialog.show === 'function') {\n      this.nativeDialog.show()\n    } else {\n      this.nativeDialog.setAttribute('open', '')\n    }\n\n    this.nativeDialog.addEventListener('close', () => this.close())\n  }\n\n  protected render () {\n    const header = this.title\n      ? html`\n        <solid-ui-dialog-header>\n            <h1>${this.title}</h1>\n\n            <solid-ui-button variant=\"ghost\" @click=${this.close}>\n                <span class=\"sr-only\">Close</span>\n                <icon-lucide-x slot=\"icon\"></icon-lucide-x>\n            </solid-ui-button>\n        </solid-ui-dialog-header>\n        `\n      : nothing\n\n    return html`\n        <dialog>\n            <slot name=\"header\">${header}</slot>\n            <slot></slot>\n            <slot name=\"footer\"></slot>\n        </dialog>\n    `\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWwCW,IAAA,CAEvCX,EAAc,iBAAiB,CAAC;AAAA,IAAAY;AAAA,KAAAC,KAAAC,kBAAA,IAAAC,QAAA,GAAAC,kBAAA,IAAAD,QAAA,GAAAE,kBAAA,IAAAF,QAAA,GAAAG,KAAAC,IAI9Bd,EAAS;CAAEe,MAAMC;CAAQC,SAAS;AAAK,CAAC,GAACC,IAGzCjB,EAAM,QAAQ,GAACkB,IAGftB,EAAQ;CAAEuB,SAASlB;CAAemB,WAAW;AAAK,CAAC,GAAC,UAAAC,IAVvD,cACoC1B,EAAa;CAAA,KAAAiB,KAAA;EAAA,OAAAW,EAAAf,GAAA,IAAA;CAAA;CAAA,IAItCgB,MAAKC,GAAA;EAAAC,EAAAlB,GAAA,MAAAiB,CAAA;CAAA;CAAA,IAGGE,eAAY;EAAA,OAAAJ,EAAAb,GAAA,IAAA;CAAA;CAAA,IAAZiB,aAAYF,GAAA;EAAAC,EAAAhB,GAAA,MAAAe,CAAA;CAAA;CAAA,IAGZN,UAAO;EAAA,OAAAI,EAAAZ,GAAA,IAAA;CAAA;CAAA,IAAPQ,QAAOM,GAAA;EAAAC,EAAAf,GAAA,MAAAc,CAAA;CAAA;CAIxBG,cAAe;EAGb,AAFA,MAAM,GAACC,EAAA,MAAArB,IAAAsB,EAAA,IAAA,GAAAC,EAAA,MAXQ,EAAE,EAAA,GAAAF,EAAA,MAAAnB,GAAAsB,EAAA,MAGuC,IAAI,CAAA,GAAAH,EAAA,MAAAlB,GAAAsB,EAAA,MAGpB/B,CAAsB,CAAA,GAAAgC,EAAA,MAAA,eAAA,KAAA,CAAA,GAO9D,KAAKC,cAAc,KAAKC,SAAS,IAAIjC,EAAY,MAAM,EACrDkC,kBAAkB,KAAKlB,QACzB,CAAC,CAAC;CACJ;CAEOmB,MAAOC,GAAgB;EAC5B,KAAKJ,YAAYG,MAAMC,CAAI;CAC7B;CAEUC,eAAgB;EACnB,KAAKb,iBAIN,OAAO,KAAKA,aAAac,aAAc,aACzC,KAAKd,aAAac,UAAU,IACnB,OAAO,KAAKd,aAAae,QAAS,aAC3C,KAAKf,aAAae,KAAK,IAEvB,KAAKf,aAAagB,aAAa,QAAQ,EAAE,GAG3C,KAAKhB,aAAaiB,iBAAiB,eAAe,KAAKN,MAAM,CAAC;CAChE;CAEUO,SAAU;EAclB,OAAOhD,CAAI;;kCAbI,KAAK2B,QAChB3B,CAAI;;kBAEM,KAAK2B,MAAK;;sDAE0B,KAAKc,MAAK;;;;;YAMxDxC,EAIgC;;;;;CAKtC;AACF,GAAC,CAAAiD,GAAA,CAAAhB,GAAAC,GAAAC,GAAAH,IAAAkB,GAAA,CAAA1C,GAAA2C,MAAAC,EAAA7B,GAAA;CAAA;EAAAR;EAAA;EAAA;CAAA;CAAA;EAAAI;EAAA;EAAA;CAAA;CAAA;EAAAC;EAAA;EAAA;CAAA;AAAA,GAAAb,GAAA,GAAA,KAAA,GAhEmCV,CAAY,GAAA0B,IAAA8B,IAAA,cAAAC,EAAA;CAAAxB,cAAA;EAAA,MAAAtB,CAAA,GAAA4B,EAAA,MAAA,UAC9B9B,CAAM,GAAA6C,EAAA;CAAA;AAAA,GAAAf,EAAAiB,GAAA5C,GAAA,KAAA,CAAA,GAAA4C,GAAA"}
+{"version":3,"file":"Dialog.esm.js","names":["customElement","WebComponent","consume","html","nothing","property","query","dialogContext","DEFAULT_DIALOG_CONTEXT","DialogTrait","styles","_classDecs","_Dialog","_Dialog2","_A","WeakMap","_B","_C","_ref","_titleDecs","type","String","reflect","_nativeDialogDecs","_contextDecs","context","subscribe","_Dialog3","Dialog","_classPrivateFieldGet","title","v","_classPrivateFieldSet","nativeDialog","constructor","_classPrivateFieldInitSpec","_initProto","_init_title","_init_nativeDialog","_init_context","_defineProperty","dialogTrait","addTrait","getContext","close","data","firstUpdated","showModal","show","setAttribute","addEventListener","render","header","e","c","_initClass","_applyDecs","_Class","_identity","default"],"sources":["../../../src/components/dialog/Dialog.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { consume } from '@lit/context'\nimport { html, nothing } from 'lit'\nimport { property, query } from 'lit/decorators.js'\nimport { DialogContext, dialogContext, DEFAULT_DIALOG_CONTEXT } from '@/lib/dialogs/context'\nimport DialogTrait from '@/lib/components/traits/DialogTrait'\n\nimport '~icons/lucide/x'\nimport '@/components/dialog-header'\nimport '@/components/button'\n\nimport styles from './Dialog.styles.css'\n\n@customElement('solid-ui-dialog')\nexport default class Dialog extends WebComponent {\n  static styles = styles\n\n  @property({ type: String, reflect: true })\n  accessor title = ''\n\n  @query('dialog')\n  private accessor nativeDialog: HTMLDialogElement | null = null\n\n  @consume({ context: dialogContext, subscribe: true })\n  private accessor context: DialogContext = DEFAULT_DIALOG_CONTEXT\n\n  private dialogTrait: DialogTrait<unknown>\n\n  constructor () {\n    super()\n\n    this.dialogTrait = this.addTrait(new DialogTrait(this, {\n      getContext: () => this.context\n    }))\n  }\n\n  public close (data?: unknown) {\n    this.dialogTrait.close(data)\n  }\n\n  protected firstUpdated () {\n    if (!this.nativeDialog) {\n      return\n    }\n\n    if (typeof this.nativeDialog.showModal === 'function') {\n      this.nativeDialog.showModal()\n    } else if (typeof this.nativeDialog.show === 'function') {\n      this.nativeDialog.show()\n    } else {\n      this.nativeDialog.setAttribute('open', '')\n    }\n\n    this.nativeDialog.addEventListener('close', () => this.close())\n  }\n\n  protected render () {\n    const header = this.title\n      ? html`\n        <solid-ui-dialog-header>\n            <h1>${this.title}</h1>\n\n            <solid-ui-button variant=\"ghost\" @click=${() => this.close()}>\n                <span class=\"sr-only\">Close</span>\n                <icon-lucide-x slot=\"icon\"></icon-lucide-x>\n            </solid-ui-button>\n        </solid-ui-dialog-header>\n        `\n      : nothing\n\n    return html`\n        <dialog>\n            <slot name=\"header\">${header}</slot>\n            <slot></slot>\n            <slot name=\"footer\"></slot>\n        </dialog>\n    `\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWwCW,IAAA,CAEvCX,EAAc,iBAAiB,CAAC;AAAA,IAAAY;AAAA,KAAAC,KAAAC,kBAAA,IAAAC,QAAA,GAAAC,kBAAA,IAAAD,QAAA,GAAAE,kBAAA,IAAAF,QAAA,GAAAG,KAAAC,IAI9Bd,EAAS;CAAEe,MAAMC;CAAQC,SAAS;AAAK,CAAC,GAACC,IAGzCjB,EAAM,QAAQ,GAACkB,IAGftB,EAAQ;CAAEuB,SAASlB;CAAemB,WAAW;AAAK,CAAC,GAAC,UAAAC,IAVvD,cACoC1B,EAAa;CAAA,KAAAiB,KAAA;EAAA,OAAAW,EAAAf,GAAA,IAAA;CAAA;CAAA,IAItCgB,MAAKC,GAAA;EAAAC,EAAAlB,GAAA,MAAAiB,CAAA;CAAA;CAAA,IAGGE,eAAY;EAAA,OAAAJ,EAAAb,GAAA,IAAA;CAAA;CAAA,IAAZiB,aAAYF,GAAA;EAAAC,EAAAhB,GAAA,MAAAe,CAAA;CAAA;CAAA,IAGZN,UAAO;EAAA,OAAAI,EAAAZ,GAAA,IAAA;CAAA;CAAA,IAAPQ,QAAOM,GAAA;EAAAC,EAAAf,GAAA,MAAAc,CAAA;CAAA;CAIxBG,cAAe;EAGb,AAFA,MAAM,GAACC,EAAA,MAAArB,IAAAsB,EAAA,IAAA,GAAAC,EAAA,MAXQ,EAAE,EAAA,GAAAF,EAAA,MAAAnB,GAAAsB,EAAA,MAGuC,IAAI,CAAA,GAAAH,EAAA,MAAAlB,GAAAsB,EAAA,MAGpB/B,CAAsB,CAAA,GAAAgC,EAAA,MAAA,eAAA,KAAA,CAAA,GAO9D,KAAKC,cAAc,KAAKC,SAAS,IAAIjC,EAAY,MAAM,EACrDkC,kBAAkB,KAAKlB,QACzB,CAAC,CAAC;CACJ;CAEOmB,MAAOC,GAAgB;EAC5B,KAAKJ,YAAYG,MAAMC,CAAI;CAC7B;CAEUC,eAAgB;EACnB,KAAKb,iBAIN,OAAO,KAAKA,aAAac,aAAc,aACzC,KAAKd,aAAac,UAAU,IACnB,OAAO,KAAKd,aAAae,QAAS,aAC3C,KAAKf,aAAae,KAAK,IAEvB,KAAKf,aAAagB,aAAa,QAAQ,EAAE,GAG3C,KAAKhB,aAAaiB,iBAAiB,eAAe,KAAKN,MAAM,CAAC;CAChE;CAEUO,SAAU;EAClB,IAAMC,IAAS,KAAKtB,QAChB3B,CAAI;;kBAEM,KAAK2B,MAAK;;4DAEgC,KAAKc,MAAM,EAAC;;;;;YAMhExC;EAEJ,OAAOD,CAAI;;kCAEmBiD,EAAM;;;;;CAKtC;AACF,GAAC,CAAAC,GAAA,CAAAhB,GAAAC,GAAAC,GAAAH,IAAAkB,GAAA,CAAA1C,GAAA2C,MAAAC,EAAA7B,GAAA;CAAA;EAAAR;EAAA;EAAA;CAAA;CAAA;EAAAI;EAAA;EAAA;CAAA;CAAA;EAAAC;EAAA;EAAA;CAAA;AAAA,GAAAb,GAAA,GAAA,KAAA,GAhEmCV,CAAY,GAAA0B,IAAA8B,IAAA,cAAAC,EAAA;CAAAxB,cAAA;EAAA,MAAAtB,CAAA,GAAA4B,EAAA,MAAA,UAC9B9B,CAAM,GAAA6C,EAAA;CAAA;AAAA,GAAAf,EAAAiB,GAAA5C,GAAA,KAAA,CAAA,GAAA4C,GAAA"}

package/dist/components/dialog/Dialog.stories.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Solid UI implements a Dialog System that allows to render dialogs dynamically, instead of declaring them inline.
+ *
+ * This works using `<solid-ui-dialogs-root>` to orchestrate the opening and closing of dialogs under the hood. If
+ * you're using `<solid-ui-provider>`, it comes configured out of the box.
+ */
+declare const meta: {
+    readonly title: "Advanced/Dialogs";
+    readonly parameters: {
+        readonly docs: {
+            readonly source: {
+                readonly language: "ts";
+                readonly code: "\n            import { customElement, DialogComponent, showDialog } from 'solid-ui'\n            import { html } from 'lit'\n            import { property } from 'lit/decorators.js'\n\n            import 'solid-ui/components/button'\n            import 'solid-ui/components/dialog'\n            import 'solid-ui/components/dialog-content'\n            import 'solid-ui/components/dialog-footer'\n\n            @customElement('solid-ui-sample-modal')\n            export class SampleModal extends DialogComponent<'red' | 'green' | 'blue'> {\n                @property({ type: String })\n                accessor message: string = ''\n\n                protected render () {\n                    return html`\n                        <solid-ui-dialog title=${this.title}>\n                            <solid-ui-dialog-content>\n                                ${this.message}\n                            </solid-ui-dialog-content>\n                            <solid-ui-dialog-footer>\n                                <solid-ui-button @click=${() => this.close('red')}>Red</solid-ui-button>\n                                <solid-ui-button @click=${() => this.close('green')}>Green</solid-ui-button>\n                                <solid-ui-button @click=${() => this.close('blue')}>Blue</solid-ui-button>\n                            </solid-ui-dialog-footer>\n                        </solid-ui-dialog>\n                    `\n                }\n            }\n\n            await showDialog(SampleModal, {\n                props: {\n                    message: 'Choose your favorite color:',\n                },\n                onClose: (result) => alert(`You chose ${result || 'none'}!`),\n            });\n        ";
+            };
+        };
+    };
+};
+export declare const Primary: {
+    render: () => import('lit-html').TemplateResult<1>;
+};
+export default meta;
+//# sourceMappingURL=Dialog.stories.d.ts.map

package/dist/components/dialog/Dialog.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.stories.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/Dialog.stories.ts"],"names":[],"mappings":"AAGA,OAAO,qBAAqB,CAAA;AAG5B;;;;;GAKG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;CA+CA,CAAA;AAEV,eAAO,MAAM,OAAO;;CASnB,CAAA;AAED,eAAe,IAAI,CAAA"}

package/dist/components/dialog/docs/sample-modal/SampleModal.d.ts

@@ -0,0 +1,6 @@
+import { DialogComponent } from '../../../../lib/components';
+export default class SampleModal extends DialogComponent<'red' | 'green' | 'blue'> {
+    accessor message: string;
+    protected render(): import('lit-html').TemplateResult<1>;
+}
+//# sourceMappingURL=SampleModal.d.ts.map

package/dist/components/dialog/docs/sample-modal/SampleModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SampleModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/dialog/docs/sample-modal/SampleModal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAIjE,OAAO,qBAAqB,CAAA;AAC5B,OAAO,qBAAqB,CAAA;AAC5B,OAAO,6BAA6B,CAAA;AACpC,OAAO,4BAA4B,CAAA;AAGnC,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,eAAe,CAAC,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;IAE9E,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAK;IAE7B,SAAS,CAAC,MAAM;CAcnB"}

package/dist/components/dialog/docs/sample-modal/index.d.ts

@@ -0,0 +1,4 @@
+import { default as SampleModal } from './SampleModal';
+export { SampleModal };
+export default SampleModal;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/dialog/docs/sample-modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/dialog/docs/sample-modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,eAAe,CAAA;AAEvC,OAAO,EAAE,WAAW,EAAE,CAAA;AACtB,eAAe,WAAW,CAAA"}

package/dist/components/dialog-content.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/dialog-content-fdJrkCyB.js";
+import { n as e, t } from "../chunks/dialog-content-B2FmmQvH.js";
 export { e as DialogContent, t as default };

package/dist/components/dialog-footer.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/dialog-footer-Bs_p2Nn9.js";
+import { n as e, t } from "../chunks/dialog-footer-CxjoqQJF.js";
 export { e as DialogFooter, t as default };

package/dist/components/dialog-header.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/dialog-header-CWIAAoDo.js";
+import { n as e, t } from "../chunks/dialog-header-0dobhr5C.js";
 export { e as DialogHeader, t as default };

package/dist/components/dialog-provider/DialogProvider.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogProvider.cjs.js","names":["customElement","WebComponent","provide","property","dialogContext","_classDecs","_DialogProvider","_A","WeakMap","_B","_ref","_dialogIdDecs","type","String","reflect","_dialogDecs","context","DialogProvider","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_dialogId","_init_dialog","id","_classPrivateFieldGet","dialogId","v","_classPrivateFieldSet","dialog","willUpdate","changedProperties","has","firstUpdated","slot","shadowRoot","querySelector","dispatchEvent","CustomEvent","bubbles","composed","detail","assignedElements","_DialogProvider2","e","c","_initClass","_applyDecs","default"],"sources":["../../../src/components/dialog-provider/DialogProvider.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { provide } from '@lit/context'\nimport { property } from 'lit/decorators.js'\nimport { DialogContext, dialogContext } from '@/lib/dialogs/context'\n\n@customElement('solid-ui-dialog-provider')\nexport default class DialogProvider extends WebComponent {\n  @property({ type: String, reflect: true })\n  accessor dialogId: string | undefined\n\n  @provide({ context: dialogContext })\n  private accessor dialog: DialogContext = { id: '' }\n\n  protected willUpdate (changedProperties: Map<string, any>) {\n    super.willUpdate(changedProperties)\n\n    if (changedProperties.has('dialogId') && this.dialogId) {\n      this.dialog = { id: this.dialogId }\n    }\n  }\n\n  protected firstUpdated () {\n    const slot = this.shadowRoot?.querySelector('slot') as HTMLSlotElement | undefined\n\n    this.dispatchEvent(new CustomEvent('mounted', { bubbles: true, composed: true, detail: slot?.assignedElements()[0] }))\n  }\n}\n"],"mappings":"4sIAGoEK,EAAA,CAEnEL,EAAAA,cAAc,0BAA0B,CAAC,EAAA,IAAAM,EAAAC,EAAA,IAAAC,QAAAC,EAAA,IAAAD,QAAAE,GAAAC,GAAAA,EAAAA,EAAAA,SAAAA,CAE9B,CAAEC,KAAMC,OAAQC,QAAS,EAAK,CAAC,EAACC,GAAAA,EAAAA,EAAAA,QAAAA,CAGjC,CAAEC,QAASZ,EAAAA,aAAc,CAAC,EAAC,YAgBrCuC,EAAA1B,cApB2ChB,EAAAA,OAAa,CAAAiB,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAb,GAAAc,EAAA,IAAA,EAAAC,EAAA,IAAA,EAAA,EAAAF,EAAA,KAAAX,EAAAc,EAAA,KAKd,CAAEC,GAAI,EAAG,CAAC,CAAA,CAAA,CAAA,IAAAd,IAAA,CAAA,OAAAe,EAAAlB,EAAA,IAAA,CAAA,CAAA,IAH1CmB,SAAQC,EAAA,CAAAC,EAAArB,EAAA,KAAAoB,CAAA,CAAA,CAAA,IAGAE,QAAM,CAAA,OAAAJ,EAAAhB,EAAA,IAAA,CAAA,CAAA,IAANoB,OAAMF,EAAA,CAAAC,EAAAnB,EAAA,KAAAkB,CAAA,CAAA,CAEbG,WAAYC,EAAqC,CACzD,MAAMD,WAAWC,CAAiB,EAE9BA,EAAkBC,IAAI,UAAU,GAAK,KAAKN,WAC5C,KAAKG,OAAS,CAAEL,GAAI,KAAKE,QAAS,EAEtC,CAEUO,cAAgB,CACxB,IAAMC,EAAO,KAAKC,YAAYC,cAAc,MAAM,EAElD,KAAKC,cAAc,IAAIC,YAAY,UAAW,CAAEC,QAAS,GAAMC,SAAU,GAAMC,OAAQP,GAAMQ,iBAAiB,CAAC,CAAC,EAAG,CAAC,CAAC,CACvH,CACF,EAAC,CAAAE,EAAA,CAAAtB,EAAAC,EAAAF,GAAAwB,EAAA,CAAAvC,EAAAwC,IAAAC,EAAAJ,EAAA,CAAA,CAAAhC,EAAA,EAAA,UAAA,EAAA,CAAAI,EAAA,EAAA,QAAA,CAAA,EAAAV,EAAA,EAAA,IAAA,GApB2CJ,EAAAA,OAAY,EAAA6C,EAAA"}
+{"version":3,"file":"DialogProvider.cjs.js","names":["customElement","WebComponent","provide","property","dialogContext","_classDecs","_DialogProvider","_A","WeakMap","_B","_ref","_dialogIdDecs","type","String","reflect","_dialogDecs","context","DialogProvider","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_dialogId","_init_dialog","id","_classPrivateFieldGet","dialogId","v","_classPrivateFieldSet","dialog","willUpdate","changedProperties","has","firstUpdated","slot","shadowRoot","querySelector","dispatchEvent","CustomEvent","bubbles","composed","detail","assignedElements","_DialogProvider2","e","c","_initClass","_applyDecs","default"],"sources":["../../../src/components/dialog-provider/DialogProvider.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { provide } from '@lit/context'\nimport { property } from 'lit/decorators.js'\nimport { DialogContext, dialogContext } from '@/lib/dialogs/context'\nimport type { PropertyValues } from 'lit'\n\n@customElement('solid-ui-dialog-provider')\nexport default class DialogProvider extends WebComponent {\n  @property({ type: String, reflect: true })\n  accessor dialogId: string | undefined\n\n  @provide({ context: dialogContext })\n  private accessor dialog: DialogContext = { id: '' }\n\n  protected willUpdate (changedProperties: PropertyValues<this>) {\n    super.willUpdate(changedProperties)\n\n    if (changedProperties.has('dialogId') && this.dialogId) {\n      this.dialog = { id: this.dialogId }\n    }\n  }\n\n  protected firstUpdated () {\n    const slot = this.shadowRoot?.querySelector('slot') as HTMLSlotElement | undefined\n\n    this.dispatchEvent(new CustomEvent('mounted', { bubbles: true, composed: true, detail: slot?.assignedElements()[0] }))\n  }\n}\n"],"mappings":"4sIAGoEK,EAAA,CAGnEL,EAAAA,cAAc,0BAA0B,CAAC,EAAA,IAAAM,EAAAC,EAAA,IAAAC,QAAAC,EAAA,IAAAD,QAAAE,GAAAC,GAAAA,EAEvCR,EAAAA,SAAAA,CAAS,CAAES,KAAMC,OAAQC,QAAS,EAAK,CAAC,EAACC,GAAAA,EAGzCb,EAAAA,QAAAA,CAAQ,CAAEc,QAASZ,EAAAA,aAAc,CAAC,EAAC,YAgBrCuC,EAAA1B,cApB2ChB,EAAAA,OAAa,CAAAiB,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAb,GAAAc,EAAA,IAAA,EAAAC,EAAA,IAAA,EAAA,EAAAF,EAAA,KAAAX,EAAAc,EAAA,KAKd,CAAEC,GAAI,EAAG,CAAC,CAAA,CAAA,CAAA,IAAAd,IAAA,CAAA,OAAAe,EAAAlB,EAAA,IAAA,CAAA,CAAA,IAH1CmB,SAAQC,EAAA,CAAAC,EAAArB,EAAA,KAAAoB,CAAA,CAAA,CAAA,IAGAE,QAAM,CAAA,OAAAJ,EAAAhB,EAAA,IAAA,CAAA,CAAA,IAANoB,OAAMF,EAAA,CAAAC,EAAAnB,EAAA,KAAAkB,CAAA,CAAA,CAEbG,WAAYC,EAAyC,CAC7D,MAAMD,WAAWC,CAAiB,EAE9BA,EAAkBC,IAAI,UAAU,GAAK,KAAKN,WAC5C,KAAKG,OAAS,CAAEL,GAAI,KAAKE,QAAS,EAEtC,CAEUO,cAAgB,CACxB,IAAMC,EAAO,KAAKC,YAAYC,cAAc,MAAM,EAElD,KAAKC,cAAc,IAAIC,YAAY,UAAW,CAAEC,QAAS,GAAMC,SAAU,GAAMC,OAAQP,GAAMQ,iBAAiB,CAAC,CAAC,EAAG,CAAC,CAAC,CACvH,CACF,EAAC,CAAAE,EAAA,CAAAtB,EAAAC,EAAAF,GAAAwB,EAAA,CAAAvC,EAAAwC,IAAAC,EAAAJ,EAAA,CAAA,CAAAhC,EAAA,EAAA,UAAA,EAAA,CAAAI,EAAA,EAAA,QAAA,CAAA,EAAAV,EAAA,EAAA,IAAA,GApB2CJ,EAAAA,OAAY,EAAA6C,EAAA"}

package/dist/components/dialog-provider/DialogProvider.d.ts

@@ -1,8 +1,9 @@
 import { WebComponent } from '../../lib/components';
+import { PropertyValues } from 'lit';
 export default class DialogProvider extends WebComponent {
     accessor dialogId: string | undefined;
     private accessor dialog;
-    protected willUpdate(changedProperties: Map<string, any>): void;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
     protected firstUpdated(): void;
 }
 //# sourceMappingURL=DialogProvider.d.ts.map