@mhmo91/schmancy 0.10.42 → 0.10.44

package/dist/{src-DGDTkOvC.js → src-Bo-vvN6m.js}

@@ -1,69 +1,70 @@
-import { t as e, u as t } from "./SchmancyElement-OG71FtNv.js";
-import "./mixins-bCEXbwJV.js";
-import { S as n, b as r, x as i } from "./area-DtCNCb8w.js";
-import "./state-DMd_FUeA.js";
-import "./audio-DdN76ikW.js";
-import "./autocomplete-UNOknYUz.js";
-import { S as a } from "./directives-BL7mzVsA.js";
-import { n as o } from "./theme.service-Dv_55nfE.js";
-import { o as s } from "./overlay.service-BXPgS7ay.js";
-import "./boat-BZah1Sf9.js";
-import "./busy-DzXyO0z6.js";
+import { t as e, u as t } from "./SchmancyElement-Ob9yGkiG.js";
+import "./mixins-q4KAL8Xr.js";
+import { S as n, b as r, x as i } from "./area-MxLAyWgV.js";
+import "./state-DBA_gzJO.js";
+import "./audio-B_0PGwYC.js";
+import "./autocomplete-DV9RxCun.js";
+import { S as a } from "./directives-Dj8jlv-Q.js";
+import { n as o } from "./theme.service-D94nm7Bf.js";
+import { o as s } from "./overlay.service-BuUeti6X.js";
+import "./boat-DoZGgQ0P.js";
+import "./busy-g4LoQmhB.js";
 import "./button.js";
-import "./card-C6ijJZpF.js";
-import "./checkbox-7vEPZuGC.js";
-import "./chips-DF7akwz7.js";
+import "./calendar-kCe5LaBa.js";
+import "./card-CS_hYJbz.js";
+import "./checkbox-Bjp7kWuE.js";
+import "./chips-DACeW7YL.js";
 import "./connectivity.js";
-import "./date-range-C13_R3OA.js";
-import "./date-range-inline-BnOD-ddB.js";
+import "./date-range-CDF_5ju_.js";
+import "./date-range-inline-D6Ozerzw.js";
 import "./delay.js";
-import "./details-ByF66CyY.js";
+import "./details-Ct1_GwKr.js";
 import "./discovery.js";
-import "./divider-gYuz0zDU.js";
+import "./divider-BJHW3q11.js";
 import "./dropdown.js";
-import "./expand-cZ8rfCWP.js";
+import "./expand-BT8mOu8Q.js";
 import "./fab.js";
-import "./float-zn3DgXBT.js";
+import "./float-BQcxj3i_.js";
 import "./window.js";
 import "./input.js";
-import "./radio-group-bZtZHOj_.js";
+import "./radio-group-Drpl6Pl8.js";
 import "./range.js";
-import { t as c } from "./theme.interface-odQEpZZH.js";
-import "./select-CU3X-PIa.js";
+import { t as c } from "./theme.interface-B7caS5cg.js";
+import "./select-CTXkrrVZ.js";
 import "./switch.js";
-import "./textarea-kkYNk1ET.js";
+import "./textarea-BjDx1w2g.js";
 import "./form.js";
-import "./icons-Dup5skuk.js";
-import "./iframe-Xc3EPMZT.js";
-import "./notification-DFKRMmSq.js";
+import "./icons-DEJnIxml.js";
+import "./iframe-V3S-bwEY.js";
+import "./notification-COhUhUCr.js";
 import "./json.js";
 import "./layout.js";
-import "./lightbox-CH-y3rYB.js";
-import "./list-DrsawQ5R.js";
-import "./menu-CsY5lMqY.js";
+import "./lightbox-DIG0VLOK.js";
+import "./list-NrOYDPBo.js";
+import "./menu-B1Ei9SVj.js";
 import "./navigation-rail.js";
-import "./option-Ct0lGdH3.js";
-import "./overlay-Bh8Q_R01.js";
+import "./option-BIzgTbXz.js";
+import "./overlay-LoRRemny.js";
 import "./progress.js";
