@mhmo91/schmancy 0.10.4 → 0.10.6

package/dist/{src-CqdnWGgr.js → src-YRir9pOP.js}

@@ -1,91 +1,87 @@
-import { s as e } from "./mixins-CcIWET41.js";
+import { s as e } from "./mixins-Dw6hVfy-.js";
 import { t } from "./decorate-23nYs4Le.js";
-import { S as n, b as r, x as i } from "./area-DHVANBbr.js";
+import { S as n, b as r, x as i } from "./area-CIZZ5tbB.js";
 import "./state-BusMG6sM.js";
 import "./audio-DcXphulJ.js";
-import "./autocomplete-pHvsyfbH.js";
-import { n as a } from "./theme.service-CmbOGMA8.js";
+import "./autocomplete-C1oDLuol.js";
+import { n as a } from "./theme.service-DIUo1mBP.js";
 import { color as o } from "./directives.js";
-import "./boat-_Yv3M6YM.js";
-import "./busy-Ck2IXJ4r.js";
+import "./boat-CpE0yAlK.js";
+import "./busy-C9n-DUY4.js";
 import "./button.js";
-import "./card-DUWZmMHc.js";
+import "./card-B3hN-qzk.js";
 import "./charts.js";
-import "./checkbox-DPS1mWG-.js";
-import "./chips-BnnXQSA-.js";
-import "./code-highlight-kFUJ1Eet.js";
+import "./checkbox-CvmB1ev9.js";
+import "./chips-C8Y3_3ke.js";
 import "./connectivity.js";
-import "./date-range-DOstCIg8.js";
-import { n as s } from "./sheet.service-SPQ8oLCi.js";
-import "./date-range-inline-BVycTWLb.js";
+import { o as s } from "./overlay.service-B9On2-Aa.js";
+import "./date-range-DdcaPX7C.js";
+import "./date-range-inline-QQmIWhZ4.js";
 import "./delay.js";
-import "./details-DPc5GxPa.js";
-import "./dialog.js";
+import "./details-Dpjh-XnJ.js";
 import "./discovery.js";
-import "./divider-BvJsmSPH.js";
+import "./divider-BdfEKQsH.js";
 import "./dropdown.js";
-import "./expand-BMzocdtj.js";
-import "./float-CTc1xxqH.js";
+import "./expand-DrgMPJbu.js";
+import "./float-1iihPek5.js";
 import "./window.js";
-import "./extra-BeHlUhzv.js";
-import "./form-BtwOBMZ9.js";
-import "./icons-BbCVrcas.js";
-import "./iframe-BJfDIEJf.js";
-import "./input-LTK3cctF.js";
-import "./notification-CVLqQ8c_.js";
+import "./extra-B6gFu4_1.js";
+import "./form-BF1c3Dk1.js";
+import "./icons-DUkcTZAY.js";
+import "./iframe-C9tj7F6Y.js";
+import "./input-DE7x223Y.js";
+import "./notification-ycbUBbOu.js";
 import "./json.js";
 import "./layout.js";
-import "./lightbox-DqG2z3Cn.js";
-import "./list-D6-_E5ZD.js";
-import "./mailbox-DsPII8HR.js";
-import "./map-Dhy3ta9v.js";
-import "./menu-Bhd3EapX.js";
+import "./lightbox-DcutIyjx.js";
+import "./list-BWrtrdgs.js";
+import "./map-CEreveeI.js";
+import "./menu-CxChOxWT.js";
 import "./navigation-rail.js";
-import "./option-rm4HebVs.js";
+import "./option-DtOhMd3k.js";
 import "./page.js";
-import "./payment-card-form-C0dHYZIv.js";
+import "./payment-card-form-Be1-OVlL.js";
 import "./progress.js";
 import "./qr-scanner.js";
-import "./radio-group-BZ2WoOXJ.js";
+import "./radio-group-DTNAW5dd.js";
 import "./range.js";
-import "./rxjs-utils-d-ivVN84.js";
-import { t as c } from "./theme.interface-DnVNre4O.js";
-import "./select-CnPXUeSf.js";
-import "./sheet-BRL07BB4.js";
+import "./rxjs-utils-BK8VMe3K.js";
+import { t as c } from "./theme.interface-v7SkAnDH.js";
+import "./select-COGARE0b.js";
 import "./slider.js";
 import "./steps.js";
 import "./surface.js";
 import "./table.js";
-import "./tabs-Cyahh9Q6.js";
-import "./textarea-CXCcTVnf.js";
-import "./theme-2KZW2Rfs.js";
-import "./theme-button-9uF1eoHz.js";
+import "./tabs-DIzCRsA3.js";
+import "./textarea-UbZzBwqm.js";
+import "./theme-Qh-yPEPL.js";
+import "./theme-button-CjTnfs9x.js";
 import "./timeline.js";
 import "./tooltip.js";
 import "./tree.js";
 import { SchmancyEvents as l } from "./types.js";
 import "./typewriter.js";
 import "./typography.js";
-import "./utils-hp-DnFf5.js";
+import "./utils-BfOze6Tk.js";
 import "./avatar.js";
 import "./breadcrumb.js";
 import "./kbd.js";
 import "./skeleton.js";
