@mhmo91/schmancy 0.8.4 → 0.9.2

package/dist/form-CW5XNuTg.js

@@ -0,0 +1,270 @@
+import { i as e, t } from "./tailwind.mixin-C4cx3IOr.js";
+import "./mixins.js";
+import { Subject as n, fromEvent as r, merge as i, takeUntil as a, tap as o } from "rxjs";
+import { customElement as s, property as c } from "lit/decorators.js";
+import { LitElement as l, html as u } from "lit";
+var d, f = class extends t() {
+	static {
+		d = this;
+	}
+	static {
+		this.tagName = "sch-form";
+	}
+	static {
+		this.formControlRegistry = [
+			{
+				tagName: "input",
+				hasValue: !0,
+				hasChecked: !0,
+				canSubmit: !0
+			},
+			{
+				tagName: "textarea",
+				hasValue: !0
+			},
+			{
+				tagName: "select",
+				hasValue: !0
+			},
+			{
+				tagName: "button",
+				canSubmit: !0
+			},
+			{
+				tagName: "radio",
+				hasChecked: !0
+			},
+			{
+				tagName: "schmancy-input",
+				hasValue: !0,
+				canSubmit: !0
+			},
+			{
+				tagName: "schmancy-mask-input",
+				hasValue: !0
+			},
+			{
+				tagName: "schmancy-button",
+				canSubmit: !0
+			},
+			{
+				tagName: "schmancy-icon-button",
+				canSubmit: !0
+			},
+			{
+				tagName: "schmancy-radio",
+				hasChecked: !0
+			},
+			{
+				tagName: "schmancy-switch",
+				hasChecked: !0
+			},
+			{
+				tagName: "schmancy-checkbox",
+				hasValue: !0,
+				hasChecked: !0
+			},
+			{
+				tagName: "schmancy-radio-group",
+				hasChecked: !0
+			},
+			{
+				tagName: "schmancy-autocomplete",
+				hasValue: !0,
+				hasChecked: !0
+			},
+			{
+				tagName: "schmancy-select",
+				hasValue: !0,
+				hasChecked: !0
+			},
+			{
+				tagName: "schmancy-combo",
+				hasValue: !0
+			},
+			{
+				tagName: "schmancy-date-time-input",
+				hasValue: !0
+			},
+			{
+				tagName: "schmancy-rating",
+				hasValue: !0
+			}
+		];
+	}
+	static registerFormControl(e) {
+		let t = this.formControlRegistry.findIndex((t) => t.tagName === e.tagName);
+		t >= 0 ? this.formControlRegistry[t] = {
+			...this.formControlRegistry[t],
+			...e
+		} : this.formControlRegistry.push(e);
+	}
+	static hasValue(e) {
+		return this.formControlRegistry.find((t) => t.tagName === e)?.hasValue || !1;
+	}
+	static hasChecked(e) {
+		return this.formControlRegistry.find((t) => t.tagName === e)?.hasChecked || !1;
+	}
+	static canSubmit(e) {
+		return this.formControlRegistry.find((t) => t.tagName === e)?.canSubmit || !1;
+	}
+	static {
+		this.shadowRootOptions = {
+			...l.shadowRootOptions,
+			mode: "open",
+			delegatesFocus: !1
+		};
+	}
+	constructor() {
+		super(), this.$disconnecting = new n(), this.novalidate = !1, i(r(this, "click").pipe(o((e) => {
+			e.target.type?.toLowerCase() === "submit" && this.handleSubmitRequest(e);
+		})), r(this, "keydown").pipe(o((e) => {
+			e.code !== "Enter" && e.key !== "Enter" || this.handleSubmitRequest(e);
+		}))).pipe(a(this.$disconnecting)).subscribe();
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this.$disconnecting.next(null), this.$disconnecting.complete();
+	}
+	submit() {
+		let e = this.getFormData();
+		return !(!this.novalidate && !this.reportValidity()) && (this.dispatchEvent(new CustomEvent("submit", { detail: e })), !0);
+	}
+	reset() {
+		this.getFormElements().forEach((e) => {
+			let t = e.tagName.toLowerCase();
+			if (t === "select") {
+				let t = e;
+				for (let e = 0; e < t.options.length; e++) {
+					let n = t.options[e];
+					n.selected = n.defaultSelected;
+				}
+			} else t === "input" && (e.type === "checkbox" || e.type === "radio") || t !== "input" && d.hasChecked(t) ? e.checked = e.hasAttribute("checked") : t === "schmancy-input" || t === "schmancy-rating" || t === "schmancy-mask-input" || t === "schmancy-date-time-input" ? e.value = e.getAttribute("value") : d.hasValue(t) && (e.value = e.defaultValue);
+		}), this.dispatchEvent(new CustomEvent("reset"));
+	}
+	getFormElements() {
+		let e = (this.shadowRoot?.querySelector("slot"))?.assignedElements({ flatten: !0 }), t = [];
+		return e?.forEach((e) => {
+			e.disabled || t.push(e);
+			let n = Array.from(e.getElementsByTagName("*")).filter((e) => !e.disabled);
+			t.push(...n);
+		}), t;
+	}
+	getFormData() {
+		let e = new FormData();
+		return this.getFormElements().forEach((t) => {
+			if (!t.name) return;
+			let n = t.tagName.toLowerCase();
+			if (n === "select") for (let n = 0; n < t.options.length; n++) {
+				let r = t.options[n];
+				r.selected && e.append(t.name, r.value);
+			}
+			else d.hasChecked(n) && t.checked ? e.append(t.name, t.value || "on") : d.hasValue(n) && t.type !== "checkbox" && t.type !== "radio" && t.type !== "submit" && e.append(t.name, t.value || "");
+		}), e;
+	}
+	reportValidity() {
+		return !this.getFormElements().some((e) => typeof e.reportValidity == "function" && !1 === e.reportValidity());
+	}
+	handleSubmitRequest(e) {
+		let t = e.target, n = t.tagName.toLowerCase();
+		return d.canSubmit(n) ? this.submit() : t.type?.toLowerCase() === "reset" && this.reset(), !0;
+	}
+	render() {
+		return u`<slot></slot>`;
+	}
+};
+e([c({
+	type: Boolean,
+	reflect: !0
+})], f.prototype, "novalidate", void 0), f = d = e([s("sch-form")], f);
+var p = class extends t() {
+	static {
+		this.tagName = "schmancy-form";
+	}
+	static {
+		this.shadowRootOptions = {
+			...l.shadowRootOptions,
+			mode: "open",
+			delegatesFocus: !1
+		};
+	}
+	constructor() {
+		super(), this.$disconnecting = new n(), this._controlsWithChecked = [
+			"input",
+			"radio",
+			"schmancy-radio",
+			"schmancy-switch",
+			"schmancy-checkbox",
+			"schmancy-radio-group",
+			"schmancy-autocomplete",
+			"schmancy-select"
+		], this._controlsWithValue = [
+			"input",
+			"schmancy-input",
+			"schmancy-mask-input",
+			"textarea",
+			"schmancy-rating",
+			"schmancy-select",
+			"schmancy-combo",
+			"schmancy-date-time-input",
+			"schmancy-autocomplete",
+			"schmancy-checkbox",
+			"schmancy-select"
+		], this._controlsThatSubmit = [
+			"button",
+			"schmancy-input",
+			"schmancy-button",
+			"schmancy-icon-button"
+		], this.novalidate = !1, i(r(this, "click").pipe(o((e) => {
+			e.target.type?.toLowerCase() === "submit" && this.handleSubmitRequest(e);
+		})), r(this, "keydown").pipe(o((e) => {
+			e.code !== "Enter" && e.key !== "Enter" || this.handleSubmitRequest(e);
+		}))).pipe(a(this.$disconnecting)).subscribe();
+	}
+	submit() {
+		let e = this.getFormData();
+		return !(!this.novalidate && !this.reportValidity()) && (this.dispatchEvent(new CustomEvent("submit", { detail: e })), !0);
+	}
+	reset() {
+		this.getFormElements().forEach((e) => {
+			let t = e.tagName.toLowerCase();
+			if (t === "select") for (let t = 0; t < e.options.length; t++) {
+				let n = e.options[t];
+				n.selected = n.defaultSelected;
+			}
+			else t === "input" && (e.type === "checkbox" || e.type == "radio") || t !== "input" && this._controlsWithChecked.includes(t) ? e.checked = e.hasAttribute("checked") : t === "schmancy-input" || t === "schmancy-rating" || t === "schmancy-mask-input" || t === "schmancy-date-time-input" ? e.value = e.getAttribute("value") : this._controlsWithValue.includes(t) && (e.value = e.defaultValue);
+		}), this.dispatchEvent(new CustomEvent("reset"));
+	}
+	getFormElements() {
+		let e = (this.shadowRoot?.querySelector("slot"))?.assignedElements({ flatten: !0 }), t = [];
+		return e?.forEach((e) => {
+			e.disabled || t.push(e);
+			let n = Array.from(e.getElementsByTagName("*")).filter((e) => !e.disabled);
+			t.push(...n);
+		}), t;
+	}
+	getFormData() {
+		let e = new FormData();
+		return this.getFormElements().forEach((t) => {
+			let n = t.tagName.toLowerCase();
+			if (n === "select") for (let n = 0; n < t.options.length; n++) {
+				let r = t.options[n];
+				r.selected && e.append(t.name, r.value);
+			}
+			else this._controlsWithChecked.includes(n) && t.checked ? e.append(t.name, t.value || "on") : this._controlsWithValue.includes(n) && t.type !== "checkbox" && t.type !== "radio" && t.type !== "submit" && e.append(t.name, t.value);
+		}), e;
+	}
+	reportValidity() {
+		return !this.getFormElements().some((e) => typeof e.reportValidity == "function" && !1 === e.reportValidity());
+	}
+	handleSubmitRequest(e) {
+		let t = e.target;
+		return this._controlsThatSubmit.includes(t.tagName.toLowerCase()) ? this.submit() : t.type?.toLowerCase() === "reset" && this.reset(), !0;
+	}
+	render() {
+		return u`<slot></slot>`;
+	}
+};
+e([c({
+	type: Boolean,
+	reflect: !0
+})], p.prototype, "novalidate", void 0), p = e([s("schmancy-form")], p);

