@nmorph/nmorph-ui-kit 0.2.19 → 0.2.21

package/dist/index.es.js

@@ -2842,6 +2842,7 @@ const Bf = /* @__PURE__ */ T({
   __name: "NmorphScroll",
   props: {
     height: { default: "auto" },
+    maxHeight: { default: "none" },
     modelValue: { default: () => ({
       x: 0,
       y: 0
@@ -2853,23 +2854,24 @@ const Bf = /* @__PURE__ */ T({
   },
   emits: ["on-scroll", "update:modelValue", "on-scroll-end"],
   setup(e, { emit: t }) {
-    I((w) => ({
-      "051dc122": m.value,
-      "67a141a6": i.value,
-      "71940be1": h.value,
-      "53d9dd4a": r.value,
-      "53d9dd48": l.value,
-      "174662cc": $.value
+    I((f) => ({
+      "4a68bfd5": m.value,
+      "2ef175ca": $.value,
+      "96ce3be8": i.value,
+      "78df0f8a": h.value,
+      "3797bab5": r.value,
+      "3797bab6": l.value,
+      "3c242500": w.value
     }));
     const o = e, l = _(() => o.scrollYProp), r = _(() => o.scrollXProp), i = _(() => o.scrollYProp !== "hidden" ? "--scrollbar-width" : "0"), h = _(() => o.scrollXProp !== "hidden" ? "--scrollbar-height" : "0");
     let d;
     const u = t, v = () => {
       u("on-scroll-end");
-    }, g = (w) => {
-      if (u("on-scroll", w), !y.value)
+    }, g = (f) => {
+      if (u("on-scroll", f), !y.value)
         return;
-      const f = y.value.scrollLeft, H = y.value.scrollTop;
-      u("update:modelValue", { x: f, y: H }), d !== void 0 && clearTimeout(d), d = setTimeout(() => {
+      const H = y.value.scrollLeft, V = y.value.scrollTop;
+      u("update:modelValue", { x: H, y: V }), d !== void 0 && clearTimeout(d), d = setTimeout(() => {
         v();
       }, o.scrollEndDelay);
     };
@@ -2880,11 +2882,11 @@ const Bf = /* @__PURE__ */ T({
       () => D({
         "nmorph-scroll": []
       })
-    ), y = x(null), k = (w) => {
-      const { x: f, y: H } = w;
+    ), y = x(null), k = (f) => {
+      const { x: H, y: V } = f;
       y.value?.scrollTo({
-        left: f,
-        top: H,
+        left: H,
+        top: V,
         behavior: "smooth"
       });
     };
@@ -2892,19 +2894,19 @@ const Bf = /* @__PURE__ */ T({
       k(o.modelValue);
     }), G(
       () => o.modelValue,
-      (w) => {
-        k(w);
+      (f) => {
+        k(f);
       },
       { deep: !0, immediate: !0 }
     );
-    const $ = _(() => o.cssScrollBehavior), m = _(() => o.height);
-    return (w, f) => (a(), s("div", {
+    const w = _(() => o.cssScrollBehavior), m = _(() => o.height), $ = _(() => o.height);
+    return (f, H) => (a(), s("div", {
       ref_key: "scrollDOMContainer",
       ref: y,
       class: z(M.value),
       onWheelPassive: g
     }, [
-      A(w.$slots, "default")
+      A(f.$slots, "default")
     ], 34));
   }
 });
@@ -3053,15 +3055,15 @@ const qf = ["data-date", "onClick"], l2 = /* @__PURE__ */ T({
     }, y = () => {
       i.value = /* @__PURE__ */ new Date();
     }, k = () => {
-      i.value = w.value;
-    }, $ = (C) => {
+      i.value = $.value;
+    }, w = (C) => {
       const { monthType: S, hidden: B } = C;
       if (B)
         return;
       S === "next" && k(), S === "previous" && M();
       const { date: F } = C;
       d.value = F, l("update:modelValue", d.value);
-    }, m = _(() => new Date(i.value.setMonth(i.value.getMonth() - 1))), w = _(() => new Date(i.value.setMonth(i.value.getMonth() + 1))), f = _(() => {
+    }, m = _(() => new Date(i.value.setMonth(i.value.getMonth() - 1))), $ = _(() => new Date(i.value.setMonth(i.value.getMonth() + 1))), f = _(() => {
       const { range: C } = o, S = C ? c2(i.value, C[0]) : !0, B = C ? i2(i.value, C[1]) : !0, F = d2(o.range);
       return {
         showPreviousMonthButton: S,
@@ -3116,7 +3118,7 @@ const qf = ["data-date", "onClick"], l2 = /* @__PURE__ */ T({
                           "nmorph-calendar-date--selected": V(g(j[B]).date)
                         }
                       ]),
-                      onClick: (K) => $(g(j[B]))
+                      onClick: (K) => w(g(j[B]))
                     }, [
                       A(C.$slots, "date-cell", {
                         scope: {
@@ -3176,12 +3178,12 @@ const He = [
 }, ze = (e) => He[e], Pf = (e) => e % 4 === 0 && e % 100 !== 0 || e % 400 === 0, Ee = (e, t) => [0, 2, 4, 6, 7, 9, 11].includes(t) ? 31 : [3, 5, 8, 10].includes(t) ? 30 : Pf(e) ? 29 : 28, h2 = (e, t) => {
   const o = (K) => t ? K < t[0] || K > t[1] : !1, l = e.value.getFullYear(), r = e.value.getMonth(), h = new Date(l, r, 1).getDay() + 1, d = Ee(l, r), u = 7 + h - 8;
   let M = 7 - (new Date(l, r, d).getDay() + 1);
-  const y = /* @__PURE__ */ new Date(), k = y.getDate(), $ = y.getMonth(), m = r - 1, w = Ee(l, m);
-  let f = w - u;
+  const y = /* @__PURE__ */ new Date(), k = y.getDate(), w = y.getMonth(), m = r - 1, $ = Ee(l, m);
+  let f = $ - u;
   const H = [];
-  for (; f < w; ) {
+  for (; f < $; ) {
     f++;
-    const K = $ === m && k === f, Z = new Date(l, m, f);
+    const K = w === m && k === f, Z = new Date(l, m, f);
     H.push({
       value: f,
       monthType: "previous",
@@ -3194,7 +3196,7 @@ const He = [
   let S = 0;
   for (; M; ) {
     S++, M--;
-    const K = $ === V && k === S, Z = new Date(l, V, S);
+    const K = w === V && k === S, Z = new Date(l, V, S);
     C.push({
       value: S,
       monthType: "next",
@@ -3208,7 +3210,7 @@ const He = [
   for (; B < d; ) {
     const K = y.getDate();
     B++;
-    const Z = $ === r && K === B, Te = new Date(l, r, B);
+    const Z = w === r && K === B, Te = new Date(l, r, B);
     F.push({
       value: B,
       monthType: "current",
@@ -3315,19 +3317,19 @@ const Uf = ["id"], Yf = { class: "nmorph-carousel__elements-indicator" }, Gf = [
       const V = M[Object.keys(M).length - 1]?.cloneNode(!0), C = M[0]?.cloneNode(!0);
       g.value?.prepend(V), g.value?.append(C), o.value += 1;
     }, k = () => {
-      o.value === 0 && (o.value = Object.keys(M).length, w.value = !1), o.value > Object.keys(M).length && (o.value = 1, w.value = !1);
+      o.value === 0 && (o.value = Object.keys(M).length, $.value = !1), o.value > Object.keys(M).length && (o.value = 1, $.value = !1);
     };
     Y(() => {
       i.loop && o.value === 0 && (Ve(() => y()), g.value?.addEventListener("transitionend", k));
     }), G(o, (V) => {
       h("change", o.value), (V === 1 || V === Object.keys(M).length) && setTimeout(() => {
-        w.value = !0;
+        $.value = !0;
       });
     });
-    const $ = (V, C) => {
+    const w = (V, C) => {
       const S = V;
       M[C] = S;
-    }, m = _(() => `translateX(-${o.value * 100}%)`), w = x(!0), f = (V) => V === o.value - 1, H = (V) => {
+    }, m = _(() => `translateX(-${o.value * 100}%)`), $ = x(!0), f = (V) => V === o.value - 1, H = (V) => {
       o.value = V + 1;
     };
     return (V, C) => (a(), s("div", {
@@ -3336,14 +3338,14 @@ const Uf = ["id"], Yf = { class: "nmorph-carousel__elements-indicator" }, Gf = [
       n("div", {
         ref_key: "carouselWrapper",
         ref: g,
-        class: z(["nmorph-carousel__wrapper", { "transition-enabled": w.value }]),
+        class: z(["nmorph-carousel__wrapper", { "transition-enabled": $.value }]),
         style: N({ transform: m.value })
       }, [
         (a(!0), s(L, null, U(u.value, (S, B) => (a(), s("div", {
           id: `nmorph-carousel-item-${p(v)}-${S}`,
           key: S,
           ref_for: !0,
-          ref: (F) => $(F, B),
+          ref: (F) => w(F, B),
           class: "nmorph-carousel__item"
         }, null, 8, Uf))), 128))
       ], 6),
@@ -3581,9 +3583,9 @@ const eg = { class: "nmorph-image-preview__content" }, tg = {
       d.value < o.maxScaleLevel && (d.value += o.scaleStep), d.value = parseFloat(d.value.toFixed(3));
     }, k = () => {
       d.value > o.minScaleLevel && (d.value -= o.scaleStep), d.value = parseFloat(d.value.toFixed(3));
-    }, $ = _(() => d.value < 1), m = () => {
+    }, w = _(() => d.value < 1), m = () => {
       d.value = 1;
-    }, w = () => {
+    }, $ = () => {
       d.value = 1;
     }, f = x(0), H = () => {
       const j = o.src.length - 1, X = i.value - 1;
@@ -3594,9 +3596,9 @@ const eg = { class: "nmorph-image-preview__content" }, tg = {
     }, C = _(() => {
       let j = {
         icon: "shrink",
-        handler: w
+        handler: $
       };
-      return $.value && (j = {
+      return w.value && (j = {
         icon: "enlarge",
         handler: m
       }), j;
@@ -3717,26 +3719,26 @@ const sg = /* @__PURE__ */ T({
     }, d = () => {
       u.value = String(Number(u.value) + 1);
     }, u = x(String(o.modelValue)), v = _(() => {
-      const m = o.total / o.pagerCount + 1, w = m % 1 === 0 ? -1 : 0;
-      return Array.from({ length: m + w }, (f, H) => ({ value: String(H + 1), label: String(H + 1) }));
+      const m = o.total / o.pagerCount + 1, $ = m % 1 === 0 ? -1 : 0;
+      return Array.from({ length: m + $ }, (f, H) => ({ value: String(H + 1), label: String(H + 1) }));
     }), g = _(() => o.hideOnSinglePage || o.total / o.pagerCount > 1);
     G(u, (m) => {
-      l("update:modelValue", Number(m)), $();
+      l("update:modelValue", Number(m)), w();
     }), G(
       () => o.pagerCount,
       () => {
-        $();
+        w();
       }
     );
     const M = (m) => {
       u.value = m;
-    }, y = _(() => Number(u.value) === 1), k = _(() => v.value.length === Number(u.value)), $ = () => {
-      const m = Number(u.value) * o.pagerCount, w = m - o.pagerCount;
-      r.value = [w, m], l("update:range", r.value);
+    }, y = _(() => Number(u.value) === 1), k = _(() => v.value.length === Number(u.value)), w = () => {
+      const m = Number(u.value) * o.pagerCount, $ = m - o.pagerCount;
+      r.value = [$, m], l("update:range", r.value);
     };
     return Y(() => {
-      $();
-    }), (m, w) => g.value ? (a(), s("div", {
+      w();
+    }), (m, $) => g.value ? (a(), s("div", {
       key: 0,
       class: z(i.value)
     }, [
@@ -3976,19 +3978,19 @@ const yg = { class: "nmorph-table__wrapper" }, Mg = { class: "nmorph-table__head
       () => D({
         "nmorph-table": [`${t.style}`]
       })
-    ), l = x(t.data), r = x(t.sort), i = (k, $) => {
-      r.value && (r.value[$] = k, l.value.sort((m, w) => {
-        const f = String(m[$]).toLowerCase(), H = String(w[$]).toLowerCase();
+    ), l = x(t.data), r = x(t.sort), i = (k, w) => {
+      r.value && (r.value[w] = k, l.value.sort((m, $) => {
+        const f = String(m[w]).toLowerCase(), H = String($[w]).toLowerCase();
         if (!r.value)
           return 0;
-        const V = r.value[$];
+        const V = r.value[w];
         return V === "ascending" ? f.localeCompare(H) : V === "descending" ? H.localeCompare(f) : 0;
       }));
     }, h = x(null), d = x([]);
     J("table-data", { rows: l, columns: d });
     const u = _(() => {
-      const k = d.value.map((H) => H.width).filter((H) => !!H), $ = k.length, m = k.reduce((H, V) => (H += Number(V), H), 0), w = d.value.length - $;
-      return h.value?.clientWidth ? (h.value?.clientWidth - m) / w : 0;
+      const k = d.value.map((H) => H.width).filter((H) => !!H), w = k.length, m = k.reduce((H, V) => (H += Number(V), H), 0), $ = d.value.length - w;
+      return h.value?.clientWidth ? (h.value?.clientWidth - m) / $ : 0;
     }), v = (k) => k !== "" ? k : u.value, g = x(0);
     G(
       () => t.data,
@@ -4000,7 +4002,7 @@ const yg = { class: "nmorph-table__wrapper" }, Mg = { class: "nmorph-table__head
       }
     );
     const M = (k) => typeof k == "object" ? "" : k, y = he();
-    return J("table-identifier", y), (k, $) => (a(), s("div", {
+    return J("table-identifier", y), (k, w) => (a(), s("div", {
       ref_key: "nmorphDOMTable",
       ref: h,
       key: g.value,
@@ -4017,8 +4019,8 @@ const yg = { class: "nmorph-table__wrapper" }, Mg = { class: "nmorph-table__head
           ]),
           n("thead", null, [
             n("tr", kg, [
-              (a(!0), s(L, null, U(d.value, (m, w) => (a(), s("th", {
-                key: w,
+              (a(!0), s(L, null, U(d.value, (m, $) => (a(), s("th", {
+                key: $,
                 class: z(["nmorph-table__table-data", { "nmorph-table__table-data--bordered": t.bordered }])
               }, [
                 n("div", Vg, [
@@ -4048,8 +4050,8 @@ const yg = { class: "nmorph-table__wrapper" }, Mg = { class: "nmorph-table__head
               }, null, 4))), 128))
             ]),
             n("tbody", null, [
-              (a(!0), s(L, null, U(l.value, (m, w) => (a(), s("tr", {
-                key: w,
+              (a(!0), s(L, null, U(l.value, (m, $) => (a(), s("tr", {
+                key: $,
                 class: z(["nmorph-table__table-data-row", { "nmorph-table__table-data-row--row-hover": t.rowHover }])
               }, [
                 (a(!0), s(L, null, U(d.value, (f) => (a(), s("td", {
@@ -4057,7 +4059,7 @@ const yg = { class: "nmorph-table__wrapper" }, Mg = { class: "nmorph-table__head
                   class: z([{ "nmorph-table__table-data--bordered": t.bordered }, "nmorph-table__table-data"])
                 }, [
                   n("div", {
-                    id: `table-cell-${p(y)}-${w}-${f.prop}`,
+                    id: `table-cell-${p(y)}-${$}-${f.prop}`,
                     style: N({ "text-align": f.alignment }),
                     class: "nmorph-table__cell nmorph-table__cell--data"
                   }, E(M(m[f.prop])), 13, zg)
@@ -4339,53 +4341,53 @@ const Fe = (e) => {
     validate: () => {
       if (t === null || !o.length)
         return null;
-      const d = t, u = ($) => o.length > 0 && $ in o[0], v = typeof d == "string" && u("pattern"), g = typeof d == "number" && u("numberCompareType"), M = typeof d == "string" || typeof d == "boolean" && u("booleanCompareType"), y = Array.isArray(d) && u("arrayCompareType");
+      const d = t, u = (w) => o.length > 0 && w in o[0], v = typeof d == "string" && u("pattern"), g = typeof d == "number" && u("numberCompareType"), M = typeof d == "string" || typeof d == "boolean" && u("booleanCompareType"), y = Array.isArray(d) && u("arrayCompareType");
       if (!g && !v && !M && !y)
         return console.warn("The input value and the provided rules do not match"), null;
       if (i.value || (i.value = !0), v) {
-        const $ = o;
-        l.value = $.reduce((m, w) => (d.match(w.pattern) || m.push(w.error), m), []);
+        const w = o;
+        l.value = w.reduce((m, $) => (d.match($.pattern) || m.push($.error), m), []);
       }
       if (g) {
-        const $ = (w, f, H) => {
+        const w = ($, f, H) => {
           switch (H) {
             case "eq":
-              return w === f;
+              return $ === f;
             case "gt":
-              return w > f;
+              return $ > f;
             case "lt":
-              return w < f;
+              return $ < f;
             case "lte":
-              return w <= f;
+              return $ <= f;
             case "gte":
-              return w >= f;
+              return $ >= f;
           }
         }, m = o;
-        l.value = m.reduce((w, f) => ($(d, f.compareValue, f.numberCompareType) && w.push(f.error), w), []);
+        l.value = m.reduce(($, f) => (w(d, f.compareValue, f.numberCompareType) && $.push(f.error), $), []);
       }
       if (M) {
-        const $ = o;
-        l.value = $.reduce((m, w) => {
+        const w = o;
+        l.value = w.reduce((m, $) => {
           let f = !1;
-          const { compareValue: H, booleanCompareType: V } = w;
-          return V === "not-eq" && (f = d === H), V === "eq" && (f = d !== H), f || m.push(w.error), m;
+          const { compareValue: H, booleanCompareType: V } = $;
+          return V === "not-eq" && (f = d === H), V === "eq" && (f = d !== H), f || m.push($.error), m;
         }, []);
       }
       if (y) {
-        const $ = o, m = (w, f, H) => {
+        const w = o, m = ($, f, H) => {
           switch (H) {
             case "contains-one":
-              return w.some((S) => f.includes(S));
+              return $.some((S) => f.includes(S));
             case "full-eq":
-              if (w.length !== f.length)
+              if ($.length !== f.length)
                 return !1;
-              const V = [...w].sort(), C = [...f].sort();
+              const V = [...$].sort(), C = [...f].sort();
               return V.every((S, B) => S === C[B]);
             case "not-contains":
-              return !w.some((S) => f.includes(S));
+              return !$.some((S) => f.includes(S));
           }
         };
-        l.value = $.reduce((w, f) => (m(d, f.compareValue, f.arrayCompareType) || w.push(f.error), w), []);
+        l.value = w.reduce(($, f) => (m(d, f.compareValue, f.arrayCompareType) || $.push(f.error), $), []);
       }
     }
   };
@@ -4422,13 +4424,13 @@ const Fe = (e) => {
         console.warn("Relative element is not an HTMLElement");
         return;
       }
-      const k = y.getBoundingClientRect(), { x: $, y: m } = k, w = k.width, f = k.height, H = window.innerWidth, V = window.innerHeight;
-      h.value === "top" && m - M < 0 && (h.value = "bottom"), h.value === "bottom" && m + f + M > V && (h.value = "top"), h.value === "left" && $ - g < 0 && (h.value = "right"), h.value === "right" && $ + w + g > H && (h.value = "left"), h.value === "top" && (d.value = { x: `${$ + i}px`, y: `${m + r}px` }), h.value === "bottom" && (d.value = { x: `${$ + i}px`, y: `${m + f + r}px` }), h.value === "right" && (d.value = { x: `${$ + i}px`, y: `${m + r}px` }), h.value === "left" && (d.value = { x: `${$ + w + i}px`, y: `${m + r}px` });
+      const k = y.getBoundingClientRect(), { x: w, y: m } = k, $ = k.width, f = k.height, H = window.innerWidth, V = window.innerHeight;
+      h.value === "top" && m - M < 0 && (h.value = "bottom"), h.value === "bottom" && m + f + M > V && (h.value = "top"), h.value === "left" && w - g < 0 && (h.value = "right"), h.value === "right" && w + $ + g > H && (h.value = "left"), h.value === "top" && (d.value = { x: `${w + i}px`, y: `${m + r}px` }), h.value === "bottom" && (d.value = { x: `${w + i}px`, y: `${m + f + r}px` }), h.value === "right" && (d.value = { x: `${w + i}px`, y: `${m + r}px` }), h.value === "left" && (d.value = { x: `${w + $ + i}px`, y: `${m + r}px` });
     });
   };
   return { placement: h, placementCoords: d };
 }, Tx = () => {
-}, Xg = "@nmorph/nmorph-ui-kit", Jg = "module", Qg = "0.2.19", Zg = "MIT", Ng = {
+}, Xg = "@nmorph/nmorph-ui-kit", Jg = "module", Qg = "0.2.21", Zg = "MIT", Ng = {
   node: "18.13.0",
   npm: "8.19.3"
 }, Ig = "./dist/index.d.ts", ew = "./dist/index.umd.js", tw = "./dist/index.es.js", nw = "./dist/style.css", ow = [
@@ -4590,28 +4592,28 @@ const Fe = (e) => {
   return `#${i}${h}${d}`;
 }, fw = (e, t = !1) => {
   G2("warn", `NMORPH(v${iw.version})`);
-  const o = { ..._w, ...e }, l = ($) => {
+  const o = { ..._w, ...e }, l = (w) => {
     try {
-      const m = pw($), w = je(m, o.darkShadeGeneratorCoefficient), f = je(m, o.lightShadeGeneratorCoefficient);
+      const m = pw(w), $ = je(m, o.darkShadeGeneratorCoefficient), f = je(m, o.lightShadeGeneratorCoefficient);
       return [
-        { name: "--nmorph-dark-shade-color", color: w },
+        { name: "--nmorph-dark-shade-color", color: $ },
         { name: "--nmorph-light-shade-color", color: f }
       ];
     } catch (m) {
       console.error(m.message);
     }
-  }, r = ($) => Object.entries($).map(([m, w]) => ({
+  }, r = (w) => Object.entries(w).map(([m, $]) => ({
     name: `--nmorph-${qe(m)}-color`,
-    color: w
-  })), i = ($, m) => {
-    const w = (V) => V.map((C) => `${C.name}: ${C.color};`).join(" "), f = Object.entries(m).map(([V, C]) => `--${qe(V)}: ${C};`).join(" "), H = [];
-    return Object.entries($).forEach(([V, C]) => {
+    color: $
+  })), i = (w, m) => {
+    const $ = (V) => V.map((C) => `${C.name}: ${C.color};`).join(" "), f = Object.entries(m).map(([V, C]) => `--${qe(V)}: ${C};`).join(" "), H = [];
+    return Object.entries(w).forEach(([V, C]) => {
       if (V === "common")
-        H.push(w(mw(x2, C)));
+        H.push($(mw(x2, C)));
       else {
         const S = `
           &[${ae}='${V}'] {
-            ${w(C)}
+            ${$(C)}
           }
         `;
         H.push(S);
@@ -4623,21 +4625,21 @@ const Fe = (e) => {
       }
     `;
   }, h = {};
-  Object.entries(o.themes).forEach(([$, m]) => {
-    h[$] = [];
-    const w = !!m.darkShade, f = !!m.lightShade;
-    !!m.main && !w && !f && (h[$] = l(m.main)), h[$] = [...h[$], ...r(m)];
+  Object.entries(o.themes).forEach(([w, m]) => {
+    h[w] = [];
+    const $ = !!m.darkShade, f = !!m.lightShade;
+    !!m.main && !$ && !f && (h[w] = l(m.main)), h[w] = [...h[w], ...r(m)];
   });
   const d = document.createElement("style");
   d.type = "text/css", d.innerHTML = i(h, o.other), document.head.appendChild(d);
-  const u = ($) => {
-    v.value = $, g.setAttribute(ae, v.value), o.saveCurrentThemeToLS ? localStorage.setItem(ae, $) : localStorage.removeItem(ae);
+  const u = (w) => {
+    v.value = w, g.setAttribute(ae, v.value), o.saveCurrentThemeToLS ? localStorage.setItem(ae, w) : localStorage.removeItem(ae);
   }, v = x(o.defaultTheme), g = document.querySelector("html"), M = localStorage.getItem(ae), y = h[M];
   o.saveCurrentThemeToLS && y && (v.value = localStorage.getItem(ae)), u(v.value);
   const k = { setTheme: u, currentTheme: q2(v) };
   return t ? k : {
-    install($) {
-      $.provide("nmorph", k);
+    install(w) {
+      w.provide("nmorph", k);
     }
   };
 }, y2 = {
@@ -4924,26 +4926,26 @@ const Ew = { class: "nmorph-autocomplete__input-content" }, Fw = {
       () => D({
         "nmorph-autocomplete": []
       })
-    ), h = ($) => {
-      l.value = $, r("update:modelValue", l.value);
+    ), h = (w) => {
+      l.value = w, r("update:modelValue", l.value);
     }, d = x(!1), u = x(null), v = () => {
       d.value = !1;
-    }, g = _(() => o.list.filter(($) => Object.keys($).some((m) => String($[m]).toLowerCase().includes(l.value.toLowerCase()))));
-    G(g, ($) => {
-      d.value = $.length > 0;
+    }, g = _(() => o.list.filter((w) => Object.keys(w).some((m) => String(w[m]).toLowerCase().includes(l.value.toLowerCase()))));
+    G(g, (w) => {
+      d.value = w.length > 0;
     });
-    const M = ($) => {
-      r("select", $), l.value = $.value, setTimeout(() => {
+    const M = (w) => {
+      r("select", w), l.value = w.value, setTimeout(() => {
         d.value = !1;
       });
     }, y = () => {
       d.value = g.value.length > 0;
     }, k = x(!1);
-    return G(l, async ($) => {
-      $ !== "" && o.actionCallback && (k.value = !0, await o.actionCallback(), k.value = !1);
-    }), G(k, ($) => {
-      $ && (d.value = !0);
-    }), ($, m) => (a(), s("div", {
+    return G(l, async (w) => {
+      w !== "" && o.actionCallback && (k.value = !0, await o.actionCallback(), k.value = !1);
+    }), G(k, (w) => {
+      w && (d.value = !0);
+    }), (w, m) => (a(), s("div", {
       class: z(i.value)
     }, [
       n("div", Ew, [
@@ -4972,20 +4974,20 @@ const Ew = { class: "nmorph-autocomplete__input-content" }, Fw = {
       }, {
         default: R(() => [
           k.value ? (a(), s("div", Fw, [
-            A($.$slots, "loader", {}, () => [
+            A(w.$slots, "loader", {}, () => [
               b(p(q), {
                 name: "loader",
                 size: "large"
               })
             ])
           ])) : (a(), s("div", jw, [
-            (a(!0), s(L, null, U(g.value, (w, f) => (a(), s("div", {
+            (a(!0), s(L, null, U(g.value, ($, f) => (a(), s("div", {
               key: f,
               class: "nmorph-autocomplete__list-item",
-              onClick: () => M(w)
+              onClick: () => M($)
             }, [
-              A($.$slots, "default", { scope: w }, () => [
-                ee(E(w.value), 1)
+              A(w.$slots, "default", { scope: $ }, () => [
+                ee(E($.value), 1)
               ])
             ], 8, Ww))), 128))
           ]))
@@ -5055,7 +5057,7 @@ const Le = /* @__PURE__ */ T({
         };
       } else
         return { from: o.startDatePlaceholder, to: o.endDatePlaceholder };
-    }), $ = () => {
+    }), w = () => {
       const V = Array.isArray(i.value) ? [] : null;
       i.value = V, h("update:modelValue", i.value);
     };
@@ -5070,7 +5072,7 @@ const Le = /* @__PURE__ */ T({
       } else
         i.value = C;
       h("update:modelValue", i.value);
-    }, w = _(() => Array.isArray(i.value) ? i.value.length > 0 : !!i.value), f = (V) => {
+    }, $ = _(() => Array.isArray(i.value) ? i.value.length > 0 : !!i.value), f = (V) => {
       Array.isArray(i.value) && (i.value[0] = V, h("update:modelValue", i.value));
     }, H = (V) => {
       Array.isArray(i.value) && (i.value[1] = V, h("update:modelValue", i.value));
@@ -5092,9 +5094,9 @@ const Le = /* @__PURE__ */ T({
           }),
           n("div", Gw, E(y.value), 1),
           n("div", Kw, [
-            w.value ? (a(), P(Le, {
+            $.value ? (a(), P(Le, {
               key: 0,
-              onClear: $
+              onClear: w
             })) : O("", !0)
           ])
         ], 2),
@@ -5137,9 +5139,9 @@ const Le = /* @__PURE__ */ T({
             n("div", e$, E(k.value.to), 1)
           ]),
           n("div", t$, [
-            w.value ? (a(), P(Le, {
+            $.value ? (a(), P(Le, {
               key: 0,
-              onClear: $
+              onClear: w
             })) : O("", !0)
           ])
         ], 2),
@@ -5183,11 +5185,11 @@ const a$ = { class: "nmorph-year-month-picker__header" }, s$ = { class: "nmorph-
   },
   emits: ["update-year", "update-month", "back-to-years"],
   setup(e, { emit: t }) {
-    const o = He.map((w, f) => ({
-      label: w.substring(0, 3),
+    const o = He.map(($, f) => ({
+      label: $.substring(0, 3),
       value: String(f)
     })), l = e, r = x(o), i = x(String(l.currentDate.getMonth())), h = x(l.currentDate.getFullYear()), d = () => {
-      const w = l.currentDate.getFullYear(), f = r2(w).map((H) => ({ label: String(H), value: String(H) }));
+      const $ = l.currentDate.getFullYear(), f = r2($).map((H) => ({ label: String(H), value: String(H) }));
       r.value = f;
     };
     G(
@@ -5204,24 +5206,24 @@ const a$ = { class: "nmorph-year-month-picker__header" }, s$ = { class: "nmorph-
       () => D({
         "nmorph-year-month-picker": []
       })
-    ), g = (w) => {
-      i.value = w, l.type === "month" ? u("update-month", i.value) : u("update-year", i.value);
-    }, M = (w) => {
+    ), g = ($) => {
+      i.value = $, l.type === "month" ? u("update-month", i.value) : u("update-year", i.value);
+    }, M = ($) => {
       r.value = r.value.map((f) => {
-        const H = String(w === "decrease" ? Number(f.value) - 10 : Number(f.value) + 10);
+        const H = String($ === "decrease" ? Number(f.value) - 10 : Number(f.value) + 10);
         return {
           label: H,
           value: H
         };
       });
-    }, y = (w) => {
-      w === "decrease" ? h.value = h.value - 1 : h.value = h.value + 1, u("update-year", String(h.value));
-    }, k = (w) => {
-      w === "decrease" ? l.type === "year" ? M("decrease") : y("decrease") : l.type === "year" ? M("increase") : y("increase");
-    }, $ = _(() => l.type === "year" ? `${r.value[0].label} - ${r.value[r.value.length - 1].label}` : String(h.value)), m = () => {
+    }, y = ($) => {
+      $ === "decrease" ? h.value = h.value - 1 : h.value = h.value + 1, u("update-year", String(h.value));
+    }, k = ($) => {
+      $ === "decrease" ? l.type === "year" ? M("decrease") : y("decrease") : l.type === "year" ? M("increase") : y("increase");
+    }, w = _(() => l.type === "year" ? `${r.value[0].label} - ${r.value[r.value.length - 1].label}` : String(h.value)), m = () => {
       l.type === "month" && u("back-to-years");
     };
-    return (w, f) => (a(), s("div", {
+    return ($, f) => (a(), s("div", {
       class: z(v.value)
     }, [
       n("div", a$, [
@@ -5240,7 +5242,7 @@ const a$ = { class: "nmorph-year-month-picker__header" }, s$ = { class: "nmorph-
         }),
         n("div", s$, [
           b(p(W), {
-            text: $.value,
+            text: w.value,
             "style-type": "transparent",
             onClick: m
           }, null, 8, ["text"])
@@ -5289,11 +5291,11 @@ const ve = /* @__PURE__ */ T({
       i.value = u.value;
     }, k = () => {
       i.value = v.value;
-    }, $ = () => {
+    }, w = () => {
       i.value = g.value;
     }, m = () => {
       h.value = "year";
-    }, w = () => {
+    }, $ = () => {
       h.value = "month";
     }, f = (S) => {
       const B = new Date(i.value.setFullYear(Number(S)));
@@ -5322,9 +5324,9 @@ const ve = /* @__PURE__ */ T({
             onPrevMonth: M,
             onNextMonth: y,
             onPrevYear: k,
-            onNextYear: $,
+            onNextYear: w,
             onChangeYear: m,
-            onChangeMonth: w
+            onChangeMonth: $
           }, null, 8, ["date"])
         ]),
         _: 1
@@ -5446,19 +5448,19 @@ const d$ = { class: "nmorph-file-upload__trigger" }, h$ = ["multiple"], u$ = { c
   emits: ["inputDOMRef", "update:modelValue", "on-unsupported-file-type-error"],
   setup(e, { emit: t }) {
     const o = e, l = (k) => k.split("/")[1], r = (k) => {
-      const $ = l(k);
+      const w = l(k);
       let m = "doc";
-      return $ in me && (m = "image"), $ in ge && (m = "audio"), $ in fe && (m = "video"), $ in we && (m = "archive"), m;
+      return w in me && (m = "image"), w in ge && (m = "audio"), w in fe && (m = "video"), w in we && (m = "archive"), m;
     };
     let i = le(o.modelValue);
     const h = x(null), d = () => {
       h.value && h.value.click();
     }, u = (k) => {
-      const $ = k.target;
-      if ($.files) {
-        if (Array.from($.files).forEach((m) => {
-          const w = l(m.type);
-          if (!o.allowedTypes.includes(w))
+      const w = k.target;
+      if (w.files) {
+        if (Array.from(w.files).forEach((m) => {
+          const $ = l(m.type);
+          if (!o.allowedTypes.includes($))
             return M("on-unsupported-file-type-error", m.type);
           const f = URL.createObjectURL(m), H = { data: m, previewUrl: f };
           i.push(H);
@@ -5472,8 +5474,8 @@ const d$ = { class: "nmorph-file-upload__trigger" }, h$ = ["multiple"], u$ = { c
         i.map((k) => k.data)
       );
     }, g = (k) => {
-      const $ = i.findIndex((m) => m.data.name === k);
-      $ !== -1 && (URL.revokeObjectURL(i[$].previewUrl), i.splice($, 1), v());
+      const w = i.findIndex((m) => m.data.name === k);
+      w !== -1 && (URL.revokeObjectURL(i[w].previewUrl), i.splice(w, 1), v());
     };
     Y(() => {
       M("inputDOMRef", h);
@@ -5484,7 +5486,7 @@ const d$ = { class: "nmorph-file-upload__trigger" }, h$ = ["multiple"], u$ = { c
         "nmorph-file-upload": [`${o.disabled && "disabled"}`]
       })
     );
-    return (k, $) => (a(), s("div", {
+    return (k, w) => (a(), s("div", {
       class: z(y.value)
     }, [
       n("div", d$, [
@@ -5510,11 +5512,11 @@ const d$ = { class: "nmorph-file-upload__trigger" }, h$ = ["multiple"], u$ = { c
           tag: "div"
         }, {
           default: R(() => [
-            (a(!0), s(L, null, U(p(i), ({ data: m, previewUrl: w }) => (a(), s("div", {
+            (a(!0), s(L, null, U(p(i), ({ data: m, previewUrl: $ }) => (a(), s("div", {
               key: m.name,
               class: "nmorph-file-upload__file"
             }, [
-              b(p(_2), { src: w }, null, 8, ["src"]),
+              b(p(_2), { src: $ }, null, 8, ["src"]),
               n("div", _$, [
                 b(p(q), {
                   name: r(m.type),
@@ -5728,17 +5730,17 @@ const k$ = { class: "nmorph-number-input__content" }, V$ = { class: "nmorph-numb
       const m = o.actionBtnPositionRight ? "right" : "default";
       return g[o.height][m];
     }), y = t, k = (m) => {
-      const w = m.target;
-      let f = Number(w.value);
+      const $ = m.target;
+      let f = Number($.value);
       r.value = f;
     };
     G(r, (m) => {
-      m > o.max && (r.value = o.max, $.value?.blur()), r.value < o.min && (r.value = o.min, $.value?.blur()), y("update:modelValue", m);
+      m > o.max && (r.value = o.max, w.value?.blur()), r.value < o.min && (r.value = o.min, w.value?.blur()), y("update:modelValue", m);
     }), Y(() => {
-      y("inputDOMRef", $);
+      y("inputDOMRef", w);
     });
-    const $ = x(null);
-    return (m, w) => (a(), s("div", {
+    const w = x(null);
+    return (m, $) => (a(), s("div", {
       class: z(l.value)
     }, [
       n("div", k$, [
@@ -5762,7 +5764,7 @@ const k$ = { class: "nmorph-number-input__content" }, V$ = { class: "nmorph-numb
           ])),
           n("input", {
             ref_key: "inputDOMRef",
-            ref: $,
+            ref: w,
             class: "nmorph-native-input",
             value: r.value,
             type: "number",
@@ -5885,16 +5887,16 @@ const T$ = { class: "nmorph-select__content" }, O$ = {
     }), pe(() => {
       document.removeEventListener("click", y);
     });
-    const k = _(() => typeof r.value == "string" ? r.value === "" ? o.noElementPlaceholder : o.options.find((f) => f.value === r.value)?.label : r.value), $ = _(() => o.options.length > 0 ? o.options : o.optionsMap), m = _(() => $.value.length > 0 ? $.value.filter((H) => r.value.includes(H.value)).map((H) => ({ text: H.label, value: H.value })) : Array.isArray(r.value) ? r.value.map((H) => ({ text: H, value: H })) : [{ text: r.value, value: r.value }]);
+    const k = _(() => typeof r.value == "string" ? r.value === "" ? o.noElementPlaceholder : o.options.find((f) => f.value === r.value)?.label : r.value), w = _(() => o.options.length > 0 ? o.options : o.optionsMap), m = _(() => w.value.length > 0 ? w.value.filter((H) => r.value.includes(H.value)).map((H) => ({ text: H.label, value: H.value })) : Array.isArray(r.value) ? r.value.map((H) => ({ text: H, value: H })) : [{ text: r.value, value: r.value }]);
     J("select-selected-value", r), J("select-change-selected-value", v);
-    const w = x(null);
+    const $ = x(null);
     return (f, H) => (a(), s("div", {
       class: z(g.value)
     }, [
       n("div", T$, [
         n("div", {
           ref_key: "nmorphSelectDOMRef",
-          ref: w,
+          ref: $,
           class: "nmorph-select__selected-values-line",
           onClick: ne(M, ["stop"])
         }, [
@@ -5916,10 +5918,10 @@ const T$ = { class: "nmorph-select__content" }, O$ = {
           })
         ], 512)
       ]),
-      w.value ? (a(), P(p(re), {
+      $.value ? (a(), P(p(re), {
         key: 0,
         open: i.value,
-        "relative-element": w.value,
+        "relative-element": $.value,
         onOnOutsideClick: y
       }, {
         default: R(() => [
@@ -5994,7 +5996,7 @@ const F$ = { class: "nmorph-slider__content" }, j$ = { class: "nmorph-slider__in
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
     I((V) => ({
-      a08b3702: r
+      ad126306: r
     }));
     const o = e, l = _(
       () => D({
@@ -6013,13 +6015,13 @@ const F$ = { class: "nmorph-slider__content" }, j$ = { class: "nmorph-slider__in
         thumb: K,
         tooltip: Z
       };
-    }), g = x(window.innerWidth), M = x(window.innerHeight), y = () => {
+    }), g = x(0), M = x(0), y = () => {
       g.value = window.innerWidth, M.value = window.innerHeight;
     };
     Y(() => {
-      window.addEventListener("resize", y);
+      typeof window < "u" && (g.value = window.innerWidth, M.value = window.innerHeight, window.addEventListener("resize", y));
     }), pe(() => {
-      document.removeEventListener("mouseup", $), window.removeEventListener("resize", y);
+      typeof window < "u" && (document.removeEventListener("mouseup", w), window.removeEventListener("resize", y));
     });
     const k = (V) => {
       const C = u.value?.getBoundingClientRect();
@@ -6029,11 +6031,11 @@ const F$ = { class: "nmorph-slider__content" }, j$ = { class: "nmorph-slider__in
         S = Math.max(0, Math.min(1, B / F)), d.value = o.min + S * (o.max - o.min);
       }
       d.value = Math.round(d.value / o.step) * o.step, d.value = Math.max(o.min, Math.min(o.max, d.value));
-    }, $ = () => {
-      document.removeEventListener("mousemove", k), document.removeEventListener("mouseup", $);
+    }, w = () => {
+      document.removeEventListener("mousemove", k), document.removeEventListener("mouseup", w);
     }, m = () => {
-      o.disabled || (document.addEventListener("mousemove", k), document.addEventListener("mouseup", $));
-    }, w = x(null), f = () => {
+      o.disabled || (document.addEventListener("mousemove", k), document.addEventListener("mouseup", w));
+    }, $ = x(null), f = () => {
       o.showTooltip && (i.value = !0);
     }, H = () => {
       o.showTooltip && (i.value = !1);
@@ -6057,7 +6059,7 @@ const F$ = { class: "nmorph-slider__content" }, j$ = { class: "nmorph-slider__in
             }, null, 8, ["text", "force-coordinate"])) : O("", !0),
             n("div", {
               ref_key: "sliderFirst",
-              ref: w,
+              ref: $,
               class: "nmorph-slider__thumb",
               style: N({ left: v.value.thumb }),
               onMouseenter: f,
@@ -6152,16 +6154,16 @@ const G$ = { class: "nmorph-text-input__input-side" }, K$ = {
   },
   emits: ["inputDOMRef", "update:modelValue", "focus", "blur", "on-enter"],
   setup(e, { emit: t }) {
-    I((w) => ({
-      "75bfc421": $.value
+    I(($) => ({
+      "75bfc421": w.value
     }));
     const o = e, l = _(
       () => D({
         nmorph: [te[o.height], `${u.value && "focused"}`, `${o.fill && "fill"}`],
         "nmorph-text-input": [`${o.typePassword && "password"}`]
       })
-    ), r = (w) => {
-      const f = w.target;
+    ), r = ($) => {
+      const f = $.target;
       y("update:modelValue", f.value);
     }, i = x(!1), h = () => {
       o.clearable ? y("update:modelValue", "") : i.value = !i.value;
@@ -6173,13 +6175,13 @@ const G$ = { class: "nmorph-text-input__input-side" }, K$ = {
     Y(() => {
       y("inputDOMRef", M);
     });
-    const k = _(() => o.clearable ? "error" : i.value ? "eye-blocked" : "eye"), $ = _(() => m["prepend-icon"] ? "28px" : "8px"), m = Xe();
-    return (w, f) => (a(), s("div", {
+    const k = _(() => o.clearable ? "error" : i.value ? "eye-blocked" : "eye"), w = _(() => m["prepend-icon"] ? "28px" : "8px"), m = Xe();
+    return ($, f) => (a(), s("div", {
       class: z(l.value)
     }, [
       n("div", G$, [
         p(m)["prepend-icon"] ? (a(), s("div", K$, [
-          A(w.$slots, "prepend-icon")
+          A($.$slots, "prepend-icon")
         ])) : O("", !0),
         n("input", {
           ref_key: "inputDOMRef",
@@ -6241,13 +6243,13 @@ const J$ = { class: "nmorph-time-picker__content" }, Q$ = { class: "nmorph-time-
       })
     ), M = Array.from({ length: 24 }, (S, B) => B), y = Array.from({ length: 60 }, (S, B) => B), k = () => {
       u.value = !1, l("update:modelValue", C2(d.value));
-    }, $ = (S) => {
+    }, w = (S) => {
       const B = S;
       d.value = [B, d.value[1], d.value[2]], k();
     }, m = (S) => {
       const B = S;
       d.value = [d.value[0], B, d.value[2]], k();
-    }, w = (S) => {
+    }, $ = (S) => {
       const B = S;
       d.value = [d.value[0], d.value[1], B], k();
     }, f = () => {
@@ -6300,7 +6302,7 @@ const J$ = { class: "nmorph-time-picker__content" }, Q$ = { class: "nmorph-time-
                   "selected-value": d.value[0],
                   "step-height": _e,
                   "disabled-range": S.disabledHours,
-                  onValueChanged: $
+                  onValueChanged: w
                 }, null, 8, ["set-value-on-mount", "values", "selected-value", "disabled-range"]),
                 b(F, {
                   "set-value-on-mount": !u.value,
@@ -6316,7 +6318,7 @@ const J$ = { class: "nmorph-time-picker__content" }, Q$ = { class: "nmorph-time-
                   "disabled-range": S.disabledSeconds,
                   "selected-value": d.value[2],
                   "step-height": _e,
-                  onValueChanged: w
+                  onValueChanged: $
                 }, null, 8, ["set-value-on-mount", "values", "disabled-range", "selected-value"])
               ])
             ]),