voiptime-components 1.4.4 → 1.4.6

package/dist/index.es.js

@@ -1,5 +1,5 @@
-import { createElementBlock as i, openBlock as s, createElementVNode as r, createStaticVNode as Xe, defineComponent as de, computed as y, createBlock as re, createCommentVNode as T, resolveDynamicComponent as ot, normalizeStyle as me, useSlots as De, resolveDirective as lt, withDirectives as Ue, normalizeClass as F, renderSlot as _e, Teleport as st, withModifiers as xe, toDisplayString as U, watch as ge, Fragment as pe, renderList as ve, vModelSelect as xt, createVNode as X, withCtx as ye, createTextVNode as Ie, ref as I, provide as rt, onMounted as Me, onUnmounted as We, nextTick as Le, inject as it, createApp as Mt, h as Je, mergeModels as at, useModel as $t, reactive as Lt, unref as ce, Transition as ut, onBeforeUnmount as Vt } from "vue";
-const b = (n, e) => {
+import { createElementBlock as i, openBlock as s, createElementVNode as r, createStaticVNode as Ue, defineComponent as he, computed as x, createBlock as re, createCommentVNode as R, resolveDynamicComponent as ot, normalizeStyle as me, useSlots as We, resolveDirective as lt, withDirectives as Ke, normalizeClass as F, renderSlot as _e, Teleport as st, withModifiers as ye, toDisplayString as K, watch as we, Fragment as pe, renderList as ve, vModelSelect as xt, createVNode as Y, withCtx as be, createTextVNode as Se, ref as I, provide as rt, onMounted as xe, onUnmounted as Ae, nextTick as Le, inject as it, createApp as Mt, h as Je, mergeModels as at, useModel as $t, reactive as Lt, unref as ae, Transition as ut, onBeforeUnmount as Vt } from "vue";
+const k = (n, e) => {
   const o = n.__vccOpts || n;
   for (const [t, l] of e)
     o[t] = l;
@@ -11,7 +11,7 @@ const b = (n, e) => {
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function Bt(n, e) {
+function Ht(n, e) {
   return s(), i("svg", It, e[0] || (e[0] = [
     r("circle", {
       cx: "10",
@@ -29,7 +29,7 @@ function Bt(n, e) {
     }, null, -1)
   ]));
 }
-const Ht = /* @__PURE__ */ b(St, [["render", Bt]]), Et = {}, Tt = {
+const Bt = /* @__PURE__ */ k(St, [["render", Ht]]), Et = {}, Tt = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -61,7 +61,7 @@ function Rt(n, e) {
     }, null, -1)
   ]));
 }
-const zt = /* @__PURE__ */ b(Et, [["render", Rt]]), jt = {}, Ot = {
+const zt = /* @__PURE__ */ k(Et, [["render", Rt]]), jt = {}, Ot = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -79,7 +79,7 @@ function Dt(n, e) {
     }, null, -1)
   ]));
 }
-const Wt = /* @__PURE__ */ b(jt, [["render", Dt]]), At = {}, Pt = {
+const Wt = /* @__PURE__ */ k(jt, [["render", Dt]]), At = {}, Pt = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -97,7 +97,7 @@ function Zt(n, e) {
     }, null, -1)
   ]));
 }
-const Nt = /* @__PURE__ */ b(At, [["render", Zt]]), Ft = {}, Yt = {
+const Nt = /* @__PURE__ */ k(At, [["render", Zt]]), Ft = {}, Yt = {
   fill: "none",
   height: "20",
   viewBox: "0 0 20 20",
@@ -121,7 +121,7 @@ function qt(n, e) {
     }, null, -1)
   ]));
 }
-const Xt = /* @__PURE__ */ b(Ft, [["render", qt]]), Ut = {}, Kt = {
+const Xt = /* @__PURE__ */ k(Ft, [["render", qt]]), Ut = {}, Kt = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -142,7 +142,7 @@ function Gt(n, e) {
     }, null, -1)
   ]));
 }
-const Qt = /* @__PURE__ */ b(Ut, [["render", Gt]]), Jt = {}, e1 = {
+const Qt = /* @__PURE__ */ k(Ut, [["render", Gt]]), Jt = {}, e1 = {
   fill: "none",
   height: "20",
   viewBox: "0 0 21 20",
@@ -160,7 +160,7 @@ function t1(n, e) {
     }, null, -1)
   ]));
 }
-const n1 = /* @__PURE__ */ b(Jt, [["render", t1]]), o1 = {}, l1 = {
+const n1 = /* @__PURE__ */ k(Jt, [["render", t1]]), o1 = {}, l1 = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -178,7 +178,7 @@ function s1(n, e) {
     }, null, -1)
   ]));
 }
-const r1 = /* @__PURE__ */ b(o1, [["render", s1]]), i1 = {}, a1 = {
+const r1 = /* @__PURE__ */ k(o1, [["render", s1]]), i1 = {}, a1 = {
   width: "21",
   height: "20",
   viewBox: "0 0 21 20",
@@ -195,7 +195,7 @@ function u1(n, e) {
     }, null, -1)
   ]));
 }
-const c1 = /* @__PURE__ */ b(i1, [["render", u1]]), d1 = {}, h1 = {
+const c1 = /* @__PURE__ */ k(i1, [["render", u1]]), d1 = {}, h1 = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -212,7 +212,7 @@ function p1(n, e) {
     }, null, -1)
   ]));
 }
-const v1 = /* @__PURE__ */ b(d1, [["render", p1]]), f1 = {}, m1 = {
+const v1 = /* @__PURE__ */ k(d1, [["render", p1]]), f1 = {}, m1 = {
   fill: "none",
   height: "20",
   viewBox: "0 0 20 20",
@@ -230,7 +230,7 @@ function C1(n, e) {
     }, null, -1)
   ]));
 }
-const w1 = /* @__PURE__ */ b(f1, [["render", C1]]), g1 = {}, _1 = {
+const w1 = /* @__PURE__ */ k(f1, [["render", C1]]), g1 = {}, _1 = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -254,7 +254,7 @@ function k1(n, e) {
     }, null, -1)
   ]));
 }
-const b1 = /* @__PURE__ */ b(g1, [["render", k1]]), y1 = {}, x1 = {
+const b1 = /* @__PURE__ */ k(g1, [["render", k1]]), y1 = {}, x1 = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -272,7 +272,7 @@ function M1(n, e) {
     }, null, -1)
   ]));
 }
-const $1 = /* @__PURE__ */ b(y1, [["render", M1]]), L1 = {}, V1 = {
+const $1 = /* @__PURE__ */ k(y1, [["render", M1]]), L1 = {}, V1 = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -306,7 +306,7 @@ function S1(n, e) {
     }, null, -1)
   ]));
 }
-const I1 = /* @__PURE__ */ b(L1, [["render", S1]]), B1 = {}, H1 = {
+const I1 = /* @__PURE__ */ k(L1, [["render", S1]]), H1 = {}, B1 = {
   fill: "none",
   height: "20",
   viewBox: "0 0 21 20",
@@ -314,7 +314,7 @@ const I1 = /* @__PURE__ */ b(L1, [["render", S1]]), B1 = {}, H1 = {
   xmlns: "http://www.w3.org/2000/svg"
 };
 function E1(n, e) {
-  return s(), i("svg", H1, e[0] || (e[0] = [
+  return s(), i("svg", B1, e[0] || (e[0] = [
     r("path", {
       d: "M18.7266 16.5625C18.1016 9.0625 11.8516 7.1875 8.72656 7.8125V3.4375L3.10156 10L8.72656 16.5625V12.1875C11.8516 11.5625 16.8516 12.8125 18.7266 16.5625Z",
       stroke: "currentColor",
@@ -324,7 +324,7 @@ function E1(n, e) {
     }, null, -1)
   ]));
 }
-const T1 = /* @__PURE__ */ b(B1, [["render", E1]]), R1 = {}, z1 = {
+const T1 = /* @__PURE__ */ k(H1, [["render", E1]]), R1 = {}, z1 = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -341,7 +341,7 @@ function j1(n, e) {
     }, null, -1)
   ]));
 }
-const O1 = /* @__PURE__ */ b(R1, [["render", j1]]), D1 = {}, W1 = {
+const O1 = /* @__PURE__ */ k(R1, [["render", j1]]), D1 = {}, W1 = {
   fill: "none",
   height: "20",
   viewBox: "0 0 20 20",
@@ -357,7 +357,7 @@ function A1(n, e) {
     }, null, -1)
   ]));
 }
-const P1 = /* @__PURE__ */ b(D1, [["render", A1]]), Z1 = {}, N1 = {
+const P1 = /* @__PURE__ */ k(D1, [["render", A1]]), Z1 = {}, N1 = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -398,7 +398,7 @@ function F1(n, e) {
     }, null, -1)
   ]));
 }
-const Y1 = /* @__PURE__ */ b(Z1, [["render", F1]]), q1 = {}, X1 = {
+const Y1 = /* @__PURE__ */ k(Z1, [["render", F1]]), q1 = {}, X1 = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -423,7 +423,7 @@ function U1(n, e) {
     }, null, -1)
   ]));
 }
-const K1 = /* @__PURE__ */ b(q1, [["render", U1]]), G1 = {}, Q1 = {
+const K1 = /* @__PURE__ */ k(q1, [["render", U1]]), G1 = {}, Q1 = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -440,7 +440,7 @@ function J1(n, e) {
     }, null, -1)
   ]));
 }
-const en = /* @__PURE__ */ b(G1, [["render", J1]]), tn = {}, nn = {
+const en = /* @__PURE__ */ k(G1, [["render", J1]]), tn = {}, nn = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -458,7 +458,7 @@ function on(n, e) {
     }, null, -1)
   ]));
 }
-const ln = /* @__PURE__ */ b(tn, [["render", on]]), sn = {}, rn = {
+const ln = /* @__PURE__ */ k(tn, [["render", on]]), sn = {}, rn = {
   width: "21",
   height: "20",
   viewBox: "0 0 21 20",
@@ -476,7 +476,7 @@ function an(n, e) {
     }, null, -1)
   ]));
 }
-const un = /* @__PURE__ */ b(sn, [["render", an]]), cn = {}, dn = {
+const un = /* @__PURE__ */ k(sn, [["render", an]]), cn = {}, dn = {
   width: "14",
   height: "15",
   viewBox: "0 0 14 15",
@@ -498,7 +498,7 @@ function hn(n, e) {
     }, null, -1)
   ]));
 }
-const pn = /* @__PURE__ */ b(cn, [["render", hn]]), vn = {}, fn = {
+const pn = /* @__PURE__ */ k(cn, [["render", hn]]), vn = {}, fn = {
   width: "21",
   height: "20",
   viewBox: "0 0 21 20",
@@ -516,7 +516,7 @@ function mn(n, e) {
     }, null, -1)
   ]));
 }
-const Cn = /* @__PURE__ */ b(vn, [["render", mn]]), wn = {}, gn = {
+const Cn = /* @__PURE__ */ k(vn, [["render", mn]]), wn = {}, gn = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -534,7 +534,7 @@ function _n(n, e) {
     }, null, -1)
   ]));
 }
-const kn = /* @__PURE__ */ b(wn, [["render", _n]]), bn = {}, yn = {
+const kn = /* @__PURE__ */ k(wn, [["render", _n]]), bn = {}, yn = {
   fill: "none",
   height: "20",
   viewBox: "0 0 20 20",
@@ -573,7 +573,7 @@ function xn(n, e) {
     }, null, -1)
   ]));
 }
-const Mn = /* @__PURE__ */ b(bn, [["render", xn]]), $n = {}, Ln = {
+const Mn = /* @__PURE__ */ k(bn, [["render", xn]]), $n = {}, Ln = {
   fill: "none",
   height: "20",
   viewBox: "0 0 20 20",
@@ -598,15 +598,15 @@ function Vn(n, e) {
     }, null, -1)
   ]));
 }
-const Sn = /* @__PURE__ */ b($n, [["render", Vn]]), In = {}, Bn = {
+const Sn = /* @__PURE__ */ k($n, [["render", Vn]]), In = {}, Hn = {
   fill: "none",
   height: "20",
   viewBox: "0 0 20 20",
   width: "20",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function Hn(n, e) {
-  return s(), i("svg", Bn, e[0] || (e[0] = [
+function Bn(n, e) {
+  return s(), i("svg", Hn, e[0] || (e[0] = [
     r("path", {
       d: "M7.5 18.3309C7.8 18.3309 8.90833 17.8251 10.0417 16.8126M10.0417 16.8126C11.0067 15.9492 11.9883 14.7176 12.5 13.1184C13.6108 9.6434 6.94417 13.1184 9.16667 16.0142C9.44 16.3709 9.73417 16.6309 10.0417 16.8126ZM10.0417 16.8126C11.3767 17.6026 12.9425 16.8926 14.0033 16.0759C14.3283 15.8267 14.49 15.7017 14.5867 15.7409C14.6833 15.7801 14.74 16.0026 14.8533 16.4492C15.215 17.8784 16.2842 19.0317 17.5 17.1726",
       stroke: "currentColor",
@@ -630,7 +630,7 @@ function Hn(n, e) {
     }, null, -1)
   ]));
 }
-const En = /* @__PURE__ */ b(In, [["render", Hn]]), Tn = {}, Rn = {
+const En = /* @__PURE__ */ k(In, [["render", Bn]]), Tn = {}, Rn = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -655,7 +655,7 @@ function zn(n, e) {
     }, null, -1)
   ]));
 }
-const jn = /* @__PURE__ */ b(Tn, [["render", zn]]), On = {}, Dn = {
+const jn = /* @__PURE__ */ k(Tn, [["render", zn]]), On = {}, Dn = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -664,10 +664,10 @@ const jn = /* @__PURE__ */ b(Tn, [["render", zn]]), On = {}, Dn = {
 };
 function Wn(n, e) {
   return s(), i("svg", Dn, e[0] || (e[0] = [
-    Xe('<circle cx="4.5" cy="12.5" r="1.5" stroke="currentColor" stroke-width="1.5"></circle><circle cx="9.5" cy="8.5" r="1.5" transform="rotate(-180 9.5 8.5)" stroke="currentColor" stroke-width="1.5"></circle><circle cx="14.5" cy="12.5" r="1.5" stroke="currentColor" stroke-width="1.5"></circle><path d="M4.55469 10.5V2" stroke="currentColor" stroke-width="1.5"></path><path d="M9.44531 9.5L9.44531 18" stroke="currentColor" stroke-width="1.5"></path><path d="M14.5547 10.5V2" stroke="currentColor" stroke-width="1.5"></path><path d="M4.55469 18V15.5" stroke="currentColor" stroke-width="1.5"></path><path d="M9.44531 2L9.44531 5.5" stroke="currentColor" stroke-width="1.5"></path><path d="M14.5547 18V15.5" stroke="currentColor" stroke-width="1.5"></path>', 9)
+    Ue('<circle cx="4.5" cy="12.5" r="1.5" stroke="currentColor" stroke-width="1.5"></circle><circle cx="9.5" cy="8.5" r="1.5" transform="rotate(-180 9.5 8.5)" stroke="currentColor" stroke-width="1.5"></circle><circle cx="14.5" cy="12.5" r="1.5" stroke="currentColor" stroke-width="1.5"></circle><path d="M4.55469 10.5V2" stroke="currentColor" stroke-width="1.5"></path><path d="M9.44531 9.5L9.44531 18" stroke="currentColor" stroke-width="1.5"></path><path d="M14.5547 10.5V2" stroke="currentColor" stroke-width="1.5"></path><path d="M4.55469 18V15.5" stroke="currentColor" stroke-width="1.5"></path><path d="M9.44531 2L9.44531 5.5" stroke="currentColor" stroke-width="1.5"></path><path d="M14.5547 18V15.5" stroke="currentColor" stroke-width="1.5"></path>', 9)
   ]));
 }
-const An = /* @__PURE__ */ b(On, [["render", Wn]]), Pn = {}, Zn = {
+const An = /* @__PURE__ */ k(On, [["render", Wn]]), Pn = {}, Zn = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -692,7 +692,7 @@ function Nn(n, e) {
     }, null, -1)
   ]));
 }
-const Fn = /* @__PURE__ */ b(Pn, [["render", Nn]]), Yn = {}, qn = {
+const Fn = /* @__PURE__ */ k(Pn, [["render", Nn]]), Yn = {}, qn = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -720,7 +720,7 @@ function Xn(n, e) {
     }, null, -1)
   ]));
 }
-const Un = /* @__PURE__ */ b(Yn, [["render", Xn]]), Kn = {}, Gn = {
+const Un = /* @__PURE__ */ k(Yn, [["render", Xn]]), Kn = {}, Gn = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -738,7 +738,7 @@ function Qn(n, e) {
     }, null, -1)
   ]));
 }
-const Jn = /* @__PURE__ */ b(Kn, [["render", Qn]]), eo = {}, to = {
+const Jn = /* @__PURE__ */ k(Kn, [["render", Qn]]), eo = {}, to = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -747,10 +747,10 @@ const Jn = /* @__PURE__ */ b(Kn, [["render", Qn]]), eo = {}, to = {
 };
 function no(n, e) {
   return s(), i("svg", to, e[0] || (e[0] = [
-    Xe('<path d="M10.5 5.5H17.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M10.5 10H17.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M10.5 15H17.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M3 15.083L4.042 16.125L7.167 13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M3 6.083L4.042 7.125L7.167 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>', 5)
+    Ue('<path d="M10.5 5.5H17.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M10.5 10H17.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M10.5 15H17.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M3 15.083L4.042 16.125L7.167 13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M3 6.083L4.042 7.125L7.167 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>', 5)
   ]));
 }
-const oo = /* @__PURE__ */ b(eo, [["render", no]]), lo = {}, so = {
+const oo = /* @__PURE__ */ k(eo, [["render", no]]), lo = {}, so = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -773,7 +773,7 @@ function ro(n, e) {
     }, null, -1)
   ]));
 }
-const io = /* @__PURE__ */ b(lo, [["render", ro]]), ao = {}, uo = {
+const io = /* @__PURE__ */ k(lo, [["render", ro]]), ao = {}, uo = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -791,7 +791,7 @@ function co(n, e) {
     }, null, -1)
   ]));
 }
-const ho = /* @__PURE__ */ b(ao, [["render", co]]), po = {}, vo = {
+const ho = /* @__PURE__ */ k(ao, [["render", co]]), po = {}, vo = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -809,7 +809,7 @@ function fo(n, e) {
     }, null, -1)
   ]));
 }
-const mo = /* @__PURE__ */ b(po, [["render", fo]]), Co = {}, wo = {
+const mo = /* @__PURE__ */ k(po, [["render", fo]]), Co = {}, wo = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -841,7 +841,7 @@ function go(n, e) {
     }, null, -1)
   ]));
 }
-const _o = /* @__PURE__ */ b(Co, [["render", go]]), ko = {}, bo = {
+const _o = /* @__PURE__ */ k(Co, [["render", go]]), ko = {}, bo = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -866,7 +866,7 @@ function yo(n, e) {
     }, null, -1)
   ]));
 }
-const xo = /* @__PURE__ */ b(ko, [["render", yo]]), Mo = {}, $o = {
+const xo = /* @__PURE__ */ k(ko, [["render", yo]]), Mo = {}, $o = {
   fill: "none",
   height: "20",
   viewBox: "0 0 20 20",
@@ -884,19 +884,19 @@ function Lo(n, e) {
     }, null, -1)
   ]));
 }
