@mhmo91/schmancy 0.5.8 → 0.5.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/ai/button.md +2 -2
  2. package/dist/ai/button.md +2 -2
  3. package/dist/{avatar-BKg3oJmd.js → avatar-CWqrPcmt.js} +3 -3
  4. package/dist/{avatar-BKg3oJmd.js.map → avatar-CWqrPcmt.js.map} +1 -1
  5. package/dist/{avatar-9gmgozAt.cjs → avatar-DoxGzRgy.cjs} +2 -2
  6. package/dist/{avatar-9gmgozAt.cjs.map → avatar-DoxGzRgy.cjs.map} +1 -1
  7. package/dist/badge.cjs +1 -1
  8. package/dist/badge.js +1 -1
  9. package/dist/button.cjs +1 -1
  10. package/dist/button.js +1 -1
  11. package/dist/content-drawer.cjs +1 -1
  12. package/dist/content-drawer.js +1 -1
  13. package/dist/icon-button-BGp-CT3V.js +157 -0
  14. package/dist/icon-button-BGp-CT3V.js.map +1 -0
  15. package/dist/icon-button-BoKo-vxE.cjs +67 -0
  16. package/dist/icon-button-BoKo-vxE.cjs.map +1 -0
  17. package/dist/index.cjs +1 -1
  18. package/dist/index.js +3 -3
  19. package/dist/nav-drawer.cjs +1 -1
  20. package/dist/nav-drawer.js +1 -1
  21. package/dist/select-DcvpJkwX.js +280 -0
  22. package/dist/select-DcvpJkwX.js.map +1 -0
  23. package/dist/select-DzhUQc3r.cjs +57 -0
  24. package/dist/select-DzhUQc3r.cjs.map +1 -0
  25. package/dist/select.cjs +1 -1
  26. package/dist/select.js +1 -1
  27. package/dist/teleport.cjs +1 -1
  28. package/dist/teleport.js +1 -1
  29. package/package.json +1 -1
  30. package/types/src/button/button.d.ts +1 -1
  31. package/types/src/button/button.test.d.ts +1 -0
  32. package/types/src/select/select.d.ts +9 -2
  33. package/dist/icon-button-B2xz-N2x.js +0 -157
  34. package/dist/icon-button-B2xz-N2x.js.map +0 -1
  35. package/dist/icon-button-LN_b5Jfs.cjs +0 -67
  36. package/dist/icon-button-LN_b5Jfs.cjs.map +0 -1
  37. package/dist/select-CRX_Nk_f.js +0 -246
  38. package/dist/select-CRX_Nk_f.js.map +0 -1
  39. package/dist/select-DPa2FYdv.cjs +0 -57
  40. package/dist/select-DPa2FYdv.cjs.map +0 -1
