@mhmo91/schmancy 0.8.4 → 0.9.2

package/dist/input.js

@@ -1,6 +1,2 @@
-import { S as m, a as n } from "./input-D0cQ9DOY.js";
-export {
-  m as SchmancyInput,
-  n as SchmancyInputCompat
-};
-//# sourceMappingURL=input.js.map
+import { n as e, t } from "./input-BevxycIt.js";
+export { e as SchmancyInput, t as SchmancyInputCompat };

package/dist/intersection-BPLpqYEd.js

@@ -0,0 +1,12 @@
+import { Observable as e } from "rxjs";
+function t(t, n = { threshold: .5 }) {
+	return new e((e) => {
+		let r = new IntersectionObserver((t) => {
+			e.next(t);
+		}, n);
+		return Array.isArray(t) ? t.forEach((e) => r.observe(e)) : r.observe(t), () => {
+			r.disconnect();
+		};
+	});
+}
+export { t };

package/dist/intersection-BPLpqYEd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"intersection-BPLpqYEd.js","names":[],"sources":["../src/utils/intersection.ts"],"sourcesContent":["import { Observable } from 'rxjs'\n\nexport function intersection$(\n\telement: Element | Element[],\n\toptions = {\n\t\tthreshold: 0.5,\n\t},\n) {\n\treturn new Observable(subscriber => {\n\t\tconst observer = new IntersectionObserver(entries => {\n\t\t\tsubscriber.next(entries) // Emit the entries array\n\t\t}, options)\n\n\t\t// Observe each element\n\t\tArray.isArray(element) ? element.forEach(el => observer.observe(el)) : observer.observe(element)\n\n\t\t// Cleanup on unsubscription\n\t\treturn () => {\n\t\t\tobserver.disconnect()\n\t\t}\n\t})\n}\n"],"mappings":";AAEA,SAAgB,EACf,GACA,IAAU,EACT,WAAW,IAAA,EAAA;AAGZ,QAAO,IAAI,GAAW,MAAA;EACrB,IAAM,IAAW,IAAI,sBAAqB,MAAA;AACzC,KAAW,KAAK,EAAA;KACd,EAAA;AAMH,SAHA,MAAM,QAAQ,EAAA,GAAW,EAAQ,SAAQ,MAAM,EAAS,QAAQ,EAAA,CAAA,GAAO,EAAS,QAAQ,EAAA,QAGxF;AACC,KAAS,YAAA;;GAAA;;AAAA,SAAA"}

package/dist/intersection-CZpaIHeT.cjs

@@ -0,0 +1 @@
+require(`./chunk-BCfY8kxB.cjs`);let e=require(`rxjs`);function t(t,n={threshold:.5}){return new e.Observable(e=>{let r=new IntersectionObserver(t=>{e.next(t)},n);return Array.isArray(t)?t.forEach(e=>r.observe(e)):r.observe(t),()=>{r.disconnect()}})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return t}});

package/dist/intersection-CZpaIHeT.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"intersection-CZpaIHeT.cjs","names":[],"sources":["../src/utils/intersection.ts"],"sourcesContent":["import { Observable } from 'rxjs'\n\nexport function intersection$(\n\telement: Element | Element[],\n\toptions = {\n\t\tthreshold: 0.5,\n\t},\n) {\n\treturn new Observable(subscriber => {\n\t\tconst observer = new IntersectionObserver(entries => {\n\t\t\tsubscriber.next(entries) // Emit the entries array\n\t\t}, options)\n\n\t\t// Observe each element\n\t\tArray.isArray(element) ? element.forEach(el => observer.observe(el)) : observer.observe(element)\n\n\t\t// Cleanup on unsubscription\n\t\treturn () => {\n\t\t\tobserver.disconnect()\n\t\t}\n\t})\n}\n"],"mappings":"sDAEA,SAAgB,EACf,EACA,EAAU,CACT,UAAW,GAAA,CAAA,CAGZ,OAAO,IAAI,EAAA,WAAW,GAAA,CACrB,IAAM,EAAW,IAAI,qBAAqB,GAAA,CACzC,EAAW,KAAK,EAAA,EACd,EAAA,CAMH,OAHA,MAAM,QAAQ,EAAA,CAAW,EAAQ,QAAQ,GAAM,EAAS,QAAQ,EAAA,CAAA,CAAO,EAAS,QAAQ,EAAA,KAGxF,CACC,EAAS,YAAA,GAAA,CAAA,OAAA,eAAA,QAAA,IAAA,CAAA,WAAA,CAAA,EAAA,IAAA,UAAA,CAAA,OAAA,GAAA,CAAA"}

package/dist/json.cjs

