voiptime-components 1.8.20 → 1.8.21

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { createElementBlock as a, openBlock as s, createElementVNode as l, createStaticVNode as tt, defineComponent as ke, computed as x, createBlock as we, createCommentVNode as O, resolveDynamicComponent as ft, normalizeStyle as Ee, useSlots as at, resolveDirective as xt, withDirectives as ot, normalizeClass as U, renderSlot as He, Teleport as lt, withModifiers as Le, toDisplayString as E, createTextVNode as xe, ref as L, onUnmounted as Ge, nextTick as Te, watch as $e, onMounted as Ye, createVNode as Q, Fragment as ne, renderList as pe, provide as ut, unref as Y, Transition as it, withCtx as Ve, inject as ct, onBeforeUnmount as Ot, createApp as Nt, h as gt, mergeModels as Lt, useModel as s1, reactive as Wt, toRef as rt, toRefs as r1, vShow as qt, TransitionGroup as i1 } from "vue";
+import { createElementBlock as a, openBlock as s, createElementVNode as l, createStaticVNode as tt, defineComponent as ke, computed as x, createBlock as we, createCommentVNode as O, resolveDynamicComponent as ft, normalizeStyle as Ee, useSlots as at, resolveDirective as xt, withDirectives as ot, normalizeClass as U, renderSlot as He, Teleport as lt, withModifiers as De, toDisplayString as E, createTextVNode as xe, ref as D, onUnmounted as Ge, nextTick as Te, watch as $e, onMounted as Ye, createVNode as Q, Fragment as ne, renderList as pe, provide as ut, unref as Y, Transition as it, withCtx as Ve, inject as ct, onBeforeUnmount as Ot, createApp as Nt, h as gt, mergeModels as Dt, useModel as s1, reactive as Wt, toRef as rt, toRefs as r1, vShow as qt, TransitionGroup as i1 } from "vue";
 const M = (n, t) => {
   const u = n.__vccOpts || n;
   for (const [e, i] of t)
@@ -121,15 +121,15 @@ function x1(n, t) {
     }, null, -1)
   ]));
 }
-const V1 = /* @__PURE__ */ M(M1, [["render", x1]]), S1 = {}, L1 = {
+const V1 = /* @__PURE__ */ M(M1, [["render", x1]]), S1 = {}, D1 = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function D1(n, t) {
-  return s(), a("svg", L1, t[0] || (t[0] = [
+function L1(n, t) {
+  return s(), a("svg", D1, t[0] || (t[0] = [
     l("path", {
       d: "M11.6822 3.72047L3.9739 11.4286C3.81664 11.5859 3.71629 11.7911 3.68872 12.0117L3.19824 15.9373C3.11738 16.5844 3.66764 17.1345 4.31476 17.0535L8.2407 16.5619C8.46128 16.5343 8.66637 16.434 8.82356 16.2768L16.531 8.56942C16.9215 8.1789 16.9215 7.54574 16.531 7.15521L13.0964 3.72049C12.7059 3.32995 12.0727 3.32994 11.6822 3.72047Z",
       stroke: "currentColor",
@@ -142,7 +142,7 @@ function D1(n, t) {
     }, null, -1)
   ]));
 }
-const H1 = /* @__PURE__ */ M(S1, [["render", D1]]), T1 = {}, I1 = {
+const H1 = /* @__PURE__ */ M(S1, [["render", L1]]), T1 = {}, I1 = {
   fill: "none",
   height: "20",
   viewBox: "0 0 21 20",
@@ -405,7 +405,7 @@ const xn = /* @__PURE__ */ M(yn, [["render", $n]]), Vn = {}, Sn = {
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function Ln(n, t) {
+function Dn(n, t) {
   return s(), a("svg", Sn, t[0] || (t[0] = [
     l("path", {
       d: "M5.00065 10.0026V8.33594C5.00065 7.00985 5.52744 5.73809 6.46512 4.8004C7.4028 3.86272 8.67457 3.33594 10.0007 3.33594C11.3267 3.33594 12.5985 3.86272 13.5362 4.8004C14.4739 5.73809 15.0007 7.00985 15.0007 8.33594V10.0026M3.33398 15.0026C3.33398 15.4446 3.50958 15.8686 3.82214 16.1811C4.1347 16.4937 4.55862 16.6693 5.00065 16.6693C5.44268 16.6693 5.8666 16.4937 6.17916 16.1811C6.49172 15.8686 6.66732 15.4446 6.66732 15.0026C6.66732 14.5606 6.49172 14.1367 6.17916 13.8241C5.8666 13.5115 5.44268 13.3359 5.00065 13.3359C4.55862 13.3359 4.1347 13.5115 3.82214 13.8241C3.50958 14.1367 3.33398 14.5606 3.33398 15.0026ZM13.334 15.0026C13.334 15.4446 13.5096 15.8686 13.8221 16.1811C14.1347 16.4937 14.5586 16.6693 15.0007 16.6693C15.4427 16.6693 15.8666 16.4937 16.1792 16.1811C16.4917 15.8686 16.6673 15.4446 16.6673 15.0026C16.6673 14.5606 16.4917 14.1367 16.1792 13.8241C15.8666 13.5115 15.4427 13.3359 15.0007 13.3359C14.5586 13.3359 14.1347 13.5115 13.8221 13.8241C13.5096 14.1367 13.334 14.5606 13.334 15.0026Z",
@@ -423,7 +423,7 @@ function Ln(n, t) {
     }, null, -1)
   ]));
 }
-const Dn = /* @__PURE__ */ M(Vn, [["render", Ln]]), Hn = {}, Tn = {
+const Ln = /* @__PURE__ */ M(Vn, [["render", Dn]]), Hn = {}, Tn = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -667,7 +667,7 @@ function So(n, t) {
     }, null, -1)
   ]));
 }
-const Lo = /* @__PURE__ */ M(xo, [["render", So]]), Do = {}, Ho = {
+const Do = /* @__PURE__ */ M(xo, [["render", So]]), Lo = {}, Ho = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -685,7 +685,7 @@ function To(n, t) {
     }, null, -1)
   ]));
 }
-const Io = /* @__PURE__ */ M(Do, [["render", To]]), Bo = {}, Eo = {
+const Io = /* @__PURE__ */ M(Lo, [["render", To]]), Bo = {}, Eo = {
   fill: "none",
   height: "20",
   viewBox: "0 0 20 20",
@@ -964,15 +964,15 @@ function xl(n, t) {
     }, null, -1)
   ]));
 }
-const Vl = /* @__PURE__ */ M(Ml, [["render", xl]]), Sl = {}, Ll = {
+const Vl = /* @__PURE__ */ M(Ml, [["render", xl]]), Sl = {}, Dl = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function Dl(n, t) {
-  return s(), a("svg", Ll, t[0] || (t[0] = [
+function Ll(n, t) {
+  return s(), a("svg", Dl, t[0] || (t[0] = [
     l("path", {
       d: "M9.31732 16.8976L7.50065 17.5026V10.4193L3.76732 6.3126C3.48852 6.00588 3.33403 5.60627 3.33398 5.19177V3.33594H16.6673V5.14594C16.6672 5.58793 16.4916 6.01178 16.179 6.32427L12.5007 10.0026V12.5026M12.5007 15.8359L14.1673 17.5026L17.5007 14.1693",
       stroke: "currentColor",
@@ -982,7 +982,7 @@ function Dl(n, t) {
     }, null, -1)
   ]));
 }
-const Hl = /* @__PURE__ */ M(Sl, [["render", Dl]]), Tl = {}, Il = {
+const Hl = /* @__PURE__ */ M(Sl, [["render", Ll]]), Tl = {}, Il = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -1296,7 +1296,7 @@ function Ss(n, t) {
     }, null, -1)
   ]));
 }
-const Ls = /* @__PURE__ */ M(xs, [["render", Ss]]), Ds = {}, Hs = {
+const Ds = /* @__PURE__ */ M(xs, [["render", Ss]]), Ls = {}, Hs = {
   fill: "none",
   height: "20",
   viewBox: "0 0 20 20",
@@ -1327,7 +1327,7 @@ function Ts(n, t) {
     }, null, -1)
   ]));
 }
-const Is = /* @__PURE__ */ M(Ds, [["render", Ts]]), Bs = {}, Es = {
+const Is = /* @__PURE__ */ M(Ls, [["render", Ts]]), Bs = {}, Es = {
   fill: "none",
   height: "20",
   viewBox: "0 0 20 20",
@@ -1651,15 +1651,15 @@ function xr(n, t) {
     }, null, -1)
   ]));
 }
