voiptime-components 1.9.8 → 1.9.10

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { createElementBlock as a, openBlock as s, createElementVNode as l, createStaticVNode as tt, defineComponent as ke, computed as x, createBlock as we, createCommentVNode as O, resolveDynamicComponent as ft, normalizeStyle as Ee, useSlots as at, resolveDirective as xt, withDirectives as ot, normalizeClass as U, renderSlot as 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";
+import { createElementBlock as a, openBlock as s, createElementVNode as l, createStaticVNode as tt, defineComponent as ke, computed as x, createBlock as we, createCommentVNode as O, resolveDynamicComponent as ft, normalizeStyle as Ee, useSlots as at, resolveDirective as xt, withDirectives as ot, normalizeClass as U, renderSlot as He, Teleport as lt, withModifiers as Le, toDisplayString as E, createTextVNode as xe, ref as L, onUnmounted as Ge, nextTick as Te, watch as $e, onMounted as Ye, createVNode as Q, Fragment as ne, renderList as pe, provide as ut, unref as 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)
@@ -2388,7 +2388,7 @@ const pt = /* @__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(d.$slots, "default")
+          He(d.$slots, "default")
         ]))
       ], 10, xa)), [
         [o, m.value]
@@ -2401,7 +2401,7 @@ const pt = /* @__PURE__ */ M(ya, [["render", $a]]), xa = ["disabled", "type", "d
 }, La = {
   key: 0,
   class: "vt-modal__title"
-}, Da = { class: "vt-modal__content" }, Ha = ["innerHTML"], Qt = /* @__PURE__ */ ke({
+}, Da = { class: "vt-modal__body" }, Qt = /* @__PURE__ */ ke({
   __name: "VModal",
   props: {
     modelValue: { type: Boolean },
@@ -2415,50 +2415,40 @@ const pt = /* @__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(""), p = () => {
+    })), h = () => {
       e("update:modelValue", !1), e("close");
-    }, m = () => {
-      u.closeOnBackdropClick && p();
+    }, p = () => {
+      u.closeOnBackdropClick && h();
     };
-    return ze(() => {
-      He(() => {
-        const v = document.querySelector(".vt-modal__content"), d = v == null ? void 0 : v.querySelector('[ref="modalFooter"]');
-        d && (h.value = d.outerHTML, d.remove());
-      });
-    }), (v, d) => (s(), we(lt, { to: "body" }, [
-      v.modelValue ? (s(), a("div", {
+    return (m, v) => (s(), we(lt, { to: "body" }, [
+      m.modelValue ? (s(), a("div", {
         key: 0,
         style: Ee(c.value),
         class: "vt-modal__backdrop",
-        onClick: m
+        onClick: p
       }, [
         l("div", {
           class: U(i.value),
-          onClick: d[0] || (d[0] = Le(() => {
+          onClick: v[0] || (v[0] = Le(() => {
           }, ["stop"]))
         }, [
-          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, {
+          m.title || m.showCloseButton ? (s(), a("div", Sa, [
+            m.title ? (s(), a("h2", La, E(m.title), 1)) : O("", !0),
+            m.showCloseButton ? (s(), we(fe, {
               key: 1,
               class: "vt-modal__close",
               name: "close",
-              onClick: p
+              onClick: h
             })) : O("", !0)
           ])) : O("", !0),
           l("div", Da, [
-            Te(v.$slots, "default")
-          ]),
-          h.value ? (s(), a("div", {
-            key: 1,
-            class: "vt-modal__footer",
-            innerHTML: h.value
-          }, null, 8, Ha)) : O("", !0)
+            He(m.$slots, "default")
+          ])
         ], 2)
       ], 4)) : O("", !0)
     ]));
   }
-}), Ta = ["for"], Ia = ["id", "name", "value", "checked", "disabled", "required", ".indeterminate"], Je = /* @__PURE__ */ ke({
+}), Ha = ["for"], Ta = ["id", "name", "value", "checked", "disabled", "required", ".indeterminate"], Je = /* @__PURE__ */ ke({
   __name: "VCheckbox",
   props: {
     modelValue: { type: Boolean, default: void 0 },
@@ -2510,7 +2500,7 @@ const pt = /* @__PURE__ */ M(ya, [["render", $a]]), xa = ["disabled", "type", "d
         onChange: p,
         onFocus: m,
         onBlur: v
-      }, null, 40, Ia),
+      }, null, 40, Ta),
       l("div", {
         class: U([
           "vt-checkbox__box",
@@ -2591,13 +2581,13 @@ const pt = /* @__PURE__ */ M(ya, [["render", $a]]), xa = ["disabled", "type", "d
           }
         ])
       }, [
-        Te(d.$slots, "label", {}, () => [
-          Te(d.$slots, "default", {}, () => [
+        He(d.$slots, "label", {}, () => [
+          He(d.$slots, "default", {}, () => [
             xe(E(d.label), 1)
           ])
         ])
       ], 2)) : O("", !0)
-    ], 10, Ta));
+    ], 10, Ha));
   }
 }), Dt = (n) => {
   if (!n) return !1;
@@ -2613,7 +2603,7 @@ const pt = /* @__PURE__ */ M(ya, [["render", $a]]), xa = ["disabled", "type", "d
     c = c.parentElement;
   }
   return !0;
-}, Ba = (n) => {
+}, Ia = (n) => {
   const t = [];
   let u = n.parentElement;
   for (; u && u !== document.body; ) {
@@ -2621,7 +2611,7 @@ const pt = /* @__PURE__ */ M(ya, [["render", $a]]), xa = ["disabled", "type", "d
     (["scroll", "auto"].includes(i) || ["scroll", "auto"].includes(c) || u.scrollHeight > u.clientHeight || u.scrollWidth > u.clientWidth) && t.push(u), u = u.parentElement;
   }
   return t.push(window), t;
-}, Ea = (n, t, u) => {
+}, Ba = (n, t, u) => {
   let e = 0, i = 0;
   switch (u) {
     case "bottom":
@@ -2668,8 +2658,8 @@ function mt(n, t, u = {}) {
     const he = Dt(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 He(), !n.value || !t.value) return;
-    const he = n.value.getBoundingClientRect(), D = t.value.getBoundingClientRect(), N = Ea(he, D, i);
+    if (await Te(), !n.value || !t.value) return;
+    const he = n.value.getBoundingClientRect(), D = t.value.getBoundingClientRect(), N = Ba(he, D, i);
     A.value = {
       ...N,
       minWidth: `${he.width}px`
@@ -2677,7 +2667,7 @@ function mt(n, t, u = {}) {
   }, G = () => {
     (C.value || $.value) && (H(), C.value && R(), d == null || d());
   }, P = () => {
-    n.value && (K.value = Ba(n.value), K.value.forEach((he) => {
+    n.value && (K.value = Ia(n.value), K.value.forEach((he) => {
       he.addEventListener("scroll", G, { passive: !0 });
     }), window.addEventListener("resize", G));
   }, te = () => {
@@ -2727,37 +2717,37 @@ function et(n, t, u) {
 function Ht(n, t, u) {
   return t.find((e) => et(e.value, n, u));
 }
-function Aa(n, t, u, e) {
+function Ea(n, t, u, e) {
   return u ? Array.isArray(t) ? t.some((i) => et(i, n, e)) : !1 : et(t, n, e);
 }
-function Pa(n, t, u, e) {
+function Aa(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 i ? [i] : [];
 }
-function Ra(n, t, u, e) {
+function Pa(n, t, u, e) {
   if (u) {
     const i = Array.isArray(t) ? t : [];
     return i.some((h) => et(h, n.value, e)) ? i.filter((h) => !et(h, n.value, e)) : [...i, n.value];
   }
   return n.value;
 }
-function ja(n, t, u) {
+function Ra(n, t, u) {
   return Array.isArray(t) ? t.filter((e) => !et(e, n, u)) : t;
 }
-function Fa(n) {
+function ja(n) {
   return n ? [] : void 0;
 }
-function Za(n, t, u, e) {
+function Fa(n, t, u, e) {
   const i = [];
   return u && (t ? !Array.isArray(n) || n.length === 0 : n == null || n === "") && i.push(e || "Це поле є обов'язковим"), {
     isValid: i.length === 0,
     errors: i
   };
 }
-function za(n, t, u) {
+function Za(n, t, u) {
   var p;
   if (!n || !t.length) return u;
   const e = n.offsetWidth, i = 100;
@@ -2771,29 +2761,29 @@ function za(n, t, u) {
   }
   return Math.max(1, h);
 }
-function Ya(n, t) {
+function za(n, t) {
   const u = t.map((e) => e.label).join(", ");
   return `Ще ${n}: ${u}`;
 }
-const Oa = ["for"], Na = {
+const Ya = ["for"], Oa = {
   key: 0,
   class: "vt-input__required"
-}, Wa = { class: "vt-input__container" }, qa = {
+}, Na = { class: "vt-input__container" }, Wa = {
   key: 0,
   class: "vt-input__prefix"
-}, Ua = ["value", "placeholder", "disabled", "rows", "cols", "maxlength", "minlength", "required", "name", "id", "tabindex", "autocomplete"], Ka = ["type", "value", "placeholder", "disabled", "maxlength", "minlength", "min", "max", "step", "required", "pattern", "name", "id", "tabindex", "autocomplete"], Qa = {
+}, qa = ["value", "placeholder", "disabled", "rows", "cols", "maxlength", "minlength", "required", "name", "id", "tabindex", "autocomplete"], Ua = ["type", "value", "placeholder", "disabled", "maxlength", "minlength", "min", "max", "step", "required", "pattern", "name", "id", "tabindex", "autocomplete"], Ka = {
   key: 3,
   class: "vt-input__suffix"
-}, Xa = {
+}, Qa = {
   key: 1,
   class: "vt-input__help"
-}, Ga = {
+}, Xa = {
   key: 0,
   class: "vt-input__error"
-}, Ja = {
+}, Ga = {
   key: 1,
   class: "vt-input__helper"
-}, e3 = {
+}, Ja = {
   key: 2,
   class: "vt-input__errors"
 }, Gt = /* @__PURE__ */ ke({
@@ -2943,7 +2933,7 @@ const Oa = ["for"], Na = {
         const Me = Number(z);
         isNaN(Me) || (z = Me);
       }
-      i("update:modelValue", z), i("input", g), e.validateOnInput && _(z), K.value && e.autosize && !o.value && He(() => X());
+      i("update:modelValue", z), i("input", g), e.validateOnInput && _(z), K.value && e.autosize && !o.value && Te(() => X());
     }, S = (g) => {
       if (i("change", g), !e.validateOnInput) {
         const F = g.target;
@@ -2960,7 +2950,7 @@ const Oa = ["for"], Na = {
       var g;
       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(() => {
+      m.value = !m.value, Te(() => {
         var g;
         (g = c.value) == null || g.focus();
       });
@@ -3014,7 +3004,7 @@ const Oa = ["for"], Na = {
     }), $e(
       () => e.modelValue,
       (g) => {
-        K.value && e.autosize && !o.value && He(X), e.validateOnInput && _(g || "");
+        K.value && e.autosize && !o.value && Te(X), e.validateOnInput && _(g || "");
       }
     ), $e(
       () => [e.required, e.minlength, e.maxlength, e.min, e.max, e.pattern],
@@ -3022,9 +3012,9 @@ const Oa = ["for"], Na = {
         e.modelValue !== void 0 && e.modelValue !== "" && _(e.modelValue);
       },
       { immediate: !0 }
-    ), ze(() => {
+    ), Ye(() => {
       K.value && e.autosize && X(), e.modelValue !== void 0 && e.modelValue !== "" && _(e.modelValue);
-    }), ze(() => {
+    }), Ye(() => {
       K.value && e.autosize;
     }), Ge(() => {
     }), (g, F) => (s(), a("div", {
@@ -3036,10 +3026,10 @@ const Oa = ["for"], Na = {
         for: g.id
       }, [
         xe(E(g.label) + " ", 1),
-        g.required ? (s(), a("span", Na, "*")) : O("", !0)
-      ], 8, Oa)) : O("", !0),
-      l("div", Wa, [
-        R.value ? (s(), a("div", qa, [
+        g.required ? (s(), a("span", Oa, "*")) : O("", !0)
+      ], 8, Ya)) : O("", !0),
+      l("div", Na, [
+        R.value ? (s(), a("div", Wa, [
           Q(fe, {
             name: G.value,
             class: U(P.value)
@@ -3072,7 +3062,7 @@ const Oa = ["for"], Na = {
           onKeyup: F[1] || (F[1] = (z) => g.$emit("keyup", z)),
           onKeypress: F[2] || (F[2] = (z) => g.$emit("keypress", z)),
           onClick: F[3] || (F[3] = (z) => g.$emit("click", z))
-        }, null, 44, Ua)) : (s(), a("input", {
+        }, null, 44, qa)) : (s(), a("input", {
           key: 2,
           ref_key: "inputRef",
           ref: c,
@@ -3100,8 +3090,8 @@ const Oa = ["for"], Na = {
           onKeyup: F[5] || (F[5] = (z) => g.$emit("keyup", z)),
           onKeypress: F[6] || (F[6] = (z) => g.$emit("keypress", z)),
           onClick: F[7] || (F[7] = (z) => g.$emit("click", z))
-        }, null, 40, Ka)),
-        te.value ? (s(), a("div", Qa, [
+        }, null, 40, Ua)),
+        te.value ? (s(), a("div", Ka, [
           oe.value ? (s(), a("button", {
             key: 0,
             type: "button",
@@ -3131,10 +3121,10 @@ const Oa = ["for"], Na = {
           }, null, 8, ["name"])) : O("", !0)
         ])) : O("", !0)
       ]),
-      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)
+      g.helperText || N.value ? (s(), a("div", Qa, [
+        N.value ? (s(), a("span", Xa, E(N.value), 1)) : g.helperText ? (s(), a("span", Ga, E(g.helperText), 1)) : O("", !0)
       ])) : O("", !0),
-      d.value.length > 1 && g.showAllErrors ? (s(), a("div", e3, [
+      d.value.length > 1 && g.showAllErrors ? (s(), a("div", Ja, [
         (s(!0), a(ne, null, pe(d.value, (z, Me) => (s(), a("div", {
           key: Me,
           class: "vt-input__error-item"
@@ -3144,31 +3134,31 @@ const Oa = ["for"], Na = {
       ])) : O("", !0)
     ], 2));
   }
-}), t3 = ["for"], n3 = {
+}), e3 = ["for"], t3 = {
   key: 0,
   class: "vt-select__required"
-}, o3 = { class: "vt-select__field" }, l3 = { class: "vt-select__tag-text" }, s3 = {
+}, n3 = { class: "vt-select__field" }, o3 = { class: "vt-select__tag-text" }, l3 = {
   key: 0,
   class: "vt-select__tag vt-select__tag--collapsed"
-}, r3 = { class: "vt-select__tag-text" }, i3 = {
+}, s3 = { class: "vt-select__tag-text" }, r3 = {
   key: 1,
   class: "vt-select__display-text"
-}, a3 = {
+}, i3 = {
   key: 2,
   class: "vt-select__placeholder"
-}, u3 = { class: "vt-select__suffix" }, c3 = ["disabled"], d3 = {
+}, a3 = { class: "vt-select__suffix" }, u3 = ["disabled"], c3 = {
   key: 0,
   class: "vt-select__help"
-}, v3 = {
+}, d3 = {
   "aria-hidden": "true",
   style: { display: "none" }
-}, h3 = ["aria-multiselectable"], p3 = {
+}, v3 = ["aria-multiselectable"], h3 = {
   key: 0,
   class: "vt-select-dropdown__search"
-}, f3 = {
+}, p3 = {
   key: 1,
   class: "vt-select-dropdown__empty"
-}, m3 = { key: 0 }, C3 = { key: 1 }, _3 = ["aria-disabled", "aria-selected", "onClick"], g3 = { class: "vt-option__text" }, w3 = { key: 1 }, k3 = {
+}, f3 = { key: 0 }, m3 = { key: 1 }, C3 = ["aria-disabled", "aria-selected", "onClick"], _3 = { class: "vt-option__text" }, g3 = { key: 1 }, w3 = {
   key: 0,
   class: "vt-select-dropdown__loading"
 }, Tt = 300, Jt = /* @__PURE__ */ ke({
@@ -3242,7 +3232,7 @@ const Oa = ["for"], Na = {
       const q = f.scrollTop, Y = f.scrollHeight, _e = f.clientHeight, be = q + _e >= Y - 50, Se = Date.now(), Fe = !e.loading && oe.value.length > 0 && Se - ve.value > Tt;
       be && Fe && (ve.value = Se, i("scrolled"));
     }, D = () => {
-      He(() => {
+      Te(() => {
         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) {
@@ -3266,7 +3256,7 @@ const Oa = ["for"], Na = {
       disabled: e.disabled,
       hideOnClick: !1,
       onVisibleChange: (r) => {
-        r ? He(async () => {
+        r ? Te(async () => {
           await le(), e.filterable && C.value && C.value.focus(), setTimeout(() => {
             D();
           }, 100);
@@ -3274,7 +3264,7 @@ const Oa = ["for"], Na = {
       }
     }), J = {
       validate() {
-        const r = Za(
+        const r = Fa(
           e.modelValue,
           X.value,
           e.required || !1,
@@ -3285,7 +3275,7 @@ const Oa = ["for"], Na = {
       clear() {
         o.validationErrors.value = [], o.isValid.value = !0, i("validation", { isValid: !0, errors: [] });
       }
-    }, X = x(() => e.multiple), ce = x(() => re.value.length ? Pa(e.modelValue, re.value, X.value, e.valueKey) : []), Ye = x(() => !e.multiple || ce.value.length === 0 ? [] : e.collapsedTags ? ce.value.slice(0, o.visibleCount.value) : ce.value), De = x(() => {
+    }, X = x(() => e.multiple), ce = x(() => re.value.length ? Aa(e.modelValue, re.value, X.value, e.valueKey) : []), ze = x(() => !e.multiple || ce.value.length === 0 ? [] : e.collapsedTags ? ce.value.slice(0, o.visibleCount.value) : ce.value), De = x(() => {
       if (X.value) return "";
       const r = ce.value[0];
       return r ? r.label : e.modelValue && typeof e.modelValue == "object" ? e.modelValue.label ? e.modelValue.label : e.modelValue.name ? e.modelValue.name : JSON.stringify(e.modelValue) : e.modelValue !== void 0 && e.modelValue !== null && e.modelValue !== "" && !Array.isArray(e.modelValue) ? String(e.modelValue) : "";
@@ -3306,7 +3296,7 @@ const Oa = ["for"], Na = {
     })), qe = x(() => ce.value.length - o.visibleCount.value), ge = x(() => e.collapsedTags && e.multiple && ce.value.length > 0 && o.visibleCount.value < ce.value.length), g = x(() => {
       if (!ge.value) return "";
       const r = ce.value.slice(o.visibleCount.value);
-      return Ya(qe.value, r);
+      return za(qe.value, r);
     }), F = (r) => {
       var q, Y;
       if (!N.value) return;
@@ -3314,16 +3304,16 @@ const Oa = ["for"], Na = {
       (q = c.value) != null && q.contains(f) || (Y = p.value) != null && Y.contains(f) || B();
     }, z = (r) => {
       if (!r || r.disabled) return;
-      const f = Ra(r, e.modelValue, X.value, e.valueKey);
+      const f = Pa(r, e.modelValue, X.value, e.valueKey);
       i("update:modelValue", f), i("change", f), X.value || B(), e.validateOnInput && J.validate();
     }, Me = (r, f) => {
       r.disabled || z(r);
     }, Pe = () => {
-      const r = Fa(X.value);
+      const r = ja(X.value);
       i("update:modelValue", r), i("change", r), i("clear"), J.clear();
     }, Be = (r) => {
       if (!X.value) return;
-      const f = ja(r, e.modelValue, e.valueKey);
+      const f = Ra(r, e.modelValue, e.valueKey);
       i("update:modelValue", f), i("change", f), i("remove-tag", r), e.validateOnInput && J.validate();
     }, Re = () => {
       e.disabled || Z();
@@ -3342,14 +3332,14 @@ const Oa = ["for"], Na = {
       o.filterQuery.value = "", i("filter", ""), i("filter-clear");
     }, se = (r) => {
       r.key === "Enter" || r.key === " " ? (r.preventDefault(), Re()) : r.key === "Escape" && N.value && (r.preventDefault(), B());
-    }, de = (r) => Aa(r, e.modelValue, X.value, e.valueKey), ee = () => {
+    }, de = (r) => Ea(r, e.modelValue, X.value, e.valueKey), ee = () => {
       if (!e.collapsedTags || !m.value || ce.value.length === 0) {
         o.visibleCount.value = ce.value.length;
         return;
       }
-      He(() => {
+      Te(() => {
         if (!m.value) return;
-        const r = za(m.value, v.value, ce.value.length);
+        const r = Za(m.value, v.value, ce.value.length);
         o.visibleCount.value = r;
       });
     }, k = {
@@ -3433,19 +3423,19 @@ const Oa = ["for"], Na = {
         m.value && ee();
       }
     ), $e(N, async (r) => {
-      r && (await He(), le());
+      r && (await Te(), le());
     }), $e(
       () => oe.value.length,
       async (r, f) => {
-        N.value && r > f && (await He(), D());
+        N.value && r > f && (await Te(), D());
       }
     ), $e(
       () => e.loading,
       (r, f) => {
         f && !r && N.value && D();
       }
-    ), ze(() => {
-      e.modelValue !== void 0 && e.modelValue !== "" && (!Array.isArray(e.modelValue) || e.modelValue.length > 0) && J.validate(), He(() => {
+    ), Ye(() => {
+      e.modelValue !== void 0 && e.modelValue !== "" && (!Array.isArray(e.modelValue) || e.modelValue.length > 0) && J.validate(), Te(() => {
         ee();
       }), window.addEventListener("resize", ee), document.addEventListener("click", F);
     }), Ge(() => {
@@ -3463,8 +3453,8 @@ const Oa = ["for"], Na = {
           class: "vt-select__label"
         }, [
           xe(E(r.label) + " ", 1),
-          r.required ? (s(), a("span", n3, "*")) : O("", !0)
-        ], 8, t3)) : O("", !0),
+          r.required ? (s(), a("span", t3, "*")) : O("", !0)
+        ], 8, e3)) : O("", !0),
         l("div", {
           ref_key: "triggerRef",
           ref: h,
@@ -3475,20 +3465,20 @@ const Oa = ["for"], Na = {
           onFocus: je,
           onKeydown: se
         }, [
-          l("div", o3, [
+          l("div", n3, [
             r.multiple && ce.value.length > 0 ? (s(), a("div", {
               key: 0,
               ref_key: "containerRef",
               ref: m,
               class: "vt-select__tags"
             }, [
-              (s(!0), a(ne, null, pe(Ye.value, (Y, _e) => (s(), a("div", {
+              (s(!0), a(ne, null, pe(ze.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 && (v.value[_e] = ae),
                 class: "vt-select__tag"
               }, [
-                l("span", l3, E(Y.label), 1),
+                l("span", o3, E(Y.label), 1),
                 e.disabled ? O("", !0) : (s(), we(fe, {
                   key: 0,
                   class: "vt-select__tag-close",
@@ -3496,14 +3486,14 @@ const Oa = ["for"], Na = {
                   onClick: Le((ae) => Be(Y.value), ["stop"])
                 }, null, 8, ["onClick"]))
               ]))), 128)),
-              ge.value ? ot((s(), a("div", s3, [
-                l("span", r3, "+" + E(qe.value), 1)
+              ge.value ? ot((s(), a("div", l3, [
+                l("span", s3, "+" + E(qe.value), 1)
               ])), [
                 [q, g.value]
               ]) : O("", !0)
-            ], 512)) : !r.multiple && De.value ? (s(), a("span", i3, E(De.value), 1)) : (s(), a("span", a3, E(r.placeholder), 1))
+            ], 512)) : !r.multiple && De.value ? (s(), a("span", r3, E(De.value), 1)) : (s(), a("span", i3, E(r.placeholder), 1))
           ]),
-          l("div", u3, [
+          l("div", a3, [
             r.loading ? (s(), we(pt, {
               key: 0,
               class: "vt-select__loading"
@@ -3515,7 +3505,7 @@ const Oa = ["for"], Na = {
               onClick: Le(Pe, ["stop"])
             }, [
               Q(fe, { name: "close" })
-            ], 8, c3)) : (s(), we(fe, {
+            ], 8, u3)) : (s(), we(fe, {
               key: 2,
               class: U([{ "vt-select__arrow--open": j(N) }, "vt-select__icon vt-select__arrow"]),
               name: "arrowDown"
@@ -3524,7 +3514,7 @@ const Oa = ["for"], Na = {
         ], 544),
         Q(it, { name: "fade" }, {
           default: Ve(() => [
-            o.validationErrors && o.validationErrors.value.length ? (s(), a("div", d3, [
+            o.validationErrors && o.validationErrors.value.length ? (s(), a("div", c3, [
               (s(!0), a(ne, null, pe(o.validationErrors.value, (Y, _e) => (s(), a("div", {
                 key: `error-${_e}`,
                 class: "vt-select__error"
@@ -3533,8 +3523,8 @@ const Oa = ["for"], Na = {
           ]),
           _: 1
         }),
-        l("div", v3, [
-          Te(r.$slots, "default")
+        l("div", d3, [
+          He(r.$slots, "default")
         ]),
         j(N) && j(ue) ? (s(), we(lt, {
           key: 1,
@@ -3554,7 +3544,7 @@ const Oa = ["for"], Na = {
                 onMousedown: f[3] || (f[3] = Le(() => {
                 }, ["prevent"]))
               }, [
-                r.filterable ? (s(), a("div", p3, [
+                r.filterable ? (s(), a("div", h3, [
                   Q(Gt, {
                     ref_key: "filterInputRef",
                     ref: C,
@@ -3567,8 +3557,8 @@ const Oa = ["for"], Na = {
                     onInput: I
                   }, null, 8, ["modelValue", "placeholder"])
                 ])) : O("", !0),
-                oe.value.length === 0 ? (s(), a("div", f3, [
-                  o.filterQuery.value ? (s(), a("span", m3, 'Немає результатів для "' + E(o.filterQuery.value) + '"', 1)) : (s(), a("span", C3, E(r.noDataText), 1))
+                oe.value.length === 0 ? (s(), a("div", p3, [
+                  o.filterQuery.value ? (s(), a("span", f3, 'Немає результатів для "' + E(o.filterQuery.value) + '"', 1)) : (s(), a("span", m3, E(r.noDataText), 1))
                 ])) : (s(), a("div", {
                   key: 2,
                   ref_key: "scrollContainerRef",
@@ -3600,16 +3590,16 @@ const Oa = ["for"], Na = {
                       tabindex: "-1",
                       onChange: (_e) => Me(Y)
                     }, null, 8, ["checked", "disabled", "onChange"])) : O("", !0),
-                    l("span", g3, [
-                      G(Y.value) ? (s(), we(ft(G(Y.value)), { key: 0 })) : (s(), a("span", w3, E(Y.label || Y.value), 1))
+                    l("span", _3, [
+                      G(Y.value) ? (s(), we(ft(G(Y.value)), { key: 0 })) : (s(), a("span", g3, E(Y.label || Y.value), 1))
                     ])
-                  ], 42, _3))), 128)),
-                  r.loading ? (s(), a("div", k3, [
+                  ], 42, C3))), 128)),
+                  r.loading ? (s(), a("div", w3, [
                     Q(pt, { class: "vt-select-dropdown__loading-icon" }),
                     xe(" " + E(e.loadingText), 1)
                   ])) : O("", !0)
                 ], 544))
-              ], 44, h3)
+              ], 44, v3)
             ]),
             _: 1
           })
@@ -3617,7 +3607,7 @@ const Oa = ["for"], Na = {
       ], 2);
     };
   }
-}), b3 = { style: { display: "none" } }, e1 = /* @__PURE__ */ ke({
+}), k3 = { style: { display: "none" } }, e1 = /* @__PURE__ */ ke({
   __name: "VOption",
   props: {
     label: {},
@@ -3633,18 +3623,18 @@ const Oa = ["for"], Na = {
       value: u.value,
       disabled: u.disabled || !1
     }));
-    return ze(() => {
+    return Ye(() => {
       if (i) {
         const h = e.default ? () => e.default() : null;
         i.registerOption(c.value, h);
       }
     }), Wt(() => {
       i && i.unregisterOption(u.value);
-    }), (h, p) => (s(), a("div", b3, [
-      Te(h.$slots, "default")
+    }), (h, p) => (s(), a("div", k3, [
+      He(h.$slots, "default")
     ]));
   }
-}), y3 = { class: "vt-pagination" }, M3 = { class: "vt-pagination__info" }, $3 = { class: "vt-pagination__rows-per-page" }, x3 = { class: "vt-pagination__navigation" }, V3 = ["disabled"], S3 = ["onClick"], L3 = ["disabled"], D3 = /* @__PURE__ */ ke({
+}), b3 = { class: "vt-pagination" }, y3 = { class: "vt-pagination__info" }, M3 = { class: "vt-pagination__rows-per-page" }, $3 = { class: "vt-pagination__navigation" }, x3 = ["disabled"], V3 = ["onClick"], S3 = ["disabled"], L3 = /* @__PURE__ */ ke({
   __name: "VPagination",
   props: {
     totalItems: {},
@@ -3696,9 +3686,9 @@ const Oa = ["for"], Na = {
       () => {
         i.value > h.value && h.value > 0 && (i.value = h.value, o());
       }
-    ), (R, G) => (s(), a("div", y3, [
-      l("div", M3, [
-        l("div", $3, [
+    ), (R, G) => (s(), a("div", b3, [
+      l("div", y3, [
+        l("div", M3, [
           G[1] || (G[1] = l("label", {
             class: "vt-pagination__label",
             for: "rowsSelect"
@@ -3727,28 +3717,28 @@ const Oa = ["for"], Na = {
         ]),
         l("span", null, E(p.value) + " - " + E(m.value) + " з " + E(R.totalItems), 1)
       ]),
-      l("div", x3, [
+      l("div", $3, [
         l("button", {
           class: U({ "vt-pagination__nav-button": !0, "has-items": !v.value }),
           disabled: v.value,
           onClick: _
         }, [
           Q(fe, { name: "arrowLeft" })
-        ], 10, V3),
+        ], 10, x3),
         (s(!0), a(ne, null, pe(C.value, (P) => (s(), a("button", {
           key: P,
           class: U([{
             "vt-pagination__nav-button--active": P === i.value
           }, "vt-pagination__nav-button"]),
           onClick: (te) => $(P)
-        }, E(P), 11, S3))), 128)),
+        }, E(P), 11, V3))), 128)),
         l("button", {
           class: U({ "vt-pagination__nav-button": !0, "has-items": !d.value }),
           disabled: d.value,
           onClick: K
         }, [
           Q(fe, { name: "arrowRight" })
-        ], 10, L3)
+        ], 10, S3)
       ]),
       l("div", null, [
         Q(Xe, {
@@ -3767,7 +3757,7 @@ const Oa = ["for"], Na = {
       ])
     ]));
   }
-}), H3 = ["for"], T3 = ["id", "checked", "disabled", "name", "required", "value"], I3 = /* @__PURE__ */ ke({
+}), D3 = ["for"], H3 = ["id", "checked", "disabled", "name", "required", "value"], T3 = /* @__PURE__ */ ke({
   __name: "VRadiobox",
   props: {
     modelValue: { default: void 0 },
@@ -3814,7 +3804,7 @@ const Oa = ["for"], Na = {
         onBlur: v,
         onChange: p,
         onFocus: m
-      }, null, 40, T3),
+      }, null, 40, H3),
       l("div", {
         class: U([
           "vt-radiobox__circle",
@@ -3842,16 +3832,16 @@ const Oa = ["for"], Na = {
           }
         ])
       }, [
-        Te(d.$slots, "label", {}, () => [
-          Te(d.$slots, "default", {}, () => [
+        He(d.$slots, "label", {}, () => [
+          He(d.$slots, "default", {}, () => [
             xe(E(d.label), 1)
           ])
         ])
       ], 2)) : O("", !0)
-    ], 10, H3));
+    ], 10, D3));
   }
 });
-function B3(n) {
+function I3(n) {
   const t = x(() => {
     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];
@@ -3882,7 +3872,7 @@ function B3(n) {
     }
   };
 }
-function E3(n) {
+function B3(n) {
   const t = () => {
     const c = {};
     return n.maxHeight && (c.maxHeight = `${n.maxHeight}px`), c;
@@ -3911,7 +3901,7 @@ function E3(n) {
     }
   };
 }
-function A3() {
+function E3() {
   const n = L({
     resizingCol: null,
     startX: 0,
@@ -3939,7 +3929,7 @@ function A3() {
     resizeState: n
   };
 }
-function P3(n, t, u, e) {
+function A3(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]);
@@ -4017,7 +4007,7 @@ function P3(n, t, u, e) {
     selectAbsolutelyAll: G
   };
 }
-const R3 = (n, t, u = "asc") => {
+const P3 = (n, t, u = "asc") => {
   if (n == null && t == null) return 0;
   if (n == null) return u === "asc" ? 1 : -1;
   if (t == null) return u === "asc" ? -1 : 1;
@@ -4028,7 +4018,7 @@ const R3 = (n, t, u = "asc") => {
     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, j3 = (n, t, u) => {
+}, 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, R3 = (n, t, u) => {
   n.sortable && u({
     prop: n.prop,
     direction: t
@@ -4039,11 +4029,11 @@ const R3 = (n, t, u = "asc") => {
     asc: ["vt-th__sort-icon", u && e === "asc" && "vt-th__sortable-active"].filter(Boolean).join(" "),
     desc: ["vt-th__sort-icon", u && e === "desc" && "vt-th__sortable-active"].filter(Boolean).join(" ")
   };
-}, F3 = (n, t, u) => {
+}, j3 = (n, t, u) => {
   if (!t) return [...n];
   const e = u.find((c) => c.prop === t.prop);
   if (!(e != null && e.sortable)) return [...n];
-  const i = e.sortMethod || R3;
+  const i = e.sortMethod || P3;
   return [...n].sort((c, h) => {
     const p = c[e.prop], m = h[e.prop];
     return i(p, m, t.direction);
@@ -4113,7 +4103,7 @@ const R3 = (n, t, u = "asc") => {
       show: _,
       hide: K,
       visible: C
-    }), ze(() => {
+    }), Ye(() => {
       document.addEventListener("click", he);
     }), Ge(() => {
       document.removeEventListener("click", he), H();
@@ -4130,7 +4120,7 @@ const R3 = (n, t, u = "asc") => {
         ref: h,
         class: "vt-dropdown__trigger"
       }, [
-        Te(N.$slots, "default")
+        He(N.$slots, "default")
       ], 512),
       j(C) && j(o) ? (s(), we(lt, {
         key: 0,
@@ -4146,7 +4136,7 @@ const R3 = (n, t, u = "asc") => {
           onClick: ue[0] || (ue[0] = Le(() => {
           }, ["stop"]))
         }, [
-          Te(N.$slots, "dropdown")
+          He(N.$slots, "dropdown")
         ], 36)
       ])) : O("", !0)
     ], 544));
@@ -4177,11 +4167,11 @@ const R3 = (n, t, u = "asc") => {
         key: 0,
         class: U([h.icon, "vt-dropdown-item__icon"])
       }, null, 2)) : O("", !0),
-      Te(h.$slots, "default")
+      He(h.$slots, "default")
     ], 2));
   }
 });
-class Z3 {
+class F3 {
   constructor() {
     this.modalStack = [], this.baseZIndex = 1e3;
   }
@@ -4250,7 +4240,7 @@ class Z3 {
   recalculateZIndices() {
   }
 }
-const Qe = new Z3(), z3 = {
+const Qe = new F3(), Z3 = {
   install(n) {
     n.config.globalProperties.$modal = Qe, n.config.globalProperties.$modalStack = {
       closeAll: () => Qe.closeAll(),
@@ -4258,16 +4248,16 @@ const Qe = new Z3(), z3 = {
       closeById: (t) => Qe.closeById(t)
     };
   }
-}, Y3 = { class: "vt-columns-selector-body" }, O3 = { class: "vt-columns-selector" }, N3 = { class: "vt-columns-selector__panel" }, W3 = ["draggable", "onDragstart", "onDragover", "onDrop"], q3 = {
+}, z3 = { class: "vt-columns-selector-body" }, Y3 = { class: "vt-columns-selector" }, O3 = { class: "vt-columns-selector__panel" }, N3 = ["draggable", "onDragstart", "onDragover", "onDrop"], W3 = {
   key: 0,
   class: "vt-columns-selector__panel-item-pinned"
-}, U3 = { class: "vt-columns-selector__available" }, K3 = ["onClick"], Q3 = {
+}, q3 = { class: "vt-columns-selector__available" }, U3 = ["onClick"], K3 = {
   key: 0,
   class: "vt-columns-selector__group-columns"
-}, X3 = {
+}, Q3 = {
   key: 0,
   class: "vt-columns-selector__pinned-note"
-}, G3 = { class: "vt-modal__content-button" }, J3 = /* @__PURE__ */ ke({
+}, X3 = { class: "vt-modal__content-button" }, G3 = /* @__PURE__ */ ke({
   __name: "VTableColumnSelector",
   props: {
     columns: {},
@@ -4329,8 +4319,8 @@ const Qe = new Z3(), z3 = {
         P();
         return;
       }
-      const ce = [...i.value], [Ye] = ce.splice(h.value, 1);
-      ce.splice(X, 0, Ye), i.value = ce, P();
+      const ce = [...i.value], [ze] = ce.splice(h.value, 1);
+      ce.splice(X, 0, ze), i.value = ce, P();
     }, G = () => {
       P();
     }, P = () => {
@@ -4374,11 +4364,11 @@ const Qe = new Z3(), z3 = {
     }, me = () => {
       Qe.close();
     };
-    return ze(() => {
+    return Ye(() => {
       re();
-    }), (S, B) => (s(), a("div", Y3, [
-      l("div", O3, [
-        l("div", N3, [
+    }), (S, B) => (s(), a("div", z3, [
+      l("div", Y3, [
+        l("div", O3, [
           (s(!0), a(ne, null, pe(i.value, (Z, le) => (s(), a("div", {
             key: Z.prop,
             class: U(te(le)),
@@ -4401,10 +4391,10 @@ const Qe = new Z3(), z3 = {
               onClick: B[0] || (B[0] = Le(() => {
               }, ["stop"]))
             }, null, 8, ["label", "disabled", "onChange"]),
-            C(Z) ? (s(), a("span", q3, "pinned")) : O("", !0)
-          ], 42, W3))), 128))
+            C(Z) ? (s(), a("span", W3, "pinned")) : O("", !0)
+          ], 42, N3))), 128))
         ]),
-        l("div", U3, [
+        l("div", q3, [
           (s(!0), a(ne, null, pe(d.value, (Z) => {
             var le, J;
             return s(), a("div", {
@@ -4428,8 +4418,8 @@ const Qe = new Z3(), z3 = {
                   name: Z.icon,
                   class: "vt-columns-selector__group-icon"
                 }, null, 8, ["name"])) : O("", !0)
-              ], 8, K3),
-              c.value.has(Z.name) ? (s(), a("div", Q3, [
+              ], 8, U3),
+              c.value.has(Z.name) ? (s(), a("div", K3, [
                 (s(!0), a(ne, null, pe(Z.columns, (X) => (s(), a("div", {
                   key: X.prop,
                   class: "vt-columns-selector__group-column"
@@ -4440,14 +4430,14 @@ const Qe = new Z3(), z3 = {
                     disabled: !D(X),
                     onChange: (ce) => oe(X, ce)
                   }, null, 8, ["label", "checked", "disabled", "onChange"]),
-                  D(X) ? O("", !0) : (s(), a("span", X3, " (закріплена) "))
+                  D(X) ? O("", !0) : (s(), a("span", Q3, " (закріплена) "))
                 ]))), 128))
               ])) : O("", !0)
             ]);
           }), 128))
         ])
       ]),
-      l("div", G3, [
+      l("div", X3, [
         Q(Xe, { onClick: me }, {
           default: Ve(() => B[2] || (B[2] = [
             xe("Скасувати", -1)
@@ -4468,7 +4458,7 @@ const Qe = new Z3(), z3 = {
       ])
     ]));
   }
-}), e2 = { class: "vt-table-header-actions" }, t2 = /* @__PURE__ */ ke({
+}), J3 = { class: "vt-table-header-actions" }, e2 = /* @__PURE__ */ ke({
   __name: "ColumnActions",
   props: {
     column: {},
@@ -4519,7 +4509,7 @@ const Qe = new Z3(), z3 = {
       console.log("handleToggleVisibility called");
       const d = m(u.allColumns);
       Qe.open({
-        component: J3,
+        component: G3,
         title: "Управління колонками таблиці",
         props: {
           columns: u.allColumns,
@@ -4557,23 +4547,23 @@ const Qe = new Z3(), z3 = {
         })
       ]),
       default: Ve(() => [
-        l("div", e2, [
+        l("div", J3, [
           Q(fe, { name: "listBullet" })
         ])
       ]),
       _: 1
     }));
   }
-}), n2 = { class: "vt-table" }, o2 = { key: 0 }, l2 = { class: "vt-th__content" }, s2 = { class: "vt-th__content" }, r2 = { class: "vt-th__label" }, i2 = {
+}), t2 = { class: "vt-table" }, n2 = { key: 0 }, o2 = { class: "vt-th__content" }, l2 = { class: "vt-th__content" }, s2 = { class: "vt-th__label" }, r2 = {
   key: 0,
   class: "vt-th__sortable"
-}, a2 = ["data-resizer", "onMousedown"], u2 = {
+}, i2 = ["data-resizer", "onMousedown"], a2 = {
   key: 0,
   class: "vt-table__empty-row"
-}, c2 = ["colspan"], d2 = { class: "vt-table__empty-content" }, v2 = ["onClick"], h2 = { class: "vt-table__cell-content" }, p2 = { class: "vt-table__cell-content vt-table__cell-content--ellipsis" }, f2 = { key: 1 }, m2 = ["data-resizer", "onMousedown"], C2 = {
+}, u2 = ["colspan"], c2 = { class: "vt-table__empty-content" }, d2 = ["onClick"], v2 = { class: "vt-table__cell-content" }, h2 = { class: "vt-table__cell-content vt-table__cell-content--ellipsis" }, p2 = { key: 1 }, f2 = ["data-resizer", "onMousedown"], m2 = {
   key: 1,
   class: "vt-table__summary"
-}, _2 = { class: "vt-table__cell-content vt-table__cell-content--summary" }, wt = 50, g2 = /* @__PURE__ */ ke({
+}, C2 = { class: "vt-table__cell-content vt-table__cell-content--summary" }, wt = 50, _2 = /* @__PURE__ */ ke({
   __name: "VTable",
   props: /* @__PURE__ */ Lt({
     data: {},
@@ -4602,7 +4592,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([]), 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);
+    const e = n, i = u, c = i1(n, "columns"), h = L({}), p = L(), m = Ut([]), v = L(e.defaultSort || null), d = x(() => j3(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,7 +4608,7 @@ const Qe = new Z3(), z3 = {
       },
       { deep: !0 }
     ), 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 = () => ({
+    const { sortedColumns: H, getDefaultColumnWidth: R, getStickyOffset: G } = I3(m), { getTableWrapperStyle: P, getColumnStyle: te, getHeaderStyle: re, getFooterStyle: oe } = B3(e), { onMouseDown: ve } = E3(), he = x(() => e.allData || e.data), D = e.selectable ? A3(e, d, i, he) : null, N = () => ({
       width: `${wt}px`,
       minWidth: `${wt}px`,
       maxWidth: `${wt}px`,
@@ -4651,13 +4641,13 @@ const Qe = new Z3(), z3 = {
     }, B = () => {
       $.value = !1;
     };
-    ze(() => {
+    Ye(() => {
       p.value && p.value.addEventListener("scroll", S);
     }), Ge(() => {
       K && clearTimeout(K), p.value && p.value.removeEventListener("scroll", S);
     });
     const Z = (I, W) => {
-      j3(I, W, (se) => {
+      R3(I, W, (se) => {
         var de, ee;
         ((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,
@@ -4688,7 +4678,7 @@ const Qe = new Z3(), z3 = {
       }
     }, ce = (I, W, se) => {
       i("row-click", { row: I, column: W, event: se }), e.highlightCurrentRow && D && D.setCurrentRow(I);
-    }, Ye = (I, W, se) => {
+    }, ze = (I, W, se) => {
       se.stopPropagation(), D && D.toggleRowSelection(W, I);
     }, De = (I, W) => {
       W.stopPropagation(), D && D.toggleAllSelection();
@@ -4763,9 +4753,9 @@ const Qe = new Z3(), z3 = {
         class: "vt-table-wrapper",
         onScroll: S
       }, [
-        Te(I.$slots, "default"),
-        l("table", n2, [
-          e.hideHeader ? O("", !0) : (s(), a("thead", o2, [
+        He(I.$slots, "default"),
+        l("table", t2, [
+          e.hideHeader ? O("", !0) : (s(), a("thead", n2, [
             l("tr", null, [
               e.selectable ? (s(), a("th", {
                 key: 0,
@@ -4775,7 +4765,7 @@ const Qe = new Z3(), z3 = {
                 }, "vt-table__th vt-table__th--selection"]),
                 style: Ee(ue())
               }, [
-                l("div", l2, [
+                l("div", o2, [
                   Q(Je, {
                     checked: (de = j(D)) == null ? void 0 : de.isAllSelected.value,
                     indeterminate: (ee = j(D)) == null ? void 0 : ee.isIndeterminate.value,
@@ -4799,13 +4789,13 @@ const Qe = new Z3(), z3 = {
                 ]),
                 style: Ee(We(r, f))
               }, [
-                l("div", s2, [
-                  ot((s(), a("div", r2, [
+                l("div", l2, [
+                  ot((s(), a("div", s2, [
                     xe(E(r.label), 1)
                   ])), [
                     [se, r.label]
                   ]),
-                  r.sortable ? (s(), a("div", i2, [
+                  r.sortable ? (s(), a("div", r2, [
                     Q(fe, {
                       class: U(j(Bt)(r, v.value).asc),
                       name: "arrowTop",
@@ -4817,7 +4807,7 @@ const Qe = new Z3(), z3 = {
                       onClick: Le((q) => Z(r, "desc"), ["stop"])
                     }, null, 8, ["class", "onClick"])
                   ])) : O("", !0),
-                  r.actionColumn ? (s(), we(t2, {
+                  r.actionColumn ? (s(), we(e2, {
                     key: 1,
                     "all-columns": j(H),
                     column: r,
@@ -4830,7 +4820,7 @@ const Qe = new Z3(), z3 = {
                   "data-resizer": r.prop,
                   class: "vt-table__resizer",
                   onMousedown: (q) => ye(q, r)
-                }, null, 40, a2)
+                }, null, 40, i2)
               ], 6))), 128))
             ])
           ])),
@@ -4857,10 +4847,10 @@ const Qe = new Z3(), z3 = {
                   }, "vt-table__td vt-table__td--selection"]),
                   style: Ee(N())
                 }, [
-                  l("div", h2, [
+                  l("div", v2, [
                     Q(Je, {
                       checked: (_e = j(D)) == null ? void 0 : _e.isRowSelected(r),
-                      onChange: (ae, be) => Ye(ae, r, be)
+                      onChange: (ae, be) => ze(ae, r, be)
                     }, null, 8, ["checked", "onChange"])
                   ])
                 ], 4)) : O("", !0),
@@ -4877,14 +4867,14 @@ const Qe = new Z3(), z3 = {
                   ]),
                   style: Ee(Ke(ae, be))
                 }, [
-                  ot((s(), a("div", p2, [
+                  ot((s(), a("div", h2, [
                     ae.renderSlot ? (s(), we(ft(ae.renderSlot), {
                       key: 0,
                       column: ae,
                       index: f,
                       row: r,
                       value: r[ae.prop]
-                    }, null, 8, ["column", "index", "row", "value"])) : (s(), a("span", f2, E(r[ae.prop]), 1))
+                    }, null, 8, ["column", "index", "row", "value"])) : (s(), a("span", p2, E(r[ae.prop]), 1))
                   ])), [
                     [se, ae.showOverflowTooltip ? ge(r, ae) : null]
                   ]),
@@ -4892,25 +4882,25 @@ const Qe = new Z3(), z3 = {
                     "data-resizer": ae.prop,
                     class: "vt-table__resizer",
                     onMousedown: (Se) => ye(Se, ae)
-                  }, null, 40, m2)
+                  }, null, 40, f2)
                 ], 6))), 128))
-              ], 10, v2);
-            }), 128)) : (s(), a("tr", u2, [
+              ], 10, d2);
+            }), 128)) : (s(), a("tr", a2, [
               l("td", {
                 colspan: j(H).length + (e.selectable ? 1 : 0),
                 class: "vt-table__empty-cell"
               }, [
-                l("div", d2, [
+                l("div", c2, [
                   Q(fe, {
                     class: "vt-table__empty-icon",
                     name: "empty"
                   }),
                   W[0] || (W[0] = l("span", { class: "vt-table__empty-text" }, "Немає даних!", -1))
                 ])
-              ], 8, c2)
+              ], 8, u2)
             ]))
           ]),
-          F.value ? (s(), a("tfoot", C2, [
+          F.value ? (s(), a("tfoot", m2, [
             l("tr", null, [
               e.selectable ? (s(), a("td", {
                 key: 0,
@@ -4932,7 +4922,7 @@ const Qe = new Z3(), z3 = {
                 ]),
                 style: Ee(qe(r, f))
               }, [
-                l("div", _2, E(g.value[r.prop]), 1)
+                l("div", C2, E(g.value[r.prop]), 1)
               ], 6))), 128))
             ])
           ])) : O("", !0)
@@ -4940,7 +4930,7 @@ const Qe = new Z3(), z3 = {
       ], 36);
     };
   }
-}), w2 = /* @__PURE__ */ ke({
+}), g2 = /* @__PURE__ */ ke({
   __name: "VTableColumn",
   props: {
     prop: {},
@@ -4978,8 +4968,8 @@ const Qe = new Z3(), z3 = {
       renderSlot: u[t.prop] ?? u.default ?? u.slot
     });
     let c = -1;
-    return ze(() => {
-      He(() => {
+    return Ye(() => {
+      Te(() => {
         if (!e) return;
         const h = i(), p = e.findIndex((m) => m.prop === t.prop && m.label === t.label);
         p !== -1 ? e[p] = { ...e[p], ...h } : (e.push(h), c = e.length - 1);
@@ -5018,7 +5008,7 @@ const Qe = new Z3(), z3 = {
       }
     }), (h, p) => null;
   }
-}), q6 = {
+}), W6 = {
   yyyy: {
     pattern: /yyyy/g,
     replacement: (n) => String(n.getFullYear())
@@ -5063,7 +5053,7 @@ const Qe = new Z3(), z3 = {
     pattern: new RegExp("(?<!s)s(?!s)", "g"),
     replacement: (n) => String(n.getSeconds())
   }
-}, k2 = [
+}, w2 = [
   "Січень",
   "Лютий",
   "Березень",
@@ -5076,7 +5066,7 @@ const Qe = new Z3(), z3 = {
   "Жовтень",
   "Листопад",
   "Грудень"
-], o1 = ["Січ", "Лют", "Бер", "Кві", "Тра", "Чер", "Лип", "Сер", "Вер", "Жов", "Лис", "Гру"], U6 = ["Неділя", "Понеділок", "Вівторок", "Середа", "Четвер", "П'ятниця", "Субота"], kt = ["Нд", "Пн", "Вт", "Ср", "Чт", "Пт", "Сб"], b2 = {
+], o1 = ["Січ", "Лют", "Бер", "Кві", "Тра", "Чер", "Лип", "Сер", "Вер", "Жов", "Лис", "Гру"], q6 = ["Неділя", "Понеділок", "Вівторок", "Середа", "Четвер", "П'ятниця", "Субота"], kt = ["Нд", "Пн", "Вт", "Ср", "Чт", "Пт", "Сб"], k2 = {
   date: "yyyy-MM-dd",
   datetime: "yyyy-MM-dd HH:mm:ss",
   daterange: "yyyy-MM-dd",
@@ -5093,9 +5083,9 @@ const Qe = new Z3(), z3 = {
     return !isNaN(t.getTime());
   }
   return !1;
-}, y2 = (n) => Array.isArray(n) ? n.length === 0 || n.every((t) => !t) : !1, M2 = (n, t, u) => {
+}, b2 = (n) => Array.isArray(n) ? n.length === 0 || n.every((t) => !t) : !1, y2 = (n, t, u) => {
   const e = [], i = ["daterange", "datetimerange", "monthrange", "yearrange"].includes(t);
-  if (u && (n ? i && y2(n) && e.push("Це поле є обов'язковим") : e.push("Це поле є обов'язковим")), n)
+  if (u && (n ? i && b2(n) && e.push("Це поле є обов'язковим") : e.push("Це поле є обов'язковим")), n)
     if (i && !Array.isArray(n) ? e.push("Для діапазону очікується масив з двох дат") : !i && Array.isArray(n) && e.push("Для одиночного вибору очікується одна дата"), Array.isArray(n)) {
       if (n.length !== 2)
         e.push("Діапазон повинен містити дві дати");
@@ -5110,12 +5100,12 @@ const Qe = new Z3(), z3 = {
     isValid: e.length === 0,
     errors: e
   };
-}, $2 = () => {
+}, M2 = () => {
   const n = (i, c) => {
     if (!i || !(i instanceof Date) || isNaN(i.getTime())) return "";
     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));
+    _ = _.replace(/yyyy/g, String(h)), _ = _.replace(/yy/g, String(h).slice(-2)), _ = _.replace(/MMMM/g, w2[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(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) => {
@@ -5132,10 +5122,10 @@ const Qe = new Z3(), z3 = {
     formatDate: n,
     parseDate: t,
     getWeekOfYear: u,
-    getDefaultFormat: (i) => b2[i] || "yyyy-MM-dd"
+    getDefaultFormat: (i) => k2[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)), 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(() => {
+}, $2 = (n, t, u, e, i) => {
+  const { formatDate: c, parseDate: h, getDefaultFormat: p } = M2(), 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) {
@@ -5169,7 +5159,7 @@ const Qe = new Z3(), z3 = {
       } else
         return e.value === "timestamp" ? A.getTime() : e.value ? c(A, d.value) : A;
     },
-    validate: (A = !1) => M2(n.value, t.value, A),
+    validate: (A = !1) => y2(n.value, t.value, A),
     formatDate: c,
     parseDate: h
   };
@@ -5237,7 +5227,7 @@ const Qe = new Z3(), z3 = {
   // hh:mm:ss AM/PM (12h)
   /^(0?[1-9]|1[0-2]):([0-5]\d)\s?(AM|PM)$/i
   // hh:mm AM/PM (12h)
-].some((u) => u.test(n.trim())) : !1, V2 = (n, t, u) => {
+].some((u) => u.test(n.trim())) : !1, x2 = (n, t, u) => {
   const e = [], i = t === "timerange";
   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)) {
@@ -5278,13 +5268,13 @@ const Qe = new Z3(), z3 = {
     }
   }
   return null;
-}, S2 = (n, t, u = 0, e = "HH:mm:ss", i = !1) => {
+}, V2 = (n, t, u = 0, e = "HH:mm:ss", i = !1) => {
   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 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) => {
+}, S2 = (n) => {
   if (!n) return null;
   const t = [
     /^(\d{1,2}):(\d{2}):(\d{2})$/,
@@ -5314,37 +5304,37 @@ const Qe = new Z3(), z3 = {
       disabled: e.includes(c)
     });
   return i;
-}, D2 = { class: "vt-timepicker__input" }, H2 = { class: "vt-timepicker__icon" }, T2 = {
+}, L2 = { class: "vt-timepicker__input" }, D2 = { class: "vt-timepicker__icon" }, H2 = {
   key: 0,
   class: "vt-timepicker__text"
-}, I2 = {
+}, T2 = {
   key: 1,
   class: "vt-timepicker__placeholder"
-}, B2 = { class: "vt-timepicker__suffix" }, E2 = ["disabled"], A2 = {
+}, I2 = { class: "vt-timepicker__suffix" }, B2 = ["disabled"], E2 = {
   key: 0,
   class: "vt-timepicker__dual-panel"
-}, P2 = { class: "vt-timepicker__panel" }, R2 = { class: "vt-timepicker__time-columns" }, j2 = { class: "vt-timepicker__column" }, F2 = { class: "vt-timepicker__options" }, Z2 = ["disabled", "onClick"], z2 = { class: "vt-timepicker__column" }, Y2 = { class: "vt-timepicker__options" }, O2 = ["disabled", "onClick"], N2 = {
+}, A2 = { class: "vt-timepicker__panel" }, P2 = { class: "vt-timepicker__time-columns" }, R2 = { class: "vt-timepicker__column" }, j2 = { class: "vt-timepicker__options" }, F2 = ["disabled", "onClick"], Z2 = { class: "vt-timepicker__column" }, z2 = { class: "vt-timepicker__options" }, Y2 = ["disabled", "onClick"], O2 = {
   key: 0,
   class: "vt-timepicker__column"
-}, W2 = { class: "vt-timepicker__options" }, q2 = ["disabled", "onClick"], U2 = {
+}, N2 = { class: "vt-timepicker__options" }, W2 = ["disabled", "onClick"], q2 = {
   key: 1,
   class: "vt-timepicker__column"
-}, K2 = { class: "vt-timepicker__options" }, Q2 = ["onClick"], X2 = { class: "vt-timepicker__panel" }, G2 = { class: "vt-timepicker__time-columns" }, J2 = { class: "vt-timepicker__column" }, e5 = { class: "vt-timepicker__options" }, t5 = ["disabled", "onClick"], n5 = { class: "vt-timepicker__column" }, o5 = { class: "vt-timepicker__options" }, l5 = ["disabled", "onClick"], s5 = {
+}, U2 = { class: "vt-timepicker__options" }, K2 = ["onClick"], Q2 = { class: "vt-timepicker__panel" }, X2 = { class: "vt-timepicker__time-columns" }, G2 = { class: "vt-timepicker__column" }, J2 = { class: "vt-timepicker__options" }, e5 = ["disabled", "onClick"], t5 = { class: "vt-timepicker__column" }, n5 = { class: "vt-timepicker__options" }, o5 = ["disabled", "onClick"], l5 = {
   key: 0,
   class: "vt-timepicker__column"
-}, r5 = { class: "vt-timepicker__options" }, i5 = ["disabled", "onClick"], a5 = {
+}, s5 = { class: "vt-timepicker__options" }, r5 = ["disabled", "onClick"], i5 = {
   key: 1,
   class: "vt-timepicker__column"
-}, u5 = { class: "vt-timepicker__options" }, c5 = ["onClick"], d5 = {
+}, a5 = { class: "vt-timepicker__options" }, u5 = ["onClick"], c5 = {
   key: 1,
   class: "vt-timepicker__single-panel"
-}, v5 = { class: "vt-timepicker__time-columns" }, h5 = { class: "vt-timepicker__column" }, p5 = { class: "vt-timepicker__options" }, f5 = ["disabled", "onClick"], m5 = { class: "vt-timepicker__column" }, C5 = { class: "vt-timepicker__options" }, _5 = ["disabled", "onClick"], g5 = {
+}, d5 = { class: "vt-timepicker__time-columns" }, v5 = { class: "vt-timepicker__column" }, h5 = { class: "vt-timepicker__options" }, p5 = ["disabled", "onClick"], f5 = { class: "vt-timepicker__column" }, m5 = { class: "vt-timepicker__options" }, C5 = ["disabled", "onClick"], _5 = {
   key: 0,
   class: "vt-timepicker__column"
-}, w5 = { class: "vt-timepicker__options" }, k5 = ["disabled", "onClick"], b5 = {
+}, g5 = { class: "vt-timepicker__options" }, w5 = ["disabled", "onClick"], k5 = {
   key: 1,
   class: "vt-timepicker__column"
-}, y5 = { class: "vt-timepicker__options" }, M5 = ["onClick"], $5 = { class: "vt-timepicker__actions" }, ht = /* @__PURE__ */ ke({
+}, b5 = { class: "vt-timepicker__options" }, y5 = ["onClick"], M5 = { class: "vt-timepicker__actions" }, ht = /* @__PURE__ */ ke({
   __name: "VTimePicker",
   props: {
     modelValue: {},
@@ -5377,12 +5367,12 @@ const Qe = new Z3(), z3 = {
     }, 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 ? vt["12h"] : vt["24h"] : e.use12Hours ? vt["12h_no_seconds"] : vt["24h_no_seconds"]);
-      return S2(b, r, f, q, e.use12Hours);
+      return V2(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 ? 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" && Mt(k) ? S2(k) : null : null, $ = (k, b = !1) => x2(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), ""] : ["", ""];
@@ -5421,7 +5411,7 @@ const Qe = new Z3(), z3 = {
       dropdownPosition: J,
       show: X,
       hide: ce,
-      toggle: Ye,
+      toggle: ze,
       updatePosition: De
     } = mt(h, p, {
       trigger: "click",
@@ -5431,7 +5421,7 @@ const Qe = new Z3(), z3 = {
       disabled: e.disabled,
       hideOnClick: !1,
       onVisibleChange: (k) => {
-        i("open-change", k), k ? He(() => {
+        i("open-change", k), k ? Te(() => {
           De(), setTimeout(() => {
             qe(), setTimeout(() => {
               Ke();
@@ -5480,7 +5470,7 @@ const Qe = new Z3(), z3 = {
       );
       k.querySelectorAll(".vt-timepicker__option").forEach((ae) => Y.observe(ae)), v.value.set(k, Y);
     }, Ke = () => {
-      !Z.value || !p.value || He(() => {
+      !Z.value || !p.value || Te(() => {
         var r;
         const k = (r = p.value) == null ? void 0 : r.querySelectorAll(".vt-timepicker__options");
         if (!k) return;
@@ -5495,7 +5485,7 @@ const Qe = new Z3(), z3 = {
     }, We = () => {
       v.value.forEach((k) => k.disconnect()), v.value.clear();
     }, qe = () => {
-      Z.value && He(() => {
+      Z.value && Te(() => {
         var r;
         const k = (r = p.value) == null ? void 0 : r.querySelectorAll(".vt-timepicker__options");
         if (!k) return;
@@ -5527,7 +5517,7 @@ const Qe = new Z3(), z3 = {
           const Y = k;
           b === "hour" ? r ? ve.value = Y : P.value = Y : b === "minute" ? r ? he.value = Y : te.value = Y : b === "second" && (r ? D.value = Y : re.value = Y);
         }
-        q && He(() => {
+        q && Te(() => {
           var _e;
           const Y = (_e = q.target) == null ? void 0 : _e.closest(".vt-timepicker__options");
           if (Y) {
@@ -5545,7 +5535,7 @@ const Qe = new Z3(), z3 = {
       const b = k.target;
       (r = c.value) != null && r.contains(b) || (f = p.value) != null && f.contains(b) || ce();
     }, F = () => {
-      e.disabled || Ye();
+      e.disabled || ze();
     }, z = () => {
       m.isFocused.value = !0, i("focus", c.value);
     }, Me = () => {
@@ -5649,7 +5639,7 @@ const Qe = new Z3(), z3 = {
         period: "AM"
       };
     })();
-    return ze(() => {
+    return Ye(() => {
       document.addEventListener("click", g), document.addEventListener("keydown", Ae), e.modelValue || (P.value = ee.hour, te.value = ee.minute, re.value = ee.second, oe.value = ee.period, ve.value = ee.hour, he.value = ee.minute, D.value = ee.second, N.value = ee.period);
     }), Ge(() => {
       document.removeEventListener("click", g), document.removeEventListener("keydown", Ae), We();
@@ -5667,11 +5657,11 @@ const Qe = new Z3(), z3 = {
         onClick: F,
         onFocus: z
       }, [
-        l("div", D2, [
-          l("div", H2, [
+        l("div", L2, [
+          l("div", D2, [
             Q(fe, { name: "clock" })
           ]),
-          A.value ? (s(), a("div", T2, [
+          A.value ? (s(), a("div", H2, [
             d.value ? (s(), a(ne, { key: 0 }, [
               l("span", null, E(K.value[0]), 1),
               l("span", null, E(e.rangeSeparator), 1),
@@ -5679,7 +5669,7 @@ const Qe = new Z3(), z3 = {
             ], 64)) : (s(), a(ne, { key: 1 }, [
               xe(E(K.value), 1)
             ], 64))
-          ])) : (s(), a("div", I2, [
+          ])) : (s(), a("div", T2, [
             d.value ? (s(), a(ne, { key: 0 }, [
               l("span", null, E(e.startPlaceholder), 1),
               l("span", null, E(e.rangeSeparator), 1),
@@ -5688,7 +5678,7 @@ const Qe = new Z3(), z3 = {
               xe(E(R.value), 1)
             ], 64))
           ])),
-          l("div", B2, [
+          l("div", I2, [
             H.value ? (s(), a("button", {
               key: 0,
               disabled: e.disabled,
@@ -5697,7 +5687,7 @@ const Qe = new Z3(), z3 = {
               onClick: Le(Pe, ["stop"])
             }, [
               Q(fe, { name: "close" })
-            ], 8, E2)) : O("", !0)
+            ], 8, B2)) : O("", !0)
           ])
         ])
       ], 544),
@@ -5717,12 +5707,12 @@ const Qe = new Z3(), z3 = {
               onMousedown: b[1] || (b[1] = Le(() => {
               }, ["prevent"]))
             }, [
-              d.value ? (s(), a("div", A2, [
-                l("div", P2, [
+              d.value ? (s(), a("div", E2, [
+                l("div", A2, [
                   b[2] || (b[2] = l("div", { class: "vt-timepicker__panel-header" }, "Початковий час", -1)),
-                  l("div", R2, [
-                    l("div", j2, [
-                      l("div", F2, [
+                  l("div", P2, [
+                    l("div", R2, [
+                      l("div", j2, [
                         (s(!0), a(ne, null, pe(ue.value, (r) => (s(), a("button", {
                           key: `start-hour-${r.value}`,
                           class: U([
@@ -5734,11 +5724,11 @@ const Qe = new Z3(), z3 = {
                           ]),
                           disabled: r.disabled,
                           onClick: (f) => ge(r.value, "hour", !1, r.disabled, f)
-                        }, E(r.label), 11, Z2))), 128))
+                        }, E(r.label), 11, F2))), 128))
                       ])
                     ]),
-                    l("div", z2, [
-                      l("div", Y2, [
+                    l("div", Z2, [
+                      l("div", z2, [
                         (s(!0), a(ne, null, pe(me.value, (r) => (s(), a("button", {
                           key: `start-minute-${r.value}`,
                           class: U([
@@ -5750,11 +5740,11 @@ const Qe = new Z3(), z3 = {
                           ]),
                           disabled: r.disabled,
                           onClick: (f) => ge(r.value, "minute", !1, r.disabled, f)
-                        }, E(r.label), 11, O2))), 128))
+                        }, E(r.label), 11, Y2))), 128))
                       ])
                     ]),
-                    k.showSeconds ? (s(), a("div", N2, [
-                      l("div", W2, [
+                    k.showSeconds ? (s(), a("div", O2, [
+                      l("div", N2, [
                         (s(!0), a(ne, null, pe(S.value, (r) => (s(), a("button", {
                           key: `start-second-${r.value}`,
                           class: U([
@@ -5766,11 +5756,11 @@ const Qe = new Z3(), z3 = {
                           ]),
                           disabled: r.disabled,
                           onClick: (f) => ge(r.value, "second", !1, r.disabled, f)
-                        }, E(r.label), 11, q2))), 128))
+                        }, E(r.label), 11, W2))), 128))
                       ])
                     ])) : O("", !0),
-                    k.use12Hours ? (s(), a("div", U2, [
-                      l("div", K2, [
+                    k.use12Hours ? (s(), a("div", q2, [
+                      l("div", U2, [
                         (s(!0), a(ne, null, pe(B.value, (r) => (s(), a("button", {
                           key: `start-period-${r}`,
                           class: U([
@@ -5778,16 +5768,16 @@ const Qe = new Z3(), z3 = {
                             { "vt-timepicker__option--selected": oe.value === r }
                           ]),
                           onClick: (f) => ge(r, "period", !1, !1, f)
-                        }, E(r), 11, Q2))), 128))
+                        }, E(r), 11, K2))), 128))
                       ])
                     ])) : O("", !0)
                   ])
                 ]),
-                l("div", X2, [
+                l("div", Q2, [
                   b[3] || (b[3] = l("div", { class: "vt-timepicker__panel-header" }, "Кінцевий час", -1)),
-                  l("div", G2, [
-                    l("div", J2, [
-                      l("div", e5, [
+                  l("div", X2, [
+                    l("div", G2, [
+                      l("div", J2, [
                         (s(!0), a(ne, null, pe(ue.value, (r) => (s(), a("button", {
                           key: `end-hour-${r.value}`,
                           class: U([
@@ -5799,11 +5789,11 @@ const Qe = new Z3(), z3 = {
                           ]),
                           disabled: r.disabled,
                           onClick: (f) => ge(r.value, "hour", !0, r.disabled, f)
-                        }, E(r.label), 11, t5))), 128))
+                        }, E(r.label), 11, e5))), 128))
                       ])
                     ]),
-                    l("div", n5, [
-                      l("div", o5, [
+                    l("div", t5, [
+                      l("div", n5, [
                         (s(!0), a(ne, null, pe(me.value, (r) => (s(), a("button", {
                           key: `end-minute-${r.value}`,
                           class: U([
@@ -5815,11 +5805,11 @@ const Qe = new Z3(), z3 = {
                           ]),
                           disabled: r.disabled,
                           onClick: (f) => ge(r.value, "minute", !0, r.disabled, f)
-                        }, E(r.label), 11, l5))), 128))
+                        }, E(r.label), 11, o5))), 128))
                       ])
                     ]),
-                    k.showSeconds ? (s(), a("div", s5, [
-                      l("div", r5, [
+                    k.showSeconds ? (s(), a("div", l5, [
+                      l("div", s5, [
                         (s(!0), a(ne, null, pe(S.value, (r) => (s(), a("button", {
                           key: `end-second-${r.value}`,
                           class: U([
@@ -5831,24 +5821,24 @@ const Qe = new Z3(), z3 = {
                           ]),
                           disabled: r.disabled,
                           onClick: (f) => ge(r.value, "second", !0, r.disabled, f)
-                        }, E(r.label), 11, i5))), 128))
+                        }, E(r.label), 11, r5))), 128))
                       ])
                     ])) : O("", !0),
-                    k.use12Hours ? (s(), a("div", a5, [
-                      l("div", u5, [
+                    k.use12Hours ? (s(), a("div", i5, [
+                      l("div", a5, [
                         (s(!0), a(ne, null, pe(B.value, (r) => (s(), a("button", {
                           key: `end-period-${r}`,
                           class: U(["vt-timepicker__option", { "vt-timepicker__option--selected": N.value === r }]),
                           onClick: (f) => ge(r, "period", !0, !1, f)
-                        }, E(r), 11, c5))), 128))
+                        }, E(r), 11, u5))), 128))
                       ])
                     ])) : O("", !0)
                   ])
                 ])
-              ])) : (s(), a("div", d5, [
-                l("div", v5, [
-                  l("div", h5, [
-                    l("div", p5, [
+              ])) : (s(), a("div", c5, [
+                l("div", d5, [
+                  l("div", v5, [
+                    l("div", h5, [
                       (s(!0), a(ne, null, pe(ue.value, (r) => (s(), a("button", {
                         key: `hour-${r.value}`,
                         class: U([
@@ -5860,11 +5850,11 @@ const Qe = new Z3(), z3 = {
                         ]),
                         disabled: r.disabled,
                         onClick: (f) => ge(r.value, "hour", !1, r.disabled, f)
-                      }, E(r.label), 11, f5))), 128))
+                      }, E(r.label), 11, p5))), 128))
                     ])
                   ]),
-                  l("div", m5, [
-                    l("div", C5, [
+                  l("div", f5, [
+                    l("div", m5, [
                       (s(!0), a(ne, null, pe(me.value, (r) => (s(), a("button", {
                         key: `minute-${r.value}`,
                         class: U([
@@ -5876,11 +5866,11 @@ const Qe = new Z3(), z3 = {
                         ]),
                         disabled: r.disabled,
                         onClick: (f) => ge(r.value, "minute", !1, r.disabled, f)
-                      }, E(r.label), 11, _5))), 128))
+                      }, E(r.label), 11, C5))), 128))
                     ])
                   ]),
-                  k.showSeconds ? (s(), a("div", g5, [
-                    l("div", w5, [
+                  k.showSeconds ? (s(), a("div", _5, [
+                    l("div", g5, [
                       (s(!0), a(ne, null, pe(S.value, (r) => (s(), a("button", {
                         key: `second-${r.value}`,
                         class: U([
@@ -5892,21 +5882,21 @@ const Qe = new Z3(), z3 = {
                         ]),
                         disabled: r.disabled,
                         onClick: (f) => ge(r.value, "second", !1, r.disabled, f)
-                      }, E(r.label), 11, k5))), 128))
+                      }, E(r.label), 11, w5))), 128))
                     ])
                   ])) : O("", !0),
-                  k.use12Hours ? (s(), a("div", b5, [
-                    l("div", y5, [
+                  k.use12Hours ? (s(), a("div", k5, [
+                    l("div", b5, [
                       (s(!0), a(ne, null, pe(B.value, (r) => (s(), a("button", {
                         key: `period-${r}`,
                         class: U(["vt-timepicker__option", { "vt-timepicker__option--selected": oe.value === r }]),
                         onClick: (f) => ge(r, "period", !1, !1, f)
-                      }, E(r), 11, M5))), 128))
+                      }, E(r), 11, y5))), 128))
                     ])
                   ])) : O("", !0)
                 ])
               ])),
-              l("div", $5, [
+              l("div", M5, [
                 Q(Xe, { onClick: je }, {
                   default: Ve(() => b[4] || (b[4] = [
                     xe("Скасувати", -1)
@@ -5932,40 +5922,40 @@ const Qe = new Z3(), z3 = {
       ])) : O("", !0)
     ], 2));
   }
-}), x5 = { class: "vt-datepicker__input" }, V5 = { class: "vt-datepicker__icon" }, S5 = {
+}), $5 = { class: "vt-datepicker__input" }, x5 = { class: "vt-datepicker__icon" }, V5 = {
   key: 0,
   class: "vt-datepicker__text"
-}, L5 = { class: "vt-datepicker__separator" }, D5 = {
+}, S5 = { class: "vt-datepicker__separator" }, L5 = {
   key: 1,
   class: "vt-datepicker__placeholder"
-}, H5 = { class: "vt-datepicker__separator" }, T5 = { class: "vt-datepicker__suffix" }, I5 = ["disabled"], B5 = {
+}, D5 = { class: "vt-datepicker__separator" }, H5 = { class: "vt-datepicker__suffix" }, T5 = ["disabled"], I5 = {
   key: 0,
   class: "vt-datepicker__dual-calendar"
-}, E5 = { class: "vt-datepicker__calendar-panel" }, A5 = {
+}, B5 = { class: "vt-datepicker__calendar-panel" }, E5 = {
   key: 0,
   class: "vt-datepicker__time"
-}, P5 = { class: "vt-datepicker__header" }, R5 = { class: "vt-datepicker__header-content" }, j5 = { class: "vt-datepicker__content" }, F5 = { class: "vt-datepicker__calendar" }, Z5 = { class: "vt-datepicker__weekdays" }, z5 = { class: "vt-datepicker__dates" }, Y5 = ["disabled", "onClick", "onMouseenter"], O5 = { class: "vt-datepicker__calendar-panel" }, N5 = {
+}, A5 = { class: "vt-datepicker__header" }, P5 = { class: "vt-datepicker__header-content" }, R5 = { class: "vt-datepicker__content" }, j5 = { class: "vt-datepicker__calendar" }, F5 = { class: "vt-datepicker__weekdays" }, Z5 = { class: "vt-datepicker__dates" }, z5 = ["disabled", "onClick", "onMouseenter"], Y5 = { class: "vt-datepicker__calendar-panel" }, O5 = {
   key: 0,
   class: "vt-datepicker__time"
-}, W5 = { class: "vt-datepicker__header" }, q5 = { class: "vt-datepicker__header-content" }, U5 = { class: "vt-datepicker__content" }, K5 = { class: "vt-datepicker__calendar" }, Q5 = { class: "vt-datepicker__weekdays" }, X5 = { class: "vt-datepicker__dates" }, G5 = ["disabled", "onClick", "onMouseenter"], J5 = { key: 1 }, e6 = {
+}, N5 = { class: "vt-datepicker__header" }, W5 = { class: "vt-datepicker__header-content" }, q5 = { class: "vt-datepicker__content" }, U5 = { class: "vt-datepicker__calendar" }, K5 = { class: "vt-datepicker__weekdays" }, Q5 = { class: "vt-datepicker__dates" }, X5 = ["disabled", "onClick", "onMouseenter"], G5 = { key: 1 }, J5 = {
   key: 0,
   class: "vt-datepicker__time"
-}, t6 = { class: "vt-datepicker__header" }, n6 = { class: "vt-datepicker__header-content" }, o6 = {
+}, e6 = { class: "vt-datepicker__header" }, t6 = { class: "vt-datepicker__header-content" }, n6 = {
   key: 2,
   class: "vt-datepicker__header-text"
-}, l6 = { class: "vt-datepicker__content" }, s6 = {
+}, o6 = { class: "vt-datepicker__content" }, l6 = {
   key: 0,
   class: "vt-datepicker__calendar"
-}, r6 = { class: "vt-datepicker__weekdays" }, i6 = { class: "vt-datepicker__dates" }, a6 = ["onClick", "onMouseenter"], u6 = {
+}, s6 = { class: "vt-datepicker__weekdays" }, r6 = { class: "vt-datepicker__dates" }, i6 = ["onClick", "onMouseenter"], a6 = {
   key: 1,
   class: "vt-datepicker__months"
-}, c6 = ["onClick", "onMouseenter"], d6 = {
+}, u6 = ["onClick", "onMouseenter"], c6 = {
   key: 2,
   class: "vt-datepicker__years"
-}, v6 = ["onClick", "onMouseenter"], h6 = {
+}, d6 = ["onClick", "onMouseenter"], v6 = {
   key: 0,
   class: "vt-datepicker__actions"
-}, p6 = /* @__PURE__ */ ke({
+}, h6 = /* @__PURE__ */ ke({
   __name: "VDatePicker",
   props: {
     modelValue: {},
@@ -6017,7 +6007,7 @@ const Qe = new Z3(), z3 = {
       hasDisplayValue: P,
       formatOutput: te,
       validate: re
-    } = x2($, _, K, A), {
+    } = $2($, _, K, A), {
       calendarDates: oe,
       monthsInYear: ve,
       yearsInDecade: he,
@@ -6033,7 +6023,7 @@ const Qe = new Z3(), z3 = {
       isDateInCurrentMonth: J,
       navigateYear: X,
       navigateDecade: ce
-    } = At(o.rightCurrentDate), Ye = (y) => {
+    } = At(o.rightCurrentDate), ze = (y) => {
       switch (y) {
         case "year":
         case "yearrange":
@@ -6060,7 +6050,7 @@ const Qe = new Z3(), z3 = {
       disabled: e.disabled,
       hideOnClick: !1,
       onVisibleChange: (y) => {
-        y && He(() => F());
+        y && Te(() => F());
       }
     }), z = x(() => e.clearable && !e.disabled && P.value), Me = x(() => H.value ? o.isSelectingEnd.value ? e.endPlaceholder : e.startPlaceholder : e.placeholder), Pe = x(() => [
       "vt-datepicker",
@@ -6319,7 +6309,7 @@ const Qe = new Z3(), z3 = {
     ), $e(
       () => e.type,
       (y) => {
-        o.viewMode.value = Ye(y), o.startTime.value = d(), o.endTime.value = C();
+        o.viewMode.value = ze(y), o.startTime.value = d(), o.endTime.value = C();
       },
       { immediate: !0 }
     ), $e(
@@ -6327,8 +6317,8 @@ const Qe = new Z3(), z3 = {
       (y) => {
         Re.value && (o.rightCurrentDate.value = new Date(y.getFullYear(), y.getMonth() + 1, 1));
       }
-    ), ze(() => {
-      document.addEventListener("click", r), o.viewMode.value = Ye(e.type), (e.type === "daterange" || e.type === "datetimerange") && (o.rightCurrentDate.value = new Date(
+    ), Ye(() => {
+      document.addEventListener("click", r), o.viewMode.value = ze(e.type), (e.type === "daterange" || e.type === "datetimerange") && (o.rightCurrentDate.value = new Date(
         o.currentDate.value.getFullYear(),
         o.currentDate.value.getMonth() + 1,
         1
@@ -6365,30 +6355,30 @@ const Qe = new Z3(), z3 = {
         onClick: f,
         onFocus: q
       }, [
-        l("div", x5, [
-          l("div", V5, [
+        l("div", $5, [
+          l("div", x5, [
             Q(fe, {
               name: De.value ? "clock" : "calendar"
             }, null, 8, ["name"])
           ]),
-          j(P) ? (s(), a("div", S5, [
+          j(P) ? (s(), a("div", V5, [
             j(H) ? (s(), a(ne, { key: 0 }, [
               l("span", null, E(j(G)[0]), 1),
-              l("span", L5, E(e.rangeSeparator), 1),
+              l("span", S5, E(e.rangeSeparator), 1),
               l("span", null, E(j(G)[1]), 1)
             ], 64)) : (s(), a(ne, { key: 1 }, [
               xe(E(j(G)), 1)
             ], 64))
-          ])) : (s(), a("div", D5, [
+          ])) : (s(), a("div", L5, [
             j(H) ? (s(), a(ne, { key: 0 }, [
               l("span", null, E(e.startPlaceholder), 1),
-              l("span", H5, E(e.rangeSeparator), 1),
+              l("span", D5, E(e.rangeSeparator), 1),
               l("span", null, E(e.endPlaceholder), 1)
             ], 64)) : (s(), a(ne, { key: 1 }, [
               xe(E(Me.value), 1)
             ], 64))
           ])),
-          l("div", T5, [
+          l("div", H5, [
             z.value ? (s(), a("button", {
               key: 0,
               disabled: e.disabled,
@@ -6397,7 +6387,7 @@ const Qe = new Z3(), z3 = {
               onClick: Le(_e, ["stop"])
             }, [
               Q(fe, { name: "close" })
-            ], 8, I5)) : O("", !0)
+            ], 8, T5)) : O("", !0)
           ])
         ])
       ], 544),
@@ -6420,9 +6410,9 @@ const Qe = new Z3(), z3 = {
               l("div", {
                 class: U([{ "vt-datepicker__date-section--with-time": Ie.value }, "vt-datepicker__date-section"])
               }, [
-                Re.value ? (s(), a("div", B5, [
-                  l("div", E5, [
-                    Ie.value ? (s(), a("div", A5, [
+                Re.value ? (s(), a("div", I5, [
+                  l("div", B5, [
+                    Ie.value ? (s(), a("div", E5, [
                       Q(ht, {
                         ref_key: "startTimePickerRef",
                         ref: m,
@@ -6443,14 +6433,14 @@ const Qe = new Z3(), z3 = {
                         onChange: V[1] || (V[1] = (w) => Fe(w, !1))
                       }, null, 8, ["modelValue", "disabled-hours", "disabled-minutes", "disabled-seconds", "hide-disabled-options", "hour-step", "minute-step", "second-step", "show-seconds", "use12-hours"])
                     ])) : O("", !0),
-                    l("div", P5, [
+                    l("div", A5, [
                       l("button", {
                         class: "vt-datepicker__nav-btn",
                         onClick: Vt
                       }, [
                         Q(fe, { name: "arrowLeft" })
                       ]),
-                      l("div", R5, [
+                      l("div", P5, [
                         l("button", {
                           class: "vt-datepicker__header-btn",
                           onClick: V[2] || (V[2] = (w) => o.viewMode.value = "month")
@@ -6458,15 +6448,15 @@ const Qe = new Z3(), z3 = {
                       ]),
                       V[12] || (V[12] = l("div", { class: "vt-datepicker__nav-spacer" }, null, -1))
                     ]),
-                    l("div", j5, [
-                      l("div", F5, [
-                        l("div", Z5, [
+                    l("div", R5, [
+                      l("div", j5, [
+                        l("div", F5, [
                           (s(!0), a(ne, null, pe(j(kt), (w, T) => (s(), a("span", {
                             key: `${T}_${w}`,
                             class: "vt-datepicker__weekday"
                           }, E(w), 1))), 128))
                         ]),
-                        l("div", z5, [
+                        l("div", Z5, [
                           (s(!0), a(ne, null, pe(j(oe), (w) => (s(), a("button", {
                             key: w.getTime(),
                             class: U([
@@ -6485,13 +6475,13 @@ const Qe = new Z3(), z3 = {
                             onClick: (T) => ae(w, !0, !1),
                             onMouseenter: (T) => be(w, !0, !1),
                             onMouseleave: Se
-                          }, E(w.getDate()), 43, Y5))), 128))
+                          }, E(w.getDate()), 43, z5))), 128))
                         ])
                       ])
                     ])
                   ]),
-                  l("div", O5, [
-                    Ie.value ? (s(), a("div", N5, [
+                  l("div", Y5, [
+                    Ie.value ? (s(), a("div", O5, [
                       Q(ht, {
                         ref_key: "endTimePickerRef",
                         ref: v,
@@ -6512,9 +6502,9 @@ const Qe = new Z3(), z3 = {
                         onChange: V[4] || (V[4] = (w) => Fe(w, !0))
                       }, null, 8, ["modelValue", "disabled-hours", "disabled-minutes", "disabled-seconds", "hide-disabled-options", "hour-step", "minute-step", "second-step", "show-seconds", "use12-hours"])
                     ])) : O("", !0),
-                    l("div", W5, [
+                    l("div", N5, [
                       V[13] || (V[13] = l("div", { class: "vt-datepicker__nav-spacer" }, null, -1)),
-                      l("div", q5, [
+                      l("div", W5, [
                         l("button", {
                           class: "vt-datepicker__header-btn",
                           onClick: V[5] || (V[5] = (w) => o.viewMode.value = "month")
@@ -6527,15 +6517,15 @@ const Qe = new Z3(), z3 = {
                         Q(fe, { name: "arrowRight" })
                       ])
                     ]),
-                    l("div", U5, [
-                      l("div", K5, [
-                        l("div", Q5, [
+                    l("div", q5, [
+                      l("div", U5, [
+                        l("div", K5, [
                           (s(!0), a(ne, null, pe(j(kt), (w, T) => (s(), a("span", {
                             key: `${T}_${w}`,
                             class: "vt-datepicker__weekday"
                           }, E(w), 1))), 128))
                         ]),
-                        l("div", X5, [
+                        l("div", Q5, [
                           (s(!0), a(ne, null, pe(j(le), (w) => (s(), a("button", {
                             key: w.getTime(),
                             class: U([
@@ -6554,13 +6544,13 @@ const Qe = new Z3(), z3 = {
                             onClick: (T) => ae(w, !1, !0),
                             onMouseenter: (T) => be(w, !1, !0),
                             onMouseleave: Se
-                          }, E(w.getDate()), 43, G5))), 128))
+                          }, E(w.getDate()), 43, X5))), 128))
                         ])
                       ])
                     ])
                   ])
-                ])) : (s(), a("div", J5, [
-                  Ie.value ? (s(), a("div", e6, [
+                ])) : (s(), a("div", G5, [
+                  Ie.value ? (s(), a("div", J5, [
                     Q(ht, {
                       ref_key: "startTimePickerRef",
                       ref: m,
@@ -6581,14 +6571,14 @@ const Qe = new Z3(), z3 = {
                       onChange: V[7] || (V[7] = (w) => Fe(w, !1))
                     }, null, 8, ["modelValue", "disabled-hours", "disabled-minutes", "disabled-seconds", "hide-disabled-options", "hour-step", "minute-step", "second-step", "show-seconds", "use12-hours"])
                   ])) : O("", !0),
-                  l("div", t6, [
+                  l("div", e6, [
                     l("button", {
                       class: "vt-datepicker__nav-btn",
                       onClick: Vt
                     }, [
                       Q(fe, { name: "arrowLeft" })
                     ]),
-                    l("div", n6, [
+                    l("div", t6, [
                       o.viewMode.value === "date" ? (s(), a("button", {
                         key: 0,
                         class: "vt-datepicker__header-btn",
@@ -6597,7 +6587,7 @@ const Qe = new Z3(), z3 = {
                         key: 1,
                         class: "vt-datepicker__header-btn",
                         onClick: V[9] || (V[9] = (w) => o.viewMode.value = "year")
-                      }, E(o.currentDate.value.getFullYear()), 1)) : (s(), a("span", o6, E(j(D)), 1))
+                      }, E(o.currentDate.value.getFullYear()), 1)) : (s(), a("span", n6, E(j(D)), 1))
                     ]),
                     l("button", {
                       class: "vt-datepicker__nav-btn",
@@ -6606,15 +6596,15 @@ const Qe = new Z3(), z3 = {
                       Q(fe, { name: "arrowRight" })
                     ])
                   ]),
-                  l("div", l6, [
-                    o.viewMode.value === "date" ? (s(), a("div", s6, [
-                      l("div", r6, [
+                  l("div", o6, [
+                    o.viewMode.value === "date" ? (s(), a("div", l6, [
+                      l("div", s6, [
                         (s(!0), a(ne, null, pe(j(kt), (w, T) => (s(), a("span", {
                           key: `${T}_${w}`,
                           class: "vt-datepicker__weekday"
                         }, E(w), 1))), 128))
                       ]),
-                      l("div", i6, [
+                      l("div", r6, [
                         (s(!0), a(ne, null, pe(j(oe), (w) => (s(), a("button", {
                           key: w.getTime(),
                           class: U([
@@ -6631,9 +6621,9 @@ const Qe = new Z3(), z3 = {
                           onClick: (T) => ae(w),
                           onMouseenter: (T) => be(w),
                           onMouseleave: Se
-                        }, E(w.getDate()), 43, a6))), 128))
+                        }, E(w.getDate()), 43, i6))), 128))
                       ])
-                    ])) : o.viewMode.value === "month" ? (s(), a("div", u6, [
+                    ])) : o.viewMode.value === "month" ? (s(), a("div", a6, [
                       (s(!0), a(ne, null, pe(j(ve), (w, T) => (s(), a("button", {
                         key: w.name,
                         class: U([
@@ -6647,8 +6637,8 @@ const Qe = new Z3(), z3 = {
                         onClick: (ie) => nt(T, !1),
                         onMouseenter: (ie) => dt(T, o.currentDate.value),
                         onMouseleave: Ct
-                      }, E(w.name), 43, c6))), 128))
-                    ])) : (s(), a("div", d6, [
+                      }, E(w.name), 43, u6))), 128))
+                    ])) : (s(), a("div", c6, [
                       (s(!0), a(ne, null, pe(j(he), (w) => (s(), a("button", {
                         key: w.year,
                         class: U([
@@ -6662,12 +6652,12 @@ const Qe = new Z3(), z3 = {
                         onClick: (T) => l1(w.year),
                         onMouseenter: (T) => s1(w.year),
                         onMouseleave: r1
-                      }, E(w.year), 43, v6))), 128))
+                      }, E(w.year), 43, d6))), 128))
                     ]))
                   ])
                 ]))
               ], 2),
-              Ie.value ? (s(), a("div", h6, [
+              Ie.value ? (s(), a("div", v6, [
                 Q(Xe, { onClick: Ue }, {
                   default: Ve(() => V[14] || (V[14] = [
                     xe("Скасувати", -1)
@@ -6694,7 +6684,7 @@ const Qe = new Z3(), z3 = {
       ])) : O("", !0)
     ], 2));
   }
-}), f6 = { class: "v-collapse" }, m6 = /* @__PURE__ */ ke({
+}), p6 = { class: "v-collapse" }, f6 = /* @__PURE__ */ ke({
   __name: "VCollapse",
   props: {
     modelValue: {},
@@ -6718,11 +6708,11 @@ const Qe = new Z3(), z3 = {
           d > -1 ? v.splice(d, 1) : v.push(m), e("update:modelValue", v), e("change", v);
       }
     });
-    return ut("collapseContext", p), (m, v) => (s(), a("div", f6, [
-      Te(m.$slots, "default")
+    return ut("collapseContext", p), (m, v) => (s(), a("div", p6, [
+      He(m.$slots, "default")
     ]));
   }
-}), C6 = { class: "v-collapse-item__title" }, _6 = { class: "v-collapse-item__wrap" }, g6 = { class: "v-collapse-item__content" }, w6 = /* @__PURE__ */ ke({
+}), m6 = { class: "v-collapse-item__title" }, C6 = { class: "v-collapse-item__wrap" }, _6 = { class: "v-collapse-item__content" }, g6 = /* @__PURE__ */ ke({
   __name: "VCollapseItem",
   props: {
     title: {},
@@ -6756,8 +6746,8 @@ const Qe = new Z3(), z3 = {
         class: U([{ "is-active": c.value }, "v-collapse-item__header"]),
         onClick: h
       }, [
-        l("div", C6, [
-          Te(C.$slots, "title", {
+        l("div", m6, [
+          He(C.$slots, "title", {
             isActive: c.value,
             title: C.title
           }, () => [
@@ -6778,9 +6768,9 @@ const Qe = new Z3(), z3 = {
         onAfterLeave: d
       }, {
         default: Ve(() => [
-          ot(l("div", _6, [
-            l("div", g6, [
-              Te(C.$slots, "default")
+          ot(l("div", C6, [
+            l("div", _6, [
+              He(C.$slots, "default")
             ])
           ], 512), [
             [Kt, c.value]
@@ -6790,7 +6780,7 @@ const Qe = new Z3(), z3 = {
       })
     ], 2));
   }
-}), k6 = { class: "vt-tabs" }, b6 = { class: "vt-tabs__nav" }, y6 = ["onClick"], M6 = { key: 1 }, $6 = ["onClick"], x6 = { class: "vt-tabs__content" }, V6 = /* @__PURE__ */ ke({
+}), w6 = { class: "vt-tabs" }, k6 = { class: "vt-tabs__nav" }, b6 = ["onClick"], y6 = { key: 1 }, M6 = ["onClick"], $6 = { class: "vt-tabs__content" }, x6 = /* @__PURE__ */ ke({
   __name: "VTabs",
   props: {
     modelValue: { default: void 0 }
@@ -6825,8 +6815,8 @@ const Qe = new Z3(), z3 = {
       addTab: p,
       removeTab: m,
       selectTab: v
-    }), (C, o) => (s(), a("div", k6, [
-      l("div", b6, [
+    }), (C, o) => (s(), a("div", w6, [
+      l("div", k6, [
         (s(!0), a(ne, null, pe(h.value, ($) => (s(), a("div", {
           key: $.name,
           class: U([{
@@ -6844,7 +6834,7 @@ const Qe = new Z3(), z3 = {
               name: $.icon,
               class: "vt-tab-icon"
             }, null, 8, ["name"])) : O("", !0),
-            $.label ? (s(), a("span", M6, E($.label), 1)) : O("", !0)
+            $.label ? (s(), a("span", y6, E($.label), 1)) : O("", !0)
           ], 64)),
           $.closable ? (s(), a("span", {
             key: 2,
@@ -6852,15 +6842,15 @@ const Qe = new Z3(), z3 = {
             onClick: Le((_) => m($.name), ["stop"])
           }, [
             Q(fe, { name: "close" })
-          ], 8, $6)) : O("", !0)
-        ], 10, y6))), 128))
+          ], 8, M6)) : O("", !0)
+        ], 10, b6))), 128))
       ]),
-      l("div", x6, [
-        Te(C.$slots, "default")
+      l("div", $6, [
+        He(C.$slots, "default")
       ])
     ]));
   }
-}), S6 = { class: "vt-tabs__pane" }, L6 = /* @__PURE__ */ ke({
+}), V6 = { class: "vt-tabs__pane" }, S6 = /* @__PURE__ */ ke({
   __name: "VTabItem",
   props: {
     label: { default: "" },
@@ -6876,7 +6866,7 @@ const Qe = new Z3(), z3 = {
     if (!u)
       throw new Error("VTabItem must be used inside VTabs");
     const e = x(() => u.currentValue.value === t.name);
-    return ze(() => {
+    return Ye(() => {
       t.name || console.warn("⚠️ VTabItem requires a unique `name` prop."), u.addTab({
         label: t.label,
         name: t.name,
@@ -6886,8 +6876,8 @@ const Qe = new Z3(), z3 = {
       });
     }), Wt(() => {
       u.removeTab(t.name);
-    }), (i, c) => ot((s(), a("div", S6, [
-      Te(i.$slots, "default")
+    }), (i, c) => ot((s(), a("div", V6, [
+      He(i.$slots, "default")
     ], 512)), [
       [Kt, e.value]
     ]);
@@ -6983,7 +6973,7 @@ const Qe = new Z3(), z3 = {
   });
 }, Ft = (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"), D6 = {
+}, Zt = (n) => n.scrollWidth > n.clientWidth || n.scrollHeight > n.clientHeight, zt = (n) => !!n.closest(".vt-table, table"), L6 = {
   mounted(n, t) {
     var m;
     const u = (m = t.value) == null ? void 0 : m.trim();
@@ -7020,7 +7010,7 @@ const Qe = new Z3(), z3 = {
   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);
   }
-}, H6 = {
+}, D6 = {
   mounted(n, t) {
     j(t.value) && Yt(n);
   },
@@ -7043,10 +7033,10 @@ function Ot(n) {
   const t = n._loaderEl;
   t && (t.remove(), delete n._loaderEl);
 }
-const T6 = { class: "vt-message-container" }, I6 = { class: "vt-message-icon" }, B6 = { class: "vt-message-content" }, E6 = ["innerHTML"], A6 = {
+const H6 = { class: "vt-message-container" }, T6 = { class: "vt-message-icon" }, I6 = { class: "vt-message-content" }, B6 = ["innerHTML"], E6 = {
   key: 1,
   class: "vt-message-text"
-}, P6 = ["onClick"], R6 = /* @__PURE__ */ ke({
+}, A6 = ["onClick"], P6 = /* @__PURE__ */ ke({
   __name: "VMessage",
   setup(n, { expose: t }) {
     const u = L([]);
@@ -7076,7 +7066,7 @@ const T6 = { class: "vt-message-container" }, I6 = { class: "vt-message-icon" },
       addMessage: c,
       removeMessage: h
     }), (p, m) => (s(), we(lt, { to: "body" }, [
-      l("div", T6, [
+      l("div", H6, [
         Q(u1, {
           name: "vt-message",
           tag: "div"
@@ -7090,18 +7080,18 @@ const T6 = { class: "vt-message-container" }, I6 = { class: "vt-message-icon" },
                 { "vt-message-item--closable": v.showClose }
               ])
             }, [
-              l("div", I6, [
+              l("div", T6, [
                 Q(fe, {
                   color: v.type === "primary" ? "#00475A" : "",
                   name: i(v.type)
                 }, null, 8, ["color", "name"])
               ]),
-              l("div", B6, [
+              l("div", I6, [
                 v.dangerouslyUseHTMLString ? (s(), a("div", {
                   key: 0,
                   class: "vt-message-text",
                   innerHTML: v.message
-                }, null, 8, E6)) : (s(), a("div", A6, E(v.message), 1))
+                }, null, 8, B6)) : (s(), a("div", E6, E(v.message), 1))
               ]),
               v.showClose ? (s(), a("button", {
                 key: 0,
@@ -7110,7 +7100,7 @@ const T6 = { class: "vt-message-container" }, I6 = { class: "vt-message-icon" },
                 onClick: (d) => h(v.id)
               }, [
                 Q(fe, { name: "close" })
-              ], 8, P6)) : O("", !0)
+              ], 8, A6)) : O("", !0)
             ], 2))), 128))
           ]),
           _: 1
@@ -7119,7 +7109,7 @@ const T6 = { class: "vt-message-container" }, I6 = { class: "vt-message-icon" },
     ]));
   }
 });
-class j6 {
+class R6 {
   constructor() {
     this.messageInstance = null, this.app = null, this.container = null;
   }
@@ -7156,10 +7146,10 @@ class j6 {
     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 = qt(R6), 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 = qt(P6), this.messageInstance = this.app.mount(this.container), this.messageInstance);
   }
 }
-const Ne = new j6(), Nt = Object.assign(
+const Ne = new R6(), Nt = Object.assign(
   (n = {}) => Ne.call(n),
   {
     success: (n, t = {}) => Ne.success(n, t),
@@ -7173,7 +7163,7 @@ const Ne = new j6(), Nt = Object.assign(
       Ne.closeAll();
     }
   }
-), F6 = {
+), j6 = {
   install(n) {
     n.config.globalProperties.$message = Nt, n.provide("$message", Nt), n.config.globalProperties.$messageStack = {
       closeAll: () => Ne.closeAll(),
@@ -7181,64 +7171,64 @@ const Ne = new j6(), Nt = Object.assign(
       closeById: (t) => Ne.close(t)
     };
   }
-}, K6 = {
+}, U6 = {
   sortable: !0,
   actionColumn: !1,
   showOverflowTooltip: !0,
   visible: !0,
   pinnedLeft: !1,
   pinnedRight: !1
-}, Z6 = {
+}, F6 = {
   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`, 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);
+    n.component(`${u}Button`, Xe), n.component(`${u}Icon`, fe), n.component(`${u}Loader`, pt), n.component(`${u}Modal`, Qt), n.component(`${u}Pagination`, L3), n.component(`${u}Checkbox`, Je), n.component(`${u}Radiobox`, T3), n.component(`${u}Table`, _2), n.component(`${u}TableColumn`, g2), 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`, h6), n.component(`${u}TimePicker`, ht), n.component(`${u}Collapse`, f6), n.component(`${u}CollapseItem`, g6), n.component(`${u}Tabs`, x6), n.component(`${u}TabItem`, S6), n.directive("tooltip", L6), n.directive("loader", D6), e && n.use(Z3), i && n.use(j6);
   }
-}, Q6 = Z6.install;
+}, K6 = F6.install;
 export {
-  K6 as DEFAULT_COLUMN_CONFIG,
-  b2 as DEFAULT_FORMATS,
+  U6 as DEFAULT_COLUMN_CONFIG,
+  k2 as DEFAULT_FORMATS,
   vt as DEFAULT_TIME_FORMATS,
   t1 as DropdownContextKey,
-  q6 as FORMAT_TOKENS,
-  k2 as MONTH_NAMES,
+  W6 as FORMAT_TOKENS,
+  w2 as MONTH_NAMES,
   o1 as MONTH_NAMES_SHORT,
   Xe as VButton,
   Je as VCheckbox,
-  m6 as VCollapse,
-  w6 as VCollapseItem,
-  p6 as VDatePicker,
+  f6 as VCollapse,
+  g6 as VCollapseItem,
+  h6 as VDatePicker,
   n1 as VDropdown,
   yt as VDropdownItem,
   fe as VIcon,
   Gt as VInput,
   pt as VLoader,
   Nt as VMessage,
-  F6 as VMessagePlugin,
+  j6 as VMessagePlugin,
   Qt as VModal,
-  z3 as VModalPlugin,
+  Z3 as VModalPlugin,
   e1 as VOption,
-  D3 as VPagination,
-  I3 as VRadiobox,
+  L3 as VPagination,
+  T3 as VRadiobox,
   Jt as VSelect,
-  L6 as VTabItem,
-  g2 as VTable,
-  w2 as VTableColumn,
-  V6 as VTabs,
+  S6 as VTabItem,
+  _2 as VTable,
+  g2 as VTableColumn,
+  x6 as VTabs,
   ht as VTimePicker,
   Xt as VtSelectContextKey,
-  U6 as WEEKDAY_NAMES,
+  q6 as WEEKDAY_NAMES,
   kt as WEEKDAY_NAMES_SHORT,
-  Z6 as default,
-  S2 as formatTime,
+  F6 as default,
+  V2 as formatTime,
   bt as generateTimeOptions,
-  Q6 as install,
+  K6 as install,
   Et as isValidDate,
   Mt as isValidTimeString,
-  H6 as loaderDirective,
+  D6 as loaderDirective,
   Ne as messageManager,
   Qe as modalManager,
-  L2 as parseTimeString,
-  D6 as tooltipDirective,
-  M2 as validateDateValue,
-  V2 as validateTimeValue
+  S2 as parseTimeString,
+  L6 as tooltipDirective,
+  y2 as validateDateValue,
+  x2 as validateTimeValue
 };