@@ -1,2 +1,11 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./json-BZVe74np.cjs");Object.defineProperty(exports,"SchmancyJson",{enumerable:!0,get:()=>e.SchmancyJson});
-//# sourceMappingURL=json.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-BCfY8kxB.cjs`);const e=require(`./tailwind.mixin-DGiyLbEi.cjs`);require(`./mixins.cjs`);const t=require(`./notification-cTgXEDZ0.cjs`);let n=require(`lit/decorators.js`),r=require(`lit`),i=require(`lit/directives/unsafe-html.js`);var a=class extends e.t(r.css`:host { display: block }`){constructor(...e){super(...e),this.data={},this.highlightKeys=[],this.compact=!1}highlightChanges(e,t){let n=e;return t.forEach(e=>{let t=RegExp(`("${e}":\\s*)([^,\\n}]+)`,`g`);n=n.replace(t,(e,t,n)=>`${t}<span class="text-warning-default font-bold">${n}</span>`)}),n}async copyJSON(){try{await navigator.clipboard.writeText(JSON.stringify(this.data,null,2)),t.r.success(`JSON copied to clipboard`)}catch{t.r.error(`Failed to copy JSON`)}}render(){let e=JSON.stringify(this.data,null,this.compact?0:2),t=this.highlightKeys.length>0?this.highlightChanges(e,this.highlightKeys):e;return r.html`
+			<div
+				class="bg-surface-container rounded-lg p-2 font-mono overflow-auto cursor-pointer hover:bg-surface-container-high transition-colors"
+				@click=${this.copyJSON}
+			>
+				<div class="flex items-center justify-between mb-1">
+					<schmancy-icon size="12px" class="text-on-surface-variant">content_copy</schmancy-icon>
+				</div>
+				<pre class="text-[10px] leading-tight">${(0,i.unsafeHTML)(t)}</pre>
+			</div>
+		`}};e.i([(0,n.property)({type:Object})],a.prototype,`data`,void 0),e.i([(0,n.property)({type:Array})],a.prototype,`highlightKeys`,void 0),e.i([(0,n.property)({type:Boolean})],a.prototype,`compact`,void 0),a=e.i([(0,n.customElement)(`schmancy-json`)],a),Object.defineProperty(exports,`SchmancyJson`,{enumerable:!0,get:function(){return a}});

package/dist/json.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"json.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"json.cjs","names":[],"sources":["../src/json/json.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js'\nimport { $notify } from '@schmancy/notification'\n\n@customElement('schmancy-json')\nexport class SchmancyJson extends TailwindElement(css`:host { display: block }`) {\n\t@property({ type: Object }) data: Record<string, any> = {}\n\t@property({ type: Array }) highlightKeys: string[] = []\n\t@property({ type: Boolean }) compact = false\n\n\tprivate highlightChanges(json: string, changedKeys: string[]): string {\n\t\tlet highlighted = json\n\t\tchangedKeys.forEach(key => {\n\t\t\tconst regex = new RegExp(`(\"${key}\":\\\\s*)([^,\\\\n}]+)`, 'g')\n\t\t\thighlighted = highlighted.replace(regex, (_match, keyPart, valuePart) => {\n\t\t\t\treturn `${keyPart}<span class=\"text-warning-default font-bold\">${valuePart}</span>`\n\t\t\t})\n\t\t})\n\t\treturn highlighted\n\t}\n\n\tprivate async copyJSON() {\n\t\ttry {\n\t\t\tawait navigator.clipboard.writeText(JSON.stringify(this.data, null, 2))\n\t\t\t$notify.success('JSON copied to clipboard')\n\t\t} catch (error) {\n\t\t\t$notify.error('Failed to copy JSON')\n\t\t}\n\t}\n\n\trender() {\n\t\tconst jsonString = JSON.stringify(this.data, null, this.compact ? 0 : 2)\n\t\tconst highlighted = this.highlightKeys.length > 0 ? this.highlightChanges(jsonString, this.highlightKeys) : jsonString\n\n\t\treturn html`\n\t\t\t<div\n\t\t\t\tclass=\"bg-surface-container rounded-lg p-2 font-mono overflow-auto cursor-pointer hover:bg-surface-container-high transition-colors\"\n\t\t\t\t@click=${this.copyJSON}\n\t\t\t>\n\t\t\t\t<div class=\"flex items-center justify-between mb-1\">\n\t\t\t\t\t<schmancy-icon size=\"12px\" class=\"text-on-surface-variant\">content_copy</schmancy-icon>\n\t\t\t\t</div>\n\t\t\t\t<pre class=\"text-[10px] leading-tight\">${unsafeHTML(highlighted)}</pre>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-json': SchmancyJson\n\t}\n}\n"],"mappings":"0TAOO,IAAA,EAAA,cAA2B,EAAA,EAAgB,EAAA,GAAG,2BAAA,AAAA,CAAA,YAAA,GAAA,EAAA,CAAA,MAAA,GAAA,EAAA,CAAA,KAAA,KACI,EAAA,CAAA,KAAA,cACH,EAAA,CAAA,KAAA,QAAA,CACd,EAEvC,iBAAyB,EAAc,EAAA,CACtC,IAAI,EAAc,EAOlB,OANA,EAAY,QAAQ,GAAA,CACnB,IAAM,EAAY,OAAO,KAAK,EAAA,oBAAyB,IAAA,CACvD,EAAc,EAAY,QAAQ,GAAQ,EAAQ,EAAS,IACnD,GAAG,EAAA,+CAAuD,EAAA,SAAA,EAAA,CAG5D,EAGR,MAAA,UAAc,CACb,GAAA,CAAA,MACO,UAAU,UAAU,UAAU,KAAK,UAAU,KAAK,KAAM,KAAM,EAAA,CAAA,CACpE,EAAA,EAAQ,QAAQ,2BAAA,MACR,CACR,EAAA,EAAQ,MAAM,sBAAA,EAIhB,QAAA,CACC,IAAM,EAAa,KAAK,UAAU,KAAK,KAAM,KAAM,KAAK,QAAU,EAAI,EAAA,CAChE,EAAc,KAAK,cAAc,OAAS,EAAI,KAAK,iBAAiB,EAAY,KAAK,cAAA,CAAiB,EAE5G,MAAO,GAAA,IAAI;;;aAGA,KAAK,SAAA;;;;;8DAKsC,EAAA,CAAA;;0BApC7C,CAAE,KAAM,OAAA,CAAA,CAAA,CAAS,EAAA,UAAA,OAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UACjB,CAAE,KAAM,MAAA,CAAA,CAAA,CAAQ,EAAA,UAAA,gBAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAChB,CAAE,KAAM,QAAA,CAAA,CAAA,CAAU,EAAA,UAAA,UAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,eAJd,gBAAA,CAAA,CAAgB,EAAA,CAAA,OAAA,eAAA,QAAA,eAAA,CAAA,WAAA,CAAA,EAAA,IAAA,UAAA,CAAA,OAAA,GAAA,CAAA"}

package/dist/json.js