package/dist/form-CW5XNuTg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-CW5XNuTg.js","names":[],"sources":["../src/form/form-v2.ts","../src/form/form.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { fromEvent, merge, Subject, takeUntil, tap } from 'rxjs'\n\n// Define interfaces for form element capabilities\nexport interface FormElement extends HTMLElement {\n\tname?: string\n\tvalue?: string\n\tdisabled?: boolean\n\ttype?: string\n\tdefaultValue?: string\n}\n\nexport interface CheckableFormElement extends FormElement {\n\tchecked?: boolean\n}\n\nexport interface ValidatableFormElement extends FormElement {\n\treportValidity?: () => boolean\n}\n\n// Define interface for form control registry\nexport interface FormControlConfig {\n\ttagName: string\n\thasValue?: boolean\n\thasChecked?: boolean\n\tcanSubmit?: boolean\n}\n\n/**\n * The form is a component used to collect user input from\n * interactive controls.\n *\n * @element sch-form\n *\n * @slot - Default slot for the form.\n *\n * @fires submit - Emitted when the form is submitted.\n * @fires reset - Emitted when the form is reset.\n */\n@customElement('sch-form')\nexport default class SchmancyFormV2 extends TailwindElement() {\n\tprivate $disconnecting = new Subject()\n\tpublic static readonly tagName = 'sch-form'\n\n\t// Static registry of form controls\n\tprivate static formControlRegistry: FormControlConfig[] = [\n\t\t// Native elements\n\t\t{ tagName: 'input', hasValue: true, hasChecked: true, canSubmit: true },\n\t\t{ tagName: 'textarea', hasValue: true },\n\t\t{ tagName: 'select', hasValue: true },\n\t\t{ tagName: 'button', canSubmit: true },\n\t\t{ tagName: 'radio', hasChecked: true },\n\n\t\t// Custom elements\n\t\t{ tagName: 'schmancy-input', hasValue: true, canSubmit: true },\n\t\t{ tagName: 'schmancy-mask-input', hasValue: true },\n\t\t{ tagName: 'schmancy-button', canSubmit: true },\n\t\t{ tagName: 'schmancy-icon-button', canSubmit: true },\n\t\t{ tagName: 'schmancy-radio', hasChecked: true },\n\t\t{ tagName: 'schmancy-switch', hasChecked: true },\n\t\t{ tagName: 'schmancy-checkbox', hasValue: true, hasChecked: true },\n\t\t{ tagName: 'schmancy-radio-group', hasChecked: true },\n\t\t{ tagName: 'schmancy-autocomplete', hasValue: true, hasChecked: true },\n\t\t{ tagName: 'schmancy-select', hasValue: true, hasChecked: true },\n\t\t{ tagName: 'schmancy-combo', hasValue: true },\n\t\t{ tagName: 'schmancy-date-time-input', hasValue: true },\n\t\t{ tagName: 'schmancy-rating', hasValue: true },\n\t]\n\n\t// Static methods to register new form controls\n\tpublic static registerFormControl(config: FormControlConfig): void {\n\t\tconst existingIndex = this.formControlRegistry.findIndex(item => item.tagName === config.tagName)\n\n\t\tif (existingIndex >= 0) {\n\t\t\tthis.formControlRegistry[existingIndex] = {\n\t\t\t\t...this.formControlRegistry[existingIndex],\n\t\t\t\t...config,\n\t\t\t}\n\t\t} else {\n\t\t\tthis.formControlRegistry.push(config)\n\t\t}\n\t}\n\n\t// Helper methods to check control capabilities\n\tprivate static hasValue(tagName: string): boolean {\n\t\tconst config = this.formControlRegistry.find(item => item.tagName === tagName)\n\t\treturn config?.hasValue || false\n\t}\n\n\tprivate static hasChecked(tagName: string): boolean {\n\t\tconst config = this.formControlRegistry.find(item => item.tagName === tagName)\n\t\treturn config?.hasChecked || false\n\t}\n\n\tprivate static canSubmit(tagName: string): boolean {\n\t\tconst config = this.formControlRegistry.find(item => item.tagName === tagName)\n\t\treturn config?.canSubmit || false\n\t}\n\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tmode: 'open',\n\t\tdelegatesFocus: false,\n\t}\n\n\n\t/** Specifies if form data validation should be skipped on submit.\n\t * @attr novalidate\n\t * @type {boolean}\n\t * @public\n\t */\n\t@property({ type: Boolean, reflect: true }) public novalidate = false\n\n\tconstructor() {\n\t\tsuper()\n\t\tmerge(\n\t\t\tfromEvent<MouseEvent>(this, 'click').pipe(\n\t\t\t\ttap(e => {\n\t\t\t\t\tconst target = e.target as HTMLButtonElement\n\t\t\t\t\tif (target.type?.toLowerCase() === 'submit') {\n\t\t\t\t\t\tthis.handleSubmitRequest(e)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t),\n\t\t\tfromEvent<KeyboardEvent>(this, 'keydown').pipe(\n\t\t\t\ttap(e => {\n\t\t\t\t\tif (e.code === 'Enter' || e.key === 'Enter') {\n\t\t\t\t\t\tthis.handleSubmitRequest(e)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t),\n\t\t)\n\t\t\t.pipe(takeUntil(this.$disconnecting))\n\t\t\t.subscribe()\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.$disconnecting.next(null)\n\t\tthis.$disconnecting.complete()\n\t}\n\n\t/** Submits the form. */\n\tpublic submit(): boolean {\n\t\tconst formData = this.getFormData()\n\t\tif (!this.novalidate && !this.reportValidity()) {\n\t\t\treturn false\n\t\t}\n\t\tthis.dispatchEvent(new CustomEvent('submit', { detail: formData }))\n\t\treturn true\n\t}\n\n\t/** Resets the form. */\n\tpublic reset() {\n\t\tconst formElements = this.getFormElements()\n\t\tformElements.forEach(element => {\n\t\t\tconst tagName = element.tagName.toLowerCase()\n\n\t\t\tif (tagName === 'select') {\n\t\t\t\tconst selectElement = element as HTMLSelectElement\n\t\t\t\tfor (let i = 0; i < selectElement.options.length; i++) {\n\t\t\t\t\tconst option = selectElement.options[i]\n\t\t\t\t\toption.selected = option.defaultSelected\n\t\t\t\t}\n\t\t\t} else if (\n\t\t\t\t(tagName === 'input' && (element.type === 'checkbox' || element.type === 'radio')) ||\n\t\t\t\t(tagName !== 'input' && SchmancyFormV2.hasChecked(tagName))\n\t\t\t) {\n\t\t\t\t;(element as CheckableFormElement).checked = element.hasAttribute('checked')\n\t\t\t} else if (\n\t\t\t\ttagName === 'schmancy-input' ||\n\t\t\t\ttagName === 'schmancy-rating' ||\n\t\t\t\ttagName === 'schmancy-mask-input' ||\n\t\t\t\ttagName === 'schmancy-date-time-input'\n\t\t\t) {\n\t\t\t\telement.value = element.getAttribute('value')\n\t\t\t} else if (SchmancyFormV2.hasValue(tagName)) {\n\t\t\t\telement.value = element.defaultValue\n\t\t\t}\n\t\t})\n\t\tthis.dispatchEvent(new CustomEvent('reset'))\n\t}\n\n\tprivate getFormElements(): FormElement[] {\n\t\tconst slot = this.shadowRoot?.querySelector('slot')\n\t\tconst assignedElements = slot?.assignedElements({ flatten: true })\n\t\tconst formElements: FormElement[] = []\n\n\t\tassignedElements?.forEach((element: FormElement) => {\n\t\t\tif (!element.disabled) {\n\t\t\t\tformElements.push(element)\n\t\t\t}\n\n\t\t\tconst children = Array.from(element.getElementsByTagName('*')).filter(\n\t\t\t\t(childElement: FormElement) => !childElement.disabled,\n\t\t\t)\n\t\t\tformElements.push(...(children as FormElement[]))\n\t\t})\n\n\t\treturn formElements\n\t}\n\n\tpublic getFormData() {\n\t\tconst formData = new FormData()\n\t\tconst formElements = this.getFormElements()\n\n\t\tformElements.forEach(element => {\n\t\t\tif (!element.name) return\n\n\t\t\tconst tagName = element.tagName.toLowerCase()\n\n\t\t\tif (tagName === 'select') {\n\t\t\t\tfor (let i = 0; i < (element as HTMLSelectElement).options.length; i++) {\n\t\t\t\t\tconst option = (element as HTMLSelectElement).options[i]\n\t\t\t\t\tif (option.selected) {\n\t\t\t\t\t\tformData.append(element.name, option.value)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (SchmancyFormV2.hasChecked(tagName) && (element as CheckableFormElement).checked) {\n\t\t\t\tformData.append(element.name, element.value || 'on')\n\t\t\t} else if (\n\t\t\t\tSchmancyFormV2.hasValue(tagName) &&\n\t\t\t\t(element as HTMLInputElement).type !== 'checkbox' &&\n\t\t\t\t(element as HTMLInputElement).type !== 'radio' &&\n\t\t\t\t(element as HTMLInputElement).type !== 'submit'\n\t\t\t) {\n\t\t\t\tformData.append(element.name, element.value || '')\n\t\t\t}\n\t\t})\n\n\t\treturn formData\n\t}\n\n\t/** Checks for validity of the form. */\n\tpublic reportValidity(): boolean {\n\t\tconst formElements = this.getFormElements()\n\t\treturn !formElements.some(\n\t\t\telement =>\n\t\t\t\ttypeof (element as ValidatableFormElement).reportValidity === 'function' &&\n\t\t\t\t(element as ValidatableFormElement).reportValidity() === false,\n\t\t)\n\t}\n\n\tprivate handleSubmitRequest(event: MouseEvent | KeyboardEvent) {\n\t\tconst targetElement = event.target as HTMLElement\n\t\tconst tagName = targetElement.tagName.toLowerCase()\n\n\t\tif (SchmancyFormV2.canSubmit(tagName)) {\n\t\t\tthis.submit()\n\t\t} else if ((targetElement as HTMLButtonElement).type?.toLowerCase() === 'reset') {\n\t\t\tthis.reset()\n\t\t}\n\n\t\treturn true\n\t}\n\n\tprotected override render() {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'sch-form': SchmancyFormV2\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { fromEvent, merge, Subject, takeUntil, tap } from 'rxjs'\n\nexport interface FormEventMap {\n\tsubmit: CustomEvent<FormData>\n\treset: CustomEvent\n}\n\n/**\n * The form is a component used to collect user input from\n * interactive controls.\n *\n * @element schmancy-form\n *\n * @slot - Default slot for the form.\n *\n * @fires submit - Emitted when the form is submitted.\n * @fires reset - Emitted when the form is reset.\n */\n@customElement('schmancy-form')\nexport default class SchmancyForm extends TailwindElement() {\n\tprivate $disconnecting = new Subject()\n\tpublic static readonly tagName = 'schmancy-form'\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tmode: 'open',\n\t\tdelegatesFocus: false,\n\t}\n\n\tprivate _controlsWithChecked = [\n\t\t'input',\n\t\t'radio',\n\t\t'schmancy-radio',\n\t\t'schmancy-switch',\n\t\t'schmancy-checkbox',\n\t\t'schmancy-radio-group',\n\t\t'schmancy-autocomplete',\n\t\t'schmancy-select',\n\t]\n\tprivate _controlsWithValue = [\n\t\t'input',\n\t\t'schmancy-input',\n\t\t'schmancy-mask-input',\n\t\t'textarea',\n\t\t'schmancy-rating',\n\t\t'schmancy-select',\n\t\t'schmancy-combo',\n\t\t'schmancy-date-time-input',\n\t\t'schmancy-autocomplete',\n\t\t'schmancy-checkbox',\n\t\t'schmancy-select',\n\t]\n\tprivate _controlsThatSubmit = ['button', 'schmancy-input', 'schmancy-button', 'schmancy-icon-button']\n\n\t/** Specifies if form data validation should be skipped on submit.\n\t * @attr novalidate\n\t * @type {boolean}\n\t * @public\n\t */\n\t@property({ type: Boolean, reflect: true }) public novalidate = false\n\n\tconstructor() {\n\t\tsuper()\n\t\tmerge(\n\t\t\tfromEvent<MouseEvent>(this, 'click').pipe(\n\t\t\t\ttap(e => {\n\t\t\t\t\tif ((e.target as HTMLButtonElement).type?.toLowerCase() === 'submit') this.handleSubmitRequest(e)\n\t\t\t\t}),\n\t\t\t),\n\t\t\tfromEvent<KeyboardEvent>(this, 'keydown').pipe(\n\t\t\t\ttap(e => {\n\t\t\t\t\tif (e.code === 'Enter' || e.key === 'Enter') {\n\t\t\t\t\t\tthis.handleSubmitRequest(e)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t),\n\t\t)\n\t\t\t.pipe(takeUntil(this.$disconnecting))\n\t\t\t.subscribe()\n\t}\n\n\t/** Submits the form. */\n\tpublic submit(): boolean {\n\t\tconst formData = this.getFormData()\n\t\tif (!this.novalidate && !this.reportValidity()) {\n\t\t\treturn false\n\t\t}\n\t\tthis.dispatchEvent(new CustomEvent('submit', { detail: formData }))\n\t\treturn true\n\t}\n\n\t/** Resets the form. */\n\tpublic reset() {\n\t\tconst formElements = this.getFormElements()\n\t\tformElements.forEach(element => {\n\t\t\tconst tagName = element.tagName.toLowerCase()\n\t\t\tif (tagName === 'select') {\n\t\t\t\tfor (let i = 0; i < element.options.length; i++) {\n\t\t\t\t\tconst option = element.options[i]\n\t\t\t\t\toption.selected = option.defaultSelected\n\t\t\t\t}\n\t\t\t} else if (\n\t\t\t\t(tagName === 'input' && (element.type === 'checkbox' || element.type == 'radio')) ||\n\t\t\t\t(tagName !== 'input' && this._controlsWithChecked.includes(tagName))\n\t\t\t) {\n\t\t\t\telement.checked = element.hasAttribute('checked')\n\t\t\t} else if (\n\t\t\t\ttagName === 'schmancy-input' ||\n\t\t\t\ttagName === 'schmancy-rating' ||\n\t\t\t\ttagName === 'schmancy-mask-input' ||\n\t\t\t\ttagName === 'schmancy-date-time-input'\n\t\t\t) {\n\t\t\t\telement.value = element.getAttribute('value')\n\t\t\t} else if (this._controlsWithValue.includes(tagName)) {\n\t\t\t\telement.value = element.defaultValue\n\t\t\t}\n\t\t})\n\t\tthis.dispatchEvent(new CustomEvent('reset'))\n\t}\n\n\tprivate getFormElements(): any[] {\n\t\tconst slot = this.shadowRoot?.querySelector('slot')\n\t\tconst assignedElements = slot?.assignedElements({ flatten: true })\n\t\tconst formElements: any[] = []\n\t\tassignedElements?.forEach((element: any) => {\n\t\t\tif (!element.disabled) {\n\t\t\t\tformElements.push(element)\n\t\t\t}\n\t\t\tconst children = Array.from(element.getElementsByTagName('*')).filter((element: any) => !element.disabled)\n\t\t\tformElements.push(...children)\n\t\t})\n\n\t\treturn formElements\n\t}\n\n\tpublic getFormData() {\n\t\tconst formData = new FormData()\n\n\t\tconst formElements = this.getFormElements()\n\t\tformElements.forEach(element => {\n\t\t\tconst tagName = element.tagName.toLowerCase()\n\t\t\tif (tagName === 'select') {\n\t\t\t\tfor (let i = 0; i < element.options.length; i++) {\n\t\t\t\t\tconst option = element.options[i]\n\t\t\t\t\tif (option.selected) {\n\t\t\t\t\t\tformData.append(element.name, option.value)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (this._controlsWithChecked.includes(tagName) && element.checked) {\n\t\t\t\tformData.append(element.name, element.value || 'on')\n\t\t\t} else if (\n\t\t\t\tthis._controlsWithValue.includes(tagName) &&\n\t\t\t\telement.type !== 'checkbox' &&\n\t\t\t\telement.type !== 'radio' &&\n\t\t\t\telement.type !== 'submit'\n\t\t\t) {\n\t\t\t\tformData.append(element.name, element.value)\n\t\t\t}\n\t\t})\n\n\t\treturn formData\n\t}\n\n\t/** Checks for validity of the form. */\n\tpublic reportValidity(): boolean {\n\t\tconst formElements = this.getFormElements()\n\t\treturn !formElements.some(\n\t\t\telement => typeof element.reportValidity === 'function' && element.reportValidity() === false,\n\t\t)\n\t}\n\n\tprivate handleSubmitRequest(event: MouseEvent | KeyboardEvent) {\n\t\tconst targetElement: any = event.target as HTMLElement\n\t\tif (this._controlsThatSubmit.includes(targetElement.tagName.toLowerCase())) {\n\t\t\tthis.submit()\n\t\t} else if (targetElement.type?.toLowerCase() === 'reset') {\n\t\t\tthis.reset()\n\t\t}\n\n\t\treturn true\n\t}\n\n\tprotected override render() {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-form': SchmancyForm\n\t}\n}\n"],"mappings":"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"}

