@mhmo91/schmancy 0.9.28 → 0.10.2

package/dist/splash-screen-BDt4PInk.cjs

@@ -0,0 +1,41 @@
+require(`./chunk-CncqDLb2.cjs`);const e=require(`./mixins-De3xfjrm.cjs`),t=require(`./decorate-DpFmy0nm.cjs`);let n=require(`rxjs`),r=require(`rxjs/operators`),i=require(`lit/directives/style-map.js`),a=require(`lit/decorators.js`),o=require(`lit`);var s=class extends e.s{constructor(...e){super(...e),this.minDuration=1500,this.auto=!1,this.initiallyHidden=!1,this._visible=!0}static{this.styles=[o.css`
+	:host {
+		display: block;
+		position: relative;
+	}
+
+	.splash-layer {
+		position: fixed;
+		inset: 0;
+		z-index: 50;
+		overflow: hidden;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		background: var(
+			--schmancy-splash-background,
+			var(--schmancy-sys-color-surface-containerLowest, #000)
+		);
+		transition: opacity var(--schmancy-splash-transition, 500ms) ease-out;
+	}
+
+	.content-layer {
+		display: block;
+		width: 100%;
+		transition: opacity var(--schmancy-splash-transition, 500ms) ease-in-out;
+	}
+`]}connectedCallback(){super.connectedCallback(),this.initiallyHidden?this._visible=!1:(0,n.zip)(this.auto?(0,n.of)(null):(0,n.fromEvent)(this,`ready`).pipe((0,r.take)(1)),(0,n.timer)(this.minDuration)).pipe((0,r.take)(1),(0,r.tap)(()=>this._dismiss()),(0,r.takeUntil)(this.disconnecting)).subscribe()}ready(){this.dispatchEvent(new Event(`ready`))}show(){this._visible=!0}_dismiss(){this._visible=!1,this.dispatchEvent(new CustomEvent(`schmancy-splash-done`,{bubbles:!0,composed:!0}))}render(){return o.html`
+			<div
+				class="splash-layer"
+				aria-hidden=${!this._visible}
+				style=${(0,i.styleMap)({opacity:this._visible?`1`:`0`,pointerEvents:this._visible?`auto`:`none`})}
+			>
+				<slot name="splash"></slot>
+			</div>
+			<div
+				class="content-layer"
+				style=${(0,i.styleMap)({opacity:this._visible?`0`:`1`,pointerEvents:this._visible?`none`:`auto`})}
+			>
+				<slot></slot>
+			</div>
+		`}};t.t([(0,a.property)({type:Number,attribute:`min-duration`})],s.prototype,`minDuration`,void 0),t.t([(0,a.property)({type:Boolean})],s.prototype,`auto`,void 0),t.t([(0,a.property)({type:Boolean,attribute:`initially-hidden`})],s.prototype,`initiallyHidden`,void 0),t.t([(0,a.state)()],s.prototype,`_visible`,void 0),s=t.t([(0,a.customElement)(`schmancy-splash-screen`)],s);

package/dist/splash-screen-BDt4PInk.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"splash-screen-BDt4PInk.cjs","names":[],"sources":["../src/splash-screen/splash-screen.ts"],"sourcesContent":["import { SchmancyElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { styleMap } from 'lit/directives/style-map.js'\nimport { fromEvent, of, timer, zip } from 'rxjs'\nimport { take, takeUntil, tap } from 'rxjs/operators'\n\nexport type SchmancySplashScreenDoneEvent = CustomEvent<void>\n\n/**\n * Full-viewport splash overlay that dismisses once a minimum duration has\n * elapsed and (optionally) an external `ready` signal has fired. The splash\n * fades out while the underlying app content fades in.\n *\n * Bring-your-own visuals: the `splash` slot is empty by default so the\n * component pulls in no dependencies. Provide a logo, spinner, or\n * animation from the consumer side.\n *\n * @element schmancy-splash-screen\n * @slot splash - Content rendered on the splash layer (logo, spinner, etc.).\n * @slot - Default slot for the actual app content, revealed once dismissed.\n * @fires schmancy-splash-done - `CustomEvent<void>` when the splash dismisses.\n *\n * @example\n * ```html\n * <schmancy-splash-screen min-duration=\"1200\">\n *   <my-logo slot=\"splash\"></my-logo>\n *   <my-app></my-app>\n * </schmancy-splash-screen>\n * ```\n */\n@customElement('schmancy-splash-screen')\nexport default class SchmancySplashScreen extends SchmancyElement {\n\tstatic styles = [css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t}\n\n\t.splash-layer {\n\t\tposition: fixed;\n\t\tinset: 0;\n\t\tz-index: 50;\n\t\toverflow: hidden;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tbackground: var(\n\t\t\t--schmancy-splash-background,\n\t\t\tvar(--schmancy-sys-color-surface-containerLowest, #000)\n\t\t);\n\t\ttransition: opacity var(--schmancy-splash-transition, 500ms) ease-out;\n\t}\n\n\t.content-layer {\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t\ttransition: opacity var(--schmancy-splash-transition, 500ms) ease-in-out;\n\t}\n`]\n\n\t/**\n\t * Minimum duration (ms) the splash layer stays visible. Prevents a flash\n\t * when the app loads faster than expected.\n\t */\n\t@property({ type: Number, attribute: 'min-duration' }) minDuration = 1500\n\n\t/**\n\t * When true, the splash dismisses on the `minDuration` timer alone.\n\t * When false (default), it additionally waits for an external ready signal\n\t * (a `ready` event on this element, or a call to `this.ready()`).\n\t */\n\t@property({ type: Boolean }) auto = false\n\n\t/**\n\t * When true, the splash starts hidden. Use this for imperative control.\n\t */\n\t@property({ type: Boolean, attribute: 'initially-hidden' }) initiallyHidden = false\n\n\t@state() private _visible = true\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\tif (this.initiallyHidden) {\n\t\t\tthis._visible = false\n\t\t\treturn\n\t\t}\n\n\t\tconst readySignal$ = this.auto ? of(null) : fromEvent<Event>(this, 'ready').pipe(take(1))\n\t\tconst minTimer$ = timer(this.minDuration)\n\n\t\tzip(readySignal$, minTimer$)\n\t\t\t.pipe(\n\t\t\t\ttake(1),\n\t\t\t\ttap(() => this._dismiss()),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\t/**\n\t * Imperative API: signal that the app is ready and dismiss the splash\n\t * after the minimum duration has elapsed.\n\t */\n\tpublic ready(): void {\n\t\tthis.dispatchEvent(new Event('ready'))\n\t}\n\n\t/**\n\t * Force the splash to show again (e.g. between route transitions).\n\t */\n\tpublic show(): void {\n\t\tthis._visible = true\n\t}\n\n\tprivate _dismiss(): void {\n\t\tthis._visible = false\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent<void>('schmancy-splash-done', {\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<div\n\t\t\t\tclass=\"splash-layer\"\n\t\t\t\taria-hidden=${!this._visible}\n\t\t\t\tstyle=${styleMap({\n\t\t\t\t\topacity: this._visible ? '1' : '0',\n\t\t\t\t\tpointerEvents: this._visible ? 'auto' : 'none',\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<slot name=\"splash\"></slot>\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tclass=\"content-layer\"\n\t\t\t\tstyle=${styleMap({\n\t\t\t\t\topacity: this._visible ? '0' : '1',\n\t\t\t\t\tpointerEvents: this._visible ? 'none' : 'auto',\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<slot></slot>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-splash-screen': SchmancySplashScreen\n\t}\n}\n"],"mappings":"yPAgCe,IAAA,EAAA,cAAmC,EAAA,CAAA,CAAA,YAAA,GAAA,EAAA,CAAA,MAAA,GAAA,EAAA,CAAA,KAAA,YAiCoB,KAAA,KAAA,KAAA,CAOjC,EAAA,KAAA,gBAAA,CAK0C,EAAA,KAAA,SAAA,CAElD,EAAA,OAAA,KAAA,OA9CZ,CAAC,EAAA,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDpB,mBAAA,CACC,MAAM,mBAAA,CAEF,KAAK,gBACR,KAAK,SAAA,CAAW,GAOjB,EAAA,EAAA,KAHqB,KAAK,MAAA,EAAA,EAAA,IAAU,KAAA,EAAK,EAAA,EAAA,WAAoB,KAAM,QAAA,CAAS,MAAA,EAAA,EAAA,MAAU,EAAA,CAAA,EAAG,EAAA,EAAA,OACjE,KAAK,YAAA,CAAA,CAG3B,MAAA,EAAA,EAAA,MACK,EAAA,EAAE,EAAA,EAAA,SACG,KAAK,UAAA,CAAA,EAAW,EAAA,EAAA,WAChB,KAAK,cAAA,CAAA,CAEf,WAAA,CAOH,OAAA,CACC,KAAK,cAAc,IAAI,MAAM,QAAA,CAAA,CAM9B,MAAA,CACC,KAAK,SAAA,CAAW,EAGjB,UAAA,CACC,KAAK,SAAA,CAAW,EAChB,KAAK,cACJ,IAAI,YAAkB,uBAAwB,CAC7C,QAAA,CAAS,EACT,SAAA,CAAU,EAAA,CAAA,CAAA,CAKb,QAAA,CACC,MAAO,GAAA,IAAI;;;mBAGM,KAAK,SAAA;2BACH,CAChB,QAAS,KAAK,SAAW,IAAM,IAC/B,cAAe,KAAK,SAAW,OAAS,OAAA,CAAA,CAAA;;;;;;2BAOxB,CAChB,QAAS,KAAK,SAAW,IAAM,IAC/B,cAAe,KAAK,SAAW,OAAS,OAAA,CAAA,CAAA;;;;0BA7ElC,CAAE,KAAM,OAAQ,UAAW,eAAA,CAAA,CAAA,CAAiB,EAAA,UAAA,cAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAO5C,CAAE,KAAM,QAAA,CAAA,CAAA,CAAU,EAAA,UAAA,OAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAKlB,CAAE,KAAM,QAAS,UAAW,mBAAA,CAAA,CAAA,CAAqB,EAAA,UAAA,kBAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,QAAA,CAAA,CAEnD,EAAA,UAAA,WAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,eAhDM,yBAAA,CAAA,CAAyB,EAAA"}

