voiptime-components 1.9.4 → 1.9.5

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 Y, resolveDynamicComponent as ft, normalizeStyle as Ee, useSlots as at, resolveDirective as xt, withDirectives as ot, normalizeClass as U, renderSlot as De, 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 O, Transition as it, withCtx as Ve, inject as ct, onBeforeUnmount as qt, createApp as Ut, h as gt, mergeModels as Lt, useModel as a1, reactive as Kt, toRef as rt, toRefs as u1, vShow as Qt, TransitionGroup as c1 } 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 Y, resolveDynamicComponent as ft, normalizeStyle as Ee, useSlots as at, resolveDirective as Vt, withDirectives as ot, normalizeClass as U, renderSlot as De, 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 O, Transition as it, withCtx as Ve, inject as ct, onBeforeUnmount as qt, createApp as Ut, h as gt, mergeModels as Dt, useModel as a1, reactive as Kt, toRef as rt, toRefs as u1, vShow as Qt, TransitionGroup as c1 } from "vue";
 const M = (n, t) => {
   const u = n.__vccOpts || n;
   for (const [e, i] of t)
@@ -2371,7 +2371,7 @@ const pt = /* @__PURE__ */ M(Ma, [["render", xa]]), Va = ["disabled", "type", "d
       !u.disabled && !u.loading && e("click", d);
     };
     return (d, C) => {
-      const o = xt("tooltip");
+      const o = Vt("tooltip");
       return ot((s(), a("button", {
         class: U(p.value),
         disabled: u.disabled || u.loading,
@@ -2595,7 +2595,7 @@ const pt = /* @__PURE__ */ M(Ma, [["render", xa]]), Va = ["disabled", "type", "d
       ], 2)) : Y("", !0)
     ], 10, Ia));
   }
