@mhmo91/schmancy 0.5.35 → 0.5.37

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

@@ -1,74 +1,74 @@
 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 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 Nt, H as Lt } from "./area.component-BHtBHWVt.js";
-import "./autocomplete-9RkU9LmA.js";
+import { Subject as ot, merge as Q, fromEvent as d, startWith as Et, map as v, debounceTime as G, tap as j, 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 Bt } from "rxjs";
+import "./animated-text-Cfs1zx2e.js";
+import { a as ut, F as Rt, H as Lt } from "./area.component-A6Xw-dfF.js";
+import "./autocomplete-C5DIxpTG.js";
+import { tap as L, takeUntil as M, filter as V, throttleTime as Nt, map as xt, pairwise as Tt, distinctUntilChanged as At, take as qt } from "rxjs/operators";
 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 Tt } from "./ripple-Cy-nvO8W.js";
+import { T as Z } from "./tailwind.mixin-Cn7vup-6.js";
+import { c as P, f as _t } from "./ripple-Cy-nvO8W.js";
 import "lit/directives/guard.js";
-import "./boat-CUsJXaLf.js";
-import "./spinner-XN4W5ihQ.js";
-import "./icon-button-D6DH52j4.js";
-import "./media-CEnaqjig.js";
-import "./checkbox-D6-WQeEk.js";
-import "./suggestion-chip-CdhoATv9.js";
-import "./input-chip-DbIvSyvP.js";
-import "./code-preview-Z02-2suM.js";
-import "./payment-card-form-DLRNX9NX.js";
+import "./boat-DumUFcmT.js";
+import "./spinner-paAzgY93.js";
+import "./icon-button-CjSaBrg0.js";
+import "./media-DC3r4y8-.js";
+import "./checkbox-CHG-gT2P.js";
+import "./suggestion-chip-DnnfUAqx.js";
+import "./input-chip-CLnR4vSR.js";
+import "./code-preview-Bp4OemTD.js";
+import "./payment-card-form-CZpc-zfO.js";
 import { SchmancyEvents as m } from "./types.js";
-import { n as L, e as R } from "./provide-tcktw8xB.js";
-import { $ as j } from "./litElement.mixin-CzF0mNQd.js";
+import { n as N, e as R } from "./provide-tcktw8xB.js";
+import { $ as W } from "./litElement.mixin-Dp4mBSNw.js";
 import { c as u } from "./consume-5D1qfVWM.js";
-import "./date-range-kFnTrnHN.js";
-import "./date-range-inline-BXeX6T7R.js";
-import "./delay-Cz-9rZxi.js";
-import "./details-DeBtsJlp.js";
-import "./dialog-content-DTKdAF_l.js";
+import "./date-range-BcJ0YN2n.js";
+import "./date-range-inline-Dqxqgu2s.js";
+import "./delay-CC_14mn4.js";
+import "./details-dk2hnRIp.js";
+import "./dialog-content-BM-lfqHq.js";
 import "./dialog-service-CyQzm5qE.js";
-import "./divider-7iyyEd8k.js";
-import "./dropdown-content-_GMpqsNq.js";
-import "./timezone-BpDMR26D.js";
-import "./form-DNeKagke.js";
-import "./icon-CCMpTJTp.js";
-import "./input-DtHPCCyd.js";
-import "./flex-BeSoRNTu.js";
-import "./list-BBo0--_Q.js";
-import "./email-recipients-CPZlUiRR.js";
-import "./map-DeiCBxMP.js";
-import "./menu-wtkHGlyc.js";
+import "./divider-BWVdeJm1.js";
+import "./dropdown-content-BgLy9dwU.js";
+import "./timezone-CtH2a7Hw.js";
+import "./form-Dtc128QU.js";
+import "./icon-BHhOyVjB.js";
+import "./input-D_gdNxxR.js";
+import "./flex-Cp1nomar.js";
+import "./list-C069T9ey.js";
+import "./email-recipients-IXQLqBaI.js";
+import "./map-pn_6ziZf.js";
+import "./menu-BAs2snSu.js";
 import { when as st } from "lit/directives/when.js";
