@ninebone/table 0.0.636 β 0.0.638
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 +145 -145
- 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
|
@@ -2,9 +2,9 @@ var Fe = Object.defineProperty;
|
|
|
2
2
|
var Ve = (q) => {
|
|
3
3
|
throw TypeError(q);
|
|
4
4
|
};
|
|
5
|
-
var
|
|
5
|
+
var Ke = (q, i, e) => i in q ? Fe(q, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : q[i] = e;
|
|
6
6
|
var c = (q, i) => Fe(q, "name", { value: i, configurable: !0 });
|
|
7
|
-
var E = (q, i, e) =>
|
|
7
|
+
var E = (q, i, e) => Ke(q, typeof i != "symbol" ? i + "" : i, e), Ye = (q, i, e) => i.has(q) || Ve("Cannot " + e);
|
|
8
8
|
var t = (q, i, e) => (Ye(q, i, "read from private field"), e ? e.call(q) : i.get(q)), d = (q, i, e) => i.has(q) ? Ve("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(q) : i.set(q, e), y = (q, i, e, s) => (Ye(q, i, "write to private field"), s ? s.call(q, e) : i.set(q, e), e);
|
|
9
9
|
var Ue = (q, i, e, s) => ({
|
|
10
10
|
set _(r) {
|
|
@@ -14,8 +14,8 @@ var Ue = (q, i, e, s) => ({
|
|
|
14
14
|
return t(q, i, s);
|
|
15
15
|
}
|
|
16
16
|
});
|
|
17
|
-
import { trace as
|
|
18
|
-
const He = class He extends
|
|
17
|
+
import { trace as Ze } from "@ninebone/util";
|
|
18
|
+
const He = class He extends Ze.constructor {
|
|
19
19
|
constructor() {
|
|
20
20
|
super(), this.init("nine-table", "green");
|
|
21
21
|
}
|
|
@@ -23,25 +23,25 @@ const He = class He extends Ke.constructor {
|
|
|
23
23
|
c(He, "Trace");
|
|
24
24
|
let oe = He;
|
|
25
25
|
const H = new oe();
|
|
26
|
-
var B,
|
|
26
|
+
var B, F, w, K, Z, G, It, J, _t;
|
|
27
27
|
const Me = class Me extends HTMLElement {
|
|
28
28
|
constructor() {
|
|
29
29
|
super();
|
|
30
30
|
d(this, B);
|
|
31
|
-
d(this,
|
|
31
|
+
d(this, F, !1);
|
|
32
32
|
d(this, w);
|
|
33
|
-
d(this, X);
|
|
34
33
|
d(this, K);
|
|
35
34
|
d(this, Z);
|
|
35
|
+
d(this, G);
|
|
36
36
|
d(this, It, /* @__PURE__ */ c(() => {
|
|
37
37
|
if (!t(this, B)) return;
|
|
38
38
|
const e = t(this, B).querySelector(".ng-container-body .ng-part-body");
|
|
39
|
-
e && (y(this,
|
|
39
|
+
e && (y(this, G, new ResizeObserver(() => {
|
|
40
40
|
this.refresh();
|
|
41
|
-
})), t(this,
|
|
41
|
+
})), t(this, G).observe(e));
|
|
42
42
|
}, "#observeResize"));
|
|
43
43
|
E(this, "refresh", /* @__PURE__ */ c(() => {
|
|
44
|
-
if (!t(this, B) || !t(this, w) || t(this,
|
|
44
|
+
if (!t(this, B) || !t(this, w) || t(this, F)) return;
|
|
45
45
|
const e = t(this, w).container, s = e.querySelector("table");
|
|
46
46
|
if (!s) return;
|
|
47
47
|
const r = t(this, w).track, n = t(this, w).thumb, o = t(this, B).querySelector(".ng-container-bottom"), a = e.clientWidth, h = s.scrollWidth;
|
|
@@ -61,7 +61,7 @@ const Me = class Me extends HTMLElement {
|
|
|
61
61
|
const m = l - f;
|
|
62
62
|
g > m && (g = m), n.style.left = `${g}px`, t(this, w).left.disabled = g === 0, t(this, w).right.disabled = g >= m - 1;
|
|
63
63
|
}, "refresh"));
|
|
64
|
-
d(this,
|
|
64
|
+
d(this, J, /* @__PURE__ */ c((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;
|
|
@@ -75,16 +75,16 @@ const Me = class Me extends HTMLElement {
|
|
|
75
75
|
}, "#thumbMoveTo"));
|
|
76
76
|
d(this, _t, /* @__PURE__ */ c(() => {
|
|
77
77
|
const e = /* @__PURE__ */ c((r) => {
|
|
78
|
-
clearInterval(t(this,
|
|
78
|
+
clearInterval(t(this, K)), clearInterval(t(this, Z));
|
|
79
79
|
const n = parseInt(t(this, w).thumb.style.left || 0, 10);
|
|
80
|
-
t(this,
|
|
81
|
-
clearInterval(t(this,
|
|
80
|
+
t(this, J).call(this, n + r), y(this, K, setInterval(() => {
|
|
81
|
+
clearInterval(t(this, K)), y(this, Z, setInterval(() => {
|
|
82
82
|
const o = parseInt(t(this, w).thumb.style.left || 0, 10);
|
|
83
|
-
t(this,
|
|
83
|
+
t(this, J).call(this, o + r) || clearInterval(t(this, Z));
|
|
84
84
|
}, 50));
|
|
85
85
|
}, 500));
|
|
86
86
|
}, "delayScroll"), s = /* @__PURE__ */ c(() => {
|
|
87
|
-
clearInterval(t(this,
|
|
87
|
+
clearInterval(t(this, K)), clearInterval(t(this, Z));
|
|
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);
|
|
@@ -96,16 +96,16 @@ const Me = class Me extends HTMLElement {
|
|
|
96
96
|
if (r.button !== 0) return;
|
|
97
97
|
r.preventDefault();
|
|
98
98
|
const n = t(this, w).track.getBoundingClientRect(), o = t(this, w).thumb.clientWidth;
|
|
99
|
-
t(this,
|
|
99
|
+
t(this, J).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
|
-
r.stopPropagation(), r.preventDefault(), y(this,
|
|
102
|
+
r.stopPropagation(), r.preventDefault(), y(this, F, !0), this.shiftX = r.clientX - t(this, w).thumb.getBoundingClientRect().left;
|
|
103
103
|
const n = /* @__PURE__ */ c((a) => {
|
|
104
|
-
if (!t(this,
|
|
104
|
+
if (!t(this, F)) return;
|
|
105
105
|
const h = t(this, w).track.getBoundingClientRect();
|
|
106
|
-
t(this,
|
|
106
|
+
t(this, J).call(this, a.clientX - h.left - this.shiftX);
|
|
107
107
|
}, "onMouseMove"), o = /* @__PURE__ */ c(() => {
|
|
108
|
-
y(this,
|
|
108
|
+
y(this, F, !1), s(), document.removeEventListener("mousemove", n), document.removeEventListener("mouseup", o), this.refresh();
|
|
109
109
|
}, "onMouseUp");
|
|
110
110
|
document.addEventListener("mousemove", n), document.addEventListener("mouseup", o);
|
|
111
111
|
});
|
|
@@ -189,31 +189,31 @@ const Me = class Me extends HTMLElement {
|
|
|
189
189
|
left: this.querySelector(".ng-scroll-left"),
|
|
190
190
|
right: this.querySelector(".ng-scroll-right")
|
|
191
191
|
}), s.addEventListener("scroll", () => {
|
|
192
|
-
t(this,
|
|
192
|
+
t(this, F) || this.refresh();
|
|
193
193
|
}), t(this, _t).call(this), t(this, It).call(this), this.refresh();
|
|
194
194
|
}, "initWhenReady");
|
|
195
195
|
e();
|
|
196
196
|
}
|
|
197
197
|
disconnectedCallback() {
|
|
198
|
-
t(this,
|
|
198
|
+
t(this, G) && t(this, G).disconnect();
|
|
199
199
|
}
|
|
200
200
|
};
|
|
201
|
-
B = new WeakMap(),
|
|
201
|
+
B = new WeakMap(), F = new WeakMap(), w = new WeakMap(), K = new WeakMap(), Z = new WeakMap(), G = new WeakMap(), It = new WeakMap(), J = new WeakMap(), _t = new WeakMap(), c(Me, "NineTableHScrollBar");
|
|
202
202
|
let ae = Me;
|
|
203
203
|
customElements.get("nine-table-hscrollbar") || customElements.define("nine-table-hscrollbar", ae);
|
|
204
|
-
var
|
|
204
|
+
var V, lt, Q, T, vt, xt, Nt;
|
|
205
205
|
const $e = class $e extends HTMLElement {
|
|
206
206
|
constructor() {
|
|
207
207
|
super();
|
|
208
|
-
d(this,
|
|
209
|
-
d(this,
|
|
210
|
-
d(this,
|
|
208
|
+
d(this, V);
|
|
209
|
+
d(this, lt);
|
|
210
|
+
d(this, Q, !1);
|
|
211
211
|
d(this, T);
|
|
212
212
|
d(this, vt, 0);
|
|
213
213
|
d(this, xt, 0);
|
|
214
214
|
E(this, "refresh", /* @__PURE__ */ c(() => {
|
|
215
|
-
if (!t(this,
|
|
216
|
-
const e = t(this, T).container, s = t(this, T).track, r = t(this, T).thumb, n = e.clientHeight, a = (t(this,
|
|
215
|
+
if (!t(this, V) || !t(this, T)) return;
|
|
216
|
+
const e = t(this, T).container, s = t(this, T).track, r = t(this, T).thumb, n = e.clientHeight, a = (t(this, V).data.get() || []).length, h = t(this, lt).getRowHeight(), l = a * h;
|
|
217
217
|
if (l <= n || a === 0) {
|
|
218
218
|
this.style.display = "none";
|
|
219
219
|
return;
|
|
@@ -232,16 +232,16 @@ const $e = class $e extends HTMLElement {
|
|
|
232
232
|
d(this, Nt, /* @__PURE__ */ c(() => {
|
|
233
233
|
H.log("nine-table-vscrollbar.#init");
|
|
234
234
|
const e = t(this, T).container, s = /* @__PURE__ */ c(() => {
|
|
235
|
-
const n = (t(this,
|
|
235
|
+
const n = (t(this, V).data.get() || []).length, o = t(this, lt).getRowHeight();
|
|
236
236
|
return n * o;
|
|
237
237
|
}, "getContentHeight");
|
|
238
238
|
e.addEventListener("scroll", () => {
|
|
239
|
-
t(this,
|
|
239
|
+
t(this, Q) || this.refresh();
|
|
240
240
|
}), t(this, T).thumb.addEventListener("mousedown", (r) => {
|
|
241
241
|
if (r.button !== 0) return;
|
|
242
|
-
r.stopPropagation(), r.preventDefault(), y(this,
|
|
242
|
+
r.stopPropagation(), r.preventDefault(), y(this, Q, !0), y(this, vt, r.clientY), y(this, xt, e.scrollTop);
|
|
243
243
|
const n = /* @__PURE__ */ c((a) => {
|
|
244
|
-
if (!t(this,
|
|
244
|
+
if (!t(this, Q)) return;
|
|
245
245
|
const h = t(this, T).track.getBoundingClientRect(), l = t(this, T).thumb.clientHeight, u = h.height - l, b = a.clientY - t(this, vt), g = e.clientHeight, m = s(), x = Math.max(m - g, 1);
|
|
246
246
|
if (u > 0 && x > 0) {
|
|
247
247
|
const A = b / u * x;
|
|
@@ -251,7 +251,7 @@ const $e = class $e extends HTMLElement {
|
|
|
251
251
|
}
|
|
252
252
|
this.refresh();
|
|
253
253
|
}, "onMouseMove"), o = /* @__PURE__ */ c(() => {
|
|
254
|
-
y(this,
|
|
254
|
+
y(this, Q, !1), document.removeEventListener("mousemove", n), document.removeEventListener("mouseup", o), this.refresh();
|
|
255
255
|
}, "onMouseUp");
|
|
256
256
|
document.addEventListener("mousemove", n), document.addEventListener("mouseup", o);
|
|
257
257
|
}), t(this, T).track.addEventListener("mousedown", (r) => {
|
|
@@ -270,7 +270,7 @@ const $e = class $e extends HTMLElement {
|
|
|
270
270
|
}, "#init"));
|
|
271
271
|
}
|
|
272
272
|
connectedCallback() {
|
|
273
|
-
y(this,
|
|
273
|
+
y(this, V, this.getRootNode().host), y(this, lt, this.closest("nine-table-sheet")), this.innerHTML = `
|
|
274
274
|
<style>
|
|
275
275
|
nine-table-vscrollbar {
|
|
276
276
|
display: flex;
|
|
@@ -335,7 +335,7 @@ const $e = class $e extends HTMLElement {
|
|
|
335
335
|
<button class='ng-scroll-bottom' disabled><div class='ng-scroll-icon'></div></button>
|
|
336
336
|
`;
|
|
337
337
|
const e = /* @__PURE__ */ c(() => {
|
|
338
|
-
const s = t(this,
|
|
338
|
+
const s = t(this, V).shadowRoot.querySelector(".ng-container-body .ng-part-body");
|
|
339
339
|
if (!s) {
|
|
340
340
|
setTimeout(e, 10);
|
|
341
341
|
return;
|
|
@@ -351,19 +351,19 @@ const $e = class $e extends HTMLElement {
|
|
|
351
351
|
e();
|
|
352
352
|
}
|
|
353
353
|
};
|
|
354
|
-
|
|
354
|
+
V = new WeakMap(), lt = new WeakMap(), Q = new WeakMap(), T = new WeakMap(), vt = new WeakMap(), xt = new WeakMap(), Nt = new WeakMap(), c($e, "NineTableVScrollBar");
|
|
355
355
|
let le = $e;
|
|
356
356
|
customElements.get("nine-table-vscrollbar") || customElements.define("nine-table-vscrollbar", le);
|
|
357
|
-
var
|
|
357
|
+
var j, S, tt, D, I, Y, et, wt, Se, Ee, Wt, Ot, zt, St, Et, Bt, Dt, At, Ae, ct, qt, Pt;
|
|
358
358
|
const Ie = class Ie {
|
|
359
359
|
constructor(i) {
|
|
360
|
-
d(this,
|
|
360
|
+
d(this, j);
|
|
361
361
|
d(this, S);
|
|
362
|
-
d(this,
|
|
362
|
+
d(this, tt);
|
|
363
363
|
d(this, D, /* @__PURE__ */ new Map());
|
|
364
364
|
d(this, I, null);
|
|
365
|
-
d(this,
|
|
366
|
-
d(this,
|
|
365
|
+
d(this, Y, null);
|
|
366
|
+
d(this, et, 0);
|
|
367
367
|
d(this, wt, 40);
|
|
368
368
|
d(this, Se, !1);
|
|
369
369
|
d(this, Ee, !1);
|
|
@@ -373,10 +373,10 @@ const Ie = class Ie {
|
|
|
373
373
|
var e;
|
|
374
374
|
H.log("rowManager.refresh");
|
|
375
375
|
const i = t(this, S).querySelector(".ng-container-body .ng-part-body");
|
|
376
|
-
i && (t(this, St).call(this), t(this,
|
|
376
|
+
i && (t(this, St).call(this), t(this, ct).call(this, i.scrollTop), (e = t(this, S).querySelector("nine-table-vscrollbar")) == null || e.refresh());
|
|
377
377
|
}, "refresh"));
|
|
378
378
|
E(this, "initialize", /* @__PURE__ */ c(() => {
|
|
379
|
-
H.log("rowManager.initialize"), y(this,
|
|
379
|
+
H.log("rowManager.initialize"), y(this, tt, {
|
|
380
380
|
scrollTables: t(this, S).querySelectorAll(".ng-part-body table"),
|
|
381
381
|
firstTr: t(this, S).querySelector(".ng-container-body .ng-part-body tbody.bindable-tbody tr:not(.nodata)")
|
|
382
382
|
}), y(this, I, null), t(this, D).clear(), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((o) => {
|
|
@@ -391,13 +391,13 @@ const Ie = class Ie {
|
|
|
391
391
|
});
|
|
392
392
|
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");
|
|
393
393
|
if (i) {
|
|
394
|
-
t(this, zt).call(this, i), t(this, At).call(this), t(this, St).call(this), t(this,
|
|
394
|
+
t(this, zt).call(this, i), t(this, At).call(this), t(this, St).call(this), t(this, ct).call(this, i.scrollTop);
|
|
395
395
|
let o = !1;
|
|
396
396
|
const a = /* @__PURE__ */ c((h) => {
|
|
397
397
|
if (o) return;
|
|
398
398
|
o = !0;
|
|
399
399
|
const l = h.scrollTop, f = h.scrollLeft;
|
|
400
|
-
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,
|
|
400
|
+
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, ct).call(this, l), o = !1;
|
|
401
401
|
}, "handleContainerScroll");
|
|
402
402
|
[i, e, s].forEach((h) => {
|
|
403
403
|
h && h.addEventListener("scroll", () => {
|
|
@@ -418,7 +418,7 @@ const Ie = class Ie {
|
|
|
418
418
|
s.forEach((h) => {
|
|
419
419
|
o.appendChild(h.cloneNode(!0));
|
|
420
420
|
});
|
|
421
|
-
n ? n.before(o) : r.appendChild(o), e === ".ng-container-body" && (t(this,
|
|
421
|
+
n ? n.before(o) : r.appendChild(o), e === ".ng-container-body" && (t(this, tt).firstTr = r.querySelector("tr:not(.nodata)"));
|
|
422
422
|
}, "#renderRows"));
|
|
423
423
|
d(this, zt, /* @__PURE__ */ c((i) => {
|
|
424
424
|
if (H.log("rowManager.#measureAndCacheHeight"), t(this, I) !== null && t(this, I) > 0)
|
|
@@ -449,7 +449,7 @@ const Ie = class Ie {
|
|
|
449
449
|
}, "#measureAndCacheHeight"));
|
|
450
450
|
d(this, St, /* @__PURE__ */ c(() => {
|
|
451
451
|
H.log("rowManager.#updateVirtualScrollHeight");
|
|
452
|
-
const e = (t(this,
|
|
452
|
+
const e = (t(this, j).data.get() || []).length, s = t(this, I), r = e * s;
|
|
453
453
|
H.log("π [VirtualHeight]", { totalCount: e, rowHeight: s, totalVirtualHeight: r }), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((n) => {
|
|
454
454
|
const o = t(this, S).querySelector(n);
|
|
455
455
|
if (!o) return;
|
|
@@ -458,8 +458,8 @@ const Ie = class Ie {
|
|
|
458
458
|
});
|
|
459
459
|
}, "#updateVirtualScrollHeight"));
|
|
460
460
|
d(this, Et, /* @__PURE__ */ c(() => {
|
|
461
|
-
if (t(this,
|
|
462
|
-
const i = Math.ceil(t(this,
|
|
461
|
+
if (t(this, et) > 0 && t(this, I) > 0) {
|
|
462
|
+
const i = Math.ceil(t(this, et) / t(this, I));
|
|
463
463
|
y(this, wt, i + t(this, Wt));
|
|
464
464
|
}
|
|
465
465
|
}, "#updateRowCount"));
|
|
@@ -491,7 +491,7 @@ const Ie = class Ie {
|
|
|
491
491
|
}
|
|
492
492
|
}, "#syncRowHeights"));
|
|
493
493
|
d(this, Dt, /* @__PURE__ */ c(() => {
|
|
494
|
-
!t(this, S) || !(t(this, S) instanceof HTMLElement) || (y(this,
|
|
494
|
+
!t(this, S) || !(t(this, S) instanceof HTMLElement) || (y(this, Y, new ResizeObserver((i) => {
|
|
495
495
|
for (const e of i) {
|
|
496
496
|
const s = e.target;
|
|
497
497
|
if (!s.classList.contains("active")) continue;
|
|
@@ -501,10 +501,10 @@ const Ie = class Ie {
|
|
|
501
501
|
const o = s.querySelector(".ng-part-header"), a = s.querySelector(".ng-part-footer");
|
|
502
502
|
o && (n += o.offsetHeight), a && (n += a.offsetHeight);
|
|
503
503
|
const h = Math.max(r - n, 100);
|
|
504
|
-
t(this,
|
|
504
|
+
t(this, et) !== h && (y(this, et, h), t(this, Et).call(this), t(this, I) !== null && (t(this, At).call(this), this.refresh()));
|
|
505
505
|
}
|
|
506
506
|
}
|
|
507
|
-
})), t(this,
|
|
507
|
+
})), t(this, Y).observe(t(this, S)));
|
|
508
508
|
}, "#initResizeObserver"));
|
|
509
509
|
d(this, At, /* @__PURE__ */ c(() => {
|
|
510
510
|
H.log("rowManager.#renderAllContainers"), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((i) => {
|
|
@@ -519,43 +519,43 @@ const Ie = class Ie {
|
|
|
519
519
|
if (!s) return;
|
|
520
520
|
const r = s.querySelector(".ng-part-body tbody.bindable-tbody");
|
|
521
521
|
if (!r) return;
|
|
522
|
-
const n = Array.from(r.querySelectorAll("tr:not(.nodata)")), o = ((l = t(this, D).get(e)) == null ? void 0 : l.length) || 1, h = (t(this,
|
|
522
|
+
const n = Array.from(r.querySelectorAll("tr:not(.nodata)")), o = ((l = t(this, D).get(e)) == null ? void 0 : l.length) || 1, h = (t(this, j).data.get() || []).length;
|
|
523
523
|
n.forEach((f, u) => {
|
|
524
524
|
const b = i + Math.floor(u / o);
|
|
525
525
|
if (b >= h) {
|
|
526
526
|
f.style.visibility = "hidden";
|
|
527
527
|
return;
|
|
528
528
|
}
|
|
529
|
-
const g = t(this,
|
|
529
|
+
const g = t(this, j).data.get(b);
|
|
530
530
|
f.style.display = "", t(this, qt).call(this, f, g, b);
|
|
531
531
|
});
|
|
532
532
|
});
|
|
533
533
|
}, "#adjustBufferRows"));
|
|
534
|
-
d(this,
|
|
535
|
-
var
|
|
534
|
+
d(this, ct, /* @__PURE__ */ c((i) => {
|
|
535
|
+
var g, m;
|
|
536
536
|
const e = t(this, I);
|
|
537
537
|
if (!e || e <= 0) return;
|
|
538
|
-
const s = t(this,
|
|
538
|
+
const s = t(this, j).data.length;
|
|
539
539
|
if (s === 0) return;
|
|
540
|
-
const r = ((
|
|
541
|
-
let
|
|
542
|
-
i >=
|
|
543
|
-
const
|
|
544
|
-
(
|
|
545
|
-
|
|
546
|
-
}),
|
|
547
|
-
const
|
|
548
|
-
if (!
|
|
549
|
-
const
|
|
550
|
-
if (!
|
|
551
|
-
Array.from(
|
|
552
|
-
const
|
|
553
|
-
if (
|
|
554
|
-
|
|
540
|
+
const r = ((g = t(this, D).get(".ng-container-body")) == null ? void 0 : g.length) || 1, n = t(this, S).querySelector(".ng-container-body .ng-part-body"), o = n ? n.clientHeight : 0, a = Math.max(0, s * e - o), h = Math.max(0, s - 1);
|
|
541
|
+
let l = Math.min(h, Math.max(0, Math.floor(i / e))), f = Math.floor(l * e);
|
|
542
|
+
i >= a - e && a > 0 && (f = Math.floor(a / e) * e, l = h), H.log(`π [Scroll Inspect] scrollTop: ${i}, rowHeight: ${e}, startIndex: ${l}, offsetY: ${f}`);
|
|
543
|
+
const u = t(this, tt).firstTr, b = u && u.dataset.row !== void 0 ? parseInt(u.dataset.row, 10) : -1;
|
|
544
|
+
(m = t(this, tt)) == null || m.scrollTables.forEach((x) => {
|
|
545
|
+
x.style.transform = `translate3d(0, ${f}px, 0)`;
|
|
546
|
+
}), b !== l && [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((x) => {
|
|
547
|
+
const A = t(this, S).querySelector(x);
|
|
548
|
+
if (!A) return;
|
|
549
|
+
const v = A.querySelector(".ng-part-body tbody.bindable-tbody");
|
|
550
|
+
if (!v) return;
|
|
551
|
+
Array.from(v.querySelectorAll("tr:not(.nodata)")).forEach((R, O) => {
|
|
552
|
+
const P = l + Math.floor(O / r);
|
|
553
|
+
if (P >= s) {
|
|
554
|
+
R.style.display = "none";
|
|
555
555
|
return;
|
|
556
556
|
}
|
|
557
|
-
const
|
|
558
|
-
|
|
557
|
+
const Xe = t(this, j).data.get(P);
|
|
558
|
+
R.style.display = "", t(this, qt).call(this, R, Xe, P);
|
|
559
559
|
});
|
|
560
560
|
});
|
|
561
561
|
}, "#handleScroll"));
|
|
@@ -596,9 +596,9 @@ const Ie = class Ie {
|
|
|
596
596
|
}
|
|
597
597
|
}, "#syncHeaderHeights"));
|
|
598
598
|
E(this, "destroy", /* @__PURE__ */ c(() => {
|
|
599
|
-
t(this,
|
|
599
|
+
t(this, Y) && (t(this, Y).disconnect(), y(this, Y, null));
|
|
600
600
|
}, "destroy"));
|
|
601
|
-
y(this,
|
|
601
|
+
y(this, j, i.getRootNode().host), y(this, S, i), t(this, Dt).call(this);
|
|
602
602
|
}
|
|
603
603
|
getRowHeight() {
|
|
604
604
|
return t(this, I);
|
|
@@ -608,7 +608,7 @@ const Ie = class Ie {
|
|
|
608
608
|
return ((e = t(this, D).get(i)) == null ? void 0 : e.length) || 1;
|
|
609
609
|
}
|
|
610
610
|
};
|
|
611
|
-
|
|
611
|
+
j = new WeakMap(), S = new WeakMap(), tt = new WeakMap(), D = new WeakMap(), I = new WeakMap(), Y = new WeakMap(), et = new WeakMap(), wt = new WeakMap(), Se = new WeakMap(), Ee = new WeakMap(), Wt = new WeakMap(), Ot = new WeakMap(), zt = new WeakMap(), St = new WeakMap(), Et = new WeakMap(), Bt = new WeakMap(), Dt = new WeakMap(), At = new WeakMap(), Ae = new WeakMap(), ct = new WeakMap(), qt = new WeakMap(), Pt = new WeakMap(), c(Ie, "RowManager");
|
|
612
612
|
let ce = Ie;
|
|
613
613
|
const jt = class jt {
|
|
614
614
|
/**
|
|
@@ -664,8 +664,8 @@ const jt = class jt {
|
|
|
664
664
|
}
|
|
665
665
|
const W = v.rowSpan || 1, R = v.colSpan || 1;
|
|
666
666
|
for (let O = 0; O < W; O++)
|
|
667
|
-
for (let
|
|
668
|
-
x + O < u && A +
|
|
667
|
+
for (let P = 0; P < R; P++)
|
|
668
|
+
x + O < u && A + P < b && (g[x + O][A + P] = O === 0 && P === 0 ? "1" : "0");
|
|
669
669
|
});
|
|
670
670
|
}), l.forEach((m) => {
|
|
671
671
|
const x = m.sectionRowIndex;
|
|
@@ -689,15 +689,15 @@ const jt = class jt {
|
|
|
689
689
|
};
|
|
690
690
|
c(jt, "TableCompiler");
|
|
691
691
|
let he = jt;
|
|
692
|
-
var Ft,
|
|
692
|
+
var Ft, st, it, Vt, Yt, ht, Ut, Xt;
|
|
693
693
|
const pt = class pt extends HTMLElement {
|
|
694
694
|
constructor() {
|
|
695
695
|
super();
|
|
696
696
|
d(this, Ft);
|
|
697
|
-
d(this,
|
|
698
|
-
d(this,
|
|
697
|
+
d(this, st, null);
|
|
698
|
+
d(this, it);
|
|
699
699
|
E(this, "invalidate", /* @__PURE__ */ c(() => {
|
|
700
|
-
t(this,
|
|
700
|
+
t(this, it).refresh();
|
|
701
701
|
}, "invalidate"));
|
|
702
702
|
d(this, Vt, /* @__PURE__ */ c(() => {
|
|
703
703
|
[
|
|
@@ -706,7 +706,7 @@ const pt = class pt extends HTMLElement {
|
|
|
706
706
|
{ selector: ".ng-container-right", type: "right" }
|
|
707
707
|
].forEach(({ selector: s, type: r }) => {
|
|
708
708
|
var n, o, a;
|
|
709
|
-
(n = this.querySelector(`${s} .ng-part-header`)) == null || n.appendChild(t(this,
|
|
709
|
+
(n = this.querySelector(`${s} .ng-part-header`)) == null || n.appendChild(t(this, ht).call(this, t(this, st), r, "header")), (o = this.querySelector(`${s} .ng-virtual-spacer`)) == null || o.before(t(this, ht).call(this, t(this, st), r, "body")), (a = this.querySelector(`${s} .ng-part-footer`)) == null || a.appendChild(t(this, ht).call(this, t(this, st), r, "footer"));
|
|
710
710
|
});
|
|
711
711
|
}, "#renderSplitContainers"));
|
|
712
712
|
d(this, Yt, /* @__PURE__ */ c(() => {
|
|
@@ -722,14 +722,14 @@ const pt = class pt extends HTMLElement {
|
|
|
722
722
|
}, "#updateContainerWidths"));
|
|
723
723
|
E(this, "generate", /* @__PURE__ */ c((e) => {
|
|
724
724
|
if (!e) return;
|
|
725
|
-
y(this,
|
|
725
|
+
y(this, st, he.compile(e)), t(this, Vt).call(this), t(this, Yt).call(this);
|
|
726
726
|
const s = this.querySelector(".ng-container-body .ng-part-header"), r = this.querySelector(".ng-container-body .ng-part-footer"), n = this.querySelector(".ng-nodata-overlay");
|
|
727
|
-
s && n && (n.style.top = `${s.offsetHeight}px`), r && n && (n.style.bottom = `${r.offsetHeight}px`), t(this,
|
|
727
|
+
s && n && (n.style.top = `${s.offsetHeight}px`), r && n && (n.style.bottom = `${r.offsetHeight}px`), t(this, it).initialize(), setTimeout(() => {
|
|
728
728
|
var o;
|
|
729
729
|
(o = this.querySelector("nine-table-hscrollbar")) == null || o.refresh();
|
|
730
730
|
}, 0);
|
|
731
731
|
}, "generate"));
|
|
732
|
-
d(this,
|
|
732
|
+
d(this, ht, /* @__PURE__ */ c((e, s, r) => {
|
|
733
733
|
const n = e.cloneNode(!0), o = n.querySelector("thead"), a = n.querySelector("tbody"), h = n.querySelector("tfoot");
|
|
734
734
|
if (r === "header") {
|
|
735
735
|
if (a && a.remove(), h && h.remove(), e.querySelector("tbody")) {
|
|
@@ -745,7 +745,7 @@ const pt = class pt extends HTMLElement {
|
|
|
745
745
|
l.remove();
|
|
746
746
|
}), n;
|
|
747
747
|
}, "#createSplitTable"));
|
|
748
|
-
E(this, "getRowHeight", /* @__PURE__ */ c(() => t(this,
|
|
748
|
+
E(this, "getRowHeight", /* @__PURE__ */ c(() => t(this, it).getRowHeight(), "getRowHeight"));
|
|
749
749
|
E(this, "scrollToX", /* @__PURE__ */ c((e) => {
|
|
750
750
|
const s = this.querySelector(".ng-container-body .ng-part-body");
|
|
751
751
|
s && (s.scrollLeft = e);
|
|
@@ -946,7 +946,7 @@ const pt = class pt extends HTMLElement {
|
|
|
946
946
|
</div>
|
|
947
947
|
`;
|
|
948
948
|
}, "#render"));
|
|
949
|
-
y(this,
|
|
949
|
+
y(this, it, new ce(this)), y(this, Ft, this.getRootNode().host);
|
|
950
950
|
}
|
|
951
951
|
connectedCallback() {
|
|
952
952
|
t(this, Ut).call(this);
|
|
@@ -955,7 +955,7 @@ const pt = class pt extends HTMLElement {
|
|
|
955
955
|
this.innerHTML = "", H.log("NineTableSheet destroyed.");
|
|
956
956
|
}
|
|
957
957
|
};
|
|
958
|
-
Ft = new WeakMap(),
|
|
958
|
+
Ft = new WeakMap(), st = new WeakMap(), it = new WeakMap(), Vt = new WeakMap(), Yt = new WeakMap(), ht = new WeakMap(), Ut = new WeakMap(), Xt = new WeakMap(), c(pt, "NineTableSheet"), E(pt, "SCROLLBAR_SIZE", 16);
|
|
959
959
|
let $t = pt;
|
|
960
960
|
customElements.get("nine-table-sheet") || customElements.define("nine-table-sheet", $t);
|
|
961
961
|
var Kt, Rt;
|
|
@@ -1164,44 +1164,44 @@ const Ne = class Ne {
|
|
|
1164
1164
|
};
|
|
1165
1165
|
M = new WeakMap(), Zt = new WeakMap(), Tt = new WeakMap(), Gt = new WeakMap(), c(Ne, "LayoutManager");
|
|
1166
1166
|
let fe = Ne;
|
|
1167
|
-
var kt,
|
|
1167
|
+
var kt, dt;
|
|
1168
1168
|
const We = class We {
|
|
1169
1169
|
constructor(i) {
|
|
1170
1170
|
d(this, kt);
|
|
1171
|
-
d(this,
|
|
1171
|
+
d(this, dt, -1);
|
|
1172
1172
|
E(this, "count", /* @__PURE__ */ c(() => t(this, kt).rawRecords.length, "count"));
|
|
1173
1173
|
y(this, kt, i);
|
|
1174
1174
|
}
|
|
1175
1175
|
get at() {
|
|
1176
|
-
return t(this,
|
|
1176
|
+
return t(this, dt);
|
|
1177
1177
|
}
|
|
1178
1178
|
set at(i) {
|
|
1179
|
-
y(this,
|
|
1179
|
+
y(this, dt, parseInt(i, 10)), body && !body.querySelector(`tbody.bindable tr[data-row="${t(this, dt)}"]`) && setTimeout(() => {
|
|
1180
1180
|
});
|
|
1181
1181
|
}
|
|
1182
1182
|
};
|
|
1183
|
-
kt = new WeakMap(),
|
|
1183
|
+
kt = new WeakMap(), dt = new WeakMap(), c(We, "ngRow");
|
|
1184
1184
|
let ue = We;
|
|
1185
|
-
var _, k, N,
|
|
1185
|
+
var _, k, N, ft, Jt, U, Qt, rt, Ct, te, ee, ut;
|
|
1186
1186
|
const z = class z {
|
|
1187
1187
|
constructor(i, e) {
|
|
1188
1188
|
d(this, _);
|
|
1189
1189
|
d(this, k);
|
|
1190
1190
|
d(this, N, []);
|
|
1191
|
-
d(this,
|
|
1191
|
+
d(this, ft, []);
|
|
1192
1192
|
d(this, Jt, 0);
|
|
1193
|
-
d(this,
|
|
1193
|
+
d(this, U, []);
|
|
1194
1194
|
d(this, Qt, /* @__PURE__ */ c(() => {
|
|
1195
|
-
y(this,
|
|
1195
|
+
y(this, U, []);
|
|
1196
1196
|
const i = t(this, _).template || [];
|
|
1197
1197
|
Array.from(i).forEach((e) => {
|
|
1198
1198
|
var s;
|
|
1199
|
-
t(this,
|
|
1199
|
+
t(this, U).push(((s = e.getBoundingClientRect) == null ? void 0 : s.call(e).height) || 24);
|
|
1200
1200
|
}), (t(this, k).rawRecords || []).forEach((e) => {
|
|
1201
|
-
e.__ng || (e.__ng = t(this, Ct).call(this)), e.__ng.height = t(this,
|
|
1201
|
+
e.__ng || (e.__ng = t(this, Ct).call(this)), e.__ng.height = t(this, U).slice();
|
|
1202
1202
|
});
|
|
1203
1203
|
}, "#initialize"));
|
|
1204
|
-
d(this,
|
|
1204
|
+
d(this, rt, /* @__PURE__ */ c(() => {
|
|
1205
1205
|
const i = t(this, _).shadowRoot.querySelector("nine-table-sheets");
|
|
1206
1206
|
i == null || i.classList.toggle("nodata", this.length === 0), t(this, _).shadowRoot.querySelectorAll("nine-table-sheet").forEach((e) => {
|
|
1207
1207
|
e.invalidate();
|
|
@@ -1211,33 +1211,33 @@ const z = class z {
|
|
|
1211
1211
|
var n;
|
|
1212
1212
|
const s = this.getValidData();
|
|
1213
1213
|
if (!s || s.length <= 0) return;
|
|
1214
|
-
if (i == null) return t(this,
|
|
1214
|
+
if (i == null) return t(this, ut).call(this, s);
|
|
1215
1215
|
if (i < 0 || i >= s.length) return null;
|
|
1216
1216
|
const r = typeof ((n = t(this, _).fields) == null ? void 0 : n.get) == "function" ? t(this, _).fields.get() : [];
|
|
1217
1217
|
if (e != null) {
|
|
1218
1218
|
const o = r.indexOf(e);
|
|
1219
1219
|
return o >= 0 ? s[i].v[o] : null;
|
|
1220
1220
|
}
|
|
1221
|
-
return t(this,
|
|
1221
|
+
return t(this, ut).call(this, s[i]);
|
|
1222
1222
|
}, "get"));
|
|
1223
1223
|
E(this, "set", /* @__PURE__ */ c((i) => {
|
|
1224
|
-
this.clear(), this.add(i, !1), t(this,
|
|
1224
|
+
this.clear(), this.add(i, !1), t(this, rt).call(this);
|
|
1225
1225
|
}, "set"));
|
|
1226
1226
|
d(this, Ct, /* @__PURE__ */ c(() => ({
|
|
1227
1227
|
rowState: z.ROW_STATE.EMPTY,
|
|
1228
1228
|
deleted: !1,
|
|
1229
1229
|
filtered: !1,
|
|
1230
|
-
height: t(this,
|
|
1230
|
+
height: t(this, U).slice(),
|
|
1231
1231
|
o: {},
|
|
1232
1232
|
c: {},
|
|
1233
|
-
_: [0, 0, 0, 0, z.ROW_STATE.EMPTY, !1, !1, !0, !1, !0, !0, !1, t(this,
|
|
1233
|
+
_: [0, 0, 0, 0, z.ROW_STATE.EMPTY, !1, !1, !0, !1, !0, !0, !1, t(this, U).slice(), -1, {}, {}]
|
|
1234
1234
|
}), "#getDefaultMeta"));
|
|
1235
1235
|
E(this, "reset", /* @__PURE__ */ c(() => {
|
|
1236
|
-
y(this, N, []), y(this,
|
|
1236
|
+
y(this, N, []), y(this, ft, []), t(this, rt).call(this);
|
|
1237
1237
|
}, "reset"));
|
|
1238
1238
|
E(this, "clear", /* @__PURE__ */ c(() => {
|
|
1239
1239
|
var i;
|
|
1240
|
-
t(this, k).rawRecords = [], y(this, N, []), y(this,
|
|
1240
|
+
t(this, k).rawRecords = [], y(this, N, []), y(this, ft, []), (i = t(this, k).viewRecords) != null && i.reset && t(this, k).viewRecords.reset();
|
|
1241
1241
|
}, "clear"));
|
|
1242
1242
|
d(this, te, /* @__PURE__ */ c((i) => {
|
|
1243
1243
|
var r;
|
|
@@ -1261,7 +1261,7 @@ const z = class z {
|
|
|
1261
1261
|
return e || s.forEach((n, o) => {
|
|
1262
1262
|
const a = t(this, k).rawRecords[r - o];
|
|
1263
1263
|
a && (a.__ng.rowState = z.ROW_STATE.EMPTY);
|
|
1264
|
-
}), t(this,
|
|
1264
|
+
}), t(this, rt).call(this), r;
|
|
1265
1265
|
}, "add"));
|
|
1266
1266
|
E(this, "delete", /* @__PURE__ */ c((i) => {
|
|
1267
1267
|
let e = [];
|
|
@@ -1272,7 +1272,7 @@ const z = class z {
|
|
|
1272
1272
|
n.__ng.rowid === r && (n.__ng.deleted = !0, n.__ng.rowState = z.ROW_STATE.DELETE);
|
|
1273
1273
|
});
|
|
1274
1274
|
}
|
|
1275
|
-
}), this.resetRecords(), t(this,
|
|
1275
|
+
}), this.resetRecords(), t(this, rt).call(this);
|
|
1276
1276
|
}, "delete"));
|
|
1277
1277
|
E(this, "setValue", /* @__PURE__ */ c((i, e, s) => {
|
|
1278
1278
|
var h;
|
|
@@ -1285,14 +1285,14 @@ const z = class z {
|
|
|
1285
1285
|
a !== s && o.__ng.rowState !== z.ROW_STATE.INSERT && (o.__ng.o.hasOwnProperty(e) || (o.__ng.o[e] = a), o.__ng.rowState = z.ROW_STATE.UPDATE), o.v[n] = s;
|
|
1286
1286
|
}, "setValue"));
|
|
1287
1287
|
E(this, "resetRecords", /* @__PURE__ */ c(() => {
|
|
1288
|
-
y(this,
|
|
1288
|
+
y(this, ft, t(this, k).rawRecords.filter((i) => !i.__ng.deleted)), y(this, N, t(this, k).rawRecords.filter((i) => !i.__ng.deleted && !i.__ng.filtered)), t(this, k).rawRecords.forEach((i, e) => {
|
|
1289
1289
|
i.__ng.rowidx = e;
|
|
1290
1290
|
}), t(this, N).forEach((i, e) => {
|
|
1291
1291
|
i.__ng.i = e;
|
|
1292
1292
|
});
|
|
1293
1293
|
}, "resetRecords"));
|
|
1294
1294
|
E(this, "getValidData", /* @__PURE__ */ c(() => (t(this, N).length === 0 && t(this, k).rawRecords.length > 0 && this.resetRecords(), t(this, N)), "getValidData"));
|
|
1295
|
-
d(this,
|
|
1295
|
+
d(this, ut, /* @__PURE__ */ c((i) => {
|
|
1296
1296
|
var o;
|
|
1297
1297
|
if (!i) return i;
|
|
1298
1298
|
const e = !Array.isArray(i), s = e ? [i] : i, r = typeof ((o = t(this, _).fields) == null ? void 0 : o.get) == "function" ? t(this, _).fields.get() : [], n = s.filter((a) => !a.__ng.deleted).map((a) => {
|
|
@@ -1307,7 +1307,7 @@ const z = class z {
|
|
|
1307
1307
|
y(this, _, i), y(this, k, e), t(this, Qt).call(this);
|
|
1308
1308
|
}
|
|
1309
1309
|
get source() {
|
|
1310
|
-
return t(this,
|
|
1310
|
+
return t(this, ut).call(this, t(this, k).rawRecords);
|
|
1311
1311
|
}
|
|
1312
1312
|
set source(i) {
|
|
1313
1313
|
this.clear(), this.add(i, !1);
|
|
@@ -1325,7 +1325,7 @@ const z = class z {
|
|
|
1325
1325
|
return this.length;
|
|
1326
1326
|
}
|
|
1327
1327
|
};
|
|
1328
|
-
_ = new WeakMap(), k = new WeakMap(), N = new WeakMap(),
|
|
1328
|
+
_ = new WeakMap(), k = new WeakMap(), N = new WeakMap(), ft = new WeakMap(), Jt = new WeakMap(), U = new WeakMap(), Qt = new WeakMap(), rt = new WeakMap(), Ct = new WeakMap(), te = new WeakMap(), ee = new WeakMap(), ut = new WeakMap(), c(z, "ngData"), // π― ν μν μ μ μμλ₯Ό ν΄λμ€ λ΄λΆλ‘ λ΄μ¬ν
|
|
1329
1329
|
E(z, "ROW_STATE", {
|
|
1330
1330
|
EMPTY: "EMPTY",
|
|
1331
1331
|
NORMAL: "NORMAL",
|
|
@@ -1334,13 +1334,13 @@ E(z, "ROW_STATE", {
|
|
|
1334
1334
|
DELETE: "DELETE"
|
|
1335
1335
|
});
|
|
1336
1336
|
let ge = z;
|
|
1337
|
-
var
|
|
1337
|
+
var nt;
|
|
1338
1338
|
const Oe = class Oe {
|
|
1339
1339
|
constructor(i) {
|
|
1340
|
-
d(this,
|
|
1341
|
-
y(this,
|
|
1340
|
+
d(this, nt);
|
|
1341
|
+
y(this, nt, i), this.row = new ue(this), this.data = new ge(t(this, nt), this), this.rawRecords = [], this.viewRecords = [], this.delRecords = [], this.pageCnt = 25, this.viewRecords.reset = () => {
|
|
1342
1342
|
var e;
|
|
1343
|
-
(e = t(this,
|
|
1343
|
+
(e = t(this, nt).view) != null && e.redraw && t(this, nt).view.redraw();
|
|
1344
1344
|
}, this.setDataSource = (e) => {
|
|
1345
1345
|
this.data && this.data.reset(), this.rawRecords = [], this.viewRecords = [], this.delRecords = [], this.data.set(e || []);
|
|
1346
1346
|
}, this.getRowState = (e) => {
|
|
@@ -1355,13 +1355,13 @@ const Oe = class Oe {
|
|
|
1355
1355
|
}, this.setDataSource([]);
|
|
1356
1356
|
}
|
|
1357
1357
|
};
|
|
1358
|
-
|
|
1358
|
+
nt = new WeakMap(), c(Oe, "ngDataManager");
|
|
1359
1359
|
let be = Oe;
|
|
1360
|
-
var
|
|
1360
|
+
var gt, L, Lt, se;
|
|
1361
1361
|
const ze = class ze {
|
|
1362
1362
|
// π― μ΄μ { name: string, type: string } κ°μ²΄λ€μ λ°°μ΄λ‘ κ΄λ¦¬ν©λλ€.
|
|
1363
1363
|
constructor(i) {
|
|
1364
|
-
d(this,
|
|
1364
|
+
d(this, gt);
|
|
1365
1365
|
d(this, L, []);
|
|
1366
1366
|
E(this, "add", /* @__PURE__ */ c((i, e = "string") => {
|
|
1367
1367
|
i.forEach((s) => {
|
|
@@ -1375,8 +1375,8 @@ const ze = class ze {
|
|
|
1375
1375
|
}), y(this, L, Array.from(i, ([e, s]) => ({ name: e, type: s }))), y(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);
|
|
1376
1376
|
}, "#adjust"));
|
|
1377
1377
|
d(this, se, /* @__PURE__ */ c(() => {
|
|
1378
|
-
y(this, L, []), H.log(t(this,
|
|
1379
|
-
const i = Array.from(t(this,
|
|
1378
|
+
y(this, L, []), H.log(t(this, gt).querySelectorAll("table"));
|
|
1379
|
+
const i = Array.from(t(this, gt).querySelectorAll("table"));
|
|
1380
1380
|
if (!(!i || i.length === 0)) {
|
|
1381
1381
|
for (const e of i)
|
|
1382
1382
|
H.log(e), $("[data-bind]", e).each((s, r) => {
|
|
@@ -1406,7 +1406,7 @@ const ze = class ze {
|
|
|
1406
1406
|
t(this, Lt).call(this);
|
|
1407
1407
|
}
|
|
1408
1408
|
}, "#init"));
|
|
1409
|
-
y(this,
|
|
1409
|
+
y(this, gt, i), t(this, se).call(this);
|
|
1410
1410
|
}
|
|
1411
1411
|
// π― κΈ°μ‘΄μ νλ μ΄λ¦λ§ μ°λ κ³³λ€κ³Όμ νΈνμ μν΄ μ΄λ¦ λ°°μ΄λ§ 리ν΄νλ λ©μλ μ μ§
|
|
1412
1412
|
get() {
|
|
@@ -1428,19 +1428,19 @@ const ze = class ze {
|
|
|
1428
1428
|
return t(this, L).some((e) => e.name === i);
|
|
1429
1429
|
}
|
|
1430
1430
|
};
|
|
1431
|
-
|
|
1431
|
+
gt = new WeakMap(), L = new WeakMap(), Lt = new WeakMap(), se = new WeakMap(), c(ze, "ngFields");
|
|
1432
1432
|
let ye = ze;
|
|
1433
|
-
var
|
|
1433
|
+
var ot, ie, re;
|
|
1434
1434
|
const Be = class Be extends HTMLElement {
|
|
1435
1435
|
constructor() {
|
|
1436
1436
|
super();
|
|
1437
1437
|
//#created = false;
|
|
1438
|
-
d(this,
|
|
1438
|
+
d(this, ot);
|
|
1439
1439
|
d(this, ie);
|
|
1440
1440
|
d(this, re, /* @__PURE__ */ c(() => {
|
|
1441
1441
|
this.fields = new ye(this), y(this, ie, new fe(this)), H.log("NineTable connected."), this.dispatchEvent(new CustomEvent("load", { bubbles: !0, detail: { target: this } }));
|
|
1442
1442
|
}, "#init"));
|
|
1443
|
-
this.attachShadow({ mode: "open" }), y(this,
|
|
1443
|
+
this.attachShadow({ mode: "open" }), y(this, ot, new be(this));
|
|
1444
1444
|
}
|
|
1445
1445
|
connectedCallback() {
|
|
1446
1446
|
t(this, re).call(this);
|
|
@@ -1450,18 +1450,18 @@ const Be = class Be extends HTMLElement {
|
|
|
1450
1450
|
}
|
|
1451
1451
|
// π― μΈλΆμμ grid.data.set(...) ννλ‘ μ κ·Όν μ μλλ‘ λ°μ΄ν° λ§€λμ μ€ν
|
|
1452
1452
|
get data() {
|
|
1453
|
-
return t(this,
|
|
1453
|
+
return t(this, ot).data;
|
|
1454
1454
|
}
|
|
1455
1455
|
// π― ν(row) κ΄λ ¨ μ μ΄ μ κ·Όμ μ€ν
|
|
1456
1456
|
get row() {
|
|
1457
|
-
return t(this,
|
|
1457
|
+
return t(this, ot).row;
|
|
1458
1458
|
}
|
|
1459
1459
|
// π― μ 체 λ°μ΄ν° λ§€λμ μ κ·Ό νμν κ²½μ°
|
|
1460
1460
|
get dataManager() {
|
|
1461
|
-
return t(this,
|
|
1461
|
+
return t(this, ot);
|
|
1462
1462
|
}
|
|
1463
1463
|
};
|
|
1464
|
-
|
|
1464
|
+
ot = new WeakMap(), ie = new WeakMap(), re = new WeakMap(), c(Be, "NineTable");
|
|
1465
1465
|
let pe = Be;
|
|
1466
1466
|
customElements.get("nine-table") || customElements.define("nine-table", pe);
|
|
1467
1467
|
const mt = class mt extends HTMLElement {
|
|
@@ -1588,16 +1588,16 @@ const Pe = class Pe extends ve {
|
|
|
1588
1588
|
};
|
|
1589
1589
|
c(Pe, "EditableCellElement");
|
|
1590
1590
|
let xe = Pe;
|
|
1591
|
-
var Mt,
|
|
1591
|
+
var Mt, at, bt, yt, ne, X, Le;
|
|
1592
1592
|
const je = class je extends xe {
|
|
1593
1593
|
constructor() {
|
|
1594
1594
|
super();
|
|
1595
1595
|
d(this, Mt);
|
|
1596
|
-
d(this,
|
|
1597
|
-
d(this, gt);
|
|
1596
|
+
d(this, at);
|
|
1598
1597
|
d(this, bt);
|
|
1598
|
+
d(this, yt);
|
|
1599
1599
|
d(this, ne);
|
|
1600
|
-
d(this,
|
|
1600
|
+
d(this, X);
|
|
1601
1601
|
E(this, "refresh", /* @__PURE__ */ c(() => {
|
|
1602
1602
|
const e = super.refresh();
|
|
1603
1603
|
t(this, Mt).value = e;
|
|
@@ -1634,20 +1634,20 @@ const je = class je extends xe {
|
|
|
1634
1634
|
*/
|
|
1635
1635
|
d(this, Le, /* @__PURE__ */ c((e) => {
|
|
1636
1636
|
if (!["Escape", "Enter", "Tab", "Home", "End", "ArrowLeft", "ArrowRight", "PageUp", "PageDown", "Backspace", "Delete"].includes(e.code)) {
|
|
1637
|
-
if (t(this,
|
|
1637
|
+
if (t(this, at) == "number") {
|
|
1638
1638
|
let n = [];
|
|
1639
|
-
if (t(this,
|
|
1639
|
+
if (t(this, X) && Number(t(this, X)) > 0 && n.push("."), t(this, yt) && Number(t(this, yt)) >= 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) {
|
|
1640
1640
|
var s = e.target.value, r = s.indexOf(".");
|
|
1641
1641
|
if (r >= 0) {
|
|
1642
1642
|
var s = s.substr(r + 1, s.length);
|
|
1643
|
-
s.length >= Number(t(this,
|
|
1643
|
+
s.length >= Number(t(this, X)) && e.preventDefault();
|
|
1644
1644
|
}
|
|
1645
1645
|
}
|
|
1646
1646
|
}
|
|
1647
|
-
t(this,
|
|
1647
|
+
t(this, bt) && ninegrid.getByteLength(e.target.value) >= Number(t(this, bt)) && e.target.selectionStart == e.target.selectionEnd && e.preventDefault();
|
|
1648
1648
|
}
|
|
1649
1649
|
}, "#onKeyDown"));
|
|
1650
|
-
if (this.applyBaseStyle(), y(this,
|
|
1650
|
+
if (this.applyBaseStyle(), y(this, at, this.getAttribute("type") || "text"), y(this, bt, this.getAttribute("maxbyte")), y(this, yt, this.getAttribute("min")), y(this, ne, this.getAttribute("max")), y(this, X, this.getAttribute("scale")), !["text", "number"].includes(t(this, at))) throw `invalid type : ${t(this, at)}`;
|
|
1651
1651
|
}
|
|
1652
1652
|
connectedCallback() {
|
|
1653
1653
|
for (var e = [], s = 0; s < this.attributes.length; s++)
|
|
@@ -1660,7 +1660,7 @@ const je = class je extends xe {
|
|
|
1660
1660
|
`, super.connectedCallback(), y(this, Mt, this.querySelector("input"));
|
|
1661
1661
|
}
|
|
1662
1662
|
};
|
|
1663
|
-
Mt = new WeakMap(),
|
|
1663
|
+
Mt = new WeakMap(), at = new WeakMap(), bt = new WeakMap(), yt = new WeakMap(), ne = new WeakMap(), X = new WeakMap(), Le = new WeakMap(), c(je, "CellInputText");
|
|
1664
1664
|
let we = je;
|
|
1665
1665
|
customElements.get("cell-input-text");
|
|
1666
1666
|
customElements.get("cell-input") || customElements.define("cell-input", we);
|