voiptime-components 1.11.5 → 1.11.6

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { createElementBlock as u, openBlock as r, createElementVNode as s, createStaticVNode as Fe, defineComponent as ke, computed as V, createBlock as we, createCommentVNode as U, resolveDynamicComponent as g1, normalizeStyle as Ee, useSlots as c1, resolveDirective as L1, withDirectives as r1, normalizeClass as Q, renderSlot as Se, Teleport as l1, withModifiers as Le, toDisplayString as R, createTextVNode as Me, ref as H, onUnmounted as t1, nextTick as Te, watch as ye, onMounted as Ze, createVNode as ne, Fragment as ie, renderList as fe, provide as d1, unref as Y, Transition as u1, withCtx as xe, inject as h1, onBeforeUnmount as K1, createApp as X1, h as k1, mergeModels as T1, useModel as ft, reactive as S1, toRef as a1, toRefs as Ct, vShow as Q1, TransitionGroup as mt, isRef as C1 } from "vue";
+import { createElementBlock as u, openBlock as r, createElementVNode as s, createStaticVNode as Fe, defineComponent as ke, computed as V, createBlock as we, createCommentVNode as W, resolveDynamicComponent as g1, normalizeStyle as Ee, useSlots as c1, resolveDirective as L1, withDirectives as r1, normalizeClass as Q, renderSlot as Se, Teleport as l1, withModifiers as Le, toDisplayString as R, createTextVNode as Me, ref as H, onUnmounted as t1, nextTick as Te, watch as ye, onMounted as Ze, createVNode as ne, Fragment as ie, renderList as fe, provide as d1, unref as z, Transition as u1, withCtx as xe, inject as h1, onBeforeUnmount as K1, createApp as X1, h as k1, mergeModels as T1, useModel as ft, reactive as S1, toRef as a1, toRefs as Ct, vShow as Q1, TransitionGroup as mt, isRef as C1 } from "vue";
 const M = (n, e) => {
   const l = n.__vccOpts || n;
   for (const [t, i] of e)
@@ -2519,7 +2519,7 @@ const f3 = /* @__PURE__ */ M(h3, [["render", v3]]), C3 = {
     return (i, c) => l.value ? (r(), we(g1(l.value), {
       key: 0,
       style: Ee(t.value)
-    }, null, 8, ["style"])) : U("", !0);
+    }, null, 8, ["style"])) : W("", !0);
   }
 }), m3 = {}, g3 = { class: "vt-loader" };
 function _3(n, e) {
@@ -2543,9 +2543,9 @@ const m1 = /* @__PURE__ */ M(m3, [["render", _3]]), w3 = ["disabled", "type", "d
   emits: ["click"],
   setup(n, { emit: e }) {
     const l = n, t = e, i = c1(), c = V(() => !!(l.icon && l.shape)), h = V(() => {
-      var _, m;
+      var _, g;
       const d = i.default ? i.default({}) : null;
-      return ((m = (_ = d == null ? void 0 : d[0]) == null ? void 0 : _.children) == null ? void 0 : m.toString()) ?? "";
+      return ((g = (_ = d == null ? void 0 : d[0]) == null ? void 0 : _.children) == null ? void 0 : g.toString()) ?? "";
     }), v = V(() => [
       "vt-button",
       `vt-button--${l.type}`,
@@ -2559,7 +2559,7 @@ const m1 = /* @__PURE__ */ M(m3, [["render", _3]]), w3 = ["disabled", "type", "d
       !l.disabled && !l.loading && t("click", d);
     };
     return (d, _) => {
-      const m = L1("tooltip");
+      const g = L1("tooltip");
       return r1((r(), u("button", {
         class: Q(v.value),
         disabled: l.disabled || l.loading,
@@ -2574,12 +2574,12 @@ const m1 = /* @__PURE__ */ M(m3, [["render", _3]]), w3 = ["disabled", "type", "d
           key: 1,
           name: l.icon,
           class: "vt-button__icon"
-        }, null, 8, ["name"])) : U("", !0),
-        c.value ? U("", !0) : (r(), u("span", k3, [
+        }, null, 8, ["name"])) : W("", !0),
+        c.value ? W("", !0) : (r(), u("span", k3, [
           Se(d.$slots, "default")
         ]))
       ], 10, w3)), [
-        [m, f.value]
+        [g, f.value]
       ]);
     };
   }
@@ -2621,19 +2621,19 @@ const m1 = /* @__PURE__ */ M(m3, [["render", _3]]), w3 = ["disabled", "type", "d
           }, ["stop"]))
         }, [
           f.title || f.showCloseButton ? (r(), u("div", b3, [
-            f.title ? (r(), u("h2", y3, R(f.title), 1)) : U("", !0),
+            f.title ? (r(), u("h2", y3, R(f.title), 1)) : W("", !0),
             f.showCloseButton ? (r(), we(me, {
               key: 1,
               class: "vt-modal__close",
               name: "close",
               onClick: h
-            })) : U("", !0)
-          ])) : U("", !0),
+            })) : W("", !0)
+          ])) : W("", !0),
           s("div", $3, [
             Se(f.$slots, "default")
           ])
         ], 2)
-      ], 4)) : U("", !0)
+      ], 4)) : W("", !0)
     ]));
   }
 }), M3 = ["for"], x3 = ["id", "name", "value", "checked", "disabled", "required", ".indeterminate"], n1 = /* @__PURE__ */ ke({
@@ -2656,8 +2656,8 @@ const m1 = /* @__PURE__ */ M(m3, [["render", _3]]), w3 = ["disabled", "type", "d
   setup(n, { emit: e }) {
     const l = n, t = e, i = () => `vt-checkbox-${Math.random().toString(36).substr(2, 9)}`, c = V(() => l.id || i()), h = V(() => l.modelValue ?? l.checked), v = (d) => {
       if (l.disabled) return;
-      const m = d.target.checked;
-      t("update:modelValue", m), t("change", m, d);
+      const g = d.target.checked;
+      t("update:modelValue", g), t("change", g, d);
     }, f = (d) => {
       t("focus", d);
     }, p = (d) => {
@@ -2720,7 +2720,7 @@ const m1 = /* @__PURE__ */ M(m3, [["render", _3]]), w3 = ["disabled", "type", "d
             "stroke-width": "2",
             "stroke-linecap": "round"
           }, null, -1)
-        ]), 2)) : U("", !0),
+        ]), 2)) : W("", !0),
         d.isDouble && h.value ? (r(), u("svg", {
           key: 1,
           class: Q([
@@ -2749,7 +2749,7 @@ const m1 = /* @__PURE__ */ M(m3, [["render", _3]]), w3 = ["disabled", "type", "d
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
           }, null, -1)
-        ]), 2)) : U("", !0),
+        ]), 2)) : W("", !0),
         d.indeterminate ? (r(), u("div", {
           key: 2,
           class: Q([
@@ -2758,7 +2758,7 @@ const m1 = /* @__PURE__ */ M(m3, [["render", _3]]), w3 = ["disabled", "type", "d
               "vt-checkbox__indeterminate-mark--visible": d.indeterminate
             }
           ])
-        }, null, 2)) : U("", !0)
+        }, null, 2)) : W("", !0)
       ], 2),
       d.label || d.$slots.label || d.$slots.default ? (r(), u("span", {
         key: 0,
@@ -2774,7 +2774,7 @@ const m1 = /* @__PURE__ */ M(m3, [["render", _3]]), w3 = ["disabled", "type", "d
             Me(R(d.label), 1)
           ])
         ])