-import "./navigation-rail-D-lK9oVd.js";
-import "./notification-service-ZiGUSd63.js";
-import "./option-BFlWiCu0.js";
-import "./progress-BYohUvYO.js";
-import "./radio-button-BlxeCjdq.js";
+import "./navigation-rail-KdVjbO1I.js";
+import "./notification-service-BOCdK7B0.js";
+import "./option-tDU1Z_vP.js";
+import "./progress-Bqih11TQ.js";
+import "./radio-button-mHT1573u.js";
 import "./index-CW6PhEkx.js";
-import "./select-BiN334GN.js";
-import "./sheet-DpJv4DRi.js";
+import "./select-CKtpFPTr.js";
+import "./sheet-B-vTiTi8.js";
 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 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";
-import "./textarea-DHrDn-O6.js";
-import "./theme.component-ByGua01V.js";
-import "./theme-button-BEUsbH5m.js";
-import "./tooltip-B1jynZOH.js";
-import "./tree-BH1qCJ_U.js";
-import "./typewriter-DQbpNPtY.js";
-import "./typography-D71cmr0R.js";
+import "./slider-Bu7kQ0_w.js";
+import "./schmancy-steps-container-DDMiJJyw.js";
+import "./context-create-DCiujzV2.js";
+import "./surface-BBhAIoZq.js";
+import "./table-CepjNGT6.js";
+import "./tabs-compatibility-BXdyrybs.js";
+import "./textarea-BpNEwBP9.js";
+import "./theme.controls-DtcpHuz9.js";
+import "./theme-button-77xbTIaH.js";
+import "./tooltip-DgGZouB5.js";
+import "./tree-BSENnhB2.js";
+import "./typewriter-BCXtlffJ.js";
+import "./typography-sxQLtA6a.js";
 import { S as r } from "./theme.interface-BLfE5J_1.js";