-import "./splash-screen-C8JCqX5L.js";
+import "./splash-screen-DbGbGttg.js";
 import "./switch.js";
 import "./visually-hidden.js";
-import { BehaviorSubject as u, Observable as ee, Subject as d, bufferTime as te, concatMap as ne, debounceTime as f, delay as re, distinctUntilChanged as ie, filter as ae, from as oe, fromEvent as p, interval as se, map as m, merge as h, of as g, startWith as ce, take as le, takeUntil as _, tap as v, throwIfEmpty as ue, timeout as de, timer as fe, zip as pe } from "rxjs";
-import { distinctUntilChanged as me, filter as y, map as he, pairwise as ge, take as _e, takeUntil as b, tap as x, throttleTime as ve } from "rxjs/operators";
+import { BehaviorSubject as u, Observable as ee, Subject as d, bufferTime as te, concatMap as ne, debounceTime as f, delay as re, distinctUntilChanged as ie, filter as ae, fromEvent as p, interval as oe, map as m, merge as h, of as g, startWith as se, take as ce, takeUntil as _, tap as v, throwIfEmpty as le, timeout as ue, timer as de, zip as fe } from "rxjs";
+import { distinctUntilChanged as pe, filter as y, map as me, pairwise as he, take as ge, takeUntil as b, tap as x, throttleTime as _e } from "rxjs/operators";
 import { consume as S, createContext as C, provide as w } from "@lit/context";
