npm - solid-ui - Versions diffs - 3.1.3-11 → 3.1.3-13 - Mend

solid-ui 3.1.3-11 → 3.1.3-13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (372) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Combobox.esm.js","names":["customElement","WebComponent","Task","html","nothing","property","query","state","debounce","FormControlTrait","styles","AsyncOptionsInfo","Error","defineAsyncComboboxOptionsProvider","provider","_classDecs","_Combobox","_Combobox2","_A","WeakMap","_B","_C","_D","_E","_F","_G","_H","_I","_J","_K","_L","_M","_N","_O","_P","_Q","_ref","_labelDecs","type","String","reflect","_nameDecs","_valueDecs","_placeholderDecs","_requiredDecs","Boolean","_selectOnlyDecs","attribute","_asyncOptionsUrlDecs","_asyncOptionsResultsFieldDecs","_asyncOptionsLabelFieldDecs","_asyncOptionsValueFieldDecs","_asyncOptionsProviderDecs","Function","_optionsFallbackDecs","Array","_inputElementDecs","_filterDecs","_displayValueDecs","_openDecs","_activeIndexDecs","_Combobox3","Combobox","_classPrivateFieldGet","label","v","_classPrivateFieldSet","name","value","placeholder","required","selectOnly","asyncOptionsUrl","asyncOptionsResultsField","asyncOptionsLabelField","asyncOptionsValueField","asyncOptionsProvider","optionsFallback","inputElement","filter","displayValue","open","activeIndex","constructor","_classPrivateFieldInitSpec","_initProto","_init_label","_init_name","_init_value","_init_placeholder","_init_required","_init_selectOnly","_init_asyncOptionsUrl","_init_asyncOptionsResultsField","_init_asyncOptionsLabelField","_init_asyncOptionsValueField","_init_asyncOptionsProvider","_init_optionsFallback","_init_inputElement","_init_filter","_init_displayValue","_init_open","_init_activeIndex","_defineProperty","event","path","composedPath","includes","hide","controlTrait","addTrait","getControlElement","getInternals","listboxId","controlId","selectedOption","_selectedOption","disconnectedCallback","removeOpenListeners","willUpdate","changedProperties","has","updateAsyncOptionsTask","options","getFilteredOptions","option","find","selectable","optionLabel","updateDisplayValue","getInitialActiveIndex","undefined","render","activeOption","activeDescendant","getOptionId","accessibleName","renderLabel","onAnchorMouseDown","labelId","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, WebComponent } 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 FormControlTrait from '@/lib/components/traits/FormControlTrait'\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: unknown;\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 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()\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 @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 private accessor inputElement: HTMLInputElement \| null = null\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 controlTrait: FormControlTrait\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.controlTrait = this.addTrait(\n new FormControlTrait(this, {\n getControlElement: () => this.inputElement,\n getInternals: () => this.getInternals(),\n })\n )\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.inputElement?.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=${this.open && index === this.activeIndex\n ? 'true'\n : '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 = 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.inputElement?.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.inputElement) {\n return\n }\n\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])\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.inputElement?.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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"}
1	+ {"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","_ref","_selectOnlyDecs","type","Boolean","reflect","attribute","_asyncOptionsUrlDecs","String","_asyncOptionsResultsFieldDecs","_asyncOptionsLabelFieldDecs","_asyncOptionsValueFieldDecs","_asyncOptionsProviderDecs","Function","_optionsFallbackDecs","Array","_controlElementDecs","_filterDecs","_displayValueDecs","_openDecs","_activeIndexDecs","_Combobox3","Combobox","_classPrivateFieldGet","selectOnly","v","_classPrivateFieldSet","asyncOptionsUrl","asyncOptionsResultsField","asyncOptionsLabelField","asyncOptionsValueField","asyncOptionsProvider","optionsFallback","controlElement","filter","displayValue","open","activeIndex","constructor","_classPrivateFieldInitSpec","_initProto","_init_selectOnly","_init_asyncOptionsUrl","_init_asyncOptionsResultsField","_init_asyncOptionsLabelField","_init_asyncOptionsValueField","_init_asyncOptionsProvider","_init_optionsFallback","_init_controlElement","_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 @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 CHANGED Viewed

@@ -1,5 +1,5 @@
 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";
@@ -20,62 +20,25 @@ declare const meta: {
             readonly control: "boolean";
         };
     };
+    readonly render: ({ label, options, asyncJSOptions, asyncHtmlOptions }: {
+        label: any;
+        options: any;
+        asyncJSOptions: any;
+        asyncHtmlOptions: any;
+    }) => import('lit-html').TemplateResult<1>;
 };