@@ -1,5 +1,41 @@
-import { S as c } from "./json-PKewOWuJ.js";
-export {
-  c as SchmancyJson
+import { i as e, t } from "./tailwind.mixin-C4cx3IOr.js";
+import "./mixins.js";
+import { r as n } from "./notification-K-ug8cKk.js";
+import { customElement as r, property as i } from "lit/decorators.js";
+import { css as a, html as o } from "lit";
+import { unsafeHTML as s } from "lit/directives/unsafe-html.js";
+var c = class extends t(a`:host { display: block }`) {
+	constructor(...e) {
+		super(...e), this.data = {}, this.highlightKeys = [], this.compact = !1;
+	}
+	highlightChanges(e, t) {
+		let n = e;
+		return t.forEach((e) => {
+			let t = RegExp(`("${e}":\\s*)([^,\\n}]+)`, "g");
+			n = n.replace(t, (e, t, n) => `${t}<span class="text-warning-default font-bold">${n}</span>`);
+		}), n;
+	}
+	async copyJSON() {
+		try {
+			await navigator.clipboard.writeText(JSON.stringify(this.data, null, 2)), n.success("JSON copied to clipboard");
+		} catch {
+			n.error("Failed to copy JSON");
+		}
+	}
+	render() {
+		let e = JSON.stringify(this.data, null, this.compact ? 0 : 2), t = this.highlightKeys.length > 0 ? this.highlightChanges(e, this.highlightKeys) : e;
+		return o`
+			<div
+				class="bg-surface-container rounded-lg p-2 font-mono overflow-auto cursor-pointer hover:bg-surface-container-high transition-colors"
+				@click=${this.copyJSON}
+			>
+				<div class="flex items-center justify-between mb-1">
+					<schmancy-icon size="12px" class="text-on-surface-variant">content_copy</schmancy-icon>
+				</div>
+				<pre class="text-[10px] leading-tight">${s(t)}</pre>
+			</div>
+		`;
+	}
 };
-//# sourceMappingURL=json.js.map
+e([i({ type: Object })], c.prototype, "data", void 0), e([i({ type: Array })], c.prototype, "highlightKeys", void 0), e([i({ type: Boolean })], c.prototype, "compact", void 0), c = e([r("schmancy-json")], c);
+export { c as SchmancyJson };

package/dist/json.js.map

@@ -1 +1 @@
-{"version":3,"file":"json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"json.js","names":[],"sources":["../src/json/json.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js'\nimport { $notify } from '@schmancy/notification'\n\n@customElement('schmancy-json')\nexport class SchmancyJson extends TailwindElement(css`:host { display: block }`) {\n\t@property({ type: Object }) data: Record<string, any> = {}\n\t@property({ type: Array }) highlightKeys: string[] = []\n\t@property({ type: Boolean }) compact = false\n\n\tprivate highlightChanges(json: string, changedKeys: string[]): string {\n\t\tlet highlighted = json\n\t\tchangedKeys.forEach(key => {\n\t\t\tconst regex = new RegExp(`(\"${key}\":\\\\s*)([^,\\\\n}]+)`, 'g')\n\t\t\thighlighted = highlighted.replace(regex, (_match, keyPart, valuePart) => {\n\t\t\t\treturn `${keyPart}<span class=\"text-warning-default font-bold\">${valuePart}</span>`\n\t\t\t})\n\t\t})\n\t\treturn highlighted\n\t}\n\n\tprivate async copyJSON() {\n\t\ttry {\n\t\t\tawait navigator.clipboard.writeText(JSON.stringify(this.data, null, 2))\n\t\t\t$notify.success('JSON copied to clipboard')\n\t\t} catch (error) {\n\t\t\t$notify.error('Failed to copy JSON')\n\t\t}\n\t}\n\n\trender() {\n\t\tconst jsonString = JSON.stringify(this.data, null, this.compact ? 0 : 2)\n\t\tconst highlighted = this.highlightKeys.length > 0 ? this.highlightChanges(jsonString, this.highlightKeys) : jsonString\n\n\t\treturn html`\n\t\t\t<div\n\t\t\t\tclass=\"bg-surface-container rounded-lg p-2 font-mono overflow-auto cursor-pointer hover:bg-surface-container-high transition-colors\"\n\t\t\t\t@click=${this.copyJSON}\n\t\t\t>\n\t\t\t\t<div class=\"flex items-center justify-between mb-1\">\n\t\t\t\t\t<schmancy-icon size=\"12px\" class=\"text-on-surface-variant\">content_copy</schmancy-icon>\n\t\t\t\t</div>\n\t\t\t\t<pre class=\"text-[10px] leading-tight\">${unsafeHTML(highlighted)}</pre>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-json': SchmancyJson\n\t}\n}\n"],"mappings":";;;;;;AAOO,IAAA,IAAA,cAA2B,EAAgB,CAAG,2BAAA,CAAA;CAAA,YAAA,GAAA,GAAA;AAAA,QAAA,GAAA,EAAA,EAAA,KAAA,OACI,EAAA,EAAA,KAAA,gBACH,EAAA,EAAA,KAAA,UAAA,CACd;;CAEvC,iBAAyB,GAAc,GAAA;EACtC,IAAI,IAAc;AAOlB,SANA,EAAY,SAAQ,MAAA;GACnB,IAAM,IAAY,OAAO,KAAK,EAAA,qBAAyB,IAAA;AACvD,OAAc,EAAY,QAAQ,IAAQ,GAAQ,GAAS,MACnD,GAAG,EAAA,+CAAuD,EAAA,SAAA;IAAA,EAG5D;;CAGR,MAAA,WAAc;AACb,MAAA;AAAA,SACO,UAAU,UAAU,UAAU,KAAK,UAAU,KAAK,MAAM,MAAM,EAAA,CAAA,EACpE,EAAQ,QAAQ,2BAAA;UACR;AACR,KAAQ,MAAM,sBAAA;;;CAIhB,SAAA;EACC,IAAM,IAAa,KAAK,UAAU,KAAK,MAAM,MAAM,KAAK,UAAU,IAAI,EAAA,EAChE,IAAc,KAAK,cAAc,SAAS,IAAI,KAAK,iBAAiB,GAAY,KAAK,cAAA,GAAiB;AAE5G,SAAO,CAAI;;;aAGA,KAAK,SAAA;;;;;6CAK2B,EAAW,EAAA,CAAA;;;;;GApCtD,EAAS,EAAE,MAAM,QAAA,CAAA,CAAA,EAAS,EAAA,WAAA,QAAA,KAAA,EAAA,EAAA,EAAA,CAC1B,EAAS,EAAE,MAAM,OAAA,CAAA,CAAA,EAAQ,EAAA,WAAA,iBAAA,KAAA,EAAA,EAAA,EAAA,CACzB,EAAS,EAAE,MAAM,SAAA,CAAA,CAAA,EAAU,EAAA,WAAA,WAAA,KAAA,EAAA,EAAA,IAAA,EAAA,CAJ5B,EAAc,gBAAA,CAAA,EAAgB,EAAA;AAAA,SAAA,KAAA"}

package/dist/layout-4C-6_cre.cjs

