@mhmo91/schmancy 0.4.1 → 0.4.3

package/dist/{select-PrgXr6zf.cjs.map → select-Bv_TZZ-v.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"select-PrgXr6zf.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\n\t// Internal states\n\t@state() private isOpen = false\n\t@state() private valueLabel = ''\n\t@state() private isValid = true\n\t@property({ type: String }) validationMessage = ''\n\n\t// Store the initial/default value for reset behavior\n\t@state() private defaultValue: string | string[] = ''\n\n\t@query('ul') private ul!: HTMLUListElement\n\t@query('sch-input') private inputRef!: SchmancyInput\n\t@queryAssignedElements({ flatten: true }) private options!: SchmancyOption[]\n\tprivate cleanupPositioner?: () => void\n\t@state() _userInteracted = false\n\t@state() private _touched = false\n\t@state() private _dirty = false\n\t@state() private _submitted = false\n\n\t// Reference to current focused option (for keyboard navigation)\n\t@state() private _focusedOptionId = ''\n\n\t// Store form event handlers as class properties to properly remove them\n\tprivate formSubmitHandler = () => {\n\t\tthis._submitted = true\n\t\tthis.checkValidity()\n\t}\n\n\tprivate formResetHandler = () => {\n\t\tthis.reset()\n\t}\n\n\tconstructor() {\n\t\tsuper()\n\t\t// Initialize ElementInternals for form association\n\t\ttry {\n\t\t\tthis.internals = this.attachInternals()\n\t\t} catch (e) {\n\t\t\tconsole.warn('FormAssociated elements not supported in this browser', e)\n\t\t}\n\t}\n\n\tget form() {\n\t\treturn this.internals?.form\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tif (!this.id) {\n\t\t\tthis.id = `schmancy-select-${Math.random().toString(36).substring(2, 9)}`\n\t\t}\n\n\t\t// Store initial value for reset\n\t\tthis.defaultValue = this.value\n\n\t\t// Add keyboard handling to host element\n\t\tfromEvent<KeyboardEvent>(this, 'keydown').pipe(takeUntil(this.disconnecting)).subscribe(this.handleKeyDown)\n\n\t\t// Listen for form submission events to mark field as submitted\n\t\tif (this.internals?.form) {\n\t\t\tthis.internals.form.addEventListener('submit', this.formSubmitHandler)\n\n\t\t\t// Listen for form reset\n\t\t\tthis.internals.form.addEventListener('reset', this.formResetHandler)\n\t\t}\n\n\t\t// Initially hide any validation errors until user interacts\n\t\tif (this.inputRef) {\n\t\t\tthis.inputRef.error = false\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.cleanupPositioner?.()\n\n\t\t// Remove form event listeners using stored handler references\n\t\tif (this.internals?.form) {\n\t\t\tthis.internals.form.removeEventListener('submit', this.formSubmitHandler)\n\t\t\tthis.internals.form.removeEventListener('reset', this.formResetHandler)\n\t\t}\n\t}\n\n\tfirstUpdated() {\n\t\tthis.syncSelection()\n\t\tthis.setupOptionsAccessibility()\n\n\t\t// Add click handlers to options\n\t\tthis.options.forEach(option => {\n\t\t\tfromEvent(option, 'click')\n\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t.subscribe(() => this.handleOptionSelect(option.value))\n\t\t})\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\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\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-select': SchmancySelect\n\t}\n}\n"],"names":["SchmancySelect","$LitElement","css","super","this","required","disabled","placeholder","value","multi","label","hint","validateOn","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","addEventListener","inputRef","error","disconnectedCallback","cleanupPositioner","removeEventListener","syncSelection","setupOptionsAccessibility","forEach","option","changedProps","updated","has","formValue","isArray","join","setFormValue","hasUpdated","positionDropdown","forceValidation","selectedValues","split","selected","filter","map","currentValue","String","selectedOption","index","setAttribute","tabIndex","reference","renderRoot","querySelector","ul","autoUpdate","async","viewportHeight","window","innerHeight","triggerRect","getBoundingClientRect","spaceBelow","bottom","spaceAbove","top","maxHeight","shouldFlip","style","x","computePosition","placement","middleware","offset","flip","shift","padding","Object","assign","left","y","position","width","offsetWidth","focus","combobox","offsetTop","optionTop","optionHeight","offsetHeight","scrollTop","ulHeight","clientHeight","report","updateComplete","selectedIndex","reportValidity","removeAttribute","shouldShowValidation","push","v","dispatchChange","dispatchEvent","CustomEvent","detail","bubbles","composed","isEmpty","setValidity","valueMissing","showError","valid","message","customError","showErrors","caretIcon","html","name","stopPropagation","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-Bv_TZZ-v.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\n\t// Internal states\n\t@state() private isOpen = false\n\t@state() private valueLabel = ''\n\t@state() private isValid = true\n\t@property({ type: String }) validationMessage = ''\n\n\t// Store the initial/default value for reset behavior\n\t@state() private defaultValue: string | string[] = ''\n\n\t@query('ul') private ul!: HTMLUListElement\n\t@query('sch-input') private inputRef!: SchmancyInput\n\t@queryAssignedElements({ flatten: true }) private options!: SchmancyOption[]\n\tprivate cleanupPositioner?: () => void\n\t@state() _userInteracted = false\n\t@state() private _touched = false\n\t@state() private _dirty = false\n\t@state() private _submitted = false\n\n\t// Reference to current focused option (for keyboard navigation)\n\t@state() private _focusedOptionId = ''\n\n\t// Store form event handlers as class properties to properly remove them\n\tprivate formSubmitHandler = () => {\n\t\tthis._submitted = true\n\t\tthis.checkValidity()\n\t}\n\n\tprivate formResetHandler = () => {\n\t\tthis.reset()\n\t}\n\n\tconstructor() {\n\t\tsuper()\n\t\t// Initialize ElementInternals for form association\n\t\ttry {\n\t\t\tthis.internals = this.attachInternals()\n\t\t} catch (e) {\n\t\t\tconsole.warn('FormAssociated elements not supported in this browser', e)\n\t\t}\n\t}\n\n\tget form() {\n\t\treturn this.internals?.form\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tif (!this.id) {\n\t\t\tthis.id = `schmancy-select-${Math.random().toString(36).substring(2, 9)}`\n\t\t}\n\n\t\t// Store initial value for reset\n\t\tthis.defaultValue = this.value\n\n\t\t// Add keyboard handling to host element\n\t\tfromEvent<KeyboardEvent>(this, 'keydown').pipe(takeUntil(this.disconnecting)).subscribe(this.handleKeyDown)\n\n\t\t// Listen for form submission events to mark field as submitted\n\t\tif (this.internals?.form) {\n\t\t\tthis.internals.form.addEventListener('submit', this.formSubmitHandler)\n\n\t\t\t// Listen for form reset\n\t\t\tthis.internals.form.addEventListener('reset', this.formResetHandler)\n\t\t}\n\n\t\t// Initially hide any validation errors until user interacts\n\t\tif (this.inputRef) {\n\t\t\tthis.inputRef.error = false\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.cleanupPositioner?.()\n\n\t\t// Remove form event listeners using stored handler references\n\t\tif (this.internals?.form) {\n\t\t\tthis.internals.form.removeEventListener('submit', this.formSubmitHandler)\n\t\t\tthis.internals.form.removeEventListener('reset', this.formResetHandler)\n\t\t}\n\t}\n\n\tfirstUpdated() {\n\t\tthis.syncSelection()\n\t\tthis.setupOptionsAccessibility()\n\n\t\t// Add click handlers to options\n\t\tthis.options.forEach(option => {\n\t\t\tfromEvent(option, 'click')\n\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t.subscribe(() => this.handleOptionSelect(option.value))\n\t\t})\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\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\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-select': SchmancySelect\n\t}\n}\n"],"names":["SchmancySelect","$LitElement","css","super","this","required","disabled","placeholder","value","multi","label","hint","validateOn","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","addEventListener","inputRef","error","disconnectedCallback","cleanupPositioner","removeEventListener","syncSelection","setupOptionsAccessibility","forEach","option","changedProps","updated","has","formValue","isArray","join","setFormValue","hasUpdated","positionDropdown","forceValidation","selectedValues","split","selected","filter","map","currentValue","String","selectedOption","index","setAttribute","tabIndex","reference","renderRoot","querySelector","ul","autoUpdate","async","viewportHeight","window","innerHeight","triggerRect","getBoundingClientRect","spaceBelow","bottom","spaceAbove","top","maxHeight","shouldFlip","style","x","computePosition","placement","middleware","offset","flip","shift","padding","Object","assign","left","y","position","width","offsetWidth","focus","combobox","offsetTop","optionTop","optionHeight","offsetHeight","scrollTop","ulHeight","clientHeight","report","updateComplete","selectedIndex","reportValidity","removeAttribute","shouldShowValidation","push","v","dispatchChange","dispatchEvent","CustomEvent","detail","bubbles","composed","isEmpty","setValidity","valueMissing","showError","valid","message","customError","showErrors","caretIcon","html","name","stopPropagation","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-PrgXr6zf.cjs");Object.defineProperty(exports,"SchmancySelect",{enumerable:!0,get:()=>e.SchmancySelect});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./select-Bv_TZZ-v.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-C6O6NRea.js";
+import { S } from "./select-BjZUTKHm.js";
 export {
   S as SchmancySelect
 };

