@mhmo91/schmancy 0.10.35 → 0.10.37

package/dist/{chips-Dg6Lk6BT.js → chips-vWmwqQed.js}

@@ -1,16 +1,18 @@
-import { t as e, u as t } from "./SchmancyElement-CA0Wqt8m.js";
-import "./mixins-Bp0wIHg2.js";
-import "./input-chip-C6Lq1927.js";
-import { r as n } from "./layout-D4IOwx7p.js";
-import { t as r } from "./magnetic-DaOOv5Dz.js";
-import { BehaviorSubject as i, combineLatest as a } from "rxjs";
-import { debounceTime as o, distinctUntilChanged as s, takeUntil as c } from "rxjs/operators";
-import { classMap as l } from "lit/directives/class-map.js";
-import { customElement as u, property as d, queryAssignedElements as f, state as p } from "lit/decorators.js";
-import { LitElement as m, css as h, html as g } from "lit";
-var _ = class extends e {
+import { t as e, u as t } from "./SchmancyElement-CDT2q1lA.js";
+import { o as n } from "./mixins-De1zjyhy.js";
+import "./input-chip-BlWhOruv.js";
+import { r } from "./layout-Dxit9enO.js";
+import { t as i } from "./magnetic-DaOOv5Dz.js";
+import { BehaviorSubject as a, combineLatest as o } from "rxjs";
+import { debounceTime as s, distinctUntilChanged as c, takeUntil as l } from "rxjs/operators";
+import { classMap as u } from "lit/directives/class-map.js";
+import { customElement as d, property as f, queryAssignedElements as p, state as m } from "lit/decorators.js";
+import { LitElement as h, css as g, html as _, nothing as v } from "lit";
+import { ifDefined as y } from "lit/directives/if-defined.js";
+import { when as b } from "lit/directives/when.js";
+var x = class extends e {
 	constructor(...e) {
-		super(...e), this.value = "", this.icon = "", this.href = "", this.target = "", this.disabled = !1, this.elevated = !0, this.hover$ = new i(!1), this.pressed$ = new i(!1), this.focused$ = new i(!1), this.ripples = [], this.nextRippleId = 0, this.handleClick = (e) => {
+		super(...e), this.value = "", this.icon = "", this.href = "", this.target = "", this.disabled = !1, this.elevated = !0, this.hover$ = new a(!1), this.pressed$ = new a(!1), this.focused$ = new a(!1), this.ripples = [], this.nextRippleId = 0, this.handleClick = (e) => {
 			if (this.disabled) return;
 			let t = this.shadowRoot?.querySelector("button");
 			if (t) {
@@ -46,7 +48,7 @@ var _ = class extends e {
 		};
 	}
 	static {
-		this.styles = [h`
+		this.styles = [g`
 	:host {
 		display: inline-block;
 		outline: none;
@@ -100,23 +102,23 @@ var _ = class extends e {
 	}
 	static {
 		this.shadowRootOptions = {
-			...m.shadowRootOptions,
+			...h.shadowRootOptions,
 			delegatesFocus: !0
 		};
 	}
 	connectedCallback() {
-		super.connectedCallback(), a([
+		super.connectedCallback(), o([
 			this.hover$,
 			this.pressed$,
 			this.focused$
-		]).pipe(c(this.disconnecting)).subscribe();
+		]).pipe(l(this.disconnecting)).subscribe();
 	}
 	render() {
 		let e = !!this.icon;
-		return g`
+		return _`
 			<button
 				type="button"
-				class=${l({
+				class=${u({
 			relative: !0,
 			"inline-flex": !0,
 			"items-center": !0,
@@ -157,7 +159,7 @@ var _ = class extends e {
 				aria-disabled=${this.disabled}
 				aria-label=${this.value}
 			>
-				${this.icon ? g`
+				${this.icon ? _`
 					<schmancy-icon class="text-[18px] shrink-0">${this.icon}</schmancy-icon>
 				` : ""}
 				<span class="text-sm font-medium leading-5">
@@ -165,7 +167,7 @@ var _ = class extends e {
 				</span>
 
 				<!-- Ripple effects -->
-				${this.ripples.map((e) => g`
+				${this.ripples.map((e) => _`
 					<span
 						class="ripple"
 						style="left: ${e.x}px; top: ${e.y}px;"
@@ -178,129 +180,150 @@ var _ = class extends e {
 		`;
 	}
 };
-t([d({ reflect: !0 })], _.prototype, "value", void 0), t([d({ reflect: !0 })], _.prototype, "icon", void 0), t([d({ reflect: !0 })], _.prototype, "href", void 0), t([d({ reflect: !0 })], _.prototype, "target", void 0), t([d({
+t([f({ reflect: !0 })], x.prototype, "value", void 0), t([f({ reflect: !0 })], x.prototype, "icon", void 0), t([f({ reflect: !0 })], x.prototype, "href", void 0), t([f({ reflect: !0 })], x.prototype, "target", void 0), t([f({
 	type: Boolean,
 	reflect: !0
-})], _.prototype, "disabled", void 0), t([d({
+})], x.prototype, "disabled", void 0), t([f({
 	type: Boolean,
 	reflect: !0
-})], _.prototype, "elevated", void 0), t([p()], _.prototype, "ripples", void 0), _ = t([u("schmancy-assist-chip")], _);
-var v = class extends e {
-	constructor(...e) {
-		super(...e), this.value$ = new i(""), this.values$ = new i([]), this._value = "", this._values = [], this._multi = !1, this._valueSet = !1, this._valuesSet = !1, this.wrap = !1, this.required = !1, this.justify = "start";
-	}
-	static {
-		this.styles = [h`
-:host{
-	display:block;
-	height:fit-content;
-	width:fit-content;
+})], x.prototype, "elevated", void 0), t([m()], x.prototype, "ripples", void 0), x = t([d("schmancy-assist-chip")], x);
+var S = class extends n(g`
+:host {
+	display: block;
+	height: fit-content;
+	width: fit-content;
 }
-
-`];
-	}
-	get multi() {
-		return this._multi;
+`) {
+	constructor(...e) {
+		super(...e), this.multi = !1, this.wrap = !1, this.justify = "start", this.value$ = new a(""), this.values$ = new a([]);
 	}
-	set multi(e) {
-		this._multi = e;
+	get value() {
+		return this.multi ? this.values$?.value ?? [] : this.value$?.value ?? "";
 	}
-	get mode() {
-		return this._valuesSet ? "multi" : this._valueSet ? "single" : this.hasAttribute("values") ? "multi" : this.hasAttribute("value") ? "single" : !0 === this._multi ? "multi" : "none";
+	set value(e) {
+		let t = this.value;
+		if (this.multi) {
+			let t = Array.isArray(e) ? e : e ? String(e).split(",").map((e) => e.trim()).filter(Boolean) : [];
+			this.values$?.next(t);
+		} else this.value$?.next(Array.isArray(e) ? e[0] ?? "" : String(e ?? ""));
+		this.requestUpdate("value", t);
 	}
 	get values() {
-		return this._values;
+		return [...this.values$?.value ?? []];
 	}
 	set values(e) {
-		this._values = e || [], this._valuesSet = !0, this.values$.next(this._values);
+		this.values$?.next(Array.isArray(e) ? [...e] : []);
 	}
-	get value() {
-		return this._value;
+	willUpdate(e) {
+		if (super.willUpdate(e), e.has("value") && Array.isArray(this.value) && this.name) {
+			let e = new FormData();
+			this.value.forEach((t) => e.append(this.name, t)), this.internals?.setFormValue(e);
+		}
 	}
-	set value(e) {
-		this._value = e || "", this._valueSet = !0, this.value$.next(this._value);
+	checkValidity() {
+		if (this.required && Array.isArray(this.value) && this.value.length === 0) {
+			let e = this.errorMessages?.valueMissing ?? "This field is required";
+			return this.internals?.setValidity({ valueMissing: !0 }, e), (this.submitted || this.dirty || this.touched || this.validateOn === "always") && (this.error = !0, this.validationMessage = e), !1;
+		}
+		return super.checkValidity();
 	}
 	connectedCallback() {
-		super.connectedCallback(), this.value$.next(this._value), this.values$.next(this._values), a([this.value$.pipe(s()), this.values$.pipe(s((e, t) => e.length === t.length && e.every((e, n) => e === t[n])))]).pipe(o(0), c(this.disconnecting)).subscribe(([e, t]) => {
-			this.updateChipStates(this.mode, e, t);
+		if (super.connectedCallback(), this.multi) {
+			let e = this.value;
+			this.values$.next(Array.isArray(e) ? e : []);
+		} else {
+			let e = this.value;
+			this.value$.next(Array.isArray(e) ? e[0] ?? "" : String(e ?? ""));
+		}
+		o([this.value$.pipe(c()), this.values$.pipe(c((e, t) => e.length === t.length && e.every((e, n) => e === t[n])))]).pipe(s(0), l(this.disconnecting)).subscribe(([e, t]) => {
+			this.updateChipStates(e, t);
 		});
 	}
-	updateChipStates(e, t, n) {
-		this.chips && e !== "none" && this.chips.forEach((r) => {
-			if ("value" in r && "selected" in r) {
-				let i = r;
-				e === "multi" ? i.selected = n.length > 0 && n.includes(i.value) : e === "single" && (i.selected = t !== "" && t === i.value);
+	updateChipStates(e, t) {
+		this.chips && this.chips.forEach((n) => {
+			if ("value" in n && "selected" in n) {
+				let r = n;
+				this.multi ? r.selected = t.length > 0 && t.includes(r.value) : r.selected = e !== "" && e === r.value;
 			}
 		});
 	}
 	async change(e) {
-		if (e.preventDefault(), e.stopPropagation(), this.mode === "none") return;
+		e.preventDefault(), e.stopPropagation();
 		let { value: t, selected: n } = e.detail;
-		if (this.mode === "multi") n ? this._values.includes(t) || (this._values = [...this._values, t], this.values$.next(this._values)) : (this._values = this._values.filter((e) => e !== t), this.values$.next(this._values));
-		else if (this.mode === "single") {
-			if (n) this._value = t;
+		if (this.multi) {
+			let e = this.value;
+			n ? this.values$.value.includes(t) || this.values$.next([...this.values$.value, t]) : this.values$.next(this.values$.value.filter((e) => e !== t)), this.requestUpdate("value", e);
+		} else {
+			let e = this.value;
+			if (n) this.value$.next(t);
 			else {
 				if (this.required) return;
-				this._value = "";
+				this.value$.next("");
 			}
-			this.value$.next(this._value);
+			this.requestUpdate("value", e);
 		}
-		this.requestUpdate(), this.dispatchEvent(new CustomEvent("change", {
-			detail: this.mode === "multi" ? this._values : this._value,
-			bubbles: !0
-		}));
+		this.emitChange({ value: this.multi ? this.values$.value : this.value$.value });
+	}
+	resetForm() {
+		super.resetForm(), this.value$.next(""), this.values$.next([]);
 	}
 	firstUpdated(e) {
-		super.firstUpdated(e), this.updateChipStates(this.mode, this._value, this._values);
+		super.firstUpdated(e), this.updateChipStates(this.value$.value, this.values$.value);
 	}
 	render() {
 		let e = {
 			"flex flex-nowrap justify-center gap-2": !0,
 			"flex-wrap": this.wrap,
 			"justify-center": this.justify === "center"
+		}, t = {
+			"rounded-lg transition-all duration-200": !0,
+			"outline outline-2 outline-offset-4 outline-error-default": this.error
 		};
-		return g`
-			<schmancy-scroll
-				hide
-				.direction=${this.wrap ? "vertical" : "horizontal"}
-				class="${this.classMap(e)}"
-				${n()}
-				@change=${this.change}
-			>
-				<slot
-					@slotchange=${() => {
-			this.updateChipStates(this.mode, this._value, this._values);
+		return _`
+			<div class="${this.classMap(t)}">
+				<schmancy-scroll
+					hide
+					.direction=${this.wrap ? "vertical" : "horizontal"}
+					class="${this.classMap(e)}"
+					${r()}
+					@change=${this.change}
+				>
+					<slot
+						@slotchange=${() => {
+			this.updateChipStates(this.value$.value, this.values$.value);
 		}}
-				></slot>
-			</schmancy-scroll>
-		`;
+					></slot>
+				</schmancy-scroll>
+			</div>
+
+			${b(this.hint || this.error && this.validationMessage, () => _`
+					<div
+						id="hint-${this.id}"
+						class="mt-1 text-sm ${this.error ? "text-error-default" : "text-surface-onVariant"}"
+						role=${y(this.error ? "alert" : void 0)}
+						aria-live="polite"
+					>
+						${this.error && this.validationMessage ? this.validationMessage : this.hint}
+					</div>
+				`, () => v)}`;
 	}
 };
-t([d({
+t([f({
 	type: Boolean,
 	reflect: !0
-})], v.prototype, "multi", null), t([d({
-	type: Array,
+})], S.prototype, "multi", void 0), t([f({ reflect: !1 })], S.prototype, "value", null), t([f({
+	type: Boolean,
 	reflect: !0
-})], v.prototype, "values", null), t([d({
+})], S.prototype, "wrap", void 0), t([f({
 	type: String,
 	reflect: !0
-})], v.prototype, "value", null), t([f({
+})], S.prototype, "justify", void 0), t([p({
 	selector: "schmancy-chip, schmancy-filter-chip, schmancy-assist-chip, schmancy-input-chip, schmancy-suggestion-chip",
 	flatten: !0
-})], v.prototype, "chips", void 0), t([d({
-	type: Boolean,
-	reflect: !0
-})], v.prototype, "wrap", void 0), t([d({
-	type: Boolean,
-	reflect: !0
-})], v.prototype, "required", void 0), t([d({
-	type: String,
-	reflect: !0
-})], v.prototype, "justify", void 0), v = t([u("schmancy-chips")], v);
-var y = class extends e {
+})], S.prototype, "chips", void 0), S = t([d("schmancy-chips")], S);
+var C = class extends e {
 	static {
-		this.styles = [h`
+		this.styles = [g`
 	:host {
 		display: inline-flex;
 		outline: none;
@@ -369,7 +392,7 @@ var y = class extends e {
 	}
 	static {
 		this.shadowRootOptions = {
-			...m.shadowRootOptions,
+			...h.shadowRootOptions,
 			delegatesFocus: !0
 		};
 	}
@@ -422,9 +445,9 @@ var y = class extends e {
 			"opacity-[var(--schmancy-sys-state-disabled-opacity)]": this.disabled,
 			"cursor-not-allowed": this.disabled
 		};
-		return g`
+		return _`
 			<button
-				${r({
+				${i({
 			strength: 2,
 			radius: 40
 		})}
@@ -438,7 +461,7 @@ var y = class extends e {
 			>
 				<slot></slot>
 
-				${this.removable ? g`
+				${this.removable ? _`
 							<button
 								class="ml-1 -mr-1 p-0.5 rounded-full hover:bg-surface-containerHighest transition-colors duration-200"
 								@click=${this.handleRemove}
@@ -452,28 +475,28 @@ var y = class extends e {
 		`;
 	}
 };
-if (t([d({
+if (t([f({
 	type: String,
 	reflect: !0
-})], y.prototype, "value", void 0), t([d({
+})], C.prototype, "value", void 0), t([f({
 	type: Boolean,
 	reflect: !0
-})], y.prototype, "selected", null), t([d({
+})], C.prototype, "selected", null), t([f({
 	type: Boolean,
 	reflect: !0
-})], y.prototype, "removable", void 0), t([d({
+})], C.prototype, "removable", void 0), t([f({
 	type: Boolean,
 	reflect: !0
-})], y.prototype, "disabled", void 0), t([d({
+})], C.prototype, "disabled", void 0), t([f({
 	type: Boolean,
 	reflect: !0
-})], y.prototype, "elevated", void 0), customElements.get("schmancy-filter-chip") || customElements.define("schmancy-filter-chip", y), !customElements.get("schmancy-chip")) {
-	class e extends y {}
+})], C.prototype, "elevated", void 0), customElements.get("schmancy-filter-chip") || customElements.define("schmancy-filter-chip", C), !customElements.get("schmancy-chip")) {
+	class e extends C {}
 	customElements.define("schmancy-chip", e);
 }
-var b = class extends e {
+var w = class extends e {
 	constructor(...e) {
-		super(...e), this.value = "", this.icon = "", this.href = "", this.target = "", this.disabled = !1, this.elevated = !1, this.hover$ = new i(!1), this.pressed$ = new i(!1), this.focused$ = new i(!1), this.ripples = [], this.nextRippleId = 0, this.handleClick = (e) => {
+		super(...e), this.value = "", this.icon = "", this.href = "", this.target = "", this.disabled = !1, this.elevated = !1, this.hover$ = new a(!1), this.pressed$ = new a(!1), this.focused$ = new a(!1), this.ripples = [], this.nextRippleId = 0, this.handleClick = (e) => {
 			if (this.disabled) return;
 			let t = this.shadowRoot?.querySelector("button");
 			if (t) {
@@ -509,7 +532,7 @@ var b = class extends e {
 		};
 	}
 	static {
-		this.styles = [h`
+		this.styles = [g`
 	:host {
 		display: inline-block;
 		outline: none;
@@ -563,23 +586,23 @@ var b = class extends e {
 	}
 	static {
 		this.shadowRootOptions = {
-			...m.shadowRootOptions,
+			...h.shadowRootOptions,
 			delegatesFocus: !0
 		};
 	}
 	connectedCallback() {
-		super.connectedCallback(), a([
+		super.connectedCallback(), o([
 			this.hover$,
 			this.pressed$,
 			this.focused$
-		]).pipe(c(this.disconnecting)).subscribe();
+		]).pipe(l(this.disconnecting)).subscribe();
 	}
 	render() {
 		let e = !!this.icon;
-		return g`
+		return _`
 			<button
 				type="button"
-				class=${l({
+				class=${u({
 			relative: !0,
 			"inline-flex": !0,
 			"items-center": !0,
@@ -618,7 +641,7 @@ var b = class extends e {
 				aria-disabled=${this.disabled}
 				aria-label=${this.value}
 			>
-				${this.icon ? g`
+				${this.icon ? _`
 					<schmancy-icon class="text-[18px] shrink-0">${this.icon}</schmancy-icon>
 				` : ""}
 				<span class="text-sm font-medium leading-5">
@@ -626,7 +649,7 @@ var b = class extends e {
 				</span>
 
 				<!-- Ripple effects -->
-				${this.ripples.map((e) => g`
+				${this.ripples.map((e) => _`
 					<span
 						class="ripple"
 						style="left: ${e.x}px; top: ${e.y}px;"
@@ -639,11 +662,11 @@ var b = class extends e {
 		`;
 	}
 };
-t([d({ reflect: !0 })], b.prototype, "value", void 0), t([d({ reflect: !0 })], b.prototype, "icon", void 0), t([d({ reflect: !0 })], b.prototype, "href", void 0), t([d({ reflect: !0 })], b.prototype, "target", void 0), t([d({
+t([f({ reflect: !0 })], w.prototype, "value", void 0), t([f({ reflect: !0 })], w.prototype, "icon", void 0), t([f({ reflect: !0 })], w.prototype, "href", void 0), t([f({ reflect: !0 })], w.prototype, "target", void 0), t([f({
 	type: Boolean,
 	reflect: !0
-})], b.prototype, "disabled", void 0), t([d({
+})], w.prototype, "disabled", void 0), t([f({
 	type: Boolean,
 	reflect: !0
-})], b.prototype, "elevated", void 0), t([p()], b.prototype, "ripples", void 0), b = t([u("schmancy-suggestion-chip")], b);
-export { y as n, _ as r, b as t };
+})], w.prototype, "elevated", void 0), t([m()], w.prototype, "ripples", void 0), w = t([d("schmancy-suggestion-chip")], w);
+export { C as n, x as r, w as t };

package/dist/chips-vWmwqQed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chips-vWmwqQed.js","names":[],"sources":["../src/form/fields/chips/assist-chip.ts","../src/form/fields/chips/chips.ts","../src/form/fields/chips/filter-chip.ts","../src/form/fields/chips/suggestion-chip.ts"],"sourcesContent":["import { SchmancyElement } from '@mixins/index'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { BehaviorSubject, combineLatest } from 'rxjs'\nimport { takeUntil } from 'rxjs/operators'\n\n/**\n * Assist chip component - prompts user actions like opening calendar events or sharing content\n * Pure Schmancy implementation with Tailwind CSS and RxJS state management\n */\n@customElement('schmancy-assist-chip')\nexport class SchmancyAssistChip extends SchmancyElement {\n\tstatic styles = [css`\n\t:host {\n\t\tdisplay: inline-block;\n\t\toutline: none;\n\t\twidth: fit-content;\n\t\tmin-width: fit-content;\n\t}\n\n\t:host([disabled]) {\n\t\tpointer-events: none;\n\t}\n\n\t.ripple {\n\t\tposition: absolute;\n\t\tborder-radius: 50%;\n\t\ttransform: scale(0);\n\t\tanimation: ripple 600ms linear;\n\t\tbackground-color: rgba(0, 0, 0, 0.08);\n\t\tpointer-events: none;\n\t}\n\n\t@keyframes ripple {\n\t\tto {\n\t\t\ttransform: scale(4);\n\t\t\topacity: 0;\n\t\t}\n\t}\n\n\t/* State layer for M3 hover/focus/pressed states */\n\t.state-layer {\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\tborder-radius: inherit;\n\t\tpointer-events: none;\n\t\tbackground-color: currentColor;\n\t\topacity: 0;\n\t\ttransition: opacity 200ms ease;\n\t}\n\n\t:host(:not([disabled])) button:hover .state-layer {\n\t\topacity: 0.08;\n\t}\n\n\t:host(:not([disabled])) button:focus-visible .state-layer {\n\t\topacity: 0.1;\n\t}\n\n\t:host(:not([disabled])) button:active .state-layer {\n\t\topacity: 0.1;\n\t}\n`];\n\t/** Value identifier for the chip */\n\t@property({ reflect: true }) value = ''\n\n\t/** Optional icon name (Material Symbols) */\n\t@property({ reflect: true }) icon = ''\n\n\t/** Optional href for navigation */\n\t@property({ reflect: true }) href = ''\n\n\t/** Target for navigation (e.g., '_blank') */\n\t@property({ reflect: true }) target = ''\n\n\t/** Disable the chip */\n\t@property({ type: Boolean, reflect: true }) disabled = false\n\n\t/** Elevated style variant - true by default per M3 spec for assist chips */\n\t@property({ type: Boolean, reflect: true }) elevated = true\n\n\t// RxJS state streams\n\tprivate hover$ = new BehaviorSubject<boolean>(false)\n\tprivate pressed$ = new BehaviorSubject<boolean>(false)\n\tprivate focused$ = new BehaviorSubject<boolean>(false)\n\n\t// UI state - only ripples needed for rendering\n\t@state() private ripples: Array<{ x: number; y: number; id: number }> = []\n\n\tprotected static shadowRootOptions = { ...LitElement.shadowRootOptions, delegatesFocus: true }\n\n\tprivate nextRippleId = 0\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\t// Stream management for future extensions\n\t\t// Currently, states are handled directly in event handlers\n\t\t// This pipeline can be extended for more complex state interactions\n\t\tcombineLatest([\n\t\t\tthis.hover$,\n\t\t\tthis.pressed$,\n\t\t\tthis.focused$\n\t\t]).pipe(\n\t\t\t// States are managed through event handlers directly\n\t\t\t// This pipeline is kept for potential future state combinations\n\t\t\ttakeUntil(this.disconnecting)\n\t\t).subscribe()\n\t}\n\n\tprivate handleClick = (e: MouseEvent) => {\n\t\tif (this.disabled) return\n\n\t\t// Add ripple effect\n\t\tconst button = this.shadowRoot?.querySelector('button')\n\t\tif (button) {\n\t\t\tconst rect = button.getBoundingClientRect()\n\t\t\tconst x = e.clientX - rect.left\n\t\t\tconst y = e.clientY - rect.top\n\t\t\tconst id = this.nextRippleId++\n\n\t\t\tthis.ripples = [...this.ripples, { x, y, id }]\n\n\t\t\t// Remove ripple after animation\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis.ripples = this.ripples.filter(r => r.id !== id)\n\t\t\t}, 600)\n\t\t}\n\n\t\t// Navigate if href is provided\n\t\tif (this.href) {\n\t\t\tif (this.target === '_blank') {\n\t\t\t\twindow.open(this.href, '_blank')\n\t\t\t} else {\n\t\t\t\twindow.location.href = this.href\n\t\t\t}\n\t\t}\n\n\t\t// Dispatch action event\n\t\tthis.dispatchEvent(new CustomEvent('action', {\n\t\t\tdetail: { value: this.value },\n\t\t\tbubbles: true,\n\t\t\tcomposed: true\n\t\t}))\n\t}\n\n\tprivate handleKeyDown = (e: KeyboardEvent) => {\n\t\tif (this.disabled) return\n\n\t\tif (e.key === 'Enter' || e.key === ' ') {\n\t\t\te.preventDefault()\n\t\t\tthis.pressed$.next(true)\n\n\t\t\t// Simulate click\n\t\t\tconst clickEvent = new MouseEvent('click', {\n\t\t\t\tbubbles: true,\n\t\t\t\tcancelable: true,\n\t\t\t\tclientX: 0,\n\t\t\t\tclientY: 0\n\t\t\t})\n\t\t\tthis.handleClick(clickEvent)\n\n\t\t\tsetTimeout(() => this.pressed$.next(false), 100)\n\t\t}\n\t}\n\n\tprivate handleFocus = () => {\n\t\tthis.focused$.next(true)\n\t}\n\n\tprivate handleBlur = () => {\n\t\tthis.focused$.next(false)\n\t}\n\n\trender() {\n\t\tconst hasIcon = !!this.icon;\n\n\t\tconst classes = {\n\t\t\t'relative': true,\n\t\t\t'inline-flex': true,\n\t\t\t'items-center': true,\n\t\t\t'gap-2': true,\n\t\t\t'h-8': true, // M3: 32px height\n\t\t\t'min-h-[32px]': true,\n\t\t\t'rounded-full': true,\n\t\t\t'cursor-pointer': !this.disabled,\n\t\t\t'transition-all': true,\n\t\t\t'duration-200': true,\n\t\t\t'select-none': true,\n\t\t\t'overflow-hidden': true,\n\n\t\t\t// M3 Padding: 8px with icon, 16px without (leading), 16px trailing\n\t\t\t'pl-2': hasIcon, // 8px with icon\n\t\t\t'pl-4': !hasIcon, // 16px without icon\n\t\t\t'pr-4': true, // 16px trailing\n\n\t\t\t// M3 Colors - assist chips are elevated by default\n\t\t\t'bg-surface-containerLow': true,\n\t\t\t'text-surface-onVariant': true,\n\n\t\t\t// M3: Assist chips elevated by default (shadow-1)\n\t\t\t'shadow-sm': this.elevated && !this.disabled, // shadow-1 for elevation\n\t\t\t'hover:shadow-md': this.elevated && !this.disabled, // elevated on hover\n\n\t\t\t// Focus state\n\t\t\t'focus-visible:outline': !this.disabled,\n\t\t\t'focus-visible:outline-2': !this.disabled,\n\t\t\t'focus-visible:outline-primary': !this.disabled,\n\t\t\t'focus-visible:outline-offset-2': !this.disabled,\n\n\t\t\t// Disabled\n\t\t\t'opacity-38': this.disabled, // M3 disabled opacity\n\t\t\t'cursor-not-allowed': this.disabled\n\t\t}\n\n\t\treturn html`\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\tclass=${classMap(classes)}\n\t\t\t\t?disabled=${this.disabled}\n\t\t\t\t@click=${this.handleClick}\n\t\t\t\t@keydown=${this.handleKeyDown}\n\t\t\t\t@mouseenter=${() => this.hover$.next(true)}\n\t\t\t\t@mouseleave=${() => this.hover$.next(false)}\n\t\t\t\t@mousedown=${() => this.pressed$.next(true)}\n\t\t\t\t@mouseup=${() => this.pressed$.next(false)}\n\t\t\t\t@focus=${this.handleFocus}\n\t\t\t\t@blur=${this.handleBlur}\n\t\t\t\ttabindex=${this.disabled ? '-1' : '0'}\n\t\t\t\trole=\"button\"\n\t\t\t\taria-disabled=${this.disabled}\n\t\t\t\taria-label=${this.value}\n\t\t\t>\n\t\t\t\t${this.icon ? html`\n\t\t\t\t\t<schmancy-icon class=\"text-[18px] shrink-0\">${this.icon}</schmancy-icon>\n\t\t\t\t` : ''}\n\t\t\t\t<span class=\"text-sm font-medium leading-5\">\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</span>\n\n\t\t\t\t<!-- Ripple effects -->\n\t\t\t\t${this.ripples.map(ripple => html`\n\t\t\t\t\t<span\n\t\t\t\t\t\tclass=\"ripple\"\n\t\t\t\t\t\tstyle=\"left: ${ripple.x}px; top: ${ripple.y}px;\"\n\t\t\t\t\t></span>\n\t\t\t\t`)}\n\n\t\t\t\t<!-- State layer for M3 hover/focus/pressed states -->\n\t\t\t\t<div class=\"state-layer\"></div>\n\t\t\t</button>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-assist-chip': SchmancyAssistChip\n\t}\n}\n\nexport type AssistChipActionEvent = { value: string }","import { SchmancyFormField } from '@mixins/formField.mixin'\nimport { css, html, nothing, PropertyValues } from 'lit'\nimport { customElement, property, queryAssignedElements } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { when } from 'lit/directives/when.js'\nimport { BehaviorSubject, combineLatest } from 'rxjs'\nimport { debounceTime, distinctUntilChanged, takeUntil } from 'rxjs/operators'\nimport { fullWidth } from '../../../directives/layout'\nimport type { FilterChipChangeEvent as SchmancyChipChangeEvent } from './filter-chip'\nimport { SchmancyFilterChip as SchmancyChip } from './filter-chip'\n\nexport type SchmancyChipsChangeEvent = CustomEvent<{ value: string | string[] }>\n\n@customElement('schmancy-chips')\nexport default class SchmancyChips extends SchmancyFormField(css`\n:host {\n\tdisplay: block;\n\theight: fit-content;\n\twidth: fit-content;\n}\n`) {\n\t// FACE wiring (formAssociated, internals, attachInternals) comes from\n\t// SchmancyFormField. Same for: name, required, disabled, validationMessage,\n\t// validateOn, touched/dirty/pristine/submitted, markTouched/markSubmitted,\n\t// formResetCallback, formDisabledCallback, FIELD_CONNECT_EVENT dispatch,\n\t// emitChange(), checkValidity(), reportValidity(), setCustomValidity().\n\n\t/** Whether multiple chips can be selected simultaneously. */\n\t@property({ type: Boolean, reflect: true })\n\tmulti: boolean = false\n\n\t// Override `value` with the chips-specific type and a custom getter/setter\n\t// pair backed by reactive subjects.\n\t@property({ reflect: false })\n\toverride get value(): string | string[] {\n\t\treturn this.multi\n\t\t\t? (this.values$?.value ?? [])\n\t\t\t: (this.value$?.value ?? '')\n\t}\n\toverride set value(v: string | string[]) {\n\t\tconst old = this.value\n\t\tif (this.multi) {\n\t\t\tconst arr = Array.isArray(v)\n\t\t\t\t? v\n\t\t\t\t: v ? String(v).split(',').map(s => s.trim()).filter(Boolean) : []\n\t\t\tthis.values$?.next(arr)\n\t\t} else {\n\t\t\tthis.value$?.next(Array.isArray(v) ? (v[0] ?? '') : String(v ?? ''))\n\t\t}\n\t\tthis.requestUpdate('value', old)\n\t}\n\n\t/** Typed convenience alias for multi-mode consumers. */\n\tget values(): string[] {\n\t\treturn [...(this.values$?.value ?? [])]\n\t}\n\tset values(v: string[]) {\n\t\tthis.values$?.next(Array.isArray(v) ? [...v] : [])\n\t}\n\n\t@property({ type: Boolean, reflect: true })\n\twrap: boolean = false\n\n\t@property({ type: String, reflect: true })\n\tjustify: 'start' | 'center' | 'end' = 'start'\n\n\t@queryAssignedElements({\n\t\tselector:\n\t\t\t'schmancy-chip, schmancy-filter-chip, schmancy-assist-chip, schmancy-input-chip, schmancy-suggestion-chip',\n\t\tflatten: true,\n\t})\n\tchips!: (SchmancyChip | HTMLElement)[]\n\n\t// Two internal streams — one for single mode, one for multi mode.\n\tprivate value$ = new BehaviorSubject<string>('')\n\tprivate values$ = new BehaviorSubject<string[]>([])\n\n\tprotected override willUpdate(changedProps: PropertyValues): void {\n\t\tsuper.willUpdate(changedProps)\n\t\t// super handles the string path; fix the array path for multi mode.\n\t\tif (changedProps.has('value') && Array.isArray(this.value) && this.name) {\n\t\t\tconst fd = new FormData()\n\t\t\tthis.value.forEach(v => fd.append(this.name, v))\n\t\t\tthis.internals?.setFormValue(fd)\n\t\t}\n\t}\n\n\toverride checkValidity(): boolean {\n\t\tif (this.required && Array.isArray(this.value) && this.value.length === 0) {\n\t\t\tconst msg = this.errorMessages?.valueMissing ?? 'This field is required'\n\t\t\tthis.internals?.setValidity({ valueMissing: true }, msg)\n\t\t\tif (this.submitted || this.dirty || this.touched || this.validateOn === 'always') {\n\t\t\t\tthis.error = true\n\t\t\t\tthis.validationMessage = msg\n\t\t\t}\n\t\t\treturn false\n\t\t}\n\t\treturn super.checkValidity()\n\t}\n\n\toverride connectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\t// Sync BehaviorSubjects with whatever value was set before connection.\n\t\tif (this.multi) {\n\t\t\tconst cur = this.value\n\t\t\tthis.values$.next(Array.isArray(cur) ? cur : [])\n\t\t} else {\n\t\t\tconst cur = this.value\n\t\t\tthis.value$.next(Array.isArray(cur) ? (cur[0] ?? '') : String(cur ?? ''))\n\t\t}\n\n\t\tcombineLatest([\n\t\t\tthis.value$.pipe(distinctUntilChanged()),\n\t\t\tthis.values$.pipe(\n\t\t\t\tdistinctUntilChanged((prev, curr) => prev.length === curr.length && prev.every((v, i) => v === curr[i])),\n\t\t\t),\n\t\t])\n\t\t\t.pipe(\n\t\t\t\tdebounceTime(0),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(([value, values]) => {\n\t\t\t\tthis.updateChipStates(value, values)\n\t\t\t})\n\t}\n\n\tprivate updateChipStates(value: string, values: string[]) {\n\t\tif (!this.chips) return\n\n\t\tthis.chips.forEach(chip => {\n\t\t\tif ('value' in chip && 'selected' in chip) {\n\t\t\t\tconst filterChip = chip as SchmancyChip\n\t\t\t\tif (this.multi) {\n\t\t\t\t\tfilterChip.selected = values.length > 0 && values.includes(filterChip.value)\n\t\t\t\t} else {\n\t\t\t\t\tfilterChip.selected = value !== '' && value === filterChip.value\n\t\t\t\t}\n\t\t\t}\n\t\t})\n\t}\n\n\tasync change(e: CustomEvent<SchmancyChipChangeEvent>) {\n\t\te.preventDefault()\n\t\te.stopPropagation()\n\n\t\tconst { value: chipValue, selected } = e.detail\n\n\t\tif (this.multi) {\n\t\t\tconst old = this.value\n\t\t\tif (selected) {\n\t\t\t\tif (!this.values$.value.includes(chipValue)) {\n\t\t\t\t\tthis.values$.next([...this.values$.value, chipValue])\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tthis.values$.next(this.values$.value.filter(v => v !== chipValue))\n\t\t\t}\n\t\t\tthis.requestUpdate('value', old)\n\t\t} else {\n\t\t\tconst old = this.value\n\t\t\tif (selected) {\n\t\t\t\tthis.value$.next(chipValue)\n\t\t\t} else if (!this.required) {\n\t\t\t\tthis.value$.next('')\n\t\t\t} else {\n\t\t\t\t// Required single-mode: ignore deselection attempt.\n\t\t\t\treturn\n\t\t\t}\n\t\t\tthis.requestUpdate('value', old)\n\t\t}\n\n\t\tthis.emitChange({ value: this.multi ? this.values$.value : this.value$.value })\n\t}\n\n\toverride resetForm(): void {\n\t\tsuper.resetForm()\n\t\tthis.value$.next('')\n\t\tthis.values$.next([])\n\t}\n\n\tprotected firstUpdated(_changedProperties: PropertyValues): void {\n\t\tsuper.firstUpdated(_changedProperties)\n\t\tthis.updateChipStates(this.value$.value, this.values$.value)\n\t}\n\n\tprotected render(): unknown {\n\t\tconst classes = {\n\t\t\t'flex flex-nowrap justify-center gap-2': true,\n\t\t\t'flex-wrap': this.wrap,\n\t\t\t'justify-center': this.justify === 'center',\n\t\t}\n\t\tconst wrapperClasses = {\n\t\t\t'rounded-lg transition-all duration-200': true,\n\t\t\t'outline outline-2 outline-offset-4 outline-error-default': this.error,\n\t\t}\n\t\treturn html`\n\t\t\t<div class=\"${this.classMap(wrapperClasses)}\">\n\t\t\t\t<schmancy-scroll\n\t\t\t\t\thide\n\t\t\t\t\t.direction=${this.wrap ? 'vertical' : 'horizontal'}\n\t\t\t\t\tclass=\"${this.classMap(classes)}\"\n\t\t\t\t\t${fullWidth()}\n\t\t\t\t\t@change=${this.change}\n\t\t\t\t>\n\t\t\t\t\t<slot\n\t\t\t\t\t\t@slotchange=${() => {\n\t\t\t\t\t\t\tthis.updateChipStates(this.value$.value, this.values$.value)\n\t\t\t\t\t\t}}\n\t\t\t\t\t></slot>\n\t\t\t\t</schmancy-scroll>\n\t\t\t</div>\n\n\t\t\t${when(\n\t\t\t\tthis.hint || (this.error && this.validationMessage),\n\t\t\t\t() => html`\n\t\t\t\t\t<div\n\t\t\t\t\t\tid=\"hint-${this.id}\"\n\t\t\t\t\t\tclass=\"mt-1 text-sm ${this.error ? 'text-error-default' : 'text-surface-onVariant'}\"\n\t\t\t\t\t\trole=${ifDefined(this.error ? 'alert' : undefined)}\n\t\t\t\t\t\taria-live=\"polite\"\n\t\t\t\t\t>\n\t\t\t\t\t\t${this.error && this.validationMessage ? this.validationMessage : this.hint}\n\t\t\t\t\t</div>\n\t\t\t\t`,\n\t\t\t\t() => nothing,\n\t\t\t)}`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-chips': SchmancyChips\n\t}\n}\n","import { SchmancyElement } from '@mixins/index'\nimport { css, html, LitElement } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { magnetic } from '../../../directives/magnetic'\n\n/**\n * Filter chip component for content filtering.\n *\n * Filter chips are the ONLY chip type that maintains persistent selected state.\n * They are used for filtering content by toggling on/off different filter criteria.\n *\n * @fires change - Dispatched when selection state changes with {value, selected}\n * @fires remove - Dispatched when remove button is clicked (if removable)\n *\n * @example\n * ```html\n * <schmancy-filter-chip value=\"category-1\" selected>\n *   Category 1\n * </schmancy-filter-chip>\n * ```\n */\nexport class SchmancyFilterChip extends SchmancyElement {\n\tstatic styles = [css`\n\t:host {\n\t\tdisplay: inline-flex;\n\t\toutline: none;\n\t\tborder-radius: 0.5rem;\n\t\ttransition: transform 200ms cubic-bezier(0.34, 1.56, 0.64, 1);\n\t}\n\n\t:host(:active:not([disabled])) {\n\t\ttransform: scale(0.95);\n\t\ttransition-duration: 100ms;\n\t}\n\n\t:host([disabled]) {\n\t\tpointer-events: none;\n\t\topacity: var(--schmancy-sys-state-disabled-opacity);\n\t}\n\n\t@media (prefers-reduced-motion: reduce) {\n\t\t:host { transition: none; }\n\t\t:host(:active:not([disabled])) { transform: none; }\n\t}\n\n\tbutton {\n\t\tfont-family: inherit;\n\t}\n`];\n\t/** Unique identifier for this filter chip */\n\t@property({ type: String, reflect: true })\n\tvalue: string = ''\n\n\t/** Whether the filter chip is selected (active filter) */\n\tprivate _selected: boolean = false\n\n\t@property({ type: Boolean, reflect: true })\n\tget selected(): boolean {\n\t\treturn this._selected\n\t}\n\tset selected(value: boolean) {\n\t\tconst oldValue = this._selected\n\t\tthis._selected = value\n\t\tthis.requestUpdate('selected', oldValue)\n\t}\n\n\t/** Whether to show a remove button */\n\t@property({ type: Boolean, reflect: true })\n\tremovable: boolean = false\n\n\t/** Whether the chip is disabled */\n\t@property({ type: Boolean, reflect: true })\n\tdisabled: boolean = false\n\n\t/** Whether to use elevated style with shadow */\n\t@property({ type: Boolean, reflect: true })\n\televated: boolean = false\n\n\n\tconstructor() {\n\t\tsuper()\n\t\ttry {\n\t\t\tthis.internals = this.attachInternals()\n\t\t} catch {\n\t\t\tthis.internals = undefined\n\t\t}\n\t}\n\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tdelegatesFocus: true,\n\t}\n\n\tstatic formAssociated = true\n\tinternals: ElementInternals | undefined\n\tget form() {\n\t\treturn this.internals?.form\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t}\n\n\tprotected updated(changed: Map<string, unknown>) {\n\t\tsuper.updated?.(changed)\n\t\tif (changed.has('value') || changed.has('selected')) {\n\t\t\tthis.internals?.setFormValue(this._selected ? (this.value || 'on') : null)\n\t\t}\n\t}\n\n\tformResetCallback(): void {\n\t\tthis._selected = this.hasAttribute('selected')\n\t}\n\n\tformDisabledCallback(disabled: boolean): void {\n\t\tthis.disabled = disabled\n\t}\n\n\tprivate handleClick = () => {\n\t\tif (this.disabled) return\n\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('change', {\n\t\t\t\tdetail: { value: this.value, selected: !this._selected },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\tprivate handleRemove = (e: Event) => {\n\t\tif (this.disabled) return\n\n\t\te.stopPropagation()\n\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('remove', {\n\t\t\t\tdetail: { value: this.value },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\tprivate handleKeyDown = (e: KeyboardEvent) => {\n\t\tif (this.disabled) return\n\n\t\tif (e.key === 'Enter' || e.key === ' ') {\n\t\t\te.preventDefault()\n\t\t\tthis.dispatchEvent(\n\t\t\t\tnew CustomEvent('change', {\n\t\t\t\t\tdetail: { value: this.value, selected: !this._selected },\n\t\t\t\t\tbubbles: true,\n\t\t\t\t\tcomposed: true,\n\t\t\t\t}),\n\t\t\t)\n\t\t}\n\t}\n\n\n\tprotected render(): unknown {\n\t\tconst chipClasses = {\n\t\t\t'inline-flex': true,\n\t\t\t'items-center': true,\n\t\t\t'gap-2': true,\n\t\t\t'rounded-lg': true,\n\t\t\t'h-8 px-4': true,\n\t\t\t'cursor-pointer': !this.disabled,\n\t\t\t'transition-all': true,\n\t\t\t'duration-200': true,\n\t\t\t'select-none': true,\n\t\t\t'text-sm': true,\n\t\t\t'font-medium': true,\n\t\t\t'relative': true,\n\t\t\t'min-h-[32px]': true,\n\n\t\t\t// Background and text colors based on selection state\n\t\t\t'bg-secondary-container': this._selected,\n\t\t\t'text-secondary-onContainer': this._selected,\n\t\t\t'bg-surface-container': !this._selected,\n\t\t\t'text-surface-on': !this._selected,\n\n\t\t\t// Hover states\n\t\t\t'hover:brightness-95': this._selected && !this.disabled,\n\t\t\t'hover:bg-surface-containerHigh': !this._selected && !this.disabled,\n\n\t\t\t// Pressed state\n\t\t\t'active:brightness-90': !this.disabled,\n\n\t\t\t// Focus-visible state\n\t\t\t'focus-visible:outline': !this.disabled,\n\t\t\t'focus-visible:outline-2': !this.disabled,\n\t\t\t'focus-visible:outline-offset-2': !this.disabled,\n\t\t\t'focus-visible:outline-primary-default': !this.disabled,\n\n\t\t\t// Elevated style\n\t\t\t'shadow-md': this.elevated && !this.disabled,\n\t\t\t'hover:shadow-lg': this.elevated && !this.disabled,\n\n\t\t\t// Disabled state\n\t\t\t'opacity-[var(--schmancy-sys-state-disabled-opacity)]': this.disabled,\n\t\t\t'cursor-not-allowed': this.disabled,\n\t\t}\n\n\t\treturn html`\n\t\t\t<button\n\t\t\t\t${magnetic({ strength: 2, radius: 40 })}\n\t\t\t\tclass=${this.classMap(chipClasses)}\n\t\t\t\t@click=${this.handleClick}\n\t\t\t\t@keydown=${this.handleKeyDown}\n\t\t\t\t?disabled=${this.disabled}\n\t\t\t\taria-pressed=${this._selected ? 'true' : 'false'}\n\t\t\t\trole=\"checkbox\"\n\t\t\t\ttabindex=\"0\"\n\t\t\t>\n\t\t\t\t<slot></slot>\n\n\t\t\t\t${this.removable\n\t\t\t\t\t? html`\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tclass=\"ml-1 -mr-1 p-0.5 rounded-full hover:bg-surface-containerHighest transition-colors duration-200\"\n\t\t\t\t\t\t\t\t@click=${this.handleRemove}\n\t\t\t\t\t\t\t\taria-label=\"Remove filter\"\n\t\t\t\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span class=\"material-symbols-outlined text-sm\">close</span>\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t`\n\t\t\t\t\t: ''}\n\t\t\t</button>\n\t\t`\n\t}\n}\n\nif (!customElements.get('schmancy-filter-chip')) {\n\tcustomElements.define('schmancy-filter-chip', SchmancyFilterChip)\n}\n\nif (!customElements.get('schmancy-chip')) {\n\tclass SchmancyChipCompat extends SchmancyFilterChip {}\n\tcustomElements.define('schmancy-chip', SchmancyChipCompat)\n}\n\nexport { SchmancyFilterChip as SchmancyChip }\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-chip': SchmancyFilterChip\n\t\t'schmancy-filter-chip': SchmancyFilterChip\n\t}\n}\n\nexport type FilterChipChangeEvent = { value: string; selected: boolean }\nexport type FilterChipRemoveEvent = { value: string }\nexport type SchmancyChipChangeEvent = FilterChipChangeEvent\n","import { SchmancyElement } from '@mixins/index'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { BehaviorSubject, combineLatest } from 'rxjs'\nimport { takeUntil } from 'rxjs/operators'\n\n/**\n * Suggestion chip component - provides contextual recommendations to users\n *\n * IMPORTANT: Suggestion chips do NOT have a selected state. They are designed to\n * provide suggestions and recommendations that trigger actions when clicked.\n * Unlike filter chips, they cannot be toggled on/off.\n *\n * Pure Schmancy implementation with Tailwind CSS and RxJS state management\n */\n@customElement('schmancy-suggestion-chip')\nexport class SchmancySuggestionChip extends SchmancyElement {\n\tstatic styles = [css`\n\t:host {\n\t\tdisplay: inline-block;\n\t\toutline: none;\n\t\twidth: fit-content;\n\t\tmin-width: fit-content;\n\t}\n\n\t:host([disabled]) {\n\t\tpointer-events: none;\n\t}\n\n\t.ripple {\n\t\tposition: absolute;\n\t\tborder-radius: 50%;\n\t\ttransform: scale(0);\n\t\tanimation: ripple 600ms linear;\n\t\tbackground-color: rgba(0, 0, 0, 0.08);\n\t\tpointer-events: none;\n\t}\n\n\t@keyframes ripple {\n\t\tto {\n\t\t\ttransform: scale(4);\n\t\t\topacity: 0;\n\t\t}\n\t}\n\n\t/* State layer for M3 hover/focus/pressed states */\n\t.state-layer {\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\tborder-radius: inherit;\n\t\tpointer-events: none;\n\t\tbackground-color: currentColor;\n\t\topacity: 0;\n\t\ttransition: opacity 200ms ease;\n\t}\n\n\t:host(:not([disabled])) button:hover .state-layer {\n\t\topacity: 0.08;\n\t}\n\n\t:host(:not([disabled])) button:focus-visible .state-layer {\n\t\topacity: 0.1;\n\t}\n\n\t:host(:not([disabled])) button:active .state-layer {\n\t\topacity: 0.1;\n\t}\n`];\n\t/** Value identifier for the chip */\n\t@property({ reflect: true }) value = ''\n\n\t/** Optional icon name (Material Symbols) */\n\t@property({ reflect: true }) icon = ''\n\n\t/** Optional href for navigation */\n\t@property({ reflect: true }) href = ''\n\n\t/** Target for navigation (e.g., '_blank') */\n\t@property({ reflect: true }) target = ''\n\n\t/** Disable the chip */\n\t@property({ type: Boolean, reflect: true }) disabled = false\n\n\t/** Elevated style variant - flat by default per M3 spec */\n\t@property({ type: Boolean, reflect: true }) elevated = false\n\n\t// RxJS state streams\n\tprivate hover$ = new BehaviorSubject<boolean>(false)\n\tprivate pressed$ = new BehaviorSubject<boolean>(false)\n\tprivate focused$ = new BehaviorSubject<boolean>(false)\n\n\t// UI state - only ripples needed for rendering\n\t@state() private ripples: Array<{ x: number; y: number; id: number }> = []\n\n\tprotected static shadowRootOptions = { ...LitElement.shadowRootOptions, delegatesFocus: true }\n\n\tprivate nextRippleId = 0\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\t// Stream management for future extensions\n\t\t// Currently, states are handled directly in event handlers\n\t\t// This pipeline can be extended for more complex state interactions\n\t\tcombineLatest([\n\t\t\tthis.hover$,\n\t\t\tthis.pressed$,\n\t\t\tthis.focused$\n\t\t]).pipe(\n\t\t\t// States are managed through event handlers directly\n\t\t\t// This pipeline is kept for potential future state combinations\n\t\t\ttakeUntil(this.disconnecting)\n\t\t).subscribe()\n\t}\n\n\tprivate handleClick = (e: MouseEvent) => {\n\t\tif (this.disabled) return\n\n\t\t// Add ripple effect\n\t\tconst button = this.shadowRoot?.querySelector('button')\n\t\tif (button) {\n\t\t\tconst rect = button.getBoundingClientRect()\n\t\t\tconst x = e.clientX - rect.left\n\t\t\tconst y = e.clientY - rect.top\n\t\t\tconst id = this.nextRippleId++\n\n\t\t\tthis.ripples = [...this.ripples, { x, y, id }]\n\n\t\t\t// Remove ripple after animation\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis.ripples = this.ripples.filter(r => r.id !== id)\n\t\t\t}, 600)\n\t\t}\n\n\t\t// Navigate if href is provided\n\t\tif (this.href) {\n\t\t\tif (this.target === '_blank') {\n\t\t\t\twindow.open(this.href, '_blank')\n\t\t\t} else {\n\t\t\t\twindow.location.href = this.href\n\t\t\t}\n\t\t}\n\n\t\t// Dispatch action event\n\t\tthis.dispatchEvent(new CustomEvent('action', {\n\t\t\tdetail: { value: this.value },\n\t\t\tbubbles: true,\n\t\t\tcomposed: true\n\t\t}))\n\t}\n\n\tprivate handleKeyDown = (e: KeyboardEvent) => {\n\t\tif (this.disabled) return\n\n\t\tif (e.key === 'Enter' || e.key === ' ') {\n\t\t\te.preventDefault()\n\t\t\tthis.pressed$.next(true)\n\n\t\t\t// Simulate click\n\t\t\tconst clickEvent = new MouseEvent('click', {\n\t\t\t\tbubbles: true,\n\t\t\t\tcancelable: true,\n\t\t\t\tclientX: 0,\n\t\t\t\tclientY: 0\n\t\t\t})\n\t\t\tthis.handleClick(clickEvent)\n\n\t\t\tsetTimeout(() => this.pressed$.next(false), 100)\n\t\t}\n\t}\n\n\tprivate handleFocus = () => {\n\t\tthis.focused$.next(true)\n\t}\n\n\tprivate handleBlur = () => {\n\t\tthis.focused$.next(false)\n\t}\n\n\tprotected render(): unknown {\n\t\tconst hasIcon = !!this.icon;\n\n\t\tconst classes = {\n\t\t\t'relative': true,\n\t\t\t'inline-flex': true,\n\t\t\t'items-center': true,\n\t\t\t'gap-2': true,\n\t\t\t'h-8': true, // M3: 32px height\n\t\t\t'min-h-[32px]': true,\n\t\t\t'rounded-full': true,\n\t\t\t'cursor-pointer': !this.disabled,\n\t\t\t'transition-all': true,\n\t\t\t'duration-200': true,\n\t\t\t'select-none': true,\n\t\t\t'overflow-hidden': true,\n\n\t\t\t// M3 Padding: 8px with icon, 16px without (leading), 16px trailing\n\t\t\t'pl-2': hasIcon, // 8px with icon\n\t\t\t'pl-4': !hasIcon, // 16px without icon\n\t\t\t'pr-4': true, // 16px trailing\n\n\t\t\t// M3 Colors for suggestion chips\n\t\t\t'bg-surface-containerLow': true,\n\t\t\t'text-surface-onVariant': true,\n\n\t\t\t// Suggestion chips are flat by default (no elevation per M3)\n\n\t\t\t// Focus state\n\t\t\t'focus-visible:outline': !this.disabled,\n\t\t\t'focus-visible:outline-2': !this.disabled,\n\t\t\t'focus-visible:outline-primary': !this.disabled,\n\t\t\t'focus-visible:outline-offset-2': !this.disabled,\n\n\t\t\t// Disabled\n\t\t\t'opacity-38': this.disabled, // M3 disabled opacity\n\t\t\t'cursor-not-allowed': this.disabled\n\t\t}\n\n\t\treturn html`\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\tclass=${classMap(classes)}\n\t\t\t\t?disabled=${this.disabled}\n\t\t\t\t@click=${this.handleClick}\n\t\t\t\t@keydown=${this.handleKeyDown}\n\t\t\t\t@mouseenter=${() => this.hover$.next(true)}\n\t\t\t\t@mouseleave=${() => this.hover$.next(false)}\n\t\t\t\t@mousedown=${() => this.pressed$.next(true)}\n\t\t\t\t@mouseup=${() => this.pressed$.next(false)}\n\t\t\t\t@focus=${this.handleFocus}\n\t\t\t\t@blur=${this.handleBlur}\n\t\t\t\ttabindex=${this.disabled ? '-1' : '0'}\n\t\t\t\trole=\"button\"\n\t\t\t\taria-disabled=${this.disabled}\n\t\t\t\taria-label=${this.value}\n\t\t\t>\n\t\t\t\t${this.icon ? html`\n\t\t\t\t\t<schmancy-icon class=\"text-[18px] shrink-0\">${this.icon}</schmancy-icon>\n\t\t\t\t` : ''}\n\t\t\t\t<span class=\"text-sm font-medium leading-5\">\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</span>\n\n\t\t\t\t<!-- Ripple effects -->\n\t\t\t\t${this.ripples.map(ripple => html`\n\t\t\t\t\t<span\n\t\t\t\t\t\tclass=\"ripple\"\n\t\t\t\t\t\tstyle=\"left: ${ripple.x}px; top: ${ripple.y}px;\"\n\t\t\t\t\t></span>\n\t\t\t\t`)}\n\n\t\t\t\t<!-- State layer for M3 hover/focus/pressed states -->\n\t\t\t\t<div class=\"state-layer\"></div>\n\t\t\t</button>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-suggestion-chip': SchmancySuggestionChip\n\t}\n}\n\nexport type SuggestionChipActionEvent = { value: string }"],"mappings":"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"}

package/dist/chips.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./input-chip-57tgNXKT.cjs`),t=require(`./chips-CXZ4dJCK.cjs`);Object.defineProperty(exports,`SchmancyAssistChip`,{enumerable:!0,get:function(){return t.r}}),exports.SchmancyChip=t.n,exports.SchmancyFilterChip=t.n,Object.defineProperty(exports,`SchmancyInputChip`,{enumerable:!0,get:function(){return e.t}}),Object.defineProperty(exports,`SchmancySuggestionChip`,{enumerable:!0,get:function(){return t.t}});
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./input-chip-B-XWh4aE.cjs`),t=require(`./chips-C9dS1WKn.cjs`);Object.defineProperty(exports,`SchmancyAssistChip`,{enumerable:!0,get:function(){return t.r}}),exports.SchmancyChip=t.n,exports.SchmancyFilterChip=t.n,Object.defineProperty(exports,`SchmancyInputChip`,{enumerable:!0,get:function(){return e.t}}),Object.defineProperty(exports,`SchmancySuggestionChip`,{enumerable:!0,get:function(){return t.t}});

package/dist/chips.js

@@ -1,3 +1,3 @@
-import { t as e } from "./input-chip-C6Lq1927.js";
-import { n as t, r as n, t as r } from "./chips-Dg6Lk6BT.js";
+import { t as e } from "./input-chip-BlWhOruv.js";
+import { n as t, r as n, t as r } from "./chips-vWmwqQed.js";
 export { n as SchmancyAssistChip, t as SchmancyChip, t as SchmancyFilterChip, e as SchmancyInputChip, r as SchmancySuggestionChip };

package/dist/connectivity.cjs

@@ -1,4 +1,4 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-CncqDLb2.cjs`);const e=require(`./SchmancyElement-CYIif26I.cjs`);require(`./mixins-CGXSzZc7.cjs`);const t=require(`./audio-Q9oB_cQR.cjs`);let n=require(`rxjs`),r=require(`rxjs/operators`),i=require(`lit/decorators.js`),a=require(`lit`),o=require(`lit/directives/ref.js`);var s=class extends e.t{constructor(...e){super(...e),this.bannerRef=(0,o.createRef)(),this.surfaceRef=(0,o.createRef)(),this.iconRef=(0,o.createRef)(),this.messageRef=(0,o.createRef)()}static{this.styles=[a.css`
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-CncqDLb2.cjs`);const e=require(`./SchmancyElement-BHfQg3Tj.cjs`);require(`./mixins-DxHpyMHA.cjs`);const t=require(`./audio-CUMAv9D_.cjs`);let n=require(`rxjs`),r=require(`rxjs/operators`),i=require(`lit/decorators.js`),a=require(`lit`),o=require(`lit/directives/ref.js`);var s=class extends e.t{constructor(...e){super(...e),this.bannerRef=(0,o.createRef)(),this.surfaceRef=(0,o.createRef)(),this.iconRef=(0,o.createRef)(),this.messageRef=(0,o.createRef)()}static{this.styles=[a.css`
 	:host {
 		display: block;
 	}

package/dist/connectivity.js

@@ -1,6 +1,6 @@
-import { t as e, u as t } from "./SchmancyElement-CA0Wqt8m.js";
-import "./mixins-Bp0wIHg2.js";
-import { t as n } from "./audio-DFYoaw0M.js";
+import { t as e, u as t } from "./SchmancyElement-CDT2q1lA.js";
+import "./mixins-De1zjyhy.js";
+import { t as n } from "./audio-zIJVTo_V.js";
 import { fromEvent as r, merge as i, timer as a } from "rxjs";
 import { distinctUntilChanged as o, map as s, skip as c, takeUntil as l, tap as u } from "rxjs/operators";
 import { customElement as d } from "lit/decorators.js";

package/dist/content-drawer.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./src-qzUpLbje.cjs`);Object.defineProperty(exports,`SchmancyContentDrawer`,{enumerable:!0,get:function(){return e._}}),exports.SchmancyContentDrawerID=e.v,Object.defineProperty(exports,`SchmancyContentDrawerMain`,{enumerable:!0,get:function(){return e.g}}),exports.SchmancyContentDrawerMaxHeight=e.y,exports.SchmancyContentDrawerMinWidth=e.b,Object.defineProperty(exports,`SchmancyContentDrawerSheet`,{enumerable:!0,get:function(){return e.h}}),exports.SchmancyContentDrawerSheetMode=e.x,exports.SchmancyContentDrawerSheetState=e.S,exports.schmancyContentDrawer=e.C;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./src-Um_pzb-U.cjs`);Object.defineProperty(exports,`SchmancyContentDrawer`,{enumerable:!0,get:function(){return e._}}),exports.SchmancyContentDrawerID=e.v,Object.defineProperty(exports,`SchmancyContentDrawerMain`,{enumerable:!0,get:function(){return e.g}}),exports.SchmancyContentDrawerMaxHeight=e.y,exports.SchmancyContentDrawerMinWidth=e.b,Object.defineProperty(exports,`SchmancyContentDrawerSheet`,{enumerable:!0,get:function(){return e.h}}),exports.SchmancyContentDrawerSheetMode=e.x,exports.SchmancyContentDrawerSheetState=e.S,exports.schmancyContentDrawer=e.C;

package/dist/content-drawer.js

@@ -1,2 +1,2 @@
-import { C as e, S as t, _ as n, b as r, g as i, h as a, v as o, x as s, y as c } from "./src-C5g3p1J5.js";
+import { C as e, S as t, _ as n, b as r, g as i, h as a, v as o, x as s, y as c } from "./src-BP3h-9d9.js";
 export { n as SchmancyContentDrawer, o as SchmancyContentDrawerID, i as SchmancyContentDrawerMain, c as SchmancyContentDrawerMaxHeight, r as SchmancyContentDrawerMinWidth, a as SchmancyContentDrawerSheet, s as SchmancyContentDrawerSheetMode, t as SchmancyContentDrawerSheetState, e as schmancyContentDrawer };