@@ -0,0 +1 @@
+require(`./chunk-BCfY8kxB.cjs`);const e=require(`./theme.service-C_tjlqgy.cjs`);let t=require(`rxjs`),n=require(`rxjs/operators`),r=require(`lit/async-directive.js`),i=require(`lit/directive.js`);function a(){let e=window.visualViewport;return!!e&&Math.abs(e.scale-1)>.01}var o=null,s=null,c=0;function l(){if(!o){o=new t.Subject;let e=(0,t.fromEvent)(window,`resize`,{passive:!0});s=(0,t.merge)(e,window.visualViewport?(0,t.merge)((0,t.fromEvent)(window.visualViewport,`resize`,{passive:!0}),(0,t.fromEvent)(window.visualViewport,`scroll`,{passive:!0})):e,(0,t.fromEvent)(window,`orientationchange`),(0,t.fromEvent)(document,`focusout`,{passive:!0}).pipe((0,n.switchMap)(()=>(0,t.timer)(100)))).pipe((0,n.debounceTime)(16)).subscribe(()=>o.next())}return o}function u(){c===0&&s&&(s.unsubscribe(),s=null,o=null)}function d(e){return new t.Observable(t=>{let n=new ResizeObserver(e=>t.next(e));return n.observe(e),()=>n.disconnect()})}var f=class extends r.AsyncDirective{constructor(...e){super(...e),this.element=null,this.disconnecting$=new t.Subject}calculateHeight(){if(!this.element)return 0;let e=window.visualViewport?.height??window.innerHeight,t=this.element.getBoundingClientRect().top;return Math.max(0,e-t)}applyStyles(e,t){this.element&&(this.element.style.boxSizing=`border-box`,this.element.style.height=`${e}px`,this.element.style.paddingBottom=`${t}px`)}setupHeightStream(){if(!this.element)return;let r=this.element;(0,t.combineLatest)([(0,t.merge)(r.parentElement?d(r.parentElement):t.EMPTY,l()).pipe((0,n.startWith)(null)),e.n.bottomOffset$,e.n.fullscreen$]).pipe((0,n.filter)(()=>!a()),(0,n.map)(([,e,t])=>({height:this.calculateHeight(),padding:t?0:e})),(0,n.distinctUntilChanged)((e,t)=>e.height===t.height&&e.padding===t.padding),(0,n.tap)(({height:e,padding:t})=>this.applyStyles(e,t)),(0,n.takeUntil)(this.disconnecting$)).subscribe()}render(){}update(e){if(e.type!==i.PartType.ELEMENT)throw Error(`fullHeight directive can only be used on elements`);let t=e.element;this.element!==t&&(this.element=t,c++,this.setupHeightStream())}disconnected(){this.disconnecting$.next(),c--,u(),this.element=null}reconnected(){this.element&&(c++,this.disconnecting$=new t.Subject,this.setupHeightStream())}},p=(0,i.directive)(f),m=class extends r.AsyncDirective{constructor(...e){super(...e),this.element=null,this.disconnecting$=new t.Subject}calculateWidth(){if(!this.element)return 0;let e=window.visualViewport?.width??window.innerWidth,t=this.element.getBoundingClientRect().left;return Math.max(0,e-t)}applyStyles(e){this.element&&(this.element.style.boxSizing=`border-box`,this.element.style.maxWidth=`${e}px`)}setupWidthStream(){if(!this.element)return;let r=this.element;(0,t.combineLatest)([(0,t.merge)(d(r),r.parentElement?d(r.parentElement):t.EMPTY,l()).pipe((0,n.startWith)(null)),e.n.fullscreen$]).pipe((0,n.filter)(()=>!a()),(0,n.map)(()=>this.calculateWidth()),(0,n.distinctUntilChanged)(),(0,n.tap)(e=>this.applyStyles(e)),(0,n.takeUntil)(this.disconnecting$)).subscribe()}render(){}update(e){if(e.type!==i.PartType.ELEMENT)throw Error(`fullWidth directive can only be used on elements`);let t=e.element;this.element!==t&&(this.element=t,c++,this.setupWidthStream())}disconnected(){this.disconnecting$.next(),c--,u(),this.element=null}reconnected(){this.element&&(c++,this.disconnecting$=new t.Subject,this.setupWidthStream())}},h=(0,i.directive)(m);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return d}});