@@ -1 +0,0 @@
1
- {"version":3,"file":"select-CRX_Nk_f.js","sources":["../src/select/select.ts"],"sourcesContent":["import { autoUpdate, computePosition, flip, offset, shift } from '@floating-ui/dom'\nimport { $LitElement } from '@mixins/index'\nimport { color } from '@schmancy/directives'\nimport SchmancyInput from '@schmancy/input/input'\nimport SchmancyOption from '@schmancy/option/option'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\nimport { css, html, PropertyValues, TemplateResult } from 'lit'\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { fromEvent, takeUntil } from 'rxjs'\n\nexport type SchmancySelectChangeEvent = CustomEvent<{\n\tvalue: string | string[]\n}>\n\n@customElement('schmancy-select')\nexport class SchmancySelect extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t}\n\n\t[role='listbox'] {\n\t\toverflow-y: auto;\n\t\toutline: none;\n\t}\n`) {\n\t// Form association setup\n\tstatic formAssociated = true\n\tprivate internals?: ElementInternals\n\n\t// API\n\t@property({ type: String }) name: string | undefined\n\t@property({ type: Boolean, reflect: true }) required = false\n\t@property({ type: Boolean, reflect: true }) disabled = false\n\t@property({ type: String }) placeholder = ''\n\t@property({ type: String, reflect: true }) value: string | string[] = '' // for single-select or multi-select\n\t@property({ type: Boolean }) multi = false\n\t@property({ type: String }) label = ''\n\t@property({ type: String }) hint = ''\n\t@property({ type: String }) validateOn: 'always' | 'touched' | 'dirty' | 'submitted' = 'touched'\n\t@property({ type: String }) size: 'sm' | 'md' | 'lg' = 'md'\n\n\t// Internal states\n\t@state() private isOpen = false\n\t@state() private valueLabel = ''\n\t@state() private isValid = true\n\t@property({ type: String }) validationMessage = ''\n\n\t// Store the initial/default value for reset behavior\n\t@state() private defaultValue: string | string[] = ''\n\n\t@query('ul') private ul!: HTMLUListElement\n\t@query('sch-input') private inputRef!: SchmancyInput\n\t@queryAssignedElements({ flatten: true }) private options!: SchmancyOption[]\n\tprivate cleanupPositioner?: () => void\n\t@state() _userInteracted = false\n\t@state() private _touched = false\n\t@state() private _dirty = false\n\t@state() private _submitted = false\n\n\t// Reference to current focused option (for keyboard navigation)\n\t@state() private _focusedOptionId = ''\n\n\t// Form event handlers\n\tprivate formSubmitHandler = () => {\n\t\tthis._submitted = true\n\t\tthis.checkValidity()\n\t}\n\n\tprivate formResetHandler = () => {\n\t\tthis.reset()\n\t}\n\n\tconstructor() {\n\t\tsuper()\n\t\t// Initialize ElementInternals for form association\n\t\ttry {\n\t\t\tthis.internals = this.attachInternals()\n\t\t} catch (e) {\n\t\t\tconsole.warn('FormAssociated elements not supported in this browser', e)\n\t\t}\n\t}\n\n\tget form() {\n\t\treturn this.internals?.form\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tif (!this.id) {\n\t\t\tthis.id = `schmancy-select-${Math.random().toString(36).substring(2, 9)}`\n\t\t}\n\n\t\t// Store initial value for reset\n\t\tthis.defaultValue = this.value\n\n\t\t// Add keyboard handling to host element\n\t\tfromEvent<KeyboardEvent>(this, 'keydown').pipe(takeUntil(this.disconnecting)).subscribe(this.handleKeyDown)\n\n\t\t// Listen for option-select events from child options\n\t\tfromEvent<CustomEvent>(this, 'option-select')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe((e) => {\n\t\t\t\te.stopPropagation() // Prevent event from bubbling further\n\t\t\t\tthis.handleOptionSelect(e.detail.value)\n\t\t\t})\n\n\t\t// Listen for form submission events to mark field as submitted\n\t\tif (this.internals?.form) {\n\t\t\tfromEvent(this.internals.form, 'submit')\n\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t.subscribe(this.formSubmitHandler)\n\n\t\t\t// Listen for form reset\n\t\t\tfromEvent(this.internals.form, 'reset')\n\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t.subscribe(this.formResetHandler)\n\t\t}\n\n\t\t// Initially hide any validation errors until user interacts\n\t\tif (this.inputRef) {\n\t\t\tthis.inputRef.error = false\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.cleanupPositioner?.()\n\t\t// Form event listeners are automatically cleaned up via takeUntil(this.disconnecting)\n\t}\n\n\tfirstUpdated() {\n\t\tthis.syncSelection()\n\t\tthis.setupOptionsAccessibility()\n\t}\n\n\tupdated(changedProps: PropertyValues) {\n\t\tsuper.updated(changedProps)\n\n\t\tif (changedProps.has('value')) {\n\t\t\t// Update form value when component value changes\n\t\t\tconst formValue = Array.isArray(this.value) ? this.value.join(',') : this.value\n\t\t\tthis.internals?.setFormValue(formValue)\n\n\t\t\t// Mark as dirty if value changes from initial value\n\t\t\tif (this.hasUpdated) {\n\t\t\t\tthis._dirty = true\n\t\t\t}\n\n\t\t\t// Update selection state of options\n\t\t\tthis.syncSelection()\n\n\t\t\t// Check validity based on validation strategy\n\t\t\tif (this.hasUpdated) {\n\t\t\t\tthis.checkValidity()\n\t\t\t}\n\t\t}\n\n\t\t// When open state changes, setup or cleanup the dropdown positioner\n\t\tif (changedProps.has('isOpen')) {\n\t\t\tif (this.isOpen) {\n\t\t\t\tthis.positionDropdown()\n\t\t\t} else {\n\t\t\t\tthis.cleanupPositioner?.()\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Determines if validation errors should be shown based on current state\n\t * and validation strategy\n\t */\n\tprivate shouldShowValidation(forceValidation = false): boolean {\n\t\tif (forceValidation) return true\n\n\t\tswitch (this.validateOn) {\n\t\t\tcase 'always':\n\t\t\t\treturn true\n\t\t\tcase 'touched':\n\t\t\t\treturn this._touched\n\t\t\tcase 'dirty':\n\t\t\t\treturn this._dirty\n\t\t\tcase 'submitted':\n\t\t\t\treturn this._submitted\n\t\t\tdefault:\n\t\t\t\treturn this._touched\n\t\t}\n\t}\n\n\tprivate syncSelection() {\n\t\tif (this.multi) {\n\t\t\tconst selectedValues = Array.isArray(this.value) ? this.value : this.value ? this.value.split(',') : []\n\t\t\tthis.options?.forEach(o => (o.selected = selectedValues.includes(o.value))) // Update option selected state\n\t\t\tthis.valueLabel =\n\t\t\t\tselectedValues.length > 0\n\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t?.filter(o => selectedValues.includes(o.value))\n\t\t\t\t\t\t\t.map(o => o.label)\n\t\t\t\t\t\t\t.join(', ') || this.placeholder\n\t\t\t\t\t: this.placeholder\n\t\t} else {\n\t\t\t// Single select - update option selected state AND value label\n\t\t\tconst currentValue = String(this.value) // Convert to string for safer comparison\n\t\t\tthis.options?.forEach(o => {\n\t\t\t\t// Set selected property on each option based on matching value\n\t\t\t\to.selected = o.value === currentValue\n\t\t\t})\n\t\t\tconst selectedOption = this.options?.find(o => o.value === currentValue)\n\t\t\tthis.valueLabel = selectedOption?.label || this.placeholder\n\t\t}\n\t}\n\n\tprivate setupOptionsAccessibility() {\n\t\tthis.options?.forEach((option, index) => {\n\t\t\toption.setAttribute('role', 'option')\n\t\t\tif (!option.id) {\n\t\t\t\toption.id = `${this.id}-option-${index}`\n\t\t\t}\n\n\t\t\t// Set tabindex to -1 so they're focusable programmatically but not in the tab order\n\t\t\toption.tabIndex = -1\n\t\t\tconst selectedValues = Array.isArray(this.value) ? this.value : this.value ? this.value.split(',') : []\n\n\t\t\toption.setAttribute(\n\t\t\t\t'aria-selected',\n\t\t\t\tString(this.multi ? selectedValues.includes(option.value) : option.value === this.value),\n\t\t\t)\n\t\t})\n\t}\n\n\tprivate async positionDropdown() {\n\t\tconst reference = this.renderRoot.querySelector('.trigger') as HTMLElement\n\t\tif (!reference || !this.ul) return\n\n\t\tthis.cleanupPositioner = autoUpdate(reference, this.ul, async () => {\n\t\t\t// Get viewport dimensions\n\t\t\tconst viewportHeight = window.innerHeight\n\t\t\tconst triggerRect = reference.getBoundingClientRect()\n\n\t\t\t// Calculate available space below and above\n\t\t\tconst spaceBelow = viewportHeight - triggerRect.bottom\n\t\t\tconst spaceAbove = triggerRect.top\n\n\t\t\t// Calculate max height - use 75% of the largest available space, but at least 150px\n\t\t\tconst maxHeight = Math.max(Math.max(spaceBelow, spaceAbove) * 0.75, 150)\n\n\t\t\t// Determine if we should flip\n\t\t\tconst shouldFlip = spaceBelow < 200 && spaceAbove > spaceBelow\n\n\t\t\t// Apply max height\n\t\t\tthis.ul.style.maxHeight = `${maxHeight}px`\n\n\t\t\tconst { x, y } = await computePosition(reference, this.ul, {\n\t\t\t\tplacement: shouldFlip ? 'top-start' : 'bottom-start',\n\t\t\t\tmiddleware: [offset(5), flip(), shift({ padding: 5 })],\n\t\t\t})\n\n\t\t\tObject.assign(this.ul.style, {\n\t\t\t\tleft: `${x}px`,\n\t\t\t\ttop: `${y}px`,\n\t\t\t\tposition: 'absolute',\n\t\t\t\twidth: `${reference.offsetWidth}px`, // Match the width of the trigger\n\t\t\t})\n\t\t})\n\t}\n\n\tprivate handleKeyDown = (e: KeyboardEvent) => {\n\t\t// Don't handle keyboard events when disabled\n\t\tif (this.disabled) {\n\t\t\treturn\n\t\t}\n\n\t\tif (!this.isOpen) {\n\t\t\tif (['Enter', ' ', 'ArrowDown'].includes(e.key)) {\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.openDropdown(false)\n\t\t\t}\n\t\t\treturn\n\t\t}\n\n\t\t// Find current focused option\n\t\tconst options = Array.from(this.options || [])\n\t\tconst current = options.findIndex(o => o.id === this._focusedOptionId) ?? -1\n\n\t\tswitch (e.key) {\n\t\t\tcase 'Escape':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.closeDropdown()\n\t\t\t\tbreak\n\t\t\tcase 'ArrowDown':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(options, Math.min(current + 1, options.length - 1))\n\t\t\t\tbreak\n\t\t\tcase 'ArrowUp':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(options, Math.max(current - 1, 0))\n\t\t\t\tbreak\n\t\t\tcase 'Home':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(options, 0)\n\t\t\t\tbreak\n\t\t\tcase 'End':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(options, options.length - 1)\n\t\t\t\tbreak\n\t\t\tcase 'Enter':\n\t\t\tcase ' ':\n\t\t\t\te.preventDefault()\n\t\t\t\tif (this._focusedOptionId) {\n\t\t\t\t\tconst focusedOption = options.find(opt => opt.id === this._focusedOptionId)\n\t\t\t\t\tif (focusedOption) {\n\t\t\t\t\t\tthis.handleOptionSelect(focusedOption.value)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tbreak\n\t\t\tcase 'Tab':\n\t\t\t\tthis.closeDropdown()\n\t\t\t\tbreak\n\t\t}\n\t}\n\n\tprivate focusOption(options: SchmancyOption[], index: number) {\n\t\tconst option = options[index]\n\t\tif (option) {\n\t\t\toption.focus()\n\t\t\tthis._focusedOptionId = option.id\n\n\t\t\t// Update aria-activedescendant on the combobox\n\t\t\tconst combobox = this.renderRoot.querySelector('.trigger')\n\t\t\tif (combobox) {\n\t\t\t\tcombobox.setAttribute('aria-activedescendant', option.id)\n\t\t\t}\n\n\t\t\t// Ensure option is visible in the scrollable area\n\t\t\tif (this.ul && option.offsetTop !== undefined) {\n\t\t\t\t// Get position info\n\t\t\t\tconst optionTop = option.offsetTop\n\t\t\t\tconst optionHeight = option.offsetHeight\n\t\t\t\tconst scrollTop = this.ul.scrollTop\n\t\t\t\tconst ulHeight = this.ul.clientHeight\n\n\t\t\t\t// Scroll into view if needed\n\t\t\t\tif (optionTop < scrollTop) {\n\t\t\t\t\tthis.ul.scrollTop = optionTop\n\t\t\t\t} else if (optionTop + optionHeight > scrollTop + ulHeight) {\n\t\t\t\t\tthis.ul.scrollTop = optionTop + optionHeight - ulHeight\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate async openDropdown(report = false) {\n\t\t// Don't open if disabled\n\t\tif (this.disabled) {\n\t\t\treturn\n\t\t}\n\n\t\t// Don't mark as touched on opening - we'll do that on closing\n\t\t// so errors only show after interaction is complete\n\n\t\t// Make sure options' selected state is in sync before opening\n\t\tthis.syncSelection()\n\n\t\tthis.isOpen = true\n\t\tawait this.updateComplete\n\n\t\t// Focus first or selected option\n\t\tconst options = Array.from(this.options || [])\n\t\tconst selectedIndex = this.multi ? 0 : options.findIndex(o => o.value === String(this.value))\n\n\t\tthis.focusOption(options, Math.max(selectedIndex, 0))\n\n\t\t// Don't automatically validate when opening\n\t\t// Only validate if explicitly requested (like from a form submission)\n\t\tif (report) this.reportValidity()\n\t}\n\n\tprivate closeDropdown() {\n\t\t// Only mark as touched if the user actually interacted with the component\n\t\t// and made a selection or explicitly closed it without selecting\n\t\tif (this._userInteracted) {\n\t\t\tthis._touched = true\n\t\t}\n\n\t\tthis.isOpen = false\n\t\tthis._focusedOptionId = ''\n\n\t\t// Update combobox to remove aria-activedescendant\n\t\tconst combobox = this.renderRoot.querySelector<HTMLElement>('.trigger')\n\t\tif (combobox) {\n\t\t\tcombobox.removeAttribute('aria-activedescendant')\n\t\t\tcombobox?.focus()\n\t\t}\n\n\t\t// Only check validity when closing if the user has actually interacted\n\t\t// with the component and validation should be shown\n\t\tif (this._userInteracted && this.shouldShowValidation()) {\n\t\t\tthis.checkValidity()\n\t\t}\n\t}\n\n\tprivate handleOptionSelect(value: string) {\n\t\tthis._userInteracted = true\n\t\tthis._touched = true\n\t\tthis._dirty = true\n\n\t\tif (this.multi) {\n\t\t\tconst option = this.options.find(o => o.value === value)\n\t\t\tif (!option) return\n\n\t\t\toption.selected = !option.selected\n\n\t\t\tlet selectedValues: string[]\n\t\t\tif (Array.isArray(this.value)) {\n\t\t\t\tselectedValues = [...this.value]\n\t\t\t} else {\n\t\t\t\tselectedValues = this.value ? this.value.split(',') : []\n\t\t\t}\n\n\t\t\tif (option.selected) {\n\t\t\t\t// Add value if not already present\n\t\t\t\tif (!selectedValues.includes(value)) {\n\t\t\t\t\tselectedValues.push(value)\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\t// Remove value\n\t\t\t\tselectedValues = selectedValues.filter(v => v !== value)\n\t\t\t}\n\n\t\t\tthis.value = selectedValues\n\n\t\t\t// Update display label\n\t\t\tthis.valueLabel =\n\t\t\t\tselectedValues.length > 0\n\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t.filter(o => selectedValues.includes(o.value))\n\t\t\t\t\t\t\t.map(o => o.label)\n\t\t\t\t\t\t\t.join(', ')\n\t\t\t\t\t: this.placeholder\n\t\t} else {\n\t\t\t// Single select - explicitly update all options' selection state\n\t\t\tthis.options.forEach(o => {\n\t\t\t\to.selected = o.value === value\n\t\t\t})\n\t\t\tthis.value = value\n\t\t\tthis.valueLabel = this.options.find(o => o.value === value)?.label || this.placeholder\n\t\t\tthis.closeDropdown()\n\t\t}\n\n\t\t// Update the option's accessibility state\n\t\tthis.setupOptionsAccessibility()\n\n\t\t// Dispatch change event\n\t\tthis.dispatchChange(this.value)\n\t}\n\n\tprivate dispatchChange(value: string | string[]) {\n\t\t// Dispatch only one change event with the value in detail\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent<SchmancySelectChangeEvent['detail']>('change', {\n\t\t\t\tdetail: { value },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\n\t\t// Then check validity (only show error if validation should be shown)\n\t\tthis.checkValidity()\n\t}\n\n\tpublic checkValidity(): boolean {\n\t\t// Disabled fields are always valid\n\t\tif (this.disabled) {\n\t\t\treturn true\n\t\t}\n\n\t\t// Determine if the select is empty based on whether it's multi-select or single-select\n\t\tconst isEmpty = this.multi ? (Array.isArray(this.value) ? this.value.length === 0 : !this.value) : !this.value\n\n\t\t// Check if the value is valid (not empty when required)\n\t\tconst isValid = !(this.required && isEmpty)\n\n\t\t// Set the validity state\n\t\tthis.isValid = isValid\n\n\t\tif (!this.isValid) {\n\t\t\tthis.validationMessage = 'Please select an option.'\n\t\t\tthis.internals?.setValidity({ valueMissing: true }, 'Please select an option.', this.inputRef)\n\t\t} else {\n\t\t\t// Clear validation message\n\t\t\tthis.validationMessage = ''\n\t\t\tthis.internals?.setValidity({})\n\t\t}\n\n\t\t// Update the input component to reflect our validation state\n\t\tif (this.inputRef && this.hasUpdated) {\n\t\t\tconst showError = !this.isValid && this.shouldShowValidation()\n\t\t\tthis.inputRef.error = showError\n\t\t\tthis.inputRef.hint = showError ? this.validationMessage : this.hint\n\t\t}\n\n\t\treturn this.isValid\n\t}\n\n\tpublic reportValidity(): boolean {\n\t\t// Force validation display regardless of validation strategy\n\t\tconst valid = this.checkValidity()\n\n\t\t// Force the input to show validation errors\n\t\tif (this.inputRef) {\n\t\t\t// Set the input's error state\n\t\t\tthis.inputRef.error = !valid\n\t\t\tthis.inputRef.hint = !valid ? this.validationMessage : this.hint\n\n\t\t\t// If invalid and not already open, automatically open the dropdown to show options\n\t\t\tif (!valid && !this.isOpen) {\n\t\t\t\t// Open the dropdown but don't mark as user interaction yet\n\t\t\t\t// This helps users immediately see available options when validation fails\n\t\t\t\tthis.openDropdown(false)\n\t\t\t}\n\n\t\t\t// Only call reportValidity on the input if invalid to show the native popup\n\t\t\tif (!valid) {\n\t\t\t\tthis.inputRef.reportValidity()\n\t\t\t}\n\t\t}\n\n\t\treturn valid\n\t}\n\n\tpublic setCustomValidity(message: string) {\n\t\tthis.validationMessage = message\n\t\tif (message) {\n\t\t\tthis.isValid = false\n\t\t\tthis.internals?.setValidity({ customError: true }, message, this.inputRef)\n\t\t} else {\n\t\t\tthis.isValid = true\n\t\t\tthis.internals?.setValidity({})\n\t\t}\n\n\t\t// Update input if needed\n\t\tif (this.inputRef && this.shouldShowValidation()) {\n\t\t\tthis.inputRef.error = !this.isValid\n\t\t\tthis.inputRef.hint = !this.isValid ? this.validationMessage : this.hint\n\t\t}\n\t}\n\n\tpublic reset() {\n\t\t// Reset to initial value\n\t\tthis.value = this.defaultValue\n\t\tthis.valueLabel = this.placeholder\n\t\tthis.isValid = true\n\t\tthis.validationMessage = ''\n\t\tthis._touched = false\n\t\tthis._dirty = false\n\t\tthis._submitted = false\n\t\tthis._userInteracted = false\n\t\tthis.internals?.setValidity({})\n\t\tthis.syncSelection() // Update the options to match the reset value\n\n\t\tif (this.inputRef) {\n\t\t\tthis.inputRef.error = false\n\t\t\tthis.inputRef.hint = this.hint\n\t\t}\n\t}\n\n\trender(): TemplateResult {\n\t\t// Determine if we should show errors based on the validation strategy and interaction\n\t\t// Never show errors on initial render or if the dropdown is open\n\t\tconst showErrors = !this.isValid && this.shouldShowValidation() && !this.isOpen\n\n\t\t// Add caret icon based on open state\n\t\tconst caretIcon = this.isOpen\n\t\t\t? html`<span class=\"absolute right-3 top-1/2 transform -translate-y-1/2\">▲</span>`\n\t\t\t: html`<span class=\"absolute right-3 top-1/2 transform -translate-y-1/2\">▼</span>`\n\n\t\treturn html`\n\t\t\t<div class=\"relative ${this.disabled ? 'opacity-60 cursor-not-allowed' : ''}\">\n\t\t\t\t<sch-input\n\t\t\t\t\t.name=${this.name}\n\t\t\t\t\ttabIndex=${this.disabled ? '-1' : '0'}\n\t\t\t\t\tclass=\"trigger\"\n\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\taria-haspopup=\"listbox\"\n\t\t\t\t\taria-expanded=${this.isOpen}\n\t\t\t\t\taria-controls=\"options\"\n\t\t\t\t\taria-autocomplete=\"none\"\n\t\t\t\t\taria-required=${this.required}\n\t\t\t\t\taria-activedescendant=${this._focusedOptionId || undefined}\n\t\t\t\t\taria-disabled=${this.disabled}\n\t\t\t\t\t.label=${this.label}\n\t\t\t\t\t.placeholder=${this.placeholder}\n\t\t\t\t\t.value=${this.valueLabel}\n\t\t\t\t\t.required=${this.required}\n\t\t\t\t\t.disabled=${this.disabled}\n\t\t\t\t\t.hint=${showErrors ? this.validationMessage : this.hint}\n\t\t\t\t\t.error=${showErrors}\n\t\t\t\t\t.validateOn=${this.validateOn}\n\t\t\t\t\t.size=${this.size}\n\t\t\t\t\treadonly\n\t\t\t\t\tclickable\n\t\t\t\t\t@click=${(e: MouseEvent) => {\n\t\t\t\t\t\t// Don't process clicks if disabled\n\t\t\t\t\t\tif (this.disabled) {\n\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\treturn\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// On first click, don't count this as user interaction yet\n\t\t\t\t\t\tif (!this.isOpen) {\n\t\t\t\t\t\t\t// Open without triggering validation - we'll validate when they close\n\t\t\t\t\t\t\tthis.openDropdown(false)\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t// Mark as interacted when they close the dropdown\n\t\t\t\t\t\t\tthis._userInteracted = true\n\t\t\t\t\t\t\tthis.closeDropdown()\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t${caretIcon}\n\t\t\t\t</sch-input>\n\n\t\t\t\t<!-- Overlay for capturing clicks outside when dropdown is open -->\n\t\t\t\t${this.isOpen\n\t\t\t\t\t? html` <div class=\"fixed inset-0 z-10\" @click=${this.closeDropdown} tabindex=\"-1\" aria-hidden=\"true\"></div> `\n\t\t\t\t\t: ''}\n\n\t\t\t\t<ul\n\t\t\t\t\tid=\"options\"\n\t\t\t\t\trole=\"listbox\"\n\t\t\t\t\taria-multiselectable=${this.multi}\n\t\t\t\t\tclass=${classMap({\n\t\t\t\t\t\t'absolute min-w-full w-full z-20 mt-1 rounded-md shadow-lg': true,\n\t\t\t\t\t\thidden: !this.isOpen,\n\t\t\t\t\t})}\n\t\t\t\t\t${color({\n\t\t\t\t\t\tbgColor: SchmancyTheme.sys.color.surface.low,\n\t\t\t\t\t\tcolor: SchmancyTheme.sys.color.surface.on,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<slot\n\t\t\t\t\t\t@slotchange=${() => {\n\t\t\t\t\t\t\tthis.syncSelection()\n\t\t\t\t\t\t\tthis.setupOptionsAccessibility()\n\t\t\t\t\t\t}}\n\t\t\t\t\t></slot>\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\n// Don't export 'select' here as it conflicts with the store's select decorator\n// export const select = SchmancySelect\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-select': SchmancySelect\n\t}\n}\n"],"names":["SchmancySelect","$LitElement","css","constructor","super","this","required","disabled","placeholder","value","multi","label","hint","validateOn","size","isOpen","valueLabel","isValid","validationMessage","defaultValue","_userInteracted","_touched","_dirty","_submitted","_focusedOptionId","formSubmitHandler","checkValidity","formResetHandler","reset","handleKeyDown","e","includes","key","preventDefault","openDropdown","options","Array","from","current","findIndex","o","id","closeDropdown","focusOption","Math","min","length","max","focusedOption","find","opt","handleOptionSelect","internals","attachInternals","form","connectedCallback","random","toString","substring","fromEvent","pipe","takeUntil","disconnecting","subscribe","stopPropagation","detail","inputRef","error","disconnectedCallback","cleanupPositioner","firstUpdated","syncSelection","setupOptionsAccessibility","changedProps","updated","has","formValue","isArray","join","setFormValue","hasUpdated","positionDropdown","forceValidation","selectedValues","split","forEach","selected","filter","map","currentValue","String","selectedOption","option","index","setAttribute","tabIndex","reference","renderRoot","querySelector","ul","autoUpdate","async","viewportHeight","window","innerHeight","triggerRect","getBoundingClientRect","spaceBelow","bottom","spaceAbove","top","maxHeight","shouldFlip","style","x","y","computePosition","placement","middleware","offset","flip","shift","padding","Object","assign","left","position","width","offsetWidth","focus","combobox","offsetTop","optionTop","optionHeight","offsetHeight","scrollTop","ulHeight","clientHeight","report","updateComplete","selectedIndex","reportValidity","removeAttribute","shouldShowValidation","push","v","dispatchChange","dispatchEvent","CustomEvent","bubbles","composed","isEmpty","setValidity","valueMissing","showError","valid","message","customError","render","showErrors","caretIcon","html","name","classMap","hidden","color","bgColor","SchmancyTheme","sys","surface","low","on","formAssociated","__decorateClass","property","type","prototype","Boolean","reflect","state","query","queryAssignedElements","flatten","customElement"],"mappings":"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"}
@@ -1,57 +0,0 @@
1
- "use strict";const c=require("@floating-ui/dom"),h=require("rxjs"),f=require("lit/directives/class-map.js");require("lit/directives/style-map.js");const a=require("lit/decorators.js");require("./tailwind.mixin-BvVlz7hG.cjs");const m=require("./litElement.mixin-B2K_bdpW.cjs"),v=require("./ripple-DqQrvaTe.cjs");require("lit/directives/guard.js");const u=require("./theme.interface-Xg5Zi46a.cjs"),d=require("lit");var b=Object.defineProperty,S=Object.getOwnPropertyDescriptor,o=(t,e,i,s)=>{for(var n,l=s>1?void 0:s?S(e,i):e,r=t.length-1;r>=0;r--)(n=t[r])&&(l=(s?n(e,i,l):n(l))||l);return s&&l&&b(e,i,l),l};exports.SchmancySelect=class extends m.$LitElement(d.css`
2
- :host {
3
- display: block;
4
- position: relative;
5
- }
6
-
7
- [role='listbox'] {
8
- overflow-y: auto;
9
- outline: none;
10
- }
11
- `){constructor(){super(),this.required=!1,this.disabled=!1,this.placeholder="",this.value="",this.multi=!1,this.label="",this.hint="",this.validateOn="touched",this.size="md",this.isOpen=!1,this.valueLabel="",this.isValid=!0,this.validationMessage="",this.defaultValue="",this._userInteracted=!1,this._touched=!1,this._dirty=!1,this._submitted=!1,this._focusedOptionId="",this.formSubmitHandler=()=>{this._submitted=!0,this.checkValidity()},this.formResetHandler=()=>{this.reset()},this.handleKeyDown=t=>{if(this.disabled)return;if(!this.isOpen)return void(["Enter"," ","ArrowDown"].includes(t.key)&&(t.preventDefault(),this.openDropdown(!1)));const e=Array.from(this.options||[]),i=e.findIndex(s=>s.id===this._focusedOptionId)??-1;switch(t.key){case"Escape":t.preventDefault(),this.closeDropdown();break;case"ArrowDown":t.preventDefault(),this.focusOption(e,Math.min(i+1,e.length-1));break;case"ArrowUp":t.preventDefault(),this.focusOption(e,Math.max(i-1,0));break;case"Home":t.preventDefault(),this.focusOption(e,0);break;case"End":t.preventDefault(),this.focusOption(e,e.length-1);break;case"Enter":case" ":if(t.preventDefault(),this._focusedOptionId){const s=e.find(n=>n.id===this._focusedOptionId);s&&this.handleOptionSelect(s.value)}break;case"Tab":this.closeDropdown()}};try{this.internals=this.attachInternals()}catch{}}get form(){return this.internals?.form}connectedCallback(){super.connectedCallback(),this.id||(this.id=`schmancy-select-${Math.random().toString(36).substring(2,9)}`),this.defaultValue=this.value,h.fromEvent(this,"keydown").pipe(h.takeUntil(this.disconnecting)).subscribe(this.handleKeyDown),h.fromEvent(this,"option-select").pipe(h.takeUntil(this.disconnecting)).subscribe(t=>{t.stopPropagation(),this.handleOptionSelect(t.detail.value)}),this.internals?.form&&(h.fromEvent(this.internals.form,"submit").pipe(h.takeUntil(this.disconnecting)).subscribe(this.formSubmitHandler),h.fromEvent(this.internals.form,"reset").pipe(h.takeUntil(this.disconnecting)).subscribe(this.formResetHandler)),this.inputRef&&(this.inputRef.error=!1)}disconnectedCallback(){super.disconnectedCallback(),this.cleanupPositioner?.()}firstUpdated(){this.syncSelection(),this.setupOptionsAccessibility()}updated(t){if(super.updated(t),t.has("value")){const e=Array.isArray(this.value)?this.value.join(","):this.value;this.internals?.setFormValue(e),this.hasUpdated&&(this._dirty=!0),this.syncSelection(),this.hasUpdated&&this.checkValidity()}t.has("isOpen")&&(this.isOpen?this.positionDropdown():this.cleanupPositioner?.())}shouldShowValidation(t=!1){if(t)return!0;switch(this.validateOn){case"always":return!0;case"touched":default:return this._touched;case"dirty":return this._dirty;case"submitted":return this._submitted}}syncSelection(){if(this.multi){const t=Array.isArray(this.value)?this.value:this.value?this.value.split(","):[];this.options?.forEach(e=>e.selected=t.includes(e.value)),this.valueLabel=t.length>0&&this.options?.filter(e=>t.includes(e.value)).map(e=>e.label).join(", ")||this.placeholder}else{const t=String(this.value);this.options?.forEach(i=>{i.selected=i.value===t});const e=this.options?.find(i=>i.value===t);this.valueLabel=e?.label||this.placeholder}}setupOptionsAccessibility(){this.options?.forEach((t,e)=>{t.setAttribute("role","option"),t.id||(t.id=`${this.id}-option-${e}`),t.tabIndex=-1;const i=Array.isArray(this.value)?this.value:this.value?this.value.split(","):[];t.setAttribute("aria-selected",String(this.multi?i.includes(t.value):t.value===this.value))})}async positionDropdown(){const t=this.renderRoot.querySelector(".trigger");t&&this.ul&&(this.cleanupPositioner=c.autoUpdate(t,this.ul,async()=>{const e=window.innerHeight,i=t.getBoundingClientRect(),s=e-i.bottom,n=i.top,l=Math.max(.75*Math.max(s,n),150),r=s<200&&n>s;this.ul.style.maxHeight=`${l}px`;const{x:p,y}=await c.computePosition(t,this.ul,{placement:r?"top-start":"bottom-start",middleware:[c.offset(5),c.flip(),c.shift({padding:5})]});Object.assign(this.ul.style,{left:`${p}px`,top:`${y}px`,position:"absolute",width:`${t.offsetWidth}px`})}))}focusOption(t,e){const i=t[e];if(i){i.focus(),this._focusedOptionId=i.id;const s=this.renderRoot.querySelector(".trigger");if(s&&s.setAttribute("aria-activedescendant",i.id),this.ul&&i.offsetTop!==void 0){const n=i.offsetTop,l=i.offsetHeight,r=this.ul.scrollTop,p=this.ul.clientHeight;n<r?this.ul.scrollTop=n:n+l>r+p&&(this.ul.scrollTop=n+l-p)}}}async openDropdown(t=!1){if(this.disabled)return;this.syncSelection(),this.isOpen=!0,await this.updateComplete;const e=Array.from(this.options||[]),i=this.multi?0:e.findIndex(s=>s.value===String(this.value));this.focusOption(e,Math.max(i,0)),t&&this.reportValidity()}closeDropdown(){this._userInteracted&&(this._touched=!0),this.isOpen=!1,this._focusedOptionId="";const t=this.renderRoot.querySelector(".trigger");t&&(t.removeAttribute("aria-activedescendant"),t?.focus()),this._userInteracted&&this.shouldShowValidation()&&this.checkValidity()}handleOptionSelect(t){if(this._userInteracted=!0,this._touched=!0,this._dirty=!0,this.multi){const e=this.options.find(s=>s.value===t);if(!e)return;let i;e.selected=!e.selected,i=Array.isArray(this.value)?[...this.value]:this.value?this.value.split(","):[],e.selected?i.includes(t)||i.push(t):i=i.filter(s=>s!==t),this.value=i,this.valueLabel=i.length>0?this.options.filter(s=>i.includes(s.value)).map(s=>s.label).join(", "):this.placeholder}else this.options.forEach(e=>{e.selected=e.value===t}),this.value=t,this.valueLabel=this.options.find(e=>e.value===t)?.label||this.placeholder,this.closeDropdown();this.setupOptionsAccessibility(),this.dispatchChange(this.value)}dispatchChange(t){this.dispatchEvent(new CustomEvent("change",{detail:{value:t},bubbles:!0,composed:!0})),this.checkValidity()}checkValidity(){if(this.disabled)return!0;const t=this.multi&&Array.isArray(this.value)?this.value.length===0:!this.value,e=!(this.required&&t);if(this.isValid=e,this.isValid?(this.validationMessage="",this.internals?.setValidity({})):(this.validationMessage="Please select an option.",this.internals?.setValidity({valueMissing:!0},"Please select an option.",this.inputRef)),this.inputRef&&this.hasUpdated){const i=!this.isValid&&this.shouldShowValidation();this.inputRef.error=i,this.inputRef.hint=i?this.validationMessage:this.hint}return this.isValid}reportValidity(){const t=this.checkValidity();return this.inputRef&&(this.inputRef.error=!t,this.inputRef.hint=t?this.hint:this.validationMessage,t||this.isOpen||this.openDropdown(!1),t||this.inputRef.reportValidity()),t}setCustomValidity(t){this.validationMessage=t,t?(this.isValid=!1,this.internals?.setValidity({customError:!0},t,this.inputRef)):(this.isValid=!0,this.internals?.setValidity({})),this.inputRef&&this.shouldShowValidation()&&(this.inputRef.error=!this.isValid,this.inputRef.hint=this.isValid?this.hint:this.validationMessage)}reset(){this.value=this.defaultValue,this.valueLabel=this.placeholder,this.isValid=!0,this.validationMessage="",this._touched=!1,this._dirty=!1,this._submitted=!1,this._userInteracted=!1,this.internals?.setValidity({}),this.syncSelection(),this.inputRef&&(this.inputRef.error=!1,this.inputRef.hint=this.hint)}render(){const t=!this.isValid&&this.shouldShowValidation()&&!this.isOpen,e=this.isOpen?d.html`<span class="absolute right-3 top-1/2 transform -translate-y-1/2">▲</span>`:d.html`<span class="absolute right-3 top-1/2 transform -translate-y-1/2">▼</span>`;return d.html`
12
- <div class="relative ${this.disabled?"opacity-60 cursor-not-allowed":""}">
13
- <sch-input
14
- .name=${this.name}
15
- tabIndex=${this.disabled?"-1":"0"}
16
- class="trigger"
17
- role="combobox"
18
- aria-haspopup="listbox"
19
- aria-expanded=${this.isOpen}
20
- aria-controls="options"
21
- aria-autocomplete="none"
22
- aria-required=${this.required}
23
- aria-activedescendant=${this._focusedOptionId||void 0}
24
- aria-disabled=${this.disabled}
25
- .label=${this.label}
26
- .placeholder=${this.placeholder}
27
- .value=${this.valueLabel}
28
- .required=${this.required}
29
- .disabled=${this.disabled}
30
- .hint=${t?this.validationMessage:this.hint}
31
- .error=${t}
32
- .validateOn=${this.validateOn}
33
- .size=${this.size}
34
- readonly
35
- clickable
36
- @click=${i=>{if(this.disabled)return i.preventDefault(),void i.stopPropagation();this.isOpen?(this._userInteracted=!0,this.closeDropdown()):this.openDropdown(!1)}}
37
- >
38
- ${e}
39
- </sch-input>
40
-
41
- <!-- Overlay for capturing clicks outside when dropdown is open -->
42
- ${this.isOpen?d.html` <div class="fixed inset-0 z-10" @click=${this.closeDropdown} tabindex="-1" aria-hidden="true"></div> `:""}
43
-
44
- <ul
45
- id="options"
46
- role="listbox"
47
- aria-multiselectable=${this.multi}
48
- class=${f.classMap({"absolute min-w-full w-full z-20 mt-1 rounded-md shadow-lg":!0,hidden:!this.isOpen})}
49
- ${v.color({bgColor:u.SchmancyTheme.sys.color.surface.low,color:u.SchmancyTheme.sys.color.surface.on})}
50
- >
51
- <slot
52
- @slotchange=${()=>{this.syncSelection(),this.setupOptionsAccessibility()}}
53
- ></slot>
54
- </ul>
55
- </div>
56
- `}},exports.SchmancySelect.formAssociated=!0,o([a.property({type:String})],exports.SchmancySelect.prototype,"name",2),o([a.property({type:Boolean,reflect:!0})],exports.SchmancySelect.prototype,"required",2),o([a.property({type:Boolean,reflect:!0})],exports.SchmancySelect.prototype,"disabled",2),o([a.property({type:String})],exports.SchmancySelect.prototype,"placeholder",2),o([a.property({type:String,reflect:!0})],exports.SchmancySelect.prototype,"value",2),o([a.property({type:Boolean})],exports.SchmancySelect.prototype,"multi",2),o([a.property({type:String})],exports.SchmancySelect.prototype,"label",2),o([a.property({type:String})],exports.SchmancySelect.prototype,"hint",2),o([a.property({type:String})],exports.SchmancySelect.prototype,"validateOn",2),o([a.property({type:String})],exports.SchmancySelect.prototype,"size",2),o([a.state()],exports.SchmancySelect.prototype,"isOpen",2),o([a.state()],exports.SchmancySelect.prototype,"valueLabel",2),o([a.state()],exports.SchmancySelect.prototype,"isValid",2),o([a.property({type:String})],exports.SchmancySelect.prototype,"validationMessage",2),o([a.state()],exports.SchmancySelect.prototype,"defaultValue",2),o([a.query("ul")],exports.SchmancySelect.prototype,"ul",2),o([a.query("sch-input")],exports.SchmancySelect.prototype,"inputRef",2),o([a.queryAssignedElements({flatten:!0})],exports.SchmancySelect.prototype,"options",2),o([a.state()],exports.SchmancySelect.prototype,"_userInteracted",2),o([a.state()],exports.SchmancySelect.prototype,"_touched",2),o([a.state()],exports.SchmancySelect.prototype,"_dirty",2),o([a.state()],exports.SchmancySelect.prototype,"_submitted",2),o([a.state()],exports.SchmancySelect.prototype,"_focusedOptionId",2),exports.SchmancySelect=o([a.customElement("schmancy-select")],exports.SchmancySelect);
57
- //# sourceMappingURL=select-DPa2FYdv.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"select-DPa2FYdv.cjs","sources":["../src/select/select.ts"],"sourcesContent":["import { autoUpdate, computePosition, flip, offset, shift } from '@floating-ui/dom'\nimport { $LitElement } from '@mixins/index'\nimport { color } from '@schmancy/directives'\nimport SchmancyInput from '@schmancy/input/input'\nimport SchmancyOption from '@schmancy/option/option'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\nimport { css, html, PropertyValues, TemplateResult } from 'lit'\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { fromEvent, takeUntil } from 'rxjs'\n\nexport type SchmancySelectChangeEvent = CustomEvent<{\n\tvalue: string | string[]\n}>\n\n@customElement('schmancy-select')\nexport class SchmancySelect extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t}\n\n\t[role='listbox'] {\n\t\toverflow-y: auto;\n\t\toutline: none;\n\t}\n`) {\n\t// Form association setup\n\tstatic formAssociated = true\n\tprivate internals?: ElementInternals\n\n\t// API\n\t@property({ type: String }) name: string | undefined\n\t@property({ type: Boolean, reflect: true }) required = false\n\t@property({ type: Boolean, reflect: true }) disabled = false\n\t@property({ type: String }) placeholder = ''\n\t@property({ type: String, reflect: true }) value: string | string[] = '' // for single-select or multi-select\n\t@property({ type: Boolean }) multi = false\n\t@property({ type: String }) label = ''\n\t@property({ type: String }) hint = ''\n\t@property({ type: String }) validateOn: 'always' | 'touched' | 'dirty' | 'submitted' = 'touched'\n\t@property({ type: String }) size: 'sm' | 'md' | 'lg' = 'md'\n\n\t// Internal states\n\t@state() private isOpen = false\n\t@state() private valueLabel = ''\n\t@state() private isValid = true\n\t@property({ type: String }) validationMessage = ''\n\n\t// Store the initial/default value for reset behavior\n\t@state() private defaultValue: string | string[] = ''\n\n\t@query('ul') private ul!: HTMLUListElement\n\t@query('sch-input') private inputRef!: SchmancyInput\n\t@queryAssignedElements({ flatten: true }) private options!: SchmancyOption[]\n\tprivate cleanupPositioner?: () => void\n\t@state() _userInteracted = false\n\t@state() private _touched = false\n\t@state() private _dirty = false\n\t@state() private _submitted = false\n\n\t// Reference to current focused option (for keyboard navigation)\n\t@state() private _focusedOptionId = ''\n\n\t// Form event handlers\n\tprivate formSubmitHandler = () => {\n\t\tthis._submitted = true\n\t\tthis.checkValidity()\n\t}\n\n\tprivate formResetHandler = () => {\n\t\tthis.reset()\n\t}\n\n\tconstructor() {\n\t\tsuper()\n\t\t// Initialize ElementInternals for form association\n\t\ttry {\n\t\t\tthis.internals = this.attachInternals()\n\t\t} catch (e) {\n\t\t\tconsole.warn('FormAssociated elements not supported in this browser', e)\n\t\t}\n\t}\n\n\tget form() {\n\t\treturn this.internals?.form\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tif (!this.id) {\n\t\t\tthis.id = `schmancy-select-${Math.random().toString(36).substring(2, 9)}`\n\t\t}\n\n\t\t// Store initial value for reset\n\t\tthis.defaultValue = this.value\n\n\t\t// Add keyboard handling to host element\n\t\tfromEvent<KeyboardEvent>(this, 'keydown').pipe(takeUntil(this.disconnecting)).subscribe(this.handleKeyDown)\n\n\t\t// Listen for option-select events from child options\n\t\tfromEvent<CustomEvent>(this, 'option-select')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe((e) => {\n\t\t\t\te.stopPropagation() // Prevent event from bubbling further\n\t\t\t\tthis.handleOptionSelect(e.detail.value)\n\t\t\t})\n\n\t\t// Listen for form submission events to mark field as submitted\n\t\tif (this.internals?.form) {\n\t\t\tfromEvent(this.internals.form, 'submit')\n\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t.subscribe(this.formSubmitHandler)\n\n\t\t\t// Listen for form reset\n\t\t\tfromEvent(this.internals.form, 'reset')\n\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t.subscribe(this.formResetHandler)\n\t\t}\n\n\t\t// Initially hide any validation errors until user interacts\n\t\tif (this.inputRef) {\n\t\t\tthis.inputRef.error = false\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.cleanupPositioner?.()\n\t\t// Form event listeners are automatically cleaned up via takeUntil(this.disconnecting)\n\t}\n\n\tfirstUpdated() {\n\t\tthis.syncSelection()\n\t\tthis.setupOptionsAccessibility()\n\t}\n\n\tupdated(changedProps: PropertyValues) {\n\t\tsuper.updated(changedProps)\n\n\t\tif (changedProps.has('value')) {\n\t\t\t// Update form value when component value changes\n\t\t\tconst formValue = Array.isArray(this.value) ? this.value.join(',') : this.value\n\t\t\tthis.internals?.setFormValue(formValue)\n\n\t\t\t// Mark as dirty if value changes from initial value\n\t\t\tif (this.hasUpdated) {\n\t\t\t\tthis._dirty = true\n\t\t\t}\n\n\t\t\t// Update selection state of options\n\t\t\tthis.syncSelection()\n\n\t\t\t// Check validity based on validation strategy\n\t\t\tif (this.hasUpdated) {\n\t\t\t\tthis.checkValidity()\n\t\t\t}\n\t\t}\n\n\t\t// When open state changes, setup or cleanup the dropdown positioner\n\t\tif (changedProps.has('isOpen')) {\n\t\t\tif (this.isOpen) {\n\t\t\t\tthis.positionDropdown()\n\t\t\t} else {\n\t\t\t\tthis.cleanupPositioner?.()\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Determines if validation errors should be shown based on current state\n\t * and validation strategy\n\t */\n\tprivate shouldShowValidation(forceValidation = false): boolean {\n\t\tif (forceValidation) return true\n\n\t\tswitch (this.validateOn) {\n\t\t\tcase 'always':\n\t\t\t\treturn true\n\t\t\tcase 'touched':\n\t\t\t\treturn this._touched\n\t\t\tcase 'dirty':\n\t\t\t\treturn this._dirty\n\t\t\tcase 'submitted':\n\t\t\t\treturn this._submitted\n\t\t\tdefault:\n\t\t\t\treturn this._touched\n\t\t}\n\t}\n\n\tprivate syncSelection() {\n\t\tif (this.multi) {\n\t\t\tconst selectedValues = Array.isArray(this.value) ? this.value : this.value ? this.value.split(',') : []\n\t\t\tthis.options?.forEach(o => (o.selected = selectedValues.includes(o.value))) // Update option selected state\n\t\t\tthis.valueLabel =\n\t\t\t\tselectedValues.length > 0\n\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t?.filter(o => selectedValues.includes(o.value))\n\t\t\t\t\t\t\t.map(o => o.label)\n\t\t\t\t\t\t\t.join(', ') || this.placeholder\n\t\t\t\t\t: this.placeholder\n\t\t} else {\n\t\t\t// Single select - update option selected state AND value label\n\t\t\tconst currentValue = String(this.value) // Convert to string for safer comparison\n\t\t\tthis.options?.forEach(o => {\n\t\t\t\t// Set selected property on each option based on matching value\n\t\t\t\to.selected = o.value === currentValue\n\t\t\t})\n\t\t\tconst selectedOption = this.options?.find(o => o.value === currentValue)\n\t\t\tthis.valueLabel = selectedOption?.label || this.placeholder\n\t\t}\n\t}\n\n\tprivate setupOptionsAccessibility() {\n\t\tthis.options?.forEach((option, index) => {\n\t\t\toption.setAttribute('role', 'option')\n\t\t\tif (!option.id) {\n\t\t\t\toption.id = `${this.id}-option-${index}`\n\t\t\t}\n\n\t\t\t// Set tabindex to -1 so they're focusable programmatically but not in the tab order\n\t\t\toption.tabIndex = -1\n\t\t\tconst selectedValues = Array.isArray(this.value) ? this.value : this.value ? this.value.split(',') : []\n\n\t\t\toption.setAttribute(\n\t\t\t\t'aria-selected',\n\t\t\t\tString(this.multi ? selectedValues.includes(option.value) : option.value === this.value),\n\t\t\t)\n\t\t})\n\t}\n\n\tprivate async positionDropdown() {\n\t\tconst reference = this.renderRoot.querySelector('.trigger') as HTMLElement\n\t\tif (!reference || !this.ul) return\n\n\t\tthis.cleanupPositioner = autoUpdate(reference, this.ul, async () => {\n\t\t\t// Get viewport dimensions\n\t\t\tconst viewportHeight = window.innerHeight\n\t\t\tconst triggerRect = reference.getBoundingClientRect()\n\n\t\t\t// Calculate available space below and above\n\t\t\tconst spaceBelow = viewportHeight - triggerRect.bottom\n\t\t\tconst spaceAbove = triggerRect.top\n\n\t\t\t// Calculate max height - use 75% of the largest available space, but at least 150px\n\t\t\tconst maxHeight = Math.max(Math.max(spaceBelow, spaceAbove) * 0.75, 150)\n\n\t\t\t// Determine if we should flip\n\t\t\tconst shouldFlip = spaceBelow < 200 && spaceAbove > spaceBelow\n\n\t\t\t// Apply max height\n\t\t\tthis.ul.style.maxHeight = `${maxHeight}px`\n\n\t\t\tconst { x, y } = await computePosition(reference, this.ul, {\n\t\t\t\tplacement: shouldFlip ? 'top-start' : 'bottom-start',\n\t\t\t\tmiddleware: [offset(5), flip(), shift({ padding: 5 })],\n\t\t\t})\n\n\t\t\tObject.assign(this.ul.style, {\n\t\t\t\tleft: `${x}px`,\n\t\t\t\ttop: `${y}px`,\n\t\t\t\tposition: 'absolute',\n\t\t\t\twidth: `${reference.offsetWidth}px`, // Match the width of the trigger\n\t\t\t})\n\t\t})\n\t}\n\n\tprivate handleKeyDown = (e: KeyboardEvent) => {\n\t\t// Don't handle keyboard events when disabled\n\t\tif (this.disabled) {\n\t\t\treturn\n\t\t}\n\n\t\tif (!this.isOpen) {\n\t\t\tif (['Enter', ' ', 'ArrowDown'].includes(e.key)) {\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.openDropdown(false)\n\t\t\t}\n\t\t\treturn\n\t\t}\n\n\t\t// Find current focused option\n\t\tconst options = Array.from(this.options || [])\n\t\tconst current = options.findIndex(o => o.id === this._focusedOptionId) ?? -1\n\n\t\tswitch (e.key) {\n\t\t\tcase 'Escape':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.closeDropdown()\n\t\t\t\tbreak\n\t\t\tcase 'ArrowDown':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(options, Math.min(current + 1, options.length - 1))\n\t\t\t\tbreak\n\t\t\tcase 'ArrowUp':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(options, Math.max(current - 1, 0))\n\t\t\t\tbreak\n\t\t\tcase 'Home':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(options, 0)\n\t\t\t\tbreak\n\t\t\tcase 'End':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(options, options.length - 1)\n\t\t\t\tbreak\n\t\t\tcase 'Enter':\n\t\t\tcase ' ':\n\t\t\t\te.preventDefault()\n\t\t\t\tif (this._focusedOptionId) {\n\t\t\t\t\tconst focusedOption = options.find(opt => opt.id === this._focusedOptionId)\n\t\t\t\t\tif (focusedOption) {\n\t\t\t\t\t\tthis.handleOptionSelect(focusedOption.value)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tbreak\n\t\t\tcase 'Tab':\n\t\t\t\tthis.closeDropdown()\n\t\t\t\tbreak\n\t\t}\n\t}\n\n\tprivate focusOption(options: SchmancyOption[], index: number) {\n\t\tconst option = options[index]\n\t\tif (option) {\n\t\t\toption.focus()\n\t\t\tthis._focusedOptionId = option.id\n\n\t\t\t// Update aria-activedescendant on the combobox\n\t\t\tconst combobox = this.renderRoot.querySelector('.trigger')\n\t\t\tif (combobox) {\n\t\t\t\tcombobox.setAttribute('aria-activedescendant', option.id)\n\t\t\t}\n\n\t\t\t// Ensure option is visible in the scrollable area\n\t\t\tif (this.ul && option.offsetTop !== undefined) {\n\t\t\t\t// Get position info\n\t\t\t\tconst optionTop = option.offsetTop\n\t\t\t\tconst optionHeight = option.offsetHeight\n\t\t\t\tconst scrollTop = this.ul.scrollTop\n\t\t\t\tconst ulHeight = this.ul.clientHeight\n\n\t\t\t\t// Scroll into view if needed\n\t\t\t\tif (optionTop < scrollTop) {\n\t\t\t\t\tthis.ul.scrollTop = optionTop\n\t\t\t\t} else if (optionTop + optionHeight > scrollTop + ulHeight) {\n\t\t\t\t\tthis.ul.scrollTop = optionTop + optionHeight - ulHeight\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate async openDropdown(report = false) {\n\t\t// Don't open if disabled\n\t\tif (this.disabled) {\n\t\t\treturn\n\t\t}\n\n\t\t// Don't mark as touched on opening - we'll do that on closing\n\t\t// so errors only show after interaction is complete\n\n\t\t// Make sure options' selected state is in sync before opening\n\t\tthis.syncSelection()\n\n\t\tthis.isOpen = true\n\t\tawait this.updateComplete\n\n\t\t// Focus first or selected option\n\t\tconst options = Array.from(this.options || [])\n\t\tconst selectedIndex = this.multi ? 0 : options.findIndex(o => o.value === String(this.value))\n\n\t\tthis.focusOption(options, Math.max(selectedIndex, 0))\n\n\t\t// Don't automatically validate when opening\n\t\t// Only validate if explicitly requested (like from a form submission)\n\t\tif (report) this.reportValidity()\n\t}\n\n\tprivate closeDropdown() {\n\t\t// Only mark as touched if the user actually interacted with the component\n\t\t// and made a selection or explicitly closed it without selecting\n\t\tif (this._userInteracted) {\n\t\t\tthis._touched = true\n\t\t}\n\n\t\tthis.isOpen = false\n\t\tthis._focusedOptionId = ''\n\n\t\t// Update combobox to remove aria-activedescendant\n\t\tconst combobox = this.renderRoot.querySelector<HTMLElement>('.trigger')\n\t\tif (combobox) {\n\t\t\tcombobox.removeAttribute('aria-activedescendant')\n\t\t\tcombobox?.focus()\n\t\t}\n\n\t\t// Only check validity when closing if the user has actually interacted\n\t\t// with the component and validation should be shown\n\t\tif (this._userInteracted && this.shouldShowValidation()) {\n\t\t\tthis.checkValidity()\n\t\t}\n\t}\n\n\tprivate handleOptionSelect(value: string) {\n\t\tthis._userInteracted = true\n\t\tthis._touched = true\n\t\tthis._dirty = true\n\n\t\tif (this.multi) {\n\t\t\tconst option = this.options.find(o => o.value === value)\n\t\t\tif (!option) return\n\n\t\t\toption.selected = !option.selected\n\n\t\t\tlet selectedValues: string[]\n\t\t\tif (Array.isArray(this.value)) {\n\t\t\t\tselectedValues = [...this.value]\n\t\t\t} else {\n\t\t\t\tselectedValues = this.value ? this.value.split(',') : []\n\t\t\t}\n\n\t\t\tif (option.selected) {\n\t\t\t\t// Add value if not already present\n\t\t\t\tif (!selectedValues.includes(value)) {\n\t\t\t\t\tselectedValues.push(value)\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\t// Remove value\n\t\t\t\tselectedValues = selectedValues.filter(v => v !== value)\n\t\t\t}\n\n\t\t\tthis.value = selectedValues\n\n\t\t\t// Update display label\n\t\t\tthis.valueLabel =\n\t\t\t\tselectedValues.length > 0\n\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t.filter(o => selectedValues.includes(o.value))\n\t\t\t\t\t\t\t.map(o => o.label)\n\t\t\t\t\t\t\t.join(', ')\n\t\t\t\t\t: this.placeholder\n\t\t} else {\n\t\t\t// Single select - explicitly update all options' selection state\n\t\t\tthis.options.forEach(o => {\n\t\t\t\to.selected = o.value === value\n\t\t\t})\n\t\t\tthis.value = value\n\t\t\tthis.valueLabel = this.options.find(o => o.value === value)?.label || this.placeholder\n\t\t\tthis.closeDropdown()\n\t\t}\n\n\t\t// Update the option's accessibility state\n\t\tthis.setupOptionsAccessibility()\n\n\t\t// Dispatch change event\n\t\tthis.dispatchChange(this.value)\n\t}\n\n\tprivate dispatchChange(value: string | string[]) {\n\t\t// Dispatch only one change event with the value in detail\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent<SchmancySelectChangeEvent['detail']>('change', {\n\t\t\t\tdetail: { value },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\n\t\t// Then check validity (only show error if validation should be shown)\n\t\tthis.checkValidity()\n\t}\n\n\tpublic checkValidity(): boolean {\n\t\t// Disabled fields are always valid\n\t\tif (this.disabled) {\n\t\t\treturn true\n\t\t}\n\n\t\t// Determine if the select is empty based on whether it's multi-select or single-select\n\t\tconst isEmpty = this.multi ? (Array.isArray(this.value) ? this.value.length === 0 : !this.value) : !this.value\n\n\t\t// Check if the value is valid (not empty when required)\n\t\tconst isValid = !(this.required && isEmpty)\n\n\t\t// Set the validity state\n\t\tthis.isValid = isValid\n\n\t\tif (!this.isValid) {\n\t\t\tthis.validationMessage = 'Please select an option.'\n\t\t\tthis.internals?.setValidity({ valueMissing: true }, 'Please select an option.', this.inputRef)\n\t\t} else {\n\t\t\t// Clear validation message\n\t\t\tthis.validationMessage = ''\n\t\t\tthis.internals?.setValidity({})\n\t\t}\n\n\t\t// Update the input component to reflect our validation state\n\t\tif (this.inputRef && this.hasUpdated) {\n\t\t\tconst showError = !this.isValid && this.shouldShowValidation()\n\t\t\tthis.inputRef.error = showError\n\t\t\tthis.inputRef.hint = showError ? this.validationMessage : this.hint\n\t\t}\n\n\t\treturn this.isValid\n\t}\n\n\tpublic reportValidity(): boolean {\n\t\t// Force validation display regardless of validation strategy\n\t\tconst valid = this.checkValidity()\n\n\t\t// Force the input to show validation errors\n\t\tif (this.inputRef) {\n\t\t\t// Set the input's error state\n\t\t\tthis.inputRef.error = !valid\n\t\t\tthis.inputRef.hint = !valid ? this.validationMessage : this.hint\n\n\t\t\t// If invalid and not already open, automatically open the dropdown to show options\n\t\t\tif (!valid && !this.isOpen) {\n\t\t\t\t// Open the dropdown but don't mark as user interaction yet\n\t\t\t\t// This helps users immediately see available options when validation fails\n\t\t\t\tthis.openDropdown(false)\n\t\t\t}\n\n\t\t\t// Only call reportValidity on the input if invalid to show the native popup\n\t\t\tif (!valid) {\n\t\t\t\tthis.inputRef.reportValidity()\n\t\t\t}\n\t\t}\n\n\t\treturn valid\n\t}\n\n\tpublic setCustomValidity(message: string) {\n\t\tthis.validationMessage = message\n\t\tif (message) {\n\t\t\tthis.isValid = false\n\t\t\tthis.internals?.setValidity({ customError: true }, message, this.inputRef)\n\t\t} else {\n\t\t\tthis.isValid = true\n\t\t\tthis.internals?.setValidity({})\n\t\t}\n\n\t\t// Update input if needed\n\t\tif (this.inputRef && this.shouldShowValidation()) {\n\t\t\tthis.inputRef.error = !this.isValid\n\t\t\tthis.inputRef.hint = !this.isValid ? this.validationMessage : this.hint\n\t\t}\n\t}\n\n\tpublic reset() {\n\t\t// Reset to initial value\n\t\tthis.value = this.defaultValue\n\t\tthis.valueLabel = this.placeholder\n\t\tthis.isValid = true\n\t\tthis.validationMessage = ''\n\t\tthis._touched = false\n\t\tthis._dirty = false\n\t\tthis._submitted = false\n\t\tthis._userInteracted = false\n\t\tthis.internals?.setValidity({})\n\t\tthis.syncSelection() // Update the options to match the reset value\n\n\t\tif (this.inputRef) {\n\t\t\tthis.inputRef.error = false\n\t\t\tthis.inputRef.hint = this.hint\n\t\t}\n\t}\n\n\trender(): TemplateResult {\n\t\t// Determine if we should show errors based on the validation strategy and interaction\n\t\t// Never show errors on initial render or if the dropdown is open\n\t\tconst showErrors = !this.isValid && this.shouldShowValidation() && !this.isOpen\n\n\t\t// Add caret icon based on open state\n\t\tconst caretIcon = this.isOpen\n\t\t\t? html`<span class=\"absolute right-3 top-1/2 transform -translate-y-1/2\">▲</span>`\n\t\t\t: html`<span class=\"absolute right-3 top-1/2 transform -translate-y-1/2\">▼</span>`\n\n\t\treturn html`\n\t\t\t<div class=\"relative ${this.disabled ? 'opacity-60 cursor-not-allowed' : ''}\">\n\t\t\t\t<sch-input\n\t\t\t\t\t.name=${this.name}\n\t\t\t\t\ttabIndex=${this.disabled ? '-1' : '0'}\n\t\t\t\t\tclass=\"trigger\"\n\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\taria-haspopup=\"listbox\"\n\t\t\t\t\taria-expanded=${this.isOpen}\n\t\t\t\t\taria-controls=\"options\"\n\t\t\t\t\taria-autocomplete=\"none\"\n\t\t\t\t\taria-required=${this.required}\n\t\t\t\t\taria-activedescendant=${this._focusedOptionId || undefined}\n\t\t\t\t\taria-disabled=${this.disabled}\n\t\t\t\t\t.label=${this.label}\n\t\t\t\t\t.placeholder=${this.placeholder}\n\t\t\t\t\t.value=${this.valueLabel}\n\t\t\t\t\t.required=${this.required}\n\t\t\t\t\t.disabled=${this.disabled}\n\t\t\t\t\t.hint=${showErrors ? this.validationMessage : this.hint}\n\t\t\t\t\t.error=${showErrors}\n\t\t\t\t\t.validateOn=${this.validateOn}\n\t\t\t\t\t.size=${this.size}\n\t\t\t\t\treadonly\n\t\t\t\t\tclickable\n\t\t\t\t\t@click=${(e: MouseEvent) => {\n\t\t\t\t\t\t// Don't process clicks if disabled\n\t\t\t\t\t\tif (this.disabled) {\n\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\treturn\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// On first click, don't count this as user interaction yet\n\t\t\t\t\t\tif (!this.isOpen) {\n\t\t\t\t\t\t\t// Open without triggering validation - we'll validate when they close\n\t\t\t\t\t\t\tthis.openDropdown(false)\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t// Mark as interacted when they close the dropdown\n\t\t\t\t\t\t\tthis._userInteracted = true\n\t\t\t\t\t\t\tthis.closeDropdown()\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t${caretIcon}\n\t\t\t\t</sch-input>\n\n\t\t\t\t<!-- Overlay for capturing clicks outside when dropdown is open -->\n\t\t\t\t${this.isOpen\n\t\t\t\t\t? html` <div class=\"fixed inset-0 z-10\" @click=${this.closeDropdown} tabindex=\"-1\" aria-hidden=\"true\"></div> `\n\t\t\t\t\t: ''}\n\n\t\t\t\t<ul\n\t\t\t\t\tid=\"options\"\n\t\t\t\t\trole=\"listbox\"\n\t\t\t\t\taria-multiselectable=${this.multi}\n\t\t\t\t\tclass=${classMap({\n\t\t\t\t\t\t'absolute min-w-full w-full z-20 mt-1 rounded-md shadow-lg': true,\n\t\t\t\t\t\thidden: !this.isOpen,\n\t\t\t\t\t})}\n\t\t\t\t\t${color({\n\t\t\t\t\t\tbgColor: SchmancyTheme.sys.color.surface.low,\n\t\t\t\t\t\tcolor: SchmancyTheme.sys.color.surface.on,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<slot\n\t\t\t\t\t\t@slotchange=${() => {\n\t\t\t\t\t\t\tthis.syncSelection()\n\t\t\t\t\t\t\tthis.setupOptionsAccessibility()\n\t\t\t\t\t\t}}\n\t\t\t\t\t></slot>\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\n// Don't export 'select' here as it conflicts with the store's select decorator\n// export const select = SchmancySelect\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-select': SchmancySelect\n\t}\n}\n"],"names":["SchmancySelect","$LitElement","css","constructor","super","this","required","disabled","placeholder","value","multi","label","hint","validateOn","size","isOpen","valueLabel","isValid","validationMessage","defaultValue","_userInteracted","_touched","_dirty","_submitted","_focusedOptionId","formSubmitHandler","checkValidity","formResetHandler","reset","handleKeyDown","e","includes","key","preventDefault","openDropdown","options","Array","from","current","findIndex","o","id","closeDropdown","focusOption","Math","min","length","max","focusedOption","find","opt","handleOptionSelect","internals","attachInternals","form","connectedCallback","random","toString","substring","fromEvent","pipe","takeUntil","disconnecting","subscribe","stopPropagation","detail","inputRef","error","disconnectedCallback","cleanupPositioner","firstUpdated","syncSelection","setupOptionsAccessibility","changedProps","updated","has","formValue","isArray","join","setFormValue","hasUpdated","positionDropdown","forceValidation","selectedValues","split","forEach","selected","filter","map","currentValue","String","selectedOption","option","index","setAttribute","tabIndex","reference","renderRoot","querySelector","ul","autoUpdate","async","viewportHeight","window","innerHeight","triggerRect","getBoundingClientRect","spaceBelow","bottom","spaceAbove","top","maxHeight","shouldFlip","style","x","y","computePosition","placement","middleware","offset","flip","shift","padding","Object","assign","left","position","width","offsetWidth","focus","combobox","offsetTop","optionTop","optionHeight","offsetHeight","scrollTop","ulHeight","clientHeight","report","updateComplete","selectedIndex","reportValidity","removeAttribute","shouldShowValidation","push","v","dispatchChange","dispatchEvent","CustomEvent","bubbles","composed","isEmpty","setValidity","valueMissing","showError","valid","message","customError","showErrors","caretIcon","html","name","classMap","hidden","color","bgColor","SchmancyTheme","sys","surface","low","on","formAssociated","__decorateClass","property","type","prototype","Boolean","reflect","state","query","queryAssignedElements","flatten","customElement"],"mappings":"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"}