@mhmo91/schmancy 0.5.9 → 0.5.11

package/dist/select-DzhUQc3r.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-DzhUQc3r.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 { BehaviorSubject, combineLatest, fromEvent, Subject, takeUntil } from 'rxjs'\nimport { tap } from 'rxjs/operators'\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 })\n\tget value() {\n\t\treturn this.multi\n\t\t\t? this._selectedValues$.value.join(',')\n\t\t\t: this._selectedValue$.value\n\t}\n\tset value(val: string | string[]) {\n\t\tif (this.multi) {\n\t\t\tconst values = Array.isArray(val)\n\t\t\t\t? val\n\t\t\t\t: val ? String(val).split(',').map(v => v.trim()).filter(Boolean) : []\n\t\t\tthis._selectedValues$.next(values)\n\t\t} else {\n\t\t\tthis._selectedValue$.next(String(val || ''))\n\t\t}\n\t}\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\n\t// Reactive state management\n\tprivate _options$ = new BehaviorSubject<SchmancyOption[]>([])\n\tprivate _selectedValue$ = new BehaviorSubject<string>('')\n\tprivate _selectedValues$ = new BehaviorSubject<string[]>([])\n\tprivate _optionSelect$ = new Subject<SchmancyOption>()\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// Setup reactive pipelines\n\t\tthis._setupReactivePipelines()\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// 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\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 _setupReactivePipelines() {\n\t\t// Listen for option-select events from child options\n\t\tfromEvent<CustomEvent>(this, 'option-select')\n\t\t\t.pipe(\n\t\t\t\ttap((e) => {\n\t\t\t\t\te.stopPropagation() // Prevent event from bubbling further\n\t\t\t\t\tconst option = this.options.find(o => o.value === e.detail.value)\n\t\t\t\t\tif (option) {\n\t\t\t\t\t\tthis._optionSelect$.next(option)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting)\n\t\t\t)\n\t\t\t.subscribe()\n\n\t\t// Handle option selection through reactive pipeline\n\t\tthis._optionSelect$\n\t\t\t.pipe(\n\t\t\t\ttap((option) => {\n\t\t\t\t\tthis._userInteracted = true\n\t\t\t\t\tthis._touched = true\n\t\t\t\t\tthis._dirty = true\n\n\t\t\t\t\tif (this.multi) {\n\t\t\t\t\t\toption.selected = !option.selected\n\t\t\t\t\t\tconst currentValues = this._selectedValues$.value\n\n\t\t\t\t\t\tif (option.selected) {\n\t\t\t\t\t\t\t// Add value if not already present\n\t\t\t\t\t\t\tif (!currentValues.includes(option.value)) {\n\t\t\t\t\t\t\t\tthis._selectedValues$.next([...currentValues, option.value])\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t// Remove value\n\t\t\t\t\t\t\tthis._selectedValues$.next(currentValues.filter(v => v !== option.value))\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// Update display label\n\t\t\t\t\t\tconst selectedValues = this._selectedValues$.value\n\t\t\t\t\t\tthis.valueLabel =\n\t\t\t\t\t\t\tselectedValues.length > 0\n\t\t\t\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t\t\t\t.filter(o => selectedValues.includes(o.value))\n\t\t\t\t\t\t\t\t\t\t.map(o => o.label)\n\t\t\t\t\t\t\t\t\t\t.join(', ')\n\t\t\t\t\t\t\t\t: this.placeholder\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// Single select - explicitly update all options' selection state\n\t\t\t\t\t\tthis.options.forEach(o => {\n\t\t\t\t\t\t\to.selected = o.value === option.value\n\t\t\t\t\t\t})\n\t\t\t\t\t\tthis._selectedValue$.next(option.value)\n\t\t\t\t\t\tthis.valueLabel = option.label || this.placeholder\n\t\t\t\t\t\tthis.closeDropdown()\n\t\t\t\t\t}\n\n\t\t\t\t\t// Update the option's accessibility state\n\t\t\t\t\tthis.setupOptionsAccessibility()\n\n\t\t\t\t\t// Dispatch change event\n\t\t\t\t\tthis._fireChangeEvent()\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting)\n\t\t\t)\n\t\t\t.subscribe()\n\n\t\t// Options management pipeline - bind pointerdown events\n\t\tthis._options$\n\t\t\t.pipe(\n\t\t\t\ttap((options) => {\n\t\t\t\t\toptions.forEach((option) => {\n\t\t\t\t\t\t// Remove any existing handler to avoid duplicates\n\t\t\t\t\t\toption.removeEventListener('pointerdown', this._handleOptionPointerDown)\n\t\t\t\t\t\t// Add new handler\n\t\t\t\t\t\toption.addEventListener('pointerdown', this._handleOptionPointerDown)\n\t\t\t\t\t})\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting)\n\t\t\t)\n\t\t\t.subscribe()\n\n\t\t// Selection sync pipeline - sync selected states with value changes\n\t\tcombineLatest([this._selectedValue$, this._selectedValues$, this._options$])\n\t\t\t.pipe(\n\t\t\t\ttap(([singleValue, multiValues, options]) => {\n\t\t\t\t\tif (options.length === 0) return\n\n\t\t\t\t\tif (this.multi) {\n\t\t\t\t\t\toptions.forEach(option => {\n\t\t\t\t\t\t\toption.selected = multiValues.includes(option.value)\n\t\t\t\t\t\t})\n\t\t\t\t\t} else {\n\t\t\t\t\t\toptions.forEach(option => {\n\t\t\t\t\t\t\toption.selected = option.value === singleValue\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting)\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\t// Handler for option pointerdown events\n\tprivate _handleOptionPointerDown = (e: Event) => {\n\t\te.preventDefault()\n\t\tconst option = e.target as SchmancyOption\n\t\tif (option && option.value) {\n\t\t\tthis._optionSelect$.next(option)\n\t\t}\n\t}\n\n\tprivate handleOptionSelect(value: string) {\n\t\t// This method is now called from keyboard navigation only\n\t\tconst option = this.options.find(o => o.value === value)\n\t\tif (option) {\n\t\t\tthis._optionSelect$.next(option)\n\t\t}\n\t}\n\n\tprivate _fireChangeEvent() {\n\t\t// Get the current value based on multi/single mode\n\t\tconst value = this.multi ? this._selectedValues$.value : this._selectedValue$.value\n\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\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._options$.next(this.options)\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","super","this","required","disabled","placeholder","multi","label","hint","validateOn","size","isOpen","valueLabel","isValid","validationMessage","defaultValue","_options$","BehaviorSubject","_selectedValue$","_selectedValues$","_optionSelect$","Subject","_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","value","_handleOptionPointerDown","option","target","next","internals","attachInternals","join","val","values","isArray","String","split","map","v","trim","filter","Boolean","form","connectedCallback","random","toString","substring","fromEvent","pipe","takeUntil","disconnecting","subscribe","_setupReactivePipelines","inputRef","error","disconnectedCallback","cleanupPositioner","firstUpdated","syncSelection","setupOptionsAccessibility","changedProps","updated","has","formValue","setFormValue","hasUpdated","positionDropdown","forceValidation","selectedValues","forEach","selected","currentValue","selectedOption","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","tap","stopPropagation","detail","currentValues","_fireChangeEvent","removeEventListener","addEventListener","combineLatest","singleValue","multiValues","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","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-DPa2FYdv.cjs");Object.defineProperty(exports,"SchmancySelect",{enumerable:!0,get:()=>e.SchmancySelect});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./select-DzhUQc3r.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-CRX_Nk_f.js";
+import { S } from "./select-DcvpJkwX.js";
 export {
   S as SchmancySelect
 };