-      ], 2)) : U("", !0)
+      ], 2)) : W("", !0)
     ], 10, M3));
   }
 }), I1 = (n) => {
@@ -2837,35 +2837,35 @@ function _1(n, e, l = {}) {
     hideOnClick: f = !0,
     onVisibleChange: p,
     onScroll: d
-  } = l, _ = H(!1), m = H(!0), b = H(!1), o = H(null), O = H([]), B = H({
+  } = l, _ = H(!1), g = H(!0), b = H(!1), o = H(null), q = H([]), A = H({
     top: "0px",
     left: "0px",
     transformOrigin: "center top"
-  }), F = () => {
+  }), U = () => {
     if (!n.value) return;
     const oe = I1(n.value);
-    m.value !== oe && (m.value = oe, !oe && _.value ? (b.value = !0, _.value = !1, p == null || p(!1)) : oe && b.value && !_.value && (b.value = !1, _.value = !0, j(), p == null || p(!0)));
-  }, j = async () => {
+    g.value !== oe && (g.value = oe, !oe && _.value ? (b.value = !0, _.value = !1, p == null || p(!1)) : oe && b.value && !_.value && (b.value = !1, _.value = !0, I(), p == null || p(!0)));
+  }, I = async () => {
     if (await Te(), !n.value || !e.value) return;
     const oe = n.value.getBoundingClientRect(), T = e.value.getBoundingClientRect(), G = L3(oe, T, i);
-    B.value = {
+    A.value = {
       ...G,
       minWidth: `${oe.width}px`
     };
-  }, I = () => {
-    (_.value || b.value) && (F(), _.value && j(), d == null || d());
+  }, B = () => {
+    (_.value || b.value) && (U(), _.value && I(), d == null || d());
   }, P = () => {
-    n.value && (O.value = V3(n.value), O.value.forEach((oe) => {
-      oe.addEventListener("scroll", I, { passive: !0 });
-    }), window.addEventListener("resize", I));
+    n.value && (q.value = V3(n.value), q.value.forEach((oe) => {
+      oe.addEventListener("scroll", B, { passive: !0 });
+    }), window.addEventListener("resize", B));
   }, re = () => {
-    O.value.forEach((oe) => {
-      oe.removeEventListener("scroll", I);
-    }), window.removeEventListener("resize", I), O.value = [];
+    q.value.forEach((oe) => {
+      oe.removeEventListener("scroll", B);
+    }), window.removeEventListener("resize", B), q.value = [];
   }, E = () => {
     v || _.value || !n.value || !I1(n.value) || (o.value = window.setTimeout(
       async () => {
-        _.value = !0, m.value = !0, b.value = !1, await j(), P(), p == null || p(!0);
+        _.value = !0, g.value = !0, b.value = !1, await I(), P(), p == null || p(!0);
       },
       t === "hover" ? c : 0
     ));
@@ -2884,16 +2884,16 @@ function _1(n, e, l = {}) {
   }), {
     // State
     visible: _,
-    parentVisible: m,
+    parentVisible: g,
     wasVisibleBeforeHiding: b,
-    dropdownPosition: B,
+    dropdownPosition: A,
     // Methods
     show: E,
     hide: L,
     toggle: ee,
-    updatePosition: j,
+    updatePosition: I,
     // Internal methods
-    checkParentVisibility: F,
+    checkParentVisibility: U,
     addScrollListeners: P,
     removeScrollListeners: re
   };
@@ -3022,7 +3022,7 @@ const P3 = ["for"], j3 = {
   },
   emits: ["update:modelValue", "input", "change", "focus", "blur", "clear", "validation", "keydown", "keyup", "keypress", "click"],
   setup(n, { expose: e, emit: l }) {
-    const t = n, i = l, c = H(), h = H(), v = H(!1), f = H(!1), p = H(), d = H([]), _ = H(!0), m = H(!1), b = {
+    const t = n, i = l, c = H(), h = H(), v = H(!1), f = H(!1), p = H(), d = H([]), _ = H(!0), g = H(!1), b = {
       email: (k) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(k),
       url: (k) => {
         try {
@@ -3033,37 +3033,37 @@ const P3 = ["for"], j3 = {
       },
       number: (k) => !isNaN(Number(k)) && isFinite(Number(k)),
       required: (k) => k !== "" && k !== null && k !== void 0,
-      minlength: (k, N) => String(k).length >= N,
-      maxlength: (k, N) => String(k).length <= N,
-      min: (k, N) => {
-        const q = Number(k);
-        return !isNaN(q) && q >= N;
+      minlength: (k, O) => String(k).length >= O,
+      maxlength: (k, O) => String(k).length <= O,
+      min: (k, O) => {
+        const N = Number(k);
+        return !isNaN(N) && N >= O;
       },
-      max: (k, N) => {
-        const q = Number(k);
-        return !isNaN(q) && q <= N;
+      max: (k, O) => {
+        const N = Number(k);
+        return !isNaN(N) && N <= O;
       },
-      pattern: (k, N) => new RegExp(N).test(k),
-      custom: (k, N) => N(k)
+      pattern: (k, O) => new RegExp(O).test(k),
+      custom: (k, O) => O(k)
     }, o = (k) => {
-      const N = [], q = String(k || "");
-      if (t.required && !b.required(k) && N.push(t.requiredMessage || "Це поле є обов'язковим"), !q && !t.required) {
-        d.value = N, _.value = N.length === 0;
+      const O = [], N = String(k || "");
+      if (t.required && !b.required(k) && O.push(t.requiredMessage || "Це поле є обов'язковим"), !N && !t.required) {
+        d.value = O, _.value = O.length === 0;
         return;
       }
       switch (t.type) {
         case "email":
-          q && !b.email(q) && N.push(t.emailMessage || "Введіть коректну email адресу");
+          N && !b.email(N) && O.push(t.emailMessage || "Введіть коректну email адресу");
           break;
         case "url":
-          q && !b.url(q) && N.push(t.urlMessage || "Введіть коректний URL");
+          N && !b.url(N) && O.push(t.urlMessage || "Введіть коректний URL");
           break;
         case "number":
-          q && !b.number(q) && N.push(t.numberMessage || "Введіть коректне число");
+          N && !b.number(N) && O.push(t.numberMessage || "Введіть коректне число");
           break;
       }
-      t.minlength && q && !b.minlength(q, t.minlength) && N.push(t.minlengthMessage || `Мінімальна довжина: ${t.minlength} символів`), t.maxlength && q && !b.maxlength(q, t.maxlength) && N.push(t.maxlengthMessage || `Максимальна довжина: ${t.maxlength} символів`), t.type === "number" && q && b.number(q) && (t.min !== void 0 && !b.min(q, t.min) && N.push(t.minMessage || `Мінімальне значення: ${t.min}`), t.max !== void 0 && !b.max(q, t.max) && N.push(t.maxMessage || `Максимальне значення: ${t.max}`)), t.pattern && q && !b.pattern(q, t.pattern) && N.push(t.patternMessage || "Значення не відповідає вимогам формату"), t.customValidator && !b.custom(k, t.customValidator) && N.push(t.customValidatorMessage || "Значення не проходить валідацію"), d.value = N, _.value = N.length === 0, i("validation", { isValid: _.value, errors: N });
-    }, O = V(() => t.type === "textarea"), B = V(() => {
+      t.minlength && N && !b.minlength(N, t.minlength) && O.push(t.minlengthMessage || `Мінімальна довжина: ${t.minlength} символів`), t.maxlength && N && !b.maxlength(N, t.maxlength) && O.push(t.maxlengthMessage || `Максимальна довжина: ${t.maxlength} символів`), t.type === "number" && N && b.number(N) && (t.min !== void 0 && !b.min(N, t.min) && O.push(t.minMessage || `Мінімальне значення: ${t.min}`), t.max !== void 0 && !b.max(N, t.max) && O.push(t.maxMessage || `Максимальне значення: ${t.max}`)), t.pattern && N && !b.pattern(N, t.pattern) && O.push(t.patternMessage || "Значення не відповідає вимогам формату"), t.customValidator && !b.custom(k, t.customValidator) && O.push(t.customValidatorMessage || "Значення не проходить валідацію"), d.value = O, _.value = O.length === 0, i("validation", { isValid: _.value, errors: O });
+    }, q = V(() => t.type === "textarea"), A = V(() => {
       if (t.type === "password") return null;
       switch (t.type) {
         case "email":
@@ -3073,8 +3073,8 @@ const P3 = ["for"], j3 = {
         default:
           return null;
       }
-    }), F = V(() => {
-      if (t.prefixIcon || B.value) return null;
+    }), U = V(() => {
+      if (t.prefixIcon || A.value) return null;
       if (t.errorMessage) return "alertCircle";
       switch (t.status) {
         case "error":
@@ -3086,12 +3086,12 @@ const P3 = ["for"], j3 = {
         default:
           return _.value ? null : "alertCircle";
       }
-    }), j = V(() => !!t.prefixIcon || !!B.value || !!F.value), I = V(() => t.prefixIcon || B.value || F.value), P = V(() => {
-      const k = "vt-input__icon", N = t.status !== "default" ? t.status : _.value ? "default" : "error";
+    }), I = V(() => !!t.prefixIcon || !!A.value || !!U.value), B = V(() => t.prefixIcon || A.value || U.value), P = V(() => {
+      const k = "vt-input__icon", O = t.status !== "default" ? t.status : _.value ? "default" : "error";
       if (t.prefixIcon)
         return k;
-      if (F.value)
-        switch (N) {
+      if (U.value)
+        switch (O) {
           case "error":
             return `${k} vt-input__icon--error`;
           case "warning":
@@ -3111,29 +3111,29 @@ const P3 = ["for"], j3 = {
       {
         "vt-input--disabled": t.disabled,
         "vt-input--focused": v.value,
-        "vt-input--textarea": O.value,
-        "vt-input--has-prefix": j.value,
+        "vt-input--textarea": q.value,
+        "vt-input--has-prefix": I.value,
         "vt-input--has-suffix": re.value,
         "vt-input--invalid": !!t.errorMessage || !_.value
       }
     ]), T = V(() => t.type === "password" ? f.value ? "text" : "password" : t.type === "textarea" ? "text" : t.type), G = V(() => t.errorMessage ? t.errorMessage : d.value.length > 0 ? d.value[0] : ""), ve = V(() => t.autosize && typeof t.autosize == "object" && t.autosize.maxRows ? "none" : t.resize), Ce = (k) => {
-      let q = k.target.value;
-      if (t.type === "number" && q !== "") {
-        const $e = Number(q);
-        isNaN($e) || (q = $e);
+      let N = k.target.value;
+      if (t.type === "number" && N !== "") {
+        const $e = Number(N);
+        isNaN($e) || (N = $e);
       }
-      i("update:modelValue", q), i("input", k), t.validateOnInput && o(q), O.value && t.autosize && !m.value && Te(() => se());
+      i("update:modelValue", N), i("input", k), t.validateOnInput && o(N), q.value && t.autosize && !g.value && Te(() => se());
     }, D = (k) => {
       if (i("change", k), !t.validateOnInput) {
-        const N = k.target;
-        o(N.value);
+        const O = k.target;
+        o(O.value);
       }
-    }, A = (k) => {
+    }, j = (k) => {
       v.value = !0, i("focus", k);
-    }, W = (k) => {
+    }, Y = (k) => {
       if (v.value = !1, i("blur", k), t.validateOnBlur) {
-        const N = k.target;
-        o(N.value);
+        const O = k.target;
+        o(O.value);
       }
     }, ae = () => {
       var k;
@@ -3144,23 +3144,23 @@ const P3 = ["for"], j3 = {
         (k = c.value) == null || k.focus();
       });
     }, se = () => {
-      if (!h.value || !t.autosize || m.value) return;
-      const k = h.value, N = k.style.height;
+      if (!h.value || !t.autosize || g.value) return;
+      const k = h.value, O = k.style.height;
       k.style.height = "auto";
-      let q = k.scrollHeight;
+      let N = k.scrollHeight;
       if (typeof t.autosize == "object") {
         const De = parseInt(getComputedStyle(k).lineHeight), Be = t.autosize.minRows ? t.autosize.minRows * De : 0, Re = t.autosize.maxRows ? t.autosize.maxRows * De : 1 / 0;
-        q = Math.max(Be, Math.min(q, Re));
+        N = Math.max(Be, Math.min(N, Re));
       }
-      const $e = `${q}px`;
-      $e !== N && (p.value = $e, k.style.height = $e);
+      const $e = `${N}px`;
+      $e !== O && (p.value = $e, k.style.height = $e);
     }, le = (k) => {
       if (!h.value || !(ve.value !== "none")) return;
       const $e = h.value.getBoundingClientRect();
       if (k.clientX > $e.right - 20 && k.clientY > $e.bottom - 20) {
-        m.value = !0;
+        g.value = !0;
         const Be = () => {
-          m.value = !1, document.removeEventListener("mouseup", Be);
+          g.value = !1, document.removeEventListener("mouseup", Be);
         };
         document.addEventListener("mouseup", Be);
       }
@@ -3193,7 +3193,7 @@ const P3 = ["for"], j3 = {
     }), ye(
       () => t.modelValue,
       (k) => {
-        O.value && t.autosize && !m.value && Te(se), t.validateOnInput && o(k || "");
+        q.value && t.autosize && !g.value && Te(se), t.validateOnInput && o(k || "");
       }
     ), ye(
       () => [t.required, t.minlength, t.maxlength, t.min, t.max, t.pattern],
@@ -3202,11 +3202,11 @@ const P3 = ["for"], j3 = {
       },
       { immediate: !0 }
     ), Ze(() => {
-      O.value && t.autosize && se(), t.modelValue !== void 0 && t.modelValue !== "" && o(t.modelValue);
+      q.value && t.autosize && se(), t.modelValue !== void 0 && t.modelValue !== "" && o(t.modelValue);
     }), Ze(() => {
-      O.value && t.autosize;
+      q.value && t.autosize;
     }), t1(() => {
-    }), (k, N) => (r(), u("div", {
+    }), (k, O) => (r(), u("div", {
       class: Q(oe.value)
     }, [
       k.label ? (r(), u("label", {
@@ -3215,16 +3215,16 @@ const P3 = ["for"], j3 = {
         for: k.id
       }, [
         Me(R(k.label) + " ", 1),
-        k.required ? (r(), u("span", j3, "*")) : U("", !0)
-      ], 8, P3)) : U("", !0),
+        k.required ? (r(), u("span", j3, "*")) : W("", !0)
+      ], 8, P3)) : W("", !0),
       s("div", R3, [
-        j.value ? (r(), u("div", Z3, [
+        I.value ? (r(), u("div", Z3, [
           ne(me, {
-            name: I.value,
+            name: B.value,
             class: Q(P.value)
           }, null, 8, ["name", "class"])
-        ])) : U("", !0),
-        O.value ? (r(), u("textarea", {
+        ])) : W("", !0),
+        q.value ? (r(), u("textarea", {
           key: 1,
           ref_key: "textareaRef",
           ref: h,
@@ -3244,13 +3244,13 @@ const P3 = ["for"], j3 = {
           class: "vt-input__field vt-input__textarea",
           onInput: Ce,
           onChange: D,
-          onFocus: A,
-          onBlur: W,
+          onFocus: j,
+          onBlur: Y,
           onMousedown: le,
-          onKeydown: N[0] || (N[0] = (q) => k.$emit("keydown", q)),
-          onKeyup: N[1] || (N[1] = (q) => k.$emit("keyup", q)),
-          onKeypress: N[2] || (N[2] = (q) => k.$emit("keypress", q)),
-          onClick: N[3] || (N[3] = (q) => k.$emit("click", q))
+          onKeydown: O[0] || (O[0] = (N) => k.$emit("keydown", N)),
+          onKeyup: O[1] || (O[1] = (N) => k.$emit("keyup", N)),
+          onKeypress: O[2] || (O[2] = (N) => k.$emit("keypress", N)),
+          onClick: O[3] || (O[3] = (N) => k.$emit("click", N))
         }, null, 44, F3)) : (r(), u("input", {
           key: 2,
           ref_key: "inputRef",
@@ -3273,12 +3273,12 @@ const P3 = ["for"], j3 = {
           class: "vt-input__field",
           onInput: Ce,
           onChange: D,
-          onFocus: A,
-          onBlur: W,
-          onKeydown: N[4] || (N[4] = (q) => k.$emit("keydown", q)),
-          onKeyup: N[5] || (N[5] = (q) => k.$emit("keyup", q)),
-          onKeypress: N[6] || (N[6] = (q) => k.$emit("keypress", q)),
-          onClick: N[7] || (N[7] = (q) => k.$emit("click", q))
+          onFocus: j,
+          onBlur: Y,
+          onKeydown: O[4] || (O[4] = (N) => k.$emit("keydown", N)),
+          onKeyup: O[5] || (O[5] = (N) => k.$emit("keyup", N)),
+          onKeypress: O[6] || (O[6] = (N) => k.$emit("keypress", N)),
+          onClick: O[7] || (O[7] = (N) => k.$emit("click", N))
         }, null, 40, z3)),
         re.value ? (r(), u("div", O3, [
           L.value ? (r(), u("button", {
@@ -3291,7 +3291,7 @@ const P3 = ["for"], j3 = {
               name: "close",
               class: "vt-input__icon"
             })
-          ])) : U("", !0),
+          ])) : W("", !0),
           k.showPassword && k.type === "password" ? (r(), u("button", {
             key: 1,
             type: "button",
@@ -3302,25 +3302,25 @@ const P3 = ["for"], j3 = {
               name: f.value ? "eyeOpened" : "eyeClosed",
               class: "vt-input__icon"
             }, null, 8, ["name"])
-          ])) : U("", !0),
+          ])) : W("", !0),
           E.value ? (r(), we(me, {
             key: 2,
             name: E.value,
             class: "vt-input__icon"
-          }, null, 8, ["name"])) : U("", !0)
-        ])) : U("", !0)
+          }, null, 8, ["name"])) : W("", !0)
+        ])) : W("", !0)
       ]),
       k.helperText || G.value ? (r(), u("div", Y3, [
-        G.value ? (r(), u("span", N3, R(G.value), 1)) : k.helperText ? (r(), u("span", W3, R(k.helperText), 1)) : U("", !0)
-      ])) : U("", !0),
+        G.value ? (r(), u("span", N3, R(G.value), 1)) : k.helperText ? (r(), u("span", W3, R(k.helperText), 1)) : W("", !0)
+      ])) : W("", !0),
       d.value.length > 1 && k.showAllErrors ? (r(), u("div", q3, [
-        (r(!0), u(ie, null, fe(d.value, (q, $e) => (r(), u("div", {
+        (r(!0), u(ie, null, fe(d.value, (N, $e) => (r(), u("div", {
           key: $e,
           class: "vt-input__error-item"
         }, [
-          s("span", null, R(q), 1)
+          s("span", null, R(N), 1)
         ]))), 128))
-      ])) : U("", !0)
+      ])) : W("", !0)
     ], 2));
   }
 }), U3 = ["for"], K3 = {
@@ -3382,20 +3382,20 @@ const P3 = ["for"], j3 = {
   },
   emits: ["update:modelValue", "change", "clear", "focus", "blur", "visible-change", "validation", "scrolled", "remove-tag", "filter", "filter-clear"],
   setup(n, { expose: e, emit: l }) {
-    const t = n, i = l, c = H(), h = H(), v = H(), f = H(), p = H([]), d = H(), _ = H(), m = {
+    const t = n, i = l, c = H(), h = H(), v = H(), f = H(), p = H([]), d = H(), _ = H(), g = {
       isFocused: H(!1),
       validationErrors: H([]),
       isValid: H(!0),
       visibleCount: H(0),
       filterQuery: H("")
-    }, b = H(/* @__PURE__ */ new Map()), o = H(/* @__PURE__ */ new Set()), O = H(/* @__PURE__ */ new Map()), B = (a) => t.valueKey && typeof a == "object" && a !== null ? String(a[t.valueKey]) : typeof a == "object" ? JSON.stringify(a) : String(a), F = (a, C) => {
-      const K = B(a.value);
-      b.value.set(K, a), o.value.add(K), C && O.value.set(a.value, C);
-    }, j = (a) => {
-      const C = B(a);
-      o.value.delete(C), O.value.delete(a);
+    }, b = H(/* @__PURE__ */ new Map()), o = H(/* @__PURE__ */ new Set()), q = H(/* @__PURE__ */ new Map()), A = (a) => t.valueKey && typeof a == "object" && a !== null ? String(a[t.valueKey]) : typeof a == "object" ? JSON.stringify(a) : String(a), U = (a, C) => {
+      const K = A(a.value);
+      b.value.set(K, a), o.value.add(K), C && q.value.set(a.value, C);
     }, I = (a) => {
-      for (const [C, K] of O.value.entries())
+      const C = A(a);
+      o.value.delete(C), q.value.delete(a);
+    }, B = (a) => {
+      for (const [C, K] of q.value.entries())
         if (o1(C, a, t.valueKey))
           return K;
     }, P = (a) => a.toLowerCase().trim(), re = (a, C) => {
@@ -3404,8 +3404,8 @@ const P3 = ["for"], j3 = {
       if (a.label && typeof a.label == "string" && P(a.label).includes(K) || typeof a.value == "string" && P(a.value).includes(K))
         return !0;
       if (typeof a.value == "object" && a.value !== null) {
-        const z = Object.values(a.value).filter((ge) => typeof ge == "string");
-        for (const ge of z)
+        const F = Object.values(a.value).filter((ge) => typeof ge == "string");
+        for (const ge of F)
           if (P(ge).includes(K))
             return !0;
       }
@@ -3415,15 +3415,15 @@ const P3 = ["for"], j3 = {
       for (const [C, K] of b.value.entries())
         o.value.has(C) && a.push(K);
       return a;
-    }), L = V(() => !t.filterable || !m.filterQuery.value.trim() || t.allowRemoteFilter ? E.value : E.value.filter((a) => re(a, m.filterQuery.value))), ee = H(0), oe = (a) => {
+    }), L = V(() => !t.filterable || !g.filterQuery.value.trim() || t.allowRemoteFilter ? E.value : E.value.filter((a) => re(a, g.filterQuery.value))), ee = H(0), oe = (a) => {
       const C = a.target;
       if (!C) return;
-      const K = C.scrollTop, z = C.scrollHeight, ge = C.clientHeight, Ve = K + ge >= z - 50, He = Date.now(), We = !t.loading && L.value.length > 0 && He - ee.value > E1;
+      const K = C.scrollTop, F = C.scrollHeight, ge = C.clientHeight, Ve = K + ge >= F - 50, He = Date.now(), We = !t.loading && L.value.length > 0 && He - ee.value > E1;
       Ve && We && (ee.value = He, i("scrolled"));
     }, T = () => {
       Te(() => {
         if (!d.value) return;
-        const a = d.value, C = a.scrollHeight, K = a.clientHeight, z = a.scrollTop, ge = C <= K, pe = z + K >= C - 10;
+        const a = d.value, C = a.scrollHeight, K = a.clientHeight, F = a.scrollTop, ge = C <= K, pe = F + K >= C - 10;
         if ((ge || pe) && L.value.length > 0 && !t.loading) {
           const Ve = Date.now();
           Ve - ee.value > E1 && (ee.value = Ve, i("scrolled"));
@@ -3434,8 +3434,8 @@ const P3 = ["for"], j3 = {
       parentVisible: ve,
       dropdownPosition: Ce,
       show: D,
-      hide: A,
-      toggle: W,
+      hide: j,
+      toggle: Y,
       updatePosition: ae
     } = _1(h, v, {
       trigger: "click",
@@ -3449,7 +3449,7 @@ const P3 = ["for"], j3 = {
           await ae(), t.filterable && _.value && _.value.focus(), setTimeout(() => {
             T();
           }, 100);
-        }) : (m.filterQuery.value && X(), t.validateOnBlur && ce.validate()), i("visible-change", a);
+        }) : (g.filterQuery.value && X(), t.validateOnBlur && ce.validate()), i("visible-change", a);
       }
     }), ce = {
       validate() {
@@ -3459,21 +3459,21 @@ const P3 = ["for"], j3 = {
           t.required || !1,
           t.requiredMessage
         );
-        m.validationErrors.value = a.errors, m.isValid.value = a.isValid, i("validation", { isValid: m.isValid.value, errors: a.errors });
+        g.validationErrors.value = a.errors, g.isValid.value = a.isValid, i("validation", { isValid: g.isValid.value, errors: a.errors });
       },
       clear() {
-        m.validationErrors.value = [], m.isValid.value = !0, i("validation", { isValid: !0, errors: [] });
+        g.validationErrors.value = [], g.isValid.value = !0, i("validation", { isValid: !0, errors: [] });
       }
-    }, se = V(() => t.multiple), le = V(() => E.value.length ? D3(t.modelValue, E.value, se.value, t.valueKey) : []), je = V(() => !t.multiple || le.value.length === 0 ? [] : t.collapsedTags ? le.value.slice(0, m.visibleCount.value) : le.value), ze = V(() => {
+    }, se = V(() => t.multiple), le = V(() => E.value.length ? D3(t.modelValue, E.value, se.value, t.valueKey) : []), je = V(() => !t.multiple || le.value.length === 0 ? [] : t.collapsedTags ? le.value.slice(0, g.visibleCount.value) : le.value), ze = V(() => {
       if (se.value) return "";
       const a = le.value[0];
       return a ? a.label : t.modelValue && typeof t.modelValue == "object" ? t.modelValue.label ? t.modelValue.label : t.modelValue.name ? t.modelValue.name : JSON.stringify(t.modelValue) : t.modelValue !== void 0 && t.modelValue !== null && t.modelValue !== "" && !Array.isArray(t.modelValue) ? String(t.modelValue) : "";
-    }), Oe = V(() => !t.clearable || t.disabled ? !1 : se.value ? le.value.length > 0 : t.modelValue !== void 0 && t.modelValue !== null && t.modelValue !== "" && (!Array.isArray(t.modelValue) || t.modelValue.length > 0)), _e = V(() => t.status !== "default" ? t.status : m.isValid.value ? "default" : "error"), Ae = V(() => [
+    }), Oe = V(() => !t.clearable || t.disabled ? !1 : se.value ? le.value.length > 0 : t.modelValue !== void 0 && t.modelValue !== null && t.modelValue !== "" && (!Array.isArray(t.modelValue) || t.modelValue.length > 0)), _e = V(() => t.status !== "default" ? t.status : g.isValid.value ? "default" : "error"), Ae = V(() => [
       "vt-select",
       `vt-select--${_e.value}`,
       {
         "vt-select--disabled": t.disabled,
-        "vt-select--focused": m.isFocused.value,
+        "vt-select--focused": g.isFocused.value,
         "vt-select--multiple": se.value,
         "vt-select--open": G.value
       }
@@ -3482,21 +3482,21 @@ const P3 = ["for"], j3 = {
       position: "absolute",
       zIndex: 2e3,
       maxHeight: `${t.maxHeight}px`
-    })), Ne = V(() => le.value.length - m.visibleCount.value), be = V(() => t.collapsedTags && t.multiple && le.value.length > 0 && m.visibleCount.value < le.value.length), k = V(() => {
+    })), Ne = V(() => le.value.length - g.visibleCount.value), be = V(() => t.collapsedTags && t.multiple && le.value.length > 0 && g.visibleCount.value < le.value.length), k = V(() => {
       if (!be.value) return "";
-      const a = le.value.slice(m.visibleCount.value);
+      const a = le.value.slice(g.visibleCount.value);
       return A3(Ne.value, a);
-    }), N = (a) => {
-      var K, z;
+    }), O = (a) => {
+      var K, F;
       if (!G.value) return;
       const C = a.target;
-      (K = c.value) != null && K.contains(C) || (z = v.value) != null && z.contains(C) || A();
-    }, q = (a) => {
+      (K = c.value) != null && K.contains(C) || (F = v.value) != null && F.contains(C) || j();
+    }, N = (a) => {
       if (!a || a.disabled) return;
       const C = H3(a, t.modelValue, se.value, t.valueKey);
-      i("update:modelValue", C), i("change", C), se.value || A(), t.validateOnInput && ce.validate();
+      i("update:modelValue", C), i("change", C), se.value || j(), t.validateOnInput && ce.validate();
     }, $e = (a, C) => {
-      a.disabled || q(a);
+      a.disabled || N(a);
     }, De = () => {
       const a = I3(se.value);
       i("update:modelValue", a), i("change", a), i("clear"), ce.clear();
@@ -3505,40 +3505,40 @@ const P3 = ["for"], j3 = {
       const C = T3(a, t.modelValue, t.valueKey);
       i("update:modelValue", C), i("change", C), i("remove-tag", a), t.validateOnInput && ce.validate();
     }, Re = () => {
-      t.disabled || W();
+      t.disabled || Y();
     }, Qe = () => {
-      m.isFocused.value = !0, i("focus");
+      g.isFocused.value = !0, i("focus");
     }, Ge = (a) => {
       var C;
-      a != null && a.relatedTarget && ((C = v.value) != null && C.contains(a.relatedTarget)) || (m.isFocused.value = !1, i("blur"), setTimeout(() => {
+      a != null && a.relatedTarget && ((C = v.value) != null && C.contains(a.relatedTarget)) || (g.isFocused.value = !1, i("blur"), setTimeout(() => {
         var K;
-        (K = v.value) != null && K.contains(document.activeElement) || A();
+        (K = v.value) != null && K.contains(document.activeElement) || j();
       }, 100));
     }, Z = (a) => {
       const C = a.target.value;
-      m.filterQuery.value = C, i("filter", C), t.allowRemoteFilter && console.log("Remote filter query:", C);
+      g.filterQuery.value = C, i("filter", C), t.allowRemoteFilter && console.log("Remote filter query:", C);
     }, X = () => {
-      m.filterQuery.value = "", i("filter", ""), i("filter-clear");
+      g.filterQuery.value = "", i("filter", ""), i("filter-clear");
     }, ue = (a) => {
-      a.key === "Enter" || a.key === " " ? (a.preventDefault(), Re()) : a.key === "Escape" && G.value && (a.preventDefault(), A());
+      a.key === "Enter" || a.key === " " ? (a.preventDefault(), Re()) : a.key === "Escape" && G.value && (a.preventDefault(), j());
     }, de = (a) => S3(a, t.modelValue, se.value, t.valueKey), te = () => {
       if (!t.collapsedTags || !f.value || le.value.length === 0) {
-        m.visibleCount.value = le.value.length;
+        g.visibleCount.value = le.value.length;
         return;
       }
       Te(() => {
         if (!f.value) return;
         const a = E3(f.value, p.value, le.value.length);
-        m.visibleCount.value = a;
+        g.visibleCount.value = a;
       });
     }, y = {
       selectValue: V(() => t.modelValue || (se.value ? [] : void 0)).value,
       multiple: se.value,
       valueKey: t.valueKey,
-      handleOptionClick: q,
+      handleOptionClick: N,
       isOptionSelected: de,
-      registerOption: F,
-      unregisterOption: j
+      registerOption: U,
+      unregisterOption: I
     };
     return d1(J1, y), e({
       ...{
@@ -3546,13 +3546,13 @@ const P3 = ["for"], j3 = {
           G.value || D();
         },
         blur() {
-          A();
+          j();
         },
         clear() {
           De();
         },
         validate() {
-          return ce.validate(), m.isValid.value;
+          return ce.validate(), g.isValid.value;
         },
         clearValidation() {
           ce.clear();
@@ -3562,18 +3562,18 @@ const P3 = ["for"], j3 = {
         },
         getValidationState() {
           return {
-            isValid: m.isValid.value,
-            errors: [...m.validationErrors.value]
+            isValid: g.isValid.value,
+            errors: [...g.validationErrors.value]
           };
         },
         setFilter(a) {
-          m.filterQuery.value = a, i("filter", a);
+          g.filterQuery.value = a, i("filter", a);
         },
         clearFilter() {
           X();
         },
         getFilterQuery() {
-          return m.filterQuery.value;
+          return g.filterQuery.value;
         },
         // Методи для роботи зі скролом
         checkInitialScroll() {
@@ -3581,20 +3581,20 @@ const P3 = ["for"], j3 = {
         },
         getScrollInfo() {
           if (!d.value) return null;
-          const { scrollTop: a, scrollHeight: C, clientHeight: K } = d.value, z = C - (a + K), ge = z <= 50;
+          const { scrollTop: a, scrollHeight: C, clientHeight: K } = d.value, F = C - (a + K), ge = F <= 50;
           return {
             scrollTop: a,
             scrollHeight: C,
             clientHeight: K,
-            distanceFromBottom: z,
+            distanceFromBottom: F,
             nearBottom: ge,
             optionsCount: L.value.length,
             isLoading: t.loading
           };
         }
       },
-      registerOption: F,
-      unregisterOption: j
+      registerOption: U,
+      unregisterOption: I
     }), ye(
       () => t.modelValue,
       () => {
@@ -3626,9 +3626,9 @@ const P3 = ["for"], j3 = {
     ), Ze(() => {
       t.modelValue !== void 0 && t.modelValue !== "" && (!Array.isArray(t.modelValue) || t.modelValue.length > 0) && ce.validate(), Te(() => {
         te();
-      }), window.addEventListener("resize", te), document.addEventListener("click", N);
+      }), window.addEventListener("resize", te), document.addEventListener("click", O);
     }), t1(() => {
-      document.removeEventListener("click", N), window.removeEventListener("resize", te);
+      document.removeEventListener("click", O), window.removeEventListener("resize", te);
     }), (a, C) => {
       const K = L1("tooltip");
       return r(), u("div", {
@@ -3642,8 +3642,8 @@ const P3 = ["for"], j3 = {
           class: "vt-select__label"
         }, [
           Me(R(a.label) + " ", 1),
-          a.required ? (r(), u("span", K3, "*")) : U("", !0)
-        ], 8, U3)) : U("", !0),
+          a.required ? (r(), u("span", K3, "*")) : W("", !0)
+        ], 8, U3)) : W("", !0),
         s("div", {
           ref_key: "triggerRef",
           ref: h,
@@ -3661,25 +3661,25 @@ const P3 = ["for"], j3 = {
               ref: f,
               class: "vt-select__tags"
             }, [
-              (r(!0), u(ie, null, fe(je.value, (z, ge) => (r(), u("div", {
-                key: `tag-${typeof z.value == "object" ? JSON.stringify(z.value) : z.value}-${ge}`,
+              (r(!0), u(ie, null, fe(je.value, (F, ge) => (r(), u("div", {
+                key: `tag-${typeof F.value == "object" ? JSON.stringify(F.value) : F.value}-${ge}`,
                 ref_for: !0,
                 ref: (pe) => pe && (p.value[ge] = pe),
                 class: "vt-select__tag"
               }, [
-                s("span", Q3, R(z.label), 1),
-                t.disabled ? U("", !0) : (r(), we(me, {
+                s("span", Q3, R(F.label), 1),
+                t.disabled ? W("", !0) : (r(), we(me, {
                   key: 0,
                   class: "vt-select__tag-close",
                   name: "close",
-                  onClick: Le((pe) => Be(z.value), ["stop"])
+                  onClick: Le((pe) => Be(F.value), ["stop"])
                 }, null, 8, ["onClick"]))
               ]))), 128)),
               be.value ? r1((r(), u("div", G3, [
                 s("span", J3, "+" + R(Ne.value), 1)
               ])), [
                 [K, k.value]
-              ]) : U("", !0)
+              ]) : W("", !0)
             ], 512)) : !a.multiple && ze.value ? (r(), u("span", e2, [
               a.$slots.selected && le.value[0] ? Se(a.$slots, "selected", {
                 key: 0,
@@ -3701,26 +3701,26 @@ const P3 = ["for"], j3 = {
               ne(me, { name: "close" })
             ], 8, s2)) : (r(), we(me, {
               key: 2,
-              class: Q([{ "vt-select__arrow--open": Y(G) }, "vt-select__icon vt-select__arrow"]),
+              class: Q([{ "vt-select__arrow--open": z(G) }, "vt-select__icon vt-select__arrow"]),
               name: "arrowDown"
             }, null, 8, ["class"]))
           ])
         ], 544),
         ne(u1, { name: "fade" }, {
           default: xe(() => [
-            m.validationErrors && m.validationErrors.value.length ? (r(), u("div", r2, [
-              (r(!0), u(ie, null, fe(m.validationErrors.value, (z, ge) => (r(), u("div", {
+            g.validationErrors && g.validationErrors.value.length ? (r(), u("div", r2, [
+              (r(!0), u(ie, null, fe(g.validationErrors.value, (F, ge) => (r(), u("div", {
                 key: `error-${ge}`,
                 class: "vt-select__error"
-              }, R(z), 1))), 128))
-            ])) : U("", !0)
+              }, R(F), 1))), 128))
+            ])) : W("", !0)
           ]),
           _: 1
         }),
         s("div", l2, [
           Se(a.$slots, "default")
         ]),
-        Y(G) && Y(ve) ? (r(), we(l1, {
+        z(G) && z(ve) ? (r(), we(l1, {
           key: 1,
           to: "body"
         }, [
@@ -3742,17 +3742,17 @@ const P3 = ["for"], j3 = {
                   ne(et, {
                     ref_key: "filterInputRef",
                     ref: _,
-                    modelValue: m.filterQuery.value,
-                    "onUpdate:modelValue": C[0] || (C[0] = (z) => m.filterQuery.value = z),
+                    modelValue: g.filterQuery.value,
+                    "onUpdate:modelValue": C[0] || (C[0] = (F) => g.filterQuery.value = F),
                     placeholder: a.filterPlaceholder,
                     clearable: "",
                     "suffix-icon": "search",
                     type: "text",
                     onInput: Z
                   }, null, 8, ["modelValue", "placeholder"])
-                ])) : U("", !0),
+                ])) : W("", !0),
                 L.value.length === 0 ? (r(), u("div", u2, [
-                  m.filterQuery.value ? (r(), u("span", c2, 'Немає результатів для "' + R(m.filterQuery.value) + '"', 1)) : (r(), u("span", d2, R(a.noDataText), 1))
+                  g.filterQuery.value ? (r(), u("span", c2, 'Немає результатів для "' + R(g.filterQuery.value) + '"', 1)) : (r(), u("span", d2, R(a.noDataText), 1))
                 ])) : (r(), u("div", {
                   key: 2,
                   ref_key: "scrollContainerRef",
@@ -3760,44 +3760,44 @@ const P3 = ["for"], j3 = {
                   class: "vt-select-dropdown__options",
                   onScroll: oe
                 }, [
-                  (r(!0), u(ie, null, fe(L.value, (z) => (r(), u("div", {
-                    key: `option-${typeof z.value == "object" ? JSON.stringify(z.value) : z.value}`,
-                    "aria-disabled": z.disabled || !1,
-                    "aria-selected": de(z.value),
+                  (r(!0), u(ie, null, fe(L.value, (F) => (r(), u("div", {
+                    key: `option-${typeof F.value == "object" ? JSON.stringify(F.value) : F.value}`,
+                    "aria-disabled": F.disabled || !1,
+                    "aria-selected": de(F.value),
                     class: Q([
                       "vt-option",
                       {
-                        "vt-option--selected": de(z.value),
-                        "vt-option--disabled": z.disabled || !1
+                        "vt-option--selected": de(F.value),
+                        "vt-option--disabled": F.disabled || !1
                       }
                     ]),
                     role: "option",
-                    onClick: (ge) => q(z),
+                    onClick: (ge) => N(F),
                     onMousedown: C[1] || (C[1] = Le(() => {
                     }, ["prevent"]))
                   }, [
                     se.value ? (r(), we(n1, {
                       key: 0,
-                      checked: de(z.value),
-                      disabled: z.disabled || !1,
+                      checked: de(F.value),
+                      disabled: F.disabled || !1,
                       class: "vt-option__checkbox",
                       tabindex: "-1",
-                      onChange: (ge) => $e(z)
-                    }, null, 8, ["checked", "disabled", "onChange"])) : U("", !0),
+                      onChange: (ge) => $e(F)
+                    }, null, 8, ["checked", "disabled", "onChange"])) : W("", !0),
                     s("span", p2, [
-                      I(z.value) ? (r(), we(g1(I(z.value)), { key: 0 })) : (r(), u("span", v2, R(z.label || z.value), 1))
+                      B(F.value) ? (r(), we(g1(B(F.value)), { key: 0 })) : (r(), u("span", v2, R(F.label || F.value), 1))
                     ])
                   ], 42, h2))), 128)),
                   a.loading ? (r(), u("div", f2, [
                     ne(m1, { class: "vt-select-dropdown__loading-icon" }),
                     Me(" " + R(t.loadingText), 1)
-                  ])) : U("", !0)
+                  ])) : W("", !0)
                 ], 544))
               ], 44, i2)
             ]),
             _: 1
           })
-        ])) : U("", !0)
+        ])) : W("", !0)
       ], 2);
     };
   }
