voiptime-components 1.10.1 → 1.10.2

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { createElementBlock as u, openBlock as l, createElementVNode as s, createStaticVNode as Ye, defineComponent as ke, computed as x, createBlock as we, createCommentVNode as q, resolveDynamicComponent as f1, normalizeStyle as Ee, useSlots as a1, resolveDirective as x1, withDirectives as o1, normalizeClass as G, renderSlot as De, Teleport as s1, withModifiers as Se, toDisplayString as Z, createTextVNode as xe, ref as H, onUnmounted as Je, nextTick as Te, watch as Me, onMounted as Oe, createVNode as ee, Fragment as le, renderList as ve, provide as u1, unref as z, Transition as i1, withCtx as Le, inject as c1, onBeforeUnmount as U1, createApp as K1, h as g1, mergeModels as H1, useModel as at, reactive as L1, toRef as r1, toRefs as ut, vShow as X1, TransitionGroup as ct } from "vue";
+import { createElementBlock as u, openBlock as l, createElementVNode as s, createStaticVNode as Ye, defineComponent as ke, computed as x, createBlock as we, createCommentVNode as q, resolveDynamicComponent as f1, normalizeStyle as Ee, useSlots as a1, resolveDirective as x1, withDirectives as o1, normalizeClass as G, renderSlot as De, Teleport as s1, withModifiers as Se, toDisplayString as Z, createTextVNode as xe, ref as H, onUnmounted as Je, nextTick as Te, watch as ye, onMounted as Oe, createVNode as ee, Fragment as le, renderList as pe, provide as u1, unref as z, Transition as i1, withCtx as Le, inject as c1, onBeforeUnmount as U1, createApp as K1, h as g1, mergeModels as H1, useModel as at, reactive as L1, toRef as r1, toRefs as ut, vShow as X1, TransitionGroup as ct } from "vue";
 const y = (n, e) => {
   const r = n.__vccOpts || n;
   for (const [t, i] of e)
@@ -11,7 +11,7 @@ const y = (n, e) => {
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function pt(n, e) {
+function vt(n, e) {
   return l(), u("svg", ht, e[0] || (e[0] = [
     s("circle", {
       cx: "10",
@@ -29,7 +29,7 @@ function pt(n, e) {
     }, null, -1)
   ]));
 }
-const vt = /* @__PURE__ */ y(dt, [["render", pt]]), ft = {}, Ct = {
+const pt = /* @__PURE__ */ y(dt, [["render", vt]]), ft = {}, Ct = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -306,7 +306,7 @@ function hn(n, e) {
     }, null, -1)
   ]));
 }
-const pn = /* @__PURE__ */ y(cn, [["render", hn]]), vn = {}, fn = {
+const vn = /* @__PURE__ */ y(cn, [["render", hn]]), pn = {}, fn = {
   fill: "none",
   height: "20",
   viewBox: "0 0 21 20",
@@ -324,7 +324,7 @@ function Cn(n, e) {
     }, null, -1)
   ]));
 }
-const mn = /* @__PURE__ */ y(vn, [["render", Cn]]), _n = {}, gn = {
+const mn = /* @__PURE__ */ y(pn, [["render", Cn]]), _n = {}, gn = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -572,7 +572,7 @@ function co(n, e) {
     }, null, -1)
   ]));
 }
