@fiscozen/input 3.4.4 → 3.5.0

package/dist/input.js

@@ -1,10 +1,10 @@
-import { computed as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createSlots as a, createVNode as o, defineComponent as s, mergeModels as c, mergeProps as l, normalizeClass as u, onMounted as d, openBlock as f, ref as p, renderSlot as m, toDisplayString as h, toRefs as g, unref as _, useAttrs as v, useModel as y, useSlots as b, vModelDynamic as x, watch as S, withCtx as C, withDirectives as ee, withModifiers as w } from "vue";
-import { FzAlert as T } from "@fiscozen/alert";
-import { FzIcon as E } from "@fiscozen/icons";
-import { FzIconButton as D } from "@fiscozen/button";
-import { clamp as O, format as k, parse as A, roundTo as j, truncateDecimals as M } from "@fiscozen/composables";
+import { computed as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createSlots as a, createVNode as o, defineComponent as s, mergeModels as c, mergeProps as l, normalizeClass as u, onMounted as d, openBlock as f, ref as p, renderSlot as m, toDisplayString as h, toRefs as g, unref as _, useAttrs as v, useModel as y, useSlots as b, vModelDynamic as ee, watch as x, withCtx as S, withDirectives as C, withModifiers as w } from "vue";
+import { FzAlert as te } from "@fiscozen/alert";
+import { FzIcon as T } from "@fiscozen/icons";
+import { FzIconButton as E } from "@fiscozen/button";
+import { clamp as D, format as O, parse as k, roundTo as A, truncateDecimals as j } from "@fiscozen/composables";
 //#region src/useInputStyle.ts
