@mhmo91/schmancy 0.4.32 → 0.4.34

package/dist/{select-DfQogfes.cjs → select-Bw4QilHf.cjs}

@@ -1,4 +1,4 @@
-"use strict";const h=require("@floating-ui/dom"),p=require("rxjs"),f=require("lit/directives/class-map.js");require("lit/directives/style-map.js");const m=require("./litElement.mixin-CII9bbap.cjs");require("./tailwind.mixin-CBu1BEQZ.cjs");const a=require("lit/decorators.js"),v=require("./ripple-C2BHbhcS.cjs"),u=require("./theme.interface-Xg5Zi46a.cjs"),c=require("lit");var S=Object.defineProperty,b=Object.getOwnPropertyDescriptor,o=(t,e,i,s)=>{for(var n,l=s>1?void 0:s?b(e,i):e,r=t.length-1;r>=0;r--)(n=t[r])&&(l=(s?n(e,i,l):n(l))||l);return s&&l&&S(e,i,l),l};exports.SchmancySelect=class extends m.$LitElement(c.css`
+"use strict";const h=require("@floating-ui/dom"),p=require("rxjs"),f=require("lit/directives/class-map.js");require("lit/directives/style-map.js");const m=require("./litElement.mixin-Cs3zx2X6.cjs");require("./tailwind.mixin-1kcW0BGm.cjs");const a=require("lit/decorators.js"),v=require("./ripple-C2BHbhcS.cjs"),u=require("./theme.interface-Xg5Zi46a.cjs"),c=require("lit");var S=Object.defineProperty,b=Object.getOwnPropertyDescriptor,o=(t,e,i,s)=>{for(var n,l=s>1?void 0:s?b(e,i):e,r=t.length-1;r>=0;r--)(n=t[r])&&(l=(s?n(e,i,l):n(l))||l);return s&&l&&S(e,i,l),l};exports.SchmancySelect=class extends m.$LitElement(c.css`
 	:host {
 		display: block;
 		position: relative;
@@ -53,5 +53,5 @@
 					></slot>
 				</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:Boolean,reflect:!0})],exports.SchmancySelect.prototype,"disabled",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.property({type:String})],exports.SchmancySelect.prototype,"validateOn",2),o([a.property({type:String})],exports.SchmancySelect.prototype,"size",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.state()],exports.SchmancySelect.prototype,"defaultValue",2),o([a.query("ul")],exports.SchmancySelect.prototype,"ul",2),o([a.query("sch-input")],exports.SchmancySelect.prototype,"inputRef",2),o([a.queryAssignedElements({flatten:!0})],exports.SchmancySelect.prototype,"options",2),o([a.state()],exports.SchmancySelect.prototype,"_userInteracted",2),o([a.state()],exports.SchmancySelect.prototype,"_touched",2),o([a.state()],exports.SchmancySelect.prototype,"_dirty",2),o([a.state()],exports.SchmancySelect.prototype,"_submitted",2),o([a.state()],exports.SchmancySelect.prototype,"_focusedOptionId",2),exports.SchmancySelect=o([a.customElement("schmancy-select")],exports.SchmancySelect);const g=exports.SchmancySelect;exports.select=g;
