@mhmo91/schmancy 0.8.6 → 0.9.2

package/dist/typography.js

@@ -1,5 +1,354 @@
-import { S as p } from "./typography-C_1gdM2I.js";
-export {
-  p as SchmancyTypography
+import { i as e, t } from "./tailwind.mixin-C4cx3IOr.js";
+import { fromEvent as n } from "rxjs";
+import { filter as r, takeUntil as i, tap as a } from "rxjs/operators";
+import { customElement as o, property as s } from "lit/decorators.js";
+import { css as c, html as l } from "lit";
+import { createRef as u, ref as d } from "lit/directives/ref.js";
+var f = class extends t(c`
+	:host {
+		display: block;
+		font-family: inherit;
+		hyphens: none;
+	}
+
+	/* Text alignment */
+	:host([align='center']) {
+		text-align: center;
+	}
+
+	:host([align='left']) {
+		text-align: start;
+	}
+
+	:host([align='right']) {
+		text-align: right;
+	}
+
+	:host([align='justify']) {
+		text-align: justify;
+	}
+
+	/* Font weight */
+	:host([weight='bold']) {
+		font-weight: 700;
+	}
+
+	:host([weight='medium']) {
+		font-weight: 500;
+	}
+
+	:host([weight='normal']) {
+		font-weight: 400;
+	}
+
+	/* Text transform */
+	:host([transform='uppercase']) {
+		text-transform: uppercase;
+	}
+
+	:host([transform='lowercase']) {
+		text-transform: lowercase;
+	}
+
+	:host([transform='capitalize']) {
+		text-transform: capitalize;
+	}
+
+	:host([transform='normal']) {
+		text-transform: none;
+	}
+
+	/* Type-based weight defaults (when using Tailwind classes without token) */
+	:host([type='display']),
+	:host([type='headline']),
+	:host([type='body']) {
+		font-weight: 400;
+	}
+
+	:host([type='label']),
+	:host([type='subtitle']),
+	:host([type='title']) {
+		font-weight: 500;
+	}
+
+	/* Display typography variants - Material Design 3 + Extended */
+	:host([type='display'][token='xl']) {
+		font-size: 72px;
+		line-height: 80px;
+		font-weight: 400;
+	}
+
+	:host([type='display'][token='lg']) {
+		font-size: 57px;
+		line-height: 64px;
+		font-weight: 400;
+	}
+
+	:host([type='display'][token='md']) {
+		font-size: 45px;
+		line-height: 52px;
+		font-weight: 400;
+	}
+
+	:host([type='display'][token='sm']) {
+		font-size: 36px;
+		line-height: 44px;
+		font-weight: 400;
+	}
+
+	:host([type='display'][token='xs']) {
+		font-size: 28px;
+		line-height: 36px;
+		font-weight: 400;
+	}
+
+	/* Headline typography variants - Material Design 3 + Extended */
+	:host([type='headline'][token='xl']) {
+		font-size: 36px;
+		line-height: 44px;
+		font-weight: 400;
+	}
+
+	:host([type='headline'][token='lg']) {
+		font-size: 32px;
+		line-height: 40px;
+		font-weight: 400;
+	}
+
+	:host([type='headline'][token='md']) {
+		font-size: 28px;
+		line-height: 36px;
+		font-weight: 400;
+	}
+
+	:host([type='headline'][token='sm']) {
+		font-size: 24px;
+		line-height: 32px;
+		font-weight: 400;
+	}
+
+	:host([type='headline'][token='xs']) {
+		font-size: 20px;
+		line-height: 28px;
+		font-weight: 400;
+	}
+
+	/* Title typography variants - Material Design 3 + Extended */
+	:host([type='title'][token='xl']) {
+		font-size: 24px;
+		line-height: 32px;
+		font-weight: 400;
+	}
+
+	:host([type='title'][token='lg']) {
+		font-size: 22px;
+		line-height: 28px;
+		font-weight: 400;
+	}
+
+	:host([type='title'][token='md']) {
+		font-size: 16px;
+		line-height: 24px;
+		font-weight: 500;
+	}
+
+	:host([type='title'][token='sm']) {
+		font-size: 14px;
+		line-height: 20px;
+		font-weight: 500;
+	}
+
+	:host([type='title'][token='xs']) {
+		font-size: 12px;
+		line-height: 16px;
+		font-weight: 500;
+	}
+
+	/* Subtitle typography variants - Extended from Material Design 3 */
+	:host([type='subtitle'][token='xl']) {
+		font-size: 20px;
+		line-height: 28px;
+		font-weight: 500;
+	}
+
+	:host([type='subtitle'][token='lg']) {
+		font-size: 18px;
+		line-height: 24px;
+		font-weight: 500;
+	}
+
+	:host([type='subtitle'][token='md']) {
+		font-size: 16px;
+		line-height: 24px;
+		font-weight: 500;
+	}
+
+	:host([type='subtitle'][token='sm']) {
+		font-size: 14px;
+		line-height: 20px;
+		font-weight: 500;
+	}
+
+	:host([type='subtitle'][token='xs']) {
+		font-size: 12px;
+		line-height: 16px;
+		font-weight: 500;
+	}
+
+	/* Body typography variants - Material Design 3 + Extended */
+	:host([type='body'][token='xl']) {
+		font-size: 18px;
+		line-height: 28px;
+		font-weight: 400;
+	}
+
+	:host([type='body'][token='lg']) {
+		font-size: 16px;
+		line-height: 24px;
+		font-weight: 400;
+	}
+
+	:host([type='body'][token='md']) {
+		font-size: 14px;
+		line-height: 20px;
+		font-weight: 400;
+	}
+
+	:host([type='body'][token='sm']) {
+		font-size: 12px;
+		line-height: 16px;
+		font-weight: 400;
+	}
+
+	:host([type='body'][token='xs']) {
+		font-size: 10px;
+		line-height: 14px;
+		font-weight: 400;
+	}
+
+	/* Label typography variants - Material Design 3 + Extended */
+	:host([type='label'][token='xl']) {
+		font-size: 16px;
+		line-height: 22px;
+		font-weight: 500;
+	}
+
+	:host([type='label'][token='lg']) {
+		font-size: 14px;
+		line-height: 20px;
+		font-weight: 500;
+	}
+
+	:host([type='label'][token='md']) {
+		font-size: 12px;
+		line-height: 16px;
+		font-weight: 500;
+	}
+
+	:host([type='label'][token='sm']) {
+		font-size: 11px;
+		line-height: 16px;
+		font-weight: 500;
+	}
+
+	:host([type='label'][token='xs']) {
+		font-size: 10px;
+		line-height: 14px;
+		font-weight: 500;
+	}
+
+	/* Note: Custom letter-spacing, font-size, and line-height should be applied via inline styles or Tailwind classes */
+
+	:host([editable]) {
+		cursor: text;
+		border-radius: 4px;
+		transition: background 150ms;
+		min-height: 1em;
+	}
+	/* Editable div lives in shadow DOM so light DOM (Lit markers) is untouched */
+	.edit {
+		outline: none;
+		min-height: 1em;
+		font: inherit;
+		color: inherit;
+		letter-spacing: inherit;
+		line-height: inherit;
+	}
+	.edit:empty::before {
+		content: attr(data-placeholder);
+		pointer-events: none;
+		display: block;
+		opacity: 0.35;
+	}
+`) {
+	constructor(...e) {
+		super(...e), this.type = "body", this.token = "md", this.editable = !1, this.value = "", this.placeholder = "", this._editRef = u();
+	}
+	static {
+		this.shadowRootOptions = {
+			mode: "open",
+			delegatesFocus: !0
+		};
+	}
+	selectAll() {
+		let e = this._editRef.value;
+		if (!e) return;
+		e.focus();
+		let t = window.getSelection();
+		if (t && e.textContent) {
+			let n = document.createRange();
+			n.selectNodeContents(e), t.removeAllRanges(), t.addRange(n);
+		}
+	}
+	connectedCallback() {
+		super.connectedCallback(), n(this, "focusout").pipe(r(() => this.editable), a(() => {
+			let e = this._editRef.value;
+			if (!e) return;
+			let t = e.innerText.trim();
+			t !== this.value && this.dispatchEvent(new CustomEvent("change", {
+				detail: { value: t },
+				bubbles: !0,
+				composed: !0
+			})), t || (e.textContent = "");
+		}), i(this.disconnecting)).subscribe(), n(this, "input").pipe(r(() => this.editable), a(() => {
+			let e = this._editRef.value;
+			e && !e.innerText.trim() && (e.textContent = "");
+		}), i(this.disconnecting)).subscribe(), n(this, "keydown").pipe(r(() => this.editable), r((e) => e.key === "Enter"), a((e) => {
+			e.preventDefault(), (this._editRef.value ?? this).blur();
+		}), i(this.disconnecting)).subscribe();
+	}
+	updated(e) {
+		if (super.updated(e), e.has("maxLines") && (this.classList.remove("line-clamp-1", "line-clamp-2", "line-clamp-3", "line-clamp-4", "line-clamp-5", "line-clamp-6"), this.maxLines && this.classList.add(`line-clamp-${this.maxLines}`)), (e.has("value") || e.has("editable")) && this.editable) {
+			let e = this._editRef.value;
+			e && document.activeElement !== e && (this.value ? e.innerText = this.value : e.textContent = "");
+		}
+	}
+	render() {
+		return this.editable ? l`<div
+				${d(this._editRef)}
+				class="edit"
+				contenteditable="true"
+				data-placeholder=${this.placeholder ?? ""}
+			></div>` : l`<slot></slot>`;
+	}
 };
-//# sourceMappingURL=typography.js.map
+e([s({
+	type: String,
+	reflect: !0
+})], f.prototype, "type", void 0), e([s({
+	type: String,
+	reflect: !0
+})], f.prototype, "token", void 0), e([s({
+	type: String,
+	reflect: !0
+})], f.prototype, "align", void 0), e([s({
+	type: String,
+	reflect: !0
+})], f.prototype, "weight", void 0), e([s({
+	type: String,
+	reflect: !0
+})], f.prototype, "transform", void 0), e([s({ type: Number })], f.prototype, "maxLines", void 0), e([s({
+	type: Boolean,
+	reflect: !0
+})], f.prototype, "editable", void 0), e([s({ type: String })], f.prototype, "value", void 0), e([s({ type: String })], f.prototype, "placeholder", void 0), f = e([o("schmancy-typography")], f);
+export { f as SchmancyTypography };

package/dist/typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"typography.js","names":[],"sources":["../src/typography/typography.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/tailwind.mixin'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport { fromEvent } from 'rxjs'\nimport { filter, tap, takeUntil } from 'rxjs/operators'\n\n// Material Design 3 typography - https://m3.material.io/styles/typography/type-scale-tokens\n\n/**\n * @element schmancy-typography\n * @slot - The text for the typography.\n */\n@customElement('schmancy-typography')\nexport class SchmancyTypography extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tfont-family: inherit;\n\t\thyphens: none;\n\t}\n\n\t/* Text alignment */\n\t:host([align='center']) {\n\t\ttext-align: center;\n\t}\n\n\t:host([align='left']) {\n\t\ttext-align: start;\n\t}\n\n\t:host([align='right']) {\n\t\ttext-align: right;\n\t}\n\n\t:host([align='justify']) {\n\t\ttext-align: justify;\n\t}\n\n\t/* Font weight */\n\t:host([weight='bold']) {\n\t\tfont-weight: 700;\n\t}\n\n\t:host([weight='medium']) {\n\t\tfont-weight: 500;\n\t}\n\n\t:host([weight='normal']) {\n\t\tfont-weight: 400;\n\t}\n\n\t/* Text transform */\n\t:host([transform='uppercase']) {\n\t\ttext-transform: uppercase;\n\t}\n\n\t:host([transform='lowercase']) {\n\t\ttext-transform: lowercase;\n\t}\n\n\t:host([transform='capitalize']) {\n\t\ttext-transform: capitalize;\n\t}\n\n\t:host([transform='normal']) {\n\t\ttext-transform: none;\n\t}\n\n\t/* Type-based weight defaults (when using Tailwind classes without token) */\n\t:host([type='display']),\n\t:host([type='headline']),\n\t:host([type='body']) {\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='label']),\n\t:host([type='subtitle']),\n\t:host([type='title']) {\n\t\tfont-weight: 500;\n\t}\n\n\t/* Display typography variants - Material Design 3 + Extended */\n\t:host([type='display'][token='xl']) {\n\t\tfont-size: 72px;\n\t\tline-height: 80px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='display'][token='lg']) {\n\t\tfont-size: 57px;\n\t\tline-height: 64px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='display'][token='md']) {\n\t\tfont-size: 45px;\n\t\tline-height: 52px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='display'][token='sm']) {\n\t\tfont-size: 36px;\n\t\tline-height: 44px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='display'][token='xs']) {\n\t\tfont-size: 28px;\n\t\tline-height: 36px;\n\t\tfont-weight: 400;\n\t}\n\n\t/* Headline typography variants - Material Design 3 + Extended */\n\t:host([type='headline'][token='xl']) {\n\t\tfont-size: 36px;\n\t\tline-height: 44px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='headline'][token='lg']) {\n\t\tfont-size: 32px;\n\t\tline-height: 40px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='headline'][token='md']) {\n\t\tfont-size: 28px;\n\t\tline-height: 36px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='headline'][token='sm']) {\n\t\tfont-size: 24px;\n\t\tline-height: 32px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='headline'][token='xs']) {\n\t\tfont-size: 20px;\n\t\tline-height: 28px;\n\t\tfont-weight: 400;\n\t}\n\n\t/* Title typography variants - Material Design 3 + Extended */\n\t:host([type='title'][token='xl']) {\n\t\tfont-size: 24px;\n\t\tline-height: 32px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='title'][token='lg']) {\n\t\tfont-size: 22px;\n\t\tline-height: 28px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='title'][token='md']) {\n\t\tfont-size: 16px;\n\t\tline-height: 24px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='title'][token='sm']) {\n\t\tfont-size: 14px;\n\t\tline-height: 20px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='title'][token='xs']) {\n\t\tfont-size: 12px;\n\t\tline-height: 16px;\n\t\tfont-weight: 500;\n\t}\n\n\t/* Subtitle typography variants - Extended from Material Design 3 */\n\t:host([type='subtitle'][token='xl']) {\n\t\tfont-size: 20px;\n\t\tline-height: 28px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='subtitle'][token='lg']) {\n\t\tfont-size: 18px;\n\t\tline-height: 24px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='subtitle'][token='md']) {\n\t\tfont-size: 16px;\n\t\tline-height: 24px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='subtitle'][token='sm']) {\n\t\tfont-size: 14px;\n\t\tline-height: 20px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='subtitle'][token='xs']) {\n\t\tfont-size: 12px;\n\t\tline-height: 16px;\n\t\tfont-weight: 500;\n\t}\n\n\t/* Body typography variants - Material Design 3 + Extended */\n\t:host([type='body'][token='xl']) {\n\t\tfont-size: 18px;\n\t\tline-height: 28px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='body'][token='lg']) {\n\t\tfont-size: 16px;\n\t\tline-height: 24px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='body'][token='md']) {\n\t\tfont-size: 14px;\n\t\tline-height: 20px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='body'][token='sm']) {\n\t\tfont-size: 12px;\n\t\tline-height: 16px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='body'][token='xs']) {\n\t\tfont-size: 10px;\n\t\tline-height: 14px;\n\t\tfont-weight: 400;\n\t}\n\n\t/* Label typography variants - Material Design 3 + Extended */\n\t:host([type='label'][token='xl']) {\n\t\tfont-size: 16px;\n\t\tline-height: 22px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='label'][token='lg']) {\n\t\tfont-size: 14px;\n\t\tline-height: 20px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='label'][token='md']) {\n\t\tfont-size: 12px;\n\t\tline-height: 16px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='label'][token='sm']) {\n\t\tfont-size: 11px;\n\t\tline-height: 16px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='label'][token='xs']) {\n\t\tfont-size: 10px;\n\t\tline-height: 14px;\n\t\tfont-weight: 500;\n\t}\n\n\t/* Note: Custom letter-spacing, font-size, and line-height should be applied via inline styles or Tailwind classes */\n\n\t:host([editable]) {\n\t\tcursor: text;\n\t\tborder-radius: 4px;\n\t\ttransition: background 150ms;\n\t\tmin-height: 1em;\n\t}\n\t/* Editable div lives in shadow DOM so light DOM (Lit markers) is untouched */\n\t.edit {\n\t\toutline: none;\n\t\tmin-height: 1em;\n\t\tfont: inherit;\n\t\tcolor: inherit;\n\t\tletter-spacing: inherit;\n\t\tline-height: inherit;\n\t}\n\t.edit:empty::before {\n\t\tcontent: attr(data-placeholder);\n\t\tpointer-events: none;\n\t\tdisplay: block;\n\t\topacity: 0.35;\n\t}\n`) {\n\tstatic shadowRootOptions: ShadowRootInit = {\n\t\tmode: 'open',\n\t\tdelegatesFocus: true,\n\t}\n\n\t/**\n\t * @attr type - The type of the typography.\n\t * @default 'body'\n\t * @type {'display' | 'headline' | 'title' | 'subtitle' | 'body' | 'label'}\n\t */\n\t@property({ type: String, reflect: true })\n\ttype: 'display' | 'headline' | 'title' | 'subtitle' | 'body' | 'label' = 'body'\n\n\t/**\n\t * @attr token - The size token.\n\t * @deprecated Prefer using Tailwind responsive text classes for better responsive design.\n\t * Set token=\"\" and use class=\"text-sm md:text-base lg:text-lg\" instead.\n\t * Example: <schmancy-typography type=\"display\" token=\"\" class=\"text-2xl sm:text-3xl md:text-4xl\">\n\t * @default 'md'\n\t * @type {'xs' | 'sm' | 'md' | 'lg' | 'xl' | ''}\n\t */\n\t@property({ type: String, reflect: true })\n\ttoken: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '' = 'md'\n\n\t/**\n\t * @attr\n\t * @default inherit\n\t * @type {'left' |'center' |'right'}\n\t */\n\t@property({ type: String, reflect: true })\n\talign: 'left' | 'center' | 'justify' | 'right' | undefined\n\n\t/**\n\t * @attr\n\t * @default inherit\n\t * @type {'normal' | 'medium' |'bold'}\n\t * @public\n\t */\n\t@property({ type: String, reflect: true })\n\tweight: 'normal' | 'medium' | 'bold' | undefined\n\t\n\t/**\n\t *\n\t * @attr\n\t * @default inherit\n\t * @type {'uppercase' |'lowercase' |'capitalize' |'normal'}\n\t * @public\n\t */\n\t@property({ type: String, reflect: true }) \n\ttransform: 'uppercase' | 'lowercase' | 'capitalize' | 'normal' | undefined\n\n\t@property({ type: Number })\n\tmaxLines: 1 | 2 | 3 | 4 | 5 | 6 | undefined\n\n\t/** When true, the element becomes contenteditable and dispatches 'change' events on blur/Enter */\n\t@property({ type: Boolean, reflect: true }) editable = false\n\t/** The text value when in editable mode. Set via property binding: .value=${...} */\n\t@property({ type: String }) value = ''\n\t/** Placeholder shown when editable and empty */\n\t@property({ type: String }) placeholder = ''\n\n\tprivate _editRef = createRef<HTMLDivElement>()\n\n\t/** Focus and select all text in editable mode */\n\tselectAll() {\n\t\tconst el = this._editRef.value\n\t\tif (!el) return\n\t\tel.focus()\n\t\tconst sel = window.getSelection()\n\t\tif (sel && el.textContent) {\n\t\t\tconst range = document.createRange()\n\t\t\trange.selectNodeContents(el)\n\t\t\tsel.removeAllRanges()\n\t\t\tsel.addRange(range)\n\t\t}\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\tfromEvent<FocusEvent>(this, 'focusout').pipe(\n\t\t\tfilter(() => this.editable),\n\t\t\ttap(() => {\n\t\t\t\tconst el = this._editRef.value\n\t\t\t\tif (!el) return\n\t\t\t\tconst newValue = el.innerText.trim()\n\t\t\t\tif (newValue !== this.value) {\n\t\t\t\t\tthis.dispatchEvent(new CustomEvent('change', {\n\t\t\t\t\t\tdetail: { value: newValue },\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}))\n\t\t\t\t}\n\t\t\t\t// Ensure truly empty so :empty CSS placeholder works\n\t\t\t\tif (!newValue) el.textContent = ''\n\t\t\t}),\n\t\t\ttakeUntil(this.disconnecting),\n\t\t).subscribe()\n\n\t\t// Clean stray <br> / whitespace nodes so :empty CSS matches\n\t\tfromEvent(this, 'input').pipe(\n\t\t\tfilter(() => this.editable),\n\t\t\ttap(() => {\n\t\t\t\tconst el = this._editRef.value\n\t\t\t\tif (el && !el.innerText.trim()) el.textContent = ''\n\t\t\t}),\n\t\t\ttakeUntil(this.disconnecting),\n\t\t).subscribe()\n\n\t\tfromEvent<KeyboardEvent>(this, 'keydown').pipe(\n\t\t\tfilter(() => this.editable),\n\t\t\tfilter(e => e.key === 'Enter'),\n\t\t\ttap(e => { e.preventDefault(); (this._editRef.value ?? this).blur() }),\n\t\t\ttakeUntil(this.disconnecting),\n\t\t).subscribe()\n\t}\n\n\tprotected updated(changedProperties: Map<string, unknown>): void {\n\t\tsuper.updated(changedProperties)\n\t\tif (changedProperties.has('maxLines')) {\n\t\t\t// Remove all line-clamp classes\n\t\t\tthis.classList.remove('line-clamp-1', 'line-clamp-2', 'line-clamp-3', 'line-clamp-4', 'line-clamp-5', 'line-clamp-6')\n\t\t\t// Add the appropriate one\n\t\t\tif (this.maxLines) {\n\t\t\t\tthis.classList.add(`line-clamp-${this.maxLines}`)\n\t\t\t}\n\t\t}\n\t\tif ((changedProperties.has('value') || changedProperties.has('editable')) && this.editable) {\n\t\t\tconst el = this._editRef.value\n\t\t\tif (el && document.activeElement !== el) {\n\t\t\t\tif (this.value) {\n\t\t\t\t\tel.innerText = this.value\n\t\t\t\t} else {\n\t\t\t\t\tel.textContent = ''\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tprotected render(): unknown {\n\t\tif (this.editable) {\n\t\t\treturn html`<div\n\t\t\t\t${ref(this._editRef)}\n\t\t\t\tclass=\"edit\"\n\t\t\t\tcontenteditable=\"true\"\n\t\t\t\tdata-placeholder=${this.placeholder ?? ''}\n\t\t\t></div>`\n\t\t}\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-typography': SchmancyTypography\n\t}\n}"],"mappings":"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"}