package/dist/form-CvoLqMY7.cjs

@@ -0,0 +1 @@
+require(`./chunk-BCfY8kxB.cjs`);const e=require(`./tailwind.mixin-DGiyLbEi.cjs`);require(`./mixins.cjs`);let t=require(`rxjs`),n=require(`lit/decorators.js`),r=require(`lit`);var i,a=class extends e.t(){static{i=this}static{this.tagName=`sch-form`}static{this.formControlRegistry=[{tagName:`input`,hasValue:!0,hasChecked:!0,canSubmit:!0},{tagName:`textarea`,hasValue:!0},{tagName:`select`,hasValue:!0},{tagName:`button`,canSubmit:!0},{tagName:`radio`,hasChecked:!0},{tagName:`schmancy-input`,hasValue:!0,canSubmit:!0},{tagName:`schmancy-mask-input`,hasValue:!0},{tagName:`schmancy-button`,canSubmit:!0},{tagName:`schmancy-icon-button`,canSubmit:!0},{tagName:`schmancy-radio`,hasChecked:!0},{tagName:`schmancy-switch`,hasChecked:!0},{tagName:`schmancy-checkbox`,hasValue:!0,hasChecked:!0},{tagName:`schmancy-radio-group`,hasChecked:!0},{tagName:`schmancy-autocomplete`,hasValue:!0,hasChecked:!0},{tagName:`schmancy-select`,hasValue:!0,hasChecked:!0},{tagName:`schmancy-combo`,hasValue:!0},{tagName:`schmancy-date-time-input`,hasValue:!0},{tagName:`schmancy-rating`,hasValue:!0}]}static registerFormControl(e){let t=this.formControlRegistry.findIndex(t=>t.tagName===e.tagName);t>=0?this.formControlRegistry[t]={...this.formControlRegistry[t],...e}:this.formControlRegistry.push(e)}static hasValue(e){return this.formControlRegistry.find(t=>t.tagName===e)?.hasValue||!1}static hasChecked(e){return this.formControlRegistry.find(t=>t.tagName===e)?.hasChecked||!1}static canSubmit(e){return this.formControlRegistry.find(t=>t.tagName===e)?.canSubmit||!1}static{this.shadowRootOptions={...r.LitElement.shadowRootOptions,mode:`open`,delegatesFocus:!1}}constructor(){super(),this.$disconnecting=new t.Subject,this.novalidate=!1,(0,t.merge)((0,t.fromEvent)(this,`click`).pipe((0,t.tap)(e=>{e.target.type?.toLowerCase()===`submit`&&this.handleSubmitRequest(e)})),(0,t.fromEvent)(this,`keydown`).pipe((0,t.tap)(e=>{e.code!==`Enter`&&e.key!==`Enter`||this.handleSubmitRequest(e)}))).pipe((0,t.takeUntil)(this.$disconnecting)).subscribe()}disconnectedCallback(){super.disconnectedCallback(),this.$disconnecting.next(null),this.$disconnecting.complete()}submit(){let e=this.getFormData();return!(!this.novalidate&&!this.reportValidity())&&(this.dispatchEvent(new CustomEvent(`submit`,{detail:e})),!0)}reset(){this.getFormElements().forEach(e=>{let t=e.tagName.toLowerCase();if(t===`select`){let t=e;for(let e=0;e<t.options.length;e++){let n=t.options[e];n.selected=n.defaultSelected}}else t===`input`&&(e.type===`checkbox`||e.type===`radio`)||t!==`input`&&i.hasChecked(t)?e.checked=e.hasAttribute(`checked`):t===`schmancy-input`||t===`schmancy-rating`||t===`schmancy-mask-input`||t===`schmancy-date-time-input`?e.value=e.getAttribute(`value`):i.hasValue(t)&&(e.value=e.defaultValue)}),this.dispatchEvent(new CustomEvent(`reset`))}getFormElements(){let e=(this.shadowRoot?.querySelector(`slot`))?.assignedElements({flatten:!0}),t=[];return e?.forEach(e=>{e.disabled||t.push(e);let n=Array.from(e.getElementsByTagName(`*`)).filter(e=>!e.disabled);t.push(...n)}),t}getFormData(){let e=new FormData;return this.getFormElements().forEach(t=>{if(!t.name)return;let n=t.tagName.toLowerCase();if(n===`select`)for(let n=0;n<t.options.length;n++){let r=t.options[n];r.selected&&e.append(t.name,r.value)}else i.hasChecked(n)&&t.checked?e.append(t.name,t.value||`on`):i.hasValue(n)&&t.type!==`checkbox`&&t.type!==`radio`&&t.type!==`submit`&&e.append(t.name,t.value||``)}),e}reportValidity(){return!this.getFormElements().some(e=>typeof e.reportValidity==`function`&&!1===e.reportValidity())}handleSubmitRequest(e){let t=e.target,n=t.tagName.toLowerCase();return i.canSubmit(n)?this.submit():t.type?.toLowerCase()===`reset`&&this.reset(),!0}render(){return r.html`<slot></slot>`}};e.i([(0,n.property)({type:Boolean,reflect:!0})],a.prototype,`novalidate`,void 0),a=i=e.i([(0,n.customElement)(`sch-form`)],a);var o=class extends e.t(){static{this.tagName=`schmancy-form`}static{this.shadowRootOptions={...r.LitElement.shadowRootOptions,mode:`open`,delegatesFocus:!1}}constructor(){super(),this.$disconnecting=new t.Subject,this._controlsWithChecked=[`input`,`radio`,`schmancy-radio`,`schmancy-switch`,`schmancy-checkbox`,`schmancy-radio-group`,`schmancy-autocomplete`,`schmancy-select`],this._controlsWithValue=[`input`,`schmancy-input`,`schmancy-mask-input`,`textarea`,`schmancy-rating`,`schmancy-select`,`schmancy-combo`,`schmancy-date-time-input`,`schmancy-autocomplete`,`schmancy-checkbox`,`schmancy-select`],this._controlsThatSubmit=[`button`,`schmancy-input`,`schmancy-button`,`schmancy-icon-button`],this.novalidate=!1,(0,t.merge)((0,t.fromEvent)(this,`click`).pipe((0,t.tap)(e=>{e.target.type?.toLowerCase()===`submit`&&this.handleSubmitRequest(e)})),(0,t.fromEvent)(this,`keydown`).pipe((0,t.tap)(e=>{e.code!==`Enter`&&e.key!==`Enter`||this.handleSubmitRequest(e)}))).pipe((0,t.takeUntil)(this.$disconnecting)).subscribe()}submit(){let e=this.getFormData();return!(!this.novalidate&&!this.reportValidity())&&(this.dispatchEvent(new CustomEvent(`submit`,{detail:e})),!0)}reset(){this.getFormElements().forEach(e=>{let t=e.tagName.toLowerCase();if(t===`select`)for(let t=0;t<e.options.length;t++){let n=e.options[t];n.selected=n.defaultSelected}else t===`input`&&(e.type===`checkbox`||e.type==`radio`)||t!==`input`&&this._controlsWithChecked.includes(t)?e.checked=e.hasAttribute(`checked`):t===`schmancy-input`||t===`schmancy-rating`||t===`schmancy-mask-input`||t===`schmancy-date-time-input`?e.value=e.getAttribute(`value`):this._controlsWithValue.includes(t)&&(e.value=e.defaultValue)}),this.dispatchEvent(new CustomEvent(`reset`))}getFormElements(){let e=(this.shadowRoot?.querySelector(`slot`))?.assignedElements({flatten:!0}),t=[];return e?.forEach(e=>{e.disabled||t.push(e);let n=Array.from(e.getElementsByTagName(`*`)).filter(e=>!e.disabled);t.push(...n)}),t}getFormData(){let e=new FormData;return this.getFormElements().forEach(t=>{let n=t.tagName.toLowerCase();if(n===`select`)for(let n=0;n<t.options.length;n++){let r=t.options[n];r.selected&&e.append(t.name,r.value)}else this._controlsWithChecked.includes(n)&&t.checked?e.append(t.name,t.value||`on`):this._controlsWithValue.includes(n)&&t.type!==`checkbox`&&t.type!==`radio`&&t.type!==`submit`&&e.append(t.name,t.value)}),e}reportValidity(){return!this.getFormElements().some(e=>typeof e.reportValidity==`function`&&!1===e.reportValidity())}handleSubmitRequest(e){let t=e.target;return this._controlsThatSubmit.includes(t.tagName.toLowerCase())?this.submit():t.type?.toLowerCase()===`reset`&&this.reset(),!0}render(){return r.html`<slot></slot>`}};e.i([(0,n.property)({type:Boolean,reflect:!0})],o.prototype,`novalidate`,void 0),o=e.i([(0,n.customElement)(`schmancy-form`)],o);