-//# sourceMappingURL=select-DfQogfes.cjs.map
+		`}},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:Boolean,reflect:!0})],exports.SchmancySelect.prototype,"disabled",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.property({type:String})],exports.SchmancySelect.prototype,"validateOn",2),o([a.property({type:String})],exports.SchmancySelect.prototype,"size",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.state()],exports.SchmancySelect.prototype,"defaultValue",2),o([a.query("ul")],exports.SchmancySelect.prototype,"ul",2),o([a.query("sch-input")],exports.SchmancySelect.prototype,"inputRef",2),o([a.queryAssignedElements({flatten:!0})],exports.SchmancySelect.prototype,"options",2),o([a.state()],exports.SchmancySelect.prototype,"_userInteracted",2),o([a.state()],exports.SchmancySelect.prototype,"_touched",2),o([a.state()],exports.SchmancySelect.prototype,"_dirty",2),o([a.state()],exports.SchmancySelect.prototype,"_submitted",2),o([a.state()],exports.SchmancySelect.prototype,"_focusedOptionId",2),exports.SchmancySelect=o([a.customElement("schmancy-select")],exports.SchmancySelect);
+//# sourceMappingURL=select-Bw4QilHf.cjs.map

package/dist/{select-DfQogfes.cjs.map → select-Bw4QilHf.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"select-DfQogfes.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'\nimport { fromEvent, takeUntil } from 'rxjs'\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: Boolean, reflect: true }) disabled = 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\t@property({ type: String }) validateOn: 'always' | 'touched' | 'dirty' | 'submitted' = 'touched'\n\t@property({ type: String }) size: 'sm' | 'md' | 'lg' = 'md'\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// Store the initial/default value for reset behavior\n\t@state() private defaultValue: string | string[] = ''\n\n\t@query('ul') private ul!: HTMLUListElement\n\t@query('sch-input') private inputRef!: SchmancyInput\n\t@queryAssignedElements({ flatten: true }) private options!: SchmancyOption[]\n\tprivate cleanupPositioner?: () => void\n\t@state() _userInteracted = false\n\t@state() private _touched = false\n\t@state() private _dirty = false\n\t@state() private _submitted = false\n\n\t// Reference to current focused option (for keyboard navigation)\n\t@state() private _focusedOptionId = ''\n\n\t// Store form event handlers as class properties to properly remove them\n\tprivate formSubmitHandler = () => {\n\t\tthis._submitted = true\n\t\tthis.checkValidity()\n\t}\n\n\tprivate formResetHandler = () => {\n\t\tthis.reset()\n\t}\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).substring(2, 9)}`\n\t\t}\n\n\t\t// Store initial value for reset\n\t\tthis.defaultValue = this.value\n\n\t\t// Add keyboard handling to host element\n\t\tfromEvent<KeyboardEvent>(this, 'keydown').pipe(takeUntil(this.disconnecting)).subscribe(this.handleKeyDown)\n\n\t\t// Listen for option-select events from child options\n\t\tfromEvent<CustomEvent>(this, 'option-select')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe((e) => {\n\t\t\t\te.stopPropagation() // Prevent event from bubbling further\n\t\t\t\tthis.handleOptionSelect(e.detail.value)\n\t\t\t})\n\n\t\t// Listen for form submission events to mark field as submitted\n\t\tif (this.internals?.form) {\n\t\t\tthis.internals.form.addEventListener('submit', this.formSubmitHandler)\n\n\t\t\t// Listen for form reset\n\t\t\tthis.internals.form.addEventListener('reset', this.formResetHandler)\n\t\t}\n\n\t\t// Initially hide any validation errors until user interacts\n\t\tif (this.inputRef) {\n\t\t\tthis.inputRef.error = false\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.cleanupPositioner?.()\n\n\t\t// Remove form event listeners using stored handler references\n\t\tif (this.internals?.form) {\n\t\t\tthis.internals.form.removeEventListener('submit', this.formSubmitHandler)\n\t\t\tthis.internals.form.removeEventListener('reset', this.formResetHandler)\n\t\t}\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// Mark as dirty if value changes from initial value\n\t\t\tif (this.hasUpdated) {\n\t\t\t\tthis._dirty = true\n\t\t\t}\n\n\t\t\t// Update selection state of options\n\t\t\tthis.syncSelection()\n\n\t\t\t// Check validity based on validation strategy\n\t\t\tif (this.hasUpdated) {\n\t\t\t\tthis.checkValidity()\n\t\t\t}\n\t\t}\n\n\t\t// When open state changes, setup or cleanup the dropdown positioner\n\t\tif (changedProps.has('isOpen')) {\n\t\t\tif (this.isOpen) {\n\t\t\t\tthis.positionDropdown()\n\t\t\t} else {\n\t\t\t\tthis.cleanupPositioner?.()\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Determines if validation errors should be shown based on current state\n\t * and validation strategy\n\t */\n\tprivate shouldShowValidation(forceValidation = false): boolean {\n\t\tif (forceValidation) return true\n\n\t\tswitch (this.validateOn) {\n\t\t\tcase 'always':\n\t\t\t\treturn true\n\t\t\tcase 'touched':\n\t\t\t\treturn this._touched\n\t\t\tcase 'dirty':\n\t\t\t\treturn this._dirty\n\t\t\tcase 'submitted':\n\t\t\t\treturn this._submitted\n\t\t\tdefault:\n\t\t\t\treturn this._touched\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 : this.value ? this.value.split(',') : []\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(', ') || this.placeholder\n\t\t\t\t\t: this.placeholder\n\t\t} else {\n\t\t\t// Single select - update option selected state AND value label\n\t\t\tconst currentValue = String(this.value) // Convert to string for safer comparison\n\t\t\tthis.options?.forEach(o => {\n\t\t\t\t// Set selected property on each option based on matching value\n\t\t\t\to.selected = o.value === currentValue\n\t\t\t})\n\t\t\tconst selectedOption = this.options?.find(o => o.value === currentValue)\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\n\t\t\t// Set tabindex to -1 so they're focusable programmatically but not in the tab order\n\t\t\toption.tabIndex = -1\n\t\t\tconst selectedValues = Array.isArray(this.value) ? this.value : this.value ? this.value.split(',') : []\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\tthis.cleanupPositioner = autoUpdate(reference, this.ul, async () => {\n\t\t\t// Get viewport dimensions\n\t\t\tconst viewportHeight = window.innerHeight\n\t\t\tconst triggerRect = reference.getBoundingClientRect()\n\n\t\t\t// Calculate available space below and above\n\t\t\tconst spaceBelow = viewportHeight - triggerRect.bottom\n\t\t\tconst spaceAbove = triggerRect.top\n\n\t\t\t// Calculate max height - use 75% of the largest available space, but at least 150px\n\t\t\tconst maxHeight = Math.max(Math.max(spaceBelow, spaceAbove) * 0.75, 150)\n\n\t\t\t// Determine if we should flip\n\t\t\tconst shouldFlip = spaceBelow < 200 && spaceAbove > spaceBelow\n\n\t\t\t// Apply max height\n\t\t\tthis.ul.style.maxHeight = `${maxHeight}px`\n\n\t\t\tconst { x, y } = await computePosition(reference, this.ul, {\n\t\t\t\tplacement: shouldFlip ? 'top-start' : '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\twidth: `${reference.offsetWidth}px`, // Match the width of the trigger\n\t\t\t})\n\t\t})\n\t}\n\n\tprivate handleKeyDown = (e: KeyboardEvent) => {\n\t\t// Don't handle keyboard events when disabled\n\t\tif (this.disabled) {\n\t\t\treturn\n\t\t}\n\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\t// Find current focused option\n\t\tconst options = Array.from(this.options || [])\n\t\tconst current = options.findIndex(o => o.id === this._focusedOptionId) ?? -1\n\n\t\tswitch (e.key) {\n\t\t\tcase 'Escape':\n\t\t\t\te.preventDefault()\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(options, Math.min(current + 1, 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(options, Math.max(current - 1, 0))\n\t\t\t\tbreak\n\t\t\tcase 'Home':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(options, 0)\n\t\t\t\tbreak\n\t\t\tcase 'End':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(options, options.length - 1)\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 (this._focusedOptionId) {\n\t\t\t\t\tconst focusedOption = options.find(opt => opt.id === this._focusedOptionId)\n\t\t\t\t\tif (focusedOption) {\n\t\t\t\t\t\tthis.handleOptionSelect(focusedOption.value)\n\t\t\t\t\t}\n\t\t\t\t}\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: SchmancyOption[], index: number) {\n\t\tconst option = options[index]\n\t\tif (option) {\n\t\t\toption.focus()\n\t\t\tthis._focusedOptionId = option.id\n\n\t\t\t// Update aria-activedescendant on the combobox\n\t\t\tconst combobox = this.renderRoot.querySelector('.trigger')\n\t\t\tif (combobox) {\n\t\t\t\tcombobox.setAttribute('aria-activedescendant', option.id)\n\t\t\t}\n\n\t\t\t// Ensure option is visible in the scrollable area\n\t\t\tif (this.ul && option.offsetTop !== undefined) {\n\t\t\t\t// Get position info\n\t\t\t\tconst optionTop = option.offsetTop\n\t\t\t\tconst optionHeight = option.offsetHeight\n\t\t\t\tconst scrollTop = this.ul.scrollTop\n\t\t\t\tconst ulHeight = this.ul.clientHeight\n\n\t\t\t\t// Scroll into view if needed\n\t\t\t\tif (optionTop < scrollTop) {\n\t\t\t\t\tthis.ul.scrollTop = optionTop\n\t\t\t\t} else if (optionTop + optionHeight > scrollTop + ulHeight) {\n\t\t\t\t\tthis.ul.scrollTop = optionTop + optionHeight - ulHeight\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate async openDropdown(report = false) {\n\t\t// Don't open if disabled\n\t\tif (this.disabled) {\n\t\t\treturn\n\t\t}\n\n\t\t// Don't mark as touched on opening - we'll do that on closing\n\t\t// so errors only show after interaction is complete\n\n\t\t// Make sure options' selected state is in sync before opening\n\t\tthis.syncSelection()\n\n\t\tthis.isOpen = true\n\t\tawait this.updateComplete\n\n\t\t// Focus first or selected option\n\t\tconst options = Array.from(this.options || [])\n\t\tconst selectedIndex = this.multi ? 0 : options.findIndex(o => o.value === String(this.value))\n\n\t\tthis.focusOption(options, Math.max(selectedIndex, 0))\n\n\t\t// Don't automatically validate when opening\n\t\t// Only validate if explicitly requested (like from a form submission)\n\t\tif (report) this.reportValidity()\n\t}\n\n\tprivate closeDropdown() {\n\t\t// Only mark as touched if the user actually interacted with the component\n\t\t// and made a selection or explicitly closed it without selecting\n\t\tif (this._userInteracted) {\n\t\t\tthis._touched = true\n\t\t}\n\n\t\tthis.isOpen = false\n\t\tthis._focusedOptionId = ''\n\n\t\t// Update combobox to remove aria-activedescendant\n\t\tconst combobox = this.renderRoot.querySelector<HTMLElement>('.trigger')\n\t\tif (combobox) {\n\t\t\tcombobox.removeAttribute('aria-activedescendant')\n\t\t\tcombobox?.focus()\n\t\t}\n\n\t\t// Only check validity when closing if the user has actually interacted\n\t\t// with the component and validation should be shown\n\t\tif (this._userInteracted && this.shouldShowValidation()) {\n\t\t\tthis.checkValidity()\n\t\t}\n\t}\n\n\tprivate handleOptionSelect(value: string) {\n\t\tthis._userInteracted = true\n\t\tthis._touched = true\n\t\tthis._dirty = true\n\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\n\t\t\tlet selectedValues: string[]\n\t\t\tif (Array.isArray(this.value)) {\n\t\t\t\tselectedValues = [...this.value]\n\t\t\t} else {\n\t\t\t\tselectedValues = this.value ? this.value.split(',') : []\n\t\t\t}\n\n\t\t\tif (option.selected) {\n\t\t\t\t// Add value if not already present\n\t\t\t\tif (!selectedValues.includes(value)) {\n\t\t\t\t\tselectedValues.push(value)\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\t// Remove value\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\t// Update display label\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\t// Single select - explicitly update all options' selection state\n\t\t\tthis.options.forEach(o => {\n\t\t\t\to.selected = o.value === value\n\t\t\t})\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.closeDropdown()\n\t\t}\n\n\t\t// Update the option's accessibility state\n\t\tthis.setupOptionsAccessibility()\n\n\t\t// Dispatch change event\n\t\tthis.dispatchChange(this.value)\n\t}\n\n\tprivate dispatchChange(value: string | string[]) {\n\t\t// Dispatch only one change event with the value in detail\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// Then check validity (only show error if validation should be shown)\n\t\tthis.checkValidity()\n\t}\n\n\tpublic checkValidity(): boolean {\n\t\t// Disabled fields are always valid\n\t\tif (this.disabled) {\n\t\t\treturn true\n\t\t}\n\n\t\t// Determine if the select is empty based on whether it's multi-select or single-select\n\t\tconst isEmpty = this.multi ? (Array.isArray(this.value) ? this.value.length === 0 : !this.value) : !this.value\n\n\t\t// Check if the value is valid (not empty when required)\n\t\tconst isValid = !(this.required && isEmpty)\n\n\t\t// Set the validity state\n\t\tthis.isValid = isValid\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\t// Clear validation message\n\t\t\tthis.validationMessage = ''\n\t\t\tthis.internals?.setValidity({})\n\t\t}\n\n\t\t// Update the input component to reflect our validation state\n\t\tif (this.inputRef && this.hasUpdated) {\n\t\t\tconst showError = !this.isValid && this.shouldShowValidation()\n\t\t\tthis.inputRef.error = showError\n\t\t\tthis.inputRef.hint = showError ? this.validationMessage : this.hint\n\t\t}\n\n\t\treturn this.isValid\n\t}\n\n\tpublic reportValidity(): boolean {\n\t\t// Force validation display regardless of validation strategy\n\t\tconst valid = this.checkValidity()\n\n\t\t// Force the input to show validation errors\n\t\tif (this.inputRef) {\n\t\t\t// Set the input's error state\n\t\t\tthis.inputRef.error = !valid\n\t\t\tthis.inputRef.hint = !valid ? this.validationMessage : this.hint\n\n\t\t\t// If invalid and not already open, automatically open the dropdown to show options\n\t\t\tif (!valid && !this.isOpen) {\n\t\t\t\t// Open the dropdown but don't mark as user interaction yet\n\t\t\t\t// This helps users immediately see available options when validation fails\n\t\t\t\tthis.openDropdown(false)\n\t\t\t}\n\n\t\t\t// Only call reportValidity on the input if invalid to show the native popup\n\t\t\tif (!valid) {\n\t\t\t\tthis.inputRef.reportValidity()\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\tif (message) {\n\t\t\tthis.isValid = false\n\t\t\tthis.internals?.setValidity({ customError: true }, message, this.inputRef)\n\t\t} else {\n\t\t\tthis.isValid = true\n\t\t\tthis.internals?.setValidity({})\n\t\t}\n\n\t\t// Update input if needed\n\t\tif (this.inputRef && this.shouldShowValidation()) {\n\t\t\tthis.inputRef.error = !this.isValid\n\t\t\tthis.inputRef.hint = !this.isValid ? this.validationMessage : this.hint\n\t\t}\n\t}\n\n\tpublic reset() {\n\t\t// Reset to initial value\n\t\tthis.value = this.defaultValue\n\t\tthis.valueLabel = this.placeholder\n\t\tthis.isValid = true\n\t\tthis.validationMessage = ''\n\t\tthis._touched = false\n\t\tthis._dirty = false\n\t\tthis._submitted = false\n\t\tthis._userInteracted = false\n\t\tthis.internals?.setValidity({})\n\t\tthis.syncSelection() // Update the options to match the reset value\n\n\t\tif (this.inputRef) {\n\t\t\tthis.inputRef.error = false\n\t\t\tthis.inputRef.hint = this.hint\n\t\t}\n\t}\n\n\trender(): TemplateResult {\n\t\t// Determine if we should show errors based on the validation strategy and interaction\n\t\t// Never show errors on initial render or if the dropdown is open\n\t\tconst showErrors = !this.isValid && this.shouldShowValidation() && !this.isOpen\n\n\t\t// Add caret icon based on open state\n\t\tconst caretIcon = this.isOpen\n\t\t\t? html`<span class=\"absolute right-3 top-1/2 transform -translate-y-1/2\">▲</span>`\n\t\t\t: html`<span class=\"absolute right-3 top-1/2 transform -translate-y-1/2\">▼</span>`\n\n\t\treturn html`\n\t\t\t<div class=\"relative ${this.disabled ? 'opacity-60 cursor-not-allowed' : ''}\">\n\t\t\t\t<sch-input\n\t\t\t\t\t.name=${this.name}\n\t\t\t\t\ttabIndex=${this.disabled ? '-1' : '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\taria-activedescendant=${this._focusedOptionId || undefined}\n\t\t\t\t\taria-disabled=${this.disabled}\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.disabled=${this.disabled}\n\t\t\t\t\t.hint=${showErrors ? this.validationMessage : this.hint}\n\t\t\t\t\t.error=${showErrors}\n\t\t\t\t\t.validateOn=${this.validateOn}\n\t\t\t\t\t.size=${this.size}\n\t\t\t\t\treadonly\n\t\t\t\t\tclickable\n\t\t\t\t\t@click=${(e: MouseEvent) => {\n\t\t\t\t\t\t// Don't process clicks if disabled\n\t\t\t\t\t\tif (this.disabled) {\n\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\treturn\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// On first click, don't count this as user interaction yet\n\t\t\t\t\t\tif (!this.isOpen) {\n\t\t\t\t\t\t\t// Open without triggering validation - we'll validate when they close\n\t\t\t\t\t\t\tthis.openDropdown(false)\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t// Mark as interacted when they close the dropdown\n\t\t\t\t\t\t\tthis._userInteracted = true\n\t\t\t\t\t\t\tthis.closeDropdown()\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t${caretIcon}\n\t\t\t\t</sch-input>\n\n\t\t\t\t<!-- Overlay for capturing clicks outside when dropdown is open -->\n\t\t\t\t${this.isOpen\n\t\t\t\t\t? html` <div class=\"fixed inset-0 z-10\" @click=${this.closeDropdown} tabindex=\"-1\" aria-hidden=\"true\"></div> `\n\t\t\t\t\t: ''}\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 min-w-full w-full z-20 mt-1 rounded-md shadow-lg': true,\n\t\t\t\t\t\thidden: !this.isOpen,\n\t\t\t\t\t})}\n\t\t\t\t\t${color({\n\t\t\t\t\t\tbgColor: SchmancyTheme.sys.color.surface.low,\n\t\t\t\t\t\tcolor: SchmancyTheme.sys.color.surface.on,\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\nexport const select = SchmancySelect\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-select': SchmancySelect\n\t}\n}\n"],"names":["SchmancySelect","$LitElement","css","super","this","required","disabled","placeholder","value","multi","label","hint","validateOn","size","isOpen","valueLabel","isValid","validationMessage","defaultValue","_userInteracted","_touched","_dirty","_submitted","_focusedOptionId","formSubmitHandler","checkValidity","formResetHandler","reset","handleKeyDown","e","includes","key","preventDefault","openDropdown","options","Array","from","current","findIndex","o","id","closeDropdown","focusOption","Math","min","length","max","focusedOption","find","opt","handleOptionSelect","internals","attachInternals","form","connectedCallback","random","toString","substring","fromEvent","pipe","takeUntil","disconnecting","subscribe","stopPropagation","detail","addEventListener","inputRef","error","disconnectedCallback","cleanupPositioner","removeEventListener","firstUpdated","syncSelection","setupOptionsAccessibility","changedProps","updated","has","formValue","isArray","join","setFormValue","hasUpdated","positionDropdown","forceValidation","selectedValues","split","forEach","selected","filter","map","currentValue","String","selectedOption","option","index","setAttribute","tabIndex","reference","renderRoot","querySelector","ul","autoUpdate","async","viewportHeight","window","innerHeight","triggerRect","getBoundingClientRect","spaceBelow","bottom","spaceAbove","top","maxHeight","shouldFlip","style","x","y","computePosition","placement","middleware","offset","flip","shift","padding","Object","assign","left","position","width","offsetWidth","focus","combobox","offsetTop","optionTop","optionHeight","offsetHeight","scrollTop","ulHeight","clientHeight","report","updateComplete","selectedIndex","reportValidity","removeAttribute","shouldShowValidation","push","v","dispatchChange","dispatchEvent","CustomEvent","bubbles","composed","isEmpty","setValidity","valueMissing","showError","valid","message","customError","showErrors","caretIcon","html","name","classMap","hidden","color","bgColor","SchmancyTheme","sys","surface","low","on","formAssociated","__decorateClass","property","type","prototype","Boolean","reflect","state","query","queryAssignedElements","flatten","customElement","select"],"mappings":"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"}
+{"version":3,"file":"select-Bw4QilHf.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'\nimport { fromEvent, takeUntil } from 'rxjs'\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: Boolean, reflect: true }) disabled = 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\t@property({ type: String }) validateOn: 'always' | 'touched' | 'dirty' | 'submitted' = 'touched'\n\t@property({ type: String }) size: 'sm' | 'md' | 'lg' = 'md'\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// Store the initial/default value for reset behavior\n\t@state() private defaultValue: string | string[] = ''\n\n\t@query('ul') private ul!: HTMLUListElement\n\t@query('sch-input') private inputRef!: SchmancyInput\n\t@queryAssignedElements({ flatten: true }) private options!: SchmancyOption[]\n\tprivate cleanupPositioner?: () => void\n\t@state() _userInteracted = false\n\t@state() private _touched = false\n\t@state() private _dirty = false\n\t@state() private _submitted = false\n\n\t// Reference to current focused option (for keyboard navigation)\n\t@state() private _focusedOptionId = ''\n\n\t// Store form event handlers as class properties to properly remove them\n\tprivate formSubmitHandler = () => {\n\t\tthis._submitted = true\n\t\tthis.checkValidity()\n\t}\n\n\tprivate formResetHandler = () => {\n\t\tthis.reset()\n\t}\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).substring(2, 9)}`\n\t\t}\n\n\t\t// Store initial value for reset\n\t\tthis.defaultValue = this.value\n\n\t\t// Add keyboard handling to host element\n\t\tfromEvent<KeyboardEvent>(this, 'keydown').pipe(takeUntil(this.disconnecting)).subscribe(this.handleKeyDown)\n\n\t\t// Listen for option-select events from child options\n\t\tfromEvent<CustomEvent>(this, 'option-select')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe((e) => {\n\t\t\t\te.stopPropagation() // Prevent event from bubbling further\n\t\t\t\tthis.handleOptionSelect(e.detail.value)\n\t\t\t})\n\n\t\t// Listen for form submission events to mark field as submitted\n\t\tif (this.internals?.form) {\n\t\t\tthis.internals.form.addEventListener('submit', this.formSubmitHandler)\n\n\t\t\t// Listen for form reset\n\t\t\tthis.internals.form.addEventListener('reset', this.formResetHandler)\n\t\t}\n\n\t\t// Initially hide any validation errors until user interacts\n\t\tif (this.inputRef) {\n\t\t\tthis.inputRef.error = false\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.cleanupPositioner?.()\n\n\t\t// Remove form event listeners using stored handler references\n\t\tif (this.internals?.form) {\n\t\t\tthis.internals.form.removeEventListener('submit', this.formSubmitHandler)\n\t\t\tthis.internals.form.removeEventListener('reset', this.formResetHandler)\n\t\t}\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// Mark as dirty if value changes from initial value\n\t\t\tif (this.hasUpdated) {\n\t\t\t\tthis._dirty = true\n\t\t\t}\n\n\t\t\t// Update selection state of options\n\t\t\tthis.syncSelection()\n\n\t\t\t// Check validity based on validation strategy\n\t\t\tif (this.hasUpdated) {\n\t\t\t\tthis.checkValidity()\n\t\t\t}\n\t\t}\n\n\t\t// When open state changes, setup or cleanup the dropdown positioner\n\t\tif (changedProps.has('isOpen')) {\n\t\t\tif (this.isOpen) {\n\t\t\t\tthis.positionDropdown()\n\t\t\t} else {\n\t\t\t\tthis.cleanupPositioner?.()\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Determines if validation errors should be shown based on current state\n\t * and validation strategy\n\t */\n\tprivate shouldShowValidation(forceValidation = false): boolean {\n\t\tif (forceValidation) return true\n\n\t\tswitch (this.validateOn) {\n\t\t\tcase 'always':\n\t\t\t\treturn true\n\t\t\tcase 'touched':\n\t\t\t\treturn this._touched\n\t\t\tcase 'dirty':\n\t\t\t\treturn this._dirty\n\t\t\tcase 'submitted':\n\t\t\t\treturn this._submitted\n\t\t\tdefault:\n\t\t\t\treturn this._touched\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 : this.value ? this.value.split(',') : []\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(', ') || this.placeholder\n\t\t\t\t\t: this.placeholder\n\t\t} else {\n\t\t\t// Single select - update option selected state AND value label\n\t\t\tconst currentValue = String(this.value) // Convert to string for safer comparison\n\t\t\tthis.options?.forEach(o => {\n\t\t\t\t// Set selected property on each option based on matching value\n\t\t\t\to.selected = o.value === currentValue\n\t\t\t})\n\t\t\tconst selectedOption = this.options?.find(o => o.value === currentValue)\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\n\t\t\t// Set tabindex to -1 so they're focusable programmatically but not in the tab order\n\t\t\toption.tabIndex = -1\n\t\t\tconst selectedValues = Array.isArray(this.value) ? this.value : this.value ? this.value.split(',') : []\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\tthis.cleanupPositioner = autoUpdate(reference, this.ul, async () => {\n\t\t\t// Get viewport dimensions\n\t\t\tconst viewportHeight = window.innerHeight\n\t\t\tconst triggerRect = reference.getBoundingClientRect()\n\n\t\t\t// Calculate available space below and above\n\t\t\tconst spaceBelow = viewportHeight - triggerRect.bottom\n\t\t\tconst spaceAbove = triggerRect.top\n\n\t\t\t// Calculate max height - use 75% of the largest available space, but at least 150px\n\t\t\tconst maxHeight = Math.max(Math.max(spaceBelow, spaceAbove) * 0.75, 150)\n\n\t\t\t// Determine if we should flip\n\t\t\tconst shouldFlip = spaceBelow < 200 && spaceAbove > spaceBelow\n\n\t\t\t// Apply max height\n\t\t\tthis.ul.style.maxHeight = `${maxHeight}px`\n\n\t\t\tconst { x, y } = await computePosition(reference, this.ul, {\n\t\t\t\tplacement: shouldFlip ? 'top-start' : '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\twidth: `${reference.offsetWidth}px`, // Match the width of the trigger\n\t\t\t})\n\t\t})\n\t}\n\n\tprivate handleKeyDown = (e: KeyboardEvent) => {\n\t\t// Don't handle keyboard events when disabled\n\t\tif (this.disabled) {\n\t\t\treturn\n\t\t}\n\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\t// Find current focused option\n\t\tconst options = Array.from(this.options || [])\n\t\tconst current = options.findIndex(o => o.id === this._focusedOptionId) ?? -1\n\n\t\tswitch (e.key) {\n\t\t\tcase 'Escape':\n\t\t\t\te.preventDefault()\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(options, Math.min(current + 1, 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(options, Math.max(current - 1, 0))\n\t\t\t\tbreak\n\t\t\tcase 'Home':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(options, 0)\n\t\t\t\tbreak\n\t\t\tcase 'End':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(options, options.length - 1)\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 (this._focusedOptionId) {\n\t\t\t\t\tconst focusedOption = options.find(opt => opt.id === this._focusedOptionId)\n\t\t\t\t\tif (focusedOption) {\n\t\t\t\t\t\tthis.handleOptionSelect(focusedOption.value)\n\t\t\t\t\t}\n\t\t\t\t}\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: SchmancyOption[], index: number) {\n\t\tconst option = options[index]\n\t\tif (option) {\n\t\t\toption.focus()\n\t\t\tthis._focusedOptionId = option.id\n\n\t\t\t// Update aria-activedescendant on the combobox\n\t\t\tconst combobox = this.renderRoot.querySelector('.trigger')\n\t\t\tif (combobox) {\n\t\t\t\tcombobox.setAttribute('aria-activedescendant', option.id)\n\t\t\t}\n\n\t\t\t// Ensure option is visible in the scrollable area\n\t\t\tif (this.ul && option.offsetTop !== undefined) {\n\t\t\t\t// Get position info\n\t\t\t\tconst optionTop = option.offsetTop\n\t\t\t\tconst optionHeight = option.offsetHeight\n\t\t\t\tconst scrollTop = this.ul.scrollTop\n\t\t\t\tconst ulHeight = this.ul.clientHeight\n\n\t\t\t\t// Scroll into view if needed\n\t\t\t\tif (optionTop < scrollTop) {\n\t\t\t\t\tthis.ul.scrollTop = optionTop\n\t\t\t\t} else if (optionTop + optionHeight > scrollTop + ulHeight) {\n\t\t\t\t\tthis.ul.scrollTop = optionTop + optionHeight - ulHeight\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate async openDropdown(report = false) {\n\t\t// Don't open if disabled\n\t\tif (this.disabled) {\n\t\t\treturn\n\t\t}\n\n\t\t// Don't mark as touched on opening - we'll do that on closing\n\t\t// so errors only show after interaction is complete\n\n\t\t// Make sure options' selected state is in sync before opening\n\t\tthis.syncSelection()\n\n\t\tthis.isOpen = true\n\t\tawait this.updateComplete\n\n\t\t// Focus first or selected option\n\t\tconst options = Array.from(this.options || [])\n\t\tconst selectedIndex = this.multi ? 0 : options.findIndex(o => o.value === String(this.value))\n\n\t\tthis.focusOption(options, Math.max(selectedIndex, 0))\n\n\t\t// Don't automatically validate when opening\n\t\t// Only validate if explicitly requested (like from a form submission)\n\t\tif (report) this.reportValidity()\n\t}\n\n\tprivate closeDropdown() {\n\t\t// Only mark as touched if the user actually interacted with the component\n\t\t// and made a selection or explicitly closed it without selecting\n\t\tif (this._userInteracted) {\n\t\t\tthis._touched = true\n\t\t}\n\n\t\tthis.isOpen = false\n\t\tthis._focusedOptionId = ''\n\n\t\t// Update combobox to remove aria-activedescendant\n\t\tconst combobox = this.renderRoot.querySelector<HTMLElement>('.trigger')\n\t\tif (combobox) {\n\t\t\tcombobox.removeAttribute('aria-activedescendant')\n\t\t\tcombobox?.focus()\n\t\t}\n\n\t\t// Only check validity when closing if the user has actually interacted\n\t\t// with the component and validation should be shown\n\t\tif (this._userInteracted && this.shouldShowValidation()) {\n\t\t\tthis.checkValidity()\n\t\t}\n\t}\n\n\tprivate handleOptionSelect(value: string) {\n\t\tthis._userInteracted = true\n\t\tthis._touched = true\n\t\tthis._dirty = true\n\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\n\t\t\tlet selectedValues: string[]\n\t\t\tif (Array.isArray(this.value)) {\n\t\t\t\tselectedValues = [...this.value]\n\t\t\t} else {\n\t\t\t\tselectedValues = this.value ? this.value.split(',') : []\n\t\t\t}\n\n\t\t\tif (option.selected) {\n\t\t\t\t// Add value if not already present\n\t\t\t\tif (!selectedValues.includes(value)) {\n\t\t\t\t\tselectedValues.push(value)\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\t// Remove value\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\t// Update display label\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\t// Single select - explicitly update all options' selection state\n\t\t\tthis.options.forEach(o => {\n\t\t\t\to.selected = o.value === value\n\t\t\t})\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.closeDropdown()\n\t\t}\n\n\t\t// Update the option's accessibility state\n\t\tthis.setupOptionsAccessibility()\n\n\t\t// Dispatch change event\n\t\tthis.dispatchChange(this.value)\n\t}\n\n\tprivate dispatchChange(value: string | string[]) {\n\t\t// Dispatch only one change event with the value in detail\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// Then check validity (only show error if validation should be shown)\n\t\tthis.checkValidity()\n\t}\n\n\tpublic checkValidity(): boolean {\n\t\t// Disabled fields are always valid\n\t\tif (this.disabled) {\n\t\t\treturn true\n\t\t}\n\n\t\t// Determine if the select is empty based on whether it's multi-select or single-select\n\t\tconst isEmpty = this.multi ? (Array.isArray(this.value) ? this.value.length === 0 : !this.value) : !this.value\n\n\t\t// Check if the value is valid (not empty when required)\n\t\tconst isValid = !(this.required && isEmpty)\n\n\t\t// Set the validity state\n\t\tthis.isValid = isValid\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\t// Clear validation message\n\t\t\tthis.validationMessage = ''\n\t\t\tthis.internals?.setValidity({})\n\t\t}\n\n\t\t// Update the input component to reflect our validation state\n\t\tif (this.inputRef && this.hasUpdated) {\n\t\t\tconst showError = !this.isValid && this.shouldShowValidation()\n\t\t\tthis.inputRef.error = showError\n\t\t\tthis.inputRef.hint = showError ? this.validationMessage : this.hint\n\t\t}\n\n\t\treturn this.isValid\n\t}\n\n\tpublic reportValidity(): boolean {\n\t\t// Force validation display regardless of validation strategy\n\t\tconst valid = this.checkValidity()\n\n\t\t// Force the input to show validation errors\n\t\tif (this.inputRef) {\n\t\t\t// Set the input's error state\n\t\t\tthis.inputRef.error = !valid\n\t\t\tthis.inputRef.hint = !valid ? this.validationMessage : this.hint\n\n\t\t\t// If invalid and not already open, automatically open the dropdown to show options\n\t\t\tif (!valid && !this.isOpen) {\n\t\t\t\t// Open the dropdown but don't mark as user interaction yet\n\t\t\t\t// This helps users immediately see available options when validation fails\n\t\t\t\tthis.openDropdown(false)\n\t\t\t}\n\n\t\t\t// Only call reportValidity on the input if invalid to show the native popup\n\t\t\tif (!valid) {\n\t\t\t\tthis.inputRef.reportValidity()\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\tif (message) {\n\t\t\tthis.isValid = false\n\t\t\tthis.internals?.setValidity({ customError: true }, message, this.inputRef)\n\t\t} else {\n\t\t\tthis.isValid = true\n\t\t\tthis.internals?.setValidity({})\n\t\t}\n\n\t\t// Update input if needed\n\t\tif (this.inputRef && this.shouldShowValidation()) {\n\t\t\tthis.inputRef.error = !this.isValid\n\t\t\tthis.inputRef.hint = !this.isValid ? this.validationMessage : this.hint\n\t\t}\n\t}\n\n\tpublic reset() {\n\t\t// Reset to initial value\n\t\tthis.value = this.defaultValue\n\t\tthis.valueLabel = this.placeholder\n\t\tthis.isValid = true\n\t\tthis.validationMessage = ''\n\t\tthis._touched = false\n\t\tthis._dirty = false\n\t\tthis._submitted = false\n\t\tthis._userInteracted = false\n\t\tthis.internals?.setValidity({})\n\t\tthis.syncSelection() // Update the options to match the reset value\n\n\t\tif (this.inputRef) {\n\t\t\tthis.inputRef.error = false\n\t\t\tthis.inputRef.hint = this.hint\n\t\t}\n\t}\n\n\trender(): TemplateResult {\n\t\t// Determine if we should show errors based on the validation strategy and interaction\n\t\t// Never show errors on initial render or if the dropdown is open\n\t\tconst showErrors = !this.isValid && this.shouldShowValidation() && !this.isOpen\n\n\t\t// Add caret icon based on open state\n\t\tconst caretIcon = this.isOpen\n\t\t\t? html`<span class=\"absolute right-3 top-1/2 transform -translate-y-1/2\">▲</span>`\n\t\t\t: html`<span class=\"absolute right-3 top-1/2 transform -translate-y-1/2\">▼</span>`\n\n\t\treturn html`\n\t\t\t<div class=\"relative ${this.disabled ? 'opacity-60 cursor-not-allowed' : ''}\">\n\t\t\t\t<sch-input\n\t\t\t\t\t.name=${this.name}\n\t\t\t\t\ttabIndex=${this.disabled ? '-1' : '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\taria-activedescendant=${this._focusedOptionId || undefined}\n\t\t\t\t\taria-disabled=${this.disabled}\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.disabled=${this.disabled}\n\t\t\t\t\t.hint=${showErrors ? this.validationMessage : this.hint}\n\t\t\t\t\t.error=${showErrors}\n\t\t\t\t\t.validateOn=${this.validateOn}\n\t\t\t\t\t.size=${this.size}\n\t\t\t\t\treadonly\n\t\t\t\t\tclickable\n\t\t\t\t\t@click=${(e: MouseEvent) => {\n\t\t\t\t\t\t// Don't process clicks if disabled\n\t\t\t\t\t\tif (this.disabled) {\n\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\treturn\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// On first click, don't count this as user interaction yet\n\t\t\t\t\t\tif (!this.isOpen) {\n\t\t\t\t\t\t\t// Open without triggering validation - we'll validate when they close\n\t\t\t\t\t\t\tthis.openDropdown(false)\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t// Mark as interacted when they close the dropdown\n\t\t\t\t\t\t\tthis._userInteracted = true\n\t\t\t\t\t\t\tthis.closeDropdown()\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t${caretIcon}\n\t\t\t\t</sch-input>\n\n\t\t\t\t<!-- Overlay for capturing clicks outside when dropdown is open -->\n\t\t\t\t${this.isOpen\n\t\t\t\t\t? html` <div class=\"fixed inset-0 z-10\" @click=${this.closeDropdown} tabindex=\"-1\" aria-hidden=\"true\"></div> `\n\t\t\t\t\t: ''}\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 min-w-full w-full z-20 mt-1 rounded-md shadow-lg': true,\n\t\t\t\t\t\thidden: !this.isOpen,\n\t\t\t\t\t})}\n\t\t\t\t\t${color({\n\t\t\t\t\t\tbgColor: SchmancyTheme.sys.color.surface.low,\n\t\t\t\t\t\tcolor: SchmancyTheme.sys.color.surface.on,\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\n// Don't export 'select' here as it conflicts with the store's select decorator\n// export const select = SchmancySelect\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-select': SchmancySelect\n\t}\n}\n"],"names":["SchmancySelect","$LitElement","css","constructor","super","this","required","disabled","placeholder","value","multi","label","hint","validateOn","size","isOpen","valueLabel","isValid","validationMessage","defaultValue","_userInteracted","_touched","_dirty","_submitted","_focusedOptionId","formSubmitHandler","checkValidity","formResetHandler","reset","handleKeyDown","e","includes","key","preventDefault","openDropdown","options","Array","from","current","findIndex","o","id","closeDropdown","focusOption","Math","min","length","max","focusedOption","find","opt","handleOptionSelect","internals","attachInternals","form","connectedCallback","random","toString","substring","fromEvent","pipe","takeUntil","disconnecting","subscribe","stopPropagation","detail","addEventListener","inputRef","error","disconnectedCallback","cleanupPositioner","removeEventListener","firstUpdated","syncSelection","setupOptionsAccessibility","changedProps","updated","has","formValue","isArray","join","setFormValue","hasUpdated","positionDropdown","forceValidation","selectedValues","split","forEach","selected","filter","map","currentValue","String","selectedOption","option","index","setAttribute","tabIndex","reference","renderRoot","querySelector","ul","autoUpdate","async","viewportHeight","window","innerHeight","triggerRect","getBoundingClientRect","spaceBelow","bottom","spaceAbove","top","maxHeight","shouldFlip","style","x","y","computePosition","placement","middleware","offset","flip","shift","padding","Object","assign","left","position","width","offsetWidth","focus","combobox","offsetTop","optionTop","optionHeight","offsetHeight","scrollTop","ulHeight","clientHeight","report","updateComplete","selectedIndex","reportValidity","removeAttribute","shouldShowValidation","push","v","dispatchChange","dispatchEvent","CustomEvent","bubbles","composed","isEmpty","setValidity","valueMissing","showError","valid","message","customError","showErrors","caretIcon","html","name","classMap","hidden","color","bgColor","SchmancyTheme","sys","surface","low","on","formAssociated","__decorateClass","property","type","prototype","Boolean","reflect","state","query","queryAssignedElements","flatten","customElement"],"mappings":"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"}

