voiptime-components 1.0.17 → 1.0.19

package/dist/index.es.js

@@ -1,18 +1,18 @@
-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";
-const P = (t, e) => {
+import { createElementBlock as v, openBlock as p, createElementVNode as h, createStaticVNode as je, defineComponent as te, computed as S, createBlock as ne, createCommentVNode as W, resolveDynamicComponent as Ne, useSlots as $e, resolveDirective as Fe, withDirectives as Se, normalizeClass as z, renderSlot as de, Teleport as Ze, normalizeStyle as se, withModifiers as he, toDisplayString as ee, watch as ve, Fragment as re, renderList as ie, vModelSelect as pt, createVNode as F, withCtx as ue, createTextVNode as ge, ref as P, provide as Ye, onMounted as fe, onUnmounted as Ve, nextTick as ht, inject as Ue, createApp as mt, h as ye, mergeModels as Re, useModel as vt, reactive as ft, unref as X } from "vue";
+const D = (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 = {
+}, _t = {}, gt = {
   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] = [
+function wt(t, e) {
+  return p(), v("svg", gt, e[0] || (e[0] = [
     h("path", {
       d: "M14 8L10 12L6 8",
       stroke: "currentColor",
@@ -22,15 +22,15 @@ function kt(t, e) {
     }, null, -1)
   ]));
 }
-const bt = /* @__PURE__ */ P(Ct, [["render", kt]]), yt = {}, xt = {
+const Ct = /* @__PURE__ */ D(_t, [["render", wt]]), kt = {}, bt = {
   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] = [
+function yt(t, e) {
+  return p(), v("svg", bt, e[0] || (e[0] = [
     h("path", {
       d: "M6 12L10 8L14 12",
       stroke: "currentColor",
@@ -40,15 +40,15 @@ function Mt(t, e) {
     }, null, -1)
   ]));
 }
-const Lt = /* @__PURE__ */ P(yt, [["render", Mt]]), $t = {}, St = {
+const xt = /* @__PURE__ */ D(kt, [["render", yt]]), Mt = {}, Lt = {
   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] = [
+function $t(t, e) {
+  return p(), v("svg", Lt, e[0] || (e[0] = [
     h("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",
@@ -62,15 +62,15 @@ function It(t, e) {
     }, null, -1)
   ]));
 }
-const Vt = /* @__PURE__ */ P($t, [["render", It]]), Bt = {}, Rt = {
+const St = /* @__PURE__ */ D(Mt, [["render", $t]]), Vt = {}, It = {
   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] = [
+function Bt(t, e) {
+  return p(), v("svg", It, e[0] || (e[0] = [
     h("path", {
       d: "M8.60352 6L12.6035 10L8.60352 14",
       stroke: "currentColor",
@@ -80,15 +80,15 @@ function Tt(t, e) {
     }, null, -1)
   ]));
 }
-const Et = /* @__PURE__ */ P(Bt, [["render", Tt]]), zt = {}, Ht = {
+const Tt = /* @__PURE__ */ D(Vt, [["render", Bt]]), Et = {}, Rt = {
   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] = [
+function zt(t, e) {
+  return p(), v("svg", Rt, e[0] || (e[0] = [
     h("path", {
       d: "M12.3984 14L8.39844 10L12.3984 6",
       stroke: "currentColor",
@@ -98,15 +98,15 @@ function Wt(t, e) {
     }, null, -1)
   ]));
 }
-const Dt = /* @__PURE__ */ P(zt, [["render", Wt]]), Pt = {}, At = {
+const Ht = /* @__PURE__ */ D(Et, [["render", zt]]), Wt = {}, Dt = {
   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] = [
+function Pt(t, e) {
+  return p(), v("svg", Dt, e[0] || (e[0] = [
     h("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",
@@ -116,15 +116,15 @@ function Ot(t, e) {
     }, null, -1)
   ]));
 }
-const jt = /* @__PURE__ */ P(Pt, [["render", Ot]]), Nt = {}, Ft = {
+const At = /* @__PURE__ */ D(Wt, [["render", Pt]]), Ot = {}, jt = {
   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] = [
+function Nt(t, e) {
+  return p(), v("svg", jt, e[0] || (e[0] = [
     h("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",
@@ -140,15 +140,15 @@ function Zt(t, e) {
     }, null, -1)
   ]));
 }
-const Ut = /* @__PURE__ */ P(Nt, [["render", Zt]]), Kt = {}, qt = {
+const Ft = /* @__PURE__ */ D(Ot, [["render", Nt]]), Zt = {}, Yt = {
   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] = [
+function Ut(t, e) {
+  return p(), v("svg", Yt, e[0] || (e[0] = [
     h("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",
@@ -164,15 +164,15 @@ function Xt(t, e) {
     }, null, -1)
   ]));
 }
-const Gt = /* @__PURE__ */ P(Kt, [["render", Xt]]), Yt = {}, Jt = {
+const Xt = /* @__PURE__ */ D(Zt, [["render", Ut]]), Kt = {}, qt = {
   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] = [
+function Gt(t, e) {
+  return p(), v("svg", qt, e[0] || (e[0] = [
     h("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",
@@ -182,15 +182,15 @@ function Qt(t, e) {
     }, null, -1)
   ]));
 }
-const en = /* @__PURE__ */ P(Yt, [["render", Qt]]), tn = {}, nn = {
+const Jt = /* @__PURE__ */ D(Kt, [["render", Gt]]), Qt = {}, en = {
   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] = [
+function tn(t, e) {
+  return p(), v("svg", en, e[0] || (e[0] = [
     h("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -205,15 +205,15 @@ function on(t, e) {
     }, null, -1)
   ]));
 }
-const ln = /* @__PURE__ */ P(tn, [["render", on]]), sn = {}, rn = {
+const nn = /* @__PURE__ */ D(Qt, [["render", tn]]), on = {}, ln = {
   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] = [
+function sn(t, e) {
+  return p(), v("svg", ln, e[0] || (e[0] = [
     h("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -222,15 +222,15 @@ function an(t, e) {
     }, null, -1)
   ]));
 }
-const cn = /* @__PURE__ */ P(sn, [["render", an]]), un = {}, dn = {
+const rn = /* @__PURE__ */ D(on, [["render", sn]]), an = {}, cn = {
   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] = [
+function dn(t, e) {
+  return p(), v("svg", cn, e[0] || (e[0] = [
     h("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -239,15 +239,15 @@ function pn(t, e) {
     }, null, -1)
   ]));
 }
-const hn = /* @__PURE__ */ P(un, [["render", pn]]), mn = {}, vn = {
+const un = /* @__PURE__ */ D(an, [["render", dn]]), pn = {}, hn = {
   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] = [
+function mn(t, e) {
+  return p(), v("svg", hn, e[0] || (e[0] = [
     h("path", {
       d: "M6 14L10 10M10 10L14 6M10 10L6 6M10 10L14 14",
       stroke: "currentColor",
@@ -257,15 +257,15 @@ function fn(t, e) {
     }, null, -1)
   ]));
 }
-const _n = /* @__PURE__ */ P(mn, [["render", fn]]), gn = {}, Cn = {
+const vn = /* @__PURE__ */ D(pn, [["render", mn]]), fn = {}, _n = {
   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] = [
+function gn(t, e) {
+  return p(), v("svg", _n, e[0] || (e[0] = [
     h("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",
@@ -275,15 +275,15 @@ function wn(t, e) {
     }, null, -1)
   ]));
 }
-const kn = /* @__PURE__ */ P(gn, [["render", wn]]), bn = {}, yn = {
+const wn = /* @__PURE__ */ D(fn, [["render", gn]]), Cn = {}, kn = {
   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] = [
+function bn(t, e) {
+  return p(), v("svg", kn, e[0] || (e[0] = [
     h("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",
@@ -293,15 +293,15 @@ function xn(t, e) {
     }, null, -1)
   ]));
 }
-const Mn = /* @__PURE__ */ P(bn, [["render", xn]]), Ln = {}, $n = {
+const yn = /* @__PURE__ */ D(Cn, [["render", bn]]), xn = {}, Mn = {
   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] = [
+function Ln(t, e) {
+  return p(), v("svg", Mn, e[0] || (e[0] = [
     h("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",
@@ -316,27 +316,27 @@ function Sn(t, e) {
     }, null, -1)
   ]));
 }
-const In = /* @__PURE__ */ P(Ln, [["render", Sn]]), Vn = {}, Bn = {
+const $n = /* @__PURE__ */ D(xn, [["render", Ln]]), Sn = {}, Vn = {
   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 In(t, e) {
+  return p(), v("svg", Vn, e[0] || (e[0] = [
+    je('<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 Bn = /* @__PURE__ */ D(Sn, [["render", In]]), Tn = {}, En = {
   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] = [
+function Rn(t, e) {
+  return p(), v("svg", En, e[0] || (e[0] = [
     h("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",
@@ -346,15 +346,15 @@ function Hn(t, e) {
     }, null, -1)
   ]));
 }
-const Wn = /* @__PURE__ */ P(En, [["render", Hn]]), Dn = {}, Pn = {
+const zn = /* @__PURE__ */ D(Tn, [["render", Rn]]), Hn = {}, Wn = {
   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] = [
+function Dn(t, e) {
+  return p(), v("svg", Wn, e[0] || (e[0] = [
     h("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",
@@ -374,15 +374,15 @@ function An(t, e) {
     }, null, -1)
   ]));
 }
-const On = /* @__PURE__ */ P(Dn, [["render", An]]), jn = {}, Nn = {
+const Pn = /* @__PURE__ */ D(Hn, [["render", Dn]]), An = {}, On = {
   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] = [
+function jn(t, e) {
+  return p(), v("svg", On, e[0] || (e[0] = [
     h("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",
@@ -399,27 +399,27 @@ function Fn(t, e) {
     }, null, -1)
   ]));
 }
-const Zn = /* @__PURE__ */ P(jn, [["render", Fn]]), Un = {}, Kn = {
+const Nn = /* @__PURE__ */ D(An, [["render", jn]]), Fn = {}, Zn = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
   fill: "none",
   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)
+function Yn(t, e) {
+  return p(), v("svg", Zn, e[0] || (e[0] = [
+    je('<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 Un = /* @__PURE__ */ D(Fn, [["render", Yn]]), Xn = {}, Kn = {
   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] = [
+function qn(t, e) {
+  return p(), v("svg", Kn, e[0] || (e[0] = [
     h("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",
@@ -436,50 +436,50 @@ function Jn(t, e) {
     }, null, -1)
   ]));
 }
-const Qn = /* @__PURE__ */ P(Gn, [["render", Jn]]), eo = {
+const Gn = /* @__PURE__ */ D(Xn, [["render", qn]]), Jn = {
   // arrow icons
-  arrowDown: bt,
-  arrowTop: Lt,
-  arrowRight: Et,
-  arrowLeft: Dt,
-  arrowReload: Vt,
+  arrowDown: Ct,
+  arrowTop: xt,
+  arrowRight: Tt,
+  arrowLeft: Ht,
+  arrowReload: St,
   // table icons
-  columnInsert: jt,
-  freeze: Ut,
-  unfreeze: Gt,
-  columnsMove: ln,
-  empty: en,
+  columnInsert: At,
+  freeze: Ft,
+  unfreeze: Xt,
+  columnsMove: nn,
+  empty: Jt,
   // actions icons
-  listBullet: cn,
-  listBulletHorizontal: hn,
-  close: _n,
+  listBullet: rn,
+  listBulletHorizontal: un,
+  close: vn,
   // filter icons
-  filterSave: kn,
-  filterReset: Mn,
-  filterNew: In,
-  filterMultiselect: Tn,
-  filterExchange: Wn,
-  filterEdit: On,
-  filterDateCheck: Zn,
-  filterAdvanced: Xn,
-  filterAdd: Qn
-}, J = /* @__PURE__ */ se({
+  filterSave: wn,
+  filterReset: yn,
+  filterNew: $n,
+  filterMultiselect: Bn,
+  filterExchange: zn,
+  filterEdit: Pn,
+  filterDateCheck: Nn,
+  filterAdvanced: Un,
+  filterAdd: Gn
+}, G = /* @__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(() => Jn[e.name]);
+    return (n, l) => o.value ? (p(), ne(Ne(o.value), { key: 0 })) : W("", !0);
   }
-}), to = {}, no = { class: "vt-loader" };
-function oo(t, e) {
-  return p(), m("span", no);
+}), Qn = {}, eo = { class: "vt-loader" };
+function to(t, e) {
+  return p(), v("span", eo);
 }
-const Ke = /* @__PURE__ */ P(to, [["render", oo]]), lo = ["disabled", "type", "data-placement"], so = {
+const Xe = /* @__PURE__ */ D(Qn, [["render", to]]), no = ["disabled", "type", "data-placement"], oo = {
   key: 2,
   class: "vt-button__content"
-}, Ce = /* @__PURE__ */ se({
+}, we = /* @__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 = $e(), s = S(() => !!(o.icon && o.shape)), i = S(() => {
+      var C, L;
+      const r = l.default ? l.default({}) : null;
+      return ((L = (C = r == null ? void 0 : r[0]) == null ? void 0 : C.children) == null ? void 0 : L.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);
+    ]), a = S(() => s.value && o.tooltip ? i.value : null), u = (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 L = Fe("tooltip");
+      return Se((p(), v("button", {
+        class: z(c.value),
         disabled: o.disabled || o.loading,
         type: o.htmlType,
         "data-placement": o.tooltipPlacement,
         onClick: u
       }, [
-        o.loading ? (p(), ce(Ke, {
+        o.loading ? (p(), ne(Xe, {
           key: 0,
           class: "vt-button__icon"
-        })) : o.icon ? (p(), ce(J, {
+        })) : o.icon ? (p(), ne(G, {
           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) : (p(), v("span", oo, [
+          de(r.$slots, "default")
         ]))
-      ], 10, lo)), [
-        [$, i.value]
+      ], 10, no)), [
+        [L, a.value]
       ]);
     };
   }
-}), ro = {
+}), lo = {
   key: 0,
   class: "vt-modal__header"
-}, io = {
+}, so = {
   key: 0,
   class: "vt-modal__title"
-}, ao = { class: "vt-modal__content" }, qe = /* @__PURE__ */ se({
+}, ro = { class: "vt-modal__content" }, Ke = /* @__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 = () => {
+    })), i = () => {
       n("update:modelValue", !1), n("close");
-    }, r = () => {
-      o.closeOnBackdropClick && a();
+    }, c = () => {
+      o.closeOnBackdropClick && i();
     };
-    return (i, u) => (p(), ce(ut, { to: "body" }, [
-      i.modelValue ? (p(), m("div", {
+    return (a, u) => (p(), ne(Ze, { to: "body" }, [
+      a.modelValue ? (p(), v("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),
+          class: z(l.value),
           onClick: u[0] || (u[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, {
+          a.title || a.showCloseButton ? (p(), v("div", lo, [
+            a.title ? (p(), v("h2", so, ee(a.title), 1)) : W("", !0),
+            a.showCloseButton ? (p(), ne(G, {
               key: 1,
               name: "close",
               class: "vt-modal__close",
-              onClick: a
-            })) : A("", !0)
-          ])) : A("", !0),
-          h("div", ao, [
-            pe(i.$slots, "default")
+              onClick: i
+            })) : W("", !0)
+          ])) : W("", !0),
+          h("div", ro, [
+            de(a.$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({
+}), io = { class: "vt-pagination" }, ao = { class: "vt-pagination__info" }, co = { class: "vt-pagination__rows-per-page" }, uo = ["value"], po = { class: "vt-pagination__navigation" }, ho = ["disabled"], mo = ["onClick"], vo = ["disabled"], fo = /* @__PURE__ */ te({
   __name: "VPagination",
   props: {
     totalItems: {},
@@ -598,102 +598,102 @@ 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: (b) => n("update:currentPage", b)
+    }), 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: (b) => n("update:pageSize", b)
+    }), i = S(() => Math.ceil(o.totalItems / s.value)), c = S(() => o.totalItems === 0 ? 0 : (l.value - 1) * s.value + 1), a = S(() => Math.min(l.value * s.value, o.totalItems)), u = S(() => l.value <= 1), r = S(() => l.value >= i.value), C = S(() => {
+      const b = [], I = i.value, V = l.value, K = o.maxVisiblePages;
+      if (I <= K)
+        for (let q = 1; q <= I; q++)
+          b.push(q);
       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);
+        b.push(1);
+        const q = Math.max(2, V - Math.floor(K / 2)), Q = Math.min(I - 1, V + Math.floor(K / 2));
+        q > 2 && b.push("...");
+        for (let U = q; U <= Q; U++)
+          b.push(U);
+        Q < I - 1 && b.push("..."), I > 1 && b.push(I);
       }
-      return x;
-    }), $ = () => {
+      return b;
+    }), L = () => {
       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--, $());
-    }, U = () => {
-      c.value || (s.value++, $());
-    }, G = () => {
-      s.value = 1, $();
+    }, j = (b) => {
+      typeof b == "number" && b !== l.value && (l.value = b, L());
     }, Y = () => {
-      n("reloadData", s.value);
+      u.value || (l.value--, L());
+    }, N = () => {
+      r.value || (l.value++, L());
+    }, R = () => {
+      l.value = 1, L();
+    }, A = () => {
+      n("reloadData", l.value);
     };
-    return me(
+    return ve(
       () => o.totalItems,
       () => {
-        s.value > a.value && a.value > 0 && (s.value = a.value, $());
+        l.value > i.value && i.value > 0 && (l.value = i.value, L());
       }
-    ), (x, B) => (p(), m("div", co, [
-      h("div", uo, [
-        h("div", po, [
-          B[1] || (B[1] = h("label", {
+    ), (b, I) => (p(), v("div", io, [
+      h("div", ao, [
+        h("div", co, [
+          I[1] || (I[1] = h("label", {
             for: "rowsSelect",
             class: "vt-pagination__label"
           }, "Рядків на сторінку:", -1)),
-          $e(h("select", {
+          Se(h("select", {
             id: "rowsSelect",
-            "onUpdate:modelValue": B[0] || (B[0] = (I) => l.value = I),
-            onChange: G,
+            "onUpdate:modelValue": I[0] || (I[0] = (V) => s.value = V),
+            onChange: R,
             class: "vt-pagination__select"
           }, [
-            (p(!0), m(oe, null, le(x.pageSizeOptions, (I) => (p(), m("option", {
-              key: I,
-              value: I
-            }, te(I), 9, ho))), 128))
+            (p(!0), v(re, null, ie(b.pageSizeOptions, (V) => (p(), v("option", {
+              key: V,
+              value: V
+            }, ee(V), 9, uo))), 128))
           ], 544), [
-            [dt, l.value]
+            [pt, s.value]
           ])
         ]),
-        h("span", null, te(r.value) + " - " + te(i.value) + " з " + te(x.totalItems), 1)
+        h("span", null, ee(c.value) + " - " + ee(a.value) + " з " + ee(b.totalItems), 1)
       ]),
-      h("div", mo, [
+      h("div", po, [
         h("button", {
-          onClick: q,
+          onClick: Y,
           disabled: u.value,
-          class: D({ "vt-pagination__nav-button": !0, "has-items": !u.value })
+          class: z({ "vt-pagination__nav-button": !0, "has-items": !u.value })
         }, [
-          F(J, { name: "arrowLeft" })
-        ], 10, vo),
-        (p(!0), m(oe, null, le(y.value, (I) => (p(), m("button", {
-          key: I,
-          onClick: (K) => N(I),
-          class: D(["vt-pagination__nav-button", {
-            "vt-pagination__nav-button--active": I === s.value
+          F(G, { name: "arrowLeft" })
+        ], 10, ho),
+        (p(!0), v(re, null, ie(C.value, (V) => (p(), v("button", {
+          key: V,
+          onClick: (K) => j(V),
+          class: z(["vt-pagination__nav-button", {
+            "vt-pagination__nav-button--active": V === l.value
           }])
-        }, te(I), 11, fo))), 128)),
+        }, ee(V), 11, mo))), 128)),
         h("button", {
-          onClick: U,
-          disabled: c.value,
-          class: D({ "vt-pagination__nav-button": !0, "has-items": !c.value })
+          onClick: N,
+          disabled: r.value,
+          class: z({ "vt-pagination__nav-button": !0, "has-items": !r.value })
         }, [
-          F(J, { name: "arrowRight" })
-        ], 10, _o)
+          F(G, { name: "arrowRight" })
+        ], 10, vo)
       ]),
       h("div", null, [
-        F(Ce, {
+        F(we, {
           icon: "arrowReload",
           shape: "circle",
           tooltip: "",
           tooltipPlacement: "left",
-          onClick: Y
+          onClick: A
         }, {
-          default: Me(() => B[2] || (B[2] = [
+          default: ue(() => I[2] || (I[2] = [
             ge("Оновити дані ", -1)
           ])),
           _: 1,
@@ -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({
+}), _o = ["for"], go = ["id", "name", "value", "checked", "disabled", "required", ".indeterminate"], pe = /* @__PURE__ */ te({
   __name: "VCheckbox",
   props: {
     modelValue: { type: Boolean, default: void 0 },
@@ -720,58 +720,58 @@ 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()), i = 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 L = r.target.checked;
+      n("update:modelValue", L), n("change", L, r);
+    }, a = (r) => {
+      n("focus", r);
+    }, u = (r) => {
+      n("blur", r);
     };
-    return (c, y) => (p(), m("label", {
-      class: D([
+    return (r, C) => (p(), v("label", {
+      class: z([
         "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,
-        checked: a.value,
-        disabled: c.disabled,
-        required: c.required,
-        ".indeterminate": c.indeterminate,
+        id: s.value,
+        name: r.name,
+        value: r.value,
+        checked: i.value,
+        disabled: r.disabled,
+        required: r.required,
+        ".indeterminate": r.indeterminate,
         type: "checkbox",
         class: "vt-checkbox__input",
-        onChange: r,
-        onFocus: i,
+        onChange: c,
+        onFocus: a,
         onBlur: u
-      }, null, 40, wo),
+      }, null, 40, go),
       h("div", {
-        class: D([
+        class: z([
           "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": i.value && !r.indeterminate && !r.isDouble,
+            "vt-checkbox__box--indeterminate": r.indeterminate,
+            "vt-checkbox__box--double": r.isDouble && i.value,
+            "vt-checkbox__box--disabled": r.disabled
           }
         ])
       }, [
-        !c.indeterminate && !c.isDouble ? (p(), m("svg", {
+        !r.indeterminate && !r.isDouble ? (p(), v("svg", {
           key: 0,
-          class: D([
+          class: z([
             "vt-checkbox__checkmark",
             {
-              "vt-checkbox__checkmark--checked": a.value
+              "vt-checkbox__checkmark--checked": i.value
             }
           ]),
           width: "10",
@@ -779,20 +779,20 @@ 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] = [
+        }, C[0] || (C[0] = [
           h("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 && i.value ? (p(), v("svg", {
           key: 1,
-          class: D([
+          class: z([
             "vt-checkbox__checkmark",
             {
-              "vt-checkbox__checkmark--checked": a.value
+              "vt-checkbox__checkmark--checked": i.value
             }
           ]),
           width: "13",
@@ -800,7 +800,7 @@ 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] = [
+        }, C[1] || (C[1] = [
           h("path", {
             d: "M6 3L8.25 5L12 1",
             stroke: "currentColor",
@@ -815,199 +815,199 @@ const Ke = /* @__PURE__ */ P(to, [["render", oo]]), lo = ["disabled", "type", "d
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
           }, null, -1)
-        ]), 2)) : A("", !0),
-        c.indeterminate ? (p(), m("div", {
+        ]), 2)) : W("", !0),
+        r.indeterminate ? (p(), v("div", {
           key: 2,
-          class: D([
+          class: z([
             "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 ? (p(), v("span", {
         key: 0,
-        class: D([
+        class: z([
           "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", {}, () => [
+            ge(ee(r.label), 1)
           ])
         ])
-      ], 2)) : A("", !0)
-    ], 10, Co));
+      ], 2)) : W("", !0)
+    ], 10, _o));
   }
 });
-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 wo(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), i = s.reduce((r, C) => r + (C.width || C.minWidth || 0), 0), c = l - s.length;
+    if (c === 0) return 150;
+    const u = Math.max(800 - i, c * 80);
+    return Math.max(Math.floor(u / c), 120);
   };
   return {
     sortedColumns: e,
     getDefaultColumnWidth: o,
-    getStickyOffset: (s, l, a = !1) => {
-      const r = e.value;
-      let i = 0;
-      if (s === "left") {
-        a && (i += 50);
-        for (let u = 0; u < l; u++) {
-          const c = r[u];
-          c.pinnedLeft && (i += c.width || c.minWidth || o());
+    getStickyOffset: (l, s, i = !1) => {
+      const c = e.value;
+      let a = 0;
+      if (l === "left") {
+        i && (a += 50);
+        for (let u = 0; u < s; u++) {
+          const r = c[u];
+          r.pinnedLeft && (a += 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 u = c.length - 1; u > s; u--) {
+          const r = c[u];
+          r.pinnedRight && (a += r.width || r.minWidth || o());
         }
-      return i;
+      return a;
     }
   };
 }
-function bo(t) {
+function Co(t) {
   const e = () => {
-    const l = {};
-    return t.maxHeight && (l.maxHeight = `${t.maxHeight}px`), l;
-  }, o = (l, a, r, i) => {
+    const s = {};
+    return t.maxHeight && (s.maxHeight = `${t.maxHeight}px`), s;
+  }, o = (s, i, c, a) => {
     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";
+    if (s.width)
+      u.width = `${s.width}px`, u.minWidth = `${s.width}px`, u.maxWidth = `${s.width}px`;
+    else if (s.minWidth)
+      u.minWidth = `${s.minWidth}px`, u.width = `${s.minWidth}px`, u.maxWidth = "none";
     else {
-      const c = i();
-      u.width = `${c}px`, u.minWidth = "80px", u.maxWidth = "none";
+      const r = a();
+      u.width = `${r}px`, u.minWidth = "80px", u.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 ? (u.position = "sticky", u.left = `${c("left", i, t.selectable)}px`, u.zIndex = "10") : s.pinnedRight && (u.position = "sticky", u.right = `${c("right", i, !1)}px`, u.zIndex = "10"), u;
   };
   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, i, c, a) => {
+      const u = o(s, i, c, a);
+      return t.maxHeight && (u.position = "sticky", u.top = "0", s.pinnedLeft || s.pinnedRight ? u.zIndex = "12" : u.zIndex = "11"), u;
     },
-    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, i, c, a) => {
+      const u = o(s, i, c, a);
+      return t.maxHeight && (u.position = "sticky", u.bottom = "0", s.pinnedLeft || s.pinnedRight ? u.zIndex = "12" : u.zIndex = "11"), u;
     }
   };
 }
-function yo() {
-  const t = O({
+function ko() {
+  const t = P({
     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, i) => {
+      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 = (u) => {
+        const { resizingCol: r, startX: C, startWidth: L } = t.value;
+        if (!r) return;
+        document.querySelectorAll(`[data-resizer="${r.prop}"]`).forEach((A) => {
+          A.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;
-      }, i = () => {
+        const j = u.clientX - C, Y = r.minWidth || 50, N = r.maxWidth || 1e3, R = Math.max(Math.min(L + j, N), Y);
+        r.width = R;
+      }, a = () => {
         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;
+        document.removeEventListener("mousemove", c), document.removeEventListener("mouseup", a), document.body.style.cursor = "", document.body.style.userSelect = "", document.body.classList.remove("vt-table-resizing"), u && (document.querySelectorAll(`[data-resizer="${u.prop}"]`).forEach((r) => {
+          r.classList.remove("vt-table__resizer--active");
+        }), i && u.width && i(u.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", a), 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 bo(t, e, o, n) {
+  var oe;
+  const l = t.selectionKey || "id", s = P([]), i = P(null), c = P(!1);
+  (oe = t.defaultSelection) != null && oe.length && (s.value = [...t.defaultSelection]);
+  const a = (k) => k[l], u = (k) => c.value ? !0 : s.value.some((m) => a(m) === a(k)), r = S(() => e.value.filter((k) => u(k)).length), C = S(() => e.value.length > 0 && r.value === e.value.length), L = S(() => {
+    if (c.value) return !1;
+    const k = r.value;
+    return k > 0 && k < e.value.length;
+  }), j = S(() => c.value ? !0 : C.value && !L.value), Y = S(() => c.value), N = (k, m) => {
+    const y = a(k), M = s.value.some((_) => a(_) === a(k)), d = m !== void 0 ? m : !M;
+    if (c.value && !d) {
+      c.value = !1, n != null && n.value && (s.value = n.value.filter((_) => a(_) !== y)), U(k, !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 && d || (d && !M ? s.value.push(k) : !d && M && (s.value = s.value.filter((_) => a(_) !== y)), t.selectOnClickRow && m === void 0 && K(d ? k : null), U(k, d));
+  }, R = () => {
+    switch (A()) {
       case "none":
       case "partial":
-        x();
+        b();
         break;
       case "allVisible":
-        B();
+        I();
         break;
       case "absoluteAll":
-        I();
+        V();
         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);
+  }, A = () => c.value ? "absoluteAll" : C.value ? "allVisible" : r.value > 0 ? "partial" : "none", b = () => {
+    const k = [], m = new Set(s.value.map((y) => a(y)));
+    s.value.forEach((y) => {
+      k.push(y);
+    }), e.value.forEach((y) => {
+      m.has(a(y)) || k.push(y);
+    }), s.value = k, c.value = !1, U();
   }, I = () => {
-    l.value = [], r.value = !1, a.value = null, H();
-  }, K = (w) => {
-    const C = a.value;
-    a.value = w, o("current-change", {
-      currentRow: a.value,
-      oldCurrentRow: C
+    c.value = !0, n != null && n.value ? s.value = [...n.value] : s.value = [...e.value], U(void 0, void 0, !0);
+  }, V = () => {
+    s.value = [], c.value = !1, i.value = null, U();
+  }, K = (k) => {
+    const m = i.value;
+    i.value = k, o("current-change", {
+      currentRow: i.value,
+      oldCurrentRow: m
     });
-  }, 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
+  }, q = () => [...s.value], Q = (k) => {
+    s.value = [...k], c.value = !1, U();
+  }, U = (k, m, y = !1) => {
+    const M = {
+      selection: [...s.value],
+      row: k,
+      selected: m,
+      isAllSelected: y || c.value
     };
-    o("selection-change", X);
+    o("selection-change", M);
   };
-  return me(
+  return ve(
     () => t.defaultSelection,
-    (w) => {
-      w != null && w.length && (l.value = [...w]);
+    (k) => {
+      k != null && k.length && (s.value = [...k]);
     }
   ), {
-    selectedRows: l,
-    currentRow: a,
+    selectedRows: s,
+    currentRow: i,
     isRowSelected: u,
-    isAllSelected: N,
-    isIndeterminate: $,
-    isDoubleCheck: q,
-    isFullSelection: r,
-    toggleRowSelection: U,
-    toggleAllSelection: G,
-    clearSelection: I,
+    isAllSelected: j,
+    isIndeterminate: L,
+    isDoubleCheck: Y,
+    isFullSelection: c,
+    toggleRowSelection: N,
+    toggleAllSelection: R,
+    clearSelection: V,
     setCurrentRow: K,
-    getSelectionRows: M,
-    setSelectionRows: z,
-    selectAbsolutelyAll: B
+    getSelectionRows: q,
+    setSelectionRows: Q,
+    selectAbsolutelyAll: I
   };
 }
-function Mo(t, e) {
+function yo(t, e) {
   if (!t)
     return String(e.value ?? "");
   try {
@@ -1017,63 +1017,238 @@ function Mo(t, e) {
     return console.error("Error rendering table slot:", o), String(e.value ?? "");
   }
 }
-const Lo = (t, e, o = "asc") => {
+const xo = (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 : ze(t) && ze(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) => {
+}, ze = (t) => t instanceof Date ? !isNaN(t.getTime()) : typeof t == "string" && /\d{4}-\d{2}-\d{2}|\//.test(t) ? !isNaN(new Date(t).getTime()) : !1, Mo = (t, e, o) => {
   t.sortable && o({
     prop: t.prop,
     direction: e
   });
-}, We = (t, e) => {
+}, He = (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) => {
+}, Lo = (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 || xo;
+  return [...t].sort((s, i) => {
+    const c = s[n.prop], a = i[n.prop];
+    return l(c, a, e.direction);
   });
-};
-class Io {
+}, qe = Symbol("dropdown-context"), Ge = /* @__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 = P(), i = P(), c = P(), a = P(!1), u = P(null), r = P([]), C = P({
+      position: "absolute",
+      top: "0px",
+      left: "0px",
+      zIndex: 2e3,
+      transformOrigin: "center top"
+    });
+    $e();
+    const L = (m) => {
+      const y = [];
+      let M = m.parentElement;
+      for (; M && M !== document.body; ) {
+        const d = window.getComputedStyle(M), _ = d.overflowY, w = d.overflowX;
+        (["scroll", "auto"].includes(_) || ["scroll", "auto"].includes(w) || M.scrollHeight > M.clientHeight || M.scrollWidth > M.clientWidth) && y.push(M), M = M.parentElement;
+      }
+      return y.push(window), y;
+    }, j = async () => {
+      if (await ht(), !i.value || !c.value) return;
+      const m = i.value.getBoundingClientRect(), y = c.value.getBoundingClientRect();
+      let M = 0, d = 0;
+      switch (n.placement) {
+        case "bottom":
+          M = m.bottom + window.scrollY + 5, d = m.left + window.scrollX + (m.width - y.width) / 2;
+          break;
+        case "bottom-start":
+          M = m.bottom + window.scrollY + 5, d = m.left + window.scrollX;
+          break;
+        case "bottom-end":
+          M = m.bottom + window.scrollY + 5, d = m.right + window.scrollX - y.width;
+          break;
+        case "top":
+          M = m.top + window.scrollY - y.height - 5, d = m.left + window.scrollX + (m.width - y.width) / 2;
+          break;
+        case "top-start":
+          M = m.top + window.scrollY - y.height - 5, d = m.left + window.scrollX;
+          break;
+        case "top-end":
+          M = m.top + window.scrollY - y.height - 5, d = m.right + window.scrollX - y.width;
+          break;
+      }
+      d + y.width > window.innerWidth && (d = window.innerWidth - y.width - 10), d < 10 && (d = 10), M + y.height > window.innerHeight + window.scrollY && (M = m.top + window.scrollY - y.height - 5), M < window.scrollY + 10 && (M = window.scrollY + 10), C.value.top = `${M}px`, C.value.left = `${d}px`;
+    }, Y = () => {
+      i.value && (r.value = L(i.value), r.value.forEach((m) => {
+        m.addEventListener("scroll", k, { passive: !0 });
+      }), window.addEventListener("resize", k));
+    }, N = () => {
+      r.value.forEach((m) => {
+        m.removeEventListener("scroll", k);
+      }), window.removeEventListener("resize", k), r.value = [];
+    }, R = () => {
+      n.disabled || a.value || (b(), u.value = window.setTimeout(
+        async () => {
+          a.value = !0, await j(), Y(), l("visible-change", !0);
+        },
+        n.trigger === "hover" ? n.showTimeout : 0
+      ));
+    }, A = () => {
+      a.value && (b(), u.value = window.setTimeout(
+        () => {
+          a.value = !1, N(), l("visible-change", !1);
+        },
+        n.trigger === "hover" ? n.hideTimeout : 0
+      ));
+    }, b = () => {
+      u.value && (window.clearTimeout(u.value), u.value = null);
+    };
+    Ye(qe, {
+      handleCommand: (m) => {
+        console.log("VDropdown handleCommand called:", m), l("command", m), n.hideOnClick && A();
+      },
+      hideOnClick: n.hideOnClick
+    });
+    const V = (m) => {
+      n.disabled || (console.log("VDropdown click triggered"), l("click", m), n.trigger === "click" && (a.value ? A() : R()));
+    }, K = () => {
+      n.trigger === "hover" && R();
+    }, q = () => {
+      n.trigger === "hover" && A();
+    }, Q = () => {
+      n.trigger === "hover" && b();
+    }, U = () => {
+      n.trigger === "hover" && A();
+    }, oe = (m) => {
+      var M, d;
+      if (!a.value) return;
+      const y = m.target;
+      (M = s.value) != null && M.contains(y) || (d = c.value) != null && d.contains(y) || A();
+    }, k = () => {
+      a.value && j();
+    };
+    return e({
+      show: R,
+      hide: A,
+      visible: a
+    }), fe(() => {
+      document.addEventListener("click", oe);
+    }), Ve(() => {
+      document.removeEventListener("click", oe), N(), b();
+    }), (m, y) => (p(), v("div", {
+      ref_key: "dropdownRef",
+      ref: s,
+      class: "vt-dropdown",
+      onClick: V,
+      onMouseenter: K,
+      onMouseleave: q
+    }, [
+      h("div", {
+        ref_key: "triggerRef",
+        ref: i,
+        class: "vt-dropdown__trigger"
+      }, [
+        de(m.$slots, "default")
+      ], 512),
+      a.value ? (p(), ne(Ze, {
+        key: 0,
+        to: "body"
+      }, [
+        h("div", {
+          ref_key: "menuRef",
+          ref: c,
+          style: se(C.value),
+          class: "vt-dropdown-menu",
+          onMouseenter: Q,
+          onMouseleave: U,
+          onClick: y[0] || (y[0] = he(() => {
+          }, ["stop"]))
+        }, [
+          de(m.$slots, "dropdown")
+        ], 36)
+      ])) : W("", !0)
+    ], 544));
+  }
+}), Me = /* @__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 = Ue(qe);
+    l || console.warn("VDropdownItem must be used within VDropdown");
+    const s = (i) => {
+      o.disabled || (console.log("VDropdownItem click:", o.command), n("click", i), o.command !== void 0 && l && (console.log("Calling handleCommand with:", o.command), l.handleCommand(o.command)));
+    };
+    return (i, c) => (p(), v("li", {
+      class: z(["vt-dropdown-item", {
+        "is-disabled": i.disabled,
+        "vt-dropdown-item--divided": i.divided
+      }]),
+      onClick: s
+    }, [
+      i.icon ? (p(), v("i", {
+        key: 0,
+        class: z([i.icon, "vt-dropdown-item__icon"])
+      }, null, 2)) : W("", !0),
+      de(i.$slots, "default")
+    ], 2));
+  }
+});
+class $o {
   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 = P(!0), s = this.baseZIndex + this.modalStack.length * 10, i = mt({
       setup() {
-        const i = () => {
-          s.value = !1, setTimeout(() => {
-            ae.closeById(o);
+        const a = () => {
+          l.value = !1, setTimeout(() => {
+            ce.closeById(o);
           }, 100);
         };
         return () => ye(
-          qe,
+          Ke,
           {
-            modelValue: s.value,
-            "onUpdate:modelValue": i,
+            modelValue: l.value,
+            "onUpdate:modelValue": a,
             title: e.title,
             size: e.size || "medium",
             showCloseButton: e.showCloseButton !== !1,
             closeOnBackdropClick: e.closeOnBackdropClick !== !1,
-            onClose: i,
-            zIndex: l
+            onClose: a,
+            zIndex: s
           },
           {
             default: () => e.component ? ye(e.component, e.props || {}) : e.content ? ye("div", { innerHTML: e.content }) : null
@@ -1081,14 +1256,14 @@ class Io {
         );
       }
     });
-    a.mount(n);
-    const r = {
+    i.mount(n);
+    const c = {
       id: o,
-      app: a,
+      app: i,
       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 +1293,24 @@ class Io {
   recalculateZIndices() {
   }
 }
-const ae = new Io(), Vo = {
+const ce = new $o(), So = {
   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 = {
+}, Vo = { class: "vt-columns-selector-body" }, Io = { class: "vt-columns-selector" }, Bo = { class: "vt-columns-selector__panel" }, To = ["draggable", "onDragstart", "onDragover", "onDrop"], Eo = {
   key: 0,
   class: "vt-columns-selector__panel-item-pinned"
-}, Ho = { class: "vt-columns-selector__available" }, Wo = ["onClick"], Do = {
+}, Ro = { class: "vt-columns-selector__available" }, zo = ["onClick"], Ho = {
   key: 0,
   class: "vt-columns-selector__group-columns"
-}, Po = {
+}, Wo = {
   key: 0,
   class: "vt-columns-selector__pinned-note"
-}, Ao = { class: "vt-modal__content-button" }, Oo = /* @__PURE__ */ se({
+}, Do = { class: "vt-modal__content-button" }, Po = /* @__PURE__ */ te({
   __name: "VTableColumnSelector",
   props: {
     columns: {},
@@ -1143,191 +1318,191 @@ 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 o = t, n = e, l = P([]), s = P(/* @__PURE__ */ new Set()), i = P(-1), c = P(-1), a = P("before"), u = S(() => {
       const d = {};
-      return o.columnsSelector.forEach((f) => {
-        if (f.name === "removed")
+      return o.columnsSelector.forEach((_) => {
+        if (_.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 };
+        const w = _.columns.map((T) => T.prop), $ = l.value.filter((T) => w.includes(T.prop));
+        $.length === 0 ? d[_.name] = { checked: !1, indeterminate: !1 } : $.length === _.columns.length ? d[_.name] = { checked: !0, indeterminate: !1 } : d[_.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;
-      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;
+    }), r = S(() => o.columnsSelector.filter((d) => d.name !== "removed")), C = (d) => d.pinnedLeft || d.pinnedRight, L = (d) => !C(d), j = () => {
+      const d = l.value;
+      let _ = -1;
+      for (let $ = 0; $ < d.length; $++)
+        d[$].pinnedLeft && (_ = $);
+      let w = d.length;
+      for (let $ = 0; $ < d.length; $++)
+        if (d[$].pinnedRight) {
+          w = $;
           break;
         }
       return {
-        minIndex: f + 1,
-        maxIndex: g - 1
+        minIndex: _ + 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)) {
+    }, Y = (d) => {
+      const _ = j();
+      return !(d < _.minIndex || d > _.maxIndex + 1);
+    }, N = (d, _) => {
+      const w = l.value[_];
+      if (!L(w)) {
         d.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) => {
-      if (a.value === -1) return;
+      i.value = _, d.dataTransfer && (d.dataTransfer.effectAllowed = "move", d.dataTransfer.setData("text/plain", w.prop)), document.body.style.cursor = "grabbing";
+    }, R = (d, _) => {
+      if (i.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 = () => {
+      const w = d.currentTarget.getBoundingClientRect(), $ = d.clientY, T = w.top + w.height / 2;
+      let E = _, J = "before";
+      $ < T ? (E = _, J = "before") : (E = _ + 1, J = "after"), i.value < E && E--, Y(E) ? (c.value = _, a.value = J, d.dataTransfer.dropEffect = "move") : (c.value = -1, d.dataTransfer.dropEffect = "none");
+    }, A = () => {
       setTimeout(() => {
-        a.value === -1 && (r.value = -1);
+        i.value === -1 && (c.value = -1);
       }, 50);
-    }, x = (d, f) => {
-      if (d.preventDefault(), a.value === -1 || r.value === -1) {
-        I();
+    }, b = (d, _) => {
+      if (d.preventDefault(), i.value === -1 || c.value === -1) {
+        V();
         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) {
-        I();
+      const w = d.currentTarget.getBoundingClientRect(), $ = d.clientY, T = w.top + w.height / 2;
+      let E = _;
+      if ($ >= T && (E = _ + 1), i.value < E && E--, !Y(E) || E === i.value) {
+        V();
         return;
       }
-      const ee = [...s.value], [we] = ee.splice(a.value, 1);
-      ee.splice(T, 0, we), s.value = ee, I();
-    }, B = () => {
-      I();
+      const J = [...l.value], [Ce] = J.splice(i.value, 1);
+      J.splice(E, 0, Ce), l.value = J, V();
     }, I = () => {
-      a.value = -1, r.value = -1, i.value = "before", document.body.style.cursor = "";
+      V();
+    }, V = () => {
+      i.value = -1, c.value = -1, a.value = "before", document.body.style.cursor = "";
     }, K = (d) => {
-      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);
+      const _ = ["vt-columns-selector__panel-item"];
+      return i.value === d && _.push("vt-columns-selector__panel-item--dragging"), c.value === d && a.value === "before" && _.push("vt-columns-selector__panel-item--drop-before"), c.value === d && a.value === "after" && _.push("vt-columns-selector__panel-item--drop-after"), _;
+    }, q = () => {
+      l.value = [...o.columns.map((d) => ({ ...d }))], o.columnsSelector.forEach((d) => {
+        d.name !== "removed" && s.value.add(d.name);
       });
-    }, z = (d, f) => {
-      if (f)
-        s.value.some((g) => g.prop === d.prop) || s.value.push({ ...d });
+    }, Q = (d, _) => {
+      if (_)
+        l.value.some((w) => w.prop === d.prop) || l.value.push({ ...d });
       else {
-        if (y(d))
+        if (C(d))
           return;
-        s.value = s.value.filter((g) => g.prop !== d.prop);
+        l.value = l.value.filter((w) => w.prop !== d.prop);
       }
-    }, H = (d, f) => {
-      if (f)
-        d.columns.forEach((g) => {
-          s.value.some((b) => b.prop === g.prop) || s.value.push({ ...g });
+    }, U = (d, _) => {
+      if (_)
+        d.columns.forEach((w) => {
+          l.value.some(($) => $.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 = [];
+        d.columns.forEach(($) => {
+          const T = l.value.find((E) => E.prop === $.prop);
+          T && !C(T) && w.push(T);
+        }), l.value = l.value.filter(
+          ($) => !w.some((T) => T.prop === $.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();
+    }, oe = (d) => l.value.some((_) => _.prop === d.prop), k = (d) => {
+      const _ = l.value.find((w) => w.prop === d.prop);
+      return !_ || !C(_);
+    }, m = (d) => {
+      s.value.has(d) ? s.value.delete(d) : s.value.add(d);
+    }, y = () => {
+      n("update-columns", [...l.value]), ce.close();
+    }, M = () => {
+      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(() => {
+      q();
+    }), (d, _) => (p(), v("div", Vo, [
+      h("div", Io, [
+        h("div", Bo, [
+          (p(!0), v(re, null, ie(l.value, (w, $) => (p(), v("div", {
+            key: w.prop,
+            class: z(K($)),
+            draggable: L(w),
+            onDragstart: (T) => N(T, $),
+            onDragover: (T) => R(T, $),
+            onDragleave: A,
+            onDrop: (T) => b(T, $),
+            onDragend: I
           }, [
-            F(J, {
-              name: $(g) ? "columnsMove" : "freeze",
-              class: D(["vt-columns-selector__panel-item-icon", { "vt-columns-selector__panel-item-icon--draggable": $(g) }])
+            F(G, {
+              name: L(w) ? "columnsMove" : "freeze",
+              class: z(["vt-columns-selector__panel-item-icon", { "vt-columns-selector__panel-item-icon--draggable": L(w) }])
             }, null, 8, ["name", "class"]),
-            F(ue, {
-              label: g.label,
+            F(pe, {
+              label: w.label,
               checked: !0,
-              disabled: y(g),
-              onChange: (R) => z(g, R),
-              onClick: f[0] || (f[0] = he(() => {
+              disabled: C(w),
+              onChange: (T) => Q(w, T),
+              onClick: _[0] || (_[0] = he(() => {
               }, ["stop"]))
             }, null, 8, ["label", "disabled", "onChange"]),
-            y(g) ? (p(), m("span", zo, "pinned")) : A("", !0)
-          ], 42, Eo))), 128))
+            C(w) ? (p(), v("span", Eo, "pinned")) : W("", !0)
+          ], 42, To))), 128))
         ]),
-        h("div", Ho, [
-          (p(!0), m(oe, null, le(c.value, (g) => {
-            var b, R;
-            return p(), m("div", {
-              key: g.name,
+        h("div", Ro, [
+          (p(!0), v(re, null, ie(r.value, (w) => {
+            var $, T;
+            return p(), v("div", {
+              key: w.name,
               class: "vt-columns-selector__group"
             }, [
               h("div", {
                 class: "vt-columns-selector__group-header",
-                onClick: (T) => C(g.name)
+                onClick: (E) => m(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),
-                  onClick: f[1] || (f[1] = he(() => {
+                F(pe, {
+                  label: w.label,
+                  checked: (($ = u.value[w.name]) == null ? void 0 : $.checked) || !1,
+                  indeterminate: ((T = u.value[w.name]) == null ? void 0 : T.indeterminate) || !1,
+                  onChange: (E) => U(w, E),
+                  onClick: _[1] || (_[1] = he(() => {
                   }, ["stop"]))
                 }, null, 8, ["label", "checked", "indeterminate", "onChange"]),
-                g.icon ? (p(), ce(J, {
+                w.icon ? (p(), ne(G, {
                   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, zo),
+              s.value.has(w.name) ? (p(), v("div", Ho, [
+                (p(!0), v(re, null, ie(w.columns, (E) => (p(), v("div", {
+                  key: E.prop,
                   class: "vt-columns-selector__group-column"
                 }, [
-                  F(ue, {
-                    label: T.label,
-                    checked: Q(T),
-                    disabled: !w(T),
-                    onChange: (ee) => z(T, ee)
+                  F(pe, {
+                    label: E.label,
+                    checked: oe(E),
+                    disabled: !k(E),
+                    onChange: (J) => Q(E, J)
                   }, null, 8, ["label", "checked", "disabled", "onChange"]),
-                  w(T) ? A("", !0) : (p(), m("span", Po, " (закріплена) "))
+                  k(E) ? W("", !0) : (p(), v("span", Wo, " (закріплена) "))
                 ]))), 128))
-              ])) : A("", !0)
+              ])) : W("", !0)
             ]);
           }), 128))
         ])
       ]),
-      h("div", Ao, [
-        F(Ce, { onClick: X }, {
-          default: Me(() => f[2] || (f[2] = [
+      h("div", Do, [
+        F(we, { onClick: M }, {
+          default: ue(() => _[2] || (_[2] = [
             ge("Скасувати", -1)
           ])),
           _: 1,
           __: [2]
         }),
-        F(Ce, {
+        F(we, {
           type: "primary",
-          onClick: V
+          onClick: y
         }, {
-          default: Me(() => f[3] || (f[3] = [
+          default: ue(() => _[3] || (_[3] = [
             ge("Зберегти", -1)
           ])),
           _: 1,
@@ -1336,7 +1511,7 @@ const ae = new Io(), Vo = {
       ])
     ]));
   }
-}), jo = /* @__PURE__ */ se({
+}), Ao = { class: "vt-table-header-actions" }, Oo = /* @__PURE__ */ te({
   __name: "ColumnActions",
   props: {
     column: {},
@@ -1345,109 +1520,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"), i();
+          break;
+        case "columns":
+          console.log("Executing columns command"), u();
+          break;
+        default:
+          console.warn("Unknown command:", r);
+      }
+    }, i = () => {
+      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
+    }), a = (r) => {
+      var N;
+      const C = new Set(r.map((R) => R.prop)), L = /* @__PURE__ */ new Set();
+      (N = o.columnsSelector) == null || N.forEach((R) => {
+        R.columns.forEach((A) => L.add(A.prop));
+      }), o.allColumns.forEach((R) => L.add(R.prop));
+      const j = [];
+      L.forEach((R) => {
+        var A;
+        if (!C.has(R)) {
+          let b;
+          (A = o.columnsSelector) == null || A.forEach((I) => {
+            const V = I.columns.find((K) => K.prop === R);
+            V && (b = V);
+          }), b || (b = o.allColumns.find((I) => I.prop === R)), b && j.push(b);
         }
       });
-      const w = [...o.columnsSelector || []];
-      Q.length > 0 && w.push(G(Q)), u.value = w;
-    }, x = () => {
-      Y(o.allColumns), ae.open({
-        component: Oo,
+      const Y = [...o.columnsSelector || []];
+      return j.length > 0 && Y.push(c(j)), Y;
+    }, u = () => {
+      console.log("handleToggleVisibility called");
+      const r = a(o.allColumns);
+      ce.open({
+        component: Po,
         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) => (p(), ne(Ge, {
+      trigger: "click",
+      placement: "bottom-start",
+      onCommand: s
+    }, {
+      dropdown: ue(() => [
+        F(Me, { command: "pin" }, {
+          default: ue(() => [
+            F(G, {
+              name: l() ? "unfreeze" : "freeze"
+            }, null, 8, ["name"]),
+            h("div", null, ee(l() ? "Розморозити" : "Заморозити"), 1)
+          ]),
+          _: 1
+        }),
+        F(Me, { command: "columns" }, {
+          default: ue(() => [
+            F(G, { name: "columnInsert" }),
+            C[0] || (C[0] = h("div", null, "Колонки", -1))
+          ]),
+          _: 1,
+          __: [0]
+        })
+      ]),
+      default: ue(() => [
+        h("div", Ao, [
+          F(G, { 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 = {
+}), jo = { class: "vt-table" }, No = { class: "vt-th__content" }, Fo = { class: "vt-th__content" }, Zo = { class: "vt-th__label" }, Yo = {
   key: 0,
   class: "vt-th__sortable"
-}, qo = ["data-resizer", "onMousedown"], Xo = {
+}, Uo = ["data-resizer", "onMousedown"], Xo = {
   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 = {
+}, Ko = ["colspan"], qo = { class: "vt-table__empty-content" }, Go = ["onClick"], Jo = { class: "vt-table__cell-content" }, Qo = { class: "vt-table__cell-content vt-table__cell-content--ellipsis" }, el = { key: 1 }, tl = ["data-resizer", "onMousedown"], nl = {
   key: 0,
   class: "vt-table__summary"
-}, ll = { class: "vt-table__cell-content vt-table__cell-content--summary" }, xe = 50, sl = /* @__PURE__ */ se({
+}, ol = { class: "vt-table__cell-content vt-table__cell-content--summary" }, xe = 50, ll = /* @__PURE__ */ te({
   __name: "VTable",
-  props: /* @__PURE__ */ ze({
+  props: /* @__PURE__ */ Re({
     data: {},
     maxHeight: { default: void 0 },
     rowKey: { default: "id" },
@@ -1469,338 +1640,330 @@ 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__ */ Re(["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);
-    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 n = t, l = o, s = vt(t, "columns"), i = P({}), c = P(), a = ft([]), u = P(n.defaultSort || null), r = S(() => Lo(n.data || [], u.value, a)), C = S(() => s.value !== void 0), L = S(() => n.data && n.data.length > 0), j = P(!1), Y = P(0);
+    let N;
+    const R = (f, g) => n.rowKey && f[n.rowKey] != null ? String(f[n.rowKey]) : String(g), A = () => {
+      C.value && s.value ? a.splice(0, a.length, ...s.value) : n.columns && n.columns.length > 0 && a.splice(0, a.length, ...n.columns);
     };
-    me(
-      () => l.value,
-      (v) => {
-        v && y.value && i.splice(0, i.length, ...v);
+    ve(
+      () => s.value,
+      (f) => {
+        f && C.value && a.splice(0, a.length, ...f);
       },
       { deep: !0 }
-    ), me(
+    ), ve(
       () => n.columns,
-      (v) => {
-        v && !y.value && i.splice(0, i.length, ...v);
+      (f) => {
+        f && !C.value && a.splice(0, a.length, ...f);
       },
       { 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 = () => ({
+    ), Ye("vt-table-columns", a);
+    const { sortedColumns: b, getDefaultColumnWidth: I, getStickyOffset: V } = wo(a), { getTableWrapperStyle: K, getColumnStyle: q, getHeaderStyle: Q, getFooterStyle: U } = Co(n), { onMouseDown: oe } = ko(), k = S(() => n.allData || n.data), m = n.selectable ? bo(n, r, l, k) : null, y = () => ({
       width: `${xe}px`,
       minWidth: `${xe}px`,
       maxWidth: `${xe}px`,
       left: "0px",
       position: "sticky",
       zIndex: 10
-    }), X = () => {
-      const v = V();
+    }), M = () => {
+      const f = y();
       return n.maxHeight ? {
-        ...v,
+        ...f,
         top: "0px",
         zIndex: 11
-      } : v;
+      } : f;
     }, d = () => {
-      const v = V();
+      const f = y();
       return n.maxHeight ? {
-        ...v,
+        ...f,
         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;
-      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;
+      } : f;
+    }, _ = () => {
+      if (!c.value || j.value) return;
+      const f = c.value, g = f.scrollTop, B = f.scrollHeight, H = f.clientHeight, O = 30;
+      N && clearTimeout(N), N = setTimeout(() => {
+        const _e = g - Y.value > 1, x = B - g - H <= O, le = B - g - H <= 5;
+        Y.value = g, _e && (x || le) && (j.value = !0, l("infinity-scroll"), setTimeout(() => {
+          j.value = !1;
         }, 1e3));
       }, 50);
-    }, g = () => {
-      N.value = !1;
+    }, w = () => {
+      j.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", _);
+    }), Ve(() => {
+      N && clearTimeout(N), c.value && c.value.removeEventListener("scroll", _);
     });
-    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", {
-          column: v,
-          direction: ((W = u.value) == null ? void 0 : W.direction) || null,
-          prop: v.prop,
-          sortedData: c.value
+    const $ = (f, g) => {
+      Mo(f, g, (B) => {
+        var H, O;
+        ((H = u.value) == null ? void 0 : H.prop) === f.prop && u.value.direction === g ? u.value = null : u.value = B, l("sort-change", {
+          column: f,
+          direction: ((O = u.value) == null ? void 0 : O.direction) || null,
+          prop: f.prop,
+          sortedData: r.value
         });
       });
-    }, R = (v, _) => {
-      const S = {
-        pinnedLeft: _ === "left",
-        pinnedRight: _ === "right"
+    }, T = (f, g) => {
+      const B = {
+        pinnedLeft: g === "left",
+        pinnedRight: g === "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;
+      J(f.prop, B), l("column-pin", { column: { ...f, ...B }, position: g });
+    }, E = (f) => {
+      a.splice(0, a.length, ...f), C.value && (s.value = [...f]), l("columns-change", [...f]);
+    }, J = (f, g) => {
+      const B = a.findIndex((H) => H.prop === f);
+      if (B !== -1) {
+        if (Object.assign(a[B], g), C.value && s.value) {
+          const H = s.value.findIndex((O) => O.prop === f);
+          if (H !== -1) {
+            const O = [...s.value];
+            O[H] = { ...O[H], ...g }, s.value = O;
           }
         }
-        s("columns-change", [...i]);
+        l("columns-change", [...a]);
       }
-    }, 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, _) => {
-      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
+    }, Ce = (f, g, B) => {
+      l("row-click", { row: f, column: g, event: B }), n.highlightCurrentRow && m && m.setCurrentRow(f);
+    }, Je = (f, g, B) => {
+      B.stopPropagation(), m && m.toggleRowSelection(g, f);
+    }, Qe = (f, g) => {
+      g.stopPropagation(), m && m.toggleAllSelection();
+    }, Ie = (f, g) => {
+      f && (i.value[g] = f);
+    }, Be = (f, g) => {
+      const B = g.width || I();
+      oe(f, g, I, (H) => {
+        J(g.prop, { width: H }), l("column-resize", {
+          column: { ...g, width: H },
+          width: H,
+          oldWidth: B
         });
       });
-    }, Ye = (v, _) => M(v, _, I, B), Je = (v, _) => z(v, _, I, B), Qe = (v, _) => H(v, _, I, B), et = (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 v = i;
+    }, et = (f, g) => q(f, g, V, I), tt = (f, g) => Q(f, g, V, I), nt = (f, g) => U(f, g, V, I), ot = (f, g) => {
+      if (!g || !g.prop) return "";
+      const B = f[g.prop];
+      return B == null ? "" : String(B);
+    }, lt = S(() => {
+      if (!n.showSummary || !L.value) return {};
+      const f = a;
       if (typeof n.summaryMethod == "function") {
-        const _ = n.summaryMethod({ columns: v, data: c.value });
-        return v.reduce(
-          (S, E, W) => (S[E.prop] = _[W], S),
+        const g = n.summaryMethod({ columns: f, data: r.value });
+        return f.reduce(
+          (B, H, O) => (B[H.prop] = g[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) : "", _;
+      return f.reduce(
+        (g, B) => {
+          const H = r.value.map((O) => O[B.prop]);
+          return g[B.prop] = H.every((O) => typeof O == "number") ? H.reduce((O, me) => O + me, 0) : "", g;
         },
         {}
       );
-    }), ot = L(() => n.showSummary && $.value), lt = (v, _) => {
-      C && C.toggleRowSelection(v, _);
-    }, st = () => {
-      C && C.toggleAllSelection();
-    }, rt = () => {
-      C && C.selectAbsolutelyAll();
+    }), st = S(() => n.showSummary && L.value), rt = (f, g) => {
+      m && m.toggleRowSelection(f, g);
     }, it = () => {
-      C && C.clearSelection();
-    }, at = () => C ? C.getSelectionRows() : [], ct = (v) => {
-      C && C.setSelectionRows(v);
+      m && m.toggleAllSelection();
+    }, at = () => {
+      m && m.selectAbsolutelyAll();
+    }, ct = () => {
+      m && m.clearSelection();
+    }, dt = () => m ? m.getSelectionRows() : [], ut = (f) => {
+      m && m.setSelectionRows(f);
     };
-    return ve(() => {
-      Y();
+    return fe(() => {
+      A();
     }), e({
-      toggleRowSelection: lt,
-      toggleAllSelection: st,
-      selectAbsolutelyAll: rt,
-      clearSelection: it,
-      getSelectionRows: at,
-      setSelectionRows: ct,
-      resetInfinityScroll: g
-    }), (v, _) => {
-      var E, W, de, fe;
-      const S = Ue("tooltip");
-      return p(), m("div", {
+      toggleRowSelection: rt,
+      toggleAllSelection: it,
+      selectAbsolutelyAll: at,
+      clearSelection: ct,
+      getSelectionRows: dt,
+      setSelectionRows: ut,
+      resetInfinityScroll: w
+    }), (f, g) => {
+      var H, O, me, _e;
+      const B = Fe("tooltip");
+      return p(), v("div", {
         ref_key: "tableWrapperRef",
-        ref: r,
+        ref: c,
         class: "vt-table-wrapper",
-        style: ie(Z(K)()),
-        onScroll: f
+        style: se(X(K)()),
+        onScroll: _
       }, [
-        pe(v.$slots, "default"),
-        h("table", No, [
+        de(f.$slots, "default"),
+        h("table", jo, [
           h("thead", null, [
             h("tr", null, [
-              n.selectable ? (p(), m("th", {
+              n.selectable ? (p(), v("th", {
                 key: 0,
-                class: D(["vt-table__th vt-table__th--selection", {
+                class: z(["vt-table__th vt-table__th--selection", {
                   "vt-table__th--sticky": n.maxHeight,
                   "vt-table__th--pinned-left": !0
                 }]),
-                style: ie(X())
+                style: se(M())
               }, [
-                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
+                h("div", No, [
+                  F(pe, {
+                    checked: (H = X(m)) == null ? void 0 : H.isAllSelected.value,
+                    indeterminate: (O = X(m)) == null ? void 0 : O.isIndeterminate.value,
+                    "is-double": (_e = (me = X(m)) == null ? void 0 : me.isDoubleCheck) == null ? void 0 : _e.value,
+                    onChange: Qe
                   }, 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),
+              (p(!0), v(re, null, ie(X(b), (x, le) => (p(), v("th", {
+                key: x.prop,
                 ref_for: !0,
-                ref: (re) => Ie(re, k.prop),
-                style: ie(Je(k, ne)),
-                class: D([
+                ref: (ae) => Ie(ae, x.prop),
+                style: se(tt(x, le)),
+                class: z([
                   "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": x.pinnedLeft,
+                    "vt-table__th--pinned-right": x.pinnedRight,
+                    "vt-table__th--sortable": x.sortable
                   }
                 ])
               }, [
-                h("div", Zo, [
-                  h("div", Uo, te(k.label), 1),
-                  k.sortable ? (p(), m("div", Ko, [
-                    F(J, {
+                h("div", Fo, [
+                  h("div", Zo, ee(x.label), 1),
+                  x.sortable ? (p(), v("div", Yo, [
+                    F(G, {
                       name: "arrowTop",
-                      class: D(Z(We)(k, u.value).asc),
-                      onClick: he((re) => b(k, "asc"), ["stop"])
+                      class: z(X(He)(x, u.value).asc),
+                      onClick: he((ae) => $(x, "asc"), ["stop"])
                     }, null, 8, ["class", "onClick"]),
-                    F(J, {
+                    F(G, {
                       name: "arrowDown",
-                      class: D(Z(We)(k, u.value).desc),
-                      onClick: he((re) => b(k, "desc"), ["stop"])
+                      class: z(X(He)(x, u.value).desc),
+                      onClick: he((ae) => $(x, "desc"), ["stop"])
                     }, null, 8, ["class", "onClick"])
-                  ])) : A("", !0),
-                  k.actionColumn ? (p(), ce(jo, {
+                  ])) : W("", !0),
+                  x.actionColumn ? (p(), ne(Oo, {
                     key: 1,
-                    column: k,
-                    "all-columns": Z(x),
+                    column: x,
+                    "all-columns": X(b),
                     columnsSelector: n.columnsSelector,
-                    onPin: R,
-                    onUpdateColumns: T
-                  }, null, 8, ["column", "all-columns", "columnsSelector"])) : A("", !0)
+                    onPin: T,
+                    onUpdateColumns: E
+                  }, null, 8, ["column", "all-columns", "columnsSelector"])) : W("", !0)
                 ]),
                 h("div", {
                   class: "vt-table__resizer",
-                  "data-resizer": k.prop,
-                  onMousedown: (re) => Ve(re, k)
-                }, null, 40, qo)
+                  "data-resizer": x.prop,
+                  onMousedown: (ae) => Be(ae, x)
+                }, null, 40, Uo)
               ], 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([
+            L.value ? (p(!0), v(re, { key: 1 }, ie(r.value, (x, le) => {
+              var ae, Te, Ee;
+              return p(), v("tr", {
+                key: R(x, le),
+                class: z([
                   "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 = X(m)) == null ? void 0 : ae.isRowSelected(x),
+                    "vt-table__row--current": ((Te = X(m)) == null ? void 0 : Te.currentRow.value) === x,
                     "vt-table__row--clickable": n.selectOnClickRow || n.highlightCurrentRow
                   }
                 ]),
-                onClick: (j) => we(k, Z(x)[0], j)
+                onClick: (Z) => Ce(x, X(b)[0], Z)
               }, [
-                n.selectable ? (p(), m("td", {
+                n.selectable ? (p(), v("td", {
                   key: 0,
-                  class: D(["vt-table__td vt-table__td--selection", {
+                  class: z(["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)
+                  h("div", Jo, [
+                    F(pe, {
+                      checked: (Ee = X(m)) == null ? void 0 : Ee.isRowSelected(x),
+                      onChange: (Z, ke) => Je(Z, x, ke)
                     }, 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}`,
-                    ref_for: !0,
-                    ref: (be) => Ie(be, j.prop),
-                    style: ie(Ye(j, ke)),
-                    class: D([
-                      "vt-table__td",
-                      {
-                        "vt-table__td--pinned-left": j.pinnedLeft,
-                        "vt-table__td--pinned-right": j.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))
-                    ])), [
-                      [S, j.showOverflowTooltip ? et(k, j) : null]
-                    ]),
-                    h("div", {
-                      class: "vt-table__resizer",
-                      "data-resizer": j.prop,
-                      onMousedown: (be) => Ve(be, j)
-                    }, null, 40, nl)
-                  ], 6));
-                  return Ee.memo = Te, Ee;
-                }, _, 0), 128))
-              ], 10, Jo);
-            }), 128)) : (p(), m("tr", Xo, [
+                ], 4)) : W("", !0),
+                (p(!0), v(re, null, ie(X(b), (Z, ke) => (p(), v("td", {
+                  key: `${R(x, le)}-${Z.prop}`,
+                  ref_for: !0,
+                  ref: (be) => Ie(be, Z.prop),
+                  style: se(et(Z, ke)),
+                  class: z([
+                    "vt-table__td",
+                    {
+                      "vt-table__td--pinned-left": Z.pinnedLeft,
+                      "vt-table__td--pinned-right": Z.pinnedRight
+                    }
+                  ])
+                }, [
+                  Se((p(), v("div", Qo, [
+                    Z.renderSlot ? (p(), ne(Ne(() => X(yo)(Z.renderSlot, { row: x, column: Z, value: x[Z.prop], index: le })), { key: 0 })) : (p(), v("span", el, ee(x[Z.prop]), 1))
+                  ])), [
+                    [B, Z.showOverflowTooltip ? ot(x, Z) : null]
+                  ]),
+                  h("div", {
+                    class: "vt-table__resizer",
+                    "data-resizer": Z.prop,
+                    onMousedown: (be) => Be(be, Z)
+                  }, null, 40, tl)
+                ], 6))), 128))
+              ], 10, Go);
+            }), 128)) : (p(), v("tr", Xo, [
               h("td", {
-                colspan: Z(x).length + (n.selectable ? 1 : 0),
+                colspan: X(b).length + (n.selectable ? 1 : 0),
                 class: "vt-table__empty-cell"
               }, [
-                h("div", Yo, [
-                  F(J, {
+                h("div", qo, [
+                  F(G, {
                     name: "empty",
                     class: "vt-table__empty-icon"
                   }),
-                  _[2] || (_[2] = h("span", { class: "vt-table__empty-text" }, "Немає даних!", -1))
+                  g[0] || (g[0] = h("span", { class: "vt-table__empty-text" }, "Немає даних!", -1))
                 ])
-              ], 8, Go)
+              ], 8, Ko)
             ]))
           ]),
-          ot.value ? (p(), m("tfoot", ol, [
+          st.value ? (p(), v("tfoot", nl, [
             h("tr", null, [
-              n.selectable ? (p(), m("td", {
+              n.selectable ? (p(), v("td", {
                 key: 0,
-                class: D(["vt-table__td", {
+                class: z(["vt-table__td", {
                   "vt-table__td--pinned-left": !0
                 }]),
-                style: ie(d())
-              }, _[3] || (_[3] = [
+                style: se(d())
+              }, g[1] || (g[1] = [
                 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([
+              ]), 4)) : W("", !0),
+              (p(!0), v(re, null, ie(X(b), (x, le) => (p(), v("td", {
+                key: x.prop,
+                style: se(nt(x, le)),
+                class: z([
                   "vt-table__td",
                   {
-                    "vt-table__td--pinned-left": k.pinnedLeft,
-                    "vt-table__td--pinned-right": k.pinnedRight
+                    "vt-table__td--pinned-left": x.pinnedLeft,
+                    "vt-table__td--pinned-right": x.pinnedRight
                   }
                 ])
               }, [
-                h("div", ll, te(nt.value[k.prop]), 1)
+                h("div", ol, ee(lt.value[x.prop]), 1)
               ], 6))), 128))
             ])
-          ])) : A("", !0)
+          ])) : W("", !0)
         ])
       ], 36);
     };
   }
-}), rl = /* @__PURE__ */ se({
+}), sl = /* @__PURE__ */ te({
   __name: "VTableColumn",
   props: {
     prop: {},
@@ -1818,11 +1981,11 @@ const ae = new Io(), Vo = {
     sortMethod: {}
   },
   setup(t) {
-    const e = t, o = Ze(), n = gt("vt-table-columns");
+    const e = t, o = $e(), n = Ue("vt-table-columns");
     n || console.error(
       "VTableColumn: не знайдено контекст таблиці. Переконайтеся, що компонент використовується всередині VTable."
     );
-    const s = () => ({
+    const l = () => ({
       prop: e.prop,
       label: e.label,
       width: e.width,
@@ -1837,13 +2000,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 i = l();
+        n.push(i), s = n.length - 1;
       }
-    }), me(
+    }), ve(
       () => [
         e.width,
         e.minWidth,
@@ -1857,27 +2020,27 @@ const ae = new Io(), Vo = {
         e.label
       ],
       () => {
-        if (n && l !== -1) {
-          const a = n.findIndex((r) => r.prop === e.prop);
-          if (a !== -1) {
-            const r = n[a], i = {
-              ...s(),
-              renderSlot: r.renderSlot
+        if (n && s !== -1) {
+          const i = n.findIndex((c) => c.prop === e.prop);
+          if (i !== -1) {
+            const c = n[i], a = {
+              ...l(),
+              renderSlot: c.renderSlot
               // Зберігаємо існуючий renderSlot
             };
-            n[a] = i;
+            n[i] = a;
           }
         }
       },
       { deep: !0 }
-    ), Se(() => {
+    ), Ve(() => {
       if (n) {
-        const a = n.findIndex((r) => r.prop === e.prop);
-        a > -1 && n.splice(a, 1);
+        const i = n.findIndex((c) => c.prop === e.prop);
+        i > -1 && n.splice(i, 1);
       }
-    }), (a, r) => null;
+    }), (i, c) => null;
   }
-}), De = (t, e) => {
+}), We = (t, e) => {
   const o = document.createElement("div");
   o.className = `vt-tooltip vt-tooltip--${e}`, o.innerText = t, Object.assign(o.style, {
     position: "absolute",
@@ -1944,45 +2107,45 @@ const ae = new Io(), Vo = {
   }
   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;
+  const n = e.getBoundingClientRect(), l = t.getBoundingClientRect(), s = window.pageXOffset || document.documentElement.scrollLeft, i = window.pageYOffset || document.documentElement.scrollTop;
+  let c = 0, a = 0;
   switch (o) {
     case "top":
-      r = n.top + a - s.height - 8, i = n.left + l + (n.width - s.width) / 2;
+      c = n.top + i - l.height - 8, a = 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 + i + 8, a = 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 + i + (n.height - l.height) / 2, a = 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 + i + (n.height - l.height) / 2, a = 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) => {
+  const u = window.innerWidth, r = window.innerHeight;
+  a < 8 ? a = 8 : a + l.width > u - 8 && (a = u - l.width - 8), c < i + 8 ? o === "top" ? c = n.bottom + i + 8 : c = i + 8 : c + l.height > i + r - 8 && (o === "bottom" ? c = n.top + i - l.height - 8 : c = i + r - l.height - 8), t.style.top = `${c}px`, t.style.left = `${a}px`;
+}, De = (t, e, o) => {
   t.parentElement || document.body.appendChild(t), t.style.visibility = "visible", Le(t, e, o), requestAnimationFrame(() => {
     t.style.opacity = "1";
   });
-}, Ae = (t) => {
+}, Pe = (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 = {
+}, Ae = (t) => t.scrollWidth > t.clientWidth || t.scrollHeight > t.clientHeight, Oe = (t) => !!t.closest(".vt-table, table"), rl = {
   mounted(t, e) {
-    var i;
-    const o = (i = e.value) == null ? void 0 : i.trim();
+    var a;
+    const o = (a = e.value) == null ? void 0 : a.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);
-    }, a = () => {
-      Ae(s);
-    }, r = () => {
-      s.style.opacity === "1" && Le(s, t, n);
+    const n = t.dataset.placement || "top", l = We(o, n);
+    t.__tooltipEl = l;
+    const s = () => {
+      (Oe(t) ? Ae(t) : !0) && De(l, t, n);
+    }, i = () => {
+      Pe(l);
+    }, c = () => {
+      l.style.opacity === "1" && Le(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 = i, t.__scrollHandler = c, t.addEventListener("mouseenter", s), t.addEventListener("mouseleave", i), window.addEventListener("scroll", c, !0), window.addEventListener("resize", c);
   },
   updated(t, e) {
     var n;
@@ -1990,47 +2153,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 a = () => {
-        (je(t) ? Oe(t) : !0) && Pe(l, t, s);
-      }, r = () => {
-        Ae(l);
-      }, i = () => {
-        l.style.opacity === "1" && Le(l, t, s);
+      const l = t.dataset.placement || "top", s = We(o, l);
+      t.__tooltipEl = s;
+      const i = () => {
+        (Oe(t) ? Ae(t) : !0) && De(s, t, l);
+      }, c = () => {
+        Pe(s);
+      }, a = () => {
+        s.style.opacity === "1" && Le(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 = i, t.__mouseleaveHandler = c, t.__scrollHandler = a, t.addEventListener("mouseenter", i), t.addEventListener("mouseleave", c), window.addEventListener("scroll", a, !0), window.addEventListener("resize", a);
     }
   },
   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 = {
+}, cl = {
   sortable: !0,
   actionColumn: !1,
   showOverflowTooltip: !0,
   visible: !0,
   pinnedLeft: !1,
   pinnedRight: !1
-}, al = {
+}, il = {
   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`, we), t.component(`${o}Icon`, G), t.component(`${o}Loader`, Xe), t.component(`${o}Modal`, Ke), t.component(`${o}Pagination`, fo), t.component(`${o}Checkbox`, pe), t.component(`${o}Table`, ll), t.component(`${o}TableColumn`, sl), t.component(`${o}Dropdown`, Ge), t.component(`${o}DropdownItem`, Me), t.directive("tooltip", rl), n && t.use(So);
   }
-}, pl = al.install;
+}, dl = il.install;
 export {
-  dl as DEFAULT_COLUMN_CONFIG,
-  Ce as VButton,
-  ue as VCheckbox,
-  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
+  cl as DEFAULT_COLUMN_CONFIG,
+  qe as DropdownContextKey,
+  we as VButton,
+  pe as VCheckbox,
+  Ge as VDropdown,
+  Me as VDropdownItem,
+  G as VIcon,
+  Xe as VLoader,
+  Ke as VModal,
+  So as VModalPlugin,
+  fo as VPagination,
+  ll as VTable,
+  sl as VTableColumn,
+  il as default,
+  dl as install,
+  ce as modalManager,
+  rl as tooltipDirective
 };