voiptime-components 1.21.64 → 1.21.65

package/dist/index.d.ts

@@ -269,6 +269,7 @@ declare const __VLS_component_5: DefineComponent<__VLS_PublicProps, {
     }) => any;
     "columns-change": (columns: VTableColumnProps[]) => any;
     "infinity-scroll": () => any;
+    "update:sort": (value: SortState | null) => any;
 }, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onCurrent-change"?: ((payload: {
         currentRow: Record<string, any> | null;
@@ -307,6 +308,7 @@ declare const __VLS_component_5: DefineComponent<__VLS_PublicProps, {
     }) => any) | undefined;
     "onColumns-change"?: ((columns: VTableColumnProps[]) => any) | undefined;
     "onInfinity-scroll"?: (() => any) | undefined;
+    "onUpdate:sort"?: ((value: SortState | null) => any) | undefined;
 }>, {
     maxHeight: number | string;
     selectable: boolean;
@@ -529,6 +531,7 @@ declare type __VLS_Props_2 = {
 
 declare type __VLS_PublicProps = {
     'columns'?: VTableColumnProps[] | undefined;
+    'sort'?: SortState | null;
 } & __VLS_Props;
 
 declare function __VLS_template(): {

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { createElementBlock as d, openBlock as c, createElementVNode as o, createStaticVNode as G1, defineComponent as X1, computed as T, createBlock as C1, createCommentVNode as O, resolveDynamicComponent as It, normalizeStyle as L1, useSlots as Ft, resolveDirective as Bt, withDirectives as ct, normalizeClass as c1, renderSlot as U1, Teleport as Vt, withModifiers as P1, toDisplayString as K, createTextVNode as J1, ref as j, onUnmounted as ot, nextTick as z1, isRef as gt, readonly as ai, getCurrentInstance as ri, inject as Mt, watch as R1, onMounted as _1, createVNode as r1, Fragment as a1, renderList as b1, provide as kt, unref as z, Transition as Et, withCtx as j1, onBeforeUnmount as xt, createApp as Oe, h as te, mergeModels as Ht, useModel as ne, reactive as At, toRef as Jt, toRefs as ui, vShow as Kt, withKeys as oe, shallowRef as ye, mergeProps as mi, TransitionGroup as hi } from "vue";
+import { createElementBlock as d, openBlock as c, createElementVNode as o, createStaticVNode as G1, defineComponent as X1, computed as T, createBlock as C1, createCommentVNode as O, resolveDynamicComponent as It, normalizeStyle as L1, useSlots as Ft, resolveDirective as At, withDirectives as ct, normalizeClass as c1, renderSlot as U1, Teleport as Vt, withModifiers as P1, toDisplayString as K, createTextVNode as J1, ref as j, onUnmounted as ot, nextTick as z1, isRef as gt, readonly as ai, getCurrentInstance as ri, inject as Mt, watch as R1, onMounted as _1, createVNode as r1, Fragment as a1, renderList as b1, provide as kt, unref as z, Transition as Et, withCtx as j1, onBeforeUnmount as xt, createApp as Oe, h as ee, mergeModels as Ht, useModel as Qt, reactive as $t, toRef as Jt, toRefs as ui, vShow as Kt, withKeys as oe, shallowRef as ye, mergeProps as mi, TransitionGroup as hi } from "vue";
 const V = (e, t) => {
   const i = e.__vccOpts || e;
   for (const [s, l] of t)
@@ -4592,7 +4592,7 @@ const Ju = /* @__PURE__ */ V(wu, [["render", xu]]), gu = {
 function ju(e, t) {
   return c(), d("span", vu);
 }
-const Qt = /* @__PURE__ */ V(Ku, [["render", ju]]), Fu = ["data-placement", "disabled", "type"], Uu = {
+const _t = /* @__PURE__ */ V(Ku, [["render", ju]]), Fu = ["data-placement", "disabled", "type"], Uu = {
   key: 2,
   class: "vt-button__content"
 }, q1 = /* @__PURE__ */ X1({
@@ -4630,7 +4630,7 @@ const Qt = /* @__PURE__ */ V(Ku, [["render", ju]]), Fu = ["data-placement", "dis
       !i.disabled && !i.loading && s("click", y);
     };
     return (y, b) => {
-      const W = Bt("tooltip");
+      const W = At("tooltip");
       return ct((c(), d("button", {
         class: c1(u.value),
         "data-placement": i.tooltipPlacement,
@@ -4639,7 +4639,7 @@ const Qt = /* @__PURE__ */ V(Ku, [["render", ju]]), Fu = ["data-placement", "dis
         type: i.htmlType,
         onClick: Z
       }, [
-        i.loading ? (c(), C1(Qt, {
+        i.loading ? (c(), C1(_t, {
           key: 0,
           class: "vt-button__icon"
         })) : i.icon ? (c(), C1(W1, {
@@ -4900,7 +4900,7 @@ const Qt = /* @__PURE__ */ V(Ku, [["render", ju]]), Fu = ["data-placement", "dis
     transformOrigin: "center top"
   };
 };
-function $t(e, t, i = {}) {
+function qt(e, t, i = {}) {
   const {
     trigger: s = "click",
     placement: l = "bottom-start",
@@ -5959,7 +5959,7 @@ const om = ["for"], cm = {
       hide: n1,
       toggle: u1,
       updatePosition: F1
-    } = $t(u, I, {
+    } = qt(u, I, {
       trigger: "click",
       placement: "bottom-start",
       showTimeout: 250,
@@ -6245,7 +6245,7 @@ const om = ["for"], cm = {
     }), ot(() => {
       document.removeEventListener("click", at), window.removeEventListener("resize", g1);
     }), (k, $) => {
-      const Z1 = Bt("tooltip");
+      const Z1 = At("tooltip");
       return c(), d("div", {
         ref_key: "selectRef",
         ref: r,
@@ -6323,7 +6323,7 @@ const om = ["for"], cm = {
             ])) : k.outlined ? O("", !0) : (c(), d("span", Jm, K(C.value), 1))
           ]),
           o("div", gm, [
-            k.loading ? (c(), C1(Qt, {
+            k.loading ? (c(), C1(_t, {
               key: 0,
               class: "vt-select__loading"
             })) : B.value ? (c(), d("button", {
@@ -6436,7 +6436,7 @@ const om = ["for"], cm = {
                     ])
                   ], 42, Dm))), 128)),
                   k.loading ? (c(), d("div", Em, [
-                    r1(Qt, { class: "vt-select-dropdown__loading-icon" }),
+                    r1(_t, { class: "vt-select-dropdown__loading-icon" }),
                     J1(" " + K(E.value), 1)
                   ])) : O("", !0)
                 ], 36))
@@ -6965,7 +6965,7 @@ const u4 = (e, t, i = "asc") => {
     const u = n[s.prop], I = r[s.prop];
     return l(u, I, t.direction);
   });
-}, Qe = Symbol("dropdown-context"), I4 = 300, qt = /* @__PURE__ */ X1({
+}, Qe = Symbol("dropdown-context"), I4 = 300, te = /* @__PURE__ */ X1({
   __name: "VDropdown",
   props: {
     trigger: { default: "hover" },
@@ -6982,7 +6982,7 @@ const u4 = (e, t, i = "asc") => {
   },
   emits: ["visible-change", "click", "command", "scrolled"],
   setup(e, { expose: t, emit: i }) {
-    const s = e, l = i, n = j(), r = j(), u = j(), I = j(), h = j(!1), Z = j(!1), y = j(null), { visible: b, parentVisible: W, dropdownPosition: p, show: C, hide: m, toggle: E } = $t(
+    const s = e, l = i, n = j(), r = j(), u = j(), I = j(), h = j(!1), Z = j(!1), y = j(null), { visible: b, parentVisible: W, dropdownPosition: p, show: C, hide: m, toggle: E } = qt(
       r,
       u,
       {
@@ -7085,7 +7085,7 @@ const u4 = (e, t, i = "asc") => {
       ])) : O("", !0)
     ], 544));
   }
-}), _t = /* @__PURE__ */ X1({
+}), Bt = /* @__PURE__ */ X1({
   __name: "VDropdownItem",
   props: {
     command: {},
@@ -7136,7 +7136,7 @@ class Z4 {
             mt.closeById(i);
           }, 100);
         };
-        return () => te(
+        return () => ee(
           fe,
           {
             modelValue: l.value,
@@ -7149,7 +7149,7 @@ class Z4 {
             zIndex: n
           },
           {
-            default: () => t.component ? te(t.component, t.props || {}) : t.content ? te("div", { innerHTML: t.content }) : null
+            default: () => t.component ? ee(t.component, t.props || {}) : t.content ? ee("div", { innerHTML: t.content }) : null
           }
         );
       }
@@ -7554,13 +7554,13 @@ const mt = new Z4(), p4 = {
         closeOnBackdropClick: !1
       });
     };
-    return (y, b) => (c(), C1(qt, {
+    return (y, b) => (c(), C1(te, {
       placement: "bottom-start",
       trigger: "click",
       onCommand: r
     }, {
       dropdown: j1(() => [
-        r1(_t, { command: "pin" }, {
+        r1(Bt, { command: "pin" }, {
           default: j1(() => [
             r1(W1, {
               name: n() ? "unfreeze" : "freeze"
@@ -7569,7 +7569,7 @@ const mt = new Z4(), p4 = {
           ]),
           _: 1
         }),
-        r1(_t, { command: "columns" }, {
+        r1(Bt, { command: "columns" }, {
           default: j1(() => [
             r1(W1, { name: "columnInsert" }),
             o("div", null, K(z(l)(z(a).TABLE_COLUMNS)), 1)
@@ -7607,7 +7607,7 @@ const mt = new Z4(), p4 = {
 }, R4 = ["colspan"], O4 = ["draggable", "onClick", "onDblclick", "onDragenter", "onDragover", "onDragstart", "onDrop"], f4 = { class: "vt-table__cell-content vt-table__cell-content--selection" }, D4 = { class: "vt-table__cell-content vt-table__drag-handle" }, P4 = { class: "vt-table__cell-content vt-table__cell-content--ellipsis" }, E4 = { key: 1 }, H4 = ["data-resizer", "onMousedown"], Q4 = {
   key: 1,
   class: "vt-table__summary"
-}, _4 = { class: "vt-table__cell-content vt-table__cell-content--summary" }, zt = 40, ee = 40, B4 = /* @__PURE__ */ X1({
+}, _4 = { class: "vt-table__cell-content vt-table__cell-content--summary" }, zt = 40, ie = 40, B4 = /* @__PURE__ */ X1({
   __name: "VTable",
   props: /* @__PURE__ */ Ht({
     data: {},
@@ -7634,33 +7634,37 @@ const mt = new Z4(), p4 = {
       required: !1,
       default: void 0
     },
-    columnsModifiers: {}
+    columnsModifiers: {},
+    sort: {
+      default: null
+    },
+    sortModifiers: {}
   }),
-  emits: /* @__PURE__ */ Ht(["sort-change", "selection-change", "current-change", "row-click", "row-dblclick", "update:columns", "column-pin", "column-resize", "column-visibility", "column-sort", "columns-change", "infinity-scroll", "row-reorder", "update:data"], ["update:columns"]),
+  emits: /* @__PURE__ */ Ht(["sort-change", "selection-change", "current-change", "row-click", "row-dblclick", "update:columns", "column-pin", "column-resize", "column-visibility", "column-sort", "columns-change", "infinity-scroll", "row-reorder", "update:data"], ["update:columns", "update:sort"]),
   setup(e, { expose: t, emit: i }) {
-    const s = e, { t: l } = v1(), n = i, r = ne(e, "columns"), u = j({}), I = j(), h = At([]), Z = j([]), y = j(s.defaultSort || null), b = j(!1), W = T(() => h4(s.data || [], y.value, h)), p = T(() => r.value !== void 0), C = T(() => s.data && s.data.length > 0), m = j(!1), E = j(0);
+    const s = e, { t: l } = v1(), n = i, r = Qt(e, "columns"), u = Qt(e, "sort"), I = j({}), h = j(), Z = $t([]), y = j([]), b = j(!1), W = T(() => h4(s.data || [], u.value, Z)), p = T(() => r.value !== void 0), C = T(() => s.data && s.data.length > 0), m = j(!1), E = j(0);
     let v;
     const w = (o1, h1) => s.rowKey && o1[s.rowKey] != null ? String(o1[s.rowKey]) : String(h1);
     R1(
       () => r.value,
       (o1) => {
-        o1 && p.value && (h.length = 0, h.push(...o1));
+        o1 && p.value && (Z.length = 0, Z.push(...o1));
       },
       { deep: !0 }
     ), R1(
       () => s.columns,
       (o1) => {
-        o1 && !p.value && (h.length = 0, h.push(...o1));
+        o1 && !p.value && (Z.length = 0, Z.push(...o1));
       },
       { deep: !0 }
     ), R1(
-      h,
+      Z,
       (o1) => {
-        !b.value && o1.length > 0 && (Z.value = o1.map((h1) => ({ ...h1 })), b.value = !0);
+        !b.value && o1.length > 0 && (y.value = o1.map((h1) => ({ ...h1 })), b.value = !0);
       },
       { deep: !0 }
-    ), kt("vt-table-columns", h);
-    const { sortedColumns: J, getDefaultColumnWidth: x, getStickyOffset: L } = o4(h), { getTableWrapperStyle: Y, getColumnStyle: U, getHeaderStyle: g, getFooterStyle: M } = c4(s), { onMouseDown: H } = d4(), Q = T(() => s.allData || s.data), F = s.selectable ? a4(s, W, n, Q) : null, R = s.rowDraggable ? r4(() => W.value, n) : null, e1 = () => ({
+    ), kt("vt-table-columns", Z);
+    const { sortedColumns: J, getDefaultColumnWidth: x, getStickyOffset: L } = o4(Z), { getTableWrapperStyle: Y, getColumnStyle: U, getHeaderStyle: g, getFooterStyle: M } = c4(s), { onMouseDown: H } = d4(), Q = T(() => s.allData || s.data), F = s.selectable ? a4(s, W, n, Q) : null, R = s.rowDraggable ? r4(() => W.value, n) : null, e1 = () => ({
       width: `${zt}px`,
       minWidth: `${zt}px`,
       maxWidth: `${zt}px`,
@@ -7670,9 +7674,9 @@ const mt = new Z4(), p4 = {
     }), l1 = () => {
       const o1 = s.selectable ? zt : 0;
       return {
-        width: `${ee}px`,
-        minWidth: `${ee}px`,
-        maxWidth: `${ee}px`,
+        width: `${ie}px`,
+        minWidth: `${ie}px`,
+        maxWidth: `${ie}px`,
         left: `${o1}px`,
         position: "sticky",
         zIndex: 10
@@ -7706,49 +7710,49 @@ const mt = new Z4(), p4 = {
         zIndex: 12
       } : o1;
     }, D = () => {
-      if (!I.value || m.value) return;
-      const o1 = I.value, h1 = o1.scrollTop, p1 = o1.scrollHeight, S1 = o1.clientHeight, Y1 = 30;
+      if (!h.value || m.value) return;
+      const o1 = h.value, h1 = o1.scrollTop, p1 = o1.scrollHeight, S1 = o1.clientHeight, Y1 = 30;
       v && clearTimeout(v), v = setTimeout(() => {
         const q = h1 - E.value > 1, G = p1 - h1 - S1 <= Y1, i1 = p1 - h1 - S1 <= 5;
         E.value = h1, q && (G || i1) && (m.value = !0, n("infinity-scroll"), m.value = !1);
       }, 50);
     };
     _1(() => {
-      I.value && I.value.addEventListener("scroll", D);
+      h.value && h.value.addEventListener("scroll", D);
     }), ot(() => {
-      v && clearTimeout(v), I.value && I.value.removeEventListener("scroll", D);
+      v && clearTimeout(v), h.value && h.value.removeEventListener("scroll", D);
     });
     const d1 = (o1, h1) => {
       m4(o1, h1, (p1) => {
         var S1, Y1;
-        ((S1 = y.value) == null ? void 0 : S1.prop) === o1.prop && y.value.direction === h1 ? y.value = null : y.value = p1, n("sort-change", {
+        ((S1 = u.value) == null ? void 0 : S1.prop) === o1.prop && u.value.direction === h1 ? u.value = null : u.value = p1, n("sort-change", {
           column: o1,
-          direction: ((Y1 = y.value) == null ? void 0 : Y1.direction) || null,
+          direction: ((Y1 = u.value) == null ? void 0 : Y1.direction) || null,
           prop: o1.prop,
           sortedData: W.value
         });
       });
     }, n1 = (o1, h1) => {
       var _;
-      const p1 = (_ = u.value[o1.prop]) == null ? void 0 : _.getBoundingClientRect().width, S1 = Number(o1.width) || (p1 ? Math.round(p1) : void 0), Y1 = {
+      const p1 = (_ = I.value[o1.prop]) == null ? void 0 : _.getBoundingClientRect().width, S1 = Number(o1.width) || (p1 ? Math.round(p1) : void 0), Y1 = {
         pinnedLeft: h1 === "left",
         pinnedRight: h1 === "right",
         width: S1
       };
       F1(o1.prop, Y1), n("column-pin", { column: { ...o1, ...Y1 }, position: h1 });
     }, u1 = (o1) => {
-      h.splice(0, h.length, ...o1), p.value && (r.value = [...o1]), n("columns-change", [...o1]);
+      Z.splice(0, Z.length, ...o1), p.value && (r.value = [...o1]), n("columns-change", [...o1]);
     }, F1 = (o1, h1) => {
-      const p1 = h.findIndex((S1) => S1.prop === o1);
+      const p1 = Z.findIndex((S1) => S1.prop === o1);
       if (p1 !== -1) {
-        if (Object.assign(h[p1], h1), p.value && r.value) {
+        if (Object.assign(Z[p1], h1), p.value && r.value) {
           const S1 = r.value.findIndex((Y1) => Y1.prop === o1);
           if (S1 !== -1) {
             const Y1 = [...r.value];
             Y1[S1] = { ...Y1[S1], ...h1 }, r.value = Y1;
           }
         }
-        n("columns-change", [...h]);
+        n("columns-change", [...Z]);
       }
     }, K1 = (o1, h1, p1) => {
       n("row-click", { row: o1, column: h1, event: p1 }), s.highlightCurrentRow && F && F.setCurrentRow(o1);
@@ -7759,7 +7763,7 @@ const mt = new Z4(), p4 = {
     }, it = (o1, h1) => {
       h1.stopPropagation(), F && F.toggleAllSelection();
     }, H1 = (o1, h1) => {
-      o1 && (u.value[h1] = o1);
+      o1 && (I.value[h1] = o1);
     }, S = (o1, h1) => {
       const p1 = h1.width || x();
       H(o1, h1, x, (S1) => {
@@ -7790,7 +7794,7 @@ const mt = new Z4(), p4 = {
       return p1 == null ? "" : typeof p1 == "string" && p1.includes("<") ? O1(p1) : String(p1);
     }, B1 = T(() => {
       if (!s.showSummary || !C.value) return {};
-      const o1 = h;
+      const o1 = Z;
       if (typeof s.summaryMethod == "function") {
         const h1 = s.summaryMethod({ columns: o1, data: W.value });
         return o1.reduce(
@@ -7835,10 +7839,10 @@ const mt = new Z4(), p4 = {
       setSelectionRows: A1
     }), (o1, h1) => {
       var S1, Y1, _, q;
-      const p1 = Bt("tooltip");
+      const p1 = At("tooltip");
       return c(), d("div", {
         ref_key: "tableWrapperRef",
-        ref: I,
+        ref: h,
         style: L1(z(Y)()),
         class: "vt-table-wrapper",
         onScroll: D
@@ -7898,12 +7902,12 @@ const mt = new Z4(), p4 = {
                   ]),
                   G.sortable && !G.manage ? (c(), d("div", F4, [
                     r1(W1, {
-                      class: c1(z(Le)(G, y.value).asc),
+                      class: c1(z(Le)(G, u.value).asc),
                       name: "arrowTop",
                       onClick: P1((M1) => d1(G, "asc"), ["stop"])
                     }, null, 8, ["class", "onClick"]),
                     r1(W1, {
-                      class: c1(z(Le)(G, y.value).desc),
+                      class: c1(z(Le)(G, u.value).desc),
                       name: "arrowDown",
                       onClick: P1((M1) => d1(G, "desc"), ["stop"])
                     }, null, 8, ["class", "onClick"])
@@ -7913,7 +7917,7 @@ const mt = new Z4(), p4 = {
                     "all-columns": z(J),
                     column: G,
                     columnsSelector: s.columnsSelector,
-                    "default-columns": Z.value,
+                    "default-columns": y.value,
                     onPin: n1,
                     onUpdateColumns: u1
                   }, null, 8, ["all-columns", "column", "columnsSelector", "default-columns"])) : O("", !0)
@@ -8527,7 +8531,7 @@ const mt = new Z4(), p4 = {
     }
   }
   return null;
-}, ie = (e = 0, t = 59, i = 1, s = []) => {
+}, le = (e = 0, t = 59, i = 1, s = []) => {
   const l = [];
   for (let n = e; n <= t; n += i)
     l.push({
@@ -8668,13 +8672,13 @@ const mt = new Z4(), p4 = {
         // НОВИЙ КЛАС
       }
     ]), x = T(() => l.errorMessage ? l.errorMessage : ""), L = j(0), Y = j(0), U = j(0), g = j("AM"), M = j(0), H = j(0), Q = j(0), F = j("AM"), R = T(() => {
-      const _ = l.use12Hours ? 12 : 23, q = l.use12Hours ? 1 : 0, G = l.disabledHours ? l.disabledHours() : [], i1 = ie(q, _, l.hourStep, G);
+      const _ = l.use12Hours ? 12 : 23, q = l.use12Hours ? 1 : 0, G = l.disabledHours ? l.disabledHours() : [], i1 = le(q, _, l.hourStep, G);
       return l.hideDisabledOptions ? i1.filter((M1) => !M1.disabled) : i1;
     }), e1 = T(() => {
-      const _ = l.use12Hours ? g.value === "PM" && L.value !== 12 ? L.value + 12 : g.value === "AM" && L.value === 12 ? 0 : L.value : L.value, q = l.disabledMinutes ? l.disabledMinutes(_) : [], G = ie(0, 59, l.minuteStep, q);
+      const _ = l.use12Hours ? g.value === "PM" && L.value !== 12 ? L.value + 12 : g.value === "AM" && L.value === 12 ? 0 : L.value : L.value, q = l.disabledMinutes ? l.disabledMinutes(_) : [], G = le(0, 59, l.minuteStep, q);
       return l.hideDisabledOptions ? G.filter((i1) => !i1.disabled) : G;
     }), l1 = T(() => {
-      const _ = l.use12Hours ? g.value === "PM" && L.value !== 12 ? L.value + 12 : g.value === "AM" && L.value === 12 ? 0 : L.value : L.value, q = l.disabledSeconds ? l.disabledSeconds(_, Y.value) : [], G = ie(0, 59, l.secondStep, q);
+      const _ = l.use12Hours ? g.value === "PM" && L.value !== 12 ? L.value + 12 : g.value === "AM" && L.value === 12 ? 0 : L.value : L.value, q = l.disabledSeconds ? l.disabledSeconds(_, Y.value) : [], G = le(0, 59, l.secondStep, q);
       return l.hideDisabledOptions ? G.filter((i1) => !i1.disabled) : G;
     }), I1 = T(() => ["AM", "PM"]), k1 = T(() => l.outlined ? h.isFocused.value || d1.value || E.value : !1), X = T(() => l.placeholder || s(a.TIME_PICKER_PLACEHOLDER)), f = T(() => l.startPlaceholder || s(a.TIME_PICKER_START_PLACEHOLDER)), D = T(() => l.endPlaceholder || s(a.TIME_PICKER_END_PLACEHOLDER)), {
       visible: d1,
@@ -8684,7 +8688,7 @@ const mt = new Z4(), p4 = {
       hide: K1,
       toggle: V1,
       updatePosition: T1
-    } = $t(u, I, {
+    } = qt(u, I, {
       trigger: "click",
       placement: "bottom-start",
       showTimeout: 0,
@@ -9430,7 +9434,7 @@ const mt = new Z4(), p4 = {
       hide: B1,
       toggle: St,
       updatePosition: Ct
-    } = $t(I, h, {
+    } = qt(I, h, {
       trigger: "click",
       placement: "bottom-start",
       showTimeout: 0,
@@ -10144,7 +10148,7 @@ const mt = new Z4(), p4 = {
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: t }) {
-    const i = e, s = t, { modelValue: l, accordion: n } = ui(i), u = At({
+    const i = e, s = t, { modelValue: l, accordion: n } = ui(i), u = $t({
       get activeNames() {
         return l.value;
       },
@@ -11083,7 +11087,7 @@ function bZ(e, t, i, s) {
       h || (n.value = !0, b(l.value));
     }
   );
-  const W = At({
+  const W = $t({
     get $model() {
       return l.value;
     },
@@ -11239,7 +11243,7 @@ const YZ = { class: "vt-login" }, WZ = { class: "vt-login__wrapper" }, SZ = { cl
   },
   emits: ["auth"],
   setup(e, { emit: t }) {
-    const { t: i } = v1(), s = e, l = t, n = At({
+    const { t: i } = v1(), s = e, l = t, n = $t({
       username: "",
       password: "",
       remember: !1
@@ -11258,7 +11262,7 @@ const YZ = { class: "vt-login" }, WZ = { class: "vt-login__wrapper" }, SZ = { cl
     };
     return (h, Z) => {
       var b, W, p, C;
-      const y = Bt("loader");
+      const y = At("loader");
       return c(), d("div", YZ, [
         o("div", WZ, [
           o("div", SZ, [
@@ -11531,7 +11535,7 @@ const RZ = { class: "vt-page__card-filter__inline" }, OZ = { class: "vt-page__ca
           [Kt, z(h).includes(p)]
         ])), 128))
       ]),
-      z(h).length < u.value.length ? (c(), C1(qt, {
+      z(h).length < u.value.length ? (c(), C1(te, {
         key: 0,
         class: "vt-page__card-filter__dropdown",
         trigger: "click"
@@ -12583,7 +12587,7 @@ const RZ = { class: "vt-page__card-filter__inline" }, OZ = { class: "vt-page__ca
   }),
   emits: /* @__PURE__ */ Ht(["selectLeft", "selectRight", "transfer", "update:added", "update:removed"], ["update:listOne", "update:listTwo"]),
   setup(e, { emit: t }) {
-    const i = e, s = t, l = ne(e, "listOne"), n = ne(e, "listTwo"), r = (S) => i.optionValue !== void 0 ? S[i.optionValue] : S, u = (S) => String(S[i.optionLabel] ?? ""), I = (S, B) => r(S) === r(B), h = (S, B) => B.some((t1) => I(t1, S)), Z = (S, B) => B.filter((t1) => !I(t1, S)), y = ye(null), b = ye(null), W = j(!1), p = j(!1), C = j(0), m = j(0), E = /* @__PURE__ */ new Set(), v = T(() => i.fetchLimit ?? 20), w = T(
+    const i = e, s = t, l = Qt(e, "listOne"), n = Qt(e, "listTwo"), r = (S) => i.optionValue !== void 0 ? S[i.optionValue] : S, u = (S) => String(S[i.optionLabel] ?? ""), I = (S, B) => r(S) === r(B), h = (S, B) => B.some((t1) => I(t1, S)), Z = (S, B) => B.filter((t1) => !I(t1, S)), y = ye(null), b = ye(null), W = j(!1), p = j(!1), C = j(0), m = j(0), E = /* @__PURE__ */ new Set(), v = T(() => i.fetchLimit ?? 20), w = T(
       () => !!i.fetchLeft && C.value < i.leftTotal
     ), J = T(
       () => !!i.fetchRight && m.value < i.rightTotal
@@ -13637,7 +13641,7 @@ class Tp extends Ut {
     this.stop();
   }
 }
-class le extends Ut {
+class se extends Ut {
   constructor(t = new AudioContext()) {
     super(), this.bufferNode = null, this.playStartTime = 0, this.playbackPosition = 0, this._muted = !1, this._playbackRate = 1, this._duration = void 0, this.buffer = null, this.currentSrc = "", this.paused = !0, this.crossOrigin = null, this.seeking = !1, this.autoplay = !1, this.addEventListener = this.on, this.removeEventListener = this.un, this.audioContext = t, this.gainNode = this.audioContext.createGain(), this.gainNode.connect(this.audioContext.destination);
   }
@@ -13770,7 +13774,7 @@ class jt extends Cp {
     return this.renderer;
   }
   constructor(t) {
-    const i = t.media || (t.backend === "WebAudio" ? new le() : void 0);
+    const i = t.media || (t.backend === "WebAudio" ? new se() : void 0);
     super({ media: i, mediaControls: t.mediaControls, autoplay: t.autoplay, playbackRate: t.audioRate }), this.plugins = [], this.decodedData = null, this.stopAtPosition = null, this.subscriptions = [], this.mediaSubscriptions = [], this.abortController = null, this.reactiveCleanups = [], this.options = Object.assign({}, Gp, t);
     const { state: s, actions: l } = function(u) {
       var I, h, Z, y, b, W;
@@ -13968,7 +13972,7 @@ class jt extends Cp {
       });
       if (!t && !i) {
         const u = this.getMediaElement();
-        u instanceof le && (u.duration = r);
+        u instanceof se && (u.duration = r);
       }
       if (s) this.decodedData = Ot.createBuffer(s, r || 0);
       else if (i) {
@@ -14040,7 +14044,7 @@ class jt extends Cp {
     return et(this, void 0, void 0, function* () {
       t != null && this.setTime(t);
       const l = yield s.play.call(this);
-      return i != null && (this.media instanceof le ? this.media.stopAt(i) : this.stopAtPosition = i), l;
+      return i != null && (this.media instanceof se ? this.media.stopAt(i) : this.stopAtPosition = i), l;
     });
   }
   playPause() {
@@ -14129,7 +14133,7 @@ function ei(e, t) {
   else s === "style" ? Object.assign(i.style, l) : s === "textContent" ? i.textContent = l : i.setAttribute(s, l.toString());
   return i;
 }
-function se(e, t, i) {
+function ne(e, t, i) {
   return ei(e, t || {});
 }
 const kp = { height: 20, timeOffset: 0, formatTimeCallback: (e) => e / 60 > 1 ? `${Math.floor(e / 60)}:${`${(e = Math.round(e % 60)) < 10 ? "0" : ""}${e}`}` : `${Math.round(1e3 * e) / 1e3}` };
@@ -14170,7 +14174,7 @@ class Ze extends wp {
     this.timelineWrapper.remove(), super.destroy();
   }
   initTimelineWrapper() {
-    return se("div", { part: "timeline-wrapper", style: { pointerEvents: "none" } });
+    return ne("div", { part: "timeline-wrapper", style: { pointerEvents: "none" } });
   }
   defaultTimeInterval(t) {
     return t >= 25 ? 1 : 5 * t >= 25 ? 5 : 15 * t >= 25 ? 15 : 60 * Math.ceil(0.5 / t);
@@ -14195,9 +14199,9 @@ class Ze extends wp {
   initTimeline() {
     var t, i, s, l, n, r, u, I;
     this.notchElements.clear();
-    const h = (s = (i = (t = this.wavesurfer) === null || t === void 0 ? void 0 : t.getDuration()) !== null && i !== void 0 ? i : this.options.duration) !== null && s !== void 0 ? s : 0, Z = (((l = this.wavesurfer) === null || l === void 0 ? void 0 : l.getWrapper().scrollWidth) || this.timelineWrapper.scrollWidth) / h, y = (n = this.options.timeInterval) !== null && n !== void 0 ? n : this.defaultTimeInterval(Z), b = (r = this.options.primaryLabelInterval) !== null && r !== void 0 ? r : this.defaultPrimaryLabelInterval(Z), W = this.options.primaryLabelSpacing, p = (u = this.options.secondaryLabelInterval) !== null && u !== void 0 ? u : this.defaultSecondaryLabelInterval(Z), C = this.options.secondaryLabelSpacing, m = this.options.insertPosition === "beforebegin", E = se("div", { style: Object.assign({ height: `${this.options.height}px`, overflow: "hidden", fontSize: this.options.height / 2 + "px", whiteSpace: "nowrap" }, m ? { position: "absolute", top: "0", left: "0", right: "0", zIndex: "2" } : { position: "relative" }) });
+    const h = (s = (i = (t = this.wavesurfer) === null || t === void 0 ? void 0 : t.getDuration()) !== null && i !== void 0 ? i : this.options.duration) !== null && s !== void 0 ? s : 0, Z = (((l = this.wavesurfer) === null || l === void 0 ? void 0 : l.getWrapper().scrollWidth) || this.timelineWrapper.scrollWidth) / h, y = (n = this.options.timeInterval) !== null && n !== void 0 ? n : this.defaultTimeInterval(Z), b = (r = this.options.primaryLabelInterval) !== null && r !== void 0 ? r : this.defaultPrimaryLabelInterval(Z), W = this.options.primaryLabelSpacing, p = (u = this.options.secondaryLabelInterval) !== null && u !== void 0 ? u : this.defaultSecondaryLabelInterval(Z), C = this.options.secondaryLabelSpacing, m = this.options.insertPosition === "beforebegin", E = ne("div", { style: Object.assign({ height: `${this.options.height}px`, overflow: "hidden", fontSize: this.options.height / 2 + "px", whiteSpace: "nowrap" }, m ? { position: "absolute", top: "0", left: "0", right: "0", zIndex: "2" } : { position: "relative" }) });
     E.setAttribute("part", "timeline"), typeof this.options.style == "string" ? E.setAttribute("style", E.getAttribute("style") + this.options.style) : typeof this.options.style == "object" && Object.assign(E.style, this.options.style);
-    const v = se("div", { style: { width: "0", height: "50%", display: "flex", flexDirection: "column", justifyContent: m ? "flex-start" : "flex-end", top: m ? "0" : "auto", bottom: m ? "auto" : "0", overflow: "visible", borderLeft: "1px solid currentColor", opacity: `${(I = this.options.secondaryLabelOpacity) !== null && I !== void 0 ? I : 0.25}`, position: "absolute", zIndex: "1" } });
+    const v = ne("div", { style: { width: "0", height: "50%", display: "flex", flexDirection: "column", justifyContent: m ? "flex-start" : "flex-end", top: m ? "0" : "auto", bottom: m ? "auto" : "0", overflow: "visible", borderLeft: "1px solid currentColor", opacity: `${(I = this.options.secondaryLabelOpacity) !== null && I !== void 0 ? I : 0.25}`, position: "absolute", zIndex: "1" } });
     for (let w = 0, J = 0; w < h; w += y, J++) {
       const x = v.cloneNode(), L = Math.round(100 * w) % Math.round(100 * b) == 0 || W && J % W == 0, Y = Math.round(100 * w) % Math.round(100 * p) == 0 || C && J % C == 0;
       (L || Y) && (x.style.height = "100%", x.style.textIndent = "3px", x.textContent = this.options.formatTimeCallback(w), L && (x.style.opacity = "1"));
@@ -14341,14 +14345,14 @@ const ft = {
           }, [
             r1(W1, { name: "import" })
           ], 8, jp),
-          r1(qt, {
+          r1(te, {
             trigger: "click",
             placement: "top",
             disabled: I.value,
             onCommand: E
           }, {
             dropdown: j1(() => [
-              (c(), d(a1, null, b1([1, 1.5, 2], (L) => r1(_t, {
+              (c(), d(a1, null, b1([1, 1.5, 2], (L) => r1(Bt, {
                 key: L,
                 command: L,
                 class: c1({ "is-active": Z.value === L })
@@ -14702,7 +14706,7 @@ function yb(e) {
 const qp = {
   install(e, t = {}) {
     const { prefix: i = "V", modal: s = !0, message: l = !0, locale: n = ut.uk } = t;
-    e.component(`${i}Button`, q1), e.component(`${i}Icon`, W1), e.component(`${i}Loader`, Qt), e.component(`${i}Modal`, fe), e.component(`${i}Pagination`, l4), e.component(`${i}Checkbox`, Wt), e.component(`${i}Radiobox`, He), e.component(`${i}Table`, B4), e.component(`${i}TableColumn`, A4), e.component(`${i}Dropdown`, qt), e.component(`${i}DropdownItem`, _t), e.component(`${i}Input`, vt), e.component(`${i}Select`, ue), e.component(`${i}Option`, me), e.component(`${i}DatePicker`, yI), e.component(`${i}TimePicker`, Dt), e.component(`${i}Collapse`, WI), e.component(`${i}CollapseItem`, LI), e.component(`${i}Tabs`, wI), e.component(`${i}TabItem`, kI), e.component(`${i}Upload`, qI), e.component(`${i}Sidebar`, aZ), e.component(`${i}Login`, vZ), e.component(`${i}LoginLogo`, UZ), e.component(`${i}LocaleSelect`, l7), e.component(`${i}DynamicFilter`, DZ), e.component(`${i}Slider`, e8), e.component(`${i}SliderMarkRange`, d8), e.component(`${i}Chart`, A8), e.component(`${i}InfoBox`, ep), e.component(`${i}TransferList`, Ip), e.component(`${i}Breadcrumb`, bp), e.component(`${i}BreadcrumbItem`, Yp), e.component(`${i}Audio`, zp), e.component(`${i}Empty`, he), e.directive("tooltip", Rp), e.directive("loader", Op), s && e.use(p4), l && e.use($p), e.use(Au, { locale: n });
+    e.component(`${i}Button`, q1), e.component(`${i}Icon`, W1), e.component(`${i}Loader`, _t), e.component(`${i}Modal`, fe), e.component(`${i}Pagination`, l4), e.component(`${i}Checkbox`, Wt), e.component(`${i}Radiobox`, He), e.component(`${i}Table`, B4), e.component(`${i}TableColumn`, A4), e.component(`${i}Dropdown`, te), e.component(`${i}DropdownItem`, Bt), e.component(`${i}Input`, vt), e.component(`${i}Select`, ue), e.component(`${i}Option`, me), e.component(`${i}DatePicker`, yI), e.component(`${i}TimePicker`, Dt), e.component(`${i}Collapse`, WI), e.component(`${i}CollapseItem`, LI), e.component(`${i}Tabs`, wI), e.component(`${i}TabItem`, kI), e.component(`${i}Upload`, qI), e.component(`${i}Sidebar`, aZ), e.component(`${i}Login`, vZ), e.component(`${i}LoginLogo`, UZ), e.component(`${i}LocaleSelect`, l7), e.component(`${i}DynamicFilter`, DZ), e.component(`${i}Slider`, e8), e.component(`${i}SliderMarkRange`, d8), e.component(`${i}Chart`, A8), e.component(`${i}InfoBox`, ep), e.component(`${i}TransferList`, Ip), e.component(`${i}Breadcrumb`, bp), e.component(`${i}BreadcrumbItem`, Yp), e.component(`${i}Audio`, zp), e.component(`${i}Empty`, he), e.directive("tooltip", Rp), e.directive("loader", Op), s && e.use(p4), l && e.use($p), e.use(Au, { locale: n });
   }
 }, Yb = qp.install;
 export {
@@ -14723,14 +14727,14 @@ export {
   WI as VCollapse,
   LI as VCollapseItem,
   yI as VDatePicker,
-  qt as VDropdown,
-  _t as VDropdownItem,
+  te as VDropdown,
+  Bt as VDropdownItem,
   DZ as VDynamicFilter,
   he as VEmpty,
   W1 as VIcon,
   ep as VInfoBox,
   vt as VInput,
-  Qt as VLoader,
+  _t as VLoader,
   l7 as VLocaleSelect,
   vZ as VLogin,
   UZ as VLoginLogo,
@@ -14757,7 +14761,7 @@ export {
   qp as default,
   rZ as email,
   r7 as formatTime,
-  ie as generateTimeOptions,
+  le as generateTimeOptions,
   Yb as install,
   Ve as isValidDate,
   ce as isValidTimeString,