@vlalg-nimbus/nb-selects 1.0.2 → 1.0.3

package/dist/nb-selects.js

@@ -1,8 +1,8 @@
-import { useCssVars as Ue, unref as e, onMounted as Ge, onUnmounted as Bt, toRefs as Je, ref as J, computed as o, watch as ge, openBlock as V, createElementBlock as H, normalizeClass as E, normalizeStyle as Re, createElementVNode as _, mergeProps as Qe, createTextVNode as nt, toDisplayString as pe, createCommentVNode as Se, withModifiers as y, withKeys as S, Fragment as ct, renderList as vt, renderSlot as pt, nextTick as X, withDirectives as lt, vModelCheckbox as at } from "vue";
+import { useCssVars as Ue, unref as e, onMounted as Ge, onUnmounted as Bt, toRefs as Je, ref as ee, computed as o, watch as be, openBlock as H, createElementBlock as $, normalizeClass as R, normalizeStyle as Re, createElementVNode as w, mergeProps as Qe, createTextVNode as nt, toDisplayString as ge, createCommentVNode as Se, withModifiers as y, withKeys as B, Fragment as ct, renderList as vt, renderSlot as pt, nextTick as Y, withDirectives as lt, vModelCheckbox as at } from "vue";
 const Ze = (t, C) => {
   const g = t.__vccOpts || t;
-  for (const [q, x] of C)
-    g[q] = x;
+  for (const [U, x] of C)
+    g[U] = x;
   return g;
 }, wt = ["id"], Vt = ["for"], Ht = {
   key: 0,
@@ -267,98 +267,98 @@ const Ze = (t, C) => {
   emits: ["clicked", "changed", "user-changed"],
   setup(t, { emit: C }) {
     Ue((a) => ({
-      v65344439: Ye.value,
-      v710765ac: e(A),
-      v7ca0dd96: e(_e),
-      cae33bdc: e(re),
-      v675d52d0: e(Be),
-      v6299e2f0: e(Te),
-      v9c37df88: e(we),
-      v2be47de6: e(k),
-      v03aa8eea: e(me),
-      v6fff1a94: e(O),
-      f8a7447e: e(de),
-      f6930ac4: e(D),
-      f324ebb8: e(De),
-      v0677637c: e(ie),
-      v2f80d530: e(Ie),
-      v3df1dcda: e(W),
-      v2388a9d2: e(G),
-      v39084b0d: e(Oe),
-      v92b5dffe: e(te),
-      cf5f9c6c: a.styleButtonColor,
-      v7c1e3a22: Me.value,
-      v45dc07f6: e(ue),
-      v5caacc6f: e(f),
-      v07d8d482: e(He),
-      v031672fb: e(z)
+      "4b760063": Ye.value,
+      "1d6f4658": e(A),
+      "00d7b95f": e(_e),
+      "448e543c": e(J),
+      "96fd917c": e(Be),
+      "03577dcc": e(Te),
+      "57c0ed52": e(we),
+      "25b755fc": e(T),
+      "359cf496": e(me),
+      "5dfec5cc": e(O),
+      54298857: e(ie),
+      a98ac998: e(I),
+      "09c9ec3a": e(De),
+      24439812: e(se),
+      "6ea8fd5a": e(Ie),
+      "24f8aa04": e(W),
+      "041cdea6": e(Z),
+      "4235afba": e(Oe),
+      "14658faa": e(oe),
+      "7f56fef4": a.styleButtonColor,
+      "28861ace": Me.value,
+      f5f79fc0: e(Q),
+      "046260ce": e(f),
+      "4f5401d0": e(He),
+      b59f3ade: e(z)
     })), Ge(() => {
-      ne.value ? w.value = ee.value || [] : s.value = Z.value, document.addEventListener("click", ut), document.addEventListener("nbselect:close-all", it), Ne.value = !0;
+      de.value ? V.value = G.value || [] : s.value = ae.value, document.addEventListener("click", ut), document.addEventListener("nbselect:close-all", it), Ne.value = !0;
     }), Bt(() => {
       document.removeEventListener("click", ut), document.removeEventListener("nbselect:close-all", it);
     });
-    const g = C, q = t, {
+    const g = C, U = t, {
       display: x,
-      textColor: ae,
-      theme: be,
+      textColor: re,
+      theme: he,
       hasBorderRadius: F,
-      borderRadius: he,
+      borderRadius: ve,
       disabled: d,
       fontFamily: h,
-      fontSize: ce,
-      fontWeight: P,
-      textAlign: oe,
-      selectWidth: ve,
-      inputStyle: Q,
+      fontSize: pe,
+      fontWeight: M,
+      textAlign: ue,
+      selectWidth: te,
+      inputStyle: le,
       selectName: ye,
       required: Ce,
-      options: T,
-      selectedOptionOnly: Z,
-      selectedOptionMultiple: ee,
-      textKey: Y,
+      options: k,
+      selectedOptionOnly: ae,
+      selectedOptionMultiple: G,
+      textKey: j,
       valueKey: c,
-      multiple: ne,
+      multiple: de,
       hasEmptyOption: m,
-      emptyOptionValue: B,
-      dropdownScrollClass: U,
-      hasLabel: $,
-      labelText: L,
-      emptyOptionText: R,
-      lightBgColor: re,
-      lightBgColorFocus: k,
+      emptyOptionValue: S,
+      dropdownScrollClass: q,
+      hasLabel: _,
+      labelText: N,
+      emptyOptionText: D,
+      lightBgColor: J,
+      lightBgColorFocus: T,
       lightBorderColor: me,
       lightBorderColorFocus: Oe,
-      lightDisabledBgColor: ue,
+      lightDisabledBgColor: Q,
       lightTextColor: A,
       lightDisabledBorderColor: f,
       lightOptionTextColor: _e,
       lightOptionTextColorSelected: Te,
       lightOptionBgColorSelected: Be,
       lightPlaceholderColor: we,
-      darkBgColor: D,
+      darkBgColor: I,
       darkBgColorFocus: W,
-      darkBorderColor: G,
-      darkBorderColorFocus: te,
+      darkBorderColor: Z,
+      darkBorderColorFocus: oe,
       darkDisabledBgColor: He,
       darkTextColor: O,
       darkDisabledBorderColor: z,
-      darkOptionTextColor: de,
-      darkOptionTextColorSelected: ie,
+      darkOptionTextColor: ie,
+      darkOptionTextColorSelected: se,
       darkOptionBgColorSelected: De,
       darkPlaceholderColor: Ie,
       tabindex: $e,
       tabIndex: ke,
-      hasTabIndexEnter: se,
-      hasTabIndexSpace: fe,
+      hasTabIndexEnter: fe,
+      hasTabIndexSpace: ce,
       ariaLabel: l,
       ariaAttrs: v
-    } = Je(q), s = J(null), w = J([]), Ne = J(!1), b = J(!1), p = J(!1), Ee = J(null), Ve = J(!1), I = J(null), j = J(null), N = J(-1), M = J(-1), le = o({
-      get: () => Array.isArray(w.value) ? w.value : [],
+    } = Je(U), s = ee(null), V = ee([]), Ne = ee(!1), b = ee(!1), p = ee(!1), Ee = ee(null), Ve = ee(!1), E = ee(null), X = ee(null), L = ee(-1), P = ee(-1), ne = o({
+      get: () => Array.isArray(V.value) ? V.value : [],
       set: (a) => {
-        w.value = Array.isArray(a) ? a : [];
+        V.value = Array.isArray(a) ? a : [];
       }
     }), xe = o(() => {
-      const a = d.value ? "component-disabled" : "", n = x.value !== "b" ? "inline-block" : "block", r = ae.value ? ae.value : "#ffffff", i = h.value ? h.value : "'Lato', sans-serif", u = ce.value ? ce.value : "1.6rem", K = !P.value || P.value < 0 ? 100 : P.value, xt = ve.value ? ve.value : 200, kt = !he.value || he.value < 0 ? 0 : he.value, St = F.value ? F.value : !1, _t = !oe.value || !["center", "left", "right"].includes(oe.value) ? "left" : oe.value, Tt = !Q.value || !["background", "line", "border"].includes(Q.value) ? "background" : Q.value;
+      const a = d.value ? "component-disabled" : "", n = x.value !== "b" ? "inline-block" : "block", r = re.value ? re.value : "#ffffff", i = h.value ? h.value : "'Lato', sans-serif", u = pe.value ? pe.value : "1.6rem", K = M.value !== 0 && !M.value || M.value < 0 ? 100 : M.value, xt = te.value !== 0 && !te.value || te.value < 0 ? 200 : te.value, kt = ve.value !== 0 && !ve.value || ve.value < 0 ? 0 : ve.value, St = F.value ? F.value : !1, _t = !ue.value || !["center", "left", "right"].includes(ue.value) ? "left" : ue.value, Tt = !le.value || !["background", "line", "border"].includes(le.value) ? "background" : le.value;
       return {
         disabled: a,
         display: n,
@@ -391,14 +391,14 @@ const Ze = (t, C) => {
       const a = xe.value;
       return a.inputStyle !== "line" && a.hasBorderRadius ? { borderRadius: `${a.borderRadius}rem` } : {};
     }), qe = o(() => {
-      switch (be.value) {
+      switch (he.value) {
         case "dark":
           return "component__theme--dark";
         default:
           return "component__theme--light";
       }
     }), Pe = o(() => {
-      switch (Q.value) {
+      switch (le.value) {
         case "line":
           return "component__input--line";
         case "border":
@@ -407,15 +407,15 @@ const Ze = (t, C) => {
           return "component__input--background";
       }
     }), Ae = (a) => {
-      const n = T.value.map((u, K) => ({
+      const n = k.value.map((u, K) => ({
         value: u[c.value],
         disabled: u.disabled || d.value,
         index: K
       }));
       if (n.filter((u) => !u.disabled).length === 0)
         return;
-      let i = M.value;
-      if (i < 0 && T.value.length > 0 && (i = 0), a === "down") {
+      let i = P.value;
+      if (i < 0 && k.value.length > 0 && (i = 0), a === "down") {
         let u = (i + 1) % n.length, K = 0;
         for (; n[u].disabled && K < n.length; )
           u = (u + 1) % n.length, K++;
@@ -426,7 +426,7 @@ const Ze = (t, C) => {
           u = u <= 0 ? n.length - 1 : u - 1, K++;
         n[u].disabled || (i = u);
       }
-      M.value = i, X(() => {
+      P.value = i, Y(() => {
         const u = document.querySelector(`[data-option-index-multiple="${i}"]`);
         u && u.focus();
       });
@@ -434,10 +434,10 @@ const Ze = (t, C) => {
       if (!d.value) {
         a.stopPropagation();
         const n = b.value;
-        b.value = !b.value, !n && b.value ? (dt(), T.value.length > 0 && (M.value = 0, X(() => {
-          const r = document.querySelector(`[data-option-index-multiple="${M.value}"]`);
+        b.value = !b.value, !n && b.value ? (dt(), k.value.length > 0 && (P.value = 0, Y(() => {
+          const r = document.querySelector(`[data-option-index-multiple="${P.value}"]`);
           r && r.focus();
-        }))) : b.value || (M.value = -1);
+        }))) : b.value || (P.value = -1);
       }
     }, ut = (a) => {
       a.target.closest(".component__dropdown") || (b.value = !1, p.value = !1);
@@ -445,29 +445,29 @@ const Ze = (t, C) => {
       var n;
       (b.value || p.value) && !((n = Ee.value) != null && n.contains(a.relatedTarget)) && setTimeout(() => {
         var r;
-        Ve.value || (r = Ee.value) != null && r.contains(document.activeElement) || (b.value && (b.value = !1, M.value = -1, X(() => {
-          j.value && j.value.focus();
-        })), p.value && (p.value = !1, N.value = -1, X(() => {
-          I.value && I.value.focus();
+        Ve.value || (r = Ee.value) != null && r.contains(document.activeElement) || (b.value && (b.value = !1, P.value = -1, Y(() => {
+          X.value && X.value.focus();
+        })), p.value && (p.value = !1, L.value = -1, Y(() => {
+          E.value && E.value.focus();
         })));
       }, 100);
     }, dt = () => {
       document.dispatchEvent(new CustomEvent("nbselect:close-all", {
-        detail: { excludeId: q.nbId }
+        detail: { excludeId: U.nbId }
       }));
     }, it = (a) => {
       var n;
-      ((n = a.detail) == null ? void 0 : n.excludeId) !== q.nbId && (b.value && (b.value = !1), p.value && (p.value = !1));
+      ((n = a.detail) == null ? void 0 : n.excludeId) !== U.nbId && (b.value && (b.value = !1), p.value && (p.value = !1));
     }, ze = (a) => {
       const n = [];
-      if (m.value && n.push({ value: B.value, disabled: d.value, index: 0 }), n.push(...T.value.map((u, K) => ({
+      if (m.value && n.push({ value: S.value, disabled: d.value, index: 0 }), n.push(...k.value.map((u, K) => ({
         value: u[c.value],
         disabled: u.disabled || d.value,
         index: m.value ? K + 1 : K
       }))), n.filter((u) => !u.disabled).length === 0)
         return;
-      let i = N.value;
-      if (i < 0 && (i = m.value || T.value.length > 0 ? 0 : -1), a === "down") {
+      let i = L.value;
+      if (i < 0 && (i = m.value || k.value.length > 0 ? 0 : -1), a === "down") {
         let u = (i + 1) % n.length, K = 0;
         for (; n[u].disabled && K < n.length; )
           u = (u + 1) % n.length, K++;
@@ -478,56 +478,56 @@ const Ze = (t, C) => {
           u = u <= 0 ? n.length - 1 : u - 1, K++;
         n[u].disabled || (i = u);
       }
-      N.value = i, X(() => {
+      L.value = i, Y(() => {
         const u = document.querySelector(`[data-option-index-single="${i}"]`);
         u && u.focus();
       });
     }, st = () => {
-      !d.value && p.value && (p.value = !1, N.value = -1, X(() => {
-        I.value && I.value.focus();
+      !d.value && p.value && (p.value = !1, L.value = -1, Y(() => {
+        E.value && E.value.focus();
       }));
     }, bt = () => {
-      !d.value && b.value && (b.value = !1, M.value = -1, X(() => {
-        j.value && j.value.focus();
+      !d.value && b.value && (b.value = !1, P.value = -1, Y(() => {
+        X.value && X.value.focus();
       }));
     }, tt = (a) => {
       if (!d.value) {
         a.stopPropagation();
         const n = p.value;
-        p.value = !p.value, !n && p.value ? (dt(), N.value = m.value ? 0 : -1, !m.value && T.value.length > 0 && (N.value = 0), X(() => {
-          const r = document.querySelector(`[data-option-index-single="${N.value}"]`);
+        p.value = !p.value, !n && p.value ? (dt(), L.value = m.value ? 0 : -1, !m.value && k.value.length > 0 && (L.value = 0), Y(() => {
+          const r = document.querySelector(`[data-option-index-single="${L.value}"]`);
           r && r.focus();
-        })) : p.value || (N.value = -1);
+        })) : p.value || (L.value = -1);
       }
     }, Ke = (a) => {
-      d.value || (Ve.value = !0, s.value = a, p.value = !1, N.value = -1, ft(a), setTimeout(() => {
-        Ve.value = !1, X(() => {
-          I.value && I.value.focus();
+      d.value || (Ve.value = !0, s.value = a, p.value = !1, L.value = -1, ft(a), setTimeout(() => {
+        Ve.value = !1, Y(() => {
+          E.value && E.value.focus();
         });
       }, 150));
     }, ht = () => {
-      if (!s.value || s.value === B.value)
-        return R.value;
-      const a = T.value.find(
+      if (!s.value || s.value === S.value)
+        return D.value;
+      const a = k.value.find(
         (n) => n[c.value] === s.value
       );
-      return a ? a[Y.value] : R.value;
+      return a ? a[j.value] : D.value;
     }, yt = () => {
-      const a = T.value.filter(
-        (n) => le.value.includes(n[c.value])
+      const a = k.value.filter(
+        (n) => ne.value.includes(n[c.value])
       );
-      return a.length === 0 ? R.value : a.length === 1 ? a[0][Y.value] : `${a.length} itens selecionados`;
+      return a.length === 0 ? D.value : a.length === 1 ? a[0][j.value] : `${a.length} itens selecionados`;
     }, ot = (a) => {
       if (d.value)
         return;
       Ve.value = !0;
-      const n = [...le.value];
+      const n = [...ne.value];
       if (n.includes(a)) {
         const r = n.filter((i) => i !== a);
-        le.value = r;
+        ne.value = r;
       } else
-        le.value = [...n, a];
-      ft(le.value), setTimeout(() => {
+        ne.value = [...n, a];
+      ft(ne.value), setTimeout(() => {
         Ve.value = !1;
       }, 150);
     }, ft = (a) => {
@@ -556,26 +556,26 @@ const Ze = (t, C) => {
           }
         switch (a.key) {
           case "Enter":
-            se.value && (a.preventDefault(), p.value ? (p.value = !1, N.value = -1, X(() => {
-              I.value && I.value.focus();
+            fe.value && (a.preventDefault(), p.value ? (p.value = !1, L.value = -1, Y(() => {
+              E.value && E.value.focus();
             })) : tt(a));
             break;
           case " ":
-            fe.value && (a.preventDefault(), p.value ? (p.value = !1, N.value = -1, X(() => {
-              I.value && I.value.focus();
+            ce.value && (a.preventDefault(), p.value ? (p.value = !1, L.value = -1, Y(() => {
+              E.value && E.value.focus();
             })) : tt(a));
             break;
           case "Escape":
-            p.value && (a.preventDefault(), p.value = !1, N.value = -1, X(() => {
-              I.value && I.value.focus();
+            p.value && (a.preventDefault(), p.value = !1, L.value = -1, Y(() => {
+              E.value && E.value.focus();
             }));
             break;
           case "ArrowDown":
             a.preventDefault(), p.value || tt(a);
             break;
           case "ArrowUp":
-            a.preventDefault(), p.value && (p.value = !1, N.value = -1, X(() => {
-              I.value && I.value.focus();
+            a.preventDefault(), p.value && (p.value = !1, L.value = -1, Y(() => {
+              E.value && E.value.focus();
             }));
             break;
         }
@@ -593,190 +593,190 @@ const Ze = (t, C) => {
           }
         switch (a.key) {
           case "Enter":
-            se.value && (a.preventDefault(), b.value ? (b.value = !1, M.value = -1, X(() => {
-              j.value && j.value.focus();
+            fe.value && (a.preventDefault(), b.value ? (b.value = !1, P.value = -1, Y(() => {
+              X.value && X.value.focus();
             })) : et(a));
             break;
           case " ":
-            fe.value && (a.preventDefault(), b.value ? (b.value = !1, M.value = -1, X(() => {
-              j.value && j.value.focus();
+            ce.value && (a.preventDefault(), b.value ? (b.value = !1, P.value = -1, Y(() => {
+              X.value && X.value.focus();
             })) : et(a));
             break;
           case "Escape":
-            b.value && (a.preventDefault(), b.value = !1, M.value = -1, X(() => {
-              j.value && j.value.focus();
+            b.value && (a.preventDefault(), b.value = !1, P.value = -1, Y(() => {
+              X.value && X.value.focus();
             }));
             break;
           case "ArrowDown":
             a.preventDefault(), b.value || et(a);
             break;
           case "ArrowUp":
-            a.preventDefault(), b.value && (b.value = !1, M.value = -1, X(() => {
-              j.value && j.value.focus();
+            a.preventDefault(), b.value && (b.value = !1, P.value = -1, Y(() => {
+              X.value && X.value.focus();
             }));
             break;
         }
       }
     };
-    return ge(s, (a, n) => {
+    return be(s, (a, n) => {
       Ne.value && a !== n && g("changed", a);
-    }), ge(Z, (a, n) => {
+    }), be(ae, (a, n) => {
       a !== n && (s.value = a);
-    }), ge(w, (a, n) => {
+    }), be(V, (a, n) => {
       Ne.value && a !== n && g("changed", a);
-    }), ge(ee, (a, n) => {
-      a !== n && (w.value = a || []);
-    }), (a, n) => t.nbId ? (V(), H("div", {
+    }), be(G, (a, n) => {
+      a !== n && (V.value = a || []);
+    }), (a, n) => t.nbId ? (H(), $("div", {
       key: 0,
       ref_key: "wrapperRef",
       ref: Ee,
-      class: E(["nb-wrapper", Fe.value]),
+      class: R(["nb-wrapper", Fe.value]),
       style: Re([je.value, We.value]),
       onFocusout: gt
     }, [
-      _("div", Qe({
+      w("div", Qe({
         id: t.nbId,
         ref: t.nbId,
         class: ["nb-reset", "component", qe.value, Pe.value],
         style: [Xe.value, We.value, Le.value]
       }, Ct.value), [
-        e($) ? (V(), H("label", {
+        e(_) ? (H(), $("label", {
           key: 0,
           for: e(ye),
           class: "component__label"
         }, [
-          nt(pe(e(L)), 1),
-          e(Ce) ? (V(), H("span", Ht, "*")) : Se("", !0)
+          nt(ge(e(N)), 1),
+          e(Ce) ? (H(), $("span", Ht, "*")) : Se("", !0)
         ], 8, Vt)) : Se("", !0),
-        e(ne) ? (V(), H("div", {
+        e(de) ? (H(), $("div", {
           key: 2,
-          class: E(["component__dropdown", { open: b.value, disabled: e(d) }])
+          class: R(["component__dropdown", { open: b.value, disabled: e(d) }])
         }, [
-          _("div", {
+          w("div", {
             ref_key: "dropdownFieldMultipleRef",
-            ref: j,
-            class: E(["component__dropdown-field", { "has-selection": le.value.length > 0 }]),
+            ref: X,
+            class: R(["component__dropdown-field", { "has-selection": ne.value.length > 0 }]),
             style: Re([Le.value]),
             tabindex: e(d) ? -1 : e(ke) >= 0 ? e(ke) : e($e),
             onClick: et,
             onKeydown: Ot
           }, [
-            le.value.length === 0 ? (V(), H("span", Wt, pe(e(R)), 1)) : (V(), H("span", zt, pe(yt()), 1)),
-            _("span", {
-              class: E(["component__dropdown-arrow", { open: b.value }])
+            ne.value.length === 0 ? (H(), $("span", Wt, ge(e(D)), 1)) : (H(), $("span", zt, ge(yt()), 1)),
+            w("span", {
+              class: R(["component__dropdown-arrow", { open: b.value }])
             }, "▼", 2)
           ], 46, Rt),
-          b.value ? (V(), H("div", {
+          b.value ? (H(), $("div", {
             key: 0,
-            class: E(["component__checkbox-group", e(U)]),
+            class: R(["component__checkbox-group", e(q)]),
             role: "listbox"
           }, [
-            (V(!0), H(ct, null, vt(e(T), (r, i) => (V(), H("label", {
+            (H(!0), $(ct, null, vt(e(k), (r, i) => (H(), $("label", {
               key: i,
               "data-option-index-multiple": i,
-              class: E(["component__checkbox-option", {
+              class: R(["component__checkbox-option", {
                 disabled: r.disabled || e(d),
-                selected: le.value.includes(r[e(c)])
+                selected: ne.value.includes(r[e(c)])
               }]),
-              tabindex: r.disabled || e(d) ? -1 : M.value === i ? 0 : -1,
+              tabindex: r.disabled || e(d) ? -1 : P.value === i ? 0 : -1,
               role: "option",
-              "aria-selected": le.value.includes(r[e(c)]),
+              "aria-selected": ne.value.includes(r[e(c)]),
               onClick: y((u) => !r.disabled && !e(d) && ot(r[e(c)]), ["prevent"]),
               onKeydown: [
-                S(y((u) => !r.disabled && !e(d) && e(se) && ot(r[e(c)]), ["prevent"]), ["enter"]),
-                S(y((u) => !r.disabled && !e(d) && e(fe) && ot(r[e(c)]), ["prevent"]), ["space"]),
-                S(y((u) => !r.disabled && !e(d) && Ae("down"), ["prevent"]), ["arrow-down"]),
-                S(y((u) => !r.disabled && !e(d) && Ae("up"), ["prevent"]), ["arrow-up"]),
-                S(y((u) => !r.disabled && !e(d) && bt(), ["prevent"]), ["escape"])
+                B(y((u) => !r.disabled && !e(d) && e(fe) && ot(r[e(c)]), ["prevent"]), ["enter"]),
+                B(y((u) => !r.disabled && !e(d) && e(ce) && ot(r[e(c)]), ["prevent"]), ["space"]),
+                B(y((u) => !r.disabled && !e(d) && Ae("down"), ["prevent"]), ["arrow-down"]),
+                B(y((u) => !r.disabled && !e(d) && Ae("up"), ["prevent"]), ["arrow-up"]),
+                B(y((u) => !r.disabled && !e(d) && bt(), ["prevent"]), ["escape"])
               ]
             }, [
-              _("input", {
+              w("input", {
                 type: "checkbox",
                 value: r[e(c)],
-                checked: le.value.includes(r[e(c)]),
+                checked: ne.value.includes(r[e(c)]),
                 disabled: r.disabled || e(d),
                 onClick: n[6] || (n[6] = y(() => {
                 }, ["stop"]))
               }, null, 8, Ft),
-              _("span", jt, [
+              w("span", jt, [
                 pt(a.$slots, "slot-select-item", {
                   propRow: r,
                   propIndex: i
                 }, () => [
-                  nt(pe(r[e(Y)]), 1)
+                  nt(ge(r[e(j)]), 1)
                 ], !0)
               ])
             ], 42, Kt))), 128))
           ], 2)) : Se("", !0)
-        ], 2)) : (V(), H("div", {
+        ], 2)) : (H(), $("div", {
           key: 1,
-          class: E(["component__dropdown", { open: p.value, disabled: e(d) }])
+          class: R(["component__dropdown", { open: p.value, disabled: e(d) }])
         }, [
-          _("div", {
+          w("div", {
             ref_key: "dropdownFieldSingleRef",
-            ref: I,
-            class: E(["component__dropdown-field", { "has-selection": s.value !== null && s.value !== e(B) }]),
+            ref: E,
+            class: R(["component__dropdown-field", { "has-selection": s.value !== null && s.value !== e(S) }]),
             style: Re([Le.value]),
             tabindex: e(d) ? -1 : e(ke) >= 0 ? e(ke) : e($e),
             onClick: tt,
             onKeydown: mt
           }, [
-            !s.value || s.value === e(B) ? (V(), H("span", At, pe(e(R)), 1)) : (V(), H("span", Dt, pe(ht()), 1)),
-            _("span", {
-              class: E(["component__dropdown-arrow", { open: p.value }])
+            !s.value || s.value === e(S) ? (H(), $("span", At, ge(e(D)), 1)) : (H(), $("span", Dt, ge(ht()), 1)),
+            w("span", {
+              class: R(["component__dropdown-arrow", { open: p.value }])
             }, "▼", 2)
           ], 46, $t),
-          p.value ? (V(), H("div", {
+          p.value ? (H(), $("div", {
             key: 0,
-            class: E(["component__option-group", e(U)]),
+            class: R(["component__option-group", e(q)]),
             role: "listbox"
           }, [
-            e(m) ? (V(), H("div", {
+            e(m) ? (H(), $("div", {
               key: 0,
               "data-option-index-single": "0",
-              class: E(["component__option-item", {
+              class: R(["component__option-item", {
                 disabled: e(d),
-                selected: !s.value || s.value === e(B)
+                selected: !s.value || s.value === e(S)
               }]),
-              tabindex: e(d) ? -1 : N.value === 0 ? 0 : -1,
+              tabindex: e(d) ? -1 : L.value === 0 ? 0 : -1,
               role: "option",
-              "aria-selected": !s.value || s.value === e(B),
-              onClick: n[0] || (n[0] = y((r) => !e(d) && Ke(e(B)), ["prevent"])),
+              "aria-selected": !s.value || s.value === e(S),
+              onClick: n[0] || (n[0] = y((r) => !e(d) && Ke(e(S)), ["prevent"])),
               onKeydown: [
-                n[1] || (n[1] = S(y((r) => !e(d) && e(se) && Ke(e(B)), ["prevent"]), ["enter"])),
-                n[2] || (n[2] = S(y((r) => !e(d) && e(fe) && Ke(e(B)), ["prevent"]), ["space"])),
-                n[3] || (n[3] = S(y((r) => !e(d) && ze("down"), ["prevent"]), ["arrow-down"])),
-                n[4] || (n[4] = S(y((r) => !e(d) && ze("up"), ["prevent"]), ["arrow-up"])),
-                n[5] || (n[5] = S(y((r) => !e(d) && st(), ["prevent"]), ["escape"]))
+                n[1] || (n[1] = B(y((r) => !e(d) && e(fe) && Ke(e(S)), ["prevent"]), ["enter"])),
+                n[2] || (n[2] = B(y((r) => !e(d) && e(ce) && Ke(e(S)), ["prevent"]), ["space"])),
+                n[3] || (n[3] = B(y((r) => !e(d) && ze("down"), ["prevent"]), ["arrow-down"])),
+                n[4] || (n[4] = B(y((r) => !e(d) && ze("up"), ["prevent"]), ["arrow-up"])),
+                n[5] || (n[5] = B(y((r) => !e(d) && st(), ["prevent"]), ["escape"]))
               ]
             }, [
-              _("span", Nt, pe(e(R)), 1)
+              w("span", Nt, ge(e(D)), 1)
             ], 42, It)) : Se("", !0),
-            (V(!0), H(ct, null, vt(e(T), (r, i) => (V(), H("div", {
+            (H(!0), $(ct, null, vt(e(k), (r, i) => (H(), $("div", {
               key: i,
               "data-option-index-single": e(m) ? i + 1 : i,
-              class: E(["component__option-item", {
+              class: R(["component__option-item", {
                 disabled: r.disabled || e(d),
                 selected: s.value === r[e(c)]
               }]),
-              tabindex: r.disabled || e(d) ? -1 : N.value === (e(m) ? i + 1 : i) ? 0 : -1,
+              tabindex: r.disabled || e(d) ? -1 : L.value === (e(m) ? i + 1 : i) ? 0 : -1,
               role: "option",
               "aria-selected": s.value === r[e(c)],
               onClick: y((u) => !r.disabled && !e(d) && Ke(r[e(c)]), ["prevent"]),
               onKeydown: [
-                S(y((u) => !r.disabled && !e(d) && e(se) && Ke(r[e(c)]), ["prevent"]), ["enter"]),
-                S(y((u) => !r.disabled && !e(d) && e(fe) && Ke(r[e(c)]), ["prevent"]), ["space"]),
-                S(y((u) => !r.disabled && !e(d) && ze("down"), ["prevent"]), ["arrow-down"]),
-                S(y((u) => !r.disabled && !e(d) && ze("up"), ["prevent"]), ["arrow-up"]),
-                S(y((u) => !r.disabled && !e(d) && st(), ["prevent"]), ["escape"])
+                B(y((u) => !r.disabled && !e(d) && e(fe) && Ke(r[e(c)]), ["prevent"]), ["enter"]),
+                B(y((u) => !r.disabled && !e(d) && e(ce) && Ke(r[e(c)]), ["prevent"]), ["space"]),
+                B(y((u) => !r.disabled && !e(d) && ze("down"), ["prevent"]), ["arrow-down"]),
+                B(y((u) => !r.disabled && !e(d) && ze("up"), ["prevent"]), ["arrow-up"]),
+                B(y((u) => !r.disabled && !e(d) && st(), ["prevent"]), ["escape"])
               ]
             }, [
-              _("span", Lt, [
+              w("span", Lt, [
                 pt(a.$slots, "slot-select-item", {
                   propRow: r,
                   propIndex: i
                 }, () => [
-                  nt(pe(r[e(Y)]), 1)
+                  nt(ge(r[e(j)]), 1)
                 ], !0)
               ])
             ], 42, Et))), 128))
@@ -785,7 +785,7 @@ const Ze = (t, C) => {
       ], 16, wt)
     ], 38)) : Se("", !0);
   }
-}), Yt = /* @__PURE__ */ Ze(Xt, [["__scopeId", "data-v-7feeaa38"]]);
+}), Yt = /* @__PURE__ */ Ze(Xt, [["__scopeId", "data-v-45c313f1"]]);
 const Mt = ["id"], qt = ["for", "tabindex"], Pt = ["id", "disabled"], Ut = ["id"], Gt = /* @__PURE__ */ Object.assign({
   name: "NbToggle",
   inheritAttrs: !1
@@ -887,91 +887,91 @@ const Mt = ["id"], qt = ["for", "tabindex"], Pt = ["id", "disabled"], Ut = ["id"
   },
   emits: ["changed", "current-value", "clicked"],
   setup(t, { emit: C }) {
-    Ue((D) => ({
-      v36168618: R.value,
-      a80063b0: k.value,
-      v517ca11a: re.value,
-      v6cfafb4e: me.value,
+    Ue((I) => ({
+      36168618: D.value,
+      a80063b0: T.value,
+      "517ca11a": J.value,
+      "6cfafb4e": me.value,
       e917ec32: Oe.value,
-      v7f1dd87e: ue.value,
-      v4de0195e: f.value,
-      v957d25b8: A.value,
-      v7a70f3f8: _e.value,
-      v6d305071: Te.value
+      "7f1dd87e": Q.value,
+      "4de0195e": f.value,
+      "957d25b8": A.value,
+      "7a70f3f8": _e.value,
+      "6d305071": Te.value
     }));
-    const g = C, q = t;
+    const g = C, U = t;
     Ge(() => {
-      m.value = q.value, g("current-value", q.value);
+      m.value = U.value, g("current-value", U.value);
     });
     const {
       nbId: x,
-      value: ae,
-      display: be,
+      value: re,
+      display: he,
       disabled: F,
-      tabIndex: he,
+      tabIndex: ve,
       hasTabIndexEnter: d,
       hasTabIndexSpace: h,
-      ariaLabel: ce,
-      ariaAttrs: P,
-      theme: oe,
-      lightSwitchColor: ve,
-      lightSwitchColorActive: Q,
+      ariaLabel: pe,
+      ariaAttrs: M,
+      theme: ue,
+      lightSwitchColor: te,
+      lightSwitchColorActive: le,
       lightThumbColor: ye,
       lightThumbColorActive: Ce,
-      lightDisabledBgColor: T,
-      darkSwitchColor: Z,
-      darkSwitchColorActive: ee,
-      darkThumbColor: Y,
+      lightDisabledBgColor: k,
+      darkSwitchColor: ae,
+      darkSwitchColorActive: G,
+      darkThumbColor: j,
       darkThumbColorActive: c,
-      darkDisabledBgColor: ne
-    } = Je(q), m = J(!1), B = o(() => {
-      const D = F.value ? "component-disabled" : "", W = be.value !== "b" ? "inline-block" : "block";
+      darkDisabledBgColor: de
+    } = Je(U), m = ee(!1), S = o(() => {
+      const I = F.value ? "component-disabled" : "", W = he.value !== "b" ? "inline-block" : "block";
       return {
-        disabled: D,
+        disabled: I,
         display: W
       };
-    }), U = o(() => B.value.disabled), $ = o(() => ({
-      display: B.value.display
-    })), L = o(() => oe.value === "dark" ? "component__theme--dark" : "component__theme--light"), R = o(() => ve.value), re = o(() => Q.value), k = o(() => ye.value), me = o(() => Ce.value), Oe = o(() => T.value), ue = o(() => Z.value), A = o(() => ee.value), f = o(() => Y.value), _e = o(() => c.value), Te = o(() => ne.value), Be = o(() => {
-      const D = {};
-      P.value && Object.keys(P.value).forEach((te) => D[`aria-${te}`] = P.value[te]);
+    }), q = o(() => S.value.disabled), _ = o(() => ({
+      display: S.value.display
+    })), N = o(() => ue.value === "dark" ? "component__theme--dark" : "component__theme--light"), D = o(() => te.value), J = o(() => le.value), T = o(() => ye.value), me = o(() => Ce.value), Oe = o(() => k.value), Q = o(() => ae.value), A = o(() => G.value), f = o(() => j.value), _e = o(() => c.value), Te = o(() => de.value), Be = o(() => {
+      const I = {};
+      M.value && Object.keys(M.value).forEach((oe) => I[`aria-${oe}`] = M.value[oe]);
       const W = {
-        "aria-label": ce.value,
+        "aria-label": pe.value,
         "aria-disabled": F.value,
         "aria-checked": m.value,
-        ...D
+        ...I
       };
       return Object.fromEntries(
-        Object.entries(W).filter(([G, te]) => te != null)
+        Object.entries(W).filter(([Z, oe]) => oe != null)
       );
     }), we = () => {
       g("changed", m.value), g("current-value", m.value), g("clicked");
     };
-    return ge(ae, (D) => {
-      m.value = D;
-    }), ge(m, (D) => {
-      g("current-value", D);
-    }), (D, W) => e(x) ? (V(), H("div", {
+    return be(re, (I) => {
+      m.value = I;
+    }), be(m, (I) => {
+      g("current-value", I);
+    }), (I, W) => e(x) ? (H(), $("div", {
       key: 0,
-      class: E(["nb-wrapper", U.value]),
-      style: Re([$.value])
+      class: R(["nb-wrapper", q.value]),
+      style: Re([_.value])
     }, [
-      _("div", Qe({
+      w("div", Qe({
         id: e(x),
-        class: ["nb-reset", "component", "component-toggle", L.value]
+        class: ["nb-reset", "component", "component-toggle", N.value]
       }, Be.value), [
-        _("label", {
+        w("label", {
           for: `toggle-input-${e(x)}`,
           class: "component-toggle__button",
-          tabindex: e(F) ? -1 : e(he),
+          tabindex: e(F) ? -1 : e(ve),
           onKeydown: [
-            W[1] || (W[1] = S(y((G) => !e(F) && e(d) && G.target.click(), ["prevent"]), ["enter"])),
-            W[2] || (W[2] = S(y((G) => !e(F) && e(h) && G.target.click(), ["prevent"]), ["space"]))
+            W[1] || (W[1] = B(y((Z) => !e(F) && e(d) && Z.target.click(), ["prevent"]), ["enter"])),
+            W[2] || (W[2] = B(y((Z) => !e(F) && e(h) && Z.target.click(), ["prevent"]), ["space"]))
           ]
         }, [
-          lt(_("input", {
+          lt(w("input", {
             id: `toggle-input-${e(x)}`,
-            "onUpdate:modelValue": W[0] || (W[0] = (G) => m.value = G),
+            "onUpdate:modelValue": W[0] || (W[0] = (Z) => m.value = Z),
             type: "checkbox",
             disabled: e(F),
             class: "component-toggle__checkbox",
@@ -979,7 +979,7 @@ const Mt = ["id"], qt = ["for", "tabindex"], Pt = ["id", "disabled"], Ut = ["id"
           }, null, 40, Pt), [
             [at, m.value]
           ]),
-          _("div", {
+          w("div", {
             id: `toggle-switch-${e(x)}`,
             class: "component-toggle__switch"
           }, null, 8, Ut)
@@ -1121,62 +1121,62 @@ const Qt = ["tabIndex"], Zt = ["id"], el = ["id", "disabled"], tl = ["for"], ll
   emits: ["clicked", "current-value"],
   setup(t, { emit: C }) {
     Ue((O) => ({
-      v3531e937: me.value,
-      v22553608: we.value,
-      v30d9bc4b: D.value,
-      v6310c7e9: ue.value,
-      v710ac044: A.value,
-      c5a0b5b8: f.value,
-      v40a22417: _e.value,
-      v2fb5c8f2: Te.value,
-      v5bdaadd2: Be.value
+      "66c1e5c7": me.value,
+      "9ec62328": we.value,
+      c236ac8a: I.value,
+      "7a161959": Q.value,
+      "47fd1498": A.value,
+      "08265a94": f.value,
+      d81636b2: _e.value,
+      "0d4ab4fc": Te.value,
+      "257f8a62": Be.value
     }));
     const g = C;
     Ge(() => {
       He();
     });
-    const q = t, {
+    const U = t, {
       nbId: x,
-      value: ae,
-      textEnable: be,
+      value: re,
+      textEnable: he,
       textDisable: F,
-      hasAnimation: he,
+      hasAnimation: ve,
       ariaLabel: d,
       ariaAttrs: h,
-      theme: ce,
-      lightTextColor: P,
-      lightButtonColor: oe,
-      lightTextBgColor: ve,
-      darkTextColor: Q,
+      theme: pe,
+      lightTextColor: M,
+      lightButtonColor: ue,
+      lightTextBgColor: te,
+      darkTextColor: le,
       darkButtonColor: ye,
       darkTextBgColor: Ce,
-      borderRadius: T,
-      width: Z,
-      paddingX: ee,
-      paddingY: Y,
+      borderRadius: k,
+      width: ae,
+      paddingX: G,
+      paddingY: j,
       disabled: c,
-      fontFamily: ne,
+      fontFamily: de,
       fontSize: m,
-      fontWeight: B,
-      buttonSize: U
-    } = Je(q), $ = J(!1), L = o(() => {
-      const O = c.value ? "component-disabled" : "", z = "inline-block", de = !T.value || T.value < 0 ? 0 : T.value, ie = !Z.value || Z.value < 55 ? 55 : Z.value, De = !ee.value || ee.value < 0 ? 1 : ee.value, Ie = !Y.value || Y.value < 0 ? 0.2 : Y.value, $e = ne.value ? ne.value : "'Lato', sans-serif", ke = m.value ? m.value : "1.6em", se = !B.value || B.value < 0 ? 200 : B.value, fe = !U.value || U.value < 0 || U.value > 50 ? 30 : U.value;
+      fontWeight: S,
+      buttonSize: q
+    } = Je(U), _ = ee(!1), N = o(() => {
+      const O = c.value ? "component-disabled" : "", z = "inline-block", ie = k.value !== 0 && !k.value || k.value < 0 ? 0 : k.value, se = !ae.value || ae.value < 55 ? 55 : ae.value, De = G.value !== 0 && !G.value || G.value < 0 ? 1 : G.value, Ie = j.value !== 0 && !j.value || j.value < 0 ? 0.2 : j.value, $e = de.value ? de.value : "'Lato', sans-serif", ke = m.value ? m.value : "1.6em", fe = S.value !== 0 && !S.value || S.value < 0 ? 200 : S.value, ce = q.value !== 0 && !q.value || q.value < 0 || q.value > 50 ? 30 : q.value;
       return {
         disabled: O,
         display: z,
-        borderRadius: de,
-        width: ie,
+        borderRadius: ie,
+        width: se,
         paddingX: De,
         paddingY: Ie,
         font: $e,
         fontSize: ke,
-        fontWeight: se,
-        buttonSize: fe
+        fontWeight: fe,
+        buttonSize: ce
       };
-    }), R = o(() => L.value.disabled), re = o(() => ({
-      display: L.value.display
-    })), k = o(() => {
-      const O = L.value;
+    }), D = o(() => N.value.disabled), J = o(() => ({
+      display: N.value.display
+    })), T = o(() => {
+      const O = N.value;
       return {
         minWidth: "33px",
         width: `${O.width}px`,
@@ -1185,71 +1185,71 @@ const Qt = ["tabIndex"], Zt = ["id"], el = ["id", "disabled"], tl = ["for"], ll
         fontSize: O.fontSize,
         fontWeight: O.fontWeight
       };
-    }), me = o(() => L.value.font), Oe = o(() => ce.value === "dark" ? "component__theme--dark" : "component__theme--light"), ue = o(() => P.value), A = o(() => oe.value), f = o(() => ve.value), _e = o(() => Q.value), Te = o(() => ye.value), Be = o(() => Ce.value), we = o(() => `${L.value.buttonSize}%`), D = o(() => `${L.value.borderRadius}rem`), W = o(() => {
+    }), me = o(() => N.value.font), Oe = o(() => pe.value === "dark" ? "component__theme--dark" : "component__theme--light"), Q = o(() => M.value), A = o(() => ue.value), f = o(() => te.value), _e = o(() => le.value), Te = o(() => ye.value), Be = o(() => Ce.value), we = o(() => `${N.value.buttonSize}%`), I = o(() => `${N.value.borderRadius}rem`), W = o(() => {
       const O = {};
-      h.value && Object.keys(h.value).forEach((ie) => O[`aria-${ie}`] = h.value[ie]);
+      h.value && Object.keys(h.value).forEach((se) => O[`aria-${se}`] = h.value[se]);
       const z = {
         "aria-label": d.value,
-        "aria-checked": $.value,
+        "aria-checked": _.value,
         "aria-disabled": c.value,
         ...O
       };
       return Object.fromEntries(
-        Object.entries(z).filter(([de, ie]) => ie != null)
+        Object.entries(z).filter(([ie, se]) => se != null)
       );
-    }), G = () => {
+    }), Z = () => {
       c.value || g("clicked");
-    }, te = () => {
-      c.value || ($.value = !$.value, g("clicked"));
+    }, oe = () => {
+      c.value || (_.value = !_.value, g("clicked"));
     }, He = () => {
-      const O = ae.value;
-      $.value = O, g("current-value", O);
+      const O = re.value;
+      _.value = O, g("current-value", O);
     };
-    return ge($, (O) => {
+    return be(_, (O) => {
       g("current-value", O);
-    }), ge(ae, () => {
+    }), be(re, () => {
       He();
-    }), (O, z) => e(x) ? (V(), H("div", Qe({
+    }), (O, z) => e(x) ? (H(), $("div", Qe({
       key: 0,
-      class: ["nb-wrapper", R.value],
-      style: [re.value],
+      class: ["nb-wrapper", D.value],
+      style: [J.value],
       tabIndex: e(c) ? -1 : t.tabIndex,
       role: "button"
     }, W.value, {
       onKeydown: [
-        z[1] || (z[1] = S(y((de) => !e(c) && t.hasTabIndexEnter && te(), ["prevent"]), ["enter"])),
-        z[2] || (z[2] = S(y((de) => !e(c) && t.hasTabIndexSpace && te(), ["prevent"]), ["space"]))
+        z[1] || (z[1] = B(y((ie) => !e(c) && t.hasTabIndexEnter && oe(), ["prevent"]), ["enter"])),
+        z[2] || (z[2] = B(y((ie) => !e(c) && t.hasTabIndexSpace && oe(), ["prevent"]), ["space"]))
       ]
     }), [
-      _("div", {
+      w("div", {
         id: e(x),
-        class: E(["nb-reset", "component", Oe.value]),
-        style: Re([k.value])
+        class: R(["nb-reset", "component", Oe.value]),
+        style: Re([T.value])
       }, [
-        lt(_("input", {
+        lt(w("input", {
           id: `${e(x)}-input`,
-          "onUpdate:modelValue": z[0] || (z[0] = (de) => $.value = de),
+          "onUpdate:modelValue": z[0] || (z[0] = (ie) => _.value = ie),
           type: "checkbox",
           disabled: e(c),
           class: "component-input",
-          onChange: G
+          onChange: Z
         }, null, 40, el), [
-          [at, $.value]
+          [at, _.value]
         ]),
-        _("label", {
+        w("label", {
           for: `${e(x)}-input`,
-          class: E(["component-label", [
-            $.value ? "component-button--left" : "component-button--right",
-            e(he) ? "component-label-text-animation" : ""
+          class: R(["component-label", [
+            _.value ? "component-button--left" : "component-button--right",
+            e(ve) ? "component-label-text-animation" : ""
           ]])
         }, [
-          z[3] || (z[3] = _("div", { class: "component-label-button" }, null, -1)),
-          $.value ? (V(), H("span", ll, pe(e(be)), 1)) : (V(), H("span", al, pe(e(F)), 1))
+          z[3] || (z[3] = w("div", { class: "component-label-button" }, null, -1)),
+          _.value ? (H(), $("span", ll, ge(e(he)), 1)) : (H(), $("span", al, ge(e(F)), 1))
         ], 10, tl)
       ], 14, Zt)
     ], 16, Qt)) : Se("", !0);
   }
-}), nl = /* @__PURE__ */ Ze(ol, [["__scopeId", "data-v-e7c5d5fc"]]);
+}), nl = /* @__PURE__ */ Ze(ol, [["__scopeId", "data-v-18844377"]]);
 const rl = ["tabIndex"], ul = ["id"], dl = ["id", "disabled"], il = ["for", "data-tg-off", "data-tg-on"], sl = /* @__PURE__ */ Object.assign({
   name: "NbToggleFlip",
   inheritAttrs: !1
@@ -1408,64 +1408,64 @@ const rl = ["tabIndex"], ul = ["id"], dl = ["id", "disabled"], il = ["for", "dat
   emits: ["clicked", "current-value"],
   setup(t, { emit: C }) {
     Ue((l) => ({
-      ac6aa1d0: we.value,
-      v4696e6e9: G.value,
-      cc154ff4: W.value,
-      v6b4169e8: de.value,
-      v64b0c7af: O.value,
-      v32476034: De.value,
-      v89819b8a: z.value,
-      bf08ab54: Ie.value,
-      v21ae018d: te.value,
-      v14122f81: He.value,
-      v06285af4: ie.value
+      "3a607faa": we.value,
+      c937f50a: Z.value,
+      "67ce84b4": W.value,
+      "588dd2fa": ie.value,
+      "13a7ed5d": O.value,
+      "000bd262": De.value,
+      "29a67b66": z.value,
+      e9750430: Ie.value,
+      "1274f1c2": oe.value,
+      "3c2947a2": He.value,
+      "8da6e898": se.value
     }));
     const g = C;
     Ge(() => {
-      fe();
+      ce();
     });
-    const q = t, {
+    const U = t, {
       nbId: x,
-      value: ae,
-      textEnable: be,
+      value: re,
+      textEnable: he,
       textDisable: F,
-      ariaLabel: he,
+      ariaLabel: ve,
       ariaAttrs: d,
       theme: h,
-      lightButtonColorOn: ce,
-      lightButtonColorOff: P,
-      lightButtonColorOnHover: oe,
-      lightButtonColorOffHover: ve,
-      lightTextColorOn: Q,
+      lightButtonColorOn: pe,
+      lightButtonColorOff: M,
+      lightButtonColorOnHover: ue,
+      lightButtonColorOffHover: te,
+      lightTextColorOn: le,
       lightTextColorOff: ye,
       lightTextColorOnHover: Ce,
-      lightTextColorOffHover: T,
-      darkButtonColorOn: Z,
-      darkButtonColorOff: ee,
-      darkButtonColorOnHover: Y,
+      lightTextColorOffHover: k,
+      darkButtonColorOn: ae,
+      darkButtonColorOff: G,
+      darkButtonColorOnHover: j,
       darkButtonColorOffHover: c,
-      darkTextColorOn: ne,
+      darkTextColorOn: de,
       darkTextColorOff: m,
-      darkTextColorOnHover: B,
-      darkTextColorOffHover: U,
-      borderRadius: $,
-      width: L,
-      paddingX: R,
-      paddingY: re,
-      disabled: k,
+      darkTextColorOnHover: S,
+      darkTextColorOffHover: q,
+      borderRadius: _,
+      width: N,
+      paddingX: D,
+      paddingY: J,
+      disabled: T,
       fontFamily: me,
       fontSize: Oe,
-      fontWeight: ue
-    } = Je(q), A = J(!1), f = o(() => {
-      const l = k.value ? "component-disabled" : "", v = "inline-block", s = !$.value || $.value < 0 ? 0 : $.value, w = !L.value || L.value < 86 ? 86 : L.value, Ne = !R.value || R.value < 0 ? 1 : R.value, b = !re.value || re.value < 0 ? 0.2 : re.value, p = me.value ? me.value : "'Lato', sans-serif", Ee = Oe.value ? Oe.value : "1.6em", Ve = !ue.value || ue.value < 0 ? 200 : ue.value, I = ce.value ? ce.value : "#f8f8f2", j = P.value ? P.value : "#d5d5d5", N = oe.value ? oe.value : "#e8e8e2", M = ve.value ? ve.value : "#c0c0c0", le = Q.value ? Q.value : "#4a4a4a", xe = ye.value ? ye.value : "#909090", Fe = Ce.value ? Ce.value : "#3a3a3a", je = T.value ? T.value : "#707070", Xe = Z.value ? Z.value : "#3d3d3d", Ye = ee.value ? ee.value : "#1d1d1d", Me = Y.value ? Y.value : "#4d4d4d", We = c.value ? c.value : "#2d2d2d", Le = ne.value ? ne.value : "#f8f8f8", qe = m.value ? m.value : "#909090", Pe = B.value ? B.value : "#ffffff", Ae = U.value ? U.value : "#b0b0b0";
+      fontWeight: Q
+    } = Je(U), A = ee(!1), f = o(() => {
+      const l = T.value ? "component-disabled" : "", v = "inline-block", s = _.value !== 0 && !_.value || _.value < 0 ? 0 : _.value, V = !N.value || N.value < 86 ? 86 : N.value, Ne = D.value !== 0 && !D.value || D.value < 0 ? 1 : D.value, b = J.value !== 0 && !J.value || J.value < 0 ? 0.2 : J.value, p = me.value ? me.value : "'Lato', sans-serif", Ee = Oe.value ? Oe.value : "1.6em", Ve = Q.value !== 0 && !Q.value || Q.value < 0 ? 200 : Q.value, E = pe.value ? pe.value : "#f8f8f2", X = M.value ? M.value : "#d5d5d5", L = ue.value ? ue.value : "#e8e8e2", P = te.value ? te.value : "#c0c0c0", ne = le.value ? le.value : "#4a4a4a", xe = ye.value ? ye.value : "#909090", Fe = Ce.value ? Ce.value : "#3a3a3a", je = k.value ? k.value : "#707070", Xe = ae.value ? ae.value : "#3d3d3d", Ye = G.value ? G.value : "#1d1d1d", Me = j.value ? j.value : "#4d4d4d", We = c.value ? c.value : "#2d2d2d", Le = de.value ? de.value : "#f8f8f8", qe = m.value ? m.value : "#909090", Pe = S.value ? S.value : "#ffffff", Ae = q.value ? q.value : "#b0b0b0";
       return {
         disabled: l,
         display: v,
-        lightButtonColorOn: I,
-        lightButtonColorOff: j,
-        lightButtonColorOnHover: N,
-        lightButtonColorOffHover: M,
-        lightTextColorOn: le,
+        lightButtonColorOn: E,
+        lightButtonColorOff: X,
+        lightButtonColorOnHover: L,
+        lightButtonColorOffHover: P,
+        lightTextColorOn: ne,
         lightTextColorOff: xe,
         lightTextColorOnHover: Fe,
         lightTextColorOffHover: je,
@@ -1478,7 +1478,7 @@ const rl = ["tabIndex"], ul = ["id"], dl = ["id", "disabled"], il = ["for", "dat
         darkTextColorOnHover: Pe,
         darkTextColorOffHover: Ae,
         borderRadius: s,
-        width: w,
+        width: V,
         paddingX: Ne,
         paddingY: b,
         font: p,
@@ -1496,10 +1496,10 @@ const rl = ["tabIndex"], ul = ["id"], dl = ["id", "disabled"], il = ["for", "dat
         fontSize: l.fontSize,
         fontWeight: l.fontWeight
       };
-    }), we = o(() => f.value.font), D = o(() => h.value === "dark" ? "component__theme--dark" : "component__theme--light"), W = o(() => `${f.value.borderRadius}rem`), G = o(() => {
+    }), we = o(() => f.value.font), I = o(() => h.value === "dark" ? "component__theme--dark" : "component__theme--light"), W = o(() => `${f.value.borderRadius}rem`), Z = o(() => {
       const l = f.value;
       return `${l.paddingY}rem ${l.paddingX}rem`;
-    }), te = o(() => {
+    }), oe = o(() => {
       const l = f.value;
       return h.value === "light" ? l.lightTextColorOn : l.darkTextColorOn;
     }), He = o(() => {
@@ -1511,10 +1511,10 @@ const rl = ["tabIndex"], ul = ["id"], dl = ["id", "disabled"], il = ["for", "dat
     }), z = o(() => {
       const l = f.value;
       return h.value === "light" ? l.lightTextColorOffHover : l.darkTextColorOffHover;
-    }), de = o(() => {
+    }), ie = o(() => {
       const l = f.value;
       return h.value === "light" ? l.lightButtonColorOn : l.darkButtonColorOn;
-    }), ie = o(() => {
+    }), se = o(() => {
       const l = f.value;
       return h.value === "light" ? l.lightButtonColorOff : l.darkButtonColorOff;
     }), De = o(() => {
@@ -1525,65 +1525,65 @@ const rl = ["tabIndex"], ul = ["id"], dl = ["id", "disabled"], il = ["for", "dat
       return h.value === "light" ? l.lightButtonColorOffHover : l.darkButtonColorOffHover;
     }), $e = o(() => {
       const l = {};
-      d.value && Object.keys(d.value).forEach((w) => l[`aria-${w}`] = d.value[w]);
+      d.value && Object.keys(d.value).forEach((V) => l[`aria-${V}`] = d.value[V]);
       const v = {
-        "aria-label": he.value,
-        "aria-disabled": k.value,
+        "aria-label": ve.value,
+        "aria-disabled": T.value,
         ...l
       };
       return Object.fromEntries(
-        Object.entries(v).filter(([s, w]) => w != null)
+        Object.entries(v).filter(([s, V]) => V != null)
       );
     }), ke = () => {
-      k.value || g("clicked");
-    }, se = () => {
-      k.value || (A.value = !A.value, g("clicked"));
+      T.value || g("clicked");
     }, fe = () => {
-      const l = ae.value;
+      T.value || (A.value = !A.value, g("clicked"));
+    }, ce = () => {
+      const l = re.value;
       A.value = l, g("current-value", l);
     };
-    return ge(A, (l) => {
+    return be(A, (l) => {
       g("current-value", l);
-    }), ge(ae, () => {
-      fe();
-    }), (l, v) => e(x) ? (V(), H("div", Qe({
+    }), be(re, () => {
+      ce();
+    }), (l, v) => e(x) ? (H(), $("div", Qe({
       key: 0,
       class: ["nb-wrapper", _e.value],
       style: [Te.value],
-      tabIndex: e(k) ? -1 : t.tabIndex,
+      tabIndex: e(T) ? -1 : t.tabIndex,
       role: "button"
     }, $e.value, {
       onClick: v[1] || (v[1] = (...s) => l.interacted && l.interacted(...s)),
       onKeydown: [
-        v[2] || (v[2] = S(y((s) => !e(k) && t.hasTabIndexEnter && se(), ["prevent"]), ["enter"])),
-        v[3] || (v[3] = S(y((s) => !e(k) && t.hasTabIndexSpace && se(), ["prevent"]), ["space"]))
+        v[2] || (v[2] = B(y((s) => !e(T) && t.hasTabIndexEnter && fe(), ["prevent"]), ["enter"])),
+        v[3] || (v[3] = B(y((s) => !e(T) && t.hasTabIndexSpace && fe(), ["prevent"]), ["space"]))
       ]
     }), [
-      _("div", {
+      w("div", {
         id: e(x),
-        class: E(["nb-reset", "component", D.value]),
+        class: R(["nb-reset", "component", I.value]),
         style: Re([Be.value])
       }, [
-        lt(_("input", {
+        lt(w("input", {
           id: `${e(x)}-input`,
           "onUpdate:modelValue": v[0] || (v[0] = (s) => A.value = s),
           type: "checkbox",
-          disabled: e(k),
-          class: E(["component__input", "component__input--flip"]),
+          disabled: e(T),
+          class: R(["component__input", "component__input--flip"]),
           onChange: ke
         }, null, 40, dl), [
           [at, A.value]
         ]),
-        _("label", {
+        w("label", {
           for: `${e(x)}-input`,
           class: "component__button",
           "data-tg-off": e(F),
-          "data-tg-on": e(be)
-        }, pe(A.value ? e(be) : e(F)), 9, il)
+          "data-tg-on": e(he)
+        }, ge(A.value ? e(he) : e(F)), 9, il)
       ], 14, ul)
     ], 16, rl)) : Se("", !0);
   }
-}), fl = /* @__PURE__ */ Ze(sl, [["__scopeId", "data-v-9684280d"]]);
+}), fl = /* @__PURE__ */ Ze(sl, [["__scopeId", "data-v-2baeb465"]]);
 const cl = ["tabIndex"], vl = ["id"], pl = ["id", "disabled"], gl = ["for", "data-tg-off", "data-tg-on"], bl = /* @__PURE__ */ Object.assign({
   name: "NbToggleSkewed",
   inheritAttrs: !1
@@ -1742,64 +1742,64 @@ const cl = ["tabIndex"], vl = ["id"], pl = ["id", "disabled"], gl = ["for", "dat
   emits: ["clicked", "current-value"],
   setup(t, { emit: C }) {
     Ue((l) => ({
-      v53ee1386: we.value,
-      v84fb8de4: G.value,
-      v2b1ed5fe: W.value,
-      v2a2dcc4d: de.value,
-      v63bc9622: De.value,
-      v5aff0f2a: O.value,
-      v1b8bbcc1: ie.value,
-      v648d6c7c: He.value,
-      v7febecfb: Ie.value,
-      e28c4bc0: z.value,
-      v9eac8d9c: te.value
+      "8438e198": we.value,
+      "496829f6": Z.value,
+      "9ceaf52c": W.value,
+      "4651e904": ie.value,
+      af141ad0: De.value,
+      "2968a313": O.value,
+      f829922c: se.value,
+      "2ba75ce5": He.value,
+      "1fc1371c": Ie.value,
+      e4fa7952: z.value,
+      e468d0ae: oe.value
     }));
     const g = C;
     Ge(() => {
-      fe();
+      ce();
     });
-    const q = t, {
+    const U = t, {
       nbId: x,
-      value: ae,
-      textEnable: be,
+      value: re,
+      textEnable: he,
       textDisable: F,
-      ariaLabel: he,
+      ariaLabel: ve,
       ariaAttrs: d,
       theme: h,
-      lightButtonColorOn: ce,
-      lightButtonColorOff: P,
-      lightButtonColorOnHover: oe,
-      lightButtonColorOffHover: ve,
-      lightTextColorOn: Q,
+      lightButtonColorOn: pe,
+      lightButtonColorOff: M,
+      lightButtonColorOnHover: ue,
+      lightButtonColorOffHover: te,
+      lightTextColorOn: le,
       lightTextColorOff: ye,
       lightTextColorOnHover: Ce,
-      lightTextColorOffHover: T,
-      darkButtonColorOn: Z,
-      darkButtonColorOff: ee,
-      darkButtonColorOnHover: Y,
+      lightTextColorOffHover: k,
+      darkButtonColorOn: ae,
+      darkButtonColorOff: G,
+      darkButtonColorOnHover: j,
       darkButtonColorOffHover: c,
-      darkTextColorOn: ne,
+      darkTextColorOn: de,
       darkTextColorOff: m,
-      darkTextColorOnHover: B,
-      darkTextColorOffHover: U,
-      borderRadius: $,
-      width: L,
-      paddingX: R,
-      paddingY: re,
-      disabled: k,
+      darkTextColorOnHover: S,
+      darkTextColorOffHover: q,
+      borderRadius: _,
+      width: N,
+      paddingX: D,
+      paddingY: J,
+      disabled: T,
       fontFamily: me,
       fontSize: Oe,
-      fontWeight: ue
-    } = Je(q), A = J(!1), f = o(() => {
-      const l = k.value ? "component-disabled" : "", v = "inline-block", s = !$.value || $.value < 0 ? 0 : $.value, w = !L.value || L.value < 86 ? 86 : L.value, Ne = !R.value || R.value < 0 ? 1 : R.value, b = !re.value || re.value < 0 ? 0.2 : re.value, p = me.value ? me.value : "'Lato', sans-serif", Ee = Oe.value ? Oe.value : "1.6em", Ve = !ue.value || ue.value < 0 ? 200 : ue.value, I = ce.value ? ce.value : "#f8f8f2", j = P.value ? P.value : "#d5d5d5", N = oe.value ? oe.value : "#e8e8e2", M = ve.value ? ve.value : "#c0c0c0", le = Q.value ? Q.value : "#4a4a4a", xe = ye.value ? ye.value : "#909090", Fe = Ce.value ? Ce.value : "#3a3a3a", je = T.value ? T.value : "#707070", Xe = Z.value ? Z.value : "#3d3d3d", Ye = ee.value ? ee.value : "#1d1d1d", Me = Y.value ? Y.value : "#4d4d4d", We = c.value ? c.value : "#2d2d2d", Le = ne.value ? ne.value : "#f8f8f8", qe = m.value ? m.value : "#909090", Pe = B.value ? B.value : "#ffffff", Ae = U.value ? U.value : "#b0b0b0";
+      fontWeight: Q
+    } = Je(U), A = ee(!1), f = o(() => {
+      const l = T.value ? "component-disabled" : "", v = "inline-block", s = _.value !== 0 && !_.value || _.value < 0 ? 0 : _.value, V = N.value !== 0 && !N.value || N.value < 86 ? 86 : N.value, Ne = D.value !== 0 && !D.value || D.value < 0 ? 1 : D.value, b = J.value !== 0 && !J.value || J.value < 0 ? 0.2 : J.value, p = me.value ? me.value : "'Lato', sans-serif", Ee = Oe.value ? Oe.value : "1.6em", Ve = Q.value !== 0 && !Q.value || Q.value < 0 ? 200 : Q.value, E = pe.value ? pe.value : "#f8f8f2", X = M.value ? M.value : "#d5d5d5", L = ue.value ? ue.value : "#e8e8e2", P = te.value ? te.value : "#c0c0c0", ne = le.value ? le.value : "#4a4a4a", xe = ye.value ? ye.value : "#909090", Fe = Ce.value ? Ce.value : "#3a3a3a", je = k.value ? k.value : "#707070", Xe = ae.value ? ae.value : "#3d3d3d", Ye = G.value ? G.value : "#1d1d1d", Me = j.value ? j.value : "#4d4d4d", We = c.value ? c.value : "#2d2d2d", Le = de.value ? de.value : "#f8f8f8", qe = m.value ? m.value : "#909090", Pe = S.value ? S.value : "#ffffff", Ae = q.value ? q.value : "#b0b0b0";
       return {
         disabled: l,
         display: v,
-        lightButtonColorOn: I,
-        lightButtonColorOff: j,
-        lightButtonColorOnHover: N,
-        lightButtonColorOffHover: M,
-        lightTextColorOn: le,
+        lightButtonColorOn: E,
+        lightButtonColorOff: X,
+        lightButtonColorOnHover: L,
+        lightButtonColorOffHover: P,
+        lightTextColorOn: ne,
         lightTextColorOff: xe,
         lightTextColorOnHover: Fe,
         lightTextColorOffHover: je,
@@ -1812,7 +1812,7 @@ const cl = ["tabIndex"], vl = ["id"], pl = ["id", "disabled"], gl = ["for", "dat
         darkTextColorOnHover: Pe,
         darkTextColorOffHover: Ae,
         borderRadius: s,
-        width: w,
+        width: V,
         paddingX: Ne,
         paddingY: b,
         font: p,
@@ -1830,10 +1830,10 @@ const cl = ["tabIndex"], vl = ["id"], pl = ["id", "disabled"], gl = ["for", "dat
         fontSize: l.fontSize,
         fontWeight: l.fontWeight
       };
-    }), we = o(() => f.value.font), D = o(() => h.value === "dark" ? "component__theme--dark" : "component__theme--light"), W = o(() => `${f.value.borderRadius}rem`), G = o(() => {
+    }), we = o(() => f.value.font), I = o(() => h.value === "dark" ? "component__theme--dark" : "component__theme--light"), W = o(() => `${f.value.borderRadius}rem`), Z = o(() => {
       const l = f.value;
       return `${l.paddingY}rem ${l.paddingX}rem`;
-    }), te = o(() => {
+    }), oe = o(() => {
       const l = f.value;
       return h.value === "light" ? l.lightTextColorOn : l.darkTextColorOn;
     }), He = o(() => {
@@ -1845,10 +1845,10 @@ const cl = ["tabIndex"], vl = ["id"], pl = ["id", "disabled"], gl = ["for", "dat
     }), z = o(() => {
       const l = f.value;
       return h.value === "light" ? l.lightTextColorOffHover : l.darkTextColorOffHover;
-    }), de = o(() => {
+    }), ie = o(() => {
       const l = f.value;
       return h.value === "light" ? l.lightButtonColorOn : l.darkButtonColorOn;
-    }), ie = o(() => {
+    }), se = o(() => {
       const l = f.value;
       return h.value === "light" ? l.lightButtonColorOff : l.darkButtonColorOff;
     }), De = o(() => {
@@ -1859,65 +1859,65 @@ const cl = ["tabIndex"], vl = ["id"], pl = ["id", "disabled"], gl = ["for", "dat
       return h.value === "light" ? l.lightButtonColorOffHover : l.darkButtonColorOffHover;
     }), $e = o(() => {
       const l = {};
-      d.value && Object.keys(d.value).forEach((w) => l[`aria-${w}`] = d.value[w]);
+      d.value && Object.keys(d.value).forEach((V) => l[`aria-${V}`] = d.value[V]);
       const v = {
-        "aria-label": he.value,
-        "aria-disabled": k.value,
+        "aria-label": ve.value,
+        "aria-disabled": T.value,
         ...l
       };
       return Object.fromEntries(
-        Object.entries(v).filter(([s, w]) => w != null)
+        Object.entries(v).filter(([s, V]) => V != null)
       );
     }), ke = () => {
-      k.value || g("clicked");
-    }, se = () => {
-      k.value || (A.value = !A.value, g("clicked"));
+      T.value || g("clicked");
     }, fe = () => {
-      const l = ae.value;
+      T.value || (A.value = !A.value, g("clicked"));
+    }, ce = () => {
+      const l = re.value;
       A.value = l, g("current-value", l);
     };
-    return ge(A, (l) => {
+    return be(A, (l) => {
       g("current-value", l);
-    }), ge(ae, () => {
-      fe();
-    }), (l, v) => e(x) ? (V(), H("div", Qe({
+    }), be(re, () => {
+      ce();
+    }), (l, v) => e(x) ? (H(), $("div", Qe({
       key: 0,
       class: ["nb-wrapper", _e.value],
       style: [Te.value],
-      tabIndex: e(k) ? -1 : t.tabIndex,
+      tabIndex: e(T) ? -1 : t.tabIndex,
       role: "button"
     }, $e.value, {
       onClick: v[1] || (v[1] = (...s) => l.interacted && l.interacted(...s)),
       onKeydown: [
-        v[2] || (v[2] = S(y((s) => !e(k) && t.hasTabIndexEnter && se(), ["prevent"]), ["enter"])),
-        v[3] || (v[3] = S(y((s) => !e(k) && t.hasTabIndexSpace && se(), ["prevent"]), ["space"]))
+        v[2] || (v[2] = B(y((s) => !e(T) && t.hasTabIndexEnter && fe(), ["prevent"]), ["enter"])),
+        v[3] || (v[3] = B(y((s) => !e(T) && t.hasTabIndexSpace && fe(), ["prevent"]), ["space"]))
       ]
     }), [
-      _("div", {
+      w("div", {
         id: e(x),
-        class: E(["nb-reset", "component", D.value]),
+        class: R(["nb-reset", "component", I.value]),
         style: Re([Be.value])
       }, [
-        lt(_("input", {
+        lt(w("input", {
           id: `${e(x)}-input`,
           "onUpdate:modelValue": v[0] || (v[0] = (s) => A.value = s),
           type: "checkbox",
-          disabled: e(k),
-          class: E(["component__input", "component__input--skewed"]),
+          disabled: e(T),
+          class: R(["component__input", "component__input--skewed"]),
           onChange: ke
         }, null, 40, pl), [
           [at, A.value]
         ]),
-        _("label", {
+        w("label", {
           for: `${e(x)}-input`,
           class: "component__button",
           "data-tg-off": e(F),
-          "data-tg-on": e(be)
-        }, pe(A.value ? e(be) : e(F)), 9, gl)
+          "data-tg-on": e(he)
+        }, ge(A.value ? e(he) : e(F)), 9, gl)
       ], 14, vl)
     ], 16, cl)) : Se("", !0);
   }
-}), hl = /* @__PURE__ */ Ze(bl, [["__scopeId", "data-v-f356669c"]]), rt = { NbSelect: Yt, NbToggle: Jt, NbToggleLight: nl, NbToggleFlip: fl, NbToggleSkewed: hl }, Cl = {
+}), hl = /* @__PURE__ */ Ze(bl, [["__scopeId", "data-v-f66db036"]]), rt = { NbSelect: Yt, NbToggle: Jt, NbToggleLight: nl, NbToggleFlip: fl, NbToggleSkewed: hl }, Cl = {
   install(t) {
     for (const C in rt)
       if (Object.prototype.hasOwnProperty.call(rt, C)) {