package/dist/form-CvoLqMY7.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-CvoLqMY7.cjs","names":[],"sources":["../src/form/form-v2.ts","../src/form/form.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { fromEvent, merge, Subject, takeUntil, tap } from 'rxjs'\n\n// Define interfaces for form element capabilities\nexport interface FormElement extends HTMLElement {\n\tname?: string\n\tvalue?: string\n\tdisabled?: boolean\n\ttype?: string\n\tdefaultValue?: string\n}\n\nexport interface CheckableFormElement extends FormElement {\n\tchecked?: boolean\n}\n\nexport interface ValidatableFormElement extends FormElement {\n\treportValidity?: () => boolean\n}\n\n// Define interface for form control registry\nexport interface FormControlConfig {\n\ttagName: string\n\thasValue?: boolean\n\thasChecked?: boolean\n\tcanSubmit?: boolean\n}\n\n/**\n * The form is a component used to collect user input from\n * interactive controls.\n *\n * @element sch-form\n *\n * @slot - Default slot for the form.\n *\n * @fires submit - Emitted when the form is submitted.\n * @fires reset - Emitted when the form is reset.\n */\n@customElement('sch-form')\nexport default class SchmancyFormV2 extends TailwindElement() {\n\tprivate $disconnecting = new Subject()\n\tpublic static readonly tagName = 'sch-form'\n\n\t// Static registry of form controls\n\tprivate static formControlRegistry: FormControlConfig[] = [\n\t\t// Native elements\n\t\t{ tagName: 'input', hasValue: true, hasChecked: true, canSubmit: true },\n\t\t{ tagName: 'textarea', hasValue: true },\n\t\t{ tagName: 'select', hasValue: true },\n\t\t{ tagName: 'button', canSubmit: true },\n\t\t{ tagName: 'radio', hasChecked: true },\n\n\t\t// Custom elements\n\t\t{ tagName: 'schmancy-input', hasValue: true, canSubmit: true },\n\t\t{ tagName: 'schmancy-mask-input', hasValue: true },\n\t\t{ tagName: 'schmancy-button', canSubmit: true },\n\t\t{ tagName: 'schmancy-icon-button', canSubmit: true },\n\t\t{ tagName: 'schmancy-radio', hasChecked: true },\n\t\t{ tagName: 'schmancy-switch', hasChecked: true },\n\t\t{ tagName: 'schmancy-checkbox', hasValue: true, hasChecked: true },\n\t\t{ tagName: 'schmancy-radio-group', hasChecked: true },\n\t\t{ tagName: 'schmancy-autocomplete', hasValue: true, hasChecked: true },\n\t\t{ tagName: 'schmancy-select', hasValue: true, hasChecked: true },\n\t\t{ tagName: 'schmancy-combo', hasValue: true },\n\t\t{ tagName: 'schmancy-date-time-input', hasValue: true },\n\t\t{ tagName: 'schmancy-rating', hasValue: true },\n\t]\n\n\t// Static methods to register new form controls\n\tpublic static registerFormControl(config: FormControlConfig): void {\n\t\tconst existingIndex = this.formControlRegistry.findIndex(item => item.tagName === config.tagName)\n\n\t\tif (existingIndex >= 0) {\n\t\t\tthis.formControlRegistry[existingIndex] = {\n\t\t\t\t...this.formControlRegistry[existingIndex],\n\t\t\t\t...config,\n\t\t\t}\n\t\t} else {\n\t\t\tthis.formControlRegistry.push(config)\n\t\t}\n\t}\n\n\t// Helper methods to check control capabilities\n\tprivate static hasValue(tagName: string): boolean {\n\t\tconst config = this.formControlRegistry.find(item => item.tagName === tagName)\n\t\treturn config?.hasValue || false\n\t}\n\n\tprivate static hasChecked(tagName: string): boolean {\n\t\tconst config = this.formControlRegistry.find(item => item.tagName === tagName)\n\t\treturn config?.hasChecked || false\n\t}\n\n\tprivate static canSubmit(tagName: string): boolean {\n\t\tconst config = this.formControlRegistry.find(item => item.tagName === tagName)\n\t\treturn config?.canSubmit || false\n\t}\n\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tmode: 'open',\n\t\tdelegatesFocus: false,\n\t}\n\n\n\t/** Specifies if form data validation should be skipped on submit.\n\t * @attr novalidate\n\t * @type {boolean}\n\t * @public\n\t */\n\t@property({ type: Boolean, reflect: true }) public novalidate = false\n\n\tconstructor() {\n\t\tsuper()\n\t\tmerge(\n\t\t\tfromEvent<MouseEvent>(this, 'click').pipe(\n\t\t\t\ttap(e => {\n\t\t\t\t\tconst target = e.target as HTMLButtonElement\n\t\t\t\t\tif (target.type?.toLowerCase() === 'submit') {\n\t\t\t\t\t\tthis.handleSubmitRequest(e)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t),\n\t\t\tfromEvent<KeyboardEvent>(this, 'keydown').pipe(\n\t\t\t\ttap(e => {\n\t\t\t\t\tif (e.code === 'Enter' || e.key === 'Enter') {\n\t\t\t\t\t\tthis.handleSubmitRequest(e)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t),\n\t\t)\n\t\t\t.pipe(takeUntil(this.$disconnecting))\n\t\t\t.subscribe()\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.$disconnecting.next(null)\n\t\tthis.$disconnecting.complete()\n\t}\n\n\t/** Submits the form. */\n\tpublic submit(): boolean {\n\t\tconst formData = this.getFormData()\n\t\tif (!this.novalidate && !this.reportValidity()) {\n\t\t\treturn false\n\t\t}\n\t\tthis.dispatchEvent(new CustomEvent('submit', { detail: formData }))\n\t\treturn true\n\t}\n\n\t/** Resets the form. */\n\tpublic reset() {\n\t\tconst formElements = this.getFormElements()\n\t\tformElements.forEach(element => {\n\t\t\tconst tagName = element.tagName.toLowerCase()\n\n\t\t\tif (tagName === 'select') {\n\t\t\t\tconst selectElement = element as HTMLSelectElement\n\t\t\t\tfor (let i = 0; i < selectElement.options.length; i++) {\n\t\t\t\t\tconst option = selectElement.options[i]\n\t\t\t\t\toption.selected = option.defaultSelected\n\t\t\t\t}\n\t\t\t} else if (\n\t\t\t\t(tagName === 'input' && (element.type === 'checkbox' || element.type === 'radio')) ||\n\t\t\t\t(tagName !== 'input' && SchmancyFormV2.hasChecked(tagName))\n\t\t\t) {\n\t\t\t\t;(element as CheckableFormElement).checked = element.hasAttribute('checked')\n\t\t\t} else if (\n\t\t\t\ttagName === 'schmancy-input' ||\n\t\t\t\ttagName === 'schmancy-rating' ||\n\t\t\t\ttagName === 'schmancy-mask-input' ||\n\t\t\t\ttagName === 'schmancy-date-time-input'\n\t\t\t) {\n\t\t\t\telement.value = element.getAttribute('value')\n\t\t\t} else if (SchmancyFormV2.hasValue(tagName)) {\n\t\t\t\telement.value = element.defaultValue\n\t\t\t}\n\t\t})\n\t\tthis.dispatchEvent(new CustomEvent('reset'))\n\t}\n\n\tprivate getFormElements(): FormElement[] {\n\t\tconst slot = this.shadowRoot?.querySelector('slot')\n\t\tconst assignedElements = slot?.assignedElements({ flatten: true })\n\t\tconst formElements: FormElement[] = []\n\n\t\tassignedElements?.forEach((element: FormElement) => {\n\t\t\tif (!element.disabled) {\n\t\t\t\tformElements.push(element)\n\t\t\t}\n\n\t\t\tconst children = Array.from(element.getElementsByTagName('*')).filter(\n\t\t\t\t(childElement: FormElement) => !childElement.disabled,\n\t\t\t)\n\t\t\tformElements.push(...(children as FormElement[]))\n\t\t})\n\n\t\treturn formElements\n\t}\n\n\tpublic getFormData() {\n\t\tconst formData = new FormData()\n\t\tconst formElements = this.getFormElements()\n\n\t\tformElements.forEach(element => {\n\t\t\tif (!element.name) return\n\n\t\t\tconst tagName = element.tagName.toLowerCase()\n\n\t\t\tif (tagName === 'select') {\n\t\t\t\tfor (let i = 0; i < (element as HTMLSelectElement).options.length; i++) {\n\t\t\t\t\tconst option = (element as HTMLSelectElement).options[i]\n\t\t\t\t\tif (option.selected) {\n\t\t\t\t\t\tformData.append(element.name, option.value)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (SchmancyFormV2.hasChecked(tagName) && (element as CheckableFormElement).checked) {\n\t\t\t\tformData.append(element.name, element.value || 'on')\n\t\t\t} else if (\n\t\t\t\tSchmancyFormV2.hasValue(tagName) &&\n\t\t\t\t(element as HTMLInputElement).type !== 'checkbox' &&\n\t\t\t\t(element as HTMLInputElement).type !== 'radio' &&\n\t\t\t\t(element as HTMLInputElement).type !== 'submit'\n\t\t\t) {\n\t\t\t\tformData.append(element.name, element.value || '')\n\t\t\t}\n\t\t})\n\n\t\treturn formData\n\t}\n\n\t/** Checks for validity of the form. */\n\tpublic reportValidity(): boolean {\n\t\tconst formElements = this.getFormElements()\n\t\treturn !formElements.some(\n\t\t\telement =>\n\t\t\t\ttypeof (element as ValidatableFormElement).reportValidity === 'function' &&\n\t\t\t\t(element as ValidatableFormElement).reportValidity() === false,\n\t\t)\n\t}\n\n\tprivate handleSubmitRequest(event: MouseEvent | KeyboardEvent) {\n\t\tconst targetElement = event.target as HTMLElement\n\t\tconst tagName = targetElement.tagName.toLowerCase()\n\n\t\tif (SchmancyFormV2.canSubmit(tagName)) {\n\t\t\tthis.submit()\n\t\t} else if ((targetElement as HTMLButtonElement).type?.toLowerCase() === 'reset') {\n\t\t\tthis.reset()\n\t\t}\n\n\t\treturn true\n\t}\n\n\tprotected override render() {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'sch-form': SchmancyFormV2\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { fromEvent, merge, Subject, takeUntil, tap } from 'rxjs'\n\nexport interface FormEventMap {\n\tsubmit: CustomEvent<FormData>\n\treset: CustomEvent\n}\n\n/**\n * The form is a component used to collect user input from\n * interactive controls.\n *\n * @element schmancy-form\n *\n * @slot - Default slot for the form.\n *\n * @fires submit - Emitted when the form is submitted.\n * @fires reset - Emitted when the form is reset.\n */\n@customElement('schmancy-form')\nexport default class SchmancyForm extends TailwindElement() {\n\tprivate $disconnecting = new Subject()\n\tpublic static readonly tagName = 'schmancy-form'\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tmode: 'open',\n\t\tdelegatesFocus: false,\n\t}\n\n\tprivate _controlsWithChecked = [\n\t\t'input',\n\t\t'radio',\n\t\t'schmancy-radio',\n\t\t'schmancy-switch',\n\t\t'schmancy-checkbox',\n\t\t'schmancy-radio-group',\n\t\t'schmancy-autocomplete',\n\t\t'schmancy-select',\n\t]\n\tprivate _controlsWithValue = [\n\t\t'input',\n\t\t'schmancy-input',\n\t\t'schmancy-mask-input',\n\t\t'textarea',\n\t\t'schmancy-rating',\n\t\t'schmancy-select',\n\t\t'schmancy-combo',\n\t\t'schmancy-date-time-input',\n\t\t'schmancy-autocomplete',\n\t\t'schmancy-checkbox',\n\t\t'schmancy-select',\n\t]\n\tprivate _controlsThatSubmit = ['button', 'schmancy-input', 'schmancy-button', 'schmancy-icon-button']\n\n\t/** Specifies if form data validation should be skipped on submit.\n\t * @attr novalidate\n\t * @type {boolean}\n\t * @public\n\t */\n\t@property({ type: Boolean, reflect: true }) public novalidate = false\n\n\tconstructor() {\n\t\tsuper()\n\t\tmerge(\n\t\t\tfromEvent<MouseEvent>(this, 'click').pipe(\n\t\t\t\ttap(e => {\n\t\t\t\t\tif ((e.target as HTMLButtonElement).type?.toLowerCase() === 'submit') this.handleSubmitRequest(e)\n\t\t\t\t}),\n\t\t\t),\n\t\t\tfromEvent<KeyboardEvent>(this, 'keydown').pipe(\n\t\t\t\ttap(e => {\n\t\t\t\t\tif (e.code === 'Enter' || e.key === 'Enter') {\n\t\t\t\t\t\tthis.handleSubmitRequest(e)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t),\n\t\t)\n\t\t\t.pipe(takeUntil(this.$disconnecting))\n\t\t\t.subscribe()\n\t}\n\n\t/** Submits the form. */\n\tpublic submit(): boolean {\n\t\tconst formData = this.getFormData()\n\t\tif (!this.novalidate && !this.reportValidity()) {\n\t\t\treturn false\n\t\t}\n\t\tthis.dispatchEvent(new CustomEvent('submit', { detail: formData }))\n\t\treturn true\n\t}\n\n\t/** Resets the form. */\n\tpublic reset() {\n\t\tconst formElements = this.getFormElements()\n\t\tformElements.forEach(element => {\n\t\t\tconst tagName = element.tagName.toLowerCase()\n\t\t\tif (tagName === 'select') {\n\t\t\t\tfor (let i = 0; i < element.options.length; i++) {\n\t\t\t\t\tconst option = element.options[i]\n\t\t\t\t\toption.selected = option.defaultSelected\n\t\t\t\t}\n\t\t\t} else if (\n\t\t\t\t(tagName === 'input' && (element.type === 'checkbox' || element.type == 'radio')) ||\n\t\t\t\t(tagName !== 'input' && this._controlsWithChecked.includes(tagName))\n\t\t\t) {\n\t\t\t\telement.checked = element.hasAttribute('checked')\n\t\t\t} else if (\n\t\t\t\ttagName === 'schmancy-input' ||\n\t\t\t\ttagName === 'schmancy-rating' ||\n\t\t\t\ttagName === 'schmancy-mask-input' ||\n\t\t\t\ttagName === 'schmancy-date-time-input'\n\t\t\t) {\n\t\t\t\telement.value = element.getAttribute('value')\n\t\t\t} else if (this._controlsWithValue.includes(tagName)) {\n\t\t\t\telement.value = element.defaultValue\n\t\t\t}\n\t\t})\n\t\tthis.dispatchEvent(new CustomEvent('reset'))\n\t}\n\n\tprivate getFormElements(): any[] {\n\t\tconst slot = this.shadowRoot?.querySelector('slot')\n\t\tconst assignedElements = slot?.assignedElements({ flatten: true })\n\t\tconst formElements: any[] = []\n\t\tassignedElements?.forEach((element: any) => {\n\t\t\tif (!element.disabled) {\n\t\t\t\tformElements.push(element)\n\t\t\t}\n\t\t\tconst children = Array.from(element.getElementsByTagName('*')).filter((element: any) => !element.disabled)\n\t\t\tformElements.push(...children)\n\t\t})\n\n\t\treturn formElements\n\t}\n\n\tpublic getFormData() {\n\t\tconst formData = new FormData()\n\n\t\tconst formElements = this.getFormElements()\n\t\tformElements.forEach(element => {\n\t\t\tconst tagName = element.tagName.toLowerCase()\n\t\t\tif (tagName === 'select') {\n\t\t\t\tfor (let i = 0; i < element.options.length; i++) {\n\t\t\t\t\tconst option = element.options[i]\n\t\t\t\t\tif (option.selected) {\n\t\t\t\t\t\tformData.append(element.name, option.value)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (this._controlsWithChecked.includes(tagName) && element.checked) {\n\t\t\t\tformData.append(element.name, element.value || 'on')\n\t\t\t} else if (\n\t\t\t\tthis._controlsWithValue.includes(tagName) &&\n\t\t\t\telement.type !== 'checkbox' &&\n\t\t\t\telement.type !== 'radio' &&\n\t\t\t\telement.type !== 'submit'\n\t\t\t) {\n\t\t\t\tformData.append(element.name, element.value)\n\t\t\t}\n\t\t})\n\n\t\treturn formData\n\t}\n\n\t/** Checks for validity of the form. */\n\tpublic reportValidity(): boolean {\n\t\tconst formElements = this.getFormElements()\n\t\treturn !formElements.some(\n\t\t\telement => typeof element.reportValidity === 'function' && element.reportValidity() === false,\n\t\t)\n\t}\n\n\tprivate handleSubmitRequest(event: MouseEvent | KeyboardEvent) {\n\t\tconst targetElement: any = event.target as HTMLElement\n\t\tif (this._controlsThatSubmit.includes(targetElement.tagName.toLowerCase())) {\n\t\t\tthis.submit()\n\t\t} else if (targetElement.type?.toLowerCase() === 'reset') {\n\t\t\tthis.reset()\n\t\t}\n\n\t\treturn true\n\t}\n\n\tprotected override render() {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-form': SchmancyForm\n\t}\n}\n"],"mappings":"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"}

