@stonecrop/atable 0.4.24 → 0.4.25

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/atable.js CHANGED
@@ -1,17 +1,17 @@
1
- import { onMounted as ie, ref as D, watch as U, onBeforeUnmount as Rt, computed as R, shallowRef as N, toValue as M, watchEffect as At, getCurrentScope as gt, onScopeDispose as ht, unref as k, getCurrentInstance as Re, nextTick as pt, isRef as Tt, toRefs as Ht, customRef as wt, toRef as Ot, readonly as Dt, defineComponent as oe, useTemplateRef as Z, createElementBlock as H, openBlock as S, normalizeClass as J, normalizeStyle as te, createBlock as ue, resolveDynamicComponent as Ee, mergeProps as ze, toDisplayString as de, Fragment as se, createElementVNode as P, createCommentVNode as ne, renderSlot as j, useCssVars as Pt, onUnmounted as Lt, withModifiers as Me, withDirectives as Se, vShow as yt, renderList as ye, createTextVNode as Bt, mergeModels as ot, useModel as zt, createVNode as lt, withCtx as at } from "vue";
1
+ import { onMounted as se, ref as H, watch as Y, onBeforeUnmount as Rt, computed as M, shallowRef as X, toValue as $, watchEffect as At, getCurrentScope as ht, onScopeDispose as gt, unref as k, getCurrentInstance as Se, nextTick as pt, isRef as Tt, toRefs as Ot, customRef as wt, toRef as Ht, readonly as Dt, defineComponent as te, useTemplateRef as U, createElementBlock as T, openBlock as S, normalizeClass as q, normalizeStyle as _, createBlock as ie, resolveDynamicComponent as Ie, mergeProps as We, toDisplayString as ce, Fragment as le, createElementVNode as D, createCommentVNode as ee, renderSlot as F, useCssVars as Pt, onUnmounted as Lt, withModifiers as $e, withDirectives as Me, vShow as xt, renderList as we, createTextVNode as Bt, mergeModels as ot, useModel as zt, createVNode as lt, withCtx as at } from "vue";
2
2
  import { defineStore as Wt } from "pinia";