-const Vr = /* @__PURE__ */ M(Mr, [["render", xr]]), Sr = {}, Lr = {
+const Vr = /* @__PURE__ */ M(Mr, [["render", xr]]), Sr = {}, Dr = {
   fill: "none",
   height: "20",
   viewBox: "0 0 21 20",
   width: "21",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function Dr(n, t) {
-  return s(), a("svg", Lr, t[0] || (t[0] = [
+function Lr(n, t) {
+  return s(), a("svg", Dr, t[0] || (t[0] = [
     l("path", {
       d: "M8.89323 17.7057H7.85156C6.52548 17.7057 5.25371 17.1789 4.31603 16.2413C3.37835 15.3036 2.85156 14.0318 2.85156 12.7057V7.28906C2.85156 5.96298 3.37835 4.69121 4.31603 3.75353C5.25371 2.81585 6.52548 2.28906 7.85156 2.28906H13.2682C14.5943 2.28906 15.8661 2.81585 16.8038 3.75353C17.7414 4.69121 18.2682 5.96298 18.2682 7.28906V8.33073",
       stroke: "currentColor",
@@ -1675,7 +1675,7 @@ function Dr(n, t) {
     }, null, -1)
   ]));
 }
-const Hr = /* @__PURE__ */ M(Sr, [["render", Dr]]), Tr = {}, Ir = {
+const Hr = /* @__PURE__ */ M(Sr, [["render", Lr]]), Tr = {}, Ir = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -1969,7 +1969,7 @@ function Si(n, t) {
     }, null, -1)
   ]));
 }
-const Li = /* @__PURE__ */ M(xi, [["render", Si]]), Di = {}, Hi = {
+const Di = /* @__PURE__ */ M(xi, [["render", Si]]), Li = {}, Hi = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -2004,7 +2004,7 @@ function Ti(n, t) {
     }, null, -1)
   ]));
 }
-const Ii = /* @__PURE__ */ M(Di, [["render", Ti]]), Bi = {}, Ei = {
+const Ii = /* @__PURE__ */ M(Li, [["render", Ti]]), Bi = {}, Ei = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -2225,7 +2225,7 @@ const ga = /* @__PURE__ */ M(ma, [["render", _a]]), wa = {
   save: _n,
   star: bn,
   statusChange2: xn,
-  statusChange: Dn,
+  statusChange: Ln,
   usersGroup: Bn,
   // arrow icons
   arrowDown: Rn,
@@ -2240,7 +2240,7 @@ const ga = /* @__PURE__ */ M(ma, [["render", _a]]), wa = {
   keyboardCall: Co,
   microphoneCall: ko,
   scenarioCall: $o,
-  transferCall: Lo,
+  transferCall: Do,
   volumeCall: Io,
   // files icons
   emptyImg: Po,
@@ -2271,7 +2271,7 @@ const ga = /* @__PURE__ */ M(ma, [["render", _a]]), wa = {
   // mail icons
   emailDeleted: ks,
   emailDraft: $s,
-  email: Ls,
+  email: Ds,
   emailIncoming: Is,
   emailNew: Ps,
   emailOutgoing: Zs,
@@ -2301,7 +2301,7 @@ const ga = /* @__PURE__ */ M(ma, [["render", _a]]), wa = {
   // scenario icons
   anketBlock: ki,
   iframBlock: $i,
-  infoBlock: Li,
+  infoBlock: Di,
   proposalBlock: Ii,
   // table icons
   columnInsert: Pi,
@@ -2429,7 +2429,7 @@ const pt = /* @__PURE__ */ M(ka, [["render", ya]]), Ma = ["disabled", "type", "d
       }, [
         l("div", {
           class: U(i.value),
-          onClick: h[0] || (h[0] = Le(() => {
+          onClick: h[0] || (h[0] = De(() => {
           }, ["stop"]))
         }, [
           m.title || m.showCloseButton ? (s(), a("div", xa, [
@@ -2448,7 +2448,7 @@ const pt = /* @__PURE__ */ M(ka, [["render", ya]]), Ma = ["disabled", "type", "d
       ], 4)) : O("", !0)
     ]));
   }
-}), La = ["for"], Da = ["id", "name", "value", "checked", "disabled", "required", ".indeterminate"], Je = /* @__PURE__ */ ke({
+}), Da = ["for"], La = ["id", "name", "value", "checked", "disabled", "required", ".indeterminate"], Je = /* @__PURE__ */ ke({
   __name: "VCheckbox",
   props: {
     modelValue: { type: Boolean, default: void 0 },
@@ -2500,7 +2500,7 @@ const pt = /* @__PURE__ */ M(ka, [["render", ya]]), Ma = ["disabled", "type", "d
         onChange: p,
         onFocus: m,
         onBlur: h
-      }, null, 40, Da),
+      }, null, 40, La),
       l("div", {
         class: U([
           "vt-checkbox__box",
@@ -2587,9 +2587,9 @@ const pt = /* @__PURE__ */ M(ka, [["render", ya]]), Ma = ["disabled", "type", "d
           ])
         ])
       ], 2)) : O("", !0)
-    ], 10, La));
+    ], 10, Da));
   }