package/dist/form.cjs

@@ -1,2 +1 @@
-"use strict";require("./form-BlPiAPt7.cjs");
-//# sourceMappingURL=form.cjs.map
+require(`./form-CvoLqMY7.cjs`);

package/dist/form.js

@@ -1,2 +1 @@
-import "./form-BxVM6JTn.js";
-//# sourceMappingURL=form.js.map
+import "./form-CW5XNuTg.js";

package/dist/hashContent-DYM21p6t.js

@@ -0,0 +1,6 @@
+function e(e) {
+	let t = 2166136261;
+	for (let n = 0; n < e.length; n++) t ^= e.charCodeAt(n), t = 16777619 * t >>> 0;
+	return t.toString(16);
+}
+export { e as t };

package/dist/hashContent-DYM21p6t.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hashContent-DYM21p6t.js","names":[],"sources":["../src/utils/hashContent.ts"],"sourcesContent":["export default function (content: string): string {\n\tconst fnvOffsetBasis = 0x811c9dc5\n\tconst fnvPrime = 0x01000193\n\tlet hash = fnvOffsetBasis\n\n\tfor (let i = 0; i < content.length; i++) {\n\t\thash ^= content.charCodeAt(i)\n\t\thash = (hash * fnvPrime) >>> 0 // Ensure unsigned 32-bit integer\n\t}\n\n\treturn hash.toString(16) // Convert to hexadecimal string for compactness\n}\n"],"mappings":"AAAA,SAAA,EAAyB,GAAA;CAGxB,IAAI,IAFmB;AAIvB,MAAK,IAAI,IAAI,GAAG,IAAI,EAAQ,QAAQ,IACnC,MAAQ,EAAQ,WAAW,EAAA,EAC3B,IALgB,WAKR,MAAqB;AAG9B,QAAO,EAAK,SAAS,GAAA;;AAAA,SAAA"}

package/dist/hashContent-DaeGmY-p.cjs

@@ -0,0 +1 @@
+function e(e){let t=2166136261;for(let n=0;n<e.length;n++)t^=e.charCodeAt(n),t=16777619*t>>>0;return t.toString(16)}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return e}});

