voiptime-components 1.8.22 → 1.8.24

package/dist/index.es.js

@@ -3937,7 +3937,7 @@ function B3(n, t, u, e) {
     if (p.value) return !1;
     const D = d.value;
     return D > 0 && D < t.value.length;
-  }), $ = x(() => p.value ? !0 : C.value && !o.value), _ = x(() => p.value), K = (D, N) => {
+  }), $ = x(() => p.value ? !0 : C.value && !o.value), _ = x(() => n.isAllSelect && p.value), K = (D, N) => {
     const ue = m(D), me = c.value.some((B) => m(B) === m(D)), S = N !== void 0 ? N : !me;
     if (p.value && !S) {
       p.value = !1, e != null && e.value && (c.value = e.value.filter((B) => m(B) !== ue)), he(D, !1);
@@ -3951,7 +3951,7 @@ function B3(n, t, u, e) {
         R();
         break;
       case "allVisible":
-        G();
+        n.isAllSelect ? G() : P();
         break;
       case "absoluteAll":
         P();
@@ -3965,7 +3965,7 @@ function B3(n, t, u, e) {
       N.has(m(ue)) || D.push(ue);
     }), c.value = D, p.value = !1, he();
   }, G = () => {
-    p.value = !0, e != null && e.value ? c.value = [...e.value] : c.value = [...t.value], he(void 0, void 0, !0);
+    n.isAllSelect ? (p.value = !0, e != null && e.value ? c.value = [...e.value] : c.value = [...t.value], he(void 0, void 0, !0)) : R();
   }, P = () => {
     c.value = [], p.value = !1, v.value = null, he();
   }, te = (D) => {
@@ -4007,17 +4007,7 @@ function B3(n, t, u, e) {
     selectAbsolutelyAll: G
   };
 }
-function E3(n, t) {
-  if (!n)
-    return String(t.value ?? "");
-  try {
-    const u = n(t);
-    return u;
-  } catch (u) {
-    return console.error("Error rendering table slot:", u), String(t.value ?? "");
-  }
-}
-const A3 = (n, t, u = "asc") => {
+const E3 = (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 A3 = (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, P3 = (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, A3 = (n, t, u) => {
   n.sortable && u({
     prop: n.prop,
     direction: t
@@ -4039,11 +4029,11 @@ const A3 = (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(" ")
   };
-}, R3 = (n, t, u) => {
+}, P3 = (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 || A3;
+  const i = e.sortMethod || E3;
   return [...n].sort((c, v) => {
     const p = c[e.prop], m = v[e.prop];
     return i(p, m, t.direction);
@@ -4181,7 +4171,7 @@ const A3 = (n, t, u = "asc") => {
     ], 2));
   }
 });
-class j3 {
+class R3 {
   constructor() {
     this.modalStack = [], this.baseZIndex = 1e3;
   }
@@ -4250,7 +4240,7 @@ class j3 {
   recalculateZIndices() {
   }
 }
-const Qe = new j3(), F3 = {
+const Qe = new R3(), j3 = {
   install(n) {
     n.config.globalProperties.$modal = Qe, n.config.globalProperties.$modalStack = {
       closeAll: () => Qe.closeAll(),
@@ -4258,16 +4248,16 @@ const Qe = new j3(), F3 = {
       closeById: (t) => Qe.closeById(t)
     };
   }
-}, Z3 = { class: "vt-columns-selector-body" }, z3 = { class: "vt-columns-selector" }, Y3 = { class: "vt-columns-selector__panel" }, O3 = ["draggable", "onDragstart", "onDragover", "onDrop"], N3 = {
+}, F3 = { class: "vt-columns-selector-body" }, Z3 = { class: "vt-columns-selector" }, z3 = { class: "vt-columns-selector__panel" }, Y3 = ["draggable", "onDragstart", "onDragover", "onDrop"], O3 = {
   key: 0,
   class: "vt-columns-selector__panel-item-pinned"
-}, W3 = { class: "vt-columns-selector__available" }, q3 = ["onClick"], U3 = {
+}, N3 = { class: "vt-columns-selector__available" }, W3 = ["onClick"], q3 = {
   key: 0,
   class: "vt-columns-selector__group-columns"
-}, K3 = {
+}, U3 = {
   key: 0,
   class: "vt-columns-selector__pinned-note"
-}, Q3 = { class: "vt-modal__content-button" }, X3 = /* @__PURE__ */ ke({
+}, K3 = { class: "vt-modal__content-button" }, Q3 = /* @__PURE__ */ ke({
   __name: "VTableColumnSelector",
   props: {
     columns: {},
@@ -4376,9 +4366,9 @@ const Qe = new j3(), F3 = {
     };
     return Ye(() => {
       re();
-    }), (S, B) => (s(), a("div", Z3, [
-      l("div", z3, [
-        l("div", Y3, [
+    }), (S, B) => (s(), a("div", F3, [
+      l("div", Z3, [
+        l("div", z3, [
           (s(!0), a(ne, null, pe(i.value, (F, le) => (s(), a("div", {
             key: F.prop,
             class: U(te(le)),
@@ -4401,10 +4391,10 @@ const Qe = new j3(), F3 = {
               onClick: B[0] || (B[0] = Le(() => {
               }, ["stop"]))
             }, null, 8, ["label", "disabled", "onChange"]),
-            C(F) ? (s(), a("span", N3, "pinned")) : O("", !0)
-          ], 42, O3))), 128))
+            C(F) ? (s(), a("span", O3, "pinned")) : O("", !0)
+          ], 42, Y3))), 128))
         ]),
-        l("div", W3, [
+        l("div", N3, [
           (s(!0), a(ne, null, pe(d.value, (F) => {
             var le, J;
             return s(), a("div", {
@@ -4428,8 +4418,8 @@ const Qe = new j3(), F3 = {
                   name: F.icon,
                   class: "vt-columns-selector__group-icon"
                 }, null, 8, ["name"])) : O("", !0)
-              ], 8, q3),
-              c.value.has(F.name) ? (s(), a("div", U3, [
+              ], 8, W3),
+              c.value.has(F.name) ? (s(), a("div", q3, [
                 (s(!0), a(ne, null, pe(F.columns, (X) => (s(), a("div", {
                   key: X.prop,
                   class: "vt-columns-selector__group-column"
@@ -4440,14 +4430,14 @@ const Qe = new j3(), F3 = {
                     disabled: !D(X),
                     onChange: (ce) => oe(X, ce)
                   }, null, 8, ["label", "checked", "disabled", "onChange"]),
-                  D(X) ? O("", !0) : (s(), a("span", K3, " (закріплена) "))
+                  D(X) ? O("", !0) : (s(), a("span", U3, " (закріплена) "))
                 ]))), 128))
               ])) : O("", !0)
             ]);
           }), 128))
         ])
       ]),
-      l("div", Q3, [
+      l("div", K3, [
         Q(Xe, { onClick: me }, {
           default: Ve(() => B[2] || (B[2] = [
             xe("Скасувати", -1)
@@ -4468,7 +4458,7 @@ const Qe = new j3(), F3 = {
       ])
     ]));
   }
-}), G3 = { class: "vt-table-header-actions" }, J3 = /* @__PURE__ */ ke({
+}), X3 = { class: "vt-table-header-actions" }, G3 = /* @__PURE__ */ ke({
   __name: "ColumnActions",
   props: {
     column: {},
@@ -4519,7 +4509,7 @@ const Qe = new j3(), F3 = {
       console.log("handleToggleVisibility called");
       const d = m(u.allColumns);
       Qe.open({
-        component: X3,
+        component: Q3,
         title: "Управління колонками таблиці",
         props: {
           columns: u.allColumns,
@@ -4557,23 +4547,23 @@ const Qe = new j3(), F3 = {
         })
       ]),
       default: Ve(() => [
-        l("div", G3, [
+        l("div", X3, [
           Q(fe, { name: "listBullet" })
         ])
       ]),
       _: 1
     }));
   }
-}), e2 = { class: "vt-table" }, t2 = { key: 0 }, n2 = { class: "vt-th__content" }, o2 = { class: "vt-th__content" }, l2 = { class: "vt-th__label" }, s2 = {
+}), J3 = { class: "vt-table" }, e2 = { key: 0 }, t2 = { class: "vt-th__content" }, n2 = { class: "vt-th__content" }, o2 = { class: "vt-th__label" }, l2 = {
   key: 0,
   class: "vt-th__sortable"
-}, r2 = ["data-resizer", "onMousedown"], i2 = {
+}, s2 = ["data-resizer", "onMousedown"], r2 = {
   key: 0,
   class: "vt-table__empty-row"
-}, a2 = ["colspan"], u2 = { class: "vt-table__empty-content" }, c2 = ["onClick"], d2 = { class: "vt-table__cell-content" }, h2 = { class: "vt-table__cell-content vt-table__cell-content--ellipsis" }, v2 = { key: 1 }, p2 = ["data-resizer", "onMousedown"], f2 = {
+}, i2 = ["colspan"], a2 = { class: "vt-table__empty-content" }, u2 = ["onClick"], c2 = { class: "vt-table__cell-content" }, d2 = { class: "vt-table__cell-content vt-table__cell-content--ellipsis" }, h2 = { key: 1 }, v2 = ["data-resizer", "onMousedown"], p2 = {
   key: 1,
   class: "vt-table__summary"
-}, m2 = { class: "vt-table__cell-content vt-table__cell-content--summary" }, wt = 50, C2 = /* @__PURE__ */ ke({
+}, f2 = { class: "vt-table__cell-content vt-table__cell-content--summary" }, wt = 50, m2 = /* @__PURE__ */ ke({
   __name: "VTable",
   props: /* @__PURE__ */ Lt({
     data: {},
@@ -4584,6 +4574,7 @@ const Qe = new j3(), F3 = {
     summaryMethod: {},
     columnsSelector: { default: () => [] },
     selectable: { type: Boolean, default: !1 },
+    isAllSelect: { type: Boolean, default: !1 },
     selectionKey: { default: "id" },
     defaultSelection: { default: () => [] },
     selectOnClickRow: { type: Boolean, default: !1 },
@@ -4601,7 +4592,7 @@ const Qe = new j3(), F3 = {
   }),
   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 = s1(n, "columns"), v = L({}), p = L(), m = Wt([]), h = L(e.defaultSort || null), d = x(() => R3(e.data || [], h.value, m)), C = x(() => c.value !== void 0), o = x(() => e.data && e.data.length > 0), $ = L(!1), _ = L(0);
+    const e = n, i = u, c = s1(n, "columns"), v = L({}), p = L(), m = Wt([]), h = L(e.defaultSort || null), d = x(() => P3(e.data || [], h.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(
@@ -4656,7 +4647,7 @@ const Qe = new j3(), F3 = {
       K && clearTimeout(K), p.value && p.value.removeEventListener("scroll", S);
     });
     const F = (I, W) => {
-      P3(I, W, (se) => {
+      A3(I, W, (se) => {
         var de, ee;
         ((de = h.value) == null ? void 0 : de.prop) === I.prop && h.value.direction === W ? h.value = null : h.value = se, i("sort-change", {
           column: I,
@@ -4763,8 +4754,8 @@ const Qe = new j3(), F3 = {
         onScroll: S
       }, [
         He(I.$slots, "default"),
-        l("table", e2, [
-          e.hideHeader ? O("", !0) : (s(), a("thead", t2, [
+        l("table", J3, [
+          e.hideHeader ? O("", !0) : (s(), a("thead", e2, [
             l("tr", null, [
               e.selectable ? (s(), a("th", {
                 key: 0,
@@ -4774,11 +4765,11 @@ const Qe = new j3(), F3 = {
                 }, "vt-table__th vt-table__th--selection"]),
                 style: Ee(ue())
               }, [
-                l("div", n2, [
+                l("div", t2, [
                   Q(Je, {
                     checked: (de = Y(D)) == null ? void 0 : de.isAllSelected.value,
                     indeterminate: (ee = Y(D)) == null ? void 0 : ee.isIndeterminate.value,
-                    "is-double": (b = (k = Y(D)) == null ? void 0 : k.isDoubleCheck) == null ? void 0 : b.value,
+                    "is-double": e.isAllSelect && ((b = (k = Y(D)) == null ? void 0 : k.isDoubleCheck) == null ? void 0 : b.value),
                     onChange: De
                   }, null, 8, ["checked", "indeterminate", "is-double"])
                 ])
@@ -4798,13 +4789,13 @@ const Qe = new j3(), F3 = {
                 ]),
                 style: Ee(We(r, f))
               }, [
-                l("div", o2, [
-                  ot((s(), a("div", l2, [
+                l("div", n2, [
+                  ot((s(), a("div", o2, [
                     xe(E(r.label), 1)
                   ])), [
                     [se, r.label]
                   ]),
-                  r.sortable ? (s(), a("div", s2, [
+                  r.sortable ? (s(), a("div", l2, [
                     Q(fe, {
                       class: U(Y(Bt)(r, h.value).asc),
                       name: "arrowTop",
@@ -4816,7 +4807,7 @@ const Qe = new j3(), F3 = {
                       onClick: Le((q) => F(r, "desc"), ["stop"])
                     }, null, 8, ["class", "onClick"])
                   ])) : O("", !0),
-                  r.actionColumn ? (s(), we(J3, {
+                  r.actionColumn ? (s(), we(G3, {
                     key: 1,
                     "all-columns": Y(H),
                     column: r,
@@ -4829,7 +4820,7 @@ const Qe = new j3(), F3 = {
                   "data-resizer": r.prop,
                   class: "vt-table__resizer",
                   onMousedown: (q) => ye(q, r)
-                }, null, 40, r2)
+                }, null, 40, s2)
               ], 6))), 128))
             ])
           ])),
@@ -4856,7 +4847,7 @@ const Qe = new j3(), F3 = {
                   }, "vt-table__td vt-table__td--selection"]),
                   style: Ee(N())
                 }, [
-                  l("div", d2, [
+                  l("div", c2, [
                     Q(Je, {
                       checked: (_e = Y(D)) == null ? void 0 : _e.isRowSelected(r),
                       onChange: (ae, be) => ze(ae, r, be)
@@ -4876,8 +4867,14 @@ const Qe = new j3(), F3 = {
                   ]),
                   style: Ee(Ke(ae, be))
                 }, [
-                  ot((s(), a("div", h2, [
-                    ae.renderSlot ? (s(), we(ft(() => Y(E3)(ae.renderSlot, { row: r, column: ae, value: r[ae.prop], index: f })), { key: 0 })) : (s(), a("span", v2, E(r[ae.prop]), 1))
+                  ot((s(), a("div", d2, [
+                    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", h2, E(r[ae.prop]), 1))
                   ])), [
                     [se, ae.showOverflowTooltip ? ge(r, ae) : null]
                   ]),
@@ -4885,25 +4882,25 @@ const Qe = new j3(), F3 = {
                     "data-resizer": ae.prop,
                     class: "vt-table__resizer",
                     onMousedown: (Se) => ye(Se, ae)
-                  }, null, 40, p2)
+                  }, null, 40, v2)
                 ], 6))), 128))
-              ], 10, c2);
-            }), 128)) : (s(), a("tr", i2, [
+              ], 10, u2);
+            }), 128)) : (s(), a("tr", r2, [
               l("td", {
                 colspan: Y(H).length + (e.selectable ? 1 : 0),
                 class: "vt-table__empty-cell"
               }, [
-                l("div", u2, [
+                l("div", a2, [
                   Q(fe, {
                     class: "vt-table__empty-icon",
                     name: "empty"
                   }),
                   W[0] || (W[0] = l("span", { class: "vt-table__empty-text" }, "Немає даних!", -1))
                 ])
-              ], 8, a2)
+              ], 8, i2)
             ]))
           ]),
-          j.value ? (s(), a("tfoot", f2, [
+          j.value ? (s(), a("tfoot", p2, [
             l("tr", null, [
               e.selectable ? (s(), a("td", {
                 key: 0,
@@ -4925,7 +4922,7 @@ const Qe = new j3(), F3 = {
                 ]),
                 style: Ee(qe(r, f))
               }, [
-                l("div", m2, E(g.value[r.prop]), 1)
+                l("div", f2, E(g.value[r.prop]), 1)
               ], 6))), 128))
             ])
           ])) : O("", !0)
@@ -4933,7 +4930,7 @@ const Qe = new j3(), F3 = {
       ], 36);
     };
   }
-}), _2 = /* @__PURE__ */ ke({
+}), C2 = /* @__PURE__ */ ke({
   __name: "VTableColumn",
   props: {
     prop: {},
@@ -5011,7 +5008,7 @@ const Qe = new j3(), F3 = {
       }
     }), (v, p) => null;
   }
-}), O6 = {
+}), Y6 = {
   yyyy: {
     pattern: /yyyy/g,
     replacement: (n) => String(n.getFullYear())
@@ -5056,7 +5053,7 @@ const Qe = new j3(), F3 = {
     pattern: new RegExp("(?<!s)s(?!s)", "g"),
     replacement: (n) => String(n.getSeconds())
   }
-}, g2 = [
+}, _2 = [
   "Січень",
   "Лютий",
   "Березень",
@@ -5069,7 +5066,7 @@ const Qe = new j3(), F3 = {
   "Жовтень",
   "Листопад",
   "Грудень"
-], t1 = ["Січ", "Лют", "Бер", "Кві", "Тра", "Чер", "Лип", "Сер", "Вер", "Жов", "Лис", "Гру"], N6 = ["Неділя", "Понеділок", "Вівторок", "Середа", "Четвер", "П'ятниця", "Субота"], kt = ["Нд", "Пн", "Вт", "Ср", "Чт", "Пт", "Сб"], w2 = {
+], t1 = ["Січ", "Лют", "Бер", "Кві", "Тра", "Чер", "Лип", "Сер", "Вер", "Жов", "Лис", "Гру"], O6 = ["Неділя", "Понеділок", "Вівторок", "Середа", "Четвер", "П'ятниця", "Субота"], kt = ["Нд", "Пн", "Вт", "Ср", "Чт", "Пт", "Сб"], g2 = {
   date: "yyyy-MM-dd",
   datetime: "yyyy-MM-dd HH:mm:ss",
   daterange: "yyyy-MM-dd",
@@ -5086,9 +5083,9 @@ const Qe = new j3(), F3 = {
     return !isNaN(t.getTime());
   }
   return !1;
-}, k2 = (n) => Array.isArray(n) ? n.length === 0 || n.every((t) => !t) : !1, b2 = (n, t, u) => {
+}, w2 = (n) => Array.isArray(n) ? n.length === 0 || n.every((t) => !t) : !1, k2 = (n, t, u) => {
   const e = [], i = ["daterange", "datetimerange", "monthrange", "yearrange"].includes(t);
-  if (u && (n ? i && k2(n) && e.push("Це поле є обов'язковим") : e.push("Це поле є обов'язковим")), n)
+  if (u && (n ? i && w2(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("Діапазон повинен містити дві дати");
@@ -5103,12 +5100,12 @@ const Qe = new j3(), F3 = {
     isValid: e.length === 0,
     errors: e
   };
-}, y2 = () => {
+}, b2 = () => {
   const n = (i, c) => {
     if (!i || !(i instanceof Date) || isNaN(i.getTime())) return "";
     const v = i.getFullYear(), p = i.getMonth(), m = i.getDate(), h = i.getHours(), d = h > 12 ? h - 12 : h === 0 ? 12 : h, C = i.getMinutes(), o = i.getSeconds(), $ = i.getTime();
     let _ = c;
-    _ = _.replace(/yyyy/g, String(v)), _ = _.replace(/yy/g, String(v).slice(-2)), _ = _.replace(/MMMM/g, g2[p]), _ = _.replace(/MMM/g, t1[p]), _ = _.replace(/MM/g, String(p + 1).padStart(2, "0")), _ = _.replace(/M/g, String(p + 1));
+    _ = _.replace(/yyyy/g, String(v)), _ = _.replace(/yy/g, String(v).slice(-2)), _ = _.replace(/MMMM/g, _2[p]), _ = _.replace(/MMM/g, t1[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(h).padStart(2, "0")), _ = _.replace(/H/g, String(h)), _ = _.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, h >= 12 ? "PM" : "AM"), _ = _.replace(/a/g, h >= 12 ? "pm" : "am"), _ = _.replace(/timestamp/g, String($)), _ = _.replace(/\[([^\]]+)\]/g, "$1"), _;
   }, t = (i) => {
@@ -5125,10 +5122,10 @@ const Qe = new j3(), F3 = {
     formatDate: n,
     parseDate: t,
     getWeekOfYear: u,
-    getDefaultFormat: (i) => w2[i] || "yyyy-MM-dd"
+    getDefaultFormat: (i) => g2[i] || "yyyy-MM-dd"
   };
-}, M2 = (n, t, u, e, i) => {
-  const { formatDate: c, parseDate: v, getDefaultFormat: p } = y2(), m = x(() => ["datetimerange", "daterange", "monthrange", "yearrange"].includes(t.value)), h = 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 ? [v(n.value[0]), v(n.value[1])] : [null, null] : v(n.value) : m.value ? [null, null] : null), o = x(() => {
+}, y2 = (n, t, u, e, i) => {
+  const { formatDate: c, parseDate: v, getDefaultFormat: p } = b2(), m = x(() => ["datetimerange", "daterange", "monthrange", "yearrange"].includes(t.value)), h = 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 ? [v(n.value[0]), v(n.value[1])] : [null, null] : v(n.value) : m.value ? [null, null] : null), o = x(() => {
     if (m.value) {
       const [A, H] = C.value;
       if (A && H) {
@@ -5162,7 +5159,7 @@ const Qe = new j3(), F3 = {
       } else
         return e.value === "timestamp" ? A.getTime() : e.value ? c(A, d.value) : A;
     },
-    validate: (A = !1) => b2(n.value, t.value, A),
+    validate: (A = !1) => k2(n.value, t.value, A),
     formatDate: c,
     parseDate: v
   };
@@ -5230,7 +5227,7 @@ const Qe = new j3(), F3 = {
   // 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, $2 = (n, t, u) => {
+].some((u) => u.test(n.trim())) : !1, M2 = (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)) {
@@ -5271,13 +5268,13 @@ const Qe = new j3(), F3 = {
     }
   }
   return null;
-}, x2 = (n, t, u = 0, e = "HH:mm:ss", i = !1) => {
+}, $2 = (n, t, u = 0, e = "HH:mm:ss", i = !1) => {
   let c = n;
   i && (c = n === 0 ? 12 : n > 12 ? n - 12 : n);
   const v = c.toString().padStart(2, "0"), p = t.toString().padStart(2, "0"), m = u.toString().padStart(2, "0");
   let h = e;
   return h = h.replace(/HH/g, n.toString().padStart(2, "0")), h = h.replace(/H/g, n.toString()), h = h.replace(/hh/g, v), h = h.replace(/h/g, c.toString()), h = h.replace(/mm/g, p), h = h.replace(/m/g, t.toString()), h = h.replace(/ss/g, m), h = h.replace(/s/g, u.toString()), h = h.replace(/A/g, n >= 12 ? "PM" : "AM"), h = h.replace(/a/g, n >= 12 ? "pm" : "am"), h;
-}, V2 = (n) => {
+}, x2 = (n) => {
   if (!n) return null;
   const t = [
     /^(\d{1,2}):(\d{2}):(\d{2})$/,
@@ -5307,37 +5304,37 @@ const Qe = new j3(), F3 = {
       disabled: e.includes(c)
     });
   return i;
-}, S2 = { class: "vt-timepicker__input" }, L2 = { class: "vt-timepicker__icon" }, D2 = {
+}, V2 = { class: "vt-timepicker__input" }, S2 = { class: "vt-timepicker__icon" }, L2 = {
   key: 0,
   class: "vt-timepicker__text"
-}, H2 = {
+}, D2 = {
   key: 1,
   class: "vt-timepicker__placeholder"
-}, T2 = { class: "vt-timepicker__suffix" }, I2 = ["disabled"], B2 = {
+}, H2 = { class: "vt-timepicker__suffix" }, T2 = ["disabled"], I2 = {
   key: 0,
   class: "vt-timepicker__dual-panel"
-}, E2 = { class: "vt-timepicker__panel" }, A2 = { class: "vt-timepicker__time-columns" }, P2 = { class: "vt-timepicker__column" }, R2 = { class: "vt-timepicker__options" }, j2 = ["disabled", "onClick"], F2 = { class: "vt-timepicker__column" }, Z2 = { class: "vt-timepicker__options" }, z2 = ["disabled", "onClick"], Y2 = {
+}, B2 = { class: "vt-timepicker__panel" }, E2 = { class: "vt-timepicker__time-columns" }, A2 = { class: "vt-timepicker__column" }, P2 = { class: "vt-timepicker__options" }, R2 = ["disabled", "onClick"], j2 = { class: "vt-timepicker__column" }, F2 = { class: "vt-timepicker__options" }, Z2 = ["disabled", "onClick"], z2 = {
   key: 0,
   class: "vt-timepicker__column"
-}, O2 = { class: "vt-timepicker__options" }, N2 = ["disabled", "onClick"], W2 = {
+}, Y2 = { class: "vt-timepicker__options" }, O2 = ["disabled", "onClick"], N2 = {
   key: 1,
   class: "vt-timepicker__column"
-}, q2 = { class: "vt-timepicker__options" }, U2 = ["onClick"], K2 = { class: "vt-timepicker__panel" }, Q2 = { class: "vt-timepicker__time-columns" }, X2 = { class: "vt-timepicker__column" }, G2 = { class: "vt-timepicker__options" }, J2 = ["disabled", "onClick"], e5 = { class: "vt-timepicker__column" }, t5 = { class: "vt-timepicker__options" }, n5 = ["disabled", "onClick"], o5 = {
+}, W2 = { class: "vt-timepicker__options" }, q2 = ["onClick"], U2 = { class: "vt-timepicker__panel" }, K2 = { class: "vt-timepicker__time-columns" }, Q2 = { class: "vt-timepicker__column" }, X2 = { class: "vt-timepicker__options" }, G2 = ["disabled", "onClick"], J2 = { class: "vt-timepicker__column" }, e5 = { class: "vt-timepicker__options" }, t5 = ["disabled", "onClick"], n5 = {
   key: 0,
   class: "vt-timepicker__column"
-}, l5 = { class: "vt-timepicker__options" }, s5 = ["disabled", "onClick"], r5 = {
+}, o5 = { class: "vt-timepicker__options" }, l5 = ["disabled", "onClick"], s5 = {
   key: 1,
   class: "vt-timepicker__column"
-}, i5 = { class: "vt-timepicker__options" }, a5 = ["onClick"], u5 = {
+}, r5 = { class: "vt-timepicker__options" }, i5 = ["onClick"], a5 = {
   key: 1,
   class: "vt-timepicker__single-panel"
-}, c5 = { class: "vt-timepicker__time-columns" }, d5 = { class: "vt-timepicker__column" }, h5 = { class: "vt-timepicker__options" }, v5 = ["disabled", "onClick"], p5 = { class: "vt-timepicker__column" }, f5 = { class: "vt-timepicker__options" }, m5 = ["disabled", "onClick"], C5 = {
+}, u5 = { class: "vt-timepicker__time-columns" }, c5 = { class: "vt-timepicker__column" }, d5 = { class: "vt-timepicker__options" }, h5 = ["disabled", "onClick"], v5 = { class: "vt-timepicker__column" }, p5 = { class: "vt-timepicker__options" }, f5 = ["disabled", "onClick"], m5 = {
   key: 0,
   class: "vt-timepicker__column"
-}, _5 = { class: "vt-timepicker__options" }, g5 = ["disabled", "onClick"], w5 = {
+}, C5 = { class: "vt-timepicker__options" }, _5 = ["disabled", "onClick"], g5 = {
   key: 1,
   class: "vt-timepicker__column"
-}, k5 = { class: "vt-timepicker__options" }, b5 = ["onClick"], y5 = { class: "vt-timepicker__actions" }, vt = /* @__PURE__ */ ke({
+}, w5 = { class: "vt-timepicker__options" }, k5 = ["onClick"], b5 = { class: "vt-timepicker__actions" }, vt = /* @__PURE__ */ ke({
   __name: "VTimePicker",
   props: {
     modelValue: {},
@@ -5370,12 +5367,12 @@ const Qe = new j3(), F3 = {
     }, h = L(/* @__PURE__ */ new Map()), d = x(() => e.type === "timerange"), C = (k) => {
       if (!k) return "";
       const { hour: b, minute: r, second: f } = k, q = e.format || (e.showSeconds ? e.use12Hours ? ht["12h"] : ht["24h"] : e.use12Hours ? ht["12h_no_seconds"] : ht["24h_no_seconds"]);
-      return x2(b, r, f, q, e.use12Hours);
+      return $2(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) ? V2(k) : null : null, $ = (k, b = !1) => $2(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) ? x2(k) : null : null, $ = (k, b = !1) => M2(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), ""] : ["", ""];
@@ -5660,11 +5657,11 @@ const Qe = new j3(), F3 = {
         onClick: j,
         onFocus: Z
       }, [
-        l("div", S2, [
-          l("div", L2, [
+        l("div", V2, [
+          l("div", S2, [
             Q(fe, { name: "clock" })
           ]),
-          A.value ? (s(), a("div", D2, [
+          A.value ? (s(), a("div", L2, [
             d.value ? (s(), a(ne, { key: 0 }, [
               l("span", null, E(K.value[0]), 1),
               l("span", null, E(e.rangeSeparator), 1),
@@ -5672,7 +5669,7 @@ const Qe = new j3(), F3 = {
             ], 64)) : (s(), a(ne, { key: 1 }, [
               xe(E(K.value), 1)
             ], 64))
-          ])) : (s(), a("div", H2, [
+          ])) : (s(), a("div", D2, [
             d.value ? (s(), a(ne, { key: 0 }, [
               l("span", null, E(e.startPlaceholder), 1),
               l("span", null, E(e.rangeSeparator), 1),
@@ -5681,7 +5678,7 @@ const Qe = new j3(), F3 = {
               xe(E(R.value), 1)
             ], 64))
           ])),
-          l("div", T2, [
+          l("div", H2, [
             H.value ? (s(), a("button", {
               key: 0,
               disabled: e.disabled,
@@ -5690,7 +5687,7 @@ const Qe = new j3(), F3 = {
               onClick: Le(Pe, ["stop"])
             }, [
               Q(fe, { name: "close" })
-            ], 8, I2)) : O("", !0)
+            ], 8, T2)) : O("", !0)
           ])
         ])
       ], 544),
@@ -5710,12 +5707,12 @@ const Qe = new j3(), F3 = {
               onMousedown: b[1] || (b[1] = Le(() => {
               }, ["prevent"]))
             }, [
-              d.value ? (s(), a("div", B2, [
-                l("div", E2, [
+              d.value ? (s(), a("div", I2, [
+                l("div", B2, [
                   b[2] || (b[2] = l("div", { class: "vt-timepicker__panel-header" }, "Початковий час", -1)),
-                  l("div", A2, [
-                    l("div", P2, [
-                      l("div", R2, [
+                  l("div", E2, [
+                    l("div", A2, [
+                      l("div", P2, [
                         (s(!0), a(ne, null, pe(ue.value, (r) => (s(), a("button", {
                           key: `start-hour-${r.value}`,
                           class: U([
@@ -5727,11 +5724,11 @@ const Qe = new j3(), F3 = {
                           ]),
                           disabled: r.disabled,
                           onClick: (f) => ge(r.value, "hour", !1, r.disabled, f)
-                        }, E(r.label), 11, j2))), 128))
+                        }, E(r.label), 11, R2))), 128))
                       ])
                     ]),
-                    l("div", F2, [
-                      l("div", Z2, [
+                    l("div", j2, [
+                      l("div", F2, [
                         (s(!0), a(ne, null, pe(me.value, (r) => (s(), a("button", {
                           key: `start-minute-${r.value}`,
                           class: U([
@@ -5743,11 +5740,11 @@ const Qe = new j3(), F3 = {
                           ]),
                           disabled: r.disabled,
                           onClick: (f) => ge(r.value, "minute", !1, r.disabled, f)
-                        }, E(r.label), 11, z2))), 128))
+                        }, E(r.label), 11, Z2))), 128))
                       ])
                     ]),
-                    k.showSeconds ? (s(), a("div", Y2, [
-                      l("div", O2, [
+                    k.showSeconds ? (s(), a("div", z2, [
+                      l("div", Y2, [
                         (s(!0), a(ne, null, pe(S.value, (r) => (s(), a("button", {
                           key: `start-second-${r.value}`,
                           class: U([
@@ -5759,11 +5756,11 @@ const Qe = new j3(), F3 = {
                           ]),
                           disabled: r.disabled,
                           onClick: (f) => ge(r.value, "second", !1, r.disabled, f)
-                        }, E(r.label), 11, N2))), 128))
+                        }, E(r.label), 11, O2))), 128))
                       ])
                     ])) : O("", !0),
-                    k.use12Hours ? (s(), a("div", W2, [
-                      l("div", q2, [
+                    k.use12Hours ? (s(), a("div", N2, [
+                      l("div", W2, [
                         (s(!0), a(ne, null, pe(B.value, (r) => (s(), a("button", {
                           key: `start-period-${r}`,
                           class: U([
@@ -5771,16 +5768,16 @@ const Qe = new j3(), F3 = {
                             { "vt-timepicker__option--selected": oe.value === r }
                           ]),
                           onClick: (f) => ge(r, "period", !1, !1, f)
-                        }, E(r), 11, U2))), 128))
+                        }, E(r), 11, q2))), 128))
                       ])
                     ])) : O("", !0)
                   ])
                 ]),
-                l("div", K2, [
+                l("div", U2, [
                   b[3] || (b[3] = l("div", { class: "vt-timepicker__panel-header" }, "Кінцевий час", -1)),
-                  l("div", Q2, [
-                    l("div", X2, [
-                      l("div", G2, [
+                  l("div", K2, [
+                    l("div", Q2, [
+                      l("div", X2, [
                         (s(!0), a(ne, null, pe(ue.value, (r) => (s(), a("button", {
                           key: `end-hour-${r.value}`,
                           class: U([
@@ -5792,11 +5789,11 @@ const Qe = new j3(), F3 = {
                           ]),
                           disabled: r.disabled,
                           onClick: (f) => ge(r.value, "hour", !0, r.disabled, f)
-                        }, E(r.label), 11, J2))), 128))
+                        }, E(r.label), 11, G2))), 128))
                       ])
                     ]),
-                    l("div", e5, [
-                      l("div", t5, [
+                    l("div", J2, [
+                      l("div", e5, [
                         (s(!0), a(ne, null, pe(me.value, (r) => (s(), a("button", {
                           key: `end-minute-${r.value}`,
                           class: U([
@@ -5808,11 +5805,11 @@ const Qe = new j3(), F3 = {
                           ]),
                           disabled: r.disabled,
                           onClick: (f) => ge(r.value, "minute", !0, r.disabled, f)
-                        }, E(r.label), 11, n5))), 128))
+                        }, E(r.label), 11, t5))), 128))
                       ])
                     ]),
-                    k.showSeconds ? (s(), a("div", o5, [
-                      l("div", l5, [
+                    k.showSeconds ? (s(), a("div", n5, [
+                      l("div", o5, [
                         (s(!0), a(ne, null, pe(S.value, (r) => (s(), a("button", {
                           key: `end-second-${r.value}`,
                           class: U([
@@ -5824,24 +5821,24 @@ const Qe = new j3(), F3 = {
                           ]),
                           disabled: r.disabled,
                           onClick: (f) => ge(r.value, "second", !0, r.disabled, f)
-                        }, E(r.label), 11, s5))), 128))
+                        }, E(r.label), 11, l5))), 128))
                       ])
                     ])) : O("", !0),
-                    k.use12Hours ? (s(), a("div", r5, [
-                      l("div", i5, [
+                    k.use12Hours ? (s(), a("div", s5, [
+                      l("div", r5, [
                         (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, a5))), 128))
+                        }, E(r), 11, i5))), 128))
                       ])
                     ])) : O("", !0)
                   ])
                 ])
-              ])) : (s(), a("div", u5, [
-                l("div", c5, [
-                  l("div", d5, [
-                    l("div", h5, [
+              ])) : (s(), a("div", a5, [
+                l("div", u5, [
+                  l("div", c5, [
+                    l("div", d5, [
                       (s(!0), a(ne, null, pe(ue.value, (r) => (s(), a("button", {
                         key: `hour-${r.value}`,
                         class: U([
@@ -5853,11 +5850,11 @@ const Qe = new j3(), F3 = {
                         ]),
                         disabled: r.disabled,
                         onClick: (f) => ge(r.value, "hour", !1, r.disabled, f)
-                      }, E(r.label), 11, v5))), 128))
+                      }, E(r.label), 11, h5))), 128))
                     ])
                   ]),
-                  l("div", p5, [
-                    l("div", f5, [
+                  l("div", v5, [
+                    l("div", p5, [
                       (s(!0), a(ne, null, pe(me.value, (r) => (s(), a("button", {
                         key: `minute-${r.value}`,
                         class: U([
@@ -5869,11 +5866,11 @@ const Qe = new j3(), F3 = {
                         ]),
                         disabled: r.disabled,
                         onClick: (f) => ge(r.value, "minute", !1, r.disabled, f)
-                      }, E(r.label), 11, m5))), 128))
+                      }, E(r.label), 11, f5))), 128))
                     ])
                   ]),
-                  k.showSeconds ? (s(), a("div", C5, [
-                    l("div", _5, [
+                  k.showSeconds ? (s(), a("div", m5, [
+                    l("div", C5, [
                       (s(!0), a(ne, null, pe(S.value, (r) => (s(), a("button", {
                         key: `second-${r.value}`,
                         class: U([
@@ -5885,21 +5882,21 @@ const Qe = new j3(), F3 = {
                         ]),
                         disabled: r.disabled,
                         onClick: (f) => ge(r.value, "second", !1, r.disabled, f)
-                      }, E(r.label), 11, g5))), 128))
+                      }, E(r.label), 11, _5))), 128))
                     ])
                   ])) : O("", !0),
-                  k.use12Hours ? (s(), a("div", w5, [
-                    l("div", k5, [
+                  k.use12Hours ? (s(), a("div", g5, [
+                    l("div", w5, [
                       (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, b5))), 128))
+                      }, E(r), 11, k5))), 128))
                     ])
                   ])) : O("", !0)
                 ])
               ])),
-              l("div", y5, [
+              l("div", b5, [
                 Q(Xe, { onClick: je }, {
                   default: Ve(() => b[4] || (b[4] = [
                     xe("Скасувати", -1)
@@ -5925,40 +5922,40 @@ const Qe = new j3(), F3 = {
       ])) : O("", !0)
     ], 2));
   }
-}), M5 = { class: "vt-datepicker__input" }, $5 = { class: "vt-datepicker__icon" }, x5 = {
+}), y5 = { class: "vt-datepicker__input" }, M5 = { class: "vt-datepicker__icon" }, $5 = {
   key: 0,
   class: "vt-datepicker__text"
-}, V5 = { class: "vt-datepicker__separator" }, S5 = {
+}, x5 = { class: "vt-datepicker__separator" }, V5 = {
   key: 1,
   class: "vt-datepicker__placeholder"
-}, L5 = { class: "vt-datepicker__separator" }, D5 = { class: "vt-datepicker__suffix" }, H5 = ["disabled"], T5 = {
+}, S5 = { class: "vt-datepicker__separator" }, L5 = { class: "vt-datepicker__suffix" }, D5 = ["disabled"], H5 = {
   key: 0,
   class: "vt-datepicker__dual-calendar"
-}, I5 = { class: "vt-datepicker__calendar-panel" }, B5 = {
+}, T5 = { class: "vt-datepicker__calendar-panel" }, I5 = {
   key: 0,
   class: "vt-datepicker__time"
-}, E5 = { class: "vt-datepicker__header" }, A5 = { class: "vt-datepicker__header-content" }, P5 = { class: "vt-datepicker__content" }, R5 = { class: "vt-datepicker__calendar" }, j5 = { class: "vt-datepicker__weekdays" }, F5 = { class: "vt-datepicker__dates" }, Z5 = ["disabled", "onClick", "onMouseenter"], z5 = { class: "vt-datepicker__calendar-panel" }, Y5 = {
+}, B5 = { class: "vt-datepicker__header" }, E5 = { class: "vt-datepicker__header-content" }, A5 = { class: "vt-datepicker__content" }, P5 = { class: "vt-datepicker__calendar" }, R5 = { class: "vt-datepicker__weekdays" }, j5 = { class: "vt-datepicker__dates" }, F5 = ["disabled", "onClick", "onMouseenter"], Z5 = { class: "vt-datepicker__calendar-panel" }, z5 = {
   key: 0,
   class: "vt-datepicker__time"
-}, O5 = { class: "vt-datepicker__header" }, N5 = { class: "vt-datepicker__header-content" }, W5 = { class: "vt-datepicker__content" }, q5 = { class: "vt-datepicker__calendar" }, U5 = { class: "vt-datepicker__weekdays" }, K5 = { class: "vt-datepicker__dates" }, Q5 = ["disabled", "onClick", "onMouseenter"], X5 = { key: 1 }, G5 = {
+}, Y5 = { class: "vt-datepicker__header" }, O5 = { class: "vt-datepicker__header-content" }, N5 = { class: "vt-datepicker__content" }, W5 = { class: "vt-datepicker__calendar" }, q5 = { class: "vt-datepicker__weekdays" }, U5 = { class: "vt-datepicker__dates" }, K5 = ["disabled", "onClick", "onMouseenter"], Q5 = { key: 1 }, X5 = {
   key: 0,
   class: "vt-datepicker__time"
-}, J5 = { class: "vt-datepicker__header" }, e6 = { class: "vt-datepicker__header-content" }, t6 = {
+}, G5 = { class: "vt-datepicker__header" }, J5 = { class: "vt-datepicker__header-content" }, e6 = {
   key: 2,
   class: "vt-datepicker__header-text"
-}, n6 = { class: "vt-datepicker__content" }, o6 = {
+}, t6 = { class: "vt-datepicker__content" }, n6 = {
   key: 0,
   class: "vt-datepicker__calendar"
-}, l6 = { class: "vt-datepicker__weekdays" }, s6 = { class: "vt-datepicker__dates" }, r6 = ["onClick", "onMouseenter"], i6 = {
+}, o6 = { class: "vt-datepicker__weekdays" }, l6 = { class: "vt-datepicker__dates" }, s6 = ["onClick", "onMouseenter"], r6 = {
   key: 1,
   class: "vt-datepicker__months"
-}, a6 = ["onClick", "onMouseenter"], u6 = {
+}, i6 = ["onClick", "onMouseenter"], a6 = {
   key: 2,
   class: "vt-datepicker__years"
-}, c6 = ["onClick", "onMouseenter"], d6 = {
+}, u6 = ["onClick", "onMouseenter"], c6 = {
   key: 0,
   class: "vt-datepicker__actions"
-}, h6 = /* @__PURE__ */ ke({
+}, d6 = /* @__PURE__ */ ke({
   __name: "VDatePicker",
   props: {
     modelValue: {},
@@ -6010,7 +6007,7 @@ const Qe = new j3(), F3 = {
       hasDisplayValue: P,
       formatOutput: te,
       validate: re
-    } = M2($, _, K, A), {
+    } = y2($, _, K, A), {
       calendarDates: oe,
       monthsInYear: he,
       yearsInDecade: ve,
@@ -6358,30 +6355,30 @@ const Qe = new j3(), F3 = {
         onClick: f,
         onFocus: q
       }, [
-        l("div", M5, [
-          l("div", $5, [
+        l("div", y5, [
+          l("div", M5, [
             Q(fe, {
               name: De.value ? "clock" : "calendar"
             }, null, 8, ["name"])
           ]),
-          Y(P) ? (s(), a("div", x5, [
+          Y(P) ? (s(), a("div", $5, [
             Y(H) ? (s(), a(ne, { key: 0 }, [
               l("span", null, E(Y(G)[0]), 1),
-              l("span", V5, E(e.rangeSeparator), 1),
+              l("span", x5, E(e.rangeSeparator), 1),
               l("span", null, E(Y(G)[1]), 1)
             ], 64)) : (s(), a(ne, { key: 1 }, [
               xe(E(Y(G)), 1)
             ], 64))
-          ])) : (s(), a("div", S5, [
+          ])) : (s(), a("div", V5, [
             Y(H) ? (s(), a(ne, { key: 0 }, [
               l("span", null, E(e.startPlaceholder), 1),
-              l("span", L5, E(e.rangeSeparator), 1),
+              l("span", S5, E(e.rangeSeparator), 1),
               l("span", null, E(e.endPlaceholder), 1)
             ], 64)) : (s(), a(ne, { key: 1 }, [
               xe(E(Me.value), 1)
             ], 64))
           ])),
-          l("div", D5, [
+          l("div", L5, [
             Z.value ? (s(), a("button", {
               key: 0,
               disabled: e.disabled,
@@ -6390,7 +6387,7 @@ const Qe = new j3(), F3 = {
               onClick: Le(_e, ["stop"])
             }, [
               Q(fe, { name: "close" })
-            ], 8, H5)) : O("", !0)
+            ], 8, D5)) : O("", !0)
           ])
         ])
       ], 544),
@@ -6413,9 +6410,9 @@ const Qe = new j3(), F3 = {
               l("div", {
                 class: U([{ "vt-datepicker__date-section--with-time": Ie.value }, "vt-datepicker__date-section"])
               }, [
-                Re.value ? (s(), a("div", T5, [
-                  l("div", I5, [
-                    Ie.value ? (s(), a("div", B5, [
+                Re.value ? (s(), a("div", H5, [
+                  l("div", T5, [
+                    Ie.value ? (s(), a("div", I5, [
                       Q(vt, {
                         ref_key: "startTimePickerRef",
                         ref: m,
@@ -6436,14 +6433,14 @@ const Qe = new j3(), F3 = {
                         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", E5, [
+                    l("div", B5, [
                       l("button", {
                         class: "vt-datepicker__nav-btn",
                         onClick: Vt
                       }, [
                         Q(fe, { name: "arrowLeft" })
                       ]),
-                      l("div", A5, [
+                      l("div", E5, [
                         l("button", {
                           class: "vt-datepicker__header-btn",
                           onClick: V[2] || (V[2] = (w) => o.viewMode.value = "month")
@@ -6451,15 +6448,15 @@ const Qe = new j3(), F3 = {
                       ]),
                       V[12] || (V[12] = l("div", { class: "vt-datepicker__nav-spacer" }, null, -1))
                     ]),
-                    l("div", P5, [
-                      l("div", R5, [
-                        l("div", j5, [
+                    l("div", A5, [
+                      l("div", P5, [
+                        l("div", R5, [
                           (s(!0), a(ne, null, pe(Y(kt), (w, T) => (s(), a("span", {
                             key: `${T}_${w}`,
                             class: "vt-datepicker__weekday"
                           }, E(w), 1))), 128))
                         ]),
-                        l("div", F5, [
+                        l("div", j5, [
                           (s(!0), a(ne, null, pe(Y(oe), (w) => (s(), a("button", {
                             key: w.getTime(),
                             class: U([
@@ -6478,13 +6475,13 @@ const Qe = new j3(), F3 = {
                             onClick: (T) => ae(w, !0, !1),
                             onMouseenter: (T) => be(w, !0, !1),
                             onMouseleave: Se
-                          }, E(w.getDate()), 43, Z5))), 128))
+                          }, E(w.getDate()), 43, F5))), 128))
                         ])
                       ])
                     ])
                   ]),
-                  l("div", z5, [
-                    Ie.value ? (s(), a("div", Y5, [
+                  l("div", Z5, [
+                    Ie.value ? (s(), a("div", z5, [
                       Q(vt, {
                         ref_key: "endTimePickerRef",
                         ref: h,
@@ -6505,9 +6502,9 @@ const Qe = new j3(), F3 = {
                         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", O5, [
+                    l("div", Y5, [
                       V[13] || (V[13] = l("div", { class: "vt-datepicker__nav-spacer" }, null, -1)),
-                      l("div", N5, [
+                      l("div", O5, [
                         l("button", {
                           class: "vt-datepicker__header-btn",
                           onClick: V[5] || (V[5] = (w) => o.viewMode.value = "month")
@@ -6520,15 +6517,15 @@ const Qe = new j3(), F3 = {
                         Q(fe, { name: "arrowRight" })
                       ])
                     ]),
-                    l("div", W5, [
-                      l("div", q5, [
-                        l("div", U5, [
+                    l("div", N5, [
+                      l("div", W5, [
+                        l("div", q5, [
                           (s(!0), a(ne, null, pe(Y(kt), (w, T) => (s(), a("span", {
                             key: `${T}_${w}`,
                             class: "vt-datepicker__weekday"
                           }, E(w), 1))), 128))
                         ]),
-                        l("div", K5, [
+                        l("div", U5, [
                           (s(!0), a(ne, null, pe(Y(le), (w) => (s(), a("button", {
                             key: w.getTime(),
                             class: U([
@@ -6547,13 +6544,13 @@ const Qe = new j3(), F3 = {
                             onClick: (T) => ae(w, !1, !0),
                             onMouseenter: (T) => be(w, !1, !0),
                             onMouseleave: Se
-                          }, E(w.getDate()), 43, Q5))), 128))
+                          }, E(w.getDate()), 43, K5))), 128))
                         ])
                       ])
                     ])
                   ])
-                ])) : (s(), a("div", X5, [
-                  Ie.value ? (s(), a("div", G5, [
+                ])) : (s(), a("div", Q5, [
+                  Ie.value ? (s(), a("div", X5, [
                     Q(vt, {
                       ref_key: "startTimePickerRef",
                       ref: m,
@@ -6574,14 +6571,14 @@ const Qe = new j3(), F3 = {
                       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", J5, [
+                  l("div", G5, [
                     l("button", {
                       class: "vt-datepicker__nav-btn",
                       onClick: Vt
                     }, [
                       Q(fe, { name: "arrowLeft" })
                     ]),
-                    l("div", e6, [
+                    l("div", J5, [
                       o.viewMode.value === "date" ? (s(), a("button", {
                         key: 0,
                         class: "vt-datepicker__header-btn",
@@ -6590,7 +6587,7 @@ const Qe = new j3(), F3 = {
                         key: 1,
                         class: "vt-datepicker__header-btn",
                         onClick: V[9] || (V[9] = (w) => o.viewMode.value = "year")
-                      }, E(o.currentDate.value.getFullYear()), 1)) : (s(), a("span", t6, E(Y(D)), 1))
+                      }, E(o.currentDate.value.getFullYear()), 1)) : (s(), a("span", e6, E(Y(D)), 1))
                     ]),
                     l("button", {
                       class: "vt-datepicker__nav-btn",
@@ -6599,15 +6596,15 @@ const Qe = new j3(), F3 = {
                       Q(fe, { name: "arrowRight" })
                     ])
                   ]),
-                  l("div", n6, [
-                    o.viewMode.value === "date" ? (s(), a("div", o6, [
-                      l("div", l6, [
+                  l("div", t6, [
+                    o.viewMode.value === "date" ? (s(), a("div", n6, [
+                      l("div", o6, [
                         (s(!0), a(ne, null, pe(Y(kt), (w, T) => (s(), a("span", {
                           key: `${T}_${w}`,
                           class: "vt-datepicker__weekday"
                         }, E(w), 1))), 128))
                       ]),
-                      l("div", s6, [
+                      l("div", l6, [
                         (s(!0), a(ne, null, pe(Y(oe), (w) => (s(), a("button", {
                           key: w.getTime(),
                           class: U([
@@ -6624,9 +6621,9 @@ const Qe = new j3(), F3 = {
                           onClick: (T) => ae(w),
                           onMouseenter: (T) => be(w),
                           onMouseleave: Se
-                        }, E(w.getDate()), 43, r6))), 128))
+                        }, E(w.getDate()), 43, s6))), 128))
                       ])
-                    ])) : o.viewMode.value === "month" ? (s(), a("div", i6, [
+                    ])) : o.viewMode.value === "month" ? (s(), a("div", r6, [
                       (s(!0), a(ne, null, pe(Y(he), (w, T) => (s(), a("button", {
                         key: w.name,
                         class: U([
@@ -6640,8 +6637,8 @@ const Qe = new j3(), F3 = {
                         onClick: (ie) => nt(T, !1),
                         onMouseenter: (ie) => dt(T, o.currentDate.value),
                         onMouseleave: Ct
-                      }, E(w.name), 43, a6))), 128))
-                    ])) : (s(), a("div", u6, [
+                      }, E(w.name), 43, i6))), 128))
+                    ])) : (s(), a("div", a6, [
                       (s(!0), a(ne, null, pe(Y(ve), (w) => (s(), a("button", {
                         key: w.year,
                         class: U([
@@ -6655,12 +6652,12 @@ const Qe = new j3(), F3 = {
                         onClick: (T) => n1(w.year),
                         onMouseenter: (T) => o1(w.year),
                         onMouseleave: l1
-                      }, E(w.year), 43, c6))), 128))
+                      }, E(w.year), 43, u6))), 128))
                     ]))
                   ])
                 ]))
               ], 2),
-              Ie.value ? (s(), a("div", d6, [
+              Ie.value ? (s(), a("div", c6, [
                 Q(Xe, { onClick: Ue }, {
                   default: Ve(() => V[14] || (V[14] = [
                     xe("Скасувати", -1)
@@ -6687,7 +6684,7 @@ const Qe = new j3(), F3 = {
       ])) : O("", !0)
     ], 2));
   }
-}), v6 = { class: "v-collapse" }, p6 = /* @__PURE__ */ ke({
+}), h6 = { class: "v-collapse" }, v6 = /* @__PURE__ */ ke({
   __name: "VCollapse",
   props: {
     modelValue: {},
@@ -6711,11 +6708,11 @@ const Qe = new j3(), F3 = {
           d > -1 ? h.splice(d, 1) : h.push(m), e("update:modelValue", h), e("change", h);
       }
     });
-    return ut("collapseContext", p), (m, h) => (s(), a("div", v6, [
+    return ut("collapseContext", p), (m, h) => (s(), a("div", h6, [
       He(m.$slots, "default")
     ]));
   }
-}), f6 = { class: "v-collapse-item__title" }, m6 = { class: "v-collapse-item__wrap" }, C6 = { class: "v-collapse-item__content" }, _6 = /* @__PURE__ */ ke({
+}), p6 = { class: "v-collapse-item__title" }, f6 = { class: "v-collapse-item__wrap" }, m6 = { class: "v-collapse-item__content" }, C6 = /* @__PURE__ */ ke({
   __name: "VCollapseItem",
   props: {
     title: {},
@@ -6749,7 +6746,7 @@ const Qe = new j3(), F3 = {
         class: U([{ "is-active": c.value }, "v-collapse-item__header"]),
         onClick: v
       }, [
-        l("div", f6, [
+        l("div", p6, [
           He(C.$slots, "title", {
             isActive: c.value,
             title: C.title
@@ -6771,8 +6768,8 @@ const Qe = new j3(), F3 = {
         onAfterLeave: d
       }, {
         default: Ve(() => [
-          ot(l("div", m6, [
-            l("div", C6, [
+          ot(l("div", f6, [
+            l("div", m6, [
               He(C.$slots, "default")
             ])
           ], 512), [
@@ -6783,7 +6780,7 @@ const Qe = new j3(), F3 = {
       })
     ], 2));
   }
-}), g6 = { class: "vt-tabs" }, w6 = { class: "vt-tabs__nav" }, k6 = ["onClick"], b6 = { key: 1 }, y6 = ["onClick"], M6 = { class: "vt-tabs__content" }, $6 = /* @__PURE__ */ ke({
+}), _6 = { class: "vt-tabs" }, g6 = { class: "vt-tabs__nav" }, w6 = ["onClick"], k6 = { key: 1 }, b6 = ["onClick"], y6 = { class: "vt-tabs__content" }, M6 = /* @__PURE__ */ ke({
   __name: "VTabs",
   props: {
     modelValue: { default: void 0 }
@@ -6818,8 +6815,8 @@ const Qe = new j3(), F3 = {
       addTab: p,
       removeTab: m,
       selectTab: h
-    }), (C, o) => (s(), a("div", g6, [
-      l("div", w6, [
+    }), (C, o) => (s(), a("div", _6, [
+      l("div", g6, [
         (s(!0), a(ne, null, pe(v.value, ($) => (s(), a("div", {
           key: $.name,
           class: U([{
@@ -6837,7 +6834,7 @@ const Qe = new j3(), F3 = {
               name: $.icon,
               class: "vt-tab-icon"
             }, null, 8, ["name"])) : O("", !0),
-            $.label ? (s(), a("span", b6, E($.label), 1)) : O("", !0)
+            $.label ? (s(), a("span", k6, E($.label), 1)) : O("", !0)
           ], 64)),
           $.closable ? (s(), a("span", {
             key: 2,
@@ -6845,15 +6842,15 @@ const Qe = new j3(), F3 = {
             onClick: Le((_) => m($.name), ["stop"])
           }, [
             Q(fe, { name: "close" })
-          ], 8, y6)) : O("", !0)
-        ], 10, k6))), 128))
+          ], 8, b6)) : O("", !0)
+        ], 10, w6))), 128))
       ]),
-      l("div", M6, [
+      l("div", y6, [
         He(C.$slots, "default")
       ])
     ]));
   }
-}), x6 = { class: "vt-tabs__pane" }, V6 = /* @__PURE__ */ ke({
+}), $6 = { class: "vt-tabs__pane" }, x6 = /* @__PURE__ */ ke({
   __name: "VTabItem",
   props: {
     label: { default: "" },
@@ -6879,7 +6876,7 @@ const Qe = new j3(), F3 = {
       });
     }), Ot(() => {
       u.removeTab(t.name);
-    }), (i, c) => ot((s(), a("div", x6, [
+    }), (i, c) => ot((s(), a("div", $6, [
       He(i.$slots, "default")
     ], 512)), [
       [qt, e.value]
@@ -6976,7 +6973,7 @@ const Qe = new j3(), F3 = {
   });
 }, 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"), S6 = {
+}, Zt = (n) => n.scrollWidth > n.clientWidth || n.scrollHeight > n.clientHeight, zt = (n) => !!n.closest(".vt-table, table"), V6 = {
   mounted(n, t) {
     var m;
     const u = (m = t.value) == null ? void 0 : m.trim();
@@ -7013,10 +7010,10 @@ const Qe = new j3(), F3 = {
   beforeUnmount(n) {
     n.__tooltipEl && n.__tooltipEl.parentElement && (n.__tooltipEl.parentElement.removeChild(n.__tooltipEl), delete n.__tooltipEl), n.__mouseenterHandler && (n.removeEventListener("mouseenter", n.__mouseenterHandler), delete n.__mouseenterHandler), n.__mouseleaveHandler && (n.removeEventListener("mouseleave", n.__mouseleaveHandler), delete n.__mouseleaveHandler), n.__scrollHandler && (window.removeEventListener("scroll", n.__scrollHandler, !0), window.removeEventListener("resize", n.__scrollHandler), delete n.__scrollHandler);
   }
-}, L6 = { class: "vt-message-container" }, D6 = { class: "vt-message-icon" }, H6 = { class: "vt-message-content" }, T6 = ["innerHTML"], I6 = {
+}, S6 = { class: "vt-message-container" }, L6 = { class: "vt-message-icon" }, D6 = { class: "vt-message-content" }, H6 = ["innerHTML"], T6 = {
   key: 1,
   class: "vt-message-text"
-}, B6 = ["onClick"], E6 = /* @__PURE__ */ ke({
+}, I6 = ["onClick"], B6 = /* @__PURE__ */ ke({
   __name: "VMessage",
   setup(n, { expose: t }) {
     const u = L([]);
@@ -7046,7 +7043,7 @@ const Qe = new j3(), F3 = {
       addMessage: c,
       removeMessage: v
     }), (p, m) => (s(), we(lt, { to: "body" }, [
-      l("div", L6, [
+      l("div", S6, [
         Q(i1, {
           name: "vt-message",
           tag: "div"
@@ -7060,18 +7057,18 @@ const Qe = new j3(), F3 = {
                 { "vt-message-item--closable": h.showClose }
               ])
             }, [
-              l("div", D6, [
+              l("div", L6, [
                 Q(fe, {
                   color: h.type === "primary" ? "#00475A" : "",
                   name: i(h.type)
                 }, null, 8, ["color", "name"])
               ]),
-              l("div", H6, [
+              l("div", D6, [
                 h.dangerouslyUseHTMLString ? (s(), a("div", {
                   key: 0,
                   class: "vt-message-text",
                   innerHTML: h.message
-                }, null, 8, T6)) : (s(), a("div", I6, E(h.message), 1))
+                }, null, 8, H6)) : (s(), a("div", T6, E(h.message), 1))
               ]),
               h.showClose ? (s(), a("button", {
                 key: 0,
@@ -7080,7 +7077,7 @@ const Qe = new j3(), F3 = {
                 onClick: (d) => v(h.id)
               }, [
                 Q(fe, { name: "close" })
-              ], 8, B6)) : O("", !0)
+              ], 8, I6)) : O("", !0)
             ], 2))), 128))
           ]),
           _: 1
@@ -7089,7 +7086,7 @@ const Qe = new j3(), F3 = {
     ]));
   }
 });
-class A6 {
+class E6 {
   constructor() {
     this.messageInstance = null, this.app = null, this.container = null;
   }
@@ -7126,10 +7123,10 @@ class A6 {
     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 = Nt(E6), 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 = Nt(B6), this.messageInstance = this.app.mount(this.container), this.messageInstance);
   }
 }
-const Ne = new A6(), Yt = Object.assign(
+const Ne = new E6(), Yt = Object.assign(
   (n = {}) => Ne.call(n),
   {
     success: (n, t = {}) => Ne.success(n, t),
@@ -7143,7 +7140,7 @@ const Ne = new A6(), Yt = Object.assign(
       Ne.closeAll();
     }
   }
-), P6 = {
+), A6 = {
   install(n) {
     n.config.globalProperties.$message = Yt, n.provide("$message", Yt), n.config.globalProperties.$messageStack = {
       closeAll: () => Ne.closeAll(),
@@ -7151,63 +7148,63 @@ const Ne = new A6(), Yt = Object.assign(
       closeById: (t) => Ne.close(t)
     };
   }
-}, W6 = {
+}, N6 = {
   sortable: !0,
   actionColumn: !1,
   showOverflowTooltip: !0,
   visible: !0,
   pinnedLeft: !1,
   pinnedRight: !1
-}, R6 = {
+}, P6 = {
   install(n, t = {}) {
     const { prefix: u = "V", modal: e = !0, message: i = !0 } = t;
-    n.component(`${u}Button`, Xe), n.component(`${u}Icon`, fe), n.component(`${u}Loader`, pt), n.component(`${u}Modal`, Ut), n.component(`${u}Pagination`, V3), n.component(`${u}Checkbox`, Je), n.component(`${u}Radiobox`, D3), n.component(`${u}Table`, C2), n.component(`${u}TableColumn`, _2), n.component(`${u}Dropdown`, e1), n.component(`${u}DropdownItem`, yt), n.component(`${u}Input`, Qt), n.component(`${u}Select`, Xt), n.component(`${u}Option`, Gt), n.component(`${u}DatePicker`, h6), n.component(`${u}TimePicker`, vt), n.component(`${u}Collapse`, p6), n.component(`${u}CollapseItem`, _6), n.component(`${u}Tabs`, $6), n.component(`${u}TabItem`, V6), n.directive("tooltip", S6), e && n.use(F3), i && n.use(P6);
+    n.component(`${u}Button`, Xe), n.component(`${u}Icon`, fe), n.component(`${u}Loader`, pt), n.component(`${u}Modal`, Ut), n.component(`${u}Pagination`, V3), n.component(`${u}Checkbox`, Je), n.component(`${u}Radiobox`, D3), n.component(`${u}Table`, m2), n.component(`${u}TableColumn`, C2), n.component(`${u}Dropdown`, e1), n.component(`${u}DropdownItem`, yt), n.component(`${u}Input`, Qt), n.component(`${u}Select`, Xt), n.component(`${u}Option`, Gt), n.component(`${u}DatePicker`, d6), n.component(`${u}TimePicker`, vt), n.component(`${u}Collapse`, v6), n.component(`${u}CollapseItem`, C6), n.component(`${u}Tabs`, M6), n.component(`${u}TabItem`, x6), n.directive("tooltip", V6), e && n.use(j3), i && n.use(A6);
   }
-}, q6 = R6.install;
+}, W6 = P6.install;
 export {
-  W6 as DEFAULT_COLUMN_CONFIG,
-  w2 as DEFAULT_FORMATS,
+  N6 as DEFAULT_COLUMN_CONFIG,
+  g2 as DEFAULT_FORMATS,
   ht as DEFAULT_TIME_FORMATS,
   Jt as DropdownContextKey,
-  O6 as FORMAT_TOKENS,
-  g2 as MONTH_NAMES,
+  Y6 as FORMAT_TOKENS,
+  _2 as MONTH_NAMES,
   t1 as MONTH_NAMES_SHORT,
   Xe as VButton,
   Je as VCheckbox,
-  p6 as VCollapse,
-  _6 as VCollapseItem,
-  h6 as VDatePicker,
+  v6 as VCollapse,
+  C6 as VCollapseItem,
+  d6 as VDatePicker,
   e1 as VDropdown,
   yt as VDropdownItem,
   fe as VIcon,
   Qt as VInput,
   pt as VLoader,
   Yt as VMessage,
-  P6 as VMessagePlugin,
+  A6 as VMessagePlugin,
   Ut as VModal,
-  F3 as VModalPlugin,
+  j3 as VModalPlugin,
   Gt as VOption,
   V3 as VPagination,
   D3 as VRadiobox,
   Xt as VSelect,
-  V6 as VTabItem,
-  C2 as VTable,
-  _2 as VTableColumn,
-  $6 as VTabs,
+  x6 as VTabItem,
+  m2 as VTable,
+  C2 as VTableColumn,
+  M6 as VTabs,
   vt as VTimePicker,
   Kt as VtSelectContextKey,
-  N6 as WEEKDAY_NAMES,
+  O6 as WEEKDAY_NAMES,
   kt as WEEKDAY_NAMES_SHORT,
-  R6 as default,
-  x2 as formatTime,
+  P6 as default,
+  $2 as formatTime,
   bt as generateTimeOptions,
-  q6 as install,
+  W6 as install,
   Et as isValidDate,
   Mt as isValidTimeString,
   Ne as messageManager,
   Qe as modalManager,
-  V2 as parseTimeString,
-  S6 as tooltipDirective,
-  b2 as validateDateValue,
-  $2 as validateTimeValue
+  x2 as parseTimeString,
+  V6 as tooltipDirective,
+  k2 as validateDateValue,
+  M2 as validateTimeValue
 };