package/dist/layout-4C-6_cre.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-4C-6_cre.cjs","names":[],"sources":["../src/directives/layout.ts"],"sourcesContent":["import { directive, ElementPart, PartType } from 'lit/directive.js'\nimport { AsyncDirective } from 'lit/async-directive.js'\nimport { Subject, fromEvent, merge, Observable, EMPTY, timer, combineLatest } from 'rxjs'\nimport { debounceTime, switchMap, takeUntil, distinctUntilChanged, map, tap, startWith, filter } from 'rxjs/operators'\n\n/** Returns true if user is pinch-zoomed (scale !== 1) */\nfunction isZoomed(): boolean {\n\tconst vv = window.visualViewport\n\treturn vv ? Math.abs(vv.scale - 1) > 0.01 : false\n}\nimport { theme } from '../theme/theme.service'\n\n// Shared global update stream (lazy-initialized, cleaned up when no elements use it)\nlet update$: Subject<void> | null = null\nlet updateSub: { unsubscribe: () => void } | null = null\nlet elementCount = 0\n\nfunction getUpdateStream(): Subject<void> {\n\tif (!update$) {\n\t\tupdate$ = new Subject<void>()\n\n\t\tconst windowResize$ = fromEvent(window, 'resize', { passive: true })\n\n\t\tconst viewportEvents$ = window.visualViewport\n\t\t\t? merge(\n\t\t\t\t\tfromEvent(window.visualViewport, 'resize', { passive: true }),\n\t\t\t\t\tfromEvent(window.visualViewport, 'scroll', { passive: true })\n\t\t\t\t)\n\t\t\t: windowResize$\n\n\t\tconst orientation$ = fromEvent(window, 'orientationchange')\n\n\t\t// iOS Safari: force recalc after keyboard dismissal\n\t\tconst focusOut$ = fromEvent(document, 'focusout', { passive: true }).pipe(\n\t\t\tswitchMap(() => timer(100))\n\t\t)\n\n\t\tupdateSub = merge(windowResize$, viewportEvents$, orientation$, focusOut$)\n\t\t\t.pipe(debounceTime(16))\n\t\t\t.subscribe(() => update$!.next())\n\t}\n\treturn update$\n}\n\nfunction cleanup() {\n\tif (elementCount === 0 && updateSub) {\n\t\tupdateSub.unsubscribe()\n\t\tupdateSub = null\n\t\tupdate$ = null\n\t}\n}\n\n\n/**\n * RxJS wrapper for ResizeObserver - auto-cleans on unsubscribe\n */\nexport function fromResizeObserver(element: Element): Observable<ResizeObserverEntry[]> {\n\treturn new Observable(subscriber => {\n\t\tconst observer = new ResizeObserver(entries => subscriber.next(entries))\n\t\tobserver.observe(element)\n\t\treturn () => observer.disconnect()\n\t})\n}\n\n/**\n * fullHeight directive - fills remaining viewport space\n *\n * Reactive sources:\n * - Parent ResizeObserver (layout shifts)\n * - Window resize / visualViewport (viewport changes)\n * - Orientation change (device rotation)\n * - Focus out (mobile keyboard dismiss)\n * - Theme fullscreen toggle\n *\n * Performance:\n * - distinctUntilChanged prevents redundant style writes\n * - debounceTime(16) batches rapid events (~60fps)\n * - Single shared stream for global events\n */\nclass FullHeight extends AsyncDirective {\n\tprivate element: HTMLElement | null = null\n\tprivate disconnecting$ = new Subject<void>()\n\n\tprivate calculateHeight(): number {\n\t\tif (!this.element) return 0\n\t\tconst viewportHeight = window.visualViewport?.height ?? window.innerHeight\n\t\tconst topOffset = this.element.getBoundingClientRect().top\n\t\treturn Math.max(0, viewportHeight - topOffset)\n\t}\n\n\tprivate applyStyles(height: number, bottomPadding: number) {\n\t\tif (this.element) {\n\t\t\tthis.element.style.boxSizing = 'border-box'\n\t\t\tthis.element.style.height = `${height}px`\n\t\t\tthis.element.style.paddingBottom = `${bottomPadding}px`\n\t\t}\n\t}\n\n\tprivate setupHeightStream() {\n\t\tif (!this.element) return\n\n\t\tconst element = this.element\n\n\t\t// Parent resize detects layout shifts (e.g., header rendering after load)\n\t\tconst parentResize$ = element.parentElement\n\t\t\t? fromResizeObserver(element.parentElement)\n\t\t\t: EMPTY\n\n\t\t// Global events (resize, viewport, orientation, fullscreen)\n\t\tconst globalEvents$ = getUpdateStream()\n\n\t\t// Combine all sources, calculate height and padding, dedupe, apply\n\t\t// Skip updates while pinch-zoomed to prevent layout thrashing\n\t\tcombineLatest([\n\t\t\tmerge(parentResize$, globalEvents$).pipe(startWith(null)),\n\t\t\ttheme.bottomOffset$,\n\t\t\ttheme.fullscreen$\n\t\t]).pipe(\n\t\t\tfilter(() => !isZoomed()),\n\t\t\tmap(([, bottomOffset, isFullscreen]) => ({\n\t\t\t\theight: this.calculateHeight(),\n\t\t\t\tpadding: isFullscreen ? 0 : bottomOffset\n\t\t\t})),\n\t\t\tdistinctUntilChanged((a, b) => a.height === b.height && a.padding === b.padding),\n\t\t\ttap(({ height, padding }) => this.applyStyles(height, padding)),\n\t\t\ttakeUntil(this.disconnecting$)\n\t\t).subscribe()\n\n\t}\n\n\trender() {\n\t\treturn\n\t}\n\n\tupdate(part: ElementPart) {\n\t\tif (part.type !== PartType.ELEMENT) {\n\t\t\tthrow new Error('fullHeight directive can only be used on elements')\n\t\t}\n\t\tconst el = part.element as HTMLElement\n\t\tif (this.element !== el) {\n\t\t\tthis.element = el\n\t\t\telementCount++\n\t\t\tthis.setupHeightStream()\n\t\t}\n\t}\n\n\tdisconnected() {\n\t\tthis.disconnecting$.next()\n\t\telementCount--\n\t\tcleanup()\n\t\tthis.element = null\n\t}\n\n\treconnected() {\n\t\tif (this.element) {\n\t\t\telementCount++\n\t\t\tthis.disconnecting$ = new Subject<void>()\n\t\t\tthis.setupHeightStream()\n\t\t}\n\t}\n}\n\nexport const fullHeight = directive(FullHeight)\n\n/**\n * fullWidth directive - fills remaining horizontal viewport space\n *\n * Reactive sources:\n * - Element ResizeObserver (detects when element moves/resizes)\n * - Parent ResizeObserver (layout shifts, e.g., sidebar)\n * - Window resize / visualViewport (viewport changes)\n * - Orientation change (device rotation)\n * - Theme fullscreen toggle (sidebar visibility)\n *\n * Performance:\n * - distinctUntilChanged prevents redundant style writes\n * - debounceTime(16) batches rapid events (~60fps)\n * - Single shared stream for global events\n */\nclass FullWidth extends AsyncDirective {\n\tprivate element: HTMLElement | null = null\n\tprivate disconnecting$ = new Subject<void>()\n\n\tprivate calculateWidth(): number {\n\t\tif (!this.element) return 0\n\t\tconst viewportWidth = window.visualViewport?.width ?? window.innerWidth\n\t\tconst leftOffset = this.element.getBoundingClientRect().left\n\t\treturn Math.max(0, viewportWidth - leftOffset)\n\t}\n\n\tprivate applyStyles(width: number) {\n\t\tif (this.element) {\n\t\t\tthis.element.style.boxSizing = 'border-box'\n\t\t\tthis.element.style.maxWidth = `${width}px`\n\t\t}\n\t}\n\n\tprivate setupWidthStream() {\n\t\tif (!this.element) return\n\n\t\tconst element = this.element\n\n\t\t// Element resize detects when element itself moves (e.g., after layout settles)\n\t\tconst elementResize$ = fromResizeObserver(element)\n\n\t\t// Parent resize detects layout shifts (e.g., sidebar opening/closing)\n\t\tconst parentResize$ = element.parentElement\n\t\t\t? fromResizeObserver(element.parentElement)\n\t\t\t: EMPTY\n\n\t\t// Global events (resize, viewport, orientation)\n\t\tconst globalEvents$ = getUpdateStream()\n\n\t\t// Combine all sources with theme observables for synchronous initial emission\n\t\t// theme.fullscreen$ has shareReplay(1) ensuring immediate emission on subscribe\n\t\t// Skip updates while pinch-zoomed to prevent layout thrashing\n\t\tcombineLatest([\n\t\t\tmerge(elementResize$, parentResize$, globalEvents$).pipe(startWith(null)),\n\t\t\ttheme.fullscreen$\n\t\t]).pipe(\n\t\t\tfilter(() => !isZoomed()),\n\t\t\tmap(() => this.calculateWidth()),\n\t\t\tdistinctUntilChanged(),\n\t\t\ttap(width => this.applyStyles(width)),\n\t\t\ttakeUntil(this.disconnecting$)\n\t\t).subscribe()\n\t}\n\n\trender() {\n\t\treturn\n\t}\n\n\tupdate(part: ElementPart) {\n\t\tif (part.type !== PartType.ELEMENT) {\n\t\t\tthrow new Error('fullWidth directive can only be used on elements')\n\t\t}\n\t\tconst el = part.element as HTMLElement\n\t\tif (this.element !== el) {\n\t\t\tthis.element = el\n\t\t\telementCount++\n\t\t\tthis.setupWidthStream()\n\t\t}\n\t}\n\n\tdisconnected() {\n\t\tthis.disconnecting$.next()\n\t\telementCount--\n\t\tcleanup()\n\t\tthis.element = null\n\t}\n\n\treconnected() {\n\t\tif (this.element) {\n\t\t\telementCount++\n\t\t\tthis.disconnecting$ = new Subject<void>()\n\t\t\tthis.setupWidthStream()\n\t\t}\n\t}\n}\n\nexport const fullWidth = directive(FullWidth)\n"],"mappings":"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"}