package/dist/utils-BcaKtQuA.cjs

@@ -0,0 +1 @@
+require(`./animation-CO_Csq84.cjs`),require(`./overlay-stack-DQey9Qph.cjs`),require(`./intersection-CZpaIHeT.cjs`);var e=class{constructor(){this.systemLocale=typeof navigator<`u`&&navigator.language?navigator.language:`de-DE`}roundNumber(e,t=2){let n=10**t;return Math.round(e*n)/n}formatNumber(e,t=this.systemLocale,n={}){return new Intl.NumberFormat(t,n).format(e)}parseToPureNumber(e,t=`,`){let n=e.replace(t,`.`);return parseFloat(n)}doIt(e,t=2,n=this.systemLocale,r={}){let i=this.roundNumber(e,t);return this.formatNumber(i,n,r)}formatCurrency(e,t=`€`){return`${t}${this.doIt(e)}`}formatDelta(e,t=`€`){return`${e>0?`↑`:e<0?`↓`:`→`} ${t}${this.doIt(Math.abs(e))}`}getDeltaClass(e){return e>0?`text-error-default`:e<0?`text-primary-default`:`text-neutral`}toMixedFraction(e,t=16,n=4){let r=e<0;e=Math.abs(e);let i=Math.floor(e),a=e-i;if(a<1/10**t)return r?`-${i}`:`${i}`;let{numerator:o,denominator:s}=this.decimalToFraction(a,t,n);return i===0?r?`-${o}/${s}`:`${o}/${s}`:r?`-${i} ${o}/${s}`:`${i} ${o}/${s}`}decimalToFraction(e,t,n=4){if(e===0)return{numerator:0,denominator:1};let r=1/0,i=0,a=1,o=[];n>=5&&o.push({n:1,d:5},{n:2,d:5},{n:3,d:5},{n:4,d:5}),n>=6&&o.push({n:1,d:6},{n:5,d:6}),n>=8&&o.push({n:1,d:8},{n:3,d:8},{n:5,d:8},{n:7,d:8}),n>=10&&o.push({n:1,d:10},{n:3,d:10},{n:7,d:10},{n:9,d:10}),n>=12&&o.push({n:1,d:12},{n:5,d:12},{n:7,d:12},{n:11,d:12}),n>=16&&o.push({n:1,d:16},{n:3,d:16},{n:5,d:16},{n:7,d:16},{n:9,d:16},{n:11,d:16},{n:13,d:16},{n:15,d:16});let s=[{n:1,d:2},{n:1,d:3},{n:2,d:3},{n:1,d:4},{n:3,d:4},...o];for(let o of s)if(o.d<=n){let n=Math.abs(e-o.n/o.d);if(n<r&&(r=n,i=o.n,a=o.d,n<1/10**t))return{numerator:o.n,denominator:o.d}}for(let t=1;t<=n;t++){let n=Math.round(e*t),o=Math.abs(e-n/t);o<r&&(r=o,i=n,a=t)}if(r>1/10**(t/2)&&n>4){let r=1,o=0,s=0,c=1,l=e;do{let u=Math.floor(l),d=r;if(r=u*r+o,o=d,d=s,s=u*s+c,c=d,l=1/(l-u),Math.abs(e-r/s)<1/10**t||s>n)return s>n?{numerator:i,denominator:a}:{numerator:r,denominator:s}}while(l!==1/0);i=r,a=s}let c=this.findGCD(i,a);return{numerator:i/c,denominator:a/c}}findGCD(e,t){return t===0?e:this.findGCD(t,e%t)}formatMixedFraction(e,t=`ascii`,n=16,r=4){let i=this.toMixedFraction(e,n,r);if(t===`ascii`)return i;let a=i.startsWith(`-`),o=a?i.substring(1):i,s=o.includes(` `);if(!o.includes(`/`))return i;let c=``,l=o;if(s){let e=o.split(` `);c=e[0],l=e[1]}let[u,d]=l.split(`/`);if(t===`unicode`){let e=this.getUnicodeFraction(parseInt(u),parseInt(d));return e?a?`-${c}${s?` `:``}${e}`:`${c}${s?` `:``}${e}`:i}if(t===`superscript`){let e=this.toSuperscript(u),t=this.toSubscript(d);return s?a?`-${c} ${e}⁄${t}`:`${c} ${e}⁄${t}`:a?`-${e}⁄${t}`:`${e}⁄${t}`}return i}getUnicodeFraction(e,t){return{"1/4":`¼`,"1/2":`½`,"3/4":`¾`,"1/3":`⅓`,"2/3":`⅔`,"1/5":`⅕`,"2/5":`⅖`,"3/5":`⅗`,"4/5":`⅘`,"1/6":`⅙`,"5/6":`⅚`,"1/7":`⅐`,"1/8":`⅛`,"3/8":`⅜`,"5/8":`⅝`,"7/8":`⅞`,"1/9":`⅑`,"1/10":`⅒`}[`${e}/${t}`]||null}toSuperscript(e){let t={0:`⁰`,1:`¹`,2:`²`,3:`³`,4:`⁴`,5:`⁵`,6:`⁶`,7:`⁷`,8:`⁸`,9:`⁹`,"-":`⁻`};return e.split(``).map(e=>t[e]||e).join(``)}toSubscript(e){let t={0:`₀`,1:`₁`,2:`₂`,3:`₃`,4:`₄`,5:`₅`,6:`₆`,7:`₇`,8:`₈`,9:`₉`,"-":`₋`};return e.split(``).map(e=>t[e]||e).join(``)}};new e,Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return e}});

