npm - @mhmo91/schmancy - Versions diffs - 0.10.39 → 0.10.41 - Mend

@mhmo91/schmancy 0.10.39 → 0.10.41

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 (334) hide show

package/dist/{autocomplete-DWiEqlQf.js.map → autocomplete-DUBY9RtH.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"autocomplete-DWiEqlQf.js","names":[],"sources":["../src/form/fields/autocomplete/autocomplete.scss?inline","../src/form/fields/autocomplete/autocomplete.ts"],"sourcesContent":[":host {\n\tdisplay: block;\n\tborder: unset !important;\n\tline-height: unset !important;\n\tbackground: unset !important;\n\tpadding: unset !important;\n\tfont-size: unset !important;\n\tbox-shadow: unset !important;\n}\n\n:host:focus {\n\tbox-shadow: unset !important;\n}\n\n@keyframes onAutoFillStart {\n\tfrom {//}\n\tto {//}\n}\n\nsch-input::part(input):-webkit-autofill,\nsch-input input:-webkit-autofill {\n\tanimation-name: onAutoFillStart;\n\tanimation-duration: 1ms;\n}\n","import { SchmancyFormField } from '@mixins/index'\nimport { InputSize, SchmancyInput } from '@schmancy/input'\nimport SchmancyOption from '@schmancy/option/option'\nimport { html, nothing, unsafeCSS } from 'lit'\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport { repeat } from 'lit/directives/repeat.js'\nimport { when } from 'lit/directives/when.js'\nimport {\n BehaviorSubject,\n combineLatest,\n fromEvent,\n timer\n} from 'rxjs'\nimport {\n debounceTime,\n distinctUntilChanged,\n takeUntil,\n tap\n} from 'rxjs/operators'\nimport style from './autocomplete.scss?inline'\n\n// Import the similarity function (or include it inline)\nimport { similarity } from '../../../utils/search'\n// Import chip component for multi-select display\nimport '../../../chips/input-chip'\n\nexport type SchmancyAutocompleteChangeEvent = CustomEvent<{\n value: string \| string[]\n values?: string[]\n}>\n\ninterface FilteredOption {\n option: SchmancyOption\n score: number\n}\n\n/*\n Autocomplete input component with filtering and multi-select support.\n \n @prop {string} name - Name attribute for form submission\n * @prop {string} label - Label text displayed above the input\n * @prop {string} placeholder - Placeholder text for the input\n * @prop {boolean} required - Whether the field is required\n * @prop {boolean} multi - Enable multi-select mode\n * @prop {string} value - Selected value (single select mode)\n * @prop {string[]} values - Selected values (multi-select mode)\n /\n@customElement('schmancy-autocomplete')\nexport default class SchmancyAutocomplete extends SchmancyFormField(unsafeCSS(style)) {\n\n // `formAssociated`, `internals`, `attachInternals`, `name`, `label`,\n // `required`, `disabled`, `error`, `validationMessage`, `hint`, `id`,\n // `validateOn`, `touched/dirty/submitted`, `markTouched/markSubmitted`,\n // `setCustomValidity`, `formDisabledCallback`, FIELD_CONNECT_EVENT dispatch\n // — all from the mixin.\n\n /* Override mixin's resetForm with autocomplete-specific subject reset. /\n override resetForm(): void {\n if (this.multi) {\n this.selectedValues$.next([])\n } else {\n this.selectedValue$.next('')\n }\n this.inputValue = ''\n this.inputValue$.next('')\n super.resetForm()\n }\n\n // Track whether value/values have been explicitly set\n valueSet: boolean = false\n valuesSet: boolean = false\n\n // Autocomplete-specific properties only — `name`, `label`, `required`,\n // `error`, `validationMessage` come from the mixin.\n @property({ type: String }) placeholder = ''\n @property({ type: String }) maxHeight = '300px'\n @property({ type: Boolean }) multi = false\n @property({ type: String }) description = ''\n @property({ type: String, reflect: true }) size: InputSize = 'md'\n @property({ type: String }) autocomplete = 'off'\n @property({ type: Number }) debounceMs = 200\n @property({ type: Number }) similarityThreshold = 0.3 // Minimum similarity score to show option\n\n private readonly a11yId = `schmancy-autocomplete-${Math.random().toString(36).slice(2, 10)}`\n\n // Values property for multi-select mode\n @property({ type: Array })\n get values() {\n return [...this.selectedValues$.value]\n }\n set values(vals: string[]) {\n this.valuesSet = true\n this.selectedValues$.next(Array.isArray(vals) ? [...vals] : [])\n }\n\n // Value property — narrowed override of the mixin's wide value union.\n @property({ type: String, reflect: true })\n override get value(): string {\n return this.multi\n ? this.selectedValues$.value.join(',')\n : this.selectedValue$.value\n }\n override set value(val: string) {\n this.valueSet = true\n if (this.multi) {\n const newValues = val ? val.split(',').map(v => v.trim()).filter(Boolean) : []\n const currentValues = this.selectedValues$.value\n // Only update if values actually changed\n if (JSON.stringify(newValues) !== JSON.stringify(currentValues)) {\n this.selectedValues$.next(newValues)\n }\n } else {\n // Only update if value actually changed\n if (val !== this.selectedValue$.value) {\n this.selectedValue$.next(val)\n // Update the input display when value is set\n this.updateInputDisplay()\n }\n }\n }\n\n // State\n @state() private open = false\n @state() private inputValue = ''\n @state() private visibleOptionsCount = 0\n @state() private hasResults = true\n\n // DOM references\n @query('#options') listbox!: HTMLUListElement\n @query('sch-input') input!: SchmancyInput\n @queryAssignedElements({ flatten: true }) private options!: SchmancyOption[]\n private inputElementRef = createRef<HTMLInputElement>()\n\n // RxJS Subjects - only what we actually need\n private selectedValue$ = new BehaviorSubject<string>('')\n private selectedValues$ = new BehaviorSubject<string[]>([])\n private inputValue$ = new BehaviorSubject<string>('')\n\n override connectedCallback() {\n // FIELD_CONNECT_EVENT is dispatched by the mixin's connectedCallback.\n super.connectedCallback()\n this.setupAutocompleteLogic()\n this.setupDocumentClickHandler()\n }\n\n private setupAutocompleteLogic() {\n // Sync selection state\n combineLatest([\n this.selectedValue$,\n this.selectedValues$\n ]).pipe(\n tap(([selectedValue, selectedValues]) => {\n this.updateOptionSelection(selectedValue, selectedValues)\n // Keep ElementInternals form value in sync with selection (single and multi).\n const formValue = this.multi ? selectedValues.join(',') : selectedValue\n this.internals?.setFormValue(formValue \|\| null)\n if (this.required) {\n const missing = this.multi ? selectedValues.length === 0 : !selectedValue\n this.internals?.setValidity(\n missing ? { valueMissing: true } : {},\n missing ? this.validationMessage \|\| 'Please select an option.' : undefined,\n )\n }\n }),\n takeUntil(this.disconnecting)\n ).subscribe()\n\n // Filter options based on input\n this.inputValue$.pipe(\n distinctUntilChanged(),\n debounceTime(this.debounceMs),\n tap(searchTerm => {\n if (this.open) {\n this.filterOptions(searchTerm)\n }\n }),\n takeUntil(this.disconnecting)\n ).subscribe()\n }\n\n private setupOptionHandlers() {\n this.options.forEach((option, index) => {\n option.setAttribute('role', 'option')\n option.tabIndex = -1\n if (!option.id) {\n option.id = `${this.id}-option-${index}`\n }\n // Idempotent: slotchange may fire repeatedly for the same option nodes,\n // and addEventListener doesn't replace prior handlers like onfoo= did.\n if (option.dataset.schmancyAutocompleteHandlers === 'attached') return\n option.dataset.schmancyAutocompleteHandlers = 'attached'\n\n // Prevent blur handler from interfering with option selection\n fromEvent<MouseEvent>(option, 'mousedown')\n .pipe(takeUntil(this.disconnecting))\n .subscribe(e => e.preventDefault())\n\n // Handle the actual selection\n fromEvent<MouseEvent>(option, 'click')\n .pipe(takeUntil(this.disconnecting))\n .subscribe(e => {\n e.stopPropagation()\n this.selectOption(option)\n })\n })\n }\n\n private updateOptionSelection(selectedValue: string, selectedValues: string[]) {\n this.options.forEach(option => {\n option.selected = this.multi\n ? selectedValues.includes(option.value)\n : option.value === selectedValue\n option.setAttribute('aria-selected', String(option.selected))\n })\n }\n\n private filterOptions(searchTerm: string) {\n const term = searchTerm.trim()\n\n if (!term) {\n // Show all options if no search term\n this.options.forEach(option => {\n option.hidden = false\n option.style.order = '0'\n })\n this.visibleOptionsCount = this.options.length\n this.hasResults = true\n } else {\n // Calculate similarity scores for all options\n const scoredOptions: FilteredOption[] = this.options.map(option => {\n const optionLabel = option.label \|\| option.textContent \|\| ''\n const optionValue = option.value\n\n const labelScore = similarity(term, optionLabel)\n const valueScore = similarity(term, optionValue)\n const score = Math.max(labelScore 1.1, valueScore)\n\n return { option, score }\n })\n\n // Sort by score (highest first)\n scoredOptions.sort((a, b) => b.score - a.score)\n\n // Apply visibility and ordering\n let visibleCount = 0\n scoredOptions.forEach((item, index) => {\n const { option, score } = item\n\n if (score < this.similarityThreshold) {\n option.hidden = true\n } else {\n option.hidden = false\n visibleCount++\n option.style.order = String(index)\n }\n })\n\n this.visibleOptionsCount = visibleCount\n this.hasResults = visibleCount > 0\n }\n\n this.announceToScreenReader(\n this.visibleOptionsCount > 0\n ? `${this.visibleOptionsCount} option${this.visibleOptionsCount === 1 ? '' : 's'} available.`\n : 'No results found.'\n )\n }\n\n private openDropdown() {\n this.open = true\n // Reset filters based on current input value when dropdown opens\n this.filterOptions(this.inputValue)\n }\n\n private selectOption(option: SchmancyOption) {\n if (this.multi) {\n const currentValues = this.selectedValues$.value\n const index = currentValues.indexOf(option.value)\n const newValues = index > -1\n ? currentValues.filter(v => v !== option.value)\n : [...currentValues, option.value]\n\n this.selectedValues$.next(newValues)\n this.announceToScreenReader(\n newValues.length > 0\n ? `Selected: ${this.getSelectedLabels().join(', ')}`\n : 'No options selected'\n )\n this.fireChangeEvent()\n } else {\n // Update value first\n this.selectedValue$.next(option.value)\n\n // Close dropdown IMMEDIATELY to prevent blur handler from firing\n this.open = false\n\n // Now fire event with the NEW value\n this.fireChangeEvent()\n\n // Update UI\n this.inputValue = option.label \|\| option.textContent \|\| ''\n this.inputValue$.next(this.inputValue)\n\n this.announceToScreenReader(`Selected: ${option.label \|\| option.textContent}`)\n }\n }\n\n private setupDocumentClickHandler() {\n fromEvent<MouseEvent>(document, 'click')\n .pipe(takeUntil(this.disconnecting))\n .subscribe(e => {\n if (!this.open) return\n const path = e.composedPath()\n if (!path.includes(this) && !this.options.some(opt => path.includes(opt))) {\n this.open = false\n this.updateInputDisplay()\n }\n })\n }\n\n\n private updateInputDisplay() {\n // For multi-select, we don't update input display since chips show the selections\n if (this.multi) return\n\n const selectedValue = this.selectedValue$.value\n const option = this.options.find(opt => opt.value === selectedValue)\n this.inputValue = option ? option.label \|\| option.textContent \|\| '' : ''\n this.inputValue$.next(this.inputValue)\n\n if (this.inputElementRef.value) {\n this.inputElementRef.value.value = this.inputValue\n }\n }\n\n private getSelectedLabels(): string[] {\n return this.options\n .filter(option => \n this.multi \n ? this.selectedValues$.value.includes(option.value)\n : option.value === this.selectedValue$.value\n )\n .map(option => option.label \|\| option.textContent \|\| '')\n }\n\n private announceToScreenReader(message: string) {\n const liveRegion = this.shadowRoot?.querySelector('#live-status')\n if (liveRegion) {\n liveRegion.textContent = message\n }\n }\n\n private fireChangeEvent() {\n const detail: SchmancyAutocompleteChangeEvent['detail'] = {\n value: this.value,\n }\n\n if (this.multi) {\n detail.values = [...this.selectedValues$.value]\n }\n\n this.dispatchEvent(\n new CustomEvent<SchmancyAutocompleteChangeEvent['detail']>('change', {\n detail,\n bubbles: true,\n composed: true,\n })\n )\n }\n\n public checkValidity(): boolean {\n if (!this.required) return true\n return this.multi \n ? this.selectedValues$.value.length > 0 \n : Boolean(this.selectedValue$.value)\n }\n\n public reportValidity(): boolean {\n if (this.inputElementRef.value) {\n return this.inputElementRef.value.reportValidity()\n }\n return this.checkValidity()\n }\n\n firstUpdated() {\n this.setupOptionHandlers()\n\n // Sync initial value with display after options are available\n this.updateInputDisplay()\n\n // Update options when slot changes\n const slot = this.shadowRoot?.querySelector('slot')\n slot?.addEventListener('slotchange', () => {\n this.setupOptionHandlers()\n this.updateOptionSelection(this.selectedValue$.value, this.selectedValues$.value)\n })\n }\n\n private handleChipRemove(value: string) {\n const currentValues = this.selectedValues$.value\n const newValues = currentValues.filter(v => v !== value)\n this.selectedValues$.next(newValues)\n this.fireChangeEvent()\n this.announceToScreenReader(`Removed: ${this.getChipLabel(value)}`)\n }\n\n private getChipLabel(value: string): string {\n const option = this.options.find(opt => opt.value === value)\n return option ? option.label \|\| option.textContent \|\| value : value\n }\n\n private focusTextInput() {\n if (this.inputElementRef.value) {\n this.inputElementRef.value.focus()\n }\n }\n\n render() {\n const descriptionId = `${this.id}-desc`\n\n // Get size-based styling to match Schmancy input\n const getSizeStyles = () => {\n switch (this.size) {\n case 'sm':\n return {\n height: 'min-h-[40px]',\n padding: 'px-2',\n fontSize: 'text-sm', // 14px\n labelSize: 'text-sm'\n }\n case 'lg':\n return {\n height: 'min-h-[60px]',\n padding: 'px-5',\n fontSize: 'text-lg', // 18px\n labelSize: 'text-lg'\n }\n case 'md':\n default:\n return {\n height: 'min-h-[50px]',\n padding: 'px-4',\n fontSize: 'text-base', // 16px\n labelSize: 'text-base'\n }\n }\n }\n\n const { height, padding, fontSize, labelSize } = getSizeStyles()\n\n return html`\n <div class=\"relative\">\n <!-- Screen reader live region -->\n <div id=\"live-status\" role=\"status\" aria-live=\"polite\" class=\"sr-only\"></div>\n\n <!-- Description -->\n ${this.description ? html`<div id=\"${descriptionId}\" class=\"sr-only\">${this.description}</div>` : ''}\n\n <!-- Custom input wrapper for Gmail-style chip input -->\n <slot name=\"trigger\">\n ${when(this.multi,\n () => html`\n <!-- Custom multi-select input with inline chips -->\n <div class=\"relative\">\n ${when(this.label, () => html`\n <label class=\"${classMap({\n 'block mb-1 font-medium': true,\n 'text-primary-default': !this.error,\n 'text-error-default': this.error,\n [labelSize]: true\n })}\">\n ${this.label}${this.required ? html`<span class=\"text-error-default ml-1\"></span>` : ''}\n </label>\n `)}\n <div\n class=\"${classMap({\n 'flex flex-wrap items-center gap-1': true,\n [height]: true,\n [padding]: true,\n 'block w-full min-w-0 rounded-[8px] border-0': true,\n 'bg-surface-highest text-surface-on': true,\n 'ring-0 ring-inset focus-within:ring-1 focus-within:ring-inset': true,\n 'ring-secondary-default focus-within:ring-secondary-default': !this.error,\n 'ring-error-default focus-within:ring-error-default': this.error,\n 'cursor-text transition-colors duration-200': true\n })}\"\n @click=${() => this.focusTextInput()}\n role=\"combobox\"\n aria-autocomplete=\"list\"\n aria-haspopup=\"listbox\"\n aria-controls=\"options\"\n aria-expanded=${this.open}\n >\n <!-- Render chips inline -->\n ${repeat(\n this.selectedValues$.value,\n value => value,\n value => html`\n <schmancy-input-chip\n .value=${value}\n @remove=${(e: CustomEvent) => this.handleChipRemove(e.detail.value)}\n class=\"shrink-0 my-0.5\"\n >\n ${this.getChipLabel(value)}\n </schmancy-input-chip>\n `\n )}\n\n <!-- Text input for typing -->\n <input\n ${ref(this.inputElementRef)}\n id=\"autocomplete-input\"\n type=\"text\"\n class=\"flex-1 min-w-[120px] py-1 bg-transparent border-none outline-none ${fontSize} font-medium text-surface-on placeholder:text-muted\"\n name=${this.name \|\| this.label?.toLowerCase().replace(/\\s+/g, '-') \|\| ''}\n .placeholder=${this.selectedValues$.value.length > 0 ? 'Add more...' : this.placeholder}\n .value=${this.inputValue}\n .autocomplete=${this.autocomplete}\n aria-invalid=${this.error ? 'true' : 'false'}\n aria-required=${this.required ? 'true' : 'false'}\n aria-describedby=${this.error && this.validationMessage ? `${this.a11yId}-err` : nothing}\n aria-label=${!this.label && this.placeholder ? this.placeholder : nothing}\n @input=${(e: Event) => {\n const value = (e.target as HTMLInputElement).value\n this.inputValue = value\n this.inputValue$.next(value)\n }}\n @focus=${(e: FocusEvent) => {\n e.stopPropagation()\n // Clear input on focus for new searches\n this.inputValue = ''\n this.inputValue$.next('')\n this.openDropdown()\n }}\n @keydown=${(e: KeyboardEvent) => {\n this.handleKeyDown(e)\n }}\n @blur=${() => {\n this.handleAutoSelectOnBlur()\n }}\n />\n </div>\n\n <!-- Validation message -->\n ${when(this.error && this.validationMessage, () => html`\n <div id=\"${this.a11yId}-err\" class=\"mt-1 text-sm text-error-default\" role=\"alert\">\n ${this.validationMessage}\n </div>\n `)}\n </div>\n `,\n () => html`\n <!-- Regular single-select input -->\n <schmancy-input\n .size=${this.size}\n ${ref(this.inputElementRef)}\n id=\"autocomplete-input\"\n class=\"w-full\"\n .name=${this.name \|\| this.label?.toLowerCase().replace(/\\s+/g, '-') \|\| ''}\n .label=${this.label}\n .placeholder=${this.placeholder}\n .required=${this.required}\n .value=${this.inputValue}\n type=\"text\"\n autocomplete=${this.autocomplete}\n clickable\n role=\"combobox\"\n aria-autocomplete=\"list\"\n aria-haspopup=\"listbox\"\n aria-controls=\"options\"\n aria-expanded=${this.open}\n aria-describedby=${ifDefined(this.description ? descriptionId : undefined)}\n @input=${(e: Event) => {\n const value = (e.target as HTMLInputElement).value\n this.inputValue = value\n this.inputValue$.next(value)\n }}\n @focus=${(e: FocusEvent) => {\n e.stopPropagation()\n this.openDropdown()\n }}\n @click=${(e: MouseEvent) => {\n e.stopPropagation()\n this.openDropdown()\n }}\n @keydown=${(e: KeyboardEvent) => {\n this.handleKeyDown(e)\n }}\n @blur=${() => {\n this.handleAutoSelectOnBlur()\n }}\n >\n </schmancy-input>\n `\n )}\n </slot>\n\n <!-- Options dropdown -->\n <ul\n id=\"options\"\n class=${classMap({\n 'absolute': true,\n 'z-[1000]': true,\n 'mt-1': true,\n 'w-full': true,\n 'rounded-md': true,\n 'shadow-md': true,\n 'overflow-auto': true,\n 'min-w-full': true,\n 'bg-surface-low': true,\n 'flex': true,\n 'flex-col': true, // Enable flexbox for ordering\n })}\n role=\"listbox\"\n aria-multiselectable=${this.multi ? 'true' : 'false'}\n aria-label=${`${this.label \|\| 'Options'} dropdown`}\n ?hidden=${!this.open}\n style=\"max-height: ${this.maxHeight}; display: ${this.open ? 'flex' : 'none'};\"\n @slotchange=${() => {\n this.setupOptionHandlers()\n }}\n >\n <slot></slot>\n ${!this.hasResults ? html`\n <li class=\"px-3 py-2 text-sm text-muted\">No results found</li>\n ` : ''}\n </ul>\n </div>\n `\n }\n\n private handleAutoSelectOnBlur() {\n // Only auto-select in single-select mode and when dropdown is open with a search term\n if (this.multi \|\| !this.open \|\| !this.inputValue.trim()) {\n return\n }\n \n const searchTerm = this.inputValue.trim()\n \n // Find the best matching option using the same similarity logic as filtering\n let bestMatch: SchmancyOption \| null = null\n let bestScore = 0\n \n this.options.forEach(option => {\n // Skip hidden options\n if (option.hidden) return\n \n // Get text to search in (prioritize label, then textContent, then value)\n const optionLabel = option.label \|\| option.textContent \|\| ''\n const optionValue = option.value\n \n // Calculate similarity scores for both label and value\n const labelScore = similarity(searchTerm, optionLabel)\n const valueScore = similarity(searchTerm, optionValue)\n \n // Use the higher score (prioritizing label matches)\n const score = Math.max(labelScore 1.1, valueScore) // Slight boost for label matches\n \n // Keep track of best match that meets threshold\n if (score > bestScore && score >= this.similarityThreshold) {\n bestScore = score\n bestMatch = option\n }\n })\n \n // Auto-select the best match if found\n if (bestMatch) {\n // Silently update the selected value without firing change event\n this.selectedValue$.next(bestMatch.value)\n this.inputValue = bestMatch.label \|\| bestMatch.textContent \|\| ''\n this.inputValue$.next(this.inputValue)\n this.open = false\n }\n }\n\n private handleKeyDown(event: KeyboardEvent) {\n const isOpen = this.open\n const selectedValues = this.selectedValues$.value\n\n // Handle backspace to remove last chip in multi-select when input is empty\n if (this.multi && event.key === 'Backspace' && !this.inputValue && selectedValues.length > 0 && !isOpen) {\n event.preventDefault()\n const lastValue = selectedValues[selectedValues.length - 1]\n this.handleChipRemove(lastValue)\n return\n }\n\n if (!isOpen && (event.key === 'ArrowDown' \|\| event.key === 'Enter')) {\n event.preventDefault()\n this.openDropdown()\n\n timer(10)\n .pipe(takeUntil(this.disconnecting))\n .subscribe(() => {\n const firstVisible = this.options.find(opt => !opt.hidden)\n firstVisible?.focus()\n })\n return\n }\n\n if (!isOpen) return\n\n const visibleOptions = this.options.filter(opt => !opt.hidden)\n .toSorted((a, b) => parseInt(a.style.order \|\| '0') - parseInt(b.style.order \|\| '0'))\n\n const focusedOption = visibleOptions.find(opt => opt === document.activeElement)\n const currentIndex = focusedOption ? visibleOptions.indexOf(focusedOption) : -1\n\n switch (event.key) {\n case 'Escape':\n event.preventDefault()\n this.open = false\n this.updateInputDisplay()\n this.inputElementRef.value?.focus()\n break\n\n case 'Tab':\n this.open = false\n this.updateInputDisplay()\n break\n\n case 'ArrowDown':\n event.preventDefault()\n const nextIndex = currentIndex < visibleOptions.length - 1 ? currentIndex + 1 : 0\n visibleOptions[nextIndex]?.focus()\n break\n\n case 'ArrowUp':\n event.preventDefault()\n const prevIndex = currentIndex > 0 ? currentIndex - 1 : visibleOptions.length - 1\n visibleOptions[prevIndex]?.focus()\n break\n\n case 'Home':\n event.preventDefault()\n visibleOptions[0]?.focus()\n break\n\n case 'End':\n event.preventDefault()\n visibleOptions[visibleOptions.length - 1]?.focus()\n break\n\n case 'Enter':\n case ' ':\n if (focusedOption) {\n event.preventDefault()\n this.selectOption(focusedOption)\n }\n break\n }\n }\n}\n\n\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'schmancy-autocomplete': SchmancyAutocomplete\n }\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"autocomplete-DUBY9RtH.js","names":[],"sources":["../src/form/fields/autocomplete/autocomplete.scss?inline","../src/form/fields/autocomplete/autocomplete.ts"],"sourcesContent":[":host {\n\tdisplay: block;\n\tborder: unset !important;\n\tline-height: unset !important;\n\tbackground: unset !important;\n\tpadding: unset !important;\n\tfont-size: unset !important;\n\tbox-shadow: unset !important;\n}\n\n:host:focus {\n\tbox-shadow: unset !important;\n}\n\n@keyframes onAutoFillStart {\n\tfrom {//}\n\tto {//}\n}\n\nsch-input::part(input):-webkit-autofill,\nsch-input input:-webkit-autofill {\n\tanimation-name: onAutoFillStart;\n\tanimation-duration: 1ms;\n}\n","import { SchmancyFormField } from '@mixins/index'\nimport { InputSize, SchmancyInput } from '@schmancy/input'\nimport SchmancyOption from '@schmancy/option/option'\nimport { html, nothing, unsafeCSS } from 'lit'\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport { repeat } from 'lit/directives/repeat.js'\nimport { when } from 'lit/directives/when.js'\nimport {\n BehaviorSubject,\n combineLatest,\n fromEvent,\n timer\n} from 'rxjs'\nimport {\n debounceTime,\n distinctUntilChanged,\n takeUntil,\n tap\n} from 'rxjs/operators'\nimport style from './autocomplete.scss?inline'\n\n// Import the similarity function (or include it inline)\nimport { similarity } from '../../../utils/search'\n// Import chip component for multi-select display\nimport '../../../chips/input-chip'\n\nexport type SchmancyAutocompleteChangeEvent = CustomEvent<{\n value: string \| string[]\n values?: string[]\n}>\n\ninterface FilteredOption {\n option: SchmancyOption\n score: number\n}\n\n/*\n Autocomplete input component with filtering and multi-select support.\n \n @prop {string} name - Name attribute for form submission\n * @prop {string} label - Label text displayed above the input\n * @prop {string} placeholder - Placeholder text for the input\n * @prop {boolean} required - Whether the field is required\n * @prop {boolean} multi - Enable multi-select mode\n * @prop {string} value - Selected value (single select mode)\n * @prop {string[]} values - Selected values (multi-select mode)\n /\n@customElement('schmancy-autocomplete')\nexport default class SchmancyAutocomplete extends SchmancyFormField(unsafeCSS(style)) {\n\n // `formAssociated`, `internals`, `attachInternals`, `name`, `label`,\n // `required`, `disabled`, `error`, `validationMessage`, `hint`, `id`,\n // `validateOn`, `touched/dirty/submitted`, `markTouched/markSubmitted`,\n // `setCustomValidity`, `formDisabledCallback`, FIELD_CONNECT_EVENT dispatch\n // — all from the mixin.\n\n /* Override mixin's resetForm with autocomplete-specific subject reset. /\n override resetForm(): void {\n if (this.multi) {\n this.selectedValues$.next([])\n } else {\n this.selectedValue$.next('')\n }\n this.inputValue = ''\n this.inputValue$.next('')\n super.resetForm()\n }\n\n // Track whether value/values have been explicitly set\n valueSet: boolean = false\n valuesSet: boolean = false\n\n // Autocomplete-specific properties only — `name`, `label`, `required`,\n // `error`, `validationMessage` come from the mixin.\n @property({ type: String }) placeholder = ''\n @property({ type: String }) maxHeight = '300px'\n @property({ type: Boolean }) multi = false\n @property({ type: String }) description = ''\n @property({ type: String, reflect: true }) size: InputSize = 'md'\n @property({ type: String }) autocomplete = 'off'\n @property({ type: Number }) debounceMs = 200\n @property({ type: Number }) similarityThreshold = 0.3 // Minimum similarity score to show option\n\n private readonly a11yId = `schmancy-autocomplete-${Math.random().toString(36).slice(2, 10)}`\n\n // Values property for multi-select mode\n @property({ type: Array })\n get values() {\n return [...this.selectedValues$.value]\n }\n set values(vals: string[]) {\n this.valuesSet = true\n this.selectedValues$.next(Array.isArray(vals) ? [...vals] : [])\n }\n\n // Value property — narrowed override of the mixin's wide value union.\n @property({ type: String, reflect: true })\n override get value(): string {\n return this.multi\n ? this.selectedValues$.value.join(',')\n : this.selectedValue$.value\n }\n override set value(val: string) {\n this.valueSet = true\n if (this.multi) {\n const newValues = val ? val.split(',').map(v => v.trim()).filter(Boolean) : []\n const currentValues = this.selectedValues$.value\n // Only update if values actually changed\n if (JSON.stringify(newValues) !== JSON.stringify(currentValues)) {\n this.selectedValues$.next(newValues)\n }\n } else {\n // Only update if value actually changed\n if (val !== this.selectedValue$.value) {\n this.selectedValue$.next(val)\n // Update the input display when value is set\n this.updateInputDisplay()\n }\n }\n }\n\n // State\n @state() private open = false\n @state() private inputValue = ''\n @state() private visibleOptionsCount = 0\n @state() private hasResults = true\n\n // DOM references\n @query('#options') listbox!: HTMLUListElement\n @query('sch-input') input!: SchmancyInput\n @queryAssignedElements({ flatten: true }) private options!: SchmancyOption[]\n private inputElementRef = createRef<HTMLInputElement>()\n\n // RxJS Subjects - only what we actually need\n private selectedValue$ = new BehaviorSubject<string>('')\n private selectedValues$ = new BehaviorSubject<string[]>([])\n private inputValue$ = new BehaviorSubject<string>('')\n\n override connectedCallback() {\n // FIELD_CONNECT_EVENT is dispatched by the mixin's connectedCallback.\n super.connectedCallback()\n this.setupAutocompleteLogic()\n this.setupDocumentClickHandler()\n }\n\n private setupAutocompleteLogic() {\n // Sync selection state\n combineLatest([\n this.selectedValue$,\n this.selectedValues$\n ]).pipe(\n tap(([selectedValue, selectedValues]) => {\n this.updateOptionSelection(selectedValue, selectedValues)\n // Keep ElementInternals form value in sync with selection (single and multi).\n const formValue = this.multi ? selectedValues.join(',') : selectedValue\n this.internals?.setFormValue(formValue \|\| null)\n if (this.required) {\n const missing = this.multi ? selectedValues.length === 0 : !selectedValue\n this.internals?.setValidity(\n missing ? { valueMissing: true } : {},\n missing ? this.validationMessage \|\| 'Please select an option.' : undefined,\n )\n }\n }),\n takeUntil(this.disconnecting)\n ).subscribe()\n\n // Filter options based on input\n this.inputValue$.pipe(\n distinctUntilChanged(),\n debounceTime(this.debounceMs),\n tap(searchTerm => {\n if (this.open) {\n this.filterOptions(searchTerm)\n }\n }),\n takeUntil(this.disconnecting)\n ).subscribe()\n }\n\n private setupOptionHandlers() {\n this.options.forEach((option, index) => {\n option.setAttribute('role', 'option')\n option.tabIndex = -1\n if (!option.id) {\n option.id = `${this.id}-option-${index}`\n }\n // Idempotent: slotchange may fire repeatedly for the same option nodes,\n // and addEventListener doesn't replace prior handlers like onfoo= did.\n if (option.dataset.schmancyAutocompleteHandlers === 'attached') return\n option.dataset.schmancyAutocompleteHandlers = 'attached'\n\n // Prevent blur handler from interfering with option selection\n fromEvent<MouseEvent>(option, 'mousedown')\n .pipe(takeUntil(this.disconnecting))\n .subscribe(e => e.preventDefault())\n\n // Handle the actual selection\n fromEvent<MouseEvent>(option, 'click')\n .pipe(takeUntil(this.disconnecting))\n .subscribe(e => {\n e.stopPropagation()\n this.selectOption(option)\n })\n })\n }\n\n private updateOptionSelection(selectedValue: string, selectedValues: string[]) {\n this.options.forEach(option => {\n option.selected = this.multi\n ? selectedValues.includes(option.value)\n : option.value === selectedValue\n option.setAttribute('aria-selected', String(option.selected))\n })\n }\n\n private filterOptions(searchTerm: string) {\n const term = searchTerm.trim()\n\n if (!term) {\n // Show all options if no search term\n this.options.forEach(option => {\n option.hidden = false\n option.style.order = '0'\n })\n this.visibleOptionsCount = this.options.length\n this.hasResults = true\n } else {\n // Calculate similarity scores for all options\n const scoredOptions: FilteredOption[] = this.options.map(option => {\n const optionLabel = option.label \|\| option.textContent \|\| ''\n const optionValue = option.value\n\n const labelScore = similarity(term, optionLabel)\n const valueScore = similarity(term, optionValue)\n const score = Math.max(labelScore 1.1, valueScore)\n\n return { option, score }\n })\n\n // Sort by score (highest first)\n scoredOptions.sort((a, b) => b.score - a.score)\n\n // Apply visibility and ordering\n let visibleCount = 0\n scoredOptions.forEach((item, index) => {\n const { option, score } = item\n\n if (score < this.similarityThreshold) {\n option.hidden = true\n } else {\n option.hidden = false\n visibleCount++\n option.style.order = String(index)\n }\n })\n\n this.visibleOptionsCount = visibleCount\n this.hasResults = visibleCount > 0\n }\n\n this.announceToScreenReader(\n this.visibleOptionsCount > 0\n ? `${this.visibleOptionsCount} option${this.visibleOptionsCount === 1 ? '' : 's'} available.`\n : 'No results found.'\n )\n }\n\n private openDropdown() {\n this.open = true\n // Reset filters based on current input value when dropdown opens\n this.filterOptions(this.inputValue)\n }\n\n private selectOption(option: SchmancyOption) {\n if (this.multi) {\n const currentValues = this.selectedValues$.value\n const index = currentValues.indexOf(option.value)\n const newValues = index > -1\n ? currentValues.filter(v => v !== option.value)\n : [...currentValues, option.value]\n\n this.selectedValues$.next(newValues)\n this.announceToScreenReader(\n newValues.length > 0\n ? `Selected: ${this.getSelectedLabels().join(', ')}`\n : 'No options selected'\n )\n this.fireChangeEvent()\n } else {\n // Update value first\n this.selectedValue$.next(option.value)\n\n // Close dropdown IMMEDIATELY to prevent blur handler from firing\n this.open = false\n\n // Now fire event with the NEW value\n this.fireChangeEvent()\n\n // Update UI\n this.inputValue = option.label \|\| option.textContent \|\| ''\n this.inputValue$.next(this.inputValue)\n\n this.announceToScreenReader(`Selected: ${option.label \|\| option.textContent}`)\n }\n }\n\n private setupDocumentClickHandler() {\n fromEvent<MouseEvent>(document, 'click')\n .pipe(takeUntil(this.disconnecting))\n .subscribe(e => {\n if (!this.open) return\n const path = e.composedPath()\n if (!path.includes(this) && !this.options.some(opt => path.includes(opt))) {\n this.open = false\n this.updateInputDisplay()\n }\n })\n }\n\n\n private updateInputDisplay() {\n // For multi-select, we don't update input display since chips show the selections\n if (this.multi) return\n\n const selectedValue = this.selectedValue$.value\n const option = this.options.find(opt => opt.value === selectedValue)\n this.inputValue = option ? option.label \|\| option.textContent \|\| '' : ''\n this.inputValue$.next(this.inputValue)\n\n if (this.inputElementRef.value) {\n this.inputElementRef.value.value = this.inputValue\n }\n }\n\n private getSelectedLabels(): string[] {\n return this.options\n .filter(option => \n this.multi \n ? this.selectedValues$.value.includes(option.value)\n : option.value === this.selectedValue$.value\n )\n .map(option => option.label \|\| option.textContent \|\| '')\n }\n\n private announceToScreenReader(message: string) {\n const liveRegion = this.shadowRoot?.querySelector('#live-status')\n if (liveRegion) {\n liveRegion.textContent = message\n }\n }\n\n private fireChangeEvent() {\n const detail: SchmancyAutocompleteChangeEvent['detail'] = {\n value: this.value,\n }\n\n if (this.multi) {\n detail.values = [...this.selectedValues$.value]\n }\n\n this.dispatchEvent(\n new CustomEvent<SchmancyAutocompleteChangeEvent['detail']>('change', {\n detail,\n bubbles: true,\n composed: true,\n })\n )\n }\n\n public checkValidity(): boolean {\n if (!this.required) return true\n return this.multi \n ? this.selectedValues$.value.length > 0 \n : Boolean(this.selectedValue$.value)\n }\n\n public reportValidity(): boolean {\n if (this.inputElementRef.value) {\n return this.inputElementRef.value.reportValidity()\n }\n return this.checkValidity()\n }\n\n firstUpdated() {\n this.setupOptionHandlers()\n\n // Sync initial value with display after options are available\n this.updateInputDisplay()\n\n // Update options when slot changes\n const slot = this.shadowRoot?.querySelector('slot')\n slot?.addEventListener('slotchange', () => {\n this.setupOptionHandlers()\n this.updateOptionSelection(this.selectedValue$.value, this.selectedValues$.value)\n })\n }\n\n private handleChipRemove(value: string) {\n const currentValues = this.selectedValues$.value\n const newValues = currentValues.filter(v => v !== value)\n this.selectedValues$.next(newValues)\n this.fireChangeEvent()\n this.announceToScreenReader(`Removed: ${this.getChipLabel(value)}`)\n }\n\n private getChipLabel(value: string): string {\n const option = this.options.find(opt => opt.value === value)\n return option ? option.label \|\| option.textContent \|\| value : value\n }\n\n private focusTextInput() {\n if (this.inputElementRef.value) {\n this.inputElementRef.value.focus()\n }\n }\n\n render() {\n const descriptionId = `${this.id}-desc`\n\n // Get size-based styling to match Schmancy input\n const getSizeStyles = () => {\n switch (this.size) {\n case 'sm':\n return {\n height: 'min-h-[40px]',\n padding: 'px-2',\n fontSize: 'text-sm', // 14px\n labelSize: 'text-sm'\n }\n case 'lg':\n return {\n height: 'min-h-[60px]',\n padding: 'px-5',\n fontSize: 'text-lg', // 18px\n labelSize: 'text-lg'\n }\n case 'md':\n default:\n return {\n height: 'min-h-[50px]',\n padding: 'px-4',\n fontSize: 'text-base', // 16px\n labelSize: 'text-base'\n }\n }\n }\n\n const { height, padding, fontSize, labelSize } = getSizeStyles()\n\n return html`\n <div class=\"relative\">\n <!-- Screen reader live region -->\n <div id=\"live-status\" role=\"status\" aria-live=\"polite\" class=\"sr-only\"></div>\n\n <!-- Description -->\n ${this.description ? html`<div id=\"${descriptionId}\" class=\"sr-only\">${this.description}</div>` : ''}\n\n <!-- Custom input wrapper for Gmail-style chip input -->\n <slot name=\"trigger\">\n ${when(this.multi,\n () => html`\n <!-- Custom multi-select input with inline chips -->\n <div class=\"relative\">\n ${when(this.label, () => html`\n <label class=\"${classMap({\n 'block mb-1 font-medium': true,\n 'text-primary-default': !this.error,\n 'text-error-default': this.error,\n [labelSize]: true\n })}\">\n ${this.label}${this.required ? html`<span class=\"text-error-default ml-1\"></span>` : ''}\n </label>\n `)}\n <div\n class=\"${classMap({\n 'flex flex-wrap items-center gap-1': true,\n [height]: true,\n [padding]: true,\n 'block w-full min-w-0 rounded-[8px] border-0': true,\n 'bg-surface-highest text-surface-on': true,\n 'ring-0 ring-inset focus-within:ring-1 focus-within:ring-inset': true,\n 'ring-secondary-default focus-within:ring-secondary-default': !this.error,\n 'ring-error-default focus-within:ring-error-default': this.error,\n 'cursor-text transition-colors duration-200': true\n })}\"\n @click=${() => this.focusTextInput()}\n role=\"combobox\"\n aria-autocomplete=\"list\"\n aria-haspopup=\"listbox\"\n aria-controls=\"options\"\n aria-expanded=${this.open}\n >\n <!-- Render chips inline -->\n ${repeat(\n this.selectedValues$.value,\n value => value,\n value => html`\n <schmancy-input-chip\n .value=${value}\n @remove=${(e: CustomEvent) => this.handleChipRemove(e.detail.value)}\n class=\"shrink-0 my-0.5\"\n >\n ${this.getChipLabel(value)}\n </schmancy-input-chip>\n `\n )}\n\n <!-- Text input for typing -->\n <input\n ${ref(this.inputElementRef)}\n id=\"autocomplete-input\"\n type=\"text\"\n class=\"flex-1 min-w-[120px] py-1 bg-transparent border-none outline-none ${fontSize} font-medium text-surface-on placeholder:text-muted\"\n name=${this.name \|\| this.label?.toLowerCase().replace(/\\s+/g, '-') \|\| ''}\n .placeholder=${this.selectedValues$.value.length > 0 ? 'Add more...' : this.placeholder}\n .value=${this.inputValue}\n .autocomplete=${this.autocomplete}\n aria-invalid=${this.error ? 'true' : 'false'}\n aria-required=${this.required ? 'true' : 'false'}\n aria-describedby=${this.error && this.validationMessage ? `${this.a11yId}-err` : nothing}\n aria-label=${!this.label && this.placeholder ? this.placeholder : nothing}\n @input=${(e: Event) => {\n const value = (e.target as HTMLInputElement).value\n this.inputValue = value\n this.inputValue$.next(value)\n }}\n @focus=${(e: FocusEvent) => {\n e.stopPropagation()\n // Clear input on focus for new searches\n this.inputValue = ''\n this.inputValue$.next('')\n this.openDropdown()\n }}\n @keydown=${(e: KeyboardEvent) => {\n this.handleKeyDown(e)\n }}\n @blur=${() => {\n this.handleAutoSelectOnBlur()\n }}\n />\n </div>\n\n <!-- Validation message -->\n ${when(this.error && this.validationMessage, () => html`\n <div id=\"${this.a11yId}-err\" class=\"mt-1 text-sm text-error-default\" role=\"alert\">\n ${this.validationMessage}\n </div>\n `)}\n </div>\n `,\n () => html`\n <!-- Regular single-select input -->\n <schmancy-input\n .size=${this.size}\n ${ref(this.inputElementRef)}\n id=\"autocomplete-input\"\n class=\"w-full\"\n .name=${this.name \|\| this.label?.toLowerCase().replace(/\\s+/g, '-') \|\| ''}\n .label=${this.label}\n .placeholder=${this.placeholder}\n .required=${this.required}\n .value=${this.inputValue}\n type=\"text\"\n autocomplete=${this.autocomplete}\n clickable\n role=\"combobox\"\n aria-autocomplete=\"list\"\n aria-haspopup=\"listbox\"\n aria-controls=\"options\"\n aria-expanded=${this.open}\n aria-describedby=${ifDefined(this.description ? descriptionId : undefined)}\n @input=${(e: Event) => {\n const value = (e.target as HTMLInputElement).value\n this.inputValue = value\n this.inputValue$.next(value)\n }}\n @focus=${(e: FocusEvent) => {\n e.stopPropagation()\n this.openDropdown()\n }}\n @click=${(e: MouseEvent) => {\n e.stopPropagation()\n this.openDropdown()\n }}\n @keydown=${(e: KeyboardEvent) => {\n this.handleKeyDown(e)\n }}\n @blur=${() => {\n this.handleAutoSelectOnBlur()\n }}\n >\n </schmancy-input>\n `\n )}\n </slot>\n\n <!-- Options dropdown -->\n <ul\n id=\"options\"\n class=${classMap({\n 'absolute': true,\n 'z-[1000]': true,\n 'mt-1': true,\n 'w-full': true,\n 'rounded-md': true,\n 'shadow-md': true,\n 'overflow-auto': true,\n 'min-w-full': true,\n 'bg-surface-low': true,\n 'flex': true,\n 'flex-col': true, // Enable flexbox for ordering\n })}\n role=\"listbox\"\n aria-multiselectable=${this.multi ? 'true' : 'false'}\n aria-label=${`${this.label \|\| 'Options'} dropdown`}\n ?hidden=${!this.open}\n style=\"max-height: ${this.maxHeight}; display: ${this.open ? 'flex' : 'none'};\"\n @slotchange=${() => {\n this.setupOptionHandlers()\n }}\n >\n <slot></slot>\n ${!this.hasResults ? html`\n <li class=\"px-3 py-2 text-sm text-muted\">No results found</li>\n ` : ''}\n </ul>\n </div>\n `\n }\n\n private handleAutoSelectOnBlur() {\n // Only auto-select in single-select mode and when dropdown is open with a search term\n if (this.multi \|\| !this.open \|\| !this.inputValue.trim()) {\n return\n }\n \n const searchTerm = this.inputValue.trim()\n \n // Find the best matching option using the same similarity logic as filtering\n let bestMatch: SchmancyOption \| null = null\n let bestScore = 0\n \n this.options.forEach(option => {\n // Skip hidden options\n if (option.hidden) return\n \n // Get text to search in (prioritize label, then textContent, then value)\n const optionLabel = option.label \|\| option.textContent \|\| ''\n const optionValue = option.value\n \n // Calculate similarity scores for both label and value\n const labelScore = similarity(searchTerm, optionLabel)\n const valueScore = similarity(searchTerm, optionValue)\n \n // Use the higher score (prioritizing label matches)\n const score = Math.max(labelScore 1.1, valueScore) // Slight boost for label matches\n \n // Keep track of best match that meets threshold\n if (score > bestScore && score >= this.similarityThreshold) {\n bestScore = score\n bestMatch = option\n }\n })\n \n // Auto-select the best match if found\n if (bestMatch) {\n // Silently update the selected value without firing change event\n this.selectedValue$.next(bestMatch.value)\n this.inputValue = bestMatch.label \|\| bestMatch.textContent \|\| ''\n this.inputValue$.next(this.inputValue)\n this.open = false\n }\n }\n\n private handleKeyDown(event: KeyboardEvent) {\n const isOpen = this.open\n const selectedValues = this.selectedValues$.value\n\n // Handle backspace to remove last chip in multi-select when input is empty\n if (this.multi && event.key === 'Backspace' && !this.inputValue && selectedValues.length > 0 && !isOpen) {\n event.preventDefault()\n const lastValue = selectedValues[selectedValues.length - 1]\n this.handleChipRemove(lastValue)\n return\n }\n\n if (!isOpen && (event.key === 'ArrowDown' \|\| event.key === 'Enter')) {\n event.preventDefault()\n this.openDropdown()\n\n timer(10)\n .pipe(takeUntil(this.disconnecting))\n .subscribe(() => {\n const firstVisible = this.options.find(opt => !opt.hidden)\n firstVisible?.focus()\n })\n return\n }\n\n if (!isOpen) return\n\n const visibleOptions = this.options.filter(opt => !opt.hidden)\n .toSorted((a, b) => parseInt(a.style.order \|\| '0') - parseInt(b.style.order \|\| '0'))\n\n const focusedOption = visibleOptions.find(opt => opt === document.activeElement)\n const currentIndex = focusedOption ? visibleOptions.indexOf(focusedOption) : -1\n\n switch (event.key) {\n case 'Escape':\n event.preventDefault()\n this.open = false\n this.updateInputDisplay()\n this.inputElementRef.value?.focus()\n break\n\n case 'Tab':\n this.open = false\n this.updateInputDisplay()\n break\n\n case 'ArrowDown':\n event.preventDefault()\n const nextIndex = currentIndex < visibleOptions.length - 1 ? currentIndex + 1 : 0\n visibleOptions[nextIndex]?.focus()\n break\n\n case 'ArrowUp':\n event.preventDefault()\n const prevIndex = currentIndex > 0 ? currentIndex - 1 : visibleOptions.length - 1\n visibleOptions[prevIndex]?.focus()\n break\n\n case 'Home':\n event.preventDefault()\n visibleOptions[0]?.focus()\n break\n\n case 'End':\n event.preventDefault()\n visibleOptions[visibleOptions.length - 1]?.focus()\n break\n\n case 'Enter':\n case ' ':\n if (focusedOption) {\n event.preventDefault()\n this.selectOption(focusedOption)\n }\n break\n }\n }\n}\n\n\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'schmancy-autocomplete': SchmancyAutocomplete\n }\n}\n"],"mappings":"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"}

package/dist/autocomplete.cjs CHANGED Viewed

	@@ -1 +1 @@
1	- require(`./autocomplete-~~DMmxsvUe~~.cjs`);
1	+ require(`./autocomplete-DD7Hd59N.cjs`);

package/dist/autocomplete.js CHANGED Viewed

	@@ -1 +1 @@
1	- import "./autocomplete-~~DWiEqlQf~~.js";
1	+ import "./autocomplete-DUBY9RtH.js";

package/dist/avatar.cjs CHANGED Viewed

@@ -1,4 +1,4 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-CncqDLb2.cjs`);const e=require(`./SchmancyElement-C41uPa6l.cjs`);require(`./mixins-fIpzhVMd.cjs`);const t=require(`./directives-Bb0S1DKZ.cjs`),n=require(`./theme.interface-CSt7JUBD.cjs`);let r=require(`lit/decorators.js`),i=require(`lit`);var a=class extends e.t{constructor(...e){super(...e),this.initials=``,this.src=``,this.icon=``,this.size=`md`,this.color=`primary`,this.shape=`circle`,this.bordered=!1,this.status=`none`}render(){let e;e=this.src?i.html`<img class="w-full h-full object-cover" src="${this.src}" alt="Avatar" />`:this.initials?i.html`<span class="text-center font-medium">${this.initials.substring(0,2).toUpperCase()}</span>`:this.icon?i.html`<schmancy-icon>${this.icon}</schmancy-icon>`:i.html`<schmancy-icon>person</schmancy-icon>`;let t={"relative flex items-center justify-center overflow-hidden":!0,[{xxs:`w-5 h-5 text-[8px]`,xs:`w-6 h-6 text-xs`,sm:`w-8 h-8 text-sm`,md:`w-10 h-10 text-base`,lg:`w-12 h-12 text-lg`,xl:`w-16 h-16 text-xl`}[this.size]]:!0,[{circle:`rounded-full`,square:`rounded-md`}[this.shape]]:!0,"border-2 border-surface-container":this.bordered},n=this.getColorAttributes();return i.html`
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-CncqDLb2.cjs`);const e=require(`./SchmancyElement-D9WA9FP9.cjs`);require(`./mixins-XGVIOvKt.cjs`);const t=require(`./directives-CYf2fAdA.cjs`),n=require(`./theme.interface-CSt7JUBD.cjs`);let r=require(`lit/decorators.js`),i=require(`lit`);var a=class extends e.t{constructor(...e){super(...e),this.initials=``,this.src=``,this.icon=``,this.size=`md`,this.color=`primary`,this.shape=`circle`,this.bordered=!1,this.status=`none`}render(){let e;e=this.src?i.html`<img class="w-full h-full object-cover" src="${this.src}" alt="Avatar" />`:this.initials?i.html`<span class="text-center font-medium">${this.initials.substring(0,2).toUpperCase()}</span>`:this.icon?i.html`<schmancy-icon>${this.icon}</schmancy-icon>`:i.html`<schmancy-icon>person</schmancy-icon>`;let t={"relative flex items-center justify-center overflow-hidden":!0,[{xxs:`w-5 h-5 text-[8px]`,xs:`w-6 h-6 text-xs`,sm:`w-8 h-8 text-sm`,md:`w-10 h-10 text-base`,lg:`w-12 h-12 text-lg`,xl:`w-16 h-16 text-xl`}[this.size]]:!0,[{circle:`rounded-full`,square:`rounded-md`}[this.shape]]:!0,"border-2 border-surface-container":this.bordered},n=this.getColorAttributes();return i.html`
 			<div class="${this.classMap(t)}" ${n}>
 				${e} ${this.status===`none`?``:this.renderStatusIndicator()}
 			</div>

package/dist/avatar.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { t as e, u as t } from "./SchmancyElement-BNnyBOwk.js";
-import "./mixins-DGBI7YPO.js";
-import { S as n } from "./directives-Bfm1lkoy.js";
+import { t as e, u as t } from "./SchmancyElement-OWgz9ePG.js";
+import "./mixins-COeG4DiX.js";
+import { S as n } from "./directives-d1rEbW1A.js";
 import { t as r } from "./theme.interface-odQEpZZH.js";
 import { customElement as i, property as a } from "lit/decorators.js";
 import { html as o } from "lit";

package/dist/badge.cjs CHANGED Viewed

	@@ -1 +1 @@
1	- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./src-~~GJA8uSAS~~.cjs`);Object.defineProperty(exports,`ScBadgeV2`,{enumerable:!0,get:function(){return e.w}}),Object.defineProperty(exports,`SchmancyBadgeV2`,{enumerable:!0,get:function(){return e.T}});
1	+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./src-CpftzdZV.cjs`);Object.defineProperty(exports,`ScBadgeV2`,{enumerable:!0,get:function(){return e.w}}),Object.defineProperty(exports,`SchmancyBadgeV2`,{enumerable:!0,get:function(){return e.T}});

package/dist/badge.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import { T as e, w as t } from "./src-8VJ7eluk.js";
+import { T as e, w as t } from "./src-CCVbLLgC.js";
 export { t as ScBadgeV2, e as SchmancyBadgeV2 };

package/dist/boat-BIYaPAHp.cjs ADDED Viewed

@@ -0,0 +1,34 @@
+require(`./chunk-CncqDLb2.cjs`);const e=require(`./SchmancyElement-D9WA9FP9.cjs`);require(`./mixins-XGVIOvKt.cjs`);const t=require(`./animation-CCOIW4wJ.cjs`),n=require(`./reduced-motion-Ds-HjMzn.cjs`),r=require(`./theme.service-DA6KY52G.cjs`),i=require(`./overlay.service-BQmva9GY.cjs`);let a=require(`rxjs`),o=require(`lit/directives/class-map.js`),s=require(`lit/directives/style-map.js`),c=require(`lit/decorators.js`),l=require(`lit`),u=require(`lit/directives/ref.js`);var d=`schmancy-boat-`,f=class extends e.t{constructor(...e){super(...e),this.id=`default`,this.corner=`bottom-right`,this.open=!1,this.isDragging=!1,this.currentCorner=`bottom-right`,this.hasHandle=!1,this.position={x:16,y:16},this.containerRef=(0,u.createRef)(),this.triggerRef=(0,u.createRef)(),this.handleRef=(0,u.createRef)(),this.#e=!1,this.#n=[],this.onHandleSlotChange=()=>{this.hasHandle=this.handleNodes.length>0},this.onDefaultSlotChange=()=>{this.#t&&this.#r&&this.slotted.forEach(e=>{e.parentElement!==this.#r&&(this.#n.push(e),this.#r.appendChild(e))})}}#e;#t;#n;#r;applyContainerPosition(){let e=this.containerRef.value;if(!e)return;e.style.removeProperty(`left`),e.style.removeProperty(`right`),e.style.removeProperty(`top`),e.style.removeProperty(`bottom`);let{x:t,y:n}=this.position;this.currentCorner.includes(`right`)?e.style.right=`${t}px`:e.style.left=`${t}px`,this.currentCorner.includes(`bottom`)?e.style.bottom=`${n+r.n.bottomOffset}px`:e.style.top=`${n}px`}loadPosition(){try{let e=localStorage.getItem(d+this.id);if(e){let t=JSON.parse(e);this.position={x:t.x,y:t.y},this.currentCorner=t.anchor}}catch{}}savePosition(){try{localStorage.setItem(d+this.id,JSON.stringify({...this.position,anchor:this.currentCorner}))}catch{}}validateBounds(){let e=this.containerRef.value;if(!e)return;let t=e.getBoundingClientRect();if(t.width===0)return;let n=window.innerWidth,r=window.innerHeight,i=this.currentCorner.includes(`right`),a=this.currentCorner.includes(`bottom`),o=i?n-this.position.x-t.width:this.position.x,s=a?r-this.position.y-t.height:this.position.y,c=Math.max(0,Math.min(o,n-t.width)),l=Math.max(0,Math.min(s,r-t.height));this.position={x:i?n-c-t.width:c,y:a?r-l-t.height:l},this.applyContainerPosition()}reorientToNearestCorner(){let e=this.containerRef.value;if(!e)return;let r=e.getBoundingClientRect(),i=r.left+r.width/2,a=r.top+r.height/2,o=i>window.innerWidth/2?`right`:`left`,s=a>window.innerHeight/2?`bottom`:`top`;if(this.currentCorner=`${s}-${o}`,this.position={x:16,y:16},this.applyContainerPosition(),n.t.value)return void this.savePosition();let c=e.getBoundingClientRect(),l=r.left-c.left,u=r.top-c.top;e.style.transform=`translate(${l}px, ${u}px)`,this.currentAnimation?.cancel();let d=e.animate([{transform:e.style.transform},{transform:`translate(0,0)`}],{duration:t.d.duration,easing:t.d.easingFallback,fill:`forwards`});this.currentAnimation=d,d.finished.then(()=>{e.isConnected&&(e.style.transform=``)}),this.savePosition()}openOverlay(){if(this.#t)return;let e=this.containerRef.value;this.#r=document.createElement(`div`),this.#r.className=`flex flex-col`,this.#n=[...this.slotted],this.#n.forEach(e=>this.#r.appendChild(e)),this.#t=i.o(this.#r,{anchor:e??void 0,dismissable:!0,historyStrategy:`silent`}).pipe((0,a.finalize)(()=>this.restoreSlotted()),(0,a.takeUntil)(this.disconnecting)).subscribe(),this.dispatchScopedEvent(`toggle`,`open`)}restoreSlotted(){this.#n.forEach(e=>this.appendChild(e)),this.#n=[],this.#r=void 0,this.#t=void 0,this.open&&=!1,this.dispatchScopedEvent(`toggle`,`closed`)}connectedCallback(){super.connectedCallback(),(0,a.merge)((0,a.fromEvent)(window,`resize`).pipe((0,a.tap)(()=>this.validateBounds())),r.n.bottomOffset$.pipe((0,a.tap)(()=>this.applyContainerPosition()))).pipe((0,a.takeUntil)(this.disconnecting)).subscribe()}firstUpdated(){this.currentCorner=this.corner,this.hasHandle=this.handleNodes.length>0,this.loadPosition();let e=this.containerRef.value,t=this.triggerRef.value,n=this.handleRef.value;e&&t&&n&&(this.applyContainerPosition(),(0,a.merge)((0,a.fromEvent)(t,`click`).pipe((0,a.tap)(()=>this.toggle())),(0,a.fromEvent)(t,`keydown`).pipe((0,a.filter)(e=>e.key===`Enter`||e.key===` `),(0,a.tap)(e=>{e.preventDefault(),this.toggle()})),(0,a.fromEvent)(n,`pointerdown`).pipe((0,a.filter)(e=>e.button===0),(0,a.tap)(e=>{e.preventDefault();try{n.setPointerCapture(e.pointerId)}catch{}}),(0,a.exhaustMap)(t=>{let n=e.getBoundingClientRect(),r=t.clientX-n.left,i=t.clientY-n.top,o=!1,s=e=>e.pointerId===t.pointerId,c=(0,a.merge)((0,a.fromEvent)(window,`pointerup`),(0,a.fromEvent)(window,`pointercancel`)).pipe((0,a.filter)(s));return(0,a.fromEvent)(window,`pointermove`).pipe((0,a.filter)(s),(0,a.tap)(e=>{let a=e.clientX-t.clientX,s=e.clientY-t.clientY;if(!o&&Math.sqrt(a*a+s*s)>5&&(o=!0,this.isDragging=!0),!o)return;let c=window.innerWidth,l=window.innerHeight,u=Math.max(0,Math.min(e.clientX-r,c-n.width)),d=Math.max(0,Math.min(e.clientY-i,l-n.height));this.position={x:this.currentCorner.includes(`right`)?c-u-n.width:u,y:this.currentCorner.includes(`bottom`)?l-d-n.height:d},this.applyContainerPosition()}),(0,a.takeUntil)(c),(0,a.finalize)(()=>{o?this.reorientToNearestCorner():this.toggle(),this.isDragging=!1}))}))).pipe((0,a.takeUntil)(this.disconnecting)).subscribe(),this.#e=!0,this.open&&this.openOverlay())}willUpdate(e){this.#e&&e.has(`open`)&&(this.open&&!this.#t?this.openOverlay():!this.open&&this.#t&&this.#t.unsubscribe())}disconnectedCallback(){super.disconnectedCallback(),this.currentAnimation?.cancel(),this.#t?.unsubscribe()}toggle(){this.open=!this.open}render(){let e=(0,o.classMap)({"inline-flex":!0,"transition-opacity":!0,"duration-200":!0,"opacity-85":this.isDragging,"scale-95":this.isDragging}),t=(0,s.styleMap)({position:`fixed`,"pointer-events":`auto`}),n=(0,o.classMap)({flex:!0,"items-center":!0,"touch-none":!0,"select-none":!0,hidden:!this.hasHandle,"cursor-grabbing":this.isDragging,"cursor-grab":!this.isDragging});return l.html`
+			<schmancy-surface
+				${(0,u.ref)(this.containerRef)}
+				type="glass"
+				rounded="all"
+				.elevation=${3}
+				class="${e} overflow-hidden rounded-2xl"
+				style=${t}
+				aria-expanded=${this.open}
+			>
+				<div
+					${(0,u.ref)(this.handleRef)}
+					class=${n}
+					aria-label="Drag to move"
+				>
+					<slot name="drag-handle" @slotchange=${this.onHandleSlotChange}></slot>
+				</div>
+				<div
+					${(0,u.ref)(this.triggerRef)}
+					class="flex items-center cursor-pointer"
+					role="button"
+					tabindex="0"
+					aria-label="Open panel"
+					title="Click to open"
+				>
+					<slot name="trigger"></slot>
+				</div>
+				<!-- Default-slot content parks here (hidden) while collapsed;
+				     relocated into the show() overlay on open. -->
+				<div hidden><slot @slotchange=${this.onDefaultSlotChange}></slot></div>
+			</schmancy-surface>
+		`}};e.u([(0,c.property)({type:String})],f.prototype,`id`,void 0),e.u([(0,c.property)({type:String})],f.prototype,`corner`,void 0),e.u([(0,c.property)({type:Boolean,reflect:!0})],f.prototype,`open`,void 0),e.u([(0,c.state)()],f.prototype,`isDragging`,void 0),e.u([(0,c.state)()],f.prototype,`currentCorner`,void 0),e.u([(0,c.state)()],f.prototype,`hasHandle`,void 0),e.u([(0,c.queryAssignedElements)()],f.prototype,`slotted`,void 0),e.u([(0,c.queryAssignedElements)({slot:`drag-handle`})],f.prototype,`handleNodes`,void 0);var p=f=e.u([(0,c.customElement)(`schmancy-boat`)],f);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return p}});

package/dist/boat-BIYaPAHp.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"boat-BIYaPAHp.cjs","names":["#sub","#wrapper","#captured","#ready"],"sources":["../src/boat/boat.ts"],"sourcesContent":["import { SchmancyElement } from '@mixins/index'\nimport { html, type PropertyValues } from 'lit'\nimport { customElement, property, queryAssignedElements, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport { styleMap } from 'lit/directives/style-map.js'\nimport { exhaustMap, filter, finalize, fromEvent, merge, type Subscription, takeUntil, tap } from 'rxjs'\nimport { reducedMotion$ } from '../directives/reduced-motion'\nimport { show } from '../overlay/overlay.service'\nimport { theme } from '../theme/theme.service.js'\nimport { SPRING_SMOOTH } from '../utils/animation.js'\n\nconst DRAG_THRESHOLD = 5\nconst POSITION_STORAGE_KEY_PREFIX = 'schmancy-boat-'\n\ntype Corner = 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left'\ninterface Position {\n\tx: number\n\ty: number\n}\n\n/**\n * Corner-anchored launcher that delegates its expanded panel to the `show()`\n * overlay service.\n *\n * Three slots, three non-overlapping intents — no element-type sniffing,\n * ever:\n *\n * - `trigger` — pure consumer content. A native click anywhere on it\n * opens the panel; interactive children (buttons, FABs, inputs) work\n * with zero special-casing because the boat never calls\n * `preventDefault` / `stopPropagation` / `setPointerCapture` here.\n * - `drag-handle` — opt-in. Pointer-drag is wired ONLY to this slot's\n * boat-owned wrapper. Slot it to make the boat draggable; omit it and\n * the boat is static at its corner. (A no-move tap on the handle also\n * opens, so the grip doubles as a launcher.)\n * - _(default)_ — the panel body; parked hidden while collapsed,\n * relocated into the `show()` overlay on open.\n *\n * The boat owns drag, corner-snapping, position persistence and the glass\n * surface — never the collapsed shape.\n */\n@customElement('schmancy-boat')\nexport default class SchmancyBoat extends SchmancyElement {\n\n\n\t/** Identity for localStorage drag-position persistence. */\n\t@property({ type: String }) id: string = 'default'\n\t/** Corner the launcher is anchored to. */\n\t@property({ type: String }) corner: Corner = 'bottom-right'\n\t/** Open state. Bind `?open=${…}` to drive the overlay; reflected to the attribute. */\n\t@property({ type: Boolean, reflect: true }) open: boolean = false\n\n\t@state() private isDragging = false\n\t@state() private currentCorner: Corner = 'bottom-right'\n\t@state() private hasHandle = false\n\n\t/** Default-slot nodes — the overlay body. */\n\t@queryAssignedElements() private slotted!: Element[]\n\t/** Slotted drag-handle nodes — presence toggles draggability. */\n\t@queryAssignedElements({ slot: 'drag-handle' }) private handleNodes!: Element[]\n\n\tprivate position: Position = { x: 16, y: 16 }\n\tprivate containerRef = createRef<HTMLElement>()\n\tprivate triggerRef = createRef<HTMLElement>()\n\tprivate handleRef = createRef<HTMLElement>()\n\tprivate currentAnimation?: Animation\n\n\t#ready = false\n\t#sub?: Subscription\n\t#captured: Element[] = []\n\t#wrapper?: HTMLElement\n\n\t// ============================================\n\t// POSITION MANAGEMENT\n\t// ============================================\n\n\tprivate applyContainerPosition() {\n\t\tconst container = this.containerRef.value\n\t\tif (!container) return\n\t\tcontainer.style.removeProperty('left')\n\t\tcontainer.style.removeProperty('right')\n\t\tcontainer.style.removeProperty('top')\n\t\tcontainer.style.removeProperty('bottom')\n\t\tconst { x, y } = this.position\n\t\tif (this.currentCorner.includes('right')) {\n\t\t\tcontainer.style.right = `${x}px`\n\t\t} else {\n\t\t\tcontainer.style.left = `${x}px`\n\t\t}\n\t\tif (this.currentCorner.includes('bottom')) {\n\t\t\tcontainer.style.bottom = `${y + theme.bottomOffset}px`\n\t\t} else {\n\t\t\tcontainer.style.top = `${y}px`\n\t\t}\n\t}\n\n\tprivate loadPosition() {\n\t\ttry {\n\t\t\tconst saved = localStorage.getItem(POSITION_STORAGE_KEY_PREFIX + this.id)\n\t\t\tif (saved) {\n\t\t\t\tconst parsed = JSON.parse(saved) as { x: number; y: number; anchor: Corner }\n\t\t\t\tthis.position = { x: parsed.x, y: parsed.y }\n\t\t\t\tthis.currentCorner = parsed.anchor\n\t\t\t}\n\t\t} catch {\n\t\t\t// ignore localStorage errors\n\t\t}\n\t}\n\n\tprivate savePosition() {\n\t\ttry {\n\t\t\tlocalStorage.setItem(\n\t\t\t\tPOSITION_STORAGE_KEY_PREFIX + this.id,\n\t\t\t\tJSON.stringify({ ...this.position, anchor: this.currentCorner }),\n\t\t\t)\n\t\t} catch {\n\t\t\t// ignore localStorage errors\n\t\t}\n\t}\n\n\tprivate validateBounds() {\n\t\tconst container = this.containerRef.value\n\t\tif (!container) return\n\t\tconst rect = container.getBoundingClientRect()\n\t\tif (rect.width === 0) return\n\t\tconst vw = window.innerWidth\n\t\tconst vh = window.innerHeight\n\t\tconst isRight = this.currentCorner.includes('right')\n\t\tconst isBottom = this.currentCorner.includes('bottom')\n\t\tconst actualLeft = isRight ? vw - this.position.x - rect.width : this.position.x\n\t\tconst actualTop = isBottom ? vh - this.position.y - rect.height : this.position.y\n\t\tconst newLeft = Math.max(0, Math.min(actualLeft, vw - rect.width))\n\t\tconst newTop = Math.max(0, Math.min(actualTop, vh - rect.height))\n\t\tthis.position = {\n\t\t\tx: isRight ? vw - newLeft - rect.width : newLeft,\n\t\t\ty: isBottom ? vh - newTop - rect.height : newTop,\n\t\t}\n\t\tthis.applyContainerPosition()\n\t}\n\n\t// ============================================\n\t// CORNER SNAPPING (FLIP)\n\t// ============================================\n\n\tprivate reorientToNearestCorner(): void {\n\t\tconst container = this.containerRef.value\n\t\tif (!container) return\n\n\t\tconst rect = container.getBoundingClientRect()\n\t\tconst fabCenterX = rect.left + rect.width / 2\n\t\tconst fabCenterY = rect.top + rect.height / 2\n\t\tconst side = fabCenterX > window.innerWidth / 2 ? 'right' : 'left'\n\t\tconst vert = fabCenterY > window.innerHeight / 2 ? 'bottom' : 'top'\n\t\tthis.currentCorner = `${vert}-${side}` as Corner\n\t\tthis.position = { x: 16, y: 16 }\n\t\tthis.applyContainerPosition()\n\n\t\tif (reducedMotion$.value) {\n\t\t\tthis.savePosition()\n\t\t\treturn\n\t\t}\n\n\t\tconst newRect = container.getBoundingClientRect()\n\t\tconst dx = rect.left - newRect.left\n\t\tconst dy = rect.top - newRect.top\n\t\tcontainer.style.transform = `translate(${dx}px, ${dy}px)`\n\n\t\tthis.currentAnimation?.cancel()\n\t\tconst anim = container.animate(\n\t\t\t[{ transform: container.style.transform }, { transform: 'translate(0,0)' }],\n\t\t\t{\n\t\t\t\tduration: SPRING_SMOOTH.duration,\n\t\t\t\teasing: SPRING_SMOOTH.easingFallback,\n\t\t\t\tfill: 'forwards',\n\t\t\t},\n\t\t)\n\t\tthis.currentAnimation = anim\n\t\tanim.finished.then(() => {\n\t\t\tif (container.isConnected) container.style.transform = ''\n\t\t\treturn\n\t\t})\n\n\t\tthis.savePosition()\n\t}\n\n\t// ============================================\n\t// OVERLAY DELEGATION\n\t// ============================================\n\n\tprivate openOverlay() {\n\t\tif (this.#sub) return\n\t\tconst anchor = this.containerRef.value\n\t\tthis.#wrapper = document.createElement('div')\n\t\tthis.#wrapper.className = 'flex flex-col'\n\t\tthis.#captured = [...this.slotted]\n\t\tthis.#captured.forEach(node => this.#wrapper!.appendChild(node))\n\n\t\tthis.#sub = show(this.#wrapper, {\n\t\t\tanchor: anchor ?? undefined,\n\t\t\tdismissable: true,\n\t\t\thistoryStrategy: 'silent',\n\t\t})\n\t\t\t.pipe(\n\t\t\t\tfinalize(() => this.restoreSlotted()),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe()\n\n\t\tthis.dispatchScopedEvent('toggle', 'open')\n\t}\n\n\tprivate restoreSlotted() {\n\t\tthis.#captured.forEach(node => this.appendChild(node))\n\t\tthis.#captured = []\n\t\tthis.#wrapper = undefined\n\t\tthis.#sub = undefined\n\t\tif (this.open) this.open = false\n\t\tthis.dispatchScopedEvent('toggle', 'closed')\n\t}\n\n\t// ============================================\n\t// LIFECYCLE\n\t// ============================================\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\t// One concern: keep the container in place when the environment\n\t\t// shifts. Viewport resize re-validates bounds; a theme bottom-offset\n\t\t// change (e.g. a snackbar pushing the safe area) re-applies position.\n\t\tmerge(\n\t\t\tfromEvent(window, 'resize').pipe(tap(() => this.validateBounds())),\n\t\t\ttheme.bottomOffset$.pipe(tap(() => this.applyContainerPosition())),\n\t\t)\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe()\n\t}\n\n\tfirstUpdated() {\n\t\tthis.currentCorner = this.corner\n\t\tthis.hasHandle = this.handleNodes.length > 0\n\t\tthis.loadPosition()\n\t\tconst container = this.containerRef.value\n\t\tconst trigger = this.triggerRef.value\n\t\tconst handle = this.handleRef.value\n\t\tif (!container || !trigger || !handle) return\n\t\tthis.applyContainerPosition()\n\n\t\t// Three intents, three sources, one pipeline, one subscribe.\n\t\t//\n\t\t// open$ — a plain click/Enter/Space on the trigger region. No\n\t\t// preventDefault/stopPropagation: a slotted button's own\n\t\t// click still fires; it merely also bubbles to \"open\".\n\t\t// drag$ — pointerdown on the boat-owned drag-handle wrapper. A\n\t\t// dedicated region, so every pointerdown there is a drag\n\t\t// intent — no element-type sniffing. A session ends on\n\t\t// pointerup/cancel; settle = move past threshold ? snap to\n\t\t// the nearest corner : treat as a tap and open.\n\t\tmerge(\n\t\t\tfromEvent<MouseEvent>(trigger, 'click').pipe(tap(() => this.toggle())),\n\t\t\tfromEvent<KeyboardEvent>(trigger, 'keydown').pipe(\n\t\t\t\tfilter(e => e.key === 'Enter' || e.key === ' '),\n\t\t\t\ttap(e => {\n\t\t\t\t\te.preventDefault()\n\t\t\t\t\tthis.toggle()\n\t\t\t\t}),\n\t\t\t),\n\t\t\tfromEvent<PointerEvent>(handle, 'pointerdown').pipe(\n\t\t\t\tfilter(e => e.button === 0),\n\t\t\t\ttap(e => {\n\t\t\t\t\te.preventDefault()\n\t\t\t\t\t// Capture can throw InvalidStateError if the pointer is\n\t\t\t\t\t// already released (fast tap) — drag still works without it.\n\t\t\t\t\ttry {\n\t\t\t\t\t\thandle.setPointerCapture(e.pointerId)\n\t\t\t\t\t} catch {\n\t\t\t\t\t\t// no active pointer to capture; ignore\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\texhaustMap(down => {\n\t\t\t\t\tconst rect = container.getBoundingClientRect()\n\t\t\t\t\tconst offsetX = down.clientX - rect.left\n\t\t\t\t\tconst offsetY = down.clientY - rect.top\n\t\t\t\t\tlet moved = false\n\t\t\t\t\tconst sameId = (e: PointerEvent) => e.pointerId === down.pointerId\n\t\t\t\t\tconst end$ = merge(\n\t\t\t\t\t\tfromEvent<PointerEvent>(window, 'pointerup'),\n\t\t\t\t\t\tfromEvent<PointerEvent>(window, 'pointercancel'),\n\t\t\t\t\t).pipe(filter(sameId))\n\n\t\t\t\t\treturn fromEvent<PointerEvent>(window, 'pointermove').pipe(\n\t\t\t\t\t\tfilter(sameId),\n\t\t\t\t\t\ttap(e => {\n\t\t\t\t\t\t\tconst dx = e.clientX - down.clientX\n\t\t\t\t\t\t\tconst dy = e.clientY - down.clientY\n\t\t\t\t\t\t\tif (!moved && Math.sqrt(dx * dx + dy * dy) > DRAG_THRESHOLD) {\n\t\t\t\t\t\t\t\tmoved = true\n\t\t\t\t\t\t\t\tthis.isDragging = true\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif (!moved) return\n\t\t\t\t\t\t\tconst vw = window.innerWidth\n\t\t\t\t\t\t\tconst vh = window.innerHeight\n\t\t\t\t\t\t\tconst left = Math.max(0, Math.min(e.clientX - offsetX, vw - rect.width))\n\t\t\t\t\t\t\tconst top = Math.max(0, Math.min(e.clientY - offsetY, vh - rect.height))\n\t\t\t\t\t\t\tthis.position = {\n\t\t\t\t\t\t\t\tx: this.currentCorner.includes('right') ? vw - left - rect.width : left,\n\t\t\t\t\t\t\t\ty: this.currentCorner.includes('bottom') ? vh - top - rect.height : top,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tthis.applyContainerPosition()\n\t\t\t\t\t\t}),\n\t\t\t\t\t\ttakeUntil(end$),\n\t\t\t\t\t\tfinalize(() => {\n\t\t\t\t\t\t\tif (moved) this.reorientToNearestCorner()\n\t\t\t\t\t\t\telse this.toggle()\n\t\t\t\t\t\t\tthis.isDragging = false\n\t\t\t\t\t\t}),\n\t\t\t\t\t)\n\t\t\t\t}),\n\t\t\t),\n\t\t)\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe()\n\n\t\tthis.#ready = true\n\t\tif (this.open) this.openOverlay()\n\t}\n\n\tprotected willUpdate(changed: PropertyValues<this>) {\n\t\tif (!this.#ready || !changed.has('open')) return\n\t\tif (this.open && !this.#sub) this.openOverlay()\n\t\telse if (!this.open && this.#sub) this.#sub.unsubscribe()\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.currentAnimation?.cancel()\n\t\tthis.#sub?.unsubscribe()\n\t}\n\n\t// ============================================\n\t// PUBLIC API\n\t// ============================================\n\n\t/** Flip open ↔ closed. */\n\ttoggle() {\n\t\tthis.open = !this.open\n\t}\n\n\t// ============================================\n\t// RENDER\n\t// ============================================\n\n\tprivate onHandleSlotChange = () => {\n\t\tthis.hasHandle = this.handleNodes.length > 0\n\t}\n\n\t// When Lit re-renders the parent and re-asserts default-slot children back\n\t// into this element, slotchange fires. If the overlay is live, re-relocate\n\t// any reassigned nodes into the overlay wrapper to stop the DOM ping-pong.\n\tprivate onDefaultSlotChange = () => {\n\t\tif (!this.#sub || !this.#wrapper) return\n\t\tthis.slotted.forEach(node => {\n\t\t\tif (node.parentElement !== this.#wrapper) {\n\t\t\t\tthis.#captured.push(node)\n\t\t\t\tthis.#wrapper!.appendChild(node)\n\t\t\t}\n\t\t})\n\t}\n\n\tprotected render(): unknown {\n\t\tconst containerClasses = classMap({\n\t\t\t'inline-flex': true,\n\t\t\t'transition-opacity': true,\n\t\t\t'duration-200': true,\n\t\t\t'opacity-85': this.isDragging,\n\t\t\t'scale-95': this.isDragging,\n\t\t})\n\n\t\tconst containerStyles = styleMap({\n\t\t\tposition: 'fixed',\n\t\t\t'pointer-events': 'auto',\n\t\t})\n\n\t\t// Boat-owned drag region — wraps ONLY the drag-handle slot, so every\n\t\t// pointerdown inside it is unambiguously a drag intent. Hidden (and\n\t\t// out of layout) when the consumer slots no handle: the boat is then\n\t\t// simply not draggable.\n\t\tconst handleClasses = classMap({\n\t\t\tflex: true,\n\t\t\t'items-center': true,\n\t\t\t'touch-none': true,\n\t\t\t'select-none': true,\n\t\t\thidden: !this.hasHandle,\n\t\t\t'cursor-grabbing': this.isDragging,\n\t\t\t'cursor-grab': !this.isDragging,\n\t\t})\n\n\t\treturn html`\n\t\t\t<schmancy-surface\n\t\t\t\t${ref(this.containerRef)}\n\t\t\t\ttype=\"glass\"\n\t\t\t\trounded=\"all\"\n\t\t\t\t.elevation=${3}\n\t\t\t\tclass=\"${containerClasses} overflow-hidden rounded-2xl\"\n\t\t\t\tstyle=${containerStyles}\n\t\t\t\taria-expanded=${this.open}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\t${ref(this.handleRef)}\n\t\t\t\t\tclass=${handleClasses}\n\t\t\t\t\taria-label=\"Drag to move\"\n\t\t\t\t>\n\t\t\t\t\t<slot name=\"drag-handle\" @slotchange=${this.onHandleSlotChange}></slot>\n\t\t\t\t</div>\n\n\t\t\t\t<div\n\t\t\t\t\t${ref(this.triggerRef)}\n\t\t\t\t\tclass=\"flex items-center cursor-pointer\"\n\t\t\t\t\trole=\"button\"\n\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\taria-label=\"Open panel\"\n\t\t\t\t\ttitle=\"Click to open\"\n\t\t\t\t>\n\t\t\t\t\t<slot name=\"trigger\"></slot>\n\t\t\t\t</div>\n\n\t\t\t\t\n\t\t\t\t<div hidden><slot @slotchange=${this.onDefaultSlotChange}></slot></div>\n\t\t\t</schmancy-surface>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-boat': SchmancyBoat\n\t}\n}\n"],"mappings":"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"}

package/dist/{boat-fqodYt2n.js → boat-ScvAima3.js} RENAMED Viewed

@@ -1,9 +1,9 @@
-import { t as e, u as t } from "./SchmancyElement-BNnyBOwk.js";
-import "./mixins-DGBI7YPO.js";
+import { t as e, u as t } from "./SchmancyElement-OWgz9ePG.js";
+import "./mixins-COeG4DiX.js";
 import { d as n } from "./animation-DCznELuT.js";
 import { t as r } from "./reduced-motion-D-L12p7G.js";
-import { n as i } from "./theme.service-7VkM-hVf.js";
-import { o as a } from "./overlay.service-BDLi0p5M.js";
+import { n as i } from "./theme.service-5RjyR7Sy.js";
+import { o as a } from "./overlay.service-yqTOyLlr.js";
 import { exhaustMap as o, filter as s, finalize as c, fromEvent as l, merge as u, takeUntil as d, tap as f } from "rxjs";
 import { classMap as p } from "lit/directives/class-map.js";
 import { styleMap as m } from "lit/directives/style-map.js";
@@ -17,11 +17,16 @@ var S = "schmancy-boat-", C = class extends e {
 			y: 16
 		}, this.containerRef = b(), this.triggerRef = b(), this.handleRef = b(), this.#e = !1, this.#n = [], this.onHandleSlotChange = () => {
 			this.hasHandle = this.handleNodes.length > 0;
+		}, this.onDefaultSlotChange = () => {
+			this.#t && this.#r && this.slotted.forEach((e) => {
+				e.parentElement !== this.#r && (this.#n.push(e), this.#r.appendChild(e));
+			});
 		};
 	}
 	#e;
 	#t;
 	#n;
