voiptime-components 1.0.17 → 1.0.18

package/dist/index.es.js

@@ -1,19 +1,19 @@
-import { createElementBlock as m, openBlock as p, createElementVNode as h, createStaticVNode as Ne, defineComponent as se, computed as L, createBlock as ce, createCommentVNode as A, resolveDynamicComponent as Fe, useSlots as Ze, resolveDirective as Ue, withDirectives as $e, normalizeClass as D, renderSlot as pe, Teleport as ut, normalizeStyle as ie, withModifiers as he, toDisplayString as te, watch as me, Fragment as oe, renderList as le, vModelSelect as dt, createVNode as F, withCtx as Me, createTextVNode as ge, ref as O, createApp as pt, h as ye, onMounted as ve, onUnmounted as Se, nextTick as ht, mergeModels as ze, useModel as mt, reactive as vt, provide as ft, unref as Z, isMemoSame as _t, inject as gt } from "vue";
+import { createElementBlock as m, openBlock as u, createElementVNode as p, createStaticVNode as Ze, defineComponent as te, computed as S, createBlock as oe, createCommentVNode as W, resolveDynamicComponent as Ue, useSlots as Se, resolveDirective as Xe, withDirectives as Ve, normalizeClass as E, renderSlot as de, Teleport as Ye, normalizeStyle as se, withModifiers as he, toDisplayString as ee, watch as ve, Fragment as re, renderList as ie, vModelSelect as vt, createVNode as Z, withCtx as ue, createTextVNode as we, ref as j, provide as Ke, onMounted as fe, onUnmounted as Ie, nextTick as ft, inject as qe, createApp as _t, h as xe, mergeModels as De, useModel as gt, reactive as wt, unref as G, isMemoSame as Ct } from "vue";
 const P = (t, e) => {
   const o = t.__vccOpts || t;
-  for (const [n, s] of e)
-    o[n] = s;
+  for (const [n, l] of e)
+    o[n] = l;
   return o;
-}, Ct = {}, wt = {
+}, kt = {}, bt = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function kt(t, e) {
-  return p(), m("svg", wt, e[0] || (e[0] = [
-    h("path", {
+function yt(t, e) {
+  return u(), m("svg", bt, e[0] || (e[0] = [
+    p("path", {
       d: "M14 8L10 12L6 8",
       stroke: "currentColor",
       "stroke-width": "1.5",
@@ -22,16 +22,16 @@ function kt(t, e) {
     }, null, -1)
   ]));
 }
-const bt = /* @__PURE__ */ P(Ct, [["render", kt]]), yt = {}, xt = {
+const xt = /* @__PURE__ */ P(kt, [["render", yt]]), Mt = {}, Lt = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function Mt(t, e) {
-  return p(), m("svg", xt, e[0] || (e[0] = [
-    h("path", {
+function $t(t, e) {
+  return u(), m("svg", Lt, e[0] || (e[0] = [
+    p("path", {
       d: "M6 12L10 8L14 12",
       stroke: "currentColor",
       "stroke-width": "1.5",
@@ -40,38 +40,38 @@ function Mt(t, e) {
     }, null, -1)
   ]));
 }
-const Lt = /* @__PURE__ */ P(yt, [["render", Mt]]), $t = {}, St = {
+const St = /* @__PURE__ */ P(Mt, [["render", $t]]), Vt = {}, It = {
   width: "14",
   height: "15",
   viewBox: "0 0 14 15",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function It(t, e) {
-  return p(), m("svg", St, e[0] || (e[0] = [
-    h("path", {
+function Bt(t, e) {
+  return u(), m("svg", It, e[0] || (e[0] = [
+    p("path", {
       d: "M11.8789 4.90517L11.2561 4.20124C10.4045 3.33504 9.28504 2.7626 8.06789 2.5709C6.85074 2.3792 5.60245 2.57874 4.5127 3.13917C3.42296 3.69961 2.55134 4.59032 2.03031 5.67593C1.50928 6.76155 1.36732 7.98272 1.626 9.15387C1.88469 10.325 2.52987 11.3821 3.46351 12.1645C4.39716 12.9469 5.56821 13.4119 6.79871 13.4887C8.02921 13.5655 9.25189 13.25 10.2809 12.5901C11.31 11.9302 12.0891 10.962 12.5 9.83266",
       stroke: "currentColor",
       "stroke-width": "1.5",
       "stroke-miterlimit": "10",
       "stroke-linecap": "round"
     }, null, -1),
-    h("path", {
+    p("path", {
       d: "M8.5157 6.5C8.07025 6.5 7.84716 5.96143 8.16215 5.64645L10.3086 3.5L12.455 1.35355C12.77 1.03857 13.3086 1.26165 13.3086 1.70711V6C13.3086 6.27614 13.0847 6.5 12.8086 6.5L8.5157 6.5Z",
       fill: "currentColor"
     }, null, -1)
   ]));
 }
-const Vt = /* @__PURE__ */ P($t, [["render", It]]), Bt = {}, Rt = {
+const Tt = /* @__PURE__ */ P(Vt, [["render", Bt]]), Rt = {}, Et = {
   width: "21",
   height: "20",
   viewBox: "0 0 21 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function Tt(t, e) {
-  return p(), m("svg", Rt, e[0] || (e[0] = [
-    h("path", {
+function zt(t, e) {
+  return u(), m("svg", Et, e[0] || (e[0] = [
+    p("path", {
       d: "M8.60352 6L12.6035 10L8.60352 14",
       stroke: "currentColor",
       "stroke-width": "1.5",
@@ -80,16 +80,16 @@ function Tt(t, e) {
     }, null, -1)
   ]));
 }
-const Et = /* @__PURE__ */ P(Bt, [["render", Tt]]), zt = {}, Ht = {
+const Ht = /* @__PURE__ */ P(Rt, [["render", zt]]), Dt = {}, Wt = {
   width: "21",
   height: "20",
   viewBox: "0 0 21 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function Wt(t, e) {
-  return p(), m("svg", Ht, e[0] || (e[0] = [
-    h("path", {
+function Pt(t, e) {
+  return u(), m("svg", Wt, e[0] || (e[0] = [
+    p("path", {
       d: "M12.3984 14L8.39844 10L12.3984 6",
       stroke: "currentColor",
       "stroke-width": "1.5",
@@ -98,16 +98,16 @@ function Wt(t, e) {
     }, null, -1)
   ]));
 }
-const Dt = /* @__PURE__ */ P(zt, [["render", Wt]]), Pt = {}, At = {
+const At = /* @__PURE__ */ P(Dt, [["render", Pt]]), Ot = {}, jt = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function Ot(t, e) {
-  return p(), m("svg", At, e[0] || (e[0] = [
-    h("path", {
+function Nt(t, e) {
+  return u(), m("svg", jt, e[0] || (e[0] = [
+    p("path", {
       d: "M12.5 1.66406L11.1783 2.94156C10.6233 3.47906 10.345 3.7474 10 3.7474C9.655 3.7474 9.37667 3.47906 8.82167 2.94156L7.5 1.66406M14.5833 5.83073C15.7533 5.83073 16.3392 5.83073 16.7592 6.11156C16.9412 6.23319 17.0975 6.3895 17.2192 6.57156C17.5 6.99156 17.5 7.5774 17.5 8.7474V15.4141C17.5 16.5841 17.5 17.1699 17.2192 17.5899C17.0975 17.772 16.9412 17.9283 16.7592 18.0499C16.3392 18.3307 15.7533 18.3307 14.5833 18.3307C13.4133 18.3307 12.8275 18.3307 12.4075 18.0499C12.2254 17.9283 12.0691 17.772 11.9475 17.5899C11.6667 17.1699 11.6667 16.5841 11.6667 15.4141V8.7474C11.6667 7.5774 11.6667 6.99156 11.9475 6.57156C12.0691 6.3895 12.2254 6.23319 12.4075 6.11156C12.8275 5.83073 13.4133 5.83073 14.5833 5.83073ZM5.41667 5.83073C6.58667 5.83073 7.1725 5.83073 7.5925 6.11156C7.77456 6.23319 7.93087 6.3895 8.0525 6.57156C8.33333 6.99156 8.33333 7.5774 8.33333 8.7474V15.4141C8.33333 16.5841 8.33333 17.1699 8.0525 17.5899C7.93087 17.772 7.77456 17.9283 7.5925 18.0499C7.1725 18.3307 6.58667 18.3307 5.41667 18.3307C4.24667 18.3307 3.66083 18.3307 3.24083 18.0499C3.05877 17.9283 2.90246 17.772 2.78083 17.5899C2.5 17.1699 2.5 16.5841 2.5 15.4141V8.7474C2.5 7.5774 2.5 6.99156 2.78083 6.57156C2.90246 6.3895 3.05877 6.23319 3.24083 6.11156C3.66083 5.83073 4.24667 5.83073 5.41667 5.83073Z",
       stroke: "currentColor",
       "stroke-width": "1.5",
@@ -116,23 +116,23 @@ function Ot(t, e) {
     }, null, -1)
   ]));
 }
-const jt = /* @__PURE__ */ P(Pt, [["render", Ot]]), Nt = {}, Ft = {
+const Ft = /* @__PURE__ */ P(Ot, [["render", Nt]]), Zt = {}, Ut = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function Zt(t, e) {
-  return p(), m("svg", Ft, e[0] || (e[0] = [
-    h("path", {
+function Xt(t, e) {
+  return u(), m("svg", Ut, e[0] || (e[0] = [
+    p("path", {
       d: "M8 3V5.2225M8 5.2225V10.7775M8 5.2225L9.875 4.25M8 5.2225L6.125 4.25M8 10.7775V13M8 10.7775L6.125 11.75M8 10.7775L9.875 11.75M13 8H10.7775M10.7775 8H5.2225M10.7775 8L11.75 9.875M10.7775 8L11.75 6.125M5.2225 8H3M5.2225 8L4.25 6.125M5.2225 8L4.25 9.875",
       stroke: "currentColor",
       "stroke-width": "1.5",
       "stroke-linecap": "round",
       "stroke-linejoin": "round"
     }, null, -1),
-    h("path", {
+    p("path", {
       d: "M12 14.7143L13.1151 15.6701C13.3268 15.8515 13.646 15.8247 13.8246 15.6105L16 13",
       stroke: "currentColor",
       "stroke-width": "1.5",
@@ -140,23 +140,23 @@ function Zt(t, e) {
     }, null, -1)
   ]));
 }
-const Ut = /* @__PURE__ */ P(Nt, [["render", Zt]]), Kt = {}, qt = {
+const Yt = /* @__PURE__ */ P(Zt, [["render", Xt]]), Kt = {}, qt = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function Xt(t, e) {
-  return p(), m("svg", qt, e[0] || (e[0] = [
-    h("path", {
+function Gt(t, e) {
+  return u(), m("svg", qt, e[0] || (e[0] = [
+    p("path", {
       d: "M8 3V5.2225M8 5.2225V10.7775M8 5.2225L9.875 4.25M8 5.2225L6.125 4.25M8 10.7775V13M8 10.7775L6.125 11.75M8 10.7775L9.875 11.75M13 8H10.7775M10.7775 8H5.2225M10.7775 8L11.75 9.875M10.7775 8L11.75 6.125M5.2225 8H3M5.2225 8L4.25 6.125M5.2225 8L4.25 9.875",
       stroke: "currentColor",
       "stroke-width": "1.5",
       "stroke-linecap": "round",
       "stroke-linejoin": "round"
     }, null, -1),
-    h("path", {
+    p("path", {
       d: "M13 16L14.5 14.5M16 13L14.5 14.5M14.5 14.5L13 13M14.5 14.5L16 16",
       stroke: "currentColor",
       "stroke-width": "1.5",
@@ -164,16 +164,16 @@ function Xt(t, e) {
     }, null, -1)
   ]));
 }
-const Gt = /* @__PURE__ */ P(Kt, [["render", Xt]]), Yt = {}, Jt = {
+const Jt = /* @__PURE__ */ P(Kt, [["render", Gt]]), Qt = {}, en = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "60",
   height: "60",
   viewBox: "0 0 60 60",
   fill: "none"
 };
-function Qt(t, e) {
-  return p(), m("svg", Jt, e[0] || (e[0] = [
-    h("path", {
+function tn(t, e) {
+  return u(), m("svg", en, e[0] || (e[0] = [
+    p("path", {
       d: "M24.195 7H18.625C17.1332 7 15.7024 7.59263 14.6475 8.64752C13.5926 9.70242 13 11.1332 13 12.625V46.375C13 47.8668 13.5926 49.2976 14.6475 50.3525C15.7024 51.4074 17.1332 52 18.625 52H41.125C42.6168 52 44.0476 51.4074 45.1025 50.3525C46.1574 49.2976 46.75 47.8668 46.75 46.375V29.5M24.195 7C27.3025 7 29.875 9.5175 29.875 12.625V18.25C29.875 19.7418 30.4676 21.1726 31.5225 22.2275C32.5774 23.2824 34.0082 23.875 35.5 23.875H41.125C42.6168 23.875 44.0476 24.4676 45.1025 25.5225C46.1574 26.5774 46.75 28.0082 46.75 29.5M24.195 7C33.42 7 46.75 20.4 46.75 29.5",
       stroke: "currentColor",
       "stroke-width": "2",
@@ -182,22 +182,22 @@ function Qt(t, e) {
     }, null, -1)
   ]));
 }
-const en = /* @__PURE__ */ P(Yt, [["render", Qt]]), tn = {}, nn = {
+const nn = /* @__PURE__ */ P(Qt, [["render", tn]]), on = {}, ln = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function on(t, e) {
-  return p(), m("svg", nn, e[0] || (e[0] = [
-    h("path", {
+function sn(t, e) {
+  return u(), m("svg", ln, e[0] || (e[0] = [
+    p("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
       d: "M6.99479 8.75521C6.55276 8.75521 6.12884 8.57961 5.81628 8.26705C5.50372 7.95449 5.32812 7.53057 5.32812 7.08854C5.32812 6.64651 5.50372 6.22259 5.81628 5.91003C6.12884 5.59747 6.55276 5.42187 6.99479 5.42188C7.43682 5.42187 7.86074 5.59747 8.1733 5.91003C8.48586 6.22259 8.66146 6.64651 8.66146 7.08854C8.66146 7.53057 8.48586 7.95449 8.1733 8.26705C7.86074 8.57961 7.43682 8.75521 6.99479 8.75521ZM6.99479 14.5885C6.55276 14.5885 6.12884 14.4129 5.81628 14.1004C5.50372 13.7878 5.32812 13.3639 5.32812 12.9219C5.32812 12.4798 5.50372 12.0559 5.81628 11.7434C6.12884 11.4308 6.55276 11.2552 6.99479 11.2552C7.43682 11.2552 7.86074 11.4308 8.1733 11.7434C8.48586 12.0559 8.66146 12.4798 8.66146 12.9219C8.66146 13.3639 8.48586 13.7878 8.1733 14.1004C7.86074 14.4129 7.43682 14.5885 6.99479 14.5885Z",
       fill: "currentColor"
     }, null, -1),
-    h("path", {
+    p("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
       d: "M12.9948 8.75521C12.5528 8.75521 12.1288 8.57961 11.8163 8.26705C11.5037 7.95449 11.3281 7.53057 11.3281 7.08854C11.3281 6.64651 11.5037 6.22259 11.8163 5.91003C12.1288 5.59747 12.5528 5.42187 12.9948 5.42188C13.4368 5.42187 13.8607 5.59747 14.1733 5.91003C14.4859 6.22259 14.6615 6.64651 14.6615 7.08854C14.6615 7.53057 14.4859 7.95449 14.1733 8.26705C13.8607 8.57961 13.4368 8.75521 12.9948 8.75521ZM12.9948 14.5885C12.5528 14.5885 12.1288 14.4129 11.8163 14.1004C11.5037 13.7878 11.3281 13.3639 11.3281 12.9219C11.3281 12.4798 11.5037 12.0559 11.8163 11.7434C12.1288 11.4308 12.5528 11.2552 12.9948 11.2552C13.4368 11.2552 13.8607 11.4308 14.1733 11.7434C14.4859 12.0559 14.6615 12.4798 14.6615 12.9219C14.6615 13.3639 14.4859 13.7878 14.1733 14.1004C13.8607 14.4129 13.4368 14.5885 12.9948 14.5885Z",
@@ -205,16 +205,16 @@ function on(t, e) {
     }, null, -1)
   ]));
 }
-const ln = /* @__PURE__ */ P(tn, [["render", on]]), sn = {}, rn = {
+const rn = /* @__PURE__ */ P(on, [["render", sn]]), an = {}, cn = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function an(t, e) {
-  return p(), m("svg", rn, e[0] || (e[0] = [
-    h("path", {
+function dn(t, e) {
+  return u(), m("svg", cn, e[0] || (e[0] = [
+    p("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
       d: "M10.1667 5.83333C9.72464 5.83333 9.30072 5.65774 8.98816 5.34518C8.67559 5.03262 8.5 4.60869 8.5 4.16667C8.5 3.72464 8.67559 3.30072 8.98816 2.98816C9.30072 2.67559 9.72464 2.5 10.1667 2.5C10.6087 2.5 11.0326 2.67559 11.3452 2.98816C11.6577 3.30072 11.8333 3.72464 11.8333 4.16667C11.8333 4.60869 11.6577 5.03262 11.3452 5.34518C11.0326 5.65774 10.6087 5.83333 10.1667 5.83333ZM10.1667 11.6667C9.72464 11.6667 9.30072 11.4911 8.98816 11.1785C8.67559 10.8659 8.5 10.442 8.5 10C8.5 9.55797 8.67559 9.13405 8.98816 8.82149C9.30072 8.50893 9.72464 8.33333 10.1667 8.33333C10.6087 8.33333 11.0326 8.50893 11.3452 8.82149C11.6577 9.13405 11.8333 9.55797 11.8333 10C11.8333 10.442 11.6577 10.8659 11.3452 11.1785C11.0326 11.4911 10.6087 11.6667 10.1667 11.6667ZM10.1667 17.5C9.72464 17.5 9.30072 17.3244 8.98816 17.0118C8.67559 16.6993 8.5 16.2754 8.5 15.8333C8.5 15.3913 8.67559 14.9674 8.98816 14.6548C9.30072 14.3423 9.72464 14.1667 10.1667 14.1667C10.6087 14.1667 11.0326 14.3423 11.3452 14.6548C11.6577 14.9674 11.8333 15.3913 11.8333 15.8333C11.8333 16.2754 11.6577 16.6993 11.3452 17.0118C11.0326 17.3244 10.6087 17.5 10.1667 17.5Z",
@@ -222,16 +222,16 @@ function an(t, e) {
     }, null, -1)
   ]));
 }
-const cn = /* @__PURE__ */ P(sn, [["render", an]]), un = {}, dn = {
+const un = /* @__PURE__ */ P(an, [["render", dn]]), pn = {}, hn = {
   width: "21",
   height: "20",
   viewBox: "0 0 21 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function pn(t, e) {
-  return p(), m("svg", dn, e[0] || (e[0] = [
-    h("path", {
+function mn(t, e) {
+  return u(), m("svg", hn, e[0] || (e[0] = [
+    p("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
       d: "M6.33333 9.83333C6.33333 10.2754 6.15774 10.6993 5.84518 11.0118C5.53262 11.3244 5.10869 11.5 4.66667 11.5C4.22464 11.5 3.80072 11.3244 3.48816 11.0118C3.17559 10.6993 3 10.2754 3 9.83333C3 9.39131 3.17559 8.96738 3.48816 8.65482C3.80072 8.34226 4.22464 8.16667 4.66667 8.16667C5.10869 8.16667 5.53262 8.34226 5.84518 8.65482C6.15774 8.96738 6.33333 9.39131 6.33333 9.83333ZM12.1667 9.83333C12.1667 10.2754 11.9911 10.6993 11.6785 11.0118C11.3659 11.3244 10.942 11.5 10.5 11.5C10.058 11.5 9.63405 11.3244 9.32149 11.0118C9.00893 10.6993 8.83333 10.2754 8.83333 9.83333C8.83333 9.39131 9.00893 8.96738 9.32149 8.65482C9.63405 8.34226 10.058 8.16667 10.5 8.16667C10.942 8.16667 11.3659 8.34226 11.6785 8.65482C11.9911 8.96738 12.1667 9.39131 12.1667 9.83333ZM18 9.83333C18 10.2754 17.8244 10.6993 17.5118 11.0118C17.1993 11.3244 16.7754 11.5 16.3333 11.5C15.8913 11.5 15.4674 11.3244 15.1548 11.0118C14.8423 10.6993 14.6667 10.2754 14.6667 9.83333C14.6667 9.39131 14.8423 8.96738 15.1548 8.65482C15.4674 8.34226 15.8913 8.16667 16.3333 8.16667C16.7754 8.16667 17.1993 8.34226 17.5118 8.65482C17.8244 8.96738 18 9.39131 18 9.83333Z",
@@ -239,16 +239,16 @@ function pn(t, e) {
     }, null, -1)
   ]));
 }
-const hn = /* @__PURE__ */ P(un, [["render", pn]]), mn = {}, vn = {
+const vn = /* @__PURE__ */ P(pn, [["render", mn]]), fn = {}, _n = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function fn(t, e) {
-  return p(), m("svg", vn, e[0] || (e[0] = [
-    h("path", {
+function gn(t, e) {
+  return u(), m("svg", _n, e[0] || (e[0] = [
+    p("path", {
       d: "M6 14L10 10M10 10L14 6M10 10L6 6M10 10L14 14",
       stroke: "currentColor",
       "stroke-width": "1.5",
@@ -257,16 +257,16 @@ function fn(t, e) {
     }, null, -1)
   ]));
 }
-const _n = /* @__PURE__ */ P(mn, [["render", fn]]), gn = {}, Cn = {
+const wn = /* @__PURE__ */ P(fn, [["render", gn]]), Cn = {}, kn = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function wn(t, e) {
-  return p(), m("svg", Cn, e[0] || (e[0] = [
-    h("path", {
+function bn(t, e) {
+  return u(), m("svg", kn, e[0] || (e[0] = [
+    p("path", {
       d: "M9.31732 16.8976L7.50065 17.5026V10.4193L3.76732 6.3126C3.48852 6.00588 3.33403 5.60627 3.33398 5.19177V3.33594H16.6673V5.14594C16.6672 5.58793 16.4916 6.01178 16.179 6.32427L12.5007 10.0026V12.5026M12.5007 15.8359L14.1673 17.5026L17.5007 14.1693",
       stroke: "currentColor",
       "stroke-width": "1.5",
@@ -275,16 +275,16 @@ function wn(t, e) {
     }, null, -1)
   ]));
 }
-const kn = /* @__PURE__ */ P(gn, [["render", wn]]), bn = {}, yn = {
+const yn = /* @__PURE__ */ P(Cn, [["render", bn]]), xn = {}, Mn = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function xn(t, e) {
-  return p(), m("svg", yn, e[0] || (e[0] = [
-    h("path", {
+function Ln(t, e) {
+  return u(), m("svg", Mn, e[0] || (e[0] = [
+    p("path", {
       d: "M11.4657 16.1809L7.50065 17.5026V10.4193L3.76732 6.3126C3.48852 6.00588 3.33403 5.60627 3.33398 5.19177V3.33594H16.6673V5.14594C16.6672 5.58793 16.4916 6.01178 16.179 6.32427L12.5007 10.0026V11.2526M18.334 18.3359L14.1673 14.1693M14.1673 18.3359L18.334 14.1693",
       stroke: "currentColor",
       "stroke-width": "1.5",
@@ -293,51 +293,51 @@ function xn(t, e) {
     }, null, -1)
   ]));
 }
-const Mn = /* @__PURE__ */ P(bn, [["render", xn]]), Ln = {}, $n = {
+const $n = /* @__PURE__ */ P(xn, [["render", Ln]]), Sn = {}, Vn = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function Sn(t, e) {
-  return p(), m("svg", $n, e[0] || (e[0] = [
-    h("path", {
+function In(t, e) {
+  return u(), m("svg", Vn, e[0] || (e[0] = [
+    p("path", {
       d: "M9.4676 15.1809L5.5026 16.5026V9.41927L1.76927 5.3126C1.49048 5.00588 1.33598 4.60627 1.33594 4.19177V2.33594H14.6693V4.14594C14.6692 4.58793 14.4935 5.01178 14.1809 5.32427L10.5026 9.0026V10.2526",
       stroke: "currentColor",
       "stroke-width": "1.5",
       "stroke-linecap": "round",
       "stroke-linejoin": "round"
     }, null, -1),
-    h("path", {
+    p("path", {
       d: "M15.5 16.6591L13.857 17.9057C13.7756 17.9719 13.6868 18.0032 13.5906 17.9997C13.4944 17.9962 13.4093 17.9685 13.3353 17.9167C13.2613 17.865 13.204 17.7951 13.1635 17.7071C13.1229 17.6192 13.121 17.5236 13.1577 17.4203L13.7904 15.3795L12.1808 14.2433C12.092 14.1844 12.0365 14.1072 12.0143 14.0116C11.9921 13.916 11.9958 13.8277 12.0254 13.7468C12.055 13.6659 12.1068 13.5942 12.1808 13.5315C12.2548 13.4688 12.3436 13.4377 12.4472 13.438H14.4343L15.0782 11.3199C15.1152 11.217 15.1726 11.1378 15.2504 11.0825C15.3283 11.0272 15.4115 10.9997 15.5 11C15.5885 11.0003 15.6718 11.0279 15.75 11.083C15.8281 11.138 15.8854 11.217 15.9218 11.3199L16.5657 13.438H18.5528C18.6564 13.438 18.7452 13.4693 18.8192 13.5319C18.8932 13.5946 18.945 13.6662 18.9746 13.7468C19.0042 13.8274 19.0079 13.9157 18.9857 14.0116C18.9635 14.1075 18.908 14.1847 18.8192 14.2433L17.2096 15.3795L17.8423 17.4203C17.8793 17.5233 17.8775 17.6189 17.837 17.7071C17.7964 17.7954 17.739 17.8653 17.6647 17.9167C17.5904 17.9682 17.5053 17.9959 17.4094 17.9997C17.3135 18.0035 17.2247 17.9722 17.143 17.9057L15.5 16.6591Z",
       stroke: "currentColor",
       "stroke-width": "1.5"
     }, null, -1)
   ]));
 }
-const In = /* @__PURE__ */ P(Ln, [["render", Sn]]), Vn = {}, Bn = {
+const Bn = /* @__PURE__ */ P(Sn, [["render", In]]), Tn = {}, Rn = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function Rn(t, e) {
-  return p(), m("svg", Bn, e[0] || (e[0] = [
-    Ne('<path d="M10.5 5.5H17.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M10.5 10H17.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M10.5 15H17.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M3 15.083L4.042 16.125L7.167 13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M3 6.083L4.042 7.125L7.167 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>', 5)
+function En(t, e) {
+  return u(), m("svg", Rn, e[0] || (e[0] = [
+    Ze('<path d="M10.5 5.5H17.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M10.5 10H17.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M10.5 15H17.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M3 15.083L4.042 16.125L7.167 13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M3 6.083L4.042 7.125L7.167 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>', 5)
   ]));
 }
-const Tn = /* @__PURE__ */ P(Vn, [["render", Rn]]), En = {}, zn = {
+const zn = /* @__PURE__ */ P(Tn, [["render", En]]), Hn = {}, Dn = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function Hn(t, e) {
-  return p(), m("svg", zn, e[0] || (e[0] = [
-    h("path", {
+function Wn(t, e) {
+  return u(), m("svg", Dn, e[0] || (e[0] = [
+    p("path", {
       d: "M16.6673 5.83594L6.66732 5.83594M16.6673 5.83594L13.7507 8.7526M16.6673 5.83594L13.7507 2.91927M14.1673 14.1693L3.33398 14.1693M3.33398 14.1693L6.25065 17.0859M3.33398 14.1693L6.25065 11.2526",
       stroke: "currentColor",
       "stroke-width": "1.5",
@@ -346,51 +346,51 @@ function Hn(t, e) {
     }, null, -1)
   ]));
 }
-const Wn = /* @__PURE__ */ P(En, [["render", Hn]]), Dn = {}, Pn = {
+const Pn = /* @__PURE__ */ P(Hn, [["render", Wn]]), An = {}, On = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function An(t, e) {
-  return p(), m("svg", Pn, e[0] || (e[0] = [
-    h("path", {
+function jn(t, e) {
+  return u(), m("svg", On, e[0] || (e[0] = [
+    p("path", {
       d: "M11.1667 10.9167V9.66667L14.845 5.98833C15.1576 5.67585 15.3332 5.25199 15.3333 4.81V3H2V4.85583C2.00004 5.27033 2.15454 5.66994 2.43333 5.97667L6.16667 10.0833V17.1667C6.16667 17.1667 7.37495 16.7639 8.14917 16.5058",
       stroke: "currentColor",
       "stroke-width": "1.5",
       "stroke-linecap": "round",
       "stroke-linejoin": "round"
     }, null, -1),
-    h("path", {
+    p("path", {
       d: "M15.4116 11.3639L11.4924 15.283C11.4138 15.3616 11.3636 15.4642 11.3498 15.5746L11.0994 17.5789C11.059 17.9025 11.3341 18.1776 11.6577 18.1371L13.6622 17.8861C13.7725 17.8722 13.8751 17.8221 13.9537 17.7435L17.8724 13.8248C18.0676 13.6296 18.0676 13.313 17.8724 13.1177L16.1187 11.364C15.9234 11.1687 15.6068 11.1687 15.4116 11.3639Z",
       stroke: "currentColor",
       "stroke-width": "1.5"
     }, null, -1),
-    h("path", {
+    p("path", {
       d: "M14 12L16.4608 14.4608",
       stroke: "currentColor",
       "stroke-width": "1.5"
     }, null, -1)
   ]));
 }
-const On = /* @__PURE__ */ P(Dn, [["render", An]]), jn = {}, Nn = {
+const Nn = /* @__PURE__ */ P(An, [["render", jn]]), Fn = {}, Zn = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function Fn(t, e) {
-  return p(), m("svg", Nn, e[0] || (e[0] = [
-    h("path", {
+function Un(t, e) {
+  return u(), m("svg", Zn, e[0] || (e[0] = [
+    p("path", {
       d: "M6.2832 15.8359H3.3332C3.11222 15.8359 2.90029 15.7482 2.74404 15.5919C2.58778 15.4356 2.5 15.2237 2.5 15.0027V4.16954C2.49995 4.06009 2.52146 3.9517 2.56331 3.85056C2.60516 3.74943 2.66652 3.65753 2.7439 3.58012C2.82127 3.50271 2.91314 3.4413 3.01426 3.3994C3.11537 3.3575 3.22375 3.33594 3.3332 3.33594H16.6668C16.7763 3.33594 16.8846 3.3575 16.9857 3.3994C17.0869 3.4413 17.1787 3.50271 17.2561 3.58012C17.3335 3.65753 17.3948 3.74943 17.4367 3.85056C17.4785 3.9517 17.5001 4.06009 17.5 4.16954V15.0027C17.5 15.2237 17.4122 15.4356 17.256 15.5919C17.0997 15.7482 16.8878 15.8359 16.6668 15.8359H5.38347",
       stroke: "currentColor",
       "stroke-width": "1.5",
       "stroke-linecap": "round",
       "stroke-linejoin": "round"
     }, null, -1),
-    h("path", {
+    p("path", {
       d: "M6.66406 2.5V5M13.3305 2.5V5M8.33046 10.8332L9.16406 11.6668L11.6641 9.1668",
       stroke: "currentColor",
       "stroke-width": "1.5",
@@ -399,7 +399,7 @@ function Fn(t, e) {
     }, null, -1)
   ]));
 }
-const Zn = /* @__PURE__ */ P(jn, [["render", Fn]]), Un = {}, Kn = {
+const Xn = /* @__PURE__ */ P(Fn, [["render", Un]]), Yn = {}, Kn = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -407,27 +407,27 @@ const Zn = /* @__PURE__ */ P(jn, [["render", Fn]]), Un = {}, Kn = {
   xmlns: "http://www.w3.org/2000/svg"
 };
 function qn(t, e) {
-  return p(), m("svg", Kn, e[0] || (e[0] = [
-    Ne('<circle cx="4.5" cy="12.5" r="1.5" stroke="currentColor" stroke-width="1.5"></circle><circle cx="9.5" cy="8.5" r="1.5" transform="rotate(-180 9.5 8.5)" stroke="currentColor" stroke-width="1.5"></circle><circle cx="14.5" cy="12.5" r="1.5" stroke="currentColor" stroke-width="1.5"></circle><path d="M4.55469 10.5V2" stroke="currentColor" stroke-width="1.5"></path><path d="M9.44531 9.5L9.44531 18" stroke="currentColor" stroke-width="1.5"></path><path d="M14.5547 10.5V2" stroke="currentColor" stroke-width="1.5"></path><path d="M4.55469 18V15.5" stroke="currentColor" stroke-width="1.5"></path><path d="M9.44531 2L9.44531 5.5" stroke="currentColor" stroke-width="1.5"></path><path d="M14.5547 18V15.5" stroke="currentColor" stroke-width="1.5"></path>', 9)
+  return u(), m("svg", Kn, e[0] || (e[0] = [
+    Ze('<circle cx="4.5" cy="12.5" r="1.5" stroke="currentColor" stroke-width="1.5"></circle><circle cx="9.5" cy="8.5" r="1.5" transform="rotate(-180 9.5 8.5)" stroke="currentColor" stroke-width="1.5"></circle><circle cx="14.5" cy="12.5" r="1.5" stroke="currentColor" stroke-width="1.5"></circle><path d="M4.55469 10.5V2" stroke="currentColor" stroke-width="1.5"></path><path d="M9.44531 9.5L9.44531 18" stroke="currentColor" stroke-width="1.5"></path><path d="M14.5547 10.5V2" stroke="currentColor" stroke-width="1.5"></path><path d="M4.55469 18V15.5" stroke="currentColor" stroke-width="1.5"></path><path d="M9.44531 2L9.44531 5.5" stroke="currentColor" stroke-width="1.5"></path><path d="M14.5547 18V15.5" stroke="currentColor" stroke-width="1.5"></path>', 9)
   ]));
 }
-const Xn = /* @__PURE__ */ P(Un, [["render", qn]]), Gn = {}, Yn = {
+const Gn = /* @__PURE__ */ P(Yn, [["render", qn]]), Jn = {}, Qn = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function Jn(t, e) {
-  return p(), m("svg", Yn, e[0] || (e[0] = [
-    h("path", {
+function eo(t, e) {
+  return u(), m("svg", Qn, e[0] || (e[0] = [
+    p("path", {
       d: "M9.4676 15.1809L5.5026 16.5026V9.41927L1.76927 5.3126C1.49048 5.00588 1.33598 4.60627 1.33594 4.19177V2.33594H14.6693V4.14594C14.6692 4.58793 14.4935 5.01178 14.1809 5.32427L10.5026 9.0026V10.2526",
       stroke: "currentColor",
       "stroke-width": "1.5",
       "stroke-linecap": "round",
       "stroke-linejoin": "round"
     }, null, -1),
-    h("path", {
+    p("path", {
       d: "M16 16.8926V11M13.0537 13.9463H18.9463",
       stroke: "currentColor",
       "stroke-width": "1.5",
@@ -436,50 +436,50 @@ function Jn(t, e) {
     }, null, -1)
   ]));
 }
-const Qn = /* @__PURE__ */ P(Gn, [["render", Jn]]), eo = {
+const to = /* @__PURE__ */ P(Jn, [["render", eo]]), no = {
   // arrow icons
-  arrowDown: bt,
-  arrowTop: Lt,
-  arrowRight: Et,
-  arrowLeft: Dt,
-  arrowReload: Vt,
+  arrowDown: xt,
+  arrowTop: St,
+  arrowRight: Ht,
+  arrowLeft: At,
+  arrowReload: Tt,
   // table icons
-  columnInsert: jt,
-  freeze: Ut,
-  unfreeze: Gt,
-  columnsMove: ln,
-  empty: en,
+  columnInsert: Ft,
+  freeze: Yt,
+  unfreeze: Jt,
+  columnsMove: rn,
+  empty: nn,
   // actions icons
-  listBullet: cn,
-  listBulletHorizontal: hn,
-  close: _n,
+  listBullet: un,
+  listBulletHorizontal: vn,
+  close: wn,
   // filter icons
-  filterSave: kn,
-  filterReset: Mn,
-  filterNew: In,
-  filterMultiselect: Tn,
-  filterExchange: Wn,
-  filterEdit: On,
-  filterDateCheck: Zn,
-  filterAdvanced: Xn,
-  filterAdd: Qn
-}, J = /* @__PURE__ */ se({
+  filterSave: yn,
+  filterReset: $n,
+  filterNew: Bn,
+  filterMultiselect: zn,
+  filterExchange: Pn,
+  filterEdit: Nn,
+  filterDateCheck: Xn,
+  filterAdvanced: Gn,
+  filterAdd: to
+}, J = /* @__PURE__ */ te({
   __name: "VIcon",
   props: {
     name: {}
   },
   setup(t) {
-    const e = t, o = L(() => eo[e.name]);
-    return (n, s) => o.value ? (p(), ce(Fe(o.value), { key: 0 })) : A("", !0);
+    const e = t, o = S(() => no[e.name]);
+    return (n, l) => o.value ? (u(), oe(Ue(o.value), { key: 0 })) : W("", !0);
   }
-}), to = {}, no = { class: "vt-loader" };
-function oo(t, e) {
-  return p(), m("span", no);
+}), oo = {}, lo = { class: "vt-loader" };
+function so(t, e) {
+  return u(), m("span", lo);
 }
-const Ke = /* @__PURE__ */ P(to, [["render", oo]]), lo = ["disabled", "type", "data-placement"], so = {
+const Ge = /* @__PURE__ */ P(oo, [["render", so]]), ro = ["disabled", "type", "data-placement"], io = {
   key: 2,
   class: "vt-button__content"
-}, Ce = /* @__PURE__ */ se({
+}, Ce = /* @__PURE__ */ te({
   __name: "VButton",
   props: {
     type: { default: "default" },
@@ -493,54 +493,54 @@ const Ke = /* @__PURE__ */ P(to, [["render", oo]]), lo = ["disabled", "type", "d
   },
   emits: ["click"],
   setup(t, { emit: e }) {
-    const o = t, n = e, s = Ze(), l = L(() => !!(o.icon && o.shape)), a = L(() => {
-      var y, $;
-      const c = s.default ? s.default({}) : null;
-      return (($ = (y = c == null ? void 0 : c[0]) == null ? void 0 : y.children) == null ? void 0 : $.toString()) ?? "";
-    }), r = L(() => [
+    const o = t, n = e, l = Se(), s = S(() => !!(o.icon && o.shape)), a = S(() => {
+      var C, x;
+      const r = l.default ? l.default({}) : null;
+      return ((x = (C = r == null ? void 0 : r[0]) == null ? void 0 : C.children) == null ? void 0 : x.toString()) ?? "";
+    }), c = S(() => [
       "vt-button",
       `vt-button--${o.type}`,
       {
         [`vt-button--${o.shape}`]: o.shape,
-        "vt-button--icon-only": l.value,
+        "vt-button--icon-only": s.value,
         "vt-button--disabled": o.disabled || o.loading,
         "vt-button--loading": o.loading
       }
-    ]), i = L(() => l.value && o.tooltip ? a.value : null), u = (c) => {
-      !o.disabled && !o.loading && n("click", c);
+    ]), i = S(() => s.value && o.tooltip ? a.value : null), d = (r) => {
+      !o.disabled && !o.loading && n("click", r);
     };
-    return (c, y) => {
-      const $ = Ue("tooltip");
-      return $e((p(), m("button", {
-        class: D(r.value),
+    return (r, C) => {
+      const x = Xe("tooltip");
+      return Ve((u(), m("button", {
+        class: E(c.value),
         disabled: o.disabled || o.loading,
         type: o.htmlType,
         "data-placement": o.tooltipPlacement,
-        onClick: u
+        onClick: d
       }, [
-        o.loading ? (p(), ce(Ke, {
+        o.loading ? (u(), oe(Ge, {
           key: 0,
           class: "vt-button__icon"
-        })) : o.icon ? (p(), ce(J, {
+        })) : o.icon ? (u(), oe(J, {
           key: 1,
           name: o.icon,
           class: "vt-button__icon"
-        }, null, 8, ["name"])) : A("", !0),
-        l.value ? A("", !0) : (p(), m("span", so, [
-          pe(c.$slots, "default")
+        }, null, 8, ["name"])) : W("", !0),
+        s.value ? W("", !0) : (u(), m("span", io, [
+          de(r.$slots, "default")
         ]))
-      ], 10, lo)), [
-        [$, i.value]
+      ], 10, ro)), [
+        [x, i.value]
       ]);
     };
   }
-}), ro = {
+}), ao = {
   key: 0,
   class: "vt-modal__header"
-}, io = {
+}, co = {
   key: 0,
   class: "vt-modal__title"
-}, ao = { class: "vt-modal__content" }, qe = /* @__PURE__ */ se({
+}, uo = { class: "vt-modal__content" }, Je = /* @__PURE__ */ te({
   __name: "VModal",
   props: {
     modelValue: { type: Boolean },
@@ -552,42 +552,42 @@ const Ke = /* @__PURE__ */ P(to, [["render", oo]]), lo = ["disabled", "type", "d
   },
   emits: ["update:modelValue", "close"],
   setup(t, { emit: e }) {
-    const o = t, n = e, s = L(() => ["vt-modal__container", `vt-modal__container--${o.size}`]), l = L(() => ({
+    const o = t, n = e, l = S(() => ["vt-modal__container", `vt-modal__container--${o.size}`]), s = S(() => ({
       zIndex: o.zIndex
     })), a = () => {
       n("update:modelValue", !1), n("close");
-    }, r = () => {
+    }, c = () => {
       o.closeOnBackdropClick && a();
     };
-    return (i, u) => (p(), ce(ut, { to: "body" }, [
-      i.modelValue ? (p(), m("div", {
+    return (i, d) => (u(), oe(Ye, { to: "body" }, [
+      i.modelValue ? (u(), m("div", {
         key: 0,
         class: "vt-modal__backdrop",
-        style: ie(l.value),
-        onClick: r
+        style: se(s.value),
+        onClick: c
       }, [
-        h("div", {
-          class: D(s.value),
-          onClick: u[0] || (u[0] = he(() => {
+        p("div", {
+          class: E(l.value),
+          onClick: d[0] || (d[0] = he(() => {
           }, ["stop"]))
         }, [
-          i.title || i.showCloseButton ? (p(), m("div", ro, [
-            i.title ? (p(), m("h2", io, te(i.title), 1)) : A("", !0),
-            i.showCloseButton ? (p(), ce(J, {
+          i.title || i.showCloseButton ? (u(), m("div", ao, [
+            i.title ? (u(), m("h2", co, ee(i.title), 1)) : W("", !0),
+            i.showCloseButton ? (u(), oe(J, {
               key: 1,
               name: "close",
               class: "vt-modal__close",
               onClick: a
-            })) : A("", !0)
-          ])) : A("", !0),
-          h("div", ao, [
-            pe(i.$slots, "default")
+            })) : W("", !0)
+          ])) : W("", !0),
+          p("div", uo, [
+            de(i.$slots, "default")
           ])
         ], 2)
-      ], 4)) : A("", !0)
+      ], 4)) : W("", !0)
     ]));
   }
-}), co = { class: "vt-pagination" }, uo = { class: "vt-pagination__info" }, po = { class: "vt-pagination__rows-per-page" }, ho = ["value"], mo = { class: "vt-pagination__navigation" }, vo = ["disabled"], fo = ["onClick"], _o = ["disabled"], go = /* @__PURE__ */ se({
+}), po = { class: "vt-pagination" }, ho = { class: "vt-pagination__info" }, mo = { class: "vt-pagination__rows-per-page" }, vo = ["value"], fo = { class: "vt-pagination__navigation" }, _o = ["disabled"], go = ["onClick"], wo = ["disabled"], Co = /* @__PURE__ */ te({
   __name: "VPagination",
   props: {
     totalItems: {},
@@ -598,103 +598,103 @@ const Ke = /* @__PURE__ */ P(to, [["render", oo]]), lo = ["disabled", "type", "d
   },
   emits: ["update:currentPage", "update:pageSize", "pageChange", "reloadData"],
   setup(t, { emit: e }) {
-    const o = t, n = e, s = L({
+    const o = t, n = e, l = S({
       get: () => o.currentPage,
-      set: (x) => n("update:currentPage", x)
-    }), l = L({
+      set: (y) => n("update:currentPage", y)
+    }), s = S({
       get: () => o.pageSize,
-      set: (x) => n("update:pageSize", x)
-    }), a = L(() => Math.ceil(o.totalItems / l.value)), r = L(() => o.totalItems === 0 ? 0 : (s.value - 1) * l.value + 1), i = L(() => Math.min(s.value * l.value, o.totalItems)), u = L(() => s.value <= 1), c = L(() => s.value >= a.value), y = L(() => {
-      const x = [], B = a.value, I = s.value, K = o.maxVisiblePages;
-      if (B <= K)
-        for (let M = 1; M <= B; M++)
-          x.push(M);
+      set: (y) => n("update:pageSize", y)
+    }), a = S(() => Math.ceil(o.totalItems / s.value)), c = S(() => o.totalItems === 0 ? 0 : (l.value - 1) * s.value + 1), i = S(() => Math.min(l.value * s.value, o.totalItems)), d = S(() => l.value <= 1), r = S(() => l.value >= a.value), C = S(() => {
+      const y = [], V = a.value, I = l.value, q = o.maxVisiblePages;
+      if (V <= q)
+        for (let X = 1; X <= V; X++)
+          y.push(X);
       else {
-        x.push(1);
-        const M = Math.max(2, I - Math.floor(K / 2)), z = Math.min(B - 1, I + Math.floor(K / 2));
-        M > 2 && x.push("...");
-        for (let H = M; H <= z; H++)
-          x.push(H);
-        z < B - 1 && x.push("..."), B > 1 && x.push(B);
+        y.push(1);
+        const X = Math.max(2, I - Math.floor(q / 2)), M = Math.min(V - 1, I + Math.floor(q / 2));
+        X > 2 && y.push("...");
+        for (let $ = X; $ <= M; $++)
+          y.push($);
+        M < V - 1 && y.push("..."), V > 1 && y.push(V);
       }
-      return x;
-    }), $ = () => {
+      return y;
+    }), x = () => {
       n("pageChange", {
-        page: s.value,
-        pageSize: l.value
+        page: l.value,
+        pageSize: s.value
       });
-    }, N = (x) => {
-      typeof x == "number" && x !== s.value && (s.value = x, $());
-    }, q = () => {
-      u.value || (s.value--, $());
+    }, z = (y) => {
+      typeof y == "number" && y !== l.value && (l.value = y, x());
+    }, F = () => {
+      d.value || (l.value--, x());
     }, U = () => {
-      c.value || (s.value++, $());
-    }, G = () => {
-      s.value = 1, $();
-    }, Y = () => {
-      n("reloadData", s.value);
+      r.value || (l.value++, x());
+    }, H = () => {
+      l.value = 1, x();
+    }, K = () => {
+      n("reloadData", l.value);
     };
-    return me(
+    return ve(
       () => o.totalItems,
       () => {
-        s.value > a.value && a.value > 0 && (s.value = a.value, $());
+        l.value > a.value && a.value > 0 && (l.value = a.value, x());
       }
-    ), (x, B) => (p(), m("div", co, [
-      h("div", uo, [
-        h("div", po, [
-          B[1] || (B[1] = h("label", {
+    ), (y, V) => (u(), m("div", po, [
+      p("div", ho, [
+        p("div", mo, [
+          V[1] || (V[1] = p("label", {
             for: "rowsSelect",
             class: "vt-pagination__label"
           }, "Рядків на сторінку:", -1)),
-          $e(h("select", {
+          Ve(p("select", {
             id: "rowsSelect",
-            "onUpdate:modelValue": B[0] || (B[0] = (I) => l.value = I),
-            onChange: G,
+            "onUpdate:modelValue": V[0] || (V[0] = (I) => s.value = I),
+            onChange: H,
             class: "vt-pagination__select"
           }, [
-            (p(!0), m(oe, null, le(x.pageSizeOptions, (I) => (p(), m("option", {
+            (u(!0), m(re, null, ie(y.pageSizeOptions, (I) => (u(), m("option", {
               key: I,
               value: I
-            }, te(I), 9, ho))), 128))
+            }, ee(I), 9, vo))), 128))
           ], 544), [
-            [dt, l.value]
+            [vt, s.value]
           ])
         ]),
-        h("span", null, te(r.value) + " - " + te(i.value) + " з " + te(x.totalItems), 1)
+        p("span", null, ee(c.value) + " - " + ee(i.value) + " з " + ee(y.totalItems), 1)
       ]),
-      h("div", mo, [
-        h("button", {
-          onClick: q,
-          disabled: u.value,
-          class: D({ "vt-pagination__nav-button": !0, "has-items": !u.value })
+      p("div", fo, [
+        p("button", {
+          onClick: F,
+          disabled: d.value,
+          class: E({ "vt-pagination__nav-button": !0, "has-items": !d.value })
         }, [
-          F(J, { name: "arrowLeft" })
-        ], 10, vo),
-        (p(!0), m(oe, null, le(y.value, (I) => (p(), m("button", {
+          Z(J, { name: "arrowLeft" })
+        ], 10, _o),
+        (u(!0), m(re, null, ie(C.value, (I) => (u(), m("button", {
           key: I,
-          onClick: (K) => N(I),
-          class: D(["vt-pagination__nav-button", {
-            "vt-pagination__nav-button--active": I === s.value
+          onClick: (q) => z(I),
+          class: E(["vt-pagination__nav-button", {
+            "vt-pagination__nav-button--active": I === l.value
           }])
-        }, te(I), 11, fo))), 128)),
-        h("button", {
+        }, ee(I), 11, go))), 128)),
+        p("button", {
           onClick: U,
-          disabled: c.value,
-          class: D({ "vt-pagination__nav-button": !0, "has-items": !c.value })
+          disabled: r.value,
+          class: E({ "vt-pagination__nav-button": !0, "has-items": !r.value })
         }, [
-          F(J, { name: "arrowRight" })
-        ], 10, _o)
+          Z(J, { name: "arrowRight" })
+        ], 10, wo)
       ]),
-      h("div", null, [
-        F(Ce, {
+      p("div", null, [
+        Z(Ce, {
           icon: "arrowReload",
           shape: "circle",
           tooltip: "",
           tooltipPlacement: "left",
-          onClick: Y
+          onClick: K
         }, {
-          default: Me(() => B[2] || (B[2] = [
-            ge("Оновити дані ", -1)
+          default: ue(() => V[2] || (V[2] = [
+            we("Оновити дані ", -1)
           ])),
           _: 1,
           __: [2]
@@ -702,7 +702,7 @@ const Ke = /* @__PURE__ */ P(to, [["render", oo]]), lo = ["disabled", "type", "d
       ])
     ]));
   }
-}), Co = ["for"], wo = ["id", "name", "value", "checked", "disabled", "required", ".indeterminate"], ue = /* @__PURE__ */ se({
+}), ko = ["for"], bo = ["id", "name", "value", "checked", "disabled", "required", ".indeterminate"], pe = /* @__PURE__ */ te({
   __name: "VCheckbox",
   props: {
     modelValue: { type: Boolean, default: void 0 },
@@ -720,55 +720,55 @@ const Ke = /* @__PURE__ */ P(to, [["render", oo]]), lo = ["disabled", "type", "d
   },
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(t, { emit: e }) {
-    const o = t, n = e, s = () => `vt-checkbox-${Math.random().toString(36).substr(2, 9)}`, l = L(() => o.id || s()), a = L(() => o.modelValue ?? o.checked), r = (c) => {
+    const o = t, n = e, l = () => `vt-checkbox-${Math.random().toString(36).substr(2, 9)}`, s = S(() => o.id || l()), a = S(() => o.modelValue ?? o.checked), c = (r) => {
       if (o.disabled) return;
-      const $ = c.target.checked;
-      n("update:modelValue", $), n("change", $, c);
-    }, i = (c) => {
-      n("focus", c);
-    }, u = (c) => {
-      n("blur", c);
+      const x = r.target.checked;
+      n("update:modelValue", x), n("change", x, r);
+    }, i = (r) => {
+      n("focus", r);
+    }, d = (r) => {
+      n("blur", r);
     };
-    return (c, y) => (p(), m("label", {
-      class: D([
+    return (r, C) => (u(), m("label", {
+      class: E([
         "vt-checkbox",
-        `vt-checkbox--${c.size}`,
-        `vt-checkbox--${c.variant}`,
+        `vt-checkbox--${r.size}`,
+        `vt-checkbox--${r.variant}`,
         {
-          "vt-checkbox--disabled": c.disabled,
-          "vt-checkbox--double": c.isDouble
+          "vt-checkbox--disabled": r.disabled,
+          "vt-checkbox--double": r.isDouble
         }
       ]),
-      for: l.value
+      for: s.value
     }, [
-      h("input", {
-        id: l.value,
-        name: c.name,
-        value: c.value,
+      p("input", {
+        id: s.value,
+        name: r.name,
+        value: r.value,
         checked: a.value,
-        disabled: c.disabled,
-        required: c.required,
-        ".indeterminate": c.indeterminate,
+        disabled: r.disabled,
+        required: r.required,
+        ".indeterminate": r.indeterminate,
         type: "checkbox",
         class: "vt-checkbox__input",
-        onChange: r,
+        onChange: c,
         onFocus: i,
-        onBlur: u
-      }, null, 40, wo),
-      h("div", {
-        class: D([
+        onBlur: d
+      }, null, 40, bo),
+      p("div", {
+        class: E([
           "vt-checkbox__box",
           {
-            "vt-checkbox__box--checked": a.value && !c.indeterminate && !c.isDouble,
-            "vt-checkbox__box--indeterminate": c.indeterminate,
-            "vt-checkbox__box--double": c.isDouble && a.value,
-            "vt-checkbox__box--disabled": c.disabled
+            "vt-checkbox__box--checked": a.value && !r.indeterminate && !r.isDouble,
+            "vt-checkbox__box--indeterminate": r.indeterminate,
+            "vt-checkbox__box--double": r.isDouble && a.value,
+            "vt-checkbox__box--disabled": r.disabled
           }
         ])
       }, [
-        !c.indeterminate && !c.isDouble ? (p(), m("svg", {
+        !r.indeterminate && !r.isDouble ? (u(), m("svg", {
           key: 0,
-          class: D([
+          class: E([
             "vt-checkbox__checkmark",
             {
               "vt-checkbox__checkmark--checked": a.value
@@ -779,17 +779,17 @@ const Ke = /* @__PURE__ */ P(to, [["render", oo]]), lo = ["disabled", "type", "d
           viewBox: "0 0 10 9",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg"
-        }, y[0] || (y[0] = [
-          h("path", {
+        }, C[0] || (C[0] = [
+          p("path", {
             d: "M1 5L3.58264 7.58264C3.80112 7.80112 4.16348 7.77113 4.34306 7.51971L9 1",
             stroke: "currentColor",
             "stroke-width": "2",
             "stroke-linecap": "round"
           }, null, -1)
-        ]), 2)) : A("", !0),
-        c.isDouble && a.value ? (p(), m("svg", {
+        ]), 2)) : W("", !0),
+        r.isDouble && a.value ? (u(), m("svg", {
           key: 1,
-          class: D([
+          class: E([
             "vt-checkbox__checkmark",
             {
               "vt-checkbox__checkmark--checked": a.value
@@ -800,214 +800,214 @@ const Ke = /* @__PURE__ */ P(to, [["render", oo]]), lo = ["disabled", "type", "d
           viewBox: "0 0 13 6",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg"
-        }, y[1] || (y[1] = [
-          h("path", {
+        }, C[1] || (C[1] = [
+          p("path", {
             d: "M6 3L8.25 5L12 1",
             stroke: "currentColor",
             "stroke-width": "2",
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
           }, null, -1),
-          h("path", {
+          p("path", {
             d: "M1 3L3.25 5L7 1",
             stroke: "currentColor",
             "stroke-width": "2",
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
           }, null, -1)
-        ]), 2)) : A("", !0),
-        c.indeterminate ? (p(), m("div", {
+        ]), 2)) : W("", !0),
+        r.indeterminate ? (u(), m("div", {
           key: 2,
-          class: D([
+          class: E([
             "vt-checkbox__indeterminate-mark",
             {
-              "vt-checkbox__indeterminate-mark--visible": c.indeterminate
+              "vt-checkbox__indeterminate-mark--visible": r.indeterminate
             }
           ])
-        }, null, 2)) : A("", !0)
+        }, null, 2)) : W("", !0)
       ], 2),
-      c.label || c.$slots.label || c.$slots.default ? (p(), m("span", {
+      r.label || r.$slots.label || r.$slots.default ? (u(), m("span", {
         key: 0,
-        class: D([
+        class: E([
           "vt-checkbox__label",
           {
-            "vt-checkbox__label--disabled": c.disabled
+            "vt-checkbox__label--disabled": r.disabled
           }
         ])
       }, [
-        pe(c.$slots, "label", {}, () => [
-          pe(c.$slots, "default", {}, () => [
-            ge(te(c.label), 1)
+        de(r.$slots, "label", {}, () => [
+          de(r.$slots, "default", {}, () => [
+            we(ee(r.label), 1)
           ])
         ])
-      ], 2)) : A("", !0)
-    ], 10, Co));
+      ], 2)) : W("", !0)
+    ], 10, ko));
   }
 });
-function ko(t) {
-  const e = L(() => [...t].sort((s, l) => s.pinnedLeft && !l.pinnedLeft ? -1 : !s.pinnedLeft && l.pinnedLeft || s.pinnedRight && !l.pinnedRight ? 1 : !s.pinnedRight && l.pinnedRight ? -1 : 0)), o = () => {
-    const s = e.value.length, l = e.value.filter((c) => c.width || c.minWidth), a = l.reduce((c, y) => c + (y.width || y.minWidth || 0), 0), r = s - l.length;
-    if (r === 0) return 150;
-    const u = Math.max(800 - a, r * 80);
-    return Math.max(Math.floor(u / r), 120);
+function yo(t) {
+  const e = S(() => [...t].sort((l, s) => l.pinnedLeft && !s.pinnedLeft ? -1 : !l.pinnedLeft && s.pinnedLeft || l.pinnedRight && !s.pinnedRight ? 1 : !l.pinnedRight && s.pinnedRight ? -1 : 0)), o = () => {
+    const l = e.value.length, s = e.value.filter((r) => r.width || r.minWidth), a = s.reduce((r, C) => r + (C.width || C.minWidth || 0), 0), c = l - s.length;
+    if (c === 0) return 150;
+    const d = Math.max(800 - a, c * 80);
+    return Math.max(Math.floor(d / c), 120);
   };
   return {
     sortedColumns: e,
     getDefaultColumnWidth: o,
-    getStickyOffset: (s, l, a = !1) => {
-      const r = e.value;
+    getStickyOffset: (l, s, a = !1) => {
+      const c = e.value;
       let i = 0;
-      if (s === "left") {
+      if (l === "left") {
         a && (i += 50);
-        for (let u = 0; u < l; u++) {
-          const c = r[u];
-          c.pinnedLeft && (i += c.width || c.minWidth || o());
+        for (let d = 0; d < s; d++) {
+          const r = c[d];
+          r.pinnedLeft && (i += r.width || r.minWidth || o());
         }
       } else
-        for (let u = r.length - 1; u > l; u--) {
-          const c = r[u];
-          c.pinnedRight && (i += c.width || c.minWidth || o());
+        for (let d = c.length - 1; d > s; d--) {
+          const r = c[d];
+          r.pinnedRight && (i += r.width || r.minWidth || o());
         }
       return i;
     }
   };
 }
-function bo(t) {
+function xo(t) {
   const e = () => {
-    const l = {};
-    return t.maxHeight && (l.maxHeight = `${t.maxHeight}px`), l;
-  }, o = (l, a, r, i) => {
-    const u = {};
-    if (l.width)
-      u.width = `${l.width}px`, u.minWidth = `${l.width}px`, u.maxWidth = `${l.width}px`;
-    else if (l.minWidth)
-      u.minWidth = `${l.minWidth}px`, u.width = `${l.minWidth}px`, u.maxWidth = "none";
+    const s = {};
+    return t.maxHeight && (s.maxHeight = `${t.maxHeight}px`), s;
+  }, o = (s, a, c, i) => {
+    const d = {};
+    if (s.width)
+      d.width = `${s.width}px`, d.minWidth = `${s.width}px`, d.maxWidth = `${s.width}px`;
+    else if (s.minWidth)
+      d.minWidth = `${s.minWidth}px`, d.width = `${s.minWidth}px`, d.maxWidth = "none";
     else {
-      const c = i();
-      u.width = `${c}px`, u.minWidth = "80px", u.maxWidth = "none";
+      const r = i();
+      d.width = `${r}px`, d.minWidth = "80px", d.maxWidth = "none";
     }
-    return l.pinnedLeft ? (u.position = "sticky", u.left = `${r("left", a, t.selectable)}px`, u.zIndex = "10") : l.pinnedRight && (u.position = "sticky", u.right = `${r("right", a, !1)}px`, u.zIndex = "10"), u;
+    return s.pinnedLeft ? (d.position = "sticky", d.left = `${c("left", a, t.selectable)}px`, d.zIndex = "10") : s.pinnedRight && (d.position = "sticky", d.right = `${c("right", a, !1)}px`, d.zIndex = "10"), d;
   };
   return {
     getTableWrapperStyle: e,
     getColumnStyle: o,
-    getHeaderStyle: (l, a, r, i) => {
-      const u = o(l, a, r, i);
-      return t.maxHeight && (u.position = "sticky", u.top = "0", l.pinnedLeft || l.pinnedRight ? u.zIndex = "12" : u.zIndex = "11"), u;
+    getHeaderStyle: (s, a, c, i) => {
+      const d = o(s, a, c, i);
+      return t.maxHeight && (d.position = "sticky", d.top = "0", s.pinnedLeft || s.pinnedRight ? d.zIndex = "12" : d.zIndex = "11"), d;
     },
-    getFooterStyle: (l, a, r, i) => {
-      const u = o(l, a, r, i);
-      return t.maxHeight && (u.position = "sticky", u.bottom = "0", l.pinnedLeft || l.pinnedRight ? u.zIndex = "12" : u.zIndex = "11"), u;
+    getFooterStyle: (s, a, c, i) => {
+      const d = o(s, a, c, i);
+      return t.maxHeight && (d.position = "sticky", d.bottom = "0", s.pinnedLeft || s.pinnedRight ? d.zIndex = "12" : d.zIndex = "11"), d;
     }
   };
 }
-function yo() {
-  const t = O({
+function Mo() {
+  const t = j({
     resizingCol: null,
     startX: 0,
     startWidth: 0
   }), e = `url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'><path d='M5 13L2 10L5 7' stroke='%23828282' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M15 7L18 10L15 13' stroke='%23828282' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M10 3L10 17' stroke='%23828282' stroke-width='3' stroke-linecap='round'/></svg>") 10 10, col-resize`;
   return {
-    onMouseDown: (n, s, l, a) => {
-      n.preventDefault(), n.stopPropagation(), t.value.resizingCol = s, t.value.startX = n.clientX, t.value.startWidth = s.width || s.minWidth || l(s.prop);
-      const r = (u) => {
-        const { resizingCol: c, startX: y, startWidth: $ } = t.value;
-        if (!c) return;
-        document.querySelectorAll(`[data-resizer="${c.prop}"]`).forEach((Y) => {
-          Y.classList.add("vt-table__resizer--active");
+    onMouseDown: (n, l, s, a) => {
+      n.preventDefault(), n.stopPropagation(), t.value.resizingCol = l, t.value.startX = n.clientX, t.value.startWidth = l.width || l.minWidth || s(l.prop);
+      const c = (d) => {
+        const { resizingCol: r, startX: C, startWidth: x } = t.value;
+        if (!r) return;
+        document.querySelectorAll(`[data-resizer="${r.prop}"]`).forEach((K) => {
+          K.classList.add("vt-table__resizer--active");
         });
-        const N = u.clientX - y, q = c.minWidth || 50, U = c.maxWidth || 1e3, G = Math.max(Math.min($ + N, U), q);
-        c.width = G;
+        const z = d.clientX - C, F = r.minWidth || 50, U = r.maxWidth || 1e3, H = Math.max(Math.min(x + z, U), F);
+        r.width = H;
       }, i = () => {
-        const { resizingCol: u } = t.value;
-        document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", i), document.body.style.cursor = "", document.body.style.userSelect = "", document.body.classList.remove("vt-table-resizing"), u && (document.querySelectorAll(`[data-resizer="${u.prop}"]`).forEach((c) => {
-          c.classList.remove("vt-table__resizer--active");
-        }), a && u.width && a(u.width)), t.value.resizingCol = null;
+        const { resizingCol: d } = t.value;
+        document.removeEventListener("mousemove", c), document.removeEventListener("mouseup", i), document.body.style.cursor = "", document.body.style.userSelect = "", document.body.classList.remove("vt-table-resizing"), d && (document.querySelectorAll(`[data-resizer="${d.prop}"]`).forEach((r) => {
+          r.classList.remove("vt-table__resizer--active");
+        }), a && d.width && a(d.width)), t.value.resizingCol = null;
       };
-      document.addEventListener("mousemove", r), document.addEventListener("mouseup", i), document.body.style.cursor = e, document.body.style.userSelect = "none", document.body.classList.add("vt-table-resizing");
+      document.addEventListener("mousemove", c), document.addEventListener("mouseup", i), document.body.style.cursor = e, document.body.style.userSelect = "none", document.body.classList.add("vt-table-resizing");
     },
     resizeState: t
   };
 }
-function xo(t, e, o, n) {
-  var Q;
-  const s = t.selectionKey || "id", l = O([]), a = O(null), r = O(!1);
-  (Q = t.defaultSelection) != null && Q.length && (l.value = [...t.defaultSelection]);
-  const i = (w) => w[s], u = (w) => r.value ? !0 : l.value.some((C) => i(C) === i(w)), c = L(() => e.value.filter((w) => u(w)).length), y = L(() => e.value.length > 0 && c.value === e.value.length), $ = L(() => {
-    if (r.value) return !1;
-    const w = c.value;
-    return w > 0 && w < e.value.length;
-  }), N = L(() => r.value ? !0 : y.value && !$.value), q = L(() => r.value), U = (w, C) => {
-    const V = i(w), X = l.value.some((f) => i(f) === i(w)), d = C !== void 0 ? C : !X;
-    if (r.value && !d) {
-      r.value = !1, n != null && n.value && (l.value = n.value.filter((f) => i(f) !== V)), H(w, !1);
+function Lo(t, e, o, n) {
+  var A;
+  const l = t.selectionKey || "id", s = j([]), a = j(null), c = j(!1);
+  (A = t.defaultSelection) != null && A.length && (s.value = [...t.defaultSelection]);
+  const i = (g) => g[l], d = (g) => c.value ? !0 : s.value.some((k) => i(k) === i(g)), r = S(() => e.value.filter((g) => d(g)).length), C = S(() => e.value.length > 0 && r.value === e.value.length), x = S(() => {
+    if (c.value) return !1;
+    const g = r.value;
+    return g > 0 && g < e.value.length;
+  }), z = S(() => c.value ? !0 : C.value && !x.value), F = S(() => c.value), U = (g, k) => {
+    const Y = i(g), le = s.value.some((f) => i(f) === i(g)), h = k !== void 0 ? k : !le;
+    if (c.value && !h) {
+      c.value = !1, n != null && n.value && (s.value = n.value.filter((f) => i(f) !== Y)), $(g, !1);
       return;
     }
-    r.value && d || (d && !X ? l.value.push(w) : !d && X && (l.value = l.value.filter((f) => i(f) !== V)), t.selectOnClickRow && C === void 0 && K(d ? w : null), H(w, d));
-  }, G = () => {
-    switch (Y()) {
+    c.value && h || (h && !le ? s.value.push(g) : !h && le && (s.value = s.value.filter((f) => i(f) !== Y)), t.selectOnClickRow && k === void 0 && q(h ? g : null), $(g, h));
+  }, H = () => {
+    switch (K()) {
       case "none":
       case "partial":
-        x();
+        y();
         break;
       case "allVisible":
-        B();
+        V();
         break;
       case "absoluteAll":
         I();
         break;
     }
-  }, Y = () => r.value ? "absoluteAll" : y.value ? "allVisible" : c.value > 0 ? "partial" : "none", x = () => {
-    const w = [], C = new Set(l.value.map((V) => i(V)));
-    l.value.forEach((V) => {
-      w.push(V);
-    }), e.value.forEach((V) => {
-      C.has(i(V)) || w.push(V);
-    }), l.value = w, r.value = !1, H();
-  }, B = () => {
-    r.value = !0, n != null && n.value ? l.value = [...n.value] : l.value = [...e.value], H(void 0, void 0, !0);
+  }, K = () => c.value ? "absoluteAll" : C.value ? "allVisible" : r.value > 0 ? "partial" : "none", y = () => {
+    const g = [], k = new Set(s.value.map((Y) => i(Y)));
+    s.value.forEach((Y) => {
+      g.push(Y);
+    }), e.value.forEach((Y) => {
+      k.has(i(Y)) || g.push(Y);
+    }), s.value = g, c.value = !1, $();
+  }, V = () => {
+    c.value = !0, n != null && n.value ? s.value = [...n.value] : s.value = [...e.value], $(void 0, void 0, !0);
   }, I = () => {
-    l.value = [], r.value = !1, a.value = null, H();
-  }, K = (w) => {
-    const C = a.value;
-    a.value = w, o("current-change", {
+    s.value = [], c.value = !1, a.value = null, $();
+  }, q = (g) => {
+    const k = a.value;
+    a.value = g, o("current-change", {
       currentRow: a.value,
-      oldCurrentRow: C
+      oldCurrentRow: k
     });
-  }, M = () => [...l.value], z = (w) => {
-    l.value = [...w], r.value = !1, H();
-  }, H = (w, C, V = !1) => {
-    const X = {
-      selection: [...l.value],
-      row: w,
-      selected: C,
-      isAllSelected: V || r.value
+  }, X = () => [...s.value], M = (g) => {
+    s.value = [...g], c.value = !1, $();
+  }, $ = (g, k, Y = !1) => {
+    const le = {
+      selection: [...s.value],
+      row: g,
+      selected: k,
+      isAllSelected: Y || c.value
     };
-    o("selection-change", X);
+    o("selection-change", le);
   };
-  return me(
+  return ve(
     () => t.defaultSelection,
-    (w) => {
-      w != null && w.length && (l.value = [...w]);
+    (g) => {
+      g != null && g.length && (s.value = [...g]);
     }
   ), {
-    selectedRows: l,
+    selectedRows: s,
     currentRow: a,
-    isRowSelected: u,
-    isAllSelected: N,
-    isIndeterminate: $,
-    isDoubleCheck: q,
-    isFullSelection: r,
+    isRowSelected: d,
+    isAllSelected: z,
+    isIndeterminate: x,
+    isDoubleCheck: F,
+    isFullSelection: c,
     toggleRowSelection: U,
-    toggleAllSelection: G,
+    toggleAllSelection: H,
     clearSelection: I,
-    setCurrentRow: K,
-    getSelectionRows: M,
-    setSelectionRows: z,
-    selectAbsolutelyAll: B
+    setCurrentRow: q,
+    getSelectionRows: X,
+    setSelectionRows: M,
+    selectAbsolutelyAll: V
   };
 }
-function Mo(t, e) {
+function $o(t, e) {
   if (!t)
     return String(e.value ?? "");
   try {
@@ -1017,78 +1017,237 @@ function Mo(t, e) {
     return console.error("Error rendering table slot:", o), String(e.value ?? "");
   }
 }
-const Lo = (t, e, o = "asc") => {
+const So = (t, e, o = "asc") => {
   if (t == null && e == null) return 0;
   if (t == null) return o === "asc" ? 1 : -1;
   if (e == null) return o === "asc" ? -1 : 1;
   if (t === e) return 0;
   let n = 0;
-  const s = Number(t), l = Number(e);
-  return !isNaN(s) && !isNaN(l) ? n = s - l : He(t) && He(e) ? n = new Date(t).getTime() - new Date(e).getTime() : typeof t == "boolean" && typeof e == "boolean" ? n = t === e ? 0 : t ? -1 : 1 : n = String(t).localeCompare(String(e), void 0, {
+  const l = Number(t), s = Number(e);
+  return !isNaN(l) && !isNaN(s) ? n = l - s : We(t) && We(e) ? n = new Date(t).getTime() - new Date(e).getTime() : typeof t == "boolean" && typeof e == "boolean" ? n = t === e ? 0 : t ? -1 : 1 : n = String(t).localeCompare(String(e), void 0, {
     numeric: !0,
     sensitivity: "base"
   }), o === "desc" ? -n : n;
-}, He = (t) => t instanceof Date ? !isNaN(t.getTime()) : typeof t == "string" && /\d{4}-\d{2}-\d{2}|\//.test(t) ? !isNaN(new Date(t).getTime()) : !1, $o = (t, e, o) => {
+}, We = (t) => t instanceof Date ? !isNaN(t.getTime()) : typeof t == "string" && /\d{4}-\d{2}-\d{2}|\//.test(t) ? !isNaN(new Date(t).getTime()) : !1, Vo = (t, e, o) => {
   t.sortable && o({
     prop: t.prop,
     direction: e
   });
-}, We = (t, e) => {
+}, Pe = (t, e) => {
   const o = (e == null ? void 0 : e.prop) === t.prop, n = e == null ? void 0 : e.direction;
   return {
     asc: ["vt-th__sort-icon", o && n === "asc" && "vt-th__sortable-active"].filter(Boolean).join(" "),
     desc: ["vt-th__sort-icon", o && n === "desc" && "vt-th__sortable-active"].filter(Boolean).join(" ")
   };
-}, So = (t, e, o) => {
+}, Io = (t, e, o) => {
   if (!e) return [...t];
-  const n = o.find((l) => l.prop === e.prop);
+  const n = o.find((s) => s.prop === e.prop);
   if (!(n != null && n.sortable)) return [...t];
-  const s = n.sortMethod || Lo;
-  return [...t].sort((l, a) => {
-    const r = l[n.prop], i = a[n.prop];
-    return s(r, i, e.direction);
+  const l = n.sortMethod || So;
+  return [...t].sort((s, a) => {
+    const c = s[n.prop], i = a[n.prop];
+    return l(c, i, e.direction);
   });
-};
-class Io {
+}, Qe = Symbol("dropdown-context"), et = /* @__PURE__ */ te({
+  __name: "VDropdown",
+  props: {
+    trigger: { default: "hover" },
+    placement: { default: "bottom-start" },
+    disabled: { type: Boolean, default: !1 },
+    splitButton: { type: Boolean, default: !1 },
+    hideOnClick: { type: Boolean, default: !0 },
+    showTimeout: { default: 250 },
+    hideTimeout: { default: 150 },
+    tabindex: { default: 0 }
+  },
+  emits: ["visible-change", "click", "command"],
+  setup(t, { expose: e, emit: o }) {
+    const n = t, l = o, s = j(), a = j(), c = j(), i = j(!1), d = j(null), r = j({
+      position: "absolute",
+      top: "0px",
+      left: "0px",
+      zIndex: 2e3,
+      transformOrigin: "center top"
+    });
+    Se();
+    const C = async () => {
+      if (await ft(), !a.value || !c.value) return;
+      const M = a.value.getBoundingClientRect(), $ = c.value.getBoundingClientRect();
+      let A = 0, g = 0;
+      switch (n.placement) {
+        case "bottom":
+          A = M.bottom + window.scrollY + 5, g = M.left + window.scrollX + (M.width - $.width) / 2;
+          break;
+        case "bottom-start":
+          A = M.bottom + window.scrollY + 5, g = M.left + window.scrollX;
+          break;
+        case "bottom-end":
+          A = M.bottom + window.scrollY + 5, g = M.right + window.scrollX - $.width;
+          break;
+        case "top":
+          A = M.top + window.scrollY - $.height - 5, g = M.left + window.scrollX + (M.width - $.width) / 2;
+          break;
+        case "top-start":
+          A = M.top + window.scrollY - $.height - 5, g = M.left + window.scrollX;
+          break;
+        case "top-end":
+          A = M.top + window.scrollY - $.height - 5, g = M.right + window.scrollX - $.width;
+          break;
+      }
+      g + $.width > window.innerWidth && (g = window.innerWidth - $.width - 10), g < 10 && (g = 10), A + $.height > window.innerHeight && (A = M.top + window.scrollY - $.height - 5), A < 10 && (A = 10), r.value.top = `${A}px`, r.value.left = `${g}px`;
+    }, x = () => {
+      n.disabled || i.value || (F(), d.value = window.setTimeout(
+        async () => {
+          i.value = !0, await C(), l("visible-change", !0);
+        },
+        n.trigger === "hover" ? n.showTimeout : 0
+      ));
+    }, z = () => {
+      i.value && (F(), d.value = window.setTimeout(
+        () => {
+          i.value = !1, l("visible-change", !1);
+        },
+        n.trigger === "hover" ? n.hideTimeout : 0
+      ));
+    }, F = () => {
+      d.value && (window.clearTimeout(d.value), d.value = null);
+    };
+    Ke(Qe, {
+      handleCommand: (M) => {
+        console.log("VDropdown handleCommand called:", M), l("command", M), n.hideOnClick && z();
+      },
+      hideOnClick: n.hideOnClick
+    });
+    const H = (M) => {
+      n.disabled || (console.log("VDropdown click triggered"), l("click", M), n.trigger === "click" && (i.value ? z() : x()));
+    }, K = () => {
+      n.trigger === "hover" && x();
+    }, y = () => {
+      n.trigger === "hover" && z();
+    }, V = () => {
+      n.trigger === "hover" && F();
+    }, I = () => {
+      n.trigger === "hover" && z();
+    }, q = (M) => {
+      var A, g;
+      if (!i.value) return;
+      const $ = M.target;
+      (A = s.value) != null && A.contains($) || (g = c.value) != null && g.contains($) || z();
+    }, X = () => {
+      i.value && C();
+    };
+    return e({
+      show: x,
+      hide: z,
+      visible: i
+    }), fe(() => {
+      document.addEventListener("click", q), window.addEventListener("scroll", X, { passive: !0 }), window.addEventListener("resize", X);
+    }), Ie(() => {
+      document.removeEventListener("click", q), window.removeEventListener("scroll", X), window.removeEventListener("resize", X), F();
+    }), (M, $) => (u(), m("div", {
+      ref_key: "dropdownRef",
+      ref: s,
+      class: "v-dropdown",
+      onClick: H,
+      onMouseenter: K,
+      onMouseleave: y
+    }, [
+      p("div", {
+        ref_key: "triggerRef",
+        ref: a,
+        class: "v-dropdown__trigger"
+      }, [
+        de(M.$slots, "default")
+      ], 512),
+      i.value ? (u(), oe(Ye, {
+        key: 0,
+        to: "body"
+      }, [
+        p("div", {
+          ref_key: "menuRef",
+          ref: c,
+          style: se(r.value),
+          class: "v-dropdown-menu",
+          onMouseenter: V,
+          onMouseleave: I,
+          onClick: $[0] || ($[0] = he(() => {
+          }, ["stop"]))
+        }, [
+          de(M.$slots, "dropdown")
+        ], 36)
+      ])) : W("", !0)
+    ], 544));
+  }
+}), Le = /* @__PURE__ */ te({
+  __name: "VDropdownItem",
+  props: {
+    command: {},
+    disabled: { type: Boolean },
+    divided: { type: Boolean },
+    icon: {}
+  },
+  emits: ["click"],
+  setup(t, { emit: e }) {
+    const o = t, n = e, l = qe(Qe);
+    l || console.warn("VDropdownItem must be used within VDropdown");
+    const s = (a) => {
+      o.disabled || (console.log("VDropdownItem click:", o.command), n("click", a), o.command !== void 0 && l && (console.log("Calling handleCommand with:", o.command), l.handleCommand(o.command)));
+    };
+    return (a, c) => (u(), m("li", {
+      class: E(["v-dropdown-item", {
+        "is-disabled": a.disabled,
+        "v-dropdown-item--divided": a.divided
+      }]),
+      onClick: s
+    }, [
+      a.icon ? (u(), m("i", {
+        key: 0,
+        class: E([a.icon, "v-dropdown-item__icon"])
+      }, null, 2)) : W("", !0),
+      de(a.$slots, "default")
+    ], 2));
+  }
+});
+class Bo {
   constructor() {
     this.modalStack = [], this.baseZIndex = 1e3;
   }
   open(e = {}) {
     const o = `modal-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, n = document.createElement("div");
     n.setAttribute("data-vt-modal", o), document.body.appendChild(n);
-    const s = O(!0), l = this.baseZIndex + this.modalStack.length * 10, a = pt({
+    const l = j(!0), s = this.baseZIndex + this.modalStack.length * 10, a = _t({
       setup() {
         const i = () => {
-          s.value = !1, setTimeout(() => {
-            ae.closeById(o);
+          l.value = !1, setTimeout(() => {
+            ce.closeById(o);
           }, 100);
         };
-        return () => ye(
-          qe,
+        return () => xe(
+          Je,
           {
-            modelValue: s.value,
+            modelValue: l.value,
             "onUpdate:modelValue": i,
             title: e.title,
             size: e.size || "medium",
             showCloseButton: e.showCloseButton !== !1,
             closeOnBackdropClick: e.closeOnBackdropClick !== !1,
             onClose: i,
-            zIndex: l
+            zIndex: s
           },
           {
-            default: () => e.component ? ye(e.component, e.props || {}) : e.content ? ye("div", { innerHTML: e.content }) : null
+            default: () => e.component ? xe(e.component, e.props || {}) : e.content ? xe("div", { innerHTML: e.content }) : null
           }
         );
       }
     });
     a.mount(n);
-    const r = {
+    const c = {
       id: o,
       app: a,
       container: n,
-      isOpen: s
+      isOpen: l
     };
-    return this.modalStack.push(r), o;
+    return this.modalStack.push(c), o;
   }
   close() {
     if (this.modalStack.length > 0) {
@@ -1118,24 +1277,24 @@ class Io {
   recalculateZIndices() {
   }
 }
-const ae = new Io(), Vo = {
+const ce = new Bo(), To = {
   install(t) {
-    t.config.globalProperties.$modal = ae, t.config.globalProperties.$modalStack = {
-      closeAll: () => ae.closeAll(),
-      getCount: () => ae.getOpenModalsCount(),
-      closeById: (e) => ae.closeById(e)
+    t.config.globalProperties.$modal = ce, t.config.globalProperties.$modalStack = {
+      closeAll: () => ce.closeAll(),
+      getCount: () => ce.getOpenModalsCount(),
+      closeById: (e) => ce.closeById(e)
     };
   }
-}, Bo = { class: "vt-columns-selector-body" }, Ro = { class: "vt-columns-selector" }, To = { class: "vt-columns-selector__panel" }, Eo = ["draggable", "onDragstart", "onDragover", "onDrop"], zo = {
+}, Ro = { class: "vt-columns-selector-body" }, Eo = { class: "vt-columns-selector" }, zo = { class: "vt-columns-selector__panel" }, Ho = ["draggable", "onDragstart", "onDragover", "onDrop"], Do = {
   key: 0,
   class: "vt-columns-selector__panel-item-pinned"
-}, Ho = { class: "vt-columns-selector__available" }, Wo = ["onClick"], Do = {
+}, Wo = { class: "vt-columns-selector__available" }, Po = ["onClick"], Ao = {
   key: 0,
   class: "vt-columns-selector__group-columns"
-}, Po = {
+}, Oo = {
   key: 0,
   class: "vt-columns-selector__pinned-note"
-}, Ao = { class: "vt-modal__content-button" }, Oo = /* @__PURE__ */ se({
+}, jo = { class: "vt-modal__content-button" }, No = /* @__PURE__ */ te({
   __name: "VTableColumnSelector",
   props: {
     columns: {},
@@ -1143,192 +1302,192 @@ const ae = new Io(), Vo = {
   },
   emits: ["update-columns"],
   setup(t, { emit: e }) {
-    const o = t, n = e, s = O([]), l = O(/* @__PURE__ */ new Set()), a = O(-1), r = O(-1), i = O("before"), u = L(() => {
-      const d = {};
+    const o = t, n = e, l = j([]), s = j(/* @__PURE__ */ new Set()), a = j(-1), c = j(-1), i = j("before"), d = S(() => {
+      const h = {};
       return o.columnsSelector.forEach((f) => {
         if (f.name === "removed")
           return;
-        const g = f.columns.map((R) => R.prop), b = s.value.filter((R) => g.includes(R.prop));
-        b.length === 0 ? d[f.name] = { checked: !1, indeterminate: !1 } : b.length === f.columns.length ? d[f.name] = { checked: !0, indeterminate: !1 } : d[f.name] = { checked: !1, indeterminate: !0 };
-      }), d;
-    }), c = L(() => o.columnsSelector.filter((d) => d.name !== "removed")), y = (d) => d.pinnedLeft || d.pinnedRight, $ = (d) => !y(d), N = () => {
-      const d = s.value;
+        const w = f.columns.map((T) => T.prop), L = l.value.filter((T) => w.includes(T.prop));
+        L.length === 0 ? h[f.name] = { checked: !1, indeterminate: !1 } : L.length === f.columns.length ? h[f.name] = { checked: !0, indeterminate: !1 } : h[f.name] = { checked: !1, indeterminate: !0 };
+      }), h;
+    }), r = S(() => o.columnsSelector.filter((h) => h.name !== "removed")), C = (h) => h.pinnedLeft || h.pinnedRight, x = (h) => !C(h), z = () => {
+      const h = l.value;
       let f = -1;
-      for (let b = 0; b < d.length; b++)
-        d[b].pinnedLeft && (f = b);
-      let g = d.length;
-      for (let b = 0; b < d.length; b++)
-        if (d[b].pinnedRight) {
-          g = b;
+      for (let L = 0; L < h.length; L++)
+        h[L].pinnedLeft && (f = L);
+      let w = h.length;
+      for (let L = 0; L < h.length; L++)
+        if (h[L].pinnedRight) {
+          w = L;
           break;
         }
       return {
         minIndex: f + 1,
-        maxIndex: g - 1
+        maxIndex: w - 1
       };
-    }, q = (d) => {
-      const f = N();
-      return !(d < f.minIndex || d > f.maxIndex + 1);
-    }, U = (d, f) => {
-      const g = s.value[f];
-      if (!$(g)) {
-        d.preventDefault();
+    }, F = (h) => {
+      const f = z();
+      return !(h < f.minIndex || h > f.maxIndex + 1);
+    }, U = (h, f) => {
+      const w = l.value[f];
+      if (!x(w)) {
+        h.preventDefault();
         return;
       }
-      a.value = f, d.dataTransfer && (d.dataTransfer.effectAllowed = "move", d.dataTransfer.setData("text/plain", g.prop)), document.body.style.cursor = "grabbing";
-    }, G = (d, f) => {
+      a.value = f, h.dataTransfer && (h.dataTransfer.effectAllowed = "move", h.dataTransfer.setData("text/plain", w.prop)), document.body.style.cursor = "grabbing";
+    }, H = (h, f) => {
       if (a.value === -1) return;
-      d.preventDefault();
-      const g = d.currentTarget.getBoundingClientRect(), b = d.clientY, R = g.top + g.height / 2;
-      let T = f, ee = "before";
-      b < R ? (T = f, ee = "before") : (T = f + 1, ee = "after"), a.value < T && T--, q(T) ? (r.value = f, i.value = ee, d.dataTransfer.dropEffect = "move") : (r.value = -1, d.dataTransfer.dropEffect = "none");
-    }, Y = () => {
+      h.preventDefault();
+      const w = h.currentTarget.getBoundingClientRect(), L = h.clientY, T = w.top + w.height / 2;
+      let R = f, Q = "before";
+      L < T ? (R = f, Q = "before") : (R = f + 1, Q = "after"), a.value < R && R--, F(R) ? (c.value = f, i.value = Q, h.dataTransfer.dropEffect = "move") : (c.value = -1, h.dataTransfer.dropEffect = "none");
+    }, K = () => {
       setTimeout(() => {
-        a.value === -1 && (r.value = -1);
+        a.value === -1 && (c.value = -1);
       }, 50);
-    }, x = (d, f) => {
-      if (d.preventDefault(), a.value === -1 || r.value === -1) {
+    }, y = (h, f) => {
+      if (h.preventDefault(), a.value === -1 || c.value === -1) {
         I();
         return;
       }
-      const g = d.currentTarget.getBoundingClientRect(), b = d.clientY, R = g.top + g.height / 2;
-      let T = f;
-      if (b >= R && (T = f + 1), a.value < T && T--, !q(T) || T === a.value) {
+      const w = h.currentTarget.getBoundingClientRect(), L = h.clientY, T = w.top + w.height / 2;
+      let R = f;
+      if (L >= T && (R = f + 1), a.value < R && R--, !F(R) || R === a.value) {
         I();
         return;
       }
-      const ee = [...s.value], [we] = ee.splice(a.value, 1);
-      ee.splice(T, 0, we), s.value = ee, I();
-    }, B = () => {
+      const Q = [...l.value], [ke] = Q.splice(a.value, 1);
+      Q.splice(R, 0, ke), l.value = Q, I();
+    }, V = () => {
       I();
     }, I = () => {
-      a.value = -1, r.value = -1, i.value = "before", document.body.style.cursor = "";
-    }, K = (d) => {
+      a.value = -1, c.value = -1, i.value = "before", document.body.style.cursor = "";
+    }, q = (h) => {
       const f = ["vt-columns-selector__panel-item"];
-      return a.value === d && f.push("vt-columns-selector__panel-item--dragging"), r.value === d && i.value === "before" && f.push("vt-columns-selector__panel-item--drop-before"), r.value === d && i.value === "after" && f.push("vt-columns-selector__panel-item--drop-after"), f;
-    }, M = () => {
-      s.value = [...o.columns.map((d) => ({ ...d }))], o.columnsSelector.forEach((d) => {
-        d.name !== "removed" && l.value.add(d.name);
+      return a.value === h && f.push("vt-columns-selector__panel-item--dragging"), c.value === h && i.value === "before" && f.push("vt-columns-selector__panel-item--drop-before"), c.value === h && i.value === "after" && f.push("vt-columns-selector__panel-item--drop-after"), f;
+    }, X = () => {
+      l.value = [...o.columns.map((h) => ({ ...h }))], o.columnsSelector.forEach((h) => {
+        h.name !== "removed" && s.value.add(h.name);
       });
-    }, z = (d, f) => {
+    }, M = (h, f) => {
       if (f)
-        s.value.some((g) => g.prop === d.prop) || s.value.push({ ...d });
+        l.value.some((w) => w.prop === h.prop) || l.value.push({ ...h });
       else {
-        if (y(d))
+        if (C(h))
           return;
-        s.value = s.value.filter((g) => g.prop !== d.prop);
+        l.value = l.value.filter((w) => w.prop !== h.prop);
       }
-    }, H = (d, f) => {
+    }, $ = (h, f) => {
       if (f)
-        d.columns.forEach((g) => {
-          s.value.some((b) => b.prop === g.prop) || s.value.push({ ...g });
+        h.columns.forEach((w) => {
+          l.value.some((L) => L.prop === w.prop) || l.value.push({ ...w });
         });
       else {
-        const g = [];
-        d.columns.forEach((b) => {
-          const R = s.value.find((T) => T.prop === b.prop);
-          R && !y(R) && g.push(R);
-        }), s.value = s.value.filter(
-          (b) => !g.some((R) => R.prop === b.prop)
+        const w = [];
+        h.columns.forEach((L) => {
+          const T = l.value.find((R) => R.prop === L.prop);
+          T && !C(T) && w.push(T);
+        }), l.value = l.value.filter(
+          (L) => !w.some((T) => T.prop === L.prop)
         );
       }
-    }, Q = (d) => s.value.some((f) => f.prop === d.prop), w = (d) => {
-      const f = s.value.find((g) => g.prop === d.prop);
-      return !f || !y(f);
-    }, C = (d) => {
-      l.value.has(d) ? l.value.delete(d) : l.value.add(d);
-    }, V = () => {
-      n("update-columns", [...s.value]), ae.close();
-    }, X = () => {
-      ae.close();
+    }, A = (h) => l.value.some((f) => f.prop === h.prop), g = (h) => {
+      const f = l.value.find((w) => w.prop === h.prop);
+      return !f || !C(f);
+    }, k = (h) => {
+      s.value.has(h) ? s.value.delete(h) : s.value.add(h);
+    }, Y = () => {
+      n("update-columns", [...l.value]), ce.close();
+    }, le = () => {
+      ce.close();
     };
-    return ve(() => {
-      M();
-    }), (d, f) => (p(), m("div", Bo, [
-      h("div", Ro, [
-        h("div", To, [
-          (p(!0), m(oe, null, le(s.value, (g, b) => (p(), m("div", {
-            key: g.prop,
-            class: D(K(b)),
-            draggable: $(g),
-            onDragstart: (R) => U(R, b),
-            onDragover: (R) => G(R, b),
-            onDragleave: Y,
-            onDrop: (R) => x(R, b),
-            onDragend: B
+    return fe(() => {
+      X();
+    }), (h, f) => (u(), m("div", Ro, [
+      p("div", Eo, [
+        p("div", zo, [
+          (u(!0), m(re, null, ie(l.value, (w, L) => (u(), m("div", {
+            key: w.prop,
+            class: E(q(L)),
+            draggable: x(w),
+            onDragstart: (T) => U(T, L),
+            onDragover: (T) => H(T, L),
+            onDragleave: K,
+            onDrop: (T) => y(T, L),
+            onDragend: V
           }, [
-            F(J, {
-              name: $(g) ? "columnsMove" : "freeze",
-              class: D(["vt-columns-selector__panel-item-icon", { "vt-columns-selector__panel-item-icon--draggable": $(g) }])
+            Z(J, {
+              name: x(w) ? "columnsMove" : "freeze",
+              class: E(["vt-columns-selector__panel-item-icon", { "vt-columns-selector__panel-item-icon--draggable": x(w) }])
             }, null, 8, ["name", "class"]),
-            F(ue, {
-              label: g.label,
+            Z(pe, {
+              label: w.label,
               checked: !0,
-              disabled: y(g),
-              onChange: (R) => z(g, R),
+              disabled: C(w),
+              onChange: (T) => M(w, T),
               onClick: f[0] || (f[0] = he(() => {
               }, ["stop"]))
             }, null, 8, ["label", "disabled", "onChange"]),
-            y(g) ? (p(), m("span", zo, "pinned")) : A("", !0)
-          ], 42, Eo))), 128))
+            C(w) ? (u(), m("span", Do, "pinned")) : W("", !0)
+          ], 42, Ho))), 128))
         ]),
-        h("div", Ho, [
-          (p(!0), m(oe, null, le(c.value, (g) => {
-            var b, R;
-            return p(), m("div", {
-              key: g.name,
+        p("div", Wo, [
+          (u(!0), m(re, null, ie(r.value, (w) => {
+            var L, T;
+            return u(), m("div", {
+              key: w.name,
               class: "vt-columns-selector__group"
             }, [
-              h("div", {
+              p("div", {
                 class: "vt-columns-selector__group-header",
-                onClick: (T) => C(g.name)
+                onClick: (R) => k(w.name)
               }, [
-                F(ue, {
-                  label: g.label,
-                  checked: ((b = u.value[g.name]) == null ? void 0 : b.checked) || !1,
-                  indeterminate: ((R = u.value[g.name]) == null ? void 0 : R.indeterminate) || !1,
-                  onChange: (T) => H(g, T),
+                Z(pe, {
+                  label: w.label,
+                  checked: ((L = d.value[w.name]) == null ? void 0 : L.checked) || !1,
+                  indeterminate: ((T = d.value[w.name]) == null ? void 0 : T.indeterminate) || !1,
+                  onChange: (R) => $(w, R),
                   onClick: f[1] || (f[1] = he(() => {
                   }, ["stop"]))
                 }, null, 8, ["label", "checked", "indeterminate", "onChange"]),
-                g.icon ? (p(), ce(J, {
+                w.icon ? (u(), oe(J, {
                   key: 0,
-                  name: g.icon,
+                  name: w.icon,
                   class: "vt-columns-selector__group-icon"
-                }, null, 8, ["name"])) : A("", !0)
-              ], 8, Wo),
-              l.value.has(g.name) ? (p(), m("div", Do, [
-                (p(!0), m(oe, null, le(g.columns, (T) => (p(), m("div", {
-                  key: T.prop,
+                }, null, 8, ["name"])) : W("", !0)
+              ], 8, Po),
+              s.value.has(w.name) ? (u(), m("div", Ao, [
+                (u(!0), m(re, null, ie(w.columns, (R) => (u(), m("div", {
+                  key: R.prop,
                   class: "vt-columns-selector__group-column"
                 }, [
-                  F(ue, {
-                    label: T.label,
-                    checked: Q(T),
-                    disabled: !w(T),
-                    onChange: (ee) => z(T, ee)
+                  Z(pe, {
+                    label: R.label,
+                    checked: A(R),
+                    disabled: !g(R),
+                    onChange: (Q) => M(R, Q)
                   }, null, 8, ["label", "checked", "disabled", "onChange"]),
-                  w(T) ? A("", !0) : (p(), m("span", Po, " (закріплена) "))
+                  g(R) ? W("", !0) : (u(), m("span", Oo, " (закріплена) "))
                 ]))), 128))
-              ])) : A("", !0)
+              ])) : W("", !0)
             ]);
           }), 128))
         ])
       ]),
-      h("div", Ao, [
-        F(Ce, { onClick: X }, {
-          default: Me(() => f[2] || (f[2] = [
-            ge("Скасувати", -1)
+      p("div", jo, [
+        Z(Ce, { onClick: le }, {
+          default: ue(() => f[2] || (f[2] = [
+            we("Скасувати", -1)
           ])),
           _: 1,
           __: [2]
         }),
-        F(Ce, {
+        Z(Ce, {
           type: "primary",
-          onClick: V
+          onClick: Y
         }, {
-          default: Me(() => f[3] || (f[3] = [
-            ge("Зберегти", -1)
+          default: ue(() => f[3] || (f[3] = [
+            we("Зберегти", -1)
           ])),
           _: 1,
           __: [3]
@@ -1336,7 +1495,7 @@ const ae = new Io(), Vo = {
       ])
     ]));
   }
-}), jo = /* @__PURE__ */ se({
+}), Fo = { class: "vt-table-header-actions" }, Zo = /* @__PURE__ */ te({
   __name: "ColumnActions",
   props: {
     column: {},
@@ -1345,109 +1504,105 @@ const ae = new Io(), Vo = {
   },
   emits: ["pin", "update-columns"],
   setup(t, { emit: e }) {
-    const o = t, n = e, s = O(), l = O(), a = O(), r = O(!1), i = O(!1), u = O([]), c = async () => {
-      if (await ht(), !s.value || !l.value) return;
-      const M = l.value.getBoundingClientRect(), z = s.value, H = z.offsetWidth, Q = M.left + M.width / 2;
-      z.style.top = `${M.bottom - 20}px`, z.style.left = `${Q - H / 2}px`;
-      const w = z.getBoundingClientRect();
-      w.right > window.innerWidth && (z.style.left = `${window.innerWidth - H - 8}px`), w.left < 0 && (z.style.left = "8px");
-    }, y = (M) => {
-      M.stopPropagation(), !i.value && (r.value ? N() : $());
-    }, $ = () => {
-      i.value || (r.value = !0, c(), a.value && (a.value.style.zIndex = "22"));
-    }, N = () => {
-      i.value = !0, r.value = !1, a.value && a.value.style.removeProperty("z-index"), setTimeout(() => {
-        i.value = !1;
-      }, 100);
-    }, q = (M) => {
-      var z, H;
-      !((z = l.value) != null && z.contains(M.target)) && !((H = s.value) != null && H.contains(M.target)) && N();
-    }, U = () => {
-      K() ? (n("pin", o.column, "none"), console.log(`Колонка "${o.column.label}" відкріплена`)) : (n("pin", o.column, "left"), console.log(`Колонка "${o.column.label}" прикріплена зліва`)), N();
-    }, G = (M) => ({
+    const o = t, n = e, l = () => !!(o.column.pinnedLeft || o.column.pinnedRight), s = (r) => {
+      switch (console.log("ColumnActions - Command received:", r, typeof r), String(r)) {
+        case "pin":
+          console.log("Executing pin command"), a();
+          break;
+        case "columns":
+          console.log("Executing columns command"), d();
+          break;
+        default:
+          console.warn("Unknown command:", r);
+      }
+    }, a = () => {
+      const r = l();
+      console.log("handlePin called, isPinned:", r), r ? n("pin", o.column, "none") : n("pin", o.column, "left");
+    }, c = (r) => ({
       name: "removed",
       label: "Видалені колонки",
       order: 999,
-      // Найвищий порядок, щоб відображались останніми
-      columns: M
-    }), Y = (M) => {
-      var C;
-      const z = new Set(M.map((V) => V.prop)), H = /* @__PURE__ */ new Set();
-      (C = o.columnsSelector) == null || C.forEach((V) => {
-        V.columns.forEach((X) => H.add(X.prop));
-      }), o.allColumns.forEach((V) => H.add(V.prop));
-      const Q = [];
-      H.forEach((V) => {
-        var X;
-        if (!z.has(V)) {
-          let d;
-          (X = o.columnsSelector) == null || X.forEach((f) => {
-            const g = f.columns.find((b) => b.prop === V);
-            g && (d = g);
-          }), d || (d = o.allColumns.find((f) => f.prop === V)), d && Q.push(d);
+      columns: r
+    }), i = (r) => {
+      var U;
+      const C = new Set(r.map((H) => H.prop)), x = /* @__PURE__ */ new Set();
+      (U = o.columnsSelector) == null || U.forEach((H) => {
+        H.columns.forEach((K) => x.add(K.prop));
+      }), o.allColumns.forEach((H) => x.add(H.prop));
+      const z = [];
+      x.forEach((H) => {
+        var K;
+        if (!C.has(H)) {
+          let y;
+          (K = o.columnsSelector) == null || K.forEach((V) => {
+            const I = V.columns.find((q) => q.prop === H);
+            I && (y = I);
+          }), y || (y = o.allColumns.find((V) => V.prop === H)), y && z.push(y);
         }
       });
-      const w = [...o.columnsSelector || []];
-      Q.length > 0 && w.push(G(Q)), u.value = w;
-    }, x = () => {
-      Y(o.allColumns), ae.open({
-        component: Oo,
+      const F = [...o.columnsSelector || []];
+      return z.length > 0 && F.push(c(z)), F;
+    }, d = () => {
+      console.log("handleToggleVisibility called");
+      const r = i(o.allColumns);
+      ce.open({
+        component: No,
         title: "Управління колонками таблиці",
         props: {
           columns: o.allColumns,
-          // Передаємо всі колонки
-          columnsSelector: u.value,
-          // Передаємо оновлені доступні колонки
-          "onUpdate-columns": (M) => {
-            console.log("ColumnActions отримав оновлені колонки:", M), n("update-columns", M), Y(M);
+          columnsSelector: r,
+          "onUpdate-columns": (C) => {
+            n("update-columns", C);
           }
         },
         size: "large",
         closeOnBackdropClick: !1
-      }), N();
-    }, B = () => o.column.pinnedLeft, I = () => o.column.pinnedRight, K = () => B() || I();
-    return ve(() => {
-      document.addEventListener("click", q), l.value && (a.value = l.value.closest("th")), Y(o.allColumns);
-    }), Se(() => {
-      document.removeEventListener("click", q);
-    }), (M, z) => (p(), m("div", {
-      ref_key: "triggerRef",
-      ref: l,
-      class: "vt-table-header-actions",
-      onClick: y
-    }, [
-      F(J, { name: "listBullet" }),
-      r.value ? (p(), m("ul", {
-        key: 0,
-        ref_key: "menuRef",
-        ref: s,
-        class: D(["dropdown-menu", "vt-table-dropdown", { visible: r.value }])
-      }, [
-        h("li", { onClick: U }, [
-          F(J, {
-            name: K() ? "unfreeze" : "freeze"
-          }, null, 8, ["name"]),
-          h("span", null, te(K() ? "Розморозити" : "Заморозити"), 1)
-        ]),
-        h("li", { onClick: x }, [
-          F(J, { name: "columnInsert" }),
-          z[0] || (z[0] = h("span", null, "Колонки", -1))
+      });
+    };
+    return (r, C) => (u(), oe(et, {
+      trigger: "click",
+      placement: "bottom-start",
+      onCommand: s
+    }, {
+      dropdown: ue(() => [
+        Z(Le, { command: "pin" }, {
+          default: ue(() => [
+            Z(J, {
+              name: l() ? "unfreeze" : "freeze"
+            }, null, 8, ["name"]),
+            p("div", null, ee(l() ? "Розморозити" : "Заморозити"), 1)
+          ]),
+          _: 1
+        }),
+        Z(Le, { command: "columns" }, {
+          default: ue(() => [
+            Z(J, { name: "columnInsert" }),
+            C[0] || (C[0] = p("div", null, "Колонки", -1))
+          ]),
+          _: 1,
+          __: [0]
+        })
+      ]),
+      default: ue(() => [
+        p("div", Fo, [
+          Z(J, { name: "listBullet" })
         ])
-      ], 2)) : A("", !0)
-    ], 512));
+      ]),
+      _: 1
+    }));
   }
-}), No = { class: "vt-table" }, Fo = { class: "vt-th__content" }, Zo = { class: "vt-th__content" }, Uo = { class: "vt-th__label" }, Ko = {
+}), Uo = { class: "vt-table" }, Xo = { class: "vt-th__content" }, Yo = { class: "vt-th__content" }, Ko = { class: "vt-th__label" }, qo = {
   key: 0,
   class: "vt-th__sortable"
-}, qo = ["data-resizer", "onMousedown"], Xo = {
+}, Go = ["data-resizer", "onMousedown"], Jo = {
   key: 0,
   class: "vt-table__empty-row"
-}, Go = ["colspan"], Yo = { class: "vt-table__empty-content" }, Jo = ["onClick"], Qo = { class: "vt-table__cell-content" }, el = { class: "vt-table__cell-content vt-table__cell-content--ellipsis" }, tl = { key: 1 }, nl = ["data-resizer", "onMousedown"], ol = {
+}, Qo = ["colspan"], el = { class: "vt-table__empty-content" }, tl = ["onClick"], nl = { class: "vt-table__cell-content" }, ol = { class: "vt-table__cell-content vt-table__cell-content--ellipsis" }, ll = { key: 1 }, sl = ["data-resizer", "onMousedown"], rl = {
   key: 0,
   class: "vt-table__summary"
-}, ll = { class: "vt-table__cell-content vt-table__cell-content--summary" }, xe = 50, sl = /* @__PURE__ */ se({
+}, il = { class: "vt-table__cell-content vt-table__cell-content--summary" }, Me = 50, al = /* @__PURE__ */ te({
   __name: "VTable",
-  props: /* @__PURE__ */ ze({
+  props: /* @__PURE__ */ De({
     data: {},
     maxHeight: { default: void 0 },
     rowKey: { default: "id" },
@@ -1469,338 +1624,335 @@ const ae = new Io(), Vo = {
     },
     columnsModifiers: {}
   }),
-  emits: /* @__PURE__ */ ze(["sort-change", "selection-change", "current-change", "row-click", "update:columns", "column-pin", "column-resize", "column-visibility", "column-sort", "columns-change", "infinity-scroll"], ["update:columns"]),
+  emits: /* @__PURE__ */ De(["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(t, { expose: e, emit: o }) {
-    const n = t, s = o, l = mt(t, "columns"), a = O({}), r = O(), i = vt([]), u = O(n.defaultSort || null), c = L(() => So(n.data || [], u.value, i)), y = L(() => l.value !== void 0), $ = L(() => n.data && n.data.length > 0), N = O(!1), q = O(0);
+    const n = t, l = o, s = gt(t, "columns"), a = j({}), c = j(), i = wt([]), d = j(n.defaultSort || null), r = S(() => Io(n.data || [], d.value, i)), C = S(() => s.value !== void 0), x = S(() => n.data && n.data.length > 0), z = j(!1), F = j(0);
     let U;
-    const G = (v, _) => n.rowKey && v[n.rowKey] != null ? String(v[n.rowKey]) : String(_), Y = () => {
-      y.value && l.value ? i.splice(0, i.length, ...l.value) : n.columns && n.columns.length > 0 && i.splice(0, i.length, ...n.columns);
+    const H = (v, _) => n.rowKey && v[n.rowKey] != null ? String(v[n.rowKey]) : String(_), K = () => {
+      C.value && s.value ? i.splice(0, i.length, ...s.value) : n.columns && n.columns.length > 0 && i.splice(0, i.length, ...n.columns);
     };
-    me(
-      () => l.value,
+    ve(
+      () => s.value,
       (v) => {
-        v && y.value && i.splice(0, i.length, ...v);
+        v && C.value && i.splice(0, i.length, ...v);
       },
       { deep: !0 }
-    ), me(
+    ), ve(
       () => n.columns,
       (v) => {
-        v && !y.value && i.splice(0, i.length, ...v);
+        v && !C.value && i.splice(0, i.length, ...v);
       },
       { deep: !0 }
-    ), ft("vt-table-columns", i);
-    const { sortedColumns: x, getDefaultColumnWidth: B, getStickyOffset: I } = ko(i), { getTableWrapperStyle: K, getColumnStyle: M, getHeaderStyle: z, getFooterStyle: H } = bo(n), { onMouseDown: Q } = yo(), w = L(() => n.allData || n.data), C = n.selectable ? xo(n, c, s, w) : null, V = () => ({
-      width: `${xe}px`,
-      minWidth: `${xe}px`,
-      maxWidth: `${xe}px`,
+    ), Ke("vt-table-columns", i);
+    const { sortedColumns: y, getDefaultColumnWidth: V, getStickyOffset: I } = yo(i), { getTableWrapperStyle: q, getColumnStyle: X, getHeaderStyle: M, getFooterStyle: $ } = xo(n), { onMouseDown: A } = Mo(), g = S(() => n.allData || n.data), k = n.selectable ? Lo(n, r, l, g) : null, Y = () => ({
+      width: `${Me}px`,
+      minWidth: `${Me}px`,
+      maxWidth: `${Me}px`,
       left: "0px",
       position: "sticky",
       zIndex: 10
-    }), X = () => {
-      const v = V();
+    }), le = () => {
+      const v = Y();
       return n.maxHeight ? {
         ...v,
         top: "0px",
         zIndex: 11
       } : v;
-    }, d = () => {
-      const v = V();
+    }, h = () => {
+      const v = Y();
       return n.maxHeight ? {
         ...v,
         bottom: "0px",
         zIndex: 11
       } : v;
     }, f = () => {
-      if (!r.value || N.value) return;
-      const v = r.value, _ = v.scrollTop, S = v.scrollHeight, E = v.clientHeight, W = 30;
+      if (!c.value || z.value) return;
+      const v = c.value, _ = v.scrollTop, B = v.scrollHeight, D = v.clientHeight, O = 30;
       U && clearTimeout(U), U = setTimeout(() => {
-        const fe = _ - q.value > 1, k = S - _ - E <= W, ne = S - _ - E <= 5;
-        q.value = _, fe && (k || ne) && (N.value = !0, s("infinity-scroll"), setTimeout(() => {
-          N.value = !1;
+        const _e = _ - F.value > 1, b = B - _ - D <= O, ne = B - _ - D <= 5;
+        F.value = _, _e && (b || ne) && (z.value = !0, l("infinity-scroll"), setTimeout(() => {
+          z.value = !1;
         }, 1e3));
       }, 50);
-    }, g = () => {
-      N.value = !1;
+    }, w = () => {
+      z.value = !1;
     };
-    ve(() => {
-      r.value && r.value.addEventListener("scroll", f);
-    }), Se(() => {
-      U && clearTimeout(U), r.value && r.value.removeEventListener("scroll", f);
+    fe(() => {
+      c.value && c.value.addEventListener("scroll", f);
+    }), Ie(() => {
+      U && clearTimeout(U), c.value && c.value.removeEventListener("scroll", f);
     });
-    const b = (v, _) => {
-      $o(v, _, (S) => {
-        var E, W;
-        ((E = u.value) == null ? void 0 : E.prop) === v.prop && u.value.direction === _ ? u.value = null : u.value = S, s("sort-change", {
+    const L = (v, _) => {
+      Vo(v, _, (B) => {
+        var D, O;
+        ((D = d.value) == null ? void 0 : D.prop) === v.prop && d.value.direction === _ ? d.value = null : d.value = B, l("sort-change", {
           column: v,
-          direction: ((W = u.value) == null ? void 0 : W.direction) || null,
+          direction: ((O = d.value) == null ? void 0 : O.direction) || null,
           prop: v.prop,
-          sortedData: c.value
+          sortedData: r.value
         });
       });
-    }, R = (v, _) => {
-      const S = {
+    }, T = (v, _) => {
+      const B = {
         pinnedLeft: _ === "left",
         pinnedRight: _ === "right"
       };
-      ee(v.prop, S), s("column-pin", { column: { ...v, ...S }, position: _ });
-    }, T = (v) => {
-      i.splice(0, i.length, ...v), y.value && (l.value = [...v]), s("columns-change", [...v]);
-    }, ee = (v, _) => {
-      const S = i.findIndex((E) => E.prop === v);
-      if (S !== -1) {
-        if (Object.assign(i[S], _), y.value && l.value) {
-          const E = l.value.findIndex((W) => W.prop === v);
-          if (E !== -1) {
-            const W = [...l.value];
-            W[E] = { ...W[E], ..._ }, l.value = W;
+      Q(v.prop, B), l("column-pin", { column: { ...v, ...B }, position: _ });
+    }, R = (v) => {
+      i.splice(0, i.length, ...v), C.value && (s.value = [...v]), l("columns-change", [...v]);
+    }, Q = (v, _) => {
+      const B = i.findIndex((D) => D.prop === v);
+      if (B !== -1) {
+        if (Object.assign(i[B], _), C.value && s.value) {
+          const D = s.value.findIndex((O) => O.prop === v);
+          if (D !== -1) {
+            const O = [...s.value];
+            O[D] = { ...O[D], ..._ }, s.value = O;
           }
         }
-        s("columns-change", [...i]);
+        l("columns-change", [...i]);
       }
-    }, we = (v, _, S) => {
-      s("row-click", { row: v, column: _, event: S }), n.highlightCurrentRow && C && C.setCurrentRow(v);
-    }, Xe = (v, _, S) => {
-      S.stopPropagation(), C && C.toggleRowSelection(_, v);
-    }, Ge = (v, _) => {
-      _.stopPropagation(), C && C.toggleAllSelection();
-    }, Ie = (v, _) => {
+    }, ke = (v, _, B) => {
+      l("row-click", { row: v, column: _, event: B }), n.highlightCurrentRow && k && k.setCurrentRow(v);
+    }, tt = (v, _, B) => {
+      B.stopPropagation(), k && k.toggleRowSelection(_, v);
+    }, nt = (v, _) => {
+      _.stopPropagation(), k && k.toggleAllSelection();
+    }, Be = (v, _) => {
       v && (a.value[_] = v);
-    }, Ve = (v, _) => {
-      const S = _.width || B();
-      Q(v, _, B, (E) => {
-        ee(_.prop, { width: E }), s("column-resize", {
-          column: { ..._, width: E },
-          width: E,
-          oldWidth: S
+    }, Te = (v, _) => {
+      const B = _.width || V();
+      A(v, _, V, (D) => {
+        Q(_.prop, { width: D }), l("column-resize", {
+          column: { ..._, width: D },
+          width: D,
+          oldWidth: B
         });
       });
-    }, Ye = (v, _) => M(v, _, I, B), Je = (v, _) => z(v, _, I, B), Qe = (v, _) => H(v, _, I, B), et = (v, _) => {
+    }, ot = (v, _) => X(v, _, I, V), lt = (v, _) => M(v, _, I, V), st = (v, _) => $(v, _, I, V), rt = (v, _) => {
       if (!_ || !_.prop) return "";
-      const S = v[_.prop];
-      return S == null ? "" : String(S);
-    }, tt = (v, _, S) => {
-      const E = v[_.prop], W = (C == null ? void 0 : C.isRowSelected(v)) || !1;
-      return [E, W];
-    }, nt = L(() => {
-      if (!n.showSummary || !$.value) return {};
+      const B = v[_.prop];
+      return B == null ? "" : String(B);
+    }, it = S(() => {
+      if (!n.showSummary || !x.value) return {};
       const v = i;
       if (typeof n.summaryMethod == "function") {
-        const _ = n.summaryMethod({ columns: v, data: c.value });
+        const _ = n.summaryMethod({ columns: v, data: r.value });
         return v.reduce(
-          (S, E, W) => (S[E.prop] = _[W], S),
+          (B, D, O) => (B[D.prop] = _[O], B),
           {}
         );
       }
       return v.reduce(
-        (_, S) => {
-          const E = c.value.map((W) => W[S.prop]);
-          return _[S.prop] = E.every((W) => typeof W == "number") ? E.reduce((W, de) => W + de, 0) : "", _;
+        (_, B) => {
+          const D = r.value.map((O) => O[B.prop]);
+          return _[B.prop] = D.every((O) => typeof O == "number") ? D.reduce((O, me) => O + me, 0) : "", _;
         },
         {}
       );
-    }), ot = L(() => n.showSummary && $.value), lt = (v, _) => {
-      C && C.toggleRowSelection(v, _);
-    }, st = () => {
-      C && C.toggleAllSelection();
-    }, rt = () => {
-      C && C.selectAbsolutelyAll();
-    }, it = () => {
-      C && C.clearSelection();
-    }, at = () => C ? C.getSelectionRows() : [], ct = (v) => {
-      C && C.setSelectionRows(v);
+    }), at = S(() => n.showSummary && x.value), ct = (v, _) => {
+      k && k.toggleRowSelection(v, _);
+    }, dt = () => {
+      k && k.toggleAllSelection();
+    }, ut = () => {
+      k && k.selectAbsolutelyAll();
+    }, pt = () => {
+      k && k.clearSelection();
+    }, ht = () => k ? k.getSelectionRows() : [], mt = (v) => {
+      k && k.setSelectionRows(v);
     };
-    return ve(() => {
-      Y();
+    return fe(() => {
+      K();
     }), e({
-      toggleRowSelection: lt,
-      toggleAllSelection: st,
-      selectAbsolutelyAll: rt,
-      clearSelection: it,
-      getSelectionRows: at,
-      setSelectionRows: ct,
-      resetInfinityScroll: g
+      toggleRowSelection: ct,
+      toggleAllSelection: dt,
+      selectAbsolutelyAll: ut,
+      clearSelection: pt,
+      getSelectionRows: ht,
+      setSelectionRows: mt,
+      resetInfinityScroll: w
     }), (v, _) => {
-      var E, W, de, fe;
-      const S = Ue("tooltip");
-      return p(), m("div", {
+      var D, O, me, _e;
+      const B = Xe("tooltip");
+      return u(), m("div", {
         ref_key: "tableWrapperRef",
-        ref: r,
+        ref: c,
         class: "vt-table-wrapper",
-        style: ie(Z(K)()),
+        style: se(G(q)()),
         onScroll: f
       }, [
-        pe(v.$slots, "default"),
-        h("table", No, [
-          h("thead", null, [
-            h("tr", null, [
-              n.selectable ? (p(), m("th", {
+        de(v.$slots, "default"),
+        p("table", Uo, [
+          p("thead", null, [
+            p("tr", null, [
+              n.selectable ? (u(), m("th", {
                 key: 0,
-                class: D(["vt-table__th vt-table__th--selection", {
+                class: E(["vt-table__th vt-table__th--selection", {
                   "vt-table__th--sticky": n.maxHeight,
                   "vt-table__th--pinned-left": !0
                 }]),
-                style: ie(X())
+                style: se(le())
               }, [
-                h("div", Fo, [
-                  F(ue, {
-                    checked: (E = Z(C)) == null ? void 0 : E.isAllSelected.value,
-                    indeterminate: (W = Z(C)) == null ? void 0 : W.isIndeterminate.value,
-                    "is-double": (fe = (de = Z(C)) == null ? void 0 : de.isDoubleCheck) == null ? void 0 : fe.value,
-                    onChange: Ge
+                p("div", Xo, [
+                  Z(pe, {
+                    checked: (D = G(k)) == null ? void 0 : D.isAllSelected.value,
+                    indeterminate: (O = G(k)) == null ? void 0 : O.isIndeterminate.value,
+                    "is-double": (_e = (me = G(k)) == null ? void 0 : me.isDoubleCheck) == null ? void 0 : _e.value,
+                    onChange: nt
                   }, null, 8, ["checked", "indeterminate", "is-double"])
                 ])
-              ], 6)) : A("", !0),
-              (p(!0), m(oe, null, le(Z(x), (k, ne) => (p(), m("th", {
-                key: k.prop,
+              ], 6)) : W("", !0),
+              (u(!0), m(re, null, ie(G(y), (b, ne) => (u(), m("th", {
+                key: b.prop,
                 ref_for: !0,
-                ref: (re) => Ie(re, k.prop),
-                style: ie(Je(k, ne)),
-                class: D([
+                ref: (ae) => Be(ae, b.prop),
+                style: se(lt(b, ne)),
+                class: E([
                   "vt-table__th",
                   {
                     "vt-table__th--sticky": n.maxHeight,
-                    "vt-table__th--pinned-left": k.pinnedLeft,
-                    "vt-table__th--pinned-right": k.pinnedRight,
-                    "vt-table__th--sortable": k.sortable
+                    "vt-table__th--pinned-left": b.pinnedLeft,
+                    "vt-table__th--pinned-right": b.pinnedRight,
+                    "vt-table__th--sortable": b.sortable
                   }
                 ])
               }, [
-                h("div", Zo, [
-                  h("div", Uo, te(k.label), 1),
-                  k.sortable ? (p(), m("div", Ko, [
-                    F(J, {
+                p("div", Yo, [
+                  p("div", Ko, ee(b.label), 1),
+                  b.sortable ? (u(), m("div", qo, [
+                    Z(J, {
                       name: "arrowTop",
-                      class: D(Z(We)(k, u.value).asc),
-                      onClick: he((re) => b(k, "asc"), ["stop"])
+                      class: E(G(Pe)(b, d.value).asc),
+                      onClick: he((ae) => L(b, "asc"), ["stop"])
                     }, null, 8, ["class", "onClick"]),
-                    F(J, {
+                    Z(J, {
                       name: "arrowDown",
-                      class: D(Z(We)(k, u.value).desc),
-                      onClick: he((re) => b(k, "desc"), ["stop"])
+                      class: E(G(Pe)(b, d.value).desc),
+                      onClick: he((ae) => L(b, "desc"), ["stop"])
                     }, null, 8, ["class", "onClick"])
-                  ])) : A("", !0),
-                  k.actionColumn ? (p(), ce(jo, {
+                  ])) : W("", !0),
+                  b.actionColumn ? (u(), oe(Zo, {
                     key: 1,
-                    column: k,
-                    "all-columns": Z(x),
+                    column: b,
+                    "all-columns": G(y),
                     columnsSelector: n.columnsSelector,
-                    onPin: R,
-                    onUpdateColumns: T
-                  }, null, 8, ["column", "all-columns", "columnsSelector"])) : A("", !0)
+                    onPin: T,
+                    onUpdateColumns: R
+                  }, null, 8, ["column", "all-columns", "columnsSelector"])) : W("", !0)
                 ]),
-                h("div", {
+                p("div", {
                   class: "vt-table__resizer",
-                  "data-resizer": k.prop,
-                  onMousedown: (re) => Ve(re, k)
-                }, null, 40, qo)
+                  "data-resizer": b.prop,
+                  onMousedown: (ae) => Te(ae, b)
+                }, null, 40, Go)
               ], 6))), 128))
             ])
           ]),
-          h("tbody", null, [
-            $.value ? (p(!0), m(oe, { key: 1 }, le(c.value, (k, ne) => {
-              var re, Be, Re;
-              return p(), m("tr", {
-                key: G(k, ne),
-                class: D([
+          p("tbody", null, [
+            x.value ? (u(!0), m(re, { key: 1 }, ie(r.value, (b, ne) => {
+              var ae, Re, Ee;
+              return u(), m("tr", {
+                key: H(b, ne),
+                class: E([
                   "vt-table__row",
                   {
-                    "vt-table__row--selected": (re = Z(C)) == null ? void 0 : re.isRowSelected(k),
-                    "vt-table__row--current": ((Be = Z(C)) == null ? void 0 : Be.currentRow.value) === k,
+                    "vt-table__row--selected": (ae = G(k)) == null ? void 0 : ae.isRowSelected(b),
+                    "vt-table__row--current": ((Re = G(k)) == null ? void 0 : Re.currentRow.value) === b,
                     "vt-table__row--clickable": n.selectOnClickRow || n.highlightCurrentRow
                   }
                 ]),
-                onClick: (j) => we(k, Z(x)[0], j)
+                onClick: (N) => ke(b, G(y)[0], N)
               }, [
-                n.selectable ? (p(), m("td", {
+                n.selectable ? (u(), m("td", {
                   key: 0,
-                  class: D(["vt-table__td vt-table__td--selection", {
+                  class: E(["vt-table__td vt-table__td--selection", {
                     "vt-table__td--pinned-left": !0
                   }]),
-                  style: ie(V())
+                  style: se(Y())
                 }, [
-                  h("div", Qo, [
-                    F(ue, {
-                      checked: (Re = Z(C)) == null ? void 0 : Re.isRowSelected(k),
-                      onChange: (j, ke) => Xe(j, k, ke)
+                  p("div", nl, [
+                    Z(pe, {
+                      checked: (Ee = G(k)) == null ? void 0 : Ee.isRowSelected(b),
+                      onChange: (N, be) => tt(N, b, be)
                     }, null, 8, ["checked", "onChange"])
                   ])
-                ], 4)) : A("", !0),
-                (p(!0), m(oe, null, le(Z(x), (j, ke, cl, _e) => {
-                  const Te = tt(k, j);
-                  if (_e && _e.key === `${G(k, ne)}-${j.prop}` && _t(_e, Te)) return _e;
-                  const Ee = (p(), m("td", {
-                    key: `${G(k, ne)}-${j.prop}`,
+                ], 4)) : W("", !0),
+                (u(!0), m(re, null, ie(G(y), (N, be, pl, ge) => {
+                  const ze = b[N.prop];
+                  if (ge && ge.key === `${H(b, ne)}-${N.prop}` && Ct(ge, ze)) return ge;
+                  const He = (u(), m("td", {
+                    key: `${H(b, ne)}-${N.prop}`,
                     ref_for: !0,
-                    ref: (be) => Ie(be, j.prop),
-                    style: ie(Ye(j, ke)),
-                    class: D([
+                    ref: (ye) => Be(ye, N.prop),
+                    style: se(ot(N, be)),
+                    class: E([
                       "vt-table__td",
                       {
-                        "vt-table__td--pinned-left": j.pinnedLeft,
-                        "vt-table__td--pinned-right": j.pinnedRight
+                        "vt-table__td--pinned-left": N.pinnedLeft,
+                        "vt-table__td--pinned-right": N.pinnedRight
                       }
                     ])
                   }, [
-                    $e((p(), m("div", el, [
-                      j.renderSlot ? (p(), ce(Fe(() => Z(Mo)(j.renderSlot, { row: k, column: j, value: k[j.prop], index: ne })), { key: 0 })) : (p(), m("span", tl, te(k[j.prop]), 1))
+                    Ve((u(), m("div", ol, [
+                      N.renderSlot ? (u(), oe(Ue(() => G($o)(N.renderSlot, { row: b, column: N, value: b[N.prop], index: ne })), { key: 0 })) : (u(), m("span", ll, ee(b[N.prop]), 1))
                     ])), [
-                      [S, j.showOverflowTooltip ? et(k, j) : null]
+                      [B, N.showOverflowTooltip ? rt(b, N) : null]
                     ]),
-                    h("div", {
+                    p("div", {
                       class: "vt-table__resizer",
-                      "data-resizer": j.prop,
-                      onMousedown: (be) => Ve(be, j)
-                    }, null, 40, nl)
+                      "data-resizer": N.prop,
+                      onMousedown: (ye) => Te(ye, N)
+                    }, null, 40, sl)
                   ], 6));
-                  return Ee.memo = Te, Ee;
+                  return He.memo = ze, He;
                 }, _, 0), 128))
-              ], 10, Jo);
-            }), 128)) : (p(), m("tr", Xo, [
-              h("td", {
-                colspan: Z(x).length + (n.selectable ? 1 : 0),
+              ], 10, tl);
+            }), 128)) : (u(), m("tr", Jo, [
+              p("td", {
+                colspan: G(y).length + (n.selectable ? 1 : 0),
                 class: "vt-table__empty-cell"
               }, [
-                h("div", Yo, [
-                  F(J, {
+                p("div", el, [
+                  Z(J, {
                     name: "empty",
                     class: "vt-table__empty-icon"
                   }),
-                  _[2] || (_[2] = h("span", { class: "vt-table__empty-text" }, "Немає даних!", -1))
+                  _[2] || (_[2] = p("span", { class: "vt-table__empty-text" }, "Немає даних!", -1))
                 ])
-              ], 8, Go)
+              ], 8, Qo)
             ]))
           ]),
-          ot.value ? (p(), m("tfoot", ol, [
-            h("tr", null, [
-              n.selectable ? (p(), m("td", {
+          at.value ? (u(), m("tfoot", rl, [
+            p("tr", null, [
+              n.selectable ? (u(), m("td", {
                 key: 0,
-                class: D(["vt-table__td", {
+                class: E(["vt-table__td", {
                   "vt-table__td--pinned-left": !0
                 }]),
-                style: ie(d())
+                style: se(h())
               }, _[3] || (_[3] = [
-                h("div", { class: "vt-table__cell-content vt-table__cell-content--summary" }, null, -1)
-              ]), 4)) : A("", !0),
-              (p(!0), m(oe, null, le(Z(x), (k, ne) => (p(), m("td", {
-                key: k.prop,
-                style: ie(Qe(k, ne)),
-                class: D([
+                p("div", { class: "vt-table__cell-content vt-table__cell-content--summary" }, null, -1)
+              ]), 4)) : W("", !0),
+              (u(!0), m(re, null, ie(G(y), (b, ne) => (u(), m("td", {
+                key: b.prop,
+                style: se(st(b, ne)),
+                class: E([
                   "vt-table__td",
                   {
-                    "vt-table__td--pinned-left": k.pinnedLeft,
-                    "vt-table__td--pinned-right": k.pinnedRight
+                    "vt-table__td--pinned-left": b.pinnedLeft,
+                    "vt-table__td--pinned-right": b.pinnedRight
                   }
                 ])
               }, [
-                h("div", ll, te(nt.value[k.prop]), 1)
+                p("div", il, ee(it.value[b.prop]), 1)
               ], 6))), 128))
             ])
-          ])) : A("", !0)
+          ])) : W("", !0)
         ])
       ], 36);
     };
   }
-}), rl = /* @__PURE__ */ se({
+}), cl = /* @__PURE__ */ te({
   __name: "VTableColumn",
   props: {
     prop: {},
@@ -1818,11 +1970,11 @@ const ae = new Io(), Vo = {
     sortMethod: {}
   },
   setup(t) {
-    const e = t, o = Ze(), n = gt("vt-table-columns");
+    const e = t, o = Se(), n = qe("vt-table-columns");
     n || console.error(
       "VTableColumn: не знайдено контекст таблиці. Переконайтеся, що компонент використовується всередині VTable."
     );
-    const s = () => ({
+    const l = () => ({
       prop: e.prop,
       label: e.label,
       width: e.width,
@@ -1837,13 +1989,13 @@ const ae = new Io(), Vo = {
       // Зберігаємо слот - пріоритет: назва колонки -> default -> slot
       renderSlot: o[e.prop] ?? o.default ?? o.slot
     });
-    let l = -1;
-    return ve(() => {
+    let s = -1;
+    return fe(() => {
       if (n) {
-        const a = s();
-        n.push(a), l = n.length - 1;
+        const a = l();
+        n.push(a), s = n.length - 1;
       }
-    }), me(
+    }), ve(
       () => [
         e.width,
         e.minWidth,
@@ -1857,12 +2009,12 @@ const ae = new Io(), Vo = {
         e.label
       ],
       () => {
-        if (n && l !== -1) {
-          const a = n.findIndex((r) => r.prop === e.prop);
+        if (n && s !== -1) {
+          const a = n.findIndex((c) => c.prop === e.prop);
           if (a !== -1) {
-            const r = n[a], i = {
-              ...s(),
-              renderSlot: r.renderSlot
+            const c = n[a], i = {
+              ...l(),
+              renderSlot: c.renderSlot
               // Зберігаємо існуючий renderSlot
             };
             n[a] = i;
@@ -1870,14 +2022,14 @@ const ae = new Io(), Vo = {
         }
       },
       { deep: !0 }
-    ), Se(() => {
+    ), Ie(() => {
       if (n) {
-        const a = n.findIndex((r) => r.prop === e.prop);
+        const a = n.findIndex((c) => c.prop === e.prop);
         a > -1 && n.splice(a, 1);
       }
-    }), (a, r) => null;
+    }), (a, c) => null;
   }
-}), De = (t, e) => {
+}), Ae = (t, e) => {
   const o = document.createElement("div");
   o.className = `vt-tooltip vt-tooltip--${e}`, o.innerText = t, Object.assign(o.style, {
     position: "absolute",
@@ -1943,46 +2095,46 @@ const ae = new Io(), Vo = {
       break;
   }
   return o.appendChild(n), o;
-}, Le = (t, e, o) => {
-  const n = e.getBoundingClientRect(), s = t.getBoundingClientRect(), l = window.pageXOffset || document.documentElement.scrollLeft, a = window.pageYOffset || document.documentElement.scrollTop;
-  let r = 0, i = 0;
+}, $e = (t, e, o) => {
+  const n = e.getBoundingClientRect(), l = t.getBoundingClientRect(), s = window.pageXOffset || document.documentElement.scrollLeft, a = window.pageYOffset || document.documentElement.scrollTop;
+  let c = 0, i = 0;
   switch (o) {
     case "top":
-      r = n.top + a - s.height - 8, i = n.left + l + (n.width - s.width) / 2;
+      c = n.top + a - l.height - 8, i = n.left + s + (n.width - l.width) / 2;
       break;
     case "bottom":
-      r = n.bottom + a + 8, i = n.left + l + (n.width - s.width) / 2;
+      c = n.bottom + a + 8, i = n.left + s + (n.width - l.width) / 2;
       break;
     case "left":
-      r = n.top + a + (n.height - s.height) / 2, i = n.left + l - s.width - 8;
+      c = n.top + a + (n.height - l.height) / 2, i = n.left + s - l.width - 8;
       break;
     case "right":
-      r = n.top + a + (n.height - s.height) / 2, i = n.right + l + 8;
+      c = n.top + a + (n.height - l.height) / 2, i = n.right + s + 8;
       break;
   }
-  const u = window.innerWidth, c = window.innerHeight;
-  i < 8 ? i = 8 : i + s.width > u - 8 && (i = u - s.width - 8), r < a + 8 ? o === "top" ? r = n.bottom + a + 8 : r = a + 8 : r + s.height > a + c - 8 && (o === "bottom" ? r = n.top + a - s.height - 8 : r = a + c - s.height - 8), t.style.top = `${r}px`, t.style.left = `${i}px`;
-}, Pe = (t, e, o) => {
-  t.parentElement || document.body.appendChild(t), t.style.visibility = "visible", Le(t, e, o), requestAnimationFrame(() => {
+  const d = window.innerWidth, r = window.innerHeight;
+  i < 8 ? i = 8 : i + l.width > d - 8 && (i = d - l.width - 8), c < a + 8 ? o === "top" ? c = n.bottom + a + 8 : c = a + 8 : c + l.height > a + r - 8 && (o === "bottom" ? c = n.top + a - l.height - 8 : c = a + r - l.height - 8), t.style.top = `${c}px`, t.style.left = `${i}px`;
+}, Oe = (t, e, o) => {
+  t.parentElement || document.body.appendChild(t), t.style.visibility = "visible", $e(t, e, o), requestAnimationFrame(() => {
     t.style.opacity = "1";
   });
-}, Ae = (t) => {
+}, je = (t) => {
   t.style.opacity = "0", t.style.visibility = "hidden";
-}, Oe = (t) => t.scrollWidth > t.clientWidth || t.scrollHeight > t.clientHeight, je = (t) => !!t.closest(".vt-table, table"), il = {
+}, Ne = (t) => t.scrollWidth > t.clientWidth || t.scrollHeight > t.clientHeight, Fe = (t) => !!t.closest(".vt-table, table"), dl = {
   mounted(t, e) {
     var i;
     const o = (i = e.value) == null ? void 0 : i.trim();
     if (!o) return;
-    const n = t.dataset.placement || "top", s = De(o, n);
-    t.__tooltipEl = s;
-    const l = () => {
-      (je(t) ? Oe(t) : !0) && Pe(s, t, n);
+    const n = t.dataset.placement || "top", l = Ae(o, n);
+    t.__tooltipEl = l;
+    const s = () => {
+      (Fe(t) ? Ne(t) : !0) && Oe(l, t, n);
     }, a = () => {
-      Ae(s);
-    }, r = () => {
-      s.style.opacity === "1" && Le(s, t, n);
+      je(l);
+    }, c = () => {
+      l.style.opacity === "1" && $e(l, t, n);
     };
-    t.__mouseenterHandler = l, t.__mouseleaveHandler = a, t.__scrollHandler = r, t.addEventListener("mouseenter", l), t.addEventListener("mouseleave", a), window.addEventListener("scroll", r, !0), window.addEventListener("resize", r);
+    t.__mouseenterHandler = s, t.__mouseleaveHandler = a, t.__scrollHandler = c, t.addEventListener("mouseenter", s), t.addEventListener("mouseleave", a), window.addEventListener("scroll", c, !0), window.addEventListener("resize", c);
   },
   updated(t, e) {
     var n;
@@ -1990,47 +2142,50 @@ const ae = new Io(), Vo = {
     if (t.__tooltipEl)
       o ? t.__tooltipEl.firstChild.textContent = o : (t.__tooltipEl.parentElement && t.__tooltipEl.parentElement.removeChild(t.__tooltipEl), delete t.__tooltipEl);
     else if (o) {
-      const s = t.dataset.placement || "top", l = De(o, s);
-      t.__tooltipEl = l;
+      const l = t.dataset.placement || "top", s = Ae(o, l);
+      t.__tooltipEl = s;
       const a = () => {
-        (je(t) ? Oe(t) : !0) && Pe(l, t, s);
-      }, r = () => {
-        Ae(l);
+        (Fe(t) ? Ne(t) : !0) && Oe(s, t, l);
+      }, c = () => {
+        je(s);
       }, i = () => {
-        l.style.opacity === "1" && Le(l, t, s);
+        s.style.opacity === "1" && $e(s, t, l);
       };
-      t.__mouseenterHandler = a, t.__mouseleaveHandler = r, t.__scrollHandler = i, t.addEventListener("mouseenter", a), t.addEventListener("mouseleave", r), window.addEventListener("scroll", i, !0), window.addEventListener("resize", i);
+      t.__mouseenterHandler = a, t.__mouseleaveHandler = c, t.__scrollHandler = i, t.addEventListener("mouseenter", a), t.addEventListener("mouseleave", c), window.addEventListener("scroll", i, !0), window.addEventListener("resize", i);
     }
   },
   beforeUnmount(t) {
     t.__tooltipEl && t.__tooltipEl.parentElement && (t.__tooltipEl.parentElement.removeChild(t.__tooltipEl), delete t.__tooltipEl), t.__mouseenterHandler && (t.removeEventListener("mouseenter", t.__mouseenterHandler), delete t.__mouseenterHandler), t.__mouseleaveHandler && (t.removeEventListener("mouseleave", t.__mouseleaveHandler), delete t.__mouseleaveHandler), t.__scrollHandler && (window.removeEventListener("scroll", t.__scrollHandler, !0), window.removeEventListener("resize", t.__scrollHandler), delete t.__scrollHandler);
   }
-}, dl = {
+}, ml = {
   sortable: !0,
   actionColumn: !1,
   showOverflowTooltip: !0,
   visible: !0,
   pinnedLeft: !1,
   pinnedRight: !1
-}, al = {
+}, ul = {
   install(t, e = {}) {
     const { prefix: o = "V", modal: n = !0 } = e;
-    t.component(`${o}Button`, Ce), t.component(`${o}Icon`, J), t.component(`${o}Loader`, Ke), t.component(`${o}Modal`, qe), t.component(`${o}Pagination`, go), t.component(`${o}Checkbox`, ue), t.component(`${o}Table`, sl), t.component(`${o}TableColumn`, rl), t.directive("tooltip", il), n && t.use(Vo);
+    t.component(`${o}Button`, Ce), t.component(`${o}Icon`, J), t.component(`${o}Loader`, Ge), t.component(`${o}Modal`, Je), t.component(`${o}Pagination`, Co), t.component(`${o}Checkbox`, pe), t.component(`${o}Table`, al), t.component(`${o}TableColumn`, cl), t.component(`${o}Dropdown`, et), t.component(`${o}DropdownItem`, Le), t.directive("tooltip", dl), n && t.use(To);
   }
-}, pl = al.install;
+}, vl = ul.install;
 export {
-  dl as DEFAULT_COLUMN_CONFIG,
+  ml as DEFAULT_COLUMN_CONFIG,
+  Qe as DropdownContextKey,
   Ce as VButton,
-  ue as VCheckbox,
+  pe as VCheckbox,
+  et as VDropdown,
+  Le as VDropdownItem,
   J as VIcon,
-  Ke as VLoader,
-  qe as VModal,
-  Vo as VModalPlugin,
-  go as VPagination,
-  sl as VTable,
-  rl as VTableColumn,
-  al as default,
-  pl as install,
-  ae as modalManager,
-  il as tooltipDirective
+  Ge as VLoader,
+  Je as VModal,
+  To as VModalPlugin,
+  Co as VPagination,
+  al as VTable,
+  cl as VTableColumn,
+  ul as default,
+  vl as install,
+  ce as modalManager,
+  dl as tooltipDirective
 };