@fiscozen/input 3.3.0 → 3.4.0

package/dist/input.js

@@ -1,41 +1,40 @@
-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, normalizeStyle as d, onMounted as f, openBlock as p, ref as m, renderSlot as h, toDisplayString as g, toRefs as _, unref as v, useAttrs as y, useModel as ee, useSlots as b, vModelDynamic as te, watch as x, withCtx as S, withDirectives as C, withModifiers as w } from "vue";
+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";
 //#region src/useInputStyle.ts
 function N(t, n, r, i, a) {
-	let o = e(() => n.value ? `${n.value.clientWidth}px` : "auto"), s = {
+	let o = {
 		backoffice: "h-32",
 		frontoffice: "h-44"
-	}, c = e(() => {
+	}, s = e(() => {
 		let e = i.value;
-		return [t.variant?.value === "normal" ? s[e] : s.frontoffice, y()];
-	}), l = e(() => ["font-normal text-base", t.disabled?.value || t.readonly?.value ? "text-grey-300" : "text-grey-500"]), u = {
+		return [t.variant?.value === "normal" ? o[e] : o.frontoffice, v()];
+	}), c = e(() => ["font-normal text-base mb-0", t.disabled?.value || t.readonly?.value ? "text-grey-300" : "text-grey-500"]), l = {
 		backoffice: "text-base",
 		frontoffice: "text-base"
-	}, d = e(() => t.variant?.value === "floating-label" ? !r.value && !a.value : !0), f = e(() => {
+	}, u = e(() => t.variant?.value === "floating-label" ? !r.value && !a.value : !0), d = e(() => {
 		let e = i.value;
-		return t.variant?.value === "floating-label" ? [u[e]] : [];
-	}), p = e(() => ["font-normal text-base", t.disabled?.value || t.readonly?.value ? "text-grey-300" : "text-grey-500"]), m = e(() => ["font-normal text-base", t.disabled?.value || t.readonly?.value ? "text-grey-300" : "text-core-black"]), h = (e) => !!e.error?.value, g = (e) => !!e.disabled?.value || !!e.readonly?.value, _ = (e) => !!e.highlighted?.value, v = (e) => !!e.aiReasoning?.value, y = () => {
+		return t.variant?.value === "floating-label" ? [l[e]] : [];
+	}), f = e(() => ["font-normal text-base", t.disabled?.value || t.readonly?.value ? "text-grey-300" : "text-grey-500"]), p = e(() => ["font-normal text-base", t.disabled?.value || t.readonly?.value ? "text-grey-300" : "text-core-black"]), m = (e) => !!e.error?.value, h = (e) => !!e.disabled?.value || !!e.readonly?.value, g = (e) => !!e.highlighted?.value, _ = (e) => !!e.aiReasoning?.value, v = () => {
 		switch (!0) {
-			case h(t): return "border-semantic-error-200 has-[:focus]:border-semantic-error-300 bg-core-white text-core-black cursor-text";
-			case g(t): return "bg-grey-100 border-grey-100 text-grey-300 cursor-not-allowed";
-			case _(t): return "bg-semantic-warning-50 border-semantic-warning-200 ring-2 ring-semantic-warning-100 text-core-black cursor-text";
-			case v(t): return "bg-purple-50 border-purple-600 ring-2 ring-purple-200 text-core-black cursor-text";
+			case m(t): return "border-semantic-error-200 has-[:focus]:border-semantic-error-300 bg-core-white text-core-black cursor-text";
+			case h(t): return "bg-grey-100 border-grey-100 text-grey-300 cursor-not-allowed";
+			case g(t): return "bg-semantic-warning-50 border-semantic-warning-200 ring-2 ring-semantic-warning-100 text-core-black cursor-text";
+			case _(t): return "bg-purple-50 border-purple-600 ring-2 ring-purple-200 text-core-black cursor-text";
 			default: return "border-grey-200 has-[:focus]:border-blue-600 bg-core-white text-core-black cursor-text";
 		}
 	};
 	return {
-		staticContainerClass: "flex justify-between w-full items-center pl-[10px] pr-[10px] rounded border-1 gap-8 text-left relative outline-none",
-		computedContainerClass: c,
-		computedLabelClass: l,
-		staticInputClass: "peer w-full bg-transparent border-0 outline-none focus:outline-none cursor-[inherit] focus:ring-0 truncate placeholder:text-grey-300 font-normal text-base",
-		computedInputClass: f,
-		computedHelpClass: p,
-		computedErrorClass: m,
-		containerWidth: o,
-		showNormalPlaceholder: d
+		staticContainerClass: "flex justify-between w-full items-center pl-[10px] pr-[10px] rounded border-1 border-solid gap-8 text-left relative outline-none",
+		computedContainerClass: s,
+		computedLabelClass: c,
+		staticInputClass: "peer w-full bg-transparent border-0 outline-none focus:outline-none cursor-[inherit] focus:ring-0 truncate placeholder:text-grey-300 disabled:text-grey-300 read-only:text-grey-300 font-normal text-base",
+		computedInputClass: d,
+		computedHelpClass: f,
+		computedErrorClass: p,
+		showNormalPlaceholder: u
 	};
 }
 //#endregion
@@ -48,12 +47,12 @@ var P = {
 function I(e) {
 	return `${e}-${Date.now() - 16e11}-${++F}`;
 }
-function ne() {
+function L() {
 	return I("fz-input");
 }
 //#endregion
 //#region src/FzInput.vue?vue&type=script&setup=true&lang.ts
-var re = ["id", "for"], ie = ["tabindex"], ae = { class: "flex flex-col justify-around min-w-0 grow" }, L = {
+var te = ["id", "for"], ne = ["tabindex"], re = { class: "flex flex-col justify-around min-w-0 grow" }, ie = {
 	key: 0,
 	class: "text-xs text-grey-300 grow-0 overflow-hidden text-ellipsis whitespace-nowrap"
 }, R = [
@@ -62,7 +61,6 @@ var re = ["id", "for"], ie = ["tabindex"], ae = { class: "flex flex-col justify-
 	"disabled",
 	"readonly",
 	"placeholder",
-	"id",
 	"pattern",
 	"name",
 	"maxlength",
@@ -72,11 +70,13 @@ var re = ["id", "for"], ie = ["tabindex"], ae = { class: "flex flex-col justify-
 	"aria-disabled",
 	"aria-labelledby",
 	"aria-describedby",
-	"aria-description"
+	"aria-description",
+	"id"
 ], z = { class: "flex items-center gap-4" }, B = ["id"], V = /* @__PURE__ */ s({
 	inheritAttrs: !1,
 	__name: "FzInput",
 	props: /* @__PURE__ */ c({
+		id: {},
 		label: {},
 		environment: { default: "frontoffice" },
 		size: {},
@@ -150,77 +150,77 @@ var re = ["id", "for"], ie = ["tabindex"], ae = { class: "flex flex-col justify-
 		"fzinput:clear"
 	], ["update:modelValue"]),
 	setup(a, { expose: o, emit: s }) {
-		let c = a, f = y(), O = e(() => ({
-			...f,
-			class: void 0
-		})), k = e(() => f.class);
-		x(() => c.size, (e) => {
+		let c = a, d = v(), O = e(() => {
+			let { class: e, id: t, ...n } = d;
+			return n;
+		}), k = e(() => d.class);
+		S(() => c.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}".`);
 			}
-		}, { immediate: !0 }), x(() => c.rightIconSize, (e) => {
+		}, { immediate: !0 }), S(() => c.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 = ee(a, "modelValue"), M = m(null), F = m(null), I = ne(), V = m(!1), H = m(c.highlighted), U = m(c.aiReasoning);
-		x(() => c.highlighted, (e) => {
-			H.value = e;
-		}), x(() => c.aiReasoning, (e) => {
+		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) => {
 			U.value = e;
+		}), S(() => c.aiReasoning, (e) => {
+			W.value = e;
 		});
-		let W = () => {
-			c.disableEmphasisReset || (H.value && (H.value = !1, J("update:highlighted", !1)), U.value && (U.value = !1, J("update:aiReasoning", !1)));
-		}, { staticContainerClass: oe, computedContainerClass: se, computedLabelClass: ce, staticInputClass: le, computedInputClass: ue, computedHelpClass: de, containerWidth: G, showNormalPlaceholder: K } = N({
-			..._(c),
-			highlighted: H,
-			aiReasoning: U
-		}, M, j, A, V);
+		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),
+			highlighted: U,
+			aiReasoning: W
+		}, M, j, A, H);
 		b();
-		let q = b(), fe = e(() => {
-			let e = !!c.label, t = !!q.label;
-			if (e && !t) return `${I}-label`;
+		let K = b(), fe = e(() => {
+			let e = !!c.label, t = !!K.label;
+			if (e && !t) return `${V.value}-label`;
 		}), pe = e(() => {
 			let e = [];
-			return c.error && q.errorMessage && e.push(`${I}-error`), !c.error && q.helpText && e.push(`${I}-help`), e.length > 0 ? e.join(" ") : void 0;
-		}), J = s, me = () => {
+			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());
-		}, Y = (e, t) => {
-			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), Z.value || J(t === "fzinput:left-icon-click" ? "fzinput:left-icon-click" : t === "fzinput:right-icon-click" ? "fzinput:right-icon-click" : "fzinput:second-right-icon-click"));
+		}, 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 || J("fzinput:left-icon-click");
+			Z.value || q("fzinput:left-icon-click");
 		}, _e = () => {
-			Z.value || J("fzinput:right-icon-click");
-		}, ve = () => {
-			Z.value || J("fzinput:second-right-icon-click");
-		}, ye = e(() => !!c.leftIcon), X = e(() => ye.value && !!c.leftIconAriaLabel), Z = e(() => !!c.disabled || !!c.readonly), be = e(() => Z.value || c.error ? "text-grey-300" : "text-purple-600"), xe = 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 (H.value) return c.highlightedDescription;
-				if (U.value) return c.aiReasoningDescription;
+				if (U.value) return c.highlightedDescription;
+				if (W.value) return c.aiReasoningDescription;
 			}
-		}), Se = e(() => !!c.rightIcon && !c.rightIconButton), Q = e(() => Se.value && !!c.rightIconAriaLabel), Ce = e(() => !!c.secondRightIcon && !c.secondRightIconButton), $ = e(() => Ce.value && !!c.secondRightIconAriaLabel), we = e(() => c.clearable && !!j.value && !Z.value), Te = () => {
-			j.value = "", J("fzinput:clear"), F.value?.focus();
+		}), 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();
 		};
 		return o({
 			inputRef: F,
 			containerRef: M
-		}), (e, o) => (p(), r("div", { class: u(["fz-input w-full flex flex-col gap-8", k.value]) }, [
-			h(e.$slots, "label", {}, () => [a.label ? (p(), r("label", {
+		}), (e, o) => (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(I)}-label`,
-				class: u(v(ce)),
-				for: v(I)
-			}, g(a.label) + g(a.required ? " *" : ""), 11, re)) : n("", !0)]),
+				id: `${V.value}-label`,
+				class: u(_(ce)),
+				for: V.value
+			}, h(a.label) + h(a.required ? " *" : ""), 11, te)) : n("", !0)]),
 			i("div", {
-				class: u([v(oe), v(se)]),
+				class: u([_(oe), _(se)]),
 				ref_key: "containerRef",
 				ref: M,
 				tabindex: Z.value ? void 0 : 0,
 				onClick: me,
 				onKeydown: he
 			}, [
-				h(e.$slots, "left-icon", {}, () => [a.leftIcon ? (p(), t(v(E), {
+				m(e.$slots, "left-icon", {}, () => [a.leftIcon ? (f(), t(_(E), {
 					key: 0,
 					name: a.leftIcon,
 					size: "md",
@@ -231,7 +231,7 @@ var re = ["id", "for"], ie = ["tabindex"], ae = { class: "flex flex-col justify-
 					tabindex: X.value && !Z.value ? 0 : void 0,
 					class: u(a.leftIconClass),
 					onClick: w(ge, ["stop"]),
-					onKeydown: o[0] ||= (e) => X.value ? (e) => Y(e, "fzinput:left-icon-click") : void 0
+					onKeydown: o[0] ||= (e) => X.value ? (e) => J(e, "fzinput:left-icon-click") : void 0
 				}, null, 8, [
 					"name",
 					"variant",
@@ -240,25 +240,24 @@ var re = ["id", "for"], ie = ["tabindex"], ae = { class: "flex flex-col justify-
 					"aria-disabled",
 					"tabindex",
 					"class"
-				])) : U.value && !H.value ? (p(), t(v(E), {
+				])) : W.value && !U.value ? (f(), t(_(E), {
 					key: 1,
 					name: "sparkles",
 					variant: "fas",
 					size: "md",
 					"aria-hidden": "true",
-					class: u(be.value)
+					class: u(ye.value)
 				}, null, 8, ["class"])) : n("", !0)]),
-				i("div", ae, [v(K) ? n("", !0) : (p(), r("span", L, g(a.placeholder), 1)), C(i("input", l({
+				i("div", re, [_(G) ? n("", !0) : (f(), r("span", ie, h(a.placeholder), 1)), ee(i("input", l({
 					type: a.type,
 					required: a.required,
 					disabled: a.disabled,
 					readonly: a.readonly,
-					placeholder: v(K) ? a.placeholder : "",
+					placeholder: _(G) ? a.placeholder : "",
 					"onUpdate:modelValue": o[1] ||= (e) => j.value = e,
-					id: v(I),
 					ref_key: "inputRef",
 					ref: F,
-					class: [v(le), v(ue)],
+					class: [_(le), _(ue)],
 					pattern: a.pattern,
 					name: a.name,
 					maxlength: a.maxlength,
@@ -268,25 +267,26 @@ var re = ["id", "for"], ie = ["tabindex"], ae = { class: "flex flex-col justify-
 					"aria-disabled": Z.value ? "true" : "false",
 					"aria-labelledby": fe.value,
 					"aria-describedby": pe.value,
-					"aria-description": xe.value
+					"aria-description": be.value
 				}, O.value, {
-					onInput: W,
+					id: V.value,
+					onInput: ae,
 					onBlur: o[2] ||= (t) => {
-						V.value = !1, e.$emit("blur", t);
+						H.value = !1, e.$emit("blur", t);
 					},
 					onFocus: o[3] ||= (t) => {
-						V.value = !0, e.$emit("focus", t);
+						H.value = !0, e.$emit("focus", t);
 					}
-				}), null, 16, R), [[te, j.value]])]),
-				i("div", z, [we.value ? (p(), t(v(D), {
+				}), 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(Te, ["stop"])
-				}, null, 8, ["ariaLabel"])) : n("", !0), h(e.$slots, "right-icon", {}, () => [
-					a.secondRightIcon && !a.secondRightIconButton ? (p(), t(v(E), {
+					onClick: w(we, ["stop"])
+				}, null, 8, ["ariaLabel"])) : n("", !0), m(e.$slots, "right-icon", {}, () => [
+					a.secondRightIcon && !a.secondRightIconButton ? (f(), t(_(E), {
 						key: 0,
 						name: a.secondRightIcon,
 						size: "md",
@@ -296,8 +296,8 @@ var re = ["id", "for"], ie = ["tabindex"], ae = { class: "flex flex-col justify-
 						"aria-disabled": $.value && Z.value ? "true" : void 0,
 						tabindex: $.value && !Z.value ? 0 : void 0,
 						class: u(a.secondRightIconClass),
-						onClick: w(ve, ["stop"]),
-						onKeydown: o[4] ||= (e) => $.value ? (e) => Y(e, "fzinput:second-right-icon-click") : void 0
+						onClick: w(Y, ["stop"]),
+						onKeydown: o[4] ||= (e) => $.value ? (e) => J(e, "fzinput:second-right-icon-click") : void 0
 					}, null, 8, [
 						"name",
 						"variant",
@@ -307,13 +307,13 @@ var re = ["id", "for"], ie = ["tabindex"], ae = { class: "flex flex-col justify-
 						"tabindex",
 						"class"
 					])) : n("", !0),
-					a.secondRightIcon && a.secondRightIconButton ? (p(), t(v(D), {
+					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(ve, ["stop"]),
+						onClick: w(Y, ["stop"]),
 						class: u([{ "bg-grey-100 !text-grey-300": Z.value }, a.secondRightIconClass])
 					}, null, 8, [
 						"iconName",
@@ -321,7 +321,7 @@ var re = ["id", "for"], ie = ["tabindex"], ae = { class: "flex flex-col justify-
 						"variant",
 						"class"
 					])) : n("", !0),
-					a.rightIcon && !a.rightIconButton ? (p(), t(v(E), {
+					a.rightIcon && !a.rightIconButton ? (f(), t(_(E), {
 						key: 2,
 						name: a.rightIcon,
 						size: "md",
@@ -332,7 +332,7 @@ var re = ["id", "for"], ie = ["tabindex"], ae = { class: "flex flex-col justify-
 						tabindex: Q.value && !Z.value ? 0 : void 0,
 						class: u(a.rightIconClass),
 						onClick: w(_e, ["stop"]),
-						onKeydown: o[5] ||= (e) => Q.value ? (e) => Y(e, "fzinput:right-icon-click") : void 0
+						onKeydown: o[5] ||= (e) => Q.value ? (e) => J(e, "fzinput:right-icon-click") : void 0
 					}, null, 8, [
 						"name",
 						"variant",
@@ -342,7 +342,7 @@ var re = ["id", "for"], ie = ["tabindex"], ae = { class: "flex flex-col justify-
 						"tabindex",
 						"class"
 					])) : n("", !0),
-					a.rightIcon && a.rightIconButton ? (p(), t(v(D), {
+					a.rightIcon && a.rightIconButton ? (f(), t(_(D), {
 						key: 3,
 						iconName: a.rightIcon,
 						size: "md",
@@ -356,7 +356,7 @@ var re = ["id", "for"], ie = ["tabindex"], ae = { class: "flex flex-col justify-
 						"variant",
 						"class"
 					])) : n("", !0),
-					a.valid ? (p(), t(v(E), {
+					a.valid ? (f(), t(_(E), {
 						key: 4,
 						name: "check",
 						size: "md",
@@ -364,23 +364,21 @@ var re = ["id", "for"], ie = ["tabindex"], ae = { class: "flex flex-col justify-
 						"aria-hidden": "true"
 					})) : n("", !0)
 				])])
-			], 42, ie),
-			a.error && e.$slots.errorMessage ? (p(), t(v(T), {
+			], 42, ne),
+			a.error && e.$slots.errorMessage ? (f(), t(_(T), {
 				key: 0,
-				id: `${v(I)}-error`,
+				id: `${V.value}-error`,
 				role: "alert",
 				tone: "error",
-				variant: "text",
-				style: d({ width: v(G) })
+				variant: "text"
 			}, {
-				default: S(() => [h(e.$slots, "errorMessage")]),
+				default: C(() => [m(e.$slots, "errorMessage")]),
 				_: 3
-			}, 8, ["id", "style"])) : e.$slots.helpText ? (p(), r("span", {
+			}, 8, ["id"])) : e.$slots.helpText ? (f(), r("span", {
 				key: 1,
-				id: `${v(I)}-help`,
-				class: u([v(de)]),
-				style: d({ width: v(G) })
-			}, [h(e.$slots, "helpText")], 14, B)) : n("", !0)
+				id: `${V.value}-help`,
+				class: u([_(de)])
+			}, [m(e.$slots, "helpText")], 10, B)) : n("", !0)
 		], 2));
 	}
 }), H = { class: "flex items-center gap-4" }, U = { class: "flex flex-col justify-between items-center" }, W = /* @__PURE__ */ s({
@@ -397,6 +395,7 @@ var re = ["id", "for"], ie = ["tabindex"], ae = { class: "flex flex-col justify-
 		forceStep: { type: Boolean },
 		stepUpAriaLabel: {},
 		stepDownAriaLabel: {},
+		id: {},
 		label: {},
 		environment: {},
 		size: {},
@@ -429,15 +428,15 @@ var re = ["id", "for"], ie = ["tabindex"], ae = { class: "flex flex-col justify-
 	}),
 	emits: /* @__PURE__ */ c(["fzcurrencyinput:clear"], ["update:modelValue"]),
 	setup(r, { expose: s, emit: c }) {
-		let u = m(), d = m(), g = e(() => u.value?.containerRef), _ = e(() => u.value?.inputRef), y = m(!1), b = r, te = c, C = ee(r, "modelValue"), w = !1, T = () => {
-			if (b.nullOnEmpty) return null;
-			if (b.zeroOnEmpty) return 0;
-		}, D = (e, t) => e ? t ? "" : k(0, {
-			minimumFractionDigits: b.minimumFractionDigits,
-			maximumFractionDigits: b.maximumFractionDigits,
+		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
-		}) : "", N = e(() => b.stepUpAriaLabel ? b.stepUpAriaLabel : `Incrementa di ${b.step}`), P = e(() => b.stepDownAriaLabel ? b.stepDownAriaLabel : `Decrementa di ${b.step}`), F = e(() => b.readonly || b.disabled), I = (e) => {
+		}) : "", 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(",");
@@ -446,7 +445,7 @@ var re = ["id", "for"], ie = ["tabindex"], ae = { class: "flex flex-col justify-
 				t = e + "," + n;
 			}
 			return n ? "-" + t : t;
-		}, ne = (e) => {
+		}, te = (e) => {
 			if (!(e.ctrlKey || e.metaKey || e.altKey || [
 				"Backspace",
 				"Delete",
@@ -466,56 +465,56 @@ var re = ["id", "for"], ie = ["tabindex"], ae = { class: "flex flex-col justify-
 				}
 				/^[0-9.,]$/.test(e.key) || e.preventDefault();
 			}
-		}, re = (e) => {
-			if (b.readonly || b.disabled) return;
+		}, 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, b.maximumFractionDigits);
-				w = !0, C.value = e, w = !1, d.value = I(String(e));
+				let e = M(n, x.maximumFractionDigits);
+				T = !0, w.value = e, T = !1, h.value = L(String(e));
 			}
-		}, ie = (e) => {
+		}, re = (e) => {
 			if (!e) {
-				let e = T();
-				w = !0, C.value = e, w = !1, d.value = "";
+				let e = D();
+				T = !0, w.value = e, T = !1, h.value = "";
 				return;
 			}
-			let t = I(e);
-			d.value = t;
+			let t = L(e);
+			h.value = t;
 			let n = A(t);
 			if (!isNaN(n) && isFinite(n)) {
-				let e = M(n, b.maximumFractionDigits);
-				w = !0, C.value = e, w = !1;
-			} else w = !0, C.value = T(), w = !1;
-		}, ae = () => {
-			if (b.readonly || b.disabled) return;
-			y.value = !1;
-			let e = R(C.value);
+				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 = T();
-				C.value !== e && (w = !0, C.value = e, w = !1), d.value = D(e === 0, !1);
+				let e = D();
+				w.value !== e && (T = !0, w.value = e, T = !1), h.value = N(e === 0, !1);
 				return;
 			}
 			let t = e;
-			b.forceStep && (t = j(b.step, t)), t = O(b.min, t, b.max), t !== e && (w = !0, C.value = t, w = !1), d.value = k(t, {
-				minimumFractionDigits: b.minimumFractionDigits,
-				maximumFractionDigits: b.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
 			});
-		}, L = () => {
-			if (b.readonly || b.disabled) return;
-			y.value = !0;
-			let e = R(C.value);
-			e !== void 0 && (d.value = k(e, {
-				minimumFractionDigits: b.minimumFractionDigits,
-				maximumFractionDigits: b.maximumFractionDigits,
+		}, 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, ""));
-		}, R = (e) => {
+		}, z = (e) => {
 			if (e == null || e === "") return e === null ? null : void 0;
 			if (typeof e == "number") return e;
 			if (typeof e == "string") {
@@ -523,141 +522,141 @@ var re = ["id", "for"], ie = ["tabindex"], ae = { class: "flex flex-col justify-
 				let t = A(e);
 				return isNaN(t) ? void 0 : t;
 			}
-		}, z = () => {
-			if (b.readonly || b.disabled) return;
-			let e = M((R(C.value) ?? 0) + b.step, b.maximumFractionDigits), t = O(b.min, e, b.max);
-			w = !0, C.value = t, w = !1, d.value = k(t, {
-				minimumFractionDigits: b.minimumFractionDigits,
-				maximumFractionDigits: b.maximumFractionDigits,
+		}, 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
 			});
-		}, B = () => {
-			if (b.readonly || b.disabled) return;
-			let e = M((R(C.value) ?? 0) - b.step, b.maximumFractionDigits), t = O(b.min, e, b.max);
-			w = !0, C.value = t, w = !1, d.value = k(t, {
-				minimumFractionDigits: b.minimumFractionDigits,
-				maximumFractionDigits: b.maximumFractionDigits,
+		}, 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 f(() => {
-			let e = C.value;
+		return d(() => {
+			let e = w.value;
 			if (e == null) {
-				let t = T();
-				e !== t && (w = !0, C.value = t, w = !1), d.value = D(t === 0, !1);
+				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, b.maximumFractionDigits);
-				b.forceStep && (t = j(b.step, t)), t = O(b.min, t, b.max), t !== e && (w = !0, C.value = t, w = !1), d.value = k(t, {
-					minimumFractionDigits: b.minimumFractionDigits,
-					maximumFractionDigits: b.maximumFractionDigits,
+				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 = R(e);
+				let t = z(e);
 				if (t != null) {
-					let e = M(t, b.maximumFractionDigits);
-					b.forceStep && (e = j(b.step, e)), e = O(b.min, e, b.max), w = !0, C.value = e, w = !1, d.value = k(e, {
-						minimumFractionDigits: b.minimumFractionDigits,
-						maximumFractionDigits: b.maximumFractionDigits,
+					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 = T();
-					w = !0, C.value = e, w = !1, d.value = D(e === 0, !1);
+					let e = D();
+					T = !0, w.value = e, T = !1, h.value = N(e === 0, !1);
 				}
 				return;
 			}
-		}), x(() => C.value, (e) => {
-			if (!w) {
+		}), S(() => w.value, (e) => {
+			if (!T) {
 				if (e == null) {
-					let t = T();
-					e !== t && (w = !0, C.value = t, w = !1), d.value = D(t === 0, y.value);
+					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, b.maximumFractionDigits);
-					b.forceStep && (t = j(b.step, t)), y.value || (t = O(b.min, t, b.max)), t !== e && (w = !0, C.value = t, w = !1), y.value || (d.value = k(t, {
-						minimumFractionDigits: b.minimumFractionDigits,
-						maximumFractionDigits: b.maximumFractionDigits,
+					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 = R(e);
+					let t = z(e);
 					if (t != null) {
-						let e = M(t, b.maximumFractionDigits);
-						b.forceStep && (e = j(b.step, e)), y.value || (e = O(b.min, e, b.max)), w = !0, C.value = e, w = !1, y.value || (d.value = k(e, {
-							minimumFractionDigits: b.minimumFractionDigits,
-							maximumFractionDigits: b.maximumFractionDigits,
+						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 = T();
-						w = !0, C.value = e, w = !1, d.value = D(e === 0, y.value);
+						let e = D();
+						T = !0, w.value = e, T = !1, h.value = N(e === 0, b.value);
 					}
 					return;
 				}
 			}
 		}), s({
-			inputRef: _,
+			inputRef: v,
 			containerRef: g
-		}), (e, r) => (p(), t(V, l({
+		}), (e, r) => (f(), t(V, l({
 			ref_key: "fzInputRef",
 			ref: u
-		}, b, {
-			modelValue: d.value,
+		}, x, {
+			modelValue: h.value,
 			type: "text",
-			"onUpdate:modelValue": ie,
-			onKeydown: ne,
-			onFocus: L,
-			onBlur: ae,
-			onPaste: re,
-			"onFzinput:clear": r[2] ||= (e) => te("fzcurrencyinput:clear")
+			"onUpdate:modelValue": re,
+			onKeydown: te,
+			onFocus: R,
+			onBlur: ie,
+			onPaste: ne,
+			"onFzinput:clear": r[2] ||= (e) => ee("fzcurrencyinput:clear")
 		}), a({
-			"right-icon": S(() => [i("div", H, [b.valid ? (p(), t(v(E), {
+			"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(v(E), {
+			})) : n("", !0), i("div", U, [o(_(E), {
 				name: "angle-up",
 				size: "xs",
 				role: "button",
-				"aria-label": N.value,
-				"aria-disabled": F.value ? "true" : void 0,
-				tabindex: F.value ? void 0 : "0",
+				"aria-label": P.value,
+				"aria-disabled": I.value ? "true" : void 0,
+				tabindex: I.value ? void 0 : "0",
 				class: "fz__currencyinput__arrowup cursor-pointer",
-				onClick: z,
+				onClick: B,
 				onKeydown: r[0] ||= (e) => {
-					(e.key === "Enter" || e.key === " ") && !F.value && (e.preventDefault(), z());
+					(e.key === "Enter" || e.key === " ") && !I.value && (e.preventDefault(), B());
 				}
 			}, null, 8, [
 				"aria-label",
 				"aria-disabled",
 				"tabindex"
-			]), o(v(E), {
+			]), o(_(E), {
 				name: "angle-down",
 				size: "xs",
 				role: "button",
-				"aria-label": P.value,
-				"aria-disabled": F.value ? "true" : void 0,
-				tabindex: F.value ? void 0 : "0",
+				"aria-label": F.value,
+				"aria-disabled": I.value ? "true" : void 0,
+				tabindex: I.value ? void 0 : "0",
 				class: "fz__currencyinput__arrowdown cursor-pointer",
-				onClick: B,
+				onClick: W,
 				onKeydown: r[1] ||= (e) => {
-					(e.key === "Enter" || e.key === " ") && !F.value && (e.preventDefault(), B());
+					(e.key === "Enter" || e.key === " ") && !I.value && (e.preventDefault(), W());
 				}
 			}, null, 8, [
 				"aria-label",
@@ -668,22 +667,22 @@ var re = ["id", "for"], ie = ["tabindex"], ae = { class: "flex flex-col justify-
 		}, [
 			e.$slots.label ? {
 				name: "label",
-				fn: S(() => [h(e.$slots, "label")]),
+				fn: C(() => [m(e.$slots, "label")]),
 				key: "0"
 			} : void 0,
 			e.$slots["left-icon"] ? {
 				name: "left-icon",
-				fn: S(() => [h(e.$slots, "left-icon")]),
+				fn: C(() => [m(e.$slots, "left-icon")]),
 				key: "1"
 			} : void 0,
 			e.$slots.helpText ? {
 				name: "helpText",
-				fn: S(() => [h(e.$slots, "helpText")]),
+				fn: C(() => [m(e.$slots, "helpText")]),
 				key: "2"
 			} : void 0,
 			e.$slots.errorMessage ? {
 				name: "errorMessage",
-				fn: S(() => [h(e.$slots, "errorMessage")]),
+				fn: C(() => [m(e.$slots, "errorMessage")]),
 				key: "3"
 			} : void 0
 		]), 1040, ["modelValue"]));