voiptime-components 1.0.1 → 1.0.2

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,18 +1,18 @@
1
- import { createElementBlock as v, openBlock as p, createElementVNode as h, createStaticVNode as Oe, defineComponent as le, computed as x, createBlock as ae, createCommentVNode as D, resolveDynamicComponent as je, useSlots as Ne, resolveDirective as Fe, withDirectives as Le, normalizeClass as z, renderSlot as pe, Teleport as ct, normalizeStyle as re, withModifiers as he, toDisplayString as te, watch as me, Fragment as ne, renderList as oe, vModelSelect as ut, createVNode as Z, withCtx as xe, createTextVNode as _e, ref as A, createApp as dt, h as be, onMounted as ve, onUnmounted as $e, nextTick as pt, mergeModels as Te, useModel as ht, reactive as mt, provide as vt, unref as U, inject as ft } from "vue";
2
- const H = (t, e) => {
1
+ import { createElementBlock as m, openBlock as p, createElementVNode as h, createStaticVNode as Fe, defineComponent as se, computed as M, createBlock as ae, createCommentVNode as P, resolveDynamicComponent as Ze, useSlots as Ue, resolveDirective as Ke, withDirectives as $e, normalizeClass as W, renderSlot as pe, Teleport as ut, normalizeStyle as re, withModifiers as he, toDisplayString as te, watch as me, Fragment as oe, renderList as le, vModelSelect as dt, createVNode as Z, withCtx as Me, createTextVNode as ge, ref as O, createApp as pt, h as ye, onMounted as ve, onUnmounted as Se, nextTick as ht, mergeModels as He, useModel as mt, reactive as vt, provide as ft, unref as K, isMemoSame as _t, inject as gt } from "vue";
2
+ const D = (t, e) => {
3
3
  const o = t.__vccOpts || t;
4
4
  for (const [n, s] of e)
5
5
  o[n] = s;
6
6
  return o;
7
- }, _t = {}, gt = {
7
+ }, Ct = {}, wt = {
8
8
  width: "20",
9
9
  height: "20",
10
10
  viewBox: "0 0 20 20",
11
11
  fill: "none",
12
12
  xmlns: "http://www.w3.org/2000/svg"
13
13
  };
14
- function Ct(t, e) {
15
- return p(), v("svg", gt, e[0] || (e[0] = [
14
+ function kt(t, e) {
15
+ return p(), m("svg", wt, e[0] || (e[0] = [
16
16
  h("path", {
17
17
  d: "M14 8L10 12L6 8",
18
18
  stroke: "currentColor",
@@ -22,15 +22,15 @@ function Ct(t, e) {
22
22
  }, null, -1)
23
23
  ]));
24
24
  }
25
- const wt = /* @__PURE__ */ H(_t, [["render", Ct]]), kt = {}, bt = {
25
+ const bt = /* @__PURE__ */ D(Ct, [["render", kt]]), yt = {}, xt = {
26
26
  width: "20",
27
27
  height: "20",
28
28
  viewBox: "0 0 20 20",
29
29
  fill: "none",
30
30
  xmlns: "http://www.w3.org/2000/svg"
31
31
  };
32
- function yt(t, e) {
33
- return p(), v("svg", bt, e[0] || (e[0] = [
32
+ function Mt(t, e) {
33
+ return p(), m("svg", xt, e[0] || (e[0] = [
34
34
  h("path", {
35
35
  d: "M6 12L10 8L14 12",
36
36
  stroke: "currentColor",
@@ -40,15 +40,15 @@ function yt(t, e) {
40
40
  }, null, -1)
41
41
  ]));
42
42
  }
43
- const xt = /* @__PURE__ */ H(kt, [["render", yt]]), Mt = {}, Lt = {
43
+ const Lt = /* @__PURE__ */ D(yt, [["render", Mt]]), $t = {}, St = {
44
44
  width: "14",
45
45
  height: "15",
46
46
  viewBox: "0 0 14 15",
47
47
  fill: "none",
48
48
  xmlns: "http://www.w3.org/2000/svg"
49
49
  };
50
- function $t(t, e) {
51
- return p(), v("svg", Lt, e[0] || (e[0] = [
50
+ function It(t, e) {
51
+ return p(), m("svg", St, e[0] || (e[0] = [
52
52
  h("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",
@@ -62,15 +62,15 @@ function $t(t, e) {
62
62
  }, null, -1)
63
63
  ]));
64
64
  }
65
- const St = /* @__PURE__ */ H(Mt, [["render", $t]]), It = {}, Vt = {
65
+ const Vt = /* @__PURE__ */ D($t, [["render", It]]), Bt = {}, Rt = {
66
66
  width: "21",
67
67
  height: "20",
68
68
  viewBox: "0 0 21 20",
69
69
  fill: "none",
70
70
  xmlns: "http://www.w3.org/2000/svg"
71
71
  };
72
- function Bt(t, e) {
73
- return p(), v("svg", Vt, e[0] || (e[0] = [
72
+ function Tt(t, e) {
73
+ return p(), m("svg", Rt, e[0] || (e[0] = [
74
74
  h("path", {
75
75
  d: "M8.60352 6L12.6035 10L8.60352 14",
76
76
  stroke: "currentColor",
@@ -80,15 +80,15 @@ function Bt(t, e) {
80
80
  }, null, -1)
81
81
  ]));
82
82
  }
83
- const Rt = /* @__PURE__ */ H(It, [["render", Bt]]), Tt = {}, Et = {
83
+ const Et = /* @__PURE__ */ D(Bt, [["render", Tt]]), zt = {}, Ht = {
84
84
  width: "21",
85
85
  height: "20",
86
86
  viewBox: "0 0 21 20",
87
87
  fill: "none",
88
88
  xmlns: "http://www.w3.org/2000/svg"
89
89
  };
90
- function zt(t, e) {
91
- return p(), v("svg", Et, e[0] || (e[0] = [
90
+ function Wt(t, e) {
91
+ return p(), m("svg", Ht, e[0] || (e[0] = [
92
92
  h("path", {
93
93
  d: "M12.3984 14L8.39844 10L12.3984 6",
94
94
  stroke: "currentColor",
@@ -98,15 +98,15 @@ function zt(t, e) {
98
98
  }, null, -1)
99
99
  ]));
100
100
  }
101
- const Ht = /* @__PURE__ */ H(Tt, [["render", zt]]), Wt = {}, Dt = {
101
+ const Dt = /* @__PURE__ */ D(zt, [["render", Wt]]), Pt = {}, At = {
102
102
  width: "20",
103
103
  height: "20",
104
104
  viewBox: "0 0 20 20",
105
105
  fill: "none",
106
106
  xmlns: "http://www.w3.org/2000/svg"
107
107
  };
108
- function Pt(t, e) {
109
- return p(), v("svg", Dt, e[0] || (e[0] = [
108
+ function Ot(t, e) {
109
+ return p(), m("svg", At, e[0] || (e[0] = [
110
110
  h("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",
@@ -116,15 +116,15 @@ function Pt(t, e) {
116
116
  }, null, -1)
117
117
  ]));
118
118
  }
119
- const At = /* @__PURE__ */ H(Wt, [["render", Pt]]), Ot = {}, jt = {
119
+ const jt = /* @__PURE__ */ D(Pt, [["render", Ot]]), Nt = {}, Ft = {
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 Nt(t, e) {
127
- return p(), v("svg", jt, e[0] || (e[0] = [
126
+ function Zt(t, e) {
127
+ return p(), m("svg", Ft, e[0] || (e[0] = [
128
128
  h("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",
@@ -140,15 +140,15 @@ function Nt(t, e) {
140
140
  }, null, -1)
141
141
  ]));
142
142
  }
143
- const Ft = /* @__PURE__ */ H(Ot, [["render", Nt]]), Zt = {}, Ut = {
143
+ const Ut = /* @__PURE__ */ D(Nt, [["render", Zt]]), 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 qt(t, e) {
151
- return p(), v("svg", Ut, e[0] || (e[0] = [
150
+ function Xt(t, e) {
151
+ return p(), m("svg", qt, e[0] || (e[0] = [
152
152
  h("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",
@@ -164,15 +164,15 @@ function qt(t, e) {
164
164
  }, null, -1)
165
165
  ]));
166
166
  }
167
- const Kt = /* @__PURE__ */ H(Zt, [["render", qt]]), Xt = {}, Gt = {
167
+ const Gt = /* @__PURE__ */ D(Kt, [["render", Xt]]), Yt = {}, Jt = {
168
168
  xmlns: "http://www.w3.org/2000/svg",
169
169
  width: "60",
170
170
  height: "60",
171
171
  viewBox: "0 0 60 60",
172
172
  fill: "none"
173
173
  };
174
- function Yt(t, e) {
175
- return p(), v("svg", Gt, e[0] || (e[0] = [
174
+ function Qt(t, e) {
175
+ return p(), m("svg", Jt, e[0] || (e[0] = [
176
176
  h("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",
@@ -182,15 +182,15 @@ function Yt(t, e) {
182
182
  }, null, -1)
183
183
  ]));
184
184
  }
185
- const Jt = /* @__PURE__ */ H(Xt, [["render", Yt]]), Qt = {}, en = {
185
+ const en = /* @__PURE__ */ D(Yt, [["render", Qt]]), tn = {}, nn = {
186
186
  width: "20",
187
187
  height: "20",
188
188
  viewBox: "0 0 20 20",
189
189
  fill: "none",
190
190
  xmlns: "http://www.w3.org/2000/svg"
191
191
  };
192
- function tn(t, e) {
193
- return p(), v("svg", en, e[0] || (e[0] = [
192
+ function on(t, e) {
193
+ return p(), m("svg", nn, e[0] || (e[0] = [
194
194
  h("path", {
195
195
  "fill-rule": "evenodd",
196
196
  "clip-rule": "evenodd",
@@ -205,15 +205,15 @@ function tn(t, e) {
205
205
  }, null, -1)
206
206
  ]));
207
207
  }
208
- const nn = /* @__PURE__ */ H(Qt, [["render", tn]]), on = {}, ln = {
208
+ const ln = /* @__PURE__ */ D(tn, [["render", on]]), sn = {}, rn = {
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 sn(t, e) {
216
- return p(), v("svg", ln, e[0] || (e[0] = [
215
+ function an(t, e) {
216
+ return p(), m("svg", rn, e[0] || (e[0] = [
217
217
  h("path", {
218
218
  "fill-rule": "evenodd",
219
219
  "clip-rule": "evenodd",
@@ -222,15 +222,15 @@ function sn(t, e) {
222
222
  }, null, -1)
223
223
  ]));
224
224
  }
225
- const rn = /* @__PURE__ */ H(on, [["render", sn]]), an = {}, cn = {
225
+ const cn = /* @__PURE__ */ D(sn, [["render", an]]), un = {}, dn = {
226
226
  width: "21",
227
227
  height: "20",
228
228
  viewBox: "0 0 21 20",
229
229
  fill: "none",
230
230
  xmlns: "http://www.w3.org/2000/svg"
231
231
  };
232
- function un(t, e) {
233
- return p(), v("svg", cn, e[0] || (e[0] = [
232
+ function pn(t, e) {
233
+ return p(), m("svg", dn, e[0] || (e[0] = [
234
234
  h("path", {
235
235
  "fill-rule": "evenodd",
236
236
  "clip-rule": "evenodd",
@@ -239,15 +239,15 @@ function un(t, e) {
239
239
  }, null, -1)
240
240
  ]));
241
241
  }
242
- const dn = /* @__PURE__ */ H(an, [["render", un]]), pn = {}, hn = {
242
+ const hn = /* @__PURE__ */ D(un, [["render", pn]]), mn = {}, vn = {
243
243
  width: "20",
244
244
  height: "20",
245
245
  viewBox: "0 0 20 20",
246
246
  fill: "none",
247
247
  xmlns: "http://www.w3.org/2000/svg"
248
248
  };
249
- function mn(t, e) {
250
- return p(), v("svg", hn, e[0] || (e[0] = [
249
+ function fn(t, e) {
250
+ return p(), m("svg", vn, e[0] || (e[0] = [
251
251
  h("path", {
252
252
  d: "M6 14L10 10M10 10L14 6M10 10L6 6M10 10L14 14",
253
253
  stroke: "currentColor",
@@ -257,15 +257,15 @@ function mn(t, e) {
257
257
  }, null, -1)
258
258
  ]));
259
259
  }
260
- const vn = /* @__PURE__ */ H(pn, [["render", mn]]), fn = {}, _n = {
260
+ const _n = /* @__PURE__ */ D(mn, [["render", fn]]), gn = {}, Cn = {
261
261
  width: "20",
262
262
  height: "20",
263
263
  viewBox: "0 0 20 20",
264
264
  fill: "none",
265
265
  xmlns: "http://www.w3.org/2000/svg"
266
266
  };
267
- function gn(t, e) {
268
- return p(), v("svg", _n, e[0] || (e[0] = [
267
+ function wn(t, e) {
268
+ return p(), m("svg", Cn, e[0] || (e[0] = [
269
269
  h("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",
@@ -275,15 +275,15 @@ function gn(t, e) {
275
275
  }, null, -1)
276
276
  ]));
277
277
  }
278
- const Cn = /* @__PURE__ */ H(fn, [["render", gn]]), wn = {}, kn = {
278
+ const kn = /* @__PURE__ */ D(gn, [["render", wn]]), bn = {}, yn = {
279
279
  width: "20",
280
280
  height: "20",
281
281
  viewBox: "0 0 20 20",
282
282
  fill: "none",
283
283
  xmlns: "http://www.w3.org/2000/svg"
284
284
  };
285
- function bn(t, e) {
286
- return p(), v("svg", kn, e[0] || (e[0] = [
285
+ function xn(t, e) {
286
+ return p(), m("svg", yn, e[0] || (e[0] = [
287
287
  h("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",
@@ -293,15 +293,15 @@ function bn(t, e) {
293
293
  }, null, -1)
294
294
  ]));
295
295
  }
296
- const yn = /* @__PURE__ */ H(wn, [["render", bn]]), xn = {}, Mn = {
296
+ const Mn = /* @__PURE__ */ D(bn, [["render", xn]]), Ln = {}, $n = {
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 Ln(t, e) {
304
- return p(), v("svg", Mn, e[0] || (e[0] = [
303
+ function Sn(t, e) {
304
+ return p(), m("svg", $n, e[0] || (e[0] = [
305
305
  h("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",
@@ -316,27 +316,27 @@ function Ln(t, e) {
316
316
  }, null, -1)
317
317
  ]));
318
318
  }
319
- const $n = /* @__PURE__ */ H(xn, [["render", Ln]]), Sn = {}, In = {
319
+ const In = /* @__PURE__ */ D(Ln, [["render", Sn]]), Vn = {}, Bn = {
320
320
  width: "20",
321
321
  height: "20",
322
322
  viewBox: "0 0 20 20",
323
323
  fill: "none",
324
324
  xmlns: "http://www.w3.org/2000/svg"
325
325
  };
326
- function Vn(t, e) {
327
- return p(), v("svg", In, e[0] || (e[0] = [
328
- Oe('<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)
326
+ function Rn(t, e) {
327
+ return p(), m("svg", Bn, e[0] || (e[0] = [
328
+ Fe('<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 Bn = /* @__PURE__ */ H(Sn, [["render", Vn]]), Rn = {}, Tn = {
331
+ const Tn = /* @__PURE__ */ D(Vn, [["render", Rn]]), En = {}, zn = {
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 En(t, e) {
339
- return p(), v("svg", Tn, e[0] || (e[0] = [
338
+ function Hn(t, e) {
339
+ return p(), m("svg", zn, e[0] || (e[0] = [
340
340
  h("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",
@@ -346,15 +346,15 @@ function En(t, e) {
346
346
  }, null, -1)
347
347
  ]));
348
348
  }
349
- const zn = /* @__PURE__ */ H(Rn, [["render", En]]), Hn = {}, Wn = {
349
+ const Wn = /* @__PURE__ */ D(En, [["render", Hn]]), Dn = {}, Pn = {
350
350
  width: "20",
351
351
  height: "20",
352
352
  viewBox: "0 0 20 20",
353
353
  fill: "none",
354
354
  xmlns: "http://www.w3.org/2000/svg"
355
355
  };
356
- function Dn(t, e) {
357
- return p(), v("svg", Wn, e[0] || (e[0] = [
356
+ function An(t, e) {
357
+ return p(), m("svg", Pn, e[0] || (e[0] = [
358
358
  h("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",
@@ -374,15 +374,15 @@ function Dn(t, e) {
374
374
  }, null, -1)
375
375
  ]));
376
376
  }
377
- const Pn = /* @__PURE__ */ H(Hn, [["render", Dn]]), An = {}, On = {
377
+ const On = /* @__PURE__ */ D(Dn, [["render", An]]), jn = {}, Nn = {
378
378
  width: "20",
379
379
  height: "20",
380
380
  viewBox: "0 0 20 20",
381
381
  fill: "none",
382
382
  xmlns: "http://www.w3.org/2000/svg"
383
383
  };
384
- function jn(t, e) {
385
- return p(), v("svg", On, e[0] || (e[0] = [
384
+ function Fn(t, e) {
385
+ return p(), m("svg", Nn, e[0] || (e[0] = [
386
386
  h("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",
@@ -399,27 +399,27 @@ function jn(t, e) {
399
399
  }, null, -1)
400
400
  ]));
401
401
  }
402
- const Nn = /* @__PURE__ */ H(An, [["render", jn]]), Fn = {}, Zn = {
402
+ const Zn = /* @__PURE__ */ D(jn, [["render", Fn]]), Un = {}, 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 Un(t, e) {
410
- return p(), v("svg", Zn, e[0] || (e[0] = [
411
- Oe('<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 p(), m("svg", Kn, e[0] || (e[0] = [
411
+ Fe('<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 qn = /* @__PURE__ */ H(Fn, [["render", Un]]), Kn = {}, Xn = {
414
+ const Xn = /* @__PURE__ */ D(Un, [["render", qn]]), Gn = {}, Yn = {
415
415
  width: "20",
416
416
  height: "20",
417
417
  viewBox: "0 0 20 20",
418
418
  fill: "none",
419
419
  xmlns: "http://www.w3.org/2000/svg"
420
420
  };
421
- function Gn(t, e) {
422
- return p(), v("svg", Xn, e[0] || (e[0] = [
421
+ function Jn(t, e) {
422
+ return p(), m("svg", Yn, e[0] || (e[0] = [
423
423
  h("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",
@@ -436,50 +436,50 @@ function Gn(t, e) {
436
436
  }, null, -1)
437
437
  ]));
438
438
  }
439
- const Yn = /* @__PURE__ */ H(Kn, [["render", Gn]]), Jn = {
439
+ const Qn = /* @__PURE__ */ D(Gn, [["render", Jn]]), eo = {
440
440
  // arrow icons
441
- arrowDown: wt,
442
- arrowTop: xt,
443
- arrowRight: Rt,
444
- arrowLeft: Ht,
445
- arrowReload: St,
441
+ arrowDown: bt,
442
+ arrowTop: Lt,
443
+ arrowRight: Et,
444
+ arrowLeft: Dt,
445
+ arrowReload: Vt,
446
446
  // table icons
447
- columnInsert: At,
448
- freeze: Ft,
449
- unfreeze: Kt,
450
- columnsMove: nn,
451
- empty: Jt,
447
+ columnInsert: jt,
448
+ freeze: Ut,
449
+ unfreeze: Gt,
450
+ columnsMove: ln,
451
+ empty: en,
452
452
  // actions icons
453
- listBullet: rn,
454
- listBulletHorizontal: dn,
455
- close: vn,
453
+ listBullet: cn,
454
+ listBulletHorizontal: hn,
455
+ close: _n,
456
456
  // filter icons
457
- filterSave: Cn,
458
- filterReset: yn,
459
- filterNew: $n,
460
- filterMultiselect: Bn,
461
- filterExchange: zn,
462
- filterEdit: Pn,
463
- filterDateCheck: Nn,
464
- filterAdvanced: qn,
465
- filterAdd: Yn
466
- }, Y = /* @__PURE__ */ le({
457
+ filterSave: kn,
458
+ filterReset: Mn,
459
+ filterNew: In,
460
+ filterMultiselect: Tn,
461
+ filterExchange: Wn,
462
+ filterEdit: On,
463
+ filterDateCheck: Zn,
464
+ filterAdvanced: Xn,
465
+ filterAdd: Qn
466
+ }, Y = /* @__PURE__ */ se({
467
467
  __name: "VIcon",
468
468
  props: {
469
469
  name: {}
470
470
  },
471
471
  setup(t) {
472
- const e = t, o = x(() => Jn[e.name]);
473
- return (n, s) => o.value ? (p(), ae(je(o.value), { key: 0 })) : D("", !0);
472
+ const e = t, o = M(() => eo[e.name]);
473
+ return (n, s) => o.value ? (p(), ae(Ze(o.value), { key: 0 })) : P("", !0);
474
474
  }
475
- }), Qn = {}, eo = { class: "vt-loader" };
476
- function to(t, e) {
477
- return p(), v("span", eo);
475
+ }), to = {}, no = { class: "vt-loader" };
476
+ function oo(t, e) {
477
+ return p(), m("span", no);
478
478
  }
479
- const Ze = /* @__PURE__ */ H(Qn, [["render", to]]), no = ["disabled", "type", "data-placement"], oo = {
479
+ const qe = /* @__PURE__ */ D(to, [["render", oo]]), lo = ["disabled", "type", "data-placement"], so = {
480
480
  key: 2,
481
481
  class: "vt-button__content"
482
- }, ge = /* @__PURE__ */ le({
482
+ }, Ce = /* @__PURE__ */ se({
483
483
  __name: "VButton",
484
484
  props: {
485
485
  type: { default: "default" },
@@ -493,11 +493,11 @@ const Ze = /* @__PURE__ */ H(Qn, [["render", to]]), no = ["disabled", "type", "d
493
493
  },
494
494
  emits: ["click"],
495
495
  setup(t, { emit: e }) {
496
- const o = t, n = e, s = Ne(), l = x(() => !!(o.icon && o.shape)), c = x(() => {
497
- var y, M;
498
- const u = s.default ? s.default({}) : null;
499
- return ((M = (y = u == null ? void 0 : u[0]) == null ? void 0 : y.children) == null ? void 0 : M.toString()) ?? "";
500
- }), i = x(() => [
496
+ const o = t, n = e, s = Ue(), l = M(() => !!(o.icon && o.shape)), a = M(() => {
497
+ var y, L;
498
+ const c = s.default ? s.default({}) : null;
499
+ return ((L = (y = c == null ? void 0 : c[0]) == null ? void 0 : y.children) == null ? void 0 : L.toString()) ?? "";
500
+ }), r = M(() => [
501
501
  "vt-button",
502
502
  `vt-button--${o.type}`,
503
503
  {
@@ -506,41 +506,41 @@ const Ze = /* @__PURE__ */ H(Qn, [["render", to]]), no = ["disabled", "type", "d
506
506
  "vt-button--disabled": o.disabled || o.loading,
507
507
  "vt-button--loading": o.loading
508
508
  }
509
- ]), a = x(() => l.value && o.tooltip ? c.value : null), d = (u) => {
510
- !o.disabled && !o.loading && n("click", u);
509
+ ]), i = M(() => l.value && o.tooltip ? a.value : null), u = (c) => {
510
+ !o.disabled && !o.loading && n("click", c);
511
511
  };
512
- return (u, y) => {
513
- const M = Fe("tooltip");
514
- return Le((p(), v("button", {
515
- class: z(i.value),
512
+ return (c, y) => {
513
+ const L = Ke("tooltip");
514
+ return $e((p(), m("button", {
515
+ class: W(r.value),
516
516
  disabled: o.disabled || o.loading,
517
517
  type: o.htmlType,
518
518
  "data-placement": o.tooltipPlacement,
519
- onClick: d
519
+ onClick: u
520
520
  }, [
521
- o.loading ? (p(), ae(Ze, {
521
+ o.loading ? (p(), ae(qe, {
522
522
  key: 0,
523
523
  class: "vt-button__icon"
524
524
  })) : o.icon ? (p(), ae(Y, {
525
525
  key: 1,
526
526
  name: o.icon,
527
527
  class: "vt-button__icon"
528
- }, null, 8, ["name"])) : D("", !0),
529
- l.value ? D("", !0) : (p(), v("span", oo, [
530
- pe(u.$slots, "default")
528
+ }, null, 8, ["name"])) : P("", !0),
529
+ l.value ? P("", !0) : (p(), m("span", so, [
530
+ pe(c.$slots, "default")
531
531
  ]))
532
- ], 10, no)), [
533
- [M, a.value]
532
+ ], 10, lo)), [
533
+ [L, i.value]
534
534
  ]);
535
535
  };
536
536
  }
537
- }), lo = {
537
+ }), ro = {
538
538
  key: 0,
539
539
  class: "vt-modal__header"
540
- }, so = {
540
+ }, io = {
541
541
  key: 0,
542
542
  class: "vt-modal__title"
543
- }, ro = { class: "vt-modal__content" }, Ue = /* @__PURE__ */ le({
543
+ }, ao = { class: "vt-modal__content" }, Xe = /* @__PURE__ */ se({
544
544
  __name: "VModal",
545
545
  props: {
546
546
  modelValue: { type: Boolean },
@@ -552,42 +552,42 @@ const Ze = /* @__PURE__ */ H(Qn, [["render", to]]), no = ["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, s = M(() => ["vt-modal__container", `vt-modal__container--${o.size}`]), l = M(() => ({
556
556
  zIndex: o.zIndex
557
- })), c = () => {
557
+ })), a = () => {
558
558
  n("update:modelValue", !1), n("close");
559
- }, i = () => {
560
- o.closeOnBackdropClick && c();
559
+ }, r = () => {
560
+ o.closeOnBackdropClick && a();
561
561
  };
562
- return (a, d) => (p(), ae(ct, { to: "body" }, [
563
- a.modelValue ? (p(), v("div", {
562
+ return (i, u) => (p(), ae(ut, { to: "body" }, [
563
+ i.modelValue ? (p(), m("div", {
564
564
  key: 0,
565
565
  class: "vt-modal__backdrop",
566
566
  style: re(l.value),
567
- onClick: i
567
+ onClick: r
568
568
  }, [
569
569
  h("div", {
570
- class: z(s.value),
571
- onClick: d[0] || (d[0] = he(() => {
570
+ class: W(s.value),
571
+ onClick: u[0] || (u[0] = he(() => {
572
572
  }, ["stop"]))
573
573
  }, [
574
- a.title || a.showCloseButton ? (p(), v("div", lo, [
575
- a.title ? (p(), v("h2", so, te(a.title), 1)) : D("", !0),
576
- a.showCloseButton ? (p(), ae(Y, {
574
+ i.title || i.showCloseButton ? (p(), m("div", ro, [
575
+ i.title ? (p(), m("h2", io, te(i.title), 1)) : P("", !0),
576
+ i.showCloseButton ? (p(), ae(Y, {
577
577
  key: 1,
578
578
  name: "close",
579
579
  class: "vt-modal__close",
580
- onClick: c
581
- })) : D("", !0)
582
- ])) : D("", !0),
583
- h("div", ro, [
584
- pe(a.$slots, "default")
580
+ onClick: a
581
+ })) : P("", !0)
582
+ ])) : P("", !0),
583
+ h("div", ao, [
584
+ pe(i.$slots, "default")
585
585
  ])
586
586
  ], 2)
587
- ], 4)) : D("", !0)
587
+ ], 4)) : P("", !0)
588
588
  ]));
589
589
  }
590
- }), io = { class: "vt-pagination" }, ao = { class: "vt-pagination__info" }, co = { class: "vt-pagination__rows-per-page" }, uo = ["value"], po = { class: "vt-pagination__navigation" }, ho = ["disabled"], mo = ["onClick"], vo = ["disabled"], fo = /* @__PURE__ */ le({
590
+ }), co = { class: "vt-pagination" }, uo = { class: "vt-pagination__info" }, po = { class: "vt-pagination__rows-per-page" }, ho = ["value"], mo = { class: "vt-pagination__navigation" }, vo = ["disabled"], fo = ["onClick"], _o = ["disabled"], go = /* @__PURE__ */ se({
591
591
  __name: "VPagination",
592
592
  props: {
593
593
  totalItems: {},
@@ -598,103 +598,103 @@ const Ze = /* @__PURE__ */ H(Qn, [["render", to]]), no = ["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, s = M({
602
602
  get: () => o.currentPage,
603
- set: (V) => n("update:currentPage", V)
604
- }), l = x({
603
+ set: ($) => n("update:currentPage", $)
604
+ }), l = M({
605
605
  get: () => o.pageSize,
606
- set: (V) => n("update:pageSize", V)
607
- }), c = x(() => Math.ceil(o.totalItems / l.value)), i = x(() => o.totalItems === 0 ? 0 : (s.value - 1) * l.value + 1), a = x(() => Math.min(s.value * l.value, o.totalItems)), d = x(() => s.value <= 1), u = x(() => s.value >= c.value), y = x(() => {
608
- const V = [], W = c.value, L = s.value, O = o.maxVisiblePages;
609
- if (W <= O)
610
- for (let b = 1; b <= W; b++)
611
- V.push(b);
606
+ set: ($) => n("update:pageSize", $)
607
+ }), a = M(() => Math.ceil(o.totalItems / l.value)), r = M(() => o.totalItems === 0 ? 0 : (s.value - 1) * l.value + 1), i = M(() => Math.min(s.value * l.value, o.totalItems)), u = M(() => s.value <= 1), c = M(() => s.value >= a.value), y = M(() => {
608
+ const $ = [], E = a.value, R = s.value, X = o.maxVisiblePages;
609
+ if (E <= X)
610
+ for (let x = 1; x <= E; x++)
611
+ $.push(x);
612
612
  else {
613
- V.push(1);
614
- const b = Math.max(2, L - Math.floor(O / 2)), T = Math.min(W - 1, L + Math.floor(O / 2));
615
- b > 2 && V.push("...");
616
- for (let E = b; E <= T; E++)
617
- V.push(E);
618
- T < W - 1 && V.push("..."), W > 1 && V.push(W);
613
+ $.push(1);
614
+ const x = Math.max(2, R - Math.floor(X / 2)), z = Math.min(E - 1, R + Math.floor(X / 2));
615
+ x > 2 && $.push("...");
616
+ for (let H = x; H <= z; H++)
617
+ $.push(H);
618
+ z < E - 1 && $.push("..."), E > 1 && $.push(E);
619
619
  }
620
- return V;
621
- }), M = () => {
620
+ return $;
621
+ }), L = () => {
622
622
  n("pageChange", {
623
623
  page: s.value,
624
624
  pageSize: l.value
625
625
  });
626
- }, q = (V) => {
627
- typeof V == "number" && V !== s.value && (s.value = V, M());
626
+ }, q = ($) => {
627
+ typeof $ == "number" && $ !== s.value && (s.value = $, L());
628
628
  }, F = () => {
629
- d.value || (s.value--, M());
630
- }, X = () => {
631
- u.value || (s.value++, M());
629
+ u.value || (s.value--, L());
630
+ }, J = () => {
631
+ c.value || (s.value++, L());
632
632
  }, ee = () => {
633
- s.value = 1, M();
634
- }, G = () => {
633
+ s.value = 1, L();
634
+ }, j = () => {
635
635
  n("reloadData", s.value);
636
636
  };
637
637
  return me(
638
638
  () => o.totalItems,
639
639
  () => {
640
- s.value > c.value && c.value > 0 && (s.value = c.value, M());
640
+ s.value > a.value && a.value > 0 && (s.value = a.value, L());
641
641
  }
642
- ), (V, W) => (p(), v("div", io, [
643
- h("div", ao, [
644
- h("div", co, [
645
- W[1] || (W[1] = h("label", {
642
+ ), ($, E) => (p(), m("div", co, [
643
+ h("div", uo, [
644
+ h("div", po, [
645
+ E[1] || (E[1] = h("label", {
646
646
  for: "rowsSelect",
647
647
  class: "vt-pagination__label"
648
648
  }, "Рядків на сторінку:", -1)),
649
- Le(h("select", {
649
+ $e(h("select", {
650
650
  id: "rowsSelect",
651
- "onUpdate:modelValue": W[0] || (W[0] = (L) => l.value = L),
651
+ "onUpdate:modelValue": E[0] || (E[0] = (R) => l.value = R),
652
652
  onChange: ee,
653
653
  class: "vt-pagination__select"
654
654
  }, [
655
- (p(!0), v(ne, null, oe(V.pageSizeOptions, (L) => (p(), v("option", {
656
- key: L,
657
- value: L
658
- }, te(L), 9, uo))), 128))
655
+ (p(!0), m(oe, null, le($.pageSizeOptions, (R) => (p(), m("option", {
656
+ key: R,
657
+ value: R
658
+ }, te(R), 9, ho))), 128))
659
659
  ], 544), [
660
- [ut, l.value]
660
+ [dt, l.value]
661
661
  ])
662
662
  ]),
663
- h("span", null, te(i.value) + " - " + te(a.value) + " з " + te(V.totalItems), 1)
663
+ h("span", null, te(r.value) + " - " + te(i.value) + " з " + te($.totalItems), 1)
664
664
  ]),
665
- h("div", po, [
665
+ h("div", mo, [
666
666
  h("button", {
667
667
  onClick: F,
668
- disabled: d.value,
669
- class: z({ "vt-pagination__nav-button": !0, "has-items": !d.value })
668
+ disabled: u.value,
669
+ class: W({ "vt-pagination__nav-button": !0, "has-items": !u.value })
670
670
  }, [
671
671
  Z(Y, { name: "arrowLeft" })
672
- ], 10, ho),
673
- (p(!0), v(ne, null, oe(y.value, (L) => (p(), v("button", {
674
- key: L,
675
- onClick: (O) => q(L),
676
- class: z(["vt-pagination__nav-button", {
677
- "vt-pagination__nav-button--active": L === s.value
672
+ ], 10, vo),
673
+ (p(!0), m(oe, null, le(y.value, (R) => (p(), m("button", {
674
+ key: R,
675
+ onClick: (X) => q(R),
676
+ class: W(["vt-pagination__nav-button", {
677
+ "vt-pagination__nav-button--active": R === s.value
678
678
  }])
679
- }, te(L), 11, mo))), 128)),
679
+ }, te(R), 11, fo))), 128)),
680
680
  h("button", {
681
- onClick: X,
682
- disabled: u.value,
683
- class: z({ "vt-pagination__nav-button": !0, "has-items": !u.value })
681
+ onClick: J,
682
+ disabled: c.value,
683
+ class: W({ "vt-pagination__nav-button": !0, "has-items": !c.value })
684
684
  }, [
685
685
  Z(Y, { name: "arrowRight" })
686
- ], 10, vo)
686
+ ], 10, _o)
687
687
  ]),
688
688
  h("div", null, [
689
- Z(ge, {
689
+ Z(Ce, {
690
690
  icon: "arrowReload",
691
691
  shape: "circle",
692
692
  tooltip: "",
693
693
  tooltipPlacement: "left",
694
- onClick: G
694
+ onClick: j
695
695
  }, {
696
- default: xe(() => W[2] || (W[2] = [
697
- _e("Оновити дані ", -1)
696
+ default: Me(() => E[2] || (E[2] = [
697
+ ge("Оновити дані ", -1)
698
698
  ])),
699
699
  _: 1,
700
700
  __: [2]
@@ -702,7 +702,7 @@ const Ze = /* @__PURE__ */ H(Qn, [["render", to]]), no = ["disabled", "type", "d
702
702
  ])
703
703
  ]));
704
704
  }
705
- }), _o = ["for"], go = ["id", "name", "value", "checked", "disabled", "required", ".indeterminate"], ue = /* @__PURE__ */ le({
705
+ }), Co = ["for"], wo = ["id", "name", "value", "checked", "disabled", "required", ".indeterminate"], ue = /* @__PURE__ */ se({
706
706
  __name: "VCheckbox",
707
707
  props: {
708
708
  modelValue: { type: Boolean, default: void 0 },
@@ -720,58 +720,58 @@ const Ze = /* @__PURE__ */ H(Qn, [["render", to]]), no = ["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()), c = x(() => o.modelValue ?? o.checked), i = (u) => {
723
+ const o = t, n = e, s = () => `vt-checkbox-${Math.random().toString(36).substr(2, 9)}`, l = M(() => o.id || s()), a = M(() => o.modelValue ?? o.checked), r = (c) => {
724
724
  if (o.disabled) return;
725
- const M = u.target.checked;
726
- n("update:modelValue", M), n("change", M, u);
727
- }, a = (u) => {
728
- n("focus", u);
729
- }, d = (u) => {
730
- n("blur", u);
725
+ const L = c.target.checked;
726
+ n("update:modelValue", L), n("change", L, c);
727
+ }, i = (c) => {
728
+ n("focus", c);
729
+ }, u = (c) => {
730
+ n("blur", c);
731
731
  };
732
- return (u, y) => (p(), v("label", {
733
- class: z([
732
+ return (c, y) => (p(), m("label", {
733
+ class: W([
734
734
  "vt-checkbox",
735
- `vt-checkbox--${u.size}`,
736
- `vt-checkbox--${u.variant}`,
735
+ `vt-checkbox--${c.size}`,
736
+ `vt-checkbox--${c.variant}`,
737
737
  {
738
- "vt-checkbox--disabled": u.disabled,
739
- "vt-checkbox--double": u.isDouble
738
+ "vt-checkbox--disabled": c.disabled,
739
+ "vt-checkbox--double": c.isDouble
740
740
  }
741
741
  ]),
742
742
  for: l.value
743
743
  }, [
744
744
  h("input", {
745
745
  id: l.value,
746
- name: u.name,
747
- value: u.value,
748
- checked: c.value,
749
- disabled: u.disabled,
750
- required: u.required,
751
- ".indeterminate": u.indeterminate,
746
+ name: c.name,
747
+ value: c.value,
748
+ checked: a.value,
749
+ disabled: c.disabled,
750
+ required: c.required,
751
+ ".indeterminate": c.indeterminate,
752
752
  type: "checkbox",
753
753
  class: "vt-checkbox__input",
754
- onChange: i,
755
- onFocus: a,
756
- onBlur: d
757
- }, null, 40, go),
754
+ onChange: r,
755
+ onFocus: i,
756
+ onBlur: u
757
+ }, null, 40, wo),
758
758
  h("div", {
759
- class: z([
759
+ class: W([
760
760
  "vt-checkbox__box",
761
761
  {
762
- "vt-checkbox__box--checked": c.value && !u.indeterminate && !u.isDouble,
763
- "vt-checkbox__box--indeterminate": u.indeterminate,
764
- "vt-checkbox__box--double": u.isDouble && c.value,
765
- "vt-checkbox__box--disabled": u.disabled
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
766
766
  }
767
767
  ])
768
768
  }, [
769
- !u.indeterminate && !u.isDouble ? (p(), v("svg", {
769
+ !c.indeterminate && !c.isDouble ? (p(), m("svg", {
770
770
  key: 0,
771
- class: z([
771
+ class: W([
772
772
  "vt-checkbox__checkmark",
773
773
  {
774
- "vt-checkbox__checkmark--checked": c.value
774
+ "vt-checkbox__checkmark--checked": a.value
775
775
  }
776
776
  ]),
777
777
  width: "10",
@@ -786,13 +786,13 @@ const Ze = /* @__PURE__ */ H(Qn, [["render", to]]), no = ["disabled", "type", "d
786
786
  "stroke-width": "2",
787
787
  "stroke-linecap": "round"
788
788
  }, null, -1)
789
- ]), 2)) : D("", !0),
790
- u.isDouble && c.value ? (p(), v("svg", {
789
+ ]), 2)) : P("", !0),
790
+ c.isDouble && a.value ? (p(), m("svg", {
791
791
  key: 1,
792
- class: z([
792
+ class: W([
793
793
  "vt-checkbox__checkmark",
794
794
  {
795
- "vt-checkbox__checkmark--checked": c.value
795
+ "vt-checkbox__checkmark--checked": a.value
796
796
  }
797
797
  ]),
798
798
  width: "13",
@@ -815,175 +815,175 @@ const Ze = /* @__PURE__ */ H(Qn, [["render", to]]), no = ["disabled", "type", "d
815
815
  "stroke-linecap": "round",
816
816
  "stroke-linejoin": "round"
817
817
  }, null, -1)
818
- ]), 2)) : D("", !0),
819
- u.indeterminate ? (p(), v("div", {
818
+ ]), 2)) : P("", !0),
819
+ c.indeterminate ? (p(), m("div", {
820
820
  key: 2,
821
- class: z([
821
+ class: W([
822
822
  "vt-checkbox__indeterminate-mark",
823
823
  {
824
- "vt-checkbox__indeterminate-mark--visible": u.indeterminate
824
+ "vt-checkbox__indeterminate-mark--visible": c.indeterminate
825
825
  }
826
826
  ])
827
- }, null, 2)) : D("", !0)
827
+ }, null, 2)) : P("", !0)
828
828
  ], 2),
829
- u.label || u.$slots.label || u.$slots.default ? (p(), v("span", {
829
+ c.label || c.$slots.label || c.$slots.default ? (p(), m("span", {
830
830
  key: 0,
831
- class: z([
831
+ class: W([
832
832
  "vt-checkbox__label",
833
833
  {
834
- "vt-checkbox__label--disabled": u.disabled
834
+ "vt-checkbox__label--disabled": c.disabled
835
835
  }
836
836
  ])
837
837
  }, [
838
- pe(u.$slots, "label", {}, () => [
839
- pe(u.$slots, "default", {}, () => [
840
- _e(te(u.label), 1)
838
+ pe(c.$slots, "label", {}, () => [
839
+ pe(c.$slots, "default", {}, () => [
840
+ ge(te(c.label), 1)
841
841
  ])
842
842
  ])
843
- ], 2)) : D("", !0)
844
- ], 10, _o));
843
+ ], 2)) : P("", !0)
844
+ ], 10, Co));
845
845
  }
846
846
  });
847
- function Co(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((u) => u.width || u.minWidth), c = l.reduce((u, y) => u + (y.width || y.minWidth || 0), 0), i = s - l.length;
850
- if (i === 0) return 150;
851
- const d = Math.max(800 - c, i * 80);
852
- return Math.max(Math.floor(d / i), 120);
847
+ function ko(t) {
848
+ const e = M(() => [...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, y) => c + (y.width || y.minWidth || 0), 0), r = s - l.length;
850
+ if (r === 0) return 150;
851
+ const u = Math.max(800 - a, r * 80);
852
+ return Math.max(Math.floor(u / r), 120);
853
853
  };
854
854
  return {
855
855
  sortedColumns: e,
856
856
  getDefaultColumnWidth: o,
857
- getStickyOffset: (s, l, c = !1) => {
858
- const i = e.value;
859
- let a = 0;
857
+ getStickyOffset: (s, l, a = !1) => {
858
+ const r = e.value;
859
+ let i = 0;
860
860
  if (s === "left") {
861
- c && (a += 50);
862
- for (let d = 0; d < l; d++) {
863
- const u = i[d];
864
- u.pinnedLeft && (a += u.width || u.minWidth || o());
861
+ a && (i += 50);
862
+ for (let u = 0; u < l; u++) {
863
+ const c = r[u];
864
+ c.pinnedLeft && (i += c.width || c.minWidth || o());
865
865
  }
866
866
  } else
867
- for (let d = i.length - 1; d > l; d--) {
868
- const u = i[d];
869
- u.pinnedRight && (a += u.width || u.minWidth || o());
867
+ for (let u = r.length - 1; u > l; u--) {
868
+ const c = r[u];
869
+ c.pinnedRight && (i += c.width || c.minWidth || o());
870
870
  }
871
- return a;
871
+ return i;
872
872
  }
873
873
  };
874
874
  }
875
- function wo(t) {
875
+ function bo(t) {
876
876
  const e = () => {
877
877
  const l = {};
878
878
  return t.maxHeight && (l.maxHeight = `${t.maxHeight}px`), l;
879
- }, o = (l, c, i, a) => {
880
- const d = {};
879
+ }, o = (l, a, r, i) => {
880
+ const u = {};
881
881
  if (l.width)
882
- d.width = `${l.width}px`, d.minWidth = `${l.width}px`, d.maxWidth = `${l.width}px`;
882
+ u.width = `${l.width}px`, u.minWidth = `${l.width}px`, u.maxWidth = `${l.width}px`;
883
883
  else if (l.minWidth)
884
- d.minWidth = `${l.minWidth}px`, d.width = `${l.minWidth}px`, d.maxWidth = "none";
884
+ u.minWidth = `${l.minWidth}px`, u.width = `${l.minWidth}px`, u.maxWidth = "none";
885
885
  else {
886
- const u = a();
887
- d.width = `${u}px`, d.minWidth = "80px", d.maxWidth = "none";
886
+ const c = i();
887
+ u.width = `${c}px`, u.minWidth = "80px", u.maxWidth = "none";
888
888
  }
889
- return l.pinnedLeft ? (d.position = "sticky", d.left = `${i("left", c, t.selectable)}px`, d.zIndex = "10") : l.pinnedRight && (d.position = "sticky", d.right = `${i("right", c, !1)}px`, d.zIndex = "10"), d;
889
+ return l.pinnedLeft ? (u.position = "sticky", u.left = `${r("left", a, t.selectable)}px`, u.zIndex = "10") : l.pinnedRight && (u.position = "sticky", u.right = `${r("right", a, !1)}px`, u.zIndex = "10"), u;
890
890
  };
891
891
  return {
892
892
  getTableWrapperStyle: e,
893
893
  getColumnStyle: o,
894
- getHeaderStyle: (l, c, i, a) => {
895
- const d = o(l, c, i, a);
896
- return t.maxHeight && (d.position = "sticky", d.top = "0", l.pinnedLeft || l.pinnedRight ? d.zIndex = "12" : d.zIndex = "11"), d;
894
+ getHeaderStyle: (l, a, r, i) => {
895
+ const u = o(l, a, r, i);
896
+ return t.maxHeight && (u.position = "sticky", u.top = "0", l.pinnedLeft || l.pinnedRight ? u.zIndex = "12" : u.zIndex = "11"), u;
897
897
  },
898
- getFooterStyle: (l, c, i, a) => {
899
- const d = o(l, c, i, a);
900
- return t.maxHeight && (d.position = "sticky", d.bottom = "0", l.pinnedLeft || l.pinnedRight ? d.zIndex = "12" : d.zIndex = "11"), d;
898
+ getFooterStyle: (l, a, r, i) => {
899
+ const u = o(l, a, r, i);
900
+ return t.maxHeight && (u.position = "sticky", u.bottom = "0", l.pinnedLeft || l.pinnedRight ? u.zIndex = "12" : u.zIndex = "11"), u;
901
901
  }
902
902
  };
903
903
  }
904
- function ko() {
905
- const t = A({
904
+ function yo() {
905
+ const t = O({
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, c) => {
911
+ onMouseDown: (n, s, l, a) => {
912
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 i = (d) => {
914
- const { resizingCol: u, startX: y, startWidth: M } = t.value;
915
- if (!u) return;
916
- document.querySelectorAll(`[data-resizer="${u.prop}"]`).forEach((G) => {
917
- G.classList.add("vt-table__resizer--active");
913
+ const r = (u) => {
914
+ const { resizingCol: c, startX: y, startWidth: L } = t.value;
915
+ if (!c) return;
916
+ document.querySelectorAll(`[data-resizer="${c.prop}"]`).forEach((j) => {
917
+ j.classList.add("vt-table__resizer--active");
918
918
  });
919
- const q = d.clientX - y, F = u.minWidth || 50, X = u.maxWidth || 1e3, ee = Math.max(Math.min(M + q, X), F);
920
- u.width = ee;
921
- }, a = () => {
922
- const { resizingCol: d } = t.value;
923
- document.removeEventListener("mousemove", i), document.removeEventListener("mouseup", a), document.body.style.cursor = "", document.body.style.userSelect = "", document.body.classList.remove("vt-table-resizing"), d && (document.querySelectorAll(`[data-resizer="${d.prop}"]`).forEach((u) => {
924
- u.classList.remove("vt-table__resizer--active");
925
- }), c && d.width && c(d.width)), t.value.resizingCol = null;
919
+ const q = u.clientX - y, F = c.minWidth || 50, J = c.maxWidth || 1e3, ee = Math.max(Math.min(L + q, J), F);
920
+ c.width = ee;
921
+ }, i = () => {
922
+ const { resizingCol: u } = 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"), u && (document.querySelectorAll(`[data-resizer="${u.prop}"]`).forEach((c) => {
924
+ c.classList.remove("vt-table__resizer--active");
925
+ }), a && u.width && a(u.width)), t.value.resizingCol = null;
926
926
  };
927
- document.addEventListener("mousemove", i), document.addEventListener("mouseup", a), document.body.style.cursor = e, document.body.style.userSelect = "none", document.body.classList.add("vt-table-resizing");
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");
928
928
  },
929
929
  resizeState: t
930
930
  };
931
931
  }
932
- function bo(t, e, o, n) {
933
- var J;
934
- const s = t.selectionKey || "id", l = A([]), c = A(null), i = A(!1);
935
- (J = t.defaultSelection) != null && J.length && (l.value = [...t.defaultSelection]);
936
- const a = (C) => C[s], d = (C) => i.value ? !0 : l.value.some((j) => a(j) === a(C)), u = x(() => e.value.filter((C) => d(C)).length), y = x(() => e.value.length > 0 && u.value === e.value.length), M = x(() => {
937
- if (i.value) return !1;
938
- const C = u.value;
932
+ function xo(t, e, o, n) {
933
+ var U;
934
+ const s = t.selectionKey || "id", l = O([]), a = O(null), r = O(!1);
935
+ (U = t.defaultSelection) != null && U.length && (l.value = [...t.defaultSelection]);
936
+ const i = (C) => C[s], u = (C) => r.value ? !0 : l.value.some((w) => i(w) === i(C)), c = M(() => e.value.filter((C) => u(C)).length), y = M(() => e.value.length > 0 && c.value === e.value.length), L = M(() => {
937
+ if (r.value) return !1;
938
+ const C = c.value;
939
939
  return C > 0 && C < e.value.length;
940
- }), q = x(() => i.value ? !0 : y.value && !M.value), F = x(() => i.value), X = (C, j) => {
941
- const $ = a(C), K = l.value.some((f) => a(f) === a(C)), r = j !== void 0 ? j : !K;
942
- if (i.value && !r) {
943
- i.value = !1, n != null && n.value && (l.value = n.value.filter((f) => a(f) !== $)), E(C, !1);
940
+ }), q = M(() => r.value ? !0 : y.value && !L.value), F = M(() => r.value), J = (C, w) => {
941
+ const S = i(C), G = l.value.some((f) => i(f) === i(C)), d = w !== void 0 ? w : !G;
942
+ if (r.value && !d) {
943
+ r.value = !1, n != null && n.value && (l.value = n.value.filter((f) => i(f) !== S)), H(C, !1);
944
944
  return;
945
945
  }
946
- i.value && r || (r && !K ? l.value.push(C) : !r && K && (l.value = l.value.filter((f) => a(f) !== $)), t.selectOnClickRow && j === void 0 && O(r ? C : null), E(C, r));
946
+ r.value && d || (d && !G ? l.value.push(C) : !d && G && (l.value = l.value.filter((f) => i(f) !== S)), t.selectOnClickRow && w === void 0 && X(d ? C : null), H(C, d));
947
947
  }, ee = () => {
948
- switch (G()) {
948
+ switch (j()) {
949
949
  case "none":
950
950
  case "partial":
951
- V();
951
+ $();
952
952
  break;
953
953
  case "allVisible":
954
- W();
954
+ E();
955
955
  break;
956
956
  case "absoluteAll":
957
- L();
957
+ R();
958
958
  break;
959
959
  }
960
- }, G = () => i.value ? "absoluteAll" : y.value ? "allVisible" : u.value > 0 ? "partial" : "none", V = () => {
961
- const C = [], j = new Set(l.value.map(($) => a($)));
962
- l.value.forEach(($) => {
963
- C.push($);
964
- }), e.value.forEach(($) => {
965
- j.has(a($)) || C.push($);
966
- }), l.value = C, i.value = !1, E();
967
- }, W = () => {
968
- i.value = !0, n != null && n.value ? l.value = [...n.value] : l.value = [...e.value], E(void 0, void 0, !0);
969
- }, L = () => {
970
- l.value = [], i.value = !1, c.value = null, E();
971
- }, O = (C) => {
972
- const j = c.value;
973
- c.value = C, o("current-change", {
974
- currentRow: c.value,
975
- oldCurrentRow: j
960
+ }, j = () => r.value ? "absoluteAll" : y.value ? "allVisible" : c.value > 0 ? "partial" : "none", $ = () => {
961
+ const C = [], w = new Set(l.value.map((S) => i(S)));
962
+ l.value.forEach((S) => {
963
+ C.push(S);
964
+ }), e.value.forEach((S) => {
965
+ w.has(i(S)) || C.push(S);
966
+ }), l.value = C, r.value = !1, H();
967
+ }, E = () => {
968
+ r.value = !0, n != null && n.value ? l.value = [...n.value] : l.value = [...e.value], H(void 0, void 0, !0);
969
+ }, R = () => {
970
+ l.value = [], r.value = !1, a.value = null, H();
971
+ }, X = (C) => {
972
+ const w = a.value;
973
+ a.value = C, o("current-change", {
974
+ currentRow: a.value,
975
+ oldCurrentRow: w
976
976
  });
977
- }, b = () => [...l.value], T = (C) => {
978
- l.value = [...C], i.value = !1, E();
979
- }, E = (C, j, $ = !1) => {
980
- const K = {
977
+ }, x = () => [...l.value], z = (C) => {
978
+ l.value = [...C], r.value = !1, H();
979
+ }, H = (C, w, S = !1) => {
980
+ const G = {
981
981
  selection: [...l.value],
982
982
  row: C,
983
- selected: j,
984
- isAllSelected: $ || i.value
983
+ selected: w,
984
+ isAllSelected: S || r.value
985
985
  };
986
- o("selection-change", K);
986
+ o("selection-change", G);
987
987
  };
988
988
  return me(
989
989
  () => t.defaultSelection,
@@ -992,22 +992,22 @@ function bo(t, e, o, n) {
992
992
  }
993
993
  ), {
994
994
  selectedRows: l,
995
- currentRow: c,
996
- isRowSelected: d,
995
+ currentRow: a,
996
+ isRowSelected: u,
997
997
  isAllSelected: q,
998
- isIndeterminate: M,
998
+ isIndeterminate: L,
999
999
  isDoubleCheck: F,
1000
- isFullSelection: i,
1001
- toggleRowSelection: X,
1000
+ isFullSelection: r,
1001
+ toggleRowSelection: J,
1002
1002
  toggleAllSelection: ee,
1003
- clearSelection: L,
1004
- setCurrentRow: O,
1005
- getSelectionRows: b,
1006
- setSelectionRows: T,
1007
- selectAbsolutelyAll: W
1003
+ clearSelection: R,
1004
+ setCurrentRow: X,
1005
+ getSelectionRows: x,
1006
+ setSelectionRows: z,
1007
+ selectAbsolutelyAll: E
1008
1008
  };
1009
1009
  }
1010
- function yo(t, e) {
1010
+ function Mo(t, e) {
1011
1011
  if (!t)
1012
1012
  return String(e.value ?? "");
1013
1013
  try {
@@ -1017,78 +1017,78 @@ function yo(t, e) {
1017
1017
  return console.error("Error rendering table slot:", o), String(e.value ?? "");
1018
1018
  }
1019
1019
  }
1020
- const xo = (t, e, o = "asc") => {
1020
+ const Lo = (t, e, o = "asc") => {
1021
1021
  if (t == null && e == null) return 0;
1022
1022
  if (t == null) return o === "asc" ? 1 : -1;
1023
1023
  if (e == null) return o === "asc" ? -1 : 1;
1024
1024
  if (t === e) return 0;
1025
1025
  let n = 0;
1026
1026
  const s = Number(t), l = Number(e);
1027
- return !isNaN(s) && !isNaN(l) ? n = s - l : Ee(t) && Ee(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, {
1027
+ return !isNaN(s) && !isNaN(l) ? n = s - l : 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
- }, Ee = (t) => t instanceof Date ? !isNaN(t.getTime()) : typeof t == "string" && /\d{4}-\d{2}-\d{2}|\//.test(t) ? !isNaN(new Date(t).getTime()) : !1, Mo = (t, e, o) => {
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, $o = (t, e, o) => {
1032
1032
  t.sortable && o({
1033
1033
  prop: t.prop,
1034
1034
  direction: e
1035
1035
  });
1036
- }, ze = (t, e) => {
1036
+ }, De = (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
- }, Lo = (t, e, o) => {
1042
+ }, So = (t, e, o) => {
1043
1043
  if (!e) return [...t];
1044
1044
  const n = o.find((l) => l.prop === e.prop);
1045
1045
  if (!(n != null && n.sortable)) return [...t];
1046
- const s = n.sortMethod || xo;
1047
- return [...t].sort((l, c) => {
1048
- const i = l[n.prop], a = c[n.prop];
1049
- return s(i, a, e.direction);
1046
+ const s = n.sortMethod || Lo;
1047
+ return [...t].sort((l, a) => {
1048
+ const r = l[n.prop], i = a[n.prop];
1049
+ return s(r, i, e.direction);
1050
1050
  });
1051
1051
  };
1052
- class $o {
1052
+ class Io {
1053
1053
  constructor() {
1054
1054
  this.modalStack = [], this.baseZIndex = 1e3;
1055
1055
  }
1056
1056
  open(e = {}) {
1057
1057
  const o = `modal-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, n = document.createElement("div");
1058
1058
  n.setAttribute("data-vt-modal", o), document.body.appendChild(n);
1059
- const s = A(!0), l = this.baseZIndex + this.modalStack.length * 10, c = dt({
1059
+ const s = O(!0), l = this.baseZIndex + this.modalStack.length * 10, a = pt({
1060
1060
  setup() {
1061
- const a = () => {
1061
+ const i = () => {
1062
1062
  s.value = !1, setTimeout(() => {
1063
1063
  ie.closeById(o);
1064
1064
  }, 100);
1065
1065
  };
1066
- return () => be(
1067
- Ue,
1066
+ return () => ye(
1067
+ Xe,
1068
1068
  {
1069
1069
  modelValue: s.value,
1070
- "onUpdate:modelValue": a,
1070
+ "onUpdate:modelValue": i,
1071
1071
  title: e.title,
1072
1072
  size: e.size || "medium",
1073
1073
  showCloseButton: e.showCloseButton !== !1,
1074
1074
  closeOnBackdropClick: e.closeOnBackdropClick !== !1,
1075
- onClose: a,
1075
+ onClose: i,
1076
1076
  zIndex: l
1077
1077
  },
1078
1078
  {
1079
- default: () => e.component ? be(e.component, e.props || {}) : e.content ? be("div", { innerHTML: e.content }) : null
1079
+ default: () => e.component ? ye(e.component, e.props || {}) : e.content ? ye("div", { innerHTML: e.content }) : null
1080
1080
  }
1081
1081
  );
1082
1082
  }
1083
1083
  });
1084
- c.mount(n);
1085
- const i = {
1084
+ a.mount(n);
1085
+ const r = {
1086
1086
  id: o,
1087
- app: c,
1087
+ app: a,
1088
1088
  container: n,
1089
1089
  isOpen: s
1090
1090
  };
1091
- return this.modalStack.push(i), o;
1091
+ return this.modalStack.push(r), o;
1092
1092
  }
1093
1093
  close() {
1094
1094
  if (this.modalStack.length > 0) {
@@ -1118,7 +1118,7 @@ class $o {
1118
1118
  recalculateZIndices() {
1119
1119
  }
1120
1120
  }
1121
- const ie = new $o(), So = {
1121
+ const ie = new Io(), Vo = {
1122
1122
  install(t) {
1123
1123
  t.config.globalProperties.$modal = ie, t.config.globalProperties.$modalStack = {
1124
1124
  closeAll: () => ie.closeAll(),
@@ -1126,16 +1126,16 @@ const ie = new $o(), So = {
1126
1126
  closeById: (e) => ie.closeById(e)
1127
1127
  };
1128
1128
  }
1129
- }, Io = { class: "vt-columns-selector-body" }, Vo = { class: "vt-columns-selector" }, Bo = { class: "vt-columns-selector__panel" }, Ro = ["draggable", "onDragstart", "onDragover", "onDrop"], To = {
1129
+ }, Bo = { class: "vt-columns-selector-body" }, Ro = { class: "vt-columns-selector" }, To = { class: "vt-columns-selector__panel" }, Eo = ["draggable", "onDragstart", "onDragover", "onDrop"], zo = {
1130
1130
  key: 0,
1131
1131
  class: "vt-columns-selector__panel-item-pinned"
1132
- }, Eo = { class: "vt-columns-selector__available" }, zo = ["onClick"], Ho = {
1132
+ }, Ho = { class: "vt-columns-selector__available" }, Wo = ["onClick"], Do = {
1133
1133
  key: 0,
1134
1134
  class: "vt-columns-selector__group-columns"
1135
- }, Wo = {
1135
+ }, Po = {
1136
1136
  key: 0,
1137
1137
  class: "vt-columns-selector__pinned-note"
1138
- }, Do = { class: "vt-modal__content-button" }, Po = /* @__PURE__ */ le({
1138
+ }, Ao = { class: "vt-modal__content-button" }, Oo = /* @__PURE__ */ se({
1139
1139
  __name: "VTableColumnSelector",
1140
1140
  props: {
1141
1141
  columns: {},
@@ -1143,151 +1143,151 @@ const ie = new $o(), So = {
1143
1143
  },
1144
1144
  emits: ["update-columns"],
1145
1145
  setup(t, { emit: e }) {
1146
- const o = t, n = e, s = A([]), l = A(/* @__PURE__ */ new Set()), c = A(-1), i = A(-1), a = A("before"), d = x(() => {
1147
- const r = {};
1146
+ const o = t, n = e, s = O([]), l = O(/* @__PURE__ */ new Set()), a = O(-1), r = O(-1), i = O("before"), u = M(() => {
1147
+ const d = {};
1148
1148
  return o.columnsSelector.forEach((f) => {
1149
1149
  if (f.name === "removed")
1150
1150
  return;
1151
- const g = f.columns.map((S) => S.prop), k = s.value.filter((S) => g.includes(S.prop));
1152
- k.length === 0 ? r[f.name] = { checked: !1, indeterminate: !1 } : k.length === f.columns.length ? r[f.name] = { checked: !0, indeterminate: !1 } : r[f.name] = { checked: !1, indeterminate: !0 };
1153
- }), r;
1154
- }), u = x(() => o.columnsSelector.filter((r) => r.name !== "removed")), y = (r) => r.pinnedLeft || r.pinnedRight, M = (r) => !y(r), q = () => {
1155
- const r = s.value;
1151
+ const g = f.columns.map((V) => V.prop), b = s.value.filter((V) => g.includes(V.prop));
1152
+ b.length === 0 ? d[f.name] = { checked: !1, indeterminate: !1 } : b.length === f.columns.length ? d[f.name] = { checked: !0, indeterminate: !1 } : d[f.name] = { checked: !1, indeterminate: !0 };
1153
+ }), d;
1154
+ }), c = M(() => o.columnsSelector.filter((d) => d.name !== "removed")), y = (d) => d.pinnedLeft || d.pinnedRight, L = (d) => !y(d), q = () => {
1155
+ const d = s.value;
1156
1156
  let f = -1;
1157
- for (let k = 0; k < r.length; k++)
1158
- r[k].pinnedLeft && (f = k);
1159
- let g = r.length;
1160
- for (let k = 0; k < r.length; k++)
1161
- if (r[k].pinnedRight) {
1162
- g = k;
1157
+ for (let b = 0; b < d.length; b++)
1158
+ d[b].pinnedLeft && (f = b);
1159
+ let g = d.length;
1160
+ for (let b = 0; b < d.length; b++)
1161
+ if (d[b].pinnedRight) {
1162
+ g = b;
1163
1163
  break;
1164
1164
  }
1165
1165
  return {
1166
1166
  minIndex: f + 1,
1167
1167
  maxIndex: g - 1
1168
1168
  };
1169
- }, F = (r) => {
1169
+ }, F = (d) => {
1170
1170
  const f = q();
1171
- return !(r < f.minIndex || r > f.maxIndex + 1);
1172
- }, X = (r, f) => {
1171
+ return !(d < f.minIndex || d > f.maxIndex + 1);
1172
+ }, J = (d, f) => {
1173
1173
  const g = s.value[f];
1174
- if (!M(g)) {
1175
- r.preventDefault();
1174
+ if (!L(g)) {
1175
+ d.preventDefault();
1176
1176
  return;
1177
1177
  }
1178
- c.value = f, r.dataTransfer && (r.dataTransfer.effectAllowed = "move", r.dataTransfer.setData("text/plain", g.prop)), document.body.style.cursor = "grabbing";
1179
- }, ee = (r, f) => {
1180
- if (c.value === -1) return;
1181
- r.preventDefault();
1182
- const g = r.currentTarget.getBoundingClientRect(), k = r.clientY, S = g.top + g.height / 2;
1178
+ a.value = f, d.dataTransfer && (d.dataTransfer.effectAllowed = "move", d.dataTransfer.setData("text/plain", g.prop)), document.body.style.cursor = "grabbing";
1179
+ }, ee = (d, f) => {
1180
+ if (a.value === -1) return;
1181
+ d.preventDefault();
1182
+ const g = d.currentTarget.getBoundingClientRect(), b = d.clientY, V = g.top + g.height / 2;
1183
1183
  let B = f, Q = "before";
1184
- k < S ? (B = f, Q = "before") : (B = f + 1, Q = "after"), c.value < B && B--, F(B) ? (i.value = f, a.value = Q, r.dataTransfer.dropEffect = "move") : (i.value = -1, r.dataTransfer.dropEffect = "none");
1185
- }, G = () => {
1184
+ b < V ? (B = f, Q = "before") : (B = f + 1, Q = "after"), a.value < B && B--, F(B) ? (r.value = f, i.value = Q, d.dataTransfer.dropEffect = "move") : (r.value = -1, d.dataTransfer.dropEffect = "none");
1185
+ }, j = () => {
1186
1186
  setTimeout(() => {
1187
- c.value === -1 && (i.value = -1);
1187
+ a.value === -1 && (r.value = -1);
1188
1188
  }, 50);
1189
- }, V = (r, f) => {
1190
- if (r.preventDefault(), c.value === -1 || i.value === -1) {
1191
- L();
1189
+ }, $ = (d, f) => {
1190
+ if (d.preventDefault(), a.value === -1 || r.value === -1) {
1191
+ R();
1192
1192
  return;
1193
1193
  }
1194
- const g = r.currentTarget.getBoundingClientRect(), k = r.clientY, S = g.top + g.height / 2;
1194
+ const g = d.currentTarget.getBoundingClientRect(), b = d.clientY, V = g.top + g.height / 2;
1195
1195
  let B = f;
1196
- if (k >= S && (B = f + 1), c.value < B && B--, !F(B) || B === c.value) {
1197
- L();
1196
+ if (b >= V && (B = f + 1), a.value < B && B--, !F(B) || B === a.value) {
1197
+ R();
1198
1198
  return;
1199
1199
  }
1200
- const Q = [...s.value], [Ce] = Q.splice(c.value, 1);
1201
- Q.splice(B, 0, Ce), s.value = Q, L();
1202
- }, W = () => {
1203
- L();
1204
- }, L = () => {
1205
- c.value = -1, i.value = -1, a.value = "before", document.body.style.cursor = "";
1206
- }, O = (r) => {
1200
+ const Q = [...s.value], [we] = Q.splice(a.value, 1);
1201
+ Q.splice(B, 0, we), s.value = Q, R();
1202
+ }, E = () => {
1203
+ R();
1204
+ }, R = () => {
1205
+ a.value = -1, r.value = -1, i.value = "before", document.body.style.cursor = "";
1206
+ }, X = (d) => {
1207
1207
  const f = ["vt-columns-selector__panel-item"];
1208
- return c.value === r && f.push("vt-columns-selector__panel-item--dragging"), i.value === r && a.value === "before" && f.push("vt-columns-selector__panel-item--drop-before"), i.value === r && a.value === "after" && f.push("vt-columns-selector__panel-item--drop-after"), f;
1209
- }, b = () => {
1210
- s.value = [...o.columns.map((r) => ({ ...r }))], o.columnsSelector.forEach((r) => {
1211
- r.name !== "removed" && l.value.add(r.name);
1208
+ return a.value === d && f.push("vt-columns-selector__panel-item--dragging"), r.value === d && i.value === "before" && f.push("vt-columns-selector__panel-item--drop-before"), r.value === d && i.value === "after" && f.push("vt-columns-selector__panel-item--drop-after"), f;
1209
+ }, x = () => {
1210
+ s.value = [...o.columns.map((d) => ({ ...d }))], o.columnsSelector.forEach((d) => {
1211
+ d.name !== "removed" && l.value.add(d.name);
1212
1212
  });
1213
- }, T = (r, f) => {
1213
+ }, z = (d, f) => {
1214
1214
  if (f)
1215
- s.value.some((g) => g.prop === r.prop) || s.value.push({ ...r });
1215
+ s.value.some((g) => g.prop === d.prop) || s.value.push({ ...d });
1216
1216
  else {
1217
- if (y(r))
1217
+ if (y(d))
1218
1218
  return;
1219
- s.value = s.value.filter((g) => g.prop !== r.prop);
1219
+ s.value = s.value.filter((g) => g.prop !== d.prop);
1220
1220
  }
1221
- }, E = (r, f) => {
1221
+ }, H = (d, f) => {
1222
1222
  if (f)
1223
- r.columns.forEach((g) => {
1224
- s.value.some((k) => k.prop === g.prop) || s.value.push({ ...g });
1223
+ d.columns.forEach((g) => {
1224
+ s.value.some((b) => b.prop === g.prop) || s.value.push({ ...g });
1225
1225
  });
1226
1226
  else {
1227
1227
  const g = [];
1228
- r.columns.forEach((k) => {
1229
- const S = s.value.find((B) => B.prop === k.prop);
1230
- S && !y(S) && g.push(S);
1228
+ d.columns.forEach((b) => {
1229
+ const V = s.value.find((B) => B.prop === b.prop);
1230
+ V && !y(V) && g.push(V);
1231
1231
  }), s.value = s.value.filter(
1232
- (k) => !g.some((S) => S.prop === k.prop)
1232
+ (b) => !g.some((V) => V.prop === b.prop)
1233
1233
  );
1234
1234
  }
1235
- }, J = (r) => s.value.some((f) => f.prop === r.prop), C = (r) => {
1236
- const f = s.value.find((g) => g.prop === r.prop);
1235
+ }, U = (d) => s.value.some((f) => f.prop === d.prop), C = (d) => {
1236
+ const f = s.value.find((g) => g.prop === d.prop);
1237
1237
  return !f || !y(f);
1238
- }, j = (r) => {
1239
- l.value.has(r) ? l.value.delete(r) : l.value.add(r);
1240
- }, $ = () => {
1238
+ }, w = (d) => {
1239
+ l.value.has(d) ? l.value.delete(d) : l.value.add(d);
1240
+ }, S = () => {
1241
1241
  n("update-columns", [...s.value]), ie.close();
1242
- }, K = () => {
1242
+ }, G = () => {
1243
1243
  ie.close();
1244
1244
  };
1245
1245
  return ve(() => {
1246
- b();
1247
- }), (r, f) => (p(), v("div", Io, [
1248
- h("div", Vo, [
1249
- h("div", Bo, [
1250
- (p(!0), v(ne, null, oe(s.value, (g, k) => (p(), v("div", {
1246
+ x();
1247
+ }), (d, f) => (p(), m("div", Bo, [
1248
+ h("div", Ro, [
1249
+ h("div", To, [
1250
+ (p(!0), m(oe, null, le(s.value, (g, b) => (p(), m("div", {
1251
1251
  key: g.prop,
1252
- class: z(O(k)),
1253
- draggable: M(g),
1254
- onDragstart: (S) => X(S, k),
1255
- onDragover: (S) => ee(S, k),
1256
- onDragleave: G,
1257
- onDrop: (S) => V(S, k),
1258
- onDragend: W
1252
+ class: W(X(b)),
1253
+ draggable: L(g),
1254
+ onDragstart: (V) => J(V, b),
1255
+ onDragover: (V) => ee(V, b),
1256
+ onDragleave: j,
1257
+ onDrop: (V) => $(V, b),
1258
+ onDragend: E
1259
1259
  }, [
1260
1260
  Z(Y, {
1261
- name: M(g) ? "columnsMove" : "freeze",
1262
- class: z(["vt-columns-selector__panel-item-icon", { "vt-columns-selector__panel-item-icon--draggable": M(g) }])
1261
+ name: L(g) ? "columnsMove" : "freeze",
1262
+ class: W(["vt-columns-selector__panel-item-icon", { "vt-columns-selector__panel-item-icon--draggable": L(g) }])
1263
1263
  }, null, 8, ["name", "class"]),
1264
1264
  Z(ue, {
1265
1265
  label: g.label,
1266
1266
  checked: !0,
1267
1267
  disabled: y(g),
1268
- onChange: (S) => T(g, S),
1268
+ onChange: (V) => z(g, V),
1269
1269
  onClick: f[0] || (f[0] = he(() => {
1270
1270
  }, ["stop"]))
1271
1271
  }, null, 8, ["label", "disabled", "onChange"]),
1272
- y(g) ? (p(), v("span", To, "pinned")) : D("", !0)
1273
- ], 42, Ro))), 128))
1272
+ y(g) ? (p(), m("span", zo, "pinned")) : P("", !0)
1273
+ ], 42, Eo))), 128))
1274
1274
  ]),
1275
- h("div", Eo, [
1276
- (p(!0), v(ne, null, oe(u.value, (g) => {
1277
- var k, S;
1278
- return p(), v("div", {
1275
+ h("div", Ho, [
1276
+ (p(!0), m(oe, null, le(c.value, (g) => {
1277
+ var b, V;
1278
+ return p(), m("div", {
1279
1279
  key: g.name,
1280
1280
  class: "vt-columns-selector__group"
1281
1281
  }, [
1282
1282
  h("div", {
1283
1283
  class: "vt-columns-selector__group-header",
1284
- onClick: (B) => j(g.name)
1284
+ onClick: (B) => w(g.name)
1285
1285
  }, [
1286
1286
  Z(ue, {
1287
1287
  label: g.label,
1288
- checked: ((k = d.value[g.name]) == null ? void 0 : k.checked) || !1,
1289
- indeterminate: ((S = d.value[g.name]) == null ? void 0 : S.indeterminate) || !1,
1290
- onChange: (B) => E(g, B),
1288
+ checked: ((b = u.value[g.name]) == null ? void 0 : b.checked) || !1,
1289
+ indeterminate: ((V = u.value[g.name]) == null ? void 0 : V.indeterminate) || !1,
1290
+ onChange: (B) => H(g, B),
1291
1291
  onClick: f[1] || (f[1] = he(() => {
1292
1292
  }, ["stop"]))
1293
1293
  }, null, 8, ["label", "checked", "indeterminate", "onChange"]),
@@ -1295,40 +1295,40 @@ const ie = new $o(), So = {
1295
1295
  key: 0,
1296
1296
  name: g.icon,
1297
1297
  class: "vt-columns-selector__group-icon"
1298
- }, null, 8, ["name"])) : D("", !0)
1299
- ], 8, zo),
1300
- l.value.has(g.name) ? (p(), v("div", Ho, [
1301
- (p(!0), v(ne, null, oe(g.columns, (B) => (p(), v("div", {
1298
+ }, null, 8, ["name"])) : P("", !0)
1299
+ ], 8, Wo),
1300
+ l.value.has(g.name) ? (p(), m("div", Do, [
1301
+ (p(!0), m(oe, null, le(g.columns, (B) => (p(), m("div", {
1302
1302
  key: B.prop,
1303
1303
  class: "vt-columns-selector__group-column"
1304
1304
  }, [
1305
1305
  Z(ue, {
1306
1306
  label: B.label,
1307
- checked: J(B),
1307
+ checked: U(B),
1308
1308
  disabled: !C(B),
1309
- onChange: (Q) => T(B, Q)
1309
+ onChange: (Q) => z(B, Q)
1310
1310
  }, null, 8, ["label", "checked", "disabled", "onChange"]),
1311
- C(B) ? D("", !0) : (p(), v("span", Wo, " (закріплена) "))
1311
+ C(B) ? P("", !0) : (p(), m("span", Po, " (закріплена) "))
1312
1312
  ]))), 128))
1313
- ])) : D("", !0)
1313
+ ])) : P("", !0)
1314
1314
  ]);
1315
1315
  }), 128))
1316
1316
  ])
1317
1317
  ]),
1318
- h("div", Do, [
1319
- Z(ge, { onClick: K }, {
1320
- default: xe(() => f[2] || (f[2] = [
1321
- _e("Скасувати", -1)
1318
+ h("div", Ao, [
1319
+ Z(Ce, { onClick: G }, {
1320
+ default: Me(() => f[2] || (f[2] = [
1321
+ ge("Скасувати", -1)
1322
1322
  ])),
1323
1323
  _: 1,
1324
1324
  __: [2]
1325
1325
  }),
1326
- Z(ge, {
1326
+ Z(Ce, {
1327
1327
  type: "primary",
1328
- onClick: $
1328
+ onClick: S
1329
1329
  }, {
1330
- default: xe(() => f[3] || (f[3] = [
1331
- _e("Зберегти", -1)
1330
+ default: Me(() => f[3] || (f[3] = [
1331
+ ge("Зберегти", -1)
1332
1332
  ])),
1333
1333
  _: 1,
1334
1334
  __: [3]
@@ -1336,7 +1336,7 @@ const ie = new $o(), So = {
1336
1336
  ])
1337
1337
  ]));
1338
1338
  }
1339
- }), Ao = /* @__PURE__ */ le({
1339
+ }), jo = /* @__PURE__ */ se({
1340
1340
  __name: "ColumnActions",
1341
1341
  props: {
1342
1342
  column: {},
@@ -1345,111 +1345,112 @@ const ie = new $o(), So = {
1345
1345
  },
1346
1346
  emits: ["pin", "update-columns"],
1347
1347
  setup(t, { emit: e }) {
1348
- const o = t, n = e, s = A(), l = A(), c = A(), i = A(!1), a = A(!1), d = A([]), u = async () => {
1349
- if (await pt(), !s.value || !l.value) return;
1350
- const b = l.value.getBoundingClientRect(), T = s.value, E = T.offsetWidth, J = b.left + b.width / 2;
1351
- T.style.top = `${b.bottom - 20}px`, T.style.left = `${J - E / 2}px`;
1352
- const C = T.getBoundingClientRect();
1353
- C.right > window.innerWidth && (T.style.left = `${window.innerWidth - E - 8}px`), C.left < 0 && (T.style.left = "8px");
1354
- }, y = (b) => {
1355
- b.stopPropagation(), !a.value && (i.value ? q() : M());
1356
- }, M = () => {
1357
- a.value || (i.value = !0, u(), c.value && (c.value.style.zIndex = "22"));
1348
+ const o = t, n = e, s = O(), l = O(), a = O(), r = O(!1), i = O(!1), u = O([]), c = async () => {
1349
+ if (await ht(), !s.value || !l.value) return;
1350
+ const x = l.value.getBoundingClientRect(), z = s.value, H = z.offsetWidth, U = x.left + x.width / 2;
1351
+ z.style.top = `${x.bottom - 20}px`, z.style.left = `${U - H / 2}px`;
1352
+ const C = z.getBoundingClientRect();
1353
+ C.right > window.innerWidth && (z.style.left = `${window.innerWidth - H - 8}px`), C.left < 0 && (z.style.left = "8px");
1354
+ }, y = (x) => {
1355
+ x.stopPropagation(), !i.value && (r.value ? q() : L());
1356
+ }, L = () => {
1357
+ i.value || (r.value = !0, c(), a.value && (a.value.style.zIndex = "22"));
1358
1358
  }, q = () => {
1359
- a.value = !0, i.value = !1, c.value && c.value.style.removeProperty("z-index"), setTimeout(() => {
1360
- a.value = !1;
1359
+ i.value = !0, r.value = !1, a.value && a.value.style.removeProperty("z-index"), setTimeout(() => {
1360
+ i.value = !1;
1361
1361
  }, 100);
1362
- }, F = (b) => {
1363
- var T, E;
1364
- !((T = l.value) != null && T.contains(b.target)) && !((E = s.value) != null && E.contains(b.target)) && q();
1365
- }, X = () => {
1366
- O() ? (n("pin", o.column, "none"), console.log(`Колонка "${o.column.label}" відкріплена`)) : (n("pin", o.column, "left"), console.log(`Колонка "${o.column.label}" прикріплена зліва`)), q();
1367
- }, ee = (b) => ({
1362
+ }, F = (x) => {
1363
+ var z, H;
1364
+ !((z = l.value) != null && z.contains(x.target)) && !((H = s.value) != null && H.contains(x.target)) && q();
1365
+ }, J = () => {
1366
+ X() ? (n("pin", o.column, "none"), console.log(`Колонка "${o.column.label}" відкріплена`)) : (n("pin", o.column, "left"), console.log(`Колонка "${o.column.label}" прикріплена зліва`)), q();
1367
+ }, ee = (x) => ({
1368
1368
  name: "removed",
1369
1369
  label: "Видалені колонки",
1370
1370
  order: 999,
1371
1371
  // Найвищий порядок, щоб відображались останніми
1372
- columns: b
1373
- }), G = (b) => {
1374
- var j;
1375
- const T = new Set(b.map(($) => $.prop)), E = /* @__PURE__ */ new Set();
1376
- (j = o.columnsSelector) == null || j.forEach(($) => {
1377
- $.columns.forEach((K) => E.add(K.prop));
1378
- }), o.allColumns.forEach(($) => E.add($.prop));
1379
- const J = [];
1380
- E.forEach(($) => {
1381
- var K;
1382
- if (!T.has($)) {
1383
- let r;
1384
- (K = o.columnsSelector) == null || K.forEach((f) => {
1385
- const g = f.columns.find((k) => k.prop === $);
1386
- g && (r = g);
1387
- }), r || (r = o.allColumns.find((f) => f.prop === $)), r && J.push(r);
1372
+ columns: x
1373
+ }), j = (x) => {
1374
+ var w;
1375
+ const z = new Set(x.map((S) => S.prop)), H = /* @__PURE__ */ new Set();
1376
+ (w = o.columnsSelector) == null || w.forEach((S) => {
1377
+ S.columns.forEach((G) => H.add(G.prop));
1378
+ }), o.allColumns.forEach((S) => H.add(S.prop));
1379
+ const U = [];
1380
+ H.forEach((S) => {
1381
+ var G;
1382
+ if (!z.has(S)) {
1383
+ let d;
1384
+ (G = o.columnsSelector) == null || G.forEach((f) => {
1385
+ const g = f.columns.find((b) => b.prop === S);
1386
+ g && (d = g);
1387
+ }), d || (d = o.allColumns.find((f) => f.prop === S)), d && U.push(d);
1388
1388
  }
1389
1389
  });
1390
1390
  const C = [...o.columnsSelector || []];
1391
- J.length > 0 && C.push(ee(J)), d.value = C;
1392
- }, V = () => {
1393
- G(o.allColumns), ie.open({
1394
- component: Po,
1391
+ U.length > 0 && C.push(ee(U)), u.value = C;
1392
+ }, $ = () => {
1393
+ j(o.allColumns), ie.open({
1394
+ component: Oo,
1395
1395
  title: "Управління колонками таблиці",
1396
1396
  props: {
1397
1397
  columns: o.allColumns,
1398
1398
  // Передаємо всі колонки
1399
- columnsSelector: d.value,
1399
+ columnsSelector: u.value,
1400
1400
  // Передаємо оновлені доступні колонки
1401
- "onUpdate-columns": (b) => {
1402
- console.log("ColumnActions отримав оновлені колонки:", b), n("update-columns", b), G(b);
1401
+ "onUpdate-columns": (x) => {
1402
+ console.log("ColumnActions отримав оновлені колонки:", x), n("update-columns", x), j(x);
1403
1403
  }
1404
1404
  },
1405
1405
  size: "large",
1406
1406
  closeOnBackdropClick: !1
1407
1407
  }), q();
1408
- }, W = () => o.column.pinnedLeft, L = () => o.column.pinnedRight, O = () => W() || L();
1408
+ }, E = () => o.column.pinnedLeft, R = () => o.column.pinnedRight, X = () => E() || R();
1409
1409
  return ve(() => {
1410
- document.addEventListener("click", F), l.value && (c.value = l.value.closest("th")), G(o.allColumns);
1411
- }), $e(() => {
1410
+ document.addEventListener("click", F), l.value && (a.value = l.value.closest("th")), j(o.allColumns);
1411
+ }), Se(() => {
1412
1412
  document.removeEventListener("click", F);
1413
- }), (b, T) => (p(), v("div", {
1413
+ }), (x, z) => (p(), m("div", {
1414
1414
  ref_key: "triggerRef",
1415
1415
  ref: l,
1416
1416
  class: "vt-table-header-actions",
1417
1417
  onClick: y
1418
1418
  }, [
1419
1419
  Z(Y, { name: "listBullet" }),
1420
- i.value ? (p(), v("ul", {
1420
+ r.value ? (p(), m("ul", {
1421
1421
  key: 0,
1422
1422
  ref_key: "menuRef",
1423
1423
  ref: s,
1424
- class: z(["dropdown-menu", "vt-table-dropdown", { visible: i.value }])
1424
+ class: W(["dropdown-menu", "vt-table-dropdown", { visible: r.value }])
1425
1425
  }, [
1426
- h("li", { onClick: X }, [
1426
+ h("li", { onClick: J }, [
1427
1427
  Z(Y, {
1428
- name: O() ? "unfreeze" : "freeze"
1428
+ name: X() ? "unfreeze" : "freeze"
1429
1429
  }, null, 8, ["name"]),
1430
- h("span", null, te(O() ? "Розморозити" : "Заморозити"), 1)
1430
+ h("span", null, te(X() ? "Розморозити" : "Заморозити"), 1)
1431
1431
  ]),
1432
- h("li", { onClick: V }, [
1432
+ h("li", { onClick: $ }, [
1433
1433
  Z(Y, { name: "columnInsert" }),
1434
- T[0] || (T[0] = h("span", null, "Колонки", -1))
1434
+ z[0] || (z[0] = h("span", null, "Колонки", -1))
1435
1435
  ])
1436
- ], 2)) : D("", !0)
1436
+ ], 2)) : P("", !0)
1437
1437
  ], 512));
1438
1438
  }
1439
- }), Oo = { class: "vt-table" }, jo = { class: "vt-th__content" }, No = { class: "vt-th__content" }, Fo = { class: "vt-th__label" }, Zo = {
1439
+ }), No = { class: "vt-table" }, Fo = { class: "vt-th__content" }, Zo = { class: "vt-th__content" }, Uo = { class: "vt-th__label" }, Ko = {
1440
1440
  key: 0,
1441
1441
  class: "vt-th__sortable"
1442
- }, Uo = ["data-resizer", "onMousedown"], qo = {
1442
+ }, qo = ["data-resizer", "onMousedown"], Xo = {
1443
1443
  key: 0,
1444
1444
  class: "vt-table__empty-row"
1445
- }, Ko = ["colspan"], Xo = { class: "vt-table__empty-content" }, Go = ["onClick"], Yo = { class: "vt-table__cell-content" }, Jo = { class: "vt-table__cell-content vt-table__cell-content--ellipsis" }, Qo = { key: 1 }, el = ["data-resizer", "onMousedown"], tl = {
1445
+ }, Go = ["colspan"], Yo = { class: "vt-table__empty-content" }, Jo = { class: "vt-table__cell-content" }, Qo = { class: "vt-table__cell-content vt-table__cell-content--ellipsis" }, el = { key: 1 }, tl = ["data-resizer", "onMousedown"], nl = {
1446
1446
  key: 0,
1447
1447
  class: "vt-table__summary"
1448
- }, nl = { class: "vt-table__cell-content vt-table__cell-content--summary" }, ye = 50, ol = /* @__PURE__ */ le({
1448
+ }, ol = { class: "vt-table__cell-content vt-table__cell-content--summary" }, xe = 50, ll = /* @__PURE__ */ se({
1449
1449
  __name: "VTable",
1450
- props: /* @__PURE__ */ Te({
1450
+ props: /* @__PURE__ */ He({
1451
1451
  data: {},
1452
1452
  maxHeight: { default: void 0 },
1453
+ rowKey: { default: void 0 },
1453
1454
  defaultSort: {},
1454
1455
  showSummary: { type: Boolean, default: !1 },
1455
1456
  summaryMethod: {},
@@ -1468,289 +1469,276 @@ const ie = new $o(), So = {
1468
1469
  },
1469
1470
  columnsModifiers: {}
1470
1471
  }),
1471
- 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"]),
1472
+ emits: /* @__PURE__ */ He(["sort-change", "selection-change", "current-change", "row-click", "update:columns", "column-pin", "column-resize", "column-visibility", "column-sort", "columns-change", "infinity-scroll"], ["update:columns"]),
1472
1473
  setup(t, { expose: e, emit: o }) {
1473
- const n = t, s = o, l = ht(t, "columns"), c = A({}), i = A(), a = mt([]), d = A(n.defaultSort || null), u = x(() => l.value !== void 0), y = x(() => n.data && n.data.length > 0), M = A(!1), q = A(0);
1474
+ const n = t, s = o, l = mt(t, "columns"), a = O({}), r = O(), i = vt([]), u = O(n.defaultSort || null), c = M(() => l.value !== void 0), y = M(() => n.data && n.data.length > 0), L = O(!1), q = O(0);
1474
1475
  let F;
1475
- const X = /* @__PURE__ */ new WeakMap();
1476
- let ee = 0;
1477
- const G = (m) => {
1478
- if (X.has(m))
1479
- return X.get(m);
1480
- const _ = `row_${++ee}_${Date.now()}`;
1481
- return X.set(m, _), _;
1482
- }, V = x(() => $.value.map((m) => {
1483
- const _ = G(m);
1484
- return Object.defineProperty(m, "_vueKey", {
1485
- value: _,
1486
- enumerable: !1,
1487
- // Не показуємо в JSON.stringify
1488
- configurable: !0
1489
- });
1490
- })), W = () => {
1491
- u.value && l.value ? a.splice(0, a.length, ...l.value) : n.columns && n.columns.length > 0 && a.splice(0, a.length, ...n.columns);
1476
+ const J = (v, _) => n.rowKey && v[n.rowKey] != null ? `row_${v[n.rowKey]}` : `row_${_}`, ee = () => {
1477
+ c.value && l.value ? i.splice(0, i.length, ...l.value) : n.columns && n.columns.length > 0 && i.splice(0, i.length, ...n.columns);
1492
1478
  };
1493
1479
  me(
1494
1480
  () => l.value,
1495
- (m) => {
1496
- m && u.value && a.splice(0, a.length, ...m);
1481
+ (v) => {
1482
+ v && c.value && i.splice(0, i.length, ...v);
1497
1483
  },
1498
1484
  { deep: !0 }
1499
1485
  ), me(
1500
1486
  () => n.columns,
1501
- (m) => {
1502
- m && !u.value && a.splice(0, a.length, ...m);
1487
+ (v) => {
1488
+ v && !c.value && i.splice(0, i.length, ...v);
1503
1489
  },
1504
1490
  { deep: !0 }
1505
- ), vt("vt-table-columns", a);
1506
- const { sortedColumns: L, getDefaultColumnWidth: O, getStickyOffset: b } = Co(a), { getTableWrapperStyle: T, getColumnStyle: E, getHeaderStyle: J, getFooterStyle: C } = wo(n), { onMouseDown: j } = ko(), $ = x(() => Lo(n.data, d.value, a)), K = x(() => n.allData || n.data), r = n.selectable ? bo(n, $, s, K) : null, f = () => ({
1507
- width: `${ye}px`,
1508
- minWidth: `${ye}px`,
1509
- maxWidth: `${ye}px`,
1491
+ ), ft("vt-table-columns", i);
1492
+ const { sortedColumns: j, getDefaultColumnWidth: $, getStickyOffset: E } = ko(i), { getTableWrapperStyle: R, getColumnStyle: X, getHeaderStyle: x, getFooterStyle: z } = bo(n), { onMouseDown: H } = yo(), U = M(() => So(n.data, u.value, i)), C = M(() => n.allData || n.data), w = n.selectable ? xo(n, U, s, C) : null, S = () => ({
1493
+ width: `${xe}px`,
1494
+ minWidth: `${xe}px`,
1495
+ maxWidth: `${xe}px`,
1510
1496
  left: "0px",
1511
1497
  position: "sticky",
1512
1498
  zIndex: 10
1513
- }), g = () => {
1514
- const m = f();
1499
+ }), G = () => {
1500
+ const v = S();
1515
1501
  return n.maxHeight ? {
1516
- ...m,
1502
+ ...v,
1517
1503
  top: "0px",
1518
1504
  zIndex: 11
1519
1505
  // Вищий z-index для header
1520
- } : m;
1521
- }, k = () => {
1522
- const m = f();
1506
+ } : v;
1507
+ }, d = () => {
1508
+ const v = S();
1523
1509
  return n.maxHeight ? {
1524
- ...m,
1510
+ ...v,
1525
1511
  bottom: "0px",
1526
1512
  zIndex: 11
1527
1513
  // Вищий z-index для footer
1528
- } : m;
1529
- }, S = () => {
1530
- if (!i.value || M.value) return;
1531
- const m = i.value, _ = m.scrollTop, I = m.scrollHeight, R = m.clientHeight, P = 30;
1514
+ } : v;
1515
+ }, f = () => {
1516
+ if (!r.value || L.value) return;
1517
+ const v = r.value, _ = v.scrollTop, I = v.scrollHeight, T = v.clientHeight, A = 30;
1532
1518
  F && clearTimeout(F), F = setTimeout(() => {
1533
- const fe = _ - q.value > 1, w = I - _ - R <= P, ce = I - _ - R <= 5;
1534
- q.value = _, fe && (w || ce) && (M.value = !0, s("infinity-scroll"), setTimeout(() => {
1535
- M.value = !1;
1519
+ const fe = _ - q.value > 1, k = I - _ - T <= A, ne = I - _ - T <= 5;
1520
+ q.value = _, fe && (k || ne) && (L.value = !0, s("infinity-scroll"), setTimeout(() => {
1521
+ L.value = !1;
1536
1522
  }, 1e3));
1537
1523
  }, 50);
1538
- }, B = () => {
1539
- M.value = !1;
1524
+ }, g = () => {
1525
+ L.value = !1;
1540
1526
  };
1541
1527
  ve(() => {
1542
- i.value && i.value.addEventListener("scroll", S);
1543
- }), $e(() => {
1544
- F && clearTimeout(F), i.value && i.value.removeEventListener("scroll", S);
1528
+ r.value && r.value.addEventListener("scroll", f);
1529
+ }), Se(() => {
1530
+ F && clearTimeout(F), r.value && r.value.removeEventListener("scroll", f);
1545
1531
  });
1546
- const Q = (m, _) => {
1547
- Mo(m, _, (I) => {
1548
- var R, P;
1549
- ((R = d.value) == null ? void 0 : R.prop) === m.prop && d.value.direction === _ ? d.value = null : d.value = I, s("sort-change", {
1550
- column: m,
1551
- direction: ((P = d.value) == null ? void 0 : P.direction) || null,
1552
- prop: m.prop,
1553
- sortedData: $.value
1532
+ const b = (v, _) => {
1533
+ $o(v, _, (I) => {
1534
+ var T, A;
1535
+ ((T = u.value) == null ? void 0 : T.prop) === v.prop && u.value.direction === _ ? u.value = null : u.value = I, s("sort-change", {
1536
+ column: v,
1537
+ direction: ((A = u.value) == null ? void 0 : A.direction) || null,
1538
+ prop: v.prop,
1539
+ sortedData: U.value
1554
1540
  });
1555
1541
  });
1556
- }, Ce = (m, _) => {
1542
+ }, V = (v, _) => {
1557
1543
  const I = {
1558
1544
  pinnedLeft: _ === "left",
1559
1545
  pinnedRight: _ === "right"
1560
1546
  };
1561
- Se(m.prop, I), s("column-pin", { column: { ...m, ...I }, position: _ });
1562
- }, qe = (m) => {
1563
- a.splice(0, a.length, ...m), u.value && (l.value = [...m]), s("columns-change", [...m]);
1564
- }, Se = (m, _) => {
1565
- const I = a.findIndex((R) => R.prop === m);
1547
+ Q(v.prop, I), s("column-pin", { column: { ...v, ...I }, position: _ });
1548
+ }, B = (v) => {
1549
+ i.splice(0, i.length, ...v), c.value && (l.value = [...v]), s("columns-change", [...v]);
1550
+ }, Q = (v, _) => {
1551
+ const I = i.findIndex((T) => T.prop === v);
1566
1552
  if (I !== -1) {
1567
- if (Object.assign(a[I], _), u.value && l.value) {
1568
- const R = l.value.findIndex((P) => P.prop === m);
1569
- if (R !== -1) {
1570
- const P = [...l.value];
1571
- P[R] = { ...P[R], ..._ }, l.value = P;
1553
+ if (Object.assign(i[I], _), c.value && l.value) {
1554
+ const T = l.value.findIndex((A) => A.prop === v);
1555
+ if (T !== -1) {
1556
+ const A = [...l.value];
1557
+ A[T] = { ...A[T], ..._ }, l.value = A;
1572
1558
  }
1573
1559
  }
1574
- s("columns-change", [...a]);
1560
+ s("columns-change", [...i]);
1575
1561
  } else
1576
1562
  console.error(
1577
1563
  "Колонку не знайдено:",
1578
- m,
1564
+ v,
1579
1565
  "Доступні колонки:",
1580
- a.map((R) => R.prop)
1566
+ i.map((T) => T.prop)
1581
1567
  );
1582
- }, Ke = (m, _, I) => {
1583
- s("row-click", { row: m, column: _, event: I }), n.highlightCurrentRow && r && r.setCurrentRow(m);
1584
- }, Xe = (m, _, I) => {
1585
- I.stopPropagation(), r && r.toggleRowSelection(_, m);
1586
- }, Ge = (m, _) => {
1587
- _.stopPropagation(), r && r.toggleAllSelection();
1588
- }, Ie = (m, _) => {
1589
- m && (c.value[_] = m);
1590
- }, Ve = (m, _) => {
1591
- const I = _.width || O();
1592
- j(m, _, O, (R) => {
1593
- Se(_.prop, { width: R }), s("column-resize", {
1594
- column: { ..._, width: R },
1595
- width: R,
1568
+ }, we = (v, _, I) => {
1569
+ s("row-click", { row: v, column: _, event: I }), n.highlightCurrentRow && w && w.setCurrentRow(v);
1570
+ }, Ge = (v, _, I) => {
1571
+ I.stopPropagation(), w && w.toggleRowSelection(_, v);
1572
+ }, Ye = (v, _) => {
1573
+ _.stopPropagation(), w && w.toggleAllSelection();
1574
+ }, Ie = (v, _) => {
1575
+ v && (a.value[_] = v);
1576
+ }, Ve = (v, _) => {
1577
+ const I = _.width || $();
1578
+ H(v, _, $, (T) => {
1579
+ Q(_.prop, { width: T }), s("column-resize", {
1580
+ column: { ..._, width: T },
1581
+ width: T,
1596
1582
  oldWidth: I
1597
1583
  });
1598
1584
  });
1599
- }, Ye = (m, _) => E(m, _, b, O), Je = (m, _) => J(m, _, b, O), Qe = (m, _) => C(m, _, b, O), et = (m, _) => {
1585
+ }, Je = (v, _) => X(v, _, E, $), Qe = (v, _) => x(v, _, E, $), et = (v, _) => z(v, _, E, $), tt = (v, _) => {
1600
1586
  if (!_ || !_.prop) return "";
1601
- const I = m[_.prop];
1587
+ const I = v[_.prop];
1602
1588
  return I == null ? "" : String(I);
1603
- }, tt = x(() => {
1589
+ }, nt = M(() => {
1604
1590
  if (!n.showSummary || !y.value) return {};
1605
- const m = a;
1591
+ const v = i;
1606
1592
  if (typeof n.summaryMethod == "function") {
1607
- const _ = n.summaryMethod({ columns: m, data: $.value });
1608
- return m.reduce(
1609
- (I, R, P) => (I[R.prop] = _[P], I),
1593
+ const _ = n.summaryMethod({ columns: v, data: U.value });
1594
+ return v.reduce(
1595
+ (I, T, A) => (I[T.prop] = _[A], I),
1610
1596
  {}
1611
1597
  );
1612
1598
  }
1613
- return m.reduce(
1599
+ return v.reduce(
1614
1600
  (_, I) => {
1615
- const R = $.value.map((P) => P[I.prop]);
1616
- return _[I.prop] = R.every((P) => typeof P == "number") ? R.reduce((P, de) => P + de, 0) : "", _;
1601
+ const T = U.value.map((A) => A[I.prop]);
1602
+ return _[I.prop] = T.every((A) => typeof A == "number") ? T.reduce((A, de) => A + de, 0) : "", _;
1617
1603
  },
1618
1604
  {}
1619
1605
  );
1620
- }), nt = x(() => n.showSummary && y.value), ot = (m, _) => {
1621
- r && r.toggleRowSelection(m, _);
1622
- }, lt = () => {
1623
- r && r.toggleAllSelection();
1606
+ }), ot = M(() => n.showSummary && y.value), lt = (v, _) => {
1607
+ w && w.toggleRowSelection(v, _);
1624
1608
  }, st = () => {
1625
- r && r.selectAbsolutelyAll();
1609
+ w && w.toggleAllSelection();
1626
1610
  }, rt = () => {
1627
- r && r.clearSelection();
1628
- }, it = () => r ? r.getSelectionRows() : [], at = (m) => {
1629
- r && r.setSelectionRows(m);
1611
+ w && w.selectAbsolutelyAll();
1612
+ }, it = () => {
1613
+ w && w.clearSelection();
1614
+ }, at = () => w ? w.getSelectionRows() : [], ct = (v) => {
1615
+ w && w.setSelectionRows(v);
1630
1616
  };
1631
1617
  return ve(() => {
1632
- W();
1618
+ ee();
1633
1619
  }), e({
1634
- toggleRowSelection: ot,
1635
- toggleAllSelection: lt,
1636
- selectAbsolutelyAll: st,
1637
- clearSelection: rt,
1638
- getSelectionRows: it,
1639
- setSelectionRows: at,
1640
- resetInfinityScroll: B
1620
+ toggleRowSelection: lt,
1621
+ toggleAllSelection: st,
1622
+ selectAbsolutelyAll: rt,
1623
+ clearSelection: it,
1624
+ getSelectionRows: at,
1625
+ setSelectionRows: ct,
1626
+ resetInfinityScroll: g
1641
1627
  // Додаємо метод для скидання infinity scroll
1642
- }), (m, _) => {
1643
- var R, P, de, fe;
1644
- const I = Fe("tooltip");
1645
- return p(), v("div", {
1628
+ }), (v, _) => {
1629
+ var T, A, de, fe;
1630
+ const I = Ke("tooltip");
1631
+ return p(), m("div", {
1646
1632
  ref_key: "tableWrapperRef",
1647
- ref: i,
1633
+ ref: r,
1648
1634
  class: "vt-table-wrapper",
1649
- style: re(U(T)()),
1650
- onScroll: S
1635
+ style: re(K(R)()),
1636
+ onScroll: f
1651
1637
  }, [
1652
- pe(m.$slots, "default"),
1653
- h("table", Oo, [
1638
+ pe(v.$slots, "default"),
1639
+ h("table", No, [
1654
1640
  h("thead", null, [
1655
1641
  h("tr", null, [
1656
- n.selectable ? (p(), v("th", {
1642
+ n.selectable ? (p(), m("th", {
1657
1643
  key: 0,
1658
- class: z(["vt-table__th vt-table__th--selection", {
1644
+ class: W(["vt-table__th vt-table__th--selection", {
1659
1645
  "vt-table__th--sticky": n.maxHeight,
1660
1646
  "vt-table__th--pinned-left": !0
1661
1647
  }]),
1662
- style: re(g())
1648
+ style: re(G())
1663
1649
  }, [
1664
- h("div", jo, [
1650
+ h("div", Fo, [
1665
1651
  Z(ue, {
1666
- checked: (R = U(r)) == null ? void 0 : R.isAllSelected.value,
1667
- indeterminate: (P = U(r)) == null ? void 0 : P.isIndeterminate.value,
1668
- "is-double": (fe = (de = U(r)) == null ? void 0 : de.isDoubleCheck) == null ? void 0 : fe.value,
1669
- onChange: Ge
1652
+ checked: (T = K(w)) == null ? void 0 : T.isAllSelected.value,
1653
+ indeterminate: (A = K(w)) == null ? void 0 : A.isIndeterminate.value,
1654
+ "is-double": (fe = (de = K(w)) == null ? void 0 : de.isDoubleCheck) == null ? void 0 : fe.value,
1655
+ onChange: Ye
1670
1656
  }, null, 8, ["checked", "indeterminate", "is-double"])
1671
1657
  ])
1672
- ], 6)) : D("", !0),
1673
- (p(!0), v(ne, null, oe(U(L), (w, ce) => (p(), v("th", {
1674
- key: w.prop,
1658
+ ], 6)) : P("", !0),
1659
+ (p(!0), m(oe, null, le(K(j), (k, ne) => (p(), m("th", {
1660
+ key: k.prop,
1675
1661
  ref_for: !0,
1676
- ref: (se) => Ie(se, w.prop),
1677
- style: re(Je(w, ce)),
1678
- class: z([
1662
+ ref: (ce) => Ie(ce, k.prop),
1663
+ style: re(Qe(k, ne)),
1664
+ class: W([
1679
1665
  "vt-table__th",
1680
1666
  {
1681
1667
  "vt-table__th--sticky": n.maxHeight,
1682
- "vt-table__th--pinned-left": w.pinnedLeft,
1683
- "vt-table__th--pinned-right": w.pinnedRight,
1684
- "vt-table__th--sortable": w.sortable
1668
+ "vt-table__th--pinned-left": k.pinnedLeft,
1669
+ "vt-table__th--pinned-right": k.pinnedRight,
1670
+ "vt-table__th--sortable": k.sortable
1685
1671
  }
1686
1672
  ])
1687
1673
  }, [
1688
- h("div", No, [
1689
- h("div", Fo, te(w.label), 1),
1690
- w.sortable ? (p(), v("div", Zo, [
1674
+ h("div", Zo, [
1675
+ h("div", Uo, te(k.label), 1),
1676
+ k.sortable ? (p(), m("div", Ko, [
1691
1677
  Z(Y, {
1692
1678
  name: "arrowTop",
1693
- class: z(U(ze)(w, d.value).asc),
1694
- onClick: he((se) => Q(w, "asc"), ["stop"])
1679
+ class: W(K(De)(k, u.value).asc),
1680
+ onClick: he((ce) => b(k, "asc"), ["stop"])
1695
1681
  }, null, 8, ["class", "onClick"]),
1696
1682
  Z(Y, {
1697
1683
  name: "arrowDown",
1698
- class: z(U(ze)(w, d.value).desc),
1699
- onClick: he((se) => Q(w, "desc"), ["stop"])
1684
+ class: W(K(De)(k, u.value).desc),
1685
+ onClick: he((ce) => b(k, "desc"), ["stop"])
1700
1686
  }, null, 8, ["class", "onClick"])
1701
- ])) : D("", !0),
1702
- w.actionColumn ? (p(), ae(Ao, {
1687
+ ])) : P("", !0),
1688
+ k.actionColumn ? (p(), ae(jo, {
1703
1689
  key: 1,
1704
- column: w,
1705
- "all-columns": U(L),
1690
+ column: k,
1691
+ "all-columns": K(j),
1706
1692
  columnsSelector: n.columnsSelector,
1707
- onPin: Ce,
1708
- onUpdateColumns: qe
1709
- }, null, 8, ["column", "all-columns", "columnsSelector"])) : D("", !0)
1693
+ onPin: V,
1694
+ onUpdateColumns: B
1695
+ }, null, 8, ["column", "all-columns", "columnsSelector"])) : P("", !0)
1710
1696
  ]),
1711
1697
  h("div", {
1712
1698
  class: "vt-table__resizer",
1713
- "data-resizer": w.prop,
1714
- onMousedown: (se) => Ve(se, w)
1715
- }, null, 40, Uo)
1699
+ "data-resizer": k.prop,
1700
+ onMousedown: (ce) => Ve(ce, k)
1701
+ }, null, 40, qo)
1716
1702
  ], 6))), 128))
1717
1703
  ])
1718
1704
  ]),
1719
1705
  h("tbody", null, [
1720
- y.value ? (p(!0), v(ne, { key: 1 }, oe(V.value, (w, ce) => {
1721
- var se, Be, Re;
1722
- return p(), v("tr", {
1723
- key: w._key,
1724
- class: z([
1706
+ y.value ? (p(!0), m(oe, { key: 1 }, le(U.value, (k, ne, ce, _e) => {
1707
+ var Te, Ee, ze;
1708
+ const Be = [n.rowKey ? k[n.rowKey] : ne];
1709
+ if (_e && _e.key === J(k, ne) && _t(_e, Be)) return _e;
1710
+ const Re = (p(), m("tr", {
1711
+ key: J(k, ne),
1712
+ class: W([
1725
1713
  "vt-table__row",
1726
1714
  {
1727
- "vt-table__row--selected": (se = U(r)) == null ? void 0 : se.isRowSelected(w),
1728
- "vt-table__row--current": ((Be = U(r)) == null ? void 0 : Be.currentRow.value) === w,
1715
+ "vt-table__row--selected": (Te = K(w)) == null ? void 0 : Te.isRowSelected(k),
1716
+ "vt-table__row--current": ((Ee = K(w)) == null ? void 0 : Ee.currentRow.value) === k,
1729
1717
  "vt-table__row--clickable": n.selectOnClickRow || n.highlightCurrentRow
1730
1718
  }
1731
1719
  ]),
1732
- onClick: (N) => Ke(w, U(L)[0], N)
1720
+ onClick: (N) => we(k, K(j)[0], N)
1733
1721
  }, [
1734
- n.selectable ? (p(), v("td", {
1722
+ n.selectable ? (p(), m("td", {
1735
1723
  key: 0,
1736
- class: z(["vt-table__td vt-table__td--selection", {
1724
+ class: W(["vt-table__td vt-table__td--selection", {
1737
1725
  "vt-table__td--pinned-left": !0
1738
1726
  }]),
1739
- style: re(f())
1727
+ style: re(S())
1740
1728
  }, [
1741
- h("div", Yo, [
1729
+ h("div", Jo, [
1742
1730
  Z(ue, {
1743
- checked: (Re = U(r)) == null ? void 0 : Re.isRowSelected(w),
1744
- onChange: (N, we) => Xe(N, w, we)
1731
+ checked: (ze = K(w)) == null ? void 0 : ze.isRowSelected(k),
1732
+ onChange: (N, ke) => Ge(N, k, ke)
1745
1733
  }, null, 8, ["checked", "onChange"])
1746
1734
  ])
1747
- ], 4)) : D("", !0),
1748
- (p(!0), v(ne, null, oe(U(L), (N, we) => (p(), v("td", {
1735
+ ], 4)) : P("", !0),
1736
+ (p(!0), m(oe, null, le(K(j), (N, ke) => (p(), m("td", {
1749
1737
  key: N.prop,
1750
1738
  ref_for: !0,
1751
- ref: (ke) => Ie(ke, N.prop),
1752
- style: re(Ye(N, we)),
1753
- class: z([
1739
+ ref: (be) => Ie(be, N.prop),
1740
+ style: re(Je(N, ke)),
1741
+ class: W([
1754
1742
  "vt-table__td",
1755
1743
  {
1756
1744
  "vt-table__td--pinned-left": N.pinnedLeft,
@@ -1758,64 +1746,65 @@ const ie = new $o(), So = {
1758
1746
  }
1759
1747
  ])
1760
1748
  }, [
1761
- Le((p(), v("div", Jo, [
1762
- N.renderSlot ? (p(), ae(je(() => U(yo)(N.renderSlot, { row: w, column: N, value: w[N.prop], index: ce })), { key: 0 })) : (p(), v("span", Qo, te(w[N.prop]), 1))
1749
+ $e((p(), m("div", Qo, [
1750
+ N.renderSlot ? (p(), ae(Ze(() => K(Mo)(N.renderSlot, { row: k, column: N, value: k[N.prop], index: ne })), { key: 0 })) : (p(), m("span", el, te(k[N.prop]), 1))
1763
1751
  ])), [
1764
- [I, N.showOverflowTooltip ? et(w, N) : null]
1752
+ [I, N.showOverflowTooltip ? tt(k, N) : null]
1765
1753
  ]),
1766
1754
  h("div", {
1767
1755
  class: "vt-table__resizer",
1768
1756
  "data-resizer": N.prop,
1769
- onMousedown: (ke) => Ve(ke, N)
1770
- }, null, 40, el)
1757
+ onMousedown: (be) => Ve(be, N)
1758
+ }, null, 40, tl)
1771
1759
  ], 6))), 128))
1772
- ], 10, Go);
1773
- }), 128)) : (p(), v("tr", qo, [
1760
+ ], 10, ["onClick"]));
1761
+ return Re.memo = Be, Re;
1762
+ }, _, 0), 128)) : (p(), m("tr", Xo, [
1774
1763
  h("td", {
1775
- colspan: U(L).length + (n.selectable ? 1 : 0),
1764
+ colspan: K(j).length + (n.selectable ? 1 : 0),
1776
1765
  class: "vt-table__empty-cell"
1777
1766
  }, [
1778
- h("div", Xo, [
1767
+ h("div", Yo, [
1779
1768
  Z(Y, {
1780
1769
  name: "empty",
1781
1770
  class: "vt-table__empty-icon"
1782
1771
  }),
1783
- _[0] || (_[0] = h("span", { class: "vt-table__empty-text" }, "Немає даних!", -1))
1772
+ _[2] || (_[2] = h("span", { class: "vt-table__empty-text" }, "Немає даних!", -1))
1784
1773
  ])
1785
- ], 8, Ko)
1774
+ ], 8, Go)
1786
1775
  ]))
1787
1776
  ]),
1788
- nt.value ? (p(), v("tfoot", tl, [
1777
+ ot.value ? (p(), m("tfoot", nl, [
1789
1778
  h("tr", null, [
1790
- n.selectable ? (p(), v("td", {
1779
+ n.selectable ? (p(), m("td", {
1791
1780
  key: 0,
1792
- class: z(["vt-table__td", {
1781
+ class: W(["vt-table__td", {
1793
1782
  "vt-table__td--pinned-left": !0
1794
1783
  }]),
1795
- style: re(k())
1796
- }, _[1] || (_[1] = [
1784
+ style: re(d())
1785
+ }, _[3] || (_[3] = [
1797
1786
  h("div", { class: "vt-table__cell-content vt-table__cell-content--summary" }, null, -1)
1798
- ]), 4)) : D("", !0),
1799
- (p(!0), v(ne, null, oe(U(L), (w, ce) => (p(), v("td", {
1800
- key: w.prop,
1801
- style: re(Qe(w, ce)),
1802
- class: z([
1787
+ ]), 4)) : P("", !0),
1788
+ (p(!0), m(oe, null, le(K(j), (k, ne) => (p(), m("td", {
1789
+ key: k.prop,
1790
+ style: re(et(k, ne)),
1791
+ class: W([
1803
1792
  "vt-table__td",
1804
1793
  {
1805
- "vt-table__td--pinned-left": w.pinnedLeft,
1806
- "vt-table__td--pinned-right": w.pinnedRight
1794
+ "vt-table__td--pinned-left": k.pinnedLeft,
1795
+ "vt-table__td--pinned-right": k.pinnedRight
1807
1796
  }
1808
1797
  ])
1809
1798
  }, [
1810
- h("div", nl, te(tt.value[w.prop]), 1)
1799
+ h("div", ol, te(nt.value[k.prop]), 1)
1811
1800
  ], 6))), 128))
1812
1801
  ])
1813
- ])) : D("", !0)
1802
+ ])) : P("", !0)
1814
1803
  ])
1815
1804
  ], 36);
1816
1805
  };
1817
1806
  }
1818
- }), ll = /* @__PURE__ */ le({
1807
+ }), sl = /* @__PURE__ */ se({
1819
1808
  __name: "VTableColumn",
1820
1809
  props: {
1821
1810
  prop: {},
@@ -1833,7 +1822,7 @@ const ie = new $o(), So = {
1833
1822
  sortMethod: {}
1834
1823
  },
1835
1824
  setup(t) {
1836
- const e = t, o = Ne(), n = ft("vt-table-columns");
1825
+ const e = t, o = Ue(), n = gt("vt-table-columns");
1837
1826
  n || console.error(
1838
1827
  "VTableColumn: не знайдено контекст таблиці. Переконайтеся, що компонент використовується всередині VTable."
1839
1828
  );
@@ -1855,8 +1844,8 @@ const ie = new $o(), So = {
1855
1844
  let l = -1;
1856
1845
  return ve(() => {
1857
1846
  if (n) {
1858
- const c = s();
1859
- n.push(c), l = n.length - 1;
1847
+ const a = s();
1848
+ n.push(a), l = n.length - 1;
1860
1849
  }
1861
1850
  }), me(
1862
1851
  () => [
@@ -1873,26 +1862,26 @@ const ie = new $o(), So = {
1873
1862
  ],
1874
1863
  () => {
1875
1864
  if (n && l !== -1) {
1876
- const c = n.findIndex((i) => i.prop === e.prop);
1877
- if (c !== -1) {
1878
- const i = n[c], a = {
1865
+ const a = n.findIndex((r) => r.prop === e.prop);
1866
+ if (a !== -1) {
1867
+ const r = n[a], i = {
1879
1868
  ...s(),
1880
- renderSlot: i.renderSlot
1869
+ renderSlot: r.renderSlot
1881
1870
  // Зберігаємо існуючий renderSlot
1882
1871
  };
1883
- n[c] = a;
1872
+ n[a] = i;
1884
1873
  }
1885
1874
  }
1886
1875
  },
1887
1876
  { deep: !0 }
1888
- ), $e(() => {
1877
+ ), Se(() => {
1889
1878
  if (n) {
1890
- const c = n.findIndex((i) => i.prop === e.prop);
1891
- c > -1 && n.splice(c, 1);
1879
+ const a = n.findIndex((r) => r.prop === e.prop);
1880
+ a > -1 && n.splice(a, 1);
1892
1881
  }
1893
- }), (c, i) => null;
1882
+ }), (a, r) => null;
1894
1883
  }
1895
- }), He = (t, e) => {
1884
+ }), Pe = (t, e) => {
1896
1885
  const o = document.createElement("div");
1897
1886
  o.className = `vt-tooltip vt-tooltip--${e}`, o.innerText = t, Object.assign(o.style, {
1898
1887
  position: "absolute",
@@ -1958,46 +1947,46 @@ const ie = new $o(), So = {
1958
1947
  break;
1959
1948
  }
1960
1949
  return o.appendChild(n), o;
1961
- }, Me = (t, e, o) => {
1962
- const n = e.getBoundingClientRect(), s = t.getBoundingClientRect(), l = window.pageXOffset || document.documentElement.scrollLeft, c = window.pageYOffset || document.documentElement.scrollTop;
1963
- let i = 0, a = 0;
1950
+ }, Le = (t, e, o) => {
1951
+ const n = e.getBoundingClientRect(), s = t.getBoundingClientRect(), l = window.pageXOffset || document.documentElement.scrollLeft, a = window.pageYOffset || document.documentElement.scrollTop;
1952
+ let r = 0, i = 0;
1964
1953
  switch (o) {
1965
1954
  case "top":
1966
- i = n.top + c - s.height - 8, a = n.left + l + (n.width - s.width) / 2;
1955
+ r = n.top + a - s.height - 8, i = n.left + l + (n.width - s.width) / 2;
1967
1956
  break;
1968
1957
  case "bottom":
1969
- i = n.bottom + c + 8, a = n.left + l + (n.width - s.width) / 2;
1958
+ r = n.bottom + a + 8, i = n.left + l + (n.width - s.width) / 2;
1970
1959
  break;
1971
1960
  case "left":
1972
- i = n.top + c + (n.height - s.height) / 2, a = n.left + l - s.width - 8;
1961
+ r = n.top + a + (n.height - s.height) / 2, i = n.left + l - s.width - 8;
1973
1962
  break;
1974
1963
  case "right":
1975
- i = n.top + c + (n.height - s.height) / 2, a = n.right + l + 8;
1964
+ r = n.top + a + (n.height - s.height) / 2, i = n.right + l + 8;
1976
1965
  break;
1977
1966
  }
1978
- const d = window.innerWidth, u = window.innerHeight;
1979
- a < 8 ? a = 8 : a + s.width > d - 8 && (a = d - s.width - 8), i < c + 8 ? o === "top" ? i = n.bottom + c + 8 : i = c + 8 : i + s.height > c + u - 8 && (o === "bottom" ? i = n.top + c - s.height - 8 : i = c + u - s.height - 8), t.style.top = `${i}px`, t.style.left = `${a}px`;
1980
- }, We = (t, e, o) => {
1981
- t.parentElement || document.body.appendChild(t), t.style.visibility = "visible", Me(t, e, o), requestAnimationFrame(() => {
1967
+ const u = window.innerWidth, c = window.innerHeight;
1968
+ i < 8 ? i = 8 : i + s.width > u - 8 && (i = u - s.width - 8), r < a + 8 ? o === "top" ? r = n.bottom + a + 8 : r = a + 8 : r + s.height > a + c - 8 && (o === "bottom" ? r = n.top + a - s.height - 8 : r = a + c - s.height - 8), t.style.top = `${r}px`, t.style.left = `${i}px`;
1969
+ }, Ae = (t, e, o) => {
1970
+ t.parentElement || document.body.appendChild(t), t.style.visibility = "visible", Le(t, e, o), requestAnimationFrame(() => {
1982
1971
  t.style.opacity = "1";
1983
1972
  });
1984
- }, De = (t) => {
1973
+ }, Oe = (t) => {
1985
1974
  t.style.opacity = "0", t.style.visibility = "hidden";
1986
- }, Pe = (t) => t.scrollWidth > t.clientWidth || t.scrollHeight > t.clientHeight, Ae = (t) => !!t.closest(".vt-table, table"), sl = {
1975
+ }, je = (t) => t.scrollWidth > t.clientWidth || t.scrollHeight > t.clientHeight, Ne = (t) => !!t.closest(".vt-table, table"), rl = {
1987
1976
  mounted(t, e) {
1988
- var a;
1989
- const o = (a = e.value) == null ? void 0 : a.trim();
1977
+ var i;
1978
+ const o = (i = e.value) == null ? void 0 : i.trim();
1990
1979
  if (!o) return;
1991
- const n = t.dataset.placement || "top", s = He(o, n);
1980
+ const n = t.dataset.placement || "top", s = Pe(o, n);
1992
1981
  t.__tooltipEl = s;
1993
1982
  const l = () => {
1994
- (Ae(t) ? Pe(t) : !0) && We(s, t, n);
1995
- }, c = () => {
1996
- De(s);
1997
- }, i = () => {
1998
- s.style.opacity === "1" && Me(s, t, n);
1983
+ (Ne(t) ? je(t) : !0) && Ae(s, t, n);
1984
+ }, a = () => {
1985
+ Oe(s);
1986
+ }, r = () => {
1987
+ s.style.opacity === "1" && Le(s, t, n);
1999
1988
  };
2000
- t.__mouseenterHandler = l, t.__mouseleaveHandler = c, t.__scrollHandler = i, t.addEventListener("mouseenter", l), t.addEventListener("mouseleave", c), window.addEventListener("scroll", i, !0), window.addEventListener("resize", i);
1989
+ 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);
2001
1990
  },
2002
1991
  updated(t, e) {
2003
1992
  var n;
@@ -2005,47 +1994,47 @@ const ie = new $o(), So = {
2005
1994
  if (t.__tooltipEl)
2006
1995
  o ? t.__tooltipEl.firstChild.textContent = o : (t.__tooltipEl.parentElement && t.__tooltipEl.parentElement.removeChild(t.__tooltipEl), delete t.__tooltipEl);
2007
1996
  else if (o) {
2008
- const s = t.dataset.placement || "top", l = He(o, s);
1997
+ const s = t.dataset.placement || "top", l = Pe(o, s);
2009
1998
  t.__tooltipEl = l;
2010
- const c = () => {
2011
- (Ae(t) ? Pe(t) : !0) && We(l, t, s);
1999
+ const a = () => {
2000
+ (Ne(t) ? je(t) : !0) && Ae(l, t, s);
2001
+ }, r = () => {
2002
+ Oe(l);
2012
2003
  }, i = () => {
2013
- De(l);
2014
- }, a = () => {
2015
- l.style.opacity === "1" && Me(l, t, s);
2004
+ l.style.opacity === "1" && Le(l, t, s);
2016
2005
  };
2017
- t.__mouseenterHandler = c, t.__mouseleaveHandler = i, t.__scrollHandler = a, t.addEventListener("mouseenter", c), t.addEventListener("mouseleave", i), window.addEventListener("scroll", a, !0), window.addEventListener("resize", a);
2006
+ 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);
2018
2007
  }
2019
2008
  },
2020
2009
  beforeUnmount(t) {
2021
2010
  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);
2022
2011
  }
2023
- }, al = {
2012
+ }, cl = {
2024
2013
  sortable: !0,
2025
2014
  actionColumn: !1,
2026
2015
  showOverflowTooltip: !0,
2027
2016
  visible: !0,
2028
2017
  pinnedLeft: !1,
2029
2018
  pinnedRight: !1
2030
- }, rl = {
2019
+ }, il = {
2031
2020
  install(t, e = {}) {
2032
2021
  const { prefix: o = "V", modal: n = !0 } = e;
2033
- t.component(`${o}Button`, ge), t.component(`${o}Icon`, Y), t.component(`${o}Loader`, Ze), t.component(`${o}Modal`, Ue), t.component(`${o}Pagination`, fo), t.component(`${o}Checkbox`, ue), t.component(`${o}Table`, ol), t.component(`${o}TableColumn`, ll), t.directive("tooltip", sl), n && t.use(So);
2022
+ t.component(`${o}Button`, Ce), t.component(`${o}Icon`, Y), t.component(`${o}Loader`, qe), t.component(`${o}Modal`, Xe), t.component(`${o}Pagination`, go), t.component(`${o}Checkbox`, ue), t.component(`${o}Table`, ll), t.component(`${o}TableColumn`, sl), t.directive("tooltip", rl), n && t.use(Vo);
2034
2023
  }
2035
- }, cl = rl.install;
2024
+ }, ul = il.install;
2036
2025
  export {
2037
- al as DEFAULT_COLUMN_CONFIG,
2038
- ge as VButton,
2026
+ cl as DEFAULT_COLUMN_CONFIG,
2027
+ Ce as VButton,
2039
2028
  ue as VCheckbox,
2040
2029
  Y as VIcon,
2041
- Ze as VLoader,
2042
- Ue as VModal,
2043
- So as VModalPlugin,
2044
- fo as VPagination,
2045
- ol as VTable,
2046
- ll as VTableColumn,
2047
- rl as default,
2048
- cl as install,
2030
+ qe as VLoader,
2031
+ Xe as VModal,
2032
+ Vo as VModalPlugin,
2033
+ go as VPagination,
2034
+ ll as VTable,
2035
+ sl as VTableColumn,
2036
+ il as default,
2037
+ ul as install,
2049
2038
  ie as modalManager,
2050
- sl as tooltipDirective
2039
+ rl as tooltipDirective
2051
2040
  };