@mhmo91/schmancy 0.2.116 → 0.2.117

package/dist/{radio-group-CTCnzxmZ.cjs.map → radio-group-RChAvIUM.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"radio-group-CTCnzxmZ.cjs","sources":["../src/radio-group/radio-group.ts"],"sourcesContent":["import { html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { Subject } from 'rxjs'\nimport style from './radio-group.scss?inline'\nimport { TailwindElement } from '@mixins/index'\nimport { when } from 'lit/directives/when.js'\n\nexport type SchmancyRadioGroupOption = {\n\tlabel: string\n\tvalue: string\n}\nexport type SchmancyRadioGroupChangeEvent = CustomEvent<{\n\tvalue: string\n}>\n@customElement('schmancy-radio-group')\nexport class RadioGroup extends TailwindElement(style) {\n\t@property({ type: String }) label = ''\n\t@property({ type: String }) name = ''\n\t@property({ type: String }) selected = ''\n\t@property({ type: Array }) options: SchmancyRadioGroupOption[] = []\n\t@property({ type: Boolean }) required: boolean = false\n\tprivate selection$ = new Subject<SchmancyRadioGroupOption>()\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.selection$.subscribe(value => {\n\t\t\tthis.selected = value.value\n\t\t\tthis.dispatchEvent(\n\t\t\t\tnew CustomEvent('change', {\n\t\t\t\t\tdetail: value,\n\t\t\t\t\tbubbles: true,\n\t\t\t\t}),\n\t\t\t)\n\t\t})\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.selection$?.unsubscribe()\n\t}\n\tprivate handleSelection(value: SchmancyRadioGroupOption) {\n\t\tthis.selection$.next(value)\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<div class=\"grid gap-4\">\n\t\t\t\t${when(this.label, () => html` <label class=\"text-base font-semibold text-gray-900\">${this.label}</label> `)}\n\t\t\t\t${this.options?.map(\n\t\t\t\t\toption => html`\n\t\t\t\t\t\t<div class=\"flex items-center\">\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t.required=${this.required}\n\t\t\t\t\t\t\t\tid=${option.value}\n\t\t\t\t\t\t\t\tclass=\"h-4 w-4 border-gray-300 text-indigo-600 focus:ring-indigo-600\"\n\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\tname=${this.name}\n\t\t\t\t\t\t\t\t.value=${option.value}\n\t\t\t\t\t\t\t\t.checked=${option.value === this.selected}\n\t\t\t\t\t\t\t\t@change=${() => this.handleSelection(option)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<label for=${option.value} class=\"ml-3 block text-sm font-medium leading-6 text-gray-900\"\n\t\t\t\t\t\t\t\t>${option.value}</label\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t`,\n\t\t\t\t)}\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-radio-group': RadioGroup\n\t}\n}\n"],"names":["RadioGroup","TailwindElement","super","arguments","this","label","name","selected","options","required","selection$","Subject","connectedCallback","subscribe","value","dispatchEvent","CustomEvent","detail","bubbles","disconnectedCallback","unsubscribe","next","html","when","map","option","handleSelection","__decorateClass","property","type","String","prototype","Array","Boolean","customElement"],"mappings":"wbAeaA,QAAAA,WAAN,cAAyBC,6DAAzB,aAAAC,CAAAA,MAAAA,GAAAC,SAC8BC,EAAAA,KAAAC,MAAA,GACDD,KAAAE,KAAA,GACIF,KAAAG,SAAA,GACZH,KAAAI,QAAsC,CAChBJ,EAAAA,KAAAK,SAAA,GACzCL,KAAAM,WAAa,IAAIC,SAAkC,CAE3D,mBAAAC,CACCV,MAAMU,kBAAAA,EACDR,KAAAM,WAAWG,UAAmBC,GAClCV,CAAAA,KAAKG,SAAWO,EAAMA,MACjBV,KAAAW,cACJ,IAAIC,YAAY,SAAU,CACzBC,OAAQH,EACRI,QAAAA,EAEF,CAAA,CAAA,CAAA,CAAA,CACA,CAGF,sBAAAC,OACCjB,MAAMiB,qBAAAA,GACNf,EAAAA,KAAKM,aAALN,MAAAA,EAAiBgB,aAAY,CAEtB,gBAAgBN,EAClBV,CAAAA,KAAAM,WAAWW,KAAKP,EAAK,CAG3B,QACQ,OAAA,OAAAQ,EAAAA;AAAAA;AAAAA,MAEHC,EAAAA,KAAKnB,KAAKC,MAAO,IAAMiB,EAAAA,6DAA6DlB,KAAKC,KAAAA,WAAAA,CAAAA;AAAAA,OACzFD,EAAAA,KAAKI,UAALJ,YAAAA,EAAcoB,IACLC,GAAAH,EAAAA;AAAAA;AAAAA;AAAAA,oBAGKlB,KAAKK,QAAAA;AAAAA,aACZgB,EAAOX,KAAAA;AAAAA;AAAAA;AAAAA,eAGLV,KAAKE,IAAAA;AAAAA,iBACHmB,EAAOX,KAAAA;AAAAA,mBACLW,EAAOX,QAAUV,KAAKG,QAAAA;AAAAA,kBACvB,IAAMH,KAAKsB,gBAAgBD,CAAAA,CAAAA;AAAAA;AAAAA,oBAEzBA,EAAOX,KAAAA;AAAAA,WAChBW,EAAOX,KAAAA;AAAAA;AAAAA;AAAAA;;GAIb,CAAA,EAlDwBa,EAAA,CAA3BC,WAAS,CAAEC,KAAMC,MADN9B,CAAAA,CAAAA,EAAAA,mBACgB+B,UAAA,QAAA,CAAA,EACAJ,EAAA,CAA3BC,WAAS,CAAEC,KAAMC,MAAAA,CAAAA,CAAAA,EAFN9B,mBAEgB+B,UAAA,OAAA,CAAA,EACAJ,EAAA,CAA3BC,WAAS,CAAEC,KAAMC,UAHN9B,mBAGgB+B,UAAA,WAAA,CACDJ,EAAAA,EAAA,CAA1BC,WAAS,CAAEC,KAAMG,KAJNhC,CAAAA,CAAAA,EAAAA,mBAIe+B,UAAA,UAAA,CAAA,EACEJ,EAAA,CAA5BC,WAAS,CAAEC,KAAMI,OAAAA,CAAAA,CAAAA,EALNjC,mBAKiB+B,UAAA,WAAA,CAAA,EALjB/B,QAANA,WAAA2B,EAAA,CADNO,EAAAA,cAAc,yBACFlC"}
+{"version":3,"file":"radio-group-RChAvIUM.cjs","sources":["../src/radio-group/radio-group.ts"],"sourcesContent":["import { html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { Subject } from 'rxjs'\nimport style from './radio-group.scss?inline'\nimport { TailwindElement } from '@mixins/index'\nimport { when } from 'lit/directives/when.js'\n\nexport type SchmancyRadioGroupOption = {\n\tlabel: string\n\tvalue: string\n}\nexport type SchmancyRadioGroupChangeEvent = CustomEvent<{\n\tvalue: string\n}>\n@customElement('schmancy-radio-group')\nexport class RadioGroup extends TailwindElement(style) {\n\t@property({ type: String }) label = ''\n\t@property({ type: String }) name = ''\n\t@property({ type: String }) selected = ''\n\t@property({ type: Array }) options: SchmancyRadioGroupOption[] = []\n\t@property({ type: Boolean }) required: boolean = false\n\tprivate selection$ = new Subject<SchmancyRadioGroupOption>()\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.selection$.subscribe(value => {\n\t\t\tthis.selected = value.value\n\t\t\tthis.dispatchEvent(\n\t\t\t\tnew CustomEvent('change', {\n\t\t\t\t\tdetail: value,\n\t\t\t\t\tbubbles: true,\n\t\t\t\t}),\n\t\t\t)\n\t\t})\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.selection$?.unsubscribe()\n\t}\n\tprivate handleSelection(value: SchmancyRadioGroupOption) {\n\t\tthis.selection$.next(value)\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<div class=\"grid gap-4\">\n\t\t\t\t${when(this.label, () => html` <label class=\"text-base font-semibold text-gray-900\">${this.label}</label> `)}\n\t\t\t\t${this.options?.map(\n\t\t\t\t\toption => html`\n\t\t\t\t\t\t<div class=\"flex items-center\">\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t.required=${this.required}\n\t\t\t\t\t\t\t\tid=${option.value}\n\t\t\t\t\t\t\t\tclass=\"h-4 w-4 border-gray-300 text-indigo-600 focus:ring-indigo-600\"\n\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\tname=${this.name}\n\t\t\t\t\t\t\t\t.value=${option.value}\n\t\t\t\t\t\t\t\t.checked=${option.value === this.selected}\n\t\t\t\t\t\t\t\t@change=${() => this.handleSelection(option)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<label for=${option.value} class=\"ml-3 block text-sm font-medium leading-6 text-gray-900\"\n\t\t\t\t\t\t\t\t>${option.value}</label\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t`,\n\t\t\t\t)}\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-radio-group': RadioGroup\n\t}\n}\n"],"names":["RadioGroup","TailwindElement","super","arguments","this","label","name","selected","options","required","selection$","Subject","connectedCallback","subscribe","value","dispatchEvent","CustomEvent","detail","bubbles","disconnectedCallback","unsubscribe","next","html","when","map","option","handleSelection","__decorateClass","property","type","String","prototype","Array","Boolean","customElement"],"mappings":"wbAeaA,QAAAA,WAAN,cAAyBC,6DAAzB,aAAAC,CAAAA,MAAAA,GAAAC,SAC8BC,EAAAA,KAAAC,MAAA,GACDD,KAAAE,KAAA,GACIF,KAAAG,SAAA,GACZH,KAAAI,QAAsC,CAChBJ,EAAAA,KAAAK,SAAA,GACzCL,KAAAM,WAAa,IAAIC,SAAkC,CAE3D,mBAAAC,CACCV,MAAMU,kBAAAA,EACDR,KAAAM,WAAWG,UAAmBC,GAClCV,CAAAA,KAAKG,SAAWO,EAAMA,MACjBV,KAAAW,cACJ,IAAIC,YAAY,SAAU,CACzBC,OAAQH,EACRI,QAAAA,EAEF,CAAA,CAAA,CAAA,CAAA,CACA,CAGF,sBAAAC,OACCjB,MAAMiB,qBAAAA,GACNf,EAAAA,KAAKM,aAALN,MAAAA,EAAiBgB,aAAY,CAEtB,gBAAgBN,EAClBV,CAAAA,KAAAM,WAAWW,KAAKP,EAAK,CAG3B,QACQ,OAAA,OAAAQ,EAAAA;AAAAA;AAAAA,MAEHC,EAAAA,KAAKnB,KAAKC,MAAO,IAAMiB,EAAAA,6DAA6DlB,KAAKC,KAAAA,WAAAA,CAAAA;AAAAA,OACzFD,EAAAA,KAAKI,UAALJ,YAAAA,EAAcoB,IACLC,GAAAH,EAAAA;AAAAA;AAAAA;AAAAA,oBAGKlB,KAAKK,QAAAA;AAAAA,aACZgB,EAAOX,KAAAA;AAAAA;AAAAA;AAAAA,eAGLV,KAAKE,IAAAA;AAAAA,iBACHmB,EAAOX,KAAAA;AAAAA,mBACLW,EAAOX,QAAUV,KAAKG,QAAAA;AAAAA,kBACvB,IAAMH,KAAKsB,gBAAgBD,CAAAA,CAAAA;AAAAA;AAAAA,oBAEzBA,EAAOX,KAAAA;AAAAA,WAChBW,EAAOX,KAAAA;AAAAA;AAAAA;AAAAA;;GAIb,CAAA,EAlDwBa,EAAA,CAA3BC,WAAS,CAAEC,KAAMC,MADN9B,CAAAA,CAAAA,EAAAA,mBACgB+B,UAAA,QAAA,CAAA,EACAJ,EAAA,CAA3BC,WAAS,CAAEC,KAAMC,MAAAA,CAAAA,CAAAA,EAFN9B,mBAEgB+B,UAAA,OAAA,CAAA,EACAJ,EAAA,CAA3BC,WAAS,CAAEC,KAAMC,UAHN9B,mBAGgB+B,UAAA,WAAA,CACDJ,EAAAA,EAAA,CAA1BC,WAAS,CAAEC,KAAMG,KAJNhC,CAAAA,CAAAA,EAAAA,mBAIe+B,UAAA,UAAA,CAAA,EACEJ,EAAA,CAA5BC,WAAS,CAAEC,KAAMI,OAAAA,CAAAA,CAAAA,EALNjC,mBAKiB+B,UAAA,WAAA,CAAA,EALjB/B,QAANA,WAAA2B,EAAA,CADNO,EAAAA,cAAc,yBACFlC"}

package/dist/radio-group.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./radio-group-CTCnzxmZ.cjs");Object.defineProperty(exports,"RadioGroup",{enumerable:!0,get:()=>e.RadioGroup});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./radio-group-RChAvIUM.cjs");Object.defineProperty(exports,"RadioGroup",{enumerable:!0,get:()=>e.RadioGroup});
 //# sourceMappingURL=radio-group.cjs.map

package/dist/radio-group.js

@@ -1,4 +1,4 @@
-import { R as a } from "./radio-group-Bl5nhDCh.js";
+import { R as a } from "./radio-group-CSKgiPxL.js";
 export {
   a as RadioGroup
 };

package/dist/{select-C2TJxenH.js → select-CHXdCR-t.js}