-}), Dt = (n) => {
+}), Lt = (n) => {
   if (!n) return !1;
   const t = n.getBoundingClientRect();
   if (t.width === 0 && t.height === 0) return !1;
@@ -2649,17 +2649,17 @@ function mt(n, t, u = {}) {
     hideOnClick: m = !0,
     onVisibleChange: h,
     onScroll: d
-  } = u, C = L(!1), o = L(!0), $ = L(!1), _ = L(null), K = L([]), A = L({
+  } = u, C = D(!1), o = D(!0), $ = D(!1), _ = D(null), K = D([]), A = D({
     top: "0px",
     left: "0px",
     transformOrigin: "center top"
   }), H = () => {
     if (!n.value) return;
-    const ve = Dt(n.value);
+    const ve = Lt(n.value);
     o.value !== ve && (o.value = ve, !ve && C.value ? ($.value = !0, C.value = !1, h == null || h(!1)) : ve && $.value && !C.value && ($.value = !1, C.value = !0, R(), h == null || h(!0)));
   }, R = async () => {
     if (await Te(), !n.value || !t.value) return;
-    const ve = n.value.getBoundingClientRect(), D = t.value.getBoundingClientRect(), N = Ta(ve, D, i);
+    const ve = n.value.getBoundingClientRect(), L = t.value.getBoundingClientRect(), N = Ta(ve, L, i);
     A.value = {
       ...N,
       minWidth: `${ve.width}px`
@@ -2675,7 +2675,7 @@ function mt(n, t, u = {}) {
       ve.removeEventListener("scroll", G);
     }), window.removeEventListener("resize", G), K.value = [];
   }, re = () => {
-    p || C.value || !n.value || !Dt(n.value) || (_.value = window.setTimeout(
+    p || C.value || !n.value || !Lt(n.value) || (_.value = window.setTimeout(
       async () => {
         C.value = !0, o.value = !0, $.value = !1, await R(), P(), h == null || h(!0);
       },
@@ -2834,7 +2834,7 @@ const Za = ["for"], za = {
   },
   emits: ["update:modelValue", "input", "change", "focus", "blur", "clear", "validation", "keydown", "keyup", "keypress", "click"],
   setup(n, { expose: t, emit: u }) {
-    const e = n, i = u, c = L(), v = L(), p = L(!1), m = L(!1), h = L(), d = L([]), C = L(!0), o = L(!1), $ = {
+    const e = n, i = u, c = D(), v = D(), p = D(!1), m = D(!1), h = D(), d = D([]), C = D(!0), o = D(!1), $ = {
       email: (g) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(g),
       url: (g) => {
         try {
@@ -2927,7 +2927,7 @@ const Za = ["for"], za = {
         "vt-input--has-suffix": te.value,
         "vt-input--invalid": !C.value
       }
-    ]), D = x(() => e.type === "password" ? m.value ? "text" : "password" : e.type === "textarea" ? "text" : e.type), N = x(() => e.errorMessage ? e.errorMessage : d.value.length > 0 ? d.value[0] : ""), ue = x(() => e.autosize && typeof e.autosize == "object" && e.autosize.maxRows ? "none" : e.resize), me = (g) => {
+    ]), L = x(() => e.type === "password" ? m.value ? "text" : "password" : e.type === "textarea" ? "text" : e.type), N = x(() => e.errorMessage ? e.errorMessage : d.value.length > 0 ? d.value[0] : ""), ue = x(() => e.autosize && typeof e.autosize == "object" && e.autosize.maxRows ? "none" : e.resize), me = (g) => {
       let Z = g.target.value;
       if (e.type === "number" && Z !== "") {
         const Me = Number(Z);
@@ -3066,7 +3066,7 @@ const Za = ["for"], za = {
           key: 2,
           ref_key: "inputRef",
           ref: c,
-          type: D.value,
+          type: L.value,
           value: g.modelValue,
           placeholder: g.placeholder,
           disabled: g.disabled,
@@ -3193,13 +3193,13 @@ const Za = ["for"], za = {
   },
   emits: ["update:modelValue", "change", "clear", "focus", "blur", "visible-change", "validation", "scrolled", "remove-tag", "filter", "filter-clear"],
   setup(n, { expose: t, emit: u }) {
-    const e = n, i = u, c = L(), v = L(), p = L(), m = L(), h = L([]), d = L(), C = L(), o = {
-      isFocused: L(!1),
-      validationErrors: L([]),
-      isValid: L(!0),
-      visibleCount: L(0),
-      filterQuery: L("")
-    }, $ = L(/* @__PURE__ */ new Map()), _ = L(/* @__PURE__ */ new Set()), K = L(/* @__PURE__ */ new Map()), A = (r) => e.valueKey && typeof r == "object" && r !== null ? String(r[e.valueKey]) : typeof r == "object" ? JSON.stringify(r) : String(r), H = (r, f) => {
+    const e = n, i = u, c = D(), v = D(), p = D(), m = D(), h = D([]), d = D(), C = D(), o = {
+      isFocused: D(!1),
+      validationErrors: D([]),
+      isValid: D(!0),
+      visibleCount: D(0),
+      filterQuery: D("")
+    }, $ = D(/* @__PURE__ */ new Map()), _ = D(/* @__PURE__ */ new Set()), K = D(/* @__PURE__ */ new Map()), A = (r) => e.valueKey && typeof r == "object" && r !== null ? String(r[e.valueKey]) : typeof r == "object" ? JSON.stringify(r) : String(r), H = (r, f) => {
       const q = A(r.value);
       $.value.set(q, r), _.value.add(q), f && K.value.set(r.value, f);
     }, R = (r) => {
@@ -3226,12 +3226,12 @@ const Za = ["for"], za = {
       for (const [f, q] of $.value.entries())
         _.value.has(f) && r.push(q);
       return r;
-    }), oe = x(() => !e.filterable || !o.filterQuery.value.trim() || e.allowRemoteFilter ? re.value : re.value.filter((r) => te(r, o.filterQuery.value))), he = L(0), ve = (r) => {
+    }), oe = x(() => !e.filterable || !o.filterQuery.value.trim() || e.allowRemoteFilter ? re.value : re.value.filter((r) => te(r, o.filterQuery.value))), he = D(0), ve = (r) => {
       const f = r.target;
       if (!f) return;
       const q = f.scrollTop, z = f.scrollHeight, _e = f.clientHeight, be = q + _e >= z - 50, Se = Date.now(), Fe = !e.loading && oe.value.length > 0 && Se - he.value > Tt;
       be && Fe && (he.value = Se, i("scrolled"));
-    }, D = () => {
+    }, L = () => {
       Te(() => {
         if (!d.value) return;
         const r = d.value, f = r.scrollHeight, q = r.clientHeight, z = r.scrollTop, _e = f <= q, ae = z + q >= f - 10;
@@ -3258,7 +3258,7 @@ const Za = ["for"], za = {
       onVisibleChange: (r) => {
         r ? Te(async () => {
           await le(), e.filterable && C.value && C.value.focus(), setTimeout(() => {
-            D();
+            L();
           }, 100);
         }) : (o.filterQuery.value && W(), e.validateOnBlur && J.validate()), i("visible-change", r);
       }
@@ -3275,7 +3275,7 @@ const Za = ["for"], za = {
       clear() {
         o.validationErrors.value = [], o.isValid.value = !0, i("validation", { isValid: !0, errors: [] });
       }
-    }, X = x(() => e.multiple), ce = x(() => re.value.length ? Ba(e.modelValue, re.value, X.value, e.valueKey) : []), ze = x(() => !e.multiple || ce.value.length === 0 ? [] : e.collapsedTags ? ce.value.slice(0, o.visibleCount.value) : ce.value), De = x(() => {
+    }, X = x(() => e.multiple), ce = x(() => re.value.length ? Ba(e.modelValue, re.value, X.value, e.valueKey) : []), ze = x(() => !e.multiple || ce.value.length === 0 ? [] : e.collapsedTags ? ce.value.slice(0, o.visibleCount.value) : ce.value), Le = x(() => {
       if (X.value) return "";
       const r = ce.value[0];
       return r ? r.label : e.modelValue && typeof e.modelValue == "object" ? e.modelValue.label ? e.modelValue.label : e.modelValue.name ? e.modelValue.name : JSON.stringify(e.modelValue) : e.modelValue !== void 0 && e.modelValue !== null && e.modelValue !== "" && !Array.isArray(e.modelValue) ? String(e.modelValue) : "";
@@ -3388,7 +3388,7 @@ const Za = ["for"], za = {
         },
         // Методи для роботи зі скролом
         checkInitialScroll() {
-          D();
+          L();
         },
         getScrollInfo() {
           if (!d.value) return null;
@@ -3427,12 +3427,12 @@ const Za = ["for"], za = {
     }), $e(
       () => oe.value.length,
       async (r, f) => {
-        N.value && r > f && (await Te(), D());
+        N.value && r > f && (await Te(), L());
       }
     ), $e(
       () => e.loading,
       (r, f) => {
-        f && !r && N.value && D();
+        f && !r && N.value && L();
       }
     ), Ye(() => {
       e.modelValue !== void 0 && e.modelValue !== "" && (!Array.isArray(e.modelValue) || e.modelValue.length > 0) && J.validate(), Te(() => {
@@ -3483,7 +3483,7 @@ const Za = ["for"], za = {
                   key: 0,
                   class: "vt-select__tag-close",
                   name: "close",
-                  onClick: Le((ae) => Be(z.value), ["stop"])
+                  onClick: De((ae) => Be(z.value), ["stop"])
                 }, null, 8, ["onClick"]))
               ]))), 128)),
               ge.value ? ot((s(), a("div", n3, [
@@ -3491,7 +3491,7 @@ const Za = ["for"], za = {
               ])), [
                 [q, g.value]
               ]) : O("", !0)
-            ], 512)) : !r.multiple && De.value ? (s(), a("span", l3, E(De.value), 1)) : (s(), a("span", s3, E(r.placeholder), 1))
+            ], 512)) : !r.multiple && Le.value ? (s(), a("span", l3, E(Le.value), 1)) : (s(), a("span", s3, E(r.placeholder), 1))
           ]),
           l("div", r3, [
             r.loading ? (s(), we(pt, {
@@ -3502,7 +3502,7 @@ const Za = ["for"], za = {
               disabled: e.disabled,
               class: "vt-select__clear-btn",
               type: "button",
-              onClick: Le(Pe, ["stop"])
+              onClick: De(Pe, ["stop"])
             }, [
               Q(fe, { name: "close" })
             ], 8, i3)) : (s(), we(fe, {
@@ -3539,9 +3539,9 @@ const Za = ["for"], za = {
                 style: Ee(We.value),
                 class: "vt-select-dropdown",
                 role: "listbox",
-                onClick: f[2] || (f[2] = Le(() => {
+                onClick: f[2] || (f[2] = De(() => {
                 }, ["stop"])),
-                onMousedown: f[3] || (f[3] = Le(() => {
+                onMousedown: f[3] || (f[3] = De(() => {
                 }, ["prevent"]))
               }, [
                 r.filterable ? (s(), a("div", d3, [
@@ -3579,7 +3579,7 @@ const Za = ["for"], za = {
                     ]),
                     role: "option",
                     onClick: (_e) => Z(z),
-                    onMousedown: f[1] || (f[1] = Le(() => {
+                    onMousedown: f[1] || (f[1] = De(() => {
                     }, ["prevent"]))
                   }, [
                     X.value ? (s(), we(Je, {
@@ -3757,7 +3757,7 @@ const Za = ["for"], za = {
       ])
     ]));
   }
-}), S3 = ["for"], L3 = ["id", "checked", "disabled", "name", "required", "value"], D3 = /* @__PURE__ */ ke({
+}), S3 = ["for"], D3 = ["id", "checked", "disabled", "name", "required", "value"], L3 = /* @__PURE__ */ ke({
   __name: "VRadiobox",
   props: {
     modelValue: { default: void 0 },
@@ -3804,7 +3804,7 @@ const Za = ["for"], za = {
         onBlur: h,
         onChange: p,
         onFocus: m
-      }, null, 40, L3),
+      }, null, 40, D3),
       l("div", {
         class: U([
           "vt-radiobox__circle",
@@ -3902,7 +3902,7 @@ function T3(n) {
   };
 }
 function I3() {
-  const n = L({
+  const n = D({
     resizingCol: null,
     startX: 0,
     startWidth: 0
@@ -3931,19 +3931,19 @@ function I3() {
 }
 function B3(n, t, u, e) {
   var ve;
-  const i = n.selectionKey || "id", c = L([]), v = L(null), p = L(!1);
+  const i = n.selectionKey || "id", c = D([]), v = D(null), p = D(!1);
   (ve = n.defaultSelection) != null && ve.length && (c.value = [...n.defaultSelection]);
-  const m = (D) => D[i], h = (D) => p.value ? !0 : c.value.some((N) => m(N) === m(D)), d = x(() => t.value.filter((D) => h(D)).length), C = x(() => t.value.length > 0 && d.value === t.value.length), o = x(() => {
+  const m = (L) => L[i], h = (L) => p.value ? !0 : c.value.some((N) => m(N) === m(L)), d = x(() => t.value.filter((L) => h(L)).length), C = x(() => t.value.length > 0 && d.value === t.value.length), o = x(() => {
     if (p.value) return !1;
-    const D = d.value;
-    return D > 0 && D < t.value.length;
-  }), $ = x(() => p.value ? !0 : C.value && !o.value), _ = x(() => p.value), K = (D, N) => {
-    const ue = m(D), me = c.value.some((B) => m(B) === m(D)), S = N !== void 0 ? N : !me;
+    const L = d.value;
+    return L > 0 && L < t.value.length;
+  }), $ = x(() => p.value ? !0 : C.value && !o.value), _ = x(() => p.value), K = (L, N) => {
+    const ue = m(L), me = c.value.some((B) => m(B) === m(L)), S = N !== void 0 ? N : !me;
     if (p.value && !S) {
-      p.value = !1, e != null && e.value && (c.value = e.value.filter((B) => m(B) !== ue)), he(D, !1);
+      p.value = !1, e != null && e.value && (c.value = e.value.filter((B) => m(B) !== ue)), he(L, !1);
       return;
     }
-    p.value && S || (S && !me ? c.value.push(D) : !S && me && (c.value = c.value.filter((B) => m(B) !== ue)), n.selectOnClickRow && N === void 0 && te(S ? D : null), he(D, S));
+    p.value && S || (S && !me ? c.value.push(L) : !S && me && (c.value = c.value.filter((B) => m(B) !== ue)), n.selectOnClickRow && N === void 0 && te(S ? L : null), he(L, S));
   }, A = () => {
     switch (H()) {
       case "none":
@@ -3958,28 +3958,28 @@ function B3(n, t, u, e) {
         break;
     }
   }, H = () => p.value ? "absoluteAll" : C.value ? "allVisible" : d.value > 0 ? "partial" : "none", R = () => {
-    const D = [], N = new Set(c.value.map((ue) => m(ue)));
+    const L = [], N = new Set(c.value.map((ue) => m(ue)));
     c.value.forEach((ue) => {
-      D.push(ue);
+      L.push(ue);
     }), t.value.forEach((ue) => {
-      N.has(m(ue)) || D.push(ue);
-    }), c.value = D, p.value = !1, he();
+      N.has(m(ue)) || L.push(ue);
+    }), c.value = L, p.value = !1, he();
   }, G = () => {
     p.value = !0, e != null && e.value ? c.value = [...e.value] : c.value = [...t.value], he(void 0, void 0, !0);
   }, P = () => {
     c.value = [], p.value = !1, v.value = null, he();
-  }, te = (D) => {
+  }, te = (L) => {
     const N = v.value;
-    v.value = D, u("current-change", {
+    v.value = L, u("current-change", {
       currentRow: v.value,
       oldCurrentRow: N
     });
-  }, re = () => [...c.value], oe = (D) => {
-    c.value = [...D], p.value = !1, he();
-  }, he = (D, N, ue = !1) => {
+  }, re = () => [...c.value], oe = (L) => {
+    c.value = [...L], p.value = !1, he();
+  }, he = (L, N, ue = !1) => {
     const me = {
       selection: [...c.value],
-      row: D,
+      row: L,
       selected: N,
       isAllSelected: ue || p.value
     };
@@ -3987,8 +3987,8 @@ function B3(n, t, u, e) {
   };
   return $e(
     () => n.defaultSelection,
-    (D) => {
-      D != null && D.length && (c.value = [...D]);
+    (L) => {
+      L != null && L.length && (c.value = [...L]);
     }
   ), {
     selectedRows: c,
@@ -4063,7 +4063,7 @@ const A3 = (n, t, u = "asc") => {
   },
   emits: ["visible-change", "click", "command"],
   setup(n, { expose: t, emit: u }) {
-    const e = n, i = u, c = L(), v = L(), p = L(), m = L(!1), h = L(!1), d = L(null), { visible: C, parentVisible: o, dropdownPosition: $, show: _, hide: K, toggle: A } = mt(
+    const e = n, i = u, c = D(), v = D(), p = D(), m = D(!1), h = D(!1), d = D(null), { visible: C, parentVisible: o, dropdownPosition: $, show: _, hide: K, toggle: A } = mt(
       v,
       p,
       {
@@ -4103,7 +4103,7 @@ const A3 = (n, t, u = "asc") => {
       if (!C.value) return;
       const ue = N.target;
       (me = c.value) != null && me.contains(ue) || (S = p.value) != null && S.contains(ue) || K();
-    }, D = x(() => ({
+    }, L = x(() => ({
       ...$.value,
       position: "absolute",
       zIndex: 2e3,
@@ -4139,11 +4139,11 @@ const A3 = (n, t, u = "asc") => {
         l("div", {
           ref_key: "menuRef",
           ref: p,
-          style: Ee(D.value),
+          style: Ee(L.value),
           class: "vt-dropdown-menu",
           onMouseenter: oe,
           onMouseleave: he,
-          onClick: ue[0] || (ue[0] = Le(() => {
+          onClick: ue[0] || (ue[0] = De(() => {
           }, ["stop"]))
         }, [
           He(N.$slots, "dropdown")
@@ -4188,7 +4188,7 @@ class j3 {
   open(t = {}) {
     const u = `modal-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, e = document.createElement("div");
     e.setAttribute("data-vt-modal", u), document.body.appendChild(e);
-    const i = L(!0), c = this.baseZIndex + this.modalStack.length * 10, v = Nt({
+    const i = D(!0), c = this.baseZIndex + this.modalStack.length * 10, v = Nt({
       setup() {
         const m = () => {
           i.value = !1, setTimeout(() => {
@@ -4275,7 +4275,7 @@ const Qe = new j3(), F3 = {
   },
   emits: ["update-columns"],
   setup(n, { emit: t }) {
-    const u = n, e = t, i = L([]), c = L(/* @__PURE__ */ new Set()), v = L(-1), p = L(-1), m = L("before"), h = x(() => {
+    const u = n, e = t, i = D([]), c = D(/* @__PURE__ */ new Set()), v = D(-1), p = D(-1), m = D("before"), h = x(() => {
       const S = {};
       return u.columnsSelector.forEach((B) => {
         if (B.name === "removed")
@@ -4364,7 +4364,7 @@ const Qe = new j3(), F3 = {
           (le) => !F.some((J) => J.prop === le.prop)
         );
       }
-    }, ve = (S) => i.value.some((B) => B.prop === S.prop), D = (S) => {
+    }, ve = (S) => i.value.some((B) => B.prop === S.prop), L = (S) => {
       const B = i.value.find((F) => F.prop === S.prop);
       return !B || !C(B);
     }, N = (S) => {
@@ -4398,7 +4398,7 @@ const Qe = new j3(), F3 = {
               checked: !0,
               disabled: C(F),
               onChange: (J) => oe(F, J),
-              onClick: B[0] || (B[0] = Le(() => {
+              onClick: B[0] || (B[0] = De(() => {
               }, ["stop"]))
             }, null, 8, ["label", "disabled", "onChange"]),
             C(F) ? (s(), a("span", N3, "pinned")) : O("", !0)
@@ -4420,7 +4420,7 @@ const Qe = new j3(), F3 = {
                   checked: ((le = h.value[F.name]) == null ? void 0 : le.checked) || !1,
                   indeterminate: ((J = h.value[F.name]) == null ? void 0 : J.indeterminate) || !1,
                   onChange: (X) => he(F, X),
-                  onClick: B[1] || (B[1] = Le(() => {
+                  onClick: B[1] || (B[1] = De(() => {
                   }, ["stop"]))
                 }, null, 8, ["label", "checked", "indeterminate", "onChange"]),
                 F.icon ? (s(), we(fe, {
@@ -4437,10 +4437,10 @@ const Qe = new j3(), F3 = {
                   Q(Je, {
                     label: X.label,
                     checked: ve(X),
-                    disabled: !D(X),
+                    disabled: !L(X),
                     onChange: (ce) => oe(X, ce)
                   }, null, 8, ["label", "checked", "disabled", "onChange"]),
-                  D(X) ? O("", !0) : (s(), a("span", K3, " (закріплена) "))
+                  L(X) ? O("", !0) : (s(), a("span", K3, " (закріплена) "))
                 ]))), 128))
               ])) : O("", !0)
             ]);
@@ -4575,7 +4575,7 @@ const Qe = new j3(), F3 = {
   class: "vt-table__summary"
 }, m2 = { class: "vt-table__cell-content vt-table__cell-content--summary" }, wt = 50, C2 = /* @__PURE__ */ ke({
   __name: "VTable",
-  props: /* @__PURE__ */ Lt({
+  props: /* @__PURE__ */ Dt({
     data: {},
     maxHeight: { default: void 0 },
     rowKey: { default: "id" },
@@ -4599,9 +4599,9 @@ const Qe = new j3(), F3 = {
     },
     columnsModifiers: {}
   }),
-  emits: /* @__PURE__ */ Lt(["sort-change", "selection-change", "current-change", "row-click", "update:columns", "column-pin", "column-resize", "column-visibility", "column-sort", "columns-change", "infinity-scroll"], ["update:columns"]),
+  emits: /* @__PURE__ */ Dt(["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: t, emit: u }) {
-    const e = n, i = u, c = s1(n, "columns"), v = L({}), p = L(), m = Wt([]), h = L(e.defaultSort || null), d = x(() => R3(e.data || [], h.value, m)), C = x(() => c.value !== void 0), o = x(() => e.data && e.data.length > 0), $ = L(!1), _ = L(0);
+    const e = n, i = u, c = s1(n, "columns"), v = D({}), p = D(), m = Wt([]), h = D(e.defaultSort || null), d = x(() => R3(e.data || [], h.value, m)), C = x(() => c.value !== void 0), o = x(() => e.data && e.data.length > 0), $ = D(!1), _ = D(0);
     let K;
     const A = (I, W) => e.rowKey && I[e.rowKey] != null ? String(I[e.rowKey]) : String(W);
     $e(
@@ -4617,7 +4617,7 @@ const Qe = new j3(), F3 = {
       },
       { deep: !0 }
     ), ut("vt-table-columns", m);
-    const { sortedColumns: H, getDefaultColumnWidth: R, getStickyOffset: G } = H3(m), { getTableWrapperStyle: P, getColumnStyle: te, getHeaderStyle: re, getFooterStyle: oe } = T3(e), { onMouseDown: he } = I3(), ve = x(() => e.allData || e.data), D = e.selectable ? B3(e, d, i, ve) : null, N = () => ({
+    const { sortedColumns: H, getDefaultColumnWidth: R, getStickyOffset: G } = H3(m), { getTableWrapperStyle: P, getColumnStyle: te, getHeaderStyle: re, getFooterStyle: oe } = T3(e), { onMouseDown: he } = I3(), ve = x(() => e.allData || e.data), L = e.selectable ? B3(e, d, i, ve) : null, N = () => ({
       width: `${wt}px`,
       minWidth: `${wt}px`,
       maxWidth: `${wt}px`,
@@ -4686,11 +4686,11 @@ const Qe = new j3(), F3 = {
         i("columns-change", [...m]);
       }
     }, ce = (I, W, se) => {
-      i("row-click", { row: I, column: W, event: se }), e.highlightCurrentRow && D && D.setCurrentRow(I);
+      i("row-click", { row: I, column: W, event: se }), e.highlightCurrentRow && L && L.setCurrentRow(I);
     }, ze = (I, W, se) => {
-      se.stopPropagation(), D && D.toggleRowSelection(W, I);
-    }, De = (I, W) => {
-      W.stopPropagation(), D && D.toggleAllSelection();
+      se.stopPropagation(), L && L.toggleRowSelection(W, I);
+    }, Le = (I, W) => {
+      W.stopPropagation(), L && L.toggleAllSelection();
     }, Ie = (I, W) => {
       I && (v.value[W] = I);
     }, ye = (I, W) => {
@@ -4724,15 +4724,15 @@ const Qe = new j3(), F3 = {
         {}
       );
     }), j = x(() => e.showSummary && o.value), Z = (I, W) => {
-      D && D.toggleRowSelection(I, W);
+      L && L.toggleRowSelection(I, W);
     }, Me = () => {
-      D && D.toggleAllSelection();
+      L && L.toggleAllSelection();
     }, Pe = () => {
-      D && D.selectAbsolutelyAll();
+      L && L.selectAbsolutelyAll();
     }, Be = () => {
-      D && D.clearSelection();
-    }, Re = () => D ? D.getSelectionRows() : [], je = (I) => {
-      D && D.setSelectionRows(I);
+      L && L.clearSelection();
+    }, Re = () => L ? L.getSelectionRows() : [], je = (I) => {
+      L && L.setSelectionRows(I);
     }, Ae = (I, W) => {
       if (!e.rowHighlight) return [];
       try {
@@ -4776,10 +4776,10 @@ const Qe = new j3(), F3 = {
               }, [
                 l("div", n2, [
                   Q(Je, {
-                    checked: (de = Y(D)) == null ? void 0 : de.isAllSelected.value,
-                    indeterminate: (ee = Y(D)) == null ? void 0 : ee.isIndeterminate.value,
-                    "is-double": (b = (k = Y(D)) == null ? void 0 : k.isDoubleCheck) == null ? void 0 : b.value,
-                    onChange: De
+                    checked: (de = Y(L)) == null ? void 0 : de.isAllSelected.value,
+                    indeterminate: (ee = Y(L)) == null ? void 0 : ee.isIndeterminate.value,
+                    "is-double": (b = (k = Y(L)) == null ? void 0 : k.isDoubleCheck) == null ? void 0 : b.value,
+                    onChange: Le
                   }, null, 8, ["checked", "indeterminate", "is-double"])
                 ])
               ], 6)) : O("", !0),
@@ -4808,12 +4808,12 @@ const Qe = new j3(), F3 = {
                     Q(fe, {
                       class: U(Y(Bt)(r, h.value).asc),
                       name: "arrowTop",
-                      onClick: Le((q) => F(r, "asc"), ["stop"])
+                      onClick: De((q) => F(r, "asc"), ["stop"])
                     }, null, 8, ["class", "onClick"]),
                     Q(fe, {
                       class: U(Y(Bt)(r, h.value).desc),
                       name: "arrowDown",
-                      onClick: Le((q) => F(r, "desc"), ["stop"])
+                      onClick: De((q) => F(r, "desc"), ["stop"])
                     }, null, 8, ["class", "onClick"])
                   ])) : O("", !0),
                   r.actionColumn ? (s(), we(J3, {
@@ -4841,8 +4841,8 @@ const Qe = new j3(), F3 = {
                 class: U([
                   "vt-table__row",
                   {
-                    "vt-table__row--selected": (q = Y(D)) == null ? void 0 : q.isRowSelected(r),
-                    "vt-table__row--current": ((z = Y(D)) == null ? void 0 : z.currentRow.value) === r,
+                    "vt-table__row--selected": (q = Y(L)) == null ? void 0 : q.isRowSelected(r),
+                    "vt-table__row--current": ((z = Y(L)) == null ? void 0 : z.currentRow.value) === r,
                     "vt-table__row--clickable": e.selectOnClickRow || e.highlightCurrentRow
                   },
                   ...Ae(r, f)
@@ -4858,7 +4858,7 @@ const Qe = new j3(), F3 = {
                 }, [
                   l("div", d2, [
                     Q(Je, {
-                      checked: (_e = Y(D)) == null ? void 0 : _e.isRowSelected(r),
+                      checked: (_e = Y(L)) == null ? void 0 : _e.isRowSelected(r),
                       onChange: (ae, be) => ze(ae, r, be)
                     }, null, 8, ["checked", "onChange"])
                   ])
@@ -4972,10 +4972,10 @@ const Qe = new j3(), F3 = {
     });
     let c = -1;
     return Ye(() => {
-      console.log("ADD", t.prop), console.log("ADD", e), Te(() => {
+      console.log("ADD", t.prop), Te(() => {
         if (!e) return;
         const v = i(), p = e.findIndex((m) => m.prop === t.prop && m.label === t.label);
-        p !== -1 ? e[p] = { ...e[p], ...v } : (e.push(v), c = e.length - 1);
+        p !== -1 ? e[p] = { ...e[p], ...v } : (console.log("ADD1", e), e.push(v), console.log("ADD2", e), c = e.length - 1);
       });
     }), $e(
       () => [
@@ -5307,7 +5307,7 @@ const Qe = new j3(), F3 = {
       disabled: e.includes(c)
     });
   return i;
-}, S2 = { class: "vt-timepicker__input" }, L2 = { class: "vt-timepicker__icon" }, D2 = {
+}, S2 = { class: "vt-timepicker__input" }, D2 = { class: "vt-timepicker__icon" }, L2 = {
   key: 0,
   class: "vt-timepicker__text"
 }, H2 = {
@@ -5362,12 +5362,12 @@ const Qe = new j3(), F3 = {
   },
   emits: ["update:modelValue", "change", "blur", "focus", "open-change"],
   setup(n, { expose: t, emit: u }) {
-    const e = n, i = u, c = L(), v = L(), p = L(), m = {
-      isFocused: L(!1),
-      startTime: L(null),
-      endTime: L(null),
-      isSelectingEnd: L(!1)
-    }, h = L(/* @__PURE__ */ new Map()), d = x(() => e.type === "timerange"), C = (k) => {
+    const e = n, i = u, c = D(), v = D(), p = D(), m = {
+      isFocused: D(!1),
+      startTime: D(null),
+      endTime: D(null),
+      isSelectingEnd: D(!1)
+    }, h = D(/* @__PURE__ */ new Map()), d = x(() => e.type === "timerange"), C = (k) => {
       if (!k) return "";
       const { hour: b, minute: r, second: f } = k, q = e.format || (e.showSeconds ? e.use12Hours ? ht["12h"] : ht["24h"] : e.use12Hours ? ht["12h_no_seconds"] : ht["24h_no_seconds"]);
       return x2(b, r, f, q, e.use12Hours);
@@ -5399,7 +5399,7 @@ const Qe = new j3(), F3 = {
         "vt-timepicker--range": d.value,
         "vt-timepicker--open": F.value
       }
-    ]), P = L(0), te = L(0), re = L(0), oe = L("AM"), he = L(0), ve = L(0), D = L(0), N = L("AM"), ue = x(() => {
+    ]), P = D(0), te = D(0), re = D(0), oe = D("AM"), he = D(0), ve = D(0), L = D(0), N = D("AM"), ue = x(() => {
       const k = e.use12Hours ? 12 : 23, b = e.use12Hours ? 1 : 0, r = e.disabledHours ? e.disabledHours() : [], f = bt(b, k, e.hourStep, r);
       return e.hideDisabledOptions ? f.filter((q) => !q.disabled) : f;
     }), me = x(() => {
@@ -5415,7 +5415,7 @@ const Qe = new j3(), F3 = {
       show: X,
       hide: ce,
       toggle: ze,
-      updatePosition: De
+      updatePosition: Le
     } = mt(v, p, {
       trigger: "click",
       placement: "bottom-start",
@@ -5425,7 +5425,7 @@ const Qe = new j3(), F3 = {
       hideOnClick: !1,
       onVisibleChange: (k) => {
         i("open-change", k), k ? Te(() => {
-          De(), setTimeout(() => {
+          Le(), setTimeout(() => {
             qe(), setTimeout(() => {
               Ke();
             }, 200);
@@ -5461,7 +5461,7 @@ const Qe = new j3(), F3 = {
                   break;
               }
               const dt = nt.find((Ct) => Ct.value === Ue);
-              dt && !dt.disabled && (b === "hour" ? r ? he.value = Ue : P.value = Ue : b === "minute" ? r ? ve.value = Ue : te.value = Ue : b === "second" && (r ? D.value = Ue : re.value = Ue));
+              dt && !dt.disabled && (b === "hour" ? r ? he.value = Ue : P.value = Ue : b === "minute" ? r ? ve.value = Ue : te.value = Ue : b === "second" && (r ? L.value = Ue : re.value = Ue));
             }
           }
         },
@@ -5506,7 +5506,7 @@ const Qe = new j3(), F3 = {
           const f = Array.from(k);
           f[0] && b(f[0], P.value, ue.value), f[1] && b(f[1], te.value, me.value), e.showSeconds && f[2] && b(f[2], re.value, S.value);
           const q = e.showSeconds ? e.use12Hours ? 4 : 3 : e.use12Hours ? 3 : 2;
-          f[q] && b(f[q], he.value, ue.value), f[q + 1] && b(f[q + 1], ve.value, me.value), e.showSeconds && f[q + 2] && b(f[q + 2], D.value, S.value);
+          f[q] && b(f[q], he.value, ue.value), f[q + 1] && b(f[q + 1], ve.value, me.value), e.showSeconds && f[q + 2] && b(f[q + 2], L.value, S.value);
         } else {
           const f = Array.from(k);
           f[0] && b(f[0], P.value, ue.value), f[1] && b(f[1], te.value, me.value), e.showSeconds && f[2] && b(f[2], re.value, S.value);
@@ -5518,7 +5518,7 @@ const Qe = new j3(), F3 = {
           r ? N.value = k : oe.value = k;
         else {
           const z = k;
-          b === "hour" ? r ? he.value = z : P.value = z : b === "minute" ? r ? ve.value = z : te.value = z : b === "second" && (r ? D.value = z : re.value = z);
+          b === "hour" ? r ? he.value = z : P.value = z : b === "minute" ? r ? ve.value = z : te.value = z : b === "second" && (r ? L.value = z : re.value = z);
         }
         q && Te(() => {
           var _e;
@@ -5545,13 +5545,13 @@ const Qe = new j3(), F3 = {
       m.isFocused.value = !1, i("blur", c.value);
     }, Pe = () => {
       const k = (d.value, null);
-      i("update:modelValue", k), i("change", k), d.value && (m.startTime.value = null, m.endTime.value = null, m.isSelectingEnd.value = !1), P.value = ee.hour, te.value = ee.minute, re.value = ee.second, oe.value = ee.period, he.value = ee.hour, ve.value = ee.minute, D.value = ee.second, N.value = ee.period;
+      i("update:modelValue", k), i("change", k), d.value && (m.startTime.value = null, m.endTime.value = null, m.isSelectingEnd.value = !1), P.value = ee.hour, te.value = ee.minute, re.value = ee.second, oe.value = ee.period, he.value = ee.hour, ve.value = ee.minute, L.value = ee.second, N.value = ee.period;
     }, Be = (k) => C(k), Re = () => {
       if (!e.disabled) {
         if (d.value) {
           let k = P.value, b = he.value;
           e.use12Hours && (oe.value === "PM" && k !== 12 && (k += 12), oe.value === "AM" && k === 12 && (k = 0), N.value === "PM" && b !== 12 && (b += 12), N.value === "AM" && b === 12 && (b = 0));
-          const r = { hour: k, minute: te.value, second: re.value }, f = { hour: b, minute: ve.value, second: D.value }, q = [Be(r), Be(f)], z = $(q);
+          const r = { hour: k, minute: te.value, second: re.value }, f = { hour: b, minute: ve.value, second: L.value }, q = [Be(r), Be(f)], z = $(q);
           if (!z.isValid) {
             console.warn("Time range validation failed:", z.errors);
             return;
@@ -5610,7 +5610,7 @@ const Qe = new j3(), F3 = {
             }
             if (r) {
               let f = r.hour;
-              e.use12Hours && (N.value = f >= 12 ? "PM" : "AM", f = f === 0 ? 12 : f > 12 ? f - 12 : f), he.value = f, ve.value = r.minute, D.value = r.second;
+              e.use12Hours && (N.value = f >= 12 ? "PM" : "AM", f = f === 0 ? 12 : f > 12 ? f - 12 : f), he.value = f, ve.value = r.minute, L.value = r.second;
             }
           } else if (!d.value) {
             const b = o(k);
@@ -5643,7 +5643,7 @@ const Qe = new j3(), F3 = {
       };
     })();
     return Ye(() => {
-      document.addEventListener("click", g), document.addEventListener("keydown", Ae), e.modelValue || (P.value = ee.hour, te.value = ee.minute, re.value = ee.second, oe.value = ee.period, he.value = ee.hour, ve.value = ee.minute, D.value = ee.second, N.value = ee.period);
+      document.addEventListener("click", g), document.addEventListener("keydown", Ae), e.modelValue || (P.value = ee.hour, te.value = ee.minute, re.value = ee.second, oe.value = ee.period, he.value = ee.hour, ve.value = ee.minute, L.value = ee.second, N.value = ee.period);
     }), Ge(() => {
       document.removeEventListener("click", g), document.removeEventListener("keydown", Ae), We();
     }), (k, b) => (s(), a("div", {
@@ -5661,10 +5661,10 @@ const Qe = new j3(), F3 = {
         onFocus: Z
       }, [
         l("div", S2, [
-          l("div", L2, [
+          l("div", D2, [
             Q(fe, { name: "clock" })
           ]),
-          A.value ? (s(), a("div", D2, [
+          A.value ? (s(), a("div", L2, [
             d.value ? (s(), a(ne, { key: 0 }, [
               l("span", null, E(K.value[0]), 1),
               l("span", null, E(e.rangeSeparator), 1),
@@ -5687,7 +5687,7 @@ const Qe = new j3(), F3 = {
               disabled: e.disabled,
               class: "vt-input__clear-btn",
               type: "button",
-              onClick: Le(Pe, ["stop"])
+              onClick: De(Pe, ["stop"])
             }, [
               Q(fe, { name: "close" })
             ], 8, I2)) : O("", !0)
@@ -5705,9 +5705,9 @@ const Qe = new j3(), F3 = {
               ref: p,
               style: Ee(Ie.value),
               class: "vt-timepicker__dropdown",
-              onClick: b[0] || (b[0] = Le(() => {
+              onClick: b[0] || (b[0] = De(() => {
               }, ["stop"])),
-              onMousedown: b[1] || (b[1] = Le(() => {
+              onMousedown: b[1] || (b[1] = De(() => {
               }, ["prevent"]))
             }, [
               d.value ? (s(), a("div", B2, [
@@ -5818,7 +5818,7 @@ const Qe = new j3(), F3 = {
                           class: U([
                             "vt-timepicker__option",
                             {
-                              "vt-timepicker__option--selected": D.value === r.value,
+                              "vt-timepicker__option--selected": L.value === r.value,
                               "vt-timepicker__option--disabled": r.disabled
                             }
                           ]),
@@ -5931,7 +5931,7 @@ const Qe = new j3(), F3 = {
 }, V5 = { class: "vt-datepicker__separator" }, S5 = {
   key: 1,
   class: "vt-datepicker__placeholder"
-}, L5 = { class: "vt-datepicker__separator" }, D5 = { class: "vt-datepicker__suffix" }, H5 = ["disabled"], T5 = {
+}, D5 = { class: "vt-datepicker__separator" }, L5 = { class: "vt-datepicker__suffix" }, H5 = ["disabled"], T5 = {
   key: 0,
   class: "vt-datepicker__dual-calendar"
 }, I5 = { class: "vt-datepicker__calendar-panel" }, B5 = {
@@ -5989,18 +5989,18 @@ const Qe = new j3(), F3 = {
   },
   emits: ["update:modelValue", "change", "blur", "focus", "calendar-change", "panel-change", "open-change"],
   setup(n, { expose: t, emit: u }) {
-    const e = n, i = u, c = L(), v = L(), p = L(), m = L(), h = L(), d = () => (e.type === "datetime" || e.type === "datetimerange", "00:00:00"), C = () => "23:59:59", o = {
-      isFocused: L(!1),
-      currentDate: L(/* @__PURE__ */ new Date()),
-      rightCurrentDate: L(new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth() + 1, 1)),
-      viewMode: L("date"),
-      startDate: L(null),
-      endDate: L(null),
-      isSelectingEnd: L(!1),
-      hoverDate: L(null),
+    const e = n, i = u, c = D(), v = D(), p = D(), m = D(), h = D(), d = () => (e.type === "datetime" || e.type === "datetimerange", "00:00:00"), C = () => "23:59:59", o = {
+      isFocused: D(!1),
+      currentDate: D(/* @__PURE__ */ new Date()),
+      rightCurrentDate: D(new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth() + 1, 1)),
+      viewMode: D("date"),
+      startDate: D(null),
+      endDate: D(null),
+      isSelectingEnd: D(!1),
+      hoverDate: D(null),
       // Time state for datetime types
-      startTime: L(d()),
-      endTime: L(C())
+      startTime: D(d()),
+      endTime: D(C())
     }, $ = rt(e, "modelValue"), _ = rt(e, "type"), K = rt(e, "format"), A = rt(e, "valueFormat");
     rt(e, "rangeSeparator");
     const {
@@ -6014,7 +6014,7 @@ const Qe = new j3(), F3 = {
       calendarDates: oe,
       monthsInYear: he,
       yearsInDecade: ve,
-      decadeRange: D,
+      decadeRange: L,
       isDateInCurrentMonth: N,
       isToday: ue,
       isSameDate: me,
@@ -6037,7 +6037,7 @@ const Qe = new j3(), F3 = {
         default:
           return "date";
       }
-    }, De = x(() => e.type === "datetime" || e.type === "datetimerange"), Ie = x(() => De.value), {
+    }, Le = x(() => e.type === "datetime" || e.type === "datetimerange"), Ie = x(() => Le.value), {
       visible: ye,
       parentVisible: Ke,
       dropdownPosition: We,
@@ -6187,10 +6187,10 @@ const Qe = new j3(), F3 = {
       if (!(e.disabled || !y) && je(y, V, w))
         if (H.value) {
           if (!o.startDate.value || o.startDate.value && o.endDate.value)
-            o.startDate.value = new Date(y), o.endDate.value = null, o.isSelectingEnd.value = !0, o.hoverDate.value = null, De.value && (o.startTime.value = "00:00:00", o.endTime.value = null);
+            o.startDate.value = new Date(y), o.endDate.value = null, o.isSelectingEnd.value = !0, o.hoverDate.value = null, Le.value && (o.startTime.value = "00:00:00", o.endTime.value = null);
           else if (o.startDate.value && !o.endDate.value) {
             const T = new Date(o.startDate.value), ie = new Date(y);
-            if (ie >= T ? o.endDate.value = ie : (o.endDate.value = T, o.startDate.value = ie), De.value && (o.endTime.value = "23:59:59"), o.isSelectingEnd.value = !1, o.hoverDate.value = null, !De.value) {
+            if (ie >= T ? o.endDate.value = ie : (o.endDate.value = T, o.startDate.value = ie), Le.value && (o.endTime.value = "23:59:59"), o.isSelectingEnd.value = !1, o.hoverDate.value = null, !Le.value) {
               const Ce = [o.startDate.value, o.endDate.value];
               try {
                 const Ze = te(Ce);
@@ -6201,7 +6201,7 @@ const Qe = new j3(), F3 = {
               ge();
             }
           }
-        } else if (De.value)
+        } else if (Le.value)
           o.startDate.value = new Date(y), o.startTime.value = "00:00:00";
         else
           try {
@@ -6225,7 +6225,7 @@ const Qe = new j3(), F3 = {
         }
       }
     }, Oe = () => {
-      if (De.value) {
+      if (Le.value) {
         if (H.value && o.startDate.value && o.endDate.value) {
           const y = k(o.startDate.value, o.startTime.value || "00:00:00"), V = k(o.endDate.value, o.endTime.value || "23:59:59"), w = [y, V];
           try {
@@ -6294,14 +6294,14 @@ const Qe = new j3(), F3 = {
         if (y) {
           if (H.value && Array.isArray(y) && y.length === 2)
             try {
-              o.startDate.value = y[0] instanceof Date ? new Date(y[0]) : new Date(y[0]), o.endDate.value = y[1] instanceof Date ? new Date(y[1]) : new Date(y[1]), De.value && (o.startTime.value = b(o.startDate.value), o.endTime.value = b(o.endDate.value));
+              o.startDate.value = y[0] instanceof Date ? new Date(y[0]) : new Date(y[0]), o.endDate.value = y[1] instanceof Date ? new Date(y[1]) : new Date(y[1]), Le.value && (o.startTime.value = b(o.startDate.value), o.endTime.value = b(o.endDate.value));
             } catch {
               console.warn("Invalid date format in modelValue:", y), o.startDate.value = null, o.endDate.value = null;
             }
           else if (!H.value && y !== null)
             try {
               let V = null;
-              y instanceof Date ? V = y : (typeof y == "string" || typeof y == "number") && (V = new Date(y)), V && !isNaN(V.getTime()) ? (o.startDate.value = V, De.value && (o.startTime.value = b(V))) : o.startDate.value = null;
+              y instanceof Date ? V = y : (typeof y == "string" || typeof y == "number") && (V = new Date(y)), V && !isNaN(V.getTime()) ? (o.startDate.value = V, Le.value && (o.startTime.value = b(V))) : o.startDate.value = null;
             } catch {
               console.warn("Invalid date format in modelValue:", y), o.startDate.value = null;
             }
@@ -6361,7 +6361,7 @@ const Qe = new j3(), F3 = {
         l("div", M5, [
           l("div", $5, [
             Q(fe, {
-              name: De.value ? "clock" : "calendar"
+              name: Le.value ? "clock" : "calendar"
             }, null, 8, ["name"])
           ]),
           Y(P) ? (s(), a("div", x5, [
@@ -6375,19 +6375,19 @@ const Qe = new j3(), F3 = {
           ])) : (s(), a("div", S5, [
             Y(H) ? (s(), a(ne, { key: 0 }, [
               l("span", null, E(e.startPlaceholder), 1),
-              l("span", L5, E(e.rangeSeparator), 1),
+              l("span", D5, E(e.rangeSeparator), 1),
               l("span", null, E(e.endPlaceholder), 1)
             ], 64)) : (s(), a(ne, { key: 1 }, [
               xe(E(Me.value), 1)
             ], 64))
           ])),
-          l("div", D5, [
+          l("div", L5, [
             Z.value ? (s(), a("button", {
               key: 0,
               disabled: e.disabled,
               class: "vt-datepicker__clear",
               type: "button",
-              onClick: Le(_e, ["stop"])
+              onClick: De(_e, ["stop"])
             }, [
               Q(fe, { name: "close" })
             ], 8, H5)) : O("", !0)
@@ -6405,9 +6405,9 @@ const Qe = new j3(), F3 = {
               ref: p,
               style: Ee(Be.value),
               class: "vt-datepicker__dropdown",
-              onClick: V[10] || (V[10] = Le(() => {
+              onClick: V[10] || (V[10] = De(() => {
               }, ["stop"])),
-              onMousedown: V[11] || (V[11] = Le(() => {
+              onMousedown: V[11] || (V[11] = De(() => {
               }, ["prevent"]))
             }, [
               l("div", {
@@ -6590,7 +6590,7 @@ const Qe = new j3(), F3 = {
                         key: 1,
                         class: "vt-datepicker__header-btn",
                         onClick: V[9] || (V[9] = (w) => o.viewMode.value = "year")
-                      }, E(o.currentDate.value.getFullYear()), 1)) : (s(), a("span", t6, E(Y(D)), 1))
+                      }, E(o.currentDate.value.getFullYear()), 1)) : (s(), a("span", t6, E(Y(L)), 1))
                     ]),
                     l("button", {
                       class: "vt-datepicker__nav-btn",
@@ -6790,7 +6790,7 @@ const Qe = new j3(), F3 = {
   },
   emits: ["update:modelValue", "tab-change", "tab-remove", "tab-add"],
   setup(n, { emit: t }) {
-    const u = n, e = t, i = at(), c = L(u.modelValue), v = L([]);
+    const u = n, e = t, i = at(), c = D(u.modelValue), v = D([]);
     $e(
       () => u.modelValue,
       (C) => {
@@ -6842,7 +6842,7 @@ const Qe = new j3(), F3 = {
           $.closable ? (s(), a("span", {
             key: 2,
             class: "vt-tabs__close",
-            onClick: Le((_) => m($.name), ["stop"])
+            onClick: De((_) => m($.name), ["stop"])
           }, [
             Q(fe, { name: "close" })
           ], 8, y6)) : O("", !0)
@@ -7013,13 +7013,13 @@ const Qe = new j3(), F3 = {
   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);
   }
-}, L6 = { class: "vt-message-container" }, D6 = { class: "vt-message-icon" }, H6 = { class: "vt-message-content" }, T6 = ["innerHTML"], I6 = {
+}, D6 = { class: "vt-message-container" }, L6 = { class: "vt-message-icon" }, H6 = { class: "vt-message-content" }, T6 = ["innerHTML"], I6 = {
   key: 1,
   class: "vt-message-text"
 }, B6 = ["onClick"], E6 = /* @__PURE__ */ ke({
   __name: "VMessage",
   setup(n, { expose: t }) {
-    const u = L([]);
+    const u = D([]);
     let e = 0;
     const i = (p) => ({
       success: "checkCircle",
@@ -7046,7 +7046,7 @@ const Qe = new j3(), F3 = {
       addMessage: c,
       removeMessage: v
     }), (p, m) => (s(), we(lt, { to: "body" }, [
-      l("div", L6, [
+      l("div", D6, [
         Q(i1, {
           name: "vt-message",
           tag: "div"
@@ -7060,7 +7060,7 @@ const Qe = new j3(), F3 = {
                 { "vt-message-item--closable": h.showClose }
               ])
             }, [
-              l("div", D6, [
+              l("div", L6, [
                 Q(fe, {
                   color: h.type === "primary" ? "#00475A" : "",
                   name: i(h.type)
@@ -7161,7 +7161,7 @@ const Ne = new A6(), Yt = Object.assign(
 }, R6 = {
   install(n, t = {}) {
     const { prefix: u = "V", modal: e = !0, message: i = !0 } = t;
-    n.component(`${u}Button`, Xe), n.component(`${u}Icon`, fe), n.component(`${u}Loader`, pt), n.component(`${u}Modal`, Ut), n.component(`${u}Pagination`, V3), n.component(`${u}Checkbox`, Je), n.component(`${u}Radiobox`, D3), n.component(`${u}Table`, C2), n.component(`${u}TableColumn`, _2), n.component(`${u}Dropdown`, e1), n.component(`${u}DropdownItem`, yt), n.component(`${u}Input`, Qt), n.component(`${u}Select`, Xt), n.component(`${u}Option`, Gt), n.component(`${u}DatePicker`, h6), n.component(`${u}TimePicker`, vt), n.component(`${u}Collapse`, p6), n.component(`${u}CollapseItem`, _6), n.component(`${u}Tabs`, $6), n.component(`${u}TabItem`, V6), n.directive("tooltip", S6), e && n.use(F3), i && n.use(P6);
+    n.component(`${u}Button`, Xe), n.component(`${u}Icon`, fe), n.component(`${u}Loader`, pt), n.component(`${u}Modal`, Ut), n.component(`${u}Pagination`, V3), n.component(`${u}Checkbox`, Je), n.component(`${u}Radiobox`, L3), n.component(`${u}Table`, C2), n.component(`${u}TableColumn`, _2), n.component(`${u}Dropdown`, e1), n.component(`${u}DropdownItem`, yt), n.component(`${u}Input`, Qt), n.component(`${u}Select`, Xt), n.component(`${u}Option`, Gt), n.component(`${u}DatePicker`, h6), n.component(`${u}TimePicker`, vt), n.component(`${u}Collapse`, p6), n.component(`${u}CollapseItem`, _6), n.component(`${u}Tabs`, $6), n.component(`${u}TabItem`, V6), n.directive("tooltip", S6), e && n.use(F3), i && n.use(P6);
   }
 }, q6 = R6.install;
 export {
@@ -7188,7 +7188,7 @@ export {
   F3 as VModalPlugin,
   Gt as VOption,
   V3 as VPagination,
-  D3 as VRadiobox,
+  L3 as VRadiobox,
   Xt as VSelect,
   V6 as VTabItem,
   C2 as VTable,