@mhmo91/schmancy 0.4.92 → 0.4.93

package/dist/{chips-Bxsoq1vm.js → chips-7TbOS1By.js}

@@ -1,17 +1,17 @@
-import { T as E } from "./tailwind.mixin-Cwbr8x57.js";
-import { css as g, LitElement as S, html as r } from "lit";
-import { property as a, queryAssignedElements as O, state as k, customElement as R } from "lit/decorators.js";
+import { T as C } from "./tailwind.mixin-C13RR5x6.js";
+import { css as E, LitElement as S, html as r } from "lit";
+import { property as o, queryAssignedElements as O, state as w, customElement as R } from "lit/decorators.js";
 import { when as H } from "lit/directives/when.js";
-import { BehaviorSubject as h, combineLatest as x } from "rxjs";
-import { takeUntil as w, map as D, tap as M, distinctUntilChanged as B, debounceTime as j } from "rxjs/operators";
-import { classMap as _ } from "lit/directives/class-map.js";
+import { BehaviorSubject as h, combineLatest as g } from "rxjs";
+import { takeUntil as x, map as D, tap as M, distinctUntilChanged as B, debounceTime as j } from "rxjs/operators";
+import { classMap as k } from "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
-import { $ as F } from "./litElement.mixin-Bj0zv3lK.js";
-var P = Object.defineProperty, I = Object.getOwnPropertyDescriptor, f = (e, t, i, o) => {
-  for (var l, s = o > 1 ? void 0 : o ? I(t, i) : t, n = e.length - 1; n >= 0; n--) (l = e[n]) && (s = (o ? l(t, i, s) : l(s)) || s);
-  return o && s && P(t, i, s), s;
+import { $ as F } from "./litElement.mixin-Efwm8boA.js";
+var P = Object.defineProperty, z = Object.getOwnPropertyDescriptor, f = (e, t, i, l) => {
+  for (var a, s = l > 1 ? void 0 : l ? z(t, i) : t, n = e.length - 1; n >= 0; n--) (a = e[n]) && (s = (l ? a(t, i, s) : a(s)) || s);
+  return l && s && P(t, i, s), s;
 };
-const C = class C extends E(g`
+const _ = class _ extends C(E`
 	:host {
 		display: inline-block;
 		outline: none;
@@ -84,7 +84,7 @@ const C = class C extends E(g`
     return this.internals?.form;
   }
   connectedCallback() {
-    super.connectedCallback(), x([this.hover$, this.pressed$, this.focused$]).pipe(w(this.disconnecting)).subscribe();
+    super.connectedCallback(), g([this.hover$, this.pressed$, this.focused$]).pipe(x(this.disconnecting)).subscribe();
   }
   render() {
     const t = { "inline-flex": !0, "items-center": !0, "gap-2": !0, "rounded-full": !0, "h-8 px-4": !0, "cursor-pointer": !this.disabled, "transition-all": !0, "duration-200": !0, "select-none": !0, "text-sm": !0, "font-medium": !0, border: !0, relative: !0, "min-h-[32px]": !0, "bg-secondary-container": this._selected, "text-secondary-onContainer": this._selected, "border-secondary-container": this._selected, "bg-surface-container": !this._selected, "text-surface-on": !this._selected, "border-outline-variant": !this._selected, "hover:brightness-95": this._selected && !this.disabled, "hover:bg-surface-containerHigh": !this._selected && !this.disabled, "active:scale-95": !this.disabled, "focus-visible:outline": !this.disabled, "focus-visible:outline-2": !this.disabled, "focus-visible:outline-offset-2": !this.disabled, "focus-visible:outline-primary-default": !this.disabled, "shadow-md": this.elevated && !this.disabled, "hover:shadow-lg": this.elevated && !this.disabled, "opacity-50": this.disabled, "cursor-not-allowed": this.disabled };
@@ -141,18 +141,18 @@ const C = class C extends E(g`
 		`;
   }
 };
-C.shadowRootOptions = { ...S.shadowRootOptions, delegatesFocus: !0 }, C.formAssociated = !0;
-let c = C;
-if (f([a({ type: String, reflect: !0 })], c.prototype, "value", 2), f([a({ type: Boolean, reflect: !0 })], c.prototype, "selected", 1), f([a({ type: String, reflect: !0 })], c.prototype, "icon", 2), f([a({ type: Boolean, reflect: !0 })], c.prototype, "removable", 2), f([a({ type: Boolean, reflect: !0 })], c.prototype, "disabled", 2), f([a({ type: Boolean, reflect: !0 })], c.prototype, "elevated", 2), f([O({ slot: "icon" })], c.prototype, "iconSlotElements", 2), customElements.get("schmancy-filter-chip") || customElements.define("schmancy-filter-chip", c), !customElements.get("schmancy-chip")) {
+_.shadowRootOptions = { ...S.shadowRootOptions, delegatesFocus: !0 }, _.formAssociated = !0;
+let c = _;
+if (f([o({ type: String, reflect: !0 })], c.prototype, "value", 2), f([o({ type: Boolean, reflect: !0 })], c.prototype, "selected", 1), f([o({ type: String, reflect: !0 })], c.prototype, "icon", 2), f([o({ type: Boolean, reflect: !0 })], c.prototype, "removable", 2), f([o({ type: Boolean, reflect: !0 })], c.prototype, "disabled", 2), f([o({ type: Boolean, reflect: !0 })], c.prototype, "elevated", 2), f([O({ slot: "icon" })], c.prototype, "iconSlotElements", 2), 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 z = Object.defineProperty, L = Object.getOwnPropertyDescriptor, m = (e, t, i, o) => {
-  for (var l, s = o > 1 ? void 0 : o ? L(t, i) : t, n = e.length - 1; n >= 0; n--) (l = e[n]) && (s = (o ? l(t, i, s) : l(s)) || s);
-  return o && s && z(t, i, s), s;
+var I = Object.defineProperty, L = Object.getOwnPropertyDescriptor, m = (e, t, i, l) => {
+  for (var a, s = l > 1 ? void 0 : l ? L(t, i) : t, n = e.length - 1; n >= 0; n--) (a = e[n]) && (s = (l ? a(t, i, s) : a(s)) || s);
+  return l && s && I(t, i, s), s;
 };
-let p = class extends E(g`
+let p = class extends C(E`
 	:host {
 		display: inline-block;
 		outline: none;
@@ -184,8 +184,8 @@ let p = class extends E(g`
       if (this.disabled) return;
       const t = this.shadowRoot?.querySelector("button");
       if (t) {
-        const i = t.getBoundingClientRect(), o = e.clientX - i.left, l = e.clientY - i.top, s = this.nextRippleId++;
-        this.ripples = [...this.ripples, { x: o, y: l, id: s }], setTimeout(() => {
+        const i = t.getBoundingClientRect(), l = e.clientX - i.left, a = e.clientY - i.top, s = this.nextRippleId++;
+        this.ripples = [...this.ripples, { x: l, y: a, id: s }], setTimeout(() => {
           this.ripples = this.ripples.filter((n) => n.id !== s);
         }, 600);
       }
@@ -203,14 +203,14 @@ let p = class extends E(g`
     };
   }
   connectedCallback() {
-    super.connectedCallback(), x([this.hover$, this.pressed$, this.focused$]).pipe(w(this.disconnecting)).subscribe();
+    super.connectedCallback(), g([this.hover$, this.pressed$, this.focused$]).pipe(x(this.disconnecting)).subscribe();
   }
   render() {
     const e = { relative: !0, "inline-flex": !0, "items-center": !0, "gap-1 sm:gap-1.5 md:gap-2": !0, "px-2 py-1 sm:px-3 sm:py-1.5 md:px-4 md:py-2": !0, "rounded-full": !0, "cursor-pointer": !this.disabled, "transition-all": !0, "duration-200": !0, "select-none": !0, "overflow-hidden": !0, "bg-surface-container": !this.elevated, "text-surface-on": !0, "bg-surface-containerLow": this.elevated, "shadow-md": this.elevated && !this.disabled, "hover:bg-surface-containerHigh": !this.disabled && !this.elevated, "hover:shadow-lg": this.elevated && !this.disabled, "focus-visible:outline": !this.disabled, "focus-visible:outline-2": !this.disabled, "focus-visible:outline-primary-default": !this.disabled, "focus-visible:outline-offset-2": !this.disabled, "active:scale-95": !this.disabled, "opacity-50": this.disabled, "cursor-not-allowed": this.disabled };
     return r`
 			<button
 				type="button"
-				class=${_(e)}
+				class=${k(e)}
 				?disabled=${this.disabled}
 				@click=${this.handleClick}
 				@keydown=${this.handleKeyDown}
@@ -243,12 +243,12 @@ let p = class extends E(g`
 		`;
   }
 };
-p.shadowRootOptions = { ...S.shadowRootOptions, delegatesFocus: !0 }, m([a({ reflect: !0 })], p.prototype, "value", 2), m([a({ reflect: !0 })], p.prototype, "icon", 2), m([a({ reflect: !0 })], p.prototype, "href", 2), m([a({ reflect: !0 })], p.prototype, "target", 2), m([a({ type: Boolean, reflect: !0 })], p.prototype, "disabled", 2), m([a({ type: Boolean, reflect: !0 })], p.prototype, "elevated", 2), m([k()], p.prototype, "ripples", 2), p = m([R("schmancy-assist-chip")], p);
-var K = Object.defineProperty, T = Object.getOwnPropertyDescriptor, b = (e, t, i, o) => {
-  for (var l, s = o > 1 ? void 0 : o ? T(t, i) : t, n = e.length - 1; n >= 0; n--) (l = e[n]) && (s = (o ? l(t, i, s) : l(s)) || s);
-  return o && s && K(t, i, s), s;
+p.shadowRootOptions = { ...S.shadowRootOptions, delegatesFocus: !0 }, m([o({ reflect: !0 })], p.prototype, "value", 2), m([o({ reflect: !0 })], p.prototype, "icon", 2), m([o({ reflect: !0 })], p.prototype, "href", 2), m([o({ reflect: !0 })], p.prototype, "target", 2), m([o({ type: Boolean, reflect: !0 })], p.prototype, "disabled", 2), m([o({ type: Boolean, reflect: !0 })], p.prototype, "elevated", 2), m([w()], p.prototype, "ripples", 2), p = m([R("schmancy-assist-chip")], p);
+var K = Object.defineProperty, T = Object.getOwnPropertyDescriptor, b = (e, t, i, l) => {
+  for (var a, s = l > 1 ? void 0 : l ? T(t, i) : t, n = e.length - 1; n >= 0; n--) (a = e[n]) && (s = (l ? a(t, i, s) : a(s)) || s);
+  return l && s && K(t, i, s), s;
 };
-let d = class extends E(g`
+let d = class extends C(E`
 	:host {
 		display: inline-block;
 		outline: none;
@@ -311,8 +311,8 @@ let d = class extends E(g`
       if (this.disabled) return;
       const t = this.shadowRoot?.querySelector(".chip-container");
       if (t) {
-        const i = t.getBoundingClientRect(), o = e.clientX - i.left, l = e.clientY - i.top, s = this.nextRippleId++;
-        this.ripples = [...this.ripples, { x: o, y: l, id: s }], setTimeout(() => {
+        const i = t.getBoundingClientRect(), l = e.clientX - i.left, a = e.clientY - i.top, s = this.nextRippleId++;
+        this.ripples = [...this.ripples, { x: l, y: a, id: s }], setTimeout(() => {
           this.ripples = this.ripples.filter((n) => n.id !== s);
         }, 600);
       }
@@ -342,15 +342,15 @@ let d = class extends E(g`
     return this.internals?.form;
   }
   connectedCallback() {
-    super.connectedCallback(), x([this.chipHover$, this.removeHover$, this.focused$, this.pressed$]).pipe(D(([e, t, i, o]) => ({ chipHover: e, removeHover: t, focused: i, pressed: o })), M((e) => {
+    super.connectedCallback(), g([this.chipHover$, this.removeHover$, this.focused$, this.pressed$]).pipe(D(([e, t, i, l]) => ({ chipHover: e, removeHover: t, focused: i, pressed: l })), M((e) => {
       this.uiState = e;
-    }), w(this.disconnecting)).subscribe();
+    }), x(this.disconnecting)).subscribe();
   }
   render() {
     const e = { "chip-container": !0, "inline-flex": !0, "items-center": !0, "gap-1 sm:gap-1.5 md:gap-2": !0, "pl-3": !this.avatar, "pl-1": this.avatar, "pr-2": this.removable, "pr-3": !this.removable, "py-1 sm:py-1.5 md:py-2": !0, "rounded-full": !0, "cursor-default": !0, "transition-all": !0, "duration-200": !0, "select-none": !0, "text-xs sm:text-sm": !0, "font-medium": !0, relative: !0, "overflow-hidden": !0, "bg-surface-container": !0, "text-surface-on": !0, "shadow-md": this.elevated && !this.disabled, "hover:bg-surface-containerHigh": !this.disabled && !this.uiState.removeHover, "hover:shadow-lg": this.elevated && !this.disabled, "focus-visible:outline": !this.disabled, "focus-visible:outline-2": !this.disabled, "focus-visible:outline-primary-default": !this.disabled, "focus-visible:outline-offset-2": !this.disabled, "opacity-50": this.disabled, "cursor-not-allowed": this.disabled }, t = { "size-5 sm:size-6": !0, "rounded-full": !0, "transition-all": !0, "duration-200": !0, "cursor-pointer": !this.disabled, "bg-error-container": this.uiState.removeHover && !this.disabled, "text-error-onContainer": this.uiState.removeHover && !this.disabled, "hover:scale-110": this.uiState.removeHover && !this.disabled, "hover:bg-surface-containerHighest": !this.uiState.removeHover && !this.disabled, "opacity-50": this.disabled };
     return r`
 			<div
-				class=${_(e)}
+				class=${k(e)}
 				@click=${this.handleChipClick}
 				@keydown=${this.handleKeyDown}
 				@mouseenter=${() => this.chipHover$.next(!0)}
@@ -388,7 +388,7 @@ let d = class extends E(g`
 				<!-- Remove button (shown by default for input chips) -->
 				${this.removable ? r`
 					<button
-						class=${_(t)}
+						class=${k(t)}
 						@click=${this.handleRemove}
 						@mouseenter=${() => this.removeHover$.next(!0)}
 						@mouseleave=${() => this.removeHover$.next(!1)}
@@ -413,12 +413,12 @@ let d = class extends E(g`
 		`;
   }
 };
-d.shadowRootOptions = { ...S.shadowRootOptions, delegatesFocus: !0 }, d.formAssociated = !0, b([a({ type: String, reflect: !0 })], d.prototype, "value", 2), b([a({ type: String, reflect: !0 })], d.prototype, "icon", 2), b([a({ type: String, reflect: !0 })], d.prototype, "avatar", 2), b([a({ type: Boolean, reflect: !0 })], d.prototype, "removable", 2), b([a({ type: Boolean, reflect: !0 })], d.prototype, "disabled", 2), b([a({ type: Boolean, reflect: !0 })], d.prototype, "elevated", 2), b([k()], d.prototype, "uiState", 2), b([k()], d.prototype, "ripples", 2), d = b([R("schmancy-input-chip")], d);
-var U = Object.defineProperty, A = Object.getOwnPropertyDescriptor, v = (e, t, i, o) => {
-  for (var l, s = o > 1 ? void 0 : o ? A(t, i) : t, n = e.length - 1; n >= 0; n--) (l = e[n]) && (s = (o ? l(t, i, s) : l(s)) || s);
-  return o && s && U(t, i, s), s;
+d.shadowRootOptions = { ...S.shadowRootOptions, delegatesFocus: !0 }, d.formAssociated = !0, b([o({ type: String, reflect: !0 })], d.prototype, "value", 2), b([o({ type: String, reflect: !0 })], d.prototype, "icon", 2), b([o({ type: String, reflect: !0 })], d.prototype, "avatar", 2), b([o({ type: Boolean, reflect: !0 })], d.prototype, "removable", 2), b([o({ type: Boolean, reflect: !0 })], d.prototype, "disabled", 2), b([o({ type: Boolean, reflect: !0 })], d.prototype, "elevated", 2), b([w()], d.prototype, "uiState", 2), b([w()], d.prototype, "ripples", 2), d = b([R("schmancy-input-chip")], d);
+var U = Object.defineProperty, A = Object.getOwnPropertyDescriptor, v = (e, t, i, l) => {
+  for (var a, s = l > 1 ? void 0 : l ? A(t, i) : t, n = e.length - 1; n >= 0; n--) (a = e[n]) && (s = (l ? a(t, i, s) : a(s)) || s);
+  return l && s && U(t, i, s), s;
 };
-let u = class extends E(g`
+let u = class extends C(E`
 	:host {
 		display: inline-block;
 		outline: none;
@@ -450,8 +450,8 @@ let u = class extends E(g`
       if (this.disabled) return;
       const t = this.shadowRoot?.querySelector("button");
       if (t) {
-        const i = t.getBoundingClientRect(), o = e.clientX - i.left, l = e.clientY - i.top, s = this.nextRippleId++;
-        this.ripples = [...this.ripples, { x: o, y: l, id: s }], setTimeout(() => {
+        const i = t.getBoundingClientRect(), l = e.clientX - i.left, a = e.clientY - i.top, s = this.nextRippleId++;
+        this.ripples = [...this.ripples, { x: l, y: a, id: s }], setTimeout(() => {
           this.ripples = this.ripples.filter((n) => n.id !== s);
         }, 600);
       }
@@ -469,14 +469,14 @@ let u = class extends E(g`
     };
   }
   connectedCallback() {
-    super.connectedCallback(), x([this.hover$, this.pressed$, this.focused$]).pipe(w(this.disconnecting)).subscribe();
+    super.connectedCallback(), g([this.hover$, this.pressed$, this.focused$]).pipe(x(this.disconnecting)).subscribe();
   }
   render() {
     const e = { relative: !0, "inline-flex": !0, "items-center": !0, "gap-1 sm:gap-1.5 md:gap-2": !0, "px-2 py-1 sm:px-3 sm:py-1.5 md:px-4 md:py-2": !0, "rounded-full": !0, "cursor-pointer": !this.disabled, "transition-all": !0, "duration-200": !0, "select-none": !0, "overflow-hidden": !0, "bg-surface-containerLow": !this.elevated, "text-surface-on": !0, "bg-surface": this.elevated, "shadow-md": this.elevated && !this.disabled, "hover:bg-surface-containerHigh": !this.disabled, "hover:shadow-lg": this.elevated && !this.disabled, "focus-visible:outline": !this.disabled, "focus-visible:outline-2": !this.disabled, "focus-visible:outline-primary-default": !this.disabled, "focus-visible:outline-offset-2": !this.disabled, "active:scale-95": !this.disabled, "opacity-50": this.disabled, "cursor-not-allowed": this.disabled };
     return r`
 			<button
 				type="button"
-				class=${_(e)}
+				class=${k(e)}
 				?disabled=${this.disabled}
 				@click=${this.handleClick}
 				@keydown=${this.handleKeyDown}
@@ -509,23 +509,12 @@ let u = class extends E(g`
 		`;
   }
 };
-u.shadowRootOptions = { ...S.shadowRootOptions, delegatesFocus: !0 }, v([a({ reflect: !0 })], u.prototype, "value", 2), v([a({ reflect: !0 })], u.prototype, "icon", 2), v([a({ reflect: !0 })], u.prototype, "href", 2), v([a({ reflect: !0 })], u.prototype, "target", 2), v([a({ type: Boolean, reflect: !0 })], u.prototype, "disabled", 2), v([a({ type: Boolean, reflect: !0 })], u.prototype, "elevated", 2), v([k()], u.prototype, "ripples", 2), u = v([R("schmancy-suggestion-chip")], u);
-var Y = Object.defineProperty, q = Object.getOwnPropertyDescriptor, $ = (e, t, i, o) => {
-  for (var l, s = o > 1 ? void 0 : o ? q(t, i) : t, n = e.length - 1; n >= 0; n--) (l = e[n]) && (s = (o ? l(t, i, s) : l(s)) || s);
-  return o && s && Y(t, i, s), s;
+u.shadowRootOptions = { ...S.shadowRootOptions, delegatesFocus: !0 }, v([o({ reflect: !0 })], u.prototype, "value", 2), v([o({ reflect: !0 })], u.prototype, "icon", 2), v([o({ reflect: !0 })], u.prototype, "href", 2), v([o({ reflect: !0 })], u.prototype, "target", 2), v([o({ type: Boolean, reflect: !0 })], u.prototype, "disabled", 2), v([o({ type: Boolean, reflect: !0 })], u.prototype, "elevated", 2), v([w()], u.prototype, "ripples", 2), u = v([R("schmancy-suggestion-chip")], u);
+var Y = Object.defineProperty, q = Object.getOwnPropertyDescriptor, $ = (e, t, i, l) => {
+  for (var a, s = l > 1 ? void 0 : l ? q(t, i) : t, n = e.length - 1; n >= 0; n--) (a = e[n]) && (s = (l ? a(t, i, s) : a(s)) || s);
+  return l && s && Y(t, i, s), s;
 };
-let y = class extends F(g`
-	:host {
-		display: block;
-	}
-	.scrollbar-hide {
-		-ms-overflow-style: none; /* IE and Edge */
-		scrollbar-width: none; /* Firefox */
-	}
-	.scrollbar-hide::-webkit-scrollbar {
-		display: none; /* Chrome, Safari, and Opera */
-	}
-`) {
+let y = class extends F() {
   constructor() {
     super(...arguments), this.value$ = new h(""), this.values$ = new h([]), this._value = "", this._values = [], this._multi = !1, this._valueSet = !1, this._valuesSet = !1, this.wrap = !1;
   }
@@ -551,22 +540,22 @@ let y = class extends F(g`
     this._value = e || "", this._valueSet = !0, this.value$.next(this._value);
   }
   connectedCallback() {
-    super.connectedCallback(), this.value$.next(this._value), this.values$.next(this._values), x([this.value$.pipe(B()), this.values$.pipe(B((e, t) => e.length === t.length && e.every((i, o) => i === t[o])))]).pipe(j(0), w(this.disconnecting)).subscribe(([e, t]) => {
+    super.connectedCallback(), this.value$.next(this._value), this.values$.next(this._values), g([this.value$.pipe(B()), this.values$.pipe(B((e, t) => e.length === t.length && e.every((i, l) => i === t[l])))]).pipe(j(0), x(this.disconnecting)).subscribe(([e, t]) => {
       this.updateChipStates(this.mode, e, t);
     });
   }
   updateChipStates(e, t, i) {
-    this.chips && e !== "none" && this.chips.forEach((o) => {
-      if ("value" in o && "selected" in o) {
-        const l = o;
-        e === "multi" ? l.selected = i.length > 0 && i.includes(l.value) : e === "single" && (l.selected = t !== "" && t === l.value);
+    this.chips && e !== "none" && this.chips.forEach((l) => {
+      if ("value" in l && "selected" in l) {
+        const a = l;
+        e === "multi" ? a.selected = i.length > 0 && i.includes(a.value) : e === "single" && (a.selected = t !== "" && t === a.value);
       }
     });
   }
   async change(e) {
     if (e.preventDefault(), e.stopPropagation(), this.mode === "none") return;
     const { value: t, selected: i } = e.detail;
-    this.mode === "multi" ? i ? this._values.includes(t) || (this._values = [...this._values, t], this.values$.next(this._values)) : (this._values = this._values.filter((o) => o !== t), this.values$.next(this._values)) : this.mode === "single" && (this._value = i ? t : "", this.value$.next(this._value)), this.requestUpdate(), this.dispatchEvent(new CustomEvent("change", { detail: this.mode === "multi" ? this._values : this._value, bubbles: !0 }));
+    this.mode === "multi" ? i ? this._values.includes(t) || (this._values = [...this._values, t], this.values$.next(this._values)) : (this._values = this._values.filter((l) => l !== t), this.values$.next(this._values)) : this.mode === "single" && (this._value = i ? t : "", this.value$.next(this._value)), this.requestUpdate(), this.dispatchEvent(new CustomEvent("change", { detail: this.mode === "multi" ? this._values : this._value, bubbles: !0 }));
   }
   firstUpdated(e) {
     super.firstUpdated(e), this.updateChipStates(this.mode, this._value, this._values);
@@ -584,7 +573,7 @@ let y = class extends F(g`
 		`;
   }
 };
-$([a({ type: Boolean, reflect: !0 })], y.prototype, "multi", 1), $([a({ type: Array, reflect: !0 })], y.prototype, "values", 1), $([a({ type: String, reflect: !0 })], y.prototype, "value", 1), $([O({ selector: "schmancy-chip, schmancy-filter-chip, schmancy-assist-chip, schmancy-input-chip, schmancy-suggestion-chip", flatten: !0 })], y.prototype, "chips", 2), $([a({ type: Boolean, reflect: !0 })], y.prototype, "wrap", 2), y = $([R("schmancy-chips")], y);
+$([o({ type: Boolean, reflect: !0 })], y.prototype, "multi", 1), $([o({ type: Array, reflect: !0 })], y.prototype, "values", 1), $([o({ type: String, reflect: !0 })], y.prototype, "value", 1), $([O({ selector: "schmancy-chip, schmancy-filter-chip, schmancy-assist-chip, schmancy-input-chip, schmancy-suggestion-chip", flatten: !0 })], y.prototype, "chips", 2), $([o({ type: Boolean, reflect: !0 })], y.prototype, "wrap", 2), y = $([R("schmancy-chips")], y);
 export {
   c as S,
   p as a,
@@ -592,4 +581,4 @@ export {
   u as c,
   y as d
 };
-//# sourceMappingURL=chips-Bxsoq1vm.js.map
+//# sourceMappingURL=chips-7TbOS1By.js.map