@mhmo91/schmancy 0.5.6 → 0.5.7

package/dist/{select-tK3rnufX.js.map → select-CRX_Nk_f.js.map}

@@ -1 +1 @@
-{"version":3,"file":"select-tK3rnufX.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// Form event handlers\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\tfromEvent(this.internals.form, 'submit')\n\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t.subscribe(this.formSubmitHandler)\n\n\t\t\t// Listen for form reset\n\t\t\tfromEvent(this.internals.form, 'reset')\n\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t.subscribe(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\t\t// Form event listeners are automatically cleaned up via takeUntil(this.disconnecting)\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","inputRef","error","disconnectedCallback","cleanupPositioner","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,GAoMNvB,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,aAAAA,EAAa;AAMpB,YAAMC,IAAUC,MAAMC,KAAKhC,KAAK8B,WAAW,KACrCG,IAAUH,EAAQI,UAAUC,CAAAA,MAAKA,EAAEC,OAAOpC,KAAKmB,gBAAAA,KAAAA;AAErD,cAAQM,EAAEE,KAAAA;AAAAA,QACT,KAAK;AACJF,YAAEG,eAAAA,GACF5B,KAAKqC;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;AAhPP;AACCrC,WAAK+C,YAAY/C,KAAKgD,gBAAAA;AAAAA,IACvB,QAASvB;AAAAA,IAET;AAAA,EACD;AAAA,EAEA,IAAA,OAAIwB;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,aAAAA,GAG7F8B,EAAuBtD,MAAM,eAAA,EAC3BuD,KAAKC,EAAUxD,KAAKyD,gBACpBC,UAAWjC,OAAAA;AACXA,QAAEkC,gBAAAA,GACF3D,KAAK8C,mBAAmBrB,EAAEmC,OAAOxD;QAI/BJ,KAAK+C,WAAWE,SACnBK,EAAUtD,KAAK+C,UAAUE,MAAM,QAAA,EAC7BM,KAAKC,EAAUxD,KAAKyD,aAAAA,CAAAA,EACpBC,UAAU1D,KAAKoB,iBAAAA,GAGjBkC,EAAUtD,KAAK+C,UAAUE,MAAM,OAAA,EAC7BM,KAAKC,EAAUxD,KAAKyD,aAAAA,CAAAA,EACpBC,UAAU1D,KAAKsB,gBAAAA,IAIdtB,KAAK6D,aACR7D,KAAK6D,SAASC,QAAAA;AAAAA,EAEhB;AAAA,EAEA,uBAAAC;AACChE,UAAMgE,qBAAAA,GACN/D,KAAKgE,oBAAAA;AAAAA,EAEN;AAAA,EAEA,eAAAC;AACCjE,SAAKkE,cAAAA,GACLlE,KAAKmE,0BAAAA;AAAAA,EACN;AAAA,EAEA,QAAQC,GAAAA;AAGP,QAFArE,MAAMsE,QAAQD,CAAAA,GAEVA,EAAaE,IAAI,OAAA,GAAU;AAE9B,YAAMC,IAAYxC,MAAMyC,QAAQxE,KAAKI,KAAAA,IAASJ,KAAKI,MAAMqE,KAAK,GAAA,IAAOzE,KAAKI;AAC1EJ,WAAK+C,WAAW2B,aAAaH,CAAAA,GAGzBvE,KAAK2E,eACR3E,KAAKiB,SAAAA,KAINjB,KAAKkE,cAAAA,GAGDlE,KAAK2E,cACR3E,KAAKqB,cAAAA;AAAAA,IAEP;AAGI+C,MAAaE,IAAI,QAAA,MAChBtE,KAAKU,SACRV,KAAK4E,iBAAAA,IAEL5E,KAAKgE,oBAAAA;AAAAA,EAGR;AAAA,EAMQ,qBAAqBa,IAAAA,IAAkB;AAC9C,QAAIA,EAAiB,QAAA;AAErB,YAAQ7E,KAAKQ,YAAAA;AAAAA,MACZ,KAAK;AACJ,eAAA;AAAA,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,gBAAAgD;AACP,QAAIlE,KAAKK,OAAO;AACf,YAAMyE,IAAiB/C,MAAMyC,QAAQxE,KAAKI,KAAAA,IAASJ,KAAKI,QAAQJ,KAAKI,QAAQJ,KAAKI,MAAM2E,MAAM,GAAA,IAAO,CAAA;AACrG/E,WAAK8B,SAASkD,QAAQ7C,OAAMA,EAAE8C,WAAWH,EAAepD,SAASS,EAAE/B,SACnEJ,KAAKW,aACJmE,EAAerC,SAAS,KACrBzC,KAAK8B,SACHoD,OAAO/C,OAAK2C,EAAepD,SAASS,EAAE/B,KAAAA,CAAAA,EACvC+E,IAAIhD,CAAAA,MAAKA,EAAE7B,OACXmE,KAAK,IAAA,KACNzE,KAAKG;AAAAA,IACV,OAAO;AAEN,YAAMiF,IAAeC,OAAOrF,KAAKI,KAAAA;AACjCJ,WAAK8B,SAASkD,QAAQ7C,CAAAA,MAAAA;AAErBA,QAAAA,EAAE8C,WAAW9C,EAAE/B,UAAUgF;AAAAA,MAAAA,CAAAA;AAE1B,YAAME,IAAiBtF,KAAK8B,SAASc,KAAKT,CAAAA,MAAKA,EAAE/B,UAAUgF,CAAAA;AAC3DpF,WAAKW,aAAa2E,GAAgBhF,SAASN,KAAKG;AAAAA,IACjD;AAAA,EACD;AAAA,EAEQ,4BAAAgE;AACPnE,SAAK8B,SAASkD,QAAQ,CAACO,GAAQC;AAC9BD,QAAOE,aAAa,QAAQ,QAAA,GACvBF,EAAOnD,OACXmD,EAAOnD,KAAK,GAAGpC,KAAKoC,EAAAA,WAAaoD,CAAAA,KAIlCD,EAAOG,WAAAA;AACP,YAAMZ,IAAiB/C,MAAMyC,QAAQxE,KAAKI,KAAAA,IAASJ,KAAKI,QAAQJ,KAAKI,QAAQJ,KAAKI,MAAM2E,MAAM,GAAA,IAAO,CAAA;AAErGQ,QAAOE,aACN,iBACAJ,OAAOrF,KAAKK,QAAQyE,EAAepD,SAAS6D,EAAOnF,KAAAA,IAASmF,EAAOnF,UAAUJ,KAAKI;;EAGrF;AAAA,EAEA,MAAA,mBAAcwE;AACb,UAAMe,IAAY3F,KAAK4F,WAAWC,cAAc;AAC3CF,IAAAA,KAAc3F,KAAK8F,OAExB9F,KAAKgE,oBAAoB+B,EAAWJ,GAAW3F,KAAK8F,IAAIE,YAAAA;AAEvD,YAAMC,IAAiBC,OAAOC,aACxBC,IAAcT,EAAUU,sBAAAA,GAGxBC,IAAaL,IAAiBG,EAAYG,QAC1CC,IAAaJ,EAAYK,KAGzBC,IAAYnE,KAAKG,IAAuC,OAAnCH,KAAKG,IAAI4D,GAAYE,CAAAA,GAAoB,GAAA,GAG9DG,IAAaL,IAAa,OAAOE,IAAaF;AAGpDtG,WAAK8F,GAAGc,MAAMF,YAAY,GAAGA;AAE7B,YAAA,EAAMG,GAAEA,MAAGC,EAAAA,IAAAA,MAAYC,EAAgBpB,GAAW3F,KAAK8F,IAAI,EAC1DkB,WAAWL,IAAa,cAAc,gBACtCM,YAAY,CAACC,EAAO,IAAIC,EAAAA,GAAQC,EAAM,EAAEC,SAAS,EAAA,CAAA,CAAA,EAAA,CAAA;AAGlDC,aAAOC,OAAOvH,KAAK8F,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,YAAY7F,GAA2B0D,GAAAA;AAC9C,UAAMD,IAASzD,EAAQ0D,CAAAA;AACvB,QAAID,GAAQ;AACXA,MAAAA,EAAOqC,MAAAA,GACP5H,KAAKmB,mBAAmBoE,EAAOnD;AAG/B,YAAMyF,IAAW7H,KAAK4F,WAAWC,cAAc,UAAA;AAM/C,UALIgC,KACHA,EAASpC,aAAa,yBAAyBF,EAAOnD,EAAAA,GAInDpC,KAAK8F,MAAMP,EAAOuC,cAAbhC,QAAsC;AAE9C,cAAMiC,IAAYxC,EAAOuC,WACnBE,IAAezC,EAAO0C,cACtBC,IAAYlI,KAAK8F,GAAGoC,WACpBC,IAAWnI,KAAK8F,GAAGsC;AAGrBL,QAAAA,IAAYG,IACflI,KAAK8F,GAAGoC,YAAYH,IACVA,IAAYC,IAAeE,IAAYC,MACjDnI,KAAK8F,GAAGoC,YAAYH,IAAYC,IAAeG;AAAAA,MAEjD;AAAA,IACD;AAAA,EACD;AAAA,EAEA,MAAA,aAA2BE,IAAAA;AAE1B,QAAIrI,KAAKE,SACR;AAODF,SAAKkE,cAAAA,GAELlE,KAAKU,SAAAA,UACCV,KAAKsI;AAGX,UAAMxG,IAAUC,MAAMC,KAAKhC,KAAK8B,WAAW,CAAA,CAAA,GACrCyG,IAAgBvI,KAAKK,QAAQ,IAAIyB,EAAQI,UAAUC,CAAAA,MAAKA,EAAE/B,UAAUiF,OAAOrF,KAAKI,KAAAA,CAAAA;AAEtFJ,SAAKsC,YAAYR,GAASS,KAAKG,IAAI6F,GAAe,CAAA,CAAA,GAI9CF,UAAaG,eAAAA;AAAAA,EAClB;AAAA,EAEQ,gBAAAnG;AAGHrC,SAAKe,oBACRf,KAAKgB,WAAAA,KAGNhB,KAAKU,SAAAA,IACLV,KAAKmB,mBAAmB;AAGxB,UAAM0G,IAAW7H,KAAK4F,WAAWC,cAA2B,UAAA;AACxDgC,UACHA,EAASY,gBAAgB,uBAAA,GACzBZ,GAAUD,MAAAA,IAKP5H,KAAKe,mBAAmBf,KAAK0I,qBAAAA,KAChC1I,KAAKqB,cAAAA;AAAAA,EAEP;AAAA,EAEQ,mBAAmBjB,GAAAA;AAK1B,QAJAJ,KAAKe,kBAAAA,IACLf,KAAKgB,WAAAA,IACLhB,KAAKiB,SAAAA,IAEDjB,KAAKK,OAAO;AACf,YAAMkF,IAASvF,KAAK8B,QAAQc,KAAKT,CAAAA,MAAKA,EAAE/B,UAAUA,CAAAA;AAClD,UAAA,CAAKmF,EAAQ;AAIb,UAAIT;AAFJS,QAAON,WAAAA,CAAYM,EAAON,UAIzBH,IADG/C,MAAMyC,QAAQxE,KAAKI,KAAAA,IACL,CAAA,GAAIJ,KAAKI,SAETJ,KAAKI,QAAQJ,KAAKI,MAAM2E,MAAM,GAAA,IAAO,CAAA,GAGnDQ,EAAON,WAELH,EAAepD,SAAStB,CAAAA,KAC5B0E,EAAe6D,KAAKvI,CAAAA,IAIrB0E,IAAiBA,EAAeI,OAAO0D,CAAAA,MAAKA,MAAMxI,CAAAA,GAGnDJ,KAAKI,QAAQ0E,GAGb9E,KAAKW,aACJmE,EAAerC,SAAS,IACrBzC,KAAK8B,QACJoD,OAAO/C,CAAAA,MAAK2C,EAAepD,SAASS,EAAE/B,KAAAA,CAAAA,EACtC+E,IAAIhD,CAAAA,MAAKA,EAAE7B,KAAAA,EACXmE,KAAK,IAAA,IACNzE,KAAKG;AAAAA,IACV,MAECH,MAAK8B,QAAQkD,QAAQ7C,OAAAA;AACpBA,QAAE8C,WAAW9C,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,SAAKmE,0BAAAA,GAGLnE,KAAK6I,eAAe7I,KAAKI,KAAAA;AAAAA,EAC1B;AAAA,EAEQ,eAAeA,GAAAA;AAEtBJ,SAAK8I,cACJ,IAAIC,YAAiD,UAAU,EAC9DnF,QAAQ,EAAExD,OAAAA,EAAAA,GACV4I,SAAAA,IACAC,UAAAA,GAAU,CAAA,CAAA,GAKZjJ,KAAKqB,cAAAA;AAAAA,EACN;AAAA,EAEO,gBAAAA;AAEN,QAAIrB,KAAKE,SACR,QAAA;AAID,UAAMgJ,IAAUlJ,KAAKK,SAAS0B,MAAMyC,QAAQxE,KAAKI,KAAAA,IAASJ,KAAKI,MAAMqC,WAAW,IAAXA,CAA+BzC,KAAKI,OAGnGQ,IAAAA,EAAYZ,KAAKC,YAAYiJ;AAenC,QAZAlJ,KAAKY,UAAUA,GAEVZ,KAAKY,WAKTZ,KAAKa,oBAAoB,IACzBb,KAAK+C,WAAWoG,YAAY,QAL5BnJ,KAAKa,oBAAoB,4BACzBb,KAAK+C,WAAWoG,YAAY,EAAEC,cAAAA,GAAc,GAAQ,4BAA4BpJ,KAAK6D,QAAAA,IAQlF7D,KAAK6D,YAAY7D,KAAK2E,YAAY;AACrC,YAAM0E,IAAAA,CAAarJ,KAAKY,WAAWZ,KAAK0I;AACxC1I,WAAK6D,SAASC,QAAQuF,GACtBrJ,KAAK6D,SAAStD,OAAO8I,IAAYrJ,KAAKa,oBAAoBb,KAAKO;AAAAA,IAChE;AAEA,WAAOP,KAAKY;AAAAA,EACb;AAAA,EAEO,iBAAA4H;AAEN,UAAMc,IAAQtJ,KAAKqB,cAAAA;AAqBnB,WAlBIrB,KAAK6D,aAER7D,KAAK6D,SAASC,QAAAA,CAASwF,GACvBtJ,KAAK6D,SAAStD,OAAQ+I,IAAiCtJ,KAAKO,OAA9BP,KAAKa,mBAG9ByI,KAAUtJ,KAAKU,UAGnBV,KAAK6B,aAAAA,KAIDyH,KACJtJ,KAAK6D,SAAS2E,eAAAA,IAITc;AAAAA,EACR;AAAA,EAEO,kBAAkBC;AACxBvJ,SAAKa,oBAAoB0I,GACrBA,KACHvJ,KAAKY,UAAAA,IACLZ,KAAK+C,WAAWoG,YAAY,EAAEK,aAAAA,GAAa,GAAQD,GAASvJ,KAAK6D,QAAAA,MAEjE7D,KAAKY,cACLZ,KAAK+C,WAAWoG,YAAY,MAIzBnJ,KAAK6D,YAAY7D,KAAK0I,qBAAAA,MACzB1I,KAAK6D,SAASC,QAAAA,CAAS9D,KAAKY,SAC5BZ,KAAK6D,SAAStD,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,WAAWoG,YAAY,KAC5BnJ,KAAKkE,cAAAA,GAEDlE,KAAK6D,aACR7D,KAAK6D,SAASC,QAAAA,IACd9D,KAAK6D,SAAStD,OAAOP,KAAKO;AAAAA,EAE5B;AAAA,EAEA,SAAAkJ;AAGC,UAAMC,IAAAA,CAAc1J,KAAKY,WAAWZ,KAAK0I,qBAAAA,KAAAA,CAA2B1I,KAAKU,QAGnEiJ,IAAY3J,KAAKU,SACpBkJ,gFACAA;AAEH,WAAOA;AAAAA,0BACiB5J,KAAKE,WAAW,kCAAkC,EAAA;AAAA;AAAA,aAE/DF,KAAK6J,IAAAA;AAAAA,gBACF7J,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,aACTwJ,IAAa1J,KAAKa,oBAAoBb,KAAKO,IAAAA;AAAAA,cAC1CmJ,CAAAA;AAAAA,mBACK1J,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,OAQlB8H,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAID3J,KAAKU,SACJkJ,4CAA+C5J,KAAKqC,aAAAA,8CACpD,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAKqBrC,KAAKK,KAAAA;AAAAA,aACpByJ,EAAS,EAChB,6DAAA,IACAC,QAAAA,CAAS/J,KAAKU,OAAAA,CAAAA,CAAAA;AAAAA,OAEbsJ,EAAM,EACPC,SAASC,EAAcC,IAAIH,MAAMI,QAAQC,KACzCL,OAAOE,EAAcC,IAAIH,MAAMI,QAAQE,GAAAA,CAAAA,CAAAA;AAAAA;AAAAA;AAAAA,oBAIzB,MAAA;AACbtK,WAAKkE,iBACLlE,KAAKmE,0BAAAA;AAAAA,IAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAMX;AAAA;AA3nBYxE,EAYL4K,qBAIqBC,EAAA,CAA3BC,EAAS,EAAEC,MAAMrF,OAAAA,CAAAA,CAAAA,GAhBN1F,EAgBgBgL,WAAA,QAAA,CAAA,GACgBH,EAAA,CAA3CC,EAAS,EAAEC,MAAME,SAASC,SAAAA,GAAS,CAAA,CAAA,GAjBxBlL,EAiBgCgL,WAAA,YAAA,CAAA,GACAH,EAAA,CAA3CC,EAAS,EAAEC,MAAME,SAASC,YAAS,CAAA,CAAA,GAlBxBlL,EAkBgCgL,WAAA,YAAA,CAAA,GAChBH,EAAA,CAA3BC,EAAS,EAAEC,MAAMrF,OAAAA,CAAAA,CAAAA,GAnBN1F,EAmBgBgL,WAAA,eAAA,CAAA,GACeH,EAAA,CAA1CC,EAAS,EAAEC,MAAMrF,QAAQwF,SAAAA,GAAS,CAAA,CAAA,GApBvBlL,EAoB+BgL,WAAA,SAAA,IACdH,EAAA,CAA5BC,EAAS,EAAEC,MAAME,QAAAA,CAAAA,CAAAA,GArBNjL,EAqBiBgL,WAAA,SAAA,CAAA,GACDH,EAAA,CAA3BC,EAAS,EAAEC,MAAMrF,OAAAA,CAAAA,CAAAA,GAtBN1F,EAsBgBgL,WAAA,SAAA,CAAA,GACAH,EAAA,CAA3BC,EAAS,EAAEC,MAAMrF,OAAAA,CAAAA,CAAAA,GAvBN1F,EAuBgBgL,WAAA,QAAA,CAAA,GACAH,EAAA,CAA3BC,EAAS,EAAEC,MAAMrF,OAAAA,CAAAA,CAAAA,GAxBN1F,EAwBgBgL,WAAA,cAAA,CAAA,GACAH,EAAA,CAA3BC,EAAS,EAAEC,MAAMrF,OAAAA,CAAAA,CAAAA,GAzBN1F,EAyBgBgL,WAAA,QAAA,CAAA,GAGXH,EAAA,CAAhBM,EAAAA,CAAAA,GA5BWnL,EA4BKgL,WAAA,UAAA,CAAA,GACAH,EAAA,CAAhBM,EAAAA,CAAAA,GA7BWnL,EA6BKgL,WAAA,cAAA,CAAA,GACAH,EAAA,CAAhBM,EAAAA,CAAAA,GA9BWnL,EA8BKgL,WAAA,WAAA,CAAA,GACWH,EAAA,CAA3BC,EAAS,EAAEC,MAAMrF,OAAAA,CAAAA,CAAAA,GA/BN1F,EA+BgBgL,WAAA,qBAAA,IAGXH,EAAA,CAAhBM,EAAAA,CAAAA,GAlCWnL,EAkCKgL,WAAA,gBAAA,IAEIH,EAAA,CAApBO,EAAM,IAAA,CAAA,GApCKpL,EAoCSgL,WAAA,MAAA,CAAA,GACOH,EAAA,CAA3BO,EAAM,WAAA,CAAA,GArCKpL,EAqCgBgL,WAAA,YAAA,CAAA,GACsBH,EAAA,CAAjDQ,EAAsB,EAAEC,SAAAA,GAAS,CAAA,CAAA,GAtCtBtL,EAsCsCgL,WAAA,WAAA,CAAA,GAEzCH,EAAA,CAARM,EAAAA,CAAAA,GAxCWnL,EAwCHgL,WAAA,mBAAA,CAAA,GACQH,EAAA,CAAhBM,EAAAA,CAAAA,GAzCWnL,EAyCKgL,WAAA,YAAA,CAAA,GACAH,EAAA,CAAhBM,EAAAA,CAAAA,GA1CWnL,EA0CKgL,WAAA,UAAA,CAAA,GACAH,EAAA,CAAhBM,EAAAA,CAAAA,GA3CWnL,EA2CKgL,WAAA,cAAA,CAAA,GAGAH,EAAA,CAAhBM,EAAAA,CAAAA,GA9CWnL,EA8CKgL,WAAA,oBAAA,CAAA,GA9CLhL,IAAN6K,EAAA,CADNU,EAAc,iBAAA,CAAA,GACFvL,CAAAA;"}
+{"version":3,"file":"select-CRX_Nk_f.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// Form event handlers\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\tfromEvent(this.internals.form, 'submit')\n\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t.subscribe(this.formSubmitHandler)\n\n\t\t\t// Listen for form reset\n\t\t\tfromEvent(this.internals.form, 'reset')\n\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t.subscribe(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\t\t// Form event listeners are automatically cleaned up via takeUntil(this.disconnecting)\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","inputRef","error","disconnectedCallback","cleanupPositioner","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,GAoMNvB,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,aAAAA,EAAa;AAMpB,YAAMC,IAAUC,MAAMC,KAAKhC,KAAK8B,WAAW,KACrCG,IAAUH,EAAQI,UAAUC,CAAAA,MAAKA,EAAEC,OAAOpC,KAAKmB,gBAAAA,KAAAA;AAErD,cAAQM,EAAEE,KAAAA;AAAAA,QACT,KAAK;AACJF,YAAEG,eAAAA,GACF5B,KAAKqC;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;AAhPP;AACCrC,WAAK+C,YAAY/C,KAAKgD,gBAAAA;AAAAA,IACvB,QAASvB;AAAAA,IAET;AAAA,EACD;AAAA,EAEA,IAAA,OAAIwB;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,aAAAA,GAG7F8B,EAAuBtD,MAAM,eAAA,EAC3BuD,KAAKC,EAAUxD,KAAKyD,gBACpBC,UAAWjC,OAAAA;AACXA,QAAEkC,gBAAAA,GACF3D,KAAK8C,mBAAmBrB,EAAEmC,OAAOxD;QAI/BJ,KAAK+C,WAAWE,SACnBK,EAAUtD,KAAK+C,UAAUE,MAAM,QAAA,EAC7BM,KAAKC,EAAUxD,KAAKyD,aAAAA,CAAAA,EACpBC,UAAU1D,KAAKoB,iBAAAA,GAGjBkC,EAAUtD,KAAK+C,UAAUE,MAAM,OAAA,EAC7BM,KAAKC,EAAUxD,KAAKyD,aAAAA,CAAAA,EACpBC,UAAU1D,KAAKsB,gBAAAA,IAIdtB,KAAK6D,aACR7D,KAAK6D,SAASC,QAAAA;AAAAA,EAEhB;AAAA,EAEA,uBAAAC;AACChE,UAAMgE,qBAAAA,GACN/D,KAAKgE,oBAAAA;AAAAA,EAEN;AAAA,EAEA,eAAAC;AACCjE,SAAKkE,cAAAA,GACLlE,KAAKmE,0BAAAA;AAAAA,EACN;AAAA,EAEA,QAAQC,GAAAA;AAGP,QAFArE,MAAMsE,QAAQD,CAAAA,GAEVA,EAAaE,IAAI,OAAA,GAAU;AAE9B,YAAMC,IAAYxC,MAAMyC,QAAQxE,KAAKI,KAAAA,IAASJ,KAAKI,MAAMqE,KAAK,GAAA,IAAOzE,KAAKI;AAC1EJ,WAAK+C,WAAW2B,aAAaH,CAAAA,GAGzBvE,KAAK2E,eACR3E,KAAKiB,SAAAA,KAINjB,KAAKkE,cAAAA,GAGDlE,KAAK2E,cACR3E,KAAKqB,cAAAA;AAAAA,IAEP;AAGI+C,MAAaE,IAAI,QAAA,MAChBtE,KAAKU,SACRV,KAAK4E,iBAAAA,IAEL5E,KAAKgE,oBAAAA;AAAAA,EAGR;AAAA,EAMQ,qBAAqBa,IAAAA,IAAkB;AAC9C,QAAIA,EAAiB,QAAA;AAErB,YAAQ7E,KAAKQ,YAAAA;AAAAA,MACZ,KAAK;AACJ,eAAA;AAAA,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,gBAAAgD;AACP,QAAIlE,KAAKK,OAAO;AACf,YAAMyE,IAAiB/C,MAAMyC,QAAQxE,KAAKI,KAAAA,IAASJ,KAAKI,QAAQJ,KAAKI,QAAQJ,KAAKI,MAAM2E,MAAM,GAAA,IAAO,CAAA;AACrG/E,WAAK8B,SAASkD,QAAQ7C,OAAMA,EAAE8C,WAAWH,EAAepD,SAASS,EAAE/B,SACnEJ,KAAKW,aACJmE,EAAerC,SAAS,KACrBzC,KAAK8B,SACHoD,OAAO/C,OAAK2C,EAAepD,SAASS,EAAE/B,KAAAA,CAAAA,EACvC+E,IAAIhD,CAAAA,MAAKA,EAAE7B,OACXmE,KAAK,IAAA,KACNzE,KAAKG;AAAAA,IACV,OAAO;AAEN,YAAMiF,IAAeC,OAAOrF,KAAKI,KAAAA;AACjCJ,WAAK8B,SAASkD,QAAQ7C,CAAAA,MAAAA;AAErBA,QAAAA,EAAE8C,WAAW9C,EAAE/B,UAAUgF;AAAAA,MAAAA,CAAAA;AAE1B,YAAME,IAAiBtF,KAAK8B,SAASc,KAAKT,CAAAA,MAAKA,EAAE/B,UAAUgF,CAAAA;AAC3DpF,WAAKW,aAAa2E,GAAgBhF,SAASN,KAAKG;AAAAA,IACjD;AAAA,EACD;AAAA,EAEQ,4BAAAgE;AACPnE,SAAK8B,SAASkD,QAAQ,CAACO,GAAQC;AAC9BD,QAAOE,aAAa,QAAQ,QAAA,GACvBF,EAAOnD,OACXmD,EAAOnD,KAAK,GAAGpC,KAAKoC,EAAAA,WAAaoD,CAAAA,KAIlCD,EAAOG,WAAAA;AACP,YAAMZ,IAAiB/C,MAAMyC,QAAQxE,KAAKI,KAAAA,IAASJ,KAAKI,QAAQJ,KAAKI,QAAQJ,KAAKI,MAAM2E,MAAM,GAAA,IAAO,CAAA;AAErGQ,QAAOE,aACN,iBACAJ,OAAOrF,KAAKK,QAAQyE,EAAepD,SAAS6D,EAAOnF,KAAAA,IAASmF,EAAOnF,UAAUJ,KAAKI;;EAGrF;AAAA,EAEA,MAAA,mBAAcwE;AACb,UAAMe,IAAY3F,KAAK4F,WAAWC,cAAc;AAC3CF,IAAAA,KAAc3F,KAAK8F,OAExB9F,KAAKgE,oBAAoB+B,EAAWJ,GAAW3F,KAAK8F,IAAIE,YAAAA;AAEvD,YAAMC,IAAiBC,OAAOC,aACxBC,IAAcT,EAAUU,sBAAAA,GAGxBC,IAAaL,IAAiBG,EAAYG,QAC1CC,IAAaJ,EAAYK,KAGzBC,IAAYnE,KAAKG,IAAuC,OAAnCH,KAAKG,IAAI4D,GAAYE,CAAAA,GAAoB,GAAA,GAG9DG,IAAaL,IAAa,OAAOE,IAAaF;AAGpDtG,WAAK8F,GAAGc,MAAMF,YAAY,GAAGA;AAE7B,YAAA,EAAMG,GAAEA,MAAGC,EAAAA,IAAAA,MAAYC,EAAgBpB,GAAW3F,KAAK8F,IAAI,EAC1DkB,WAAWL,IAAa,cAAc,gBACtCM,YAAY,CAACC,EAAO,IAAIC,EAAAA,GAAQC,EAAM,EAAEC,SAAS,EAAA,CAAA,CAAA,EAAA,CAAA;AAGlDC,aAAOC,OAAOvH,KAAK8F,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,YAAY7F,GAA2B0D,GAAAA;AAC9C,UAAMD,IAASzD,EAAQ0D,CAAAA;AACvB,QAAID,GAAQ;AACXA,MAAAA,EAAOqC,MAAAA,GACP5H,KAAKmB,mBAAmBoE,EAAOnD;AAG/B,YAAMyF,IAAW7H,KAAK4F,WAAWC,cAAc,UAAA;AAM/C,UALIgC,KACHA,EAASpC,aAAa,yBAAyBF,EAAOnD,EAAAA,GAInDpC,KAAK8F,MAAMP,EAAOuC,cAAbhC,QAAsC;AAE9C,cAAMiC,IAAYxC,EAAOuC,WACnBE,IAAezC,EAAO0C,cACtBC,IAAYlI,KAAK8F,GAAGoC,WACpBC,IAAWnI,KAAK8F,GAAGsC;AAGrBL,QAAAA,IAAYG,IACflI,KAAK8F,GAAGoC,YAAYH,IACVA,IAAYC,IAAeE,IAAYC,MACjDnI,KAAK8F,GAAGoC,YAAYH,IAAYC,IAAeG;AAAAA,MAEjD;AAAA,IACD;AAAA,EACD;AAAA,EAEA,MAAA,aAA2BE,IAAAA;AAE1B,QAAIrI,KAAKE,SACR;AAODF,SAAKkE,cAAAA,GAELlE,KAAKU,SAAAA,UACCV,KAAKsI;AAGX,UAAMxG,IAAUC,MAAMC,KAAKhC,KAAK8B,WAAW,CAAA,CAAA,GACrCyG,IAAgBvI,KAAKK,QAAQ,IAAIyB,EAAQI,UAAUC,CAAAA,MAAKA,EAAE/B,UAAUiF,OAAOrF,KAAKI,KAAAA,CAAAA;AAEtFJ,SAAKsC,YAAYR,GAASS,KAAKG,IAAI6F,GAAe,CAAA,CAAA,GAI9CF,UAAaG,eAAAA;AAAAA,EAClB;AAAA,EAEQ,gBAAAnG;AAGHrC,SAAKe,oBACRf,KAAKgB,WAAAA,KAGNhB,KAAKU,SAAAA,IACLV,KAAKmB,mBAAmB;AAGxB,UAAM0G,IAAW7H,KAAK4F,WAAWC,cAA2B,UAAA;AACxDgC,UACHA,EAASY,gBAAgB,uBAAA,GACzBZ,GAAUD,MAAAA,IAKP5H,KAAKe,mBAAmBf,KAAK0I,qBAAAA,KAChC1I,KAAKqB,cAAAA;AAAAA,EAEP;AAAA,EAEQ,mBAAmBjB,GAAAA;AAK1B,QAJAJ,KAAKe,kBAAAA,IACLf,KAAKgB,WAAAA,IACLhB,KAAKiB,SAAAA,IAEDjB,KAAKK,OAAO;AACf,YAAMkF,IAASvF,KAAK8B,QAAQc,KAAKT,CAAAA,MAAKA,EAAE/B,UAAUA,CAAAA;AAClD,UAAA,CAAKmF,EAAQ;AAIb,UAAIT;AAFJS,QAAON,WAAAA,CAAYM,EAAON,UAIzBH,IADG/C,MAAMyC,QAAQxE,KAAKI,KAAAA,IACL,CAAA,GAAIJ,KAAKI,SAETJ,KAAKI,QAAQJ,KAAKI,MAAM2E,MAAM,GAAA,IAAO,CAAA,GAGnDQ,EAAON,WAELH,EAAepD,SAAStB,CAAAA,KAC5B0E,EAAe6D,KAAKvI,CAAAA,IAIrB0E,IAAiBA,EAAeI,OAAO0D,CAAAA,MAAKA,MAAMxI,CAAAA,GAGnDJ,KAAKI,QAAQ0E,GAGb9E,KAAKW,aACJmE,EAAerC,SAAS,IACrBzC,KAAK8B,QACJoD,OAAO/C,CAAAA,MAAK2C,EAAepD,SAASS,EAAE/B,KAAAA,CAAAA,EACtC+E,IAAIhD,CAAAA,MAAKA,EAAE7B,KAAAA,EACXmE,KAAK,IAAA,IACNzE,KAAKG;AAAAA,IACV,MAECH,MAAK8B,QAAQkD,QAAQ7C,OAAAA;AACpBA,QAAE8C,WAAW9C,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,SAAKmE,0BAAAA,GAGLnE,KAAK6I,eAAe7I,KAAKI,KAAAA;AAAAA,EAC1B;AAAA,EAEQ,eAAeA,GAAAA;AAEtBJ,SAAK8I,cACJ,IAAIC,YAAiD,UAAU,EAC9DnF,QAAQ,EAAExD,OAAAA,EAAAA,GACV4I,SAAAA,IACAC,UAAAA,GAAU,CAAA,CAAA,GAKZjJ,KAAKqB,cAAAA;AAAAA,EACN;AAAA,EAEO,gBAAAA;AAEN,QAAIrB,KAAKE,SACR,QAAA;AAID,UAAMgJ,IAAUlJ,KAAKK,SAAS0B,MAAMyC,QAAQxE,KAAKI,KAAAA,IAASJ,KAAKI,MAAMqC,WAAW,IAAXA,CAA+BzC,KAAKI,OAGnGQ,IAAAA,EAAYZ,KAAKC,YAAYiJ;AAenC,QAZAlJ,KAAKY,UAAUA,GAEVZ,KAAKY,WAKTZ,KAAKa,oBAAoB,IACzBb,KAAK+C,WAAWoG,YAAY,QAL5BnJ,KAAKa,oBAAoB,4BACzBb,KAAK+C,WAAWoG,YAAY,EAAEC,cAAAA,GAAc,GAAQ,4BAA4BpJ,KAAK6D,QAAAA,IAQlF7D,KAAK6D,YAAY7D,KAAK2E,YAAY;AACrC,YAAM0E,IAAAA,CAAarJ,KAAKY,WAAWZ,KAAK0I;AACxC1I,WAAK6D,SAASC,QAAQuF,GACtBrJ,KAAK6D,SAAStD,OAAO8I,IAAYrJ,KAAKa,oBAAoBb,KAAKO;AAAAA,IAChE;AAEA,WAAOP,KAAKY;AAAAA,EACb;AAAA,EAEO,iBAAA4H;AAEN,UAAMc,IAAQtJ,KAAKqB,cAAAA;AAqBnB,WAlBIrB,KAAK6D,aAER7D,KAAK6D,SAASC,QAAAA,CAASwF,GACvBtJ,KAAK6D,SAAStD,OAAQ+I,IAAiCtJ,KAAKO,OAA9BP,KAAKa,mBAG9ByI,KAAUtJ,KAAKU,UAGnBV,KAAK6B,aAAAA,KAIDyH,KACJtJ,KAAK6D,SAAS2E,eAAAA,IAITc;AAAAA,EACR;AAAA,EAEO,kBAAkBC;AACxBvJ,SAAKa,oBAAoB0I,GACrBA,KACHvJ,KAAKY,UAAAA,IACLZ,KAAK+C,WAAWoG,YAAY,EAAEK,aAAAA,GAAa,GAAQD,GAASvJ,KAAK6D,QAAAA,MAEjE7D,KAAKY,cACLZ,KAAK+C,WAAWoG,YAAY,MAIzBnJ,KAAK6D,YAAY7D,KAAK0I,qBAAAA,MACzB1I,KAAK6D,SAASC,QAAAA,CAAS9D,KAAKY,SAC5BZ,KAAK6D,SAAStD,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,WAAWoG,YAAY,KAC5BnJ,KAAKkE,cAAAA,GAEDlE,KAAK6D,aACR7D,KAAK6D,SAASC,QAAAA,IACd9D,KAAK6D,SAAStD,OAAOP,KAAKO;AAAAA,EAE5B;AAAA,EAEA,SAAAkJ;AAGC,UAAMC,IAAAA,CAAc1J,KAAKY,WAAWZ,KAAK0I,qBAAAA,KAAAA,CAA2B1I,KAAKU,QAGnEiJ,IAAY3J,KAAKU,SACpBkJ,gFACAA;AAEH,WAAOA;AAAAA,0BACiB5J,KAAKE,WAAW,kCAAkC,EAAA;AAAA;AAAA,aAE/DF,KAAK6J,IAAAA;AAAAA,gBACF7J,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,aACTwJ,IAAa1J,KAAKa,oBAAoBb,KAAKO,IAAAA;AAAAA,cAC1CmJ,CAAAA;AAAAA,mBACK1J,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,OAQlB8H,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAID3J,KAAKU,SACJkJ,4CAA+C5J,KAAKqC,aAAAA,8CACpD,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAKqBrC,KAAKK,KAAAA;AAAAA,aACpByJ,EAAS,EAChB,6DAAA,IACAC,QAAAA,CAAS/J,KAAKU,OAAAA,CAAAA,CAAAA;AAAAA,OAEbsJ,EAAM,EACPC,SAASC,EAAcC,IAAIH,MAAMI,QAAQC,KACzCL,OAAOE,EAAcC,IAAIH,MAAMI,QAAQE,GAAAA,CAAAA,CAAAA;AAAAA;AAAAA;AAAAA,oBAIzB,MAAA;AACbtK,WAAKkE,iBACLlE,KAAKmE,0BAAAA;AAAAA,IAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAMX;AAAA;AA3nBYxE,EAYL4K,qBAIqBC,EAAA,CAA3BC,EAAS,EAAEC,MAAMrF,OAAAA,CAAAA,CAAAA,GAhBN1F,EAgBgBgL,WAAA,QAAA,CAAA,GACgBH,EAAA,CAA3CC,EAAS,EAAEC,MAAME,SAASC,SAAAA,GAAS,CAAA,CAAA,GAjBxBlL,EAiBgCgL,WAAA,YAAA,CAAA,GACAH,EAAA,CAA3CC,EAAS,EAAEC,MAAME,SAASC,YAAS,CAAA,CAAA,GAlBxBlL,EAkBgCgL,WAAA,YAAA,CAAA,GAChBH,EAAA,CAA3BC,EAAS,EAAEC,MAAMrF,OAAAA,CAAAA,CAAAA,GAnBN1F,EAmBgBgL,WAAA,eAAA,CAAA,GACeH,EAAA,CAA1CC,EAAS,EAAEC,MAAMrF,QAAQwF,SAAAA,GAAS,CAAA,CAAA,GApBvBlL,EAoB+BgL,WAAA,SAAA,IACdH,EAAA,CAA5BC,EAAS,EAAEC,MAAME,QAAAA,CAAAA,CAAAA,GArBNjL,EAqBiBgL,WAAA,SAAA,CAAA,GACDH,EAAA,CAA3BC,EAAS,EAAEC,MAAMrF,OAAAA,CAAAA,CAAAA,GAtBN1F,EAsBgBgL,WAAA,SAAA,CAAA,GACAH,EAAA,CAA3BC,EAAS,EAAEC,MAAMrF,OAAAA,CAAAA,CAAAA,GAvBN1F,EAuBgBgL,WAAA,QAAA,CAAA,GACAH,EAAA,CAA3BC,EAAS,EAAEC,MAAMrF,OAAAA,CAAAA,CAAAA,GAxBN1F,EAwBgBgL,WAAA,cAAA,CAAA,GACAH,EAAA,CAA3BC,EAAS,EAAEC,MAAMrF,OAAAA,CAAAA,CAAAA,GAzBN1F,EAyBgBgL,WAAA,QAAA,CAAA,GAGXH,EAAA,CAAhBM,EAAAA,CAAAA,GA5BWnL,EA4BKgL,WAAA,UAAA,CAAA,GACAH,EAAA,CAAhBM,EAAAA,CAAAA,GA7BWnL,EA6BKgL,WAAA,cAAA,CAAA,GACAH,EAAA,CAAhBM,EAAAA,CAAAA,GA9BWnL,EA8BKgL,WAAA,WAAA,CAAA,GACWH,EAAA,CAA3BC,EAAS,EAAEC,MAAMrF,OAAAA,CAAAA,CAAAA,GA/BN1F,EA+BgBgL,WAAA,qBAAA,IAGXH,EAAA,CAAhBM,EAAAA,CAAAA,GAlCWnL,EAkCKgL,WAAA,gBAAA,IAEIH,EAAA,CAApBO,EAAM,IAAA,CAAA,GApCKpL,EAoCSgL,WAAA,MAAA,CAAA,GACOH,EAAA,CAA3BO,EAAM,WAAA,CAAA,GArCKpL,EAqCgBgL,WAAA,YAAA,CAAA,GACsBH,EAAA,CAAjDQ,EAAsB,EAAEC,SAAAA,GAAS,CAAA,CAAA,GAtCtBtL,EAsCsCgL,WAAA,WAAA,CAAA,GAEzCH,EAAA,CAARM,EAAAA,CAAAA,GAxCWnL,EAwCHgL,WAAA,mBAAA,CAAA,GACQH,EAAA,CAAhBM,EAAAA,CAAAA,GAzCWnL,EAyCKgL,WAAA,YAAA,CAAA,GACAH,EAAA,CAAhBM,EAAAA,CAAAA,GA1CWnL,EA0CKgL,WAAA,UAAA,CAAA,GACAH,EAAA,CAAhBM,EAAAA,CAAAA,GA3CWnL,EA2CKgL,WAAA,cAAA,CAAA,GAGAH,EAAA,CAAhBM,EAAAA,CAAAA,GA9CWnL,EA8CKgL,WAAA,oBAAA,CAAA,GA9CLhL,IAAN6K,EAAA,CADNU,EAAc,iBAAA,CAAA,GACFvL,CAAAA;"}