@@ -2,8 +2,8 @@ import { autoUpdate as d, computePosition as u, offset as y, flip as v, shift as
 import "rxjs";
 import { classMap as f } from "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
-import { $ as b } from "./litElement.mixin-DfYInjJd.js";
-import "./tailwind.mixin-BvhzMkqK.js";
+import { $ as b } from "./litElement.mixin-B1ZP2iG4.js";
+import "./tailwind.mixin-C2MUeArS.js";
 import { c as g } from "./color-DrgmL7QT.js";
 import "./ripple-3indJ14o.js";
 import { S as w } from "./theme.interface-C5Kj6WjD.js";
@@ -203,4 +203,4 @@ a.formAssociated = !0, o([n({ type: String })], a.prototype, "name", 2), o([n({
 export {
   a as S
 };
-//# sourceMappingURL=select-C2TJxenH.js.map
+//# sourceMappingURL=select-CHXdCR-t.js.map

package/dist/{select-C2TJxenH.js.map → select-CHXdCR-t.js.map}

@@ -1 +1 @@
-{"version":3,"file":"select-C2TJxenH.js","sources":["../src/select/select.ts"],"sourcesContent":["import { autoUpdate, computePosition, flip, offset, shift } from '@floating-ui/dom'\nimport { $LitElement } from '@mixins/index'\nimport { color } from '@schmancy/directives'\nimport SchmancyInput from '@schmancy/input/input'\nimport SchmancyOption from '@schmancy/option/option'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\nimport { css, html, PropertyValues, TemplateResult } from 'lit'\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\n\nexport type SchmancySelectChangeEvent = CustomEvent<{\n\tvalue: string | string[]\n}>\n\n@customElement('schmancy-select')\nexport class SchmancySelect extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t}\n\n\t[role='listbox'] {\n\t\toverflow-y: auto;\n\t\toutline: none;\n\t}\n`) {\n\t// Form association setup\n\tstatic formAssociated = true\n\tprivate internals?: ElementInternals\n\n\t// API\n\t@property({ type: String }) name: string | undefined\n\t@property({ type: Boolean, reflect: true }) required = false\n\t@property({ type: String }) placeholder = ''\n\t@property({ type: String, reflect: true }) value: string | string[] = '' // for single-select or multi-select\n\t@property({ type: Boolean }) multi = false\n\t@property({ type: String }) label = ''\n\t@property({ type: String }) hint = ''\n\n\t// Internal states\n\t@state() private isOpen = false\n\t@state() private valueLabel = ''\n\t@state() private isValid = true\n\t@property({ type: String }) validationMessage = ''\n\n\t@query('ul') private ul!: HTMLUListElement\n\t@query('schmancy-input') private inputRef!: SchmancyInput\n\t@queryAssignedElements({ flatten: true }) private options!: SchmancyOption[]\n\tprivate cleanupPositioner?: () => void\n\t@state() private _userInteracted = false\n\n\tconstructor() {\n\t\tsuper()\n\t\t// Initialize ElementInternals for form association\n\t\ttry {\n\t\t\tthis.internals = this.attachInternals()\n\t\t} catch (e) {\n\t\t\tconsole.warn('FormAssociated elements not supported in this browser', e)\n\t\t}\n\t}\n\n\tget form() {\n\t\treturn this.internals?.form\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tif (!this.id) {\n\t\t\tthis.id = `schmancy-select-${Math.random().toString(36).substr(2, 9)}`\n\t\t}\n\t\tthis.addEventListener('keydown', this.handleKeyDown)\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.removeEventListener('keydown', this.handleKeyDown)\n\t\tthis.cleanupPositioner?.()\n\t}\n\n\tfirstUpdated() {\n\t\tthis.syncSelection()\n\t\tthis.setupOptionsAccessibility()\n\t}\n\n\tupdated(changedProps: PropertyValues) {\n\t\tsuper.updated(changedProps)\n\n\t\tif (changedProps.has('value')) {\n\t\t\t// Update form value when component value changes\n\t\t\tconst formValue = Array.isArray(this.value) ? this.value.join(',') : this.value\n\t\t\tthis.internals?.setFormValue(formValue)\n\n\t\t\t// Only check validity if this isn't the first render\n\t\t\t// and the component has been interacted with\n\t\t\tif (this.required && this.hasUpdated && this._userInteracted) {\n\t\t\t\tthis.checkValidity()\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate syncSelection() {\n\t\tif (this.multi) {\n\t\t\tconst selectedValues = Array.isArray(this.value) ? this.value : []\n\t\t\tthis.options.forEach(o => (o.selected = selectedValues.includes(o.value))) // Update option selected state\n\t\t\tthis.valueLabel =\n\t\t\t\tselectedValues.length > 0\n\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t.filter(o => selectedValues.includes(o.value))\n\t\t\t\t\t\t\t.map(o => o.label)\n\t\t\t\t\t\t\t.join(', ')\n\t\t\t\t\t: this.placeholder\n\t\t} else {\n\t\t\tconst selectedOption = this.options.find(o => o.value === this.value)\n\t\t\tthis.valueLabel = selectedOption?.label || this.placeholder\n\t\t}\n\t}\n\n\tprivate setupOptionsAccessibility() {\n\t\tthis.options.forEach((option, index) => {\n\t\t\toption.setAttribute('role', 'option')\n\t\t\tif (!option.id) {\n\t\t\t\toption.id = `${this.id}-option-${index}`\n\t\t\t}\n\t\t\toption.tabIndex = -1\n\t\t\tconst selectedValues = Array.isArray(this.value) ? this.value : []\n\n\t\t\toption.setAttribute(\n\t\t\t\t'aria-selected',\n\t\t\t\tString(this.multi ? selectedValues.includes(option.value) : option.value === this.value),\n\t\t\t)\n\t\t})\n\t}\n\n\tprivate async positionDropdown() {\n\t\tconst reference = this.renderRoot.querySelector('.trigger') as HTMLElement\n\t\tif (!reference || !this.ul) return\n\n\t\t// Get the available height\n\t\tconst availableHeight = window.innerHeight - reference.getBoundingClientRect().bottom - 10 // 10px buffer\n\t\tthis.ul.style.maxHeight = `${availableHeight}px` // Set max height\n\n\t\tthis.cleanupPositioner = autoUpdate(reference, this.ul, async () => {\n\t\t\tconst { x, y } = await computePosition(reference, this.ul, {\n\t\t\t\tplacement: 'bottom-start',\n\t\t\t\tmiddleware: [offset(5), flip(), shift({ padding: 5 })],\n\t\t\t})\n\n\t\t\tObject.assign(this.ul.style, {\n\t\t\t\tleft: `${x}px`,\n\t\t\t\ttop: `${y}px`,\n\t\t\t\tposition: 'absolute',\n\t\t\t})\n\t\t})\n\t}\n\n\tprivate handleKeyDown = (e: KeyboardEvent) => {\n\t\tif (!this.isOpen) {\n\t\t\tif (['Enter', ' ', 'ArrowDown'].includes(e.key)) {\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.openDropdown(false)\n\t\t\t}\n\t\t\treturn\n\t\t}\n\n\t\tconst current = this.options.findIndex(o => o.matches(':focus')) ?? -1\n\n\t\tswitch (e.key) {\n\t\t\tcase 'Escape':\n\t\t\t\tthis.closeDropdown()\n\t\t\t\tbreak\n\t\t\tcase 'ArrowDown':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(this.options, Math.min(current + 1, this.options.length - 1))\n\t\t\t\tbreak\n\t\t\tcase 'ArrowUp':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(this.options, Math.max(current - 1, 0))\n\t\t\t\tbreak\n\t\t\tcase 'Enter':\n\t\t\tcase ' ':\n\t\t\t\te.preventDefault()\n\t\t\t\tif (current >= 0) this.handleOptionSelect(this.options[current].value)\n\t\t\t\tbreak\n\t\t\tcase 'Tab':\n\t\t\t\tthis.closeDropdown()\n\t\t\t\tbreak\n\t\t}\n\t}\n\n\tprivate focusOption(options: HTMLElement[], index: number) {\n\t\tconst option = options[index]\n\t\tif (option) {\n\t\t\toption.focus()\n\t\t\tconst combobox = this.renderRoot.querySelector('.trigger')\n\t\t\tcombobox?.setAttribute('aria-activedescendant', option.id)\n\t\t}\n\t}\n\n\tprivate async openDropdown(report = false) {\n\t\tthis.isOpen = true\n\t\tawait this.updateComplete\n\n\t\tthis.positionDropdown()\n\t\tthis.setupOptionsAccessibility()\n\n\t\tconst options = Array.from(this.ul.querySelectorAll('[role=\"option\"]')) as HTMLElement[]\n\t\tconst selectedIndex = this.multi ? 0 : options.findIndex(o => o.getAttribute('value') === this.value)\n\t\tthis.focusOption(options, Math.max(selectedIndex, 0))\n\t\tif (report) this.reportValidity()\n\t}\n\n\tprivate closeDropdown() {\n\t\tthis.isOpen = false\n\t\tthis.cleanupPositioner?.()\n\t\tconst combobox = this.renderRoot.querySelector<HTMLElement>('.trigger')\n\t\tcombobox?.removeAttribute('aria-activedescendant')\n\t\tcombobox?.focus()\n\t}\n\n\tprivate handleOptionSelect(value: string) {\n\t\tthis._userInteracted = true\n\t\tif (this.multi) {\n\t\t\tconst option = this.options.find(o => o.value === value)\n\t\t\tif (!option) return\n\n\t\t\toption.selected = !option.selected\n\t\t\tlet selectedValues = Array.isArray(this.value) ? [...this.value] : []\n\n\t\t\tif (option.selected) {\n\t\t\t\tselectedValues = [...selectedValues, value]\n\t\t\t} else {\n\t\t\t\tselectedValues = selectedValues.filter(v => v !== value)\n\t\t\t}\n\n\t\t\tthis.value = selectedValues\n\n\t\t\tthis.valueLabel =\n\t\t\t\tselectedValues.length > 0\n\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t.filter(o => selectedValues.includes(o.value))\n\t\t\t\t\t\t\t.map(o => o.label)\n\t\t\t\t\t\t\t.join(', ')\n\t\t\t\t\t: this.placeholder\n\n\t\t\tthis.dispatchChange(selectedValues)\n\t\t} else {\n\t\t\tthis.options.forEach(o => (o.selected = o.value === value))\n\t\t\tthis.value = value\n\t\t\tthis.valueLabel = this.options.find(o => o.value === value)?.label || this.placeholder\n\t\t\tthis.dispatchChange(value)\n\t\t\tthis.closeDropdown()\n\t\t}\n\n\t\tthis.setupOptionsAccessibility()\n\t\tthis.checkValidity()\n\t}\n\n\tprivate dispatchChange(value: string | string[]) {\n\t\tthis.isValid = true // Reset validation on change\n\t\tthis.validationMessage = ''\n\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent<SchmancySelectChangeEvent['detail']>('change', {\n\t\t\t\tdetail: { value },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\n\t\t// Also dispatch a standard change event for better form compatibility\n\t\tthis.dispatchEvent(new Event('change', { bubbles: true }))\n\t}\n\n\tpublic checkValidity(): boolean {\n\t\tconst isEmpty = this.multi ? !Array.isArray(this.value) || this.value.length === 0 : !this.value\n\n\t\tthis.isValid = !(this.required && isEmpty)\n\n\t\tif (!this.isValid) {\n\t\t\tthis.validationMessage = 'Please select an option.'\n\t\t\tthis.internals?.setValidity({ valueMissing: true }, 'Please select an option.', this.inputRef)\n\t\t} else {\n\t\t\tthis.validationMessage = ''\n\t\t\tthis.internals?.setValidity({})\n\t\t}\n\n\t\treturn this.isValid\n\t}\n\n\tpublic reportValidity(): boolean {\n\t\tconst valid = this.checkValidity()\n\n\t\tif (!valid && this.required) {\n\t\t\t// If invalid, make sure the input shows it\n\t\t\tthis.inputRef.required = true\n\t\t\tthis.inputRef.reportValidity()\n\n\t\t\t// Optionally open the dropdown to show options\n\t\t\tif (!this.isOpen) {\n\t\t\t\tthis.openDropdown(false)\n\t\t\t}\n\t\t}\n\n\t\treturn valid\n\t}\n\n\tpublic setCustomValidity(message: string) {\n\t\tthis.validationMessage = message\n\t\tthis.internals?.setValidity(message ? { customError: true } : {}, message, this.inputRef)\n\t}\n\n\tpublic reset() {\n\t\tthis.value = ''\n\t\tthis.valueLabel = this.placeholder\n\t\tthis.isValid = true\n\t\tthis.validationMessage = ''\n\t\tthis.internals?.setValidity({})\n\t\tthis.options.forEach(o => (o.selected = false))\n\t}\n\n\trender(): TemplateResult {\n\t\treturn html`\n\t\t\t<div class=\"relative\">\n\t\t\t\t<schmancy-input\n\t\t\t\t\t.name=${this.name}\n\t\t\t\t\ttabIndex=\"0\"\n\t\t\t\t\tclass=\"trigger\"\n\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\taria-haspopup=\"listbox\"\n\t\t\t\t\taria-expanded=${this.isOpen}\n\t\t\t\t\taria-controls=\"options\"\n\t\t\t\t\taria-autocomplete=\"none\"\n\t\t\t\t\taria-required=${this.required}\n\t\t\t\t\t.label=${this.label}\n\t\t\t\t\t.placeholder=${this.placeholder}\n\t\t\t\t\t.value=${this.valueLabel}\n\t\t\t\t\t.required=${this.required}\n\t\t\t\t\t.hint=${this.hint || this.validationMessage}\n\t\t\t\t\t.error=${!this.isValid}\n\t\t\t\t\treadonly\n\t\t\t\t\t@click=${() => (this.isOpen ? this.closeDropdown() : this.openDropdown(true))}\n\t\t\t\t></schmancy-input>\n\n\t\t\t\t<div\n\t\t\t\t\tid=\"overlay\"\n\t\t\t\t\tclass=\"fixed inset-0\"\n\t\t\t\t\t?hidden=${!this.isOpen}\n\t\t\t\t\t@click=${this.closeDropdown}\n\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t></div>\n\n\t\t\t\t<ul\n\t\t\t\t\tid=\"options\"\n\t\t\t\t\trole=\"listbox\"\n\t\t\t\t\taria-multiselectable=${this.multi}\n\t\t\t\t\tclass=${classMap({\n\t\t\t\t\t\t'absolute z-[1000] mt-1 w-full rounded-md shadow-sm': true,\n\t\t\t\t\t\thidden: !this.isOpen,\n\t\t\t\t\t})}\n\t\t\t\t\t${color({ bgColor: SchmancyTheme.sys.color.surface.container })}\n\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\tconst customEvt = e as CustomEvent\n\t\t\t\t\t\tconst detailVal = customEvt.detail?.value\n\t\t\t\t\t\tif (detailVal) {\n\t\t\t\t\t\t\tthis.handleOptionSelect(detailVal)\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<slot\n\t\t\t\t\t\t@slotchange=${() => {\n\t\t\t\t\t\t\tthis.syncSelection()\n\t\t\t\t\t\t\tthis.setupOptionsAccessibility()\n\t\t\t\t\t\t}}\n\t\t\t\t\t></slot>\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-select': SchmancySelect\n\t}\n}\n"],"names":["SchmancySelect","$LitElement","css","super","this","required","placeholder","value","multi","label","hint","isOpen","valueLabel","isValid","validationMessage","_userInteracted","handleKeyDown","e","includes","key","preventDefault","openDropdown","current","options","findIndex","o","matches","closeDropdown","focusOption","Math","min","length","max","handleOptionSelect","internals","attachInternals","form","connectedCallback","id","random","toString","substr","addEventListener","disconnectedCallback","removeEventListener","cleanupPositioner","syncSelection","setupOptionsAccessibility","changedProps","updated","has","formValue","Array","isArray","join","setFormValue","hasUpdated","checkValidity","selectedValues","forEach","selected","filter","map","selectedOption","find","option","index","setAttribute","tabIndex","String","reference","renderRoot","querySelector","ul","availableHeight","window","innerHeight","getBoundingClientRect","bottom","style","maxHeight","autoUpdate","async","x","y","computePosition","placement","middleware","offset","flip","shift","padding","Object","assign","left","top","position","focus","combobox","report","updateComplete","positionDropdown","from","querySelectorAll","selectedIndex","getAttribute","reportValidity","removeAttribute","v","dispatchChange","dispatchEvent","CustomEvent","detail","bubbles","composed","Event","isEmpty","setValidity","valueMissing","inputRef","valid","message","customError","render","html","name","classMap","hidden","color","bgColor","SchmancyTheme","sys","surface","container","customEvt","detailVal","formAssociated","__decorateClass","property","type","prototype","Boolean","reflect","state","query","queryAssignedElements","flatten","customElement"],"mappings":";;;;;;;;;;;;;;;AAea,IAAAA,IAAN,cAA6BC,EAAYC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAoC/C,EAAA;AAAA,EAAA;AACOC,UApBgDC,GAAAA,KAAAC,eACbD,KAAAE,cAAA,IAC4BF,KAAAG,QAAA,IACjCH,KAAAI,YACDJ,KAAAK,QAAA,IACDL,KAAAM,OAAA,IAG1BN,KAAQO,aACRP,KAAQQ,aAAa,IACrBR,KAAQS,cAC+BT,KAAAU,oBAAA,IAMvCV,KAAQW,sBA0GTX,KAAAY,gBAAiBC,OACpB;AAAA,UAAA,CAACb,KAAKO,OAKT,QAAA,MAJI,CAAC,SAAS,KAAK,WAAaO,EAAAA,SAASD,EAAEE,GAC1CF,MAAAA,EAAEG,kBACFhB,KAAKiB,aAAAA;AAKD,YAAAC,IAAUlB,KAAKmB,QAAQC,iBAAeC,EAAEC,QAAQ;AAEtD,cAAQT,EAAEE,KACT;AAAA,QAAA,KAAK;AAAA,QAgBL,KAAK;AACJf,eAAKuB,cACL;AAAA;AAAA,QAfD,KAAK;AACJV,YAAEG,kBACGhB,KAAAwB,YAAYxB,KAAKmB,SAASM,KAAKC,IAAIR,IAAU,GAAGlB,KAAKmB,QAAQQ,SAAS;AAC3E;AAAA,QACD,KAAK;AACJd,YAAEG,kBACGhB,KAAAwB,YAAYxB,KAAKmB,SAASM,KAAKG,IAAIV,IAAU,GAAG;AACrD;AAAA,QACD,KAAK;AAAA,QACL,KAAK;AACJL,YAAEG,eACEE,GAAAA,KAAW,KAAQlB,KAAA6B,mBAAmB7B,KAAKmB,QAAQD,CAAAA,EAASf;;IAIhE;AAnIE,QAAA;AACEH,WAAA8B,YAAY9B,KAAK+B;;IAEiD;AAAA,EACxE;AAAA,EAGD,WACC;;AAAA,YAAO/B,IAAAA,KAAK8B,cAAL9B,gBAAAA,EAAgBgC;AAAAA,EAAA;AAAA,EAGxB,oBAAAC;AACClC,UAAMkC,kBAAAA,GACDjC,KAAKkC,OACJlC,KAAAkC,KAAK,mBAAmBT,KAAKU,SAASC,SAAS,EAAA,EAAIC,OAAO,GAAG,CAAA,CAAA,KAE9DrC,KAAAsC,iBAAiB,WAAWtC,KAAKY,aAAa;AAAA,EAAA;AAAA,EAGpD,uBACCb;;AAAAA,UAAMwC,wBACDvC,KAAAwC,oBAAoB,WAAWxC,KAAKY,aAAAA,IACzCZ,IAAAA,KAAKyC,sBAALzC,QAAAA,EAAAA;AAAAA,EAAyB;AAAA,EAG1B,eACCA;AAAAA,SAAK0C,iBACL1C,KAAK2C,0BAAAA;AAAAA,EAA0B;AAAA,EAGhC,QAAQC;;AAGH,QAFJ7C,MAAM8C,QAAQD,CAEVA,GAAAA,EAAaE,IAAI,OAAA,GAAU;AAExB,YAAAC,IAAYC,MAAMC,QAAQjD,KAAKG,SAASH,KAAKG,MAAM+C,KAAK,GAAOlD,IAAAA,KAAKG;AACrEH,OAAAA,IAAAA,KAAA8B,cAAA9B,QAAAA,EAAWmD,aAAaJ,IAIzB/C,KAAKC,YAAYD,KAAKoD,cAAcpD,KAAKW,mBAC5CX,KAAKqD;IACN;AAAA,EACD;AAAA,EAGO,gBACP;AAAA,QAAIrD,KAAKI,OAAO;AACT,YAAAkD,IAAiBN,MAAMC,QAAQjD,KAAKG,KAAAA,IAASH,KAAKG,QAAQ,CAAA;AAC3DH,WAAAmB,QAAQoC,QAAclC,CAAAA,MAAAA,EAAEmC,WAAWF,EAAexC,SAASO,EAAElB,KAC7DH,CAAAA,GAAAA,KAAAQ,aACJ8C,EAAe3B,SAAS,IACrB3B,KAAKmB,QACJsC,OAAYpC,CAAAA,MAAAiC,EAAexC,SAASO,EAAElB,KAAAA,CAAAA,EACtCuD,IAASrC,CAAAA,MAAAA,EAAEhB,OACX6C,KAAK,IAAA,IACNlD,KAAKE;AAAAA,IAAA,OACH;AACA,YAAAyD,IAAiB3D,KAAKmB,QAAQyC,YAAUvC,EAAElB,UAAUH,KAAKG,KAC1DH;AAAAA,WAAAQ,cAAamD,uBAAgBtD,UAASL,KAAKE;AAAAA,IAAA;AAAA,EACjD;AAAA,EAGO;AACPF,SAAKmB,QAAQoC,QAAQ,CAACM,GAAQC;AACtBD,QAAAE,aAAa,QAAQ,QACvBF,GAAAA,EAAO3B,OACX2B,EAAO3B,KAAK,GAAGlC,KAAKkC,EAAAA,WAAa4B,MAElCD,EAAOG,WAAAA;AACD,YAAAV,IAAiBN,MAAMC,QAAQjD,KAAKG,SAASH,KAAKG,QAAQ;AAEzD0D,QAAAE,aACN,iBACAE,OAAOjE,KAAKI,QAAQkD,EAAexC,SAAS+C,EAAO1D,KAAS0D,IAAAA,EAAO1D,UAAUH,KAAKG,KAAAA,CAAAA;AAAAA,IACnF;EACA;AAAA,EAGF,MAAA;AACC,UAAM+D,IAAYlE,KAAKmE,WAAWC,cAAc;AAChD,QAAKF,CAAAA,KAAAA,CAAclE,KAAKqE,GAAI;AAG5B,UAAMC,IAAkBC,OAAOC,cAAcN,EAAUO,sBAAAA,EAAwBC,SAAS;AACxF1E,SAAKqE,GAAGM,MAAMC,YAAY,GAAGN,CAE7BtE,MAAAA,KAAKyC,oBAAoBoC,EAAWX,GAAWlE,KAAKqE,IAAIS,YAAAA;AACjD,cAAAC,GAAEA,MAAGC,EAAYC,IAAAA,MAAAA,EAAgBf,GAAWlE,KAAKqE,IAAI,EAC1Da,WAAW,gBACXC,YAAY,CAACC,EAAO,CAAIC,GAAAA,EAAAA,GAAQC,EAAM,EAAEC,SAAS;AAG3CC,aAAAC,OAAOzF,KAAKqE,GAAGM,OAAO,EAC5Be,MAAM,GAAGX,OACTY,KAAK,GAAGX,OACRY,UAAU,WAAA,CAAA;AAAA,IACV;EACD;AAAA,EAqCM,YAAYzE,GAAwB2C,GAAAA;AACrC,UAAAD,IAAS1C,EAAQ2C;AACvB,QAAID,GAAQ;AACXA,MAAAA,EAAOgC,MAAAA;AACP,YAAMC,IAAW9F,KAAKmE,WAAWC,cAAc,UAAA;AACrC0B,MAAAA,KAAAA,QAAAA,EAAA/B,aAAa,yBAAyBF,EAAO3B;AAAAA,IAAE;AAAA,EAC1D;AAAA,EAGD,MAAA,aAA2B6D,IAAS,IAAA;AACnC/F,SAAKO,SAAS,IAAA,MACRP,KAAKgG,gBAEXhG,KAAKiG,oBACLjG,KAAK2C,0BAAAA;AAEL,UAAMxB,IAAU6B,MAAMkD,KAAKlG,KAAKqE,GAAG8B,iBAAiB,iBAC9CC,CAAAA,GAAAA,IAAgBpG,KAAKI,QAAQ,IAAIe,EAAQC,UAAeC,CAAAA,MAAAA,EAAEgF,aAAa,OAAA,MAAarG,KAAKG,KAC/FH;AAAAA,SAAKwB,YAAYL,GAASM,KAAKG,IAAIwE,GAAe,CAAA,CAAA,GAC9CL,UAAaO,eAAAA;AAAAA,EAAe;AAAA,EAGzB;;AACPtG,SAAKO,SAAAA,KACLP,IAAAA,KAAKyC,sBAALzC,QAAAA,EAAAA;AACA,UAAM8F,IAAW9F,KAAKmE,WAAWC,cAA2B,UAAA;AAC5D0B,mBAAUS,gBAAgB,0BAC1BT,eAAUD;AAAAA,EAAM;AAAA,EAGT,mBAAmB1F,GAAAA;;AAE1B,QADAH,KAAKW,kBAAAA,IACDX,KAAKI,OAAO;AACf,YAAMyD,IAAS7D,KAAKmB,QAAQyC,KAAUvC,CAAAA,MAAAA,EAAElB,UAAUA;AAClD,UAAK0D,CAAAA,EAAQ;AAENA,QAAAL,WAAAA,CAAYK,EAAOL;AACtB,UAAAF,IAAiBN,MAAMC,QAAQjD,KAAKG,KAAAA,IAAS,IAAIH,KAAKG,KAAAA,IAAS;AAGjDmD,UADdO,EAAOL,WACO,CAAIF,GAAAA,GAAgBnD,KAEpBmD,EAAeG,OAAY+C,CAAAA,MAAAA,MAAMrG,CAAAA,GAGnDH,KAAKG,QAAQmD,GAERtD,KAAAQ,aACJ8C,EAAe3B,SAAS,IACrB3B,KAAKmB,QACJsC,OAAYpC,CAAAA,MAAAiC,EAAexC,SAASO,EAAElB,QACtCuD,IAASrC,CAAAA,MAAAA,EAAEhB,KACX6C,EAAAA,KAAK,QACNlD,KAAKE,aAETF,KAAKyG,eAAenD,CAAAA;AAAAA,IAAc,MAElCtD,MAAKmB,QAAQoC,QAAQlC,OAAMA,EAAEmC,WAAWnC,EAAElB,UAAUA,CACpDH,GAAAA,KAAKG,QAAQA,GACRH,KAAAQ,eAAaR,IAAAA,KAAKmB,QAAQyC,KAAKvC,OAAKA,EAAElB,UAAUA,CAAQE,MAA3CL,gBAAAA,EAA2CK,UAASL,KAAKE,aAC3EF,KAAKyG,eAAetG,CACpBH,GAAAA,KAAKuB;AAGNvB,SAAK2C,0BAAAA,GACL3C,KAAKqD,cAAc;AAAA,EAAA;AAAA,EAGZ,eAAelD,GAAAA;AACtBH,SAAKS,UAAU,IACfT,KAAKU,oBAAoB,IAEpBV,KAAA0G,cACJ,IAAIC,YAAiD,UAAU,EAC9DC,QAAQ,EAAEzG,YACV0G,SAAS,IACTC,aAKG9G,CAAAA,CAAAA,GAAAA,KAAA0G,cAAc,IAAIK,MAAM,UAAU,EAAEF,SAAAA;EAAgB;AAAA,EAGnD;;AACN,UAAMG,IAAUhH,KAAKI,QAAS4C,CAAAA,MAAMC,QAAQjD,KAAKG,KAAAA,KAAUH,KAAKG,MAAMwB,WAAW,KAAK3B,KAAKG;AAY3F,WAVKH,KAAAS,UAAAA,EAAYT,KAAKC,YAAY+G,IAE7BhH,KAAKS,WAITT,KAAKU,oBAAoB,KACpBV,IAAAA,KAAA8B,cAAA9B,QAAAA,EAAWiH,YAAY,QAJ5BjH,KAAKU,oBAAoB,6BACpBV,IAAAA,KAAA8B,cAAA9B,QAAAA,EAAWiH,YAAY,EAAEC,iBAAsB,GAAA,4BAA4BlH,KAAKmH,YAM/EnH,KAAKS;AAAAA,EAAA;AAAA,EAGN;AACA,UAAA2G,IAAQpH,KAAKqD,cAaZ;AAAA,WAAA,CAXF+D,KAASpH,KAAKC,aAElBD,KAAKmH,SAASlH,WAAAA,IACdD,KAAKmH,SAASb,kBAGTtG,KAAKO,UACTP,KAAKiB,aAAa,EAAA,IAIbmG;AAAAA,EAAA;AAAA,EAGD,kBAAkBC,GACxBrH;;AAAAA,SAAKU,oBAAoB2G,IACpBrH,IAAAA,KAAA8B,cAAA9B,QAAAA,EAAWiH,YAAYI,IAAU,EAAEC,aAAa,GAAA,IAAS,CAAC,GAAGD,GAASrH,KAAKmH;AAAAA,EAAQ;AAAA,EAGlF,QACNnH;;AAAAA,SAAKG,QAAQ,IACbH,KAAKQ,aAAaR,KAAKE,aACvBF,KAAKS,UAAU,IACfT,KAAKU,oBAAoB,KACpBV,IAAAA,KAAA8B,cAAA9B,QAAAA,EAAWiH,YAAY,KAC5BjH,KAAKmB,QAAQoC,QAAclC,CAAAA,MAAAA,EAAEmC,WAAW,EAAA;AAAA,EAAM;AAAA,EAG/C,SAAA+D;AACQ,WAAAC;AAAAA;AAAAA;AAAAA,aAGIxH,KAAKyH,IAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,qBAKGzH,KAAKO,MAAAA;AAAAA;AAAAA;AAAAA,qBAGLP,KAAKC,QAAAA;AAAAA,cACZD,KAAKK,KAAAA;AAAAA,oBACCL,KAAKE,WAAAA;AAAAA,cACXF,KAAKQ,UAAAA;AAAAA,iBACFR,KAAKC,QAAAA;AAAAA,aACTD,KAAKM,QAAQN,KAAKU,iBAAAA;AAAAA,eAChBV,KAAKS,OAAAA;AAAAA;AAAAA,cAEN,MAAOT,KAAKO,SAASP,KAAKuB,cAAAA,IAAkBvB,KAAKiB,aAAa,EAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAM5DjB,KAAKO,MAAAA;AAAAA,cACPP,KAAKuB,aAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,4BAQSvB,KAAKI,KAAAA;AAAAA,aACpBsH,EAAS,EAChB,sDAAA,IACAC,QAAAA,CAAS3H,KAAKO,OAAAA,CAAAA,CAAAA;AAAAA,OAEbqH,EAAM,EAAEC,SAASC,EAAcC,IAAIH,MAAMI,QAAQC,UAAAA,CAAAA,CAAAA;AAAAA,cACzCpH,OACT;;AAAA,YAAMqH,IAAYrH,GACZsH,KAAYD,IAAAA,EAAUtB,WAAVsB,gBAAAA,EAAkB/H;AAChCgI,MAAAA,KACHnI,KAAK6B,mBAAmBsG,CAAS;AAAA,IAAA,CAAA;AAAA;AAAA;AAAA,oBAKpB,MACbnI;AAAAA,WAAK0C,cACL1C,GAAAA,KAAK2C,0BAA0B;AAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAC/B;AAAA;AAtWM/C,EAYLwI,iBAAAA,IAIqBC,EAAA,CAA3BC,EAAS,EAAEC,MAAMtE,OAAAA,CAAAA,CAAAA,GAhBNrE,EAgBgB4I,WAAA,QAAA,CAAA,GACgBH,EAAA,CAA3CC,EAAS,EAAEC,MAAME,SAASC,SAAAA,GAjBf9I,CAAAA,CAAAA,GAAAA,EAiBgC4I,WAAA,YAAA,CAAA,GAChBH,EAAA,CAA3BC,EAAS,EAAEC,MAAMtE,OAlBNrE,CAAAA,CAAAA,GAAAA,EAkBgB4I,WAAA,eAAA,CAAA,GACeH,EAAA,CAA1CC,EAAS,EAAEC,MAAMtE,QAAQyE,YAnBd9I,CAAAA,CAAAA,GAAAA,EAmB+B4I,WAAA,SAAA,IACdH,EAAA,CAA5BC,EAAS,EAAEC,MAAME,QApBN7I,CAAAA,CAAAA,GAAAA,EAoBiB4I,WAAA,SAAA,CACDH,GAAAA,EAAA,CAA3BC,EAAS,EAAEC,MAAMtE,OAAAA,CAAAA,CAAAA,GArBNrE,EAqBgB4I,WAAA,SAAA,CACAH,GAAAA,EAAA,CAA3BC,EAAS,EAAEC,MAAMtE,OAAAA,CAAAA,CAAAA,GAtBNrE,EAsBgB4I,WAAA,QAAA,CAAA,GAGXH,EAAA,CAAhBM,MAzBW/I,EAyBK4I,WAAA,UAAA,CAAA,GACAH,EAAA,CAAhBM,EA1BW/I,CAAAA,GAAAA,EA0BK4I,WAAA,cAAA,CAAA,GACAH,EAAA,CAAhBM,EA3BW/I,CAAAA,GAAAA,EA2BK4I,WAAA,WAAA,IACWH,EAAA,CAA3BC,EAAS,EAAEC,MAAMtE,OA5BNrE,CAAAA,CAAAA,GAAAA,EA4BgB4I,WAAA,qBAAA,IAEPH,EAAA,CAApBO,EAAM,IAAA,CAAA,GA9BKhJ,EA8BS4I,WAAA,MAAA,CAAA,GACYH,EAAA,CAAhCO,EAAM,gBA/BKhJ,CAAAA,GAAAA,EA+BqB4I,WAAA,YAAA,CAAA,GACiBH,EAAA,CAAjDQ,EAAsB,EAAEC,SAAAA,GAhCblJ,CAAAA,CAAAA,GAAAA,EAgCsC4I,WAAA,WAAA,CAEjCH,GAAAA,EAAA,CAAhBM,EAlCW/I,CAAAA,GAAAA,EAkCK4I,WAAA,mBAAA,IAlCL5I,IAANyI,EAAA,CADNU,EAAc,qBACFnJ;"}
+{"version":3,"file":"select-CHXdCR-t.js","sources":["../src/select/select.ts"],"sourcesContent":["import { autoUpdate, computePosition, flip, offset, shift } from '@floating-ui/dom'\nimport { $LitElement } from '@mixins/index'\nimport { color } from '@schmancy/directives'\nimport SchmancyInput from '@schmancy/input/input'\nimport SchmancyOption from '@schmancy/option/option'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\nimport { css, html, PropertyValues, TemplateResult } from 'lit'\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\n\nexport type SchmancySelectChangeEvent = CustomEvent<{\n\tvalue: string | string[]\n}>\n\n@customElement('schmancy-select')\nexport class SchmancySelect extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t}\n\n\t[role='listbox'] {\n\t\toverflow-y: auto;\n\t\toutline: none;\n\t}\n`) {\n\t// Form association setup\n\tstatic formAssociated = true\n\tprivate internals?: ElementInternals\n\n\t// API\n\t@property({ type: String }) name: string | undefined\n\t@property({ type: Boolean, reflect: true }) required = false\n\t@property({ type: String }) placeholder = ''\n\t@property({ type: String, reflect: true }) value: string | string[] = '' // for single-select or multi-select\n\t@property({ type: Boolean }) multi = false\n\t@property({ type: String }) label = ''\n\t@property({ type: String }) hint = ''\n\n\t// Internal states\n\t@state() private isOpen = false\n\t@state() private valueLabel = ''\n\t@state() private isValid = true\n\t@property({ type: String }) validationMessage = ''\n\n\t@query('ul') private ul!: HTMLUListElement\n\t@query('schmancy-input') private inputRef!: SchmancyInput\n\t@queryAssignedElements({ flatten: true }) private options!: SchmancyOption[]\n\tprivate cleanupPositioner?: () => void\n\t@state() private _userInteracted = false\n\n\tconstructor() {\n\t\tsuper()\n\t\t// Initialize ElementInternals for form association\n\t\ttry {\n\t\t\tthis.internals = this.attachInternals()\n\t\t} catch (e) {\n\t\t\tconsole.warn('FormAssociated elements not supported in this browser', e)\n\t\t}\n\t}\n\n\tget form() {\n\t\treturn this.internals?.form\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tif (!this.id) {\n\t\t\tthis.id = `schmancy-select-${Math.random().toString(36).substr(2, 9)}`\n\t\t}\n\t\tthis.addEventListener('keydown', this.handleKeyDown)\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.removeEventListener('keydown', this.handleKeyDown)\n\t\tthis.cleanupPositioner?.()\n\t}\n\n\tfirstUpdated() {\n\t\tthis.syncSelection()\n\t\tthis.setupOptionsAccessibility()\n\t}\n\n\tupdated(changedProps: PropertyValues) {\n\t\tsuper.updated(changedProps)\n\n\t\tif (changedProps.has('value')) {\n\t\t\t// Update form value when component value changes\n\t\t\tconst formValue = Array.isArray(this.value) ? this.value.join(',') : this.value\n\t\t\tthis.internals?.setFormValue(formValue)\n\n\t\t\t// Only check validity if this isn't the first render\n\t\t\t// and the component has been interacted with\n\t\t\tif (this.required && this.hasUpdated && this._userInteracted) {\n\t\t\t\tthis.checkValidity()\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate syncSelection() {\n\t\tif (this.multi) {\n\t\t\tconst selectedValues = Array.isArray(this.value) ? this.value : []\n\t\t\tthis.options.forEach(o => (o.selected = selectedValues.includes(o.value))) // Update option selected state\n\t\t\tthis.valueLabel =\n\t\t\t\tselectedValues.length > 0\n\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t.filter(o => selectedValues.includes(o.value))\n\t\t\t\t\t\t\t.map(o => o.label)\n\t\t\t\t\t\t\t.join(', ')\n\t\t\t\t\t: this.placeholder\n\t\t} else {\n\t\t\tconst selectedOption = this.options.find(o => o.value === this.value)\n\t\t\tthis.valueLabel = selectedOption?.label || this.placeholder\n\t\t}\n\t}\n\n\tprivate setupOptionsAccessibility() {\n\t\tthis.options.forEach((option, index) => {\n\t\t\toption.setAttribute('role', 'option')\n\t\t\tif (!option.id) {\n\t\t\t\toption.id = `${this.id}-option-${index}`\n\t\t\t}\n\t\t\toption.tabIndex = -1\n\t\t\tconst selectedValues = Array.isArray(this.value) ? this.value : []\n\n\t\t\toption.setAttribute(\n\t\t\t\t'aria-selected',\n\t\t\t\tString(this.multi ? selectedValues.includes(option.value) : option.value === this.value),\n\t\t\t)\n\t\t})\n\t}\n\n\tprivate async positionDropdown() {\n\t\tconst reference = this.renderRoot.querySelector('.trigger') as HTMLElement\n\t\tif (!reference || !this.ul) return\n\n\t\t// Get the available height\n\t\tconst availableHeight = window.innerHeight - reference.getBoundingClientRect().bottom - 10 // 10px buffer\n\t\tthis.ul.style.maxHeight = `${availableHeight}px` // Set max height\n\n\t\tthis.cleanupPositioner = autoUpdate(reference, this.ul, async () => {\n\t\t\tconst { x, y } = await computePosition(reference, this.ul, {\n\t\t\t\tplacement: 'bottom-start',\n\t\t\t\tmiddleware: [offset(5), flip(), shift({ padding: 5 })],\n\t\t\t})\n\n\t\t\tObject.assign(this.ul.style, {\n\t\t\t\tleft: `${x}px`,\n\t\t\t\ttop: `${y}px`,\n\t\t\t\tposition: 'absolute',\n\t\t\t})\n\t\t})\n\t}\n\n\tprivate handleKeyDown = (e: KeyboardEvent) => {\n\t\tif (!this.isOpen) {\n\t\t\tif (['Enter', ' ', 'ArrowDown'].includes(e.key)) {\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.openDropdown(false)\n\t\t\t}\n\t\t\treturn\n\t\t}\n\n\t\tconst current = this.options.findIndex(o => o.matches(':focus')) ?? -1\n\n\t\tswitch (e.key) {\n\t\t\tcase 'Escape':\n\t\t\t\tthis.closeDropdown()\n\t\t\t\tbreak\n\t\t\tcase 'ArrowDown':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(this.options, Math.min(current + 1, this.options.length - 1))\n\t\t\t\tbreak\n\t\t\tcase 'ArrowUp':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(this.options, Math.max(current - 1, 0))\n\t\t\t\tbreak\n\t\t\tcase 'Enter':\n\t\t\tcase ' ':\n\t\t\t\te.preventDefault()\n\t\t\t\tif (current >= 0) this.handleOptionSelect(this.options[current].value)\n\t\t\t\tbreak\n\t\t\tcase 'Tab':\n\t\t\t\tthis.closeDropdown()\n\t\t\t\tbreak\n\t\t}\n\t}\n\n\tprivate focusOption(options: HTMLElement[], index: number) {\n\t\tconst option = options[index]\n\t\tif (option) {\n\t\t\toption.focus()\n\t\t\tconst combobox = this.renderRoot.querySelector('.trigger')\n\t\t\tcombobox?.setAttribute('aria-activedescendant', option.id)\n\t\t}\n\t}\n\n\tprivate async openDropdown(report = false) {\n\t\tthis.isOpen = true\n\t\tawait this.updateComplete\n\n\t\tthis.positionDropdown()\n\t\tthis.setupOptionsAccessibility()\n\n\t\tconst options = Array.from(this.ul.querySelectorAll('[role=\"option\"]')) as HTMLElement[]\n\t\tconst selectedIndex = this.multi ? 0 : options.findIndex(o => o.getAttribute('value') === this.value)\n\t\tthis.focusOption(options, Math.max(selectedIndex, 0))\n\t\tif (report) this.reportValidity()\n\t}\n\n\tprivate closeDropdown() {\n\t\tthis.isOpen = false\n\t\tthis.cleanupPositioner?.()\n\t\tconst combobox = this.renderRoot.querySelector<HTMLElement>('.trigger')\n\t\tcombobox?.removeAttribute('aria-activedescendant')\n\t\tcombobox?.focus()\n\t}\n\n\tprivate handleOptionSelect(value: string) {\n\t\tthis._userInteracted = true\n\t\tif (this.multi) {\n\t\t\tconst option = this.options.find(o => o.value === value)\n\t\t\tif (!option) return\n\n\t\t\toption.selected = !option.selected\n\t\t\tlet selectedValues = Array.isArray(this.value) ? [...this.value] : []\n\n\t\t\tif (option.selected) {\n\t\t\t\tselectedValues = [...selectedValues, value]\n\t\t\t} else {\n\t\t\t\tselectedValues = selectedValues.filter(v => v !== value)\n\t\t\t}\n\n\t\t\tthis.value = selectedValues\n\n\t\t\tthis.valueLabel =\n\t\t\t\tselectedValues.length > 0\n\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t.filter(o => selectedValues.includes(o.value))\n\t\t\t\t\t\t\t.map(o => o.label)\n\t\t\t\t\t\t\t.join(', ')\n\t\t\t\t\t: this.placeholder\n\n\t\t\tthis.dispatchChange(selectedValues)\n\t\t} else {\n\t\t\tthis.options.forEach(o => (o.selected = o.value === value))\n\t\t\tthis.value = value\n\t\t\tthis.valueLabel = this.options.find(o => o.value === value)?.label || this.placeholder\n\t\t\tthis.dispatchChange(value)\n\t\t\tthis.closeDropdown()\n\t\t}\n\n\t\tthis.setupOptionsAccessibility()\n\t\tthis.checkValidity()\n\t}\n\n\tprivate dispatchChange(value: string | string[]) {\n\t\tthis.isValid = true // Reset validation on change\n\t\tthis.validationMessage = ''\n\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent<SchmancySelectChangeEvent['detail']>('change', {\n\t\t\t\tdetail: { value },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\n\t\t// Also dispatch a standard change event for better form compatibility\n\t\tthis.dispatchEvent(new Event('change', { bubbles: true }))\n\t}\n\n\tpublic checkValidity(): boolean {\n\t\tconst isEmpty = this.multi ? !Array.isArray(this.value) || this.value.length === 0 : !this.value\n\n\t\tthis.isValid = !(this.required && isEmpty)\n\n\t\tif (!this.isValid) {\n\t\t\tthis.validationMessage = 'Please select an option.'\n\t\t\tthis.internals?.setValidity({ valueMissing: true }, 'Please select an option.', this.inputRef)\n\t\t} else {\n\t\t\tthis.validationMessage = ''\n\t\t\tthis.internals?.setValidity({})\n\t\t}\n\n\t\treturn this.isValid\n\t}\n\n\tpublic reportValidity(): boolean {\n\t\tconst valid = this.checkValidity()\n\n\t\tif (!valid && this.required) {\n\t\t\t// If invalid, make sure the input shows it\n\t\t\tthis.inputRef.required = true\n\t\t\tthis.inputRef.reportValidity()\n\n\t\t\t// Optionally open the dropdown to show options\n\t\t\tif (!this.isOpen) {\n\t\t\t\tthis.openDropdown(false)\n\t\t\t}\n\t\t}\n\n\t\treturn valid\n\t}\n\n\tpublic setCustomValidity(message: string) {\n\t\tthis.validationMessage = message\n\t\tthis.internals?.setValidity(message ? { customError: true } : {}, message, this.inputRef)\n\t}\n\n\tpublic reset() {\n\t\tthis.value = ''\n\t\tthis.valueLabel = this.placeholder\n\t\tthis.isValid = true\n\t\tthis.validationMessage = ''\n\t\tthis.internals?.setValidity({})\n\t\tthis.options.forEach(o => (o.selected = false))\n\t}\n\n\trender(): TemplateResult {\n\t\treturn html`\n\t\t\t<div class=\"relative\">\n\t\t\t\t<schmancy-input\n\t\t\t\t\t.name=${this.name}\n\t\t\t\t\ttabIndex=\"0\"\n\t\t\t\t\tclass=\"trigger\"\n\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\taria-haspopup=\"listbox\"\n\t\t\t\t\taria-expanded=${this.isOpen}\n\t\t\t\t\taria-controls=\"options\"\n\t\t\t\t\taria-autocomplete=\"none\"\n\t\t\t\t\taria-required=${this.required}\n\t\t\t\t\t.label=${this.label}\n\t\t\t\t\t.placeholder=${this.placeholder}\n\t\t\t\t\t.value=${this.valueLabel}\n\t\t\t\t\t.required=${this.required}\n\t\t\t\t\t.hint=${this.hint || this.validationMessage}\n\t\t\t\t\t.error=${!this.isValid}\n\t\t\t\t\treadonly\n\t\t\t\t\t@click=${() => (this.isOpen ? this.closeDropdown() : this.openDropdown(true))}\n\t\t\t\t></schmancy-input>\n\n\t\t\t\t<div\n\t\t\t\t\tid=\"overlay\"\n\t\t\t\t\tclass=\"fixed inset-0\"\n\t\t\t\t\t?hidden=${!this.isOpen}\n\t\t\t\t\t@click=${this.closeDropdown}\n\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t></div>\n\n\t\t\t\t<ul\n\t\t\t\t\tid=\"options\"\n\t\t\t\t\trole=\"listbox\"\n\t\t\t\t\taria-multiselectable=${this.multi}\n\t\t\t\t\tclass=${classMap({\n\t\t\t\t\t\t'absolute z-[1000] mt-1 w-full rounded-md shadow-sm': true,\n\t\t\t\t\t\thidden: !this.isOpen,\n\t\t\t\t\t})}\n\t\t\t\t\t${color({ bgColor: SchmancyTheme.sys.color.surface.container })}\n\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\tconst customEvt = e as CustomEvent\n\t\t\t\t\t\tconst detailVal = customEvt.detail?.value\n\t\t\t\t\t\tif (detailVal) {\n\t\t\t\t\t\t\tthis.handleOptionSelect(detailVal)\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<slot\n\t\t\t\t\t\t@slotchange=${() => {\n\t\t\t\t\t\t\tthis.syncSelection()\n\t\t\t\t\t\t\tthis.setupOptionsAccessibility()\n\t\t\t\t\t\t}}\n\t\t\t\t\t></slot>\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-select': SchmancySelect\n\t}\n}\n"],"names":["SchmancySelect","$LitElement","css","super","this","required","placeholder","value","multi","label","hint","isOpen","valueLabel","isValid","validationMessage","_userInteracted","handleKeyDown","e","includes","key","preventDefault","openDropdown","current","options","findIndex","o","matches","closeDropdown","focusOption","Math","min","length","max","handleOptionSelect","internals","attachInternals","form","connectedCallback","id","random","toString","substr","addEventListener","disconnectedCallback","removeEventListener","cleanupPositioner","syncSelection","setupOptionsAccessibility","changedProps","updated","has","formValue","Array","isArray","join","setFormValue","hasUpdated","checkValidity","selectedValues","forEach","selected","filter","map","selectedOption","find","option","index","setAttribute","tabIndex","String","reference","renderRoot","querySelector","ul","availableHeight","window","innerHeight","getBoundingClientRect","bottom","style","maxHeight","autoUpdate","async","x","y","computePosition","placement","middleware","offset","flip","shift","padding","Object","assign","left","top","position","focus","combobox","report","updateComplete","positionDropdown","from","querySelectorAll","selectedIndex","getAttribute","reportValidity","removeAttribute","v","dispatchChange","dispatchEvent","CustomEvent","detail","bubbles","composed","Event","isEmpty","setValidity","valueMissing","inputRef","valid","message","customError","render","html","name","classMap","hidden","color","bgColor","SchmancyTheme","sys","surface","container","customEvt","detailVal","formAssociated","__decorateClass","property","type","prototype","Boolean","reflect","state","query","queryAssignedElements","flatten","customElement"],"mappings":"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"}

package/dist/{select-D3yrgnVD.cjs → select-Gbo-xjwq.cjs}

@@ -1,4 +1,4 @@
-"use strict";const r=require("@floating-ui/dom");require("rxjs");const p=require("lit/directives/class-map.js");require("lit/directives/style-map.js");const u=require("./litElement.mixin-CAXeI5RY.cjs");require("./tailwind.mixin-csgxM8P_.cjs");const d=require("./color-D8r6dpWm.cjs");require("./ripple-B_wT0zgD.cjs");const y=require("./theme.interface-Xg5Zi46a.cjs"),h=require("lit"),a=require("lit/decorators.js");var v=Object.defineProperty,m=Object.getOwnPropertyDescriptor,o=(e,t,i,s)=>{for(var n,l=s>1?void 0:s?m(t,i):t,c=e.length-1;c>=0;c--)(n=e[c])&&(l=(s?n(t,i,l):n(l))||l);return s&&l&&v(t,i,l),l};exports.SchmancySelect=class extends u.$LitElement(h.css`
+"use strict";const r=require("@floating-ui/dom");require("rxjs");const p=require("lit/directives/class-map.js");require("lit/directives/style-map.js");const u=require("./litElement.mixin-DGx3SrGX.cjs");require("./tailwind.mixin-UzdLTEsN.cjs");const d=require("./color-D8r6dpWm.cjs");require("./ripple-B_wT0zgD.cjs");const y=require("./theme.interface-Xg5Zi46a.cjs"),h=require("lit"),a=require("lit/decorators.js");var v=Object.defineProperty,m=Object.getOwnPropertyDescriptor,o=(e,t,i,s)=>{for(var n,l=s>1?void 0:s?m(t,i):t,c=e.length-1;c>=0;c--)(n=e[c])&&(l=(s?n(t,i,l):n(l))||l);return s&&l&&v(t,i,l),l};exports.SchmancySelect=class extends u.$LitElement(h.css`
 	:host {
 		display: block;
 		position: relative;
@@ -53,4 +53,4 @@
 				</ul>
 			</div>
 		`}},exports.SchmancySelect.formAssociated=!0,o([a.property({type:String})],exports.SchmancySelect.prototype,"name",2),o([a.property({type:Boolean,reflect:!0})],exports.SchmancySelect.prototype,"required",2),o([a.property({type:String})],exports.SchmancySelect.prototype,"placeholder",2),o([a.property({type:String,reflect:!0})],exports.SchmancySelect.prototype,"value",2),o([a.property({type:Boolean})],exports.SchmancySelect.prototype,"multi",2),o([a.property({type:String})],exports.SchmancySelect.prototype,"label",2),o([a.property({type:String})],exports.SchmancySelect.prototype,"hint",2),o([a.state()],exports.SchmancySelect.prototype,"isOpen",2),o([a.state()],exports.SchmancySelect.prototype,"valueLabel",2),o([a.state()],exports.SchmancySelect.prototype,"isValid",2),o([a.property({type:String})],exports.SchmancySelect.prototype,"validationMessage",2),o([a.query("ul")],exports.SchmancySelect.prototype,"ul",2),o([a.query("schmancy-input")],exports.SchmancySelect.prototype,"inputRef",2),o([a.queryAssignedElements({flatten:!0})],exports.SchmancySelect.prototype,"options",2),o([a.state()],exports.SchmancySelect.prototype,"_userInteracted",2),exports.SchmancySelect=o([a.customElement("schmancy-select")],exports.SchmancySelect);
-//# sourceMappingURL=select-D3yrgnVD.cjs.map
+//# sourceMappingURL=select-Gbo-xjwq.cjs.map

package/dist/{select-D3yrgnVD.cjs.map → select-Gbo-xjwq.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"select-D3yrgnVD.cjs","sources":["../src/select/select.ts"],"sourcesContent":["import { autoUpdate, computePosition, flip, offset, shift } from '@floating-ui/dom'\nimport { $LitElement } from '@mixins/index'\nimport { color } from '@schmancy/directives'\nimport SchmancyInput from '@schmancy/input/input'\nimport SchmancyOption from '@schmancy/option/option'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\nimport { css, html, PropertyValues, TemplateResult } from 'lit'\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\n\nexport type SchmancySelectChangeEvent = CustomEvent<{\n\tvalue: string | string[]\n}>\n\n@customElement('schmancy-select')\nexport class SchmancySelect extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t}\n\n\t[role='listbox'] {\n\t\toverflow-y: auto;\n\t\toutline: none;\n\t}\n`) {\n\t// Form association setup\n\tstatic formAssociated = true\n\tprivate internals?: ElementInternals\n\n\t// API\n\t@property({ type: String }) name: string | undefined\n\t@property({ type: Boolean, reflect: true }) required = false\n\t@property({ type: String }) placeholder = ''\n\t@property({ type: String, reflect: true }) value: string | string[] = '' // for single-select or multi-select\n\t@property({ type: Boolean }) multi = false\n\t@property({ type: String }) label = ''\n\t@property({ type: String }) hint = ''\n\n\t// Internal states\n\t@state() private isOpen = false\n\t@state() private valueLabel = ''\n\t@state() private isValid = true\n\t@property({ type: String }) validationMessage = ''\n\n\t@query('ul') private ul!: HTMLUListElement\n\t@query('schmancy-input') private inputRef!: SchmancyInput\n\t@queryAssignedElements({ flatten: true }) private options!: SchmancyOption[]\n\tprivate cleanupPositioner?: () => void\n\t@state() private _userInteracted = false\n\n\tconstructor() {\n\t\tsuper()\n\t\t// Initialize ElementInternals for form association\n\t\ttry {\n\t\t\tthis.internals = this.attachInternals()\n\t\t} catch (e) {\n\t\t\tconsole.warn('FormAssociated elements not supported in this browser', e)\n\t\t}\n\t}\n\n\tget form() {\n\t\treturn this.internals?.form\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tif (!this.id) {\n\t\t\tthis.id = `schmancy-select-${Math.random().toString(36).substr(2, 9)}`\n\t\t}\n\t\tthis.addEventListener('keydown', this.handleKeyDown)\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.removeEventListener('keydown', this.handleKeyDown)\n\t\tthis.cleanupPositioner?.()\n\t}\n\n\tfirstUpdated() {\n\t\tthis.syncSelection()\n\t\tthis.setupOptionsAccessibility()\n\t}\n\n\tupdated(changedProps: PropertyValues) {\n\t\tsuper.updated(changedProps)\n\n\t\tif (changedProps.has('value')) {\n\t\t\t// Update form value when component value changes\n\t\t\tconst formValue = Array.isArray(this.value) ? this.value.join(',') : this.value\n\t\t\tthis.internals?.setFormValue(formValue)\n\n\t\t\t// Only check validity if this isn't the first render\n\t\t\t// and the component has been interacted with\n\t\t\tif (this.required && this.hasUpdated && this._userInteracted) {\n\t\t\t\tthis.checkValidity()\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate syncSelection() {\n\t\tif (this.multi) {\n\t\t\tconst selectedValues = Array.isArray(this.value) ? this.value : []\n\t\t\tthis.options.forEach(o => (o.selected = selectedValues.includes(o.value))) // Update option selected state\n\t\t\tthis.valueLabel =\n\t\t\t\tselectedValues.length > 0\n\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t.filter(o => selectedValues.includes(o.value))\n\t\t\t\t\t\t\t.map(o => o.label)\n\t\t\t\t\t\t\t.join(', ')\n\t\t\t\t\t: this.placeholder\n\t\t} else {\n\t\t\tconst selectedOption = this.options.find(o => o.value === this.value)\n\t\t\tthis.valueLabel = selectedOption?.label || this.placeholder\n\t\t}\n\t}\n\n\tprivate setupOptionsAccessibility() {\n\t\tthis.options.forEach((option, index) => {\n\t\t\toption.setAttribute('role', 'option')\n\t\t\tif (!option.id) {\n\t\t\t\toption.id = `${this.id}-option-${index}`\n\t\t\t}\n\t\t\toption.tabIndex = -1\n\t\t\tconst selectedValues = Array.isArray(this.value) ? this.value : []\n\n\t\t\toption.setAttribute(\n\t\t\t\t'aria-selected',\n\t\t\t\tString(this.multi ? selectedValues.includes(option.value) : option.value === this.value),\n\t\t\t)\n\t\t})\n\t}\n\n\tprivate async positionDropdown() {\n\t\tconst reference = this.renderRoot.querySelector('.trigger') as HTMLElement\n\t\tif (!reference || !this.ul) return\n\n\t\t// Get the available height\n\t\tconst availableHeight = window.innerHeight - reference.getBoundingClientRect().bottom - 10 // 10px buffer\n\t\tthis.ul.style.maxHeight = `${availableHeight}px` // Set max height\n\n\t\tthis.cleanupPositioner = autoUpdate(reference, this.ul, async () => {\n\t\t\tconst { x, y } = await computePosition(reference, this.ul, {\n\t\t\t\tplacement: 'bottom-start',\n\t\t\t\tmiddleware: [offset(5), flip(), shift({ padding: 5 })],\n\t\t\t})\n\n\t\t\tObject.assign(this.ul.style, {\n\t\t\t\tleft: `${x}px`,\n\t\t\t\ttop: `${y}px`,\n\t\t\t\tposition: 'absolute',\n\t\t\t})\n\t\t})\n\t}\n\n\tprivate handleKeyDown = (e: KeyboardEvent) => {\n\t\tif (!this.isOpen) {\n\t\t\tif (['Enter', ' ', 'ArrowDown'].includes(e.key)) {\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.openDropdown(false)\n\t\t\t}\n\t\t\treturn\n\t\t}\n\n\t\tconst current = this.options.findIndex(o => o.matches(':focus')) ?? -1\n\n\t\tswitch (e.key) {\n\t\t\tcase 'Escape':\n\t\t\t\tthis.closeDropdown()\n\t\t\t\tbreak\n\t\t\tcase 'ArrowDown':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(this.options, Math.min(current + 1, this.options.length - 1))\n\t\t\t\tbreak\n\t\t\tcase 'ArrowUp':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(this.options, Math.max(current - 1, 0))\n\t\t\t\tbreak\n\t\t\tcase 'Enter':\n\t\t\tcase ' ':\n\t\t\t\te.preventDefault()\n\t\t\t\tif (current >= 0) this.handleOptionSelect(this.options[current].value)\n\t\t\t\tbreak\n\t\t\tcase 'Tab':\n\t\t\t\tthis.closeDropdown()\n\t\t\t\tbreak\n\t\t}\n\t}\n\n\tprivate focusOption(options: HTMLElement[], index: number) {\n\t\tconst option = options[index]\n\t\tif (option) {\n\t\t\toption.focus()\n\t\t\tconst combobox = this.renderRoot.querySelector('.trigger')\n\t\t\tcombobox?.setAttribute('aria-activedescendant', option.id)\n\t\t}\n\t}\n\n\tprivate async openDropdown(report = false) {\n\t\tthis.isOpen = true\n\t\tawait this.updateComplete\n\n\t\tthis.positionDropdown()\n\t\tthis.setupOptionsAccessibility()\n\n\t\tconst options = Array.from(this.ul.querySelectorAll('[role=\"option\"]')) as HTMLElement[]\n\t\tconst selectedIndex = this.multi ? 0 : options.findIndex(o => o.getAttribute('value') === this.value)\n\t\tthis.focusOption(options, Math.max(selectedIndex, 0))\n\t\tif (report) this.reportValidity()\n\t}\n\n\tprivate closeDropdown() {\n\t\tthis.isOpen = false\n\t\tthis.cleanupPositioner?.()\n\t\tconst combobox = this.renderRoot.querySelector<HTMLElement>('.trigger')\n\t\tcombobox?.removeAttribute('aria-activedescendant')\n\t\tcombobox?.focus()\n\t}\n\n\tprivate handleOptionSelect(value: string) {\n\t\tthis._userInteracted = true\n\t\tif (this.multi) {\n\t\t\tconst option = this.options.find(o => o.value === value)\n\t\t\tif (!option) return\n\n\t\t\toption.selected = !option.selected\n\t\t\tlet selectedValues = Array.isArray(this.value) ? [...this.value] : []\n\n\t\t\tif (option.selected) {\n\t\t\t\tselectedValues = [...selectedValues, value]\n\t\t\t} else {\n\t\t\t\tselectedValues = selectedValues.filter(v => v !== value)\n\t\t\t}\n\n\t\t\tthis.value = selectedValues\n\n\t\t\tthis.valueLabel =\n\t\t\t\tselectedValues.length > 0\n\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t.filter(o => selectedValues.includes(o.value))\n\t\t\t\t\t\t\t.map(o => o.label)\n\t\t\t\t\t\t\t.join(', ')\n\t\t\t\t\t: this.placeholder\n\n\t\t\tthis.dispatchChange(selectedValues)\n\t\t} else {\n\t\t\tthis.options.forEach(o => (o.selected = o.value === value))\n\t\t\tthis.value = value\n\t\t\tthis.valueLabel = this.options.find(o => o.value === value)?.label || this.placeholder\n\t\t\tthis.dispatchChange(value)\n\t\t\tthis.closeDropdown()\n\t\t}\n\n\t\tthis.setupOptionsAccessibility()\n\t\tthis.checkValidity()\n\t}\n\n\tprivate dispatchChange(value: string | string[]) {\n\t\tthis.isValid = true // Reset validation on change\n\t\tthis.validationMessage = ''\n\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent<SchmancySelectChangeEvent['detail']>('change', {\n\t\t\t\tdetail: { value },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\n\t\t// Also dispatch a standard change event for better form compatibility\n\t\tthis.dispatchEvent(new Event('change', { bubbles: true }))\n\t}\n\n\tpublic checkValidity(): boolean {\n\t\tconst isEmpty = this.multi ? !Array.isArray(this.value) || this.value.length === 0 : !this.value\n\n\t\tthis.isValid = !(this.required && isEmpty)\n\n\t\tif (!this.isValid) {\n\t\t\tthis.validationMessage = 'Please select an option.'\n\t\t\tthis.internals?.setValidity({ valueMissing: true }, 'Please select an option.', this.inputRef)\n\t\t} else {\n\t\t\tthis.validationMessage = ''\n\t\t\tthis.internals?.setValidity({})\n\t\t}\n\n\t\treturn this.isValid\n\t}\n\n\tpublic reportValidity(): boolean {\n\t\tconst valid = this.checkValidity()\n\n\t\tif (!valid && this.required) {\n\t\t\t// If invalid, make sure the input shows it\n\t\t\tthis.inputRef.required = true\n\t\t\tthis.inputRef.reportValidity()\n\n\t\t\t// Optionally open the dropdown to show options\n\t\t\tif (!this.isOpen) {\n\t\t\t\tthis.openDropdown(false)\n\t\t\t}\n\t\t}\n\n\t\treturn valid\n\t}\n\n\tpublic setCustomValidity(message: string) {\n\t\tthis.validationMessage = message\n\t\tthis.internals?.setValidity(message ? { customError: true } : {}, message, this.inputRef)\n\t}\n\n\tpublic reset() {\n\t\tthis.value = ''\n\t\tthis.valueLabel = this.placeholder\n\t\tthis.isValid = true\n\t\tthis.validationMessage = ''\n\t\tthis.internals?.setValidity({})\n\t\tthis.options.forEach(o => (o.selected = false))\n\t}\n\n\trender(): TemplateResult {\n\t\treturn html`\n\t\t\t<div class=\"relative\">\n\t\t\t\t<schmancy-input\n\t\t\t\t\t.name=${this.name}\n\t\t\t\t\ttabIndex=\"0\"\n\t\t\t\t\tclass=\"trigger\"\n\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\taria-haspopup=\"listbox\"\n\t\t\t\t\taria-expanded=${this.isOpen}\n\t\t\t\t\taria-controls=\"options\"\n\t\t\t\t\taria-autocomplete=\"none\"\n\t\t\t\t\taria-required=${this.required}\n\t\t\t\t\t.label=${this.label}\n\t\t\t\t\t.placeholder=${this.placeholder}\n\t\t\t\t\t.value=${this.valueLabel}\n\t\t\t\t\t.required=${this.required}\n\t\t\t\t\t.hint=${this.hint || this.validationMessage}\n\t\t\t\t\t.error=${!this.isValid}\n\t\t\t\t\treadonly\n\t\t\t\t\t@click=${() => (this.isOpen ? this.closeDropdown() : this.openDropdown(true))}\n\t\t\t\t></schmancy-input>\n\n\t\t\t\t<div\n\t\t\t\t\tid=\"overlay\"\n\t\t\t\t\tclass=\"fixed inset-0\"\n\t\t\t\t\t?hidden=${!this.isOpen}\n\t\t\t\t\t@click=${this.closeDropdown}\n\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t></div>\n\n\t\t\t\t<ul\n\t\t\t\t\tid=\"options\"\n\t\t\t\t\trole=\"listbox\"\n\t\t\t\t\taria-multiselectable=${this.multi}\n\t\t\t\t\tclass=${classMap({\n\t\t\t\t\t\t'absolute z-[1000] mt-1 w-full rounded-md shadow-sm': true,\n\t\t\t\t\t\thidden: !this.isOpen,\n\t\t\t\t\t})}\n\t\t\t\t\t${color({ bgColor: SchmancyTheme.sys.color.surface.container })}\n\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\tconst customEvt = e as CustomEvent\n\t\t\t\t\t\tconst detailVal = customEvt.detail?.value\n\t\t\t\t\t\tif (detailVal) {\n\t\t\t\t\t\t\tthis.handleOptionSelect(detailVal)\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<slot\n\t\t\t\t\t\t@slotchange=${() => {\n\t\t\t\t\t\t\tthis.syncSelection()\n\t\t\t\t\t\t\tthis.setupOptionsAccessibility()\n\t\t\t\t\t\t}}\n\t\t\t\t\t></slot>\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-select': SchmancySelect\n\t}\n}\n"],"names":["SchmancySelect","$LitElement","css","super","this","required","placeholder","value","multi","label","hint","isOpen","valueLabel","isValid","validationMessage","_userInteracted","handleKeyDown","e","includes","key","preventDefault","openDropdown","current","options","findIndex","o","matches","closeDropdown","focusOption","Math","min","length","max","handleOptionSelect","internals","attachInternals","form","connectedCallback","id","random","toString","substr","addEventListener","disconnectedCallback","removeEventListener","cleanupPositioner","firstUpdated","syncSelection","setupOptionsAccessibility","changedProps","updated","has","formValue","Array","isArray","join","setFormValue","hasUpdated","checkValidity","selectedValues","forEach","selected","filter","map","selectedOption","find","option","index","setAttribute","tabIndex","String","reference","renderRoot","querySelector","ul","availableHeight","window","innerHeight","getBoundingClientRect","bottom","style","maxHeight","autoUpdate","async","x","y","computePosition","placement","middleware","offset","flip","shift","padding","Object","assign","left","top","position","focus","combobox","report","updateComplete","positionDropdown","from","querySelectorAll","selectedIndex","getAttribute","reportValidity","removeAttribute","v","dispatchChange","dispatchEvent","CustomEvent","detail","bubbles","composed","Event","isEmpty","setValidity","valueMissing","inputRef","valid","message","customError","html","name","classMap","hidden","color","bgColor","SchmancyTheme","sys","surface","container","customEvt","detailVal","formAssociated","__decorateClass","property","type","prototype","Boolean","reflect","state","query","queryAssignedElements","flatten","customElement"],"mappings":"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"}
+{"version":3,"file":"select-Gbo-xjwq.cjs","sources":["../src/select/select.ts"],"sourcesContent":["import { autoUpdate, computePosition, flip, offset, shift } from '@floating-ui/dom'\nimport { $LitElement } from '@mixins/index'\nimport { color } from '@schmancy/directives'\nimport SchmancyInput from '@schmancy/input/input'\nimport SchmancyOption from '@schmancy/option/option'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\nimport { css, html, PropertyValues, TemplateResult } from 'lit'\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\n\nexport type SchmancySelectChangeEvent = CustomEvent<{\n\tvalue: string | string[]\n}>\n\n@customElement('schmancy-select')\nexport class SchmancySelect extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t}\n\n\t[role='listbox'] {\n\t\toverflow-y: auto;\n\t\toutline: none;\n\t}\n`) {\n\t// Form association setup\n\tstatic formAssociated = true\n\tprivate internals?: ElementInternals\n\n\t// API\n\t@property({ type: String }) name: string | undefined\n\t@property({ type: Boolean, reflect: true }) required = false\n\t@property({ type: String }) placeholder = ''\n\t@property({ type: String, reflect: true }) value: string | string[] = '' // for single-select or multi-select\n\t@property({ type: Boolean }) multi = false\n\t@property({ type: String }) label = ''\n\t@property({ type: String }) hint = ''\n\n\t// Internal states\n\t@state() private isOpen = false\n\t@state() private valueLabel = ''\n\t@state() private isValid = true\n\t@property({ type: String }) validationMessage = ''\n\n\t@query('ul') private ul!: HTMLUListElement\n\t@query('schmancy-input') private inputRef!: SchmancyInput\n\t@queryAssignedElements({ flatten: true }) private options!: SchmancyOption[]\n\tprivate cleanupPositioner?: () => void\n\t@state() private _userInteracted = false\n\n\tconstructor() {\n\t\tsuper()\n\t\t// Initialize ElementInternals for form association\n\t\ttry {\n\t\t\tthis.internals = this.attachInternals()\n\t\t} catch (e) {\n\t\t\tconsole.warn('FormAssociated elements not supported in this browser', e)\n\t\t}\n\t}\n\n\tget form() {\n\t\treturn this.internals?.form\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tif (!this.id) {\n\t\t\tthis.id = `schmancy-select-${Math.random().toString(36).substr(2, 9)}`\n\t\t}\n\t\tthis.addEventListener('keydown', this.handleKeyDown)\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.removeEventListener('keydown', this.handleKeyDown)\n\t\tthis.cleanupPositioner?.()\n\t}\n\n\tfirstUpdated() {\n\t\tthis.syncSelection()\n\t\tthis.setupOptionsAccessibility()\n\t}\n\n\tupdated(changedProps: PropertyValues) {\n\t\tsuper.updated(changedProps)\n\n\t\tif (changedProps.has('value')) {\n\t\t\t// Update form value when component value changes\n\t\t\tconst formValue = Array.isArray(this.value) ? this.value.join(',') : this.value\n\t\t\tthis.internals?.setFormValue(formValue)\n\n\t\t\t// Only check validity if this isn't the first render\n\t\t\t// and the component has been interacted with\n\t\t\tif (this.required && this.hasUpdated && this._userInteracted) {\n\t\t\t\tthis.checkValidity()\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate syncSelection() {\n\t\tif (this.multi) {\n\t\t\tconst selectedValues = Array.isArray(this.value) ? this.value : []\n\t\t\tthis.options.forEach(o => (o.selected = selectedValues.includes(o.value))) // Update option selected state\n\t\t\tthis.valueLabel =\n\t\t\t\tselectedValues.length > 0\n\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t.filter(o => selectedValues.includes(o.value))\n\t\t\t\t\t\t\t.map(o => o.label)\n\t\t\t\t\t\t\t.join(', ')\n\t\t\t\t\t: this.placeholder\n\t\t} else {\n\t\t\tconst selectedOption = this.options.find(o => o.value === this.value)\n\t\t\tthis.valueLabel = selectedOption?.label || this.placeholder\n\t\t}\n\t}\n\n\tprivate setupOptionsAccessibility() {\n\t\tthis.options.forEach((option, index) => {\n\t\t\toption.setAttribute('role', 'option')\n\t\t\tif (!option.id) {\n\t\t\t\toption.id = `${this.id}-option-${index}`\n\t\t\t}\n\t\t\toption.tabIndex = -1\n\t\t\tconst selectedValues = Array.isArray(this.value) ? this.value : []\n\n\t\t\toption.setAttribute(\n\t\t\t\t'aria-selected',\n\t\t\t\tString(this.multi ? selectedValues.includes(option.value) : option.value === this.value),\n\t\t\t)\n\t\t})\n\t}\n\n\tprivate async positionDropdown() {\n\t\tconst reference = this.renderRoot.querySelector('.trigger') as HTMLElement\n\t\tif (!reference || !this.ul) return\n\n\t\t// Get the available height\n\t\tconst availableHeight = window.innerHeight - reference.getBoundingClientRect().bottom - 10 // 10px buffer\n\t\tthis.ul.style.maxHeight = `${availableHeight}px` // Set max height\n\n\t\tthis.cleanupPositioner = autoUpdate(reference, this.ul, async () => {\n\t\t\tconst { x, y } = await computePosition(reference, this.ul, {\n\t\t\t\tplacement: 'bottom-start',\n\t\t\t\tmiddleware: [offset(5), flip(), shift({ padding: 5 })],\n\t\t\t})\n\n\t\t\tObject.assign(this.ul.style, {\n\t\t\t\tleft: `${x}px`,\n\t\t\t\ttop: `${y}px`,\n\t\t\t\tposition: 'absolute',\n\t\t\t})\n\t\t})\n\t}\n\n\tprivate handleKeyDown = (e: KeyboardEvent) => {\n\t\tif (!this.isOpen) {\n\t\t\tif (['Enter', ' ', 'ArrowDown'].includes(e.key)) {\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.openDropdown(false)\n\t\t\t}\n\t\t\treturn\n\t\t}\n\n\t\tconst current = this.options.findIndex(o => o.matches(':focus')) ?? -1\n\n\t\tswitch (e.key) {\n\t\t\tcase 'Escape':\n\t\t\t\tthis.closeDropdown()\n\t\t\t\tbreak\n\t\t\tcase 'ArrowDown':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(this.options, Math.min(current + 1, this.options.length - 1))\n\t\t\t\tbreak\n\t\t\tcase 'ArrowUp':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(this.options, Math.max(current - 1, 0))\n\t\t\t\tbreak\n\t\t\tcase 'Enter':\n\t\t\tcase ' ':\n\t\t\t\te.preventDefault()\n\t\t\t\tif (current >= 0) this.handleOptionSelect(this.options[current].value)\n\t\t\t\tbreak\n\t\t\tcase 'Tab':\n\t\t\t\tthis.closeDropdown()\n\t\t\t\tbreak\n\t\t}\n\t}\n\n\tprivate focusOption(options: HTMLElement[], index: number) {\n\t\tconst option = options[index]\n\t\tif (option) {\n\t\t\toption.focus()\n\t\t\tconst combobox = this.renderRoot.querySelector('.trigger')\n\t\t\tcombobox?.setAttribute('aria-activedescendant', option.id)\n\t\t}\n\t}\n\n\tprivate async openDropdown(report = false) {\n\t\tthis.isOpen = true\n\t\tawait this.updateComplete\n\n\t\tthis.positionDropdown()\n\t\tthis.setupOptionsAccessibility()\n\n\t\tconst options = Array.from(this.ul.querySelectorAll('[role=\"option\"]')) as HTMLElement[]\n\t\tconst selectedIndex = this.multi ? 0 : options.findIndex(o => o.getAttribute('value') === this.value)\n\t\tthis.focusOption(options, Math.max(selectedIndex, 0))\n\t\tif (report) this.reportValidity()\n\t}\n\n\tprivate closeDropdown() {\n\t\tthis.isOpen = false\n\t\tthis.cleanupPositioner?.()\n\t\tconst combobox = this.renderRoot.querySelector<HTMLElement>('.trigger')\n\t\tcombobox?.removeAttribute('aria-activedescendant')\n\t\tcombobox?.focus()\n\t}\n\n\tprivate handleOptionSelect(value: string) {\n\t\tthis._userInteracted = true\n\t\tif (this.multi) {\n\t\t\tconst option = this.options.find(o => o.value === value)\n\t\t\tif (!option) return\n\n\t\t\toption.selected = !option.selected\n\t\t\tlet selectedValues = Array.isArray(this.value) ? [...this.value] : []\n\n\t\t\tif (option.selected) {\n\t\t\t\tselectedValues = [...selectedValues, value]\n\t\t\t} else {\n\t\t\t\tselectedValues = selectedValues.filter(v => v !== value)\n\t\t\t}\n\n\t\t\tthis.value = selectedValues\n\n\t\t\tthis.valueLabel =\n\t\t\t\tselectedValues.length > 0\n\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t.filter(o => selectedValues.includes(o.value))\n\t\t\t\t\t\t\t.map(o => o.label)\n\t\t\t\t\t\t\t.join(', ')\n\t\t\t\t\t: this.placeholder\n\n\t\t\tthis.dispatchChange(selectedValues)\n\t\t} else {\n\t\t\tthis.options.forEach(o => (o.selected = o.value === value))\n\t\t\tthis.value = value\n\t\t\tthis.valueLabel = this.options.find(o => o.value === value)?.label || this.placeholder\n\t\t\tthis.dispatchChange(value)\n\t\t\tthis.closeDropdown()\n\t\t}\n\n\t\tthis.setupOptionsAccessibility()\n\t\tthis.checkValidity()\n\t}\n\n\tprivate dispatchChange(value: string | string[]) {\n\t\tthis.isValid = true // Reset validation on change\n\t\tthis.validationMessage = ''\n\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent<SchmancySelectChangeEvent['detail']>('change', {\n\t\t\t\tdetail: { value },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\n\t\t// Also dispatch a standard change event for better form compatibility\n\t\tthis.dispatchEvent(new Event('change', { bubbles: true }))\n\t}\n\n\tpublic checkValidity(): boolean {\n\t\tconst isEmpty = this.multi ? !Array.isArray(this.value) || this.value.length === 0 : !this.value\n\n\t\tthis.isValid = !(this.required && isEmpty)\n\n\t\tif (!this.isValid) {\n\t\t\tthis.validationMessage = 'Please select an option.'\n\t\t\tthis.internals?.setValidity({ valueMissing: true }, 'Please select an option.', this.inputRef)\n\t\t} else {\n\t\t\tthis.validationMessage = ''\n\t\t\tthis.internals?.setValidity({})\n\t\t}\n\n\t\treturn this.isValid\n\t}\n\n\tpublic reportValidity(): boolean {\n\t\tconst valid = this.checkValidity()\n\n\t\tif (!valid && this.required) {\n\t\t\t// If invalid, make sure the input shows it\n\t\t\tthis.inputRef.required = true\n\t\t\tthis.inputRef.reportValidity()\n\n\t\t\t// Optionally open the dropdown to show options\n\t\t\tif (!this.isOpen) {\n\t\t\t\tthis.openDropdown(false)\n\t\t\t}\n\t\t}\n\n\t\treturn valid\n\t}\n\n\tpublic setCustomValidity(message: string) {\n\t\tthis.validationMessage = message\n\t\tthis.internals?.setValidity(message ? { customError: true } : {}, message, this.inputRef)\n\t}\n\n\tpublic reset() {\n\t\tthis.value = ''\n\t\tthis.valueLabel = this.placeholder\n\t\tthis.isValid = true\n\t\tthis.validationMessage = ''\n\t\tthis.internals?.setValidity({})\n\t\tthis.options.forEach(o => (o.selected = false))\n\t}\n\n\trender(): TemplateResult {\n\t\treturn html`\n\t\t\t<div class=\"relative\">\n\t\t\t\t<schmancy-input\n\t\t\t\t\t.name=${this.name}\n\t\t\t\t\ttabIndex=\"0\"\n\t\t\t\t\tclass=\"trigger\"\n\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\taria-haspopup=\"listbox\"\n\t\t\t\t\taria-expanded=${this.isOpen}\n\t\t\t\t\taria-controls=\"options\"\n\t\t\t\t\taria-autocomplete=\"none\"\n\t\t\t\t\taria-required=${this.required}\n\t\t\t\t\t.label=${this.label}\n\t\t\t\t\t.placeholder=${this.placeholder}\n\t\t\t\t\t.value=${this.valueLabel}\n\t\t\t\t\t.required=${this.required}\n\t\t\t\t\t.hint=${this.hint || this.validationMessage}\n\t\t\t\t\t.error=${!this.isValid}\n\t\t\t\t\treadonly\n\t\t\t\t\t@click=${() => (this.isOpen ? this.closeDropdown() : this.openDropdown(true))}\n\t\t\t\t></schmancy-input>\n\n\t\t\t\t<div\n\t\t\t\t\tid=\"overlay\"\n\t\t\t\t\tclass=\"fixed inset-0\"\n\t\t\t\t\t?hidden=${!this.isOpen}\n\t\t\t\t\t@click=${this.closeDropdown}\n\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t></div>\n\n\t\t\t\t<ul\n\t\t\t\t\tid=\"options\"\n\t\t\t\t\trole=\"listbox\"\n\t\t\t\t\taria-multiselectable=${this.multi}\n\t\t\t\t\tclass=${classMap({\n\t\t\t\t\t\t'absolute z-[1000] mt-1 w-full rounded-md shadow-sm': true,\n\t\t\t\t\t\thidden: !this.isOpen,\n\t\t\t\t\t})}\n\t\t\t\t\t${color({ bgColor: SchmancyTheme.sys.color.surface.container })}\n\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\tconst customEvt = e as CustomEvent\n\t\t\t\t\t\tconst detailVal = customEvt.detail?.value\n\t\t\t\t\t\tif (detailVal) {\n\t\t\t\t\t\t\tthis.handleOptionSelect(detailVal)\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<slot\n\t\t\t\t\t\t@slotchange=${() => {\n\t\t\t\t\t\t\tthis.syncSelection()\n\t\t\t\t\t\t\tthis.setupOptionsAccessibility()\n\t\t\t\t\t\t}}\n\t\t\t\t\t></slot>\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-select': SchmancySelect\n\t}\n}\n"],"names":["SchmancySelect","$LitElement","css","super","this","required","placeholder","value","multi","label","hint","isOpen","valueLabel","isValid","validationMessage","_userInteracted","handleKeyDown","e","includes","key","preventDefault","openDropdown","current","options","findIndex","o","matches","closeDropdown","focusOption","Math","min","length","max","handleOptionSelect","internals","attachInternals","form","connectedCallback","id","random","toString","substr","addEventListener","disconnectedCallback","removeEventListener","cleanupPositioner","firstUpdated","syncSelection","setupOptionsAccessibility","changedProps","updated","has","formValue","Array","isArray","join","setFormValue","hasUpdated","checkValidity","selectedValues","forEach","selected","filter","map","selectedOption","find","option","index","setAttribute","tabIndex","String","reference","renderRoot","querySelector","ul","availableHeight","window","innerHeight","getBoundingClientRect","bottom","style","maxHeight","autoUpdate","async","x","y","computePosition","placement","middleware","offset","flip","shift","padding","Object","assign","left","top","position","focus","combobox","report","updateComplete","positionDropdown","from","querySelectorAll","selectedIndex","getAttribute","reportValidity","removeAttribute","v","dispatchChange","dispatchEvent","CustomEvent","detail","bubbles","composed","Event","isEmpty","setValidity","valueMissing","inputRef","valid","message","customError","html","name","classMap","hidden","color","bgColor","SchmancyTheme","sys","surface","container","customEvt","detailVal","formAssociated","__decorateClass","property","type","prototype","Boolean","reflect","state","query","queryAssignedElements","flatten","customElement"],"mappings":"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"}

package/dist/select.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./select-D3yrgnVD.cjs");Object.defineProperty(exports,"SchmancySelect",{enumerable:!0,get:()=>e.SchmancySelect});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./select-Gbo-xjwq.cjs");Object.defineProperty(exports,"SchmancySelect",{enumerable:!0,get:()=>e.SchmancySelect});
 //# sourceMappingURL=select.cjs.map

package/dist/select.js

@@ -1,4 +1,4 @@
-import { S } from "./select-C2TJxenH.js";
+import { S } from "./select-CHXdCR-t.js";
 export {
   S as SchmancySelect
 };

package/dist/sheet-CHFWbG_0.js

@@ -0,0 +1,210 @@
+import { Subject as S, switchMap as $, forkJoin as E, fromEvent as l, of as x, takeUntil as b, timer as A, map as m, defaultIfEmpty as k, tap as c, delay as y, filter as L, take as D, mergeMap as P, merge as j } from "rxjs";
+import "lit/directives/class-map.js";
+import "lit/directives/style-map.js";
+import { T as U } from "./tailwind.mixin-C2MUeArS.js";
+import { css as B, html as f } from "lit";
+import { customElement as F, property as h, query as z, queryAssignedElements as I } from "lit/decorators.js";
+import { $ as N } from "./litElement.mixin-B1ZP2iG4.js";
+import { when as T } from "lit/directives/when.js";
+var q = Object.getOwnPropertyDescriptor;
+let C = class extends U(B``) {
+  render() {
+    return f`
+			<sch-flex class="absolute top-0 left-0 md:left-[unset] md:right-0">
+				<div class="block md:hidden flex-1 justify-start items-start">
+					<slot name="back">
+						<schmancy-button
+							@click=${() => {
+      this.dispatchEvent(new CustomEvent("dismiss", { bubbles: !0, composed: !0 }));
+    }}
+						>
+							<span class="text-[24px]">&#8592; </span>
+						</schmancy-button>
+					</slot>
+				</div>
+
+				<div class="hidden md:block flex-1 justify-end items-end">
+					<slot name="actions">
+						<schmancy-icon-button
+							@click=${() => {
+      this.dispatchEvent(new CustomEvent("dismiss", { bubbles: !0, composed: !0 }));
+    }}
+						>
+							close
+						</schmancy-icon-button>
+					</slot>
+				</div>
+			</sch-flex>
+		`;
+  }
+};
+C = ((t, e, s, i) => {
+  for (var r, o = i > 1 ? void 0 : i ? q(e, s) : e, d = t.length - 1; d >= 0; d--) (r = t[d]) && (o = r(o) || o);
+  return o;
+})([F("schmancy-sheet-header")], C);
+var O = ((t) => (t.Side = "side", t.Bottom = "bottom", t.BottomCenter = "bottom-center", t.TopRight = "top-right", t.BottomRight = "bottom-right", t))(O || {});
+const g = "are-you-there-sheet", w = "yes-here", v = new class {
+  constructor() {
+    this.bottomSheet = new S(), this.$dismiss = new S(), this.activeSheets = /* @__PURE__ */ new Set(), this.popStateListenerActive = !1, this.setupSheetOpeningLogic(), this.setupSheetDismissLogic(), this.setupPopStateListener();
+  }
+  setupSheetOpeningLogic() {
+    this.bottomSheet.pipe($((t) => E([l(window, w).pipe(b(A(100)), m((e) => e.detail.sheet), k(void 0)), x(t).pipe(c(() => {
+      window.dispatchEvent(new CustomEvent(g, { detail: { uid: t.uid ?? t.component.tagName } }));
+    }))])), m(([t, e]) => {
+      t || (t = document.createElement("schmancy-sheet"), document.body.appendChild(t)), t.setAttribute("uid", e.uid ?? e.component.tagName);
+      const s = e.position || (window.innerWidth >= 768 ? "side" : "bottom");
+      return t.setAttribute("position", s), t.setAttribute("allowOverlyDismiss", e.allowOverlyDismiss === !1 ? "false" : "true"), e.title && t.setAttribute("title", e.title), e.persist && t.setAttribute("persist", e.persist.toString()), e.header && t.setAttribute("header", e.header), document.body.style.overflow = "hidden", { target: e, sheet: t };
+    }), y(20), L(({ target: t, sheet: e }) => {
+      var s, i;
+      return !t.persist || !((i = (s = e == null ? void 0 : e.shadowRoot) == null ? void 0 : s.querySelector("slot")) != null && i.assignedElements().find((r) => r.tagName === t.component.tagName)) || (e == null || e.setAttribute("open", "true"), !1);
+    }), c(({ target: t, sheet: e }) => {
+      e == null || e.appendChild(t.component);
+    }), y(1), c(({ target: t, sheet: e }) => {
+      e == null || e.setAttribute("open", "true");
+      const s = t.uid ?? t.component.tagName;
+      if (this.activeSheets.add(s), t.handleHistory !== !1) {
+        const i = { schmancySheet: !0, uid: s, timestamp: Date.now() };
+        history.pushState(i, "", window.location.href);
+      }
+    }), c(({ sheet: t }) => {
+      l(t, "close").pipe(D(1)).pipe(y(300)).subscribe((e) => {
+        const s = e.target, i = s.getAttribute("uid");
+        i && this.activeSheets.delete(i), s != null && s.persist || (s == null || s.remove()), document.body.style.overflow = "auto";
+      });
+    })).subscribe();
+  }
+  setupSheetDismissLogic() {
+    this.$dismiss.pipe(P((t) => E([l(window, w).pipe(b(A(100)), m((e) => e.detail.sheet), k(void 0)), x(t).pipe(c(() => {
+      window.dispatchEvent(new CustomEvent(g, { detail: { uid: t } }));
+    }))])), c(([t, e]) => {
+      t && (t.closeSheet(), this.activeSheets.delete(e));
+    })).subscribe();
+  }
+  setupPopStateListener() {
+    this.popStateListenerActive || (l(window, "popstate").subscribe((t) => {
+      if (this.activeSheets.size > 0) {
+        const e = Array.from(this.activeSheets).pop();
+        e && (this.dismiss(e), t.state && t.state.schmancySheet && history.pushState({}, "", window.location.href));
+      }
+    }), this.popStateListenerActive = !0);
+  }
+  dismiss(t) {
+    this.$dismiss.next(t);
+  }
+  open(t) {
+    this.bottomSheet.next(t);
+  }
+  isOpen(t) {
+    return this.activeSheets.has(t);
+  }
+  closeAll() {
+    Array.from(this.activeSheets).forEach((t) => {
+      this.dismiss(t);
+    });
+  }
+}();
+var R = Object.defineProperty, M = Object.getOwnPropertyDescriptor, a = (t, e, s, i) => {
+  for (var r, o = i > 1 ? void 0 : i ? M(e, s) : e, d = t.length - 1; d >= 0; d--) (r = t[d]) && (o = (i ? r(e, s, o) : r(o)) || o);
+  return i && o && R(e, s, o), o;
+};
+let n = class extends N(':host{--overlay-color: var(--schmancy-sys-color-surface-dim);--transition-duration: .2s;--transition-timing: ease-in-out;--sheet-radius: 0;--max-height: 100vh}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;visibility:visible;transition:visibility var(--transition-duration) var(--transition-timing)}.sheet[aria-hidden=true]{visibility:hidden;pointer-events:none}.sheet[aria-hidden=true] .content{transform:translateY(100%)}.sheet[aria-hidden=true] .content[data-position=side]{transform:translate(100%)}.sheet[aria-hidden=true] .overlay{opacity:0}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay-color);opacity:.8;transition:opacity var(--transition-duration) var(--transition-timing)}.content{z-index:1;transition:transform var(--transition-duration) var(--transition-timing);overflow:hidden}.content[data-position=side]{height:100vh;height:100%;min-width:320px;max-width:90vw;width:fit-content;margin-left:auto}.content[data-position=side] #body{max-height:100vh}.content[data-position=bottom]{width:100%;margin-top:auto;border-radius:16px 16px 0 0;max-height:90vh}.content[data-position=bottom] #body{max-height:90vh}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}[data-position=bottom]:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:36px;height:4px;background-color:var(--schmancy-sys-color-surface-onVariant);opacity:.3;border-radius:2px;z-index:10}') {
+  constructor() {
+    super(...arguments), this.open = !1, this.header = "visible", this.position = O.Side, this.persist = !1, this.allowOverlayDismiss = !0, this.title = "", this.focusAttribute = "autofocus", this.lastFocusedElement = null, this.handleFocusIn = (t) => {
+      var e;
+      (e = this.sheet) != null && e.contains(t.target) || this.focus();
+    };
+  }
+  onOpenChange(t, e) {
+    var s;
+    e ? (this.lastFocusedElement = document.activeElement, this.addFocusTrap(), this.focus()) : (this.removeFocusTrap(), (s = this.lastFocusedElement) == null || s.focus(), this.lastFocusedElement = null);
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.setupEventListeners();
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.disconnecting.next(!0);
+  }
+  setupEventListeners() {
+    const t = l(window, "keyup").pipe(c((s) => {
+      s.key !== "Escape" || this.sheetContainsFocus() || this.uid && v.dismiss(this.uid);
+    })), e = l(window, g).pipe(c((s) => {
+      s.detail.uid === this.uid && this.announcePresence();
+    }));
+    j(t, e).pipe(b(this.disconnecting)).subscribe();
+  }
+  sheetContainsFocus() {
+    var t;
+    return ((t = this.sheet) == null ? void 0 : t.contains(document.activeElement)) ?? !1;
+  }
+  announcePresence() {
+    this.dispatchEvent(new CustomEvent(w, { detail: { sheet: this }, bubbles: !0, composed: !0 }));
+  }
+  addFocusTrap() {
+    document.addEventListener("focusin", this.handleFocusIn);
+  }
+  removeFocusTrap() {
+    document.removeEventListener("focusin", this.handleFocusIn);
+  }
+  setIsSheetShown(t) {
+    var e, s;
+    (e = this.sheet) == null || e.setAttribute("aria-hidden", String(!t)), (s = this.sheet) == null || s.setAttribute("aria-modal", String(t));
+  }
+  closeSheet() {
+    this.open = !1, this.dispatchEvent(new CustomEvent("close"));
+  }
+  getFocusElement() {
+    const t = `[${this.focusAttribute}]`;
+    return this.assignedElements.find((e) => e.matches(t) || e.querySelector(t)) ?? null;
+  }
+  focus() {
+    var t;
+    (t = this.getFocusElement()) == null || t.focus();
+  }
+  render() {
+    return f`
+			<div class="sheet" role="dialog" aria-labelledby="sheet-title" aria-hidden=${!this.open} aria-modal=${this.open}>
+				<div
+					class="overlay"
+					@click=${(t) => {
+      t.stopPropagation(), this.allowOverlayDismiss && v.dismiss(this.uid);
+    }}
+				></div>
+				<schmancy-grid
+					rows=${this.header === "hidden" ? "1fr" : "auto 1fr"}
+					class="content w-full"
+					data-position=${this.position}
+				>
+					${T(this.header !== "hidden", () => f`<schmancy-sheet-header
+								class="sticky top-0 z-50 w-full"
+								@dismiss=${(t) => {
+      t.stopPropagation(), v.dismiss(this.uid);
+    }}
+								id="sheet-title"
+								title=${this.title}
+							></schmancy-sheet-header>`)}
+
+					<schmancy-surface rounded="left" fill="all" id="body" class="overflow-auto" type="surface">
+						<schmancy-scroll> <slot></slot></schmancy-scroll>
+					</schmancy-surface>
+				</schmancy-grid>
+			</div>
+		`;
+  }
+};
+var u, p;
+a([h({ type: String, reflect: !0 })], n.prototype, "uid", 2), a([h({ type: Boolean, reflect: !0 })], n.prototype, "open", 2), a([h({ type: String, reflect: !0 })], n.prototype, "header", 2), a([h({ type: String, reflect: !0 })], n.prototype, "position", 2), a([h({ type: Boolean, reflect: !0 })], n.prototype, "persist", 2), a([h({ type: Boolean, reflect: !0 })], n.prototype, "allowOverlayDismiss", 2), a([h({ type: String, reflect: !0 })], n.prototype, "title", 2), a([z(".sheet")], n.prototype, "sheet", 2), a([I({ flatten: !0 })], n.prototype, "assignedElements", 2), a([h()], n.prototype, "focusAttribute", 2), a([(u = "open", (t, e) => {
+  const { willUpdate: s } = t;
+  p = Object.assign({ waitUntilFirstUpdate: !1 }, p), t.willUpdate = function(i) {
+    if (s.call(this, i), i.has(u)) {
+      const r = i.get(u), o = this[u];
+      r !== o && (p != null && p.waitUntilFirstUpdate && !this.hasUpdated || this[e].call(this, r, o));
+    }
+  };
+})], n.prototype, "onOpenChange", 1), n = a([F("schmancy-sheet")], n);
+export {
+  O as S,
+  g as a,
+  w as b,
+  v as s
+};
+//# sourceMappingURL=sheet-CHFWbG_0.js.map

package/dist/sheet-CHFWbG_0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet-CHFWbG_0.js","sources":["../src/sheet/header.ts","../src/sheet/sheet.service.ts","../src/sheet/sheet.ts","../src/sheet/hook.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n@customElement('schmancy-sheet-header')\nexport default class SchmancySheetHeader extends TailwindElement(css``) {\n\trender() {\n\t\treturn html`\n\t\t\t<sch-flex class=\"absolute top-0 left-0 md:left-[unset] md:right-0\">\n\t\t\t\t<div class=\"block md:hidden flex-1 justify-start items-start\">\n\t\t\t\t\t<slot name=\"back\">\n\t\t\t\t\t\t<schmancy-button\n\t\t\t\t\t\t\t@click=${() => {\n\t\t\t\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\t\t\t\tnew CustomEvent('dismiss', {\n\t\t\t\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span class=\"text-[24px]\">&#8592; </span>\n\t\t\t\t\t\t</schmancy-button>\n\t\t\t\t\t</slot>\n\t\t\t\t</div>\n\n\t\t\t\t<div class=\"hidden md:block flex-1 justify-end items-end\">\n\t\t\t\t\t<slot name=\"actions\">\n\t\t\t\t\t\t<schmancy-icon-button\n\t\t\t\t\t\t\t@click=${() => {\n\t\t\t\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\t\t\t\tnew CustomEvent('dismiss', {\n\t\t\t\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tclose\n\t\t\t\t\t\t</schmancy-icon-button>\n\t\t\t\t\t</slot>\n\t\t\t\t</div>\n\t\t\t</sch-flex>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-sheet-header': SchmancySheetHeader\n\t}\n}\n","import {\n\tdefaultIfEmpty,\n\tdelay,\n\tfilter,\n\tforkJoin,\n\tfromEvent,\n\tmap,\n\tmergeMap,\n\tof,\n\tSubject,\n\tswitchMap,\n\ttake,\n\ttakeUntil,\n\ttap,\n\ttimer,\n} from 'rxjs'\nimport SchmancySheet from './sheet'\n\nexport enum SchmancySheetPosition {\n\tSide = 'side',\n\tBottom = 'bottom',\n\t/**\n\t *  @deprecated use bottom instead\n\t */\n\tBottomCenter = 'bottom-center',\n\t/**\n\t *  @deprecated use side instead\n\t */\n\tTopRight = 'top-right',\n\t/**\n\t *  @deprecated use side instead\n\t */\n\tBottomRight = 'bottom-right',\n}\n\ntype BottomSheeetTarget = {\n\tcomponent: HTMLElement\n\tuid?: string\n\tposition?: SchmancySheetPosition\n\tpersist?: boolean\n\tclose?: () => void\n\tallowOverlyDismiss?: boolean\n\ttitle?: string\n\theader?: 'hidden' | 'visible'\n\t/**\n\t * If true, add a history entry when opening the sheet\n\t * so back button will close the sheet\n\t * @default true\n\t */\n\thandleHistory?: boolean\n}\n\n// Events for communication between bottom-sheet component and bottom-sheet.service\nexport type SheetWhereAreYouRickyEvent = CustomEvent<{\n\tuid: string\n}>\nexport const SheetWhereAreYouRicky = 'are-you-there-sheet'\n\nexport type SheetHereMortyEvent = CustomEvent<{\n\tsheet: SchmancySheet\n}>\nexport const SheetHereMorty = 'yes-here'\n\n// Function to determine the position based on screen size\nconst getPosition = (): SchmancySheetPosition => {\n\treturn window.innerWidth >= 768 ? SchmancySheetPosition.Side : SchmancySheetPosition.Bottom // Adjust 768 as needed for your breakpoint\n}\n\nclass BottomSheetService {\n\tbottomSheet = new Subject<BottomSheeetTarget>()\n\t$dismiss = new Subject<string>()\n\t// Track currently open sheets by uid\n\tprivate activeSheets = new Set<string>()\n\t// To track if we've set up the popstate listener\n\tprivate popStateListenerActive = false\n\n\tconstructor() {\n\t\tthis.setupSheetOpeningLogic()\n\t\tthis.setupSheetDismissLogic()\n\t\tthis.setupPopStateListener()\n\t}\n\n\t/**\n\t * Sets up the main sheet opening logic\n\t */\n\tprivate setupSheetOpeningLogic() {\n\t\tthis.bottomSheet\n\t\t\t.pipe(\n\t\t\t\tswitchMap(target =>\n\t\t\t\t\tforkJoin([\n\t\t\t\t\t\tfromEvent<SheetHereMortyEvent>(window, SheetHereMorty).pipe(\n\t\t\t\t\t\t\ttakeUntil(timer(100)),\n\t\t\t\t\t\t\tmap(e => e.detail.sheet),\n\t\t\t\t\t\t\tdefaultIfEmpty(undefined),\n\t\t\t\t\t\t),\n\t\t\t\t\t\tof(target).pipe(\n\t\t\t\t\t\t\ttap(() => {\n\t\t\t\t\t\t\t\twindow.dispatchEvent(\n\t\t\t\t\t\t\t\t\tnew CustomEvent(SheetWhereAreYouRicky, {\n\t\t\t\t\t\t\t\t\t\tdetail: { uid: target.uid ?? target.component.tagName },\n\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t),\n\t\t\t\t\t]),\n\t\t\t\t),\n\t\t\t\tmap(([sheet, target]) => {\n\t\t\t\t\tconsole.log(sheet, target)\n\t\t\t\t\tif (!sheet) {\n\t\t\t\t\t\t// if sheet is not found, create it\n\t\t\t\t\t\tsheet = document.createElement('schmancy-sheet')\n\t\t\t\t\t\tdocument.body.appendChild(sheet)\n\t\t\t\t\t}\n\t\t\t\t\tsheet.setAttribute('uid', target.uid ?? target.component.tagName)\n\n\t\t\t\t\t// Use the dynamic position function here\n\t\t\t\t\tconst position = target.position || getPosition() // Use target.position if it's set, otherwise determine based on screen size\n\t\t\t\t\tsheet.setAttribute('position', position)\n\n\t\t\t\t\tsheet.setAttribute('allowOverlyDismiss', target.allowOverlyDismiss === false ? 'false' : 'true')\n\t\t\t\t\ttarget.title && sheet.setAttribute('title', target.title)\n\t\t\t\t\ttarget.persist && sheet.setAttribute('persist', target.persist.toString())\n\t\t\t\t\ttarget.header && sheet.setAttribute('header', target.header)\n\t\t\t\t\tdocument.body.style.overflow = 'hidden' // lock the scroll of the host\n\n\t\t\t\t\treturn { target, sheet }\n\t\t\t\t}),\n\t\t\t\tdelay(20),\n\t\t\t\tfilter(({ target, sheet }) => {\n\t\t\t\t\t//  if the sheet has already the component, just show it\n\t\t\t\t\tif (\n\t\t\t\t\t\ttarget.persist &&\n\t\t\t\t\t\tsheet?.shadowRoot\n\t\t\t\t\t\t\t?.querySelector('slot')\n\t\t\t\t\t\t\t?.assignedElements()\n\t\t\t\t\t\t\t.find(e => e.tagName === target.component.tagName)\n\t\t\t\t\t) {\n\t\t\t\t\t\tsheet?.setAttribute('open', 'true')\n\t\t\t\t\t\treturn false\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn true // if the sheet does not have the component, continue to the next step\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\ttap(({ target, sheet }) => {\n\t\t\t\t\tsheet?.appendChild(target.component)\n\t\t\t\t}),\n\t\t\t\tdelay(1),\n\t\t\t\ttap(({ target, sheet }) => {\n\t\t\t\t\tsheet?.setAttribute('open', 'true')\n\n\t\t\t\t\t// Add to active sheets tracking\n\t\t\t\t\tconst uid = target.uid ?? target.component.tagName\n\t\t\t\t\tthis.activeSheets.add(uid)\n\n\t\t\t\t\t// Handle history integration - default to true if not specified\n\t\t\t\t\tconst shouldHandleHistory = target.handleHistory !== false\n\n\t\t\t\t\tif (shouldHandleHistory) {\n\t\t\t\t\t\t// Use history state to track this specific sheet\n\t\t\t\t\t\tconst historyState = {\n\t\t\t\t\t\t\tschmancySheet: true,\n\t\t\t\t\t\t\tuid: uid,\n\t\t\t\t\t\t\ttimestamp: Date.now(),\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// Push a new history state\n\t\t\t\t\t\thistory.pushState(historyState, '', window.location.href)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\ttap(({ sheet }) => {\n\t\t\t\t\tfromEvent<CustomEvent>(sheet, 'close')\n\t\t\t\t\t\t.pipe(take(1))\n\t\t\t\t\t\t.pipe(delay(300))\n\t\t\t\t\t\t.subscribe(e => {\n\t\t\t\t\t\t\tconst target = e.target as SchmancySheet\n\t\t\t\t\t\t\tconsole.log(target)\n\n\t\t\t\t\t\t\t// Remove from active sheets tracking\n\t\t\t\t\t\t\tconst uid = target.getAttribute('uid')\n\t\t\t\t\t\t\tif (uid) {\n\t\t\t\t\t\t\t\tthis.activeSheets.delete(uid)\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tif (!target?.persist) target?.remove()\n\t\t\t\t\t\t\tdocument.body.style.overflow = 'auto' // unlock the scroll of the host\n\t\t\t\t\t\t})\n\t\t\t\t}),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\t/**\n\t * Sets up the sheet closing/dismissal logic\n\t */\n\tprivate setupSheetDismissLogic() {\n\t\tthis.$dismiss\n\t\t\t.pipe(\n\t\t\t\tmergeMap(uid =>\n\t\t\t\t\tforkJoin([\n\t\t\t\t\t\tfromEvent<SheetHereMortyEvent>(window, SheetHereMorty).pipe(\n\t\t\t\t\t\t\ttakeUntil(timer(100)),\n\t\t\t\t\t\t\tmap(e => e.detail.sheet),\n\t\t\t\t\t\t\tdefaultIfEmpty(undefined),\n\t\t\t\t\t\t),\n\t\t\t\t\t\tof(uid).pipe(\n\t\t\t\t\t\t\ttap(() => {\n\t\t\t\t\t\t\t\twindow.dispatchEvent(new CustomEvent(SheetWhereAreYouRicky, { detail: { uid } }))\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t),\n\t\t\t\t\t]),\n\t\t\t\t),\n\t\t\t\ttap(([sheet, uid]) => {\n\t\t\t\t\tif (sheet) {\n\t\t\t\t\t\tsheet.closeSheet()\n\t\t\t\t\t\tthis.activeSheets.delete(uid)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\t/**\n\t * Sets up the popstate listener to handle browser back button\n\t */\n\tprivate setupPopStateListener() {\n\t\tif (this.popStateListenerActive) return\n\n\t\tfromEvent<PopStateEvent>(window, 'popstate').subscribe(event => {\n\t\t\t// If we have active sheets, close the most recently opened one\n\t\t\tif (this.activeSheets.size > 0) {\n\t\t\t\tconst lastSheet = Array.from(this.activeSheets).pop()\n\t\t\t\tif (lastSheet) {\n\t\t\t\t\tthis.dismiss(lastSheet)\n\n\t\t\t\t\t// Prevent default navigation behavior by pushing a new state\n\t\t\t\t\t// This effectively cancels out the back navigation\n\t\t\t\t\tif (event.state && event.state.schmancySheet) {\n\t\t\t\t\t\thistory.pushState({}, '', window.location.href)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t})\n\n\t\tthis.popStateListenerActive = true\n\t}\n\n\t/**\n\t * Dismiss a sheet by uid\n\t */\n\tdismiss(uid: string) {\n\t\tthis.$dismiss.next(uid)\n\t}\n\n\t/**\n\t * Open a sheet with the given target configuration\n\t */\n\topen(target: BottomSheeetTarget) {\n\t\tthis.bottomSheet.next(target)\n\t}\n\n\t/**\n\t * Check if a sheet is currently open by uid\n\t */\n\tisOpen(uid: string): boolean {\n\t\treturn this.activeSheets.has(uid)\n\t}\n\n\t/**\n\t * Close all open sheets\n\t */\n\tcloseAll() {\n\t\tArray.from(this.activeSheets).forEach(uid => {\n\t\t\tthis.dismiss(uid)\n\t\t})\n\t}\n}\nexport const sheet = new BottomSheetService()\n","import { $LitElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, property, query, queryAssignedElements } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\nimport { fromEvent, merge, takeUntil, tap } from 'rxjs'\nimport { on } from './hook'\nimport style from './sheet.scss?inline'\nimport {\n\tSchmancySheetPosition,\n\tSheetHereMorty,\n\tSheetWhereAreYouRicky,\n\tSheetWhereAreYouRickyEvent,\n\tsheet,\n} from './sheet.service'\n\n@customElement('schmancy-sheet')\nexport default class SchmancySheet extends $LitElement(style) {\n\t@property({ type: String, reflect: true }) uid!: string\n\t@property({ type: Boolean, reflect: true }) open = false\n\t@property({ type: String, reflect: true }) header: 'hidden' | 'visible' = 'visible'\n\t@property({ type: String, reflect: true }) position: SchmancySheetPosition = SchmancySheetPosition.Side\n\t@property({ type: Boolean, reflect: true }) persist = false\n\t@property({ type: Boolean, reflect: true }) allowOverlayDismiss = true\n\t@property({ type: String, reflect: true }) title = ''\n\n\t@query('.sheet') private sheet!: HTMLElement\n\t@queryAssignedElements({ flatten: true }) private assignedElements!: HTMLElement[]\n\n\t@property() focusAttribute = 'autofocus'\n\tprivate lastFocusedElement: HTMLElement | null = null\n\n\t@on('open')\n\tonOpenChange(_oldValue: boolean, newValue: boolean) {\n\t\tif (newValue) {\n\t\t\tthis.lastFocusedElement = document.activeElement as HTMLElement\n\t\t\tthis.addFocusTrap()\n\t\t\tthis.focus()\n\t\t} else {\n\t\t\tthis.removeFocusTrap()\n\t\t\tthis.lastFocusedElement?.focus()\n\t\t\tthis.lastFocusedElement = null\n\t\t}\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.setupEventListeners()\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.disconnecting.next(true)\n\t}\n\n\tprivate setupEventListeners() {\n\t\t// Handle ESC key\n\t\tconst keyUp$ = fromEvent<KeyboardEvent>(window, 'keyup').pipe(\n\t\t\ttap(event => {\n\t\t\t\tif (event.key === 'Escape' && !this.sheetContainsFocus()) {\n\t\t\t\t\tif (this.uid) {\n\t\t\t\t\t\tsheet.dismiss(this.uid)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}),\n\t\t)\n\n\t\t// Handle inter-component communication\n\t\tconst rickyComm$ = fromEvent<SheetWhereAreYouRickyEvent>(window, SheetWhereAreYouRicky).pipe(\n\t\t\ttap(e => {\n\t\t\t\tif (e.detail.uid === this.uid) this.announcePresence()\n\t\t\t}),\n\t\t)\n\n\t\tmerge(keyUp$, rickyComm$).pipe(takeUntil(this.disconnecting)).subscribe()\n\t}\n\n\tprivate sheetContainsFocus(): boolean {\n\t\treturn this.sheet?.contains(document.activeElement) ?? false\n\t}\n\n\tprivate announcePresence() {\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent(SheetHereMorty, {\n\t\t\t\tdetail: { sheet: this },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\tprivate addFocusTrap() {\n\t\tdocument.addEventListener('focusin', this.handleFocusIn)\n\t}\n\n\tprivate removeFocusTrap() {\n\t\tdocument.removeEventListener('focusin', this.handleFocusIn)\n\t}\n\n\tprivate handleFocusIn = (e: Event) => {\n\t\tif (!this.sheet?.contains(e.target as Node)) {\n\t\t\tthis.focus()\n\t\t}\n\t}\n\n\tsetIsSheetShown(isShown: boolean) {\n\t\tthis.sheet?.setAttribute('aria-hidden', String(!isShown))\n\t\tthis.sheet?.setAttribute('aria-modal', String(isShown))\n\t}\n\n\tcloseSheet() {\n\t\tthis.open = false\n\t\tthis.dispatchEvent(new CustomEvent('close'))\n\t}\n\n\tprivate getFocusElement(): HTMLElement | null {\n\t\tconst selector = `[${this.focusAttribute}]`\n\t\treturn (this.assignedElements.find(el => el.matches(selector) || el.querySelector(selector)) as HTMLElement) ?? null\n\t}\n\n\toverride focus() {\n\t\tthis.getFocusElement()?.focus()\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<div class=\"sheet\" role=\"dialog\" aria-labelledby=\"sheet-title\" aria-hidden=${!this.open} aria-modal=${this.open}>\n\t\t\t\t<div\n\t\t\t\t\tclass=\"overlay\"\n\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tif (this.allowOverlayDismiss) sheet.dismiss(this.uid)\n\t\t\t\t\t}}\n\t\t\t\t></div>\n\t\t\t\t<schmancy-grid\n\t\t\t\t\trows=${this.header === 'hidden' ? '1fr' : 'auto 1fr'}\n\t\t\t\t\tclass=\"content w-full\"\n\t\t\t\t\tdata-position=${this.position}\n\t\t\t\t>\n\t\t\t\t\t${when(\n\t\t\t\t\t\tthis.header !== 'hidden',\n\t\t\t\t\t\t() =>\n\t\t\t\t\t\t\thtml`<schmancy-sheet-header\n\t\t\t\t\t\t\t\tclass=\"sticky top-0 z-50 w-full\"\n\t\t\t\t\t\t\t\t@dismiss=${(e: CustomEvent) => {\n\t\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\t\tsheet.dismiss(this.uid)\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tid=\"sheet-title\"\n\t\t\t\t\t\t\t\ttitle=${this.title}\n\t\t\t\t\t\t\t></schmancy-sheet-header>`,\n\t\t\t\t\t)}\n\n\t\t\t\t\t<schmancy-surface rounded=\"left\" fill=\"all\" id=\"body\" class=\"overflow-auto\" type=\"surface\">\n\t\t\t\t\t\t<schmancy-scroll> <slot></slot></schmancy-scroll>\n\t\t\t\t\t</schmancy-surface>\n\t\t\t\t</schmancy-grid>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-sheet': SchmancySheet\n\t}\n}\n","// @watch decorator\n//\n// Runs when an observed property changes, e.g. @property or @state, but before the component updates.\n//\n// To wait for an update to complete after a change occurs, use `await this.updateComplete` in the handler. To start\n// watching after the initial update/render, use `{ waitUntilFirstUpdate: true }` or `this.hasUpdated` in the handler.\n//\n// Usage:\n//\n//  @watch('propName')\n//  handlePropChange(oldValue, newValue) {\n//    ...\n//  }\n//\ninterface WatchOptions {\n\twaitUntilFirstUpdate?: boolean\n}\n\nexport function on(propName: string, options?: WatchOptions) {\n\treturn (protoOrDescriptor: any, name: string): any => {\n\t\tconst { willUpdate } = protoOrDescriptor\n\n\t\toptions = Object.assign({ waitUntilFirstUpdate: false }, options) as WatchOptions\n\n\t\tprotoOrDescriptor.willUpdate = function (changedProps: Map<string, any>) {\n\t\t\twillUpdate.call(this, changedProps)\n\n\t\t\tif (changedProps.has(propName)) {\n\t\t\t\tconst oldValue = changedProps.get(propName)\n\t\t\t\tconst newValue = this[propName]\n\n\t\t\t\tif (oldValue !== newValue) {\n\t\t\t\t\tif (!options?.waitUntilFirstUpdate || this.hasUpdated) {\n\t\t\t\t\t\tthis[name].call(this, oldValue, newValue)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n"],"names":["SchmancySheetHeader","TailwindElement","css","render","html","this","dispatchEvent","CustomEvent","bubbles","composed","customElement","SchmancySheetPosition","SheetWhereAreYouRicky","SheetHereMorty","sheet","bottomSheet","Subject","$dismiss","activeSheets","Set","popStateListenerActive","setupSheetOpeningLogic","setupSheetDismissLogic","setupPopStateListener","pipe","switchMap","forkJoin","fromEvent","window","takeUntil","timer","map","e","detail","defaultIfEmpty","of","target","tap","uid","component","tagName","document","createElement","body","appendChild","setAttribute","position","innerWidth","allowOverlyDismiss","title","persist","toString","header","style","overflow","delay","filter","shadowRoot","querySelector","assignedElements","find","add","handleHistory","historyState","schmancySheet","timestamp","Date","now","history","pushState","location","href","take","subscribe","getAttribute","delete","remove","mergeMap","closeSheet","event","size","lastSheet","Array","from","pop","dismiss","state","next","has","forEach","SchmancySheet","$LitElement","super","arguments","open","Side","allowOverlayDismiss","focusAttribute","lastFocusedElement","handleFocusIn","contains","focus","_oldValue","newValue","activeElement","addFocusTrap","removeFocusTrap","connectedCallback","setupEventListeners","disconnectedCallback","disconnecting","keyUp$","key","sheetContainsFocus","rickyComm$","announcePresence","merge","addEventListener","removeEventListener","isShown","String","selector","el","matches","getFocusElement","stopPropagation","when","propName","options","__decorateClass","property","type","reflect","prototype","Boolean","query","queryAssignedElements","flatten","protoOrDescriptor","name","willUpdate","Object","assign","waitUntilFirstUpdate","changedProps","call","oldValue","get","hasUpdated"],"mappings":"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"}