package/dist/utils-BcaKtQuA.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-BcaKtQuA.cjs","names":[],"sources":["../src/utils/number.ts"],"sourcesContent":["/**\n * Gets the user's system locale from browser settings.\n * Falls back to 'de-DE' if not available (e.g., in Node.js environment).\n */\nconst getSystemLocale = (): string => {\n  if (typeof navigator !== 'undefined' && navigator.language) {\n    return navigator.language\n  }\n  return 'de-DE'\n}\n\nexport class Numbers {\n  /**\n   * The system locale detected from user's browser/OS settings.\n   * Use this for display formatting. For exports, use explicit locale like 'de-DE'.\n   */\n  readonly systemLocale = getSystemLocale()\n\n  /**\n   * Rounds a number to the specified number of decimal places.\n   * @param {number} number - The number to round.\n   * @param {number} [decimalPlaces=2] - The number of decimal places to round to.\n   * @returns {number} - The rounded number.\n   */\n  roundNumber(number: number, decimalPlaces: number = 2): number {\n    const factor = Math.pow(10, decimalPlaces);\n    return Math.round(number * factor) / factor;\n  }\n\n  /**\n   * Formats a number according to the specified locale and options.\n   * Uses the user's system locale by default for display formatting.\n   *\n   * @param {number} number - The number to format.\n   * @param {string} [locale] - The locale string (e.g., 'de-DE'). Defaults to system locale.\n   * @param {Intl.NumberFormatOptions} [options={}] - Additional formatting options.\n   * @returns {string} - The formatted number as a string.\n   *\n   * @example\n   * // Uses system locale (e.g., user's browser setting)\n   * numbers.formatNumber(1234.56)\n   *\n   * // Explicit locale for exports (bank systems expect German format)\n   * numbers.formatNumber(1234.56, 'de-DE', { useGrouping: false })\n   */\n  formatNumber(\n    number: number,\n    locale: string = this.systemLocale,\n    options: Intl.NumberFormatOptions = {},\n  ): string {\n    return new Intl.NumberFormat(locale, options).format(number);\n  }\n\n  /**\n   * Parses a string with a specified decimal separator into a number.\n   * @param {string} numberString - The string to parse.\n   * @param {string} [decimalSeparator=','] - The decimal separator used in the string.\n   * @returns {number} - The parsed number.\n   */\n  parseToPureNumber(\n    numberString: string,\n    decimalSeparator: string = \",\",\n  ): number {\n    const normalizedString = numberString.replace(decimalSeparator, \".\");\n    return parseFloat(normalizedString);\n  }\n\n  /**\n   * Rounds a number to the specified decimal places and formats it according to the specified locale and options.\n   * Uses the user's system locale by default.\n   *\n   * @param {number} number - The number to process.\n   * @param {number} [decimalPlaces=2] - The number of decimal places to round to.\n   * @param {string} [locale] - The locale string. Defaults to system locale.\n   * @param {Intl.NumberFormatOptions} [options={}] - Additional formatting options.\n   * @returns {string} - The formatted number as a string.\n   */\n  doIt(\n    number: number,\n    decimalPlaces: number = 2,\n    locale: string = this.systemLocale,\n    options: Intl.NumberFormatOptions = {},\n  ): string {\n    const roundedNumber = this.roundNumber(number, decimalPlaces);\n    return this.formatNumber(roundedNumber, locale, options);\n  }\n\n  /**\n   * Format a currency amount consistently across the application\n   *\n   * @param amount The amount to format\n   * @param currency The currency symbol to display (default: '€')\n   * @returns Formatted amount with currency symbol\n   */\n  formatCurrency(amount: number, currency: string = \"€\"): string {\n    return `${currency}${this.doIt(amount)}`;\n  }\n\n  /**\n   * Format a delta value with appropriate directional indicator\n   *\n   * @param delta The delta amount to format\n   * @param currency The currency symbol to display (default: '€')\n   * @returns Formatted delta with direction indicator and currency symbol\n   */\n  formatDelta(delta: number, currency: string = \"€\"): string {\n    const symbol = delta > 0 ? \"↑\" : delta < 0 ? \"↓\" : \"→\";\n    return `${symbol} ${currency}${this.doIt(Math.abs(delta))}`;\n  }\n\n  /**\n   * Get CSS class for delta value\n   *\n   * @param delta The delta amount\n   * @returns CSS class based on delta direction\n   */\n  getDeltaClass(delta: number): string {\n    return delta > 0\n      ? \"text-error-default\"\n      : delta < 0\n        ? \"text-primary-default\"\n        : \"text-neutral\";\n  }\n\n  /**\n   * Converts a decimal number to a mixed fraction string\n   * For example: 1.5 becomes \"1 1/2\", 2.25 becomes \"2 1/4\"\n   *\n   * @param number The decimal number to convert\n   * @param precision The precision level for fraction approximation (default: 16)\n   * @param maxDenominator The maximum allowed denominator (default: 4)\n   * @returns A string representing the mixed fraction\n   */\n  toMixedFraction(\n    number: number,\n    precision: number = 16,\n    maxDenominator: number = 4,\n  ): string {\n    // Handle negative numbers\n    const isNegative = number < 0;\n    number = Math.abs(number);\n\n    // Extract whole number part\n    const wholePart = Math.floor(number);\n\n    // Extract decimal part and convert to fraction\n    let decimalPart = number - wholePart;\n\n    // If the decimal part is very small or zero, just return the whole number\n    if (decimalPart < 1 / Math.pow(10, precision)) {\n      return isNegative ? `-${wholePart}` : `${wholePart}`;\n    }\n\n    // Find the best fraction approximation using precision and max denominator\n    const { numerator, denominator } = this.decimalToFraction(\n      decimalPart,\n      precision,\n      maxDenominator,\n    );\n\n    // Format based on whether there's a whole part\n    if (wholePart === 0) {\n      return isNegative\n        ? `-${numerator}/${denominator}`\n        : `${numerator}/${denominator}`;\n    } else {\n      return isNegative\n        ? `-${wholePart} ${numerator}/${denominator}`\n        : `${wholePart} ${numerator}/${denominator}`;\n    }\n  }\n\n  /**\n   * Converts a decimal to a simplified fraction with a maximum denominator\n   *\n   * @param decimal The decimal part to convert (0 <= decimal < 1)\n   * @param precision The precision level for approximation\n   * @param maxDenominator The maximum allowed denominator (default: 4)\n   * @returns Object containing numerator and denominator\n   */\n  private decimalToFraction(\n    decimal: number,\n    precision: number,\n    maxDenominator: number = 4,\n  ): { numerator: number; denominator: number } {\n    if (decimal === 0) {\n      return { numerator: 0, denominator: 1 };\n    }\n\n    // Initialize best approximation\n    let bestError = Infinity;\n    let bestNumerator = 0;\n    let bestDenominator = 1;\n\n    // Check common fractions first for better user experience\n    // Filter to only include fractions with denominators <= maxDenominator\n    const commonFractions = [\n      { n: 1, d: 2 }, // 1/2\n      { n: 1, d: 3 }, // 1/3\n      { n: 2, d: 3 }, // 2/3\n      { n: 1, d: 4 }, // 1/4\n      { n: 3, d: 4 }, // 3/4\n    ];\n\n    // Add additional fractions only if maxDenominator allows\n    const additionalFractions = [];\n    if (maxDenominator >= 5) {\n      additionalFractions.push(\n        { n: 1, d: 5 }, // 1/5\n        { n: 2, d: 5 }, // 2/5\n        { n: 3, d: 5 }, // 3/5\n        { n: 4, d: 5 }, // 4/5\n      );\n    }\n    if (maxDenominator >= 6) {\n      additionalFractions.push(\n        { n: 1, d: 6 }, // 1/6\n        { n: 5, d: 6 }, // 5/6\n      );\n    }\n    if (maxDenominator >= 8) {\n      additionalFractions.push(\n        { n: 1, d: 8 }, // 1/8\n        { n: 3, d: 8 }, // 3/8\n        { n: 5, d: 8 }, // 5/8\n        { n: 7, d: 8 }, // 7/8\n      );\n    }\n    if (maxDenominator >= 10) {\n      additionalFractions.push(\n        { n: 1, d: 10 }, // 1/10\n        { n: 3, d: 10 }, // 3/10\n        { n: 7, d: 10 }, // 7/10\n        { n: 9, d: 10 }, // 9/10\n      );\n    }\n    if (maxDenominator >= 12) {\n      additionalFractions.push(\n        { n: 1, d: 12 }, // 1/12\n        { n: 5, d: 12 }, // 5/12\n        { n: 7, d: 12 }, // 7/12\n        { n: 11, d: 12 }, // 11/12\n      );\n    }\n    if (maxDenominator >= 16) {\n      additionalFractions.push(\n        { n: 1, d: 16 }, // 1/16\n        { n: 3, d: 16 }, // 3/16\n        { n: 5, d: 16 }, // 5/16\n        { n: 7, d: 16 }, // 7/16\n        { n: 9, d: 16 }, // 9/16\n        { n: 11, d: 16 }, // 11/16\n        { n: 13, d: 16 }, // 13/16\n        { n: 15, d: 16 }, // 15/16\n      );\n    }\n\n    // Combine all applicable fractions\n    const allFractions = [...commonFractions, ...additionalFractions];\n\n    // Check common fractions first\n    for (const frac of allFractions) {\n      if (frac.d <= maxDenominator) {\n        const error = Math.abs(decimal - frac.n / frac.d);\n        if (error < bestError) {\n          bestError = error;\n          bestNumerator = frac.n;\n          bestDenominator = frac.d;\n\n          // If we're very close to a common fraction, just use it\n          if (error < 1 / Math.pow(10, precision)) {\n            return { numerator: frac.n, denominator: frac.d };\n          }\n        }\n      }\n    }\n\n    // If no suitable common fraction found, use a more sophisticated approach\n    // for denominators up to maxDenominator\n\n    // Find the best approximation with denominator <= maxDenominator\n    for (let d = 1; d <= maxDenominator; d++) {\n      // Find best numerator for this denominator\n      const n = Math.round(decimal * d);\n      const error = Math.abs(decimal - n / d);\n\n      if (error < bestError) {\n        bestError = error;\n        bestNumerator = n;\n        bestDenominator = d;\n      }\n    }\n\n    // Only use continued fraction expansion if we're significantly off\n    // and maxDenominator allows for larger denominators\n    if (bestError > 1 / Math.pow(10, precision / 2) && maxDenominator > 4) {\n      // Implementation of continued fraction expansion\n      let n1 = 1,\n        n2 = 0;\n      let d1 = 0,\n        d2 = 1;\n      let b = decimal;\n\n      do {\n        let a = Math.floor(b);\n        let aux = n1;\n        n1 = a * n1 + n2;\n        n2 = aux;\n\n        aux = d1;\n        d1 = a * d1 + d2;\n        d2 = aux;\n\n        b = 1 / (b - a);\n\n        // Calculate the current approximation\n        const currentError = Math.abs(decimal - n1 / d1);\n\n        // If we hit the precision limit or if the denominator gets too large, use this approximation\n        if (currentError < 1 / Math.pow(10, precision) || d1 > maxDenominator) {\n          // If d1 exceeds maxDenominator, return the previous best result\n          if (d1 > maxDenominator) {\n            return { numerator: bestNumerator, denominator: bestDenominator };\n          }\n\n          // Otherwise return this result\n          return { numerator: n1, denominator: d1 };\n        }\n      } while (b !== Infinity);\n\n      bestNumerator = n1;\n      bestDenominator = d1;\n    }\n\n    // Simplify the fraction\n    const gcd = this.findGCD(bestNumerator, bestDenominator);\n    return {\n      numerator: bestNumerator / gcd,\n      denominator: bestDenominator / gcd,\n    };\n  }\n\n  /**\n   * Calculates the greatest common divisor of two numbers\n   */\n  private findGCD(a: number, b: number): number {\n    return b === 0 ? a : this.findGCD(b, a % b);\n  }\n\n  /**\n   * Alternative method to get a formatted mixed fraction with a specified format\n   *\n   * @param number The decimal number to convert\n   * @param format The format specification ('unicode', 'ascii', 'superscript')\n   * @param precision The precision level for fraction approximation\n   * @param maxDenominator The maximum allowed denominator (default: 4)\n   * @returns A formatted string representing the mixed fraction\n   */\n  formatMixedFraction(\n    number: number,\n    format: \"unicode\" | \"ascii\" | \"superscript\" = \"ascii\",\n    precision: number = 16,\n    maxDenominator: number = 4,\n  ): string {\n    // Get the basic mixed fraction\n    const basicFraction = this.toMixedFraction(\n      number,\n      precision,\n      maxDenominator,\n    );\n\n    // If the format is ascii, just return the basic fraction\n    if (format === \"ascii\") {\n      return basicFraction;\n    }\n\n    // For unicode and superscript formats, we need to parse the basic fraction\n    const isNegative = basicFraction.startsWith(\"-\");\n    const withoutSign = isNegative ? basicFraction.substring(1) : basicFraction;\n\n    // Check if it's a pure fraction or mixed fraction\n    const hasMixedPart = withoutSign.includes(\" \");\n\n    if (!withoutSign.includes(\"/\")) {\n      // If there's no fraction part, just return the number\n      return basicFraction;\n    }\n\n    let wholePart = \"\";\n    let fractionPart = withoutSign;\n\n    if (hasMixedPart) {\n      // Split the whole and fraction parts\n      const parts = withoutSign.split(\" \");\n      wholePart = parts[0];\n      fractionPart = parts[1];\n    }\n\n    // Split the fraction part into numerator and denominator\n    const [numerator, denominator] = fractionPart.split(\"/\");\n\n    if (format === \"unicode\") {\n      // Try to find a unicode fraction character\n      const unicodeFraction = this.getUnicodeFraction(\n        parseInt(numerator),\n        parseInt(denominator),\n      );\n\n      if (unicodeFraction) {\n        return isNegative\n          ? `-${wholePart}${hasMixedPart ? \" \" : \"\"}${unicodeFraction}`\n          : `${wholePart}${hasMixedPart ? \" \" : \"\"}${unicodeFraction}`;\n      }\n\n      // Fallback to basic format if no unicode fraction is available\n      return basicFraction;\n    }\n\n    // Handle superscript format\n    if (format === \"superscript\") {\n      const superNumerator = this.toSuperscript(numerator);\n      const subDenominator = this.toSubscript(denominator);\n\n      if (hasMixedPart) {\n        return isNegative\n          ? `-${wholePart} ${superNumerator}⁄${subDenominator}`\n          : `${wholePart} ${superNumerator}⁄${subDenominator}`;\n      } else {\n        return isNegative\n          ? `-${superNumerator}⁄${subDenominator}`\n          : `${superNumerator}⁄${subDenominator}`;\n      }\n    }\n\n    // Fallback to basic format\n    return basicFraction;\n  }\n\n  /**\n   * Gets the Unicode fraction character if available\n   *\n   * @param numerator The numerator\n   * @param denominator The denominator\n   * @returns Unicode fraction character or null if not available\n   */\n  private getUnicodeFraction(\n    numerator: number,\n    denominator: number,\n  ): string | null {\n    // Map common fractions to their Unicode characters\n    const fractionMap: Record<string, string> = {\n      \"1/4\": \"¼\",\n      \"1/2\": \"½\",\n      \"3/4\": \"¾\",\n      \"1/3\": \"⅓\",\n      \"2/3\": \"⅔\",\n      \"1/5\": \"⅕\",\n      \"2/5\": \"⅖\",\n      \"3/5\": \"⅗\",\n      \"4/5\": \"⅘\",\n      \"1/6\": \"⅙\",\n      \"5/6\": \"⅚\",\n      \"1/7\": \"⅐\",\n      \"1/8\": \"⅛\",\n      \"3/8\": \"⅜\",\n      \"5/8\": \"⅝\",\n      \"7/8\": \"⅞\",\n      \"1/9\": \"⅑\",\n      \"1/10\": \"⅒\",\n    };\n\n    const key = `${numerator}/${denominator}`;\n    return fractionMap[key] || null;\n  }\n\n  /**\n   * Converts digits to superscript\n   */\n  private toSuperscript(str: string): string {\n    const superscriptMap: Record<string, string> = {\n      \"0\": \"⁰\",\n      \"1\": \"¹\",\n      \"2\": \"²\",\n      \"3\": \"³\",\n      \"4\": \"⁴\",\n      \"5\": \"⁵\",\n      \"6\": \"⁶\",\n      \"7\": \"⁷\",\n      \"8\": \"⁸\",\n      \"9\": \"⁹\",\n      \"-\": \"⁻\",\n    };\n\n    return str\n      .split(\"\")\n      .map((char) => superscriptMap[char] || char)\n      .join(\"\");\n  }\n\n  /**\n   * Converts digits to subscript\n   */\n  private toSubscript(str: string): string {\n    const subscriptMap: Record<string, string> = {\n      \"0\": \"₀\",\n      \"1\": \"₁\",\n      \"2\": \"₂\",\n      \"3\": \"₃\",\n      \"4\": \"₄\",\n      \"5\": \"₅\",\n      \"6\": \"₆\",\n      \"7\": \"₇\",\n      \"8\": \"₈\",\n      \"9\": \"₉\",\n      \"-\": \"₋\",\n    };\n\n    return str\n      .split(\"\")\n      .map((char) => subscriptMap[char] || char)\n      .join(\"\");\n  }\n}\n\n\n\nconst numbers = new Numbers()\n\nexport default numbers"],"mappings":"mHAIA,IAOa,EAAb,KAAA,CAAA,aAAA,CAAA,KAAA,aAN2B,OAAd,UAAc,KAAe,UAAU,SACzC,UAAU,SAEZ,QAgBP,YAAY,EAAgB,EAAwB,EAAA,CAClD,IAAM,EAAkB,IAAI,EAC5B,OAAO,KAAK,MAAM,EAAS,EAAA,CAAU,EAmBvC,aACE,EACA,EAAiB,KAAK,aACtB,EAAoC,EAAA,CAAA,CAEpC,OAAO,IAAI,KAAK,aAAa,EAAQ,EAAA,CAAS,OAAO,EAAA,CASvD,kBACE,EACA,EAA2B,IAAA,CAE3B,IAAM,EAAmB,EAAa,QAAQ,EAAkB,IAAA,CAChE,OAAO,WAAW,EAAA,CAapB,KACE,EACA,EAAwB,EACxB,EAAiB,KAAK,aACtB,EAAoC,EAAA,CAAA,CAEpC,IAAM,EAAgB,KAAK,YAAY,EAAQ,EAAA,CAC/C,OAAO,KAAK,aAAa,EAAe,EAAQ,EAAA,CAUlD,eAAe,EAAgB,EAAmB,IAAA,CAChD,MAAO,GAAG,IAAW,KAAK,KAAK,EAAA,GAUjC,YAAY,EAAe,EAAmB,IAAA,CAE5C,MAAO,GADQ,EAAQ,EAAI,IAAM,EAAQ,EAAI,IAAM,IAAA,GAC/B,IAAW,KAAK,KAAK,KAAK,IAAI,EAAA,CAAA,GASpD,cAAc,EAAA,CACZ,OAAO,EAAQ,EACX,qBACA,EAAQ,EACN,uBACA,eAYR,gBACE,EACA,EAAoB,GACpB,EAAyB,EAAA,CAGzB,IAAM,EAAa,EAAS,EAC5B,EAAS,KAAK,IAAI,EAAA,CAGlB,IAAM,EAAY,KAAK,MAAM,EAAA,CAGzB,EAAc,EAAS,EAG3B,GAAI,EAAc,EAAa,IAAI,EACjC,OAAO,EAAa,IAAI,IAAc,GAAG,IAI3C,GAAA,CAAM,UAAE,EAAA,YAAW,GAAgB,KAAK,kBACtC,EACA,EACA,EAAA,CAIF,OAAI,IAAc,EACT,EACH,IAAI,EAAA,GAAa,IACjB,GAAG,EAAA,GAAa,IAEb,EACH,IAAI,EAAA,GAAa,EAAA,GAAa,IAC9B,GAAG,EAAA,GAAa,EAAA,GAAa,IAYrC,kBACE,EACA,EACA,EAAyB,EAAA,CAEzB,GAAI,IAAY,EACd,MAAO,CAAE,UAAW,EAAG,YAAa,EAAA,CAItC,IAAI,EAAY,IACZ,EAAgB,EAChB,EAAkB,EAahB,EAAsB,EAAA,CACxB,GAAkB,GACpB,EAAoB,KAClB,CAAE,EAAG,EAAG,EAAG,EAAA,CACX,CAAE,EAAG,EAAG,EAAG,EAAA,CACX,CAAE,EAAG,EAAG,EAAG,EAAA,CACX,CAAE,EAAG,EAAG,EAAG,EAAA,CAAA,CAGX,GAAkB,GACpB,EAAoB,KAClB,CAAE,EAAG,EAAG,EAAG,EAAA,CACX,CAAE,EAAG,EAAG,EAAG,EAAA,CAAA,CAGX,GAAkB,GACpB,EAAoB,KAClB,CAAE,EAAG,EAAG,EAAG,EAAA,CACX,CAAE,EAAG,EAAG,EAAG,EAAA,CACX,CAAE,EAAG,EAAG,EAAG,EAAA,CACX,CAAE,EAAG,EAAG,EAAG,EAAA,CAAA,CAGX,GAAkB,IACpB,EAAoB,KAClB,CAAE,EAAG,EAAG,EAAG,GAAA,CACX,CAAE,EAAG,EAAG,EAAG,GAAA,CACX,CAAE,EAAG,EAAG,EAAG,GAAA,CACX,CAAE,EAAG,EAAG,EAAG,GAAA,CAAA,CAGX,GAAkB,IACpB,EAAoB,KAClB,CAAE,EAAG,EAAG,EAAG,GAAA,CACX,CAAE,EAAG,EAAG,EAAG,GAAA,CACX,CAAE,EAAG,EAAG,EAAG,GAAA,CACX,CAAE,EAAG,GAAI,EAAG,GAAA,CAAA,CAGZ,GAAkB,IACpB,EAAoB,KAClB,CAAE,EAAG,EAAG,EAAG,GAAA,CACX,CAAE,EAAG,EAAG,EAAG,GAAA,CACX,CAAE,EAAG,EAAG,EAAG,GAAA,CACX,CAAE,EAAG,EAAG,EAAG,GAAA,CACX,CAAE,EAAG,EAAG,EAAG,GAAA,CACX,CAAE,EAAG,GAAI,EAAG,GAAA,CACZ,CAAE,EAAG,GAAI,EAAG,GAAA,CACZ,CAAE,EAAG,GAAI,EAAG,GAAA,CAAA,CAKhB,IAAM,EAAe,CA7DnB,CAAE,EAAG,EAAG,EAAG,EAAA,CACX,CAAE,EAAG,EAAG,EAAG,EAAA,CACX,CAAE,EAAG,EAAG,EAAG,EAAA,CACX,CAAE,EAAG,EAAG,EAAG,EAAA,CACX,CAAE,EAAG,EAAG,EAAG,EAAA,CAAA,GAyDgC,EAAA,CAG7C,IAAK,IAAM,KAAQ,EACjB,GAAI,EAAK,GAAK,EAAgB,CAC5B,IAAM,EAAQ,KAAK,IAAI,EAAU,EAAK,EAAI,EAAK,EAAA,CAC/C,GAAI,EAAQ,IACV,EAAY,EACZ,EAAgB,EAAK,EACrB,EAAkB,EAAK,EAGnB,EAAQ,EAAa,IAAI,GAC3B,MAAO,CAAE,UAAW,EAAK,EAAG,YAAa,EAAK,EAAA,CAUtD,IAAK,IAAI,EAAI,EAAG,GAAK,EAAgB,IAAK,CAExC,IAAM,EAAI,KAAK,MAAM,EAAU,EAAA,CACzB,EAAQ,KAAK,IAAI,EAAU,EAAI,EAAA,CAEjC,EAAQ,IACV,EAAY,EACZ,EAAgB,EAChB,EAAkB,GAMtB,GAAI,EAAY,EAAa,KAAI,EAAY,IAAM,EAAiB,EAAG,CAErE,IAAI,EAAK,EACP,EAAK,EACH,EAAK,EACP,EAAK,EACH,EAAI,EAER,EAAG,CACD,IAAI,EAAI,KAAK,MAAM,EAAA,CACf,EAAM,EAcV,GAbA,EAAK,EAAI,EAAK,EACd,EAAK,EAEL,EAAM,EACN,EAAK,EAAI,EAAK,EACd,EAAK,EAEL,EAAI,GAAK,EAAI,GAGQ,KAAK,IAAI,EAAU,EAAK,EAAA,CAG1B,EAAa,IAAI,GAAc,EAAK,EAErD,OAAI,EAAK,EACA,CAAE,UAAW,EAAe,YAAa,EAAA,CAI3C,CAAE,UAAW,EAAI,YAAa,EAAA,OAEhC,IAAM,KAEf,EAAgB,EAChB,EAAkB,EAIpB,IAAM,EAAM,KAAK,QAAQ,EAAe,EAAA,CACxC,MAAO,CACL,UAAW,EAAgB,EAC3B,YAAa,EAAkB,EAAA,CAOnC,QAAgB,EAAW,EAAA,CACzB,OAAO,IAAM,EAAI,EAAI,KAAK,QAAQ,EAAG,EAAI,EAAA,CAY3C,oBACE,EACA,EAA8C,QAC9C,EAAoB,GACpB,EAAyB,EAAA,CAGzB,IAAM,EAAgB,KAAK,gBACzB,EACA,EACA,EAAA,CAIF,GAAI,IAAW,QACb,OAAO,EAIT,IAAM,EAAa,EAAc,WAAW,IAAA,CACtC,EAAc,EAAa,EAAc,UAAU,EAAA,CAAK,EAGxD,EAAe,EAAY,SAAS,IAAA,CAE1C,GAAA,CAAK,EAAY,SAAS,IAAA,CAExB,OAAO,EAGT,IAAI,EAAY,GACZ,EAAe,EAEnB,GAAI,EAAc,CAEhB,IAAM,EAAQ,EAAY,MAAM,IAAA,CAChC,EAAY,EAAM,GAClB,EAAe,EAAM,GAIvB,GAAA,CAAO,EAAW,GAAe,EAAa,MAAM,IAAA,CAEpD,GAAI,IAAW,UAAW,CAExB,IAAM,EAAkB,KAAK,mBAC3B,SAAS,EAAA,CACT,SAAS,EAAA,CAAA,CAGX,OAAI,EACK,EACH,IAAI,IAAY,EAAe,IAAM,KAAK,IAC1C,GAAG,IAAY,EAAe,IAAM,KAAK,IAIxC,EAIT,GAAI,IAAW,cAAe,CAC5B,IAAM,EAAiB,KAAK,cAAc,EAAA,CACpC,EAAiB,KAAK,YAAY,EAAA,CAExC,OAAI,EACK,EACH,IAAI,EAAA,GAAa,EAAA,GAAkB,IACnC,GAAG,EAAA,GAAa,EAAA,GAAkB,IAE/B,EACH,IAAI,EAAA,GAAkB,IACtB,GAAG,EAAA,GAAkB,IAK7B,OAAO,EAUT,mBACE,EACA,EAAA,CAyBA,MAtB4C,CAC1C,MAAO,IACP,MAAO,IACP,MAAO,IACP,MAAO,IACP,MAAO,IACP,MAAO,IACP,MAAO,IACP,MAAO,IACP,MAAO,IACP,MAAO,IACP,MAAO,IACP,MAAO,IACP,MAAO,IACP,MAAO,IACP,MAAO,IACP,MAAO,IACP,MAAO,IACP,OAAQ,IAAA,CAGE,GAAG,EAAA,GAAa,MACD,KAM7B,cAAsB,EAAA,CACpB,IAAM,EAAyC,CAC7C,EAAK,IACL,EAAK,IACL,EAAK,IACL,EAAK,IACL,EAAK,IACL,EAAK,IACL,EAAK,IACL,EAAK,IACL,EAAK,IACL,EAAK,IACL,IAAK,IAAA,CAGP,OAAO,EACJ,MAAM,GAAA,CACN,IAAK,GAAS,EAAe,IAAS,EAAA,CACtC,KAAK,GAAA,CAMV,YAAoB,EAAA,CAClB,IAAM,EAAuC,CAC3C,EAAK,IACL,EAAK,IACL,EAAK,IACL,EAAK,IACL,EAAK,IACL,EAAK,IACL,EAAK,IACL,EAAK,IACL,EAAK,IACL,EAAK,IACL,IAAK,IAAA,CAGP,OAAO,EACJ,MAAM,GAAA,CACN,IAAK,GAAS,EAAa,IAAS,EAAA,CACpC,KAAK,GAAA,GAMI,IAAI,EAAA,OAAA,eAAA,QAAA,IAAA,CAAA,WAAA,CAAA,EAAA,IAAA,UAAA,CAAA,OAAA,GAAA,CAAA"}