@@ -3841,61 +3841,61 @@ const P3 = ["for"], j3 = {
   setup(n, { emit: e }) {
     const l = n, t = e, i = V({
       get: () => l.currentPage,
-      set: (j) => t("update:currentPage", j)
+      set: (I) => t("update:currentPage", I)
     }), c = V({
       get: () => l.pageSize,
-      set: (j) => t("update:pageSize", j)
+      set: (I) => t("update:pageSize", I)
     }), h = V(() => Math.ceil(l.totalItems / c.value)), v = V(() => l.totalItems === 0 ? 0 : (i.value - 1) * c.value + 1), f = V(() => Math.min(i.value * c.value, l.totalItems)), p = V(() => i.value <= 1), d = V(() => i.value >= h.value), _ = V(() => {
-      const j = [], I = h.value, P = i.value, re = l.maxVisiblePages;
-      if (I <= re)
-        for (let E = 1; E <= I; E++)
-          j.push(E);
+      const I = [], B = h.value, P = i.value, re = l.maxVisiblePages;
+      if (B <= re)
+        for (let E = 1; E <= B; E++)
+          I.push(E);
       else {
-        j.push(1);
-        const E = Math.max(2, P - Math.floor(re / 2)), L = Math.min(I - 1, P + Math.floor(re / 2));
-        E > 2 && j.push("...");
+        I.push(1);
+        const E = Math.max(2, P - Math.floor(re / 2)), L = Math.min(B - 1, P + Math.floor(re / 2));
+        E > 2 && I.push("...");
         for (let ee = E; ee <= L; ee++)
-          j.push(ee);
-        L < I - 1 && j.push("..."), I > 1 && j.push(I);
+          I.push(ee);
+        L < B - 1 && I.push("..."), B > 1 && I.push(B);
       }
-      return j;
-    }), m = () => {
+      return I;
+    }), g = () => {
       t("pageChange", {
         page: i.value,
         pageSize: c.value
       });
-    }, b = (j) => {
-      typeof j == "number" && j !== i.value && (i.value = j, m());
+    }, b = (I) => {
+      typeof I == "number" && I !== i.value && (i.value = I, g());
     }, o = () => {
-      p.value || (i.value--, m());
-    }, O = () => {
-      d.value || (i.value++, m());
-    }, B = () => {
-      i.value = 1, m();
-    }, F = () => {
+      p.value || (i.value--, g());
+    }, q = () => {
+      d.value || (i.value++, g());
+    }, A = () => {
+      i.value = 1, g();
+    }, U = () => {
       t("reloadData", i.value);
     };
     return ye(
       () => l.totalItems,
       () => {
-        i.value > h.value && h.value > 0 && (i.value = h.value, m());
+        i.value > h.value && h.value > 0 && (i.value = h.value, g());
       }
-    ), (j, I) => (r(), u("div", m2, [
+    ), (I, B) => (r(), u("div", m2, [
       s("div", g2, [
         s("div", _2, [
-          I[1] || (I[1] = s("label", {
+          B[1] || (B[1] = s("label", {
             class: "vt-pagination__label",
             for: "rowsSelect"
           }, "Рядків на сторінку:", -1)),
           ne(tt, {
             id: "rowsSelect",
             modelValue: c.value,
-            "onUpdate:modelValue": I[0] || (I[0] = (P) => c.value = P),
+            "onUpdate:modelValue": B[0] || (B[0] = (P) => c.value = P),
             class: "vt-pagination__select",
-            onChange: B
+            onChange: A
           }, {
             default: xe(() => [
-              (r(!0), u(ie, null, fe(j.pageSizeOptions, (P) => (r(), we(nt, {
+              (r(!0), u(ie, null, fe(I.pageSizeOptions, (P) => (r(), we(nt, {
                 key: P,
                 label: P,
                 value: P
@@ -3909,7 +3909,7 @@ const P3 = ["for"], j3 = {
             _: 1
           }, 8, ["modelValue"])
         ]),
-        s("span", null, R(v.value) + " - " + R(f.value) + " з " + R(j.totalItems), 1)
+        s("span", null, R(v.value) + " - " + R(f.value) + " з " + R(I.totalItems), 1)
       ]),
       s("div", w2, [
         s("button", {
@@ -3929,7 +3929,7 @@ const P3 = ["for"], j3 = {
         s("button", {
           class: Q({ "vt-pagination__nav-button": !0, "has-items": !d.value }),
           disabled: d.value,
-          onClick: O
+          onClick: q
         }, [
           ne(me, { name: "arrowRight" })
         ], 10, y2)
@@ -3940,9 +3940,9 @@ const P3 = ["for"], j3 = {
           shape: "circle",
           tooltip: "",
           tooltipPlacement: "left",
-          onClick: F
+          onClick: U
         }, {
-          default: xe(() => I[2] || (I[2] = [
+          default: xe(() => B[2] || (B[2] = [
             Me("Оновити дані ", -1)
           ])),
           _: 1,
@@ -4031,7 +4031,7 @@ const P3 = ["for"], j3 = {
             Me(R(d.label), 1)
           ])
         ])
-      ], 2)) : U("", !0)
+      ], 2)) : W("", !0)
     ], 10, M2));
   }
 });
@@ -4105,13 +4105,13 @@ function D2() {
     onMouseDown: (t, i, c, h) => {
       t.preventDefault(), t.stopPropagation(), n.value.resizingCol = i, n.value.startX = t.clientX, n.value.startWidth = i.width || i.minWidth || c(i.prop);
       const v = (p) => {
-        const { resizingCol: d, startX: _, startWidth: m } = n.value;
+        const { resizingCol: d, startX: _, startWidth: g } = n.value;
         if (!d) return;
-        document.querySelectorAll(`[data-resizer="${d.prop}"]`).forEach((F) => {
-          F.classList.add("vt-table__resizer--active");
+        document.querySelectorAll(`[data-resizer="${d.prop}"]`).forEach((U) => {
+          U.classList.add("vt-table__resizer--active");
         });
-        const b = p.clientX - _, o = d.minWidth || 50, O = d.maxWidth || 1e3, B = Math.max(Math.min(m + b, O), o);
-        d.width = B;
+        const b = p.clientX - _, o = d.minWidth || 50, q = d.maxWidth || 1e3, A = Math.max(Math.min(g + b, q), o);
+        d.width = A;
       }, f = () => {
         const { resizingCol: p } = n.value;
         document.removeEventListener("mousemove", v), document.removeEventListener("mouseup", f), document.body.style.cursor = "", document.body.style.userSelect = "", document.body.classList.remove("vt-table-resizing"), p && (document.querySelectorAll(`[data-resizer="${p.prop}"]`).forEach((d) => {
@@ -4127,39 +4127,39 @@ function H2(n, e, l, t) {
   var oe;
   const i = n.selectionKey || "id", c = H([]), h = H(null), v = H(!1);
   (oe = n.defaultSelection) != null && oe.length && (c.value = [...n.defaultSelection]);
-  const f = (T) => T[i], p = (T) => v.value ? !0 : c.value.some((G) => f(G) === f(T)), d = V(() => e.value.filter((T) => p(T)).length), _ = V(() => e.value.length > 0 && d.value === e.value.length), m = V(() => {
+  const f = (T) => T[i], p = (T) => v.value ? !0 : c.value.some((G) => f(G) === f(T)), d = V(() => e.value.filter((T) => p(T)).length), _ = V(() => e.value.length > 0 && d.value === e.value.length), g = V(() => {
     if (v.value) return !1;
     const T = d.value;
     return T > 0 && T < e.value.length;
-  }), b = V(() => v.value ? !0 : _.value && !m.value), o = V(() => n.isAllSelect && v.value), O = (T, G) => {
-    const ve = f(T), Ce = c.value.some((A) => f(A) === f(T)), D = G !== void 0 ? G : !Ce;
+  }), b = V(() => v.value ? !0 : _.value && !g.value), o = V(() => n.isAllSelect && v.value), q = (T, G) => {
+    const ve = f(T), Ce = c.value.some((j) => f(j) === f(T)), D = G !== void 0 ? G : !Ce;
     if (v.value && !D) {
-      v.value = !1, t != null && t.value && (c.value = t.value.filter((A) => f(A) !== ve)), ee(T, !1);
+      v.value = !1, t != null && t.value && (c.value = t.value.filter((j) => f(j) !== ve)), ee(T, !1);
       return;
     }
-    v.value && D || (D && !Ce ? c.value.push(T) : !D && Ce && (c.value = c.value.filter((A) => f(A) !== ve)), n.selectOnClickRow && G === void 0 && re(D ? T : null), ee(T, D));
-  }, B = () => {
-    switch (F()) {
+    v.value && D || (D && !Ce ? c.value.push(T) : !D && Ce && (c.value = c.value.filter((j) => f(j) !== ve)), n.selectOnClickRow && G === void 0 && re(D ? T : null), ee(T, D));
+  }, A = () => {
+    switch (U()) {
       case "none":
       case "partial":
-        j();
+        I();
         break;
       case "allVisible":
-        n.isAllSelect ? I() : P();
+        n.isAllSelect ? B() : P();
         break;
       case "absoluteAll":
         P();
         break;
     }
-  }, F = () => v.value ? "absoluteAll" : _.value ? "allVisible" : d.value > 0 ? "partial" : "none", j = () => {
+  }, U = () => v.value ? "absoluteAll" : _.value ? "allVisible" : d.value > 0 ? "partial" : "none", I = () => {
     const T = [], G = new Set(c.value.map((ve) => f(ve)));
     c.value.forEach((ve) => {
       T.push(ve);
     }), e.value.forEach((ve) => {
       G.has(f(ve)) || T.push(ve);
     }), c.value = T, v.value = !1, ee();
-  }, I = () => {
-    n.isAllSelect ? (v.value = !0, t != null && t.value ? c.value = [...t.value] : c.value = [...e.value], ee(void 0, void 0, !0)) : j();
+  }, B = () => {
+    n.isAllSelect ? (v.value = !0, t != null && t.value ? c.value = [...t.value] : c.value = [...e.value], ee(void 0, void 0, !0)) : I();
   }, P = () => {
     c.value = [], v.value = !1, h.value = null, ee();
   }, re = (T) => {
@@ -4189,16 +4189,16 @@ function H2(n, e, l, t) {
     currentRow: h,
     isRowSelected: p,
     isAllSelected: b,
-    isIndeterminate: m,
+    isIndeterminate: g,
     isDoubleCheck: o,
     isFullSelection: v,
-    toggleRowSelection: O,
-    toggleAllSelection: B,
+    toggleRowSelection: q,
+    toggleAllSelection: A,
     clearSelection: P,
     setCurrentRow: re,
     getSelectionRows: E,
     setSelectionRows: L,
-    selectAbsolutelyAll: I
+    selectAbsolutelyAll: B
   };
 }
 const T2 = (n, e, l = "asc") => {
@@ -4247,7 +4247,7 @@ const T2 = (n, e, l = "asc") => {
   },
   emits: ["visible-change", "click", "command"],
   setup(n, { expose: e, emit: l }) {
-    const t = n, i = l, c = H(), h = H(), v = H(), f = H(!1), p = H(!1), d = H(null), { visible: _, parentVisible: m, dropdownPosition: b, show: o, hide: O, toggle: B } = _1(
+    const t = n, i = l, c = H(), h = H(), v = H(), f = H(!1), p = H(!1), d = H(null), { visible: _, parentVisible: g, dropdownPosition: b, show: o, hide: q, toggle: A } = _1(
       h,
       v,
       {
@@ -4259,34 +4259,34 @@ const T2 = (n, e, l = "asc") => {
         hideOnClick: t.hideOnClick,
         onVisibleChange: (G) => i("visible-change", G)
       }
-    ), F = () => {
+    ), U = () => {
       d.value && (clearTimeout(d.value), d.value = null);
-    }, j = () => {
-      F(), d.value = setTimeout(() => {
-        !f.value && !p.value && O();
+    }, I = () => {
+      U(), d.value = setTimeout(() => {
+        !f.value && !p.value && q();
       }, t.hideTimeout);
     };
     d1(ot, {
       handleCommand: (G) => {
-        i("command", G), t.hideOnClick && O();
+        i("command", G), t.hideOnClick && q();
       },
       hideOnClick: t.hideOnClick
     });
     const P = (G) => {
-      t.disabled || (i("click", G), t.trigger === "click" && B());
+      t.disabled || (i("click", G), t.trigger === "click" && A());
     }, re = () => {
-      t.trigger === "hover" && (f.value = !0, F(), o());
+      t.trigger === "hover" && (f.value = !0, U(), o());
     }, E = () => {
-      t.trigger === "hover" && (f.value = !1, j());
+      t.trigger === "hover" && (f.value = !1, I());
     }, L = () => {
-      t.trigger === "hover" && (p.value = !0, F());
+      t.trigger === "hover" && (p.value = !0, U());
     }, ee = () => {
-      t.trigger === "hover" && (p.value = !1, j());
+      t.trigger === "hover" && (p.value = !1, I());
     }, oe = (G) => {
       var Ce, D;
       if (!_.value) return;
       const ve = G.target;
-      (Ce = c.value) != null && Ce.contains(ve) || (D = v.value) != null && D.contains(ve) || O();
+      (Ce = c.value) != null && Ce.contains(ve) || (D = v.value) != null && D.contains(ve) || q();
     }, T = V(() => ({
       ...b.value,
       position: "absolute",
@@ -4295,12 +4295,12 @@ const T2 = (n, e, l = "asc") => {
     }));
     return e({
       show: o,
-      hide: O,
+      hide: q,
       visible: _
     }), Ze(() => {
       document.addEventListener("click", oe);
     }), t1(() => {
-      document.removeEventListener("click", oe), F();
+      document.removeEventListener("click", oe), U();
     }), (G, ve) => (r(), u("div", {
       ref_key: "dropdownRef",
       ref: c,
@@ -4316,7 +4316,7 @@ const T2 = (n, e, l = "asc") => {
       }, [
         Se(G.$slots, "default")
       ], 512),
-      Y(_) && Y(m) ? (r(), we(l1, {
+      z(_) && z(g) ? (r(), we(l1, {
         key: 0,
         to: "body"
       }, [
@@ -4332,7 +4332,7 @@ const T2 = (n, e, l = "asc") => {
         }, [
           Se(G.$slots, "dropdown")
         ], 36)
-      ])) : U("", !0)
+      ])) : W("", !0)
     ], 544));
   }
 }), M1 = /* @__PURE__ */ ke({
@@ -4360,7 +4360,7 @@ const T2 = (n, e, l = "asc") => {
       h.icon ? (r(), u("i", {
         key: 0,
         class: Q([h.icon, "vt-dropdown-item__icon"])
-      }, null, 2)) : U("", !0),
+      }, null, 2)) : W("", !0),
       Se(h.$slots, "default")
     ], 2));
   }
@@ -4486,96 +4486,96 @@ const Xe = new E2(), A2 = {
   setup(n, { emit: e }) {
     const l = n, t = e, i = H([]), c = H(/* @__PURE__ */ new Set()), h = H(-1), v = H(-1), f = H("before"), p = V(() => {
       const D = {};
-      return l.columnsSelector.forEach((A) => {
-        if (A.name === "removed")
+      return l.columnsSelector.forEach((j) => {
+        if (j.name === "removed")
           return;
-        const W = A.columns.map((ce) => ce.prop), ae = i.value.filter((ce) => W.includes(ce.prop));
-        ae.length === 0 ? D[A.name] = { checked: !1, indeterminate: !1 } : ae.length === A.columns.length ? D[A.name] = { checked: !0, indeterminate: !1 } : D[A.name] = { checked: !1, indeterminate: !0 };
+        const Y = j.columns.map((ce) => ce.prop), ae = i.value.filter((ce) => Y.includes(ce.prop));
+        ae.length === 0 ? D[j.name] = { checked: !1, indeterminate: !1 } : ae.length === j.columns.length ? D[j.name] = { checked: !0, indeterminate: !1 } : D[j.name] = { checked: !1, indeterminate: !0 };
       }), D;
-    }), d = V(() => l.columnsSelector.filter((D) => D.name !== "removed")), _ = (D) => D.pinnedLeft || D.pinnedRight, m = (D) => !_(D), b = () => {
+    }), d = V(() => l.columnsSelector.filter((D) => D.name !== "removed")), _ = (D) => D.pinnedLeft || D.pinnedRight, g = (D) => !_(D), b = () => {
       const D = i.value;
-      let A = -1;
+      let j = -1;
       for (let ae = 0; ae < D.length; ae++)
-        D[ae].pinnedLeft && (A = ae);
-      let W = D.length;
+        D[ae].pinnedLeft && (j = ae);
+      let Y = D.length;
       for (let ae = 0; ae < D.length; ae++)
         if (D[ae].pinnedRight) {
-          W = ae;
+          Y = ae;
           break;
         }
       return {
-        minIndex: A + 1,
-        maxIndex: W - 1
+        minIndex: j + 1,
+        maxIndex: Y - 1
       };
     }, o = (D) => {
-      const A = b();
-      return !(D < A.minIndex || D > A.maxIndex + 1);
-    }, O = (D, A) => {
-      const W = i.value[A];
-      if (!m(W)) {
+      const j = b();
+      return !(D < j.minIndex || D > j.maxIndex + 1);
+    }, q = (D, j) => {
+      const Y = i.value[j];
+      if (!g(Y)) {
         D.preventDefault();
         return;
       }
-      h.value = A, D.dataTransfer && (D.dataTransfer.effectAllowed = "move", D.dataTransfer.setData("text/plain", W.prop)), document.body.style.cursor = "grabbing";
-    }, B = (D, A) => {
+      h.value = j, D.dataTransfer && (D.dataTransfer.effectAllowed = "move", D.dataTransfer.setData("text/plain", Y.prop)), document.body.style.cursor = "grabbing";
+    }, A = (D, j) => {
       if (h.value === -1) return;
       D.preventDefault();
-      const W = D.currentTarget.getBoundingClientRect(), ae = D.clientY, ce = W.top + W.height / 2;
-      let se = A, le = "before";
-      ae < ce ? (se = A, le = "before") : (se = A + 1, le = "after"), h.value < se && se--, o(se) ? (v.value = A, f.value = le, D.dataTransfer.dropEffect = "move") : (v.value = -1, D.dataTransfer.dropEffect = "none");
-    }, F = () => {
+      const Y = D.currentTarget.getBoundingClientRect(), ae = D.clientY, ce = Y.top + Y.height / 2;
+      let se = j, le = "before";
+      ae < ce ? (se = j, le = "before") : (se = j + 1, le = "after"), h.value < se && se--, o(se) ? (v.value = j, f.value = le, D.dataTransfer.dropEffect = "move") : (v.value = -1, D.dataTransfer.dropEffect = "none");
+    }, U = () => {
       setTimeout(() => {
         h.value === -1 && (v.value = -1);
       }, 50);
-    }, j = (D, A) => {
+    }, I = (D, j) => {
       if (D.preventDefault(), h.value === -1 || v.value === -1) {
         P();
         return;
       }
-      const W = D.currentTarget.getBoundingClientRect(), ae = D.clientY, ce = W.top + W.height / 2;
-      let se = A;
-      if (ae >= ce && (se = A + 1), h.value < se && se--, !o(se) || se === h.value) {
+      const Y = D.currentTarget.getBoundingClientRect(), ae = D.clientY, ce = Y.top + Y.height / 2;
+      let se = j;
+      if (ae >= ce && (se = j + 1), h.value < se && se--, !o(se) || se === h.value) {
         P();
         return;
       }
       const le = [...i.value], [je] = le.splice(h.value, 1);
       le.splice(se, 0, je), i.value = le, P();
-    }, I = () => {
+    }, B = () => {
       P();
     }, P = () => {
       h.value = -1, v.value = -1, f.value = "before", document.body.style.cursor = "";
     }, re = (D) => {
-      const A = ["vt-columns-selector__panel-item"];
-      return h.value === D && A.push("vt-columns-selector__panel-item--dragging"), v.value === D && f.value === "before" && A.push("vt-columns-selector__panel-item--drop-before"), v.value === D && f.value === "after" && A.push("vt-columns-selector__panel-item--drop-after"), A;
+      const j = ["vt-columns-selector__panel-item"];
+      return h.value === D && j.push("vt-columns-selector__panel-item--dragging"), v.value === D && f.value === "before" && j.push("vt-columns-selector__panel-item--drop-before"), v.value === D && f.value === "after" && j.push("vt-columns-selector__panel-item--drop-after"), j;
     }, E = () => {
       i.value = [...l.columns.map((D) => ({ ...D }))], l.columnsSelector.forEach((D) => {
         D.name !== "removed" && c.value.add(D.name);
       });
-    }, L = (D, A) => {
-      if (A)
-        i.value.some((W) => W.prop === D.prop) || i.value.push({ ...D });
+    }, L = (D, j) => {
+      if (j)
+        i.value.some((Y) => Y.prop === D.prop) || i.value.push({ ...D });
       else {
         if (_(D))
           return;
-        i.value = i.value.filter((W) => W.prop !== D.prop);
+        i.value = i.value.filter((Y) => Y.prop !== D.prop);
       }
-    }, ee = (D, A) => {
-      if (A)
-        D.columns.forEach((W) => {
-          i.value.some((ae) => ae.prop === W.prop) || i.value.push({ ...W });
+    }, ee = (D, j) => {
+      if (j)
+        D.columns.forEach((Y) => {
+          i.value.some((ae) => ae.prop === Y.prop) || i.value.push({ ...Y });
         });
       else {
-        const W = [];
+        const Y = [];
         D.columns.forEach((ae) => {
           const ce = i.value.find((se) => se.prop === ae.prop);
-          ce && !_(ce) && W.push(ce);
+          ce && !_(ce) && Y.push(ce);
         }), i.value = i.value.filter(
-          (ae) => !W.some((ce) => ce.prop === ae.prop)
+          (ae) => !Y.some((ce) => ce.prop === ae.prop)
         );
       }
-    }, oe = (D) => i.value.some((A) => A.prop === D.prop), T = (D) => {
-      const A = i.value.find((W) => W.prop === D.prop);
-      return !A || !_(A);
+    }, oe = (D) => i.value.some((j) => j.prop === D.prop), T = (D) => {
+      const j = i.value.find((Y) => Y.prop === D.prop);
+      return !j || !_(j);
     }, G = (D) => {
       c.value.has(D) ? c.value.delete(D) : c.value.add(D);
     }, ve = () => {
@@ -4585,61 +4585,61 @@ const Xe = new E2(), A2 = {
     };
     return Ze(() => {
       E();
-    }), (D, A) => (r(), u("div", P2, [
+    }), (D, j) => (r(), u("div", P2, [
       s("div", j2, [
         s("div", R2, [
-          (r(!0), u(ie, null, fe(i.value, (W, ae) => (r(), u("div", {
-            key: W.prop,
+          (r(!0), u(ie, null, fe(i.value, (Y, ae) => (r(), u("div", {
+            key: Y.prop,
             class: Q(re(ae)),
-            draggable: m(W),
-            onDragstart: (ce) => O(ce, ae),
-            onDragover: (ce) => B(ce, ae),
-            onDragleave: F,
-            onDrop: (ce) => j(ce, ae),
-            onDragend: I
+            draggable: g(Y),
+            onDragstart: (ce) => q(ce, ae),
+            onDragover: (ce) => A(ce, ae),
+            onDragleave: U,
+            onDrop: (ce) => I(ce, ae),
+            onDragend: B
           }, [
             ne(me, {
-              name: m(W) ? "columnsMove" : "freeze",
-              class: Q(["vt-columns-selector__panel-item-icon", { "vt-columns-selector__panel-item-icon--draggable": m(W) }])
+              name: g(Y) ? "columnsMove" : "freeze",
+              class: Q(["vt-columns-selector__panel-item-icon", { "vt-columns-selector__panel-item-icon--draggable": g(Y) }])
             }, null, 8, ["name", "class"]),
             ne(n1, {
-              label: W.label,
+              label: Y.label,
               checked: !0,
-              disabled: _(W),
-              onChange: (ce) => L(W, ce),
-              onClick: A[0] || (A[0] = Le(() => {
+              disabled: _(Y),
+              onChange: (ce) => L(Y, ce),
+              onClick: j[0] || (j[0] = Le(() => {
               }, ["stop"]))
             }, null, 8, ["label", "disabled", "onChange"]),
-            _(W) ? (r(), u("span", F2, "pinned")) : U("", !0)
+            _(Y) ? (r(), u("span", F2, "pinned")) : W("", !0)
           ], 42, Z2))), 128))
         ]),
         s("div", z2, [
-          (r(!0), u(ie, null, fe(d.value, (W) => {
+          (r(!0), u(ie, null, fe(d.value, (Y) => {
             var ae, ce;
             return r(), u("div", {
-              key: W.name,
+              key: Y.name,
               class: "vt-columns-selector__group"
             }, [
               s("div", {
                 class: "vt-columns-selector__group-header",
-                onClick: (se) => G(W.name)
+                onClick: (se) => G(Y.name)
               }, [
                 ne(n1, {
-                  label: W.label,
-                  checked: ((ae = p.value[W.name]) == null ? void 0 : ae.checked) || !1,
-                  indeterminate: ((ce = p.value[W.name]) == null ? void 0 : ce.indeterminate) || !1,
-                  onChange: (se) => ee(W, se),
-                  onClick: A[1] || (A[1] = Le(() => {
+                  label: Y.label,
+                  checked: ((ae = p.value[Y.name]) == null ? void 0 : ae.checked) || !1,
+                  indeterminate: ((ce = p.value[Y.name]) == null ? void 0 : ce.indeterminate) || !1,
+                  onChange: (se) => ee(Y, se),
+                  onClick: j[1] || (j[1] = Le(() => {
                   }, ["stop"]))
                 }, null, 8, ["label", "checked", "indeterminate", "onChange"]),
-                W.icon ? (r(), we(me, {
+                Y.icon ? (r(), we(me, {
                   key: 0,
-                  name: W.icon,
+                  name: Y.icon,
                   class: "vt-columns-selector__group-icon"
-                }, null, 8, ["name"])) : U("", !0)
+                }, null, 8, ["name"])) : W("", !0)
               ], 8, O2),
-              c.value.has(W.name) ? (r(), u("div", Y2, [
-                (r(!0), u(ie, null, fe(W.columns, (se) => (r(), u("div", {
+              c.value.has(Y.name) ? (r(), u("div", Y2, [
+                (r(!0), u(ie, null, fe(Y.columns, (se) => (r(), u("div", {
                   key: se.prop,
                   class: "vt-columns-selector__group-column"
                 }, [
@@ -4649,16 +4649,16 @@ const Xe = new E2(), A2 = {
                     disabled: !T(se),
                     onChange: (le) => L(se, le)
                   }, null, 8, ["label", "checked", "disabled", "onChange"]),
-                  T(se) ? U("", !0) : (r(), u("span", N2, " (закріплена) "))
+                  T(se) ? W("", !0) : (r(), u("span", N2, " (закріплена) "))
                 ]))), 128))
-              ])) : U("", !0)
+              ])) : W("", !0)
             ]);
           }), 128))
         ])
       ]),
       s("div", W2, [
         ne(e1, { onClick: Ce }, {
-          default: xe(() => A[2] || (A[2] = [
+          default: xe(() => j[2] || (j[2] = [
             Me("Скасувати", -1)
           ])),
           _: 1,
@@ -4668,7 +4668,7 @@ const Xe = new E2(), A2 = {
           type: "primary",
           onClick: ve
         }, {
-          default: xe(() => A[3] || (A[3] = [
+          default: xe(() => j[3] || (j[3] = [
             Me("Зберегти", -1)
           ])),
           _: 1,
@@ -4706,20 +4706,20 @@ const Xe = new E2(), A2 = {
       order: 999,
       columns: d
     }), f = (d) => {
-      var O;
-      const _ = new Set(d.map((B) => B.prop)), m = /* @__PURE__ */ new Set();
-      (O = l.columnsSelector) == null || O.forEach((B) => {
-        B.columns.forEach((F) => m.add(F.prop));
-      }), l.allColumns.forEach((B) => m.add(B.prop));
+      var q;
+      const _ = new Set(d.map((A) => A.prop)), g = /* @__PURE__ */ new Set();
+      (q = l.columnsSelector) == null || q.forEach((A) => {
+        A.columns.forEach((U) => g.add(U.prop));
+      }), l.allColumns.forEach((A) => g.add(A.prop));
       const b = [];
-      m.forEach((B) => {
-        var F;
-        if (!_.has(B)) {
-          let j;
-          (F = l.columnsSelector) == null || F.forEach((I) => {
-            const P = I.columns.find((re) => re.prop === B);
-            P && (j = P);
-          }), j || (j = l.allColumns.find((I) => I.prop === B)), j && b.push(j);
+      g.forEach((A) => {
+        var U;
+        if (!_.has(A)) {
+          let I;
+          (U = l.columnsSelector) == null || U.forEach((B) => {
+            const P = B.columns.find((re) => re.prop === A);
+            P && (I = P);
+          }), I || (I = l.allColumns.find((B) => B.prop === A)), I && b.push(I);
         }
       });
       const o = [...l.columnsSelector || []];
@@ -4811,9 +4811,9 @@ const Xe = new E2(), A2 = {
   }),
   emits: /* @__PURE__ */ T1(["sort-change", "selection-change", "current-change", "row-click", "update:columns", "column-pin", "column-resize", "column-visibility", "column-sort", "columns-change", "infinity-scroll"], ["update:columns"]),
   setup(n, { expose: e, emit: l }) {
-    const t = n, i = l, c = ft(n, "columns"), h = H({}), v = H(), f = S1([]), p = H(t.defaultSort || null), d = V(() => B2(t.data || [], p.value, f)), _ = V(() => c.value !== void 0), m = V(() => t.data && t.data.length > 0), b = H(!1), o = H(0);
-    let O;
-    const B = (Z, X) => t.rowKey && Z[t.rowKey] != null ? String(Z[t.rowKey]) : String(X);
+    const t = n, i = l, c = ft(n, "columns"), h = H({}), v = H(), f = S1([]), p = H(t.defaultSort || null), d = V(() => B2(t.data || [], p.value, f)), _ = V(() => c.value !== void 0), g = V(() => t.data && t.data.length > 0), b = H(!1), o = H(0);
+    let q;
+    const A = (Z, X) => t.rowKey && Z[t.rowKey] != null ? String(Z[t.rowKey]) : String(X);
     ye(
       () => c.value,
       (Z) => {
@@ -4827,7 +4827,7 @@ const Xe = new E2(), A2 = {
       },
       { deep: !0 }
     ), d1("vt-table-columns", f);
-    const { sortedColumns: F, getDefaultColumnWidth: j, getStickyOffset: I } = L2(f), { getTableWrapperStyle: P, getColumnStyle: re, getHeaderStyle: E, getFooterStyle: L } = S2(t), { onMouseDown: ee } = D2(), oe = V(() => t.allData || t.data), T = t.selectable ? H2(t, d, i, oe) : null, G = () => ({
+    const { sortedColumns: U, getDefaultColumnWidth: I, getStickyOffset: B } = L2(f), { getTableWrapperStyle: P, getColumnStyle: re, getHeaderStyle: E, getFooterStyle: L } = S2(t), { onMouseDown: ee } = D2(), oe = V(() => t.allData || t.data), T = t.selectable ? H2(t, d, i, oe) : null, G = () => ({
       width: `${b1}px`,
       minWidth: `${b1}px`,
       maxWidth: `${b1}px`,
@@ -4851,21 +4851,21 @@ const Xe = new E2(), A2 = {
     }, D = () => {
       if (!v.value || b.value) return;
       const Z = v.value, X = Z.scrollTop, ue = Z.scrollHeight, de = Z.clientHeight, te = 30;
-      O && clearTimeout(O), O = setTimeout(() => {
+      q && clearTimeout(q), q = setTimeout(() => {
         const x = X - o.value > 1, a = ue - X - de <= te, C = ue - X - de <= 5;
         o.value = X, x && (a || C) && (b.value = !0, i("infinity-scroll"), setTimeout(() => {
           b.value = !1;
         }, 1e3));
       }, 50);
-    }, A = () => {
+    }, j = () => {
       b.value = !1;
     };
     Ze(() => {
       v.value && v.value.addEventListener("scroll", D);
     }), t1(() => {
-      O && clearTimeout(O), v.value && v.value.removeEventListener("scroll", D);
+      q && clearTimeout(q), v.value && v.value.removeEventListener("scroll", D);
     });
-    const W = (Z, X) => {
+    const Y = (Z, X) => {
       I2(Z, X, (ue) => {
         var de, te;
         ((de = p.value) == null ? void 0 : de.prop) === Z.prop && p.value.direction === X ? p.value = null : p.value = ue, i("sort-change", {
@@ -4904,20 +4904,20 @@ const Xe = new E2(), A2 = {
     }, Oe = (Z, X) => {
       Z && (h.value[X] = Z);
     }, _e = (Z, X) => {
-      const ue = X.width || j();
-      ee(Z, X, j, (de) => {
+      const ue = X.width || I();
+      ee(Z, X, I, (de) => {
         se(X.prop, { width: de }), i("column-resize", {
           column: { ...X, width: de },
           width: de,
           oldWidth: ue
         });
       });
-    }, Ae = (Z, X) => re(Z, X, I, j), Ye = (Z, X) => E(Z, X, I, j), Ne = (Z, X) => L(Z, X, I, j), be = (Z, X) => {
+    }, Ae = (Z, X) => re(Z, X, B, I), Ye = (Z, X) => E(Z, X, B, I), Ne = (Z, X) => L(Z, X, B, I), be = (Z, X) => {
       if (!X || !X.prop) return "";
       const ue = Z[X.prop];
       return ue == null ? "" : String(ue);
     }, k = V(() => {
-      if (!t.showSummary || !m.value) return {};
+      if (!t.showSummary || !g.value) return {};
       const Z = f;
       if (typeof t.summaryMethod == "function") {
         const X = t.summaryMethod({ columns: Z, data: d.value });
@@ -4933,7 +4933,7 @@ const Xe = new E2(), A2 = {
         },
         {}
       );
-    }), N = V(() => t.showSummary && m.value), q = (Z, X) => {
+    }), O = V(() => t.showSummary && g.value), N = (Z, X) => {
       T && T.toggleRowSelection(Z, X);
     }, $e = () => {
       T && T.toggleAllSelection();
@@ -4955,26 +4955,26 @@ const Xe = new E2(), A2 = {
       }
     };
     return e({
-      toggleRowSelection: q,
+      toggleRowSelection: N,
       toggleAllSelection: $e,
       selectAbsolutelyAll: De,
       clearSelection: Be,
       getSelectionRows: Re,
       setSelectionRows: Qe,
-      resetInfinityScroll: A
+      resetInfinityScroll: j
     }), (Z, X) => {
       var de, te, y, x;
       const ue = L1("tooltip");
       return r(), u("div", {
         ref_key: "tableWrapperRef",
         ref: v,
-        style: Ee(Y(P)()),
+        style: Ee(z(P)()),
         class: "vt-table-wrapper",
         onScroll: D
       }, [
         Se(Z.$slots, "default"),
         s("table", X2, [
-          t.hideHeader ? U("", !0) : (r(), u("thead", Q2, [
+          t.hideHeader ? W("", !0) : (r(), u("thead", Q2, [
             s("tr", null, [
               t.selectable ? (r(), u("th", {
                 key: 0,
@@ -4986,14 +4986,14 @@ const Xe = new E2(), A2 = {
               }, [
                 s("div", G2, [
                   ne(n1, {
-                    checked: (de = Y(T)) == null ? void 0 : de.isAllSelected.value,
-                    indeterminate: (te = Y(T)) == null ? void 0 : te.isIndeterminate.value,
-                    "is-double": t.isAllSelect && ((x = (y = Y(T)) == null ? void 0 : y.isDoubleCheck) == null ? void 0 : x.value),
+                    checked: (de = z(T)) == null ? void 0 : de.isAllSelected.value,
+                    indeterminate: (te = z(T)) == null ? void 0 : te.isIndeterminate.value,
+                    "is-double": t.isAllSelect && ((x = (y = z(T)) == null ? void 0 : y.isDoubleCheck) == null ? void 0 : x.value),
                     onChange: ze
                   }, null, 8, ["checked", "indeterminate", "is-double"])
                 ])
-              ], 6)) : U("", !0),
-              (r(!0), u(ie, null, fe(Y(F), (a, C) => (r(), u("th", {
+              ], 6)) : W("", !0),
+              (r(!0), u(ie, null, fe(z(U), (a, C) => (r(), u("th", {
                 key: a.prop,
                 ref_for: !0,
                 ref: (K) => Oe(K, a.prop),
@@ -5016,24 +5016,24 @@ const Xe = new E2(), A2 = {
                   ]),
                   a.sortable ? (r(), u("div", t5, [
                     ne(me, {
-                      class: Q(Y(P1)(a, p.value).asc),
+                      class: Q(z(P1)(a, p.value).asc),
                       name: "arrowTop",
-                      onClick: Le((K) => W(a, "asc"), ["stop"])
+                      onClick: Le((K) => Y(a, "asc"), ["stop"])
                     }, null, 8, ["class", "onClick"]),
                     ne(me, {
-                      class: Q(Y(P1)(a, p.value).desc),
+                      class: Q(z(P1)(a, p.value).desc),
                       name: "arrowDown",
-                      onClick: Le((K) => W(a, "desc"), ["stop"])
+                      onClick: Le((K) => Y(a, "desc"), ["stop"])
                     }, null, 8, ["class", "onClick"])
-                  ])) : U("", !0),
+                  ])) : W("", !0),
                   a.actionColumn ? (r(), we(K2, {
                     key: 1,
-                    "all-columns": Y(F),
+                    "all-columns": z(U),
                     column: a,
                     columnsSelector: t.columnsSelector,
                     onPin: ae,
                     onUpdateColumns: ce
-                  }, null, 8, ["all-columns", "column", "columnsSelector"])) : U("", !0)
+                  }, null, 8, ["all-columns", "column", "columnsSelector"])) : W("", !0)
                 ]),
                 s("div", {
                   "data-resizer": a.prop,
@@ -5044,20 +5044,20 @@ const Xe = new E2(), A2 = {
             ])
           ])),
           s("tbody", null, [
-            m.value ? (r(!0), u(ie, { key: 1 }, fe(d.value, (a, C) => {
-              var K, z, ge;
+            g.value ? (r(!0), u(ie, { key: 1 }, fe(d.value, (a, C) => {
+              var K, F, ge;
               return r(), u("tr", {
-                key: B(a, C),
+                key: A(a, C),
                 class: Q([
                   "vt-table__row",
                   {
-                    "vt-table__row--selected": (K = Y(T)) == null ? void 0 : K.isRowSelected(a),
-                    "vt-table__row--current": ((z = Y(T)) == null ? void 0 : z.currentRow.value) === a,
+                    "vt-table__row--selected": (K = z(T)) == null ? void 0 : K.isRowSelected(a),
+                    "vt-table__row--current": ((F = z(T)) == null ? void 0 : F.currentRow.value) === a,
                     "vt-table__row--clickable": t.selectOnClickRow || t.highlightCurrentRow
                   },
                   ...Ge(a, C)
                 ]),
-                onClick: (pe) => le(a, Y(F)[0], pe)
+                onClick: (pe) => le(a, z(U)[0], pe)
               }, [
                 t.selectable ? (r(), u("td", {
                   key: 0,
@@ -5068,13 +5068,13 @@ const Xe = new E2(), A2 = {
                 }, [
                   s("div", i5, [
                     ne(n1, {
-                      checked: (ge = Y(T)) == null ? void 0 : ge.isRowSelected(a),
+                      checked: (ge = z(T)) == null ? void 0 : ge.isRowSelected(a),
                       onChange: (pe, Ve) => je(pe, a, Ve)
                     }, null, 8, ["checked", "onChange"])
                   ])
-                ], 4)) : U("", !0),
-                (r(!0), u(ie, null, fe(Y(F), (pe, Ve) => (r(), u("td", {
-                  key: `${B(a, C)}-${pe.prop}`,
+                ], 4)) : W("", !0),
+                (r(!0), u(ie, null, fe(z(U), (pe, Ve) => (r(), u("td", {
+                  key: `${A(a, C)}-${pe.prop}`,
                   ref_for: !0,
                   ref: (He) => Oe(He, pe.prop),
                   class: Q([
@@ -5106,7 +5106,7 @@ const Xe = new E2(), A2 = {
               ], 10, l5);
             }), 128)) : (r(), u("tr", o5, [
               s("td", {
-                colspan: Y(F).length + (t.selectable ? 1 : 0),
+                colspan: z(U).length + (t.selectable ? 1 : 0),
                 class: "vt-table__empty-cell"
               }, [
                 s("div", r5, [
@@ -5119,7 +5119,7 @@ const Xe = new E2(), A2 = {
               ], 8, s5)
             ]))
           ]),
-          N.value ? (r(), u("tfoot", d5, [
+          O.value ? (r(), u("tfoot", d5, [
             s("tr", null, [
               t.selectable ? (r(), u("td", {
                 key: 0,
@@ -5129,8 +5129,8 @@ const Xe = new E2(), A2 = {
                 style: Ee(Ce())
               }, X[1] || (X[1] = [
                 s("div", { class: "vt-table__cell-content vt-table__cell-content--summary" }, null, -1)
-              ]), 4)) : U("", !0),
-              (r(!0), u(ie, null, fe(Y(F), (a, C) => (r(), u("td", {
+              ]), 4)) : W("", !0),
+              (r(!0), u(ie, null, fe(z(U), (a, C) => (r(), u("td", {
                 key: a.prop,
                 class: Q([
                   "vt-table__td",
@@ -5144,7 +5144,7 @@ const Xe = new E2(), A2 = {
                 s("div", h5, R(k.value[a.prop]), 1)
               ], 6))), 128))
             ])
-          ])) : U("", !0)
+          ])) : W("", !0)
         ])
       ], 36);
     };
@@ -5322,11 +5322,11 @@ const Xe = new E2(), A2 = {
 }, _5 = () => {
   const n = (i, c) => {
     if (!i || !(i instanceof Date) || isNaN(i.getTime())) return "";
-    const h = i.getFullYear(), v = i.getMonth(), f = i.getDate(), p = i.getHours(), d = p > 12 ? p - 12 : p === 0 ? 12 : p, _ = i.getMinutes(), m = i.getSeconds(), b = i.getTime();
+    const h = i.getFullYear(), v = i.getMonth(), f = i.getDate(), p = i.getHours(), d = p > 12 ? p - 12 : p === 0 ? 12 : p, _ = i.getMinutes(), g = i.getSeconds(), b = i.getTime();
     let o = c;
     o = o.replace(/yyyy/g, String(h)), o = o.replace(/yy/g, String(h).slice(-2)), o = o.replace(/MMMM/g, f5[v]), o = o.replace(/MMM/g, rt[v]), o = o.replace(/MM/g, String(v + 1).padStart(2, "0")), o = o.replace(/M/g, String(v + 1));
-    const O = l(i);
-    return o = o.replace(/WW/g, String(O).padStart(2, "0")), o = o.replace(/W/g, String(O)), o = o.replace(/dd/g, String(f).padStart(2, "0")), o = o.replace(/d/g, String(f)), o = o.replace(/HH/g, String(p).padStart(2, "0")), o = o.replace(/H/g, String(p)), o = o.replace(/hh/g, String(d).padStart(2, "0")), o = o.replace(/h/g, String(d)), o = o.replace(/mm/g, String(_).padStart(2, "0")), o = o.replace(/m/g, String(_)), o = o.replace(/ss/g, String(m).padStart(2, "0")), o = o.replace(/s/g, String(m)), o = o.replace(/A/g, p >= 12 ? "PM" : "AM"), o = o.replace(/a/g, p >= 12 ? "pm" : "am"), o = o.replace(/timestamp/g, String(b)), o = o.replace(/\[([^\]]+)\]/g, "$1"), o;
+    const q = l(i);
+    return o = o.replace(/WW/g, String(q).padStart(2, "0")), o = o.replace(/W/g, String(q)), o = o.replace(/dd/g, String(f).padStart(2, "0")), o = o.replace(/d/g, String(f)), o = o.replace(/HH/g, String(p).padStart(2, "0")), o = o.replace(/H/g, String(p)), o = o.replace(/hh/g, String(d).padStart(2, "0")), o = o.replace(/h/g, String(d)), o = o.replace(/mm/g, String(_).padStart(2, "0")), o = o.replace(/m/g, String(_)), o = o.replace(/ss/g, String(g).padStart(2, "0")), o = o.replace(/s/g, String(g)), o = o.replace(/A/g, p >= 12 ? "PM" : "AM"), o = o.replace(/a/g, p >= 12 ? "pm" : "am"), o = o.replace(/timestamp/g, String(b)), o = o.replace(/\[([^\]]+)\]/g, "$1"), o;
   }, e = (i) => {
     if (!i) return null;
     if (i instanceof Date)
@@ -5344,64 +5344,64 @@ const Xe = new E2(), A2 = {
     getDefaultFormat: (i) => C5[i] || "yyyy-MM-dd"
   };
 }, w5 = (n, e, l, t, i) => {
-  const { formatDate: c, parseDate: h, getDefaultFormat: v } = _5(), f = V(() => ["datetimerange", "daterange", "monthrange", "yearrange"].includes(e.value)), p = V(() => l.value || v(e.value)), d = V(() => t.value || v(e.value)), _ = V(() => n.value ? f.value ? Array.isArray(n.value) && n.value.length === 2 ? [h(n.value[0]), h(n.value[1])] : [null, null] : h(n.value) : f.value ? [null, null] : null), m = V(() => {
+  const { formatDate: c, parseDate: h, getDefaultFormat: v } = _5(), f = V(() => ["datetimerange", "daterange", "monthrange", "yearrange"].includes(e.value)), p = V(() => l.value || v(e.value)), d = V(() => t.value || v(e.value)), _ = V(() => n.value ? f.value ? Array.isArray(n.value) && n.value.length === 2 ? [h(n.value[0]), h(n.value[1])] : [null, null] : h(n.value) : f.value ? [null, null] : null), g = V(() => {
     if (f.value) {
-      const [B, F] = _.value;
-      if (B && F) {
-        const j = c(B, p.value), I = c(F, p.value);
-        return [j, I];
-      } else if (B)
-        return [c(B, p.value), ""];
+      const [A, U] = _.value;
+      if (A && U) {
+        const I = c(A, p.value), B = c(U, p.value);
+        return [I, B];
+      } else if (A)
+        return [c(A, p.value), ""];
       return ["", ""];
     } else {
-      const B = _.value;
-      return B ? c(B, p.value) : "";
+      const A = _.value;
+      return A ? c(A, p.value) : "";
     }
   }), b = V(() => {
     if (f.value) {
-      const [B, F] = m.value;
-      return B || F;
+      const [A, U] = g.value;
+      return A || U;
     } else
-      return !!m.value;
+      return !!g.value;
   });
   return {
     isRange: f,
     displayFormat: p,
     outputFormat: d,
     parsedValue: _,
-    displayText: m,
+    displayText: g,
     hasDisplayValue: b,
-    formatOutput: (B) => {
-      if (Array.isArray(B)) {
-        const F = B[0], j = B[1] || B[0] || /* @__PURE__ */ new Date();
-        return t.value === "timestamp" ? [F.getTime(), j.getTime()] : t.value ? [c(F, d.value), c(j, d.value)] : [F, j];
+    formatOutput: (A) => {
+      if (Array.isArray(A)) {
+        const U = A[0], I = A[1] || A[0] || /* @__PURE__ */ new Date();
+        return t.value === "timestamp" ? [U.getTime(), I.getTime()] : t.value ? [c(U, d.value), c(I, d.value)] : [U, I];
       } else
-        return t.value === "timestamp" ? B.getTime() : t.value ? c(B, d.value) : B;
+        return t.value === "timestamp" ? A.getTime() : t.value ? c(A, d.value) : A;
     },
-    validate: (B = !1) => g5(n.value, e.value, B),
+    validate: (A = !1) => g5(n.value, e.value, A),
     formatDate: c,
     parseDate: h
   };
 }, R1 = (n) => {
   const e = V(() => {
-    const b = n.value.getFullYear(), o = n.value.getMonth(), O = new Date(b, o, 1), B = new Date(O);
-    B.setDate(B.getDate() - O.getDay());
-    const F = [], j = new Date(B);
-    for (let I = 0; I < 42; I++)
-      F.push(new Date(j)), j.setDate(j.getDate() + 1);
-    return F;
+    const b = n.value.getFullYear(), o = n.value.getMonth(), q = new Date(b, o, 1), A = new Date(q);
+    A.setDate(A.getDate() - q.getDay());
+    const U = [], I = new Date(A);
+    for (let B = 0; B < 42; B++)
+      U.push(new Date(I)), I.setDate(I.getDate() + 1);
+    return U;
   }), l = V(() => rt.map((b, o) => ({
     name: b,
     index: o,
     value: new Date(n.value.getFullYear(), o, 1)
   }))), t = V(() => {
-    const b = n.value.getFullYear(), o = Math.floor(b / 10) * 10, O = [];
-    for (let B = o; B < o + 10; B++)
-      O.push({
-        year: B,
-        value: new Date(B, 0, 1)
+    const b = n.value.getFullYear(), o = Math.floor(b / 10) * 10, q = [];
+    for (let A = o; A < o + 10; A++)
+      q.push({
+        year: A,
+        value: new Date(A, 0, 1)
       });
-    return O;
+    return q;
   }), i = V(() => {
     const b = n.value.getFullYear(), o = Math.floor(b / 10) * 10;
     return `${o} - ${o + 9}`;
@@ -5587,11 +5587,11 @@ const Xe = new E2(), A2 = {
       if (!y) return "";
       const { hour: x, minute: a, second: C } = y, K = t.format || (t.showSeconds ? t.use12Hours ? v1["12h"] : v1["24h"] : t.use12Hours ? v1["12h_no_seconds"] : v1["24h_no_seconds"]);
       return b5(x, a, C, K, t.use12Hours);
-    }, m = (y) => y ? y instanceof Date ? {
+    }, g = (y) => y ? y instanceof Date ? {
       hour: y.getHours(),
       minute: y.getMinutes(),
       second: y.getSeconds()
-    } : typeof y == "string" && x1(y) ? y5(y) : null : null, b = (y, x = !1) => k5(y, t.type, x), o = V(() => t.modelValue ? d.value ? Array.isArray(t.modelValue) && t.modelValue.length === 2 ? [m(t.modelValue[0]), m(t.modelValue[1])] : [null, null] : m(t.modelValue) : d.value ? [null, null] : null), O = V(() => {
+    } : typeof y == "string" && x1(y) ? y5(y) : null : null, b = (y, x = !1) => k5(y, t.type, x), o = V(() => t.modelValue ? d.value ? Array.isArray(t.modelValue) && t.modelValue.length === 2 ? [g(t.modelValue[0]), g(t.modelValue[1])] : [null, null] : g(t.modelValue) : d.value ? [null, null] : null), q = V(() => {
       if (d.value) {
         const [y, x] = o.value;
         return y && x ? [_(y), _(x)] : y ? [_(y), ""] : ["", ""];
@@ -5599,13 +5599,13 @@ const Xe = new E2(), A2 = {
         const y = o.value;
         return y ? _(y) : "";
       }
-    }), B = V(() => {
+    }), A = V(() => {
       if (d.value) {
-        const [y, x] = O.value;
+        const [y, x] = q.value;
         return y || x;
       } else
-        return !!O.value;
-    }), F = V(() => t.clearable && !t.disabled && B.value), j = V(() => d.value ? f.isSelectingEnd.value ? t.endPlaceholder : t.startPlaceholder : t.placeholder), I = V(() => [
+        return !!q.value;
+    }), U = V(() => t.clearable && !t.disabled && A.value), I = V(() => d.value ? f.isSelectingEnd.value ? t.endPlaceholder : t.startPlaceholder : t.placeholder), B = V(() => [
       "vt-timepicker",
       `vt-timepicker--${t.size}`,
       `vt-timepicker--${t.type}`,
@@ -5613,7 +5613,7 @@ const Xe = new E2(), A2 = {
         "vt-timepicker--disabled": t.disabled,
         "vt-timepicker--focused": f.isFocused.value,
         "vt-timepicker--range": d.value,
-        "vt-timepicker--open": W.value
+        "vt-timepicker--open": Y.value
       }
     ]), P = H(0), re = H(0), E = H(0), L = H("AM"), ee = H(0), oe = H(0), T = H(0), G = H("AM"), ve = V(() => {
       const y = t.use12Hours ? 12 : 23, x = t.use12Hours ? 1 : 0, a = t.disabledHours ? t.disabledHours() : [], C = $1(x, y, t.hourStep, a);
@@ -5624,8 +5624,8 @@ const Xe = new E2(), A2 = {
     }), D = V(() => {
       const y = t.use12Hours ? L.value === "PM" && P.value !== 12 ? P.value + 12 : L.value === "AM" && P.value === 12 ? 0 : P.value : P.value, x = t.disabledSeconds ? t.disabledSeconds(y, re.value) : [], a = $1(0, 59, t.secondStep, x);
       return t.hideDisabledOptions ? a.filter((C) => !C.disabled) : a;
-    }), A = V(() => ["AM", "PM"]), {
-      visible: W,
+    }), j = V(() => ["AM", "PM"]), {
+      visible: Y,
       parentVisible: ae,
       dropdownPosition: ce,
       show: se,
@@ -5655,7 +5655,7 @@ const Xe = new E2(), A2 = {
     })), _e = (y, x, a = !1) => {
       const C = p.value.get(y);
       C && (C.disconnect(), p.value.delete(y));
-      const K = `${-y.clientHeight / 2 + 16}px 0px ${-y.clientHeight / 2 + 16}px 0px`, z = new IntersectionObserver(
+      const K = `${-y.clientHeight / 2 + 16}px 0px ${-y.clientHeight / 2 + 16}px 0px`, F = new IntersectionObserver(
         (pe) => {
           var We;
           let Ve = null, He = 0;
@@ -5687,9 +5687,9 @@ const Xe = new E2(), A2 = {
           threshold: [0, 0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1]
         }
       );
-      y.querySelectorAll(".vt-timepicker__option").forEach((pe) => z.observe(pe)), p.value.set(y, z);
+      y.querySelectorAll(".vt-timepicker__option").forEach((pe) => F.observe(pe)), p.value.set(y, F);
     }, Ae = () => {
-      !W.value || !v.value || Te(() => {
+      !Y.value || !v.value || Te(() => {
         var a;
         const y = (a = v.value) == null ? void 0 : a.querySelectorAll(".vt-timepicker__options");
         if (!y) return;
@@ -5704,12 +5704,12 @@ const Xe = new E2(), A2 = {
     }, Ye = () => {
       p.value.forEach((y) => y.disconnect()), p.value.clear();
     }, Ne = () => {
-      W.value && Te(() => {
+      Y.value && Te(() => {
         var a;
         const y = (a = v.value) == null ? void 0 : a.querySelectorAll(".vt-timepicker__options");
         if (!y) return;
-        const x = (C, K, z) => {
-          const ge = z.findIndex((pe) => pe.value === K);
+        const x = (C, K, F) => {
+          const ge = F.findIndex((pe) => pe.value === K);
           if (ge >= 0) {
             const He = ge * 32, We = C.clientHeight, qe = He + 80 - We / 2 + 32 / 2;
             C.scrollTo({
@@ -5733,15 +5733,15 @@ const Xe = new E2(), A2 = {
         if (x === "period")
           a ? G.value = y : L.value = y;
         else {
-          const z = y;
-          x === "hour" ? a ? ee.value = z : P.value = z : x === "minute" ? a ? oe.value = z : re.value = z : x === "second" && (a ? T.value = z : E.value = z);
+          const F = y;
+          x === "hour" ? a ? ee.value = F : P.value = F : x === "minute" ? a ? oe.value = F : re.value = F : x === "second" && (a ? T.value = F : E.value = F);
         }
         K && Te(() => {
           var ge;
-          const z = (ge = K.target) == null ? void 0 : ge.closest(".vt-timepicker__options");
-          if (z) {
-            const pe = K.target, Ve = z.getBoundingClientRect(), He = pe.getBoundingClientRect(), We = z.scrollTop + (He.top - Ve.top) - z.clientHeight / 2 + He.height / 2;
-            z.scrollTo({
+          const F = (ge = K.target) == null ? void 0 : ge.closest(".vt-timepicker__options");
+          if (F) {
+            const pe = K.target, Ve = F.getBoundingClientRect(), He = pe.getBoundingClientRect(), We = F.scrollTop + (He.top - Ve.top) - F.clientHeight / 2 + He.height / 2;
+            F.scrollTo({
               top: We,
               behavior: "smooth"
             });
@@ -5750,12 +5750,12 @@ const Xe = new E2(), A2 = {
       }
     }, k = (y) => {
       var a, C;
-      if (!W.value) return;
+      if (!Y.value) return;
       const x = y.target;
       (a = c.value) != null && a.contains(x) || (C = v.value) != null && C.contains(x) || le();
-    }, N = () => {
+    }, O = () => {
       t.disabled || je();
-    }, q = () => {
+    }, N = () => {
       f.isFocused.value = !0, i("focus", c.value);
     }, $e = () => {
       f.isFocused.value = !1, i("blur", c.value);
@@ -5767,9 +5767,9 @@ const Xe = new E2(), A2 = {
         if (d.value) {
           let y = P.value, x = ee.value;
           t.use12Hours && (L.value === "PM" && y !== 12 && (y += 12), L.value === "AM" && y === 12 && (y = 0), G.value === "PM" && x !== 12 && (x += 12), G.value === "AM" && x === 12 && (x = 0));
-          const a = { hour: y, minute: re.value, second: E.value }, C = { hour: x, minute: oe.value, second: T.value }, K = [Be(a), Be(C)], z = b(K);
-          if (!z.isValid) {
-            console.warn("Time range validation failed:", z.errors);
+          const a = { hour: y, minute: re.value, second: E.value }, C = { hour: x, minute: oe.value, second: T.value }, K = [Be(a), Be(C)], F = b(K);
+          if (!F.isValid) {
+            console.warn("Time range validation failed:", F.errors);
             return;
           }
           i("update:modelValue", K), i("change", K);
@@ -5788,7 +5788,7 @@ const Xe = new E2(), A2 = {
     }, Qe = () => {
       le();
     }, Ge = (y) => {
-      if (W.value)
+      if (Y.value)
         switch (y.key) {
           case "Escape":
             Qe();
@@ -5819,7 +5819,7 @@ const Xe = new E2(), A2 = {
       (y) => {
         if (y) {
           if (d.value && Array.isArray(y)) {
-            const x = m(y[0]), a = m(y[1]);
+            const x = g(y[0]), a = g(y[1]);
             if (x) {
               let C = x.hour;
               t.use12Hours && (L.value = C >= 12 ? "PM" : "AM", C = C === 0 ? 12 : C > 12 ? C - 12 : C), P.value = C, re.value = x.minute, E.value = x.second;
@@ -5829,7 +5829,7 @@ const Xe = new E2(), A2 = {
               t.use12Hours && (G.value = C >= 12 ? "PM" : "AM", C = C === 0 ? 12 : C > 12 ? C - 12 : C), ee.value = C, oe.value = a.minute, T.value = a.second;
             }
           } else if (!d.value) {
-            const x = m(y);
+            const x = g(y);
             if (x) {
               let a = x.hour;
               t.use12Hours && (L.value = a >= 12 ? "PM" : "AM", a = a === 0 ? 12 : a > 12 ? a - 12 : a), P.value = a, re.value = x.minute, E.value = x.second;
@@ -5865,7 +5865,7 @@ const Xe = new E2(), A2 = {
     }), (y, x) => (r(), u("div", {
       ref_key: "timePickerRef",
       ref: c,
-      class: Q(I.value)
+      class: Q(B.value)
     }, [
       s("div", {
         ref_key: "triggerRef",
@@ -5873,20 +5873,20 @@ const Xe = new E2(), A2 = {
         class: "vt-timepicker__trigger",
         tabindex: "0",
         onBlur: $e,
-        onClick: N,
-        onFocus: q
+        onClick: O,
+        onFocus: N
       }, [
         s("div", $5, [
           s("div", M5, [
             ne(me, { name: "clock" })
           ]),
-          B.value ? (r(), u("div", x5, [
+          A.value ? (r(), u("div", x5, [
             d.value ? (r(), u(ie, { key: 0 }, [
-              s("span", null, R(O.value[0]), 1),
+              s("span", null, R(q.value[0]), 1),
               s("span", null, R(t.rangeSeparator), 1),
-              s("span", null, R(O.value[1]), 1)
+              s("span", null, R(q.value[1]), 1)
             ], 64)) : (r(), u(ie, { key: 1 }, [
-              Me(R(O.value), 1)
+              Me(R(q.value), 1)
             ], 64))
           ])) : (r(), u("div", V5, [
             d.value ? (r(), u(ie, { key: 0 }, [
@@ -5894,11 +5894,11 @@ const Xe = new E2(), A2 = {
               s("span", null, R(t.rangeSeparator), 1),
               s("span", null, R(t.endPlaceholder), 1)
             ], 64)) : (r(), u(ie, { key: 1 }, [
-              Me(R(j.value), 1)
+              Me(R(I.value), 1)
             ], 64))
           ])),
           s("div", L5, [
-            F.value ? (r(), u("button", {
+            U.value ? (r(), u("button", {
               key: 0,
               disabled: t.disabled,
               class: "vt-input__clear-btn",
@@ -5906,11 +5906,11 @@ const Xe = new E2(), A2 = {
               onClick: Le(De, ["stop"])
             }, [
               ne(me, { name: "close" })
-            ], 8, S5)) : U("", !0)
+            ], 8, S5)) : W("", !0)
           ])
         ])
       ], 544),
-      Y(W) && Y(ae) ? (r(), we(l1, {
+      z(Y) && z(ae) ? (r(), we(l1, {
         key: 0,
         to: "body"
       }, [
@@ -5977,10 +5977,10 @@ const Xe = new E2(), A2 = {
                           onClick: (C) => be(a.value, "second", !1, a.disabled, C)
                         }, R(a.label), 11, F5))), 128))
                       ])
-                    ])) : U("", !0),
+                    ])) : W("", !0),
                     y.use12Hours ? (r(), u("div", z5, [
                       s("div", O5, [
-                        (r(!0), u(ie, null, fe(A.value, (a) => (r(), u("button", {
+                        (r(!0), u(ie, null, fe(j.value, (a) => (r(), u("button", {
                           key: `start-period-${a}`,
                           class: Q([
                             "vt-timepicker__option",
@@ -5989,7 +5989,7 @@ const Xe = new E2(), A2 = {
                           onClick: (C) => be(a, "period", !1, !1, C)
                         }, R(a), 11, Y5))), 128))
                       ])
-                    ])) : U("", !0)
+                    ])) : W("", !0)
                   ])
                 ]),
                 s("div", N5, [
@@ -6042,16 +6042,16 @@ const Xe = new E2(), A2 = {
                           onClick: (C) => be(a.value, "second", !0, a.disabled, C)
                         }, R(a.label), 11, t6))), 128))
                       ])
-                    ])) : U("", !0),
+                    ])) : W("", !0),
                     y.use12Hours ? (r(), u("div", n6, [
                       s("div", o6, [
-                        (r(!0), u(ie, null, fe(A.value, (a) => (r(), u("button", {
+                        (r(!0), u(ie, null, fe(j.value, (a) => (r(), u("button", {
                           key: `end-period-${a}`,
                           class: Q(["vt-timepicker__option", { "vt-timepicker__option--selected": G.value === a }]),
                           onClick: (C) => be(a, "period", !0, !1, C)
                         }, R(a), 11, s6))), 128))
                       ])
-                    ])) : U("", !0)
+                    ])) : W("", !0)
                   ])
                 ])
               ])) : (r(), u("div", r6, [
@@ -6103,16 +6103,16 @@ const Xe = new E2(), A2 = {
                         onClick: (C) => be(a.value, "second", !1, a.disabled, C)
                       }, R(a.label), 11, f6))), 128))
                     ])
-                  ])) : U("", !0),
+                  ])) : W("", !0),
                   y.use12Hours ? (r(), u("div", C6, [
                     s("div", m6, [
-                      (r(!0), u(ie, null, fe(A.value, (a) => (r(), u("button", {
+                      (r(!0), u(ie, null, fe(j.value, (a) => (r(), u("button", {
                         key: `period-${a}`,
                         class: Q(["vt-timepicker__option", { "vt-timepicker__option--selected": L.value === a }]),
                         onClick: (C) => be(a, "period", !1, !1, C)
                       }, R(a), 11, g6))), 128))
                     ])
-                  ])) : U("", !0)
+                  ])) : W("", !0)
                 ])
               ])),
               s("div", _6, [
@@ -6138,7 +6138,7 @@ const Xe = new E2(), A2 = {
           ]),
           _: 1
         })
-      ])) : U("", !0)
+      ])) : W("", !0)
     ], 2));
   }
 }), w6 = { class: "vt-datepicker__input" }, k6 = { class: "vt-datepicker__icon" }, b6 = {
@@ -6207,50 +6207,50 @@ const Xe = new E2(), A2 = {
   },
   emits: ["update:modelValue", "change", "blur", "focus", "calendar-change", "panel-change", "open-change"],
   setup(n, { expose: e, emit: l }) {
-    const t = n, i = l, c = H(), h = H(), v = H(), f = H(), p = H(), d = (g, $, w) => {
+    const t = n, i = l, c = H(), h = H(), v = H(), f = H(), p = H(), d = (m, $, w) => {
       if (t.use12Hours) {
-        const S = g >= 12 ? "PM" : "AM", J = g % 12 || 12;
+        const S = m >= 12 ? "PM" : "AM", J = m % 12 || 12;
         return t.showSeconds ? `${String(J).padStart(2, "0")}:${String($).padStart(2, "0")}:${String(w).padStart(2, "0")} ${S}` : `${String(J).padStart(2, "0")}:${String($).padStart(2, "0")} ${S}`;
       } else
-        return t.showSeconds ? `${String(g).padStart(2, "0")}:${String($).padStart(2, "0")}:${String(w).padStart(2, "0")}` : `${String(g).padStart(2, "0")}:${String($).padStart(2, "0")}`;
-    }, _ = (g) => g instanceof Date ? g : typeof g == "number" ? new Date(g) : null, m = () => {
+        return t.showSeconds ? `${String(m).padStart(2, "0")}:${String($).padStart(2, "0")}:${String(w).padStart(2, "0")}` : `${String(m).padStart(2, "0")}:${String($).padStart(2, "0")}`;
+    }, _ = (m) => m instanceof Date ? m : typeof m == "number" ? new Date(m) : null, g = () => {
       if (t.modelValue) {
         if (t.type === "datetimerange" && Array.isArray(t.modelValue)) {
-          const g = _(t.modelValue[0]);
-          if (g)
-            return d(g.getHours(), g.getMinutes(), g.getSeconds());
+          const m = _(t.modelValue[0]);
+          if (m)
+            return d(m.getHours(), m.getMinutes(), m.getSeconds());
         }
         if (t.type === "datetime") {
-          const g = _(t.modelValue);
-          if (g)
-            return d(g.getHours(), g.getMinutes(), g.getSeconds());
+          const m = _(t.modelValue);
+          if (m)
+            return d(m.getHours(), m.getMinutes(), m.getSeconds());
         }
       }
       if (t.type === "datetimerange")
         return d(0, 0, 0);
       if (t.type === "datetime") {
-        const g = /* @__PURE__ */ new Date();
-        return d(g.getHours(), g.getMinutes(), g.getSeconds());
+        const m = /* @__PURE__ */ new Date();
+        return d(m.getHours(), m.getMinutes(), m.getSeconds());
       }
       return d(0, 0, 0);
     }, b = () => {
       if (t.modelValue) {
         if (t.type === "datetimerange" && Array.isArray(t.modelValue)) {
-          const g = _(t.modelValue[1]);
-          if (g)
-            return d(g.getHours(), g.getMinutes(), g.getSeconds());
+          const m = _(t.modelValue[1]);
+          if (m)
+            return d(m.getHours(), m.getMinutes(), m.getSeconds());
         }
         if (t.type === "datetime") {
-          const g = _(t.modelValue);
-          if (g)
-            return d(g.getHours(), g.getMinutes(), g.getSeconds());
+          const m = _(t.modelValue);
+          if (m)
+            return d(m.getHours(), m.getMinutes(), m.getSeconds());
         }
       }
       if (t.type === "datetimerange")
         return d(23, 59, 59);
       if (t.type === "datetime") {
-        const g = /* @__PURE__ */ new Date();
-        return d(g.getHours(), g.getMinutes(), g.getSeconds());
+        const m = /* @__PURE__ */ new Date();
+        return d(m.getHours(), m.getMinutes(), m.getSeconds());
       }
       return d(23, 59, 59);
     }, o = {
@@ -6263,26 +6263,26 @@ const Xe = new E2(), A2 = {
       isSelectingEnd: H(!1),
       hoverDate: H(null),
       // Time state for datetime types
-      startTime: H(m()),
+      startTime: H(g()),
       endTime: H(b())
-    }, O = a1(t, "modelValue"), B = a1(t, "type"), F = a1(t, "format"), j = a1(t, "valueFormat");
+    }, q = a1(t, "modelValue"), A = a1(t, "type"), U = a1(t, "format"), I = a1(t, "valueFormat");
     a1(t, "rangeSeparator");
     const {
-      isRange: I,
+      isRange: B,
       parsedValue: P,
       displayText: re,
       hasDisplayValue: E,
       formatOutput: L,
       validate: ee
-    } = w5(O, B, F, j), {
+    } = w5(q, A, U, I), {
       calendarDates: oe,
       monthsInYear: T,
       yearsInDecade: G,
       decadeRange: ve,
       isDateInCurrentMonth: Ce,
       isToday: D,
-      isSameDate: A,
-      navigateMonth: W,
+      isSameDate: j,
+      navigateMonth: Y,
       navigateYear: ae,
       navigateDecade: ce
     } = R1(o.currentDate), {
@@ -6290,8 +6290,8 @@ const Xe = new E2(), A2 = {
       isDateInCurrentMonth: le,
       navigateYear: je,
       navigateDecade: ze
-    } = R1(o.rightCurrentDate), Oe = (g) => {
-      switch (g) {
+    } = R1(o.rightCurrentDate), Oe = (m) => {
+      switch (m) {
         case "year":
         case "yearrange":
           return "year";
@@ -6302,38 +6302,38 @@ const Xe = new E2(), A2 = {
           return "date";
       }
     }, _e = V(() => t.type === "datetime" || t.type === "datetimerange"), Ae = V(() => _e.value), Ye = V(() => () => {
-      const g = /* @__PURE__ */ new Date();
+      const m = /* @__PURE__ */ new Date();
       let $ = [];
       if (t.disabledHours && ($ = [...t.disabledHours()]), t.previousDateDisabled) {
-        const w = g.getHours();
+        const w = m.getHours();
         for (let S = 0; S < w; S++)
           $.includes(S) || $.push(S);
       }
       return $;
-    }), Ne = V(() => (g) => {
+    }), Ne = V(() => (m) => {
       const $ = /* @__PURE__ */ new Date();
       let w = [];
-      if (t.disabledMinutes && (w = [...t.disabledMinutes(g)]), t.previousDateDisabled) {
+      if (t.disabledMinutes && (w = [...t.disabledMinutes(m)]), t.previousDateDisabled) {
         const S = $.getHours(), J = $.getMinutes();
-        if (g === S)
+        if (m === S)
           for (let he = 0; he < J; he++)
             w.includes(he) || w.push(he);
       }
       return w;
-    }), be = V(() => (g, $) => {
+    }), be = V(() => (m, $) => {
       const w = /* @__PURE__ */ new Date();
       let S = [];
-      if (t.disabledSeconds && (S = [...t.disabledSeconds(g, $)]), t.previousDateDisabled) {
+      if (t.disabledSeconds && (S = [...t.disabledSeconds(m, $)]), t.previousDateDisabled) {
         const J = w.getHours(), he = w.getMinutes(), Ie = w.getSeconds();
-        if (g === J && $ === he)
+        if (m === J && $ === he)
           for (let Ue = 0; Ue < Ie; Ue++)
             S.includes(Ue) || S.push(Ue);
       }
       return S;
     }), {
       visible: k,
-      parentVisible: N,
-      dropdownPosition: q,
+      parentVisible: O,
+      dropdownPosition: N,
       show: $e,
       hide: De,
       toggle: Be,
@@ -6345,125 +6345,125 @@ const Xe = new E2(), A2 = {
       hideTimeout: 150,
       disabled: t.disabled,
       hideOnClick: !1,
-      onVisibleChange: (g) => {
-        g && Te(() => Re());
+      onVisibleChange: (m) => {
+        m && Te(() => Re());
       }
-    }), Qe = V(() => t.clearable && !t.disabled && E.value), Ge = V(() => I.value ? o.isSelectingEnd.value ? t.endPlaceholder : t.startPlaceholder : t.placeholder), Z = V(() => [
+    }), Qe = V(() => t.clearable && !t.disabled && E.value), Ge = V(() => B.value ? o.isSelectingEnd.value ? t.endPlaceholder : t.startPlaceholder : t.placeholder), Z = V(() => [
       "vt-datepicker",
       `vt-datepicker--${t.size}`,
       `vt-datepicker--${t.type}`,
       {
         "vt-datepicker--disabled": t.disabled,
         "vt-datepicker--focused": o.isFocused.value,
-        "vt-datepicker--range": I.value,
+        "vt-datepicker--range": B.value,
         "vt-datepicker--open": k.value,
         "vt-datepicker--with-time": Ae.value
       }
     ]), X = V(() => ({
-      ...q.value,
+      ...N.value,
       position: "absolute",
       zIndex: 2e3
-    })), ue = V(() => (t.type === "daterange" || t.type === "datetimerange") && o.viewMode.value === "date"), de = (g, $ = !1, w = !1) => {
-      if ((t.type === "daterange" || t.type === "datetimerange") && ($ && !Ce(g) || w && !le(g)))
+    })), ue = V(() => (t.type === "daterange" || t.type === "datetimerange") && o.viewMode.value === "date"), de = (m, $ = !1, w = !1) => {
+      if ((t.type === "daterange" || t.type === "datetimerange") && ($ && !Ce(m) || w && !le(m)))
         return !1;
       if (t.previousDateDisabled) {
         const S = /* @__PURE__ */ new Date();
         S.setHours(0, 0, 0, 0);
-        const J = new Date(g);
+        const J = new Date(m);
         if (J.setHours(0, 0, 0, 0), J < S)
           return !1;
       }
       if (t.maxDateRange && (t.type === "daterange" || t.type === "datetimerange") && o.startDate.value && o.isSelectingEnd.value) {
         const S = new Date(o.startDate.value);
         S.setHours(0, 0, 0, 0);
-        const J = new Date(g);
+        const J = new Date(m);
         J.setHours(0, 0, 0, 0);
         const he = Math.abs(J.getTime() - S.getTime());
         if (Math.ceil(he / (1e3 * 60 * 60 * 24)) > t.maxDateRange)
           return !1;
       }
       return !0;
-    }, te = (g, $ = !1, w = !1) => {
-      if ((t.type === "daterange" || t.type === "datetimerange") && ($ && !Ce(g) || w && !le(g)))
+    }, te = (m, $ = !1, w = !1) => {
+      if ((t.type === "daterange" || t.type === "datetimerange") && ($ && !Ce(m) || w && !le(m)))
         return !1;
-      if (I.value) {
+      if (B.value) {
         if (o.startDate.value && o.endDate.value) {
-          const S = new Date(o.startDate.value), J = new Date(o.endDate.value), he = new Date(g);
+          const S = new Date(o.startDate.value), J = new Date(o.endDate.value), he = new Date(m);
           return S.setHours(0, 0, 0, 0), J.setHours(0, 0, 0, 0), he.setHours(0, 0, 0, 0), he.getTime() === S.getTime() || he.getTime() === J.getTime();
         } else if (o.startDate.value) {
-          const S = new Date(o.startDate.value), J = new Date(g);
+          const S = new Date(o.startDate.value), J = new Date(m);
           return S.setHours(0, 0, 0, 0), J.setHours(0, 0, 0, 0), J.getTime() === S.getTime();
         }
         return !1;
       } else {
         const S = o.startDate.value || P.value;
         if (!S) return !1;
-        const J = new Date(S), he = new Date(g);
+        const J = new Date(S), he = new Date(m);
         return J.setHours(0, 0, 0, 0), he.setHours(0, 0, 0, 0), he.getTime() === J.getTime();
       }
-    }, y = (g, $ = !1, w = !1) => {
-      if (!I.value || (t.type === "daterange" || t.type === "datetimerange") && ($ && !Ce(g) || w && !le(g)))
+    }, y = (m, $ = !1, w = !1) => {
+      if (!B.value || (t.type === "daterange" || t.type === "datetimerange") && ($ && !Ce(m) || w && !le(m)))
         return !1;
       if (o.startDate.value && o.endDate.value) {
         const S = new Date(o.startDate.value), J = new Date(o.endDate.value);
         S.setHours(0, 0, 0, 0), J.setHours(0, 0, 0, 0);
-        const he = new Date(g);
+        const he = new Date(m);
         return he.setHours(0, 0, 0, 0), he >= S && he <= J;
       }
       if (o.startDate.value && o.isSelectingEnd.value && o.hoverDate.value) {
-        const S = new Date(o.startDate.value), J = new Date(o.hoverDate.value), he = new Date(g);
+        const S = new Date(o.startDate.value), J = new Date(o.hoverDate.value), he = new Date(m);
         S.setHours(0, 0, 0, 0), J.setHours(0, 0, 0, 0), he.setHours(0, 0, 0, 0);
         const Ie = S <= J ? S : J, Ue = S <= J ? J : S;
         return he >= Ie && he <= Ue;
       }
       return !1;
-    }, x = (g, $) => {
-      if (I.value) {
+    }, x = (m, $) => {
+      if (B.value) {
         if (o.startDate.value && o.endDate.value) {
           const w = $.getFullYear(), S = o.startDate.value.getMonth(), J = o.startDate.value.getFullYear(), he = o.endDate.value.getMonth(), Ie = o.endDate.value.getFullYear();
-          return w === J && g === S || w === Ie && g === he;
+          return w === J && m === S || w === Ie && m === he;
         } else if (o.startDate.value) {
           const w = o.startDate.value.getMonth(), S = o.startDate.value.getFullYear();
-          return $.getFullYear() === S && g === w;
+          return $.getFullYear() === S && m === w;
         }
         return !1;
       } else {
         const w = P.value;
-        return w ? w.getFullYear() === $.getFullYear() && w.getMonth() === g : !1;
+        return w ? w.getFullYear() === $.getFullYear() && w.getMonth() === m : !1;
       }
-    }, a = (g, $) => {
-      if (!I.value) return !1;
-      const w = $.getFullYear(), S = new Date(w, g, 1);
+    }, a = (m, $) => {
+      if (!B.value) return !1;
+      const w = $.getFullYear(), S = new Date(w, m, 1);
       if (o.startDate.value && o.endDate.value) {
         const J = new Date(o.startDate.value.getFullYear(), o.startDate.value.getMonth(), 1), he = new Date(o.endDate.value.getFullYear(), o.endDate.value.getMonth(), 1);
-        return S >= J && S <= he && !x(g, $);
+        return S >= J && S <= he && !x(m, $);
       }
       if (o.startDate.value && o.isSelectingEnd.value && o.hoverDate.value) {
         const J = new Date(o.startDate.value.getFullYear(), o.startDate.value.getMonth(), 1), he = new Date(o.hoverDate.value.getFullYear(), o.hoverDate.value.getMonth(), 1), Ie = J <= he ? J : he, Ue = J <= he ? he : J;
-        return S >= Ie && S <= Ue && !x(g, $);
+        return S >= Ie && S <= Ue && !x(m, $);
       }
       return !1;
-    }, C = (g) => {
-      if (I.value)
-        return o.startDate.value && o.endDate.value ? g === o.startDate.value.getFullYear() || g === o.endDate.value.getFullYear() : o.startDate.value ? o.startDate.value.getFullYear() === g : !1;
+    }, C = (m) => {
+      if (B.value)
+        return o.startDate.value && o.endDate.value ? m === o.startDate.value.getFullYear() || m === o.endDate.value.getFullYear() : o.startDate.value ? o.startDate.value.getFullYear() === m : !1;
       {
         const $ = P.value;
-        return $ ? $.getFullYear() === g : !1;
+        return $ ? $.getFullYear() === m : !1;
       }
-    }, K = (g) => {
-      if (!I.value) return !1;
+    }, K = (m) => {
+      if (!B.value) return !1;
       if (o.startDate.value && o.endDate.value) {
         const $ = o.startDate.value.getFullYear(), w = o.endDate.value.getFullYear();
-        return g >= $ && g <= w && !C(g);
+        return m >= $ && m <= w && !C(m);
       }
       if (o.startDate.value && o.isSelectingEnd.value && o.hoverDate.value) {
         const $ = o.startDate.value.getFullYear(), w = o.hoverDate.value.getFullYear(), S = Math.min($, w), J = Math.max($, w);
-        return g >= S && g <= J && !C(g);
+        return m >= S && m <= J && !C(m);
       }
       return !1;
-    }, z = (g, $) => {
+    }, F = (m, $) => {
       var S;
-      const w = new Date(g);
+      const w = new Date(m);
       if ($ && typeof $ == "string") {
         const J = $.match(/(\d{1,2}):(\d{2})(?::(\d{2}))?\s?(AM|PM)?/i);
         if (J) {
@@ -6473,20 +6473,20 @@ const Xe = new E2(), A2 = {
         }
       }
       return w;
-    }, ge = (g) => g ? t.use12Hours ? g.toLocaleTimeString("en-US", {
+    }, ge = (m) => m ? t.use12Hours ? m.toLocaleTimeString("en-US", {
       hour12: !0,
       hour: "2-digit",
       minute: "2-digit",
       ...t.showSeconds && { second: "2-digit" }
-    }) : g.toLocaleTimeString("en-GB", {
+    }) : m.toLocaleTimeString("en-GB", {
       hour12: !1,
       hour: "2-digit",
       minute: "2-digit",
       ...t.showSeconds && { second: "2-digit" }
-    }) : "", pe = (g) => {
+    }) : "", pe = (m) => {
       var w, S;
       if (!k.value) return;
-      const $ = g.target;
+      const $ = m.target;
       (w = c.value) != null && w.contains($) || (S = v.value) != null && S.contains($) || De();
     }, Ve = () => {
       t.disabled || Be();
@@ -6495,14 +6495,14 @@ const Xe = new E2(), A2 = {
     }, We = () => {
       o.isFocused.value = !1, i("blur", c.value);
     }, qe = () => {
-      i("update:modelValue", null), i("change", null), o.startDate.value = null, o.endDate.value = null, o.isSelectingEnd.value = !1, o.hoverDate.value = null, o.startTime.value = m(), o.endTime.value = b();
-    }, Pe = (g, $ = !1, w = !1) => {
-      if (!(t.disabled || !g) && de(g, $, w))
-        if (I.value) {
+      i("update:modelValue", null), i("change", null), o.startDate.value = null, o.endDate.value = null, o.isSelectingEnd.value = !1, o.hoverDate.value = null, o.startTime.value = g(), o.endTime.value = b();
+    }, Pe = (m, $ = !1, w = !1) => {
+      if (!(t.disabled || !m) && de(m, $, w))
+        if (B.value) {
           if (!o.startDate.value || o.startDate.value && o.endDate.value)
-            o.startDate.value = new Date(g), o.endDate.value = null, o.isSelectingEnd.value = !0, o.hoverDate.value = null, _e.value && (o.startTime.value = "00:00:00", o.endTime.value = null);
+            o.startDate.value = new Date(m), o.endDate.value = null, o.isSelectingEnd.value = !0, o.hoverDate.value = null, _e.value && (o.startTime.value = "00:00:00", o.endTime.value = null);
           else if (o.startDate.value && !o.endDate.value) {
-            const S = new Date(o.startDate.value), J = new Date(g);
+            const S = new Date(o.startDate.value), J = new Date(m);
             if (J >= S ? o.endDate.value = J : (o.endDate.value = S, o.startDate.value = J), _e.value && (o.endTime.value = "23:59:59"), o.isSelectingEnd.value = !1, o.hoverDate.value = null, !_e.value) {
               const he = [o.startDate.value, o.endDate.value];
               try {
@@ -6515,21 +6515,21 @@ const Xe = new E2(), A2 = {
             }
           }
         } else if (_e.value)
-          o.startDate.value = new Date(g), o.startTime.value = "00:00:00";
+          o.startDate.value = new Date(m), o.startTime.value = "00:00:00";
         else
           try {
-            const S = L(new Date(g));
+            const S = L(new Date(m));
             i("update:modelValue", S), i("change", S), De();
           } catch (S) {
             console.warn("Error formatting single date output:", S);
           }
-    }, Je = (g, $ = !1, w = !1) => {
-      (t.type === "daterange" || t.type === "datetimerange") && ($ && !Ce(g) || w && !le(g)) || I.value && o.isSelectingEnd.value && o.startDate.value && (o.hoverDate.value = new Date(g));
+    }, Je = (m, $ = !1, w = !1) => {
+      (t.type === "daterange" || t.type === "datetimerange") && ($ && !Ce(m) || w && !le(m)) || B.value && o.isSelectingEnd.value && o.startDate.value && (o.hoverDate.value = new Date(m));
     }, s1 = () => {
-      I.value && o.isSelectingEnd.value && (o.hoverDate.value = null);
-    }, i1 = (g, $ = !1) => {
-      if ($ ? o.endTime.value = g : o.startTime.value = g, !I.value && o.startDate.value && o.startTime.value) {
-        const w = z(o.startDate.value, o.startTime.value);
+      B.value && o.isSelectingEnd.value && (o.hoverDate.value = null);
+    }, i1 = (m, $ = !1) => {
+      if ($ ? o.endTime.value = m : o.startTime.value = m, !B.value && o.startDate.value && o.startTime.value) {
+        const w = F(o.startDate.value, o.startTime.value);
         try {
           const S = L(w);
           i("update:modelValue", S), i("change", S);
@@ -6539,18 +6539,18 @@ const Xe = new E2(), A2 = {
       }
     }, it = () => {
       if (_e.value) {
-        if (I.value && o.startDate.value && o.endDate.value) {
-          const g = z(o.startDate.value, o.startTime.value || "00:00:00"), $ = z(o.endDate.value, o.endTime.value || "23:59:59"), w = [g, $];
+        if (B.value && o.startDate.value && o.endDate.value) {
+          const m = F(o.startDate.value, o.startTime.value || "00:00:00"), $ = F(o.endDate.value, o.endTime.value || "23:59:59"), w = [m, $];
           try {
             const S = L(w);
             i("update:modelValue", S), i("change", S);
           } catch (S) {
             console.warn("Error formatting datetime range output:", S);
           }
-        } else if (!I.value && o.startDate.value) {
-          const g = z(o.startDate.value, o.startTime.value || "00:00:00");
+        } else if (!B.value && o.startDate.value) {
+          const m = F(o.startDate.value, o.startTime.value || "00:00:00");
           try {
-            const $ = L(g);
+            const $ = L(m);
             i("update:modelValue", $), i("change", $);
           } catch ($) {
             console.warn("Error formatting datetime output:", $);
@@ -6560,42 +6560,42 @@ const Xe = new E2(), A2 = {
       De();
     }, at = () => {
       De();
-    }, ut = (g, $ = !1) => {
+    }, ut = (m, $ = !1) => {
       const w = $ ? o.rightCurrentDate.value : o.currentDate.value;
       if (t.type === "month" || t.type === "monthrange") {
-        const S = new Date(w.getFullYear(), g, 1);
+        const S = new Date(w.getFullYear(), m, 1);
         Pe(S);
       } else {
-        const S = new Date(w.getFullYear(), g, 1);
+        const S = new Date(w.getFullYear(), m, 1);
         $ ? o.rightCurrentDate.value = S : o.currentDate.value = S, o.viewMode.value = "date";
       }
-    }, ct = (g, $) => {
-      if (I.value && o.isSelectingEnd.value && o.startDate.value) {
+    }, ct = (m, $) => {
+      if (B.value && o.isSelectingEnd.value && o.startDate.value) {
         const w = $.getFullYear();
-        o.hoverDate.value = new Date(w, g, 1);
+        o.hoverDate.value = new Date(w, m, 1);
       }
     }, dt = () => {
-      I.value && o.isSelectingEnd.value && (o.hoverDate.value = null);
-    }, ht = (g) => {
+      B.value && o.isSelectingEnd.value && (o.hoverDate.value = null);
+    }, ht = (m) => {
       if (t.type === "year" || t.type === "yearrange") {
-        const $ = new Date(g, 0, 1);
+        const $ = new Date(m, 0, 1);
         Pe($);
       } else {
-        const $ = new Date(g, o.currentDate.value.getMonth(), 1), w = new Date(g, o.rightCurrentDate.value.getMonth(), 1);
+        const $ = new Date(m, o.currentDate.value.getMonth(), 1), w = new Date(m, o.rightCurrentDate.value.getMonth(), 1);
         o.currentDate.value = $, o.rightCurrentDate.value = w, o.viewMode.value = t.type === "month" || t.type === "monthrange" ? "month" : "date";
       }
-    }, pt = (g) => {
-      I.value && o.isSelectingEnd.value && o.startDate.value && (o.hoverDate.value = new Date(g, 0, 1));
+    }, pt = (m) => {
+      B.value && o.isSelectingEnd.value && o.startDate.value && (o.hoverDate.value = new Date(m, 0, 1));
     }, vt = () => {
-      I.value && o.isSelectingEnd.value && (o.hoverDate.value = null);
+      B.value && o.isSelectingEnd.value && (o.hoverDate.value = null);
     }, D1 = () => {
-      o.viewMode.value === "year" ? (ce("prev"), ze("prev")) : o.viewMode.value === "month" ? (ae("prev"), je("prev")) : (W("prev"), o.rightCurrentDate.value = new Date(
+      o.viewMode.value === "year" ? (ce("prev"), ze("prev")) : o.viewMode.value === "month" ? (ae("prev"), je("prev")) : (Y("prev"), o.rightCurrentDate.value = new Date(
         o.currentDate.value.getFullYear(),
         o.currentDate.value.getMonth() + 1,
         1
       ));
     }, H1 = () => {
-      o.viewMode.value === "year" ? (ce("next"), ze("next")) : o.viewMode.value === "month" ? (ae("next"), je("next")) : (W("next"), o.rightCurrentDate.value = new Date(
+      o.viewMode.value === "year" ? (ce("next"), ze("next")) : o.viewMode.value === "month" ? (ae("next"), je("next")) : (Y("next"), o.rightCurrentDate.value = new Date(
         o.currentDate.value.getFullYear(),
         o.currentDate.value.getMonth() + 1,
         1
@@ -6603,35 +6603,35 @@ const Xe = new E2(), A2 = {
     };
     return ye(
       () => t.modelValue,
-      (g) => {
-        if (g) {
-          if (I.value && Array.isArray(g) && g.length === 2)
+      (m) => {
+        if (m) {
+          if (B.value && Array.isArray(m) && m.length === 2)
             try {
-              o.startDate.value = g[0] instanceof Date ? new Date(g[0]) : new Date(g[0]), o.endDate.value = g[1] instanceof Date ? new Date(g[1]) : new Date(g[1]), _e.value && (o.startTime.value = ge(o.startDate.value), o.endTime.value = ge(o.endDate.value));
+              o.startDate.value = m[0] instanceof Date ? new Date(m[0]) : new Date(m[0]), o.endDate.value = m[1] instanceof Date ? new Date(m[1]) : new Date(m[1]), _e.value && (o.startTime.value = ge(o.startDate.value), o.endTime.value = ge(o.endDate.value));
             } catch {
-              console.warn("Invalid date format in modelValue:", g), o.startDate.value = null, o.endDate.value = null;
+              console.warn("Invalid date format in modelValue:", m), o.startDate.value = null, o.endDate.value = null;
             }
-          else if (!I.value && g !== null)
+          else if (!B.value && m !== null)
             try {
               let $ = null;
-              g instanceof Date ? $ = g : (typeof g == "string" || typeof g == "number") && ($ = new Date(g)), $ && !isNaN($.getTime()) ? (o.startDate.value = $, _e.value && (o.startTime.value = ge($))) : o.startDate.value = null;
+              m instanceof Date ? $ = m : (typeof m == "string" || typeof m == "number") && ($ = new Date(m)), $ && !isNaN($.getTime()) ? (o.startDate.value = $, _e.value && (o.startTime.value = ge($))) : o.startDate.value = null;
             } catch {
-              console.warn("Invalid date format in modelValue:", g), o.startDate.value = null;
+              console.warn("Invalid date format in modelValue:", m), o.startDate.value = null;
             }
         } else
-          o.startDate.value = null, o.endDate.value = null, o.isSelectingEnd.value = !1, o.hoverDate.value = null, o.startTime.value = m(), o.endTime.value = b();
+          o.startDate.value = null, o.endDate.value = null, o.isSelectingEnd.value = !1, o.hoverDate.value = null, o.startTime.value = g(), o.endTime.value = b();
       },
       { immediate: !0 }
     ), ye(
       () => t.type,
-      (g) => {
-        o.viewMode.value = Oe(g), o.startTime.value = m(), o.endTime.value = b();
+      (m) => {
+        o.viewMode.value = Oe(m), o.startTime.value = g(), o.endTime.value = b();
       },
       { immediate: !0 }
     ), ye(
       () => o.currentDate.value,
-      (g) => {
-        ue.value && (o.rightCurrentDate.value = new Date(g.getFullYear(), g.getMonth() + 1, 1));
+      (m) => {
+        ue.value && (o.rightCurrentDate.value = new Date(m.getFullYear(), m.getMonth() + 1, 1));
       }
     ), Ze(() => {
       document.addEventListener("click", pe), o.viewMode.value = Oe(t.type), (t.type === "daterange" || t.type === "datetimerange") && (o.rightCurrentDate.value = new Date(
@@ -6643,12 +6643,12 @@ const Xe = new E2(), A2 = {
       document.removeEventListener("click", pe);
     }), e({
       focus: () => {
-        var g;
-        (g = h.value) == null || g.focus();
+        var m;
+        (m = h.value) == null || m.focus();
       },
       blur: () => {
-        var g;
-        (g = h.value) == null || g.blur();
+        var m;
+        (m = h.value) == null || m.blur();
       },
       open: () => {
         t.disabled || $e();
@@ -6657,7 +6657,7 @@ const Xe = new E2(), A2 = {
         De();
       },
       validate: ee
-    }), (g, $) => (r(), u("div", {
+    }), (m, $) => (r(), u("div", {
       ref_key: "datePickerRef",
       ref: c,
       class: Q(Z.value)
@@ -6677,16 +6677,16 @@ const Xe = new E2(), A2 = {
               name: _e.value ? "clock" : "calendar"
             }, null, 8, ["name"])
           ]),
-          Y(E) ? (r(), u("div", b6, [
-            Y(I) ? (r(), u(ie, { key: 0 }, [
-              s("span", null, R(Y(re)[0]), 1),
+          z(E) ? (r(), u("div", b6, [
+            z(B) ? (r(), u(ie, { key: 0 }, [
+              s("span", null, R(z(re)[0]), 1),
               s("span", y6, R(t.rangeSeparator), 1),
-              s("span", null, R(Y(re)[1]), 1)
+              s("span", null, R(z(re)[1]), 1)
             ], 64)) : (r(), u(ie, { key: 1 }, [
-              Me(R(Y(re)), 1)
+              Me(R(z(re)), 1)
             ], 64))
           ])) : (r(), u("div", $6, [
-            Y(I) ? (r(), u(ie, { key: 0 }, [
+            z(B) ? (r(), u(ie, { key: 0 }, [
               s("span", null, R(t.startPlaceholder), 1),
               s("span", M6, R(t.rangeSeparator), 1),
               s("span", null, R(t.endPlaceholder), 1)
@@ -6703,11 +6703,11 @@ const Xe = new E2(), A2 = {
               onClick: Le(qe, ["stop"])
             }, [
               ne(me, { name: "close" })
-            ], 8, V6)) : U("", !0)
+            ], 8, V6)) : W("", !0)
           ])
         ])
       ], 544),
-      Y(k) && Y(N) ? (r(), we(l1, {
+      z(k) && z(O) ? (r(), we(l1, {
         key: 0,
         to: "body"
       }, [
@@ -6748,7 +6748,7 @@ const Xe = new E2(), A2 = {
                         type: "time",
                         onChange: $[1] || ($[1] = (w) => i1(w, !1))
                       }, null, 8, ["modelValue", "disabled-hours", "disabled-minutes", "disabled-seconds", "hide-disabled-options", "hour-step", "minute-step", "second-step", "show-seconds", "use12-hours"])
-                    ])) : U("", !0),
+                    ])) : W("", !0),
                     s("div", H6, [
                       s("button", {
                         class: "vt-datepicker__nav-btn",
@@ -6767,23 +6767,23 @@ const Xe = new E2(), A2 = {
                     s("div", I6, [
                       s("div", B6, [
                         s("div", E6, [
-                          (r(!0), u(ie, null, fe(Y(y1), (w, S) => (r(), u("span", {
+                          (r(!0), u(ie, null, fe(z(y1), (w, S) => (r(), u("span", {
                             key: `${S}_${w}`,
                             class: "vt-datepicker__weekday"
                           }, R(w), 1))), 128))
                         ]),
                         s("div", A6, [
-                          (r(!0), u(ie, null, fe(Y(oe), (w) => (r(), u("button", {
+                          (r(!0), u(ie, null, fe(z(oe), (w) => (r(), u("button", {
                             key: w.getTime(),
                             class: Q([
                               "vt-datepicker__date",
                               {
                                 "vt-datepicker__date--selected": te(w, !0, !1),
-                                "vt-datepicker__date--other-month": !Y(Ce)(w),
-                                "vt-datepicker__date--today": Y(D)(w),
+                                "vt-datepicker__date--other-month": !z(Ce)(w),
+                                "vt-datepicker__date--today": z(D)(w),
                                 "vt-datepicker__date--in-range": y(w, !0, !1) && !te(w, !0, !1),
-                                "vt-datepicker__date--range-start": Y(I) && o.startDate.value && Y(A)(w, o.startDate.value) && Y(Ce)(w),
-                                "vt-datepicker__date--range-end": Y(I) && o.endDate.value && Y(A)(w, o.endDate.value) && Y(Ce)(w),
+                                "vt-datepicker__date--range-start": z(B) && o.startDate.value && z(j)(w, o.startDate.value) && z(Ce)(w),
+                                "vt-datepicker__date--range-end": z(B) && o.endDate.value && z(j)(w, o.endDate.value) && z(Ce)(w),
                                 "vt-datepicker__date--disabled": !de(w, !0, !1)
                               }
                             ]),
@@ -6817,7 +6817,7 @@ const Xe = new E2(), A2 = {
                         type: "time",
                         onChange: $[4] || ($[4] = (w) => i1(w, !0))
                       }, null, 8, ["modelValue", "disabled-hours", "disabled-minutes", "disabled-seconds", "hide-disabled-options", "hour-step", "minute-step", "second-step", "show-seconds", "use12-hours"])
-                    ])) : U("", !0),
+                    ])) : W("", !0),
                     s("div", Z6, [
                       $[13] || ($[13] = s("div", { class: "vt-datepicker__nav-spacer" }, null, -1)),
                       s("div", F6, [
@@ -6836,23 +6836,23 @@ const Xe = new E2(), A2 = {
                     s("div", z6, [
                       s("div", O6, [
                         s("div", Y6, [
-                          (r(!0), u(ie, null, fe(Y(y1), (w, S) => (r(), u("span", {
+                          (r(!0), u(ie, null, fe(z(y1), (w, S) => (r(), u("span", {
                             key: `${S}_${w}`,
                             class: "vt-datepicker__weekday"
                           }, R(w), 1))), 128))
                         ]),
                         s("div", N6, [
-                          (r(!0), u(ie, null, fe(Y(se), (w) => (r(), u("button", {
+                          (r(!0), u(ie, null, fe(z(se), (w) => (r(), u("button", {
                             key: w.getTime(),
                             class: Q([
                               "vt-datepicker__date",
                               {
                                 "vt-datepicker__date--selected": te(w, !1, !0),
-                                "vt-datepicker__date--other-month": !Y(le)(w),
-                                "vt-datepicker__date--today": Y(D)(w),
+                                "vt-datepicker__date--other-month": !z(le)(w),
+                                "vt-datepicker__date--today": z(D)(w),
                                 "vt-datepicker__date--in-range": y(w, !1, !0) && !te(w, !1, !0),
-                                "vt-datepicker__date--range-start": Y(I) && o.startDate.value && Y(A)(w, o.startDate.value) && Y(le)(w),
-                                "vt-datepicker__date--range-end": Y(I) && o.endDate.value && Y(A)(w, o.endDate.value) && Y(le)(w),
+                                "vt-datepicker__date--range-start": z(B) && o.startDate.value && z(j)(w, o.startDate.value) && z(le)(w),
+                                "vt-datepicker__date--range-end": z(B) && o.endDate.value && z(j)(w, o.endDate.value) && z(le)(w),
                                 "vt-datepicker__date--disabled": !de(w, !1, !0)
                               }
                             ]),
@@ -6886,7 +6886,7 @@ const Xe = new E2(), A2 = {
                       type: "time",
                       onChange: $[7] || ($[7] = (w) => i1(w, !1))
                     }, null, 8, ["modelValue", "disabled-hours", "disabled-minutes", "disabled-seconds", "hide-disabled-options", "hour-step", "minute-step", "second-step", "show-seconds", "use12-hours"])
-                  ])) : U("", !0),
+                  ])) : W("", !0),
                   s("div", K6, [
                     s("button", {
                       class: "vt-datepicker__nav-btn",
@@ -6903,7 +6903,7 @@ const Xe = new E2(), A2 = {
                         key: 1,
                         class: "vt-datepicker__header-btn",
                         onClick: $[9] || ($[9] = (w) => o.viewMode.value = "year")
-                      }, R(o.currentDate.value.getFullYear()), 1)) : (r(), u("span", Q6, R(Y(ve)), 1))
+                      }, R(o.currentDate.value.getFullYear()), 1)) : (r(), u("span", Q6, R(z(ve)), 1))
                     ]),
                     s("button", {
                       class: "vt-datepicker__nav-btn",
@@ -6915,23 +6915,23 @@ const Xe = new E2(), A2 = {
                   s("div", G6, [
                     o.viewMode.value === "date" ? (r(), u("div", J6, [
                       s("div", e0, [
-                        (r(!0), u(ie, null, fe(Y(y1), (w, S) => (r(), u("span", {
+                        (r(!0), u(ie, null, fe(z(y1), (w, S) => (r(), u("span", {
                           key: `${S}_${w}`,
                           class: "vt-datepicker__weekday"
                         }, R(w), 1))), 128))
                       ]),
                       s("div", t0, [
-                        (r(!0), u(ie, null, fe(Y(oe), (w) => (r(), u("button", {
+                        (r(!0), u(ie, null, fe(z(oe), (w) => (r(), u("button", {
                           key: w.getTime(),
                           class: Q([
                             "vt-datepicker__date",
                             {
                               "vt-datepicker__date--selected": te(w),
-                              "vt-datepicker__date--other-month": !Y(Ce)(w),
-                              "vt-datepicker__date--today": Y(D)(w),
+                              "vt-datepicker__date--other-month": !z(Ce)(w),
+                              "vt-datepicker__date--today": z(D)(w),
                               "vt-datepicker__date--in-range": y(w) && !te(w),
-                              "vt-datepicker__date--range-start": Y(I) && o.startDate.value && Y(A)(w, o.startDate.value),
-                              "vt-datepicker__date--range-end": Y(I) && o.endDate.value && Y(A)(w, o.endDate.value),
+                              "vt-datepicker__date--range-start": z(B) && o.startDate.value && z(j)(w, o.startDate.value),
+                              "vt-datepicker__date--range-end": z(B) && o.endDate.value && z(j)(w, o.endDate.value),
                               "vt-datepicker__date--disabled": !de(w, !1, !0)
                             }
                           ]),
@@ -6941,7 +6941,7 @@ const Xe = new E2(), A2 = {
                         }, R(w.getDate()), 43, n0))), 128))
                       ])
                     ])) : o.viewMode.value === "month" ? (r(), u("div", o0, [
-                      (r(!0), u(ie, null, fe(Y(T), (w, S) => (r(), u("button", {
+                      (r(!0), u(ie, null, fe(z(T), (w, S) => (r(), u("button", {
                         key: w.name,
                         class: Q([
                           "vt-datepicker__month",
@@ -6956,7 +6956,7 @@ const Xe = new E2(), A2 = {
                         onMouseleave: dt
                       }, R(w.name), 43, s0))), 128))
                     ])) : (r(), u("div", r0, [
-                      (r(!0), u(ie, null, fe(Y(G), (w) => (r(), u("button", {
+                      (r(!0), u(ie, null, fe(z(G), (w) => (r(), u("button", {
                         key: w.year,
                         class: Q([
                           "vt-datepicker__year",
@@ -6983,7 +6983,7 @@ const Xe = new E2(), A2 = {
                   __: [14]
                 }),
                 ne(e1, {
-                  disabled: !o.startDate.value || Y(I) && !o.endDate.value,
+                  disabled: !o.startDate.value || z(B) && !o.endDate.value,
                   type: "primary",
                   onClick: it
                 }, {
@@ -6993,12 +6993,12 @@ const Xe = new E2(), A2 = {
                   _: 1,
                   __: [15]
                 }, 8, ["disabled"])
-              ])) : U("", !0)
+              ])) : W("", !0)
             ], 36)
           ]),
           _: 1
         })
-      ])) : U("", !0)
+      ])) : W("", !0)
     ], 2));
   }
 }), u0 = { class: "v-collapse" }, c0 = /* @__PURE__ */ ke({
@@ -7044,19 +7044,19 @@ const Xe = new E2(), A2 = {
     const c = V(() => i.activeNames.includes(l.name)), h = () => {
       l.disabled || (i.toggle(l.name), t("toggle", l.name));
     }, v = (_) => {
-      const m = _;
-      m.style.height = "0", m.style.overflow = "hidden", m.offsetHeight, m.style.height = m.scrollHeight + "px";
+      const g = _;
+      g.style.height = "0", g.style.overflow = "hidden", g.offsetHeight, g.style.height = g.scrollHeight + "px";
     }, f = (_) => {
-      const m = _;
-      m.style.height = m.scrollHeight + "px", m.style.overflow = "hidden", m.offsetHeight, m.style.height = "0";
+      const g = _;
+      g.style.height = g.scrollHeight + "px", g.style.overflow = "hidden", g.offsetHeight, g.style.height = "0";
     }, p = (_) => {
-      const m = _;
-      m.style.height = "auto", m.style.overflow = "visible";
+      const g = _;
+      g.style.height = "auto", g.style.overflow = "visible";
     }, d = (_) => {
-      const m = _;
-      m.style.height = "0", m.style.overflow = "hidden";
+      const g = _;
+      g.style.height = "0", g.style.overflow = "hidden";
     };
-    return (_, m) => (r(), u("div", {
+    return (_, g) => (r(), u("div", {
       class: Q([{ "is-active": c.value, "is-disabled": _.disabled }, "v-collapse-item"])
     }, [
       s("div", {
@@ -7116,14 +7116,14 @@ const Xe = new E2(), A2 = {
     const v = (_) => {
       h.value.push(_), c.value || (c.value = _.name);
     }, f = (_) => {
-      h.value = h.value.filter((m) => m.name !== _), t("tab-remove", _), c.value === _ && h.value.length > 0 && (c.value = h.value[0].name);
+      h.value = h.value.filter((g) => g.name !== _), t("tab-remove", _), c.value === _ && h.value.length > 0 && (c.value = h.value[0].name);
     }, p = (_) => {
       c.value = _;
     }, d = (_) => {
       var o;
-      const b = (((o = i.default) == null ? void 0 : o.call(i)) || []).find((O) => {
-        var B;
-        return ((B = O.props) == null ? void 0 : B.name) === _.name;
+      const b = (((o = i.default) == null ? void 0 : o.call(i)) || []).find((q) => {
+        var A;
+        return ((A = q.props) == null ? void 0 : A.name) === _.name;
       });
       return b && b.children && typeof b.children == "object" && "title" in b.children ? b.children.title : null;
     };
@@ -7132,7 +7132,7 @@ const Xe = new E2(), A2 = {
       addTab: v,
       removeTab: f,
       selectTab: p
-    }), (_, m) => (r(), u("div", f0, [
+    }), (_, g) => (r(), u("div", f0, [
       s("div", C0, [
         (r(!0), u(ie, null, fe(h.value, (b) => (r(), u("div", {
           key: b.name,
@@ -7150,8 +7150,8 @@ const Xe = new E2(), A2 = {
               key: 0,
               name: b.icon,
               class: "vt-tab-icon"
-            }, null, 8, ["name"])) : U("", !0),
-            b.label ? (r(), u("span", g0, R(b.label), 1)) : U("", !0)
+            }, null, 8, ["name"])) : W("", !0),
+            b.label ? (r(), u("span", g0, R(b.label), 1)) : W("", !0)
           ], 64)),
           b.closable ? (r(), u("span", {
             key: 2,
@@ -7159,7 +7159,7 @@ const Xe = new E2(), A2 = {
             onClick: Le((o) => f(b.name), ["stop"])
           }, [
             ne(me, { name: "close" })
-          ], 8, _0)) : U("", !0)
+          ], 8, _0)) : W("", !0)
         ], 10, m0))), 128))
       ]),
       s("div", w0, [
@@ -7329,10 +7329,10 @@ const Xe = new E2(), A2 = {
   }
 }, M0 = {
   mounted(n, e) {
-    Y(e.value) && W1(n);
+    z(e.value) && W1(n);
   },
   updated(n, e) {
-    const l = Y(e.value), t = Y(e.oldValue);
+    const l = z(e.value), t = z(e.oldValue);
     l !== t && (l ? W1(n) : q1(n));
   },
   unmounted(n) {
@@ -7417,7 +7417,7 @@ const x0 = { class: "vt-message-container" }, V0 = { class: "vt-message-icon" },
                 onClick: (d) => h(p.id)
               }, [
                 ne(me, { name: "close" })
-              ], 8, H0)) : U("", !0)
+              ], 8, H0)) : W("", !0)
             ], 2))), 128))
           ]),
           _: 1
@@ -7562,58 +7562,58 @@ function F0(n, e) {
 }
 function z0(n, e, l, t) {
   const i = F0(n, e), c = H(!1), h = H(!1), v = H(!1), f = { t: 0 };
-  let p = [];
-  const d = H([]);
-  async function _(b) {
-    const o = ++f.t;
+  let p = !1, d = [];
+  const _ = H([]);
+  async function g(o) {
+    const q = ++f.t;
     v.value = !0;
-    const O = [];
-    for (const B of l)
+    const A = [];
+    for (const U of l)
       try {
-        const F = B, j = F.$async ? await B(b) : B(b), I = await Promise.resolve(j);
-        if (I !== !0) {
-          if (typeof I == "string")
-            O.push({
-              $message: I,
-              $validator: F.$validatorName || F.name || "validator",
-              $params: F.$params
-            });
-          else if (I === !1) {
-            const P = typeof F.$message == "function" ? F.$message(F.$params) : F.$message || "Невалідне поле";
-            O.push({
+        const I = U, B = I.$async ? await U(o) : U(o), P = await Promise.resolve(B);
+        if (P !== !0) {
+          if (typeof P == "string")
+            A.push({
               $message: P,
-              $validator: F.$validatorName || F.name || "validator",
-              $params: F.$params
+              $validator: I.$validatorName || I.name || "validator",
+              $params: I.$params
+            });
+          else if (P === !1) {
+            const re = typeof I.$message == "function" ? I.$message(I.$params) : I.$message || "Невалідне поле";
+            A.push({
+              $message: re,
+              $validator: I.$validatorName || I.name || "validator",
+              $params: I.$params
             });
           }
         }
-      } catch (F) {
-        const j = B;
-        O.push({
-          $message: (F == null ? void 0 : F.message) || "Validator error",
-          $validator: j.$validatorName || j.name || "validator"
+      } catch (I) {
+        const B = U;
+        A.push({
+          $message: (I == null ? void 0 : I.message) || "Validator error",
+          $validator: B.$validatorName || B.name || "validator"
         });
       }
-    if (p.length)
-      for (const B of p)
-        O.push({ $message: B.$message, $validator: B.$validator || "external" });
-    o === f.t && (d.value = O, v.value = !1);
+    if (d.length)
+      for (const U of d)
+        A.push({ $message: U.$message, $validator: U.$validator || "external" });
+    q === f.t && (_.value = A, v.value = !1);
   }
   ye(
     () => {
-      const b = C1(n) ? n.value : n;
-      return lt(b, e);
+      const o = C1(n) ? n.value : n;
+      return lt(o, e);
     },
     () => {
-      c.value = !0, _(i.value);
+      p || (c.value = !0, g(i.value));
     }
   );
-  const m = S1({
+  const b = S1({
     get $model() {
       return i.value;
     },
-    set $model(b) {
-      i.value = b, c.value = !0, m.$validate();
+    set $model(o) {
+      i.value = o, c.value = !0, b.$validate();
     },
     get $dirty() {
       return c.value;
@@ -7625,81 +7625,83 @@ function z0(n, e, l, t) {
       return v.value;
     },
     get $invalid() {
-      return d.value && d.value.length > 0;
+      return _.value && _.value.length > 0;
     },
     get $error() {
-      return m.$dirty && m.$invalid;
+      return b.$dirty && b.$invalid;
     },
     get $errors() {
-      return t.silentErrors ? [] : d.value.map((b) => ({ ...b }));
+      return t.silentErrors ? [] : _.value.map((o) => ({ ...o }));
     },
     $params: l.length ? l[0].$params || {} : void 0,
     $touch() {
       c.value = !0, h.value = !0;
     },
     $reset() {
-      c.value = !1, h.value = !1, d.value = [], v.value = !1;
+      p = !0, c.value = !1, h.value = !1, _.value = [], v.value = !1, queueMicrotask(() => {
+        p = !1;
+      });
     },
     async $validate() {
-      return c.value = !0, await _(i.value), !d.value.length;
+      return c.value = !0, await g(i.value), !_.value.length;
     }
   });
-  return m.$setExternalResults = (b) => {
-    p = b || [], m.$validate();
-  }, m.$clearExternalResults = () => {
-    p = [], m.$validate();
-  }, m;
+  return b.$setExternalResults = (o) => {
+    d = o || [], b.$validate();
+  }, b.$clearExternalResults = () => {
+    d = [], b.$validate();
+  }, b;
 }
 function r4(n, e, l) {
   const t = { silentErrors: !!(l != null && l.silentErrors) }, i = typeof n == "function" ? n() : n, c = (C1(e), e);
   function h(d, _ = "") {
-    const m = {}, b = Object.keys(d || {});
+    const g = {}, b = Object.keys(d || {});
     for (const E of b) {
       const L = d[E], ee = _ ? `${_}.${E}` : E;
       if (typeof L == "function" || Array.isArray(L) && L.length > 0 && typeof L[0] == "function") {
         const oe = Array.isArray(L) ? L : [L];
-        m[E] = z0(c, ee, oe, t);
-      } else typeof L == "object" && L !== null ? typeof L == "object" && Array.isArray(L) === !1 && (m[E] = h(L, ee)) : m[E] = h({}, ee);
+        g[E] = z0(c, ee, oe, t);
+      } else typeof L == "object" && L !== null ? typeof L == "object" && Array.isArray(L) === !1 && (g[E] = h(L, ee)) : g[E] = h({}, ee);
     }
     const o = async () => {
       const E = [];
-      for (const L of Object.keys(m)) {
+      for (const L of Object.keys(g)) {
         if (L.startsWith("$")) continue;
-        const ee = m[L];
+        const ee = g[L];
         ee && typeof ee.$validate == "function" && E.push(await ee.$validate());
       }
       return E.every(Boolean);
-    }, O = () => {
-      for (const E of Object.keys(m)) {
+    }, q = () => {
+      for (const E of Object.keys(g)) {
         if (E.startsWith("$")) continue;
-        const L = m[E];
+        const L = g[E];
         L && typeof L.$touch == "function" && L.$touch();
       }
-    }, B = () => {
-      for (const E of Object.keys(m)) {
+    }, A = () => {
+      for (const E of Object.keys(g)) {
         if (E.startsWith("$")) continue;
-        const L = m[E];
+        const L = g[E];
         L && typeof L.$reset == "function" && L.$reset();
       }
-    }, F = V(() => Object.keys(m).some((E) => {
-      const L = m[E];
+    }, U = V(() => Object.keys(g).some((E) => {
+      const L = g[E];
       return L && L.$dirty;
-    })), j = V(() => Object.keys(m).some((E) => {
-      const L = m[E];
+    })), I = V(() => Object.keys(g).some((E) => {
+      const L = g[E];
       return L && L.$invalid;
-    })), I = V(() => Object.keys(m).some((E) => {
-      const L = m[E];
+    })), B = V(() => Object.keys(g).some((E) => {
+      const L = g[E];
       return L && L.$error;
-    })), P = V(() => Object.keys(m).some((E) => {
-      const L = m[E];
+    })), P = V(() => Object.keys(g).some((E) => {
+      const L = g[E];
       return L && L.$pending;
     })), re = {
       $validate: o,
-      $touch: O,
-      $reset: B,
-      $anyDirty: F,
-      $anyInvalid: j,
-      $anyError: I,
+      $touch: q,
+      $reset: A,
+      $anyDirty: U,
+      $anyInvalid: I,
+      $anyError: B,
       $pending: P,
       $silentErrors: t.silentErrors,
       $externalResults: [],
@@ -7731,20 +7733,20 @@ function r4(n, e, l) {
         });
       }
     };
-    return Object.assign(m, re), m;
+    return Object.assign(g, re), g;
   }
   function v(d, _) {
     if (!(!d || typeof d != "object"))
-      for (const m of Object.keys(d)) {
-        if (m.startsWith("$")) continue;
-        const b = d[m];
+      for (const g of Object.keys(d)) {
+        if (g.startsWith("$")) continue;
+        const b = d[g];
         b && typeof b == "object" && (typeof b.$validate == "function" && typeof b.$model < "u" ? _(b) : v(b, _));
       }
   }
   function f(d, _) {
-    const m = _.split(".");
+    const g = _.split(".");
     let b = d;
-    for (const o of m) {
+    for (const o of g) {
       if (!b) return;
       b = b[o];
     }