voiptime-components 1.9.7 → 1.9.8

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 at, normalizeStyle as Ee, useSlots as ut, resolveDirective as xt, withDirectives as ot, normalizeClass as U, renderSlot as Te, ref as L, onMounted as ze, nextTick as He, Teleport as lt, withModifiers as Le, toDisplayString as E, createTextVNode as xe, onUnmounted as Ge, watch as $e, createVNode as Q, Fragment as ne, renderList as pe, provide as ct, unref as j, Transition as it, withCtx as Ve, inject as dt, onBeforeUnmount as Wt, createApp as qt, h as gt, mergeModels as Lt, useModel as i1, reactive as Ut, toRef as rt, toRefs as a1, vShow as Kt, TransitionGroup as u1 } 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 Te, ref as L, onMounted as ze, nextTick as He, Teleport as lt, withModifiers as Le, toDisplayString as E, createTextVNode as xe, onUnmounted as Ge, watch as $e, createVNode as Q, Fragment as ne, renderList as pe, provide as ut, unref as j, Transition as it, withCtx as Ve, inject as ct, onBeforeUnmount as Wt, createApp as qt, h as gt, mergeModels as Lt, useModel as i1, reactive as Ut, toRef as rt, toRefs as a1, vShow as Kt, TransitionGroup as u1 } from "vue";
 const M = (n, t) => {
   const u = n.__vccOpts || n;
   for (const [e, i] of t)
@@ -2328,7 +2328,7 @@ const ka = /* @__PURE__ */ M(_a, [["render", wa]]), ba = {
       ...t.height && { height: typeof t.height == "number" ? `${t.height}px` : t.height },
       color: t.color
     }));