-export default meta;
-export declare const Primary: {
-    render: (args: import('../../storybook').GetStoryArgs<{
-        readonly label: {
-            readonly control: "text";
-        };
-        readonly options: {
-            readonly control: "text";
-        };
-        readonly asyncJSOptions: {
-            readonly control: "boolean";
-        };
-        readonly asyncHtmlOptions: {
-            readonly control: "boolean";
-        };
-    }>) => HTMLDivElement;
-};
+export declare const Primary: {};
 export declare const AsyncWithJS: {
     args: {
         label: string;
         asyncJSOptions: boolean;
     };
-    render: (args: import('../../storybook').GetStoryArgs<{
-        readonly label: {
-            readonly control: "text";
-        };
-        readonly options: {
-            readonly control: "text";
-        };
-        readonly asyncJSOptions: {
-            readonly control: "boolean";
-        };
-        readonly asyncHtmlOptions: {
-            readonly control: "boolean";
-        };
-    }>) => HTMLDivElement;
 };
 export declare const AsyncWithHtml: {
     args: {
         label: string;
         asyncHtmlOptions: boolean;
     };
-    render: (args: import('../../storybook').GetStoryArgs<{
-        readonly label: {
-            readonly control: "text";
-        };
-        readonly options: {
-            readonly control: "text";
-        };
-        readonly asyncJSOptions: {
-            readonly control: "boolean";
-        };
-        readonly asyncHtmlOptions: {
-            readonly control: "boolean";
-        };
-    }>) => HTMLDivElement;
 };
+export default meta;
 //# sourceMappingURL=Combobox.stories.d.ts.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Combobox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/Combobox.stories.ts"],"names":[],"mappings":"~~AAIA~~,OAAO,8BAA8B,CAAA;AAErC,OAAO,YAAY,CAAA;~~AAEnB~~,QAAA,MAAM,IAAI~~;;;;;;;;;;;;;;;;;;;;;;CAcA~~,CAAA;~~AAuDV~~,~~eAAe,IAAI,CAAA;AAEnB,~~eAAO,MAAM,OAAO~~;;;;;;;;;;;;;;;CAAa~~,CAAA;~~AAEjC~~,eAAO,MAAM,WAAW~~;;;;;;;;;;;;;;;;;;;CAMvB~~,CAAA;AAED,eAAO,MAAM,aAAa~~;;;;;;;;;;;;;;;;;;;CAMzB~~,CAAA"}
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;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 CHANGED Viewed

@@ -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],:host .listbox .non-selectable-option{color:var(--solid-ui-color-gray-700);padding:12px 8px}:host .listbox [role=option]{border-bottom:1px solid var(--solid-ui-color-gray-100);cursor:pointer}:host .listbox [role=option]:hover,:host .listbox [role=option][data-active]{background:#0000000d}: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;
+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 CHANGED Viewed

	@@ -1 +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\"], .non-selectable-option {\n color: var(--solid-ui-color-gray-700);\n padding: 12px 8px;\n }\n\n [role=\"option\"] {\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 .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":""}
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 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 CHANGED Viewed

@@ -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],:host .listbox .non-selectable-option{color:var(--solid-ui-color-gray-700);padding:12px 8px}:host .listbox [role=option]{border-bottom:1px solid var(--solid-ui-color-gray-100);cursor:pointer}:host .listbox [role=option]:hover,:host .listbox [role=option][data-active]{background:#0000000d}: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)}`;
+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 CHANGED Viewed

	@@ -1 +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\"], .non-selectable-option {\n color: var(--solid-ui-color-gray-700);\n padding: 12px 8px;\n }\n\n [role=\"option\"] {\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 .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":""}
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 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-option.js CHANGED Viewed

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

package/dist/components/combobox.js CHANGED Viewed

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

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

