@mhmo91/schmancy 0.5.33 → 0.5.35

package/dist/{avatar-D2FqPXk4.js → avatar-CjjwZDsw.js}

@@ -1,13 +1,13 @@
 import { css as w, html as c, nothing as ft } from "lit";
 import { property as l, customElement as p, state as h, queryAssignedElements as gt, query as tt } from "lit/decorators.js";
-import { Subject as ot, merge as Q, fromEvent as d, startWith as Ot, map as v, debounceTime as G, tap as z, distinctUntilChanged as et, takeUntil as y, from as dt, of as J, Observable as It, BehaviorSubject as vt, timer as zt, zip as pt, filter as wt, take as Mt, timeout as jt, bufferTime as Pt, concatMap as Wt, interval as Ht, throwIfEmpty as Lt } from "rxjs";
+import { Subject as ot, merge as Q, fromEvent as d, startWith as Et, map as v, debounceTime as G, tap as z, distinctUntilChanged as et, takeUntil as y, from as dt, of as J, Observable as It, BehaviorSubject as vt, timer as zt, zip as pt, filter as wt, take as Mt, timeout as jt, bufferTime as Pt, concatMap as Wt, interval as Ht, throwIfEmpty as Rt } from "rxjs";
 import "./animated-text-COvhr8E3.js";
-import { a as ut, F as At, H as Rt } from "./area.component-BHtBHWVt.js";
+import { a as ut, F as Nt, H as Lt } from "./area.component-BHtBHWVt.js";
 import "./autocomplete-9RkU9LmA.js";
 import "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
 import { T as Z } from "./tailwind.mixin-BjDGMGbj.js";
-import { c as M, f as Nt } from "./ripple-Cy-nvO8W.js";
+import { c as M, f as Tt } from "./ripple-Cy-nvO8W.js";
 import "lit/directives/guard.js";
 import "./boat-CUsJXaLf.js";
 import "./spinner-XN4W5ihQ.js";
@@ -19,7 +19,7 @@ import "./input-chip-DbIvSyvP.js";
 import "./code-preview-Z02-2suM.js";
 import "./payment-card-form-DLRNX9NX.js";
 import { SchmancyEvents as m } from "./types.js";
-import { n as A, e as L } from "./provide-tcktw8xB.js";
+import { n as L, e as R } from "./provide-tcktw8xB.js";
 import { $ as j } from "./litElement.mixin-CzF0mNQd.js";
 import { c as u } from "./consume-5D1qfVWM.js";
 import "./date-range-kFnTrnHN.js";
@@ -40,7 +40,7 @@ import "./email-recipients-CPZlUiRR.js";
 import "./map-DeiCBxMP.js";
 import "./menu-wtkHGlyc.js";
 import { when as st } from "lit/directives/when.js";
-import "./navigation-rail-Bk9exaNK.js";
+import "./navigation-rail-D-lK9oVd.js";
 import "./notification-service-ZiGUSd63.js";
 import "./option-BFlWiCu0.js";
 import "./progress-BYohUvYO.js";
@@ -52,7 +52,7 @@ import { s as it } from "./sheet.service-lXqUf6n5.js";
 import "./slider-D7qdxfvX.js";
 import "./schmancy-steps-container-BtAHCm73.js";
 import "./context-object-BE1o2XB3.js";
-import { tap as F, takeUntil as B, filter as V, throttleTime as qt, map as xt, pairwise as Tt, distinctUntilChanged as _t, take as Bt } from "rxjs/operators";
+import { tap as q, takeUntil as N, filter as V, throttleTime as At, map as xt, pairwise as qt, distinctUntilChanged as _t, take as Bt } from "rxjs/operators";
 import "./surface-CKrYJ58l.js";
 import "./table-CP6_NkPm.js";
 import "./tabs-compatibility-7QKuXX4i.js";