-import "./rxjs-utils-d-ivVN84.js";
+import "./rxjs-utils-JMFdgQSl.js";
 import "./slider.js";
 import "./steps.js";
 import "./surface.js";
 import "./table.js";
-import "./tabs-4T_4kCf-.js";
-import "./theme-DwQBl6sr.js";
-import "./theme-button-BD8anzsZ.js";
+import "./tabs-BYhFWnsx.js";
+import "./theme-Dvm5J8nh.js";
+import "./theme-button-Bko5ohFP.js";
 import "./tooltip.js";
 import "./tree.js";
 import { SchmancyEvents as l } from "./types.js";
 import "./typewriter.js";
 import "./typography.js";
-import "./utils-H8wNknWC.js";
+import "./utils-dSPH7Oh9.js";
 import "./avatar.js";
 import "./breadcrumb.js";
 import "./kbd.js";
 import "./skeleton.js";
-import "./splash-screen-emCLYoVl.js";
+import "./splash-screen-DANfqvlo.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, 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";
@@ -77,12 +78,12 @@ var j = class extends e {
 	}
 	static {
 		this.styles = [k`
-	:host {
-		display: inline-flex;
-		flex-shrink: 0;
-		width: fit-content;
-	}
-`];
+			:host {
+				display: inline-flex;
+				flex-shrink: 0;
+				width: fit-content;
+			}
+		`];
 	}
 	render() {
 		let e = this.size === "xs" ? "text-xs px-1.5 py-0.5" : this.size === "sm" ? "text-xs px-2 py-0.5" : "text-sm px-2.5 py-0.5", t = this.shape === "rounded" ? "rounded-md" : "rounded-full", n = {
@@ -213,13 +214,13 @@ var xe = new class {
 	}
 	static {
 		this.styles = [k`
-	:host {
-		position: relative;
-		inset: 0;
-		display: block;
-		overflow: hidden;
-	}
-`];
+			:host {
+				position: relative;
+				inset: 0;
+				display: block;
+				overflow: hidden;
+			}
+		`];
 	}
 	firstUpdated() {
 		this.setupResizeListener(), this.setupToggleListener(), this.setupRenderListener();
@@ -279,11 +280,11 @@ t([w({ context: L })], R.prototype, "minWidth", void 0), t([w({ context: P }), E
 var z = class extends e {
 	static {
 		this.styles = [k`
-	:host {
-		display: block;
-		overflow: hidden;
-	}
-`];
+			:host {
+				display: block;
+				overflow: hidden;
+			}
+		`];
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.minWidth ? this.drawerMinWidth.main = this.minWidth : this.minWidth = this.drawerMinWidth.main;
@@ -330,10 +331,10 @@ t([E({ type: Number })], z.prototype, "minWidth", void 0), t([S({
 var B = class extends e {
 	static {
 		this.styles = [k`
-	:host {
-		overflow: scroll;
-	}
-`];
+			:host {
+				overflow: scroll;
+			}
+		`];
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.minWidth ? this.drawerMinWidth.sheet = this.minWidth : this.minWidth = this.drawerMinWidth.sheet;
@@ -444,12 +445,12 @@ var Ce = new class {
 }(), we = Ce, V = class extends e {
 	static {
 		this.styles = [k`
-	:host {
-		display: block;
-		width: 100%;
-		min-width: 0;
-	}
-`];
+			:host {
+				display: block;
+				width: 100%;
+				min-width: 0;
+			}
+		`];
 	}
 	render() {
 		return A`<slot></slot>`;
@@ -459,13 +460,13 @@ V = t([T("schmancy-nav-drawer-appbar")], V);
 var H = class extends e {
 	static {
 		this.styles = [k`
-	:host {
-		display: block;
-		position: relative;
-		inset: 0;
-		overflow-y: auto;
-	}
-`];
+			:host {
+				display: block;
+				position: relative;
+				inset: 0;
+				overflow-y: auto;
+			}
+		`];
 	}
 	connectedCallback() {
 		super.connectedCallback(), p(this, "scroll").pipe(_(this.disconnecting)).subscribe((e) => {
@@ -490,25 +491,25 @@ var U, W = C("push"), G = C("close"), K = class extends e {
 	}
 	static {
 		this.styles = [k`
-	: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 {
+				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([data-ready]) {
+				visibility: visible;
+			}
 
-	:host([fullscreen]) {
-		grid-template-columns: 1fr;
-	}
-`];
+			:host([fullscreen]) {
+				grid-template-columns: 1fr;
+			}
+		`];
 	}
 	static {
 		this.BREAKPOINTS = {
@@ -650,59 +651,59 @@ var Y = class extends e {
 	}
 	static {
 		this.styles = [k`
-	:host {
-		display: flex;
-		flex: 1;
-		min-width: 48px;
-		max-width: 168px;
-		user-select: none;
-		-webkit-tap-highlight-color: transparent;
-	}
+			:host {
+				display: flex;
+				flex: 1;
+				min-width: 48px;
+				max-width: 168px;
+				user-select: none;
+				-webkit-tap-highlight-color: transparent;
+			}
 
-	:host([disabled]) {
-		pointer-events: none;
-	}
+			: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 {
+				font-family: inherit;
+				border: none;
+				background: none;
+				width: 100%;
+				padding: 0;
+				margin: 0;
+				text-align: center;
+				color: inherit;
+			}
 
-	button:focus {
-		outline: none;
-	}
+			button:focus {
+				outline: none;
+			}
 
-	button:focus-visible {
-		outline: 2px solid var(--focus-color);
-		outline-offset: 2px;
-		border-radius: 8px;
-	}
+			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 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;
-	}
-`];
+			.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;
@@ -795,7 +796,6 @@ var Y = class extends e {
 		})}
 							></span>
 						`)}
-
 					${r ? A`<slot name="icon"></slot>` : this.icon ? A`
 									<schmancy-icon
 										.fill=${+!!this.active}
@@ -805,38 +805,36 @@ var Y = class extends e {
 									>
 										${this.icon}
 									</schmancy-icon>
-							  ` : e ? A`<slot></slot>` : ""}
+								` : e ? A`<slot></slot>` : ""}
 				</div>
 
 				<!-- Label below icon -->
-				${!this.hideLabels && this.label ? A`
-					<span class=${this.classMap({
+				${!this.hideLabels && this.label ? A` <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>
-				` : ""}
+		})}>${this.label}</span> ` : ""}
 
 				<!-- Badge -->
 				${n ? A`
-					<span
-						class=${this.classMap(s)}
-						aria-label="${t} notifications"
-						${a({
+							<span
+								class=${this.classMap(s)}
+								aria-label="${t} notifications"
+								${a({
 			bgColor: c.sys.color.error.default,
 			color: c.sys.color.error.on
 		})}
-					>
-						<span class="text-[10px] font-medium leading-none">${t}</span>
-					</span>
-				` : this.badge ? A`
-					<span
-						class=${this.classMap(s)}
-						aria-label="Has notifications"
-						${a({ bgColor: c.sys.color.error.default })}
-					></span>
-				` : ""}
+							>
+								<span class="text-[10px] font-medium leading-none">${t}</span>
+							</span>
+						` : this.badge ? A`
+								<span
+									class=${this.classMap(s)}
+									aria-label="Has notifications"
+									${a({ bgColor: c.sys.color.error.default })}
+								></span>
+							` : ""}
 			</button>
 		`;
 	}
@@ -893,27 +891,27 @@ var X = class extends e {
 	}
 	static {
 		this.styles = [k`
-	:host {
-		display: block;
-		transition: transform 0.3s ease-in-out;
-	}
+			: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);
-	}
+			: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 */
-	}
+			/* 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;
-	}
-`];
+			/* Accessibility focus indicators */
+			:host(:focus-within) {
+				outline: 2px solid var(--schmancy-sys-color-primary);
+				outline-offset: -2px;
+			}
+		`];
 	}
 	get activeIndex() {
 		return this.activeIndex$.value;