-var Xt = Object.defineProperty, Ut = Object.getOwnPropertyDescriptor, I = (t, e, s, o) => {
+var Xt = Object.defineProperty, Ut = Object.getOwnPropertyDescriptor, z = (t, e, s, o) => {
   for (var n, i = o > 1 ? void 0 : o ? Ut(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 && Xt(e, s, i), i;
 };
-let S = class extends Z(w`
+let k = class extends Z(w`
 	:host {
 		display: inline-flex;
 	}
@@ -138,7 +138,7 @@ let S = class extends Z(w`
 				part="badge"
 				class="${this.classMap(i)}"
 				style="${this.styleMap(a)}"
-				${M({ bgColor: s.bg, color: s.text })}
+				${P({ bgColor: s.bg, color: s.text })}
 			>
 				<!-- Icon slot or named icon -->
 				<slot name="icon">
@@ -157,10 +157,10 @@ let S = class extends Z(w`
 		`;
   }
 };
-I([l({ type: String, reflect: !0 })], S.prototype, "color", 2), I([l({ type: String, reflect: !0 })], S.prototype, "size", 2), I([l({ type: String, reflect: !0 })], S.prototype, "shape", 2), I([l({ type: Boolean, reflect: !0 })], S.prototype, "outlined", 2), I([l({ type: String })], S.prototype, "icon", 2), I([l({ type: Boolean, reflect: !0 })], S.prototype, "pulse", 2), S = I([p("schmancy-badge")], S);
-let mt = class extends S {
+z([l({ type: String, reflect: !0 })], k.prototype, "color", 2), z([l({ type: String, reflect: !0 })], k.prototype, "size", 2), z([l({ type: String, reflect: !0 })], k.prototype, "shape", 2), z([l({ type: Boolean, reflect: !0 })], k.prototype, "outlined", 2), z([l({ type: String })], k.prototype, "icon", 2), z([l({ type: Boolean, reflect: !0 })], k.prototype, "pulse", 2), k = z([p("schmancy-badge")], k);
+let mt = class extends k {
 };
-mt = I([p("sch-badge")], mt);
+mt = z([p("sch-badge")], mt);
 const Ds = new class {
   constructor() {
     this.$drawer = new ot(), this.lastComponent = null, this.$drawer.pipe().subscribe((t) => {
@@ -191,12 +191,12 @@ const Ds = new class {
   push(t) {
     this.$drawer.next({ action: "push", ref: window, component: t });
   }
-}(), 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);
+}(), rt = N("push"), $t = N("close"), Ct = N(Math.floor(Math.random() * Date.now()).toString()), nt = N("100%"), at = N({});
+var Kt = Object.defineProperty, Ft = Object.getOwnPropertyDescriptor, H = (t, e, s, o) => {
+  for (var n, i = o > 1 ? void 0 : o ? Ft(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;
 };
-let k = class extends j(w`
+let D = class extends W(w`
 	:host {
 		position: relative;
 		inset: 0;
@@ -208,15 +208,15 @@ 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(Et(!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), j(() => {
       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");
-    }), d(window, m.ContentDrawerToggle).pipe(z((t) => {
+    }), d(window, m.ContentDrawerToggle).pipe(j((t) => {
       t.stopPropagation();
     }), v((t) => t.detail.state), y(this.disconnecting)).subscribe((t) => {
       this.open = t;
-    }), d(window, "schmancy-content-drawer-render").pipe(z((t) => {
+    }), d(window, "schmancy-content-drawer-render").pipe(j((t) => {
       t.stopPropagation();
     }), v((t) => t.detail), y(this.disconnecting)).subscribe(({ component: t, title: e }) => {
       this.mode === "push" ? (ut.push({ area: this.schmancyContentDrawerID, component: "empty", historyStrategy: "silent" }), ut.push({ area: this.schmancyContentDrawerID, component: t, historyStrategy: "silent" })) : (this.mode = "overlay") && it.open({ component: t, uid: this.schmancyContentDrawerID, title: e });
@@ -241,12 +241,12 @@ let k = class extends j(w`
 		` : ft;
   }
 };
-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) => {
+H([R({ context: at })], D.prototype, "minWidth", 2), H([R({ context: $t }), l()], D.prototype, "open", 2), H([R({ context: rt }), h()], D.prototype, "mode", 2), H([R({ context: Ct })], D.prototype, "schmancyContentDrawerID", 2), H([R({ context: nt })], D.prototype, "maxHeight", 2), H([gt({ flatten: !0 })], D.prototype, "assignedElements", 2), D = H([p("schmancy-content-drawer")], D);
+var Yt = Object.defineProperty, Vt = Object.getOwnPropertyDescriptor, q = (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;
+  return o && i && Yt(e, s, i), i;
 };
-let T = class extends j(w`
+let T = class extends W(w`
 	:host {
 		display: block;
 		overflow: hidden;
@@ -279,12 +279,12 @@ let T = class extends j(w`
 		`;
   }
 };
-_([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);
+q([l({ type: Number })], T.prototype, "minWidth", 2), q([u({ context: at, subscribe: !0 })], T.prototype, "drawerMinWidth", 2), q([u({ context: rt, subscribe: !0 }), h()], T.prototype, "mode", 2), q([u({ context: nt, subscribe: !0 }), h()], T.prototype, "maxHeight", 2), T = q([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;
 };
-let b = class extends j(w`
+let b = class extends W(w`
 	:host {
 		overflow: scroll;
 	}
@@ -302,7 +302,7 @@ let b = class extends j(w`
     Q(dt(this.closeModalSheet()), dt(this.closeSheet())).pipe(y(this.disconnecting)).subscribe();
   }
   closeModalSheet() {
-    return J(!0).pipe(z(() => it.dismiss(this.schmancyContentDrawerID)));
+    return J(!0).pipe(j(() => it.dismiss(this.schmancyContentDrawerID)));
   }
   closeSheet() {
     return new It((t) => {
@@ -335,12 +335,12 @@ const Qt = new class {
   close(t) {
     this.$drawer.next({ self: t, state: !1 });
   }
-}(), Os = Qt, lt = L("push"), ct = L("close");
+}(), Os = Qt, lt = N("push"), ct = N("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 B = class extends Z(w`
+let _ = class extends Z(w`
 	:host {
 		display: block;
 	}
@@ -369,9 +369,9 @@ let B = class extends Z(w`
 		`;
   }
 };
-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);
+U([u({ context: lt, subscribe: !0 }), h()], _.prototype, "sidebarMode", 2), U([u({ context: ct, subscribe: !0 }), h()], _.prototype, "sidebarOpen", 2), U([l({ type: Boolean })], _.prototype, "toggler", 2), _ = U([p("schmancy-nav-drawer-appbar")], _);
 var ee = Object.getOwnPropertyDescriptor;
-let yt = class extends j(w`
+let yt = class extends W(w`
 	:host {
 		display: block;
 		position: relative;
@@ -396,7 +396,7 @@ var se = Object.defineProperty, ie = Object.getOwnPropertyDescriptor, A = (t, e,
   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;
 };
-let g = class extends j(w`
+let g = class extends W(w`
 	:host {
 		display: flex;
 		flex-grow: 1;
@@ -415,7 +415,7 @@ let g = class extends j(w`
   firstUpdated() {
     this.updateState(window.innerWidth), this._initialized = !0, this.setAttribute("data-ready", ""), d(window, "resize").pipe(v((t) => t.target.innerWidth), v((t) => t >= g.BREAKPOINTS[this.breakpoint]), et(), G(100), y(this.disconnecting)).subscribe((t) => {
       t ? (this.mode = "push", this.open = "open") : (this.mode = "overlay", this.open = "close");
-    }), d(window, m.NavDrawer_toggle).pipe(z((t) => {
+    }), d(window, m.NavDrawer_toggle).pipe(j((t) => {
       t.stopPropagation();
     }), v((t) => t.detail.state), et(), y(this.disconnecting), G(10)).subscribe((t) => {
       this.mode === "push" && t === "close" || (this.open = t);
@@ -433,7 +433,7 @@ let g = class extends j(w`
 				flow="col"
 				justify="stretch"
 				align="stretch"
-				${Tt()}
+				${_t()}
 			>
 				<slot></slot>
 			</schmancy-grid>
@@ -441,12 +441,12 @@ let g = class extends j(w`
   }
 };
 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) => {
+var oe = Object.defineProperty, re = Object.getOwnPropertyDescriptor, B = (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 K = "cubic-bezier(0.5, 0.01, 0.25, 1)";
-let D = class extends j() {
+let O = class extends W() {
   constructor() {
     super(...arguments), this.width = "220px", this._initialized = !1;
   }
@@ -483,21 +483,21 @@ let D = class extends j() {
 			<nav
 				style=${this.styleMap(e)}
 				class="${this.classMap({ ...t })}"
-				${M({ bgColor: r.sys.color.surface.container })}
+				${P({ bgColor: r.sys.color.surface.container })}
 			>
 				<slot></slot>
 			</nav>
 			<div
 				id="overlay"
-				${M({ bgColor: r.sys.color.scrim })}
+				${P({ bgColor: r.sys.color.scrim })}
 				@click=${this.handleOverlayClick}
 				class="${this.classMap({ "fixed inset-0 z-49 hidden": !0 })}"
 			></div>
 		`;
   }
 };
-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, O = (t, e, s, o) => {
+B([u({ context: lt, subscribe: !0 }), h()], O.prototype, "mode", 2), B([u({ context: ct, subscribe: !0 }), h()], O.prototype, "drawerState", 2), B([tt("#overlay")], O.prototype, "overlay", 2), B([tt("nav")], O.prototype, "nav", 2), B([l({ type: String })], O.prototype, "width", 2), B([h()], O.prototype, "_initialized", 2), O = B([p("schmancy-nav-drawer-navbar")], O);
+var ne = Object.defineProperty, ae = Object.getOwnPropertyDescriptor, E = (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(q(() => {
+        this.ripples = [...this.ripples, o], zt(600).pipe(L(() => {
           this.ripples = this.ripples.filter((n) => n.id !== o.id);
-        }), N(this.disconnecting)).subscribe();
+        }), M(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(N(this.disconnecting)).subscribe(() => {
+    super.connectedCallback(), this.active$.pipe(M(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 === " "), q((o) => o.preventDefault()));
-    Q(e, s).pipe(q(() => {
+    const e = d(t, "click").pipe(V(() => !this.disabled)), s = d(t, "keydown").pipe(V(() => !this.disabled), V((o) => o.key === "Enter" || o.key === " "), L((o) => o.preventDefault()));
+    Q(e, s).pipe(L(() => {
       this.dispatchEvent(new CustomEvent("bar-item-click", { detail: { icon: this.icon, label: this.label, active: this.active }, bubbles: !0, composed: !0 }));
-    }), N(this.disconnecting)).subscribe();
+    }), M(this.disconnecting)).subscribe();
   }
   formatBadge(t) {
     const e = Number(t);
@@ -613,7 +613,7 @@ let $ = class extends Z(w`
 				aria-pressed=${this.active}
 				aria-label=${this.label || "Navigation item"}
 				style=${this.styleMap({ ...Ot, "outline-color": "var(--focus-color)" })}
-				${M(Dt)}
+				${P(Dt)}
 			>
 				<!-- Icon with indicator background -->
 				<div class=${this.classMap(i)}>
@@ -647,7 +647,7 @@ let $ = class extends Z(w`
 					<span
 						class=${this.classMap(a)}
 						aria-label="${e} notifications"
-						${M({ bgColor: r.sys.color.error.default, color: r.sys.color.error.on })}
+						${P({ bgColor: r.sys.color.error.default, color: r.sys.color.error.on })}
 					>
 						<span class="text-[10px] font-medium leading-none">${e}</span>
 					</span>
@@ -655,19 +655,19 @@ let $ = class extends Z(w`
 					<span
 						class=${this.classMap(a)}
 						aria-label="Has notifications"
-						${M({ bgColor: r.sys.color.error.default })}
+						${P({ bgColor: r.sys.color.error.default })}
 					></span>
 				` : ""}
 			</button>
 		`;
   }
 };
-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) => {
+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")], $);
+var le = Object.defineProperty, ce = Object.getOwnPropertyDescriptor, I = (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 E = class extends Z(w`
+let C = class extends Z(w`
 	:host {
 		display: block;
 		position: fixed;
@@ -695,7 +695,7 @@ let E = 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) => {
+    super(...arguments), this.activeIndex$ = new vt(-1), this.hideLabels = !1, this.elevation = 2, this.hideOnScroll = !1, this.focusedIndex = -1, this.isHiddenByScroll = !1, this.isFullscreen = !1, this.SCROLL_THRESHOLD = 10, this.handleItemClick = (t) => {
       const e = this.getItems(), s = t.target, o = e.indexOf(s);
       if (o !== -1 && this.activeIndex !== o) {
         const n = this.activeIndex;
@@ -733,15 +733,18 @@ let E = class extends Z(w`
     return t ? t.assignedElements({ flatten: !0 }).filter((e) => e.tagName.toLowerCase() === "schmancy-navigation-bar-item") : [];
   }
   connectedCallback() {
-    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) => {
+    super.connectedCallback(), d(this, "bar-item-click").pipe(L((t) => this.handleItemClick(t)), M(this.disconnecting)).subscribe(), d(this, "keydown").pipe(L((t) => this.handleKeyDown(t)), M(this.disconnecting)).subscribe(), this.activeIndex$.pipe(M(this.disconnecting)).subscribe((t) => {
       this.updateActiveStates(t);
-    }), this.hideOnScroll && this.setupScrollListener(), this.updateItems();
+    }), d(window, "fullscreen").pipe(L((t) => {
+      const e = t;
+      this.isFullscreen = e.detail;
+    }), M(this.disconnecting)).subscribe(), this.hideOnScroll && this.setupScrollListener(), this.updateItems();
   }
   setupScrollListener() {
-    d(window, "scroll").pipe(At(100), xt(() => window.scrollY), qt(), V(([t, e]) => Math.abs(e - t) > this.SCROLL_THRESHOLD), q(([t, e]) => {
+    d(window, "scroll").pipe(Nt(100), xt(() => window.scrollY), Tt(), V(([t, e]) => Math.abs(e - t) > this.SCROLL_THRESHOLD), L(([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);
-    }), N(this.disconnecting)).subscribe();
+      e > t && !this.isHiddenByScroll ? this.isHiddenByScroll = !0 : s && this.isHiddenByScroll && (this.isHiddenByScroll = !1), e <= this.SCROLL_THRESHOLD && (this.isHiddenByScroll = !1);
+    }), M(this.disconnecting)).subscribe();
   }
   focusItem(t) {
     const e = this.getItems();
@@ -756,6 +759,13 @@ let E = class extends Z(w`
       t.addEventListener("slotchange", e), e();
     }
   }
+  addBoatItem(t) {
+    const e = document.createElement("schmancy-navigation-bar-item");
+    e.setAttribute("value", t.id), e.innerHTML = `
+			<schmancy-icon>${t.icon || "widgets"}</schmancy-icon>
+			<span>${t.title}</span>
+		`, this.appendChild(e);
+  }
   updateActiveStates(t) {
     this.getItems().forEach((e, s) => {
       const o = e;
@@ -763,28 +773,28 @@ let E = class extends Z(w`
     });
   }
   updated(t) {
-    super.updated(t), t.has("hideLabels") && this.updateActiveStates(this.activeIndex), t.has("hideOnScroll") && (this.hideOnScroll && !t.get("hideOnScroll") ? this.setupScrollListener() : this.hideOnScroll || (this.isHidden = !1));
+    super.updated(t), t.has("hideLabels") && this.updateActiveStates(this.activeIndex), t.has("hideOnScroll") && (this.hideOnScroll && !t.get("hideOnScroll") ? this.setupScrollListener() : this.hideOnScroll || (this.isHiddenByScroll = !1));
   }
   render() {
-    const t = { "h-20": !0, "fixed bottom-0 left-0 right-0": !0, "flex items-center justify-around": !0, "px-2 py-3 box-border": !0, "transition-all duration-200 ease-in-out": !0, "shadow-none": this.elevation === 0, "shadow-sm": this.elevation === 1, "shadow-md": this.elevation === 2, "shadow-lg": this.elevation === 3, "shadow-xl": this.elevation === 4, "shadow-2xl": this.elevation === 5 }, e = this.isHidden ? "translateY(100%)" : "translateY(0)";
+    const t = this.isFullscreen || this.isHiddenByScroll, e = { "h-20": !0, "fixed bottom-0 left-0 right-0": !0, "flex items-center justify-around": !0, "px-2 py-3 box-border": !0, "transition-all duration-300 ease-in-out": !0, "shadow-none": this.elevation === 0, "shadow-sm": this.elevation === 1, "shadow-md": this.elevation === 2, "shadow-lg": this.elevation === 3, "shadow-xl": this.elevation === 4, "shadow-2xl": this.elevation === 5 }, s = t ? "translateY(100%)" : "translateY(0)";
     return c`
 			<nav
-				class=${this.classMap(t)}
+				class=${this.classMap(e)}
 				role="navigation"
 				aria-label="Main navigation"
-				aria-hidden=${this.isHidden}
-				style="transform: ${e};"
-				${M({ bgColor: r.sys.color.surface.container, color: r.sys.color.surface.on })}
+				aria-hidden=${t}
+				style="transform: ${s};"
+				${P({ bgColor: r.sys.color.surface.container, color: r.sys.color.surface.on })}
 			>
 				<slot></slot>
 			</nav>
 		`;
   }
 };
-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 {
+I([l({ type: Number })], C.prototype, "activeIndex", 1), I([l({ type: Boolean, reflect: !0 })], C.prototype, "hideLabels", 2), I([l({ type: Number, reflect: !0 })], C.prototype, "elevation", 2), I([l({ type: Boolean, reflect: !0 })], C.prototype, "hideOnScroll", 2), I([h()], C.prototype, "focusedIndex", 2), I([h()], C.prototype, "isHiddenByScroll", 2), I([h()], C.prototype, "isFullscreen", 2), C = I([p("schmancy-navigation-bar")], C);
+const St = "whereAreYouRicky", kt = "hereMorty", F = 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(() => {
+    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(j(() => {
       window.dispatchEvent(new CustomEvent(St, { detail: { id: t.id, callerID: t.uuid } }));
     }))]).pipe(v(([e]) => e), jt(0)), this.flip = (t) => {
       const { from: e, to: s } = t, o = s.element.style.zIndex;
@@ -797,13 +807,13 @@ const St = "whereAreYouRicky", kt = "hereMorty", Y = 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));
+  return Ht(50).pipe(xt(() => t.getBoundingClientRect()), At((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), qt(1));
 }
-var he = Object.defineProperty, de = Object.getOwnPropertyDescriptor, F = (t, e, s, o) => {
+var he = Object.defineProperty, de = Object.getOwnPropertyDescriptor, Y = (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 X = class extends j(w``) {
+let X = class extends W(w``) {
   constructor() {
     super(...arguments), this.uuid = Math.floor(Math.random() * Date.now()), this.delay = 0, this.debugging = !1;
   }
@@ -812,20 +822,20 @@ let X = class extends j(w``) {
   }
   connectedCallback() {
     if (this.id === void 0) throw new Error("id is required");
-    super.connectedCallback(), Q(d(window, Nt).pipe(z({ next: () => {
+    super.connectedCallback(), Q(d(window, Rt).pipe(j({ next: () => {
       this.dispatchEvent(new CustomEvent(Lt, { detail: { component: this }, bubbles: !0, composed: !0 }));
-    } })), d(window, St).pipe(z({ next: (t) => {
+    } })), d(window, St).pipe(j({ 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(Y.activeTeleportations.get(this.id)).pipe(wt((t) => !!t), y(this.disconnecting), Rt()).subscribe({ next: (t) => {
+    J(F.activeTeleportations.get(this.id)).pipe(wt((t) => !!t), y(this.disconnecting), Bt()).subscribe({ next: (t) => {
       this.style.setProperty("visibility", "hidden"), bt(this).pipe(y(this.disconnecting)).subscribe({ next: (e) => {
-        Y.activeTeleportations.set(this.id, e), Y.flipRequests.next({ from: { rect: t }, to: { rect: e, element: this._slottedChildren[0] }, host: this });
+        F.activeTeleportations.set(this.id, e), F.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) => {
-        Y.activeTeleportations.set(this.id, t);
+        F.activeTeleportations.set(this.id, t);
       } });
     }, complete: () => {
     } });
@@ -834,12 +844,12 @@ let X = class extends j(w``) {
     return c`<slot></slot>`;
   }
 };
-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) => {
+Y([l({ type: Number, reflect: !0 })], X.prototype, "uuid", 2), Y([l({ type: String })], X.prototype, "id", 2), Y([l({ type: Number })], X.prototype, "delay", 2), X = Y([p("schmancy-teleport")], X);
+var pe = Object.defineProperty, ue = Object.getOwnPropertyDescriptor, S = (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;
 };
-let f = class extends j() {
+let f = class extends W() {
   constructor() {
     super(...arguments), this.initials = "", this.src = "", this.icon = "", this.size = "md", this.color = "primary", this.shape = "circle", this.bordered = !1, this.status = "none";
   }
@@ -855,7 +865,7 @@ let f = class extends j() {
   }
   getColorAttributes() {
     const t = { primary: { bgColor: r.sys.color.primary.container, color: r.sys.color.primary.onContainer }, secondary: { bgColor: r.sys.color.secondary.container, color: r.sys.color.secondary.onContainer }, tertiary: { bgColor: r.sys.color.tertiary.container, color: r.sys.color.tertiary.onContainer }, success: { bgColor: r.sys.color.success.container, color: r.sys.color.success.onContainer }, error: { bgColor: r.sys.color.error.container, color: r.sys.color.error.onContainer }, neutral: { bgColor: r.sys.color.surface.container, color: r.sys.color.surface.on } };
-    return M(t[this.color]);
+    return P(t[this.color]);
   }
   renderStatusIndicator() {
     const t = { online: r.sys.color.success.default, offline: r.sys.color.surface.onVariant, busy: r.sys.color.error.default, away: r.sys.color.tertiary.default }, e = { "absolute bottom-0 right-0 rounded-full border-2 border-surface-default": !0, [{ xs: "w-1.5 h-1.5", sm: "w-2 h-2", md: "w-2.5 h-2.5", lg: "w-3 h-3", xl: "w-4 h-4" }[this.size]]: !0 };
@@ -864,11 +874,11 @@ 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);
+S([l({ type: String })], f.prototype, "initials", 2), S([l({ type: String })], f.prototype, "src", 2), S([l({ type: String })], f.prototype, "icon", 2), S([l({ type: String })], f.prototype, "size", 2), S([l({ type: String })], f.prototype, "color", 2), S([l({ type: String })], f.prototype, "shape", 2), S([l({ type: Boolean })], f.prototype, "bordered", 2), S([l({ type: String })], f.prototype, "status", 2), f = S([p("schmancy-avatar")], f);
 export {
   Os as $,
   kt as H,
-  S,
+  k as S,
   St as W,
   mt as a,
   rt as b,
@@ -876,21 +886,21 @@ export {
   Ct as d,
   nt as e,
   at as f,
-  k as g,
+  D as g,
   T as h,
   b as i,
   Qt as j,
-  B as k,
+  _ as k,
   yt as l,
   lt as m,
   ct as n,
   g as o,
-  D as p,
+  O as p,
   $ as q,
-  E as r,
+  C as r,
   Ds as s,
   X as t,
-  Y as u,
+  F as u,
   f as v
 };
-//# sourceMappingURL=avatar-CjjwZDsw.js.map
+//# sourceMappingURL=avatar-BDy0wAek.js.map