@@ -1,10 +1,10 @@
-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`
+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(){return o.html`
         <dialog>
             <slot name="header">${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>
@@ -13,5 +13,5 @@ const e=require("../../lib/dialogs/context.cjs.js"),t=require("../../lib/compone
             <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 CHANGED Viewed

	@@ -1 +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"}
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;;0DAEgC,KAAKc,MAAM,EAAC;;;;;UAMhExC,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"}

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

@@ -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);
@@ -226,7 +226,7 @@ new (T = (p = /*#__PURE__*/ new WeakMap(), m = /*#__PURE__*/ new WeakMap(), h =
         <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>
@@ -253,7 +253,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 CHANGED Viewed

	@@ -1 +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"}
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;;4DAEgC,KAAKc,MAAM,EAAC;;;;;YAMhExC,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"}

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

@@ -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 ADDED Viewed

	@@ -0,0 +1 @@
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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

	@@ -0,0 +1 @@
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 CHANGED Viewed

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

package/dist/components/dialog-footer.js CHANGED Viewed

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

package/dist/components/dialog-header.js CHANGED Viewed

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

package/dist/components/dialog-provider.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { t as e } from "../chunks/DialogProvider-ge2aA77F.js";
+import { t as e } from "../chunks/DialogProvider-B7wEBrVN.js";
 //#region src/components/dialog-provider/index.ts
 var t = e;
 //#endregion

package/dist/components/dialog.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/dialog-Ujvm11_B.js";
+import { n as e, t } from "../chunks/dialog-DZgm_Tph.js";
 export { e as Dialog, t as default };

package/dist/components/dialogs-root/DialogsRoot.cjs.js CHANGED Viewed

@@ -1,9 +1,6 @@
-const e=require("../../lib/components/decorators.cjs.js"),t=require("../../lib/components/web-component/WebComponent.cjs.js"),n=require("../../lib/dialogs/events/close-dialog.cjs.js");require("../../lib/components/index.cjs.js");const r=require("../../lib/dialogs/events/show-dialog.cjs.js");require("../dialog-provider/DialogProvider.cjs.js");let i=require("lit"),a=require("lit/decorators.js");var o,s,c,l,u,d,f;function p(e,t,n){m(e,t),t.set(e,n)}function m(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function h(e,t,n){return e.set(_(e,t),n),n}function g(e,t){return e.get(_(e,t))}function _(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 v(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={},S=[],C=i===3?`get`:i===4||p?`set`:`value`;d?(f||p?b={get:x(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:b[C]=v,f||x(b[C],r,i===2?``:C)):f||(b=Object.getOwnPropertyDescriptor(e,r))}for(var w=e,T=_.length-1;T>=0;T-=n?2:1){var E=_[T],D=n?_[T-1]:void 0,O={},k={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,O)};try{if(y)(g=c(E.call(D,w,k),`class decorators`,`return`))&&(w=g);else{var A,j;k.static=u,k.private=d,d?i===2?A=function(e){return h(e),b.value}:(i<4&&(A=o(b,`get`,h)),i!==3&&(j=o(b,`set`,h))):(A=function(e){return e[r]},(i<2||i===4)&&(j=function(e,t){e[r]=t}));var M=k.access={has:d?m.bind():function(e){return r in e}};if(A&&(M.get=A),j&&(M.set=j),w=E.call(D,p?{get:b.get,set:b.set}:b[C],k),p){if(typeof w==`object`&&w)(g=c(w.get,`accessor.get`))&&(b.get=g),(g=c(w.set,`accessor.set`))&&(b.set=g),(g=c(w.init,`accessor.init`))&&S.push(g);else if(w!==void 0)throw TypeError(`accessor decorators must return an object with get, set, or init properties or void 0`)}else c(w,(f?`field`:`method`)+` decorators`,`return`)&&(f?S.push(w):b[C]=w)}}finally{O.v=!0}}return(f||p)&&l.push(function(e,t){for(var n=S.length-1;n>=0;n--)t=S[n].call(e,t);return t}),f||y||(d?p?l.push(o(b,`get`),o(b,`set`)):l.push(i===2?b[C]:o.call.bind(b[C])):Object.defineProperty(e,r,b)),w}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 S(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),b=(m&=7)==0,x=h+`/`+v;if(!b&&!g){var C=u.get(x);if(!0===C||C===3&&m!==4||C===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(x,!(m>2)||m)}l(v?e:e.prototype,p,_,g?`#`+h:y(h),m,r,v?a||=[]:i||=[],o,v,g,b,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 y(e){var t=b(e,`string`);return typeof t==`symbol`?t:t+``}function b(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 x(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 S(e){if(Object(e)!==e)throw TypeError(`right-hand side of 'in' should be an object, got `+(e===null?`null`:typeof e));return e}l=[e.customElement(`solid-ui-dialogs-root`)];var C,w=new WeakMap;f=(u=(0,a.state)(),`dialogs`),o=class extends t.default{constructor(...e){super(...e),p(this,w,(s(this),d(this,[])))}get[f](){return g(w,this)}set dialogs(e){h(w,this,e)}connectedCallback(){super.connectedCallback(),this.addGlobalEventListener(r.ShowDialogEvent.eventName,e=>{e.stopImmediatePropagation(),this.dialogs=[...this.dialogs,e.dialog]}),this.addGlobalEventListener(n.CloseDialogEvent.eventName,e=>{e.stopImmediatePropagation();let t=this.dialogs.find(t=>t.id===e.id);this.dialogs=this.dialogs.filter(t=>t.id!==e.id),t?.closed(e.data)})}render(){return i.html`${this.dialogs.map(e=>i.html`
-        <solid-ui-dialog-provider
-            dialogId="${e.id}"
-            @mounted=${t=>e.setElement(t.detail)}
-        >
-            ${e.template}
+const e=require("../../lib/components/decorators.cjs.js"),t=require("../../lib/dialogs/events/close-dialog.cjs.js"),n=require("../../lib/components/web-component/WebComponent.cjs.js");require("../../lib/components/index.cjs.js");const r=require("../../lib/dialogs/events/show-dialog.cjs.js");require("../dialog-provider/DialogProvider.cjs.js");let i=require("lit"),a=require("lit/decorators.js");var o,s,c,l,u,d,f;function p(e,t,n){m(e,t),t.set(e,n)}function m(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function h(e,t,n){return e.set(_(e,t),n),n}function g(e,t){return e.get(_(e,t))}function _(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 v(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={},S=[],C=i===3?`get`:i===4||p?`set`:`value`;d?(f||p?b={get:x(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:b[C]=v,f||x(b[C],r,i===2?``:C)):f||(b=Object.getOwnPropertyDescriptor(e,r))}for(var w=e,T=_.length-1;T>=0;T-=n?2:1){var E=_[T],D=n?_[T-1]:void 0,O={},k={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,O)};try{if(y)(g=c(E.call(D,w,k),`class decorators`,`return`))&&(w=g);else{var A,j;k.static=u,k.private=d,d?i===2?A=function(e){return h(e),b.value}:(i<4&&(A=o(b,`get`,h)),i!==3&&(j=o(b,`set`,h))):(A=function(e){return e[r]},(i<2||i===4)&&(j=function(e,t){e[r]=t}));var M=k.access={has:d?m.bind():function(e){return r in e}};if(A&&(M.get=A),j&&(M.set=j),w=E.call(D,p?{get:b.get,set:b.set}:b[C],k),p){if(typeof w==`object`&&w)(g=c(w.get,`accessor.get`))&&(b.get=g),(g=c(w.set,`accessor.set`))&&(b.set=g),(g=c(w.init,`accessor.init`))&&S.push(g);else if(w!==void 0)throw TypeError(`accessor decorators must return an object with get, set, or init properties or void 0`)}else c(w,(f?`field`:`method`)+` decorators`,`return`)&&(f?S.push(w):b[C]=w)}}finally{O.v=!0}}return(f||p)&&l.push(function(e,t){for(var n=S.length-1;n>=0;n--)t=S[n].call(e,t);return t}),f||y||(d?p?l.push(o(b,`get`),o(b,`set`)):l.push(i===2?b[C]:o.call.bind(b[C])):Object.defineProperty(e,r,b)),w}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 S(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),b=(m&=7)==0,x=h+`/`+v;if(!b&&!g){var C=u.get(x);if(!0===C||C===3&&m!==4||C===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(x,!(m>2)||m)}l(v?e:e.prototype,p,_,g?`#`+h:y(h),m,r,v?a||=[]:i||=[],o,v,g,b,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 y(e){var t=b(e,`string`);return typeof t==`symbol`?t:t+``}function b(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 x(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 S(e){if(Object(e)!==e)throw TypeError(`right-hand side of 'in' should be an object, got `+(e===null?`null`:typeof e));return e}l=[e.customElement(`solid-ui-dialogs-root`)];var C,w=new WeakMap;f=(u=(0,a.state)(),`dialogs`),o=class extends n.default{constructor(...e){super(...e),p(this,w,(s(this),d(this,[])))}get[f](){return g(w,this)}set dialogs(e){h(w,this,e)}connectedCallback(){super.connectedCallback(),this.addGlobalEventListener(r.ShowDialogEvent.eventName,e=>{e.stopImmediatePropagation(),this.dialogs=[...this.dialogs,e.dialog]}),this.addGlobalEventListener(t.CloseDialogEvent.eventName,e=>{e.stopImmediatePropagation();let t=this.dialogs.find(t=>t.id===e.id);this.dialogs=this.dialogs.filter(t=>t.id!==e.id),t?.closed(e.data)})}render(){return i.html`${this.dialogs.map(e=>i.html`
+        <solid-ui-dialog-provider dialogId="${e.id}">
+            ${e.element}
         </solid-ui-dialog-provider>
-    `)}`}},{e:[d,s],c:[C,c]}=v(o,[[u,1,`dialogs`]],l,0,void 0,t.default),c(),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return C}});
+    `)}`}},{e:[d,s],c:[C,c]}=v(o,[[u,1,`dialogs`]],l,0,void 0,n.default),c(),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return C}});
 //# sourceMappingURL=DialogsRoot.cjs.js.map