@mhmo91/schmancy 0.5.15 → 0.5.17

package/dist/extra.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./timezone-x0pwBUeY.cjs");Object.defineProperty(exports,"SchmancyCountriesSelect",{enumerable:!0,get:()=>e.SchmancyCountriesSelect}),Object.defineProperty(exports,"SchmancyTimezonesSelect",{enumerable:!0,get:()=>e.SchmancyTimezonesSelect});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./timezone-rlLAZj3d.cjs");Object.defineProperty(exports,"SchmancyCountriesSelect",{enumerable:!0,get:()=>e.SchmancyCountriesSelect}),Object.defineProperty(exports,"SchmancyTimezonesSelect",{enumerable:!0,get:()=>e.SchmancyTimezonesSelect});
 //# sourceMappingURL=extra.cjs.map

package/dist/extra.js

@@ -1,4 +1,4 @@
-import { S as a, a as S } from "./timezone-yNMzGKcG.js";
+import { S as a, a as S } from "./timezone-DLT-JgjX.js";
 export {
   a as SchmancyCountriesSelect,
   S as SchmancyTimezonesSelect

package/dist/{flex-Cg5SoOrW.js → flex-C7Ni7BpJ.js}

@@ -1,12 +1,12 @@
-import { unsafeCSS as P, html as m, css as j } from "lit";
-import { property as t, customElement as v, queryAssignedElements as W, query as C } from "lit/decorators.js";
-import { classMap as z } from "lit/directives/class-map.js";
-import { styleMap as B } from "lit/directives/style-map.js";
-import { fromEvent as k, map as S, startWith as E, distinctUntilChanged as H, takeUntil as x, debounceTime as O, filter as R } from "rxjs";
-import { T } from "./tailwind.mixin-DKOm1J34.js";
-var $ = Object.defineProperty, i = (e, o, p, l) => {
+import { unsafeCSS as x, html as m, css as j } from "lit";
+import { property as t, customElement as v, queryAssignedElements as C } from "lit/decorators.js";
+import { classMap as W } from "lit/directives/class-map.js";
+import { styleMap as z } from "lit/directives/style-map.js";
+import { fromEvent as k, map as S, startWith as B, distinctUntilChanged as E, takeUntil as P, debounceTime as O, filter as H } from "rxjs";
+import { T } from "./tailwind.mixin-mrbxk0Dc.js";
+var R = Object.defineProperty, i = (e, o, p, l) => {
   for (var n, s = void 0, a = e.length - 1; a >= 0; a--) (n = e[a]) && (s = n(o, p, s) || s);
-  return s && $(o, p, s), s;
+  return s && R(o, p, s), s;
 };
 const w = class w extends T() {
   constructor() {
@@ -19,9 +19,9 @@ const w = class w extends T() {
 w.styles = [w.styles];
 let r = w;
 i([t({ type: Boolean })], r.prototype, "center"), i([t({ type: String })], r.prototype, "padding"), i([t({ type: String })], r.prototype, "margin"), i([t({ type: String })], r.prototype, "width"), i([t({ type: String })], r.prototype, "height"), i([t({ type: String })], r.prototype, "minWidth"), i([t({ type: String })], r.prototype, "minHeight"), i([t({ type: String })], r.prototype, "maxWidth"), i([t({ type: String })], r.prototype, "maxHeight"), i([t({ type: String })], r.prototype, "display"), i([t({ type: String })], r.prototype, "overflow"), i([t({ type: String })], r.prototype, "overflowX"), i([t({ type: String })], r.prototype, "overflowY"), i([t({ type: String })], r.prototype, "position"), i([t({ type: String })], r.prototype, "top"), i([t({ type: String })], r.prototype, "right"), i([t({ type: String })], r.prototype, "bottom"), i([t({ type: String })], r.prototype, "left"), i([t({ type: String })], r.prototype, "inset"), i([t({ type: String })], r.prototype, "zIndex"), i([t({ type: String })], r.prototype, "border"), i([t({ type: String })], r.prototype, "borderTop"), i([t({ type: String })], r.prototype, "borderRight"), i([t({ type: String })], r.prototype, "borderBottom"), i([t({ type: String })], r.prototype, "borderLeft"), i([t({ type: String })], r.prototype, "borderColor"), i([t({ type: String })], r.prototype, "borderRadius"), i([t({ type: String })], r.prototype, "borderWidth"), i([t({ type: String })], r.prototype, "boxShadow"), i([t({ type: String })], r.prototype, "opacity"), i([t({ type: String })], r.prototype, "background"), i([t({ type: String })], r.prototype, "backgroundImage"), i([t({ type: String })], r.prototype, "backgroundPosition"), i([t({ type: String })], r.prototype, "backgroundSize"), i([t({ type: String })], r.prototype, "backgroundRepeat"), i([t({ type: String })], r.prototype, "backgroundAttachment"), i([t({ type: String })], r.prototype, "backgroundColor"), i([t({ type: String })], r.prototype, "backgroundClip"), i([t({ type: String })], r.prototype, "backgroundOrigin"), i([t({ type: String })], r.prototype, "backgroundBlendMode"), i([t({ type: String })], r.prototype, "filter"), i([t({ type: String })], r.prototype, "backdropFilter");
-var M = Object.defineProperty, I = Object.getOwnPropertyDescriptor, b = (e, o, p, l) => {
-  for (var n, s = l > 1 ? void 0 : l ? I(o, p) : o, a = e.length - 1; a >= 0; a--) (n = e[a]) && (s = (l ? n(o, p, s) : n(s)) || s);
-  return l && s && M(o, p, s), s;
+var $ = Object.defineProperty, M = Object.getOwnPropertyDescriptor, f = (e, o, p, l) => {
+  for (var n, s = l > 1 ? void 0 : l ? M(o, p) : o, a = e.length - 1; a >= 0; a--) (n = e[a]) && (s = (l ? n(o, p, s) : n(s)) || s);
+  return l && s && $(o, p, s), s;
 };
 let d = class extends r {
   constructor() {
@@ -30,23 +30,23 @@ let d = class extends r {
   render() {
     const e = { flex: !0, "flex-col": this.flow === "row", "flex-col-reverse": this.flow === "row-reverse", "flex-row": this.flow === "col", "flex-row-reverse": this.flow === "col-reverse", "flex-wrap": this.wrap === "wrap", "flex-wrap-reverse": this.wrap === "wrap-reverse", "flex-nowrap": this.wrap === "nowrap", "items-start": this.align === "start", "items-center": this.align === "center", "items-end": this.align === "end", "items-stretch": this.align === "stretch", "justify-baseline": this.align === "baseline", "justify-center": this.justify === "center", "justify-end": this.justify === "end", "justify-start": this.justify === "start", "justify-stretch": this.justify === "stretch", "justify-between": this.justify === "between", "gap-0": this.gap === "none", "gap-2": this.gap === "sm", "gap-4": this.gap === "md", "gap-8": this.gap === "lg" };
     return m`
-			<section class=${z(e)} style=${B({})}>
+			<section class=${W(e)} style=${z({})}>
 				<slot></slot>
 			</section>
 		`;
   }
 };
-d.styles = [r.styles, P(":host{display:block;background-color:inherit}")], b([t({ type: String, reflect: !0 })], d.prototype, "flow", 2), b([t({ type: String, reflect: !0 })], d.prototype, "wrap", 2), b([t({ type: String, reflect: !0 })], d.prototype, "align", 2), b([t({ type: String, reflect: !0 })], d.prototype, "justify", 2), b([t({ type: String, reflect: !0 })], d.prototype, "gap", 2), d = b([v("schmancy-flex")], d);
-var L = Object.defineProperty, D = Object.getOwnPropertyDescriptor, c = (e, o, p, l) => {
-  for (var n, s = l > 1 ? void 0 : l ? D(o, p) : o, a = e.length - 1; a >= 0; a--) (n = e[a]) && (s = (l ? n(o, p, s) : n(s)) || s);
-  return l && s && L(o, p, s), s;
+d.styles = [r.styles, x(":host{display:block;background-color:inherit}")], f([t({ type: String, reflect: !0 })], d.prototype, "flow", 2), f([t({ type: String, reflect: !0 })], d.prototype, "wrap", 2), f([t({ type: String, reflect: !0 })], d.prototype, "align", 2), f([t({ type: String, reflect: !0 })], d.prototype, "justify", 2), f([t({ type: String, reflect: !0 })], d.prototype, "gap", 2), d = f([v("schmancy-flex")], d);
+var I = Object.defineProperty, L = Object.getOwnPropertyDescriptor, y = (e, o, p, l) => {
+  for (var n, s = l > 1 ? void 0 : l ? L(o, p) : o, a = e.length - 1; a >= 0; a--) (n = e[a]) && (s = (l ? n(o, p, s) : n(s)) || s);
+  return l && s && I(o, p, s), s;
 };
 let h = class extends r {
   constructor() {
     super(...arguments), this.layout = !0, this.flow = "row", this.align = "stretch", this.justify = "stretch", this.content = "stretch", this.gap = "none", this.wrap = !1;
   }
   firstUpdated() {
-    this.rcols && k(window, "resize").pipe(S((e) => e.target), E(1), S(() => this.clientWidth ? this.clientWidth : window.innerWidth), H(), x(this.disconnecting), O(10), S((e) => {
+    this.rcols && k(window, "resize").pipe(S((e) => e.target), B(1), S(() => this.clientWidth ? this.clientWidth : window.innerWidth), E(), P(this.disconnecting), O(10), S((e) => {
       let o;
       return this.rcols?.["2xl"] && e >= 1536 ? o = this.rcols?.["2xl"] : this.rcols?.xl && e >= 1280 ? o = this.rcols?.xl : this.rcols?.lg && e >= 1024 ? o = this.rcols?.lg : this.rcols?.md && e >= 768 ? o = this.rcols?.md : this.rcols?.sm && e >= 640 ? o = this.rcols?.sm : this.rcols?.xs && e < 640 && (o = this.rcols?.xs), o;
     })).subscribe((e) => {
@@ -62,43 +62,56 @@ let h = class extends r {
 		`;
   }
 };
-h.styles = [r.styles, P(":host{height:max-content;width:-webkit-fill-available;display:block}")], c([t({ type: String })], h.prototype, "flow", 2), c([t({ type: String })], h.prototype, "align", 2), c([t({ type: String })], h.prototype, "justify", 2), c([t({ type: String })], h.prototype, "content", 2), c([t({ type: String })], h.prototype, "gap", 2), c([t({ type: String })], h.prototype, "cols", 2), c([t({ type: String })], h.prototype, "rows", 2), c([t({ type: Object })], h.prototype, "rcols", 2), c([t({ type: Boolean })], h.prototype, "wrap", 2), c([W()], h.prototype, "assignedElements", 2), h = c([v("schmancy-grid")], h);
-var U = Object.defineProperty, A = Object.getOwnPropertyDescriptor, u = (e, o, p, l) => {
-  for (var n, s = l > 1 ? void 0 : l ? A(o, p) : o, a = e.length - 1; a >= 0; a--) (n = e[a]) && (s = (l ? n(o, p, s) : n(s)) || s);
-  return l && s && U(o, p, s), s;
+h.styles = [r.styles, x(":host{height:max-content;width:-webkit-fill-available;display:block}")], y([t({ type: String })], h.prototype, "flow", 2), y([t({ type: String })], h.prototype, "align", 2), y([t({ type: String })], h.prototype, "justify", 2), y([t({ type: String })], h.prototype, "content", 2), y([t({ type: String })], h.prototype, "gap", 2), y([t({ type: String })], h.prototype, "cols", 2), y([t({ type: String })], h.prototype, "rows", 2), y([t({ type: Object })], h.prototype, "rcols", 2), y([t({ type: Boolean })], h.prototype, "wrap", 2), y([C()], h.prototype, "assignedElements", 2), h = y([v("schmancy-grid")], h);
+var A = Object.defineProperty, D = Object.getOwnPropertyDescriptor, u = (e, o, p, l) => {
+  for (var n, s = l > 1 ? void 0 : l ? D(o, p) : o, a = e.length - 1; a >= 0; a--) (n = e[a]) && (s = (l ? n(o, p, s) : n(s)) || s);
+  return l && s && A(o, p, s), s;
 };
-let f = class extends T(j`
+let b = class extends T(j`
 	:host {
 		height: 100%;
 		width: 100%;
-		overflow: hidden;
 		box-sizing: border-box; /* Ensures proper sizing */
 		display: block;
 		position: relative;
 		inset: 0px;
+		scroll-behavior: smooth;
+		overscroll-behavior: contain;
 	}
-	.scrollbar-hide {
+	:host([hide]) {
 		-ms-overflow-style: none; /* IE and Edge */
 		scrollbar-width: none; /* Firefox */
 	}
-	.scrollbar-hide::-webkit-scrollbar {
+	:host([hide])::-webkit-scrollbar {
 		display: none; /* Chrome, Safari, and Opera */
 	}
 `) {
   constructor() {
     super(...arguments), this.hide = !1, this.direction = "both", this.debounce = 10;
   }
+  get scroller() {
+    return this;
+  }
   scrollTo(e, o) {
     this.scroller && (typeof e == "number" ? this.scroller.scrollTo({ top: e, behavior: o ? "smooth" : "auto" }) : e ? this.scroller.scrollTo(e) : this.scroller.scrollTo({ top: 0, left: 0, behavior: "auto" }));
   }
   scrollToLeft(e, o = "auto") {
     this.scroller && this.scroller.scrollTo({ left: e, behavior: o });
   }
+  connectedCallback() {
+    super.connectedCallback(), this.updateScrollingStyles(), this.setAttribute("part", "scroller");
+  }
+  updateScrollingStyles() {
+    this.direction === "horizontal" ? (this.style.setProperty("overflow-y", "hidden"), this.style.setProperty("overflow-x", "auto")) : this.direction === "vertical" ? (this.style.setProperty("overflow-y", "auto"), this.style.setProperty("overflow-x", "hidden")) : (this.style.setProperty("overflow-y", "auto"), this.style.setProperty("overflow-x", "auto"));
+  }
+  updated(e) {
+    super.updated(e), e.has("direction") && this.updateScrollingStyles();
+  }
   firstUpdated() {
-    k(this.scroller, "scroll", { passive: !0 }).pipe(O(this.debounce), x(this.disconnecting)).subscribe((e) => {
+    k(this.scroller, "scroll", { passive: !0 }).pipe(O(this.debounce), P(this.disconnecting)).subscribe((e) => {
       const o = this.scroller.scrollTop, p = this.scroller.scrollHeight, l = this.scroller.clientHeight, n = this.scroller.scrollLeft, s = this.scroller.scrollWidth, a = this.scroller.clientWidth;
       this.dispatchEvent(new CustomEvent("scroll", { detail: { scrollTop: o, scrollHeight: p, clientHeight: l, e, scrollLeft: n, scrollWidth: s, clientWidth: a }, bubbles: !0, composed: !0 }));
-    }), k(window, "@schmancy:scrollTo").pipe(R((e) => this.name !== void 0 && e.detail.name === this.name), x(this.disconnecting)).subscribe((e) => {
+    }), k(window, "@schmancy:scrollTo").pipe(H((e) => this.name !== void 0 && e.detail.name === this.name), P(this.disconnecting)).subscribe((e) => {
       if (e.detail.action === "scrollTo" && typeof e.detail.top == "number") {
         const o = { behavior: "smooth", top: e.detail.top };
         typeof e.detail.left == "number" && (o.left = e.detail.left), this.scrollTo(o);
@@ -106,22 +119,15 @@ let f = class extends T(j`
     });
   }
   render() {
-    const e = { "h-full w-full inset-0 scroll-smooth overscroll-contain": !0, "overflow-y-auto": this.direction !== "horizontal", "overflow-y-hidden": this.direction === "horizontal", "overflow-x-auto": this.direction !== "vertical", "overflow-x-hidden": this.direction === "vertical", "scrollbar-hide": this.hide };
-    return m`
-			<div class="relative inset-0 h-full w-full overscroll-none">
-				<div id="scroller" part="scroller" class=${this.classMap(e)}>
-					<slot></slot>
-				</div>
-			</div>
-		`;
+    return m`<slot></slot>`;
   }
 };
-u([t({ type: Boolean, reflect: !0 })], f.prototype, "hide", 2), u([t({ type: String, reflect: !0 })], f.prototype, "name", 2), u([t({ type: String, reflect: !0 })], f.prototype, "direction", 2), u([C("#scroller")], f.prototype, "scroller", 2), u([t({ type: Number })], f.prototype, "debounce", 2), f = u([v("schmancy-scroll")], f);
-var F = Object.defineProperty, X = Object.getOwnPropertyDescriptor, g = (e, o, p, l) => {
-  for (var n, s = l > 1 ? void 0 : l ? X(o, p) : o, a = e.length - 1; a >= 0; a--) (n = e[a]) && (s = (l ? n(o, p, s) : n(s)) || s);
-  return l && s && F(o, p, s), s;
+u([t({ type: Boolean, reflect: !0 })], b.prototype, "hide", 2), u([t({ type: String, reflect: !0 })], b.prototype, "name", 2), u([t({ type: String, reflect: !0 })], b.prototype, "direction", 2), u([t({ type: Number })], b.prototype, "debounce", 2), b = u([v("schmancy-scroll")], b);
+var U = Object.defineProperty, F = Object.getOwnPropertyDescriptor, g = (e, o, p, l) => {
+  for (var n, s = l > 1 ? void 0 : l ? F(o, p) : o, a = e.length - 1; a >= 0; a--) (n = e[a]) && (s = (l ? n(o, p, s) : n(s)) || s);
+  return l && s && U(o, p, s), s;
 };
-let y = class extends r {
+let c = class extends r {
   constructor() {
     super(...arguments), this.inline = !1, this.flow = "row", this.wrap = "wrap", this.align = "stretch", this.justify = "start", this.gap = "none";
   }
@@ -223,15 +229,15 @@ let y = class extends r {
 		`;
   }
 };
-y.styles = [r.styles, j`
+c.styles = [r.styles, j`
 			:host {
 				display: block;
 			}
-		`], g([t({ type: Boolean, reflect: !0 })], y.prototype, "inline", 2), g([t({ type: String, reflect: !0 })], y.prototype, "flow", 2), g([t({ type: String, reflect: !0 })], y.prototype, "wrap", 2), g([t({ type: String, reflect: !0 })], y.prototype, "align", 2), g([t({ type: String, reflect: !0 })], y.prototype, "justify", 2), g([t({ type: String, reflect: !0 })], y.prototype, "content", 2), g([t({ type: String, reflect: !0 })], y.prototype, "gap", 2), y = g([v("sch-flex")], y);
+		`], g([t({ type: Boolean, reflect: !0 })], c.prototype, "inline", 2), g([t({ type: String, reflect: !0 })], c.prototype, "flow", 2), g([t({ type: String, reflect: !0 })], c.prototype, "wrap", 2), g([t({ type: String, reflect: !0 })], c.prototype, "align", 2), g([t({ type: String, reflect: !0 })], c.prototype, "justify", 2), g([t({ type: String, reflect: !0 })], c.prototype, "content", 2), g([t({ type: String, reflect: !0 })], c.prototype, "gap", 2), c = g([v("sch-flex")], c);
 export {
   d as S,
   h as a,
-  f as b,
-  y as c
+  b,
+  c
 };
-//# sourceMappingURL=flex-Cg5SoOrW.js.map
+//# sourceMappingURL=flex-C7Ni7BpJ.js.map

package/dist/flex-C7Ni7BpJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flex-C7Ni7BpJ.js","sources":["../src/layout/layout.ts","../src/layout/flex/flex.ts","../src/layout/grid/grid.ts","../src/layout/scroll/scroll.ts","../src/layout/v2/flex.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { property } from 'lit/decorators.js'\n\n/**\n * @deprecated Use Tailwind CSS utility classes directly on HTML elements instead of this base class.\n * This component will be removed in a future version.\n * \n * Migration guide:\n * - Use inline styles or Tailwind utility classes for layout properties\n * - Replace properties like padding, margin, width, etc. with their CSS equivalents\n * \n * @class Layout\n */\nexport default class Layout extends TailwindElement() {\n\tstatic styles = [this.styles]\n\tlayout = true\n\t@property({ type: Boolean }) center: boolean | undefined = undefined\n\t@property({ type: String }) padding: string | undefined\n\t@property({ type: String }) margin: string | undefined\n\t@property({ type: String }) width: string | undefined\n\t@property({ type: String }) height: string | undefined\n\t@property({ type: String }) minWidth: string | undefined\n\t@property({ type: String }) minHeight: string | undefined\n\t@property({ type: String }) maxWidth: string | undefined\n\t@property({ type: String }) maxHeight: string | undefined\n\t@property({ type: String }) display:\n\t\t| 'block'\n\t\t| 'inline-block'\n\t\t| 'inline'\n\t\t| 'flex'\n\t\t| 'inline-flex'\n\t\t| 'grid'\n\t\t| 'inline-grid'\n\t\t| 'table'\n\t\t| 'inline-table'\n\t\t| 'flow-root'\n\t\t| 'none'\n\t\t| undefined = undefined\n\t@property({ type: String }) overflow: 'visible' | 'hidden' | 'scroll' | 'auto' | undefined = undefined\n\t@property({ type: String }) overflowX: 'visible' | 'hidden' | 'scroll' | 'auto' | undefined = undefined\n\t@property({ type: String }) overflowY: 'visible' | 'hidden' | 'scroll' | 'auto' | undefined = undefined\n\t@property({ type: String }) position: 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky' | undefined = undefined\n\t@property({ type: String }) top: string | undefined\n\t@property({ type: String }) right: string | undefined\n\t@property({ type: String }) bottom: string | undefined\n\t@property({ type: String }) left: string | undefined\n\t@property({ type: String }) inset: string | undefined\n\t@property({ type: String }) zIndex: string | undefined\n\n\t@property({ type: String }) border: string | undefined\n\t@property({ type: String }) borderTop: string | undefined\n\t@property({ type: String }) borderRight: string | undefined\n\t@property({ type: String }) borderBottom: string | undefined\n\t@property({ type: String }) borderLeft: string | undefined\n\t@property({ type: String }) borderColor: string | undefined\n\t@property({ type: String }) borderRadius: string | undefined\n\t@property({ type: String }) borderWidth: string | undefined\n\n\t@property({ type: String }) boxShadow: string | undefined\n\t@property({ type: String }) opacity: string | undefined\n\t@property({ type: String }) background: string | undefined\n\t@property({ type: String }) backgroundImage: string | undefined\n\t@property({ type: String }) backgroundPosition: string | undefined\n\t@property({ type: String }) backgroundSize: string | undefined\n\t@property({ type: String }) backgroundRepeat: string | undefined\n\t@property({ type: String }) backgroundAttachment: string | undefined\n\t@property({ type: String }) backgroundColor: string | undefined\n\t@property({ type: String }) backgroundClip: string | undefined\n\t@property({ type: String }) backgroundOrigin: string | undefined\n\t@property({ type: String }) backgroundBlendMode: string | undefined\n\t@property({ type: String }) filter: string | undefined\n\t@property({ type: String }) backdropFilter: string | undefined\n\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tthis.style.setProperty('padding', this.padding ?? '')\n\t\tthis.style.setProperty('margin', this.margin ?? '')\n\t\tthis.style.setProperty('width', this.width ?? '')\n\t\tthis.style.setProperty('height', this.height ?? '')\n\t\tthis.style.setProperty('min-width', this.minWidth ?? '')\n\t\tthis.style.setProperty('min-height', this.minHeight ?? '')\n\t\tthis.style.setProperty('max-width', this.maxWidth ?? '')\n\t\tthis.style.setProperty('max-height', this.maxHeight ?? '')\n\t\tthis.style.setProperty('display', this.display ?? '')\n\t\tthis.style.setProperty('overflow', this.overflow ?? '')\n\t\tthis.style.setProperty('overflow-x', this.overflowX ?? '')\n\t\tthis.style.setProperty('overflow-y', this.overflowY ?? '')\n\t\tthis.style.setProperty('position', this.position ?? '')\n\t\tthis.style.setProperty('top', this.top ?? '')\n\t\tthis.style.setProperty('right', this.right ?? '')\n\t\tthis.style.setProperty('bottom', this.bottom ?? '')\n\t\tthis.style.setProperty('left', this.left ?? '')\n\t\tthis.style.setProperty('inset', this.inset ?? '')\n\t\tthis.style.setProperty('z-index', this.zIndex ?? '')\n\t\tthis.style.setProperty('border', this.border ?? '')\n\t\tthis.style.setProperty('border-top', this.borderTop ?? '')\n\t\tthis.style.setProperty('border-right', this.borderRight ?? '')\n\t\tthis.style.setProperty('border-bottom', this.borderBottom ?? '')\n\t\tthis.style.setProperty('border-left', this.borderLeft ?? '')\n\t\tthis.style.setProperty('border-color', this.borderColor ?? '')\n\t\tthis.style.setProperty('border-radius', this.borderRadius ?? '')\n\t\tthis.style.setProperty('border-width', this.borderWidth ?? '')\n\t\tthis.style.setProperty('box-shadow', this.boxShadow ?? '')\n\t\tthis.style.setProperty('opacity', this.opacity ?? '')\n\t\tthis.style.setProperty('background', this.background ?? '')\n\t\tthis.style.setProperty('background-image', this.backgroundImage ?? '')\n\t\tthis.style.setProperty('background-position', this.backgroundPosition ?? '')\n\t\tthis.style.setProperty('background-size', this.backgroundSize ?? '')\n\t\tthis.style.setProperty('background-repeat', this.backgroundRepeat ?? '')\n\t\tthis.style.setProperty('background-attachment', this.backgroundAttachment ?? '')\n\t\tthis.style.setProperty('background-color', this.backgroundColor ?? '')\n\t\tthis.style.setProperty('background-clip', this.backgroundClip ?? '')\n\t\tthis.style.setProperty('background-origin', this.backgroundOrigin ?? '')\n\t\tthis.style.setProperty('background-blend-mode', this.backgroundBlendMode ?? '')\n\t\tthis.style.setProperty('filter', this.filter ?? '')\n\t\tthis.style.setProperty('backdrop-filter', this.backdropFilter ?? '')\n\t\tif (this.center) {\n\t\t\tthis.style.setProperty('margin-left', 'auto')\n\t\t\tthis.style.setProperty('margin-right', 'auto')\n\t\t}\n\t}\n}\n","import { html, unsafeCSS } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { styleMap } from 'lit/directives/style-map.js'\nimport Layout from '../layout'\nimport style from './flex.scss?inline'\n\n/**\n * @deprecated Use Tailwind CSS flex classes directly instead of this component.\n * This component will be removed in a future version.\n * \n * Migration guide:\n * - Replace <schmancy-flex> with <div class=\"flex ...\">\n * - Use Tailwind's flex utilities: flex-row, flex-col, gap-*, items-*, justify-*, etc.\n * \n * @element schmancy-flex\n */\n@customElement('schmancy-flex')\nexport class SchmancyFlex extends Layout {\n\tstatic styles = [Layout.styles, unsafeCSS(style)]\n\tlayout = true\n\t@property({ type: String, reflect: true }) flow: 'row' | 'row-reverse' | 'col' | 'col-reverse' = 'col'\n\t@property({ type: String, reflect: true }) wrap: 'wrap' | 'nowrap' | 'wrap-reverse' = 'wrap'\n\t@property({ type: String, reflect: true }) align: 'start' | 'center' | 'end' | 'stretch' | 'baseline' = 'start'\n\t@property({ type: String, reflect: true }) justify: 'start' | 'center' | 'end' | 'stretch' | 'between' = 'start'\n\t@property({ type: String, reflect: true }) gap: 'none' | 'sm' | 'md' | 'lg' = 'none'\n\n\trender() {\n\t\tconst classes = {\n\t\t\tflex: true,\n\t\t\t// Direction\n\t\t\t'flex-col': this.flow === 'row',\n\t\t\t'flex-col-reverse': this.flow === 'row-reverse',\n\t\t\t'flex-row': this.flow === 'col',\n\t\t\t'flex-row-reverse': this.flow === 'col-reverse',\n\t\t\t// Wrap\n\t\t\t'flex-wrap': this.wrap === 'wrap',\n\t\t\t'flex-wrap-reverse': this.wrap === 'wrap-reverse',\n\t\t\t'flex-nowrap': this.wrap === 'nowrap',\n\t\t\t// Align\n\t\t\t'items-start': this.align === 'start',\n\t\t\t'items-center': this.align === 'center',\n\t\t\t'items-end': this.align === 'end',\n\t\t\t'items-stretch': this.align === 'stretch',\n\t\t\t'justify-baseline': this.align === 'baseline',\n\n\t\t\t// Justify\n\t\t\t'justify-center': this.justify === 'center',\n\t\t\t'justify-end': this.justify === 'end',\n\t\t\t'justify-start': this.justify === 'start',\n\t\t\t'justify-stretch': this.justify === 'stretch',\n\t\t\t'justify-between': this.justify === 'between',\n\n\t\t\t// Gap\n\t\t\t'gap-0': this.gap === 'none',\n\t\t\t'gap-2': this.gap === 'sm',\n\t\t\t'gap-4': this.gap === 'md',\n\t\t\t'gap-8': this.gap === 'lg',\n\t\t}\n\n\t\tconst styles = {}\n\t\treturn html`\n\t\t\t<section class=${classMap(classes)} style=${styleMap(styles)}>\n\t\t\t\t<slot></slot>\n\t\t\t</section>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-flex': SchmancyFlex\n\t}\n}\n","import { html, unsafeCSS } from 'lit'\nimport { customElement, property, queryAssignedElements } from 'lit/decorators.js'\nimport { debounceTime, distinctUntilChanged, fromEvent, map, startWith, takeUntil } from 'rxjs'\nimport Layout from '../layout'\nimport style from './grid.scss?inline'\n\n/**\n * @deprecated Use Tailwind CSS grid classes directly instead of this component.\n * This component will be removed in a future version.\n * \n * Migration guide:\n * - Replace <schmancy-grid> with <div class=\"grid ...\">\n * - Use Tailwind's grid utilities: grid-cols-*, gap-*, items-*, justify-items-*, etc.\n * \n * @element schmancy-grid\n */\n@customElement('schmancy-grid')\nexport class SchmancyGrid extends Layout {\n\tstatic styles = [Layout.styles, unsafeCSS(style)]\n\tlayout = true\n\t@property({ type: String }) flow: 'row' | 'col' | 'dense' | 'row-dense' | 'col-dense' = 'row'\n\t@property({ type: String }) align: 'start' | 'center' | 'end' | 'stretch' | 'baseline' = 'stretch'\n\t@property({ type: String }) justify: 'start' | 'center' | 'end' | 'stretch' = 'stretch'\n\t@property({ type: String }) content: 'start' | 'center' | 'end' | 'stretch' | 'around' | 'evenly' | 'between' =\n\t\t'stretch'\n\t@property({ type: String }) gap: 'none' | 'xs' | 'sm' | 'md' | 'lg' = 'none'\n\n\t@property({ type: String }) cols?: string\n\t@property({ type: String }) rows?: string\n\t@property({ type: Object }) rcols?: {\n\t\txs?: string | number\n\t\tsm?: string | number\n\t\tmd?: string | number\n\t\tlg?: string | number\n\t\txl?: string | number\n\t\t'2xl'?: string | number\n\t}\n\n\t@property({ type: Boolean }) wrap = false\n\n\t@queryAssignedElements() assignedElements!: HTMLElement[]\n\n\tfirstUpdated() {\n\t\tif (this.rcols)\n\t\t\tfromEvent<CustomEvent>(window, 'resize')\n\t\t\t\t.pipe(\n\t\t\t\t\tmap(event => event.target as Window),\n\t\t\t\t\tstartWith(1),\n\t\t\t\t\tmap(() => (this.clientWidth ? this.clientWidth : window.innerWidth)),\n\t\t\t\t\tdistinctUntilChanged(),\n\t\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t\t\tdebounceTime(10),\n\t\t\t\t\tmap(w => {\n\t\t\t\t\t\tlet cols\n\t\t\t\t\t\tif (this.rcols?.['2xl'] && w >= 1536) cols = this.rcols?.['2xl']\n\t\t\t\t\t\telse if (this.rcols?.xl && w >= 1280) cols = this.rcols?.xl\n\t\t\t\t\t\telse if (this.rcols?.lg && w >= 1024) cols = this.rcols?.lg\n\t\t\t\t\t\telse if (this.rcols?.md && w >= 768) cols = this.rcols?.md\n\t\t\t\t\t\telse if (this.rcols?.sm && w >= 640) cols = this.rcols?.sm\n\t\t\t\t\t\telse if (this.rcols?.xs && w < 640) cols = this.rcols?.xs\n\t\t\t\t\t\treturn cols\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t\t.subscribe(cols => {\n\t\t\t\t\tthis.cols = cols\n\t\t\t\t})\n\t}\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'h-full': true,\n\t\t\t'grid flex-1': true,\n\t\t\t// flow classes: https://tailwindcss.com/docs/grid-auto-flow\n\t\t\t'grid-flow-row auto-rows-max': this.flow === 'row',\n\t\t\t'grid-flow-col auto-cols-max': this.flow === 'col',\n\t\t\t'grid-flow-row-dense': this.flow === 'row-dense',\n\t\t\t'grid-flow-col-dense': this.flow === 'col-dense',\n\t\t\t'grid-flow-dense': this.flow === 'dense',\n\n\t\t\t'justify-center': this.content === 'center',\n\t\t\t'justify-end': this.content === 'end',\n\t\t\t'justify-start': this.content === 'start',\n\t\t\t'justify-stretch': this.content === 'stretch',\n\t\t\t'justify-between': this.content === 'between',\n\t\t\t'justify-around': this.content === 'around',\n\t\t\t'justify-evenly': this.content === 'evenly',\n\n\t\t\t'justify-items-center': this.justify === 'center',\n\t\t\t'justify-items-end': this.justify === 'end',\n\t\t\t'justify-items-start': this.justify === 'start',\n\t\t\t'justify-items-stretch': this.justify === 'stretch',\n\t\t\t'items-center': this.align === 'center',\n\t\t\t'items-end': this.align === 'end',\n\t\t\t'items-start': this.align === 'start',\n\t\t\t'items-stretch': this.align === 'stretch',\n\t\t\t'items-baseline': this.align === 'baseline',\n\t\t\t'gap-0': this.gap === 'none',\n\t\t\t'gap-1': this.gap === 'xs',\n\t\t\t'gap-2': this.gap === 'sm',\n\t\t\t'gap-4': this.gap === 'md',\n\t\t\t'gap-8': this.gap === 'lg',\n\t\t\t'flex-nowrap': this.wrap,\n\t\t\t'flex-wrap': !this.wrap,\n\t\t}\n\t\tconst style = {\n\t\t\tgridTemplateRows: this.rows ? this.rows : undefined,\n\t\t\tgridTemplateColumns: this.cols ? this.cols : undefined,\n\t\t}\n\t\treturn html`\n\t\t\t<section class=\"${this.classMap(classes)}\" style=${this.styleMap(style)}>\n\t\t\t\t<slot> </slot>\n\t\t\t</section>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-grid': SchmancyGrid\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { debounceTime, filter, fromEvent, takeUntil } from 'rxjs'\n\n/**\n * Custom scroll event interface for the SchmancyScroll component.\n * Contains detailed information about the scroll state.\n */\nexport interface SchmancyScrollEvent\n\textends CustomEvent<{\n\t\t/** Current scroll position from the top */\n\t\tscrollTop: number\n\t\t/** Total scrollable height of the content */\n\t\tscrollHeight: number\n\t\t/** Visible height of the container */\n\t\tclientHeight: number\n\t\t/** Original scroll event */\n\t\te: Event\n\t\t/** Current scroll position from the left (for horizontal scrolling) */\n\t\tscrollLeft?: number\n\t\t/** Total scrollable width of the content (for horizontal scrolling) */\n\t\tscrollWidth?: number\n\t\t/** Visible width of the container (for horizontal scrolling) */\n\t\tclientWidth?: number\n\t}> {}\n\n/**\n * Command event interface for controlling SchmancyScroll components\n */\nexport interface SchmancyScrollCommandEvent\n\textends CustomEvent<{\n\t\t/** Target component name */\n\t\tname: string\n\t\t/** Command action to perform */\n\t\taction: 'scrollTo'\n\t\t/** Scroll position for scrollTo action */\n\t\ttop: number\n\t\t/** Horizontal scroll position for scrollTo action (optional) */\n\t\tleft?: number\n\t}> {}\n\n// Augment the HTMLElementEventMap to include our custom events\ndeclare global {\n\tinterface HTMLElementEventMap {\n\t\tscroll: SchmancyScrollEvent\n\t\t'schmancy-scroll-command': SchmancyScrollCommandEvent\n\t}\n}\n\n/**\n * A custom scrollable container with enhanced features.\n *\n * @fires {SchmancyScrollEvent} scroll - Fired when scrolling occurs (with a configurable debounce)\n * @slot - Default slot for content to be scrolled\n * @csspart scroller - The inner scrollable div element\n *\n * @example\n * ```html\n * <schmancy-scroll hide name=\"main-content\">\n *   <div>Scrollable content goes here</div>\n * </schmancy-scroll>\n * ```\n *\n * @example\n * ```html\n * <schmancy-scroll direction=\"horizontal\" hide name=\"image-carousel\">\n *   <div class=\"flex\">\n *     <img src=\"image1.jpg\" alt=\"Image 1\">\n *     <img src=\"image2.jpg\" alt=\"Image 2\">\n *   </div>\n * </schmancy-scroll>\n * ```\n */\n@customElement('schmancy-scroll')\nexport class SchmancyScroll extends TailwindElement(css`\n\t:host {\n\t\theight: 100%;\n\t\twidth: 100%;\n\t\tbox-sizing: border-box; /* Ensures proper sizing */\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\tinset: 0px;\n\t\tscroll-behavior: smooth;\n\t\toverscroll-behavior: contain;\n\t}\n\t:host([hide]) {\n\t\t-ms-overflow-style: none; /* IE and Edge */\n\t\tscrollbar-width: none; /* Firefox */\n\t}\n\t:host([hide])::-webkit-scrollbar {\n\t\tdisplay: none; /* Chrome, Safari, and Opera */\n\t}\n`) {\n\t/**\n\t * Determines whether the scrollbar is hidden.\n\t *\n\t * When `hide` is true, the host element's scrollbars are hidden\n\t * in supported browsers using CSS.\n\t *\n\t * @attr hide\n\t * @example <schmancy-scroll hide></schmancy-scroll>\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tpublic hide = false\n\n\t/**\n\t * Optional name identifier for the component.\n\t * Used for targeting this specific component with global events.\n\t *\n\t * @attr name\n\t * @example <schmancy-scroll name=\"main-content\"></schmancy-scroll>\n\t */\n\t@property({ type: String, reflect: true })\n\tpublic name?: string\n\n\t/**\n\t * Direction of scrolling: vertical, horizontal, or both.\n\t * - vertical: Only allows vertical scrolling\n\t * - horizontal: Only allows horizontal scrolling\n\t * - both: Allows both horizontal and vertical scrolling (default)\n\t *\n\t * @attr direction\n\t * @example <schmancy-scroll direction=\"horizontal\"></schmancy-scroll>\n\t */\n\t@property({ type: String, reflect: true })\n\tpublic direction: 'vertical' | 'horizontal' | 'both' = 'both'\n\n\t/**\n\t * Reference to the scrollable element (the host element itself)\n\t * @public\n\t */\n\tget scroller(): HTMLElement {\n\t\treturn this\n\t}\n\n\t/**\n\t * Debounce time in milliseconds for the scroll event.\n\t * Higher values reduce the frequency of scroll events being dispatched.\n\t *\n\t * @attr debounce\n\t * @example <schmancy-scroll debounce=\"50\"></schmancy-scroll>\n\t */\n\t@property({ type: Number })\n\tpublic debounce = 10\n\n\t/**\n\t * Scrolls the container to the specified position\n\t * @param options - ScrollToOptions or a number representing the top position\n\t * @param top - For backward compatibility, if options is a number, this is treated as \"behavior\"\n\t */\n\tpublic override scrollTo(options?: ScrollToOptions | number, top?: number): void {\n\t\tif (!this.scroller) return\n\n\t\tif (typeof options === 'number') {\n\t\t\t// Legacy support for scrollTo(top, behavior)\n\t\t\tthis.scroller.scrollTo({\n\t\t\t\ttop: options,\n\t\t\t\tbehavior: top ? 'smooth' : 'auto',\n\t\t\t})\n\t\t} else if (options) {\n\t\t\tthis.scroller.scrollTo(options)\n\t\t} else {\n\t\t\tthis.scroller.scrollTo({\n\t\t\t\ttop: 0,\n\t\t\t\tleft: 0,\n\t\t\t\tbehavior: 'auto',\n\t\t\t})\n\t\t}\n\t}\n\n\t/**\n\t * Scrolls the container horizontally to the specified position\n\t * @param left - The horizontal position to scroll to (in pixels)\n\t * @param behavior - The scroll behavior ('auto' or 'smooth')\n\t */\n\tpublic scrollToLeft(left: number, behavior: ScrollBehavior = 'auto'): void {\n\t\tif (this.scroller) {\n\t\t\tthis.scroller.scrollTo({\n\t\t\t\tleft,\n\t\t\t\tbehavior,\n\t\t\t})\n\t\t}\n\t}\n\n\t/**\n\t * Called when the component is connected to the DOM\n\t * Applies scrolling styles directly to the host element\n\t * @protected\n\t */\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tthis.updateScrollingStyles()\n\t\t// Set the part attribute on the host element\n\t\tthis.setAttribute('part', 'scroller')\n\t}\n\n\t/**\n\t * Updates the overflow styles based on the direction property\n\t * @private\n\t */\n\tprivate updateScrollingStyles(): void {\n\t\t// Apply overflow styles based on direction\n\t\tif (this.direction === 'horizontal') {\n\t\t\tthis.style.setProperty('overflow-y', 'hidden')\n\t\t\tthis.style.setProperty('overflow-x', 'auto')\n\t\t} else if (this.direction === 'vertical') {\n\t\t\tthis.style.setProperty('overflow-y', 'auto')\n\t\t\tthis.style.setProperty('overflow-x', 'hidden')\n\t\t} else {\n\t\t\t// both\n\t\t\tthis.style.setProperty('overflow-y', 'auto')\n\t\t\tthis.style.setProperty('overflow-x', 'auto')\n\t\t}\n\t}\n\n\t/**\n\t * Called when properties change\n\t * @protected\n\t */\n\tprotected updated(changedProperties: Map<string | number | symbol, unknown>): void {\n\t\tsuper.updated(changedProperties)\n\t\t// Update styles if direction changes\n\t\tif (changedProperties.has('direction')) {\n\t\t\tthis.updateScrollingStyles()\n\t\t}\n\t}\n\n\t/**\n\t * Called after the component's first update\n\t * Sets up the scroll event listener with debouncing\n\t * @protected\n\t */\n\tprotected firstUpdated(): void {\n\t\t// Set up scroll event listening with debounce\n\t\tfromEvent(this.scroller, 'scroll', {\n\t\t\tpassive: true,\n\t\t})\n\t\t\t.pipe(\n\t\t\t\tdebounceTime(this.debounce),\n\t\t\t\ttakeUntil(this.disconnecting), // Unsubscribe when the element is destroyed\n\t\t\t)\n\t\t\t.subscribe(e => {\n\t\t\t\t// Always include the original required properties for backward compatibility\n\t\t\t\tconst scrollTop = this.scroller.scrollTop\n\t\t\t\tconst scrollHeight = this.scroller.scrollHeight\n\t\t\t\tconst clientHeight = this.scroller.clientHeight\n\n\t\t\t\t// Include horizontal scroll information as optional properties\n\t\t\t\tconst scrollLeft = this.scroller.scrollLeft\n\t\t\t\tconst scrollWidth = this.scroller.scrollWidth\n\t\t\t\tconst clientWidth = this.scroller.clientWidth\n\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent('scroll', {\n\t\t\t\t\t\tdetail: {\n\t\t\t\t\t\t\t// Original required properties first\n\t\t\t\t\t\t\tscrollTop,\n\t\t\t\t\t\t\tscrollHeight,\n\t\t\t\t\t\t\tclientHeight,\n\t\t\t\t\t\t\te,\n\t\t\t\t\t\t\t// New optional properties last\n\t\t\t\t\t\t\tscrollLeft,\n\t\t\t\t\t\t\tscrollWidth,\n\t\t\t\t\t\t\tclientWidth,\n\t\t\t\t\t\t},\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}) as SchmancyScrollEvent,\n\t\t\t\t)\n\t\t\t})\n\n\t\t// Set up global command event listener\n\t\tfromEvent<SchmancyScrollCommandEvent>(window, '@schmancy:scrollTo')\n\t\t\t.pipe(\n\t\t\t\t// Only process events targeting this component by name\n\t\t\t\tfilter(e => this.name !== undefined && e.detail.name === this.name),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(e => {\n\t\t\t\tif (e.detail.action === 'scrollTo' && typeof e.detail.top === 'number') {\n\t\t\t\t\tconst options: ScrollToOptions = {\n\t\t\t\t\t\tbehavior: 'smooth',\n\t\t\t\t\t\ttop: e.detail.top, // Required for backward compatibility\n\t\t\t\t\t}\n\n\t\t\t\t\t// Add optional left position if provided\n\t\t\t\t\tif (typeof e.detail.left === 'number') {\n\t\t\t\t\t\toptions.left = e.detail.left\n\t\t\t\t\t}\n\n\t\t\t\t\tthis.scrollTo(options)\n\t\t\t\t}\n\t\t\t})\n\t}\n\n\t/**\n\t * Renders the component template\n\t * @returns {TemplateResult} The template to render\n\t * @protected\n\t */\n\tprotected render() {\n\t\t// Only render the slot, all styling is applied to the host\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-scroll': SchmancyScroll\n\t}\n}\n","import { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport Layout from '../layout'\n\n/**\n * @deprecated Use Tailwind CSS flex classes directly instead of this component.\n * This component will be removed in a future version.\n * \n * Migration guide:\n * - Replace <sch-flex> with <div class=\"flex ...\">\n * - Use Tailwind's flex utilities: flex-row, flex-col, gap-*, items-*, justify-*, etc.\n * \n * Original documentation:\n * \n * SchmancyFlex exposes a flex container with all the Tailwind CSS 4 options:\n *\n * - **Display**: By default uses `flex` but can be set to inline using the `inline` property.\n * - **Flow**: Accepts 'row', 'row-reverse', 'col', 'col-reverse' as well as grid‐like dense variants:\n *    - Dense variants (`row-dense`, `col-dense`) force wrapping.\n * - **Wrap**: 'wrap', 'nowrap', or 'wrap-reverse'\n * - **Align Items**: 'start', 'center', 'end', 'stretch', or 'baseline'\n * - **Justify Content**: 'start', 'center', 'end', 'between', 'around', or 'evenly'\n * - **Align Content** (for multi-line flex containers): 'start', 'center', 'end', 'between', 'around', or 'evenly'\n * - **Gap**: Supports Tailwind’s spacing scale (e.g. 'none', '0', '1', '2', …, '64')\n */\n@customElement('sch-flex')\nexport class SchmancyFlexV2 extends Layout {\n\tstatic styles = [\n\t\tLayout.styles,\n\t\tcss`\n\t\t\t:host {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t`,\n\t]\n\t// If true, the container will use inline-flex instead of flex.\n\t@property({ type: Boolean, reflect: true })\n\tinline = false\n\n\t/**\n\t * Flow property that determines the flex direction.\n\t * Allowed values:\n\t *  - Standard: 'row', 'row-reverse', 'col', 'col-reverse'\n\t *  - Dense variants: 'row-dense', 'col-dense' (dense implies wrapping)\n\t */\n\t@property({ type: String, reflect: true })\n\tflow: 'row' | 'row-reverse' | 'col' | 'col-reverse' | 'row-dense' | 'col-dense' = 'row'\n\n\t/**\n\t * Flex-wrap options:\n\t *  - 'wrap', 'nowrap', or 'wrap-reverse'\n\t */\n\t@property({ type: String, reflect: true })\n\twrap: 'wrap' | 'nowrap' | 'wrap-reverse' = 'wrap'\n\n\t/**\n\t * Align-items (vertical alignment of flex items):\n\t *  - 'start', 'center', 'end', 'stretch', or 'baseline'\n\t */\n\t@property({ type: String, reflect: true })\n\talign: 'start' | 'center' | 'end' | 'stretch' | 'baseline' = 'stretch'\n\n\t/**\n\t * Justify-content (horizontal distribution):\n\t *  - 'start', 'center', 'end', 'between', 'around', or 'evenly'\n\t */\n\t@property({ type: String, reflect: true })\n\tjustify: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly' = 'start'\n\n\t/**\n\t * Align-content (spacing between rows when wrapping):\n\t *  - 'start', 'center', 'end', 'between', 'around', or 'evenly'\n\t */\n\t@property({ type: String, reflect: true })\n\tcontent?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly'\n\n\t/**\n\t * Gap between flex items.\n\t * Options (based on Tailwind CSS 4 spacing scale):\n\t *  - 'none', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '12', '16', '20', '24', '32', '40', '48', '56', or '64'\n\t */\n\t@property({ type: String, reflect: true })\n\tgap:\n\t\t| 'none'\n\t\t| '0'\n\t\t| '1'\n\t\t| '2'\n\t\t| '3'\n\t\t| '4'\n\t\t| '5'\n\t\t| '6'\n\t\t| '7'\n\t\t| '8'\n\t\t| '9'\n\t\t| '10'\n\t\t| '12'\n\t\t| '16'\n\t\t| '20'\n\t\t| '24'\n\t\t| '32'\n\t\t| '40'\n\t\t| '48'\n\t\t| '56'\n\t\t| '64' = 'none'\n\n\trender() {\n\t\t// Determine whether to use inline-flex or flex.\n\t\tconst baseDisplay = this.inline ? 'inline-flex' : 'flex'\n\n\t\t// Map the flow property to a flex-direction class.\n\t\t// (Dense variants use the same class as their standard counterparts.)\n\t\tlet directionClass = ''\n\t\tswitch (this.flow) {\n\t\t\tcase 'row':\n\t\t\tcase 'row-dense':\n\t\t\t\tdirectionClass = 'flex-row'\n\t\t\t\tbreak\n\t\t\tcase 'row-reverse':\n\t\t\t\tdirectionClass = 'flex-row-reverse'\n\t\t\t\tbreak\n\t\t\tcase 'col':\n\t\t\tcase 'col-dense':\n\t\t\t\tdirectionClass = 'flex-col'\n\t\t\t\tbreak\n\t\t\tcase 'col-reverse':\n\t\t\t\tdirectionClass = 'flex-col-reverse'\n\t\t\t\tbreak\n\t\t\tdefault:\n\t\t\t\tdirectionClass = 'flex-row'\n\t\t}\n\n\t\t// Dense variants force wrapping regardless of the wrap property.\n\t\tconst isDense = this.flow === 'row-dense' || this.flow === 'col-dense'\n\t\tconst effectiveWrap = isDense ? 'wrap' : this.wrap\n\n\t\tlet wrapClass = ''\n\t\tswitch (effectiveWrap) {\n\t\t\tcase 'wrap':\n\t\t\t\twrapClass = 'flex-wrap'\n\t\t\t\tbreak\n\t\t\tcase 'nowrap':\n\t\t\t\twrapClass = 'flex-nowrap'\n\t\t\t\tbreak\n\t\t\tcase 'wrap-reverse':\n\t\t\t\twrapClass = 'flex-wrap-reverse'\n\t\t\t\tbreak\n\t\t\tdefault:\n\t\t\t\twrapClass = 'flex-wrap'\n\t\t}\n\n\t\t// Map align-items.\n\t\tlet alignClass = ''\n\t\tswitch (this.align) {\n\t\t\tcase 'start':\n\t\t\t\talignClass = 'items-start'\n\t\t\t\tbreak\n\t\t\tcase 'center':\n\t\t\t\talignClass = 'items-center'\n\t\t\t\tbreak\n\t\t\tcase 'end':\n\t\t\t\talignClass = 'items-end'\n\t\t\t\tbreak\n\t\t\tcase 'stretch':\n\t\t\t\talignClass = 'items-stretch'\n\t\t\t\tbreak\n\t\t\tcase 'baseline':\n\t\t\t\talignClass = 'items-baseline'\n\t\t\t\tbreak\n\t\t\tdefault:\n\t\t\t\talignClass = 'items-stretch'\n\t\t}\n\n\t\t// Map justify-content.\n\t\tlet justifyClass = ''\n\t\tswitch (this.justify) {\n\t\t\tcase 'start':\n\t\t\t\tjustifyClass = 'justify-start'\n\t\t\t\tbreak\n\t\t\tcase 'center':\n\t\t\t\tjustifyClass = 'justify-center'\n\t\t\t\tbreak\n\t\t\tcase 'end':\n\t\t\t\tjustifyClass = 'justify-end'\n\t\t\t\tbreak\n\t\t\tcase 'between':\n\t\t\t\tjustifyClass = 'justify-between'\n\t\t\t\tbreak\n\t\t\tcase 'around':\n\t\t\t\tjustifyClass = 'justify-around'\n\t\t\t\tbreak\n\t\t\tcase 'evenly':\n\t\t\t\tjustifyClass = 'justify-evenly'\n\t\t\t\tbreak\n\t\t\tdefault:\n\t\t\t\tjustifyClass = 'justify-start'\n\t\t}\n\n\t\t// Map align-content (if provided).\n\t\tlet contentClass = ''\n\t\tif (this.content) {\n\t\t\tswitch (this.content) {\n\t\t\t\tcase 'start':\n\t\t\t\t\tcontentClass = 'content-start'\n\t\t\t\t\tbreak\n\t\t\t\tcase 'center':\n\t\t\t\t\tcontentClass = 'content-center'\n\t\t\t\t\tbreak\n\t\t\t\tcase 'end':\n\t\t\t\t\tcontentClass = 'content-end'\n\t\t\t\t\tbreak\n\t\t\t\tcase 'between':\n\t\t\t\t\tcontentClass = 'content-between'\n\t\t\t\t\tbreak\n\t\t\t\tcase 'around':\n\t\t\t\t\tcontentClass = 'content-around'\n\t\t\t\t\tbreak\n\t\t\t\tcase 'evenly':\n\t\t\t\t\tcontentClass = 'content-evenly'\n\t\t\t\t\tbreak\n\t\t\t}\n\t\t}\n\n\t\t// Map gap value.\n\t\tconst gapClass = this.gap === 'none' ? 'gap-0' : `gap-${this.gap}`\n\n\t\t// Build the complete list of classes.\n\t\tconst classes = [baseDisplay, directionClass, wrapClass, alignClass, justifyClass, contentClass, gapClass]\n\t\t\t.filter(Boolean)\n\t\t\t.join(' ')\n\n\t\treturn html`\n\t\t\t<section class=${classes}>\n\t\t\t\t<slot></slot>\n\t\t\t</section>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'sch-flex': SchmancyFlexV2\n\t}\n}\n"],"names":["Layout","TailwindElement","constructor","super","arguments","this","layout","center","display","overflow","overflowX","overflowY","position","connectedCallback","style","setProperty","padding","margin","width","height","minWidth","minHeight","maxWidth","maxHeight","top","right","bottom","left","inset","zIndex","border","borderTop","borderRight","borderBottom","borderLeft","borderColor","borderRadius","borderWidth","boxShadow","opacity","background","backgroundImage","backgroundPosition","backgroundSize","backgroundRepeat","backgroundAttachment","backgroundColor","backgroundClip","backgroundOrigin","backgroundBlendMode","filter","backdropFilter","styles","_w","__decorateClass","property","type","Boolean","prototype","String","SchmancyFlex","flow","wrap","align","justify","gap","render","classes","flex","html","classMap","styleMap","unsafeCSS","reflect","customElement","SchmancyGrid","content","firstUpdated","rcols","fromEvent","window","pipe","map","event","target","startWith","clientWidth","innerWidth","distinctUntilChanged","takeUntil","disconnecting","debounceTime","w","cols","xl","lg","md","sm","xs","subscribe","gridTemplateRows","rows","gridTemplateColumns","Object","queryAssignedElements","SchmancyScroll","css","hide","direction","debounce","scroller","options","scrollTo","behavior","updateScrollingStyles","setAttribute","changedProperties","updated","has","passive","e","scrollTop","scrollHeight","clientHeight","scrollLeft","scrollWidth","dispatchEvent","CustomEvent","detail","bubbles","composed","name","action","Number","SchmancyFlexV2","inline","baseDisplay","directionClass","wrapClass","alignClass","justifyClass","contentClass","join"],"mappings":"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"}

package/dist/{flex-cYg3mcWd.cjs → flex-CwloHehr.cjs}

@@ -1,36 +1,31 @@
-"use strict";const d=require("lit"),t=require("lit/decorators.js"),b=require("lit/directives/class-map.js"),w=require("lit/directives/style-map.js"),y=require("rxjs"),m=require("./tailwind.mixin-B7AFF4TW.cjs");var S=Object.defineProperty,i=(e,s,n,p)=>{for(var l,o=void 0,c=e.length-1;c>=0;c--)(l=e[c])&&(o=l(s,n,o)||o);return o&&S(s,n,o),o};const u=class u extends m.TailwindElement(){constructor(){super(...arguments),this.layout=!0,this.center=void 0,this.display=void 0,this.overflow=void 0,this.overflowX=void 0,this.overflowY=void 0,this.position=void 0}connectedCallback(){super.connectedCallback(),this.style.setProperty("padding",this.padding??""),this.style.setProperty("margin",this.margin??""),this.style.setProperty("width",this.width??""),this.style.setProperty("height",this.height??""),this.style.setProperty("min-width",this.minWidth??""),this.style.setProperty("min-height",this.minHeight??""),this.style.setProperty("max-width",this.maxWidth??""),this.style.setProperty("max-height",this.maxHeight??""),this.style.setProperty("display",this.display??""),this.style.setProperty("overflow",this.overflow??""),this.style.setProperty("overflow-x",this.overflowX??""),this.style.setProperty("overflow-y",this.overflowY??""),this.style.setProperty("position",this.position??""),this.style.setProperty("top",this.top??""),this.style.setProperty("right",this.right??""),this.style.setProperty("bottom",this.bottom??""),this.style.setProperty("left",this.left??""),this.style.setProperty("inset",this.inset??""),this.style.setProperty("z-index",this.zIndex??""),this.style.setProperty("border",this.border??""),this.style.setProperty("border-top",this.borderTop??""),this.style.setProperty("border-right",this.borderRight??""),this.style.setProperty("border-bottom",this.borderBottom??""),this.style.setProperty("border-left",this.borderLeft??""),this.style.setProperty("border-color",this.borderColor??""),this.style.setProperty("border-radius",this.borderRadius??""),this.style.setProperty("border-width",this.borderWidth??""),this.style.setProperty("box-shadow",this.boxShadow??""),this.style.setProperty("opacity",this.opacity??""),this.style.setProperty("background",this.background??""),this.style.setProperty("background-image",this.backgroundImage??""),this.style.setProperty("background-position",this.backgroundPosition??""),this.style.setProperty("background-size",this.backgroundSize??""),this.style.setProperty("background-repeat",this.backgroundRepeat??""),this.style.setProperty("background-attachment",this.backgroundAttachment??""),this.style.setProperty("background-color",this.backgroundColor??""),this.style.setProperty("background-clip",this.backgroundClip??""),this.style.setProperty("background-origin",this.backgroundOrigin??""),this.style.setProperty("background-blend-mode",this.backgroundBlendMode??""),this.style.setProperty("filter",this.filter??""),this.style.setProperty("backdrop-filter",this.backdropFilter??""),this.center&&(this.style.setProperty("margin-left","auto"),this.style.setProperty("margin-right","auto"))}};u.styles=[u.styles];let r=u;i([t.property({type:Boolean})],r.prototype,"center"),i([t.property({type:String})],r.prototype,"padding"),i([t.property({type:String})],r.prototype,"margin"),i([t.property({type:String})],r.prototype,"width"),i([t.property({type:String})],r.prototype,"height"),i([t.property({type:String})],r.prototype,"minWidth"),i([t.property({type:String})],r.prototype,"minHeight"),i([t.property({type:String})],r.prototype,"maxWidth"),i([t.property({type:String})],r.prototype,"maxHeight"),i([t.property({type:String})],r.prototype,"display"),i([t.property({type:String})],r.prototype,"overflow"),i([t.property({type:String})],r.prototype,"overflowX"),i([t.property({type:String})],r.prototype,"overflowY"),i([t.property({type:String})],r.prototype,"position"),i([t.property({type:String})],r.prototype,"top"),i([t.property({type:String})],r.prototype,"right"),i([t.property({type:String})],r.prototype,"bottom"),i([t.property({type:String})],r.prototype,"left"),i([t.property({type:String})],r.prototype,"inset"),i([t.property({type:String})],r.prototype,"zIndex"),i([t.property({type:String})],r.prototype,"border"),i([t.property({type:String})],r.prototype,"borderTop"),i([t.property({type:String})],r.prototype,"borderRight"),i([t.property({type:String})],r.prototype,"borderBottom"),i([t.property({type:String})],r.prototype,"borderLeft"),i([t.property({type:String})],r.prototype,"borderColor"),i([t.property({type:String})],r.prototype,"borderRadius"),i([t.property({type:String})],r.prototype,"borderWidth"),i([t.property({type:String})],r.prototype,"boxShadow"),i([t.property({type:String})],r.prototype,"opacity"),i([t.property({type:String})],r.prototype,"background"),i([t.property({type:String})],r.prototype,"backgroundImage"),i([t.property({type:String})],r.prototype,"backgroundPosition"),i([t.property({type:String})],r.prototype,"backgroundSize"),i([t.property({type:String})],r.prototype,"backgroundRepeat"),i([t.property({type:String})],r.prototype,"backgroundAttachment"),i([t.property({type:String})],r.prototype,"backgroundColor"),i([t.property({type:String})],r.prototype,"backgroundClip"),i([t.property({type:String})],r.prototype,"backgroundOrigin"),i([t.property({type:String})],r.prototype,"backgroundBlendMode"),i([t.property({type:String})],r.prototype,"filter"),i([t.property({type:String})],r.prototype,"backdropFilter");var v=Object.defineProperty,x=Object.getOwnPropertyDescriptor,g=(e,s,n,p)=>{for(var l,o=p>1?void 0:p?x(s,n):s,c=e.length-1;c>=0;c--)(l=e[c])&&(o=(p?l(s,n,o):l(o))||o);return p&&o&&v(s,n,o),o};exports.SchmancyFlex=class extends r{constructor(){super(...arguments),this.layout=!0,this.flow="col",this.wrap="wrap",this.align="start",this.justify="start",this.gap="none"}render(){const e={flex:!0,"flex-col":this.flow==="row","flex-col-reverse":this.flow==="row-reverse","flex-row":this.flow==="col","flex-row-reverse":this.flow==="col-reverse","flex-wrap":this.wrap==="wrap","flex-wrap-reverse":this.wrap==="wrap-reverse","flex-nowrap":this.wrap==="nowrap","items-start":this.align==="start","items-center":this.align==="center","items-end":this.align==="end","items-stretch":this.align==="stretch","justify-baseline":this.align==="baseline","justify-center":this.justify==="center","justify-end":this.justify==="end","justify-start":this.justify==="start","justify-stretch":this.justify==="stretch","justify-between":this.justify==="between","gap-0":this.gap==="none","gap-2":this.gap==="sm","gap-4":this.gap==="md","gap-8":this.gap==="lg"};return d.html`
-			<section class=${b.classMap(e)} style=${w.styleMap({})}>
+"use strict";const d=require("lit"),t=require("lit/decorators.js"),m=require("lit/directives/class-map.js"),w=require("lit/directives/style-map.js"),c=require("rxjs"),b=require("./tailwind.mixin-DbwoWKIJ.cjs");var S=Object.defineProperty,i=(e,o,l,p)=>{for(var n,s=void 0,y=e.length-1;y>=0;y--)(n=e[y])&&(s=n(o,l,s)||s);return s&&S(o,l,s),s};const u=class u extends b.TailwindElement(){constructor(){super(...arguments),this.layout=!0,this.center=void 0,this.display=void 0,this.overflow=void 0,this.overflowX=void 0,this.overflowY=void 0,this.position=void 0}connectedCallback(){super.connectedCallback(),this.style.setProperty("padding",this.padding??""),this.style.setProperty("margin",this.margin??""),this.style.setProperty("width",this.width??""),this.style.setProperty("height",this.height??""),this.style.setProperty("min-width",this.minWidth??""),this.style.setProperty("min-height",this.minHeight??""),this.style.setProperty("max-width",this.maxWidth??""),this.style.setProperty("max-height",this.maxHeight??""),this.style.setProperty("display",this.display??""),this.style.setProperty("overflow",this.overflow??""),this.style.setProperty("overflow-x",this.overflowX??""),this.style.setProperty("overflow-y",this.overflowY??""),this.style.setProperty("position",this.position??""),this.style.setProperty("top",this.top??""),this.style.setProperty("right",this.right??""),this.style.setProperty("bottom",this.bottom??""),this.style.setProperty("left",this.left??""),this.style.setProperty("inset",this.inset??""),this.style.setProperty("z-index",this.zIndex??""),this.style.setProperty("border",this.border??""),this.style.setProperty("border-top",this.borderTop??""),this.style.setProperty("border-right",this.borderRight??""),this.style.setProperty("border-bottom",this.borderBottom??""),this.style.setProperty("border-left",this.borderLeft??""),this.style.setProperty("border-color",this.borderColor??""),this.style.setProperty("border-radius",this.borderRadius??""),this.style.setProperty("border-width",this.borderWidth??""),this.style.setProperty("box-shadow",this.boxShadow??""),this.style.setProperty("opacity",this.opacity??""),this.style.setProperty("background",this.background??""),this.style.setProperty("background-image",this.backgroundImage??""),this.style.setProperty("background-position",this.backgroundPosition??""),this.style.setProperty("background-size",this.backgroundSize??""),this.style.setProperty("background-repeat",this.backgroundRepeat??""),this.style.setProperty("background-attachment",this.backgroundAttachment??""),this.style.setProperty("background-color",this.backgroundColor??""),this.style.setProperty("background-clip",this.backgroundClip??""),this.style.setProperty("background-origin",this.backgroundOrigin??""),this.style.setProperty("background-blend-mode",this.backgroundBlendMode??""),this.style.setProperty("filter",this.filter??""),this.style.setProperty("backdrop-filter",this.backdropFilter??""),this.center&&(this.style.setProperty("margin-left","auto"),this.style.setProperty("margin-right","auto"))}};u.styles=[u.styles];let r=u;i([t.property({type:Boolean})],r.prototype,"center"),i([t.property({type:String})],r.prototype,"padding"),i([t.property({type:String})],r.prototype,"margin"),i([t.property({type:String})],r.prototype,"width"),i([t.property({type:String})],r.prototype,"height"),i([t.property({type:String})],r.prototype,"minWidth"),i([t.property({type:String})],r.prototype,"minHeight"),i([t.property({type:String})],r.prototype,"maxWidth"),i([t.property({type:String})],r.prototype,"maxHeight"),i([t.property({type:String})],r.prototype,"display"),i([t.property({type:String})],r.prototype,"overflow"),i([t.property({type:String})],r.prototype,"overflowX"),i([t.property({type:String})],r.prototype,"overflowY"),i([t.property({type:String})],r.prototype,"position"),i([t.property({type:String})],r.prototype,"top"),i([t.property({type:String})],r.prototype,"right"),i([t.property({type:String})],r.prototype,"bottom"),i([t.property({type:String})],r.prototype,"left"),i([t.property({type:String})],r.prototype,"inset"),i([t.property({type:String})],r.prototype,"zIndex"),i([t.property({type:String})],r.prototype,"border"),i([t.property({type:String})],r.prototype,"borderTop"),i([t.property({type:String})],r.prototype,"borderRight"),i([t.property({type:String})],r.prototype,"borderBottom"),i([t.property({type:String})],r.prototype,"borderLeft"),i([t.property({type:String})],r.prototype,"borderColor"),i([t.property({type:String})],r.prototype,"borderRadius"),i([t.property({type:String})],r.prototype,"borderWidth"),i([t.property({type:String})],r.prototype,"boxShadow"),i([t.property({type:String})],r.prototype,"opacity"),i([t.property({type:String})],r.prototype,"background"),i([t.property({type:String})],r.prototype,"backgroundImage"),i([t.property({type:String})],r.prototype,"backgroundPosition"),i([t.property({type:String})],r.prototype,"backgroundSize"),i([t.property({type:String})],r.prototype,"backgroundRepeat"),i([t.property({type:String})],r.prototype,"backgroundAttachment"),i([t.property({type:String})],r.prototype,"backgroundColor"),i([t.property({type:String})],r.prototype,"backgroundClip"),i([t.property({type:String})],r.prototype,"backgroundOrigin"),i([t.property({type:String})],r.prototype,"backgroundBlendMode"),i([t.property({type:String})],r.prototype,"filter"),i([t.property({type:String})],r.prototype,"backdropFilter");var x=Object.defineProperty,v=Object.getOwnPropertyDescriptor,g=(e,o,l,p)=>{for(var n,s=p>1?void 0:p?v(o,l):o,y=e.length-1;y>=0;y--)(n=e[y])&&(s=(p?n(o,l,s):n(s))||s);return p&&s&&x(o,l,s),s};exports.SchmancyFlex=class extends r{constructor(){super(...arguments),this.layout=!0,this.flow="col",this.wrap="wrap",this.align="start",this.justify="start",this.gap="none"}render(){const e={flex:!0,"flex-col":this.flow==="row","flex-col-reverse":this.flow==="row-reverse","flex-row":this.flow==="col","flex-row-reverse":this.flow==="col-reverse","flex-wrap":this.wrap==="wrap","flex-wrap-reverse":this.wrap==="wrap-reverse","flex-nowrap":this.wrap==="nowrap","items-start":this.align==="start","items-center":this.align==="center","items-end":this.align==="end","items-stretch":this.align==="stretch","justify-baseline":this.align==="baseline","justify-center":this.justify==="center","justify-end":this.justify==="end","justify-start":this.justify==="start","justify-stretch":this.justify==="stretch","justify-between":this.justify==="between","gap-0":this.gap==="none","gap-2":this.gap==="sm","gap-4":this.gap==="md","gap-8":this.gap==="lg"};return d.html`
+			<section class=${m.classMap(e)} style=${w.styleMap({})}>
 				<slot></slot>
 			</section>
-		`}},exports.SchmancyFlex.styles=[r.styles,d.unsafeCSS(":host{display:block;background-color:inherit}")],g([t.property({type:String,reflect:!0})],exports.SchmancyFlex.prototype,"flow",2),g([t.property({type:String,reflect:!0})],exports.SchmancyFlex.prototype,"wrap",2),g([t.property({type:String,reflect:!0})],exports.SchmancyFlex.prototype,"align",2),g([t.property({type:String,reflect:!0})],exports.SchmancyFlex.prototype,"justify",2),g([t.property({type:String,reflect:!0})],exports.SchmancyFlex.prototype,"gap",2),exports.SchmancyFlex=g([t.customElement("schmancy-flex")],exports.SchmancyFlex);var k=Object.defineProperty,P=Object.getOwnPropertyDescriptor,a=(e,s,n,p)=>{for(var l,o=p>1?void 0:p?P(s,n):s,c=e.length-1;c>=0;c--)(l=e[c])&&(o=(p?l(s,n,o):l(o))||o);return p&&o&&k(s,n,o),o};exports.SchmancyGrid=class extends r{constructor(){super(...arguments),this.layout=!0,this.flow="row",this.align="stretch",this.justify="stretch",this.content="stretch",this.gap="none",this.wrap=!1}firstUpdated(){this.rcols&&y.fromEvent(window,"resize").pipe(y.map(e=>e.target),y.startWith(1),y.map(()=>this.clientWidth?this.clientWidth:window.innerWidth),y.distinctUntilChanged(),y.takeUntil(this.disconnecting),y.debounceTime(10),y.map(e=>{let s;return this.rcols?.["2xl"]&&e>=1536?s=this.rcols?.["2xl"]:this.rcols?.xl&&e>=1280?s=this.rcols?.xl:this.rcols?.lg&&e>=1024?s=this.rcols?.lg:this.rcols?.md&&e>=768?s=this.rcols?.md:this.rcols?.sm&&e>=640?s=this.rcols?.sm:this.rcols?.xs&&e<640&&(s=this.rcols?.xs),s})).subscribe(e=>{this.cols=e})}render(){const e={"h-full":!0,"grid flex-1":!0,"grid-flow-row auto-rows-max":this.flow==="row","grid-flow-col auto-cols-max":this.flow==="col","grid-flow-row-dense":this.flow==="row-dense","grid-flow-col-dense":this.flow==="col-dense","grid-flow-dense":this.flow==="dense","justify-center":this.content==="center","justify-end":this.content==="end","justify-start":this.content==="start","justify-stretch":this.content==="stretch","justify-between":this.content==="between","justify-around":this.content==="around","justify-evenly":this.content==="evenly","justify-items-center":this.justify==="center","justify-items-end":this.justify==="end","justify-items-start":this.justify==="start","justify-items-stretch":this.justify==="stretch","items-center":this.align==="center","items-end":this.align==="end","items-start":this.align==="start","items-stretch":this.align==="stretch","items-baseline":this.align==="baseline","gap-0":this.gap==="none","gap-1":this.gap==="xs","gap-2":this.gap==="sm","gap-4":this.gap==="md","gap-8":this.gap==="lg","flex-nowrap":this.wrap,"flex-wrap":!this.wrap},s={gridTemplateRows:this.rows?this.rows:void 0,gridTemplateColumns:this.cols?this.cols:void 0};return d.html`
-			<section class="${this.classMap(e)}" style=${this.styleMap(s)}>
+		`}},exports.SchmancyFlex.styles=[r.styles,d.unsafeCSS(":host{display:block;background-color:inherit}")],g([t.property({type:String,reflect:!0})],exports.SchmancyFlex.prototype,"flow",2),g([t.property({type:String,reflect:!0})],exports.SchmancyFlex.prototype,"wrap",2),g([t.property({type:String,reflect:!0})],exports.SchmancyFlex.prototype,"align",2),g([t.property({type:String,reflect:!0})],exports.SchmancyFlex.prototype,"justify",2),g([t.property({type:String,reflect:!0})],exports.SchmancyFlex.prototype,"gap",2),exports.SchmancyFlex=g([t.customElement("schmancy-flex")],exports.SchmancyFlex);var k=Object.defineProperty,P=Object.getOwnPropertyDescriptor,a=(e,o,l,p)=>{for(var n,s=p>1?void 0:p?P(o,l):o,y=e.length-1;y>=0;y--)(n=e[y])&&(s=(p?n(o,l,s):n(s))||s);return p&&s&&k(o,l,s),s};exports.SchmancyGrid=class extends r{constructor(){super(...arguments),this.layout=!0,this.flow="row",this.align="stretch",this.justify="stretch",this.content="stretch",this.gap="none",this.wrap=!1}firstUpdated(){this.rcols&&c.fromEvent(window,"resize").pipe(c.map(e=>e.target),c.startWith(1),c.map(()=>this.clientWidth?this.clientWidth:window.innerWidth),c.distinctUntilChanged(),c.takeUntil(this.disconnecting),c.debounceTime(10),c.map(e=>{let o;return this.rcols?.["2xl"]&&e>=1536?o=this.rcols?.["2xl"]:this.rcols?.xl&&e>=1280?o=this.rcols?.xl:this.rcols?.lg&&e>=1024?o=this.rcols?.lg:this.rcols?.md&&e>=768?o=this.rcols?.md:this.rcols?.sm&&e>=640?o=this.rcols?.sm:this.rcols?.xs&&e<640&&(o=this.rcols?.xs),o})).subscribe(e=>{this.cols=e})}render(){const e={"h-full":!0,"grid flex-1":!0,"grid-flow-row auto-rows-max":this.flow==="row","grid-flow-col auto-cols-max":this.flow==="col","grid-flow-row-dense":this.flow==="row-dense","grid-flow-col-dense":this.flow==="col-dense","grid-flow-dense":this.flow==="dense","justify-center":this.content==="center","justify-end":this.content==="end","justify-start":this.content==="start","justify-stretch":this.content==="stretch","justify-between":this.content==="between","justify-around":this.content==="around","justify-evenly":this.content==="evenly","justify-items-center":this.justify==="center","justify-items-end":this.justify==="end","justify-items-start":this.justify==="start","justify-items-stretch":this.justify==="stretch","items-center":this.align==="center","items-end":this.align==="end","items-start":this.align==="start","items-stretch":this.align==="stretch","items-baseline":this.align==="baseline","gap-0":this.gap==="none","gap-1":this.gap==="xs","gap-2":this.gap==="sm","gap-4":this.gap==="md","gap-8":this.gap==="lg","flex-nowrap":this.wrap,"flex-wrap":!this.wrap},o={gridTemplateRows:this.rows?this.rows:void 0,gridTemplateColumns:this.cols?this.cols:void 0};return d.html`
+			<section class="${this.classMap(e)}" style=${this.styleMap(o)}>
 				<slot> </slot>
 			</section>
-		`}},exports.SchmancyGrid.styles=[r.styles,d.unsafeCSS(":host{height:max-content;width:-webkit-fill-available;display:block}")],a([t.property({type:String})],exports.SchmancyGrid.prototype,"flow",2),a([t.property({type:String})],exports.SchmancyGrid.prototype,"align",2),a([t.property({type:String})],exports.SchmancyGrid.prototype,"justify",2),a([t.property({type:String})],exports.SchmancyGrid.prototype,"content",2),a([t.property({type:String})],exports.SchmancyGrid.prototype,"gap",2),a([t.property({type:String})],exports.SchmancyGrid.prototype,"cols",2),a([t.property({type:String})],exports.SchmancyGrid.prototype,"rows",2),a([t.property({type:Object})],exports.SchmancyGrid.prototype,"rcols",2),a([t.property({type:Boolean})],exports.SchmancyGrid.prototype,"wrap",2),a([t.queryAssignedElements()],exports.SchmancyGrid.prototype,"assignedElements",2),exports.SchmancyGrid=a([t.customElement("schmancy-grid")],exports.SchmancyGrid);var j=Object.defineProperty,F=Object.getOwnPropertyDescriptor,f=(e,s,n,p)=>{for(var l,o=p>1?void 0:p?F(s,n):s,c=e.length-1;c>=0;c--)(l=e[c])&&(o=(p?l(s,n,o):l(o))||o);return p&&o&&j(s,n,o),o};exports.SchmancyScroll=class extends m.TailwindElement(d.css`
+		`}},exports.SchmancyGrid.styles=[r.styles,d.unsafeCSS(":host{height:max-content;width:-webkit-fill-available;display:block}")],a([t.property({type:String})],exports.SchmancyGrid.prototype,"flow",2),a([t.property({type:String})],exports.SchmancyGrid.prototype,"align",2),a([t.property({type:String})],exports.SchmancyGrid.prototype,"justify",2),a([t.property({type:String})],exports.SchmancyGrid.prototype,"content",2),a([t.property({type:String})],exports.SchmancyGrid.prototype,"gap",2),a([t.property({type:String})],exports.SchmancyGrid.prototype,"cols",2),a([t.property({type:String})],exports.SchmancyGrid.prototype,"rows",2),a([t.property({type:Object})],exports.SchmancyGrid.prototype,"rcols",2),a([t.property({type:Boolean})],exports.SchmancyGrid.prototype,"wrap",2),a([t.queryAssignedElements()],exports.SchmancyGrid.prototype,"assignedElements",2),exports.SchmancyGrid=a([t.customElement("schmancy-grid")],exports.SchmancyGrid);var j=Object.defineProperty,F=Object.getOwnPropertyDescriptor,f=(e,o,l,p)=>{for(var n,s=p>1?void 0:p?F(o,l):o,y=e.length-1;y>=0;y--)(n=e[y])&&(s=(p?n(o,l,s):n(s))||s);return p&&s&&j(o,l,s),s};exports.SchmancyScroll=class extends b.TailwindElement(d.css`
 	:host {
 		height: 100%;
 		width: 100%;
-		overflow: hidden;
 		box-sizing: border-box; /* Ensures proper sizing */
 		display: block;
 		position: relative;
 		inset: 0px;
+		scroll-behavior: smooth;
+		overscroll-behavior: contain;
 	}
-	.scrollbar-hide {
+	:host([hide]) {
 		-ms-overflow-style: none; /* IE and Edge */
 		scrollbar-width: none; /* Firefox */
 	}
-	.scrollbar-hide::-webkit-scrollbar {
+	:host([hide])::-webkit-scrollbar {
 		display: none; /* Chrome, Safari, and Opera */
 	}
-`){constructor(){super(...arguments),this.hide=!1,this.direction="both",this.debounce=10}scrollTo(e,s){this.scroller&&(typeof e=="number"?this.scroller.scrollTo({top:e,behavior:s?"smooth":"auto"}):e?this.scroller.scrollTo(e):this.scroller.scrollTo({top:0,left:0,behavior:"auto"}))}scrollToLeft(e,s="auto"){this.scroller&&this.scroller.scrollTo({left:e,behavior:s})}firstUpdated(){y.fromEvent(this.scroller,"scroll",{passive:!0}).pipe(y.debounceTime(this.debounce),y.takeUntil(this.disconnecting)).subscribe(e=>{const s=this.scroller.scrollTop,n=this.scroller.scrollHeight,p=this.scroller.clientHeight,l=this.scroller.scrollLeft,o=this.scroller.scrollWidth,c=this.scroller.clientWidth;this.dispatchEvent(new CustomEvent("scroll",{detail:{scrollTop:s,scrollHeight:n,clientHeight:p,e,scrollLeft:l,scrollWidth:o,clientWidth:c},bubbles:!0,composed:!0}))}),y.fromEvent(window,"@schmancy:scrollTo").pipe(y.filter(e=>this.name!==void 0&&e.detail.name===this.name),y.takeUntil(this.disconnecting)).subscribe(e=>{if(e.detail.action==="scrollTo"&&typeof e.detail.top=="number"){const s={behavior:"smooth",top:e.detail.top};typeof e.detail.left=="number"&&(s.left=e.detail.left),this.scrollTo(s)}})}render(){const e={"h-full w-full inset-0 scroll-smooth overscroll-contain":!0,"overflow-y-auto":this.direction!=="horizontal","overflow-y-hidden":this.direction==="horizontal","overflow-x-auto":this.direction!=="vertical","overflow-x-hidden":this.direction==="vertical","scrollbar-hide":this.hide};return d.html`
-			<div class="relative inset-0 h-full w-full overscroll-none">
-				<div id="scroller" part="scroller" class=${this.classMap(e)}>
-					<slot></slot>
-				</div>
-			</div>
-		`}},f([t.property({type:Boolean,reflect:!0})],exports.SchmancyScroll.prototype,"hide",2),f([t.property({type:String,reflect:!0})],exports.SchmancyScroll.prototype,"name",2),f([t.property({type:String,reflect:!0})],exports.SchmancyScroll.prototype,"direction",2),f([t.query("#scroller")],exports.SchmancyScroll.prototype,"scroller",2),f([t.property({type:Number})],exports.SchmancyScroll.prototype,"debounce",2),exports.SchmancyScroll=f([t.customElement("schmancy-scroll")],exports.SchmancyScroll);var T=Object.defineProperty,O=Object.getOwnPropertyDescriptor,h=(e,s,n,p)=>{for(var l,o=p>1?void 0:p?O(s,n):s,c=e.length-1;c>=0;c--)(l=e[c])&&(o=(p?l(s,n,o):l(o))||o);return p&&o&&T(s,n,o),o};exports.SchmancyFlexV2=class extends r{constructor(){super(...arguments),this.inline=!1,this.flow="row",this.wrap="wrap",this.align="stretch",this.justify="start",this.gap="none"}render(){const e=this.inline?"inline-flex":"flex";let s="";switch(this.flow){case"row":case"row-dense":default:s="flex-row";break;case"row-reverse":s="flex-row-reverse";break;case"col":case"col-dense":s="flex-col";break;case"col-reverse":s="flex-col-reverse"}let n="";switch(this.flow==="row-dense"||this.flow==="col-dense"?"wrap":this.wrap){case"wrap":default:n="flex-wrap";break;case"nowrap":n="flex-nowrap";break;case"wrap-reverse":n="flex-wrap-reverse"}let p="";switch(this.align){case"start":p="items-start";break;case"center":p="items-center";break;case"end":p="items-end";break;case"stretch":default:p="items-stretch";break;case"baseline":p="items-baseline"}let l="";switch(this.justify){case"start":default:l="justify-start";break;case"center":l="justify-center";break;case"end":l="justify-end";break;case"between":l="justify-between";break;case"around":l="justify-around";break;case"evenly":l="justify-evenly"}let o="";if(this.content)switch(this.content){case"start":o="content-start";break;case"center":o="content-center";break;case"end":o="content-end";break;case"between":o="content-between";break;case"around":o="content-around";break;case"evenly":o="content-evenly"}const c=[e,s,n,p,l,o,this.gap==="none"?"gap-0":`gap-${this.gap}`].filter(Boolean).join(" ");return d.html`
-			<section class=${c}>
+`){constructor(){super(...arguments),this.hide=!1,this.direction="both",this.debounce=10}get scroller(){return this}scrollTo(e,o){this.scroller&&(typeof e=="number"?this.scroller.scrollTo({top:e,behavior:o?"smooth":"auto"}):e?this.scroller.scrollTo(e):this.scroller.scrollTo({top:0,left:0,behavior:"auto"}))}scrollToLeft(e,o="auto"){this.scroller&&this.scroller.scrollTo({left:e,behavior:o})}connectedCallback(){super.connectedCallback(),this.updateScrollingStyles(),this.setAttribute("part","scroller")}updateScrollingStyles(){this.direction==="horizontal"?(this.style.setProperty("overflow-y","hidden"),this.style.setProperty("overflow-x","auto")):this.direction==="vertical"?(this.style.setProperty("overflow-y","auto"),this.style.setProperty("overflow-x","hidden")):(this.style.setProperty("overflow-y","auto"),this.style.setProperty("overflow-x","auto"))}updated(e){super.updated(e),e.has("direction")&&this.updateScrollingStyles()}firstUpdated(){c.fromEvent(this.scroller,"scroll",{passive:!0}).pipe(c.debounceTime(this.debounce),c.takeUntil(this.disconnecting)).subscribe(e=>{const o=this.scroller.scrollTop,l=this.scroller.scrollHeight,p=this.scroller.clientHeight,n=this.scroller.scrollLeft,s=this.scroller.scrollWidth,y=this.scroller.clientWidth;this.dispatchEvent(new CustomEvent("scroll",{detail:{scrollTop:o,scrollHeight:l,clientHeight:p,e,scrollLeft:n,scrollWidth:s,clientWidth:y},bubbles:!0,composed:!0}))}),c.fromEvent(window,"@schmancy:scrollTo").pipe(c.filter(e=>this.name!==void 0&&e.detail.name===this.name),c.takeUntil(this.disconnecting)).subscribe(e=>{if(e.detail.action==="scrollTo"&&typeof e.detail.top=="number"){const o={behavior:"smooth",top:e.detail.top};typeof e.detail.left=="number"&&(o.left=e.detail.left),this.scrollTo(o)}})}render(){return d.html`<slot></slot>`}},f([t.property({type:Boolean,reflect:!0})],exports.SchmancyScroll.prototype,"hide",2),f([t.property({type:String,reflect:!0})],exports.SchmancyScroll.prototype,"name",2),f([t.property({type:String,reflect:!0})],exports.SchmancyScroll.prototype,"direction",2),f([t.property({type:Number})],exports.SchmancyScroll.prototype,"debounce",2),exports.SchmancyScroll=f([t.customElement("schmancy-scroll")],exports.SchmancyScroll);var T=Object.defineProperty,O=Object.getOwnPropertyDescriptor,h=(e,o,l,p)=>{for(var n,s=p>1?void 0:p?O(o,l):o,y=e.length-1;y>=0;y--)(n=e[y])&&(s=(p?n(o,l,s):n(s))||s);return p&&s&&T(o,l,s),s};exports.SchmancyFlexV2=class extends r{constructor(){super(...arguments),this.inline=!1,this.flow="row",this.wrap="wrap",this.align="stretch",this.justify="start",this.gap="none"}render(){const e=this.inline?"inline-flex":"flex";let o="";switch(this.flow){case"row":case"row-dense":default:o="flex-row";break;case"row-reverse":o="flex-row-reverse";break;case"col":case"col-dense":o="flex-col";break;case"col-reverse":o="flex-col-reverse"}let l="";switch(this.flow==="row-dense"||this.flow==="col-dense"?"wrap":this.wrap){case"wrap":default:l="flex-wrap";break;case"nowrap":l="flex-nowrap";break;case"wrap-reverse":l="flex-wrap-reverse"}let p="";switch(this.align){case"start":p="items-start";break;case"center":p="items-center";break;case"end":p="items-end";break;case"stretch":default:p="items-stretch";break;case"baseline":p="items-baseline"}let n="";switch(this.justify){case"start":default:n="justify-start";break;case"center":n="justify-center";break;case"end":n="justify-end";break;case"between":n="justify-between";break;case"around":n="justify-around";break;case"evenly":n="justify-evenly"}let s="";if(this.content)switch(this.content){case"start":s="content-start";break;case"center":s="content-center";break;case"end":s="content-end";break;case"between":s="content-between";break;case"around":s="content-around";break;case"evenly":s="content-evenly"}const y=[e,o,l,p,n,s,this.gap==="none"?"gap-0":`gap-${this.gap}`].filter(Boolean).join(" ");return d.html`
+			<section class=${y}>
 				<slot></slot>
 			</section>
 		`}},exports.SchmancyFlexV2.styles=[r.styles,d.css`
@@ -38,4 +33,4 @@
 				display: block;
 			}
 		`],h([t.property({type:Boolean,reflect:!0})],exports.SchmancyFlexV2.prototype,"inline",2),h([t.property({type:String,reflect:!0})],exports.SchmancyFlexV2.prototype,"flow",2),h([t.property({type:String,reflect:!0})],exports.SchmancyFlexV2.prototype,"wrap",2),h([t.property({type:String,reflect:!0})],exports.SchmancyFlexV2.prototype,"align",2),h([t.property({type:String,reflect:!0})],exports.SchmancyFlexV2.prototype,"justify",2),h([t.property({type:String,reflect:!0})],exports.SchmancyFlexV2.prototype,"content",2),h([t.property({type:String,reflect:!0})],exports.SchmancyFlexV2.prototype,"gap",2),exports.SchmancyFlexV2=h([t.customElement("sch-flex")],exports.SchmancyFlexV2);
-//# sourceMappingURL=flex-cYg3mcWd.cjs.map
+//# sourceMappingURL=flex-CwloHehr.cjs.map