@vlalg-nimbus/nb-inputs 8.0.3 → 8.0.4

package/dist/nb-inputs.js

@@ -1,4 +1,4 @@
-import { useCssVars as sa, onMounted as ua, ref as Q, toRefs as da, computed as a, watch as U, openBlock as P, createElementBlock as O, normalizeClass as Ie, normalizeStyle as We, createElementVNode as be, mergeProps as ra, Fragment as Oa, renderList as Fa, unref as o, withDirectives as ca, vModelRadio as al, withKeys as Et, withModifiers as ia, toDisplayString as ht, createCommentVNode as Le, vModelCheckbox as ll, onUnmounted as ma, renderSlot as oa, createTextVNode as ga, vModelDynamic as qa, vModelText as ja, defineAsyncComponent as nl, nextTick as ya, createVNode as ol } from "vue";
+import { useCssVars as sa, onMounted as ua, ref as Q, toRefs as da, computed as a, watch as U, openBlock as P, createElementBlock as O, normalizeClass as Ne, normalizeStyle as We, createElementVNode as be, mergeProps as ra, Fragment as Oa, renderList as Fa, unref as o, withDirectives as ca, vModelRadio as al, withKeys as Et, withModifiers as ia, toDisplayString as ht, createCommentVNode as Le, vModelCheckbox as ll, onUnmounted as ma, renderSlot as oa, createTextVNode as ga, vModelDynamic as qa, vModelText as ja, defineAsyncComponent as nl, nextTick as ya, createVNode as ol } from "vue";
 const fa = (e, m) => {
   const h = e.__vccOpts || e;
   for (const [z, _] of m)
@@ -178,7 +178,7 @@ const fa = (e, m) => {
       lightTextColor: Be,
       lightColor: ae,
       lightColorHover: le,
-      darkTextColor: I,
+      darkTextColor: N,
       darkColor: D,
       darkColorHover: J,
       hoverEffect: Z,
@@ -190,36 +190,36 @@ const fa = (e, m) => {
       fontFamily: ke,
       fontSize: ce,
       fontWeight: fe
-    } = da(z), N = a(() => {
-      const g = ee.value ? "component-disabled" : "", V = se.value !== "b" ? "inline-block" : "block", ve = ke.value ? ke.value : "'Lato', sans-serif", G = ce.value ? ce.value : "1.6em", te = fe.value !== 0 && !fe.value || fe.value < 0 ? 200 : fe.value, je = [!1, !0].includes(Z.value) ? Z.value : !1, He = [!1, !0].includes(ye.value) ? ye.value : !1, K = de.value !== 0 && !de.value || de.value < 0 ? 15 : de.value, v = F.value !== 0 && !F.value || F.value < 0 ? 6 : F.value, y = ne.value !== 0 && !ne.value || ne.value < 0 ? 1 : ne.value;
+    } = da(z), I = a(() => {
+      const g = ee.value ? "component-disabled" : "", V = se.value !== "b" ? "inline-block" : "block", ve = ke.value ? ke.value : "'Lato', sans-serif", G = ce.value ? ce.value : "1.6em", te = fe.value !== 0 && !fe.value || fe.value < 0 ? 200 : fe.value, je = [!1, !0].includes(Z.value) ? Z.value : !1, He = [!1, !0].includes(ye.value) ? ye.value : !1, K = de.value !== 0 && !de.value || de.value < 0 ? 15 : de.value, c = F.value !== 0 && !F.value || F.value < 0 ? 6 : F.value, y = ne.value !== 0 && !ne.value || ne.value < 0 ? 1 : ne.value;
       return {
         disabled: g,
         display: V,
         hoverEffect: je,
         activeHoverEffect: He,
         itemGap: K,
-        internalGap: v,
+        internalGap: c,
         scale: y,
         font: ve,
         fontSize: G,
         fontWeight: te
       };
-    }), me = a(() => N.value.disabled), d = a(() => ({
-      display: N.value.display
-    })), Ae = a(() => N.value.display === "inline-block" ? "component-radio__item--display-inline" : "component-radio__item--display-block"), qe = a(() => {
-      const g = N.value;
+    }), me = a(() => I.value.disabled), d = a(() => ({
+      display: I.value.display
+    })), Ae = a(() => I.value.display === "inline-block" ? "component-radio__item--display-inline" : "component-radio__item--display-block"), qe = a(() => {
+      const g = I.value;
       return {
         fontSize: g.fontSize,
         fontWeight: g.fontWeight
       };
-    }), Ge = a(() => Array.isArray(X.value) && X.value.constructor === Array && X.value.length > 0), Pe = a(() => Ee.value === "dark" ? "component__theme--dark" : "component__theme--light"), Ke = a(() => N.value.font), tt = a(() => Be.value), it = a(() => ae.value), vt = a(() => N.value.hoverEffect ? le.value : ae.value), Ye = a(() => N.value.activeHoverEffect ? le.value : ae.value), $e = a(() => I.value), he = a(() => D.value), pt = a(() => N.value.hoverEffect ? J.value : D.value), at = a(() => N.value.activeHoverEffect ? J.value : D.value), st = a(() => {
-      const V = N.value.internalGap;
+    }), Ge = a(() => Array.isArray(X.value) && X.value.constructor === Array && X.value.length > 0), Pe = a(() => Ee.value === "dark" ? "component__theme--dark" : "component__theme--light"), Ke = a(() => I.value.font), tt = a(() => Be.value), it = a(() => ae.value), vt = a(() => I.value.hoverEffect ? le.value : ae.value), Ye = a(() => I.value.activeHoverEffect ? le.value : ae.value), $e = a(() => N.value), he = a(() => D.value), pt = a(() => I.value.hoverEffect ? J.value : D.value), at = a(() => I.value.activeHoverEffect ? J.value : D.value), st = a(() => {
+      const V = I.value.internalGap;
       return !V || V < 0 ? 0 : `${V}px`;
     }), bt = a(() => {
-      const V = N.value.itemGap;
+      const V = I.value.itemGap;
       return !V || V < 0 ? 0 : `${V}px`;
     }), _e = a(() => ({
-      zoom: N.value.scale
+      zoom: I.value.scale
     })), lt = a(() => {
       const g = {};
       ge.value && Object.keys(ge.value).forEach((G) => g[`aria-${G}`] = ge.value[G]);
@@ -243,7 +243,7 @@ const fa = (e, m) => {
       g !== V && (h("current-value", g), h("changed", g));
     }), (g, V) => e.nbId && Ge.value ? (P(), O("div", {
       key: 0,
-      class: Ie(["nb-wrapper", me.value]),
+      class: Ne(["nb-wrapper", me.value]),
       style: We([d.value, _e.value])
     }, [
       be("div", ra({
@@ -448,7 +448,7 @@ const cl = ["id"], fl = ["id", "disabled", "value", "name"], vl = ["for", "tabin
   },
   emits: ["current-value", "changed", "clicked"],
   setup(e, { emit: m }) {
-    sa((v) => ({
+    sa((c) => ({
       "49e2c63f": it.value,
       "107babaa": ve.value,
       "3c7cc5ce": V.value,
@@ -478,7 +478,7 @@ const cl = ["id"], fl = ["id", "disabled", "value", "name"], vl = ["for", "tabin
       lightColor: Be,
       lightColorHover: ae,
       darkTextColor: le,
-      darkColor: I,
+      darkColor: N,
       darkColorHover: D,
       boxRadius: J,
       hoverEffect: Z,
@@ -490,12 +490,12 @@ const cl = ["id"], fl = ["id", "disabled", "value", "name"], vl = ["for", "tabin
       background: ke,
       disabled: ce,
       fontFamily: fe,
-      fontSize: N,
+      fontSize: I,
       fontWeight: me
     } = da(z), d = a(() => {
-      const v = ce.value ? "component-disabled" : "", y = Ve.value !== "b" ? "inline-block" : "block", pe = fe.value ? fe.value : "'Lato', sans-serif", q = N.value ? N.value : "1.6em", oe = me.value !== 0 && !me.value || me.value < 0 ? 200 : me.value, we = J.value !== 0 && !J.value || J.value < 0 ? 0 : J.value, Re = [!1, !0].includes(Z.value) ? Z.value : !1, Oe = [!1, !0].includes(ye.value) ? ye.value : !1, Fe = de.value !== 0 && !de.value || de.value < 0 ? 15 : de.value, Ue = F.value !== 0 && !F.value || F.value < 0 ? 6 : F.value, nt = ["box", "circle"].includes(ee.value) ? ee.value : "box", ot = ne.value !== 0 && !ne.value || ne.value < 0 ? 1 : ne.value, C = [!1, !0].includes(ke.value) ? ke.value : !1;
+      const c = ce.value ? "component-disabled" : "", y = Ve.value !== "b" ? "inline-block" : "block", pe = fe.value ? fe.value : "'Lato', sans-serif", q = I.value ? I.value : "1.6em", oe = me.value !== 0 && !me.value || me.value < 0 ? 200 : me.value, we = J.value !== 0 && !J.value || J.value < 0 ? 0 : J.value, Re = [!1, !0].includes(Z.value) ? Z.value : !1, Oe = [!1, !0].includes(ye.value) ? ye.value : !1, Fe = de.value !== 0 && !de.value || de.value < 0 ? 15 : de.value, Ue = F.value !== 0 && !F.value || F.value < 0 ? 6 : F.value, nt = ["box", "circle"].includes(ee.value) ? ee.value : "box", ot = ne.value !== 0 && !ne.value || ne.value < 0 ? 1 : ne.value, C = [!1, !0].includes(ke.value) ? ke.value : !1;
       return {
-        disabled: v,
+        disabled: c,
         display: y,
         boxRadius: we,
         hoverEffect: Re,
@@ -512,40 +512,40 @@ const cl = ["id"], fl = ["id", "disabled", "value", "name"], vl = ["for", "tabin
     }), Ae = a(() => d.value.disabled), qe = a(() => ({
       display: d.value.display
     })), Ge = a(() => d.value.display === "inline-block" ? "component-checkbox__item--display-inline" : "component-checkbox__item--display-block"), Pe = a(() => {
-      const v = d.value;
+      const c = d.value;
       return {
-        fontSize: v.fontSize,
-        fontWeight: v.fontWeight
+        fontSize: c.fontSize,
+        fontWeight: c.fontWeight
       };
     }), Ke = a(() => Array.isArray(se.value) && se.value.constructor === Array && se.value.length > 0), tt = a(() => X.value === "dark" ? "component__theme--dark" : "component__theme--light"), it = a(() => d.value.font), vt = a(() => Ee.value), Ye = a(() => Be.value), $e = a(() => d.value.hoverEffect ? ae.value : Be.value), he = a(() => d.value.activeHoverEffect ? ae.value : Be.value), pt = a(() => {
-      const v = d.value;
-      return v.activeHoverEffect && v.background ? `${ae.value}80` : ae.value;
-    }), at = a(() => le.value), st = a(() => I.value), bt = a(() => d.value.hoverEffect ? D.value : I.value), _e = a(() => d.value.activeHoverEffect ? D.value : I.value), lt = a(() => {
-      const v = d.value;
-      return v.activeHoverEffect && v.background ? `${D.value}80` : D.value;
+      const c = d.value;
+      return c.activeHoverEffect && c.background ? `${ae.value}80` : ae.value;
+    }), at = a(() => le.value), st = a(() => N.value), bt = a(() => d.value.hoverEffect ? D.value : N.value), _e = a(() => d.value.activeHoverEffect ? D.value : N.value), lt = a(() => {
+      const c = d.value;
+      return c.activeHoverEffect && c.background ? `${D.value}80` : D.value;
     }), Qe = a(() => d.value.background ? "component-checkbox__item--with-background" : "component-checkbox__item--without-background"), Xe = a(() => {
-      const v = d.value, y = X.value === "dark" ? le.value : Ee.value;
-      return v.background ? "#ffffff" : y;
+      const c = d.value, y = X.value === "dark" ? le.value : Ee.value;
+      return c.background ? "#ffffff" : y;
     });
     a(() => d.value.background ? "19px" : "auto");
     const g = a(() => {
       const y = d.value.internalGap;
       return !y || y < 0 ? 0 : `${y}px`;
     }), V = a(() => {
-      const v = d.value;
-      return `${v.boxRadius > 7 ? 7 : v.boxRadius}px`;
+      const c = d.value;
+      return `${c.boxRadius > 7 ? 7 : c.boxRadius}px`;
     }), ve = a(() => {
       const y = d.value.itemGap;
       return !y || y < 0 ? 0 : `${y}px`;
     }), G = a(() => d.value.type === "circle" ? "custom-checkbox__input--type-circle" : ""), te = a(() => ({
       zoom: d.value.scale
     })), je = a(() => {
-      const v = {};
-      ge.value && Object.keys(ge.value).forEach((q) => v[`aria-${q}`] = ge.value[q]);
+      const c = {};
+      ge.value && Object.keys(ge.value).forEach((q) => c[`aria-${q}`] = ge.value[q]);
       const y = {
         "aria-label": Se.value,
         "aria-disabled": ce.value,
-        ...v
+        ...c
       };
       return Object.fromEntries(
         Object.entries(y).filter(([pe, q]) => q != null)
@@ -555,13 +555,13 @@ const cl = ["id"], fl = ["id", "disabled", "value", "name"], vl = ["for", "tabin
     }, K = () => {
       h("clicked");
     };
-    return U(Te, (v, y) => {
-      v !== y && He();
-    }), U(_, (v, y) => {
-      v !== y && (h("current-value", v), h("changed", v));
-    }), (v, y) => e.nbId && Ke.value ? (P(), O("div", {
+    return U(Te, (c, y) => {
+      c !== y && He();
+    }), U(_, (c, y) => {
+      c !== y && (h("current-value", c), h("changed", c));
+    }), (c, y) => e.nbId && Ke.value ? (P(), O("div", {
       key: 0,
-      class: Ie(["nb-wrapper", Ae.value]),
+      class: Ne(["nb-wrapper", Ae.value]),
       style: We([qe.value, te.value])
     }, [
       be("div", ra({
@@ -588,7 +588,7 @@ const cl = ["id"], fl = ["id", "disabled", "value", "name"], vl = ["for", "tabin
           ]),
           be("label", {
             for: `${e.nbId}-${pe.value}`,
-            class: Ie([[G.value], "component-checkbox__item--label"]),
+            class: Ne([[G.value], "component-checkbox__item--label"]),
             tabindex: o(ce) ? -1 : Array.isArray(e.tabIndex) ? e.tabIndex[q] : e.tabIndex >= 0 ? e.tabIndex : q + 1,
             onKeydown: [
               y[1] || (y[1] = Et(ia((oe) => !o(ce) && e.hasTabIndexEnter && oe.target.click(), ["prevent"]), ["enter"])),
@@ -596,7 +596,7 @@ const cl = ["id"], fl = ["id", "disabled", "value", "name"], vl = ["for", "tabin
             ]
           }, [
             be("div", {
-              class: Ie([Qe.value])
+              class: Ne([Qe.value])
             }, null, 2),
             be("span", {
               style: We([Pe.value])
@@ -1043,7 +1043,7 @@ const gl = ["id"], yl = ["for"], ml = ["for"], hl = { key: 0 }, Cl = { key: 1 },
       a33e780a: o(g),
       "2ca961d8": o(Qe),
       "60451b3a": o(Xe),
-      "20c505f6": Nt.value,
+      "20c505f6": It.value,
       "19ddf317": o(_e),
       "5d2fc801": o(lt),
       "7830866a": o(we),
@@ -1070,7 +1070,7 @@ const gl = ["id"], yl = ["for"], ml = ["for"], hl = { key: 0 }, Cl = { key: 1 },
     })), ua(() => {
       xe.value = Ke.value;
     }), ma(() => {
-      It();
+      Nt();
     });
     const h = m, z = e, {
       nbId: _,
@@ -1084,7 +1084,7 @@ const gl = ["id"], yl = ["for"], ml = ["for"], hl = { key: 0 }, Cl = { key: 1 },
       selectionTextColor: Be,
       hasBorderRadius: ae,
       borderRadius: le,
-      disabled: I,
+      disabled: N,
       fontFamily: D,
       fontSize: J,
       fontWeight: Z,
@@ -1096,7 +1096,7 @@ const gl = ["id"], yl = ["for"], ml = ["for"], hl = { key: 0 }, Cl = { key: 1 },
       inputStyle: ke,
       activeTextStyle: ce,
       sizeMediaQuery: fe,
-      inputReadonly: N,
+      inputReadonly: I,
       showInputEye: me,
       inputType: d,
       hasTrim: Ae,
@@ -1126,7 +1126,7 @@ const gl = ["id"], yl = ["for"], ml = ["for"], hl = { key: 0 }, Cl = { key: 1 },
       showMsg: je,
       hasMsg: He,
       hasIcon: K,
-      iconDirection: v,
+      iconDirection: c,
       iconPadding: y,
       iconPaddingInput: pe,
       iconMargin: q,
@@ -1158,7 +1158,7 @@ const gl = ["id"], yl = ["for"], ml = ["for"], hl = { key: 0 }, Cl = { key: 1 },
       darkTextColorLabel: Vt,
       darkTextColorLabelActive: _t
     } = da(z), xe = Q(""), dt = Q(""), gt = Q(!1), ut = Q(!1), k = a(() => {
-      const u = I.value ? "component-disabled" : "", p = Se.value !== "b" ? "inline-block" : "block", t = se ? se.value : "ffffff", n = X.value ? X.value : "", r = Ee.value ? Ee.value : "", i = Be.value ? Be.value : "", f = ae.value ? ae.value : !1, c = le.value !== 0 && !le.value || le.value < 0 ? 0 : le.value, b = D.value ? D.value : "'Lato', sans-serif", S = J.value && J.value >= 0 ? J.value : null, B = Z.value !== 0 && !Z.value || Z.value < 0 ? 100 : Z.value, $ = ye.value ? ye.value : "'Lato', sans-serif", E = de.value ? de.value : "1em", ie = F.value !== 0 && !F.value || F.value < 0 ? 100 : F.value, ze = ne.value ? ne.value : "#f15574", et = ee.value ? ee.value : 200, De = ce.value ? ce.value : "normal", Ne = fe.value ? fe.value : "xs", va = N.value ? N.value : !1, pa = me.value ? me.value : !1, ba = d.value ? d.value : "text", ha = qe.value ? qe.value : !1, Ca = tt.value ? tt.value : "normal", xa = te.value ? te.value : "left", Sa = ke.value ? ke.value : "background", Va = y.value ? y.value : "5px 10px", ka = q.value ? q.value : "0", La = pe.value ? pe.value : 10, Ta = we.value ? we.value : "#000000", Ba = Re.value ? Re.value : "#000000", Aa = Oe.value ? Oe.value : "transparent", $a = Fe.value ? Fe.value : "transparent", _a = oe.value !== 0 && !oe.value || oe.value < 0 ? 0 : oe.value, wa = Ue.value ? Ue.value : "transparent", Ra = nt.value ? nt.value : "transparent", Ma = A.value ? A.value : 32, za = M.value ? M.value : 1, Da = j.value ? j.value : !1, Na = Je.value !== 0 && !Je.value || Je.value < 0 ? 5 : Je.value, Ia = Ce.value ? Ce.value : "transparent", Wa = Ze.value !== 0 && !Ze.value || Ze.value < 0 ? 15 : Ze.value, Ea = L.value ? L.value : "1px 5px", Ha = Me.value !== 0 && !Me.value || Me.value < 0 ? 0 : Me.value, Ua = H.value !== 0 && !H.value || H.value < 0 ? -13 : H.value, Ga = W.value !== 0 && !W.value || W.value < 0 ? -10 : W.value, Ka = T.value ? T.value : "'Lato', sans-serif", Ya = x.value ? x.value : "1em", Qa = ue.value ? ue.value : "0.8em", Xa = w.value ? w.value : 400, Ja = At.value ? At.value : "#ffffff", Za = Vt.value ? Vt.value : "#000000", el = $t.value ? $t.value : "#ffffff", tl = _t.value ? _t.value : "#000000";
+      const u = N.value ? "component-disabled" : "", p = Se.value !== "b" ? "inline-block" : "block", t = se ? se.value : "ffffff", n = X.value ? X.value : "", r = Ee.value ? Ee.value : "", i = Be.value ? Be.value : "", v = ae.value ? ae.value : !1, f = le.value !== 0 && !le.value || le.value < 0 ? 0 : le.value, b = D.value ? D.value : "'Lato', sans-serif", S = J.value && J.value >= 0 ? J.value : null, B = Z.value !== 0 && !Z.value || Z.value < 0 ? 100 : Z.value, $ = ye.value ? ye.value : "'Lato', sans-serif", E = de.value ? de.value : "1em", ie = F.value !== 0 && !F.value || F.value < 0 ? 100 : F.value, ze = ne.value ? ne.value : "#f15574", et = ee.value ? ee.value : 200, De = ce.value ? ce.value : "normal", Ie = fe.value ? fe.value : "xs", va = I.value ? I.value : !1, pa = me.value ? me.value : !1, ba = d.value ? d.value : "text", ha = qe.value ? qe.value : !1, Ca = tt.value ? tt.value : "normal", xa = te.value ? te.value : "left", Sa = ke.value ? ke.value : "background", Va = y.value ? y.value : "5px 10px", ka = q.value ? q.value : "0", La = pe.value ? pe.value : 10, Ta = we.value ? we.value : "#000000", Ba = Re.value ? Re.value : "#000000", Aa = Oe.value ? Oe.value : "transparent", $a = Fe.value ? Fe.value : "transparent", _a = oe.value !== 0 && !oe.value || oe.value < 0 ? 0 : oe.value, wa = Ue.value ? Ue.value : "transparent", Ra = nt.value ? nt.value : "transparent", Ma = A.value ? A.value : 32, za = M.value ? M.value : 1, Da = j.value ? j.value : !1, Ia = Je.value !== 0 && !Je.value || Je.value < 0 ? 5 : Je.value, Na = Ce.value ? Ce.value : "transparent", Wa = Ze.value !== 0 && !Ze.value || Ze.value < 0 ? 15 : Ze.value, Ea = L.value ? L.value : "1px 5px", Ha = Me.value !== 0 && !Me.value || Me.value < 0 ? 0 : Me.value, Ua = H.value !== 0 && !H.value || H.value < 0 ? -13 : H.value, Ga = W.value !== 0 && !W.value || W.value < 0 ? -10 : W.value, Ka = T.value ? T.value : "'Lato', sans-serif", Ya = x.value ? x.value : "1em", Qa = ue.value ? ue.value : "0.8em", Xa = w.value ? w.value : 400, Ja = At.value ? At.value : "#ffffff", Za = Vt.value ? Vt.value : "#000000", el = $t.value ? $t.value : "#ffffff", tl = _t.value ? _t.value : "#000000";
       return {
         disabled: u,
         display: p,
@@ -1173,12 +1173,12 @@ const gl = ["id"], yl = ["for"], ml = ["for"], hl = { key: 0 }, Cl = { key: 1 },
         caretColor: n,
         selectionBgColor: r,
         selectionTextColor: i,
-        hasBorderRadius: f,
-        borderRadius: c,
+        hasBorderRadius: v,
+        borderRadius: f,
         textAlign: xa,
         inputWidth: et,
         activeTextStyle: De,
-        sizeMediaQuery: Ne,
+        sizeMediaQuery: Ie,
         inputReadonly: va,
         showInputEye: pa,
         inputType: ba,
@@ -1198,10 +1198,10 @@ const gl = ["id"], yl = ["for"], ml = ["for"], hl = { key: 0 }, Cl = { key: 1 },
         iconWidth: Ma,
         iconSize: za,
         showLabel: Da,
-        labelBackground: Ia,
+        labelBackground: Na,
         labelPadding: Ea,
         labelBorderRadius: Ha,
-        labelLeft: Na,
+        labelLeft: Ia,
         inputLabelMarginActive: Wa,
         labelActiveTop: Ua,
         labelActiveLeft: Ga,
@@ -1300,19 +1300,19 @@ const gl = ["id"], yl = ["for"], ml = ["for"], hl = { key: 0 }, Cl = { key: 1 },
       Ve.value && Object.keys(Ve.value).forEach((n) => u[`aria-${n}`] = Ve.value[n]);
       const p = {
         "aria-label": Te.value,
-        "aria-disabled": I.value,
+        "aria-disabled": N.value,
         ...u
       };
       return Object.fromEntries(
         Object.entries(p).filter(([t, n]) => n != null)
       );
-    }), ta = a(() => K.value ? `${M.value}rem` : "0"), aa = a(() => K.value ? `${A.value}px` : "0"), la = a(() => K.value ? `component__icon--${v.value}` : ""), zt = a(() => {
+    }), ta = a(() => K.value ? `${M.value}rem` : "0"), aa = a(() => K.value ? `${A.value}px` : "0"), la = a(() => K.value ? `component__icon--${c.value}` : ""), zt = a(() => {
       const u = k.value;
       return K.value ? u.iconPadding : "0";
     }), Dt = a(() => {
       const u = k.value;
       return K.value ? u.iconMargin : "0";
-    }), Nt = a(() => {
+    }), It = a(() => {
       const u = k.value;
       return K.value ? u.theme === "dark" ? u.iconDarkBgColor : u.iconLightBgColor : "transparent";
     }), ft = a(() => {
@@ -1320,7 +1320,7 @@ const gl = ["id"], yl = ["for"], ml = ["for"], hl = { key: 0 }, Cl = { key: 1 },
       return K.value ? `${u.iconBorderRadius}rem` : "0";
     }), St = a(() => {
       const u = k.value;
-      return K.value ? v.value === "left" ? { paddingLeft: `${u.iconPaddingInput}px` } : { paddingRight: `${u.iconPaddingInput}px` } : {};
+      return K.value ? c.value === "left" ? { paddingLeft: `${u.iconPaddingInput}px` } : { paddingRight: `${u.iconPaddingInput}px` } : {};
     }), mt = a(() => {
       const u = k.value, p = ct.value, t = p ? u.lightTextColorLabelActive : u.lightTextColorLabel, n = p ? u.darkTextColorLabelActive : u.darkTextColorLabel;
       return {
@@ -1341,7 +1341,7 @@ const gl = ["id"], yl = ["for"], ml = ["for"], hl = { key: 0 }, Cl = { key: 1 },
       const u = k.value;
       return u.theme === "dark" ? u.darkTextColorLabelActive : u.lightTextColorLabelActive;
     });
-    const It = () => {
+    const Nt = () => {
       xe.value = Ke.value, dt.value = d.value;
     }, na = () => {
       const u = k.value;
@@ -1352,7 +1352,7 @@ const gl = ["id"], yl = ["for"], ml = ["for"], hl = { key: 0 }, Cl = { key: 1 },
     }, Wt = () => {
       h("clicked");
     }, re = () => {
-      I.value || k.value.inputReadonly || !ge.value || h("entered", xe.value);
+      N.value || k.value.inputReadonly || !ge.value || h("entered", xe.value);
     };
     return U(d, (u) => {
       dt.value = u;
@@ -1379,7 +1379,7 @@ const gl = ["id"], yl = ["for"], ml = ["for"], hl = { key: 0 }, Cl = { key: 1 },
     }, Bt.value), [
       be("div", {
         id: o(_),
-        class: Ie(["nb-reset", "component", s.value, R.value, Y.value, Tt.value]),
+        class: Ne(["nb-reset", "component", s.value, R.value, Y.value, Tt.value]),
         style: We([Ot.value, Lt.value, rt.value]),
         onClick: Wt
       }, [
@@ -1391,13 +1391,13 @@ const gl = ["id"], yl = ["for"], ml = ["for"], hl = { key: 0 }, Cl = { key: 1 },
         }, ht(e.label), 13, yl)) : Le("", !0),
         Rt.value ? (P(), O("div", {
           key: 1,
-          class: Ie(["component__eye", Jt.value]),
+          class: Ne(["component__eye", Jt.value]),
           style: We([rt.value]),
           onClick: na
         }, [
           be("label", {
             for: yt.value,
-            class: Ie(["component__eye-icon", "fas"])
+            class: Ne(["component__eye-icon", "fas"])
           }, [
             e.inputEyeCustomIcon ? (P(), O("span", Cl, [
               gt.value ? oa(u.$slots, "eye-icon-show", { key: 0 }, () => [
@@ -1413,29 +1413,29 @@ const gl = ["id"], yl = ["for"], ml = ["for"], hl = { key: 0 }, Cl = { key: 1 },
           id: yt.value,
           name: yt.value,
           type: dt.value,
-          class: Ie(["component__input", [
+          class: Ne(["component__input", [
             Yt.value,
             Xt.value,
             l.value
           ]]),
           placeholder: Qt.value,
-          disabled: o(I) || o(N),
+          disabled: o(N) || o(I),
           required: e.required,
-          readonly: o(N),
+          readonly: o(I),
           autocomplete: e.inputAutocomplete,
-          tabindex: o(I) || o(N) ? -1 : o(vt),
+          tabindex: o(N) || o(I) ? -1 : o(vt),
           role: "input",
           style: We([rt.value, St.value]),
           onFocus: p[1] || (p[1] = (t) => ut.value = !0),
           onBlur: p[2] || (p[2] = (t) => ut.value = !1),
-          onKeydown: p[3] || (p[3] = Et((t) => !o(I) && o(ge) && re(), ["enter"]))
+          onKeydown: p[3] || (p[3] = Et((t) => !o(N) && o(ge) && re(), ["enter"]))
         }, null, 46, xl), [
           [qa, xe.value]
         ]),
         o(K) ? (P(), O("label", {
           key: 2,
           for: yt.value,
-          class: Ie(["component__icon", la.value])
+          class: Ne(["component__icon", la.value])
         }, [
           oa(u.$slots, "icon", {}, () => [
             p[6] || (p[6] = be("span", null, "♥", -1))
@@ -1444,7 +1444,7 @@ const gl = ["id"], yl = ["for"], ml = ["for"], hl = { key: 0 }, Cl = { key: 1 },
       ], 14, gl),
       ea.value ? (P(), O("div", {
         key: 0,
-        class: Ie(["component__message", e.hasCustomMsg ? "component__message--custom" : "component__message--default"])
+        class: Ne(["component__message", e.hasCustomMsg ? "component__message--custom" : "component__message--default"])
       }, [
         oa(u.$slots, "message", {}, () => [
           ga(ht(e.message), 1)
@@ -1819,7 +1819,7 @@ const Ll = ["for"], Tl = ["id"], Bl = { class: "chip-text" }, Al = ["onClick"],
       fontSize: Be,
       fontWeight: ae,
       currentList: le,
-      allowDuplicates: I,
+      allowDuplicates: N,
       minChips: D,
       maxChips: J,
       inputPosition: Z,
@@ -1831,7 +1831,7 @@ const Ll = ["for"], Tl = ["id"], Bl = { class: "chip-text" }, Al = ["onClick"],
       inputAutocomplete: ke,
       required: ce,
       textAlign: fe,
-      hasBorderRadius: N,
+      hasBorderRadius: I,
       activeTextStyle: me,
       theme: d,
       inputStyle: Ae,
@@ -1861,7 +1861,7 @@ const Ll = ["for"], Tl = ["id"], Bl = { class: "chip-text" }, Al = ["onClick"],
       ariaAttrs: je,
       caretColor: He,
       selectionBgColor: K,
-      selectionTextColor: v,
+      selectionTextColor: c,
       showLabel: y,
       label: pe,
       labelBackground: q,
@@ -1880,7 +1880,7 @@ const Ll = ["for"], Tl = ["id"], Bl = { class: "chip-text" }, Al = ["onClick"],
       darkTextColorLabel: Ce,
       darkTextColorLabelActive: L
     } = da(z), Me = Q(""), Je = Q(null), Ze = Q(null), H = Q(null), W = Q([]), T = Q(!1), x = a(() => {
-      const l = X.value ? "component-disabled" : "", s = Se.value !== "b" ? "inline-block" : "block", R = !ye.value || ye.value < 185 ? 185 : ye.value, Y = ge ? ge.value : "ffffff", Yt = He.value ? He.value : "", Rt = K.value ? K.value : "", Mt = v.value ? v.value : "", yt = Te.value !== 0 && !Te.value || Te.value < 0 ? 1 : Te.value, Qt = Ve.value !== 0 && !Ve.value || Ve.value < 0 ? 0.2 : Ve.value, ct = se.value !== 0 && !se.value || se.value < 0 ? 0 : se.value, Xt = Ee.value ? Ee.value : "'Lato', sans-serif", Jt = Be.value ? Be.value : "1.6rem", Zt = ae.value !== 0 && !ae.value || ae.value < 0 ? 100 : ae.value, ea = D.value !== 0 && !D.value || D.value < 0 ? 0 : D.value, Bt = J.value !== 0 && !J.value || J.value < 0 ? 10 : J.value, ta = !Z.value || !["top", "bottom"].includes(Z.value) ? "bottom" : Z.value, aa = !Ae.value || !["background", "line", "border"].includes(Ae.value) ? "background" : Ae.value, la = d.value ? d.value : "light", zt = y.value ? y.value : !1, Dt = Re.value !== 0 && !Re.value || Re.value < 0 ? 5 : Re.value, Nt = q.value ? q.value : "transparent", ft = Oe.value !== 0 && !Oe.value || Oe.value < 0 ? 15 : Oe.value, St = oe.value ? oe.value : "1px 5px", mt = we.value !== 0 && !we.value || we.value < 0 ? 0 : we.value, It = Fe.value !== 0 && !Fe.value || Fe.value < 0 ? 13 : Fe.value, na = Ue.value !== 0 && !Ue.value || Ue.value < 0 ? 5 : Ue.value, Wt = nt.value ? nt.value : "'Lato', sans-serif", re = ot.value ? ot.value : "1em", u = C.value ? C.value : "0.8em", p = A.value ? A.value : 400, t = M.value ? M.value : "#333333", n = Ce.value ? Ce.value : "#ffffff", r = j.value ? j.value : "#333333", i = L.value ? L.value : "#ffffff";
+      const l = X.value ? "component-disabled" : "", s = Se.value !== "b" ? "inline-block" : "block", R = !ye.value || ye.value < 185 ? 185 : ye.value, Y = ge ? ge.value : "ffffff", Yt = He.value ? He.value : "", Rt = K.value ? K.value : "", Mt = c.value ? c.value : "", yt = Te.value !== 0 && !Te.value || Te.value < 0 ? 1 : Te.value, Qt = Ve.value !== 0 && !Ve.value || Ve.value < 0 ? 0.2 : Ve.value, ct = se.value !== 0 && !se.value || se.value < 0 ? 0 : se.value, Xt = Ee.value ? Ee.value : "'Lato', sans-serif", Jt = Be.value ? Be.value : "1.6rem", Zt = ae.value !== 0 && !ae.value || ae.value < 0 ? 100 : ae.value, ea = D.value !== 0 && !D.value || D.value < 0 ? 0 : D.value, Bt = J.value !== 0 && !J.value || J.value < 0 ? 10 : J.value, ta = !Z.value || !["top", "bottom"].includes(Z.value) ? "bottom" : Z.value, aa = !Ae.value || !["background", "line", "border"].includes(Ae.value) ? "background" : Ae.value, la = d.value ? d.value : "light", zt = y.value ? y.value : !1, Dt = Re.value !== 0 && !Re.value || Re.value < 0 ? 5 : Re.value, It = q.value ? q.value : "transparent", ft = Oe.value !== 0 && !Oe.value || Oe.value < 0 ? 15 : Oe.value, St = oe.value ? oe.value : "1px 5px", mt = we.value !== 0 && !we.value || we.value < 0 ? 0 : we.value, Nt = Fe.value !== 0 && !Fe.value || Fe.value < 0 ? 13 : Fe.value, na = Ue.value !== 0 && !Ue.value || Ue.value < 0 ? 5 : Ue.value, Wt = nt.value ? nt.value : "'Lato', sans-serif", re = ot.value ? ot.value : "1em", u = C.value ? C.value : "0.8em", p = A.value ? A.value : 400, t = M.value ? M.value : "#333333", n = Ce.value ? Ce.value : "#ffffff", r = j.value ? j.value : "#333333", i = L.value ? L.value : "#ffffff";
       return {
         disabled: l,
         display: s,
@@ -1902,11 +1902,11 @@ const Ll = ["for"], Tl = ["id"], Bl = { class: "chip-text" }, Al = ["onClick"],
         theme: la,
         showLabel: zt,
         labelLeft: Dt,
-        labelBackground: Nt,
+        labelBackground: It,
         inputLabelMarginActive: ft,
         labelPadding: St,
         labelBorderRadius: mt,
-        labelActiveTop: It,
+        labelActiveTop: Nt,
         labelActiveLeft: na,
         fontFamilyLabel: Wt,
         fontSizeLabel: re,
@@ -1945,7 +1945,7 @@ const Ll = ["for"], Tl = ["id"], Bl = { class: "chip-text" }, Al = ["onClick"],
       }
     }), Vt = a(() => {
       const l = x.value;
-      return l.inputStyle !== "line" && N.value ? { borderRadius: `${l.borderRadius}rem` } : {};
+      return l.inputStyle !== "line" && I.value ? { borderRadius: `${l.borderRadius}rem` } : {};
     }), _t = a(() => x.value.font), xe = a(() => x.value.textColor), dt = a(() => x.value.inputPosition === "top" ? "column" : "column-reverse"), gt = a(() => {
       const l = {};
       je.value && Object.keys(je.value).forEach((Y) => l[`aria-${Y}`] = je.value[Y]);
@@ -2017,7 +2017,7 @@ const Ll = ["for"], Tl = ["id"], Bl = { class: "chip-text" }, Al = ["onClick"],
       if (!(X.value || ee.value) && l.key === "Enter" && Me.value.trim() !== "") {
         l.preventDefault();
         let s = Me.value.trim();
-        ne.value && (s = s.toUpperCase()), (I.value || !W.value.includes(s)) && Lt(s), Me.value = "";
+        ne.value && (s = s.toUpperCase()), (N.value || !W.value.includes(s)) && Lt(s), Me.value = "";
       }
     }, Lt = (l) => {
       W.value.push(l), h("added", l);
@@ -2044,7 +2044,7 @@ const Ll = ["for"], Tl = ["id"], Bl = { class: "chip-text" }, Al = ["onClick"],
         id: o(_),
         ref_key: "chipsContainer",
         ref: Je,
-        class: Ie(["nb-reset", "component", jt.value, Ht.value]),
+        class: Ne(["nb-reset", "component", jt.value, Ht.value]),
         style: We([At.value, Ot.value, Vt.value])
       }, [
         W.value.length > 0 ? (P(), O("div", {
@@ -2083,7 +2083,7 @@ const Ll = ["for"], Tl = ["id"], Bl = { class: "chip-text" }, Al = ["onClick"],
           autocomplete: o(ke),
           required: o(ce),
           tabindex: o(X) || o(ee) ? -1 : o(ve),
-          class: Ie(["chips-input", $t.value]),
+          class: Ne(["chips-input", $t.value]),
           style: We([Pt.value, Ct.value]),
           onKeydown: s[1] || (s[1] = Et((R) => !o(X) && o(G) && Kt(R), ["enter"])),
           onFocus: Gt,
@@ -2502,7 +2502,7 @@ const Rl = ["id"], Ml = ["for"], zl = ["id", "name", "placeholder", "disabled",
       selectionTextColor: Be,
       hasBorderRadius: ae,
       borderRadius: le,
-      disabled: I,
+      disabled: N,
       fontFamily: D,
       fontSize: J,
       fontWeight: Z,
@@ -2514,7 +2514,7 @@ const Rl = ["id"], Ml = ["for"], zl = ["id", "name", "placeholder", "disabled",
       inputStyle: ke,
       activeTextStyle: ce,
       inputReadonly: fe,
-      hasTrim: N,
+      hasTrim: I,
       inputUppercase: me,
       inputName: d,
       inputPlaceholder: Ae,
@@ -2544,7 +2544,7 @@ const Rl = ["id"], Ml = ["for"], zl = ["id", "name", "placeholder", "disabled",
       fontSizeLabel: je,
       fontSizeLabelActive: He,
       fontWeightLabel: K,
-      lightTextColorLabel: v,
+      lightTextColorLabel: c,
       lightTextColorLabelActive: y,
       darkTextColorLabel: pe,
       darkTextColorLabelActive: q,
@@ -2560,7 +2560,7 @@ const Rl = ["id"], Ml = ["for"], zl = ["id", "name", "placeholder", "disabled",
       minRows: A,
       maxRows: M
     } = da(z), j = Q(""), Ce = Q(!1), L = a(() => {
-      const l = I.value ? "component-disabled" : "", s = Se.value !== "b" ? "inline-block" : "block", R = se ? se.value : "ffffff", Y = X.value ? X.value : "", Yt = Ee.value ? Ee.value : "", Rt = Be.value ? Be.value : "", Mt = ae.value ? ae.value : !1, yt = le.value !== 0 && !le.value || le.value < 0 ? 0 : le.value, Qt = D.value ? D.value : "'Lato', sans-serif", ct = J.value && J.value >= 0 ? J.value : null, Xt = Z.value !== 0 && !Z.value || Z.value < 0 ? 100 : Z.value, Jt = ye.value ? ye.value : "'Lato', sans-serif", Zt = de.value ? de.value : "1em", ea = F.value !== 0 && !F.value || F.value < 0 ? 100 : F.value, Bt = ne.value ? ne.value : "#f15574", ta = ee.value ? ee.value : 200, aa = ce.value ? ce.value : "normal", la = fe.value ? fe.value : !1, zt = me.value ? me.value : !1, Dt = Ge.value ? Ge.value : "normal", Nt = at.value ? at.value : "left", ft = ke.value ? ke.value : "background", St = _e.value ? _e.value : !1, mt = g.value !== 0 && !g.value || g.value < 0 ? 5 : g.value, It = lt.value ? lt.value : "transparent", na = V.value !== 0 && !V.value || V.value < 0 ? 15 : V.value, Wt = Qe.value ? Qe.value : "1px 5px", re = Xe.value !== 0 && !Xe.value || Xe.value < 0 ? 0 : Xe.value, u = ve.value !== 0 && !ve.value || ve.value < 0 ? -13 : ve.value, p = G.value !== 0 && !G.value || G.value < 0 ? -10 : G.value, t = te.value ? te.value : "'Lato', sans-serif", n = je.value ? je.value : "1em", r = He.value ? He.value : "0.8em", i = K.value ? K.value : 400, f = v.value ? v.value : "#ffffff", c = pe.value ? pe.value : "#000000", b = y.value ? y.value : "#ffffff", S = q.value ? q.value : "#000000", B = oe.value && oe.value > 0 ? oe.value : 2, $ = we.value && we.value > 0 ? we.value : 20, E = Re.value !== null && Re.value >= 0 ? Re.value : null, ie = Oe.value !== null && Oe.value >= 0 ? Oe.value : null, ze = Fe.value && ["soft", "hard", "off"].includes(Fe.value) ? Fe.value : "soft", et = Ue.value !== void 0 ? Ue.value : "default", De = nt.value !== void 0 ? nt.value : !1, Ne = ot.value && ["none", "both", "vertical", "horizontal"].includes(ot.value) ? ot.value : "vertical", va = C.value !== void 0 ? C.value : !1, pa = A.value !== null && A.value > 0 ? A.value : null, ba = M.value !== null && M.value > 0 ? M.value : null;
+      const l = N.value ? "component-disabled" : "", s = Se.value !== "b" ? "inline-block" : "block", R = se ? se.value : "ffffff", Y = X.value ? X.value : "", Yt = Ee.value ? Ee.value : "", Rt = Be.value ? Be.value : "", Mt = ae.value ? ae.value : !1, yt = le.value !== 0 && !le.value || le.value < 0 ? 0 : le.value, Qt = D.value ? D.value : "'Lato', sans-serif", ct = J.value && J.value >= 0 ? J.value : null, Xt = Z.value !== 0 && !Z.value || Z.value < 0 ? 100 : Z.value, Jt = ye.value ? ye.value : "'Lato', sans-serif", Zt = de.value ? de.value : "1em", ea = F.value !== 0 && !F.value || F.value < 0 ? 100 : F.value, Bt = ne.value ? ne.value : "#f15574", ta = ee.value ? ee.value : 200, aa = ce.value ? ce.value : "normal", la = fe.value ? fe.value : !1, zt = me.value ? me.value : !1, Dt = Ge.value ? Ge.value : "normal", It = at.value ? at.value : "left", ft = ke.value ? ke.value : "background", St = _e.value ? _e.value : !1, mt = g.value !== 0 && !g.value || g.value < 0 ? 5 : g.value, Nt = lt.value ? lt.value : "transparent", na = V.value !== 0 && !V.value || V.value < 0 ? 15 : V.value, Wt = Qe.value ? Qe.value : "1px 5px", re = Xe.value !== 0 && !Xe.value || Xe.value < 0 ? 0 : Xe.value, u = ve.value !== 0 && !ve.value || ve.value < 0 ? -13 : ve.value, p = G.value !== 0 && !G.value || G.value < 0 ? -10 : G.value, t = te.value ? te.value : "'Lato', sans-serif", n = je.value ? je.value : "1em", r = He.value ? He.value : "0.8em", i = K.value ? K.value : 400, v = c.value ? c.value : "#ffffff", f = pe.value ? pe.value : "#000000", b = y.value ? y.value : "#ffffff", S = q.value ? q.value : "#000000", B = oe.value && oe.value > 0 ? oe.value : 2, $ = we.value && we.value > 0 ? we.value : 20, E = Re.value !== null && Re.value >= 0 ? Re.value : null, ie = Oe.value !== null && Oe.value >= 0 ? Oe.value : null, ze = Fe.value && ["soft", "hard", "off"].includes(Fe.value) ? Fe.value : "soft", et = Ue.value !== void 0 ? Ue.value : "default", De = nt.value !== void 0 ? nt.value : !1, Ie = ot.value && ["none", "both", "vertical", "horizontal"].includes(ot.value) ? ot.value : "vertical", va = C.value !== void 0 ? C.value : !1, pa = A.value !== null && A.value > 0 ? A.value : null, ba = M.value !== null && M.value > 0 ? M.value : null;
       return {
         disabled: l,
         display: s,
@@ -2577,7 +2577,7 @@ const Rl = ["id"], Ml = ["for"], zl = ["id", "name", "placeholder", "disabled",
         selectionTextColor: Rt,
         hasBorderRadius: Mt,
         borderRadius: yt,
-        textAlign: Nt,
+        textAlign: It,
         inputWidth: ta,
         activeTextStyle: aa,
         inputReadonly: la,
@@ -2585,7 +2585,7 @@ const Rl = ["id"], Ml = ["for"], zl = ["id", "name", "placeholder", "disabled",
         theme: Dt,
         inputStyle: ft,
         showLabel: St,
-        labelBackground: It,
+        labelBackground: Nt,
         labelPadding: Wt,
         labelBorderRadius: re,
         labelLeft: mt,
@@ -2596,8 +2596,8 @@ const Rl = ["id"], Ml = ["for"], zl = ["id", "name", "placeholder", "disabled",
         fontSizeLabel: n,
         fontSizeLabelActive: r,
         fontWeightLabel: i,
-        lightTextColorLabel: f,
-        darkTextColorLabel: c,
+        lightTextColorLabel: v,
+        darkTextColorLabel: f,
         lightTextColorLabelActive: b,
         darkTextColorLabelActive: S,
         rows: B,
@@ -2607,7 +2607,7 @@ const Rl = ["id"], Ml = ["for"], zl = ["id", "name", "placeholder", "disabled",
         wrap: ze,
         spellcheck: et,
         autofocus: De,
-        resize: Ne,
+        resize: Ie,
         autoResize: va,
         minRows: pa,
         maxRows: ba
@@ -2673,7 +2673,7 @@ const Rl = ["id"], Ml = ["for"], zl = ["id", "name", "placeholder", "disabled",
       Ve.value && Object.keys(Ve.value).forEach((Y) => l[`aria-${Y}`] = Ve.value[Y]);
       const s = {
         "aria-label": Te.value,
-        "aria-disabled": I.value,
+        "aria-disabled": N.value,
         ...l
       };
       return Object.fromEntries(
@@ -2718,15 +2718,15 @@ const Rl = ["id"], Ml = ["for"], zl = ["id", "name", "placeholder", "disabled",
     }, Kt = () => {
       h("clicked");
     }, Lt = () => {
-      I.value || L.value.inputReadonly || !ge.value || h("entered", j.value);
+      N.value || L.value.inputReadonly || !ge.value || h("entered", j.value);
     }, Tt = () => {
       let l = j.value;
-      N.value && (l = l.trim()), h("current-value", l);
+      I.value && (l = l.trim()), h("current-value", l);
     };
     return U(qe, (l) => {
       l !== j.value && (j.value = l);
     }, { immediate: !0 }), U(j, (l) => {
-      N.value && (l = l.trim()), h("changed", l);
+      I.value && (l = l.trim()), h("changed", l);
     }), U(Ce, (l) => {
       h(l ? "focused" : "blurred");
     }), U(j, () => {
@@ -2739,7 +2739,7 @@ const Rl = ["id"], Ml = ["for"], zl = ["id", "name", "placeholder", "disabled",
     }, qt.value), [
       be("div", {
         id: o(_),
-        class: Ie(["nb-reset", "component", k.value, wt.value, gt.value]),
+        class: Ne(["nb-reset", "component", k.value, wt.value, gt.value]),
         style: We([H.value, dt.value, W.value]),
         onClick: Kt
       }, [
@@ -2759,24 +2759,24 @@ const Rl = ["id"], Ml = ["for"], zl = ["id", "name", "placeholder", "disabled",
             ut.value
           ]],
           placeholder: Ot.value,
-          disabled: o(I) || o(fe),
+          disabled: o(N) || o(fe),
           required: e.required,
           readonly: o(fe),
           autocomplete: e.inputAutocomplete,
-          tabindex: o(I) || o(fe) ? -1 : o(Pe),
+          tabindex: o(N) || o(fe) ? -1 : o(Pe),
           role: "textbox",
           style: [W.value, Ut.value, Gt.value],
           onFocus: s[1] || (s[1] = (R) => Ce.value = !0),
           onBlur: s[2] || (s[2] = (R) => Ce.value = !1),
           onInput: Tt,
-          onKeydown: s[3] || (s[3] = Et((R) => !o(I) && o(ge) && Lt(), ["enter"]))
+          onKeydown: s[3] || (s[3] = Et((R) => !o(N) && o(ge) && Lt(), ["enter"]))
         }), null, 16, zl), [
           [ja, j.value]
         ])
       ], 14, Rl),
       Ft.value ? (P(), O("div", {
         key: 0,
-        class: Ie(["component__message", e.hasCustomMsg ? "component__message--custom" : "component__message--default"])
+        class: Ne(["component__message", e.hasCustomMsg ? "component__message--custom" : "component__message--default"])
       }, [
         oa(l.$slots, "message", {}, () => [
           ga(ht(e.message), 1)
@@ -2784,8 +2784,8 @@ const Rl = ["id"], Ml = ["for"], zl = ["id", "name", "placeholder", "disabled",
       ], 2)) : Le("", !0)
     ], 16)) : Le("", !0);
   }
-}), Nl = /* @__PURE__ */ fa(Dl, [["__scopeId", "data-v-23147953"]]);
-const Il = ["id"], Wl = ["for"], El = ["id", "name", "type", "placeholder", "disabled", "required", "readonly", "autocomplete", "min", "max", "step", "tabindex"], Pl = /* @__PURE__ */ Object.assign({
+}), Il = /* @__PURE__ */ fa(Dl, [["__scopeId", "data-v-23147953"]]);
+const Nl = ["id"], Wl = ["for"], El = ["id", "name", "type", "placeholder", "disabled", "required", "readonly", "autocomplete", "min", "max", "step", "tabindex"], Pl = /* @__PURE__ */ Object.assign({
   name: "NbDatePicker",
   inheritAttrs: !1
 }, {
@@ -3122,29 +3122,29 @@ const Il = ["id"], Wl = ["for"], El = ["id", "name", "type", "placeholder", "dis
   ],
   setup(e, { emit: m }) {
     sa((t) => ({
-      a5a0ded4: dt.value,
-      "8280038c": Vt.value,
-      e444ed72: o(_e),
-      "7f2488ec": Ct.value,
-      "4214395c": Ot.value,
-      b62d0c18: rt.value,
-      "52ae820e": o(g),
-      ab4cbaf6: o(Xe),
-      "1b0a08be": o(lt),
-      "1e16f492": o(Qe),
-      "3e58cc26": Y.value,
-      "58fef6eb": Yt.value,
-      "19160b5a": o(bt),
-      "354bfd22": o(at),
-      "4d921eae": o(st),
-      "13b8a5f1": o(V),
-      "9e1d5ba4": l.value,
-      13425291: gt.value,
-      "912c3b60": ut.value,
-      "25023d0e": k.value,
-      ef28085a: Pt.value,
-      "4b52daa7": t.styleButtonColor,
-      ef5bc1e8: wt.value
+      "5c41ef1c": dt.value,
+      fcb8c444: Vt.value,
+      "276dde23": o(_e),
+      "58e8022e": Ct.value,
+      22801600: Ot.value,
+      "54d646d0": rt.value,
+      cce742c6: o(g),
+      "5947f729": o(Xe),
+      "276b9776": o(lt),
+      "67c31393": o(Qe),
+      "57a227c9": Y.value,
+      "05aab28f": Yt.value,
+      "22513a2f": o(bt),
+      "2571dd4b": o(at),
+      "3c3a1e4d": o(st),
+      "0c85b795": o(V),
+      "1deda3ec": l.value,
+      "0d118b35": gt.value,
+      "4fe428f4": ut.value,
+      "50820f1d": k.value,
+      "3517b777": Pt.value,
+      "7bbd2efa": t.styleButtonColor,
+      "21e273e8": wt.value
     }));
     const h = nl(
       () => import("@vlalg-nimbus/nb-calendar").then((t) => t.Calendar ? t.Calendar : t.default && t.default.Calendar ? t.default.Calendar : t.default)
@@ -3165,7 +3165,7 @@ const Il = ["id"], Wl = ["for"], El = ["id", "name", "type", "placeholder", "dis
       selectionBgColor: Be,
       selectionTextColor: ae,
       hasBorderRadius: le,
-      borderRadius: I,
+      borderRadius: N,
       disabled: D,
       fontFamily: J,
       fontSize: Z,
@@ -3177,7 +3177,7 @@ const Il = ["id"], Wl = ["for"], El = ["id", "name", "type", "placeholder", "dis
       inputWidth: ke,
       inputStyle: ce,
       activeTextStyle: fe,
-      sizeMediaQuery: N,
+      sizeMediaQuery: I,
       inputReadonly: me,
       inputType: d,
       hasTrim: Ae,
@@ -3207,7 +3207,7 @@ const Il = ["id"], Wl = ["for"], El = ["id", "name", "type", "placeholder", "dis
       labelBackground: je,
       labelPadding: He,
       labelBorderRadius: K,
-      labelLeft: v,
+      labelLeft: c,
       inputLabelMarginActive: y,
       labelActiveTop: pe,
       labelActiveLeft: q,
@@ -3230,8 +3230,8 @@ const Il = ["id"], Wl = ["for"], El = ["id", "name", "type", "placeholder", "dis
               if (!r)
                 return null;
               if (/^\d{4}-\d{2}-\d{2}$/.test(r)) {
-                const [i, f, c] = r.split("-").map(Number);
-                return new Date(i, f - 1, c);
+                const [i, v, f] = r.split("-").map(Number);
+                return new Date(i, v - 1, f);
               }
               return new Date(r);
             };
@@ -3254,9 +3254,9 @@ const Il = ["id"], Wl = ["for"], El = ["id", "name", "type", "placeholder", "dis
       if (n === "date") {
         if (he.value && typeof t == "string" && t.startsWith("{"))
           try {
-            const f = JSON.parse(t);
-            if (f && (f.startDate || f.endDate)) {
-              const c = (B) => {
+            const v = JSON.parse(t);
+            if (v && (v.startDate || v.endDate)) {
+              const f = (B) => {
                 if (!B)
                   return "";
                 if (/^\d{4}-\d{2}-\d{2}$/.test(B)) {
@@ -3264,7 +3264,7 @@ const Il = ["id"], Wl = ["for"], El = ["id", "name", "type", "placeholder", "dis
                   return i === "pt-BR" ? `${ie}/${E}/${$}` : `${E}/${ie}/${$}`;
                 }
                 return B;
-              }, b = c(f.startDate), S = c(f.endDate);
+              }, b = f(v.startDate), S = f(v.endDate);
               if (b && S)
                 return `${b} - ${S}`;
               if (b)
@@ -3275,27 +3275,27 @@ const Il = ["id"], Wl = ["for"], El = ["id", "name", "type", "placeholder", "dis
           } catch {
           }
         if (typeof t == "string" && /^\d{4}-\d{2}-\d{2}$/.test(t)) {
-          const [f, c, b] = t.split("-");
-          return i === "pt-BR" ? `${b}/${c}/${f}` : `${c}/${b}/${f}`;
+          const [v, f, b] = t.split("-");
+          return i === "pt-BR" ? `${b}/${f}/${v}` : `${f}/${b}/${v}`;
         }
         return t;
       } else if (n === "datetime-local") {
         if (typeof t == "string" && /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}(:\d{2})?$/.test(t)) {
-          const [f, c] = t.split("T"), [b, S, B] = f.split("-");
-          return i === "pt-BR" ? `${B}/${S}/${b} ${c}` : `${S}/${B}/${b} ${c}`;
+          const [v, f] = t.split("T"), [b, S, B] = v.split("-");
+          return i === "pt-BR" ? `${B}/${S}/${b} ${f}` : `${S}/${B}/${b} ${f}`;
         }
         return t;
       } else if (n === "month") {
         if (typeof t == "string" && /^\d{4}-\d{2}$/.test(t)) {
-          const [f, c] = t.split("-");
-          return `${c}/${f}`;
+          const [v, f] = t.split("-");
+          return `${f}/${v}`;
         }
         return t;
       } else if (n === "week") {
         if (typeof t == "string" && /^\d{4}-W\d{2}$/i.test(t)) {
-          const f = t.match(/^(\d{4})-W(\d{2})$/i);
-          if (f)
-            return i === "pt-BR" ? `Semana ${f[2]} de ${f[1]}` : `Week ${f[2]} of ${f[1]}`;
+          const v = t.match(/^(\d{4})-W(\d{2})$/i);
+          if (v)
+            return i === "pt-BR" ? `Semana ${v[2]} de ${v[1]}` : `Week ${v[2]} of ${v[1]}`;
         }
         return t;
       }
@@ -3303,28 +3303,28 @@ const Il = ["id"], Wl = ["for"], El = ["id", "name", "type", "placeholder", "dis
     }, Ze = (t, n, r) => {
       if (!t || !t.trim())
         return "";
-      const i = t.trim(), f = r || Ye.value;
+      const i = t.trim(), v = r || Ye.value;
       if (n === "date") {
         if (he.value && i.includes("-")) {
-          const c = i.split(/\s*-\s*/).map(($) => $.trim()), b = ($) => {
+          const f = i.split(/\s*-\s*/).map(($) => $.trim()), b = ($) => {
             if (!$)
               return null;
             if (/^\d{1,2}\/\d{1,2}\/\d{4}$/.test($)) {
               const E = $.split("/");
-              if (f === "pt-BR") {
-                const [ie, ze, et] = E, De = ie.padStart(2, "0"), Ne = ze.padStart(2, "0");
-                return `${et}-${Ne}-${De}`;
+              if (v === "pt-BR") {
+                const [ie, ze, et] = E, De = ie.padStart(2, "0"), Ie = ze.padStart(2, "0");
+                return `${et}-${Ie}-${De}`;
               } else {
-                const [ie, ze, et] = E, De = ze.padStart(2, "0"), Ne = ie.padStart(2, "0");
-                return `${et}-${Ne}-${De}`;
+                const [ie, ze, et] = E, De = ze.padStart(2, "0"), Ie = ie.padStart(2, "0");
+                return `${et}-${Ie}-${De}`;
               }
             } else if (/^\d{4}-\d{1,2}-\d{1,2}$/.test($)) {
-              const E = $.split("-"), [ie, ze, et] = E, De = et.padStart(2, "0"), Ne = ze.padStart(2, "0");
-              return `${ie}-${Ne}-${De}`;
+              const E = $.split("-"), [ie, ze, et] = E, De = et.padStart(2, "0"), Ie = ze.padStart(2, "0");
+              return `${ie}-${Ie}-${De}`;
             }
             return null;
           };
-          let S = b(c[0]), B = c[1] ? b(c[1]) : null;
+          let S = b(f[0]), B = f[1] ? b(f[1]) : null;
           if (S && B) {
             const $ = new Date(S);
             if (new Date(B) < $) {
@@ -3337,55 +3337,55 @@ const Il = ["id"], Wl = ["for"], El = ["id", "name", "type", "placeholder", "dis
           return "";
         }
         if (/^\d{1,2}\/\d{1,2}\/\d{4}$/.test(i)) {
-          const c = i.split("/");
-          if (f === "pt-BR") {
-            const [b, S, B] = c, $ = b.padStart(2, "0"), E = S.padStart(2, "0");
+          const f = i.split("/");
+          if (v === "pt-BR") {
+            const [b, S, B] = f, $ = b.padStart(2, "0"), E = S.padStart(2, "0");
             return `${B}-${E}-${$}`;
           } else {
-            const [b, S, B] = c, $ = S.padStart(2, "0"), E = b.padStart(2, "0");
+            const [b, S, B] = f, $ = S.padStart(2, "0"), E = b.padStart(2, "0");
             return `${B}-${E}-${$}`;
           }
         } else if (/^\d{4}-\d{1,2}-\d{1,2}$/.test(i)) {
-          const c = i.split("-"), [b, S, B] = c, $ = B.padStart(2, "0"), E = S.padStart(2, "0");
+          const f = i.split("-"), [b, S, B] = f, $ = B.padStart(2, "0"), E = S.padStart(2, "0");
           return `${b}-${E}-${$}`;
         }
         return "";
       } else if (n === "datetime-local") {
         if (/^\d{1,2}\/\d{1,2}\/\d{4} \d{1,2}:\d{1,2}(:\d{1,2})?$/.test(i)) {
-          const [c, b] = i.split(" "), S = c.split("/");
-          if (f === "pt-BR") {
-            const [B, $, E] = S, ie = B.padStart(2, "0"), ze = $.padStart(2, "0"), De = b.split(":").map((Ne) => Ne.padStart(2, "0")).join(":");
+          const [f, b] = i.split(" "), S = f.split("/");
+          if (v === "pt-BR") {
+            const [B, $, E] = S, ie = B.padStart(2, "0"), ze = $.padStart(2, "0"), De = b.split(":").map((Ie) => Ie.padStart(2, "0")).join(":");
             return `${E}-${ze}-${ie}T${De}`;
           } else {
-            const [B, $, E] = S, ie = $.padStart(2, "0"), ze = B.padStart(2, "0"), De = b.split(":").map((Ne) => Ne.padStart(2, "0")).join(":");
+            const [B, $, E] = S, ie = $.padStart(2, "0"), ze = B.padStart(2, "0"), De = b.split(":").map((Ie) => Ie.padStart(2, "0")).join(":");
             return `${E}-${ze}-${ie}T${De}`;
           }
         } else if (/^\d{4}-\d{1,2}-\d{1,2}T\d{1,2}:\d{1,2}(:\d{1,2})?$/.test(i)) {
-          const [c, b] = i.split("T"), S = c.split("-"), [B, $, E] = S, ie = E.padStart(2, "0"), ze = $.padStart(2, "0"), De = b.split(":").map((Ne) => Ne.padStart(2, "0")).join(":");
+          const [f, b] = i.split("T"), S = f.split("-"), [B, $, E] = S, ie = E.padStart(2, "0"), ze = $.padStart(2, "0"), De = b.split(":").map((Ie) => Ie.padStart(2, "0")).join(":");
           return `${B}-${ze}-${ie}T${De}`;
         }
         return "";
       } else if (n === "month") {
         if (/^\d{1,2}\/\d{4}$/.test(i)) {
-          const [c, b] = i.split("/"), S = c.padStart(2, "0");
+          const [f, b] = i.split("/"), S = f.padStart(2, "0");
           return `${b}-${S}`;
         } else if (/^\d{4}-\d{1,2}$/.test(i)) {
-          const [c, b] = i.split("-"), S = b.padStart(2, "0");
-          return `${c}-${S}`;
+          const [f, b] = i.split("-"), S = b.padStart(2, "0");
+          return `${f}-${S}`;
         }
         return "";
       } else if (n === "week") {
         if (/^\d{4}-W\d{2}$/i.test(i))
           return i.toUpperCase();
-        const c = i.match(/semana\s+W?(\d{2})\s+de\s+(\d{4})/i);
-        if (c)
-          return `${c[2]}-W${c[1]}`;
+        const f = i.match(/semana\s+W?(\d{2})\s+de\s+(\d{4})/i);
+        if (f)
+          return `${f[2]}-W${f[1]}`;
         const b = i.match(/week\s+W?(\d{2})\s+of\s+(\d{4})/i);
         return b ? `${b[2]}-W${b[1]}` : "";
       }
       return i;
     }, H = Q(!1), W = Q({ top: 0, left: 0 }), T = Q(null), x = Q(null), ue = a(() => vt.value === !0), w = a(() => {
-      const t = D.value ? "component-disabled" : "", n = ge.value !== "b" ? "inline-block" : "block", r = X ? X.value : "ffffff", i = Ee.value ? Ee.value : "", f = Be.value ? Be.value : "", c = ae.value ? ae.value : "", b = le.value ? le.value : !1, S = I.value !== 0 && !I.value || I.value < 0 ? 0 : I.value, B = J.value ? J.value : "'Lato', sans-serif", $ = Z.value && Z.value >= 0 ? Z.value : null, E = ye.value !== 0 && !ye.value || ye.value < 0 ? 100 : ye.value, ie = de.value ? de.value : "'Lato', sans-serif", ze = F.value ? F.value : "1em", et = ne.value !== 0 && !ne.value || ne.value < 0 ? 100 : ne.value, De = ee.value ? ee.value : "#f15574", Ne = ke.value ? ke.value : 200, va = fe.value ? fe.value : "normal", pa = "sm", ba = me.value ? me.value : !1, ha = d.value ? d.value : "date", Ca = qe.value ? qe.value : !1, xa = $e.value ? $e.value : "normal", Sa = V.value ? V.value : "left", Va = ce.value ? ce.value : "background", ka = te.value ? te.value : !1, La = v.value !== 0 && !v.value || v.value < 0 ? 5 : v.value, Ta = je.value ? je.value : "transparent", Ba = y.value !== 0 && !y.value || y.value < 0 ? 15 : y.value, Aa = He.value ? He.value : "1px 5px", $a = K.value !== 0 && !K.value || K.value < 0 ? 0 : K.value, _a = pe.value !== 0 && !pe.value || pe.value < 0 ? -13 : pe.value, wa = q.value !== 0 && !q.value || q.value < 0 ? -10 : q.value, Ra = oe.value ? oe.value : "'Lato', sans-serif", Ma = we.value ? we.value : "1em", za = Re.value ? Re.value : "0.8em", Da = Oe.value ? Oe.value : 400, Na = Fe.value ? Fe.value : "#ffffff", Ia = nt.value ? nt.value : "#000000", Wa = Ue.value ? Ue.value : "#ffffff", Ea = ot.value ? ot.value : "#000000";
+      const t = D.value ? "component-disabled" : "", n = ge.value !== "b" ? "inline-block" : "block", r = X ? X.value : "ffffff", i = Ee.value ? Ee.value : "", v = Be.value ? Be.value : "", f = ae.value ? ae.value : "", b = le.value ? le.value : !1, S = N.value !== 0 && !N.value || N.value < 0 ? 0 : N.value, B = J.value ? J.value : "'Lato', sans-serif", $ = Z.value && Z.value >= 0 ? Z.value : null, E = ye.value !== 0 && !ye.value || ye.value < 0 ? 100 : ye.value, ie = de.value ? de.value : "'Lato', sans-serif", ze = F.value ? F.value : "1em", et = ne.value !== 0 && !ne.value || ne.value < 0 ? 100 : ne.value, De = ee.value ? ee.value : "#f15574", Ie = ke.value ? ke.value : 200, va = fe.value ? fe.value : "normal", pa = "sm", ba = me.value ? me.value : !1, ha = d.value ? d.value : "date", Ca = qe.value ? qe.value : !1, xa = $e.value ? $e.value : "normal", Sa = V.value ? V.value : "left", Va = ce.value ? ce.value : "background", ka = te.value ? te.value : !1, La = c.value !== 0 && !c.value || c.value < 0 ? 5 : c.value, Ta = je.value ? je.value : "transparent", Ba = y.value !== 0 && !y.value || y.value < 0 ? 15 : y.value, Aa = He.value ? He.value : "1px 5px", $a = K.value !== 0 && !K.value || K.value < 0 ? 0 : K.value, _a = pe.value !== 0 && !pe.value || pe.value < 0 ? -13 : pe.value, wa = q.value !== 0 && !q.value || q.value < 0 ? -10 : q.value, Ra = oe.value ? oe.value : "'Lato', sans-serif", Ma = we.value ? we.value : "1em", za = Re.value ? Re.value : "0.8em", Da = Oe.value ? Oe.value : 400, Ia = Fe.value ? Fe.value : "#ffffff", Na = nt.value ? nt.value : "#000000", Wa = Ue.value ? Ue.value : "#ffffff", Ea = ot.value ? ot.value : "#000000";
       return {
         disabled: t,
         display: n,
@@ -3398,12 +3398,12 @@ const Il = ["id"], Wl = ["for"], El = ["id", "name", "type", "placeholder", "dis
         textMessageColor: De,
         textColor: r,
         caretColor: i,
-        selectionBgColor: f,
-        selectionTextColor: c,
+        selectionBgColor: v,
+        selectionTextColor: f,
         hasBorderRadius: b,
         borderRadius: S,
         textAlign: Sa,
-        inputWidth: Ne,
+        inputWidth: Ie,
         activeTextStyle: va,
         sizeMediaQuery: pa,
         inputReadonly: ba,
@@ -3423,8 +3423,8 @@ const Il = ["id"], Wl = ["for"], El = ["id", "name", "type", "placeholder", "dis
         fontSizeLabel: Ma,
         fontSizeLabelActive: za,
         fontWeightLabel: Da,
-        lightTextColorLabel: Na,
-        darkTextColorLabel: Ia,
+        lightTextColorLabel: Ia,
+        darkTextColorLabel: Na,
         lightTextColorLabelActive: Wa,
         darkTextColorLabelActive: Ea
       };
@@ -3531,16 +3531,16 @@ const Il = ["id"], Wl = ["for"], El = ["id", "name", "type", "placeholder", "dis
       T.value && ya(() => {
         const t = T.value.closest(".nb-wrapper"), n = 4;
         if (t) {
-          const r = t.getBoundingClientRect(), i = T.value.getBoundingClientRect(), f = i.bottom - r.top + n, c = i.left - r.left;
+          const r = t.getBoundingClientRect(), i = T.value.getBoundingClientRect(), v = i.bottom - r.top + n, f = i.left - r.left;
           W.value = {
-            top: `${f}px`,
-            left: `${c}px`
+            top: `${v}px`,
+            left: `${f}px`
           };
         } else {
-          const r = T.value.getBoundingClientRect(), i = window.scrollY || window.pageYOffset, f = window.scrollX || window.pageXOffset;
+          const r = T.value.getBoundingClientRect(), i = window.scrollY || window.pageYOffset, v = window.scrollX || window.pageXOffset;
           W.value = {
             top: `${r.bottom + i + n}px`,
-            left: `${r.left + f}px`
+            left: `${r.left + v}px`
           };
         }
       });
@@ -3561,8 +3561,8 @@ const Il = ["id"], Wl = ["for"], El = ["id", "name", "type", "placeholder", "dis
           if (x.value && x.value.contains(n) || t.relatedTarget && x.value && x.value.contains(t.relatedTarget))
             return;
           if (n === document.body && x.value) {
-            const f = x.value.querySelectorAll('button, input, select, textarea, [tabindex]:not([tabindex="-1"])');
-            if (Array.from(f).some((b) => b === document.activeElement || b.contains(document.activeElement)))
+            const v = x.value.querySelectorAll('button, input, select, textarea, [tabindex]:not([tabindex="-1"])');
+            if (Array.from(v).some((b) => b === document.activeElement || b.contains(document.activeElement)))
               return;
           }
         }
@@ -3620,8 +3620,8 @@ const Il = ["id"], Wl = ["for"], El = ["id", "name", "type", "placeholder", "dis
         if (he.value) {
           if (n.match(/^(\d{1,2}\/\d{1,2}\/\d{4})\s*-\s*(\d{1,2}\/\d{1,2}\/\d{4})$/), n.length > 23 && !i.test(n)) {
             A.value = M.value, t && T.value && ya(() => {
-              const f = Math.min(t.start, M.value.length);
-              T.value.setSelectionRange(f, f);
+              const v = Math.min(t.start, M.value.length);
+              T.value.setSelectionRange(v, v);
             }), setTimeout(() => {
               re = !1;
             }, 50);
@@ -3636,8 +3636,8 @@ const Il = ["id"], Wl = ["for"], El = ["id", "name", "type", "placeholder", "dis
         } else {
           if (n.length > 10 && !i.test(n)) {
             A.value = M.value, t && T.value && ya(() => {
-              const f = Math.min(t.start, M.value.length);
-              T.value.setSelectionRange(f, f);
+              const v = Math.min(t.start, M.value.length);
+              T.value.setSelectionRange(v, v);
             }), setTimeout(() => {
               re = !1;
             }, 50);
@@ -3664,9 +3664,9 @@ const Il = ["id"], Wl = ["for"], El = ["id", "name", "type", "placeholder", "dis
               return;
             }
           else if (n.includes("-")) {
-            const f = n.match(/^(\d{1,2}\/\d{1,2}\/\d{4})\s*-\s*$/);
-            if (f) {
-              const c = f[1], b = Ze(c, d.value);
+            const v = n.match(/^(\d{1,2}\/\d{1,2}\/\d{4})\s*-\s*$/);
+            if (v) {
+              const f = v[1], b = Ze(f, d.value);
               if (b) {
                 const S = JSON.stringify({ startDate: b, endDate: null });
                 S !== C.value && (p = !0, C.value = S, M.value = n);
@@ -3684,8 +3684,8 @@ const Il = ["id"], Wl = ["for"], El = ["id", "name", "type", "placeholder", "dis
             }
           } else if (/^\d{1,2}\/\d{1,2}\/\d{4}$|^\d{4}-\d{1,2}-\d{1,2}$/.test(n))
             if (r = Ze(n, d.value), r) {
-              const c = JSON.stringify({ startDate: r, endDate: null });
-              c !== C.value && (p = !0, C.value = c, M.value = n);
+              const f = JSON.stringify({ startDate: r, endDate: null });
+              f !== C.value && (p = !0, C.value = f, M.value = n);
             } else {
               M.value = n, setTimeout(() => {
                 re = !1;
@@ -3735,35 +3735,34 @@ const Il = ["id"], Wl = ["for"], El = ["id", "name", "type", "placeholder", "dis
         }
         if (!document.body.contains(n))
           return;
-        const f = T.value.closest(".component"), c = f && f.contains(n);
-        n && n.tagName === "INPUT" && ["date", "time", "datetime-local", "month", "week"].includes(n.type), c || (H.value = !1, (!A.value || A.value.trim().length === 0) && (Ce.value = !1));
+        T.value && (n === T.value || T.value.contains(n)) || (H.value = !1, (!A.value || A.value.trim().length === 0) && (Ce.value = !1));
       }, 50);
     }, Dt = () => {
       H.value && ue.value && ct();
-    }, Nt = () => {
+    }, It = () => {
       H.value && ue.value && ct();
     };
     let ft = null, St = null, mt = { top: 0, left: 0 };
-    const It = () => {
+    const Nt = () => {
       if (!H.value || !ue.value || !T.value)
         return;
       const t = T.value.closest(".nb-wrapper"), n = 4;
       let r, i;
       if (t) {
-        const f = t.getBoundingClientRect(), c = T.value.getBoundingClientRect();
-        r = c.bottom - f.top + n, i = c.left - f.left;
+        const v = t.getBoundingClientRect(), f = T.value.getBoundingClientRect();
+        r = f.bottom - v.top + n, i = f.left - v.left;
       } else {
-        const f = T.value.getBoundingClientRect(), c = window.scrollY || window.pageYOffset, b = window.scrollX || window.pageXOffset;
-        r = f.bottom + c + n, i = f.left + b;
+        const v = T.value.getBoundingClientRect(), f = window.scrollY || window.pageYOffset, b = window.scrollX || window.pageXOffset;
+        r = v.bottom + f + n, i = v.left + b;
       }
       (mt.top !== r || mt.left !== i) && (mt.top = r, mt.left = i, W.value = {
         top: `${r}px`,
         left: `${i}px`
-      }), St = requestAnimationFrame(It);
+      }), St = requestAnimationFrame(Nt);
     }, na = () => {
       if (!T.value || !ue.value)
         return;
-      mt = { top: 0, left: 0 }, It(), ft = new ResizeObserver(() => {
+      mt = { top: 0, left: 0 }, Nt(), ft = new ResizeObserver(() => {
         H.value && ct();
       }), ft.observe(T.value);
       const t = T.value.closest(".component");
@@ -3776,9 +3775,9 @@ const Il = ["id"], Wl = ["for"], El = ["id", "name", "type", "placeholder", "dis
         na();
       }) : Wt();
     }), ua(() => {
-      C.value = Pe.value, A.value = Je(Pe.value, d.value), document.addEventListener("click", zt, !1), window.addEventListener("scroll", Dt, { capture: !0, passive: !0 }), window.addEventListener("resize", Nt);
+      C.value = Pe.value, A.value = Je(Pe.value, d.value), document.addEventListener("click", zt, !1), window.addEventListener("scroll", Dt, { capture: !0, passive: !0 }), window.addEventListener("resize", It);
     }), ma(() => {
-      Mt(), Wt(), document.removeEventListener("click", zt), window.removeEventListener("scroll", Dt, { capture: !0, passive: !0 }), window.removeEventListener("resize", Nt);
+      Mt(), Wt(), document.removeEventListener("click", zt), window.removeEventListener("scroll", Dt, { capture: !0, passive: !0 }), window.removeEventListener("resize", It);
     }), U(d, (t) => {
       j.value = t;
     }, { immediate: !0 }), U(Ye, () => {
@@ -3808,16 +3807,16 @@ const Il = ["id"], Wl = ["for"], El = ["id", "name", "type", "placeholder", "dis
         try {
           const n = JSON.parse(t);
           if (n && (n.startDate || n.endDate)) {
-            const r = (c) => {
-              if (!c)
+            const r = (f) => {
+              if (!f)
                 return null;
-              if (/^\d{4}-\d{2}-\d{2}$/.test(c)) {
-                const [b, S, B] = c.split("-").map(Number);
+              if (/^\d{4}-\d{2}-\d{2}$/.test(f)) {
+                const [b, S, B] = f.split("-").map(Number);
                 return new Date(b, S - 1, B);
               }
-              return new Date(c);
-            }, i = n.startDate ? r(n.startDate) : null, f = n.endDate ? r(n.endDate) : null;
-            z("changed", { startDate: i, endDate: f });
+              return new Date(f);
+            }, i = n.startDate ? r(n.startDate) : null, v = n.endDate ? r(n.endDate) : null;
+            z("changed", { startDate: i, endDate: v });
             return;
           }
         } catch {
@@ -3835,7 +3834,7 @@ const Il = ["id"], Wl = ["for"], El = ["id", "name", "type", "placeholder", "dis
     }, R.value), [
       be("div", {
         id: o(Se),
-        class: Ie(["nb-reset", "component", jt.value, Ht.value, Ut.value, Ft.value]),
+        class: Ne(["nb-reset", "component", jt.value, Ht.value, Ut.value, Ft.value]),
         style: We([_t.value, xt.value, xe.value]),
         onClick: yt
       }, [
@@ -3857,7 +3856,7 @@ const Il = ["id"], Wl = ["for"], El = ["id", "name", "type", "placeholder", "dis
           id: kt.value,
           name: kt.value,
           type: ue.value ? "text" : j.value,
-          class: Ie(["component__input", [
+          class: Ne(["component__input", [
             Gt.value,
             qt.value,
             Tt.value
@@ -3879,10 +3878,10 @@ const Il = ["id"], Wl = ["for"], El = ["id", "name", "type", "placeholder", "dis
         }, null, 46, El), [
           [qa, A.value]
         ])
-      ], 14, Il),
+      ], 14, Nl),
       s.value ? (P(), O("div", {
         key: 0,
-        class: Ie(["component__message", e.hasCustomMsg ? "component__message--custom" : "component__message--default"])
+        class: Ne(["component__message", e.hasCustomMsg ? "component__message--custom" : "component__message--default"])
       }, [
         oa(t.$slots, "message", {}, () => [
           ga(ht(e.message), 1)
@@ -3917,12 +3916,12 @@ const Il = ["id"], Wl = ["for"], El = ["id", "name", "type", "placeholder", "dis
       ], 36)) : Le("", !0)
     ], 16)) : Le("", !0);
   }
-}), Ol = /* @__PURE__ */ fa(Pl, [["__scopeId", "data-v-48c12b4c"]]), Pa = {
+}), Ol = /* @__PURE__ */ fa(Pl, [["__scopeId", "data-v-7d7e3ebb"]]), Pa = {
   NbInputRadio: dl,
   NbInputCheckbox: bl,
   NbInput: kl,
   NbInputChip: wl,
-  NbTextarea: Nl,
+  NbTextarea: Il,
   NbDatePicker: Ol
 }, ql = {
   install(e) {