+	#r;
 	applyContainerPosition() {
 		let e = this.containerRef.value;
 		if (!e) return;
@@ -81,15 +86,15 @@ var S = "schmancy-boat-", C = class extends e {
 	}
 	openOverlay() {
 		if (this.#t) return;
-		let e = this.containerRef.value, t = document.createElement("div");
-		t.className = "flex flex-col", this.#n = [...this.slotted], this.#n.forEach((e) => t.appendChild(e)), this.#t = a(t, {
+		let e = this.containerRef.value;
+		this.#r = document.createElement("div"), this.#r.className = "flex flex-col", this.#n = [...this.slotted], this.#n.forEach((e) => this.#r.appendChild(e)), this.#t = a(this.#r, {
 			anchor: e ?? void 0,
 			dismissable: !0,
 			historyStrategy: "silent"
 		}).pipe(c(() => this.restoreSlotted()), d(this.disconnecting)).subscribe(), this.dispatchScopedEvent("toggle", "open");
 	}
 	restoreSlotted() {
-		this.#n.forEach((e) => this.appendChild(e)), this.#n = [], this.#t = void 0, this.open &&= !1, this.dispatchScopedEvent("toggle", "closed");
+		this.#n.forEach((e) => this.appendChild(e)), this.#n = [], this.#r = void 0, this.#t = void 0, this.open &&= !1, this.dispatchScopedEvent("toggle", "closed");
 	}
 	connectedCallback() {
 		super.connectedCallback(), u(l(window, "resize").pipe(f(() => this.validateBounds())), i.bottomOffset$.pipe(f(() => this.applyContainerPosition()))).pipe(d(this.disconnecting)).subscribe();
@@ -178,7 +183,7 @@ var S = "schmancy-boat-", C = class extends e {
 				<!-- Default-slot content parks here (hidden) while collapsed;
 				     relocated into the show() overlay on open. -->
-				<div hidden><slot></slot></div>
+				<div hidden><slot @slotchange=${this.onDefaultSlotChange}></slot></div>
 			</schmancy-surface>
 		`;
 	}

package/dist/boat-ScvAima3.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"boat-ScvAima3.js","names":["#sub","#wrapper","#captured","#ready"],"sources":["../src/boat/boat.ts"],"sourcesContent":["import { SchmancyElement } from '@mixins/index'\nimport { html, type PropertyValues } from 'lit'\nimport { customElement, property, queryAssignedElements, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport { styleMap } from 'lit/directives/style-map.js'\nimport { exhaustMap, filter, finalize, fromEvent, merge, type Subscription, takeUntil, tap } from 'rxjs'\nimport { reducedMotion$ } from '../directives/reduced-motion'\nimport { show } from '../overlay/overlay.service'\nimport { theme } from '../theme/theme.service.js'\nimport { SPRING_SMOOTH } from '../utils/animation.js'\n\nconst DRAG_THRESHOLD = 5\nconst POSITION_STORAGE_KEY_PREFIX = 'schmancy-boat-'\n\ntype Corner = 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left'\ninterface Position {\n\tx: number\n\ty: number\n}\n\n/**\n * Corner-anchored launcher that delegates its expanded panel to the `show()`\n * overlay service.\n *\n * Three slots, three non-overlapping intents — no element-type sniffing,\n * ever:\n *\n * - `trigger` — pure consumer content. A native click anywhere on it\n * opens the panel; interactive children (buttons, FABs, inputs) work\n * with zero special-casing because the boat never calls\n * `preventDefault` / `stopPropagation` / `setPointerCapture` here.\n * - `drag-handle` — opt-in. Pointer-drag is wired ONLY to this slot's\n * boat-owned wrapper. Slot it to make the boat draggable; omit it and\n * the boat is static at its corner. (A no-move tap on the handle also\n * opens, so the grip doubles as a launcher.)\n * - _(default)_ — the panel body; parked hidden while collapsed,\n * relocated into the `show()` overlay on open.\n *\n * The boat owns drag, corner-snapping, position persistence and the glass\n * surface — never the collapsed shape.\n */\n@customElement('schmancy-boat')\nexport default class SchmancyBoat extends SchmancyElement {\n\n\n\t/** Identity for localStorage drag-position persistence. */\n\t@property({ type: String }) id: string = 'default'\n\t/** Corner the launcher is anchored to. */\n\t@property({ type: String }) corner: Corner = 'bottom-right'\n\t/** Open state. Bind `?open=${…}` to drive the overlay; reflected to the attribute. */\n\t@property({ type: Boolean, reflect: true }) open: boolean = false\n\n\t@state() private isDragging = false\n\t@state() private currentCorner: Corner = 'bottom-right'\n\t@state() private hasHandle = false\n\n\t/** Default-slot nodes — the overlay body. */\n\t@queryAssignedElements() private slotted!: Element[]\n\t/** Slotted drag-handle nodes — presence toggles draggability. */\n\t@queryAssignedElements({ slot: 'drag-handle' }) private handleNodes!: Element[]\n\n\tprivate position: Position = { x: 16, y: 16 }\n\tprivate containerRef = createRef<HTMLElement>()\n\tprivate triggerRef = createRef<HTMLElement>()\n\tprivate handleRef = createRef<HTMLElement>()\n\tprivate currentAnimation?: Animation\n\n\t#ready = false\n\t#sub?: Subscription\n\t#captured: Element[] = []\n\t#wrapper?: HTMLElement\n\n\t// ============================================\n\t// POSITION MANAGEMENT\n\t// ============================================\n\n\tprivate applyContainerPosition() {\n\t\tconst container = this.containerRef.value\n\t\tif (!container) return\n\t\tcontainer.style.removeProperty('left')\n\t\tcontainer.style.removeProperty('right')\n\t\tcontainer.style.removeProperty('top')\n\t\tcontainer.style.removeProperty('bottom')\n\t\tconst { x, y } = this.position\n\t\tif (this.currentCorner.includes('right')) {\n\t\t\tcontainer.style.right = `${x}px`\n\t\t} else {\n\t\t\tcontainer.style.left = `${x}px`\n\t\t}\n\t\tif (this.currentCorner.includes('bottom')) {\n\t\t\tcontainer.style.bottom = `${y + theme.bottomOffset}px`\n\t\t} else {\n\t\t\tcontainer.style.top = `${y}px`\n\t\t}\n\t}\n\n\tprivate loadPosition() {\n\t\ttry {\n\t\t\tconst saved = localStorage.getItem(POSITION_STORAGE_KEY_PREFIX + this.id)\n\t\t\tif (saved) {\n\t\t\t\tconst parsed = JSON.parse(saved) as { x: number; y: number; anchor: Corner }\n\t\t\t\tthis.position = { x: parsed.x, y: parsed.y }\n\t\t\t\tthis.currentCorner = parsed.anchor\n\t\t\t}\n\t\t} catch {\n\t\t\t// ignore localStorage errors\n\t\t}\n\t}\n\n\tprivate savePosition() {\n\t\ttry {\n\t\t\tlocalStorage.setItem(\n\t\t\t\tPOSITION_STORAGE_KEY_PREFIX + this.id,\n\t\t\t\tJSON.stringify({ ...this.position, anchor: this.currentCorner }),\n\t\t\t)\n\t\t} catch {\n\t\t\t// ignore localStorage errors\n\t\t}\n\t}\n\n\tprivate validateBounds() {\n\t\tconst container = this.containerRef.value\n\t\tif (!container) return\n\t\tconst rect = container.getBoundingClientRect()\n\t\tif (rect.width === 0) return\n\t\tconst vw = window.innerWidth\n\t\tconst vh = window.innerHeight\n\t\tconst isRight = this.currentCorner.includes('right')\n\t\tconst isBottom = this.currentCorner.includes('bottom')\n\t\tconst actualLeft = isRight ? vw - this.position.x - rect.width : this.position.x\n\t\tconst actualTop = isBottom ? vh - this.position.y - rect.height : this.position.y\n\t\tconst newLeft = Math.max(0, Math.min(actualLeft, vw - rect.width))\n\t\tconst newTop = Math.max(0, Math.min(actualTop, vh - rect.height))\n\t\tthis.position = {\n\t\t\tx: isRight ? vw - newLeft - rect.width : newLeft,\n\t\t\ty: isBottom ? vh - newTop - rect.height : newTop,\n\t\t}\n\t\tthis.applyContainerPosition()\n\t}\n\n\t// ============================================\n\t// CORNER SNAPPING (FLIP)\n\t// ============================================\n\n\tprivate reorientToNearestCorner(): void {\n\t\tconst container = this.containerRef.value\n\t\tif (!container) return\n\n\t\tconst rect = container.getBoundingClientRect()\n\t\tconst fabCenterX = rect.left + rect.width / 2\n\t\tconst fabCenterY = rect.top + rect.height / 2\n\t\tconst side = fabCenterX > window.innerWidth / 2 ? 'right' : 'left'\n\t\tconst vert = fabCenterY > window.innerHeight / 2 ? 'bottom' : 'top'\n\t\tthis.currentCorner = `${vert}-${side}` as Corner\n\t\tthis.position = { x: 16, y: 16 }\n\t\tthis.applyContainerPosition()\n\n\t\tif (reducedMotion$.value) {\n\t\t\tthis.savePosition()\n\t\t\treturn\n\t\t}\n\n\t\tconst newRect = container.getBoundingClientRect()\n\t\tconst dx = rect.left - newRect.left\n\t\tconst dy = rect.top - newRect.top\n\t\tcontainer.style.transform = `translate(${dx}px, ${dy}px)`\n\n\t\tthis.currentAnimation?.cancel()\n\t\tconst anim = container.animate(\n\t\t\t[{ transform: container.style.transform }, { transform: 'translate(0,0)' }],\n\t\t\t{\n\t\t\t\tduration: SPRING_SMOOTH.duration,\n\t\t\t\teasing: SPRING_SMOOTH.easingFallback,\n\t\t\t\tfill: 'forwards',\n\t\t\t},\n\t\t)\n\t\tthis.currentAnimation = anim\n\t\tanim.finished.then(() => {\n\t\t\tif (container.isConnected) container.style.transform = ''\n\t\t\treturn\n\t\t})\n\n\t\tthis.savePosition()\n\t}\n\n\t// ============================================\n\t// OVERLAY DELEGATION\n\t// ============================================\n\n\tprivate openOverlay() {\n\t\tif (this.#sub) return\n\t\tconst anchor = this.containerRef.value\n\t\tthis.#wrapper = document.createElement('div')\n\t\tthis.#wrapper.className = 'flex flex-col'\n\t\tthis.#captured = [...this.slotted]\n\t\tthis.#captured.forEach(node => this.#wrapper!.appendChild(node))\n\n\t\tthis.#sub = show(this.#wrapper, {\n\t\t\tanchor: anchor ?? undefined,\n\t\t\tdismissable: true,\n\t\t\thistoryStrategy: 'silent',\n\t\t})\n\t\t\t.pipe(\n\t\t\t\tfinalize(() => this.restoreSlotted()),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe()\n\n\t\tthis.dispatchScopedEvent('toggle', 'open')\n\t}\n\n\tprivate restoreSlotted() {\n\t\tthis.#captured.forEach(node => this.appendChild(node))\n\t\tthis.#captured = []\n\t\tthis.#wrapper = undefined\n\t\tthis.#sub = undefined\n\t\tif (this.open) this.open = false\n\t\tthis.dispatchScopedEvent('toggle', 'closed')\n\t}\n\n\t// ============================================\n\t// LIFECYCLE\n\t// ============================================\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\t// One concern: keep the container in place when the environment\n\t\t// shifts. Viewport resize re-validates bounds; a theme bottom-offset\n\t\t// change (e.g. a snackbar pushing the safe area) re-applies position.\n\t\tmerge(\n\t\t\tfromEvent(window, 'resize').pipe(tap(() => this.validateBounds())),\n\t\t\ttheme.bottomOffset$.pipe(tap(() => this.applyContainerPosition())),\n\t\t)\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe()\n\t}\n\n\tfirstUpdated() {\n\t\tthis.currentCorner = this.corner\n\t\tthis.hasHandle = this.handleNodes.length > 0\n\t\tthis.loadPosition()\n\t\tconst container = this.containerRef.value\n\t\tconst trigger = this.triggerRef.value\n\t\tconst handle = this.handleRef.value\n\t\tif (!container || !trigger || !handle) return\n\t\tthis.applyContainerPosition()\n\n\t\t// Three intents, three sources, one pipeline, one subscribe.\n\t\t//\n\t\t// open$ — a plain click/Enter/Space on the trigger region. No\n\t\t// preventDefault/stopPropagation: a slotted button's own\n\t\t// click still fires; it merely also bubbles to \"open\".\n\t\t// drag$ — pointerdown on the boat-owned drag-handle wrapper. A\n\t\t// dedicated region, so every pointerdown there is a drag\n\t\t// intent — no element-type sniffing. A session ends on\n\t\t// pointerup/cancel; settle = move past threshold ? snap to\n\t\t// the nearest corner : treat as a tap and open.\n\t\tmerge(\n\t\t\tfromEvent<MouseEvent>(trigger, 'click').pipe(tap(() => this.toggle())),\n\t\t\tfromEvent<KeyboardEvent>(trigger, 'keydown').pipe(\n\t\t\t\tfilter(e => e.key === 'Enter' || e.key === ' '),\n\t\t\t\ttap(e => {\n\t\t\t\t\te.preventDefault()\n\t\t\t\t\tthis.toggle()\n\t\t\t\t}),\n\t\t\t),\n\t\t\tfromEvent<PointerEvent>(handle, 'pointerdown').pipe(\n\t\t\t\tfilter(e => e.button === 0),\n\t\t\t\ttap(e => {\n\t\t\t\t\te.preventDefault()\n\t\t\t\t\t// Capture can throw InvalidStateError if the pointer is\n\t\t\t\t\t// already released (fast tap) — drag still works without it.\n\t\t\t\t\ttry {\n\t\t\t\t\t\thandle.setPointerCapture(e.pointerId)\n\t\t\t\t\t} catch {\n\t\t\t\t\t\t// no active pointer to capture; ignore\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\texhaustMap(down => {\n\t\t\t\t\tconst rect = container.getBoundingClientRect()\n\t\t\t\t\tconst offsetX = down.clientX - rect.left\n\t\t\t\t\tconst offsetY = down.clientY - rect.top\n\t\t\t\t\tlet moved = false\n\t\t\t\t\tconst sameId = (e: PointerEvent) => e.pointerId === down.pointerId\n\t\t\t\t\tconst end$ = merge(\n\t\t\t\t\t\tfromEvent<PointerEvent>(window, 'pointerup'),\n\t\t\t\t\t\tfromEvent<PointerEvent>(window, 'pointercancel'),\n\t\t\t\t\t).pipe(filter(sameId))\n\n\t\t\t\t\treturn fromEvent<PointerEvent>(window, 'pointermove').pipe(\n\t\t\t\t\t\tfilter(sameId),\n\t\t\t\t\t\ttap(e => {\n\t\t\t\t\t\t\tconst dx = e.clientX - down.clientX\n\t\t\t\t\t\t\tconst dy = e.clientY - down.clientY\n\t\t\t\t\t\t\tif (!moved && Math.sqrt(dx * dx + dy * dy) > DRAG_THRESHOLD) {\n\t\t\t\t\t\t\t\tmoved = true\n\t\t\t\t\t\t\t\tthis.isDragging = true\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif (!moved) return\n\t\t\t\t\t\t\tconst vw = window.innerWidth\n\t\t\t\t\t\t\tconst vh = window.innerHeight\n\t\t\t\t\t\t\tconst left = Math.max(0, Math.min(e.clientX - offsetX, vw - rect.width))\n\t\t\t\t\t\t\tconst top = Math.max(0, Math.min(e.clientY - offsetY, vh - rect.height))\n\t\t\t\t\t\t\tthis.position = {\n\t\t\t\t\t\t\t\tx: this.currentCorner.includes('right') ? vw - left - rect.width : left,\n\t\t\t\t\t\t\t\ty: this.currentCorner.includes('bottom') ? vh - top - rect.height : top,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tthis.applyContainerPosition()\n\t\t\t\t\t\t}),\n\t\t\t\t\t\ttakeUntil(end$),\n\t\t\t\t\t\tfinalize(() => {\n\t\t\t\t\t\t\tif (moved) this.reorientToNearestCorner()\n\t\t\t\t\t\t\telse this.toggle()\n\t\t\t\t\t\t\tthis.isDragging = false\n\t\t\t\t\t\t}),\n\t\t\t\t\t)\n\t\t\t\t}),\n\t\t\t),\n\t\t)\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe()\n\n\t\tthis.#ready = true\n\t\tif (this.open) this.openOverlay()\n\t}\n\n\tprotected willUpdate(changed: PropertyValues<this>) {\n\t\tif (!this.#ready || !changed.has('open')) return\n\t\tif (this.open && !this.#sub) this.openOverlay()\n\t\telse if (!this.open && this.#sub) this.#sub.unsubscribe()\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.currentAnimation?.cancel()\n\t\tthis.#sub?.unsubscribe()\n\t}\n\n\t// ============================================\n\t// PUBLIC API\n\t// ============================================\n\n\t/** Flip open ↔ closed. */\n\ttoggle() {\n\t\tthis.open = !this.open\n\t}\n\n\t// ============================================\n\t// RENDER\n\t// ============================================\n\n\tprivate onHandleSlotChange = () => {\n\t\tthis.hasHandle = this.handleNodes.length > 0\n\t}\n\n\t// When Lit re-renders the parent and re-asserts default-slot children back\n\t// into this element, slotchange fires. If the overlay is live, re-relocate\n\t// any reassigned nodes into the overlay wrapper to stop the DOM ping-pong.\n\tprivate onDefaultSlotChange = () => {\n\t\tif (!this.#sub || !this.#wrapper) return\n\t\tthis.slotted.forEach(node => {\n\t\t\tif (node.parentElement !== this.#wrapper) {\n\t\t\t\tthis.#captured.push(node)\n\t\t\t\tthis.#wrapper!.appendChild(node)\n\t\t\t}\n\t\t})\n\t}\n\n\tprotected render(): unknown {\n\t\tconst containerClasses = classMap({\n\t\t\t'inline-flex': true,\n\t\t\t'transition-opacity': true,\n\t\t\t'duration-200': true,\n\t\t\t'opacity-85': this.isDragging,\n\t\t\t'scale-95': this.isDragging,\n\t\t})\n\n\t\tconst containerStyles = styleMap({\n\t\t\tposition: 'fixed',\n\t\t\t'pointer-events': 'auto',\n\t\t})\n\n\t\t// Boat-owned drag region — wraps ONLY the drag-handle slot, so every\n\t\t// pointerdown inside it is unambiguously a drag intent. Hidden (and\n\t\t// out of layout) when the consumer slots no handle: the boat is then\n\t\t// simply not draggable.\n\t\tconst handleClasses = classMap({\n\t\t\tflex: true,\n\t\t\t'items-center': true,\n\t\t\t'touch-none': true,\n\t\t\t'select-none': true,\n\t\t\thidden: !this.hasHandle,\n\t\t\t'cursor-grabbing': this.isDragging,\n\t\t\t'cursor-grab': !this.isDragging,\n\t\t})\n\n\t\treturn html`\n\t\t\t<schmancy-surface\n\t\t\t\t${ref(this.containerRef)}\n\t\t\t\ttype=\"glass\"\n\t\t\t\trounded=\"all\"\n\t\t\t\t.elevation=${3}\n\t\t\t\tclass=\"${containerClasses} overflow-hidden rounded-2xl\"\n\t\t\t\tstyle=${containerStyles}\n\t\t\t\taria-expanded=${this.open}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\t${ref(this.handleRef)}\n\t\t\t\t\tclass=${handleClasses}\n\t\t\t\t\taria-label=\"Drag to move\"\n\t\t\t\t>\n\t\t\t\t\t<slot name=\"drag-handle\" @slotchange=${this.onHandleSlotChange}></slot>\n\t\t\t\t</div>\n\n\t\t\t\t<div\n\t\t\t\t\t${ref(this.triggerRef)}\n\t\t\t\t\tclass=\"flex items-center cursor-pointer\"\n\t\t\t\t\trole=\"button\"\n\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\taria-label=\"Open panel\"\n\t\t\t\t\ttitle=\"Click to open\"\n\t\t\t\t>\n\t\t\t\t\t<slot name=\"trigger\"></slot>\n\t\t\t\t</div>\n\n\t\t\t\t\n\t\t\t\t<div hidden><slot @slotchange=${this.onDefaultSlotChange}></slot></div>\n\t\t\t</schmancy-surface>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-boat': SchmancyBoat\n\t}\n}\n"],"mappings":"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"}

