voiptime-components 0.0.9 → 0.0.11

package/dist/index.es.js

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