-    return (i, c) => u.value ? (s(), we(at(u.value), {
+    return (i, c) => u.value ? (s(), we(ft(u.value), {
       key: 0,
       style: Ee(e.value)
     }, null, 8, ["style"])) : O("", !0);
@@ -2337,7 +2337,7 @@ const ka = /* @__PURE__ */ M(_a, [["render", wa]]), ba = {
 function $a(n, t) {
   return s(), a("span", Ma);
 }
-const ft = /* @__PURE__ */ M(ya, [["render", $a]]), xa = ["disabled", "type", "data-placement"], Va = {
+const pt = /* @__PURE__ */ M(ya, [["render", $a]]), xa = ["disabled", "type", "data-placement"], Va = {
   key: 2,
   class: "vt-button__content"
 }, Xe = /* @__PURE__ */ ke({
@@ -2354,10 +2354,10 @@ const ft = /* @__PURE__ */ M(ya, [["render", $a]]), xa = ["disabled", "type", "d
   },
   emits: ["click"],
   setup(n, { emit: t }) {
-    const u = n, e = t, i = ut(), c = x(() => !!(u.icon && u.shape)), h = x(() => {
+    const u = n, e = t, i = at(), c = x(() => !!(u.icon && u.shape)), h = x(() => {
       var C, o;
-      const v = i.default ? i.default({}) : null;
-      return ((o = (C = v == null ? void 0 : v[0]) == null ? void 0 : C.children) == null ? void 0 : o.toString()) ?? "";
+      const d = i.default ? i.default({}) : null;
+      return ((o = (C = d == null ? void 0 : d[0]) == null ? void 0 : C.children) == null ? void 0 : o.toString()) ?? "";
     }), p = x(() => [
       "vt-button",
       `vt-button--${u.type}`,
@@ -2367,19 +2367,19 @@ const ft = /* @__PURE__ */ M(ya, [["render", $a]]), xa = ["disabled", "type", "d
         "vt-button--disabled": u.disabled || u.loading,
         "vt-button--loading": u.loading
       }
-    ]), m = x(() => c.value && u.tooltip ? h.value : null), d = (v) => {
-      !u.disabled && !u.loading && e("click", v);
+    ]), m = x(() => c.value && u.tooltip ? h.value : null), v = (d) => {
+      !u.disabled && !u.loading && e("click", d);
     };
-    return (v, C) => {
+    return (d, C) => {
       const o = xt("tooltip");
       return ot((s(), a("button", {
         class: U(p.value),
         disabled: u.disabled || u.loading,
         type: u.htmlType,
         "data-placement": u.tooltipPlacement,
-        onClick: d
+        onClick: v
       }, [
-        u.loading ? (s(), we(ft, {
+        u.loading ? (s(), we(pt, {
           key: 0,
           class: "vt-button__icon"
         })) : u.icon ? (s(), we(fe, {
@@ -2388,7 +2388,7 @@ const ft = /* @__PURE__ */ M(ya, [["render", $a]]), xa = ["disabled", "type", "d
           class: "vt-button__icon"
         }, null, 8, ["name"])) : O("", !0),
         c.value ? O("", !0) : (s(), a("span", Va, [
-          Te(v.$slots, "default")
+          Te(d.$slots, "default")
         ]))
       ], 10, xa)), [
         [o, m.value]
@@ -2401,10 +2401,7 @@ const ft = /* @__PURE__ */ M(ya, [["render", $a]]), xa = ["disabled", "type", "d
 }, La = {
   key: 0,
   class: "vt-modal__title"
-}, Da = { class: "vt-modal__content" }, Ha = {
-  key: 1,
-  class: "vt-modal__footer"
-}, Qt = /* @__PURE__ */ ke({
+}, Da = { class: "vt-modal__content" }, Ha = ["innerHTML"], Qt = /* @__PURE__ */ ke({
   __name: "VModal",
   props: {
     modelValue: { type: Boolean },
@@ -2418,18 +2415,18 @@ const ft = /* @__PURE__ */ M(ya, [["render", $a]]), xa = ["disabled", "type", "d
   setup(n, { emit: t }) {
     const u = n, e = t, i = x(() => ["vt-modal__container", `vt-modal__container--${u.size}`]), c = x(() => ({
       zIndex: u.zIndex
-    })), h = L(null), p = () => {
+    })), h = L(""), p = () => {
       e("update:modelValue", !1), e("close");
     }, m = () => {
       u.closeOnBackdropClick && p();
     };
     return ze(() => {
       He(() => {
-        const d = document.querySelector(".vt-modal__content"), v = d == null ? void 0 : d.querySelector(".modal-footer");
-        v && (h.value = v, d == null || d.appendChild(h.value));
+        const v = document.querySelector(".vt-modal__content"), d = v == null ? void 0 : v.querySelector('[ref="modalFooter"]');
+        d && (h.value = d.outerHTML, d.remove());
       });
-    }), (d, v) => (s(), we(lt, { to: "body" }, [
-      d.modelValue ? (s(), a("div", {
+    }), (v, d) => (s(), we(lt, { to: "body" }, [
+      v.modelValue ? (s(), a("div", {
         key: 0,
         style: Ee(c.value),
         class: "vt-modal__backdrop",
@@ -2437,12 +2434,12 @@ const ft = /* @__PURE__ */ M(ya, [["render", $a]]), xa = ["disabled", "type", "d
       }, [
         l("div", {
           class: U(i.value),
-          onClick: v[0] || (v[0] = Le(() => {
+          onClick: d[0] || (d[0] = Le(() => {
           }, ["stop"]))
         }, [
-          d.title || d.showCloseButton ? (s(), a("div", Sa, [
-            d.title ? (s(), a("h2", La, E(d.title), 1)) : O("", !0),
-            d.showCloseButton ? (s(), we(fe, {
+          v.title || v.showCloseButton ? (s(), a("div", Sa, [
+            v.title ? (s(), a("h2", La, E(v.title), 1)) : O("", !0),
+            v.showCloseButton ? (s(), we(fe, {
               key: 1,
               class: "vt-modal__close",
               name: "close",
@@ -2450,11 +2447,13 @@ const ft = /* @__PURE__ */ M(ya, [["render", $a]]), xa = ["disabled", "type", "d
             })) : O("", !0)
           ])) : O("", !0),
           l("div", Da, [
-            Te(d.$slots, "default")
+            Te(v.$slots, "default")
           ]),
-          h.value ? (s(), a("div", Ha, [
-            (s(), we(at(h.value)))
-          ])) : O("", !0)
+          h.value ? (s(), a("div", {
+            key: 1,
+            class: "vt-modal__footer",
+            innerHTML: h.value
+          }, null, 8, Ha)) : O("", !0)
         ], 2)
       ], 4)) : O("", !0)
     ]));
@@ -2477,53 +2476,53 @@ const ft = /* @__PURE__ */ M(ya, [["render", $a]]), xa = ["disabled", "type", "d
   },
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(n, { emit: t }) {
-    const u = n, e = t, i = () => `vt-checkbox-${Math.random().toString(36).substr(2, 9)}`, c = x(() => u.id || i()), h = x(() => u.modelValue ?? u.checked), p = (v) => {
+    const u = n, e = t, i = () => `vt-checkbox-${Math.random().toString(36).substr(2, 9)}`, c = x(() => u.id || i()), h = x(() => u.modelValue ?? u.checked), p = (d) => {
       if (u.disabled) return;
-      const o = v.target.checked;
-      e("update:modelValue", o), e("change", o, v);
-    }, m = (v) => {
-      e("focus", v);
-    }, d = (v) => {
-      e("blur", v);
+      const o = d.target.checked;
+      e("update:modelValue", o), e("change", o, d);
+    }, m = (d) => {
+      e("focus", d);
+    }, v = (d) => {
+      e("blur", d);
     };
-    return (v, C) => (s(), a("label", {
+    return (d, C) => (s(), a("label", {
       class: U([
         "vt-checkbox",
-        `vt-checkbox--${v.size}`,
-        `vt-checkbox--${v.variant}`,
+        `vt-checkbox--${d.size}`,
+        `vt-checkbox--${d.variant}`,
         {
-          "vt-checkbox--disabled": v.disabled,
-          "vt-checkbox--double": v.isDouble
+          "vt-checkbox--disabled": d.disabled,
+          "vt-checkbox--double": d.isDouble
         }
       ]),
       for: c.value
     }, [
       l("input", {
         id: c.value,
-        name: v.name,
-        value: v.value,
+        name: d.name,
+        value: d.value,
         checked: h.value,
-        disabled: v.disabled,
-        required: v.required,
-        ".indeterminate": v.indeterminate,
+        disabled: d.disabled,
+        required: d.required,
+        ".indeterminate": d.indeterminate,
         type: "checkbox",
         class: "vt-checkbox__input",
         onChange: p,
         onFocus: m,
-        onBlur: d
+        onBlur: v
       }, null, 40, Ia),
       l("div", {
         class: U([
           "vt-checkbox__box",
           {
-            "vt-checkbox__box--checked": h.value && !v.indeterminate && !v.isDouble,
-            "vt-checkbox__box--indeterminate": v.indeterminate,
-            "vt-checkbox__box--double": v.isDouble && h.value,
-            "vt-checkbox__box--disabled": v.disabled
+            "vt-checkbox__box--checked": h.value && !d.indeterminate && !d.isDouble,
+            "vt-checkbox__box--indeterminate": d.indeterminate,
+            "vt-checkbox__box--double": d.isDouble && h.value,
+            "vt-checkbox__box--disabled": d.disabled
           }
         ])
       }, [
-        !v.indeterminate && !v.isDouble ? (s(), a("svg", {
+        !d.indeterminate && !d.isDouble ? (s(), a("svg", {
           key: 0,
           class: U([
             "vt-checkbox__checkmark",
@@ -2544,7 +2543,7 @@ const ft = /* @__PURE__ */ M(ya, [["render", $a]]), xa = ["disabled", "type", "d
             "stroke-linecap": "round"
           }, null, -1)
         ]), 2)) : O("", !0),
-        v.isDouble && h.value ? (s(), a("svg", {
+        d.isDouble && h.value ? (s(), a("svg", {
           key: 1,
           class: U([
             "vt-checkbox__checkmark",
@@ -2573,28 +2572,28 @@ const ft = /* @__PURE__ */ M(ya, [["render", $a]]), xa = ["disabled", "type", "d
             "stroke-linejoin": "round"
           }, null, -1)
         ]), 2)) : O("", !0),
-        v.indeterminate ? (s(), a("div", {
+        d.indeterminate ? (s(), a("div", {
           key: 2,
           class: U([
             "vt-checkbox__indeterminate-mark",
             {
-              "vt-checkbox__indeterminate-mark--visible": v.indeterminate
+              "vt-checkbox__indeterminate-mark--visible": d.indeterminate
             }
           ])
         }, null, 2)) : O("", !0)
       ], 2),
-      v.label || v.$slots.label || v.$slots.default ? (s(), a("span", {
+      d.label || d.$slots.label || d.$slots.default ? (s(), a("span", {
         key: 0,
         class: U([
           "vt-checkbox__label",
           {
-            "vt-checkbox__label--disabled": v.disabled
+            "vt-checkbox__label--disabled": d.disabled
           }
         ])
       }, [
-        Te(v.$slots, "label", {}, () => [
-          Te(v.$slots, "default", {}, () => [
-            xe(E(v.label), 1)
+        Te(d.$slots, "label", {}, () => [
+          Te(d.$slots, "default", {}, () => [
+            xe(E(d.label), 1)
           ])
         ])
       ], 2)) : O("", !0)
@@ -2658,8 +2657,8 @@ function mt(n, t, u = {}) {
     hideTimeout: h = 150,
     disabled: p = !1,
     hideOnClick: m = !0,
-    onVisibleChange: d,
-    onScroll: v
+    onVisibleChange: v,
+    onScroll: d
   } = u, C = L(!1), o = L(!0), $ = L(!1), _ = L(null), K = L([]), A = L({
     top: "0px",
     left: "0px",
@@ -2667,7 +2666,7 @@ function mt(n, t, u = {}) {
   }), H = () => {
     if (!n.value) return;
     const he = Dt(n.value);
-    o.value !== he && (o.value = he, !he && C.value ? ($.value = !0, C.value = !1, d == null || d(!1)) : he && $.value && !C.value && ($.value = !1, C.value = !0, R(), d == null || d(!0)));
+    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 He(), !n.value || !t.value) return;
     const he = n.value.getBoundingClientRect(), D = t.value.getBoundingClientRect(), N = Ea(he, D, i);
@@ -2676,7 +2675,7 @@ function mt(n, t, u = {}) {
       minWidth: `${he.width}px`
     };
   }, G = () => {
-    (C.value || $.value) && (H(), C.value && R(), v == null || v());
+    (C.value || $.value) && (H(), C.value && R(), d == null || d());
   }, P = () => {
     n.value && (K.value = Ba(n.value), K.value.forEach((he) => {
       he.addEventListener("scroll", G, { passive: !0 });
@@ -2688,14 +2687,14 @@ function mt(n, t, u = {}) {
   }, re = () => {
     p || C.value || !n.value || !Dt(n.value) || (_.value = window.setTimeout(
       async () => {
-        C.value = !0, o.value = !0, $.value = !1, await R(), P(), d == null || d(!0);
+        C.value = !0, o.value = !0, $.value = !1, await R(), P(), v == null || v(!0);
       },
       e === "hover" ? c : 0
     ));
   }, oe = () => {
     C.value && (_.value = window.setTimeout(
       () => {
-        C.value = !1, $.value = !1, te(), d == null || d(!1);
+        C.value = !1, $.value = !1, te(), v == null || v(!1);
       },
       e === "hover" ? h : 0
     ));
@@ -2764,9 +2763,9 @@ function za(n, t, u) {
   const e = n.offsetWidth, i = 100;
   let c = 0, h = 0;
   for (let m = 0; m < t.length && m < u; m++) {
-    const d = ((p = t[m]) == null ? void 0 : p.offsetWidth) || 0;
-    if (c + d + i <= e)
-      c += d, h++;
+    const v = ((p = t[m]) == null ? void 0 : p.offsetWidth) || 0;
+    if (c + v + i <= e)
+      c += v, h++;
     else
       break;
   }
@@ -2845,7 +2844,7 @@ const Oa = ["for"], Na = {
   },
   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(), h = L(), p = L(!1), m = L(!1), d = L(), v = L([]), C = L(!0), o = L(!1), $ = {
+    const e = n, i = u, c = L(), h = L(), p = L(!1), m = L(!1), v = L(), d = L([]), C = L(!0), o = L(!1), $ = {
       email: (g) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(g),
       url: (g) => {
         try {
@@ -2871,7 +2870,7 @@ const Oa = ["for"], Na = {
     }, _ = (g) => {
       const F = [], z = String(g || "");
       if (e.required && !$.required(g) && F.push(e.requiredMessage || "Це поле є обов'язковим"), !z && !e.required) {
-        v.value = F, C.value = F.length === 0;
+        d.value = F, C.value = F.length === 0;
         return;
       }
       switch (e.type) {
@@ -2885,7 +2884,7 @@ const Oa = ["for"], Na = {
           z && !$.number(z) && F.push(e.numberMessage || "Введіть коректне число");
           break;
       }
-      e.minlength && z && !$.minlength(z, e.minlength) && F.push(e.minlengthMessage || `Мінімальна довжина: ${e.minlength} символів`), e.maxlength && z && !$.maxlength(z, e.maxlength) && F.push(e.maxlengthMessage || `Максимальна довжина: ${e.maxlength} символів`), e.type === "number" && z && $.number(z) && (e.min !== void 0 && !$.min(z, e.min) && F.push(e.minMessage || `Мінімальне значення: ${e.min}`), e.max !== void 0 && !$.max(z, e.max) && F.push(e.maxMessage || `Максимальне значення: ${e.max}`)), e.pattern && z && !$.pattern(z, e.pattern) && F.push(e.patternMessage || "Значення не відповідає вимогам формату"), e.customValidator && !$.custom(g, e.customValidator) && F.push(e.customValidatorMessage || "Значення не проходить валідацію"), v.value = F, C.value = F.length === 0, i("validation", { isValid: C.value, errors: F });
+      e.minlength && z && !$.minlength(z, e.minlength) && F.push(e.minlengthMessage || `Мінімальна довжина: ${e.minlength} символів`), e.maxlength && z && !$.maxlength(z, e.maxlength) && F.push(e.maxlengthMessage || `Максимальна довжина: ${e.maxlength} символів`), e.type === "number" && z && $.number(z) && (e.min !== void 0 && !$.min(z, e.min) && F.push(e.minMessage || `Мінімальне значення: ${e.min}`), e.max !== void 0 && !$.max(z, e.max) && F.push(e.maxMessage || `Максимальне значення: ${e.max}`)), e.pattern && z && !$.pattern(z, e.pattern) && F.push(e.patternMessage || "Значення не відповідає вимогам формату"), e.customValidator && !$.custom(g, e.customValidator) && F.push(e.customValidatorMessage || "Значення не проходить валідацію"), d.value = F, C.value = F.length === 0, i("validation", { isValid: C.value, errors: F });
     }, K = x(() => e.type === "textarea"), A = x(() => {
       if (e.type === "password") return null;
       switch (e.type) {
@@ -2938,7 +2937,7 @@ const Oa = ["for"], Na = {
         "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 : v.value.length > 0 ? v.value[0] : ""), ue = x(() => e.autosize && typeof e.autosize == "object" && e.autosize.maxRows ? "none" : e.resize), me = (g) => {
+    ]), 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) => {
       let z = g.target.value;
       if (e.type === "number" && z !== "") {
         const Me = Number(z);
@@ -2959,7 +2958,7 @@ const Oa = ["for"], Na = {
       }
     }, le = () => {
       var g;
-      i("update:modelValue", ""), i("clear"), (g = c.value) == null || g.focus(), v.value = [], C.value = !0, i("validation", { isValid: !0, errors: [] });
+      i("update:modelValue", ""), i("clear"), (g = c.value) == null || g.focus(), d.value = [], C.value = !0, i("validation", { isValid: !0, errors: [] });
     }, J = () => {
       m.value = !m.value, He(() => {
         var g;
@@ -2975,7 +2974,7 @@ const Oa = ["for"], Na = {
         z = Math.max(Be, Math.min(z, Re));
       }
       const Me = `${z}px`;
-      Me !== F && (d.value = Me, g.style.height = Me);
+      Me !== F && (v.value = Me, g.style.height = Me);
     }, ce = (g) => {
       if (!h.value || !(ue.value !== "none")) return;
       const Me = h.value.getBoundingClientRect();
@@ -3005,12 +3004,12 @@ const Oa = ["for"], Na = {
       },
       validate: () => (_(e.modelValue || ""), C.value),
       clearValidation: () => {
-        v.value = [], C.value = !0, i("validation", { isValid: !0, errors: [] });
+        d.value = [], C.value = !0, i("validation", { isValid: !0, errors: [] });
       },
       getInputElement: () => c.value || null,
       getValidationState: () => ({
         isValid: C.value,
-        errors: [...v.value]
+        errors: [...d.value]
       })
     }), $e(
       () => e.modelValue,
@@ -3062,7 +3061,7 @@ const Oa = ["for"], Na = {
           id: g.id,
           tabindex: g.tabindex,
           autocomplete: g.autocomplete,
-          style: Ee({ resize: ue.value, height: d.value }),
+          style: Ee({ resize: ue.value, height: v.value }),
           class: "vt-input__field vt-input__textarea",
           onInput: me,
           onChange: S,
@@ -3135,8 +3134,8 @@ const Oa = ["for"], Na = {
       g.helperText || N.value ? (s(), a("div", Xa, [
         N.value ? (s(), a("span", Ga, E(N.value), 1)) : g.helperText ? (s(), a("span", Ja, E(g.helperText), 1)) : O("", !0)
       ])) : O("", !0),
-      v.value.length > 1 && g.showAllErrors ? (s(), a("div", e3, [
-        (s(!0), a(ne, null, pe(v.value, (z, Me) => (s(), a("div", {
+      d.value.length > 1 && g.showAllErrors ? (s(), a("div", e3, [
+        (s(!0), a(ne, null, pe(d.value, (z, Me) => (s(), a("div", {
           key: Me,
           class: "vt-input__error-item"
         }, [
@@ -3204,7 +3203,7 @@ const Oa = ["for"], Na = {
   },
   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(), h = L(), p = L(), m = L(), d = L([]), v = L(), C = L(), o = {
+    const e = n, i = u, c = L(), h = L(), p = L(), m = L(), v = L([]), d = L(), C = L(), o = {
       isFocused: L(!1),
       validationErrors: L([]),
       isValid: L(!0),
@@ -3244,8 +3243,8 @@ const Oa = ["for"], Na = {
       be && Fe && (ve.value = Se, i("scrolled"));
     }, D = () => {
       He(() => {
-        if (!v.value) return;
-        const r = v.value, f = r.scrollHeight, q = r.clientHeight, Y = r.scrollTop, _e = f <= q, ae = Y + q >= f - 10;
+        if (!d.value) return;
+        const r = d.value, f = r.scrollHeight, q = r.clientHeight, Y = r.scrollTop, _e = f <= q, ae = Y + 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"));
@@ -3350,7 +3349,7 @@ const Oa = ["for"], Na = {
       }
       He(() => {
         if (!m.value) return;
-        const r = za(m.value, d.value, ce.value.length);
+        const r = za(m.value, v.value, ce.value.length);
         o.visibleCount.value = r;
       });
     }, k = {
@@ -3362,7 +3361,7 @@ const Oa = ["for"], Na = {
       registerOption: H,
       unregisterOption: R
     };
-    return ct(Xt, k), t({
+    return ut(Xt, k), t({
       ...{
         focus() {
           N.value || S();
@@ -3402,8 +3401,8 @@ const Oa = ["for"], Na = {
           D();
         },
         getScrollInfo() {
-          if (!v.value) return null;
-          const { scrollTop: r, scrollHeight: f, clientHeight: q } = v.value, Y = f - (r + q), _e = Y <= 50;
+          if (!d.value) return null;
+          const { scrollTop: r, scrollHeight: f, clientHeight: q } = d.value, Y = f - (r + q), _e = Y <= 50;
           return {
             scrollTop: r,
             scrollHeight: f,
@@ -3486,7 +3485,7 @@ const Oa = ["for"], Na = {
               (s(!0), a(ne, null, pe(Ye.value, (Y, _e) => (s(), a("div", {
                 key: `tag-${typeof Y.value == "object" ? JSON.stringify(Y.value) : Y.value}-${_e}`,
                 ref_for: !0,
-                ref: (ae) => ae && (d.value[_e] = ae),
+                ref: (ae) => ae && (v.value[_e] = ae),
                 class: "vt-select__tag"
               }, [
                 l("span", l3, E(Y.label), 1),
@@ -3505,7 +3504,7 @@ const Oa = ["for"], Na = {
             ], 512)) : !r.multiple && De.value ? (s(), a("span", i3, E(De.value), 1)) : (s(), a("span", a3, E(r.placeholder), 1))
           ]),
           l("div", u3, [
-            r.loading ? (s(), we(ft, {
+            r.loading ? (s(), we(pt, {
               key: 0,
               class: "vt-select__loading"
             })) : Ie.value ? (s(), a("button", {
@@ -3573,7 +3572,7 @@ const Oa = ["for"], Na = {
                 ])) : (s(), a("div", {
                   key: 2,
                   ref_key: "scrollContainerRef",
-                  ref: v,
+                  ref: d,
                   class: "vt-select-dropdown__options",
                   onScroll: he
                 }, [
@@ -3602,11 +3601,11 @@ const Oa = ["for"], Na = {
                       onChange: (_e) => Me(Y)
                     }, null, 8, ["checked", "disabled", "onChange"])) : O("", !0),
                     l("span", g3, [
-                      G(Y.value) ? (s(), we(at(G(Y.value)), { key: 0 })) : (s(), a("span", w3, E(Y.label || Y.value), 1))
+                      G(Y.value) ? (s(), we(ft(G(Y.value)), { key: 0 })) : (s(), a("span", w3, E(Y.label || Y.value), 1))
                     ])
                   ], 42, _3))), 128)),
                   r.loading ? (s(), a("div", k3, [
-                    Q(ft, { class: "vt-select-dropdown__loading-icon" }),
+                    Q(pt, { class: "vt-select-dropdown__loading-icon" }),
                     xe(" " + E(e.loadingText), 1)
                   ])) : O("", !0)
                 ], 544))
@@ -3627,7 +3626,7 @@ const Oa = ["for"], Na = {
   },
   emits: ["click"],
   setup(n, { emit: t }) {
-    const u = n, e = ut(), i = dt(Xt);
+    const u = n, e = at(), i = ct(Xt);
     i || console.warn("VOption повинен використовуватися всередині VSelect");
     const c = x(() => ({
       label: u.label,
@@ -3662,7 +3661,7 @@ const Oa = ["for"], Na = {
     }), c = x({
       get: () => u.pageSize,
       set: (R) => e("update:pageSize", R)
-    }), h = x(() => Math.ceil(u.totalItems / c.value)), p = x(() => u.totalItems === 0 ? 0 : (i.value - 1) * c.value + 1), m = x(() => Math.min(i.value * c.value, u.totalItems)), d = x(() => i.value <= 1), v = x(() => i.value >= h.value), C = x(() => {
+    }), h = x(() => Math.ceil(u.totalItems / c.value)), p = x(() => u.totalItems === 0 ? 0 : (i.value - 1) * c.value + 1), m = x(() => Math.min(i.value * c.value, u.totalItems)), v = x(() => i.value <= 1), d = x(() => i.value >= h.value), C = x(() => {
       const R = [], G = h.value, P = i.value, te = u.maxVisiblePages;
       if (G <= te)
         for (let re = 1; re <= G; re++)
@@ -3684,9 +3683,9 @@ const Oa = ["for"], Na = {
     }, $ = (R) => {
       typeof R == "number" && R !== i.value && (i.value = R, o());
     }, _ = () => {
-      d.value || (i.value--, o());
+      v.value || (i.value--, o());
     }, K = () => {
-      v.value || (i.value++, o());
+      d.value || (i.value++, o());
     }, A = () => {
       i.value = 1, o();
     }, H = () => {
@@ -3730,8 +3729,8 @@ const Oa = ["for"], Na = {
       ]),
       l("div", x3, [
         l("button", {
-          class: U({ "vt-pagination__nav-button": !0, "has-items": !d.value }),
-          disabled: d.value,
+          class: U({ "vt-pagination__nav-button": !0, "has-items": !v.value }),
+          disabled: v.value,
           onClick: _
         }, [
           Q(fe, { name: "arrowLeft" })
@@ -3744,8 +3743,8 @@ const Oa = ["for"], Na = {
           onClick: (te) => $(P)
         }, E(P), 11, S3))), 128)),
         l("button", {
-          class: U({ "vt-pagination__nav-button": !0, "has-items": !v.value }),
-          disabled: v.value,
+          class: U({ "vt-pagination__nav-button": !0, "has-items": !d.value }),
+          disabled: d.value,
           onClick: K
         }, [
           Q(fe, { name: "arrowRight" })
@@ -3784,21 +3783,21 @@ const Oa = ["for"], Na = {
   },
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(n, { emit: t }) {
-    const u = n, e = t, i = () => `vt-radiobox-${Math.random().toString(36).substr(2, 9)}`, c = x(() => u.id || i()), h = x(() => u.modelValue !== void 0 ? u.modelValue === u.value : u.checked), p = (v) => {
+    const u = n, e = t, i = () => `vt-radiobox-${Math.random().toString(36).substr(2, 9)}`, c = x(() => u.id || i()), h = x(() => u.modelValue !== void 0 ? u.modelValue === u.value : u.checked), p = (d) => {
       if (u.disabled) return;
-      v.target.checked && (e("update:modelValue", u.value), e("change", u.value, v));
-    }, m = (v) => {
-      e("focus", v);
-    }, d = (v) => {
-      e("blur", v);
+      d.target.checked && (e("update:modelValue", u.value), e("change", u.value, d));
+    }, m = (d) => {
+      e("focus", d);
+    }, v = (d) => {
+      e("blur", d);
     };
-    return (v, C) => (s(), a("label", {
+    return (d, C) => (s(), a("label", {
       class: U([
         "vt-radiobox",
-        `vt-radiobox--${v.size}`,
-        `vt-radiobox--${v.variant}`,
+        `vt-radiobox--${d.size}`,
+        `vt-radiobox--${d.variant}`,
         {
-          "vt-radiobox--disabled": v.disabled
+          "vt-radiobox--disabled": d.disabled
         }
       ]),
       for: c.value
@@ -3806,13 +3805,13 @@ const Oa = ["for"], Na = {
       l("input", {
         id: c.value,
         checked: h.value,
-        disabled: v.disabled,
-        name: v.name,
-        required: v.required,
-        value: v.value,
+        disabled: d.disabled,
+        name: d.name,
+        required: d.required,
+        value: d.value,
         class: "vt-radiobox__input",
         type: "radio",
-        onBlur: d,
+        onBlur: v,
         onChange: p,
         onFocus: m
       }, null, 40, T3),
@@ -3821,7 +3820,7 @@ const Oa = ["for"], Na = {
           "vt-radiobox__circle",
           {
             "vt-radiobox__circle--checked": h.value,
-            "vt-radiobox__circle--disabled": v.disabled
+            "vt-radiobox__circle--disabled": d.disabled
           }
         ])
       }, [
@@ -3834,18 +3833,18 @@ const Oa = ["for"], Na = {
           ])
         }, null, 2)
       ], 2),
-      v.label || v.$slots.label || v.$slots.default ? (s(), a("span", {
+      d.label || d.$slots.label || d.$slots.default ? (s(), a("span", {
         key: 0,
         class: U([
           "vt-radiobox__label",
           {
-            "vt-radiobox__label--disabled": v.disabled
+            "vt-radiobox__label--disabled": d.disabled
           }
         ])
       }, [
-        Te(v.$slots, "label", {}, () => [
-          Te(v.$slots, "default", {}, () => [
-            xe(E(v.label), 1)
+        Te(d.$slots, "label", {}, () => [
+          Te(d.$slots, "default", {}, () => [
+            xe(E(d.label), 1)
           ])
         ])
       ], 2)) : O("", !0)
@@ -3857,10 +3856,10 @@ function B3(n) {
     const i = n.filter((p) => p.pinnedLeft), c = n.filter((p) => p.pinnedRight), h = n.filter((p) => !p.pinnedLeft && !p.pinnedRight);
     return [...i, ...h, ...c];
   }), u = () => {
-    const i = t.value.length, c = t.value.filter((v) => v.width || v.minWidth), h = c.reduce((v, C) => v + (C.width || C.minWidth || 0), 0), p = i - c.length;
+    const i = t.value.length, c = t.value.filter((d) => d.width || d.minWidth), h = c.reduce((d, C) => d + (C.width || C.minWidth || 0), 0), p = i - c.length;
     if (p === 0) return 150;
-    const d = Math.max(800 - h, p * 80);
-    return Math.max(Math.floor(d / p), 120);
+    const v = Math.max(800 - h, p * 80);
+    return Math.max(Math.floor(v / p), 120);
   };
   return {
     sortedColumns: t,
@@ -3870,14 +3869,14 @@ function B3(n) {
       let m = 0;
       if (i === "left") {
         h && (m += 50);
-        for (let d = 0; d < c; d++) {
-          const v = p[d];
-          v.pinnedLeft && (m += v.width || v.minWidth || u());
+        for (let v = 0; v < c; v++) {
+          const d = p[v];
+          d.pinnedLeft && (m += d.width || d.minWidth || u());
         }
       } else
-        for (let d = p.length - 1; d > c; d--) {
-          const v = p[d];
-          v.pinnedRight && (m += v.width || v.minWidth || u());
+        for (let v = p.length - 1; v > c; v--) {
+          const d = p[v];
+          d.pinnedRight && (m += d.width || d.minWidth || u());
         }
       return m;
     }
@@ -3888,27 +3887,27 @@ function E3(n) {
     const c = {};
     return n.maxHeight && (c.maxHeight = `${n.maxHeight}px`), c;
   }, u = (c, h, p, m) => {
-    const d = {};
+    const v = {};
     if (c.width)
-      d.width = `${c.width}px`, d.minWidth = `${c.width}px`, d.maxWidth = `${c.width}px`;
+      v.width = `${c.width}px`, v.minWidth = `${c.width}px`, v.maxWidth = `${c.width}px`;
     else if (c.minWidth)
-      d.minWidth = `${c.minWidth}px`, d.width = `${c.minWidth}px`, d.maxWidth = "none";
+      v.minWidth = `${c.minWidth}px`, v.width = `${c.minWidth}px`, v.maxWidth = "none";
     else {
-      const v = m();
-      d.width = `${v}px`, d.minWidth = "80px", d.maxWidth = "none";
+      const d = m();
+      v.width = `${d}px`, v.minWidth = "80px", v.maxWidth = "none";
     }
-    return c.pinnedLeft ? (d.position = "sticky", d.left = `${p("left", h, n.selectable)}px`, d.zIndex = "10") : c.pinnedRight && (d.position = "sticky", d.right = `${p("right", h, !1)}px`, d.zIndex = "10"), d;
+    return c.pinnedLeft ? (v.position = "sticky", v.left = `${p("left", h, n.selectable)}px`, v.zIndex = "10") : c.pinnedRight && (v.position = "sticky", v.right = `${p("right", h, !1)}px`, v.zIndex = "10"), v;
   };
   return {
     getTableWrapperStyle: t,
     getColumnStyle: u,
     getHeaderStyle: (c, h, p, m) => {
-      const d = u(c, h, p, m);
-      return n.maxHeight && (d.position = "sticky", d.top = "0", c.pinnedLeft || c.pinnedRight ? d.zIndex = "12" : d.zIndex = "11"), d;
+      const v = u(c, h, p, m);
+      return n.maxHeight && (v.position = "sticky", v.top = "0", c.pinnedLeft || c.pinnedRight ? v.zIndex = "12" : v.zIndex = "11"), v;
     },
     getFooterStyle: (c, h, p, m) => {
-      const d = u(c, h, p, m);
-      return n.maxHeight && (d.position = "sticky", d.bottom = "0", c.pinnedLeft || c.pinnedRight ? d.zIndex = "12" : d.zIndex = "11"), d;
+      const v = u(c, h, p, m);
+      return n.maxHeight && (v.position = "sticky", v.bottom = "0", c.pinnedLeft || c.pinnedRight ? v.zIndex = "12" : v.zIndex = "11"), v;
     }
   };
 }
@@ -3921,19 +3920,19 @@ function A3() {
   return {
     onMouseDown: (e, i, c, h) => {
       e.preventDefault(), e.stopPropagation(), n.value.resizingCol = i, n.value.startX = e.clientX, n.value.startWidth = i.width || i.minWidth || c(i.prop);
-      const p = (d) => {
-        const { resizingCol: v, startX: C, startWidth: o } = n.value;
-        if (!v) return;
-        document.querySelectorAll(`[data-resizer="${v.prop}"]`).forEach((H) => {
+      const p = (v) => {
+        const { resizingCol: d, startX: C, startWidth: o } = n.value;
+        if (!d) return;
+        document.querySelectorAll(`[data-resizer="${d.prop}"]`).forEach((H) => {
           H.classList.add("vt-table__resizer--active");
         });
-        const $ = d.clientX - C, _ = v.minWidth || 50, K = v.maxWidth || 1e3, A = Math.max(Math.min(o + $, K), _);
-        v.width = A;
+        const $ = v.clientX - C, _ = d.minWidth || 50, K = d.maxWidth || 1e3, A = Math.max(Math.min(o + $, K), _);
+        d.width = A;
       }, m = () => {
-        const { resizingCol: d } = n.value;
-        document.removeEventListener("mousemove", p), document.removeEventListener("mouseup", m), document.body.style.cursor = "", document.body.style.userSelect = "", document.body.classList.remove("vt-table-resizing"), d && (document.querySelectorAll(`[data-resizer="${d.prop}"]`).forEach((v) => {
-          v.classList.remove("vt-table__resizer--active");
-        }), h && d.width && h(d.width)), n.value.resizingCol = null;
+        const { resizingCol: v } = n.value;
+        document.removeEventListener("mousemove", p), document.removeEventListener("mouseup", m), document.body.style.cursor = "", document.body.style.userSelect = "", document.body.classList.remove("vt-table-resizing"), v && (document.querySelectorAll(`[data-resizer="${v.prop}"]`).forEach((d) => {
+          d.classList.remove("vt-table__resizer--active");
+        }), h && v.width && h(v.width)), n.value.resizingCol = null;
       };
       document.addEventListener("mousemove", p), document.addEventListener("mouseup", m), document.body.style.cursor = t, document.body.style.userSelect = "none", document.body.classList.add("vt-table-resizing");
     },
@@ -3944,9 +3943,9 @@ function P3(n, t, u, e) {
   var he;
   const i = n.selectionKey || "id", c = L([]), h = L(null), p = L(!1);
   (he = n.defaultSelection) != null && he.length && (c.value = [...n.defaultSelection]);
-  const m = (D) => D[i], d = (D) => p.value ? !0 : c.value.some((N) => m(N) === m(D)), v = x(() => t.value.filter((D) => d(D)).length), C = x(() => t.value.length > 0 && v.value === t.value.length), o = x(() => {
+  const m = (D) => D[i], v = (D) => p.value ? !0 : c.value.some((N) => m(N) === m(D)), d = x(() => t.value.filter((D) => v(D)).length), C = x(() => t.value.length > 0 && d.value === t.value.length), o = x(() => {
     if (p.value) return !1;
-    const D = v.value;
+    const D = d.value;
     return D > 0 && D < t.value.length;
   }), $ = x(() => p.value ? !0 : C.value && !o.value), _ = x(() => n.isAllSelect && p.value), K = (D, N) => {
     const ue = m(D), me = c.value.some((B) => m(B) === m(D)), S = N !== void 0 ? N : !me;
@@ -3968,7 +3967,7 @@ function P3(n, t, u, e) {
         P();
         break;
     }
-  }, H = () => p.value ? "absoluteAll" : C.value ? "allVisible" : v.value > 0 ? "partial" : "none", R = () => {
+  }, H = () => p.value ? "absoluteAll" : C.value ? "allVisible" : d.value > 0 ? "partial" : "none", R = () => {
     const D = [], N = new Set(c.value.map((ue) => m(ue)));
     c.value.forEach((ue) => {
       D.push(ue);
@@ -4004,7 +4003,7 @@ function P3(n, t, u, e) {
   ), {
     selectedRows: c,
     currentRow: h,
-    isRowSelected: d,
+    isRowSelected: v,
     isAllSelected: $,
     isIndeterminate: o,
     isDoubleCheck: _,
@@ -4064,7 +4063,7 @@ const R3 = (n, t, u = "asc") => {
   },
   emits: ["visible-change", "click", "command"],
   setup(n, { expose: t, emit: u }) {
-    const e = n, i = u, c = L(), h = L(), p = L(), m = L(!1), d = L(!1), v = L(null), { visible: C, parentVisible: o, dropdownPosition: $, show: _, hide: K, toggle: A } = mt(
+    const e = n, i = u, c = L(), h = L(), p = L(), m = L(!1), v = L(!1), d = L(null), { visible: C, parentVisible: o, dropdownPosition: $, show: _, hide: K, toggle: A } = mt(
       h,
       p,
       {
@@ -4077,13 +4076,13 @@ const R3 = (n, t, u = "asc") => {
         onVisibleChange: (N) => i("visible-change", N)
       }
     ), H = () => {
-      v.value && (clearTimeout(v.value), v.value = null);
+      d.value && (clearTimeout(d.value), d.value = null);
     }, R = () => {
-      H(), v.value = setTimeout(() => {
-        !m.value && !d.value && K();
+      H(), d.value = setTimeout(() => {
+        !m.value && !v.value && K();
       }, e.hideTimeout);
     };
-    ct(t1, {
+    ut(t1, {
       handleCommand: (N) => {
         i("command", N), e.hideOnClick && K();
       },
@@ -4096,9 +4095,9 @@ const R3 = (n, t, u = "asc") => {
     }, re = () => {
       e.trigger === "hover" && (m.value = !1, R());
     }, oe = () => {
-      e.trigger === "hover" && (d.value = !0, H());
+      e.trigger === "hover" && (v.value = !0, H());
     }, ve = () => {
-      e.trigger === "hover" && (d.value = !1, R());
+      e.trigger === "hover" && (v.value = !1, R());
     }, he = (N) => {
       var me, S;
       if (!C.value) return;
@@ -4162,7 +4161,7 @@ const R3 = (n, t, u = "asc") => {
   },
   emits: ["click"],
   setup(n, { emit: t }) {
-    const u = n, e = t, i = dt(t1);
+    const u = n, e = t, i = ct(t1);
     i || console.warn("VDropdownItem must be used within VDropdown");
     const c = (h) => {
       u.disabled || (console.log("VDropdownItem click:", u.command), e("click", h), u.command !== void 0 && i && (console.log("Calling handleCommand with:", u.command), i.handleCommand(u.command)));
@@ -4276,7 +4275,7 @@ const Qe = new Z3(), z3 = {
   },
   emits: ["update-columns"],
   setup(n, { emit: t }) {
-    const u = n, e = t, i = L([]), c = L(/* @__PURE__ */ new Set()), h = L(-1), p = L(-1), m = L("before"), d = x(() => {
+    const u = n, e = t, i = L([]), c = L(/* @__PURE__ */ new Set()), h = L(-1), p = L(-1), m = L("before"), v = x(() => {
       const S = {};
       return u.columnsSelector.forEach((B) => {
         if (B.name === "removed")
@@ -4284,7 +4283,7 @@ const Qe = new Z3(), z3 = {
         const Z = B.columns.map((J) => J.prop), le = i.value.filter((J) => Z.includes(J.prop));
         le.length === 0 ? S[B.name] = { checked: !1, indeterminate: !1 } : le.length === B.columns.length ? S[B.name] = { checked: !0, indeterminate: !1 } : S[B.name] = { checked: !1, indeterminate: !0 };
       }), S;
-    }), v = x(() => u.columnsSelector.filter((S) => S.name !== "removed")), C = (S) => S.pinnedLeft || S.pinnedRight, o = (S) => !C(S), $ = () => {
+    }), d = x(() => u.columnsSelector.filter((S) => S.name !== "removed")), C = (S) => S.pinnedLeft || S.pinnedRight, o = (S) => !C(S), $ = () => {
       const S = i.value;
       let B = -1;
       for (let le = 0; le < S.length; le++)
@@ -4406,7 +4405,7 @@ const Qe = new Z3(), z3 = {
           ], 42, W3))), 128))
         ]),
         l("div", U3, [
-          (s(!0), a(ne, null, pe(v.value, (Z) => {
+          (s(!0), a(ne, null, pe(d.value, (Z) => {
             var le, J;
             return s(), a("div", {
               key: Z.name,
@@ -4418,8 +4417,8 @@ const Qe = new Z3(), z3 = {
               }, [
                 Q(Je, {
                   label: Z.label,
-                  checked: ((le = d.value[Z.name]) == null ? void 0 : le.checked) || !1,
-                  indeterminate: ((J = d.value[Z.name]) == null ? void 0 : J.indeterminate) || !1,
+                  checked: ((le = v.value[Z.name]) == null ? void 0 : le.checked) || !1,
+                  indeterminate: ((J = v.value[Z.name]) == null ? void 0 : J.indeterminate) || !1,
                   onChange: (X) => ve(Z, X),
                   onClick: B[1] || (B[1] = Le(() => {
                   }, ["stop"]))
@@ -4478,28 +4477,28 @@ const Qe = new Z3(), z3 = {
   },
   emits: ["pin", "update-columns"],
   setup(n, { emit: t }) {
-    const u = n, e = t, i = () => !!(u.column.pinnedLeft || u.column.pinnedRight), c = (v) => {
-      switch (console.log("ColumnActions - Command received:", v, typeof v), String(v)) {
+    const u = n, e = t, i = () => !!(u.column.pinnedLeft || u.column.pinnedRight), c = (d) => {
+      switch (console.log("ColumnActions - Command received:", d, typeof d), String(d)) {
         case "pin":
           console.log("Executing pin command"), h();
           break;
         case "columns":
-          console.log("Executing columns command"), d();
+          console.log("Executing columns command"), v();
           break;
         default:
-          console.warn("Unknown command:", v);
+          console.warn("Unknown command:", d);
       }
     }, h = () => {
-      const v = i();
-      console.log("handlePin called, isPinned:", v), v ? e("pin", u.column, "none") : e("pin", u.column, "left");
-    }, p = (v) => ({
+      const d = i();
+      console.log("handlePin called, isPinned:", d), d ? e("pin", u.column, "none") : e("pin", u.column, "left");
+    }, p = (d) => ({
       name: "removed",
       label: "Видалені колонки",
       order: 999,
-      columns: v
-    }), m = (v) => {
+      columns: d
+    }), m = (d) => {
       var K;
-      const C = new Set(v.map((A) => A.prop)), o = /* @__PURE__ */ new Set();
+      const C = new Set(d.map((A) => A.prop)), o = /* @__PURE__ */ new Set();
       (K = u.columnsSelector) == null || K.forEach((A) => {
         A.columns.forEach((H) => o.add(H.prop));
       }), u.allColumns.forEach((A) => o.add(A.prop));
@@ -4516,15 +4515,15 @@ const Qe = new Z3(), z3 = {
       });
       const _ = [...u.columnsSelector || []];
       return $.length > 0 && _.push(p($)), _;
-    }, d = () => {
+    }, v = () => {
       console.log("handleToggleVisibility called");
-      const v = m(u.allColumns);
+      const d = m(u.allColumns);
       Qe.open({
         component: J3,
         title: "Управління колонками таблиці",
         props: {
           columns: u.allColumns,
-          columnsSelector: v,
+          columnsSelector: d,
           "onUpdate-columns": (C) => {
             e("update-columns", C);
           }
@@ -4533,7 +4532,7 @@ const Qe = new Z3(), z3 = {
         closeOnBackdropClick: !1
       });
     };
-    return (v, C) => (s(), we(n1, {
+    return (d, C) => (s(), we(n1, {
       trigger: "click",
       placement: "bottom-start",
       onCommand: c
@@ -4603,7 +4602,7 @@ const Qe = new Z3(), z3 = {
   }),
   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"]),
   setup(n, { expose: t, emit: u }) {
-    const e = n, i = u, c = i1(n, "columns"), h = L({}), p = L(), m = Ut([]), d = L(e.defaultSort || null), v = x(() => F3(e.data || [], d.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 = i1(n, "columns"), h = L({}), p = L(), m = Ut([]), v = L(e.defaultSort || null), d = x(() => F3(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;
     const A = (I, W) => e.rowKey && I[e.rowKey] != null ? String(I[e.rowKey]) : String(W);
     $e(
@@ -4618,8 +4617,8 @@ const Qe = new Z3(), z3 = {
         I && !C.value && (m.length = 0, m.push(...I));
       },
       { deep: !0 }
-    ), ct("vt-table-columns", m);
-    const { sortedColumns: H, getDefaultColumnWidth: R, getStickyOffset: G } = B3(m), { getTableWrapperStyle: P, getColumnStyle: te, getHeaderStyle: re, getFooterStyle: oe } = E3(e), { onMouseDown: ve } = A3(), he = x(() => e.allData || e.data), D = e.selectable ? P3(e, v, i, he) : null, N = () => ({
+    ), ut("vt-table-columns", m);
+    const { sortedColumns: H, getDefaultColumnWidth: R, getStickyOffset: G } = B3(m), { getTableWrapperStyle: P, getColumnStyle: te, getHeaderStyle: re, getFooterStyle: oe } = E3(e), { onMouseDown: ve } = A3(), he = x(() => e.allData || e.data), D = e.selectable ? P3(e, d, i, he) : null, N = () => ({
       width: `${wt}px`,
       minWidth: `${wt}px`,
       maxWidth: `${wt}px`,
@@ -4660,11 +4659,11 @@ const Qe = new Z3(), z3 = {
     const Z = (I, W) => {
       j3(I, W, (se) => {
         var de, ee;
-        ((de = d.value) == null ? void 0 : de.prop) === I.prop && d.value.direction === W ? d.value = null : d.value = se, i("sort-change", {
+        ((de = v.value) == null ? void 0 : de.prop) === I.prop && v.value.direction === W ? v.value = null : v.value = se, i("sort-change", {
           column: I,
-          direction: ((ee = d.value) == null ? void 0 : ee.direction) || null,
+          direction: ((ee = v.value) == null ? void 0 : ee.direction) || null,
           prop: I.prop,
-          sortedData: v.value
+          sortedData: d.value
         });
       });
     }, le = (I, W) => {
@@ -4712,7 +4711,7 @@ const Qe = new Z3(), z3 = {
       if (!e.showSummary || !o.value) return {};
       const I = m;
       if (typeof e.summaryMethod == "function") {
-        const W = e.summaryMethod({ columns: I, data: v.value });
+        const W = e.summaryMethod({ columns: I, data: d.value });
         return I.reduce(
           (se, de, ee) => (se[de.prop] = W[ee], se),
           {}
@@ -4720,7 +4719,7 @@ const Qe = new Z3(), z3 = {
       }
       return I.reduce(
         (W, se) => {
-          const de = v.value.map((ee) => ee[se.prop]);
+          const de = d.value.map((ee) => ee[se.prop]);
           return W[se.prop] = de.every((ee) => typeof ee == "number") ? de.reduce((ee, k) => ee + k, 0) : "", W;
         },
         {}
@@ -4808,12 +4807,12 @@ const Qe = new Z3(), z3 = {
                   ]),
                   r.sortable ? (s(), a("div", i2, [
                     Q(fe, {
-                      class: U(j(Bt)(r, d.value).asc),
+                      class: U(j(Bt)(r, v.value).asc),
                       name: "arrowTop",
                       onClick: Le((q) => Z(r, "asc"), ["stop"])
                     }, null, 8, ["class", "onClick"]),
                     Q(fe, {
-                      class: U(j(Bt)(r, d.value).desc),
+                      class: U(j(Bt)(r, v.value).desc),
                       name: "arrowDown",
                       onClick: Le((q) => Z(r, "desc"), ["stop"])
                     }, null, 8, ["class", "onClick"])
@@ -4836,7 +4835,7 @@ const Qe = new Z3(), z3 = {
             ])
           ])),
           l("tbody", null, [
-            o.value ? (s(!0), a(ne, { key: 1 }, pe(v.value, (r, f) => {
+            o.value ? (s(!0), a(ne, { key: 1 }, pe(d.value, (r, f) => {
               var q, Y, _e;
               return s(), a("tr", {
                 key: A(r, f),
@@ -4879,7 +4878,7 @@ const Qe = new Z3(), z3 = {
                   style: Ee(Ke(ae, be))
                 }, [
                   ot((s(), a("div", p2, [
-                    ae.renderSlot ? (s(), we(at(ae.renderSlot), {
+                    ae.renderSlot ? (s(), we(ft(ae.renderSlot), {
                       key: 0,
                       column: ae,
                       index: f,
@@ -4959,7 +4958,7 @@ const Qe = new Z3(), z3 = {
     sortMethod: {}
   },
   setup(n) {
-    const t = n, u = ut(), e = dt("vt-table-columns");
+    const t = n, u = at(), e = ct("vt-table-columns");
     e || console.error(
       "VTableColumn: не знайдено контекст таблиці. Переконайтеся, що компонент використовується всередині VTable."
     );
@@ -5114,11 +5113,11 @@ const Qe = new Z3(), z3 = {
 }, $2 = () => {
   const n = (i, c) => {
     if (!i || !(i instanceof Date) || isNaN(i.getTime())) return "";
-    const h = i.getFullYear(), p = i.getMonth(), m = i.getDate(), d = i.getHours(), v = d > 12 ? d - 12 : d === 0 ? 12 : d, C = i.getMinutes(), o = i.getSeconds(), $ = i.getTime();
+    const h = i.getFullYear(), p = i.getMonth(), m = i.getDate(), v = i.getHours(), d = v > 12 ? v - 12 : v === 0 ? 12 : v, C = i.getMinutes(), o = i.getSeconds(), $ = i.getTime();
     let _ = c;
     _ = _.replace(/yyyy/g, String(h)), _ = _.replace(/yy/g, String(h).slice(-2)), _ = _.replace(/MMMM/g, k2[p]), _ = _.replace(/MMM/g, o1[p]), _ = _.replace(/MM/g, String(p + 1).padStart(2, "0")), _ = _.replace(/M/g, String(p + 1));
     const K = u(i);
-    return _ = _.replace(/WW/g, String(K).padStart(2, "0")), _ = _.replace(/W/g, String(K)), _ = _.replace(/dd/g, String(m).padStart(2, "0")), _ = _.replace(/d/g, String(m)), _ = _.replace(/HH/g, String(d).padStart(2, "0")), _ = _.replace(/H/g, String(d)), _ = _.replace(/hh/g, String(v).padStart(2, "0")), _ = _.replace(/h/g, String(v)), _ = _.replace(/mm/g, String(C).padStart(2, "0")), _ = _.replace(/m/g, String(C)), _ = _.replace(/ss/g, String(o).padStart(2, "0")), _ = _.replace(/s/g, String(o)), _ = _.replace(/A/g, d >= 12 ? "PM" : "AM"), _ = _.replace(/a/g, d >= 12 ? "pm" : "am"), _ = _.replace(/timestamp/g, String($)), _ = _.replace(/\[([^\]]+)\]/g, "$1"), _;
+    return _ = _.replace(/WW/g, String(K).padStart(2, "0")), _ = _.replace(/W/g, String(K)), _ = _.replace(/dd/g, String(m).padStart(2, "0")), _ = _.replace(/d/g, String(m)), _ = _.replace(/HH/g, String(v).padStart(2, "0")), _ = _.replace(/H/g, String(v)), _ = _.replace(/hh/g, String(d).padStart(2, "0")), _ = _.replace(/h/g, String(d)), _ = _.replace(/mm/g, String(C).padStart(2, "0")), _ = _.replace(/m/g, String(C)), _ = _.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($)), _ = _.replace(/\[([^\]]+)\]/g, "$1"), _;
   }, t = (i) => {
     if (!i) return null;
     if (i instanceof Date)
@@ -5136,18 +5135,18 @@ const Qe = new Z3(), z3 = {
     getDefaultFormat: (i) => b2[i] || "yyyy-MM-dd"
   };
 }, x2 = (n, t, u, e, i) => {
-  const { formatDate: c, parseDate: h, getDefaultFormat: p } = $2(), m = x(() => ["datetimerange", "daterange", "monthrange", "yearrange"].includes(t.value)), d = x(() => u.value || p(t.value)), v = x(() => e.value || p(t.value)), C = x(() => n.value ? m.value ? Array.isArray(n.value) && n.value.length === 2 ? [h(n.value[0]), h(n.value[1])] : [null, null] : h(n.value) : m.value ? [null, null] : null), o = x(() => {
+  const { formatDate: c, parseDate: h, getDefaultFormat: p } = $2(), m = x(() => ["datetimerange", "daterange", "monthrange", "yearrange"].includes(t.value)), v = x(() => u.value || p(t.value)), d = x(() => e.value || p(t.value)), C = x(() => n.value ? m.value ? Array.isArray(n.value) && n.value.length === 2 ? [h(n.value[0]), h(n.value[1])] : [null, null] : h(n.value) : m.value ? [null, null] : null), o = x(() => {
     if (m.value) {
       const [A, H] = C.value;
       if (A && H) {
-        const R = c(A, d.value), G = c(H, d.value);
+        const R = c(A, v.value), G = c(H, v.value);
         return [R, G];
       } else if (A)
-        return [c(A, d.value), ""];
+        return [c(A, v.value), ""];
       return ["", ""];
     } else {
       const A = C.value;
-      return A ? c(A, d.value) : "";
+      return A ? c(A, v.value) : "";
     }
   }), $ = x(() => {
     if (m.value) {
@@ -5158,17 +5157,17 @@ const Qe = new Z3(), z3 = {
   });
   return {
     isRange: m,
-    displayFormat: d,
-    outputFormat: v,
+    displayFormat: v,
+    outputFormat: d,
     parsedValue: C,
     displayText: o,
     hasDisplayValue: $,
     formatOutput: (A) => {
       if (Array.isArray(A)) {
         const H = A[0], R = A[1] || A[0] || /* @__PURE__ */ new Date();
-        return e.value === "timestamp" ? [H.getTime(), R.getTime()] : e.value ? [c(H, v.value), c(R, v.value)] : [H, R];
+        return e.value === "timestamp" ? [H.getTime(), R.getTime()] : e.value ? [c(H, d.value), c(R, d.value)] : [H, R];
       } else
-        return e.value === "timestamp" ? A.getTime() : e.value ? c(A, v.value) : A;
+        return e.value === "timestamp" ? A.getTime() : e.value ? c(A, d.value) : A;
     },
     validate: (A = !1) => M2(n.value, t.value, A),
     formatDate: c,
@@ -5224,7 +5223,7 @@ const Qe = new Z3(), z3 = {
       $ === "prev" ? _.setFullYear(_.getFullYear() - 10) : _.setFullYear(_.getFullYear() + 10), n.value = _;
     }
   };
-}, ht = {
+}, vt = {
   "24h": "HH:mm:ss",
   "24h_no_seconds": "HH:mm",
   "12h": "hh:mm:ss A",
@@ -5283,8 +5282,8 @@ const Qe = new Z3(), z3 = {
   let c = n;
   i && (c = n === 0 ? 12 : n > 12 ? n - 12 : n);
   const h = c.toString().padStart(2, "0"), p = t.toString().padStart(2, "0"), m = u.toString().padStart(2, "0");
-  let d = e;
-  return d = d.replace(/HH/g, n.toString().padStart(2, "0")), d = d.replace(/H/g, n.toString()), d = d.replace(/hh/g, h), d = d.replace(/h/g, c.toString()), d = d.replace(/mm/g, p), d = d.replace(/m/g, t.toString()), d = d.replace(/ss/g, m), d = d.replace(/s/g, u.toString()), d = d.replace(/A/g, n >= 12 ? "PM" : "AM"), d = d.replace(/a/g, n >= 12 ? "pm" : "am"), d;
+  let v = e;
+  return v = v.replace(/HH/g, n.toString().padStart(2, "0")), v = v.replace(/H/g, n.toString()), v = v.replace(/hh/g, h), v = v.replace(/h/g, c.toString()), v = v.replace(/mm/g, p), v = v.replace(/m/g, t.toString()), v = v.replace(/ss/g, m), v = v.replace(/s/g, u.toString()), v = v.replace(/A/g, n >= 12 ? "PM" : "AM"), v = v.replace(/a/g, n >= 12 ? "pm" : "am"), v;
 }, L2 = (n) => {
   if (!n) return null;
   const t = [
@@ -5345,7 +5344,7 @@ const Qe = new Z3(), z3 = {
 }, w5 = { class: "vt-timepicker__options" }, k5 = ["disabled", "onClick"], b5 = {
   key: 1,
   class: "vt-timepicker__column"
-}, y5 = { class: "vt-timepicker__options" }, M5 = ["onClick"], $5 = { class: "vt-timepicker__actions" }, pt = /* @__PURE__ */ ke({
+}, y5 = { class: "vt-timepicker__options" }, M5 = ["onClick"], $5 = { class: "vt-timepicker__actions" }, ht = /* @__PURE__ */ ke({
   __name: "VTimePicker",
   props: {
     modelValue: {},
@@ -5375,16 +5374,16 @@ const Qe = new Z3(), z3 = {
       startTime: L(null),
       endTime: L(null),
       isSelectingEnd: L(!1)
-    }, d = L(/* @__PURE__ */ new Map()), v = x(() => e.type === "timerange"), C = (k) => {
+    }, v = L(/* @__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"]);
+      const { hour: b, minute: r, second: f } = k, q = e.format || (e.showSeconds ? e.use12Hours ? vt["12h"] : vt["24h"] : e.use12Hours ? vt["12h_no_seconds"] : vt["24h_no_seconds"]);
       return S2(b, r, f, q, e.use12Hours);
     }, o = (k) => k ? k instanceof Date ? {
       hour: k.getHours(),
       minute: k.getMinutes(),
       second: k.getSeconds()
-    } : typeof k == "string" && Mt(k) ? L2(k) : null : null, $ = (k, b = !1) => V2(k, e.type, b), _ = x(() => e.modelValue ? v.value ? Array.isArray(e.modelValue) && e.modelValue.length === 2 ? [o(e.modelValue[0]), o(e.modelValue[1])] : [null, null] : o(e.modelValue) : v.value ? [null, null] : null), K = x(() => {
-      if (v.value) {
+    } : typeof k == "string" && Mt(k) ? L2(k) : null : null, $ = (k, b = !1) => V2(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), ""] : ["", ""];
       } else {
@@ -5392,19 +5391,19 @@ const Qe = new Z3(), z3 = {
         return k ? C(k) : "";
       }
     }), A = x(() => {
-      if (v.value) {
+      if (d.value) {
         const [k, b] = K.value;
         return k || b;
       } else
         return !!K.value;
-    }), H = x(() => e.clearable && !e.disabled && A.value), R = x(() => v.value ? m.isSelectingEnd.value ? e.endPlaceholder : e.startPlaceholder : e.placeholder), G = x(() => [
+    }), H = x(() => e.clearable && !e.disabled && A.value), R = x(() => d.value ? m.isSelectingEnd.value ? e.endPlaceholder : e.startPlaceholder : e.placeholder), G = x(() => [
       "vt-timepicker",
       `vt-timepicker--${e.size}`,
       `vt-timepicker--${e.type}`,
       {
         "vt-timepicker--disabled": e.disabled,
         "vt-timepicker--focused": m.isFocused.value,
-        "vt-timepicker--range": v.value,
+        "vt-timepicker--range": d.value,
         "vt-timepicker--open": Z.value
       }
     ]), P = L(0), te = L(0), re = L(0), oe = L("AM"), ve = L(0), he = L(0), D = L(0), N = L("AM"), ue = x(() => {
@@ -5445,8 +5444,8 @@ const Qe = new Z3(), z3 = {
       position: "absolute",
       zIndex: 2e3
     })), ye = (k, b, r = !1) => {
-      const f = d.value.get(k);
-      f && (f.disconnect(), d.value.delete(k));
+      const f = v.value.get(k);
+      f && (f.disconnect(), v.value.delete(k));
       const q = `${-k.clientHeight / 2 + 16}px 0px ${-k.clientHeight / 2 + 16}px 0px`, Y = new IntersectionObserver(
         (ae) => {
           var Fe;
@@ -5468,8 +5467,8 @@ const Qe = new Z3(), z3 = {
                   nt = S.value;
                   break;
               }
-              const vt = nt.find((Ct) => Ct.value === Ue);
-              vt && !vt.disabled && (b === "hour" ? r ? ve.value = Ue : P.value = Ue : b === "minute" ? r ? he.value = Ue : te.value = Ue : b === "second" && (r ? D.value = Ue : re.value = Ue));
+              const dt = nt.find((Ct) => Ct.value === Ue);
+              dt && !dt.disabled && (b === "hour" ? r ? ve.value = Ue : P.value = Ue : b === "minute" ? r ? he.value = Ue : te.value = Ue : b === "second" && (r ? D.value = Ue : re.value = Ue));
             }
           }
         },
@@ -5479,14 +5478,14 @@ const Qe = new Z3(), z3 = {
           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((ae) => Y.observe(ae)), d.value.set(k, Y);
+      k.querySelectorAll(".vt-timepicker__option").forEach((ae) => Y.observe(ae)), v.value.set(k, Y);
     }, Ke = () => {
       !Z.value || !p.value || He(() => {
         var r;
         const k = (r = p.value) == null ? void 0 : r.querySelectorAll(".vt-timepicker__options");
         if (!k) return;
         const b = Array.from(k);
-        if (v.value) {
+        if (d.value) {
           b[0] && ye(b[0], "hour", !1), b[1] && ye(b[1], "minute", !1), e.showSeconds && b[2] && ye(b[2], "second", !1);
           const f = e.showSeconds ? e.use12Hours ? 4 : 3 : e.use12Hours ? 3 : 2;
           b[f] && ye(b[f], "hour", !0), b[f + 1] && ye(b[f + 1], "minute", !0), e.showSeconds && b[f + 2] && ye(b[f + 2], "second", !0);
@@ -5494,7 +5493,7 @@ const Qe = new Z3(), z3 = {
           b[0] && ye(b[0], "hour", !1), b[1] && ye(b[1], "minute", !1), e.showSeconds && b[2] && ye(b[2], "second", !1);
       });
     }, We = () => {
-      d.value.forEach((k) => k.disconnect()), d.value.clear();
+      v.value.forEach((k) => k.disconnect()), v.value.clear();
     }, qe = () => {
       Z.value && He(() => {
         var r;
@@ -5510,7 +5509,7 @@ const Qe = new Z3(), z3 = {
             });
           }
         };
-        if (v.value) {
+        if (d.value) {
           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;
@@ -5552,11 +5551,11 @@ const Qe = new Z3(), z3 = {
     }, Me = () => {
       m.isFocused.value = !1, i("blur", c.value);
     }, Pe = () => {
-      const k = (v.value, null);
-      i("update:modelValue", k), i("change", k), v.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, ve.value = ee.hour, he.value = ee.minute, D.value = ee.second, N.value = ee.period;
+      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, ve.value = ee.hour, he.value = ee.minute, D.value = ee.second, N.value = ee.period;
     }, Be = (k) => C(k), Re = () => {
       if (!e.disabled) {
-        if (v.value) {
+        if (d.value) {
           let k = P.value, b = ve.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: he.value, second: D.value }, q = [Be(r), Be(f)], Y = $(q);
@@ -5610,7 +5609,7 @@ const Qe = new Z3(), z3 = {
       () => e.modelValue,
       (k) => {
         if (k) {
-          if (v.value && Array.isArray(k)) {
+          if (d.value && Array.isArray(k)) {
             const b = o(k[0]), r = o(k[1]);
             if (b) {
               let f = b.hour;
@@ -5620,7 +5619,7 @@ const Qe = new Z3(), z3 = {
               let f = r.hour;
               e.use12Hours && (N.value = f >= 12 ? "PM" : "AM", f = f === 0 ? 12 : f > 12 ? f - 12 : f), ve.value = f, he.value = r.minute, D.value = r.second;
             }
-          } else if (!v.value) {
+          } else if (!d.value) {
             const b = o(k);
             if (b) {
               let r = b.hour;
@@ -5673,7 +5672,7 @@ const Qe = new Z3(), z3 = {
             Q(fe, { name: "clock" })
           ]),
           A.value ? (s(), a("div", T2, [
-            v.value ? (s(), a(ne, { key: 0 }, [
+            d.value ? (s(), a(ne, { key: 0 }, [
               l("span", null, E(K.value[0]), 1),
               l("span", null, E(e.rangeSeparator), 1),
               l("span", null, E(K.value[1]), 1)
@@ -5681,7 +5680,7 @@ const Qe = new Z3(), z3 = {
               xe(E(K.value), 1)
             ], 64))
           ])) : (s(), a("div", I2, [
-            v.value ? (s(), a(ne, { key: 0 }, [
+            d.value ? (s(), a(ne, { key: 0 }, [
               l("span", null, E(e.startPlaceholder), 1),
               l("span", null, E(e.rangeSeparator), 1),
               l("span", null, E(e.endPlaceholder), 1)
@@ -5718,7 +5717,7 @@ const Qe = new Z3(), z3 = {
               onMousedown: b[1] || (b[1] = Le(() => {
               }, ["prevent"]))
             }, [
-              v.value ? (s(), a("div", A2, [
+              d.value ? (s(), a("div", A2, [
                 l("div", P2, [
                   b[2] || (b[2] = l("div", { class: "vt-timepicker__panel-header" }, "Початковий час", -1)),
                   l("div", R2, [
@@ -5997,7 +5996,7 @@ const Qe = new Z3(), z3 = {
   },
   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(), h = L(), p = L(), m = L(), d = L(), v = () => (e.type === "datetime" || e.type === "datetimerange", "00:00:00"), C = () => "23:59:59", o = {
+    const e = n, i = u, c = L(), h = L(), p = L(), m = L(), v = 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)),
@@ -6007,7 +6006,7 @@ const Qe = new Z3(), z3 = {
       isSelectingEnd: L(!1),
       hoverDate: L(null),
       // Time state for datetime types
-      startTime: L(v()),
+      startTime: L(d()),
       endTime: L(C())
     }, $ = rt(e, "modelValue"), _ = rt(e, "type"), K = rt(e, "format"), A = rt(e, "valueFormat");
     rt(e, "rangeSeparator");
@@ -6190,7 +6189,7 @@ const Qe = new Z3(), z3 = {
     }, Y = () => {
       o.isFocused.value = !1, i("blur", c.value);
     }, _e = () => {
-      i("update:modelValue", null), i("change", null), o.startDate.value = null, o.endDate.value = null, o.isSelectingEnd.value = !1, o.hoverDate.value = null, o.startTime.value = v(), o.endTime.value = C();
+      i("update:modelValue", null), i("change", null), o.startDate.value = null, o.endDate.value = null, o.isSelectingEnd.value = !1, o.hoverDate.value = null, o.startTime.value = d(), o.endTime.value = C();
     }, ae = (y, V = !1, w = !1) => {
       if (!(e.disabled || !y) && je(y, V, w))
         if (H.value) {
@@ -6264,7 +6263,7 @@ const Qe = new Z3(), z3 = {
         const T = new Date(w.getFullYear(), y, 1);
         V ? o.rightCurrentDate.value = T : o.currentDate.value = T, o.viewMode.value = "date";
       }
-    }, vt = (y, V) => {
+    }, dt = (y, V) => {
       if (H.value && o.isSelectingEnd.value && o.startDate.value) {
         const w = V.getFullYear();
         o.hoverDate.value = new Date(w, y, 1);
@@ -6314,13 +6313,13 @@ const Qe = new Z3(), z3 = {
               console.warn("Invalid date format in modelValue:", y), o.startDate.value = null;
             }
         } else
-          o.startDate.value = null, o.endDate.value = null, o.isSelectingEnd.value = !1, o.hoverDate.value = null, o.startTime.value = v(), o.endTime.value = C();
+          o.startDate.value = null, o.endDate.value = null, o.isSelectingEnd.value = !1, o.hoverDate.value = null, o.startTime.value = d(), o.endTime.value = C();
       },
       { immediate: !0 }
     ), $e(
       () => e.type,
       (y) => {
-        o.viewMode.value = Ye(y), o.startTime.value = v(), o.endTime.value = C();
+        o.viewMode.value = Ye(y), o.startTime.value = d(), o.endTime.value = C();
       },
       { immediate: !0 }
     ), $e(
@@ -6424,7 +6423,7 @@ const Qe = new Z3(), z3 = {
                 Re.value ? (s(), a("div", B5, [
                   l("div", E5, [
                     Ie.value ? (s(), a("div", A5, [
-                      Q(pt, {
+                      Q(ht, {
                         ref_key: "startTimePickerRef",
                         ref: m,
                         modelValue: o.startTime.value,
@@ -6493,9 +6492,9 @@ const Qe = new Z3(), z3 = {
                   ]),
                   l("div", O5, [
                     Ie.value ? (s(), a("div", N5, [
-                      Q(pt, {
+                      Q(ht, {
                         ref_key: "endTimePickerRef",
-                        ref: d,
+                        ref: v,
                         modelValue: o.endTime.value,
                         "onUpdate:modelValue": V[3] || (V[3] = (w) => o.endTime.value = w),
                         clearable: !1,
@@ -6562,7 +6561,7 @@ const Qe = new Z3(), z3 = {
                   ])
                 ])) : (s(), a("div", J5, [
                   Ie.value ? (s(), a("div", e6, [
-                    Q(pt, {
+                    Q(ht, {
                       ref_key: "startTimePickerRef",
                       ref: m,
                       modelValue: o.startTime.value,
@@ -6646,7 +6645,7 @@ const Qe = new Z3(), z3 = {
                           }
                         ]),
                         onClick: (ie) => nt(T, !1),
-                        onMouseenter: (ie) => vt(T, o.currentDate.value),
+                        onMouseenter: (ie) => dt(T, o.currentDate.value),
                         onMouseleave: Ct
                       }, E(w.name), 43, c6))), 128))
                     ])) : (s(), a("div", d6, [
@@ -6711,15 +6710,15 @@ const Qe = new Z3(), z3 = {
         return c.value;
       },
       toggle: (m) => {
-        const d = [...i.value], v = d.indexOf(m);
+        const v = [...i.value], d = v.indexOf(m);
         if (c.value) {
-          const C = v > -1 ? [] : [m];
+          const C = d > -1 ? [] : [m];
           e("update:modelValue", C), e("change", C);
         } else
-          v > -1 ? d.splice(v, 1) : d.push(m), e("update:modelValue", d), e("change", d);
+          d > -1 ? v.splice(d, 1) : v.push(m), e("update:modelValue", v), e("change", v);
       }
     });
-    return ct("collapseContext", p), (m, d) => (s(), a("div", f6, [
+    return ut("collapseContext", p), (m, v) => (s(), a("div", f6, [
       Te(m.$slots, "default")
     ]));
   }
@@ -6732,7 +6731,7 @@ const Qe = new Z3(), z3 = {
   },
   emits: ["toggle"],
   setup(n, { emit: t }) {
-    const u = n, e = t, i = dt("collapseContext");
+    const u = n, e = t, i = ct("collapseContext");
     if (!i)
       throw new Error("VCollapseItem must be used within VCollapse");
     const c = x(() => i.activeNames.includes(u.name)), h = () => {
@@ -6743,10 +6742,10 @@ const Qe = new Z3(), z3 = {
     }, m = (C) => {
       const o = C;
       o.style.height = o.scrollHeight + "px", o.style.overflow = "hidden", o.offsetHeight, o.style.height = "0";
-    }, d = (C) => {
+    }, v = (C) => {
       const o = C;
       o.style.height = "auto", o.style.overflow = "visible";
-    }, v = (C) => {
+    }, d = (C) => {
       const o = C;
       o.style.height = "0", o.style.overflow = "hidden";
     };
@@ -6775,8 +6774,8 @@ const Qe = new Z3(), z3 = {
         name: "collapse",
         onEnter: p,
         onLeave: m,
-        onAfterEnter: d,
-        onAfterLeave: v
+        onAfterEnter: v,
+        onAfterLeave: d
       }, {
         default: Ve(() => [
           ot(l("div", _6, [
@@ -6798,7 +6797,7 @@ const Qe = new Z3(), z3 = {
   },
   emits: ["update:modelValue", "tab-change", "tab-remove", "tab-add"],
   setup(n, { emit: t }) {
-    const u = n, e = t, i = ut(), c = L(u.modelValue), h = L([]);
+    const u = n, e = t, i = at(), c = L(u.modelValue), h = L([]);
     $e(
       () => u.modelValue,
       (C) => {
@@ -6811,9 +6810,9 @@ const Qe = new Z3(), z3 = {
       h.value.push(C), c.value || (c.value = C.name);
     }, m = (C) => {
       h.value = h.value.filter((o) => o.name !== C), e("tab-remove", C), c.value === C && h.value.length > 0 && (c.value = h.value[0].name);
-    }, d = (C) => {
-      c.value = C;
     }, v = (C) => {
+      c.value = C;
+    }, d = (C) => {
       var _;
       const $ = (((_ = i.default) == null ? void 0 : _.call(i)) || []).find((K) => {
         var A;
@@ -6821,11 +6820,11 @@ const Qe = new Z3(), z3 = {
       });
       return $ && $.children && typeof $.children == "object" && "title" in $.children ? $.children.title : null;
     };
-    return ct("VTabsContext", {
+    return ut("VTabsContext", {
       currentValue: c,
       addTab: p,
       removeTab: m,
-      selectTab: d
+      selectTab: v
     }), (C, o) => (s(), a("div", k6, [
       l("div", b6, [
         (s(!0), a(ne, null, pe(h.value, ($) => (s(), a("div", {
@@ -6834,9 +6833,9 @@ const Qe = new Z3(), z3 = {
             "is-active": c.value === $.name,
             "is-disabled": $.disabled
           }, "vt-tabs__nav-item"]),
-          onClick: (_) => !$.disabled && d($.name)
+          onClick: (_) => !$.disabled && v($.name)
         }, [
-          v($) ? (s(), we(at(v($)), {
+          d($) ? (s(), we(ft(d($)), {
             key: 0,
             "is-active": c.value === $.name
           }, null, 8, ["is-active"])) : (s(), a(ne, { key: 1 }, [
@@ -6872,8 +6871,8 @@ const Qe = new Z3(), z3 = {
   },
   setup(n) {
     const t = n;
-    ut();
-    const u = dt("VTabsContext");
+    at();
+    const u = ct("VTabsContext");
     if (!u)
       throw new Error("VTabItem must be used inside VTabs");
     const e = x(() => u.currentValue.value === t.name);
@@ -6976,8 +6975,8 @@ const Qe = new Z3(), z3 = {
       p = e.top + h + (e.height - i.height) / 2, m = e.right + c + 8;
       break;
   }
-  const d = window.innerWidth, v = window.innerHeight;
-  m < 8 ? m = 8 : m + i.width > d - 8 && (m = d - i.width - 8), p < h + 8 ? u === "top" ? p = e.bottom + h + 8 : p = h + 8 : p + i.height > h + v - 8 && (u === "bottom" ? p = e.top + h - i.height - 8 : p = h + v - i.height - 8), n.style.top = `${p}px`, n.style.left = `${m}px`;
+  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(() => {
     n.style.opacity = "1";
@@ -7036,7 +7035,7 @@ const Qe = new Z3(), z3 = {
 function Yt(n) {
   if (n._loaderEl) return;
   const t = document.createElement("div");
-  t.className = "vt-loader-base__overlay", t.innerHTML = '<span class="vt-base-loader"></span>';
+  t.className = "vt-loader-base__overlay", t.innerHTML = '<span class="vt-loader-base"></span>';
   const u = getComputedStyle(n).position;
   (u === "static" || !u) && (n.style.position = "relative"), n.appendChild(t), n._loaderEl = t;
 }
@@ -7058,7 +7057,7 @@ const T6 = { class: "vt-message-container" }, I6 = { class: "vt-message-icon" },
       warning: "alertTriangle",
       primary: "infoCircle"
     })[p] || "infoCircle", c = (p) => {
-      const m = ++e, d = {
+      const m = ++e, v = {
         id: m,
         message: p.message || "",
         type: p.type || "primary",
@@ -7066,11 +7065,11 @@ const T6 = { class: "vt-message-container" }, I6 = { class: "vt-message-icon" },
         duration: p.duration !== void 0 ? p.duration : 3e3,
         dangerouslyUseHTMLString: p.dangerouslyUseHTMLString || !1
       };
-      return u.value.push(d), d.duration && d.duration > 0 && setTimeout(() => {
+      return u.value.push(v), v.duration && v.duration > 0 && setTimeout(() => {
         h(m);
-      }, d.duration), m;
+      }, v.duration), m;
     }, h = (p) => {
-      const m = u.value.findIndex((d) => d.id === p);
+      const m = u.value.findIndex((v) => v.id === p);
       m > -1 && u.value.splice(m, 1);
     };
     return t({
@@ -7083,32 +7082,32 @@ const T6 = { class: "vt-message-container" }, I6 = { class: "vt-message-icon" },
           tag: "div"
         }, {
           default: Ve(() => [
-            (s(!0), a(ne, null, pe(u.value, (d) => (s(), a("div", {
-              key: d.id,
+            (s(!0), a(ne, null, pe(u.value, (v) => (s(), a("div", {
+              key: v.id,
               class: U([
                 "vt-message-item",
-                `vt-message-item--${d.type}`,
-                { "vt-message-item--closable": d.showClose }
+                `vt-message-item--${v.type}`,
+                { "vt-message-item--closable": v.showClose }
               ])
             }, [
               l("div", I6, [
                 Q(fe, {
-                  color: d.type === "primary" ? "#00475A" : "",
-                  name: i(d.type)
+                  color: v.type === "primary" ? "#00475A" : "",
+                  name: i(v.type)
                 }, null, 8, ["color", "name"])
               ]),
               l("div", B6, [
-                d.dangerouslyUseHTMLString ? (s(), a("div", {
+                v.dangerouslyUseHTMLString ? (s(), a("div", {
                   key: 0,
                   class: "vt-message-text",
-                  innerHTML: d.message
-                }, null, 8, E6)) : (s(), a("div", A6, E(d.message), 1))
+                  innerHTML: v.message
+                }, null, 8, E6)) : (s(), a("div", A6, E(v.message), 1))
               ]),
-              d.showClose ? (s(), a("button", {
+              v.showClose ? (s(), a("button", {
                 key: 0,
                 class: "vt-message-close",
                 type: "button",
-                onClick: (v) => h(d.id)
+                onClick: (d) => h(v.id)
               }, [
                 Q(fe, { name: "close" })
               ], 8, P6)) : O("", !0)
@@ -7192,13 +7191,13 @@ const Ne = new j6(), Nt = Object.assign(
 }, 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`, ft), n.component(`${u}Modal`, Qt), n.component(`${u}Pagination`, D3), n.component(`${u}Checkbox`, Je), n.component(`${u}Radiobox`, I3), n.component(`${u}Table`, g2), n.component(`${u}TableColumn`, w2), n.component(`${u}Dropdown`, n1), n.component(`${u}DropdownItem`, yt), n.component(`${u}Input`, Gt), n.component(`${u}Select`, Jt), n.component(`${u}Option`, e1), n.component(`${u}DatePicker`, p6), n.component(`${u}TimePicker`, pt), n.component(`${u}Collapse`, m6), n.component(`${u}CollapseItem`, w6), n.component(`${u}Tabs`, V6), n.component(`${u}TabItem`, L6), n.directive("tooltip", D6), n.directive("loader", H6), e && n.use(z3), i && n.use(F6);
+    n.component(`${u}Button`, Xe), n.component(`${u}Icon`, fe), n.component(`${u}Loader`, pt), n.component(`${u}Modal`, Qt), n.component(`${u}Pagination`, D3), n.component(`${u}Checkbox`, Je), n.component(`${u}Radiobox`, I3), n.component(`${u}Table`, g2), n.component(`${u}TableColumn`, w2), n.component(`${u}Dropdown`, n1), n.component(`${u}DropdownItem`, yt), n.component(`${u}Input`, Gt), n.component(`${u}Select`, Jt), n.component(`${u}Option`, e1), n.component(`${u}DatePicker`, p6), n.component(`${u}TimePicker`, ht), n.component(`${u}Collapse`, m6), n.component(`${u}CollapseItem`, w6), n.component(`${u}Tabs`, V6), n.component(`${u}TabItem`, L6), n.directive("tooltip", D6), n.directive("loader", H6), e && n.use(z3), i && n.use(F6);
   }
 }, Q6 = Z6.install;
 export {
   K6 as DEFAULT_COLUMN_CONFIG,
   b2 as DEFAULT_FORMATS,
-  ht as DEFAULT_TIME_FORMATS,
+  vt as DEFAULT_TIME_FORMATS,
   t1 as DropdownContextKey,
   q6 as FORMAT_TOKENS,
   k2 as MONTH_NAMES,
@@ -7212,7 +7211,7 @@ export {
   yt as VDropdownItem,
   fe as VIcon,
   Gt as VInput,
-  ft as VLoader,
+  pt as VLoader,
   Nt as VMessage,
   F6 as VMessagePlugin,
   Qt as VModal,
@@ -7225,7 +7224,7 @@ export {
   g2 as VTable,
   w2 as VTableColumn,
   V6 as VTabs,
-  pt as VTimePicker,
+  ht as VTimePicker,
   Xt as VtSelectContextKey,
   U6 as WEEKDAY_NAMES,
   kt as WEEKDAY_NAMES_SHORT,