-const ho = /* @__PURE__ */ y(ao, [["render", co]]), po = {}, vo = {
+const ho = /* @__PURE__ */ y(ao, [["render", co]]), vo = {}, po = {
   width: "40",
   height: "40",
   viewBox: "0 0 40 40",
@@ -580,7 +580,7 @@ const ho = /* @__PURE__ */ y(ao, [["render", co]]), po = {}, vo = {
   xmlns: "http://www.w3.org/2000/svg"
 };
 function fo(n, e) {
-  return l(), u("svg", vo, e[0] || (e[0] = [
+  return l(), u("svg", po, e[0] || (e[0] = [
     s("circle", {
       cx: "20",
       cy: "20",
@@ -593,7 +593,7 @@ function fo(n, e) {
     }, null, -1)
   ]));
 }
-const Co = /* @__PURE__ */ y(po, [["render", fo]]), mo = {}, _o = {
+const Co = /* @__PURE__ */ y(vo, [["render", fo]]), mo = {}, _o = {
   width: "20",
   height: "20",
   viewBox: "0 0 21 20",
@@ -794,7 +794,7 @@ const cs = /* @__PURE__ */ y(is, [["render", us]]), ds = {}, hs = {
   width: "20",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function ps(n, e) {
+function vs(n, e) {
   return l(), u("svg", hs, e[0] || (e[0] = [
     s("path", {
       d: "M2 8.36287C2 5.36357 2 3.86353 3.09365 2.93216C4.18729 2.0008 5.94679 2 9.46667 2H10.1457C13.0094 2 15.5096 2 16.504 2.6347C16.7886 2.81604 17.0416 3.03238 17.2551 3.27496C18 4.12281 18 5.3429 18 7.78465V9.80884C18 12.1655 18 13.2798 18 13.2798C18 13.2798 17.9068 15.3029 17.5 16C17.0932 16.6971 16 17.7068 14.8 17.9072C13.6 18.1076 11.7305 17.8652 10.1457 17.8926C9.30684 17.9072 8.3873 17.9072 7.42958 17.9072C5.85016 17.9072 5.05958 17.9072 4.42886 17.7068C3.41427 17.3838 2.61402 16.7022 2.23542 15.8377C2 15.3 2 14.6263 2 13.2798V8.36287Z",
@@ -826,7 +826,7 @@ function ps(n, e) {
     }, null, -1)
   ]));
 }
-const vs = /* @__PURE__ */ y(ds, [["render", ps]]), fs = {}, Cs = {
+const ps = /* @__PURE__ */ y(ds, [["render", vs]]), fs = {}, Cs = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -1116,7 +1116,7 @@ function dl(n, e) {
     }, null, -1)
   ]));
 }
-const hl = /* @__PURE__ */ y(ul, [["render", dl]]), pl = {}, vl = {
+const hl = /* @__PURE__ */ y(ul, [["render", dl]]), vl = {}, pl = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -1124,7 +1124,7 @@ const hl = /* @__PURE__ */ y(ul, [["render", dl]]), pl = {}, vl = {
   xmlns: "http://www.w3.org/2000/svg"
 };
 function fl(n, e) {
-  return l(), u("svg", vl, e[0] || (e[0] = [
+  return l(), u("svg", pl, e[0] || (e[0] = [
     s("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -1141,7 +1141,7 @@ function fl(n, e) {
     }, null, -1)
   ]));
 }
-const Cl = /* @__PURE__ */ y(pl, [["render", fl]]), ml = {}, _l = {
+const Cl = /* @__PURE__ */ y(vl, [["render", fl]]), ml = {}, _l = {
   fill: "none",
   height: "20",
   viewBox: "0 0 20 20",
@@ -1436,7 +1436,7 @@ const cr = /* @__PURE__ */ y(ir, [["render", ur]]), dr = {}, hr = {
   width: "20",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function pr(n, e) {
+function vr(n, e) {
   return l(), u("svg", hr, e[0] || (e[0] = [
     s("path", {
       d: "M5.10938 6.41406L9.00209 9.00921L12.8948 6.41406",
@@ -1458,7 +1458,7 @@ function pr(n, e) {
     }, null, -1)
   ]));
 }
-const vr = /* @__PURE__ */ y(dr, [["render", pr]]), fr = {}, Cr = {
+const pr = /* @__PURE__ */ y(dr, [["render", vr]]), fr = {}, Cr = {
   fill: "none",
   height: "20",
   viewBox: "0 0 20 20",
@@ -1789,7 +1789,7 @@ function di(n, e) {
     }, null, -1)
   ]));
 }
-const hi = /* @__PURE__ */ y(ui, [["render", di]]), pi = {}, vi = {
+const hi = /* @__PURE__ */ y(ui, [["render", di]]), vi = {}, pi = {
   fill: "none",
   height: "20",
   viewBox: "0 0 21 20",
@@ -1797,7 +1797,7 @@ const hi = /* @__PURE__ */ y(ui, [["render", di]]), pi = {}, vi = {
   xmlns: "http://www.w3.org/2000/svg"
 };
 function fi(n, e) {
-  return l(), u("svg", vi, e[0] || (e[0] = [
+  return l(), u("svg", pi, e[0] || (e[0] = [
     s("path", {
       d: "M13.277 2C11.904 2 10.5873 2.52678 9.61647 3.46447C8.64563 4.40215 8.10022 5.67392 8.10022 7C8.10494 7.67799 8.24558 8.34867 8.51437 8.975L7.45312 11.375L10.2227 11.0375C10.8828 11.5032 11.6478 11.8114 12.4549 11.9367C13.262 12.0619 14.0884 12.0008 14.8664 11.7583C15.6443 11.5158 16.3518 11.0988 16.9308 10.5414C17.5098 9.98402 17.9439 9.30212 18.1976 8.55152C18.4513 7.80093 18.5173 7.00298 18.3902 6.22301C18.2632 5.44303 17.9467 4.7032 17.4667 4.06408C16.9867 3.42496 16.3568 2.90473 15.6286 2.54596C14.9003 2.1872 14.0945 2.0001 13.277 2Z",
       stroke: "currentColor",
@@ -1814,7 +1814,7 @@ function fi(n, e) {
     }, null, -1)
   ]));
 }
-const Ci = /* @__PURE__ */ y(pi, [["render", fi]]), mi = {}, _i = {
+const Ci = /* @__PURE__ */ y(vi, [["render", fi]]), mi = {}, _i = {
   width: "20",
   height: "20",
   viewBox: "0 0 24 24",
@@ -2110,7 +2110,7 @@ const ca = /* @__PURE__ */ y(ia, [["render", ua]]), da = {}, ha = {
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function pa(n, e) {
+function va(n, e) {
   return l(), u("svg", ha, e[0] || (e[0] = [
     s("path", {
       d: "M2.5 3H1M21 3H19.5M6.5 7H5.5C4.086 7 3.379 7 2.94 6.56C2.5 6.122 2.5 5.415 2.5 4C2.5 2.585 2.5 1.879 2.94 1.44C3.378 1 4.085 1 5.5 1H6.5C7.914 1 8.621 1 9.06 1.44C9.5 1.879 9.5 2.586 9.5 4C9.5 5.414 9.5 6.121 9.06 6.56C8.622 7 7.915 7 6.5 7Z",
@@ -2132,7 +2132,7 @@ function pa(n, e) {
     }, null, -1)
   ]));
 }
-const va = /* @__PURE__ */ y(da, [["render", pa]]), fa = {}, Ca = {
+const pa = /* @__PURE__ */ y(da, [["render", va]]), fa = {}, Ca = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -2370,7 +2370,7 @@ function o3(n, e) {
 }
 const s3 = /* @__PURE__ */ y(t3, [["render", o3]]), l3 = {
   // actions icons
-  circleChecked: vt,
+  circleChecked: pt,
   circleClose: _t,
   close: bt,
   delete: xt,
@@ -2383,7 +2383,7 @@ const s3 = /* @__PURE__ */ y(t3, [["render", o3]]), l3 = {
   paperClip: en,
   plusRound: sn,
   prompt: un,
-  prompter: pn,
+  prompter: vn,
   reply: mn,
   save: kn,
   star: Mn,
@@ -2413,7 +2413,7 @@ const s3 = /* @__PURE__ */ y(t3, [["render", o3]]), l3 = {
   transferCall: rs,
   volumeCall: cs,
   // files icons
-  emptyImg: vs,
+  emptyImg: ps,
   fileChoose: _s,
   fileDoc: bs,
   fileSign: xs,
@@ -2443,7 +2443,7 @@ const s3 = /* @__PURE__ */ y(t3, [["render", o3]]), l3 = {
   emailDraft: nr,
   email: rr,
   emailIncoming: cr,
-  emailNew: vr,
+  emailNew: pr,
   emailOutgoing: _r,
   emailQueue: br,
   emailSpam: xr,
@@ -2473,7 +2473,7 @@ const s3 = /* @__PURE__ */ y(t3, [["render", o3]]), l3 = {
   // scenario icons
   anketBlock: ra,
   iframBlock: ca,
-  infoBlock: va,
+  infoBlock: pa,
   proposalBlock: _a,
   // table icons
   columnInsert: ba,
@@ -2509,7 +2509,7 @@ const s3 = /* @__PURE__ */ y(t3, [["render", o3]]), l3 = {
 function a3(n, e) {
   return l(), u("span", i3);
 }
-const v1 = /* @__PURE__ */ y(r3, [["render", a3]]), u3 = ["disabled", "type", "data-placement"], c3 = {
+const p1 = /* @__PURE__ */ y(r3, [["render", a3]]), u3 = ["disabled", "type", "data-placement"], c3 = {
   key: 2,
   class: "vt-button__content"
 }, Ge = /* @__PURE__ */ ke({
@@ -2530,7 +2530,7 @@ const v1 = /* @__PURE__ */ y(r3, [["render", a3]]), u3 = ["disabled", "type", "d
       var m, o;
       const h = i.default ? i.default({}) : null;
       return ((o = (m = h == null ? void 0 : h[0]) == null ? void 0 : m.children) == null ? void 0 : o.toString()) ?? "";
-    }), v = x(() => [
+    }), p = x(() => [
       "vt-button",
       `vt-button--${r.type}`,
       {
@@ -2539,19 +2539,19 @@ const v1 = /* @__PURE__ */ y(r3, [["render", a3]]), u3 = ["disabled", "type", "d
         "vt-button--disabled": r.disabled || r.loading,
         "vt-button--loading": r.loading
       }
-    ]), f = x(() => c.value && r.tooltip ? d.value : null), p = (h) => {
+    ]), f = x(() => c.value && r.tooltip ? d.value : null), v = (h) => {
       !r.disabled && !r.loading && t("click", h);
     };
     return (h, m) => {
       const o = x1("tooltip");
       return o1((l(), u("button", {
-        class: G(v.value),
+        class: G(p.value),
         disabled: r.disabled || r.loading,
         type: r.htmlType,
         "data-placement": r.tooltipPlacement,
-        onClick: p
+        onClick: v
       }, [
-        r.loading ? (l(), we(v1, {
+        r.loading ? (l(), we(p1, {
           key: 0,
           class: "vt-button__icon"
         })) : r.icon ? (l(), we(fe, {
@@ -2573,7 +2573,7 @@ const v1 = /* @__PURE__ */ y(r3, [["render", a3]]), u3 = ["disabled", "type", "d
 }, h3 = {
   key: 0,
   class: "vt-modal__title"
-}, p3 = { class: "vt-modal__body" }, Q1 = /* @__PURE__ */ ke({
+}, v3 = { class: "vt-modal__body" }, Q1 = /* @__PURE__ */ ke({
   __name: "VModal",
   props: {
     modelValue: { type: Boolean },
@@ -2589,19 +2589,19 @@ const v1 = /* @__PURE__ */ y(r3, [["render", a3]]), u3 = ["disabled", "type", "d
       zIndex: r.zIndex
     })), d = () => {
       t("update:modelValue", !1), t("close");
-    }, v = () => {
+    }, p = () => {
       r.closeOnBackdropClick && d();
     };
-    return (f, p) => (l(), we(s1, { to: "body" }, [
+    return (f, v) => (l(), we(s1, { to: "body" }, [
       f.modelValue ? (l(), u("div", {
         key: 0,
         style: Ee(c.value),
         class: "vt-modal__backdrop",
-        onClick: v
+        onClick: p
       }, [
         s("div", {
           class: G(i.value),
-          onClick: p[0] || (p[0] = Se(() => {
+          onClick: v[0] || (v[0] = Se(() => {
           }, ["stop"]))
         }, [
           f.title || f.showCloseButton ? (l(), u("div", d3, [
@@ -2613,14 +2613,14 @@ const v1 = /* @__PURE__ */ y(r3, [["render", a3]]), u3 = ["disabled", "type", "d
               onClick: d
             })) : q("", !0)
           ])) : q("", !0),
-          s("div", p3, [
+          s("div", v3, [
             De(f.$slots, "default")
           ])
         ], 2)
       ], 4)) : q("", !0)
     ]));
   }
-}), v3 = ["for"], f3 = ["id", "name", "value", "checked", "disabled", "required", ".indeterminate"], e1 = /* @__PURE__ */ ke({
+}), p3 = ["for"], f3 = ["id", "name", "value", "checked", "disabled", "required", ".indeterminate"], e1 = /* @__PURE__ */ ke({
   __name: "VCheckbox",
   props: {
     modelValue: { type: Boolean, default: void 0 },
@@ -2638,13 +2638,13 @@ const v1 = /* @__PURE__ */ y(r3, [["render", a3]]), u3 = ["disabled", "type", "d
   },
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(n, { emit: e }) {
-    const r = n, t = e, i = () => `vt-checkbox-${Math.random().toString(36).substr(2, 9)}`, c = x(() => r.id || i()), d = x(() => r.modelValue ?? r.checked), v = (h) => {
+    const r = n, t = e, i = () => `vt-checkbox-${Math.random().toString(36).substr(2, 9)}`, c = x(() => r.id || i()), d = x(() => r.modelValue ?? r.checked), p = (h) => {
       if (r.disabled) return;
       const o = h.target.checked;
       t("update:modelValue", o), t("change", o, h);
     }, f = (h) => {
       t("focus", h);
-    }, p = (h) => {
+    }, v = (h) => {
       t("blur", h);
     };
     return (h, m) => (l(), u("label", {
@@ -2669,9 +2669,9 @@ const v1 = /* @__PURE__ */ y(r3, [["render", a3]]), u3 = ["disabled", "type", "d
         ".indeterminate": h.indeterminate,
         type: "checkbox",
         class: "vt-checkbox__input",
-        onChange: v,
+        onChange: p,
         onFocus: f,
-        onBlur: p
+        onBlur: v
       }, null, 40, f3),
       s("div", {
         class: G([
@@ -2759,7 +2759,7 @@ const v1 = /* @__PURE__ */ y(r3, [["render", a3]]), u3 = ["disabled", "type", "d
           ])
         ])
       ], 2)) : q("", !0)
-    ], 10, v3));
+    ], 10, p3));
   }
 }), T1 = (n) => {
   if (!n) return !1;
@@ -2769,8 +2769,8 @@ const v1 = /* @__PURE__ */ y(r3, [["render", a3]]), u3 = ["disabled", "type", "d
   if (!(e.top < r && e.bottom > 0 && e.left < t && e.right > 0)) return !1;
   let c = n.parentElement;
   for (; c && c !== document.body; ) {
-    const d = c.getBoundingClientRect(), v = window.getComputedStyle(c);
-    if ((v.overflow === "hidden" || v.overflowY === "hidden" || v.overflowX === "hidden") && (e.top >= d.bottom || e.bottom <= d.top || e.left >= d.right || e.right <= d.left))
+    const d = c.getBoundingClientRect(), p = window.getComputedStyle(c);
+    if ((p.overflow === "hidden" || p.overflowY === "hidden" || p.overflowX === "hidden") && (e.top >= d.bottom || e.bottom <= d.top || e.left >= d.right || e.right <= d.left))
       return !1;
     c = c.parentElement;
   }
@@ -2817,9 +2817,9 @@ function C1(n, e, r = {}) {
     placement: i = "bottom-start",
     showTimeout: c = 250,
     hideTimeout: d = 150,
-    disabled: v = !1,
+    disabled: p = !1,
     hideOnClick: f = !0,
-    onVisibleChange: p,
+    onVisibleChange: v,
     onScroll: h
   } = r, m = H(!1), o = H(!0), b = H(!1), _ = H(null), F = H([]), B = H({
     top: "0px",
@@ -2828,7 +2828,7 @@ function C1(n, e, r = {}) {
   }), L = () => {
     if (!n.value) return;
     const de = T1(n.value);
-    o.value !== de && (o.value = de, !de && m.value ? (b.value = !0, m.value = !1, p == null || p(!1)) : de && b.value && !m.value && (b.value = !1, m.value = !0, A(), p == null || p(!0)));
+    o.value !== de && (o.value = de, !de && m.value ? (b.value = !0, m.value = !1, v == null || v(!1)) : de && b.value && !m.value && (b.value = !1, m.value = !0, A(), v == null || v(!0)));
   }, A = async () => {
     if (await Te(), !n.value || !e.value) return;
     const de = n.value.getBoundingClientRect(), I = e.value.getBoundingClientRect(), U = m3(de, I, i);
@@ -2847,21 +2847,21 @@ function C1(n, e, r = {}) {
       de.removeEventListener("scroll", J);
     }), window.removeEventListener("resize", J), F.value = [];
   }, V = () => {
-    v || m.value || !n.value || !T1(n.value) || (_.value = window.setTimeout(
+    p || m.value || !n.value || !T1(n.value) || (_.value = window.setTimeout(
       async () => {
-        m.value = !0, o.value = !0, b.value = !1, await A(), j(), p == null || p(!0);
+        m.value = !0, o.value = !0, b.value = !1, await A(), j(), v == null || v(!0);
       },
       t === "hover" ? c : 0
     ));
   }, Q = () => {
     m.value && (_.value = window.setTimeout(
       () => {
-        m.value = !1, b.value = !1, T(), p == null || p(!1);
+        m.value = !1, b.value = !1, T(), v == null || v(!1);
       },
       t === "hover" ? d : 0
     ));
   }, ne = () => {
-    v || (m.value ? Q() : V());
+    p || (m.value ? Q() : V());
   };
   return Je(() => {
     T();
@@ -2920,14 +2920,14 @@ function y3(n, e, r, t) {
   };
 }
 function $3(n, e, r) {
-  var v;
+  var p;
   if (!n || !e.length) return r;
   const t = n.offsetWidth, i = 100;
   let c = 0, d = 0;
   for (let f = 0; f < e.length && f < r; f++) {
-    const p = ((v = e[f]) == null ? void 0 : v.offsetWidth) || 0;
-    if (c + p + i <= t)
-      c += p, d++;
+    const v = ((p = e[f]) == null ? void 0 : p.offsetWidth) || 0;
+    if (c + v + i <= t)
+      c += v, d++;
     else
       break;
   }
@@ -3006,7 +3006,7 @@ const x3 = ["for"], L3 = {
   },
   emits: ["update:modelValue", "input", "change", "focus", "blur", "clear", "validation", "keydown", "keyup", "keypress", "click"],
   setup(n, { expose: e, emit: r }) {
-    const t = n, i = r, c = H(), d = H(), v = H(!1), f = H(!1), p = H(), h = H([]), m = H(!0), o = H(!1), b = {
+    const t = n, i = r, c = H(), d = H(), p = H(!1), f = H(!1), v = H(), h = H([]), m = H(!0), o = H(!1), b = {
       email: (g) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(g),
       url: (g) => {
         try {
@@ -3094,7 +3094,7 @@ const x3 = ["for"], L3 = {
       `vt-input--${ne.value}`,
       {
         "vt-input--disabled": t.disabled,
-        "vt-input--focused": v.value,
+        "vt-input--focused": p.value,
         "vt-input--textarea": F.value,
         "vt-input--has-prefix": A.value,
         "vt-input--has-suffix": T.value,
@@ -3103,8 +3103,8 @@ const x3 = ["for"], L3 = {
     ]), I = x(() => t.type === "password" ? f.value ? "text" : "password" : t.type === "textarea" ? "text" : t.type), U = x(() => t.errorMessage ? t.errorMessage : h.value.length > 0 ? h.value[0] : ""), he = x(() => t.autosize && typeof t.autosize == "object" && t.autosize.maxRows ? "none" : t.resize), Ce = (g) => {
       let N = g.target.value;
       if (t.type === "number" && N !== "") {
-        const $e = Number(N);
-        isNaN($e) || (N = $e);
+        const Me = Number(N);
+        isNaN(Me) || (N = Me);
       }
       i("update:modelValue", N), i("input", g), t.validateOnInput && _(N), F.value && t.autosize && !o.value && Te(() => te());
     }, D = (g) => {
@@ -3113,9 +3113,9 @@ const x3 = ["for"], L3 = {
         _(O.value);
       }
     }, R = (g) => {
-      v.value = !0, i("focus", g);
+      p.value = !0, i("focus", g);
     }, Y = (g) => {
-      if (v.value = !1, i("blur", g), t.validateOnBlur) {
+      if (p.value = !1, i("blur", g), t.validateOnBlur) {
         const O = g.target;
         _(O.value);
       }
@@ -3136,12 +3136,12 @@ const x3 = ["for"], L3 = {
         const Pe = parseInt(getComputedStyle(g).lineHeight), Be = t.autosize.minRows ? t.autosize.minRows * Pe : 0, je = t.autosize.maxRows ? t.autosize.maxRows * Pe : 1 / 0;
         N = Math.max(Be, Math.min(N, je));
       }
-      const $e = `${N}px`;
-      $e !== O && (p.value = $e, g.style.height = $e);
+      const Me = `${N}px`;
+      Me !== O && (v.value = Me, g.style.height = Me);
     }, ce = (g) => {
       if (!d.value || !(he.value !== "none")) return;
-      const $e = d.value.getBoundingClientRect();
-      if (g.clientX > $e.right - 20 && g.clientY > $e.bottom - 20) {
+      const Me = d.value.getBoundingClientRect();
+      if (g.clientX > Me.right - 20 && g.clientY > Me.bottom - 20) {
         o.value = !0;
         const Be = () => {
           o.value = !1, document.removeEventListener("mouseup", Be);
@@ -3174,12 +3174,12 @@ const x3 = ["for"], L3 = {
         isValid: m.value,
         errors: [...h.value]
       })
-    }), Me(
+    }), ye(
       () => t.modelValue,
       (g) => {
         F.value && t.autosize && !o.value && Te(te), t.validateOnInput && _(g || "");
       }
-    ), Me(
+    ), ye(
       () => [t.required, t.minlength, t.maxlength, t.min, t.max, t.pattern],
       () => {
         t.modelValue !== void 0 && t.modelValue !== "" && _(t.modelValue);
@@ -3224,7 +3224,7 @@ const x3 = ["for"], L3 = {
           id: g.id,
           tabindex: g.tabindex,
           autocomplete: g.autocomplete,
-          style: Ee({ resize: he.value, height: p.value }),
+          style: Ee({ resize: he.value, height: v.value }),
           class: "vt-input__field vt-input__textarea",
           onInput: Ce,
           onChange: D,
@@ -3298,8 +3298,8 @@ const x3 = ["for"], L3 = {
         U.value ? (l(), u("span", B3, Z(U.value), 1)) : g.helperText ? (l(), u("span", E3, Z(g.helperText), 1)) : q("", !0)
       ])) : q("", !0),
       h.value.length > 1 && g.showAllErrors ? (l(), u("div", A3, [
-        (l(!0), u(le, null, ve(h.value, (N, $e) => (l(), u("div", {
-          key: $e,
+        (l(!0), u(le, null, pe(h.value, (N, Me) => (l(), u("div", {
+          key: Me,
           class: "vt-input__error-item"
         }, [
           s("span", null, Z(N), 1)
@@ -3366,7 +3366,7 @@ const x3 = ["for"], L3 = {
   },
   emits: ["update:modelValue", "change", "clear", "focus", "blur", "visible-change", "validation", "scrolled", "remove-tag", "filter", "filter-clear"],
   setup(n, { expose: e, emit: r }) {
-    const t = n, i = r, c = H(), d = H(), v = H(), f = H(), p = H([]), h = H(), m = H(), o = {
+    const t = n, i = r, c = H(), d = H(), p = H(), f = H(), v = H([]), h = H(), m = H(), o = {
       isFocused: H(!1),
       validationErrors: H([]),
       isValid: H(!0),
@@ -3421,7 +3421,7 @@ const x3 = ["for"], L3 = {
       hide: R,
       toggle: Y,
       updatePosition: re
-    } = C1(d, v, {
+    } = C1(d, p, {
       trigger: "click",
       placement: "bottom-start",
       showTimeout: 250,
@@ -3452,9 +3452,9 @@ const x3 = ["for"], L3 = {
       if (te.value) return "";
       const a = ce.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) : "";
-    }), Ie = x(() => !t.clearable || t.disabled ? !1 : te.value ? ce.value.length > 0 : t.modelValue !== void 0 && t.modelValue !== null && t.modelValue !== "" && (!Array.isArray(t.modelValue) || t.modelValue.length > 0)), ye = x(() => t.status !== "default" ? t.status : o.isValid.value ? "default" : "error"), Qe = x(() => [
+    }), Ie = x(() => !t.clearable || t.disabled ? !1 : te.value ? ce.value.length > 0 : t.modelValue !== void 0 && t.modelValue !== null && t.modelValue !== "" && (!Array.isArray(t.modelValue) || t.modelValue.length > 0)), $e = x(() => t.status !== "default" ? t.status : o.isValid.value ? "default" : "error"), Qe = x(() => [
       "vt-select",
-      `vt-select--${ye.value}`,
+      `vt-select--${$e.value}`,
       {
         "vt-select--disabled": t.disabled,
         "vt-select--focused": o.isFocused.value,
@@ -3474,12 +3474,12 @@ const x3 = ["for"], L3 = {
       var X, W;
       if (!U.value) return;
       const C = a.target;
-      (X = c.value) != null && X.contains(C) || (W = v.value) != null && W.contains(C) || R();
+      (X = c.value) != null && X.contains(C) || (W = p.value) != null && W.contains(C) || R();
     }, N = (a) => {
       if (!a || a.disabled) return;
       const C = w3(a, t.modelValue, te.value, t.valueKey);
       i("update:modelValue", C), i("change", C), te.value || R(), t.validateOnInput && oe.validate();
-    }, $e = (a, C) => {
+    }, Me = (a, C) => {
       a.disabled || N(a);
     }, Pe = () => {
       const a = b3(te.value);
@@ -3494,9 +3494,9 @@ const x3 = ["for"], L3 = {
       o.isFocused.value = !0, i("focus");
     }, Ae = (a) => {
       var C;
-      a != null && a.relatedTarget && ((C = v.value) != null && C.contains(a.relatedTarget)) || (o.isFocused.value = !1, i("blur"), setTimeout(() => {
+      a != null && a.relatedTarget && ((C = p.value) != null && C.contains(a.relatedTarget)) || (o.isFocused.value = !1, i("blur"), setTimeout(() => {
         var X;
-        (X = v.value) != null && X.contains(document.activeElement) || R();
+        (X = p.value) != null && X.contains(document.activeElement) || R();
       }, 100));
     }, P = (a) => {
       const C = a.target.value;
@@ -3505,14 +3505,14 @@ const x3 = ["for"], L3 = {
       o.filterQuery.value = "", i("filter", ""), i("filter-clear");
     }, ie = (a) => {
       a.key === "Enter" || a.key === " " ? (a.preventDefault(), je()) : a.key === "Escape" && U.value && (a.preventDefault(), R());
-    }, pe = (a) => _3(a, t.modelValue, te.value, t.valueKey), se = () => {
+    }, ve = (a) => _3(a, t.modelValue, te.value, t.valueKey), se = () => {
       if (!t.collapsedTags || !f.value || ce.value.length === 0) {
         o.visibleCount.value = ce.value.length;
         return;
       }
       Te(() => {
         if (!f.value) return;
-        const a = $3(f.value, p.value, ce.value.length);
+        const a = $3(f.value, v.value, ce.value.length);
         o.visibleCount.value = a;
       });
     }, k = {
@@ -3520,7 +3520,7 @@ const x3 = ["for"], L3 = {
       multiple: te.value,
       valueKey: t.valueKey,
       handleOptionClick: N,
-      isOptionSelected: pe,
+      isOptionSelected: ve,
       registerOption: L,
       unregisterOption: A
     };
@@ -3579,30 +3579,30 @@ const x3 = ["for"], L3 = {
       },
       registerOption: L,
       unregisterOption: A
-    }), Me(
+    }), ye(
       () => t.modelValue,
       () => {
         t.validateOnInput && oe.validate();
       }
-    ), Me(
+    ), ye(
       ce,
       () => {
         se();
       },
       { deep: !0 }
-    ), Me(
+    ), ye(
       () => f.value,
       () => {
         f.value && se();
       }
-    ), Me(U, async (a) => {
+    ), ye(U, async (a) => {
       a && (await Te(), re());
-    }), Me(
+    }), ye(
       () => Q.value.length,
       async (a, C) => {
         U.value && a > C && (await Te(), I());
       }
-    ), Me(
+    ), ye(
       () => t.loading,
       (a, C) => {
         C && !a && U.value && I();
@@ -3645,10 +3645,10 @@ const x3 = ["for"], L3 = {
               ref: f,
               class: "vt-select__tags"
             }, [
-              (l(!0), u(le, null, ve(ze.value, (W, _e) => (l(), u("div", {
+              (l(!0), u(le, null, pe(ze.value, (W, _e) => (l(), u("div", {
                 key: `tag-${typeof W.value == "object" ? JSON.stringify(W.value) : W.value}-${_e}`,
                 ref_for: !0,
-                ref: (ue) => ue && (p.value[_e] = ue),
+                ref: (ue) => ue && (v.value[_e] = ue),
                 class: "vt-select__tag"
               }, [
                 s("span", Z3, Z(W.label), 1),
@@ -3672,7 +3672,7 @@ const x3 = ["for"], L3 = {
             ])) : (l(), u("span", N3, Z(a.placeholder), 1))
           ]),
           s("div", W3, [
-            a.loading ? (l(), we(v1, {
+            a.loading ? (l(), we(p1, {
               key: 0,
               class: "vt-select__loading"
             })) : Ie.value ? (l(), u("button", {
@@ -3693,7 +3693,7 @@ const x3 = ["for"], L3 = {
         ee(i1, { name: "fade" }, {
           default: Le(() => [
             o.validationErrors && o.validationErrors.value.length ? (l(), u("div", U3, [
-              (l(!0), u(le, null, ve(o.validationErrors.value, (W, _e) => (l(), u("div", {
+              (l(!0), u(le, null, pe(o.validationErrors.value, (W, _e) => (l(), u("div", {
                 key: `error-${_e}`,
                 class: "vt-select__error"
               }, Z(W), 1))), 128))
@@ -3712,7 +3712,7 @@ const x3 = ["for"], L3 = {
             default: Le(() => [
               s("div", {
                 ref_key: "dropdownRef",
-                ref: v,
+                ref: p,
                 "aria-multiselectable": a.multiple,
                 style: Ee(qe.value),
                 class: "vt-select-dropdown",
@@ -3744,14 +3744,14 @@ const x3 = ["for"], L3 = {
                   class: "vt-select-dropdown__options",
                   onScroll: de
                 }, [
-                  (l(!0), u(le, null, ve(Q.value, (W) => (l(), u("div", {
+                  (l(!0), u(le, null, pe(Q.value, (W) => (l(), u("div", {
                     key: `option-${typeof W.value == "object" ? JSON.stringify(W.value) : W.value}`,
                     "aria-disabled": W.disabled || !1,
-                    "aria-selected": pe(W.value),
+                    "aria-selected": ve(W.value),
                     class: G([
                       "vt-option",
                       {
-                        "vt-option--selected": pe(W.value),
+                        "vt-option--selected": ve(W.value),
                         "vt-option--disabled": W.disabled || !1
                       }
                     ]),
@@ -3762,18 +3762,18 @@ const x3 = ["for"], L3 = {
                   }, [
                     te.value ? (l(), we(e1, {
                       key: 0,
-                      checked: pe(W.value),
+                      checked: ve(W.value),
                       disabled: W.disabled || !1,
                       class: "vt-option__checkbox",
                       tabindex: "-1",
-                      onChange: (_e) => $e(W)
+                      onChange: (_e) => Me(W)
                     }, null, 8, ["checked", "disabled", "onChange"])) : q("", !0),
                     s("span", n2, [
                       J(W.value) ? (l(), we(f1(J(W.value)), { key: 0 })) : (l(), u("span", o2, Z(W.label || W.value), 1))
                     ])
                   ], 42, t2))), 128)),
                   a.loading ? (l(), u("div", s2, [
-                    ee(v1, { class: "vt-select-dropdown__loading-icon" }),
+                    ee(p1, { class: "vt-select-dropdown__loading-icon" }),
                     xe(" " + Z(t.loadingText), 1)
                   ])) : q("", !0)
                 ], 544))
@@ -3808,11 +3808,11 @@ const x3 = ["for"], L3 = {
       }
     }), U1(() => {
       i && i.unregisterOption(r.value);
-    }), (d, v) => (l(), u("div", l2, [
+    }), (d, p) => (l(), u("div", l2, [
       De(d.$slots, "default")
     ]));
   }
-}), r2 = { class: "vt-pagination" }, i2 = { class: "vt-pagination__info" }, a2 = { class: "vt-pagination__rows-per-page" }, u2 = { class: "vt-pagination__navigation" }, c2 = ["disabled"], d2 = ["onClick"], h2 = ["disabled"], p2 = /* @__PURE__ */ ke({
+}), r2 = { class: "vt-pagination" }, i2 = { class: "vt-pagination__info" }, a2 = { class: "vt-pagination__rows-per-page" }, u2 = { class: "vt-pagination__navigation" }, c2 = ["disabled"], d2 = ["onClick"], h2 = ["disabled"], v2 = /* @__PURE__ */ ke({
   __name: "VPagination",
   props: {
     totalItems: {},
@@ -3829,7 +3829,7 @@ const x3 = ["for"], L3 = {
     }), c = x({
       get: () => r.pageSize,
       set: (A) => t("update:pageSize", A)
-    }), d = x(() => Math.ceil(r.totalItems / c.value)), v = x(() => r.totalItems === 0 ? 0 : (i.value - 1) * c.value + 1), f = x(() => Math.min(i.value * c.value, r.totalItems)), p = x(() => i.value <= 1), h = x(() => i.value >= d.value), m = x(() => {
+    }), d = x(() => Math.ceil(r.totalItems / c.value)), p = x(() => r.totalItems === 0 ? 0 : (i.value - 1) * c.value + 1), f = x(() => Math.min(i.value * c.value, r.totalItems)), v = x(() => i.value <= 1), h = x(() => i.value >= d.value), m = x(() => {
       const A = [], J = d.value, j = i.value, T = r.maxVisiblePages;
       if (J <= T)
         for (let V = 1; V <= J; V++)
@@ -3851,7 +3851,7 @@ const x3 = ["for"], L3 = {
     }, b = (A) => {
       typeof A == "number" && A !== i.value && (i.value = A, o());
     }, _ = () => {
-      p.value || (i.value--, o());
+      v.value || (i.value--, o());
     }, F = () => {
       h.value || (i.value++, o());
     }, B = () => {
@@ -3859,7 +3859,7 @@ const x3 = ["for"], L3 = {
     }, L = () => {
       t("reloadData", i.value);
     };
-    return Me(
+    return ye(
       () => r.totalItems,
       () => {
         i.value > d.value && d.value > 0 && (i.value = d.value, o());
@@ -3879,7 +3879,7 @@ const x3 = ["for"], L3 = {
             onChange: B
           }, {
             default: Le(() => [
-              (l(!0), u(le, null, ve(A.pageSizeOptions, (j) => (l(), we(tt, {
+              (l(!0), u(le, null, pe(A.pageSizeOptions, (j) => (l(), we(tt, {
                 key: j,
                 label: j,
                 value: j
@@ -3893,17 +3893,17 @@ const x3 = ["for"], L3 = {
             _: 1
           }, 8, ["modelValue"])
         ]),
-        s("span", null, Z(v.value) + " - " + Z(f.value) + " з " + Z(A.totalItems), 1)
+        s("span", null, Z(p.value) + " - " + Z(f.value) + " з " + Z(A.totalItems), 1)
       ]),
       s("div", u2, [
         s("button", {
-          class: G({ "vt-pagination__nav-button": !0, "has-items": !p.value }),
-          disabled: p.value,
+          class: G({ "vt-pagination__nav-button": !0, "has-items": !v.value }),
+          disabled: v.value,
           onClick: _
         }, [
           ee(fe, { name: "arrowLeft" })
         ], 10, c2),
-        (l(!0), u(le, null, ve(m.value, (j) => (l(), u("button", {
+        (l(!0), u(le, null, pe(m.value, (j) => (l(), u("button", {
           key: j,
           class: G([{
             "vt-pagination__nav-button--active": j === i.value
@@ -3935,7 +3935,7 @@ const x3 = ["for"], L3 = {
       ])
     ]));
   }
-}), v2 = ["for"], f2 = ["id", "checked", "disabled", "name", "required", "value"], C2 = /* @__PURE__ */ ke({
+}), p2 = ["for"], f2 = ["id", "checked", "disabled", "name", "required", "value"], C2 = /* @__PURE__ */ ke({
   __name: "VRadiobox",
   props: {
     modelValue: { default: void 0 },
@@ -3951,12 +3951,12 @@ const x3 = ["for"], L3 = {
   },
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(n, { emit: e }) {
-    const r = n, t = e, i = () => `vt-radiobox-${Math.random().toString(36).substr(2, 9)}`, c = x(() => r.id || i()), d = x(() => r.modelValue !== void 0 ? r.modelValue === r.value : r.checked), v = (h) => {
+    const r = n, t = e, i = () => `vt-radiobox-${Math.random().toString(36).substr(2, 9)}`, c = x(() => r.id || i()), d = x(() => r.modelValue !== void 0 ? r.modelValue === r.value : r.checked), p = (h) => {
       if (r.disabled) return;
       h.target.checked && (t("update:modelValue", r.value), t("change", r.value, h));
     }, f = (h) => {
       t("focus", h);
-    }, p = (h) => {
+    }, v = (h) => {
       t("blur", h);
     };
     return (h, m) => (l(), u("label", {
@@ -3979,8 +3979,8 @@ const x3 = ["for"], L3 = {
         value: h.value,
         class: "vt-radiobox__input",
         type: "radio",
-        onBlur: p,
-        onChange: v,
+        onBlur: v,
+        onChange: p,
         onFocus: f
       }, null, 40, f2),
       s("div", {
@@ -4016,34 +4016,34 @@ const x3 = ["for"], L3 = {
           ])
         ])
       ], 2)) : q("", !0)
-    ], 10, v2));
+    ], 10, p2));
   }
 });
 function m2(n) {
   const e = x(() => {
-    const i = n.filter((v) => v.pinnedLeft), c = n.filter((v) => v.pinnedRight), d = n.filter((v) => !v.pinnedLeft && !v.pinnedRight);
+    const i = n.filter((p) => p.pinnedLeft), c = n.filter((p) => p.pinnedRight), d = n.filter((p) => !p.pinnedLeft && !p.pinnedRight);
     return [...i, ...d, ...c];
   }), r = () => {
-    const i = e.value.length, c = e.value.filter((h) => h.width || h.minWidth), d = c.reduce((h, m) => h + (m.width || m.minWidth || 0), 0), v = i - c.length;
-    if (v === 0) return 150;
-    const p = Math.max(800 - d, v * 80);
-    return Math.max(Math.floor(p / v), 120);
+    const i = e.value.length, c = e.value.filter((h) => h.width || h.minWidth), d = c.reduce((h, m) => h + (m.width || m.minWidth || 0), 0), p = i - c.length;
+    if (p === 0) return 150;
+    const v = Math.max(800 - d, p * 80);
+    return Math.max(Math.floor(v / p), 120);
   };
   return {
     sortedColumns: e,
     getDefaultColumnWidth: r,
     getStickyOffset: (i, c, d = !1) => {
-      const v = e.value;
+      const p = e.value;
       let f = 0;
       if (i === "left") {
         d && (f += 50);
-        for (let p = 0; p < c; p++) {
-          const h = v[p];
+        for (let v = 0; v < c; v++) {
+          const h = p[v];
           h.pinnedLeft && (f += h.width || h.minWidth || r());
         }
       } else
-        for (let p = v.length - 1; p > c; p--) {
-          const h = v[p];
+        for (let v = p.length - 1; v > c; v--) {
+          const h = p[v];
           h.pinnedRight && (f += h.width || h.minWidth || r());
         }
       return f;
@@ -4054,28 +4054,28 @@ function _2(n) {
   const e = () => {
     const c = {};
     return n.maxHeight && (c.maxHeight = `${n.maxHeight}px`), c;
-  }, r = (c, d, v, f) => {
-    const p = {};
+  }, r = (c, d, p, f) => {
+    const v = {};
     if (c.width)
-      p.width = `${c.width}px`, p.minWidth = `${c.width}px`, p.maxWidth = `${c.width}px`;
+      v.width = `${c.width}px`, v.minWidth = `${c.width}px`, v.maxWidth = `${c.width}px`;
     else if (c.minWidth)
-      p.minWidth = `${c.minWidth}px`, p.width = `${c.minWidth}px`, p.maxWidth = "none";
+      v.minWidth = `${c.minWidth}px`, v.width = `${c.minWidth}px`, v.maxWidth = "none";
     else {
       const h = f();
-      p.width = `${h}px`, p.minWidth = "80px", p.maxWidth = "none";
+      v.width = `${h}px`, v.minWidth = "80px", v.maxWidth = "none";
     }
-    return c.pinnedLeft ? (p.position = "sticky", p.left = `${v("left", d, n.selectable)}px`, p.zIndex = "10") : c.pinnedRight && (p.position = "sticky", p.right = `${v("right", d, !1)}px`, p.zIndex = "10"), p;
+    return c.pinnedLeft ? (v.position = "sticky", v.left = `${p("left", d, n.selectable)}px`, v.zIndex = "10") : c.pinnedRight && (v.position = "sticky", v.right = `${p("right", d, !1)}px`, v.zIndex = "10"), v;
   };
   return {
     getTableWrapperStyle: e,
     getColumnStyle: r,
-    getHeaderStyle: (c, d, v, f) => {
-      const p = r(c, d, v, f);
-      return n.maxHeight && (p.position = "sticky", p.top = "0", c.pinnedLeft || c.pinnedRight ? p.zIndex = "12" : p.zIndex = "11"), p;
+    getHeaderStyle: (c, d, p, f) => {
+      const v = r(c, d, p, f);
+      return n.maxHeight && (v.position = "sticky", v.top = "0", c.pinnedLeft || c.pinnedRight ? v.zIndex = "12" : v.zIndex = "11"), v;
     },
-    getFooterStyle: (c, d, v, f) => {
-      const p = r(c, d, v, f);
-      return n.maxHeight && (p.position = "sticky", p.bottom = "0", c.pinnedLeft || c.pinnedRight ? p.zIndex = "12" : p.zIndex = "11"), p;
+    getFooterStyle: (c, d, p, f) => {
+      const v = r(c, d, p, f);
+      return n.maxHeight && (v.position = "sticky", v.bottom = "0", c.pinnedLeft || c.pinnedRight ? v.zIndex = "12" : v.zIndex = "11"), v;
     }
   };
 }
@@ -4088,40 +4088,40 @@ function g2() {
   return {
     onMouseDown: (t, i, c, d) => {
       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 p = (v) => {
         const { resizingCol: h, startX: m, startWidth: o } = n.value;
         if (!h) return;
         document.querySelectorAll(`[data-resizer="${h.prop}"]`).forEach((L) => {
           L.classList.add("vt-table__resizer--active");
         });
-        const b = p.clientX - m, _ = h.minWidth || 50, F = h.maxWidth || 1e3, B = Math.max(Math.min(o + b, F), _);
+        const b = v.clientX - m, _ = h.minWidth || 50, F = h.maxWidth || 1e3, B = Math.max(Math.min(o + b, F), _);
         h.width = B;
       }, 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((h) => {
+        const { resizingCol: v } = n.value;
+        document.removeEventListener("mousemove", p), document.removeEventListener("mouseup", f), document.body.style.cursor = "", document.body.style.userSelect = "", document.body.classList.remove("vt-table-resizing"), v && (document.querySelectorAll(`[data-resizer="${v.prop}"]`).forEach((h) => {
           h.classList.remove("vt-table__resizer--active");
-        }), d && p.width && d(p.width)), n.value.resizingCol = null;
+        }), d && v.width && d(v.width)), n.value.resizingCol = null;
       };
-      document.addEventListener("mousemove", v), document.addEventListener("mouseup", f), document.body.style.cursor = e, document.body.style.userSelect = "none", document.body.classList.add("vt-table-resizing");
+      document.addEventListener("mousemove", p), document.addEventListener("mouseup", f), document.body.style.cursor = e, document.body.style.userSelect = "none", document.body.classList.add("vt-table-resizing");
     },
     resizeState: n
   };
 }
 function w2(n, e, r, t) {
   var de;
-  const i = n.selectionKey || "id", c = H([]), d = H(null), v = H(!1);
+  const i = n.selectionKey || "id", c = H([]), d = H(null), p = H(!1);
   (de = n.defaultSelection) != null && de.length && (c.value = [...n.defaultSelection]);
-  const f = (I) => I[i], p = (I) => v.value ? !0 : c.value.some((U) => f(U) === f(I)), h = x(() => e.value.filter((I) => p(I)).length), m = x(() => e.value.length > 0 && h.value === e.value.length), o = x(() => {
-    if (v.value) return !1;
+  const f = (I) => I[i], v = (I) => p.value ? !0 : c.value.some((U) => f(U) === f(I)), h = x(() => e.value.filter((I) => v(I)).length), m = x(() => e.value.length > 0 && h.value === e.value.length), o = x(() => {
+    if (p.value) return !1;
     const I = h.value;
     return I > 0 && I < e.value.length;
-  }), b = x(() => v.value ? !0 : m.value && !o.value), _ = x(() => n.isAllSelect && v.value), F = (I, U) => {
+  }), b = x(() => p.value ? !0 : m.value && !o.value), _ = x(() => n.isAllSelect && p.value), F = (I, U) => {
     const he = f(I), Ce = c.value.some((R) => f(R) === f(I)), D = U !== void 0 ? U : !Ce;
-    if (v.value && !D) {
-      v.value = !1, t != null && t.value && (c.value = t.value.filter((R) => f(R) !== he)), ne(I, !1);
+    if (p.value && !D) {
+      p.value = !1, t != null && t.value && (c.value = t.value.filter((R) => f(R) !== he)), ne(I, !1);
       return;
     }
-    v.value && D || (D && !Ce ? c.value.push(I) : !D && Ce && (c.value = c.value.filter((R) => f(R) !== he)), n.selectOnClickRow && U === void 0 && T(D ? I : null), ne(I, D));
+    p.value && D || (D && !Ce ? c.value.push(I) : !D && Ce && (c.value = c.value.filter((R) => f(R) !== he)), n.selectOnClickRow && U === void 0 && T(D ? I : null), ne(I, D));
   }, B = () => {
     switch (L()) {
       case "none":
@@ -4135,17 +4135,17 @@ function w2(n, e, r, t) {
         j();
         break;
     }
-  }, L = () => v.value ? "absoluteAll" : m.value ? "allVisible" : h.value > 0 ? "partial" : "none", A = () => {
+  }, L = () => p.value ? "absoluteAll" : m.value ? "allVisible" : h.value > 0 ? "partial" : "none", A = () => {
     const I = [], U = new Set(c.value.map((he) => f(he)));
     c.value.forEach((he) => {
       I.push(he);
     }), e.value.forEach((he) => {
       U.has(f(he)) || I.push(he);
-    }), c.value = I, v.value = !1, ne();
+    }), c.value = I, p.value = !1, ne();
   }, J = () => {
-    n.isAllSelect ? (v.value = !0, t != null && t.value ? c.value = [...t.value] : c.value = [...e.value], ne(void 0, void 0, !0)) : A();
+    n.isAllSelect ? (p.value = !0, t != null && t.value ? c.value = [...t.value] : c.value = [...e.value], ne(void 0, void 0, !0)) : A();
   }, j = () => {
-    c.value = [], v.value = !1, d.value = null, ne();
+    c.value = [], p.value = !1, d.value = null, ne();
   }, T = (I) => {
     const U = d.value;
     d.value = I, r("current-change", {
@@ -4153,17 +4153,17 @@ function w2(n, e, r, t) {
       oldCurrentRow: U
     });
   }, V = () => [...c.value], Q = (I) => {
-    c.value = [...I], v.value = !1, ne();
+    c.value = [...I], p.value = !1, ne();
   }, ne = (I, U, he = !1) => {
     const Ce = {
       selection: [...c.value],
       row: I,
       selected: U,
-      isAllSelected: he || v.value
+      isAllSelected: he || p.value
     };
     r("selection-change", Ce);
   };
-  return Me(
+  return ye(
     () => n.defaultSelection,
     (I) => {
       I != null && I.length && (c.value = [...I]);
@@ -4171,11 +4171,11 @@ function w2(n, e, r, t) {
   ), {
     selectedRows: c,
     currentRow: d,
-    isRowSelected: p,
+    isRowSelected: v,
     isAllSelected: b,
     isIndeterminate: o,
     isDoubleCheck: _,
-    isFullSelection: v,
+    isFullSelection: p,
     toggleRowSelection: F,
     toggleAllSelection: B,
     clearSelection: j,
@@ -4213,8 +4213,8 @@ const k2 = (n, e, r = "asc") => {
   if (!(t != null && t.sortable)) return [...n];
   const i = t.sortMethod || k2;
   return [...n].sort((c, d) => {
-    const v = c[t.prop], f = d[t.prop];
-    return i(v, f, e.direction);
+    const p = c[t.prop], f = d[t.prop];
+    return i(p, f, e.direction);
   });
 }, nt = Symbol("dropdown-context"), ot = /* @__PURE__ */ ke({
   __name: "VDropdown",
@@ -4231,9 +4231,9 @@ const k2 = (n, e, r = "asc") => {
   },
   emits: ["visible-change", "click", "command"],
   setup(n, { expose: e, emit: r }) {
-    const t = n, i = r, c = H(), d = H(), v = H(), f = H(!1), p = H(!1), h = H(null), { visible: m, parentVisible: o, dropdownPosition: b, show: _, hide: F, toggle: B } = C1(
+    const t = n, i = r, c = H(), d = H(), p = H(), f = H(!1), v = H(!1), h = H(null), { visible: m, parentVisible: o, dropdownPosition: b, show: _, hide: F, toggle: B } = C1(
       d,
-      v,
+      p,
       {
         trigger: t.trigger,
         placement: t.placement,
@@ -4247,7 +4247,7 @@ const k2 = (n, e, r = "asc") => {
       h.value && (clearTimeout(h.value), h.value = null);
     }, A = () => {
       L(), h.value = setTimeout(() => {
-        !f.value && !p.value && F();
+        !f.value && !v.value && F();
       }, t.hideTimeout);
     };
     u1(nt, {
@@ -4263,14 +4263,14 @@ const k2 = (n, e, r = "asc") => {
     }, V = () => {
       t.trigger === "hover" && (f.value = !1, A());
     }, Q = () => {
-      t.trigger === "hover" && (p.value = !0, L());
+      t.trigger === "hover" && (v.value = !0, L());
     }, ne = () => {
-      t.trigger === "hover" && (p.value = !1, A());
+      t.trigger === "hover" && (v.value = !1, A());
     }, de = (U) => {
       var Ce, D;
       if (!m.value) return;
       const he = U.target;
-      (Ce = c.value) != null && Ce.contains(he) || (D = v.value) != null && D.contains(he) || F();
+      (Ce = c.value) != null && Ce.contains(he) || (D = p.value) != null && D.contains(he) || F();
     }, I = x(() => ({
       ...b.value,
       position: "absolute",
@@ -4306,7 +4306,7 @@ const k2 = (n, e, r = "asc") => {
       }, [
         s("div", {
           ref_key: "menuRef",
-          ref: v,
+          ref: p,
           style: Ee(I.value),
           class: "vt-dropdown-menu",
           onMouseenter: Q,
@@ -4334,7 +4334,7 @@ const k2 = (n, e, r = "asc") => {
     const c = (d) => {
       r.disabled || (console.log("VDropdownItem click:", r.command), t("click", d), r.command !== void 0 && i && (console.log("Calling handleCommand with:", r.command), i.handleCommand(r.command)));
     };
-    return (d, v) => (l(), u("li", {
+    return (d, p) => (l(), u("li", {
       class: G(["vt-dropdown-item", {
         "is-disabled": d.disabled,
         "vt-dropdown-item--divided": d.divided
@@ -4389,13 +4389,13 @@ class $2 {
       }
     });
     this.inheritFromParentApp(d, this.parentApp), d.mount(t);
-    const v = {
+    const p = {
       id: r,
       app: d,
       container: t,
       isOpen: i
     };
-    return this.modalStack.push(v), r;
+    return this.modalStack.push(p), r;
   }
   close() {
     if (this.modalStack.length > 0) {
@@ -4468,7 +4468,7 @@ const Xe = new $2(), M2 = {
   },
   emits: ["update-columns"],
   setup(n, { emit: e }) {
-    const r = n, t = e, i = H([]), c = H(/* @__PURE__ */ new Set()), d = H(-1), v = H(-1), f = H("before"), p = x(() => {
+    const r = n, t = e, i = H([]), c = H(/* @__PURE__ */ new Set()), d = H(-1), p = H(-1), f = H("before"), v = x(() => {
       const D = {};
       return r.columnsSelector.forEach((R) => {
         if (R.name === "removed")
@@ -4506,13 +4506,13 @@ const Xe = new $2(), M2 = {
       D.preventDefault();
       const Y = D.currentTarget.getBoundingClientRect(), re = D.clientY, oe = Y.top + Y.height / 2;
       let te = R, ce = "before";
-      re < oe ? (te = R, ce = "before") : (te = R + 1, ce = "after"), d.value < te && te--, _(te) ? (v.value = R, f.value = ce, D.dataTransfer.dropEffect = "move") : (v.value = -1, D.dataTransfer.dropEffect = "none");
+      re < oe ? (te = R, ce = "before") : (te = R + 1, ce = "after"), d.value < te && te--, _(te) ? (p.value = R, f.value = ce, D.dataTransfer.dropEffect = "move") : (p.value = -1, D.dataTransfer.dropEffect = "none");
     }, L = () => {
       setTimeout(() => {
-        d.value === -1 && (v.value = -1);
+        d.value === -1 && (p.value = -1);
       }, 50);
     }, A = (D, R) => {
-      if (D.preventDefault(), d.value === -1 || v.value === -1) {
+      if (D.preventDefault(), d.value === -1 || p.value === -1) {
         j();
         return;
       }
@@ -4527,10 +4527,10 @@ const Xe = new $2(), M2 = {
     }, J = () => {
       j();
     }, j = () => {
-      d.value = -1, v.value = -1, f.value = "before", document.body.style.cursor = "";
+      d.value = -1, p.value = -1, f.value = "before", document.body.style.cursor = "";
     }, T = (D) => {
       const R = ["vt-columns-selector__panel-item"];
-      return d.value === D && R.push("vt-columns-selector__panel-item--dragging"), v.value === D && f.value === "before" && R.push("vt-columns-selector__panel-item--drop-before"), v.value === D && f.value === "after" && R.push("vt-columns-selector__panel-item--drop-after"), R;
+      return d.value === D && R.push("vt-columns-selector__panel-item--dragging"), p.value === D && f.value === "before" && R.push("vt-columns-selector__panel-item--drop-before"), p.value === D && f.value === "after" && R.push("vt-columns-selector__panel-item--drop-after"), R;
     }, V = () => {
       i.value = [...r.columns.map((D) => ({ ...D }))], r.columnsSelector.forEach((D) => {
         D.name !== "removed" && c.value.add(D.name);
@@ -4572,7 +4572,7 @@ const Xe = new $2(), M2 = {
     }), (D, R) => (l(), u("div", x2, [
       s("div", L2, [
         s("div", V2, [
-          (l(!0), u(le, null, ve(i.value, (Y, re) => (l(), u("div", {
+          (l(!0), u(le, null, pe(i.value, (Y, re) => (l(), u("div", {
             key: Y.prop,
             class: G(T(re)),
             draggable: o(Y),
@@ -4598,7 +4598,7 @@ const Xe = new $2(), M2 = {
           ], 42, S2))), 128))
         ]),
         s("div", H2, [
-          (l(!0), u(le, null, ve(h.value, (Y) => {
+          (l(!0), u(le, null, pe(h.value, (Y) => {
             var re, oe;
             return l(), u("div", {
               key: Y.name,
@@ -4610,8 +4610,8 @@ const Xe = new $2(), M2 = {
               }, [
                 ee(e1, {
                   label: Y.label,
-                  checked: ((re = p.value[Y.name]) == null ? void 0 : re.checked) || !1,
-                  indeterminate: ((oe = p.value[Y.name]) == null ? void 0 : oe.indeterminate) || !1,
+                  checked: ((re = v.value[Y.name]) == null ? void 0 : re.checked) || !1,
+                  indeterminate: ((oe = v.value[Y.name]) == null ? void 0 : oe.indeterminate) || !1,
                   onChange: (te) => ne(Y, te),
                   onClick: R[1] || (R[1] = Se(() => {
                   }, ["stop"]))
@@ -4623,7 +4623,7 @@ const Xe = new $2(), M2 = {
                 }, null, 8, ["name"])) : q("", !0)
               ], 8, T2),
               c.value.has(Y.name) ? (l(), u("div", I2, [
-                (l(!0), u(le, null, ve(Y.columns, (te) => (l(), u("div", {
+                (l(!0), u(le, null, pe(Y.columns, (te) => (l(), u("div", {
                   key: te.prop,
                   class: "vt-columns-selector__group-column"
                 }, [
@@ -4676,7 +4676,7 @@ const Xe = new $2(), M2 = {
           console.log("Executing pin command"), d();
           break;
         case "columns":
-          console.log("Executing columns command"), p();
+          console.log("Executing columns command"), v();
           break;
         default:
           console.warn("Unknown command:", h);
@@ -4684,7 +4684,7 @@ const Xe = new $2(), M2 = {
     }, d = () => {
       const h = i();
       console.log("handlePin called, isPinned:", h), h ? t("pin", r.column, "none") : t("pin", r.column, "left");
-    }, v = (h) => ({
+    }, p = (h) => ({
       name: "removed",
       label: "Видалені колонки",
       order: 999,
@@ -4707,8 +4707,8 @@ const Xe = new $2(), M2 = {
         }
       });
       const _ = [...r.columnsSelector || []];
-      return b.length > 0 && _.push(v(b)), _;
-    }, p = () => {
+      return b.length > 0 && _.push(p(b)), _;
+    }, v = () => {
       console.log("handleToggleVisibility called");
       const h = f(r.allColumns);
       Xe.open({
@@ -4795,16 +4795,16 @@ const Xe = new $2(), M2 = {
   }),
   emits: /* @__PURE__ */ H1(["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: r }) {
-    const t = n, i = r, c = at(n, "columns"), d = H({}), v = H(), f = L1([]), p = H(t.defaultSort || null), h = x(() => y2(t.data || [], p.value, f)), m = x(() => c.value !== void 0), o = x(() => t.data && t.data.length > 0), b = H(!1), _ = H(0);
+    const t = n, i = r, c = at(n, "columns"), d = H({}), p = H(), f = L1([]), v = H(t.defaultSort || null), h = x(() => y2(t.data || [], v.value, f)), m = x(() => c.value !== void 0), o = x(() => t.data && t.data.length > 0), b = H(!1), _ = H(0);
     let F;
     const B = (P, K) => t.rowKey && P[t.rowKey] != null ? String(P[t.rowKey]) : String(K);
-    Me(
+    ye(
       () => c.value,
       (P) => {
         P && m.value && (f.length = 0, f.push(...P));
       },
       { deep: !0 }
-    ), Me(
+    ), ye(
       () => t.columns,
       (P) => {
         P && !m.value && (f.length = 0, f.push(...P));
@@ -4833,10 +4833,10 @@ const Xe = new $2(), M2 = {
         zIndex: 12
       } : P;
     }, D = () => {
-      if (!v.value || b.value) return;
-      const P = v.value, K = P.scrollTop, ie = P.scrollHeight, pe = P.clientHeight, se = 30;
+      if (!p.value || b.value) return;
+      const P = p.value, K = P.scrollTop, ie = P.scrollHeight, ve = P.clientHeight, se = 30;
       F && clearTimeout(F), F = setTimeout(() => {
-        const $ = K - _.value > 1, a = ie - K - pe <= se, C = ie - K - pe <= 5;
+        const $ = K - _.value > 1, a = ie - K - ve <= se, C = ie - K - ve <= 5;
         _.value = K, $ && (a || C) && (b.value = !0, i("infinity-scroll"), setTimeout(() => {
           b.value = !1;
         }, 1e3));
@@ -4845,16 +4845,16 @@ const Xe = new $2(), M2 = {
       b.value = !1;
     };
     Oe(() => {
-      v.value && v.value.addEventListener("scroll", D);
+      p.value && p.value.addEventListener("scroll", D);
     }), Je(() => {
-      F && clearTimeout(F), v.value && v.value.removeEventListener("scroll", D);
+      F && clearTimeout(F), p.value && p.value.removeEventListener("scroll", D);
     });
     const Y = (P, K) => {
       b2(P, K, (ie) => {
-        var pe, se;
-        ((pe = p.value) == null ? void 0 : pe.prop) === P.prop && p.value.direction === K ? p.value = null : p.value = ie, i("sort-change", {
+        var ve, se;
+        ((ve = v.value) == null ? void 0 : ve.prop) === P.prop && v.value.direction === K ? v.value = null : v.value = ie, i("sort-change", {
           column: P,
-          direction: ((se = p.value) == null ? void 0 : se.direction) || null,
+          direction: ((se = v.value) == null ? void 0 : se.direction) || null,
           prop: P.prop,
           sortedData: h.value
         });
@@ -4868,13 +4868,13 @@ const Xe = new $2(), M2 = {
     }, oe = (P) => {
       f.splice(0, f.length, ...P), m.value && (c.value = [...P]), i("columns-change", [...P]);
     }, te = (P, K) => {
-      const ie = f.findIndex((pe) => pe.prop === P);
+      const ie = f.findIndex((ve) => ve.prop === P);
       if (ie !== -1) {
         if (Object.assign(f[ie], K), m.value && c.value) {
-          const pe = c.value.findIndex((se) => se.prop === P);
-          if (pe !== -1) {
+          const ve = c.value.findIndex((se) => se.prop === P);
+          if (ve !== -1) {
             const se = [...c.value];
-            se[pe] = { ...se[pe], ...K }, c.value = se;
+            se[ve] = { ...se[ve], ...K }, c.value = se;
           }
         }
         i("columns-change", [...f]);
@@ -4887,12 +4887,12 @@ const Xe = new $2(), M2 = {
       K.stopPropagation(), I && I.toggleAllSelection();
     }, Ie = (P, K) => {
       P && (d.value[K] = P);
-    }, ye = (P, K) => {
+    }, $e = (P, K) => {
       const ie = K.width || A();
-      ne(P, K, A, (pe) => {
-        te(K.prop, { width: pe }), i("column-resize", {
-          column: { ...K, width: pe },
-          width: pe,
+      ne(P, K, A, (ve) => {
+        te(K.prop, { width: ve }), i("column-resize", {
+          column: { ...K, width: ve },
+          width: ve,
           oldWidth: ie
         });
       });
@@ -4906,20 +4906,20 @@ const Xe = new $2(), M2 = {
       if (typeof t.summaryMethod == "function") {
         const K = t.summaryMethod({ columns: P, data: h.value });
         return P.reduce(
-          (ie, pe, se) => (ie[pe.prop] = K[se], ie),
+          (ie, ve, se) => (ie[ve.prop] = K[se], ie),
           {}
         );
       }
       return P.reduce(
         (K, ie) => {
-          const pe = h.value.map((se) => se[ie.prop]);
-          return K[ie.prop] = pe.every((se) => typeof se == "number") ? pe.reduce((se, k) => se + k, 0) : "", K;
+          const ve = h.value.map((se) => se[ie.prop]);
+          return K[ie.prop] = ve.every((se) => typeof se == "number") ? ve.reduce((se, k) => se + k, 0) : "", K;
         },
         {}
       );
     }), O = x(() => t.showSummary && o.value), N = (P, K) => {
       I && I.toggleRowSelection(P, K);
-    }, $e = () => {
+    }, Me = () => {
       I && I.toggleAllSelection();
     }, Pe = () => {
       I && I.selectAbsolutelyAll();
@@ -4932,26 +4932,26 @@ const Xe = new $2(), M2 = {
       try {
         const ie = t.rowHighlight(P, K);
         if (!ie) return [];
-        const pe = [];
-        return (ie.type !== "custom" || !ie.className) && pe.push(`vt-table__row--highlight-${ie.type}`), ie.className && pe.push(ie.className), pe;
+        const ve = [];
+        return (ie.type !== "custom" || !ie.className) && ve.push(`vt-table__row--highlight-${ie.type}`), ie.className && ve.push(ie.className), ve;
       } catch (ie) {
         return console.warn("Помилка у функції підсвічування рядків:", ie), [];
       }
     };
     return e({
       toggleRowSelection: N,
-      toggleAllSelection: $e,
+      toggleAllSelection: Me,
       selectAbsolutelyAll: Pe,
       clearSelection: Be,
       getSelectionRows: je,
       setSelectionRows: Re,
       resetInfinityScroll: R
     }), (P, K) => {
-      var pe, se, k, $;
+      var ve, se, k, $;
       const ie = x1("tooltip");
       return l(), u("div", {
         ref_key: "tableWrapperRef",
-        ref: v,
+        ref: p,
         style: Ee(z(j)()),
         class: "vt-table-wrapper",
         onScroll: D
@@ -4970,14 +4970,14 @@ const Xe = new $2(), M2 = {
               }, [
                 s("div", F2, [
                   ee(e1, {
-                    checked: (pe = z(I)) == null ? void 0 : pe.isAllSelected.value,
+                    checked: (ve = z(I)) == null ? void 0 : ve.isAllSelected.value,
                     indeterminate: (se = z(I)) == null ? void 0 : se.isIndeterminate.value,
                     "is-double": t.isAllSelect && (($ = (k = z(I)) == null ? void 0 : k.isDoubleCheck) == null ? void 0 : $.value),
                     onChange: He
                   }, null, 8, ["checked", "indeterminate", "is-double"])
                 ])
               ], 6)) : q("", !0),
-              (l(!0), u(le, null, ve(z(L), (a, C) => (l(), u("th", {
+              (l(!0), u(le, null, pe(z(L), (a, C) => (l(), u("th", {
                 key: a.prop,
                 ref_for: !0,
                 ref: (X) => Ie(X, a.prop),
@@ -5000,12 +5000,12 @@ const Xe = new $2(), M2 = {
                   ]),
                   a.sortable ? (l(), u("div", Y2, [
                     ee(fe, {
-                      class: G(z(A1)(a, p.value).asc),
+                      class: G(z(A1)(a, v.value).asc),
                       name: "arrowTop",
                       onClick: Se((X) => Y(a, "asc"), ["stop"])
                     }, null, 8, ["class", "onClick"]),
                     ee(fe, {
-                      class: G(z(A1)(a, p.value).desc),
+                      class: G(z(A1)(a, v.value).desc),
                       name: "arrowDown",
                       onClick: Se((X) => Y(a, "desc"), ["stop"])
                     }, null, 8, ["class", "onClick"])
@@ -5022,13 +5022,13 @@ const Xe = new $2(), M2 = {
                 s("div", {
                   "data-resizer": a.prop,
                   class: "vt-table__resizer",
-                  onMousedown: (X) => ye(X, a)
+                  onMousedown: (X) => $e(X, a)
                 }, null, 40, N2)
               ], 6))), 128))
             ])
           ])),
           s("tbody", null, [
-            o.value ? (l(!0), u(le, { key: 1 }, ve(h.value, (a, C) => {
+            o.value ? (l(!0), u(le, { key: 1 }, pe(h.value, (a, C) => {
               var X, W, _e;
               return l(), u("tr", {
                 key: B(a, C),
@@ -5057,7 +5057,7 @@ const Xe = new $2(), M2 = {
                     }, null, 8, ["checked", "onChange"])
                   ])
                 ], 4)) : q("", !0),
-                (l(!0), u(le, null, ve(z(L), (ue, be) => (l(), u("td", {
+                (l(!0), u(le, null, pe(z(L), (ue, be) => (l(), u("td", {
                   key: `${B(a, C)}-${ue.prop}`,
                   ref_for: !0,
                   ref: (Ve) => Ie(Ve, ue.prop),
@@ -5084,7 +5084,7 @@ const Xe = new $2(), M2 = {
                   s("div", {
                     "data-resizer": ue.prop,
                     class: "vt-table__resizer",
-                    onMousedown: (Ve) => ye(Ve, ue)
+                    onMousedown: (Ve) => $e(Ve, ue)
                   }, null, 40, J2)
                 ], 6))), 128))
               ], 10, K2);
@@ -5114,7 +5114,7 @@ const Xe = new $2(), M2 = {
               }, K[1] || (K[1] = [
                 s("div", { class: "vt-table__cell-content vt-table__cell-content--summary" }, null, -1)
               ]), 4)) : q("", !0),
-              (l(!0), u(le, null, ve(z(L), (a, C) => (l(), u("td", {
+              (l(!0), u(le, null, pe(z(L), (a, C) => (l(), u("td", {
                 key: a.prop,
                 class: G([
                   "vt-table__td",
@@ -5174,10 +5174,10 @@ const Xe = new $2(), M2 = {
     return Oe(() => {
       Te(() => {
         if (!t) return;
-        const d = i(), v = t.findIndex((f) => f.prop === e.prop && f.label === e.label);
-        v !== -1 ? t[v] = { ...t[v], ...d } : (t.push(d), c = t.length - 1);
+        const d = i(), p = t.findIndex((f) => f.prop === e.prop && f.label === e.label);
+        p !== -1 ? t[p] = { ...t[p], ...d } : (t.push(d), c = t.length - 1);
       });
-    }), Me(
+    }), ye(
       () => [
         e.width,
         e.minWidth,
@@ -5192,11 +5192,11 @@ const Xe = new $2(), M2 = {
       ],
       () => {
         if (t && c !== -1) {
-          const d = t.findIndex((v) => v.prop === e.prop);
+          const d = t.findIndex((p) => p.prop === e.prop);
           if (d !== -1) {
-            const v = t[d], f = {
+            const p = t[d], f = {
               ...i(),
-              renderSlot: v.renderSlot
+              renderSlot: p.renderSlot
               // Зберігаємо існуючий renderSlot
             };
             t[d] = f;
@@ -5206,10 +5206,10 @@ const Xe = new $2(), M2 = {
       { deep: !0 }
     ), Je(() => {
       if (t) {
-        const d = t.findIndex((v) => v.prop === e.prop);
+        const d = t.findIndex((p) => p.prop === e.prop);
         d > -1 && t.splice(d, 1);
       }
-    }), (d, v) => null;
+    }), (d, p) => null;
   }
 }), P0 = {
   yyyy: {
@@ -5306,11 +5306,11 @@ const Xe = new $2(), M2 = {
 }, a5 = () => {
   const n = (i, c) => {
     if (!i || !(i instanceof Date) || isNaN(i.getTime())) return "";
-    const d = i.getFullYear(), v = i.getMonth(), f = i.getDate(), p = i.getHours(), h = p > 12 ? p - 12 : p === 0 ? 12 : p, m = i.getMinutes(), o = i.getSeconds(), b = i.getTime();
+    const d = i.getFullYear(), p = i.getMonth(), f = i.getDate(), v = i.getHours(), h = v > 12 ? v - 12 : v === 0 ? 12 : v, m = i.getMinutes(), o = i.getSeconds(), b = i.getTime();
     let _ = c;
-    _ = _.replace(/yyyy/g, String(d)), _ = _.replace(/yy/g, String(d).slice(-2)), _ = _.replace(/MMMM/g, s5[v]), _ = _.replace(/MMM/g, st[v]), _ = _.replace(/MM/g, String(v + 1).padStart(2, "0")), _ = _.replace(/M/g, String(v + 1));
+    _ = _.replace(/yyyy/g, String(d)), _ = _.replace(/yy/g, String(d).slice(-2)), _ = _.replace(/MMMM/g, s5[p]), _ = _.replace(/MMM/g, st[p]), _ = _.replace(/MM/g, String(p + 1).padStart(2, "0")), _ = _.replace(/M/g, String(p + 1));
     const F = r(i);
-    return _ = _.replace(/WW/g, String(F).padStart(2, "0")), _ = _.replace(/W/g, String(F)), _ = _.replace(/dd/g, String(f).padStart(2, "0")), _ = _.replace(/d/g, String(f)), _ = _.replace(/HH/g, String(p).padStart(2, "0")), _ = _.replace(/H/g, String(p)), _ = _.replace(/hh/g, String(h).padStart(2, "0")), _ = _.replace(/h/g, String(h)), _ = _.replace(/mm/g, String(m).padStart(2, "0")), _ = _.replace(/m/g, String(m)), _ = _.replace(/ss/g, String(o).padStart(2, "0")), _ = _.replace(/s/g, String(o)), _ = _.replace(/A/g, p >= 12 ? "PM" : "AM"), _ = _.replace(/a/g, p >= 12 ? "pm" : "am"), _ = _.replace(/timestamp/g, String(b)), _ = _.replace(/\[([^\]]+)\]/g, "$1"), _;
+    return _ = _.replace(/WW/g, String(F).padStart(2, "0")), _ = _.replace(/W/g, String(F)), _ = _.replace(/dd/g, String(f).padStart(2, "0")), _ = _.replace(/d/g, String(f)), _ = _.replace(/HH/g, String(v).padStart(2, "0")), _ = _.replace(/H/g, String(v)), _ = _.replace(/hh/g, String(h).padStart(2, "0")), _ = _.replace(/h/g, String(h)), _ = _.replace(/mm/g, String(m).padStart(2, "0")), _ = _.replace(/m/g, String(m)), _ = _.replace(/ss/g, String(o).padStart(2, "0")), _ = _.replace(/s/g, String(o)), _ = _.replace(/A/g, v >= 12 ? "PM" : "AM"), _ = _.replace(/a/g, v >= 12 ? "pm" : "am"), _ = _.replace(/timestamp/g, String(b)), _ = _.replace(/\[([^\]]+)\]/g, "$1"), _;
   }, e = (i) => {
     if (!i) return null;
     if (i instanceof Date)
@@ -5328,18 +5328,18 @@ const Xe = new $2(), M2 = {
     getDefaultFormat: (i) => l5[i] || "yyyy-MM-dd"
   };
 }, u5 = (n, e, r, t, i) => {
-  const { formatDate: c, parseDate: d, getDefaultFormat: v } = a5(), f = x(() => ["datetimerange", "daterange", "monthrange", "yearrange"].includes(e.value)), p = x(() => r.value || v(e.value)), h = x(() => t.value || v(e.value)), m = x(() => n.value ? f.value ? Array.isArray(n.value) && n.value.length === 2 ? [d(n.value[0]), d(n.value[1])] : [null, null] : d(n.value) : f.value ? [null, null] : null), o = x(() => {
+  const { formatDate: c, parseDate: d, getDefaultFormat: p } = a5(), f = x(() => ["datetimerange", "daterange", "monthrange", "yearrange"].includes(e.value)), v = x(() => r.value || p(e.value)), h = x(() => t.value || p(e.value)), m = x(() => n.value ? f.value ? Array.isArray(n.value) && n.value.length === 2 ? [d(n.value[0]), d(n.value[1])] : [null, null] : d(n.value) : f.value ? [null, null] : null), o = x(() => {
     if (f.value) {
       const [B, L] = m.value;
       if (B && L) {
-        const A = c(B, p.value), J = c(L, p.value);
+        const A = c(B, v.value), J = c(L, v.value);
         return [A, J];
       } else if (B)
-        return [c(B, p.value), ""];
+        return [c(B, v.value), ""];
       return ["", ""];
     } else {
       const B = m.value;
-      return B ? c(B, p.value) : "";
+      return B ? c(B, v.value) : "";
     }
   }), b = x(() => {
     if (f.value) {
@@ -5350,7 +5350,7 @@ const Xe = new $2(), M2 = {
   });
   return {
     isRange: f,
-    displayFormat: p,
+    displayFormat: v,
     outputFormat: h,
     parsedValue: m,
     displayText: o,
@@ -5465,8 +5465,8 @@ const Xe = new $2(), M2 = {
       const i = n.match(t);
       if (i) {
         let c = parseInt(i[1]);
-        const d = parseInt(i[2]), v = (e = i[4]) == null ? void 0 : e.toUpperCase();
-        return v && (v === "PM" && c !== 12 && (c += 12), v === "AM" && c === 12 && (c = 0)), c * 60 + d;
+        const d = parseInt(i[2]), p = (e = i[4]) == null ? void 0 : e.toUpperCase();
+        return p && (p === "PM" && c !== 12 && (c += 12), p === "AM" && c === 12 && (c = 0)), c * 60 + d;
       }
     }
   }
@@ -5474,9 +5474,9 @@ const Xe = new $2(), M2 = {
 }, d5 = (n, e, r = 0, t = "HH:mm:ss", i = !1) => {
   let c = n;
   i && (c = n === 0 ? 12 : n > 12 ? n - 12 : n);
-  const d = c.toString().padStart(2, "0"), v = e.toString().padStart(2, "0"), f = r.toString().padStart(2, "0");
-  let p = t;
-  return p = p.replace(/HH/g, n.toString().padStart(2, "0")), p = p.replace(/H/g, n.toString()), p = p.replace(/hh/g, d), p = p.replace(/h/g, c.toString()), p = p.replace(/mm/g, v), p = p.replace(/m/g, e.toString()), p = p.replace(/ss/g, f), p = p.replace(/s/g, r.toString()), p = p.replace(/A/g, n >= 12 ? "PM" : "AM"), p = p.replace(/a/g, n >= 12 ? "pm" : "am"), p;
+  const d = c.toString().padStart(2, "0"), p = e.toString().padStart(2, "0"), f = r.toString().padStart(2, "0");
+  let v = t;
+  return v = v.replace(/HH/g, n.toString().padStart(2, "0")), v = v.replace(/H/g, n.toString()), v = v.replace(/hh/g, d), v = v.replace(/h/g, c.toString()), v = v.replace(/mm/g, p), v = v.replace(/m/g, e.toString()), v = v.replace(/ss/g, f), v = v.replace(/s/g, r.toString()), v = v.replace(/A/g, n >= 12 ? "PM" : "AM"), v = v.replace(/a/g, n >= 12 ? "pm" : "am"), v;
 }, h5 = (n) => {
   if (!n) return null;
   const e = [
@@ -5493,8 +5493,8 @@ const Xe = new $2(), M2 = {
     const t = n.match(r);
     if (t) {
       let i = parseInt(t[1]);
-      const c = parseInt(t[2]), d = t[3] ? parseInt(t[3]) : 0, v = t[4] ? t[4].toUpperCase() : void 0;
-      return v && (v === "PM" && i !== 12 && (i += 12), v === "AM" && i === 12 && (i = 0)), { hour: i, minute: c, second: d, period: v };
+      const c = parseInt(t[2]), d = t[3] ? parseInt(t[3]) : 0, p = t[4] ? t[4].toUpperCase() : void 0;
+      return p && (p === "PM" && i !== 12 && (i += 12), p === "AM" && i === 12 && (i = 0)), { hour: i, minute: c, second: d, period: p };
     }
   }
   return null;
@@ -5507,7 +5507,7 @@ const Xe = new $2(), M2 = {
       disabled: t.includes(c)
     });
   return i;
-}, p5 = { class: "vt-timepicker__input" }, v5 = { class: "vt-timepicker__icon" }, f5 = {
+}, v5 = { class: "vt-timepicker__input" }, p5 = { class: "vt-timepicker__icon" }, f5 = {
   key: 0,
   class: "vt-timepicker__text"
 }, C5 = {
@@ -5537,7 +5537,7 @@ const Xe = new $2(), M2 = {
 }, o6 = { class: "vt-timepicker__options" }, s6 = ["disabled", "onClick"], l6 = {
   key: 1,
   class: "vt-timepicker__column"
-}, r6 = { class: "vt-timepicker__options" }, i6 = ["onClick"], a6 = { class: "vt-timepicker__actions" }, p1 = /* @__PURE__ */ ke({
+}, r6 = { class: "vt-timepicker__options" }, i6 = ["onClick"], a6 = { class: "vt-timepicker__actions" }, v1 = /* @__PURE__ */ ke({
   __name: "VTimePicker",
   props: {
     modelValue: {},
@@ -5562,12 +5562,12 @@ const Xe = new $2(), M2 = {
   },
   emits: ["update:modelValue", "change", "blur", "focus", "open-change"],
   setup(n, { expose: e, emit: r }) {
-    const t = n, i = r, c = H(), d = H(), v = H(), f = {
+    const t = n, i = r, c = H(), d = H(), p = H(), f = {
       isFocused: H(!1),
       startTime: H(null),
       endTime: H(null),
       isSelectingEnd: H(!1)
-    }, p = H(/* @__PURE__ */ new Map()), h = x(() => t.type === "timerange"), m = (k) => {
+    }, v = H(/* @__PURE__ */ new Map()), h = x(() => t.type === "timerange"), m = (k) => {
       if (!k) return "";
       const { hour: $, minute: a, second: C } = k, X = t.format || (t.showSeconds ? t.use12Hours ? h1["12h"] : h1["24h"] : t.use12Hours ? h1["12h_no_seconds"] : h1["24h_no_seconds"]);
       return d5($, a, C, X, t.use12Hours);
@@ -5616,7 +5616,7 @@ const Xe = new $2(), M2 = {
       hide: ce,
       toggle: ze,
       updatePosition: He
-    } = C1(d, v, {
+    } = C1(d, p, {
       trigger: "click",
       placement: "bottom-start",
       showTimeout: 0,
@@ -5636,9 +5636,9 @@ const Xe = new $2(), M2 = {
       ...oe.value,
       position: "absolute",
       zIndex: 2e3
-    })), ye = (k, $, a = !1) => {
-      const C = p.value.get(k);
-      C && (C.disconnect(), p.value.delete(k));
+    })), $e = (k, $, a = !1) => {
+      const C = v.value.get(k);
+      C && (C.disconnect(), v.value.delete(k));
       const X = `${-k.clientHeight / 2 + 16}px 0px ${-k.clientHeight / 2 + 16}px 0px`, W = new IntersectionObserver(
         (ue) => {
           var Ze;
@@ -5671,26 +5671,26 @@ const Xe = new $2(), M2 = {
           threshold: [0, 0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1]
         }
       );
-      k.querySelectorAll(".vt-timepicker__option").forEach((ue) => W.observe(ue)), p.value.set(k, W);
+      k.querySelectorAll(".vt-timepicker__option").forEach((ue) => W.observe(ue)), v.value.set(k, W);
     }, Qe = () => {
-      !Y.value || !v.value || Te(() => {
+      !Y.value || !p.value || Te(() => {
         var a;
-        const k = (a = v.value) == null ? void 0 : a.querySelectorAll(".vt-timepicker__options");
+        const k = (a = p.value) == null ? void 0 : a.querySelectorAll(".vt-timepicker__options");
         if (!k) return;
         const $ = Array.from(k);
         if (h.value) {
-          $[0] && ye($[0], "hour", !1), $[1] && ye($[1], "minute", !1), t.showSeconds && $[2] && ye($[2], "second", !1);
+          $[0] && $e($[0], "hour", !1), $[1] && $e($[1], "minute", !1), t.showSeconds && $[2] && $e($[2], "second", !1);
           const C = t.showSeconds ? t.use12Hours ? 4 : 3 : t.use12Hours ? 3 : 2;
-          $[C] && ye($[C], "hour", !0), $[C + 1] && ye($[C + 1], "minute", !0), t.showSeconds && $[C + 2] && ye($[C + 2], "second", !0);
+          $[C] && $e($[C], "hour", !0), $[C + 1] && $e($[C + 1], "minute", !0), t.showSeconds && $[C + 2] && $e($[C + 2], "second", !0);
         } else
-          $[0] && ye($[0], "hour", !1), $[1] && ye($[1], "minute", !1), t.showSeconds && $[2] && ye($[2], "second", !1);
+          $[0] && $e($[0], "hour", !1), $[1] && $e($[1], "minute", !1), t.showSeconds && $[2] && $e($[2], "second", !1);
       });
     }, qe = () => {
-      p.value.forEach((k) => k.disconnect()), p.value.clear();
+      v.value.forEach((k) => k.disconnect()), v.value.clear();
     }, Ue = () => {
       Y.value && Te(() => {
         var a;
-        const k = (a = v.value) == null ? void 0 : a.querySelectorAll(".vt-timepicker__options");
+        const k = (a = p.value) == null ? void 0 : a.querySelectorAll(".vt-timepicker__options");
         if (!k) return;
         const $ = (C, X, W) => {
           const _e = W.findIndex((ue) => ue.value === X);
@@ -5736,12 +5736,12 @@ const Xe = new $2(), M2 = {
       var a, C;
       if (!Y.value) return;
       const $ = k.target;
-      (a = c.value) != null && a.contains($) || (C = v.value) != null && C.contains($) || ce();
+      (a = c.value) != null && a.contains($) || (C = p.value) != null && C.contains($) || ce();
     }, O = () => {
       t.disabled || ze();
     }, N = () => {
       f.isFocused.value = !0, i("focus", c.value);
-    }, $e = () => {
+    }, Me = () => {
       f.isFocused.value = !1, i("blur", c.value);
     }, Pe = () => {
       const k = (h.value, null);
@@ -5798,7 +5798,7 @@ const Xe = new $2(), M2 = {
         ce();
       },
       validate: b
-    }), Me(
+    }), ye(
       () => t.modelValue,
       (k) => {
         if (k) {
@@ -5856,12 +5856,12 @@ const Xe = new $2(), M2 = {
         ref: d,
         class: "vt-timepicker__trigger",
         tabindex: "0",
-        onBlur: $e,
+        onBlur: Me,
         onClick: O,
         onFocus: N
       }, [
-        s("div", p5, [
-          s("div", v5, [
+        s("div", v5, [
+          s("div", p5, [
             ee(fe, { name: "clock" })
           ]),
           B.value ? (l(), u("div", f5, [
@@ -5902,7 +5902,7 @@ const Xe = new $2(), M2 = {
           default: Le(() => [
             s("div", {
               ref_key: "dropdownRef",
-              ref: v,
+              ref: p,
               style: Ee(Ie.value),
               class: "vt-timepicker__dropdown",
               onClick: $[0] || ($[0] = Se(() => {
@@ -5916,7 +5916,7 @@ const Xe = new $2(), M2 = {
                   s("div", k5, [
                     s("div", b5, [
                       s("div", y5, [
-                        (l(!0), u(le, null, ve(he.value, (a) => (l(), u("button", {
+                        (l(!0), u(le, null, pe(he.value, (a) => (l(), u("button", {
                           key: `start-hour-${a.value}`,
                           class: G([
                             "vt-timepicker__option",
@@ -5932,7 +5932,7 @@ const Xe = new $2(), M2 = {
                     ]),
                     s("div", M5, [
                       s("div", x5, [
-                        (l(!0), u(le, null, ve(Ce.value, (a) => (l(), u("button", {
+                        (l(!0), u(le, null, pe(Ce.value, (a) => (l(), u("button", {
                           key: `start-minute-${a.value}`,
                           class: G([
                             "vt-timepicker__option",
@@ -5948,7 +5948,7 @@ const Xe = new $2(), M2 = {
                     ]),
                     k.showSeconds ? (l(), u("div", V5, [
                       s("div", S5, [
-                        (l(!0), u(le, null, ve(D.value, (a) => (l(), u("button", {
+                        (l(!0), u(le, null, pe(D.value, (a) => (l(), u("button", {
                           key: `start-second-${a.value}`,
                           class: G([
                             "vt-timepicker__option",
@@ -5964,7 +5964,7 @@ const Xe = new $2(), M2 = {
                     ])) : q("", !0),
                     k.use12Hours ? (l(), u("div", H5, [
                       s("div", T5, [
-                        (l(!0), u(le, null, ve(R.value, (a) => (l(), u("button", {
+                        (l(!0), u(le, null, pe(R.value, (a) => (l(), u("button", {
                           key: `start-period-${a}`,
                           class: G([
                             "vt-timepicker__option",
@@ -5981,7 +5981,7 @@ const Xe = new $2(), M2 = {
                   s("div", E5, [
                     s("div", A5, [
                       s("div", P5, [
-                        (l(!0), u(le, null, ve(he.value, (a) => (l(), u("button", {
+                        (l(!0), u(le, null, pe(he.value, (a) => (l(), u("button", {
                           key: `end-hour-${a.value}`,
                           class: G([
                             "vt-timepicker__option",
@@ -5997,7 +5997,7 @@ const Xe = new $2(), M2 = {
                     ]),
                     s("div", R5, [
                       s("div", Z5, [
-                        (l(!0), u(le, null, ve(Ce.value, (a) => (l(), u("button", {
+                        (l(!0), u(le, null, pe(Ce.value, (a) => (l(), u("button", {
                           key: `end-minute-${a.value}`,
                           class: G([
                             "vt-timepicker__option",
@@ -6013,7 +6013,7 @@ const Xe = new $2(), M2 = {
                     ]),
                     k.showSeconds ? (l(), u("div", z5, [
                       s("div", O5, [
-                        (l(!0), u(le, null, ve(D.value, (a) => (l(), u("button", {
+                        (l(!0), u(le, null, pe(D.value, (a) => (l(), u("button", {
                           key: `end-second-${a.value}`,
                           class: G([
                             "vt-timepicker__option",
@@ -6029,7 +6029,7 @@ const Xe = new $2(), M2 = {
                     ])) : q("", !0),
                     k.use12Hours ? (l(), u("div", N5, [
                       s("div", W5, [
-                        (l(!0), u(le, null, ve(R.value, (a) => (l(), u("button", {
+                        (l(!0), u(le, null, pe(R.value, (a) => (l(), u("button", {
                           key: `end-period-${a}`,
                           class: G(["vt-timepicker__option", { "vt-timepicker__option--selected": U.value === a }]),
                           onClick: (C) => ge(a, "period", !0, !1, C)
@@ -6042,7 +6042,7 @@ const Xe = new $2(), M2 = {
                 s("div", K5, [
                   s("div", X5, [
                     s("div", Q5, [
-                      (l(!0), u(le, null, ve(he.value, (a) => (l(), u("button", {
+                      (l(!0), u(le, null, pe(he.value, (a) => (l(), u("button", {
                         key: `hour-${a.value}`,
                         class: G([
                           "vt-timepicker__option",
@@ -6058,7 +6058,7 @@ const Xe = new $2(), M2 = {
                   ]),
                   s("div", J5, [
                     s("div", e6, [
-                      (l(!0), u(le, null, ve(Ce.value, (a) => (l(), u("button", {
+                      (l(!0), u(le, null, pe(Ce.value, (a) => (l(), u("button", {
                         key: `minute-${a.value}`,
                         class: G([
                           "vt-timepicker__option",
@@ -6074,7 +6074,7 @@ const Xe = new $2(), M2 = {
                   ]),
                   k.showSeconds ? (l(), u("div", n6, [
                     s("div", o6, [
-                      (l(!0), u(le, null, ve(D.value, (a) => (l(), u("button", {
+                      (l(!0), u(le, null, pe(D.value, (a) => (l(), u("button", {
                         key: `second-${a.value}`,
                         class: G([
                           "vt-timepicker__option",
@@ -6090,7 +6090,7 @@ const Xe = new $2(), M2 = {
                   ])) : q("", !0),
                   k.use12Hours ? (l(), u("div", l6, [
                     s("div", r6, [
-                      (l(!0), u(le, null, ve(R.value, (a) => (l(), u("button", {
+                      (l(!0), u(le, null, pe(R.value, (a) => (l(), u("button", {
                         key: `period-${a}`,
                         class: G(["vt-timepicker__option", { "vt-timepicker__option--selected": Q.value === a }]),
                         onClick: (C) => ge(a, "period", !1, !1, C)
@@ -6128,10 +6128,10 @@ const Xe = new $2(), M2 = {
 }), u6 = { class: "vt-datepicker__input" }, c6 = { class: "vt-datepicker__icon" }, d6 = {
   key: 0,
   class: "vt-datepicker__text"
-}, h6 = { class: "vt-datepicker__separator" }, p6 = {
+}, h6 = { class: "vt-datepicker__separator" }, v6 = {
   key: 1,
   class: "vt-datepicker__placeholder"
-}, v6 = { class: "vt-datepicker__separator" }, f6 = { class: "vt-datepicker__suffix" }, C6 = ["disabled"], m6 = {
+}, p6 = { class: "vt-datepicker__separator" }, f6 = { class: "vt-datepicker__suffix" }, C6 = ["disabled"], m6 = {
   key: 0,
   class: "vt-datepicker__dual-calendar"
 }, _6 = { class: "vt-datepicker__calendar-panel" }, g6 = {
@@ -6189,7 +6189,7 @@ const Xe = new $2(), M2 = {
   },
   emits: ["update:modelValue", "change", "blur", "focus", "calendar-change", "panel-change", "open-change"],
   setup(n, { expose: e, emit: r }) {
-    const t = n, i = r, c = H(), d = H(), v = H(), f = H(), p = H(), h = () => (t.type === "datetime" || t.type === "datetimerange", "00:00:00"), m = () => "23:59:59", o = {
+    const t = n, i = r, c = H(), d = H(), p = H(), f = H(), v = H(), h = () => (t.type === "datetime" || t.type === "datetimerange", "00:00:00"), m = () => "23:59:59", o = {
       isFocused: H(!1),
       currentDate: H(/* @__PURE__ */ new Date()),
       rightCurrentDate: H(new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth() + 1, 1)),
@@ -6238,14 +6238,14 @@ const Xe = new $2(), M2 = {
           return "date";
       }
     }, He = x(() => t.type === "datetime" || t.type === "datetimerange"), Ie = x(() => He.value), {
-      visible: ye,
+      visible: $e,
       parentVisible: Qe,
       dropdownPosition: qe,
       show: Ue,
       hide: ge,
       toggle: g,
       updatePosition: O
-    } = C1(d, v, {
+    } = C1(d, p, {
       trigger: "click",
       placement: "bottom-start",
       showTimeout: 0,
@@ -6255,7 +6255,7 @@ const Xe = new $2(), M2 = {
       onVisibleChange: (M) => {
         M && Te(() => O());
       }
-    }), N = x(() => t.clearable && !t.disabled && j.value), $e = x(() => L.value ? o.isSelectingEnd.value ? t.endPlaceholder : t.startPlaceholder : t.placeholder), Pe = x(() => [
+    }), N = x(() => t.clearable && !t.disabled && j.value), Me = x(() => L.value ? o.isSelectingEnd.value ? t.endPlaceholder : t.startPlaceholder : t.placeholder), Pe = x(() => [
       "vt-datepicker",
       `vt-datepicker--${t.size}`,
       `vt-datepicker--${t.type}`,
@@ -6263,7 +6263,7 @@ const Xe = new $2(), M2 = {
         "vt-datepicker--disabled": t.disabled,
         "vt-datepicker--focused": o.isFocused.value,
         "vt-datepicker--range": L.value,
-        "vt-datepicker--open": ye.value,
+        "vt-datepicker--open": $e.value,
         "vt-datepicker--with-time": Ie.value
       }
     ]), Be = x(() => ({
@@ -6330,7 +6330,7 @@ const Xe = new $2(), M2 = {
         return E >= Fe && E <= l1 && !K(M, S);
       }
       return !1;
-    }, pe = (M) => {
+    }, ve = (M) => {
       if (L.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;
       {
@@ -6341,11 +6341,11 @@ const Xe = new $2(), M2 = {
       if (!L.value) return !1;
       if (o.startDate.value && o.endDate.value) {
         const S = o.startDate.value.getFullYear(), w = o.endDate.value.getFullYear();
-        return M >= S && M <= w && !pe(M);
+        return M >= S && M <= w && !ve(M);
       }
       if (o.startDate.value && o.isSelectingEnd.value && o.hoverDate.value) {
         const S = o.startDate.value.getFullYear(), w = o.hoverDate.value.getFullYear(), E = Math.min(S, w), ae = Math.max(S, w);
-        return M >= E && M <= ae && !pe(M);
+        return M >= E && M <= ae && !ve(M);
       }
       return !1;
     }, k = (M, S) => {
@@ -6372,9 +6372,9 @@ const Xe = new $2(), M2 = {
       ...t.showSeconds && { second: "2-digit" }
     }) : "", a = (M) => {
       var w, E;
-      if (!ye.value) return;
+      if (!$e.value) return;
       const S = M.target;
-      (w = c.value) != null && w.contains(S) || (E = v.value) != null && E.contains(S) || ge();
+      (w = c.value) != null && w.contains(S) || (E = p.value) != null && E.contains(S) || ge();
     }, C = () => {
       t.disabled || g();
     }, X = () => {
@@ -6488,7 +6488,7 @@ const Xe = new $2(), M2 = {
         1
       ));
     };
-    return Me(
+    return ye(
       () => t.modelValue,
       (M) => {
         if (M) {
@@ -6509,13 +6509,13 @@ const Xe = new $2(), M2 = {
           o.startDate.value = null, o.endDate.value = null, o.isSelectingEnd.value = !1, o.hoverDate.value = null, o.startTime.value = h(), o.endTime.value = m();
       },
       { immediate: !0 }
-    ), Me(
+    ), ye(
       () => t.type,
       (M) => {
         o.viewMode.value = ze(M), o.startTime.value = h(), o.endTime.value = m();
       },
       { immediate: !0 }
-    ), Me(
+    ), ye(
       () => o.currentDate.value,
       (M) => {
         je.value && (o.rightCurrentDate.value = new Date(M.getFullYear(), M.getMonth() + 1, 1));
@@ -6572,13 +6572,13 @@ const Xe = new $2(), M2 = {
             ], 64)) : (l(), u(le, { key: 1 }, [
               xe(Z(z(J)), 1)
             ], 64))
-          ])) : (l(), u("div", p6, [
+          ])) : (l(), u("div", v6, [
             z(L) ? (l(), u(le, { key: 0 }, [
               s("span", null, Z(t.startPlaceholder), 1),
-              s("span", v6, Z(t.rangeSeparator), 1),
+              s("span", p6, Z(t.rangeSeparator), 1),
               s("span", null, Z(t.endPlaceholder), 1)
             ], 64)) : (l(), u(le, { key: 1 }, [
-              xe(Z($e.value), 1)
+              xe(Z(Me.value), 1)
             ], 64))
           ])),
           s("div", f6, [
@@ -6594,7 +6594,7 @@ const Xe = new $2(), M2 = {
           ])
         ])
       ], 544),
-      z(ye) && z(Qe) ? (l(), we(s1, {
+      z($e) && z(Qe) ? (l(), we(s1, {
         key: 0,
         to: "body"
       }, [
@@ -6602,7 +6602,7 @@ const Xe = new $2(), M2 = {
           default: Le(() => [
             s("div", {
               ref_key: "dropdownRef",
-              ref: v,
+              ref: p,
               style: Ee(Be.value),
               class: "vt-datepicker__dropdown",
               onClick: S[10] || (S[10] = Se(() => {
@@ -6616,7 +6616,7 @@ const Xe = new $2(), M2 = {
                 je.value ? (l(), u("div", m6, [
                   s("div", _6, [
                     Ie.value ? (l(), u("div", g6, [
-                      ee(p1, {
+                      ee(v1, {
                         ref_key: "startTimePickerRef",
                         ref: f,
                         modelValue: o.startTime.value,
@@ -6654,13 +6654,13 @@ const Xe = new $2(), M2 = {
                     s("div", b6, [
                       s("div", y6, [
                         s("div", $6, [
-                          (l(!0), u(le, null, ve(z(k1), (w, E) => (l(), u("span", {
+                          (l(!0), u(le, null, pe(z(k1), (w, E) => (l(), u("span", {
                             key: `${E}_${w}`,
                             class: "vt-datepicker__weekday"
                           }, Z(w), 1))), 128))
                         ]),
                         s("div", M6, [
-                          (l(!0), u(le, null, ve(z(Q), (w) => (l(), u("button", {
+                          (l(!0), u(le, null, pe(z(Q), (w) => (l(), u("button", {
                             key: w.getTime(),
                             class: G([
                               "vt-datepicker__date",
@@ -6685,9 +6685,9 @@ const Xe = new $2(), M2 = {
                   ]),
                   s("div", L6, [
                     Ie.value ? (l(), u("div", V6, [
-                      ee(p1, {
+                      ee(v1, {
                         ref_key: "endTimePickerRef",
-                        ref: p,
+                        ref: v,
                         modelValue: o.endTime.value,
                         "onUpdate:modelValue": S[3] || (S[3] = (w) => o.endTime.value = w),
                         clearable: !1,
@@ -6723,13 +6723,13 @@ const Xe = new $2(), M2 = {
                     s("div", H6, [
                       s("div", T6, [
                         s("div", I6, [
-                          (l(!0), u(le, null, ve(z(k1), (w, E) => (l(), u("span", {
+                          (l(!0), u(le, null, pe(z(k1), (w, E) => (l(), u("span", {
                             key: `${E}_${w}`,
                             class: "vt-datepicker__weekday"
                           }, Z(w), 1))), 128))
                         ]),
                         s("div", B6, [
-                          (l(!0), u(le, null, ve(z(re), (w) => (l(), u("button", {
+                          (l(!0), u(le, null, pe(z(re), (w) => (l(), u("button", {
                             key: w.getTime(),
                             class: G([
                               "vt-datepicker__date",
@@ -6754,7 +6754,7 @@ const Xe = new $2(), M2 = {
                   ])
                 ])) : (l(), u("div", A6, [
                   Ie.value ? (l(), u("div", P6, [
-                    ee(p1, {
+                    ee(v1, {
                       ref_key: "startTimePickerRef",
                       ref: f,
                       modelValue: o.startTime.value,
@@ -6802,13 +6802,13 @@ const Xe = new $2(), M2 = {
                   s("div", F6, [
                     o.viewMode.value === "date" ? (l(), u("div", z6, [
                       s("div", O6, [
-                        (l(!0), u(le, null, ve(z(k1), (w, E) => (l(), u("span", {
+                        (l(!0), u(le, null, pe(z(k1), (w, E) => (l(), u("span", {
                           key: `${E}_${w}`,
                           class: "vt-datepicker__weekday"
                         }, Z(w), 1))), 128))
                       ]),
                       s("div", Y6, [
-                        (l(!0), u(le, null, ve(z(Q), (w) => (l(), u("button", {
+                        (l(!0), u(le, null, pe(z(Q), (w) => (l(), u("button", {
                           key: w.getTime(),
                           class: G([
                             "vt-datepicker__date",
@@ -6827,7 +6827,7 @@ const Xe = new $2(), M2 = {
                         }, Z(w.getDate()), 43, N6))), 128))
                       ])
                     ])) : o.viewMode.value === "month" ? (l(), u("div", W6, [
-                      (l(!0), u(le, null, ve(z(ne), (w, E) => (l(), u("button", {
+                      (l(!0), u(le, null, pe(z(ne), (w, E) => (l(), u("button", {
                         key: w.name,
                         class: G([
                           "vt-datepicker__month",
@@ -6842,12 +6842,12 @@ const Xe = new $2(), M2 = {
                         onMouseleave: m1
                       }, Z(w.name), 43, q6))), 128))
                     ])) : (l(), u("div", U6, [
-                      (l(!0), u(le, null, ve(z(de), (w) => (l(), u("button", {
+                      (l(!0), u(le, null, pe(z(de), (w) => (l(), u("button", {
                         key: w.year,
                         class: G([
                           "vt-datepicker__year",
                           {
-                            "vt-datepicker__year--selected": pe(w.year),
+                            "vt-datepicker__year--selected": ve(w.year),
                             "vt-datepicker__year--current": w.year === o.currentDate.value.getFullYear(),
                             "vt-datepicker__year--in-range": se(w.year)
                           }
@@ -6895,7 +6895,7 @@ const Xe = new $2(), M2 = {
   },
   emits: ["update:modelValue", "change"],
   setup(n, { emit: e }) {
-    const r = n, t = e, { modelValue: i, accordion: c } = ut(r), v = L1({
+    const r = n, t = e, { modelValue: i, accordion: c } = ut(r), p = L1({
       get activeNames() {
         return i.value;
       },
@@ -6903,15 +6903,15 @@ const Xe = new $2(), M2 = {
         return c.value;
       },
       toggle: (f) => {
-        const p = [...i.value], h = p.indexOf(f);
+        const v = [...i.value], h = v.indexOf(f);
         if (c.value) {
           const m = h > -1 ? [] : [f];
           t("update:modelValue", m), t("change", m);
         } else
-          h > -1 ? p.splice(h, 1) : p.push(f), t("update:modelValue", p), t("change", p);
+          h > -1 ? v.splice(h, 1) : v.push(f), t("update:modelValue", v), t("change", v);
       }
     });
-    return u1("collapseContext", v), (f, p) => (l(), u("div", G6, [
+    return u1("collapseContext", p), (f, v) => (l(), u("div", G6, [
       De(f.$slots, "default")
     ]));
   }
@@ -6929,13 +6929,13 @@ const Xe = new $2(), M2 = {
       throw new Error("VCollapseItem must be used within VCollapse");
     const c = x(() => i.activeNames.includes(r.name)), d = () => {
       r.disabled || (i.toggle(r.name), t("toggle", r.name));
-    }, v = (m) => {
+    }, p = (m) => {
       const o = m;
       o.style.height = "0", o.style.overflow = "hidden", o.offsetHeight, o.style.height = o.scrollHeight + "px";
     }, f = (m) => {
       const o = m;
       o.style.height = o.scrollHeight + "px", o.style.overflow = "hidden", o.offsetHeight, o.style.height = "0";
-    }, p = (m) => {
+    }, v = (m) => {
       const o = m;
       o.style.height = "auto", o.style.overflow = "visible";
     }, h = (m) => {
@@ -6965,9 +6965,9 @@ const Xe = new $2(), M2 = {
       ], 2),
       ee(i1, {
         name: "collapse",
-        onEnter: v,
+        onEnter: p,
         onLeave: f,
-        onAfterEnter: p,
+        onAfterEnter: v,
         onAfterLeave: h
       }, {
         default: Le(() => [
@@ -6991,19 +6991,19 @@ const Xe = new $2(), M2 = {
   emits: ["update:modelValue", "tab-change", "tab-remove", "tab-add"],
   setup(n, { emit: e }) {
     const r = n, t = e, i = a1(), c = H(r.modelValue), d = H([]);
-    Me(
+    ye(
       () => r.modelValue,
       (m) => {
         c.value = m;
       }
-    ), Me(c, (m) => {
+    ), ye(c, (m) => {
       m !== r.modelValue && (t("update:modelValue", m), t("tab-change", m));
     });
-    const v = (m) => {
+    const p = (m) => {
       d.value.push(m), c.value || (c.value = m.name);
     }, f = (m) => {
       d.value = d.value.filter((o) => o.name !== m), t("tab-remove", m), c.value === m && d.value.length > 0 && (c.value = d.value[0].name);
-    }, p = (m) => {
+    }, v = (m) => {
       c.value = m;
     }, h = (m) => {
       var _;
@@ -7015,18 +7015,18 @@ const Xe = new $2(), M2 = {
     };
     return u1("VTabsContext", {
       currentValue: c,
-      addTab: v,
+      addTab: p,
       removeTab: f,
-      selectTab: p
+      selectTab: v
     }), (m, o) => (l(), u("div", s0, [
       s("div", l0, [
-        (l(!0), u(le, null, ve(d.value, (b) => (l(), u("div", {
+        (l(!0), u(le, null, pe(d.value, (b) => (l(), u("div", {
           key: b.name,
           class: G([{
             "is-active": c.value === b.name,
             "is-disabled": b.disabled
           }, "vt-tabs__nav-item"]),
-          onClick: (_) => !b.disabled && p(b.name)
+          onClick: (_) => !b.disabled && v(b.name)
         }, [
           h(b) ? (l(), we(f1(h(b)), {
             key: 0,
@@ -7153,30 +7153,30 @@ const Xe = new $2(), M2 = {
   return r.appendChild(t), r;
 }, M1 = (n, e, r) => {
   const t = e.getBoundingClientRect(), i = n.getBoundingClientRect(), c = window.pageXOffset || document.documentElement.scrollLeft, d = window.pageYOffset || document.documentElement.scrollTop;
-  let v = 0, f = 0;
+  let p = 0, f = 0;
   switch (r) {
     case "top":
-      v = t.top + d - i.height - 8, f = t.left + c + (t.width - i.width) / 2;
+      p = t.top + d - i.height - 8, f = t.left + c + (t.width - i.width) / 2;
       break;
     case "bottom":
-      v = t.bottom + d + 8, f = t.left + c + (t.width - i.width) / 2;
+      p = t.bottom + d + 8, f = t.left + c + (t.width - i.width) / 2;
       break;
     case "left":
-      v = t.top + d + (t.height - i.height) / 2, f = t.left + c - i.width - 8;
+      p = t.top + d + (t.height - i.height) / 2, f = t.left + c - i.width - 8;
       break;
     case "right":
-      v = t.top + d + (t.height - i.height) / 2, f = t.right + c + 8;
+      p = t.top + d + (t.height - i.height) / 2, f = t.right + c + 8;
       break;
   }
-  const p = window.innerWidth, h = window.innerHeight;
-  f < 8 ? f = 8 : f + i.width > p - 8 && (f = p - i.width - 8), v < d + 8 ? r === "top" ? v = t.bottom + d + 8 : v = d + 8 : v + i.height > d + h - 8 && (r === "bottom" ? v = t.top + d - i.height - 8 : v = d + h - i.height - 8), n.style.top = `${v}px`, n.style.left = `${f}px`;
+  const v = window.innerWidth, h = window.innerHeight;
+  f < 8 ? f = 8 : f + i.width > v - 8 && (f = v - i.width - 8), p < d + 8 ? r === "top" ? p = t.bottom + d + 8 : p = d + 8 : p + i.height > d + h - 8 && (r === "bottom" ? p = t.top + d - i.height - 8 : p = d + h - i.height - 8), n.style.top = `${p}px`, n.style.left = `${f}px`;
 }, F1 = (n, e, r) => {
   n.parentElement || document.body.appendChild(n), n.style.visibility = "visible", M1(n, e, r), requestAnimationFrame(() => {
     n.style.opacity = "1";
   });
 }, z1 = (n) => {
   n.style.opacity = "0", n.style.visibility = "hidden";
-}, O1 = (n) => n.scrollWidth > n.clientWidth || n.scrollHeight > n.clientHeight, Y1 = (n) => !!n.closest(".vt-table, table"), p0 = {
+}, O1 = (n) => n.scrollWidth > n.clientWidth || n.scrollHeight > n.clientHeight, Y1 = (n) => !!n.closest(".vt-table, table"), v0 = {
   mounted(n, e) {
     var f;
     const r = (f = e.value) == null ? void 0 : f.trim();
@@ -7187,10 +7187,10 @@ const Xe = new $2(), M2 = {
       (Y1(n) ? O1(n) : !0) && F1(i, n, t);
     }, d = () => {
       z1(i);
-    }, v = () => {
+    }, p = () => {
       i.style.opacity === "1" && M1(i, n, t);
     };
-    n.__mouseenterHandler = c, n.__mouseleaveHandler = d, n.__scrollHandler = v, n.addEventListener("mouseenter", c), n.addEventListener("mouseleave", d), window.addEventListener("scroll", v, !0), window.addEventListener("resize", v);
+    n.__mouseenterHandler = c, n.__mouseleaveHandler = d, n.__scrollHandler = p, n.addEventListener("mouseenter", c), n.addEventListener("mouseleave", d), window.addEventListener("scroll", p, !0), window.addEventListener("resize", p);
   },
   updated(n, e) {
     var t;
@@ -7202,18 +7202,18 @@ const Xe = new $2(), M2 = {
       n.__tooltipEl = c;
       const d = () => {
         (Y1(n) ? O1(n) : !0) && F1(c, n, i);
-      }, v = () => {
+      }, p = () => {
         z1(c);
       }, f = () => {
         c.style.opacity === "1" && M1(c, n, i);
       };
-      n.__mouseenterHandler = d, n.__mouseleaveHandler = v, n.__scrollHandler = f, n.addEventListener("mouseenter", d), n.addEventListener("mouseleave", v), window.addEventListener("scroll", f, !0), window.addEventListener("resize", f);
+      n.__mouseenterHandler = d, n.__mouseleaveHandler = p, n.__scrollHandler = f, n.addEventListener("mouseenter", d), n.addEventListener("mouseleave", p), window.addEventListener("scroll", f, !0), window.addEventListener("resize", f);
     }
   },
   beforeUnmount(n) {
     n.__tooltipEl && n.__tooltipEl.parentElement && (n.__tooltipEl.parentElement.removeChild(n.__tooltipEl), delete n.__tooltipEl), n.__mouseenterHandler && (n.removeEventListener("mouseenter", n.__mouseenterHandler), delete n.__mouseenterHandler), n.__mouseleaveHandler && (n.removeEventListener("mouseleave", n.__mouseleaveHandler), delete n.__mouseleaveHandler), n.__scrollHandler && (window.removeEventListener("scroll", n.__scrollHandler, !0), window.removeEventListener("resize", n.__scrollHandler), delete n.__scrollHandler);
   }
-}, v0 = {
+}, p0 = {
   mounted(n, e) {
     z(e.value) && N1(n);
   },
@@ -7244,63 +7244,63 @@ const f0 = { class: "vt-message-container" }, C0 = { class: "vt-message-icon" },
   setup(n, { expose: e }) {
     const r = H([]);
     let t = 0;
-    const i = (v) => ({
+    const i = (p) => ({
       success: "checkCircle",
       danger: "alertCircle",
       warning: "alertTriangle",
       primary: "infoCircle"
-    })[v] || "infoCircle", c = (v) => {
-      const f = ++t, p = {
+    })[p] || "infoCircle", c = (p) => {
+      const f = ++t, v = {
         id: f,
-        message: v.message || "",
-        type: v.type || "primary",
-        showClose: v.showClose || !1,
-        duration: v.duration !== void 0 ? v.duration : 3e3,
-        dangerouslyUseHTMLString: v.dangerouslyUseHTMLString || !1
+        message: p.message || "",
+        type: p.type || "primary",
+        showClose: p.showClose || !1,
+        duration: p.duration !== void 0 ? p.duration : 3e3,
+        dangerouslyUseHTMLString: p.dangerouslyUseHTMLString || !1
       };
-      return r.value.push(p), p.duration && p.duration > 0 && setTimeout(() => {
+      return r.value.push(v), v.duration && v.duration > 0 && setTimeout(() => {
         d(f);
-      }, p.duration), f;
-    }, d = (v) => {
-      const f = r.value.findIndex((p) => p.id === v);
+      }, v.duration), f;
+    }, d = (p) => {
+      const f = r.value.findIndex((v) => v.id === p);
       f > -1 && r.value.splice(f, 1);
     };
     return e({
       addMessage: c,
       removeMessage: d
-    }), (v, f) => (l(), we(s1, { to: "body" }, [
+    }), (p, f) => (l(), we(s1, { to: "body" }, [
       s("div", f0, [
         ee(ct, {
           name: "vt-message",
           tag: "div"
         }, {
           default: Le(() => [
-            (l(!0), u(le, null, ve(r.value, (p) => (l(), u("div", {
-              key: p.id,
+            (l(!0), u(le, null, pe(r.value, (v) => (l(), u("div", {
+              key: v.id,
               class: G([
                 "vt-message-item",
-                `vt-message-item--${p.type}`,
-                { "vt-message-item--closable": p.showClose }
+                `vt-message-item--${v.type}`,
+                { "vt-message-item--closable": v.showClose }
               ])
             }, [
               s("div", C0, [
                 ee(fe, {
-                  color: p.type === "primary" ? "#00475A" : "",
-                  name: i(p.type)
+                  color: v.type === "primary" ? "#00475A" : "",
+                  name: i(v.type)
                 }, null, 8, ["color", "name"])
               ]),
               s("div", m0, [
-                p.dangerouslyUseHTMLString ? (l(), u("div", {
+                v.dangerouslyUseHTMLString ? (l(), u("div", {
                   key: 0,
                   class: "vt-message-text",
-                  innerHTML: p.message
-                }, null, 8, _0)) : (l(), u("div", g0, Z(p.message), 1))
+                  innerHTML: v.message
+                }, null, 8, _0)) : (l(), u("div", g0, Z(v.message), 1))
               ]),
-              p.showClose ? (l(), u("button", {
+              v.showClose ? (l(), u("button", {
                 key: 0,
                 class: "vt-message-close",
                 type: "button",
-                onClick: (h) => d(p.id)
+                onClick: (h) => d(v.id)
               }, [
                 ee(fe, { name: "close" })
               ], 8, w0)) : q("", !0)
@@ -7441,12 +7441,12 @@ function S0(n, e) {
   };
 }
 function D0(n, e, r, t) {
-  const i = S0(n, e), c = H(!1), d = H(!1), v = H(!1), f = { t: 0 };
-  let p = [];
+  const i = S0(n, e), c = H(!1), d = H(!1), p = H(!1), f = { t: 0 };
+  let v = [];
   const h = H([]);
   async function m(b) {
     const _ = ++f.t;
-    v.value = !0;
+    p.value = !0;
     const F = [];
     for (const B of r)
       try {
@@ -7463,11 +7463,17 @@ function D0(n, e, r, t) {
         const A = B;
         F.push({ $message: (L == null ? void 0 : L.message) || "Validator error", $validator: A.$validatorName || A.name || "validator" });
       }
-    if (p.length)
-      for (const B of p)
+    if (v.length)
+      for (const B of v)
         F.push({ $message: B.$message, $validator: B.$validator || "external" });
-    _ === f.t && (h.value = F, v.value = !1);
+    _ === f.t && (h.value = F, p.value = !1);
   }
+  ye(
+    () => i.value,
+    () => {
+      c.value = !0, m(i.value);
+    }
+  );
   const o = L1({
     get $model() {
       return i.value;
@@ -7482,7 +7488,7 @@ function D0(n, e, r, t) {
       return d.value;
     },
     get $pending() {
-      return v.value;
+      return p.value;
     },
     get $invalid() {
       return h.value && h.value.length > 0;
@@ -7498,24 +7504,24 @@ function D0(n, e, r, t) {
       c.value = !0, d.value = !0;
     },
     $reset() {
-      c.value = !1, d.value = !1, h.value = [], v.value = !1;
+      c.value = !1, d.value = !1, h.value = [], p.value = !1;
     },
     async $validate() {
       return c.value = !0, await m(i.value), !h.value.length;
     }
   });
   return o.$setExternalResults = (b) => {
-    p = b || [], o.$validate();
+    v = b || [], o.$validate();
   }, o.$clearExternalResults = () => {
-    p = [], o.$validate();
+    v = [], o.$validate();
   }, o;
 }
 function q0(n, e, r) {
   const t = { silentErrors: !!(r != null && r.silentErrors) }, i = typeof n == "function" ? n() : n;
-  function c(p, h = "") {
-    const m = {}, o = Object.keys(p || {});
+  function c(v, h = "") {
+    const m = {}, o = Object.keys(v || {});
     for (const T of o) {
-      const V = p[T], Q = h ? `${h}.${T}` : T;
+      const V = v[T], Q = h ? `${h}.${T}` : T;
       if (typeof V == "function" || Array.isArray(V) && V.length > 0 && typeof V[0] == "function") {
         const ne = Array.isArray(V) ? V : [V];
         m[T] = D0(e, Q, ne, t);
@@ -7568,15 +7574,15 @@ function q0(n, e, r) {
           if (Array.isArray(T)) {
             for (const V of T)
               if (V.$property) {
-                const Q = V.$property, ne = v(f, Q);
+                const Q = V.$property, ne = p(f, Q);
                 ne && ne.$setExternalResults && ne.$setExternalResults([{ $message: V.$message, $validator: V.$validator }]);
               } else if (V.path && Array.isArray(V.path)) {
-                const Q = V.path.join("."), ne = v(f, Q);
+                const Q = V.path.join("."), ne = p(f, Q);
                 ne && ne.$setExternalResults && ne.$setExternalResults([{ $message: V.$message, $validator: V.$validator }]);
               }
           } else if (typeof T == "object")
             for (const V of Object.keys(T)) {
-              const Q = v(f, V);
+              const Q = p(f, V);
               if (Q && Q.$setExternalResults) {
                 const ne = Array.isArray(T[V]) ? T[V].map((de) => ({ $message: de })) : [{ $message: T[V] }];
                 Q.$setExternalResults(ne);
@@ -7593,17 +7599,17 @@ function q0(n, e, r) {
     };
     return Object.assign(m, j), m;
   }
-  function d(p, h) {
-    if (!(!p || typeof p != "object"))
-      for (const m of Object.keys(p)) {
+  function d(v, h) {
+    if (!(!v || typeof v != "object"))
+      for (const m of Object.keys(v)) {
         if (m.startsWith("$")) continue;
-        const o = p[m];
+        const o = v[m];
         o && typeof o == "object" && (typeof o.$validate == "function" && typeof o.$model < "u" ? h(o) : d(o, h));
       }
   }
-  function v(p, h) {
+  function p(v, h) {
     const m = h.split(".");
-    let o = p;
+    let o = v;
     for (const b of m) {
       if (!o) return;
       o = o[b];
@@ -7623,7 +7629,7 @@ const U0 = {
 }, H0 = {
   install(n, e = {}) {
     const { prefix: r = "V", modal: t = !0, message: i = !0 } = e;
-    n.component(`${r}Button`, Ge), n.component(`${r}Icon`, fe), n.component(`${r}Loader`, v1), n.component(`${r}Modal`, Q1), n.component(`${r}Pagination`, p2), n.component(`${r}Checkbox`, e1), n.component(`${r}Radiobox`, C2), n.component(`${r}Table`, n5), n.component(`${r}TableColumn`, o5), n.component(`${r}Dropdown`, ot), n.component(`${r}DropdownItem`, y1), n.component(`${r}Input`, J1), n.component(`${r}Select`, et), n.component(`${r}Option`, tt), n.component(`${r}DatePicker`, Q6), n.component(`${r}TimePicker`, p1), n.component(`${r}Collapse`, J6), n.component(`${r}CollapseItem`, o0), n.component(`${r}Tabs`, c0), n.component(`${r}TabItem`, h0), n.directive("tooltip", p0), n.directive("loader", v0), t && n.use(M2), i && n.use(y0);
+    n.component(`${r}Button`, Ge), n.component(`${r}Icon`, fe), n.component(`${r}Loader`, p1), n.component(`${r}Modal`, Q1), n.component(`${r}Pagination`, v2), n.component(`${r}Checkbox`, e1), n.component(`${r}Radiobox`, C2), n.component(`${r}Table`, n5), n.component(`${r}TableColumn`, o5), n.component(`${r}Dropdown`, ot), n.component(`${r}DropdownItem`, y1), n.component(`${r}Input`, J1), n.component(`${r}Select`, et), n.component(`${r}Option`, tt), n.component(`${r}DatePicker`, Q6), n.component(`${r}TimePicker`, v1), n.component(`${r}Collapse`, J6), n.component(`${r}CollapseItem`, o0), n.component(`${r}Tabs`, c0), n.component(`${r}TabItem`, h0), n.directive("tooltip", v0), n.directive("loader", p0), t && n.use(M2), i && n.use(y0);
   }
 }, K0 = H0.install;
 export {
@@ -7643,20 +7649,20 @@ export {
   y1 as VDropdownItem,
   fe as VIcon,
   J1 as VInput,
-  v1 as VLoader,
+  p1 as VLoader,
   q1 as VMessage,
   y0 as VMessagePlugin,
   Q1 as VModal,
   M2 as VModalPlugin,
   tt as VOption,
-  p2 as VPagination,
+  v2 as VPagination,
   C2 as VRadiobox,
   et as VSelect,
   h0 as VTabItem,
   n5 as VTable,
   o5 as VTableColumn,
   c0 as VTabs,
-  p1 as VTimePicker,
+  v1 as VTimePicker,
   G1 as VtSelectContextKey,
   j0 as WEEKDAY_NAMES,
   k1 as WEEKDAY_NAMES_SHORT,
@@ -7667,7 +7673,7 @@ export {
   K0 as install,
   P1 as isValidDate,
   $1 as isValidTimeString,
-  v0 as loaderDirective,
+  p0 as loaderDirective,
   Y0 as maxLength,
   We as messageManager,
   O0 as minLength,
@@ -7677,7 +7683,7 @@ export {
   h5 as parseTimeString,
   $0 as required,
   N0 as sameAs,
-  p0 as tooltipDirective,
+  v0 as tooltipDirective,
   W0 as uniqueAsync,
   q0 as useValidate,
   i5 as validateDateValue,