@@ -191,7 +191,7 @@ const Ds = new class {
   push(t) {
     this.$drawer.next({ action: "push", ref: window, component: t });
   }
-}(), rt = A("push"), $t = A("close"), Ct = A(Math.floor(Math.random() * Date.now()).toString()), nt = A("100%"), at = A({});
+}(), rt = L("push"), $t = L("close"), Ct = L(Math.floor(Math.random() * Date.now()).toString()), nt = L("100%"), at = L({});
 var Kt = Object.defineProperty, Yt = Object.getOwnPropertyDescriptor, P = (t, e, s, o) => {
   for (var n, i = o > 1 ? void 0 : o ? Yt(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = (o ? n(e, s, i) : n(i)) || i);
   return o && i && Kt(e, s, i), i;
@@ -208,7 +208,7 @@ let k = class extends j(w`
     super(...arguments), this.minWidth = { main: 360, sheet: 576 }, this.schmancyContentDrawerID = Math.floor(Math.random() * Date.now()).toString(), this.maxHeight = "100%";
   }
   firstUpdated() {
-    Q(d(window, "resize"), d(window, m.ContentDrawerResize)).pipe(Ot(!0), v(() => this.clientWidth ? this.clientWidth : window.innerWidth), v((t) => t >= this.minWidth.main + this.minWidth.sheet), G(100), z(() => {
+    Q(d(window, "resize"), d(window, m.ContentDrawerResize)).pipe(Et(!0), v(() => this.clientWidth ? this.clientWidth : window.innerWidth), v((t) => t >= this.minWidth.main + this.minWidth.sheet), G(100), z(() => {
       this.maxHeight = window.innerHeight - this.getOffsetTop(this) - 32 + "px", this.style.setProperty("max-height", this.maxHeight);
     }), et(), y(this.disconnecting)).subscribe((t) => {
       t ? (this.mode = "push", this.open = "open") : (this.mode = "overlay", this.open = "close");
@@ -241,12 +241,12 @@ let k = class extends j(w`
 		` : ft;
   }
 };
-P([L({ context: at })], k.prototype, "minWidth", 2), P([L({ context: $t }), l()], k.prototype, "open", 2), P([L({ context: rt }), h()], k.prototype, "mode", 2), P([L({ context: Ct })], k.prototype, "schmancyContentDrawerID", 2), P([L({ context: nt })], k.prototype, "maxHeight", 2), P([gt({ flatten: !0 })], k.prototype, "assignedElements", 2), k = P([p("schmancy-content-drawer")], k);
-var Ft = Object.defineProperty, Vt = Object.getOwnPropertyDescriptor, q = (t, e, s, o) => {
+P([R({ context: at })], k.prototype, "minWidth", 2), P([R({ context: $t }), l()], k.prototype, "open", 2), P([R({ context: rt }), h()], k.prototype, "mode", 2), P([R({ context: Ct })], k.prototype, "schmancyContentDrawerID", 2), P([R({ context: nt })], k.prototype, "maxHeight", 2), P([gt({ flatten: !0 })], k.prototype, "assignedElements", 2), k = P([p("schmancy-content-drawer")], k);
+var Ft = Object.defineProperty, Vt = Object.getOwnPropertyDescriptor, _ = (t, e, s, o) => {
   for (var n, i = o > 1 ? void 0 : o ? Vt(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = (o ? n(e, s, i) : n(i)) || i);
   return o && i && Ft(e, s, i), i;
 };
-let R = class extends j(w`
+let T = class extends j(w`
 	:host {
 		display: block;
 		overflow: hidden;
@@ -279,7 +279,7 @@ let R = class extends j(w`
 		`;
   }
 };
-q([l({ type: Number })], R.prototype, "minWidth", 2), q([u({ context: at, subscribe: !0 })], R.prototype, "drawerMinWidth", 2), q([u({ context: rt, subscribe: !0 }), h()], R.prototype, "mode", 2), q([u({ context: nt, subscribe: !0 }), h()], R.prototype, "maxHeight", 2), R = q([p("schmancy-content-drawer-main")], R);
+_([l({ type: Number })], T.prototype, "minWidth", 2), _([u({ context: at, subscribe: !0 })], T.prototype, "drawerMinWidth", 2), _([u({ context: rt, subscribe: !0 }), h()], T.prototype, "mode", 2), _([u({ context: nt, subscribe: !0 }), h()], T.prototype, "maxHeight", 2), T = _([p("schmancy-content-drawer-main")], T);
 var Gt = Object.defineProperty, Jt = Object.getOwnPropertyDescriptor, x = (t, e, s, o) => {
   for (var n, i = o > 1 ? void 0 : o ? Jt(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = (o ? n(e, s, i) : n(i)) || i);
   return o && i && Gt(e, s, i), i;
@@ -335,12 +335,12 @@ const Qt = new class {
   close(t) {
     this.$drawer.next({ self: t, state: !1 });
   }
-}(), Es = Qt, lt = A("push"), ct = A("close");
-var Zt = Object.defineProperty, te = Object.getOwnPropertyDescriptor, X = (t, e, s, o) => {
+}(), Os = Qt, lt = L("push"), ct = L("close");
+var Zt = Object.defineProperty, te = Object.getOwnPropertyDescriptor, U = (t, e, s, o) => {
   for (var n, i = o > 1 ? void 0 : o ? te(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = (o ? n(e, s, i) : n(i)) || i);
   return o && i && Zt(e, s, i), i;
 };
-let T = class extends Z(w`
+let B = class extends Z(w`
 	:host {
 		display: block;
 	}
@@ -369,7 +369,7 @@ let T = class extends Z(w`
 		`;
   }
 };
-X([u({ context: lt, subscribe: !0 }), h()], T.prototype, "sidebarMode", 2), X([u({ context: ct, subscribe: !0 }), h()], T.prototype, "sidebarOpen", 2), X([l({ type: Boolean })], T.prototype, "toggler", 2), T = X([p("schmancy-nav-drawer-appbar")], T);
+U([u({ context: lt, subscribe: !0 }), h()], B.prototype, "sidebarMode", 2), U([u({ context: ct, subscribe: !0 }), h()], B.prototype, "sidebarOpen", 2), U([l({ type: Boolean })], B.prototype, "toggler", 2), B = U([p("schmancy-nav-drawer-appbar")], B);
 var ee = Object.getOwnPropertyDescriptor;
 let yt = class extends j(w`
 	:host {
@@ -392,7 +392,7 @@ yt = ((t, e, s, o) => {
   for (var n, i = o > 1 ? void 0 : o ? ee(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = n(i) || i);
   return i;
 })([p("schmancy-nav-drawer-content")], yt);
-var se = Object.defineProperty, ie = Object.getOwnPropertyDescriptor, N = (t, e, s, o) => {
+var se = Object.defineProperty, ie = Object.getOwnPropertyDescriptor, A = (t, e, s, o) => {
   for (var n, i = o > 1 ? void 0 : o ? ie(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = (o ? n(e, s, i) : n(i)) || i);
   return o && i && se(e, s, i), i;
 };
@@ -433,19 +433,19 @@ let g = class extends j(w`
 				flow="col"
 				justify="stretch"
 				align="stretch"
-				${Nt()}
+				${Tt()}
 			>
 				<slot></slot>
 			</schmancy-grid>
 		` : ft;
   }
 };
-g.BREAKPOINTS = { sm: 640, md: 768, lg: 1024, xl: 1280 }, N([l({ type: Boolean })], g.prototype, "fullscreen", 2), N([l({ type: String, attribute: "breakpoint" })], g.prototype, "breakpoint", 2), N([L({ context: lt }), h()], g.prototype, "mode", 2), N([L({ context: ct }), l()], g.prototype, "open", 2), N([h()], g.prototype, "_initialized", 2), g = N([p("schmancy-nav-drawer")], g);
+g.BREAKPOINTS = { sm: 640, md: 768, lg: 1024, xl: 1280 }, A([l({ type: Boolean })], g.prototype, "fullscreen", 2), A([l({ type: String, attribute: "breakpoint" })], g.prototype, "breakpoint", 2), A([R({ context: lt }), h()], g.prototype, "mode", 2), A([R({ context: ct }), l()], g.prototype, "open", 2), A([h()], g.prototype, "_initialized", 2), g = A([p("schmancy-nav-drawer")], g);
 var oe = Object.defineProperty, re = Object.getOwnPropertyDescriptor, W = (t, e, s, o) => {
   for (var n, i = o > 1 ? void 0 : o ? re(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = (o ? n(e, s, i) : n(i)) || i);
   return o && i && oe(e, s, i), i;
 };
-const U = "cubic-bezier(0.5, 0.01, 0.25, 1)";
+const K = "cubic-bezier(0.5, 0.01, 0.25, 1)";
 let D = class extends j() {
   constructor() {
     super(...arguments), this.width = "220px", this._initialized = !1;
@@ -457,20 +457,20 @@ let D = class extends j() {
     this._initialized && (t.has("drawerState") || t.has("mode")) && (this.mode === "overlay" ? this.drawerState === "open" ? this.nav.style.transform !== "translateX(0)" && (this.openOverlay(), this.showNavDrawer()) : this.drawerState === "close" && this.nav.style.transform !== "translateX(-100%)" && (this.hideNavDrawer(), this.closeOverlay()) : this.mode === "push" && (this.nav.style.transform !== "translateX(0)" && this.showNavDrawer(), this.overlay.style.display !== "none" && this.closeOverlay()));
   }
   openOverlay() {
-    this.overlay.style.display = "block", this.overlay.animate([{ opacity: 0 }, { opacity: 0.4 }], { duration: 200, easing: U, fill: "forwards" });
+    this.overlay.style.display = "block", this.overlay.animate([{ opacity: 0 }, { opacity: 0.4 }], { duration: 200, easing: K, fill: "forwards" });
   }
   closeOverlay() {
-    this.overlay.animate([{ opacity: 0.4 }, { opacity: 0 }], { duration: 150, easing: U, fill: "forwards" }).onfinish = () => {
+    this.overlay.animate([{ opacity: 0.4 }, { opacity: 0 }], { duration: 150, easing: K, fill: "forwards" }).onfinish = () => {
       this.overlay.style.display = "none";
     };
   }
   showNavDrawer() {
-    this.nav.animate([{ transform: "translateX(-100%)" }, { transform: "translateX(0)" }], { duration: 200, easing: U, fill: "forwards" }).onfinish = () => {
+    this.nav.animate([{ transform: "translateX(-100%)" }, { transform: "translateX(0)" }], { duration: 200, easing: K, fill: "forwards" }).onfinish = () => {
       this.nav.style.transform = "translateX(0)";
     };
   }
   hideNavDrawer() {
-    this.nav.animate([{ transform: "translateX(0)" }, { transform: "translateX(-100%)" }], { duration: 200, easing: U, fill: "forwards" }).onfinish = () => {
+    this.nav.animate([{ transform: "translateX(0)" }, { transform: "translateX(-100%)" }], { duration: 200, easing: K, fill: "forwards" }).onfinish = () => {
       this.nav.style.transform = "translateX(-100%)";
     };
   }
@@ -497,7 +497,7 @@ let D = class extends j() {
   }
 };
 W([u({ context: lt, subscribe: !0 }), h()], D.prototype, "mode", 2), W([u({ context: ct, subscribe: !0 }), h()], D.prototype, "drawerState", 2), W([tt("#overlay")], D.prototype, "overlay", 2), W([tt("nav")], D.prototype, "nav", 2), W([l({ type: String })], D.prototype, "width", 2), W([h()], D.prototype, "_initialized", 2), D = W([p("schmancy-nav-drawer-navbar")], D);
-var ne = Object.defineProperty, ae = Object.getOwnPropertyDescriptor, E = (t, e, s, o) => {
+var ne = Object.defineProperty, ae = Object.getOwnPropertyDescriptor, O = (t, e, s, o) => {
   for (var n, i = o > 1 ? void 0 : o ? ae(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = (o ? n(e, s, i) : n(i)) || i);
   return o && i && ne(e, s, i), i;
 };
@@ -561,9 +561,9 @@ let $ = class extends Z(w`
       const e = this.shadowRoot?.querySelector(".w-16.h-8");
       if (e) {
         const s = e.getBoundingClientRect(), o = { x: t.clientX - s.left, y: t.clientY - s.top, id: Date.now() };
-        this.ripples = [...this.ripples, o], zt(600).pipe(F(() => {
+        this.ripples = [...this.ripples, o], zt(600).pipe(q(() => {
           this.ripples = this.ripples.filter((n) => n.id !== o.id);
-        }), B(this.disconnecting)).subscribe();
+        }), N(this.disconnecting)).subscribe();
       }
     }, this.handleClick = (t) => {
       if (this.disabled) return t.preventDefault(), void t.stopPropagation();
@@ -582,17 +582,17 @@ let $ = class extends Z(w`
     this.active = t;
   }
   connectedCallback() {
-    super.connectedCallback(), this.active$.pipe(B(this.disconnecting)).subscribe(() => {
+    super.connectedCallback(), this.active$.pipe(N(this.disconnecting)).subscribe(() => {
       this.requestUpdate();
     }), this.setupNavigationStream();
   }
   setupNavigationStream() {
     const t = this.shadowRoot?.querySelector("button");
     if (!t) return;
-    const e = d(t, "click").pipe(V(() => !this.disabled)), s = d(t, "keydown").pipe(V(() => !this.disabled), V((o) => o.key === "Enter" || o.key === " "), F((o) => o.preventDefault()));
-    Q(e, s).pipe(F(() => {
+    const e = d(t, "click").pipe(V(() => !this.disabled)), s = d(t, "keydown").pipe(V(() => !this.disabled), V((o) => o.key === "Enter" || o.key === " "), q((o) => o.preventDefault()));
+    Q(e, s).pipe(q(() => {
       this.dispatchEvent(new CustomEvent("bar-item-click", { detail: { icon: this.icon, label: this.label, active: this.active }, bubbles: !0, composed: !0 }));
-    }), B(this.disconnecting)).subscribe();
+    }), N(this.disconnecting)).subscribe();
   }
   formatBadge(t) {
     const e = Number(t);
@@ -602,7 +602,7 @@ let $ = class extends Z(w`
     this.setupNavigationStream();
   }
   render() {
-    const t = this.querySelector("[slot]") || this.textContent?.trim() && !this.label, e = this.badge ? this.formatBadge(this.badge) : "", s = e && e !== "0", o = this.querySelector('[slot="icon"]'), n = { "relative flex flex-col items-center justify-center": !0, "flex-1 min-w-[48px] max-w-[168px]": !0, "py-2 px-1 cursor-pointer": !this.disabled, "transition-all duration-200": !0, "hover:bg-surface-container-high": !this.disabled && !this.active, "cursor-not-allowed opacity-38": this.disabled, "outline-none": !0, "focus-visible:outline-2 focus-visible:outline-offset-2": !0 }, i = { "w-16 h-8 rounded-2xl": !0, "flex items-center justify-center": !0, "transition-all duration-200": !0, "bg-secondary-container": this.active, "group-hover:bg-surface-container-highest": !this.active && !this.disabled, "relative overflow-hidden": !0 }, a = { "absolute top-0 right-3": !0, "min-w-[6px] h-1.5": !s, "min-w-[16px] h-4": s, "rounded-full": !s, "rounded-lg": s, "flex items-center justify-center": s, "px-1": s, "transition-all duration-200": !0, "z-10": !0 }, Dt = this.active ? { color: r.sys.color.secondary.onContainer } : { color: r.sys.color.surface.onVariant }, Et = { "--focus-color": r.sys.color.primary.default };
+    const t = this.querySelector("[slot]") || this.textContent?.trim() && !this.label, e = this.badge ? this.formatBadge(this.badge) : "", s = e && e !== "0", o = this.querySelector('[slot="icon"]'), n = { "relative flex flex-col items-center justify-center": !0, "flex-1 min-w-[48px] max-w-[168px]": !0, "py-2 px-1 cursor-pointer": !this.disabled, "transition-all duration-200": !0, "hover:bg-surface-container-high": !this.disabled && !this.active, "cursor-not-allowed opacity-38": this.disabled, "outline-none": !0, "focus-visible:outline-2 focus-visible:outline-offset-2": !0 }, i = { "w-16 h-8 rounded-2xl": !0, "flex items-center justify-center": !0, "transition-all duration-200": !0, "bg-secondary-container": this.active, "group-hover:bg-surface-container-highest": !this.active && !this.disabled, "relative overflow-hidden": !0 }, a = { "absolute top-0 right-3": !0, "min-w-[6px] h-1.5": !s, "min-w-[16px] h-4": s, "rounded-full": !s, "rounded-lg": s, "flex items-center justify-center": s, "px-1": s, "transition-all duration-200": !0, "z-10": !0 }, Dt = this.active ? { color: r.sys.color.secondary.onContainer } : { color: r.sys.color.surface.onVariant }, Ot = { "--focus-color": r.sys.color.primary.default };
     return c`
 			<button
 				type="button"
@@ -612,7 +612,7 @@ let $ = class extends Z(w`
 				?disabled=${this.disabled}
 				aria-pressed=${this.active}
 				aria-label=${this.label || "Navigation item"}
-				style=${this.styleMap({ ...Et, "outline-color": "var(--focus-color)" })}
+				style=${this.styleMap({ ...Ot, "outline-color": "var(--focus-color)" })}
 				${M(Dt)}
 			>
 				<!-- Icon with indicator background -->
@@ -662,12 +662,12 @@ let $ = class extends Z(w`
 		`;
   }
 };
-E([l({ type: String })], $.prototype, "icon", 2), E([l({ type: String })], $.prototype, "label", 2), E([l({ type: String })], $.prototype, "badge", 2), E([l({ type: Boolean, reflect: !0 })], $.prototype, "active", 1), E([l({ type: Boolean, reflect: !0 })], $.prototype, "disabled", 2), E([l({ type: Boolean, reflect: !0 })], $.prototype, "hideLabels", 2), E([h()], $.prototype, "ripples", 2), $ = E([p("schmancy-navigation-bar-item")], $);
+O([l({ type: String })], $.prototype, "icon", 2), O([l({ type: String })], $.prototype, "label", 2), O([l({ type: String })], $.prototype, "badge", 2), O([l({ type: Boolean, reflect: !0 })], $.prototype, "active", 1), O([l({ type: Boolean, reflect: !0 })], $.prototype, "disabled", 2), O([l({ type: Boolean, reflect: !0 })], $.prototype, "hideLabels", 2), O([h()], $.prototype, "ripples", 2), $ = O([p("schmancy-navigation-bar-item")], $);
 var le = Object.defineProperty, ce = Object.getOwnPropertyDescriptor, H = (t, e, s, o) => {
   for (var n, i = o > 1 ? void 0 : o ? ce(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = (o ? n(e, s, i) : n(i)) || i);
   return o && i && le(e, s, i), i;
 };
-let O = class extends Z(w`
+let E = class extends Z(w`
 	:host {
 		display: block;
 		position: fixed;
@@ -696,13 +696,13 @@ let O = class extends Z(w`
 `) {
   constructor() {
     super(...arguments), this.activeIndex$ = new vt(-1), this.hideLabels = !1, this.elevation = 2, this.hideOnScroll = !1, this.focusedIndex = -1, this.isHidden = !1, this.SCROLL_THRESHOLD = 10, this.handleItemClick = (t) => {
-      const e = this.querySelectorAll("schmancy-navigation-bar-item"), s = t.target, o = Array.from(e).indexOf(s);
+      const e = this.getItems(), s = t.target, o = e.indexOf(s);
       if (o !== -1 && this.activeIndex !== o) {
         const n = this.activeIndex;
         this.activeIndex = o, this.dispatchEvent(new CustomEvent("navigation-change", { detail: { oldIndex: n, newIndex: o, item: s }, bubbles: !0, composed: !0 }));
       }
     }, this.handleKeyDown = (t) => {
-      const e = Array.from(this.querySelectorAll("schmancy-navigation-bar-item")), s = this.focusedIndex === -1 ? this.activeIndex : this.focusedIndex;
+      const e = this.getItems(), s = this.focusedIndex === -1 ? this.activeIndex : this.focusedIndex;
       switch (t.key) {
         case "ArrowLeft":
           t.preventDefault(), s > 0 && this.focusItem(s - 1);
@@ -728,22 +728,23 @@ let O = class extends Z(w`
   set activeIndex(t) {
     this.activeIndex$.next(t);
   }
+  getItems() {
+    const t = this.shadowRoot?.querySelector("slot");
+    return t ? t.assignedElements({ flatten: !0 }).filter((e) => e.tagName.toLowerCase() === "schmancy-navigation-bar-item") : [];
+  }
   connectedCallback() {
-    super.connectedCallback(), this.addEventListener("bar-item-click", this.handleItemClick), this.addEventListener("keydown", this.handleKeyDown), this.activeIndex$.pipe(B(this.disconnecting)).subscribe((t) => {
+    super.connectedCallback(), d(this, "bar-item-click").pipe(q((t) => this.handleItemClick(t)), N(this.disconnecting)).subscribe(), d(this, "keydown").pipe(q((t) => this.handleKeyDown(t)), N(this.disconnecting)).subscribe(), this.activeIndex$.pipe(N(this.disconnecting)).subscribe((t) => {
       this.updateActiveStates(t);
     }), this.hideOnScroll && this.setupScrollListener(), this.updateItems();
   }
   setupScrollListener() {
-    d(window, "scroll").pipe(qt(100), xt(() => window.scrollY), Tt(), V(([t, e]) => Math.abs(e - t) > this.SCROLL_THRESHOLD), F(([t, e]) => {
+    d(window, "scroll").pipe(At(100), xt(() => window.scrollY), qt(), V(([t, e]) => Math.abs(e - t) > this.SCROLL_THRESHOLD), q(([t, e]) => {
       const s = e < t;
       e > t && !this.isHidden ? this.isHidden = !0 : s && this.isHidden && (this.isHidden = !1), e <= this.SCROLL_THRESHOLD && (this.isHidden = !1);
-    }), B(this.disconnecting)).subscribe();
-  }
-  disconnectedCallback() {
-    this.removeEventListener("bar-item-click", this.handleItemClick), this.removeEventListener("keydown", this.handleKeyDown), super.disconnectedCallback();
+    }), N(this.disconnecting)).subscribe();
   }
   focusItem(t) {
-    const e = this.querySelectorAll("schmancy-navigation-bar-item");
+    const e = this.getItems();
     e[t] && (this.focusedIndex = t, e[t].focus());
   }
   updateItems() {
@@ -756,7 +757,7 @@ let O = class extends Z(w`
     }
   }
   updateActiveStates(t) {
-    this.querySelectorAll("schmancy-navigation-bar-item").forEach((e, s) => {
+    this.getItems().forEach((e, s) => {
       const o = e;
       o.setActive ? o.setActive(s === t) : o.active = s === t, o.hideLabels = this.hideLabels, e.tabIndex = s === t ? 0 : -1;
     });
@@ -780,8 +781,8 @@ let O = class extends Z(w`
 		`;
   }
 };
-H([l({ type: Number })], O.prototype, "activeIndex", 1), H([l({ type: Boolean, reflect: !0 })], O.prototype, "hideLabels", 2), H([l({ type: Number, reflect: !0 })], O.prototype, "elevation", 2), H([l({ type: Boolean, reflect: !0 })], O.prototype, "hideOnScroll", 2), H([h()], O.prototype, "focusedIndex", 2), H([h()], O.prototype, "isHidden", 2), O = H([p("schmancy-navigation-bar")], O);
-const St = "whereAreYouRicky", kt = "hereMorty", K = new class {
+H([l({ type: Number })], E.prototype, "activeIndex", 1), H([l({ type: Boolean, reflect: !0 })], E.prototype, "hideLabels", 2), H([l({ type: Number, reflect: !0 })], E.prototype, "elevation", 2), H([l({ type: Boolean, reflect: !0 })], E.prototype, "hideOnScroll", 2), H([h()], E.prototype, "focusedIndex", 2), H([h()], E.prototype, "isHidden", 2), E = H([p("schmancy-navigation-bar")], E);
+const St = "whereAreYouRicky", kt = "hereMorty", Y = new class {
   constructor() {
     this.activeTeleportations = /* @__PURE__ */ new Map(), this.flipRequests = new ot(), this.find = (t) => pt([d(window, kt).pipe(wt((e) => !!e.detail.component.uuid && !!t.id && e.detail.component.id === t.id && e.detail.component.uuid !== t.uuid), v((e) => e.detail.component), Mt(1)), J(t).pipe(z(() => {
       window.dispatchEvent(new CustomEvent(St, { detail: { id: t.id, callerID: t.uuid } }));
@@ -798,11 +799,11 @@ const St = "whereAreYouRicky", kt = "hereMorty", K = new class {
 function bt(t) {
   return Ht(50).pipe(xt(() => t.getBoundingClientRect()), _t((e, s) => e.width === s.width && e.height === s.height && e.top === s.top && e.right === s.right && e.bottom === s.bottom && e.left === s.left), Bt(1));
 }
-var he = Object.defineProperty, de = Object.getOwnPropertyDescriptor, Y = (t, e, s, o) => {
+var he = Object.defineProperty, de = Object.getOwnPropertyDescriptor, F = (t, e, s, o) => {
   for (var n, i = o > 1 ? void 0 : o ? de(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = (o ? n(e, s, i) : n(i)) || i);
   return o && i && he(e, s, i), i;
 };
-let _ = class extends j(w``) {
+let X = class extends j(w``) {
   constructor() {
     super(...arguments), this.uuid = Math.floor(Math.random() * Date.now()), this.delay = 0, this.debugging = !1;
   }
@@ -811,20 +812,20 @@ let _ = class extends j(w``) {
   }
   connectedCallback() {
     if (this.id === void 0) throw new Error("id is required");
-    super.connectedCallback(), Q(d(window, At).pipe(z({ next: () => {
-      this.dispatchEvent(new CustomEvent(Rt, { detail: { component: this }, bubbles: !0, composed: !0 }));
+    super.connectedCallback(), Q(d(window, Nt).pipe(z({ next: () => {
+      this.dispatchEvent(new CustomEvent(Lt, { detail: { component: this }, bubbles: !0, composed: !0 }));
     } })), d(window, St).pipe(z({ next: (t) => {
       t.detail.id === this.id && this.uuid && t.detail.callerID !== this.uuid && this.dispatchEvent(new CustomEvent(kt, { detail: { component: this }, bubbles: !0, composed: !0 }));
     } }))).pipe(y(this.disconnecting)).subscribe();
   }
   async firstUpdated() {
-    J(K.activeTeleportations.get(this.id)).pipe(wt((t) => !!t), y(this.disconnecting), Lt()).subscribe({ next: (t) => {
+    J(Y.activeTeleportations.get(this.id)).pipe(wt((t) => !!t), y(this.disconnecting), Rt()).subscribe({ next: (t) => {
       this.style.setProperty("visibility", "hidden"), bt(this).pipe(y(this.disconnecting)).subscribe({ next: (e) => {
-        K.activeTeleportations.set(this.id, e), K.flipRequests.next({ from: { rect: t }, to: { rect: e, element: this._slottedChildren[0] }, host: this });
+        Y.activeTeleportations.set(this.id, e), Y.flipRequests.next({ from: { rect: t }, to: { rect: e, element: this._slottedChildren[0] }, host: this });
       } });
     }, error: () => {
       this.style.setProperty("visibility", "visible"), bt(this).pipe(y(this.disconnecting)).subscribe({ next: (t) => {
-        K.activeTeleportations.set(this.id, t);
+        Y.activeTeleportations.set(this.id, t);
       } });
     }, complete: () => {
     } });
@@ -833,7 +834,7 @@ let _ = class extends j(w``) {
     return c`<slot></slot>`;
   }
 };
-Y([l({ type: Number, reflect: !0 })], _.prototype, "uuid", 2), Y([l({ type: String })], _.prototype, "id", 2), Y([l({ type: Number })], _.prototype, "delay", 2), _ = Y([p("schmancy-teleport")], _);
+F([l({ type: Number, reflect: !0 })], X.prototype, "uuid", 2), F([l({ type: String })], X.prototype, "id", 2), F([l({ type: Number })], X.prototype, "delay", 2), X = F([p("schmancy-teleport")], X);
 var pe = Object.defineProperty, ue = Object.getOwnPropertyDescriptor, C = (t, e, s, o) => {
   for (var n, i = o > 1 ? void 0 : o ? ue(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = (o ? n(e, s, i) : n(i)) || i);
   return o && i && pe(e, s, i), i;
@@ -865,7 +866,7 @@ let f = class extends j() {
 };
 C([l({ type: String })], f.prototype, "initials", 2), C([l({ type: String })], f.prototype, "src", 2), C([l({ type: String })], f.prototype, "icon", 2), C([l({ type: String })], f.prototype, "size", 2), C([l({ type: String })], f.prototype, "color", 2), C([l({ type: String })], f.prototype, "shape", 2), C([l({ type: Boolean })], f.prototype, "bordered", 2), C([l({ type: String })], f.prototype, "status", 2), f = C([p("schmancy-avatar")], f);
 export {
-  Es as $,
+  Os as $,
   kt as H,
   S,
   St as W,
@@ -876,20 +877,20 @@ export {
   nt as e,
   at as f,
   k as g,
-  R as h,
+  T as h,
   b as i,
   Qt as j,
-  T as k,
+  B as k,
   yt as l,
   lt as m,
   ct as n,
   g as o,
   D as p,
   $ as q,
-  O as r,
+  E as r,
   Ds as s,
-  _ as t,
-  K as u,
+  X as t,
+  Y as u,
   f as v
 };
-//# sourceMappingURL=avatar-D2FqPXk4.js.map
+//# sourceMappingURL=avatar-CjjwZDsw.js.map