package/dist/boat.cjs CHANGED Viewed

	@@ -1 +1 @@
1	- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./boat-~~DsFJNfPH~~.cjs`);exports.SchmancyBoat=e.t;
1	+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./boat-BIYaPAHp.cjs`);exports.SchmancyBoat=e.t;

package/dist/boat.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import { t as e } from "./boat-fqodYt2n.js";
+import { t as e } from "./boat-ScvAima3.js";
 export { e as SchmancyBoat };

package/dist/breadcrumb.cjs CHANGED Viewed

@@ -1,4 +1,4 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-CncqDLb2.cjs`);const e=require(`./SchmancyElement-C41uPa6l.cjs`);require(`./mixins-fIpzhVMd.cjs`);let t=require(`lit/decorators.js`),n=require(`lit`);var r=class extends e.t{constructor(...e){super(...e),this.separator=`/`}static{this.styles=[n.css`
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-CncqDLb2.cjs`);const e=require(`./SchmancyElement-D9WA9FP9.cjs`);require(`./mixins-XGVIOvKt.cjs`);let t=require(`lit/decorators.js`),n=require(`lit`);var r=class extends e.t{constructor(...e){super(...e),this.separator=`/`}static{this.styles=[n.css`
 	:host {
 		display: block;
 	}

package/dist/breadcrumb.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { t as e, u as t } from "./SchmancyElement-BNnyBOwk.js";
-import "./mixins-DGBI7YPO.js";
+import { t as e, u as t } from "./SchmancyElement-OWgz9ePG.js";
+import "./mixins-COeG4DiX.js";
 import { customElement as n, property as r } from "lit/decorators.js";
 import { css as i, html as a } from "lit";
 var o = class extends e {

package/dist/{busy-enYCTssB.js → busy-BjsO3y2A.js} RENAMED Viewed

@@ -1,5 +1,5 @@
-import { t as e, u as t } from "./SchmancyElement-BNnyBOwk.js";
-import "./mixins-DGBI7YPO.js";
+import { t as e, u as t } from "./SchmancyElement-OWgz9ePG.js";
+import "./mixins-COeG4DiX.js";
 import { customElement as n, property as r } from "lit/decorators.js";
 import { css as i, html as a } from "lit";
 var o = class extends e {

package/dist/{busy-enYCTssB.js.map → busy-BjsO3y2A.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"busy-~~enYCTssB~~.js","names":[],"sources":["../src/busy/busy.ts","../src/busy/spinner.ts"],"sourcesContent":["import { SchmancyElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n@customElement('schmancy-busy')\nexport default class SchmancyBusy extends SchmancyElement {\n\tstatic styles = [css`\n\t:host {\n\t\tdisplay: inline;\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\tpointer-events: all;\n\t\tz-index: 50;\n\t}\n`];\n\tprotected render(): unknown {\n\t\treturn html`\n\t\t\t<!-- Clean overlay with subtle backdrop -->\n\t\t\t<div class=\"absolute inset-0 flex items-center justify-center bg-surface-container/10 backdrop-blur-xs rounded-[inherit]\">\n\t\t\t\t<!-- Content container with clean surface -->\n\t\t\t\t<div class=\"relative flex items-center justify-center p-4\">\n\t\t\t\t\t\n\t\t\t\t\t<!-- Content slot -->\n\t\t\t\t\t<div class=\"relative z-10\">\n\t\t\t\t\t\t<slot>\n\t\t\t\t\t\t\t<!-- Default spinner if no content provided -->\n\t\t\t\t\t\t\t<schmancy-spinner ></schmancy-spinner>\n\t\t\t\t\t\t</slot>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-busy': SchmancyBusy\n\t}\n}\n","import { SchmancyElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n@customElement('schmancy-spinner')\nexport default class SchmnacySpinner extends SchmancyElement {\n\tstatic styles = [css`\n\t:host {\n\t\tdisplay: inline-block;\n\t\tcolor: inherit; /* Inherit from parent by default /\n\t}\n\n\t/ Explicit color options when needed /\n\t:host([color=\"primary\"]) {\n\t\tcolor: var(--schmancy-sys-color-primary-default);\n\t}\n\n\t:host([color=\"on-primary\"]) {\n\t\tcolor: var(--schmancy-sys-color-primary-on);\n\t}\n\n\t:host([color=\"secondary\"]) {\n\t\tcolor: var(--schmancy-sys-color-secondary-default);\n\t}\n\n\t:host([color=\"on-secondary\"]) {\n\t\tcolor: var(--schmancy-sys-color-secondary-on);\n\t}\n\n\t:host([color=\"tertiary\"]) {\n\t\tcolor: var(--schmancy-sys-color-tertiary-default);\n\t}\n\n\t:host([color=\"on-tertiary\"]) {\n\t\tcolor: var(--schmancy-sys-color-tertiary-on);\n\t}\n\n\t:host([color=\"error\"]) {\n\t\tcolor: var(--schmancy-sys-color-error-default);\n\t}\n\n\t:host([color=\"on-error\"]) {\n\t\tcolor: var(--schmancy-sys-color-error-on);\n\t}\n\n\t:host([color=\"success\"]) {\n\t\tcolor: var(--schmancy-sys-color-success-default);\n\t}\n\n\t:host([color=\"on-success\"]) {\n\t\tcolor: var(--schmancy-sys-color-success-on);\n\t}\n\n\t:host([color=\"surface\"]) {\n\t\tcolor: var(--schmancy-sys-color-surface-default);\n\t}\n\n\t:host([color=\"on-surface\"]) {\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\n\t:host([color=\"surface-variant\"]) {\n\t\tcolor: var(--schmancy-sys-color-surface-variant-default);\n\t}\n\n\t:host([color=\"on-surface-variant\"]) {\n\t\tcolor: var(--schmancy-sys-color-surface-onVariant);\n\t}\n\n\t.spinner {\n\t\tanimation: spin 1s linear infinite;\n\t\tanimation-direction: reverse;\n\t}\n\n\t@keyframes spin {\n\t\tfrom {\n\t\t\ttransform: rotate(0deg);\n\t\t}\n\t\tto {\n\t\t\ttransform: rotate(360deg);\n\t\t}\n\t}\n`];\n\t@property({ type: String, reflect: true })\n\tcolor?: 'primary' \| 'on-primary' \| 'secondary' \| 'on-secondary' \|\n\t 'tertiary' \| 'on-tertiary' \| 'error' \| 'on-error' \|\n\t 'success' \| 'on-success' \| 'surface' \| 'on-surface' \|\n\t 'surface-variant' \| 'on-surface-variant'\n\n\t/\n\t Size of the spinner - M3 aligned tokens or numeric Tailwind units\n\t * Tokens: 'xxs' (12px), 'xs' (16px), 'sm' (20px), 'md' (24px), 'lg' (32px)\n\t * Numeric: Tailwind units where each unit = 4px (e.g., 6 = 24px)\n\t /\n\t@property() size: 'xxs' \| 'xs' \| 'sm' \| 'md' \| 'lg' \| number = 'md'\n\t@property({ type: Boolean }) glass: boolean = false\n\n\tprotected render(): unknown {\n\t\t// M3 aligned token sizes (fit inside buttons of same token)\n\t\tconst tokenSizes: Record<string, number> = {\n\t\t\txxs: 12, // fits in 24px button (ultra-compact)\n\t\t\txs: 16, // fits in 32px button\n\t\t\tsm: 20, // fits in 40px button\n\t\t\tmd: 24, // fits in 48px button (default)\n\t\t\tlg: 32, // fits in 56px button\n\t\t}\n\n\t\t// Support both token and numeric sizes for backward compatibility\n\t\tlet sizeInPx: number\n\t\tif (typeof this.size === 'string' && this.size in tokenSizes) {\n\t\t\tsizeInPx = tokenSizes[this.size]\n\t\t} else if (typeof this.size === 'number' && !isNaN(this.size)) {\n\t\t\t// Legacy numeric: Tailwind units (each unit = 4px)\n\t\t\tsizeInPx = this.size 4\n\t\t} else {\n\t\t\tsizeInPx = 24 // fallback to md\n\t\t}\n\n\t\tconst style = {\n\t\t\twidth: `${sizeInPx}px`,\n\t\t\theight: `${sizeInPx}px`,\n\t\t}\n\t\t\n\t\treturn this.glass ? html`\n\t\t\t<div class=\"spinner relative\" style=${this.styleMap(style)}>\n\t\t\t\t<!-- Glass container with Apple-style effect -->\n\t\t\t\t<div class=\"absolute inset-0 rounded-full backdrop-blur-xl backdrop-saturate-150\n\t\t\t\t\t\t\tbg-surface-container/20\n\t\t\t\t\t\t\tshadow-[inset_0_1px_1px_0_rgba(255,255,255,0.2)]\n\t\t\t\t\t\t\tborder border-outline-variant/30\"></div>\n\t\t\t\t\n\t\t\t\t<!-- Spinner SVG -->\n\t\t\t\t<svg fill=\"none\" viewBox=\"0 0 16 16\" aria-hidden=\"true\" role=\"img\" \n\t\t\t\t\t style=\"width: 100%; height: 100%;\" class=\"relative z-10\">\n\t\t\t\t\t<path\n\t\t\t\t\t\topacity=\".7\"\n\t\t\t\t\t\td=\"M8 15A7 7 0 108 1a7 7 0 000 14v0z\"\n\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t></path>\n\t\t\t\t\t<path d=\"M15 8a7 7 0 01-7 7\" stroke=\"currentColor\" stroke-width=\"2\"></path>\n\t\t\t\t\t<path d=\"M8 12a4 4 0 100-8 4 4 0 000 8z\" fill=\"currentColor\" opacity=\"0.8\"></path>\n\t\t\t\t</svg>\n\t\t\t</div>\n\t\t` : html`\n\t\t\t<div class=\"spinner\" style=${this.styleMap(style)}>\n\t\t\t\t<svg fill=\"none\" viewBox=\"0 0 16 16\" aria-hidden=\"true\" role=\"img\" style=\"width: 100%; height: 100%;\">\n\t\t\t\t\t<path\n\t\t\t\t\t\topacity=\".5\"\n\t\t\t\t\t\td=\"M8 15A7 7 0 108 1a7 7 0 000 14v0z\"\n\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t></path>\n\t\t\t\t\t<path d=\"M15 8a7 7 0 01-7 7\" stroke=\"currentColor\" stroke-width=\"2\"></path>\n\t\t\t\t\t<path d=\"M8 12a4 4 0 100-8 4 4 0 000 8z\" fill=\"currentColor\"></path>\n\t\t\t\t</svg>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-spinner': SchmnacySpinner\n\t}\n}\n"],"mappings":";;;;AAKe,IAAA,IAAA,cAA2B,EAAA;CAAA;EAAA,KAAA,SACzB,CAAC,CAAG;;;;;;;;;;CASpB,SAAA;EACC,OAAO,CAAI;;;;;;;;;;;;;;;;CAgBZ;AAAA;AAAA,IAAA,EAAA,CA5BA,EAAc,eAAA,CAAA,GAAe,CAAA;ACCf,IAAA,IAAA,cAA8B,EAAA;CAAA,YAAA,GAAA,GAAA;EAAA,MAAA,GAAA,CAAA,GAAA,KAAA,OAyFmB,MAAA,KAAA,QAAA,CACjB;CAAA;CAAA;EAAA,KAAA,SAzF9B,CAAC,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2FpB,SAAA;EAEC,IAAM,IAAqC;GAC1C,KAAK;GACL,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;EAAA,GAID;EAEH,IADwB,OAAd,KAAK,QAAS,YAAY,KAAK,QAAQ,IACtC,EAAW,KAAK,QACI,OAAd,KAAK,QAAS,YAAa,MAAM,KAAK,IAAA,IAI5C,KAFY,IAAZ,KAAK;EAKjB,IAAM,IAAQ;GACb,OAAO,GAAG,EAAA;GACV,QAAQ,GAAG,EAAA;EAAA;EAGZ,OAAO,KAAK,QAAQ,CAAI;yCACe,KAAK,SAAS,CAAA,EAAA;;;;;;;;;;;;;;;;;;;;MAoBjD,CAAI;gCACsB,KAAK,SAAS,CAAA,EAAA;;;;;;;;;;;;;CAa7C;AAAA;AAAA,EAAA,CA3EC,EAAS;CAAE,MAAM;CAAQ,SAAA,CAAS;AAAA,CAAA,CAAA,GAAM,EAAA,WAAA,SAAA,KAAA,CAAA,GAAA,EAAA,CAWxC,EAAA,CAAA,GAAS,EAAA,WAAA,QAAA,KAAA,CAAA,GAAA,EAAA,CACT,EAAS,EAAE,MAAM,QAAA,CAAA,CAAA,GAAS,EAAA,WAAA,SAAA,KAAA,CAAA,GAAA,IAAA,EAAA,CA3F3B,EAAc,kBAAA,CAAA,GAAkB,CAAA"}
1	+ {"version":3,"file":"busy-BjsO3y2A.js","names":[],"sources":["../src/busy/busy.ts","../src/busy/spinner.ts"],"sourcesContent":["import { SchmancyElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n@customElement('schmancy-busy')\nexport default class SchmancyBusy extends SchmancyElement {\n\tstatic styles = [css`\n\t:host {\n\t\tdisplay: inline;\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\tpointer-events: all;\n\t\tz-index: 50;\n\t}\n`];\n\tprotected render(): unknown {\n\t\treturn html`\n\t\t\t<!-- Clean overlay with subtle backdrop -->\n\t\t\t<div class=\"absolute inset-0 flex items-center justify-center bg-surface-container/10 backdrop-blur-xs rounded-[inherit]\">\n\t\t\t\t<!-- Content container with clean surface -->\n\t\t\t\t<div class=\"relative flex items-center justify-center p-4\">\n\t\t\t\t\t\n\t\t\t\t\t<!-- Content slot -->\n\t\t\t\t\t<div class=\"relative z-10\">\n\t\t\t\t\t\t<slot>\n\t\t\t\t\t\t\t<!-- Default spinner if no content provided -->\n\t\t\t\t\t\t\t<schmancy-spinner ></schmancy-spinner>\n\t\t\t\t\t\t</slot>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-busy': SchmancyBusy\n\t}\n}\n","import { SchmancyElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n@customElement('schmancy-spinner')\nexport default class SchmnacySpinner extends SchmancyElement {\n\tstatic styles = [css`\n\t:host {\n\t\tdisplay: inline-block;\n\t\tcolor: inherit; /* Inherit from parent by default /\n\t}\n\n\t/ Explicit color options when needed /\n\t:host([color=\"primary\"]) {\n\t\tcolor: var(--schmancy-sys-color-primary-default);\n\t}\n\n\t:host([color=\"on-primary\"]) {\n\t\tcolor: var(--schmancy-sys-color-primary-on);\n\t}\n\n\t:host([color=\"secondary\"]) {\n\t\tcolor: var(--schmancy-sys-color-secondary-default);\n\t}\n\n\t:host([color=\"on-secondary\"]) {\n\t\tcolor: var(--schmancy-sys-color-secondary-on);\n\t}\n\n\t:host([color=\"tertiary\"]) {\n\t\tcolor: var(--schmancy-sys-color-tertiary-default);\n\t}\n\n\t:host([color=\"on-tertiary\"]) {\n\t\tcolor: var(--schmancy-sys-color-tertiary-on);\n\t}\n\n\t:host([color=\"error\"]) {\n\t\tcolor: var(--schmancy-sys-color-error-default);\n\t}\n\n\t:host([color=\"on-error\"]) {\n\t\tcolor: var(--schmancy-sys-color-error-on);\n\t}\n\n\t:host([color=\"success\"]) {\n\t\tcolor: var(--schmancy-sys-color-success-default);\n\t}\n\n\t:host([color=\"on-success\"]) {\n\t\tcolor: var(--schmancy-sys-color-success-on);\n\t}\n\n\t:host([color=\"surface\"]) {\n\t\tcolor: var(--schmancy-sys-color-surface-default);\n\t}\n\n\t:host([color=\"on-surface\"]) {\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\n\t:host([color=\"surface-variant\"]) {\n\t\tcolor: var(--schmancy-sys-color-surface-variant-default);\n\t}\n\n\t:host([color=\"on-surface-variant\"]) {\n\t\tcolor: var(--schmancy-sys-color-surface-onVariant);\n\t}\n\n\t.spinner {\n\t\tanimation: spin 1s linear infinite;\n\t\tanimation-direction: reverse;\n\t}\n\n\t@keyframes spin {\n\t\tfrom {\n\t\t\ttransform: rotate(0deg);\n\t\t}\n\t\tto {\n\t\t\ttransform: rotate(360deg);\n\t\t}\n\t}\n`];\n\t@property({ type: String, reflect: true })\n\tcolor?: 'primary' \| 'on-primary' \| 'secondary' \| 'on-secondary' \|\n\t 'tertiary' \| 'on-tertiary' \| 'error' \| 'on-error' \|\n\t 'success' \| 'on-success' \| 'surface' \| 'on-surface' \|\n\t 'surface-variant' \| 'on-surface-variant'\n\n\t/\n\t Size of the spinner - M3 aligned tokens or numeric Tailwind units\n\t * Tokens: 'xxs' (12px), 'xs' (16px), 'sm' (20px), 'md' (24px), 'lg' (32px)\n\t * Numeric: Tailwind units where each unit = 4px (e.g., 6 = 24px)\n\t /\n\t@property() size: 'xxs' \| 'xs' \| 'sm' \| 'md' \| 'lg' \| number = 'md'\n\t@property({ type: Boolean }) glass: boolean = false\n\n\tprotected render(): unknown {\n\t\t// M3 aligned token sizes (fit inside buttons of same token)\n\t\tconst tokenSizes: Record<string, number> = {\n\t\t\txxs: 12, // fits in 24px button (ultra-compact)\n\t\t\txs: 16, // fits in 32px button\n\t\t\tsm: 20, // fits in 40px button\n\t\t\tmd: 24, // fits in 48px button (default)\n\t\t\tlg: 32, // fits in 56px button\n\t\t}\n\n\t\t// Support both token and numeric sizes for backward compatibility\n\t\tlet sizeInPx: number\n\t\tif (typeof this.size === 'string' && this.size in tokenSizes) {\n\t\t\tsizeInPx = tokenSizes[this.size]\n\t\t} else if (typeof this.size === 'number' && !isNaN(this.size)) {\n\t\t\t// Legacy numeric: Tailwind units (each unit = 4px)\n\t\t\tsizeInPx = this.size 4\n\t\t} else {\n\t\t\tsizeInPx = 24 // fallback to md\n\t\t}\n\n\t\tconst style = {\n\t\t\twidth: `${sizeInPx}px`,\n\t\t\theight: `${sizeInPx}px`,\n\t\t}\n\t\t\n\t\treturn this.glass ? html`\n\t\t\t<div class=\"spinner relative\" style=${this.styleMap(style)}>\n\t\t\t\t<!-- Glass container with Apple-style effect -->\n\t\t\t\t<div class=\"absolute inset-0 rounded-full backdrop-blur-xl backdrop-saturate-150\n\t\t\t\t\t\t\tbg-surface-container/20\n\t\t\t\t\t\t\tshadow-[inset_0_1px_1px_0_rgba(255,255,255,0.2)]\n\t\t\t\t\t\t\tborder border-outline-variant/30\"></div>\n\t\t\t\t\n\t\t\t\t<!-- Spinner SVG -->\n\t\t\t\t<svg fill=\"none\" viewBox=\"0 0 16 16\" aria-hidden=\"true\" role=\"img\" \n\t\t\t\t\t style=\"width: 100%; height: 100%;\" class=\"relative z-10\">\n\t\t\t\t\t<path\n\t\t\t\t\t\topacity=\".7\"\n\t\t\t\t\t\td=\"M8 15A7 7 0 108 1a7 7 0 000 14v0z\"\n\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t></path>\n\t\t\t\t\t<path d=\"M15 8a7 7 0 01-7 7\" stroke=\"currentColor\" stroke-width=\"2\"></path>\n\t\t\t\t\t<path d=\"M8 12a4 4 0 100-8 4 4 0 000 8z\" fill=\"currentColor\" opacity=\"0.8\"></path>\n\t\t\t\t</svg>\n\t\t\t</div>\n\t\t` : html`\n\t\t\t<div class=\"spinner\" style=${this.styleMap(style)}>\n\t\t\t\t<svg fill=\"none\" viewBox=\"0 0 16 16\" aria-hidden=\"true\" role=\"img\" style=\"width: 100%; height: 100%;\">\n\t\t\t\t\t<path\n\t\t\t\t\t\topacity=\".5\"\n\t\t\t\t\t\td=\"M8 15A7 7 0 108 1a7 7 0 000 14v0z\"\n\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t></path>\n\t\t\t\t\t<path d=\"M15 8a7 7 0 01-7 7\" stroke=\"currentColor\" stroke-width=\"2\"></path>\n\t\t\t\t\t<path d=\"M8 12a4 4 0 100-8 4 4 0 000 8z\" fill=\"currentColor\"></path>\n\t\t\t\t</svg>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-spinner': SchmnacySpinner\n\t}\n}\n"],"mappings":";;;;AAKe,IAAA,IAAA,cAA2B,EAAA;CAAA;EAAA,KAAA,SACzB,CAAC,CAAG;;;;;;;;;;CASpB,SAAA;EACC,OAAO,CAAI;;;;;;;;;;;;;;;;CAgBZ;AAAA;AAAA,IAAA,EAAA,CA5BA,EAAc,eAAA,CAAA,GAAe,CAAA;ACCf,IAAA,IAAA,cAA8B,EAAA;CAAA,YAAA,GAAA,GAAA;EAAA,MAAA,GAAA,CAAA,GAAA,KAAA,OAyFmB,MAAA,KAAA,QAAA,CACjB;CAAA;CAAA;EAAA,KAAA,SAzF9B,CAAC,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2FpB,SAAA;EAEC,IAAM,IAAqC;GAC1C,KAAK;GACL,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;EAAA,GAID;EAEH,IADwB,OAAd,KAAK,QAAS,YAAY,KAAK,QAAQ,IACtC,EAAW,KAAK,QACI,OAAd,KAAK,QAAS,YAAa,MAAM,KAAK,IAAA,IAI5C,KAFY,IAAZ,KAAK;EAKjB,IAAM,IAAQ;GACb,OAAO,GAAG,EAAA;GACV,QAAQ,GAAG,EAAA;EAAA;EAGZ,OAAO,KAAK,QAAQ,CAAI;yCACe,KAAK,SAAS,CAAA,EAAA;;;;;;;;;;;;;;;;;;;;MAoBjD,CAAI;gCACsB,KAAK,SAAS,CAAA,EAAA;;;;;;;;;;;;;CAa7C;AAAA;AAAA,EAAA,CA3EC,EAAS;CAAE,MAAM;CAAQ,SAAA,CAAS;AAAA,CAAA,CAAA,GAAM,EAAA,WAAA,SAAA,KAAA,CAAA,GAAA,EAAA,CAWxC,EAAA,CAAA,GAAS,EAAA,WAAA,QAAA,KAAA,CAAA,GAAA,EAAA,CACT,EAAS,EAAE,MAAM,QAAA,CAAA,CAAA,GAAS,EAAA,WAAA,SAAA,KAAA,CAAA,GAAA,IAAA,EAAA,CA3F3B,EAAc,kBAAA,CAAA,GAAkB,CAAA"}

package/dist/{busy-Cj_PV7oC.cjs → busy-UbCGkTAi.cjs} RENAMED Viewed

@@ -1,4 +1,4 @@
-require(`./chunk-CncqDLb2.cjs`);const e=require(`./SchmancyElement-C41uPa6l.cjs`);require(`./mixins-fIpzhVMd.cjs`);let t=require(`lit/decorators.js`),n=require(`lit`);var r=class extends e.t{static{this.styles=[n.css`
+require(`./chunk-CncqDLb2.cjs`);const e=require(`./SchmancyElement-D9WA9FP9.cjs`);require(`./mixins-XGVIOvKt.cjs`);let t=require(`lit/decorators.js`),n=require(`lit`);var r=class extends e.t{static{this.styles=[n.css`
 	:host {
 		display: inline;
 		position: absolute;