package/dist/{select-B-LiqQwb.cjs → select-DPa2FYdv.cjs}

@@ -1,4 +1,4 @@
-"use strict";const c=require("@floating-ui/dom"),h=require("rxjs"),f=require("lit/directives/class-map.js");require("lit/directives/style-map.js");const a=require("lit/decorators.js");require("./tailwind.mixin-CngO3XGT.cjs");const m=require("./litElement.mixin-DE7nMq_x.cjs"),v=require("./ripple-DqQrvaTe.cjs");require("lit/directives/guard.js");const u=require("./theme.interface-Xg5Zi46a.cjs"),d=require("lit");var b=Object.defineProperty,S=Object.getOwnPropertyDescriptor,o=(t,e,i,s)=>{for(var n,l=s>1?void 0:s?S(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&&b(e,i,l),l};exports.SchmancySelect=class extends m.$LitElement(d.css`
+"use strict";const c=require("@floating-ui/dom"),h=require("rxjs"),f=require("lit/directives/class-map.js");require("lit/directives/style-map.js");const a=require("lit/decorators.js");require("./tailwind.mixin-BvVlz7hG.cjs");const m=require("./litElement.mixin-B2K_bdpW.cjs"),v=require("./ripple-DqQrvaTe.cjs");require("lit/directives/guard.js");const u=require("./theme.interface-Xg5Zi46a.cjs"),d=require("lit");var b=Object.defineProperty,S=Object.getOwnPropertyDescriptor,o=(t,e,i,s)=>{for(var n,l=s>1?void 0:s?S(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&&b(e,i,l),l};exports.SchmancySelect=class extends m.$LitElement(d.css`
 	:host {
 		display: block;
 		position: relative;
@@ -54,4 +54,4 @@
 				</ul>
 			</div>
 		`}},exports.SchmancySelect.formAssociated=!0,o([a.property({type:String})],exports.SchmancySelect.prototype,"name",2),o([a.property({type:Boolean,reflect:!0})],exports.SchmancySelect.prototype,"required",2),o([a.property({type: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-B-LiqQwb.cjs.map
+//# sourceMappingURL=select-DPa2FYdv.cjs.map

package/dist/{select-B-LiqQwb.cjs.map → select-DPa2FYdv.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"select-B-LiqQwb.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// Form event handlers\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\tfromEvent(this.internals.form, 'submit')\n\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t.subscribe(this.formSubmitHandler)\n\n\t\t\t// Listen for form reset\n\t\t\tfromEvent(this.internals.form, 'reset')\n\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t.subscribe(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\t\t// Form event listeners are automatically cleaned up via takeUntil(this.disconnecting)\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","inputRef","error","disconnectedCallback","cleanupPositioner","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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"}
+{"version":3,"file":"select-DPa2FYdv.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// Form event handlers\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\tfromEvent(this.internals.form, 'submit')\n\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t.subscribe(this.formSubmitHandler)\n\n\t\t\t// Listen for form reset\n\t\t\tfromEvent(this.internals.form, 'reset')\n\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t.subscribe(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\t\t// Form event listeners are automatically cleaned up via takeUntil(this.disconnecting)\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","inputRef","error","disconnectedCallback","cleanupPositioner","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.cjs

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

package/dist/select.js

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

package/dist/{sheet-BvaShgm9.js → sheet-DH0GSs0F.js}

@@ -2,9 +2,9 @@ import { fromEvent as d, tap as p, of as w, take as k, merge as E, takeUntil as
 import { classMap as y } from "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
 import { customElement as g, property as c, queryAssignedElements as $ } from "lit/decorators.js";
-import { T as S } from "./tailwind.mixin-T5CiXVWk.js";
+import { T as S } from "./tailwind.mixin-R2xLfpws.js";
 import { css as C, html as f } from "lit";
-import { $ as A } from "./litElement.mixin-CAUo-j_j.js";
+import { $ as A } from "./litElement.mixin-CEPZ0lJP.js";
 import { cache as O } from "lit/directives/cache.js";
 import { ifDefined as v } from "lit/directives/if-defined.js";
 import { createRef as B, ref as F } from "lit/directives/ref.js";
@@ -141,4 +141,4 @@ a([c({ type: String, reflect: !0 })], n.prototype, "uid", 2), a([c({ type: Boole
     }
   };
 })], n.prototype, "onOpenChange", 1), n = a([g("schmancy-sheet")], n);
-//# sourceMappingURL=sheet-BvaShgm9.js.map
+//# sourceMappingURL=sheet-DH0GSs0F.js.map

package/dist/{sheet-BvaShgm9.js.map → sheet-DH0GSs0F.js.map}

@@ -1 +1 @@
-{"version":3,"file":"sheet-BvaShgm9.js","sources":["../src/sheet/header.ts","../src/sheet/sheet.ts","../src/sheet/hook.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n@customElement('schmancy-sheet-header')\nexport default class SchmancySheetHeader extends TailwindElement(css``) {\n\trender() {\n\t\treturn html`\n\t\t\t<sch-flex class=\"absolute top-0 left-0 md:left-[unset] md:right-0\">\n\t\t\t\t<div class=\"block md:hidden flex-1 justify-start items-start\">\n\t\t\t\t\t<slot name=\"back\">\n\t\t\t\t\t\t<schmancy-button\n\t\t\t\t\t\t\t@click=${() => {\n\t\t\t\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\t\t\t\tnew CustomEvent('dismiss', {\n\t\t\t\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span class=\"text-[24px]\">&#8592; </span>\n\t\t\t\t\t\t</schmancy-button>\n\t\t\t\t\t</slot>\n\t\t\t\t</div>\n\n\t\t\t\t<div class=\"hidden md:block flex-1 justify-end items-end\">\n\t\t\t\t\t<slot name=\"actions\">\n\t\t\t\t\t\t<schmancy-icon-button\n\t\t\t\t\t\t\t@click=${() => {\n\t\t\t\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\t\t\t\tnew CustomEvent('dismiss', {\n\t\t\t\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tclose\n\t\t\t\t\t\t</schmancy-icon-button>\n\t\t\t\t\t</slot>\n\t\t\t\t</div>\n\t\t\t</sch-flex>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-sheet-header': SchmancySheetHeader\n\t}\n}\n","import { $LitElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, property, queryAssignedElements } from 'lit/decorators.js'\nimport { cache } from 'lit/directives/cache.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport { fromEvent, merge, of, take, takeUntil, tap } from 'rxjs'\nimport { on } from './hook'\nimport style from './sheet.scss?inline'\nimport {\n\tSchmancySheetPosition,\n\tSheetHereMorty,\n\tSheetWhereAreYouRicky,\n\tSheetWhereAreYouRickyEvent,\n\tsheet,\n} from './sheet.service'\n\n@customElement('schmancy-sheet')\nexport default class SchmancySheet extends $LitElement(style) {\n\t@property({ type: String, reflect: true }) uid!: string\n\t@property({ type: Boolean, reflect: true }) open = false\n\t@property({ type: String, reflect: true }) header: 'hidden' | 'visible' = 'visible'\n\t@property({ type: String, reflect: true }) position: SchmancySheetPosition = SchmancySheetPosition.Side\n\t@property({ type: Boolean, reflect: true }) persist = false\n\t@property({ type: Boolean, reflect: true }) lock = false\n\t@property({ type: Boolean, reflect: true }) handleHistory = true\n\t@property({ type: String, reflect: true }) title = ''\n\n\t// Use ref directive instead of @query\n\tprivate sheetRef = createRef<HTMLDivElement>()\n\t@queryAssignedElements({ flatten: true }) private assignedElements!: HTMLElement[]\n\n\t@property() focusAttribute = 'autofocus'\n\tprivate lastFocusedElement: HTMLElement | null = null\n\n\t@on('open')\n\tonOpenChange(_oldValue: boolean, newValue: boolean) {\n\t\tif (newValue) {\n\t\t\tthis.lastFocusedElement = document.activeElement as HTMLElement\n\t\t\t// Use native inert attribute to prevent focus outside sheet\n\t\t\tthis.setBackgroundInert(true)\n\t\t\tthis.focus()\n\t\t} else {\n\t\t\tthis.setBackgroundInert(false)\n\t\t\tthis.lastFocusedElement?.focus()\n\t\t\tthis.lastFocusedElement = null\n\t\t}\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.setupEventListeners()\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.disconnecting.next(true)\n\t}\n\n\tprivate setupEventListeners() {\n\t\t// Handle browser back button - only if handleHistory is true\n\t\tconst popState$ = this.handleHistory\n\t\t\t? fromEvent<PopStateEvent>(window, 'popstate').pipe(\n\t\t\t\t\ttap(e => {\n\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\tthis.closeSheet()\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t: of(null).pipe(take(0)) // Empty observable if handleHistory is false\n\n\t\t// Handle ESC key - listen on the sheet element for better event capture\n\t\tconst keyUp$ = fromEvent<KeyboardEvent>(this, 'keydown').pipe(\n\t\t\ttap(event => {\n\t\t\t\tif (event.key === 'Escape' && !this.lock && this.open) {\n\t\t\t\t\tevent.preventDefault()\n\t\t\t\t\tevent.stopPropagation()\n\t\t\t\t\tsheet.dismiss(this.uid)\n\t\t\t\t}\n\t\t\t}),\n\t\t)\n\n\t\t// Handle inter-component communication\n\t\tconst rickyComm$ = fromEvent<SheetWhereAreYouRickyEvent>(window, SheetWhereAreYouRicky).pipe(\n\t\t\ttap(e => {\n\t\t\t\tif (e.detail.uid === this.uid)\n\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\tnew CustomEvent(SheetHereMorty, {\n\t\t\t\t\t\t\tdetail: { sheet: this },\n\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t}),\n\t\t\t\t\t)\n\t\t\t}),\n\t\t)\n\n\t\tmerge(popState$, keyUp$, rickyComm$).pipe(takeUntil(this.disconnecting)).subscribe()\n\t}\n\n\tprivate setBackgroundInert(inert: boolean) {\n\t\t// Get all sibling elements and make them inert\n\t\tconst parent = this.parentElement\n\t\tif (parent) {\n\t\t\tArray.from(parent.children).forEach(child => {\n\t\t\t\tif (child !== this && child instanceof HTMLElement) {\n\t\t\t\t\tif (inert) {\n\t\t\t\t\t\tchild.setAttribute('inert', '')\n\t\t\t\t\t} else {\n\t\t\t\t\t\tchild.removeAttribute('inert')\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t})\n\t\t}\n\n\t\t// Also handle body's direct children if sheet is attached to body\n\t\tif (this.parentElement === document.body) {\n\t\t\tArray.from(document.body.children).forEach(child => {\n\t\t\t\tif (child !== this && child !== parent && child instanceof HTMLElement) {\n\t\t\t\t\tif (inert) {\n\t\t\t\t\t\tchild.setAttribute('inert', '')\n\t\t\t\t\t} else {\n\t\t\t\t\t\tchild.removeAttribute('inert')\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t})\n\t\t}\n\t}\n\n\tsetIsSheetShown(isShown: boolean) {\n\t\tthis.sheetRef.value?.setAttribute('aria-hidden', String(!isShown))\n\t\tthis.sheetRef.value?.setAttribute('aria-modal', String(isShown))\n\t}\n\n\tcloseSheet() {\n\t\tthis.open = false\n\t\tthis.dispatchEvent(new CustomEvent('close'))\n\t}\n\n\tprivate getFocusElement(): HTMLElement | null {\n\t\tconst selector = `[${this.focusAttribute}]`\n\t\treturn (this.assignedElements.find(el => el.matches(selector) || el.querySelector(selector)) as HTMLElement) ?? null\n\t}\n\n\toverride focus() {\n\t\t// First try native autofocus attribute\n\t\tconst autofocusElement = this.querySelector('[autofocus]') as HTMLElement\n\t\tif (autofocusElement) {\n\t\t\tautofocusElement.focus()\n\t\t\treturn\n\t\t}\n\n\t\t// Fallback to custom focus attribute\n\t\tthis.getFocusElement()?.focus()\n\t}\n\n\tprivate handleOverlayClick = (e: Event) => {\n\t\te.stopPropagation()\n\t\tif (!this.lock) {\n\t\t\tsheet.dismiss(this.uid)\n\t\t}\n\t}\n\n\tprivate handleHeaderDismiss = (e: CustomEvent) => {\n\t\te.stopPropagation()\n\t\tsheet.dismiss(this.uid)\n\t}\n\n\trender() {\n\t\tconst sheetClasses = {\n\t\t\tsheet: true,\n\t\t\t'sheet--open': this.open,\n\t\t\t'sheet--locked': this.lock,\n\t\t}\n\n\t\tconst overlayClasses = {\n\t\t\toverlay: true,\n\t\t\t'overlay--interactive': !this.lock,\n\t\t}\n\n\t\treturn html`\n\t\t\t<div\n\t\t\t\tclass=${classMap(sheetClasses)}\n\t\t\t\trole=\"dialog\"\n\t\t\t\taria-labelledby=${ifDefined(this.header !== 'hidden' ? 'sheet-title' : undefined)}\n\t\t\t\taria-hidden=${!this.open}\n\t\t\t\taria-modal=${this.open}\n\t\t\t\ttabindex=\"0\"\n\t\t\t\t${ref(this.sheetRef)}\n\t\t\t>\n\t\t\t\t<div class=${classMap(overlayClasses)} @click=${this.lock ? undefined : this.handleOverlayClick}></div>\n\t\t\t\t<schmancy-grid\n\t\t\t\t\trows=${this.header === 'hidden' ? '1fr' : 'auto 1fr'}\n\t\t\t\t\tclass=\"content w-full\"\n\t\t\t\t\tdata-position=${this.position}\n\t\t\t\t>\n\t\t\t\t\t${cache(\n\t\t\t\t\t\tthis.header !== 'hidden'\n\t\t\t\t\t\t\t? html`<schmancy-sheet-header\n\t\t\t\t\t\t\t\t\tclass=\"sticky top-0 z-50 w-full\"\n\t\t\t\t\t\t\t\t\t@dismiss=${this.handleHeaderDismiss}\n\t\t\t\t\t\t\t\t\tid=\"sheet-title\"\n\t\t\t\t\t\t\t\t\ttitle=${ifDefined(this.title || undefined)}\n\t\t\t\t\t\t\t\t></schmancy-sheet-header>`\n\t\t\t\t\t\t\t: '',\n\t\t\t\t\t)}\n\n\t\t\t\t\t<schmancy-surface rounded=\"left\" fill=\"all\" id=\"body\" class=\"overflow-auto\" type=\"surface\">\n\t\t\t\t\t\t<schmancy-scroll> <slot></slot></schmancy-scroll>\n\t\t\t\t\t</schmancy-surface>\n\t\t\t\t</schmancy-grid>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-sheet': SchmancySheet\n\t}\n}\n","// @watch decorator\n//\n// Runs when an observed property changes, e.g. @property or @state, but before the component updates.\n//\n// To wait for an update to complete after a change occurs, use `await this.updateComplete` in the handler. To start\n// watching after the initial update/render, use `{ waitUntilFirstUpdate: true }` or `this.hasUpdated` in the handler.\n//\n// Usage:\n//\n//  @watch('propName')\n//  handlePropChange(oldValue, newValue) {\n//    ...\n//  }\n//\ninterface WatchOptions {\n\twaitUntilFirstUpdate?: boolean\n}\n\nexport function on(propName: string, options?: WatchOptions) {\n\treturn (protoOrDescriptor: any, name: string): any => {\n\t\tconst { willUpdate } = protoOrDescriptor\n\n\t\toptions = Object.assign({ waitUntilFirstUpdate: false }, options) as WatchOptions\n\n\t\tprotoOrDescriptor.willUpdate = function (changedProps: Map<string, any>) {\n\t\t\twillUpdate.call(this, changedProps)\n\n\t\t\tif (changedProps.has(propName)) {\n\t\t\t\tconst oldValue = changedProps.get(propName)\n\t\t\t\tconst newValue = this[propName]\n\n\t\t\t\tif (oldValue !== newValue) {\n\t\t\t\t\tif (!options?.waitUntilFirstUpdate || this.hasUpdated) {\n\t\t\t\t\t\tthis[name].call(this, oldValue, newValue)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n"],"names":["SchmancySheetHeader","TailwindElement","css","render","html","this","dispatchEvent","CustomEvent","bubbles","composed","customElement","SchmancySheet","$LitElement","constructor","super","arguments","open","header","position","SchmancySheetPosition","Side","persist","lock","handleHistory","title","sheetRef","createRef","focusAttribute","lastFocusedElement","handleOverlayClick","e","stopPropagation","sheet","dismiss","uid","handleHeaderDismiss","_oldValue","newValue","document","activeElement","setBackgroundInert","focus","connectedCallback","setupEventListeners","disconnectedCallback","disconnecting","next","popState$","fromEvent","window","pipe","tap","preventDefault","closeSheet","of","take","keyUp$","event","key","rickyComm$","SheetWhereAreYouRicky","detail","SheetHereMorty","merge","takeUntil","subscribe","inert","parent","parentElement","Array","from","children","forEach","child","HTMLElement","setAttribute","removeAttribute","body","isShown","value","String","getFocusElement","selector","assignedElements","find","el","matches","querySelector","autofocusElement","sheetClasses","overlayClasses","overlay","classMap","ifDefined","ref","cache","propName","options","__decorateClass","property","type","reflect","prototype","Boolean","queryAssignedElements","flatten","protoOrDescriptor","name","willUpdate","Object","assign","waitUntilFirstUpdate","changedProps","call","has","oldValue","get","hasUpdated"],"mappings":"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"}
+{"version":3,"file":"sheet-DH0GSs0F.js","sources":["../src/sheet/header.ts","../src/sheet/sheet.ts","../src/sheet/hook.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n@customElement('schmancy-sheet-header')\nexport default class SchmancySheetHeader extends TailwindElement(css``) {\n\trender() {\n\t\treturn html`\n\t\t\t<sch-flex class=\"absolute top-0 left-0 md:left-[unset] md:right-0\">\n\t\t\t\t<div class=\"block md:hidden flex-1 justify-start items-start\">\n\t\t\t\t\t<slot name=\"back\">\n\t\t\t\t\t\t<schmancy-button\n\t\t\t\t\t\t\t@click=${() => {\n\t\t\t\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\t\t\t\tnew CustomEvent('dismiss', {\n\t\t\t\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span class=\"text-[24px]\">&#8592; </span>\n\t\t\t\t\t\t</schmancy-button>\n\t\t\t\t\t</slot>\n\t\t\t\t</div>\n\n\t\t\t\t<div class=\"hidden md:block flex-1 justify-end items-end\">\n\t\t\t\t\t<slot name=\"actions\">\n\t\t\t\t\t\t<schmancy-icon-button\n\t\t\t\t\t\t\t@click=${() => {\n\t\t\t\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\t\t\t\tnew CustomEvent('dismiss', {\n\t\t\t\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tclose\n\t\t\t\t\t\t</schmancy-icon-button>\n\t\t\t\t\t</slot>\n\t\t\t\t</div>\n\t\t\t</sch-flex>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-sheet-header': SchmancySheetHeader\n\t}\n}\n","import { $LitElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, property, queryAssignedElements } from 'lit/decorators.js'\nimport { cache } from 'lit/directives/cache.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport { fromEvent, merge, of, take, takeUntil, tap } from 'rxjs'\nimport { on } from './hook'\nimport style from './sheet.scss?inline'\nimport {\n\tSchmancySheetPosition,\n\tSheetHereMorty,\n\tSheetWhereAreYouRicky,\n\tSheetWhereAreYouRickyEvent,\n\tsheet,\n} from './sheet.service'\n\n@customElement('schmancy-sheet')\nexport default class SchmancySheet extends $LitElement(style) {\n\t@property({ type: String, reflect: true }) uid!: string\n\t@property({ type: Boolean, reflect: true }) open = false\n\t@property({ type: String, reflect: true }) header: 'hidden' | 'visible' = 'visible'\n\t@property({ type: String, reflect: true }) position: SchmancySheetPosition = SchmancySheetPosition.Side\n\t@property({ type: Boolean, reflect: true }) persist = false\n\t@property({ type: Boolean, reflect: true }) lock = false\n\t@property({ type: Boolean, reflect: true }) handleHistory = true\n\t@property({ type: String, reflect: true }) title = ''\n\n\t// Use ref directive instead of @query\n\tprivate sheetRef = createRef<HTMLDivElement>()\n\t@queryAssignedElements({ flatten: true }) private assignedElements!: HTMLElement[]\n\n\t@property() focusAttribute = 'autofocus'\n\tprivate lastFocusedElement: HTMLElement | null = null\n\n\t@on('open')\n\tonOpenChange(_oldValue: boolean, newValue: boolean) {\n\t\tif (newValue) {\n\t\t\tthis.lastFocusedElement = document.activeElement as HTMLElement\n\t\t\t// Use native inert attribute to prevent focus outside sheet\n\t\t\tthis.setBackgroundInert(true)\n\t\t\tthis.focus()\n\t\t} else {\n\t\t\tthis.setBackgroundInert(false)\n\t\t\tthis.lastFocusedElement?.focus()\n\t\t\tthis.lastFocusedElement = null\n\t\t}\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.setupEventListeners()\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.disconnecting.next(true)\n\t}\n\n\tprivate setupEventListeners() {\n\t\t// Handle browser back button - only if handleHistory is true\n\t\tconst popState$ = this.handleHistory\n\t\t\t? fromEvent<PopStateEvent>(window, 'popstate').pipe(\n\t\t\t\t\ttap(e => {\n\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\tthis.closeSheet()\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t: of(null).pipe(take(0)) // Empty observable if handleHistory is false\n\n\t\t// Handle ESC key - listen on the sheet element for better event capture\n\t\tconst keyUp$ = fromEvent<KeyboardEvent>(this, 'keydown').pipe(\n\t\t\ttap(event => {\n\t\t\t\tif (event.key === 'Escape' && !this.lock && this.open) {\n\t\t\t\t\tevent.preventDefault()\n\t\t\t\t\tevent.stopPropagation()\n\t\t\t\t\tsheet.dismiss(this.uid)\n\t\t\t\t}\n\t\t\t}),\n\t\t)\n\n\t\t// Handle inter-component communication\n\t\tconst rickyComm$ = fromEvent<SheetWhereAreYouRickyEvent>(window, SheetWhereAreYouRicky).pipe(\n\t\t\ttap(e => {\n\t\t\t\tif (e.detail.uid === this.uid)\n\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\tnew CustomEvent(SheetHereMorty, {\n\t\t\t\t\t\t\tdetail: { sheet: this },\n\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t}),\n\t\t\t\t\t)\n\t\t\t}),\n\t\t)\n\n\t\tmerge(popState$, keyUp$, rickyComm$).pipe(takeUntil(this.disconnecting)).subscribe()\n\t}\n\n\tprivate setBackgroundInert(inert: boolean) {\n\t\t// Get all sibling elements and make them inert\n\t\tconst parent = this.parentElement\n\t\tif (parent) {\n\t\t\tArray.from(parent.children).forEach(child => {\n\t\t\t\tif (child !== this && child instanceof HTMLElement) {\n\t\t\t\t\tif (inert) {\n\t\t\t\t\t\tchild.setAttribute('inert', '')\n\t\t\t\t\t} else {\n\t\t\t\t\t\tchild.removeAttribute('inert')\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t})\n\t\t}\n\n\t\t// Also handle body's direct children if sheet is attached to body\n\t\tif (this.parentElement === document.body) {\n\t\t\tArray.from(document.body.children).forEach(child => {\n\t\t\t\tif (child !== this && child !== parent && child instanceof HTMLElement) {\n\t\t\t\t\tif (inert) {\n\t\t\t\t\t\tchild.setAttribute('inert', '')\n\t\t\t\t\t} else {\n\t\t\t\t\t\tchild.removeAttribute('inert')\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t})\n\t\t}\n\t}\n\n\tsetIsSheetShown(isShown: boolean) {\n\t\tthis.sheetRef.value?.setAttribute('aria-hidden', String(!isShown))\n\t\tthis.sheetRef.value?.setAttribute('aria-modal', String(isShown))\n\t}\n\n\tcloseSheet() {\n\t\tthis.open = false\n\t\tthis.dispatchEvent(new CustomEvent('close'))\n\t}\n\n\tprivate getFocusElement(): HTMLElement | null {\n\t\tconst selector = `[${this.focusAttribute}]`\n\t\treturn (this.assignedElements.find(el => el.matches(selector) || el.querySelector(selector)) as HTMLElement) ?? null\n\t}\n\n\toverride focus() {\n\t\t// First try native autofocus attribute\n\t\tconst autofocusElement = this.querySelector('[autofocus]') as HTMLElement\n\t\tif (autofocusElement) {\n\t\t\tautofocusElement.focus()\n\t\t\treturn\n\t\t}\n\n\t\t// Fallback to custom focus attribute\n\t\tthis.getFocusElement()?.focus()\n\t}\n\n\tprivate handleOverlayClick = (e: Event) => {\n\t\te.stopPropagation()\n\t\tif (!this.lock) {\n\t\t\tsheet.dismiss(this.uid)\n\t\t}\n\t}\n\n\tprivate handleHeaderDismiss = (e: CustomEvent) => {\n\t\te.stopPropagation()\n\t\tsheet.dismiss(this.uid)\n\t}\n\n\trender() {\n\t\tconst sheetClasses = {\n\t\t\tsheet: true,\n\t\t\t'sheet--open': this.open,\n\t\t\t'sheet--locked': this.lock,\n\t\t}\n\n\t\tconst overlayClasses = {\n\t\t\toverlay: true,\n\t\t\t'overlay--interactive': !this.lock,\n\t\t}\n\n\t\treturn html`\n\t\t\t<div\n\t\t\t\tclass=${classMap(sheetClasses)}\n\t\t\t\trole=\"dialog\"\n\t\t\t\taria-labelledby=${ifDefined(this.header !== 'hidden' ? 'sheet-title' : undefined)}\n\t\t\t\taria-hidden=${!this.open}\n\t\t\t\taria-modal=${this.open}\n\t\t\t\ttabindex=\"0\"\n\t\t\t\t${ref(this.sheetRef)}\n\t\t\t>\n\t\t\t\t<div class=${classMap(overlayClasses)} @click=${this.lock ? undefined : this.handleOverlayClick}></div>\n\t\t\t\t<schmancy-grid\n\t\t\t\t\trows=${this.header === 'hidden' ? '1fr' : 'auto 1fr'}\n\t\t\t\t\tclass=\"content w-full\"\n\t\t\t\t\tdata-position=${this.position}\n\t\t\t\t>\n\t\t\t\t\t${cache(\n\t\t\t\t\t\tthis.header !== 'hidden'\n\t\t\t\t\t\t\t? html`<schmancy-sheet-header\n\t\t\t\t\t\t\t\t\tclass=\"sticky top-0 z-50 w-full\"\n\t\t\t\t\t\t\t\t\t@dismiss=${this.handleHeaderDismiss}\n\t\t\t\t\t\t\t\t\tid=\"sheet-title\"\n\t\t\t\t\t\t\t\t\ttitle=${ifDefined(this.title || undefined)}\n\t\t\t\t\t\t\t\t></schmancy-sheet-header>`\n\t\t\t\t\t\t\t: '',\n\t\t\t\t\t)}\n\n\t\t\t\t\t<schmancy-surface rounded=\"left\" fill=\"all\" id=\"body\" class=\"overflow-auto\" type=\"surface\">\n\t\t\t\t\t\t<schmancy-scroll> <slot></slot></schmancy-scroll>\n\t\t\t\t\t</schmancy-surface>\n\t\t\t\t</schmancy-grid>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-sheet': SchmancySheet\n\t}\n}\n","// @watch decorator\n//\n// Runs when an observed property changes, e.g. @property or @state, but before the component updates.\n//\n// To wait for an update to complete after a change occurs, use `await this.updateComplete` in the handler. To start\n// watching after the initial update/render, use `{ waitUntilFirstUpdate: true }` or `this.hasUpdated` in the handler.\n//\n// Usage:\n//\n//  @watch('propName')\n//  handlePropChange(oldValue, newValue) {\n//    ...\n//  }\n//\ninterface WatchOptions {\n\twaitUntilFirstUpdate?: boolean\n}\n\nexport function on(propName: string, options?: WatchOptions) {\n\treturn (protoOrDescriptor: any, name: string): any => {\n\t\tconst { willUpdate } = protoOrDescriptor\n\n\t\toptions = Object.assign({ waitUntilFirstUpdate: false }, options) as WatchOptions\n\n\t\tprotoOrDescriptor.willUpdate = function (changedProps: Map<string, any>) {\n\t\t\twillUpdate.call(this, changedProps)\n\n\t\t\tif (changedProps.has(propName)) {\n\t\t\t\tconst oldValue = changedProps.get(propName)\n\t\t\t\tconst newValue = this[propName]\n\n\t\t\t\tif (oldValue !== newValue) {\n\t\t\t\t\tif (!options?.waitUntilFirstUpdate || this.hasUpdated) {\n\t\t\t\t\t\tthis[name].call(this, oldValue, newValue)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n"],"names":["SchmancySheetHeader","TailwindElement","css","render","html","this","dispatchEvent","CustomEvent","bubbles","composed","customElement","SchmancySheet","$LitElement","constructor","super","arguments","open","header","position","SchmancySheetPosition","Side","persist","lock","handleHistory","title","sheetRef","createRef","focusAttribute","lastFocusedElement","handleOverlayClick","e","stopPropagation","sheet","dismiss","uid","handleHeaderDismiss","_oldValue","newValue","document","activeElement","setBackgroundInert","focus","connectedCallback","setupEventListeners","disconnectedCallback","disconnecting","next","popState$","fromEvent","window","pipe","tap","preventDefault","closeSheet","of","take","keyUp$","event","key","rickyComm$","SheetWhereAreYouRicky","detail","SheetHereMorty","merge","takeUntil","subscribe","inert","parent","parentElement","Array","from","children","forEach","child","HTMLElement","setAttribute","removeAttribute","body","isShown","value","String","getFocusElement","selector","assignedElements","find","el","matches","querySelector","autofocusElement","sheetClasses","overlayClasses","overlay","classMap","ifDefined","ref","cache","propName","options","__decorateClass","property","type","reflect","prototype","Boolean","queryAssignedElements","flatten","protoOrDescriptor","name","willUpdate","Object","assign","waitUntilFirstUpdate","changedProps","call","has","oldValue","get","hasUpdated"],"mappings":"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"}

package/dist/{sheet-7c3D_QQJ.cjs → sheet-WxZAbHZ5.cjs}

@@ -1,4 +1,4 @@
-"use strict";const c=require("rxjs"),y=require("lit/directives/class-map.js");require("lit/directives/style-map.js");const a=require("lit/decorators.js"),g=require("./tailwind.mixin-CngO3XGT.cjs"),u=require("lit"),E=require("./litElement.mixin-DE7nMq_x.cjs"),w=require("lit/directives/cache.js"),f=require("lit/directives/if-defined.js"),v=require("lit/directives/ref.js"),d=require("./sheet.service-BxvWBGsJ.cjs");var k=Object.getOwnPropertyDescriptor;let b=class extends g.TailwindElement(u.css``){render(){return u.html`
+"use strict";const c=require("rxjs"),y=require("lit/directives/class-map.js");require("lit/directives/style-map.js");const a=require("lit/decorators.js"),g=require("./tailwind.mixin-BvVlz7hG.cjs"),u=require("lit"),E=require("./litElement.mixin-B2K_bdpW.cjs"),w=require("lit/directives/cache.js"),f=require("lit/directives/if-defined.js"),v=require("lit/directives/ref.js"),d=require("./sheet.service-BxvWBGsJ.cjs");var k=Object.getOwnPropertyDescriptor;let b=class extends g.TailwindElement(u.css``){render(){return u.html`
 			<sch-flex class="absolute top-0 left-0 md:left-[unset] md:right-0">
 				<div class="block md:hidden flex-1 justify-start items-start">
 					<slot name="back">
@@ -49,4 +49,4 @@
 				</schmancy-grid>
 			</div>
 		`}};var p,m;r([a.property({type:String,reflect:!0})],o.prototype,"uid",2),r([a.property({type:Boolean,reflect:!0})],o.prototype,"open",2),r([a.property({type:String,reflect:!0})],o.prototype,"header",2),r([a.property({type:String,reflect:!0})],o.prototype,"position",2),r([a.property({type:Boolean,reflect:!0})],o.prototype,"persist",2),r([a.property({type:Boolean,reflect:!0})],o.prototype,"lock",2),r([a.property({type:Boolean,reflect:!0})],o.prototype,"handleHistory",2),r([a.property({type:String,reflect:!0})],o.prototype,"title",2),r([a.queryAssignedElements({flatten:!0})],o.prototype,"assignedElements",2),r([a.property()],o.prototype,"focusAttribute",2),r([(p="open",(t,e)=>{const{willUpdate:i}=t;m=Object.assign({waitUntilFirstUpdate:!1},m),t.willUpdate=function(s){if(i.call(this,s),s.has(p)){const h=s.get(p),n=this[p];h!==n&&(m?.waitUntilFirstUpdate&&!this.hasUpdated||this[e].call(this,h,n))}}})],o.prototype,"onOpenChange",1),o=r([a.customElement("schmancy-sheet")],o);
-//# sourceMappingURL=sheet-7c3D_QQJ.cjs.map
+//# sourceMappingURL=sheet-WxZAbHZ5.cjs.map