package/dist/hashContent-DaeGmY-p.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hashContent-DaeGmY-p.cjs","names":[],"sources":["../src/utils/hashContent.ts"],"sourcesContent":["export default function (content: string): string {\n\tconst fnvOffsetBasis = 0x811c9dc5\n\tconst fnvPrime = 0x01000193\n\tlet hash = fnvOffsetBasis\n\n\tfor (let i = 0; i < content.length; i++) {\n\t\thash ^= content.charCodeAt(i)\n\t\thash = (hash * fnvPrime) >>> 0 // Ensure unsigned 32-bit integer\n\t}\n\n\treturn hash.toString(16) // Convert to hexadecimal string for compactness\n}\n"],"mappings":"AAAA,SAAA,EAAyB,EAAA,CAGxB,IAAI,EAFmB,WAIvB,IAAK,IAAI,EAAI,EAAG,EAAI,EAAQ,OAAQ,IACnC,GAAQ,EAAQ,WAAW,EAAA,CAC3B,EALgB,SAKR,IAAqB,EAG9B,OAAO,EAAK,SAAS,GAAA,CAAA,OAAA,eAAA,QAAA,IAAA,CAAA,WAAA,CAAA,EAAA,IAAA,UAAA,CAAA,OAAA,GAAA,CAAA"}

package/dist/icons-BLQHEbIk.cjs

@@ -0,0 +1,52 @@
+require(`./chunk-BCfY8kxB.cjs`);const e=require(`./tailwind.mixin-DGiyLbEi.cjs`);require(`./mixins.cjs`);let t=require(`rxjs`),n=require(`rxjs/operators`),r=require(`lit/decorators.js`),i=require(`lit`);var a,o=class extends e.t(i.css`
+	:host {
+		--schmancy-icon-size: 24px;
+		--schmancy-icon-fill: 0;
+		--schmancy-icon-weight: 400;
+		--schmancy-icon-grade: 0;
+		--schmancy-icon-opsz: 24;
+
+		display: inline-flex;
+		align-items: center;
+		justify-content: center;
+		width: var(--schmancy-icon-size);
+		height: var(--schmancy-icon-size);
+		font-size: var(--schmancy-icon-size);
+		color: inherit;
+		transition: font-variation-settings 0.2s ease;
+	}
+
+	.material-symbols {
+		font-family: var(--schmancy-icon-font, 'Material Symbols Outlined');
+		font-weight: normal;
+		font-style: normal;
+		line-height: 1;
+		letter-spacing: normal;
+		text-transform: none;
+		display: inline-block;
+		white-space: nowrap;
+		word-wrap: normal;
+		direction: ltr;
+		-webkit-font-smoothing: antialiased;
+		-webkit-font-feature-settings: 'liga';
+		font-feature-settings: 'liga';
+		font-variation-settings:
+			'FILL' var(--schmancy-icon-fill),
+			'wght' var(--schmancy-icon-weight),
+			'GRAD' var(--schmancy-icon-grade),
+			'opsz' var(--schmancy-icon-opsz);
+		width: 100%;
+		height: 100%;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+
+	/* CSS-generated content is NOT translated by Google Translate */
+	.material-symbols[data-icon]::before {
+		content: attr(data-icon);
+	}
+`){static{a=this}constructor(...e){super(...e),this.fill=0,this.weight=400,this.grade=0,this.variant=`outlined`,this.size=`md`,this.fill$=new t.BehaviorSubject(this.fill),this.weight$=new t.BehaviorSubject(this.weight),this.grade$=new t.BehaviorSubject(this.grade),this.variant$=new t.BehaviorSubject(this.variant)}static{this.fontsLoaded=!1}static loadFonts(){if(a.fontsLoaded)return;let e=document.createElement(`link`);e.rel=`stylesheet`,e.href=`https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&family=Material+Symbols+Sharp:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap`,document.head.appendChild(e),a.fontsLoaded=!0}static{this.tokenSizes={xxs:{size:`12px`,opsz:20},xs:{size:`16px`,opsz:20},sm:{size:`20px`,opsz:20},md:{size:`24px`,opsz:24},lg:{size:`32px`,opsz:40}}}static computeOpticalSize(e){let t=parseFloat(e);return isNaN(t)?24:Math.max(20,Math.min(48,Math.round(t)))}connectedCallback(){super.connectedCallback(),this._updateCapturedIcon(),this._observer=new MutationObserver(()=>this._updateCapturedIcon()),this._observer.observe(this,{childList:!0,characterData:!0,subtree:!0}),a.loadFonts(),this.setAttribute(`translate`,`no`),this.classList.add(`notranslate`),this.hasAttribute(`aria-label`)||this.hasAttribute(`aria-labelledby`)||this.hasAttribute(`aria-hidden`)||this.hasAttribute(`role`)||this.setAttribute(`aria-hidden`,`true`),(0,t.combineLatest)([this.fill$,this.weight$,this.grade$,this.variant$]).pipe((0,n.tap)(([e,t,n,r])=>{this.style.setProperty(`--schmancy-icon-fill`,String(e)),this.style.setProperty(`--schmancy-icon-weight`,String(t)),this.style.setProperty(`--schmancy-icon-grade`,String(n));let i={outlined:`Material Symbols Outlined`,rounded:`Material Symbols Rounded`,sharp:`Material Symbols Sharp`}[r]||`Material Symbols Outlined`;this.style.setProperty(`--schmancy-icon-font`,i)}),(0,t.takeUntil)(this.disconnecting)).subscribe()}_updateCapturedIcon(){if(!this.icon){let e=this.textContent?.trim();e&&e!==this._capturedIcon&&(this._capturedIcon=e)}}updated(e){super.updated(e),e.has(`fill`)&&this.fill$.next(this.fill),e.has(`weight`)&&this.weight$.next(this.weight),e.has(`grade`)&&this.grade$.next(this.grade),e.has(`variant`)&&this.variant$.next(this.variant)}render(){let e={outlined:`Material Symbols Outlined`,rounded:`Material Symbols Rounded`,sharp:`Material Symbols Sharp`}[this.variant]||`Material Symbols Outlined`,t=a.tokenSizes[this.size],n=!t&&/^\d+(\.\d+)?$/.test(this.size),r=t?.size||(n?`${this.size}px`:this.size),o=t?.opsz||a.computeOpticalSize(r);this.style.setProperty(`--schmancy-icon-size`,r),this.style.setProperty(`--schmancy-icon-opsz`,String(o));let s={"--schmancy-icon-fill":this.fill,"--schmancy-icon-weight":this.weight,"--schmancy-icon-grade":this.grade,"--schmancy-icon-font":e};return i.html`
+			<span class="material-symbols notranslate" part="icon" translate="no" data-icon=${this.icon||this._capturedIcon||``} style=${this.styleMap(s)}></span>
+			<slot style="display:none"></slot>
+		`}};e.i([(0,r.property)({type:Number,reflect:!0})],o.prototype,`fill`,void 0),e.i([(0,r.property)({type:Number,reflect:!0})],o.prototype,`weight`,void 0),e.i([(0,r.property)({type:Number,reflect:!0})],o.prototype,`grade`,void 0),e.i([(0,r.property)({type:String,reflect:!0})],o.prototype,`variant`,void 0),e.i([(0,r.property)({type:String,reflect:!0})],o.prototype,`size`,void 0),e.i([(0,r.property)({type:String})],o.prototype,`icon`,void 0),e.i([(0,r.state)()],o.prototype,`_capturedIcon`,void 0),o=a=e.i([(0,r.customElement)(`schmancy-icon`)],o);

package/dist/icons-BLQHEbIk.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons-BLQHEbIk.cjs","names":[],"sources":["../src/icons/icon.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { BehaviorSubject, combineLatest, takeUntil } from 'rxjs'\nimport { tap } from 'rxjs/operators'\n\n/**\n * Icon size tokens - M3 aligned with optical size optimization\n * - xxs: 12px (opsz: 20) - fits in 24px buttons (ultra-compact)\n * - xs: 16px (opsz: 20) - fits in 32px buttons\n * - sm: 20px (opsz: 20) - fits in 40px buttons\n * - md: 24px (opsz: 24) - fits in 48px buttons (default)\n * - lg: 32px (opsz: 40) - fits in 56px buttons\n * - Or custom string like '48px'\n */\nexport type IconSize = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | string\n\n/**\n * @element schmancy-icon\n * Material Symbols icon component with flexible font variation properties\n *\n * @cssprop --schmancy-icon-size - The size of the icon (default: 24px)\n * @cssprop --schmancy-icon-fill - Fill value for icon (0-1)\n * @cssprop --schmancy-icon-weight - Weight value for icon (100-700)\n * @cssprop --schmancy-icon-grade - Grade value for icon (-50-200)\n * @cssprop --schmancy-icon-opsz - Optical size (default: 24)\n */\n@customElement('schmancy-icon')\nexport default class SchmancyIcon extends TailwindElement(css`\n\t:host {\n\t\t--schmancy-icon-size: 24px;\n\t\t--schmancy-icon-fill: 0;\n\t\t--schmancy-icon-weight: 400;\n\t\t--schmancy-icon-grade: 0;\n\t\t--schmancy-icon-opsz: 24;\n\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\twidth: var(--schmancy-icon-size);\n\t\theight: var(--schmancy-icon-size);\n\t\tfont-size: var(--schmancy-icon-size);\n\t\tcolor: inherit;\n\t\ttransition: font-variation-settings 0.2s ease;\n\t}\n\n\t.material-symbols {\n\t\tfont-family: var(--schmancy-icon-font, 'Material Symbols Outlined');\n\t\tfont-weight: normal;\n\t\tfont-style: normal;\n\t\tline-height: 1;\n\t\tletter-spacing: normal;\n\t\ttext-transform: none;\n\t\tdisplay: inline-block;\n\t\twhite-space: nowrap;\n\t\tword-wrap: normal;\n\t\tdirection: ltr;\n\t\t-webkit-font-smoothing: antialiased;\n\t\t-webkit-font-feature-settings: 'liga';\n\t\tfont-feature-settings: 'liga';\n\t\tfont-variation-settings:\n\t\t\t'FILL' var(--schmancy-icon-fill),\n\t\t\t'wght' var(--schmancy-icon-weight),\n\t\t\t'GRAD' var(--schmancy-icon-grade),\n\t\t\t'opsz' var(--schmancy-icon-opsz);\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t}\n\n\t/* CSS-generated content is NOT translated by Google Translate */\n\t.material-symbols[data-icon]::before {\n\t\tcontent: attr(data-icon);\n\t}\n`) {\n\t// Static flag to track if Google Fonts have been loaded\n\tprivate static fontsLoaded = false\n\n\t/**\n\t * Load Material Symbols fonts from Google Fonts CDN\n\t */\n\tprivate static loadFonts(): void {\n\t\tif (SchmancyIcon.fontsLoaded) {\n\t\t\treturn\n\t\t}\n\n\t\tconst link = document.createElement('link')\n\t\tlink.rel = 'stylesheet'\n\t\tlink.href = 'https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&family=Material+Symbols+Sharp:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap'\n\t\tdocument.head.appendChild(link)\n\n\t\tSchmancyIcon.fontsLoaded = true\n\t}\n\n\t/**\n\t * Fill value for the icon (0-1)\n\t * 0 = outlined, 1 = filled\n\t */\n\t@property({ type: Number, reflect: true })\n\tfill = 0\n\n\t/**\n\t * Weight value for the icon (100-700)\n\t * Controls the thickness of the icon strokes\n\t */\n\t@property({ type: Number, reflect: true })\n\tweight = 400\n\n\t/**\n\t * Grade value for the icon (-50-200)\n\t * Adjusts the visual weight/grade\n\t */\n\t@property({ type: Number, reflect: true })\n\tgrade = 0\n\n\t/**\n\t * Icon variant style\n\t * @values outlined | rounded | sharp\n\t */\n\t@property({ type: String, reflect: true })\n\tvariant: 'outlined' | 'rounded' | 'sharp' = 'outlined'\n\n\t/**\n\t * Size of the icon - M3 aligned tokens or custom string\n\t * Tokens: 'xxs' (12px), 'xs' (16px), 'sm' (20px), 'md' (24px), 'lg' (32px)\n\t * Custom: any CSS size string like '48px', '2rem'\n\t */\n\t@property({ type: String, reflect: true })\n\tsize: IconSize = 'md'\n\n\t/**\n\t * Icon name - use this instead of slot content to prevent translation breaking icons.\n\t * When set, this takes precedence over slot content.\n\t * Example: <schmancy-icon icon=\"delete\"></schmancy-icon>\n\t */\n\t@property({ type: String })\n\ticon?: string\n\n\t// M3 aligned token sizes with optimal optical sizes\n\tprivate static readonly tokenSizes: Record<string, { size: string; opsz: number }> = {\n\t\txxs: { size: '12px', opsz: 20 }, // fits in 24px buttons (ultra-compact)\n\t\txs: { size: '16px', opsz: 20 },  // fits in 32px buttons\n\t\tsm: { size: '20px', opsz: 20 },  // fits in 40px buttons\n\t\tmd: { size: '24px', opsz: 24 },  // fits in 48px buttons (default)\n\t\tlg: { size: '32px', opsz: 40 },  // fits in 56px buttons\n\t}\n\n\t/** Extract pixel value from a custom size string for optical size */\n\tprivate static computeOpticalSize(size: string): number {\n\t\tconst px = parseFloat(size)\n\t\treturn isNaN(px) ? 24 : Math.max(20, Math.min(48, Math.round(px)))\n\t}\n\n\t// RxJS subjects for reactive property updates\n\tprivate fill$ = new BehaviorSubject(this.fill)\n\tprivate weight$ = new BehaviorSubject(this.weight)\n\tprivate grade$ = new BehaviorSubject(this.grade)\n\tprivate variant$ = new BehaviorSubject(this.variant)\n\n\t// Captured icon name from slot content (translation-proof)\n\t@state()\n\tprivate _capturedIcon?: string\n\n\t// Observer for text content changes (ternaries update text nodes, not DOM structure)\n\tprivate _observer?: MutationObserver\n\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\n\t\t// Capture initial icon name\n\t\tthis._updateCapturedIcon()\n\n\t\t// Watch for text content changes (characterData) for dynamic icon updates\n\t\tthis._observer = new MutationObserver(() => this._updateCapturedIcon())\n\t\tthis._observer.observe(this, { childList: true, characterData: true, subtree: true })\n\n\t\t// Load Google Fonts if not already loaded\n\t\tSchmancyIcon.loadFonts()\n\n\t\t// Prevent browser translation from breaking icon ligatures\n\t\t// Using multiple methods for maximum compatibility:\n\t\t// - translate=\"no\" (HTML5 standard)\n\t\t// - class=\"notranslate\" (Google Translate specific)\n\t\tthis.setAttribute('translate', 'no')\n\t\tthis.classList.add('notranslate')\n\n\t\t// Set accessibility attributes for decorative icons\n\t\tif (!this.hasAttribute('aria-label') &&\n\t\t    !this.hasAttribute('aria-labelledby') &&\n\t\t    !this.hasAttribute('aria-hidden') &&\n\t\t    !this.hasAttribute('role')) {\n\t\t\tthis.setAttribute('aria-hidden', 'true')\n\t\t}\n\n\t\t// Setup reactive CSS variable updates\n\t\tcombineLatest([\n\t\t\tthis.fill$,\n\t\t\tthis.weight$,\n\t\t\tthis.grade$,\n\t\t\tthis.variant$\n\t\t]).pipe(\n\t\t\ttap(([fill, weight, grade, variant]) => {\n\t\t\t\t// Update CSS custom properties for smooth transitions\n\t\t\t\tthis.style.setProperty('--schmancy-icon-fill', String(fill))\n\t\t\t\tthis.style.setProperty('--schmancy-icon-weight', String(weight))\n\t\t\t\tthis.style.setProperty('--schmancy-icon-grade', String(grade))\n\n\t\t\t\t// Update font family based on variant\n\t\t\t\tconst fontFamily = {\n\t\t\t\t\t'outlined': 'Material Symbols Outlined',\n\t\t\t\t\t'rounded': 'Material Symbols Rounded',\n\t\t\t\t\t'sharp': 'Material Symbols Sharp'\n\t\t\t\t}[variant] || 'Material Symbols Outlined'\n\n\t\t\t\tthis.style.setProperty('--schmancy-icon-font', fontFamily)\n\t\t\t}),\n\t\t\ttakeUntil(this.disconnecting)\n\t\t).subscribe()\n\n\t}\n\n\t/**\n\t * Update captured icon from current text content\n\t */\n\tprivate _updateCapturedIcon(): void {\n\t\tif (!this.icon) {\n\t\t\tconst textContent = this.textContent?.trim()\n\t\t\tif (textContent && textContent !== this._capturedIcon) {\n\t\t\t\tthis._capturedIcon = textContent\n\t\t\t}\n\t\t}\n\t}\n\n\tprotected updated(changedProperties: Map<string | number | symbol, unknown>): void {\n\t\tsuper.updated(changedProperties)\n\n\t\t// Update BehaviorSubjects when properties change\n\t\tif (changedProperties.has('fill')) {\n\t\t\tthis.fill$.next(this.fill)\n\t\t}\n\t\tif (changedProperties.has('weight')) {\n\t\t\tthis.weight$.next(this.weight)\n\t\t}\n\t\tif (changedProperties.has('grade')) {\n\t\t\tthis.grade$.next(this.grade)\n\t\t}\n\t\tif (changedProperties.has('variant')) {\n\t\t\tthis.variant$.next(this.variant)\n\t\t}\n\t}\n\n\tprotected render(): unknown {\n\t\tconst fontFamily = {\n\t\t\t'outlined': 'Material Symbols Outlined',\n\t\t\t'rounded': 'Material Symbols Rounded',\n\t\t\t'sharp': 'Material Symbols Sharp'\n\t\t}[this.variant] || 'Material Symbols Outlined'\n\n\t\t// Resolve size: token → px, bare number → px, or pass through as-is\n\t\tconst sizeConfig = SchmancyIcon.tokenSizes[this.size]\n\t\tconst isNumeric = !sizeConfig && /^\\d+(\\.\\d+)?$/.test(this.size)\n\t\tconst iconSize = sizeConfig?.size || (isNumeric ? `${this.size}px` : this.size)\n\t\tconst opticalSize = sizeConfig?.opsz || SchmancyIcon.computeOpticalSize(iconSize)\n\n\t\t// Set size on HOST so :host CSS picks it up\n\t\tthis.style.setProperty('--schmancy-icon-size', iconSize)\n\t\tthis.style.setProperty('--schmancy-icon-opsz', String(opticalSize))\n\n\t\tconst style = {\n\t\t\t'--schmancy-icon-fill': this.fill,\n\t\t\t'--schmancy-icon-weight': this.weight,\n\t\t\t'--schmancy-icon-grade': this.grade,\n\t\t\t'--schmancy-icon-font': fontFamily,\n\t\t}\n\n\t\t// Priority: icon property > captured icon (for dynamic content)\n\t\tconst iconName = this.icon || this._capturedIcon\n\n\t\t// Always render slot (hidden) to observe content changes, display via data-icon\n\t\treturn html`\n\t\t\t<span class=\"material-symbols notranslate\" part=\"icon\" translate=\"no\" data-icon=${iconName || ''} style=${this.styleMap(style)}></span>\n\t\t\t<slot style=\"display:none\"></slot>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-icon': SchmancyIcon\n\t}\n}"],"mappings":"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"}