-import { customElement as T, property as E, query as ye, queryAssignedElements as be, state as D } from "lit/decorators.js";
-import { css as O, html as k, nothing as xe } from "lit";
-import { when as Se } from "lit/directives/when.js";
-var A = class extends e {
+import { customElement as T, property as E, query as D, queryAssignedElements as ve, state as O } from "lit/decorators.js";
+import { css as k, html as A, nothing as ye } from "lit";
+import { when as be } from "lit/directives/when.js";
+var j = class extends e {
 	constructor(...e) {
 		super(...e), this.color = "primary", this.size = "md", this.shape = "pill", this.outlined = !1, this.icon = "", this.pulse = !1;
 	}
 	static {
-		this.styles = [O`
+		this.styles = [k`
 	:host {
 		display: inline-flex;
 		width: fit-content;
@@ -196,7 +192,7 @@ var A = class extends e {
 			boxShadow: this.size !== "lg" || this.outlined ? void 0 : "0 1px 2px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.1)",
 			...i
 		};
-		return k`
+		return A`
 			<div
 				part="badge"
 				class="${this.classMap(a)}"
@@ -208,7 +204,7 @@ var A = class extends e {
 			>
 				<!-- Icon slot or named icon -->
 				<slot name="icon">
-					${this.icon ? k`
+					${this.icon ? A`
 								<div part="icon" class="shrink-0 flex items-center justify-center leading-none">
 									<schmancy-icon .size=${r} class="flex items-center justify-center">${this.icon}</schmancy-icon>
 								</div>
@@ -226,22 +222,22 @@ var A = class extends e {
 t([E({
 	type: String,
 	reflect: !0
-})], A.prototype, "color", void 0), t([E({
+})], j.prototype, "color", void 0), t([E({
 	type: String,
 	reflect: !0
-})], A.prototype, "size", void 0), t([E({
+})], j.prototype, "size", void 0), t([E({
 	type: String,
 	reflect: !0
-})], A.prototype, "shape", void 0), t([E({
+})], j.prototype, "shape", void 0), t([E({
 	type: Boolean,
 	reflect: !0
-})], A.prototype, "outlined", void 0), t([E({ type: String })], A.prototype, "icon", void 0), t([E({
+})], j.prototype, "outlined", void 0), t([E({ type: String })], j.prototype, "icon", void 0), t([E({
 	type: Boolean,
 	reflect: !0
-})], A.prototype, "pulse", void 0), A = t([T("schmancy-badge")], A);
-var j = class extends A {};
-j = t([T("sch-badge")], j);
-var Ce = new class {
+})], j.prototype, "pulse", void 0), j = t([T("schmancy-badge")], j);
+var M = class extends j {};
+M = t([T("sch-badge")], M);
+var xe = new class {
 	constructor() {
 		this.$drawer = new d(), this.pushCounter = 0, this.isDismissing$ = new u(!1), this.$drawer.pipe(ne((e) => {
 			switch (e.action) {
@@ -304,15 +300,15 @@ var Ce = new class {
 			...e
 		});
 	}
-}(), M = C("push"), N = C("close"), P = C(Math.floor(Math.random() * Date.now()).toString()), F = C("100%"), I = C({}), L = class extends e {
+}(), N = C("push"), P = C("close"), F = C(Math.floor(Math.random() * Date.now()).toString()), I = C("100%"), L = C({}), Se = "schmancy-content-drawer-overlay-dismiss", R = class extends e {
 	constructor(...e) {
 		super(...e), this.minWidth = {
 			main: 360,
 			sheet: 576
-		}, this.schmancyContentDrawerID = Math.floor(Math.random() * Date.now()).toString(), this.maxHeight = "100%";
+		}, this.schmancyContentDrawerID = Math.floor(Math.random() * Date.now()).toString(), this.maxHeight = "100%", this._overlaySubscription = null;
 	}
 	static {
-		this.styles = [O`
+		this.styles = [k`
 	:host {
 		position: relative;
 		inset: 0;
@@ -325,7 +321,7 @@ var Ce = new class {
 		this.setupResizeListener(), this.setupToggleListener(), this.setupRenderListener();
 	}
 	setupResizeListener() {
-		h(p(window, "resize"), p(window, l.ContentDrawerResize)).pipe(ce(!0), f(100), m(() => this.clientWidth || window.innerWidth), m((e) => e >= this.minWidth.main + this.minWidth.sheet), ie(), v(() => this.updateMaxHeight()), _(this.disconnecting)).subscribe((e) => this.updateMode(e));
+		h(p(window, "resize"), p(window, l.ContentDrawerResize)).pipe(se(!0), f(100), m(() => this.clientWidth || window.innerWidth), m((e) => e >= this.minWidth.main + this.minWidth.sheet), ie(), v(() => this.updateMaxHeight()), _(this.disconnecting)).subscribe((e) => this.updateMode(e));
 	}
 	setupToggleListener() {
 		p(window, l.ContentDrawerToggle).pipe(v((e) => e.stopPropagation()), m((e) => e.detail.state), _(this.disconnecting)).subscribe((e) => {
@@ -333,7 +329,7 @@ var Ce = new class {
 		});
 	}
 	setupRenderListener() {
-		p(window, "schmancy-content-drawer-render").pipe(v((e) => e.stopPropagation()), m((e) => e.detail), _(this.disconnecting)).subscribe((e) => this.handleRender(e));
+		p(window, "schmancy-content-drawer-render").pipe(v((e) => e.stopPropagation()), m((e) => e.detail), _(this.disconnecting)).subscribe((e) => this.handleRender(e)), p(this, Se).pipe(_(this.disconnecting)).subscribe(() => this.dismissOverlay());
 	}
 	updateMaxHeight() {
 		this.maxHeight = window.innerHeight - this.getOffsetTop(this) + "px", this.style.setProperty("max-height", this.maxHeight);
@@ -349,11 +345,12 @@ var Ce = new class {
 			state: e.state,
 			params: e.params,
 			props: e.props
-		}) : this.mode === "overlay" && s.open({
-			component: e.component,
-			uid: this.schmancyContentDrawerID,
-			props: e.props
-		});
+		}) : this.mode === "overlay" && (this._overlaySubscription?.unsubscribe(), this._overlaySubscription = s(e.component, { props: e.props }).pipe(_(this.disconnecting)).subscribe({ complete: () => {
+			this._overlaySubscription = null;
+		} }));
+	}
+	dismissOverlay() {
+		this._overlaySubscription?.unsubscribe(), this._overlaySubscription = null;
 	}
 	getOffsetTop(e) {
 		let t = 0;
@@ -361,7 +358,7 @@ var Ce = new class {
 		return t;
 	}
 	render() {
-		return this.mode && this.open ? k`
+		return this.mode && this.open ? A`
 			<div class=${[
 			"grid h-full",
 			"grid-flow-col auto-cols-max",
@@ -371,13 +368,13 @@ var Ce = new class {
 		].join(" ")}>
 				<slot></slot>
 			</div>
-		` : xe;
+		` : ye;
 	}
 };
-t([w({ context: I })], L.prototype, "minWidth", void 0), t([w({ context: N }), E()], L.prototype, "open", void 0), t([w({ context: M }), D()], L.prototype, "mode", void 0), t([w({ context: P })], L.prototype, "schmancyContentDrawerID", void 0), t([w({ context: F })], L.prototype, "maxHeight", void 0), t([be({ flatten: !0 })], L.prototype, "assignedElements", void 0), L = t([T("schmancy-content-drawer")], L);
-var R = class extends e {
+t([w({ context: L })], R.prototype, "minWidth", void 0), t([w({ context: P }), E()], R.prototype, "open", void 0), t([w({ context: N }), O()], R.prototype, "mode", void 0), t([w({ context: F })], R.prototype, "schmancyContentDrawerID", void 0), t([w({ context: I })], R.prototype, "maxHeight", void 0), t([ve({ flatten: !0 })], R.prototype, "assignedElements", void 0), R = t([T("schmancy-content-drawer")], R);
+var z = class extends e {
 	static {
-		this.styles = [O`
+		this.styles = [k`
 	:host {
 		display: block;
 		overflow: hidden;
@@ -398,7 +395,7 @@ var R = class extends e {
 			minWidth: `${this.minWidth}px`,
 			maxHeight: this.maxHeight
 		};
-		return k`
+		return A`
 			<section class="relative inset-0 h-full">
 				<div class=${[
 			"grid h-full relative overflow-scroll",
@@ -411,24 +408,24 @@ var R = class extends e {
 						<slot></slot>
 					</section>
 				</div>
-				${Se(this.mode === "push", () => k` <schmancy-divider class="absolute right-0 top-0" orientation="vertical"></schmancy-divider>`)}
+				${be(this.mode === "push", () => A` <schmancy-divider class="absolute right-0 top-0" orientation="vertical"></schmancy-divider>`)}
 			</section>
 		`;
 	}
 };
-t([E({ type: Number })], R.prototype, "minWidth", void 0), t([S({
-	context: I,
+t([E({ type: Number })], z.prototype, "minWidth", void 0), t([S({
+	context: L,
 	subscribe: !0
-})], R.prototype, "drawerMinWidth", void 0), t([S({
-	context: M,
+})], z.prototype, "drawerMinWidth", void 0), t([S({
+	context: N,
 	subscribe: !0
-}), D()], R.prototype, "mode", void 0), t([S({
-	context: F,
+}), O()], z.prototype, "mode", void 0), t([S({
+	context: I,
 	subscribe: !0
-}), D()], R.prototype, "maxHeight", void 0), R = t([T("schmancy-content-drawer-main")], R);
-var z = class extends e {
+}), O()], z.prototype, "maxHeight", void 0), z = t([T("schmancy-content-drawer-main")], z);
+var B = class extends e {
 	static {
-		this.styles = [O`
+		this.styles = [k`
 	:host {
 		overflow: scroll;
 	}
@@ -441,7 +438,7 @@ var z = class extends e {
 		super.updated(e), e.has("minWidth") && this.minWidth ? (this.drawerMinWidth.sheet = this.minWidth, this.dispatchEvent(new CustomEvent(l.ContentDrawerResize, {
 			bubbles: !0,
 			composed: !0
-		}))) : (e.has("state") || e.has("mode")) && (this.mode === "overlay" ? this.state === "close" ? this.closeAll() : this.state : this.mode === "push" && (s.dismiss(this.schmancyContentDrawerID), this.state === "close" ? this.closeAll() : this.state === "open" && this.open()));
+		}))) : (e.has("state") || e.has("mode")) && (this.mode === "overlay" ? this.state === "close" ? this.closeAll() : this.state : this.mode === "push" && (this.requestOverlayDismiss(), this.state === "close" ? this.closeAll() : this.state === "open" && this.open()));
 	}
 	open() {
 		this.mode === "overlay" ? this.sheet.style.position = "fixed" : this.sheet.style.position = "relative", this.sheet.style.display = "block", this.sheet.animate([{
@@ -455,11 +452,14 @@ var z = class extends e {
 			easing: "cubic-bezier(0.5, 0.01, 0.25, 1)"
 		});
 	}
-	closeAll() {
-		h(oe(this.closeModalSheet()), oe(this.closeSheet())).pipe(_(this.disconnecting)).subscribe();
+	requestOverlayDismiss() {
+		this.dispatchEvent(new CustomEvent(Se, {
+			bubbles: !0,
+			composed: !0
+		}));
 	}
-	closeModalSheet() {
-		return g(!0).pipe(v(() => s.dismiss(this.schmancyContentDrawerID)));
+	closeAll() {
+		this.requestOverlayDismiss(), this.closeSheet().pipe(_(this.disconnecting)).subscribe();
 	}
 	closeSheet() {
 		return new ee((e) => {
@@ -486,7 +486,7 @@ var z = class extends e {
 			minWidth: `${this.minWidth}px`,
 			maxHeight: this.maxHeight
 		};
-		return k`
+		return A`
 			<section id="sheet" class="${this.classMap(e)}" style=${this.styleMap(t)}>
 				<schmancy-area class="h-full w-full" name="${this.schmancyContentDrawerID}">
 					<slot name="placeholder"></slot>
@@ -495,23 +495,23 @@ var z = class extends e {
 		`;
 	}
 };
-t([E({ type: Number })], z.prototype, "minWidth", void 0), t([S({
-	context: M,
-	subscribe: !0
-}), D()], z.prototype, "mode", void 0), t([S({
+t([E({ type: Number })], B.prototype, "minWidth", void 0), t([S({
 	context: N,
 	subscribe: !0
-}), D()], z.prototype, "state", void 0), t([S({ context: P })], z.prototype, "schmancyContentDrawerID", void 0), t([ye("#sheet")], z.prototype, "sheet", void 0), t([be({
+}), O()], B.prototype, "mode", void 0), t([S({
+	context: P,
+	subscribe: !0
+}), O()], B.prototype, "state", void 0), t([S({ context: F })], B.prototype, "schmancyContentDrawerID", void 0), t([D("#sheet")], B.prototype, "sheet", void 0), t([ve({
 	flatten: !0,
 	slot: void 0
-})], z.prototype, "defaultSlot", void 0), t([S({
-	context: I,
+})], B.prototype, "defaultSlot", void 0), t([S({
+	context: L,
 	subscribe: !0
-})], z.prototype, "drawerMinWidth", void 0), t([S({
-	context: F,
+})], B.prototype, "drawerMinWidth", void 0), t([S({
+	context: I,
 	subscribe: !0
-}), D()], z.prototype, "maxHeight", void 0), z = t([T("schmancy-content-drawer-sheet")], z);
-var we = new class {
+}), O()], B.prototype, "maxHeight", void 0), B = t([T("schmancy-content-drawer-sheet")], B);
+var Ce = new class {
 	constructor() {
 		this.$drawer = new d(), this.$drawer.pipe(f(10)).subscribe((e) => {
 			e.state ? window.dispatchEvent(new CustomEvent(l.NavDrawer_toggle, {
@@ -537,9 +537,9 @@ var we = new class {
 			state: !1
 		});
 	}
-}(), Te = we, B = class extends e {
+}(), we = Ce, V = class extends e {
 	static {
-		this.styles = [O`
+		this.styles = [k`
 	:host {
 		display: block;
 		width: 100%;
@@ -548,13 +548,13 @@ var we = new class {
 `];
 	}
 	render() {
-		return k`<slot></slot>`;
+		return A`<slot></slot>`;
 	}
 };
-B = t([T("schmancy-nav-drawer-appbar")], B);
-var V = class extends e {
+V = t([T("schmancy-nav-drawer-appbar")], V);
+var H = class extends e {
 	static {
-		this.styles = [O`
+		this.styles = [k`
 	:host {
 		display: block;
 		position: relative;
@@ -573,19 +573,19 @@ var V = class extends e {
 		});
 	}
 	render() {
-		return k` <slot></slot> `;
+		return A` <slot></slot> `;
 	}
 };
-V = t([T("schmancy-nav-drawer-content")], V);
-var H, U = C("push"), W = C("close"), G = class extends e {
+H = t([T("schmancy-nav-drawer-content")], H);
+var U, W = C("push"), G = C("close"), K = class extends e {
 	static {
-		H = this;
+		U = this;
 	}
 	constructor(...e) {
 		super(...e), this.fullscreen = !1, this.breakpoint = "md";
 	}
 	static {
-		this.styles = [O`
+		this.styles = [k`
 	:host {
 		display: grid;
 		grid-template-columns: auto 1fr;
@@ -615,7 +615,7 @@ var H, U = C("push"), W = C("close"), G = class extends e {
 		};
 	}
 	firstUpdated() {
-		this.updateState(window.innerWidth), this.setAttribute("data-ready", ""), p(window, "resize").pipe(m((e) => e.target.innerWidth), m((e) => e >= H.BREAKPOINTS[this.breakpoint]), ie(), f(100), _(this.disconnecting)).subscribe((e) => {
+		this.updateState(window.innerWidth), this.setAttribute("data-ready", ""), p(window, "resize").pipe(m((e) => e.target.innerWidth), m((e) => e >= U.BREAKPOINTS[this.breakpoint]), ie(), f(100), _(this.disconnecting)).subscribe((e) => {
 			e ? (this.mode = "push", this.open = "open") : (this.mode = "overlay", this.open = "close");
 		}), p(window, "fullscreen").pipe(v((e) => {
 			let t = e;
@@ -627,21 +627,21 @@ var H, U = C("push"), W = C("close"), G = class extends e {
 		});
 	}
 	updateState(e) {
-		let t = e >= H.BREAKPOINTS[this.breakpoint];
+		let t = e >= U.BREAKPOINTS[this.breakpoint];
 		this.mode = t ? "push" : "overlay", this.open = t ? "open" : "close";
 	}
 	render() {
-		return k`<slot></slot>`;
+		return A`<slot></slot>`;
 	}
 };
 t([E({
 	type: Boolean,
 	reflect: !0
-})], G.prototype, "fullscreen", void 0), t([E({
+})], K.prototype, "fullscreen", void 0), t([E({
 	type: String,
 	attribute: "breakpoint"
-})], G.prototype, "breakpoint", void 0), t([w({ context: U }), D()], G.prototype, "mode", void 0), t([w({ context: W }), E()], G.prototype, "open", void 0), G = H = t([T("schmancy-nav-drawer")], G);
-var K = "cubic-bezier(0.5, 0.01, 0.25, 1)", q = class extends e {
+})], K.prototype, "breakpoint", void 0), t([w({ context: W }), O()], K.prototype, "mode", void 0), t([w({ context: G }), E()], K.prototype, "open", void 0), K = U = t([T("schmancy-nav-drawer")], K);
+var q = "cubic-bezier(0.5, 0.01, 0.25, 1)", J = class extends e {
 	constructor(...e) {
 		super(...e), this.width = "220px", this._initialized = !1;
 	}
@@ -654,14 +654,14 @@ var K = "cubic-bezier(0.5, 0.01, 0.25, 1)", q = class extends e {
 	openOverlay() {
 		this.overlay.style.display = "block", this.overlay.animate([{ opacity: 0 }, { opacity: .4 }], {
 			duration: 200,
-			easing: K,
+			easing: q,
 			fill: "forwards"
 		});
 	}
 	closeOverlay() {
 		this.overlay.animate([{ opacity: .4 }, { opacity: 0 }], {
 			duration: 150,
-			easing: K,
+			easing: q,
 			fill: "forwards"
 		}).onfinish = () => {
 			this.overlay.style.display = "none";
@@ -670,7 +670,7 @@ var K = "cubic-bezier(0.5, 0.01, 0.25, 1)", q = class extends e {
 	showNavDrawer() {
 		this.nav.animate([{ transform: "translateX(-100%)" }, { transform: "translateX(0)" }], {
 			duration: 200,
-			easing: K,
+			easing: q,
 			fill: "forwards"
 		}).onfinish = () => {
 			this.nav.style.transform = "translateX(0)";
@@ -679,7 +679,7 @@ var K = "cubic-bezier(0.5, 0.01, 0.25, 1)", q = class extends e {
 	hideNavDrawer() {
 		this.nav.animate([{ transform: "translateX(0)" }, { transform: "translateX(-100%)" }], {
 			duration: 200,
-			easing: K,
+			easing: q,
 			fill: "forwards"
 		}).onfinish = () => {
 			this.nav.style.transform = "translateX(-100%)";
@@ -698,7 +698,7 @@ var K = "cubic-bezier(0.5, 0.01, 0.25, 1)", q = class extends e {
 			block: this.mode === "push",
 			"fixed inset-0 z-50": this.mode === "overlay"
 		}, t = { width: this.width };
-		return k`
+		return A`
 			<nav
 				style=${this.styleMap(t)}
 				class="${this.classMap({ ...e })}"
@@ -716,13 +716,13 @@ var K = "cubic-bezier(0.5, 0.01, 0.25, 1)", q = class extends e {
 	}
 };
 t([S({
-	context: U,
-	subscribe: !0
-}), D()], q.prototype, "mode", void 0), t([S({
 	context: W,
 	subscribe: !0
-}), D()], q.prototype, "drawerState", void 0), t([ye("#overlay")], q.prototype, "overlay", void 0), t([ye("nav")], q.prototype, "nav", void 0), t([E({ type: String })], q.prototype, "width", void 0), t([D()], q.prototype, "_initialized", void 0), q = t([T("schmancy-nav-drawer-navbar")], q);
-var J = class extends e {
+}), O()], J.prototype, "mode", void 0), t([S({
+	context: G,
+	subscribe: !0
+}), O()], J.prototype, "drawerState", void 0), t([D("#overlay")], J.prototype, "overlay", void 0), t([D("nav")], J.prototype, "nav", void 0), t([E({ type: String })], J.prototype, "width", void 0), t([O()], J.prototype, "_initialized", void 0), J = t([T("schmancy-nav-drawer-navbar")], J);
+var Y = class extends e {
 	constructor(...e) {
 		super(...e), this.icon = "", this.label = "", this.badge = "", this.active$ = new u(!1), this.disabled = !1, this.hideLabels = !1, this.ripples = [], this.addRippleEffect = (e) => {
 			if (this.disabled) return;
@@ -733,7 +733,7 @@ var J = class extends e {
 					y: e.clientY - n.top,
 					id: Date.now()
 				};
-				this.ripples = [...this.ripples, r], fe(600).pipe(x(() => {
+				this.ripples = [...this.ripples, r], de(600).pipe(x(() => {
 					this.ripples = this.ripples.filter((e) => e.id !== r.id);
 				}), b(this.disconnecting)).subscribe();
 			}
@@ -745,7 +745,7 @@ var J = class extends e {
 		};
 	}
 	static {
-		this.styles = [O`
+		this.styles = [k`
 	:host {
 		display: flex;
 		flex: 1;
@@ -863,7 +863,7 @@ var J = class extends e {
 			"transition-all duration-200": !0,
 			"z-10": !0
 		}, l = this.active ? { color: c.sys.color.secondary.onContainer } : { color: c.sys.color.surface.onVariant }, u = { "--focus-color": c.sys.color.primary.default };
-		return k`
+		return A`
 			<button
 				type="button"
 				class=${this.classMap(i)}
@@ -881,7 +881,7 @@ var J = class extends e {
 				<!-- Icon with indicator background -->
 				<div class=${this.classMap(a)}>
 					<!-- Ripple effects -->
-					${this.ripples.map((e) => k`
+					${this.ripples.map((e) => A`
 							<span
 								class="ripple-effect"
 								style=${this.styleMap({
@@ -892,7 +892,7 @@ var J = class extends e {
 							></span>
 						`)}
 
-					${r ? k`<slot name="icon"></slot>` : this.icon ? k`
+					${r ? A`<slot name="icon"></slot>` : this.icon ? A`
 									<schmancy-icon
 										.fill=${+!!this.active}
 										class="relative z-10 flex items-center justify-center transition-all duration-200"
@@ -901,11 +901,11 @@ var J = class extends e {
 									>
 										${this.icon}
 									</schmancy-icon>
-							  ` : e ? k`<slot></slot>` : ""}
+							  ` : e ? A`<slot></slot>` : ""}
 				</div>
 
 				<!-- Label below icon -->
-				${!this.hideLabels && this.label ? k`
+				${!this.hideLabels && this.label ? A`
 					<span class=${this.classMap({
 			"text-xs font-medium leading-4 mt-1": !0,
 			"text-center max-w-full": !0,
@@ -915,7 +915,7 @@ var J = class extends e {
 				` : ""}
 
 				<!-- Badge -->
-				${n ? k`
+				${n ? A`
 					<span
 						class=${this.classMap(s)}
 						aria-label="${t} notifications"
@@ -926,7 +926,7 @@ var J = class extends e {
 					>
 						<span class="text-[10px] font-medium leading-none">${t}</span>
 					</span>
-				` : this.badge ? k`
+				` : this.badge ? A`
 					<span
 						class=${this.classMap(s)}
 						aria-label="Has notifications"
@@ -937,17 +937,17 @@ var J = class extends e {
 		`;
 	}
 };
-t([E({ type: String })], J.prototype, "icon", void 0), t([E({ type: String })], J.prototype, "label", void 0), t([E({ type: String })], J.prototype, "badge", void 0), t([E({
+t([E({ type: String })], Y.prototype, "icon", void 0), t([E({ type: String })], Y.prototype, "label", void 0), t([E({ type: String })], Y.prototype, "badge", void 0), t([E({
 	type: Boolean,
 	reflect: !0
-})], J.prototype, "active", null), t([E({
+})], Y.prototype, "active", null), t([E({
 	type: Boolean,
 	reflect: !0
-})], J.prototype, "disabled", void 0), t([E({
+})], Y.prototype, "disabled", void 0), t([E({
 	type: Boolean,
 	reflect: !0
-})], J.prototype, "hideLabels", void 0), t([D()], J.prototype, "ripples", void 0), J = t([T("schmancy-navigation-bar-item")], J);
-var Y = class extends e {
+})], Y.prototype, "hideLabels", void 0), t([O()], Y.prototype, "ripples", void 0), Y = t([T("schmancy-navigation-bar-item")], Y);
+var X = class extends e {
 	constructor(...e) {
 		super(...e), this.activeIndex$ = new u(-1), this.hideLabels = !1, this.elevation = 2, this.hideOnScroll = !1, this.focusedIndex = -1, this.isHiddenByScroll = !1, this.isFullscreen = !1, this.SCROLL_THRESHOLD = 10, this.mobileMediaQuery = null, this.visibility$ = new d(), this.handleItemClick = (e) => {
 			let t = this.getItems(), n = e.target, r = t.findIndex((e) => e === n);
@@ -988,7 +988,7 @@ var Y = class extends e {
 		};
 	}
 	static {
-		this.styles = [O`
+		this.styles = [k`
 	:host {
 		display: block;
 		transition: transform 0.3s ease-in-out;
@@ -1039,7 +1039,7 @@ var Y = class extends e {
 		super.disconnectedCallback(), a.setBottomOffset(0), this.mobileMediaQuery = null;
 	}
 	setupScrollListener() {
-		p(window, "scroll").pipe(ve(100), he(() => window.scrollY), ge(), y(([e, t]) => Math.abs(t - e) > this.SCROLL_THRESHOLD), x(([e, t]) => {
+		p(window, "scroll").pipe(_e(100), me(() => window.scrollY), he(), y(([e, t]) => Math.abs(t - e) > this.SCROLL_THRESHOLD), x(([e, t]) => {
 			let n = t > e, r = t < e, i = this.isHiddenByScroll;
 			n && !this.isHiddenByScroll ? this.isHiddenByScroll = !0 : r && this.isHiddenByScroll && (this.isHiddenByScroll = !1), t <= this.SCROLL_THRESHOLD && (this.isHiddenByScroll = !1), i !== this.isHiddenByScroll && this.visibility$.next(!this.isHiddenByScroll && !this.isFullscreen);
 		}), b(this.disconnecting)).subscribe();
@@ -1085,7 +1085,7 @@ var Y = class extends e {
 			"shadow-xl": this.elevation === 4,
 			"shadow-2xl": this.elevation === 5
 		}, n = e ? "translateY(100%)" : "translateY(0)";
-		return k`
+		return A`
 			<nav
 				class=${this.classMap(t)}
 				role="navigation"
@@ -1102,24 +1102,24 @@ var Y = class extends e {
 		`;
 	}
 };
-t([E({ type: Number })], Y.prototype, "activeIndex", null), t([E({
+t([E({ type: Number })], X.prototype, "activeIndex", null), t([E({
 	type: Boolean,
 	reflect: !0
-})], Y.prototype, "hideLabels", void 0), t([E({
+})], X.prototype, "hideLabels", void 0), t([E({
 	type: Number,
 	reflect: !0
-})], Y.prototype, "elevation", void 0), t([E({
+})], X.prototype, "elevation", void 0), t([E({
 	type: Boolean,
 	reflect: !0
-})], Y.prototype, "hideOnScroll", void 0), t([D()], Y.prototype, "focusedIndex", void 0), t([D()], Y.prototype, "isHiddenByScroll", void 0), t([D()], Y.prototype, "isFullscreen", void 0), Y = t([T("schmancy-navigation-bar")], Y);
-var X = "whereAreYouRicky", Z = "hereMorty", Q = new class {
+})], X.prototype, "hideOnScroll", void 0), t([O()], X.prototype, "focusedIndex", void 0), t([O()], X.prototype, "isHiddenByScroll", void 0), t([O()], X.prototype, "isFullscreen", void 0), X = t([T("schmancy-navigation-bar")], X);
+var Z = "whereAreYouRicky", Te = "hereMorty", Q = new class {
 	constructor() {
-		this.activeTeleportations = /* @__PURE__ */ new Map(), this.flipRequests = new d(), this.find = (e) => pe([p(window, Z).pipe(ae((t) => !!t.detail.component.uuid && !!e.id && t.detail.component.id === e.id && t.detail.component.uuid !== e.uuid), m((e) => e.detail.component), le(1)), g(e).pipe(v(() => {
-			window.dispatchEvent(new CustomEvent(X, { detail: {
+		this.activeTeleportations = /* @__PURE__ */ new Map(), this.flipRequests = new d(), this.find = (e) => fe([p(window, Te).pipe(ae((t) => !!t.detail.component.uuid && !!e.id && t.detail.component.id === e.id && t.detail.component.uuid !== e.uuid), m((e) => e.detail.component), ce(1)), g(e).pipe(v(() => {
+			window.dispatchEvent(new CustomEvent(Z, { detail: {
 				id: e.id,
 				callerID: e.uuid
 			} }));
-		}))]).pipe(m(([e]) => e), de(0)), this.flip = (e) => {
+		}))]).pipe(m(([e]) => e), ue(0)), this.flip = (e) => {
 			let { from: t, to: n } = e, r = n.element.style.zIndex;
 			n.element.style.transformOrigin = "top left", n.element.style.setProperty("visibility", "visible"), n.element.style.zIndex = "1000";
 			let i = [{ transform: `translate(${t.rect.left - n.rect.left}px, ${t.rect.top - n.rect.top}px) scale(${t.rect.width / n.rect.width}, ${t.rect.height / n.rect.height})` }, { transform: "translate(0, 0) scale(1, 1)" }];
@@ -1135,18 +1135,18 @@ var X = "whereAreYouRicky", Z = "hereMorty", Q = new class {
 			to: t,
 			host: n,
 			i: r
-		}))), ne((e) => pe(e.map((e) => g(this.flip(e)))))).subscribe();
+		}))), ne((e) => fe(e.map((e) => g(this.flip(e)))))).subscribe();
 	}
 }();
 function Ee(e) {
-	return se(50).pipe(he(() => e.getBoundingClientRect()), me((e, t) => e.width === t.width && e.height === t.height && e.top === t.top && e.right === t.right && e.bottom === t.bottom && e.left === t.left), _e(1));
+	return oe(50).pipe(me(() => e.getBoundingClientRect()), pe((e, t) => e.width === t.width && e.height === t.height && e.top === t.top && e.right === t.right && e.bottom === t.bottom && e.left === t.left), ge(1));
 }
 var $ = class extends e {
 	constructor(...e) {
 		super(...e), this.uuid = Math.floor(Math.random() * Date.now()), this.delay = 0, this.debugging = !1;
 	}
 	static {
-		this.styles = [O``];
+		this.styles = [k``];
 	}
 	get _slottedChildren() {
 		return this.shadowRoot.querySelector("slot").assignedElements({ flatten: !0 });
@@ -1159,8 +1159,8 @@ var $ = class extends e {
 				bubbles: !0,
 				composed: !0
 			}));
-		} })), p(window, X).pipe(v({ next: (e) => {
-			e.detail.id === this.id && this.uuid && e.detail.callerID !== this.uuid && this.dispatchEvent(new CustomEvent(Z, {
+		} })), p(window, Z).pipe(v({ next: (e) => {
+			e.detail.id === this.id && this.uuid && e.detail.callerID !== this.uuid && this.dispatchEvent(new CustomEvent(Te, {
 				detail: { component: this },
 				bubbles: !0,
 				composed: !0
@@ -1168,7 +1168,7 @@ var $ = class extends e {
 		} }))).pipe(_(this.disconnecting)).subscribe();
 	}
 	async firstUpdated() {
-		g(Q.activeTeleportations.get(this.id)).pipe(ae((e) => !!e), _(this.disconnecting), ue()).subscribe({
+		g(Q.activeTeleportations.get(this.id)).pipe(ae((e) => !!e), _(this.disconnecting), le()).subscribe({
 			next: (e) => {
 				this.style.setProperty("visibility", "hidden"), Ee(this).pipe(_(this.disconnecting)).subscribe({ next: (t) => {
 					Q.activeTeleportations.set(this.id, t), Q.flipRequests.next({
@@ -1190,11 +1190,11 @@ var $ = class extends e {
 		});
 	}
 	render() {
-		return k`<slot></slot>`;
+		return A`<slot></slot>`;
 	}
 };
 t([E({
 	type: Number,
 	reflect: !0
 })], $.prototype, "uuid", void 0), t([E({ type: String })], $.prototype, "id", void 0), t([E({ type: Number })], $.prototype, "delay", void 0), $ = t([T("schmancy-teleport")], $);
-export { Ce as C, N as S, A as T, L as _, Y as a, I as b, G as c, V as d, B as f, R as g, z as h, Q as i, U as l, we as m, Z as n, J as o, Te as p, X as r, q as s, $ as t, W as u, P as v, j as w, M as x, F as y };
+export { xe as C, P as S, j as T, R as _, X as a, L as b, K as c, H as d, V as f, z as g, B as h, Q as i, W as l, Ce as m, Te as n, Y as o, we as p, Z as r, J as s, $ as t, G as u, F as v, M as w, N as x, I as y };