package/dist/{select-wui4bIUE.js → select-g77JoEFx.js}

@@ -2,17 +2,17 @@ import { autoUpdate as b, computePosition as g, offset as w, flip as O, shift as
 import { fromEvent as c, takeUntil as f } from "rxjs";
 import { classMap as S } from "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
-import { $ } from "./litElement.mixin-DGeprHKB.js";
-import "./tailwind.mixin-DWhCm94g.js";
+import { $ } from "./litElement.mixin-Cn8IAazz.js";
+import "./tailwind.mixin-BHLwDiBj.js";
 import { property as r, state as h, query as y, queryAssignedElements as _, customElement as k } from "lit/decorators.js";
 import { c as A } from "./ripple-BumgqsDT.js";
 import { S as v } from "./theme.interface-C5Kj6WjD.js";
 import { css as D, html as u } from "lit";
-var R = Object.defineProperty, x = Object.getOwnPropertyDescriptor, a = (t, i, e, o) => {
-  for (var n, l = o > 1 ? void 0 : o ? x(i, e) : i, d = t.length - 1; d >= 0; d--) (n = t[d]) && (l = (o ? n(i, e, l) : n(l)) || l);
-  return o && l && R(i, e, l), l;
+var R = Object.defineProperty, x = Object.getOwnPropertyDescriptor, a = (t, i, e, s) => {
+  for (var n, l = s > 1 ? void 0 : s ? x(i, e) : i, d = t.length - 1; d >= 0; d--) (n = t[d]) && (l = (s ? n(i, e, l) : n(l)) || l);
+  return s && l && R(i, e, l), l;
 };
-let s = class extends $(D`
+let o = class extends $(D`
 	:host {
 		display: block;
 		position: relative;
@@ -31,7 +31,7 @@ let s = class extends $(D`
     }, this.handleKeyDown = (t) => {
       if (this.disabled) return;
       if (!this.isOpen) return void (["Enter", " ", "ArrowDown"].includes(t.key) && (t.preventDefault(), this.openDropdown(!1)));
-      const i = Array.from(this.options || []), e = i.findIndex((o) => o.id === this._focusedOptionId) ?? -1;
+      const i = Array.from(this.options || []), e = i.findIndex((s) => s.id === this._focusedOptionId) ?? -1;
       switch (t.key) {
         case "Escape":
           t.preventDefault(), this.closeDropdown();
@@ -51,8 +51,8 @@ let s = class extends $(D`
         case "Enter":
         case " ":
           if (t.preventDefault(), this._focusedOptionId) {
-            const o = i.find((n) => n.id === this._focusedOptionId);
-            o && this.handleOptionSelect(o.value);
+            const s = i.find((n) => n.id === this._focusedOptionId);
+            s && this.handleOptionSelect(s.value);
           }
           break;
         case "Tab":
@@ -122,7 +122,7 @@ let s = class extends $(D`
   async positionDropdown() {
     const t = this.renderRoot.querySelector(".trigger");
     t && this.ul && (this.cleanupPositioner = b(t, this.ul, async () => {
-      const i = window.innerHeight, e = t.getBoundingClientRect(), o = i - e.bottom, n = e.top, l = Math.max(0.75 * Math.max(o, n), 150), d = o < 200 && n > o;
+      const i = window.innerHeight, e = t.getBoundingClientRect(), s = i - e.bottom, n = e.top, l = Math.max(0.75 * Math.max(s, n), 150), d = s < 200 && n > s;
       this.ul.style.maxHeight = `${l}px`;
       const { x: p, y: m } = await g(t, this.ul, { placement: d ? "top-start" : "bottom-start", middleware: [w(5), O(), V({ padding: 5 })] });
       Object.assign(this.ul.style, { left: `${p}px`, top: `${m}px`, position: "absolute", width: `${t.offsetWidth}px` });
@@ -132,8 +132,8 @@ let s = class extends $(D`
     const e = t[i];
     if (e) {
       e.focus(), this._focusedOptionId = e.id;
-      const o = this.renderRoot.querySelector(".trigger");
-      if (o && o.setAttribute("aria-activedescendant", e.id), this.ul && e.offsetTop !== void 0) {
+      const s = this.renderRoot.querySelector(".trigger");
+      if (s && s.setAttribute("aria-activedescendant", e.id), this.ul && e.offsetTop !== void 0) {
         const n = e.offsetTop, l = e.offsetHeight, d = this.ul.scrollTop, p = this.ul.clientHeight;
         n < d ? this.ul.scrollTop = n : n + l > d + p && (this.ul.scrollTop = n + l - p);
       }
@@ -142,7 +142,7 @@ let s = class extends $(D`
   async openDropdown(t = !1) {
     if (this.disabled) return;
     this.syncSelection(), this.isOpen = !0, await this.updateComplete;
-    const i = Array.from(this.options || []), e = this.multi ? 0 : i.findIndex((o) => o.value === String(this.value));
+    const i = Array.from(this.options || []), e = this.multi ? 0 : i.findIndex((s) => s.value === String(this.value));
     this.focusOption(i, Math.max(e, 0)), t && this.reportValidity();
   }
   closeDropdown() {
@@ -152,10 +152,10 @@ let s = class extends $(D`
   }
   handleOptionSelect(t) {
     if (this._userInteracted = !0, this._touched = !0, this._dirty = !0, this.multi) {
-      const i = this.options.find((o) => o.value === t);
+      const i = this.options.find((s) => s.value === t);
       if (!i) return;
       let e;
-      i.selected = !i.selected, e = Array.isArray(this.value) ? [...this.value] : this.value ? this.value.split(",") : [], i.selected ? e.includes(t) || e.push(t) : e = e.filter((o) => o !== t), this.value = e, this.valueLabel = e.length > 0 ? this.options.filter((o) => e.includes(o.value)).map((o) => o.label).join(", ") : this.placeholder;
+      i.selected = !i.selected, e = Array.isArray(this.value) ? [...this.value] : this.value ? this.value.split(",") : [], i.selected ? e.includes(t) || e.push(t) : e = e.filter((s) => s !== t), this.value = e, this.valueLabel = e.length > 0 ? this.options.filter((s) => e.includes(s.value)).map((s) => s.label).join(", ") : this.placeholder;
     } else this.options.forEach((i) => {
       i.selected = i.value === t;
     }), this.value = t, this.valueLabel = this.options.find((i) => i.value === t)?.label || this.placeholder, this.closeDropdown();
@@ -238,10 +238,8 @@ let s = class extends $(D`
 		`;
   }
 };
-s.formAssociated = !0, a([r({ type: String })], s.prototype, "name", 2), a([r({ type: Boolean, reflect: !0 })], s.prototype, "required", 2), a([r({ type: Boolean, reflect: !0 })], s.prototype, "disabled", 2), a([r({ type: String })], s.prototype, "placeholder", 2), a([r({ type: String, reflect: !0 })], s.prototype, "value", 2), a([r({ type: Boolean })], s.prototype, "multi", 2), a([r({ type: String })], s.prototype, "label", 2), a([r({ type: String })], s.prototype, "hint", 2), a([r({ type: String })], s.prototype, "validateOn", 2), a([r({ type: String })], s.prototype, "size", 2), a([h()], s.prototype, "isOpen", 2), a([h()], s.prototype, "valueLabel", 2), a([h()], s.prototype, "isValid", 2), a([r({ type: String })], s.prototype, "validationMessage", 2), a([h()], s.prototype, "defaultValue", 2), a([y("ul")], s.prototype, "ul", 2), a([y("sch-input")], s.prototype, "inputRef", 2), a([_({ flatten: !0 })], s.prototype, "options", 2), a([h()], s.prototype, "_userInteracted", 2), a([h()], s.prototype, "_touched", 2), a([h()], s.prototype, "_dirty", 2), a([h()], s.prototype, "_submitted", 2), a([h()], s.prototype, "_focusedOptionId", 2), s = a([k("schmancy-select")], s);
-const z = s;
+o.formAssociated = !0, a([r({ type: String })], o.prototype, "name", 2), a([r({ type: Boolean, reflect: !0 })], o.prototype, "required", 2), a([r({ type: Boolean, reflect: !0 })], o.prototype, "disabled", 2), a([r({ type: String })], o.prototype, "placeholder", 2), a([r({ type: String, reflect: !0 })], o.prototype, "value", 2), a([r({ type: Boolean })], o.prototype, "multi", 2), a([r({ type: String })], o.prototype, "label", 2), a([r({ type: String })], o.prototype, "hint", 2), a([r({ type: String })], o.prototype, "validateOn", 2), a([r({ type: String })], o.prototype, "size", 2), a([h()], o.prototype, "isOpen", 2), a([h()], o.prototype, "valueLabel", 2), a([h()], o.prototype, "isValid", 2), a([r({ type: String })], o.prototype, "validationMessage", 2), a([h()], o.prototype, "defaultValue", 2), a([y("ul")], o.prototype, "ul", 2), a([y("sch-input")], o.prototype, "inputRef", 2), a([_({ flatten: !0 })], o.prototype, "options", 2), a([h()], o.prototype, "_userInteracted", 2), a([h()], o.prototype, "_touched", 2), a([h()], o.prototype, "_dirty", 2), a([h()], o.prototype, "_submitted", 2), a([h()], o.prototype, "_focusedOptionId", 2), o = a([k("schmancy-select")], o);
 export {
-  s as S,
-  z as s
+  o as S
 };
-//# sourceMappingURL=select-wui4bIUE.js.map
+//# sourceMappingURL=select-g77JoEFx.js.map

package/dist/{select-wui4bIUE.js.map → select-g77JoEFx.js.map}

@@ -1 +1 @@
-{"version":3,"file":"select-wui4bIUE.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'\nimport { fromEvent, takeUntil } from 'rxjs'\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: Boolean, reflect: true }) disabled = 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\t@property({ type: String }) validateOn: 'always' | 'touched' | 'dirty' | 'submitted' = 'touched'\n\t@property({ type: String }) size: 'sm' | 'md' | 'lg' = 'md'\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// Store the initial/default value for reset behavior\n\t@state() private defaultValue: string | string[] = ''\n\n\t@query('ul') private ul!: HTMLUListElement\n\t@query('sch-input') private inputRef!: SchmancyInput\n\t@queryAssignedElements({ flatten: true }) private options!: SchmancyOption[]\n\tprivate cleanupPositioner?: () => void\n\t@state() _userInteracted = false\n\t@state() private _touched = false\n\t@state() private _dirty = false\n\t@state() private _submitted = false\n\n\t// Reference to current focused option (for keyboard navigation)\n\t@state() private _focusedOptionId = ''\n\n\t// Store form event handlers as class properties to properly remove them\n\tprivate formSubmitHandler = () => {\n\t\tthis._submitted = true\n\t\tthis.checkValidity()\n\t}\n\n\tprivate formResetHandler = () => {\n\t\tthis.reset()\n\t}\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).substring(2, 9)}`\n\t\t}\n\n\t\t// Store initial value for reset\n\t\tthis.defaultValue = this.value\n\n\t\t// Add keyboard handling to host element\n\t\tfromEvent<KeyboardEvent>(this, 'keydown').pipe(takeUntil(this.disconnecting)).subscribe(this.handleKeyDown)\n\n\t\t// Listen for option-select events from child options\n\t\tfromEvent<CustomEvent>(this, 'option-select')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe((e) => {\n\t\t\t\te.stopPropagation() // Prevent event from bubbling further\n\t\t\t\tthis.handleOptionSelect(e.detail.value)\n\t\t\t})\n\n\t\t// Listen for form submission events to mark field as submitted\n\t\tif (this.internals?.form) {\n\t\t\tthis.internals.form.addEventListener('submit', this.formSubmitHandler)\n\n\t\t\t// Listen for form reset\n\t\t\tthis.internals.form.addEventListener('reset', this.formResetHandler)\n\t\t}\n\n\t\t// Initially hide any validation errors until user interacts\n\t\tif (this.inputRef) {\n\t\t\tthis.inputRef.error = false\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.cleanupPositioner?.()\n\n\t\t// Remove form event listeners using stored handler references\n\t\tif (this.internals?.form) {\n\t\t\tthis.internals.form.removeEventListener('submit', this.formSubmitHandler)\n\t\t\tthis.internals.form.removeEventListener('reset', this.formResetHandler)\n\t\t}\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// Mark as dirty if value changes from initial value\n\t\t\tif (this.hasUpdated) {\n\t\t\t\tthis._dirty = true\n\t\t\t}\n\n\t\t\t// Update selection state of options\n\t\t\tthis.syncSelection()\n\n\t\t\t// Check validity based on validation strategy\n\t\t\tif (this.hasUpdated) {\n\t\t\t\tthis.checkValidity()\n\t\t\t}\n\t\t}\n\n\t\t// When open state changes, setup or cleanup the dropdown positioner\n\t\tif (changedProps.has('isOpen')) {\n\t\t\tif (this.isOpen) {\n\t\t\t\tthis.positionDropdown()\n\t\t\t} else {\n\t\t\t\tthis.cleanupPositioner?.()\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Determines if validation errors should be shown based on current state\n\t * and validation strategy\n\t */\n\tprivate shouldShowValidation(forceValidation = false): boolean {\n\t\tif (forceValidation) return true\n\n\t\tswitch (this.validateOn) {\n\t\t\tcase 'always':\n\t\t\t\treturn true\n\t\t\tcase 'touched':\n\t\t\t\treturn this._touched\n\t\t\tcase 'dirty':\n\t\t\t\treturn this._dirty\n\t\t\tcase 'submitted':\n\t\t\t\treturn this._submitted\n\t\t\tdefault:\n\t\t\t\treturn this._touched\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 : this.value ? this.value.split(',') : []\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(', ') || this.placeholder\n\t\t\t\t\t: this.placeholder\n\t\t} else {\n\t\t\t// Single select - update option selected state AND value label\n\t\t\tconst currentValue = String(this.value) // Convert to string for safer comparison\n\t\t\tthis.options?.forEach(o => {\n\t\t\t\t// Set selected property on each option based on matching value\n\t\t\t\to.selected = o.value === currentValue\n\t\t\t})\n\t\t\tconst selectedOption = this.options?.find(o => o.value === currentValue)\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\n\t\t\t// Set tabindex to -1 so they're focusable programmatically but not in the tab order\n\t\t\toption.tabIndex = -1\n\t\t\tconst selectedValues = Array.isArray(this.value) ? this.value : this.value ? this.value.split(',') : []\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\tthis.cleanupPositioner = autoUpdate(reference, this.ul, async () => {\n\t\t\t// Get viewport dimensions\n\t\t\tconst viewportHeight = window.innerHeight\n\t\t\tconst triggerRect = reference.getBoundingClientRect()\n\n\t\t\t// Calculate available space below and above\n\t\t\tconst spaceBelow = viewportHeight - triggerRect.bottom\n\t\t\tconst spaceAbove = triggerRect.top\n\n\t\t\t// Calculate max height - use 75% of the largest available space, but at least 150px\n\t\t\tconst maxHeight = Math.max(Math.max(spaceBelow, spaceAbove) * 0.75, 150)\n\n\t\t\t// Determine if we should flip\n\t\t\tconst shouldFlip = spaceBelow < 200 && spaceAbove > spaceBelow\n\n\t\t\t// Apply max height\n\t\t\tthis.ul.style.maxHeight = `${maxHeight}px`\n\n\t\t\tconst { x, y } = await computePosition(reference, this.ul, {\n\t\t\t\tplacement: shouldFlip ? 'top-start' : '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\twidth: `${reference.offsetWidth}px`, // Match the width of the trigger\n\t\t\t})\n\t\t})\n\t}\n\n\tprivate handleKeyDown = (e: KeyboardEvent) => {\n\t\t// Don't handle keyboard events when disabled\n\t\tif (this.disabled) {\n\t\t\treturn\n\t\t}\n\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\t// Find current focused option\n\t\tconst options = Array.from(this.options || [])\n\t\tconst current = options.findIndex(o => o.id === this._focusedOptionId) ?? -1\n\n\t\tswitch (e.key) {\n\t\t\tcase 'Escape':\n\t\t\t\te.preventDefault()\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(options, Math.min(current + 1, 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(options, Math.max(current - 1, 0))\n\t\t\t\tbreak\n\t\t\tcase 'Home':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(options, 0)\n\t\t\t\tbreak\n\t\t\tcase 'End':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(options, options.length - 1)\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 (this._focusedOptionId) {\n\t\t\t\t\tconst focusedOption = options.find(opt => opt.id === this._focusedOptionId)\n\t\t\t\t\tif (focusedOption) {\n\t\t\t\t\t\tthis.handleOptionSelect(focusedOption.value)\n\t\t\t\t\t}\n\t\t\t\t}\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: SchmancyOption[], index: number) {\n\t\tconst option = options[index]\n\t\tif (option) {\n\t\t\toption.focus()\n\t\t\tthis._focusedOptionId = option.id\n\n\t\t\t// Update aria-activedescendant on the combobox\n\t\t\tconst combobox = this.renderRoot.querySelector('.trigger')\n\t\t\tif (combobox) {\n\t\t\t\tcombobox.setAttribute('aria-activedescendant', option.id)\n\t\t\t}\n\n\t\t\t// Ensure option is visible in the scrollable area\n\t\t\tif (this.ul && option.offsetTop !== undefined) {\n\t\t\t\t// Get position info\n\t\t\t\tconst optionTop = option.offsetTop\n\t\t\t\tconst optionHeight = option.offsetHeight\n\t\t\t\tconst scrollTop = this.ul.scrollTop\n\t\t\t\tconst ulHeight = this.ul.clientHeight\n\n\t\t\t\t// Scroll into view if needed\n\t\t\t\tif (optionTop < scrollTop) {\n\t\t\t\t\tthis.ul.scrollTop = optionTop\n\t\t\t\t} else if (optionTop + optionHeight > scrollTop + ulHeight) {\n\t\t\t\t\tthis.ul.scrollTop = optionTop + optionHeight - ulHeight\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate async openDropdown(report = false) {\n\t\t// Don't open if disabled\n\t\tif (this.disabled) {\n\t\t\treturn\n\t\t}\n\n\t\t// Don't mark as touched on opening - we'll do that on closing\n\t\t// so errors only show after interaction is complete\n\n\t\t// Make sure options' selected state is in sync before opening\n\t\tthis.syncSelection()\n\n\t\tthis.isOpen = true\n\t\tawait this.updateComplete\n\n\t\t// Focus first or selected option\n\t\tconst options = Array.from(this.options || [])\n\t\tconst selectedIndex = this.multi ? 0 : options.findIndex(o => o.value === String(this.value))\n\n\t\tthis.focusOption(options, Math.max(selectedIndex, 0))\n\n\t\t// Don't automatically validate when opening\n\t\t// Only validate if explicitly requested (like from a form submission)\n\t\tif (report) this.reportValidity()\n\t}\n\n\tprivate closeDropdown() {\n\t\t// Only mark as touched if the user actually interacted with the component\n\t\t// and made a selection or explicitly closed it without selecting\n\t\tif (this._userInteracted) {\n\t\t\tthis._touched = true\n\t\t}\n\n\t\tthis.isOpen = false\n\t\tthis._focusedOptionId = ''\n\n\t\t// Update combobox to remove aria-activedescendant\n\t\tconst combobox = this.renderRoot.querySelector<HTMLElement>('.trigger')\n\t\tif (combobox) {\n\t\t\tcombobox.removeAttribute('aria-activedescendant')\n\t\t\tcombobox?.focus()\n\t\t}\n\n\t\t// Only check validity when closing if the user has actually interacted\n\t\t// with the component and validation should be shown\n\t\tif (this._userInteracted && this.shouldShowValidation()) {\n\t\t\tthis.checkValidity()\n\t\t}\n\t}\n\n\tprivate handleOptionSelect(value: string) {\n\t\tthis._userInteracted = true\n\t\tthis._touched = true\n\t\tthis._dirty = true\n\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\n\t\t\tlet selectedValues: string[]\n\t\t\tif (Array.isArray(this.value)) {\n\t\t\t\tselectedValues = [...this.value]\n\t\t\t} else {\n\t\t\t\tselectedValues = this.value ? this.value.split(',') : []\n\t\t\t}\n\n\t\t\tif (option.selected) {\n\t\t\t\t// Add value if not already present\n\t\t\t\tif (!selectedValues.includes(value)) {\n\t\t\t\t\tselectedValues.push(value)\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\t// Remove value\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\t// Update display label\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\t// Single select - explicitly update all options' selection state\n\t\t\tthis.options.forEach(o => {\n\t\t\t\to.selected = o.value === value\n\t\t\t})\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.closeDropdown()\n\t\t}\n\n\t\t// Update the option's accessibility state\n\t\tthis.setupOptionsAccessibility()\n\n\t\t// Dispatch change event\n\t\tthis.dispatchChange(this.value)\n\t}\n\n\tprivate dispatchChange(value: string | string[]) {\n\t\t// Dispatch only one change event with the value in detail\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// Then check validity (only show error if validation should be shown)\n\t\tthis.checkValidity()\n\t}\n\n\tpublic checkValidity(): boolean {\n\t\t// Disabled fields are always valid\n\t\tif (this.disabled) {\n\t\t\treturn true\n\t\t}\n\n\t\t// Determine if the select is empty based on whether it's multi-select or single-select\n\t\tconst isEmpty = this.multi ? (Array.isArray(this.value) ? this.value.length === 0 : !this.value) : !this.value\n\n\t\t// Check if the value is valid (not empty when required)\n\t\tconst isValid = !(this.required && isEmpty)\n\n\t\t// Set the validity state\n\t\tthis.isValid = isValid\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\t// Clear validation message\n\t\t\tthis.validationMessage = ''\n\t\t\tthis.internals?.setValidity({})\n\t\t}\n\n\t\t// Update the input component to reflect our validation state\n\t\tif (this.inputRef && this.hasUpdated) {\n\t\t\tconst showError = !this.isValid && this.shouldShowValidation()\n\t\t\tthis.inputRef.error = showError\n\t\t\tthis.inputRef.hint = showError ? this.validationMessage : this.hint\n\t\t}\n\n\t\treturn this.isValid\n\t}\n\n\tpublic reportValidity(): boolean {\n\t\t// Force validation display regardless of validation strategy\n\t\tconst valid = this.checkValidity()\n\n\t\t// Force the input to show validation errors\n\t\tif (this.inputRef) {\n\t\t\t// Set the input's error state\n\t\t\tthis.inputRef.error = !valid\n\t\t\tthis.inputRef.hint = !valid ? this.validationMessage : this.hint\n\n\t\t\t// If invalid and not already open, automatically open the dropdown to show options\n\t\t\tif (!valid && !this.isOpen) {\n\t\t\t\t// Open the dropdown but don't mark as user interaction yet\n\t\t\t\t// This helps users immediately see available options when validation fails\n\t\t\t\tthis.openDropdown(false)\n\t\t\t}\n\n\t\t\t// Only call reportValidity on the input if invalid to show the native popup\n\t\t\tif (!valid) {\n\t\t\t\tthis.inputRef.reportValidity()\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\tif (message) {\n\t\t\tthis.isValid = false\n\t\t\tthis.internals?.setValidity({ customError: true }, message, this.inputRef)\n\t\t} else {\n\t\t\tthis.isValid = true\n\t\t\tthis.internals?.setValidity({})\n\t\t}\n\n\t\t// Update input if needed\n\t\tif (this.inputRef && this.shouldShowValidation()) {\n\t\t\tthis.inputRef.error = !this.isValid\n\t\t\tthis.inputRef.hint = !this.isValid ? this.validationMessage : this.hint\n\t\t}\n\t}\n\n\tpublic reset() {\n\t\t// Reset to initial value\n\t\tthis.value = this.defaultValue\n\t\tthis.valueLabel = this.placeholder\n\t\tthis.isValid = true\n\t\tthis.validationMessage = ''\n\t\tthis._touched = false\n\t\tthis._dirty = false\n\t\tthis._submitted = false\n\t\tthis._userInteracted = false\n\t\tthis.internals?.setValidity({})\n\t\tthis.syncSelection() // Update the options to match the reset value\n\n\t\tif (this.inputRef) {\n\t\t\tthis.inputRef.error = false\n\t\t\tthis.inputRef.hint = this.hint\n\t\t}\n\t}\n\n\trender(): TemplateResult {\n\t\t// Determine if we should show errors based on the validation strategy and interaction\n\t\t// Never show errors on initial render or if the dropdown is open\n\t\tconst showErrors = !this.isValid && this.shouldShowValidation() && !this.isOpen\n\n\t\t// Add caret icon based on open state\n\t\tconst caretIcon = this.isOpen\n\t\t\t? html`<span class=\"absolute right-3 top-1/2 transform -translate-y-1/2\">▲</span>`\n\t\t\t: html`<span class=\"absolute right-3 top-1/2 transform -translate-y-1/2\">▼</span>`\n\n\t\treturn html`\n\t\t\t<div class=\"relative ${this.disabled ? 'opacity-60 cursor-not-allowed' : ''}\">\n\t\t\t\t<sch-input\n\t\t\t\t\t.name=${this.name}\n\t\t\t\t\ttabIndex=${this.disabled ? '-1' : '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\taria-activedescendant=${this._focusedOptionId || undefined}\n\t\t\t\t\taria-disabled=${this.disabled}\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.disabled=${this.disabled}\n\t\t\t\t\t.hint=${showErrors ? this.validationMessage : this.hint}\n\t\t\t\t\t.error=${showErrors}\n\t\t\t\t\t.validateOn=${this.validateOn}\n\t\t\t\t\t.size=${this.size}\n\t\t\t\t\treadonly\n\t\t\t\t\tclickable\n\t\t\t\t\t@click=${(e: MouseEvent) => {\n\t\t\t\t\t\t// Don't process clicks if disabled\n\t\t\t\t\t\tif (this.disabled) {\n\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\treturn\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// On first click, don't count this as user interaction yet\n\t\t\t\t\t\tif (!this.isOpen) {\n\t\t\t\t\t\t\t// Open without triggering validation - we'll validate when they close\n\t\t\t\t\t\t\tthis.openDropdown(false)\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t// Mark as interacted when they close the dropdown\n\t\t\t\t\t\t\tthis._userInteracted = true\n\t\t\t\t\t\t\tthis.closeDropdown()\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t${caretIcon}\n\t\t\t\t</sch-input>\n\n\t\t\t\t<!-- Overlay for capturing clicks outside when dropdown is open -->\n\t\t\t\t${this.isOpen\n\t\t\t\t\t? html` <div class=\"fixed inset-0 z-10\" @click=${this.closeDropdown} tabindex=\"-1\" aria-hidden=\"true\"></div> `\n\t\t\t\t\t: ''}\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 min-w-full w-full z-20 mt-1 rounded-md shadow-lg': true,\n\t\t\t\t\t\thidden: !this.isOpen,\n\t\t\t\t\t})}\n\t\t\t\t\t${color({\n\t\t\t\t\t\tbgColor: SchmancyTheme.sys.color.surface.low,\n\t\t\t\t\t\tcolor: SchmancyTheme.sys.color.surface.on,\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\nexport const select = SchmancySelect\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-select': SchmancySelect\n\t}\n}\n"],"names":["SchmancySelect","$LitElement","css","super","this","required","disabled","placeholder","value","multi","label","hint","validateOn","size","isOpen","valueLabel","isValid","validationMessage","defaultValue","_userInteracted","_touched","_dirty","_submitted","_focusedOptionId","formSubmitHandler","checkValidity","formResetHandler","reset","handleKeyDown","e","includes","key","preventDefault","openDropdown","options","Array","from","current","findIndex","o","id","closeDropdown","focusOption","Math","min","length","max","focusedOption","find","opt","handleOptionSelect","internals","attachInternals","form","connectedCallback","random","toString","substring","fromEvent","pipe","takeUntil","disconnecting","subscribe","stopPropagation","detail","addEventListener","inputRef","error","disconnectedCallback","cleanupPositioner","removeEventListener","syncSelection","setupOptionsAccessibility","changedProps","updated","has","formValue","isArray","join","setFormValue","hasUpdated","positionDropdown","forceValidation","selectedValues","split","forEach","selected","filter","map","currentValue","String","selectedOption","option","index","setAttribute","tabIndex","reference","renderRoot","querySelector","ul","autoUpdate","async","viewportHeight","window","innerHeight","triggerRect","getBoundingClientRect","spaceBelow","bottom","spaceAbove","top","maxHeight","shouldFlip","style","x","y","computePosition","placement","middleware","offset","flip","shift","padding","Object","assign","left","position","width","offsetWidth","focus","combobox","offsetTop","optionTop","optionHeight","offsetHeight","scrollTop","ulHeight","clientHeight","report","updateComplete","selectedIndex","reportValidity","removeAttribute","shouldShowValidation","push","v","dispatchChange","dispatchEvent","CustomEvent","bubbles","composed","isEmpty","setValidity","valueMissing","showError","valid","message","customError","render","showErrors","caretIcon","html","name","classMap","hidden","color","bgColor","SchmancyTheme","sys","surface","low","on","formAssociated","__decorateClass","property","type","prototype","Boolean","reflect","state","query","queryAssignedElements","flatten","customElement","select"],"mappings":"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"}
+{"version":3,"file":"select-g77JoEFx.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'\nimport { fromEvent, takeUntil } from 'rxjs'\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: Boolean, reflect: true }) disabled = 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\t@property({ type: String }) validateOn: 'always' | 'touched' | 'dirty' | 'submitted' = 'touched'\n\t@property({ type: String }) size: 'sm' | 'md' | 'lg' = 'md'\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// Store the initial/default value for reset behavior\n\t@state() private defaultValue: string | string[] = ''\n\n\t@query('ul') private ul!: HTMLUListElement\n\t@query('sch-input') private inputRef!: SchmancyInput\n\t@queryAssignedElements({ flatten: true }) private options!: SchmancyOption[]\n\tprivate cleanupPositioner?: () => void\n\t@state() _userInteracted = false\n\t@state() private _touched = false\n\t@state() private _dirty = false\n\t@state() private _submitted = false\n\n\t// Reference to current focused option (for keyboard navigation)\n\t@state() private _focusedOptionId = ''\n\n\t// Store form event handlers as class properties to properly remove them\n\tprivate formSubmitHandler = () => {\n\t\tthis._submitted = true\n\t\tthis.checkValidity()\n\t}\n\n\tprivate formResetHandler = () => {\n\t\tthis.reset()\n\t}\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).substring(2, 9)}`\n\t\t}\n\n\t\t// Store initial value for reset\n\t\tthis.defaultValue = this.value\n\n\t\t// Add keyboard handling to host element\n\t\tfromEvent<KeyboardEvent>(this, 'keydown').pipe(takeUntil(this.disconnecting)).subscribe(this.handleKeyDown)\n\n\t\t// Listen for option-select events from child options\n\t\tfromEvent<CustomEvent>(this, 'option-select')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe((e) => {\n\t\t\t\te.stopPropagation() // Prevent event from bubbling further\n\t\t\t\tthis.handleOptionSelect(e.detail.value)\n\t\t\t})\n\n\t\t// Listen for form submission events to mark field as submitted\n\t\tif (this.internals?.form) {\n\t\t\tthis.internals.form.addEventListener('submit', this.formSubmitHandler)\n\n\t\t\t// Listen for form reset\n\t\t\tthis.internals.form.addEventListener('reset', this.formResetHandler)\n\t\t}\n\n\t\t// Initially hide any validation errors until user interacts\n\t\tif (this.inputRef) {\n\t\t\tthis.inputRef.error = false\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.cleanupPositioner?.()\n\n\t\t// Remove form event listeners using stored handler references\n\t\tif (this.internals?.form) {\n\t\t\tthis.internals.form.removeEventListener('submit', this.formSubmitHandler)\n\t\t\tthis.internals.form.removeEventListener('reset', this.formResetHandler)\n\t\t}\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// Mark as dirty if value changes from initial value\n\t\t\tif (this.hasUpdated) {\n\t\t\t\tthis._dirty = true\n\t\t\t}\n\n\t\t\t// Update selection state of options\n\t\t\tthis.syncSelection()\n\n\t\t\t// Check validity based on validation strategy\n\t\t\tif (this.hasUpdated) {\n\t\t\t\tthis.checkValidity()\n\t\t\t}\n\t\t}\n\n\t\t// When open state changes, setup or cleanup the dropdown positioner\n\t\tif (changedProps.has('isOpen')) {\n\t\t\tif (this.isOpen) {\n\t\t\t\tthis.positionDropdown()\n\t\t\t} else {\n\t\t\t\tthis.cleanupPositioner?.()\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Determines if validation errors should be shown based on current state\n\t * and validation strategy\n\t */\n\tprivate shouldShowValidation(forceValidation = false): boolean {\n\t\tif (forceValidation) return true\n\n\t\tswitch (this.validateOn) {\n\t\t\tcase 'always':\n\t\t\t\treturn true\n\t\t\tcase 'touched':\n\t\t\t\treturn this._touched\n\t\t\tcase 'dirty':\n\t\t\t\treturn this._dirty\n\t\t\tcase 'submitted':\n\t\t\t\treturn this._submitted\n\t\t\tdefault:\n\t\t\t\treturn this._touched\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 : this.value ? this.value.split(',') : []\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(', ') || this.placeholder\n\t\t\t\t\t: this.placeholder\n\t\t} else {\n\t\t\t// Single select - update option selected state AND value label\n\t\t\tconst currentValue = String(this.value) // Convert to string for safer comparison\n\t\t\tthis.options?.forEach(o => {\n\t\t\t\t// Set selected property on each option based on matching value\n\t\t\t\to.selected = o.value === currentValue\n\t\t\t})\n\t\t\tconst selectedOption = this.options?.find(o => o.value === currentValue)\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\n\t\t\t// Set tabindex to -1 so they're focusable programmatically but not in the tab order\n\t\t\toption.tabIndex = -1\n\t\t\tconst selectedValues = Array.isArray(this.value) ? this.value : this.value ? this.value.split(',') : []\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\tthis.cleanupPositioner = autoUpdate(reference, this.ul, async () => {\n\t\t\t// Get viewport dimensions\n\t\t\tconst viewportHeight = window.innerHeight\n\t\t\tconst triggerRect = reference.getBoundingClientRect()\n\n\t\t\t// Calculate available space below and above\n\t\t\tconst spaceBelow = viewportHeight - triggerRect.bottom\n\t\t\tconst spaceAbove = triggerRect.top\n\n\t\t\t// Calculate max height - use 75% of the largest available space, but at least 150px\n\t\t\tconst maxHeight = Math.max(Math.max(spaceBelow, spaceAbove) * 0.75, 150)\n\n\t\t\t// Determine if we should flip\n\t\t\tconst shouldFlip = spaceBelow < 200 && spaceAbove > spaceBelow\n\n\t\t\t// Apply max height\n\t\t\tthis.ul.style.maxHeight = `${maxHeight}px`\n\n\t\t\tconst { x, y } = await computePosition(reference, this.ul, {\n\t\t\t\tplacement: shouldFlip ? 'top-start' : '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\twidth: `${reference.offsetWidth}px`, // Match the width of the trigger\n\t\t\t})\n\t\t})\n\t}\n\n\tprivate handleKeyDown = (e: KeyboardEvent) => {\n\t\t// Don't handle keyboard events when disabled\n\t\tif (this.disabled) {\n\t\t\treturn\n\t\t}\n\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\t// Find current focused option\n\t\tconst options = Array.from(this.options || [])\n\t\tconst current = options.findIndex(o => o.id === this._focusedOptionId) ?? -1\n\n\t\tswitch (e.key) {\n\t\t\tcase 'Escape':\n\t\t\t\te.preventDefault()\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(options, Math.min(current + 1, 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(options, Math.max(current - 1, 0))\n\t\t\t\tbreak\n\t\t\tcase 'Home':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(options, 0)\n\t\t\t\tbreak\n\t\t\tcase 'End':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(options, options.length - 1)\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 (this._focusedOptionId) {\n\t\t\t\t\tconst focusedOption = options.find(opt => opt.id === this._focusedOptionId)\n\t\t\t\t\tif (focusedOption) {\n\t\t\t\t\t\tthis.handleOptionSelect(focusedOption.value)\n\t\t\t\t\t}\n\t\t\t\t}\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: SchmancyOption[], index: number) {\n\t\tconst option = options[index]\n\t\tif (option) {\n\t\t\toption.focus()\n\t\t\tthis._focusedOptionId = option.id\n\n\t\t\t// Update aria-activedescendant on the combobox\n\t\t\tconst combobox = this.renderRoot.querySelector('.trigger')\n\t\t\tif (combobox) {\n\t\t\t\tcombobox.setAttribute('aria-activedescendant', option.id)\n\t\t\t}\n\n\t\t\t// Ensure option is visible in the scrollable area\n\t\t\tif (this.ul && option.offsetTop !== undefined) {\n\t\t\t\t// Get position info\n\t\t\t\tconst optionTop = option.offsetTop\n\t\t\t\tconst optionHeight = option.offsetHeight\n\t\t\t\tconst scrollTop = this.ul.scrollTop\n\t\t\t\tconst ulHeight = this.ul.clientHeight\n\n\t\t\t\t// Scroll into view if needed\n\t\t\t\tif (optionTop < scrollTop) {\n\t\t\t\t\tthis.ul.scrollTop = optionTop\n\t\t\t\t} else if (optionTop + optionHeight > scrollTop + ulHeight) {\n\t\t\t\t\tthis.ul.scrollTop = optionTop + optionHeight - ulHeight\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate async openDropdown(report = false) {\n\t\t// Don't open if disabled\n\t\tif (this.disabled) {\n\t\t\treturn\n\t\t}\n\n\t\t// Don't mark as touched on opening - we'll do that on closing\n\t\t// so errors only show after interaction is complete\n\n\t\t// Make sure options' selected state is in sync before opening\n\t\tthis.syncSelection()\n\n\t\tthis.isOpen = true\n\t\tawait this.updateComplete\n\n\t\t// Focus first or selected option\n\t\tconst options = Array.from(this.options || [])\n\t\tconst selectedIndex = this.multi ? 0 : options.findIndex(o => o.value === String(this.value))\n\n\t\tthis.focusOption(options, Math.max(selectedIndex, 0))\n\n\t\t// Don't automatically validate when opening\n\t\t// Only validate if explicitly requested (like from a form submission)\n\t\tif (report) this.reportValidity()\n\t}\n\n\tprivate closeDropdown() {\n\t\t// Only mark as touched if the user actually interacted with the component\n\t\t// and made a selection or explicitly closed it without selecting\n\t\tif (this._userInteracted) {\n\t\t\tthis._touched = true\n\t\t}\n\n\t\tthis.isOpen = false\n\t\tthis._focusedOptionId = ''\n\n\t\t// Update combobox to remove aria-activedescendant\n\t\tconst combobox = this.renderRoot.querySelector<HTMLElement>('.trigger')\n\t\tif (combobox) {\n\t\t\tcombobox.removeAttribute('aria-activedescendant')\n\t\t\tcombobox?.focus()\n\t\t}\n\n\t\t// Only check validity when closing if the user has actually interacted\n\t\t// with the component and validation should be shown\n\t\tif (this._userInteracted && this.shouldShowValidation()) {\n\t\t\tthis.checkValidity()\n\t\t}\n\t}\n\n\tprivate handleOptionSelect(value: string) {\n\t\tthis._userInteracted = true\n\t\tthis._touched = true\n\t\tthis._dirty = true\n\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\n\t\t\tlet selectedValues: string[]\n\t\t\tif (Array.isArray(this.value)) {\n\t\t\t\tselectedValues = [...this.value]\n\t\t\t} else {\n\t\t\t\tselectedValues = this.value ? this.value.split(',') : []\n\t\t\t}\n\n\t\t\tif (option.selected) {\n\t\t\t\t// Add value if not already present\n\t\t\t\tif (!selectedValues.includes(value)) {\n\t\t\t\t\tselectedValues.push(value)\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\t// Remove value\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\t// Update display label\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\t// Single select - explicitly update all options' selection state\n\t\t\tthis.options.forEach(o => {\n\t\t\t\to.selected = o.value === value\n\t\t\t})\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.closeDropdown()\n\t\t}\n\n\t\t// Update the option's accessibility state\n\t\tthis.setupOptionsAccessibility()\n\n\t\t// Dispatch change event\n\t\tthis.dispatchChange(this.value)\n\t}\n\n\tprivate dispatchChange(value: string | string[]) {\n\t\t// Dispatch only one change event with the value in detail\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// Then check validity (only show error if validation should be shown)\n\t\tthis.checkValidity()\n\t}\n\n\tpublic checkValidity(): boolean {\n\t\t// Disabled fields are always valid\n\t\tif (this.disabled) {\n\t\t\treturn true\n\t\t}\n\n\t\t// Determine if the select is empty based on whether it's multi-select or single-select\n\t\tconst isEmpty = this.multi ? (Array.isArray(this.value) ? this.value.length === 0 : !this.value) : !this.value\n\n\t\t// Check if the value is valid (not empty when required)\n\t\tconst isValid = !(this.required && isEmpty)\n\n\t\t// Set the validity state\n\t\tthis.isValid = isValid\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\t// Clear validation message\n\t\t\tthis.validationMessage = ''\n\t\t\tthis.internals?.setValidity({})\n\t\t}\n\n\t\t// Update the input component to reflect our validation state\n\t\tif (this.inputRef && this.hasUpdated) {\n\t\t\tconst showError = !this.isValid && this.shouldShowValidation()\n\t\t\tthis.inputRef.error = showError\n\t\t\tthis.inputRef.hint = showError ? this.validationMessage : this.hint\n\t\t}\n\n\t\treturn this.isValid\n\t}\n\n\tpublic reportValidity(): boolean {\n\t\t// Force validation display regardless of validation strategy\n\t\tconst valid = this.checkValidity()\n\n\t\t// Force the input to show validation errors\n\t\tif (this.inputRef) {\n\t\t\t// Set the input's error state\n\t\t\tthis.inputRef.error = !valid\n\t\t\tthis.inputRef.hint = !valid ? this.validationMessage : this.hint\n\n\t\t\t// If invalid and not already open, automatically open the dropdown to show options\n\t\t\tif (!valid && !this.isOpen) {\n\t\t\t\t// Open the dropdown but don't mark as user interaction yet\n\t\t\t\t// This helps users immediately see available options when validation fails\n\t\t\t\tthis.openDropdown(false)\n\t\t\t}\n\n\t\t\t// Only call reportValidity on the input if invalid to show the native popup\n\t\t\tif (!valid) {\n\t\t\t\tthis.inputRef.reportValidity()\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\tif (message) {\n\t\t\tthis.isValid = false\n\t\t\tthis.internals?.setValidity({ customError: true }, message, this.inputRef)\n\t\t} else {\n\t\t\tthis.isValid = true\n\t\t\tthis.internals?.setValidity({})\n\t\t}\n\n\t\t// Update input if needed\n\t\tif (this.inputRef && this.shouldShowValidation()) {\n\t\t\tthis.inputRef.error = !this.isValid\n\t\t\tthis.inputRef.hint = !this.isValid ? this.validationMessage : this.hint\n\t\t}\n\t}\n\n\tpublic reset() {\n\t\t// Reset to initial value\n\t\tthis.value = this.defaultValue\n\t\tthis.valueLabel = this.placeholder\n\t\tthis.isValid = true\n\t\tthis.validationMessage = ''\n\t\tthis._touched = false\n\t\tthis._dirty = false\n\t\tthis._submitted = false\n\t\tthis._userInteracted = false\n\t\tthis.internals?.setValidity({})\n\t\tthis.syncSelection() // Update the options to match the reset value\n\n\t\tif (this.inputRef) {\n\t\t\tthis.inputRef.error = false\n\t\t\tthis.inputRef.hint = this.hint\n\t\t}\n\t}\n\n\trender(): TemplateResult {\n\t\t// Determine if we should show errors based on the validation strategy and interaction\n\t\t// Never show errors on initial render or if the dropdown is open\n\t\tconst showErrors = !this.isValid && this.shouldShowValidation() && !this.isOpen\n\n\t\t// Add caret icon based on open state\n\t\tconst caretIcon = this.isOpen\n\t\t\t? html`<span class=\"absolute right-3 top-1/2 transform -translate-y-1/2\">▲</span>`\n\t\t\t: html`<span class=\"absolute right-3 top-1/2 transform -translate-y-1/2\">▼</span>`\n\n\t\treturn html`\n\t\t\t<div class=\"relative ${this.disabled ? 'opacity-60 cursor-not-allowed' : ''}\">\n\t\t\t\t<sch-input\n\t\t\t\t\t.name=${this.name}\n\t\t\t\t\ttabIndex=${this.disabled ? '-1' : '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\taria-activedescendant=${this._focusedOptionId || undefined}\n\t\t\t\t\taria-disabled=${this.disabled}\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.disabled=${this.disabled}\n\t\t\t\t\t.hint=${showErrors ? this.validationMessage : this.hint}\n\t\t\t\t\t.error=${showErrors}\n\t\t\t\t\t.validateOn=${this.validateOn}\n\t\t\t\t\t.size=${this.size}\n\t\t\t\t\treadonly\n\t\t\t\t\tclickable\n\t\t\t\t\t@click=${(e: MouseEvent) => {\n\t\t\t\t\t\t// Don't process clicks if disabled\n\t\t\t\t\t\tif (this.disabled) {\n\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\treturn\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// On first click, don't count this as user interaction yet\n\t\t\t\t\t\tif (!this.isOpen) {\n\t\t\t\t\t\t\t// Open without triggering validation - we'll validate when they close\n\t\t\t\t\t\t\tthis.openDropdown(false)\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t// Mark as interacted when they close the dropdown\n\t\t\t\t\t\t\tthis._userInteracted = true\n\t\t\t\t\t\t\tthis.closeDropdown()\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t${caretIcon}\n\t\t\t\t</sch-input>\n\n\t\t\t\t<!-- Overlay for capturing clicks outside when dropdown is open -->\n\t\t\t\t${this.isOpen\n\t\t\t\t\t? html` <div class=\"fixed inset-0 z-10\" @click=${this.closeDropdown} tabindex=\"-1\" aria-hidden=\"true\"></div> `\n\t\t\t\t\t: ''}\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 min-w-full w-full z-20 mt-1 rounded-md shadow-lg': true,\n\t\t\t\t\t\thidden: !this.isOpen,\n\t\t\t\t\t})}\n\t\t\t\t\t${color({\n\t\t\t\t\t\tbgColor: SchmancyTheme.sys.color.surface.low,\n\t\t\t\t\t\tcolor: SchmancyTheme.sys.color.surface.on,\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\n// Don't export 'select' here as it conflicts with the store's select decorator\n// export const select = SchmancySelect\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-select': SchmancySelect\n\t}\n}\n"],"names":["SchmancySelect","$LitElement","css","constructor","super","this","required","disabled","placeholder","value","multi","label","hint","validateOn","size","isOpen","valueLabel","isValid","validationMessage","defaultValue","_userInteracted","_touched","_dirty","_submitted","_focusedOptionId","formSubmitHandler","checkValidity","formResetHandler","reset","handleKeyDown","e","includes","key","preventDefault","openDropdown","options","Array","from","current","findIndex","o","id","closeDropdown","focusOption","Math","min","length","max","focusedOption","find","opt","handleOptionSelect","internals","attachInternals","form","connectedCallback","random","toString","substring","fromEvent","pipe","takeUntil","disconnecting","subscribe","stopPropagation","detail","addEventListener","inputRef","error","disconnectedCallback","cleanupPositioner","removeEventListener","firstUpdated","syncSelection","setupOptionsAccessibility","changedProps","updated","has","formValue","isArray","join","setFormValue","hasUpdated","positionDropdown","forceValidation","selectedValues","split","forEach","selected","filter","map","currentValue","String","selectedOption","option","index","setAttribute","tabIndex","reference","renderRoot","querySelector","ul","autoUpdate","async","viewportHeight","window","innerHeight","triggerRect","getBoundingClientRect","spaceBelow","bottom","spaceAbove","top","maxHeight","shouldFlip","style","x","y","computePosition","placement","middleware","offset","flip","shift","padding","Object","assign","left","position","width","offsetWidth","focus","combobox","offsetTop","optionTop","optionHeight","offsetHeight","scrollTop","ulHeight","clientHeight","report","updateComplete","selectedIndex","reportValidity","removeAttribute","shouldShowValidation","push","v","dispatchChange","dispatchEvent","CustomEvent","bubbles","composed","isEmpty","setValidity","valueMissing","showError","valid","message","customError","render","showErrors","caretIcon","html","name","classMap","hidden","color","bgColor","SchmancyTheme","sys","surface","low","on","formAssociated","__decorateClass","property","type","prototype","Boolean","reflect","state","query","queryAssignedElements","flatten","customElement"],"mappings":";;;;;;;;;;;;;;AAgBO,IAAMA,IAAN,cAA6BC,EAAYC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CA0D/C,EAAA;AAAA,EAAA,cAAAC;AACCC,UAAAA,GA1C2CC,KAAAC,WAAAA,IACAD,KAAAE,WAAAA,IAChBF,KAAAG,cAAc,IACCH,KAAAI,QAA2B,IACzCJ,KAAAK,QAAAA,IACDL,KAAAM,QAAQ,IACRN,KAAAO,OAAO,IACPP,KAAAQ,aAA2D,WAC3DR,KAAAS,OAA2B,MAG9CT,KAAQU,aACRV,KAAQW,aAAa,IACrBX,KAAQY,UAAAA,IACWZ,KAAAa,oBAAoB,IAGvCb,KAAQc,eAAkC,IAM1Cd,KAAAe,kBAAAA,IACAf,KAAQgB,eACRhB,KAAQiB,SAAAA,IACRjB,KAAQkB,aAAAA,IAGRlB,KAAQmB,mBAAmB,IAGpCnB,KAAQoB,oBAAoB,MAAA;AAC3BpB,WAAKkB,aAAAA,IACLlB,KAAKqB;OAGNrB,KAAQsB,mBAAmB,MAAA;AAC1BtB,WAAKuB,MAAAA;AAAAA,IAAAA,GAqMNvB,KAAQwB,gBAAiBC,OAAAA;AAExB,UAAIzB,KAAKE,SACR;AAGD,UAAA,CAAKF,KAAKU,OAKT,QAAA,MAJI,CAAC,SAAS,KAAK,WAAA,EAAagB,SAASD,EAAEE,GAAAA,MAC1CF,EAAEG,eAAAA,GACF5B,KAAK6B,eAAa;AAMpB,YAAMC,IAAUC,MAAMC,KAAKhC,KAAK8B,WAAW,CAAA,CAAA,GACrCG,IAAUH,EAAQI,UAAUC,CAAAA,MAAKA,EAAEC,OAAOpC,KAAKmB,gBAAAA,KAAAA;AAErD,cAAQM,EAAEE,KAAAA;AAAAA,QACT,KAAK;AACJF,YAAEG,eAAAA,GACF5B,KAAKqC,cAAAA;AACL;AAAA,QACD,KAAK;AACJZ,YAAEG,eAAAA,GACF5B,KAAKsC,YAAYR,GAASS,KAAKC,IAAIP,IAAU,GAAGH,EAAQW,SAAS,CAAA,CAAA;AACjE;AAAA,QACD,KAAK;AACJhB,YAAEG,eAAAA,GACF5B,KAAKsC,YAAYR,GAASS,KAAKG,IAAIT,IAAU,GAAG,CAAA,CAAA;AAChD;AAAA,QACD,KAAK;AACJR,YAAEG,eAAAA,GACF5B,KAAKsC,YAAYR,GAAS,CAAA;AAC1B;AAAA,QACD,KAAK;AACJL,YAAEG,eAAAA,GACF5B,KAAKsC,YAAYR,GAASA,EAAQW,SAAS,CAAA;AAC3C;AAAA,QACD,KAAK;AAAA,QACL,KAAK;AAEJ,cADAhB,EAAEG,eAAAA,GACE5B,KAAKmB,kBAAkB;AAC1B,kBAAMwB,IAAgBb,EAAQc,YAAYC,EAAIT,OAAOpC,KAAKmB,gBAAAA;AACtDwB,YAAAA,KACH3C,KAAK8C,mBAAmBH,EAAcvC,KAAAA;AAAAA,UAExC;AACA;AAAA,QACD,KAAK;AACJJ,eAAKqC,cAAAA;AAAAA,MAAAA;AAAAA,IAAAA;AAjPP,QAAA;AACCrC,WAAK+C,YAAY/C,KAAKgD,gBAAAA;AAAAA,IACvB,QAASvB;AAAAA,IAET;AAAA,EACD;AAAA,EAEA,WAAIwB;AACH,WAAOjD,KAAK+C,WAAWE;AAAAA,EACxB;AAAA,EAEA,oBAAAC;AACCnD,UAAMmD,kBAAAA,GACDlD,KAAKoC,OACTpC,KAAKoC,KAAK,mBAAmBG,KAAKY,OAAAA,EAASC,SAAS,EAAA,EAAIC,UAAU,GAAG,CAAA,CAAA,KAItErD,KAAKc,eAAed,KAAKI,OAGzBkD,EAAyBtD,MAAM,SAAA,EAAWuD,KAAKC,EAAUxD,KAAKyD,aAAAA,CAAAA,EAAgBC,UAAU1D,KAAKwB,gBAG7F8B,EAAuBtD,MAAM,eAAA,EAC3BuD,KAAKC,EAAUxD,KAAKyD,aAAAA,CAAAA,EACpBC,UAAWjC;AACXA,QAAEkC,gBAAAA,GACF3D,KAAK8C,mBAAmBrB,EAAEmC,OAAOxD,KAAAA;AAAAA,IAAAA,CAAAA,GAI/BJ,KAAK+C,WAAWE,SACnBjD,KAAK+C,UAAUE,KAAKY,iBAAiB,UAAU7D,KAAKoB,iBAAAA,GAGpDpB,KAAK+C,UAAUE,KAAKY,iBAAiB,SAAS7D,KAAKsB,gBAAAA,IAIhDtB,KAAK8D,aACR9D,KAAK8D,SAASC,QAAAA;AAAAA,EAEhB;AAAA,EAEA,uBAAAC;AACCjE,UAAMiE,qBAAAA,GACNhE,KAAKiE,oBAAAA,GAGDjE,KAAK+C,WAAWE,SACnBjD,KAAK+C,UAAUE,KAAKiB,oBAAoB,UAAUlE,KAAKoB,iBAAAA,GACvDpB,KAAK+C,UAAUE,KAAKiB,oBAAoB,SAASlE,KAAKsB,gBAAAA;AAAAA,EAExD;AAAA,EAEA,eAAA6C;AACCnE,SAAKoE,cAAAA,GACLpE,KAAKqE,0BAAAA;AAAAA,EACN;AAAA,EAEA,QAAQC,GAAAA;AAGP,QAFAvE,MAAMwE,QAAQD,CAAAA,GAEVA,EAAaE,IAAI,OAAA,GAAU;AAE9B,YAAMC,IAAY1C,MAAM2C,QAAQ1E,KAAKI,KAAAA,IAASJ,KAAKI,MAAMuE,KAAK,GAAA,IAAO3E,KAAKI;AAC1EJ,WAAK+C,WAAW6B,aAAaH,IAGzBzE,KAAK6E,eACR7E,KAAKiB,SAAAA,KAINjB,KAAKoE,cAAAA,GAGDpE,KAAK6E,cACR7E,KAAKqB,cAAAA;AAAAA,IAEP;AAGIiD,MAAaE,IAAI,QAAA,MAChBxE,KAAKU,SACRV,KAAK8E,iBAAAA,IAEL9E,KAAKiE,oBAAAA;AAAAA,EAGR;AAAA,EAMQ,qBAAqBc,IAAAA,IAAkB;AAC9C,QAAIA,EAAiB,QAAA;AAErB,YAAQ/E,KAAKQ,YAAAA;AAAAA,MACZ,KAAK;AACJ;MACD,KAAK;AAAA,MAML;AACC,eAAOR,KAAKgB;AAAAA,MALb,KAAK;AACJ,eAAOhB,KAAKiB;AAAAA,MACb,KAAK;AACJ,eAAOjB,KAAKkB;AAAAA,IAAAA;AAAAA,EAIf;AAAA,EAEQ,gBAAAkD;AACP,QAAIpE,KAAKK,OAAO;AACf,YAAM2E,IAAiBjD,MAAM2C,QAAQ1E,KAAKI,KAAAA,IAASJ,KAAKI,QAAQJ,KAAKI,QAAQJ,KAAKI,MAAM6E,MAAM,GAAA,IAAO,CAAA;AACrGjF,WAAK8B,SAASoD,QAAQ/C,OAAMA,EAAEgD,WAAWH,EAAetD,SAASS,EAAE/B,KAAAA,CAAAA,GACnEJ,KAAKW,aACJqE,EAAevC,SAAS,KACrBzC,KAAK8B,SACHsD,OAAOjD,OAAK6C,EAAetD,SAASS,EAAE/B,QACvCiF,IAAIlD,CAAAA,MAAKA,EAAE7B,KAAAA,EACXqE,KAAK,IAAA,KACN3E,KAAKG;AAAAA,IACV,OAAO;AAEN,YAAMmF,IAAeC,OAAOvF,KAAKI,KAAAA;AACjCJ,WAAK8B,SAASoD,QAAQ/C,CAAAA,MAAAA;AAErBA,QAAAA,EAAEgD,WAAWhD,EAAE/B,UAAUkF;AAAAA,MAAAA,CAAAA;AAE1B,YAAME,IAAiBxF,KAAK8B,SAASc,KAAKT,CAAAA,MAAKA,EAAE/B,UAAUkF,CAAAA;AAC3DtF,WAAKW,aAAa6E,GAAgBlF,SAASN,KAAKG;AAAAA,IACjD;AAAA,EACD;AAAA,EAEQ,4BAAAkE;AACPrE,SAAK8B,SAASoD,QAAQ,CAACO,GAAQC,MAAAA;AAC9BD,QAAOE,aAAa,QAAQ,QAAA,GACvBF,EAAOrD,OACXqD,EAAOrD,KAAK,GAAGpC,KAAKoC,EAAAA,WAAasD,CAAAA,KAIlCD,EAAOG;AACP,YAAMZ,IAAiBjD,MAAM2C,QAAQ1E,KAAKI,KAAAA,IAASJ,KAAKI,QAAQJ,KAAKI,QAAQJ,KAAKI,MAAM6E,MAAM,GAAA,IAAO,CAAA;AAErGQ,QAAOE,aACN,iBACAJ,OAAOvF,KAAKK,QAAQ2E,EAAetD,SAAS+D,EAAOrF,KAAAA,IAASqF,EAAOrF,UAAUJ,KAAKI,KAAAA,CAAAA;AAAAA,IAAAA,CAAAA;AAAAA,EAGrF;AAAA,EAEA,MAAA,mBAAc0E;AACb,UAAMe,IAAY7F,KAAK8F,WAAWC,cAAc,UAAA;AAC3CF,IAAAA,KAAc7F,KAAKgG,OAExBhG,KAAKiE,oBAAoBgC,EAAWJ,GAAW7F,KAAKgG,IAAIE,YAAAA;AAEvD,YAAMC,IAAiBC,OAAOC,aACxBC,IAAcT,EAAUU,sBAAAA,GAGxBC,IAAaL,IAAiBG,EAAYG,QAC1CC,IAAaJ,EAAYK,KAGzBC,IAAYrE,KAAKG,IAAuC,OAAnCH,KAAKG,IAAI8D,GAAYE,CAAAA,GAAoB,GAAA,GAG9DG,IAAaL,IAAa,OAAOE,IAAaF;AAGpDxG,WAAKgG,GAAGc,MAAMF,YAAY,GAAGA,CAAAA;AAE7B,YAAA,EAAMG,GAAEA,MAAGC,EAAAA,IAAAA,MAAYC,EAAgBpB,GAAW7F,KAAKgG,IAAI,EAC1DkB,WAAWL,IAAa,cAAc,gBACtCM,YAAY,CAACC,EAAO,CAAA,GAAIC,EAAAA,GAAQC,EAAM,EAAEC,SAAS,EAAA,CAAA,CAAA,EAAA,CAAA;AAGlDC,aAAOC,OAAOzH,KAAKgG,GAAGc,OAAO,EAC5BY,MAAM,GAAGX,CAAAA,MACTJ,KAAK,GAAGK,CAAAA,MACRW,UAAU,YACVC,OAAO,GAAG/B,EAAUgC,WAAAA,KAAAA,CAAAA;AAAAA,IAAAA,CAAAA;AAAAA,EAGvB;AAAA,EAyDQ,YAAY/F,GAA2B4D,GAAAA;AAC9C,UAAMD,IAAS3D,EAAQ4D,CAAAA;AACvB,QAAID,GAAQ;AACXA,MAAAA,EAAOqC,MAAAA,GACP9H,KAAKmB,mBAAmBsE,EAAOrD;AAG/B,YAAM2F,IAAW/H,KAAK8F,WAAWC,cAAc,UAAA;AAM/C,UALIgC,KACHA,EAASpC,aAAa,yBAAyBF,EAAOrD,EAAAA,GAInDpC,KAAKgG,MAAMP,EAAOuC,cAAbhC,QAAsC;AAE9C,cAAMiC,IAAYxC,EAAOuC,WACnBE,IAAezC,EAAO0C,cACtBC,IAAYpI,KAAKgG,GAAGoC,WACpBC,IAAWrI,KAAKgG,GAAGsC;AAGrBL,QAAAA,IAAYG,IACfpI,KAAKgG,GAAGoC,YAAYH,IACVA,IAAYC,IAAeE,IAAYC,MACjDrI,KAAKgG,GAAGoC,YAAYH,IAAYC,IAAeG;AAAAA,MAEjD;AAAA,IACD;AAAA,EACD;AAAA,EAEA,MAAA,aAA2BE,IAAAA,IAAS;AAEnC,QAAIvI,KAAKE,SACR;AAODF,SAAKoE,cAAAA,GAELpE,KAAKU,SAAAA,IAAS,MACRV,KAAKwI;AAGX,UAAM1G,IAAUC,MAAMC,KAAKhC,KAAK8B,WAAW,CAAA,CAAA,GACrC2G,IAAgBzI,KAAKK,QAAQ,IAAIyB,EAAQI,UAAUC,CAAAA,MAAKA,EAAE/B,UAAUmF,OAAOvF,KAAKI,KAAAA,CAAAA;AAEtFJ,SAAKsC,YAAYR,GAASS,KAAKG,IAAI+F,GAAe,CAAA,CAAA,GAI9CF,UAAaG,eAAAA;AAAAA,EAClB;AAAA,EAEQ,gBAAArG;AAGHrC,SAAKe,oBACRf,KAAKgB,WAAAA,KAGNhB,KAAKU,SAAAA,IACLV,KAAKmB,mBAAmB;AAGxB,UAAM4G,IAAW/H,KAAK8F,WAAWC,cAA2B;AACxDgC,UACHA,EAASY,gBAAgB,uBAAA,GACzBZ,GAAUD,MAAAA,IAKP9H,KAAKe,mBAAmBf,KAAK4I,qBAAAA,KAChC5I,KAAKqB,cAAAA;AAAAA,EAEP;AAAA,EAEQ,mBAAmBjB,GAAAA;AAK1B,QAJAJ,KAAKe,kBAAAA,IACLf,KAAKgB,WAAAA,IACLhB,KAAKiB,SAAAA,IAEDjB,KAAKK,OAAO;AACf,YAAMoF,IAASzF,KAAK8B,QAAQc,KAAKT,CAAAA,MAAKA,EAAE/B,UAAUA,CAAAA;AAClD,UAAA,CAAKqF,EAAQ;AAIb,UAAIT;AAFJS,QAAON,YAAYM,EAAON,UAIzBH,IADGjD,MAAM2C,QAAQ1E,KAAKI,KAAAA,IACL,CAAA,GAAIJ,KAAKI,KAAAA,IAETJ,KAAKI,QAAQJ,KAAKI,MAAM6E,MAAM,GAAA,IAAO,CAAA,GAGnDQ,EAAON,WAELH,EAAetD,SAAStB,CAAAA,KAC5B4E,EAAe6D,KAAKzI,CAAAA,IAIrB4E,IAAiBA,EAAeI,OAAO0D,CAAAA,MAAKA,MAAM1I,CAAAA,GAGnDJ,KAAKI,QAAQ4E,GAGbhF,KAAKW,aACJqE,EAAevC,SAAS,IACrBzC,KAAK8B,QACJsD,OAAOjD,CAAAA,MAAK6C,EAAetD,SAASS,EAAE/B,KAAAA,CAAAA,EACtCiF,IAAIlD,CAAAA,MAAKA,EAAE7B,KAAAA,EACXqE,KAAK,IAAA,IACN3E,KAAKG;AAAAA,IACV,MAECH,MAAK8B,QAAQoD,QAAQ/C,OAAAA;AACpBA,QAAEgD,WAAWhD,EAAE/B,UAAUA;AAAAA,IAAAA,CAAAA,GAE1BJ,KAAKI,QAAQA,GACbJ,KAAKW,aAAaX,KAAK8B,QAAQc,KAAKT,OAAKA,EAAE/B,UAAUA,CAAAA,GAAQE,SAASN,KAAKG,aAC3EH,KAAKqC,cAAAA;AAINrC,SAAKqE,0BAAAA,GAGLrE,KAAK+I,eAAe/I,KAAKI,KAAAA;AAAAA,EAC1B;AAAA,EAEQ,eAAeA,GAAAA;AAEtBJ,SAAKgJ,cACJ,IAAIC,YAAiD,UAAU,EAC9DrF,QAAQ,EAAExD,OAAAA,EAAAA,GACV8I,SAAAA,IACAC,UAAAA,GAAU,CAAA,CAAA,GAKZnJ,KAAKqB;EACN;AAAA,EAEO,gBAAAA;AAEN,QAAIrB,KAAKE,SACR,QAAA;AAID,UAAMkJ,IAAUpJ,KAAKK,SAAS0B,MAAM2C,QAAQ1E,KAAKI,KAAAA,IAASJ,KAAKI,MAAMqC,WAAW,IAAXA,CAA+BzC,KAAKI,OAGnGQ,IAAAA,EAAYZ,KAAKC,YAAYmJ;AAenC,QAZApJ,KAAKY,UAAUA,GAEVZ,KAAKY,WAKTZ,KAAKa,oBAAoB,IACzBb,KAAK+C,WAAWsG,YAAY,QAL5BrJ,KAAKa,oBAAoB,4BACzBb,KAAK+C,WAAWsG,YAAY,EAAEC,cAAAA,GAAc,GAAQ,4BAA4BtJ,KAAK8D,QAAAA,IAQlF9D,KAAK8D,YAAY9D,KAAK6E,YAAY;AACrC,YAAM0E,IAAAA,CAAavJ,KAAKY,WAAWZ,KAAK4I;AACxC5I,WAAK8D,SAASC,QAAQwF,GACtBvJ,KAAK8D,SAASvD,OAAOgJ,IAAYvJ,KAAKa,oBAAoBb,KAAKO;AAAAA,IAChE;AAEA,WAAOP,KAAKY;AAAAA,EACb;AAAA,EAEO,iBAAA8H;AAEN,UAAMc,IAAQxJ,KAAKqB,cAAAA;AAqBnB,WAlBIrB,KAAK8D,aAER9D,KAAK8D,SAASC,QAAAA,CAASyF,GACvBxJ,KAAK8D,SAASvD,OAAQiJ,IAAiCxJ,KAAKO,OAA9BP,KAAKa,mBAG9B2I,KAAUxJ,KAAKU,UAGnBV,KAAK6B,aAAAA,KAID2H,KACJxJ,KAAK8D,SAAS4E,eAAAA,IAITc;AAAAA,EACR;AAAA,EAEO,kBAAkBC;AACxBzJ,SAAKa,oBAAoB4I,GACrBA,KACHzJ,KAAKY,UAAAA,IACLZ,KAAK+C,WAAWsG,YAAY,EAAEK,aAAAA,GAAa,GAAQD,GAASzJ,KAAK8D,QAAAA,MAEjE9D,KAAKY,cACLZ,KAAK+C,WAAWsG,YAAY,MAIzBrJ,KAAK8D,YAAY9D,KAAK4I,qBAAAA,MACzB5I,KAAK8D,SAASC,QAAAA,CAAS/D,KAAKY,SAC5BZ,KAAK8D,SAASvD,OAAQP,KAAKY,UAAmCZ,KAAKO,OAA9BP,KAAKa;AAAAA,EAE5C;AAAA,EAEO;AAENb,SAAKI,QAAQJ,KAAKc,cAClBd,KAAKW,aAAaX,KAAKG,aACvBH,KAAKY,UAAAA,IACLZ,KAAKa,oBAAoB,IACzBb,KAAKgB,WAAAA,IACLhB,KAAKiB,SAAAA,IACLjB,KAAKkB,aAAAA,IACLlB,KAAKe,kBAAAA,IACLf,KAAK+C,WAAWsG,YAAY,KAC5BrJ,KAAKoE,cAAAA,GAEDpE,KAAK8D,aACR9D,KAAK8D,SAASC,QAAAA,IACd/D,KAAK8D,SAASvD,OAAOP,KAAKO;AAAAA,EAE5B;AAAA,EAEA,SAAAoJ;AAGC,UAAMC,IAAAA,CAAc5J,KAAKY,WAAWZ,KAAK4I,qBAAAA,KAAAA,CAA2B5I,KAAKU,QAGnEmJ,IAAY7J,KAAKU,SACpBoJ,gFACAA;AAEH,WAAOA;AAAAA,0BACiB9J,KAAKE,WAAW,kCAAkC,EAAA;AAAA;AAAA,aAE/DF,KAAK+J,IAAAA;AAAAA,gBACF/J,KAAKE,WAAW,OAAO,GAAA;AAAA;AAAA;AAAA;AAAA,qBAIlBF,KAAKU,MAAAA;AAAAA;AAAAA;AAAAA,qBAGLV,KAAKC,QAAAA;AAAAA,6BACGD,KAAKmB,oBAAAA,MAAoB;AAAA,qBACjCnB,KAAKE,QAAAA;AAAAA,cACZF,KAAKM,KAAAA;AAAAA,oBACCN,KAAKG,WAAAA;AAAAA,cACXH,KAAKW,UAAAA;AAAAA,iBACFX,KAAKC,QAAAA;AAAAA,iBACLD,KAAKE,QAAAA;AAAAA,aACT0J,IAAa5J,KAAKa,oBAAoBb,KAAKO,IAAAA;AAAAA,cAC1CqJ,CAAAA;AAAAA,mBACK5J,KAAKQ,UAAAA;AAAAA,aACXR,KAAKS,IAAAA;AAAAA;AAAAA;AAAAA,cAGHgB,CAAAA,MAAAA;AAET,UAAIzB,KAAKE,SAGR,QAFAuB,EAAEG,uBACFH,EAAEkC,gBAAAA;AAKE3D,WAAKU,UAKTV,KAAKe,kBAAAA,IACLf,KAAKqC,cAAAA,KAJLrC,KAAK6B,aAAAA,EAAa;AAAA,IAAA,CAAA;AAAA;AAAA,OAQlBgI,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAID7J,KAAKU,SACJoJ,4CAA+C9J,KAAKqC,aAAAA,8CACpD,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAKqBrC,KAAKK,KAAAA;AAAAA,aACpB2J,EAAS,EAChB,6DAAA,IACAC,QAAAA,CAASjK,KAAKU,OAAAA,CAAAA,CAAAA;AAAAA,OAEbwJ,EAAM,EACPC,SAASC,EAAcC,IAAIH,MAAMI,QAAQC,KACzCL,OAAOE,EAAcC,IAAIH,MAAMI,QAAQE,GAAAA,CAAAA,CAAAA;AAAAA;AAAAA;AAAAA,oBAIzB,MAAA;AACbxK,WAAKoE,iBACLpE,KAAKqE,0BAAAA;AAAAA,IAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAMX;AAAA;AA5nBY1E,EAYL8K,qBAIqBC,EAAA,CAA3BC,EAAS,EAAEC,MAAMrF,OAAAA,CAAAA,CAAAA,GAhBN5F,EAgBgBkL,WAAA,QAAA,CAAA,GACgBH,EAAA,CAA3CC,EAAS,EAAEC,MAAME,SAASC,SAAAA,GAAS,CAAA,CAAA,GAjBxBpL,EAiBgCkL,WAAA,YAAA,CAAA,GACAH,EAAA,CAA3CC,EAAS,EAAEC,MAAME,SAASC,YAAS,CAAA,CAAA,GAlBxBpL,EAkBgCkL,WAAA,YAAA,CAAA,GAChBH,EAAA,CAA3BC,EAAS,EAAEC,MAAMrF,OAAAA,CAAAA,CAAAA,GAnBN5F,EAmBgBkL,WAAA,eAAA,CAAA,GACeH,EAAA,CAA1CC,EAAS,EAAEC,MAAMrF,QAAQwF,SAAAA,GAAS,CAAA,CAAA,GApBvBpL,EAoB+BkL,WAAA,SAAA,IACdH,EAAA,CAA5BC,EAAS,EAAEC,MAAME,QAAAA,CAAAA,CAAAA,GArBNnL,EAqBiBkL,WAAA,SAAA,CAAA,GACDH,EAAA,CAA3BC,EAAS,EAAEC,MAAMrF,OAAAA,CAAAA,CAAAA,GAtBN5F,EAsBgBkL,WAAA,SAAA,CAAA,GACAH,EAAA,CAA3BC,EAAS,EAAEC,MAAMrF,OAAAA,CAAAA,CAAAA,GAvBN5F,EAuBgBkL,WAAA,QAAA,CAAA,GACAH,EAAA,CAA3BC,EAAS,EAAEC,MAAMrF,OAAAA,CAAAA,CAAAA,GAxBN5F,EAwBgBkL,WAAA,cAAA,CAAA,GACAH,EAAA,CAA3BC,EAAS,EAAEC,MAAMrF,OAAAA,CAAAA,CAAAA,GAzBN5F,EAyBgBkL,WAAA,QAAA,CAAA,GAGXH,EAAA,CAAhBM,EAAAA,CAAAA,GA5BWrL,EA4BKkL,WAAA,UAAA,CAAA,GACAH,EAAA,CAAhBM,EAAAA,CAAAA,GA7BWrL,EA6BKkL,WAAA,cAAA,CAAA,GACAH,EAAA,CAAhBM,EAAAA,CAAAA,GA9BWrL,EA8BKkL,WAAA,WAAA,CAAA,GACWH,EAAA,CAA3BC,EAAS,EAAEC,MAAMrF,OAAAA,CAAAA,CAAAA,GA/BN5F,EA+BgBkL,WAAA,qBAAA,IAGXH,EAAA,CAAhBM,EAAAA,CAAAA,GAlCWrL,EAkCKkL,WAAA,gBAAA,IAEIH,EAAA,CAApBO,EAAM,IAAA,CAAA,GApCKtL,EAoCSkL,WAAA,MAAA,CAAA,GACOH,EAAA,CAA3BO,EAAM,WAAA,CAAA,GArCKtL,EAqCgBkL,WAAA,YAAA,CAAA,GACsBH,EAAA,CAAjDQ,EAAsB,EAAEC,SAAAA,GAAS,CAAA,CAAA,GAtCtBxL,EAsCsCkL,WAAA,WAAA,CAAA,GAEzCH,EAAA,CAARM,EAAAA,CAAAA,GAxCWrL,EAwCHkL,WAAA,mBAAA,CAAA,GACQH,EAAA,CAAhBM,EAAAA,CAAAA,GAzCWrL,EAyCKkL,WAAA,YAAA,CAAA,GACAH,EAAA,CAAhBM,EAAAA,CAAAA,GA1CWrL,EA0CKkL,WAAA,UAAA,CAAA,GACAH,EAAA,CAAhBM,EAAAA,CAAAA,GA3CWrL,EA2CKkL,WAAA,cAAA,CAAA,GAGAH,EAAA,CAAhBM,EAAAA,CAAAA,GA9CWrL,EA8CKkL,WAAA,oBAAA,CAAA,GA9CLlL,IAAN+K,EAAA,CADNU,EAAc,iBAAA,CAAA,GACFzL,CAAAA;"}

package/dist/select.cjs

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

package/dist/select.js

@@ -1,6 +1,5 @@
-import { S as s, s as a } from "./select-wui4bIUE.js";
+import { S } from "./select-g77JoEFx.js";
 export {
-  s as SchmancySelect,
-  a as select
+  S as SchmancySelect
 };
 //# sourceMappingURL=select.js.map