-const Vo = /* @__PURE__ */ b(Mo, [["render", Lo]]), So = {}, Io = {
+const Vo = /* @__PURE__ */ k(Mo, [["render", Lo]]), So = {}, Io = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function Bo(n, e) {
+function Ho(n, e) {
   return s(), i("svg", Io, e[0] || (e[0] = [
-    Xe('<g clip-path="url(#clip0_8456_10835)"><path fill-rule="evenodd" clip-rule="evenodd" d="M10 20C11.3132 20 12.6136 19.7413 13.8268 19.2388C15.0401 18.7362 16.1425 17.9997 17.0711 17.0711C17.9997 16.1425 18.7362 15.0401 19.2388 13.8268C19.7413 12.6136 20 11.3132 20 10C20 8.68678 19.7413 7.38642 19.2388 6.17317C18.7362 4.95991 17.9997 3.85752 17.0711 2.92893C16.1425 2.00035 15.0401 1.26375 13.8268 0.761205C12.6136 0.258658 11.3132 -1.95685e-08 10 0C7.34784 3.95203e-08 4.8043 1.05357 2.92893 2.92893C1.05357 4.8043 0 7.34784 0 10C0 12.6522 1.05357 15.1957 2.92893 17.0711C4.8043 18.9464 7.34784 20 10 20Z" fill="#21725E" fill-opacity="0.1"></path><path d="M5.83398 9.9974L8.95898 13.3307L14.1673 6.66406" stroke="#21725E" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"></path></g><defs><clipPath id="clip0_8456_10835"><rect width="20" height="20" fill="white"></rect></clipPath></defs>', 2)
+    Ue('<g clip-path="url(#clip0_8456_10835)"><path fill-rule="evenodd" clip-rule="evenodd" d="M10 20C11.3132 20 12.6136 19.7413 13.8268 19.2388C15.0401 18.7362 16.1425 17.9997 17.0711 17.0711C17.9997 16.1425 18.7362 15.0401 19.2388 13.8268C19.7413 12.6136 20 11.3132 20 10C20 8.68678 19.7413 7.38642 19.2388 6.17317C18.7362 4.95991 17.9997 3.85752 17.0711 2.92893C16.1425 2.00035 15.0401 1.26375 13.8268 0.761205C12.6136 0.258658 11.3132 -1.95685e-08 10 0C7.34784 3.95203e-08 4.8043 1.05357 2.92893 2.92893C1.05357 4.8043 0 7.34784 0 10C0 12.6522 1.05357 15.1957 2.92893 17.0711C4.8043 18.9464 7.34784 20 10 20Z" fill="#21725E" fill-opacity="0.1"></path><path d="M5.83398 9.9974L8.95898 13.3307L14.1673 6.66406" stroke="#21725E" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"></path></g><defs><clipPath id="clip0_8456_10835"><rect width="20" height="20" fill="white"></rect></clipPath></defs>', 2)
   ]));
 }
-const Ho = /* @__PURE__ */ b(So, [["render", Bo]]), Eo = {}, To = {
+const Bo = /* @__PURE__ */ k(So, [["render", Ho]]), Eo = {}, To = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -914,7 +914,7 @@ function Ro(n, e) {
     }, null, -1)
   ]));
 }
-const zo = /* @__PURE__ */ b(Eo, [["render", Ro]]), jo = {}, Oo = {
+const zo = /* @__PURE__ */ k(Eo, [["render", Ro]]), jo = {}, Oo = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -939,7 +939,7 @@ function Do(n, e) {
     }, null, -1)
   ]));
 }
-const Wo = /* @__PURE__ */ b(jo, [["render", Do]]), Ao = {}, Po = {
+const Wo = /* @__PURE__ */ k(jo, [["render", Do]]), Ao = {}, Po = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -957,7 +957,7 @@ function Zo(n, e) {
     }, null, -1)
   ]));
 }
-const No = /* @__PURE__ */ b(Ao, [["render", Zo]]), Fo = {}, Yo = {
+const No = /* @__PURE__ */ k(Ao, [["render", Zo]]), Fo = {}, Yo = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -982,7 +982,7 @@ function qo(n, e) {
     }, null, -1)
   ]));
 }
-const Xo = /* @__PURE__ */ b(Fo, [["render", qo]]), Uo = {}, Ko = {
+const Xo = /* @__PURE__ */ k(Fo, [["render", qo]]), Uo = {}, Ko = {
   fill: "none",
   height: "20",
   viewBox: "0 0 20 20",
@@ -1013,7 +1013,7 @@ function Go(n, e) {
     }, null, -1)
   ]));
 }
-const Qo = /* @__PURE__ */ b(Uo, [["render", Go]]), Jo = {}, el = {
+const Qo = /* @__PURE__ */ k(Uo, [["render", Go]]), Jo = {}, el = {
   fill: "none",
   height: "20",
   viewBox: "0 0 20 20",
@@ -1047,7 +1047,7 @@ function tl(n, e) {
     }, null, -1)
   ]));
 }
-const nl = /* @__PURE__ */ b(Jo, [["render", tl]]), ol = {}, ll = {
+const nl = /* @__PURE__ */ k(Jo, [["render", tl]]), ol = {}, ll = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -1071,7 +1071,7 @@ function sl(n, e) {
     }, null, -1)
   ]));
 }
-const rl = /* @__PURE__ */ b(ol, [["render", sl]]), il = {}, al = {
+const rl = /* @__PURE__ */ k(ol, [["render", sl]]), il = {}, al = {
   fill: "none",
   height: "20",
   viewBox: "0 0 20 20",
@@ -1102,7 +1102,7 @@ function ul(n, e) {
     }, null, -1)
   ]));
 }
-const cl = /* @__PURE__ */ b(il, [["render", ul]]), dl = {}, hl = {
+const cl = /* @__PURE__ */ k(il, [["render", ul]]), dl = {}, hl = {
   fill: "none",
   height: "20",
   viewBox: "0 0 20 20",
@@ -1131,7 +1131,7 @@ function pl(n, e) {
     }, null, -1)
   ]));
 }
-const vl = /* @__PURE__ */ b(dl, [["render", pl]]), fl = {}, ml = {
+const vl = /* @__PURE__ */ k(dl, [["render", pl]]), fl = {}, ml = {
   fill: "none",
   height: "20",
   viewBox: "0 0 20 20",
@@ -1162,7 +1162,7 @@ function Cl(n, e) {
     }, null, -1)
   ]));
 }
-const wl = /* @__PURE__ */ b(fl, [["render", Cl]]), gl = {}, _l = {
+const wl = /* @__PURE__ */ k(fl, [["render", Cl]]), gl = {}, _l = {
   fill: "none",
   height: "20",
   viewBox: "0 0 20 20",
@@ -1196,7 +1196,7 @@ function kl(n, e) {
     }, null, -1)
   ]));
 }
-const bl = /* @__PURE__ */ b(gl, [["render", kl]]), yl = {}, xl = {
+const bl = /* @__PURE__ */ k(gl, [["render", kl]]), yl = {}, xl = {
   fill: "none",
   height: "20",
   viewBox: "0 0 20 20",
@@ -1227,7 +1227,7 @@ function Ml(n, e) {
     }, null, -1)
   ]));
 }
-const $l = /* @__PURE__ */ b(yl, [["render", Ml]]), Ll = {}, Vl = {
+const $l = /* @__PURE__ */ k(yl, [["render", Ml]]), Ll = {}, Vl = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -1245,7 +1245,7 @@ function Sl(n, e) {
     }, null, -1)
   ]));
 }
-const Il = /* @__PURE__ */ b(Ll, [["render", Sl]]), Bl = {}, Hl = {
+const Il = /* @__PURE__ */ k(Ll, [["render", Sl]]), Hl = {}, Bl = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -1253,7 +1253,7 @@ const Il = /* @__PURE__ */ b(Ll, [["render", Sl]]), Bl = {}, Hl = {
   xmlns: "http://www.w3.org/2000/svg"
 };
 function El(n, e) {
-  return s(), i("svg", Hl, e[0] || (e[0] = [
+  return s(), i("svg", Bl, e[0] || (e[0] = [
     r("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -1268,7 +1268,7 @@ function El(n, e) {
     }, null, -1)
   ]));
 }
-const Tl = /* @__PURE__ */ b(Bl, [["render", El]]), Rl = {}, zl = {
+const Tl = /* @__PURE__ */ k(Hl, [["render", El]]), Rl = {}, zl = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "60",
   height: "60",
@@ -1286,7 +1286,7 @@ function jl(n, e) {
     }, null, -1)
   ]));
 }
-const Ol = /* @__PURE__ */ b(Rl, [["render", jl]]), Dl = {}, Wl = {
+const Ol = /* @__PURE__ */ k(Rl, [["render", jl]]), Dl = {}, Wl = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -1295,10 +1295,10 @@ const Ol = /* @__PURE__ */ b(Rl, [["render", jl]]), Dl = {}, Wl = {
 };
 function Al(n, e) {
   return s(), i("svg", Wl, e[0] || (e[0] = [
-    Xe('<g clip-path="url(#clip0_8255_9011)"><path d="M3.125 3.9125C3.125 2.95 4.2 1.875 5.15 1.875H17.35C18.3 1.875 19.375 2.95 19.375 3.9125V16.1C19.375 17.05 18.3 18.125 17.35 18.125H5.1625C4.2 18.125 3.125 17.05 3.125 16.1M0.625 6.875L5.625 13.125M5.625 6.875L0.625 13.125" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M11.875 6.875V13.125M9.375 9.375H15.625M9.375 6.875H15.625V13.125H9.375V6.875Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></g><defs><clipPath id="clip0_8255_9011"><rect width="20" height="20" fill="white"></rect></clipPath></defs>', 2)
+    Ue('<g clip-path="url(#clip0_8255_9011)"><path d="M3.125 3.9125C3.125 2.95 4.2 1.875 5.15 1.875H17.35C18.3 1.875 19.375 2.95 19.375 3.9125V16.1C19.375 17.05 18.3 18.125 17.35 18.125H5.1625C4.2 18.125 3.125 17.05 3.125 16.1M0.625 6.875L5.625 13.125M5.625 6.875L0.625 13.125" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M11.875 6.875V13.125M9.375 9.375H15.625M9.375 6.875H15.625V13.125H9.375V6.875Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></g><defs><clipPath id="clip0_8255_9011"><rect width="20" height="20" fill="white"></rect></clipPath></defs>', 2)
   ]));
 }
-const Pl = /* @__PURE__ */ b(Dl, [["render", Al]]), Zl = {}, Nl = {
+const Pl = /* @__PURE__ */ k(Dl, [["render", Al]]), Zl = {}, Nl = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -1322,7 +1322,7 @@ function Fl(n, e) {
     }, null, -1)
   ]));
 }
-const Yl = /* @__PURE__ */ b(Zl, [["render", Fl]]), ql = {}, Xl = {
+const Yl = /* @__PURE__ */ k(Zl, [["render", Fl]]), ql = {}, Xl = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -1340,7 +1340,7 @@ function Ul(n, e) {
     }, null, -1)
   ]));
 }
-const Kl = /* @__PURE__ */ b(ql, [["render", Ul]]), Gl = {}, Ql = {
+const Kl = /* @__PURE__ */ k(ql, [["render", Ul]]), Gl = {}, Ql = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -1368,7 +1368,7 @@ function Jl(n, e) {
     }, null, -1)
   ]));
 }
-const es = /* @__PURE__ */ b(Gl, [["render", Jl]]), ts = {}, ns = {
+const es = /* @__PURE__ */ k(Gl, [["render", Jl]]), ts = {}, ns = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -1386,7 +1386,7 @@ function os(n, e) {
     }, null, -1)
   ]));
 }
-const ls = /* @__PURE__ */ b(ts, [["render", os]]), ss = {}, rs = {
+const ls = /* @__PURE__ */ k(ts, [["render", os]]), ss = {}, rs = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -1404,7 +1404,7 @@ function is(n, e) {
     }, null, -1)
   ]));
 }
-const as = /* @__PURE__ */ b(ss, [["render", is]]), us = {}, cs = {
+const as = /* @__PURE__ */ k(ss, [["render", is]]), us = {}, cs = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -1428,9 +1428,9 @@ function ds(n, e) {
     }, null, -1)
   ]));
 }
