voiptime-components 0.0.13 → 0.0.15

package/dist/index.es.js

@@ -1,19 +1,19 @@
-import { createElementBlock as h, openBlock as p, createElementVNode as f, defineComponent as oe, computed as S, createBlock as ie, createCommentVNode as V, resolveDynamicComponent as Ie, useSlots as Re, resolveDirective as Be, withDirectives as be, normalizeClass as E, renderSlot as re, Teleport as Ne, normalizeStyle as le, withModifiers as ce, toDisplayString as Q, watch as ue, Fragment as te, renderList as ne, vModelSelect as Ze, createVNode as j, withCtx as ge, createTextVNode as de, ref as P, createApp as Fe, h as fe, onMounted as me, onUnmounted as Te, nextTick as Ue, mergeModels as we, useModel as qe, reactive as Xe, provide as Ge, unref as U, inject as Ke } from "vue";
-const X = (e, t) => {
-  const n = e.__vccOpts || e;
-  for (const [o, l] of t)
-    n[o] = l;
-  return n;
-}, Ye = {}, Je = {
+import { createElementBlock as f, openBlock as p, createElementVNode as _, defineComponent as le, computed as x, createBlock as ce, createCommentVNode as H, resolveDynamicComponent as Ae, useSlots as Oe, resolveDirective as je, withDirectives as Me, normalizeClass as W, renderSlot as me, Teleport as lt, normalizeStyle as ae, withModifiers as he, toDisplayString as te, watch as ve, Fragment as ne, renderList as oe, vModelSelect as st, createVNode as Z, withCtx as xe, createTextVNode as _e, ref as D, createApp as it, h as ke, onMounted as fe, onUnmounted as $e, nextTick as at, mergeModels as Te, useModel as rt, reactive as ct, provide as ut, unref as q, inject as dt } from "vue";
+const K = (e, t) => {
+  const o = e.__vccOpts || e;
+  for (const [n, s] of t)
+    o[n] = s;
+  return o;
+}, pt = {}, mt = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function Qe(e, t) {
-  return p(), h("svg", Je, t[0] || (t[0] = [
-    f("path", {
+function ht(e, t) {
+  return p(), f("svg", mt, t[0] || (t[0] = [
+    _("path", {
       d: "M14 8L10 12L6 8",
       stroke: "currentColor",
       "stroke-width": "1.5",
@@ -22,16 +22,16 @@ function Qe(e, t) {
     }, null, -1)
   ]));
 }
-const et = /* @__PURE__ */ X(Ye, [["render", Qe]]), tt = {}, nt = {
+const vt = /* @__PURE__ */ K(pt, [["render", ht]]), ft = {}, _t = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function ot(e, t) {
-  return p(), h("svg", nt, t[0] || (t[0] = [
-    f("path", {
+function gt(e, t) {
+  return p(), f("svg", _t, t[0] || (t[0] = [
+    _("path", {
       d: "M6 12L10 8L14 12",
       stroke: "currentColor",
       "stroke-width": "1.5",
@@ -40,38 +40,38 @@ function ot(e, t) {
     }, null, -1)
   ]));
 }
-const lt = /* @__PURE__ */ X(tt, [["render", ot]]), st = {}, it = {
+const Ct = /* @__PURE__ */ K(ft, [["render", gt]]), bt = {}, wt = {
   width: "14",
   height: "15",
   viewBox: "0 0 14 15",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function at(e, t) {
-  return p(), h("svg", it, t[0] || (t[0] = [
-    f("path", {
+function kt(e, t) {
+  return p(), f("svg", wt, t[0] || (t[0] = [
+    _("path", {
       d: "M11.8789 4.90517L11.2561 4.20124C10.4045 3.33504 9.28504 2.7626 8.06789 2.5709C6.85074 2.3792 5.60245 2.57874 4.5127 3.13917C3.42296 3.69961 2.55134 4.59032 2.03031 5.67593C1.50928 6.76155 1.36732 7.98272 1.626 9.15387C1.88469 10.325 2.52987 11.3821 3.46351 12.1645C4.39716 12.9469 5.56821 13.4119 6.79871 13.4887C8.02921 13.5655 9.25189 13.25 10.2809 12.5901C11.31 11.9302 12.0891 10.962 12.5 9.83266",
       stroke: "currentColor",
       "stroke-width": "1.5",
       "stroke-miterlimit": "10",
       "stroke-linecap": "round"
     }, null, -1),
-    f("path", {
+    _("path", {
       d: "M8.5157 6.5C8.07025 6.5 7.84716 5.96143 8.16215 5.64645L10.3086 3.5L12.455 1.35355C12.77 1.03857 13.3086 1.26165 13.3086 1.70711V6C13.3086 6.27614 13.0847 6.5 12.8086 6.5L8.5157 6.5Z",
       fill: "currentColor"
     }, null, -1)
   ]));
 }
-const rt = /* @__PURE__ */ X(st, [["render", at]]), ct = {}, ut = {
+const yt = /* @__PURE__ */ K(bt, [["render", kt]]), xt = {}, St = {
   width: "21",
   height: "20",
   viewBox: "0 0 21 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function dt(e, t) {
-  return p(), h("svg", ut, t[0] || (t[0] = [
-    f("path", {
+function Mt(e, t) {
+  return p(), f("svg", St, t[0] || (t[0] = [
+    _("path", {
       d: "M8.60352 6L12.6035 10L8.60352 14",
       stroke: "currentColor",
       "stroke-width": "1.5",
@@ -80,16 +80,16 @@ function dt(e, t) {
     }, null, -1)
   ]));
 }
-const pt = /* @__PURE__ */ X(ct, [["render", dt]]), mt = {}, ht = {
+const $t = /* @__PURE__ */ K(xt, [["render", Mt]]), Lt = {}, It = {
   width: "21",
   height: "20",
   viewBox: "0 0 21 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function vt(e, t) {
-  return p(), h("svg", ht, t[0] || (t[0] = [
-    f("path", {
+function Bt(e, t) {
+  return p(), f("svg", It, t[0] || (t[0] = [
+    _("path", {
       d: "M12.3984 14L8.39844 10L12.3984 6",
       stroke: "currentColor",
       "stroke-width": "1.5",
@@ -98,16 +98,16 @@ function vt(e, t) {
     }, null, -1)
   ]));
 }
-const ft = /* @__PURE__ */ X(mt, [["render", vt]]), _t = {}, gt = {
+const Rt = /* @__PURE__ */ K(Lt, [["render", Bt]]), Tt = {}, zt = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function Ct(e, t) {
-  return p(), h("svg", gt, t[0] || (t[0] = [
-    f("path", {
+function Et(e, t) {
+  return p(), f("svg", zt, t[0] || (t[0] = [
+    _("path", {
       d: "M12.5 1.66406L11.1783 2.94156C10.6233 3.47906 10.345 3.7474 10 3.7474C9.655 3.7474 9.37667 3.47906 8.82167 2.94156L7.5 1.66406M14.5833 5.83073C15.7533 5.83073 16.3392 5.83073 16.7592 6.11156C16.9412 6.23319 17.0975 6.3895 17.2192 6.57156C17.5 6.99156 17.5 7.5774 17.5 8.7474V15.4141C17.5 16.5841 17.5 17.1699 17.2192 17.5899C17.0975 17.772 16.9412 17.9283 16.7592 18.0499C16.3392 18.3307 15.7533 18.3307 14.5833 18.3307C13.4133 18.3307 12.8275 18.3307 12.4075 18.0499C12.2254 17.9283 12.0691 17.772 11.9475 17.5899C11.6667 17.1699 11.6667 16.5841 11.6667 15.4141V8.7474C11.6667 7.5774 11.6667 6.99156 11.9475 6.57156C12.0691 6.3895 12.2254 6.23319 12.4075 6.11156C12.8275 5.83073 13.4133 5.83073 14.5833 5.83073ZM5.41667 5.83073C6.58667 5.83073 7.1725 5.83073 7.5925 6.11156C7.77456 6.23319 7.93087 6.3895 8.0525 6.57156C8.33333 6.99156 8.33333 7.5774 8.33333 8.7474V15.4141C8.33333 16.5841 8.33333 17.1699 8.0525 17.5899C7.93087 17.772 7.77456 17.9283 7.5925 18.0499C7.1725 18.3307 6.58667 18.3307 5.41667 18.3307C4.24667 18.3307 3.66083 18.3307 3.24083 18.0499C3.05877 17.9283 2.90246 17.772 2.78083 17.5899C2.5 17.1699 2.5 16.5841 2.5 15.4141V8.7474C2.5 7.5774 2.5 6.99156 2.78083 6.57156C2.90246 6.3895 3.05877 6.23319 3.24083 6.11156C3.66083 5.83073 4.24667 5.83073 5.41667 5.83073Z",
       stroke: "currentColor",
       "stroke-width": "1.5",
@@ -116,23 +116,23 @@ function Ct(e, t) {
     }, null, -1)
   ]));
 }
-const bt = /* @__PURE__ */ X(_t, [["render", Ct]]), wt = {}, kt = {
+const Wt = /* @__PURE__ */ K(Tt, [["render", Et]]), Vt = {}, Ht = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function yt(e, t) {
-  return p(), h("svg", kt, t[0] || (t[0] = [
-    f("path", {
+function Pt(e, t) {
+  return p(), f("svg", Ht, t[0] || (t[0] = [
+    _("path", {
       d: "M8 3V5.2225M8 5.2225V10.7775M8 5.2225L9.875 4.25M8 5.2225L6.125 4.25M8 10.7775V13M8 10.7775L6.125 11.75M8 10.7775L9.875 11.75M13 8H10.7775M10.7775 8H5.2225M10.7775 8L11.75 9.875M10.7775 8L11.75 6.125M5.2225 8H3M5.2225 8L4.25 6.125M5.2225 8L4.25 9.875",
       stroke: "currentColor",
       "stroke-width": "1.5",
       "stroke-linecap": "round",
       "stroke-linejoin": "round"
     }, null, -1),
-    f("path", {
+    _("path", {
       d: "M12 14.7143L13.1151 15.6701C13.3268 15.8515 13.646 15.8247 13.8246 15.6105L16 13",
       stroke: "currentColor",
       "stroke-width": "1.5",
@@ -140,23 +140,23 @@ function yt(e, t) {
     }, null, -1)
   ]));
 }
-const xt = /* @__PURE__ */ X(wt, [["render", yt]]), St = {}, $t = {
+const Dt = /* @__PURE__ */ K(Vt, [["render", Pt]]), At = {}, Ot = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function Mt(e, t) {
-  return p(), h("svg", $t, t[0] || (t[0] = [
-    f("path", {
+function jt(e, t) {
+  return p(), f("svg", Ot, t[0] || (t[0] = [
+    _("path", {
       d: "M8 3V5.2225M8 5.2225V10.7775M8 5.2225L9.875 4.25M8 5.2225L6.125 4.25M8 10.7775V13M8 10.7775L6.125 11.75M8 10.7775L9.875 11.75M13 8H10.7775M10.7775 8H5.2225M10.7775 8L11.75 9.875M10.7775 8L11.75 6.125M5.2225 8H3M5.2225 8L4.25 6.125M5.2225 8L4.25 9.875",
       stroke: "currentColor",
       "stroke-width": "1.5",
       "stroke-linecap": "round",
       "stroke-linejoin": "round"
     }, null, -1),
-    f("path", {
+    _("path", {
       d: "M13 16L14.5 14.5M16 13L14.5 14.5M14.5 14.5L13 13M14.5 14.5L16 16",
       stroke: "currentColor",
       "stroke-width": "1.5",
@@ -164,22 +164,40 @@ function Mt(e, t) {
     }, null, -1)
   ]));
 }
-const Lt = /* @__PURE__ */ X(St, [["render", Mt]]), It = {}, Rt = {
+const Nt = /* @__PURE__ */ K(At, [["render", jt]]), Zt = {}, Ft = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "60",
+  height: "60",
+  viewBox: "0 0 60 60",
+  fill: "none"
+};
+function Ut(e, t) {
+  return p(), f("svg", Ft, t[0] || (t[0] = [
+    _("path", {
+      d: "M24.195 7H18.625C17.1332 7 15.7024 7.59263 14.6475 8.64752C13.5926 9.70242 13 11.1332 13 12.625V46.375C13 47.8668 13.5926 49.2976 14.6475 50.3525C15.7024 51.4074 17.1332 52 18.625 52H41.125C42.6168 52 44.0476 51.4074 45.1025 50.3525C46.1574 49.2976 46.75 47.8668 46.75 46.375V29.5M24.195 7C27.3025 7 29.875 9.5175 29.875 12.625V18.25C29.875 19.7418 30.4676 21.1726 31.5225 22.2275C32.5774 23.2824 34.0082 23.875 35.5 23.875H41.125C42.6168 23.875 44.0476 24.4676 45.1025 25.5225C46.1574 26.5774 46.75 28.0082 46.75 29.5M24.195 7C33.42 7 46.75 20.4 46.75 29.5",
+      stroke: "currentColor",
+      "stroke-width": "2",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }, null, -1)
+  ]));
+}
+const qt = /* @__PURE__ */ K(Zt, [["render", Ut]]), Xt = {}, Gt = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function Bt(e, t) {
-  return p(), h("svg", Rt, t[0] || (t[0] = [
-    f("path", {
+function Kt(e, t) {
+  return p(), f("svg", Gt, t[0] || (t[0] = [
+    _("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
       d: "M6.99479 8.75521C6.55276 8.75521 6.12884 8.57961 5.81628 8.26705C5.50372 7.95449 5.32812 7.53057 5.32812 7.08854C5.32812 6.64651 5.50372 6.22259 5.81628 5.91003C6.12884 5.59747 6.55276 5.42187 6.99479 5.42188C7.43682 5.42187 7.86074 5.59747 8.1733 5.91003C8.48586 6.22259 8.66146 6.64651 8.66146 7.08854C8.66146 7.53057 8.48586 7.95449 8.1733 8.26705C7.86074 8.57961 7.43682 8.75521 6.99479 8.75521ZM6.99479 14.5885C6.55276 14.5885 6.12884 14.4129 5.81628 14.1004C5.50372 13.7878 5.32812 13.3639 5.32812 12.9219C5.32812 12.4798 5.50372 12.0559 5.81628 11.7434C6.12884 11.4308 6.55276 11.2552 6.99479 11.2552C7.43682 11.2552 7.86074 11.4308 8.1733 11.7434C8.48586 12.0559 8.66146 12.4798 8.66146 12.9219C8.66146 13.3639 8.48586 13.7878 8.1733 14.1004C7.86074 14.4129 7.43682 14.5885 6.99479 14.5885Z",
       fill: "currentColor"
     }, null, -1),
-    f("path", {
+    _("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
       d: "M12.9948 8.75521C12.5528 8.75521 12.1288 8.57961 11.8163 8.26705C11.5037 7.95449 11.3281 7.53057 11.3281 7.08854C11.3281 6.64651 11.5037 6.22259 11.8163 5.91003C12.1288 5.59747 12.5528 5.42187 12.9948 5.42188C13.4368 5.42187 13.8607 5.59747 14.1733 5.91003C14.4859 6.22259 14.6615 6.64651 14.6615 7.08854C14.6615 7.53057 14.4859 7.95449 14.1733 8.26705C13.8607 8.57961 13.4368 8.75521 12.9948 8.75521ZM12.9948 14.5885C12.5528 14.5885 12.1288 14.4129 11.8163 14.1004C11.5037 13.7878 11.3281 13.3639 11.3281 12.9219C11.3281 12.4798 11.5037 12.0559 11.8163 11.7434C12.1288 11.4308 12.5528 11.2552 12.9948 11.2552C13.4368 11.2552 13.8607 11.4308 14.1733 11.7434C14.4859 12.0559 14.6615 12.4798 14.6615 12.9219C14.6615 13.3639 14.4859 13.7878 14.1733 14.1004C13.8607 14.4129 13.4368 14.5885 12.9948 14.5885Z",
@@ -187,16 +205,16 @@ function Bt(e, t) {
     }, null, -1)
   ]));
 }
-const Tt = /* @__PURE__ */ X(It, [["render", Bt]]), zt = {}, Et = {
+const Yt = /* @__PURE__ */ K(Xt, [["render", Kt]]), Jt = {}, Qt = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function Wt(e, t) {
-  return p(), h("svg", Et, t[0] || (t[0] = [
-    f("path", {
+function en(e, t) {
+  return p(), f("svg", Qt, t[0] || (t[0] = [
+    _("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
       d: "M10.1667 5.83333C9.72464 5.83333 9.30072 5.65774 8.98816 5.34518C8.67559 5.03262 8.5 4.60869 8.5 4.16667C8.5 3.72464 8.67559 3.30072 8.98816 2.98816C9.30072 2.67559 9.72464 2.5 10.1667 2.5C10.6087 2.5 11.0326 2.67559 11.3452 2.98816C11.6577 3.30072 11.8333 3.72464 11.8333 4.16667C11.8333 4.60869 11.6577 5.03262 11.3452 5.34518C11.0326 5.65774 10.6087 5.83333 10.1667 5.83333ZM10.1667 11.6667C9.72464 11.6667 9.30072 11.4911 8.98816 11.1785C8.67559 10.8659 8.5 10.442 8.5 10C8.5 9.55797 8.67559 9.13405 8.98816 8.82149C9.30072 8.50893 9.72464 8.33333 10.1667 8.33333C10.6087 8.33333 11.0326 8.50893 11.3452 8.82149C11.6577 9.13405 11.8333 9.55797 11.8333 10C11.8333 10.442 11.6577 10.8659 11.3452 11.1785C11.0326 11.4911 10.6087 11.6667 10.1667 11.6667ZM10.1667 17.5C9.72464 17.5 9.30072 17.3244 8.98816 17.0118C8.67559 16.6993 8.5 16.2754 8.5 15.8333C8.5 15.3913 8.67559 14.9674 8.98816 14.6548C9.30072 14.3423 9.72464 14.1667 10.1667 14.1667C10.6087 14.1667 11.0326 14.3423 11.3452 14.6548C11.6577 14.9674 11.8333 15.3913 11.8333 15.8333C11.8333 16.2754 11.6577 16.6993 11.3452 17.0118C11.0326 17.3244 10.6087 17.5 10.1667 17.5Z",
@@ -204,16 +222,16 @@ function Wt(e, t) {
     }, null, -1)
   ]));
 }
-const Vt = /* @__PURE__ */ X(zt, [["render", Wt]]), Dt = {}, Pt = {
+const tn = /* @__PURE__ */ K(Jt, [["render", en]]), nn = {}, on = {
   width: "21",
   height: "20",
   viewBox: "0 0 21 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function Ht(e, t) {
-  return p(), h("svg", Pt, t[0] || (t[0] = [
-    f("path", {
+function ln(e, t) {
+  return p(), f("svg", on, t[0] || (t[0] = [
+    _("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
       d: "M6.33333 9.83333C6.33333 10.2754 6.15774 10.6993 5.84518 11.0118C5.53262 11.3244 5.10869 11.5 4.66667 11.5C4.22464 11.5 3.80072 11.3244 3.48816 11.0118C3.17559 10.6993 3 10.2754 3 9.83333C3 9.39131 3.17559 8.96738 3.48816 8.65482C3.80072 8.34226 4.22464 8.16667 4.66667 8.16667C5.10869 8.16667 5.53262 8.34226 5.84518 8.65482C6.15774 8.96738 6.33333 9.39131 6.33333 9.83333ZM12.1667 9.83333C12.1667 10.2754 11.9911 10.6993 11.6785 11.0118C11.3659 11.3244 10.942 11.5 10.5 11.5C10.058 11.5 9.63405 11.3244 9.32149 11.0118C9.00893 10.6993 8.83333 10.2754 8.83333 9.83333C8.83333 9.39131 9.00893 8.96738 9.32149 8.65482C9.63405 8.34226 10.058 8.16667 10.5 8.16667C10.942 8.16667 11.3659 8.34226 11.6785 8.65482C11.9911 8.96738 12.1667 9.39131 12.1667 9.83333ZM18 9.83333C18 10.2754 17.8244 10.6993 17.5118 11.0118C17.1993 11.3244 16.7754 11.5 16.3333 11.5C15.8913 11.5 15.4674 11.3244 15.1548 11.0118C14.8423 10.6993 14.6667 10.2754 14.6667 9.83333C14.6667 9.39131 14.8423 8.96738 15.1548 8.65482C15.4674 8.34226 15.8913 8.16667 16.3333 8.16667C16.7754 8.16667 17.1993 8.34226 17.5118 8.65482C17.8244 8.96738 18 9.39131 18 9.83333Z",
@@ -221,16 +239,16 @@ function Ht(e, t) {
     }, null, -1)
   ]));
 }
-const At = /* @__PURE__ */ X(Dt, [["render", Ht]]), Ot = {}, jt = {
+const sn = /* @__PURE__ */ K(nn, [["render", ln]]), an = {}, rn = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function Nt(e, t) {
-  return p(), h("svg", jt, t[0] || (t[0] = [
-    f("path", {
+function cn(e, t) {
+  return p(), f("svg", rn, t[0] || (t[0] = [
+    _("path", {
       d: "M6 14L10 10M10 10L14 6M10 10L6 6M10 10L14 14",
       stroke: "currentColor",
       "stroke-width": "1.5",
@@ -239,39 +257,40 @@ function Nt(e, t) {
     }, null, -1)
   ]));
 }
-const Zt = /* @__PURE__ */ X(Ot, [["render", Nt]]), Ft = {
+const un = /* @__PURE__ */ K(an, [["render", cn]]), dn = {
   // arrow icons
-  arrowDown: et,
-  arrowTop: lt,
-  arrowRight: pt,
-  arrowLeft: ft,
-  arrowReload: rt,
+  arrowDown: vt,
+  arrowTop: Ct,
+  arrowRight: $t,
+  arrowLeft: Rt,
+  arrowReload: yt,
   // table icons
-  columnInsert: bt,
-  freeze: xt,
-  unfreeze: Lt,
-  columnsMove: Tt,
+  columnInsert: Wt,
+  freeze: Dt,
+  unfreeze: Nt,
+  columnsMove: Yt,
+  empty: qt,
   // actions icons
-  listBullet: Vt,
-  listBulletHorizontal: At,
-  close: Zt
-}, G = /* @__PURE__ */ oe({
+  listBullet: tn,
+  listBulletHorizontal: sn,
+  close: un
+}, Y = /* @__PURE__ */ le({
   __name: "VIcon",
   props: {
     name: {}
   },
   setup(e) {
-    const t = e, n = S(() => Ft[t.name]);
-    return (o, l) => n.value ? (p(), ie(Ie(n.value), { key: 0 })) : V("", !0);
+    const t = e, o = x(() => dn[t.name]);
+    return (n, s) => o.value ? (p(), ce(Ae(o.value), { key: 0 })) : H("", !0);
   }
-}), Ut = {}, qt = { class: "vt-loader" };
-function Xt(e, t) {
-  return p(), h("span", qt);
+}), pn = {}, mn = { class: "vt-loader" };
+function hn(e, t) {
+  return p(), f("span", mn);
 }
-const ze = /* @__PURE__ */ X(Ut, [["render", Xt]]), Gt = ["disabled", "type", "data-placement"], Kt = {
+const Ne = /* @__PURE__ */ K(pn, [["render", hn]]), vn = ["disabled", "type", "data-placement"], fn = {
   key: 2,
   class: "vt-button__content"
-}, pe = /* @__PURE__ */ oe({
+}, ge = /* @__PURE__ */ le({
   __name: "VButton",
   props: {
     type: { default: "default" },
@@ -285,50 +304,54 @@ const ze = /* @__PURE__ */ X(Ut, [["render", Xt]]), Gt = ["disabled", "type", "d
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const n = e, o = t, l = Re(), s = S(() => !!(n.icon && n.shape)), i = S(() => (l.default ? l.default({}) : null)?.[0]?.children?.toString() ?? ""), a = S(() => [
+    const o = e, n = t, s = Oe(), l = x(() => !!(o.icon && o.shape)), r = x(() => {
+      var k, S;
+      const c = s.default ? s.default({}) : null;
+      return ((S = (k = c == null ? void 0 : c[0]) == null ? void 0 : k.children) == null ? void 0 : S.toString()) ?? "";
+    }), i = x(() => [
       "vt-button",
-      `vt-button--${n.type}`,
+      `vt-button--${o.type}`,
       {
-        [`vt-button--${n.shape}`]: n.shape,
-        "vt-button--icon-only": s.value,
-        "vt-button--disabled": n.disabled || n.loading,
-        "vt-button--loading": n.loading
+        [`vt-button--${o.shape}`]: o.shape,
+        "vt-button--icon-only": l.value,
+        "vt-button--disabled": o.disabled || o.loading,
+        "vt-button--loading": o.loading
       }
-    ]), r = S(() => s.value && n.tooltip ? i.value : null), u = (c) => {
-      !n.disabled && !n.loading && o("click", c);
+    ]), a = x(() => l.value && o.tooltip ? r.value : null), u = (c) => {
+      !o.disabled && !o.loading && n("click", c);
     };
-    return (c, M) => {
-      const $ = Be("tooltip");
-      return be((p(), h("button", {
-        class: E(a.value),
-        disabled: n.disabled || n.loading,
-        type: n.htmlType,
-        "data-placement": n.tooltipPlacement,
+    return (c, k) => {
+      const S = je("tooltip");
+      return Me((p(), f("button", {
+        class: W(i.value),
+        disabled: o.disabled || o.loading,
+        type: o.htmlType,
+        "data-placement": o.tooltipPlacement,
         onClick: u
       }, [
-        n.loading ? (p(), ie(ze, {
+        o.loading ? (p(), ce(Ne, {
           key: 0,
           class: "vt-button__icon"
-        })) : n.icon ? (p(), ie(G, {
+        })) : o.icon ? (p(), ce(Y, {
           key: 1,
-          name: n.icon,
+          name: o.icon,
           class: "vt-button__icon"
-        }, null, 8, ["name"])) : V("", !0),
-        s.value ? V("", !0) : (p(), h("span", Kt, [
-          re(c.$slots, "default")
+        }, null, 8, ["name"])) : H("", !0),
+        l.value ? H("", !0) : (p(), f("span", fn, [
+          me(c.$slots, "default")
         ]))
-      ], 10, Gt)), [
-        [$, r.value]
+      ], 10, vn)), [
+        [S, a.value]
       ]);
     };
   }
-}), Yt = {
+}), _n = {
   key: 0,
   class: "vt-modal__header"
-}, Jt = {
+}, gn = {
   key: 0,
   class: "vt-modal__title"
-}, Qt = { class: "vt-modal__content" }, Ee = /* @__PURE__ */ oe({
+}, Cn = { class: "vt-modal__content" }, Ze = /* @__PURE__ */ le({
   __name: "VModal",
   props: {
     modelValue: { type: Boolean },
@@ -340,42 +363,42 @@ const ze = /* @__PURE__ */ X(Ut, [["render", Xt]]), Gt = ["disabled", "type", "d
   },
   emits: ["update:modelValue", "close"],
   setup(e, { emit: t }) {
-    const n = e, o = t, l = S(() => ["vt-modal__container", `vt-modal__container--${n.size}`]), s = S(() => ({
-      zIndex: n.zIndex
-    })), i = () => {
-      o("update:modelValue", !1), o("close");
-    }, a = () => {
-      n.closeOnBackdropClick && i();
+    const o = e, n = t, s = x(() => ["vt-modal__container", `vt-modal__container--${o.size}`]), l = x(() => ({
+      zIndex: o.zIndex
+    })), r = () => {
+      n("update:modelValue", !1), n("close");
+    }, i = () => {
+      o.closeOnBackdropClick && r();
     };
-    return (r, u) => (p(), ie(Ne, { to: "body" }, [
-      r.modelValue ? (p(), h("div", {
+    return (a, u) => (p(), ce(lt, { to: "body" }, [
+      a.modelValue ? (p(), f("div", {
         key: 0,
         class: "vt-modal__backdrop",
-        style: le(s.value),
-        onClick: a
+        style: ae(l.value),
+        onClick: i
       }, [
-        f("div", {
-          class: E(l.value),
-          onClick: u[0] || (u[0] = ce(() => {
+        _("div", {
+          class: W(s.value),
+          onClick: u[0] || (u[0] = he(() => {
           }, ["stop"]))
         }, [
-          r.title || r.showCloseButton ? (p(), h("div", Yt, [
-            r.title ? (p(), h("h2", Jt, Q(r.title), 1)) : V("", !0),
-            r.showCloseButton ? (p(), ie(G, {
+          a.title || a.showCloseButton ? (p(), f("div", _n, [
+            a.title ? (p(), f("h2", gn, te(a.title), 1)) : H("", !0),
+            a.showCloseButton ? (p(), ce(Y, {
               key: 1,
               name: "close",
               class: "vt-modal__close",
-              onClick: i
-            })) : V("", !0)
-          ])) : V("", !0),
-          f("div", Qt, [
-            re(r.$slots, "default")
+              onClick: r
+            })) : H("", !0)
+          ])) : H("", !0),
+          _("div", Cn, [
+            me(a.$slots, "default")
           ])
         ], 2)
-      ], 4)) : V("", !0)
+      ], 4)) : H("", !0)
     ]));
   }
-}), en = { class: "vt-pagination" }, tn = { class: "vt-pagination__info" }, nn = { class: "vt-pagination__rows-per-page" }, on = ["value"], ln = { class: "vt-pagination__navigation" }, sn = ["disabled"], an = ["onClick"], rn = ["disabled"], cn = /* @__PURE__ */ oe({
+}), bn = { class: "vt-pagination" }, wn = { class: "vt-pagination__info" }, kn = { class: "vt-pagination__rows-per-page" }, yn = ["value"], xn = { class: "vt-pagination__navigation" }, Sn = ["disabled"], Mn = ["onClick"], $n = ["disabled"], Ln = /* @__PURE__ */ le({
   __name: "VPagination",
   props: {
     totalItems: {},
@@ -386,103 +409,103 @@ const ze = /* @__PURE__ */ X(Ut, [["render", Xt]]), Gt = ["disabled", "type", "d
   },
   emits: ["update:currentPage", "update:pageSize", "pageChange", "reloadData"],
   setup(e, { emit: t }) {
-    const n = e, o = t, l = S({
-      get: () => n.currentPage,
-      set: (L) => o("update:currentPage", L)
-    }), s = S({
-      get: () => n.pageSize,
-      set: (L) => o("update:pageSize", L)
-    }), i = S(() => Math.ceil(n.totalItems / s.value)), a = S(() => n.totalItems === 0 ? 0 : (l.value - 1) * s.value + 1), r = S(() => Math.min(l.value * s.value, n.totalItems)), u = S(() => l.value <= 1), c = S(() => l.value >= i.value), M = S(() => {
-      const L = [], W = i.value, x = l.value, Z = n.maxVisiblePages;
-      if (W <= Z)
-        for (let v = 1; v <= W; v++)
-          L.push(v);
+    const o = e, n = t, s = x({
+      get: () => o.currentPage,
+      set: (M) => n("update:currentPage", M)
+    }), l = x({
+      get: () => o.pageSize,
+      set: (M) => n("update:pageSize", M)
+    }), r = x(() => Math.ceil(o.totalItems / l.value)), i = x(() => o.totalItems === 0 ? 0 : (s.value - 1) * l.value + 1), a = x(() => Math.min(s.value * l.value, o.totalItems)), u = x(() => s.value <= 1), c = x(() => s.value >= r.value), k = x(() => {
+      const M = [], V = r.value, T = s.value, X = o.maxVisiblePages;
+      if (V <= X)
+        for (let y = 1; y <= V; y++)
+          M.push(y);
       else {
-        L.push(1);
-        const v = Math.max(2, x - Math.floor(Z / 2)), T = Math.min(W - 1, x + Math.floor(Z / 2));
-        v > 2 && L.push("...");
-        for (let D = v; D <= T; D++)
-          L.push(D);
-        T < W - 1 && L.push("..."), W > 1 && L.push(W);
+        M.push(1);
+        const y = Math.max(2, T - Math.floor(X / 2)), E = Math.min(V - 1, T + Math.floor(X / 2));
+        y > 2 && M.push("...");
+        for (let $ = y; $ <= E; $++)
+          M.push($);
+        E < V - 1 && M.push("..."), V > 1 && M.push(V);
       }
-      return L;
-    }), $ = () => {
-      o("pageChange", {
-        page: l.value,
-        pageSize: s.value
+      return M;
+    }), S = () => {
+      n("pageChange", {
+        page: s.value,
+        pageSize: l.value
       });
-    }, H = (L) => {
-      typeof L == "number" && L !== l.value && (l.value = L, $());
+    }, F = (M) => {
+      typeof M == "number" && M !== s.value && (s.value = M, S());
+    }, j = () => {
+      u.value || (s.value--, S());
+    }, Q = () => {
+      c.value || (s.value++, S());
+    }, U = () => {
+      s.value = 1, S();
     }, N = () => {
-      u.value || (l.value--, $());
-    }, K = () => {
-      c.value || (l.value++, $());
-    }, Y = () => {
-      l.value = 1, $();
-    }, q = () => {
-      o("reloadData", l.value);
+      n("reloadData", s.value);
     };
-    return ue(
-      () => n.totalItems,
+    return ve(
+      () => o.totalItems,
       () => {
-        l.value > i.value && i.value > 0 && (l.value = i.value, $());
+        s.value > r.value && r.value > 0 && (s.value = r.value, S());
       }
-    ), (L, W) => (p(), h("div", en, [
-      f("div", tn, [
-        f("div", nn, [
-          W[1] || (W[1] = f("label", {
+    ), (M, V) => (p(), f("div", bn, [
+      _("div", wn, [
+        _("div", kn, [
+          V[1] || (V[1] = _("label", {
             for: "rowsSelect",
             class: "vt-pagination__label"
           }, "Рядків на сторінку:", -1)),
-          be(f("select", {
+          Me(_("select", {
             id: "rowsSelect",
-            "onUpdate:modelValue": W[0] || (W[0] = (x) => s.value = x),
-            onChange: Y,
+            "onUpdate:modelValue": V[0] || (V[0] = (T) => l.value = T),
+            onChange: U,
             class: "vt-pagination__select"
           }, [
-            (p(!0), h(te, null, ne(L.pageSizeOptions, (x) => (p(), h("option", {
-              key: x,
-              value: x
-            }, Q(x), 9, on))), 128))
+            (p(!0), f(ne, null, oe(M.pageSizeOptions, (T) => (p(), f("option", {
+              key: T,
+              value: T
+            }, te(T), 9, yn))), 128))
           ], 544), [
-            [Ze, s.value]
+            [st, l.value]
           ])
         ]),
-        f("span", null, Q(a.value) + " - " + Q(r.value) + " з " + Q(L.totalItems), 1)
+        _("span", null, te(i.value) + " - " + te(a.value) + " з " + te(M.totalItems), 1)
       ]),
-      f("div", ln, [
-        f("button", {
-          onClick: N,
+      _("div", xn, [
+        _("button", {
+          onClick: j,
           disabled: u.value,
-          class: E({ "vt-pagination__nav-button": !0, "has-items": !u.value })
+          class: W({ "vt-pagination__nav-button": !0, "has-items": !u.value })
         }, [
-          j(G, { name: "arrowLeft" })
-        ], 10, sn),
-        (p(!0), h(te, null, ne(M.value, (x) => (p(), h("button", {
-          key: x,
-          onClick: (Z) => H(x),
-          class: E(["vt-pagination__nav-button", {
-            "vt-pagination__nav-button--active": x === l.value
+          Z(Y, { name: "arrowLeft" })
+        ], 10, Sn),
+        (p(!0), f(ne, null, oe(k.value, (T) => (p(), f("button", {
+          key: T,
+          onClick: (X) => F(T),
+          class: W(["vt-pagination__nav-button", {
+            "vt-pagination__nav-button--active": T === s.value
           }])
-        }, Q(x), 11, an))), 128)),
-        f("button", {
-          onClick: K,
+        }, te(T), 11, Mn))), 128)),
+        _("button", {
+          onClick: Q,
           disabled: c.value,
-          class: E({ "vt-pagination__nav-button": !0, "has-items": !c.value })
+          class: W({ "vt-pagination__nav-button": !0, "has-items": !c.value })
         }, [
-          j(G, { name: "arrowRight" })
-        ], 10, rn)
+          Z(Y, { name: "arrowRight" })
+        ], 10, $n)
       ]),
-      f("div", null, [
-        j(pe, {
+      _("div", null, [
+        Z(ge, {
           icon: "arrowReload",
           shape: "circle",
           tooltip: "",
           tooltipPlacement: "left",
-          onClick: q
+          onClick: N
         }, {
-          default: ge(() => W[2] || (W[2] = [
-            de("Оновити дані ", -1)
+          default: xe(() => V[2] || (V[2] = [
+            _e("Оновити дані ", -1)
           ])),
           _: 1,
           __: [2]
@@ -490,7 +513,7 @@ const ze = /* @__PURE__ */ X(Ut, [["render", Xt]]), Gt = ["disabled", "type", "d
       ])
     ]));
   }
-}), un = ["for"], dn = ["id", "name", "value", "checked", "disabled", "required", ".indeterminate"], ae = /* @__PURE__ */ oe({
+}), In = ["for"], Bn = ["id", "name", "value", "checked", "disabled", "required", ".indeterminate"], de = /* @__PURE__ */ le({
   __name: "VCheckbox",
   props: {
     modelValue: { type: Boolean, default: void 0 },
@@ -508,17 +531,17 @@ const ze = /* @__PURE__ */ X(Ut, [["render", Xt]]), Gt = ["disabled", "type", "d
   },
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(e, { emit: t }) {
-    const n = e, o = t, l = () => `vt-checkbox-${Math.random().toString(36).substr(2, 9)}`, s = S(() => n.id || l()), i = S(() => n.modelValue ?? n.checked), a = (c) => {
-      if (n.disabled) return;
-      const $ = c.target.checked;
-      o("update:modelValue", $), o("change", $, c);
-    }, r = (c) => {
-      o("focus", c);
+    const o = e, n = t, s = () => `vt-checkbox-${Math.random().toString(36).substr(2, 9)}`, l = x(() => o.id || s()), r = x(() => o.modelValue ?? o.checked), i = (c) => {
+      if (o.disabled) return;
+      const S = c.target.checked;
+      n("update:modelValue", S), n("change", S, c);
+    }, a = (c) => {
+      n("focus", c);
     }, u = (c) => {
-      o("blur", c);
+      n("blur", c);
     };
-    return (c, M) => (p(), h("label", {
-      class: E([
+    return (c, k) => (p(), f("label", {
+      class: W([
         "vt-checkbox",
         `vt-checkbox--${c.size}`,
         `vt-checkbox--${c.variant}`,
@@ -527,39 +550,39 @@ const ze = /* @__PURE__ */ X(Ut, [["render", Xt]]), Gt = ["disabled", "type", "d
           "vt-checkbox--double": c.isDouble
         }
       ]),
-      for: s.value
+      for: l.value
     }, [
-      f("input", {
-        id: s.value,
+      _("input", {
+        id: l.value,
         name: c.name,
         value: c.value,
-        checked: i.value,
+        checked: r.value,
         disabled: c.disabled,
         required: c.required,
         ".indeterminate": c.indeterminate,
         type: "checkbox",
         class: "vt-checkbox__input",
-        onChange: a,
-        onFocus: r,
+        onChange: i,
+        onFocus: a,
         onBlur: u
-      }, null, 40, dn),
-      f("div", {
-        class: E([
+      }, null, 40, Bn),
+      _("div", {
+        class: W([
           "vt-checkbox__box",
           {
-            "vt-checkbox__box--checked": i.value && !c.indeterminate && !c.isDouble,
+            "vt-checkbox__box--checked": r.value && !c.indeterminate && !c.isDouble,
             "vt-checkbox__box--indeterminate": c.indeterminate,
-            "vt-checkbox__box--double": c.isDouble && i.value,
+            "vt-checkbox__box--double": c.isDouble && r.value,
             "vt-checkbox__box--disabled": c.disabled
           }
         ])
       }, [
-        !c.indeterminate && !c.isDouble ? (p(), h("svg", {
+        !c.indeterminate && !c.isDouble ? (p(), f("svg", {
           key: 0,
-          class: E([
+          class: W([
             "vt-checkbox__checkmark",
             {
-              "vt-checkbox__checkmark--checked": i.value
+              "vt-checkbox__checkmark--checked": r.value
             }
           ]),
           width: "10",
@@ -567,20 +590,20 @@ const ze = /* @__PURE__ */ X(Ut, [["render", Xt]]), Gt = ["disabled", "type", "d
           viewBox: "0 0 10 9",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg"
-        }, M[0] || (M[0] = [
-          f("path", {
+        }, k[0] || (k[0] = [
+          _("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)) : V("", !0),
-        c.isDouble && i.value ? (p(), h("svg", {
+        ]), 2)) : H("", !0),
+        c.isDouble && r.value ? (p(), f("svg", {
           key: 1,
-          class: E([
+          class: W([
             "vt-checkbox__checkmark",
             {
-              "vt-checkbox__checkmark--checked": i.value
+              "vt-checkbox__checkmark--checked": r.value
             }
           ]),
           width: "13",
@@ -588,285 +611,295 @@ const ze = /* @__PURE__ */ X(Ut, [["render", Xt]]), Gt = ["disabled", "type", "d
           viewBox: "0 0 13 6",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg"
-        }, M[1] || (M[1] = [
-          f("path", {
+        }, k[1] || (k[1] = [
+          _("path", {
             d: "M6 3L8.25 5L12 1",
             stroke: "currentColor",
             "stroke-width": "2",
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
           }, null, -1),
-          f("path", {
+          _("path", {
             d: "M1 3L3.25 5L7 1",
             stroke: "currentColor",
             "stroke-width": "2",
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
           }, null, -1)
-        ]), 2)) : V("", !0),
-        c.indeterminate ? (p(), h("div", {
+        ]), 2)) : H("", !0),
+        c.indeterminate ? (p(), f("div", {
           key: 2,
-          class: E([
+          class: W([
             "vt-checkbox__indeterminate-mark",
             {
               "vt-checkbox__indeterminate-mark--visible": c.indeterminate
             }
           ])
-        }, null, 2)) : V("", !0)
+        }, null, 2)) : H("", !0)
       ], 2),
-      c.label || c.$slots.label || c.$slots.default ? (p(), h("span", {
+      c.label || c.$slots.label || c.$slots.default ? (p(), f("span", {
         key: 0,
-        class: E([
+        class: W([
           "vt-checkbox__label",
           {
             "vt-checkbox__label--disabled": c.disabled
           }
         ])
       }, [
-        re(c.$slots, "label", {}, () => [
-          re(c.$slots, "default", {}, () => [
-            de(Q(c.label), 1)
+        me(c.$slots, "label", {}, () => [
+          me(c.$slots, "default", {}, () => [
+            _e(te(c.label), 1)
           ])
         ])
-      ], 2)) : V("", !0)
-    ], 10, un));
+      ], 2)) : H("", !0)
+    ], 10, In));
   }
 });
-function pn(e) {
-  const t = S(() => [...e].sort((l, s) => l.pinnedLeft && !s.pinnedLeft ? -1 : !l.pinnedLeft && s.pinnedLeft || l.pinnedRight && !s.pinnedRight ? 1 : !l.pinnedRight && s.pinnedRight ? -1 : 0)), n = () => {
-    const l = t.value.length, s = t.value.filter((c) => c.width || c.minWidth), i = s.reduce((c, M) => c + (M.width || M.minWidth || 0), 0), a = l - s.length;
-    if (a === 0)
-      return 150;
-    const u = Math.max(800 - i, a * 80);
-    return Math.max(Math.floor(u / a), 120);
+function Rn(e) {
+  const t = x(() => [...e].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 = t.value.length, l = t.value.filter((c) => c.width || c.minWidth), r = l.reduce((c, k) => c + (k.width || k.minWidth || 0), 0), i = s - l.length;
+    if (i === 0) return 150;
+    const u = Math.max(800 - r, i * 80);
+    return Math.max(Math.floor(u / i), 120);
   };
   return {
     sortedColumns: t,
-    getDefaultColumnWidth: n,
-    getStickyOffset: (l, s, i = !1) => {
-      const a = t.value;
-      let r = 0;
-      if (l === "left") {
-        i && (r += 50);
-        for (let u = 0; u < s; u++) {
-          const c = a[u];
-          c.pinnedLeft && (r += c.width || c.minWidth || n());
+    getDefaultColumnWidth: o,
+    getStickyOffset: (s, l, r = !1) => {
+      const i = t.value;
+      let a = 0;
+      if (s === "left") {
+        r && (a += 50);
+        for (let u = 0; u < l; u++) {
+          const c = i[u];
+          c.pinnedLeft && (a += c.width || c.minWidth || o());
         }
       } else
-        for (let u = a.length - 1; u > s; u--) {
-          const c = a[u];
-          c.pinnedRight && (r += c.width || c.minWidth || n());
+        for (let u = i.length - 1; u > l; u--) {
+          const c = i[u];
+          c.pinnedRight && (a += c.width || c.minWidth || o());
         }
-      return r;
+      return a;
     }
   };
 }
-function mn(e) {
+function Tn(e) {
   const t = () => {
-    const s = {};
-    return e.maxHeight && (s.maxHeight = `${e.maxHeight}px`), s;
-  }, n = (s, i, a, r) => {
+    const l = {};
+    return e.maxHeight && (l.maxHeight = `${e.maxHeight}px`), l;
+  }, o = (l, r, i, a) => {
     const u = {};
-    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";
+    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";
     else {
-      const c = r();
+      const c = a();
       u.width = `${c}px`, u.minWidth = "80px", u.maxWidth = "none";
     }
-    return s.pinnedLeft ? (u.position = "sticky", u.left = `${a("left", i, e.selectable)}px`, u.zIndex = "10") : s.pinnedRight && (u.position = "sticky", u.right = `${a("right", i, !1)}px`, u.zIndex = "10"), u;
+    return l.pinnedLeft ? (u.position = "sticky", u.left = `${i("left", r, e.selectable)}px`, u.zIndex = "10") : l.pinnedRight && (u.position = "sticky", u.right = `${i("right", r, !1)}px`, u.zIndex = "10"), u;
   };
   return {
     getTableWrapperStyle: t,
-    getColumnStyle: n,
-    getHeaderStyle: (s, i, a, r) => {
-      const u = n(s, i, a, r);
-      return e.maxHeight && (u.position = "sticky", u.top = "0", s.pinnedLeft || s.pinnedRight ? u.zIndex = "12" : u.zIndex = "11"), u;
+    getColumnStyle: o,
+    getHeaderStyle: (l, r, i, a) => {
+      const u = o(l, r, i, a);
+      return e.maxHeight && (u.position = "sticky", u.top = "0", l.pinnedLeft || l.pinnedRight ? u.zIndex = "12" : u.zIndex = "11"), u;
     },
-    getFooterStyle: (s, i, a, r) => {
-      const u = n(s, i, a, r);
-      return e.maxHeight && (u.position = "sticky", u.bottom = "0", s.pinnedLeft || s.pinnedRight ? u.zIndex = "12" : u.zIndex = "11"), u;
+    getFooterStyle: (l, r, i, a) => {
+      const u = o(l, r, i, a);
+      return e.maxHeight && (u.position = "sticky", u.bottom = "0", l.pinnedLeft || l.pinnedRight ? u.zIndex = "12" : u.zIndex = "11"), u;
     }
   };
 }
-function hn() {
-  const e = P({
+function zn() {
+  const e = D({
     resizingCol: null,
     startX: 0,
     startWidth: 0
   }), t = `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: (o, l, s, i) => {
-      o.preventDefault(), o.stopPropagation(), e.value.resizingCol = l, e.value.startX = o.clientX, e.value.startWidth = l.width || l.minWidth || s(l.prop);
-      const a = (u) => {
-        const { resizingCol: c, startX: M, startWidth: $ } = e.value;
-        if (!c)
-          return;
-        document.querySelectorAll(`[data-resizer="${c.prop}"]`).forEach((q) => {
-          q.classList.add("vt-table__resizer--active");
+    onMouseDown: (n, s, l, r) => {
+      n.preventDefault(), n.stopPropagation(), e.value.resizingCol = s, e.value.startX = n.clientX, e.value.startWidth = s.width || s.minWidth || l(s.prop);
+      const i = (u) => {
+        const { resizingCol: c, startX: k, startWidth: S } = e.value;
+        if (!c) return;
+        document.querySelectorAll(`[data-resizer="${c.prop}"]`).forEach((N) => {
+          N.classList.add("vt-table__resizer--active");
         });
-        const H = u.clientX - M, N = c.minWidth || 50, K = c.maxWidth || 1e3, Y = Math.max(Math.min($ + H, K), N);
-        c.width = Y;
-      }, r = () => {
+        const F = u.clientX - k, j = c.minWidth || 50, Q = c.maxWidth || 1e3, U = Math.max(Math.min(S + F, Q), j);
+        c.width = U;
+      }, a = () => {
         const { resizingCol: u } = e.value;
-        document.removeEventListener("mousemove", a), document.removeEventListener("mouseup", r), document.body.style.cursor = "", document.body.style.userSelect = "", document.body.classList.remove("vt-table-resizing"), u && (document.querySelectorAll(`[data-resizer="${u.prop}"]`).forEach((c) => {
+        document.removeEventListener("mousemove", i), 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((c) => {
           c.classList.remove("vt-table__resizer--active");
-        }), i && u.width && (console.log("📏 Викликаємо callback з новою шириною:", u.width), i(u.width))), e.value.resizingCol = null;
+        }), r && u.width && r(u.width)), e.value.resizingCol = null;
       };
-      document.addEventListener("mousemove", a), document.addEventListener("mouseup", r), document.body.style.cursor = t, document.body.style.userSelect = "none", document.body.classList.add("vt-table-resizing");
+      document.addEventListener("mousemove", i), document.addEventListener("mouseup", a), document.body.style.cursor = t, document.body.style.userSelect = "none", document.body.classList.add("vt-table-resizing");
     },
     resizeState: e
   };
 }
-function vn(e, t, n, o) {
-  const l = e.selectionKey || "id", s = P([]), i = P(null), a = P(!1);
-  e.defaultSelection?.length && (s.value = [...e.defaultSelection]);
-  const r = (k) => k[l], u = (k) => a.value ? !0 : s.value.some((z) => r(z) === r(k)), c = S(() => t.value.filter((k) => u(k)).length), M = S(() => t.value.length > 0 && c.value === t.value.length), $ = S(() => {
-    if (a.value)
-      return !1;
-    const k = c.value;
-    return k > 0 && k < t.value.length;
-  }), H = S(() => a.value ? !0 : M.value && !$.value), N = S(() => a.value), K = (k, z) => {
-    const B = r(k), A = s.value.some((d) => r(d) === r(k)), F = z !== void 0 ? z : !A;
-    if (a.value && !F) {
-      a.value = !1, o?.value && (s.value = o.value.filter((d) => r(d) !== B)), D(k, !1);
+function En(e, t) {
+  if (!e)
+    return String(t.value ?? "");
+  try {
+    const o = e(t);
+    return o;
+  } catch (o) {
+    return console.error("Error rendering table slot:", o), String(t.value ?? "");
+  }
+}
+function Wn(e, t, o, n) {
+  var J;
+  const s = e.selectionKey || "id", l = D([]), r = D(null), i = D(!1);
+  (J = e.defaultSelection) != null && J.length && (l.value = [...e.defaultSelection]);
+  const a = (m) => m[s], u = (m) => i.value ? !0 : l.value.some((A) => a(A) === a(m)), c = x(() => t.value.filter((m) => u(m)).length), k = x(() => t.value.length > 0 && c.value === t.value.length), S = x(() => {
+    if (i.value) return !1;
+    const m = c.value;
+    return m > 0 && m < t.value.length;
+  }), F = x(() => i.value ? !0 : k.value && !S.value), j = x(() => i.value), Q = (m, A) => {
+    const z = a(m), G = l.value.some((v) => a(v) === a(m)), d = A !== void 0 ? A : !G;
+    if (i.value && !d) {
+      i.value = !1, n != null && n.value && (l.value = n.value.filter((v) => a(v) !== z)), $(m, !1);
       return;
     }
-    a.value && F || (F && !A ? s.value.push(k) : !F && A && (s.value = s.value.filter((d) => r(d) !== B)), e.selectOnClickRow && z === void 0 && Z(F ? k : null), D(k, F));
-  }, Y = () => {
-    switch (q()) {
+    i.value && d || (d && !G ? l.value.push(m) : !d && G && (l.value = l.value.filter((v) => a(v) !== z)), e.selectOnClickRow && A === void 0 && X(d ? m : null), $(m, d));
+  }, U = () => {
+    switch (N()) {
       case "none":
       case "partial":
-        L();
+        M();
         break;
       case "allVisible":
-        W();
+        V();
         break;
       case "absoluteAll":
-        x();
+        T();
         break;
     }
-  }, q = () => a.value ? "absoluteAll" : M.value ? "allVisible" : c.value > 0 ? "partial" : "none", L = () => {
-    const k = [], z = new Set(s.value.map((B) => r(B)));
-    s.value.forEach((B) => {
-      k.push(B);
-    }), t.value.forEach((B) => {
-      z.has(r(B)) || k.push(B);
-    }), s.value = k, a.value = !1, D();
-  }, W = () => {
-    a.value = !0, o?.value ? s.value = [...o.value] : s.value = [...t.value], D(void 0, void 0, !0);
-  }, x = () => {
-    s.value = [], a.value = !1, i.value = null, D();
-  }, Z = (k) => {
-    const z = i.value;
-    i.value = k, n("current-change", {
-      currentRow: i.value,
-      oldCurrentRow: z
+  }, N = () => i.value ? "absoluteAll" : k.value ? "allVisible" : c.value > 0 ? "partial" : "none", M = () => {
+    const m = [], A = new Set(l.value.map((z) => a(z)));
+    l.value.forEach((z) => {
+      m.push(z);
+    }), t.value.forEach((z) => {
+      A.has(a(z)) || m.push(z);
+    }), l.value = m, i.value = !1, $();
+  }, V = () => {
+    i.value = !0, n != null && n.value ? l.value = [...n.value] : l.value = [...t.value], $(void 0, void 0, !0);
+  }, T = () => {
+    l.value = [], i.value = !1, r.value = null, $();
+  }, X = (m) => {
+    const A = r.value;
+    r.value = m, o("current-change", {
+      currentRow: r.value,
+      oldCurrentRow: A
     });
-  }, v = () => [...s.value], T = (k) => {
-    s.value = [...k], a.value = !1, D();
-  }, D = (k, z, B = !1) => {
-    const A = {
-      selection: [...s.value],
-      row: k,
-      selected: z,
-      isAllSelected: B || a.value
+  }, y = () => [...l.value], E = (m) => {
+    l.value = [...m], i.value = !1, $();
+  }, $ = (m, A, z = !1) => {
+    const G = {
+      selection: [...l.value],
+      row: m,
+      selected: A,
+      isAllSelected: z || i.value
     };
-    n("selection-change", A);
+    o("selection-change", G);
   };
-  return ue(() => e.defaultSelection, (k) => {
-    k?.length && (s.value = [...k]);
-  }), {
-    selectedRows: s,
-    currentRow: i,
+  return ve(
+    () => e.defaultSelection,
+    (m) => {
+      m != null && m.length && (l.value = [...m]);
+    }
+  ), {
+    selectedRows: l,
+    currentRow: r,
     isRowSelected: u,
-    isAllSelected: H,
-    isIndeterminate: $,
-    isDoubleCheck: N,
-    isFullSelection: a,
-    toggleRowSelection: K,
-    toggleAllSelection: Y,
-    clearSelection: x,
-    setCurrentRow: Z,
-    getSelectionRows: v,
-    setSelectionRows: T,
-    selectAbsolutelyAll: W
+    isAllSelected: F,
+    isIndeterminate: S,
+    isDoubleCheck: j,
+    isFullSelection: i,
+    toggleRowSelection: Q,
+    toggleAllSelection: U,
+    clearSelection: T,
+    setCurrentRow: X,
+    getSelectionRows: y,
+    setSelectionRows: E,
+    selectAbsolutelyAll: V
   };
 }
-const fn = (e, t, n = "asc") => {
-  if (e == null && t == null)
-    return 0;
-  if (e == null)
-    return n === "asc" ? 1 : -1;
-  if (t == null)
-    return n === "asc" ? -1 : 1;
-  if (e === t)
-    return 0;
-  let o = 0;
-  const l = Number(e), s = Number(t);
-  return !isNaN(l) && !isNaN(s) ? o = l - s : ke(e) && ke(t) ? o = new Date(e).getTime() - new Date(t).getTime() : typeof e == "boolean" && typeof t == "boolean" ? o = e === t ? 0 : e ? -1 : 1 : o = String(e).localeCompare(String(t), void 0, {
+const Vn = (e, t, o = "asc") => {
+  if (e == null && t == null) return 0;
+  if (e == null) return o === "asc" ? 1 : -1;
+  if (t == null) return o === "asc" ? -1 : 1;
+  if (e === t) return 0;
+  let n = 0;
+  const s = Number(e), l = Number(t);
+  return !isNaN(s) && !isNaN(l) ? n = s - l : ze(e) && ze(t) ? n = new Date(e).getTime() - new Date(t).getTime() : typeof e == "boolean" && typeof t == "boolean" ? n = e === t ? 0 : e ? -1 : 1 : n = String(e).localeCompare(String(t), void 0, {
     numeric: !0,
     sensitivity: "base"
-  }), n === "desc" ? -o : o;
-}, ke = (e) => e instanceof Date ? !isNaN(e.getTime()) : typeof e == "string" && /\d{4}-\d{2}-\d{2}|\//.test(e) ? !isNaN(new Date(e).getTime()) : !1, _n = (e, t, n) => {
-  e.sortable && n({
+  }), o === "desc" ? -n : n;
+}, ze = (e) => e instanceof Date ? !isNaN(e.getTime()) : typeof e == "string" && /\d{4}-\d{2}-\d{2}|\//.test(e) ? !isNaN(new Date(e).getTime()) : !1, Hn = (e, t, o) => {
+  e.sortable && o({
     prop: e.prop,
     direction: t
   });
-}, ye = (e, t) => {
-  const n = t?.prop === e.prop, o = t?.direction;
+}, Ee = (e, t) => {
+  const o = (t == null ? void 0 : t.prop) === e.prop, n = t == null ? void 0 : t.direction;
   return {
-    asc: ["vt-th__sort-icon", n && o === "asc" && "vt-th__sortable-active"].filter(Boolean).join(" "),
-    desc: ["vt-th__sort-icon", n && o === "desc" && "vt-th__sortable-active"].filter(Boolean).join(" ")
+    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(" ")
   };
-}, gn = (e, t, n) => {
-  if (!t)
-    return [...e];
-  const o = n.find((s) => s.prop === t.prop);
-  if (!o?.sortable)
-    return [...e];
-  const l = o.sortMethod || fn;
-  return [...e].sort((s, i) => {
-    const a = s[o.prop], r = i[o.prop];
-    return l(a, r, t.direction);
+}, Pn = (e, t, o) => {
+  if (!t) return [...e];
+  const n = o.find((l) => l.prop === t.prop);
+  if (!(n != null && n.sortable)) return [...e];
+  const s = n.sortMethod || Vn;
+  return [...e].sort((l, r) => {
+    const i = l[n.prop], a = r[n.prop];
+    return s(i, a, t.direction);
   });
 };
-class Cn {
-  modalStack = [];
-  baseZIndex = 1e3;
+class Dn {
+  constructor() {
+    this.modalStack = [], this.baseZIndex = 1e3;
+  }
   open(t = {}) {
-    const n = `modal-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, o = document.createElement("div");
-    o.setAttribute("data-vt-modal", n), document.body.appendChild(o);
-    const l = P(!0), s = this.baseZIndex + this.modalStack.length * 10, i = Fe({
+    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 = D(!0), l = this.baseZIndex + this.modalStack.length * 10, r = it({
       setup() {
-        const r = () => {
-          l.value = !1, setTimeout(() => {
-            se.closeById(n);
+        const a = () => {
+          s.value = !1, setTimeout(() => {
+            re.closeById(o);
           }, 100);
         };
-        return () => fe(Ee, {
-          modelValue: l.value,
-          "onUpdate:modelValue": r,
-          title: t.title,
-          size: t.size || "medium",
-          showCloseButton: t.showCloseButton !== !1,
-          closeOnBackdropClick: t.closeOnBackdropClick !== !1,
-          onClose: r,
-          zIndex: s
-        }, {
-          default: () => t.component ? fe(t.component, t.props || {}) : t.content ? fe("div", { innerHTML: t.content }) : null
-        });
+        return () => ke(
+          Ze,
+          {
+            modelValue: s.value,
+            "onUpdate:modelValue": a,
+            title: t.title,
+            size: t.size || "medium",
+            showCloseButton: t.showCloseButton !== !1,
+            closeOnBackdropClick: t.closeOnBackdropClick !== !1,
+            onClose: a,
+            zIndex: l
+          },
+          {
+            default: () => t.component ? ke(t.component, t.props || {}) : t.content ? ke("div", { innerHTML: t.content }) : null
+          }
+        );
       }
     });
-    i.mount(o);
-    const a = {
-      id: n,
-      app: i,
-      container: o,
-      isOpen: l
+    r.mount(n);
+    const i = {
+      id: o,
+      app: r,
+      container: n,
+      isOpen: s
     };
-    return this.modalStack.push(a), n;
+    return this.modalStack.push(i), o;
   }
   close() {
     if (this.modalStack.length > 0) {
@@ -875,10 +908,10 @@ class Cn {
     }
   }
   closeById(t) {
-    const n = this.modalStack.findIndex((o) => o.id === t);
-    if (n !== -1) {
-      const o = this.modalStack[n];
-      this.cleanupModal(o), this.modalStack.splice(n, 1), this.recalculateZIndices();
+    const o = this.modalStack.findIndex((n) => n.id === t);
+    if (o !== -1) {
+      const n = this.modalStack[o];
+      this.cleanupModal(n), this.modalStack.splice(o, 1), this.recalculateZIndices();
     }
   }
   closeAll() {
@@ -896,24 +929,24 @@ class Cn {
   recalculateZIndices() {
   }
 }
-const se = new Cn(), bn = {
+const re = new Dn(), An = {
   install(e) {
-    e.config.globalProperties.$modal = se, e.config.globalProperties.$modalStack = {
-      closeAll: () => se.closeAll(),
-      getCount: () => se.getOpenModalsCount(),
-      closeById: (t) => se.closeById(t)
+    e.config.globalProperties.$modal = re, e.config.globalProperties.$modalStack = {
+      closeAll: () => re.closeAll(),
+      getCount: () => re.getOpenModalsCount(),
+      closeById: (t) => re.closeById(t)
     };
   }
-}, wn = { class: "vt-columns-selector-body" }, kn = { class: "vt-columns-selector" }, yn = { class: "vt-columns-selector__panel" }, xn = ["draggable", "onDragstart", "onDragover", "onDrop"], Sn = {
+}, On = { class: "vt-columns-selector-body" }, jn = { class: "vt-columns-selector" }, Nn = { class: "vt-columns-selector__panel" }, Zn = ["draggable", "onDragstart", "onDragover", "onDrop"], Fn = {
   key: 0,
   class: "vt-columns-selector__panel-item-pinned"
-}, $n = { class: "vt-columns-selector__available" }, Mn = ["onClick"], Ln = {
+}, Un = { class: "vt-columns-selector__available" }, qn = ["onClick"], Xn = {
   key: 0,
   class: "vt-columns-selector__group-columns"
-}, In = {
+}, Gn = {
   key: 0,
   class: "vt-columns-selector__pinned-note"
-}, Rn = { class: "vt-modal__content-button" }, Bn = /* @__PURE__ */ oe({
+}, Kn = { class: "vt-modal__content-button" }, Yn = /* @__PURE__ */ le({
   __name: "VTableColumnSelector",
   props: {
     columns: {},
@@ -921,189 +954,192 @@ const se = new Cn(), bn = {
   },
   emits: ["update-columns"],
   setup(e, { emit: t }) {
-    const n = e, o = t, l = P([]), s = P(/* @__PURE__ */ new Set()), i = P(-1), a = P(-1), r = P("before"), u = S(() => {
+    const o = e, n = t, s = D([]), l = D(/* @__PURE__ */ new Set()), r = D(-1), i = D(-1), a = D("before"), u = x(() => {
       const d = {};
-      return n.columnsSelector.forEach((g) => {
-        if (g.name === "removed")
+      return o.columnsSelector.forEach((v) => {
+        if (v.name === "removed")
           return;
-        const C = g.columns.map((I) => I.prop), w = l.value.filter((I) => C.includes(I.prop));
-        w.length === 0 ? d[g.name] = { checked: !1, indeterminate: !1 } : w.length === g.columns.length ? d[g.name] = { checked: !0, indeterminate: !1 } : d[g.name] = { checked: !1, indeterminate: !0 };
+        const g = v.columns.map((B) => B.prop), w = s.value.filter((B) => g.includes(B.prop));
+        w.length === 0 ? d[v.name] = { checked: !1, indeterminate: !1 } : w.length === v.columns.length ? d[v.name] = { checked: !0, indeterminate: !1 } : d[v.name] = { checked: !1, indeterminate: !0 };
       }), d;
-    }), c = S(() => n.columnsSelector.filter((d) => d.name !== "removed")), M = (d) => d.pinnedLeft || d.pinnedRight, $ = (d) => !M(d), H = () => {
-      const d = l.value;
-      let g = -1;
+    }), c = x(() => o.columnsSelector.filter((d) => d.name !== "removed")), k = (d) => d.pinnedLeft || d.pinnedRight, S = (d) => !k(d), F = () => {
+      const d = s.value;
+      let v = -1;
       for (let w = 0; w < d.length; w++)
-        d[w].pinnedLeft && (g = w);
-      let C = d.length;
+        d[w].pinnedLeft && (v = w);
+      let g = d.length;
       for (let w = 0; w < d.length; w++)
         if (d[w].pinnedRight) {
-          C = w;
+          g = w;
           break;
         }
       return {
-        minIndex: g + 1,
-        maxIndex: C - 1
+        minIndex: v + 1,
+        maxIndex: g - 1
       };
-    }, N = (d) => {
-      const g = H();
-      return !(d < g.minIndex || d > g.maxIndex + 1);
-    }, K = (d, g) => {
-      const C = l.value[g];
-      if (!$(C)) {
+    }, j = (d) => {
+      const v = F();
+      return !(d < v.minIndex || d > v.maxIndex + 1);
+    }, Q = (d, v) => {
+      const g = s.value[v];
+      if (!S(g)) {
         d.preventDefault();
         return;
       }
-      i.value = g, d.dataTransfer && (d.dataTransfer.effectAllowed = "move", d.dataTransfer.setData("text/plain", C.prop)), document.body.style.cursor = "grabbing";
-    }, Y = (d, g) => {
-      if (i.value === -1) return;
+      r.value = v, d.dataTransfer && (d.dataTransfer.effectAllowed = "move", d.dataTransfer.setData("text/plain", g.prop)), document.body.style.cursor = "grabbing";
+    }, U = (d, v) => {
+      if (r.value === -1) return;
       d.preventDefault();
-      const C = d.currentTarget.getBoundingClientRect(), w = d.clientY, I = C.top + C.height / 2;
-      let O = g, ee = "before";
-      w < I ? (O = g, ee = "before") : (O = g + 1, ee = "after"), i.value < O && O--, N(O) ? (a.value = g, r.value = ee, d.dataTransfer.dropEffect = "move") : (a.value = -1, d.dataTransfer.dropEffect = "none");
-    }, q = () => {
+      const g = d.currentTarget.getBoundingClientRect(), w = d.clientY, B = g.top + g.height / 2;
+      let I = v, ee = "before";
+      w < B ? (I = v, ee = "before") : (I = v + 1, ee = "after"), r.value < I && I--, j(I) ? (i.value = v, a.value = ee, d.dataTransfer.dropEffect = "move") : (i.value = -1, d.dataTransfer.dropEffect = "none");
+    }, N = () => {
       setTimeout(() => {
-        i.value === -1 && (a.value = -1);
+        r.value === -1 && (i.value = -1);
       }, 50);
-    }, L = (d, g) => {
-      if (d.preventDefault(), i.value === -1 || a.value === -1) {
-        x();
+    }, M = (d, v) => {
+      if (d.preventDefault(), r.value === -1 || i.value === -1) {
+        T();
         return;
       }
-      const C = d.currentTarget.getBoundingClientRect(), w = d.clientY, I = C.top + C.height / 2;
-      let O = g;
-      if (w >= I && (O = g + 1), i.value < O && O--, !N(O) || O === i.value) {
-        x();
+      const g = d.currentTarget.getBoundingClientRect(), w = d.clientY, B = g.top + g.height / 2;
+      let I = v;
+      if (w >= B && (I = v + 1), r.value < I && I--, !j(I) || I === r.value) {
+        T();
         return;
       }
-      const ee = [...l.value], [he] = ee.splice(i.value, 1);
-      ee.splice(O, 0, he), l.value = ee, x();
-    }, W = () => {
-      x();
-    }, x = () => {
-      i.value = -1, a.value = -1, r.value = "before", document.body.style.cursor = "";
-    }, Z = (d) => {
-      const g = ["vt-columns-selector__panel-item"];
-      return i.value === d && g.push("vt-columns-selector__panel-item--dragging"), a.value === d && r.value === "before" && g.push("vt-columns-selector__panel-item--drop-before"), a.value === d && r.value === "after" && g.push("vt-columns-selector__panel-item--drop-after"), g;
-    }, v = () => {
-      l.value = [...n.columns.map((d) => ({ ...d }))], n.columnsSelector.forEach((d) => {
-        d.name !== "removed" && s.value.add(d.name);
+      const ee = [...s.value], [Ce] = ee.splice(r.value, 1);
+      ee.splice(I, 0, Ce), s.value = ee, T();
+    }, V = () => {
+      T();
+    }, T = () => {
+      r.value = -1, i.value = -1, a.value = "before", document.body.style.cursor = "";
+    }, X = (d) => {
+      const v = ["vt-columns-selector__panel-item"];
+      return r.value === d && v.push("vt-columns-selector__panel-item--dragging"), i.value === d && a.value === "before" && v.push("vt-columns-selector__panel-item--drop-before"), i.value === d && a.value === "after" && v.push("vt-columns-selector__panel-item--drop-after"), v;
+    }, y = () => {
+      s.value = [...o.columns.map((d) => ({ ...d }))], o.columnsSelector.forEach((d) => {
+        d.name !== "removed" && l.value.add(d.name);
       });
-    }, T = (d, g) => {
-      if (g)
-        l.value.some((C) => C.prop === d.prop) || l.value.push({ ...d });
+    }, E = (d, v) => {
+      if (v)
+        s.value.some((g) => g.prop === d.prop) || s.value.push({ ...d });
       else {
-        if (M(d))
+        if (k(d))
           return;
-        l.value = l.value.filter((C) => C.prop !== d.prop);
+        s.value = s.value.filter((g) => g.prop !== d.prop);
       }
-    }, D = (d, g) => {
-      if (g)
-        d.columns.forEach((C) => {
-          l.value.some((w) => w.prop === C.prop) || l.value.push({ ...C });
+    }, $ = (d, v) => {
+      if (v)
+        d.columns.forEach((g) => {
+          s.value.some((w) => w.prop === g.prop) || s.value.push({ ...g });
         });
       else {
-        const C = [];
+        const g = [];
         d.columns.forEach((w) => {
-          const I = l.value.find((O) => O.prop === w.prop);
-          I && !M(I) && C.push(I);
-        }), l.value = l.value.filter(
-          (w) => !C.some((I) => I.prop === w.prop)
+          const B = s.value.find((I) => I.prop === w.prop);
+          B && !k(B) && g.push(B);
+        }), s.value = s.value.filter(
+          (w) => !g.some((B) => B.prop === w.prop)
         );
       }
-    }, k = (d) => l.value.some((g) => g.prop === d.prop), z = (d) => {
-      const g = l.value.find((C) => C.prop === d.prop);
-      return !g || !M(g);
-    }, B = (d) => {
-      s.value.has(d) ? s.value.delete(d) : s.value.add(d);
-    }, A = () => {
-      o("update-columns", [...l.value]), se.close();
-    }, F = () => {
-      se.close();
+    }, J = (d) => s.value.some((v) => v.prop === d.prop), m = (d) => {
+      const v = s.value.find((g) => g.prop === d.prop);
+      return !v || !k(v);
+    }, A = (d) => {
+      l.value.has(d) ? l.value.delete(d) : l.value.add(d);
+    }, z = () => {
+      n("update-columns", [...s.value]), re.close();
+    }, G = () => {
+      re.close();
     };
-    return me(() => {
-      v();
-    }), (d, g) => (p(), h("div", wn, [
-      f("div", kn, [
-        f("div", yn, [
-          (p(!0), h(te, null, ne(l.value, (C, w) => (p(), h("div", {
-            key: C.prop,
-            class: E(Z(w)),
-            draggable: $(C),
-            onDragstart: (I) => K(I, w),
-            onDragover: (I) => Y(I, w),
-            onDragleave: q,
-            onDrop: (I) => L(I, w),
-            onDragend: W
+    return fe(() => {
+      y();
+    }), (d, v) => (p(), f("div", On, [
+      _("div", jn, [
+        _("div", Nn, [
+          (p(!0), f(ne, null, oe(s.value, (g, w) => (p(), f("div", {
+            key: g.prop,
+            class: W(X(w)),
+            draggable: S(g),
+            onDragstart: (B) => Q(B, w),
+            onDragover: (B) => U(B, w),
+            onDragleave: N,
+            onDrop: (B) => M(B, w),
+            onDragend: V
           }, [
-            j(G, {
-              name: $(C) ? "columnsMove" : "freeze",
-              class: E(["vt-columns-selector__panel-item-icon", { "vt-columns-selector__panel-item-icon--draggable": $(C) }])
+            Z(Y, {
+              name: S(g) ? "columnsMove" : "freeze",
+              class: W(["vt-columns-selector__panel-item-icon", { "vt-columns-selector__panel-item-icon--draggable": S(g) }])
             }, null, 8, ["name", "class"]),
-            j(ae, {
-              label: C.label,
+            Z(de, {
+              label: g.label,
               checked: !0,
-              disabled: M(C),
-              onChange: (I) => T(C, I),
-              onClick: g[0] || (g[0] = ce(() => {
+              disabled: k(g),
+              onChange: (B) => E(g, B),
+              onClick: v[0] || (v[0] = he(() => {
               }, ["stop"]))
             }, null, 8, ["label", "disabled", "onChange"]),
-            M(C) ? (p(), h("span", Sn, "pinned")) : V("", !0)
-          ], 42, xn))), 128))
+            k(g) ? (p(), f("span", Fn, "pinned")) : H("", !0)
+          ], 42, Zn))), 128))
         ]),
-        f("div", $n, [
-          (p(!0), h(te, null, ne(c.value, (C) => (p(), h("div", {
-            key: C.name,
-            class: "vt-columns-selector__group"
-          }, [
-            f("div", {
-              class: "vt-columns-selector__group-header",
-              onClick: (w) => B(C.name)
+        _("div", Un, [
+          (p(!0), f(ne, null, oe(c.value, (g) => {
+            var w, B;
+            return p(), f("div", {
+              key: g.name,
+              class: "vt-columns-selector__group"
             }, [
-              j(ae, {
-                label: C.label,
-                checked: u.value[C.name]?.checked || !1,
-                indeterminate: u.value[C.name]?.indeterminate || !1,
-                onChange: (w) => D(C, w),
-                onClick: g[1] || (g[1] = ce(() => {
-                }, ["stop"]))
-              }, null, 8, ["label", "checked", "indeterminate", "onChange"]),
-              C.icon ? (p(), ie(G, {
-                key: 0,
-                name: C.icon,
-                class: "vt-columns-selector__group-icon"
-              }, null, 8, ["name"])) : V("", !0)
-            ], 8, Mn),
-            s.value.has(C.name) ? (p(), h("div", Ln, [
-              (p(!0), h(te, null, ne(C.columns, (w) => (p(), h("div", {
-                key: w.prop,
-                class: "vt-columns-selector__group-column"
+              _("div", {
+                class: "vt-columns-selector__group-header",
+                onClick: (I) => A(g.name)
               }, [
-                j(ae, {
-                  label: w.label,
-                  checked: k(w),
-                  disabled: !z(w),
-                  onChange: (I) => T(w, I)
-                }, null, 8, ["label", "checked", "disabled", "onChange"]),
-                z(w) ? V("", !0) : (p(), h("span", In, " (закріплена) "))
-              ]))), 128))
-            ])) : V("", !0)
-          ]))), 128))
+                Z(de, {
+                  label: g.label,
+                  checked: ((w = u.value[g.name]) == null ? void 0 : w.checked) || !1,
+                  indeterminate: ((B = u.value[g.name]) == null ? void 0 : B.indeterminate) || !1,
+                  onChange: (I) => $(g, I),
+                  onClick: v[1] || (v[1] = he(() => {
+                  }, ["stop"]))
+                }, null, 8, ["label", "checked", "indeterminate", "onChange"]),
+                g.icon ? (p(), ce(Y, {
+                  key: 0,
+                  name: g.icon,
+                  class: "vt-columns-selector__group-icon"
+                }, null, 8, ["name"])) : H("", !0)
+              ], 8, qn),
+              l.value.has(g.name) ? (p(), f("div", Xn, [
+                (p(!0), f(ne, null, oe(g.columns, (I) => (p(), f("div", {
+                  key: I.prop,
+                  class: "vt-columns-selector__group-column"
+                }, [
+                  Z(de, {
+                    label: I.label,
+                    checked: J(I),
+                    disabled: !m(I),
+                    onChange: (ee) => E(I, ee)
+                  }, null, 8, ["label", "checked", "disabled", "onChange"]),
+                  m(I) ? H("", !0) : (p(), f("span", Gn, " (закріплена) "))
+                ]))), 128))
+              ])) : H("", !0)
+            ]);
+          }), 128))
         ])
       ]),
-      f("div", Rn, [
-        j(pe, { onClick: F }, {
-          default: ge(() => g[2] || (g[2] = [
-            de("Скасувати", -1)
+      _("div", Kn, [
+        Z(ge, { onClick: G }, {
+          default: xe(() => v[2] || (v[2] = [
+            _e("Скасувати", -1)
           ])),
           _: 1,
           __: [2]
         }),
-        j(pe, {
+        Z(ge, {
           type: "primary",
-          onClick: A
+          onClick: z
         }, {
-          default: ge(() => g[3] || (g[3] = [
-            de("Зберегти", -1)
+          default: xe(() => v[3] || (v[3] = [
+            _e("Зберегти", -1)
           ])),
           _: 1,
           __: [3]
@@ -1111,7 +1147,7 @@ const se = new Cn(), bn = {
       ])
     ]));
   }
-}), Tn = /* @__PURE__ */ oe({
+}), Jn = /* @__PURE__ */ le({
   __name: "ColumnActions",
   props: {
     column: {},
@@ -1120,103 +1156,109 @@ const se = new Cn(), bn = {
   },
   emits: ["pin", "update-columns"],
   setup(e, { emit: t }) {
-    const n = e, o = t, l = P(), s = P(), i = P(), a = P(!1), r = P(!1), u = P([]), c = async () => {
-      if (await Ue(), !l.value || !s.value) return;
-      const v = s.value.getBoundingClientRect(), T = l.value, D = T.offsetWidth, k = v.left + v.width / 2;
-      T.style.top = `${v.bottom - 20}px`, T.style.left = `${k - D / 2}px`;
-      const z = T.getBoundingClientRect();
-      z.right > window.innerWidth && (T.style.left = `${window.innerWidth - D - 8}px`), z.left < 0 && (T.style.left = "8px");
-    }, M = (v) => {
-      v.stopPropagation(), !r.value && (a.value ? H() : $());
-    }, $ = () => {
-      r.value || (a.value = !0, c(), i.value && (i.value.style.zIndex = "22"));
-    }, H = () => {
-      r.value = !0, a.value = !1, i.value && i.value.style.removeProperty("z-index"), setTimeout(() => {
-        r.value = !1;
+    const o = e, n = t, s = D(), l = D(), r = D(), i = D(!1), a = D(!1), u = D([]), c = async () => {
+      if (await at(), !s.value || !l.value) return;
+      const y = l.value.getBoundingClientRect(), E = s.value, $ = E.offsetWidth, J = y.left + y.width / 2;
+      E.style.top = `${y.bottom - 20}px`, E.style.left = `${J - $ / 2}px`;
+      const m = E.getBoundingClientRect();
+      m.right > window.innerWidth && (E.style.left = `${window.innerWidth - $ - 8}px`), m.left < 0 && (E.style.left = "8px");
+    }, k = (y) => {
+      y.stopPropagation(), !a.value && (i.value ? F() : S());
+    }, S = () => {
+      a.value || (i.value = !0, c(), r.value && (r.value.style.zIndex = "22"));
+    }, F = () => {
+      a.value = !0, i.value = !1, r.value && r.value.style.removeProperty("z-index"), setTimeout(() => {
+        a.value = !1;
       }, 100);
-    }, N = (v) => {
-      !s.value?.contains(v.target) && !l.value?.contains(v.target) && H();
-    }, K = () => {
-      Z() ? (o("pin", n.column, "none"), console.log(`Колонка "${n.column.label}" відкріплена`)) : (o("pin", n.column, "left"), console.log(`Колонка "${n.column.label}" прикріплена зліва`)), H();
-    }, Y = (v) => ({
+    }, j = (y) => {
+      var E, $;
+      !((E = l.value) != null && E.contains(y.target)) && !(($ = s.value) != null && $.contains(y.target)) && F();
+    }, Q = () => {
+      X() ? (n("pin", o.column, "none"), console.log(`Колонка "${o.column.label}" відкріплена`)) : (n("pin", o.column, "left"), console.log(`Колонка "${o.column.label}" прикріплена зліва`)), F();
+    }, U = (y) => ({
       name: "removed",
       label: "Видалені колонки",
       order: 999,
       // Найвищий порядок, щоб відображались останніми
-      columns: v
-    }), q = (v) => {
-      const T = new Set(v.map((B) => B.prop)), D = /* @__PURE__ */ new Set();
-      n.columnsSelector?.forEach((B) => {
-        B.columns.forEach((A) => D.add(A.prop));
-      }), n.allColumns.forEach((B) => D.add(B.prop));
-      const k = [];
-      D.forEach((B) => {
-        if (!T.has(B)) {
-          let A;
-          n.columnsSelector?.forEach((F) => {
-            const d = F.columns.find((g) => g.prop === B);
-            d && (A = d);
-          }), A || (A = n.allColumns.find((F) => F.prop === B)), A && k.push(A);
+      columns: y
+    }), N = (y) => {
+      var A;
+      const E = new Set(y.map((z) => z.prop)), $ = /* @__PURE__ */ new Set();
+      (A = o.columnsSelector) == null || A.forEach((z) => {
+        z.columns.forEach((G) => $.add(G.prop));
+      }), o.allColumns.forEach((z) => $.add(z.prop));
+      const J = [];
+      $.forEach((z) => {
+        var G;
+        if (!E.has(z)) {
+          let d;
+          (G = o.columnsSelector) == null || G.forEach((v) => {
+            const g = v.columns.find((w) => w.prop === z);
+            g && (d = g);
+          }), d || (d = o.allColumns.find((v) => v.prop === z)), d && J.push(d);
         }
       });
-      const z = [...n.columnsSelector || []];
-      k.length > 0 && z.push(Y(k)), u.value = z;
-    }, L = () => {
-      q(n.allColumns), se.open({
-        component: Bn,
+      const m = [...o.columnsSelector || []];
+      J.length > 0 && m.push(U(J)), u.value = m;
+    }, M = () => {
+      N(o.allColumns), re.open({
+        component: Yn,
         title: "Управління колонками таблиці",
         props: {
-          columns: n.allColumns,
+          columns: o.allColumns,
           // Передаємо всі колонки
           columnsSelector: u.value,
           // Передаємо оновлені доступні колонки
-          "onUpdate-columns": (v) => {
-            console.log("ColumnActions отримав оновлені колонки:", v), o("update-columns", v), q(v);
+          "onUpdate-columns": (y) => {
+            console.log("ColumnActions отримав оновлені колонки:", y), n("update-columns", y), N(y);
           }
         },
         size: "large",
         closeOnBackdropClick: !1
-      }), H();
-    }, W = () => n.column.pinnedLeft, x = () => n.column.pinnedRight, Z = () => W() || x();
-    return me(() => {
-      document.addEventListener("click", N), s.value && (i.value = s.value.closest("th")), q(n.allColumns);
-    }), Te(() => {
-      document.removeEventListener("click", N);
-    }), (v, T) => (p(), h("div", {
+      }), F();
+    }, V = () => o.column.pinnedLeft, T = () => o.column.pinnedRight, X = () => V() || T();
+    return fe(() => {
+      document.addEventListener("click", j), l.value && (r.value = l.value.closest("th")), N(o.allColumns);
+    }), $e(() => {
+      document.removeEventListener("click", j);
+    }), (y, E) => (p(), f("div", {
       ref_key: "triggerRef",
-      ref: s,
+      ref: l,
       class: "vt-table-header-actions",
-      onClick: M
+      onClick: k
     }, [
-      j(G, { name: "listBullet" }),
-      a.value ? (p(), h("ul", {
+      Z(Y, { name: "listBullet" }),
+      i.value ? (p(), f("ul", {
         key: 0,
         ref_key: "menuRef",
-        ref: l,
-        class: E(["dropdown-menu", "vt-table-dropdown", { visible: a.value }])
+        ref: s,
+        class: W(["dropdown-menu", "vt-table-dropdown", { visible: i.value }])
       }, [
-        f("li", { onClick: K }, [
-          j(G, {
-            name: Z() ? "unfreeze" : "freeze"
+        _("li", { onClick: Q }, [
+          Z(Y, {
+            name: X() ? "unfreeze" : "freeze"
           }, null, 8, ["name"]),
-          f("span", null, Q(Z() ? "Розморозити" : "Заморозити"), 1)
+          _("span", null, te(X() ? "Розморозити" : "Заморозити"), 1)
         ]),
-        f("li", { onClick: L }, [
-          j(G, { name: "columnInsert" }),
-          T[0] || (T[0] = f("span", null, "Колонки", -1))
+        _("li", { onClick: M }, [
+          Z(Y, { name: "columnInsert" }),
+          E[0] || (E[0] = _("span", null, "Колонки", -1))
         ])
-      ], 2)) : V("", !0)
+      ], 2)) : H("", !0)
     ], 512));
   }
-}), zn = { class: "vt-table" }, En = { class: "vt-th__content" }, Wn = { class: "vt-th__content" }, Vn = { class: "vt-th__label" }, Dn = {
+}), Qn = { class: "vt-table" }, eo = { class: "vt-th__content" }, to = { class: "vt-th__content" }, no = { class: "vt-th__label" }, oo = {
   key: 0,
   class: "vt-th__sortable"
-}, Pn = ["data-resizer", "onMousedown"], Hn = ["onClick"], An = { class: "vt-table__cell-content" }, On = { class: "vt-table__cell-content vt-table__cell-content--ellipsis" }, jn = { key: 1 }, Nn = ["data-resizer", "onMousedown"], Zn = {
+}, lo = ["data-resizer", "onMousedown"], so = {
+  key: 0,
+  class: "vt-table__empty-row"
+}, io = ["colspan"], ao = { class: "vt-table__empty-content" }, ro = ["onClick"], co = { class: "vt-table__cell-content" }, uo = { class: "vt-table__cell-content vt-table__cell-content--ellipsis" }, po = { key: 1 }, mo = ["data-resizer", "onMousedown"], ho = {
   key: 0,
   class: "vt-table__summary"
-}, Fn = { class: "vt-table__cell-content vt-table__cell-content--summary" }, _e = 50, Un = /* @__PURE__ */ oe({
+}, vo = { class: "vt-table__cell-content vt-table__cell-content--summary" }, ye = 50, fo = /* @__PURE__ */ le({
   __name: "VTable",
-  props: /* @__PURE__ */ we({
+  props: /* @__PURE__ */ Te({
     data: {},
     maxHeight: {},
     defaultSort: {},
@@ -1234,306 +1276,347 @@ const se = new Cn(), bn = {
     columns: { required: !1 },
     columnsModifiers: {}
   }),
-  emits: /* @__PURE__ */ we(["sort-change", "selection-change", "current-change", "row-click", "update:columns", "column-pin", "column-resize", "column-visibility", "column-sort", "columns-change"], ["update:columns"]),
-  setup(e, { expose: t, emit: n }) {
-    const o = e, l = qe(e, "columns"), s = n, i = P({}), a = P(), r = Xe([]), u = P(o.defaultSort || null), c = S(() => l.value !== void 0), M = () => {
-      c.value && l.value ? r.splice(0, r.length, ...l.value) : o.columns && r.splice(0, r.length, ...o.columns);
+  emits: /* @__PURE__ */ Te(["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(e, { expose: t, emit: o }) {
+    const n = e, s = rt(e, "columns"), l = o, r = D({}), i = D(), a = ct([]), u = D(n.defaultSort || null), c = x(() => s.value !== void 0), k = x(() => n.data && n.data.length > 0), S = D(!1), F = D(0);
+    let j = null;
+    const Q = () => {
+      c.value && s.value ? a.splice(0, a.length, ...s.value) : n.columns && a.splice(0, a.length, ...n.columns);
     };
-    ue(
-      () => l.value,
-      (m) => {
-        m && c.value && r.splice(0, r.length, ...m);
+    ve(
+      () => s.value,
+      (h) => {
+        h && c.value && a.splice(0, a.length, ...h);
       },
       { deep: !0 }
-    ), ue(
-      () => o.columns,
-      (m) => {
-        m && !c.value && r.splice(0, r.length, ...m);
+    ), ve(
+      () => n.columns,
+      (h) => {
+        h && !c.value && a.splice(0, a.length, ...h);
       },
       { deep: !0 }
-    ), Ge("vt-table-columns", r);
-    const { sortedColumns: $, getDefaultColumnWidth: H, getStickyOffset: N } = pn(r), { getTableWrapperStyle: K, getColumnStyle: Y, getHeaderStyle: q, getFooterStyle: L } = mn(o), { onMouseDown: W } = hn(), x = S(() => gn(o.data, u.value, r)), Z = S(() => o.allData || o.data), v = o.selectable ? vn(o, x, s, Z) : null, T = () => ({
-      width: `${_e}px`,
-      minWidth: `${_e}px`,
-      maxWidth: `${_e}px`,
+    ), ut("vt-table-columns", a);
+    const { sortedColumns: U, getDefaultColumnWidth: N, getStickyOffset: M } = Rn(a), { getTableWrapperStyle: V, getColumnStyle: T, getHeaderStyle: X, getFooterStyle: y } = Tn(n), { onMouseDown: E } = zn(), $ = x(() => Pn(n.data, u.value, a)), J = x(() => n.allData || n.data), m = n.selectable ? Wn(n, $, l, J) : null, A = () => ({
+      width: `${ye}px`,
+      minWidth: `${ye}px`,
+      maxWidth: `${ye}px`,
       left: "0px",
       position: "sticky",
       zIndex: 10
-    }), D = () => {
-      const m = T();
-      return o.maxHeight ? {
-        ...m,
+    }), z = () => {
+      const h = A();
+      return n.maxHeight ? {
+        ...h,
         top: "0px",
         zIndex: 11
         // Вищий z-index для header
-      } : m;
-    }, k = () => {
-      const m = T();
-      return o.maxHeight ? {
-        ...m,
+      } : h;
+    }, G = () => {
+      const h = A();
+      return n.maxHeight ? {
+        ...h,
         bottom: "0px",
         zIndex: 11
         // Вищий z-index для footer
-      } : m;
-    }, z = (m, b) => {
-      _n(m, b, (R) => {
-        u.value?.prop === m.prop && u.value.direction === b ? u.value = null : u.value = R, s("sort-change", {
-          column: m,
-          direction: u.value?.direction || null,
-          prop: m.prop,
-          sortedData: x.value
+      } : h;
+    }, d = () => {
+      if (!i.value || S.value) return;
+      const h = i.value, C = h.scrollTop, L = h.scrollHeight, R = h.clientHeight, P = 30;
+      j && clearTimeout(j), j = setTimeout(() => {
+        const ue = C - F.value, pe = ue > 1, b = L - C - R <= P, se = L - C - R <= 5;
+        console.log("Scroll debug:", {
+          scrollDiff: ue,
+          isScrollingDown: pe,
+          isNearBottom: b,
+          isAtBottom: se,
+          scrollTop: C,
+          lastScrollTop: F.value,
+          remaining: L - C - R
+        }), F.value = C, pe && (b || se) && (S.value = !0, l("infinity-scroll"), setTimeout(() => {
+          S.value = !1;
+        }, 1e3));
+      }, 50);
+    }, v = () => {
+      S.value = !1;
+    };
+    fe(() => {
+      i.value && i.value.addEventListener("scroll", d);
+    }), $e(() => {
+      j && clearTimeout(j), i.value && i.value.removeEventListener("scroll", d);
+    });
+    const g = (h, C) => {
+      Hn(h, C, (L) => {
+        var R, P;
+        ((R = u.value) == null ? void 0 : R.prop) === h.prop && u.value.direction === C ? u.value = null : u.value = L, l("sort-change", {
+          column: h,
+          direction: ((P = u.value) == null ? void 0 : P.direction) || null,
+          prop: h.prop,
+          sortedData: $.value
         });
       });
-    }, B = (m, b) => {
-      console.log(`Колонка "${m.label}" закріплення: ${b}`);
-      const R = {
-        pinnedLeft: b === "left",
-        pinnedRight: b === "right"
+    }, w = (h, C) => {
+      const L = {
+        pinnedLeft: C === "left",
+        pinnedRight: C === "right"
       };
-      F(m.prop, R), s("column-pin", { column: { ...m, ...R }, position: b });
-    }, A = (m) => {
-      console.log("handleColumnsUpdate викликано з колонками:", m), r.splice(0, r.length, ...m), c.value && (l.value = [...m]), s("columns-change", [...m]);
-    }, F = (m, b) => {
-      console.log("updateColumn викликано:", { prop: m, updates: b, hasColumnsModel: c.value });
-      const R = r.findIndex((_) => _.prop === m);
-      if (R !== -1) {
-        if (console.log("Оновлюємо internalColumns:", R, b), Object.assign(r[R], b), c.value && l.value) {
-          const _ = l.value.findIndex((y) => y.prop === m);
-          if (_ !== -1) {
-            const y = [...l.value];
-            y[_] = { ...y[_], ...b }, console.log("Оновлюємо через defineModel:", y), l.value = y;
+      I(h.prop, L), l("column-pin", { column: { ...h, ...L }, position: C });
+    }, B = (h) => {
+      a.splice(0, a.length, ...h), c.value && (s.value = [...h]), l("columns-change", [...h]);
+    }, I = (h, C) => {
+      const L = a.findIndex((R) => R.prop === h);
+      if (L !== -1) {
+        if (Object.assign(a[L], C), c.value && s.value) {
+          const R = s.value.findIndex((P) => P.prop === h);
+          if (R !== -1) {
+            const P = [...s.value];
+            P[R] = { ...P[R], ...C }, s.value = P;
           }
         }
-        s("columns-change", [...r]);
+        l("columns-change", [...a]);
       } else
         console.error(
           "Колонку не знайдено:",
-          m,
+          h,
           "Доступні колонки:",
-          r.map((_) => _.prop)
+          a.map((R) => R.prop)
         );
-    }, d = (m, b, R) => {
-      s("row-click", { row: m, column: b, event: R }), o.highlightCurrentRow && v && v.setCurrentRow(m);
-    }, g = (m, b, R) => {
-      R.stopPropagation(), v && v.toggleRowSelection(b, m);
-    }, C = (m, b) => {
-      b.stopPropagation(), v && v.toggleAllSelection(), m === void 0 && console.log(m);
-    }, w = (m, b) => {
-      m && (i.value[b] = m);
-    }, I = (m, b) => {
-      const R = b.width || H();
-      console.log(R), W(m, b, H, (_) => {
-        console.log(_), F(b.prop, { width: _ }), s("column-resize", {
-          column: { ...b, width: _ },
-          width: _,
-          oldWidth: R
+    }, ee = (h, C, L) => {
+      l("row-click", { row: h, column: C, event: L }), n.highlightCurrentRow && m && m.setCurrentRow(h);
+    }, Ce = (h, C, L) => {
+      L.stopPropagation(), m && m.toggleRowSelection(C, h);
+    }, Fe = (h, C) => {
+      C.stopPropagation(), m && m.toggleAllSelection();
+    }, Le = (h, C) => {
+      h && (r.value[C] = h);
+    }, Ie = (h, C) => {
+      const L = C.width || N();
+      E(h, C, N, (R) => {
+        I(C.prop, { width: R }), l("column-resize", {
+          column: { ...C, width: R },
+          width: R,
+          oldWidth: L
         });
       });
-    }, O = (m, b) => Y(m, b, N, H), ee = (m, b) => q(m, b, N, H), he = (m, b) => L(m, b, N, H), We = (m, b) => {
-      if (!b || !b.prop) return "";
-      const R = m[b.prop];
-      return R == null ? "" : String(R);
-    }, Ve = S(() => {
-      if (!o.showSummary) return {};
-      const m = r;
-      if (typeof o.summaryMethod == "function") {
-        const b = o.summaryMethod({ columns: m, data: x.value });
-        return m.reduce(
-          (R, _, y) => (R[_.prop] = b[y], R),
+    }, Ue = (h, C) => T(h, C, M, N), qe = (h, C) => X(h, C, M, N), Xe = (h, C) => y(h, C, M, N), Ge = (h, C) => {
+      if (!C || !C.prop) return "";
+      const L = h[C.prop];
+      return L == null ? "" : String(L);
+    }, Ke = x(() => {
+      if (!n.showSummary || !k.value) return {};
+      const h = a;
+      if (typeof n.summaryMethod == "function") {
+        const C = n.summaryMethod({ columns: h, data: $.value });
+        return h.reduce(
+          (L, R, P) => (L[R.prop] = C[P], L),
           {}
         );
       }
-      return m.reduce(
-        (b, R) => {
-          const _ = x.value.map((y) => y[R.prop]);
-          return b[R.prop] = _.every((y) => typeof y == "number") ? _.reduce((y, J) => y + J, 0) : "", b;
+      return h.reduce(
+        (C, L) => {
+          const R = $.value.map((P) => P[L.prop]);
+          return C[L.prop] = R.every((P) => typeof P == "number") ? R.reduce((P, ue) => P + ue, 0) : "", C;
         },
         {}
       );
-    }), De = (m, b) => {
-      v && v.toggleRowSelection(m, b);
-    }, Pe = () => {
-      v && v.toggleAllSelection();
-    }, He = () => {
-      v && v.selectAbsolutelyAll();
-    }, Ae = () => {
-      v && v.clearSelection();
-    }, Oe = () => v ? v.getSelectionRows() : [], je = (m) => {
-      v && v.setSelectionRows(m);
+    }), Ye = x(() => n.showSummary && k.value), Je = (h, C) => {
+      m && m.toggleRowSelection(h, C);
+    }, Qe = () => {
+      m && m.toggleAllSelection();
+    }, et = () => {
+      m && m.selectAbsolutelyAll();
+    }, tt = () => {
+      m && m.clearSelection();
+    }, nt = () => m ? m.getSelectionRows() : [], ot = (h) => {
+      m && m.setSelectionRows(h);
     };
-    return me(() => {
-      M();
+    return fe(() => {
+      Q();
     }), t({
-      toggleRowSelection: De,
-      toggleAllSelection: Pe,
-      selectAbsolutelyAll: He,
-      clearSelection: Ae,
-      getSelectionRows: Oe,
-      setSelectionRows: je
-    }), (m, b) => {
-      const R = Be("tooltip");
-      return p(), h("div", {
+      toggleRowSelection: Je,
+      toggleAllSelection: Qe,
+      selectAbsolutelyAll: et,
+      clearSelection: tt,
+      getSelectionRows: nt,
+      setSelectionRows: ot,
+      resetInfinityScroll: v
+      // Додаємо метод для скидання infinity scroll
+    }), (h, C) => {
+      var R, P, ue, pe;
+      const L = je("tooltip");
+      return p(), f("div", {
         ref_key: "tableWrapperRef",
-        ref: a,
+        ref: i,
         class: "vt-table-wrapper",
-        style: le(U(K)())
+        style: ae(q(V)()),
+        onScroll: d
       }, [
-        re(m.$slots, "default"),
-        f("table", zn, [
-          f("thead", null, [
-            f("tr", null, [
-              o.selectable ? (p(), h("th", {
+        me(h.$slots, "default"),
+        _("table", Qn, [
+          _("thead", null, [
+            _("tr", null, [
+              n.selectable ? (p(), f("th", {
                 key: 0,
-                class: E(["vt-table__th vt-table__th--selection", {
-                  "vt-table__th--sticky": o.maxHeight,
+                class: W(["vt-table__th vt-table__th--selection", {
+                  "vt-table__th--sticky": n.maxHeight,
                   "vt-table__th--pinned-left": !0
                 }]),
-                style: le(D())
+                style: ae(z())
               }, [
-                f("div", En, [
-                  j(ae, {
-                    checked: U(v)?.isAllSelected.value,
-                    indeterminate: U(v)?.isIndeterminate.value,
-                    "is-double": U(v)?.isDoubleCheck?.value,
-                    onChange: C
+                _("div", eo, [
+                  Z(de, {
+                    checked: (R = q(m)) == null ? void 0 : R.isAllSelected.value,
+                    indeterminate: (P = q(m)) == null ? void 0 : P.isIndeterminate.value,
+                    "is-double": (pe = (ue = q(m)) == null ? void 0 : ue.isDoubleCheck) == null ? void 0 : pe.value,
+                    onChange: Fe
                   }, null, 8, ["checked", "indeterminate", "is-double"])
                 ])
-              ], 6)) : V("", !0),
-              (p(!0), h(te, null, ne(U($), (_, y) => (p(), h("th", {
-                key: _.prop,
+              ], 6)) : H("", !0),
+              (p(!0), f(ne, null, oe(q(U), (b, se) => (p(), f("th", {
+                key: b.prop,
                 ref_for: !0,
-                ref: (J) => w(J, _.prop),
-                style: le(ee(_, y)),
-                class: E([
+                ref: (ie) => Le(ie, b.prop),
+                style: ae(qe(b, se)),
+                class: W([
                   "vt-table__th",
                   {
-                    "vt-table__th--sticky": o.maxHeight,
-                    "vt-table__th--pinned-left": _.pinnedLeft,
-                    "vt-table__th--pinned-right": _.pinnedRight,
-                    "vt-table__th--sortable": _.sortable
+                    "vt-table__th--sticky": n.maxHeight,
+                    "vt-table__th--pinned-left": b.pinnedLeft,
+                    "vt-table__th--pinned-right": b.pinnedRight,
+                    "vt-table__th--sortable": b.sortable
                   }
                 ])
               }, [
-                f("div", Wn, [
-                  f("div", Vn, Q(_.label), 1),
-                  _.sortable ? (p(), h("div", Dn, [
-                    j(G, {
+                _("div", to, [
+                  _("div", no, te(b.label), 1),
+                  b.sortable ? (p(), f("div", oo, [
+                    Z(Y, {
                       name: "arrowTop",
-                      class: E(U(ye)(_, u.value).asc),
-                      onClick: ce((J) => z(_, "asc"), ["stop"])
+                      class: W(q(Ee)(b, u.value).asc),
+                      onClick: he((ie) => g(b, "asc"), ["stop"])
                     }, null, 8, ["class", "onClick"]),
-                    j(G, {
+                    Z(Y, {
                       name: "arrowDown",
-                      class: E(U(ye)(_, u.value).desc),
-                      onClick: ce((J) => z(_, "desc"), ["stop"])
+                      class: W(q(Ee)(b, u.value).desc),
+                      onClick: he((ie) => g(b, "desc"), ["stop"])
                     }, null, 8, ["class", "onClick"])
-                  ])) : V("", !0),
-                  _.actionColumn ? (p(), ie(Tn, {
+                  ])) : H("", !0),
+                  b.actionColumn ? (p(), ce(Jn, {
                     key: 1,
-                    column: _,
-                    "all-columns": U($),
-                    columnsSelector: o.columnsSelector,
-                    onPin: B,
-                    onUpdateColumns: A
-                  }, null, 8, ["column", "all-columns", "columnsSelector"])) : V("", !0)
+                    column: b,
+                    "all-columns": q(U),
+                    columnsSelector: n.columnsSelector,
+                    onPin: w,
+                    onUpdateColumns: B
+                  }, null, 8, ["column", "all-columns", "columnsSelector"])) : H("", !0)
                 ]),
-                f("div", {
+                _("div", {
                   class: "vt-table__resizer",
-                  "data-resizer": _.prop,
-                  onMousedown: (J) => I(J, _)
-                }, null, 40, Pn)
+                  "data-resizer": b.prop,
+                  onMousedown: (ie) => Ie(ie, b)
+                }, null, 40, lo)
               ], 6))), 128))
             ])
           ]),
-          f("tbody", null, [
-            (p(!0), h(te, null, ne(x.value, (_) => (p(), h("tr", {
-              key: _.id,
-              class: E([
-                "vt-table__row",
-                {
-                  "vt-table__row--selected": U(v)?.isRowSelected(_),
-                  "vt-table__row--current": U(v)?.currentRow.value === _,
-                  "vt-table__row--clickable": o.selectOnClickRow || o.highlightCurrentRow
-                }
-              ]),
-              onClick: (y) => d(_, U($)[0], y)
-            }, [
-              o.selectable ? (p(), h("td", {
-                key: 0,
-                class: E(["vt-table__td vt-table__td--selection", {
-                  "vt-table__td--pinned-left": !0
-                }]),
-                style: le(T())
-              }, [
-                f("div", An, [
-                  j(ae, {
-                    checked: U(v)?.isRowSelected(_),
-                    onChange: (y, J) => g(y, _, J)
-                  }, null, 8, ["checked", "onChange"])
-                ])
-              ], 4)) : V("", !0),
-              (p(!0), h(te, null, ne(U($), (y, J) => (p(), h("td", {
-                key: y.prop,
-                ref_for: !0,
-                ref: (ve) => w(ve, y.prop),
-                style: le(O(y, J)),
-                class: E([
-                  "vt-table__td",
+          _("tbody", null, [
+            k.value ? (p(!0), f(ne, { key: 1 }, oe($.value, (b, se) => {
+              var ie, Be, Re;
+              return p(), f("tr", {
+                key: b.id,
+                class: W([
+                  "vt-table__row",
                   {
-                    "vt-table__td--pinned-left": y.pinnedLeft,
-                    "vt-table__td--pinned-right": y.pinnedRight
+                    "vt-table__row--selected": (ie = q(m)) == null ? void 0 : ie.isRowSelected(b),
+                    "vt-table__row--current": ((Be = q(m)) == null ? void 0 : Be.currentRow.value) === b,
+                    "vt-table__row--clickable": n.selectOnClickRow || n.highlightCurrentRow
                   }
-                ])
-              }, [
-                be((p(), h("div", On, [
-                  y.renderSlot ? (p(), ie(Ie(y.renderSlot), {
-                    key: 0,
-                    row: _,
-                    column: y,
-                    value: _[y.prop]
-                  }, null, 8, ["row", "column", "value"])) : (p(), h("span", jn, Q(_[y.prop]), 1))
-                ])), [
-                  [R, y.showOverflowTooltip ? We(_, y) : null]
                 ]),
-                f("div", {
-                  class: "vt-table__resizer",
-                  "data-resizer": y.prop,
-                  onMousedown: (ve) => I(ve, y)
-                }, null, 40, Nn)
-              ], 6))), 128))
-            ], 10, Hn))), 128))
+                onClick: (O) => ee(b, q(U)[0], O)
+              }, [
+                n.selectable ? (p(), f("td", {
+                  key: 0,
+                  class: W(["vt-table__td vt-table__td--selection", {
+                    "vt-table__td--pinned-left": !0
+                  }]),
+                  style: ae(A())
+                }, [
+                  _("div", co, [
+                    Z(de, {
+                      checked: (Re = q(m)) == null ? void 0 : Re.isRowSelected(b),
+                      onChange: (O, be) => Ce(O, b, be)
+                    }, null, 8, ["checked", "onChange"])
+                  ])
+                ], 4)) : H("", !0),
+                (p(!0), f(ne, null, oe(q(U), (O, be) => (p(), f("td", {
+                  key: O.prop,
+                  ref_for: !0,
+                  ref: (we) => Le(we, O.prop),
+                  style: ae(Ue(O, be)),
+                  class: W([
+                    "vt-table__td",
+                    {
+                      "vt-table__td--pinned-left": O.pinnedLeft,
+                      "vt-table__td--pinned-right": O.pinnedRight
+                    }
+                  ])
+                }, [
+                  Me((p(), f("div", uo, [
+                    O.renderSlot ? (p(), ce(Ae(() => q(En)(O.renderSlot, { row: b, column: O, value: b[O.prop], index: se })), { key: 0 })) : (p(), f("span", po, te(b[O.prop]), 1))
+                  ])), [
+                    [L, O.showOverflowTooltip ? Ge(b, O) : null]
+                  ]),
+                  _("div", {
+                    class: "vt-table__resizer",
+                    "data-resizer": O.prop,
+                    onMousedown: (we) => Ie(we, O)
+                  }, null, 40, mo)
+                ], 6))), 128))
+              ], 10, ro);
+            }), 128)) : (p(), f("tr", so, [
+              _("td", {
+                colspan: q(U).length + (n.selectable ? 1 : 0),
+                class: "vt-table__empty-cell"
+              }, [
+                _("div", ao, [
+                  Z(Y, {
+                    name: "empty",
+                    class: "vt-table__empty-icon"
+                  }),
+                  C[0] || (C[0] = _("span", { class: "vt-table__empty-text" }, "Немає даних!", -1))
+                ])
+              ], 8, io)
+            ]))
           ]),
-          o.showSummary ? (p(), h("tfoot", Zn, [
-            f("tr", null, [
-              o.selectable ? (p(), h("td", {
+          Ye.value ? (p(), f("tfoot", ho, [
+            _("tr", null, [
+              n.selectable ? (p(), f("td", {
                 key: 0,
-                class: E(["vt-table__td", {
+                class: W(["vt-table__td", {
                   "vt-table__td--pinned-left": !0
                 }]),
-                style: le(k())
-              }, b[0] || (b[0] = [
-                f("div", { class: "vt-table__cell-content vt-table__cell-content--summary" }, null, -1)
-              ]), 4)) : V("", !0),
-              (p(!0), h(te, null, ne(U($), (_, y) => (p(), h("td", {
-                key: _.prop,
-                style: le(he(_, y)),
-                class: E([
+                style: ae(G())
+              }, C[1] || (C[1] = [
+                _("div", { class: "vt-table__cell-content vt-table__cell-content--summary" }, null, -1)
+              ]), 4)) : H("", !0),
+              (p(!0), f(ne, null, oe(q(U), (b, se) => (p(), f("td", {
+                key: b.prop,
+                style: ae(Xe(b, se)),
+                class: W([
                   "vt-table__td",
                   {
-                    "vt-table__td--pinned-left": _.pinnedLeft,
-                    "vt-table__td--pinned-right": _.pinnedRight
+                    "vt-table__td--pinned-left": b.pinnedLeft,
+                    "vt-table__td--pinned-right": b.pinnedRight
                   }
                 ])
               }, [
-                f("div", Fn, Q(Ve.value[_.prop]), 1)
+                _("div", vo, te(Ke.value[b.prop]), 1)
               ], 6))), 128))
             ])
-          ])) : V("", !0)
+          ])) : H("", !0)
         ])
-      ], 4);
+      ], 36);
     };
   }
-}), qn = /* @__PURE__ */ oe({
+}), _o = /* @__PURE__ */ le({
   __name: "VTableColumn",
   props: {
     prop: {},
@@ -1551,11 +1634,11 @@ const se = new Cn(), bn = {
     sortMethod: {}
   },
   setup(e) {
-    const t = e, n = Re(), o = Ke("vt-table-columns");
-    o || console.error(
+    const t = e, o = Oe(), n = dt("vt-table-columns");
+    n || console.error(
       "VTableColumn: не знайдено контекст таблиці. Переконайтеся, що компонент використовується всередині VTable."
     );
-    const l = () => ({
+    const s = () => ({
       prop: t.prop,
       label: t.label,
       width: t.width,
@@ -1568,15 +1651,15 @@ const se = new Cn(), bn = {
       showOverflowTooltip: t.showOverflowTooltip,
       selectable: t.selectable,
       // Зберігаємо слот - пріоритет: назва колонки -> default -> slot
-      renderSlot: n[t.prop] ?? n.default ?? n.slot
+      renderSlot: o[t.prop] ?? o.default ?? o.slot
     });
-    let s = -1;
-    return me(() => {
-      if (o) {
-        const i = l();
-        o.push(i), s = o.length - 1, console.log(`VTableColumn: зареєстровано колонку "${t.label}" (${t.prop}) на позиції ${s}`);
+    let l = -1;
+    return fe(() => {
+      if (n) {
+        const r = s();
+        n.push(r), l = n.length - 1;
       }
-    }), ue(
+    }), ve(
       () => [
         t.width,
         t.minWidth,
@@ -1590,29 +1673,29 @@ const se = new Cn(), bn = {
         t.label
       ],
       () => {
-        if (o && s !== -1) {
-          const i = o.findIndex((a) => a.prop === t.prop);
-          if (i !== -1) {
-            const a = o[i], r = {
-              ...l(),
-              renderSlot: a.renderSlot
+        if (n && l !== -1) {
+          const r = n.findIndex((i) => i.prop === t.prop);
+          if (r !== -1) {
+            const i = n[r], a = {
+              ...s(),
+              renderSlot: i.renderSlot
               // Зберігаємо існуючий renderSlot
             };
-            o[i] = r, console.log(`VTableColumn: оновлено колонку "${t.label}" (${t.prop})`);
+            n[r] = a;
           }
         }
       },
       { deep: !0 }
-    ), Te(() => {
-      if (o) {
-        const i = o.findIndex((a) => a.prop === t.prop);
-        i > -1 && (o.splice(i, 1), console.log(`VTableColumn: видалено колонку "${t.label}" (${t.prop})`));
+    ), $e(() => {
+      if (n) {
+        const r = n.findIndex((i) => i.prop === t.prop);
+        r > -1 && n.splice(r, 1);
       }
-    }), (i, a) => null;
+    }), (r, i) => null;
   }
-}), xe = (e, t) => {
-  const n = document.createElement("div");
-  n.className = `vt-tooltip vt-tooltip--${t}`, n.innerText = e, Object.assign(n.style, {
+}), We = (e, t) => {
+  const o = document.createElement("div");
+  o.className = `vt-tooltip vt-tooltip--${t}`, o.innerText = e, Object.assign(o.style, {
     position: "absolute",
     background: "rgba(0, 0, 0, 0.8)",
     color: "white",
@@ -1630,16 +1713,16 @@ const se = new Cn(), bn = {
     wordWrap: "break-word",
     whiteSpace: "normal",
     boxShadow: "0 2px 8px rgba(0, 0, 0, 0.2)"
-  }), e.length < 50 && (n.style.whiteSpace = "nowrap");
-  const o = document.createElement("div");
-  switch (o.className = "vt-tooltip__arrow", Object.assign(o.style, {
+  }), e.length < 50 && (o.style.whiteSpace = "nowrap");
+  const n = document.createElement("div");
+  switch (n.className = "vt-tooltip__arrow", Object.assign(n.style, {
     position: "absolute",
     width: "0",
     height: "0",
     borderStyle: "solid"
   }), t) {
     case "top":
-      Object.assign(o.style, {
+      Object.assign(n.style, {
         top: "100%",
         left: "50%",
         marginLeft: "-5px",
@@ -1648,7 +1731,7 @@ const se = new Cn(), bn = {
       });
       break;
     case "bottom":
-      Object.assign(o.style, {
+      Object.assign(n.style, {
         bottom: "100%",
         left: "50%",
         marginLeft: "-5px",
@@ -1657,7 +1740,7 @@ const se = new Cn(), bn = {
       });
       break;
     case "left":
-      Object.assign(o.style, {
+      Object.assign(n.style, {
         top: "50%",
         left: "100%",
         marginTop: "-5px",
@@ -1666,7 +1749,7 @@ const se = new Cn(), bn = {
       });
       break;
     case "right":
-      Object.assign(o.style, {
+      Object.assign(n.style, {
         top: "50%",
         right: "100%",
         marginTop: "-5px",
@@ -1675,85 +1758,87 @@ const se = new Cn(), bn = {
       });
       break;
   }
-  return n.appendChild(o), n;
-}, Ce = (e, t, n) => {
-  const o = t.getBoundingClientRect(), l = e.getBoundingClientRect(), s = window.pageXOffset || document.documentElement.scrollLeft, i = window.pageYOffset || document.documentElement.scrollTop;
-  let a = 0, r = 0;
-  switch (n) {
+  return o.appendChild(n), o;
+}, Se = (e, t, o) => {
+  const n = t.getBoundingClientRect(), s = e.getBoundingClientRect(), l = window.pageXOffset || document.documentElement.scrollLeft, r = window.pageYOffset || document.documentElement.scrollTop;
+  let i = 0, a = 0;
+  switch (o) {
     case "top":
-      a = o.top + i - l.height - 8, r = o.left + s + (o.width - l.width) / 2;
+      i = n.top + r - s.height - 8, a = n.left + l + (n.width - s.width) / 2;
       break;
     case "bottom":
-      a = o.bottom + i + 8, r = o.left + s + (o.width - l.width) / 2;
+      i = n.bottom + r + 8, a = n.left + l + (n.width - s.width) / 2;
       break;
     case "left":
-      a = o.top + i + (o.height - l.height) / 2, r = o.left + s - l.width - 8;
+      i = n.top + r + (n.height - s.height) / 2, a = n.left + l - s.width - 8;
       break;
     case "right":
-      a = o.top + i + (o.height - l.height) / 2, r = o.right + s + 8;
+      i = n.top + r + (n.height - s.height) / 2, a = n.right + l + 8;
       break;
   }
   const u = window.innerWidth, c = window.innerHeight;
-  r < 8 ? r = 8 : r + l.width > u - 8 && (r = u - l.width - 8), a < i + 8 ? n === "top" ? a = o.bottom + i + 8 : a = i + 8 : a + l.height > i + c - 8 && (n === "bottom" ? a = o.top + i - l.height - 8 : a = i + c - l.height - 8), e.style.top = `${a}px`, e.style.left = `${r}px`;
-}, Se = (e, t, n) => {
-  e.parentElement || document.body.appendChild(e), e.style.visibility = "visible", Ce(e, t, n), requestAnimationFrame(() => {
+  a < 8 ? a = 8 : a + s.width > u - 8 && (a = u - s.width - 8), i < r + 8 ? o === "top" ? i = n.bottom + r + 8 : i = r + 8 : i + s.height > r + c - 8 && (o === "bottom" ? i = n.top + r - s.height - 8 : i = r + c - s.height - 8), e.style.top = `${i}px`, e.style.left = `${a}px`;
+}, Ve = (e, t, o) => {
+  e.parentElement || document.body.appendChild(e), e.style.visibility = "visible", Se(e, t, o), requestAnimationFrame(() => {
     e.style.opacity = "1";
   });
-}, $e = (e) => {
+}, He = (e) => {
   e.style.opacity = "0", e.style.visibility = "hidden";
-}, Me = (e) => e.scrollWidth > e.clientWidth || e.scrollHeight > e.clientHeight, Le = (e) => !!e.closest(".vt-table, table"), Xn = {
+}, Pe = (e) => e.scrollWidth > e.clientWidth || e.scrollHeight > e.clientHeight, De = (e) => !!e.closest(".vt-table, table"), go = {
   mounted(e, t) {
-    const n = t.value?.trim();
-    if (!n) return;
-    const o = e.dataset.placement || "top", l = xe(n, o);
-    e.__tooltipEl = l;
-    const s = () => {
-      (Le(e) ? Me(e) : !0) && Se(l, e, o);
+    var a;
+    const o = (a = t.value) == null ? void 0 : a.trim();
+    if (!o) return;
+    const n = e.dataset.placement || "top", s = We(o, n);
+    e.__tooltipEl = s;
+    const l = () => {
+      (De(e) ? Pe(e) : !0) && Ve(s, e, n);
+    }, r = () => {
+      He(s);
     }, i = () => {
-      $e(l);
-    }, a = () => {
-      l.style.opacity === "1" && Ce(l, e, o);
+      s.style.opacity === "1" && Se(s, e, n);
     };
-    e.__mouseenterHandler = s, e.__mouseleaveHandler = i, e.__scrollHandler = a, e.addEventListener("mouseenter", s), e.addEventListener("mouseleave", i), window.addEventListener("scroll", a, !0), window.addEventListener("resize", a);
+    e.__mouseenterHandler = l, e.__mouseleaveHandler = r, e.__scrollHandler = i, e.addEventListener("mouseenter", l), e.addEventListener("mouseleave", r), window.addEventListener("scroll", i, !0), window.addEventListener("resize", i);
   },
   updated(e, t) {
-    const n = t.value?.trim();
+    var n;
+    const o = (n = t.value) == null ? void 0 : n.trim();
     if (e.__tooltipEl)
-      n ? e.__tooltipEl.firstChild.textContent = n : (e.__tooltipEl.parentElement && e.__tooltipEl.parentElement.removeChild(e.__tooltipEl), delete e.__tooltipEl);
-    else if (n) {
-      const o = e.dataset.placement || "top", l = xe(n, o);
+      o ? e.__tooltipEl.firstChild.textContent = o : (e.__tooltipEl.parentElement && e.__tooltipEl.parentElement.removeChild(e.__tooltipEl), delete e.__tooltipEl);
+    else if (o) {
+      const s = e.dataset.placement || "top", l = We(o, s);
       e.__tooltipEl = l;
-      const s = () => {
-        (Le(e) ? Me(e) : !0) && Se(l, e, o);
+      const r = () => {
+        (De(e) ? Pe(e) : !0) && Ve(l, e, s);
       }, i = () => {
-        $e(l);
+        He(l);
       }, a = () => {
-        l.style.opacity === "1" && Ce(l, e, o);
+        l.style.opacity === "1" && Se(l, e, s);
       };
-      e.__mouseenterHandler = s, e.__mouseleaveHandler = i, e.__scrollHandler = a, e.addEventListener("mouseenter", s), e.addEventListener("mouseleave", i), window.addEventListener("scroll", a, !0), window.addEventListener("resize", a);
+      e.__mouseenterHandler = r, e.__mouseleaveHandler = i, e.__scrollHandler = a, e.addEventListener("mouseenter", r), e.addEventListener("mouseleave", i), window.addEventListener("scroll", a, !0), window.addEventListener("resize", a);
     }
   },
   beforeUnmount(e) {
     e.__tooltipEl && e.__tooltipEl.parentElement && (e.__tooltipEl.parentElement.removeChild(e.__tooltipEl), delete e.__tooltipEl), e.__mouseenterHandler && (e.removeEventListener("mouseenter", e.__mouseenterHandler), delete e.__mouseenterHandler), e.__mouseleaveHandler && (e.removeEventListener("mouseleave", e.__mouseleaveHandler), delete e.__mouseleaveHandler), e.__scrollHandler && (window.removeEventListener("scroll", e.__scrollHandler, !0), window.removeEventListener("resize", e.__scrollHandler), delete e.__scrollHandler);
   }
-}, Gn = {
+}, Co = {
   install(e, t = {}) {
-    const { prefix: n = "V", modal: o = !0 } = t;
-    e.component(`${n}Button`, pe), e.component(`${n}Icon`, G), e.component(`${n}Loader`, ze), e.component(`${n}Modal`, Ee), e.component(`${n}Pagination`, cn), e.component(`${n}Checkbox`, ae), e.component(`${n}Table`, Un), e.component(`${n}TableColumn`, qn), e.directive("tooltip", Xn), o && e.use(bn);
+    const { prefix: o = "V", modal: n = !0 } = t;
+    e.component(`${o}Button`, ge), e.component(`${o}Icon`, Y), e.component(`${o}Loader`, Ne), e.component(`${o}Modal`, Ze), e.component(`${o}Pagination`, Ln), e.component(`${o}Checkbox`, de), e.component(`${o}Table`, fo), e.component(`${o}TableColumn`, _o), e.directive("tooltip", go), n && e.use(An);
   }
-}, Yn = Gn.install;
+}, wo = Co.install;
 export {
-  pe as VButton,
-  ae as VCheckbox,
-  G as VIcon,
-  ze as VLoader,
-  Ee as VModal,
-  bn as VModalPlugin,
-  cn as VPagination,
-  Un as VTable,
-  qn as VTableColumn,
-  Gn as default,
-  Yn as install,
-  se as modalManager,
-  Xn as tooltipDirective
+  ge as VButton,
+  de as VCheckbox,
+  Y as VIcon,
+  Ne as VLoader,
+  Ze as VModal,
+  An as VModalPlugin,
+  Ln as VPagination,
+  fo as VTable,
+  _o as VTableColumn,
+  Co as default,
+  wo as install,
+  re as modalManager,
+  go as tooltipDirective
 };