package/dist/{selector-hook-B6uqLA-J.js → selector-hook-BvXML7_4.js}

@@ -1,4 +1,4 @@
-import { e as z, S as E, a as q, d as N } from "./context-object-CISes2bD.js";
+import { e as z, S as E, a as q, d as N } from "./context-object-CDDP4bTk.js";
 import { property as Z } from "lit/decorators.js";
 import { map as x, distinctUntilChanged as T, shareReplay as P, share as H, BehaviorSubject as W, combineLatest as J, Subject as K } from "rxjs";
 import { takeUntil as Q } from "rxjs/operators";
@@ -24,8 +24,8 @@ function F(n, e, t) {
   try {
     return n == null && (n = t.includes("collection") || t.includes("map") ? /* @__PURE__ */ new Map() : t.includes("array") || t.includes("list") ? [] : {}), n instanceof Map ? function(r, o, a) {
       try {
-        const l = z.getInstance(o, a, r);
-        return l.value.size || l.replace(new Map(r)), l;
+        const f = z.getInstance(o, a, r);
+        return f.value.size || f.replace(new Map(r)), f;
       } catch {
         return z.getInstance("memory", `${a}-fallback`, new Map(r));
       }
@@ -43,7 +43,7 @@ function ae(n = [], e, t = "local") {
     return I(n, "memory", `${e}-fallback`);
   }
 }
-function ce(n = [], e = "test-array") {
+function ie(n = [], e = "test-array") {
   try {
     return F(n, "memory", e);
   } catch {
@@ -68,42 +68,42 @@ const X = (n, e) => {
   if (!n || !e) return 0;
   const t = n.toLowerCase().trim(), r = e.toLowerCase().trim();
   if (t === r) return 1;
-  const o = t.includes(r) ? 1 : 0, a = ((i, f) => {
+  const o = t.includes(r) ? 1 : 0, a = ((i, u) => {
     if (!i) return !0;
-    if (!f) return !1;
-    let u = 0, c = 0;
-    for (; u < i.length && c < f.length; ) i[u].toLowerCase() === f[c].toLowerCase() && u++, c++;
-    return u === i.length;
-  })(r, t) ? 0.8 : 0, l = ((i, f) => {
+    if (!u) return !1;
+    let l = 0, c = 0;
+    for (; l < i.length && c < u.length; ) i[l].toLowerCase() === u[c].toLowerCase() && l++, c++;
+    return l === i.length;
+  })(r, t) ? 0.8 : 0, f = ((i, u) => {
     if (!i) return !0;
-    if (!f) return !1;
-    const u = (j) => j.toLowerCase().split("").reduce((k, v) => (k[v] = (k[v] || 0) + 1, k), {}), c = u(i), p = u(f);
-    return Object.keys(c).every((j) => (p[j] || 0) >= c[j]);
-  })(r, t) ? 0.7 : 0, h = ((i, f) => {
-    if (!i || !f || i.length < 2 || f.length < 2) return 0;
-    const u = R(i), c = R(f);
-    if (u.length === 0 || c.length === 0) return 0;
-    let p = 0;
+    if (!u) return !1;
+    const l = (j) => j.toLowerCase().split("").reduce((k, v) => (k[v] = (k[v] || 0) + 1, k), {}), c = l(i), y = l(u);
+    return Object.keys(c).every((j) => (y[j] || 0) >= c[j]);
+  })(r, t) ? 0.7 : 0, h = ((i, u) => {
+    if (!i || !u || i.length < 2 || u.length < 2) return 0;
+    const l = R(i), c = R(u);
+    if (l.length === 0 || c.length === 0) return 0;
+    let y = 0;
     const j = new Array(c.length).fill(!1);
-    for (const k of u) for (let v = 0; v < c.length; v++) if (!j[v] && c[v] === k) {
-      p++, j[v] = !0;
+    for (const k of l) for (let v = 0; v < c.length; v++) if (!j[v] && c[v] === k) {
+      y++, j[v] = !0;
       break;
     }
-    return 2 * p / (u.length + c.length);
-  })(t, r), s = Math.max(t.length, r.length), y = s ? 1 - ((i, f) => {
-    if (i === f) return 0;
-    const u = Array(f.length + 1).fill(null).map((c, p) => [p]);
-    for (let c = 0; c <= i.length; c++) u[0][c] = c;
-    for (let c = 1; c <= f.length; c++) for (let p = 1; p <= i.length; p++) f.charAt(c - 1) === i.charAt(p - 1) ? u[c][p] = u[c - 1][p - 1] : u[c][p] = Math.min(u[c - 1][p] + 1, u[c][p - 1] + 1, u[c - 1][p - 1] + 1);
-    return u[f.length][i.length];
+    return 2 * y / (l.length + c.length);
+  })(t, r), s = Math.max(t.length, r.length), p = s ? 1 - ((i, u) => {
+    if (i === u) return 0;
+    const l = Array(u.length + 1).fill(null).map((c, y) => [y]);
+    for (let c = 0; c <= i.length; c++) l[0][c] = c;
+    for (let c = 1; c <= u.length; c++) for (let y = 1; y <= i.length; y++) u.charAt(c - 1) === i.charAt(y - 1) ? l[c][y] = l[c - 1][y - 1] : l[c][y] = Math.min(l[c - 1][y] + 1, l[c][y - 1] + 1, l[c - 1][y - 1] + 1);
+    return l[u.length][i.length];
   })(t, r) / s : 0;
-  return Math.max(o, a, l, h, y);
+  return Math.max(o, a, f, h, p);
 }, V = (n) => n == null ? "" : String(n);
 function Y(n, e, t = 0.3) {
-  let r, o, a, l = !1;
-  if (Array.isArray(e) ? [r, o, a, l = !1] = e : (r = e.key, o = e.operator, a = e.value, l = e.strict || !1), !l && (a === "" || a == null || $(a) && a.length === 0)) return { valid: !0, score: 1 };
+  let r, o, a, f = !1;
+  if (Array.isArray(e) ? [r, o, a, f = !1] = e : (r = e.key, o = e.operator, a = e.value, f = e.strict || !1), !f && (a === "" || a == null || $(a) && a.length === 0)) return { valid: !0, score: 1 };
   const h = X(n, r);
-  if (l) {
+  if (f) {
     if (o === "any") {
       if (typeof h != "string" || typeof a != "string") return { valid: !1, score: 0 };
       const s = U(h, a);
@@ -128,16 +128,16 @@ function G(n, e = [], t = 0.3) {
   if (!e.length) return Array.from(n.values());
   const r = [];
   for (const [o, a] of n.entries()) {
-    let l = 0, h = 0, s = !0;
-    for (const y of e) {
-      const i = Y(a, y, t);
+    let f = 0, h = 0, s = !0;
+    for (const p of e) {
+      const i = Y(a, p, t);
       if (!i.valid) {
         s = !1;
         break;
       }
-      l += i.score, h++;
+      f += i.score, h++;
     }
-    s && r.push({ item: a, score: h > 0 ? l / h : 1 });
+    s && r.push({ item: a, score: h > 0 ? f / h : 1 });
   }
   return r.sort((o, a) => a.score - o.score), r.map((o) => o.item);
 }
@@ -157,7 +157,7 @@ function C(n) {
 function w(n) {
   return n instanceof Date && !isNaN(n.getTime());
 }
-function ie(n) {
+function ce(n) {
   return n != null && typeof n == "object" && Symbol.iterator in Object(n) && typeof n[Symbol.iterator] == "function";
 }
 function S(n) {
@@ -266,25 +266,25 @@ function we(n, e) {
   return n.$.pipe(x(e), T(O), H({ resetOnRefCountZero: !0, resetOnError: !1, resetOnComplete: !1 }));
 }
 function Ae(n, e, t) {
-  const r = n.map((y, i) => e[i](y.value)), o = t(...r), a = { $: new W(o), error$: new W(null), ready: !0, defaultValue: o, get value() {
+  const r = n.map((p, i) => e[i](p.value)), o = t(...r), a = { $: new W(o), error$: new W(null), ready: !0, defaultValue: o, get value() {
     return this.$.getValue();
-  }, set(y, i) {
+  }, set(p, i) {
   }, clear() {
     this.$.next(this.defaultValue);
-  }, replace(y) {
-  }, delete(y) {
+  }, replace(p) {
+  }, delete(p) {
   }, destroy() {
     this.$.complete(), this.error$.complete();
-  } }, l = n.map((y, i) => y.$), h = J(l).subscribe({ next: (y) => {
+  } }, f = n.map((p, i) => p.$), h = J(f).subscribe({ next: (p) => {
     try {
-      const i = y.map((u, c) => e[c](u)), f = t(...i);
-      a.$.next(f);
+      const i = p.map((l, c) => e[c](l)), u = t(...i);
+      a.$.next(u);
     } catch (i) {
-      const f = new N("Error in compound selector", i);
-      a.error$.next(f);
+      const u = new N("Error in compound selector", i);
+      a.error$.next(u);
     }
-  }, error: (y) => {
-    const i = new N("Error in store subscription", y);
+  }, error: (p) => {
+    const i = new N("Error in store subscription", p);
     a.error$.next(i);
   } }), s = a.destroy;
   return a.destroy = function() {
@@ -295,37 +295,34 @@ const A = Symbol("selectorCleanup"), d = Symbol("selectorSubscriptions"), b = Sy
 function te(n, e = (r) => r, t = { required: !0 }) {
   return function(r, o, a) {
     Z({ attribute: !1, type: Object })(r, o);
-    const l = r.connectedCallback, h = r.disconnectedCallback;
+    const f = r.connectedCallback, h = r.disconnectedCallback;
     r.connectedCallback = function() {
-      var f;
       var s;
       (s = this)[A] && !s[A].closed || (s[A] = new K()), s[d] || (s[d] = /* @__PURE__ */ new Map()), s[b] || (s[b] = /* @__PURE__ */ new Set());
-      const y = function(u) {
+      const p = function(u) {
         return "set" in u && typeof u.set == "function" && u.value instanceof Map;
       }(n) ? g(n, e) : ee(n, e);
-      t.required || this[b].has(o) || (l == null || l.call(this), this[b].add(o)), this[d].has(o) && ((f = this[d].get(o)) == null || f.unsubscribe(), this[d].delete(o)), t.debug;
-      const i = y.pipe(Q(this[A])).subscribe({ next: (u) => {
-        var p;
-        const c = t.deepClone ? structuredClone(u) : u;
-        t.debug, t.updateOnly || (this[o] = c), (p = this.requestUpdate) == null || p.call(this), t.required && !this[b].has(o) && c != null && (t.debug, l == null || l.call(this), this[b].add(o));
+      t.required || this[b].has(o) || (f?.call(this), this[b].add(o)), this[d].has(o) && (this[d].get(o)?.unsubscribe(), this[d].delete(o)), t.debug;
+      const i = p.pipe(Q(this[A])).subscribe({ next: (u) => {
+        const l = t.deepClone ? structuredClone(u) : u;
+        t.debug, t.updateOnly || (this[o] = l), this.requestUpdate?.(), t.required && !this[b].has(o) && l != null && (t.debug, f?.call(this), this[b].add(o));
       }, error: (u) => {
         this.isConnected && setTimeout(() => {
-          var c;
-          this.isConnected && (t.debug, (c = this.connectedCallback) == null || c.call(this));
+          this.isConnected && (t.debug, this.connectedCallback?.());
         }, 1e3);
       } });
       this[d].set(o, i);
     }, r.disconnectedCallback = function() {
       var s;
-      h == null || h.call(this), t.debug, (s = this)[A] && (s[A].next(), s[A].complete(), s[A] = void 0), s[d] && (s[d].forEach((y) => y.unsubscribe()), s[d].clear(), s[d] = void 0), s[b] && (s[b].clear(), s[b] = void 0);
+      h?.call(this), t.debug, (s = this)[A] && (s[A].next(), s[A].complete(), s[A] = void 0), s[d] && (s[d].forEach((p) => p.unsubscribe()), s[d].clear(), s[d] = void 0), s[b] && (s[b].clear(), s[b] = void 0);
     };
   };
 }
 function je(n, e, t = { required: !0 }) {
   return function(r, o, a) {
-    te(n, function(l) {
+    te(n, function(f) {
       const h = e(this);
-      return h ? l.get(h) : void 0;
+      return h ? f.get(h) : void 0;
     }, t)(r, o);
   };
 }
@@ -338,7 +335,7 @@ export {
   we as F,
   Ae as G,
   ae as a,
-  ce as b,
+  ie as b,
   F as c,
   _ as d,
   m as e,
@@ -347,7 +344,7 @@ export {
   C as h,
   $ as i,
   w as j,
-  ie as k,
+  ce as k,
   S as l,
   L as m,
   ue as n,
@@ -364,4 +361,4 @@ export {
   ye as y,
   me as z
 };
-//# sourceMappingURL=selector-hook-B6uqLA-J.js.map
+//# sourceMappingURL=selector-hook-BvXML7_4.js.map