@mhmo91/schmancy 0.9.4 → 0.9.6

package/dist/autocomplete-DOimwVMP.js

@@ -0,0 +1,404 @@
+import { t as e } from "./decorate-D_utPUsC.js";
+import { t } from "./litElement.mixin-CncaUoxz.js";
+import "./mixins.js";
+import { t as n } from "./search-BlGJ6uJv.js";
+import "./input-chip-CI4__N8w.js";
+import { BehaviorSubject as r, combineLatest as i } from "rxjs";
+import { debounceTime as a, distinctUntilChanged as o, take as s, takeUntil as c, tap as l } from "rxjs/operators";
+import { classMap as u } from "lit/directives/class-map.js";
+import { customElement as d, property as f, query as p, queryAssignedElements as m, state as h } from "lit/decorators.js";
+import { html as g, nothing as _ } from "lit";
+import { createRef as v, ref as y } from "lit/directives/ref.js";
+import { repeat as b } from "lit/directives/repeat.js";
+import { when as x } from "lit/directives/when.js";
+var S = class extends t(":host{display:block;border:unset!important;line-height:unset!important;background:unset!important;padding:unset!important;font-size:unset!important;box-shadow:unset!important}:host:focus{box-shadow:unset!important}@keyframes onAutoFillStart{0%{}to{}}:-webkit-any(sch-input::part(input):-webkit-autofill,sch-input input:-webkit-autofill){animation-name:onAutoFillStart;animation-duration:1ms}:is(sch-input::part(input):autofill,sch-input input:autofill){animation-name:onAutoFillStart;animation-duration:1ms}") {
+	static {
+		this.formAssociated = !0;
+	}
+	constructor() {
+		super(), this._valueSet = !1, this._valuesSet = !1, this.required = !1, this.placeholder = "", this.label = "", this.name = "", this.maxHeight = "300px", this.multi = !1, this.description = "", this.size = "md", this.autocomplete = "off", this.debounceMs = 200, this.similarityThreshold = .3, this.error = !1, this.validationMessage = "", this._a11yId = `schmancy-autocomplete-${Math.random().toString(36).slice(2, 10)}`, this._open = !1, this._inputValue = "", this._visibleOptionsCount = 0, this._hasResults = !0, this._inputElementRef = v(), this._selectedValue$ = new r(""), this._selectedValues$ = new r([]), this._inputValue$ = new r("");
+		try {
+			this.internals = this.attachInternals();
+		} catch {
+			this.internals = void 0;
+		}
+	}
+	get form() {
+		return this.internals?.form ?? null;
+	}
+	formResetCallback() {
+		this.multi ? this._selectedValues$.next([]) : this._selectedValue$.next(""), this._inputValue = "", this._inputValue$.next(""), this.error = !1, this.validationMessage = "";
+	}
+	formDisabledCallback(e) {
+		e ? this.setAttribute("disabled", "") : this.removeAttribute("disabled");
+	}
+	get values() {
+		return [...this._selectedValues$.value];
+	}
+	set values(e) {
+		this._valuesSet = !0, this._selectedValues$.next(Array.isArray(e) ? [...e] : []);
+	}
+	get value() {
+		return this.multi ? this._selectedValues$.value.join(",") : this._selectedValue$.value;
+	}
+	set value(e) {
+		if (this._valueSet = !0, this.multi) {
+			let t = e ? e.split(",").map((e) => e.trim()).filter(Boolean) : [], n = this._selectedValues$.value;
+			JSON.stringify(t) !== JSON.stringify(n) && this._selectedValues$.next(t);
+		} else e !== this._selectedValue$.value && (this._selectedValue$.next(e), this._updateInputDisplay());
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.id ||= `sch-autocomplete-${Math.random().toString(36).slice(2, 9)}`, this._setupAutocompleteLogic(), this._setupDocumentClickHandler();
+	}
+	_setupAutocompleteLogic() {
+		i([this._selectedValue$, this._selectedValues$]).pipe(l(([e, t]) => {
+			this._updateOptionSelection(e, t);
+			let n = this.multi ? t.join(",") : e;
+			if (this.internals?.setFormValue(n || null), this.required) {
+				let n = this.multi ? t.length === 0 : !e;
+				this.internals?.setValidity(n ? { valueMissing: !0 } : {}, n ? this.validationMessage || "Please select an option." : void 0);
+			}
+		}), c(this.disconnecting)).subscribe(), this._inputValue$.pipe(o(), a(this.debounceMs), l((e) => {
+			this._open && this._filterOptions(e);
+		}), c(this.disconnecting)).subscribe();
+	}
+	_setupOptionHandlers() {
+		this._options.forEach((e, t) => {
+			e.setAttribute("role", "option"), e.tabIndex = -1, e.id ||= `${this.id}-option-${t}`, e.onmousedown = (e) => {
+				e.preventDefault();
+			}, e.onclick = (t) => {
+				t.stopPropagation(), this._selectOption(e);
+			};
+		});
+	}
+	_updateOptionSelection(e, t) {
+		this._options.forEach((n) => {
+			n.selected = this.multi ? t.includes(n.value) : n.value === e, n.setAttribute("aria-selected", String(n.selected));
+		});
+	}
+	_filterOptions(e) {
+		let t = e.trim();
+		if (t) {
+			let e = this._options.map((e) => {
+				let r = e.label || e.textContent || "", i = e.value, a = n(t, r), o = n(t, i);
+				return {
+					option: e,
+					score: Math.max(1.1 * a, o)
+				};
+			});
+			e.sort((e, t) => t.score - e.score);
+			let r = 0;
+			e.forEach((e, t) => {
+				let { option: n, score: i } = e;
+				i < this.similarityThreshold ? n.hidden = !0 : (n.hidden = !1, r++, n.style.order = String(t));
+			}), this._visibleOptionsCount = r, this._hasResults = r > 0;
+		} else this._options.forEach((e) => {
+			e.hidden = !1, e.style.order = "0";
+		}), this._visibleOptionsCount = this._options.length, this._hasResults = !0;
+		this._announceToScreenReader(this._visibleOptionsCount > 0 ? `${this._visibleOptionsCount} option${this._visibleOptionsCount === 1 ? "" : "s"} available.` : "No results found.");
+	}
+	_openDropdown() {
+		this._open = !0, this._filterOptions(this._inputValue);
+	}
+	_selectOption(e) {
+		if (this.multi) {
+			let t = this._selectedValues$.value, n = t.indexOf(e.value) > -1 ? t.filter((t) => t !== e.value) : [...t, e.value];
+			this._selectedValues$.next(n), this._announceToScreenReader(n.length > 0 ? `Selected: ${this._getSelectedLabels().join(", ")}` : "No options selected"), this._fireChangeEvent();
+		} else this._selectedValue$.next(e.value), this._open = !1, this._fireChangeEvent(), this._inputValue = e.label || e.textContent || "", this._inputValue$.next(this._inputValue), this._announceToScreenReader(`Selected: ${e.label || e.textContent}`);
+	}
+	_setupDocumentClickHandler() {
+		let e = (e) => {
+			if (!this._open) return;
+			let t = e.composedPath();
+			t.includes(this) || this._options.some((e) => t.includes(e)) || (this._open = !1, this._updateInputDisplay());
+		};
+		document.addEventListener("click", e), this.disconnecting.pipe(s(1)).subscribe(() => {
+			document.removeEventListener("click", e);
+		});
+	}
+	_updateInputDisplay() {
+		if (this.multi) return;
+		let e = this._selectedValue$.value, t = this._options.find((t) => t.value === e);
+		this._inputValue = t && (t.label || t.textContent) || "", this._inputValue$.next(this._inputValue), this._inputElementRef.value && (this._inputElementRef.value.value = this._inputValue);
+	}
+	_getSelectedLabels() {
+		return this._options.filter((e) => this.multi ? this._selectedValues$.value.includes(e.value) : e.value === this._selectedValue$.value).map((e) => e.label || e.textContent || "");
+	}
+	_announceToScreenReader(e) {
+		let t = this.shadowRoot?.querySelector("#live-status");
+		t && (t.textContent = e);
+	}
+	_fireChangeEvent() {
+		let e = { value: this.value };
+		this.multi && (e.values = [...this._selectedValues$.value]), this.dispatchEvent(new CustomEvent("change", {
+			detail: e,
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+	checkValidity() {
+		return !this.required || (this.multi ? this._selectedValues$.value.length > 0 : !!this._selectedValue$.value);
+	}
+	reportValidity() {
+		return this._inputElementRef.value ? this._inputElementRef.value.reportValidity() : this.checkValidity();
+	}
+	firstUpdated() {
+		this._setupOptionHandlers(), this._updateInputDisplay(), (this.shadowRoot?.querySelector("slot"))?.addEventListener("slotchange", () => {
+			this._setupOptionHandlers(), this._updateOptionSelection(this._selectedValue$.value, this._selectedValues$.value);
+		});
+	}
+	handleChipRemove(e) {
+		let t = this._selectedValues$.value.filter((t) => t !== e);
+		this._selectedValues$.next(t), this._fireChangeEvent(), this._announceToScreenReader(`Removed: ${this._getChipLabel(e)}`);
+	}
+	_getChipLabel(e) {
+		let t = this._options.find((t) => t.value === e);
+		return t && (t.label || t.textContent) || e;
+	}
+	_focusTextInput() {
+		this._inputElementRef.value && this._inputElementRef.value.focus();
+	}
+	render() {
+		let e = `${this.id}-desc`, { height: t, padding: n, fontSize: r, labelSize: i } = (() => {
+			switch (this.size) {
+				case "sm": return {
+					height: "min-h-[40px]",
+					padding: "px-2",
+					fontSize: "text-sm",
+					labelSize: "text-sm"
+				};
+				case "lg": return {
+					height: "min-h-[60px]",
+					padding: "px-5",
+					fontSize: "text-lg",
+					labelSize: "text-lg"
+				};
+				default: return {
+					height: "min-h-[50px]",
+					padding: "px-4",
+					fontSize: "text-base",
+					labelSize: "text-base"
+				};
+			}
+		})();
+		return g`
+            <div class="relative">
+                <!-- Screen reader live region -->
+                <div id="live-status" role="status" aria-live="polite" class="sr-only"></div>
+
+                <!-- Description -->
+                ${this.description ? g`<div id="${e}" class="sr-only">${this.description}</div>` : ""}
+
+                <!-- Custom input wrapper for Gmail-style chip input -->
+                <slot name="trigger">
+                    ${x(this.multi, () => g`
+                            <!-- Custom multi-select input with inline chips -->
+                            <div class="relative">
+                                ${x(this.label, () => g`
+                                    <label class="${u({
+			"block mb-1 font-medium": !0,
+			"text-primary-default": !this.error,
+			"text-error-default": this.error,
+			[i]: !0
+		})}">
+                                        ${this.label}${this.required ? g`<span class="text-error-default ml-1">*</span>` : ""}
+                                    </label>
+                                `)}
+                                <div
+                                    class="${u({
+			"flex flex-wrap items-center gap-1": !0,
+			[t]: !0,
+			[n]: !0,
+			"block w-full min-w-0 rounded-[8px] border-0": !0,
+			"bg-surface-highest text-surface-on": !0,
+			"ring-0 ring-inset focus-within:ring-1 focus-within:ring-inset": !0,
+			"ring-secondary-default  focus-within:ring-secondary-default": !this.error,
+			"ring-error-default focus-within:ring-error-default": this.error,
+			"cursor-text transition-colors duration-200": !0
+		})}"
+                                    @click=${() => this._focusTextInput()}
+                                    role="combobox"
+                                    aria-autocomplete="list"
+                                    aria-haspopup="listbox"
+                                    aria-controls="options"
+                                    aria-expanded=${this._open}
+                                >
+                                    <!-- Render chips inline -->
+                                    ${b(this._selectedValues$.value, (e) => e, (e) => g`
+                                            <schmancy-input-chip
+                                                .value=${e}
+                                                @remove=${(e) => this.handleChipRemove(e.detail.value)}
+                                                class="shrink-0 my-0.5"
+                                            >
+                                                ${this._getChipLabel(e)}
+                                            </schmancy-input-chip>
+                                        `)}
+
+                                    <!-- Text input for typing -->
+                                    <input
+                                        ${y(this._inputElementRef)}
+                                        id="autocomplete-input"
+                                        type="text"
+                                        class="flex-1 min-w-[120px] py-1 bg-transparent border-none outline-none ${r} font-medium text-surface-on placeholder:text-muted"
+                                        name=${this.name || this.label?.toLowerCase().replace(/\s+/g, "-") || ""}
+                                        .placeholder=${this._selectedValues$.value.length > 0 ? "Add more..." : this.placeholder}
+                                        .value=${this._inputValue}
+                                        .autocomplete=${this.autocomplete}
+                                        aria-invalid=${this.error ? "true" : "false"}
+                                        aria-required=${this.required ? "true" : "false"}
+                                        aria-describedby=${this.error && this.validationMessage ? `${this._a11yId}-err` : _}
+                                        aria-label=${!this.label && this.placeholder ? this.placeholder : _}
+                                        @input=${(e) => {
+			let t = e.target.value;
+			this._inputValue = t, this._inputValue$.next(t);
+		}}
+                                        @focus=${(e) => {
+			e.stopPropagation(), this._inputValue = "", this._inputValue$.next(""), this._openDropdown();
+		}}
+                                        @keydown=${(e) => {
+			this._handleKeyDown(e);
+		}}
+                                        @blur=${() => {
+			this._handleAutoSelectOnBlur();
+		}}
+                                    />
+                                </div>
+
+                                <!-- Validation message -->
+                                ${x(this.error && this.validationMessage, () => g`
+                                    <div id="${this._a11yId}-err" class="mt-1 text-sm text-error-default" role="alert">
+                                        ${this.validationMessage}
+                                    </div>
+                                `)}
+                            </div>
+                        `, () => g`
+                            <!-- Regular single-select input -->
+                            <schmancy-input
+                                .size=${this.size}
+                                ${y(this._inputElementRef)}
+                                id="autocomplete-input"
+                                class="w-full"
+                                .name=${this.name || this.label?.toLowerCase().replace(/\s+/g, "-") || ""}
+                                .label=${this.label}
+                                .placeholder=${this.placeholder}
+                                .required=${this.required}
+                                .value=${this._inputValue}
+                                type="text"
+                                autocomplete=${this.autocomplete}
+                                clickable
+                                role="combobox"
+                                aria-autocomplete="list"
+                                aria-haspopup="listbox"
+                                aria-controls="options"
+                                aria-expanded=${this._open}
+                                aria-describedby=${this.description ? e : void 0}
+                                @input=${(e) => {
+			let t = e.target.value;
+			this._inputValue = t, this._inputValue$.next(t);
+		}}
+                                @focus=${(e) => {
+			e.stopPropagation(), this._openDropdown();
+		}}
+                                @click=${(e) => {
+			e.stopPropagation(), this._openDropdown();
+		}}
+                                @keydown=${(e) => {
+			this._handleKeyDown(e);
+		}}
+                                @blur=${() => {
+			this._handleAutoSelectOnBlur();
+		}}
+                            >
+                            </schmancy-input>
+                        `)}
+                </slot>
+
+                <!-- Options dropdown -->
+                <ul
+                    id="options"
+                    class=${u({
+			absolute: !0,
+			"z-[1000]": !0,
+			"mt-1": !0,
+			"w-full": !0,
+			"rounded-md": !0,
+			"shadow-md": !0,
+			"overflow-auto": !0,
+			"min-w-full": !0,
+			"bg-surface-low": !0,
+			flex: !0,
+			"flex-col": !0
+		})}
+                    role="listbox"
+                    aria-multiselectable=${this.multi ? "true" : "false"}
+                    aria-label=${`${this.label || "Options"} dropdown`}
+                    ?hidden=${!this._open}
+                    style="max-height: ${this.maxHeight}; display: ${this._open ? "flex" : "none"};"
+                    @slotchange=${() => {
+			this._setupOptionHandlers();
+		}}
+                >
+                    <slot></slot>
+                    ${this._hasResults ? "" : g`
+                        <li class="px-3 py-2 text-sm text-muted">No results found</li>
+                    `}
+                </ul>
+            </div>
+        `;
+	}
+	_handleAutoSelectOnBlur() {
+		if (this.multi || !this._open || !this._inputValue.trim()) return;
+		let e = this._inputValue.trim(), t = null, r = 0;
+		this._options.forEach((i) => {
+			if (i.hidden) return;
+			let a = i.label || i.textContent || "", o = i.value, s = n(e, a), c = n(e, o), l = Math.max(1.1 * s, c);
+			l > r && l >= this.similarityThreshold && (r = l, t = i);
+		}), t && (this._selectedValue$.next(t.value), this._inputValue = t.label || t.textContent || "", this._inputValue$.next(this._inputValue), this._open = !1);
+	}
+	_handleKeyDown(e) {
+		let t = this._open, n = this._selectedValues$.value;
+		if (this.multi && e.key === "Backspace" && !this._inputValue && n.length > 0 && !t) {
+			e.preventDefault();
+			let t = n[n.length - 1];
+			this.handleChipRemove(t);
+			return;
+		}
+		if (!t && (e.key === "ArrowDown" || e.key === "Enter")) return e.preventDefault(), this._openDropdown(), void setTimeout(() => {
+			this._options.find((e) => !e.hidden)?.focus();
+		}, 10);
+		if (!t) return;
+		let r = this._options.filter((e) => !e.hidden).sort((e, t) => parseInt(e.style.order || "0") - parseInt(t.style.order || "0")), i = r.find((e) => e === document.activeElement), a = i ? r.indexOf(i) : -1;
+		switch (e.key) {
+			case "Escape":
+				e.preventDefault(), this._open = !1, this._updateInputDisplay(), this._inputElementRef.value?.focus();
+				break;
+			case "Tab":
+				this._open = !1, this._updateInputDisplay();
+				break;
+			case "ArrowDown":
+				e.preventDefault(), r[a < r.length - 1 ? a + 1 : 0]?.focus();
+				break;
+			case "ArrowUp":
+				e.preventDefault(), r[a > 0 ? a - 1 : r.length - 1]?.focus();
+				break;
+			case "Home":
+				e.preventDefault(), r[0]?.focus();
+				break;
+			case "End":
+				e.preventDefault(), r[r.length - 1]?.focus();
+				break;
+			case "Enter":
+			case " ": i && (e.preventDefault(), this._selectOption(i));
+		}
+	}
+};
+e([f({ type: Boolean })], S.prototype, "required", void 0), e([f({ type: String })], S.prototype, "placeholder", void 0), e([f({
+	type: String,
+	reflect: !0
+})], S.prototype, "label", void 0), e([f({ type: String })], S.prototype, "name", void 0), e([f({ type: String })], S.prototype, "maxHeight", void 0), e([f({ type: Boolean })], S.prototype, "multi", void 0), e([f({ type: String })], S.prototype, "description", void 0), e([f({
+	type: String,
+	reflect: !0
+})], S.prototype, "size", void 0), e([f({ type: String })], S.prototype, "autocomplete", void 0), e([f({ type: Number })], S.prototype, "debounceMs", void 0), e([f({ type: Number })], S.prototype, "similarityThreshold", void 0), e([f({ type: Boolean })], S.prototype, "error", void 0), e([f({ type: String })], S.prototype, "validationMessage", void 0), e([f({ type: Array })], S.prototype, "values", null), e([f({
+	type: String,
+	reflect: !0
+})], S.prototype, "value", null), e([h()], S.prototype, "_open", void 0), e([h()], S.prototype, "_inputValue", void 0), e([h()], S.prototype, "_visibleOptionsCount", void 0), e([h()], S.prototype, "_hasResults", void 0), e([p("#options")], S.prototype, "_listbox", void 0), e([p("sch-input")], S.prototype, "_input", void 0), e([m({ flatten: !0 })], S.prototype, "_options", void 0), S = e([d("schmancy-autocomplete")], S);

package/dist/autocomplete-DOimwVMP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete-DOimwVMP.js","names":[],"sources":["../src/autocomplete/autocomplete.scss?inline","../src/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 { $LitElement } from '@mixins/index'\nimport { InputSize, SchmancyInput } from '@schmancy/input'\nimport SchmancyOption from '@schmancy/option/option'\nimport { html, nothing } from 'lit'\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.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} from 'rxjs'\nimport {\n    debounceTime,\n    distinctUntilChanged,\n    take,\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 $LitElement(style) {\n    static formAssociated = true\n    internals: ElementInternals | undefined\n\n    constructor() {\n        super()\n        try {\n            this.internals = this.attachInternals()\n        } catch {\n            this.internals = undefined\n        }\n    }\n\n    get form(): HTMLFormElement | null {\n        return this.internals?.form ?? null\n    }\n\n    formResetCallback(): void {\n        if (this.multi) {\n            this._selectedValues$.next([])\n        } else {\n            this._selectedValue$.next('')\n        }\n        this._inputValue = ''\n        this._inputValue$.next('')\n        this.error = false\n        this.validationMessage = ''\n    }\n\n    formDisabledCallback(disabled: boolean): void {\n        // The component does not expose a disabled prop directly; propagate via attribute.\n        if (disabled) this.setAttribute('disabled', '')\n        else this.removeAttribute('disabled')\n    }\n\n    // Track whether value/values have been explicitly set\n     _valueSet: boolean = false\n     _valuesSet: boolean = false\n\n    // Public API properties\n    @property({ type: Boolean }) required = false\n    @property({ type: String }) placeholder = ''\n    @property({ type: String, reflect: true }) label = ''\n    @property({ type: String }) name = ''\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    @property({ type: Boolean }) error = false\n    @property({ type: String }) validationMessage = ''\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\n    @property({ type: String, reflect: true })\n    get value() {\n        return this.multi \n            ? this._selectedValues$.value.join(',')\n            : this._selectedValue$.value\n    }\n    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    connectedCallback() {\n        super.connectedCallback()\n\n        if (!this.id) {\n            this.id = `sch-autocomplete-${Math.random().toString(36).slice(2, 9)}`\n        }\n\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            // Prevent blur handler from interfering with option selection\n            option.onmousedown = (e: MouseEvent) => {\n                e.preventDefault() // Prevent focus loss\n            }\n\n            // Handle the actual selection\n            option.onclick = (e: MouseEvent) => {\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        // Simple document click handler\n        const handleDocumentClick = (e: MouseEvent) => {\n            if (!this._open) return\n\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        document.addEventListener('click', handleDocumentClick)\n\n        // Cleanup on disconnect\n        this.disconnecting.pipe(take(1)).subscribe(() => {\n            document.removeEventListener('click', handleDocumentClick)\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=${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            setTimeout(() => {\n                const firstVisible = this._options.find(opt => !opt.hidden)\n                firstVisible?.focus()\n            }, 10)\n            return\n        }\n\n        if (!isOpen) return\n\n        const visibleOptions = this._options.filter(opt => !opt.hidden)\n            .sort((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

@@ -1 +1 @@
-require(`./autocomplete-5rVhbieU.cjs`);
+require(`./autocomplete-AI2CCJmK.cjs`);

package/dist/autocomplete.js

@@ -1 +1 @@
-import "./autocomplete-BllPQwr8.js";
+import "./autocomplete-DOimwVMP.js";

package/dist/badge.cjs

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

package/dist/badge.js

@@ -1,2 +1,2 @@
-import { E as e, T as t } from "./src-BLngW2bl.js";
+import { E as e, T as t } from "./src-f5a3W9Mj.js";
 export { t as ScBadgeV2, e as SchmancyBadgeV2 };

package/dist/boat-Bk4u-LzT.cjs

@@ -0,0 +1,80 @@
+require(`./chunk-BCfY8kxB.cjs`);const e=require(`./decorate-F9CuyeHg.cjs`),t=require(`./litElement.mixin-Bj2q1yPw.cjs`);require(`./mixins.cjs`);const n=require(`./animation-Bcwh107v.cjs`),r=require(`./reduced-motion-DR32yKEO.cjs`),i=require(`./theme.service-ETiKUwVy.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`),d=require(`lit/directives/when.js`);var f=44,p=`schmancy-boat-`,m=class extends t.t(l.css`
+	:host {
+		display: contents;
+		position: relative;
+		z-index: 1000;
+	}
+	:host([hidden]) {
+		display: none !important;
+	}
+`){constructor(...e){super(...e),this.id=`default`,this.lowered=!1,this.corner=`bottom-right`,this.open=!1,this.isDragging=!1,this._position={x:16,y:16},this._currentCorner=`bottom-right`,this._containerRef=(0,u.createRef)(),this._contentRef=(0,u.createRef)(),this._headerRef=(0,u.createRef)()}get state(){return this.open?`expanded`:`collapsed`}set state(e){e===`expanded`?this.expand():this.close()}get panelWidth(){return this.expandedWidth??`min(360px, calc(100vw - 32px))`}get isBottomCorner(){return this._currentCorner.startsWith(`bottom`)}get closedClipPath(){return this.isBottomCorner?`inset(calc(100% - 44px) 0px 0px 0px round 22px)`:`inset(0px 0px calc(100% - 44px) 0px round 22px)`}get openClipPath(){return`inset(0px 0px 0px 0px round 12px)`}get elevation(){return this.open?`4`:this.lowered?`1`:`3`}_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+i.n.bottomOffset}px`:e.style.top=`${n}px`}_loadPosition(){try{let e=localStorage.getItem(p+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(p+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(e=!1){let t=this._containerRef.value;if(!t)return;let i=t.getBoundingClientRect(),a=this._currentCorner.includes(`bottom`),o=i.left+i.width/2,s=a?i.bottom-22:i.top+22,c=o>window.innerWidth/2?`right`:`left`,l=`${s>window.innerHeight/2?`bottom`:`top`}-${c}`;if(this._currentCorner=l,this._position={x:16,y:16},this._applyContainerPosition(),this.open||(t.style.clipPath=this.closedClipPath),e||r.t.value)return void this._savePosition();let u=t.getBoundingClientRect(),d=i.left-u.left,f=i.top-u.top;t.style.transform=`translate(${d}px, ${f}px)`,this._currentAnimation?.cancel();let p=t.animate([{transform:t.style.transform},{transform:`translate(0,0)`}],{duration:n.d.duration,easing:n.d.easingFallback,fill:`forwards`});this._currentAnimation=p,p.finished.then(()=>{t.isConnected&&(t.style.transform=``)}),this._savePosition()}_setupDrag(){let e=this._headerRef.value,t=this._containerRef.value;if(!e||!t)return;let n=!1;(0,a.merge)((0,a.fromEvent)(e,`mousedown`).pipe((0,a.filter)(e=>e.button===0),(0,a.tap)(e=>{e.preventDefault(),e.stopPropagation()}),(0,a.map)(e=>({clientX:e.clientX,clientY:e.clientY,type:`mouse`}))),(0,a.fromEvent)(e,`touchstart`).pipe((0,a.map)(e=>({clientX:e.touches[0].clientX,clientY:e.touches[0].clientY,type:`touch`})))).pipe((0,a.map)(({clientX:e,clientY:r,type:i})=>{let a=t.getBoundingClientRect(),o=this._currentCorner.includes(`bottom`),s=this.open;return n=!1,{startX:e,startY:r,offsetX:e-a.left,offsetY:r-a.top,rect:a,isBottom:o,wasOpen:s,type:i}}),(0,a.switchMap)(({startX:e,startY:r,offsetX:i,offsetY:o,rect:s,isBottom:c,wasOpen:l,type:u})=>{let d=u===`mouse`?(0,a.fromEvent)(window,`mousemove`).pipe((0,a.map)(e=>({clientX:e.clientX,clientY:e.clientY}))):(0,a.fromEvent)(window,`touchmove`).pipe((0,a.map)(e=>({clientX:e.touches[0].clientX,clientY:e.touches[0].clientY}))),p=u===`mouse`?(0,a.fromEvent)(window,`mouseup`):(0,a.fromEvent)(window,`touchend`);return d.pipe((0,a.tap)(({clientX:a,clientY:u})=>{let d=a-e,p=u-r;if(Math.sqrt(d*d+p*p)>5&&!n&&(n=!0,this.isDragging=!0,l)){this._currentAnimation?.cancel(),this.open=!1,t.style.clipPath=this.closedClipPath,t.style.overflow=`hidden`;let e=this._contentRef.value;e&&(e.inert=!0,e.style.visibility=`hidden`)}if(!n)return;let m=window.innerWidth,h=window.innerHeight,g=Math.max(0,Math.min(a-i,m-s.width)),_=c?f-s.height:0,v=c?h-s.height:h-f,y=Math.max(_,Math.min(u-o,v));this._position={x:this._currentCorner.includes(`right`)?m-g-s.width:g,y:c?h-y-s.height:y},this._applyContainerPosition()}),(0,a.takeUntil)(p),(0,a.finalize)(()=>{n?(this._reorientToNearestCorner(),this.isDragging=!1,n=!1):(this.isDragging=!1,n=!1,this.toggle())}))}),(0,a.takeUntil)(this.disconnecting)).subscribe()}connectedCallback(){super.connectedCallback(),(0,a.fromEvent)(window,`resize`).pipe((0,a.takeUntil)(this.disconnecting)).subscribe(()=>this._validateBounds()),i.n.bottomOffset$.pipe((0,a.tap)(()=>this._applyContainerPosition()),(0,a.takeUntil)(this.disconnecting)).subscribe()}firstUpdated(){this._currentCorner=this.corner,this._loadPosition();let e=this._containerRef.value,t=this._contentRef.value;e&&(this._applyContainerPosition(),this.open?(e.style.overflow=``,t&&(t.inert=!1,t.style.visibility=`visible`)):(e.style.clipPath=this.closedClipPath,e.style.overflow=`hidden`,t&&(t.inert=!0,t.style.visibility=`hidden`)),this._setupDrag())}disconnectedCallback(){super.disconnectedCallback(),this._currentAnimation?.cancel()}async _animateOpen(){let e=this._containerRef.value,t=this._contentRef.value;if(!e)return;if(t&&(t.style.visibility=`visible`,t.inert=!1),this.open=!0,await this.updateComplete,r.t.value)return e.style.clipPath=``,e.style.overflow=``,void this.dispatchScopedEvent(`toggle`,`expanded`);this._currentAnimation?.cancel(),e.style.overflow=`hidden`;let i=[{clipPath:this.closedClipPath,opacity:.95},{clipPath:this.openClipPath,opacity:1}],a=e.animate(i,{duration:n.d.duration,easing:n.d.easingFallback,fill:`forwards`});this._currentAnimation=a,a.finished.then(()=>{e.isConnected&&(e.style.clipPath=``,e.style.overflow=``)}),this.dispatchScopedEvent(`toggle`,`expanded`)}async _animateClose(){let e=this._containerRef.value;if(!e)return;if(r.t.value){e.style.clipPath=this.closedClipPath,e.style.overflow=`hidden`,this.open=!1;let t=this._contentRef.value;t&&(t.inert=!0,t.style.visibility=`hidden`),this.dispatchScopedEvent(`toggle`,`collapsed`);return}this._currentAnimation?.cancel(),e.style.overflow=`hidden`;let t=[{clipPath:this.openClipPath,opacity:1},{clipPath:this.closedClipPath,opacity:.95}],i=e.animate(t,{duration:Math.round(.9*n.f.duration),easing:`cubic-bezier(0.4, 0, 0.8, 0.15)`,fill:`forwards`});this._currentAnimation=i,await i.finished,this.open=!1;let a=this._contentRef.value;a&&(a.inert=!0,a.style.visibility=`hidden`),this.dispatchScopedEvent(`toggle`,`collapsed`)}toggle(){this.open?this._animateClose():this._animateOpen()}expand(){this.open||(this.removeAttribute(`hidden`),this._containerRef.value?this._animateOpen():this.open=!0)}show(){this.expand()}close(){this.open&&(this._containerRef.value?this._animateClose():this.open=!1)}render(){let e=this._currentCorner.startsWith(`bottom`),t=(0,o.classMap)({flex:!0,"flex-col":e,"flex-col-reverse":!e,"will-change-[clip-path]":!0,"z-1000":!0,"ring-1":!0,"ring-primary-default/15":this.open,"rounded-2xl":this.open,"ring-outline-variant/40":!this.open,"rounded-[22px]":!this.open,"overflow-hidden":!0,"opacity-95":this.isDragging}),n=(0,s.styleMap)({position:`fixed`,width:this.panelWidth,"max-height":`calc(100vh - 32px)`,"pointer-events":`none`}),r=(0,s.styleMap)({"pointer-events":this.open?`auto`:`none`}),i=(0,o.classMap)({"h-full":!0,"px-3":!0,flex:!0,"items-center":!0,"gap-2":!0,"select-none":!0,"cursor-grabbing":this.isDragging,"cursor-move":!this.isDragging,"transition-opacity":!0,"duration-200":!0});return l.html`
+			<!-- schmancy-surface owns background color and elevation-based shadow.
+			     Position is managed imperatively via _applyContainerPosition(). -->
+			<schmancy-surface
+				${(0,u.ref)(this._containerRef)}
+				type="glass"
+				elevation="${this.elevation}"
+				class=${t}
+				style=${n}
+				aria-expanded=${this.open}
+			>
+				<!-- Content section (visually above header for bottom corners) -->
+				<section
+					${(0,u.ref)(this._contentRef)}
+					class="flex-1 min-h-0 overflow-hidden flex flex-col"
+					style=${r}
+					role="dialog"
+					aria-label="${this.label??`Floating panel`}"
+				>
+					<schmancy-surface type="solid" class="flex flex-col flex-1 min-h-0 overflow-hidden">
+						<schmancy-scroll hide class="flex-1">
+							<slot></slot>
+						</schmancy-scroll>
+					</schmancy-surface>
+				</section>
+
+				<!-- Gradient separator between header and content — only when open -->
+				${(0,d.when)(this.open,()=>l.html`<div
+							class="h-px shrink-0 bg-linear-to-r from-transparent via-primary-default/30 to-transparent"
+						></div>`)}
+
+				<!-- Header / FAB section — always interactive, always visible -->
+				<section
+					class="shrink-0 bg-surface-containerLowest"
+					style=${(0,s.styleMap)({"pointer-events":`auto`,height:`44px`})}
+				>
+					<div
+						${(0,u.ref)(this._headerRef)}
+						class=${i}
+						title="Drag to move"
+						aria-label="Drag to reposition panel"
+					>
+						<!-- Summary slot rendered once — avoids DOM teardown on toggle -->
+						<div class="flex-1 min-w-0">
+							<slot name="summary"></slot>
+						</div>
+
+						<!-- Toggle button: collapse when open, expand when closed -->
+						${(0,d.when)(this.open,()=>l.html`
+								<schmancy-icon-button
+									size="sm"
+									variant="text"
+									@click=${e=>{e.stopPropagation(),this.close()}}
+									title="Collapse"
+								>
+									close_fullscreen
+								</schmancy-icon-button>
+							`,()=>l.html`
+								<schmancy-icon-button
+									size="sm"
+									variant="text"
+									@click=${e=>{e.stopPropagation(),this.expand()}}
+									title="Expand"
+								>
+									fullscreen
+								</schmancy-icon-button>
+							`)}
+					</div>
+				</section>
+			</schmancy-surface>
+		`}};e.t([(0,c.property)({type:String})],m.prototype,`id`,void 0),e.t([(0,c.property)({type:String})],m.prototype,`icon`,void 0),e.t([(0,c.property)({type:String})],m.prototype,`label`,void 0),e.t([(0,c.property)({type:String})],m.prototype,`expandedWidth`,void 0),e.t([(0,c.property)({type:Boolean,reflect:!0})],m.prototype,`lowered`,void 0),e.t([(0,c.property)({type:String})],m.prototype,`corner`,void 0),e.t([(0,c.property)({type:Boolean,reflect:!0})],m.prototype,`open`,void 0),e.t([(0,c.state)()],m.prototype,`isDragging`,void 0),e.t([(0,c.state)()],m.prototype,`_currentCorner`,void 0);var h=m=e.t([(0,c.customElement)(`schmancy-boat`)],m);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return h}});