-function N(t, n, r, i, a) {
+function ne(t, n, r, i, a) {
 	let o = {
 		backoffice: "h-32",
 		frontoffice: "h-44"
@@ -39,23 +39,146 @@ function N(t, n, r, i, a) {
 }
 //#endregion
 //#region src/utils.ts
-var P = {
+var M = /^-?\d+(\.\d+)?([eE][-+]?\d+)?$/, re = (e) => M.test(e), ie = (e) => {
+	let t = k(e);
+	return isNaN(t) || !isFinite(t) ? null : t;
+}, N = {
 	sm: "backoffice",
 	md: "backoffice",
 	lg: "frontoffice"
-}, F = 0;
-function I(e) {
-	return `${e}-${Date.now() - 16e11}-${++F}`;
+}, P = 0;
+function ae(e) {
+	return `${e}-${Date.now() - 16e11}-${++P}`;
 }
-function L() {
-	return I("fz-input");
+function oe() {
+	return ae("fz-input");
+}
+//#endregion
+//#region src/useCurrencyInput.ts
+function se(e) {
+	let { props: t, model: n, enabled: r } = e, i = p(), a = p(!1), o = !1, s = () => t.min ?? -Infinity, c = () => t.max ?? Infinity, l = () => t.step ?? 1, u = () => t.minimumFractionDigits ?? 2, f = () => t.maximumFractionDigits ?? 2, m = (e) => {
+		o = !0, n.value = e, o = !1;
+	}, h = (e) => O(e, {
+		minimumFractionDigits: u(),
+		maximumFractionDigits: f(),
+		roundDecimals: !1,
+		useGrouping: !0
+	}), g = () => {
+		if (t.nullOnEmpty) return null;
+		if (t.zeroOnEmpty) return 0;
+	}, _ = (e, t) => e ? t ? "" : h(0) : "", v = (e) => {
+		let t = e.replace(/[^0-9.,-]/g, ""), n = t.startsWith("-");
+		t = t.replace(/-/g, ""), t = t.replace(/\./g, ",");
+		let r = t.indexOf(",");
+		if (r !== -1) {
+			let e = t.substring(0, r), n = t.substring(r + 1).replace(/,/g, "");
+			t = e + "," + n;
+		}
+		return n ? "-" + t : t;
+	}, y = (e) => {
+		if (e == null || e === "") return e === null ? null : void 0;
+		if (typeof e == "number") return e;
+		if (typeof e == "string") {
+			console.warn(`[FzCurrencyInput] String values in v-model are deprecated. Please use number instead. Received: "${e}". This will be parsed to a number for retrocompatibility, but string support may be removed in a future version.`);
+			let t = k(e);
+			return isNaN(t) ? void 0 : t;
+		}
+	}, b = (e) => {
+		if (!(e.ctrlKey || e.metaKey || e.altKey || [
+			"Backspace",
+			"Delete",
+			"ArrowLeft",
+			"ArrowRight",
+			"ArrowUp",
+			"ArrowDown",
+			"Tab",
+			"Enter",
+			"Home",
+			"End"
+		].includes(e.key))) {
+			if (e.key === "-") {
+				let t = e.target, n = t.selectionStart ?? 0, r = (t.selectionEnd ?? 0) - n, i = t.value.length;
+				n !== 0 && r !== i && e.preventDefault();
+				return;
+			}
+			/^[0-9.,]$/.test(e.key) || e.preventDefault();
+		}
+	}, ee = (e) => {
+		if (t.readonly || t.disabled) return;
+		e.preventDefault();
+		let n = e.clipboardData?.getData("text") || "";
+		if (!n) return;
+		let r = ie(n);
+		if (r !== null) {
+			let e = j(r, f());
+			m(e), i.value = v(String(e));
+		}
+	}, S = (e) => {
+		if (!e) {
+			m(g()), i.value = "";
+			return;
+		}
+		let t = v(e);
+		i.value = t;
+		let n = k(t);
+		m(!isNaN(n) && isFinite(n) ? j(n, f()) : g());
+	}, C = () => {
+		if (t.readonly || t.disabled) return;
+		a.value = !1;
+		let e = y(n.value);
+		if (e == null) {
+			let e = g();
+			n.value !== e && m(e), i.value = _(e === 0, !1);
+			return;
+		}
+		let r = e;
+		t.forceStep && (r = A(l(), r)), r = D(s(), r, c()), r !== e && m(r), i.value = h(r);
+	}, w = () => {
+		if (t.readonly || t.disabled) return;
+		a.value = !0;
+		let e = y(n.value);
+		e !== void 0 && (i.value = h(e).replace(/\./g, ""));
+	}, te = (e) => {
+		if (t.readonly || t.disabled) return;
+		let r = j((y(n.value) ?? 0) + e * l(), f()), a = D(s(), r, c());
+		m(a), i.value = h(a);
+	}, T = (e, n) => {
+		if (e == null) {
+			let t = g();
+			e !== t && m(t), i.value = _(t === 0, n);
+			return;
+		}
+		let r = y(e);
+		if (r == null) {
+			let e = g();
+			m(e), i.value = _(e === 0, n);
+			return;
+		}
+		let a = j(r, f());
+		t.forceStep && (a = A(l(), a)), n || (a = D(s(), a, c())), a !== e && m(a), n || (i.value = h(a));
+	};
+	return d(() => {
+		r.value && T(n.value, !1);
+	}), x(r, (e) => {
+		e && T(n.value, !1);
+	}), x(() => n.value, (e) => {
+		!r.value || o || T(e, a.value);
+	}), {
+		displayValue: i,
+		handleDisplayUpdate: S,
+		handleKeydown: b,
+		handlePaste: ee,
+		handleFocus: w,
+		handleBlur: C,
+		stepBy: te
+	};
 }
 //#endregion
 //#region src/FzInput.vue?vue&type=script&setup=true&lang.ts
-var te = ["id", "for"], ne = ["tabindex"], re = { class: "flex flex-col justify-around min-w-0 grow" }, ie = {
+var ce = ["id", "for"], le = ["tabindex"], ue = { class: "flex flex-col justify-around min-w-0 grow" }, de = {
 	key: 0,
 	class: "text-xs text-grey-300 grow-0 overflow-hidden text-ellipsis whitespace-nowrap"
-}, R = [
+}, fe = [
 	"type",
 	"required",
 	"disabled",
@@ -64,6 +187,9 @@ var te = ["id", "for"], ne = ["tabindex"], re = { class: "flex flex-col justify-
 	"pattern",
 	"name",
 	"maxlength",
+	"min",
+	"max",
+	"step",
 	"autocomplete",
 	"aria-required",
 	"aria-invalid",
@@ -72,7 +198,10 @@ var te = ["id", "for"], ne = ["tabindex"], re = { class: "flex flex-col justify-
 	"aria-describedby",
 	"aria-description",
 	"id"
-], z = { class: "flex items-center gap-4" }, B = ["id"], V = /* @__PURE__ */ s({
+], pe = { class: "flex items-center gap-4" }, me = {
+	key: 1,
+	class: "flex flex-col justify-between items-center"
+}, he = ["id"], ge = "[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none", F = /* @__PURE__ */ s({
 	inheritAttrs: !1,
 	__name: "FzInput",
 	props: /* @__PURE__ */ c({
@@ -104,7 +233,7 @@ var te = ["id", "for"], ne = ["tabindex"], re = { class: "flex flex-col justify-
 		secondRightIconButton: { type: Boolean },
 		secondRightIconButtonVariant: { default: "invisible" },
 		secondRightIconAriaLabel: {},
-		type: { default: "text" },
+		type: {},
 		valid: { type: Boolean },
 		variant: { default: "normal" },
 		pattern: {},
@@ -134,7 +263,17 @@ var te = ["id", "for"], ne = ["tabindex"], re = { class: "flex flex-col justify-
 			default: !1
 		},
 		clearAriaLabel: { default: "Cancella" },
-		leftIconClass: {}
+		leftIconClass: {},
+		min: {},
+		max: {},
+		step: { default: 1 },
+		forceStep: { type: Boolean },
+		minimumFractionDigits: { default: 2 },
+		maximumFractionDigits: { default: 2 },
+		nullOnEmpty: { type: Boolean },
+		zeroOnEmpty: { type: Boolean },
+		stepUpAriaLabel: {},
+		stepDownAriaLabel: {}
 	}, {
 		modelValue: {},
 		modelModifiers: {}
@@ -149,89 +288,127 @@ var te = ["id", "for"], ne = ["tabindex"], re = { class: "flex flex-col justify-
 		"update:aiReasoning",
 		"fzinput:clear"
 	], ["update:modelValue"]),
-	setup(a, { expose: o, emit: s }) {
-		let c = a, d = v(), O = e(() => {
-			let { class: e, id: t, ...n } = d;
+	setup(a, { expose: s, emit: c }) {
+		let d = a, D = v(), O = e(() => {
+			let { class: e, id: t, ...n } = D;
 			return n;
-		}), k = e(() => d.class);
-		S(() => c.size, (e) => {
+		}), k = e(() => D.class);
+		x(() => d.size, (e) => {
 			if (e !== void 0) {
-				let t = P[e];
-				c.environment && c.environment !== t ? console.warn(`[FzInput] Both "size" and "environment" props are provided. "environment=${c.environment}" will be used and "size=${e}" will be ignored. Please remove the deprecated "size" prop.`) : console.warn(`[FzInput] The "size" prop is deprecated and will be removed in a future version. Please use environment="${t}" instead of size="${e}".`);
+				let t = N[e];
+				d.environment && d.environment !== t ? console.warn(`[FzInput] Both "size" and "environment" props are provided. "environment=${d.environment}" will be used and "size=${e}" will be ignored. Please remove the deprecated "size" prop.`) : console.warn(`[FzInput] The "size" prop is deprecated and will be removed in a future version. Please use environment="${t}" instead of size="${e}".`);
 			}
-		}, { immediate: !0 }), S(() => c.rightIconSize, (e) => {
+		}, { immediate: !0 }), x(() => d.rightIconSize, (e) => {
 			e !== void 0 && console.warn(`[FzInput] The "rightIconSize" prop is deprecated and will be removed in a future version. Icons now have a fixed size of "md". The provided value "${e}" will be ignored.`);
 		}, { immediate: !0 });
-		let A = e(() => c.environment ? c.environment : c.size ? P[c.size] : "frontoffice"), j = y(a, "modelValue"), M = p(null), F = p(null), I = L(), V = e(() => c.id || I), H = p(!1), U = p(c.highlighted), W = p(c.aiReasoning);
-		S(() => c.highlighted, (e) => {
+		let A = e(() => d.environment ? d.environment : d.size ? N[d.size] : "frontoffice"), j = y(a, "modelValue"), M = p(null), P = p(null), ae = oe(), F = e(() => d.id || ae), I = p(!1), L = j, R = e(() => d.type ?? "text"), z = e(() => R.value === "currency"), B = e(() => R.value === "number"), _e = e(() => z.value ? "text" : R.value), V = se({
+			props: d,
+			model: L,
+			enabled: z
+		}), H = e({
+			get: () => z.value ? V.displayValue.value : L.value,
+			set: (e) => {
+				z.value ? V.handleDisplayUpdate(e) : L.value = e;
+			}
+		}), U = p(d.highlighted), W = p(d.aiReasoning);
+		x(() => d.highlighted, (e) => {
 			U.value = e;
-		}), S(() => c.aiReasoning, (e) => {
+		}), x(() => d.aiReasoning, (e) => {
 			W.value = e;
 		});
-		let ae = () => {
-			c.disableEmphasisReset || (U.value && (U.value = !1, q("update:highlighted", !1)), W.value && (W.value = !1, q("update:aiReasoning", !1)));
-		}, { staticContainerClass: oe, computedContainerClass: se, computedLabelClass: ce, staticInputClass: le, computedInputClass: ue, computedHelpClass: de, showNormalPlaceholder: G } = N({
-			...g(c),
+		let ve = () => {
+			d.disableEmphasisReset || (U.value && (U.value = !1, K("update:highlighted", !1)), W.value && (W.value = !1, K("update:aiReasoning", !1)));
+		}, { staticContainerClass: ye, computedContainerClass: be, computedLabelClass: xe, staticInputClass: Se, computedInputClass: Ce, computedHelpClass: we, showNormalPlaceholder: Te } = ne({
+			...g(d),
 			highlighted: U,
 			aiReasoning: W
-		}, M, j, A, H);
+		}, M, H, A, I);
 		b();
-		let K = b(), fe = e(() => {
-			let e = !!c.label, t = !!K.label;
-			if (e && !t) return `${V.value}-label`;
-		}), pe = e(() => {
+		let G = b(), Ee = e(() => {
+			let e = !!d.label, t = !!G.label;
+			if (e && !t) return `${F.value}-label`;
+		}), De = e(() => {
 			let e = [];
-			return c.error && K.errorMessage && e.push(`${V.value}-error`), !c.error && K.helpText && e.push(`${V.value}-help`), e.length > 0 ? e.join(" ") : void 0;
-		}), q = s, me = () => {
-			!c.disabled && !c.readonly && F.value && F.value.focus();
-		}, he = (e) => {
-			(e.key === "Enter" || e.key === " ") && (e.target === e.currentTarget || e.target === M.value) && (e.preventDefault(), me());
-		}, J = (e, t) => {
-			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), Z.value || q(t === "fzinput:left-icon-click" ? "fzinput:left-icon-click" : t === "fzinput:right-icon-click" ? "fzinput:right-icon-click" : "fzinput:second-right-icon-click"));
-		}, ge = () => {
-			Z.value || q("fzinput:left-icon-click");
-		}, _e = () => {
-			Z.value || q("fzinput:right-icon-click");
-		}, Y = () => {
-			Z.value || q("fzinput:second-right-icon-click");
-		}, ve = e(() => !!c.leftIcon), X = e(() => ve.value && !!c.leftIconAriaLabel), Z = e(() => !!c.disabled || !!c.readonly), ye = e(() => Z.value || c.error ? "text-grey-300" : "text-purple-600"), be = e(() => {
-			if (!(Z.value || c.error)) {
-				if (U.value) return c.highlightedDescription;
-				if (W.value) return c.aiReasoningDescription;
+			return d.error && G.errorMessage && e.push(`${F.value}-error`), !d.error && G.helpText && e.push(`${F.value}-help`), e.length > 0 ? e.join(" ") : void 0;
+		}), K = c, Oe = () => {
+			!d.disabled && !d.readonly && P.value && P.value.focus();
+		}, ke = (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.target === e.currentTarget || e.target === M.value) && (e.preventDefault(), Oe());
+		}, q = (e, t) => {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), Y.value || K(t === "fzinput:left-icon-click" ? "fzinput:left-icon-click" : t === "fzinput:right-icon-click" ? "fzinput:right-icon-click" : "fzinput:second-right-icon-click"));
+		}, Ae = () => {
+			Y.value || K("fzinput:left-icon-click");
+		}, je = () => {
+			Y.value || K("fzinput:right-icon-click");
+		}, Me = () => {
+			Y.value || K("fzinput:second-right-icon-click");
+		}, Ne = e(() => !!d.leftIcon), J = e(() => Ne.value && !!d.leftIconAriaLabel), Y = e(() => !!d.disabled || !!d.readonly), Pe = e(() => Y.value || d.error ? "text-grey-300" : "text-purple-600"), Fe = e(() => {
+			if (!(Y.value || d.error)) {
+				if (U.value) return d.highlightedDescription;
+				if (W.value) return d.aiReasoningDescription;
+			}
+		}), Ie = e(() => !!d.rightIcon && !d.rightIconButton), X = e(() => Ie.value && !!d.rightIconAriaLabel), Le = e(() => !!d.secondRightIcon && !d.secondRightIconButton), Z = e(() => Le.value && !!d.secondRightIconAriaLabel), Re = e(() => d.clearable && !!H.value && !Y.value), ze = () => {
+			H.value = "", K("fzinput:clear"), P.value?.focus();
+		}, Be = (e) => {
+			I.value = !0, z.value && V.handleFocus(), K("focus", e);
+		}, Ve = (e) => {
+			I.value = !1, z.value && V.handleBlur(), K("blur", e);
+		}, He = (e) => {
+			z.value && V.handleKeydown(e);
+		}, Ue = (e) => {
+			if (d.readonly || d.disabled) return;
+			let t = e.clipboardData?.getData("text") || "";
+			if (!t || re(t)) return;
+			e.preventDefault();
+			let n = ie(t);
+			n !== null && (L.value = String(n));
+		}, We = (e) => {
+			z.value ? V.handlePaste(e) : B.value && Ue(e);
+		}, Ge = e(() => z.value || B.value), Ke = e(() => d.stepUpAriaLabel || `Incrementa di ${d.step}`), qe = e(() => d.stepDownAriaLabel || `Decrementa di ${d.step}`), Je = (e) => {
+			let t = P.value;
+			if (t) {
+				try {
+					e === 1 ? t.stepUp() : t.stepDown();
+				} catch {
+					return;
+				}
+				t.dispatchEvent(new Event("input", { bubbles: !0 }));
 			}
-		}), xe = e(() => !!c.rightIcon && !c.rightIconButton), Q = e(() => xe.value && !!c.rightIconAriaLabel), Se = e(() => !!c.secondRightIcon && !c.secondRightIconButton), $ = e(() => Se.value && !!c.secondRightIconAriaLabel), Ce = e(() => c.clearable && !!j.value && !Z.value), we = () => {
-			j.value = "", q("fzinput:clear"), F.value?.focus();
+		}, Q = (e) => {
+			Y.value || (z.value ? V.stepBy(e) : B.value && Je(e));
+		}, $ = (e, t) => {
+			(e.key === "Enter" || e.key === " ") && !Y.value && (e.preventDefault(), Q(t));
 		};
-		return o({
-			inputRef: F,
+		return s({
+			inputRef: P,
 			containerRef: M
-		}), (e, o) => (f(), r("div", { class: u(["fz-input text-core-black w-full flex flex-col gap-8", k.value]) }, [
+		}), (e, s) => (f(), r("div", { class: u(["fz-input text-core-black w-full flex flex-col gap-8", k.value]) }, [
 			m(e.$slots, "label", {}, () => [a.label ? (f(), r("label", {
 				key: 0,
-				id: `${V.value}-label`,
-				class: u(_(ce)),
-				for: V.value
-			}, h(a.label) + h(a.required ? " *" : ""), 11, te)) : n("", !0)]),
+				id: `${F.value}-label`,
+				class: u(_(xe)),
+				for: F.value
+			}, h(a.label) + h(a.required ? " *" : ""), 11, ce)) : n("", !0)]),
 			i("div", {
-				class: u([_(oe), _(se)]),
+				class: u([_(ye), _(be)]),
 				ref_key: "containerRef",
 				ref: M,
-				tabindex: Z.value ? void 0 : 0,
-				onClick: me,
-				onKeydown: he
+				tabindex: Y.value ? void 0 : 0,
+				onClick: Oe,
+				onKeydown: ke
 			}, [
-				m(e.$slots, "left-icon", {}, () => [a.leftIcon ? (f(), t(_(E), {
+				m(e.$slots, "left-icon", {}, () => [a.leftIcon ? (f(), t(_(T), {
 					key: 0,
 					name: a.leftIcon,
 					size: "md",
 					variant: a.leftIconVariant,
-					role: X.value ? "button" : void 0,
-					"aria-label": X.value ? a.leftIconAriaLabel : void 0,
-					"aria-disabled": X.value && Z.value ? "true" : void 0,
-					tabindex: X.value && !Z.value ? 0 : void 0,
+					role: J.value ? "button" : void 0,
+					"aria-label": J.value ? a.leftIconAriaLabel : void 0,
+					"aria-disabled": J.value && Y.value ? "true" : void 0,
+					tabindex: J.value && !Y.value ? 0 : void 0,
 					class: u(a.leftIconClass),
-					onClick: w(ge, ["stop"]),
-					onKeydown: o[0] ||= (e) => X.value ? (e) => J(e, "fzinput:left-icon-click") : void 0
+					onClick: w(Ae, ["stop"]),
+					onKeydown: s[0] ||= (e) => J.value ? (e) => q(e, "fzinput:left-icon-click") : void 0
 				}, null, 8, [
 					"name",
 					"variant",
@@ -240,161 +417,188 @@ var te = ["id", "for"], ne = ["tabindex"], re = { class: "flex flex-col justify-
 					"aria-disabled",
 					"tabindex",
 					"class"
-				])) : W.value && !U.value ? (f(), t(_(E), {
+				])) : W.value && !U.value ? (f(), t(_(T), {
 					key: 1,
 					name: "sparkles",
 					variant: "fas",
 					size: "md",
 					"aria-hidden": "true",
-					class: u(ye.value)
+					class: u(Pe.value)
 				}, null, 8, ["class"])) : n("", !0)]),
-				i("div", re, [_(G) ? n("", !0) : (f(), r("span", ie, h(a.placeholder), 1)), ee(i("input", l({
-					type: a.type,
+				i("div", ue, [_(Te) ? n("", !0) : (f(), r("span", de, h(a.placeholder), 1)), C(i("input", l({
+					type: _e.value,
 					required: a.required,
 					disabled: a.disabled,
 					readonly: a.readonly,
-					placeholder: _(G) ? a.placeholder : "",
-					"onUpdate:modelValue": o[1] ||= (e) => j.value = e,
+					placeholder: _(Te) ? a.placeholder : "",
+					"onUpdate:modelValue": s[1] ||= (e) => H.value = e,
 					ref_key: "inputRef",
-					ref: F,
-					class: [_(le), _(ue)],
+					ref: P,
+					class: [
+						_(Se),
+						_(Ce),
+						B.value ? ge : ""
+					],
 					pattern: a.pattern,
 					name: a.name,
 					maxlength: a.maxlength,
+					min: B.value ? a.min : void 0,
+					max: B.value ? a.max : void 0,
+					step: B.value ? a.step : void 0,
 					autocomplete: a.autocomplete ? "on" : "off",
 					"aria-required": a.required ? "true" : "false",
 					"aria-invalid": a.error ? "true" : "false",
-					"aria-disabled": Z.value ? "true" : "false",
-					"aria-labelledby": fe.value,
-					"aria-describedby": pe.value,
-					"aria-description": be.value
+					"aria-disabled": Y.value ? "true" : "false",
+					"aria-labelledby": Ee.value,
+					"aria-describedby": De.value,
+					"aria-description": Fe.value
 				}, O.value, {
-					id: V.value,
-					onInput: ae,
-					onBlur: o[2] ||= (t) => {
-						H.value = !1, e.$emit("blur", t);
-					},
-					onFocus: o[3] ||= (t) => {
-						H.value = !0, e.$emit("focus", t);
-					}
-				}), null, 16, R), [[x, j.value]])]),
-				i("div", z, [Ce.value ? (f(), t(_(D), {
-					key: 0,
-					iconName: "xmark",
-					size: "md",
-					variant: "invisible",
-					ariaLabel: a.clearAriaLabel,
-					onClick: w(we, ["stop"])
-				}, null, 8, ["ariaLabel"])) : n("", !0), m(e.$slots, "right-icon", {}, () => [
-					a.secondRightIcon && !a.secondRightIconButton ? (f(), t(_(E), {
+					id: F.value,
+					onInput: ve,
+					onKeydown: He,
+					onPaste: We,
+					onBlur: Ve,
+					onFocus: Be
+				}), null, 16, fe), [[ee, H.value]])]),
+				i("div", pe, [
+					Re.value ? (f(), t(_(E), {
 						key: 0,
-						name: a.secondRightIcon,
+						iconName: "xmark",
 						size: "md",
-						variant: a.secondRightIconVariant,
-						role: $.value ? "button" : void 0,
-						"aria-label": $.value ? a.secondRightIconAriaLabel : void 0,
-						"aria-disabled": $.value && Z.value ? "true" : void 0,
-						tabindex: $.value && !Z.value ? 0 : void 0,
-						class: u(a.secondRightIconClass),
-						onClick: w(Y, ["stop"]),
-						onKeydown: o[4] ||= (e) => $.value ? (e) => J(e, "fzinput:second-right-icon-click") : void 0
+						variant: "invisible",
+						ariaLabel: a.clearAriaLabel,
+						onClick: w(ze, ["stop"])
+					}, null, 8, ["ariaLabel"])) : n("", !0),
+					m(e.$slots, "right-icon", {}, () => [
+						a.secondRightIcon && !a.secondRightIconButton ? (f(), t(_(T), {
+							key: 0,
+							name: a.secondRightIcon,
+							size: "md",
+							variant: a.secondRightIconVariant,
+							role: Z.value ? "button" : void 0,
+							"aria-label": Z.value ? a.secondRightIconAriaLabel : void 0,
+							"aria-disabled": Z.value && Y.value ? "true" : void 0,
+							tabindex: Z.value && !Y.value ? 0 : void 0,
+							class: u(a.secondRightIconClass),
+							onClick: w(Me, ["stop"]),
+							onKeydown: s[2] ||= (e) => Z.value ? (e) => q(e, "fzinput:second-right-icon-click") : void 0
+						}, null, 8, [
+							"name",
+							"variant",
+							"role",
+							"aria-label",
+							"aria-disabled",
+							"tabindex",
+							"class"
+						])) : n("", !0),
+						a.secondRightIcon && a.secondRightIconButton ? (f(), t(_(E), {
+							key: 1,
+							iconName: a.secondRightIcon,
+							size: "md",
+							iconVariant: a.secondRightIconVariant,
+							variant: Y.value ? "invisible" : a.secondRightIconButtonVariant,
+							onClick: w(Me, ["stop"]),
+							class: u([{ "bg-grey-100 !text-grey-300": Y.value }, a.secondRightIconClass])
+						}, null, 8, [
+							"iconName",
+							"iconVariant",
+							"variant",
+							"class"
+						])) : n("", !0),
+						a.rightIcon && !a.rightIconButton ? (f(), t(_(T), {
+							key: 2,
+							name: a.rightIcon,
+							size: "md",
+							variant: a.rightIconVariant,
+							role: X.value ? "button" : void 0,
+							"aria-label": X.value ? a.rightIconAriaLabel : void 0,
+							"aria-disabled": X.value && Y.value ? "true" : void 0,
+							tabindex: X.value && !Y.value ? 0 : void 0,
+							class: u(a.rightIconClass),
+							onClick: w(je, ["stop"]),
+							onKeydown: s[3] ||= (e) => X.value ? (e) => q(e, "fzinput:right-icon-click") : void 0
+						}, null, 8, [
+							"name",
+							"variant",
+							"role",
+							"aria-label",
+							"aria-disabled",
+							"tabindex",
+							"class"
+						])) : n("", !0),
+						a.rightIcon && a.rightIconButton ? (f(), t(_(E), {
+							key: 3,
+							iconName: a.rightIcon,
+							size: "md",
+							iconVariant: a.rightIconVariant,
+							variant: Y.value ? "invisible" : a.rightIconButtonVariant,
+							onClick: w(je, ["stop"]),
+							class: u([{ "bg-grey-100 !text-grey-300": Y.value }, a.rightIconClass])
+						}, null, 8, [
+							"iconName",
+							"iconVariant",
+							"variant",
+							"class"
+						])) : n("", !0),
+						a.valid ? (f(), t(_(T), {
+							key: 4,
+							name: "check",
+							size: "md",
+							class: "text-semantic-success",
+							"aria-hidden": "true"
+						})) : n("", !0)
+					]),
+					Ge.value ? (f(), r("div", me, [o(_(T), {
+						name: "angle-up",
+						size: "xs",
+						role: "button",
+						"aria-label": Ke.value,
+						"aria-disabled": Y.value ? "true" : void 0,
+						tabindex: Y.value ? void 0 : "0",
+						class: "fz__input__arrowup fz__currencyinput__arrowup cursor-pointer",
+						onClick: s[4] ||= (e) => Q(1),
+						onKeydown: s[5] ||= (e) => $(e, 1)
 					}, null, 8, [
-						"name",
-						"variant",
-						"role",
 						"aria-label",
 						"aria-disabled",
-						"tabindex",
-						"class"
-					])) : n("", !0),
-					a.secondRightIcon && a.secondRightIconButton ? (f(), t(_(D), {
-						key: 1,
-						iconName: a.secondRightIcon,
-						size: "md",
-						iconVariant: a.secondRightIconVariant,
-						variant: Z.value ? "invisible" : a.secondRightIconButtonVariant,
-						onClick: w(Y, ["stop"]),
-						class: u([{ "bg-grey-100 !text-grey-300": Z.value }, a.secondRightIconClass])
-					}, null, 8, [
-						"iconName",
-						"iconVariant",
-						"variant",
-						"class"
-					])) : n("", !0),
-					a.rightIcon && !a.rightIconButton ? (f(), t(_(E), {
-						key: 2,
-						name: a.rightIcon,
-						size: "md",
-						variant: a.rightIconVariant,
-						role: Q.value ? "button" : void 0,
-						"aria-label": Q.value ? a.rightIconAriaLabel : void 0,
-						"aria-disabled": Q.value && Z.value ? "true" : void 0,
-						tabindex: Q.value && !Z.value ? 0 : void 0,
-						class: u(a.rightIconClass),
-						onClick: w(_e, ["stop"]),
-						onKeydown: o[5] ||= (e) => Q.value ? (e) => J(e, "fzinput:right-icon-click") : void 0
+						"tabindex"
+					]), o(_(T), {
+						name: "angle-down",
+						size: "xs",
+						role: "button",
+						"aria-label": qe.value,
+						"aria-disabled": Y.value ? "true" : void 0,
+						tabindex: Y.value ? void 0 : "0",
+						class: "fz__input__arrowdown fz__currencyinput__arrowdown cursor-pointer",
+						onClick: s[6] ||= (e) => Q(-1),
+						onKeydown: s[7] ||= (e) => $(e, -1)
 					}, null, 8, [
-						"name",
-						"variant",
-						"role",
 						"aria-label",
 						"aria-disabled",
-						"tabindex",
-						"class"
-					])) : n("", !0),
-					a.rightIcon && a.rightIconButton ? (f(), t(_(D), {
-						key: 3,
-						iconName: a.rightIcon,
-						size: "md",
-						iconVariant: a.rightIconVariant,
-						variant: Z.value ? "invisible" : a.rightIconButtonVariant,
-						onClick: w(_e, ["stop"]),
-						class: u([{ "bg-grey-100 !text-grey-300": Z.value }, a.rightIconClass])
-					}, null, 8, [
-						"iconName",
-						"iconVariant",
-						"variant",
-						"class"
-					])) : n("", !0),
-					a.valid ? (f(), t(_(E), {
-						key: 4,
-						name: "check",
-						size: "md",
-						class: "text-semantic-success",
-						"aria-hidden": "true"
-					})) : n("", !0)
-				])])
-			], 42, ne),
-			a.error && e.$slots.errorMessage ? (f(), t(_(T), {
+						"tabindex"
+					])])) : n("", !0)
+				])
+			], 42, le),
+			a.error && e.$slots.errorMessage ? (f(), t(_(te), {
 				key: 0,
-				id: `${V.value}-error`,
+				id: `${F.value}-error`,
 				role: "alert",
 				tone: "error",
 				variant: "text"
 			}, {
-				default: C(() => [m(e.$slots, "errorMessage")]),
+				default: S(() => [m(e.$slots, "errorMessage")]),
 				_: 3
 			}, 8, ["id"])) : e.$slots.helpText ? (f(), r("span", {
 				key: 1,
-				id: `${V.value}-help`,
-				class: u([_(de)])
-			}, [m(e.$slots, "helpText")], 10, B)) : n("", !0)
+				id: `${F.value}-help`,
+				class: u([_(we)])
+			}, [m(e.$slots, "helpText")], 10, he)) : n("", !0)
 		], 2));
 	}
-}), H = { class: "flex items-center gap-4" }, U = { class: "flex flex-col justify-between items-center" }, W = /* @__PURE__ */ s({
+}), I = /* @__PURE__ */ s({
 	__name: "FzCurrencyInput",
 	props: /* @__PURE__ */ c({
 		modelValue: {},
-		nullOnEmpty: { type: Boolean },
-		zeroOnEmpty: { type: Boolean },
-		minimumFractionDigits: { default: 2 },
-		maximumFractionDigits: { default: 2 },
-		min: { default: -Infinity },
-		max: { default: Infinity },
-		step: { default: 1 },
-		forceStep: { type: Boolean },
-		stepUpAriaLabel: {},
-		stepDownAriaLabel: {},
 		id: {},
 		label: {},
 		environment: {},
@@ -421,272 +625,63 @@ var te = ["id", "for"], ne = ["tabindex"], re = { class: "flex flex-col justify-
 		autocomplete: { type: Boolean },
 		clearable: { type: Boolean },
 		clearAriaLabel: {},
-		leftIconClass: {}
+		leftIconClass: {},
+		min: {},
+		max: {},
+		step: {},
+		forceStep: { type: Boolean },
+		minimumFractionDigits: {},
+		maximumFractionDigits: {},
+		nullOnEmpty: { type: Boolean },
+		zeroOnEmpty: { type: Boolean },
+		stepUpAriaLabel: {},
+		stepDownAriaLabel: {}
 	}, {
 		modelValue: {},
 		modelModifiers: {}
 	}),
 	emits: /* @__PURE__ */ c(["fzcurrencyinput:clear"], ["update:modelValue"]),
-	setup(r, { expose: s, emit: c }) {
-		let u = p(), h = p(), g = e(() => u.value?.containerRef), v = e(() => u.value?.inputRef), b = p(!1), x = r, ee = c, w = y(r, "modelValue"), T = !1, D = () => {
-			if (x.nullOnEmpty) return null;
-			if (x.zeroOnEmpty) return 0;
-		}, N = (e, t) => e ? t ? "" : k(0, {
-			minimumFractionDigits: x.minimumFractionDigits,
-			maximumFractionDigits: x.maximumFractionDigits,
-			roundDecimals: !1,
-			useGrouping: !0
-		}) : "", P = e(() => x.stepUpAriaLabel ? x.stepUpAriaLabel : `Incrementa di ${x.step}`), F = e(() => x.stepDownAriaLabel ? x.stepDownAriaLabel : `Decrementa di ${x.step}`), I = e(() => x.readonly || x.disabled), L = (e) => {
-			let t = e.replace(/[^0-9.,-]/g, ""), n = t.startsWith("-");
-			t = t.replace(/-/g, ""), t = t.replace(/\./g, ",");
-			let r = t.indexOf(",");
-			if (r !== -1) {
-				let e = t.substring(0, r), n = t.substring(r + 1).replace(/,/g, "");
-				t = e + "," + n;
-			}
-			return n ? "-" + t : t;
-		}, te = (e) => {
-			if (!(e.ctrlKey || e.metaKey || e.altKey || [
-				"Backspace",
-				"Delete",
-				"ArrowLeft",
-				"ArrowRight",
-				"ArrowUp",
-				"ArrowDown",
-				"Tab",
-				"Enter",
-				"Home",
-				"End"
-			].includes(e.key))) {
-				if (e.key === "-") {
-					let t = e.target, n = t.selectionStart ?? 0, r = (t.selectionEnd ?? 0) - n, i = t.value.length;
-					n !== 0 && r !== i && e.preventDefault();
-					return;
-				}
-				/^[0-9.,]$/.test(e.key) || e.preventDefault();
-			}
-		}, ne = (e) => {
-			if (x.readonly || x.disabled) return;
-			e.preventDefault();
-			let t = e.clipboardData?.getData("text") || "";
-			if (!t) return;
-			let n = A(t);
-			if (!isNaN(n) && isFinite(n)) {
-				let e = M(n, x.maximumFractionDigits);
-				T = !0, w.value = e, T = !1, h.value = L(String(e));
-			}
-		}, re = (e) => {
-			if (!e) {
-				let e = D();
-				T = !0, w.value = e, T = !1, h.value = "";
-				return;
-			}
-			let t = L(e);
-			h.value = t;
-			let n = A(t);
-			if (!isNaN(n) && isFinite(n)) {
-				let e = M(n, x.maximumFractionDigits);
-				T = !0, w.value = e, T = !1;
-			} else T = !0, w.value = D(), T = !1;
-		}, ie = () => {
-			if (x.readonly || x.disabled) return;
-			b.value = !1;
-			let e = z(w.value);
-			if (e == null) {
-				let e = D();
-				w.value !== e && (T = !0, w.value = e, T = !1), h.value = N(e === 0, !1);
-				return;
-			}
-			let t = e;
-			x.forceStep && (t = j(x.step, t)), t = O(x.min, t, x.max), t !== e && (T = !0, w.value = t, T = !1), h.value = k(t, {
-				minimumFractionDigits: x.minimumFractionDigits,
-				maximumFractionDigits: x.maximumFractionDigits,
-				roundDecimals: !1,
-				useGrouping: !0
-			});
-		}, R = () => {
-			if (x.readonly || x.disabled) return;
-			b.value = !0;
-			let e = z(w.value);
-			e !== void 0 && (h.value = k(e, {
-				minimumFractionDigits: x.minimumFractionDigits,
-				maximumFractionDigits: x.maximumFractionDigits,
-				roundDecimals: !1,
-				useGrouping: !0
-			}).replace(/\./g, ""));
-		}, z = (e) => {
-			if (e == null || e === "") return e === null ? null : void 0;
-			if (typeof e == "number") return e;
-			if (typeof e == "string") {
-				console.warn(`[FzCurrencyInput] String values in v-model are deprecated. Please use number instead. Received: "${e}". This will be parsed to a number for retrocompatibility, but string support may be removed in a future version.`);
-				let t = A(e);
-				return isNaN(t) ? void 0 : t;
+	setup(n, { expose: r, emit: i }) {
+		let o = p(null), s = e(() => o.value?.containerRef), c = e(() => o.value?.inputRef), u = n, d = i, h = y(n, "modelValue"), g = e({
+			get: () => h.value,
+			set: (e) => {
+				h.value = e;
 			}
-		}, B = () => {
-			if (x.readonly || x.disabled) return;
-			let e = M((z(w.value) ?? 0) + x.step, x.maximumFractionDigits), t = O(x.min, e, x.max);
-			T = !0, w.value = t, T = !1, h.value = k(t, {
-				minimumFractionDigits: x.minimumFractionDigits,
-				maximumFractionDigits: x.maximumFractionDigits,
-				roundDecimals: !1,
-				useGrouping: !0
-			});
-		}, W = () => {
-			if (x.readonly || x.disabled) return;
-			let e = M((z(w.value) ?? 0) - x.step, x.maximumFractionDigits), t = O(x.min, e, x.max);
-			T = !0, w.value = t, T = !1, h.value = k(t, {
-				minimumFractionDigits: x.minimumFractionDigits,
-				maximumFractionDigits: x.maximumFractionDigits,
-				roundDecimals: !1,
-				useGrouping: !0
-			});
-		};
-		return d(() => {
-			let e = w.value;
-			if (e == null) {
-				let t = D();
-				e !== t && (T = !0, w.value = t, T = !1), h.value = N(t === 0, !1);
-				return;
-			}
-			if (typeof e == "number") {
-				let t = M(e, x.maximumFractionDigits);
-				x.forceStep && (t = j(x.step, t)), t = O(x.min, t, x.max), t !== e && (T = !0, w.value = t, T = !1), h.value = k(t, {
-					minimumFractionDigits: x.minimumFractionDigits,
-					maximumFractionDigits: x.maximumFractionDigits,
-					roundDecimals: !1,
-					useGrouping: !0
-				});
-				return;
-			}
-			if (typeof e == "string") {
-				let t = z(e);
-				if (t != null) {
-					let e = M(t, x.maximumFractionDigits);
-					x.forceStep && (e = j(x.step, e)), e = O(x.min, e, x.max), T = !0, w.value = e, T = !1, h.value = k(e, {
-						minimumFractionDigits: x.minimumFractionDigits,
-						maximumFractionDigits: x.maximumFractionDigits,
-						roundDecimals: !1,
-						useGrouping: !0
-					});
-				} else {
-					let e = D();
-					T = !0, w.value = e, T = !1, h.value = N(e === 0, !1);
-				}
-				return;
-			}
-		}), S(() => w.value, (e) => {
-			if (!T) {
-				if (e == null) {
-					let t = D();
-					e !== t && (T = !0, w.value = t, T = !1), h.value = N(t === 0, b.value);
-					return;
-				}
-				if (typeof e == "number") {
-					let t = M(e, x.maximumFractionDigits);
-					x.forceStep && (t = j(x.step, t)), b.value || (t = O(x.min, t, x.max)), t !== e && (T = !0, w.value = t, T = !1), b.value || (h.value = k(t, {
-						minimumFractionDigits: x.minimumFractionDigits,
-						maximumFractionDigits: x.maximumFractionDigits,
-						roundDecimals: !1,
-						useGrouping: !0
-					}));
-					return;
-				}
-				if (typeof e == "string") {
-					let t = z(e);
-					if (t != null) {
-						let e = M(t, x.maximumFractionDigits);
-						x.forceStep && (e = j(x.step, e)), b.value || (e = O(x.min, e, x.max)), T = !0, w.value = e, T = !1, b.value || (h.value = k(e, {
-							minimumFractionDigits: x.minimumFractionDigits,
-							maximumFractionDigits: x.maximumFractionDigits,
-							roundDecimals: !1,
-							useGrouping: !0
-						}));
-					} else {
-						let e = D();
-						T = !0, w.value = e, T = !1, h.value = N(e === 0, b.value);
-					}
-					return;
-				}
-			}
-		}), s({
-			inputRef: v,
-			containerRef: g
-		}), (e, r) => (f(), t(V, l({
+		});
+		return r({
+			inputRef: c,
+			containerRef: s
+		}), (e, n) => (f(), t(F, l({
 			ref_key: "fzInputRef",
-			ref: u
-		}, x, {
-			modelValue: h.value,
-			type: "text",
-			"onUpdate:modelValue": re,
-			onKeydown: te,
-			onFocus: R,
-			onBlur: ie,
-			onPaste: ne,
-			"onFzinput:clear": r[2] ||= (e) => ee("fzcurrencyinput:clear")
-		}), a({
-			"right-icon": C(() => [i("div", H, [x.valid ? (f(), t(_(E), {
-				key: 0,
-				name: "check",
-				size: "md",
-				class: "text-semantic-success",
-				"aria-hidden": "true"
-			})) : n("", !0), i("div", U, [o(_(E), {
-				name: "angle-up",
-				size: "xs",
-				role: "button",
-				"aria-label": P.value,
-				"aria-disabled": I.value ? "true" : void 0,
-				tabindex: I.value ? void 0 : "0",
-				class: "fz__currencyinput__arrowup cursor-pointer",
-				onClick: B,
-				onKeydown: r[0] ||= (e) => {
-					(e.key === "Enter" || e.key === " ") && !I.value && (e.preventDefault(), B());
-				}
-			}, null, 8, [
-				"aria-label",
-				"aria-disabled",
-				"tabindex"
-			]), o(_(E), {
-				name: "angle-down",
-				size: "xs",
-				role: "button",
-				"aria-label": F.value,
-				"aria-disabled": I.value ? "true" : void 0,
-				tabindex: I.value ? void 0 : "0",
-				class: "fz__currencyinput__arrowdown cursor-pointer",
-				onClick: W,
-				onKeydown: r[1] ||= (e) => {
-					(e.key === "Enter" || e.key === " ") && !I.value && (e.preventDefault(), W());
-				}
-			}, null, 8, [
-				"aria-label",
-				"aria-disabled",
-				"tabindex"
-			])])])]),
-			_: 2
-		}, [
+			ref: o
+		}, u, {
+			type: "currency",
+			modelValue: g.value,
+			"onUpdate:modelValue": n[0] ||= (e) => g.value = e,
+			"onFzinput:clear": n[1] ||= (e) => d("fzcurrencyinput:clear")
+		}), a({ _: 2 }, [
 			e.$slots.label ? {
 				name: "label",
-				fn: C(() => [m(e.$slots, "label")]),
+				fn: S(() => [m(e.$slots, "label")]),
 				key: "0"
 			} : void 0,
 			e.$slots["left-icon"] ? {
 				name: "left-icon",
-				fn: C(() => [m(e.$slots, "left-icon")]),
+				fn: S(() => [m(e.$slots, "left-icon")]),
 				key: "1"
 			} : void 0,
 			e.$slots.helpText ? {
 				name: "helpText",
-				fn: C(() => [m(e.$slots, "helpText")]),
+				fn: S(() => [m(e.$slots, "helpText")]),
 				key: "2"
 			} : void 0,
 			e.$slots.errorMessage ? {
 				name: "errorMessage",
-				fn: C(() => [m(e.$slots, "errorMessage")]),
+				fn: S(() => [m(e.$slots, "errorMessage")]),
 				key: "3"
 			} : void 0
 		]), 1040, ["modelValue"]));
 	}
 });
 //#endregion
-export { W as FzCurrencyInput, V as FzInput, P as sizeToEnvironmentMapping };
+export { I as FzCurrencyInput, F as FzInput, N as sizeToEnvironmentMapping };