-const hs = /* @__PURE__ */ b(us, [["render", ds]]), ps = {
+const hs = /* @__PURE__ */ k(us, [["render", ds]]), ps = {
   // actions icons
-  circleChecked: Ht,
+  circleChecked: Bt,
   circleClose: zt,
   close: Wt,
   delete: Nt,
@@ -1474,7 +1474,7 @@ const hs = /* @__PURE__ */ b(us, [["render", ds]]), ps = {
   alertCircle: _o,
   alertTriangle: xo,
   calendar: Vo,
-  checkCircle: Ho,
+  checkCircle: Bo,
   eyeClosed: zo,
   eyeOpened: Wo,
   search: No,
@@ -1499,7 +1499,7 @@ const hs = /* @__PURE__ */ b(us, [["render", ds]]), ps = {
   twoColumns: ls,
   twoRows: as,
   unfreeze: hs
-}, se = /* @__PURE__ */ de({
+}, se = /* @__PURE__ */ he({
   __name: "VIcon",
   props: {
     name: {},
@@ -1508,7 +1508,7 @@ const hs = /* @__PURE__ */ b(us, [["render", ds]]), ps = {
     color: { default: "currentColor" }
   },
   setup(n) {
-    const e = n, o = y(() => ps[e.name]), t = y(() => ({
+    const e = n, o = x(() => ps[e.name]), t = x(() => ({
       ...e.width && { width: typeof e.width == "number" ? `${e.width}px` : e.width },
       ...e.height && { height: typeof e.height == "number" ? `${e.height}px` : e.height },
       color: e.color
@@ -1516,16 +1516,16 @@ const hs = /* @__PURE__ */ b(us, [["render", ds]]), ps = {
     return (l, a) => o.value ? (s(), re(ot(o.value), {
       key: 0,
       style: me(t.value)
-    }, null, 8, ["style"])) : T("", !0);
+    }, null, 8, ["style"])) : R("", !0);
   }
 }), vs = {}, fs = { class: "vt-loader" };
 function ms(n, e) {
   return s(), i("span", fs);
 }
-const Ye = /* @__PURE__ */ b(vs, [["render", ms]]), Cs = ["disabled", "type", "data-placement"], ws = {
+const De = /* @__PURE__ */ k(vs, [["render", ms]]), Cs = ["disabled", "type", "data-placement"], ws = {
   key: 2,
   class: "vt-button__content"
-}, qe = /* @__PURE__ */ de({
+}, Xe = /* @__PURE__ */ he({
   __name: "VButton",
   props: {
     type: { default: "default" },
@@ -1539,11 +1539,11 @@ const Ye = /* @__PURE__ */ b(vs, [["render", ms]]), Cs = ["disabled", "type", "d
   },
   emits: ["click"],
   setup(n, { emit: e }) {
-    const o = n, t = e, l = De(), a = y(() => !!(o.icon && o.shape)), u = y(() => {
-      var g, x;
+    const o = n, t = e, l = We(), a = x(() => !!(o.icon && o.shape)), u = x(() => {
+      var b, S;
       const d = l.default ? l.default({}) : null;
-      return ((x = (g = d == null ? void 0 : d[0]) == null ? void 0 : g.children) == null ? void 0 : x.toString()) ?? "";
-    }), p = y(() => [
+      return ((S = (b = d == null ? void 0 : d[0]) == null ? void 0 : b.children) == null ? void 0 : S.toString()) ?? "";
+    }), p = x(() => [
       "vt-button",
       `vt-button--${o.type}`,
       {
@@ -1552,31 +1552,31 @@ const Ye = /* @__PURE__ */ b(vs, [["render", ms]]), Cs = ["disabled", "type", "d
         "vt-button--disabled": o.disabled || o.loading,
         "vt-button--loading": o.loading
       }
-    ]), c = y(() => a.value && o.tooltip ? u.value : null), v = (d) => {
+    ]), c = x(() => a.value && o.tooltip ? u.value : null), v = (d) => {
       !o.disabled && !o.loading && t("click", d);
     };
-    return (d, g) => {
-      const x = lt("tooltip");
-      return Ue((s(), i("button", {
+    return (d, b) => {
+      const S = lt("tooltip");
+      return Ke((s(), i("button", {
         class: F(p.value),
         disabled: o.disabled || o.loading,
         type: o.htmlType,
         "data-placement": o.tooltipPlacement,
         onClick: v
       }, [
-        o.loading ? (s(), re(Ye, {
+        o.loading ? (s(), re(De, {
           key: 0,
           class: "vt-button__icon"
         })) : o.icon ? (s(), re(se, {
           key: 1,
           name: o.icon,
           class: "vt-button__icon"
-        }, null, 8, ["name"])) : T("", !0),
-        a.value ? T("", !0) : (s(), i("span", ws, [
+        }, null, 8, ["name"])) : R("", !0),
+        a.value ? R("", !0) : (s(), i("span", ws, [
           _e(d.$slots, "default")
         ]))
       ], 10, Cs)), [
-        [x, c.value]
+        [S, c.value]
       ]);
     };
   }
@@ -1586,7 +1586,7 @@ const Ye = /* @__PURE__ */ b(vs, [["render", ms]]), Cs = ["disabled", "type", "d
 }, _s = {
   key: 0,
   class: "vt-modal__title"
-}, ks = { class: "vt-modal__content" }, gt = /* @__PURE__ */ de({
+}, ks = { class: "vt-modal__content" }, gt = /* @__PURE__ */ he({
   __name: "VModal",
   props: {
     modelValue: { type: Boolean },
@@ -1598,7 +1598,7 @@ const Ye = /* @__PURE__ */ b(vs, [["render", ms]]), Cs = ["disabled", "type", "d
   },
   emits: ["update:modelValue", "close"],
   setup(n, { emit: e }) {
-    const o = n, t = e, l = y(() => ["vt-modal__container", `vt-modal__container--${o.size}`]), a = y(() => ({
+    const o = n, t = e, l = x(() => ["vt-modal__container", `vt-modal__container--${o.size}`]), a = x(() => ({
       zIndex: o.zIndex
     })), u = () => {
       t("update:modelValue", !1), t("close");
@@ -1614,26 +1614,26 @@ const Ye = /* @__PURE__ */ b(vs, [["render", ms]]), Cs = ["disabled", "type", "d
       }, [
         r("div", {
           class: F(l.value),
-          onClick: v[0] || (v[0] = xe(() => {
+          onClick: v[0] || (v[0] = ye(() => {
           }, ["stop"]))
         }, [
           c.title || c.showCloseButton ? (s(), i("div", gs, [
-            c.title ? (s(), i("h2", _s, U(c.title), 1)) : T("", !0),
+            c.title ? (s(), i("h2", _s, K(c.title), 1)) : R("", !0),
             c.showCloseButton ? (s(), re(se, {
               key: 1,
               name: "close",
               class: "vt-modal__close",
               onClick: u
-            })) : T("", !0)
-          ])) : T("", !0),
+            })) : R("", !0)
+          ])) : R("", !0),
           r("div", ks, [
             _e(c.$slots, "default")
           ])
         ], 2)
-      ], 4)) : T("", !0)
+      ], 4)) : R("", !0)
     ]));
   }
-}), bs = { class: "vt-pagination" }, ys = { class: "vt-pagination__info" }, xs = { class: "vt-pagination__rows-per-page" }, Ms = ["value"], $s = { class: "vt-pagination__navigation" }, Ls = ["disabled"], Vs = ["onClick"], Ss = ["disabled"], Is = /* @__PURE__ */ de({
+}), bs = { class: "vt-pagination" }, ys = { class: "vt-pagination__info" }, xs = { class: "vt-pagination__rows-per-page" }, Ms = ["value"], $s = { class: "vt-pagination__navigation" }, Ls = ["disabled"], Vs = ["onClick"], Ss = ["disabled"], Is = /* @__PURE__ */ he({
   __name: "VPagination",
   props: {
     totalItems: {},
@@ -1644,103 +1644,103 @@ const Ye = /* @__PURE__ */ b(vs, [["render", ms]]), Cs = ["disabled", "type", "d
   },
   emits: ["update:currentPage", "update:pageSize", "pageChange", "reloadData"],
   setup(n, { emit: e }) {
-    const o = n, t = e, l = y({
+    const o = n, t = e, l = x({
       get: () => o.currentPage,
-      set: (B) => t("update:currentPage", B)
-    }), a = y({
+      set: (E) => t("update:currentPage", E)
+    }), a = x({
       get: () => o.pageSize,
-      set: (B) => t("update:pageSize", B)
-    }), u = y(() => Math.ceil(o.totalItems / a.value)), p = y(() => o.totalItems === 0 ? 0 : (l.value - 1) * a.value + 1), c = y(() => Math.min(l.value * a.value, o.totalItems)), v = y(() => l.value <= 1), d = y(() => l.value >= u.value), g = y(() => {
-      const B = [], W = u.value, D = l.value, G = o.maxVisiblePages;
-      if (W <= G)
-        for (let q = 1; q <= W; q++)
-          B.push(q);
+      set: (E) => t("update:pageSize", E)
+    }), u = x(() => Math.ceil(o.totalItems / a.value)), p = x(() => o.totalItems === 0 ? 0 : (l.value - 1) * a.value + 1), c = x(() => Math.min(l.value * a.value, o.totalItems)), v = x(() => l.value <= 1), d = x(() => l.value >= u.value), b = x(() => {
+      const E = [], D = u.value, W = l.value, G = o.maxVisiblePages;
+      if (D <= G)
+        for (let X = 1; X <= D; X++)
+          E.push(X);
       else {
-        B.push(1);
-        const q = Math.max(2, D - Math.floor(G / 2)), ne = Math.min(W - 1, D + Math.floor(G / 2));
-        q > 2 && B.push("...");
-        for (let K = q; K <= ne; K++)
-          B.push(K);
-        ne < W - 1 && B.push("..."), W > 1 && B.push(W);
+        E.push(1);
+        const X = Math.max(2, W - Math.floor(G / 2)), J = Math.min(D - 1, W + Math.floor(G / 2));
+        X > 2 && E.push("...");
+        for (let ee = X; ee <= J; ee++)
+          E.push(ee);
+        J < D - 1 && E.push("..."), D > 1 && E.push(D);
       }
-      return B;
-    }), x = () => {
+      return E;
+    }), S = () => {
       t("pageChange", {
         page: l.value,
         pageSize: a.value
       });
-    }, P = (B) => {
-      typeof B == "number" && B !== l.value && (l.value = B, x());
-    }, R = () => {
-      v.value || (l.value--, x());
-    }, A = () => {
-      d.value || (l.value++, x());
+    }, H = (E) => {
+      typeof E == "number" && E !== l.value && (l.value = E, S());
+    }, P = () => {
+      v.value || (l.value--, S());
     }, Z = () => {
-      l.value = 1, x();
-    }, Y = () => {
+      d.value || (l.value++, S());
+    }, A = () => {
+      l.value = 1, S();
+    }, q = () => {
       t("reloadData", l.value);
     };
-    return ge(
+    return we(
       () => o.totalItems,
       () => {
-        l.value > u.value && u.value > 0 && (l.value = u.value, x());
+        l.value > u.value && u.value > 0 && (l.value = u.value, S());
       }
-    ), (B, W) => (s(), i("div", bs, [
+    ), (E, D) => (s(), i("div", bs, [
       r("div", ys, [
         r("div", xs, [
-          W[1] || (W[1] = r("label", {
+          D[1] || (D[1] = r("label", {
             for: "rowsSelect",
             class: "vt-pagination__label"
           }, "Рядків на сторінку:", -1)),
-          Ue(r("select", {
+          Ke(r("select", {
             id: "rowsSelect",
-            "onUpdate:modelValue": W[0] || (W[0] = (D) => a.value = D),
-            onChange: Z,
+            "onUpdate:modelValue": D[0] || (D[0] = (W) => a.value = W),
+            onChange: A,
             class: "vt-pagination__select"
           }, [
-            (s(!0), i(pe, null, ve(B.pageSizeOptions, (D) => (s(), i("option", {
-              key: D,
-              value: D
-            }, U(D), 9, Ms))), 128))
+            (s(!0), i(pe, null, ve(E.pageSizeOptions, (W) => (s(), i("option", {
+              key: W,
+              value: W
+            }, K(W), 9, Ms))), 128))
           ], 544), [
             [xt, a.value]
           ])
         ]),
-        r("span", null, U(p.value) + " - " + U(c.value) + " з " + U(B.totalItems), 1)
+        r("span", null, K(p.value) + " - " + K(c.value) + " з " + K(E.totalItems), 1)
       ]),
       r("div", $s, [
         r("button", {
-          onClick: R,
+          onClick: P,
           disabled: v.value,
           class: F({ "vt-pagination__nav-button": !0, "has-items": !v.value })
         }, [
-          X(se, { name: "arrowLeft" })
+          Y(se, { name: "arrowLeft" })
         ], 10, Ls),
-        (s(!0), i(pe, null, ve(g.value, (D) => (s(), i("button", {
-          key: D,
-          onClick: (G) => P(D),
+        (s(!0), i(pe, null, ve(b.value, (W) => (s(), i("button", {
+          key: W,
+          onClick: (G) => H(W),
           class: F(["vt-pagination__nav-button", {
-            "vt-pagination__nav-button--active": D === l.value
+            "vt-pagination__nav-button--active": W === l.value
           }])
-        }, U(D), 11, Vs))), 128)),
+        }, K(W), 11, Vs))), 128)),
         r("button", {
-          onClick: A,
+          onClick: Z,
           disabled: d.value,
           class: F({ "vt-pagination__nav-button": !0, "has-items": !d.value })
         }, [
-          X(se, { name: "arrowRight" })
+          Y(se, { name: "arrowRight" })
         ], 10, Ss)
       ]),
       r("div", null, [
-        X(qe, {
+        Y(Xe, {
           icon: "arrowReload",
           shape: "circle",
           tooltip: "",
           tooltipPlacement: "left",
-          onClick: Y
+          onClick: q
         }, {
-          default: ye(() => W[2] || (W[2] = [
-            Ie("Оновити дані ", -1)
+          default: be(() => D[2] || (D[2] = [
+            Se("Оновити дані ", -1)
           ])),
           _: 1,
           __: [2]
@@ -1748,7 +1748,7 @@ const Ye = /* @__PURE__ */ b(vs, [["render", ms]]), Cs = ["disabled", "type", "d
       ])
     ]));
   }
-}), Bs = ["for"], Hs = ["id", "name", "value", "checked", "disabled", "required", ".indeterminate"], Se = /* @__PURE__ */ de({
+}), Hs = ["for"], Bs = ["id", "name", "value", "checked", "disabled", "required", ".indeterminate"], He = /* @__PURE__ */ he({
   __name: "VCheckbox",
   props: {
     modelValue: { type: Boolean, default: void 0 },
@@ -1766,16 +1766,16 @@ const Ye = /* @__PURE__ */ b(vs, [["render", ms]]), Cs = ["disabled", "type", "d
   },
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(n, { emit: e }) {
-    const o = n, t = e, l = () => `vt-checkbox-${Math.random().toString(36).substr(2, 9)}`, a = y(() => o.id || l()), u = y(() => o.modelValue ?? o.checked), p = (d) => {
+    const o = n, t = e, l = () => `vt-checkbox-${Math.random().toString(36).substr(2, 9)}`, a = x(() => o.id || l()), u = x(() => o.modelValue ?? o.checked), p = (d) => {
       if (o.disabled) return;
-      const x = d.target.checked;
-      t("update:modelValue", x), t("change", x, d);
+      const S = d.target.checked;
+      t("update:modelValue", S), t("change", S, d);
     }, c = (d) => {
       t("focus", d);
     }, v = (d) => {
       t("blur", d);
     };
-    return (d, g) => (s(), i("label", {
+    return (d, b) => (s(), i("label", {
       class: F([
         "vt-checkbox",
         `vt-checkbox--${d.size}`,
@@ -1800,7 +1800,7 @@ const Ye = /* @__PURE__ */ b(vs, [["render", ms]]), Cs = ["disabled", "type", "d
         onChange: p,
         onFocus: c,
         onBlur: v
-      }, null, 40, Hs),
+      }, null, 40, Bs),
       r("div", {
         class: F([
           "vt-checkbox__box",
@@ -1825,14 +1825,14 @@ const Ye = /* @__PURE__ */ b(vs, [["render", ms]]), Cs = ["disabled", "type", "d
           viewBox: "0 0 10 9",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg"
-        }, g[0] || (g[0] = [
+        }, b[0] || (b[0] = [
           r("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)) : T("", !0),
+        ]), 2)) : R("", !0),
         d.isDouble && u.value ? (s(), i("svg", {
           key: 1,
           class: F([
@@ -1846,7 +1846,7 @@ const Ye = /* @__PURE__ */ b(vs, [["render", ms]]), Cs = ["disabled", "type", "d
           viewBox: "0 0 13 6",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg"
-        }, g[1] || (g[1] = [
+        }, b[1] || (b[1] = [
           r("path", {
             d: "M6 3L8.25 5L12 1",
             stroke: "currentColor",
@@ -1861,7 +1861,7 @@ const Ye = /* @__PURE__ */ b(vs, [["render", ms]]), Cs = ["disabled", "type", "d
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
           }, null, -1)
-        ]), 2)) : T("", !0),
+        ]), 2)) : R("", !0),
         d.indeterminate ? (s(), i("div", {
           key: 2,
           class: F([
@@ -1870,7 +1870,7 @@ const Ye = /* @__PURE__ */ b(vs, [["render", ms]]), Cs = ["disabled", "type", "d
               "vt-checkbox__indeterminate-mark--visible": d.indeterminate
             }
           ])
-        }, null, 2)) : T("", !0)
+        }, null, 2)) : R("", !0)
       ], 2),
       d.label || d.$slots.label || d.$slots.default ? (s(), i("span", {
         key: 0,
@@ -1883,16 +1883,16 @@ const Ye = /* @__PURE__ */ b(vs, [["render", ms]]), Cs = ["disabled", "type", "d
       }, [
         _e(d.$slots, "label", {}, () => [
           _e(d.$slots, "default", {}, () => [
-            Ie(U(d.label), 1)
+            Se(K(d.label), 1)
           ])
         ])
-      ], 2)) : T("", !0)
-    ], 10, Bs));
+      ], 2)) : R("", !0)
+    ], 10, Hs));
   }
 });
 function Es(n) {
-  const e = y(() => [...n].sort((l, a) => l.pinnedLeft && !a.pinnedLeft ? -1 : !l.pinnedLeft && a.pinnedLeft || l.pinnedRight && !a.pinnedRight ? 1 : !l.pinnedRight && a.pinnedRight ? -1 : 0)), o = () => {
-    const l = e.value.length, a = e.value.filter((d) => d.width || d.minWidth), u = a.reduce((d, g) => d + (g.width || g.minWidth || 0), 0), p = l - a.length;
+  const e = x(() => [...n].sort((l, a) => l.pinnedLeft && !a.pinnedLeft ? -1 : !l.pinnedLeft && a.pinnedLeft || l.pinnedRight && !a.pinnedRight ? 1 : !l.pinnedRight && a.pinnedRight ? -1 : 0)), o = () => {
+    const l = e.value.length, a = e.value.filter((d) => d.width || d.minWidth), u = a.reduce((d, b) => d + (b.width || b.minWidth || 0), 0), p = l - a.length;
     if (p === 0) return 150;
     const v = Math.max(800 - u, p * 80);
     return Math.max(Math.floor(v / p), 120);
@@ -1957,13 +1957,13 @@ function Rs() {
     onMouseDown: (t, l, a, u) => {
       t.preventDefault(), t.stopPropagation(), n.value.resizingCol = l, n.value.startX = t.clientX, n.value.startWidth = l.width || l.minWidth || a(l.prop);
       const p = (v) => {
-        const { resizingCol: d, startX: g, startWidth: x } = n.value;
+        const { resizingCol: d, startX: b, startWidth: S } = n.value;
         if (!d) return;
-        document.querySelectorAll(`[data-resizer="${d.prop}"]`).forEach((Y) => {
-          Y.classList.add("vt-table__resizer--active");
+        document.querySelectorAll(`[data-resizer="${d.prop}"]`).forEach((q) => {
+          q.classList.add("vt-table__resizer--active");
         });
-        const P = v.clientX - g, R = d.minWidth || 50, A = d.maxWidth || 1e3, Z = Math.max(Math.min(x + P, A), R);
-        d.width = Z;
+        const H = v.clientX - b, P = d.minWidth || 50, Z = d.maxWidth || 1e3, A = Math.max(Math.min(S + H, Z), P);
+        d.width = A;
       }, c = () => {
         const { resizingCol: v } = n.value;
         document.removeEventListener("mousemove", p), document.removeEventListener("mouseup", c), document.body.style.cursor = "", document.body.style.userSelect = "", document.body.classList.remove("vt-table-resizing"), v && (document.querySelectorAll(`[data-resizer="${v.prop}"]`).forEach((d) => {
@@ -1976,81 +1976,81 @@ function Rs() {
   };
 }
 function zs(n, e, o, t) {
-  var Q;
+  var te;
   const l = n.selectionKey || "id", a = I([]), u = I(null), p = I(!1);
-  (Q = n.defaultSelection) != null && Q.length && (a.value = [...n.defaultSelection]);
-  const c = (E) => E[l], v = (E) => p.value ? !0 : a.value.some((H) => c(H) === c(E)), d = y(() => e.value.filter((E) => v(E)).length), g = y(() => e.value.length > 0 && d.value === e.value.length), x = y(() => {
+  (te = n.defaultSelection) != null && te.length && (a.value = [...n.defaultSelection]);
+  const c = (T) => T[l], v = (T) => p.value ? !0 : a.value.some((B) => c(B) === c(T)), d = x(() => e.value.filter((T) => v(T)).length), b = x(() => e.value.length > 0 && d.value === e.value.length), S = x(() => {
     if (p.value) return !1;
-    const E = d.value;
-    return E > 0 && E < e.value.length;
-  }), P = y(() => p.value ? !0 : g.value && !x.value), R = y(() => p.value), A = (E, H) => {
-    const j = c(E), ie = a.value.some((_) => c(_) === c(E)), m = H !== void 0 ? H : !ie;
+    const T = d.value;
+    return T > 0 && T < e.value.length;
+  }), H = x(() => p.value ? !0 : b.value && !S.value), P = x(() => p.value), Z = (T, B) => {
+    const O = c(T), ie = a.value.some((_) => c(_) === c(T)), m = B !== void 0 ? B : !ie;
     if (p.value && !m) {
-      p.value = !1, t != null && t.value && (a.value = t.value.filter((_) => c(_) !== j)), K(E, !1);
+      p.value = !1, t != null && t.value && (a.value = t.value.filter((_) => c(_) !== O)), ee(T, !1);
       return;
     }
-    p.value && m || (m && !ie ? a.value.push(E) : !m && ie && (a.value = a.value.filter((_) => c(_) !== j)), n.selectOnClickRow && H === void 0 && G(m ? E : null), K(E, m));
-  }, Z = () => {
-    switch (Y()) {
+    p.value && m || (m && !ie ? a.value.push(T) : !m && ie && (a.value = a.value.filter((_) => c(_) !== O)), n.selectOnClickRow && B === void 0 && G(m ? T : null), ee(T, m));
+  }, A = () => {
+    switch (q()) {
       case "none":
       case "partial":
-        B();
+        E();
         break;
       case "allVisible":
-        W();
+        D();
         break;
       case "absoluteAll":
-        D();
+        W();
         break;
     }
-  }, Y = () => p.value ? "absoluteAll" : g.value ? "allVisible" : d.value > 0 ? "partial" : "none", B = () => {
-    const E = [], H = new Set(a.value.map((j) => c(j)));
-    a.value.forEach((j) => {
-      E.push(j);
-    }), e.value.forEach((j) => {
-      H.has(c(j)) || E.push(j);
-    }), a.value = E, p.value = !1, K();
-  }, W = () => {
-    p.value = !0, t != null && t.value ? a.value = [...t.value] : a.value = [...e.value], K(void 0, void 0, !0);
+  }, q = () => p.value ? "absoluteAll" : b.value ? "allVisible" : d.value > 0 ? "partial" : "none", E = () => {
+    const T = [], B = new Set(a.value.map((O) => c(O)));
+    a.value.forEach((O) => {
+      T.push(O);
+    }), e.value.forEach((O) => {
+      B.has(c(O)) || T.push(O);
+    }), a.value = T, p.value = !1, ee();
   }, D = () => {
-    a.value = [], p.value = !1, u.value = null, K();
-  }, G = (E) => {
-    const H = u.value;
-    u.value = E, o("current-change", {
+    p.value = !0, t != null && t.value ? a.value = [...t.value] : a.value = [...e.value], ee(void 0, void 0, !0);
+  }, W = () => {
+    a.value = [], p.value = !1, u.value = null, ee();
+  }, G = (T) => {
+    const B = u.value;
+    u.value = T, o("current-change", {
       currentRow: u.value,
-      oldCurrentRow: H
+      oldCurrentRow: B
     });
-  }, q = () => [...a.value], ne = (E) => {
-    a.value = [...E], p.value = !1, K();
-  }, K = (E, H, j = !1) => {
+  }, X = () => [...a.value], J = (T) => {
+    a.value = [...T], p.value = !1, ee();
+  }, ee = (T, B, O = !1) => {
     const ie = {
       selection: [...a.value],
-      row: E,
-      selected: H,
-      isAllSelected: j || p.value
+      row: T,
+      selected: B,
+      isAllSelected: O || p.value
     };
     o("selection-change", ie);
   };
-  return ge(
+  return we(
     () => n.defaultSelection,
-    (E) => {
-      E != null && E.length && (a.value = [...E]);
+    (T) => {
+      T != null && T.length && (a.value = [...T]);
     }
   ), {
     selectedRows: a,
     currentRow: u,
     isRowSelected: v,
-    isAllSelected: P,
-    isIndeterminate: x,
-    isDoubleCheck: R,
+    isAllSelected: H,
+    isIndeterminate: S,
+    isDoubleCheck: P,
     isFullSelection: p,
-    toggleRowSelection: A,
-    toggleAllSelection: Z,
-    clearSelection: D,
+    toggleRowSelection: Z,
+    toggleAllSelection: A,
+    clearSelection: W,
     setCurrentRow: G,
-    getSelectionRows: q,
-    setSelectionRows: ne,
-    selectAbsolutelyAll: W
+    getSelectionRows: X,
+    setSelectionRows: J,
+    selectAbsolutelyAll: D
   };
 }
 function js(n, e) {
@@ -2094,7 +2094,7 @@ const Os = (n, e, o = "asc") => {
     const p = a[t.prop], c = u[t.prop];
     return l(p, c, e.direction);
   });
-}, _t = Symbol("dropdown-context"), kt = /* @__PURE__ */ de({
+}, _t = Symbol("dropdown-context"), kt = /* @__PURE__ */ he({
   __name: "VDropdown",
   props: {
     trigger: { default: "hover" },
@@ -2109,132 +2109,132 @@ const Os = (n, e, o = "asc") => {
   },
   emits: ["visible-change", "click", "command"],
   setup(n, { expose: e, emit: o }) {
-    const t = n, l = o, a = I(), u = I(), p = I(), c = I(!1), v = I(null), d = I([]), g = I(!0), x = I(!1), P = I({
+    const t = n, l = o, a = I(), u = I(), p = I(), c = I(!1), v = I(null), d = I([]), b = I(!0), S = I(!1), H = I({
       position: "absolute",
       top: "0px",
       left: "0px",
       zIndex: 2e3,
       transformOrigin: "center top"
-    }), R = y(() => ({
-      ...P.value,
+    }), P = x(() => ({
+      ...H.value,
       maxHeight: typeof t.maxHeight == "number" ? `${t.maxHeight}px` : `${t.maxHeight}px`
     }));
-    De();
-    const A = (f) => {
+    We();
+    const Z = (f) => {
       if (!f) return !1;
-      const C = f.getBoundingClientRect();
-      if (C.width === 0 && C.height === 0) return !1;
-      const L = window.innerHeight || document.documentElement.clientHeight, S = window.innerWidth || document.documentElement.clientWidth;
-      if (!(C.top < L && C.bottom > 0 && C.left < S && C.right > 0)) return !1;
-      let ae = f.parentElement;
-      for (; ae && ae !== document.body; ) {
-        const ke = ae.getBoundingClientRect(), he = window.getComputedStyle(ae);
-        if ((he.overflow === "hidden" || he.overflowY === "hidden" || he.overflowX === "hidden") && (C.top >= ke.bottom || C.bottom <= ke.top || C.left >= ke.right || C.right <= ke.left))
+      const w = f.getBoundingClientRect();
+      if (w.width === 0 && w.height === 0) return !1;
+      const M = window.innerHeight || document.documentElement.clientHeight, V = window.innerWidth || document.documentElement.clientWidth;
+      if (!(w.top < M && w.bottom > 0 && w.left < V && w.right > 0)) return !1;
+      let ue = f.parentElement;
+      for (; ue && ue !== document.body; ) {
+        const de = ue.getBoundingClientRect(), ke = window.getComputedStyle(ue);
+        if ((ke.overflow === "hidden" || ke.overflowY === "hidden" || ke.overflowX === "hidden") && (w.top >= de.bottom || w.bottom <= de.top || w.left >= de.right || w.right <= de.left))
           return !1;
-        ae = ae.parentElement;
+        ue = ue.parentElement;
       }
       return !0;
-    }, Z = () => {
+    }, A = () => {
       if (!u.value) return;
-      const f = A(u.value);
-      g.value !== f && (g.value = f, !f && c.value ? (x.value = !0, c.value = !1, l("visible-change", !1)) : f && x.value && !c.value && (x.value = !1, c.value = !0, B(), l("visible-change", !0)));
-    }, Y = (f) => {
-      const C = [];
-      let L = f.parentElement;
-      for (; L && L !== document.body; ) {
-        const S = window.getComputedStyle(L), oe = S.overflowY, ae = S.overflowX;
-        (["scroll", "auto"].includes(oe) || ["scroll", "auto"].includes(ae) || L.scrollHeight > L.clientHeight || L.scrollWidth > L.clientWidth) && C.push(L), L = L.parentElement;
+      const f = Z(u.value);
+      b.value !== f && (b.value = f, !f && c.value ? (S.value = !0, c.value = !1, l("visible-change", !1)) : f && S.value && !c.value && (S.value = !1, c.value = !0, E(), l("visible-change", !0)));
+    }, q = (f) => {
+      const w = [];
+      let M = f.parentElement;
+      for (; M && M !== document.body; ) {
+        const V = window.getComputedStyle(M), oe = V.overflowY, ue = V.overflowX;
+        (["scroll", "auto"].includes(oe) || ["scroll", "auto"].includes(ue) || M.scrollHeight > M.clientHeight || M.scrollWidth > M.clientWidth) && w.push(M), M = M.parentElement;
       }
-      return C.push(window), C;
-    }, B = async () => {
+      return w.push(window), w;
+    }, E = async () => {
       if (await Le(), !u.value || !p.value) return;
-      const f = u.value.getBoundingClientRect(), C = p.value.getBoundingClientRect();
-      let L = 0, S = 0;
+      const f = u.value.getBoundingClientRect(), w = p.value.getBoundingClientRect();
+      let M = 0, V = 0;
       switch (t.placement) {
         case "bottom":
-          L = f.bottom + window.scrollY + 5, S = f.left + window.scrollX + (f.width - C.width) / 2;
+          M = f.bottom + window.scrollY + 5, V = f.left + window.scrollX + (f.width - w.width) / 2;
           break;
         case "bottom-start":
-          L = f.bottom + window.scrollY + 5, S = f.left + window.scrollX;
+          M = f.bottom + window.scrollY + 5, V = f.left + window.scrollX;
           break;
         case "bottom-end":
-          L = f.bottom + window.scrollY + 5, S = f.right + window.scrollX - C.width;
+          M = f.bottom + window.scrollY + 5, V = f.right + window.scrollX - w.width;
           break;
         case "top":
-          L = f.top + window.scrollY - C.height - 5, S = f.left + window.scrollX + (f.width - C.width) / 2;
+          M = f.top + window.scrollY - w.height - 5, V = f.left + window.scrollX + (f.width - w.width) / 2;
           break;
         case "top-start":
-          L = f.top + window.scrollY - C.height - 5, S = f.left + window.scrollX;
+          M = f.top + window.scrollY - w.height - 5, V = f.left + window.scrollX;
           break;
         case "top-end":
-          L = f.top + window.scrollY - C.height - 5, S = f.right + window.scrollX - C.width;
+          M = f.top + window.scrollY - w.height - 5, V = f.right + window.scrollX - w.width;
           break;
       }
-      S + C.width > window.innerWidth && (S = window.innerWidth - C.width - 10), S < 10 && (S = 10), L + C.height > window.innerHeight + window.scrollY && (L = f.top + window.scrollY - C.height - 5), L < window.scrollY + 10 && (L = window.scrollY + 10), P.value.top = `${L}px`, P.value.left = `${S}px`;
-    }, W = () => {
-      u.value && (d.value = Y(u.value), d.value.forEach((f) => {
+      V + w.width > window.innerWidth && (V = window.innerWidth - w.width - 10), V < 10 && (V = 10), M + w.height > window.innerHeight + window.scrollY && (M = f.top + window.scrollY - w.height - 5), M < window.scrollY + 10 && (M = window.scrollY + 10), H.value.top = `${M}px`, H.value.left = `${V}px`;
+    }, D = () => {
+      u.value && (d.value = q(u.value), d.value.forEach((f) => {
         f.addEventListener("scroll", _, { passive: !0 });
       }), window.addEventListener("resize", _));
-    }, D = () => {
+    }, W = () => {
       d.value.forEach((f) => {
         f.removeEventListener("scroll", _);
       }), window.removeEventListener("resize", _), d.value = [];
     }, G = () => {
-      t.disabled || c.value || !u.value || !A(u.value) || (ne(), v.value = window.setTimeout(
+      t.disabled || c.value || !u.value || !Z(u.value) || (J(), v.value = window.setTimeout(
         async () => {
-          c.value = !0, g.value = !0, x.value = !1, await B(), W(), l("visible-change", !0);
+          c.value = !0, b.value = !0, S.value = !1, await E(), D(), l("visible-change", !0);
         },
         t.trigger === "hover" ? t.showTimeout : 0
       ));
-    }, q = () => {
-      c.value && (ne(), v.value = window.setTimeout(
+    }, X = () => {
+      c.value && (J(), v.value = window.setTimeout(
         () => {
-          c.value = !1, x.value = !1, D(), l("visible-change", !1);
+          c.value = !1, S.value = !1, W(), l("visible-change", !1);
         },
         t.trigger === "hover" ? t.hideTimeout : 0
       ));
-    }, ne = () => {
+    }, J = () => {
       v.value && (window.clearTimeout(v.value), v.value = null);
     };
     rt(_t, {
       handleCommand: (f) => {
-        l("command", f), t.hideOnClick && q();
+        l("command", f), t.hideOnClick && X();
       },
       hideOnClick: t.hideOnClick
     });
-    const Q = (f) => {
-      t.disabled || (l("click", f), t.trigger === "click" && (c.value ? q() : G()));
-    }, E = () => {
+    const te = (f) => {
+      t.disabled || (l("click", f), t.trigger === "click" && (c.value ? X() : G()));
+    }, T = () => {
       t.trigger === "hover" && G();
-    }, H = () => {
-      t.trigger === "hover" && q();
-    }, j = () => {
-      t.trigger === "hover" && ne();
+    }, B = () => {
+      t.trigger === "hover" && X();
+    }, O = () => {
+      t.trigger === "hover" && J();
     }, ie = () => {
-      t.trigger === "hover" && q();
+      t.trigger === "hover" && X();
     }, m = (f) => {
-      var L, S;
+      var M, V;
       if (!c.value) return;
-      const C = f.target;
-      (L = a.value) != null && L.contains(C) || (S = p.value) != null && S.contains(C) || q();
+      const w = f.target;
+      (M = a.value) != null && M.contains(w) || (V = p.value) != null && V.contains(w) || X();
     }, _ = () => {
-      (c.value || x.value) && (Z(), c.value && B());
+      (c.value || S.value) && (A(), c.value && E());
     };
     return e({
       show: G,
-      hide: q,
+      hide: X,
       visible: c
-    }), Me(() => {
+    }), xe(() => {
       document.addEventListener("click", m);
-    }), We(() => {
-      document.removeEventListener("click", m), D(), ne();
-    }), (f, C) => (s(), i("div", {
+    }), Ae(() => {
+      document.removeEventListener("click", m), W(), J();
+    }), (f, w) => (s(), i("div", {
       ref_key: "dropdownRef",
       ref: a,
       class: "vt-dropdown",
-      onClick: Q,
-      onMouseenter: E,
-      onMouseleave: H
+      onClick: te,
+      onMouseenter: T,
+      onMouseleave: B
     }, [
       r("div", {
         ref_key: "triggerRef",
@@ -2243,26 +2243,26 @@ const Os = (n, e, o = "asc") => {
       }, [
         _e(f.$slots, "default")
       ], 512),
-      c.value && g.value ? (s(), re(st, {
+      c.value && b.value ? (s(), re(st, {
         key: 0,
         to: "body"
       }, [
         r("div", {
           ref_key: "menuRef",
           ref: p,
-          style: me(R.value),
+          style: me(P.value),
           class: "vt-dropdown-menu",
-          onMouseenter: j,
+          onMouseenter: O,
           onMouseleave: ie,
-          onClick: C[0] || (C[0] = xe(() => {
+          onClick: w[0] || (w[0] = ye(() => {
           }, ["stop"]))
         }, [
           _e(f.$slots, "dropdown")
         ], 36)
-      ])) : T("", !0)
+      ])) : R("", !0)
     ], 544));
   }
-}), tt = /* @__PURE__ */ de({
+}), tt = /* @__PURE__ */ he({
   __name: "VDropdownItem",
   props: {
     command: {},
@@ -2287,7 +2287,7 @@ const Os = (n, e, o = "asc") => {
       u.icon ? (s(), i("i", {
         key: 0,
         class: F([u.icon, "vt-dropdown-item__icon"])
-      }, null, 2)) : T("", !0),
+      }, null, 2)) : R("", !0),
       _e(u.$slots, "default")
     ], 2));
   }
@@ -2378,7 +2378,7 @@ const Ve = new As(), Ps = {
 }, Gs = {
   key: 0,
   class: "vt-columns-selector__pinned-note"
-}, Qs = { class: "vt-modal__content-button" }, Js = /* @__PURE__ */ de({
+}, Qs = { class: "vt-modal__content-button" }, Js = /* @__PURE__ */ he({
   __name: "VTableColumnSelector",
   props: {
     columns: {},
@@ -2386,192 +2386,192 @@ const Ve = new As(), Ps = {
   },
   emits: ["update-columns"],
   setup(n, { emit: e }) {
-    const o = n, t = e, l = I([]), a = I(/* @__PURE__ */ new Set()), u = I(-1), p = I(-1), c = I("before"), v = y(() => {
+    const o = n, t = e, l = I([]), a = I(/* @__PURE__ */ new Set()), u = I(-1), p = I(-1), c = I("before"), v = x(() => {
       const m = {};
       return o.columnsSelector.forEach((_) => {
         if (_.name === "removed")
           return;
-        const f = _.columns.map((L) => L.prop), C = l.value.filter((L) => f.includes(L.prop));
-        C.length === 0 ? m[_.name] = { checked: !1, indeterminate: !1 } : C.length === _.columns.length ? m[_.name] = { checked: !0, indeterminate: !1 } : m[_.name] = { checked: !1, indeterminate: !0 };
+        const f = _.columns.map((M) => M.prop), w = l.value.filter((M) => f.includes(M.prop));
+        w.length === 0 ? m[_.name] = { checked: !1, indeterminate: !1 } : w.length === _.columns.length ? m[_.name] = { checked: !0, indeterminate: !1 } : m[_.name] = { checked: !1, indeterminate: !0 };
       }), m;
-    }), d = y(() => o.columnsSelector.filter((m) => m.name !== "removed")), g = (m) => m.pinnedLeft || m.pinnedRight, x = (m) => !g(m), P = () => {
+    }), d = x(() => o.columnsSelector.filter((m) => m.name !== "removed")), b = (m) => m.pinnedLeft || m.pinnedRight, S = (m) => !b(m), H = () => {
       const m = l.value;
       let _ = -1;
-      for (let C = 0; C < m.length; C++)
-        m[C].pinnedLeft && (_ = C);
+      for (let w = 0; w < m.length; w++)
+        m[w].pinnedLeft && (_ = w);
       let f = m.length;
-      for (let C = 0; C < m.length; C++)
-        if (m[C].pinnedRight) {
-          f = C;
+      for (let w = 0; w < m.length; w++)
+        if (m[w].pinnedRight) {
+          f = w;
           break;
         }
       return {
         minIndex: _ + 1,
         maxIndex: f - 1
       };
-    }, R = (m) => {
-      const _ = P();
+    }, P = (m) => {
+      const _ = H();
       return !(m < _.minIndex || m > _.maxIndex + 1);
-    }, A = (m, _) => {
+    }, Z = (m, _) => {
       const f = l.value[_];
-      if (!x(f)) {
+      if (!S(f)) {
         m.preventDefault();
         return;
       }
       u.value = _, m.dataTransfer && (m.dataTransfer.effectAllowed = "move", m.dataTransfer.setData("text/plain", f.prop)), document.body.style.cursor = "grabbing";
-    }, Z = (m, _) => {
+    }, A = (m, _) => {
       if (u.value === -1) return;
       m.preventDefault();
-      const f = m.currentTarget.getBoundingClientRect(), C = m.clientY, L = f.top + f.height / 2;
-      let S = _, oe = "before";
-      C < L ? (S = _, oe = "before") : (S = _ + 1, oe = "after"), u.value < S && S--, R(S) ? (p.value = _, c.value = oe, m.dataTransfer.dropEffect = "move") : (p.value = -1, m.dataTransfer.dropEffect = "none");
-    }, Y = () => {
+      const f = m.currentTarget.getBoundingClientRect(), w = m.clientY, M = f.top + f.height / 2;
+      let V = _, oe = "before";
+      w < M ? (V = _, oe = "before") : (V = _ + 1, oe = "after"), u.value < V && V--, P(V) ? (p.value = _, c.value = oe, m.dataTransfer.dropEffect = "move") : (p.value = -1, m.dataTransfer.dropEffect = "none");
+    }, q = () => {
       setTimeout(() => {
         u.value === -1 && (p.value = -1);
       }, 50);
-    }, B = (m, _) => {
+    }, E = (m, _) => {
       if (m.preventDefault(), u.value === -1 || p.value === -1) {
-        D();
+        W();
         return;
       }
-      const f = m.currentTarget.getBoundingClientRect(), C = m.clientY, L = f.top + f.height / 2;
-      let S = _;
-      if (C >= L && (S = _ + 1), u.value < S && S--, !R(S) || S === u.value) {
-        D();
+      const f = m.currentTarget.getBoundingClientRect(), w = m.clientY, M = f.top + f.height / 2;
+      let V = _;
+      if (w >= M && (V = _ + 1), u.value < V && V--, !P(V) || V === u.value) {
+        W();
         return;
       }
-      const oe = [...l.value], [ae] = oe.splice(u.value, 1);
-      oe.splice(S, 0, ae), l.value = oe, D();
-    }, W = () => {
-      D();
+      const oe = [...l.value], [ue] = oe.splice(u.value, 1);
+      oe.splice(V, 0, ue), l.value = oe, W();
     }, D = () => {
+      W();
+    }, W = () => {
       u.value = -1, p.value = -1, c.value = "before", document.body.style.cursor = "";
     }, G = (m) => {
       const _ = ["vt-columns-selector__panel-item"];
       return u.value === m && _.push("vt-columns-selector__panel-item--dragging"), p.value === m && c.value === "before" && _.push("vt-columns-selector__panel-item--drop-before"), p.value === m && c.value === "after" && _.push("vt-columns-selector__panel-item--drop-after"), _;
-    }, q = () => {
+    }, X = () => {
       l.value = [...o.columns.map((m) => ({ ...m }))], o.columnsSelector.forEach((m) => {
         m.name !== "removed" && a.value.add(m.name);
       });
-    }, ne = (m, _) => {
+    }, J = (m, _) => {
       if (_)
         l.value.some((f) => f.prop === m.prop) || l.value.push({ ...m });
       else {
-        if (g(m))
+        if (b(m))
           return;
         l.value = l.value.filter((f) => f.prop !== m.prop);
       }
-    }, K = (m, _) => {
+    }, ee = (m, _) => {
       if (_)
         m.columns.forEach((f) => {
-          l.value.some((C) => C.prop === f.prop) || l.value.push({ ...f });
+          l.value.some((w) => w.prop === f.prop) || l.value.push({ ...f });
         });
       else {
         const f = [];
-        m.columns.forEach((C) => {
-          const L = l.value.find((S) => S.prop === C.prop);
-          L && !g(L) && f.push(L);
+        m.columns.forEach((w) => {
+          const M = l.value.find((V) => V.prop === w.prop);
+          M && !b(M) && f.push(M);
         }), l.value = l.value.filter(
-          (C) => !f.some((L) => L.prop === C.prop)
+          (w) => !f.some((M) => M.prop === w.prop)
         );
       }
-    }, Q = (m) => l.value.some((_) => _.prop === m.prop), E = (m) => {
+    }, te = (m) => l.value.some((_) => _.prop === m.prop), T = (m) => {
       const _ = l.value.find((f) => f.prop === m.prop);
-      return !_ || !g(_);
-    }, H = (m) => {
+      return !_ || !b(_);
+    }, B = (m) => {
       a.value.has(m) ? a.value.delete(m) : a.value.add(m);
-    }, j = () => {
+    }, O = () => {
       t("update-columns", [...l.value]), Ve.close();
     }, ie = () => {
       Ve.close();
     };
-    return Me(() => {
-      q();
+    return xe(() => {
+      X();
     }), (m, _) => (s(), i("div", Zs, [
       r("div", Ns, [
         r("div", Fs, [
-          (s(!0), i(pe, null, ve(l.value, (f, C) => (s(), i("div", {
+          (s(!0), i(pe, null, ve(l.value, (f, w) => (s(), i("div", {
             key: f.prop,
-            class: F(G(C)),
-            draggable: x(f),
-            onDragstart: (L) => A(L, C),
-            onDragover: (L) => Z(L, C),
-            onDragleave: Y,
-            onDrop: (L) => B(L, C),
-            onDragend: W
+            class: F(G(w)),
+            draggable: S(f),
+            onDragstart: (M) => Z(M, w),
+            onDragover: (M) => A(M, w),
+            onDragleave: q,
+            onDrop: (M) => E(M, w),
+            onDragend: D
           }, [
-            X(se, {
-              name: x(f) ? "columnsMove" : "freeze",
-              class: F(["vt-columns-selector__panel-item-icon", { "vt-columns-selector__panel-item-icon--draggable": x(f) }])
+            Y(se, {
+              name: S(f) ? "columnsMove" : "freeze",
+              class: F(["vt-columns-selector__panel-item-icon", { "vt-columns-selector__panel-item-icon--draggable": S(f) }])
             }, null, 8, ["name", "class"]),
-            X(Se, {
+            Y(He, {
               label: f.label,
               checked: !0,
-              disabled: g(f),
-              onChange: (L) => ne(f, L),
-              onClick: _[0] || (_[0] = xe(() => {
+              disabled: b(f),
+              onChange: (M) => J(f, M),
+              onClick: _[0] || (_[0] = ye(() => {
               }, ["stop"]))
             }, null, 8, ["label", "disabled", "onChange"]),
-            g(f) ? (s(), i("span", qs, "pinned")) : T("", !0)
+            b(f) ? (s(), i("span", qs, "pinned")) : R("", !0)
           ], 42, Ys))), 128))
         ]),
         r("div", Xs, [
           (s(!0), i(pe, null, ve(d.value, (f) => {
-            var C, L;
+            var w, M;
             return s(), i("div", {
               key: f.name,
               class: "vt-columns-selector__group"
             }, [
               r("div", {
                 class: "vt-columns-selector__group-header",
-                onClick: (S) => H(f.name)
+                onClick: (V) => B(f.name)
               }, [
-                X(Se, {
+                Y(He, {
                   label: f.label,
-                  checked: ((C = v.value[f.name]) == null ? void 0 : C.checked) || !1,
-                  indeterminate: ((L = v.value[f.name]) == null ? void 0 : L.indeterminate) || !1,
-                  onChange: (S) => K(f, S),
-                  onClick: _[1] || (_[1] = xe(() => {
+                  checked: ((w = v.value[f.name]) == null ? void 0 : w.checked) || !1,
+                  indeterminate: ((M = v.value[f.name]) == null ? void 0 : M.indeterminate) || !1,
+                  onChange: (V) => ee(f, V),
+                  onClick: _[1] || (_[1] = ye(() => {
                   }, ["stop"]))
                 }, null, 8, ["label", "checked", "indeterminate", "onChange"]),
                 f.icon ? (s(), re(se, {
                   key: 0,
                   name: f.icon,
                   class: "vt-columns-selector__group-icon"
-                }, null, 8, ["name"])) : T("", !0)
+                }, null, 8, ["name"])) : R("", !0)
               ], 8, Us),
               a.value.has(f.name) ? (s(), i("div", Ks, [
-                (s(!0), i(pe, null, ve(f.columns, (S) => (s(), i("div", {
-                  key: S.prop,
+                (s(!0), i(pe, null, ve(f.columns, (V) => (s(), i("div", {
+                  key: V.prop,
                   class: "vt-columns-selector__group-column"
                 }, [
-                  X(Se, {
-                    label: S.label,
-                    checked: Q(S),
-                    disabled: !E(S),
-                    onChange: (oe) => ne(S, oe)
+                  Y(He, {
+                    label: V.label,
+                    checked: te(V),
+                    disabled: !T(V),
+                    onChange: (oe) => J(V, oe)
                   }, null, 8, ["label", "checked", "disabled", "onChange"]),
-                  E(S) ? T("", !0) : (s(), i("span", Gs, " (закріплена) "))
+                  T(V) ? R("", !0) : (s(), i("span", Gs, " (закріплена) "))
                 ]))), 128))
-              ])) : T("", !0)
+              ])) : R("", !0)
             ]);
           }), 128))
         ])
       ]),
       r("div", Qs, [
-        X(qe, { onClick: ie }, {
-          default: ye(() => _[2] || (_[2] = [
-            Ie("Скасувати", -1)
+        Y(Xe, { onClick: ie }, {
+          default: be(() => _[2] || (_[2] = [
+            Se("Скасувати", -1)
           ])),
           _: 1,
           __: [2]
         }),
-        X(qe, {
+        Y(Xe, {
           type: "primary",
-          onClick: j
+          onClick: O
         }, {
-          default: ye(() => _[3] || (_[3] = [
-            Ie("Зберегти", -1)
+          default: be(() => _[3] || (_[3] = [
+            Se("Зберегти", -1)
           ])),
           _: 1,
           __: [3]
@@ -2579,7 +2579,7 @@ const Ve = new As(), Ps = {
       ])
     ]));
   }
-}), er = { class: "vt-table-header-actions" }, tr = /* @__PURE__ */ de({
+}), er = { class: "vt-table-header-actions" }, tr = /* @__PURE__ */ he({
   __name: "ColumnActions",
   props: {
     column: {},
@@ -2608,24 +2608,24 @@ const Ve = new As(), Ps = {
       order: 999,
       columns: d
     }), c = (d) => {
-      var A;
-      const g = new Set(d.map((Z) => Z.prop)), x = /* @__PURE__ */ new Set();
-      (A = o.columnsSelector) == null || A.forEach((Z) => {
-        Z.columns.forEach((Y) => x.add(Y.prop));
-      }), o.allColumns.forEach((Z) => x.add(Z.prop));
-      const P = [];
-      x.forEach((Z) => {
-        var Y;
-        if (!g.has(Z)) {
-          let B;
-          (Y = o.columnsSelector) == null || Y.forEach((W) => {
-            const D = W.columns.find((G) => G.prop === Z);
-            D && (B = D);
-          }), B || (B = o.allColumns.find((W) => W.prop === Z)), B && P.push(B);
+      var Z;
+      const b = new Set(d.map((A) => A.prop)), S = /* @__PURE__ */ new Set();
+      (Z = o.columnsSelector) == null || Z.forEach((A) => {
+        A.columns.forEach((q) => S.add(q.prop));
+      }), o.allColumns.forEach((A) => S.add(A.prop));
+      const H = [];
+      S.forEach((A) => {
+        var q;
+        if (!b.has(A)) {
+          let E;
+          (q = o.columnsSelector) == null || q.forEach((D) => {
+            const W = D.columns.find((G) => G.prop === A);
+            W && (E = W);
+          }), E || (E = o.allColumns.find((D) => D.prop === A)), E && H.push(E);
         }
       });
-      const R = [...o.columnsSelector || []];
-      return P.length > 0 && R.push(p(P)), R;
+      const P = [...o.columnsSelector || []];
+      return H.length > 0 && P.push(p(H)), P;
     }, v = () => {
       console.log("handleToggleVisibility called");
       const d = c(o.allColumns);
@@ -2635,41 +2635,41 @@ const Ve = new As(), Ps = {
         props: {
           columns: o.allColumns,
           columnsSelector: d,
-          "onUpdate-columns": (g) => {
-            t("update-columns", g);
+          "onUpdate-columns": (b) => {
+            t("update-columns", b);
           }
         },
         size: "large",
         closeOnBackdropClick: !1
       });
     };
-    return (d, g) => (s(), re(kt, {
+    return (d, b) => (s(), re(kt, {
       trigger: "click",
       placement: "bottom-start",
       onCommand: a
     }, {
-      dropdown: ye(() => [
-        X(tt, { command: "pin" }, {
-          default: ye(() => [
-            X(se, {
+      dropdown: be(() => [
+        Y(tt, { command: "pin" }, {
+          default: be(() => [
+            Y(se, {
               name: l() ? "unfreeze" : "freeze"
             }, null, 8, ["name"]),
-            r("div", null, U(l() ? "Розморозити" : "Заморозити"), 1)
+            r("div", null, K(l() ? "Розморозити" : "Заморозити"), 1)
           ]),
           _: 1
         }),
-        X(tt, { command: "columns" }, {
-          default: ye(() => [
-            X(se, { name: "columnInsert" }),
-            g[0] || (g[0] = r("div", null, "Колонки", -1))
+        Y(tt, { command: "columns" }, {
+          default: be(() => [
+            Y(se, { name: "columnInsert" }),
+            b[0] || (b[0] = r("div", null, "Колонки", -1))
           ]),
           _: 1,
           __: [0]
         })
       ]),
-      default: ye(() => [
+      default: be(() => [
         r("div", er, [
-          X(se, { name: "listBullet" })
+          Y(se, { name: "listBullet" })
         ])
       ]),
       _: 1
@@ -2684,7 +2684,7 @@ const Ve = new As(), Ps = {
 }, cr = ["colspan"], dr = { class: "vt-table__empty-content" }, hr = ["onClick"], pr = { class: "vt-table__cell-content" }, vr = { class: "vt-table__cell-content vt-table__cell-content--ellipsis" }, fr = { key: 1 }, mr = ["data-resizer", "onMousedown"], Cr = {
   key: 1,
   class: "vt-table__summary"
-}, wr = { class: "vt-table__cell-content vt-table__cell-content--summary" }, et = 50, gr = /* @__PURE__ */ de({
+}, wr = { class: "vt-table__cell-content vt-table__cell-content--summary" }, et = 50, gr = /* @__PURE__ */ he({
   __name: "VTable",
   props: /* @__PURE__ */ at({
     data: {},
@@ -2712,25 +2712,25 @@ const Ve = new As(), Ps = {
   }),
   emits: /* @__PURE__ */ at(["sort-change", "selection-change", "current-change", "row-click", "update:columns", "column-pin", "column-resize", "column-visibility", "column-sort", "columns-change", "infinity-scroll"], ["update:columns"]),
   setup(n, { expose: e, emit: o }) {
-    const t = n, l = o, a = $t(n, "columns"), u = I({}), p = I(), c = Lt([]), v = I(t.defaultSort || null), d = y(() => Ws(t.data || [], v.value, c)), g = y(() => a.value !== void 0), x = y(() => t.data && t.data.length > 0), P = I(!1), R = I(0);
-    let A;
-    const Z = (k, V) => t.rowKey && k[t.rowKey] != null ? String(k[t.rowKey]) : String(V), Y = () => {
-      g.value && a.value ? c.splice(0, c.length, ...a.value) : t.columns && t.columns.length > 0 && c.splice(0, c.length, ...t.columns);
+    const t = n, l = o, a = $t(n, "columns"), u = I({}), p = I(), c = Lt([]), v = I(t.defaultSort || null), d = x(() => Ws(t.data || [], v.value, c)), b = x(() => a.value !== void 0), S = x(() => t.data && t.data.length > 0), H = I(!1), P = I(0);
+    let Z;
+    const A = (g, L) => t.rowKey && g[t.rowKey] != null ? String(g[t.rowKey]) : String(L), q = () => {
+      b.value && a.value ? c.splice(0, c.length, ...a.value) : t.columns && t.columns.length > 0 && c.splice(0, c.length, ...t.columns);
     };
-    ge(
+    we(
       () => a.value,
-      (k) => {
-        k && g.value && c.splice(0, c.length, ...k);
+      (g) => {
+        g && b.value && c.splice(0, c.length, ...g);
       },
       { deep: !0 }
-    ), ge(
+    ), we(
       () => t.columns,
-      (k) => {
-        k && !g.value && c.splice(0, c.length, ...k);
+      (g) => {
+        g && !b.value && c.splice(0, c.length, ...g);
       },
       { deep: !0 }
     ), rt("vt-table-columns", c);
-    const { sortedColumns: B, getDefaultColumnWidth: W, getStickyOffset: D } = Es(c), { getTableWrapperStyle: G, getColumnStyle: q, getHeaderStyle: ne, getFooterStyle: K } = Ts(t), { onMouseDown: Q } = Rs(), E = y(() => t.allData || t.data), H = t.selectable ? zs(t, d, l, E) : null, j = () => ({
+    const { sortedColumns: E, getDefaultColumnWidth: D, getStickyOffset: W } = Es(c), { getTableWrapperStyle: G, getColumnStyle: X, getHeaderStyle: J, getFooterStyle: ee } = Ts(t), { onMouseDown: te } = Rs(), T = x(() => t.allData || t.data), B = t.selectable ? zs(t, d, l, T) : null, O = () => ({
       width: `${et}px`,
       minWidth: `${et}px`,
       maxWidth: `${et}px`,
@@ -2738,148 +2738,148 @@ const Ve = new As(), Ps = {
       position: "sticky",
       zIndex: 10
     }), ie = () => {
-      const k = j();
+      const g = O();
       return t.maxHeight ? {
-        ...k,
+        ...g,
         top: "0px",
         zIndex: 11
-      } : k;
+      } : g;
     }, m = () => {
-      const k = j();
+      const g = O();
       return t.maxHeight ? {
-        ...k,
+        ...g,
         bottom: "0px",
         zIndex: 11
-      } : k;
+      } : g;
     }, _ = () => {
-      if (!p.value || P.value) return;
-      const k = p.value, V = k.scrollTop, O = k.scrollHeight, N = k.clientHeight, J = 30;
-      A && clearTimeout(A), A = setTimeout(() => {
-        const Te = V - R.value > 1, z = O - V - N <= J, fe = O - V - N <= 5;
-        R.value = V, Te && (z || fe) && (P.value = !0, l("infinity-scroll"), setTimeout(() => {
-          P.value = !1;
+      if (!p.value || H.value) return;
+      const g = p.value, L = g.scrollTop, z = g.scrollHeight, N = g.clientHeight, U = 30;
+      Z && clearTimeout(Z), Z = setTimeout(() => {
+        const ze = L - P.value > 1, j = z - L - N <= U, fe = z - L - N <= 5;
+        P.value = L, ze && (j || fe) && (H.value = !0, l("infinity-scroll"), setTimeout(() => {
+          H.value = !1;
         }, 1e3));
       }, 50);
     }, f = () => {
-      P.value = !1;
+      H.value = !1;
     };
-    Me(() => {
+    xe(() => {
       p.value && p.value.addEventListener("scroll", _);
-    }), We(() => {
-      A && clearTimeout(A), p.value && p.value.removeEventListener("scroll", _);
+    }), Ae(() => {
+      Z && clearTimeout(Z), p.value && p.value.removeEventListener("scroll", _);
     });
-    const C = (k, V) => {
-      Ds(k, V, (O) => {
-        var N, J;
-        ((N = v.value) == null ? void 0 : N.prop) === k.prop && v.value.direction === V ? v.value = null : v.value = O, l("sort-change", {
-          column: k,
-          direction: ((J = v.value) == null ? void 0 : J.direction) || null,
-          prop: k.prop,
+    const w = (g, L) => {
+      Ds(g, L, (z) => {
+        var N, U;
+        ((N = v.value) == null ? void 0 : N.prop) === g.prop && v.value.direction === L ? v.value = null : v.value = z, l("sort-change", {
+          column: g,
+          direction: ((U = v.value) == null ? void 0 : U.direction) || null,
+          prop: g.prop,
           sortedData: d.value
         });
       });
-    }, L = (k, V) => {
-      const O = {
-        pinnedLeft: V === "left",
-        pinnedRight: V === "right"
+    }, M = (g, L) => {
+      const z = {
+        pinnedLeft: L === "left",
+        pinnedRight: L === "right"
       };
-      oe(k.prop, O), l("column-pin", { column: { ...k, ...O }, position: V });
-    }, S = (k) => {
-      c.splice(0, c.length, ...k), g.value && (a.value = [...k]), l("columns-change", [...k]);
-    }, oe = (k, V) => {
-      const O = c.findIndex((N) => N.prop === k);
-      if (O !== -1) {
-        if (Object.assign(c[O], V), g.value && a.value) {
-          const N = a.value.findIndex((J) => J.prop === k);
+      oe(g.prop, z), l("column-pin", { column: { ...g, ...z }, position: L });
+    }, V = (g) => {
+      c.splice(0, c.length, ...g), b.value && (a.value = [...g]), l("columns-change", [...g]);
+    }, oe = (g, L) => {
+      const z = c.findIndex((N) => N.prop === g);
+      if (z !== -1) {
+        if (Object.assign(c[z], L), b.value && a.value) {
+          const N = a.value.findIndex((U) => U.prop === g);
           if (N !== -1) {
-            const J = [...a.value];
-            J[N] = { ...J[N], ...V }, a.value = J;
+            const U = [...a.value];
+            U[N] = { ...U[N], ...L }, a.value = U;
           }
         }
         l("columns-change", [...c]);
       }
-    }, ae = (k, V, O) => {
-      l("row-click", { row: k, column: V, event: O }), t.highlightCurrentRow && H && H.setCurrentRow(k);
-    }, ke = (k, V, O) => {
-      O.stopPropagation(), H && H.toggleRowSelection(V, k);
-    }, he = (k, V) => {
-      V.stopPropagation(), H && H.toggleAllSelection();
-    }, Be = (k, V) => {
-      k && (u.value[V] = k);
-    }, He = (k, V) => {
-      const O = V.width || W();
-      Q(k, V, W, (N) => {
-        oe(V.prop, { width: N }), l("column-resize", {
-          column: { ...V, width: N },
+    }, ue = (g, L, z) => {
+      l("row-click", { row: g, column: L, event: z }), t.highlightCurrentRow && B && B.setCurrentRow(g);
+    }, de = (g, L, z) => {
+      z.stopPropagation(), B && B.toggleRowSelection(L, g);
+    }, ke = (g, L) => {
+      L.stopPropagation(), B && B.toggleAllSelection();
+    }, Be = (g, L) => {
+      g && (u.value[L] = g);
+    }, Ee = (g, L) => {
+      const z = L.width || D();
+      te(g, L, D, (N) => {
+        oe(L.prop, { width: N }), l("column-resize", {
+          column: { ...L, width: N },
           width: N,
-          oldWidth: O
+          oldWidth: z
         });
       });
-    }, je = (k, V) => q(k, V, D, W), Ae = (k, V) => ne(k, V, D, W), Ee = (k, V) => K(k, V, D, W), h = (k, V) => {
-      if (!V || !V.prop) return "";
-      const O = k[V.prop];
-      return O == null ? "" : String(O);
-    }, M = y(() => {
-      if (!t.showSummary || !x.value) return {};
-      const k = c;
+    }, Pe = (g, L) => X(g, L, W, D), Te = (g, L) => J(g, L, W, D), Ze = (g, L) => ee(g, L, W, D), h = (g, L) => {
+      if (!L || !L.prop) return "";
+      const z = g[L.prop];
+      return z == null ? "" : String(z);
+    }, y = x(() => {
+      if (!t.showSummary || !S.value) return {};
+      const g = c;
       if (typeof t.summaryMethod == "function") {
-        const V = t.summaryMethod({ columns: k, data: d.value });
-        return k.reduce(
-          (O, N, J) => (O[N.prop] = V[J], O),
+        const L = t.summaryMethod({ columns: g, data: d.value });
+        return g.reduce(
+          (z, N, U) => (z[N.prop] = L[U], z),
           {}
         );
       }
-      return k.reduce(
-        (V, O) => {
-          const N = d.value.map((J) => J[O.prop]);
-          return V[O.prop] = N.every((J) => typeof J == "number") ? N.reduce((J, $e) => J + $e, 0) : "", V;
+      return g.reduce(
+        (L, z) => {
+          const N = d.value.map((U) => U[z.prop]);
+          return L[z.prop] = N.every((U) => typeof U == "number") ? N.reduce((U, Ie) => U + Ie, 0) : "", L;
         },
         {}
       );
-    }), $ = y(() => t.showSummary && x.value), ue = (k, V) => {
-      H && H.toggleRowSelection(k, V);
+    }), $ = x(() => t.showSummary && S.value), ce = (g, L) => {
+      B && B.toggleRowSelection(g, L);
+    }, Me = () => {
+      B && B.toggleAllSelection();
     }, Ce = () => {
-      H && H.toggleAllSelection();
-    }, be = () => {
-      H && H.selectAbsolutelyAll();
-    }, Oe = () => {
-      H && H.clearSelection();
-    }, Pe = () => H ? H.getSelectionRows() : [], Ke = (k) => {
-      H && H.setSelectionRows(k);
-    }, Ze = (k, V) => {
+      B && B.selectAbsolutelyAll();
+    }, Re = () => {
+      B && B.clearSelection();
+    }, Ge = () => B ? B.getSelectionRows() : [], Ne = (g) => {
+      B && B.setSelectionRows(g);
+    }, Qe = (g, L) => {
       if (!t.rowHighlight) return [];
       try {
-        const O = t.rowHighlight(k, V);
-        if (!O) return [];
+        const z = t.rowHighlight(g, L);
+        if (!z) return [];
         const N = [];
-        return (O.type !== "custom" || !O.className) && N.push(`vt-table__row--highlight-${O.type}`), O.className && N.push(O.className), N;
-      } catch (O) {
-        return console.warn("Помилка у функції підсвічування рядків:", O), [];
+        return (z.type !== "custom" || !z.className) && N.push(`vt-table__row--highlight-${z.type}`), z.className && N.push(z.className), N;
+      } catch (z) {
+        return console.warn("Помилка у функції підсвічування рядків:", z), [];
       }
     };
-    return Me(() => {
-      Y();
+    return xe(() => {
+      q();
     }), e({
-      toggleRowSelection: ue,
-      toggleAllSelection: Ce,
-      selectAbsolutelyAll: be,
-      clearSelection: Oe,
-      getSelectionRows: Pe,
-      setSelectionRows: Ke,
+      toggleRowSelection: ce,
+      toggleAllSelection: Me,
+      selectAbsolutelyAll: Ce,
+      clearSelection: Re,
+      getSelectionRows: Ge,
+      setSelectionRows: Ne,
       resetInfinityScroll: f
-    }), (k, V) => {
-      var N, J, $e, Te;
-      const O = lt("tooltip");
+    }), (g, L) => {
+      var N, U, Ie, ze;
+      const z = lt("tooltip");
       return s(), i("div", {
         ref_key: "tableWrapperRef",
         ref: p,
-        style: me(ce(G)()),
+        style: me(ae(G)()),
         class: "vt-table-wrapper",
         onScroll: _
       }, [
-        _e(k.$slots, "default"),
+        _e(g.$slots, "default"),
         r("table", nr, [
-          t.hideHeader ? T("", !0) : (s(), i("thead", or, [
+          t.hideHeader ? R("", !0) : (s(), i("thead", or, [
             r("tr", null, [
               t.selectable ? (s(), i("th", {
                 key: 0,
@@ -2890,94 +2890,94 @@ const Ve = new As(), Ps = {
                 style: me(ie())
               }, [
                 r("div", lr, [
-                  X(Se, {
-                    checked: (N = ce(H)) == null ? void 0 : N.isAllSelected.value,
-                    indeterminate: (J = ce(H)) == null ? void 0 : J.isIndeterminate.value,
-                    "is-double": (Te = ($e = ce(H)) == null ? void 0 : $e.isDoubleCheck) == null ? void 0 : Te.value,
-                    onChange: he
+                  Y(He, {
+                    checked: (N = ae(B)) == null ? void 0 : N.isAllSelected.value,
+                    indeterminate: (U = ae(B)) == null ? void 0 : U.isIndeterminate.value,
+                    "is-double": (ze = (Ie = ae(B)) == null ? void 0 : Ie.isDoubleCheck) == null ? void 0 : ze.value,
+                    onChange: ke
                   }, null, 8, ["checked", "indeterminate", "is-double"])
                 ])
-              ], 6)) : T("", !0),
-              (s(!0), i(pe, null, ve(ce(B), (z, fe) => (s(), i("th", {
-                key: z.prop,
+              ], 6)) : R("", !0),
+              (s(!0), i(pe, null, ve(ae(E), (j, fe) => (s(), i("th", {
+                key: j.prop,
                 ref_for: !0,
-                ref: (we) => Be(we, z.prop),
+                ref: (ge) => Be(ge, j.prop),
                 class: F([
                   "vt-table__th",
                   {
                     "vt-table__th--sticky": t.maxHeight,
-                    "vt-table__th--pinned-left": z.pinnedLeft,
-                    "vt-table__th--pinned-right": z.pinnedRight,
-                    "vt-table__th--sortable": z.sortable
+                    "vt-table__th--pinned-left": j.pinnedLeft,
+                    "vt-table__th--pinned-right": j.pinnedRight,
+                    "vt-table__th--sortable": j.sortable
                   }
                 ]),
-                style: me(Ae(z, fe))
+                style: me(Te(j, fe))
               }, [
                 r("div", sr, [
-                  r("div", rr, U(z.label), 1),
-                  z.sortable ? (s(), i("div", ir, [
-                    X(se, {
-                      class: F(ce(dt)(z, v.value).asc),
+                  r("div", rr, K(j.label), 1),
+                  j.sortable ? (s(), i("div", ir, [
+                    Y(se, {
+                      class: F(ae(dt)(j, v.value).asc),
                       name: "arrowTop",
-                      onClick: xe((we) => C(z, "asc"), ["stop"])
+                      onClick: ye((ge) => w(j, "asc"), ["stop"])
                     }, null, 8, ["class", "onClick"]),
-                    X(se, {
-                      class: F(ce(dt)(z, v.value).desc),
+                    Y(se, {
+                      class: F(ae(dt)(j, v.value).desc),
                       name: "arrowDown",
-                      onClick: xe((we) => C(z, "desc"), ["stop"])
+                      onClick: ye((ge) => w(j, "desc"), ["stop"])
                     }, null, 8, ["class", "onClick"])
-                  ])) : T("", !0),
-                  z.actionColumn ? (s(), re(tr, {
+                  ])) : R("", !0),
+                  j.actionColumn ? (s(), re(tr, {
                     key: 1,
-                    "all-columns": ce(B),
-                    column: z,
+                    "all-columns": ae(E),
+                    column: j,
                     columnsSelector: t.columnsSelector,
-                    onPin: L,
-                    onUpdateColumns: S
-                  }, null, 8, ["all-columns", "column", "columnsSelector"])) : T("", !0)
+                    onPin: M,
+                    onUpdateColumns: V
+                  }, null, 8, ["all-columns", "column", "columnsSelector"])) : R("", !0)
                 ]),
                 r("div", {
-                  "data-resizer": z.prop,
+                  "data-resizer": j.prop,
                   class: "vt-table__resizer",
-                  onMousedown: (we) => He(we, z)
+                  onMousedown: (ge) => Ee(ge, j)
                 }, null, 40, ar)
               ], 6))), 128))
             ])
           ])),
           r("tbody", null, [
-            x.value ? (s(!0), i(pe, { key: 1 }, ve(d.value, (z, fe) => {
-              var we, Ne, Fe;
+            S.value ? (s(!0), i(pe, { key: 1 }, ve(d.value, (j, fe) => {
+              var ge, Fe, Ye;
               return s(), i("tr", {
-                key: Z(z, fe),
+                key: A(j, fe),
                 class: F([
                   "vt-table__row",
                   {
-                    "vt-table__row--selected": (we = ce(H)) == null ? void 0 : we.isRowSelected(z),
-                    "vt-table__row--current": ((Ne = ce(H)) == null ? void 0 : Ne.currentRow.value) === z,
+                    "vt-table__row--selected": (ge = ae(B)) == null ? void 0 : ge.isRowSelected(j),
+                    "vt-table__row--current": ((Fe = ae(B)) == null ? void 0 : Fe.currentRow.value) === j,
                     "vt-table__row--clickable": t.selectOnClickRow || t.highlightCurrentRow
                   },
-                  ...Ze(z, fe)
+                  ...Qe(j, fe)
                 ]),
-                onClick: (le) => ae(z, ce(B)[0], le)
+                onClick: (le) => ue(j, ae(E)[0], le)
               }, [
                 t.selectable ? (s(), i("td", {
                   key: 0,
                   class: F([{
                     "vt-table__td--pinned-left": !0
                   }, "vt-table__td vt-table__td--selection"]),
-                  style: me(j())
+                  style: me(O())
                 }, [
                   r("div", pr, [
-                    X(Se, {
-                      checked: (Fe = ce(H)) == null ? void 0 : Fe.isRowSelected(z),
-                      onChange: (le, Re) => ke(le, z, Re)
+                    Y(He, {
+                      checked: (Ye = ae(B)) == null ? void 0 : Ye.isRowSelected(j),
+                      onChange: (le, je) => de(le, j, je)
                     }, null, 8, ["checked", "onChange"])
                   ])
-                ], 4)) : T("", !0),
-                (s(!0), i(pe, null, ve(ce(B), (le, Re) => (s(), i("td", {
-                  key: `${Z(z, fe)}-${le.prop}`,
+                ], 4)) : R("", !0),
+                (s(!0), i(pe, null, ve(ae(E), (le, je) => (s(), i("td", {
+                  key: `${A(j, fe)}-${le.prop}`,
                   ref_for: !0,
-                  ref: (w) => Be(w, le.prop),
+                  ref: (C) => Be(C, le.prop),
                   class: F([
                     "vt-table__td",
                     {
@@ -2985,31 +2985,31 @@ const Ve = new As(), Ps = {
                       "vt-table__td--pinned-right": le.pinnedRight
                     }
                   ]),
-                  style: me(je(le, Re))
+                  style: me(Pe(le, je))
                 }, [
-                  Ue((s(), i("div", vr, [
-                    le.renderSlot ? (s(), re(ot(() => ce(js)(le.renderSlot, { row: z, column: le, value: z[le.prop], index: fe })), { key: 0 })) : (s(), i("span", fr, U(z[le.prop]), 1))
+                  Ke((s(), i("div", vr, [
+                    le.renderSlot ? (s(), re(ot(() => ae(js)(le.renderSlot, { row: j, column: le, value: j[le.prop], index: fe })), { key: 0 })) : (s(), i("span", fr, K(j[le.prop]), 1))
                   ])), [
-                    [O, le.showOverflowTooltip ? h(z, le) : null]
+                    [z, le.showOverflowTooltip ? h(j, le) : null]
                   ]),
                   r("div", {
                     "data-resizer": le.prop,
                     class: "vt-table__resizer",
-                    onMousedown: (w) => He(w, le)
+                    onMousedown: (C) => Ee(C, le)
                   }, null, 40, mr)
                 ], 6))), 128))
               ], 10, hr);
             }), 128)) : (s(), i("tr", ur, [
               r("td", {
-                colspan: ce(B).length + (t.selectable ? 1 : 0),
+                colspan: ae(E).length + (t.selectable ? 1 : 0),
                 class: "vt-table__empty-cell"
               }, [
                 r("div", dr, [
-                  X(se, {
+                  Y(se, {
                     class: "vt-table__empty-icon",
                     name: "empty"
                   }),
-                  V[0] || (V[0] = r("span", { class: "vt-table__empty-text" }, "Немає даних!", -1))
+                  L[0] || (L[0] = r("span", { class: "vt-table__empty-text" }, "Немає даних!", -1))
                 ])
               ], 8, cr)
             ]))
@@ -3022,29 +3022,29 @@ const Ve = new As(), Ps = {
                   "vt-table__td--pinned-left": !0
                 }, "vt-table__td"]),
                 style: me(m())
-              }, V[1] || (V[1] = [
+              }, L[1] || (L[1] = [
                 r("div", { class: "vt-table__cell-content vt-table__cell-content--summary" }, null, -1)
-              ]), 4)) : T("", !0),
-              (s(!0), i(pe, null, ve(ce(B), (z, fe) => (s(), i("td", {
-                key: z.prop,
+              ]), 4)) : R("", !0),
+              (s(!0), i(pe, null, ve(ae(E), (j, fe) => (s(), i("td", {
+                key: j.prop,
                 class: F([
                   "vt-table__td",
                   {
-                    "vt-table__td--pinned-left": z.pinnedLeft,
-                    "vt-table__td--pinned-right": z.pinnedRight
+                    "vt-table__td--pinned-left": j.pinnedLeft,
+                    "vt-table__td--pinned-right": j.pinnedRight
                   }
                 ]),
-                style: me(Ee(z, fe))
+                style: me(Ze(j, fe))
               }, [
-                r("div", wr, U(M.value[z.prop]), 1)
+                r("div", wr, K(y.value[j.prop]), 1)
               ], 6))), 128))
             ])
-          ])) : T("", !0)
+          ])) : R("", !0)
         ])
       ], 36);
     };
   }
-}), _r = /* @__PURE__ */ de({
+}), _r = /* @__PURE__ */ he({
   __name: "VTableColumn",
   props: {
     prop: {},
@@ -3062,7 +3062,7 @@ const Ve = new As(), Ps = {
     sortMethod: {}
   },
   setup(n) {
-    const e = n, o = De(), t = it("vt-table-columns");
+    const e = n, o = We(), t = it("vt-table-columns");
     t || console.error(
       "VTableColumn: не знайдено контекст таблиці. Переконайтеся, що компонент використовується всередині VTable."
     );
@@ -3082,12 +3082,12 @@ const Ve = new As(), Ps = {
       renderSlot: o[e.prop] ?? o.default ?? o.slot
     });
     let a = -1;
-    return Me(() => {
+    return xe(() => {
       if (t) {
         const u = l();
         t.push(u), a = t.length - 1;
       }
-    }), ge(
+    }), we(
       () => [
         e.width,
         e.minWidth,
@@ -3114,7 +3114,7 @@ const Ve = new As(), Ps = {
         }
       },
       { deep: !0 }
-    ), We(() => {
+    ), Ae(() => {
       if (t) {
         const u = t.findIndex((p) => p.prop === e.prop);
         u > -1 && t.splice(u, 1);
@@ -3139,10 +3139,10 @@ const Ve = new As(), Ps = {
 }, Ir = {
   key: 1,
   class: "vt-input__helper"
-}, Br = {
+}, Hr = {
   key: 2,
   class: "vt-input__errors"
-}, bt = /* @__PURE__ */ de({
+}, bt = /* @__PURE__ */ he({
   __name: "VInput",
   props: {
     modelValue: {},
@@ -3190,7 +3190,7 @@ const Ve = new As(), Ps = {
   },
   emits: ["update:modelValue", "input", "change", "focus", "blur", "clear", "validation", "keydown", "keyup", "keypress", "click"],
   setup(n, { expose: e, emit: o }) {
-    const t = n, l = o, a = I(), u = I(), p = I(!1), c = I(!1), v = I(), d = I([]), g = I(!0), x = I(!1), P = {
+    const t = n, l = o, a = I(), u = I(), p = I(!1), c = I(!1), v = I(), d = I([]), b = I(!0), S = I(!1), H = {
       email: (h) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(h),
       url: (h) => {
         try {
@@ -3201,37 +3201,37 @@ const Ve = new As(), Ps = {
       },
       number: (h) => !isNaN(Number(h)) && isFinite(Number(h)),
       required: (h) => h !== "" && h !== null && h !== void 0,
-      minlength: (h, M) => String(h).length >= M,
-      maxlength: (h, M) => String(h).length <= M,
-      min: (h, M) => {
+      minlength: (h, y) => String(h).length >= y,
+      maxlength: (h, y) => String(h).length <= y,
+      min: (h, y) => {
         const $ = Number(h);
-        return !isNaN($) && $ >= M;
+        return !isNaN($) && $ >= y;
       },
-      max: (h, M) => {
+      max: (h, y) => {
         const $ = Number(h);
-        return !isNaN($) && $ <= M;
+        return !isNaN($) && $ <= y;
       },
-      pattern: (h, M) => new RegExp(M).test(h),
-      custom: (h, M) => M(h)
-    }, R = (h) => {
-      const M = [], $ = String(h || "");
-      if (t.required && !P.required(h) && M.push(t.requiredMessage || "Це поле є обов'язковим"), !$ && !t.required) {
-        d.value = M, g.value = M.length === 0;
+      pattern: (h, y) => new RegExp(y).test(h),
+      custom: (h, y) => y(h)
+    }, P = (h) => {
+      const y = [], $ = String(h || "");
+      if (t.required && !H.required(h) && y.push(t.requiredMessage || "Це поле є обов'язковим"), !$ && !t.required) {
+        d.value = y, b.value = y.length === 0;
         return;
       }
       switch (t.type) {
         case "email":
-          $ && !P.email($) && M.push(t.emailMessage || "Введіть коректну email адресу");
+          $ && !H.email($) && y.push(t.emailMessage || "Введіть коректну email адресу");
           break;
         case "url":
-          $ && !P.url($) && M.push(t.urlMessage || "Введіть коректний URL");
+          $ && !H.url($) && y.push(t.urlMessage || "Введіть коректний URL");
           break;
         case "number":
-          $ && !P.number($) && M.push(t.numberMessage || "Введіть коректне число");
+          $ && !H.number($) && y.push(t.numberMessage || "Введіть коректне число");
           break;
       }
-      t.minlength && $ && !P.minlength($, t.minlength) && M.push(t.minlengthMessage || `Мінімальна довжина: ${t.minlength} символів`), t.maxlength && $ && !P.maxlength($, t.maxlength) && M.push(t.maxlengthMessage || `Максимальна довжина: ${t.maxlength} символів`), t.type === "number" && $ && P.number($) && (t.min !== void 0 && !P.min($, t.min) && M.push(t.minMessage || `Мінімальне значення: ${t.min}`), t.max !== void 0 && !P.max($, t.max) && M.push(t.maxMessage || `Максимальне значення: ${t.max}`)), t.pattern && $ && !P.pattern($, t.pattern) && M.push(t.patternMessage || "Значення не відповідає вимогам формату"), t.customValidator && !P.custom(h, t.customValidator) && M.push(t.customValidatorMessage || "Значення не проходить валідацію"), d.value = M, g.value = M.length === 0, l("validation", { isValid: g.value, errors: M });
-    }, A = y(() => t.type === "textarea"), Z = y(() => {
+      t.minlength && $ && !H.minlength($, t.minlength) && y.push(t.minlengthMessage || `Мінімальна довжина: ${t.minlength} символів`), t.maxlength && $ && !H.maxlength($, t.maxlength) && y.push(t.maxlengthMessage || `Максимальна довжина: ${t.maxlength} символів`), t.type === "number" && $ && H.number($) && (t.min !== void 0 && !H.min($, t.min) && y.push(t.minMessage || `Мінімальне значення: ${t.min}`), t.max !== void 0 && !H.max($, t.max) && y.push(t.maxMessage || `Максимальне значення: ${t.max}`)), t.pattern && $ && !H.pattern($, t.pattern) && y.push(t.patternMessage || "Значення не відповідає вимогам формату"), t.customValidator && !H.custom(h, t.customValidator) && y.push(t.customValidatorMessage || "Значення не проходить валідацію"), d.value = y, b.value = y.length === 0, l("validation", { isValid: b.value, errors: y });
+    }, Z = x(() => t.type === "textarea"), A = x(() => {
       if (t.type === "password") return null;
       switch (t.type) {
         case "email":
@@ -3241,8 +3241,8 @@ const Ve = new As(), Ps = {
         default:
           return null;
       }
-    }), Y = y(() => {
-      if (t.prefixIcon || Z.value) return null;
+    }), q = x(() => {
+      if (t.prefixIcon || A.value) return null;
       switch (t.status) {
         case "error":
           return "alertCircle";
@@ -3251,14 +3251,14 @@ const Ve = new As(), Ps = {
         case "success":
           return "checkCircle";
         default:
-          return g.value ? null : "alertCircle";
+          return b.value ? null : "alertCircle";
       }
-    }), B = y(() => !!t.prefixIcon || !!Z.value || !!Y.value), W = y(() => t.prefixIcon || Z.value || Y.value), D = y(() => {
-      const h = "vt-input__icon", M = t.status !== "default" ? t.status : g.value ? "default" : "error";
+    }), E = x(() => !!t.prefixIcon || !!A.value || !!q.value), D = x(() => t.prefixIcon || A.value || q.value), W = x(() => {
+      const h = "vt-input__icon", y = t.status !== "default" ? t.status : b.value ? "default" : "error";
       if (t.prefixIcon)
         return h;
-      if (Y.value)
-        switch (M) {
+      if (q.value)
+        switch (y) {
           case "error":
             return `${h} vt-input__icon--error`;
           case "warning":
@@ -3269,67 +3269,67 @@ const Ve = new As(), Ps = {
             return h;
         }
       return h;
-    }), G = y(() => ["email", "url", "password"].includes(t.type) && t.suffixIcon ? t.clearable || t.showPassword : !!t.suffixIcon || t.clearable || t.showPassword), q = y(() => ["email", "url", "password"].includes(t.type) ? null : t.suffixIcon), ne = y(
+    }), G = x(() => ["email", "url", "password"].includes(t.type) && t.suffixIcon ? t.clearable || t.showPassword : !!t.suffixIcon || t.clearable || t.showPassword), X = x(() => ["email", "url", "password"].includes(t.type) ? null : t.suffixIcon), J = x(
       () => t.clearable && !t.disabled && t.modelValue && String(t.modelValue).length > 0
-    ), K = y(() => t.status !== "default" ? t.status : g.value ? "default" : "error"), Q = y(() => [
+    ), ee = x(() => t.status !== "default" ? t.status : b.value ? "default" : "error"), te = x(() => [
       "vt-input",
       t.size ? `vt-input--${t.size}` : "vt-input--medium",
-      `vt-input--${K.value}`,
+      `vt-input--${ee.value}`,
       {
         "vt-input--disabled": t.disabled,
         "vt-input--focused": p.value,
-        "vt-input--textarea": A.value,
-        "vt-input--has-prefix": B.value,
+        "vt-input--textarea": Z.value,
+        "vt-input--has-prefix": E.value,
         "vt-input--has-suffix": G.value,
-        "vt-input--invalid": !g.value
+        "vt-input--invalid": !b.value
       }
-    ]), E = y(() => t.type === "password" ? c.value ? "text" : "password" : t.type === "textarea" ? "text" : t.type), H = y(() => t.errorMessage ? t.errorMessage : d.value.length > 0 ? d.value[0] : ""), j = y(() => t.autosize && typeof t.autosize == "object" && t.autosize.maxRows ? "none" : t.resize), ie = (h) => {
+    ]), T = x(() => t.type === "password" ? c.value ? "text" : "password" : t.type === "textarea" ? "text" : t.type), B = x(() => t.errorMessage ? t.errorMessage : d.value.length > 0 ? d.value[0] : ""), O = x(() => t.autosize && typeof t.autosize == "object" && t.autosize.maxRows ? "none" : t.resize), ie = (h) => {
       let $ = h.target.value;
       if (t.type === "number" && $ !== "") {
-        const ue = Number($);
-        isNaN(ue) || ($ = ue);
+        const ce = Number($);
+        isNaN(ce) || ($ = ce);
       }
-      l("update:modelValue", $), l("input", h), t.validateOnInput && R($), A.value && t.autosize && !x.value && Le(() => S());
+      l("update:modelValue", $), l("input", h), t.validateOnInput && P($), Z.value && t.autosize && !S.value && Le(() => V());
     }, m = (h) => {
       if (l("change", h), !t.validateOnInput) {
-        const M = h.target;
-        R(M.value);
+        const y = h.target;
+        P(y.value);
       }
     }, _ = (h) => {
       p.value = !0, l("focus", h);
     }, f = (h) => {
       if (p.value = !1, l("blur", h), t.validateOnBlur) {
-        const M = h.target;
-        R(M.value);
+        const y = h.target;
+        P(y.value);
       }
-    }, C = () => {
+    }, w = () => {
       var h;
-      l("update:modelValue", ""), l("clear"), (h = a.value) == null || h.focus(), d.value = [], g.value = !0, l("validation", { isValid: !0, errors: [] });
-    }, L = () => {
+      l("update:modelValue", ""), l("clear"), (h = a.value) == null || h.focus(), d.value = [], b.value = !0, l("validation", { isValid: !0, errors: [] });
+    }, M = () => {
       c.value = !c.value, Le(() => {
         var h;
         (h = a.value) == null || h.focus();
       });
-    }, S = () => {
-      if (!u.value || !t.autosize || x.value) return;
-      const h = u.value, M = h.style.height;
+    }, V = () => {
+      if (!u.value || !t.autosize || S.value) return;
+      const h = u.value, y = h.style.height;
       h.style.height = "auto";
       let $ = h.scrollHeight;
       if (typeof t.autosize == "object") {
-        const Ce = parseInt(getComputedStyle(h).lineHeight), be = t.autosize.minRows ? t.autosize.minRows * Ce : 0, Oe = t.autosize.maxRows ? t.autosize.maxRows * Ce : 1 / 0;
-        $ = Math.max(be, Math.min($, Oe));
+        const Me = parseInt(getComputedStyle(h).lineHeight), Ce = t.autosize.minRows ? t.autosize.minRows * Me : 0, Re = t.autosize.maxRows ? t.autosize.maxRows * Me : 1 / 0;
+        $ = Math.max(Ce, Math.min($, Re));
       }
-      const ue = `${$}px`;
-      ue !== M && (v.value = ue, h.style.height = ue);
+      const ce = `${$}px`;
+      ce !== y && (v.value = ce, h.style.height = ce);
     }, oe = (h) => {
-      if (!u.value || !(j.value !== "none")) return;
-      const ue = u.value.getBoundingClientRect();
-      if (h.clientX > ue.right - 20 && h.clientY > ue.bottom - 20) {
-        x.value = !0;
-        const be = () => {
-          x.value = !1, document.removeEventListener("mouseup", be);
+      if (!u.value || !(O.value !== "none")) return;
+      const ce = u.value.getBoundingClientRect();
+      if (h.clientX > ce.right - 20 && h.clientY > ce.bottom - 20) {
+        S.value = !0;
+        const Ce = () => {
+          S.value = !1, document.removeEventListener("mouseup", Ce);
         };
-        document.addEventListener("mouseup", be);
+        document.addEventListener("mouseup", Ce);
       }
     };
     return e({
@@ -3346,52 +3346,52 @@ const Ve = new As(), Ps = {
         (h = a.value) == null || h.select();
       },
       clear: () => {
-        C();
+        w();
       },
-      validate: () => (R(t.modelValue || ""), g.value),
+      validate: () => (P(t.modelValue || ""), b.value),
       clearValidation: () => {
-        d.value = [], g.value = !0, l("validation", { isValid: !0, errors: [] });
+        d.value = [], b.value = !0, l("validation", { isValid: !0, errors: [] });
       },
       getInputElement: () => a.value || null,
       getValidationState: () => ({
-        isValid: g.value,
+        isValid: b.value,
         errors: [...d.value]
       })
-    }), ge(
+    }), we(
       () => t.modelValue,
       (h) => {
-        A.value && t.autosize && !x.value && Le(S), t.validateOnInput && R(h || "");
+        Z.value && t.autosize && !S.value && Le(V), t.validateOnInput && P(h || "");
       }
-    ), ge(
+    ), we(
       () => [t.required, t.minlength, t.maxlength, t.min, t.max, t.pattern],
       () => {
-        t.modelValue !== void 0 && t.modelValue !== "" && R(t.modelValue);
+        t.modelValue !== void 0 && t.modelValue !== "" && P(t.modelValue);
       },
       { immediate: !0 }
-    ), Me(() => {
-      A.value && t.autosize && S(), t.modelValue !== void 0 && t.modelValue !== "" && R(t.modelValue);
-    }), Me(() => {
-      A.value && t.autosize;
-    }), We(() => {
-    }), (h, M) => (s(), i("div", {
-      class: F(Q.value)
+    ), xe(() => {
+      Z.value && t.autosize && V(), t.modelValue !== void 0 && t.modelValue !== "" && P(t.modelValue);
+    }), xe(() => {
+      Z.value && t.autosize;
+    }), Ae(() => {
+    }), (h, y) => (s(), i("div", {
+      class: F(te.value)
     }, [
       h.label ? (s(), i("label", {
         key: 0,
         class: "vt-input__label",
         for: h.id
       }, [
-        Ie(U(h.label) + " ", 1),
-        h.required ? (s(), i("span", br, "*")) : T("", !0)
-      ], 8, kr)) : T("", !0),
+        Se(K(h.label) + " ", 1),
+        h.required ? (s(), i("span", br, "*")) : R("", !0)
+      ], 8, kr)) : R("", !0),
       r("div", yr, [
-        B.value ? (s(), i("div", xr, [
-          X(se, {
-            name: W.value,
-            class: F(D.value)
+        E.value ? (s(), i("div", xr, [
+          Y(se, {
+            name: D.value,
+            class: F(W.value)
           }, null, 8, ["name", "class"])
-        ])) : T("", !0),
-        A.value ? (s(), i("textarea", {
+        ])) : R("", !0),
+        Z.value ? (s(), i("textarea", {
           key: 1,
           ref_key: "textareaRef",
           ref: u,
@@ -3407,22 +3407,22 @@ const Ve = new As(), Ps = {
           id: h.id,
           tabindex: h.tabindex,
           autocomplete: h.autocomplete,
-          style: me({ resize: j.value, height: v.value }),
+          style: me({ resize: O.value, height: v.value }),
           class: "vt-input__field vt-input__textarea",
           onInput: ie,
           onChange: m,
           onFocus: _,
           onBlur: f,
           onMousedown: oe,
-          onKeydown: M[0] || (M[0] = ($) => h.$emit("keydown", $)),
-          onKeyup: M[1] || (M[1] = ($) => h.$emit("keyup", $)),
-          onKeypress: M[2] || (M[2] = ($) => h.$emit("keypress", $)),
-          onClick: M[3] || (M[3] = ($) => h.$emit("click", $))
+          onKeydown: y[0] || (y[0] = ($) => h.$emit("keydown", $)),
+          onKeyup: y[1] || (y[1] = ($) => h.$emit("keyup", $)),
+          onKeypress: y[2] || (y[2] = ($) => h.$emit("keypress", $)),
+          onClick: y[3] || (y[3] = ($) => h.$emit("click", $))
         }, null, 44, Mr)) : (s(), i("input", {
           key: 2,
           ref_key: "inputRef",
           ref: a,
-          type: E.value,
+          type: T.value,
           value: h.modelValue,
           placeholder: h.placeholder,
           disabled: h.disabled,
@@ -3442,52 +3442,52 @@ const Ve = new As(), Ps = {
           onChange: m,
           onFocus: _,
           onBlur: f,
-          onKeydown: M[4] || (M[4] = ($) => h.$emit("keydown", $)),
-          onKeyup: M[5] || (M[5] = ($) => h.$emit("keyup", $)),
-          onKeypress: M[6] || (M[6] = ($) => h.$emit("keypress", $)),
-          onClick: M[7] || (M[7] = ($) => h.$emit("click", $))
+          onKeydown: y[4] || (y[4] = ($) => h.$emit("keydown", $)),
+          onKeyup: y[5] || (y[5] = ($) => h.$emit("keyup", $)),
+          onKeypress: y[6] || (y[6] = ($) => h.$emit("keypress", $)),
+          onClick: y[7] || (y[7] = ($) => h.$emit("click", $))
         }, null, 40, $r)),
         G.value ? (s(), i("div", Lr, [
-          ne.value ? (s(), i("button", {
+          J.value ? (s(), i("button", {
             key: 0,
             type: "button",
             class: "vt-input__clear-btn",
-            onClick: C
+            onClick: w
           }, [
-            X(se, {
+            Y(se, {
               name: "close",
               class: "vt-input__icon"
             })
-          ])) : T("", !0),
+          ])) : R("", !0),
           h.showPassword && h.type === "password" ? (s(), i("button", {
             key: 1,
             type: "button",
             class: "vt-input__password-btn",
-            onClick: L
+            onClick: M
           }, [
-            X(se, {
+            Y(se, {
               name: c.value ? "eyeOpened" : "eyeClosed",
               class: "vt-input__icon"
             }, null, 8, ["name"])
-          ])) : T("", !0),
-          q.value ? (s(), re(se, {
+          ])) : R("", !0),
+          X.value ? (s(), re(se, {
             key: 2,
-            name: q.value,
+            name: X.value,
             class: "vt-input__icon"
-          }, null, 8, ["name"])) : T("", !0)
-        ])) : T("", !0)
+          }, null, 8, ["name"])) : R("", !0)
+        ])) : R("", !0)
       ]),
-      h.helperText || H.value ? (s(), i("div", Vr, [
-        H.value ? (s(), i("span", Sr, U(H.value), 1)) : h.helperText ? (s(), i("span", Ir, U(h.helperText), 1)) : T("", !0)
-      ])) : T("", !0),
-      d.value.length > 1 && h.showAllErrors ? (s(), i("div", Br, [
-        (s(!0), i(pe, null, ve(d.value, ($, ue) => (s(), i("div", {
-          key: ue,
+      h.helperText || B.value ? (s(), i("div", Vr, [
+        B.value ? (s(), i("span", Sr, K(B.value), 1)) : h.helperText ? (s(), i("span", Ir, K(h.helperText), 1)) : R("", !0)
+      ])) : R("", !0),
+      d.value.length > 1 && h.showAllErrors ? (s(), i("div", Hr, [
+        (s(!0), i(pe, null, ve(d.value, ($, ce) => (s(), i("div", {
+          key: ce,
           class: "vt-input__error-item"
         }, [
-          r("span", null, U($), 1)
+          r("span", null, K($), 1)
         ]))), 128))
-      ])) : T("", !0)
+      ])) : R("", !0)
     ], 2));
   }
 }), yt = Symbol("VtSelectContext"), ht = (n) => {
@@ -3504,7 +3504,7 @@ const Ve = new As(), Ps = {
     a = a.parentElement;
   }
   return !0;
-}, Hr = (n) => {
+}, Br = (n) => {
   const e = [];
   let o = n.parentElement;
   for (; o && o !== document.body; ) {
@@ -3564,14 +3564,14 @@ const Ve = new As(), Ps = {
   const v = c.offsetWidth;
   document.body.removeChild(c);
   for (let d = 0; d < o; d++) {
-    const g = e[d];
-    let x = 0;
-    if (g ? x = g.offsetWidth : x = 80, d < o - 1) {
-      if (a + x + p + v > l)
+    const b = e[d];
+    let S = 0;
+    if (b ? S = b.offsetWidth : S = 80, d < o - 1) {
+      if (a + S + p + v > l)
         break;
-    } else if (a + x > l)
+    } else if (a + S > l)
       break;
-    a += x + p, u++;
+    a += S + p, u++;
   }
   return u >= o ? o : Math.max(1, u);
 }, jr = (n, e) => {
@@ -3624,11 +3624,10 @@ const Ve = new As(), Ps = {
 }, si = {
   key: 3,
   class: "vt-select-dropdown__empty"
-}, ri = {
-  key: 4,
-  ref: "scrollContainer",
-  class: "vt-select-dropdown__options"
-}, ii = ["aria-disabled", "aria-selected", "onClick"], ai = { class: "vt-option__text" }, ui = { key: 1 }, ci = /* @__PURE__ */ de({
+}, ri = ["aria-disabled", "aria-selected", "onClick"], ii = { class: "vt-option__text" }, ai = { key: 1 }, ui = {
+  key: 0,
+  class: "vt-select-dropdown__loading-more"
+}, ci = 50, di = /* @__PURE__ */ he({
   __name: "VSelect",
   props: {
     modelValue: {},
@@ -3651,7 +3650,7 @@ const Ve = new As(), Ps = {
     id: {},
     name: {},
     tabindex: {},
-    maxHeight: { default: 200 },
+    maxHeight: { default: 220 },
     placement: { default: "bottom-start" },
     filterMethod: {},
     required: { type: Boolean },
@@ -3662,232 +3661,230 @@ const Ve = new As(), Ps = {
   emits: ["update:modelValue", "change", "focus", "blur", "clear", "visible-change", "remove-tag", "filter", "validation", "scrolled"],
   setup(n, { expose: e, emit: o }) {
     const t = n, l = o;
-    De();
-    const a = I(), u = I(), p = I(), c = I(), v = I(), d = I([]), g = I();
-    let x = null;
-    const P = I(!1), R = I(!1), A = I(""), Z = I([]), Y = I(!0), B = I(0), W = I(/* @__PURE__ */ new Map()), D = I(/* @__PURE__ */ new Map()), G = I({
+    We();
+    const a = I(), u = I(), p = I(), c = I(), v = I(), d = I([]), b = I(), S = I(!1), H = I(!1), P = I(""), Z = I([]), A = I(!0), q = I(0), E = I(/* @__PURE__ */ new Map()), D = I(/* @__PURE__ */ new Map()), W = I({
       top: "0px",
       left: "0px",
       minWidth: "0px",
       transformOrigin: "center top"
-    }), q = I([]), ne = I(!0), K = I(!1), Q = y(() => t.multiple), E = y(() => Array.from(W.value.values())), H = y(() => {
-      if (!A.value || !t.filterable)
-        return E.value;
-      const w = t.filterMethod || Tr;
-      return E.value.filter((te) => w(A.value, te));
-    }), j = y(() => Rr(t.modelValue, E.value, Q.value)), ie = y(() => !t.multiple || j.value.length === 0 ? [] : t.collapsedTags ? j.value.slice(0, B.value) : j.value), m = y(() => {
-      if (Q.value) return "";
-      const w = j.value[0];
-      return w ? w.label : t.modelValue !== void 0 && t.modelValue !== null && t.modelValue !== "" && !Array.isArray(t.modelValue) ? String(t.modelValue) : "";
-    }), _ = y(() => t.clearable && !t.disabled && j.value.length > 0), f = y(() => t.status !== "default" ? t.status : Y.value ? "default" : "error"), C = y(() => [
+    }), G = I([]), X = I(!0), J = I(!1), ee = I(!1), te = x(() => t.multiple), T = x(() => Array.from(E.value.values())), B = x(() => {
+      if (!P.value || !t.filterable)
+        return T.value;
+      const C = t.filterMethod || Tr;
+      return T.value.filter((ne) => C(P.value, ne));
+    }), O = x(() => Rr(t.modelValue, T.value, te.value)), ie = x(() => !t.multiple || O.value.length === 0 ? [] : t.collapsedTags ? O.value.slice(0, q.value) : O.value), m = x(() => {
+      if (te.value) return "";
+      const C = O.value[0];
+      return C ? C.label : t.modelValue !== void 0 && t.modelValue !== null && t.modelValue !== "" && !Array.isArray(t.modelValue) ? String(t.modelValue) : "";
+    }), _ = x(() => t.clearable && !t.disabled && O.value.length > 0), f = x(() => t.status !== "default" ? t.status : A.value ? "default" : "error"), w = x(() => [
       "vt-select",
       `vt-select--${t.size}`,
       `vt-select--${f.value}`,
       {
         "vt-select--disabled": t.disabled,
-        "vt-select--focused": P.value,
-        "vt-select--multiple": Q.value
+        "vt-select--focused": S.value,
+        "vt-select--multiple": te.value
       }
-    ]), L = y(() => ({
-      ...G.value,
+    ]), M = x(() => ({
+      ...W.value,
       position: "absolute",
       zIndex: 2e3,
       maxHeight: `${t.maxHeight}px`
-    })), S = y(() => t.infiniteScroll && !t.loading && H.value.length > 0), oe = y(() => j.value.length - B.value), ae = y(() => t.collapsedTags && t.multiple && j.value.length > 0 && B.value < j.value.length), ke = y(() => {
-      if (!ae.value) return "";
-      const w = j.value.slice(B.value);
-      return jr(oe.value, w);
-    }), he = () => {
-      const w = Or(
+    })), V = x(() => O.value.length - q.value), oe = x(() => t.collapsedTags && t.multiple && O.value.length > 0 && q.value < O.value.length), ue = x(() => {
+      if (!oe.value) return "";
+      const C = O.value.slice(q.value);
+      return jr(V.value, C);
+    }), de = () => {
+      const C = Or(
         t.modelValue,
-        Q.value,
+        te.value,
         t.required || !1,
         t.requiredMessage
       );
-      Z.value = w.errors, Y.value = w.isValid, l("validation", { isValid: Y.value, errors: w.errors });
-    }, Be = (w, te) => {
-      W.value.set(w.value, w), te && D.value.set(w.value, te);
-    }, He = (w) => {
-      W.value.delete(w), D.value.delete(w);
-    }, je = (w) => D.value.get(w), Ae = () => {
+      Z.value = C.errors, A.value = C.isValid, l("validation", { isValid: A.value, errors: C.errors });
+    }, ke = (C, ne) => {
+      E.value.set(C.value, C), ne && D.value.set(C.value, ne);
+    }, Be = (C) => {
+      E.value.delete(C), D.value.delete(C);
+    }, Ee = (C) => D.value.get(C), Pe = () => {
       if (!u.value) return;
-      const w = ht(u.value);
-      ne.value !== w && (ne.value = w, !w && R.value ? (K.value = !0, R.value = !1, l("visible-change", !1)) : w && K.value && !R.value && (K.value = !1, R.value = !0, Ee(), l("visible-change", !0)));
-    }, Ee = async () => {
+      const C = ht(u.value);
+      X.value !== C && (X.value = C, !C && H.value ? (J.value = !0, H.value = !1, l("visible-change", !1)) : C && J.value && !H.value && (J.value = !1, H.value = !0, Te(), l("visible-change", !0)));
+    }, Te = async () => {
       if (await Le(), !u.value || !p.value) return;
-      const w = u.value.getBoundingClientRect(), te = p.value.getBoundingClientRect(), ze = Er(w, te, t.placement);
-      G.value = {
-        ...ze,
-        minWidth: `${w.width}px`
+      const C = u.value.getBoundingClientRect(), ne = p.value.getBoundingClientRect(), $e = Er(C, ne, t.placement);
+      W.value = {
+        ...$e,
+        minWidth: `${C.width}px`
       };
+    }, Ze = () => {
+      u.value && (G.value = Br(u.value), G.value.forEach((C) => {
+        C.addEventListener("scroll", y, { passive: !0 });
+      }), window.addEventListener("resize", y));
     }, h = () => {
-      u.value && (q.value = Hr(u.value), q.value.forEach((w) => {
-        w.addEventListener("scroll", $, { passive: !0 });
-      }), window.addEventListener("resize", $));
-    }, M = () => {
-      q.value.forEach((w) => {
-        w.removeEventListener("scroll", $);
-      }), window.removeEventListener("resize", $), q.value = [];
-    }, $ = () => {
-      (R.value || K.value) && (Ae(), R.value && Ee());
-    }, ue = () => {
-      t.disabled || R.value || !u.value || !ht(u.value) || (R.value = !0, ne.value = !0, K.value = !1, Le(async () => {
-        await Ee(), h(), $e(), t.filterable && c.value && c.value.focus();
+      G.value.forEach((C) => {
+        C.removeEventListener("scroll", y);
+      }), window.removeEventListener("resize", y), G.value = [];
+    }, y = () => {
+      (H.value || J.value) && (Pe(), H.value && Te());
+    }, $ = (C) => {
+      if (!t.infiniteScroll || t.loading || ee.value) return;
+      const ne = C.target, { scrollTop: $e, scrollHeight: Q, clientHeight: Oe } = ne;
+      Q - $e - Oe <= ci && B.value.length > 0 && (ee.value = !0, l("scrolled"), setTimeout(() => {
+        ee.value = !1;
+      }, 300));
+    }, ce = () => {
+      t.infiniteScroll && b.value && b.value.addEventListener("scroll", $, { passive: !0 });
+    }, Me = () => {
+      t.disabled || H.value || !u.value || !ht(u.value) || (H.value = !0, X.value = !0, J.value = !1, Le(async () => {
+        await Te(), Ze(), ce(), t.filterable && c.value && c.value.focus();
       }), l("visible-change", !0));
     }, Ce = () => {
-      R.value && (R.value = !1, A.value = "", K.value = !1, M(), x && g.value && (x.unobserve(g.value), x.disconnect(), x = null), t.validateOnBlur && he(), l("visible-change", !1));
-    }, be = (w) => {
-      var ze, ee;
-      if (!R.value) return;
-      const te = w.target;
-      (ze = a.value) != null && ze.contains(te) || (ee = p.value) != null && ee.contains(te) || Ce();
-    }, Oe = () => {
-      l("filter", A.value);
-    }, Pe = (w) => {
-      if (w.disabled) return;
-      const te = Wr(w, t.modelValue, Q.value);
-      l("update:modelValue", te), l("change", te), Q.value || Ce(), t.validateOnInput && he();
-    }, Ke = () => {
-      t.disabled || (R.value ? Ce() : ue());
-    }, Ze = () => {
-      const w = Pr(Q.value);
-      l("update:modelValue", w), l("change", w), l("clear"), A.value = "", Z.value = [], Y.value = !0, l("validation", { isValid: !0, errors: [] });
-    }, k = (w) => {
-      if (!Q.value) return;
-      const te = Ar(w, t.modelValue);
-      l("update:modelValue", te), l("change", te), l("remove-tag", w), t.validateOnInput && he();
-    }, V = (w) => Dr(w, t.modelValue, Q.value), O = (w) => H.value.includes(w), N = () => {
-      if (!t.collapsedTags || !v.value || j.value.length === 0) {
-        B.value = j.value.length;
+      H.value && (H.value = !1, P.value = "", J.value = !1, h(), t.validateOnBlur && de(), l("visible-change", !1));
+    }, Re = (C) => {
+      var $e, Q;
+      if (!H.value) return;
+      const ne = C.target;
+      ($e = a.value) != null && $e.contains(ne) || (Q = p.value) != null && Q.contains(ne) || Ce();
+    }, Ge = () => {
+      l("filter", P.value);
+    }, Ne = (C) => {
+      if (C.disabled) return;
+      const ne = Wr(C, t.modelValue, te.value);
+      l("update:modelValue", ne), l("change", ne), te.value || Ce(), t.validateOnInput && de();
+    }, Qe = () => {
+      t.disabled || (H.value ? Ce() : Me());
+    }, g = () => {
+      const C = Pr(te.value);
+      l("update:modelValue", C), l("change", C), l("clear"), P.value = "", Z.value = [], A.value = !0, l("validation", { isValid: !0, errors: [] });
+    }, L = (C) => {
+      if (!te.value) return;
+      const ne = Ar(C, t.modelValue);
+      l("update:modelValue", ne), l("change", ne), l("remove-tag", C), t.validateOnInput && de();
+    }, z = (C) => Dr(C, t.modelValue, te.value), N = (C) => B.value.includes(C), U = () => {
+      if (!t.collapsedTags || !v.value || O.value.length === 0) {
+        q.value = O.value.length;
         return;
       }
       Le(() => {
         if (!v.value) return;
-        const w = zr(v.value, d.value, j.value.length);
-        B.value = w;
+        const C = zr(v.value, d.value, O.value.length);
+        q.value = C;
       });
-    }, J = {
-      selectValue: t.modelValue || (Q.value ? [] : ""),
-      multiple: Q.value,
+    }, Ie = {
+      selectValue: t.modelValue || (te.value ? [] : ""),
+      multiple: te.value,
       filterable: t.filterable,
-      filterQuery: A.value,
-      handleOptionClick: Pe,
-      isOptionSelected: V,
-      isOptionVisible: O,
-      registerOption: Be,
-      unregisterOption: He
-    }, $e = () => {
-      t.infiniteScroll && g.value && (x = new IntersectionObserver(
-        (w) => {
-          w.forEach((te) => {
-            te.isIntersecting && !t.loading && l("scrolled");
-          });
-        },
-        {
-          root: null,
-          rootMargin: "20px",
-          threshold: 0.1
-        }
-      ), x.observe(g.value));
+      filterQuery: P.value,
+      handleOptionClick: Ne,
+      isOptionSelected: z,
+      isOptionVisible: N,
+      registerOption: ke,
+      unregisterOption: Be
     };
-    rt(yt, J);
-    const Te = () => {
-      t.filterable && R.value && c.value ? c.value.focus() : R.value || ue();
-    }, z = () => {
+    rt(yt, Ie);
+    const ze = () => {
+      t.filterable && H.value && c.value ? c.value.focus() : H.value || Me();
+    }, j = () => {
       t.filterable && c.value && c.value.blur(), Ce();
     }, fe = () => {
-      Ze();
-    }, we = () => (he(), Y.value), Ne = () => {
-      Z.value = [], Y.value = !0, l("validation", { isValid: !0, errors: [] });
-    }, Fe = () => j.value, le = () => ({
-      isValid: Y.value,
+      g();
+    }, ge = () => (de(), A.value), Fe = () => {
+      Z.value = [], A.value = !0, l("validation", { isValid: !0, errors: [] });
+    }, Ye = () => O.value, le = () => ({
+      isValid: A.value,
       errors: [...Z.value]
-    }), Re = () => {
-      N();
+    }), je = () => {
+      U();
     };
     return e({
-      focus: Te,
-      blur: z,
+      focus: ze,
+      blur: j,
       clear: fe,
-      validate: we,
-      clearValidation: Ne,
-      getSelectedOptions: Fe,
+      validate: ge,
+      clearValidation: Fe,
+      getSelectedOptions: Ye,
       getValidationState: le,
-      registerOption: Be,
-      unregisterOption: He
-    }), ge(
+      registerOption: ke,
+      unregisterOption: Be
+    }), we(
       () => t.modelValue,
       () => {
-        t.validateOnInput && he();
+        t.validateOnInput && de();
       }
-    ), ge(
-      j,
+    ), we(
+      O,
       () => {
-        N();
+        U();
       },
       { deep: !0 }
-    ), ge(
+    ), we(
       () => v.value,
       () => {
-        v.value && N();
+        v.value && U();
       }
-    ), Me(() => {
-      t.modelValue !== void 0 && t.modelValue !== "" && (!Array.isArray(t.modelValue) || t.modelValue.length > 0) && he(), Le(() => {
-        N(), $e();
-      }), window.addEventListener("resize", Re), document.addEventListener("click", be);
-    }), We(() => {
-      document.removeEventListener("click", be), window.removeEventListener("resize", Re), M(), x && g.value && x.unobserve(g.value), x = null;
-    }), (w, te) => {
-      const ze = lt("tooltip");
+    ), we(
+      () => t.loading,
+      (C) => {
+        C || (ee.value = !1);
+      }
+    ), xe(() => {
+      t.modelValue !== void 0 && t.modelValue !== "" && (!Array.isArray(t.modelValue) || t.modelValue.length > 0) && de(), Le(() => {
+        U();
+      }), window.addEventListener("resize", je), document.addEventListener("click", Re);
+    }), Ae(() => {
+      document.removeEventListener("click", Re), window.removeEventListener("resize", je), h();
+    }), (C, ne) => {
+      const $e = lt("tooltip");
       return s(), i("div", {
         ref_key: "selectRef",
         ref: a,
-        class: F(C.value)
+        class: F(w.value)
       }, [
-        w.label ? (s(), i("label", {
+        C.label ? (s(), i("label", {
           key: 0,
-          for: w.id,
+          for: C.id,
           class: "vt-select__label"
         }, [
-          Ie(U(w.label) + " ", 1),
-          w.required ? (s(), i("span", Nr, "*")) : T("", !0)
-        ], 8, Zr)) : T("", !0),
+          Se(K(C.label) + " ", 1),
+          C.required ? (s(), i("span", Nr, "*")) : R("", !0)
+        ], 8, Zr)) : R("", !0),
         r("div", {
           ref_key: "triggerRef",
           ref: u,
           class: "vt-select__container",
-          onClick: Ke
+          onClick: Qe
         }, [
           r("div", Fr, [
-            w.multiple && j.value.length > 0 ? (s(), i("div", {
+            C.multiple && O.value.length > 0 ? (s(), i("div", {
               key: 0,
               ref_key: "containerRef",
               ref: v,
               class: "vt-select__tags"
             }, [
-              (s(!0), i(pe, null, ve(ie.value, (ee, Ge) => (s(), i("div", {
-                key: `tag-${ee.value}-${Ge}`,
+              (s(!0), i(pe, null, ve(ie.value, (Q, Oe) => (s(), i("div", {
+                key: `tag-${Q.value}-${Oe}`,
                 ref_for: !0,
-                ref: (Qe) => Qe && (d.value[Ge] = Qe),
+                ref: (qe) => qe && (d.value[Oe] = qe),
                 class: "vt-select__tag"
               }, [
-                r("span", Yr, U(ee.label), 1),
-                t.disabled ? T("", !0) : (s(), re(se, {
+                r("span", Yr, K(Q.label), 1),
+                t.disabled ? R("", !0) : (s(), re(se, {
                   key: 0,
                   class: "vt-select__tag-close",
                   name: "close",
-                  onClick: xe((Qe) => k(ee.value), ["stop"])
+                  onClick: ye((qe) => L(Q.value), ["stop"])
                 }, null, 8, ["onClick"]))
               ]))), 128)),
-              ae.value ? Ue((s(), i("div", qr, [
-                r("span", Xr, "+" + U(oe.value), 1)
+              oe.value ? Ke((s(), i("div", qr, [
+                r("span", Xr, "+" + K(V.value), 1)
               ])), [
-                [ze, ke.value]
-              ]) : T("", !0)
-            ], 512)) : !w.multiple && m.value ? (s(), i("span", Ur, U(m.value), 1)) : (s(), i("span", Kr, U(w.placeholder), 1))
+                [$e, ue.value]
+              ]) : R("", !0)
+            ], 512)) : !C.multiple && m.value ? (s(), i("span", Ur, K(m.value), 1)) : (s(), i("span", Kr, K(C.placeholder), 1))
           ]),
           r("div", Gr, [
-            w.loading ? (s(), re(Ye, {
+            C.loading ? (s(), re(De, {
               key: 0,
               class: "vt-select__loading"
             })) : _.value ? (s(), i("button", {
@@ -3895,94 +3892,96 @@ const Ve = new As(), Ps = {
               disabled: t.disabled,
               class: "vt-select__clear-btn",
               type: "button",
-              onClick: xe(Ze, ["stop"])
+              onClick: ye(g, ["stop"])
             }, [
-              X(se, { name: "close" })
+              Y(se, { name: "close" })
             ], 8, Qr)) : (s(), re(se, {
               key: 2,
-              class: F([{ "vt-select__arrow--open": R.value }, "vt-select__icon vt-select__arrow"]),
+              class: F([{ "vt-select__arrow--open": H.value }, "vt-select__icon vt-select__arrow"]),
               name: "arrowDown"
             }, null, 8, ["class"]))
           ])
         ], 512),
-        X(ut, { name: "fade" }, {
-          default: ye(() => [
+        Y(ut, { name: "fade" }, {
+          default: be(() => [
             Z.value.length > 0 ? (s(), i("div", Jr, [
-              (s(!0), i(pe, null, ve(Z.value, (ee) => (s(), i("div", {
-                key: ee,
+              (s(!0), i(pe, null, ve(Z.value, (Q) => (s(), i("div", {
+                key: Q,
                 class: "vt-select__error"
-              }, U(ee), 1))), 128))
-            ])) : T("", !0)
+              }, K(Q), 1))), 128))
+            ])) : R("", !0)
           ]),
           _: 1
         }),
         r("div", ei, [
-          _e(w.$slots, "default")
+          _e(C.$slots, "default")
         ]),
         (s(), re(st, { to: "body" }, [
-          X(ut, { name: "dropdown" }, {
-            default: ye(() => [
-              R.value && ne.value ? (s(), i("div", {
+          Y(ut, { name: "dropdown" }, {
+            default: be(() => [
+              H.value && X.value ? (s(), i("div", {
                 key: 0,
                 ref_key: "dropdownRef",
                 ref: p,
-                "aria-multiselectable": w.multiple,
-                style: me(L.value),
+                "aria-multiselectable": C.multiple,
+                style: me(M.value),
                 class: "vt-select-dropdown",
                 role: "listbox",
-                onClick: te[1] || (te[1] = xe(() => {
+                onClick: ne[1] || (ne[1] = ye(() => {
                 }, ["stop"]))
               }, [
-                w.filterable ? (s(), i("div", ni, [
-                  X(bt, {
+                C.filterable ? (s(), i("div", ni, [
+                  Y(bt, {
                     ref_key: "filterInputRef",
                     ref: c,
-                    modelValue: A.value,
-                    "onUpdate:modelValue": te[0] || (te[0] = (ee) => A.value = ee),
+                    modelValue: P.value,
+                    "onUpdate:modelValue": ne[0] || (ne[0] = (Q) => P.value = Q),
                     placeholder: "Пошук...",
                     "suffix-icon": "search",
                     type: "text",
-                    onInput: Oe
+                    onInput: Ge
                   }, null, 8, ["modelValue"])
-                ])) : T("", !0),
-                w.loading ? (s(), i("div", oi, [
-                  X(Ye, { class: "vt-select-dropdown__loading-icon" }),
-                  Ie(" " + U(w.loadingText), 1)
-                ])) : E.value.length === 0 ? (s(), i("div", li, U(w.noDataText), 1)) : H.value.length === 0 ? (s(), i("div", si, U(w.noMatchText), 1)) : (s(), i("div", ri, [
-                  (s(!0), i(pe, null, ve(H.value, (ee) => (s(), i("div", {
-                    key: `option-${ee.value}`,
-                    "aria-disabled": ee.disabled,
-                    "aria-selected": V(ee.value),
+                ])) : R("", !0),
+                C.loading ? (s(), i("div", oi, [
+                  Y(De, { class: "vt-select-dropdown__loading-icon" }),
+                  Se(" " + K(C.loadingText), 1)
+                ])) : T.value.length === 0 ? (s(), i("div", li, K(C.noDataText), 1)) : B.value.length === 0 ? (s(), i("div", si, K(C.noMatchText), 1)) : (s(), i("div", {
+                  key: 4,
+                  ref_key: "scrollContainerRef",
+                  ref: b,
+                  class: "vt-select-dropdown__options"
+                }, [
+                  (s(!0), i(pe, null, ve(B.value, (Q) => (s(), i("div", {
+                    key: `option-${Q.value}`,
+                    "aria-disabled": Q.disabled,
+                    "aria-selected": z(Q.value),
                     class: F([
                       "vt-option",
                       {
-                        "vt-option--selected": V(ee.value),
-                        "vt-option--disabled": ee.disabled
+                        "vt-option--selected": z(Q.value),
+                        "vt-option--disabled": Q.disabled
                       }
                     ]),
                     role: "option",
-                    onClick: (Ge) => Pe(ee)
+                    onClick: (Oe) => Ne(Q)
                   }, [
-                    Q.value ? (s(), re(Se, {
+                    te.value ? (s(), re(He, {
                       key: 0,
-                      checked: V(ee.value),
-                      disabled: ee.disabled,
+                      checked: z(Q.value),
+                      disabled: Q.disabled,
                       class: "vt-option__checkbox",
                       tabindex: "-1"
-                    }, null, 8, ["checked", "disabled"])) : T("", !0),
-                    r("span", ai, [
-                      je(ee.value) ? (s(), re(ot(je(ee.value)), { key: 0 })) : (s(), i("span", ui, U(ee.label), 1))
+                    }, null, 8, ["checked", "disabled"])) : R("", !0),
+                    r("span", ii, [
+                      Ee(Q.value) ? (s(), re(ot(Ee(Q.value)), { key: 0 })) : (s(), i("span", ai, K(Q.label), 1))
                     ])
-                  ], 10, ii))), 128)),
-                  S.value ? (s(), i("div", {
-                    key: 0,
-                    ref_key: "sentinelRef",
-                    ref: g,
-                    "aria-hidden": "true",
-                    class: "vt-select__sentinel"
-                  }, null, 512)) : T("", !0)
+                  ], 10, ri))), 128)),
+                  ee.value && t.infiniteScroll ? (s(), i("div", ui, [
+                    Y(De, { class: "vt-select-dropdown__loading-icon" }),
+                    Se(" " + K(t.loadingText), 1)
+                  ])) : R("", !0)
                 ], 512))
-              ], 12, ti)) : T("", !0)
+              ], 12, ti)) : R("", !0)
             ]),
             _: 1
           })
@@ -3990,7 +3989,7 @@ const Ve = new As(), Ps = {
       ], 2);
     };
   }
-}), di = { style: { display: "none" } }, hi = /* @__PURE__ */ de({
+}), hi = { style: { display: "none" } }, pi = /* @__PURE__ */ he({
   __name: "VOption",
   props: {
     label: {},
@@ -4001,22 +4000,22 @@ const Ve = new As(), Ps = {
   },
   emits: ["click"],
   setup(n, { emit: e }) {
-    const o = n, t = De(), l = it(yt);
+    const o = n, t = We(), l = it(yt);
     l || console.warn("VOption повинен використовуватися всередині VSelect");
-    const a = y(() => ({
+    const a = x(() => ({
       label: o.label,
       value: o.value,
       disabled: o.disabled || !1,
       group: o.group
     }));
-    return Me(() => {
+    return xe(() => {
       if (l) {
         const u = t.default ? () => t.default() : null;
         l.registerOption(a.value, u);
       }
     }), Vt(() => {
       l && l.unregisterOption(o.value);
-    }), (u, p) => (s(), i("div", di, [
+    }), (u, p) => (s(), i("div", hi, [
       _e(u.$slots, "default")
     ]));
   }
@@ -4111,7 +4110,7 @@ const Ve = new As(), Ps = {
   });
 }, mt = (n) => {
   n.style.opacity = "0", n.style.visibility = "hidden";
-}, Ct = (n) => n.scrollWidth > n.clientWidth || n.scrollHeight > n.clientHeight, wt = (n) => !!n.closest(".vt-table, table"), pi = {
+}, Ct = (n) => n.scrollWidth > n.clientWidth || n.scrollHeight > n.clientHeight, wt = (n) => !!n.closest(".vt-table, table"), vi = {
   mounted(n, e) {
     var c;
     const o = (c = e.value) == null ? void 0 : c.trim();
@@ -4148,39 +4147,39 @@ const Ve = new As(), Ps = {
   beforeUnmount(n) {
     n.__tooltipEl && n.__tooltipEl.parentElement && (n.__tooltipEl.parentElement.removeChild(n.__tooltipEl), delete n.__tooltipEl), n.__mouseenterHandler && (n.removeEventListener("mouseenter", n.__mouseenterHandler), delete n.__mouseenterHandler), n.__mouseleaveHandler && (n.removeEventListener("mouseleave", n.__mouseleaveHandler), delete n.__mouseleaveHandler), n.__scrollHandler && (window.removeEventListener("scroll", n.__scrollHandler, !0), window.removeEventListener("resize", n.__scrollHandler), delete n.__scrollHandler);
   }
-}, mi = {
+}, Ci = {
   sortable: !0,
   actionColumn: !1,
   showOverflowTooltip: !0,
   visible: !0,
   pinnedLeft: !1,
   pinnedRight: !1
-}, vi = {
+}, fi = {
   install(n, e = {}) {
     const { prefix: o = "V", modal: t = !0 } = e;
-    n.component(`${o}Button`, qe), n.component(`${o}Icon`, se), n.component(`${o}Loader`, Ye), n.component(`${o}Modal`, gt), n.component(`${o}Pagination`, Is), n.component(`${o}Checkbox`, Se), n.component(`${o}Table`, gr), n.component(`${o}TableColumn`, _r), n.component(`${o}Dropdown`, kt), n.component(`${o}DropdownItem`, tt), n.component(`${o}Input`, bt), n.component(`${o}Select`, ci), n.component(`${o}Option`, hi), n.directive("tooltip", pi), t && n.use(Ps);
+    n.component(`${o}Button`, Xe), n.component(`${o}Icon`, se), n.component(`${o}Loader`, De), n.component(`${o}Modal`, gt), n.component(`${o}Pagination`, Is), n.component(`${o}Checkbox`, He), n.component(`${o}Table`, gr), n.component(`${o}TableColumn`, _r), n.component(`${o}Dropdown`, kt), n.component(`${o}DropdownItem`, tt), n.component(`${o}Input`, bt), n.component(`${o}Select`, di), n.component(`${o}Option`, pi), n.directive("tooltip", vi), t && n.use(Ps);
   }
-}, Ci = vi.install;
+}, wi = fi.install;
 export {
-  mi as DEFAULT_COLUMN_CONFIG,
+  Ci as DEFAULT_COLUMN_CONFIG,
   _t as DropdownContextKey,
-  qe as VButton,
-  Se as VCheckbox,
+  Xe as VButton,
+  He as VCheckbox,
   kt as VDropdown,
   tt as VDropdownItem,
   se as VIcon,
   bt as VInput,
-  Ye as VLoader,
+  De as VLoader,
   gt as VModal,
   Ps as VModalPlugin,
-  hi as VOption,
+  pi as VOption,
   Is as VPagination,
-  ci as VSelect,
+  di as VSelect,
   gr as VTable,
   _r as VTableColumn,
   yt as VtSelectContextKey,
-  vi as default,
-  Ci as install,
+  fi as default,
+  wi as install,
   Ve as modalManager,
-  pi as tooltipDirective
+  vi as tooltipDirective
 };