@mhmo91/schmancy 0.2.198 → 0.2.200

package/dist/{select-DEd1YJF0.cjs.map → select-BJdRm5US.cjs.map}

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

package/dist/{select-CWulYSxd.js → select-DfemPf0w.js}

@@ -2,8 +2,8 @@ import { autoUpdate as b, computePosition as g, offset as w, flip as O, shift as
 import { fromEvent as c, takeUntil as f } from "rxjs";
 import { classMap as S } from "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
-import { $ as _ } from "./litElement.mixin-BKgKxczr.js";
-import "./tailwind.mixin-k9HTphsu.js";
+import { $ as _ } from "./litElement.mixin-1-y-wwQg.js";
+import "./tailwind.mixin-DPUboU_5.js";
 import { c as $ } from "./ripple-BumgqsDT.js";
 import { S as y } from "./theme.interface-C5Kj6WjD.js";
 import { css as k, html as u } from "lit";
@@ -251,4 +251,4 @@ o.formAssociated = !0, l([h({ type: String })], o.prototype, "name", 2), l([h({
 export {
   o as S
 };
-//# sourceMappingURL=select-CWulYSxd.js.map
+//# sourceMappingURL=select-DfemPf0w.js.map

package/dist/{select-CWulYSxd.js.map → select-DfemPf0w.js.map}

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

package/dist/select.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./select-DEd1YJF0.cjs");Object.defineProperty(exports,"SchmancySelect",{enumerable:!0,get:()=>e.SchmancySelect});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./select-BJdRm5US.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-CWulYSxd.js";
+import { S } from "./select-DfemPf0w.js";
 export {
   S as SchmancySelect
 };

package/dist/{sheet-BhKQmvCN.cjs → sheet-BtaT1eui.cjs}

@@ -1,4 +1,4 @@
-"use strict";const i=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const g=require("./tailwind.mixin-DFxMrwgk.cjs"),m=require("lit"),h=require("lit/decorators.js"),w=require("./litElement.mixin-0pIFA8ru.cjs"),S=require("lit/directives/when.js");var E=Object.getOwnPropertyDescriptor;let b=class extends g.TailwindElement(m.css``){render(){return m.html`
+"use strict";const i=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const g=require("./tailwind.mixin-mxyACxyp.cjs"),m=require("lit"),h=require("lit/decorators.js"),w=require("./litElement.mixin-CB6DWbFn.cjs"),S=require("lit/directives/when.js");var E=Object.getOwnPropertyDescriptor;let b=class extends g.TailwindElement(m.css``){render(){return m.html`
 			<sch-flex class="absolute top-0 left-0 md:left-[unset] md:right-0">
 				<div class="block md:hidden flex-1 justify-start items-start">
 					<slot name="back">
@@ -44,4 +44,4 @@
 				</schmancy-grid>
 			</div>
 		`}};var l,p;a([h.property({type:String,reflect:!0})],r.prototype,"uid",2),a([h.property({type:Boolean,reflect:!0})],r.prototype,"open",2),a([h.property({type:String,reflect:!0})],r.prototype,"header",2),a([h.property({type:String,reflect:!0})],r.prototype,"position",2),a([h.property({type:Boolean,reflect:!0})],r.prototype,"persist",2),a([h.property({type:Boolean,reflect:!0})],r.prototype,"lock",2),a([h.property({type:Boolean,reflect:!0})],r.prototype,"handleHistory",2),a([h.property({type:String,reflect:!0})],r.prototype,"title",2),a([h.query(".sheet")],r.prototype,"sheet",2),a([h.queryAssignedElements({flatten:!0})],r.prototype,"assignedElements",2),a([h.property()],r.prototype,"focusAttribute",2),a([(l="open",(t,e)=>{const{willUpdate:s}=t;p=Object.assign({waitUntilFirstUpdate:!1},p),t.willUpdate=function(o){if(s.call(this,o),o.has(l)){const c=o.get(l),n=this[l];c!==n&&(p!=null&&p.waitUntilFirstUpdate&&!this.hasUpdated||this[e].call(this,c,n))}}})],r.prototype,"onOpenChange",1),r=a([h.customElement("schmancy-sheet")],r),exports.SchmancySheetPosition=f,exports.SheetHereMorty=v,exports.SheetWhereAreYouRicky=y,exports.sheet=u;
-//# sourceMappingURL=sheet-BhKQmvCN.cjs.map
+//# sourceMappingURL=sheet-BtaT1eui.cjs.map

package/dist/{sheet-BhKQmvCN.cjs.map → sheet-BtaT1eui.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"sheet-BhKQmvCN.cjs","sources":["../src/sheet/header.ts","../src/sheet/sheet.service.ts","../src/sheet/sheet.ts","../src/sheet/hook.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n@customElement('schmancy-sheet-header')\nexport default class SchmancySheetHeader extends TailwindElement(css``) {\n\trender() {\n\t\treturn html`\n\t\t\t<sch-flex class=\"absolute top-0 left-0 md:left-[unset] md:right-0\">\n\t\t\t\t<div class=\"block md:hidden flex-1 justify-start items-start\">\n\t\t\t\t\t<slot name=\"back\">\n\t\t\t\t\t\t<schmancy-button\n\t\t\t\t\t\t\t@click=${() => {\n\t\t\t\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\t\t\t\tnew CustomEvent('dismiss', {\n\t\t\t\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span class=\"text-[24px]\">&#8592; </span>\n\t\t\t\t\t\t</schmancy-button>\n\t\t\t\t\t</slot>\n\t\t\t\t</div>\n\n\t\t\t\t<div class=\"hidden md:block flex-1 justify-end items-end\">\n\t\t\t\t\t<slot name=\"actions\">\n\t\t\t\t\t\t<schmancy-icon-button\n\t\t\t\t\t\t\t@click=${() => {\n\t\t\t\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\t\t\t\tnew CustomEvent('dismiss', {\n\t\t\t\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tclose\n\t\t\t\t\t\t</schmancy-icon-button>\n\t\t\t\t\t</slot>\n\t\t\t\t</div>\n\t\t\t</sch-flex>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-sheet-header': SchmancySheetHeader\n\t}\n}\n","import {\n\tdefaultIfEmpty,\n\tdelay,\n\tfilter,\n\tforkJoin,\n\tfromEvent,\n\tmap,\n\tmergeMap,\n\tof,\n\tSubject,\n\tswitchMap,\n\ttake,\n\ttakeUntil,\n\ttap,\n\ttimer,\n} from 'rxjs'\nimport SchmancySheet from './sheet'\n\nexport enum SchmancySheetPosition {\n\tSide = 'side',\n\tBottom = 'bottom',\n\t/**\n\t *  @deprecated use bottom instead\n\t */\n\tBottomCenter = 'bottom-center',\n\t/**\n\t *  @deprecated use side instead\n\t */\n\tTopRight = 'top-right',\n\t/**\n\t *  @deprecated use side instead\n\t */\n\tBottomRight = 'bottom-right',\n}\n\ntype BottomSheeetTarget = {\n\tcomponent: HTMLElement\n\tuid?: string\n\tposition?: SchmancySheetPosition\n\tpersist?: boolean\n\tclose?: () => void\n\tlock?: boolean // Controls both ESC and overlay click dismissal\n\thandleHistory?: boolean // Controls browser back button behavior\n\ttitle?: string\n\theader?: 'hidden' | 'visible'\n}\n\n// Events for communication between bottom-sheet component and bottom-sheet.service\nexport type SheetWhereAreYouRickyEvent = CustomEvent<{\n\tuid: string\n}>\nexport const SheetWhereAreYouRicky = 'are-you-there-sheet'\n\nexport type SheetHereMortyEvent = CustomEvent<{\n\tsheet: SchmancySheet\n}>\nexport const SheetHereMorty = 'yes-here'\n\n// Function to determine the position based on screen size\nconst getPosition = (): SchmancySheetPosition => {\n\treturn window.innerWidth >= 768 ? SchmancySheetPosition.Side : SchmancySheetPosition.Bottom // Adjust 768 as needed for your breakpoint\n}\n\nclass BottomSheetService {\n\tbottomSheet = new Subject<BottomSheeetTarget>()\n\t$dismiss = new Subject<string>()\n\t// Track currently open sheets by uid\n\tprivate activeSheets = new Set<string>()\n\t// To track if we've set up the popstate listener\n\tprivate popStateListenerActive = false\n\n\tconstructor() {\n\t\tthis.setupSheetOpeningLogic()\n\t\tthis.setupSheetDismissLogic()\n\t\tthis.setupPopStateListener()\n\t}\n\n\t/**\n\t * Sets up the main sheet opening logic\n\t */\n\tprivate setupSheetOpeningLogic() {\n\t\tthis.bottomSheet\n\t\t\t.pipe(\n\t\t\t\tswitchMap(target =>\n\t\t\t\t\tforkJoin([\n\t\t\t\t\t\tfromEvent<SheetHereMortyEvent>(window, SheetHereMorty).pipe(\n\t\t\t\t\t\t\ttakeUntil(timer(100)),\n\t\t\t\t\t\t\tmap(e => e.detail.sheet),\n\t\t\t\t\t\t\tdefaultIfEmpty(undefined),\n\t\t\t\t\t\t),\n\t\t\t\t\t\tof(target).pipe(\n\t\t\t\t\t\t\ttap(() => {\n\t\t\t\t\t\t\t\twindow.dispatchEvent(\n\t\t\t\t\t\t\t\t\tnew CustomEvent(SheetWhereAreYouRicky, {\n\t\t\t\t\t\t\t\t\t\tdetail: { uid: target.uid ?? target.component.tagName },\n\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t),\n\t\t\t\t\t]),\n\t\t\t\t),\n\n\t\t\t\tmap(([sheet, target]) => {\n\t\t\t\t\tconsole.log(sheet, target)\n\t\t\t\t\tif (!sheet) {\n\t\t\t\t\t\t// if sheet is not found, create it\n\t\t\t\t\t\tsheet = document.createElement('schmancy-sheet')\n\t\t\t\t\t\tdocument.body.appendChild(sheet)\n\t\t\t\t\t}\n\t\t\t\t\tsheet.setAttribute('uid', target.uid ?? target.component.tagName)\n\n\t\t\t\t\ttarget.lock && sheet.setAttribute('lock', 'true')\n\n\t\t\t\t\t// Use the dynamic position function here\n\t\t\t\t\tconst position = target.position || getPosition()\n\t\t\t\t\tsheet.setAttribute('position', position)\n\n\t\t\t\t\ttarget.title && sheet.setAttribute('title', target.title)\n\t\t\t\t\ttarget.persist && sheet.setAttribute('persist', target.persist ?? false)\n\t\t\t\t\ttarget.header && sheet.setAttribute('header', target.header)\n\n\t\t\t\t\t// Handle history logic if the property exists\n\t\t\t\t\tif (target.handleHistory !== undefined) {\n\t\t\t\t\t\tsheet.setAttribute('handleHistory', String(target.handleHistory))\n\t\t\t\t\t}\n\n\t\t\t\t\tdocument.body.style.overflow = 'hidden' // lock the scroll of the host\n\t\t\t\t\treturn { target, sheet }\n\t\t\t\t}),\n\t\t\t\tdelay(20),\n\t\t\t\tfilter(({ target, sheet }) => {\n\t\t\t\t\t//  if the sheet has already the component, just show it\n\t\t\t\t\tif (\n\t\t\t\t\t\ttarget.persist &&\n\t\t\t\t\t\tsheet?.shadowRoot\n\t\t\t\t\t\t\t?.querySelector('slot')\n\t\t\t\t\t\t\t?.assignedElements()\n\t\t\t\t\t\t\t.find(e => e.tagName === target.component.tagName)\n\t\t\t\t\t) {\n\t\t\t\t\t\tsheet?.setAttribute('open', 'true')\n\t\t\t\t\t\treturn false\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn true // if the sheet does not have the component, continue to the next step\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\ttap(({ target, sheet }) => {\n\t\t\t\t\tsheet?.appendChild(target.component)\n\t\t\t\t}),\n\t\t\t\tdelay(1),\n\t\t\t\ttap(({ target, sheet }) => {\n\t\t\t\t\tsheet?.setAttribute('open', 'true')\n\n\t\t\t\t\t// Add to active sheets tracking\n\t\t\t\t\tconst uid = target.uid ?? target.component.tagName\n\t\t\t\t\tthis.activeSheets.add(uid)\n\n\t\t\t\t\t// Handle history integration - default to true if not specified\n\t\t\t\t\tconst shouldHandleHistory = target.handleHistory !== false\n\n\t\t\t\t\tif (shouldHandleHistory) {\n\t\t\t\t\t\t// Use history state to track this specific sheet\n\t\t\t\t\t\tconst historyState = {\n\t\t\t\t\t\t\tschmancySheet: true,\n\t\t\t\t\t\t\tuid: uid,\n\t\t\t\t\t\t\ttimestamp: Date.now(),\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// Push a new history state\n\t\t\t\t\t\thistory.pushState(historyState, '', window.location.href)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\ttap(({ sheet }) => {\n\t\t\t\t\tfromEvent<CustomEvent>(sheet, 'close')\n\t\t\t\t\t\t.pipe(take(1))\n\t\t\t\t\t\t.pipe(delay(300))\n\t\t\t\t\t\t.subscribe(e => {\n\t\t\t\t\t\t\tconst target = e.target as SchmancySheet\n\t\t\t\t\t\t\tconsole.log(target)\n\n\t\t\t\t\t\t\t// Remove from active sheets tracking\n\t\t\t\t\t\t\tconst uid = target.getAttribute('uid')\n\t\t\t\t\t\t\tif (uid) {\n\t\t\t\t\t\t\t\tthis.activeSheets.delete(uid)\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tif (!target?.persist) target?.remove()\n\t\t\t\t\t\t\tdocument.body.style.overflow = 'auto' // unlock the scroll of the host\n\t\t\t\t\t\t})\n\t\t\t\t}),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\t/**\n\t * Sets up the sheet closing/dismissal logic\n\t */\n\tprivate setupSheetDismissLogic() {\n\t\tthis.$dismiss\n\t\t\t.pipe(\n\t\t\t\tmergeMap(uid =>\n\t\t\t\t\tforkJoin([\n\t\t\t\t\t\tfromEvent<SheetHereMortyEvent>(window, SheetHereMorty).pipe(\n\t\t\t\t\t\t\ttakeUntil(timer(100)),\n\t\t\t\t\t\t\tmap(e => e.detail.sheet),\n\t\t\t\t\t\t\tdefaultIfEmpty(undefined),\n\t\t\t\t\t\t),\n\t\t\t\t\t\tof(uid).pipe(\n\t\t\t\t\t\t\ttap(() => {\n\t\t\t\t\t\t\t\twindow.dispatchEvent(new CustomEvent(SheetWhereAreYouRicky, { detail: { uid } }))\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t),\n\t\t\t\t\t]),\n\t\t\t\t),\n\t\t\t\ttap(([sheet, uid]) => {\n\t\t\t\t\tif (sheet) {\n\t\t\t\t\t\tsheet.closeSheet()\n\t\t\t\t\t\tthis.activeSheets.delete(uid)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\t/**\n\t * Sets up the popstate listener to handle browser back button\n\t */\n\tprivate setupPopStateListener() {\n\t\tif (this.popStateListenerActive) return\n\n\t\tfromEvent<PopStateEvent>(window, 'popstate').subscribe(event => {\n\t\t\t// If we have active sheets, close the most recently opened one\n\t\t\tif (this.activeSheets.size > 0) {\n\t\t\t\tconst lastSheet = Array.from(this.activeSheets).pop()\n\t\t\t\tif (lastSheet) {\n\t\t\t\t\tthis.dismiss(lastSheet)\n\n\t\t\t\t\t// Prevent default navigation behavior by pushing a new state\n\t\t\t\t\t// This effectively cancels out the back navigation\n\t\t\t\t\tif (event.state && event.state.schmancySheet) {\n\t\t\t\t\t\thistory.pushState({}, '', window.location.href)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t})\n\n\t\tthis.popStateListenerActive = true\n\t}\n\n\t/**\n\t * Dismiss a sheet by uid\n\t */\n\tdismiss(uid: string) {\n\t\tthis.$dismiss.next(uid)\n\t}\n\n\t/**\n\t * Open a sheet with the given target configuration\n\t */\n\topen(target: BottomSheeetTarget) {\n\t\tthis.bottomSheet.next(target)\n\t}\n\n\t/**\n\t * Check if a sheet is currently open by uid\n\t */\n\tisOpen(uid: string): boolean {\n\t\treturn this.activeSheets.has(uid)\n\t}\n\n\t/**\n\t * Close all open sheets\n\t */\n\tcloseAll() {\n\t\tArray.from(this.activeSheets).forEach(uid => {\n\t\t\tthis.dismiss(uid)\n\t\t})\n\t}\n}\nexport const sheet = new BottomSheetService()\n","import { $LitElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, property, query, queryAssignedElements } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\nimport { fromEvent, merge, of, take, takeUntil, tap } from 'rxjs'\nimport { on } from './hook'\nimport style from './sheet.scss?inline'\nimport {\n\tSchmancySheetPosition,\n\tSheetHereMorty,\n\tSheetWhereAreYouRicky,\n\tSheetWhereAreYouRickyEvent,\n\tsheet,\n} from './sheet.service'\n\n@customElement('schmancy-sheet')\nexport default class SchmancySheet extends $LitElement(style) {\n\t@property({ type: String, reflect: true }) uid!: string\n\t@property({ type: Boolean, reflect: true }) open = false\n\t@property({ type: String, reflect: true }) header: 'hidden' | 'visible' = 'visible'\n\t@property({ type: String, reflect: true }) position: SchmancySheetPosition = SchmancySheetPosition.Side\n\t@property({ type: Boolean, reflect: true }) persist = false\n\t@property({ type: Boolean, reflect: true }) lock = false\n\t@property({ type: Boolean, reflect: true }) handleHistory = true\n\t@property({ type: String, reflect: true }) title = ''\n\n\t@query('.sheet') private sheet!: HTMLElement\n\t@queryAssignedElements({ flatten: true }) private assignedElements!: HTMLElement[]\n\n\t@property() focusAttribute = 'autofocus'\n\tprivate lastFocusedElement: HTMLElement | null = null\n\n\t@on('open')\n\tonOpenChange(_oldValue: boolean, newValue: boolean) {\n\t\tif (newValue) {\n\t\t\tthis.lastFocusedElement = document.activeElement as HTMLElement\n\t\t\tthis.addFocusTrap()\n\t\t\tthis.focus()\n\t\t} else {\n\t\t\tthis.removeFocusTrap()\n\t\t\tthis.lastFocusedElement?.focus()\n\t\t\tthis.lastFocusedElement = null\n\t\t}\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.setupEventListeners()\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.disconnecting.next(true)\n\t}\n\n\tprivate setupEventListeners() {\n\t\t// Handle browser back button - only if handleHistory is true\n\t\tconst popState$ = this.handleHistory\n\t\t\t? fromEvent<PopStateEvent>(window, 'popstate').pipe(\n\t\t\t\t\ttap(e => {\n\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\tthis.closeSheet()\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t: of(null).pipe(take(0)) // Empty observable if handleHistory is false\n\n\t\t// Handle ESC key - respect allowOverlayDismiss\n\t\tconst keyUp$ = fromEvent<KeyboardEvent>(window, 'keyup').pipe(\n\t\t\ttap(event => {\n\t\t\t\t// Only handle ESC key dismissal if allowOverlayDismiss is true\n\t\t\t\tif (event.key === 'Escape' && !this.sheetContainsFocus() && !this.lock) {\n\t\t\t\t\tsheet.dismiss(this.uid)\n\t\t\t\t}\n\t\t\t}),\n\t\t)\n\n\t\t// Handle inter-component communication\n\t\tconst rickyComm$ = fromEvent<SheetWhereAreYouRickyEvent>(window, SheetWhereAreYouRicky).pipe(\n\t\t\ttap(e => {\n\t\t\t\tif (e.detail.uid === this.uid) this.announcePresence()\n\t\t\t}),\n\t\t)\n\n\t\tmerge(popState$, keyUp$, rickyComm$).pipe(takeUntil(this.disconnecting)).subscribe()\n\t}\n\n\tprivate sheetContainsFocus(): boolean {\n\t\treturn this.sheet?.contains(document.activeElement) ?? false\n\t}\n\n\tprivate announcePresence() {\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent(SheetHereMorty, {\n\t\t\t\tdetail: { sheet: this },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\tprivate addFocusTrap() {\n\t\tdocument.addEventListener('focusin', this.handleFocusIn)\n\t}\n\n\tprivate removeFocusTrap() {\n\t\tdocument.removeEventListener('focusin', this.handleFocusIn)\n\t}\n\n\tprivate handleFocusIn = (e: Event) => {\n\t\tif (!this.sheet?.contains(e.target as Node)) {\n\t\t\tthis.focus()\n\t\t}\n\t}\n\n\tsetIsSheetShown(isShown: boolean) {\n\t\tthis.sheet?.setAttribute('aria-hidden', String(!isShown))\n\t\tthis.sheet?.setAttribute('aria-modal', String(isShown))\n\t}\n\n\tcloseSheet() {\n\t\tthis.open = false\n\t\tthis.dispatchEvent(new CustomEvent('close'))\n\t}\n\n\tprivate getFocusElement(): HTMLElement | null {\n\t\tconst selector = `[${this.focusAttribute}]`\n\t\treturn (this.assignedElements.find(el => el.matches(selector) || el.querySelector(selector)) as HTMLElement) ?? null\n\t}\n\n\toverride focus() {\n\t\tthis.getFocusElement()?.focus()\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<div class=\"sheet\" role=\"dialog\" aria-labelledby=\"sheet-title\" aria-hidden=${!this.open} aria-modal=${this.open}>\n\t\t\t\t<div\n\t\t\t\t\tclass=\"overlay\"\n\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tif (!this.lock) sheet.dismiss(this.uid)\n\t\t\t\t\t}}\n\t\t\t\t></div>\n\t\t\t\t<schmancy-grid\n\t\t\t\t\trows=${this.header === 'hidden' ? '1fr' : 'auto 1fr'}\n\t\t\t\t\tclass=\"content w-full\"\n\t\t\t\t\tdata-position=${this.position}\n\t\t\t\t>\n\t\t\t\t\t${when(\n\t\t\t\t\t\tthis.header !== 'hidden',\n\t\t\t\t\t\t() =>\n\t\t\t\t\t\t\thtml`<schmancy-sheet-header\n\t\t\t\t\t\t\t\tclass=\"sticky top-0 z-50 w-full\"\n\t\t\t\t\t\t\t\t@dismiss=${(e: CustomEvent) => {\n\t\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\t\tsheet.dismiss(this.uid)\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tid=\"sheet-title\"\n\t\t\t\t\t\t\t\ttitle=${this.title}\n\t\t\t\t\t\t\t></schmancy-sheet-header>`,\n\t\t\t\t\t)}\n\n\t\t\t\t\t<schmancy-surface rounded=\"left\" fill=\"all\" id=\"body\" class=\"overflow-auto\" type=\"surface\">\n\t\t\t\t\t\t<schmancy-scroll> <slot></slot></schmancy-scroll>\n\t\t\t\t\t</schmancy-surface>\n\t\t\t\t</schmancy-grid>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-sheet': SchmancySheet\n\t}\n}\n","// @watch decorator\n//\n// Runs when an observed property changes, e.g. @property or @state, but before the component updates.\n//\n// To wait for an update to complete after a change occurs, use `await this.updateComplete` in the handler. To start\n// watching after the initial update/render, use `{ waitUntilFirstUpdate: true }` or `this.hasUpdated` in the handler.\n//\n// Usage:\n//\n//  @watch('propName')\n//  handlePropChange(oldValue, newValue) {\n//    ...\n//  }\n//\ninterface WatchOptions {\n\twaitUntilFirstUpdate?: boolean\n}\n\nexport function on(propName: string, options?: WatchOptions) {\n\treturn (protoOrDescriptor: any, name: string): any => {\n\t\tconst { willUpdate } = protoOrDescriptor\n\n\t\toptions = Object.assign({ waitUntilFirstUpdate: false }, options) as WatchOptions\n\n\t\tprotoOrDescriptor.willUpdate = function (changedProps: Map<string, any>) {\n\t\t\twillUpdate.call(this, changedProps)\n\n\t\t\tif (changedProps.has(propName)) {\n\t\t\t\tconst oldValue = changedProps.get(propName)\n\t\t\t\tconst newValue = this[propName]\n\n\t\t\t\tif (oldValue !== newValue) {\n\t\t\t\t\tif (!options?.waitUntilFirstUpdate || this.hasUpdated) {\n\t\t\t\t\t\tthis[name].call(this, oldValue, newValue)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n"],"names":["SchmancySheetHeader","TailwindElement","css","html","this","dispatchEvent","CustomEvent","bubbles","composed","customElement","SchmancySheetPosition","SheetWhereAreYouRicky","SheetHereMorty","sheet","bottomSheet","Subject","$dismiss","activeSheets","Set","popStateListenerActive","setupSheetOpeningLogic","setupSheetDismissLogic","setupPopStateListener","pipe","switchMap","forkJoin","fromEvent","window","takeUntil","timer","map","e","detail","defaultIfEmpty","of","target","tap","uid","component","tagName","document","createElement","body","appendChild","setAttribute","lock","position","innerWidth","title","persist","header","handleHistory","String","style","overflow","delay","filter","shadowRoot","querySelector","assignedElements","find","add","historyState","schmancySheet","timestamp","Date","now","history","pushState","location","href","take","subscribe","getAttribute","delete","remove","mergeMap","closeSheet","event","size","lastSheet","Array","from","pop","dismiss","state","next","has","forEach","SchmancySheet","$LitElement","super","arguments","open","Side","focusAttribute","lastFocusedElement","handleFocusIn","contains","focus","_oldValue","newValue","activeElement","addFocusTrap","removeFocusTrap","connectedCallback","setupEventListeners","disconnectedCallback","disconnecting","popState$","preventDefault","keyUp$","key","sheetContainsFocus","rickyComm$","announcePresence","merge","addEventListener","removeEventListener","isShown","getFocusElement","selector","el","matches","render","stopPropagation","when","propName","options","__decorateClass","property","type","reflect","prototype","Boolean","query","queryAssignedElements","flatten","protoOrDescriptor","name","willUpdate","Object","assign","waitUntilFirstUpdate","changedProps","call","oldValue","get","hasUpdated"],"mappings":"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"}
+{"version":3,"file":"sheet-BtaT1eui.cjs","sources":["../src/sheet/header.ts","../src/sheet/sheet.service.ts","../src/sheet/sheet.ts","../src/sheet/hook.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n@customElement('schmancy-sheet-header')\nexport default class SchmancySheetHeader extends TailwindElement(css``) {\n\trender() {\n\t\treturn html`\n\t\t\t<sch-flex class=\"absolute top-0 left-0 md:left-[unset] md:right-0\">\n\t\t\t\t<div class=\"block md:hidden flex-1 justify-start items-start\">\n\t\t\t\t\t<slot name=\"back\">\n\t\t\t\t\t\t<schmancy-button\n\t\t\t\t\t\t\t@click=${() => {\n\t\t\t\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\t\t\t\tnew CustomEvent('dismiss', {\n\t\t\t\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span class=\"text-[24px]\">&#8592; </span>\n\t\t\t\t\t\t</schmancy-button>\n\t\t\t\t\t</slot>\n\t\t\t\t</div>\n\n\t\t\t\t<div class=\"hidden md:block flex-1 justify-end items-end\">\n\t\t\t\t\t<slot name=\"actions\">\n\t\t\t\t\t\t<schmancy-icon-button\n\t\t\t\t\t\t\t@click=${() => {\n\t\t\t\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\t\t\t\tnew CustomEvent('dismiss', {\n\t\t\t\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tclose\n\t\t\t\t\t\t</schmancy-icon-button>\n\t\t\t\t\t</slot>\n\t\t\t\t</div>\n\t\t\t</sch-flex>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-sheet-header': SchmancySheetHeader\n\t}\n}\n","import {\n\tdefaultIfEmpty,\n\tdelay,\n\tfilter,\n\tforkJoin,\n\tfromEvent,\n\tmap,\n\tmergeMap,\n\tof,\n\tSubject,\n\tswitchMap,\n\ttake,\n\ttakeUntil,\n\ttap,\n\ttimer,\n} from 'rxjs'\nimport SchmancySheet from './sheet'\n\nexport enum SchmancySheetPosition {\n\tSide = 'side',\n\tBottom = 'bottom',\n\t/**\n\t *  @deprecated use bottom instead\n\t */\n\tBottomCenter = 'bottom-center',\n\t/**\n\t *  @deprecated use side instead\n\t */\n\tTopRight = 'top-right',\n\t/**\n\t *  @deprecated use side instead\n\t */\n\tBottomRight = 'bottom-right',\n}\n\ntype BottomSheeetTarget = {\n\tcomponent: HTMLElement\n\tuid?: string\n\tposition?: SchmancySheetPosition\n\tpersist?: boolean\n\tclose?: () => void\n\tlock?: boolean // Controls both ESC and overlay click dismissal\n\thandleHistory?: boolean // Controls browser back button behavior\n\ttitle?: string\n\theader?: 'hidden' | 'visible'\n}\n\n// Events for communication between bottom-sheet component and bottom-sheet.service\nexport type SheetWhereAreYouRickyEvent = CustomEvent<{\n\tuid: string\n}>\nexport const SheetWhereAreYouRicky = 'are-you-there-sheet'\n\nexport type SheetHereMortyEvent = CustomEvent<{\n\tsheet: SchmancySheet\n}>\nexport const SheetHereMorty = 'yes-here'\n\n// Function to determine the position based on screen size\nconst getPosition = (): SchmancySheetPosition => {\n\treturn window.innerWidth >= 768 ? SchmancySheetPosition.Side : SchmancySheetPosition.Bottom // Adjust 768 as needed for your breakpoint\n}\n\nclass BottomSheetService {\n\tbottomSheet = new Subject<BottomSheeetTarget>()\n\t$dismiss = new Subject<string>()\n\t// Track currently open sheets by uid\n\tprivate activeSheets = new Set<string>()\n\t// To track if we've set up the popstate listener\n\tprivate popStateListenerActive = false\n\n\tconstructor() {\n\t\tthis.setupSheetOpeningLogic()\n\t\tthis.setupSheetDismissLogic()\n\t\tthis.setupPopStateListener()\n\t}\n\n\t/**\n\t * Sets up the main sheet opening logic\n\t */\n\tprivate setupSheetOpeningLogic() {\n\t\tthis.bottomSheet\n\t\t\t.pipe(\n\t\t\t\tswitchMap(target =>\n\t\t\t\t\tforkJoin([\n\t\t\t\t\t\tfromEvent<SheetHereMortyEvent>(window, SheetHereMorty).pipe(\n\t\t\t\t\t\t\ttakeUntil(timer(100)),\n\t\t\t\t\t\t\tmap(e => e.detail.sheet),\n\t\t\t\t\t\t\tdefaultIfEmpty(undefined),\n\t\t\t\t\t\t),\n\t\t\t\t\t\tof(target).pipe(\n\t\t\t\t\t\t\ttap(() => {\n\t\t\t\t\t\t\t\twindow.dispatchEvent(\n\t\t\t\t\t\t\t\t\tnew CustomEvent(SheetWhereAreYouRicky, {\n\t\t\t\t\t\t\t\t\t\tdetail: { uid: target.uid ?? target.component.tagName },\n\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t),\n\t\t\t\t\t]),\n\t\t\t\t),\n\n\t\t\t\tmap(([sheet, target]) => {\n\t\t\t\t\tconsole.log(sheet, target)\n\t\t\t\t\tif (!sheet) {\n\t\t\t\t\t\t// if sheet is not found, create it\n\t\t\t\t\t\tsheet = document.createElement('schmancy-sheet')\n\t\t\t\t\t\tdocument.body.appendChild(sheet)\n\t\t\t\t\t}\n\t\t\t\t\tsheet.setAttribute('uid', target.uid ?? target.component.tagName)\n\n\t\t\t\t\ttarget.lock && sheet.setAttribute('lock', 'true')\n\n\t\t\t\t\t// Use the dynamic position function here\n\t\t\t\t\tconst position = target.position || getPosition()\n\t\t\t\t\tsheet.setAttribute('position', position)\n\n\t\t\t\t\ttarget.title && sheet.setAttribute('title', target.title)\n\t\t\t\t\ttarget.persist && sheet.setAttribute('persist', target.persist ?? false)\n\t\t\t\t\ttarget.header && sheet.setAttribute('header', target.header)\n\n\t\t\t\t\t// Handle history logic if the property exists\n\t\t\t\t\tif (target.handleHistory !== undefined) {\n\t\t\t\t\t\tsheet.setAttribute('handleHistory', String(target.handleHistory))\n\t\t\t\t\t}\n\n\t\t\t\t\tdocument.body.style.overflow = 'hidden' // lock the scroll of the host\n\t\t\t\t\treturn { target, sheet }\n\t\t\t\t}),\n\t\t\t\tdelay(20),\n\t\t\t\tfilter(({ target, sheet }) => {\n\t\t\t\t\t//  if the sheet has already the component, just show it\n\t\t\t\t\tif (\n\t\t\t\t\t\ttarget.persist &&\n\t\t\t\t\t\tsheet?.shadowRoot\n\t\t\t\t\t\t\t?.querySelector('slot')\n\t\t\t\t\t\t\t?.assignedElements()\n\t\t\t\t\t\t\t.find(e => e.tagName === target.component.tagName)\n\t\t\t\t\t) {\n\t\t\t\t\t\tsheet?.setAttribute('open', 'true')\n\t\t\t\t\t\treturn false\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn true // if the sheet does not have the component, continue to the next step\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\ttap(({ target, sheet }) => {\n\t\t\t\t\tsheet?.appendChild(target.component)\n\t\t\t\t}),\n\t\t\t\tdelay(1),\n\t\t\t\ttap(({ target, sheet }) => {\n\t\t\t\t\tsheet?.setAttribute('open', 'true')\n\n\t\t\t\t\t// Add to active sheets tracking\n\t\t\t\t\tconst uid = target.uid ?? target.component.tagName\n\t\t\t\t\tthis.activeSheets.add(uid)\n\n\t\t\t\t\t// Handle history integration - default to true if not specified\n\t\t\t\t\tconst shouldHandleHistory = target.handleHistory !== false\n\n\t\t\t\t\tif (shouldHandleHistory) {\n\t\t\t\t\t\t// Use history state to track this specific sheet\n\t\t\t\t\t\tconst historyState = {\n\t\t\t\t\t\t\tschmancySheet: true,\n\t\t\t\t\t\t\tuid: uid,\n\t\t\t\t\t\t\ttimestamp: Date.now(),\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// Push a new history state\n\t\t\t\t\t\thistory.pushState(historyState, '', window.location.href)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\ttap(({ sheet }) => {\n\t\t\t\t\tfromEvent<CustomEvent>(sheet, 'close')\n\t\t\t\t\t\t.pipe(take(1))\n\t\t\t\t\t\t.pipe(delay(300))\n\t\t\t\t\t\t.subscribe(e => {\n\t\t\t\t\t\t\tconst target = e.target as SchmancySheet\n\t\t\t\t\t\t\tconsole.log(target)\n\n\t\t\t\t\t\t\t// Remove from active sheets tracking\n\t\t\t\t\t\t\tconst uid = target.getAttribute('uid')\n\t\t\t\t\t\t\tif (uid) {\n\t\t\t\t\t\t\t\tthis.activeSheets.delete(uid)\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tif (!target?.persist) target?.remove()\n\t\t\t\t\t\t\tdocument.body.style.overflow = 'auto' // unlock the scroll of the host\n\t\t\t\t\t\t})\n\t\t\t\t}),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\t/**\n\t * Sets up the sheet closing/dismissal logic\n\t */\n\tprivate setupSheetDismissLogic() {\n\t\tthis.$dismiss\n\t\t\t.pipe(\n\t\t\t\tmergeMap(uid =>\n\t\t\t\t\tforkJoin([\n\t\t\t\t\t\tfromEvent<SheetHereMortyEvent>(window, SheetHereMorty).pipe(\n\t\t\t\t\t\t\ttakeUntil(timer(100)),\n\t\t\t\t\t\t\tmap(e => e.detail.sheet),\n\t\t\t\t\t\t\tdefaultIfEmpty(undefined),\n\t\t\t\t\t\t),\n\t\t\t\t\t\tof(uid).pipe(\n\t\t\t\t\t\t\ttap(() => {\n\t\t\t\t\t\t\t\twindow.dispatchEvent(new CustomEvent(SheetWhereAreYouRicky, { detail: { uid } }))\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t),\n\t\t\t\t\t]),\n\t\t\t\t),\n\t\t\t\ttap(([sheet, uid]) => {\n\t\t\t\t\tif (sheet) {\n\t\t\t\t\t\tsheet.closeSheet()\n\t\t\t\t\t\tthis.activeSheets.delete(uid)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\t/**\n\t * Sets up the popstate listener to handle browser back button\n\t */\n\tprivate setupPopStateListener() {\n\t\tif (this.popStateListenerActive) return\n\n\t\tfromEvent<PopStateEvent>(window, 'popstate').subscribe(event => {\n\t\t\t// If we have active sheets, close the most recently opened one\n\t\t\tif (this.activeSheets.size > 0) {\n\t\t\t\tconst lastSheet = Array.from(this.activeSheets).pop()\n\t\t\t\tif (lastSheet) {\n\t\t\t\t\tthis.dismiss(lastSheet)\n\n\t\t\t\t\t// Prevent default navigation behavior by pushing a new state\n\t\t\t\t\t// This effectively cancels out the back navigation\n\t\t\t\t\tif (event.state && event.state.schmancySheet) {\n\t\t\t\t\t\thistory.pushState({}, '', window.location.href)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t})\n\n\t\tthis.popStateListenerActive = true\n\t}\n\n\t/**\n\t * Dismiss a sheet by uid\n\t */\n\tdismiss(uid: string) {\n\t\tthis.$dismiss.next(uid)\n\t}\n\n\t/**\n\t * Open a sheet with the given target configuration\n\t */\n\topen(target: BottomSheeetTarget) {\n\t\tthis.bottomSheet.next(target)\n\t}\n\n\t/**\n\t * Check if a sheet is currently open by uid\n\t */\n\tisOpen(uid: string): boolean {\n\t\treturn this.activeSheets.has(uid)\n\t}\n\n\t/**\n\t * Close all open sheets\n\t */\n\tcloseAll() {\n\t\tArray.from(this.activeSheets).forEach(uid => {\n\t\t\tthis.dismiss(uid)\n\t\t})\n\t}\n}\nexport const sheet = new BottomSheetService()\n","import { $LitElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, property, query, queryAssignedElements } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\nimport { fromEvent, merge, of, take, takeUntil, tap } from 'rxjs'\nimport { on } from './hook'\nimport style from './sheet.scss?inline'\nimport {\n\tSchmancySheetPosition,\n\tSheetHereMorty,\n\tSheetWhereAreYouRicky,\n\tSheetWhereAreYouRickyEvent,\n\tsheet,\n} from './sheet.service'\n\n@customElement('schmancy-sheet')\nexport default class SchmancySheet extends $LitElement(style) {\n\t@property({ type: String, reflect: true }) uid!: string\n\t@property({ type: Boolean, reflect: true }) open = false\n\t@property({ type: String, reflect: true }) header: 'hidden' | 'visible' = 'visible'\n\t@property({ type: String, reflect: true }) position: SchmancySheetPosition = SchmancySheetPosition.Side\n\t@property({ type: Boolean, reflect: true }) persist = false\n\t@property({ type: Boolean, reflect: true }) lock = false\n\t@property({ type: Boolean, reflect: true }) handleHistory = true\n\t@property({ type: String, reflect: true }) title = ''\n\n\t@query('.sheet') private sheet!: HTMLElement\n\t@queryAssignedElements({ flatten: true }) private assignedElements!: HTMLElement[]\n\n\t@property() focusAttribute = 'autofocus'\n\tprivate lastFocusedElement: HTMLElement | null = null\n\n\t@on('open')\n\tonOpenChange(_oldValue: boolean, newValue: boolean) {\n\t\tif (newValue) {\n\t\t\tthis.lastFocusedElement = document.activeElement as HTMLElement\n\t\t\tthis.addFocusTrap()\n\t\t\tthis.focus()\n\t\t} else {\n\t\t\tthis.removeFocusTrap()\n\t\t\tthis.lastFocusedElement?.focus()\n\t\t\tthis.lastFocusedElement = null\n\t\t}\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.setupEventListeners()\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.disconnecting.next(true)\n\t}\n\n\tprivate setupEventListeners() {\n\t\t// Handle browser back button - only if handleHistory is true\n\t\tconst popState$ = this.handleHistory\n\t\t\t? fromEvent<PopStateEvent>(window, 'popstate').pipe(\n\t\t\t\t\ttap(e => {\n\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\tthis.closeSheet()\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t: of(null).pipe(take(0)) // Empty observable if handleHistory is false\n\n\t\t// Handle ESC key - respect allowOverlayDismiss\n\t\tconst keyUp$ = fromEvent<KeyboardEvent>(window, 'keyup').pipe(\n\t\t\ttap(event => {\n\t\t\t\t// Only handle ESC key dismissal if allowOverlayDismiss is true\n\t\t\t\tif (event.key === 'Escape' && !this.sheetContainsFocus() && !this.lock) {\n\t\t\t\t\tsheet.dismiss(this.uid)\n\t\t\t\t}\n\t\t\t}),\n\t\t)\n\n\t\t// Handle inter-component communication\n\t\tconst rickyComm$ = fromEvent<SheetWhereAreYouRickyEvent>(window, SheetWhereAreYouRicky).pipe(\n\t\t\ttap(e => {\n\t\t\t\tif (e.detail.uid === this.uid) this.announcePresence()\n\t\t\t}),\n\t\t)\n\n\t\tmerge(popState$, keyUp$, rickyComm$).pipe(takeUntil(this.disconnecting)).subscribe()\n\t}\n\n\tprivate sheetContainsFocus(): boolean {\n\t\treturn this.sheet?.contains(document.activeElement) ?? false\n\t}\n\n\tprivate announcePresence() {\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent(SheetHereMorty, {\n\t\t\t\tdetail: { sheet: this },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\tprivate addFocusTrap() {\n\t\tdocument.addEventListener('focusin', this.handleFocusIn)\n\t}\n\n\tprivate removeFocusTrap() {\n\t\tdocument.removeEventListener('focusin', this.handleFocusIn)\n\t}\n\n\tprivate handleFocusIn = (e: Event) => {\n\t\tif (!this.sheet?.contains(e.target as Node)) {\n\t\t\tthis.focus()\n\t\t}\n\t}\n\n\tsetIsSheetShown(isShown: boolean) {\n\t\tthis.sheet?.setAttribute('aria-hidden', String(!isShown))\n\t\tthis.sheet?.setAttribute('aria-modal', String(isShown))\n\t}\n\n\tcloseSheet() {\n\t\tthis.open = false\n\t\tthis.dispatchEvent(new CustomEvent('close'))\n\t}\n\n\tprivate getFocusElement(): HTMLElement | null {\n\t\tconst selector = `[${this.focusAttribute}]`\n\t\treturn (this.assignedElements.find(el => el.matches(selector) || el.querySelector(selector)) as HTMLElement) ?? null\n\t}\n\n\toverride focus() {\n\t\tthis.getFocusElement()?.focus()\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<div class=\"sheet\" role=\"dialog\" aria-labelledby=\"sheet-title\" aria-hidden=${!this.open} aria-modal=${this.open}>\n\t\t\t\t<div\n\t\t\t\t\tclass=\"overlay\"\n\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tif (!this.lock) sheet.dismiss(this.uid)\n\t\t\t\t\t}}\n\t\t\t\t></div>\n\t\t\t\t<schmancy-grid\n\t\t\t\t\trows=${this.header === 'hidden' ? '1fr' : 'auto 1fr'}\n\t\t\t\t\tclass=\"content w-full\"\n\t\t\t\t\tdata-position=${this.position}\n\t\t\t\t>\n\t\t\t\t\t${when(\n\t\t\t\t\t\tthis.header !== 'hidden',\n\t\t\t\t\t\t() =>\n\t\t\t\t\t\t\thtml`<schmancy-sheet-header\n\t\t\t\t\t\t\t\tclass=\"sticky top-0 z-50 w-full\"\n\t\t\t\t\t\t\t\t@dismiss=${(e: CustomEvent) => {\n\t\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\t\tsheet.dismiss(this.uid)\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tid=\"sheet-title\"\n\t\t\t\t\t\t\t\ttitle=${this.title}\n\t\t\t\t\t\t\t></schmancy-sheet-header>`,\n\t\t\t\t\t)}\n\n\t\t\t\t\t<schmancy-surface rounded=\"left\" fill=\"all\" id=\"body\" class=\"overflow-auto\" type=\"surface\">\n\t\t\t\t\t\t<schmancy-scroll> <slot></slot></schmancy-scroll>\n\t\t\t\t\t</schmancy-surface>\n\t\t\t\t</schmancy-grid>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-sheet': SchmancySheet\n\t}\n}\n","// @watch decorator\n//\n// Runs when an observed property changes, e.g. @property or @state, but before the component updates.\n//\n// To wait for an update to complete after a change occurs, use `await this.updateComplete` in the handler. To start\n// watching after the initial update/render, use `{ waitUntilFirstUpdate: true }` or `this.hasUpdated` in the handler.\n//\n// Usage:\n//\n//  @watch('propName')\n//  handlePropChange(oldValue, newValue) {\n//    ...\n//  }\n//\ninterface WatchOptions {\n\twaitUntilFirstUpdate?: boolean\n}\n\nexport function on(propName: string, options?: WatchOptions) {\n\treturn (protoOrDescriptor: any, name: string): any => {\n\t\tconst { willUpdate } = protoOrDescriptor\n\n\t\toptions = Object.assign({ waitUntilFirstUpdate: false }, options) as WatchOptions\n\n\t\tprotoOrDescriptor.willUpdate = function (changedProps: Map<string, any>) {\n\t\t\twillUpdate.call(this, changedProps)\n\n\t\t\tif (changedProps.has(propName)) {\n\t\t\t\tconst oldValue = changedProps.get(propName)\n\t\t\t\tconst newValue = this[propName]\n\n\t\t\t\tif (oldValue !== newValue) {\n\t\t\t\t\tif (!options?.waitUntilFirstUpdate || this.hasUpdated) {\n\t\t\t\t\t\tthis[name].call(this, oldValue, newValue)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n"],"names":["SchmancySheetHeader","TailwindElement","css","html","this","dispatchEvent","CustomEvent","bubbles","composed","customElement","SchmancySheetPosition","SheetWhereAreYouRicky","SheetHereMorty","sheet","bottomSheet","Subject","$dismiss","activeSheets","Set","popStateListenerActive","setupSheetOpeningLogic","setupSheetDismissLogic","setupPopStateListener","pipe","switchMap","forkJoin","fromEvent","window","takeUntil","timer","map","e","detail","defaultIfEmpty","of","target","tap","uid","component","tagName","document","createElement","body","appendChild","setAttribute","lock","position","innerWidth","title","persist","header","handleHistory","String","style","overflow","delay","filter","shadowRoot","querySelector","assignedElements","find","add","historyState","schmancySheet","timestamp","Date","now","history","pushState","location","href","take","subscribe","getAttribute","delete","remove","mergeMap","closeSheet","event","size","lastSheet","Array","from","pop","dismiss","state","next","has","forEach","SchmancySheet","$LitElement","super","arguments","open","Side","focusAttribute","lastFocusedElement","handleFocusIn","contains","focus","_oldValue","newValue","activeElement","addFocusTrap","removeFocusTrap","connectedCallback","setupEventListeners","disconnectedCallback","disconnecting","popState$","preventDefault","keyUp$","key","sheetContainsFocus","rickyComm$","announcePresence","merge","addEventListener","removeEventListener","isShown","getFocusElement","selector","el","matches","render","stopPropagation","when","propName","options","__decorateClass","property","type","reflect","prototype","Boolean","query","queryAssignedElements","flatten","protoOrDescriptor","name","willUpdate","Object","assign","waitUntilFirstUpdate","changedProps","call","oldValue","get","hasUpdated"],"mappings":"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"}

package/dist/{sheet-C2f1XwT3.js → sheet-Bvj7tapP.js}

@@ -1,10 +1,10 @@
 import { Subject as E, switchMap as O, forkJoin as x, fromEvent as p, of as b, takeUntil as f, timer as k, map as m, defaultIfEmpty as A, tap as c, delay as y, filter as P, take as F, mergeMap as j, merge as B } from "rxjs";
 import "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
-import { T as H } from "./tailwind.mixin-k9HTphsu.js";
+import { T as H } from "./tailwind.mixin-DPUboU_5.js";
 import { css as T, html as g } from "lit";
 import { customElement as $, property as h, query as U, queryAssignedElements as z } from "lit/decorators.js";
-import { $ as D } from "./litElement.mixin-BKgKxczr.js";
+import { $ as D } from "./litElement.mixin-1-y-wwQg.js";
 import { when as I } from "lit/directives/when.js";
 var N = Object.getOwnPropertyDescriptor;
 let C = class extends H(T``) {
@@ -209,4 +209,4 @@ export {
   S as b,
   v as s
 };
-//# sourceMappingURL=sheet-C2f1XwT3.js.map
+//# sourceMappingURL=sheet-Bvj7tapP.js.map