package/dist/layout-CQdd8UCr.cjs

@@ -0,0 +1,17 @@
+require(`./chunk-BCfY8kxB.cjs`);const e=require(`./tailwind.mixin-DGiyLbEi.cjs`);require(`./mixins.cjs`),require(`./scroll-mayaGGpE.cjs`);let t=require(`rxjs`),n=require(`lit/directives/class-map.js`),r=require(`lit/directives/style-map.js`),i=require(`lit/decorators.js`),a=require(`lit`);var o=class extends e.t(){constructor(...e){super(...e),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}static{this.styles=[this.styles]}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`))}};e.i([(0,i.property)({type:Boolean})],o.prototype,`center`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`padding`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`margin`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`width`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`height`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`minWidth`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`minHeight`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`maxWidth`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`maxHeight`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`display`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`overflow`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`overflowX`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`overflowY`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`position`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`top`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`right`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`bottom`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`left`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`inset`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`zIndex`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`border`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`borderTop`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`borderRight`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`borderBottom`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`borderLeft`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`borderColor`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`borderRadius`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`borderWidth`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`boxShadow`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`opacity`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`background`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`backgroundImage`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`backgroundPosition`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`backgroundSize`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`backgroundRepeat`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`backgroundAttachment`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`backgroundColor`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`backgroundClip`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`backgroundOrigin`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`backgroundBlendMode`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`filter`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`backdropFilter`,void 0);var s=class extends o{constructor(...e){super(...e),this.layout=!0,this.flow=`col`,this.wrap=`wrap`,this.align=`start`,this.justify=`start`,this.gap=`none`}static{this.styles=[o.styles,(0,a.unsafeCSS)(`:host{background-color:inherit;display:block}`)]}render(){return a.html`
+			<section class=${(0,n.classMap)({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`})} style=${(0,r.styleMap)({})}>
+				<slot></slot>
+			</section>
+		`}};e.i([(0,i.property)({type:String,reflect:!0})],s.prototype,`flow`,void 0),e.i([(0,i.property)({type:String,reflect:!0})],s.prototype,`wrap`,void 0),e.i([(0,i.property)({type:String,reflect:!0})],s.prototype,`align`,void 0),e.i([(0,i.property)({type:String,reflect:!0})],s.prototype,`justify`,void 0),e.i([(0,i.property)({type:String,reflect:!0})],s.prototype,`gap`,void 0),s=e.i([(0,i.customElement)(`schmancy-flex`)],s);var c=class extends o{constructor(...e){super(...e),this.layout=!0,this.flow=`row`,this.align=`stretch`,this.justify=`stretch`,this.content=`stretch`,this.gap=`none`,this.wrap=!1}static{this.styles=[o.styles,(0,a.unsafeCSS)(`:host{width:-webkit-fill-available;height:max-content;display:block}`)]}firstUpdated(){this.rcols&&(0,t.fromEvent)(window,`resize`).pipe((0,t.map)(e=>e.target),(0,t.startWith)(1),(0,t.map)(()=>this.clientWidth?this.clientWidth:window.innerWidth),(0,t.distinctUntilChanged)(),(0,t.takeUntil)(this.disconnecting),(0,t.debounceTime)(10),(0,t.map)(e=>{let t;return this.rcols?.[`2xl`]&&e>=1536?t=this.rcols?.[`2xl`]:this.rcols?.xl&&e>=1280?t=this.rcols?.xl:this.rcols?.lg&&e>=1024?t=this.rcols?.lg:this.rcols?.md&&e>=768?t=this.rcols?.md:this.rcols?.sm&&e>=640?t=this.rcols?.sm:this.rcols?.xs&&e<640&&(t=this.rcols?.xs),t})).subscribe(e=>{this.cols=e})}render(){let 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},t={gridTemplateRows:this.rows?this.rows:void 0,gridTemplateColumns:this.cols?this.cols:void 0};return a.html`
+			<section class="${this.classMap(e)}" style=${this.styleMap(t)}>
+				<slot> </slot>
+			</section>
+		`}};e.i([(0,i.property)({type:String})],c.prototype,`flow`,void 0),e.i([(0,i.property)({type:String})],c.prototype,`align`,void 0),e.i([(0,i.property)({type:String})],c.prototype,`justify`,void 0),e.i([(0,i.property)({type:String})],c.prototype,`content`,void 0),e.i([(0,i.property)({type:String})],c.prototype,`gap`,void 0),e.i([(0,i.property)({type:String})],c.prototype,`cols`,void 0),e.i([(0,i.property)({type:String})],c.prototype,`rows`,void 0),e.i([(0,i.property)({type:Object})],c.prototype,`rcols`,void 0),e.i([(0,i.property)({type:Boolean})],c.prototype,`wrap`,void 0),e.i([(0,i.queryAssignedElements)()],c.prototype,`assignedElements`,void 0),c=e.i([(0,i.customElement)(`schmancy-grid`)],c);var l=class extends o{constructor(...e){super(...e),this.inline=!1,this.flow=`row`,this.wrap=`wrap`,this.align=`stretch`,this.justify=`start`,this.gap=`none`}static{this.styles=[o.styles,a.css`
+			:host {
+				display: block;
+			}
+		`]}render(){let e=this.inline?`inline-flex`:`flex`,t=``;switch(this.flow){case`row`:case`row-dense`:default:t=`flex-row`;break;case`row-reverse`:t=`flex-row-reverse`;break;case`col`:case`col-dense`:t=`flex-col`;break;case`col-reverse`:t=`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 r=``;switch(this.align){case`start`:r=`items-start`;break;case`center`:r=`items-center`;break;case`end`:r=`items-end`;break;case`stretch`:default:r=`items-stretch`;break;case`baseline`:r=`items-baseline`}let i=``;switch(this.justify){case`start`:default:i=`justify-start`;break;case`center`:i=`justify-center`;break;case`end`:i=`justify-end`;break;case`between`:i=`justify-between`;break;case`around`:i=`justify-around`;break;case`evenly`:i=`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`}let s=this.gap===`none`?`gap-0`:`gap-${this.gap}`;return a.html`
+			<section class=${[e,t,n,r,i,o,s].filter(Boolean).join(` `)}>
+				<slot></slot>
+			</section>
+		`}};e.i([(0,i.property)({type:Boolean,reflect:!0})],l.prototype,`inline`,void 0),e.i([(0,i.property)({type:String,reflect:!0})],l.prototype,`flow`,void 0),e.i([(0,i.property)({type:String,reflect:!0})],l.prototype,`wrap`,void 0),e.i([(0,i.property)({type:String,reflect:!0})],l.prototype,`align`,void 0),e.i([(0,i.property)({type:String,reflect:!0})],l.prototype,`justify`,void 0),e.i([(0,i.property)({type:String,reflect:!0})],l.prototype,`content`,void 0),e.i([(0,i.property)({type:String,reflect:!0})],l.prototype,`gap`,void 0),l=e.i([(0,i.customElement)(`sch-flex`)],l),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return l}});

package/dist/layout-CQdd8UCr.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-CQdd8UCr.cjs","names":[],"sources":["../src/layout/layout.ts","../src/layout/flex/flex.scss?inline","../src/layout/flex/flex.ts","../src/layout/grid/grid.scss?inline","../src/layout/grid/grid.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",":host {\n\tdisplay: block;\n\tbackground-color: inherit;\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",":host {\n\theight: max-content;\n\twidth: -webkit-fill-available;\n\tdisplay: block;\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 { 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"],"mappings":"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"}

package/dist/layout-DxLjlDfr.js

@@ -0,0 +1,267 @@
+import { i as e, t } from "./tailwind.mixin-C4cx3IOr.js";
+import "./mixins.js";
+import "./scroll-tG1vaRFO.js";
+import { debounceTime as n, distinctUntilChanged as r, fromEvent as i, map as a, startWith as o, takeUntil as s } from "rxjs";
+import { classMap as c } from "lit/directives/class-map.js";
+import { styleMap as l } from "lit/directives/style-map.js";
+import { customElement as u, property as d, queryAssignedElements as f } from "lit/decorators.js";
+import { css as p, html as m, unsafeCSS as h } from "lit";
+var g = class extends t() {
+	constructor(...e) {
+		super(...e), 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;
+	}
+	static {
+		this.styles = [this.styles];
+	}
+	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"));
+	}
+};
+e([d({ type: Boolean })], g.prototype, "center", void 0), e([d({ type: String })], g.prototype, "padding", void 0), e([d({ type: String })], g.prototype, "margin", void 0), e([d({ type: String })], g.prototype, "width", void 0), e([d({ type: String })], g.prototype, "height", void 0), e([d({ type: String })], g.prototype, "minWidth", void 0), e([d({ type: String })], g.prototype, "minHeight", void 0), e([d({ type: String })], g.prototype, "maxWidth", void 0), e([d({ type: String })], g.prototype, "maxHeight", void 0), e([d({ type: String })], g.prototype, "display", void 0), e([d({ type: String })], g.prototype, "overflow", void 0), e([d({ type: String })], g.prototype, "overflowX", void 0), e([d({ type: String })], g.prototype, "overflowY", void 0), e([d({ type: String })], g.prototype, "position", void 0), e([d({ type: String })], g.prototype, "top", void 0), e([d({ type: String })], g.prototype, "right", void 0), e([d({ type: String })], g.prototype, "bottom", void 0), e([d({ type: String })], g.prototype, "left", void 0), e([d({ type: String })], g.prototype, "inset", void 0), e([d({ type: String })], g.prototype, "zIndex", void 0), e([d({ type: String })], g.prototype, "border", void 0), e([d({ type: String })], g.prototype, "borderTop", void 0), e([d({ type: String })], g.prototype, "borderRight", void 0), e([d({ type: String })], g.prototype, "borderBottom", void 0), e([d({ type: String })], g.prototype, "borderLeft", void 0), e([d({ type: String })], g.prototype, "borderColor", void 0), e([d({ type: String })], g.prototype, "borderRadius", void 0), e([d({ type: String })], g.prototype, "borderWidth", void 0), e([d({ type: String })], g.prototype, "boxShadow", void 0), e([d({ type: String })], g.prototype, "opacity", void 0), e([d({ type: String })], g.prototype, "background", void 0), e([d({ type: String })], g.prototype, "backgroundImage", void 0), e([d({ type: String })], g.prototype, "backgroundPosition", void 0), e([d({ type: String })], g.prototype, "backgroundSize", void 0), e([d({ type: String })], g.prototype, "backgroundRepeat", void 0), e([d({ type: String })], g.prototype, "backgroundAttachment", void 0), e([d({ type: String })], g.prototype, "backgroundColor", void 0), e([d({ type: String })], g.prototype, "backgroundClip", void 0), e([d({ type: String })], g.prototype, "backgroundOrigin", void 0), e([d({ type: String })], g.prototype, "backgroundBlendMode", void 0), e([d({ type: String })], g.prototype, "filter", void 0), e([d({ type: String })], g.prototype, "backdropFilter", void 0);
+var _ = class extends g {
+	constructor(...e) {
+		super(...e), this.layout = !0, this.flow = "col", this.wrap = "wrap", this.align = "start", this.justify = "start", this.gap = "none";
+	}
+	static {
+		this.styles = [g.styles, h(":host{background-color:inherit;display:block}")];
+	}
+	render() {
+		return m`
+			<section class=${c({
+			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"
+		})} style=${l({})}>
+				<slot></slot>
+			</section>
+		`;
+	}
+};
+e([d({
+	type: String,
+	reflect: !0
+})], _.prototype, "flow", void 0), e([d({
+	type: String,
+	reflect: !0
+})], _.prototype, "wrap", void 0), e([d({
+	type: String,
+	reflect: !0
+})], _.prototype, "align", void 0), e([d({
+	type: String,
+	reflect: !0
+})], _.prototype, "justify", void 0), e([d({
+	type: String,
+	reflect: !0
+})], _.prototype, "gap", void 0), _ = e([u("schmancy-flex")], _);
+var v = class extends g {
+	constructor(...e) {
+		super(...e), this.layout = !0, this.flow = "row", this.align = "stretch", this.justify = "stretch", this.content = "stretch", this.gap = "none", this.wrap = !1;
+	}
+	static {
+		this.styles = [g.styles, h(":host{width:-webkit-fill-available;height:max-content;display:block}")];
+	}
+	firstUpdated() {
+		this.rcols && i(window, "resize").pipe(a((e) => e.target), o(1), a(() => this.clientWidth ? this.clientWidth : window.innerWidth), r(), s(this.disconnecting), n(10), a((e) => {
+			let t;
+			return this.rcols?.["2xl"] && e >= 1536 ? t = this.rcols?.["2xl"] : this.rcols?.xl && e >= 1280 ? t = this.rcols?.xl : this.rcols?.lg && e >= 1024 ? t = this.rcols?.lg : this.rcols?.md && e >= 768 ? t = this.rcols?.md : this.rcols?.sm && e >= 640 ? t = this.rcols?.sm : this.rcols?.xs && e < 640 && (t = this.rcols?.xs), t;
+		})).subscribe((e) => {
+			this.cols = e;
+		});
+	}
+	render() {
+		let 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
+		}, t = {
+			gridTemplateRows: this.rows ? this.rows : void 0,
+			gridTemplateColumns: this.cols ? this.cols : void 0
+		};
+		return m`
+			<section class="${this.classMap(e)}" style=${this.styleMap(t)}>
+				<slot> </slot>
+			</section>
+		`;
+	}
+};
+e([d({ type: String })], v.prototype, "flow", void 0), e([d({ type: String })], v.prototype, "align", void 0), e([d({ type: String })], v.prototype, "justify", void 0), e([d({ type: String })], v.prototype, "content", void 0), e([d({ type: String })], v.prototype, "gap", void 0), e([d({ type: String })], v.prototype, "cols", void 0), e([d({ type: String })], v.prototype, "rows", void 0), e([d({ type: Object })], v.prototype, "rcols", void 0), e([d({ type: Boolean })], v.prototype, "wrap", void 0), e([f()], v.prototype, "assignedElements", void 0), v = e([u("schmancy-grid")], v);
+var y = class extends g {
+	constructor(...e) {
+		super(...e), this.inline = !1, this.flow = "row", this.wrap = "wrap", this.align = "stretch", this.justify = "start", this.gap = "none";
+	}
+	static {
+		this.styles = [g.styles, p`
+			:host {
+				display: block;
+			}
+		`];
+	}
+	render() {
+		let e = this.inline ? "inline-flex" : "flex", t = "";
+		switch (this.flow) {
+			case "row":
+			case "row-dense":
+			default:
+				t = "flex-row";
+				break;
+			case "row-reverse":
+				t = "flex-row-reverse";
+				break;
+			case "col":
+			case "col-dense":
+				t = "flex-col";
+				break;
+			case "col-reverse": t = "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 r = "";
+		switch (this.align) {
+			case "start":
+				r = "items-start";
+				break;
+			case "center":
+				r = "items-center";
+				break;
+			case "end":
+				r = "items-end";
+				break;
+			case "stretch":
+			default:
+				r = "items-stretch";
+				break;
+			case "baseline": r = "items-baseline";
+		}
+		let i = "";
+		switch (this.justify) {
+			case "start":
+			default:
+				i = "justify-start";
+				break;
+			case "center":
+				i = "justify-center";
+				break;
+			case "end":
+				i = "justify-end";
+				break;
+			case "between":
+				i = "justify-between";
+				break;
+			case "around":
+				i = "justify-around";
+				break;
+			case "evenly": i = "justify-evenly";
+		}
+		let a = "";
+		if (this.content) switch (this.content) {
+			case "start":
+				a = "content-start";
+				break;
+			case "center":
+				a = "content-center";
+				break;
+			case "end":
+				a = "content-end";
+				break;
+			case "between":
+				a = "content-between";
+				break;
+			case "around":
+				a = "content-around";
+				break;
+			case "evenly": a = "content-evenly";
+		}
+		let o = this.gap === "none" ? "gap-0" : `gap-${this.gap}`;
+		return m`
+			<section class=${[
+			e,
+			t,
+			n,
+			r,
+			i,
+			a,
+			o
+		].filter(Boolean).join(" ")}>
+				<slot></slot>
+			</section>
+		`;
+	}
+};
+e([d({
+	type: Boolean,
+	reflect: !0
+})], y.prototype, "inline", void 0), e([d({
+	type: String,
+	reflect: !0
+})], y.prototype, "flow", void 0), e([d({
+	type: String,
+	reflect: !0
+})], y.prototype, "wrap", void 0), e([d({
+	type: String,
+	reflect: !0
+})], y.prototype, "align", void 0), e([d({
+	type: String,
+	reflect: !0
+})], y.prototype, "justify", void 0), e([d({
+	type: String,
+	reflect: !0
+})], y.prototype, "content", void 0), e([d({
+	type: String,
+	reflect: !0
+})], y.prototype, "gap", void 0), y = e([u("sch-flex")], y);
+export { v as n, _ as r, y as t };