@vlalg-nimbus/nb-inputs 8.0.11 → 8.0.13

package/dist/nb-inputs.js

@@ -1,8 +1,8 @@
 import { useCssVars as fa, onMounted as sa, ref as Q, toRefs as va, computed as a, watch as U, openBlock as O, createElementBlock as j, normalizeClass as Ne, normalizeStyle as We, createElementVNode as fe, mergeProps as da, Fragment as qa, renderList as ja, unref as n, withDirectives as pa, vModelRadio as al, withKeys as jt, withModifiers as ca, toDisplayString as St, createCommentVNode as Le, vModelCheckbox as ll, onUnmounted as ma, renderSlot as ia, createTextVNode as ga, vModelDynamic as Ha, vModelText as Ua, defineAsyncComponent as nl, nextTick as ya, createBlock as ol, Teleport as ul, createVNode as rl } from "vue";
 const ba = (e, m) => {
   const C = e.__vccOpts || e;
-  for (const [E, I] of m)
-    C[E] = I;
+  for (const [P, I] of m)
+    C[P] = I;
   return C;
 }, il = ["id"], sl = ["id", "disabled", "value", "name"], dl = ["for", "tabindex"], cl = /* @__PURE__ */ Object.assign({
   name: "NbInputRadio",
@@ -58,8 +58,8 @@ const ba = (e, m) => {
           return !1;
         let m = !1;
         for (const C of e) {
-          const E = Object.keys(C);
-          E.length !== 2 && (m = !0), E.every((xe) => ["value", "text"].includes(xe)) || (m = !0);
+          const P = Object.keys(C);
+          P.length !== 2 && (m = !0), P.every((xe) => ["value", "text"].includes(xe)) || (m = !0);
         }
         if (!m)
           return e;
@@ -167,14 +167,14 @@ const ba = (e, m) => {
     })), sa(() => {
       Ze();
     });
-    const C = m, E = e, I = Q(null), {
+    const C = m, P = e, I = Q(null), {
       ariaLabel: xe,
       ariaAttrs: ve,
       currentOption: Te,
       valueType: Se,
       display: ie,
       options: J,
-      theme: Pe,
+      theme: Ee,
       lightTextColor: Be,
       lightColor: le,
       lightColorHover: G,
@@ -190,7 +190,7 @@ const ba = (e, m) => {
       fontFamily: me,
       fontSize: be,
       fontWeight: he
-    } = va(E), _ = a(() => {
+    } = va(P), _ = a(() => {
       const y = X.value ? "component-disabled" : "", S = ie.value !== "b" ? "inline-block" : "block", oe = me.value ? me.value : "'Lato', sans-serif", Z = be.value ? be.value : "1.6em", ge = he.value !== 0 && !he.value || he.value < 0 ? 200 : he.value, $e = [!1, !0].includes(K.value) ? K.value : !1, Ge = [!1, !0].includes(Ve.value) ? Ve.value : !1, ue = de.value !== 0 && !de.value || de.value < 0 ? 15 : de.value, d = F.value !== 0 && !F.value || F.value < 0 ? 6 : F.value, b = pe.value !== 0 && !pe.value || pe.value < 0 ? 1 : pe.value;
       return {
         disabled: y,
@@ -212,7 +212,7 @@ const ba = (e, m) => {
         fontSize: y.fontSize,
         fontWeight: y.fontWeight
       };
-    }), _e = a(() => Array.isArray(J.value) && J.value.constructor === Array && J.value.length > 0), at = a(() => Pe.value === "dark" ? "component__theme--dark" : "component__theme--light"), Je = a(() => _.value.font), lt = a(() => Be.value), gt = a(() => le.value), Xe = a(() => _.value.hoverEffect ? G.value : le.value), ke = a(() => _.value.activeHoverEffect ? G.value : le.value), Ce = a(() => R.value), yt = a(() => ne.value), nt = a(() => _.value.hoverEffect ? se.value : ne.value), st = a(() => _.value.activeHoverEffect ? se.value : ne.value), dt = a(() => {
+    }), _e = a(() => Array.isArray(J.value) && J.value.constructor === Array && J.value.length > 0), at = a(() => Ee.value === "dark" ? "component__theme--dark" : "component__theme--light"), Je = a(() => _.value.font), lt = a(() => Be.value), gt = a(() => le.value), Xe = a(() => _.value.hoverEffect ? G.value : le.value), ke = a(() => _.value.activeHoverEffect ? G.value : le.value), Ce = a(() => R.value), yt = a(() => ne.value), nt = a(() => _.value.hoverEffect ? se.value : ne.value), st = a(() => _.value.activeHoverEffect ? se.value : ne.value), dt = a(() => {
       const S = _.value.internalGap;
       return !S || S < 0 ? 0 : `${S}px`;
     }), ct = a(() => {
@@ -341,8 +341,8 @@ const vl = ["id"], pl = ["id", "disabled", "value", "name"], bl = ["for", "tabin
           return !1;
         let m = !1;
         for (const C of e) {
-          const E = Object.keys(C);
-          E.length !== 2 && (m = !0), E.every((xe) => ["value", "text"].includes(xe)) || (m = !0);
+          const P = Object.keys(C);
+          P.length !== 2 && (m = !0), P.every((xe) => ["value", "text"].includes(xe)) || (m = !0);
         }
         if (!m)
           return e;
@@ -467,14 +467,14 @@ const vl = ["id"], pl = ["id", "disabled", "value", "name"], bl = ["for", "tabin
     })), sa(() => {
       Ge();
     });
-    const C = m, E = e, I = Q(null), {
+    const C = m, P = e, I = Q(null), {
       ariaLabel: xe,
       ariaAttrs: ve,
       currentOption: Te,
       display: Se,
       options: ie,
       theme: J,
-      lightTextColor: Pe,
+      lightTextColor: Ee,
       lightColor: Be,
       lightColorHover: le,
       darkTextColor: G,
@@ -492,14 +492,14 @@ const vl = ["id"], pl = ["id", "disabled", "value", "name"], bl = ["for", "tabin
       fontFamily: he,
       fontSize: _,
       fontWeight: k
-    } = va(E), L = a(() => {
-      const d = be.value ? "component-disabled" : "", b = Se.value !== "b" ? "inline-block" : "block", ce = he.value ? he.value : "'Lato', sans-serif", Y = _.value ? _.value : "1.6em", ee = k.value !== 0 && !k.value || k.value < 0 ? 200 : k.value, we = se.value !== 0 && !se.value || se.value < 0 ? 0 : se.value, Re = [!1, !0].includes(K.value) ? K.value : !1, Ee = [!1, !0].includes(Ve.value) ? Ve.value : !1, Ke = de.value !== 0 && !de.value || de.value < 0 ? 15 : de.value, et = F.value !== 0 && !F.value || F.value < 0 ? 6 : F.value, ot = ["box", "circle"].includes(X.value) ? X.value : "box", ut = pe.value !== 0 && !pe.value || pe.value < 0 ? 1 : pe.value, ft = [!1, !0].includes(me.value) ? me.value : !1;
+    } = va(P), L = a(() => {
+      const d = be.value ? "component-disabled" : "", b = Se.value !== "b" ? "inline-block" : "block", ce = he.value ? he.value : "'Lato', sans-serif", Y = _.value ? _.value : "1.6em", ee = k.value !== 0 && !k.value || k.value < 0 ? 200 : k.value, we = se.value !== 0 && !se.value || se.value < 0 ? 0 : se.value, Re = [!1, !0].includes(K.value) ? K.value : !1, Pe = [!1, !0].includes(Ve.value) ? Ve.value : !1, Ke = de.value !== 0 && !de.value || de.value < 0 ? 15 : de.value, et = F.value !== 0 && !F.value || F.value < 0 ? 6 : F.value, ot = ["box", "circle"].includes(X.value) ? X.value : "box", ut = pe.value !== 0 && !pe.value || pe.value < 0 ? 1 : pe.value, ft = [!1, !0].includes(me.value) ? me.value : !1;
       return {
         disabled: d,
         display: b,
         boxRadius: we,
         hoverEffect: Re,
-        activeHoverEffect: Ee,
+        activeHoverEffect: Pe,
         itemGap: Ke,
         internalGap: et,
         scale: ut,
@@ -517,14 +517,14 @@ const vl = ["id"], pl = ["id", "disabled", "value", "name"], bl = ["for", "tabin
         fontSize: d.fontSize,
         fontWeight: d.fontWeight
       };
-    }), Je = a(() => Array.isArray(ie.value) && ie.value.constructor === Array && ie.value.length > 0), lt = a(() => J.value === "dark" ? "component__theme--dark" : "component__theme--light"), gt = a(() => L.value.font), Xe = a(() => Pe.value), ke = a(() => Be.value), Ce = a(() => L.value.hoverEffect ? le.value : Be.value), yt = a(() => L.value.activeHoverEffect ? le.value : Be.value), nt = a(() => {
+    }), Je = a(() => Array.isArray(ie.value) && ie.value.constructor === Array && ie.value.length > 0), lt = a(() => J.value === "dark" ? "component__theme--dark" : "component__theme--light"), gt = a(() => L.value.font), Xe = a(() => Ee.value), ke = a(() => Be.value), Ce = a(() => L.value.hoverEffect ? le.value : Be.value), yt = a(() => L.value.activeHoverEffect ? le.value : Be.value), nt = a(() => {
       const d = L.value;
       return d.activeHoverEffect && d.background ? `${le.value}80` : le.value;
     }), st = a(() => G.value), dt = a(() => R.value), ct = a(() => L.value.hoverEffect ? ne.value : R.value), je = a(() => L.value.activeHoverEffect ? ne.value : R.value), He = a(() => {
       const d = L.value;
       return d.activeHoverEffect && d.background ? `${ne.value}80` : ne.value;
     }), Ze = a(() => L.value.background ? "component-checkbox__item--with-background" : "component-checkbox__item--without-background"), Ue = a(() => {
-      const d = L.value, b = J.value === "dark" ? G.value : Pe.value;
+      const d = L.value, b = J.value === "dark" ? G.value : Ee.value;
       return d.background ? "#ffffff" : b;
     });
     a(() => L.value.background ? "19px" : "auto");
@@ -1057,7 +1057,7 @@ const ml = ["id"], hl = ["for"], Cl = ["for"], xl = { key: 0 }, Sl = { key: 1 },
       "4152281b": na.value,
       "952215b4": oa.value,
       "5110540e": ua.value,
-      "03e4b02e": Et.value,
+      "03e4b02e": Pt.value,
       d28271e8: la.value,
       df28af0e: n(ge),
       "1484e2a6": Ct.value,
@@ -1072,7 +1072,7 @@ const ml = ["id"], hl = ["for"], Cl = ["for"], xl = { key: 0 }, Sl = { key: 1 },
     }), ma(() => {
       bt();
     });
-    const C = m, E = e, {
+    const C = m, P = e, {
       nbId: I,
       display: xe,
       hasTabIndexEnter: ve,
@@ -1080,7 +1080,7 @@ const ml = ["id"], hl = ["for"], Cl = ["for"], xl = { key: 0 }, Sl = { key: 1 },
       ariaAttrs: Se,
       textColor: ie,
       caretColor: J,
-      selectionBgColor: Pe,
+      selectionBgColor: Ee,
       selectionTextColor: Be,
       hasBorderRadius: le,
       borderRadius: G,
@@ -1133,7 +1133,7 @@ const ml = ["id"], hl = ["for"], Cl = ["for"], xl = { key: 0 }, Sl = { key: 1 },
       iconBorderRadius: ee,
       iconLightTextColor: we,
       iconDarkTextColor: Re,
-      iconLightBgColor: Ee,
+      iconLightBgColor: Pe,
       iconDarkBgColor: Ke,
       iconLightBgColorActive: et,
       iconDarkBgColorActive: ot,
@@ -1157,8 +1157,8 @@ const ml = ["id"], hl = ["for"], Cl = ["for"], xl = { key: 0 }, Sl = { key: 1 },
       lightTextColorLabelActive: W,
       darkTextColorLabel: wt,
       darkTextColorLabelActive: Rt
-    } = va(E), Me = Q(""), vt = Q(""), it = Q(!1), pt = Q(!1), B = a(() => {
-      const o = R.value ? "component-disabled" : "", p = xe.value !== "b" ? "inline-block" : "block", w = ie ? ie.value : "ffffff", Ye = J.value ? J.value : "", Qe = Pe.value ? Pe.value : "", t = Be.value ? Be.value : "", l = le.value ? le.value : !1, s = G.value !== 0 && !G.value || G.value < 0 ? 0 : G.value, i = ne.value ? ne.value : "'Lato', sans-serif", f = se.value ? se.value : null, c = K.value !== 0 && !K.value || K.value < 0 ? 100 : K.value, v = Ve.value ? Ve.value : "'Lato', sans-serif", x = de.value ? de.value : "1em", A = F.value !== 0 && !F.value || F.value < 0 ? 100 : F.value, D = pe.value ? pe.value : "#f15574", q = X.value ? X.value : 200, re = be.value ? be.value : "normal", ze = he.value ? he.value : "xs", tt = _.value ? _.value : !1, De = k.value ? k.value : !1, Ie = L.value ? L.value : "text", ha = qe.value ? qe.value : !1, Ca = lt.value ? lt.value : "normal", xa = ge.value ? ge.value : "left", Sa = me.value ? me.value : "background", Va = b.value ? b.value : "5px 10px", ka = Y.value ? Y.value : "0", La = ce.value ? ce.value : 10, Ta = we.value ? we.value : "#000000", Ba = Re.value ? Re.value : "#000000", Aa = Ee.value ? Ee.value : "transparent", _a = Ke.value ? Ke.value : "transparent", $a = ee.value !== 0 && !ee.value || ee.value < 0 ? 0 : ee.value, wa = et.value ? et.value : "transparent", Ra = ot.value ? ot.value : "transparent", Ma = h.value ? h.value : 32, za = M.value ? M.value : 1, Da = V.value ? V.value : !1, Ia = Vt.value !== 0 && !Vt.value || Vt.value < 0 ? 5 : Vt.value, Na = Fe.value ? Fe.value : "transparent", Wa = kt.value !== 0 && !kt.value || kt.value < 0 ? 15 : kt.value, Pa = T.value ? T.value : "1px 5px", Ea = ye.value !== 0 && !ye.value || ye.value < 0 ? 0 : ye.value, Fa = rt.value === null || rt.value === void 0 ? -13 : rt.value, Ga = H.value === null || H.value === void 0 ? -10 : H.value, Ka = N.value ? N.value : "'Lato', sans-serif", Ya = te.value ? te.value : "1em", Qa = $.value ? $.value : "0.8em", Ja = z.value ? z.value : 400, Xa = ae.value ? ae.value : "#ffffff", Za = wt.value ? wt.value : "#000000", el = W.value ? W.value : "#ffffff", tl = Rt.value ? Rt.value : "#000000";
+    } = va(P), Me = Q(""), vt = Q(""), it = Q(!1), pt = Q(!1), B = a(() => {
+      const o = R.value ? "component-disabled" : "", p = xe.value !== "b" ? "inline-block" : "block", w = ie ? ie.value : "ffffff", Ye = J.value ? J.value : "", Qe = Ee.value ? Ee.value : "", t = Be.value ? Be.value : "", l = le.value ? le.value : !1, s = G.value !== 0 && !G.value || G.value < 0 ? 0 : G.value, i = ne.value ? ne.value : "'Lato', sans-serif", f = se.value ? se.value : null, c = K.value !== 0 && !K.value || K.value < 0 ? 100 : K.value, v = Ve.value ? Ve.value : "'Lato', sans-serif", x = de.value ? de.value : "1em", A = F.value !== 0 && !F.value || F.value < 0 ? 100 : F.value, D = pe.value ? pe.value : "#f15574", q = X.value ? X.value : 200, re = be.value ? be.value : "normal", ze = he.value ? he.value : "xs", tt = _.value ? _.value : !1, De = k.value ? k.value : !1, Ie = L.value ? L.value : "text", ha = qe.value ? qe.value : !1, Ca = lt.value ? lt.value : "normal", xa = ge.value ? ge.value : "left", Sa = me.value ? me.value : "background", Va = b.value ? b.value : "5px 10px", ka = Y.value ? Y.value : "0", La = ce.value ? ce.value : 10, Ta = we.value ? we.value : "#000000", Ba = Re.value ? Re.value : "#000000", Aa = Pe.value ? Pe.value : "transparent", _a = Ke.value ? Ke.value : "transparent", $a = ee.value !== 0 && !ee.value || ee.value < 0 ? 0 : ee.value, wa = et.value ? et.value : "transparent", Ra = ot.value ? ot.value : "transparent", Ma = h.value ? h.value : 32, za = M.value ? M.value : 1, Da = V.value ? V.value : !1, Ia = Vt.value !== 0 && !Vt.value || Vt.value < 0 ? 5 : Vt.value, Na = Fe.value ? Fe.value : "transparent", Wa = kt.value !== 0 && !kt.value || kt.value < 0 ? 15 : kt.value, Ea = T.value ? T.value : "1px 5px", Pa = ye.value !== 0 && !ye.value || ye.value < 0 ? 0 : ye.value, Fa = rt.value === null || rt.value === void 0 ? -13 : rt.value, Ga = H.value === null || H.value === void 0 ? -10 : H.value, Ka = N.value ? N.value : "'Lato', sans-serif", Ya = te.value ? te.value : "1em", Qa = $.value ? $.value : "0.8em", Ja = z.value ? z.value : 400, Xa = ae.value ? ae.value : "#ffffff", Za = wt.value ? wt.value : "#000000", el = W.value ? W.value : "#ffffff", tl = Rt.value ? Rt.value : "#000000";
       return {
         disabled: o,
         display: p,
@@ -1199,8 +1199,8 @@ const ml = ["id"], hl = ["for"], Cl = ["for"], xl = { key: 0 }, Sl = { key: 1 },
         iconSize: za,
         showLabel: Da,
         labelBackground: Na,
-        labelPadding: Pa,
-        labelBorderRadius: Ea,
+        labelPadding: Ea,
+        labelBorderRadius: Pa,
         labelLeft: Ia,
         inputLabelMarginActive: Wa,
         labelActiveTop: Fa,
@@ -1233,7 +1233,7 @@ const ml = ["id"], hl = ["for"], Cl = ["for"], xl = { key: 0 }, Sl = { key: 1 },
       }
       return p;
     }), Ht = a(() => {
-      const o = B.value, p = Pt.value;
+      const o = B.value, p = Et.value;
       return {
         fontWeight: o.fontWeight,
         marginTop: p && V.value ? `${o.inputLabelMarginActive}px` : "0"
@@ -1291,10 +1291,10 @@ const ml = ["id"], hl = ["for"], Cl = ["for"], xl = { key: 0 }, Sl = { key: 1 },
         default:
           return "component__theme--light";
       }
-    }), P = a(() => B.value.inputReadonly ? "component__input--read-only" : ""), Oe = a(() => B.value.inputUppercase ? "component__input--uppercase" : ""), Nt = a(() => {
+    }), E = a(() => B.value.inputReadonly ? "component__input--read-only" : ""), Oe = a(() => B.value.inputUppercase ? "component__input--uppercase" : ""), Nt = a(() => {
       const o = B.value;
       return !!(o.showInputEye && o.inputType === "password");
-    }), Xt = a(() => it.value ? gt.value : ke.value), ht = a(() => _e.value ? _e.value : `${I.value}-name-label`), Wt = a(() => V.value ? pt.value ? at.value : "" : at.value), Pt = a(() => pt.value || Me.value && Me.value.trim().length > 0), Zt = a(() => B.value.inputType === "password" ? "component__input__eye-default--hidden" : ""), ea = a(() => pt.value ? "component__input--active" : "component__input--no-active"), Ct = a(() => Nt.value ? "6px 50px 6px 10px" : "6px 10px"), ta = a(() => !!($e.value && Ge.value)), aa = a(() => {
+    }), Xt = a(() => it.value ? gt.value : ke.value), ht = a(() => _e.value ? _e.value : `${I.value}-name-label`), Wt = a(() => V.value ? pt.value ? at.value : "" : at.value), Et = a(() => pt.value || Me.value && Me.value.trim().length > 0), Zt = a(() => B.value.inputType === "password" ? "component__input__eye-default--hidden" : ""), ea = a(() => pt.value ? "component__input--active" : "component__input--no-active"), Ct = a(() => Nt.value ? "6px 50px 6px 10px" : "6px 10px"), ta = a(() => !!($e.value && Ge.value)), aa = a(() => {
       const o = {};
       Se.value && Object.keys(Se.value).forEach((Ye) => o[`aria-${Ye}`] = Se.value[Ye]);
       const p = {
@@ -1314,14 +1314,14 @@ const ml = ["id"], hl = ["for"], Cl = ["for"], xl = { key: 0 }, Sl = { key: 1 },
     }), ra = a(() => {
       const o = B.value;
       return ue.value ? o.theme === "dark" ? o.iconDarkBgColor : o.iconLightBgColor : "transparent";
-    }), Et = a(() => {
+    }), Pt = a(() => {
       const o = B.value;
       return ue.value ? `${o.iconBorderRadius}rem` : "0";
     }), Ft = a(() => {
       const o = B.value;
       return ue.value ? d.value === "left" ? { paddingLeft: `${o.iconPaddingInput}px` } : { paddingRight: `${o.iconPaddingInput}px` } : {};
     }), Ot = a(() => {
-      const o = B.value, p = Pt.value, w = p ? o.lightTextColorLabelActive : o.lightTextColorLabel, Ye = p ? o.darkTextColorLabelActive : o.darkTextColorLabel;
+      const o = B.value, p = Et.value, w = p ? o.lightTextColorLabelActive : o.lightTextColorLabel, Ye = p ? o.darkTextColorLabelActive : o.darkTextColorLabel;
       return {
         fontFamily: o.fontFamilyLabel,
         fontSize: p ? o.fontSizeLabelActive : o.fontSizeLabel,
@@ -1378,7 +1378,7 @@ const ml = ["id"], hl = ["for"], Cl = ["for"], xl = { key: 0 }, Sl = { key: 1 },
     }, aa.value), [
       fe("div", {
         id: n(I),
-        class: Ne(["nb-reset", "component", u.value, g.value, P.value, It.value]),
+        class: Ne(["nb-reset", "component", u.value, g.value, E.value, It.value]),
         style: We([Ht.value, Lt.value, mt.value]),
         onClick: xt
       }, [
@@ -1806,7 +1806,7 @@ const Bl = ["for"], Al = ["id"], _l = { class: "chip-text" }, $l = ["onClick"],
     })), sa(() => {
       G.value.length > 0 && (H.value = G.value);
     });
-    const C = m, E = e, {
+    const C = m, P = e, {
       nbId: I,
       display: xe,
       textColor: ve,
@@ -1814,7 +1814,7 @@ const Bl = ["for"], Al = ["id"], _l = { class: "chip-text" }, $l = ["onClick"],
       paddingY: Se,
       borderRadius: ie,
       disabled: J,
-      fontFamily: Pe,
+      fontFamily: Ee,
       fontSize: Be,
       fontWeight: le,
       currentList: G,
@@ -1867,7 +1867,7 @@ const Bl = ["for"], Al = ["id"], _l = { class: "chip-text" }, $l = ["onClick"],
       labelPadding: ee,
       labelBorderRadius: we,
       labelLeft: Re,
-      inputLabelMarginActive: Ee,
+      inputLabelMarginActive: Pe,
       labelActiveTop: Ke,
       labelActiveLeft: et,
       fontFamilyLabel: ot,
@@ -1878,12 +1878,12 @@ const Bl = ["for"], Al = ["id"], _l = { class: "chip-text" }, $l = ["onClick"],
       lightTextColorLabelActive: V,
       darkTextColorLabel: Fe,
       darkTextColorLabelActive: T
-    } = va(E), ye = Q(""), Vt = Q(null), kt = Q(null), rt = Q(null), H = Q([]), N = Q(!1), te = a(() => {
-      const u = J.value ? "component-disabled" : "", g = xe.value !== "b" ? "inline-block" : "block", P = !Ve.value || Ve.value < 185 ? 185 : Ve.value, Oe = ve ? ve.value : "ffffff", Nt = Ge.value ? Ge.value : "", Xt = ue.value ? ue.value : "", ht = d.value ? d.value : "", Wt = Te.value !== 0 && !Te.value || Te.value < 0 ? 1 : Te.value, Pt = Se.value !== 0 && !Se.value || Se.value < 0 ? 0.2 : Se.value, Zt = ie.value !== 0 && !ie.value || ie.value < 0 ? 0 : ie.value, ea = Pe.value ? Pe.value : "'Lato', sans-serif", Ct = Be.value ? Be.value : "1.4em", ta = le.value !== 0 && !le.value || le.value < 0 ? 100 : le.value, aa = ne.value !== 0 && !ne.value || ne.value < 0 ? 0 : ne.value, la = se.value !== 0 && !se.value || se.value < 0 ? 10 : se.value, na = !K.value || !["top", "bottom"].includes(K.value) ? "bottom" : K.value, $t = !Ae.value || !["background", "line", "border"].includes(Ae.value) ? "background" : Ae.value, oa = L.value ? L.value : "light", ua = b.value ? b.value : !1, ra = Re.value !== 0 && !Re.value || Re.value < 0 ? 5 : Re.value, Et = Y.value ? Y.value : "transparent", Ft = Ee.value !== 0 && !Ee.value || Ee.value < 0 ? 15 : Ee.value, Ot = ee.value ? ee.value : "1px 5px", bt = we.value !== 0 && !we.value || we.value < 0 ? 0 : we.value, Tt = Ke.value === null || Ke.value === void 0 ? 13 : Ke.value, xt = et.value === null || et.value === void 0 ? 5 : et.value, qt = ot.value ? ot.value : "'Lato', sans-serif", o = ut.value ? ut.value : "1em", p = ft.value ? ft.value : "0.8em", w = h.value ? h.value : 400, Ye = M.value ? M.value : "#333333", Qe = Fe.value ? Fe.value : "#ffffff", t = V.value ? V.value : "#333333", l = T.value ? T.value : "#ffffff";
+    } = va(P), ye = Q(""), Vt = Q(null), kt = Q(null), rt = Q(null), H = Q([]), N = Q(!1), te = a(() => {
+      const u = J.value ? "component-disabled" : "", g = xe.value !== "b" ? "inline-block" : "block", E = !Ve.value || Ve.value < 185 ? 185 : Ve.value, Oe = ve ? ve.value : "ffffff", Nt = Ge.value ? Ge.value : "", Xt = ue.value ? ue.value : "", ht = d.value ? d.value : "", Wt = Te.value !== 0 && !Te.value || Te.value < 0 ? 1 : Te.value, Et = Se.value !== 0 && !Se.value || Se.value < 0 ? 0.2 : Se.value, Zt = ie.value !== 0 && !ie.value || ie.value < 0 ? 0 : ie.value, ea = Ee.value ? Ee.value : "'Lato', sans-serif", Ct = Be.value ? Be.value : "1.4em", ta = le.value !== 0 && !le.value || le.value < 0 ? 100 : le.value, aa = ne.value !== 0 && !ne.value || ne.value < 0 ? 0 : ne.value, la = se.value !== 0 && !se.value || se.value < 0 ? 10 : se.value, na = !K.value || !["top", "bottom"].includes(K.value) ? "bottom" : K.value, $t = !Ae.value || !["background", "line", "border"].includes(Ae.value) ? "background" : Ae.value, oa = L.value ? L.value : "light", ua = b.value ? b.value : !1, ra = Re.value !== 0 && !Re.value || Re.value < 0 ? 5 : Re.value, Pt = Y.value ? Y.value : "transparent", Ft = Pe.value !== 0 && !Pe.value || Pe.value < 0 ? 15 : Pe.value, Ot = ee.value ? ee.value : "1px 5px", bt = we.value !== 0 && !we.value || we.value < 0 ? 0 : we.value, Tt = Ke.value === null || Ke.value === void 0 ? 13 : Ke.value, xt = et.value === null || et.value === void 0 ? 5 : et.value, qt = ot.value ? ot.value : "'Lato', sans-serif", o = ut.value ? ut.value : "1em", p = ft.value ? ft.value : "0.8em", w = h.value ? h.value : 400, Ye = M.value ? M.value : "#333333", Qe = Fe.value ? Fe.value : "#ffffff", t = V.value ? V.value : "#333333", l = T.value ? T.value : "#ffffff";
       return {
         disabled: u,
         display: g,
-        width: P,
+        width: E,
         font: ea,
         fontSize: Ct,
         fontWeight: ta,
@@ -1892,7 +1892,7 @@ const Bl = ["for"], Al = ["id"], _l = { class: "chip-text" }, $l = ["onClick"],
         selectionBgColor: Xt,
         selectionTextColor: ht,
         paddingX: Wt,
-        paddingY: Pt,
+        paddingY: Et,
         borderRadius: Zt,
         minChips: aa,
         maxChips: la,
@@ -1901,7 +1901,7 @@ const Bl = ["for"], Al = ["id"], _l = { class: "chip-text" }, $l = ["onClick"],
         theme: oa,
         showLabel: ua,
         labelLeft: ra,
-        labelBackground: Et,
+        labelBackground: Pt,
         inputLabelMarginActive: Ft,
         labelPadding: Ot,
         labelBorderRadius: bt,
@@ -1956,7 +1956,7 @@ const Bl = ["for"], Al = ["id"], _l = { class: "chip-text" }, $l = ["onClick"],
         ...u
       };
       return Object.fromEntries(
-        Object.entries(g).filter(([P, Oe]) => Oe != null)
+        Object.entries(g).filter(([E, Oe]) => Oe != null)
       );
     }), B = a(() => {
       const u = te.value;
@@ -1978,12 +1978,12 @@ const Bl = ["for"], Al = ["id"], _l = { class: "chip-text" }, $l = ["onClick"],
       };
       return u.display === "block" ? { width: "auto" } : g;
     }), At = a(() => de.value ? de.value : `${I.value}-name-label`), _t = a(() => N.value || H.value.length > 0 || ye.value && ye.value.trim().length > 0), Dt = a(() => b.value ? N.value || H.value.length > 0 ? F.value : "" : F.value), Ut = a(() => {
-      const u = te.value, g = _t.value, P = g ? u.lightTextColorLabelActive : u.lightTextColorLabel, Oe = g ? u.darkTextColorLabelActive : u.darkTextColorLabel;
+      const u = te.value, g = _t.value, E = g ? u.lightTextColorLabelActive : u.lightTextColorLabel, Oe = g ? u.darkTextColorLabelActive : u.darkTextColorLabel;
       return {
         fontFamily: u.fontFamilyLabel,
         fontSize: g ? u.fontSizeLabelActive : u.fontSizeLabel,
         fontWeight: u.fontWeightLabel,
-        color: u.theme === "dark" ? Oe : P,
+        color: u.theme === "dark" ? Oe : E,
         top: g ? `${u.labelActiveTop}px` : "50%",
         left: g ? `${u.labelActiveLeft}px` : `${u.labelLeft}px`,
         transform: g ? "translateY(0)" : "translateY(-50%)",
@@ -2054,20 +2054,20 @@ const Bl = ["for"], Al = ["id"], _l = { class: "chip-text" }, $l = ["onClick"],
           ref: rt,
           class: "chips"
         }, [
-          (O(!0), j(qa, null, ja(H.value, (P) => (O(), j("div", {
-            key: P,
+          (O(!0), j(qa, null, ja(H.value, (E) => (O(), j("div", {
+            key: E,
             class: "chip"
           }, [
             ia(u.$slots, "chip", {
               chips: H.value,
-              chip: P,
+              chip: E,
               removeChip: r
             }, () => [
-              fe("span", _l, St(P), 1),
+              fe("span", _l, St(E), 1),
               !n(J) && !n(X) ? (O(), j("span", {
                 key: 0,
                 class: "chip-remove",
-                onClick: (Oe) => r(P)
+                onClick: (Oe) => r(E)
               }, "×", 8, $l)) : Le("", !0)
             ], !0)
           ]))), 128))
@@ -2076,7 +2076,7 @@ const Bl = ["for"], Al = ["id"], _l = { class: "chip-text" }, $l = ["onClick"],
           ref_key: "chipInput",
           ref: kt,
           type: "text",
-          "onUpdate:modelValue": g[0] || (g[0] = (P) => ye.value = P),
+          "onUpdate:modelValue": g[0] || (g[0] = (E) => ye.value = E),
           id: At.value,
           name: At.value,
           placeholder: Dt.value,
@@ -2086,7 +2086,7 @@ const Bl = ["for"], Al = ["id"], _l = { class: "chip-text" }, $l = ["onClick"],
           tabindex: n(J) || n(X) ? -1 : n(oe),
           class: Ne(["chips-input", wt.value]),
           style: We([Bt.value, Ht.value]),
-          onKeydown: g[1] || (g[1] = jt((P) => !n(J) && n(Z) && Lt(P), ["enter"])),
+          onKeydown: g[1] || (g[1] = jt((E) => !n(J) && n(Z) && Lt(E), ["enter"])),
           onFocus: Qt,
           onBlur: Jt
         }, null, 46, wl), [
@@ -2492,7 +2492,7 @@ const zl = ["id"], Dl = ["for"], Il = ["id", "name", "placeholder", "disabled",
     }), ma(() => {
       Qt();
     });
-    const C = m, E = e, {
+    const C = m, P = e, {
       nbId: I,
       display: xe,
       hasTabIndexEnter: ve,
@@ -2500,7 +2500,7 @@ const zl = ["id"], Dl = ["for"], Il = ["id", "name", "placeholder", "disabled",
       ariaAttrs: Se,
       textColor: ie,
       caretColor: J,
-      selectionBgColor: Pe,
+      selectionBgColor: Ee,
       selectionTextColor: Be,
       hasBorderRadius: le,
       borderRadius: G,
@@ -2553,7 +2553,7 @@ const zl = ["id"], Dl = ["for"], Il = ["id", "name", "placeholder", "disabled",
       rows: ee,
       cols: we,
       maxlength: Re,
-      minlength: Ee,
+      minlength: Pe,
       wrap: Ke,
       spellcheck: et,
       autofocus: ot,
@@ -2561,20 +2561,20 @@ const zl = ["id"], Dl = ["for"], Il = ["id", "name", "placeholder", "disabled",
       autoResize: ft,
       minRows: h,
       maxRows: M
-    } = va(E), V = Q(""), Fe = Q(!1), T = a(() => {
-      const r = R.value ? "component-disabled" : "", u = xe.value !== "b" ? "inline-block" : "block", g = ie ? ie.value : "ffffff", P = J.value ? J.value : "", Oe = Pe.value ? Pe.value : "", Nt = Be.value ? Be.value : "", Xt = le.value ? le.value : !1, ht = G.value !== 0 && !G.value || G.value < 0 ? 0 : G.value, Wt = ne.value ? ne.value : "'Lato', sans-serif", Pt = se.value ? se.value : "1.4em", Zt = K.value !== 0 && !K.value || K.value < 0 ? 100 : K.value, ea = Ve.value ? Ve.value : "'Lato', sans-serif", Ct = de.value ? de.value : "1em", ta = F.value !== 0 && !F.value || F.value < 0 ? 100 : F.value, aa = pe.value ? pe.value : "#f15574", la = X.value ? X.value : 200, na = be.value ? be.value : "normal", $t = he.value ? he.value : !1, oa = k.value ? k.value : !1, ua = _e.value ? _e.value : "normal", ra = st.value ? st.value : "left", Et = me.value ? me.value : "background", Ft = je.value ? je.value : !1, Ot = y.value !== 0 && !y.value || y.value < 0 ? 5 : y.value, bt = He.value ? He.value : "transparent", Tt = S.value !== 0 && !S.value || S.value < 0 ? 15 : S.value, xt = Ze.value ? Ze.value : "1px 5px", qt = Ue.value !== 0 && !Ue.value || Ue.value < 0 ? 0 : Ue.value, o = oe.value === null || oe.value === void 0 ? -13 : oe.value, p = Z.value === null || Z.value === void 0 ? -10 : Z.value, w = ge.value ? ge.value : "'Lato', sans-serif", Ye = $e.value ? $e.value : "1em", Qe = Ge.value ? Ge.value : "0.8em", t = ue.value ? ue.value : 400, l = d.value ? d.value : "#ffffff", s = ce.value ? ce.value : "#000000", i = b.value ? b.value : "#ffffff", f = Y.value ? Y.value : "#000000", c = ee.value && ee.value > 0 ? ee.value : 2, v = we.value && we.value > 0 ? we.value : 20, x = Re.value !== null && Re.value >= 0 ? Re.value : null, A = Ee.value !== null && Ee.value >= 0 ? Ee.value : null, D = Ke.value && ["soft", "hard", "off"].includes(Ke.value) ? Ke.value : "soft", q = et.value !== void 0 ? et.value : "default", re = ot.value !== void 0 ? ot.value : !1, ze = ut.value && ["none", "both", "vertical", "horizontal"].includes(ut.value) ? ut.value : "vertical", tt = ft.value !== void 0 ? ft.value : !1, De = h.value !== null && h.value > 0 ? h.value : null, Ie = M.value !== null && M.value > 0 ? M.value : null;
+    } = va(P), V = Q(""), Fe = Q(!1), T = a(() => {
+      const r = R.value ? "component-disabled" : "", u = xe.value !== "b" ? "inline-block" : "block", g = ie ? ie.value : "ffffff", E = J.value ? J.value : "", Oe = Ee.value ? Ee.value : "", Nt = Be.value ? Be.value : "", Xt = le.value ? le.value : !1, ht = G.value !== 0 && !G.value || G.value < 0 ? 0 : G.value, Wt = ne.value ? ne.value : "'Lato', sans-serif", Et = se.value ? se.value : "1.4em", Zt = K.value !== 0 && !K.value || K.value < 0 ? 100 : K.value, ea = Ve.value ? Ve.value : "'Lato', sans-serif", Ct = de.value ? de.value : "1em", ta = F.value !== 0 && !F.value || F.value < 0 ? 100 : F.value, aa = pe.value ? pe.value : "#f15574", la = X.value ? X.value : 200, na = be.value ? be.value : "normal", $t = he.value ? he.value : !1, oa = k.value ? k.value : !1, ua = _e.value ? _e.value : "normal", ra = st.value ? st.value : "left", Pt = me.value ? me.value : "background", Ft = je.value ? je.value : !1, Ot = y.value !== 0 && !y.value || y.value < 0 ? 5 : y.value, bt = He.value ? He.value : "transparent", Tt = S.value !== 0 && !S.value || S.value < 0 ? 15 : S.value, xt = Ze.value ? Ze.value : "1px 5px", qt = Ue.value !== 0 && !Ue.value || Ue.value < 0 ? 0 : Ue.value, o = oe.value === null || oe.value === void 0 ? -13 : oe.value, p = Z.value === null || Z.value === void 0 ? -10 : Z.value, w = ge.value ? ge.value : "'Lato', sans-serif", Ye = $e.value ? $e.value : "1em", Qe = Ge.value ? Ge.value : "0.8em", t = ue.value ? ue.value : 400, l = d.value ? d.value : "#ffffff", s = ce.value ? ce.value : "#000000", i = b.value ? b.value : "#ffffff", f = Y.value ? Y.value : "#000000", c = ee.value && ee.value > 0 ? ee.value : 2, v = we.value && we.value > 0 ? we.value : 20, x = Re.value !== null && Re.value >= 0 ? Re.value : null, A = Pe.value !== null && Pe.value >= 0 ? Pe.value : null, D = Ke.value && ["soft", "hard", "off"].includes(Ke.value) ? Ke.value : "soft", q = et.value !== void 0 ? et.value : "default", re = ot.value !== void 0 ? ot.value : !1, ze = ut.value && ["none", "both", "vertical", "horizontal"].includes(ut.value) ? ut.value : "vertical", tt = ft.value !== void 0 ? ft.value : !1, De = h.value !== null && h.value > 0 ? h.value : null, Ie = M.value !== null && M.value > 0 ? M.value : null;
       return {
         disabled: r,
         display: u,
         font: Wt,
-        fontSize: Pt,
+        fontSize: Et,
         fontWeight: Zt,
         fontFamilyMsg: ea,
         fontSizeMsg: Ct,
         fontWeightMsg: ta,
         textMessageColor: aa,
         textColor: g,
-        caretColor: P,
+        caretColor: E,
         selectionBgColor: Oe,
         selectionTextColor: Nt,
         hasBorderRadius: Xt,
@@ -2585,7 +2585,7 @@ const zl = ["id"], Dl = ["for"], Il = ["id", "name", "placeholder", "disabled",
         inputReadonly: $t,
         inputUppercase: oa,
         theme: ua,
-        inputStyle: Et,
+        inputStyle: Pt,
         showLabel: Ft,
         labelBackground: bt,
         labelPadding: xt,
@@ -2671,22 +2671,22 @@ const zl = ["id"], Dl = ["for"], Il = ["id", "name", "placeholder", "disabled",
     a(() => Fe.value ? "component__input--active" : "component__input--no-active");
     const At = a(() => "6px 10px"), _t = a(() => !!(dt.value && ct.value)), Dt = a(() => {
       const r = {};
-      Se.value && Object.keys(Se.value).forEach((P) => r[`aria-${P}`] = Se.value[P]);
+      Se.value && Object.keys(Se.value).forEach((E) => r[`aria-${E}`] = Se.value[E]);
       const u = {
         "aria-label": Te.value,
         "aria-disabled": R.value,
         ...r
       };
       return Object.fromEntries(
-        Object.entries(u).filter(([g, P]) => P != null)
+        Object.entries(u).filter(([g, E]) => E != null)
       );
     }), Ut = a(() => {
-      const r = T.value, u = mt.value, g = u ? r.lightTextColorLabelActive : r.lightTextColorLabel, P = u ? r.darkTextColorLabelActive : r.darkTextColorLabel;
+      const r = T.value, u = mt.value, g = u ? r.lightTextColorLabelActive : r.lightTextColorLabel, E = u ? r.darkTextColorLabelActive : r.darkTextColorLabel;
       return {
         fontFamily: r.fontFamilyLabel,
         fontSize: u ? r.fontSizeLabelActive : r.fontSizeLabel,
         fontWeight: r.fontWeightLabel,
-        color: r.theme === "dark" ? P : g,
+        color: r.theme === "dark" ? E : g,
         top: u ? `${r.labelActiveTop}px` : "50%",
         left: u ? `${r.labelActiveLeft}px` : `${r.labelLeft}px`,
         transform: u ? "translateY(0)" : "translateY(-50%)",
@@ -2786,7 +2786,7 @@ const zl = ["id"], Dl = ["for"], Il = ["id", "name", "placeholder", "disabled",
     ], 16)) : Le("", !0);
   }
 }), Wl = /* @__PURE__ */ ba(Nl, [["__scopeId", "data-v-32c2ea2a"]]);
-const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "disabled", "required", "readonly", "autocomplete", "min", "max", "step", "tabindex"], Ol = /* @__PURE__ */ Object.assign({
+const El = ["id"], Pl = ["for"], Fl = ["id", "name", "type", "placeholder", "disabled", "required", "readonly", "autocomplete", "min", "max", "step", "tabindex"], Ol = /* @__PURE__ */ Object.assign({
   name: "NbDatePicker",
   inheritAttrs: !1
 }, {
@@ -3128,29 +3128,29 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
   ],
   setup(e, { emit: m }) {
     fa((t) => ({
-      b75e22cc: pt.value,
-      "056e24b6": Me.value,
-      "1cf4324b": n(He),
-      "142c3306": mt.value,
-      "173bb850": At.value,
-      "09329520": _t.value,
-      "1d56e575": n(S),
-      fa5007fe: n(y),
-      "3238911d": n(Ze),
-      "9ffc6e5a": Bt.value,
-      "1504fdbb": n(Ue),
-      "04e411f1": Nt.value,
-      "0b4ce167": Xt.value,
-      "2ac1d057": n(je),
-      c561c91a: n(dt),
-      37357925: n(ct),
-      "50d52b26": n(oe),
-      "68e66c32": g.value,
-      "52ffe80d": B.value,
-      "0b2859cc": Mt.value,
-      "4b7d69f5": zt.value,
-      "3ab9e64f": Ht.value,
-      "6f6352ab": t.styleButtonColor
+      "3789b3cf": pt.value,
+      af1129be: Me.value,
+      "49d88d80": n(He),
+      "19fd8ab1": mt.value,
+      "2d5fcf43": At.value,
+      "28b19bca": _t.value,
+      "7f3fa840": n(S),
+      "0b8f862c": n(y),
+      "4db31370": n(Ze),
+      "38b952fe": Bt.value,
+      "6d42c920": n(Ue),
+      "8d84a0b4": Nt.value,
+      "444a8cd2": Xt.value,
+      "8e08e8e8": n(je),
+      "57c448b0": n(dt),
+      "0e0f9210": n(ct),
+      "0c809e58": n(oe),
+      c095a732: g.value,
+      "0c246590": B.value,
+      "10f9b177": Mt.value,
+      "225782e0": zt.value,
+      "73b791ba": Ht.value,
+      "23bcf060": t.styleButtonColor
     }));
     const C = nl(
       () => import("@vlalg-nimbus/nb-calendar").then((t) => t.Calendar ? t.Calendar : t.default && t.default.Calendar ? t.default.Calendar : t.default)
@@ -3160,14 +3160,14 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
     }), ma(() => {
       Wt();
     });
-    const E = m, I = e, {
+    const P = m, I = e, {
       nbId: xe,
       display: ve,
       hasTabIndexEnter: Te,
       ariaLabel: Se,
       ariaAttrs: ie,
       caretColor: J,
-      selectionBgColor: Pe,
+      selectionBgColor: Ee,
       selectionTextColor: Be,
       hasBorderRadius: le,
       borderRadius: G,
@@ -3220,7 +3220,7 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
       labelActiveLeft: ee,
       fontFamilyLabel: we,
       fontSizeLabel: Re,
-      fontSizeLabelActive: Ee,
+      fontSizeLabelActive: Pe,
       fontWeightLabel: Ke,
       lightTextColorLabel: et,
       lightTextColorLabelActive: ot,
@@ -3392,7 +3392,7 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
       }
       return i;
     }, N = Q(!1), te = Q({ top: 0, left: 0 }), $ = Q(null), z = Q(null), ae = a(() => gt.value === !0), W = a(() => {
-      const t = R.value ? "component-disabled" : "", l = ve.value !== "b" ? "inline-block" : "block", s = J.value ? J.value : "", i = Pe.value ? Pe.value : "", f = Be.value ? Be.value : "", c = le.value ? le.value : !1, v = G.value !== 0 && !G.value || G.value < 0 ? 0 : G.value, x = ne.value ? ne.value : "'Lato', sans-serif", A = se.value ? se.value : "1.4em", D = K.value !== 0 && !K.value || K.value < 0 ? 100 : K.value, q = Ve.value ? Ve.value : "'Lato', sans-serif", re = de.value ? de.value : "1em", ze = F.value !== 0 && !F.value || F.value < 0 ? 100 : F.value, tt = pe.value ? pe.value : "#f15574", De = X.value ? X.value : 200, Ie = be.value ? be.value : "normal", ha = "sm", Ca = _.value ? _.value : !1, xa = k.value ? k.value : "date", Sa = Ae.value ? Ae.value : !1, Va = ke.value ? ke.value : "normal", ka = oe.value ? oe.value : "left", La = me.value ? me.value : "background", Ta = $e.value ? $e.value : !1, Ba = b.value !== 0 && !b.value || b.value < 0 ? 5 : b.value, Aa = Ge.value ? Ge.value : "transparent", _a = ce.value !== 0 && !ce.value || ce.value < 0 ? 15 : ce.value, $a = ue.value ? ue.value : "1px 5px", wa = d.value !== 0 && !d.value || d.value < 0 ? 0 : d.value, Ra = Y.value === null || Y.value === void 0 ? -13 : Y.value, Ma = ee.value === null || ee.value === void 0 ? -10 : ee.value, za = we.value ? we.value : "'Lato', sans-serif", Da = Re.value ? Re.value : "1em", Ia = Ee.value ? Ee.value : "0.8em", Na = Ke.value ? Ke.value : 400, Wa = et.value ? et.value : "#ffffff", Pa = ut.value ? ut.value : "#000000", Ea = ot.value ? ot.value : "#ffffff", Fa = ft.value ? ft.value : "#000000";
+      const t = R.value ? "component-disabled" : "", l = ve.value !== "b" ? "inline-block" : "block", s = J.value ? J.value : "", i = Ee.value ? Ee.value : "", f = Be.value ? Be.value : "", c = le.value ? le.value : !1, v = G.value !== 0 && !G.value || G.value < 0 ? 0 : G.value, x = ne.value ? ne.value : "'Lato', sans-serif", A = se.value ? se.value : "1.4em", D = K.value !== 0 && !K.value || K.value < 0 ? 100 : K.value, q = Ve.value ? Ve.value : "'Lato', sans-serif", re = de.value ? de.value : "1em", ze = F.value !== 0 && !F.value || F.value < 0 ? 100 : F.value, tt = pe.value ? pe.value : "#f15574", De = X.value ? X.value : 200, Ie = be.value ? be.value : "normal", ha = "sm", Ca = _.value ? _.value : !1, xa = k.value ? k.value : "date", Sa = Ae.value ? Ae.value : !1, Va = ke.value ? ke.value : "normal", ka = oe.value ? oe.value : "left", La = me.value ? me.value : "background", Ta = $e.value ? $e.value : !1, Ba = b.value !== 0 && !b.value || b.value < 0 ? 5 : b.value, Aa = Ge.value ? Ge.value : "transparent", _a = ce.value !== 0 && !ce.value || ce.value < 0 ? 15 : ce.value, $a = ue.value ? ue.value : "1px 5px", wa = d.value !== 0 && !d.value || d.value < 0 ? 0 : d.value, Ra = Y.value === null || Y.value === void 0 ? -13 : Y.value, Ma = ee.value === null || ee.value === void 0 ? -10 : ee.value, za = we.value ? we.value : "'Lato', sans-serif", Da = Re.value ? Re.value : "1em", Ia = Pe.value ? Pe.value : "0.8em", Na = Ke.value ? Ke.value : 400, Wa = et.value ? et.value : "#ffffff", Ea = ut.value ? ut.value : "#000000", Pa = ot.value ? ot.value : "#ffffff", Fa = ft.value ? ft.value : "#000000";
       return {
         disabled: t,
         display: l,
@@ -3430,8 +3430,8 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
         fontSizeLabelActive: Ia,
         fontWeightLabel: Na,
         lightTextColorLabel: Wa,
-        darkTextColorLabel: Pa,
-        lightTextColorLabelActive: Ea,
+        darkTextColorLabel: Ea,
+        lightTextColorLabelActive: Pa,
         darkTextColorLabelActive: Fa
       };
     }), wt = a(() => W.value.disabled), Rt = a(() => ({
@@ -3489,7 +3489,7 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
       }
     }), Qt = a(() => W.value.inputReadonly ? "component__input--read-only" : ""), Jt = a(() => W.value.inputUppercase ? "component__input--uppercase" : ""), Lt = a(() => qe.value ? qe.value : `${xe.value}-name-label`), It = a(() => ""), r = a(() => T.value || M.value && M.value.trim().length > 0), u = a(() => !M.value || M.value.trim().length === 0 ? "component__input--empty" : "");
     a(() => T.value ? "component__input--active" : "component__input--no-active");
-    const g = a(() => "6px 10px"), P = a(() => !!(Z.value && ge.value)), Oe = a(() => {
+    const g = a(() => "6px 10px"), E = a(() => !!(Z.value && ge.value)), Oe = a(() => {
       const t = {};
       ie.value && Object.keys(ie.value).forEach((i) => t[`aria-${i}`] = ie.value[i]);
       const l = {
@@ -3528,14 +3528,14 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
     });
     const Wt = () => {
       h.value = _e.value, Fe.value = k.value;
-    }, Pt = () => {
-      E("clicked");
+    }, Et = () => {
+      P("clicked");
     }, Zt = (t) => {
       t.stopPropagation(), !(R.value || W.value.inputReadonly) && $.value && ($.value.focus(), ae.value && (N.value = !1, requestAnimationFrame(() => {
         Ct(), N.value = !0;
       })));
     }, ea = () => {
-      R.value || W.value.inputReadonly || !Te.value || E("entered", h.value);
+      R.value || W.value.inputReadonly || !Te.value || P("entered", h.value);
     }, Ct = () => {
       $.value && ya(() => {
         const t = $.value.getBoundingClientRect(), l = 4;
@@ -3550,7 +3550,7 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
       left: te.value.left,
       zIndex: yt.value
     })), aa = () => {
-      T.value = !0, E("focused"), ae.value && (N.value = !1, requestAnimationFrame(() => {
+      T.value = !0, P("focused"), ae.value && (N.value = !1, requestAnimationFrame(() => {
         Ct(), N.value = !0;
       }));
     }, la = (t) => {
@@ -3567,7 +3567,7 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
           }
         }
         const s = (i = $.value) == null ? void 0 : i.closest(".component");
-        s && s.contains(l) || $.value !== l && (T.value = !1, N.value = !1, E("blurred"));
+        s && s.contains(l) || $.value !== l && (T.value = !1, N.value = !1, P("blurred"));
       }, 200);
     }, na = () => {
       ae.value && (N.value, N.value = !1, requestAnimationFrame(() => {
@@ -3712,12 +3712,12 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
         w = !1;
       }, 50);
     }, ra = (t) => {
-    }, Et = (t) => {
+    }, Pt = (t) => {
       var f;
       if (!N.value || !z.value || !$.value)
         return;
       const l = t.target, s = (f = $.value) == null ? void 0 : f.closest(".nb-wrapper");
-      if (z.value && z.value.contains(l) || t.defaultPrevented || t.cancelBubble || z.value && z.value.contains(l))
+      if (z.value && z.value.contains(l) || s && (l === s || s.contains(l)) || z.value && z.value.contains(l))
         return;
       let i = l;
       for (; i && i !== document.body; ) {
@@ -3768,9 +3768,9 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
         o();
       }) : p();
     }), sa(() => {
-      h.value = _e.value, M.value = rt(_e.value, k.value), document.addEventListener("click", Et, !1), window.addEventListener("scroll", Ft, { capture: !0, passive: !0 }), window.addEventListener("resize", Ot);
+      h.value = _e.value, M.value = rt(_e.value, k.value), document.addEventListener("click", Pt, !1), window.addEventListener("scroll", Ft, { capture: !0, passive: !0 }), window.addEventListener("resize", Ot);
     }), ma(() => {
-      Wt(), p(), document.removeEventListener("click", Et), window.removeEventListener("scroll", Ft, { capture: !0, passive: !0 }), window.removeEventListener("resize", Ot);
+      Wt(), p(), document.removeEventListener("click", Pt), window.removeEventListener("scroll", Ft, { capture: !0, passive: !0 }), window.removeEventListener("resize", Ot);
     }), U(k, (t) => {
       Fe.value = t;
     }, { immediate: !0 }), U(Xe, () => {
@@ -3809,16 +3809,16 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
               }
               return new Date(c);
             }, i = l.startDate ? s(l.startDate) : null, f = l.endDate ? s(l.endDate) : null;
-            E("changed", { startDate: i, endDate: f });
+            P("changed", { startDate: i, endDate: f });
             return;
           }
         } catch {
         }
-      E("changed", t);
+      P("changed", t);
     }), U(T, (t) => {
-      E(t ? "focused" : "blurred");
+      P(t ? "focused" : "blurred");
     }), U(h, (t) => {
-      L.value && (t = t.trim()), E("current-value", t);
+      L.value && (t = t.trim()), P("current-value", t);
     }), (t, l) => n(xe) ? (O(), j("div", da({
       key: 0,
       class: ["nb-wrapper", wt.value],
@@ -3829,7 +3829,7 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
         id: n(xe),
         class: Ne(["nb-reset", "component", Kt.value, Yt.value, Qt.value, Ut.value]),
         style: We([vt.value, Dt.value, it.value]),
-        onClick: Pt
+        onClick: Et
       }, [
         n($e) ? (O(), j("label", {
           key: 0,
@@ -3837,7 +3837,7 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
           class: "component__label",
           style: We([ht.value]),
           onClick: Zt
-        }, St(e.label), 13, El)) : Le("", !0),
+        }, St(e.label), 13, Pl)) : Le("", !0),
         pa(fe("input", {
           ref_key: "inputRef",
           ref: $,
@@ -3872,8 +3872,8 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
         }, null, 46, Fl), [
           [Ha, M.value]
         ])
-      ], 14, Pl),
-      P.value ? (O(), j("div", {
+      ], 14, El),
+      E.value ? (O(), j("div", {
         key: 0,
         class: Ne(["component__message", e.hasCustomMsg ? "component__message--custom" : "component__message--default"])
       }, [
@@ -3912,7 +3912,7 @@ const Pl = ["id"], El = ["for"], Fl = ["id", "name", "type", "placeholder", "dis
       ]))
     ], 16)) : Le("", !0);
   }
-}), ql = /* @__PURE__ */ ba(Ol, [["__scopeId", "data-v-60143faf"]]), Oa = {
+}), ql = /* @__PURE__ */ ba(Ol, [["__scopeId", "data-v-e650e5d2"]]), Oa = {
   NbInputRadio: fl,
   NbInputCheckbox: yl,
   NbInput: Tl,