package/dist/{splash-screen-DbI5RgBf.js → splash-screen-C8JCqX5L.js}

@@ -1,11 +1,16 @@
-import { t as e } from "./decorate-D_utPUsC.js";
-import { t } from "./litElement.mixin-CszkJuNl.js";
+import { s as e } from "./mixins-CcIWET41.js";
+import { t } from "./decorate-23nYs4Le.js";
 import { fromEvent as n, of as r, timer as i, zip as a } from "rxjs";
 import { take as o, takeUntil as s, tap as c } from "rxjs/operators";
 import { styleMap as l } from "lit/directives/style-map.js";
 import { customElement as u, property as d, state as f } from "lit/decorators.js";
 import { css as p, html as m } from "lit";
-var h = class extends t(p`
+var h = class extends e {
+	constructor(...e) {
+		super(...e), this.minDuration = 1500, this.auto = !1, this.initiallyHidden = !1, this._visible = !0;
+	}
+	static {
+		this.styles = [p`
 	:host {
 		display: block;
 		position: relative;
@@ -31,9 +36,7 @@ var h = class extends t(p`
 		width: 100%;
 		transition: opacity var(--schmancy-splash-transition, 500ms) ease-in-out;
 	}
-`) {
-	constructor(...e) {
-		super(...e), this.minDuration = 1500, this.auto = !1, this.initiallyHidden = !1, this._visible = !0;
+`];
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.initiallyHidden ? this._visible = !1 : a(this.auto ? r(null) : n(this, "ready").pipe(o(1)), i(this.minDuration)).pipe(o(1), c(() => this._dismiss()), s(this.disconnecting)).subscribe();
@@ -74,10 +77,10 @@ var h = class extends t(p`
 		`;
 	}
 };
-e([d({
+t([d({
 	type: Number,
 	attribute: "min-duration"
-})], h.prototype, "minDuration", void 0), e([d({ type: Boolean })], h.prototype, "auto", void 0), e([d({
+})], h.prototype, "minDuration", void 0), t([d({ type: Boolean })], h.prototype, "auto", void 0), t([d({
 	type: Boolean,
 	attribute: "initially-hidden"
-})], h.prototype, "initiallyHidden", void 0), e([f()], h.prototype, "_visible", void 0), h = e([u("schmancy-splash-screen")], h);
+})], h.prototype, "initiallyHidden", void 0), t([f()], h.prototype, "_visible", void 0), h = t([u("schmancy-splash-screen")], h);

package/dist/splash-screen-C8JCqX5L.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"splash-screen-C8JCqX5L.js","names":[],"sources":["../src/splash-screen/splash-screen.ts"],"sourcesContent":["import { SchmancyElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { styleMap } from 'lit/directives/style-map.js'\nimport { fromEvent, of, timer, zip } from 'rxjs'\nimport { take, takeUntil, tap } from 'rxjs/operators'\n\nexport type SchmancySplashScreenDoneEvent = CustomEvent<void>\n\n/**\n * Full-viewport splash overlay that dismisses once a minimum duration has\n * elapsed and (optionally) an external `ready` signal has fired. The splash\n * fades out while the underlying app content fades in.\n *\n * Bring-your-own visuals: the `splash` slot is empty by default so the\n * component pulls in no dependencies. Provide a logo, spinner, or\n * animation from the consumer side.\n *\n * @element schmancy-splash-screen\n * @slot splash - Content rendered on the splash layer (logo, spinner, etc.).\n * @slot - Default slot for the actual app content, revealed once dismissed.\n * @fires schmancy-splash-done - `CustomEvent<void>` when the splash dismisses.\n *\n * @example\n * ```html\n * <schmancy-splash-screen min-duration=\"1200\">\n *   <my-logo slot=\"splash\"></my-logo>\n *   <my-app></my-app>\n * </schmancy-splash-screen>\n * ```\n */\n@customElement('schmancy-splash-screen')\nexport default class SchmancySplashScreen extends SchmancyElement {\n\tstatic styles = [css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t}\n\n\t.splash-layer {\n\t\tposition: fixed;\n\t\tinset: 0;\n\t\tz-index: 50;\n\t\toverflow: hidden;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tbackground: var(\n\t\t\t--schmancy-splash-background,\n\t\t\tvar(--schmancy-sys-color-surface-containerLowest, #000)\n\t\t);\n\t\ttransition: opacity var(--schmancy-splash-transition, 500ms) ease-out;\n\t}\n\n\t.content-layer {\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t\ttransition: opacity var(--schmancy-splash-transition, 500ms) ease-in-out;\n\t}\n`]\n\n\t/**\n\t * Minimum duration (ms) the splash layer stays visible. Prevents a flash\n\t * when the app loads faster than expected.\n\t */\n\t@property({ type: Number, attribute: 'min-duration' }) minDuration = 1500\n\n\t/**\n\t * When true, the splash dismisses on the `minDuration` timer alone.\n\t * When false (default), it additionally waits for an external ready signal\n\t * (a `ready` event on this element, or a call to `this.ready()`).\n\t */\n\t@property({ type: Boolean }) auto = false\n\n\t/**\n\t * When true, the splash starts hidden. Use this for imperative control.\n\t */\n\t@property({ type: Boolean, attribute: 'initially-hidden' }) initiallyHidden = false\n\n\t@state() private _visible = true\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\tif (this.initiallyHidden) {\n\t\t\tthis._visible = false\n\t\t\treturn\n\t\t}\n\n\t\tconst readySignal$ = this.auto ? of(null) : fromEvent<Event>(this, 'ready').pipe(take(1))\n\t\tconst minTimer$ = timer(this.minDuration)\n\n\t\tzip(readySignal$, minTimer$)\n\t\t\t.pipe(\n\t\t\t\ttake(1),\n\t\t\t\ttap(() => this._dismiss()),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\t/**\n\t * Imperative API: signal that the app is ready and dismiss the splash\n\t * after the minimum duration has elapsed.\n\t */\n\tpublic ready(): void {\n\t\tthis.dispatchEvent(new Event('ready'))\n\t}\n\n\t/**\n\t * Force the splash to show again (e.g. between route transitions).\n\t */\n\tpublic show(): void {\n\t\tthis._visible = true\n\t}\n\n\tprivate _dismiss(): void {\n\t\tthis._visible = false\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent<void>('schmancy-splash-done', {\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<div\n\t\t\t\tclass=\"splash-layer\"\n\t\t\t\taria-hidden=${!this._visible}\n\t\t\t\tstyle=${styleMap({\n\t\t\t\t\topacity: this._visible ? '1' : '0',\n\t\t\t\t\tpointerEvents: this._visible ? 'auto' : 'none',\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<slot name=\"splash\"></slot>\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tclass=\"content-layer\"\n\t\t\t\tstyle=${styleMap({\n\t\t\t\t\topacity: this._visible ? '0' : '1',\n\t\t\t\t\tpointerEvents: this._visible ? 'none' : 'auto',\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<slot></slot>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-splash-screen': SchmancySplashScreen\n\t}\n}\n"],"mappings":";;;;;;;AAgCe,IAAA,IAAA,cAAmC,EAAA;CAAA,YAAA,GAAA,GAAA;AAAA,QAAA,GAAA,EAAA,EAAA,KAAA,cAiCoB,MAAA,KAAA,OAAA,CAOjC,GAAA,KAAA,kBAAA,CAK0C,GAAA,KAAA,WAAA,CAElD;;CAAA;AAAA,OAAA,SA9CZ,CAAC,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDpB,oBAAA;AACC,QAAM,mBAAA,EAEF,KAAK,kBACR,KAAK,WAAA,CAAW,IAOjB,EAHqB,KAAK,OAAO,EAAG,KAAA,GAAQ,EAAiB,MAAM,QAAA,CAAS,KAAK,EAAK,EAAA,CAAA,EACpE,EAAM,KAAK,YAAA,CAAA,CAG3B,KACA,EAAK,EAAA,EACL,QAAU,KAAK,UAAA,CAAA,EACf,EAAU,KAAK,cAAA,CAAA,CAEf,WAAA;;CAOH,QAAA;AACC,OAAK,cAAc,IAAI,MAAM,QAAA,CAAA;;CAM9B,OAAA;AACC,OAAK,WAAA,CAAW;;CAGjB,WAAA;AACC,OAAK,WAAA,CAAW,GAChB,KAAK,cACJ,IAAI,YAAkB,wBAAwB;GAC7C,SAAA,CAAS;GACT,UAAA,CAAU;GAAA,CAAA,CAAA;;CAKb,SAAA;AACC,SAAO,CAAI;;;mBAGM,KAAK,SAAA;YACZ,EAAS;GAChB,SAAS,KAAK,WAAW,MAAM;GAC/B,eAAe,KAAK,WAAW,SAAS;GAAA,CAAA,CAAA;;;;;;YAOjC,EAAS;GAChB,SAAS,KAAK,WAAW,MAAM;GAC/B,eAAe,KAAK,WAAW,SAAS;GAAA,CAAA,CAAA;;;;;;;GA7E3C,EAAS;CAAE,MAAM;CAAQ,WAAW;CAAA,CAAA,CAAA,EAAiB,EAAA,WAAA,eAAA,KAAA,EAAA,EAAA,EAAA,CAOrD,EAAS,EAAE,MAAM,SAAA,CAAA,CAAA,EAAU,EAAA,WAAA,QAAA,KAAA,EAAA,EAAA,EAAA,CAK3B,EAAS;CAAE,MAAM;CAAS,WAAW;CAAA,CAAA,CAAA,EAAqB,EAAA,WAAA,mBAAA,KAAA,EAAA,EAAA,EAAA,CAE1D,GAAA,CAAA,EAAO,EAAA,WAAA,YAAA,KAAA,EAAA,EAAA,IAAA,EAAA,CAhDR,EAAc,yBAAA,CAAA,EAAyB,EAAA"}

package/dist/splash-screen.cjs

@@ -1 +1 @@
-require(`./splash-screen-DoHRTHi8.cjs`);
+require(`./splash-screen-BDt4PInk.cjs`);

package/dist/splash-screen.js

@@ -1 +1 @@
-import "./splash-screen-DbI5RgBf.js";
+import "./splash-screen-C8JCqX5L.js";

package/dist/src-CpRNClhg.cjs

@@ -0,0 +1,263 @@
+require(`./chunk-CncqDLb2.cjs`);const e=require(`./mixins-De3xfjrm.cjs`),t=require(`./decorate-DpFmy0nm.cjs`),n=require(`./area-ZupIezvU.cjs`);require(`./state-DNdCPITt.cjs`),require(`./audio-CluX8Qpq.cjs`),require(`./autocomplete-Bn525CTp.cjs`);const r=require(`./theme.service-BrUbGoeQ.cjs`),i=require(`./directives.cjs`);require(`./boat-IyEtsNI4.cjs`),require(`./busy-CjM39APN.cjs`),require(`./button.cjs`),require(`./card-DIxDuuth.cjs`),require(`./charts.cjs`),require(`./checkbox-CGdFXuWQ.cjs`),require(`./chips-UoFbwmlG.cjs`),require(`./code-highlight-CMilN0B8.cjs`),require(`./connectivity.cjs`),require(`./date-range-BIyrzTRZ.cjs`);const a=require(`./sheet.service-B25bsrYG.cjs`);require(`./date-range-inline-4P7zqeVe.cjs`),require(`./delay.cjs`),require(`./details-BJBbZOO6.cjs`),require(`./dialog.cjs`),require(`./discovery.cjs`),require(`./divider-DPT3XnG5.cjs`),require(`./dropdown.cjs`),require(`./expand-CTqBWVXo.cjs`),require(`./float-CwVBs11k.cjs`),require(`./window.cjs`),require(`./extra-h_cuxRII.cjs`),require(`./form-CSJp687X.cjs`),require(`./icons-qEQW4pjM.cjs`),require(`./iframe-D6HTruav.cjs`),require(`./input-U26axtcs.cjs`),require(`./notification-D_PQjBSf.cjs`),require(`./json.cjs`),require(`./layout.cjs`),require(`./lightbox-DbYUSfVl.cjs`),require(`./list-CLX4sSAw.cjs`),require(`./mailbox-Ct6iYe-4.cjs`),require(`./map-WXeVkx2K.cjs`),require(`./menu-Cg2aaDjs.cjs`),require(`./navigation-rail.cjs`),require(`./option-DDU_goh1.cjs`),require(`./page.cjs`),require(`./payment-card-form-DNvmZxs4.cjs`),require(`./progress.cjs`),require(`./qr-scanner.cjs`),require(`./radio-group-D7mm-yvJ.cjs`),require(`./range.cjs`),require(`./rxjs-utils-Csnks202.cjs`);const o=require(`./theme.interface-D9l33b-M.cjs`);require(`./select-BvA7v-gL.cjs`),require(`./sheet-BYQJAHQn.cjs`),require(`./slider.cjs`),require(`./steps.cjs`),require(`./surface.cjs`),require(`./table.cjs`),require(`./tabs-0RfeCa00.cjs`),require(`./textarea-jqRrLxmo.cjs`),require(`./theme-Hjz9sCN-.cjs`),require(`./theme-button-C7QIbke1.cjs`),require(`./timeline.cjs`),require(`./tooltip.cjs`),require(`./tree.cjs`);const s=require(`./types.cjs`);require(`./typewriter.cjs`),require(`./typography.cjs`),require(`./utils-Cr-YO4Np.cjs`),require(`./avatar.cjs`),require(`./breadcrumb.cjs`),require(`./kbd.cjs`),require(`./skeleton.cjs`),require(`./splash-screen-BDt4PInk.cjs`),require(`./switch.cjs`),require(`./visually-hidden.cjs`);let c=require(`rxjs`),l=require(`rxjs/operators`),u=require(`@lit/context`),d=require(`lit/decorators.js`),f=require(`lit`),p=require(`lit/directives/when.js`);var m=class extends e.s{constructor(...e){super(...e),this.color=`primary`,this.size=`md`,this.shape=`pill`,this.outlined=!1,this.icon=``,this.pulse=!1}static{this.styles=[f.css`
+	:host {
+		display: inline-flex;
+		width: fit-content;
+	}
+
+	/* Enhanced pulse animation for better attention-getting */
+	@keyframes elegant-pulse {
+		0%, 100% {
+			opacity: 1;
+		}
+		50% {
+			opacity: 0.85;
+		}
+	}
+
+	.animate-pulse {
+		animation: elegant-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+	}
+`]}getSizeClasses(){switch(this.size){case`xs`:return`text-xs py-0.75 px-1.5 gap-0.5 leading-none`;case`sm`:return`text-xs py-1.5 px-2.5 gap-0.5 tracking-wide leading-none`;case`lg`:return`text-base py-2 px-4 gap-1 tracking-wide`;default:return`text-sm py-1.5 px-3 gap-0.5`}}getShapeClasses(){switch(this.shape){case`square`:return`rounded`;case`rounded`:return`rounded-md`;default:return`rounded-full`}}getIconSize(){switch(this.size){case`xs`:return`11px`;case`sm`:return`13px`;case`lg`:return`18px`;default:return`15px`}}getExoticStyles(){let e={};return this.size===`lg`&&(e.letterSpacing=`0.03em`,e.fontWeight=`500`),this.size===`sm`&&(e.letterSpacing=`0.02em`),e}getColorStyles(){return{primary:{bg:this.outlined?`transparent`:`color-mix(in srgb, ${o.t.sys.color.primary.container} 92%, ${o.t.sys.color.primary.default} 8%)`,text:this.outlined?o.t.sys.color.primary.default:o.t.sys.color.primary.onContainer,border:this.outlined?`color-mix(in srgb, ${o.t.sys.color.primary.default} 90%, ${o.t.sys.color.surface.highest} 10%)`:void 0},secondary:{bg:this.outlined?`transparent`:`color-mix(in srgb, ${o.t.sys.color.secondary.container} 95%, ${o.t.sys.color.secondary.default} 5%)`,text:this.outlined?o.t.sys.color.secondary.default:o.t.sys.color.secondary.onContainer,border:this.outlined?`color-mix(in srgb, ${o.t.sys.color.secondary.default} 85%, ${o.t.sys.color.surface.highest} 15%)`:void 0},tertiary:{bg:this.outlined?`transparent`:`color-mix(in srgb, ${o.t.sys.color.tertiary.container} 94%, ${o.t.sys.color.tertiary.default} 6%)`,text:this.outlined?o.t.sys.color.tertiary.default:o.t.sys.color.tertiary.onContainer,border:this.outlined?`color-mix(in srgb, ${o.t.sys.color.tertiary.default} 88%, ${o.t.sys.color.surface.highest} 12%)`:void 0},success:{bg:this.outlined?`transparent`:`color-mix(in srgb, ${o.t.sys.color.success.container} 90%, ${o.t.sys.color.success.default} 10%)`,text:this.outlined?o.t.sys.color.success.default:o.t.sys.color.success.onContainer,border:this.outlined?`color-mix(in srgb, ${o.t.sys.color.success.default} 85%, ${o.t.sys.color.surface.bright} 15%)`:void 0},warning:{bg:this.outlined?`transparent`:`color-mix(in srgb, ${o.t.sys.color.tertiary.container} 85%, ${o.t.sys.color.tertiary.default} 15%)`,text:this.outlined?o.t.sys.color.tertiary.default:o.t.sys.color.tertiary.onContainer,border:this.outlined?`color-mix(in srgb, ${o.t.sys.color.tertiary.default} 90%, ${o.t.sys.color.surface.highest} 10%)`:void 0},error:{bg:this.outlined?`transparent`:`color-mix(in srgb, ${o.t.sys.color.error.container} 92%, ${o.t.sys.color.error.default} 8%)`,text:this.outlined?o.t.sys.color.error.default:o.t.sys.color.error.onContainer,border:this.outlined?`color-mix(in srgb, ${o.t.sys.color.error.default} 88%, ${o.t.sys.color.surface.bright} 12%)`:void 0},neutral:{bg:this.outlined?`transparent`:`color-mix(in srgb, ${o.t.sys.color.surface.high} 95%, ${o.t.sys.color.outline} 5%)`,text:this.outlined?`color-mix(in srgb, ${o.t.sys.color.surface.on} 95%, ${o.t.sys.color.surface.default} 5%)`:o.t.sys.color.surface.on,border:this.outlined?`color-mix(in srgb, ${o.t.sys.color.outline} 85%, ${o.t.sys.color.surface.highest} 15%)`:void 0},surface:{bg:this.outlined?`transparent`:o.t.sys.color.surface.high,text:o.t.sys.color.surface.on,border:this.outlined?o.t.sys.color.outline:void 0}}[this.color]}render(){let e=this.getSizeClasses(),t=this.getShapeClasses(),n=this.getColorStyles(),r=this.getIconSize(),a=this.getExoticStyles(),o={"inline-flex items-center justify-center font-medium":!0,"transition-all duration-200 ease-in-out":!0,[e]:!0,[t]:!0,"animate-pulse":this.pulse,"border border-solid":this.outlined,"shadow-sm":!this.outlined&&this.size===`sm`,shadow:!this.outlined&&this.size===`md`,"shadow-md":!this.outlined&&this.size===`lg`,"hover:brightness-95 hover:-translate-y-px":this.outlined,"hover:brightness-[0.98]":!this.outlined},s={borderColor:n.border,backdropFilter:this.outlined?`blur(4px)`:void 0,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)`,...a};return f.html`
+			<div
+				part="badge"
+				class="${this.classMap(o)}"
+				style="${this.styleMap(s)}"
+				${i.color({bgColor:n.bg,color:n.text})}
+			>
+				<!-- Icon slot or named icon -->
+				<slot name="icon">
+					${this.icon?f.html`
+								<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>
+							`:``}
+				</slot>
+
+				<!-- Content with proper spacing from icon -->
+				<div part="content" class="flex items-center leading-none tracking-[0.01em] ${this.icon?`ml-[0.38em]`:``}">
+					<slot></slot>
+				</div>
+			</div>
+		`}};t.t([(0,d.property)({type:String,reflect:!0})],m.prototype,`color`,void 0),t.t([(0,d.property)({type:String,reflect:!0})],m.prototype,`size`,void 0),t.t([(0,d.property)({type:String,reflect:!0})],m.prototype,`shape`,void 0),t.t([(0,d.property)({type:Boolean,reflect:!0})],m.prototype,`outlined`,void 0),t.t([(0,d.property)({type:String})],m.prototype,`icon`,void 0),t.t([(0,d.property)({type:Boolean,reflect:!0})],m.prototype,`pulse`,void 0),m=t.t([(0,d.customElement)(`schmancy-badge`)],m);var h=class extends m{};h=t.t([(0,d.customElement)(`sch-badge`)],h);var g=new class{constructor(){this.$drawer=new c.Subject,this.pushCounter=0,this.isDismissing$=new c.BehaviorSubject(!1),this.$drawer.pipe((0,c.concatMap)(e=>{switch(e.action){case`dismiss`:return(0,c.of)(e).pipe((0,c.tap)(()=>{this.isDismissing$.next(!0),this.dispatchToggleEvent(e.ref,`close`)}),(0,c.delay)(300),(0,c.tap)(()=>this.isDismissing$.next(!1)));case`render`:return(0,c.of)(e).pipe((0,c.tap)(()=>{this.dispatchToggleEvent(e.ref,`open`),this.dispatchRenderEvent(e.ref,e.component,e.title)}));case`push`:return(0,c.of)(e).pipe((0,c.tap)(()=>this.handlePush(e.ref,e.component,e.state,e.params,e.props)));default:return(0,c.of)(null)}})).subscribe()}dispatchToggleEvent(e,t){e.dispatchEvent(new CustomEvent(s.SchmancyEvents.ContentDrawerToggle,{detail:{state:t},bubbles:!0,composed:!0}))}dispatchRenderEvent(e,t,n,r,i,a){e.dispatchEvent(new CustomEvent(`schmancy-content-drawer-render`,{detail:{component:t,title:n,state:r,params:i,props:a},bubbles:!0,composed:!0}))}dimiss(e){this.$drawer.next({action:`dismiss`,ref:e})}render(e,t,n){e.dispatchEvent(new CustomEvent(`custom-event`)),this.$drawer.next({action:`render`,ref:e,component:t,title:n})}handlePush(e,t,n,r,i){let a={...n,_drawerPushId:++this.pushCounter};this.dispatchToggleEvent(e,`open`),this.dispatchRenderEvent(e,t,void 0,a,r,i)}push(e){this.$drawer.next({action:`push`,ref:window,...e})}},_=(0,u.createContext)(`push`),v=(0,u.createContext)(`close`),y=(0,u.createContext)(Math.floor(Math.random()*Date.now()).toString()),b=(0,u.createContext)(`100%`),x=(0,u.createContext)({}),S=class extends e.s{constructor(...e){super(...e),this.minWidth={main:360,sheet:576},this.schmancyContentDrawerID=Math.floor(Math.random()*Date.now()).toString(),this.maxHeight=`100%`}static{this.styles=[f.css`
+	:host {
+		position: relative;
+		inset: 0;
+		display: block;
+		overflow: hidden;
+	}
+`]}firstUpdated(){this.setupResizeListener(),this.setupToggleListener(),this.setupRenderListener()}setupResizeListener(){(0,c.merge)((0,c.fromEvent)(window,`resize`),(0,c.fromEvent)(window,s.SchmancyEvents.ContentDrawerResize)).pipe((0,c.startWith)(!0),(0,c.debounceTime)(100),(0,c.map)(()=>this.clientWidth||window.innerWidth),(0,c.map)(e=>e>=this.minWidth.main+this.minWidth.sheet),(0,c.distinctUntilChanged)(),(0,c.tap)(()=>this.updateMaxHeight()),(0,c.takeUntil)(this.disconnecting)).subscribe(e=>this.updateMode(e))}setupToggleListener(){(0,c.fromEvent)(window,s.SchmancyEvents.ContentDrawerToggle).pipe((0,c.tap)(e=>e.stopPropagation()),(0,c.map)(e=>e.detail.state),(0,c.takeUntil)(this.disconnecting)).subscribe(e=>{this.open=e})}setupRenderListener(){(0,c.fromEvent)(window,`schmancy-content-drawer-render`).pipe((0,c.tap)(e=>e.stopPropagation()),(0,c.map)(e=>e.detail),(0,c.takeUntil)(this.disconnecting)).subscribe(e=>this.handleRender(e))}updateMaxHeight(){this.maxHeight=window.innerHeight-this.getOffsetTop(this)+`px`,this.style.setProperty(`max-height`,this.maxHeight)}updateMode(e){e?(this.mode=`push`,this.open=`open`):(this.mode=`overlay`,this.open=`close`)}handleRender(e){this.mode===`push`?n.S.push({area:this.schmancyContentDrawerID,component:e.component,historyStrategy:`silent`,state:e.state,params:e.params,props:e.props}):this.mode===`overlay`&&a.n.open({component:e.component,uid:this.schmancyContentDrawerID,props:e.props})}getOffsetTop(e){let t=0;for(;e;)t+=e.offsetTop,e=e.offsetParent;return t}render(){return this.mode&&this.open?f.html`
+			<div class=${[`grid h-full`,`grid-flow-col auto-cols-max`,`grid-rows-[1fr]`,`justify-items-stretch items-stretch`,this.mode===`overlay`?`grid-cols-[1fr]`:`grid-cols-[auto_1fr]`].join(` `)}>
+				<slot></slot>
+			</div>
+		`:f.nothing}};t.t([(0,u.provide)({context:x})],S.prototype,`minWidth`,void 0),t.t([(0,u.provide)({context:v}),(0,d.property)()],S.prototype,`open`,void 0),t.t([(0,u.provide)({context:_}),(0,d.state)()],S.prototype,`mode`,void 0),t.t([(0,u.provide)({context:y})],S.prototype,`schmancyContentDrawerID`,void 0),t.t([(0,u.provide)({context:b})],S.prototype,`maxHeight`,void 0),t.t([(0,d.queryAssignedElements)({flatten:!0})],S.prototype,`assignedElements`,void 0),S=t.t([(0,d.customElement)(`schmancy-content-drawer`)],S);var C=class extends e.s{static{this.styles=[f.css`
+	:host {
+		display: block;
+		overflow: hidden;
+	}
+`]}connectedCallback(){super.connectedCallback(),this.minWidth?this.drawerMinWidth.main=this.minWidth:this.minWidth=this.drawerMinWidth.main}update(e){super.update(e),e.has(`minWidth`)&&this.minWidth&&(this.drawerMinWidth.main=this.minWidth,this.dispatchEvent(new CustomEvent(s.SchmancyEvents.ContentDrawerResize,{bubbles:!0,composed:!0})))}render(){let e={minWidth:`${this.minWidth}px`,maxHeight:this.maxHeight};return f.html`
+			<section class="relative inset-0 h-full">
+				<div class=${[`grid h-full relative overflow-scroll`,`grid-flow-col auto-cols-max`,`grid-rows-[1fr]`,`items-stretch justify-items-stretch`,this.mode===`push`?`grid-cols-[auto_1fr]`:`grid-cols-[1fr]`].join(` `)}>
+					<section style=${this.styleMap(e)}>
+						<slot></slot>
+					</section>
+				</div>
+				${(0,p.when)(this.mode===`push`,()=>f.html` <schmancy-divider class="absolute right-0 top-0" orientation="vertical"></schmancy-divider>`)}
+			</section>
+		`}};t.t([(0,d.property)({type:Number})],C.prototype,`minWidth`,void 0),t.t([(0,u.consume)({context:x,subscribe:!0})],C.prototype,`drawerMinWidth`,void 0),t.t([(0,u.consume)({context:_,subscribe:!0}),(0,d.state)()],C.prototype,`mode`,void 0),t.t([(0,u.consume)({context:b,subscribe:!0}),(0,d.state)()],C.prototype,`maxHeight`,void 0),C=t.t([(0,d.customElement)(`schmancy-content-drawer-main`)],C);var w=class extends e.s{static{this.styles=[f.css`
+	:host {
+		overflow: scroll;
+	}
+`]}connectedCallback(){super.connectedCallback(),this.minWidth?this.drawerMinWidth.sheet=this.minWidth:this.minWidth=this.drawerMinWidth.sheet}updated(e){super.updated(e),e.has(`minWidth`)&&this.minWidth?(this.drawerMinWidth.sheet=this.minWidth,this.dispatchEvent(new CustomEvent(s.SchmancyEvents.ContentDrawerResize,{bubbles:!0,composed:!0}))):(e.has(`state`)||e.has(`mode`))&&(this.mode===`overlay`?this.state===`close`?this.closeAll():this.state:this.mode===`push`&&(a.n.dismiss(this.schmancyContentDrawerID),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([{opacity:0,transform:`translateX(100%)`},{opacity:1,transform:`translateX(0%)`}],{duration:250,easing:`cubic-bezier(0.5, 0.01, 0.25, 1)`})}closeAll(){(0,c.merge)((0,c.from)(this.closeModalSheet()),(0,c.from)(this.closeSheet())).pipe((0,c.takeUntil)(this.disconnecting)).subscribe()}closeModalSheet(){return(0,c.of)(!0).pipe((0,c.tap)(()=>a.n.dismiss(this.schmancyContentDrawerID)))}closeSheet(){return new c.Observable(e=>{this.sheet.animate([{opacity:1,transform:`translateX(0%)`},{opacity:1,transform:`translateX(100%)`}],{duration:250,easing:`cubic-bezier(0.5, 0.01, 0.25, 1)`}).onfinish=()=>{this.sheet.style.display=`none`,e.next(),e.complete()}})}render(){let e={"block h-full w-full":this.mode===`push`,"absolute z-50":this.mode===`overlay`,"opacity-1":this.mode===`overlay`&&this.state===`open`},t={minWidth:`${this.minWidth}px`,maxHeight:this.maxHeight};return f.html`
+			<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>
+				</schmancy-area>
+			</section>
+		`}};t.t([(0,d.property)({type:Number})],w.prototype,`minWidth`,void 0),t.t([(0,u.consume)({context:_,subscribe:!0}),(0,d.state)()],w.prototype,`mode`,void 0),t.t([(0,u.consume)({context:v,subscribe:!0}),(0,d.state)()],w.prototype,`state`,void 0),t.t([(0,u.consume)({context:y})],w.prototype,`schmancyContentDrawerID`,void 0),t.t([(0,d.query)(`#sheet`)],w.prototype,`sheet`,void 0),t.t([(0,d.queryAssignedElements)({flatten:!0,slot:void 0})],w.prototype,`defaultSlot`,void 0),t.t([(0,u.consume)({context:x,subscribe:!0})],w.prototype,`drawerMinWidth`,void 0),t.t([(0,u.consume)({context:b,subscribe:!0}),(0,d.state)()],w.prototype,`maxHeight`,void 0),w=t.t([(0,d.customElement)(`schmancy-content-drawer-sheet`)],w);var T=new class{constructor(){this.$drawer=new c.Subject,this.$drawer.pipe((0,c.debounceTime)(10)).subscribe(e=>{e.state?window.dispatchEvent(new CustomEvent(s.SchmancyEvents.NavDrawer_toggle,{detail:{state:`open`},bubbles:!0,composed:!0})):window.dispatchEvent(new CustomEvent(s.SchmancyEvents.NavDrawer_toggle,{detail:{state:`close`},bubbles:!0,composed:!0}))})}open(e){this.$drawer.next({self:e,state:!0})}close(e){this.$drawer.next({self:e,state:!1})}},E=T,D=class extends e.s{static{this.styles=[f.css`
+	:host {
+		display: block;
+		width: 100%;
+		min-width: 0;
+	}
+`]}render(){return f.html`<slot></slot>`}};D=t.t([(0,d.customElement)(`schmancy-nav-drawer-appbar`)],D);var O=class extends e.s{static{this.styles=[f.css`
+	:host {
+		display: block;
+		position: relative;
+		inset: 0;
+		overflow-y: auto;
+	}
+`]}connectedCallback(){super.connectedCallback(),(0,c.fromEvent)(this,`scroll`).pipe((0,c.takeUntil)(this.disconnecting)).subscribe(e=>{this.parentElement.dispatchEvent(new CustomEvent(`scroll`,{detail:e,bubbles:!0,composed:!0}))})}render(){return f.html` <slot></slot> `}};O=t.t([(0,d.customElement)(`schmancy-nav-drawer-content`)],O);var k,A=(0,u.createContext)(`push`),j=(0,u.createContext)(`close`),M=class extends e.s{static{k=this}constructor(...e){super(...e),this.fullscreen=!1,this.breakpoint=`md`}static{this.styles=[f.css`
+	:host {
+		display: grid;
+		grid-template-columns: auto 1fr;
+		grid-template-rows: 1fr;
+		flex-grow: 1;
+		height: 100%;
+		overflow: hidden;
+		/* Initially hide the component until it's ready */
+		visibility: hidden;
+	}
+
+	:host([data-ready]) {
+		visibility: visible;
+	}
+
+	:host([fullscreen]) {
+		grid-template-columns: 1fr;
+	}
+`]}static{this.BREAKPOINTS={sm:640,md:768,lg:1024,xl:1280}}firstUpdated(){this.updateState(window.innerWidth),this.setAttribute(`data-ready`,``),(0,c.fromEvent)(window,`resize`).pipe((0,c.map)(e=>e.target.innerWidth),(0,c.map)(e=>e>=k.BREAKPOINTS[this.breakpoint]),(0,c.distinctUntilChanged)(),(0,c.debounceTime)(100),(0,c.takeUntil)(this.disconnecting)).subscribe(e=>{e?(this.mode=`push`,this.open=`open`):(this.mode=`overlay`,this.open=`close`)}),(0,c.fromEvent)(window,`fullscreen`).pipe((0,c.tap)(e=>{let t=e;this.fullscreen=t.detail}),(0,c.takeUntil)(this.disconnecting)).subscribe(),(0,c.fromEvent)(window,s.SchmancyEvents.NavDrawer_toggle).pipe((0,c.tap)(e=>{e.stopPropagation()}),(0,c.map)(e=>e.detail.state),(0,c.takeUntil)(this.disconnecting),(0,c.debounceTime)(10)).subscribe(e=>{e===`toggle`&&(e=this.open===`open`?`close`:`open`),this.mode===`push`&&e===`close`||(this.open=e)})}updateState(e){let t=e>=k.BREAKPOINTS[this.breakpoint];this.mode=t?`push`:`overlay`,this.open=t?`open`:`close`}render(){return f.html`<slot></slot>`}};t.t([(0,d.property)({type:Boolean,reflect:!0})],M.prototype,`fullscreen`,void 0),t.t([(0,d.property)({type:String,attribute:`breakpoint`})],M.prototype,`breakpoint`,void 0),t.t([(0,u.provide)({context:A}),(0,d.state)()],M.prototype,`mode`,void 0),t.t([(0,u.provide)({context:j}),(0,d.property)()],M.prototype,`open`,void 0),M=k=t.t([(0,d.customElement)(`schmancy-nav-drawer`)],M);var N=`cubic-bezier(0.5, 0.01, 0.25, 1)`,P=class extends e.s{constructor(...e){super(...e),this.width=`220px`,this._initialized=!1}firstUpdated(){this.mode===`overlay`?this.drawerState===`close`?(this.nav.style.transform=`translateX(-100%)`,this.overlay.style.display=`none`):this.drawerState===`open`&&(this.nav.style.transform=`translateX(0)`,this.overlay.style.display=`block`,this.overlay.style.opacity=`0.4`):this.mode===`push`&&(this.nav.style.transform=`translateX(0)`,this.overlay.style.display=`none`),this._initialized=!0}updated(e){this._initialized&&(e.has(`drawerState`)||e.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:.4}],{duration:200,easing:N,fill:`forwards`})}closeOverlay(){this.overlay.animate([{opacity:.4},{opacity:0}],{duration:150,easing:N,fill:`forwards`}).onfinish=()=>{this.overlay.style.display=`none`}}showNavDrawer(){this.nav.animate([{transform:`translateX(-100%)`},{transform:`translateX(0)`}],{duration:200,easing:N,fill:`forwards`}).onfinish=()=>{this.nav.style.transform=`translateX(0)`}}hideNavDrawer(){this.nav.animate([{transform:`translateX(0)`},{transform:`translateX(-100%)`}],{duration:200,easing:N,fill:`forwards`}).onfinish=()=>{this.nav.style.transform=`translateX(-100%)`}}handleOverlayClick(){window.dispatchEvent(new CustomEvent(s.SchmancyEvents.NavDrawer_toggle,{detail:{state:`close`},bubbles:!0,composed:!0}))}render(){let e={"max-w-[360px] w-fit h-full overflow-auto":!0,block:this.mode===`push`,"fixed inset-0 z-50":this.mode===`overlay`},t={width:this.width};return f.html`
+			<nav
+				style=${this.styleMap(t)}
+				class="${this.classMap({...e})}"
+				${i.color({bgColor:o.t.sys.color.surface.containerLowest})}
+			>
+				<slot></slot>
+			</nav>
+			<div
+				id="overlay"
+				${i.color({bgColor:o.t.sys.color.scrim})}
+				@click=${this.handleOverlayClick}
+				class="${this.classMap({"fixed inset-0 z-49 hidden":!0})}"
+			></div>
+		`}};t.t([(0,u.consume)({context:A,subscribe:!0}),(0,d.state)()],P.prototype,`mode`,void 0),t.t([(0,u.consume)({context:j,subscribe:!0}),(0,d.state)()],P.prototype,`drawerState`,void 0),t.t([(0,d.query)(`#overlay`)],P.prototype,`overlay`,void 0),t.t([(0,d.query)(`nav`)],P.prototype,`nav`,void 0),t.t([(0,d.property)({type:String})],P.prototype,`width`,void 0),t.t([(0,d.state)()],P.prototype,`_initialized`,void 0),P=t.t([(0,d.customElement)(`schmancy-nav-drawer-navbar`)],P);var F=class extends e.s{constructor(...e){super(...e),this.icon=``,this.label=``,this.badge=``,this.active$=new c.BehaviorSubject(!1),this.disabled=!1,this.hideLabels=!1,this.ripples=[],this.addRippleEffect=e=>{if(this.disabled)return;let t=this.shadowRoot?.querySelector(`.w-16.h-8`);if(t){let n=t.getBoundingClientRect(),r={x:e.clientX-n.left,y:e.clientY-n.top,id:Date.now()};this.ripples=[...this.ripples,r],(0,c.timer)(600).pipe((0,l.tap)(()=>{this.ripples=this.ripples.filter(e=>e.id!==r.id)}),(0,l.takeUntil)(this.disconnecting)).subscribe()}},this.handleClick=e=>{if(this.disabled)return e.preventDefault(),void e.stopPropagation();this.addRippleEffect(e)},this.handleKeyDown=e=>{this.disabled||e.key!==`Enter`&&e.key!==` `||e.preventDefault()}}static{this.styles=[f.css`
+	:host {
+		display: flex;
+		flex: 1;
+		min-width: 48px;
+		max-width: 168px;
+		user-select: none;
+		-webkit-tap-highlight-color: transparent;
+	}
+
+	:host([disabled]) {
+		pointer-events: none;
+	}
+
+	button {
+		font-family: inherit;
+		border: none;
+		background: none;
+		width: 100%;
+		padding: 0;
+		margin: 0;
+		text-align: center;
+		color: inherit;
+	}
+
+	button:focus {
+		outline: none;
+	}
+
+	button:focus-visible {
+		outline: 2px solid var(--focus-color);
+		outline-offset: 2px;
+		border-radius: 8px;
+	}
+
+	/* Ripple animation */
+	@keyframes ripple {
+		to {
+			transform: scale(4);
+			opacity: 0;
+		}
+	}
+
+	.ripple-effect {
+		position: absolute;
+		border-radius: 50%;
+		width: 20px;
+		height: 20px;
+		background-color: currentColor;
+		opacity: 0.25;
+		animation: ripple 0.6s ease-out;
+		pointer-events: none;
+	}
+`]}get active(){return this.active$.value}set active(e){this.active$.next(e)}setActive(e){this.active=e}connectedCallback(){super.connectedCallback(),this.active$.pipe((0,l.takeUntil)(this.disconnecting)).subscribe(()=>{this.requestUpdate()}),this.setupNavigationStream()}setupNavigationStream(){let e=this.shadowRoot?.querySelector(`button`);e&&(0,c.merge)((0,c.fromEvent)(e,`click`).pipe((0,l.filter)(()=>!this.disabled)),(0,c.fromEvent)(e,`keydown`).pipe((0,l.filter)(()=>!this.disabled),(0,l.filter)(e=>e.key===`Enter`||e.key===` `),(0,l.tap)(e=>e.preventDefault()))).pipe((0,l.tap)(()=>{this.dispatchEvent(new CustomEvent(`bar-item-click`,{detail:{icon:this.icon,label:this.label,active:this.active},bubbles:!0,composed:!0}))}),(0,l.takeUntil)(this.disconnecting)).subscribe()}formatBadge(e){let t=Number(e);return isNaN(t)?e.slice(0,3):t>99?`99+`:String(t)}firstUpdated(){this.setupNavigationStream()}render(){let e=this.querySelector(`[slot]`)||this.textContent?.trim()&&!this.label,t=this.badge?this.formatBadge(this.badge):``,n=t&&t!==`0`,r=this.querySelector(`[slot="icon"]`),a={"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-containerHigh":!this.disabled&&!this.active,"cursor-not-allowed opacity-38":this.disabled,"outline-none":!0,"focus-visible:outline-2 focus-visible:outline-offset-2":!0},s={"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-containerHighest":!this.active&&!this.disabled,"relative overflow-hidden":!0},c={"absolute top-0 right-3":!0,"min-w-[6px] h-1.5":!n,"min-w-[16px] h-4":n,"rounded-full":!n,"rounded-lg":n,"flex items-center justify-center":n,"px-1":n,"transition-all duration-200":!0,"z-10":!0},l=this.active?{color:o.t.sys.color.secondary.onContainer}:{color:o.t.sys.color.surface.onVariant},u={"--focus-color":o.t.sys.color.primary.default};return f.html`
+			<button
+				type="button"
+				class=${this.classMap(a)}
+				@click=${this.handleClick}
+				@keydown=${this.handleKeyDown}
+				?disabled=${this.disabled}
+				aria-pressed=${this.active}
+				aria-label=${this.label||`Navigation item`}
+				style=${this.styleMap({...u,"outline-color":`var(--focus-color)`})}
+				${i.color(l)}
+			>
+				<!-- Icon with indicator background -->
+				<div class=${this.classMap(s)}>
+					<!-- Ripple effects -->
+					${this.ripples.map(e=>f.html`
+							<span
+								class="ripple-effect"
+								style=${this.styleMap({left:`${e.x}px`,top:`${e.y}px`,transform:`translate(-50%, -50%)`})}
+							></span>
+						`)}
+
+					${r?f.html`<slot name="icon"></slot>`:this.icon?f.html`
+									<schmancy-icon
+										.fill=${+!!this.active}
+										class="relative z-10 flex items-center justify-center transition-all duration-200"
+										style="--schmancy-icon-size: 24px;"
+										aria-hidden="true"
+									>
+										${this.icon}
+									</schmancy-icon>
+							  `:e?f.html`<slot></slot>`:``}
+				</div>
+
+				<!-- Label below icon -->
+				${!this.hideLabels&&this.label?f.html`
+					<span class=${this.classMap({"text-xs font-medium leading-4 mt-1":!0,"text-center max-w-full":!0,"overflow-hidden text-ellipsis whitespace-nowrap":!0,"transition-all duration-200":!0})}>${this.label}</span>
+				`:``}
+
+				<!-- Badge -->
+				${n?f.html`
+					<span
+						class=${this.classMap(c)}
+						aria-label="${t} notifications"
+						${i.color({bgColor:o.t.sys.color.error.default,color:o.t.sys.color.error.on})}
+					>
+						<span class="text-[10px] font-medium leading-none">${t}</span>
+					</span>
+				`:this.badge?f.html`
+					<span
+						class=${this.classMap(c)}
+						aria-label="Has notifications"
+						${i.color({bgColor:o.t.sys.color.error.default})}
+					></span>
+				`:``}
+			</button>
+		`}};t.t([(0,d.property)({type:String})],F.prototype,`icon`,void 0),t.t([(0,d.property)({type:String})],F.prototype,`label`,void 0),t.t([(0,d.property)({type:String})],F.prototype,`badge`,void 0),t.t([(0,d.property)({type:Boolean,reflect:!0})],F.prototype,`active`,null),t.t([(0,d.property)({type:Boolean,reflect:!0})],F.prototype,`disabled`,void 0),t.t([(0,d.property)({type:Boolean,reflect:!0})],F.prototype,`hideLabels`,void 0),t.t([(0,d.state)()],F.prototype,`ripples`,void 0),F=t.t([(0,d.customElement)(`schmancy-navigation-bar-item`)],F);var I=class extends e.s{constructor(...e){super(...e),this.activeIndex$=new c.BehaviorSubject(-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 c.Subject,this.handleItemClick=e=>{let t=this.getItems(),n=e.target,r=t.findIndex(e=>e===n);if(r===-1)return;if(this.activeIndex===r)return void this.dispatchEvent(new CustomEvent(s.SchmancyEvents.NavDrawer_toggle,{detail:{state:`toggle`},bubbles:!0,composed:!0}));let i=this.activeIndex;this.activeIndex=r,this.dispatchEvent(new CustomEvent(`navigation-change`,{detail:{oldIndex:i,newIndex:r,item:n},bubbles:!0,composed:!0}))},this.handleKeyDown=e=>{let t=this.getItems(),n=this.focusedIndex===-1?this.activeIndex:this.focusedIndex;switch(e.key){case`ArrowLeft`:e.preventDefault(),n>0&&this.focusItem(n-1);break;case`ArrowRight`:e.preventDefault(),n<t.length-1&&this.focusItem(n+1);break;case`Home`:e.preventDefault(),this.focusItem(0);break;case`End`:e.preventDefault(),this.focusItem(t.length-1);break;case`Enter`:case` `:e.preventDefault(),this.focusedIndex!==-1&&t[this.focusedIndex]?.click()}}}static{this.styles=[f.css`
+	:host {
+		display: block;
+		transition: transform 0.3s ease-in-out;
+	}
+
+	:host([hide-on-scroll]) {
+		transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+	}
+
+	/* Support 3-7 items with equal distribution */
+	::slotted(schmancy-navigation-bar-item) {
+		flex: 1;
+		max-width: 168px; /* Prevent items from being too wide */
+	}
+
+	/* Accessibility focus indicators */
+	:host(:focus-within) {
+		outline: 2px solid var(--schmancy-sys-color-primary);
+		outline-offset: -2px;
+	}
+`]}get activeIndex(){return this.activeIndex$.value}set activeIndex(e){this.activeIndex$.next(e)}getItems(){let e=this.shadowRoot?.querySelector(`slot`);return e?e.assignedElements({flatten:!0}).filter(e=>e.tagName.toLowerCase()===`schmancy-navigation-bar-item`):[]}isMobileViewport(){return this.mobileMediaQuery?.matches??!1}updateBottomOffset(){let e=!this.isFullscreen&&this.isMobileViewport();r.n.setBottomOffset(e?80:0)}connectedCallback(){super.connectedCallback(),this.mobileMediaQuery=window.matchMedia(`(max-width: 767px)`),(0,c.fromEvent)(this.mobileMediaQuery,`change`).pipe((0,l.tap)(()=>this.updateBottomOffset()),(0,l.takeUntil)(this.disconnecting)).subscribe(),r.n.fullscreen$.pipe((0,l.tap)(e=>{this.isFullscreen=e,this.visibility$.next(!this.isFullscreen&&!this.isHiddenByScroll),this.updateBottomOffset()}),(0,l.takeUntil)(this.disconnecting)).subscribe(),this.updateBottomOffset(),(0,c.fromEvent)(this,`bar-item-click`).pipe((0,l.tap)(e=>this.handleItemClick(e)),(0,l.takeUntil)(this.disconnecting)).subscribe(),(0,c.fromEvent)(this,`keydown`).pipe((0,l.tap)(e=>this.handleKeyDown(e)),(0,l.takeUntil)(this.disconnecting)).subscribe(),this.activeIndex$.pipe((0,l.takeUntil)(this.disconnecting)).subscribe(e=>{this.updateActiveStates(e)}),this.hideOnScroll&&this.setupScrollListener(),this.updateItems()}disconnectedCallback(){super.disconnectedCallback(),r.n.setBottomOffset(0),this.mobileMediaQuery=null}setupScrollListener(){(0,c.fromEvent)(window,`scroll`).pipe((0,l.throttleTime)(100),(0,l.map)(()=>window.scrollY),(0,l.pairwise)(),(0,l.filter)(([e,t])=>Math.abs(t-e)>this.SCROLL_THRESHOLD),(0,l.tap)(([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)}),(0,l.takeUntil)(this.disconnecting)).subscribe()}focusItem(e){let t=this.getItems();t[e]&&(this.focusedIndex=e,t[e].focus())}updateItems(){let e=this.shadowRoot?.querySelector(`slot`);if(e){let t=()=>{this.updateActiveStates(this.activeIndex)};e.addEventListener(`slotchange`,t),t()}}addBoatItem(e){let t=this.querySelector(`[value="${e.id}"]`);if(t)return t;let n=document.createElement(`schmancy-navigation-bar-item`);return n.setAttribute(`value`,e.id),n.innerHTML=`\n\t\t\t<schmancy-icon>${e.icon||`widgets`}</schmancy-icon>\n\t\t\t<span>${e.title}</span>\n\t\t`,this.appendChild(n),n}updateActiveStates(e){this.getItems().forEach((t,n)=>{t.setActive(n===e),t.hideLabels=this.hideLabels,t.tabIndex=n===e?0:-1})}updated(e){super.updated(e),e.has(`hideLabels`)&&this.updateActiveStates(this.activeIndex),e.has(`hideOnScroll`)&&(this.hideOnScroll&&!e.get(`hideOnScroll`)?this.setupScrollListener():this.hideOnScroll||(this.isHiddenByScroll=!1,this.visibility$.next(!this.isFullscreen)))}render(){let e=this.isFullscreen||this.isHiddenByScroll,t={"h-20":!0,"flex items-center justify-around":!0,"px-2 py-3 box-border":!0,"transition-all duration-300 ease-in-out":!0,"z-10":!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},n=e?`translateY(100%)`:`translateY(0)`;return f.html`
+			<nav
+				class=${this.classMap(t)}
+				role="navigation"
+				aria-label="Main navigation"
+				aria-hidden=${e}
+				style="transform: ${n};"
+				${i.color({bgColor:o.t.sys.color.surface.container,color:o.t.sys.color.surface.on})}
+			>
+				<slot></slot>
+			</nav>
+		`}};t.t([(0,d.property)({type:Number})],I.prototype,`activeIndex`,null),t.t([(0,d.property)({type:Boolean,reflect:!0})],I.prototype,`hideLabels`,void 0),t.t([(0,d.property)({type:Number,reflect:!0})],I.prototype,`elevation`,void 0),t.t([(0,d.property)({type:Boolean,reflect:!0})],I.prototype,`hideOnScroll`,void 0),t.t([(0,d.state)()],I.prototype,`focusedIndex`,void 0),t.t([(0,d.state)()],I.prototype,`isHiddenByScroll`,void 0),t.t([(0,d.state)()],I.prototype,`isFullscreen`,void 0),I=t.t([(0,d.customElement)(`schmancy-navigation-bar`)],I);var L=`whereAreYouRicky`,R=`hereMorty`,z=new class{constructor(){this.activeTeleportations=new Map,this.flipRequests=new c.Subject,this.find=e=>(0,c.zip)([(0,c.fromEvent)(window,R).pipe((0,c.filter)(t=>!!t.detail.component.uuid&&!!e.id&&t.detail.component.id===e.id&&t.detail.component.uuid!==e.uuid),(0,c.map)(e=>e.detail.component),(0,c.take)(1)),(0,c.of)(e).pipe((0,c.tap)(()=>{window.dispatchEvent(new CustomEvent(L,{detail:{id:e.id,callerID:e.uuid}}))}))]).pipe((0,c.map)(([e])=>e),(0,c.timeout)(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)`}];n.element.animate(i,{duration:250,delay:10,easing:`cubic-bezier(0.455, 0.03, 0.515, 0.955)`}).onfinish=()=>{n.element.style.zIndex=r,n.element.style.transformOrigin=``}},this.flipRequests.pipe((0,c.bufferTime)(1),(0,c.map)(e=>e.map(({from:e,to:t,host:n},r)=>({from:e,to:t,host:n,i:r}))),(0,c.concatMap)(e=>(0,c.zip)(e.map(e=>(0,c.of)(this.flip(e)))))).subscribe()}};function B(e){return(0,c.interval)(50).pipe((0,l.map)(()=>e.getBoundingClientRect()),(0,l.distinctUntilChanged)((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),(0,l.take)(1))}var V=class extends e.s{constructor(...e){super(...e),this.uuid=Math.floor(Math.random()*Date.now()),this.delay=0,this.debugging=!1}static{this.styles=[f.css``]}get _slottedChildren(){return this.shadowRoot.querySelector(`slot`).assignedElements({flatten:!0})}connectedCallback(){if(this.id===void 0)throw Error(`id is required`);super.connectedCallback(),(0,c.merge)((0,c.fromEvent)(window,n.b).pipe((0,c.tap)({next:()=>{this.dispatchEvent(new CustomEvent(n.x,{detail:{component:this},bubbles:!0,composed:!0}))}})),(0,c.fromEvent)(window,L).pipe((0,c.tap)({next:e=>{e.detail.id===this.id&&this.uuid&&e.detail.callerID!==this.uuid&&this.dispatchEvent(new CustomEvent(R,{detail:{component:this},bubbles:!0,composed:!0}))}}))).pipe((0,c.takeUntil)(this.disconnecting)).subscribe()}async firstUpdated(){(0,c.of)(z.activeTeleportations.get(this.id)).pipe((0,c.filter)(e=>!!e),(0,c.takeUntil)(this.disconnecting),(0,c.throwIfEmpty)()).subscribe({next:e=>{this.style.setProperty(`visibility`,`hidden`),B(this).pipe((0,c.takeUntil)(this.disconnecting)).subscribe({next:t=>{z.activeTeleportations.set(this.id,t),z.flipRequests.next({from:{rect:e},to:{rect:t,element:this._slottedChildren[0]},host:this})}})},error:()=>{this.style.setProperty(`visibility`,`visible`),B(this).pipe((0,c.takeUntil)(this.disconnecting)).subscribe({next:e=>{z.activeTeleportations.set(this.id,e)}})},complete:()=>{}})}render(){return f.html`<slot></slot>`}};t.t([(0,d.property)({type:Number,reflect:!0})],V.prototype,`uuid`,void 0),t.t([(0,d.property)({type:String})],V.prototype,`id`,void 0),t.t([(0,d.property)({type:Number})],V.prototype,`delay`,void 0),V=t.t([(0,d.customElement)(`schmancy-teleport`)],V),Object.defineProperty(exports,`C`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`S`,{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,`T`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`_`,{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return I}}),Object.defineProperty(exports,`b`,{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return M}}),Object.defineProperty(exports,`d`,{enumerable:!0,get:function(){return O}}),Object.defineProperty(exports,`f`,{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,`g`,{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,`h`,{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return z}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return A}}),Object.defineProperty(exports,`m`,{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return R}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return F}}),Object.defineProperty(exports,`p`,{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return L}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return P}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return V}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return j}}),Object.defineProperty(exports,`v`,{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,`w`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`x`,{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,`y`,{enumerable:!0,get:function(){return b}});