@ninebone/table 0.0.563 → 0.0.564
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/nine-table.js +371 -371
- package/dist/nine-table.js.map +1 -1
- package/dist/nine-table.umd.js +7 -7
- package/dist/nine-table.umd.js.map +1 -1
- package/package.json +1 -1
package/dist/nine-table.js
CHANGED
|
@@ -22,69 +22,69 @@ const Me = class Me extends Ze.constructor {
|
|
|
22
22
|
};
|
|
23
23
|
h(Me, "Trace");
|
|
24
24
|
let ae = Me;
|
|
25
|
-
const
|
|
26
|
-
var z, j, w,
|
|
25
|
+
const O = new ae();
|
|
26
|
+
var z, j, w, Z, G, J, _t, Q, Nt;
|
|
27
27
|
const $e = class $e extends HTMLElement {
|
|
28
28
|
constructor() {
|
|
29
29
|
super();
|
|
30
30
|
d(this, z);
|
|
31
31
|
d(this, j, !1);
|
|
32
32
|
d(this, w);
|
|
33
|
-
d(this, X);
|
|
34
|
-
d(this, K);
|
|
35
33
|
d(this, Z);
|
|
34
|
+
d(this, G);
|
|
35
|
+
d(this, J);
|
|
36
36
|
d(this, _t, /* @__PURE__ */ h(() => {
|
|
37
37
|
if (!t(this, z)) return;
|
|
38
38
|
const e = t(this, z).querySelector(".ng-container-body .ng-part-body");
|
|
39
|
-
e && (p(this,
|
|
39
|
+
e && (p(this, J, new ResizeObserver(() => {
|
|
40
40
|
this.refresh();
|
|
41
|
-
})), t(this,
|
|
41
|
+
})), t(this, J).observe(e));
|
|
42
42
|
}, "#observeResize"));
|
|
43
43
|
E(this, "refresh", /* @__PURE__ */ h(() => {
|
|
44
44
|
if (!t(this, z) || !t(this, w) || t(this, j)) return;
|
|
45
45
|
const e = t(this, w).container, s = e.querySelector("table");
|
|
46
46
|
if (!s) return;
|
|
47
|
-
const r = t(this, w).track, n = t(this, w).thumb,
|
|
48
|
-
if (
|
|
49
|
-
|
|
47
|
+
const r = t(this, w).track, n = t(this, w).thumb, o = t(this, z).querySelector(".ng-container-bottom"), a = e.clientWidth, c = s.scrollWidth;
|
|
48
|
+
if (a !== 0 && c > a)
|
|
49
|
+
o && (o.style.display = "flex");
|
|
50
50
|
else {
|
|
51
|
-
|
|
51
|
+
o && (o.style.display = "none");
|
|
52
52
|
return;
|
|
53
53
|
}
|
|
54
54
|
const l = r.clientWidth;
|
|
55
55
|
if (l <= 0) return;
|
|
56
|
-
const f = Math.max(Math.min(l * (
|
|
56
|
+
const f = Math.max(Math.min(l * (a / c), l), 20);
|
|
57
57
|
n.style.width = `${f}px`;
|
|
58
|
-
const u = e.scrollLeft, g = c -
|
|
58
|
+
const u = e.scrollLeft, g = c - a;
|
|
59
59
|
let b = 0;
|
|
60
60
|
g > 0 && (b = parseInt(u / g * (l - f), 10)), b < 0 && (b = 0);
|
|
61
|
-
const
|
|
62
|
-
b >
|
|
61
|
+
const m = l - f;
|
|
62
|
+
b > m && (b = m), n.style.left = `${b}px`, t(this, w).left.disabled = b === 0, t(this, w).right.disabled = b >= m - 1;
|
|
63
63
|
}, "refresh"));
|
|
64
|
-
d(this,
|
|
64
|
+
d(this, Q, /* @__PURE__ */ h((e) => {
|
|
65
65
|
if (!t(this, w)) return !1;
|
|
66
66
|
const s = t(this, w).container, r = s.querySelector("table");
|
|
67
67
|
if (!r) return !1;
|
|
68
|
-
const n = t(this, w).track.getBoundingClientRect(),
|
|
69
|
-
let
|
|
70
|
-
|
|
71
|
-
const c = n.width -
|
|
72
|
-
|
|
68
|
+
const n = t(this, w).track.getBoundingClientRect(), o = t(this, w).thumb.clientWidth;
|
|
69
|
+
let a = e;
|
|
70
|
+
a < 0 && (a = 0);
|
|
71
|
+
const c = n.width - o;
|
|
72
|
+
a > c && (a = c), a = parseInt(a, 10), t(this, w).thumb.style.left = `${a}px`, t(this, w).left.disabled = a === 0, t(this, w).right.disabled = a >= c - 1;
|
|
73
73
|
const l = s.clientWidth, u = r.scrollWidth - l;
|
|
74
|
-
return c > 0 && u > 0 && (s.scrollLeft =
|
|
74
|
+
return c > 0 && u > 0 && (s.scrollLeft = a / c * u), a > 0 && a < c - 1;
|
|
75
75
|
}, "#thumbMoveTo"));
|
|
76
76
|
d(this, Nt, /* @__PURE__ */ h(() => {
|
|
77
77
|
const e = /* @__PURE__ */ h((r) => {
|
|
78
|
-
clearInterval(t(this,
|
|
78
|
+
clearInterval(t(this, Z)), clearInterval(t(this, G));
|
|
79
79
|
const n = parseInt(t(this, w).thumb.style.left || 0, 10);
|
|
80
|
-
t(this,
|
|
81
|
-
clearInterval(t(this,
|
|
82
|
-
const
|
|
83
|
-
t(this,
|
|
80
|
+
t(this, Q).call(this, n + r), p(this, Z, setInterval(() => {
|
|
81
|
+
clearInterval(t(this, Z)), p(this, G, setInterval(() => {
|
|
82
|
+
const o = parseInt(t(this, w).thumb.style.left || 0, 10);
|
|
83
|
+
t(this, Q).call(this, o + r) || clearInterval(t(this, G));
|
|
84
84
|
}, 50));
|
|
85
85
|
}, 500));
|
|
86
86
|
}, "delayScroll"), s = /* @__PURE__ */ h(() => {
|
|
87
|
-
clearInterval(t(this,
|
|
87
|
+
clearInterval(t(this, Z)), clearInterval(t(this, G));
|
|
88
88
|
}, "clearTimer");
|
|
89
89
|
["mouseup", "mouseleave", "touchend"].forEach((r) => {
|
|
90
90
|
t(this, w).left.addEventListener(r, s), t(this, w).right.addEventListener(r, s), t(this, w).track.addEventListener(r, s);
|
|
@@ -95,19 +95,19 @@ const $e = class $e extends HTMLElement {
|
|
|
95
95
|
}), t(this, w).left.addEventListener("touchstart", () => e(-20)), t(this, w).right.addEventListener("touchstart", () => e(20)), t(this, w).track.addEventListener("mousedown", (r) => {
|
|
96
96
|
if (r.button !== 0) return;
|
|
97
97
|
r.preventDefault();
|
|
98
|
-
const n = t(this, w).track.getBoundingClientRect(),
|
|
99
|
-
t(this,
|
|
98
|
+
const n = t(this, w).track.getBoundingClientRect(), o = t(this, w).thumb.clientWidth;
|
|
99
|
+
t(this, Q).call(this, r.clientX - n.left - o / 2);
|
|
100
100
|
}), t(this, w).thumb.addEventListener("mousedown", (r) => {
|
|
101
101
|
if (r.button !== 0) return;
|
|
102
102
|
r.stopPropagation(), r.preventDefault(), p(this, j, !0), this.shiftX = r.clientX - t(this, w).thumb.getBoundingClientRect().left;
|
|
103
|
-
const n = /* @__PURE__ */ h((
|
|
103
|
+
const n = /* @__PURE__ */ h((a) => {
|
|
104
104
|
if (!t(this, j)) return;
|
|
105
105
|
const c = t(this, w).track.getBoundingClientRect();
|
|
106
|
-
t(this,
|
|
107
|
-
}, "onMouseMove"),
|
|
108
|
-
p(this, j, !1), s(), document.removeEventListener("mousemove", n), document.removeEventListener("mouseup",
|
|
106
|
+
t(this, Q).call(this, a.clientX - c.left - this.shiftX);
|
|
107
|
+
}, "onMouseMove"), o = /* @__PURE__ */ h(() => {
|
|
108
|
+
p(this, j, !1), s(), document.removeEventListener("mousemove", n), document.removeEventListener("mouseup", o), this.refresh();
|
|
109
109
|
}, "onMouseUp");
|
|
110
|
-
document.addEventListener("mousemove", n), document.addEventListener("mouseup",
|
|
110
|
+
document.addEventListener("mousemove", n), document.addEventListener("mouseup", o);
|
|
111
111
|
});
|
|
112
112
|
}, "#init"));
|
|
113
113
|
}
|
|
@@ -195,25 +195,25 @@ const $e = class $e extends HTMLElement {
|
|
|
195
195
|
e();
|
|
196
196
|
}
|
|
197
197
|
disconnectedCallback() {
|
|
198
|
-
t(this,
|
|
198
|
+
t(this, J) && t(this, J).disconnect();
|
|
199
199
|
}
|
|
200
200
|
};
|
|
201
|
-
z = new WeakMap(), j = new WeakMap(), w = new WeakMap(),
|
|
201
|
+
z = new WeakMap(), j = new WeakMap(), w = new WeakMap(), Z = new WeakMap(), G = new WeakMap(), J = new WeakMap(), _t = new WeakMap(), Q = new WeakMap(), Nt = new WeakMap(), h($e, "NineTableHScrollBar");
|
|
202
202
|
let le = $e;
|
|
203
203
|
customElements.get("nine-table-hscrollbar") || customElements.define("nine-table-hscrollbar", le);
|
|
204
|
-
var F,
|
|
204
|
+
var F, lt, tt, q, wt, St, Wt;
|
|
205
205
|
const Ie = class Ie extends HTMLElement {
|
|
206
206
|
constructor() {
|
|
207
207
|
super();
|
|
208
208
|
d(this, F);
|
|
209
|
-
d(this,
|
|
210
|
-
d(this,
|
|
209
|
+
d(this, lt);
|
|
210
|
+
d(this, tt, !1);
|
|
211
211
|
d(this, q);
|
|
212
|
-
d(this, vt, 0);
|
|
213
212
|
d(this, wt, 0);
|
|
213
|
+
d(this, St, 0);
|
|
214
214
|
E(this, "refresh", /* @__PURE__ */ h(() => {
|
|
215
215
|
if (!t(this, F) || !t(this, q)) return;
|
|
216
|
-
const e = t(this, q).container, s = t(this, q).track, r = t(this, q).thumb, n = e.clientHeight,
|
|
216
|
+
const e = t(this, q).container, s = t(this, q).track, r = t(this, q).thumb, n = e.clientHeight, a = (t(this, F).data.get() || []).length, c = t(this, lt).getRowHeight(), l = a * c;
|
|
217
217
|
if (l <= n) {
|
|
218
218
|
r.style.display = "none", t(this, q).top.disabled = !0, t(this, q).bottom.disabled = !0;
|
|
219
219
|
return;
|
|
@@ -224,41 +224,41 @@ const Ie = class Ie extends HTMLElement {
|
|
|
224
224
|
const u = Math.max(Math.min(f * (n / l), f), 20);
|
|
225
225
|
r.style.height = `${u}px`;
|
|
226
226
|
const g = e.scrollTop, b = Math.max(l - n, 1);
|
|
227
|
-
let
|
|
228
|
-
b > 0 && (
|
|
227
|
+
let m = 0;
|
|
228
|
+
b > 0 && (m = g / b * (f - u));
|
|
229
229
|
const v = f - u;
|
|
230
|
-
|
|
230
|
+
m < 0 && (m = 0), m > v && (m = v), r.style.top = `${m}px`, t(this, q).top.disabled = g <= 0, t(this, q).bottom.disabled = g >= b - 1;
|
|
231
231
|
}, "refresh"));
|
|
232
232
|
d(this, Wt, /* @__PURE__ */ h(() => {
|
|
233
|
-
|
|
233
|
+
O.log("nine-table-vscrollbar.#init");
|
|
234
234
|
const e = t(this, q).container, s = /* @__PURE__ */ h(() => {
|
|
235
|
-
const n = (t(this, F).data.get() || []).length,
|
|
236
|
-
return n *
|
|
235
|
+
const n = (t(this, F).data.get() || []).length, o = t(this, lt).getRowHeight();
|
|
236
|
+
return n * o;
|
|
237
237
|
}, "getContentHeight");
|
|
238
238
|
e.addEventListener("scroll", () => {
|
|
239
|
-
t(this,
|
|
239
|
+
t(this, tt) || this.refresh();
|
|
240
240
|
}), t(this, q).thumb.addEventListener("mousedown", (r) => {
|
|
241
241
|
if (r.button !== 0) return;
|
|
242
|
-
r.stopPropagation(), r.preventDefault(), p(this,
|
|
243
|
-
const n = /* @__PURE__ */ h((
|
|
244
|
-
if (!t(this,
|
|
245
|
-
const c = t(this, q).track.getBoundingClientRect(), l = t(this, q).thumb.clientHeight, u = c.height - l, g =
|
|
242
|
+
r.stopPropagation(), r.preventDefault(), p(this, tt, !0), p(this, wt, r.clientY), p(this, St, e.scrollTop);
|
|
243
|
+
const n = /* @__PURE__ */ h((a) => {
|
|
244
|
+
if (!t(this, tt)) return;
|
|
245
|
+
const c = t(this, q).track.getBoundingClientRect(), l = t(this, q).thumb.clientHeight, u = c.height - l, g = a.clientY - t(this, wt), b = e.clientHeight, m = s(), v = Math.max(m - b, 1);
|
|
246
246
|
if (u > 0 && v > 0) {
|
|
247
247
|
const A = g / u * v;
|
|
248
|
-
let
|
|
249
|
-
const
|
|
250
|
-
|
|
248
|
+
let x = t(this, St) + A;
|
|
249
|
+
const H = Math.max(0, m - b);
|
|
250
|
+
x < 0 && (x = 0), x > H && (x = H), e.scrollTop = x;
|
|
251
251
|
}
|
|
252
252
|
this.refresh();
|
|
253
|
-
}, "onMouseMove"),
|
|
254
|
-
p(this,
|
|
253
|
+
}, "onMouseMove"), o = /* @__PURE__ */ h(() => {
|
|
254
|
+
p(this, tt, !1), document.removeEventListener("mousemove", n), document.removeEventListener("mouseup", o), this.refresh();
|
|
255
255
|
}, "onMouseUp");
|
|
256
|
-
document.addEventListener("mousemove", n), document.addEventListener("mouseup",
|
|
256
|
+
document.addEventListener("mousemove", n), document.addEventListener("mouseup", o);
|
|
257
257
|
}), t(this, q).track.addEventListener("mousedown", (r) => {
|
|
258
258
|
if (r.button !== 0 || r.target === t(this, q).thumb) return;
|
|
259
|
-
const n = t(this, q).track.getBoundingClientRect(),
|
|
259
|
+
const n = t(this, q).track.getBoundingClientRect(), o = t(this, q).thumb.clientHeight, a = r.clientY - n.top - o / 2, l = n.height - o, f = e.clientHeight, u = s(), g = Math.max(u - f, 1);
|
|
260
260
|
if (l > 0 && g > 0) {
|
|
261
|
-
const b = Math.max(0, Math.min(1,
|
|
261
|
+
const b = Math.max(0, Math.min(1, a / l));
|
|
262
262
|
e.scrollTop = b * g;
|
|
263
263
|
}
|
|
264
264
|
this.refresh();
|
|
@@ -270,7 +270,7 @@ const Ie = class Ie extends HTMLElement {
|
|
|
270
270
|
}, "#init"));
|
|
271
271
|
}
|
|
272
272
|
connectedCallback() {
|
|
273
|
-
p(this, F, this.getRootNode().host), p(this,
|
|
273
|
+
p(this, F, this.getRootNode().host), p(this, lt, this.closest("nine-table-sheet")), this.innerHTML = `
|
|
274
274
|
<style>
|
|
275
275
|
nine-table-vscrollbar {
|
|
276
276
|
display: flex;
|
|
@@ -351,82 +351,82 @@ const Ie = class Ie extends HTMLElement {
|
|
|
351
351
|
e();
|
|
352
352
|
}
|
|
353
353
|
};
|
|
354
|
-
F = new WeakMap(),
|
|
354
|
+
F = new WeakMap(), lt = new WeakMap(), tt = new WeakMap(), q = new WeakMap(), wt = new WeakMap(), St = new WeakMap(), Wt = new WeakMap(), h(Ie, "NineTableVScrollBar");
|
|
355
355
|
let ce = Ie;
|
|
356
356
|
customElements.get("nine-table-vscrollbar") || customElements.define("nine-table-vscrollbar", ce);
|
|
357
|
-
var D, S,
|
|
357
|
+
var D, S, et, P, M, V, Y, ct, Ee, Ae, ht, Ot, Bt, zt, Et, At, Pt, Dt, Rt, Re, dt, qt, jt;
|
|
358
358
|
const _e = class _e {
|
|
359
359
|
constructor(i) {
|
|
360
360
|
d(this, D);
|
|
361
361
|
d(this, S);
|
|
362
|
-
d(this,
|
|
362
|
+
d(this, et);
|
|
363
363
|
d(this, P, /* @__PURE__ */ new Map());
|
|
364
|
-
d(this,
|
|
364
|
+
d(this, M, null);
|
|
365
365
|
d(this, V, null);
|
|
366
|
-
d(this,
|
|
367
|
-
d(this,
|
|
366
|
+
d(this, Y, 0);
|
|
367
|
+
d(this, ct, 40);
|
|
368
368
|
d(this, Ee, !1);
|
|
369
369
|
d(this, Ae, !1);
|
|
370
|
-
d(this,
|
|
370
|
+
d(this, ht, !1);
|
|
371
371
|
// 🎯 고속 스크롤 스로틀링용 플래그
|
|
372
372
|
d(this, Ot, 3);
|
|
373
373
|
E(this, "refresh", /* @__PURE__ */ h(() => {
|
|
374
374
|
var e;
|
|
375
|
-
|
|
375
|
+
O.log("rowManager.refresh");
|
|
376
376
|
const i = t(this, S).querySelector(".ng-container-body .ng-part-body");
|
|
377
|
-
i && (t(this, Et).call(this), t(this,
|
|
377
|
+
i && (t(this, Et).call(this), t(this, dt).call(this, i.scrollTop), (e = t(this, S).querySelector("nine-table-vscrollbar")) == null || e.refresh());
|
|
378
378
|
}, "refresh"));
|
|
379
379
|
E(this, "initialize", /* @__PURE__ */ h(() => {
|
|
380
|
-
|
|
380
|
+
O.log("rowManager.initialize"), p(this, et, {
|
|
381
381
|
scrollTables: t(this, S).querySelectorAll(".ng-part-body table"),
|
|
382
382
|
firstTr: t(this, S).querySelector(".ng-container-body .ng-part-body tbody.bindable-tbody tr:not(.nodata)")
|
|
383
|
-
}), p(this,
|
|
384
|
-
const
|
|
385
|
-
if (!
|
|
386
|
-
const c =
|
|
383
|
+
}), p(this, M, null), t(this, P).clear(), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((o) => {
|
|
384
|
+
const a = t(this, S).querySelector(o);
|
|
385
|
+
if (!a) return;
|
|
386
|
+
const c = a.querySelector(".ng-part-body table");
|
|
387
387
|
if (!c) return;
|
|
388
388
|
const l = c.querySelector("tbody.bindable-tbody");
|
|
389
389
|
if (!l) return;
|
|
390
390
|
const u = Array.from(l.querySelectorAll("tr")).map((g) => g.cloneNode(!0));
|
|
391
|
-
t(this, P).set(
|
|
391
|
+
t(this, P).set(o, u);
|
|
392
392
|
});
|
|
393
393
|
const i = t(this, S).querySelector(".ng-container-body .ng-part-body"), e = t(this, S).querySelector(".ng-container-left .ng-part-body"), s = t(this, S).querySelector(".ng-container-right .ng-part-body"), r = t(this, S).querySelector(".ng-container-body .ng-part-header"), n = t(this, S).querySelector(".ng-container-body .ng-part-footer");
|
|
394
394
|
if (i) {
|
|
395
|
-
t(this, zt).call(this, i), t(this, Rt).call(this), t(this, Et).call(this), t(this,
|
|
396
|
-
let
|
|
397
|
-
const
|
|
398
|
-
if (
|
|
399
|
-
|
|
395
|
+
t(this, zt).call(this, i), t(this, Rt).call(this), t(this, Et).call(this), t(this, dt).call(this, i.scrollTop);
|
|
396
|
+
let o = !1;
|
|
397
|
+
const a = /* @__PURE__ */ h((c) => {
|
|
398
|
+
if (o) return;
|
|
399
|
+
o = !0;
|
|
400
400
|
const l = c.scrollTop, f = c.scrollLeft;
|
|
401
|
-
i && i.scrollTop !== l && (i.scrollTop = l), e && e.scrollTop !== l && (e.scrollTop = l), s && s.scrollTop !== l && (s.scrollTop = l), r && r.scrollLeft !== f && (r.scrollLeft = f), n && n.scrollLeft !== f && (n.scrollLeft = f), t(this,
|
|
401
|
+
i && i.scrollTop !== l && (i.scrollTop = l), e && e.scrollTop !== l && (e.scrollTop = l), s && s.scrollTop !== l && (s.scrollTop = l), r && r.scrollLeft !== f && (r.scrollLeft = f), n && n.scrollLeft !== f && (n.scrollLeft = f), t(this, dt).call(this, l), o = !1;
|
|
402
402
|
}, "handleContainerScroll");
|
|
403
403
|
[i, e, s].forEach((c) => {
|
|
404
404
|
c && c.addEventListener("scroll", () => {
|
|
405
|
-
t(this,
|
|
406
|
-
|
|
405
|
+
t(this, ht) || (p(this, ht, !0), requestAnimationFrame(() => {
|
|
406
|
+
a(c), p(this, ht, !1);
|
|
407
407
|
}));
|
|
408
408
|
});
|
|
409
409
|
});
|
|
410
410
|
}
|
|
411
411
|
}, "initialize"));
|
|
412
412
|
d(this, Bt, /* @__PURE__ */ h((i, e) => {
|
|
413
|
-
|
|
413
|
+
O.log("rowManager.#renderRows");
|
|
414
414
|
const s = t(this, P).get(e);
|
|
415
415
|
if (!s || s.length === 0) return;
|
|
416
416
|
const r = i.querySelector(".ng-part-body tbody.bindable-tbody");
|
|
417
417
|
if (!r) return;
|
|
418
|
-
r.querySelectorAll("tr:not(.nodata)").forEach((
|
|
419
|
-
const n = r.querySelector("tr.nodata"),
|
|
420
|
-
for (let
|
|
418
|
+
r.querySelectorAll("tr:not(.nodata)").forEach((a) => a.remove());
|
|
419
|
+
const n = r.querySelector("tr.nodata"), o = document.createDocumentFragment();
|
|
420
|
+
for (let a = 0; a < t(this, ct); a++)
|
|
421
421
|
s.forEach((c) => {
|
|
422
|
-
|
|
422
|
+
o.appendChild(c.cloneNode(!0));
|
|
423
423
|
});
|
|
424
|
-
n ? n.before(
|
|
424
|
+
n ? n.before(o) : r.appendChild(o), e === ".ng-container-body" && (t(this, et).firstTr = r.querySelector("tr:not(.nodata)"));
|
|
425
425
|
}, "#renderRows"));
|
|
426
426
|
d(this, zt, /* @__PURE__ */ h((i) => {
|
|
427
|
-
if (
|
|
428
|
-
return t(this,
|
|
429
|
-
|
|
427
|
+
if (O.log("rowManager.#measureAndCacheHeight"), t(this, M) !== null && t(this, M) > 0)
|
|
428
|
+
return t(this, M);
|
|
429
|
+
O.log("#measureAndCacheHeight");
|
|
430
430
|
const e = t(this, P).get(".ng-container-body");
|
|
431
431
|
if (!e || e.length === 0) return 24;
|
|
432
432
|
const s = i.querySelector("tbody.bindable-tbody");
|
|
@@ -436,54 +436,54 @@ const _e = class _e {
|
|
|
436
436
|
e.forEach((g) => {
|
|
437
437
|
n.appendChild(g.cloneNode(!0));
|
|
438
438
|
}), r ? r.before(n) : s.appendChild(n);
|
|
439
|
-
const
|
|
440
|
-
(
|
|
439
|
+
const o = t(this, S), a = o.style.display, c = o.style.visibility, l = o.style.position;
|
|
440
|
+
(a === "none" || window.getComputedStyle(o).display === "none") && (o.style.display = "block", o.style.visibility = "hidden", o.style.position = "absolute");
|
|
441
441
|
let f = 0;
|
|
442
442
|
const u = s.querySelectorAll("tr:not(.nodata)");
|
|
443
443
|
return u.forEach((g) => {
|
|
444
444
|
f += g.offsetHeight || g.getBoundingClientRect().height;
|
|
445
|
-
}), u.forEach((g) => g.remove()),
|
|
445
|
+
}), u.forEach((g) => g.remove()), o.style.display = a, o.style.visibility = c, o.style.position = l, p(this, M, f > 0 ? f : 24), t(this, At).call(this), t(this, M);
|
|
446
446
|
}, "#measureAndCacheHeight"));
|
|
447
447
|
d(this, Et, /* @__PURE__ */ h(() => {
|
|
448
|
-
|
|
449
|
-
const e = (t(this, D).data.get() || []).length, s = t(this,
|
|
448
|
+
O.log("rowManager.#updateVirtualScrollHeight");
|
|
449
|
+
const e = (t(this, D).data.get() || []).length, s = t(this, M), r = e * s;
|
|
450
450
|
[".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((n) => {
|
|
451
|
-
const
|
|
452
|
-
if (!
|
|
453
|
-
const
|
|
454
|
-
|
|
451
|
+
const o = t(this, S).querySelector(n);
|
|
452
|
+
if (!o) return;
|
|
453
|
+
const a = o.querySelector(".ng-part-body .ng-virtual-spacer");
|
|
454
|
+
a && (a.style.height = `${r}px`);
|
|
455
455
|
});
|
|
456
456
|
}, "#updateVirtualScrollHeight"));
|
|
457
457
|
d(this, At, /* @__PURE__ */ h(() => {
|
|
458
|
-
if (t(this,
|
|
459
|
-
const i = Math.ceil(t(this,
|
|
460
|
-
p(this,
|
|
458
|
+
if (t(this, Y) > 0 && t(this, M) > 0) {
|
|
459
|
+
const i = Math.ceil(t(this, Y) / t(this, M));
|
|
460
|
+
p(this, ct, i + t(this, Ot));
|
|
461
461
|
}
|
|
462
462
|
}, "#updateRowCount"));
|
|
463
463
|
d(this, Pt, /* @__PURE__ */ h(() => {
|
|
464
|
-
var
|
|
464
|
+
var a, c, l, f, u, g;
|
|
465
465
|
const i = t(this, S).querySelector(".ng-container-left .ng-part-body table"), e = t(this, S).querySelector(".ng-container-body .ng-part-body table"), s = t(this, S).querySelector(".ng-container-right .ng-part-body table");
|
|
466
466
|
if (e) {
|
|
467
|
-
const b = i ? Array.from(i.querySelectorAll("tbody tr")) : [],
|
|
468
|
-
for (let
|
|
469
|
-
const
|
|
470
|
-
((
|
|
471
|
-
((c = x
|
|
472
|
-
((l = v[
|
|
473
|
-
],
|
|
474
|
-
|
|
467
|
+
const b = i ? Array.from(i.querySelectorAll("tbody tr")) : [], m = Array.from(e.querySelectorAll("tbody tr")), v = s ? Array.from(s.querySelectorAll("tbody tr")) : [], A = Math.max(b.length, m.length, v.length);
|
|
468
|
+
for (let x = 0; x < A; x++) {
|
|
469
|
+
const H = [
|
|
470
|
+
((a = b[x]) == null ? void 0 : a.getBoundingClientRect().height) || 0,
|
|
471
|
+
((c = m[x]) == null ? void 0 : c.getBoundingClientRect().height) || 0,
|
|
472
|
+
((l = v[x]) == null ? void 0 : l.getBoundingClientRect().height) || 0
|
|
473
|
+
], T = Math.max(...H);
|
|
474
|
+
T > 0 && (b[x] && (b[x].style.height = `${T}px`), m[x] && (m[x].style.height = `${T}px`), v[x] && (v[x].style.height = `${T}px`));
|
|
475
475
|
}
|
|
476
476
|
}
|
|
477
|
-
const r = t(this, S).querySelector(".ng-container-left .ng-part-footer table"), n = t(this, S).querySelector(".ng-container-body .ng-part-footer table"),
|
|
477
|
+
const r = t(this, S).querySelector(".ng-container-left .ng-part-footer table"), n = t(this, S).querySelector(".ng-container-body .ng-part-footer table"), o = t(this, S).querySelector(".ng-container-right .ng-part-footer table");
|
|
478
478
|
if (n) {
|
|
479
|
-
const b = r ? Array.from(r.querySelectorAll("tfoot tr")) : [],
|
|
480
|
-
for (let
|
|
481
|
-
const
|
|
482
|
-
((f = b[
|
|
483
|
-
((u = x
|
|
484
|
-
((g = v[
|
|
485
|
-
],
|
|
486
|
-
|
|
479
|
+
const b = r ? Array.from(r.querySelectorAll("tfoot tr")) : [], m = Array.from(n.querySelectorAll("tfoot tr")), v = o ? Array.from(o.querySelectorAll("tfoot tr")) : [], A = Math.max(b.length, m.length, v.length);
|
|
480
|
+
for (let x = 0; x < A; x++) {
|
|
481
|
+
const H = [
|
|
482
|
+
((f = b[x]) == null ? void 0 : f.getBoundingClientRect().height) || 0,
|
|
483
|
+
((u = m[x]) == null ? void 0 : u.getBoundingClientRect().height) || 0,
|
|
484
|
+
((g = v[x]) == null ? void 0 : g.getBoundingClientRect().height) || 0
|
|
485
|
+
], T = Math.max(...H);
|
|
486
|
+
T > 0 && (b[x] && (b[x].style.height = `${T}px`), m[x] && (m[x].style.height = `${T}px`), v[x] && (v[x].style.height = `${T}px`));
|
|
487
487
|
}
|
|
488
488
|
}
|
|
489
489
|
}, "#syncRowHeights"));
|
|
@@ -495,16 +495,16 @@ const _e = class _e {
|
|
|
495
495
|
const r = e.contentRect.height;
|
|
496
496
|
if (r > 0) {
|
|
497
497
|
let n = 0;
|
|
498
|
-
const
|
|
499
|
-
|
|
498
|
+
const o = s.querySelector(".ng-part-header"), a = s.querySelector(".ng-part-footer");
|
|
499
|
+
o && (n += o.offsetHeight), a && (n += a.offsetHeight);
|
|
500
500
|
const c = Math.max(r - n, 100);
|
|
501
|
-
t(this,
|
|
501
|
+
t(this, Y) !== c && (p(this, Y, c), t(this, At).call(this), t(this, M) !== null && (t(this, Rt).call(this), this.refresh()));
|
|
502
502
|
}
|
|
503
503
|
}
|
|
504
504
|
})), t(this, V).observe(t(this, S)));
|
|
505
505
|
}, "#initResizeObserver"));
|
|
506
506
|
d(this, Rt, /* @__PURE__ */ h(() => {
|
|
507
|
-
|
|
507
|
+
O.log("rowManager.#renderAllContainers"), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((i) => {
|
|
508
508
|
const e = t(this, S).querySelector(i);
|
|
509
509
|
e && e.querySelector(".ng-part-body tbody.bindable-tbody") && t(this, Bt).call(this, e, i);
|
|
510
510
|
}), t(this, jt).call(this), t(this, Pt).call(this);
|
|
@@ -516,9 +516,9 @@ const _e = class _e {
|
|
|
516
516
|
if (!s) return;
|
|
517
517
|
const r = s.querySelector(".ng-part-body tbody.bindable-tbody");
|
|
518
518
|
if (!r) return;
|
|
519
|
-
const n = Array.from(r.querySelectorAll("tr:not(.nodata)")),
|
|
519
|
+
const n = Array.from(r.querySelectorAll("tr:not(.nodata)")), o = ((l = t(this, P).get(e)) == null ? void 0 : l.length) || 1, c = (t(this, D).data.get() || []).length;
|
|
520
520
|
n.forEach((f, u) => {
|
|
521
|
-
const g = i + Math.floor(u /
|
|
521
|
+
const g = i + Math.floor(u / o);
|
|
522
522
|
if (g >= c) {
|
|
523
523
|
f.style.display = "none";
|
|
524
524
|
return;
|
|
@@ -528,26 +528,26 @@ const _e = class _e {
|
|
|
528
528
|
});
|
|
529
529
|
});
|
|
530
530
|
}, "#adjustBufferRows"));
|
|
531
|
-
d(this,
|
|
532
|
-
var
|
|
533
|
-
const e = t(this,
|
|
531
|
+
d(this, dt, /* @__PURE__ */ h((i) => {
|
|
532
|
+
var g, b;
|
|
533
|
+
const e = t(this, M);
|
|
534
534
|
if (!e || e <= 0) return;
|
|
535
|
-
const s = t(this, D).data.length, r = Math.max(0, Math.
|
|
536
|
-
(
|
|
537
|
-
|
|
538
|
-
}),
|
|
539
|
-
const
|
|
540
|
-
if (!
|
|
541
|
-
const
|
|
542
|
-
if (!
|
|
543
|
-
Array.from(
|
|
544
|
-
const
|
|
545
|
-
if (
|
|
546
|
-
|
|
535
|
+
const s = t(this, D).data.length, r = Math.max(0, s * e - t(this, Y)), n = Math.min(Math.max(0, i), r), o = Math.max(0, Math.floor(n / e)), a = Math.max(0, (s - t(this, ct)) * e), c = Math.min(Math.floor(o * e), a), l = ((g = t(this, P).get(".ng-container-body")) == null ? void 0 : g.length) || 1, f = t(this, et).firstTr, u = f && f.dataset.row !== void 0 ? parseInt(f.dataset.row, 10) : -1;
|
|
536
|
+
(b = t(this, et)) == null || b.scrollTables.forEach((m) => {
|
|
537
|
+
m.style.transform = `translate3d(0, ${c}px, 0)`;
|
|
538
|
+
}), u !== o && [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((m) => {
|
|
539
|
+
const v = t(this, S).querySelector(m);
|
|
540
|
+
if (!v) return;
|
|
541
|
+
const A = v.querySelector(".ng-part-body tbody.bindable-tbody");
|
|
542
|
+
if (!A) return;
|
|
543
|
+
Array.from(A.querySelectorAll("tr:not(.nodata)")).forEach((H, T) => {
|
|
544
|
+
const _ = o + Math.floor(T / l);
|
|
545
|
+
if (_ >= s) {
|
|
546
|
+
H.style.display = "none";
|
|
547
547
|
return;
|
|
548
548
|
}
|
|
549
|
-
const
|
|
550
|
-
|
|
549
|
+
const K = t(this, D).data.get(_);
|
|
550
|
+
H.style.display = "", t(this, qt).call(this, H, K, _);
|
|
551
551
|
});
|
|
552
552
|
});
|
|
553
553
|
}, "#handleScroll"));
|
|
@@ -568,23 +568,23 @@ const _e = class _e {
|
|
|
568
568
|
d(this, qt, /* @__PURE__ */ h((i, e, s) => {
|
|
569
569
|
i.dataset.row = s, i.data = e, Array.from(i.cells).forEach((r, n) => {
|
|
570
570
|
r.dataset.row = s;
|
|
571
|
-
const
|
|
572
|
-
|
|
571
|
+
const o = Array.from(r.children).find((a) => a.tagName.toLowerCase().startsWith("cell-") || typeof a.refresh == "function");
|
|
572
|
+
o && typeof o.refresh == "function" && o.refresh();
|
|
573
573
|
});
|
|
574
574
|
}, "#bindRowData"));
|
|
575
575
|
d(this, jt, /* @__PURE__ */ h(() => {
|
|
576
576
|
var c, l, f;
|
|
577
|
-
|
|
577
|
+
O.log("rowManager.#syncHeaderHeights");
|
|
578
578
|
const i = t(this, S).querySelector(".ng-container-left .ng-part-header table"), e = t(this, S).querySelector(".ng-container-body .ng-part-header table"), s = t(this, S).querySelector(".ng-container-right .ng-part-header table");
|
|
579
579
|
if (!e) return;
|
|
580
|
-
const r = i ? Array.from(i.querySelectorAll("tr")) : [], n = Array.from(e.querySelectorAll("tr")),
|
|
581
|
-
for (let u = 0; u <
|
|
580
|
+
const r = i ? Array.from(i.querySelectorAll("tr")) : [], n = Array.from(e.querySelectorAll("tr")), o = s ? Array.from(s.querySelectorAll("tr")) : [], a = Math.max(r.length, n.length, o.length);
|
|
581
|
+
for (let u = 0; u < a; u++) {
|
|
582
582
|
const g = [
|
|
583
583
|
((c = r[u]) == null ? void 0 : c.getBoundingClientRect().height) || 0,
|
|
584
584
|
((l = n[u]) == null ? void 0 : l.getBoundingClientRect().height) || 0,
|
|
585
|
-
((f =
|
|
585
|
+
((f = o[u]) == null ? void 0 : f.getBoundingClientRect().height) || 0
|
|
586
586
|
], b = Math.max(...g);
|
|
587
|
-
b > 0 && (r[u] && (r[u].style.height = `${b}px`), n[u] && (n[u].style.height = `${b}px`),
|
|
587
|
+
b > 0 && (r[u] && (r[u].style.height = `${b}px`), n[u] && (n[u].style.height = `${b}px`), o[u] && (o[u].style.height = `${b}px`));
|
|
588
588
|
}
|
|
589
589
|
}, "#syncHeaderHeights"));
|
|
590
590
|
E(this, "destroy", /* @__PURE__ */ h(() => {
|
|
@@ -593,14 +593,14 @@ const _e = class _e {
|
|
|
593
593
|
p(this, D, i.getRootNode().host), p(this, S, i), t(this, Dt).call(this);
|
|
594
594
|
}
|
|
595
595
|
getRowHeight() {
|
|
596
|
-
return t(this,
|
|
596
|
+
return t(this, M);
|
|
597
597
|
}
|
|
598
598
|
templateLength(i = ".ng-container-body") {
|
|
599
599
|
var e;
|
|
600
600
|
return ((e = t(this, P).get(i)) == null ? void 0 : e.length) || 1;
|
|
601
601
|
}
|
|
602
602
|
};
|
|
603
|
-
D = new WeakMap(), S = new WeakMap(),
|
|
603
|
+
D = new WeakMap(), S = new WeakMap(), et = new WeakMap(), P = new WeakMap(), M = new WeakMap(), V = new WeakMap(), Y = new WeakMap(), ct = new WeakMap(), Ee = new WeakMap(), Ae = new WeakMap(), ht = new WeakMap(), Ot = new WeakMap(), Bt = new WeakMap(), zt = new WeakMap(), Et = new WeakMap(), At = new WeakMap(), Pt = new WeakMap(), Dt = new WeakMap(), Rt = new WeakMap(), Re = new WeakMap(), dt = new WeakMap(), qt = new WeakMap(), jt = new WeakMap(), h(_e, "RowManager");
|
|
604
604
|
let he = _e;
|
|
605
605
|
const Ft = class Ft {
|
|
606
606
|
/**
|
|
@@ -614,64 +614,64 @@ const Ft = class Ft {
|
|
|
614
614
|
*/
|
|
615
615
|
static compile(i) {
|
|
616
616
|
if (!i) return null;
|
|
617
|
-
const e = /* @__PURE__ */ h((
|
|
618
|
-
|
|
617
|
+
const e = /* @__PURE__ */ h((a) => {
|
|
618
|
+
a.querySelectorAll("tbody td, tbody th, tfoot td, tfoot th").forEach((l) => {
|
|
619
619
|
const f = l.getAttribute("cell-type") || "renderer";
|
|
620
620
|
if (l.children.length > 0 && l.firstElementChild.tagName.includes("-")) return;
|
|
621
621
|
let u = `cell-${f}`;
|
|
622
|
-
const g = l.getAttribute("data-bind"), b = l.getAttribute("data-expr"),
|
|
622
|
+
const g = l.getAttribute("data-bind"), b = l.getAttribute("data-expr"), m = l.getAttribute("maxbyte"), v = l.getAttribute("type");
|
|
623
623
|
let A = [];
|
|
624
|
-
g && A.push(`data-bind="${g}"`), b && A.push(`data-expr="${b}"`),
|
|
624
|
+
g && A.push(`data-bind="${g}"`), b && A.push(`data-expr="${b}"`), m && A.push(`maxbyte="${m}"`), v && A.push(`type="${v}"`), l.innerHTML = `<${u} ${A.join(" ")}></${u}>`;
|
|
625
625
|
});
|
|
626
|
-
}, "processCellTypes"), s = /* @__PURE__ */ h((
|
|
627
|
-
if (!
|
|
628
|
-
const c =
|
|
626
|
+
}, "processCellTypes"), s = /* @__PURE__ */ h((a) => {
|
|
627
|
+
if (!a.querySelector("colgroup")) {
|
|
628
|
+
const c = a.querySelector("tbody tr") || a.querySelector("tr"), l = c ? c.querySelectorAll("th, td").length : 1, f = document.createElement("colgroup"), u = Math.max(Math.floor(a.clientWidth / l), 100);
|
|
629
629
|
for (let g = 0; g < l; g++) {
|
|
630
630
|
const b = document.createElement("col");
|
|
631
631
|
b.setAttribute("width", u), f.appendChild(b);
|
|
632
632
|
}
|
|
633
|
-
|
|
633
|
+
a.prepend(f);
|
|
634
634
|
}
|
|
635
|
-
if (!
|
|
636
|
-
const c = document.createElement("thead"), l =
|
|
637
|
-
l ? l.after(c) :
|
|
635
|
+
if (!a.querySelector("thead")) {
|
|
636
|
+
const c = document.createElement("thead"), l = a.querySelector("colgroup");
|
|
637
|
+
l ? l.after(c) : a.prepend(c);
|
|
638
638
|
}
|
|
639
|
-
|
|
640
|
-
}, "ensureTableStructure"), r = /* @__PURE__ */ h((
|
|
641
|
-
const l = Array.from(
|
|
639
|
+
a.classList.add("nine-table-element"), a.style.display = "table";
|
|
640
|
+
}, "ensureTableStructure"), r = /* @__PURE__ */ h((a, c) => {
|
|
641
|
+
const l = Array.from(a.querySelectorAll(c + " tr")), f = Array.from(a.querySelectorAll(c + " th," + c + " td")), u = l.length;
|
|
642
642
|
if (u === 0 || f.length === 0) return;
|
|
643
643
|
let g = 0;
|
|
644
|
-
f.forEach((
|
|
645
|
-
g +=
|
|
644
|
+
f.forEach((m) => {
|
|
645
|
+
g += m.colSpan || 1;
|
|
646
646
|
});
|
|
647
647
|
const b = Array.from(Array(u), () => Array(g).fill(null));
|
|
648
|
-
l.forEach((
|
|
649
|
-
const v =
|
|
648
|
+
l.forEach((m) => {
|
|
649
|
+
const v = m.sectionRowIndex;
|
|
650
650
|
let A = 0;
|
|
651
|
-
Array.from(
|
|
652
|
-
for (let
|
|
653
|
-
if (b[v][
|
|
654
|
-
A =
|
|
651
|
+
Array.from(m.querySelectorAll("th,td")).forEach((x) => {
|
|
652
|
+
for (let _ = 0; _ < b[v].length; _++)
|
|
653
|
+
if (b[v][_] === null) {
|
|
654
|
+
A = _;
|
|
655
655
|
break;
|
|
656
656
|
}
|
|
657
|
-
const
|
|
658
|
-
for (let
|
|
659
|
-
for (let
|
|
660
|
-
v +
|
|
657
|
+
const H = x.rowSpan || 1, T = x.colSpan || 1;
|
|
658
|
+
for (let _ = 0; _ < H; _++)
|
|
659
|
+
for (let K = 0; K < T; K++)
|
|
660
|
+
v + _ < u && A + K < g && (b[v + _][A + K] = _ === 0 && K === 0 ? "1" : "0");
|
|
661
661
|
});
|
|
662
|
-
}), l.forEach((
|
|
663
|
-
const v =
|
|
664
|
-
Array.from(
|
|
665
|
-
for (let
|
|
666
|
-
if (b[v][
|
|
667
|
-
A.dataset.col =
|
|
662
|
+
}), l.forEach((m) => {
|
|
663
|
+
const v = m.sectionRowIndex;
|
|
664
|
+
Array.from(m.querySelectorAll("th,td")).forEach((A) => {
|
|
665
|
+
for (let x = 0; x < b[v].length; x++)
|
|
666
|
+
if (b[v][x] === "1") {
|
|
667
|
+
A.dataset.col = x, b[v][x] = "0";
|
|
668
668
|
break;
|
|
669
669
|
}
|
|
670
670
|
});
|
|
671
671
|
});
|
|
672
672
|
}, "resetColIndex"), n = i.cloneNode(!0);
|
|
673
|
-
return s(n), e(n), r(n, "thead"), r(n, "tbody"), r(n, "tfoot"), Array.from(n.querySelectorAll("colgroup col")).forEach((
|
|
674
|
-
const l =
|
|
673
|
+
return s(n), e(n), r(n, "thead"), r(n, "tbody"), r(n, "tfoot"), Array.from(n.querySelectorAll("colgroup col")).forEach((a, c) => {
|
|
674
|
+
const l = a.getAttribute("fixed");
|
|
675
675
|
l && n.querySelectorAll(`thead [data-col="${c}"], tbody [data-col="${c}"], tfoot [data-col="${c}"]`).forEach((f) => {
|
|
676
676
|
f.setAttribute("fixed", l);
|
|
677
677
|
});
|
|
@@ -681,15 +681,15 @@ const Ft = class Ft {
|
|
|
681
681
|
};
|
|
682
682
|
h(Ft, "TableCompiler");
|
|
683
683
|
let de = Ft;
|
|
684
|
-
var Vt,
|
|
685
|
-
const
|
|
684
|
+
var Vt, st, it, Yt, Ut, ft, Xt, Kt;
|
|
685
|
+
const xt = class xt extends HTMLElement {
|
|
686
686
|
constructor() {
|
|
687
687
|
super();
|
|
688
688
|
d(this, Vt);
|
|
689
|
-
d(this,
|
|
690
|
-
d(this,
|
|
689
|
+
d(this, st, null);
|
|
690
|
+
d(this, it);
|
|
691
691
|
E(this, "invalidate", /* @__PURE__ */ h(() => {
|
|
692
|
-
t(this,
|
|
692
|
+
t(this, it).refresh();
|
|
693
693
|
}, "invalidate"));
|
|
694
694
|
d(this, Yt, /* @__PURE__ */ h(() => {
|
|
695
695
|
[
|
|
@@ -700,16 +700,16 @@ const mt = class mt extends HTMLElement {
|
|
|
700
700
|
const n = this.querySelector(s);
|
|
701
701
|
if (!n) return;
|
|
702
702
|
n.innerHTML = "";
|
|
703
|
-
const a = document.createElement("div");
|
|
704
|
-
a.className = "ng-part-header", a.appendChild(t(this, ht).call(this, t(this, et), r, "header"));
|
|
705
703
|
const o = document.createElement("div");
|
|
706
|
-
o.className = "ng-part-
|
|
704
|
+
o.className = "ng-part-header", o.appendChild(t(this, ft).call(this, t(this, st), r, "header"));
|
|
705
|
+
const a = document.createElement("div");
|
|
706
|
+
a.className = "ng-part-body";
|
|
707
707
|
const c = document.createElement("div");
|
|
708
|
-
c.className = "ng-scroll-content", c.style.position = "relative", c.style.width = "100%", c.appendChild(t(this,
|
|
708
|
+
c.className = "ng-scroll-content", c.style.position = "relative", c.style.width = "100%", c.appendChild(t(this, ft).call(this, t(this, st), r, "body"));
|
|
709
709
|
const l = document.createElement("div");
|
|
710
|
-
l.className = "ng-virtual-spacer", l.style.width = "100%", l.style.pointerEvents = "none", c.appendChild(l),
|
|
710
|
+
l.className = "ng-virtual-spacer", l.style.width = "100%", l.style.pointerEvents = "none", c.appendChild(l), a.appendChild(c);
|
|
711
711
|
const f = document.createElement("div");
|
|
712
|
-
f.className = "ng-part-footer", f.appendChild(t(this,
|
|
712
|
+
f.className = "ng-part-footer", f.appendChild(t(this, ft).call(this, t(this, st), r, "footer")), n.appendChild(o), n.appendChild(a), n.appendChild(f);
|
|
713
713
|
});
|
|
714
714
|
}, "#renderSplitContainers"));
|
|
715
715
|
d(this, Ut, /* @__PURE__ */ h(() => {
|
|
@@ -717,26 +717,26 @@ const mt = class mt extends HTMLElement {
|
|
|
717
717
|
const s = this.querySelector(`.ng-container-${e}`), r = s == null ? void 0 : s.querySelectorAll("table");
|
|
718
718
|
if (!s || !r || r.length === 0) return;
|
|
719
719
|
let n = 0;
|
|
720
|
-
r[0].querySelectorAll("col").forEach((
|
|
721
|
-
const
|
|
722
|
-
isNaN(n) || (n +=
|
|
720
|
+
r[0].querySelectorAll("col").forEach((o) => {
|
|
721
|
+
const a = parseInt(o.getAttribute("width"), 10);
|
|
722
|
+
isNaN(n) || (n += a);
|
|
723
723
|
}), e === "body" ? s.style.flex = "1" : (s.style.flex = `0 0 ${n}px`, s.style.width = `${n}px`);
|
|
724
724
|
});
|
|
725
725
|
}, "#updateContainerWidths"));
|
|
726
726
|
E(this, "generate", /* @__PURE__ */ h((e) => {
|
|
727
|
-
e && (p(this,
|
|
727
|
+
e && (p(this, st, de.compile(e)), t(this, Yt).call(this), t(this, Ut).call(this), t(this, it).initialize(), setTimeout(() => {
|
|
728
728
|
var s;
|
|
729
729
|
(s = this.querySelector("nine-table-hscrollbar")) == null || s.refresh();
|
|
730
730
|
}, 0));
|
|
731
731
|
}, "generate"));
|
|
732
|
-
d(this,
|
|
733
|
-
const n = e.cloneNode(!0),
|
|
732
|
+
d(this, ft, /* @__PURE__ */ h((e, s, r) => {
|
|
733
|
+
const n = e.cloneNode(!0), o = n.querySelector("thead"), a = n.querySelector("tbody"), c = n.querySelector("tfoot");
|
|
734
734
|
if (r === "header") {
|
|
735
|
-
if (
|
|
735
|
+
if (a && a.remove(), c && c.remove(), e.querySelector("tbody")) {
|
|
736
736
|
const f = document.createElement("tbody");
|
|
737
737
|
f.className = "fixed-tbody", n.appendChild(f);
|
|
738
738
|
}
|
|
739
|
-
} else r === "body" ? (
|
|
739
|
+
} else r === "body" ? (o && o.remove(), c && c.remove(), a && (a.className = "bindable-tbody")) : r === "footer" && (o && o.remove(), a && a.remove());
|
|
740
740
|
return s === "left" ? n.querySelectorAll("col, th, td, tfoot td, tfoot th").forEach((l) => {
|
|
741
741
|
l.getAttribute("fixed") !== "left" && l.remove();
|
|
742
742
|
}) : s === "right" ? n.querySelectorAll("col, th, td, tfoot td, tfoot th").forEach((l) => {
|
|
@@ -745,7 +745,7 @@ const mt = class mt extends HTMLElement {
|
|
|
745
745
|
l.remove();
|
|
746
746
|
}), n;
|
|
747
747
|
}, "#createSplitTable"));
|
|
748
|
-
E(this, "getRowHeight", /* @__PURE__ */ h(() => t(this,
|
|
748
|
+
E(this, "getRowHeight", /* @__PURE__ */ h(() => t(this, it).getRowHeight(), "getRowHeight"));
|
|
749
749
|
E(this, "scrollToX", /* @__PURE__ */ h((e) => {
|
|
750
750
|
const s = this.querySelector(".ng-container-body .ng-part-body");
|
|
751
751
|
s && (s.scrollLeft = e);
|
|
@@ -758,7 +758,7 @@ const mt = class mt extends HTMLElement {
|
|
|
758
758
|
t(this, Kt).call(this);
|
|
759
759
|
}, "#init"));
|
|
760
760
|
d(this, Kt, /* @__PURE__ */ h(() => {
|
|
761
|
-
const e =
|
|
761
|
+
const e = xt.SCROLLBAR_SIZE;
|
|
762
762
|
this.innerHTML = `
|
|
763
763
|
<style>
|
|
764
764
|
nine-table-sheet {
|
|
@@ -912,17 +912,17 @@ const mt = class mt extends HTMLElement {
|
|
|
912
912
|
</div>
|
|
913
913
|
`;
|
|
914
914
|
}, "#render"));
|
|
915
|
-
p(this,
|
|
915
|
+
p(this, it, new he(this)), p(this, Vt, this.getRootNode().host);
|
|
916
916
|
}
|
|
917
917
|
connectedCallback() {
|
|
918
918
|
t(this, Xt).call(this);
|
|
919
919
|
}
|
|
920
920
|
disconnectedCallback() {
|
|
921
|
-
this.innerHTML = "",
|
|
921
|
+
this.innerHTML = "", O.log("NineTableSheet destroyed.");
|
|
922
922
|
}
|
|
923
923
|
};
|
|
924
|
-
Vt = new WeakMap(),
|
|
925
|
-
let It =
|
|
924
|
+
Vt = new WeakMap(), st = new WeakMap(), it = new WeakMap(), Yt = new WeakMap(), Ut = new WeakMap(), ft = new WeakMap(), Xt = new WeakMap(), Kt = new WeakMap(), h(xt, "NineTableSheet"), E(xt, "SCROLLBAR_SIZE", 16);
|
|
925
|
+
let It = xt;
|
|
926
926
|
customElements.get("nine-table-sheet") || customElements.define("nine-table-sheet", It);
|
|
927
927
|
var Zt, Tt;
|
|
928
928
|
const Ne = class Ne extends HTMLElement {
|
|
@@ -931,8 +931,8 @@ const Ne = class Ne extends HTMLElement {
|
|
|
931
931
|
d(this, Zt, /* @__PURE__ */ h(() => {
|
|
932
932
|
var e;
|
|
933
933
|
(e = this.querySelector(".nine-tab-bar")) == null || e.addEventListener("click", (s) => {
|
|
934
|
-
var
|
|
935
|
-
const r = s.ctrlKey || s.metaKey || s.shiftKey, n = parseInt((
|
|
934
|
+
var o;
|
|
935
|
+
const r = s.ctrlKey || s.metaKey || s.shiftKey, n = parseInt((o = s.target.closest(".nine-tab-item")) == null ? void 0 : o.dataset.index, 10);
|
|
936
936
|
t(this, Tt).call(this, n, r);
|
|
937
937
|
}), t(this, Tt).call(this, 0, !1);
|
|
938
938
|
}, "#init"));
|
|
@@ -942,27 +942,27 @@ const Ne = class Ne extends HTMLElement {
|
|
|
942
942
|
Array.from(this.querySelectorAll("nine-splitter")).forEach((b) => b.style.setProperty("display", "none"));
|
|
943
943
|
const g = f.filter((b) => b.classList.contains("active"));
|
|
944
944
|
g.length < 2 || g.forEach((b) => {
|
|
945
|
-
const
|
|
945
|
+
const m = parseInt(b.getAttribute("data-index"), 10), v = this.querySelector(`nine-splitter[data-split-index="${m}"]`), A = f[m + 1];
|
|
946
946
|
v && A && A.classList.contains("active") && v.style.setProperty("display", "flex");
|
|
947
947
|
});
|
|
948
|
-
}, "updateSplitters"), n = this.querySelector(".nine-tab-bar"),
|
|
949
|
-
if (!
|
|
948
|
+
}, "updateSplitters"), n = this.querySelector(".nine-tab-bar"), o = this.querySelector("nine-table-sheets-body"), a = n.querySelectorAll(".nine-tab-item"), c = o.querySelectorAll("nine-table-sheet");
|
|
949
|
+
if (!a[e]) return;
|
|
950
950
|
if (!s)
|
|
951
|
-
|
|
951
|
+
a.forEach((f, u) => {
|
|
952
952
|
f.classList.toggle("active", u === e);
|
|
953
953
|
}), c.forEach((f, u) => {
|
|
954
954
|
const g = u === e;
|
|
955
955
|
f.classList.toggle("active", g), f.style.flex = g ? "1 1 100%" : "";
|
|
956
956
|
});
|
|
957
957
|
else {
|
|
958
|
-
const f =
|
|
958
|
+
const f = a[e], u = n.querySelectorAll(".nine-tab-item.active");
|
|
959
959
|
if (f.classList.contains("active") && u.length <= 1)
|
|
960
960
|
return;
|
|
961
961
|
f.classList.toggle("active");
|
|
962
|
-
const g =
|
|
962
|
+
const g = o.querySelector(`nine-table-sheet[data-index="${e}"]`);
|
|
963
963
|
g && (g.classList.toggle("active"), g.classList.contains("active") || (g.style.flex = ""));
|
|
964
964
|
}
|
|
965
|
-
const l =
|
|
965
|
+
const l = o.querySelectorAll("nine-table-sheet.active");
|
|
966
966
|
l == null || l.forEach((f) => {
|
|
967
967
|
f.style.flex = l.length > 1 ? "1 1 0%" : "1 1 100%";
|
|
968
968
|
}), r();
|
|
@@ -975,29 +975,29 @@ const Ne = class Ne extends HTMLElement {
|
|
|
975
975
|
Zt = new WeakMap(), Tt = new WeakMap(), h(Ne, "NineTableSheets");
|
|
976
976
|
let fe = Ne;
|
|
977
977
|
customElements.get("nine-table-sheets") || customElements.define("nine-table-sheets", fe);
|
|
978
|
-
var
|
|
978
|
+
var I, Gt, kt, Jt;
|
|
979
979
|
const We = class We {
|
|
980
980
|
constructor(i) {
|
|
981
|
-
d(this,
|
|
981
|
+
d(this, I);
|
|
982
982
|
d(this, Gt, /* @__PURE__ */ h(() => {
|
|
983
983
|
t(this, Jt).call(this), new ResizeObserver((i) => {
|
|
984
984
|
for (let e of i)
|
|
985
|
-
t(this,
|
|
986
|
-
}).observe(t(this,
|
|
985
|
+
t(this, I).getAttribute("auto-height") === "true" && t(this, kt).call(this);
|
|
986
|
+
}).observe(t(this, I));
|
|
987
987
|
}, "#init"));
|
|
988
988
|
d(this, kt, /* @__PURE__ */ h(() => {
|
|
989
989
|
var c, l;
|
|
990
|
-
const i = Array.from(t(this,
|
|
990
|
+
const i = Array.from(t(this, I).shadowRoot.querySelectorAll("nine-table-sheet.active"));
|
|
991
991
|
if (i.length === 0) return;
|
|
992
|
-
const e = parseInt(t(this,
|
|
993
|
-
t(this,
|
|
992
|
+
const e = parseInt(t(this, I).getAttribute("max-display-row"), 10) || 10, s = Math.max(...i.map((f) => f.getRowHeight())), r = (c = t(this, I).shadowRoot.querySelector("nine-table-header")) == null ? void 0 : c.getBoundingClientRect().height, n = (l = t(this, I).shadowRoot.querySelector("nine-table-sheets-footer")) == null ? void 0 : l.getBoundingClientRect().height, o = It.SCROLLBAR_SIZE, a = e * s + r + n + o;
|
|
993
|
+
t(this, I).style.height = `${a}px`;
|
|
994
994
|
}, "#applyAutoHeight"));
|
|
995
995
|
d(this, Jt, /* @__PURE__ */ h(() => {
|
|
996
|
-
const e = Array.from(t(this,
|
|
996
|
+
const e = Array.from(t(this, I).children).filter((c) => c.tagName === "TABLE"), s = t(this, I).getAttribute("auto-height") === "true", r = e.length, n = e.map((c, l) => {
|
|
997
997
|
const u = `<nine-table-sheet class="${l === 0 ? "active" : ""}" data-index="${l}"></nine-table-sheet>`, g = l < r - 1 ? `<nine-splitter class="h" data-split-index="${l}"></nine-splitter>` : "";
|
|
998
998
|
return u + g;
|
|
999
|
-
}).join(""),
|
|
1000
|
-
t(this,
|
|
999
|
+
}).join(""), o = e.map((c, l) => `<div class="nine-tab-item ${l === 0 ? "active" : ""}" data-index="${l}">Sheet ${l + 1}</div>`).join("");
|
|
1000
|
+
t(this, I).shadowRoot.innerHTML = `
|
|
1001
1001
|
<style>
|
|
1002
1002
|
:host {
|
|
1003
1003
|
display: flex;
|
|
@@ -1080,7 +1080,7 @@ const We = class We {
|
|
|
1080
1080
|
<nine-table-sheets>
|
|
1081
1081
|
<nine-table-sheets-body>${n}</nine-table-sheets-body>
|
|
1082
1082
|
<nine-table-sheets-footer>
|
|
1083
|
-
<div class="nine-tab-bar">${
|
|
1083
|
+
<div class="nine-tab-bar">${o}</div>
|
|
1084
1084
|
<div class="sheets-counter">Total : <span id="row-count">0</span></div>
|
|
1085
1085
|
</nine-table-sheets-footer>
|
|
1086
1086
|
</nine-table-sheets>
|
|
@@ -1088,57 +1088,57 @@ const We = class We {
|
|
|
1088
1088
|
</nine-table-body>
|
|
1089
1089
|
<nine-table-footer></nine-table-footer>
|
|
1090
1090
|
`;
|
|
1091
|
-
const
|
|
1092
|
-
|
|
1091
|
+
const a = t(this, I).shadowRoot.querySelectorAll("nine-table-sheet");
|
|
1092
|
+
a == null || a.forEach((c, l) => {
|
|
1093
1093
|
e[l] && setTimeout(() => {
|
|
1094
1094
|
c.generate(e[l]), s && t(this, kt).call(this);
|
|
1095
1095
|
});
|
|
1096
1096
|
});
|
|
1097
1097
|
}, "#render"));
|
|
1098
|
-
p(this,
|
|
1098
|
+
p(this, I, i), t(this, Gt).call(this);
|
|
1099
1099
|
}
|
|
1100
1100
|
};
|
|
1101
|
-
|
|
1101
|
+
I = new WeakMap(), Gt = new WeakMap(), kt = new WeakMap(), Jt = new WeakMap(), h(We, "LayoutManager");
|
|
1102
1102
|
let ue = We;
|
|
1103
|
-
var Ct,
|
|
1103
|
+
var Ct, ut;
|
|
1104
1104
|
const Oe = class Oe {
|
|
1105
1105
|
constructor(i) {
|
|
1106
1106
|
d(this, Ct);
|
|
1107
|
-
d(this,
|
|
1107
|
+
d(this, ut, -1);
|
|
1108
1108
|
E(this, "count", /* @__PURE__ */ h(() => t(this, Ct).rawRecords.length, "count"));
|
|
1109
1109
|
p(this, Ct, i);
|
|
1110
1110
|
}
|
|
1111
1111
|
get at() {
|
|
1112
|
-
return t(this,
|
|
1112
|
+
return t(this, ut);
|
|
1113
1113
|
}
|
|
1114
1114
|
set at(i) {
|
|
1115
|
-
p(this,
|
|
1115
|
+
p(this, ut, parseInt(i, 10)), body && !body.querySelector(`tbody.bindable tr[data-row="${t(this, ut)}"]`) && setTimeout(() => {
|
|
1116
1116
|
});
|
|
1117
1117
|
}
|
|
1118
1118
|
};
|
|
1119
|
-
Ct = new WeakMap(),
|
|
1119
|
+
Ct = new WeakMap(), ut = new WeakMap(), h(Oe, "ngRow");
|
|
1120
1120
|
let ge = Oe;
|
|
1121
|
-
var
|
|
1122
|
-
const
|
|
1121
|
+
var N, k, W, gt, Qt, U, te, rt, Lt, ee, se, bt;
|
|
1122
|
+
const B = class B {
|
|
1123
1123
|
constructor(i, e) {
|
|
1124
|
-
d(this,
|
|
1125
|
-
d(this,
|
|
1126
|
-
d(this,
|
|
1127
|
-
d(this,
|
|
1124
|
+
d(this, N);
|
|
1125
|
+
d(this, k);
|
|
1126
|
+
d(this, W, []);
|
|
1127
|
+
d(this, gt, []);
|
|
1128
1128
|
d(this, Qt, 0);
|
|
1129
|
-
d(this,
|
|
1129
|
+
d(this, U, []);
|
|
1130
1130
|
d(this, te, /* @__PURE__ */ h(() => {
|
|
1131
|
-
p(this,
|
|
1132
|
-
const i = t(this,
|
|
1131
|
+
p(this, U, []);
|
|
1132
|
+
const i = t(this, N).template || [];
|
|
1133
1133
|
Array.from(i).forEach((e) => {
|
|
1134
1134
|
var s;
|
|
1135
|
-
t(this,
|
|
1136
|
-
}), (t(this,
|
|
1137
|
-
e.__ng || (e.__ng = t(this, Lt).call(this)), e.__ng.height = t(this,
|
|
1135
|
+
t(this, U).push(((s = e.getBoundingClientRect) == null ? void 0 : s.call(e).height) || 24);
|
|
1136
|
+
}), (t(this, k).rawRecords || []).forEach((e) => {
|
|
1137
|
+
e.__ng || (e.__ng = t(this, Lt).call(this)), e.__ng.height = t(this, U).slice();
|
|
1138
1138
|
});
|
|
1139
1139
|
}, "#initialize"));
|
|
1140
|
-
d(this,
|
|
1141
|
-
t(this,
|
|
1140
|
+
d(this, rt, /* @__PURE__ */ h(() => {
|
|
1141
|
+
t(this, N).shadowRoot.querySelectorAll("nine-table-sheet").forEach((i) => {
|
|
1142
1142
|
i.invalidate();
|
|
1143
1143
|
});
|
|
1144
1144
|
}, "#invalidate"));
|
|
@@ -1146,103 +1146,103 @@ const O = class O {
|
|
|
1146
1146
|
var n;
|
|
1147
1147
|
const s = this.getValidData();
|
|
1148
1148
|
if (!s || s.length <= 0) return;
|
|
1149
|
-
if (i == null) return t(this,
|
|
1149
|
+
if (i == null) return t(this, bt).call(this, s);
|
|
1150
1150
|
if (i < 0 || i >= s.length) return null;
|
|
1151
|
-
const r = typeof ((n = t(this,
|
|
1151
|
+
const r = typeof ((n = t(this, N).fields) == null ? void 0 : n.get) == "function" ? t(this, N).fields.get() : [];
|
|
1152
1152
|
if (e != null) {
|
|
1153
|
-
const
|
|
1154
|
-
return
|
|
1153
|
+
const o = r.indexOf(e);
|
|
1154
|
+
return o >= 0 ? s[i].v[o] : null;
|
|
1155
1155
|
}
|
|
1156
|
-
return t(this,
|
|
1156
|
+
return t(this, bt).call(this, s[i]);
|
|
1157
1157
|
}, "get"));
|
|
1158
1158
|
E(this, "set", /* @__PURE__ */ h((i) => {
|
|
1159
|
-
this.clear(), this.add(i, !1), t(this,
|
|
1159
|
+
this.clear(), this.add(i, !1), t(this, rt).call(this);
|
|
1160
1160
|
}, "set"));
|
|
1161
1161
|
d(this, Lt, /* @__PURE__ */ h(() => ({
|
|
1162
|
-
rowState:
|
|
1162
|
+
rowState: B.ROW_STATE.EMPTY,
|
|
1163
1163
|
deleted: !1,
|
|
1164
1164
|
filtered: !1,
|
|
1165
|
-
height: t(this,
|
|
1165
|
+
height: t(this, U).slice(),
|
|
1166
1166
|
o: {},
|
|
1167
1167
|
c: {},
|
|
1168
|
-
_: [0, 0, 0, 0,
|
|
1168
|
+
_: [0, 0, 0, 0, B.ROW_STATE.EMPTY, !1, !1, !0, !1, !0, !0, !1, t(this, U).slice(), -1, {}, {}]
|
|
1169
1169
|
}), "#getDefaultMeta"));
|
|
1170
1170
|
E(this, "reset", /* @__PURE__ */ h(() => {
|
|
1171
|
-
p(this,
|
|
1171
|
+
p(this, W, []), p(this, gt, []), t(this, rt).call(this);
|
|
1172
1172
|
}, "reset"));
|
|
1173
1173
|
E(this, "clear", /* @__PURE__ */ h(() => {
|
|
1174
1174
|
var i;
|
|
1175
|
-
t(this,
|
|
1175
|
+
t(this, k).rawRecords = [], p(this, W, []), p(this, gt, []), (i = t(this, k).viewRecords) != null && i.reset && t(this, k).viewRecords.reset();
|
|
1176
1176
|
}, "clear"));
|
|
1177
1177
|
d(this, ee, /* @__PURE__ */ h((i) => {
|
|
1178
1178
|
var r;
|
|
1179
1179
|
Array.isArray(i) || (i = [i]);
|
|
1180
|
-
const e = typeof ((r = t(this,
|
|
1180
|
+
const e = typeof ((r = t(this, N).fields) == null ? void 0 : r.get) == "function" ? t(this, N).fields.get() : Object.keys(i[0] || {}), s = [];
|
|
1181
1181
|
return i.forEach((n) => {
|
|
1182
|
-
const
|
|
1183
|
-
e.forEach((
|
|
1184
|
-
|
|
1185
|
-
}), s.push(
|
|
1182
|
+
const o = { v: [] };
|
|
1183
|
+
e.forEach((a) => {
|
|
1184
|
+
o.v.push(n[a] !== void 0 && n[a] !== null ? n[a] : "");
|
|
1185
|
+
}), s.push(o);
|
|
1186
1186
|
}), s;
|
|
1187
1187
|
}, "#json2Array"));
|
|
1188
1188
|
d(this, se, /* @__PURE__ */ h((i) => (Array.isArray(i) || (i = [i]), i.forEach((e) => {
|
|
1189
|
-
e.__ng = t(this, Lt).call(this), e.__ng.rowid = this.nextId, e.__ng.rowState =
|
|
1189
|
+
e.__ng = t(this, Lt).call(this), e.__ng.rowid = this.nextId, e.__ng.rowState = B.ROW_STATE.INSERT, e.__ng._[0] = e.__ng.rowid;
|
|
1190
1190
|
}), i), "#defaultInsert"));
|
|
1191
1191
|
E(this, "add", /* @__PURE__ */ h((i, e = !0) => {
|
|
1192
1192
|
i === void 0 && (i = {});
|
|
1193
1193
|
const s = t(this, ee).call(this, i);
|
|
1194
|
-
t(this,
|
|
1194
|
+
t(this, k).rawRecords = t(this, k).rawRecords.concat(t(this, se).call(this, s)), this.resetRecords();
|
|
1195
1195
|
const r = this.count() - 1;
|
|
1196
|
-
return e || s.forEach((n,
|
|
1197
|
-
const
|
|
1198
|
-
|
|
1199
|
-
}), t(this,
|
|
1196
|
+
return e || s.forEach((n, o) => {
|
|
1197
|
+
const a = t(this, k).rawRecords[r - o];
|
|
1198
|
+
a && (a.__ng.rowState = B.ROW_STATE.EMPTY);
|
|
1199
|
+
}), t(this, rt).call(this), r;
|
|
1200
1200
|
}, "add"));
|
|
1201
1201
|
E(this, "delete", /* @__PURE__ */ h((i) => {
|
|
1202
1202
|
let e = [];
|
|
1203
|
-
Array.isArray(i) ? e = i : typeof i > "u" ? e = [t(this,
|
|
1204
|
-
if (t(this,
|
|
1205
|
-
const r = t(this,
|
|
1206
|
-
t(this,
|
|
1207
|
-
n.__ng.rowid === r && (n.__ng.deleted = !0, n.__ng.rowState =
|
|
1203
|
+
Array.isArray(i) ? e = i : typeof i > "u" ? e = [t(this, k).host.row.at] : e = [parseInt(i, 10)], e.sort((s, r) => r - s).forEach((s) => {
|
|
1204
|
+
if (t(this, W)[s]) {
|
|
1205
|
+
const r = t(this, W)[s].__ng.rowid;
|
|
1206
|
+
t(this, W)[s].__ng.rowState === B.ROW_STATE.INSERT ? t(this, k).rawRecords = t(this, k).rawRecords.filter((n) => n.__ng.rowid !== r) : t(this, k).rawRecords.forEach((n) => {
|
|
1207
|
+
n.__ng.rowid === r && (n.__ng.deleted = !0, n.__ng.rowState = B.ROW_STATE.DELETE);
|
|
1208
1208
|
});
|
|
1209
1209
|
}
|
|
1210
|
-
}), this.resetRecords(), t(this,
|
|
1210
|
+
}), this.resetRecords(), t(this, rt).call(this);
|
|
1211
1211
|
}, "delete"));
|
|
1212
1212
|
E(this, "setValue", /* @__PURE__ */ h((i, e, s) => {
|
|
1213
1213
|
var c;
|
|
1214
1214
|
i = parseInt(i, 10);
|
|
1215
|
-
const n = (typeof ((c = t(this,
|
|
1215
|
+
const n = (typeof ((c = t(this, N).fields) == null ? void 0 : c.get) == "function" ? t(this, N).fields.get() : []).indexOf(e);
|
|
1216
1216
|
if (n < 0) return;
|
|
1217
|
-
const
|
|
1218
|
-
if (!
|
|
1219
|
-
const
|
|
1220
|
-
|
|
1217
|
+
const o = this.getValidData()[i];
|
|
1218
|
+
if (!o) return;
|
|
1219
|
+
const a = o.v[n];
|
|
1220
|
+
a !== s && o.__ng.rowState !== B.ROW_STATE.INSERT && (o.__ng.o.hasOwnProperty(e) || (o.__ng.o[e] = a), o.__ng.rowState = B.ROW_STATE.UPDATE), o.v[n] = s;
|
|
1221
1221
|
}, "setValue"));
|
|
1222
1222
|
E(this, "resetRecords", /* @__PURE__ */ h(() => {
|
|
1223
|
-
p(this,
|
|
1223
|
+
p(this, gt, t(this, k).rawRecords.filter((i) => !i.__ng.deleted)), p(this, W, t(this, k).rawRecords.filter((i) => !i.__ng.deleted && !i.__ng.filtered)), t(this, k).rawRecords.forEach((i, e) => {
|
|
1224
1224
|
i.__ng.rowidx = e;
|
|
1225
|
-
}), t(this,
|
|
1225
|
+
}), t(this, W).forEach((i, e) => {
|
|
1226
1226
|
i.__ng.i = e;
|
|
1227
1227
|
});
|
|
1228
1228
|
}, "resetRecords"));
|
|
1229
|
-
E(this, "getValidData", /* @__PURE__ */ h(() => (t(this,
|
|
1230
|
-
d(this,
|
|
1231
|
-
var
|
|
1229
|
+
E(this, "getValidData", /* @__PURE__ */ h(() => (t(this, W).length === 0 && t(this, k).rawRecords.length > 0 && this.resetRecords(), t(this, W)), "getValidData"));
|
|
1230
|
+
d(this, bt, /* @__PURE__ */ h((i) => {
|
|
1231
|
+
var o;
|
|
1232
1232
|
if (!i) return i;
|
|
1233
|
-
const e = !Array.isArray(i), s = e ? [i] : i, r = typeof ((
|
|
1233
|
+
const e = !Array.isArray(i), s = e ? [i] : i, r = typeof ((o = t(this, N).fields) == null ? void 0 : o.get) == "function" ? t(this, N).fields.get() : [], n = s.filter((a) => !a.__ng.deleted).map((a) => {
|
|
1234
1234
|
const c = {};
|
|
1235
1235
|
return r.forEach((l, f) => {
|
|
1236
|
-
c[l] =
|
|
1237
|
-
}), c.__ng =
|
|
1236
|
+
c[l] = a.v ? a.v[f] : a[l];
|
|
1237
|
+
}), c.__ng = a.__ng, c;
|
|
1238
1238
|
});
|
|
1239
1239
|
return e ? n[0] : n;
|
|
1240
1240
|
}, "#conv"));
|
|
1241
1241
|
E(this, "count", /* @__PURE__ */ h(() => this.getValidData().length, "count"));
|
|
1242
|
-
p(this,
|
|
1242
|
+
p(this, N, i), p(this, k, e), t(this, te).call(this);
|
|
1243
1243
|
}
|
|
1244
1244
|
get source() {
|
|
1245
|
-
return t(this,
|
|
1245
|
+
return t(this, bt).call(this, t(this, k).rawRecords);
|
|
1246
1246
|
}
|
|
1247
1247
|
set source(i) {
|
|
1248
1248
|
this.clear(), this.add(i, !1);
|
|
@@ -1251,31 +1251,31 @@ const O = class O {
|
|
|
1251
1251
|
return ++Xe(this, Qt)._;
|
|
1252
1252
|
}
|
|
1253
1253
|
get count() {
|
|
1254
|
-
return t(this,
|
|
1254
|
+
return t(this, W).length;
|
|
1255
1255
|
}
|
|
1256
1256
|
get length() {
|
|
1257
|
-
return t(this,
|
|
1257
|
+
return t(this, W).length;
|
|
1258
1258
|
}
|
|
1259
1259
|
getRowCount() {
|
|
1260
1260
|
return this.length;
|
|
1261
1261
|
}
|
|
1262
1262
|
};
|
|
1263
|
-
|
|
1264
|
-
E(
|
|
1263
|
+
N = new WeakMap(), k = new WeakMap(), W = new WeakMap(), gt = new WeakMap(), Qt = new WeakMap(), U = new WeakMap(), te = new WeakMap(), rt = new WeakMap(), Lt = new WeakMap(), ee = new WeakMap(), se = new WeakMap(), bt = new WeakMap(), h(B, "ngData"), // 🎯 행 상태 정의 상수를 클래스 내부로 내재화
|
|
1264
|
+
E(B, "ROW_STATE", {
|
|
1265
1265
|
EMPTY: "EMPTY",
|
|
1266
1266
|
NORMAL: "NORMAL",
|
|
1267
1267
|
INSERT: "INSERT",
|
|
1268
1268
|
UPDATE: "UPDATE",
|
|
1269
1269
|
DELETE: "DELETE"
|
|
1270
1270
|
});
|
|
1271
|
-
let be =
|
|
1272
|
-
var
|
|
1271
|
+
let be = B;
|
|
1272
|
+
var nt;
|
|
1273
1273
|
const Be = class Be {
|
|
1274
1274
|
constructor(i) {
|
|
1275
|
-
d(this,
|
|
1276
|
-
p(this,
|
|
1275
|
+
d(this, nt);
|
|
1276
|
+
p(this, nt, i), this.row = new ge(this), this.data = new be(t(this, nt), this), this.rawRecords = [], this.viewRecords = [], this.delRecords = [], this.pageCnt = 25, this.viewRecords.reset = () => {
|
|
1277
1277
|
var e;
|
|
1278
|
-
(e = t(this,
|
|
1278
|
+
(e = t(this, nt).view) != null && e.redraw && t(this, nt).view.redraw();
|
|
1279
1279
|
}, this.setDataSource = (e) => {
|
|
1280
1280
|
this.data && this.data.reset(), this.rawRecords = [], this.viewRecords = [], this.delRecords = [], this.data.set(e || []);
|
|
1281
1281
|
}, this.getRowState = (e) => {
|
|
@@ -1290,13 +1290,13 @@ const Be = class Be {
|
|
|
1290
1290
|
}, this.setDataSource([]);
|
|
1291
1291
|
}
|
|
1292
1292
|
};
|
|
1293
|
-
|
|
1293
|
+
nt = new WeakMap(), h(Be, "ngDataManager");
|
|
1294
1294
|
let pe = Be;
|
|
1295
|
-
var
|
|
1295
|
+
var pt, L, Ht, ie;
|
|
1296
1296
|
const ze = class ze {
|
|
1297
1297
|
// 🎯 이제 { name: string, type: string } 객체들의 배열로 관리합니다.
|
|
1298
1298
|
constructor(i) {
|
|
1299
|
-
d(this,
|
|
1299
|
+
d(this, pt);
|
|
1300
1300
|
d(this, L, []);
|
|
1301
1301
|
E(this, "add", /* @__PURE__ */ h((i, e = "string") => {
|
|
1302
1302
|
i.forEach((s) => {
|
|
@@ -1310,30 +1310,30 @@ const ze = class ze {
|
|
|
1310
1310
|
}), p(this, L, Array.from(i, ([e, s]) => ({ name: e, type: s }))), p(this, L, t(this, L).filter((e) => e.name !== "" && e.name !== "__ng")), t(this, L).sort((e, s) => e.name.length < s.name.length ? 1 : -1);
|
|
1311
1311
|
}, "#adjust"));
|
|
1312
1312
|
d(this, ie, /* @__PURE__ */ h(() => {
|
|
1313
|
-
p(this, L, []),
|
|
1314
|
-
const i = Array.from(t(this,
|
|
1313
|
+
p(this, L, []), O.log(t(this, pt).querySelectorAll("table"));
|
|
1314
|
+
const i = Array.from(t(this, pt).querySelectorAll("table"));
|
|
1315
1315
|
if (!(!i || i.length === 0)) {
|
|
1316
1316
|
for (const e of i)
|
|
1317
|
-
|
|
1318
|
-
const n = r.dataset.bind,
|
|
1319
|
-
n && t(this, L).push({ name: n, type:
|
|
1317
|
+
O.log(e), $("[data-bind]", e).each((s, r) => {
|
|
1318
|
+
const n = r.dataset.bind, o = r.getAttribute("data-type") || "string";
|
|
1319
|
+
n && t(this, L).push({ name: n, type: o });
|
|
1320
1320
|
}), ["data-expr", "background-color", "color", "tooltip", "visible", "readonly", "enable-button", "enable-check", "class-expr", "icon-color", "icon-src"].forEach((s) => {
|
|
1321
1321
|
$(`[${s}]`, e).each((r, n) => {
|
|
1322
|
-
var
|
|
1323
|
-
if (
|
|
1324
|
-
const
|
|
1325
|
-
if (
|
|
1322
|
+
var o = n.getAttribute(s);
|
|
1323
|
+
if (o.indexOf("data.") < 0) {
|
|
1324
|
+
const a = o.search(/[(]/g);
|
|
1325
|
+
if (a > 0)
|
|
1326
1326
|
try {
|
|
1327
|
-
|
|
1327
|
+
o = String(window[o.substring(0, a).trim()]);
|
|
1328
1328
|
} catch {
|
|
1329
|
-
|
|
1329
|
+
o = "";
|
|
1330
1330
|
}
|
|
1331
1331
|
}
|
|
1332
|
-
|
|
1333
|
-
if (
|
|
1334
|
-
const c =
|
|
1332
|
+
o.split("data.").forEach((a) => {
|
|
1333
|
+
if (a.trim() != "") {
|
|
1334
|
+
const c = a.search(/[^_A-Za-z0-9]/g);
|
|
1335
1335
|
let l = "";
|
|
1336
|
-
c >= 0 ? l =
|
|
1336
|
+
c >= 0 ? l = a.substring(0, c) : o.startsWith("data.") && (l = a.replace("data.", "")), l && t(this, L).push({ name: l, type: "string" });
|
|
1337
1337
|
}
|
|
1338
1338
|
});
|
|
1339
1339
|
});
|
|
@@ -1341,7 +1341,7 @@ const ze = class ze {
|
|
|
1341
1341
|
t(this, Ht).call(this);
|
|
1342
1342
|
}
|
|
1343
1343
|
}, "#init"));
|
|
1344
|
-
p(this,
|
|
1344
|
+
p(this, pt, i), t(this, ie).call(this);
|
|
1345
1345
|
}
|
|
1346
1346
|
// 🎯 기존에 필드 이름만 쓰던 곳들과의 호환을 위해 이름 배열만 리턴하는 메서드 유지
|
|
1347
1347
|
get() {
|
|
@@ -1363,43 +1363,43 @@ const ze = class ze {
|
|
|
1363
1363
|
return t(this, L).some((e) => e.name === i);
|
|
1364
1364
|
}
|
|
1365
1365
|
};
|
|
1366
|
-
|
|
1366
|
+
pt = new WeakMap(), L = new WeakMap(), Ht = new WeakMap(), ie = new WeakMap(), h(ze, "ngFields");
|
|
1367
1367
|
let ye = ze;
|
|
1368
|
-
var
|
|
1368
|
+
var ot, re, ne;
|
|
1369
1369
|
const Pe = class Pe extends HTMLElement {
|
|
1370
1370
|
constructor() {
|
|
1371
1371
|
super();
|
|
1372
1372
|
//#created = false;
|
|
1373
|
-
d(this,
|
|
1373
|
+
d(this, ot);
|
|
1374
1374
|
d(this, re);
|
|
1375
1375
|
d(this, ne, /* @__PURE__ */ h(() => {
|
|
1376
|
-
this.fields = new ye(this), p(this, re, new ue(this)),
|
|
1376
|
+
this.fields = new ye(this), p(this, re, new ue(this)), O.log("NineTable connected."), this.dispatchEvent(new CustomEvent("load", { bubbles: !0, detail: { target: this } }));
|
|
1377
1377
|
}, "#init"));
|
|
1378
|
-
this.attachShadow({ mode: "open" }), p(this,
|
|
1378
|
+
this.attachShadow({ mode: "open" }), p(this, ot, new pe(this));
|
|
1379
1379
|
}
|
|
1380
1380
|
connectedCallback() {
|
|
1381
1381
|
t(this, ne).call(this);
|
|
1382
1382
|
}
|
|
1383
1383
|
disconnectedCallback() {
|
|
1384
|
-
|
|
1384
|
+
O.log("NineTable disconnected.");
|
|
1385
1385
|
}
|
|
1386
1386
|
// 🎯 외부에서 grid.data.set(...) 형태로 접근할 수 있도록 데이터 매니저 오픈
|
|
1387
1387
|
get data() {
|
|
1388
|
-
return t(this,
|
|
1388
|
+
return t(this, ot).data;
|
|
1389
1389
|
}
|
|
1390
1390
|
// 🎯 행(row) 관련 제어 접근자 오픈
|
|
1391
1391
|
get row() {
|
|
1392
|
-
return t(this,
|
|
1392
|
+
return t(this, ot).row;
|
|
1393
1393
|
}
|
|
1394
1394
|
// 🎯 전체 데이터 매니저 접근 필요할 경우
|
|
1395
1395
|
get dataManager() {
|
|
1396
|
-
return t(this,
|
|
1396
|
+
return t(this, ot);
|
|
1397
1397
|
}
|
|
1398
1398
|
};
|
|
1399
|
-
|
|
1399
|
+
ot = new WeakMap(), re = new WeakMap(), ne = new WeakMap(), h(Pe, "NineTable");
|
|
1400
1400
|
let me = Pe;
|
|
1401
1401
|
customElements.get("nine-table") || customElements.define("nine-table", me);
|
|
1402
|
-
const
|
|
1402
|
+
const vt = class vt extends HTMLElement {
|
|
1403
1403
|
// 👈 커스텀 스타일용 캐시 추가
|
|
1404
1404
|
constructor() {
|
|
1405
1405
|
super();
|
|
@@ -1410,13 +1410,13 @@ const xt = class xt extends HTMLElement {
|
|
|
1410
1410
|
connectedCallback() {
|
|
1411
1411
|
}
|
|
1412
1412
|
};
|
|
1413
|
-
h(
|
|
1414
|
-
let xe =
|
|
1415
|
-
var
|
|
1413
|
+
h(vt, "BasicCellElement"), E(vt, "_styleCache", /* @__PURE__ */ new Map()), E(vt, "_customStyleCache", /* @__PURE__ */ new Map());
|
|
1414
|
+
let xe = vt;
|
|
1415
|
+
var C, Mt, y, qe, Te, ke, Ce, Le;
|
|
1416
1416
|
const De = class De extends xe {
|
|
1417
1417
|
constructor() {
|
|
1418
1418
|
super();
|
|
1419
|
-
d(this,
|
|
1419
|
+
d(this, C);
|
|
1420
1420
|
d(this, Mt);
|
|
1421
1421
|
d(this, y);
|
|
1422
1422
|
d(this, qe);
|
|
@@ -1439,26 +1439,26 @@ const De = class De extends xe {
|
|
|
1439
1439
|
return ninegrid.nvl(e, "");
|
|
1440
1440
|
} else
|
|
1441
1441
|
try {
|
|
1442
|
-
return t(this,
|
|
1442
|
+
return t(this, C).exprFunction(t(this, y).dataset.expr).call(this, null, -1, t(this, C).data);
|
|
1443
1443
|
} catch {
|
|
1444
1444
|
}
|
|
1445
1445
|
}, "getDisplayText"));
|
|
1446
1446
|
d(this, Le, /* @__PURE__ */ h(() => {
|
|
1447
|
-
if (!(!t(this,
|
|
1447
|
+
if (!(!t(this, C) || !t(this, C).template || !t(this, y).closest("tbody.bindable"))) {
|
|
1448
1448
|
var e = ninegrid.j.querySelectorAll(t(this, y)).attr("suppress");
|
|
1449
1449
|
if (e && (e = parseInt(e)), e && !isNaN(e)) {
|
|
1450
1450
|
var s = t(this, y).closest("tr"), r = [];
|
|
1451
|
-
$("th,td", s).each((
|
|
1452
|
-
var
|
|
1453
|
-
|
|
1451
|
+
$("th,td", s).each((x, H) => {
|
|
1452
|
+
var T = ninegrid.j.querySelectorAll(H).attr("suppress");
|
|
1453
|
+
T && H.dataset.row && (T = parseInt(T), !isNaN(T) && T <= e && r.push(T));
|
|
1454
1454
|
}), r.sort();
|
|
1455
1455
|
var n = !1;
|
|
1456
|
-
if (parseInt(s.sectionRowIndex / t(this,
|
|
1457
|
-
for (var
|
|
1458
|
-
if (
|
|
1459
|
-
var
|
|
1456
|
+
if (parseInt(s.sectionRowIndex / t(this, C).template.length) > 0)
|
|
1457
|
+
for (var o of r) {
|
|
1458
|
+
if (o > e) break;
|
|
1459
|
+
var a = parseInt(t(this, y).dataset.row), c = a - 1, l = t(this, y).closest("tr").data, f = t(this, C).data.get(c);
|
|
1460
1460
|
t(this, y).dataset.matrixRow;
|
|
1461
|
-
var u = t(this,
|
|
1461
|
+
var u = t(this, C).body.querySelector(`tbody.bindable [suppress="${o}"][data-matrix-row="${t(this, y).dataset.matrixRow}"]`), g = u.dataset.expr ? this.getExprValue(u.dataset.expr, l, a) : l[u.dataset.bind], b = u.dataset.expr ? this.getExprValue(u.dataset.expr, f, c) : f[u.dataset.bind];
|
|
1462
1462
|
if (g != b) {
|
|
1463
1463
|
n = !0;
|
|
1464
1464
|
break;
|
|
@@ -1467,7 +1467,7 @@ const De = class De extends xe {
|
|
|
1467
1467
|
else
|
|
1468
1468
|
n = !0;
|
|
1469
1469
|
n ? ninegrid.j.querySelectorAll(t(this, y)).removeClass("suppress") : ninegrid.j.querySelectorAll(t(this, y)).addClass("suppress"), ninegrid.j.querySelectorAll(t(this, y)).hasClass("hidden") || (n ? ninegrid.j.querySelectorAll(t(this, y)).removeClass("hidden") : ninegrid.j.querySelectorAll(t(this, y)).addClass("hidden"));
|
|
1470
|
-
var
|
|
1470
|
+
var m = parseInt(t(this, y).dataset.matrixRow), v = m - 1, A = t(this, C).body.querySelector(`tbody.bindable [data-col="${t(this, y).dataset.col}"][data-matrix-row="${v}"]`);
|
|
1471
1471
|
$(A).hasClass("suppress") && !ninegrid.j.querySelectorAll(t(this, y)).hasClass("suppress") ? ninegrid.j.querySelectorAll(A).removeClass("last-none-suppress").addClass("last-suppress") : !$(A).hasClass("suppress") && ninegrid.j.querySelectorAll(t(this, y)).hasClass("suppress") ? ninegrid.j.querySelectorAll(A).removeClass("last-suppress").addClass("last-none-suppress") : ninegrid.j.querySelectorAll(A).removeClass("last-none-suppress").removeClass("last-suppress");
|
|
1472
1472
|
}
|
|
1473
1473
|
}
|
|
@@ -1476,8 +1476,8 @@ const De = class De extends xe {
|
|
|
1476
1476
|
if (typeof e < "u")
|
|
1477
1477
|
try {
|
|
1478
1478
|
r = parseInt(r);
|
|
1479
|
-
const
|
|
1480
|
-
return t(this,
|
|
1479
|
+
const o = e.replace("()", "");
|
|
1480
|
+
return t(this, C)[o] ? t(this, C)[o].call(this, s, r, t(this, y)) : t(this, C).exprFunction(e).call(this, s, r, t(this, C).data);
|
|
1481
1481
|
} catch {
|
|
1482
1482
|
return ["NG-COMBO"].includes(this.tagName) ? "" : e;
|
|
1483
1483
|
}
|
|
@@ -1486,16 +1486,16 @@ const De = class De extends xe {
|
|
|
1486
1486
|
}, "getExprValue"));
|
|
1487
1487
|
}
|
|
1488
1488
|
connectedCallback() {
|
|
1489
|
-
super.connectedCallback(), p(this,
|
|
1489
|
+
super.connectedCallback(), p(this, C, this.getRootNode().host), p(this, y, this.closest("th,td")), p(this, Mt, t(this, y).closest("tr"));
|
|
1490
1490
|
}
|
|
1491
1491
|
get value() {
|
|
1492
|
-
var e = !t(this,
|
|
1492
|
+
var e = !t(this, C) || !t(this, C).dataManager || !t(this, y) || !t(this, y).dataset || !t(this, y).dataset.row || !t(this, y).dataset.bind ? "" : t(this, y).closest("tr").data[t(this, y).dataset.bind];
|
|
1493
1493
|
return e ?? "";
|
|
1494
1494
|
}
|
|
1495
1495
|
set value(e) {
|
|
1496
1496
|
var s = parseInt(t(this, y).dataset.row);
|
|
1497
1497
|
const r = this.getAttribute("update-row-state") != "false";
|
|
1498
|
-
s < 0 ? t(this,
|
|
1498
|
+
s < 0 ? t(this, C).data.setValueNF(parseInt(t(this, y).dataset.index), t(this, y).dataset.bind, e, r) : t(this, C).data.setValue(s, t(this, y).dataset.bind, e, r);
|
|
1499
1499
|
}
|
|
1500
1500
|
get row() {
|
|
1501
1501
|
return parseInt(t(this, y).dataset.row);
|
|
@@ -1508,7 +1508,7 @@ const De = class De extends xe {
|
|
|
1508
1508
|
return parseInt(t(this, y).dataset.row), t(this, Mt).data[e];
|
|
1509
1509
|
}
|
|
1510
1510
|
};
|
|
1511
|
-
|
|
1511
|
+
C = new WeakMap(), Mt = new WeakMap(), y = new WeakMap(), qe = new WeakMap(), Te = new WeakMap(), ke = new WeakMap(), Ce = new WeakMap(), Le = new WeakMap(), h(De, "CellElement");
|
|
1512
1512
|
let ve = De;
|
|
1513
1513
|
const je = class je extends ve {
|
|
1514
1514
|
constructor() {
|
|
@@ -1523,16 +1523,16 @@ const je = class je extends ve {
|
|
|
1523
1523
|
};
|
|
1524
1524
|
h(je, "EditableCellElement");
|
|
1525
1525
|
let we = je;
|
|
1526
|
-
var $t,
|
|
1526
|
+
var $t, at, yt, mt, oe, X, He;
|
|
1527
1527
|
const Fe = class Fe extends we {
|
|
1528
1528
|
constructor() {
|
|
1529
1529
|
super();
|
|
1530
1530
|
d(this, $t);
|
|
1531
|
-
d(this,
|
|
1532
|
-
d(this,
|
|
1533
|
-
d(this,
|
|
1531
|
+
d(this, at);
|
|
1532
|
+
d(this, yt);
|
|
1533
|
+
d(this, mt);
|
|
1534
1534
|
d(this, oe);
|
|
1535
|
-
d(this,
|
|
1535
|
+
d(this, X);
|
|
1536
1536
|
E(this, "refresh", /* @__PURE__ */ h(() => {
|
|
1537
1537
|
const e = super.refresh();
|
|
1538
1538
|
t(this, $t).value = e;
|
|
@@ -1569,20 +1569,20 @@ const Fe = class Fe extends we {
|
|
|
1569
1569
|
*/
|
|
1570
1570
|
d(this, He, /* @__PURE__ */ h((e) => {
|
|
1571
1571
|
if (!["Escape", "Enter", "Tab", "Home", "End", "ArrowLeft", "ArrowRight", "PageUp", "PageDown", "Backspace", "Delete"].includes(e.code)) {
|
|
1572
|
-
if (t(this,
|
|
1572
|
+
if (t(this, at) == "number") {
|
|
1573
1573
|
let n = [];
|
|
1574
|
-
if (t(this,
|
|
1574
|
+
if (t(this, X) && Number(t(this, X)) > 0 && n.push("."), t(this, mt) && Number(t(this, mt)) >= 0 && n.push("-"), !(e.keyCode >= 48 && e.keyCode <= 57 || e.keyCode >= 96 && e.keyCode <= 105) && !n.includes(e.key) && e.preventDefault(), t(this, X) && (e.keyCode >= 48 && e.keyCode <= 57 || e.keyCode >= 96 && e.keyCode <= 105) && e.target.selectionStart == e.target.selectionEnd) {
|
|
1575
1575
|
var s = e.target.value, r = s.indexOf(".");
|
|
1576
1576
|
if (r >= 0) {
|
|
1577
1577
|
var s = s.substr(r + 1, s.length);
|
|
1578
|
-
s.length >= Number(t(this,
|
|
1578
|
+
s.length >= Number(t(this, X)) && e.preventDefault();
|
|
1579
1579
|
}
|
|
1580
1580
|
}
|
|
1581
1581
|
}
|
|
1582
|
-
t(this,
|
|
1582
|
+
t(this, yt) && ninegrid.getByteLength(e.target.value) >= Number(t(this, yt)) && e.target.selectionStart == e.target.selectionEnd && e.preventDefault();
|
|
1583
1583
|
}
|
|
1584
1584
|
}, "#onKeyDown"));
|
|
1585
|
-
if (this.applyBaseStyle(), p(this,
|
|
1585
|
+
if (this.applyBaseStyle(), p(this, at, this.getAttribute("type") || "text"), p(this, yt, this.getAttribute("maxbyte")), p(this, mt, this.getAttribute("min")), p(this, oe, this.getAttribute("max")), p(this, X, this.getAttribute("scale")), !["text", "number"].includes(t(this, at))) throw `invalid type : ${t(this, at)}`;
|
|
1586
1586
|
}
|
|
1587
1587
|
connectedCallback() {
|
|
1588
1588
|
for (var e = [], s = 0; s < this.attributes.length; s++)
|
|
@@ -1595,7 +1595,7 @@ const Fe = class Fe extends we {
|
|
|
1595
1595
|
`, super.connectedCallback(), p(this, $t, this.querySelector("input"));
|
|
1596
1596
|
}
|
|
1597
1597
|
};
|
|
1598
|
-
$t = new WeakMap(),
|
|
1598
|
+
$t = new WeakMap(), at = new WeakMap(), yt = new WeakMap(), mt = new WeakMap(), oe = new WeakMap(), X = new WeakMap(), He = new WeakMap(), h(Fe, "CellInputText");
|
|
1599
1599
|
let Se = Fe;
|
|
1600
1600
|
customElements.get("cell-input-text");
|
|
1601
1601
|
customElements.get("cell-input") || customElements.define("cell-input", Se);
|