3
- import './assets/index.css';function We(e) {
4
- return gt() ? (ht(e), !0) : !1;
3
+ import './assets/index.css';function Xe(e) {
4
+ return ht() ? (gt(e), !0) : !1;
5
5
  }
6
6
  const Xt = typeof window < "u" && typeof document < "u";
7
7
  typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
8
- const Vt = (e) => e != null, Nt = Object.prototype.toString, Gt = (e) => Nt.call(e) === "[object Object]", Ft = () => {
8
+ const Nt = (e) => e != null, Vt = Object.prototype.toString, Gt = (e) => Vt.call(e) === "[object Object]", Ft = () => {
9
9
  };
10
- function ke(e) {
10
+ function Ee(e) {
11
11
  return Array.isArray(e) ? e : [e];
12
12
  }
13
13
  function Yt(e, t, n) {
14
- return U(
14
+ return Y(
15
15
  e,
16
16
  t,
17
17
  {
@@ -20,37 +20,37 @@ function Yt(e, t, n) {
20
20
  }
21
21
  );
22
22
  }
23
- const me = Xt ? window : void 0;
24
- function fe(e) {
23
+ const fe = Xt ? window : void 0;
24
+ function ue(e) {
25
25
  var t;
26
- const n = M(e);
26
+ const n = $(e);
27
27
  return (t = n == null ? void 0 : n.$el) != null ? t : n;
28
28
  }
29
29
  function xe(...e) {
30
30
  const t = [], n = () => {
31
31
  t.forEach((l) => l()), t.length = 0;
32
- }, a = (l, s, i, d) => (l.addEventListener(s, i, d), () => l.removeEventListener(s, i, d)), r = R(() => {
33
- const l = ke(M(e[0])).filter((s) => s != null);
32
+ }, a = (l, s, u, f) => (l.addEventListener(s, u, f), () => l.removeEventListener(s, u, f)), i = M(() => {
33
+ const l = Ee($(e[0])).filter((s) => s != null);
34
34
  return l.every((s) => typeof s != "string") ? l : void 0;
35
35
  }), c = Yt(
36
36
  () => {
37
37
  var l, s;
38
38
  return [
39
- (s = (l = r.value) == null ? void 0 : l.map((i) => fe(i))) != null ? s : [me].filter((i) => i != null),
40
- ke(M(r.value ? e[1] : e[0])),
41
- ke(k(r.value ? e[2] : e[1])),
39
+ (s = (l = i.value) == null ? void 0 : l.map((u) => ue(u))) != null ? s : [fe].filter((u) => u != null),
40
+ Ee($(i.value ? e[1] : e[0])),
41
+ Ee(k(i.value ? e[2] : e[1])),
42
42
  // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
43
- M(r.value ? e[3] : e[2])
43
+ $(i.value ? e[3] : e[2])
44
44
  ];
45
45
  },
46
- ([l, s, i, d]) => {
47
- if (n(), !(l != null && l.length) || !(s != null && s.length) || !(i != null && i.length))
46
+ ([l, s, u, f]) => {
47
+ if (n(), !(l != null && l.length) || !(s != null && s.length) || !(u != null && u.length))
48
48
  return;
49
- const w = Gt(d) ? { ...d } : d;
49
+ const g = Gt(f) ? { ...f } : f;
50
50
  t.push(
51
51
  ...l.flatMap(
52
- (f) => s.flatMap(
53
- (p) => i.map((b) => a(f, p, b, w))
52
+ (m) => s.flatMap(
53
+ (w) => u.map((b) => a(m, w, b, g))
54
54
  )
55
55
  )
56
56
  );
@@ -59,59 +59,59 @@ function xe(...e) {
59
59
  ), o = () => {
60
60
  c(), n();
61
61
  };
62
- return We(n), o;
62
+ return Xe(n), o;
63
63
  }
64
64
  function jt() {
65
- const e = N(!1), t = Re();
66
- return t && ie(() => {
65
+ const e = X(!1), t = Se();
66
+ return t && se(() => {
67
67
  e.value = !0;
68
68
  }, t), e;
69
69
  }
70
70
  function Ut(e) {
71
71
  const t = jt();
72
- return R(() => (t.value, !!e()));
72
+ return M(() => (t.value, !!e()));
73
73
  }
74
74
  function qt(e, t, n = {}) {
75
- const { window: a = me, ...r } = n;
75
+ const { window: a = fe, ...i } = n;
76
76
  let c;
77
77
  const o = Ut(() => a && "MutationObserver" in a), l = () => {
78
78
  c && (c.disconnect(), c = void 0);
79
- }, s = R(() => {
80
- const f = M(e), p = ke(f).map(fe).filter(Vt);
81
- return new Set(p);
82
- }), i = U(
79
+ }, s = M(() => {
80
+ const m = $(e), w = Ee(m).map(ue).filter(Nt);
81
+ return new Set(w);
82
+ }), u = Y(
83
83
  () => s.value,
84
- (f) => {
85
- l(), o.value && f.size && (c = new MutationObserver(t), f.forEach((p) => c.observe(p, r)));
84
+ (m) => {
85
+ l(), o.value && m.size && (c = new MutationObserver(t), m.forEach((w) => c.observe(w, i)));
86
86
  },
87
87
  { immediate: !0, flush: "post" }
88
- ), d = () => c == null ? void 0 : c.takeRecords(), w = () => {
89
- i(), l();
88
+ ), f = () => c == null ? void 0 : c.takeRecords(), g = () => {
89
+ u(), l();
90
90
  };
91
- return We(w), {
91
+ return Xe(g), {
92
92
  isSupported: o,
93
- stop: w,
94
- takeRecords: d
93
+ stop: g,
94
+ takeRecords: f
95
95
  };
96
96
  }
97
- function Zt(e, t, n = {}) {
97
+ function Jt(e, t, n = {}) {
98
98
  const {
99
- window: a = me,
100
- document: r = a == null ? void 0 : a.document,
99
+ window: a = fe,
100
+ document: i = a == null ? void 0 : a.document,
101
101
  flush: c = "sync"
102
102
  } = n;
103
- if (!a || !r)
103
+ if (!a || !i)
104
104
  return Ft;
105
105
  let o;
106
- const l = (d) => {
107
- o == null || o(), o = d;
106
+ const l = (f) => {
107
+ o == null || o(), o = f;
108
108
  }, s = At(() => {
109
- const d = fe(e);
110
- if (d) {
111
- const { stop: w } = qt(
112
- r,
113
- (f) => {
114
- f.map((p) => [...p.removedNodes]).flat().some((p) => p === d || p.contains(d)) && t(f);
109
+ const f = ue(e);
110
+ if (f) {
111
+ const { stop: g } = qt(
112
+ i,
113
+ (m) => {
114
+ m.map((w) => [...w.removedNodes]).flat().some((w) => w === f || w.contains(f)) && t(m);
115
115
  },
116
116
  {
117
117
  window: a,
@@ -119,65 +119,65 @@ function Zt(e, t, n = {}) {
119
119
  subtree: !0
120
120
  }
121
121
  );
122
- l(w);
122
+ l(g);
123
123
  }
124
- }, { flush: c }), i = () => {
124
+ }, { flush: c }), u = () => {
125
125
  s(), l();
126
126
  };
127
- return We(i), i;
127
+ return Xe(u), u;
128
128
  }
129
- function Jt(e = {}) {
129
+ function Zt(e = {}) {
130
130
  var t;
131
131
  const {
132
- window: n = me,
132
+ window: n = fe,
133
133
  deep: a = !0,
134
- triggerOnRemoval: r = !1
134
+ triggerOnRemoval: i = !1
135
135
  } = e, c = (t = e.document) != null ? t : n == null ? void 0 : n.document, o = () => {
136
- var i;
137
- let d = c == null ? void 0 : c.activeElement;
136
+ var u;
137
+ let f = c == null ? void 0 : c.activeElement;
138
138
  if (a)
139
- for (; d != null && d.shadowRoot; )
140
- d = (i = d == null ? void 0 : d.shadowRoot) == null ? void 0 : i.activeElement;
141
- return d;
142
- }, l = N(), s = () => {
139
+ for (; f != null && f.shadowRoot; )
140
+ f = (u = f == null ? void 0 : f.shadowRoot) == null ? void 0 : u.activeElement;
141
+ return f;
142
+ }, l = X(), s = () => {
143
143
  l.value = o();
144
144
  };
145
145
  if (n) {
146
- const i = {
146
+ const u = {
147
147
  capture: !0,
148
148
  passive: !0
149
149
  };
150
150
  xe(
151
151
  n,
152
152
  "blur",
153
- (d) => {
154
- d.relatedTarget === null && s();
153
+ (f) => {
154
+ f.relatedTarget === null && s();
155
155
  },
156
- i
156
+ u
157
157
  ), xe(
158
158
  n,
159
159
  "focus",
160
160
  s,
161
- i
161
+ u
162
162
  );
163
163
  }
164
- return r && Zt(l, s, { document: c }), s(), l;
164
+ return i && Jt(l, s, { document: c }), s(), l;
165
165
  }
166
166
  const Qt = "focusin", Kt = "focusout", _t = ":focus-within";
167
167
  function en(e, t = {}) {
168
- const { window: n = me } = t, a = R(() => fe(e)), r = N(!1), c = R(() => r.value), o = Jt(t);
168
+ const { window: n = fe } = t, a = M(() => ue(e)), i = X(!1), c = M(() => i.value), o = Zt(t);
169
169
  if (!n || !o.value)
170
170
  return { focused: c };
171
171
  const l = { passive: !0 };
172
- return xe(a, Qt, () => r.value = !0, l), xe(a, Kt, () => {
173
- var s, i, d;
174
- return r.value = (d = (i = (s = a.value) == null ? void 0 : s.matches) == null ? void 0 : i.call(s, _t)) != null ? d : !1;
172
+ return xe(a, Qt, () => i.value = !0, l), xe(a, Kt, () => {
173
+ var s, u, f;
174
+ return i.value = (f = (u = (s = a.value) == null ? void 0 : s.matches) == null ? void 0 : u.call(s, _t)) != null ? f : !1;
175
175
  }, l), { focused: c };
176
176
  }
177
- function tn(e, { window: t = me, scrollTarget: n } = {}) {
178
- const a = D(!1), r = () => {
177
+ function tn(e, { window: t = fe, scrollTarget: n } = {}) {
178
+ const a = H(!1), i = () => {
179
179
  if (!t) return;
180
- const c = t.document, o = fe(e);
180
+ const c = t.document, o = ue(e);
181
181
  if (!o)
182
182
  a.value = !1;
183
183
  else {
@@ -185,53 +185,53 @@ function tn(e, { window: t = me, scrollTarget: n } = {}) {
185
185
  a.value = l.top <= (t.innerHeight || c.documentElement.clientHeight) && l.left <= (t.innerWidth || c.documentElement.clientWidth) && l.bottom >= 0 && l.right >= 0;
186
186
  }
187
187
  };
188
- return U(
189
- () => fe(e),
190
- () => r(),
188
+ return Y(
189
+ () => ue(e),
190
+ () => i(),
191
191
  { immediate: !0, flush: "post" }
192
- ), t && xe(n || t, "scroll", r, {
192
+ ), t && xe(n || t, "scroll", i, {
193
193
  capture: !1,
194
194
  passive: !0
195
195
  }), a;
196
196
  }
197
- const _ = (e) => {
197
+ const Z = (e) => {
198
198
  let t = tn(e).value;
199
199
  return t = t && e.offsetHeight > 0, t;
200
- }, ee = (e) => e.tabIndex >= 0, st = (e) => {
200
+ }, Q = (e) => e.tabIndex >= 0, st = (e) => {
201
201
  const t = e.target;
202
- return Xe(t);
203
- }, Xe = (e) => {
202
+ return Ne(t);
203
+ }, Ne = (e) => {
204
204
  var t;
205
205
  let n;
206
206
  if (e instanceof HTMLTableCellElement) {
207
207
  const a = (t = e.parentElement) == null ? void 0 : t.previousElementSibling;
208
208
  if (a) {
209
- const r = Array.from(a.children)[e.cellIndex];
210
- r && (n = r);
209
+ const i = Array.from(a.children)[e.cellIndex];
210
+ i && (n = i);
211
211
  }
212
212
  } else if (e instanceof HTMLTableRowElement) {
213
213
  const a = e.previousElementSibling;
214
214
  a && (n = a);
215
215
  }
216
- return n && (!ee(n) || !_(n)) ? Xe(n) : n;
216
+ return n && (!Q(n) || !Z(n)) ? Ne(n) : n;
217
217
  }, nn = (e) => {
218
218
  var t;
219
219
  const n = e.target;
220
220
  let a;
221
221
  if (n instanceof HTMLTableCellElement) {
222
- const r = (t = n.parentElement) == null ? void 0 : t.parentElement;
223
- if (r) {
224
- const c = r.firstElementChild, o = c == null ? void 0 : c.children[n.cellIndex];
222
+ const i = (t = n.parentElement) == null ? void 0 : t.parentElement;
223
+ if (i) {
224
+ const c = i.firstElementChild, o = c == null ? void 0 : c.children[n.cellIndex];
225
225
  o && (a = o);
226
226
  }
227
227
  } else if (n instanceof HTMLTableRowElement) {
228
- const r = n.parentElement;
229
- if (r) {
230
- const c = r.firstElementChild;
228
+ const i = n.parentElement;
229
+ if (i) {
230
+ const c = i.firstElementChild;
231
231
  c && (a = c);
232
232
  }
233
233
  }
234
- return a && (!ee(a) || !_(a)) ? Ve(a) : a;
234
+ return a && (!Q(a) || !Z(a)) ? Ve(a) : a;
235
235
  }, rt = (e) => {
236
236
  const t = e.target;
237
237
  return Ve(t);
@@ -241,36 +241,36 @@ const _ = (e) => {
241
241
  if (e instanceof HTMLTableCellElement) {
242
242
  const a = (t = e.parentElement) == null ? void 0 : t.nextElementSibling;
243
243
  if (a) {
244
- const r = Array.from(a.children)[e.cellIndex];
245
- r && (n = r);
244
+ const i = Array.from(a.children)[e.cellIndex];
245
+ i && (n = i);
246
246
  }
247
247
  } else if (e instanceof HTMLTableRowElement) {
248
248
  const a = e.nextElementSibling;
249
249
  a && (n = a);
250
250
  }
251
- return n && (!ee(n) || !_(n)) ? Ve(n) : n;
251
+ return n && (!Q(n) || !Z(n)) ? Ve(n) : n;
252
252
  }, on = (e) => {
253
253
  var t;
254
254
  const n = e.target;
255
255
  let a;
256
256
  if (n instanceof HTMLTableCellElement) {
257
- const r = (t = n.parentElement) == null ? void 0 : t.parentElement;
258
- if (r) {
259
- const c = r.lastElementChild, o = c == null ? void 0 : c.children[n.cellIndex];
257
+ const i = (t = n.parentElement) == null ? void 0 : t.parentElement;
258
+ if (i) {
259
+ const c = i.lastElementChild, o = c == null ? void 0 : c.children[n.cellIndex];
260
260
  o && (a = o);
261
261
  }
262
262
  } else if (n instanceof HTMLTableRowElement) {
263
- const r = n.parentElement;
264
- if (r) {
265
- const c = r.lastElementChild;
263
+ const i = n.parentElement;
264
+ if (i) {
265
+ const c = i.lastElementChild;
266
266
  c && (a = c);
267
267
  }
268
268
  }
269
- return a && (!ee(a) || !_(a)) ? Xe(a) : a;
269
+ return a && (!Q(a) || !Z(a)) ? Ne(a) : a;
270
270
  }, it = (e) => {
271
271
  const t = e.target;
272
- return Ne(t);
273
- }, Ne = (e) => {
272
+ return Ge(t);
273
+ }, Ge = (e) => {
274
274
  var t;
275
275
  let n;
276
276
  if (e.previousElementSibling)
@@ -279,11 +279,11 @@ const _ = (e) => {
279
279
  const a = (t = e.parentElement) == null ? void 0 : t.previousElementSibling;
280
280
  n = a == null ? void 0 : a.lastElementChild;
281
281
  }
282
- return n && (!ee(n) || !_(n)) ? Ne(n) : n;
282
+ return n && (!Q(n) || !Z(n)) ? Ge(n) : n;
283
283
  }, ct = (e) => {
284
284
  const t = e.target;
285
- return Ge(t);
286
- }, Ge = (e) => {
285
+ return Fe(t);
286
+ }, Fe = (e) => {
287
287
  var t;
288
288
  let n;
289
289
  if (e.nextElementSibling)
@@ -292,19 +292,19 @@ const _ = (e) => {
292
292
  const a = (t = e.parentElement) == null ? void 0 : t.nextElementSibling;
293
293
  n = a == null ? void 0 : a.firstElementChild;
294
294
  }
295
- return n && (!ee(n) || !_(n)) ? Ge(n) : n;
295
+ return n && (!Q(n) || !Z(n)) ? Fe(n) : n;
296
296
  }, ut = (e) => {
297
297
  const t = e.target.parentElement, n = t == null ? void 0 : t.firstElementChild;
298
- return n && (!ee(n) || !_(n)) ? Ge(n) : n;
298
+ return n && (!Q(n) || !Z(n)) ? Fe(n) : n;
299
299
  }, dt = (e) => {
300
300
  const t = e.target.parentElement, n = t == null ? void 0 : t.lastElementChild;
301
- return n && (!ee(n) || !_(n)) ? Ne(n) : n;
302
- }, Ce = ["alt", "control", "shift", "meta"], ln = {
301
+ return n && (!Q(n) || !Z(n)) ? Ge(n) : n;
302
+ }, be = ["alt", "control", "shift", "meta"], ln = {
303
303
  ArrowUp: "up",
304
304
  ArrowDown: "down",
305
305
  ArrowLeft: "left",
306
306
  ArrowRight: "right"
307
- }, Fe = {
307
+ }, Ye = {
308
308
  "keydown.up": (e) => {
309
309
  const t = st(e);
310
310
  t && (e.preventDefault(), e.stopPropagation(), t.focus());
@@ -368,64 +368,64 @@ const _ = (e) => {
368
368
  t && (e.preventDefault(), e.stopPropagation(), t.focus());
369
369
  }
370
370
  };
371
- function Ye(e) {
371
+ function je(e) {
372
372
  const t = (o) => {
373
373
  let l = null;
374
374
  return o.parent && (typeof o.parent == "string" ? l = document.querySelector(o.parent) : o.parent instanceof HTMLElement ? l = o.parent : l = o.parent.value), l;
375
375
  }, n = (o) => {
376
376
  var l;
377
377
  const s = t(o);
378
- let i = [];
378
+ let u = [];
379
379
  if (typeof o.selectors == "string")
380
- i = s ? Array.from(s.querySelectorAll(o.selectors)) : Array.from(document.querySelectorAll(o.selectors));
380
+ u = s ? Array.from(s.querySelectorAll(o.selectors)) : Array.from(document.querySelectorAll(o.selectors));
381
381
  else if (Array.isArray(o.selectors))
382
- for (const d of o.selectors)
383
- d instanceof HTMLElement ? i.push(d) : i.push(d.$el);
382
+ for (const f of o.selectors)
383
+ f instanceof HTMLElement ? u.push(f) : u.push(f.$el);
384
384
  else if (o.selectors instanceof HTMLElement)
385
- i.push(o.selectors);
385
+ u.push(o.selectors);
386
386
  else if ((l = o.selectors) != null && l.value)
387
387
  if (Array.isArray(o.selectors.value))
388
- for (const d of o.selectors.value)
389
- d instanceof HTMLElement ? i.push(d) : i.push(d.$el);
388
+ for (const f of o.selectors.value)
389
+ f instanceof HTMLElement ? u.push(f) : u.push(f.$el);
390
390
  else
391
- i.push(o.selectors.value);
392
- return i;
391
+ u.push(o.selectors.value);
392
+ return u;
393
393
  }, a = (o) => {
394
394
  const l = t(o);
395
395
  let s = [];
396
- return o.selectors ? s = n(o) : l && (s = Array.from(l.children).filter((i) => ee(i) && _(i))), s;
397
- }, r = (o) => (l) => {
396
+ return o.selectors ? s = n(o) : l && (s = Array.from(l.children).filter((u) => Q(u) && Z(u))), s;
397
+ }, i = (o) => (l) => {
398
398
  const s = ln[l.key] || l.key.toLowerCase();
399
- if (Ce.includes(s)) return;
400
- const i = o.handlers || Fe;
401
- for (const d of Object.keys(i)) {
402
- const [w, ...f] = d.split(".");
403
- if (w === "keydown" && f.includes(s)) {
404
- const p = i[d], b = f.filter((u) => Ce.includes(u)), C = Ce.some((u) => {
405
- const h = u.charAt(0).toUpperCase() + u.slice(1);
406
- return l.getModifierState(h);
399
+ if (be.includes(s)) return;
400
+ const u = o.handlers || Ye;
401
+ for (const f of Object.keys(u)) {
402
+ const [g, ...m] = f.split(".");
403
+ if (g === "keydown" && m.includes(s)) {
404
+ const w = u[f], b = m.filter((d) => be.includes(d)), C = be.some((d) => {
405
+ const p = d.charAt(0).toUpperCase() + d.slice(1);
406
+ return l.getModifierState(p);
407
407
  });
408
408
  if (b.length > 0) {
409
409
  if (C) {
410
- for (const u of Ce)
411
- if (f.includes(u)) {
412
- const h = u.charAt(0).toUpperCase() + u.slice(1);
413
- l.getModifierState(h) && p(l);
410
+ for (const d of be)
411
+ if (m.includes(d)) {
412
+ const p = d.charAt(0).toUpperCase() + d.slice(1);
413
+ l.getModifierState(p) && w(l);
414
414
  }
415
415
  }
416
416
  } else
417
- C || p(l);
417
+ C || w(l);
418
418
  }
419
419
  }
420
420
  }, c = [];
421
- ie(() => {
421
+ se(() => {
422
422
  for (const o of e) {
423
- const l = t(o), s = a(o), i = r(o), d = l ? [l] : s;
424
- for (const w of d) {
425
- const { focused: f } = en(D(w)), p = U(f, (b) => {
426
- b ? w.addEventListener("keydown", i) : w.removeEventListener("keydown", i);
423
+ const l = t(o), s = a(o), u = i(o), f = l ? [l] : s;
424
+ for (const g of f) {
425
+ const { focused: m } = en(H(g)), w = Y(m, (b) => {
426
+ b ? g.addEventListener("keydown", u) : g.removeEventListener("keydown", u);
427
427
  });
428
- c.push(p);
428
+ c.push(w);
429
429
  }
430
430
  }
431
431
  }), Rt(() => {
@@ -433,53 +433,53 @@ function Ye(e) {
433
433
  o();
434
434
  });
435
435
  }
436
- function ge(e) {
437
- return gt() ? (ht(e), !0) : !1;
436
+ function ve(e) {
437
+ return ht() ? (gt(e), !0) : !1;
438
438
  }
439
- const Ae = typeof window < "u" && typeof document < "u";
439
+ const Re = typeof window < "u" && typeof document < "u";
440
440
  typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
441
- const an = (e) => e != null, sn = Object.prototype.toString, xt = (e) => sn.call(e) === "[object Object]", K = () => {
442
- }, Be = /* @__PURE__ */ rn();
441
+ const an = (e) => e != null, sn = Object.prototype.toString, yt = (e) => sn.call(e) === "[object Object]", J = () => {
442
+ }, ze = /* @__PURE__ */ rn();
443
443
  function rn() {
444
444
  var e, t;
445
- return Ae && ((e = window == null ? void 0 : window.navigator) == null ? void 0 : e.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((t = window == null ? void 0 : window.navigator) == null ? void 0 : t.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
445
+ return Re && ((e = window == null ? void 0 : window.navigator) == null ? void 0 : e.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((t = window == null ? void 0 : window.navigator) == null ? void 0 : t.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
446
446
  }
447
447
  function cn(...e) {
448
448
  if (e.length !== 1)
449
- return Ot(...e);
449
+ return Ht(...e);
450
450
  const t = e[0];
451
- return typeof t == "function" ? Dt(wt(() => ({ get: t, set: K }))) : D(t);
451
+ return typeof t == "function" ? Dt(wt(() => ({ get: t, set: J }))) : H(t);
452
452
  }
453
453
  function un(e, t) {
454
454
  function n(...a) {
455
- return new Promise((r, c) => {
456
- Promise.resolve(e(() => t.apply(this, a), { fn: t, thisArg: this, args: a })).then(r).catch(c);
455
+ return new Promise((i, c) => {
456
+ Promise.resolve(e(() => t.apply(this, a), { fn: t, thisArg: this, args: a })).then(i).catch(c);
457
457
  });
458
458
  }
459
459
  return n;
460
460
  }
461
461
  function dn(e, t = {}) {
462
- let n, a, r = K;
462
+ let n, a, i = J;
463
463
  const c = (s) => {
464
- clearTimeout(s), r(), r = K;
464
+ clearTimeout(s), i(), i = J;
465
465
  };
466
466
  let o;
467
467
  return (s) => {
468
- const i = M(e), d = M(t.maxWait);
469
- return n && c(n), i <= 0 || d !== void 0 && d <= 0 ? (a && (c(a), a = void 0), Promise.resolve(s())) : new Promise((w, f) => {
470
- r = t.rejectOnCancel ? f : w, o = s, d && !a && (a = setTimeout(() => {
471
- n && c(n), a = void 0, w(o());
472
- }, d)), n = setTimeout(() => {
473
- a && c(a), a = void 0, w(s());
474
- }, i);
468
+ const u = $(e), f = $(t.maxWait);
469
+ return n && c(n), u <= 0 || f !== void 0 && f <= 0 ? (a && (c(a), a = void 0), Promise.resolve(s())) : new Promise((g, m) => {
470
+ i = t.rejectOnCancel ? m : g, o = s, f && !a && (a = setTimeout(() => {
471
+ n && c(n), a = void 0, g(o());
472
+ }, f)), n = setTimeout(() => {
473
+ a && c(a), a = void 0, g(s());
474
+ }, u);
475
475
  });
476
476
  };
477
477
  }
478
- function re(e) {
478
+ function ae(e) {
479
479
  return Array.isArray(e) ? e : [e];
480
480
  }
481
481
  function fn(e) {
482
- return Re();
482
+ return Se();
483
483
  }
484
484
  function vn(e, t = 200, n = {}) {
485
485
  return un(
@@ -489,34 +489,34 @@ function vn(e, t = 200, n = {}) {
489
489
  }
490
490
  function mn(e, t = {}) {
491
491
  if (!Tt(e))
492
- return Ht(e);
492
+ return Ot(e);
493
493
  const n = Array.isArray(e.value) ? Array.from({ length: e.value.length }) : {};
494
494
  for (const a in e.value)
495
495
  n[a] = wt(() => ({
496
496
  get() {
497
497
  return e.value[a];
498
498
  },
499
- set(r) {
499
+ set(i) {
500
500
  var c;
501
- if ((c = M(t.replaceRef)) != null ? c : !0)
501
+ if ((c = $(t.replaceRef)) != null ? c : !0)
502
502
  if (Array.isArray(e.value)) {
503
503
  const l = [...e.value];
504
- l[a] = r, e.value = l;
504
+ l[a] = i, e.value = l;
505
505
  } else {
506
- const l = { ...e.value, [a]: r };
506
+ const l = { ...e.value, [a]: i };
507
507
  Object.setPrototypeOf(l, Object.getPrototypeOf(e.value)), e.value = l;
508
508
  }
509
509
  else
510
- e.value[a] = r;
510
+ e.value[a] = i;
511
511
  }
512
512
  }));
513
513
  return n;
514
514
  }
515
- function gn(e, t = !0, n) {
516
- fn() ? ie(e, n) : t ? e() : pt(e);
515
+ function hn(e, t = !0, n) {
516
+ fn() ? se(e, n) : t ? e() : pt(e);
517
517
  }
518
518
  function bt(e, t, n) {
519
- return U(
519
+ return Y(
520
520
  e,
521
521
  t,
522
522
  {
@@ -525,37 +525,37 @@ function bt(e, t, n) {
525
525
  }
526
526
  );
527
527
  }
528
- const Te = Ae ? window : void 0;
529
- function ve(e) {
528
+ const Ae = Re ? window : void 0;
529
+ function de(e) {
530
530
  var t;
531
- const n = M(e);
531
+ const n = $(e);
532
532
  return (t = n == null ? void 0 : n.$el) != null ? t : n;
533
533
  }
534
- function we(...e) {
534
+ function pe(...e) {
535
535
  const t = [], n = () => {
536
536
  t.forEach((l) => l()), t.length = 0;
537
- }, a = (l, s, i, d) => (l.addEventListener(s, i, d), () => l.removeEventListener(s, i, d)), r = R(() => {
538
- const l = re(M(e[0])).filter((s) => s != null);
537
+ }, a = (l, s, u, f) => (l.addEventListener(s, u, f), () => l.removeEventListener(s, u, f)), i = M(() => {
538
+ const l = ae($(e[0])).filter((s) => s != null);
539
539
  return l.every((s) => typeof s != "string") ? l : void 0;
540
540
  }), c = bt(
541
541
  () => {
542
542
  var l, s;
543
543
  return [
544
- (s = (l = r.value) == null ? void 0 : l.map((i) => ve(i))) != null ? s : [Te].filter((i) => i != null),
545
- re(M(r.value ? e[1] : e[0])),
546
- re(k(r.value ? e[2] : e[1])),
544
+ (s = (l = i.value) == null ? void 0 : l.map((u) => de(u))) != null ? s : [Ae].filter((u) => u != null),
545
+ ae($(i.value ? e[1] : e[0])),
546
+ ae(k(i.value ? e[2] : e[1])),
547
547
  // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
548
- M(r.value ? e[3] : e[2])
548
+ $(i.value ? e[3] : e[2])
549
549
  ];
550
550
  },
551
- ([l, s, i, d]) => {
552
- if (n(), !(l != null && l.length) || !(s != null && s.length) || !(i != null && i.length))
551
+ ([l, s, u, f]) => {
552
+ if (n(), !(l != null && l.length) || !(s != null && s.length) || !(u != null && u.length))
553
553
  return;
554
- const w = xt(d) ? { ...d } : d;
554
+ const g = yt(f) ? { ...f } : f;
555
555
  t.push(
556
556
  ...l.flatMap(
557
- (f) => s.flatMap(
558
- (p) => i.map((b) => a(f, p, b, w))
557
+ (m) => s.flatMap(
558
+ (w) => u.map((b) => a(m, w, b, g))
559
559
  )
560
560
  )
561
561
  );
@@ -564,167 +564,167 @@ function we(...e) {
564
564
  ), o = () => {
565
565
  c(), n();
566
566
  };
567
- return ge(n), o;
567
+ return ve(n), o;
568
568
  }
569
- function hn() {
570
- const e = N(!1), t = Re();
571
- return t && ie(() => {
569
+ function gn() {
570
+ const e = X(!1), t = Se();
571
+ return t && se(() => {
572
572
  e.value = !0;
573
573
  }, t), e;
574
574
  }
575
575
  function Ct(e) {
576
- const t = hn();
577
- return R(() => (t.value, !!e()));
576
+ const t = gn();
577
+ return M(() => (t.value, !!e()));
578
578
  }
579
579
  function It(e, t, n = {}) {
580
- const { window: a = Te, ...r } = n;
580
+ const { window: a = Ae, ...i } = n;
581
581
  let c;
582
582
  const o = Ct(() => a && "MutationObserver" in a), l = () => {
583
583
  c && (c.disconnect(), c = void 0);
584
- }, s = R(() => {
585
- const f = M(e), p = re(f).map(ve).filter(an);
586
- return new Set(p);
587
- }), i = U(
584
+ }, s = M(() => {
585
+ const m = $(e), w = ae(m).map(de).filter(an);
586
+ return new Set(w);
587
+ }), u = Y(
588
588
  () => s.value,
589
- (f) => {
590
- l(), o.value && f.size && (c = new MutationObserver(t), f.forEach((p) => c.observe(p, r)));
589
+ (m) => {
590
+ l(), o.value && m.size && (c = new MutationObserver(t), m.forEach((w) => c.observe(w, i)));
591
591
  },
592
592
  { immediate: !0, flush: "post" }
593
- ), d = () => c == null ? void 0 : c.takeRecords(), w = () => {
594
- i(), l();
593
+ ), f = () => c == null ? void 0 : c.takeRecords(), g = () => {
594
+ u(), l();
595
595
  };
596
- return ge(w), {
596
+ return ve(g), {
597
597
  isSupported: o,
598
- stop: w,
599
- takeRecords: d
598
+ stop: g,
599
+ takeRecords: f
600
600
  };
601
601
  }
602
- function Oe(e, t = {}) {
602
+ function De(e, t = {}) {
603
603
  var n;
604
604
  const {
605
605
  pointerTypes: a,
606
- preventDefault: r,
606
+ preventDefault: i,
607
607
  stopPropagation: c,
608
608
  exact: o,
609
609
  onMove: l,
610
610
  onEnd: s,
611
- onStart: i,
612
- initialValue: d,
613
- axis: w = "both",
614
- draggingElement: f = Te,
615
- containerElement: p,
611
+ onStart: u,
612
+ initialValue: f,
613
+ axis: g = "both",
614
+ draggingElement: m = Ae,
615
+ containerElement: w,
616
616
  handle: b = e,
617
617
  buttons: C = [0]
618
- } = t, u = D(
619
- (n = M(d)) != null ? n : { x: 0, y: 0 }
620
- ), h = D(), y = (A) => a ? a.includes(A.pointerType) : !0, E = (A) => {
621
- M(r) && A.preventDefault(), M(c) && A.stopPropagation();
622
- }, z = (A) => {
623
- var L;
624
- if (!M(C).includes(A.button) || M(t.disabled) || !y(A) || M(o) && A.target !== M(e))
618
+ } = t, d = H(
619
+ (n = $(f)) != null ? n : { x: 0, y: 0 }
620
+ ), p = H(), x = (R) => a ? a.includes(R.pointerType) : !0, I = (R) => {
621
+ $(i) && R.preventDefault(), $(c) && R.stopPropagation();
622
+ }, B = (R) => {
623
+ var P;
624
+ if (!$(C).includes(R.button) || $(t.disabled) || !x(R) || $(o) && R.target !== $(e))
625
625
  return;
626
- const X = M(p), q = (L = X == null ? void 0 : X.getBoundingClientRect) == null ? void 0 : L.call(X), B = M(e).getBoundingClientRect(), Q = {
627
- x: A.clientX - (X ? B.left - q.left + X.scrollLeft : B.left),
628
- y: A.clientY - (X ? B.top - q.top + X.scrollTop : B.top)
626
+ const W = $(w), j = (P = W == null ? void 0 : W.getBoundingClientRect) == null ? void 0 : P.call(W), L = $(e).getBoundingClientRect(), K = {
627
+ x: R.clientX - (W ? L.left - j.left + W.scrollLeft : L.left),
628
+ y: R.clientY - (W ? L.top - j.top + W.scrollTop : L.top)
629
629
  };
630
- (i == null ? void 0 : i(Q, A)) !== !1 && (h.value = Q, E(A));
631
- }, G = (A) => {
632
- if (M(t.disabled) || !y(A) || !h.value)
630
+ (u == null ? void 0 : u(K, R)) !== !1 && (p.value = K, I(R));
631
+ }, N = (R) => {
632
+ if ($(t.disabled) || !x(R) || !p.value)
633
633
  return;
634
- const L = M(p), X = M(e).getBoundingClientRect();
635
- let { x: q, y: B } = u.value;
636
- (w === "x" || w === "both") && (q = A.clientX - h.value.x, L && (q = Math.min(Math.max(0, q), L.scrollWidth - X.width))), (w === "y" || w === "both") && (B = A.clientY - h.value.y, L && (B = Math.min(Math.max(0, B), L.scrollHeight - X.height))), u.value = {
637
- x: q,
638
- y: B
639
- }, l == null || l(u.value, A), E(A);
640
- }, O = (A) => {
641
- M(t.disabled) || !y(A) || h.value && (h.value = void 0, s == null || s(u.value, A), E(A));
634
+ const P = $(w), W = $(e).getBoundingClientRect();
635
+ let { x: j, y: L } = d.value;
636
+ (g === "x" || g === "both") && (j = R.clientX - p.value.x, P && (j = Math.min(Math.max(0, j), P.scrollWidth - W.width))), (g === "y" || g === "both") && (L = R.clientY - p.value.y, P && (L = Math.min(Math.max(0, L), P.scrollHeight - W.height))), d.value = {
637
+ x: j,
638
+ y: L
639
+ }, l == null || l(d.value, R), I(R);
640
+ }, O = (R) => {
641
+ $(t.disabled) || !x(R) || p.value && (p.value = void 0, s == null || s(d.value, R), I(R));
642
642
  };
643
- if (Ae) {
644
- const A = () => {
645
- var L;
643
+ if (Re) {
644
+ const R = () => {
645
+ var P;
646
646
  return {
647
- capture: (L = t.capture) != null ? L : !0,
648
- passive: !M(r)
647
+ capture: (P = t.capture) != null ? P : !0,
648
+ passive: !$(i)
649
649
  };
650
650
  };
651
- we(b, "pointerdown", z, A), we(f, "pointermove", G, A), we(f, "pointerup", O, A);
651
+ pe(b, "pointerdown", B, R), pe(m, "pointermove", N, R), pe(m, "pointerup", O, R);
652
652
  }
653
653
  return {
654
- ...mn(u),
655
- position: u,
656
- isDragging: R(() => !!h.value),
657
- style: R(
658
- () => `left:${u.value.x}px;top:${u.value.y}px;`
654
+ ...mn(d),
655
+ position: d,
656
+ isDragging: M(() => !!p.value),
657
+ style: M(
658
+ () => `left:${d.value.x}px;top:${d.value.y}px;`
659
659
  )
660
660
  };
661
661
  }
662
662
  function pn(e, t, n = {}) {
663
- const { window: a = Te, ...r } = n;
663
+ const { window: a = Ae, ...i } = n;
664
664
  let c;
665
665
  const o = Ct(() => a && "ResizeObserver" in a), l = () => {
666
666
  c && (c.disconnect(), c = void 0);
667
- }, s = R(() => {
668
- const w = M(e);
669
- return Array.isArray(w) ? w.map((f) => ve(f)) : [ve(w)];
670
- }), i = U(
667
+ }, s = M(() => {
668
+ const g = $(e);
669
+ return Array.isArray(g) ? g.map((m) => de(m)) : [de(g)];
670
+ }), u = Y(
671
671
  s,
672
- (w) => {
672
+ (g) => {
673
673
  if (l(), o.value && a) {
674
674
  c = new ResizeObserver(t);
675
- for (const f of w)
676
- f && c.observe(f, r);
675
+ for (const m of g)
676
+ m && c.observe(m, i);
677
677
  }
678
678
  },
679
679
  { immediate: !0, flush: "post" }
680
- ), d = () => {
681
- l(), i();
680
+ ), f = () => {
681
+ l(), u();
682
682
  };
683
- return ge(d), {
683
+ return ve(f), {
684
684
  isSupported: o,
685
- stop: d
685
+ stop: f
686
686
  };
687
687
  }
688
- function le(e, t = {}) {
688
+ function ne(e, t = {}) {
689
689
  const {
690
690
  reset: n = !0,
691
691
  windowResize: a = !0,
692
- windowScroll: r = !0,
692
+ windowScroll: i = !0,
693
693
  immediate: c = !0,
694
694
  updateTiming: o = "sync"
695
- } = t, l = N(0), s = N(0), i = N(0), d = N(0), w = N(0), f = N(0), p = N(0), b = N(0);
695
+ } = t, l = X(0), s = X(0), u = X(0), f = X(0), g = X(0), m = X(0), w = X(0), b = X(0);
696
696
  function C() {
697
- const h = ve(e);
698
- if (!h) {
699
- n && (l.value = 0, s.value = 0, i.value = 0, d.value = 0, w.value = 0, f.value = 0, p.value = 0, b.value = 0);
697
+ const p = de(e);
698
+ if (!p) {
699
+ n && (l.value = 0, s.value = 0, u.value = 0, f.value = 0, g.value = 0, m.value = 0, w.value = 0, b.value = 0);
700
700
  return;
701
701
  }
702
- const y = h.getBoundingClientRect();
703
- l.value = y.height, s.value = y.bottom, i.value = y.left, d.value = y.right, w.value = y.top, f.value = y.width, p.value = y.x, b.value = y.y;
702
+ const x = p.getBoundingClientRect();
703
+ l.value = x.height, s.value = x.bottom, u.value = x.left, f.value = x.right, g.value = x.top, m.value = x.width, w.value = x.x, b.value = x.y;
704
704
  }
705
- function u() {
705
+ function d() {
706
706
  o === "sync" ? C() : o === "next-frame" && requestAnimationFrame(() => C());
707
707
  }
708
- return pn(e, u), U(() => ve(e), (h) => !h && u()), It(e, u, {
708
+ return pn(e, d), Y(() => de(e), (p) => !p && d()), It(e, d, {
709
709
  attributeFilter: ["style", "class"]
710
- }), r && we("scroll", u, { capture: !0, passive: !0 }), a && we("resize", u, { passive: !0 }), gn(() => {
711
- c && u();
710
+ }), i && pe("scroll", d, { capture: !0, passive: !0 }), a && pe("resize", d, { passive: !0 }), hn(() => {
711
+ c && d();
712
712
  }), {
713
713
  height: l,
714
714
  bottom: s,
715
- left: i,
716
- right: d,
717
- top: w,
718
- width: f,
719
- x: p,
715
+ left: u,
716
+ right: f,
717
+ top: g,
718
+ width: m,
719
+ x: w,
720
720
  y: b,
721
- update: u
721
+ update: d
722
722
  };
723
723
  }
724
724
  const wn = (e) => {
725
725
  const t = new DOMParser().parseFromString(e, "text/html");
726
726
  return Array.from(t.body.childNodes).some((n) => n.nodeType === 1);
727
- }, yn = (e = 8) => Array.from({ length: e }, () => Math.floor(Math.random() * 16).toString(16)).join(""), xn = ["data-colindex", "data-rowindex", "data-editable", "contenteditable", "tabindex"], bn = ["innerHTML"], Cn = { key: 2 }, In = /* @__PURE__ */ oe({
727
+ }, xn = (e = 8) => Array.from({ length: e }, () => Math.floor(Math.random() * 16).toString(16)).join(""), yn = ["data-colindex", "data-rowindex", "data-editable", "contenteditable", "tabindex"], bn = ["innerHTML"], Cn = { key: 2 }, In = /* @__PURE__ */ te({
728
728
  __name: "ACell",
729
729
  props: {
730
730
  colIndex: {},
@@ -736,76 +736,76 @@ const wn = (e) => {
736
736
  debounce: { default: 300 }
737
737
  },
738
738
  setup(e, { expose: t }) {
739
- const n = Z("cell"), a = e.store.getCellData(e.colIndex, e.rowIndex), r = D(""), c = D(!1), o = e.store.columns[e.colIndex], l = e.store.rows[e.rowIndex], s = o.align || "center", i = o.width || "40ch", d = R(() => e.store.getCellDisplayValue(e.colIndex, e.rowIndex)), w = R(() => typeof d.value == "string" ? wn(d.value) : !1), f = R(() => {
740
- var y;
739
+ const n = U("cell"), a = e.store.getCellData(e.colIndex, e.rowIndex), i = H(""), c = H(!1), o = e.store.columns[e.colIndex], l = e.store.rows[e.rowIndex], s = o.align || "center", u = o.width || "40ch", f = M(() => e.store.getCellDisplayValue(e.colIndex, e.rowIndex)), g = M(() => typeof f.value == "string" ? wn(f.value) : !1), m = M(() => {
740
+ var x;
741
741
  return {
742
742
  textAlign: s,
743
- width: i,
743
+ width: u,
744
744
  fontWeight: c.value ? "bold" : "inherit",
745
- paddingLeft: e.store.getIndent(e.colIndex, (y = e.store.display[e.rowIndex]) == null ? void 0 : y.indent)
745
+ paddingLeft: e.store.getIndent(e.colIndex, (x = e.store.display[e.rowIndex]) == null ? void 0 : x.indent)
746
746
  };
747
- }), p = R(() => ({
747
+ }), w = M(() => ({
748
748
  "sticky-column": e.pinned,
749
749
  "cell-modified": c.value
750
750
  })), b = () => {
751
- const { left: y, bottom: E, width: z, height: G } = le(n);
751
+ const { left: x, bottom: I, width: B, height: N } = ne(n);
752
752
  o.mask, o.modalComponent && e.store.$patch((O) => {
753
- O.modal.visible = !0, O.modal.colIndex = e.colIndex, O.modal.rowIndex = e.rowIndex, O.modal.left = y, O.modal.bottom = E, O.modal.width = z, O.modal.height = G, O.modal.cell = n.value, typeof o.modalComponent == "function" ? O.modal.component = o.modalComponent({ table: O.table, row: l, column: o }) : O.modal.component = o.modalComponent, O.modal.componentProps = o.modalComponentExtraProps;
753
+ O.modal.visible = !0, O.modal.colIndex = e.colIndex, O.modal.rowIndex = e.rowIndex, O.modal.left = x, O.modal.bottom = I, O.modal.width = B, O.modal.height = N, O.modal.cell = n.value, typeof o.modalComponent == "function" ? O.modal.component = o.modalComponent({ table: O.table, row: l, column: o }) : O.modal.component = o.modalComponent, O.modal.componentProps = o.modalComponentExtraProps;
754
754
  });
755
755
  };
756
756
  if (e.addNavigation) {
757
- let y = {
758
- ...Fe,
757
+ let x = {
758
+ ...Ye,
759
759
  "keydown.f2": b,
760
760
  "keydown.alt.up": b,
761
761
  "keydown.alt.down": b,
762
762
  "keydown.alt.left": b,
763
763
  "keydown.alt.right": b
764
764
  };
765
- typeof e.addNavigation == "object" && (y = {
766
- ...y,
765
+ typeof e.addNavigation == "object" && (x = {
766
+ ...x,
767
767
  ...e.addNavigation
768
- }), Ye([
768
+ }), je([
769
769
  {
770
770
  selectors: n,
771
- handlers: y
771
+ handlers: x
772
772
  }
773
773
  ]);
774
774
  }
775
775
  const C = () => {
776
- n.value && (r.value = n.value.textContent);
777
- }, u = (y) => {
778
- const E = y.target;
779
- E.textContent !== r.value && (r.value = E.textContent, o.format ? (c.value = E.textContent !== e.store.getFormattedValue(e.colIndex, e.rowIndex, a), e.store.setCellText(e.colIndex, e.rowIndex, E.textContent)) : (c.value = E.textContent !== a, e.store.setCellData(e.colIndex, e.rowIndex, E.textContent)));
780
- }, h = vn(u, e.debounce);
776
+ n.value && (i.value = n.value.textContent);
777
+ }, d = (x) => {
778
+ const I = x.target;
779
+ I.textContent !== i.value && (i.value = I.textContent, o.format ? (c.value = I.textContent !== e.store.getFormattedValue(e.colIndex, e.rowIndex, a), e.store.setCellText(e.colIndex, e.rowIndex, I.textContent)) : (c.value = I.textContent !== a, e.store.setCellData(e.colIndex, e.rowIndex, I.textContent)));
780
+ }, p = vn(d, e.debounce);
781
781
  return t({
782
- currentData: r
783
- }), (y, E) => (S(), H("td", {
782
+ currentData: i
783
+ }), (x, I) => (S(), T("td", {
784
784
  ref: "cell",
785
- "data-colindex": y.colIndex,
786
- "data-rowindex": y.rowIndex,
785
+ "data-colindex": x.colIndex,
786
+ "data-rowindex": x.rowIndex,
787
787
  "data-editable": k(o).edit,
788
788
  contenteditable: k(o).edit,
789
- tabindex: y.tabIndex,
789
+ tabindex: x.tabIndex,
790
790
  spellcheck: !1,
791
- style: te(f.value),
791
+ style: _(m.value),
792
792
  onFocus: C,
793
- onPaste: u,
794
- onInput: E[0] || (E[0] = //@ts-ignore
795
- (...z) => k(h) && k(h)(...z)),
793
+ onPaste: d,
794
+ onInput: I[0] || (I[0] = //@ts-ignore
795
+ (...B) => k(p) && k(p)(...B)),
796
796
  onClick: b,
797
- class: J(["atable-cell", p.value])
797
+ class: q(["atable-cell", w.value])
798
798
  }, [
799
- k(o).cellComponent ? (S(), ue(Ee(k(o).cellComponent), ze({
799
+ k(o).cellComponent ? (S(), ie(Ie(k(o).cellComponent), We({
800
800
  key: 0,
801
- value: d.value
802
- }, k(o).cellComponentProps), null, 16, ["value"])) : w.value ? (S(), H("span", {
801
+ value: f.value
802
+ }, k(o).cellComponentProps), null, 16, ["value"])) : g.value ? (S(), T("span", {
803
803
  key: 1,
804
- innerHTML: d.value
805
- }, null, 8, bn)) : (S(), H("span", Cn, de(d.value), 1))
806
- ], 46, xn));
804
+ innerHTML: f.value
805
+ }, null, 8, bn)) : (S(), T("span", Cn, ce(f.value), 1))
806
+ ], 46, yn));
807
807
  }
808
- }), En = ["tabindex"], kn = ["tabindex"], $n = ["colspan"], Mn = /* @__PURE__ */ oe({
808
+ }), En = ["tabindex"], kn = ["tabindex"], $n = ["colspan"], Mn = /* @__PURE__ */ te({
809
809
  __name: "AExpansionRow",
810
810
  props: {
811
811
  rowIndex: {},
@@ -814,61 +814,61 @@ const wn = (e) => {
814
814
  addNavigation: { type: [Boolean, Object] }
815
815
  },
816
816
  setup(e) {
817
- const t = Z("rowEl"), n = R(() => e.store.display[e.rowIndex].expanded ? "▼" : "►");
817
+ const t = U("rowEl"), n = M(() => e.store.display[e.rowIndex].expanded ? "▼" : "►");
818
818
  if (e.addNavigation) {
819
819
  const a = {
820
- "keydown.control.g": (r) => {
821
- r.stopPropagation(), r.preventDefault(), e.store.toggleRowExpand(e.rowIndex);
820
+ "keydown.control.g": (i) => {
821
+ i.stopPropagation(), i.preventDefault(), e.store.toggleRowExpand(e.rowIndex);
822
822
  }
823
823
  };
824
- typeof e.addNavigation == "object" && Object.assign(a, e.addNavigation), Ye([
824
+ typeof e.addNavigation == "object" && Object.assign(a, e.addNavigation), je([
825
825
  {
826
826
  selectors: t,
827
827
  handlers: a
828
828
  }
829
829
  ]);
830
830
  }
831
- return (a, r) => (S(), H(se, null, [
832
- P("tr", ze(a.$attrs, {
831
+ return (a, i) => (S(), T(le, null, [
832
+ D("tr", We(a.$attrs, {
833
833
  ref: "rowEl",
834
834
  tabindex: a.tabIndex,
835
835
  class: "expandable-row"
836
836
  }), [
837
- P("td", {
837
+ D("td", {
838
838
  tabIndex: -1,
839
- onClick: r[0] || (r[0] = (c) => a.store.toggleRowExpand(a.rowIndex)),
839
+ onClick: i[0] || (i[0] = (c) => a.store.toggleRowExpand(a.rowIndex)),
840
840
  class: "row-index"
841
- }, de(n.value), 1),
842
- j(a.$slots, "row", {}, void 0, !0)
841
+ }, ce(n.value), 1),
842
+ F(a.$slots, "row", {}, void 0, !0)
843
843
  ], 16, En),
844
- a.store.display[a.rowIndex].expanded ? (S(), H("tr", {
844
+ a.store.display[a.rowIndex].expanded ? (S(), T("tr", {
845
845
  key: 0,
846
846
  ref: "rowExpanded",
847
847
  tabindex: a.tabIndex,
848
848
  class: "expanded-row"
849
849
  }, [
850
- P("td", {
850
+ D("td", {
851
851
  tabIndex: -1,
852
852
  colspan: a.store.columns.length + 1,
853
853
  class: "expanded-row-content"
854
854
  }, [
855
- j(a.$slots, "content", {}, void 0, !0)
855
+ F(a.$slots, "content", {}, void 0, !0)
856
856
  ], 8, $n)
857
- ], 8, kn)) : ne("", !0)
857
+ ], 8, kn)) : ee("", !0)
858
858
  ], 64));
859
859
  }
860
- }), ce = (e, t) => {
860
+ }), re = (e, t) => {
861
861
  const n = e.__vccOpts || e;
862
- for (const [a, r] of t)
863
- n[a] = r;
862
+ for (const [a, i] of t)
863
+ n[a] = i;
864
864
  return n;
865
- }, Sn = /* @__PURE__ */ ce(Mn, [["__scopeId", "data-v-5ad4bb41"]]), Rn = ["colspan"], An = {
865
+ }, Sn = /* @__PURE__ */ re(Mn, [["__scopeId", "data-v-5ad4bb41"]]), Rn = ["colspan"], An = {
866
866
  ref: "container",
867
867
  class: "gantt-container"
868
- }, Tn = ["data-rowindex", "data-colindex"], Hn = {
868
+ }, Tn = ["data-rowindex", "data-colindex"], On = {
869
869
  key: 0,
870
870
  class: "gantt-label"
871
- }, On = ["x1", "y1", "x2", "y2"], Dn = /* @__PURE__ */ oe({
871
+ }, Hn = ["x1", "y1", "x2", "y2"], Dn = /* @__PURE__ */ te({
872
872
  __name: "AGanttCell",
873
873
  props: {
874
874
  store: {},
@@ -883,18 +883,18 @@ const wn = (e) => {
883
883
  },
884
884
  emits: ["connection:create"],
885
885
  setup(e, { expose: t, emit: n }) {
886
- Pt((g) => ({
887
- 52017849: r.value,
888
- "0d200c71": g.colspan
886
+ Pt((r) => ({
887
+ 52017849: i.value,
888
+ "0d200c71": r.colspan
889
889
  }));
890
- const a = n, r = D(e.color.length >= 6 ? e.color : "#cccccc"), c = `gantt-bar-row-${e.rowIndex}-col-${e.colIndex}`, o = Z("container"), l = Z("bar"), s = Z("leftResizeHandle"), i = Z("rightResizeHandle"), d = Z("leftConnectionHandle"), w = Z("rightConnectionHandle"), { width: f } = le(o), { left: p, right: b } = le(l), C = D(e.start), u = D(e.end || C.value + e.colspan), h = D(!1), y = D(!1), E = D(!1), z = D(!1), G = D(!1), O = D({ startX: 0, startY: 0, endX: 0, endY: 0 }), A = R(() => pe.value || Q.value || he.value), L = R(() => e.colspan > 0 ? f.value / e.colspan : 0), X = R(() => {
891
- const g = C.value / e.colspan * 100, x = u.value / e.colspan * 100;
890
+ const a = n, i = H(e.color.length >= 6 ? e.color : "#cccccc"), c = `gantt-bar-row-${e.rowIndex}-col-${e.colIndex}`, o = U("container"), l = U("bar"), s = U("leftResizeHandle"), u = U("rightResizeHandle"), f = U("leftConnectionHandle"), g = U("rightConnectionHandle"), { width: m } = ne(o), { left: w, right: b } = ne(l), C = H(e.start), d = H(e.end || C.value + e.colspan), p = H(!1), x = H(!1), I = H(!1), B = H(!1), N = H(!1), O = H({ startX: 0, startY: 0, endX: 0, endY: 0 }), R = M(() => he.value || K.value || me.value), P = M(() => e.colspan > 0 ? m.value / e.colspan : 0), W = M(() => {
891
+ const r = C.value / e.colspan * 100, h = d.value / e.colspan * 100;
892
892
  return {
893
- left: `${g}%`,
894
- width: `${x - g}%`,
895
- backgroundColor: r.value
893
+ left: `${r}%`,
894
+ width: `${h - r}%`,
895
+ backgroundColor: i.value
896
896
  };
897
- }), q = R(
897
+ }), j = M(
898
898
  () => ({
899
899
  position: "fixed",
900
900
  top: 0,
@@ -904,120 +904,120 @@ const wn = (e) => {
904
904
  pointerEvents: "none",
905
905
  zIndex: 1e3
906
906
  })
907
- ), B = D({ startX: 0, startPos: 0 }), { isDragging: Q } = Oe(s, {
907
+ ), L = H({ startX: 0, startPos: 0 }), { isDragging: K } = De(s, {
908
908
  axis: "x",
909
- onStart: () => be(p.value, C.value),
910
- onMove: ({ x: g }) => Ue(g),
911
- onEnd: ({ x: g }) => qe(g)
912
- }), { isDragging: he } = Oe(i, {
909
+ onStart: () => ge(w.value, C.value),
910
+ onMove: ({ x: r }) => ye(r),
911
+ onEnd: ({ x: r }) => qe(r)
912
+ }), { isDragging: me } = De(u, {
913
913
  axis: "x",
914
- onStart: () => be(b.value, u.value),
915
- onMove: ({ x: g }) => Ze(g),
916
- onEnd: ({ x: g }) => Je(g)
917
- }), { isDragging: pe } = Oe(l, {
914
+ onStart: () => ge(b.value, d.value),
915
+ onMove: ({ x: r }) => Je(r),
916
+ onEnd: ({ x: r }) => Ze(r)
917
+ }), { isDragging: he } = De(l, {
918
918
  exact: !0,
919
919
  axis: "x",
920
- onStart: () => be(p.value, C.value),
921
- onMove: ({ x: g }) => Qe(g),
922
- onEnd: ({ x: g }) => Ke(g)
920
+ onStart: () => ge(w.value, C.value),
921
+ onMove: ({ x: r }) => Qe(r),
922
+ onEnd: ({ x: r }) => Ke(r)
923
923
  });
924
- ie(() => {
924
+ se(() => {
925
925
  _e();
926
926
  }), Lt(() => {
927
927
  et();
928
928
  });
929
- function be(g, x) {
930
- l.value && (l.value.style.transition = "none"), B.value = { startX: g, startPos: x };
929
+ function ge(r, h) {
930
+ l.value && (l.value.style.transition = "none"), L.value = { startX: r, startPos: h };
931
931
  }
932
- function Ue(g) {
933
- if (!Q.value || !l.value) return;
934
- const $ = (g - B.value.startX) / L.value, T = Math.max(0, Math.min(u.value - 1, B.value.startPos + $));
935
- l.value.style.left = `${T / e.colspan * 100}%`, l.value.style.width = `${(u.value - T) / e.colspan * 100}%`;
932
+ function ye(r) {
933
+ if (!K.value || !l.value) return;
934
+ const y = (r - L.value.startX) / P.value, E = Math.max(0, Math.min(d.value - 1, L.value.startPos + y));
935
+ l.value.style.left = `${E / e.colspan * 100}%`, l.value.style.width = `${(d.value - E) / e.colspan * 100}%`;
936
936
  }
937
- function qe(g) {
937
+ function qe(r) {
938
938
  if (!l.value) return;
939
- const x = g - B.value.startX, $ = Math.round(x / L.value), T = C.value, W = Math.max(0, Math.min(u.value - 1, B.value.startPos + $));
940
- C.value = W, e.store.updateGanttBar({
939
+ const h = r - L.value.startX, y = Math.round(h / P.value), E = C.value, A = Math.max(0, Math.min(d.value - 1, L.value.startPos + y));
940
+ C.value = A, e.store.updateGanttBar({
941
941
  rowIndex: e.rowIndex,
942
942
  colIndex: e.colIndex,
943
943
  type: "resize",
944
944
  edge: "start",
945
- oldStart: T,
946
- newStart: W,
947
- end: u.value,
948
- delta: $,
949
- oldColspan: u.value - T,
950
- newColspan: u.value - W
945
+ oldStart: E,
946
+ newStart: A,
947
+ end: d.value,
948
+ delta: y,
949
+ oldColspan: d.value - E,
950
+ newColspan: d.value - A
951
951
  });
952
952
  }
953
- function Ze(g) {
954
- if (!he.value || !l.value) return;
955
- const $ = (g - B.value.startX) / L.value, T = Math.max(C.value + 1, Math.min(e.columnsCount, B.value.startPos + $));
956
- l.value.style.width = `${(T - C.value) / e.colspan * 100}%`;
953
+ function Je(r) {
954
+ if (!me.value || !l.value) return;
955
+ const y = (r - L.value.startX) / P.value, E = Math.max(C.value + 1, Math.min(e.columnsCount, L.value.startPos + y));
956
+ l.value.style.width = `${(E - C.value) / e.colspan * 100}%`;
957
957
  }
958
- function Je(g) {
958
+ function Ze(r) {
959
959
  if (!l.value) return;
960
- const x = g - B.value.startX, $ = Math.round(x / L.value), T = u.value, W = Math.max(C.value + 1, Math.min(e.columnsCount, B.value.startPos + $));
961
- u.value = W, e.store.updateGanttBar({
960
+ const h = r - L.value.startX, y = Math.round(h / P.value), E = d.value, A = Math.max(C.value + 1, Math.min(e.columnsCount, L.value.startPos + y));
961
+ d.value = A, e.store.updateGanttBar({
962
962
  rowIndex: e.rowIndex,
963
963
  colIndex: e.colIndex,
964
964
  type: "resize",
965
965
  edge: "end",
966
- oldEnd: T,
967
- newEnd: W,
966
+ oldEnd: E,
967
+ newEnd: A,
968
968
  start: C.value,
969
- delta: $,
970
- oldColspan: T - C.value,
971
- newColspan: W - C.value
969
+ delta: y,
970
+ oldColspan: E - C.value,
971
+ newColspan: A - C.value
972
972
  });
973
973
  }
974
- function Qe(g) {
975
- if (!pe.value || !l.value) return;
976
- const $ = (g - B.value.startX) / L.value, T = u.value - C.value, W = Math.max(0, Math.min(B.value.startPos + $, e.columnsCount - T));
977
- l.value.style.left = `${W / e.colspan * 100}%`;
974
+ function Qe(r) {
975
+ if (!he.value || !l.value) return;
976
+ const y = (r - L.value.startX) / P.value, E = d.value - C.value, A = Math.max(0, Math.min(L.value.startPos + y, e.columnsCount - E));
977
+ l.value.style.left = `${A / e.colspan * 100}%`;
978
978
  }
979
- function Ke(g) {
979
+ function Ke(r) {
980
980
  if (!l.value) return;
981
- const x = g - B.value.startX, $ = Math.round(x / L.value), T = u.value - C.value, W = C.value, V = u.value;
982
- let F = B.value.startPos + $, Y = F + T;
983
- F < 0 ? (F = 0, Y = T) : Y > e.columnsCount && (Y = e.columnsCount, F = Y - T), C.value = F, u.value = Y, e.store.updateGanttBar({
981
+ const h = r - L.value.startX, y = Math.round(h / P.value), E = d.value - C.value, A = C.value, z = d.value;
982
+ let V = L.value.startPos + y, G = V + E;
983
+ V < 0 ? (V = 0, G = E) : G > e.columnsCount && (G = e.columnsCount, V = G - E), C.value = V, d.value = G, e.store.updateGanttBar({
984
984
  rowIndex: e.rowIndex,
985
985
  colIndex: e.colIndex,
986
986
  type: "bar",
987
- oldStart: W,
988
- oldEnd: V,
989
- newStart: F,
990
- newEnd: Y,
991
- delta: $,
992
- colspan: Y - F
987
+ oldStart: A,
988
+ oldEnd: z,
989
+ newStart: V,
990
+ newEnd: G,
991
+ delta: y,
992
+ colspan: G - V
993
993
  });
994
994
  }
995
995
  function _e() {
996
- const { x: g, y: x } = le(l), { x: $, y: T } = le(d), { x: W, y: V } = le(w);
996
+ const { x: r, y: h } = ne(l), { x: y, y: E } = ne(f), { x: A, y: z } = ne(g);
997
997
  e.store.registerGanttBar({
998
998
  id: c,
999
999
  rowIndex: e.rowIndex,
1000
1000
  colIndex: e.colIndex,
1001
1001
  startIndex: C,
1002
- endIndex: u,
1003
- color: r,
1002
+ endIndex: d,
1003
+ color: i,
1004
1004
  label: e.label,
1005
- position: { x: g, y: x }
1005
+ position: { x: r, y: h }
1006
1006
  }), e.store.registerConnectionHandle({
1007
1007
  id: `${c}-connection-left`,
1008
1008
  rowIndex: e.rowIndex,
1009
1009
  colIndex: e.colIndex,
1010
1010
  side: "left",
1011
- position: { x: $, y: T },
1012
- visible: h,
1011
+ position: { x: y, y: E },
1012
+ visible: p,
1013
1013
  barId: c
1014
1014
  }), e.store.registerConnectionHandle({
1015
1015
  id: `${c}-connection-right`,
1016
1016
  rowIndex: e.rowIndex,
1017
1017
  colIndex: e.colIndex,
1018
1018
  side: "right",
1019
- position: { x: W, y: V },
1020
- visible: y,
1019
+ position: { x: A, y: z },
1020
+ visible: x,
1021
1021
  barId: c
1022
1022
  });
1023
1023
  }
@@ -1025,102 +1025,102 @@ const wn = (e) => {
1025
1025
  e.store.unregisterGanttBar(c), e.store.unregisterConnectionHandle(`${c}-connection-left`), e.store.unregisterConnectionHandle(`${c}-connection-right`);
1026
1026
  }
1027
1027
  function tt() {
1028
- h.value = !0, y.value = !0;
1028
+ p.value = !0, x.value = !0;
1029
1029
  }
1030
- function He() {
1031
- !E.value && !z.value && (h.value = !1, y.value = !1);
1030
+ function Te() {
1031
+ !I.value && !B.value && (p.value = !1, x.value = !1);
1032
1032
  }
1033
- function v(g, x) {
1034
- x.preventDefault(), x.stopPropagation(), G.value = !0, g === "left" ? E.value = !0 : z.value = !0;
1035
- const $ = g === "left" ? d.value : w.value;
1036
- if ($) {
1037
- const V = $.getBoundingClientRect(), F = V.left + V.width / 2, Y = V.top + V.height / 2;
1038
- O.value = { startX: F, startY: Y, endX: F, endY: Y };
1033
+ function Oe(r, h) {
1034
+ h.preventDefault(), h.stopPropagation(), N.value = !0, r === "left" ? I.value = !0 : B.value = !0;
1035
+ const y = r === "left" ? f.value : g.value;
1036
+ if (y) {
1037
+ const z = y.getBoundingClientRect(), V = z.left + z.width / 2, G = z.top + z.height / 2;
1038
+ O.value = { startX: V, startY: G, endX: V, endY: G };
1039
1039
  }
1040
- const T = (V) => {
1041
- O.value.endX = V.clientX, O.value.endY = V.clientY;
1042
- }, W = (V) => {
1043
- m(V, g), I(T, W);
1040
+ const E = (z) => {
1041
+ O.value.endX = z.clientX, O.value.endY = z.clientY;
1042
+ }, A = (z) => {
1043
+ He(z, r), v(E, A);
1044
1044
  };
1045
- document.addEventListener("mousemove", T), document.addEventListener("mouseup", W);
1045
+ document.addEventListener("mousemove", E), document.addEventListener("mouseup", A);
1046
1046
  }
1047
- function m(g, x) {
1048
- const $ = document.elementFromPoint(g.clientX, g.clientY), T = $ == null ? void 0 : $.closest(".connection-handle");
1049
- if (T && T !== (x === "left" ? d.value : w.value)) {
1050
- const W = T.closest(".gantt-bar");
1051
- if (W) {
1052
- const V = parseInt(W.getAttribute("data-rowindex") || "0"), F = parseInt(W.getAttribute("data-colindex") || "0"), Y = T.classList.contains("left-connection-handle") ? "left" : "right", St = `gantt-bar-row-${V}-col-${F}`, nt = e.store.createConnection(
1053
- `${c}-connection-${x}`,
1054
- `${St}-connection-${Y}`
1047
+ function He(r, h) {
1048
+ const y = document.elementFromPoint(r.clientX, r.clientY), E = y == null ? void 0 : y.closest(".connection-handle");
1049
+ if (E && E !== (h === "left" ? f.value : g.value)) {
1050
+ const A = E.closest(".gantt-bar");
1051
+ if (A) {
1052
+ const z = parseInt(A.getAttribute("data-rowindex") || "0"), V = parseInt(A.getAttribute("data-colindex") || "0"), G = E.classList.contains("left-connection-handle") ? "left" : "right", St = `gantt-bar-row-${z}-col-${V}`, nt = e.store.createConnection(
1053
+ `${c}-connection-${h}`,
1054
+ `${St}-connection-${G}`
1055
1055
  );
1056
1056
  nt && a("connection:create", nt);
1057
1057
  }
1058
1058
  }
1059
1059
  }
1060
- function I(g, x) {
1061
- var $;
1062
- G.value = !1, E.value = !1, z.value = !1, document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", x), ($ = l.value) != null && $.matches(":hover") || He();
1060
+ function v(r, h) {
1061
+ var y;
1062
+ N.value = !1, I.value = !1, B.value = !1, document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", h), (y = l.value) != null && y.matches(":hover") || Te();
1063
1063
  }
1064
1064
  return t({
1065
- barStyle: X,
1066
- cleanupConnectionDrag: I,
1067
- currentEnd: u,
1068
- handleConnectionDrop: m,
1069
- isLeftConnectionDragging: E,
1070
- isLeftConnectionVisible: h,
1071
- isRightConnectionDragging: z,
1072
- isRightConnectionVisible: y,
1073
- showDragPreview: G
1074
- }), (g, x) => (S(), H("td", {
1065
+ barStyle: W,
1066
+ cleanupConnectionDrag: v,
1067
+ currentEnd: d,
1068
+ handleConnectionDrop: He,
1069
+ isLeftConnectionDragging: I,
1070
+ isLeftConnectionVisible: p,
1071
+ isRightConnectionDragging: B,
1072
+ isRightConnectionVisible: x,
1073
+ showDragPreview: N
1074
+ }), (r, h) => (S(), T("td", {
1075
1075
  class: "aganttcell",
1076
- colspan: g.colspan
1076
+ colspan: r.colspan
1077
1077
  }, [
1078
- P("div", An, [
1079
- P("div", {
1078
+ D("div", An, [
1079
+ D("div", {
1080
1080
  ref: "bar",
1081
- "data-rowindex": g.rowIndex,
1082
- "data-colindex": g.colIndex,
1083
- class: J(["gantt-bar", { "is-dragging": A.value }]),
1084
- style: te(X.value),
1081
+ "data-rowindex": r.rowIndex,
1082
+ "data-colindex": r.colIndex,
1083
+ class: q(["gantt-bar", { "is-dragging": R.value }]),
1084
+ style: _(W.value),
1085
1085
  onMouseenter: tt,
1086
- onMouseleave: He
1086
+ onMouseleave: Te
1087
1087
  }, [
1088
- P("div", {
1088
+ D("div", {
1089
1089
  ref: "leftConnectionHandle",
1090
- class: J(["connection-handle left-connection-handle", { visible: h.value, "is-dragging": E.value }]),
1091
- onMousedown: x[0] || (x[0] = Me(($) => v("left", $), ["stop"]))
1092
- }, x[2] || (x[2] = [
1093
- P("div", { class: "connection-dot" }, null, -1)
1090
+ class: q(["connection-handle left-connection-handle", { visible: p.value, "is-dragging": I.value }]),
1091
+ onMousedown: h[0] || (h[0] = $e((y) => Oe("left", y), ["stop"]))
1092
+ }, h[2] || (h[2] = [
1093
+ D("div", { class: "connection-dot" }, null, -1)
1094
1094
  ]), 34),
1095
- P("div", {
1095
+ D("div", {
1096
1096
  ref: "rightConnectionHandle",
1097
- class: J(["connection-handle right-connection-handle", { visible: y.value, "is-dragging": z.value }]),
1098
- onMousedown: x[1] || (x[1] = Me(($) => v("right", $), ["stop"]))
1099
- }, x[3] || (x[3] = [
1100
- P("div", { class: "connection-dot" }, null, -1)
1097
+ class: q(["connection-handle right-connection-handle", { visible: x.value, "is-dragging": B.value }]),
1098
+ onMousedown: h[1] || (h[1] = $e((y) => Oe("right", y), ["stop"]))
1099
+ }, h[3] || (h[3] = [
1100
+ D("div", { class: "connection-dot" }, null, -1)
1101
1101
  ]), 34),
1102
- P("div", {
1102
+ D("div", {
1103
1103
  ref: "leftResizeHandle",
1104
- class: J(["resize-handle left-resize-handle", { "is-dragging": k(Q) }])
1105
- }, x[4] || (x[4] = [
1106
- P("div", { class: "handle-grip" }, null, -1),
1107
- P("div", { class: "vertical-indicator left-indicator" }, null, -1)
1104
+ class: q(["resize-handle left-resize-handle", { "is-dragging": k(K) }])
1105
+ }, h[4] || (h[4] = [
1106
+ D("div", { class: "handle-grip" }, null, -1),
1107
+ D("div", { class: "vertical-indicator left-indicator" }, null, -1)
1108
1108
  ]), 2),
1109
- g.label ? (S(), H("label", Hn, de(g.label), 1)) : ne("", !0),
1110
- P("div", {
1109
+ r.label ? (S(), T("label", On, ce(r.label), 1)) : ee("", !0),
1110
+ D("div", {
1111
1111
  ref: "rightResizeHandle",
1112
- class: J(["resize-handle right-resize-handle", { "is-dragging": k(he) }])
1113
- }, x[5] || (x[5] = [
1114
- P("div", { class: "handle-grip" }, null, -1),
1115
- P("div", { class: "vertical-indicator right-indicator" }, null, -1)
1112
+ class: q(["resize-handle right-resize-handle", { "is-dragging": k(me) }])
1113
+ }, h[5] || (h[5] = [
1114
+ D("div", { class: "handle-grip" }, null, -1),
1115
+ D("div", { class: "vertical-indicator right-indicator" }, null, -1)
1116
1116
  ]), 2)
1117
1117
  ], 46, Tn)
1118
1118
  ], 512),
1119
- G.value ? (S(), H("svg", {
1119
+ N.value ? (S(), T("svg", {
1120
1120
  key: 0,
1121
- style: te(q.value)
1121
+ style: _(j.value)
1122
1122
  }, [
1123
- P("line", {
1123
+ D("line", {
1124
1124
  x1: O.value.startX,
1125
1125
  y1: O.value.startY,
1126
1126
  x2: O.value.endX,
@@ -1128,11 +1128,11 @@ const wn = (e) => {
1128
1128
  stroke: "#2196f3",
1129
1129
  "stroke-width": "2",
1130
1130
  "stroke-dasharray": "5,5"
1131
- }, null, 8, On)
1132
- ], 4)) : ne("", !0)
1131
+ }, null, 8, Hn)
1132
+ ], 4)) : ee("", !0)
1133
1133
  ], 8, Rn));
1134
1134
  }
1135
- }), Pn = /* @__PURE__ */ ce(Dn, [["__scopeId", "data-v-a77cc6d2"]]), Ln = ["tabindex"], Bn = /* @__PURE__ */ oe({
1135
+ }), Pn = /* @__PURE__ */ re(Dn, [["__scopeId", "data-v-a77cc6d2"]]), Ln = ["tabindex"], Bn = /* @__PURE__ */ te({
1136
1136
  __name: "ARow",
1137
1137
  props: {
1138
1138
  rowIndex: {},
@@ -1141,72 +1141,72 @@ const wn = (e) => {
1141
1141
  addNavigation: { type: [Boolean, Object], default: !1 }
1142
1142
  },
1143
1143
  setup(e) {
1144
- const t = Z("rowEl"), n = R(() => e.store.isRowVisible(e.rowIndex)), a = R(() => e.store.getRowExpandSymbol(e.rowIndex));
1144
+ const t = U("rowEl"), n = M(() => e.store.isRowVisible(e.rowIndex)), a = M(() => e.store.getRowExpandSymbol(e.rowIndex));
1145
1145
  if (e.addNavigation) {
1146
- let r = Fe;
1147
- typeof e.addNavigation == "object" && (r = {
1148
- ...r,
1146
+ let i = Ye;
1147
+ typeof e.addNavigation == "object" && (i = {
1148
+ ...i,
1149
1149
  ...e.addNavigation
1150
- }), Ye([
1150
+ }), je([
1151
1151
  {
1152
1152
  selectors: t,
1153
- handlers: r
1153
+ handlers: i
1154
1154
  }
1155
1155
  ]);
1156
1156
  }
1157
- return (r, c) => Se((S(), H("tr", {
1157
+ return (i, c) => Me((S(), T("tr", {
1158
1158
  ref: "rowEl",
1159
- tabindex: r.tabIndex,
1159
+ tabindex: i.tabIndex,
1160
1160
  class: "atable-row"
1161
1161
  }, [
1162
- r.store.config.view !== "uncounted" ? j(r.$slots, "index", { key: 0 }, () => [
1163
- r.store.config.view === "list" ? (S(), H("td", {
1162
+ i.store.config.view !== "uncounted" ? F(i.$slots, "index", { key: 0 }, () => [
1163
+ i.store.config.view === "list" ? (S(), T("td", {
1164
1164
  key: 0,
1165
1165
  tabIndex: -1,
1166
- class: J(["list-index", r.store.hasPinnedColumns ? "sticky-index" : ""])
1167
- }, de(r.rowIndex + 1), 3)) : r.store.isTreeView ? (S(), H("td", {
1166
+ class: q(["list-index", i.store.hasPinnedColumns ? "sticky-index" : ""])
1167
+ }, ce(i.rowIndex + 1), 3)) : i.store.isTreeView ? (S(), T("td", {
1168
1168
  key: 1,
1169
1169
  tabIndex: -1,
1170
- class: J(["tree-index", r.store.hasPinnedColumns ? "sticky-index" : ""]),
1171
- onClick: c[0] || (c[0] = (o) => r.store.toggleRowExpand(r.rowIndex))
1172
- }, de(a.value), 3)) : ne("", !0)
1173
- ], !0) : ne("", !0),
1174
- j(r.$slots, "default", {}, void 0, !0)
1170
+ class: q(["tree-index", i.store.hasPinnedColumns ? "sticky-index" : ""]),
1171
+ onClick: c[0] || (c[0] = (o) => i.store.toggleRowExpand(i.rowIndex))
1172
+ }, ce(a.value), 3)) : ee("", !0)
1173
+ ], !0) : ee("", !0),
1174
+ F(i.$slots, "default", {}, void 0, !0)
1175
1175
  ], 8, Ln)), [
1176
- [yt, n.value]
1176
+ [xt, n.value]
1177
1177
  ]);
1178
1178
  }
1179
- }), Et = /* @__PURE__ */ ce(Bn, [["__scopeId", "data-v-c554ee0f"]]), je = Ae ? window : void 0;
1180
- function ae(e) {
1179
+ }), Et = /* @__PURE__ */ re(Bn, [["__scopeId", "data-v-c554ee0f"]]), Ue = Re ? window : void 0;
1180
+ function oe(e) {
1181
1181
  var t;
1182
- const n = M(e);
1182
+ const n = $(e);
1183
1183
  return (t = n == null ? void 0 : n.$el) != null ? t : n;
1184
1184
  }
1185
- function $e(...e) {
1185
+ function ke(...e) {
1186
1186
  const t = [], n = () => {
1187
1187
  t.forEach((l) => l()), t.length = 0;
1188
- }, a = (l, s, i, d) => (l.addEventListener(s, i, d), () => l.removeEventListener(s, i, d)), r = R(() => {
1189
- const l = re(M(e[0])).filter((s) => s != null);
1188
+ }, a = (l, s, u, f) => (l.addEventListener(s, u, f), () => l.removeEventListener(s, u, f)), i = M(() => {
1189
+ const l = ae($(e[0])).filter((s) => s != null);
1190
1190
  return l.every((s) => typeof s != "string") ? l : void 0;
1191
1191
  }), c = bt(
1192
1192
  () => {
1193
1193
  var l, s;
1194
1194
  return [
1195
- (s = (l = r.value) == null ? void 0 : l.map((i) => ae(i))) != null ? s : [je].filter((i) => i != null),
1196
- re(M(r.value ? e[1] : e[0])),
1197
- re(k(r.value ? e[2] : e[1])),
1195
+ (s = (l = i.value) == null ? void 0 : l.map((u) => oe(u))) != null ? s : [Ue].filter((u) => u != null),
1196
+ ae($(i.value ? e[1] : e[0])),
1197
+ ae(k(i.value ? e[2] : e[1])),
1198
1198
  // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
1199
- M(r.value ? e[3] : e[2])
1199
+ $(i.value ? e[3] : e[2])
1200
1200
  ];
1201
1201
  },
1202
- ([l, s, i, d]) => {
1203
- if (n(), !(l != null && l.length) || !(s != null && s.length) || !(i != null && i.length))
1202
+ ([l, s, u, f]) => {
1203
+ if (n(), !(l != null && l.length) || !(s != null && s.length) || !(u != null && u.length))
1204
1204
  return;
1205
- const w = xt(d) ? { ...d } : d;
1205
+ const g = yt(f) ? { ...f } : f;
1206
1206
  t.push(
1207
1207
  ...l.flatMap(
1208
- (f) => s.flatMap(
1209
- (p) => i.map((b) => a(f, p, b, w))
1208
+ (m) => s.flatMap(
1209
+ (w) => u.map((b) => a(m, w, b, g))
1210
1210
  )
1211
1211
  )
1212
1212
  );
@@ -1215,131 +1215,131 @@ function $e(...e) {
1215
1215
  ), o = () => {
1216
1216
  c(), n();
1217
1217
  };
1218
- return ge(n), o;
1218
+ return ve(n), o;
1219
1219
  }
1220
1220
  let ft = !1;
1221
1221
  function vt(e, t, n = {}) {
1222
- const { window: a = je, ignore: r = [], capture: c = !0, detectIframe: o = !1, controls: l = !1 } = n;
1222
+ const { window: a = Ue, ignore: i = [], capture: c = !0, detectIframe: o = !1, controls: l = !1 } = n;
1223
1223
  if (!a)
1224
- return l ? { stop: K, cancel: K, trigger: K } : K;
1225
- if (Be && !ft) {
1224
+ return l ? { stop: J, cancel: J, trigger: J } : J;
1225
+ if (ze && !ft) {
1226
1226
  ft = !0;
1227
- const u = { passive: !0 };
1228
- Array.from(a.document.body.children).forEach((h) => h.addEventListener("click", K, u)), a.document.documentElement.addEventListener("click", K, u);
1227
+ const d = { passive: !0 };
1228
+ Array.from(a.document.body.children).forEach((p) => p.addEventListener("click", J, d)), a.document.documentElement.addEventListener("click", J, d);
1229
1229
  }
1230
1230
  let s = !0;
1231
- const i = (u) => M(r).some((h) => {
1232
- if (typeof h == "string")
1233
- return Array.from(a.document.querySelectorAll(h)).some((y) => y === u.target || u.composedPath().includes(y));
1231
+ const u = (d) => $(i).some((p) => {
1232
+ if (typeof p == "string")
1233
+ return Array.from(a.document.querySelectorAll(p)).some((x) => x === d.target || d.composedPath().includes(x));
1234
1234
  {
1235
- const y = ae(h);
1236
- return y && (u.target === y || u.composedPath().includes(y));
1235
+ const x = oe(p);
1236
+ return x && (d.target === x || d.composedPath().includes(x));
1237
1237
  }
1238
1238
  });
1239
- function d(u) {
1240
- const h = M(u);
1241
- return h && h.$.subTree.shapeFlag === 16;
1239
+ function f(d) {
1240
+ const p = $(d);
1241
+ return p && p.$.subTree.shapeFlag === 16;
1242
1242
  }
1243
- function w(u, h) {
1244
- const y = M(u), E = y.$.subTree && y.$.subTree.children;
1245
- return E == null || !Array.isArray(E) ? !1 : E.some((z) => z.el === h.target || h.composedPath().includes(z.el));
1243
+ function g(d, p) {
1244
+ const x = $(d), I = x.$.subTree && x.$.subTree.children;
1245
+ return I == null || !Array.isArray(I) ? !1 : I.some((B) => B.el === p.target || p.composedPath().includes(B.el));
1246
1246
  }
1247
- const f = (u) => {
1248
- const h = ae(e);
1249
- if (u.target != null && !(!(h instanceof Element) && d(e) && w(e, u)) && !(!h || h === u.target || u.composedPath().includes(h))) {
1250
- if ("detail" in u && u.detail === 0 && (s = !i(u)), !s) {
1247
+ const m = (d) => {
1248
+ const p = oe(e);
1249
+ if (d.target != null && !(!(p instanceof Element) && f(e) && g(e, d)) && !(!p || p === d.target || d.composedPath().includes(p))) {
1250
+ if ("detail" in d && d.detail === 0 && (s = !u(d)), !s) {
1251
1251
  s = !0;
1252
1252
  return;
1253
1253
  }
1254
- t(u);
1254
+ t(d);
1255
1255
  }
1256
1256
  };
1257
- let p = !1;
1257
+ let w = !1;
1258
1258
  const b = [
1259
- $e(a, "click", (u) => {
1260
- p || (p = !0, setTimeout(() => {
1261
- p = !1;
1262
- }, 0), f(u));
1259
+ ke(a, "click", (d) => {
1260
+ w || (w = !0, setTimeout(() => {
1261
+ w = !1;
1262
+ }, 0), m(d));
1263
1263
  }, { passive: !0, capture: c }),
1264
- $e(a, "pointerdown", (u) => {
1265
- const h = ae(e);
1266
- s = !i(u) && !!(h && !u.composedPath().includes(h));
1264
+ ke(a, "pointerdown", (d) => {
1265
+ const p = oe(e);
1266
+ s = !u(d) && !!(p && !d.composedPath().includes(p));
1267
1267
  }, { passive: !0 }),
1268
- o && $e(a, "blur", (u) => {
1268
+ o && ke(a, "blur", (d) => {
1269
1269
  setTimeout(() => {
1270
- var h;
1271
- const y = ae(e);
1272
- ((h = a.document.activeElement) == null ? void 0 : h.tagName) === "IFRAME" && !(y != null && y.contains(a.document.activeElement)) && t(u);
1270
+ var p;
1271
+ const x = oe(e);
1272
+ ((p = a.document.activeElement) == null ? void 0 : p.tagName) === "IFRAME" && !(x != null && x.contains(a.document.activeElement)) && t(d);
1273
1273
  }, 0);
1274
1274
  }, { passive: !0 })
1275
- ].filter(Boolean), C = () => b.forEach((u) => u());
1275
+ ].filter(Boolean), C = () => b.forEach((d) => d());
1276
1276
  return l ? {
1277
1277
  stop: C,
1278
1278
  cancel: () => {
1279
1279
  s = !1;
1280
1280
  },
1281
- trigger: (u) => {
1282
- s = !0, f(u), s = !1;
1281
+ trigger: (d) => {
1282
+ s = !0, m(d), s = !1;
1283
1283
  }
1284
1284
  } : C;
1285
1285
  }
1286
- const De = /* @__PURE__ */ new WeakMap(), zn = {
1286
+ const Pe = /* @__PURE__ */ new WeakMap(), zn = {
1287
1287
  mounted(e, t) {
1288
1288
  const n = !t.modifiers.bubble;
1289
1289
  let a;
1290
1290
  if (typeof t.value == "function")
1291
1291
  a = vt(e, t.value, { capture: n });
1292
1292
  else {
1293
- const [r, c] = t.value;
1294
- a = vt(e, r, Object.assign({ capture: n }, c));
1293
+ const [i, c] = t.value;
1294
+ a = vt(e, i, Object.assign({ capture: n }, c));
1295
1295
  }
1296
- De.set(e, a);
1296
+ Pe.set(e, a);
1297
1297
  },
1298
1298
  unmounted(e) {
1299
- const t = De.get(e);
1300
- t && typeof t == "function" ? t() : t == null || t.stop(), De.delete(e);
1299
+ const t = Pe.get(e);
1300
+ t && typeof t == "function" ? t() : t == null || t.stop(), Pe.delete(e);
1301
1301
  }
1302
1302
  };
1303
1303
  function Wn() {
1304
- const e = N(!1), t = Re();
1305
- return t && ie(() => {
1304
+ const e = X(!1), t = Se();
1305
+ return t && se(() => {
1306
1306
  e.value = !0;
1307
1307
  }, t), e;
1308
1308
  }
1309
1309
  function Xn(e) {
1310
1310
  const t = Wn();
1311
- return R(() => (t.value, !!e()));
1311
+ return M(() => (t.value, !!e()));
1312
1312
  }
1313
1313
  function mt(e, t, n = {}) {
1314
- const { window: a = je, ...r } = n;
1314
+ const { window: a = Ue, ...i } = n;
1315
1315
  let c;
1316
1316
  const o = Xn(() => a && "ResizeObserver" in a), l = () => {
1317
1317
  c && (c.disconnect(), c = void 0);
1318
- }, s = R(() => {
1319
- const w = M(e);
1320
- return Array.isArray(w) ? w.map((f) => ae(f)) : [ae(w)];
1321
- }), i = U(
1318
+ }, s = M(() => {
1319
+ const g = $(e);
1320
+ return Array.isArray(g) ? g.map((m) => oe(m)) : [oe(g)];
1321
+ }), u = Y(
1322
1322
  s,
1323
- (w) => {
1323
+ (g) => {
1324
1324
  if (l(), o.value && a) {
1325
1325
  c = new ResizeObserver(t);
1326
- for (const f of w)
1327
- f && c.observe(f, r);
1326
+ for (const m of g)
1327
+ m && c.observe(m, i);
1328
1328
  }
1329
1329
  },
1330
1330
  { immediate: !0, flush: "post" }
1331
- ), d = () => {
1332
- l(), i();
1331
+ ), f = () => {
1332
+ l(), u();
1333
1333
  };
1334
- return ge(d), {
1334
+ return ve(f), {
1335
1335
  isSupported: o,
1336
- stop: d
1336
+ stop: f
1337
1337
  };
1338
1338
  }
1339
- function Pe(e) {
1339
+ function Le(e) {
1340
1340
  return typeof Window < "u" && e instanceof Window ? e.document.documentElement : typeof Document < "u" && e instanceof Document ? e.documentElement : e;
1341
1341
  }
1342
- const Vn = {
1342
+ const Nn = {
1343
1343
  mounted(e, t) {
1344
1344
  typeof t.value == "function" ? mt(e, t.value) : mt(e, ...t.value);
1345
1345
  }
@@ -1353,41 +1353,41 @@ function kt(e) {
1353
1353
  return !n || n.tagName === "BODY" ? !1 : kt(n);
1354
1354
  }
1355
1355
  }
1356
- function Nn(e) {
1356
+ function Vn(e) {
1357
1357
  const t = e || window.event, n = t.target;
1358
1358
  return kt(n) ? !1 : t.touches.length > 1 ? !0 : (t.preventDefault && t.preventDefault(), !1);
1359
1359
  }
1360
- const Le = /* @__PURE__ */ new WeakMap();
1360
+ const Be = /* @__PURE__ */ new WeakMap();
1361
1361
  function Gn(e, t = !1) {
1362
- const n = N(t);
1363
- let a = null, r = "";
1364
- U(cn(e), (l) => {
1365
- const s = Pe(M(l));
1362
+ const n = X(t);
1363
+ let a = null, i = "";
1364
+ Y(cn(e), (l) => {
1365
+ const s = Le($(l));
1366
1366
  if (s) {
1367
- const i = s;
1368
- if (Le.get(i) || Le.set(i, i.style.overflow), i.style.overflow !== "hidden" && (r = i.style.overflow), i.style.overflow === "hidden")
1367
+ const u = s;
1368
+ if (Be.get(u) || Be.set(u, u.style.overflow), u.style.overflow !== "hidden" && (i = u.style.overflow), u.style.overflow === "hidden")
1369
1369
  return n.value = !0;
1370
1370
  if (n.value)
1371
- return i.style.overflow = "hidden";
1371
+ return u.style.overflow = "hidden";
1372
1372
  }
1373
1373
  }, {
1374
1374
  immediate: !0
1375
1375
  });
1376
1376
  const c = () => {
1377
- const l = Pe(M(e));
1378
- !l || n.value || (Be && (a = $e(
1377
+ const l = Le($(e));
1378
+ !l || n.value || (ze && (a = ke(
1379
1379
  l,
1380
1380
  "touchmove",
1381
1381
  (s) => {
1382
- Nn(s);
1382
+ Vn(s);
1383
1383
  },
1384
1384
  { passive: !1 }
1385
1385
  )), l.style.overflow = "hidden", n.value = !0);
1386
1386
  }, o = () => {
1387
- const l = Pe(M(e));
1388
- !l || !n.value || (Be && (a == null || a()), l.style.overflow = r, Le.delete(l), n.value = !1);
1387
+ const l = Le($(e));
1388
+ !l || !n.value || (ze && (a == null || a()), l.style.overflow = i, Be.delete(l), n.value = !1);
1389
1389
  };
1390
- return ge(o), R({
1390
+ return ve(o), M({
1391
1391
  get() {
1392
1392
  return n.value;
1393
1393
  },
@@ -1398,13 +1398,13 @@ function Gn(e, t = !1) {
1398
1398
  }
1399
1399
  function Fn() {
1400
1400
  let e = !1;
1401
- const t = N(!1);
1401
+ const t = X(!1);
1402
1402
  return (n, a) => {
1403
1403
  if (t.value = a.value, e)
1404
1404
  return;
1405
1405
  e = !0;
1406
- const r = Gn(n, a.value);
1407
- U(t, (c) => r.value = c);
1406
+ const i = Gn(n, a.value);
1407
+ Y(t, (c) => i.value = c);
1408
1408
  };
1409
1409
  }
1410
1410
  Fn();
@@ -1419,39 +1419,39 @@ const Yn = { class: "gantt-connection-overlay" }, jn = {
1419
1419
  pointerEvents: "none",
1420
1420
  zIndex: 1
1421
1421
  }
1422
- }, Un = ["d", "stroke-width", "onDblclick"], qn = ["d", "stroke", "stroke-width", "id", "onDblclick"], Zn = 0.25, Ie = 16, Jn = /* @__PURE__ */ oe({
1422
+ }, Un = ["d", "stroke-width", "onDblclick"], qn = ["d", "stroke", "stroke-width", "id", "onDblclick"], Jn = 0.25, Ce = 16, Zn = /* @__PURE__ */ te({
1423
1423
  __name: "AGanttConnection",
1424
1424
  props: {
1425
1425
  store: {}
1426
1426
  },
1427
1427
  emits: ["connection:delete"],
1428
1428
  setup(e, { emit: t }) {
1429
- const n = t, a = R(() => e.store.connectionPaths.filter((o) => {
1430
- const l = e.store.ganttBars.find((i) => i.id === o.from.barId), s = e.store.ganttBars.find((i) => i.id === o.to.barId);
1429
+ const n = t, a = M(() => e.store.connectionPaths.filter((o) => {
1430
+ const l = e.store.ganttBars.find((u) => u.id === o.from.barId), s = e.store.ganttBars.find((u) => u.id === o.to.barId);
1431
1431
  return l && s;
1432
- })), r = (o, l = !1) => {
1432
+ })), i = (o, l = !1) => {
1433
1433
  const s = e.store.connectionHandles.find(
1434
- (L) => L.barId === o.from.barId && L.side === o.from.side
1435
- ), i = e.store.connectionHandles.find(
1436
- (L) => L.barId === o.to.barId && L.side === o.to.side
1434
+ (P) => P.barId === o.from.barId && P.side === o.from.side
1435
+ ), u = e.store.connectionHandles.find(
1436
+ (P) => P.barId === o.to.barId && P.side === o.to.side
1437
1437
  );
1438
- if (!s || !i) return "";
1439
- const d = s.position.x + Ie / 2, w = s.position.y + Ie / 2, f = i.position.x + Ie / 2, p = i.position.y + Ie / 2, b = Math.abs(f - d), C = Math.max(b * Zn, 50), u = d + (o.from.side === "left" ? -C : C), h = f + (o.to.side === "left" ? -C : C), y = { x: 0.5 * d + 0.5 * u, y: 0.5 * w + 0.5 * w }, E = { x: 0.5 * u + 0.5 * h, y: 0.5 * w + 0.5 * p }, z = { x: 0.5 * h + 0.5 * f, y: 0.5 * p + 0.5 * p }, G = { x: 0.5 * y.x + 0.5 * E.x, y: 0.5 * y.y + 0.5 * E.y }, O = { x: 0.5 * E.x + 0.5 * z.x, y: 0.5 * E.y + 0.5 * z.y }, A = { x: 0.5 * G.x + 0.5 * O.x, y: 0.5 * G.y + 0.5 * O.y };
1440
- return `M ${d} ${w} Q ${u} ${w}, ${A.x} ${A.y} Q ${h} ${p}, ${f} ${p}`;
1438
+ if (!s || !u) return "";
1439
+ const f = s.position.x + Ce / 2, g = s.position.y + Ce / 2, m = u.position.x + Ce / 2, w = u.position.y + Ce / 2, b = Math.abs(m - f), C = Math.max(b * Jn, 50), d = f + (o.from.side === "left" ? -C : C), p = m + (o.to.side === "left" ? -C : C), x = { x: 0.5 * f + 0.5 * d, y: 0.5 * g + 0.5 * g }, I = { x: 0.5 * d + 0.5 * p, y: 0.5 * g + 0.5 * w }, B = { x: 0.5 * p + 0.5 * m, y: 0.5 * w + 0.5 * w }, N = { x: 0.5 * x.x + 0.5 * I.x, y: 0.5 * x.y + 0.5 * I.y }, O = { x: 0.5 * I.x + 0.5 * B.x, y: 0.5 * I.y + 0.5 * B.y }, R = { x: 0.5 * N.x + 0.5 * O.x, y: 0.5 * N.y + 0.5 * O.y };
1440
+ return `M ${f} ${g} Q ${d} ${g}, ${R.x} ${R.y} Q ${p} ${w}, ${m} ${w}`;
1441
1441
  }, c = (o) => {
1442
1442
  e.store.deleteConnection(o.id) && n("connection:delete", o);
1443
1443
  };
1444
- return (o, l) => (S(), H("div", Yn, [
1445
- (S(), H("svg", jn, [
1446
- l[0] || (l[0] = P("defs", null, [
1447
- P("path", {
1444
+ return (o, l) => (S(), T("div", Yn, [
1445
+ (S(), T("svg", jn, [
1446
+ l[0] || (l[0] = D("defs", null, [
1447
+ D("path", {
1448
1448
  id: "arrowhead",
1449
1449
  d: "M 0 -7 L 20 0 L 0 7Z",
1450
1450
  stroke: "black",
1451
1451
  "stroke-width": "1",
1452
1452
  fill: "currentColor"
1453
1453
  }),
1454
- P("marker", {
1454
+ D("marker", {
1455
1455
  id: "arrowhead-marker",
1456
1456
  markerWidth: "10",
1457
1457
  markerHeight: "7",
@@ -1460,45 +1460,45 @@ const Yn = { class: "gantt-connection-overlay" }, jn = {
1460
1460
  orient: "auto",
1461
1461
  markerUnits: "strokeWidth"
1462
1462
  }, [
1463
- P("polygon", {
1463
+ D("polygon", {
1464
1464
  points: "0 0, 10 3.5, 0 7",
1465
1465
  fill: "currentColor"
1466
1466
  })
1467
1467
  ])
1468
1468
  ], -1)),
1469
- (S(!0), H(se, null, ye(a.value, (s) => {
1470
- var i;
1471
- return S(), H("path", {
1469
+ (S(!0), T(le, null, we(a.value, (s) => {
1470
+ var u;
1471
+ return S(), T("path", {
1472
1472
  key: `${s.id}-hitbox`,
1473
- d: r(s),
1473
+ d: i(s),
1474
1474
  stroke: "transparent",
1475
- "stroke-width": (((i = s.style) == null ? void 0 : i.width) || 2) + 10,
1475
+ "stroke-width": (((u = s.style) == null ? void 0 : u.width) || 2) + 10,
1476
1476
  fill: "none",
1477
1477
  class: "connection-hitbox",
1478
- onDblclick: (d) => c(s)
1478
+ onDblclick: (f) => c(s)
1479
1479
  }, null, 40, Un);
1480
1480
  }), 128)),
1481
- (S(!0), H(se, null, ye(a.value, (s) => {
1482
- var i, d;
1483
- return S(), H("path", {
1481
+ (S(!0), T(le, null, we(a.value, (s) => {
1482
+ var u, f;
1483
+ return S(), T("path", {
1484
1484
  key: s.id,
1485
- d: r(s),
1486
- stroke: ((i = s.style) == null ? void 0 : i.color) || "#666",
1487
- "stroke-width": ((d = s.style) == null ? void 0 : d.width) || 2,
1485
+ d: i(s),
1486
+ stroke: ((u = s.style) == null ? void 0 : u.color) || "#666",
1487
+ "stroke-width": ((f = s.style) == null ? void 0 : f.width) || 2,
1488
1488
  fill: "none",
1489
1489
  "marker-mid": "url(#arrowhead-marker)",
1490
1490
  id: s.id,
1491
1491
  class: "connection-path animated-path",
1492
- onDblclick: (w) => c(s)
1492
+ onDblclick: (g) => c(s)
1493
1493
  }, null, 40, qn);
1494
1494
  }), 128))
1495
1495
  ]))
1496
1496
  ]));
1497
1497
  }
1498
- }), Qn = /* @__PURE__ */ ce(Jn, [["__scopeId", "data-v-955111b6"]]), Kn = { key: 0 }, _n = {
1498
+ }), Qn = /* @__PURE__ */ re(Zn, [["__scopeId", "data-v-955111b6"]]), Kn = { key: 0 }, _n = {
1499
1499
  class: "atable-header-row",
1500
1500
  tabindex: "-1"
1501
- }, eo = ["data-colindex"], $t = /* @__PURE__ */ oe({
1501
+ }, eo = ["data-colindex"], $t = /* @__PURE__ */ te({
1502
1502
  __name: "ATableHeader",
1503
1503
  props: {
1504
1504
  columns: {},
@@ -1507,236 +1507,270 @@ const Yn = { class: "gantt-connection-overlay" }, jn = {
1507
1507
  setup(e) {
1508
1508
  const t = (n) => {
1509
1509
  var a;
1510
- for (const r of n) {
1511
- if (r.borderBoxSize.length === 0) continue;
1512
- const o = r.borderBoxSize[0].inlineSize, l = Number(r.target.dataset.colindex), s = (a = e.store.columns[l]) == null ? void 0 : a.width;
1510
+ for (const i of n) {
1511
+ if (i.borderBoxSize.length === 0) continue;
1512
+ const o = i.borderBoxSize[0].inlineSize, l = Number(i.target.dataset.colindex), s = (a = e.store.columns[l]) == null ? void 0 : a.width;
1513
1513
  typeof s == "number" && s !== o && e.store.resizeColumn(l, o);
1514
1514
  }
1515
1515
  };
1516
- return (n, a) => n.columns.length ? (S(), H("thead", Kn, [
1517
- P("tr", _n, [
1518
- n.store.zeroColumn ? (S(), H("th", {
1516
+ return (n, a) => n.columns.length ? (S(), T("thead", Kn, [
1517
+ D("tr", _n, [
1518
+ n.store.zeroColumn ? (S(), T("th", {
1519
1519
  key: 0,
1520
1520
  id: "header-index",
1521
- class: J([[
1521
+ class: q([[
1522
1522
  n.store.hasPinnedColumns ? "sticky-index" : "",
1523
1523
  n.store.isTreeView ? "tree-index" : "",
1524
1524
  n.store.config.view === "list-expansion" ? "list-expansion-index" : ""
1525
1525
  ], "list-index"])
1526
- }, null, 2)) : ne("", !0),
1527
- (S(!0), H(se, null, ye(n.columns, (r, c) => Se((S(), H("th", {
1528
- key: r.name,
1526
+ }, null, 2)) : ee("", !0),
1527
+ (S(!0), T(le, null, we(n.columns, (i, c) => Me((S(), T("th", {
1528
+ key: i.name,
1529
1529
  "data-colindex": c,
1530
1530
  tabindex: "-1",
1531
- style: te(n.store.getHeaderCellStyle(r)),
1532
- class: J(r.pinned ? "sticky-column" : "")
1531
+ style: _(n.store.getHeaderCellStyle(i)),
1532
+ class: q(i.pinned ? "sticky-column" : "")
1533
1533
  }, [
1534
- j(n.$slots, "default", {}, () => [
1535
- Bt(de(r.label || String.fromCharCode(c + 97).toUpperCase()), 1)
1534
+ F(n.$slots, "default", {}, () => [
1535
+ Bt(ce(i.label || String.fromCharCode(c + 97).toUpperCase()), 1)
1536
1536
  ])
1537
1537
  ], 14, eo)), [
1538
- [k(Vn), t]
1538
+ [k(Nn), t]
1539
1539
  ])), 128))
1540
1540
  ])
1541
- ])) : ne("", !0);
1541
+ ])) : ee("", !0);
1542
1542
  }
1543
- }), Mt = /* @__PURE__ */ oe({
1543
+ }), Mt = /* @__PURE__ */ te({
1544
1544
  __name: "ATableModal",
1545
1545
  props: {
1546
1546
  store: {}
1547
1547
  },
1548
1548
  setup(e) {
1549
- const t = Z("amodal"), { width: n, height: a } = le(t), r = R(() => {
1550
- var w, f, p, b;
1549
+ const t = U("amodal"), { width: n, height: a } = ne(t), i = M(() => {
1550
+ var g, m, w, b;
1551
1551
  if (!(e.store.modal.height && e.store.modal.width && e.store.modal.left && e.store.modal.bottom)) return;
1552
- const c = (w = e.store.modal.cell) == null ? void 0 : w.closest("table"), o = c.offsetHeight || 0, l = c.offsetWidth || 0;
1553
- let s = ((f = e.store.modal.cell) == null ? void 0 : f.offsetTop) || 0;
1554
- const i = ((p = c.querySelector("thead")) == null ? void 0 : p.offsetHeight) || 0;
1555
- s += i, s = s + a.value < o ? s : s - (a.value + e.store.modal.height);
1556
- let d = ((b = e.store.modal.cell) == null ? void 0 : b.offsetLeft) || 0;
1557
- return d = d + n.value <= l ? d : d - (n.value - e.store.modal.width), {
1558
- left: `${d}px`,
1552
+ const c = (g = e.store.modal.cell) == null ? void 0 : g.closest("table"), o = c.offsetHeight || 0, l = c.offsetWidth || 0;
1553
+ let s = ((m = e.store.modal.cell) == null ? void 0 : m.offsetTop) || 0;
1554
+ const u = ((w = c.querySelector("thead")) == null ? void 0 : w.offsetHeight) || 0;
1555
+ s += u, s = s + a.value < o ? s : s - (a.value + e.store.modal.height);
1556
+ let f = ((b = e.store.modal.cell) == null ? void 0 : b.offsetLeft) || 0;
1557
+ return f = f + n.value <= l ? f : f - (n.value - e.store.modal.width), {
1558
+ left: `${f}px`,
1559
1559
  top: `${s}px`
1560
1560
  };
1561
1561
  });
1562
- return (c, o) => (S(), H("div", {
1562
+ return (c, o) => (S(), T("div", {
1563
1563
  class: "amodal",
1564
1564
  ref: "amodal",
1565
1565
  tabindex: "-1",
1566
- onClick: o[0] || (o[0] = Me(() => {
1566
+ onClick: o[0] || (o[0] = $e(() => {
1567
1567
  }, ["stop"])),
1568
- onInput: o[1] || (o[1] = Me(() => {
1568
+ onInput: o[1] || (o[1] = $e(() => {
1569
1569
  }, ["stop"])),
1570
- style: te(r.value)
1570
+ style: _(i.value)
1571
1571
  }, [
1572
- j(c.$slots, "default")
1572
+ F(c.$slots, "default")
1573
1573
  ], 36));
1574
1574
  }
1575
1575
  }), to = (e) => {
1576
- const t = e.id || yn();
1576
+ const t = e.id || xn();
1577
1577
  return Wt(`table-${t}`, () => {
1578
1578
  const a = () => {
1579
- const v = {};
1580
- for (const [m, I] of c.value.entries())
1581
- for (const [g, x] of o.value.entries())
1582
- v[`${m}:${g}`] = x[I.name];
1583
- return v;
1584
- }, r = (v) => {
1585
- const m = [Object.assign({}, { rowModified: !1 })];
1586
- if (v && "0:0" in v)
1587
- return v;
1588
- const I = /* @__PURE__ */ new Set();
1589
- for (let g = 0; g < o.value.length; g++) {
1590
- const x = o.value[g];
1591
- x.parent !== null && x.parent !== void 0 && I.add(x.parent);
1579
+ const v = [Object.assign({}, { rowModified: !1 })], r = /* @__PURE__ */ new Set();
1580
+ for (let h = 0; h < c.value.length; h++) {
1581
+ const y = c.value[h];
1582
+ y.parent !== null && y.parent !== void 0 && r.add(y.parent);
1592
1583
  }
1593
- for (let g = 0; g < o.value.length; g++) {
1594
- const x = o.value[g];
1595
- m[g] = {
1584
+ for (let h = 0; h < c.value.length; h++) {
1585
+ const y = c.value[h];
1586
+ v[h] = {
1596
1587
  childrenOpen: !1,
1597
1588
  expanded: !1,
1598
- indent: x.indent || 0,
1599
- isParent: I.has(g),
1600
- isRoot: x.parent === null || x.parent === void 0,
1589
+ indent: y.indent || 0,
1590
+ isParent: r.has(h),
1591
+ isRoot: y.parent === null || y.parent === void 0,
1601
1592
  rowModified: !1,
1602
- open: x.parent === null || x.parent === void 0,
1603
- parent: x.parent
1593
+ open: y.parent === null || y.parent === void 0,
1594
+ parent: y.parent
1604
1595
  };
1605
1596
  }
1606
- return m;
1607
- }, c = D(e.columns), o = D(e.rows), l = D(e.config || {}), s = D(e.table || a()), i = D(r(e.display)), d = D(e.modal || { visible: !1 }), w = D({}), f = D([]), p = D([]), b = D([]), C = R(() => c.value.some((v) => v.pinned)), u = R(() => l.value.view === "gantt" || l.value.view === "tree-gantt"), h = R(() => l.value.view === "tree" || l.value.view === "tree-gantt"), y = R(() => `${Math.ceil(o.value.length / 100 + 1)}ch`), E = R(
1608
- () => l.value.view ? ["list", "tree", "tree-gantt", "list-expansion"].includes(l.value.view) : !1
1609
- ), z = (v, m) => s.value[`${v}:${m}`], G = (v, m, I) => {
1610
- const g = `${v}:${m}`, x = c.value[v];
1611
- s.value[g] !== I && (i.value[m].rowModified = !0), s.value[g] = I, o.value[m] = {
1612
- ...o.value[m],
1613
- [x.name]: I
1597
+ return v;
1598
+ }, i = H(e.columns), c = H(e.rows), o = H(e.config || {}), l = H({}), s = H({}), u = M(() => {
1599
+ const v = {};
1600
+ for (const [r, h] of i.value.entries())
1601
+ for (const [y, E] of c.value.entries())
1602
+ v[`${r}:${y}`] = E[h.name];
1603
+ return v;
1604
+ }), f = M({
1605
+ get: () => {
1606
+ const v = a();
1607
+ for (let r = 0; r < v.length; r++)
1608
+ l.value[r] && (v[r].rowModified = l.value[r]), s.value[r] && (s.value[r].childrenOpen !== void 0 && (v[r].childrenOpen = s.value[r].childrenOpen), s.value[r].expanded !== void 0 && (v[r].expanded = s.value[r].expanded));
1609
+ if (x.value)
1610
+ for (let r = 0; r < v.length; r++) {
1611
+ const h = v[r];
1612
+ if (!h.isRoot && h.parent !== null && h.parent !== void 0) {
1613
+ const y = h.parent;
1614
+ y >= 0 && y < v.length && (v[r].open = v[y].childrenOpen || !1);
1615
+ }
1616
+ }
1617
+ return v;
1618
+ },
1619
+ set: (v) => {
1620
+ JSON.stringify(v) !== JSON.stringify(f.value) && (f.value = v);
1621
+ }
1622
+ }), g = H(e.modal || { visible: !1 }), m = H({}), w = H([]), b = H([]), C = H([]), d = M(() => i.value.some((v) => v.pinned)), p = M(() => o.value.view === "gantt" || o.value.view === "tree-gantt"), x = M(() => o.value.view === "tree" || o.value.view === "tree-gantt"), I = M(() => `${Math.ceil(c.value.length / 100 + 1)}ch`), B = M(
1623
+ () => o.value.view ? ["list", "tree", "tree-gantt", "list-expansion"].includes(o.value.view) : !1
1624
+ ), N = (v, r) => u.value[`${v}:${r}`], O = (v, r, h) => {
1625
+ const y = `${v}:${r}`, E = i.value[v];
1626
+ u.value[y] !== h && (l.value[r] = !0), u.value[y] = h, c.value[r] = {
1627
+ ...c.value[r],
1628
+ [E.name]: h
1614
1629
  };
1615
- }, O = (v, m, I) => {
1616
- const g = `${v}:${m}`;
1617
- s.value[g] !== I && (i.value[m].rowModified = !0, w.value[g] = I);
1618
- }, A = (v) => {
1619
- const m = c.value.indexOf(v) === c.value.length - 1, I = l.value.fullWidth ? v.resizable && !m : v.resizable;
1630
+ }, R = (v) => {
1631
+ c.value = v;
1632
+ }, P = (v, r, h) => {
1633
+ const y = `${v}:${r}`;
1634
+ u.value[y] !== h && (l.value[r] = !0, m.value[y] = h);
1635
+ }, W = (v) => {
1636
+ const r = i.value.indexOf(v) === i.value.length - 1, h = o.value.fullWidth ? v.resizable && !r : v.resizable;
1620
1637
  return {
1621
1638
  width: v.width || "40ch",
1622
1639
  textAlign: v.align || "center",
1623
- ...I && {
1640
+ ...h && {
1624
1641
  resize: "horizontal",
1625
1642
  overflow: "hidden",
1626
1643
  whiteSpace: "nowrap"
1627
1644
  }
1628
1645
  };
1629
- }, L = (v, m) => {
1630
- if (v < 0 || v >= c.value.length) return;
1631
- const g = Math.max(m, 40);
1632
- c.value[v] = {
1633
- ...c.value[v],
1634
- width: `${g}px`
1646
+ }, j = (v, r) => {
1647
+ if (v < 0 || v >= i.value.length) return;
1648
+ const y = Math.max(r, 40);
1649
+ i.value[v] = {
1650
+ ...i.value[v],
1651
+ width: `${y}px`
1635
1652
  };
1636
- }, X = (v) => {
1637
- const m = o.value[v];
1638
- return u.value && m.gantt !== void 0;
1639
- }, q = (v) => !h.value || i.value[v].isRoot || i.value[v].open, B = (v) => !h.value && l.value.view !== "list-expansion" ? "" : h.value && (i.value[v].isRoot || i.value[v].isParent) ? i.value[v].childrenOpen ? "▼" : "►" : l.value.view === "list-expansion" ? i.value[v].expanded ? "▼" : "►" : "", Q = (v) => {
1640
- if (h.value) {
1641
- i.value[v].childrenOpen = !i.value[v].childrenOpen;
1642
- const m = i.value[v].childrenOpen;
1643
- for (let I = 0; I < o.value.length; I++)
1644
- i.value[I].parent === v && (i.value[I].open = m, m || (i.value[I].childrenOpen = !1, Q(I)));
1645
- } else l.value.view === "list-expansion" && (i.value[v].expanded = !i.value[v].expanded);
1646
- }, he = (v, m) => {
1647
- const I = z(v, m);
1648
- return pe(v, m, I);
1649
- }, pe = (v, m, I) => {
1650
- const g = c.value[v], x = o.value[m], $ = g.format;
1651
- return $ ? typeof $ == "function" ? $(I, { table: s.value, row: x, column: g }) : typeof $ == "string" ? Function(`"use strict";return (${$})`)()(I, { table: s.value, row: x, column: g }) : I : I;
1653
+ }, L = (v) => {
1654
+ const r = c.value[v];
1655
+ return p.value && r.gantt !== void 0;
1656
+ }, K = (v) => !x.value || f.value[v].isRoot || f.value[v].open, me = (v) => !x.value && o.value.view !== "list-expansion" ? "" : x.value && (f.value[v].isRoot || f.value[v].isParent) ? f.value[v].childrenOpen ? "▼" : "►" : o.value.view === "list-expansion" ? f.value[v].expanded ? "▼" : "►" : "", he = (v) => {
1657
+ if (x.value) {
1658
+ const r = s.value[v] || {}, y = !(r.childrenOpen ?? f.value[v].childrenOpen);
1659
+ if (s.value[v] = {
1660
+ ...r,
1661
+ childrenOpen: y
1662
+ }, !y) {
1663
+ for (let E = 0; E < c.value.length; E++)
1664
+ if (f.value[E].parent === v) {
1665
+ const A = s.value[E] || {};
1666
+ s.value[E] = {
1667
+ ...A,
1668
+ childrenOpen: !1
1669
+ }, he(E);
1670
+ }
1671
+ }
1672
+ } else if (o.value.view === "list-expansion") {
1673
+ const r = s.value[v] || {}, h = r.expanded ?? f.value[v].expanded;
1674
+ s.value[v] = {
1675
+ ...r,
1676
+ expanded: !h
1677
+ };
1678
+ }
1679
+ }, ge = (v, r) => {
1680
+ const h = N(v, r);
1681
+ return ye(v, r, h);
1682
+ }, ye = (v, r, h) => {
1683
+ const y = i.value[v], E = c.value[r], A = y.format;
1684
+ return A ? typeof A == "function" ? A(h, { table: u.value, row: E, column: y }) : typeof A == "string" ? Function(`"use strict";return (${A})`)()(h, { table: u.value, row: E, column: y }) : h : h;
1652
1685
  };
1653
1686
  return {
1654
1687
  // state
1655
- columns: c,
1656
- config: l,
1657
- connectionHandles: p,
1658
- connectionPaths: b,
1659
- display: i,
1660
- ganttBars: f,
1661
- modal: d,
1662
- rows: o,
1663
- table: s,
1664
- updates: w,
1688
+ columns: i,
1689
+ config: o,
1690
+ connectionHandles: b,
1691
+ connectionPaths: C,
1692
+ display: f,
1693
+ ganttBars: w,
1694
+ modal: g,
1695
+ rows: c,
1696
+ table: u,
1697
+ updates: m,
1665
1698
  // getters
1666
- hasPinnedColumns: C,
1667
- isGanttView: u,
1668
- isTreeView: h,
1669
- numberedRowWidth: y,
1670
- zeroColumn: E,
1699
+ hasPinnedColumns: d,
1700
+ isGanttView: p,
1701
+ isTreeView: x,
1702
+ numberedRowWidth: I,
1703
+ zeroColumn: B,
1671
1704
  // actions
1672
1705
  closeModal: (v) => {
1673
- var m;
1674
- v.target instanceof Node && (m = d.value.parent) != null && m.contains(v.target) || d.value.visible && (d.value.visible = !1);
1706
+ var r;
1707
+ v.target instanceof Node && (r = g.value.parent) != null && r.contains(v.target) || g.value.visible && (g.value.visible = !1);
1675
1708
  },
1676
- createConnection: (v, m, I) => {
1677
- const g = p.value.find((T) => T.id === v), x = p.value.find((T) => T.id === m);
1678
- if (!g || !x)
1709
+ createConnection: (v, r, h) => {
1710
+ const y = b.value.find((z) => z.id === v), E = b.value.find((z) => z.id === r);
1711
+ if (!y || !E)
1679
1712
  return console.warn("Cannot create connection: handle not found"), null;
1680
- const $ = {
1681
- id: `connection-${v}-${m}`,
1713
+ const A = {
1714
+ id: `connection-${v}-${r}`,
1682
1715
  from: {
1683
- barId: g.barId,
1684
- side: g.side
1716
+ barId: y.barId,
1717
+ side: y.side
1685
1718
  },
1686
1719
  to: {
1687
- barId: x.barId,
1688
- side: x.side
1720
+ barId: E.barId,
1721
+ side: E.side
1689
1722
  },
1690
- style: I == null ? void 0 : I.style,
1691
- label: I == null ? void 0 : I.label
1723
+ style: h == null ? void 0 : h.style,
1724
+ label: h == null ? void 0 : h.label
1692
1725
  };
1693
- return b.value.push($), $;
1726
+ return C.value.push(A), A;
1694
1727
  },
1695
1728
  deleteConnection: (v) => {
1696
- const m = b.value.findIndex((I) => I.id === v);
1697
- return m >= 0 ? (b.value.splice(m, 1), !0) : !1;
1729
+ const r = C.value.findIndex((h) => h.id === v);
1730
+ return r >= 0 ? (C.value.splice(r, 1), !0) : !1;
1698
1731
  },
1699
- getCellData: z,
1700
- getCellDisplayValue: he,
1701
- getConnectionsForBar: (v) => b.value.filter((m) => m.from.barId === v || m.to.barId === v),
1702
- getFormattedValue: pe,
1703
- getHandlesForBar: (v) => p.value.filter((m) => m.barId === v),
1704
- getHeaderCellStyle: A,
1705
- getIndent: (v, m) => m && v === 0 && m > 0 ? `${m}ch` : "inherit",
1706
- getRowExpandSymbol: B,
1707
- isRowGantt: X,
1708
- isRowVisible: q,
1732
+ getCellData: N,
1733
+ getCellDisplayValue: ge,
1734
+ getConnectionsForBar: (v) => C.value.filter((r) => r.from.barId === v || r.to.barId === v),
1735
+ getFormattedValue: ye,
1736
+ getHandlesForBar: (v) => b.value.filter((r) => r.barId === v),
1737
+ getHeaderCellStyle: W,
1738
+ getIndent: (v, r) => r && v === 0 && r > 0 ? `${r}ch` : "inherit",
1739
+ getRowExpandSymbol: me,
1740
+ isRowGantt: L,
1741
+ isRowVisible: K,
1709
1742
  registerConnectionHandle: (v) => {
1710
- const m = p.value.findIndex((I) => I.id === v.id);
1711
- m >= 0 ? p.value[m] = v : p.value.push(v);
1743
+ const r = b.value.findIndex((h) => h.id === v.id);
1744
+ r >= 0 ? b.value[r] = v : b.value.push(v);
1712
1745
  },
1713
1746
  registerGanttBar: (v) => {
1714
- const m = f.value.findIndex((I) => I.id === v.id);
1715
- m >= 0 ? f.value[m] = v : f.value.push(v);
1747
+ const r = w.value.findIndex((h) => h.id === v.id);
1748
+ r >= 0 ? w.value[r] = v : w.value.push(v);
1716
1749
  },
1717
- resizeColumn: L,
1718
- setCellData: G,
1719
- setCellText: O,
1720
- toggleRowExpand: Q,
1750
+ resizeColumn: j,
1751
+ setCellData: O,
1752
+ setCellText: P,
1753
+ toggleRowExpand: he,
1721
1754
  unregisterConnectionHandle: (v) => {
1722
- const m = p.value.findIndex((I) => I.id === v);
1723
- m >= 0 && p.value.splice(m, 1);
1755
+ const r = b.value.findIndex((h) => h.id === v);
1756
+ r >= 0 && b.value.splice(r, 1);
1724
1757
  },
1725
1758
  unregisterGanttBar: (v) => {
1726
- const m = f.value.findIndex((I) => I.id === v);
1727
- m >= 0 && f.value.splice(m, 1);
1759
+ const r = w.value.findIndex((h) => h.id === v);
1760
+ r >= 0 && w.value.splice(r, 1);
1728
1761
  },
1729
1762
  updateGanttBar: (v) => {
1730
- var I;
1731
- const m = (I = o.value[v.rowIndex]) == null ? void 0 : I.gantt;
1732
- m && (v.type === "resize" ? v.edge === "start" ? (m.startIndex = v.newStart, m.endIndex = v.end, m.colspan = m.endIndex - m.startIndex) : v.edge === "end" && (m.startIndex = v.start, m.endIndex = v.newEnd, m.colspan = m.endIndex - m.startIndex) : v.type === "bar" && (m.startIndex = v.newStart, m.endIndex = v.newEnd, m.colspan = m.endIndex - m.startIndex));
1733
- }
1763
+ var h;
1764
+ const r = (h = c.value[v.rowIndex]) == null ? void 0 : h.gantt;
1765
+ r && (v.type === "resize" ? v.edge === "start" ? (r.startIndex = v.newStart, r.endIndex = v.end, r.colspan = r.endIndex - r.startIndex) : v.edge === "end" && (r.startIndex = v.start, r.endIndex = v.newEnd, r.colspan = r.endIndex - r.startIndex) : v.type === "bar" && (r.startIndex = v.newStart, r.endIndex = v.newEnd, r.colspan = r.endIndex - r.startIndex));
1766
+ },
1767
+ updateRows: R
1734
1768
  };
1735
1769
  })();
1736
1770
  }, no = {
1737
1771
  class: "atable-container",
1738
1772
  style: { position: "relative" }
1739
- }, oo = /* @__PURE__ */ oe({
1773
+ }, oo = /* @__PURE__ */ te({
1740
1774
  __name: "ATable",
1741
1775
  props: /* @__PURE__ */ ot({
1742
1776
  id: {},
@@ -1748,73 +1782,73 @@ const Yn = { class: "gantt-connection-overlay" }, jn = {
1748
1782
  }),
1749
1783
  emits: /* @__PURE__ */ ot(["cellUpdate", "gantt:drag", "connection:event"], ["update:modelValue"]),
1750
1784
  setup(e, { expose: t, emit: n }) {
1751
- const a = zt(e, "modelValue"), r = n, c = Z("table"), o = to({ columns: e.columns, rows: a.value, id: e.id, config: e.config });
1752
- o.$onAction(({ name: f, store: p, args: b, after: C }) => {
1753
- if (f === "setCellData" || f === "setCellText") {
1754
- const [u, h, y] = b, E = p.getCellData(u, h);
1785
+ const a = zt(e, "modelValue"), i = n, c = U("table"), o = to({ columns: e.columns, rows: a.value, id: e.id, config: e.config });
1786
+ o.$onAction(({ name: m, store: w, args: b, after: C }) => {
1787
+ if (m === "setCellData" || m === "setCellText") {
1788
+ const [d, p, x] = b, I = w.getCellData(d, p);
1755
1789
  C(() => {
1756
- a.value = [...p.rows], r("cellUpdate", { colIndex: u, rowIndex: h, newValue: y, oldValue: E });
1790
+ a.value = [...w.rows], i("cellUpdate", { colIndex: d, rowIndex: p, newValue: x, oldValue: I });
1757
1791
  });
1758
- } else if (f === "updateGanttBar") {
1759
- const [u] = b;
1760
- let h = !1;
1761
- u.type === "resize" ? h = u.oldColspan !== u.newColspan : u.type === "bar" && (h = u.oldStart !== u.newStart || u.oldEnd !== u.newEnd), h && C(() => {
1762
- r("gantt:drag", u);
1792
+ } else if (m === "updateGanttBar") {
1793
+ const [d] = b;
1794
+ let p = !1;
1795
+ d.type === "resize" ? p = d.oldColspan !== d.newColspan : d.type === "bar" && (p = d.oldStart !== d.newStart || d.oldEnd !== d.newEnd), p && C(() => {
1796
+ i("gantt:drag", d);
1763
1797
  });
1764
1798
  }
1765
- }), U(
1799
+ }), Y(
1766
1800
  () => a.value,
1767
- (f) => {
1768
- JSON.stringify(f) !== JSON.stringify(o.rows) && (o.rows = [...f]);
1801
+ (m) => {
1802
+ JSON.stringify(m) !== JSON.stringify(o.rows) && (o.rows = [...m]);
1769
1803
  },
1770
1804
  { deep: !0 }
1771
- ), ie(() => {
1772
- e.columns.some((f) => f.pinned) && (s(), o.isTreeView && It(c, s, { childList: !0, subtree: !0 }));
1805
+ ), se(() => {
1806
+ e.columns.some((m) => m.pinned) && (s(), o.isTreeView && It(c, s, { childList: !0, subtree: !0 }));
1773
1807
  });
1774
- const l = R(() => o.columns.filter((f) => f.pinned).length), s = () => {
1775
- const f = c.value, p = f == null ? void 0 : f.rows[0], b = f == null ? void 0 : f.rows[1], C = p ? Array.from(p.cells) : [];
1776
- for (const [u, h] of C.entries()) {
1777
- const y = b == null ? void 0 : b.cells[u];
1778
- y && (h.style.width = `${y.offsetWidth}px`);
1808
+ const l = M(() => o.columns.filter((m) => m.pinned).length), s = () => {
1809
+ const m = c.value, w = m == null ? void 0 : m.rows[0], b = m == null ? void 0 : m.rows[1], C = w ? Array.from(w.cells) : [];
1810
+ for (const [d, p] of C.entries()) {
1811
+ const x = b == null ? void 0 : b.cells[d];
1812
+ x && (p.style.width = `${x.offsetWidth}px`);
1779
1813
  }
1780
- for (const u of (f == null ? void 0 : f.rows) || []) {
1781
- let h = 0;
1782
- const y = [];
1783
- for (const E of u.cells)
1784
- (E.classList.contains("sticky-column") || E.classList.contains("sticky-index")) && (E.style.left = `${h}px`, h += E.offsetWidth, y.push(E));
1785
- y.length > 0 && y[y.length - 1].classList.add("sticky-column-edge");
1814
+ for (const d of (m == null ? void 0 : m.rows) || []) {
1815
+ let p = 0;
1816
+ const x = [];
1817
+ for (const I of d.cells)
1818
+ (I.classList.contains("sticky-column") || I.classList.contains("sticky-index")) && (I.style.left = `${p}px`, p += I.offsetWidth, x.push(I));
1819
+ x.length > 0 && x[x.length - 1].classList.add("sticky-column-edge");
1786
1820
  }
1787
1821
  };
1788
- window.addEventListener("keydown", (f) => {
1789
- if (f.key === "Escape" && o.modal.visible) {
1822
+ window.addEventListener("keydown", (m) => {
1823
+ if (m.key === "Escape" && o.modal.visible) {
1790
1824
  o.modal.visible = !1;
1791
- const p = o.modal.parent;
1792
- p && pt().then(() => {
1793
- p.focus();
1825
+ const w = o.modal.parent;
1826
+ w && pt().then(() => {
1827
+ w.focus();
1794
1828
  });
1795
1829
  }
1796
1830
  });
1797
- const i = (f) => {
1831
+ const u = (m) => {
1798
1832
  var b;
1799
- if (!f.gantt || l.value === 0)
1833
+ if (!m.gantt || l.value === 0)
1800
1834
  return o.columns;
1801
- const p = [];
1835
+ const w = [];
1802
1836
  for (let C = 0; C < l.value; C++) {
1803
- const u = { ...o.columns[C] };
1804
- u.originalIndex = C, p.push(u);
1837
+ const d = { ...o.columns[C] };
1838
+ d.originalIndex = C, w.push(d);
1805
1839
  }
1806
- return p.push({
1840
+ return w.push({
1807
1841
  ...o.columns[l.value],
1808
1842
  isGantt: !0,
1809
- colspan: ((b = f.gantt) == null ? void 0 : b.colspan) || o.columns.length - l.value,
1843
+ colspan: ((b = m.gantt) == null ? void 0 : b.colspan) || o.columns.length - l.value,
1810
1844
  originalIndex: l.value,
1811
1845
  width: "auto"
1812
1846
  // TODO: refactor to API that can detect when data exists in a cell. Might have be custom and not generalizable
1813
- }), p;
1814
- }, d = (f) => {
1815
- r("connection:event", { type: "create", connection: f });
1816
- }, w = (f) => {
1817
- r("connection:event", { type: "delete", connection: f });
1847
+ }), w;
1848
+ }, f = (m) => {
1849
+ i("connection:event", { type: "create", connection: m });
1850
+ }, g = (m) => {
1851
+ i("connection:event", { type: "delete", connection: m });
1818
1852
  };
1819
1853
  return t({
1820
1854
  store: o,
@@ -1822,59 +1856,59 @@ const Yn = { class: "gantt-connection-overlay" }, jn = {
1822
1856
  deleteConnection: o.deleteConnection,
1823
1857
  getConnectionsForBar: o.getConnectionsForBar,
1824
1858
  getHandlesForBar: o.getHandlesForBar
1825
- }), (f, p) => (S(), H("div", no, [
1826
- Se((S(), H("table", {
1859
+ }), (m, w) => (S(), T("div", no, [
1860
+ Me((S(), T("table", {
1827
1861
  ref: "table",
1828
1862
  class: "atable",
1829
- style: te({
1863
+ style: _({
1830
1864
  width: k(o).config.fullWidth ? "100%" : "auto"
1831
1865
  })
1832
1866
  }, [
1833
- j(f.$slots, "header", { data: k(o) }, () => [
1867
+ F(m.$slots, "header", { data: k(o) }, () => [
1834
1868
  lt($t, {
1835
1869
  columns: k(o).columns,
1836
1870
  store: k(o)
1837
1871
  }, null, 8, ["columns", "store"])
1838
1872
  ], !0),
1839
- P("tbody", null, [
1840
- j(f.$slots, "body", { data: k(o) }, () => [
1841
- (S(!0), H(se, null, ye(k(o).rows, (b, C) => (S(), ue(Et, {
1873
+ D("tbody", null, [
1874
+ F(m.$slots, "body", { data: k(o) }, () => [
1875
+ (S(!0), T(le, null, we(k(o).rows, (b, C) => (S(), ie(Et, {
1842
1876
  key: b.id,
1843
1877
  row: b,
1844
1878
  rowIndex: C,
1845
1879
  store: k(o)
1846
1880
  }, {
1847
1881
  default: at(() => [
1848
- (S(!0), H(se, null, ye(i(b), (u, h) => {
1849
- var y, E, z;
1850
- return S(), H(se, {
1851
- key: u.name
1882
+ (S(!0), T(le, null, we(u(b), (d, p) => {
1883
+ var x, I, B;
1884
+ return S(), T(le, {
1885
+ key: d.name
1852
1886
  }, [
1853
- u.isGantt ? (S(), ue(Ee(u.ganttComponent || "AGanttCell"), {
1887
+ d.isGantt ? (S(), ie(Ie(d.ganttComponent || "AGanttCell"), {
1854
1888
  key: 0,
1855
1889
  store: k(o),
1856
1890
  columnsCount: k(o).columns.length - l.value,
1857
- color: (y = b.gantt) == null ? void 0 : y.color,
1858
- start: (E = b.gantt) == null ? void 0 : E.startIndex,
1859
- end: (z = b.gantt) == null ? void 0 : z.endIndex,
1860
- colspan: u.colspan,
1861
- pinned: u.pinned,
1891
+ color: (x = b.gantt) == null ? void 0 : x.color,
1892
+ start: (I = b.gantt) == null ? void 0 : I.startIndex,
1893
+ end: (B = b.gantt) == null ? void 0 : B.endIndex,
1894
+ colspan: d.colspan,
1895
+ pinned: d.pinned,
1862
1896
  rowIndex: C,
1863
- colIndex: u.originalIndex ?? h,
1864
- style: te({
1865
- textAlign: (u == null ? void 0 : u.align) || "center",
1866
- minWidth: (u == null ? void 0 : u.width) || "40ch",
1897
+ colIndex: d.originalIndex ?? p,
1898
+ style: _({
1899
+ textAlign: (d == null ? void 0 : d.align) || "center",
1900
+ minWidth: (d == null ? void 0 : d.width) || "40ch",
1867
1901
  width: k(o).config.fullWidth ? "auto" : null
1868
1902
  }),
1869
- "onConnection:create": d
1870
- }, null, 40, ["store", "columnsCount", "color", "start", "end", "colspan", "pinned", "rowIndex", "colIndex", "style"])) : (S(), ue(Ee(u.cellComponent || "ACell"), {
1903
+ "onConnection:create": f
1904
+ }, null, 40, ["store", "columnsCount", "color", "start", "end", "colspan", "pinned", "rowIndex", "colIndex", "style"])) : (S(), ie(Ie(d.cellComponent || "ACell"), {
1871
1905
  key: 1,
1872
1906
  store: k(o),
1873
- pinned: u.pinned,
1907
+ pinned: d.pinned,
1874
1908
  rowIndex: C,
1875
- colIndex: h,
1876
- style: te({
1877
- textAlign: (u == null ? void 0 : u.align) || "center",
1909
+ colIndex: p,
1910
+ style: _({
1911
+ textAlign: (d == null ? void 0 : d.align) || "center",
1878
1912
  width: k(o).config.fullWidth ? "auto" : null
1879
1913
  }),
1880
1914
  spellcheck: "false"
@@ -1886,11 +1920,11 @@ const Yn = { class: "gantt-connection-overlay" }, jn = {
1886
1920
  }, 1032, ["row", "rowIndex", "store"]))), 128))
1887
1921
  ], !0)
1888
1922
  ]),
1889
- j(f.$slots, "footer", { data: k(o) }, void 0, !0),
1890
- j(f.$slots, "modal", { data: k(o) }, () => [
1891
- Se(lt(Mt, { store: k(o) }, {
1923
+ F(m.$slots, "footer", { data: k(o) }, void 0, !0),
1924
+ F(m.$slots, "modal", { data: k(o) }, () => [
1925
+ Me(lt(Mt, { store: k(o) }, {
1892
1926
  default: at(() => [
1893
- (S(), ue(Ee(k(o).modal.component), ze({
1927
+ (S(), ie(Ie(k(o).modal.component), We({
1894
1928
  key: `${k(o).modal.rowIndex}:${k(o).modal.colIndex}`,
1895
1929
  colIndex: k(o).modal.colIndex,
1896
1930
  rowIndex: k(o).modal.rowIndex,
@@ -1899,40 +1933,40 @@ const Yn = { class: "gantt-connection-overlay" }, jn = {
1899
1933
  ]),
1900
1934
  _: 1
1901
1935
  }, 8, ["store"]), [
1902
- [yt, k(o).modal.visible]
1936
+ [xt, k(o).modal.visible]
1903
1937
  ])
1904
1938
  ], !0)
1905
1939
  ], 4)), [
1906
1940
  [k(zn), k(o).closeModal]
1907
1941
  ]),
1908
- k(o).isGanttView ? (S(), ue(Qn, {
1942
+ k(o).isGanttView ? (S(), ie(Qn, {
1909
1943
  key: 0,
1910
1944
  store: k(o),
1911
- "onConnection:delete": w
1912
- }, null, 8, ["store"])) : ne("", !0)
1945
+ "onConnection:delete": g
1946
+ }, null, 8, ["store"])) : ee("", !0)
1913
1947
  ]));
1914
1948
  }
1915
- }), lo = /* @__PURE__ */ ce(oo, [["__scopeId", "data-v-8533f0fc"]]), ao = {}, so = { class: "aloading" }, ro = { class: "aloading-header" };
1949
+ }), lo = /* @__PURE__ */ re(oo, [["__scopeId", "data-v-8533f0fc"]]), ao = {}, so = { class: "aloading" }, ro = { class: "aloading-header" };
1916
1950
  function io(e, t) {
1917
- return S(), H("div", so, [
1918
- P("h2", ro, [
1919
- j(e.$slots, "default", {}, void 0, !0)
1951
+ return S(), T("div", so, [
1952
+ D("h2", ro, [
1953
+ F(e.$slots, "default", {}, void 0, !0)
1920
1954
  ]),
1921
- t[0] || (t[0] = P("div", { class: "aloading-bar" }, null, -1))
1955
+ t[0] || (t[0] = D("div", { class: "aloading-bar" }, null, -1))
1922
1956
  ]);
1923
1957
  }
1924
- const co = /* @__PURE__ */ ce(ao, [["render", io], ["__scopeId", "data-v-a930a25b"]]), uo = {}, fo = { class: "aloading" }, vo = { class: "aloading-header" };
1958
+ const co = /* @__PURE__ */ re(ao, [["render", io], ["__scopeId", "data-v-a930a25b"]]), uo = {}, fo = { class: "aloading" }, vo = { class: "aloading-header" };
1925
1959
  function mo(e, t) {
1926
- return S(), H("div", fo, [
1927
- P("h2", vo, [
1928
- j(e.$slots, "default", {}, void 0, !0)
1960
+ return S(), T("div", fo, [
1961
+ D("h2", vo, [
1962
+ F(e.$slots, "default", {}, void 0, !0)
1929
1963
  ]),
1930
- t[0] || (t[0] = P("div", { class: "aloading-bar" }, null, -1))
1964
+ t[0] || (t[0] = D("div", { class: "aloading-bar" }, null, -1))
1931
1965
  ]);
1932
1966
  }
1933
- const go = /* @__PURE__ */ ce(uo, [["render", mo], ["__scopeId", "data-v-e1165876"]]);
1967
+ const ho = /* @__PURE__ */ re(uo, [["render", mo], ["__scopeId", "data-v-e1165876"]]);
1934
1968
  function wo(e) {
1935
- e.component("ACell", In), e.component("AExpansionRow", Sn), e.component("AGanttCell", Pn), e.component("ARow", Et), e.component("ATable", lo), e.component("ATableHeader", $t), e.component("ATableLoading", co), e.component("ATableLoadingBar", go), e.component("ATableModal", Mt);
1969
+ e.component("ACell", In), e.component("AExpansionRow", Sn), e.component("AGanttCell", Pn), e.component("ARow", Et), e.component("ATable", lo), e.component("ATableHeader", $t), e.component("ATableLoading", co), e.component("ATableLoadingBar", ho), e.component("ATableModal", Mt);
1936
1970
  }
1937
1971
  export {
1938
1972
  In as ACell,
@@ -1942,7 +1976,7 @@ export {
1942
1976
  lo as ATable,
1943
1977
  $t as ATableHeader,
1944
1978
  co as ATableLoading,
1945
- go as ATableLoadingBar,
1979
+ ho as ATableLoadingBar,
1946
1980
  Mt as ATableModal,
1947
1981
  to as createTableStore,
1948
1982
  wo as install