voiptime-components 1.0.16 → 1.0.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.es.js CHANGED
@@ -1,8 +1,8 @@
1
- import { createElementBlock as f, openBlock as h, createElementVNode as v, createStaticVNode as je, defineComponent as re, computed as x, createBlock as ue, createCommentVNode as P, resolveDynamicComponent as Ne, useSlots as Fe, resolveDirective as Ze, withDirectives as Le, normalizeClass as W, renderSlot as he, Teleport as pt, normalizeStyle as ae, withModifiers as me, toDisplayString as te, watch as de, Fragment as le, renderList as se, vModelSelect as ht, createVNode as Z, withCtx as xe, createTextVNode as ge, ref as A, createApp as mt, h as be, onMounted as ve, onUnmounted as $e, nextTick as vt, mergeModels as Te, useModel as ft, reactive as _t, shallowRef as gt, provide as Ct, unref as K, markRaw as Ee, inject as wt } from "vue";
2
- const D = (t, e) => {
1
+ import { createElementBlock as m, openBlock as u, createElementVNode as p, createStaticVNode as Ze, defineComponent as te, computed as S, createBlock as oe, createCommentVNode as W, resolveDynamicComponent as Ue, useSlots as Se, resolveDirective as Xe, withDirectives as Ve, normalizeClass as E, renderSlot as de, Teleport as Ye, normalizeStyle as se, withModifiers as he, toDisplayString as ee, watch as ve, Fragment as re, renderList as ie, vModelSelect as vt, createVNode as Z, withCtx as ue, createTextVNode as we, ref as j, provide as Ke, onMounted as fe, onUnmounted as Ie, nextTick as ft, inject as qe, createApp as _t, h as xe, mergeModels as De, useModel as gt, reactive as wt, unref as G, isMemoSame as Ct } from "vue";
2
+ const P = (t, e) => {
3
3
  const o = t.__vccOpts || t;
4
- for (const [n, s] of e)
5
- o[n] = s;
4
+ for (const [n, l] of e)
5
+ o[n] = l;
6
6
  return o;
7
7
  }, kt = {}, bt = {
8
8
  width: "20",
@@ -12,8 +12,8 @@ const D = (t, e) => {
12
12
  xmlns: "http://www.w3.org/2000/svg"
13
13
  };
14
14
  function yt(t, e) {
15
- return h(), f("svg", bt, e[0] || (e[0] = [
16
- v("path", {
15
+ return u(), m("svg", bt, e[0] || (e[0] = [
16
+ p("path", {
17
17
  d: "M14 8L10 12L6 8",
18
18
  stroke: "currentColor",
19
19
  "stroke-width": "1.5",
@@ -22,7 +22,7 @@ function yt(t, e) {
22
22
  }, null, -1)
23
23
  ]));
24
24
  }
25
- const xt = /* @__PURE__ */ D(kt, [["render", yt]]), Mt = {}, Lt = {
25
+ const xt = /* @__PURE__ */ P(kt, [["render", yt]]), Mt = {}, Lt = {
26
26
  width: "20",
27
27
  height: "20",
28
28
  viewBox: "0 0 20 20",
@@ -30,8 +30,8 @@ const xt = /* @__PURE__ */ D(kt, [["render", yt]]), Mt = {}, Lt = {
30
30
  xmlns: "http://www.w3.org/2000/svg"
31
31
  };
32
32
  function $t(t, e) {
33
- return h(), f("svg", Lt, e[0] || (e[0] = [
34
- v("path", {
33
+ return u(), m("svg", Lt, e[0] || (e[0] = [
34
+ p("path", {
35
35
  d: "M6 12L10 8L14 12",
36
36
  stroke: "currentColor",
37
37
  "stroke-width": "1.5",
@@ -40,7 +40,7 @@ function $t(t, e) {
40
40
  }, null, -1)
41
41
  ]));
42
42
  }
43
- const St = /* @__PURE__ */ D(Mt, [["render", $t]]), It = {}, Vt = {
43
+ const St = /* @__PURE__ */ P(Mt, [["render", $t]]), Vt = {}, It = {
44
44
  width: "14",
45
45
  height: "15",
46
46
  viewBox: "0 0 14 15",
@@ -48,21 +48,21 @@ const St = /* @__PURE__ */ D(Mt, [["render", $t]]), It = {}, Vt = {
48
48
  xmlns: "http://www.w3.org/2000/svg"
49
49
  };
50
50
  function Bt(t, e) {
51
- return h(), f("svg", Vt, e[0] || (e[0] = [
52
- v("path", {
51
+ return u(), m("svg", It, e[0] || (e[0] = [
52
+ p("path", {
53
53
  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",
54
54
  stroke: "currentColor",
55
55
  "stroke-width": "1.5",
56
56
  "stroke-miterlimit": "10",
57
57
  "stroke-linecap": "round"
58
58
  }, null, -1),
59
- v("path", {
59
+ p("path", {
60
60
  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",
61
61
  fill: "currentColor"
62
62
  }, null, -1)
63
63
  ]));
64
64
  }
65
- const Rt = /* @__PURE__ */ D(It, [["render", Bt]]), Tt = {}, Et = {
65
+ const Tt = /* @__PURE__ */ P(Vt, [["render", Bt]]), Rt = {}, Et = {
66
66
  width: "21",
67
67
  height: "20",
68
68
  viewBox: "0 0 21 20",
@@ -70,8 +70,8 @@ const Rt = /* @__PURE__ */ D(It, [["render", Bt]]), Tt = {}, Et = {
70
70
  xmlns: "http://www.w3.org/2000/svg"
71
71
  };
72
72
  function zt(t, e) {
73
- return h(), f("svg", Et, e[0] || (e[0] = [
74
- v("path", {
73
+ return u(), m("svg", Et, e[0] || (e[0] = [
74
+ p("path", {
75
75
  d: "M8.60352 6L12.6035 10L8.60352 14",
76
76
  stroke: "currentColor",
77
77
  "stroke-width": "1.5",
@@ -80,7 +80,7 @@ function zt(t, e) {
80
80
  }, null, -1)
81
81
  ]));
82
82
  }
83
- const Ht = /* @__PURE__ */ D(Tt, [["render", zt]]), Wt = {}, Dt = {
83
+ const Ht = /* @__PURE__ */ P(Rt, [["render", zt]]), Dt = {}, Wt = {
84
84
  width: "21",
85
85
  height: "20",
86
86
  viewBox: "0 0 21 20",
@@ -88,8 +88,8 @@ const Ht = /* @__PURE__ */ D(Tt, [["render", zt]]), Wt = {}, Dt = {
88
88
  xmlns: "http://www.w3.org/2000/svg"
89
89
  };
90
90
  function Pt(t, e) {
91
- return h(), f("svg", Dt, e[0] || (e[0] = [
92
- v("path", {
91
+ return u(), m("svg", Wt, e[0] || (e[0] = [
92
+ p("path", {
93
93
  d: "M12.3984 14L8.39844 10L12.3984 6",
94
94
  stroke: "currentColor",
95
95
  "stroke-width": "1.5",
@@ -98,7 +98,7 @@ function Pt(t, e) {
98
98
  }, null, -1)
99
99
  ]));
100
100
  }
101
- const At = /* @__PURE__ */ D(Wt, [["render", Pt]]), Ot = {}, jt = {
101
+ const At = /* @__PURE__ */ P(Dt, [["render", Pt]]), Ot = {}, jt = {
102
102
  width: "20",
103
103
  height: "20",
104
104
  viewBox: "0 0 20 20",
@@ -106,8 +106,8 @@ const At = /* @__PURE__ */ D(Wt, [["render", Pt]]), Ot = {}, jt = {
106
106
  xmlns: "http://www.w3.org/2000/svg"
107
107
  };
108
108
  function Nt(t, e) {
109
- return h(), f("svg", jt, e[0] || (e[0] = [
110
- v("path", {
109
+ return u(), m("svg", jt, e[0] || (e[0] = [
110
+ p("path", {
111
111
  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",
112
112
  stroke: "currentColor",
113
113
  "stroke-width": "1.5",
@@ -116,23 +116,23 @@ function Nt(t, e) {
116
116
  }, null, -1)
117
117
  ]));
118
118
  }
119
- const Ft = /* @__PURE__ */ D(Ot, [["render", Nt]]), Zt = {}, Ut = {
119
+ const Ft = /* @__PURE__ */ P(Ot, [["render", Nt]]), Zt = {}, Ut = {
120
120
  width: "20",
121
121
  height: "20",
122
122
  viewBox: "0 0 20 20",
123
123
  fill: "none",
124
124
  xmlns: "http://www.w3.org/2000/svg"
125
125
  };
126
- function Kt(t, e) {
127
- return h(), f("svg", Ut, e[0] || (e[0] = [
128
- v("path", {
126
+ function Xt(t, e) {
127
+ return u(), m("svg", Ut, e[0] || (e[0] = [
128
+ p("path", {
129
129
  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",
130
130
  stroke: "currentColor",
131
131
  "stroke-width": "1.5",
132
132
  "stroke-linecap": "round",
133
133
  "stroke-linejoin": "round"
134
134
  }, null, -1),
135
- v("path", {
135
+ p("path", {
136
136
  d: "M12 14.7143L13.1151 15.6701C13.3268 15.8515 13.646 15.8247 13.8246 15.6105L16 13",
137
137
  stroke: "currentColor",
138
138
  "stroke-width": "1.5",
@@ -140,23 +140,23 @@ function Kt(t, e) {
140
140
  }, null, -1)
141
141
  ]));
142
142
  }
143
- const qt = /* @__PURE__ */ D(Zt, [["render", Kt]]), Xt = {}, Gt = {
143
+ const Yt = /* @__PURE__ */ P(Zt, [["render", Xt]]), Kt = {}, qt = {
144
144
  width: "20",
145
145
  height: "20",
146
146
  viewBox: "0 0 20 20",
147
147
  fill: "none",
148
148
  xmlns: "http://www.w3.org/2000/svg"
149
149
  };
150
- function Yt(t, e) {
151
- return h(), f("svg", Gt, e[0] || (e[0] = [
152
- v("path", {
150
+ function Gt(t, e) {
151
+ return u(), m("svg", qt, e[0] || (e[0] = [
152
+ p("path", {
153
153
  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",
154
154
  stroke: "currentColor",
155
155
  "stroke-width": "1.5",
156
156
  "stroke-linecap": "round",
157
157
  "stroke-linejoin": "round"
158
158
  }, null, -1),
159
- v("path", {
159
+ p("path", {
160
160
  d: "M13 16L14.5 14.5M16 13L14.5 14.5M14.5 14.5L13 13M14.5 14.5L16 16",
161
161
  stroke: "currentColor",
162
162
  "stroke-width": "1.5",
@@ -164,7 +164,7 @@ function Yt(t, e) {
164
164
  }, null, -1)
165
165
  ]));
166
166
  }
167
- const Jt = /* @__PURE__ */ D(Xt, [["render", Yt]]), Qt = {}, en = {
167
+ const Jt = /* @__PURE__ */ P(Kt, [["render", Gt]]), Qt = {}, en = {
168
168
  xmlns: "http://www.w3.org/2000/svg",
169
169
  width: "60",
170
170
  height: "60",
@@ -172,8 +172,8 @@ const Jt = /* @__PURE__ */ D(Xt, [["render", Yt]]), Qt = {}, en = {
172
172
  fill: "none"
173
173
  };
174
174
  function tn(t, e) {
175
- return h(), f("svg", en, e[0] || (e[0] = [
176
- v("path", {
175
+ return u(), m("svg", en, e[0] || (e[0] = [
176
+ p("path", {
177
177
  d: "M24.195 7H18.625C17.1332 7 15.7024 7.59263 14.6475 8.64752C13.5926 9.70242 13 11.1332 13 12.625V46.375C13 47.8668 13.5926 49.2976 14.6475 50.3525C15.7024 51.4074 17.1332 52 18.625 52H41.125C42.6168 52 44.0476 51.4074 45.1025 50.3525C46.1574 49.2976 46.75 47.8668 46.75 46.375V29.5M24.195 7C27.3025 7 29.875 9.5175 29.875 12.625V18.25C29.875 19.7418 30.4676 21.1726 31.5225 22.2275C32.5774 23.2824 34.0082 23.875 35.5 23.875H41.125C42.6168 23.875 44.0476 24.4676 45.1025 25.5225C46.1574 26.5774 46.75 28.0082 46.75 29.5M24.195 7C33.42 7 46.75 20.4 46.75 29.5",
178
178
  stroke: "currentColor",
179
179
  "stroke-width": "2",
@@ -182,7 +182,7 @@ function tn(t, e) {
182
182
  }, null, -1)
183
183
  ]));
184
184
  }
185
- const nn = /* @__PURE__ */ D(Qt, [["render", tn]]), on = {}, ln = {
185
+ const nn = /* @__PURE__ */ P(Qt, [["render", tn]]), on = {}, ln = {
186
186
  width: "20",
187
187
  height: "20",
188
188
  viewBox: "0 0 20 20",
@@ -190,14 +190,14 @@ const nn = /* @__PURE__ */ D(Qt, [["render", tn]]), on = {}, ln = {
190
190
  xmlns: "http://www.w3.org/2000/svg"
191
191
  };
192
192
  function sn(t, e) {
193
- return h(), f("svg", ln, e[0] || (e[0] = [
194
- v("path", {
193
+ return u(), m("svg", ln, e[0] || (e[0] = [
194
+ p("path", {
195
195
  "fill-rule": "evenodd",
196
196
  "clip-rule": "evenodd",
197
197
  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",
198
198
  fill: "currentColor"
199
199
  }, null, -1),
200
- v("path", {
200
+ p("path", {
201
201
  "fill-rule": "evenodd",
202
202
  "clip-rule": "evenodd",
203
203
  d: "M12.9948 8.75521C12.5528 8.75521 12.1288 8.57961 11.8163 8.26705C11.5037 7.95449 11.3281 7.53057 11.3281 7.08854C11.3281 6.64651 11.5037 6.22259 11.8163 5.91003C12.1288 5.59747 12.5528 5.42187 12.9948 5.42188C13.4368 5.42187 13.8607 5.59747 14.1733 5.91003C14.4859 6.22259 14.6615 6.64651 14.6615 7.08854C14.6615 7.53057 14.4859 7.95449 14.1733 8.26705C13.8607 8.57961 13.4368 8.75521 12.9948 8.75521ZM12.9948 14.5885C12.5528 14.5885 12.1288 14.4129 11.8163 14.1004C11.5037 13.7878 11.3281 13.3639 11.3281 12.9219C11.3281 12.4798 11.5037 12.0559 11.8163 11.7434C12.1288 11.4308 12.5528 11.2552 12.9948 11.2552C13.4368 11.2552 13.8607 11.4308 14.1733 11.7434C14.4859 12.0559 14.6615 12.4798 14.6615 12.9219C14.6615 13.3639 14.4859 13.7878 14.1733 14.1004C13.8607 14.4129 13.4368 14.5885 12.9948 14.5885Z",
@@ -205,16 +205,16 @@ function sn(t, e) {
205
205
  }, null, -1)
206
206
  ]));
207
207
  }
208
- const rn = /* @__PURE__ */ D(on, [["render", sn]]), an = {}, cn = {
208
+ const rn = /* @__PURE__ */ P(on, [["render", sn]]), an = {}, cn = {
209
209
  width: "20",
210
210
  height: "20",
211
211
  viewBox: "0 0 20 20",
212
212
  fill: "none",
213
213
  xmlns: "http://www.w3.org/2000/svg"
214
214
  };
215
- function un(t, e) {
216
- return h(), f("svg", cn, e[0] || (e[0] = [
217
- v("path", {
215
+ function dn(t, e) {
216
+ return u(), m("svg", cn, e[0] || (e[0] = [
217
+ p("path", {
218
218
  "fill-rule": "evenodd",
219
219
  "clip-rule": "evenodd",
220
220
  d: "M10.1667 5.83333C9.72464 5.83333 9.30072 5.65774 8.98816 5.34518C8.67559 5.03262 8.5 4.60869 8.5 4.16667C8.5 3.72464 8.67559 3.30072 8.98816 2.98816C9.30072 2.67559 9.72464 2.5 10.1667 2.5C10.6087 2.5 11.0326 2.67559 11.3452 2.98816C11.6577 3.30072 11.8333 3.72464 11.8333 4.16667C11.8333 4.60869 11.6577 5.03262 11.3452 5.34518C11.0326 5.65774 10.6087 5.83333 10.1667 5.83333ZM10.1667 11.6667C9.72464 11.6667 9.30072 11.4911 8.98816 11.1785C8.67559 10.8659 8.5 10.442 8.5 10C8.5 9.55797 8.67559 9.13405 8.98816 8.82149C9.30072 8.50893 9.72464 8.33333 10.1667 8.33333C10.6087 8.33333 11.0326 8.50893 11.3452 8.82149C11.6577 9.13405 11.8333 9.55797 11.8333 10C11.8333 10.442 11.6577 10.8659 11.3452 11.1785C11.0326 11.4911 10.6087 11.6667 10.1667 11.6667ZM10.1667 17.5C9.72464 17.5 9.30072 17.3244 8.98816 17.0118C8.67559 16.6993 8.5 16.2754 8.5 15.8333C8.5 15.3913 8.67559 14.9674 8.98816 14.6548C9.30072 14.3423 9.72464 14.1667 10.1667 14.1667C10.6087 14.1667 11.0326 14.3423 11.3452 14.6548C11.6577 14.9674 11.8333 15.3913 11.8333 15.8333C11.8333 16.2754 11.6577 16.6993 11.3452 17.0118C11.0326 17.3244 10.6087 17.5 10.1667 17.5Z",
@@ -222,7 +222,7 @@ function un(t, e) {
222
222
  }, null, -1)
223
223
  ]));
224
224
  }
225
- const dn = /* @__PURE__ */ D(an, [["render", un]]), pn = {}, hn = {
225
+ const un = /* @__PURE__ */ P(an, [["render", dn]]), pn = {}, hn = {
226
226
  width: "21",
227
227
  height: "20",
228
228
  viewBox: "0 0 21 20",
@@ -230,8 +230,8 @@ const dn = /* @__PURE__ */ D(an, [["render", un]]), pn = {}, hn = {
230
230
  xmlns: "http://www.w3.org/2000/svg"
231
231
  };
232
232
  function mn(t, e) {
233
- return h(), f("svg", hn, e[0] || (e[0] = [
234
- v("path", {
233
+ return u(), m("svg", hn, e[0] || (e[0] = [
234
+ p("path", {
235
235
  "fill-rule": "evenodd",
236
236
  "clip-rule": "evenodd",
237
237
  d: "M6.33333 9.83333C6.33333 10.2754 6.15774 10.6993 5.84518 11.0118C5.53262 11.3244 5.10869 11.5 4.66667 11.5C4.22464 11.5 3.80072 11.3244 3.48816 11.0118C3.17559 10.6993 3 10.2754 3 9.83333C3 9.39131 3.17559 8.96738 3.48816 8.65482C3.80072 8.34226 4.22464 8.16667 4.66667 8.16667C5.10869 8.16667 5.53262 8.34226 5.84518 8.65482C6.15774 8.96738 6.33333 9.39131 6.33333 9.83333ZM12.1667 9.83333C12.1667 10.2754 11.9911 10.6993 11.6785 11.0118C11.3659 11.3244 10.942 11.5 10.5 11.5C10.058 11.5 9.63405 11.3244 9.32149 11.0118C9.00893 10.6993 8.83333 10.2754 8.83333 9.83333C8.83333 9.39131 9.00893 8.96738 9.32149 8.65482C9.63405 8.34226 10.058 8.16667 10.5 8.16667C10.942 8.16667 11.3659 8.34226 11.6785 8.65482C11.9911 8.96738 12.1667 9.39131 12.1667 9.83333ZM18 9.83333C18 10.2754 17.8244 10.6993 17.5118 11.0118C17.1993 11.3244 16.7754 11.5 16.3333 11.5C15.8913 11.5 15.4674 11.3244 15.1548 11.0118C14.8423 10.6993 14.6667 10.2754 14.6667 9.83333C14.6667 9.39131 14.8423 8.96738 15.1548 8.65482C15.4674 8.34226 15.8913 8.16667 16.3333 8.16667C16.7754 8.16667 17.1993 8.34226 17.5118 8.65482C17.8244 8.96738 18 9.39131 18 9.83333Z",
@@ -239,7 +239,7 @@ function mn(t, e) {
239
239
  }, null, -1)
240
240
  ]));
241
241
  }
242
- const vn = /* @__PURE__ */ D(pn, [["render", mn]]), fn = {}, _n = {
242
+ const vn = /* @__PURE__ */ P(pn, [["render", mn]]), fn = {}, _n = {
243
243
  width: "20",
244
244
  height: "20",
245
245
  viewBox: "0 0 20 20",
@@ -247,8 +247,8 @@ const vn = /* @__PURE__ */ D(pn, [["render", mn]]), fn = {}, _n = {
247
247
  xmlns: "http://www.w3.org/2000/svg"
248
248
  };
249
249
  function gn(t, e) {
250
- return h(), f("svg", _n, e[0] || (e[0] = [
251
- v("path", {
250
+ return u(), m("svg", _n, e[0] || (e[0] = [
251
+ p("path", {
252
252
  d: "M6 14L10 10M10 10L14 6M10 10L6 6M10 10L14 14",
253
253
  stroke: "currentColor",
254
254
  "stroke-width": "1.5",
@@ -257,7 +257,7 @@ function gn(t, e) {
257
257
  }, null, -1)
258
258
  ]));
259
259
  }
260
- const Cn = /* @__PURE__ */ D(fn, [["render", gn]]), wn = {}, kn = {
260
+ const wn = /* @__PURE__ */ P(fn, [["render", gn]]), Cn = {}, kn = {
261
261
  width: "20",
262
262
  height: "20",
263
263
  viewBox: "0 0 20 20",
@@ -265,8 +265,8 @@ const Cn = /* @__PURE__ */ D(fn, [["render", gn]]), wn = {}, kn = {
265
265
  xmlns: "http://www.w3.org/2000/svg"
266
266
  };
267
267
  function bn(t, e) {
268
- return h(), f("svg", kn, e[0] || (e[0] = [
269
- v("path", {
268
+ return u(), m("svg", kn, e[0] || (e[0] = [
269
+ p("path", {
270
270
  d: "M9.31732 16.8976L7.50065 17.5026V10.4193L3.76732 6.3126C3.48852 6.00588 3.33403 5.60627 3.33398 5.19177V3.33594H16.6673V5.14594C16.6672 5.58793 16.4916 6.01178 16.179 6.32427L12.5007 10.0026V12.5026M12.5007 15.8359L14.1673 17.5026L17.5007 14.1693",
271
271
  stroke: "currentColor",
272
272
  "stroke-width": "1.5",
@@ -275,7 +275,7 @@ function bn(t, e) {
275
275
  }, null, -1)
276
276
  ]));
277
277
  }
278
- const yn = /* @__PURE__ */ D(wn, [["render", bn]]), xn = {}, Mn = {
278
+ const yn = /* @__PURE__ */ P(Cn, [["render", bn]]), xn = {}, Mn = {
279
279
  width: "20",
280
280
  height: "20",
281
281
  viewBox: "0 0 20 20",
@@ -283,8 +283,8 @@ const yn = /* @__PURE__ */ D(wn, [["render", bn]]), xn = {}, Mn = {
283
283
  xmlns: "http://www.w3.org/2000/svg"
284
284
  };
285
285
  function Ln(t, e) {
286
- return h(), f("svg", Mn, e[0] || (e[0] = [
287
- v("path", {
286
+ return u(), m("svg", Mn, e[0] || (e[0] = [
287
+ p("path", {
288
288
  d: "M11.4657 16.1809L7.50065 17.5026V10.4193L3.76732 6.3126C3.48852 6.00588 3.33403 5.60627 3.33398 5.19177V3.33594H16.6673V5.14594C16.6672 5.58793 16.4916 6.01178 16.179 6.32427L12.5007 10.0026V11.2526M18.334 18.3359L14.1673 14.1693M14.1673 18.3359L18.334 14.1693",
289
289
  stroke: "currentColor",
290
290
  "stroke-width": "1.5",
@@ -293,30 +293,30 @@ function Ln(t, e) {
293
293
  }, null, -1)
294
294
  ]));
295
295
  }
296
- const $n = /* @__PURE__ */ D(xn, [["render", Ln]]), Sn = {}, In = {
296
+ const $n = /* @__PURE__ */ P(xn, [["render", Ln]]), Sn = {}, Vn = {
297
297
  width: "20",
298
298
  height: "20",
299
299
  viewBox: "0 0 20 20",
300
300
  fill: "none",
301
301
  xmlns: "http://www.w3.org/2000/svg"
302
302
  };
303
- function Vn(t, e) {
304
- return h(), f("svg", In, e[0] || (e[0] = [
305
- v("path", {
303
+ function In(t, e) {
304
+ return u(), m("svg", Vn, e[0] || (e[0] = [
305
+ p("path", {
306
306
  d: "M9.4676 15.1809L5.5026 16.5026V9.41927L1.76927 5.3126C1.49048 5.00588 1.33598 4.60627 1.33594 4.19177V2.33594H14.6693V4.14594C14.6692 4.58793 14.4935 5.01178 14.1809 5.32427L10.5026 9.0026V10.2526",
307
307
  stroke: "currentColor",
308
308
  "stroke-width": "1.5",
309
309
  "stroke-linecap": "round",
310
310
  "stroke-linejoin": "round"
311
311
  }, null, -1),
312
- v("path", {
312
+ p("path", {
313
313
  d: "M15.5 16.6591L13.857 17.9057C13.7756 17.9719 13.6868 18.0032 13.5906 17.9997C13.4944 17.9962 13.4093 17.9685 13.3353 17.9167C13.2613 17.865 13.204 17.7951 13.1635 17.7071C13.1229 17.6192 13.121 17.5236 13.1577 17.4203L13.7904 15.3795L12.1808 14.2433C12.092 14.1844 12.0365 14.1072 12.0143 14.0116C11.9921 13.916 11.9958 13.8277 12.0254 13.7468C12.055 13.6659 12.1068 13.5942 12.1808 13.5315C12.2548 13.4688 12.3436 13.4377 12.4472 13.438H14.4343L15.0782 11.3199C15.1152 11.217 15.1726 11.1378 15.2504 11.0825C15.3283 11.0272 15.4115 10.9997 15.5 11C15.5885 11.0003 15.6718 11.0279 15.75 11.083C15.8281 11.138 15.8854 11.217 15.9218 11.3199L16.5657 13.438H18.5528C18.6564 13.438 18.7452 13.4693 18.8192 13.5319C18.8932 13.5946 18.945 13.6662 18.9746 13.7468C19.0042 13.8274 19.0079 13.9157 18.9857 14.0116C18.9635 14.1075 18.908 14.1847 18.8192 14.2433L17.2096 15.3795L17.8423 17.4203C17.8793 17.5233 17.8775 17.6189 17.837 17.7071C17.7964 17.7954 17.739 17.8653 17.6647 17.9167C17.5904 17.9682 17.5053 17.9959 17.4094 17.9997C17.3135 18.0035 17.2247 17.9722 17.143 17.9057L15.5 16.6591Z",
314
314
  stroke: "currentColor",
315
315
  "stroke-width": "1.5"
316
316
  }, null, -1)
317
317
  ]));
318
318
  }
319
- const Bn = /* @__PURE__ */ D(Sn, [["render", Vn]]), Rn = {}, Tn = {
319
+ const Bn = /* @__PURE__ */ P(Sn, [["render", In]]), Tn = {}, Rn = {
320
320
  width: "20",
321
321
  height: "20",
322
322
  viewBox: "0 0 20 20",
@@ -324,20 +324,20 @@ const Bn = /* @__PURE__ */ D(Sn, [["render", Vn]]), Rn = {}, Tn = {
324
324
  xmlns: "http://www.w3.org/2000/svg"
325
325
  };
326
326
  function En(t, e) {
327
- return h(), f("svg", Tn, e[0] || (e[0] = [
328
- je('<path d="M10.5 5.5H17.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M10.5 10H17.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M10.5 15H17.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M3 15.083L4.042 16.125L7.167 13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M3 6.083L4.042 7.125L7.167 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>', 5)
327
+ return u(), m("svg", Rn, e[0] || (e[0] = [
328
+ Ze('<path d="M10.5 5.5H17.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M10.5 10H17.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M10.5 15H17.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M3 15.083L4.042 16.125L7.167 13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M3 6.083L4.042 7.125L7.167 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>', 5)
329
329
  ]));
330
330
  }
331
- const zn = /* @__PURE__ */ D(Rn, [["render", En]]), Hn = {}, Wn = {
331
+ const zn = /* @__PURE__ */ P(Tn, [["render", En]]), Hn = {}, Dn = {
332
332
  width: "20",
333
333
  height: "20",
334
334
  viewBox: "0 0 20 20",
335
335
  fill: "none",
336
336
  xmlns: "http://www.w3.org/2000/svg"
337
337
  };
338
- function Dn(t, e) {
339
- return h(), f("svg", Wn, e[0] || (e[0] = [
340
- v("path", {
338
+ function Wn(t, e) {
339
+ return u(), m("svg", Dn, e[0] || (e[0] = [
340
+ p("path", {
341
341
  d: "M16.6673 5.83594L6.66732 5.83594M16.6673 5.83594L13.7507 8.7526M16.6673 5.83594L13.7507 2.91927M14.1673 14.1693L3.33398 14.1693M3.33398 14.1693L6.25065 17.0859M3.33398 14.1693L6.25065 11.2526",
342
342
  stroke: "currentColor",
343
343
  "stroke-width": "1.5",
@@ -346,7 +346,7 @@ function Dn(t, e) {
346
346
  }, null, -1)
347
347
  ]));
348
348
  }
349
- const Pn = /* @__PURE__ */ D(Hn, [["render", Dn]]), An = {}, On = {
349
+ const Pn = /* @__PURE__ */ P(Hn, [["render", Wn]]), An = {}, On = {
350
350
  width: "20",
351
351
  height: "20",
352
352
  viewBox: "0 0 20 20",
@@ -354,27 +354,27 @@ const Pn = /* @__PURE__ */ D(Hn, [["render", Dn]]), An = {}, On = {
354
354
  xmlns: "http://www.w3.org/2000/svg"
355
355
  };
356
356
  function jn(t, e) {
357
- return h(), f("svg", On, e[0] || (e[0] = [
358
- v("path", {
357
+ return u(), m("svg", On, e[0] || (e[0] = [
358
+ p("path", {
359
359
  d: "M11.1667 10.9167V9.66667L14.845 5.98833C15.1576 5.67585 15.3332 5.25199 15.3333 4.81V3H2V4.85583C2.00004 5.27033 2.15454 5.66994 2.43333 5.97667L6.16667 10.0833V17.1667C6.16667 17.1667 7.37495 16.7639 8.14917 16.5058",
360
360
  stroke: "currentColor",
361
361
  "stroke-width": "1.5",
362
362
  "stroke-linecap": "round",
363
363
  "stroke-linejoin": "round"
364
364
  }, null, -1),
365
- v("path", {
365
+ p("path", {
366
366
  d: "M15.4116 11.3639L11.4924 15.283C11.4138 15.3616 11.3636 15.4642 11.3498 15.5746L11.0994 17.5789C11.059 17.9025 11.3341 18.1776 11.6577 18.1371L13.6622 17.8861C13.7725 17.8722 13.8751 17.8221 13.9537 17.7435L17.8724 13.8248C18.0676 13.6296 18.0676 13.313 17.8724 13.1177L16.1187 11.364C15.9234 11.1687 15.6068 11.1687 15.4116 11.3639Z",
367
367
  stroke: "currentColor",
368
368
  "stroke-width": "1.5"
369
369
  }, null, -1),
370
- v("path", {
370
+ p("path", {
371
371
  d: "M14 12L16.4608 14.4608",
372
372
  stroke: "currentColor",
373
373
  "stroke-width": "1.5"
374
374
  }, null, -1)
375
375
  ]));
376
376
  }
377
- const Nn = /* @__PURE__ */ D(An, [["render", jn]]), Fn = {}, Zn = {
377
+ const Nn = /* @__PURE__ */ P(An, [["render", jn]]), Fn = {}, Zn = {
378
378
  width: "20",
379
379
  height: "20",
380
380
  viewBox: "0 0 20 20",
@@ -382,15 +382,15 @@ const Nn = /* @__PURE__ */ D(An, [["render", jn]]), Fn = {}, Zn = {
382
382
  xmlns: "http://www.w3.org/2000/svg"
383
383
  };
384
384
  function Un(t, e) {
385
- return h(), f("svg", Zn, e[0] || (e[0] = [
386
- v("path", {
385
+ return u(), m("svg", Zn, e[0] || (e[0] = [
386
+ p("path", {
387
387
  d: "M6.2832 15.8359H3.3332C3.11222 15.8359 2.90029 15.7482 2.74404 15.5919C2.58778 15.4356 2.5 15.2237 2.5 15.0027V4.16954C2.49995 4.06009 2.52146 3.9517 2.56331 3.85056C2.60516 3.74943 2.66652 3.65753 2.7439 3.58012C2.82127 3.50271 2.91314 3.4413 3.01426 3.3994C3.11537 3.3575 3.22375 3.33594 3.3332 3.33594H16.6668C16.7763 3.33594 16.8846 3.3575 16.9857 3.3994C17.0869 3.4413 17.1787 3.50271 17.2561 3.58012C17.3335 3.65753 17.3948 3.74943 17.4367 3.85056C17.4785 3.9517 17.5001 4.06009 17.5 4.16954V15.0027C17.5 15.2237 17.4122 15.4356 17.256 15.5919C17.0997 15.7482 16.8878 15.8359 16.6668 15.8359H5.38347",
388
388
  stroke: "currentColor",
389
389
  "stroke-width": "1.5",
390
390
  "stroke-linecap": "round",
391
391
  "stroke-linejoin": "round"
392
392
  }, null, -1),
393
- v("path", {
393
+ p("path", {
394
394
  d: "M6.66406 2.5V5M13.3305 2.5V5M8.33046 10.8332L9.16406 11.6668L11.6641 9.1668",
395
395
  stroke: "currentColor",
396
396
  "stroke-width": "1.5",
@@ -399,19 +399,19 @@ function Un(t, e) {
399
399
  }, null, -1)
400
400
  ]));
401
401
  }
402
- const Kn = /* @__PURE__ */ D(Fn, [["render", Un]]), qn = {}, Xn = {
402
+ const Xn = /* @__PURE__ */ P(Fn, [["render", Un]]), Yn = {}, Kn = {
403
403
  width: "20",
404
404
  height: "20",
405
405
  viewBox: "0 0 20 20",
406
406
  fill: "none",
407
407
  xmlns: "http://www.w3.org/2000/svg"
408
408
  };
409
- function Gn(t, e) {
410
- return h(), f("svg", Xn, e[0] || (e[0] = [
411
- je('<circle cx="4.5" cy="12.5" r="1.5" stroke="currentColor" stroke-width="1.5"></circle><circle cx="9.5" cy="8.5" r="1.5" transform="rotate(-180 9.5 8.5)" stroke="currentColor" stroke-width="1.5"></circle><circle cx="14.5" cy="12.5" r="1.5" stroke="currentColor" stroke-width="1.5"></circle><path d="M4.55469 10.5V2" stroke="currentColor" stroke-width="1.5"></path><path d="M9.44531 9.5L9.44531 18" stroke="currentColor" stroke-width="1.5"></path><path d="M14.5547 10.5V2" stroke="currentColor" stroke-width="1.5"></path><path d="M4.55469 18V15.5" stroke="currentColor" stroke-width="1.5"></path><path d="M9.44531 2L9.44531 5.5" stroke="currentColor" stroke-width="1.5"></path><path d="M14.5547 18V15.5" stroke="currentColor" stroke-width="1.5"></path>', 9)
409
+ function qn(t, e) {
410
+ return u(), m("svg", Kn, e[0] || (e[0] = [
411
+ Ze('<circle cx="4.5" cy="12.5" r="1.5" stroke="currentColor" stroke-width="1.5"></circle><circle cx="9.5" cy="8.5" r="1.5" transform="rotate(-180 9.5 8.5)" stroke="currentColor" stroke-width="1.5"></circle><circle cx="14.5" cy="12.5" r="1.5" stroke="currentColor" stroke-width="1.5"></circle><path d="M4.55469 10.5V2" stroke="currentColor" stroke-width="1.5"></path><path d="M9.44531 9.5L9.44531 18" stroke="currentColor" stroke-width="1.5"></path><path d="M14.5547 10.5V2" stroke="currentColor" stroke-width="1.5"></path><path d="M4.55469 18V15.5" stroke="currentColor" stroke-width="1.5"></path><path d="M9.44531 2L9.44531 5.5" stroke="currentColor" stroke-width="1.5"></path><path d="M14.5547 18V15.5" stroke="currentColor" stroke-width="1.5"></path>', 9)
412
412
  ]));
413
413
  }
414
- const Yn = /* @__PURE__ */ D(qn, [["render", Gn]]), Jn = {}, Qn = {
414
+ const Gn = /* @__PURE__ */ P(Yn, [["render", qn]]), Jn = {}, Qn = {
415
415
  width: "20",
416
416
  height: "20",
417
417
  viewBox: "0 0 20 20",
@@ -419,15 +419,15 @@ const Yn = /* @__PURE__ */ D(qn, [["render", Gn]]), Jn = {}, Qn = {
419
419
  xmlns: "http://www.w3.org/2000/svg"
420
420
  };
421
421
  function eo(t, e) {
422
- return h(), f("svg", Qn, e[0] || (e[0] = [
423
- v("path", {
422
+ return u(), m("svg", Qn, e[0] || (e[0] = [
423
+ p("path", {
424
424
  d: "M9.4676 15.1809L5.5026 16.5026V9.41927L1.76927 5.3126C1.49048 5.00588 1.33598 4.60627 1.33594 4.19177V2.33594H14.6693V4.14594C14.6692 4.58793 14.4935 5.01178 14.1809 5.32427L10.5026 9.0026V10.2526",
425
425
  stroke: "currentColor",
426
426
  "stroke-width": "1.5",
427
427
  "stroke-linecap": "round",
428
428
  "stroke-linejoin": "round"
429
429
  }, null, -1),
430
- v("path", {
430
+ p("path", {
431
431
  d: "M16 16.8926V11M13.0537 13.9463H18.9463",
432
432
  stroke: "currentColor",
433
433
  "stroke-width": "1.5",
@@ -436,23 +436,23 @@ function eo(t, e) {
436
436
  }, null, -1)
437
437
  ]));
438
438
  }
439
- const to = /* @__PURE__ */ D(Jn, [["render", eo]]), no = {
439
+ const to = /* @__PURE__ */ P(Jn, [["render", eo]]), no = {
440
440
  // arrow icons
441
441
  arrowDown: xt,
442
442
  arrowTop: St,
443
443
  arrowRight: Ht,
444
444
  arrowLeft: At,
445
- arrowReload: Rt,
445
+ arrowReload: Tt,
446
446
  // table icons
447
447
  columnInsert: Ft,
448
- freeze: qt,
448
+ freeze: Yt,
449
449
  unfreeze: Jt,
450
450
  columnsMove: rn,
451
451
  empty: nn,
452
452
  // actions icons
453
- listBullet: dn,
453
+ listBullet: un,
454
454
  listBulletHorizontal: vn,
455
- close: Cn,
455
+ close: wn,
456
456
  // filter icons
457
457
  filterSave: yn,
458
458
  filterReset: $n,
@@ -460,26 +460,26 @@ const to = /* @__PURE__ */ D(Jn, [["render", eo]]), no = {
460
460
  filterMultiselect: zn,
461
461
  filterExchange: Pn,
462
462
  filterEdit: Nn,
463
- filterDateCheck: Kn,
464
- filterAdvanced: Yn,
463
+ filterDateCheck: Xn,
464
+ filterAdvanced: Gn,
465
465
  filterAdd: to
466
- }, J = /* @__PURE__ */ re({
466
+ }, J = /* @__PURE__ */ te({
467
467
  __name: "VIcon",
468
468
  props: {
469
469
  name: {}
470
470
  },
471
471
  setup(t) {
472
- const e = t, o = x(() => no[e.name]);
473
- return (n, s) => o.value ? (h(), ue(Ne(o.value), { key: 0 })) : P("", !0);
472
+ const e = t, o = S(() => no[e.name]);
473
+ return (n, l) => o.value ? (u(), oe(Ue(o.value), { key: 0 })) : W("", !0);
474
474
  }
475
475
  }), oo = {}, lo = { class: "vt-loader" };
476
476
  function so(t, e) {
477
- return h(), f("span", lo);
477
+ return u(), m("span", lo);
478
478
  }
479
- const Ue = /* @__PURE__ */ D(oo, [["render", so]]), ro = ["disabled", "type", "data-placement"], io = {
479
+ const Ge = /* @__PURE__ */ P(oo, [["render", so]]), ro = ["disabled", "type", "data-placement"], io = {
480
480
  key: 2,
481
481
  class: "vt-button__content"
482
- }, Ce = /* @__PURE__ */ re({
482
+ }, Ce = /* @__PURE__ */ te({
483
483
  __name: "VButton",
484
484
  props: {
485
485
  type: { default: "default" },
@@ -493,44 +493,44 @@ const Ue = /* @__PURE__ */ D(oo, [["render", so]]), ro = ["disabled", "type", "d
493
493
  },
494
494
  emits: ["click"],
495
495
  setup(t, { emit: e }) {
496
- const o = t, n = e, s = Fe(), l = x(() => !!(o.icon && o.shape)), a = x(() => {
497
- var M, L;
498
- const c = s.default ? s.default({}) : null;
499
- return ((L = (M = c == null ? void 0 : c[0]) == null ? void 0 : M.children) == null ? void 0 : L.toString()) ?? "";
500
- }), r = x(() => [
496
+ const o = t, n = e, l = Se(), s = S(() => !!(o.icon && o.shape)), a = S(() => {
497
+ var C, x;
498
+ const r = l.default ? l.default({}) : null;
499
+ return ((x = (C = r == null ? void 0 : r[0]) == null ? void 0 : C.children) == null ? void 0 : x.toString()) ?? "";
500
+ }), c = S(() => [
501
501
  "vt-button",
502
502
  `vt-button--${o.type}`,
503
503
  {
504
504
  [`vt-button--${o.shape}`]: o.shape,
505
- "vt-button--icon-only": l.value,
505
+ "vt-button--icon-only": s.value,
506
506
  "vt-button--disabled": o.disabled || o.loading,
507
507
  "vt-button--loading": o.loading
508
508
  }
509
- ]), i = x(() => l.value && o.tooltip ? a.value : null), d = (c) => {
510
- !o.disabled && !o.loading && n("click", c);
509
+ ]), i = S(() => s.value && o.tooltip ? a.value : null), d = (r) => {
510
+ !o.disabled && !o.loading && n("click", r);
511
511
  };
512
- return (c, M) => {
513
- const L = Ze("tooltip");
514
- return Le((h(), f("button", {
515
- class: W(r.value),
512
+ return (r, C) => {
513
+ const x = Xe("tooltip");
514
+ return Ve((u(), m("button", {
515
+ class: E(c.value),
516
516
  disabled: o.disabled || o.loading,
517
517
  type: o.htmlType,
518
518
  "data-placement": o.tooltipPlacement,
519
519
  onClick: d
520
520
  }, [
521
- o.loading ? (h(), ue(Ue, {
521
+ o.loading ? (u(), oe(Ge, {
522
522
  key: 0,
523
523
  class: "vt-button__icon"
524
- })) : o.icon ? (h(), ue(J, {
524
+ })) : o.icon ? (u(), oe(J, {
525
525
  key: 1,
526
526
  name: o.icon,
527
527
  class: "vt-button__icon"
528
- }, null, 8, ["name"])) : P("", !0),
529
- l.value ? P("", !0) : (h(), f("span", io, [
530
- he(c.$slots, "default")
528
+ }, null, 8, ["name"])) : W("", !0),
529
+ s.value ? W("", !0) : (u(), m("span", io, [
530
+ de(r.$slots, "default")
531
531
  ]))
532
532
  ], 10, ro)), [
533
- [L, i.value]
533
+ [x, i.value]
534
534
  ]);
535
535
  };
536
536
  }
@@ -540,7 +540,7 @@ const Ue = /* @__PURE__ */ D(oo, [["render", so]]), ro = ["disabled", "type", "d
540
540
  }, co = {
541
541
  key: 0,
542
542
  class: "vt-modal__title"
543
- }, uo = { class: "vt-modal__content" }, Ke = /* @__PURE__ */ re({
543
+ }, uo = { class: "vt-modal__content" }, Je = /* @__PURE__ */ te({
544
544
  __name: "VModal",
545
545
  props: {
546
546
  modelValue: { type: Boolean },
@@ -552,42 +552,42 @@ const Ue = /* @__PURE__ */ D(oo, [["render", so]]), ro = ["disabled", "type", "d
552
552
  },
553
553
  emits: ["update:modelValue", "close"],
554
554
  setup(t, { emit: e }) {
555
- const o = t, n = e, s = x(() => ["vt-modal__container", `vt-modal__container--${o.size}`]), l = x(() => ({
555
+ const o = t, n = e, l = S(() => ["vt-modal__container", `vt-modal__container--${o.size}`]), s = S(() => ({
556
556
  zIndex: o.zIndex
557
557
  })), a = () => {
558
558
  n("update:modelValue", !1), n("close");
559
- }, r = () => {
559
+ }, c = () => {
560
560
  o.closeOnBackdropClick && a();
561
561
  };
562
- return (i, d) => (h(), ue(pt, { to: "body" }, [
563
- i.modelValue ? (h(), f("div", {
562
+ return (i, d) => (u(), oe(Ye, { to: "body" }, [
563
+ i.modelValue ? (u(), m("div", {
564
564
  key: 0,
565
565
  class: "vt-modal__backdrop",
566
- style: ae(l.value),
567
- onClick: r
566
+ style: se(s.value),
567
+ onClick: c
568
568
  }, [
569
- v("div", {
570
- class: W(s.value),
571
- onClick: d[0] || (d[0] = me(() => {
569
+ p("div", {
570
+ class: E(l.value),
571
+ onClick: d[0] || (d[0] = he(() => {
572
572
  }, ["stop"]))
573
573
  }, [
574
- i.title || i.showCloseButton ? (h(), f("div", ao, [
575
- i.title ? (h(), f("h2", co, te(i.title), 1)) : P("", !0),
576
- i.showCloseButton ? (h(), ue(J, {
574
+ i.title || i.showCloseButton ? (u(), m("div", ao, [
575
+ i.title ? (u(), m("h2", co, ee(i.title), 1)) : W("", !0),
576
+ i.showCloseButton ? (u(), oe(J, {
577
577
  key: 1,
578
578
  name: "close",
579
579
  class: "vt-modal__close",
580
580
  onClick: a
581
- })) : P("", !0)
582
- ])) : P("", !0),
583
- v("div", uo, [
584
- he(i.$slots, "default")
581
+ })) : W("", !0)
582
+ ])) : W("", !0),
583
+ p("div", uo, [
584
+ de(i.$slots, "default")
585
585
  ])
586
586
  ], 2)
587
- ], 4)) : P("", !0)
587
+ ], 4)) : W("", !0)
588
588
  ]));
589
589
  }
590
- }), po = { class: "vt-pagination" }, ho = { class: "vt-pagination__info" }, mo = { class: "vt-pagination__rows-per-page" }, vo = ["value"], fo = { class: "vt-pagination__navigation" }, _o = ["disabled"], go = ["onClick"], Co = ["disabled"], wo = /* @__PURE__ */ re({
590
+ }), po = { class: "vt-pagination" }, ho = { class: "vt-pagination__info" }, mo = { class: "vt-pagination__rows-per-page" }, vo = ["value"], fo = { class: "vt-pagination__navigation" }, _o = ["disabled"], go = ["onClick"], wo = ["disabled"], Co = /* @__PURE__ */ te({
591
591
  __name: "VPagination",
592
592
  props: {
593
593
  totalItems: {},
@@ -598,103 +598,103 @@ const Ue = /* @__PURE__ */ D(oo, [["render", so]]), ro = ["disabled", "type", "d
598
598
  },
599
599
  emits: ["update:currentPage", "update:pageSize", "pageChange", "reloadData"],
600
600
  setup(t, { emit: e }) {
601
- const o = t, n = e, s = x({
601
+ const o = t, n = e, l = S({
602
602
  get: () => o.currentPage,
603
- set: (I) => n("update:currentPage", I)
604
- }), l = x({
603
+ set: (y) => n("update:currentPage", y)
604
+ }), s = S({
605
605
  get: () => o.pageSize,
606
- set: (I) => n("update:pageSize", I)
607
- }), a = x(() => Math.ceil(o.totalItems / l.value)), r = x(() => o.totalItems === 0 ? 0 : (s.value - 1) * l.value + 1), i = x(() => Math.min(s.value * l.value, o.totalItems)), d = x(() => s.value <= 1), c = x(() => s.value >= a.value), M = x(() => {
608
- const I = [], V = a.value, T = s.value, O = o.maxVisiblePages;
609
- if (V <= O)
610
- for (let k = 1; k <= V; k++)
611
- I.push(k);
606
+ set: (y) => n("update:pageSize", y)
607
+ }), a = S(() => Math.ceil(o.totalItems / s.value)), c = S(() => o.totalItems === 0 ? 0 : (l.value - 1) * s.value + 1), i = S(() => Math.min(l.value * s.value, o.totalItems)), d = S(() => l.value <= 1), r = S(() => l.value >= a.value), C = S(() => {
608
+ const y = [], V = a.value, I = l.value, q = o.maxVisiblePages;
609
+ if (V <= q)
610
+ for (let X = 1; X <= V; X++)
611
+ y.push(X);
612
612
  else {
613
- I.push(1);
614
- const k = Math.max(2, T - Math.floor(O / 2)), B = Math.min(V - 1, T + Math.floor(O / 2));
615
- k > 2 && I.push("...");
616
- for (let H = k; H <= B; H++)
617
- I.push(H);
618
- B < V - 1 && I.push("..."), V > 1 && I.push(V);
613
+ y.push(1);
614
+ const X = Math.max(2, I - Math.floor(q / 2)), M = Math.min(V - 1, I + Math.floor(q / 2));
615
+ X > 2 && y.push("...");
616
+ for (let $ = X; $ <= M; $++)
617
+ y.push($);
618
+ M < V - 1 && y.push("..."), V > 1 && y.push(V);
619
619
  }
620
- return I;
621
- }), L = () => {
620
+ return y;
621
+ }), x = () => {
622
622
  n("pageChange", {
623
- page: s.value,
624
- pageSize: l.value
623
+ page: l.value,
624
+ pageSize: s.value
625
625
  });
626
- }, X = (I) => {
627
- typeof I == "number" && I !== s.value && (s.value = I, L());
628
- }, G = () => {
629
- d.value || (s.value--, L());
630
- }, q = () => {
631
- c.value || (s.value++, L());
632
- }, Y = () => {
633
- s.value = 1, L();
626
+ }, z = (y) => {
627
+ typeof y == "number" && y !== l.value && (l.value = y, x());
628
+ }, F = () => {
629
+ d.value || (l.value--, x());
634
630
  }, U = () => {
635
- n("reloadData", s.value);
631
+ r.value || (l.value++, x());
632
+ }, H = () => {
633
+ l.value = 1, x();
634
+ }, K = () => {
635
+ n("reloadData", l.value);
636
636
  };
637
- return de(
637
+ return ve(
638
638
  () => o.totalItems,
639
639
  () => {
640
- s.value > a.value && a.value > 0 && (s.value = a.value, L());
640
+ l.value > a.value && a.value > 0 && (l.value = a.value, x());
641
641
  }
642
- ), (I, V) => (h(), f("div", po, [
643
- v("div", ho, [
644
- v("div", mo, [
645
- V[1] || (V[1] = v("label", {
642
+ ), (y, V) => (u(), m("div", po, [
643
+ p("div", ho, [
644
+ p("div", mo, [
645
+ V[1] || (V[1] = p("label", {
646
646
  for: "rowsSelect",
647
647
  class: "vt-pagination__label"
648
648
  }, "Рядків на сторінку:", -1)),
649
- Le(v("select", {
649
+ Ve(p("select", {
650
650
  id: "rowsSelect",
651
- "onUpdate:modelValue": V[0] || (V[0] = (T) => l.value = T),
652
- onChange: Y,
651
+ "onUpdate:modelValue": V[0] || (V[0] = (I) => s.value = I),
652
+ onChange: H,
653
653
  class: "vt-pagination__select"
654
654
  }, [
655
- (h(!0), f(le, null, se(I.pageSizeOptions, (T) => (h(), f("option", {
656
- key: T,
657
- value: T
658
- }, te(T), 9, vo))), 128))
655
+ (u(!0), m(re, null, ie(y.pageSizeOptions, (I) => (u(), m("option", {
656
+ key: I,
657
+ value: I
658
+ }, ee(I), 9, vo))), 128))
659
659
  ], 544), [
660
- [ht, l.value]
660
+ [vt, s.value]
661
661
  ])
662
662
  ]),
663
- v("span", null, te(r.value) + " - " + te(i.value) + " з " + te(I.totalItems), 1)
663
+ p("span", null, ee(c.value) + " - " + ee(i.value) + " з " + ee(y.totalItems), 1)
664
664
  ]),
665
- v("div", fo, [
666
- v("button", {
667
- onClick: G,
665
+ p("div", fo, [
666
+ p("button", {
667
+ onClick: F,
668
668
  disabled: d.value,
669
- class: W({ "vt-pagination__nav-button": !0, "has-items": !d.value })
669
+ class: E({ "vt-pagination__nav-button": !0, "has-items": !d.value })
670
670
  }, [
671
671
  Z(J, { name: "arrowLeft" })
672
672
  ], 10, _o),
673
- (h(!0), f(le, null, se(M.value, (T) => (h(), f("button", {
674
- key: T,
675
- onClick: (O) => X(T),
676
- class: W(["vt-pagination__nav-button", {
677
- "vt-pagination__nav-button--active": T === s.value
673
+ (u(!0), m(re, null, ie(C.value, (I) => (u(), m("button", {
674
+ key: I,
675
+ onClick: (q) => z(I),
676
+ class: E(["vt-pagination__nav-button", {
677
+ "vt-pagination__nav-button--active": I === l.value
678
678
  }])
679
- }, te(T), 11, go))), 128)),
680
- v("button", {
681
- onClick: q,
682
- disabled: c.value,
683
- class: W({ "vt-pagination__nav-button": !0, "has-items": !c.value })
679
+ }, ee(I), 11, go))), 128)),
680
+ p("button", {
681
+ onClick: U,
682
+ disabled: r.value,
683
+ class: E({ "vt-pagination__nav-button": !0, "has-items": !r.value })
684
684
  }, [
685
685
  Z(J, { name: "arrowRight" })
686
- ], 10, Co)
686
+ ], 10, wo)
687
687
  ]),
688
- v("div", null, [
688
+ p("div", null, [
689
689
  Z(Ce, {
690
690
  icon: "arrowReload",
691
691
  shape: "circle",
692
692
  tooltip: "",
693
693
  tooltipPlacement: "left",
694
- onClick: U
694
+ onClick: K
695
695
  }, {
696
- default: xe(() => V[2] || (V[2] = [
697
- ge("Оновити дані ", -1)
696
+ default: ue(() => V[2] || (V[2] = [
697
+ we("Оновити дані ", -1)
698
698
  ])),
699
699
  _: 1,
700
700
  __: [2]
@@ -702,7 +702,7 @@ const Ue = /* @__PURE__ */ D(oo, [["render", so]]), ro = ["disabled", "type", "d
702
702
  ])
703
703
  ]));
704
704
  }
705
- }), ko = ["for"], bo = ["id", "name", "value", "checked", "disabled", "required", ".indeterminate"], pe = /* @__PURE__ */ re({
705
+ }), ko = ["for"], bo = ["id", "name", "value", "checked", "disabled", "required", ".indeterminate"], pe = /* @__PURE__ */ te({
706
706
  __name: "VCheckbox",
707
707
  props: {
708
708
  modelValue: { type: Boolean, default: void 0 },
@@ -720,55 +720,55 @@ const Ue = /* @__PURE__ */ D(oo, [["render", so]]), ro = ["disabled", "type", "d
720
720
  },
721
721
  emits: ["update:modelValue", "change", "focus", "blur"],
722
722
  setup(t, { emit: e }) {
723
- const o = t, n = e, s = () => `vt-checkbox-${Math.random().toString(36).substr(2, 9)}`, l = x(() => o.id || s()), a = x(() => o.modelValue ?? o.checked), r = (c) => {
723
+ const o = t, n = e, l = () => `vt-checkbox-${Math.random().toString(36).substr(2, 9)}`, s = S(() => o.id || l()), a = S(() => o.modelValue ?? o.checked), c = (r) => {
724
724
  if (o.disabled) return;
725
- const L = c.target.checked;
726
- n("update:modelValue", L), n("change", L, c);
727
- }, i = (c) => {
728
- n("focus", c);
729
- }, d = (c) => {
730
- n("blur", c);
725
+ const x = r.target.checked;
726
+ n("update:modelValue", x), n("change", x, r);
727
+ }, i = (r) => {
728
+ n("focus", r);
729
+ }, d = (r) => {
730
+ n("blur", r);
731
731
  };
732
- return (c, M) => (h(), f("label", {
733
- class: W([
732
+ return (r, C) => (u(), m("label", {
733
+ class: E([
734
734
  "vt-checkbox",
735
- `vt-checkbox--${c.size}`,
736
- `vt-checkbox--${c.variant}`,
735
+ `vt-checkbox--${r.size}`,
736
+ `vt-checkbox--${r.variant}`,
737
737
  {
738
- "vt-checkbox--disabled": c.disabled,
739
- "vt-checkbox--double": c.isDouble
738
+ "vt-checkbox--disabled": r.disabled,
739
+ "vt-checkbox--double": r.isDouble
740
740
  }
741
741
  ]),
742
- for: l.value
742
+ for: s.value
743
743
  }, [
744
- v("input", {
745
- id: l.value,
746
- name: c.name,
747
- value: c.value,
744
+ p("input", {
745
+ id: s.value,
746
+ name: r.name,
747
+ value: r.value,
748
748
  checked: a.value,
749
- disabled: c.disabled,
750
- required: c.required,
751
- ".indeterminate": c.indeterminate,
749
+ disabled: r.disabled,
750
+ required: r.required,
751
+ ".indeterminate": r.indeterminate,
752
752
  type: "checkbox",
753
753
  class: "vt-checkbox__input",
754
- onChange: r,
754
+ onChange: c,
755
755
  onFocus: i,
756
756
  onBlur: d
757
757
  }, null, 40, bo),
758
- v("div", {
759
- class: W([
758
+ p("div", {
759
+ class: E([
760
760
  "vt-checkbox__box",
761
761
  {
762
- "vt-checkbox__box--checked": a.value && !c.indeterminate && !c.isDouble,
763
- "vt-checkbox__box--indeterminate": c.indeterminate,
764
- "vt-checkbox__box--double": c.isDouble && a.value,
765
- "vt-checkbox__box--disabled": c.disabled
762
+ "vt-checkbox__box--checked": a.value && !r.indeterminate && !r.isDouble,
763
+ "vt-checkbox__box--indeterminate": r.indeterminate,
764
+ "vt-checkbox__box--double": r.isDouble && a.value,
765
+ "vt-checkbox__box--disabled": r.disabled
766
766
  }
767
767
  ])
768
768
  }, [
769
- !c.indeterminate && !c.isDouble ? (h(), f("svg", {
769
+ !r.indeterminate && !r.isDouble ? (u(), m("svg", {
770
770
  key: 0,
771
- class: W([
771
+ class: E([
772
772
  "vt-checkbox__checkmark",
773
773
  {
774
774
  "vt-checkbox__checkmark--checked": a.value
@@ -779,17 +779,17 @@ const Ue = /* @__PURE__ */ D(oo, [["render", so]]), ro = ["disabled", "type", "d
779
779
  viewBox: "0 0 10 9",
780
780
  fill: "none",
781
781
  xmlns: "http://www.w3.org/2000/svg"
782
- }, M[0] || (M[0] = [
783
- v("path", {
782
+ }, C[0] || (C[0] = [
783
+ p("path", {
784
784
  d: "M1 5L3.58264 7.58264C3.80112 7.80112 4.16348 7.77113 4.34306 7.51971L9 1",
785
785
  stroke: "currentColor",
786
786
  "stroke-width": "2",
787
787
  "stroke-linecap": "round"
788
788
  }, null, -1)
789
- ]), 2)) : P("", !0),
790
- c.isDouble && a.value ? (h(), f("svg", {
789
+ ]), 2)) : W("", !0),
790
+ r.isDouble && a.value ? (u(), m("svg", {
791
791
  key: 1,
792
- class: W([
792
+ class: E([
793
793
  "vt-checkbox__checkmark",
794
794
  {
795
795
  "vt-checkbox__checkmark--checked": a.value
@@ -800,73 +800,73 @@ const Ue = /* @__PURE__ */ D(oo, [["render", so]]), ro = ["disabled", "type", "d
800
800
  viewBox: "0 0 13 6",
801
801
  fill: "none",
802
802
  xmlns: "http://www.w3.org/2000/svg"
803
- }, M[1] || (M[1] = [
804
- v("path", {
803
+ }, C[1] || (C[1] = [
804
+ p("path", {
805
805
  d: "M6 3L8.25 5L12 1",
806
806
  stroke: "currentColor",
807
807
  "stroke-width": "2",
808
808
  "stroke-linecap": "round",
809
809
  "stroke-linejoin": "round"
810
810
  }, null, -1),
811
- v("path", {
811
+ p("path", {
812
812
  d: "M1 3L3.25 5L7 1",
813
813
  stroke: "currentColor",
814
814
  "stroke-width": "2",
815
815
  "stroke-linecap": "round",
816
816
  "stroke-linejoin": "round"
817
817
  }, null, -1)
818
- ]), 2)) : P("", !0),
819
- c.indeterminate ? (h(), f("div", {
818
+ ]), 2)) : W("", !0),
819
+ r.indeterminate ? (u(), m("div", {
820
820
  key: 2,
821
- class: W([
821
+ class: E([
822
822
  "vt-checkbox__indeterminate-mark",
823
823
  {
824
- "vt-checkbox__indeterminate-mark--visible": c.indeterminate
824
+ "vt-checkbox__indeterminate-mark--visible": r.indeterminate
825
825
  }
826
826
  ])
827
- }, null, 2)) : P("", !0)
827
+ }, null, 2)) : W("", !0)
828
828
  ], 2),
829
- c.label || c.$slots.label || c.$slots.default ? (h(), f("span", {
829
+ r.label || r.$slots.label || r.$slots.default ? (u(), m("span", {
830
830
  key: 0,
831
- class: W([
831
+ class: E([
832
832
  "vt-checkbox__label",
833
833
  {
834
- "vt-checkbox__label--disabled": c.disabled
834
+ "vt-checkbox__label--disabled": r.disabled
835
835
  }
836
836
  ])
837
837
  }, [
838
- he(c.$slots, "label", {}, () => [
839
- he(c.$slots, "default", {}, () => [
840
- ge(te(c.label), 1)
838
+ de(r.$slots, "label", {}, () => [
839
+ de(r.$slots, "default", {}, () => [
840
+ we(ee(r.label), 1)
841
841
  ])
842
842
  ])
843
- ], 2)) : P("", !0)
843
+ ], 2)) : W("", !0)
844
844
  ], 10, ko));
845
845
  }
846
846
  });
847
847
  function yo(t) {
848
- const e = x(() => [...t].sort((s, l) => s.pinnedLeft && !l.pinnedLeft ? -1 : !s.pinnedLeft && l.pinnedLeft || s.pinnedRight && !l.pinnedRight ? 1 : !s.pinnedRight && l.pinnedRight ? -1 : 0)), o = () => {
849
- const s = e.value.length, l = e.value.filter((c) => c.width || c.minWidth), a = l.reduce((c, M) => c + (M.width || M.minWidth || 0), 0), r = s - l.length;
850
- if (r === 0) return 150;
851
- const d = Math.max(800 - a, r * 80);
852
- return Math.max(Math.floor(d / r), 120);
848
+ const e = S(() => [...t].sort((l, s) => l.pinnedLeft && !s.pinnedLeft ? -1 : !l.pinnedLeft && s.pinnedLeft || l.pinnedRight && !s.pinnedRight ? 1 : !l.pinnedRight && s.pinnedRight ? -1 : 0)), o = () => {
849
+ const l = e.value.length, s = e.value.filter((r) => r.width || r.minWidth), a = s.reduce((r, C) => r + (C.width || C.minWidth || 0), 0), c = l - s.length;
850
+ if (c === 0) return 150;
851
+ const d = Math.max(800 - a, c * 80);
852
+ return Math.max(Math.floor(d / c), 120);
853
853
  };
854
854
  return {
855
855
  sortedColumns: e,
856
856
  getDefaultColumnWidth: o,
857
- getStickyOffset: (s, l, a = !1) => {
858
- const r = e.value;
857
+ getStickyOffset: (l, s, a = !1) => {
858
+ const c = e.value;
859
859
  let i = 0;
860
- if (s === "left") {
860
+ if (l === "left") {
861
861
  a && (i += 50);
862
- for (let d = 0; d < l; d++) {
863
- const c = r[d];
864
- c.pinnedLeft && (i += c.width || c.minWidth || o());
862
+ for (let d = 0; d < s; d++) {
863
+ const r = c[d];
864
+ r.pinnedLeft && (i += r.width || r.minWidth || o());
865
865
  }
866
866
  } else
867
- for (let d = r.length - 1; d > l; d--) {
868
- const c = r[d];
869
- c.pinnedRight && (i += c.width || c.minWidth || o());
867
+ for (let d = c.length - 1; d > s; d--) {
868
+ const r = c[d];
869
+ r.pinnedRight && (i += r.width || r.minWidth || o());
870
870
  }
871
871
  return i;
872
872
  }
@@ -874,136 +874,136 @@ function yo(t) {
874
874
  }
875
875
  function xo(t) {
876
876
  const e = () => {
877
- const l = {};
878
- return t.maxHeight && (l.maxHeight = `${t.maxHeight}px`), l;
879
- }, o = (l, a, r, i) => {
877
+ const s = {};
878
+ return t.maxHeight && (s.maxHeight = `${t.maxHeight}px`), s;
879
+ }, o = (s, a, c, i) => {
880
880
  const d = {};
881
- if (l.width)
882
- d.width = `${l.width}px`, d.minWidth = `${l.width}px`, d.maxWidth = `${l.width}px`;
883
- else if (l.minWidth)
884
- d.minWidth = `${l.minWidth}px`, d.width = `${l.minWidth}px`, d.maxWidth = "none";
881
+ if (s.width)
882
+ d.width = `${s.width}px`, d.minWidth = `${s.width}px`, d.maxWidth = `${s.width}px`;
883
+ else if (s.minWidth)
884
+ d.minWidth = `${s.minWidth}px`, d.width = `${s.minWidth}px`, d.maxWidth = "none";
885
885
  else {
886
- const c = i();
887
- d.width = `${c}px`, d.minWidth = "80px", d.maxWidth = "none";
886
+ const r = i();
887
+ d.width = `${r}px`, d.minWidth = "80px", d.maxWidth = "none";
888
888
  }
889
- return l.pinnedLeft ? (d.position = "sticky", d.left = `${r("left", a, t.selectable)}px`, d.zIndex = "10") : l.pinnedRight && (d.position = "sticky", d.right = `${r("right", a, !1)}px`, d.zIndex = "10"), d;
889
+ return s.pinnedLeft ? (d.position = "sticky", d.left = `${c("left", a, t.selectable)}px`, d.zIndex = "10") : s.pinnedRight && (d.position = "sticky", d.right = `${c("right", a, !1)}px`, d.zIndex = "10"), d;
890
890
  };
891
891
  return {
892
892
  getTableWrapperStyle: e,
893
893
  getColumnStyle: o,
894
- getHeaderStyle: (l, a, r, i) => {
895
- const d = o(l, a, r, i);
896
- return t.maxHeight && (d.position = "sticky", d.top = "0", l.pinnedLeft || l.pinnedRight ? d.zIndex = "12" : d.zIndex = "11"), d;
894
+ getHeaderStyle: (s, a, c, i) => {
895
+ const d = o(s, a, c, i);
896
+ return t.maxHeight && (d.position = "sticky", d.top = "0", s.pinnedLeft || s.pinnedRight ? d.zIndex = "12" : d.zIndex = "11"), d;
897
897
  },
898
- getFooterStyle: (l, a, r, i) => {
899
- const d = o(l, a, r, i);
900
- return t.maxHeight && (d.position = "sticky", d.bottom = "0", l.pinnedLeft || l.pinnedRight ? d.zIndex = "12" : d.zIndex = "11"), d;
898
+ getFooterStyle: (s, a, c, i) => {
899
+ const d = o(s, a, c, i);
900
+ return t.maxHeight && (d.position = "sticky", d.bottom = "0", s.pinnedLeft || s.pinnedRight ? d.zIndex = "12" : d.zIndex = "11"), d;
901
901
  }
902
902
  };
903
903
  }
904
904
  function Mo() {
905
- const t = A({
905
+ const t = j({
906
906
  resizingCol: null,
907
907
  startX: 0,
908
908
  startWidth: 0
909
909
  }), e = `url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'><path d='M5 13L2 10L5 7' stroke='%23828282' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M15 7L18 10L15 13' stroke='%23828282' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M10 3L10 17' stroke='%23828282' stroke-width='3' stroke-linecap='round'/></svg>") 10 10, col-resize`;
910
910
  return {
911
- onMouseDown: (n, s, l, a) => {
912
- n.preventDefault(), n.stopPropagation(), t.value.resizingCol = s, t.value.startX = n.clientX, t.value.startWidth = s.width || s.minWidth || l(s.prop);
913
- const r = (d) => {
914
- const { resizingCol: c, startX: M, startWidth: L } = t.value;
915
- if (!c) return;
916
- document.querySelectorAll(`[data-resizer="${c.prop}"]`).forEach((U) => {
917
- U.classList.add("vt-table__resizer--active");
911
+ onMouseDown: (n, l, s, a) => {
912
+ n.preventDefault(), n.stopPropagation(), t.value.resizingCol = l, t.value.startX = n.clientX, t.value.startWidth = l.width || l.minWidth || s(l.prop);
913
+ const c = (d) => {
914
+ const { resizingCol: r, startX: C, startWidth: x } = t.value;
915
+ if (!r) return;
916
+ document.querySelectorAll(`[data-resizer="${r.prop}"]`).forEach((K) => {
917
+ K.classList.add("vt-table__resizer--active");
918
918
  });
919
- const X = d.clientX - M, G = c.minWidth || 50, q = c.maxWidth || 1e3, Y = Math.max(Math.min(L + X, q), G);
920
- c.width = Y;
919
+ const z = d.clientX - C, F = r.minWidth || 50, U = r.maxWidth || 1e3, H = Math.max(Math.min(x + z, U), F);
920
+ r.width = H;
921
921
  }, i = () => {
922
922
  const { resizingCol: d } = t.value;
923
- document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", i), document.body.style.cursor = "", document.body.style.userSelect = "", document.body.classList.remove("vt-table-resizing"), d && (document.querySelectorAll(`[data-resizer="${d.prop}"]`).forEach((c) => {
924
- c.classList.remove("vt-table__resizer--active");
923
+ document.removeEventListener("mousemove", c), document.removeEventListener("mouseup", i), document.body.style.cursor = "", document.body.style.userSelect = "", document.body.classList.remove("vt-table-resizing"), d && (document.querySelectorAll(`[data-resizer="${d.prop}"]`).forEach((r) => {
924
+ r.classList.remove("vt-table__resizer--active");
925
925
  }), a && d.width && a(d.width)), t.value.resizingCol = null;
926
926
  };
927
- document.addEventListener("mousemove", r), document.addEventListener("mouseup", i), document.body.style.cursor = e, document.body.style.userSelect = "none", document.body.classList.add("vt-table-resizing");
927
+ document.addEventListener("mousemove", c), document.addEventListener("mouseup", i), document.body.style.cursor = e, document.body.style.userSelect = "none", document.body.classList.add("vt-table-resizing");
928
928
  },
929
929
  resizeState: t
930
930
  };
931
931
  }
932
932
  function Lo(t, e, o, n) {
933
- var Q;
934
- const s = t.selectionKey || "id", l = A([]), a = A(null), r = A(!1);
935
- (Q = t.defaultSelection) != null && Q.length && (l.value = [...t.defaultSelection]);
936
- const i = (C) => C[s], d = (C) => r.value ? !0 : l.value.some((j) => i(j) === i(C)), c = x(() => e.value.filter((C) => d(C)).length), M = x(() => e.value.length > 0 && c.value === e.value.length), L = x(() => {
937
- if (r.value) return !1;
938
- const C = c.value;
939
- return C > 0 && C < e.value.length;
940
- }), X = x(() => r.value ? !0 : M.value && !L.value), G = x(() => r.value), q = (C, j) => {
941
- const E = i(C), N = l.value.some((u) => i(u) === i(C)), p = j !== void 0 ? j : !N;
942
- if (r.value && !p) {
943
- r.value = !1, n != null && n.value && (l.value = n.value.filter((u) => i(u) !== E)), H(C, !1);
933
+ var A;
934
+ const l = t.selectionKey || "id", s = j([]), a = j(null), c = j(!1);
935
+ (A = t.defaultSelection) != null && A.length && (s.value = [...t.defaultSelection]);
936
+ const i = (g) => g[l], d = (g) => c.value ? !0 : s.value.some((k) => i(k) === i(g)), r = S(() => e.value.filter((g) => d(g)).length), C = S(() => e.value.length > 0 && r.value === e.value.length), x = S(() => {
937
+ if (c.value) return !1;
938
+ const g = r.value;
939
+ return g > 0 && g < e.value.length;
940
+ }), z = S(() => c.value ? !0 : C.value && !x.value), F = S(() => c.value), U = (g, k) => {
941
+ const Y = i(g), le = s.value.some((f) => i(f) === i(g)), h = k !== void 0 ? k : !le;
942
+ if (c.value && !h) {
943
+ c.value = !1, n != null && n.value && (s.value = n.value.filter((f) => i(f) !== Y)), $(g, !1);
944
944
  return;
945
945
  }
946
- r.value && p || (p && !N ? l.value.push(C) : !p && N && (l.value = l.value.filter((u) => i(u) !== E)), t.selectOnClickRow && j === void 0 && O(p ? C : null), H(C, p));
947
- }, Y = () => {
948
- switch (U()) {
946
+ c.value && h || (h && !le ? s.value.push(g) : !h && le && (s.value = s.value.filter((f) => i(f) !== Y)), t.selectOnClickRow && k === void 0 && q(h ? g : null), $(g, h));
947
+ }, H = () => {
948
+ switch (K()) {
949
949
  case "none":
950
950
  case "partial":
951
- I();
951
+ y();
952
952
  break;
953
953
  case "allVisible":
954
954
  V();
955
955
  break;
956
956
  case "absoluteAll":
957
- T();
957
+ I();
958
958
  break;
959
959
  }
960
- }, U = () => r.value ? "absoluteAll" : M.value ? "allVisible" : c.value > 0 ? "partial" : "none", I = () => {
961
- const C = [], j = new Set(l.value.map((E) => i(E)));
962
- l.value.forEach((E) => {
963
- C.push(E);
964
- }), e.value.forEach((E) => {
965
- j.has(i(E)) || C.push(E);
966
- }), l.value = C, r.value = !1, H();
960
+ }, K = () => c.value ? "absoluteAll" : C.value ? "allVisible" : r.value > 0 ? "partial" : "none", y = () => {
961
+ const g = [], k = new Set(s.value.map((Y) => i(Y)));
962
+ s.value.forEach((Y) => {
963
+ g.push(Y);
964
+ }), e.value.forEach((Y) => {
965
+ k.has(i(Y)) || g.push(Y);
966
+ }), s.value = g, c.value = !1, $();
967
967
  }, V = () => {
968
- r.value = !0, n != null && n.value ? l.value = [...n.value] : l.value = [...e.value], H(void 0, void 0, !0);
969
- }, T = () => {
970
- l.value = [], r.value = !1, a.value = null, H();
971
- }, O = (C) => {
972
- const j = a.value;
973
- a.value = C, o("current-change", {
968
+ c.value = !0, n != null && n.value ? s.value = [...n.value] : s.value = [...e.value], $(void 0, void 0, !0);
969
+ }, I = () => {
970
+ s.value = [], c.value = !1, a.value = null, $();
971
+ }, q = (g) => {
972
+ const k = a.value;
973
+ a.value = g, o("current-change", {
974
974
  currentRow: a.value,
975
- oldCurrentRow: j
975
+ oldCurrentRow: k
976
976
  });
977
- }, k = () => [...l.value], B = (C) => {
978
- l.value = [...C], r.value = !1, H();
979
- }, H = (C, j, E = !1) => {
980
- const N = {
981
- selection: [...l.value],
982
- row: C,
983
- selected: j,
984
- isAllSelected: E || r.value
977
+ }, X = () => [...s.value], M = (g) => {
978
+ s.value = [...g], c.value = !1, $();
979
+ }, $ = (g, k, Y = !1) => {
980
+ const le = {
981
+ selection: [...s.value],
982
+ row: g,
983
+ selected: k,
984
+ isAllSelected: Y || c.value
985
985
  };
986
- o("selection-change", N);
986
+ o("selection-change", le);
987
987
  };
988
- return de(
988
+ return ve(
989
989
  () => t.defaultSelection,
990
- (C) => {
991
- C != null && C.length && (l.value = [...C]);
990
+ (g) => {
991
+ g != null && g.length && (s.value = [...g]);
992
992
  }
993
993
  ), {
994
- selectedRows: l,
994
+ selectedRows: s,
995
995
  currentRow: a,
996
996
  isRowSelected: d,
997
- isAllSelected: X,
998
- isIndeterminate: L,
999
- isDoubleCheck: G,
1000
- isFullSelection: r,
1001
- toggleRowSelection: q,
1002
- toggleAllSelection: Y,
1003
- clearSelection: T,
1004
- setCurrentRow: O,
1005
- getSelectionRows: k,
1006
- setSelectionRows: B,
997
+ isAllSelected: z,
998
+ isIndeterminate: x,
999
+ isDoubleCheck: F,
1000
+ isFullSelection: c,
1001
+ toggleRowSelection: U,
1002
+ toggleAllSelection: H,
1003
+ clearSelection: I,
1004
+ setCurrentRow: q,
1005
+ getSelectionRows: X,
1006
+ setSelectionRows: M,
1007
1007
  selectAbsolutelyAll: V
1008
1008
  };
1009
1009
  }
@@ -1023,32 +1023,191 @@ const So = (t, e, o = "asc") => {
1023
1023
  if (e == null) return o === "asc" ? -1 : 1;
1024
1024
  if (t === e) return 0;
1025
1025
  let n = 0;
1026
- const s = Number(t), l = Number(e);
1027
- return !isNaN(s) && !isNaN(l) ? n = s - l : ze(t) && ze(e) ? n = new Date(t).getTime() - new Date(e).getTime() : typeof t == "boolean" && typeof e == "boolean" ? n = t === e ? 0 : t ? -1 : 1 : n = String(t).localeCompare(String(e), void 0, {
1026
+ const l = Number(t), s = Number(e);
1027
+ return !isNaN(l) && !isNaN(s) ? n = l - s : We(t) && We(e) ? n = new Date(t).getTime() - new Date(e).getTime() : typeof t == "boolean" && typeof e == "boolean" ? n = t === e ? 0 : t ? -1 : 1 : n = String(t).localeCompare(String(e), void 0, {
1028
1028
  numeric: !0,
1029
1029
  sensitivity: "base"
1030
1030
  }), o === "desc" ? -n : n;
1031
- }, ze = (t) => t instanceof Date ? !isNaN(t.getTime()) : typeof t == "string" && /\d{4}-\d{2}-\d{2}|\//.test(t) ? !isNaN(new Date(t).getTime()) : !1, Io = (t, e, o) => {
1031
+ }, We = (t) => t instanceof Date ? !isNaN(t.getTime()) : typeof t == "string" && /\d{4}-\d{2}-\d{2}|\//.test(t) ? !isNaN(new Date(t).getTime()) : !1, Vo = (t, e, o) => {
1032
1032
  t.sortable && o({
1033
1033
  prop: t.prop,
1034
1034
  direction: e
1035
1035
  });
1036
- }, He = (t, e) => {
1036
+ }, Pe = (t, e) => {
1037
1037
  const o = (e == null ? void 0 : e.prop) === t.prop, n = e == null ? void 0 : e.direction;
1038
1038
  return {
1039
1039
  asc: ["vt-th__sort-icon", o && n === "asc" && "vt-th__sortable-active"].filter(Boolean).join(" "),
1040
1040
  desc: ["vt-th__sort-icon", o && n === "desc" && "vt-th__sortable-active"].filter(Boolean).join(" ")
1041
1041
  };
1042
- }, Vo = (t, e, o) => {
1042
+ }, Io = (t, e, o) => {
1043
1043
  if (!e) return [...t];
1044
- const n = o.find((l) => l.prop === e.prop);
1044
+ const n = o.find((s) => s.prop === e.prop);
1045
1045
  if (!(n != null && n.sortable)) return [...t];
1046
- const s = n.sortMethod || So;
1047
- return [...t].sort((l, a) => {
1048
- const r = l[n.prop], i = a[n.prop];
1049
- return s(r, i, e.direction);
1046
+ const l = n.sortMethod || So;
1047
+ return [...t].sort((s, a) => {
1048
+ const c = s[n.prop], i = a[n.prop];
1049
+ return l(c, i, e.direction);
1050
1050
  });
1051
- };
1051
+ }, Qe = Symbol("dropdown-context"), et = /* @__PURE__ */ te({
1052
+ __name: "VDropdown",
1053
+ props: {
1054
+ trigger: { default: "hover" },
1055
+ placement: { default: "bottom-start" },
1056
+ disabled: { type: Boolean, default: !1 },
1057
+ splitButton: { type: Boolean, default: !1 },
1058
+ hideOnClick: { type: Boolean, default: !0 },
1059
+ showTimeout: { default: 250 },
1060
+ hideTimeout: { default: 150 },
1061
+ tabindex: { default: 0 }
1062
+ },
1063
+ emits: ["visible-change", "click", "command"],
1064
+ setup(t, { expose: e, emit: o }) {
1065
+ const n = t, l = o, s = j(), a = j(), c = j(), i = j(!1), d = j(null), r = j({
1066
+ position: "absolute",
1067
+ top: "0px",
1068
+ left: "0px",
1069
+ zIndex: 2e3,
1070
+ transformOrigin: "center top"
1071
+ });
1072
+ Se();
1073
+ const C = async () => {
1074
+ if (await ft(), !a.value || !c.value) return;
1075
+ const M = a.value.getBoundingClientRect(), $ = c.value.getBoundingClientRect();
1076
+ let A = 0, g = 0;
1077
+ switch (n.placement) {
1078
+ case "bottom":
1079
+ A = M.bottom + window.scrollY + 5, g = M.left + window.scrollX + (M.width - $.width) / 2;
1080
+ break;
1081
+ case "bottom-start":
1082
+ A = M.bottom + window.scrollY + 5, g = M.left + window.scrollX;
1083
+ break;
1084
+ case "bottom-end":
1085
+ A = M.bottom + window.scrollY + 5, g = M.right + window.scrollX - $.width;
1086
+ break;
1087
+ case "top":
1088
+ A = M.top + window.scrollY - $.height - 5, g = M.left + window.scrollX + (M.width - $.width) / 2;
1089
+ break;
1090
+ case "top-start":
1091
+ A = M.top + window.scrollY - $.height - 5, g = M.left + window.scrollX;
1092
+ break;
1093
+ case "top-end":
1094
+ A = M.top + window.scrollY - $.height - 5, g = M.right + window.scrollX - $.width;
1095
+ break;
1096
+ }
1097
+ g + $.width > window.innerWidth && (g = window.innerWidth - $.width - 10), g < 10 && (g = 10), A + $.height > window.innerHeight && (A = M.top + window.scrollY - $.height - 5), A < 10 && (A = 10), r.value.top = `${A}px`, r.value.left = `${g}px`;
1098
+ }, x = () => {
1099
+ n.disabled || i.value || (F(), d.value = window.setTimeout(
1100
+ async () => {
1101
+ i.value = !0, await C(), l("visible-change", !0);
1102
+ },
1103
+ n.trigger === "hover" ? n.showTimeout : 0
1104
+ ));
1105
+ }, z = () => {
1106
+ i.value && (F(), d.value = window.setTimeout(
1107
+ () => {
1108
+ i.value = !1, l("visible-change", !1);
1109
+ },
1110
+ n.trigger === "hover" ? n.hideTimeout : 0
1111
+ ));
1112
+ }, F = () => {
1113
+ d.value && (window.clearTimeout(d.value), d.value = null);
1114
+ };
1115
+ Ke(Qe, {
1116
+ handleCommand: (M) => {
1117
+ console.log("VDropdown handleCommand called:", M), l("command", M), n.hideOnClick && z();
1118
+ },
1119
+ hideOnClick: n.hideOnClick
1120
+ });
1121
+ const H = (M) => {
1122
+ n.disabled || (console.log("VDropdown click triggered"), l("click", M), n.trigger === "click" && (i.value ? z() : x()));
1123
+ }, K = () => {
1124
+ n.trigger === "hover" && x();
1125
+ }, y = () => {
1126
+ n.trigger === "hover" && z();
1127
+ }, V = () => {
1128
+ n.trigger === "hover" && F();
1129
+ }, I = () => {
1130
+ n.trigger === "hover" && z();
1131
+ }, q = (M) => {
1132
+ var A, g;
1133
+ if (!i.value) return;
1134
+ const $ = M.target;
1135
+ (A = s.value) != null && A.contains($) || (g = c.value) != null && g.contains($) || z();
1136
+ }, X = () => {
1137
+ i.value && C();
1138
+ };
1139
+ return e({
1140
+ show: x,
1141
+ hide: z,
1142
+ visible: i
1143
+ }), fe(() => {
1144
+ document.addEventListener("click", q), window.addEventListener("scroll", X, { passive: !0 }), window.addEventListener("resize", X);
1145
+ }), Ie(() => {
1146
+ document.removeEventListener("click", q), window.removeEventListener("scroll", X), window.removeEventListener("resize", X), F();
1147
+ }), (M, $) => (u(), m("div", {
1148
+ ref_key: "dropdownRef",
1149
+ ref: s,
1150
+ class: "v-dropdown",
1151
+ onClick: H,
1152
+ onMouseenter: K,
1153
+ onMouseleave: y
1154
+ }, [
1155
+ p("div", {
1156
+ ref_key: "triggerRef",
1157
+ ref: a,
1158
+ class: "v-dropdown__trigger"
1159
+ }, [
1160
+ de(M.$slots, "default")
1161
+ ], 512),
1162
+ i.value ? (u(), oe(Ye, {
1163
+ key: 0,
1164
+ to: "body"
1165
+ }, [
1166
+ p("div", {
1167
+ ref_key: "menuRef",
1168
+ ref: c,
1169
+ style: se(r.value),
1170
+ class: "v-dropdown-menu",
1171
+ onMouseenter: V,
1172
+ onMouseleave: I,
1173
+ onClick: $[0] || ($[0] = he(() => {
1174
+ }, ["stop"]))
1175
+ }, [
1176
+ de(M.$slots, "dropdown")
1177
+ ], 36)
1178
+ ])) : W("", !0)
1179
+ ], 544));
1180
+ }
1181
+ }), Le = /* @__PURE__ */ te({
1182
+ __name: "VDropdownItem",
1183
+ props: {
1184
+ command: {},
1185
+ disabled: { type: Boolean },
1186
+ divided: { type: Boolean },
1187
+ icon: {}
1188
+ },
1189
+ emits: ["click"],
1190
+ setup(t, { emit: e }) {
1191
+ const o = t, n = e, l = qe(Qe);
1192
+ l || console.warn("VDropdownItem must be used within VDropdown");
1193
+ const s = (a) => {
1194
+ o.disabled || (console.log("VDropdownItem click:", o.command), n("click", a), o.command !== void 0 && l && (console.log("Calling handleCommand with:", o.command), l.handleCommand(o.command)));
1195
+ };
1196
+ return (a, c) => (u(), m("li", {
1197
+ class: E(["v-dropdown-item", {
1198
+ "is-disabled": a.disabled,
1199
+ "v-dropdown-item--divided": a.divided
1200
+ }]),
1201
+ onClick: s
1202
+ }, [
1203
+ a.icon ? (u(), m("i", {
1204
+ key: 0,
1205
+ class: E([a.icon, "v-dropdown-item__icon"])
1206
+ }, null, 2)) : W("", !0),
1207
+ de(a.$slots, "default")
1208
+ ], 2));
1209
+ }
1210
+ });
1052
1211
  class Bo {
1053
1212
  constructor() {
1054
1213
  this.modalStack = [], this.baseZIndex = 1e3;
@@ -1056,39 +1215,39 @@ class Bo {
1056
1215
  open(e = {}) {
1057
1216
  const o = `modal-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, n = document.createElement("div");
1058
1217
  n.setAttribute("data-vt-modal", o), document.body.appendChild(n);
1059
- const s = A(!0), l = this.baseZIndex + this.modalStack.length * 10, a = mt({
1218
+ const l = j(!0), s = this.baseZIndex + this.modalStack.length * 10, a = _t({
1060
1219
  setup() {
1061
1220
  const i = () => {
1062
- s.value = !1, setTimeout(() => {
1221
+ l.value = !1, setTimeout(() => {
1063
1222
  ce.closeById(o);
1064
1223
  }, 100);
1065
1224
  };
1066
- return () => be(
1067
- Ke,
1225
+ return () => xe(
1226
+ Je,
1068
1227
  {
1069
- modelValue: s.value,
1228
+ modelValue: l.value,
1070
1229
  "onUpdate:modelValue": i,
1071
1230
  title: e.title,
1072
1231
  size: e.size || "medium",
1073
1232
  showCloseButton: e.showCloseButton !== !1,
1074
1233
  closeOnBackdropClick: e.closeOnBackdropClick !== !1,
1075
1234
  onClose: i,
1076
- zIndex: l
1235
+ zIndex: s
1077
1236
  },
1078
1237
  {
1079
- default: () => e.component ? be(e.component, e.props || {}) : e.content ? be("div", { innerHTML: e.content }) : null
1238
+ default: () => e.component ? xe(e.component, e.props || {}) : e.content ? xe("div", { innerHTML: e.content }) : null
1080
1239
  }
1081
1240
  );
1082
1241
  }
1083
1242
  });
1084
1243
  a.mount(n);
1085
- const r = {
1244
+ const c = {
1086
1245
  id: o,
1087
1246
  app: a,
1088
1247
  container: n,
1089
- isOpen: s
1248
+ isOpen: l
1090
1249
  };
1091
- return this.modalStack.push(r), o;
1250
+ return this.modalStack.push(c), o;
1092
1251
  }
1093
1252
  close() {
1094
1253
  if (this.modalStack.length > 0) {
@@ -1118,7 +1277,7 @@ class Bo {
1118
1277
  recalculateZIndices() {
1119
1278
  }
1120
1279
  }
1121
- const ce = new Bo(), Ro = {
1280
+ const ce = new Bo(), To = {
1122
1281
  install(t) {
1123
1282
  t.config.globalProperties.$modal = ce, t.config.globalProperties.$modalStack = {
1124
1283
  closeAll: () => ce.closeAll(),
@@ -1126,16 +1285,16 @@ const ce = new Bo(), Ro = {
1126
1285
  closeById: (e) => ce.closeById(e)
1127
1286
  };
1128
1287
  }
1129
- }, To = { class: "vt-columns-selector-body" }, Eo = { class: "vt-columns-selector" }, zo = { class: "vt-columns-selector__panel" }, Ho = ["draggable", "onDragstart", "onDragover", "onDrop"], Wo = {
1288
+ }, Ro = { class: "vt-columns-selector-body" }, Eo = { class: "vt-columns-selector" }, zo = { class: "vt-columns-selector__panel" }, Ho = ["draggable", "onDragstart", "onDragover", "onDrop"], Do = {
1130
1289
  key: 0,
1131
1290
  class: "vt-columns-selector__panel-item-pinned"
1132
- }, Do = { class: "vt-columns-selector__available" }, Po = ["onClick"], Ao = {
1291
+ }, Wo = { class: "vt-columns-selector__available" }, Po = ["onClick"], Ao = {
1133
1292
  key: 0,
1134
1293
  class: "vt-columns-selector__group-columns"
1135
1294
  }, Oo = {
1136
1295
  key: 0,
1137
1296
  class: "vt-columns-selector__pinned-note"
1138
- }, jo = { class: "vt-modal__content-button" }, No = /* @__PURE__ */ re({
1297
+ }, jo = { class: "vt-modal__content-button" }, No = /* @__PURE__ */ te({
1139
1298
  __name: "VTableColumnSelector",
1140
1299
  props: {
1141
1300
  columns: {},
@@ -1143,192 +1302,192 @@ const ce = new Bo(), Ro = {
1143
1302
  },
1144
1303
  emits: ["update-columns"],
1145
1304
  setup(t, { emit: e }) {
1146
- const o = t, n = e, s = A([]), l = A(/* @__PURE__ */ new Set()), a = A(-1), r = A(-1), i = A("before"), d = x(() => {
1147
- const p = {};
1148
- return o.columnsSelector.forEach((u) => {
1149
- if (u.name === "removed")
1305
+ const o = t, n = e, l = j([]), s = j(/* @__PURE__ */ new Set()), a = j(-1), c = j(-1), i = j("before"), d = S(() => {
1306
+ const h = {};
1307
+ return o.columnsSelector.forEach((f) => {
1308
+ if (f.name === "removed")
1150
1309
  return;
1151
- const g = u.columns.map((R) => R.prop), b = s.value.filter((R) => g.includes(R.prop));
1152
- b.length === 0 ? p[u.name] = { checked: !1, indeterminate: !1 } : b.length === u.columns.length ? p[u.name] = { checked: !0, indeterminate: !1 } : p[u.name] = { checked: !1, indeterminate: !0 };
1153
- }), p;
1154
- }), c = x(() => o.columnsSelector.filter((p) => p.name !== "removed")), M = (p) => p.pinnedLeft || p.pinnedRight, L = (p) => !M(p), X = () => {
1155
- const p = s.value;
1156
- let u = -1;
1157
- for (let b = 0; b < p.length; b++)
1158
- p[b].pinnedLeft && (u = b);
1159
- let g = p.length;
1160
- for (let b = 0; b < p.length; b++)
1161
- if (p[b].pinnedRight) {
1162
- g = b;
1310
+ const w = f.columns.map((T) => T.prop), L = l.value.filter((T) => w.includes(T.prop));
1311
+ L.length === 0 ? h[f.name] = { checked: !1, indeterminate: !1 } : L.length === f.columns.length ? h[f.name] = { checked: !0, indeterminate: !1 } : h[f.name] = { checked: !1, indeterminate: !0 };
1312
+ }), h;
1313
+ }), r = S(() => o.columnsSelector.filter((h) => h.name !== "removed")), C = (h) => h.pinnedLeft || h.pinnedRight, x = (h) => !C(h), z = () => {
1314
+ const h = l.value;
1315
+ let f = -1;
1316
+ for (let L = 0; L < h.length; L++)
1317
+ h[L].pinnedLeft && (f = L);
1318
+ let w = h.length;
1319
+ for (let L = 0; L < h.length; L++)
1320
+ if (h[L].pinnedRight) {
1321
+ w = L;
1163
1322
  break;
1164
1323
  }
1165
1324
  return {
1166
- minIndex: u + 1,
1167
- maxIndex: g - 1
1325
+ minIndex: f + 1,
1326
+ maxIndex: w - 1
1168
1327
  };
1169
- }, G = (p) => {
1170
- const u = X();
1171
- return !(p < u.minIndex || p > u.maxIndex + 1);
1172
- }, q = (p, u) => {
1173
- const g = s.value[u];
1174
- if (!L(g)) {
1175
- p.preventDefault();
1328
+ }, F = (h) => {
1329
+ const f = z();
1330
+ return !(h < f.minIndex || h > f.maxIndex + 1);
1331
+ }, U = (h, f) => {
1332
+ const w = l.value[f];
1333
+ if (!x(w)) {
1334
+ h.preventDefault();
1176
1335
  return;
1177
1336
  }
1178
- a.value = u, p.dataTransfer && (p.dataTransfer.effectAllowed = "move", p.dataTransfer.setData("text/plain", g.prop)), document.body.style.cursor = "grabbing";
1179
- }, Y = (p, u) => {
1337
+ a.value = f, h.dataTransfer && (h.dataTransfer.effectAllowed = "move", h.dataTransfer.setData("text/plain", w.prop)), document.body.style.cursor = "grabbing";
1338
+ }, H = (h, f) => {
1180
1339
  if (a.value === -1) return;
1181
- p.preventDefault();
1182
- const g = p.currentTarget.getBoundingClientRect(), b = p.clientY, R = g.top + g.height / 2;
1183
- let S = u, ee = "before";
1184
- b < R ? (S = u, ee = "before") : (S = u + 1, ee = "after"), a.value < S && S--, G(S) ? (r.value = u, i.value = ee, p.dataTransfer.dropEffect = "move") : (r.value = -1, p.dataTransfer.dropEffect = "none");
1185
- }, U = () => {
1340
+ h.preventDefault();
1341
+ const w = h.currentTarget.getBoundingClientRect(), L = h.clientY, T = w.top + w.height / 2;
1342
+ let R = f, Q = "before";
1343
+ L < T ? (R = f, Q = "before") : (R = f + 1, Q = "after"), a.value < R && R--, F(R) ? (c.value = f, i.value = Q, h.dataTransfer.dropEffect = "move") : (c.value = -1, h.dataTransfer.dropEffect = "none");
1344
+ }, K = () => {
1186
1345
  setTimeout(() => {
1187
- a.value === -1 && (r.value = -1);
1346
+ a.value === -1 && (c.value = -1);
1188
1347
  }, 50);
1189
- }, I = (p, u) => {
1190
- if (p.preventDefault(), a.value === -1 || r.value === -1) {
1191
- T();
1348
+ }, y = (h, f) => {
1349
+ if (h.preventDefault(), a.value === -1 || c.value === -1) {
1350
+ I();
1192
1351
  return;
1193
1352
  }
1194
- const g = p.currentTarget.getBoundingClientRect(), b = p.clientY, R = g.top + g.height / 2;
1195
- let S = u;
1196
- if (b >= R && (S = u + 1), a.value < S && S--, !G(S) || S === a.value) {
1197
- T();
1353
+ const w = h.currentTarget.getBoundingClientRect(), L = h.clientY, T = w.top + w.height / 2;
1354
+ let R = f;
1355
+ if (L >= T && (R = f + 1), a.value < R && R--, !F(R) || R === a.value) {
1356
+ I();
1198
1357
  return;
1199
1358
  }
1200
- const ee = [...s.value], [fe] = ee.splice(a.value, 1);
1201
- ee.splice(S, 0, fe), s.value = ee, T();
1359
+ const Q = [...l.value], [ke] = Q.splice(a.value, 1);
1360
+ Q.splice(R, 0, ke), l.value = Q, I();
1202
1361
  }, V = () => {
1203
- T();
1204
- }, T = () => {
1205
- a.value = -1, r.value = -1, i.value = "before", document.body.style.cursor = "";
1206
- }, O = (p) => {
1207
- const u = ["vt-columns-selector__panel-item"];
1208
- return a.value === p && u.push("vt-columns-selector__panel-item--dragging"), r.value === p && i.value === "before" && u.push("vt-columns-selector__panel-item--drop-before"), r.value === p && i.value === "after" && u.push("vt-columns-selector__panel-item--drop-after"), u;
1209
- }, k = () => {
1210
- s.value = [...o.columns.map((p) => ({ ...p }))], o.columnsSelector.forEach((p) => {
1211
- p.name !== "removed" && l.value.add(p.name);
1362
+ I();
1363
+ }, I = () => {
1364
+ a.value = -1, c.value = -1, i.value = "before", document.body.style.cursor = "";
1365
+ }, q = (h) => {
1366
+ const f = ["vt-columns-selector__panel-item"];
1367
+ return a.value === h && f.push("vt-columns-selector__panel-item--dragging"), c.value === h && i.value === "before" && f.push("vt-columns-selector__panel-item--drop-before"), c.value === h && i.value === "after" && f.push("vt-columns-selector__panel-item--drop-after"), f;
1368
+ }, X = () => {
1369
+ l.value = [...o.columns.map((h) => ({ ...h }))], o.columnsSelector.forEach((h) => {
1370
+ h.name !== "removed" && s.value.add(h.name);
1212
1371
  });
1213
- }, B = (p, u) => {
1214
- if (u)
1215
- s.value.some((g) => g.prop === p.prop) || s.value.push({ ...p });
1372
+ }, M = (h, f) => {
1373
+ if (f)
1374
+ l.value.some((w) => w.prop === h.prop) || l.value.push({ ...h });
1216
1375
  else {
1217
- if (M(p))
1376
+ if (C(h))
1218
1377
  return;
1219
- s.value = s.value.filter((g) => g.prop !== p.prop);
1378
+ l.value = l.value.filter((w) => w.prop !== h.prop);
1220
1379
  }
1221
- }, H = (p, u) => {
1222
- if (u)
1223
- p.columns.forEach((g) => {
1224
- s.value.some((b) => b.prop === g.prop) || s.value.push({ ...g });
1380
+ }, $ = (h, f) => {
1381
+ if (f)
1382
+ h.columns.forEach((w) => {
1383
+ l.value.some((L) => L.prop === w.prop) || l.value.push({ ...w });
1225
1384
  });
1226
1385
  else {
1227
- const g = [];
1228
- p.columns.forEach((b) => {
1229
- const R = s.value.find((S) => S.prop === b.prop);
1230
- R && !M(R) && g.push(R);
1231
- }), s.value = s.value.filter(
1232
- (b) => !g.some((R) => R.prop === b.prop)
1386
+ const w = [];
1387
+ h.columns.forEach((L) => {
1388
+ const T = l.value.find((R) => R.prop === L.prop);
1389
+ T && !C(T) && w.push(T);
1390
+ }), l.value = l.value.filter(
1391
+ (L) => !w.some((T) => T.prop === L.prop)
1233
1392
  );
1234
1393
  }
1235
- }, Q = (p) => s.value.some((u) => u.prop === p.prop), C = (p) => {
1236
- const u = s.value.find((g) => g.prop === p.prop);
1237
- return !u || !M(u);
1238
- }, j = (p) => {
1239
- l.value.has(p) ? l.value.delete(p) : l.value.add(p);
1240
- }, E = () => {
1241
- n("update-columns", [...s.value]), ce.close();
1242
- }, N = () => {
1394
+ }, A = (h) => l.value.some((f) => f.prop === h.prop), g = (h) => {
1395
+ const f = l.value.find((w) => w.prop === h.prop);
1396
+ return !f || !C(f);
1397
+ }, k = (h) => {
1398
+ s.value.has(h) ? s.value.delete(h) : s.value.add(h);
1399
+ }, Y = () => {
1400
+ n("update-columns", [...l.value]), ce.close();
1401
+ }, le = () => {
1243
1402
  ce.close();
1244
1403
  };
1245
- return ve(() => {
1246
- k();
1247
- }), (p, u) => (h(), f("div", To, [
1248
- v("div", Eo, [
1249
- v("div", zo, [
1250
- (h(!0), f(le, null, se(s.value, (g, b) => (h(), f("div", {
1251
- key: g.prop,
1252
- class: W(O(b)),
1253
- draggable: L(g),
1254
- onDragstart: (R) => q(R, b),
1255
- onDragover: (R) => Y(R, b),
1256
- onDragleave: U,
1257
- onDrop: (R) => I(R, b),
1404
+ return fe(() => {
1405
+ X();
1406
+ }), (h, f) => (u(), m("div", Ro, [
1407
+ p("div", Eo, [
1408
+ p("div", zo, [
1409
+ (u(!0), m(re, null, ie(l.value, (w, L) => (u(), m("div", {
1410
+ key: w.prop,
1411
+ class: E(q(L)),
1412
+ draggable: x(w),
1413
+ onDragstart: (T) => U(T, L),
1414
+ onDragover: (T) => H(T, L),
1415
+ onDragleave: K,
1416
+ onDrop: (T) => y(T, L),
1258
1417
  onDragend: V
1259
1418
  }, [
1260
1419
  Z(J, {
1261
- name: L(g) ? "columnsMove" : "freeze",
1262
- class: W(["vt-columns-selector__panel-item-icon", { "vt-columns-selector__panel-item-icon--draggable": L(g) }])
1420
+ name: x(w) ? "columnsMove" : "freeze",
1421
+ class: E(["vt-columns-selector__panel-item-icon", { "vt-columns-selector__panel-item-icon--draggable": x(w) }])
1263
1422
  }, null, 8, ["name", "class"]),
1264
1423
  Z(pe, {
1265
- label: g.label,
1424
+ label: w.label,
1266
1425
  checked: !0,
1267
- disabled: M(g),
1268
- onChange: (R) => B(g, R),
1269
- onClick: u[0] || (u[0] = me(() => {
1426
+ disabled: C(w),
1427
+ onChange: (T) => M(w, T),
1428
+ onClick: f[0] || (f[0] = he(() => {
1270
1429
  }, ["stop"]))
1271
1430
  }, null, 8, ["label", "disabled", "onChange"]),
1272
- M(g) ? (h(), f("span", Wo, "pinned")) : P("", !0)
1431
+ C(w) ? (u(), m("span", Do, "pinned")) : W("", !0)
1273
1432
  ], 42, Ho))), 128))
1274
1433
  ]),
1275
- v("div", Do, [
1276
- (h(!0), f(le, null, se(c.value, (g) => {
1277
- var b, R;
1278
- return h(), f("div", {
1279
- key: g.name,
1434
+ p("div", Wo, [
1435
+ (u(!0), m(re, null, ie(r.value, (w) => {
1436
+ var L, T;
1437
+ return u(), m("div", {
1438
+ key: w.name,
1280
1439
  class: "vt-columns-selector__group"
1281
1440
  }, [
1282
- v("div", {
1441
+ p("div", {
1283
1442
  class: "vt-columns-selector__group-header",
1284
- onClick: (S) => j(g.name)
1443
+ onClick: (R) => k(w.name)
1285
1444
  }, [
1286
1445
  Z(pe, {
1287
- label: g.label,
1288
- checked: ((b = d.value[g.name]) == null ? void 0 : b.checked) || !1,
1289
- indeterminate: ((R = d.value[g.name]) == null ? void 0 : R.indeterminate) || !1,
1290
- onChange: (S) => H(g, S),
1291
- onClick: u[1] || (u[1] = me(() => {
1446
+ label: w.label,
1447
+ checked: ((L = d.value[w.name]) == null ? void 0 : L.checked) || !1,
1448
+ indeterminate: ((T = d.value[w.name]) == null ? void 0 : T.indeterminate) || !1,
1449
+ onChange: (R) => $(w, R),
1450
+ onClick: f[1] || (f[1] = he(() => {
1292
1451
  }, ["stop"]))
1293
1452
  }, null, 8, ["label", "checked", "indeterminate", "onChange"]),
1294
- g.icon ? (h(), ue(J, {
1453
+ w.icon ? (u(), oe(J, {
1295
1454
  key: 0,
1296
- name: g.icon,
1455
+ name: w.icon,
1297
1456
  class: "vt-columns-selector__group-icon"
1298
- }, null, 8, ["name"])) : P("", !0)
1457
+ }, null, 8, ["name"])) : W("", !0)
1299
1458
  ], 8, Po),
1300
- l.value.has(g.name) ? (h(), f("div", Ao, [
1301
- (h(!0), f(le, null, se(g.columns, (S) => (h(), f("div", {
1302
- key: S.prop,
1459
+ s.value.has(w.name) ? (u(), m("div", Ao, [
1460
+ (u(!0), m(re, null, ie(w.columns, (R) => (u(), m("div", {
1461
+ key: R.prop,
1303
1462
  class: "vt-columns-selector__group-column"
1304
1463
  }, [
1305
1464
  Z(pe, {
1306
- label: S.label,
1307
- checked: Q(S),
1308
- disabled: !C(S),
1309
- onChange: (ee) => B(S, ee)
1465
+ label: R.label,
1466
+ checked: A(R),
1467
+ disabled: !g(R),
1468
+ onChange: (Q) => M(R, Q)
1310
1469
  }, null, 8, ["label", "checked", "disabled", "onChange"]),
1311
- C(S) ? P("", !0) : (h(), f("span", Oo, " (закріплена) "))
1470
+ g(R) ? W("", !0) : (u(), m("span", Oo, " (закріплена) "))
1312
1471
  ]))), 128))
1313
- ])) : P("", !0)
1472
+ ])) : W("", !0)
1314
1473
  ]);
1315
1474
  }), 128))
1316
1475
  ])
1317
1476
  ]),
1318
- v("div", jo, [
1319
- Z(Ce, { onClick: N }, {
1320
- default: xe(() => u[2] || (u[2] = [
1321
- ge("Скасувати", -1)
1477
+ p("div", jo, [
1478
+ Z(Ce, { onClick: le }, {
1479
+ default: ue(() => f[2] || (f[2] = [
1480
+ we("Скасувати", -1)
1322
1481
  ])),
1323
1482
  _: 1,
1324
1483
  __: [2]
1325
1484
  }),
1326
1485
  Z(Ce, {
1327
1486
  type: "primary",
1328
- onClick: E
1487
+ onClick: Y
1329
1488
  }, {
1330
- default: xe(() => u[3] || (u[3] = [
1331
- ge("Зберегти", -1)
1489
+ default: ue(() => f[3] || (f[3] = [
1490
+ we("Зберегти", -1)
1332
1491
  ])),
1333
1492
  _: 1,
1334
1493
  __: [3]
@@ -1336,7 +1495,7 @@ const ce = new Bo(), Ro = {
1336
1495
  ])
1337
1496
  ]));
1338
1497
  }
1339
- }), Fo = /* @__PURE__ */ re({
1498
+ }), Fo = { class: "vt-table-header-actions" }, Zo = /* @__PURE__ */ te({
1340
1499
  __name: "ColumnActions",
1341
1500
  props: {
1342
1501
  column: {},
@@ -1345,109 +1504,105 @@ const ce = new Bo(), Ro = {
1345
1504
  },
1346
1505
  emits: ["pin", "update-columns"],
1347
1506
  setup(t, { emit: e }) {
1348
- const o = t, n = e, s = A(), l = A(), a = A(), r = A(!1), i = A(!1), d = A([]), c = async () => {
1349
- if (await vt(), !s.value || !l.value) return;
1350
- const k = l.value.getBoundingClientRect(), B = s.value, H = B.offsetWidth, Q = k.left + k.width / 2;
1351
- B.style.top = `${k.bottom - 20}px`, B.style.left = `${Q - H / 2}px`;
1352
- const C = B.getBoundingClientRect();
1353
- C.right > window.innerWidth && (B.style.left = `${window.innerWidth - H - 8}px`), C.left < 0 && (B.style.left = "8px");
1354
- }, M = (k) => {
1355
- k.stopPropagation(), !i.value && (r.value ? X() : L());
1356
- }, L = () => {
1357
- i.value || (r.value = !0, c(), a.value && (a.value.style.zIndex = "22"));
1358
- }, X = () => {
1359
- i.value = !0, r.value = !1, a.value && a.value.style.removeProperty("z-index"), setTimeout(() => {
1360
- i.value = !1;
1361
- }, 100);
1362
- }, G = (k) => {
1363
- var B, H;
1364
- !((B = l.value) != null && B.contains(k.target)) && !((H = s.value) != null && H.contains(k.target)) && X();
1365
- }, q = () => {
1366
- O() ? (n("pin", o.column, "none"), console.log(`Колонка "${o.column.label}" відкріплена`)) : (n("pin", o.column, "left"), console.log(`Колонка "${o.column.label}" прикріплена зліва`)), X();
1367
- }, Y = (k) => ({
1507
+ const o = t, n = e, l = () => !!(o.column.pinnedLeft || o.column.pinnedRight), s = (r) => {
1508
+ switch (console.log("ColumnActions - Command received:", r, typeof r), String(r)) {
1509
+ case "pin":
1510
+ console.log("Executing pin command"), a();
1511
+ break;
1512
+ case "columns":
1513
+ console.log("Executing columns command"), d();
1514
+ break;
1515
+ default:
1516
+ console.warn("Unknown command:", r);
1517
+ }
1518
+ }, a = () => {
1519
+ const r = l();
1520
+ console.log("handlePin called, isPinned:", r), r ? n("pin", o.column, "none") : n("pin", o.column, "left");
1521
+ }, c = (r) => ({
1368
1522
  name: "removed",
1369
1523
  label: "Видалені колонки",
1370
1524
  order: 999,
1371
- // Найвищий порядок, щоб відображались останніми
1372
- columns: k
1373
- }), U = (k) => {
1374
- var j;
1375
- const B = new Set(k.map((E) => E.prop)), H = /* @__PURE__ */ new Set();
1376
- (j = o.columnsSelector) == null || j.forEach((E) => {
1377
- E.columns.forEach((N) => H.add(N.prop));
1378
- }), o.allColumns.forEach((E) => H.add(E.prop));
1379
- const Q = [];
1380
- H.forEach((E) => {
1381
- var N;
1382
- if (!B.has(E)) {
1383
- let p;
1384
- (N = o.columnsSelector) == null || N.forEach((u) => {
1385
- const g = u.columns.find((b) => b.prop === E);
1386
- g && (p = g);
1387
- }), p || (p = o.allColumns.find((u) => u.prop === E)), p && Q.push(p);
1525
+ columns: r
1526
+ }), i = (r) => {
1527
+ var U;
1528
+ const C = new Set(r.map((H) => H.prop)), x = /* @__PURE__ */ new Set();
1529
+ (U = o.columnsSelector) == null || U.forEach((H) => {
1530
+ H.columns.forEach((K) => x.add(K.prop));
1531
+ }), o.allColumns.forEach((H) => x.add(H.prop));
1532
+ const z = [];
1533
+ x.forEach((H) => {
1534
+ var K;
1535
+ if (!C.has(H)) {
1536
+ let y;
1537
+ (K = o.columnsSelector) == null || K.forEach((V) => {
1538
+ const I = V.columns.find((q) => q.prop === H);
1539
+ I && (y = I);
1540
+ }), y || (y = o.allColumns.find((V) => V.prop === H)), y && z.push(y);
1388
1541
  }
1389
1542
  });
1390
- const C = [...o.columnsSelector || []];
1391
- Q.length > 0 && C.push(Y(Q)), d.value = C;
1392
- }, I = () => {
1393
- U(o.allColumns), ce.open({
1543
+ const F = [...o.columnsSelector || []];
1544
+ return z.length > 0 && F.push(c(z)), F;
1545
+ }, d = () => {
1546
+ console.log("handleToggleVisibility called");
1547
+ const r = i(o.allColumns);
1548
+ ce.open({
1394
1549
  component: No,
1395
1550
  title: "Управління колонками таблиці",
1396
1551
  props: {
1397
1552
  columns: o.allColumns,
1398
- // Передаємо всі колонки
1399
- columnsSelector: d.value,
1400
- // Передаємо оновлені доступні колонки
1401
- "onUpdate-columns": (k) => {
1402
- console.log("ColumnActions отримав оновлені колонки:", k), n("update-columns", k), U(k);
1553
+ columnsSelector: r,
1554
+ "onUpdate-columns": (C) => {
1555
+ n("update-columns", C);
1403
1556
  }
1404
1557
  },
1405
1558
  size: "large",
1406
1559
  closeOnBackdropClick: !1
1407
- }), X();
1408
- }, V = () => o.column.pinnedLeft, T = () => o.column.pinnedRight, O = () => V() || T();
1409
- return ve(() => {
1410
- document.addEventListener("click", G), l.value && (a.value = l.value.closest("th")), U(o.allColumns);
1411
- }), $e(() => {
1412
- document.removeEventListener("click", G);
1413
- }), (k, B) => (h(), f("div", {
1414
- ref_key: "triggerRef",
1415
- ref: l,
1416
- class: "vt-table-header-actions",
1417
- onClick: M
1418
- }, [
1419
- Z(J, { name: "listBullet" }),
1420
- r.value ? (h(), f("ul", {
1421
- key: 0,
1422
- ref_key: "menuRef",
1423
- ref: s,
1424
- class: W(["dropdown-menu", "vt-table-dropdown", { visible: r.value }])
1425
- }, [
1426
- v("li", { onClick: q }, [
1427
- Z(J, {
1428
- name: O() ? "unfreeze" : "freeze"
1429
- }, null, 8, ["name"]),
1430
- v("span", null, te(O() ? "Розморозити" : "Заморозити"), 1)
1431
- ]),
1432
- v("li", { onClick: I }, [
1433
- Z(J, { name: "columnInsert" }),
1434
- B[0] || (B[0] = v("span", null, "Колонки", -1))
1560
+ });
1561
+ };
1562
+ return (r, C) => (u(), oe(et, {
1563
+ trigger: "click",
1564
+ placement: "bottom-start",
1565
+ onCommand: s
1566
+ }, {
1567
+ dropdown: ue(() => [
1568
+ Z(Le, { command: "pin" }, {
1569
+ default: ue(() => [
1570
+ Z(J, {
1571
+ name: l() ? "unfreeze" : "freeze"
1572
+ }, null, 8, ["name"]),
1573
+ p("div", null, ee(l() ? "Розморозити" : "Заморозити"), 1)
1574
+ ]),
1575
+ _: 1
1576
+ }),
1577
+ Z(Le, { command: "columns" }, {
1578
+ default: ue(() => [
1579
+ Z(J, { name: "columnInsert" }),
1580
+ C[0] || (C[0] = p("div", null, "Колонки", -1))
1581
+ ]),
1582
+ _: 1,
1583
+ __: [0]
1584
+ })
1585
+ ]),
1586
+ default: ue(() => [
1587
+ p("div", Fo, [
1588
+ Z(J, { name: "listBullet" })
1435
1589
  ])
1436
- ], 2)) : P("", !0)
1437
- ], 512));
1590
+ ]),
1591
+ _: 1
1592
+ }));
1438
1593
  }
1439
- }), Zo = { class: "vt-table" }, Uo = { class: "vt-th__content" }, Ko = { class: "vt-th__content" }, qo = { class: "vt-th__label" }, Xo = {
1594
+ }), Uo = { class: "vt-table" }, Xo = { class: "vt-th__content" }, Yo = { class: "vt-th__content" }, Ko = { class: "vt-th__label" }, qo = {
1440
1595
  key: 0,
1441
1596
  class: "vt-th__sortable"
1442
- }, Go = ["data-resizer", "onMousedown"], Yo = {
1597
+ }, Go = ["data-resizer", "onMousedown"], Jo = {
1443
1598
  key: 0,
1444
1599
  class: "vt-table__empty-row"
1445
- }, Jo = ["colspan"], Qo = { class: "vt-table__empty-content" }, el = ["onClick"], tl = { class: "vt-table__cell-content" }, nl = { class: "vt-table__cell-content vt-table__cell-content--ellipsis" }, ol = { key: 1 }, ll = ["data-resizer", "onMousedown"], sl = {
1600
+ }, Qo = ["colspan"], el = { class: "vt-table__empty-content" }, tl = ["onClick"], nl = { class: "vt-table__cell-content" }, ol = { class: "vt-table__cell-content vt-table__cell-content--ellipsis" }, ll = { key: 1 }, sl = ["data-resizer", "onMousedown"], rl = {
1446
1601
  key: 0,
1447
1602
  class: "vt-table__summary"
1448
- }, rl = { class: "vt-table__cell-content vt-table__cell-content--summary" }, ye = 50, il = /* @__PURE__ */ re({
1603
+ }, il = { class: "vt-table__cell-content vt-table__cell-content--summary" }, Me = 50, al = /* @__PURE__ */ te({
1449
1604
  __name: "VTable",
1450
- props: /* @__PURE__ */ Te({
1605
+ props: /* @__PURE__ */ De({
1451
1606
  data: {},
1452
1607
  maxHeight: { default: void 0 },
1453
1608
  rowKey: { default: "id" },
@@ -1469,358 +1624,335 @@ const ce = new Bo(), Ro = {
1469
1624
  },
1470
1625
  columnsModifiers: {}
1471
1626
  }),
1472
- emits: /* @__PURE__ */ Te(["sort-change", "selection-change", "current-change", "row-click", "update:columns", "column-pin", "column-resize", "column-visibility", "column-sort", "columns-change", "infinity-scroll"], ["update:columns"]),
1627
+ emits: /* @__PURE__ */ De(["sort-change", "selection-change", "current-change", "row-click", "update:columns", "column-pin", "column-resize", "column-visibility", "column-sort", "columns-change", "infinity-scroll"], ["update:columns"]),
1473
1628
  setup(t, { expose: e, emit: o }) {
1474
- const n = t, s = o, l = ft(t, "columns"), a = A({}), r = A(), i = _t([]), d = A(n.defaultSort || null), c = gt([]), M = A(/* @__PURE__ */ new Map()), L = (m, _) => n.rowKey && m[n.rowKey] != null ? String(m[n.rowKey]) : String(_), X = (m) => JSON.stringify(m), G = (m) => {
1475
- const _ = /* @__PURE__ */ new Map();
1476
- m.forEach((y, $) => {
1477
- const z = L(y, $), ne = X(y);
1478
- _.set(z, ne);
1479
- }), M.value = _, c.value = Ee([...m]);
1629
+ const n = t, l = o, s = gt(t, "columns"), a = j({}), c = j(), i = wt([]), d = j(n.defaultSort || null), r = S(() => Io(n.data || [], d.value, i)), C = S(() => s.value !== void 0), x = S(() => n.data && n.data.length > 0), z = j(!1), F = j(0);
1630
+ let U;
1631
+ const H = (v, _) => n.rowKey && v[n.rowKey] != null ? String(v[n.rowKey]) : String(_), K = () => {
1632
+ C.value && s.value ? i.splice(0, i.length, ...s.value) : n.columns && n.columns.length > 0 && i.splice(0, i.length, ...n.columns);
1480
1633
  };
1481
- de(
1482
- () => n.data,
1483
- (m) => {
1484
- m && G(m);
1485
- },
1486
- { immediate: !0 }
1487
- );
1488
- const q = x(() => l.value !== void 0), Y = x(() => c.value && c.value.length > 0), U = A(!1), I = A(0);
1489
- let V;
1490
- const T = () => {
1491
- q.value && l.value ? i.splice(0, i.length, ...l.value) : n.columns && n.columns.length > 0 && i.splice(0, i.length, ...n.columns);
1492
- };
1493
- de(
1494
- () => l.value,
1495
- (m) => {
1496
- m && q.value && i.splice(0, i.length, ...m);
1634
+ ve(
1635
+ () => s.value,
1636
+ (v) => {
1637
+ v && C.value && i.splice(0, i.length, ...v);
1497
1638
  },
1498
1639
  { deep: !0 }
1499
- ), de(
1640
+ ), ve(
1500
1641
  () => n.columns,
1501
- (m) => {
1502
- m && !q.value && i.splice(0, i.length, ...m);
1642
+ (v) => {
1643
+ v && !C.value && i.splice(0, i.length, ...v);
1503
1644
  },
1504
1645
  { deep: !0 }
1505
- ), Ct("vt-table-columns", i);
1506
- const { sortedColumns: O, getDefaultColumnWidth: k, getStickyOffset: B } = yo(i), { getTableWrapperStyle: H, getColumnStyle: Q, getHeaderStyle: C, getFooterStyle: j } = xo(n), { onMouseDown: E } = Mo(), N = x(() => Vo(c.value, d.value, i)), p = x(() => n.allData || c.value), u = n.selectable ? Lo(n, N, s, p) : null, g = () => ({
1507
- width: `${ye}px`,
1508
- minWidth: `${ye}px`,
1509
- maxWidth: `${ye}px`,
1646
+ ), Ke("vt-table-columns", i);
1647
+ const { sortedColumns: y, getDefaultColumnWidth: V, getStickyOffset: I } = yo(i), { getTableWrapperStyle: q, getColumnStyle: X, getHeaderStyle: M, getFooterStyle: $ } = xo(n), { onMouseDown: A } = Mo(), g = S(() => n.allData || n.data), k = n.selectable ? Lo(n, r, l, g) : null, Y = () => ({
1648
+ width: `${Me}px`,
1649
+ minWidth: `${Me}px`,
1650
+ maxWidth: `${Me}px`,
1510
1651
  left: "0px",
1511
1652
  position: "sticky",
1512
1653
  zIndex: 10
1513
- }), b = () => {
1514
- const m = g();
1654
+ }), le = () => {
1655
+ const v = Y();
1515
1656
  return n.maxHeight ? {
1516
- ...m,
1657
+ ...v,
1517
1658
  top: "0px",
1518
1659
  zIndex: 11
1519
- // Вищий z-index для header
1520
- } : m;
1521
- }, R = () => {
1522
- const m = g();
1660
+ } : v;
1661
+ }, h = () => {
1662
+ const v = Y();
1523
1663
  return n.maxHeight ? {
1524
- ...m,
1664
+ ...v,
1525
1665
  bottom: "0px",
1526
1666
  zIndex: 11
1527
- // Вищий z-index для footer
1528
- } : m;
1529
- }, S = () => {
1530
- if (!r.value || U.value) return;
1531
- const m = r.value, _ = m.scrollTop, y = m.scrollHeight, $ = m.clientHeight, z = 30;
1532
- V && clearTimeout(V), V = setTimeout(() => {
1533
- const _e = _ - I.value > 1, w = y - _ - $ <= z, oe = y - _ - $ <= 5;
1534
- I.value = _, _e && (w || oe) && (U.value = !0, s("infinity-scroll"), setTimeout(() => {
1535
- U.value = !1;
1667
+ } : v;
1668
+ }, f = () => {
1669
+ if (!c.value || z.value) return;
1670
+ const v = c.value, _ = v.scrollTop, B = v.scrollHeight, D = v.clientHeight, O = 30;
1671
+ U && clearTimeout(U), U = setTimeout(() => {
1672
+ const _e = _ - F.value > 1, b = B - _ - D <= O, ne = B - _ - D <= 5;
1673
+ F.value = _, _e && (b || ne) && (z.value = !0, l("infinity-scroll"), setTimeout(() => {
1674
+ z.value = !1;
1536
1675
  }, 1e3));
1537
1676
  }, 50);
1538
- }, ee = () => {
1539
- U.value = !1;
1677
+ }, w = () => {
1678
+ z.value = !1;
1540
1679
  };
1541
- ve(() => {
1542
- r.value && r.value.addEventListener("scroll", S);
1543
- }), $e(() => {
1544
- V && clearTimeout(V), r.value && r.value.removeEventListener("scroll", S);
1680
+ fe(() => {
1681
+ c.value && c.value.addEventListener("scroll", f);
1682
+ }), Ie(() => {
1683
+ U && clearTimeout(U), c.value && c.value.removeEventListener("scroll", f);
1545
1684
  });
1546
- const fe = (m, _) => {
1547
- Io(m, _, (y) => {
1548
- var $, z;
1549
- (($ = d.value) == null ? void 0 : $.prop) === m.prop && d.value.direction === _ ? d.value = null : d.value = y, s("sort-change", {
1550
- column: m,
1551
- direction: ((z = d.value) == null ? void 0 : z.direction) || null,
1552
- prop: m.prop,
1553
- sortedData: N.value
1685
+ const L = (v, _) => {
1686
+ Vo(v, _, (B) => {
1687
+ var D, O;
1688
+ ((D = d.value) == null ? void 0 : D.prop) === v.prop && d.value.direction === _ ? d.value = null : d.value = B, l("sort-change", {
1689
+ column: v,
1690
+ direction: ((O = d.value) == null ? void 0 : O.direction) || null,
1691
+ prop: v.prop,
1692
+ sortedData: r.value
1554
1693
  });
1555
1694
  });
1556
- }, qe = (m, _) => {
1557
- const y = {
1695
+ }, T = (v, _) => {
1696
+ const B = {
1558
1697
  pinnedLeft: _ === "left",
1559
1698
  pinnedRight: _ === "right"
1560
1699
  };
1561
- Se(m.prop, y), s("column-pin", { column: { ...m, ...y }, position: _ });
1562
- }, Xe = (m) => {
1563
- i.splice(0, i.length, ...m), q.value && (l.value = [...m]), s("columns-change", [...m]);
1564
- }, Se = (m, _) => {
1565
- const y = i.findIndex(($) => $.prop === m);
1566
- if (y !== -1) {
1567
- if (Object.assign(i[y], _), q.value && l.value) {
1568
- const $ = l.value.findIndex((z) => z.prop === m);
1569
- if ($ !== -1) {
1570
- const z = [...l.value];
1571
- z[$] = { ...z[$], ..._ }, l.value = z;
1700
+ Q(v.prop, B), l("column-pin", { column: { ...v, ...B }, position: _ });
1701
+ }, R = (v) => {
1702
+ i.splice(0, i.length, ...v), C.value && (s.value = [...v]), l("columns-change", [...v]);
1703
+ }, Q = (v, _) => {
1704
+ const B = i.findIndex((D) => D.prop === v);
1705
+ if (B !== -1) {
1706
+ if (Object.assign(i[B], _), C.value && s.value) {
1707
+ const D = s.value.findIndex((O) => O.prop === v);
1708
+ if (D !== -1) {
1709
+ const O = [...s.value];
1710
+ O[D] = { ...O[D], ..._ }, s.value = O;
1572
1711
  }
1573
1712
  }
1574
- s("columns-change", [...i]);
1575
- } else
1576
- console.error(
1577
- "Колонку не знайдено:",
1578
- m,
1579
- "Доступні колонки:",
1580
- i.map(($) => $.prop)
1581
- );
1582
- }, Ge = (m, _, y) => {
1583
- s("row-click", { row: m, column: _, event: y }), n.highlightCurrentRow && u && u.setCurrentRow(m);
1584
- }, Ye = (m, _, y) => {
1585
- y.stopPropagation(), u && u.toggleRowSelection(_, m);
1586
- }, Je = (m, _) => {
1587
- _.stopPropagation(), u && u.toggleAllSelection();
1588
- }, Ie = (m, _) => {
1589
- m && (a.value[_] = m);
1590
- }, Ve = (m, _) => {
1591
- const y = _.width || k();
1592
- E(m, _, k, ($) => {
1593
- Se(_.prop, { width: $ }), s("column-resize", {
1594
- column: { ..._, width: $ },
1595
- width: $,
1596
- oldWidth: y
1713
+ l("columns-change", [...i]);
1714
+ }
1715
+ }, ke = (v, _, B) => {
1716
+ l("row-click", { row: v, column: _, event: B }), n.highlightCurrentRow && k && k.setCurrentRow(v);
1717
+ }, tt = (v, _, B) => {
1718
+ B.stopPropagation(), k && k.toggleRowSelection(_, v);
1719
+ }, nt = (v, _) => {
1720
+ _.stopPropagation(), k && k.toggleAllSelection();
1721
+ }, Be = (v, _) => {
1722
+ v && (a.value[_] = v);
1723
+ }, Te = (v, _) => {
1724
+ const B = _.width || V();
1725
+ A(v, _, V, (D) => {
1726
+ Q(_.prop, { width: D }), l("column-resize", {
1727
+ column: { ..._, width: D },
1728
+ width: D,
1729
+ oldWidth: B
1597
1730
  });
1598
1731
  });
1599
- }, Qe = (m, _) => Q(m, _, B, k), et = (m, _) => C(m, _, B, k), tt = (m, _) => j(m, _, B, k), nt = (m, _) => {
1732
+ }, ot = (v, _) => X(v, _, I, V), lt = (v, _) => M(v, _, I, V), st = (v, _) => $(v, _, I, V), rt = (v, _) => {
1600
1733
  if (!_ || !_.prop) return "";
1601
- const y = m[_.prop];
1602
- return y == null ? "" : String(y);
1603
- }, ot = x(() => {
1604
- if (!n.showSummary || !Y.value) return {};
1605
- const m = i;
1734
+ const B = v[_.prop];
1735
+ return B == null ? "" : String(B);
1736
+ }, it = S(() => {
1737
+ if (!n.showSummary || !x.value) return {};
1738
+ const v = i;
1606
1739
  if (typeof n.summaryMethod == "function") {
1607
- const _ = n.summaryMethod({ columns: m, data: N.value });
1608
- return m.reduce(
1609
- (y, $, z) => (y[$.prop] = _[z], y),
1740
+ const _ = n.summaryMethod({ columns: v, data: r.value });
1741
+ return v.reduce(
1742
+ (B, D, O) => (B[D.prop] = _[O], B),
1610
1743
  {}
1611
1744
  );
1612
1745
  }
1613
- return m.reduce(
1614
- (_, y) => {
1615
- const $ = N.value.map((z) => z[y.prop]);
1616
- return _[y.prop] = $.every((z) => typeof z == "number") ? $.reduce((z, ne) => z + ne, 0) : "", _;
1746
+ return v.reduce(
1747
+ (_, B) => {
1748
+ const D = r.value.map((O) => O[B.prop]);
1749
+ return _[B.prop] = D.every((O) => typeof O == "number") ? D.reduce((O, me) => O + me, 0) : "", _;
1617
1750
  },
1618
1751
  {}
1619
1752
  );
1620
- }), lt = x(() => n.showSummary && Y.value), st = (m, _) => {
1621
- u && u.toggleRowSelection(m, _);
1622
- }, rt = () => {
1623
- u && u.toggleAllSelection();
1624
- }, it = () => {
1625
- u && u.selectAbsolutelyAll();
1626
- }, at = () => {
1627
- u && u.clearSelection();
1628
- }, ct = () => u ? u.getSelectionRows() : [], ut = (m) => {
1629
- u && u.setSelectionRows(m);
1630
- }, dt = (m, _) => {
1631
- const y = [...c.value], $ = y.findIndex((z, ne) => L(z, ne) === m);
1632
- $ !== -1 && (y[$] = Ee(_), G(y));
1753
+ }), at = S(() => n.showSummary && x.value), ct = (v, _) => {
1754
+ k && k.toggleRowSelection(v, _);
1755
+ }, dt = () => {
1756
+ k && k.toggleAllSelection();
1757
+ }, ut = () => {
1758
+ k && k.selectAbsolutelyAll();
1759
+ }, pt = () => {
1760
+ k && k.clearSelection();
1761
+ }, ht = () => k ? k.getSelectionRows() : [], mt = (v) => {
1762
+ k && k.setSelectionRows(v);
1633
1763
  };
1634
- return ve(() => {
1635
- T();
1764
+ return fe(() => {
1765
+ K();
1636
1766
  }), e({
1637
- toggleRowSelection: st,
1638
- toggleAllSelection: rt,
1639
- selectAbsolutelyAll: it,
1640
- clearSelection: at,
1641
- getSelectionRows: ct,
1642
- setSelectionRows: ut,
1643
- resetInfinityScroll: ee,
1644
- // Додаємо метод для скидання infinity scroll
1645
- updateRow: dt
1646
- // ОПТИМІЗАЦІЯ: Додаємо метод для оновлення конкретного рядка
1647
- }), (m, _) => {
1648
- var $, z, ne, _e;
1649
- const y = Ze("tooltip");
1650
- return h(), f("div", {
1767
+ toggleRowSelection: ct,
1768
+ toggleAllSelection: dt,
1769
+ selectAbsolutelyAll: ut,
1770
+ clearSelection: pt,
1771
+ getSelectionRows: ht,
1772
+ setSelectionRows: mt,
1773
+ resetInfinityScroll: w
1774
+ }), (v, _) => {
1775
+ var D, O, me, _e;
1776
+ const B = Xe("tooltip");
1777
+ return u(), m("div", {
1651
1778
  ref_key: "tableWrapperRef",
1652
- ref: r,
1779
+ ref: c,
1653
1780
  class: "vt-table-wrapper",
1654
- style: ae(K(H)()),
1655
- onScroll: S
1781
+ style: se(G(q)()),
1782
+ onScroll: f
1656
1783
  }, [
1657
- he(m.$slots, "default"),
1658
- v("table", Zo, [
1659
- v("thead", null, [
1660
- v("tr", null, [
1661
- n.selectable ? (h(), f("th", {
1784
+ de(v.$slots, "default"),
1785
+ p("table", Uo, [
1786
+ p("thead", null, [
1787
+ p("tr", null, [
1788
+ n.selectable ? (u(), m("th", {
1662
1789
  key: 0,
1663
- class: W(["vt-table__th vt-table__th--selection", {
1790
+ class: E(["vt-table__th vt-table__th--selection", {
1664
1791
  "vt-table__th--sticky": n.maxHeight,
1665
1792
  "vt-table__th--pinned-left": !0
1666
1793
  }]),
1667
- style: ae(b())
1794
+ style: se(le())
1668
1795
  }, [
1669
- v("div", Uo, [
1796
+ p("div", Xo, [
1670
1797
  Z(pe, {
1671
- checked: ($ = K(u)) == null ? void 0 : $.isAllSelected.value,
1672
- indeterminate: (z = K(u)) == null ? void 0 : z.isIndeterminate.value,
1673
- "is-double": (_e = (ne = K(u)) == null ? void 0 : ne.isDoubleCheck) == null ? void 0 : _e.value,
1674
- onChange: Je
1798
+ checked: (D = G(k)) == null ? void 0 : D.isAllSelected.value,
1799
+ indeterminate: (O = G(k)) == null ? void 0 : O.isIndeterminate.value,
1800
+ "is-double": (_e = (me = G(k)) == null ? void 0 : me.isDoubleCheck) == null ? void 0 : _e.value,
1801
+ onChange: nt
1675
1802
  }, null, 8, ["checked", "indeterminate", "is-double"])
1676
1803
  ])
1677
- ], 6)) : P("", !0),
1678
- (h(!0), f(le, null, se(K(O), (w, oe) => (h(), f("th", {
1679
- key: w.prop,
1804
+ ], 6)) : W("", !0),
1805
+ (u(!0), m(re, null, ie(G(y), (b, ne) => (u(), m("th", {
1806
+ key: b.prop,
1680
1807
  ref_for: !0,
1681
- ref: (ie) => Ie(ie, w.prop),
1682
- style: ae(et(w, oe)),
1683
- class: W([
1808
+ ref: (ae) => Be(ae, b.prop),
1809
+ style: se(lt(b, ne)),
1810
+ class: E([
1684
1811
  "vt-table__th",
1685
1812
  {
1686
1813
  "vt-table__th--sticky": n.maxHeight,
1687
- "vt-table__th--pinned-left": w.pinnedLeft,
1688
- "vt-table__th--pinned-right": w.pinnedRight,
1689
- "vt-table__th--sortable": w.sortable
1814
+ "vt-table__th--pinned-left": b.pinnedLeft,
1815
+ "vt-table__th--pinned-right": b.pinnedRight,
1816
+ "vt-table__th--sortable": b.sortable
1690
1817
  }
1691
1818
  ])
1692
1819
  }, [
1693
- v("div", Ko, [
1694
- v("div", qo, te(w.label), 1),
1695
- w.sortable ? (h(), f("div", Xo, [
1820
+ p("div", Yo, [
1821
+ p("div", Ko, ee(b.label), 1),
1822
+ b.sortable ? (u(), m("div", qo, [
1696
1823
  Z(J, {
1697
1824
  name: "arrowTop",
1698
- class: W(K(He)(w, d.value).asc),
1699
- onClick: me((ie) => fe(w, "asc"), ["stop"])
1825
+ class: E(G(Pe)(b, d.value).asc),
1826
+ onClick: he((ae) => L(b, "asc"), ["stop"])
1700
1827
  }, null, 8, ["class", "onClick"]),
1701
1828
  Z(J, {
1702
1829
  name: "arrowDown",
1703
- class: W(K(He)(w, d.value).desc),
1704
- onClick: me((ie) => fe(w, "desc"), ["stop"])
1830
+ class: E(G(Pe)(b, d.value).desc),
1831
+ onClick: he((ae) => L(b, "desc"), ["stop"])
1705
1832
  }, null, 8, ["class", "onClick"])
1706
- ])) : P("", !0),
1707
- w.actionColumn ? (h(), ue(Fo, {
1833
+ ])) : W("", !0),
1834
+ b.actionColumn ? (u(), oe(Zo, {
1708
1835
  key: 1,
1709
- column: w,
1710
- "all-columns": K(O),
1836
+ column: b,
1837
+ "all-columns": G(y),
1711
1838
  columnsSelector: n.columnsSelector,
1712
- onPin: qe,
1713
- onUpdateColumns: Xe
1714
- }, null, 8, ["column", "all-columns", "columnsSelector"])) : P("", !0)
1839
+ onPin: T,
1840
+ onUpdateColumns: R
1841
+ }, null, 8, ["column", "all-columns", "columnsSelector"])) : W("", !0)
1715
1842
  ]),
1716
- v("div", {
1843
+ p("div", {
1717
1844
  class: "vt-table__resizer",
1718
- "data-resizer": w.prop,
1719
- onMousedown: (ie) => Ve(ie, w)
1845
+ "data-resizer": b.prop,
1846
+ onMousedown: (ae) => Te(ae, b)
1720
1847
  }, null, 40, Go)
1721
1848
  ], 6))), 128))
1722
1849
  ])
1723
1850
  ]),
1724
- v("tbody", null, [
1725
- Y.value ? (h(!0), f(le, { key: 1 }, se(N.value, (w, oe) => {
1726
- var ie, Be, Re;
1727
- return h(), f("tr", {
1728
- key: L(w, oe),
1729
- class: W([
1851
+ p("tbody", null, [
1852
+ x.value ? (u(!0), m(re, { key: 1 }, ie(r.value, (b, ne) => {
1853
+ var ae, Re, Ee;
1854
+ return u(), m("tr", {
1855
+ key: H(b, ne),
1856
+ class: E([
1730
1857
  "vt-table__row",
1731
1858
  {
1732
- "vt-table__row--selected": (ie = K(u)) == null ? void 0 : ie.isRowSelected(w),
1733
- "vt-table__row--current": ((Be = K(u)) == null ? void 0 : Be.currentRow.value) === w,
1859
+ "vt-table__row--selected": (ae = G(k)) == null ? void 0 : ae.isRowSelected(b),
1860
+ "vt-table__row--current": ((Re = G(k)) == null ? void 0 : Re.currentRow.value) === b,
1734
1861
  "vt-table__row--clickable": n.selectOnClickRow || n.highlightCurrentRow
1735
1862
  }
1736
1863
  ]),
1737
- onClick: (F) => Ge(w, K(O)[0], F)
1864
+ onClick: (N) => ke(b, G(y)[0], N)
1738
1865
  }, [
1739
- n.selectable ? (h(), f("td", {
1866
+ n.selectable ? (u(), m("td", {
1740
1867
  key: 0,
1741
- class: W(["vt-table__td vt-table__td--selection", {
1868
+ class: E(["vt-table__td vt-table__td--selection", {
1742
1869
  "vt-table__td--pinned-left": !0
1743
1870
  }]),
1744
- style: ae(g())
1871
+ style: se(Y())
1745
1872
  }, [
1746
- v("div", tl, [
1873
+ p("div", nl, [
1747
1874
  Z(pe, {
1748
- checked: (Re = K(u)) == null ? void 0 : Re.isRowSelected(w),
1749
- onChange: (F, we) => Ye(F, w, we)
1875
+ checked: (Ee = G(k)) == null ? void 0 : Ee.isRowSelected(b),
1876
+ onChange: (N, be) => tt(N, b, be)
1750
1877
  }, null, 8, ["checked", "onChange"])
1751
1878
  ])
1752
- ], 4)) : P("", !0),
1753
- (h(!0), f(le, null, se(K(O), (F, we) => (h(), f("td", {
1754
- key: `${L(w, oe)}-${F.prop}`,
1755
- ref_for: !0,
1756
- ref: (ke) => Ie(ke, F.prop),
1757
- style: ae(Qe(F, we)),
1758
- class: W([
1759
- "vt-table__td",
1760
- {
1761
- "vt-table__td--pinned-left": F.pinnedLeft,
1762
- "vt-table__td--pinned-right": F.pinnedRight
1763
- }
1764
- ])
1765
- }, [
1766
- Le((h(), f("div", nl, [
1767
- F.renderSlot ? (h(), ue(Ne(() => K($o)(F.renderSlot, { row: w, column: F, value: w[F.prop], index: oe })), { key: 0 })) : (h(), f("span", ol, te(w[F.prop]), 1))
1768
- ])), [
1769
- [y, F.showOverflowTooltip ? nt(w, F) : null]
1770
- ]),
1771
- v("div", {
1772
- class: "vt-table__resizer",
1773
- "data-resizer": F.prop,
1774
- onMousedown: (ke) => Ve(ke, F)
1775
- }, null, 40, ll)
1776
- ], 6))), 128))
1777
- ], 10, el);
1778
- }), 128)) : (h(), f("tr", Yo, [
1779
- v("td", {
1780
- colspan: K(O).length + (n.selectable ? 1 : 0),
1879
+ ], 4)) : W("", !0),
1880
+ (u(!0), m(re, null, ie(G(y), (N, be, pl, ge) => {
1881
+ const ze = b[N.prop];
1882
+ if (ge && ge.key === `${H(b, ne)}-${N.prop}` && Ct(ge, ze)) return ge;
1883
+ const He = (u(), m("td", {
1884
+ key: `${H(b, ne)}-${N.prop}`,
1885
+ ref_for: !0,
1886
+ ref: (ye) => Be(ye, N.prop),
1887
+ style: se(ot(N, be)),
1888
+ class: E([
1889
+ "vt-table__td",
1890
+ {
1891
+ "vt-table__td--pinned-left": N.pinnedLeft,
1892
+ "vt-table__td--pinned-right": N.pinnedRight
1893
+ }
1894
+ ])
1895
+ }, [
1896
+ Ve((u(), m("div", ol, [
1897
+ N.renderSlot ? (u(), oe(Ue(() => G($o)(N.renderSlot, { row: b, column: N, value: b[N.prop], index: ne })), { key: 0 })) : (u(), m("span", ll, ee(b[N.prop]), 1))
1898
+ ])), [
1899
+ [B, N.showOverflowTooltip ? rt(b, N) : null]
1900
+ ]),
1901
+ p("div", {
1902
+ class: "vt-table__resizer",
1903
+ "data-resizer": N.prop,
1904
+ onMousedown: (ye) => Te(ye, N)
1905
+ }, null, 40, sl)
1906
+ ], 6));
1907
+ return He.memo = ze, He;
1908
+ }, _, 0), 128))
1909
+ ], 10, tl);
1910
+ }), 128)) : (u(), m("tr", Jo, [
1911
+ p("td", {
1912
+ colspan: G(y).length + (n.selectable ? 1 : 0),
1781
1913
  class: "vt-table__empty-cell"
1782
1914
  }, [
1783
- v("div", Qo, [
1915
+ p("div", el, [
1784
1916
  Z(J, {
1785
1917
  name: "empty",
1786
1918
  class: "vt-table__empty-icon"
1787
1919
  }),
1788
- _[0] || (_[0] = v("span", { class: "vt-table__empty-text" }, "Немає даних!", -1))
1920
+ _[2] || (_[2] = p("span", { class: "vt-table__empty-text" }, "Немає даних!", -1))
1789
1921
  ])
1790
- ], 8, Jo)
1922
+ ], 8, Qo)
1791
1923
  ]))
1792
1924
  ]),
1793
- lt.value ? (h(), f("tfoot", sl, [
1794
- v("tr", null, [
1795
- n.selectable ? (h(), f("td", {
1925
+ at.value ? (u(), m("tfoot", rl, [
1926
+ p("tr", null, [
1927
+ n.selectable ? (u(), m("td", {
1796
1928
  key: 0,
1797
- class: W(["vt-table__td", {
1929
+ class: E(["vt-table__td", {
1798
1930
  "vt-table__td--pinned-left": !0
1799
1931
  }]),
1800
- style: ae(R())
1801
- }, _[1] || (_[1] = [
1802
- v("div", { class: "vt-table__cell-content vt-table__cell-content--summary" }, null, -1)
1803
- ]), 4)) : P("", !0),
1804
- (h(!0), f(le, null, se(K(O), (w, oe) => (h(), f("td", {
1805
- key: w.prop,
1806
- style: ae(tt(w, oe)),
1807
- class: W([
1932
+ style: se(h())
1933
+ }, _[3] || (_[3] = [
1934
+ p("div", { class: "vt-table__cell-content vt-table__cell-content--summary" }, null, -1)
1935
+ ]), 4)) : W("", !0),
1936
+ (u(!0), m(re, null, ie(G(y), (b, ne) => (u(), m("td", {
1937
+ key: b.prop,
1938
+ style: se(st(b, ne)),
1939
+ class: E([
1808
1940
  "vt-table__td",
1809
1941
  {
1810
- "vt-table__td--pinned-left": w.pinnedLeft,
1811
- "vt-table__td--pinned-right": w.pinnedRight
1942
+ "vt-table__td--pinned-left": b.pinnedLeft,
1943
+ "vt-table__td--pinned-right": b.pinnedRight
1812
1944
  }
1813
1945
  ])
1814
1946
  }, [
1815
- v("div", rl, te(ot.value[w.prop]), 1)
1947
+ p("div", il, ee(it.value[b.prop]), 1)
1816
1948
  ], 6))), 128))
1817
1949
  ])
1818
- ])) : P("", !0)
1950
+ ])) : W("", !0)
1819
1951
  ])
1820
1952
  ], 36);
1821
1953
  };
1822
1954
  }
1823
- }), al = /* @__PURE__ */ re({
1955
+ }), cl = /* @__PURE__ */ te({
1824
1956
  __name: "VTableColumn",
1825
1957
  props: {
1826
1958
  prop: {},
@@ -1838,11 +1970,11 @@ const ce = new Bo(), Ro = {
1838
1970
  sortMethod: {}
1839
1971
  },
1840
1972
  setup(t) {
1841
- const e = t, o = Fe(), n = wt("vt-table-columns");
1973
+ const e = t, o = Se(), n = qe("vt-table-columns");
1842
1974
  n || console.error(
1843
1975
  "VTableColumn: не знайдено контекст таблиці. Переконайтеся, що компонент використовується всередині VTable."
1844
1976
  );
1845
- const s = () => ({
1977
+ const l = () => ({
1846
1978
  prop: e.prop,
1847
1979
  label: e.label,
1848
1980
  width: e.width,
@@ -1857,13 +1989,13 @@ const ce = new Bo(), Ro = {
1857
1989
  // Зберігаємо слот - пріоритет: назва колонки -> default -> slot
1858
1990
  renderSlot: o[e.prop] ?? o.default ?? o.slot
1859
1991
  });
1860
- let l = -1;
1861
- return ve(() => {
1992
+ let s = -1;
1993
+ return fe(() => {
1862
1994
  if (n) {
1863
- const a = s();
1864
- n.push(a), l = n.length - 1;
1995
+ const a = l();
1996
+ n.push(a), s = n.length - 1;
1865
1997
  }
1866
- }), de(
1998
+ }), ve(
1867
1999
  () => [
1868
2000
  e.width,
1869
2001
  e.minWidth,
@@ -1877,12 +2009,12 @@ const ce = new Bo(), Ro = {
1877
2009
  e.label
1878
2010
  ],
1879
2011
  () => {
1880
- if (n && l !== -1) {
1881
- const a = n.findIndex((r) => r.prop === e.prop);
2012
+ if (n && s !== -1) {
2013
+ const a = n.findIndex((c) => c.prop === e.prop);
1882
2014
  if (a !== -1) {
1883
- const r = n[a], i = {
1884
- ...s(),
1885
- renderSlot: r.renderSlot
2015
+ const c = n[a], i = {
2016
+ ...l(),
2017
+ renderSlot: c.renderSlot
1886
2018
  // Зберігаємо існуючий renderSlot
1887
2019
  };
1888
2020
  n[a] = i;
@@ -1890,14 +2022,14 @@ const ce = new Bo(), Ro = {
1890
2022
  }
1891
2023
  },
1892
2024
  { deep: !0 }
1893
- ), $e(() => {
2025
+ ), Ie(() => {
1894
2026
  if (n) {
1895
- const a = n.findIndex((r) => r.prop === e.prop);
2027
+ const a = n.findIndex((c) => c.prop === e.prop);
1896
2028
  a > -1 && n.splice(a, 1);
1897
2029
  }
1898
- }), (a, r) => null;
2030
+ }), (a, c) => null;
1899
2031
  }
1900
- }), We = (t, e) => {
2032
+ }), Ae = (t, e) => {
1901
2033
  const o = document.createElement("div");
1902
2034
  o.className = `vt-tooltip vt-tooltip--${e}`, o.innerText = t, Object.assign(o.style, {
1903
2035
  position: "absolute",
@@ -1963,46 +2095,46 @@ const ce = new Bo(), Ro = {
1963
2095
  break;
1964
2096
  }
1965
2097
  return o.appendChild(n), o;
1966
- }, Me = (t, e, o) => {
1967
- const n = e.getBoundingClientRect(), s = t.getBoundingClientRect(), l = window.pageXOffset || document.documentElement.scrollLeft, a = window.pageYOffset || document.documentElement.scrollTop;
1968
- let r = 0, i = 0;
2098
+ }, $e = (t, e, o) => {
2099
+ const n = e.getBoundingClientRect(), l = t.getBoundingClientRect(), s = window.pageXOffset || document.documentElement.scrollLeft, a = window.pageYOffset || document.documentElement.scrollTop;
2100
+ let c = 0, i = 0;
1969
2101
  switch (o) {
1970
2102
  case "top":
1971
- r = n.top + a - s.height - 8, i = n.left + l + (n.width - s.width) / 2;
2103
+ c = n.top + a - l.height - 8, i = n.left + s + (n.width - l.width) / 2;
1972
2104
  break;
1973
2105
  case "bottom":
1974
- r = n.bottom + a + 8, i = n.left + l + (n.width - s.width) / 2;
2106
+ c = n.bottom + a + 8, i = n.left + s + (n.width - l.width) / 2;
1975
2107
  break;
1976
2108
  case "left":
1977
- r = n.top + a + (n.height - s.height) / 2, i = n.left + l - s.width - 8;
2109
+ c = n.top + a + (n.height - l.height) / 2, i = n.left + s - l.width - 8;
1978
2110
  break;
1979
2111
  case "right":
1980
- r = n.top + a + (n.height - s.height) / 2, i = n.right + l + 8;
2112
+ c = n.top + a + (n.height - l.height) / 2, i = n.right + s + 8;
1981
2113
  break;
1982
2114
  }
1983
- const d = window.innerWidth, c = window.innerHeight;
1984
- i < 8 ? i = 8 : i + s.width > d - 8 && (i = d - s.width - 8), r < a + 8 ? o === "top" ? r = n.bottom + a + 8 : r = a + 8 : r + s.height > a + c - 8 && (o === "bottom" ? r = n.top + a - s.height - 8 : r = a + c - s.height - 8), t.style.top = `${r}px`, t.style.left = `${i}px`;
1985
- }, De = (t, e, o) => {
1986
- t.parentElement || document.body.appendChild(t), t.style.visibility = "visible", Me(t, e, o), requestAnimationFrame(() => {
2115
+ const d = window.innerWidth, r = window.innerHeight;
2116
+ i < 8 ? i = 8 : i + l.width > d - 8 && (i = d - l.width - 8), c < a + 8 ? o === "top" ? c = n.bottom + a + 8 : c = a + 8 : c + l.height > a + r - 8 && (o === "bottom" ? c = n.top + a - l.height - 8 : c = a + r - l.height - 8), t.style.top = `${c}px`, t.style.left = `${i}px`;
2117
+ }, Oe = (t, e, o) => {
2118
+ t.parentElement || document.body.appendChild(t), t.style.visibility = "visible", $e(t, e, o), requestAnimationFrame(() => {
1987
2119
  t.style.opacity = "1";
1988
2120
  });
1989
- }, Pe = (t) => {
2121
+ }, je = (t) => {
1990
2122
  t.style.opacity = "0", t.style.visibility = "hidden";
1991
- }, Ae = (t) => t.scrollWidth > t.clientWidth || t.scrollHeight > t.clientHeight, Oe = (t) => !!t.closest(".vt-table, table"), cl = {
2123
+ }, Ne = (t) => t.scrollWidth > t.clientWidth || t.scrollHeight > t.clientHeight, Fe = (t) => !!t.closest(".vt-table, table"), dl = {
1992
2124
  mounted(t, e) {
1993
2125
  var i;
1994
2126
  const o = (i = e.value) == null ? void 0 : i.trim();
1995
2127
  if (!o) return;
1996
- const n = t.dataset.placement || "top", s = We(o, n);
1997
- t.__tooltipEl = s;
1998
- const l = () => {
1999
- (Oe(t) ? Ae(t) : !0) && De(s, t, n);
2128
+ const n = t.dataset.placement || "top", l = Ae(o, n);
2129
+ t.__tooltipEl = l;
2130
+ const s = () => {
2131
+ (Fe(t) ? Ne(t) : !0) && Oe(l, t, n);
2000
2132
  }, a = () => {
2001
- Pe(s);
2002
- }, r = () => {
2003
- s.style.opacity === "1" && Me(s, t, n);
2133
+ je(l);
2134
+ }, c = () => {
2135
+ l.style.opacity === "1" && $e(l, t, n);
2004
2136
  };
2005
- t.__mouseenterHandler = l, t.__mouseleaveHandler = a, t.__scrollHandler = r, t.addEventListener("mouseenter", l), t.addEventListener("mouseleave", a), window.addEventListener("scroll", r, !0), window.addEventListener("resize", r);
2137
+ t.__mouseenterHandler = s, t.__mouseleaveHandler = a, t.__scrollHandler = c, t.addEventListener("mouseenter", s), t.addEventListener("mouseleave", a), window.addEventListener("scroll", c, !0), window.addEventListener("resize", c);
2006
2138
  },
2007
2139
  updated(t, e) {
2008
2140
  var n;
@@ -2010,22 +2142,22 @@ const ce = new Bo(), Ro = {
2010
2142
  if (t.__tooltipEl)
2011
2143
  o ? t.__tooltipEl.firstChild.textContent = o : (t.__tooltipEl.parentElement && t.__tooltipEl.parentElement.removeChild(t.__tooltipEl), delete t.__tooltipEl);
2012
2144
  else if (o) {
2013
- const s = t.dataset.placement || "top", l = We(o, s);
2014
- t.__tooltipEl = l;
2145
+ const l = t.dataset.placement || "top", s = Ae(o, l);
2146
+ t.__tooltipEl = s;
2015
2147
  const a = () => {
2016
- (Oe(t) ? Ae(t) : !0) && De(l, t, s);
2017
- }, r = () => {
2018
- Pe(l);
2148
+ (Fe(t) ? Ne(t) : !0) && Oe(s, t, l);
2149
+ }, c = () => {
2150
+ je(s);
2019
2151
  }, i = () => {
2020
- l.style.opacity === "1" && Me(l, t, s);
2152
+ s.style.opacity === "1" && $e(s, t, l);
2021
2153
  };
2022
- t.__mouseenterHandler = a, t.__mouseleaveHandler = r, t.__scrollHandler = i, t.addEventListener("mouseenter", a), t.addEventListener("mouseleave", r), window.addEventListener("scroll", i, !0), window.addEventListener("resize", i);
2154
+ t.__mouseenterHandler = a, t.__mouseleaveHandler = c, t.__scrollHandler = i, t.addEventListener("mouseenter", a), t.addEventListener("mouseleave", c), window.addEventListener("scroll", i, !0), window.addEventListener("resize", i);
2023
2155
  }
2024
2156
  },
2025
2157
  beforeUnmount(t) {
2026
2158
  t.__tooltipEl && t.__tooltipEl.parentElement && (t.__tooltipEl.parentElement.removeChild(t.__tooltipEl), delete t.__tooltipEl), t.__mouseenterHandler && (t.removeEventListener("mouseenter", t.__mouseenterHandler), delete t.__mouseenterHandler), t.__mouseleaveHandler && (t.removeEventListener("mouseleave", t.__mouseleaveHandler), delete t.__mouseleaveHandler), t.__scrollHandler && (window.removeEventListener("scroll", t.__scrollHandler, !0), window.removeEventListener("resize", t.__scrollHandler), delete t.__scrollHandler);
2027
2159
  }
2028
- }, pl = {
2160
+ }, ml = {
2029
2161
  sortable: !0,
2030
2162
  actionColumn: !1,
2031
2163
  showOverflowTooltip: !0,
@@ -2035,22 +2167,25 @@ const ce = new Bo(), Ro = {
2035
2167
  }, ul = {
2036
2168
  install(t, e = {}) {
2037
2169
  const { prefix: o = "V", modal: n = !0 } = e;
2038
- t.component(`${o}Button`, Ce), t.component(`${o}Icon`, J), t.component(`${o}Loader`, Ue), t.component(`${o}Modal`, Ke), t.component(`${o}Pagination`, wo), t.component(`${o}Checkbox`, pe), t.component(`${o}Table`, il), t.component(`${o}TableColumn`, al), t.directive("tooltip", cl), n && t.use(Ro);
2170
+ t.component(`${o}Button`, Ce), t.component(`${o}Icon`, J), t.component(`${o}Loader`, Ge), t.component(`${o}Modal`, Je), t.component(`${o}Pagination`, Co), t.component(`${o}Checkbox`, pe), t.component(`${o}Table`, al), t.component(`${o}TableColumn`, cl), t.component(`${o}Dropdown`, et), t.component(`${o}DropdownItem`, Le), t.directive("tooltip", dl), n && t.use(To);
2039
2171
  }
2040
- }, hl = ul.install;
2172
+ }, vl = ul.install;
2041
2173
  export {
2042
- pl as DEFAULT_COLUMN_CONFIG,
2174
+ ml as DEFAULT_COLUMN_CONFIG,
2175
+ Qe as DropdownContextKey,
2043
2176
  Ce as VButton,
2044
2177
  pe as VCheckbox,
2178
+ et as VDropdown,
2179
+ Le as VDropdownItem,
2045
2180
  J as VIcon,
2046
- Ue as VLoader,
2047
- Ke as VModal,
2048
- Ro as VModalPlugin,
2049
- wo as VPagination,
2050
- il as VTable,
2051
- al as VTableColumn,
2181
+ Ge as VLoader,
2182
+ Je as VModal,
2183
+ To as VModalPlugin,
2184
+ Co as VPagination,
2185
+ al as VTable,
2186
+ cl as VTableColumn,
2052
2187
  ul as default,
2053
- hl as install,
2188
+ vl as install,
2054
2189
  ce as modalManager,
2055
- cl as tooltipDirective
2190
+ dl as tooltipDirective
2056
2191
  };