@mhmo91/schmancy 0.8.3 → 0.8.6

package/dist/{select-i-uKur-W.js → select-BBA0gBHf.js}

@@ -4,8 +4,8 @@ import { tap as c, withLatestFrom as A } from "rxjs/operators";
 import { classMap as k } from "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
 import { property as r, state as h, query as b, queryAssignedElements as R, customElement as D } from "lit/decorators.js";
-import "./tailwind.mixin-Ddt05Frc.js";
-import { $ as I } from "./litElement.mixin-Wcu4yIIs.js";
+import "./tailwind.mixin-Bp_PR6yc.js";
+import { $ as I } from "./litElement.mixin-DHZXtvYq.js";
 import { c as E } from "./ripple-BgJXbNSP.js";
 import "lit/directives/guard.js";
 import "./height-CfECBO2j.js";
@@ -277,4 +277,4 @@ o.formAssociated = !0, a([r({ type: String })], o.prototype, "name", 2), a([r({
 export {
   o as S
 };
-//# sourceMappingURL=select-i-uKur-W.js.map
+//# sourceMappingURL=select-BBA0gBHf.js.map

package/dist/{select-i-uKur-W.js.map → select-BBA0gBHf.js.map}

@@ -1 +1 @@
-{"version":3,"file":"select-i-uKur-W.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 { BehaviorSubject, combineLatest, fromEvent, Subject, takeUntil } from 'rxjs'\nimport { tap, withLatestFrom } from 'rxjs/operators'\n\nexport type SchmancySelectChangeEvent = CustomEvent<{\n\tvalue: string | string[]\n}>\n\n/**\n * Select dropdown component with single and multi-select support.\n *\n * @prop {string} name - Name attribute for form submission\n * @prop {string} label - Label text displayed above the select\n * @prop {string} placeholder - Placeholder text when no value is selected\n * @prop {boolean} required - Whether the field is required\n * @prop {boolean} multi - Enable multi-select mode\n * @prop {string} value - Selected value (single select mode)\n * @prop {string[]} values - Selected values (multi-select mode)\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\n\t// Values property for multi-select mode\n\t@property({ type: Array })\n\tget values() {\n\t\treturn [...this._selectedValues$.value]\n\t}\n\tset values(vals: string[]) {\n\t\tthis._selectedValues$.next(Array.isArray(vals) ? [...vals] : [])\n\t}\n\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// M3 aligned sizes: 24dp (xxs) → 32dp (xs) → 40dp (sm) → 48dp (md) → 56dp (lg)\n\t@property({ type: String }) size: 'xxs' | 'xs' | '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\t// Read directly from the BehaviorSubject to avoid string conversion issues\n\t\t\tconst selectedValues = this._selectedValues$.value\n\t\t\tthis.options?.forEach(o => (o.selected = selectedValues.includes(o.value))) // Update option selected state\n\t\t\tthis.valueLabel =\n\t\t\t\tselectedValues.length > 0\n\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t?.filter(o => selectedValues.includes(o.value))\n\t\t\t\t\t\t\t.map(o => o.label || o.textContent || '')\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 - read from BehaviorSubject\n\t\t\tconst currentValue = this._selectedValue$.value\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 ? (selectedOption.label || selectedOption.textContent || '') : 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\twithLatestFrom(this._selectedValue$, this._selectedValues$),\n\t\t\t\ttap(([option, _, currentValues]) => {\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\tconst index = currentValues.indexOf(option.value)\n\t\t\t\t\t\tconst newValues = index > -1\n\t\t\t\t\t\t\t? [...currentValues.slice(0, index), ...currentValues.slice(index + 1)]\n\t\t\t\t\t\t\t: [...currentValues, option.value]\n\t\t\t\t\t\tthis._selectedValues$.next(newValues)\n\n\t\t\t\t\t\t// Update display label\n\t\t\t\t\t\tthis.valueLabel = newValues.length > 0\n\t\t\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t\t\t.filter(o => newValues.includes(o.value))\n\t\t\t\t\t\t\t\t\t.map(o => o.label || o.textContent || '')\n\t\t\t\t\t\t\t\t\t.join(', ')\n\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\n\t\t\t\t\t\tthis._selectedValue$.next(option.value)\n\t\t\t\t\t\tthis.valueLabel = option.label || option.textContent || 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 exactly like autocomplete\n\t\tthis._options$\n\t\t\t.pipe(\n\t\t\t\ttap((options) => {\n\t\t\t\t\toptions.forEach((option, index) => {\n\t\t\t\t\t\toption.setAttribute('role', 'option')\n\t\t\t\t\t\toption.tabIndex = -1\n\t\t\t\t\t\tif (!option.id) {\n\t\t\t\t\t\t\toption.id = `${this.id}-option-${index}`\n\t\t\t\t\t\t}\n\t\t\t\t\t\t// Use data-event-bound to prevent duplicate bindings\n\t\t\t\t\t\tif (!option.hasAttribute('data-event-bound')) {\n\t\t\t\t\t\t\t// Use click event instead of pointerdown for better mobile UX\n\t\t\t\t\t\t\t// This allows users to scroll through options without immediately selecting\n\t\t\t\t\t\t\tfromEvent(option, 'click').pipe(\n\t\t\t\t\t\t\t\ttap(e => {\n\t\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\ttakeUntil(this.disconnecting)\n\t\t\t\t\t\t\t).subscribe(() => this._optionSelect$.next(option))\n\t\t\t\t\t\t\toption.setAttribute('data-event-bound', 'true')\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\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\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\t// Sync selection state when options re-render\n\t\t\t\t\t\t\tthis.syncSelection()\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","internals","attachInternals","join","val","values","isArray","String","split","map","v","trim","filter","Boolean","next","vals","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","textContent","currentValue","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","tap","stopPropagation","detail","withLatestFrom","_","currentValues","indexOf","newValues","slice","_fireChangeEvent","hasAttribute","combineLatest","singleValue","multiValues","dispatchEvent","CustomEvent","bubbles","composed","isEmpty","setValidity","valueMissing","showError","valid","message","customError","showErrors","caretIcon","html","name","classMap","hidden","color","bgColor","SchmancyTheme","sys","surface","low","on","formAssociated","__decorateClass","property","type","prototype","reflect","state","query","queryAssignedElements","flatten","customElement"],"mappings":"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"}
+{"version":3,"file":"select-BBA0gBHf.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 { BehaviorSubject, combineLatest, fromEvent, Subject, takeUntil } from 'rxjs'\nimport { tap, withLatestFrom } from 'rxjs/operators'\n\nexport type SchmancySelectChangeEvent = CustomEvent<{\n\tvalue: string | string[]\n}>\n\n/**\n * Select dropdown component with single and multi-select support.\n *\n * @prop {string} name - Name attribute for form submission\n * @prop {string} label - Label text displayed above the select\n * @prop {string} placeholder - Placeholder text when no value is selected\n * @prop {boolean} required - Whether the field is required\n * @prop {boolean} multi - Enable multi-select mode\n * @prop {string} value - Selected value (single select mode)\n * @prop {string[]} values - Selected values (multi-select mode)\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\n\t// Values property for multi-select mode\n\t@property({ type: Array })\n\tget values() {\n\t\treturn [...this._selectedValues$.value]\n\t}\n\tset values(vals: string[]) {\n\t\tthis._selectedValues$.next(Array.isArray(vals) ? [...vals] : [])\n\t}\n\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// M3 aligned sizes: 24dp (xxs) → 32dp (xs) → 40dp (sm) → 48dp (md) → 56dp (lg)\n\t@property({ type: String }) size: 'xxs' | 'xs' | '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\t// Read directly from the BehaviorSubject to avoid string conversion issues\n\t\t\tconst selectedValues = this._selectedValues$.value\n\t\t\tthis.options?.forEach(o => (o.selected = selectedValues.includes(o.value))) // Update option selected state\n\t\t\tthis.valueLabel =\n\t\t\t\tselectedValues.length > 0\n\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t?.filter(o => selectedValues.includes(o.value))\n\t\t\t\t\t\t\t.map(o => o.label || o.textContent || '')\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 - read from BehaviorSubject\n\t\t\tconst currentValue = this._selectedValue$.value\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 ? (selectedOption.label || selectedOption.textContent || '') : 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\twithLatestFrom(this._selectedValue$, this._selectedValues$),\n\t\t\t\ttap(([option, _, currentValues]) => {\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\tconst index = currentValues.indexOf(option.value)\n\t\t\t\t\t\tconst newValues = index > -1\n\t\t\t\t\t\t\t? [...currentValues.slice(0, index), ...currentValues.slice(index + 1)]\n\t\t\t\t\t\t\t: [...currentValues, option.value]\n\t\t\t\t\t\tthis._selectedValues$.next(newValues)\n\n\t\t\t\t\t\t// Update display label\n\t\t\t\t\t\tthis.valueLabel = newValues.length > 0\n\t\t\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t\t\t.filter(o => newValues.includes(o.value))\n\t\t\t\t\t\t\t\t\t.map(o => o.label || o.textContent || '')\n\t\t\t\t\t\t\t\t\t.join(', ')\n\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\n\t\t\t\t\t\tthis._selectedValue$.next(option.value)\n\t\t\t\t\t\tthis.valueLabel = option.label || option.textContent || 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 exactly like autocomplete\n\t\tthis._options$\n\t\t\t.pipe(\n\t\t\t\ttap((options) => {\n\t\t\t\t\toptions.forEach((option, index) => {\n\t\t\t\t\t\toption.setAttribute('role', 'option')\n\t\t\t\t\t\toption.tabIndex = -1\n\t\t\t\t\t\tif (!option.id) {\n\t\t\t\t\t\t\toption.id = `${this.id}-option-${index}`\n\t\t\t\t\t\t}\n\t\t\t\t\t\t// Use data-event-bound to prevent duplicate bindings\n\t\t\t\t\t\tif (!option.hasAttribute('data-event-bound')) {\n\t\t\t\t\t\t\t// Use click event instead of pointerdown for better mobile UX\n\t\t\t\t\t\t\t// This allows users to scroll through options without immediately selecting\n\t\t\t\t\t\t\tfromEvent(option, 'click').pipe(\n\t\t\t\t\t\t\t\ttap(e => {\n\t\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\ttakeUntil(this.disconnecting)\n\t\t\t\t\t\t\t).subscribe(() => this._optionSelect$.next(option))\n\t\t\t\t\t\t\toption.setAttribute('data-event-bound', 'true')\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\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\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\t// Sync selection state when options re-render\n\t\t\t\t\t\t\tthis.syncSelection()\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","internals","attachInternals","join","val","values","isArray","String","split","map","v","trim","filter","Boolean","next","vals","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","textContent","currentValue","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","tap","stopPropagation","detail","withLatestFrom","_","currentValues","indexOf","newValues","slice","_fireChangeEvent","hasAttribute","combineLatest","singleValue","multiValues","dispatchEvent","CustomEvent","bubbles","composed","isEmpty","setValidity","valueMissing","showError","valid","message","customError","showErrors","caretIcon","html","name","classMap","hidden","color","bgColor","SchmancyTheme","sys","surface","low","on","formAssociated","__decorateClass","property","type","prototype","reflect","state","query","queryAssignedElements","flatten","customElement"],"mappings":"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"}

package/dist/{select-HiEGJvOX.cjs → select-D9oCjv7N.cjs}

@@ -1,4 +1,4 @@
-"use strict";const d=require("@floating-ui/dom"),o=require("rxjs"),c=require("rxjs/operators"),m=require("lit/directives/class-map.js");require("lit/directives/style-map.js");const a=require("lit/decorators.js");require("./tailwind.mixin-UijsBrYW.cjs");const v=require("./litElement.mixin-BVBdv0GP.cjs"),b=require("./ripple-x6sTX02K.cjs");require("lit/directives/guard.js"),require("./height-Z70qJYJK.cjs");const y=require("./theme.interface-BMeNadVb.cjs"),p=require("lit");var S=Object.defineProperty,g=Object.getOwnPropertyDescriptor,n=(t,e,i,s)=>{for(var l,r=s>1?void 0:s?g(e,i):e,h=t.length-1;h>=0;h--)(l=t[h])&&(r=(s?l(e,i,r):l(r))||r);return s&&r&&S(e,i,r),r};exports.SchmancySelect=class extends v.$LitElement(p.css`
+"use strict";const d=require("@floating-ui/dom"),o=require("rxjs"),c=require("rxjs/operators"),m=require("lit/directives/class-map.js");require("lit/directives/style-map.js");const a=require("lit/decorators.js");require("./tailwind.mixin-Cp4PyXok.cjs");const v=require("./litElement.mixin-CrpeGpZ7.cjs"),b=require("./ripple-x6sTX02K.cjs");require("lit/directives/guard.js"),require("./height-Z70qJYJK.cjs");const y=require("./theme.interface-BMeNadVb.cjs"),p=require("lit");var S=Object.defineProperty,g=Object.getOwnPropertyDescriptor,n=(t,e,i,s)=>{for(var l,r=s>1?void 0:s?g(e,i):e,h=t.length-1;h>=0;h--)(l=t[h])&&(r=(s?l(e,i,r):l(r))||r);return s&&r&&S(e,i,r),r};exports.SchmancySelect=class extends v.$LitElement(p.css`
 	:host {
 		display: block;
 		position: relative;
@@ -54,4 +54,4 @@
 				</ul>
 			</div>
 		`}},exports.SchmancySelect.formAssociated=!0,n([a.property({type:String})],exports.SchmancySelect.prototype,"name",2),n([a.property({type:Boolean,reflect:!0})],exports.SchmancySelect.prototype,"required",2),n([a.property({type:Boolean,reflect:!0})],exports.SchmancySelect.prototype,"disabled",2),n([a.property({type:String})],exports.SchmancySelect.prototype,"placeholder",2),n([a.property({type:String,reflect:!0})],exports.SchmancySelect.prototype,"value",1),n([a.property({type:Array})],exports.SchmancySelect.prototype,"values",1),n([a.property({type:Boolean})],exports.SchmancySelect.prototype,"multi",2),n([a.property({type:String})],exports.SchmancySelect.prototype,"label",2),n([a.property({type:String})],exports.SchmancySelect.prototype,"hint",2),n([a.property({type:String})],exports.SchmancySelect.prototype,"validateOn",2),n([a.property({type:String})],exports.SchmancySelect.prototype,"size",2),n([a.state()],exports.SchmancySelect.prototype,"isOpen",2),n([a.state()],exports.SchmancySelect.prototype,"valueLabel",2),n([a.state()],exports.SchmancySelect.prototype,"isValid",2),n([a.property({type:String})],exports.SchmancySelect.prototype,"validationMessage",2),n([a.state()],exports.SchmancySelect.prototype,"defaultValue",2),n([a.query("ul")],exports.SchmancySelect.prototype,"ul",2),n([a.query("sch-input")],exports.SchmancySelect.prototype,"inputRef",2),n([a.queryAssignedElements({flatten:!0})],exports.SchmancySelect.prototype,"options",2),n([a.state()],exports.SchmancySelect.prototype,"_userInteracted",2),n([a.state()],exports.SchmancySelect.prototype,"_touched",2),n([a.state()],exports.SchmancySelect.prototype,"_dirty",2),n([a.state()],exports.SchmancySelect.prototype,"_submitted",2),n([a.state()],exports.SchmancySelect.prototype,"_focusedOptionId",2),exports.SchmancySelect=n([a.customElement("schmancy-select")],exports.SchmancySelect);
-//# sourceMappingURL=select-HiEGJvOX.cjs.map
+//# sourceMappingURL=select-D9oCjv7N.cjs.map

package/dist/{select-HiEGJvOX.cjs.map → select-D9oCjv7N.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"select-HiEGJvOX.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, withLatestFrom } from 'rxjs/operators'\n\nexport type SchmancySelectChangeEvent = CustomEvent<{\n\tvalue: string | string[]\n}>\n\n/**\n * Select dropdown component with single and multi-select support.\n *\n * @prop {string} name - Name attribute for form submission\n * @prop {string} label - Label text displayed above the select\n * @prop {string} placeholder - Placeholder text when no value is selected\n * @prop {boolean} required - Whether the field is required\n * @prop {boolean} multi - Enable multi-select mode\n * @prop {string} value - Selected value (single select mode)\n * @prop {string[]} values - Selected values (multi-select mode)\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\n\t// Values property for multi-select mode\n\t@property({ type: Array })\n\tget values() {\n\t\treturn [...this._selectedValues$.value]\n\t}\n\tset values(vals: string[]) {\n\t\tthis._selectedValues$.next(Array.isArray(vals) ? [...vals] : [])\n\t}\n\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// M3 aligned sizes: 24dp (xxs) → 32dp (xs) → 40dp (sm) → 48dp (md) → 56dp (lg)\n\t@property({ type: String }) size: 'xxs' | 'xs' | '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\t// Read directly from the BehaviorSubject to avoid string conversion issues\n\t\t\tconst selectedValues = this._selectedValues$.value\n\t\t\tthis.options?.forEach(o => (o.selected = selectedValues.includes(o.value))) // Update option selected state\n\t\t\tthis.valueLabel =\n\t\t\t\tselectedValues.length > 0\n\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t?.filter(o => selectedValues.includes(o.value))\n\t\t\t\t\t\t\t.map(o => o.label || o.textContent || '')\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 - read from BehaviorSubject\n\t\t\tconst currentValue = this._selectedValue$.value\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 ? (selectedOption.label || selectedOption.textContent || '') : 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\twithLatestFrom(this._selectedValue$, this._selectedValues$),\n\t\t\t\ttap(([option, _, currentValues]) => {\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\tconst index = currentValues.indexOf(option.value)\n\t\t\t\t\t\tconst newValues = index > -1\n\t\t\t\t\t\t\t? [...currentValues.slice(0, index), ...currentValues.slice(index + 1)]\n\t\t\t\t\t\t\t: [...currentValues, option.value]\n\t\t\t\t\t\tthis._selectedValues$.next(newValues)\n\n\t\t\t\t\t\t// Update display label\n\t\t\t\t\t\tthis.valueLabel = newValues.length > 0\n\t\t\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t\t\t.filter(o => newValues.includes(o.value))\n\t\t\t\t\t\t\t\t\t.map(o => o.label || o.textContent || '')\n\t\t\t\t\t\t\t\t\t.join(', ')\n\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\n\t\t\t\t\t\tthis._selectedValue$.next(option.value)\n\t\t\t\t\t\tthis.valueLabel = option.label || option.textContent || 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 exactly like autocomplete\n\t\tthis._options$\n\t\t\t.pipe(\n\t\t\t\ttap((options) => {\n\t\t\t\t\toptions.forEach((option, index) => {\n\t\t\t\t\t\toption.setAttribute('role', 'option')\n\t\t\t\t\t\toption.tabIndex = -1\n\t\t\t\t\t\tif (!option.id) {\n\t\t\t\t\t\t\toption.id = `${this.id}-option-${index}`\n\t\t\t\t\t\t}\n\t\t\t\t\t\t// Use data-event-bound to prevent duplicate bindings\n\t\t\t\t\t\tif (!option.hasAttribute('data-event-bound')) {\n\t\t\t\t\t\t\t// Use click event instead of pointerdown for better mobile UX\n\t\t\t\t\t\t\t// This allows users to scroll through options without immediately selecting\n\t\t\t\t\t\t\tfromEvent(option, 'click').pipe(\n\t\t\t\t\t\t\t\ttap(e => {\n\t\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\ttakeUntil(this.disconnecting)\n\t\t\t\t\t\t\t).subscribe(() => this._optionSelect$.next(option))\n\t\t\t\t\t\t\toption.setAttribute('data-event-bound', 'true')\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\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\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\t// Sync selection state when options re-render\n\t\t\t\t\t\t\tthis.syncSelection()\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","internals","attachInternals","join","val","values","isArray","String","split","map","v","trim","filter","Boolean","next","vals","form","connectedCallback","random","toString","substring","fromEvent","pipe","takeUntil","disconnecting","subscribe","_setupReactivePipelines","inputRef","error","disconnectedCallback","cleanupPositioner","syncSelection","setupOptionsAccessibility","changedProps","updated","has","formValue","setFormValue","hasUpdated","positionDropdown","forceValidation","selectedValues","forEach","selected","textContent","currentValue","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","tap","stopPropagation","detail","withLatestFrom","_","currentValues","indexOf","newValues","slice","_fireChangeEvent","hasAttribute","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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"}
+{"version":3,"file":"select-D9oCjv7N.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, withLatestFrom } from 'rxjs/operators'\n\nexport type SchmancySelectChangeEvent = CustomEvent<{\n\tvalue: string | string[]\n}>\n\n/**\n * Select dropdown component with single and multi-select support.\n *\n * @prop {string} name - Name attribute for form submission\n * @prop {string} label - Label text displayed above the select\n * @prop {string} placeholder - Placeholder text when no value is selected\n * @prop {boolean} required - Whether the field is required\n * @prop {boolean} multi - Enable multi-select mode\n * @prop {string} value - Selected value (single select mode)\n * @prop {string[]} values - Selected values (multi-select mode)\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\n\t// Values property for multi-select mode\n\t@property({ type: Array })\n\tget values() {\n\t\treturn [...this._selectedValues$.value]\n\t}\n\tset values(vals: string[]) {\n\t\tthis._selectedValues$.next(Array.isArray(vals) ? [...vals] : [])\n\t}\n\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// M3 aligned sizes: 24dp (xxs) → 32dp (xs) → 40dp (sm) → 48dp (md) → 56dp (lg)\n\t@property({ type: String }) size: 'xxs' | 'xs' | '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\t// Read directly from the BehaviorSubject to avoid string conversion issues\n\t\t\tconst selectedValues = this._selectedValues$.value\n\t\t\tthis.options?.forEach(o => (o.selected = selectedValues.includes(o.value))) // Update option selected state\n\t\t\tthis.valueLabel =\n\t\t\t\tselectedValues.length > 0\n\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t?.filter(o => selectedValues.includes(o.value))\n\t\t\t\t\t\t\t.map(o => o.label || o.textContent || '')\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 - read from BehaviorSubject\n\t\t\tconst currentValue = this._selectedValue$.value\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 ? (selectedOption.label || selectedOption.textContent || '') : 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\twithLatestFrom(this._selectedValue$, this._selectedValues$),\n\t\t\t\ttap(([option, _, currentValues]) => {\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\tconst index = currentValues.indexOf(option.value)\n\t\t\t\t\t\tconst newValues = index > -1\n\t\t\t\t\t\t\t? [...currentValues.slice(0, index), ...currentValues.slice(index + 1)]\n\t\t\t\t\t\t\t: [...currentValues, option.value]\n\t\t\t\t\t\tthis._selectedValues$.next(newValues)\n\n\t\t\t\t\t\t// Update display label\n\t\t\t\t\t\tthis.valueLabel = newValues.length > 0\n\t\t\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t\t\t.filter(o => newValues.includes(o.value))\n\t\t\t\t\t\t\t\t\t.map(o => o.label || o.textContent || '')\n\t\t\t\t\t\t\t\t\t.join(', ')\n\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\n\t\t\t\t\t\tthis._selectedValue$.next(option.value)\n\t\t\t\t\t\tthis.valueLabel = option.label || option.textContent || 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 exactly like autocomplete\n\t\tthis._options$\n\t\t\t.pipe(\n\t\t\t\ttap((options) => {\n\t\t\t\t\toptions.forEach((option, index) => {\n\t\t\t\t\t\toption.setAttribute('role', 'option')\n\t\t\t\t\t\toption.tabIndex = -1\n\t\t\t\t\t\tif (!option.id) {\n\t\t\t\t\t\t\toption.id = `${this.id}-option-${index}`\n\t\t\t\t\t\t}\n\t\t\t\t\t\t// Use data-event-bound to prevent duplicate bindings\n\t\t\t\t\t\tif (!option.hasAttribute('data-event-bound')) {\n\t\t\t\t\t\t\t// Use click event instead of pointerdown for better mobile UX\n\t\t\t\t\t\t\t// This allows users to scroll through options without immediately selecting\n\t\t\t\t\t\t\tfromEvent(option, 'click').pipe(\n\t\t\t\t\t\t\t\ttap(e => {\n\t\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\ttakeUntil(this.disconnecting)\n\t\t\t\t\t\t\t).subscribe(() => this._optionSelect$.next(option))\n\t\t\t\t\t\t\toption.setAttribute('data-event-bound', 'true')\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\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\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\t// Sync selection state when options re-render\n\t\t\t\t\t\t\tthis.syncSelection()\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","internals","attachInternals","join","val","values","isArray","String","split","map","v","trim","filter","Boolean","next","vals","form","connectedCallback","random","toString","substring","fromEvent","pipe","takeUntil","disconnecting","subscribe","_setupReactivePipelines","inputRef","error","disconnectedCallback","cleanupPositioner","syncSelection","setupOptionsAccessibility","changedProps","updated","has","formValue","setFormValue","hasUpdated","positionDropdown","forceValidation","selectedValues","forEach","selected","textContent","currentValue","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","tap","stopPropagation","detail","withLatestFrom","_","currentValues","indexOf","newValues","slice","_fireChangeEvent","hasAttribute","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-HiEGJvOX.cjs");Object.defineProperty(exports,"SchmancySelect",{enumerable:!0,get:()=>e.SchmancySelect});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./select-D9oCjv7N.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-i-uKur-W.js";
+import { S } from "./select-BBA0gBHf.js";
 export {
   S as SchmancySelect
 };

package/dist/{sheet-BbrRW0S5.cjs → sheet-0oUfBmXX.cjs}

@@ -1,4 +1,4 @@
-"use strict";const n=require("rxjs");require("rxjs/operators"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const c=require("lit/decorators.js");require("./tailwind.mixin-UijsBrYW.cjs");const m=require("./litElement.mixin-BVBdv0GP.cjs"),y=require("./area.component-CS_gSutH.cjs"),f=require("lit"),h=require("./sheet.service-BiRZjCdN.cjs");var v=Object.defineProperty,E=Object.getOwnPropertyDescriptor,l=(t,e,i,o)=>{for(var s,a=o>1?void 0:o?E(e,i):e,d=t.length-1;d>=0;d--)(s=t[d])&&(a=(o?s(e,i,a):s(a))||a);return o&&a&&v(e,i,a),a};let r=class extends m.$LitElement(":host{display:block}"){constructor(){super(...arguments),this.open=!1,this.position=h.SchmancySheetPosition.Side,this.persist=!1,this.lock=!1,this.handleHistory=!0,this.lastFocusedElement=null,this.handleOverlayClick=t=>{t.stopPropagation(),this.lock||h.sheet.dismiss(this.uid)}}onOpenChange(t,e){e?(this.lastFocusedElement=document.activeElement,this.setBackgroundInert(!0),this.animateIn(),this.focus()):(this.animateOut(),this.setBackgroundInert(!1),this.lastFocusedElement?.focus(),this.lastFocusedElement=null)}animateIn(){if(!this.overlayEl||!this.contentEl)return;const t={duration:250,easing:"cubic-bezier(0.16, 1, 0.3, 1)",fill:"forwards"};this.overlayEl.animate([{opacity:0},{opacity:.8}],t);const e=this.position===h.SchmancySheetPosition.Side?[{transform:"translateX(100%)"},{transform:"translateX(0)"}]:[{transform:"translateY(100%)"},{transform:"translateY(0)"}];this.contentEl.animate(e,t)}animateOut(){if(!this.overlayEl||!this.contentEl)return;const t={duration:250,easing:"cubic-bezier(0.16, 1, 0.3, 1)",fill:"forwards"};this.overlayEl.animate([{opacity:.8},{opacity:0}],t);const e=this.position===h.SchmancySheetPosition.Side?[{transform:"translateX(0)"},{transform:"translateX(100%)"}]:[{transform:"translateY(0)"},{transform:"translateY(100%)"}];this.contentEl.animate(e,t)}connectedCallback(){super.connectedCallback(),this.setupEventListeners()}disconnectedCallback(){super.disconnectedCallback(),this.disconnecting.next(!0)}setupEventListeners(){const t=n.fromEvent(window,"popstate").pipe(n.filter(()=>this.handleHistory),n.tap(s=>{s.preventDefault(),this.closeSheet()})),e=n.fromEvent(this,"keydown").pipe(n.tap(s=>{s.key==="Escape"&&!this.lock&&this.open&&(s.preventDefault(),s.stopPropagation(),h.sheet.dismiss(this.uid))})),i=n.fromEvent(window,"schmancy-sheet-render").pipe(n.filter(s=>s.detail.uid===this.uid),n.tap(s=>{y.area.push({area:this.uid,component:s.detail.component,props:s.detail.props,historyStrategy:"silent"})})),o=n.fromEvent(window,"schmancy-sheet-dismiss").pipe(n.filter(s=>s.detail.uid===this.uid),n.tap(()=>{this.closeSheet()}));n.merge(t,e,i,o).pipe(n.takeUntil(this.disconnecting)).subscribe()}setBackgroundInert(t){const e=this.parentElement;e&&Array.from(e.children).forEach(i=>{i!==this&&i instanceof HTMLElement&&i.toggleAttribute("inert",t)})}closeSheet(){this.open=!1,this.dispatchEvent(new CustomEvent("close"))}focus(){const t=this.querySelector("[autofocus]");t instanceof HTMLElement&&t.focus()}render(){const t="fixed inset-0 z-[999] flex "+(this.open?"":"invisible pointer-events-none"),e="overlay absolute inset-0 bg-surface-container/10 backdrop-blur-xs "+(this.lock?"":"cursor-pointer"),i=this.position===h.SchmancySheetPosition.Side?"content h-full min-w-[320px] max-w-[90vw] w-fit ml-auto overflow-hidden z-10":"content w-full mt-auto rounded-t-2xl max-h-[90vh] overflow-hidden z-10",o=this.position===h.SchmancySheetPosition.Side?"max-h-screen":"max-h-[90vh]";return f.html`
+"use strict";const n=require("rxjs");require("rxjs/operators"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const c=require("lit/decorators.js");require("./tailwind.mixin-Cp4PyXok.cjs");const m=require("./litElement.mixin-CrpeGpZ7.cjs"),y=require("./area.component-ChxSLt16.cjs"),f=require("lit"),h=require("./sheet.service-su_7yDQ-.cjs");var v=Object.defineProperty,E=Object.getOwnPropertyDescriptor,l=(t,e,i,o)=>{for(var s,a=o>1?void 0:o?E(e,i):e,d=t.length-1;d>=0;d--)(s=t[d])&&(a=(o?s(e,i,a):s(a))||a);return o&&a&&v(e,i,a),a};let r=class extends m.$LitElement(":host{display:block}"){constructor(){super(...arguments),this.open=!1,this.position=h.SchmancySheetPosition.Side,this.persist=!1,this.lock=!1,this.handleHistory=!0,this.lastFocusedElement=null,this.handleOverlayClick=t=>{t.stopPropagation(),this.lock||h.sheet.dismiss(this.uid)}}onOpenChange(t,e){e?(this.lastFocusedElement=document.activeElement,this.setBackgroundInert(!0),this.animateIn(),this.focus()):(this.animateOut(),this.setBackgroundInert(!1),this.lastFocusedElement?.focus(),this.lastFocusedElement=null)}animateIn(){if(!this.overlayEl||!this.contentEl)return;const t={duration:250,easing:"cubic-bezier(0.16, 1, 0.3, 1)",fill:"forwards"};this.overlayEl.animate([{opacity:0},{opacity:.8}],t);const e=this.position===h.SchmancySheetPosition.Side?[{transform:"translateX(100%)"},{transform:"translateX(0)"}]:[{transform:"translateY(100%)"},{transform:"translateY(0)"}];this.contentEl.animate(e,t)}animateOut(){if(!this.overlayEl||!this.contentEl)return;const t={duration:250,easing:"cubic-bezier(0.16, 1, 0.3, 1)",fill:"forwards"};this.overlayEl.animate([{opacity:.8},{opacity:0}],t);const e=this.position===h.SchmancySheetPosition.Side?[{transform:"translateX(0)"},{transform:"translateX(100%)"}]:[{transform:"translateY(0)"},{transform:"translateY(100%)"}];this.contentEl.animate(e,t)}connectedCallback(){super.connectedCallback(),this.setupEventListeners()}disconnectedCallback(){super.disconnectedCallback(),this.disconnecting.next(!0)}setupEventListeners(){const t=n.fromEvent(window,"popstate").pipe(n.filter(()=>this.handleHistory),n.tap(s=>{s.preventDefault(),this.closeSheet()})),e=n.fromEvent(this,"keydown").pipe(n.tap(s=>{s.key==="Escape"&&!this.lock&&this.open&&(s.preventDefault(),s.stopPropagation(),h.sheet.dismiss(this.uid))})),i=n.fromEvent(window,"schmancy-sheet-render").pipe(n.filter(s=>s.detail.uid===this.uid),n.tap(s=>{y.area.push({area:this.uid,component:s.detail.component,props:s.detail.props,historyStrategy:"silent"})})),o=n.fromEvent(window,"schmancy-sheet-dismiss").pipe(n.filter(s=>s.detail.uid===this.uid),n.tap(()=>{this.closeSheet()}));n.merge(t,e,i,o).pipe(n.takeUntil(this.disconnecting)).subscribe()}setBackgroundInert(t){const e=this.parentElement;e&&Array.from(e.children).forEach(i=>{i!==this&&i instanceof HTMLElement&&i.toggleAttribute("inert",t)})}closeSheet(){this.open=!1,this.dispatchEvent(new CustomEvent("close"))}focus(){const t=this.querySelector("[autofocus]");t instanceof HTMLElement&&t.focus()}render(){const t="fixed inset-0 z-[999] flex "+(this.open?"":"invisible pointer-events-none"),e="overlay absolute inset-0 bg-surface-container/10 backdrop-blur-xs "+(this.lock?"":"cursor-pointer"),i=this.position===h.SchmancySheetPosition.Side?"content h-full min-w-[320px] max-w-[90vw] w-fit ml-auto overflow-hidden z-10":"content w-full mt-auto rounded-t-2xl max-h-[90vh] overflow-hidden z-10",o=this.position===h.SchmancySheetPosition.Side?"max-h-screen":"max-h-[90vh]";return f.html`
 			<div class=${t} role="dialog" aria-hidden=${!this.open} aria-modal=${this.open} tabindex="0">
 				<div class=${e} @click=${this.handleOverlayClick}></div>
 				<div class=${i}>
@@ -12,4 +12,4 @@
 				</div>
 			</div>
 		`}};var p,u;l([c.property({type:String,reflect:!0})],r.prototype,"uid",2),l([c.property({type:Boolean,reflect:!0})],r.prototype,"open",2),l([c.property({type:String,reflect:!0})],r.prototype,"position",2),l([c.property({type:Boolean,reflect:!0})],r.prototype,"persist",2),l([c.property({type:Boolean,reflect:!0})],r.prototype,"lock",2),l([c.property({type:Boolean,reflect:!0})],r.prototype,"handleHistory",2),l([c.query(".overlay")],r.prototype,"overlayEl",2),l([c.query(".content")],r.prototype,"contentEl",2),l([(p="open",(t,e)=>{const{willUpdate:i}=t;u=Object.assign({waitUntilFirstUpdate:!1},u),t.willUpdate=function(o){if(i.call(this,o),o.has(p)){const s=o.get(p),a=this[p];s!==a&&(u?.waitUntilFirstUpdate&&!this.hasUpdated||this[e].call(this,s,a))}}})],r.prototype,"onOpenChange",1),r=l([c.customElement("schmancy-sheet")],r);
-//# sourceMappingURL=sheet-BbrRW0S5.cjs.map
+//# sourceMappingURL=sheet-0oUfBmXX.cjs.map

package/dist/{sheet-BbrRW0S5.cjs.map → sheet-0oUfBmXX.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"sheet-BbrRW0S5.cjs","sources":["../src/sheet/sheet.ts","../src/sheet/hook.ts"],"sourcesContent":["import { $LitElement } from '@mixins/index'\nimport { area } from '../area'\nimport { html } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { fromEvent, merge, takeUntil, tap, filter } from 'rxjs'\nimport { on } from './hook'\nimport style from './sheet.scss?inline'\nimport { SchmancySheetPosition, sheet } from './sheet.service'\n\n@customElement('schmancy-sheet')\nexport default class SchmancySheet extends $LitElement(style) {\n\t@property({ type: String, reflect: true }) uid!: string\n\t@property({ type: Boolean, reflect: true }) open = false\n\t@property({ type: String, reflect: true }) position: SchmancySheetPosition = SchmancySheetPosition.Side\n\t@property({ type: Boolean, reflect: true }) persist = false\n\t@property({ type: Boolean, reflect: true }) lock = false\n\t@property({ type: Boolean, reflect: true }) handleHistory = true\n\n\tprivate lastFocusedElement: HTMLElement | null = null\n\t@query('.overlay') private overlayEl!: HTMLDivElement\n\t@query('.content') private contentEl!: HTMLDivElement\n\n\t@on('open')\n\tonOpenChange(_oldValue: boolean, newValue: boolean) {\n\t\tif (newValue) {\n\t\t\tthis.lastFocusedElement = document.activeElement as HTMLElement\n\t\t\tthis.setBackgroundInert(true)\n\t\t\tthis.animateIn()\n\t\t\tthis.focus()\n\t\t} else {\n\t\t\tthis.animateOut()\n\t\t\tthis.setBackgroundInert(false)\n\t\t\tthis.lastFocusedElement?.focus()\n\t\t\tthis.lastFocusedElement = null\n\t\t}\n\t}\n\n\tprivate animateIn() {\n\t\tif (!this.overlayEl || !this.contentEl) return\n\n\t\tconst timing = {\n\t\t\tduration: 250,\n\t\t\teasing: 'cubic-bezier(0.16, 1, 0.3, 1)',\n\t\t\tfill: 'forwards' as FillMode,\n\t\t}\n\n\t\t// Animate overlay\n\t\tthis.overlayEl.animate([{ opacity: 0 }, { opacity: 0.8 }], timing)\n\n\t\t// Animate content based on position\n\t\tconst transform =\n\t\t\tthis.position === SchmancySheetPosition.Side\n\t\t\t\t? [{ transform: 'translateX(100%)' }, { transform: 'translateX(0)' }]\n\t\t\t\t: [{ transform: 'translateY(100%)' }, { transform: 'translateY(0)' }]\n\n\t\tthis.contentEl.animate(transform, timing)\n\t}\n\n\tprivate animateOut() {\n\t\tif (!this.overlayEl || !this.contentEl) return\n\n\t\tconst timing = {\n\t\t\tduration: 250,\n\t\t\teasing: 'cubic-bezier(0.16, 1, 0.3, 1)',\n\t\t\tfill: 'forwards' as FillMode,\n\t\t}\n\n\t\t// Animate overlay\n\t\tthis.overlayEl.animate([{ opacity: 0.8 }, { opacity: 0 }], timing)\n\n\t\t// Animate content based on position\n\t\tconst transform =\n\t\t\tthis.position === SchmancySheetPosition.Side\n\t\t\t\t? [{ transform: 'translateX(0)' }, { transform: 'translateX(100%)' }]\n\t\t\t\t: [{ transform: 'translateY(0)' }, { transform: 'translateY(100%)' }]\n\n\t\tthis.contentEl.animate(transform, timing)\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.setupEventListeners()\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.disconnecting.next(true)\n\t}\n\n\tprivate setupEventListeners() {\n\t\t// Handle browser back button\n\t\tconst popState$ = fromEvent<PopStateEvent>(window, 'popstate').pipe(\n\t\t\tfilter(() => this.handleHistory),\n\t\t\ttap(e => {\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.closeSheet()\n\t\t\t}),\n\t\t)\n\n\t\t// Handle ESC key\n\t\tconst keyUp$ = fromEvent<KeyboardEvent>(this, 'keydown').pipe(\n\t\t\ttap(event => {\n\t\t\t\tif (event.key === 'Escape' && !this.lock && this.open) {\n\t\t\t\t\tevent.preventDefault()\n\t\t\t\t\tevent.stopPropagation()\n\t\t\t\t\tsheet.dismiss(this.uid)\n\t\t\t\t}\n\t\t\t}),\n\t\t)\n\n\t\t// Handle render events from sheet service\n\t\tconst render$ = fromEvent<CustomEvent>(window, 'schmancy-sheet-render').pipe(\n\t\t\tfilter(e => e.detail.uid === this.uid),\n\t\t\ttap(e => {\n\t\t\t\tarea.push({\n\t\t\t\t\tarea: this.uid,\n\t\t\t\t\tcomponent: e.detail.component,\n\t\t\t\t\tprops: e.detail.props,\n\t\t\t\t\thistoryStrategy: 'silent',\n\t\t\t\t})\n\t\t\t}),\n\t\t)\n\n\t\t// Handle dismiss events from sheet service\n\t\tconst dismiss$ = fromEvent<CustomEvent>(window, 'schmancy-sheet-dismiss').pipe(\n\t\t\tfilter(e => e.detail.uid === this.uid),\n\t\t\ttap(() => {\n\t\t\t\tthis.closeSheet()\n\t\t\t}),\n\t\t)\n\n\t\tmerge(popState$, keyUp$, render$, dismiss$).pipe(takeUntil(this.disconnecting)).subscribe()\n\t}\n\n\tprivate setBackgroundInert(inert: boolean) {\n\t\tconst parent = this.parentElement\n\t\tif (!parent) return\n\n\t\tArray.from(parent.children).forEach(child => {\n\t\t\tif (child !== this && child instanceof HTMLElement) {\n\t\t\t\tchild.toggleAttribute('inert', inert)\n\t\t\t}\n\t\t})\n\t}\n\n\tcloseSheet() {\n\t\tthis.open = false\n\t\tthis.dispatchEvent(new CustomEvent('close'))\n\t}\n\n\toverride focus() {\n\t\t// delegatesFocus in shadowRootOptions handles automatic focus\n\t\t// Just focus first element with autofocus attribute if present\n\t\tconst element = this.querySelector('[autofocus]')\n\t\tif (element instanceof HTMLElement) {\n\t\t\telement.focus()\n\t\t}\n\t}\n\n\tprivate handleOverlayClick = (e: Event) => {\n\t\te.stopPropagation()\n\t\tif (!this.lock) {\n\t\t\tsheet.dismiss(this.uid)\n\t\t}\n\t}\n\n\trender() {\n\t\tconst sheetClasses = `fixed inset-0 z-[999] flex ${this.open ? '' : 'invisible pointer-events-none'}`\n\n\t\tconst overlayClasses = `overlay absolute inset-0 bg-surface-container/10 backdrop-blur-xs ${this.lock ? '' : 'cursor-pointer'}`\n\n\t\tconst contentClasses =\n\t\t\tthis.position === SchmancySheetPosition.Side\n\t\t\t\t? 'content h-full min-w-[320px] max-w-[90vw] w-fit ml-auto overflow-hidden z-10'\n\t\t\t\t: 'content w-full mt-auto rounded-t-2xl max-h-[90vh] overflow-hidden z-10'\n\n\t\tconst bodyClasses = this.position === SchmancySheetPosition.Side ? 'max-h-screen' : 'max-h-[90vh]'\n\n\t\treturn html`\n\t\t\t<div class=${sheetClasses} role=\"dialog\" aria-hidden=${!this.open} aria-modal=${this.open} tabindex=\"0\">\n\t\t\t\t<div class=${overlayClasses} @click=${this.handleOverlayClick}></div>\n\t\t\t\t<div class=${contentClasses}>\n\t\t\t\t\t<schmancy-surface rounded=\"left\" fill=\"all\" id=\"body\" class=\"overflow-auto ${bodyClasses}\" type=\"surface\">\n\t\t\t\t\t\t<schmancy-scroll>\n\t\t\t\t\t\t\t<schmancy-area class=\"h-full\" name=${this.uid}>\n\t\t\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t\t</schmancy-area>\n\t\t\t\t\t\t</schmancy-scroll>\n\t\t\t\t\t</schmancy-surface>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-sheet': SchmancySheet\n\t}\n}\n","// @watch decorator\n//\n// Runs when an observed property changes, e.g. @property or @state, but before the component updates.\n//\n// To wait for an update to complete after a change occurs, use `await this.updateComplete` in the handler. To start\n// watching after the initial update/render, use `{ waitUntilFirstUpdate: true }` or `this.hasUpdated` in the handler.\n//\n// Usage:\n//\n//  @watch('propName')\n//  handlePropChange(oldValue, newValue) {\n//    ...\n//  }\n//\ninterface WatchOptions {\n\twaitUntilFirstUpdate?: boolean\n}\n\nexport function on(propName: string, options?: WatchOptions) {\n\treturn (protoOrDescriptor: any, name: string): any => {\n\t\tconst { willUpdate } = protoOrDescriptor\n\n\t\toptions = Object.assign({ waitUntilFirstUpdate: false }, options) as WatchOptions\n\n\t\tprotoOrDescriptor.willUpdate = function (changedProps: Map<string, any>) {\n\t\t\twillUpdate.call(this, changedProps)\n\n\t\t\tif (changedProps.has(propName)) {\n\t\t\t\tconst oldValue = changedProps.get(propName)\n\t\t\t\tconst newValue = this[propName]\n\n\t\t\t\tif (oldValue !== newValue) {\n\t\t\t\t\tif (!options?.waitUntilFirstUpdate || this.hasUpdated) {\n\t\t\t\t\t\tthis[name].call(this, oldValue, newValue)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n"],"names":["SchmancySheet","$LitElement","constructor","super","arguments","this","open","position","SchmancySheetPosition","Side","persist","lock","handleHistory","lastFocusedElement","handleOverlayClick","e","stopPropagation","sheet","dismiss","uid","_oldValue","newValue","document","activeElement","setBackgroundInert","animateIn","focus","animateOut","overlayEl","contentEl","timing","duration","easing","fill","animate","opacity","transform","connectedCallback","setupEventListeners","disconnectedCallback","disconnecting","next","popState$","fromEvent","window","pipe","filter","tap","preventDefault","closeSheet","keyUp$","event","key","render$","detail","area","push","component","props","historyStrategy","dismiss$","merge","takeUntil","subscribe","inert","parent","parentElement","Array","from","children","forEach","child","HTMLElement","toggleAttribute","dispatchEvent","CustomEvent","element","querySelector","render","sheetClasses","overlayClasses","contentClasses","bodyClasses","html","propName","options","__decorateClass","property","type","String","reflect","prototype","Boolean","query","protoOrDescriptor","name","willUpdate","Object","assign","waitUntilFirstUpdate","changedProps","call","has","oldValue","get","hasUpdated","customElement"],"mappings":"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"}
+{"version":3,"file":"sheet-0oUfBmXX.cjs","sources":["../src/sheet/sheet.ts","../src/sheet/hook.ts"],"sourcesContent":["import { $LitElement } from '@mixins/index'\nimport { area } from '../area'\nimport { html } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { fromEvent, merge, takeUntil, tap, filter } from 'rxjs'\nimport { on } from './hook'\nimport style from './sheet.scss?inline'\nimport { SchmancySheetPosition, sheet } from './sheet.service'\n\n@customElement('schmancy-sheet')\nexport default class SchmancySheet extends $LitElement(style) {\n\t@property({ type: String, reflect: true }) uid!: string\n\t@property({ type: Boolean, reflect: true }) open = false\n\t@property({ type: String, reflect: true }) position: SchmancySheetPosition = SchmancySheetPosition.Side\n\t@property({ type: Boolean, reflect: true }) persist = false\n\t@property({ type: Boolean, reflect: true }) lock = false\n\t@property({ type: Boolean, reflect: true }) handleHistory = true\n\n\tprivate lastFocusedElement: HTMLElement | null = null\n\t@query('.overlay') private overlayEl!: HTMLDivElement\n\t@query('.content') private contentEl!: HTMLDivElement\n\n\t@on('open')\n\tonOpenChange(_oldValue: boolean, newValue: boolean) {\n\t\tif (newValue) {\n\t\t\tthis.lastFocusedElement = document.activeElement as HTMLElement\n\t\t\tthis.setBackgroundInert(true)\n\t\t\tthis.animateIn()\n\t\t\tthis.focus()\n\t\t} else {\n\t\t\tthis.animateOut()\n\t\t\tthis.setBackgroundInert(false)\n\t\t\tthis.lastFocusedElement?.focus()\n\t\t\tthis.lastFocusedElement = null\n\t\t}\n\t}\n\n\tprivate animateIn() {\n\t\tif (!this.overlayEl || !this.contentEl) return\n\n\t\tconst timing = {\n\t\t\tduration: 250,\n\t\t\teasing: 'cubic-bezier(0.16, 1, 0.3, 1)',\n\t\t\tfill: 'forwards' as FillMode,\n\t\t}\n\n\t\t// Animate overlay\n\t\tthis.overlayEl.animate([{ opacity: 0 }, { opacity: 0.8 }], timing)\n\n\t\t// Animate content based on position\n\t\tconst transform =\n\t\t\tthis.position === SchmancySheetPosition.Side\n\t\t\t\t? [{ transform: 'translateX(100%)' }, { transform: 'translateX(0)' }]\n\t\t\t\t: [{ transform: 'translateY(100%)' }, { transform: 'translateY(0)' }]\n\n\t\tthis.contentEl.animate(transform, timing)\n\t}\n\n\tprivate animateOut() {\n\t\tif (!this.overlayEl || !this.contentEl) return\n\n\t\tconst timing = {\n\t\t\tduration: 250,\n\t\t\teasing: 'cubic-bezier(0.16, 1, 0.3, 1)',\n\t\t\tfill: 'forwards' as FillMode,\n\t\t}\n\n\t\t// Animate overlay\n\t\tthis.overlayEl.animate([{ opacity: 0.8 }, { opacity: 0 }], timing)\n\n\t\t// Animate content based on position\n\t\tconst transform =\n\t\t\tthis.position === SchmancySheetPosition.Side\n\t\t\t\t? [{ transform: 'translateX(0)' }, { transform: 'translateX(100%)' }]\n\t\t\t\t: [{ transform: 'translateY(0)' }, { transform: 'translateY(100%)' }]\n\n\t\tthis.contentEl.animate(transform, timing)\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.setupEventListeners()\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.disconnecting.next(true)\n\t}\n\n\tprivate setupEventListeners() {\n\t\t// Handle browser back button\n\t\tconst popState$ = fromEvent<PopStateEvent>(window, 'popstate').pipe(\n\t\t\tfilter(() => this.handleHistory),\n\t\t\ttap(e => {\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.closeSheet()\n\t\t\t}),\n\t\t)\n\n\t\t// Handle ESC key\n\t\tconst keyUp$ = fromEvent<KeyboardEvent>(this, 'keydown').pipe(\n\t\t\ttap(event => {\n\t\t\t\tif (event.key === 'Escape' && !this.lock && this.open) {\n\t\t\t\t\tevent.preventDefault()\n\t\t\t\t\tevent.stopPropagation()\n\t\t\t\t\tsheet.dismiss(this.uid)\n\t\t\t\t}\n\t\t\t}),\n\t\t)\n\n\t\t// Handle render events from sheet service\n\t\tconst render$ = fromEvent<CustomEvent>(window, 'schmancy-sheet-render').pipe(\n\t\t\tfilter(e => e.detail.uid === this.uid),\n\t\t\ttap(e => {\n\t\t\t\tarea.push({\n\t\t\t\t\tarea: this.uid,\n\t\t\t\t\tcomponent: e.detail.component,\n\t\t\t\t\tprops: e.detail.props,\n\t\t\t\t\thistoryStrategy: 'silent',\n\t\t\t\t})\n\t\t\t}),\n\t\t)\n\n\t\t// Handle dismiss events from sheet service\n\t\tconst dismiss$ = fromEvent<CustomEvent>(window, 'schmancy-sheet-dismiss').pipe(\n\t\t\tfilter(e => e.detail.uid === this.uid),\n\t\t\ttap(() => {\n\t\t\t\tthis.closeSheet()\n\t\t\t}),\n\t\t)\n\n\t\tmerge(popState$, keyUp$, render$, dismiss$).pipe(takeUntil(this.disconnecting)).subscribe()\n\t}\n\n\tprivate setBackgroundInert(inert: boolean) {\n\t\tconst parent = this.parentElement\n\t\tif (!parent) return\n\n\t\tArray.from(parent.children).forEach(child => {\n\t\t\tif (child !== this && child instanceof HTMLElement) {\n\t\t\t\tchild.toggleAttribute('inert', inert)\n\t\t\t}\n\t\t})\n\t}\n\n\tcloseSheet() {\n\t\tthis.open = false\n\t\tthis.dispatchEvent(new CustomEvent('close'))\n\t}\n\n\toverride focus() {\n\t\t// delegatesFocus in shadowRootOptions handles automatic focus\n\t\t// Just focus first element with autofocus attribute if present\n\t\tconst element = this.querySelector('[autofocus]')\n\t\tif (element instanceof HTMLElement) {\n\t\t\telement.focus()\n\t\t}\n\t}\n\n\tprivate handleOverlayClick = (e: Event) => {\n\t\te.stopPropagation()\n\t\tif (!this.lock) {\n\t\t\tsheet.dismiss(this.uid)\n\t\t}\n\t}\n\n\trender() {\n\t\tconst sheetClasses = `fixed inset-0 z-[999] flex ${this.open ? '' : 'invisible pointer-events-none'}`\n\n\t\tconst overlayClasses = `overlay absolute inset-0 bg-surface-container/10 backdrop-blur-xs ${this.lock ? '' : 'cursor-pointer'}`\n\n\t\tconst contentClasses =\n\t\t\tthis.position === SchmancySheetPosition.Side\n\t\t\t\t? 'content h-full min-w-[320px] max-w-[90vw] w-fit ml-auto overflow-hidden z-10'\n\t\t\t\t: 'content w-full mt-auto rounded-t-2xl max-h-[90vh] overflow-hidden z-10'\n\n\t\tconst bodyClasses = this.position === SchmancySheetPosition.Side ? 'max-h-screen' : 'max-h-[90vh]'\n\n\t\treturn html`\n\t\t\t<div class=${sheetClasses} role=\"dialog\" aria-hidden=${!this.open} aria-modal=${this.open} tabindex=\"0\">\n\t\t\t\t<div class=${overlayClasses} @click=${this.handleOverlayClick}></div>\n\t\t\t\t<div class=${contentClasses}>\n\t\t\t\t\t<schmancy-surface rounded=\"left\" fill=\"all\" id=\"body\" class=\"overflow-auto ${bodyClasses}\" type=\"surface\">\n\t\t\t\t\t\t<schmancy-scroll>\n\t\t\t\t\t\t\t<schmancy-area class=\"h-full\" name=${this.uid}>\n\t\t\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t\t</schmancy-area>\n\t\t\t\t\t\t</schmancy-scroll>\n\t\t\t\t\t</schmancy-surface>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-sheet': SchmancySheet\n\t}\n}\n","// @watch decorator\n//\n// Runs when an observed property changes, e.g. @property or @state, but before the component updates.\n//\n// To wait for an update to complete after a change occurs, use `await this.updateComplete` in the handler. To start\n// watching after the initial update/render, use `{ waitUntilFirstUpdate: true }` or `this.hasUpdated` in the handler.\n//\n// Usage:\n//\n//  @watch('propName')\n//  handlePropChange(oldValue, newValue) {\n//    ...\n//  }\n//\ninterface WatchOptions {\n\twaitUntilFirstUpdate?: boolean\n}\n\nexport function on(propName: string, options?: WatchOptions) {\n\treturn (protoOrDescriptor: any, name: string): any => {\n\t\tconst { willUpdate } = protoOrDescriptor\n\n\t\toptions = Object.assign({ waitUntilFirstUpdate: false }, options) as WatchOptions\n\n\t\tprotoOrDescriptor.willUpdate = function (changedProps: Map<string, any>) {\n\t\t\twillUpdate.call(this, changedProps)\n\n\t\t\tif (changedProps.has(propName)) {\n\t\t\t\tconst oldValue = changedProps.get(propName)\n\t\t\t\tconst newValue = this[propName]\n\n\t\t\t\tif (oldValue !== newValue) {\n\t\t\t\t\tif (!options?.waitUntilFirstUpdate || this.hasUpdated) {\n\t\t\t\t\t\tthis[name].call(this, oldValue, newValue)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n"],"names":["SchmancySheet","$LitElement","constructor","super","arguments","this","open","position","SchmancySheetPosition","Side","persist","lock","handleHistory","lastFocusedElement","handleOverlayClick","e","stopPropagation","sheet","dismiss","uid","_oldValue","newValue","document","activeElement","setBackgroundInert","animateIn","focus","animateOut","overlayEl","contentEl","timing","duration","easing","fill","animate","opacity","transform","connectedCallback","setupEventListeners","disconnectedCallback","disconnecting","next","popState$","fromEvent","window","pipe","filter","tap","preventDefault","closeSheet","keyUp$","event","key","render$","detail","area","push","component","props","historyStrategy","dismiss$","merge","takeUntil","subscribe","inert","parent","parentElement","Array","from","children","forEach","child","HTMLElement","toggleAttribute","dispatchEvent","CustomEvent","element","querySelector","render","sheetClasses","overlayClasses","contentClasses","bodyClasses","html","propName","options","__decorateClass","property","type","String","reflect","prototype","Boolean","query","protoOrDescriptor","name","willUpdate","Object","assign","waitUntilFirstUpdate","changedProps","call","has","oldValue","get","hasUpdated","customElement"],"mappings":"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"}