@greypan/web-ui 11.2.0 → 12.0.0

package/dist/components/input-number/index.js

@@ -1,283 +1,399 @@
-import e from "../../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
 import "../icon/index.js";
-import t from "../../classes/glass.js";
-import n from "../../icons/generated/lucide-plus.js";
-import r from "../../icons/generated/lucide-minus.js";
-import { FormAssociated as i, FormAssociationController as a, defineFormAssociation as o, forwardInputValidity as s } from "../../shared/form-association/index.js";
-import { normalizeNumber as c } from "../../shared/normalize/index.js";
-import { createFieldId as l } from "../../shared/form-association/field-id.js";
-import u from "./style.js";
-import { LitElement as d, html as f, unsafeCSS as p } from "lit";
-import { customElement as m, property as h, state as g } from "lit/decorators.js";
-import { ifDefined as _ } from "lit/directives/if-defined.js";
-//#region src/components/input-number/index.ts
-var v = (e) => {
-	let [t, n = "0"] = e.toString().toLowerCase().split("e");
-	return Math.max(0, (t.split(".")[1]?.length ?? 0) - Number(n));
-}, y = /* @__PURE__ */ new WeakMap();
-function b(e) {
-	return e instanceof Element ? [e, ...e.querySelectorAll("[id], label[for]")].flatMap((e) => e instanceof HTMLLabelElement ? [e.id, e.htmlFor] : [e.id]).filter(Boolean) : [];
+import glass_default from "../../classes/glass.js";
+import lucide_plus_default from "../../icons/generated/lucide-plus.js";
+import lucide_minus_default from "../../icons/generated/lucide-minus.js";
+import { FormAssociated, FormAssociationController, defineFormAssociation, forwardInputValidity } from "../../shared/form-association/index.js";
+import { normalizeNumber } from "../../shared/normalize/index.js";
+import { createFieldId } from "../../shared/form-association/field-id.js";
+import { resolveBuiltinLabel } from "../../shared/locale/builtin-labels.js";
+import style_default from "./style.js";
+import { LitElement, html, unsafeCSS } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import { ifDefined } from "lit/directives/if-defined.js";
+// src/components/input-number/index.ts
+const decimalPlaces = (value) => {
+	const [numberText, exponent = "0"] = value.toString().toLowerCase().split("e");
+	return Math.max(0, (numberText.split(".")[1]?.length ?? 0) - Number(exponent));
+};
+const labelledbyRootObservers = /* @__PURE__ */ new WeakMap();
+function nodeReferenceIds(node) {
+	if (!(node instanceof Element)) return [];
+	return [node, ...node.querySelectorAll("[id], label[for]")].flatMap((element) => element instanceof HTMLLabelElement ? [element.id, element.htmlFor] : [element.id]).filter(Boolean);
 }
-function x(e) {
-	return e instanceof HTMLStyleElement || e instanceof HTMLLinkElement && e.relList.contains("stylesheet");
+function isStylesheetElement(element) {
+	return element instanceof HTMLStyleElement || element instanceof HTMLLinkElement && element.relList.contains("stylesheet");
 }
-function S(e) {
-	return e instanceof Element && x(e) || e instanceof Element && e.querySelector("style, link[rel~=\"stylesheet\"]") !== null;
+function nodeContainsStylesheet(node) {
+	return node instanceof Element && isStylesheetElement(node) || node instanceof Element && node.querySelector("style, link[rel~=\"stylesheet\"]") !== null;
 }
-function C(e, t, n, r) {
-	let i = y.get(e);
-	if (!i) {
-		let t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Map(), r = () => t.forEach((e) => e.onStylesheetChange()), a = (e) => {
-			e.target instanceof HTMLLinkElement && e.target.relList.contains("stylesheet") && r();
-		}, o = new MutationObserver((e) => {
-			let t = /* @__PURE__ */ new Set(), i = !1, a = (e) => {
-				e && n.get(e)?.forEach((e) => t.add(e));
+function observeLabelledbyReferences(root, ids, onReferenceChange, onStylesheetChange) {
+	let shared = labelledbyRootObservers.get(root);
+	if (!shared) {
+		const registrations = /* @__PURE__ */ new Set();
+		const registrationsById = /* @__PURE__ */ new Map();
+		const notifyStylesheetChange = () => registrations.forEach((registration) => registration.onStylesheetChange());
+		const onStylesheetLoad = (event) => {
+			if (event.target instanceof HTMLLinkElement && event.target.relList.contains("stylesheet")) notifyStylesheetChange();
+		};
+		const observer = new MutationObserver((records) => {
+			const changedRegistrations = /* @__PURE__ */ new Set();
+			let stylesheetChanged = false;
+			const addRegistrationsForId = (id) => {
+				if (!id) return;
+				registrationsById.get(id)?.forEach((registration) => changedRegistrations.add(registration));
 			};
-			for (let t of e) if (t.type === "attributes") {
-				let e = t.target;
-				t.attributeName === "id" ? (a(t.oldValue), a(e.id)) : t.attributeName === "for" && e instanceof HTMLLabelElement ? (a(t.oldValue), a(e.htmlFor)) : ["disabled", "media"].includes(t.attributeName ?? "") && x(e) && (i = !0);
-			} else if (t.type === "childList") {
-				(t.target instanceof HTMLStyleElement || t.target instanceof HTMLLinkElement) && (i = !0);
-				for (let e of [...t.addedNodes, ...t.removedNodes]) {
-					S(e) && (i = !0);
-					for (let t of b(e)) a(t);
+			for (const record of records) if (record.type === "attributes") {
+				const element = record.target;
+				if (record.attributeName === "id") {
+					addRegistrationsForId(record.oldValue);
+					addRegistrationsForId(element.id);
+				} else if (record.attributeName === "for" && element instanceof HTMLLabelElement) {
+					addRegistrationsForId(record.oldValue);
+					addRegistrationsForId(element.htmlFor);
+				} else if (["disabled", "media"].includes(record.attributeName ?? "") && isStylesheetElement(element)) stylesheetChanged = true;
+			} else if (record.type === "childList") {
+				if (record.target instanceof HTMLStyleElement || record.target instanceof HTMLLinkElement) stylesheetChanged = true;
+				for (const node of [...record.addedNodes, ...record.removedNodes]) {
+					if (nodeContainsStylesheet(node)) stylesheetChanged = true;
+					for (const id of nodeReferenceIds(node)) addRegistrationsForId(id);
 				}
 			}
-			i && r(), t.forEach((e) => e.onReferenceChange());
+			if (stylesheetChanged) notifyStylesheetChange();
+			changedRegistrations.forEach((registration) => registration.onReferenceChange());
 		});
-		i = {
-			observer: o,
-			registrations: t,
-			registrationsById: n,
-			onStylesheetLoad: a,
-			notifyStylesheetChange: r
-		}, y.set(e, i), o.observe(e, {
-			subtree: !0,
-			childList: !0,
-			attributes: !0,
+		shared = {
+			observer,
+			registrations,
+			registrationsById,
+			onStylesheetLoad,
+			notifyStylesheetChange
+		};
+		labelledbyRootObservers.set(root, shared);
+		observer.observe(root, {
+			subtree: true,
+			childList: true,
+			attributes: true,
 			attributeFilter: [
 				"id",
 				"for",
 				"disabled",
 				"media"
 			],
-			attributeOldValue: !0
-		}), e.addEventListener("load", a, !0);
+			attributeOldValue: true
+		});
+		root.addEventListener("load", onStylesheetLoad, true);
 	}
-	let a = {
-		ids: new Set(t),
-		onReferenceChange: n,
-		onStylesheetChange: r
+	const registration = {
+		ids: new Set(ids),
+		onReferenceChange,
+		onStylesheetChange
 	};
-	i.registrations.add(a);
-	for (let e of a.ids) {
-		let t = i.registrationsById.get(e) ?? /* @__PURE__ */ new Set();
-		t.add(a), i.registrationsById.set(e, t);
+	shared.registrations.add(registration);
+	for (const id of registration.ids) {
+		const registrations = shared.registrationsById.get(id) ?? /* @__PURE__ */ new Set();
+		registrations.add(registration);
+		shared.registrationsById.set(id, registrations);
 	}
 	return () => {
-		if (i?.registrations.delete(a)) {
-			for (let e of a.ids) {
-				let t = i.registrationsById.get(e);
-				t?.delete(a), t?.size === 0 && i.registrationsById.delete(e);
-			}
-			i.registrations.size === 0 && (i.observer.disconnect(), e.removeEventListener("load", i.onStylesheetLoad, !0), y.delete(e));
+		if (!shared?.registrations.delete(registration)) return;
+		for (const id of registration.ids) {
+			const registrations = shared.registrationsById.get(id);
+			registrations?.delete(registration);
+			if (registrations?.size === 0) shared.registrationsById.delete(id);
+		}
+		if (shared.registrations.size === 0) {
+			shared.observer.disconnect();
+			root.removeEventListener("load", shared.onStylesheetLoad, true);
+			labelledbyRootObservers.delete(root);
 		}
 	};
 }
-var w = class extends i(d) {
-	constructor(...e) {
-		super(...e), this.placeholder = "", this.name = "", this.disabled = !1, this.readonly = !1, this.required = !1, this.ariaLabel = null, this._value = 0, this._draft = null, this._min = 0, this._max = Infinity, this._step = 1, this._focused = !1, this._precision = 0, this._precisionWasSet = !1, this._fieldId = l("web-ui-input-number"), this._labelledbyObserver = null, this._releaseLabelledbyReferences = null, this._labelledbyAncestorObserver = null, this._observedLabelledbyRoot = null, this._observedLabelledbyReferenceIds = "", this._observedLabelledbyTargets = [], this._observedLabelledbyMutationTargets = [], this._observedLabelledbyValueControls = [], this._observedLabelledbyAncestors = [], this._observedLabelledbyText = "", this._observedLabelledbyWindow = null, this._onLabelledbyViewportChange = () => this.requestUpdate(), this._onLabelledbyValueChange = () => {
-			this._getLabelledbyText() !== this._observedLabelledbyText && this.requestUpdate();
-		}, this._formAssociation = o({
+let WebUiInputNumber = class WebUiInputNumber extends FormAssociated(LitElement) {
+	constructor(..._args) {
+		super(..._args);
+		this.placeholder = "";
+		this.name = "";
+		this.disabled = false;
+		this.readonly = false;
+		this.required = false;
+		this.ariaLabel = null;
+		this.ariaDecreaseLabel = "";
+		this.ariaIncreaseLabel = "";
+		this._value = 0;
+		this._draft = null;
+		this._min = 0;
+		this._max = Infinity;
+		this._step = 1;
+		this._focused = false;
+		this._precision = 0;
+		this._precisionWasSet = false;
+		this._fieldId = createFieldId("web-ui-input-number");
+		this._labelledbyObserver = null;
+		this._releaseLabelledbyReferences = null;
+		this._labelledbyAncestorObserver = null;
+		this._observedLabelledbyRoot = null;
+		this._observedLabelledbyReferenceIds = "";
+		this._observedLabelledbyTargets = [];
+		this._observedLabelledbyMutationTargets = [];
+		this._observedLabelledbyValueControls = [];
+		this._observedLabelledbyAncestors = [];
+		this._observedLabelledbyText = "";
+		this._observedLabelledbyWindow = null;
+		this._onLabelledbyViewportChange = () => this.requestUpdate();
+		this._onLabelledbyValueChange = () => {
+			if (this._getLabelledbyText() !== this._observedLabelledbyText) this.requestUpdate();
+		};
+		this._formAssociation = defineFormAssociation({
 			host: this,
 			getState: () => this.value,
-			setState: (e) => {
-				this.value = e;
+			setState: (value) => {
+				this.value = value;
 			},
 			getFormValue: () => String(this.value),
 			getFormState: () => String(this.value),
-			restoreState: (e) => {
-				if (typeof e != "string") return;
-				let t = Number(e);
-				Number.isFinite(t) && (this.value = t);
+			restoreState: (state) => {
+				if (typeof state !== "string") return;
+				const value = Number(state);
+				if (Number.isFinite(value)) this.value = value;
 			},
 			syncValidity: () => this._syncValidity()
-		}).make(), this._formAssociationController = new a(this, this._formAssociation);
+		}).make();
+		this._formAssociationController = new FormAssociationController(this, this._formAssociation);
 	}
 	static {
-		this.styles = [p(t), p(u)];
+		this.styles = [unsafeCSS(glass_default), unsafeCSS(style_default)];
 	}
 	get precision() {
 		return this._precision;
 	}
-	set precision(e) {
-		let t = this._precision, n = this._precisionWasSet;
-		this._precision = e ?? 0, this._precisionWasSet = e !== null, e === null ? this.hasAttribute("precision") && this.removeAttribute("precision") : this.getAttribute("precision") !== String(e) && this.setAttribute("precision", String(e)), (t !== this._precision || n !== this._precisionWasSet) && this.requestUpdate();
+	set precision(v) {
+		const old = this._precision;
+		const wasExplicitlySet = this._precisionWasSet;
+		this._precision = v ?? 0;
+		this._precisionWasSet = v !== null;
+		if (v === null) {
+			if (this.hasAttribute("precision")) this.removeAttribute("precision");
+		} else if (this.getAttribute("precision") !== String(v)) this.setAttribute("precision", String(v));
+		if (old !== this._precision || wasExplicitlySet !== this._precisionWasSet) this.requestUpdate();
 	}
 	get _supportsLabelledbyElements() {
-		return typeof Element < "u" && "ariaLabelledByElements" in Element.prototype;
-	}
-	_getLabelledbyIds(e = this.ariaLabelledby) {
-		let t = e?.trim();
-		return t ? t.split(/\s+/).filter(Boolean) : [];
-	}
-	_getLabelledbyTargets(e = null, t = this.ariaLabelledby) {
-		let n = e ?? this.getRootNode();
-		return n instanceof Document || n instanceof ShadowRoot ? this._getLabelledbyIds(t).map((e) => {
-			let t = typeof CSS < "u" && CSS.escape ? CSS.escape(e) : e;
-			return n.querySelector(`#${t}`);
-		}).filter((e) => e !== null) : [];
-	}
-	_getLabelledbyValueControls(e) {
-		let t = /* @__PURE__ */ new Set();
-		for (let n of e) n.matches("input, textarea, select") && t.add(n), n.querySelectorAll("input, textarea, select").forEach((e) => t.add(e));
-		return [...t];
+		return typeof Element !== "undefined" && "ariaLabelledByElements" in Element.prototype;
+	}
+	_getLabelledbyIds(idRefs = this.ariaLabelledby) {
+		const normalizedIdRefs = idRefs?.trim();
+		return normalizedIdRefs ? normalizedIdRefs.split(/\s+/).filter(Boolean) : [];
+	}
+	_getLabelledbyTargets(root = null, idRefs = this.ariaLabelledby) {
+		const scope = root ?? this.getRootNode();
+		if (!(scope instanceof Document || scope instanceof ShadowRoot)) return [];
+		return this._getLabelledbyIds(idRefs).map((id) => {
+			const escapedId = typeof CSS !== "undefined" && CSS.escape ? CSS.escape(id) : id;
+			return scope.querySelector(`#${escapedId}`);
+		}).filter((element) => element !== null);
+	}
+	_getLabelledbyValueControls(targets) {
+		const controls = /* @__PURE__ */ new Set();
+		for (const target of targets) {
+			if (target.matches("input, textarea, select")) controls.add(target);
+			target.querySelectorAll("input, textarea, select").forEach((control) => controls.add(control));
+		}
+		return [...controls];
 	}
-	_getObservedLabelledbyReferences(e) {
+	_getObservedLabelledbyReferences(root) {
 		return {
 			ids: new Set(this._getLabelledbyIds()),
-			targets: e ? this._getLabelledbyTargets(e) : []
+			targets: root ? this._getLabelledbyTargets(root) : []
 		};
 	}
-	_isLabelledbyElementHidden(e) {
-		let t = getComputedStyle(e).visibility;
-		if (t === "hidden" || t === "collapse") return !0;
-		let n = e;
-		for (; n;) {
-			let e = getComputedStyle(n);
-			if (n.getAttribute("aria-hidden") === "true" || n.hasAttribute("hidden") || e.display === "none") return !0;
-			if (n.parentElement) n = n.parentElement;
+	_isLabelledbyElementHidden(element) {
+		const visibility = getComputedStyle(element).visibility;
+		if (visibility === "hidden" || visibility === "collapse") return true;
+		let current = element;
+		while (current) {
+			const style = getComputedStyle(current);
+			if (current.getAttribute("aria-hidden") === "true" || current.hasAttribute("hidden") || style.display === "none") return true;
+			if (current.parentElement) current = current.parentElement;
 			else {
-				let e = n.getRootNode();
-				n = e instanceof ShadowRoot ? e.host : null;
+				const root = current.getRootNode();
+				current = root instanceof ShadowRoot ? root.host : null;
 			}
 		}
-		return !1;
-	}
-	_getLabelledbyElementText(e, t = !1, n = !1, r = /* @__PURE__ */ new Set()) {
-		if (r.has(e) || !t && this._isLabelledbyElementHidden(e)) return "";
-		let i = new Set(r);
-		i.add(e);
-		let a = e.getAttribute("aria-label")?.trim();
-		if (a) return a;
-		if (e instanceof HTMLImageElement || e instanceof HTMLAreaElement || e instanceof HTMLInputElement && e.type === "image") {
-			let t = e.getAttribute("alt");
-			if (t !== null) return t.trim();
+		return false;
+	}
+	_getLabelledbyElementText(element, includeHidden = false, embeddedControlValue = false, visited = /* @__PURE__ */ new Set()) {
+		if (visited.has(element)) return "";
+		if (!includeHidden && this._isLabelledbyElementHidden(element)) return "";
+		const nextVisited = new Set(visited);
+		nextVisited.add(element);
+		const ariaLabel = element.getAttribute("aria-label")?.trim();
+		if (ariaLabel) return ariaLabel;
+		if (element instanceof HTMLImageElement || element instanceof HTMLAreaElement || element instanceof HTMLInputElement && element.type === "image") {
+			const alt = element.getAttribute("alt");
+			if (alt !== null) return alt.trim();
 		}
-		if (e instanceof HTMLInputElement && [
+		if (element instanceof HTMLInputElement && [
 			"button",
 			"submit",
 			"reset"
-		].includes(e.type)) {
-			let t = e.value.trim();
-			if (t) return t;
+		].includes(element.type)) {
+			const value = element.value.trim();
+			if (value) return value;
 		}
-		if (e instanceof HTMLInputElement && ["checkbox", "radio"].includes(e.type)) {
-			if (n) return e.checked ? "on" : "off";
-			let r = Array.from(e.labels ?? []);
-			return r.length > 0 ? r.map((e) => this._getLabelledbyElementText(e, t, !1, i)).filter(Boolean).join(" ") : e.getAttribute("title")?.trim() ?? "";
+		if (element instanceof HTMLInputElement && ["checkbox", "radio"].includes(element.type)) {
+			if (embeddedControlValue) return element.checked ? "on" : "off";
+			const labels = Array.from(element.labels ?? []);
+			if (labels.length > 0) return labels.map((label) => this._getLabelledbyElementText(label, includeHidden, false, nextVisited)).filter(Boolean).join(" ");
+			return element.getAttribute("title")?.trim() ?? "";
 		}
-		if (e instanceof HTMLInputElement && e.type !== "hidden") {
-			if (n) {
-				let t = e.value.trim();
-				if (t) return t;
+		if (element instanceof HTMLInputElement && element.type !== "hidden") {
+			if (embeddedControlValue) {
+				const value = element.value.trim();
+				if (value) return value;
 			}
-			let r = Array.from(e.labels ?? []);
-			if (r.length > 0) return r.map((e) => this._getLabelledbyElementText(e, t, !1, i)).filter(Boolean).join(" ");
+			const labels = Array.from(element.labels ?? []);
+			if (labels.length > 0) return labels.map((label) => this._getLabelledbyElementText(label, includeHidden, false, nextVisited)).filter(Boolean).join(" ");
 		}
-		if (e instanceof HTMLTextAreaElement) {
-			if (n) {
-				let t = e.value.trim();
-				if (t) return t;
+		if (element instanceof HTMLTextAreaElement) {
+			if (embeddedControlValue) {
+				const value = element.value.trim();
+				if (value) return value;
 			}
-			let r = Array.from(e.labels ?? []);
-			if (r.length > 0) return r.map((e) => this._getLabelledbyElementText(e, t, !1, i)).filter(Boolean).join(" ");
+			const labels = Array.from(element.labels ?? []);
+			if (labels.length > 0) return labels.map((label) => this._getLabelledbyElementText(label, includeHidden, false, nextVisited)).filter(Boolean).join(" ");
 		}
-		if (e instanceof HTMLSelectElement) {
-			if (!n) {
-				let n = Array.from(e.labels ?? []);
-				return n.length > 0 ? n.map((e) => this._getLabelledbyElementText(e, t, !1, i)).filter(Boolean).join(" ") : e.getAttribute("title")?.trim() ?? "";
+		if (element instanceof HTMLSelectElement) {
+			if (!embeddedControlValue) {
+				const labels = Array.from(element.labels ?? []);
+				if (labels.length > 0) return labels.map((label) => this._getLabelledbyElementText(label, includeHidden, false, nextVisited)).filter(Boolean).join(" ");
+				return element.getAttribute("title")?.trim() ?? "";
 			}
-			let r = Array.from(e.selectedOptions).map((e) => e.label.trim() || e.textContent?.trim() || "").filter(Boolean).join(" ");
-			if (r) return r;
+			const selectedOptions = Array.from(element.selectedOptions).map((option) => option.label.trim() || option.textContent?.trim() || "").filter(Boolean).join(" ");
+			if (selectedOptions) return selectedOptions;
 		}
-		return Array.from(e.childNodes).map((e) => {
-			if (e.nodeType === Node.TEXT_NODE) return e.textContent ?? "";
-			if (!(e instanceof Element)) return "";
-			let n = e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement;
-			return this._getLabelledbyElementText(e, t, n, i);
-		}).join("").replace(/\s+/g, " ").trim() || e.getAttribute("title")?.trim() || "";
+		return Array.from(element.childNodes).map((node) => {
+			if (node.nodeType === Node.TEXT_NODE) return node.textContent ?? "";
+			if (!(node instanceof Element)) return "";
+			const isControl = node instanceof HTMLInputElement || node instanceof HTMLTextAreaElement || node instanceof HTMLSelectElement;
+			return this._getLabelledbyElementText(node, includeHidden, isControl, nextVisited);
+		}).join("").replace(/\s+/g, " ").trim() || element.getAttribute("title")?.trim() || "";
 	}
 	_getLabelledbyText() {
-		return this._getLabelledbyTargets().map((e) => this._getLabelledbyElementText(e, this._isLabelledbyElementHidden(e))).filter(Boolean).join(" ");
-	}
-	_getLabelledbyAncestors(e) {
-		let t = /* @__PURE__ */ new Set();
-		for (let n of e) {
-			let e = n;
-			for (; e;) if (t.add(e), e.parentElement) e = e.parentElement;
-			else {
-				let t = e.getRootNode();
-				e = t instanceof ShadowRoot ? t.host : null;
+		return this._getLabelledbyTargets().map((element) => this._getLabelledbyElementText(element, this._isLabelledbyElementHidden(element))).filter(Boolean).join(" ");
+	}
+	_getLabelledbyAncestors(targets) {
+		const ancestors = /* @__PURE__ */ new Set();
+		for (const target of targets) {
+			let current = target;
+			while (current) {
+				ancestors.add(current);
+				if (current.parentElement) current = current.parentElement;
+				else {
+					const root = current.getRootNode();
+					current = root instanceof ShadowRoot ? root.host : null;
+				}
 			}
 		}
-		return [...t];
+		return [...ancestors];
 	}
 	_syncLabelledbyObserver() {
-		let e = this.getRootNode(), t = e instanceof Document || e instanceof ShadowRoot ? e : null, n = this._getObservedLabelledbyReferences(t), r = [...n.ids].join("\0"), i = n.targets, a = this._getLabelledbyValueControls(i), o = new Set(i);
-		for (let e of a) (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement) && Array.from(e.labels ?? []).forEach((e) => o.add(e));
-		let s = [...o], c = this._getLabelledbyAncestors(s), l = s.length === this._observedLabelledbyMutationTargets.length && s.every((e, t) => e === this._observedLabelledbyMutationTargets[t]), u = a.length === this._observedLabelledbyValueControls.length && a.every((e, t) => e === this._observedLabelledbyValueControls[t]), d = c.length === this._observedLabelledbyAncestors.length && c.every((e, t) => e === this._observedLabelledbyAncestors[t]), f = e !== this._observedLabelledbyRoot, p = this.ariaLabelledby && this.isConnected ? this.ownerDocument.defaultView : null;
-		if (p !== this._observedLabelledbyWindow && (this._observedLabelledbyWindow?.removeEventListener("resize", this._onLabelledbyViewportChange), this._observedLabelledbyWindow = p, this._observedLabelledbyWindow?.addEventListener("resize", this._onLabelledbyViewportChange)), (f || r !== this._observedLabelledbyReferenceIds) && (this._releaseLabelledbyReferences?.(), this._releaseLabelledbyReferences = null, this._observedLabelledbyRoot = e, this._observedLabelledbyReferenceIds = r, this.isConnected && t && n.ids.size > 0 && (this._releaseLabelledbyReferences = C(t, n.ids, () => this.requestUpdate(), () => {
-			this._getLabelledbyText() !== this._observedLabelledbyText && this.requestUpdate();
-		}))), (f || !l) && (this._labelledbyObserver?.disconnect(), this._observedLabelledbyTargets = i, this._observedLabelledbyMutationTargets = s, this.isConnected && s.length > 0)) {
-			this._labelledbyObserver = new MutationObserver(() => {
-				let e = this._getLabelledbyValueControls(this._observedLabelledbyTargets);
-				(e.length !== this._observedLabelledbyValueControls.length || e.some((e, t) => e !== this._observedLabelledbyValueControls[t]) || this._getLabelledbyText() !== this._observedLabelledbyText) && this.requestUpdate();
-			});
-			for (let e of s) this._labelledbyObserver.observe(e, {
-				subtree: !0,
-				childList: !0,
-				characterData: !0,
-				attributes: !0,
-				attributeFilter: [
-					"aria-label",
-					"alt",
-					"value",
-					"title",
-					"type",
-					"aria-hidden",
-					"hidden",
-					"class",
-					"style"
-				]
+		const root = this.getRootNode();
+		const scope = root instanceof Document || root instanceof ShadowRoot ? root : null;
+		const references = this._getObservedLabelledbyReferences(scope);
+		const referenceIds = [...references.ids].join("\0");
+		const targets = references.targets;
+		const valueControls = this._getLabelledbyValueControls(targets);
+		const mutationTargets = new Set(targets);
+		for (const control of valueControls) if (control instanceof HTMLInputElement || control instanceof HTMLTextAreaElement || control instanceof HTMLSelectElement) Array.from(control.labels ?? []).forEach((label) => mutationTargets.add(label));
+		const observedTargets = [...mutationTargets];
+		const ancestors = this._getLabelledbyAncestors(observedTargets);
+		const sameMutationTargets = observedTargets.length === this._observedLabelledbyMutationTargets.length && observedTargets.every((target, index) => target === this._observedLabelledbyMutationTargets[index]);
+		const sameValueControls = valueControls.length === this._observedLabelledbyValueControls.length && valueControls.every((control, index) => control === this._observedLabelledbyValueControls[index]);
+		const sameAncestors = ancestors.length === this._observedLabelledbyAncestors.length && ancestors.every((ancestor, index) => ancestor === this._observedLabelledbyAncestors[index]);
+		const rootChanged = root !== this._observedLabelledbyRoot;
+		const nextWindow = this.ariaLabelledby && this.isConnected ? this.ownerDocument.defaultView : null;
+		if (nextWindow !== this._observedLabelledbyWindow) {
+			this._observedLabelledbyWindow?.removeEventListener("resize", this._onLabelledbyViewportChange);
+			this._observedLabelledbyWindow = nextWindow;
+			this._observedLabelledbyWindow?.addEventListener("resize", this._onLabelledbyViewportChange);
+		}
+		if (rootChanged || referenceIds !== this._observedLabelledbyReferenceIds) {
+			this._releaseLabelledbyReferences?.();
+			this._releaseLabelledbyReferences = null;
+			this._observedLabelledbyRoot = root;
+			this._observedLabelledbyReferenceIds = referenceIds;
+			if (this.isConnected && scope && references.ids.size > 0) this._releaseLabelledbyReferences = observeLabelledbyReferences(scope, references.ids, () => this.requestUpdate(), () => {
+				if (this._getLabelledbyText() !== this._observedLabelledbyText) this.requestUpdate();
 			});
 		}
-		if ((f || !u) && (this._observedLabelledbyValueControls.forEach((e) => {
-			e.removeEventListener("input", this._onLabelledbyValueChange), e.removeEventListener("change", this._onLabelledbyValueChange);
-		}), this._observedLabelledbyValueControls = a, this.isConnected && a.forEach((e) => {
-			e.addEventListener("input", this._onLabelledbyValueChange), e.addEventListener("change", this._onLabelledbyValueChange);
-		})), (f || !d) && (this._labelledbyAncestorObserver?.disconnect(), this._observedLabelledbyAncestors = c, this.isConnected && c.length > 0)) {
-			this._labelledbyAncestorObserver = new MutationObserver(() => {
-				this._getLabelledbyText() !== this._observedLabelledbyText && this.requestUpdate();
+		if (rootChanged || !sameMutationTargets) {
+			this._labelledbyObserver?.disconnect();
+			this._observedLabelledbyTargets = targets;
+			this._observedLabelledbyMutationTargets = observedTargets;
+			if (this.isConnected && observedTargets.length > 0) {
+				this._labelledbyObserver = new MutationObserver(() => {
+					const currentValueControls = this._getLabelledbyValueControls(this._observedLabelledbyTargets);
+					if (currentValueControls.length !== this._observedLabelledbyValueControls.length || currentValueControls.some((control, index) => control !== this._observedLabelledbyValueControls[index]) || this._getLabelledbyText() !== this._observedLabelledbyText) this.requestUpdate();
+				});
+				for (const target of observedTargets) this._labelledbyObserver.observe(target, {
+					subtree: true,
+					childList: true,
+					characterData: true,
+					attributes: true,
+					attributeFilter: [
+						"aria-label",
+						"alt",
+						"value",
+						"title",
+						"type",
+						"aria-hidden",
+						"hidden",
+						"class",
+						"style"
+					]
+				});
+			}
+		}
+		if (rootChanged || !sameValueControls) {
+			this._observedLabelledbyValueControls.forEach((control) => {
+				control.removeEventListener("input", this._onLabelledbyValueChange);
+				control.removeEventListener("change", this._onLabelledbyValueChange);
 			});
-			for (let e of c) this._labelledbyAncestorObserver.observe(e, {
-				attributes: !0,
-				attributeFilter: [
-					"aria-hidden",
-					"hidden",
-					"class",
-					"style"
-				]
+			this._observedLabelledbyValueControls = valueControls;
+			if (this.isConnected) valueControls.forEach((control) => {
+				control.addEventListener("input", this._onLabelledbyValueChange);
+				control.addEventListener("change", this._onLabelledbyValueChange);
 			});
 		}
+		if (rootChanged || !sameAncestors) {
+			this._labelledbyAncestorObserver?.disconnect();
+			this._observedLabelledbyAncestors = ancestors;
+			if (this.isConnected && ancestors.length > 0) {
+				this._labelledbyAncestorObserver = new MutationObserver(() => {
+					if (this._getLabelledbyText() !== this._observedLabelledbyText) this.requestUpdate();
+				});
+				for (const ancestor of ancestors) this._labelledbyAncestorObserver.observe(ancestor, {
+					attributes: true,
+					attributeFilter: [
+						"aria-hidden",
+						"hidden",
+						"class",
+						"style"
+					]
+				});
+			}
+		}
 		this._observedLabelledbyText = this._getLabelledbyText();
 	}
 	get value() {
 		return this.clamp(this.round(this._value));
 	}
-	set value(e) {
-		let t = this.clamp(e), n = this._value;
-		this._value = t, this._formAssociation.sync(), this.requestUpdate("value", n);
+	set value(v) {
+		const next = this.clamp(v);
+		const old = this._value;
+		this._value = next;
+		this._formAssociation.sync();
+		this.requestUpdate("value", old);
 	}
 	get _isDisabled() {
 		return this.disabled || this._formAssociation.isFormDisabled();
@@ -285,26 +401,26 @@ var w = class extends i(d) {
 	get min() {
 		return this._min;
 	}
-	set min(e) {
-		this._min = c(e, -Infinity, Infinity, 0);
+	set min(v) {
+		this._min = normalizeNumber(v, -Infinity, Infinity, 0);
 	}
 	get max() {
 		return this._max;
 	}
-	set max(e) {
-		this._max = c(e, -Infinity, Infinity, Infinity);
+	set max(v) {
+		this._max = normalizeNumber(v, -Infinity, Infinity, Infinity);
 	}
 	get step() {
 		return this._step;
 	}
-	set step(e) {
-		this._step = c(e, 0, Infinity, 1);
+	set step(v) {
+		this._step = normalizeNumber(v, 0, Infinity, 1);
 	}
 	get _effectiveStep() {
 		return this._step;
 	}
 	get _effectivePrecision() {
-		return this._precisionWasSet ? this._precision : Math.max(this._precision, v(this._step));
+		return this._precisionWasSet ? this._precision : Math.max(this._precision, decimalPlaces(this._step));
 	}
 	get atMin() {
 		return this.value <= this._min;
@@ -313,95 +429,146 @@ var w = class extends i(d) {
 		return this.value >= this._max;
 	}
 	connectedCallback() {
-		super.connectedCallback(), this.requestUpdate();
+		super.connectedCallback();
+		this.requestUpdate();
 	}
-	formDisabledCallback(e) {
-		super.formDisabledCallback(e), this.toggleAttribute("data-form-disabled", e);
+	formDisabledCallback(disabled) {
+		super.formDisabledCallback(disabled);
+		this.toggleAttribute("data-form-disabled", disabled);
 	}
 	updated() {
-		if (this._syncLabelledbyObserver(), this._supportsLabelledbyElements) {
-			let e = this.shadowRoot?.querySelector("input");
-			e && (e.ariaLabelledByElements = this._getLabelledbyTargets());
+		this._syncLabelledbyObserver();
+		if (this._supportsLabelledbyElements) {
+			const input = this.shadowRoot?.querySelector("input");
+			if (input) input.ariaLabelledByElements = this._getLabelledbyTargets();
 		}
-		this._syncValidity(), this.toggleAttribute("focused", this._focused);
+		this._syncValidity();
+		this.toggleAttribute("focused", this._focused);
 	}
 	disconnectedCallback() {
-		this._labelledbyObserver?.disconnect(), this._releaseLabelledbyReferences?.(), this._labelledbyAncestorObserver?.disconnect(), this._labelledbyObserver = null, this._releaseLabelledbyReferences = null, this._labelledbyAncestorObserver = null, this._observedLabelledbyWindow?.removeEventListener("resize", this._onLabelledbyViewportChange), this._observedLabelledbyWindow = null, this._observedLabelledbyRoot = null, this._observedLabelledbyReferenceIds = "", this._observedLabelledbyTargets = [], this._observedLabelledbyMutationTargets = [], this._observedLabelledbyValueControls.forEach((e) => {
-			e.removeEventListener("input", this._onLabelledbyValueChange), e.removeEventListener("change", this._onLabelledbyValueChange);
-		}), this._observedLabelledbyValueControls = [], this._observedLabelledbyAncestors = [], this._observedLabelledbyText = "", super.disconnectedCallback();
+		this._labelledbyObserver?.disconnect();
+		this._releaseLabelledbyReferences?.();
+		this._labelledbyAncestorObserver?.disconnect();
+		this._labelledbyObserver = null;
+		this._releaseLabelledbyReferences = null;
+		this._labelledbyAncestorObserver = null;
+		this._observedLabelledbyWindow?.removeEventListener("resize", this._onLabelledbyViewportChange);
+		this._observedLabelledbyWindow = null;
+		this._observedLabelledbyRoot = null;
+		this._observedLabelledbyReferenceIds = "";
+		this._observedLabelledbyTargets = [];
+		this._observedLabelledbyMutationTargets = [];
+		this._observedLabelledbyValueControls.forEach((control) => {
+			control.removeEventListener("input", this._onLabelledbyValueChange);
+			control.removeEventListener("change", this._onLabelledbyValueChange);
+		});
+		this._observedLabelledbyValueControls = [];
+		this._observedLabelledbyAncestors = [];
+		this._observedLabelledbyText = "";
+		super.disconnectedCallback();
 	}
 	_syncValidity() {
-		let e = this.shadowRoot?.querySelector("input"), t = this._formAssociation.getInternals();
-		t && e && typeof t.setValidity == "function" && s(t, e, [
+		const input = this.shadowRoot?.querySelector("input");
+		const internals = this._formAssociation.getInternals();
+		if (!internals || !input || typeof internals.setValidity !== "function") return;
+		forwardInputValidity(internals, input, [
 			"valueMissing",
 			"rangeUnderflow",
 			"rangeOverflow"
 		], this._isDisabled);
 	}
-	clamp(e) {
-		return Math.min(this._max, Math.max(this._min, e));
+	clamp(v) {
+		return Math.min(this._max, Math.max(this._min, v));
 	}
-	round(e) {
-		let t = 10 ** this._effectivePrecision;
-		if (!Number.isFinite(t) || t === 0 || Math.abs(e) > (2 ** 53 - 1) / t) return e;
-		let n = e * t;
-		return Number.isFinite(n) ? Math.round(n) / t : e;
+	round(v) {
+		const f = 10 ** this._effectivePrecision;
+		if (!Number.isFinite(f) || f === 0) return v;
+		if (Math.abs(v) > Number.MAX_SAFE_INTEGER / f) return v;
+		const scaled = v * f;
+		if (!Number.isFinite(scaled)) return v;
+		return Math.round(scaled) / f;
 	}
-	setValueAndNotify(e) {
-		this._draft = null, this.value = this.clamp(this.round(e)), this.dispatchEvent(new Event("input", {
-			bubbles: !0,
-			composed: !0
+	setValueAndNotify(v) {
+		this._draft = null;
+		this.value = this.clamp(this.round(v));
+		this.dispatchEvent(new Event("input", {
+			bubbles: true,
+			composed: true
 		}));
 	}
-	handleStep(e) {
-		this._isDisabled || this.readonly || this.setValueAndNotify(this.value + e * this._effectiveStep);
+	handleStep(direction) {
+		if (this._isDisabled || this.readonly) return;
+		this.setValueAndNotify(this.value + direction * this._effectiveStep);
 	}
 	handleInput(e) {
-		if (this.readonly || !(e.target instanceof HTMLInputElement)) return;
-		let t = e.target.value;
-		this._draft = t;
-		let n = t === "" || t === "-" ? NaN : Number(t);
-		Number.isFinite(n) && (this._value = this.clamp(n), this._formAssociation.sync()), this._syncValidity();
+		if (this.readonly) return;
+		if (!(e.target instanceof HTMLInputElement)) return;
+		const raw = e.target.value;
+		this._draft = raw;
+		const parsed = raw === "" || raw === "-" ? NaN : Number(raw);
+		if (Number.isFinite(parsed)) {
+			this._value = this.clamp(parsed);
+			this._formAssociation.sync();
+		}
+		this._syncValidity();
 	}
 	handleNativeChange(e) {
-		if (this.readonly || !(e.target instanceof HTMLInputElement)) return;
-		let t = e.target.value;
+		if (this.readonly) return;
+		if (!(e.target instanceof HTMLInputElement)) return;
+		const raw = e.target.value;
 		this._draft = null;
-		let n = t === "" || t === "-" ? NaN : Number(t);
-		if (!Number.isFinite(n)) {
-			this.requestUpdate(), this._syncValidity();
+		const parsed = raw === "" || raw === "-" ? NaN : Number(raw);
+		if (!Number.isFinite(parsed)) {
+			this.requestUpdate();
+			this._syncValidity();
 			return;
 		}
-		this._value = this.clamp(n), this._formAssociation.sync(), this._syncValidity(), this.dispatchEvent(new Event("change", {
-			bubbles: !0,
-			composed: !0
+		this._value = this.clamp(parsed);
+		this._formAssociation.sync();
+		this._syncValidity();
+		this.dispatchEvent(new Event("change", {
+			bubbles: true,
+			composed: true
 		}));
 	}
 	handleKeydown(e) {
-		this._isDisabled || this.readonly || (e.key === "ArrowUp" ? (e.preventDefault(), this.setValueAndNotify(this.value + this._effectiveStep), this.dispatchEvent(new Event("change", {
-			bubbles: !0,
-			composed: !0
-		}))) : e.key === "ArrowDown" && (e.preventDefault(), this.setValueAndNotify(this.value - this._effectiveStep), this.dispatchEvent(new Event("change", {
-			bubbles: !0,
-			composed: !0
-		}))));
+		if (this._isDisabled || this.readonly) return;
+		if (e.key === "ArrowUp") {
+			e.preventDefault();
+			this.setValueAndNotify(this.value + this._effectiveStep);
+			this.dispatchEvent(new Event("change", {
+				bubbles: true,
+				composed: true
+			}));
+		} else if (e.key === "ArrowDown") {
+			e.preventDefault();
+			this.setValueAndNotify(this.value - this._effectiveStep);
+			this.dispatchEvent(new Event("change", {
+				bubbles: true,
+				composed: true
+			}));
+		}
 	}
 	handleFocus() {
-		this._isDisabled || (this._focused = !0);
+		if (!this._isDisabled) this._focused = true;
 	}
 	handleBlur() {
-		this._focused = !1, this._draft !== null && (this._draft = null, this.requestUpdate());
+		this._focused = false;
+		if (this._draft !== null) {
+			this._draft = null;
+			this.requestUpdate();
+		}
 	}
 	render() {
-		return f`
+		return html`
       <div class="wui-glass wui-input-inner">
         <button
           class="num-btn"
-          aria-label="Decrease"
+          aria-label=${resolveBuiltinLabel("decrease", this.ariaDecreaseLabel)}
           ?disabled=${this._isDisabled || this.readonly || this.atMin}
           @click=${() => this.handleStep(-1)}
         >
-          <web-ui-icon .icon=${r}></web-ui-icon>
+          <web-ui-icon .icon=${lucide_minus_default}></web-ui-icon>
         </button>
         <input
           id=${this._fieldId}
@@ -409,8 +576,8 @@ var w = class extends i(d) {
           step="any"
           placeholder=${this.placeholder}
           name=${this.name}
-          aria-label=${_(this._getLabelledbyText() || this.ariaLabel)}
-          aria-labelledby=${_(this.ariaLabelledby)}
+          aria-label=${ifDefined(this._getLabelledbyText() || this.ariaLabel)}
+          aria-labelledby=${ifDefined(this.ariaLabelledby)}
           .value=${this._draft ?? String(this.value)}
           ?disabled=${this._isDisabled}
           ?readonly=${this.readonly}
@@ -423,51 +590,76 @@ var w = class extends i(d) {
         />
         <button
           class="num-btn"
-          aria-label="Increase"
+          aria-label=${resolveBuiltinLabel("increase", this.ariaIncreaseLabel)}
           ?disabled=${this._isDisabled || this.readonly || this.atMax}
           @click=${() => this.handleStep(1)}
         >
-          <web-ui-icon .icon=${n}></web-ui-icon>
+          <web-ui-icon .icon=${lucide_plus_default}></web-ui-icon>
         </button>
       </div>
     `;
 	}
 };
-e([h({
+__decorate([property({
 	type: String,
-	reflect: !0
-})], w.prototype, "placeholder", void 0), e([h({
+	reflect: true
+})], WebUiInputNumber.prototype, "placeholder", void 0);
+__decorate([property({
 	type: String,
-	reflect: !0
-})], w.prototype, "name", void 0), e([h({
+	reflect: true
+})], WebUiInputNumber.prototype, "name", void 0);
+__decorate([property({
 	type: Boolean,
-	reflect: !0
-})], w.prototype, "disabled", void 0), e([h({
+	reflect: true
+})], WebUiInputNumber.prototype, "disabled", void 0);
+__decorate([property({
 	type: Boolean,
-	reflect: !0
-})], w.prototype, "readonly", void 0), e([h({
+	reflect: true
+})], WebUiInputNumber.prototype, "readonly", void 0);
+__decorate([property({
 	type: Boolean,
-	reflect: !0
-})], w.prototype, "required", void 0), e([h({
+	reflect: true
+})], WebUiInputNumber.prototype, "required", void 0);
+__decorate([property({
 	type: String,
 	attribute: "aria-label"
-})], w.prototype, "ariaLabel", void 0), e([h({
+})], WebUiInputNumber.prototype, "ariaLabel", void 0);
+__decorate([property({
 	type: String,
 	attribute: "aria-labelledby"
-})], w.prototype, "ariaLabelledby", void 0), e([h({ type: Number })], w.prototype, "precision", null), e([g()], w.prototype, "_value", void 0), e([g()], w.prototype, "_draft", void 0), e([g()], w.prototype, "_min", void 0), e([g()], w.prototype, "_max", void 0), e([g()], w.prototype, "_step", void 0), e([g()], w.prototype, "_focused", void 0), e([h({
+})], WebUiInputNumber.prototype, "ariaLabelledby", void 0);
+__decorate([property({
+	type: String,
+	attribute: "aria-decrease-label"
+})], WebUiInputNumber.prototype, "ariaDecreaseLabel", void 0);
+__decorate([property({
+	type: String,
+	attribute: "aria-increase-label"
+})], WebUiInputNumber.prototype, "ariaIncreaseLabel", void 0);
+__decorate([property({ type: Number })], WebUiInputNumber.prototype, "precision", null);
+__decorate([state()], WebUiInputNumber.prototype, "_value", void 0);
+__decorate([state()], WebUiInputNumber.prototype, "_draft", void 0);
+__decorate([state()], WebUiInputNumber.prototype, "_min", void 0);
+__decorate([state()], WebUiInputNumber.prototype, "_max", void 0);
+__decorate([state()], WebUiInputNumber.prototype, "_step", void 0);
+__decorate([state()], WebUiInputNumber.prototype, "_focused", void 0);
+__decorate([property({
 	type: Number,
-	reflect: !0
-})], w.prototype, "value", null), e([h({
+	reflect: true
+})], WebUiInputNumber.prototype, "value", null);
+__decorate([property({
 	type: Number,
-	reflect: !0
-})], w.prototype, "min", null), e([h({
+	reflect: true
+})], WebUiInputNumber.prototype, "min", null);
+__decorate([property({
 	type: Number,
-	reflect: !0
-})], w.prototype, "max", null), e([h({
+	reflect: true
+})], WebUiInputNumber.prototype, "max", null);
+__decorate([property({
 	type: Number,
-	reflect: !0
-})], w.prototype, "step", null), w = e([m("web-ui-input-number")], w);
-//#endregion
-export { w as WebUiInputNumber };
+	reflect: true
+})], WebUiInputNumber.prototype, "step", null);
+WebUiInputNumber = __decorate([customElement("web-ui-input-number")], WebUiInputNumber);
+export { WebUiInputNumber };
 
 //# sourceMappingURL=index.js.map