package/dist/teleport.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./avatar-DQwmIF5M.cjs");exports.HereMorty=e.HereMorty,Object.defineProperty(exports,"SchmancyTeleportation",{enumerable:!0,get:()=>e.SchmancyTeleportation}),exports.WhereAreYouRicky=e.WhereAreYouRicky,exports.teleport=e.teleport;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./avatar-Lcb94SrU.cjs");exports.HereMorty=e.HereMorty,Object.defineProperty(exports,"SchmancyTeleportation",{enumerable:!0,get:()=>e.SchmancyTeleportation}),exports.WhereAreYouRicky=e.WhereAreYouRicky,exports.teleport=e.teleport;
 //# sourceMappingURL=teleport.cjs.map

package/dist/teleport.js

@@ -1,4 +1,4 @@
-import { H as o, q as t, W as a, t as s } from "./avatar-BcUJ8ppk.js";
+import { H as o, q as t, W as a, t as s } from "./avatar-BrNa1pz6.js";
 export {
   o as HereMorty,
   t as SchmancyTeleportation,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@mhmo91/schmancy",
-	"version": "0.5.9",
+	"version": "0.5.11",
 	"description": "UI library build with web components",
 	"main": "./dist/index.js",
 	"exports": {

package/types/src/option/option.d.ts

@@ -31,8 +31,6 @@ export default class SchmancyOption extends SchmancyOption_base {
     icon: string;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    private handleClick;
-    private handleKeyDown;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/types/src/select/select.d.ts

@@ -10,7 +10,8 @@ export declare class SchmancySelect extends SchmancySelect_base {
     required: boolean;
     disabled: boolean;
     placeholder: string;
-    value: string | string[];
+    get value(): string | string[];
+    set value(val: string | string[]);
     multi: boolean;
     label: string;
     hint: string;
@@ -25,6 +26,10 @@ export declare class SchmancySelect extends SchmancySelect_base {
     private inputRef;
     private options;
     private cleanupPositioner?;
+    private _options$;
+    private _selectedValue$;
+    private _selectedValues$;
+    private _optionSelect$;
     _userInteracted: boolean;
     private _touched;
     private _dirty;
@@ -50,8 +55,10 @@ export declare class SchmancySelect extends SchmancySelect_base {
     private focusOption;
     private openDropdown;
     private closeDropdown;
+    private _setupReactivePipelines;
+    private _handleOptionPointerDown;
     private handleOptionSelect;
-    private dispatchChange;
+    private _fireChangeEvent;
     checkValidity(): boolean;
     reportValidity(): boolean;
     setCustomValidity(message: string): void;

package/dist/option-BPPKtXwf.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"option-BPPKtXwf.js","sources":["../src/option/option.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { fromEvent, takeUntil } from 'rxjs'\n\n/**\n * `schmancy-option` is an option element for schmancy-select and schmancy-autocomplete components.\n *\n * @fires click - When the option is clicked\n */\n@customElement('schmancy-option')\nexport default class SchmancyOption extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tcursor: pointer;\n\t\tuser-select: none;\n\t\toutline: none;\n\t}\n\n\t:host(:focus-visible) {\n\t\toutline: 2px solid var(--schmancy-sys-color-primary-default);\n\t\toutline-offset: -2px;\n\t}\n\n\t:host([hidden]) {\n\t\tdisplay: none;\n\t}\n\n\t:host([disabled]) {\n\t\topacity: 0.5;\n\t\tpointer-events: none;\n\t}\n`) {\n\t/**\n\t * The value of the option, will be used when selected.\n\t */\n\t@property({ type: String })\n\tvalue: string = ''\n\n\t/**\n\t * The human-readable label for the option.\n\t */\n\t@property({ type: String })\n\tlabel: string = ''\n\n\t/**\n\t * Whether the option is currently selected.\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tselected: boolean = false\n\n\t/**\n\t * Whether the option is disabled.\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tdisabled: boolean = false\n\n\t/**\n\t * Optional group this option belongs to (for option grouping).\n\t */\n\t@property({ type: String })\n\tgroup: string = ''\n\n\t/**\n\t * Optional icon or image to display before the label.\n\t */\n\t@property({ type: String })\n\ticon: string = ''\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\t// Ensure the option has an ID for accessibility\n\t\tif (!this.id) {\n\t\t\tthis.id = `schmancy-option-${Math.random().toString(36).substring(2, 9)}`\n\t\t}\n\n\t\t// If no label was provided, use the text content or value\n\t\tif (!this.label) {\n\t\t\tthis.label = this.textContent?.trim() || this.value\n\t\t}\n\n\t\t// If value wasn't set but there's text content, use that as the value\n\t\tif (!this.value && this.textContent) {\n\t\t\tthis.value = this.textContent.trim()\n\t\t}\n\n\t\t// Make the option clickable\n\t\tfromEvent<MouseEvent>(this, 'click')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(this.handleClick)\n\n\t\tfromEvent<KeyboardEvent>(this, 'keydown')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(this.handleKeyDown)\n\t}\n\n\tdisconnectedCallback() {\n\t\t// Event listeners are automatically cleaned up via takeUntil(this.disconnecting)\n\t\tsuper.disconnectedCallback()\n\t}\n\n\tprivate handleClick(e: Event) {\n\t\te.stopPropagation()\n\t\tif (this.disabled) return\n\t\t// Dispatch a custom event with this option's value\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('option-select', {\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t\tdetail: { value: this.value },\n\t\t\t}),\n\t\t)\n\t}\n\n\tprivate handleKeyDown(e: KeyboardEvent) {\n\t\t// Handle space and enter as clicks\n\t\tif (e.key === ' ' || e.key === 'Enter') {\n\t\t\te.preventDefault()\n\t\t\tthis.handleClick(e)\n\t\t}\n\t}\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'py-2': true,\n\t\t\t'px-3': true,\n\t\t\trounded: true,\n\t\t\t'text-sm': true,\n\t\t\t'w-full': true,\n\t\t\tflex: true,\n\t\t\t'items-center': true,\n\t\t\t'gap-2': true,\n\t\t\t// Selected state\n\t\t\t'bg-primary-container': this.selected,\n\t\t\t'text-primary-onContainer': this.selected,\n\t\t\t// Hover state (when not selected)\n\t\t\t'hover:bg-surface-high': !this.selected,\n\t\t\t// Focus state\n\t\t\t'focus:outline-none': true,\n\t\t}\n\n\t\treturn html`\n\t\t\t<div class=${this.classMap(classes)} role=\"option\" aria-selected=${this.selected} aria-disabled=${this.disabled}>\n\t\t\t\t${this.icon ? html`<span class=\"icon\">${this.icon}</span>` : ''}\n\t\t\t\t<span class=\"flex-1\">${this.label || this.value}</span>\n\t\t\t\t${this.selected\n\t\t\t\t\t? html`\n\t\t\t\t\t\t\t<span class=\"check\">\n\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\twidth=\"16\"\n\t\t\t\t\t\t\t\t\theight=\"16\"\n\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<polyline points=\"20 6 9 17 4 12\"></polyline>\n\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t`\n\t\t\t\t\t: ''}\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-option': SchmancyOption\n\t}\n}\n"],"names":["SchmancyOption","TailwindElement","css","constructor","super","arguments","this","value","label","selected","disabled","group","icon","connectedCallback","id","Math","random","toString","substring","textContent","trim","fromEvent","pipe","takeUntil","disconnecting","subscribe","handleClick","handleKeyDown","disconnectedCallback","e","stopPropagation","dispatchEvent","CustomEvent","bubbles","composed","detail","key","preventDefault","render","classes","rounded","flex","html","classMap","__decorateClass","property","type","String","prototype","Boolean","reflect","customElement"],"mappings":"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"}

package/dist/option-Dolb8CBn.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"option-Dolb8CBn.cjs","sources":["../src/option/option.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { fromEvent, takeUntil } from 'rxjs'\n\n/**\n * `schmancy-option` is an option element for schmancy-select and schmancy-autocomplete components.\n *\n * @fires click - When the option is clicked\n */\n@customElement('schmancy-option')\nexport default class SchmancyOption extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tcursor: pointer;\n\t\tuser-select: none;\n\t\toutline: none;\n\t}\n\n\t:host(:focus-visible) {\n\t\toutline: 2px solid var(--schmancy-sys-color-primary-default);\n\t\toutline-offset: -2px;\n\t}\n\n\t:host([hidden]) {\n\t\tdisplay: none;\n\t}\n\n\t:host([disabled]) {\n\t\topacity: 0.5;\n\t\tpointer-events: none;\n\t}\n`) {\n\t/**\n\t * The value of the option, will be used when selected.\n\t */\n\t@property({ type: String })\n\tvalue: string = ''\n\n\t/**\n\t * The human-readable label for the option.\n\t */\n\t@property({ type: String })\n\tlabel: string = ''\n\n\t/**\n\t * Whether the option is currently selected.\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tselected: boolean = false\n\n\t/**\n\t * Whether the option is disabled.\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tdisabled: boolean = false\n\n\t/**\n\t * Optional group this option belongs to (for option grouping).\n\t */\n\t@property({ type: String })\n\tgroup: string = ''\n\n\t/**\n\t * Optional icon or image to display before the label.\n\t */\n\t@property({ type: String })\n\ticon: string = ''\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\t// Ensure the option has an ID for accessibility\n\t\tif (!this.id) {\n\t\t\tthis.id = `schmancy-option-${Math.random().toString(36).substring(2, 9)}`\n\t\t}\n\n\t\t// If no label was provided, use the text content or value\n\t\tif (!this.label) {\n\t\t\tthis.label = this.textContent?.trim() || this.value\n\t\t}\n\n\t\t// If value wasn't set but there's text content, use that as the value\n\t\tif (!this.value && this.textContent) {\n\t\t\tthis.value = this.textContent.trim()\n\t\t}\n\n\t\t// Make the option clickable\n\t\tfromEvent<MouseEvent>(this, 'click')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(this.handleClick)\n\n\t\tfromEvent<KeyboardEvent>(this, 'keydown')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(this.handleKeyDown)\n\t}\n\n\tdisconnectedCallback() {\n\t\t// Event listeners are automatically cleaned up via takeUntil(this.disconnecting)\n\t\tsuper.disconnectedCallback()\n\t}\n\n\tprivate handleClick(e: Event) {\n\t\te.stopPropagation()\n\t\tif (this.disabled) return\n\t\t// Dispatch a custom event with this option's value\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('option-select', {\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t\tdetail: { value: this.value },\n\t\t\t}),\n\t\t)\n\t}\n\n\tprivate handleKeyDown(e: KeyboardEvent) {\n\t\t// Handle space and enter as clicks\n\t\tif (e.key === ' ' || e.key === 'Enter') {\n\t\t\te.preventDefault()\n\t\t\tthis.handleClick(e)\n\t\t}\n\t}\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'py-2': true,\n\t\t\t'px-3': true,\n\t\t\trounded: true,\n\t\t\t'text-sm': true,\n\t\t\t'w-full': true,\n\t\t\tflex: true,\n\t\t\t'items-center': true,\n\t\t\t'gap-2': true,\n\t\t\t// Selected state\n\t\t\t'bg-primary-container': this.selected,\n\t\t\t'text-primary-onContainer': this.selected,\n\t\t\t// Hover state (when not selected)\n\t\t\t'hover:bg-surface-high': !this.selected,\n\t\t\t// Focus state\n\t\t\t'focus:outline-none': true,\n\t\t}\n\n\t\treturn html`\n\t\t\t<div class=${this.classMap(classes)} role=\"option\" aria-selected=${this.selected} aria-disabled=${this.disabled}>\n\t\t\t\t${this.icon ? html`<span class=\"icon\">${this.icon}</span>` : ''}\n\t\t\t\t<span class=\"flex-1\">${this.label || this.value}</span>\n\t\t\t\t${this.selected\n\t\t\t\t\t? html`\n\t\t\t\t\t\t\t<span class=\"check\">\n\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\twidth=\"16\"\n\t\t\t\t\t\t\t\t\theight=\"16\"\n\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<polyline points=\"20 6 9 17 4 12\"></polyline>\n\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t`\n\t\t\t\t\t: ''}\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-option': SchmancyOption\n\t}\n}\n"],"names":["SchmancyOption","TailwindElement","css","super","arguments","this","value","label","selected","disabled","group","icon","connectedCallback","id","Math","random","toString","substring","textContent","trim","fromEvent","pipe","takeUntil","disconnecting","subscribe","handleClick","handleKeyDown","disconnectedCallback","e","stopPropagation","dispatchEvent","CustomEvent","bubbles","composed","detail","key","preventDefault","render","classes","rounded","flex","html","classMap","__decorateClass","property","type","String","prototype","Boolean","reflect","customElement"],"mappings":"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"}

package/dist/select-CRX_Nk_f.js

@@ -1,246 +0,0 @@
-import { autoUpdate as m, computePosition as g, offset as w, flip as O, shift as V } from "@floating-ui/dom";
-import { fromEvent as c, takeUntil as u } from "rxjs";
-import { classMap as S } from "lit/directives/class-map.js";
-import "lit/directives/style-map.js";
-import { property as r, state as h, query as y, queryAssignedElements as $, customElement as _ } from "lit/decorators.js";
-import "./tailwind.mixin-R2xLfpws.js";
-import { $ as k } from "./litElement.mixin-CEPZ0lJP.js";
-import { c as A } from "./ripple-Cy-nvO8W.js";
-import "lit/directives/guard.js";
-import { S as v } from "./theme.interface-C5Kj6WjD.js";
-import { css as D, html as f } from "lit";
-var R = Object.defineProperty, x = Object.getOwnPropertyDescriptor, a = (t, i, e, s) => {
-  for (var n, l = s > 1 ? void 0 : s ? x(i, e) : i, d = t.length - 1; d >= 0; d--) (n = t[d]) && (l = (s ? n(i, e, l) : n(l)) || l);
-  return s && l && R(i, e, l), l;
-};
-let o = class extends k(D`
-	:host {
-		display: block;
-		position: relative;
-	}
-
-	[role='listbox'] {
-		overflow-y: auto;
-		outline: none;
-	}
-`) {
-  constructor() {
-    super(), this.required = !1, this.disabled = !1, this.placeholder = "", this.value = "", this.multi = !1, this.label = "", this.hint = "", this.validateOn = "touched", this.size = "md", this.isOpen = !1, this.valueLabel = "", this.isValid = !0, this.validationMessage = "", this.defaultValue = "", this._userInteracted = !1, this._touched = !1, this._dirty = !1, this._submitted = !1, this._focusedOptionId = "", this.formSubmitHandler = () => {
-      this._submitted = !0, this.checkValidity();
-    }, this.formResetHandler = () => {
-      this.reset();
-    }, this.handleKeyDown = (t) => {
-      if (this.disabled) return;
-      if (!this.isOpen) return void (["Enter", " ", "ArrowDown"].includes(t.key) && (t.preventDefault(), this.openDropdown(!1)));
-      const i = Array.from(this.options || []), e = i.findIndex((s) => s.id === this._focusedOptionId) ?? -1;
-      switch (t.key) {
-        case "Escape":
-          t.preventDefault(), this.closeDropdown();
-          break;
-        case "ArrowDown":
-          t.preventDefault(), this.focusOption(i, Math.min(e + 1, i.length - 1));
-          break;
-        case "ArrowUp":
-          t.preventDefault(), this.focusOption(i, Math.max(e - 1, 0));
-          break;
-        case "Home":
-          t.preventDefault(), this.focusOption(i, 0);
-          break;
-        case "End":
-          t.preventDefault(), this.focusOption(i, i.length - 1);
-          break;
-        case "Enter":
-        case " ":
-          if (t.preventDefault(), this._focusedOptionId) {
-            const s = i.find((n) => n.id === this._focusedOptionId);
-            s && this.handleOptionSelect(s.value);
-          }
-          break;
-        case "Tab":
-          this.closeDropdown();
-      }
-    };
-    try {
-      this.internals = this.attachInternals();
-    } catch {
-    }
-  }
-  get form() {
-    return this.internals?.form;
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.id || (this.id = `schmancy-select-${Math.random().toString(36).substring(2, 9)}`), this.defaultValue = this.value, c(this, "keydown").pipe(u(this.disconnecting)).subscribe(this.handleKeyDown), c(this, "option-select").pipe(u(this.disconnecting)).subscribe((t) => {
-      t.stopPropagation(), this.handleOptionSelect(t.detail.value);
-    }), this.internals?.form && (c(this.internals.form, "submit").pipe(u(this.disconnecting)).subscribe(this.formSubmitHandler), c(this.internals.form, "reset").pipe(u(this.disconnecting)).subscribe(this.formResetHandler)), this.inputRef && (this.inputRef.error = !1);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.cleanupPositioner?.();
-  }
-  firstUpdated() {
-    this.syncSelection(), this.setupOptionsAccessibility();
-  }
-  updated(t) {
-    if (super.updated(t), t.has("value")) {
-      const i = Array.isArray(this.value) ? this.value.join(",") : this.value;
-      this.internals?.setFormValue(i), this.hasUpdated && (this._dirty = !0), this.syncSelection(), this.hasUpdated && this.checkValidity();
-    }
-    t.has("isOpen") && (this.isOpen ? this.positionDropdown() : this.cleanupPositioner?.());
-  }
-  shouldShowValidation(t = !1) {
-    if (t) return !0;
-    switch (this.validateOn) {
-      case "always":
-        return !0;
-      case "touched":
-      default:
-        return this._touched;
-      case "dirty":
-        return this._dirty;
-      case "submitted":
-        return this._submitted;
-    }
-  }
-  syncSelection() {
-    if (this.multi) {
-      const t = Array.isArray(this.value) ? this.value : this.value ? this.value.split(",") : [];
-      this.options?.forEach((i) => i.selected = t.includes(i.value)), this.valueLabel = t.length > 0 && this.options?.filter((i) => t.includes(i.value)).map((i) => i.label).join(", ") || this.placeholder;
-    } else {
-      const t = String(this.value);
-      this.options?.forEach((e) => {
-        e.selected = e.value === t;
-      });
-      const i = this.options?.find((e) => e.value === t);
-      this.valueLabel = i?.label || this.placeholder;
-    }
-  }
-  setupOptionsAccessibility() {
-    this.options?.forEach((t, i) => {
-      t.setAttribute("role", "option"), t.id || (t.id = `${this.id}-option-${i}`), t.tabIndex = -1;
-      const e = Array.isArray(this.value) ? this.value : this.value ? this.value.split(",") : [];
-      t.setAttribute("aria-selected", String(this.multi ? e.includes(t.value) : t.value === this.value));
-    });
-  }
-  async positionDropdown() {
-    const t = this.renderRoot.querySelector(".trigger");
-    t && this.ul && (this.cleanupPositioner = m(t, this.ul, async () => {
-      const i = window.innerHeight, e = t.getBoundingClientRect(), s = i - e.bottom, n = e.top, l = Math.max(0.75 * Math.max(s, n), 150), d = s < 200 && n > s;
-      this.ul.style.maxHeight = `${l}px`;
-      const { x: p, y: b } = await g(t, this.ul, { placement: d ? "top-start" : "bottom-start", middleware: [w(5), O(), V({ padding: 5 })] });
-      Object.assign(this.ul.style, { left: `${p}px`, top: `${b}px`, position: "absolute", width: `${t.offsetWidth}px` });
-    }));
-  }
-  focusOption(t, i) {
-    const e = t[i];
-    if (e) {
-      e.focus(), this._focusedOptionId = e.id;
-      const s = this.renderRoot.querySelector(".trigger");
-      if (s && s.setAttribute("aria-activedescendant", e.id), this.ul && e.offsetTop !== void 0) {
-        const n = e.offsetTop, l = e.offsetHeight, d = this.ul.scrollTop, p = this.ul.clientHeight;
-        n < d ? this.ul.scrollTop = n : n + l > d + p && (this.ul.scrollTop = n + l - p);
-      }
-    }
-  }
-  async openDropdown(t = !1) {
-    if (this.disabled) return;
-    this.syncSelection(), this.isOpen = !0, await this.updateComplete;
-    const i = Array.from(this.options || []), e = this.multi ? 0 : i.findIndex((s) => s.value === String(this.value));
-    this.focusOption(i, Math.max(e, 0)), t && this.reportValidity();
-  }
-  closeDropdown() {
-    this._userInteracted && (this._touched = !0), this.isOpen = !1, this._focusedOptionId = "";
-    const t = this.renderRoot.querySelector(".trigger");
-    t && (t.removeAttribute("aria-activedescendant"), t?.focus()), this._userInteracted && this.shouldShowValidation() && this.checkValidity();
-  }
-  handleOptionSelect(t) {
-    if (this._userInteracted = !0, this._touched = !0, this._dirty = !0, this.multi) {
-      const i = this.options.find((s) => s.value === t);
-      if (!i) return;
-      let e;
-      i.selected = !i.selected, e = Array.isArray(this.value) ? [...this.value] : this.value ? this.value.split(",") : [], i.selected ? e.includes(t) || e.push(t) : e = e.filter((s) => s !== t), this.value = e, this.valueLabel = e.length > 0 ? this.options.filter((s) => e.includes(s.value)).map((s) => s.label).join(", ") : this.placeholder;
-    } else this.options.forEach((i) => {
-      i.selected = i.value === t;
-    }), this.value = t, this.valueLabel = this.options.find((i) => i.value === t)?.label || this.placeholder, this.closeDropdown();
-    this.setupOptionsAccessibility(), this.dispatchChange(this.value);
-  }
-  dispatchChange(t) {
-    this.dispatchEvent(new CustomEvent("change", { detail: { value: t }, bubbles: !0, composed: !0 })), this.checkValidity();
-  }
-  checkValidity() {
-    if (this.disabled) return !0;
-    const t = this.multi && Array.isArray(this.value) ? this.value.length === 0 : !this.value, i = !(this.required && t);
-    if (this.isValid = i, this.isValid ? (this.validationMessage = "", this.internals?.setValidity({})) : (this.validationMessage = "Please select an option.", this.internals?.setValidity({ valueMissing: !0 }, "Please select an option.", this.inputRef)), this.inputRef && this.hasUpdated) {
-      const e = !this.isValid && this.shouldShowValidation();
-      this.inputRef.error = e, this.inputRef.hint = e ? this.validationMessage : this.hint;
-    }
-    return this.isValid;
-  }
-  reportValidity() {
-    const t = this.checkValidity();
-    return this.inputRef && (this.inputRef.error = !t, this.inputRef.hint = t ? this.hint : this.validationMessage, t || this.isOpen || this.openDropdown(!1), t || this.inputRef.reportValidity()), t;
-  }
-  setCustomValidity(t) {
-    this.validationMessage = t, t ? (this.isValid = !1, this.internals?.setValidity({ customError: !0 }, t, this.inputRef)) : (this.isValid = !0, this.internals?.setValidity({})), this.inputRef && this.shouldShowValidation() && (this.inputRef.error = !this.isValid, this.inputRef.hint = this.isValid ? this.hint : this.validationMessage);
-  }
-  reset() {
-    this.value = this.defaultValue, this.valueLabel = this.placeholder, this.isValid = !0, this.validationMessage = "", this._touched = !1, this._dirty = !1, this._submitted = !1, this._userInteracted = !1, this.internals?.setValidity({}), this.syncSelection(), this.inputRef && (this.inputRef.error = !1, this.inputRef.hint = this.hint);
-  }
-  render() {
-    const t = !this.isValid && this.shouldShowValidation() && !this.isOpen, i = this.isOpen ? f`<span class="absolute right-3 top-1/2 transform -translate-y-1/2">▲</span>` : f`<span class="absolute right-3 top-1/2 transform -translate-y-1/2">▼</span>`;
-    return f`
-			<div class="relative ${this.disabled ? "opacity-60 cursor-not-allowed" : ""}">
-				<sch-input
-					.name=${this.name}
-					tabIndex=${this.disabled ? "-1" : "0"}
-					class="trigger"
-					role="combobox"
-					aria-haspopup="listbox"
-					aria-expanded=${this.isOpen}
-					aria-controls="options"
-					aria-autocomplete="none"
-					aria-required=${this.required}
-					aria-activedescendant=${this._focusedOptionId || void 0}
-					aria-disabled=${this.disabled}
-					.label=${this.label}
-					.placeholder=${this.placeholder}
-					.value=${this.valueLabel}
-					.required=${this.required}
-					.disabled=${this.disabled}
-					.hint=${t ? this.validationMessage : this.hint}
-					.error=${t}
-					.validateOn=${this.validateOn}
-					.size=${this.size}
-					readonly
-					clickable
-					@click=${(e) => {
-      if (this.disabled) return e.preventDefault(), void e.stopPropagation();
-      this.isOpen ? (this._userInteracted = !0, this.closeDropdown()) : this.openDropdown(!1);
-    }}
-				>
-					${i}
-				</sch-input>
-
-				<!-- Overlay for capturing clicks outside when dropdown is open -->
-				${this.isOpen ? f` <div class="fixed inset-0 z-10" @click=${this.closeDropdown} tabindex="-1" aria-hidden="true"></div> ` : ""}
-
-				<ul
-					id="options"
-					role="listbox"
-					aria-multiselectable=${this.multi}
-					class=${S({ "absolute min-w-full w-full z-20 mt-1 rounded-md shadow-lg": !0, hidden: !this.isOpen })}
-					${A({ bgColor: v.sys.color.surface.low, color: v.sys.color.surface.on })}
-				>
-					<slot
-						@slotchange=${() => {
-      this.syncSelection(), this.setupOptionsAccessibility();
-    }}
-					></slot>
-				</ul>
-			</div>
-		`;
-  }
-};
-o.formAssociated = !0, a([r({ type: String })], o.prototype, "name", 2), a([r({ type: Boolean, reflect: !0 })], o.prototype, "required", 2), a([r({ type: Boolean, reflect: !0 })], o.prototype, "disabled", 2), a([r({ type: String })], o.prototype, "placeholder", 2), a([r({ type: String, reflect: !0 })], o.prototype, "value", 2), a([r({ type: Boolean })], o.prototype, "multi", 2), a([r({ type: String })], o.prototype, "label", 2), a([r({ type: String })], o.prototype, "hint", 2), a([r({ type: String })], o.prototype, "validateOn", 2), a([r({ type: String })], o.prototype, "size", 2), a([h()], o.prototype, "isOpen", 2), a([h()], o.prototype, "valueLabel", 2), a([h()], o.prototype, "isValid", 2), a([r({ type: String })], o.prototype, "validationMessage", 2), a([h()], o.prototype, "defaultValue", 2), a([y("ul")], o.prototype, "ul", 2), a([y("sch-input")], o.prototype, "inputRef", 2), a([$({ flatten: !0 })], o.prototype, "options", 2), a([h()], o.prototype, "_userInteracted", 2), a([h()], o.prototype, "_touched", 2), a([h()], o.prototype, "_dirty", 2), a([h()], o.prototype, "_submitted", 2), a([h()], o.prototype, "_focusedOptionId", 2), o = a([_("schmancy-select")], o);
-export {
-  o as S
-};
-//# sourceMappingURL=select-CRX_Nk_f.js.map

package/dist/select-CRX_Nk_f.js.map

@@ -1 +0,0 @@
-{"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":"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"}