@nmorph/nmorph-ui-kit 1.0.18 → 1.0.19

package/dist/index.es.js

@@ -14,14 +14,14 @@ const Se = (e) => {
       }
       if (a === null)
         return;
-      const c = a, d = (b) => n && b in t[0], x = typeof c == "string" && d("pattern"), C = typeof c == "number" && d("numberCompareType"), m = (typeof c == "string" || typeof c == "boolean") && d("booleanCompareType"), g = Array.isArray(c) && d("arrayCompareType");
-      if (!C && !x && !m && !g) {
+      const c = a, d = (b) => n && b in t[0], w = typeof c == "string" && d("pattern"), C = typeof c == "number" && d("numberCompareType"), m = (typeof c == "string" || typeof c == "boolean") && d("booleanCompareType"), g = Array.isArray(c) && d("arrayCompareType");
+      if (!C && !w && !m && !g) {
         console.warn("The input value and the provided rules do not match");
         return;
       }
-      if (r.value || (r.value = !0), x) {
+      if (r.value || (r.value = !0), w) {
         const b = t;
-        s.value = b.reduce((w, h) => (c.match(h.pattern) || w.push(h.error), w), []);
+        s.value = b.reduce((x, h) => (c.match(h.pattern) || x.push(h.error), x), []);
       }
       if (C) {
         const b = (h, k, M) => {
@@ -37,19 +37,19 @@ const Se = (e) => {
             case "gte":
               return h >= k;
           }
-        }, w = t;
-        s.value = w.reduce((h, k) => (b(c, k.compareValue, k.numberCompareType) && h.push(k.error), h), []);
+        }, x = t;
+        s.value = x.reduce((h, k) => (b(c, k.compareValue, k.numberCompareType) && h.push(k.error), h), []);
       }
       if (m) {
         const b = t;
-        s.value = b.reduce((w, h) => {
+        s.value = b.reduce((x, h) => {
           let k = !1;
           const { compareValue: M, booleanCompareType: A } = h;
-          return A === "not-eq" && (k = c === M), A === "eq" && (k = c !== M), k || w.push(h.error), w;
+          return A === "not-eq" && (k = c === M), A === "eq" && (k = c !== M), k || x.push(h.error), x;
         }, []);
       }
       if (g) {
-        const b = t, w = (h, k, M) => {
+        const b = t, x = (h, k, M) => {
           switch (M) {
             case "contains-one":
               return h.some(($) => k.includes($));
@@ -62,7 +62,7 @@ const Se = (e) => {
               return !h.some(($) => k.includes($));
           }
         };
-        s.value = b.reduce((h, k) => (w(
+        s.value = b.reduce((h, k) => (x(
           c.map((A) => String(A)),
           k.compareValue,
           k.arrayCompareType
@@ -103,8 +103,8 @@ const Se = (e) => {
       t[C] = Se({ inputValue: m.value, rules: m.rules }), t[C].validate();
     });
   }, d = (C, m) => Object.keys(m).filter((_) => {
-    const b = C[_] ? JSON.stringify(C[_]) : null, w = JSON.stringify(m[_]);
-    return b !== w;
+    const b = C[_] ? JSON.stringify(C[_]) : null, x = JSON.stringify(m[_]);
+    return b !== x;
   });
   return q(e, (C) => {
     d(o, C).forEach((g) => {
@@ -125,11 +125,11 @@ const Se = (e) => {
     },
     { deep: !0 }
   ), se(() => {
-    g(), x(), C();
+    g(), w(), C();
   }), he(() => {
     m();
   });
-  const x = () => {
+  const w = () => {
     let _ = s.value;
     for (; _; ) {
       const b = window.getComputedStyle(_);
@@ -149,17 +149,17 @@ const Se = (e) => {
         console.warn("There is no relative element or content DOM element");
         return;
       }
-      const _ = s.value.getBoundingClientRect(), b = _.width, w = _.height, h = "value" in t ? t.value : t;
+      const _ = s.value.getBoundingClientRect(), b = _.width, x = _.height, h = "value" in t ? t.value : t;
       if (!h) {
         console.warn("Relative element is not an HTMLElement");
         return;
       }
       const k = h.getBoundingClientRect(), { x: M, y: A } = k, P = k.width, $ = k.height, O = window.innerWidth, D = window.innerHeight;
-      l.value === "top" && A - w < 0 && (l.value = "bottom"), l.value === "bottom" && A + $ + w > D && (l.value = "top"), l.value === "left" && M - b < 0 && (l.value = "right"), l.value === "right" && M + P + b > O && (l.value = "left"), l.value === "top" && (n.value = { x: `${M + r}px`, y: `${A - w + o}px` }), l.value === "bottom" && (n.value = { x: `${M + r}px`, y: `${A + $ + o}px` }), l.value === "right" && (n.value = { x: `${M + P + r}px`, y: `${A + o}px` }), l.value === "left" && (n.value = { x: `${M - b + r}px`, y: `${A + o}px` });
+      l.value === "top" && A - x < 0 && (l.value = "bottom"), l.value === "bottom" && A + $ + x > D && (l.value = "top"), l.value === "left" && M - b < 0 && (l.value = "right"), l.value === "right" && M + P + b > O && (l.value = "left"), l.value === "top" && (n.value = { x: `${M + r}px`, y: `${A - x + o}px` }), l.value === "bottom" && (n.value = { x: `${M + r}px`, y: `${A + $ + o}px` }), l.value === "right" && (n.value = { x: `${M + P + r}px`, y: `${A + o}px` }), l.value === "left" && (n.value = { x: `${M - b + r}px`, y: `${A + o}px` });
     });
   };
   return { placement: l, placementCoords: n };
-}, bt = "@nmorph/nmorph-ui-kit", kt = "module", $t = "1.0.18", wt = "MIT", xt = {
+}, bt = "@nmorph/nmorph-ui-kit", kt = "module", $t = "1.0.19", wt = "MIT", xt = {
   node: "18.13.0",
   npm: "8.19.3"
 }, Ct = "./dist/index.d.ts", Mt = "./dist/index.umd.js", St = "./dist/index.es.js", Tt = "./dist/style.css", Bt = [
@@ -317,10 +317,10 @@ const Se = (e) => {
   gt("warn", `NMORPH(v${Pt.version})`);
   const a = { ...jt, ...e }, t = (g) => {
     try {
-      const _ = Yt(g), b = Ie(_, a.darkShadeGeneratorCoefficient), w = Ie(_, a.lightShadeGeneratorCoefficient);
+      const _ = Yt(g), b = Ie(_, a.darkShadeGeneratorCoefficient), x = Ie(_, a.lightShadeGeneratorCoefficient);
       return [
         { name: "--nmorph-dark-shade-color", color: b },
-        { name: "--nmorph-light-shade-color", color: w }
+        { name: "--nmorph-light-shade-color", color: x }
       ];
     } catch (_) {
       console.error(_.message);
@@ -329,7 +329,7 @@ const Se = (e) => {
     name: `--nmorph-${Ne(_)}-color`,
     color: b
   })), o = (g, _) => {
-    const b = (k) => k.map((M) => `${M.name}: ${M.color};`).join(" "), w = Object.entries(_).map(([k, M]) => `--${Ne(k)}: ${M};`).join(" "), h = [];
+    const b = (k) => k.map((M) => `${M.name}: ${M.color};`).join(" "), x = Object.entries(_).map(([k, M]) => `--${Ne(k)}: ${M};`).join(" "), h = [];
     return Object.entries(g).forEach(([k, M]) => {
       if (k === "common")
         h.push(b(Ut(nt, M)));
@@ -344,20 +344,20 @@ const Se = (e) => {
     }), `
       :root {
         ${h.join(" ")}
-        ${w}
+        ${x}
       }
     `;
   }, r = {};
   Object.entries(a.themes).forEach(([g, _]) => {
     r[g] = [];
-    const b = !!_.darkShade, w = !!_.lightShade;
-    !!_.main && !b && !w && (r[g] = t(_.main)), r[g] = [...r[g], ...s(_)];
+    const b = !!_.darkShade, x = !!_.lightShade;
+    !!_.main && !b && !x && (r[g] = t(_.main)), r[g] = [...r[g], ...s(_)];
   });
   const l = document.createElement("style");
   l.type = "text/css", l.innerHTML = o(r, a.other), document.head.appendChild(l);
   const n = (g) => {
     c.value = g, d.setAttribute(pe, c.value), a.saveCurrentThemeToLS ? localStorage.setItem(pe, g) : localStorage.removeItem(pe);
-  }, c = y(a.defaultTheme), d = document.querySelector("html"), x = localStorage.getItem(pe), C = r[x];
+  }, c = y(a.defaultTheme), d = document.querySelector("html"), w = localStorage.getItem(pe), C = r[w];
   a.saveCurrentThemeToLS && C && (c.value = localStorage.getItem(pe)), n(c.value);
   const m = a;
   return { setTheme: n, currentTheme: De(c), data: m, getDynamicColorVariables: t };
@@ -630,7 +630,7 @@ const rs = {
   },
   setup(e) {
     I((n) => ({
-      ac62bc0e: r.value
+      "1b1642fd": r.value
     }));
     const a = e, t = u(
       () => V({
@@ -648,14 +648,13 @@ const rs = {
       () => a.name,
       async (n) => {
         if (n) {
-          console.log(l);
-          const c = `../library/src/assets/icons/${n}.svg`;
-          if (l[c])
+          const d = `/src/assets/icons/${n}.svg`;
+          if (l[d])
             try {
-              const d = await l[c]();
-              s.value = d.default;
-            } catch (d) {
-              console.error(`Icon ${n} could not be loaded`, d), s.value = null;
+              const w = await l[d]();
+              s.value = w.default;
+            } catch (w) {
+              console.error(`Icon ${n} could not be loaded`, w), s.value = null;
             }
           else
             console.error(`Icon ${n} not found`), s.value = null;
@@ -750,11 +749,11 @@ const zn = /* @__PURE__ */ H({
     }));
     const s = e, o = y(null), r = u(() => s.scrollYProp), l = u(() => s.scrollXProp), n = y(!1), c = y(!1), d = () => {
       n.value = o.value?.scrollHeight > o.value?.clientHeight, c.value = o.value?.scrollWidth > o.value?.clientWidth;
-    }, x = u(() => s.yBarWidthInPx + s.yGapInPx), C = u(() => s.xBarWidthInPx + s.xGapInPx), m = u(
-      () => s.scrollYProp === "hidden" || !n.value ? "0" : `${x.value}px`
+    }, w = u(() => s.yBarWidthInPx + s.yGapInPx), C = u(() => s.xBarWidthInPx + s.xGapInPx), m = u(
+      () => s.scrollYProp === "hidden" || !n.value ? "0" : `${w.value}px`
     ), g = u(
       () => s.scrollXProp === "hidden" || !c.value ? "0" : `${C.value}px`
-    ), _ = u(() => `${s.yBarWidthInPx}px`), b = u(() => `${s.xBarWidthInPx}px`), w = N("nmorph");
+    ), _ = u(() => `${s.yBarWidthInPx}px`), b = u(() => `${s.xBarWidthInPx}px`), x = N("nmorph");
     let h;
     const k = t, M = () => {
       const L = Math.trunc(o.value?.scrollLeft), ie = Math.trunc(o.value?.scrollTop);
@@ -790,7 +789,7 @@ const zn = /* @__PURE__ */ H({
       },
       { deep: !0, immediate: !0 }
     ), q(
-      () => w?.browser.dimensions,
+      () => x?.browser.dimensions,
       () => {
         me(d);
       },
@@ -845,7 +844,7 @@ const vs = /* @__PURE__ */ H({
       s("error", g), o.value = !0;
     }, n = (g) => {
       s("load", g), o.value = !1;
-    }, c = u(() => `${t.imagePadding}px`), d = u(() => ` ${t.size}px`), x = u(() => `${t.size / 100 * 60}px`), C = u(() => t.shape === "circle" ? "50%" : "4px"), m = u(() => `${t.frameBorder}px`);
+    }, c = u(() => `${t.imagePadding}px`), d = u(() => ` ${t.size}px`), w = u(() => `${t.size / 100 * 60}px`), C = u(() => t.shape === "circle" ? "50%" : "4px"), m = u(() => `${t.frameBorder}px`);
     return (g, _) => (i(), p("div", {
       class: T(r.value)
     }, [
@@ -861,7 +860,7 @@ const vs = /* @__PURE__ */ H({
         error: j(() => [
           S(v(R), {
             name: "avatar",
-            width: x.value
+            width: w.value
           }, null, 8, ["width"])
         ]),
         _: 1
@@ -905,15 +904,15 @@ const $e = (e, a) => {
         "nmorph-badge__container": [`${a.hidden && "hidden"}`]
       })
     ), o = u(() => typeof Number(a.value) == "number" && Number(a.value) > a.max ? `${a.max}+` : a.value), r = u(() => {
-      const d = `${(n?.value / 2 + a.offsetX) * -1}px`, x = `${(c?.value / 2 + a.offsetY) * -1}px`;
+      const d = `${(n?.value / 2 + a.offsetX) * -1}px`, w = `${(c?.value / 2 + a.offsetY) * -1}px`;
       return {
         x: d,
-        y: x
+        y: w
       };
     }), l = y(null), n = y(0), c = y(0);
     return se(() => {
       l.value && (n.value = l.value.clientWidth, c.value = l.value.clientHeight);
-    }), (d, x) => a.disabled ? B(d.$slots, "default", { key: 1 }) : (i(), p("div", {
+    }), (d, w) => a.disabled ? B(d.$slots, "default", { key: 1 }) : (i(), p("div", {
       key: 0,
       class: T(t.value)
     }, [
@@ -1030,7 +1029,7 @@ const ys = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
           return $.map((D) => ce(D)).slice(0, 2);
         c();
       }
-    }, x = ($) => {
+    }, w = ($) => {
       if (_.value === null)
         return;
       const { monthType: O, hidden: D } = $;
@@ -1066,7 +1065,7 @@ const ys = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
       s("update:model-value", _.value);
     });
     let b = ue([]);
-    const w = () => {
+    const x = () => {
       b = [], Ts(g, t.range).forEach((O) => {
         const D = {};
         O.forEach((Y, F) => {
@@ -1084,7 +1083,7 @@ const ys = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
         deep: !0
       }
     ), q(g, () => {
-      w(), s("update-initial-date", g.value);
+      x(), s("update-initial-date", g.value);
     }), q(
       () => t.modelValue,
       ($) => {
@@ -1103,7 +1102,7 @@ const ys = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
         "nmorph-calendar": []
       })
     ), P = ($) => $;
-    return w(), ($, O) => (i(), p("div", {
+    return x(), ($, O) => (i(), p("div", {
       class: T(A.value)
     }, [
       B($.$slots, "header", {}, () => [
@@ -1149,7 +1148,7 @@ const ys = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
                           "nmorph-calendar-date--selected": m(P(F[D]).date)
                         }
                       ]),
-                      onClick: (ae) => x(P(F[D]))
+                      onClick: (ae) => w(P(F[D]))
                     }, [
                       B($.$slots, "date-cell", {
                         scope: {
@@ -1199,10 +1198,10 @@ const ws = (e) => {
 }, Ss = (e) => e % 4 === 0 && e % 100 !== 0 || e % 400 === 0, tt = (e, a) => [0, 2, 4, 6, 7, 9, 11].includes(a) ? 31 : [3, 5, 8, 10].includes(a) ? 30 : Ss(e) ? 29 : 28, ce = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate()), Ts = (e, a) => {
   const t = (F) => a ? F < ce(a[0]) || F > ce(a[1]) : !1, s = e.value.getFullYear(), o = e.value.getMonth(), l = new Date(s, o, 1).getDay() + 1, n = tt(s, o), c = 7 + l - 8;
   let C = 7 - (new Date(s, o, n).getDay() + 1);
-  const m = /* @__PURE__ */ new Date(), g = m.getDate(), _ = m.getMonth(), b = o - 1, w = tt(s, b);
-  let h = w - c;
+  const m = /* @__PURE__ */ new Date(), g = m.getDate(), _ = m.getMonth(), b = o - 1, x = tt(s, b);
+  let h = x - c;
   const k = [];
-  for (; h < w; ) {
+  for (; h < x; ) {
     h++;
     const F = _ === b && g === h, Q = new Date(s, b, h);
     k.push({
@@ -1294,23 +1293,23 @@ const Wn = /* @__PURE__ */ $e(Vs, [["__scopeId", "data-v-e3cb136f"]]), Hs = ["id
       })
     ), c = y([]), d = de();
     ee("carousel-data", { data: c, carouselId: d });
-    const x = y(null), C = ue({}), m = () => {
+    const w = y(null), C = ue({}), m = () => {
       const M = C[Object.keys(C).length - 1]?.cloneNode(!0), A = C[0]?.cloneNode(!0);
-      x.value?.prepend(M), x.value?.append(A), t.value += 1;
+      w.value?.prepend(M), w.value?.append(A), t.value += 1;
     }, g = () => {
-      t.value === 0 && (t.value = Object.keys(C).length, w.value = !1), t.value > Object.keys(C).length && (t.value = 1, w.value = !1);
+      t.value === 0 && (t.value = Object.keys(C).length, x.value = !1), t.value > Object.keys(C).length && (t.value = 1, x.value = !1);
     };
     se(() => {
-      r.loop && t.value === 0 && (me(() => m()), x.value?.addEventListener("transitionend", g));
+      r.loop && t.value === 0 && (me(() => m()), w.value?.addEventListener("transitionend", g));
     }), q(t, (M) => {
       l("change", t.value), (M === 1 || M === Object.keys(C).length) && setTimeout(() => {
-        w.value = !0;
+        x.value = !0;
       });
     });
     const _ = (M, A) => {
       const P = M;
       C[A] = P;
-    }, b = u(() => `translateX(-${t.value * 100}%)`), w = y(!0), h = (M) => M === t.value - 1, k = (M) => {
+    }, b = u(() => `translateX(-${t.value * 100}%)`), x = y(!0), h = (M) => M === t.value - 1, k = (M) => {
       t.value = M + 1;
     };
     return (M, A) => (i(), p("div", {
@@ -1318,8 +1317,8 @@ const Wn = /* @__PURE__ */ $e(Vs, [["__scopeId", "data-v-e3cb136f"]]), Hs = ["id
     }, [
       f("div", {
         ref_key: "carouselWrapper",
-        ref: x,
-        class: T(["nmorph-carousel__wrapper", { "transition-enabled": w.value }]),
+        ref: w,
+        class: T(["nmorph-carousel__wrapper", { "transition-enabled": x.value }]),
         style: te({ transform: b.value })
       }, [
         (i(!0), p(K, null, X(c.value, (P, $) => (i(), p("div", {
@@ -1438,7 +1437,7 @@ const Un = /* @__PURE__ */ H({
       () => V({
         nmorph: [le[t.height]]
       })
-    ), n = N("collapse-data", void 0), c = N("update-model", void 0), d = y(null), x = y(0), C = () => {
+    ), n = N("collapse-data", void 0), c = N("update-model", void 0), d = y(null), w = y(0), C = () => {
       t.block || (o.value = !o.value, c && (c(t.name, o.value), s("click-item", { id: t.name, isOpen: o.value })));
     };
     return se(() => {
@@ -1450,7 +1449,7 @@ const Un = /* @__PURE__ */ H({
       },
       { deep: !0 }
     ), q(o, () => {
-      x.value = o.value && d.value ? d.value?.clientHeight : 0;
+      w.value = o.value && d.value ? d.value?.clientHeight : 0;
     }), (m, g) => (i(), p("div", {
       class: T(r.value),
       onClick: re(C, ["stop"])
@@ -1464,7 +1463,7 @@ const Un = /* @__PURE__ */ H({
       ], 2),
       f("div", {
         class: "nmorph-collapse-item__content",
-        style: te({ height: `${x.value}px` })
+        style: te({ height: `${w.value}px` })
       }, [
         f("div", {
           ref_key: "collapseItemDOMElContent",
@@ -1504,7 +1503,7 @@ const As = ["src", "alt", "srcset"], Fs = {
       () => s.loadFailedText ? s.loadFailedText : t("NmorphImage.loadFailedText")
     ), l = y(!1), n = y(!1), c = a, d = (b) => {
       l.value = !0, n.value = !1, c("load", b);
-    }, x = (b) => {
+    }, w = (b) => {
       l.value = !0, n.value = !0, c("error", b);
     }, C = u(() => l.value && n.value), m = u(
       () => V({
@@ -1512,7 +1511,7 @@ const As = ["src", "alt", "srcset"], Fs = {
         "nmorph-image": [`${(C.value || !l.value) && "hide"}`]
       })
     ), g = u(() => s.fit), _ = u(() => `${s.frameBorder}px`);
-    return (b, w) => s.src ? (i(), p("div", {
+    return (b, x) => s.src ? (i(), p("div", {
       key: 0,
       class: T(m.value)
     }, [
@@ -1521,7 +1520,7 @@ const As = ["src", "alt", "srcset"], Fs = {
         alt: s.alt,
         srcset: s.srcSet,
         onLoad: d,
-        onError: x
+        onError: w
       }, null, 40, As),
       C.value ? (i(), p("div", Fs, [
         B(b.$slots, "error", {}, () => [
@@ -1567,7 +1566,7 @@ const He = /* @__PURE__ */ $e(Rs, [["__scopeId", "data-v-4c8df10c"]]), js = { cl
       s.value = !0, $("update:model-value", s.value);
     }, d = () => {
       s.value = !1, $("update:model-value", s.value);
-    }, x = () => {
+    }, w = () => {
       h.value = h.value + 90, h.value >= 360 && (h.value = 0);
     }, C = () => {
       h.value = h.value - 90, h.value <= -360 && (h.value = 0);
@@ -1577,7 +1576,7 @@ const He = /* @__PURE__ */ $e(Rs, [["__scopeId", "data-v-4c8df10c"]]), js = { cl
       n.value > t.minScaleLevel && (n.value -= t.scaleStep), n.value = parseFloat(n.value.toFixed(3));
     }, _ = u(() => n.value < 1), b = () => {
       n.value = 1;
-    }, w = () => {
+    }, x = () => {
       n.value = 1;
     }, h = y(0), k = () => {
       const D = t.src.length - 1, Y = r.value - 1;
@@ -1588,7 +1587,7 @@ const He = /* @__PURE__ */ $e(Rs, [["__scopeId", "data-v-4c8df10c"]]), js = { cl
     }, A = u(() => {
       let D = {
         icon: "shrink",
-        handler: w
+        handler: x
       };
       return _.value && (D = {
         icon: "enlarge",
@@ -1597,7 +1596,7 @@ const He = /* @__PURE__ */ $e(Rs, [["__scopeId", "data-v-4c8df10c"]]), js = { cl
     }), P = [
       {
         icon: "rotate-right",
-        handler: x
+        handler: w
       },
       {
         icon: "rotate-left",
@@ -1712,32 +1711,32 @@ const Qn = /* @__PURE__ */ H({
     }, l = () => {
       n.value = String(Number(n.value) + 1);
     }, n = y(String(t.modelValue)), c = u(() => {
-      const b = t.totalElementsQuantity / t.elementsQuantityOnPage + 1, w = b % 1 === 0 ? -1 : 0;
-      return Array.from({ length: b + w }, (k, M) => ({ value: String(M + 1), label: String(M + 1) }));
+      const b = t.totalElementsQuantity / t.elementsQuantityOnPage + 1, x = b % 1 === 0 ? -1 : 0;
+      return Array.from({ length: b + x }, (k, M) => ({ value: String(M + 1), label: String(M + 1) }));
     }), d = u(() => t.hideOnSinglePage || t.totalElementsQuantity / t.elementsQuantityOnPage > 1);
     q(n, (b) => {
       s("update:model-value", Number(b));
     });
-    const x = (b) => {
+    const w = (b) => {
       n.value = b;
     }, C = u(() => Number(n.value) === 1), m = u(() => c.value.length === Number(n.value)), g = u(() => {
-      const b = c.value.length, w = Number(n.value), h = t.maxVisiblePages;
+      const b = c.value.length, x = Number(n.value), h = t.maxVisiblePages;
       if (b <= h)
         return c.value;
       const k = Math.floor(h / 2);
-      return w <= k ? [...c.value.slice(0, h - 2), { value: "next", label: "..." }, c.value[b - 1]] : w >= b - k ? [c.value[0], { value: "prev", label: "..." }, ...c.value.slice(b - (h - 2))] : [
+      return x <= k ? [...c.value.slice(0, h - 2), { value: "next", label: "..." }, c.value[b - 1]] : x >= b - k ? [c.value[0], { value: "prev", label: "..." }, ...c.value.slice(b - (h - 2))] : [
         c.value[0],
         { value: "prev", label: "..." },
-        ...c.value.slice(w - k, w + k - 1),
+        ...c.value.slice(x - k, x + k - 1),
         { value: "next", label: "..." },
         c.value[b - 1]
       ];
     }), _ = (b) => {
-      const w = Number(n.value);
-      let h = b === "prev" ? w - t.fastForwardStep : w + t.fastForwardStep;
+      const x = Number(n.value);
+      let h = b === "prev" ? x - t.fastForwardStep : x + t.fastForwardStep;
       h <= 0 && (h = 1), h >= c.value.length && (h = c.value.length), n.value = String(h);
     };
-    return (b, w) => d.value ? (i(), p("div", {
+    return (b, x) => d.value ? (i(), p("div", {
       key: 0,
       class: T(o.value)
     }, [
@@ -1758,7 +1757,7 @@ const Qn = /* @__PURE__ */ H({
         "model-value": n.value,
         class: "nmorph-pagination__page-group",
         disabled: t.disabled,
-        "onUpdate:modelValue": x
+        "onUpdate:modelValue": w
       }, {
         default: j(() => [
           (i(!0), p(K, null, X(g.value, (h) => (i(), p("div", {
@@ -1826,7 +1825,7 @@ const Qs = {
       "1ae927c9": s.value,
       "588931e9": o.value,
       "781c6b0a": r.value,
-      "58c45d38": x.value
+      "58c45d38": w.value
     }));
     const a = e, t = u(
       () => V({
@@ -1836,7 +1835,7 @@ const Qs = {
     se(() => {
       l.value && (n.value = 2 * Math.PI * l.value.r.baseVal.value);
     });
-    const x = u(() => `${a.circleSize}px`), C = u(() => `${a.percentage}%`);
+    const w = u(() => `${a.circleSize}px`), C = u(() => `${a.percentage}%`);
     return (m, g) => (i(), p("div", {
       class: T(t.value)
     }, [
@@ -2011,8 +2010,8 @@ const ia = { class: "nmorph-table__wrapper" }, ca = { class: "nmorph-table__head
         "nmorph-table": [`${a.design}`]
       })
     ), s = y(a.data), o = y(a.sort), r = (g, _) => {
-      o.value && (o.value[_] = g, s.value.sort((b, w) => {
-        const h = String(b[_]).toLowerCase(), k = String(w[_]).toLowerCase();
+      o.value && (o.value[_] = g, s.value.sort((b, x) => {
+        const h = String(b[_]).toLowerCase(), k = String(x[_]).toLowerCase();
         if (!o.value)
           return 0;
         const M = o.value[_];
@@ -2021,13 +2020,13 @@ const ia = { class: "nmorph-table__wrapper" }, ca = { class: "nmorph-table__head
     }, l = y(null), n = y([]);
     ee("table-data", { rows: s, columns: n });
     const c = u(() => {
-      const g = n.value.map((k) => k.width).filter((k) => !!k), _ = g.length, b = g.reduce((k, M) => (k += Number(M), k), 0), w = n.value.length - _;
-      return l.value?.clientWidth ? (l.value?.clientWidth - b) / w : 0;
-    }), d = (g) => g !== "" ? g : c.value, x = y(0);
+      const g = n.value.map((k) => k.width).filter((k) => !!k), _ = g.length, b = g.reduce((k, M) => (k += Number(M), k), 0), x = n.value.length - _;
+      return l.value?.clientWidth ? (l.value?.clientWidth - b) / x : 0;
+    }), d = (g) => g !== "" ? g : c.value, w = y(0);
     q(
       () => a.data,
       () => {
-        x.value = x.value + 1, s.value = a.data, n.value = [];
+        w.value = w.value + 1, s.value = a.data, n.value = [];
       },
       {
         immediate: !0
@@ -2037,7 +2036,7 @@ const ia = { class: "nmorph-table__wrapper" }, ca = { class: "nmorph-table__head
     return ee("table-identifier", m), (g, _) => (i(), p("div", {
       ref_key: "nmorphDOMTable",
       ref: l,
-      key: x.value,
+      key: w.value,
       class: T(t.value)
     }, [
       f("div", ia, [
@@ -2051,8 +2050,8 @@ const ia = { class: "nmorph-table__wrapper" }, ca = { class: "nmorph-table__head
           ]),
           f("thead", null, [
             f("tr", da, [
-              (i(!0), p(K, null, X(n.value, (b, w) => (i(), p("th", {
-                key: w,
+              (i(!0), p(K, null, X(n.value, (b, x) => (i(), p("th", {
+                key: x,
                 class: T(["nmorph-table__table-data", { "nmorph-table__table-data--bordered": a.bordered }])
               }, [
                 f("div", pa, [
@@ -2082,8 +2081,8 @@ const ia = { class: "nmorph-table__wrapper" }, ca = { class: "nmorph-table__head
               }, null, 4))), 128))
             ]),
             f("tbody", null, [
-              (i(!0), p(K, null, X(s.value, (b, w) => (i(), p("tr", {
-                key: w,
+              (i(!0), p(K, null, X(s.value, (b, x) => (i(), p("tr", {
+                key: x,
                 class: T(["nmorph-table__table-data-row", { "nmorph-table__table-data-row--row-hover": a.rowHover }])
               }, [
                 (i(!0), p(K, null, X(n.value, (h) => (i(), p("td", {
@@ -2091,7 +2090,7 @@ const ia = { class: "nmorph-table__wrapper" }, ca = { class: "nmorph-table__head
                   class: T([{ "nmorph-table__table-data--bordered": a.bordered }, "nmorph-table__table-data"])
                 }, [
                   f("div", {
-                    id: `table-cell-${v(m)}-${w}-${h.prop}`,
+                    id: `table-cell-${v(m)}-${x}-${h.prop}`,
                     style: te({ "text-align": h.alignment }),
                     class: "nmorph-table__cell nmorph-table__cell--data"
                   }, U(C(b[h.prop])), 13, ma)
@@ -2269,7 +2268,7 @@ const ka = ["innerHTML"], $a = {
       [_e.info]: "info-filled",
       [_e.error]: "circle-close-filled"
     }, n = Ee(), c = u(() => t.closeIconPosition);
-    return (d, x) => v(n).default || t.title || t.content || t.html ? (i(), p("div", {
+    return (d, w) => v(n).default || t.title || t.content || t.html ? (i(), p("div", {
       key: 0,
       class: T(o.value)
     }, [
@@ -2352,12 +2351,12 @@ const Ba = { class: "nmorph-dialog__header" }, Da = { class: "nmorph-dialog__tit
       },
       { immediate: !0 }
     );
-    const x = () => {
+    const w = () => {
       s("on-close"), c && clearTimeout(c), d = setTimeout(() => {
         s("update:model-value", !1);
       }, t.closeDelay);
     }, C = () => {
-      t.closeOnOverlay && x();
+      t.closeOnOverlay && w();
     };
     return (m, g) => (i(), z(v(Ke), {
       show: n.value,
@@ -2373,7 +2372,7 @@ const Ba = { class: "nmorph-dialog__header" }, Da = { class: "nmorph-dialog__tit
               t.showClose ? (i(), p("div", {
                 key: 0,
                 class: "nmorph-dialog__close-icon",
-                onClick: x
+                onClick: w
               }, [
                 S(v(R), { name: "cross" })
               ])) : E("", !0)
@@ -2404,7 +2403,7 @@ const Va = { class: "nmorph-tooltip__shadow-content" }, Ha = {
   },
   setup(e, { expose: a }) {
     I((m) => ({
-      "6d1447a0": x.value
+      "6d1447a0": w.value
     }));
     const t = e, s = y(t.forceShow), o = y(null), r = y(null), { placement: l } = ot({
       initialPlacement: t.position,
@@ -2421,7 +2420,7 @@ const Va = { class: "nmorph-tooltip__shadow-content" }, Ha = {
       s.value = !0;
     }, d = () => {
       t.forceShow || (s.value = !1);
-    }, x = u(() => t.forceCoordinate ? "100%" : "auto"), C = y(null);
+    }, w = u(() => t.forceCoordinate ? "100%" : "auto"), C = y(null);
     return a({ tooltipBody: C }), (m, g) => (i(), p("div", {
       class: T(n.value)
     }, [
@@ -2524,10 +2523,10 @@ const za = {
     );
     const l = y(null);
     a({ inputDOMRef: l });
-    const n = s !== void 0, c = n ? y(s.value) : y(r.modelValue), d = u(() => n ? s.value.includes(r.id) : r.modelValue), x = t, C = () => {
+    const n = s !== void 0, c = n ? y(s.value) : y(r.modelValue), d = u(() => n ? s.value.includes(r.id) : r.modelValue), w = t, C = () => {
       if (!r.disabled) {
         if (!n) {
-          c.value = !c.value, x("update:model-value", c.value);
+          c.value = !c.value, w("update:model-value", c.value);
           return;
         }
         o && Array.isArray(c.value) && o(r.id, c.value);
@@ -2606,9 +2605,9 @@ const Ja = { class: "nmorph-checkbox-group__wrapper" }, Za = { class: "nmorph-ch
     }, [
       f("div", Ja, [
         f("div", Za, [
-          (i(!0), p(K, null, X(n.options, (d, x) => (i(), z(v(Xa), {
+          (i(!0), p(K, null, X(n.options, (d, w) => (i(), z(v(Xa), {
             id: d.id,
-            key: x,
+            key: w,
             label: d.label,
             "model-value": d.modelValue,
             disabled: d.disabled,
@@ -2647,8 +2646,8 @@ const Na = { class: "nmorph-autocomplete__input-content" }, Ia = {
       s.value = _, o("update:model-value", s.value);
     }, n = y(!1), c = y(null), d = () => {
       n.value = !1;
-    }, x = u(() => t.list.filter((_) => Object.keys(_).some((b) => String(_[b]).toLowerCase().includes(s.value.toLowerCase()))));
-    q(x, (_) => {
+    }, w = u(() => t.list.filter((_) => Object.keys(_).some((b) => String(_[b]).toLowerCase().includes(s.value.toLowerCase()))));
+    q(w, (_) => {
       n.value = _.length > 0;
     });
     const C = (_) => {
@@ -2656,7 +2655,7 @@ const Na = { class: "nmorph-autocomplete__input-content" }, Ia = {
         n.value = !1;
       });
     }, m = () => {
-      n.value = x.value.length > 0;
+      n.value = w.value.length > 0;
     }, g = y(!1);
     return q(s, async (_) => {
       _ !== "" && t.actionCallback && (g.value = !0, await t.actionCallback(), g.value = !1);
@@ -2698,13 +2697,13 @@ const Na = { class: "nmorph-autocomplete__input-content" }, Ia = {
               })
             ])
           ])) : (i(), p("div", La, [
-            (i(!0), p(K, null, X(x.value, (w, h) => (i(), p("div", {
+            (i(!0), p(K, null, X(w.value, (x, h) => (i(), p("div", {
               key: h,
               class: "nmorph-autocomplete__list-item",
-              onClick: () => C(w)
+              onClick: () => C(x)
             }, [
-              B(_.$slots, "default", { scope: w }, () => [
-                ne(U(w.value), 1)
+              B(_.$slots, "default", { scope: x }, () => [
+                ne(U(x.value), 1)
               ])
             ], 8, eo))), 128))
           ]))
@@ -2853,7 +2852,7 @@ const lo = { class: "nmorph-year-month-picker__header" }, ro = { class: "nmorph-
         deep: !0
       }
     );
-    const d = a, x = u(
+    const d = a, w = u(
       () => V({
         "nmorph-year-month-picker": []
       })
@@ -2871,11 +2870,11 @@ const lo = { class: "nmorph-year-month-picker__header" }, ro = { class: "nmorph-
       h === "decrease" ? n.value = n.value - 1 : n.value = n.value + 1, d("update-year", String(n.value));
     }, _ = (h) => {
       h === "decrease" ? o.type === "year" ? m("decrease") : g("decrease") : o.type === "year" ? m("increase") : g("increase");
-    }, b = u(() => o.type === "year" ? `${r.value[0].label} - ${r.value[r.value.length - 1].label}` : String(n.value)), w = () => {
+    }, b = u(() => o.type === "year" ? `${r.value[0].label} - ${r.value[r.value.length - 1].label}` : String(n.value)), x = () => {
       o.type === "month" && d("back-to-years");
     };
     return (h, k) => (i(), p("div", {
-      class: T(x.value)
+      class: T(w.value)
     }, [
       f("div", lo, [
         S(v(G), {
@@ -2895,7 +2894,7 @@ const lo = { class: "nmorph-year-month-picker__header" }, ro = { class: "nmorph-
           S(v(G), {
             text: b.value,
             "style-type": "transparent",
-            onClick: w,
+            onClick: x,
             tabindex: -1
           }, null, 8, ["text"])
         ]),
@@ -2937,17 +2936,17 @@ const co = /* @__PURE__ */ H({
       () => V({
         "nmorph-date-picker-content": []
       })
-    ), r = y(t.initialDate), l = y("calendar"), n = u(() => new Date(r.value.setMonth(r.value.getMonth() - 1))), c = u(() => new Date(r.value.setMonth(r.value.getMonth() + 1))), d = u(() => new Date(r.value.setFullYear(r.value.getFullYear() - 1))), x = u(() => new Date(r.value.setFullYear(r.value.getFullYear() + 1))), C = () => {
+    ), r = y(t.initialDate), l = y("calendar"), n = u(() => new Date(r.value.setMonth(r.value.getMonth() - 1))), c = u(() => new Date(r.value.setMonth(r.value.getMonth() + 1))), d = u(() => new Date(r.value.setFullYear(r.value.getFullYear() - 1))), w = u(() => new Date(r.value.setFullYear(r.value.getFullYear() + 1))), C = () => {
       r.value = n.value;
     }, m = () => {
       r.value = c.value;
     }, g = () => {
       r.value = d.value;
     }, _ = () => {
-      r.value = x.value;
+      r.value = w.value;
     }, b = () => {
       l.value = "year";
-    }, w = () => {
+    }, x = () => {
       l.value = "month";
     }, h = ($) => {
       const O = new Date(r.value.setFullYear(Number($)));
@@ -2982,7 +2981,7 @@ const co = /* @__PURE__ */ H({
             onPrevYear: g,
             onNextYear: _,
             onChangeYear: b,
-            onChangeMonth: w
+            onChangeMonth: x
           }, null, 8, ["year", "month"])
         ]),
         _: 1
@@ -3018,7 +3017,7 @@ const co = /* @__PURE__ */ H({
   setup(e, { emit: a }) {
     const { t, messages: s } = ke(), o = e, r = u(() => o.placeholder ? o.placeholder : t("NmorphDatePicker.pickADate")), l = y(o.modelValue), n = a, c = y(!1), d = () => {
       c.value = !0;
-    }, x = () => {
+    }, w = () => {
       c.value = !1;
     }, C = u(
       () => V({
@@ -3029,7 +3028,7 @@ const co = /* @__PURE__ */ H({
       m.value = !1;
     }, b = () => {
       m.value = !m.value;
-    }, w = u(() => {
+    }, x = u(() => {
       if (!l.value)
         return r.value;
       if (Array.isArray(l.value)) {
@@ -3058,7 +3057,7 @@ const co = /* @__PURE__ */ H({
           f("input", {
             type: "date",
             onFocus: re(d, ["prevent"]),
-            onBlur: x,
+            onBlur: w,
             onKeydown: ve(re(() => {
             }, ["prevent"]), ["space"])
           }, null, 40, po),
@@ -3066,7 +3065,7 @@ const co = /* @__PURE__ */ H({
             name: "calendar",
             class: "nmorph-date-picker__calendar-icon"
           }),
-          f("div", vo, U(w.value), 1),
+          f("div", vo, U(x.value), 1),
           f("div", mo, [
             M.value ? (i(), z(to, {
               key: 0,
@@ -3113,16 +3112,16 @@ const fo = { class: "nmorph-file-upload__trigger" }, _o = ["multiple"], go = {
   },
   emits: ["update:model-value", "on-unsupported-file-type-error"],
   setup(e, { expose: a, emit: t }) {
-    const { t: s } = ke(), o = e, r = u(() => o.buttonText ? o.buttonText : s("NmorphFileUpload.selectFile")), l = (w) => w.split("/")[1], n = (w) => {
-      const h = l(w);
+    const { t: s } = ke(), o = e, r = u(() => o.buttonText ? o.buttonText : s("NmorphFileUpload.selectFile")), l = (x) => x.split("/")[1], n = (x) => {
+      const h = l(x);
       let k = "doc";
       return h in Ue && (k = "image"), h in Ge && (k = "audio"), h in qe && (k = "video"), h in Qe && (k = "archive"), k;
     };
     let c = ue(o.modelValue);
-    const d = y(null), x = () => {
+    const d = y(null), w = () => {
       d.value && d.value.click();
-    }, C = (w) => {
-      const h = w.target;
+    }, C = (x) => {
+      const h = x.target;
       if (h.files) {
         if (Array.from(h.files).forEach((k) => {
           const M = l(k.type);
@@ -3137,10 +3136,10 @@ const fo = { class: "nmorph-file-upload__trigger" }, _o = ["multiple"], go = {
     }, m = () => {
       _(
         "update:model-value",
-        c.map((w) => w.data)
+        c.map((x) => x.data)
       );
-    }, g = (w) => {
-      const h = c.findIndex((k) => k.data.name === w);
+    }, g = (x) => {
+      const h = c.findIndex((k) => k.data.name === x);
       h !== -1 && (URL.revokeObjectURL(c[h].previewUrl), c.splice(h, 1), m());
     };
     a({ inputDOMRef: d });
@@ -3149,7 +3148,7 @@ const fo = { class: "nmorph-file-upload__trigger" }, _o = ["multiple"], go = {
         "nmorph-file-upload": [`${o.disabled && "disabled"}`]
       })
     );
-    return (w, h) => (i(), p("div", {
+    return (x, h) => (i(), p("div", {
       class: T(b.value)
     }, [
       f("div", fo, [
@@ -3161,11 +3160,11 @@ const fo = { class: "nmorph-file-upload__trigger" }, _o = ["multiple"], go = {
           class: "nmorph-native-input",
           onChange: C
         }, null, 40, _o),
-        B(w.$slots, "trigger", {}, () => [
+        B(x.$slots, "trigger", {}, () => [
           S(v(G), {
             text: r.value,
             fill: "",
-            onClick: x,
+            onClick: w,
             disabled: o.disabled
           }, null, 8, ["text", "disabled"])
         ])
@@ -3358,8 +3357,8 @@ const So = { class: "nmorph-number-input__content" }, To = { class: "nmorph-numb
   },
   emits: ["update:model-value"],
   setup(e, { expose: a, emit: t }) {
-    I((w) => ({
-      "7010eeb0": x.value
+    I((x) => ({
+      "7010eeb0": w.value
     }));
     const s = e, o = u(
       () => V({
@@ -3373,7 +3372,7 @@ const So = { class: "nmorph-number-input__content" }, To = { class: "nmorph-numb
       r.value += s.step;
     }, n = () => {
       r.value -= s.step;
-    }, c = u(() => r.value <= s.min), d = u(() => r.value >= s.max), x = u(() => s.height === "thick" ? "16px" : "12px"), C = {
+    }, c = u(() => r.value <= s.min), d = u(() => r.value >= s.max), w = u(() => s.height === "thick" ? "16px" : "12px"), C = {
       thick: {
         default: "12px",
         right: "8px"
@@ -3387,23 +3386,23 @@ const So = { class: "nmorph-number-input__content" }, To = { class: "nmorph-numb
         right: "5px"
       }
     }, m = u(() => {
-      const w = s.actionBtnPositionRight ? "right" : "default";
-      return C[s.height][w];
-    }), g = t, _ = (w) => {
-      const h = w.target;
+      const x = s.actionBtnPositionRight ? "right" : "default";
+      return C[s.height][x];
+    }), g = t, _ = (x) => {
+      const h = x.target;
       let k = Number(h.value);
       r.value = k;
     };
-    q(r, (w) => {
-      w > s.max && (r.value = s.max, b.value?.blur()), r.value < s.min && (r.value = s.min, b.value?.blur()), g("update:model-value", w);
+    q(r, (x) => {
+      x > s.max && (r.value = s.max, b.value?.blur()), r.value < s.min && (r.value = s.min, b.value?.blur()), g("update:model-value", x);
     });
     const b = y(null);
-    return a({ inputDOMRef: b }), (w, h) => (i(), p("div", {
+    return a({ inputDOMRef: b }), (x, h) => (i(), p("div", {
       class: T(o.value)
     }, [
       f("div", So, [
         f("div", To, [
-          w.actionBtnPositionRight ? E("", !0) : (i(), p("div", Bo, [
+          x.actionBtnPositionRight ? E("", !0) : (i(), p("div", Bo, [
             S(v(G), {
               "style-type": "transparent",
               disabled: c.value,
@@ -3430,7 +3429,7 @@ const So = { class: "nmorph-number-input__content" }, To = { class: "nmorph-numb
             max: s.max,
             onInput: _
           }, null, 40, Do),
-          w.actionBtnPositionRight ? (i(), p("div", Vo, [
+          x.actionBtnPositionRight ? (i(), p("div", Vo, [
             f("div", Ho, [
               S(v(G), {
                 "style-type": "transparent",
@@ -3513,7 +3512,7 @@ const Po = { class: "nmorph-select__content" }, Ao = ["id", "name"], Fo = ["valu
   setup(e, { emit: a }) {
     const { t } = ke(), s = e, o = u(
       () => s.noElementPlaceholder ? s.noElementPlaceholder : t("NmorphSelect.noElementPlaceholder")
-    ), r = a, l = y(s.modelValue), n = y(s.open), c = y(null), d = y(null), x = y(!0), C = s.id ? s.id : de(), m = s.name ? s.name : de(), g = (J) => {
+    ), r = a, l = y(s.modelValue), n = y(s.open), c = y(null), d = y(null), w = y(!0), C = s.id ? s.id : de(), m = s.name ? s.name : de(), g = (J) => {
       if (!s.disabled) {
         if (n.value = !1, typeof l.value == "string" && (!s.valueRequired && l.value === J ? l.value = "" : l.value = J, r("update:model-value", l.value)), Array.isArray(l.value)) {
           const Z = l.value.includes(J), oe = l.value.length === 1 && Z;
@@ -3525,7 +3524,7 @@ const Po = { class: "nmorph-select__content" }, Ao = ["id", "name"], Fo = ["valu
       }
     }, _ = y(!1), b = () => {
       _.value = !0;
-    }, w = () => {
+    }, x = () => {
       _.value = !1;
     }, h = u(
       () => V({
@@ -3535,7 +3534,7 @@ const Po = { class: "nmorph-select__content" }, Ao = ["id", "name"], Fo = ["valu
           `${s.modelValue ? "on" : "off"}`,
           `${s.loading && "loading"}`,
           `${n.value && "open"}`,
-          `${x.value ? "selected-line-outset" : "selected-line-inset"}`,
+          `${w.value ? "selected-line-outset" : "selected-line-inset"}`,
           `${_.value && "focus"}`
         ]
       })
@@ -3545,7 +3544,7 @@ const Po = { class: "nmorph-select__content" }, Ao = ["id", "name"], Fo = ["valu
     q(
       n,
       (J) => {
-        J && (x.value = !1);
+        J && (w.value = !1);
       },
       { immediate: !0 }
     );
@@ -3584,7 +3583,7 @@ const Po = { class: "nmorph-select__content" }, Ao = ["id", "name"], Fo = ["valu
           id: v(C),
           name: v(m),
           onFocus: b,
-          onBlur: w,
+          onBlur: x,
           onKeydown: [
             ve(ae, ["space"]),
             ve(fe, ["arrow-down"]),
@@ -3673,7 +3672,7 @@ const Wo = ["value"], Yo = { class: "nmorph-select-option__content" }, Uo = /* @
         ]
       })
     );
-    return (d, x) => (i(), p("div", {
+    return (d, w) => (i(), p("div", {
       class: T(c.value),
       onClick: l,
       value: o.value
@@ -3719,7 +3718,7 @@ const qo = { class: "nmorph-slider__content" }, Go = { class: "nmorph-slider__in
         n.value = $;
       }
     );
-    const d = y(null), x = u(() => {
+    const d = y(null), w = u(() => {
       const $ = C.value - C.value, O = t.max - t.min + $, D = (n.value - t.min) / O * 100, Y = c.value?.clientWidth || 0, F = Be / Y * 100, Q = F / 2;
       let ae = D - Q;
       const L = `${Math.max(0, Math.min(100 - F, ae))}%`, ie = Y / 100, Z = Be / 2 / ie, Xe = (d.value?.tooltipBody.clientWidth ?? 24) / 2 / ie, mt = Xe === 1 / 0 ? 1.714 : Xe, ht = `${parseFloat(L) + Z - mt}%`;
@@ -3746,7 +3745,7 @@ const qo = { class: "nmorph-slider__content" }, Go = { class: "nmorph-slider__in
       n.value = Math.round(n.value / t.step) * t.step, n.value = Math.max(t.min, Math.min(t.max, n.value));
     }, b = () => {
       document.removeEventListener("mousemove", _), document.removeEventListener("mouseup", b), P.value = !0;
-    }, w = () => {
+    }, x = () => {
       t.disabled || (document.addEventListener("mousemove", _), document.addEventListener("mouseup", b));
     }, h = y(null), k = () => {
       t.showTooltip && (r.value = !0);
@@ -3772,17 +3771,17 @@ const qo = { class: "nmorph-slider__content" }, Go = { class: "nmorph-slider__in
               ref: d,
               text: String(n.value),
               "force-show": "",
-              "force-coordinate": { x: x.value.tooltip, y: "24px" },
+              "force-coordinate": { x: w.value.tooltip, y: "24px" },
               "block-position": ""
             }, null, 8, ["text", "force-coordinate"])) : E("", !0),
             f("div", {
               ref_key: "sliderFirst",
               ref: h,
               class: T(["nmorph-slider__thumb", { "nmorph-slider__thumb--smooth": P.value }]),
-              style: te({ left: x.value.thumb }),
+              style: te({ left: w.value.thumb }),
               onMouseenter: k,
               onMouseleave: M,
-              onMousedown: w
+              onMousedown: x
             }, null, 38),
             f("input", {
               class: "nmorph-slide__native-input",
@@ -3824,7 +3823,7 @@ const Ko = ["value", "disabled"], Xo = { class: "nmorph-switch-thumb" }, rl = /*
           `${r.value && "focus"}`
         ]
       })
-    ), d = y(s.modelValue === s.activeValue), x = () => {
+    ), d = y(s.modelValue === s.activeValue), w = () => {
       if (s.disabled)
         return;
       d.value = !d.value;
@@ -3841,7 +3840,7 @@ const Ko = ["value", "disabled"], Xo = { class: "nmorph-switch-thumb" }, rl = /*
     }, [
       f("div", {
         class: "nmorph-switch__content",
-        onClick: x
+        onClick: w
       }, [
         f("input", {
           ref_key: "inputDOMRef",
@@ -3886,11 +3885,11 @@ const Jo = { class: "nmorph-text-input__input-side" }, Zo = {
   emits: ["update:model-value", "focus", "blur", "on-enter"],
   setup(e, { expose: a, emit: t }) {
     I((h) => ({
-      "6c6d90c2": w.value
+      "6c6d90c2": x.value
     }));
     const s = Ee(), o = e, r = u(
       () => V({
-        nmorph: [le[o.height], `${x.value && "focused"}`],
+        nmorph: [le[o.height], `${w.value && "focused"}`],
         "nmorph-text-input": [`${o.typePassword && "password"}`]
       })
     ), l = (h) => {
@@ -3898,13 +3897,13 @@ const Jo = { class: "nmorph-text-input__input-side" }, Zo = {
       _("update:model-value", k.value);
     }, n = y(!1), c = () => {
       o.clearable ? _("update:model-value", "") : n.value = !n.value;
-    }, d = u(() => o.typePassword && !n.value && !o.clearable ? "password" : "text"), x = y(!1), C = () => {
-      _("focus"), x.value = !0;
+    }, d = u(() => o.typePassword && !n.value && !o.clearable ? "password" : "text"), w = y(!1), C = () => {
+      _("focus"), w.value = !0;
     }, m = () => {
-      _("blur"), x.value = !1;
+      _("blur"), w.value = !1;
     }, g = y(null);
     a({ inputDOMRef: g });
-    const _ = t, b = u(() => o.clearable ? "error" : n.value ? "eye-blocked" : "eye"), w = u(() => s["prepend-icon"] ? "28px" : "8px");
+    const _ = t, b = u(() => o.clearable ? "error" : n.value ? "eye-blocked" : "eye"), x = u(() => s["prepend-icon"] ? "28px" : "8px");
     return (h, k) => (i(), p("div", {
       class: T(r.value)
     }, [
@@ -3962,7 +3961,7 @@ const Lo = { class: "nmorph-time-picker__content" }, en = { class: "nmorph-time-
     }));
     const s = e, o = t, r = y(null), l = y(null);
     a({ inputDOMRef: l });
-    const n = y(s.open), c = y([0, 0, 0]), d = y(s.initWithoutValue), x = () => {
+    const n = y(s.open), c = y([0, 0, 0]), d = y(s.initWithoutValue), w = () => {
       n.value = !n.value;
     }, C = u(
       () => V({
@@ -3974,7 +3973,7 @@ const Lo = { class: "nmorph-time-picker__content" }, en = { class: "nmorph-time-
     }, b = ($) => {
       const O = $;
       c.value = [O, c.value[1], c.value[2]], _();
-    }, w = ($) => {
+    }, x = ($) => {
       const O = $;
       c.value = [c.value[0], O, c.value[2]], _();
     }, h = ($) => {
@@ -3998,7 +3997,7 @@ const Lo = { class: "nmorph-time-picker__content" }, en = { class: "nmorph-time-
         ref_key: "timepickerDOMRef",
         ref: r,
         class: T(C.value),
-        onClick: x
+        onClick: w
       }, [
         f("div", Lo, [
           f("div", en, [
@@ -4038,7 +4037,7 @@ const Lo = { class: "nmorph-time-picker__content" }, en = { class: "nmorph-time-
                   "selected-value": c.value[1],
                   "disabled-range": $.disabledMinutes,
                   "step-height": Ce,
-                  onValueChanged: w
+                  onValueChanged: x
                 }, null, 8, ["set-value-on-mount", "values", "selected-value", "disabled-range"]),
                 S(D, {
                   "set-value-on-mount": !d.value,
@@ -4102,7 +4101,7 @@ const at = (e) => {
         "nmorph-radio": [`${o.disabled && "disabled"}`, `${l.value && "checked"}`, o.styleType]
       })
     ), c = y(null);
-    return a({ inputDOMRef: c }), (d, x) => (i(), p("label", {
+    return a({ inputDOMRef: c }), (d, w) => (i(), p("label", {
       class: T(n.value),
       onClick: re(r, ["prevent"])
     }, [
@@ -4118,7 +4117,7 @@ const at = (e) => {
             tabindex: o.tabindex,
             class: "nmorph-native-input"
           }, null, 8, ln),
-          x[0] || (x[0] = f("div", { class: "nmorph-radio__fake" }, null, -1)),
+          w[0] || (w[0] = f("div", { class: "nmorph-radio__fake" }, null, -1)),
           l.value ? (i(), p("div", rn)) : E("", !0)
         ]),
         o.label ? (i(), p("span", cn, U(o.label), 1)) : B(d.$slots, "label", { key: 1 }, void 0, !0)
@@ -4173,13 +4172,13 @@ const hn = /* @__PURE__ */ $e(mn, [["__scopeId", "data-v-e1360c2e"]]), fn = { cl
       }, [
         f("div", fn, [
           f("div", _n, [
-            (i(!0), p(K, null, X(n.options, (x) => (i(), z(d, {
-              key: x.value,
-              label: x.label,
-              value: x.value,
-              disabled: x.disabled || t.disabled,
+            (i(!0), p(K, null, X(n.options, (w) => (i(), z(d, {
+              key: w.value,
+              label: w.label,
+              value: w.value,
+              disabled: w.disabled || t.disabled,
               "style-type": t.styleType,
-              tabindex: x.tabindex
+              tabindex: w.tabindex
             }, null, 8, ["label", "value", "disabled", "style-type", "tabindex"]))), 128)),
             B(n.$slots, "default")
           ])
@@ -4206,7 +4205,7 @@ const cl = /* @__PURE__ */ H({
       () => V({
         "nmorph-backtop": [`${d.value && "show"}`, t.design]
       })
-    ), n = y(null), c = y(null), d = y(!1), x = (m) => {
+    ), n = y(null), c = y(null), d = y(!1), w = (m) => {
       if (!m)
         return;
       const g = m.target;
@@ -4219,9 +4218,9 @@ const cl = /* @__PURE__ */ H({
       });
     };
     return se(() => {
-      c.value && (n.value = c.value.parentElement, n.value?.addEventListener("scroll", x));
+      c.value && (n.value = c.value.parentElement, n.value?.addEventListener("scroll", w));
     }), he(() => {
-      n.value && n.value?.removeEventListener("scroll", x);
+      n.value && n.value?.removeEventListener("scroll", w);
     }), (m, g) => (i(), p("div", {
       ref_key: "selfDOMEl",
       ref: c,
@@ -4346,7 +4345,7 @@ const dl = /* @__PURE__ */ H({
     ), n = u(() => t.fillWidth ? `${t.relativeElement?.clientWidth}px` : `${t.width}px`), c = () => {
       s("on-outside-click");
     };
-    return (d, x) => (i(), z(v(Ke), {
+    return (d, w) => (i(), z(v(Ke), {
       show: t.open,
       transparent: "",
       onOnOutsideClick: c
@@ -4378,10 +4377,10 @@ const bn = { class: "nmorph-tabs__label-list" }, kn = ["id", "onClick", "custom"
       () => V({
         "nmorph-tabs": [`${t.stretch && "stretch"}`]
       })
-    ), r = (x) => {
-      if (x.disabled)
+    ), r = (w) => {
+      if (w.disabled)
         return;
-      const { name: C } = x;
+      const { name: C } = w;
       s("update:model-value", C), s("tab-change", C);
     }, l = y([]), n = de();
     ee("nmorph-tabs-data", {
@@ -4389,10 +4388,10 @@ const bn = { class: "nmorph-tabs__label-list" }, kn = ["id", "onClick", "custom"
       tabsIdentifier: n
     });
     const c = u(() => t.panes.length > 0 ? t.panes : l.value), d = Ee();
-    return (x, C) => (i(), p("div", {
+    return (w, C) => (i(), p("div", {
       class: T(o.value)
     }, [
-      B(x.$slots, "default"),
+      B(w.$slots, "default"),
       f("div", bn, [
         (i(!0), p(K, null, X(c.value, (m) => (i(), p("div", {
           id: v(pt)(v(n), m.name),