-}), Dt = (n) => {
+}), Ht = (n) => {
   if (!n) return !1;
   const t = n.getBoundingClientRect();
   if (t.width === 0 && t.height === 0) return !1;
@@ -2661,7 +2661,7 @@ function mt(n, t, u = {}) {
     transformOrigin: "center top"
   }), H = () => {
     if (!n.value) return;
-    const he = Dt(n.value);
+    const he = Ht(n.value);
     o.value !== he && (o.value = he, !he && C.value ? ($.value = !0, C.value = !1, v == null || v(!1)) : he && $.value && !C.value && ($.value = !1, C.value = !0, R(), v == null || v(!0)));
   }, R = async () => {
     if (await Te(), !n.value || !t.value) return;
@@ -2681,7 +2681,7 @@ function mt(n, t, u = {}) {
       he.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 || !Ht(n.value) || (_.value = window.setTimeout(
       async () => {
         C.value = !0, o.value = !0, $.value = !1, await R(), P(), v == null || v(!0);
       },
@@ -2720,7 +2720,7 @@ const Gt = Symbol("VtSelectContext");
 function et(n, t, u) {
   return u && typeof n == "object" && typeof t == "object" ? (n == null ? void 0 : n[u]) === (t == null ? void 0 : t[u]) : typeof n == "object" && typeof t == "object" ? JSON.stringify(n) === JSON.stringify(t) : n === t;
 }
-function Ht(n, t, u) {
+function Tt(n, t, u) {
   return t.find((e) => et(e.value, n, u));
 }
 function Pa(n, t, u, e) {
@@ -2729,8 +2729,8 @@ function Pa(n, t, u, e) {
 function Ra(n, t, u, e) {
   if (!t.length) return [];
   if (u)
-    return Array.isArray(n) ? n.map((c) => Ht(c, t, e)).filter(Boolean) : [];
-  const i = Ht(n, t, e);
+    return Array.isArray(n) ? n.map((c) => Tt(c, t, e)).filter(Boolean) : [];
+  const i = Tt(n, t, e);
   return i ? [i] : [];
 }
 function ja(n, t, u, e) {
@@ -3167,7 +3167,7 @@ const Na = ["for"], Wa = {
 }, C3 = { key: 0 }, _3 = { key: 1 }, g3 = ["aria-disabled", "aria-selected", "onClick"], w3 = { class: "vt-option__text" }, k3 = { key: 1 }, b3 = {
   key: 0,
   class: "vt-select-dropdown__loading"
-}, Tt = 300, e1 = /* @__PURE__ */ ke({
+}, It = 300, e1 = /* @__PURE__ */ ke({
   __name: "VSelect",
   props: {
     modelValue: {},
@@ -3235,7 +3235,7 @@ const Na = ["for"], Wa = {
     }), oe = x(() => !e.filterable || !o.filterQuery.value.trim() || e.allowRemoteFilter ? re.value : re.value.filter((r) => te(r, o.filterQuery.value))), ve = L(0), he = (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 - ve.value > Tt;
+      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 - ve.value > It;
       be && Fe && (ve.value = Se, i("scrolled"));
     }, D = () => {
       Te(() => {
@@ -3243,7 +3243,7 @@ const Na = ["for"], Wa = {
         const r = d.value, f = r.scrollHeight, q = r.clientHeight, z = r.scrollTop, _e = f <= q, ae = z + q >= f - 10;
         if ((_e || ae) && oe.value.length > 0 && !e.loading) {
           const be = Date.now();
-          be - ve.value > Tt && (ve.value = be, i("scrolled"));
+          be - ve.value > It && (ve.value = be, i("scrolled"));
         }
       });
     }, {
@@ -3447,7 +3447,7 @@ const Na = ["for"], Wa = {
     }), Ge(() => {
       document.removeEventListener("click", j), window.removeEventListener("resize", ee);
     }), (r, f) => {
-      const q = xt("tooltip");
+      const q = Vt("tooltip");
       return s(), a("div", {
         ref_key: "selectRef",
         ref: c,
@@ -4020,16 +4020,16 @@ const j3 = (n, t, u = "asc") => {
   if (n === t) return 0;
   let e = 0;
   const i = Number(n), c = Number(t);
-  return !isNaN(i) && !isNaN(c) ? e = i - c : It(n) && It(t) ? e = new Date(n).getTime() - new Date(t).getTime() : typeof n == "boolean" && typeof t == "boolean" ? e = n === t ? 0 : n ? -1 : 1 : e = String(n).localeCompare(String(t), void 0, {
+  return !isNaN(i) && !isNaN(c) ? e = i - c : Bt(n) && Bt(t) ? e = new Date(n).getTime() - new Date(t).getTime() : typeof n == "boolean" && typeof t == "boolean" ? e = n === t ? 0 : n ? -1 : 1 : e = String(n).localeCompare(String(t), void 0, {
     numeric: !0,
     sensitivity: "base"
   }), u === "desc" ? -e : e;
-}, It = (n) => n instanceof Date ? !isNaN(n.getTime()) : typeof n == "string" && /\d{4}-\d{2}-\d{2}|\//.test(n) ? !isNaN(new Date(n).getTime()) : !1, F3 = (n, t, u) => {
+}, Bt = (n) => n instanceof Date ? !isNaN(n.getTime()) : typeof n == "string" && /\d{4}-\d{2}-\d{2}|\//.test(n) ? !isNaN(new Date(n).getTime()) : !1, F3 = (n, t, u) => {
   n.sortable && u({
     prop: n.prop,
     direction: t
   });
-}, Bt = (n, t) => {
+}, Et = (n, t) => {
   const u = (t == null ? void 0 : t.prop) === n.prop, e = t == null ? void 0 : t.direction;
   return {
     asc: ["vt-th__sort-icon", u && e === "asc" && "vt-th__sortable-active"].filter(Boolean).join(" "),
@@ -4147,7 +4147,7 @@ const j3 = (n, t, u = "asc") => {
       ])) : Y("", !0)
     ], 544));
   }
-}), yt = /* @__PURE__ */ ke({
+}), Mt = /* @__PURE__ */ ke({
   __name: "VDropdownItem",
   props: {
     command: {},
@@ -4534,7 +4534,7 @@ const Qe = new z3(), Y3 = {
       onCommand: c
     }, {
       dropdown: Ve(() => [
-        Q(yt, { command: "pin" }, {
+        Q(Mt, { command: "pin" }, {
           default: Ve(() => [
             Q(fe, {
               name: i() ? "unfreeze" : "freeze"
@@ -4543,7 +4543,7 @@ const Qe = new z3(), Y3 = {
           ]),
           _: 1
         }),
-        Q(yt, { command: "columns" }, {
+        Q(Mt, { command: "columns" }, {
           default: Ve(() => [
             Q(fe, { name: "columnInsert" }),
             C[0] || (C[0] = l("div", null, "Колонки", -1))
@@ -4571,7 +4571,7 @@ const Qe = new z3(), Y3 = {
   class: "vt-table__summary"
 }, g2 = { class: "vt-table__cell-content vt-table__cell-content--summary" }, wt = 50, w2 = /* @__PURE__ */ ke({
   __name: "VTable",
-  props: /* @__PURE__ */ Lt({
+  props: /* @__PURE__ */ Dt({
     data: {},
     maxHeight: { default: void 0 },
     rowKey: { default: "id" },
@@ -4596,7 +4596,7 @@ const Qe = new z3(), Y3 = {
     },
     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 = a1(n, "columns"), h = L({}), p = L(), m = Kt([]), v = L(e.defaultSort || null), d = x(() => Z3(e.data || [], v.value, m)), C = x(() => c.value !== void 0), o = x(() => e.data && e.data.length > 0), $ = L(!1), _ = L(0);
     let K;
@@ -4751,7 +4751,7 @@ const Qe = new z3(), Y3 = {
       resetInfinityScroll: B
     }), (I, W) => {
       var de, ee, k, b;
-      const se = xt("tooltip");
+      const se = Vt("tooltip");
       return s(), a("div", {
         ref_key: "tableWrapperRef",
         ref: p,
@@ -4803,12 +4803,12 @@ const Qe = new z3(), Y3 = {
                   ]),
                   r.sortable ? (s(), a("div", a2, [
                     Q(fe, {
-                      class: U(O(Bt)(r, v.value).asc),
+                      class: U(O(Et)(r, v.value).asc),
                       name: "arrowTop",
                       onClick: Le((q) => F(r, "asc"), ["stop"])
                     }, null, 8, ["class", "onClick"]),
                     Q(fe, {
-                      class: U(O(Bt)(r, v.value).desc),
+                      class: U(O(Et)(r, v.value).desc),
                       name: "arrowDown",
                       onClick: Le((q) => F(r, "desc"), ["stop"])
                     }, null, 8, ["class", "onClick"])
@@ -5014,7 +5014,7 @@ const Qe = new z3(), Y3 = {
       }
     }), (h, p) => null;
   }
-}), K6 = {
+}), U6 = {
   yyyy: {
     pattern: /yyyy/g,
     replacement: (n) => String(n.getFullYear())
@@ -5072,7 +5072,7 @@ const Qe = new z3(), Y3 = {
   "Жовтень",
   "Листопад",
   "Грудень"
-], l1 = ["Січ", "Лют", "Бер", "Кві", "Тра", "Чер", "Лип", "Сер", "Вер", "Жов", "Лис", "Гру"], Q6 = ["Неділя", "Понеділок", "Вівторок", "Середа", "Четвер", "П'ятниця", "Субота"], kt = ["Нд", "Пн", "Вт", "Ср", "Чт", "Пт", "Сб"], y2 = {
+], l1 = ["Січ", "Лют", "Бер", "Кві", "Тра", "Чер", "Лип", "Сер", "Вер", "Жов", "Лис", "Гру"], K6 = ["Неділя", "Понеділок", "Вівторок", "Середа", "Четвер", "П'ятниця", "Субота"], kt = ["Нд", "Пн", "Вт", "Ср", "Чт", "Пт", "Сб"], y2 = {
   date: "yyyy-MM-dd",
   datetime: "yyyy-MM-dd HH:mm:ss",
   daterange: "yyyy-MM-dd",
@@ -5081,7 +5081,7 @@ const Qe = new z3(), Y3 = {
   monthrange: "yyyy-MM",
   year: "yyyy",
   yearrange: "yyyy"
-}, Et = (n) => {
+}, At = (n) => {
   if (n instanceof Date)
     return !isNaN(n.getTime());
   if (typeof n == "string" || typeof n == "number") {
@@ -5096,12 +5096,12 @@ const Qe = new z3(), Y3 = {
       if (n.length !== 2)
         e.push("Діапазон повинен містити дві дати");
       else if (n.forEach((c, h) => {
-        c && !Et(c) && e.push(`Некоректний формат дати ${h + 1}`);
+        c && !At(c) && e.push(`Некоректний формат дати ${h + 1}`);
       }), n[0] && n[1]) {
         const c = new Date(n[0]), h = new Date(n[1]);
         c > h && e.push("Початкова дата не може бути пізніше кінцевої");
       }
-    } else Et(n) || e.push("Некоректний формат дати");
+    } else At(n) || e.push("Некоректний формат дати");
   return {
     isValid: e.length === 0,
     errors: e
@@ -5169,7 +5169,7 @@ const Qe = new z3(), Y3 = {
     formatDate: c,
     parseDate: h
   };
-}, At = (n) => {
+}, Pt = (n) => {
   const t = x(() => {
     const $ = n.value.getFullYear(), _ = n.value.getMonth(), K = new Date($, _, 1), A = new Date(K);
     A.setDate(A.getDate() - K.getDay());
@@ -5224,7 +5224,7 @@ const Qe = new z3(), Y3 = {
   "24h_no_seconds": "HH:mm",
   "12h": "hh:mm:ss A",
   "12h_no_seconds": "hh:mm A"
-}, Mt = (n) => n ? [
+}, $t = (n) => n ? [
   /^([01]?\d|2[0-3]):([0-5]\d):([0-5]\d)$/,
   // HH:mm:ss (24h)
   /^([01]?\d|2[0-3]):([0-5]\d)$/,
@@ -5238,17 +5238,17 @@ const Qe = new z3(), Y3 = {
   if (u && (n ? i && Array.isArray(n) && (n.length !== 2 || !n[0] || !n[1]) && e.push("Необхідно вибрати початковий та кінцевий час") : e.push("Це поле є обов'язковим")), n)
     if (i && !Array.isArray(n) ? e.push("Для діапазону очікується масив з двох значень часу") : !i && Array.isArray(n) && e.push("Для одиночного вибору очікується одне значення часу"), Array.isArray(n)) {
       if (n.forEach((c, h) => {
-        c && (typeof c == "string" && !Mt(c) ? e.push(`Некоректний формат часу ${h + 1}`) : c instanceof Date && isNaN(c.getTime()) && e.push(`Некоректне значення часу ${h + 1}`));
+        c && (typeof c == "string" && !$t(c) ? e.push(`Некоректний формат часу ${h + 1}`) : c instanceof Date && isNaN(c.getTime()) && e.push(`Некоректне значення часу ${h + 1}`));
       }), n.length === 2 && n[0] && n[1]) {
-        const c = Pt(n[0]), h = Pt(n[1]);
+        const c = Rt(n[0]), h = Rt(n[1]);
         c !== null && h !== null && c >= h && e.push("Початковий час повинен бути раніше кінцевого");
       }
-    } else n && (typeof n == "string" && !Mt(n) ? e.push("Некоректний формат часу") : n instanceof Date && isNaN(n.getTime()) && e.push("Некоректне значення часу"));
+    } else n && (typeof n == "string" && !$t(n) ? e.push("Некоректний формат часу") : n instanceof Date && isNaN(n.getTime()) && e.push("Некоректне значення часу"));
   return {
     isValid: e.length === 0,
     errors: e
   };
-}, Pt = (n) => {
+}, Rt = (n) => {
   var t;
   if (!n) return null;
   if (n instanceof Date)
@@ -5378,7 +5378,7 @@ const Qe = new z3(), Y3 = {
       hour: k.getHours(),
       minute: k.getMinutes(),
       second: k.getSeconds()
-    } : typeof k == "string" && Mt(k) ? D2(k) : null : null, $ = (k, b = !1) => S2(k, e.type, b), _ = x(() => e.modelValue ? d.value ? Array.isArray(e.modelValue) && e.modelValue.length === 2 ? [o(e.modelValue[0]), o(e.modelValue[1])] : [null, null] : o(e.modelValue) : d.value ? [null, null] : null), K = x(() => {
+    } : typeof k == "string" && $t(k) ? D2(k) : null : null, $ = (k, b = !1) => S2(k, e.type, b), _ = x(() => e.modelValue ? d.value ? Array.isArray(e.modelValue) && e.modelValue.length === 2 ? [o(e.modelValue[0]), o(e.modelValue[1])] : [null, null] : o(e.modelValue) : d.value ? [null, null] : null), K = x(() => {
       if (d.value) {
         const [k, b] = _.value;
         return k && b ? [C(k), C(b)] : k ? [C(k), ""] : ["", ""];
@@ -6024,12 +6024,12 @@ const Qe = new z3(), Y3 = {
       navigateMonth: S,
       navigateYear: B,
       navigateDecade: F
-    } = At(o.currentDate), {
+    } = Pt(o.currentDate), {
       calendarDates: le,
       isDateInCurrentMonth: J,
       navigateYear: X,
       navigateDecade: ce
-    } = At(o.rightCurrentDate), ze = (y) => {
+    } = Pt(o.rightCurrentDate), ze = (y) => {
       switch (y) {
         case "year":
         case "yearrange":
@@ -6278,13 +6278,13 @@ const Qe = new z3(), Y3 = {
       H.value && o.isSelectingEnd.value && o.startDate.value && (o.hoverDate.value = new Date(y, 0, 1));
     }, i1 = () => {
       H.value && o.isSelectingEnd.value && (o.hoverDate.value = null);
-    }, Vt = () => {
+    }, St = () => {
       o.viewMode.value === "year" ? (F("prev"), ce("prev")) : o.viewMode.value === "month" ? (B("prev"), X("prev")) : (S("prev"), o.rightCurrentDate.value = new Date(
         o.currentDate.value.getFullYear(),
         o.currentDate.value.getMonth() + 1,
         1
       ));
-    }, St = () => {
+    }, Lt = () => {
       o.viewMode.value === "year" ? (F("next"), ce("next")) : o.viewMode.value === "month" ? (B("next"), X("next")) : (S("next"), o.rightCurrentDate.value = new Date(
         o.currentDate.value.getFullYear(),
         o.currentDate.value.getMonth() + 1,
@@ -6442,7 +6442,7 @@ const Qe = new z3(), Y3 = {
                     l("div", R5, [
                       l("button", {
                         class: "vt-datepicker__nav-btn",
-                        onClick: Vt
+                        onClick: St
                       }, [
                         Q(fe, { name: "arrowLeft" })
                       ]),
@@ -6518,7 +6518,7 @@ const Qe = new z3(), Y3 = {
                       ]),
                       l("button", {
                         class: "vt-datepicker__nav-btn",
-                        onClick: St
+                        onClick: Lt
                       }, [
                         Q(fe, { name: "arrowRight" })
                       ])
@@ -6580,7 +6580,7 @@ const Qe = new z3(), Y3 = {
                   l("div", n6, [
                     l("button", {
                       class: "vt-datepicker__nav-btn",
-                      onClick: Vt
+                      onClick: St
                     }, [
                       Q(fe, { name: "arrowLeft" })
                     ]),
@@ -6597,7 +6597,7 @@ const Qe = new z3(), Y3 = {
                     ]),
                     l("button", {
                       class: "vt-datepicker__nav-btn",
-                      onClick: St
+                      onClick: Lt
                     }, [
                       Q(fe, { name: "arrowRight" })
                     ])
@@ -6888,7 +6888,7 @@ const Qe = new z3(), Y3 = {
       [Qt, e.value]
     ]);
   }
-}), Rt = (n, t) => {
+}), jt = (n, t) => {
   const u = document.createElement("div");
   u.className = `vt-tooltip vt-tooltip--${t}`, u.innerText = n, Object.assign(u.style, {
     position: "absolute",
@@ -6954,7 +6954,7 @@ const Qe = new z3(), Y3 = {
       break;
   }
   return u.appendChild(e), u;
-}, $t = (n, t, u) => {
+}, xt = (n, t, u) => {
   const e = t.getBoundingClientRect(), i = n.getBoundingClientRect(), c = window.pageXOffset || document.documentElement.scrollLeft, h = window.pageYOffset || document.documentElement.scrollTop;
   let p = 0, m = 0;
   switch (u) {
@@ -6973,25 +6973,25 @@ const Qe = new z3(), Y3 = {
   }
   const v = window.innerWidth, d = window.innerHeight;
   m < 8 ? m = 8 : m + i.width > v - 8 && (m = v - i.width - 8), p < h + 8 ? u === "top" ? p = e.bottom + h + 8 : p = h + 8 : p + i.height > h + d - 8 && (u === "bottom" ? p = e.top + h - i.height - 8 : p = h + d - i.height - 8), n.style.top = `${p}px`, n.style.left = `${m}px`;
-}, jt = (n, t, u) => {
-  n.parentElement || document.body.appendChild(n), n.style.visibility = "visible", $t(n, t, u), requestAnimationFrame(() => {
+}, Ft = (n, t, u) => {
+  n.parentElement || document.body.appendChild(n), n.style.visibility = "visible", xt(n, t, u), requestAnimationFrame(() => {
     n.style.opacity = "1";
   });
-}, Ft = (n) => {
+}, Zt = (n) => {
   n.style.opacity = "0", n.style.visibility = "hidden";
-}, Zt = (n) => n.scrollWidth > n.clientWidth || n.scrollHeight > n.clientHeight, zt = (n) => !!n.closest(".vt-table, table"), H6 = {
+}, zt = (n) => n.scrollWidth > n.clientWidth || n.scrollHeight > n.clientHeight, Yt = (n) => !!n.closest(".vt-table, table"), H6 = {
   mounted(n, t) {
     var m;
     const u = (m = t.value) == null ? void 0 : m.trim();
     if (!u) return;
-    const e = n.dataset.placement || "top", i = Rt(u, e);
+    const e = n.dataset.placement || "top", i = jt(u, e);
     n.__tooltipEl = i;
     const c = () => {
-      (zt(n) ? Zt(n) : !0) && jt(i, n, e);
+      (Yt(n) ? zt(n) : !0) && Ft(i, n, e);
     }, h = () => {
-      Ft(i);
+      Zt(i);
     }, p = () => {
-      i.style.opacity === "1" && $t(i, n, e);
+      i.style.opacity === "1" && xt(i, n, e);
     };
     n.__mouseenterHandler = c, n.__mouseleaveHandler = h, n.__scrollHandler = p, n.addEventListener("mouseenter", c), n.addEventListener("mouseleave", h), window.addEventListener("scroll", p, !0), window.addEventListener("resize", p);
   },
@@ -7001,14 +7001,14 @@ const Qe = new z3(), Y3 = {
     if (n.__tooltipEl)
       u ? n.__tooltipEl.firstChild.textContent = u : (n.__tooltipEl.parentElement && n.__tooltipEl.parentElement.removeChild(n.__tooltipEl), delete n.__tooltipEl);
     else if (u) {
-      const i = n.dataset.placement || "top", c = Rt(u, i);
+      const i = n.dataset.placement || "top", c = jt(u, i);
       n.__tooltipEl = c;
       const h = () => {
-        (zt(n) ? Zt(n) : !0) && jt(c, n, i);
+        (Yt(n) ? zt(n) : !0) && Ft(c, n, i);
       }, p = () => {
-        Ft(c);
+        Zt(c);
       }, m = () => {
-        c.style.opacity === "1" && $t(c, n, i);
+        c.style.opacity === "1" && xt(c, n, i);
       };
       n.__mouseenterHandler = h, n.__mouseleaveHandler = p, n.__scrollHandler = m, n.addEventListener("mouseenter", h), n.addEventListener("mouseleave", p), window.addEventListener("scroll", m, !0), window.addEventListener("resize", m);
     }
@@ -7016,38 +7016,36 @@ const Qe = new z3(), Y3 = {
   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);
   }
-}, T6 = `
-  <div class="vt-loader-base__overlay">
-    <span class="vt-loader-base"></span>
-  </div>
-`, I6 = {
+}, T6 = {
   mounted(n, t) {
-    t.value && Ot(n);
+    yt(t.value) && Ot(n);
   },
   updated(n, t) {
-    const u = Yt(t.value), e = Yt(t.oldValue);
+    const u = yt(t.value), e = yt(t.oldValue);
     u !== e && (u ? Ot(n) : Nt(n));
   },
   unmounted(n) {
     Nt(n);
   }
 };
-function Yt(n) {
+function yt(n) {
   return typeof n == "object" && n !== null && "value" in n ? n.value : n;
 }
 function Ot(n) {
-  if (n.querySelector(".vt-loader__overlay")) return;
-  const t = getComputedStyle(n).position;
-  (t === "static" || !t) && (n.style.position = "relative"), n.insertAdjacentHTML("beforeend", T6);
+  if (n._loaderEl) return;
+  const t = document.createElement("div");
+  t.className = "v-loader__overlay", t.innerHTML = '<span class="v-loader"></span>';
+  const u = getComputedStyle(n).position;
+  (u === "static" || !u) && (n.style.position = "relative"), n.appendChild(t), n._loaderEl = t;
 }
 function Nt(n) {
-  const t = n.querySelector(".vt-loader__overlay");
-  t && t.remove();
+  const t = n._loaderEl;
+  t && (t.remove(), delete n._loaderEl);
 }
-const B6 = { class: "vt-message-container" }, E6 = { class: "vt-message-icon" }, A6 = { class: "vt-message-content" }, P6 = ["innerHTML"], R6 = {
+const I6 = { class: "vt-message-container" }, B6 = { class: "vt-message-icon" }, E6 = { class: "vt-message-content" }, A6 = ["innerHTML"], P6 = {
   key: 1,
   class: "vt-message-text"
-}, j6 = ["onClick"], F6 = /* @__PURE__ */ ke({
+}, R6 = ["onClick"], j6 = /* @__PURE__ */ ke({
   __name: "VMessage",
   setup(n, { expose: t }) {
     const u = L([]);
@@ -7077,7 +7075,7 @@ const B6 = { class: "vt-message-container" }, E6 = { class: "vt-message-icon" },
       addMessage: c,
       removeMessage: h
     }), (p, m) => (s(), we(lt, { to: "body" }, [
-      l("div", B6, [
+      l("div", I6, [
         Q(c1, {
           name: "vt-message",
           tag: "div"
@@ -7091,18 +7089,18 @@ const B6 = { class: "vt-message-container" }, E6 = { class: "vt-message-icon" },
                 { "vt-message-item--closable": v.showClose }
               ])
             }, [
-              l("div", E6, [
+              l("div", B6, [
                 Q(fe, {
                   color: v.type === "primary" ? "#00475A" : "",
                   name: i(v.type)
                 }, null, 8, ["color", "name"])
               ]),
-              l("div", A6, [
+              l("div", E6, [
                 v.dangerouslyUseHTMLString ? (s(), a("div", {
                   key: 0,
                   class: "vt-message-text",
                   innerHTML: v.message
-                }, null, 8, P6)) : (s(), a("div", R6, E(v.message), 1))
+                }, null, 8, A6)) : (s(), a("div", P6, E(v.message), 1))
               ]),
               v.showClose ? (s(), a("button", {
                 key: 0,
@@ -7111,7 +7109,7 @@ const B6 = { class: "vt-message-container" }, E6 = { class: "vt-message-icon" },
                 onClick: (d) => h(v.id)
               }, [
                 Q(fe, { name: "close" })
-              ], 8, j6)) : Y("", !0)
+              ], 8, R6)) : Y("", !0)
             ], 2))), 128))
           ]),
           _: 1
@@ -7120,7 +7118,7 @@ const B6 = { class: "vt-message-container" }, E6 = { class: "vt-message-icon" },
     ]));
   }
 });
-class Z6 {
+class F6 {
   constructor() {
     this.messageInstance = null, this.app = null, this.container = null;
   }
@@ -7157,10 +7155,10 @@ class Z6 {
     return this.messageInstance ? this.messageInstance.messages.length : 0;
   }
   ensureInstance() {
-    return this.messageInstance ? this.messageInstance : (this.container = document.createElement("div"), this.container.setAttribute("data-vt-message-container", ""), document.body.appendChild(this.container), this.app = Ut(F6), this.messageInstance = this.app.mount(this.container), this.messageInstance);
+    return this.messageInstance ? this.messageInstance : (this.container = document.createElement("div"), this.container.setAttribute("data-vt-message-container", ""), document.body.appendChild(this.container), this.app = Ut(j6), this.messageInstance = this.app.mount(this.container), this.messageInstance);
   }
 }
-const Ne = new Z6(), Wt = Object.assign(
+const Ne = new F6(), Wt = Object.assign(
   (n = {}) => Ne.call(n),
   {
     success: (n, t = {}) => Ne.success(n, t),
@@ -7174,7 +7172,7 @@ const Ne = new Z6(), Wt = Object.assign(
       Ne.closeAll();
     }
   }
-), z6 = {
+), Z6 = {
   install(n) {
     n.config.globalProperties.$message = Wt, n.provide("$message", Wt), n.config.globalProperties.$messageStack = {
       closeAll: () => Ne.closeAll(),
@@ -7182,25 +7180,25 @@ const Ne = new Z6(), Wt = Object.assign(
       closeById: (t) => Ne.close(t)
     };
   }
-}, X6 = {
+}, Q6 = {
   sortable: !0,
   actionColumn: !1,
   showOverflowTooltip: !0,
   visible: !0,
   pinnedLeft: !1,
   pinnedRight: !1
-}, Y6 = {
+}, z6 = {
   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`, Xt), n.component(`${u}Pagination`, H3), n.component(`${u}Checkbox`, Je), n.component(`${u}Radiobox`, B3), n.component(`${u}Table`, w2), n.component(`${u}TableColumn`, k2), n.component(`${u}Dropdown`, o1), n.component(`${u}DropdownItem`, yt), n.component(`${u}Input`, Jt), n.component(`${u}Select`, e1), n.component(`${u}Option`, t1), n.component(`${u}DatePicker`, f6), n.component(`${u}TimePicker`, ht), n.component(`${u}Collapse`, C6), n.component(`${u}CollapseItem`, k6), n.component(`${u}Tabs`, S6), n.component(`${u}TabItem`, D6), n.directive("tooltip", H6), n.directive("loader", I6), e && n.use(Y3), i && n.use(z6);
+    n.component(`${u}Button`, Xe), n.component(`${u}Icon`, fe), n.component(`${u}Loader`, pt), n.component(`${u}Modal`, Xt), n.component(`${u}Pagination`, H3), n.component(`${u}Checkbox`, Je), n.component(`${u}Radiobox`, B3), n.component(`${u}Table`, w2), n.component(`${u}TableColumn`, k2), n.component(`${u}Dropdown`, o1), n.component(`${u}DropdownItem`, Mt), n.component(`${u}Input`, Jt), n.component(`${u}Select`, e1), n.component(`${u}Option`, t1), n.component(`${u}DatePicker`, f6), n.component(`${u}TimePicker`, ht), n.component(`${u}Collapse`, C6), n.component(`${u}CollapseItem`, k6), n.component(`${u}Tabs`, S6), n.component(`${u}TabItem`, D6), n.directive("tooltip", H6), n.directive("loader", T6), e && n.use(Y3), i && n.use(Z6);
   }
-}, G6 = Y6.install;
+}, X6 = z6.install;
 export {
-  X6 as DEFAULT_COLUMN_CONFIG,
+  Q6 as DEFAULT_COLUMN_CONFIG,
   y2 as DEFAULT_FORMATS,
   vt as DEFAULT_TIME_FORMATS,
   n1 as DropdownContextKey,
-  K6 as FORMAT_TOKENS,
+  U6 as FORMAT_TOKENS,
   b2 as MONTH_NAMES,
   l1 as MONTH_NAMES_SHORT,
   Xe as VButton,
@@ -7209,12 +7207,12 @@ export {
   k6 as VCollapseItem,
   f6 as VDatePicker,
   o1 as VDropdown,
-  yt as VDropdownItem,
+  Mt as VDropdownItem,
   fe as VIcon,
   Jt as VInput,
   pt as VLoader,
   Wt as VMessage,
-  z6 as VMessagePlugin,
+  Z6 as VMessagePlugin,
   Xt as VModal,
   Y3 as VModalPlugin,
   t1 as VOption,
@@ -7227,15 +7225,15 @@ export {
   S6 as VTabs,
   ht as VTimePicker,
   Gt as VtSelectContextKey,
-  Q6 as WEEKDAY_NAMES,
+  K6 as WEEKDAY_NAMES,
   kt as WEEKDAY_NAMES_SHORT,
-  Y6 as default,
+  z6 as default,
   L2 as formatTime,
   bt as generateTimeOptions,
-  G6 as install,
-  Et as isValidDate,
-  Mt as isValidTimeString,
-  I6 as loaderDirective,
+  X6 as install,
+  At as isValidDate,
+  $t as isValidTimeString,
+  T6 as loaderDirective,
   Ne as messageManager,
   Qe as modalManager,
   D2 as parseTimeString,