@ninebone/table 0.0.356 β 0.0.357
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 +202 -195
- package/dist/nine-table.js.map +1 -1
- package/dist/nine-table.umd.js +5 -5
- package/dist/nine-table.umd.js.map +1 -1
- package/package.json +1 -1
package/dist/nine-table.js
CHANGED
|
@@ -5,7 +5,7 @@ var be = (m) => {
|
|
|
5
5
|
var pe = (m, i, e) => i in m ? ue(m, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : m[i] = e;
|
|
6
6
|
var a = (m, i) => ue(m, "name", { value: i, configurable: !0 });
|
|
7
7
|
var x = (m, i, e) => pe(m, typeof i != "symbol" ? i + "" : i, e), ge = (m, i, e) => i.has(m) || be("Cannot " + e);
|
|
8
|
-
var t = (m, i, e) => (ge(m, i, "read from private field"), e ? e.call(m) : i.get(m)),
|
|
8
|
+
var t = (m, i, e) => (ge(m, i, "read from private field"), e ? e.call(m) : i.get(m)), h = (m, i, e) => i.has(m) ? be("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(m) : i.set(m, e), b = (m, i, e, s) => (ge(m, i, "write to private field"), s ? s.call(m, e) : i.set(m, e), e);
|
|
9
9
|
var ye = (m, i, e, s) => ({
|
|
10
10
|
set _(o) {
|
|
11
11
|
b(m, i, o, e);
|
|
@@ -23,17 +23,17 @@ const se = class se extends me.constructor {
|
|
|
23
23
|
a(se, "Trace");
|
|
24
24
|
let Xt = se;
|
|
25
25
|
const D = new Xt();
|
|
26
|
-
var _, I, y, B, N, P,
|
|
26
|
+
var _, I, y, B, N, P, vt, Y, wt;
|
|
27
27
|
const ne = class ne extends HTMLElement {
|
|
28
28
|
constructor() {
|
|
29
29
|
super();
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
30
|
+
h(this, _);
|
|
31
|
+
h(this, I, !1);
|
|
32
|
+
h(this, y);
|
|
33
|
+
h(this, B);
|
|
34
|
+
h(this, N);
|
|
35
|
+
h(this, P);
|
|
36
|
+
h(this, vt, /* @__PURE__ */ a(() => {
|
|
37
37
|
if (!t(this, _)) return;
|
|
38
38
|
const e = t(this, _).querySelector(".ng-container-body");
|
|
39
39
|
e && (b(this, P, new ResizeObserver(() => {
|
|
@@ -44,8 +44,8 @@ const ne = class ne extends HTMLElement {
|
|
|
44
44
|
if (!t(this, _) || !t(this, y) || t(this, I)) return;
|
|
45
45
|
const e = t(this, y).container, s = e.querySelector("table");
|
|
46
46
|
if (!s) return;
|
|
47
|
-
const o = t(this, y).track, r = t(this, y).thumb, n = t(this, _).querySelector(".ng-container-bottom"), l = e.clientWidth,
|
|
48
|
-
if (l !== 0 &&
|
|
47
|
+
const o = t(this, y).track, r = t(this, y).thumb, n = t(this, _).querySelector(".ng-container-bottom"), l = e.clientWidth, c = s.scrollWidth;
|
|
48
|
+
if (l !== 0 && c > l)
|
|
49
49
|
n && (n.style.display = "flex");
|
|
50
50
|
else {
|
|
51
51
|
n && (n.style.display = "none");
|
|
@@ -53,27 +53,27 @@ const ne = class ne extends HTMLElement {
|
|
|
53
53
|
}
|
|
54
54
|
const d = o.clientWidth;
|
|
55
55
|
if (d <= 0) return;
|
|
56
|
-
const f = Math.max(Math.min(d * (l /
|
|
56
|
+
const f = Math.max(Math.min(d * (l / c), d), 20);
|
|
57
57
|
r.style.width = `${f}px`;
|
|
58
|
-
const u = e.scrollLeft, g =
|
|
58
|
+
const u = e.scrollLeft, g = c - l;
|
|
59
59
|
let p = 0;
|
|
60
60
|
g > 0 && (p = parseInt(u / g * (d - f), 10)), p < 0 && (p = 0);
|
|
61
61
|
const E = d - f;
|
|
62
62
|
p > E && (p = E), r.style.left = `${p}px`, D.log(p), t(this, y).left.disabled = p === 0, t(this, y).right.disabled = p >= E - 1;
|
|
63
63
|
}, "refresh"));
|
|
64
|
-
|
|
64
|
+
h(this, Y, /* @__PURE__ */ a((e) => {
|
|
65
65
|
if (!t(this, y)) return !1;
|
|
66
66
|
const s = t(this, y).container, o = s.querySelector("table");
|
|
67
67
|
if (!o) return !1;
|
|
68
68
|
const r = t(this, y).track.getBoundingClientRect(), n = t(this, y).thumb.clientWidth;
|
|
69
69
|
let l = e;
|
|
70
70
|
l < 0 && (l = 0);
|
|
71
|
-
const
|
|
72
|
-
l >
|
|
71
|
+
const c = r.width - n;
|
|
72
|
+
l > c && (l = c), l = parseInt(l, 10), t(this, y).thumb.style.left = `${l}px`, t(this, y).left.disabled = l === 0, t(this, y).right.disabled = l >= c - 1;
|
|
73
73
|
const d = s.clientWidth, u = o.scrollWidth - d;
|
|
74
|
-
return
|
|
74
|
+
return c > 0 && u > 0 && (s.scrollLeft = l / c * u), l > 0 && l < c - 1;
|
|
75
75
|
}, "#thumbMoveTo"));
|
|
76
|
-
|
|
76
|
+
h(this, wt, /* @__PURE__ */ a(() => {
|
|
77
77
|
const e = /* @__PURE__ */ a((o) => {
|
|
78
78
|
clearInterval(t(this, B)), clearInterval(t(this, N));
|
|
79
79
|
const r = parseInt(t(this, y).thumb.style.left || 0, 10);
|
|
@@ -102,8 +102,8 @@ const ne = class ne extends HTMLElement {
|
|
|
102
102
|
o.stopPropagation(), o.preventDefault(), b(this, I, !0), this.shiftX = o.clientX - t(this, y).thumb.getBoundingClientRect().left;
|
|
103
103
|
const r = /* @__PURE__ */ a((l) => {
|
|
104
104
|
if (!t(this, I)) return;
|
|
105
|
-
const
|
|
106
|
-
t(this, Y).call(this, l.clientX -
|
|
105
|
+
const c = t(this, y).track.getBoundingClientRect();
|
|
106
|
+
t(this, Y).call(this, l.clientX - c.left - this.shiftX);
|
|
107
107
|
}, "onMouseMove"), n = /* @__PURE__ */ a(() => {
|
|
108
108
|
b(this, I, !1), s(), document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", n), this.refresh();
|
|
109
109
|
}, "onMouseUp");
|
|
@@ -190,7 +190,7 @@ const ne = class ne extends HTMLElement {
|
|
|
190
190
|
right: this.querySelector(".ng-scroll-right")
|
|
191
191
|
}), s.addEventListener("scroll", () => {
|
|
192
192
|
t(this, I) || this.refresh();
|
|
193
|
-
}), t(this,
|
|
193
|
+
}), t(this, wt).call(this), t(this, vt).call(this), this.refresh();
|
|
194
194
|
}, "initWhenReady");
|
|
195
195
|
e();
|
|
196
196
|
}
|
|
@@ -198,18 +198,18 @@ const ne = class ne extends HTMLElement {
|
|
|
198
198
|
t(this, P) && t(this, P).disconnect();
|
|
199
199
|
}
|
|
200
200
|
};
|
|
201
|
-
_ = new WeakMap(), I = new WeakMap(), y = new WeakMap(), B = new WeakMap(), N = new WeakMap(), P = new WeakMap(),
|
|
201
|
+
_ = new WeakMap(), I = new WeakMap(), y = new WeakMap(), B = new WeakMap(), N = new WeakMap(), P = new WeakMap(), vt = new WeakMap(), Y = new WeakMap(), wt = new WeakMap(), a(ne, "NineTableHScrollBar");
|
|
202
202
|
let jt = ne;
|
|
203
203
|
customElements.get("nine-table-hscrollbar") || customElements.define("nine-table-hscrollbar", jt);
|
|
204
|
-
var V, W, w, lt, at,
|
|
204
|
+
var V, W, w, lt, at, St;
|
|
205
205
|
const oe = class oe extends HTMLElement {
|
|
206
206
|
constructor() {
|
|
207
207
|
super();
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
208
|
+
h(this, V);
|
|
209
|
+
h(this, W, !1);
|
|
210
|
+
h(this, w);
|
|
211
|
+
h(this, lt, 0);
|
|
212
|
+
h(this, at, 0);
|
|
213
213
|
/**
|
|
214
214
|
* π― μ€ν¬λ‘€λ° μμΉ λ° μΈλΈ ν¬κΈ° κ°±μ
|
|
215
215
|
*/
|
|
@@ -223,17 +223,17 @@ const oe = class oe extends HTMLElement {
|
|
|
223
223
|
return;
|
|
224
224
|
} else
|
|
225
225
|
r.style.display = "block";
|
|
226
|
-
const
|
|
227
|
-
if (
|
|
228
|
-
const d = Math.max(Math.min(
|
|
226
|
+
const c = o.clientHeight;
|
|
227
|
+
if (c <= 0) return;
|
|
228
|
+
const d = Math.max(Math.min(c * (n / l), c), 20);
|
|
229
229
|
r.style.height = `${d}px`;
|
|
230
230
|
const f = e.scrollTop, u = l - n;
|
|
231
231
|
let g = 0;
|
|
232
|
-
u > 0 && (g = f / u * (
|
|
233
|
-
const p =
|
|
232
|
+
u > 0 && (g = f / u * (c - d));
|
|
233
|
+
const p = c - d;
|
|
234
234
|
g < 0 && (g = 0), g > p && (g = p), r.style.top = `${g}px`, t(this, w).top.disabled = f <= 0, t(this, w).bottom.disabled = f >= u - 1;
|
|
235
235
|
}, "refresh"));
|
|
236
|
-
|
|
236
|
+
h(this, St, /* @__PURE__ */ a(() => {
|
|
237
237
|
const e = t(this, w).container;
|
|
238
238
|
e.addEventListener("scroll", () => {
|
|
239
239
|
t(this, W) || this.refresh();
|
|
@@ -242,12 +242,12 @@ const oe = class oe extends HTMLElement {
|
|
|
242
242
|
s.stopPropagation(), s.preventDefault(), b(this, W, !0), b(this, lt, s.clientY), b(this, at, e.scrollTop);
|
|
243
243
|
const o = /* @__PURE__ */ a((n) => {
|
|
244
244
|
if (!t(this, W)) return;
|
|
245
|
-
const l = t(this, w).track.getBoundingClientRect(),
|
|
245
|
+
const l = t(this, w).track.getBoundingClientRect(), c = t(this, w).thumb.clientHeight, f = l.height - c, u = n.clientY - t(this, lt), g = e.clientHeight, p = e.querySelector("table");
|
|
246
246
|
D.log(p), D.log(p.scrollHeight);
|
|
247
247
|
const H = p.scrollHeight - g;
|
|
248
248
|
if (f > 0 && H > 0) {
|
|
249
|
-
const
|
|
250
|
-
e.scrollTop = t(this, at) +
|
|
249
|
+
const mt = u / f * H;
|
|
250
|
+
e.scrollTop = t(this, at) + mt;
|
|
251
251
|
}
|
|
252
252
|
this.refresh();
|
|
253
253
|
}, "onMouseMove"), r = /* @__PURE__ */ a(() => {
|
|
@@ -256,9 +256,9 @@ const oe = class oe extends HTMLElement {
|
|
|
256
256
|
document.addEventListener("mousemove", o), document.addEventListener("mouseup", r);
|
|
257
257
|
}), t(this, w).track.addEventListener("mousedown", (s) => {
|
|
258
258
|
if (s.button !== 0 || s.target === t(this, w).thumb) return;
|
|
259
|
-
const o = t(this, w).track.getBoundingClientRect(), r = t(this, w).thumb.clientHeight, n = s.clientY - o.top - r / 2,
|
|
260
|
-
if (
|
|
261
|
-
const g = Math.max(0, Math.min(1, n /
|
|
259
|
+
const o = t(this, w).track.getBoundingClientRect(), r = t(this, w).thumb.clientHeight, n = s.clientY - o.top - r / 2, c = o.height - r, d = e.clientHeight, u = e.querySelector("table").scrollHeight - d;
|
|
260
|
+
if (c > 0 && u > 0) {
|
|
261
|
+
const g = Math.max(0, Math.min(1, n / c));
|
|
262
262
|
e.scrollTop = g * u;
|
|
263
263
|
}
|
|
264
264
|
this.refresh();
|
|
@@ -346,15 +346,15 @@ const oe = class oe extends HTMLElement {
|
|
|
346
346
|
thumb: this.querySelector(".ng-scroll-thumb"),
|
|
347
347
|
top: this.querySelector(".ng-scroll-top"),
|
|
348
348
|
bottom: this.querySelector(".ng-scroll-bottom")
|
|
349
|
-
}), t(this,
|
|
349
|
+
}), t(this, St).call(this), this.refresh();
|
|
350
350
|
}, "initWhenReady");
|
|
351
351
|
e();
|
|
352
352
|
}
|
|
353
353
|
};
|
|
354
|
-
V = new WeakMap(), W = new WeakMap(), w = new WeakMap(), lt = new WeakMap(), at = new WeakMap(),
|
|
354
|
+
V = new WeakMap(), W = new WeakMap(), w = new WeakMap(), lt = new WeakMap(), at = new WeakMap(), St = new WeakMap(), a(oe, "NineTableVScrollBar");
|
|
355
355
|
let Ut = oe;
|
|
356
356
|
customElements.get("nine-table-vscrollbar") || customElements.define("nine-table-vscrollbar", Ut);
|
|
357
|
-
var
|
|
357
|
+
var Et, G;
|
|
358
358
|
const C = class C {
|
|
359
359
|
/**
|
|
360
360
|
* π― λ μ΄μμ λ΄μ μ¬λ¬ rawTables λ°°μ΄μ μΌκ΄λ‘ λ°μ λ¨μΌ λ§μ€ν° ν
νλ¦ΏμΌλ‘ μ¬μ μ»΄νμΌν©λλ€.
|
|
@@ -369,15 +369,15 @@ const C = class C {
|
|
|
369
369
|
var o, r, n, l;
|
|
370
370
|
if (!i) return null;
|
|
371
371
|
const e = i.cloneNode(!0);
|
|
372
|
-
return t(o = C,
|
|
373
|
-
const f =
|
|
372
|
+
return t(o = C, Et).call(o, e), t(r = C, G).call(r, e, "thead"), t(n = C, G).call(n, e, "tbody"), t(l = C, G).call(l, e, "tfoot"), Array.from(e.querySelectorAll("colgroup col")).forEach((c, d) => {
|
|
373
|
+
const f = c.getAttribute("fixed");
|
|
374
374
|
f && e.querySelectorAll(`thead [data-col="${d}"], tbody [data-col="${d}"], tfoot [data-col="${d}"]`).forEach((u) => {
|
|
375
375
|
u.setAttribute("fixed", f);
|
|
376
376
|
});
|
|
377
377
|
}), e;
|
|
378
378
|
}
|
|
379
379
|
};
|
|
380
|
-
|
|
380
|
+
Et = new WeakMap(), G = new WeakMap(), a(C, "TableCompiler"), h(C, Et, /* @__PURE__ */ a((i) => {
|
|
381
381
|
if (!i.querySelector("colgroup")) {
|
|
382
382
|
const e = i.querySelector("tbody tr") || i.querySelector("tr"), s = e ? e.querySelectorAll("th, td").length : 1, o = document.createElement("colgroup"), r = Math.max(Math.floor(i.clientWidth / s), 100);
|
|
383
383
|
for (let n = 0; n < s; n++) {
|
|
@@ -391,18 +391,18 @@ St = new WeakMap(), Z = new WeakMap(), a(C, "TableCompiler"), c(C, St, /* @__PUR
|
|
|
391
391
|
s ? s.after(e) : i.prepend(e);
|
|
392
392
|
}
|
|
393
393
|
i.classList.add("nine-table-element"), i.style.display = "table";
|
|
394
|
-
}, "#ensureTableStructure")),
|
|
394
|
+
}, "#ensureTableStructure")), h(C, G, /* @__PURE__ */ a((i, e) => {
|
|
395
395
|
const s = Array.from(i.querySelectorAll(e + " tr")), o = Array.from(i.querySelectorAll(e + " th," + e + " td")), r = s.length;
|
|
396
396
|
if (r === 0 || o.length === 0) return;
|
|
397
397
|
let n = 0;
|
|
398
|
-
o.forEach((
|
|
399
|
-
n +=
|
|
398
|
+
o.forEach((c) => {
|
|
399
|
+
n += c.colSpan || 1;
|
|
400
400
|
});
|
|
401
401
|
const l = Array.from(Array(r), () => Array(n).fill(null));
|
|
402
|
-
s.forEach((
|
|
403
|
-
const d =
|
|
402
|
+
s.forEach((c) => {
|
|
403
|
+
const d = c.sectionRowIndex;
|
|
404
404
|
let f = 0;
|
|
405
|
-
Array.from(
|
|
405
|
+
Array.from(c.querySelectorAll("th,td")).forEach((u) => {
|
|
406
406
|
for (let E = 0; E < l[d].length; E++)
|
|
407
407
|
if (l[d][E] === null) {
|
|
408
408
|
f = E;
|
|
@@ -413,9 +413,9 @@ St = new WeakMap(), Z = new WeakMap(), a(C, "TableCompiler"), c(C, St, /* @__PUR
|
|
|
413
413
|
for (let H = 0; H < p; H++)
|
|
414
414
|
d + E < r && f + H < n && (l[d + E][f + H] = E === 0 && H === 0 ? "1" : "0");
|
|
415
415
|
});
|
|
416
|
-
}), s.forEach((
|
|
417
|
-
const d =
|
|
418
|
-
Array.from(
|
|
416
|
+
}), s.forEach((c) => {
|
|
417
|
+
const d = c.sectionRowIndex;
|
|
418
|
+
Array.from(c.querySelectorAll("th,td")).forEach((f) => {
|
|
419
419
|
for (let u = 0; u < l[d].length; u++)
|
|
420
420
|
if (l[d][u] === "1") {
|
|
421
421
|
f.dataset.col = u, l[d][u] = "0";
|
|
@@ -425,17 +425,17 @@ St = new WeakMap(), Z = new WeakMap(), a(C, "TableCompiler"), c(C, St, /* @__PUR
|
|
|
425
425
|
});
|
|
426
426
|
}, "#resetColIndex"));
|
|
427
427
|
let Ft = C;
|
|
428
|
-
var
|
|
428
|
+
var X, v, M, A, O, j, J, Q, Rt, At, ct, ht, qt, Tt, dt, kt, tt, ft;
|
|
429
429
|
const re = class re {
|
|
430
430
|
constructor(i) {
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
431
|
+
h(this, X);
|
|
432
|
+
h(this, v);
|
|
433
|
+
h(this, M, /* @__PURE__ */ new Map());
|
|
434
|
+
h(this, A, null);
|
|
435
|
+
h(this, O, null);
|
|
436
|
+
h(this, j, 0);
|
|
437
|
+
h(this, J, 40);
|
|
438
|
+
h(this, Q, !1);
|
|
439
439
|
x(this, "refresh", /* @__PURE__ */ a(() => {
|
|
440
440
|
var e;
|
|
441
441
|
const i = t(this, v).querySelector(".ng-container-body");
|
|
@@ -454,7 +454,7 @@ const re = class re {
|
|
|
454
454
|
});
|
|
455
455
|
const i = t(this, v).querySelector(".ng-container-body"), e = t(this, v).querySelector(".ng-container-left"), s = t(this, v).querySelector(".ng-container-right");
|
|
456
456
|
if (i) {
|
|
457
|
-
t(this,
|
|
457
|
+
t(this, At).call(this, i), t(this, dt).call(this), t(this, ct).call(this), t(this, tt).call(this, i.scrollTop);
|
|
458
458
|
let o = i.scrollTop;
|
|
459
459
|
const r = /* @__PURE__ */ a((n) => {
|
|
460
460
|
var l;
|
|
@@ -466,7 +466,7 @@ const re = class re {
|
|
|
466
466
|
});
|
|
467
467
|
}
|
|
468
468
|
}, "initialize"));
|
|
469
|
-
|
|
469
|
+
h(this, Rt, /* @__PURE__ */ a((i, e) => {
|
|
470
470
|
const s = t(this, M).get(e);
|
|
471
471
|
if (!s || s.length === 0) return;
|
|
472
472
|
const o = i.querySelector("tbody.bindable-tbody");
|
|
@@ -474,12 +474,12 @@ const re = class re {
|
|
|
474
474
|
o.querySelectorAll("tr:not(.nodata)").forEach((l) => l.remove());
|
|
475
475
|
const r = o.querySelector("tr.nodata"), n = document.createDocumentFragment();
|
|
476
476
|
for (let l = 0; l < t(this, J); l++)
|
|
477
|
-
s.forEach((
|
|
478
|
-
n.appendChild(
|
|
477
|
+
s.forEach((c) => {
|
|
478
|
+
n.appendChild(c.cloneNode(!0));
|
|
479
479
|
});
|
|
480
480
|
r ? r.before(n) : o.appendChild(n);
|
|
481
481
|
}, "#renderRows"));
|
|
482
|
-
|
|
482
|
+
h(this, At, /* @__PURE__ */ a((i) => {
|
|
483
483
|
if (t(this, A) !== null && t(this, A) > 0)
|
|
484
484
|
return t(this, A);
|
|
485
485
|
const e = t(this, M).get(".ng-container-body");
|
|
@@ -491,44 +491,44 @@ const re = class re {
|
|
|
491
491
|
e.forEach((g) => {
|
|
492
492
|
r.appendChild(g.cloneNode(!0));
|
|
493
493
|
}), o ? o.before(r) : s.appendChild(r);
|
|
494
|
-
const n = t(this, v), l = n.style.display,
|
|
494
|
+
const n = t(this, v), l = n.style.display, c = n.style.visibility, d = n.style.position;
|
|
495
495
|
(l === "none" || window.getComputedStyle(n).display === "none") && (n.style.display = "block", n.style.visibility = "hidden", n.style.position = "absolute");
|
|
496
496
|
let f = 0;
|
|
497
497
|
const u = s.querySelectorAll("tr:not(.nodata)");
|
|
498
498
|
return u.forEach((g) => {
|
|
499
499
|
f += g.offsetHeight || g.getBoundingClientRect().height;
|
|
500
|
-
}), u.forEach((g) => g.remove()), n.style.display = l, n.style.visibility =
|
|
500
|
+
}), u.forEach((g) => g.remove()), n.style.display = l, n.style.visibility = c, n.style.position = d, b(this, A, f > 0 ? f : 24), t(this, ht).call(this), t(this, A);
|
|
501
501
|
}, "#measureAndCacheHeight"));
|
|
502
|
-
|
|
502
|
+
h(this, ct, /* @__PURE__ */ a(() => {
|
|
503
503
|
if (!t(this, v).querySelector(".ng-container-body")) return;
|
|
504
|
-
const e = t(this,
|
|
504
|
+
const e = t(this, X).data.get() || [], s = e.length > 0 ? e.length : 100, o = t(this, A), r = s * o;
|
|
505
505
|
[".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((n) => {
|
|
506
|
-
const l = t(this, v).querySelector(n),
|
|
507
|
-
|
|
506
|
+
const l = t(this, v).querySelector(n), c = l == null ? void 0 : l.querySelector("table");
|
|
507
|
+
c && (c.style.height = `${r}px`);
|
|
508
508
|
});
|
|
509
509
|
}, "#updateVirtualScrollHeight"));
|
|
510
|
-
|
|
511
|
-
if (t(this,
|
|
512
|
-
const i = Math.ceil(t(this,
|
|
510
|
+
h(this, ht, /* @__PURE__ */ a(() => {
|
|
511
|
+
if (t(this, j) > 0 && t(this, A) > 0) {
|
|
512
|
+
const i = Math.ceil(t(this, j) / t(this, A));
|
|
513
513
|
b(this, J, i + 20);
|
|
514
514
|
} else
|
|
515
515
|
b(this, J, 40);
|
|
516
516
|
}, "#updateRowCount"));
|
|
517
|
-
|
|
518
|
-
var
|
|
517
|
+
h(this, qt, /* @__PURE__ */ a(() => {
|
|
518
|
+
var c, d, f;
|
|
519
519
|
const i = t(this, v).querySelector(".ng-container-left table"), e = t(this, v).querySelector(".ng-container-body table"), s = t(this, v).querySelector(".ng-container-right table");
|
|
520
520
|
if (!e) return;
|
|
521
521
|
const o = i ? Array.from(i.querySelectorAll("tr")) : [], r = Array.from(e.querySelectorAll("tr")), n = s ? Array.from(s.querySelectorAll("tr")) : [], l = Math.max(o.length, r.length, n.length);
|
|
522
522
|
for (let u = 0; u < l; u++) {
|
|
523
523
|
const g = [
|
|
524
|
-
((
|
|
524
|
+
((c = o[u]) == null ? void 0 : c.getBoundingClientRect().height) || 0,
|
|
525
525
|
((d = r[u]) == null ? void 0 : d.getBoundingClientRect().height) || 0,
|
|
526
526
|
((f = n[u]) == null ? void 0 : f.getBoundingClientRect().height) || 0
|
|
527
527
|
], p = Math.max(...g);
|
|
528
528
|
p > 0 && (o[u] && (o[u].style.height = `${p}px`), r[u] && (r[u].style.height = `${p}px`), n[u] && (n[u].style.height = `${p}px`));
|
|
529
529
|
}
|
|
530
530
|
}, "#syncRowHeights"));
|
|
531
|
-
|
|
531
|
+
h(this, Tt, /* @__PURE__ */ a(() => {
|
|
532
532
|
!t(this, v) || !(t(this, v) instanceof HTMLElement) || (b(this, O, new ResizeObserver((i) => {
|
|
533
533
|
for (const e of i) {
|
|
534
534
|
const s = e.target;
|
|
@@ -539,25 +539,32 @@ const re = class re {
|
|
|
539
539
|
const n = s.querySelector("thead");
|
|
540
540
|
n && (r += n.offsetHeight || n.getBoundingClientRect().height);
|
|
541
541
|
const l = Math.max(o - r, 100);
|
|
542
|
-
t(this,
|
|
542
|
+
t(this, j) !== l && (b(this, j, l), t(this, ht).call(this), t(this, A) !== null && t(this, dt).call(this));
|
|
543
543
|
}
|
|
544
544
|
}
|
|
545
545
|
})), t(this, O).observe(t(this, v)));
|
|
546
546
|
}, "#initResizeObserver"));
|
|
547
|
-
|
|
547
|
+
h(this, dt, /* @__PURE__ */ a(() => {
|
|
548
548
|
[".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((i) => {
|
|
549
549
|
const e = t(this, v).querySelector(i);
|
|
550
|
-
e && e.querySelector("tbody.bindable-tbody") && t(this,
|
|
551
|
-
}), t(this,
|
|
550
|
+
e && e.querySelector("tbody.bindable-tbody") && t(this, Rt).call(this, e, i);
|
|
551
|
+
}), t(this, qt).call(this);
|
|
552
552
|
}, "#renderAllContainers"));
|
|
553
|
-
|
|
554
|
-
|
|
555
|
-
|
|
556
|
-
const
|
|
557
|
-
|
|
553
|
+
h(this, kt, /* @__PURE__ */ a((i) => {
|
|
554
|
+
[".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((e) => {
|
|
555
|
+
var l;
|
|
556
|
+
const s = t(this, v).querySelector(e);
|
|
557
|
+
if (!s) return;
|
|
558
|
+
const o = s.querySelector("tbody.bindable-tbody");
|
|
559
|
+
if (!o) return;
|
|
560
|
+
const r = Array.from(o.querySelectorAll("tr:not(.nodata)")), n = ((l = t(this, M).get(e)) == null ? void 0 : l.length) || 1;
|
|
561
|
+
r.forEach((c, d) => {
|
|
562
|
+
const f = i + Math.floor(d / n), u = t(this, X).data.get(f);
|
|
563
|
+
c.style.display = "", t(this, ft).call(this, c, u, f);
|
|
564
|
+
});
|
|
558
565
|
});
|
|
559
566
|
}, "#adjustBufferRows"));
|
|
560
|
-
|
|
567
|
+
h(this, tt, /* @__PURE__ */ a((i) => {
|
|
561
568
|
var r;
|
|
562
569
|
const e = t(this, A);
|
|
563
570
|
if (!e || e <= 0) return;
|
|
@@ -565,17 +572,17 @@ const re = class re {
|
|
|
565
572
|
[".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((n) => {
|
|
566
573
|
const l = t(this, v).querySelector(n);
|
|
567
574
|
if (!l) return;
|
|
568
|
-
const
|
|
569
|
-
if (!
|
|
570
|
-
Array.from(
|
|
571
|
-
const g = s + Math.floor(u / o), p = t(this,
|
|
572
|
-
f.style.display = "", t(this,
|
|
575
|
+
const c = l.querySelector("tbody.bindable-tbody");
|
|
576
|
+
if (!c) return;
|
|
577
|
+
Array.from(c.querySelectorAll("tr:not(.nodata)")).forEach((f, u) => {
|
|
578
|
+
const g = s + Math.floor(u / o), p = t(this, X).data.get(g);
|
|
579
|
+
f.style.display = "", t(this, ft).call(this, f, p, g);
|
|
573
580
|
});
|
|
574
581
|
}), t(this, Q) || (b(this, Q, !0), setTimeout(() => {
|
|
575
|
-
t(this,
|
|
582
|
+
t(this, kt).call(this, s), b(this, Q, !1);
|
|
576
583
|
}, 0));
|
|
577
584
|
}, "#handleScroll"));
|
|
578
|
-
|
|
585
|
+
h(this, ft, /* @__PURE__ */ a((i, e, s) => {
|
|
579
586
|
i.dataset.row = s, Array.from(i.cells).forEach((o, r) => {
|
|
580
587
|
const n = o.dataset.bind;
|
|
581
588
|
n && e && e[n] !== void 0 ? o.textContent = e[n] : o.textContent = e ? e[Object.keys(e)[r]] ?? `R${s}C${r}` : `ν ${s + 1}`, o.dataset.row = s;
|
|
@@ -584,7 +591,7 @@ const re = class re {
|
|
|
584
591
|
x(this, "destroy", /* @__PURE__ */ a(() => {
|
|
585
592
|
t(this, O) && (t(this, O).disconnect(), b(this, O, null));
|
|
586
593
|
}, "destroy"));
|
|
587
|
-
b(this,
|
|
594
|
+
b(this, X, i.getRootNode().host), b(this, v, i), t(this, Tt).call(this);
|
|
588
595
|
}
|
|
589
596
|
getRowHeight() {
|
|
590
597
|
return t(this, A);
|
|
@@ -594,23 +601,23 @@ const re = class re {
|
|
|
594
601
|
return ((e = t(this, M).get(i)) == null ? void 0 : e.length) || 1;
|
|
595
602
|
}
|
|
596
603
|
};
|
|
597
|
-
|
|
604
|
+
X = new WeakMap(), v = new WeakMap(), M = new WeakMap(), A = new WeakMap(), O = new WeakMap(), j = new WeakMap(), J = new WeakMap(), Q = new WeakMap(), Rt = new WeakMap(), At = new WeakMap(), ct = new WeakMap(), ht = new WeakMap(), qt = new WeakMap(), Tt = new WeakMap(), dt = new WeakMap(), kt = new WeakMap(), tt = new WeakMap(), ft = new WeakMap(), a(re, "RowManager");
|
|
598
605
|
let Kt = re;
|
|
599
|
-
var Lt, et,
|
|
606
|
+
var Lt, et, U, Ht, Ct, _t, Mt, It;
|
|
600
607
|
const rt = class rt extends HTMLElement {
|
|
601
608
|
constructor() {
|
|
602
609
|
super();
|
|
603
|
-
|
|
604
|
-
|
|
605
|
-
|
|
610
|
+
h(this, Lt);
|
|
611
|
+
h(this, et, null);
|
|
612
|
+
h(this, U);
|
|
606
613
|
/**
|
|
607
614
|
* data.set, add, delete
|
|
608
615
|
* filter, sorting : κ³ λ €λμ
|
|
609
616
|
*/
|
|
610
617
|
x(this, "invalidate", /* @__PURE__ */ a(() => {
|
|
611
|
-
t(this,
|
|
618
|
+
t(this, U).refresh();
|
|
612
619
|
}, "invalidate"));
|
|
613
|
-
|
|
620
|
+
h(this, Ht, /* @__PURE__ */ a(() => {
|
|
614
621
|
[
|
|
615
622
|
{ selector: ".ng-container-body", type: null },
|
|
616
623
|
{ selector: ".ng-container-left", type: "left" },
|
|
@@ -622,7 +629,7 @@ const rt = class rt extends HTMLElement {
|
|
|
622
629
|
r.innerHTML = "", r.appendChild(n);
|
|
623
630
|
});
|
|
624
631
|
}, "#renderSplitContainers"));
|
|
625
|
-
|
|
632
|
+
h(this, Ct, /* @__PURE__ */ a(() => {
|
|
626
633
|
["left", "right"].forEach((e) => {
|
|
627
634
|
const s = this.querySelector(`.ng-container-${e}`), o = s == null ? void 0 : s.querySelector("table");
|
|
628
635
|
if (!s || !o) return;
|
|
@@ -640,7 +647,7 @@ const rt = class rt extends HTMLElement {
|
|
|
640
647
|
this.querySelectorAll("tbody.fixed-tbody").forEach((r) => {
|
|
641
648
|
r.style.top = `${s}px`;
|
|
642
649
|
});
|
|
643
|
-
}), t(this,
|
|
650
|
+
}), t(this, U).initialize(), setTimeout(() => {
|
|
644
651
|
var s;
|
|
645
652
|
(s = this.querySelector("nine-table-hscrollbar")) == null || s.refresh();
|
|
646
653
|
}, 0));
|
|
@@ -648,7 +655,7 @@ const rt = class rt extends HTMLElement {
|
|
|
648
655
|
/**
|
|
649
656
|
* π― λ§μ€ν° ν
μ΄λΈμ κΈ°λ°μΌλ‘ νΉμ fixed νμ
μμλ§ λ¨κΈ°λ λΆν ν¬νΌ
|
|
650
657
|
*/
|
|
651
|
-
|
|
658
|
+
h(this, _t, /* @__PURE__ */ a((e, s) => {
|
|
652
659
|
const o = e.cloneNode(!0), r = o.querySelector("tbody");
|
|
653
660
|
if (r) {
|
|
654
661
|
const n = document.createElement("tbody");
|
|
@@ -662,7 +669,7 @@ const rt = class rt extends HTMLElement {
|
|
|
662
669
|
n.remove();
|
|
663
670
|
}), o;
|
|
664
671
|
}, "#createSplitTable"));
|
|
665
|
-
x(this, "getRowHeight", /* @__PURE__ */ a(() => t(this,
|
|
672
|
+
x(this, "getRowHeight", /* @__PURE__ */ a(() => t(this, U).getRowHeight(), "getRowHeight"));
|
|
666
673
|
x(this, "scrollToX", /* @__PURE__ */ a((e) => {
|
|
667
674
|
const s = this.querySelector(".ng-container-body");
|
|
668
675
|
s && (s.scrollLeft = e);
|
|
@@ -671,10 +678,10 @@ const rt = class rt extends HTMLElement {
|
|
|
671
678
|
const s = this.querySelector(".ng-container-body");
|
|
672
679
|
s && (s.scrollTop = e);
|
|
673
680
|
}, "scrollToY"));
|
|
674
|
-
|
|
681
|
+
h(this, Mt, /* @__PURE__ */ a(() => {
|
|
675
682
|
t(this, It).call(this);
|
|
676
683
|
}, "#init"));
|
|
677
|
-
|
|
684
|
+
h(this, It, /* @__PURE__ */ a(() => {
|
|
678
685
|
const e = rt.SCROLLBAR_SIZE;
|
|
679
686
|
this.innerHTML = `
|
|
680
687
|
<style>
|
|
@@ -821,7 +828,7 @@ const rt = class rt extends HTMLElement {
|
|
|
821
828
|
</div>
|
|
822
829
|
`;
|
|
823
830
|
}, "#render"));
|
|
824
|
-
b(this,
|
|
831
|
+
b(this, U, new Kt(this)), b(this, Lt, this.getRootNode().host);
|
|
825
832
|
}
|
|
826
833
|
connectedCallback() {
|
|
827
834
|
t(this, Mt).call(this);
|
|
@@ -830,36 +837,36 @@ const rt = class rt extends HTMLElement {
|
|
|
830
837
|
this.innerHTML = "", D.log("NineTableSheet destroyed.");
|
|
831
838
|
}
|
|
832
839
|
};
|
|
833
|
-
Lt = new WeakMap(), et = new WeakMap(),
|
|
834
|
-
let
|
|
835
|
-
customElements.get("nine-table-sheet") || customElements.define("nine-table-sheet",
|
|
836
|
-
var $t,
|
|
840
|
+
Lt = new WeakMap(), et = new WeakMap(), U = new WeakMap(), Ht = new WeakMap(), Ct = new WeakMap(), _t = new WeakMap(), Mt = new WeakMap(), It = new WeakMap(), a(rt, "NineTableSheet"), x(rt, "SCROLLBAR_SIZE", 16);
|
|
841
|
+
let xt = rt;
|
|
842
|
+
customElements.get("nine-table-sheet") || customElements.define("nine-table-sheet", xt);
|
|
843
|
+
var $t, ut;
|
|
837
844
|
const le = class le extends HTMLElement {
|
|
838
845
|
constructor() {
|
|
839
846
|
super();
|
|
840
|
-
|
|
847
|
+
h(this, $t, /* @__PURE__ */ a(() => {
|
|
841
848
|
var e;
|
|
842
849
|
(e = this.querySelector(".nine-tab-bar")) == null || e.addEventListener("click", (s) => {
|
|
843
850
|
var n;
|
|
844
851
|
const o = s.ctrlKey || s.metaKey || s.shiftKey, r = parseInt((n = s.target.closest(".nine-tab-item")) == null ? void 0 : n.dataset.index, 10);
|
|
845
|
-
t(this,
|
|
846
|
-
}), t(this,
|
|
852
|
+
t(this, ut).call(this, r, o);
|
|
853
|
+
}), t(this, ut).call(this, 0, !1);
|
|
847
854
|
}, "#init"));
|
|
848
|
-
|
|
855
|
+
h(this, ut, /* @__PURE__ */ a((e, s = !1) => {
|
|
849
856
|
const o = /* @__PURE__ */ a(() => {
|
|
850
857
|
const f = Array.from(this.querySelectorAll("nine-table-sheet"));
|
|
851
858
|
Array.from(this.querySelectorAll("nine-splitter")).forEach((p) => p.style.setProperty("display", "none"));
|
|
852
859
|
const g = f.filter((p) => p.classList.contains("active"));
|
|
853
860
|
g.length < 2 || g.forEach((p) => {
|
|
854
|
-
const E = parseInt(p.getAttribute("data-index"), 10), H = this.querySelector(`nine-splitter[data-split-index="${E}"]`),
|
|
855
|
-
H &&
|
|
861
|
+
const E = parseInt(p.getAttribute("data-index"), 10), H = this.querySelector(`nine-splitter[data-split-index="${E}"]`), mt = f[E + 1];
|
|
862
|
+
H && mt && mt.classList.contains("active") && H.style.setProperty("display", "flex");
|
|
856
863
|
});
|
|
857
|
-
}, "updateSplitters"), r = this.querySelector(".nine-tab-bar"), n = this.querySelector("nine-table-sheets-body"), l = r.querySelectorAll(".nine-tab-item"),
|
|
864
|
+
}, "updateSplitters"), r = this.querySelector(".nine-tab-bar"), n = this.querySelector("nine-table-sheets-body"), l = r.querySelectorAll(".nine-tab-item"), c = n.querySelectorAll("nine-table-sheet");
|
|
858
865
|
if (!l[e]) return;
|
|
859
866
|
if (!s)
|
|
860
867
|
l.forEach((f, u) => {
|
|
861
868
|
f.classList.toggle("active", u === e);
|
|
862
|
-
}),
|
|
869
|
+
}), c.forEach((f, u) => {
|
|
863
870
|
const g = u === e;
|
|
864
871
|
f.classList.toggle("active", g), f.style.flex = g ? "1 1 100%" : "";
|
|
865
872
|
});
|
|
@@ -881,31 +888,31 @@ const le = class le extends HTMLElement {
|
|
|
881
888
|
t(this, $t).call(this);
|
|
882
889
|
}
|
|
883
890
|
};
|
|
884
|
-
$t = new WeakMap(),
|
|
891
|
+
$t = new WeakMap(), ut = new WeakMap(), a(le, "NineTableSheets");
|
|
885
892
|
let Zt = le;
|
|
886
893
|
customElements.get("nine-table-sheets") || customElements.define("nine-table-sheets", Zt);
|
|
887
|
-
var q, Wt,
|
|
894
|
+
var q, Wt, bt, Ot;
|
|
888
895
|
const ae = class ae {
|
|
889
896
|
constructor(i) {
|
|
890
|
-
|
|
891
|
-
|
|
897
|
+
h(this, q);
|
|
898
|
+
h(this, Wt, /* @__PURE__ */ a(() => {
|
|
892
899
|
t(this, Ot).call(this), new ResizeObserver((i) => {
|
|
893
900
|
for (let e of i)
|
|
894
|
-
t(this, q).getAttribute("auto-height") === "true" && t(this,
|
|
901
|
+
t(this, q).getAttribute("auto-height") === "true" && t(this, bt).call(this);
|
|
895
902
|
}).observe(t(this, q));
|
|
896
903
|
}, "#init"));
|
|
897
|
-
|
|
898
|
-
var
|
|
904
|
+
h(this, bt, /* @__PURE__ */ a(() => {
|
|
905
|
+
var c, d;
|
|
899
906
|
const i = Array.from(t(this, q).shadowRoot.querySelectorAll("nine-table-sheet.active"));
|
|
900
907
|
if (i.length === 0) return;
|
|
901
|
-
const e = parseInt(t(this, q).getAttribute("max-display-row"), 10) || 10, s = Math.max(...i.map((f) => f.getRowHeight())), o = (
|
|
908
|
+
const e = parseInt(t(this, q).getAttribute("max-display-row"), 10) || 10, s = Math.max(...i.map((f) => f.getRowHeight())), o = (c = t(this, q).shadowRoot.querySelector("nine-table-header")) == null ? void 0 : c.getBoundingClientRect().height, r = (d = t(this, q).shadowRoot.querySelector("nine-table-sheets-footer")) == null ? void 0 : d.getBoundingClientRect().height, n = xt.SCROLLBAR_SIZE, l = e * s + o + r + n;
|
|
902
909
|
t(this, q).style.height = `${l}px`;
|
|
903
910
|
}, "#applyAutoHeight"));
|
|
904
|
-
|
|
905
|
-
const e = Array.from(t(this, q).children).filter((
|
|
911
|
+
h(this, Ot, /* @__PURE__ */ a(() => {
|
|
912
|
+
const e = Array.from(t(this, q).children).filter((c) => c.tagName === "TABLE"), s = t(this, q).getAttribute("auto-height") === "true", o = e.length, r = e.map((c, d) => {
|
|
906
913
|
const u = `<nine-table-sheet class="${d === 0 ? "active" : ""}" data-index="${d}"></nine-table-sheet>`, g = d < o - 1 ? `<nine-splitter class="h" data-split-index="${d}"></nine-splitter>` : "";
|
|
907
914
|
return u + g;
|
|
908
|
-
}).join(""), n = e.map((
|
|
915
|
+
}).join(""), n = e.map((c, d) => `<div class="nine-tab-item ${d === 0 ? "active" : ""}" data-index="${d}">Sheet ${d + 1}</div>`).join("");
|
|
909
916
|
t(this, q).shadowRoot.innerHTML = `
|
|
910
917
|
<style>
|
|
911
918
|
:host {
|
|
@@ -1006,24 +1013,24 @@ const ae = class ae {
|
|
|
1006
1013
|
<nine-table-footer></nine-table-footer>
|
|
1007
1014
|
`;
|
|
1008
1015
|
const l = t(this, q).shadowRoot.querySelectorAll("nine-table-sheet");
|
|
1009
|
-
l == null || l.forEach((
|
|
1016
|
+
l == null || l.forEach((c, d) => {
|
|
1010
1017
|
e[d] && setTimeout(() => {
|
|
1011
|
-
|
|
1018
|
+
c.generate(e[d]), s && t(this, bt).call(this);
|
|
1012
1019
|
});
|
|
1013
1020
|
});
|
|
1014
1021
|
}, "#render"));
|
|
1015
1022
|
b(this, q, i), t(this, Wt).call(this);
|
|
1016
1023
|
}
|
|
1017
1024
|
};
|
|
1018
|
-
q = new WeakMap(), Wt = new WeakMap(),
|
|
1025
|
+
q = new WeakMap(), Wt = new WeakMap(), bt = new WeakMap(), Ot = new WeakMap(), a(ae, "LayoutManager");
|
|
1019
1026
|
let Gt = ae;
|
|
1020
|
-
var
|
|
1027
|
+
var gt, it;
|
|
1021
1028
|
const ce = class ce {
|
|
1022
1029
|
constructor(i) {
|
|
1023
|
-
|
|
1024
|
-
|
|
1025
|
-
x(this, "count", /* @__PURE__ */ a(() => t(this,
|
|
1026
|
-
b(this,
|
|
1030
|
+
h(this, gt);
|
|
1031
|
+
h(this, it, -1);
|
|
1032
|
+
x(this, "count", /* @__PURE__ */ a(() => t(this, gt).rawRecords.length, "count"));
|
|
1033
|
+
b(this, gt, i);
|
|
1027
1034
|
}
|
|
1028
1035
|
get at() {
|
|
1029
1036
|
return t(this, it);
|
|
@@ -1033,28 +1040,28 @@ const ce = class ce {
|
|
|
1033
1040
|
});
|
|
1034
1041
|
}
|
|
1035
1042
|
};
|
|
1036
|
-
|
|
1043
|
+
gt = new WeakMap(), it = new WeakMap(), a(ce, "ngRow");
|
|
1037
1044
|
let Jt = ce;
|
|
1038
|
-
var T, S, k, st, zt, z, Dt,
|
|
1045
|
+
var T, S, k, st, zt, z, Dt, F, yt, Bt, Nt, nt;
|
|
1039
1046
|
const L = class L {
|
|
1040
1047
|
constructor(i, e) {
|
|
1041
|
-
|
|
1042
|
-
|
|
1043
|
-
|
|
1044
|
-
|
|
1045
|
-
|
|
1046
|
-
|
|
1047
|
-
|
|
1048
|
+
h(this, T);
|
|
1049
|
+
h(this, S);
|
|
1050
|
+
h(this, k, []);
|
|
1051
|
+
h(this, st, []);
|
|
1052
|
+
h(this, zt, 0);
|
|
1053
|
+
h(this, z, []);
|
|
1054
|
+
h(this, Dt, /* @__PURE__ */ a(() => {
|
|
1048
1055
|
b(this, z, []);
|
|
1049
1056
|
const i = t(this, T).template || [];
|
|
1050
1057
|
Array.from(i).forEach((e) => {
|
|
1051
1058
|
var s;
|
|
1052
1059
|
t(this, z).push(((s = e.getBoundingClientRect) == null ? void 0 : s.call(e).height) || 24);
|
|
1053
1060
|
}), (t(this, S).rawRecords || []).forEach((e) => {
|
|
1054
|
-
e.__ng || (e.__ng = t(this,
|
|
1061
|
+
e.__ng || (e.__ng = t(this, yt).call(this)), e.__ng.height = t(this, z).slice();
|
|
1055
1062
|
});
|
|
1056
1063
|
}, "#initialize"));
|
|
1057
|
-
|
|
1064
|
+
h(this, F, /* @__PURE__ */ a(() => {
|
|
1058
1065
|
t(this, T).shadowRoot.querySelectorAll("nine-table-sheet").forEach((i) => {
|
|
1059
1066
|
i.invalidate();
|
|
1060
1067
|
});
|
|
@@ -1073,9 +1080,9 @@ const L = class L {
|
|
|
1073
1080
|
return t(this, nt).call(this, s[i]);
|
|
1074
1081
|
}, "get"));
|
|
1075
1082
|
x(this, "set", /* @__PURE__ */ a((i) => {
|
|
1076
|
-
this.clear(), this.add(i, !1), t(this,
|
|
1083
|
+
this.clear(), this.add(i, !1), t(this, F).call(this);
|
|
1077
1084
|
}, "set"));
|
|
1078
|
-
|
|
1085
|
+
h(this, yt, /* @__PURE__ */ a(() => ({
|
|
1079
1086
|
rowState: L.ROW_STATE.EMPTY,
|
|
1080
1087
|
deleted: !1,
|
|
1081
1088
|
filtered: !1,
|
|
@@ -1085,13 +1092,13 @@ const L = class L {
|
|
|
1085
1092
|
_: [0, 0, 0, 0, L.ROW_STATE.EMPTY, !1, !1, !0, !1, !0, !0, !1, t(this, z).slice(), -1, {}, {}]
|
|
1086
1093
|
}), "#getDefaultMeta"));
|
|
1087
1094
|
x(this, "reset", /* @__PURE__ */ a(() => {
|
|
1088
|
-
b(this, k, []), b(this, st, []), t(this,
|
|
1095
|
+
b(this, k, []), b(this, st, []), t(this, F).call(this);
|
|
1089
1096
|
}, "reset"));
|
|
1090
1097
|
x(this, "clear", /* @__PURE__ */ a(() => {
|
|
1091
1098
|
var i;
|
|
1092
1099
|
t(this, S).rawRecords = [], b(this, k, []), b(this, st, []), (i = t(this, S).viewRecords) != null && i.reset && t(this, S).viewRecords.reset();
|
|
1093
1100
|
}, "clear"));
|
|
1094
|
-
|
|
1101
|
+
h(this, Bt, /* @__PURE__ */ a((i) => {
|
|
1095
1102
|
var o;
|
|
1096
1103
|
Array.isArray(i) || (i = [i]);
|
|
1097
1104
|
const e = typeof ((o = t(this, T).fields) == null ? void 0 : o.get) == "function" ? t(this, T).fields.get() : Object.keys(i[0] || {}), s = [];
|
|
@@ -1102,8 +1109,8 @@ const L = class L {
|
|
|
1102
1109
|
}), s.push(n);
|
|
1103
1110
|
}), s;
|
|
1104
1111
|
}, "#json2Array"));
|
|
1105
|
-
|
|
1106
|
-
e.__ng = t(this,
|
|
1112
|
+
h(this, Nt, /* @__PURE__ */ a((i) => (Array.isArray(i) || (i = [i]), i.forEach((e) => {
|
|
1113
|
+
e.__ng = t(this, yt).call(this), e.__ng.rowid = this.nextId, e.__ng.rowState = L.ROW_STATE.INSERT, e.__ng._[0] = e.__ng.rowid;
|
|
1107
1114
|
}), i), "#defaultInsert"));
|
|
1108
1115
|
x(this, "add", /* @__PURE__ */ a((i, e = !0) => {
|
|
1109
1116
|
i === void 0 && (i = {});
|
|
@@ -1113,7 +1120,7 @@ const L = class L {
|
|
|
1113
1120
|
return e || s.forEach((r, n) => {
|
|
1114
1121
|
const l = t(this, S).rawRecords[o - n];
|
|
1115
1122
|
l && (l.__ng.rowState = L.ROW_STATE.EMPTY);
|
|
1116
|
-
}), t(this,
|
|
1123
|
+
}), t(this, F).call(this), o;
|
|
1117
1124
|
}, "add"));
|
|
1118
1125
|
x(this, "delete", /* @__PURE__ */ a((i) => {
|
|
1119
1126
|
let e = [];
|
|
@@ -1124,12 +1131,12 @@ const L = class L {
|
|
|
1124
1131
|
r.__ng.rowid === o && (r.__ng.deleted = !0, r.__ng.rowState = L.ROW_STATE.DELETE);
|
|
1125
1132
|
});
|
|
1126
1133
|
}
|
|
1127
|
-
}), this.resetRecords(), t(this,
|
|
1134
|
+
}), this.resetRecords(), t(this, F).call(this);
|
|
1128
1135
|
}, "delete"));
|
|
1129
1136
|
x(this, "setValue", /* @__PURE__ */ a((i, e, s) => {
|
|
1130
|
-
var
|
|
1137
|
+
var c;
|
|
1131
1138
|
i = parseInt(i, 10);
|
|
1132
|
-
const r = (typeof ((
|
|
1139
|
+
const r = (typeof ((c = t(this, T).fields) == null ? void 0 : c.get) == "function" ? t(this, T).fields.get() : []).indexOf(e);
|
|
1133
1140
|
if (r < 0) return;
|
|
1134
1141
|
const n = this.getValidData()[i];
|
|
1135
1142
|
if (!n) return;
|
|
@@ -1144,14 +1151,14 @@ const L = class L {
|
|
|
1144
1151
|
});
|
|
1145
1152
|
}, "resetRecords"));
|
|
1146
1153
|
x(this, "getValidData", /* @__PURE__ */ a(() => (t(this, k).length === 0 && t(this, S).rawRecords.length > 0 && this.resetRecords(), t(this, k)), "getValidData"));
|
|
1147
|
-
|
|
1154
|
+
h(this, nt, /* @__PURE__ */ a((i) => {
|
|
1148
1155
|
var n;
|
|
1149
1156
|
if (!i) return i;
|
|
1150
1157
|
const e = !Array.isArray(i), s = e ? [i] : i, o = typeof ((n = t(this, T).fields) == null ? void 0 : n.get) == "function" ? t(this, T).fields.get() : [], r = s.filter((l) => !l.__ng.deleted).map((l) => {
|
|
1151
|
-
const
|
|
1158
|
+
const c = {};
|
|
1152
1159
|
return o.forEach((d, f) => {
|
|
1153
|
-
|
|
1154
|
-
}),
|
|
1160
|
+
c[d] = l.v ? l.v[f] : l[d];
|
|
1161
|
+
}), c.__ng = l.__ng, c;
|
|
1155
1162
|
});
|
|
1156
1163
|
return e ? r[0] : r;
|
|
1157
1164
|
}, "#conv"));
|
|
@@ -1174,7 +1181,7 @@ const L = class L {
|
|
|
1174
1181
|
return this.length;
|
|
1175
1182
|
}
|
|
1176
1183
|
};
|
|
1177
|
-
T = new WeakMap(), S = new WeakMap(), k = new WeakMap(), st = new WeakMap(), zt = new WeakMap(), z = new WeakMap(), Dt = new WeakMap(),
|
|
1184
|
+
T = new WeakMap(), S = new WeakMap(), k = new WeakMap(), st = new WeakMap(), zt = new WeakMap(), z = new WeakMap(), Dt = new WeakMap(), F = new WeakMap(), yt = new WeakMap(), Bt = new WeakMap(), Nt = new WeakMap(), nt = new WeakMap(), a(L, "ngData"), // π― ν μν μ μ μμλ₯Ό ν΄λμ€ λ΄λΆλ‘ λ΄μ¬ν
|
|
1178
1185
|
x(L, "ROW_STATE", {
|
|
1179
1186
|
EMPTY: "EMPTY",
|
|
1180
1187
|
NORMAL: "NORMAL",
|
|
@@ -1183,13 +1190,13 @@ x(L, "ROW_STATE", {
|
|
|
1183
1190
|
DELETE: "DELETE"
|
|
1184
1191
|
});
|
|
1185
1192
|
let Qt = L;
|
|
1186
|
-
var
|
|
1193
|
+
var K;
|
|
1187
1194
|
const he = class he {
|
|
1188
1195
|
constructor(i) {
|
|
1189
|
-
|
|
1190
|
-
b(this,
|
|
1196
|
+
h(this, K);
|
|
1197
|
+
b(this, K, i), this.row = new Jt(this), this.data = new Qt(t(this, K), this), this.rawRecords = [], this.viewRecords = [], this.delRecords = [], this.pageCnt = 25, this.viewRecords.reset = () => {
|
|
1191
1198
|
var e;
|
|
1192
|
-
(e = t(this,
|
|
1199
|
+
(e = t(this, K).view) != null && e.redraw && t(this, K).view.redraw();
|
|
1193
1200
|
}, this.setDataSource = (e) => {
|
|
1194
1201
|
this.data && this.data.reset(), this.rawRecords = [], this.viewRecords = [], this.delRecords = [], this.data.set(e || []);
|
|
1195
1202
|
}, this.getRowState = (e) => {
|
|
@@ -1204,26 +1211,26 @@ const he = class he {
|
|
|
1204
1211
|
}, this.setDataSource([]);
|
|
1205
1212
|
}
|
|
1206
1213
|
};
|
|
1207
|
-
|
|
1214
|
+
K = new WeakMap(), a(he, "ngDataManager");
|
|
1208
1215
|
let te = he;
|
|
1209
|
-
var ot, R,
|
|
1216
|
+
var ot, R, pt, Pt;
|
|
1210
1217
|
const de = class de {
|
|
1211
1218
|
// π― μ΄μ { name: string, type: string } κ°μ²΄λ€μ λ°°μ΄λ‘ κ΄λ¦¬ν©λλ€.
|
|
1212
1219
|
constructor(i) {
|
|
1213
|
-
|
|
1214
|
-
|
|
1220
|
+
h(this, ot);
|
|
1221
|
+
h(this, R, []);
|
|
1215
1222
|
x(this, "add", /* @__PURE__ */ a((i, e = "string") => {
|
|
1216
1223
|
i.forEach((s) => {
|
|
1217
1224
|
t(this, R).some((o) => o.name === s) || t(this, R).push({ name: s, type: e });
|
|
1218
|
-
}), t(this,
|
|
1225
|
+
}), t(this, pt).call(this);
|
|
1219
1226
|
}, "add"));
|
|
1220
|
-
|
|
1227
|
+
h(this, pt, /* @__PURE__ */ a(() => {
|
|
1221
1228
|
const i = /* @__PURE__ */ new Map();
|
|
1222
1229
|
t(this, R).forEach((e) => {
|
|
1223
1230
|
i.set(e.name, e.type);
|
|
1224
1231
|
}), b(this, R, Array.from(i, ([e, s]) => ({ name: e, type: s }))), b(this, R, t(this, R).filter((e) => e.name !== "" && e.name !== "__ng")), t(this, R).sort((e, s) => e.name.length < s.name.length ? 1 : -1);
|
|
1225
1232
|
}, "#adjust"));
|
|
1226
|
-
|
|
1233
|
+
h(this, Pt, /* @__PURE__ */ a(() => {
|
|
1227
1234
|
b(this, R, []), D.log(t(this, ot).querySelectorAll("table"));
|
|
1228
1235
|
const i = Array.from(t(this, ot).querySelectorAll("table"));
|
|
1229
1236
|
if (!(!i || i.length === 0)) {
|
|
@@ -1245,14 +1252,14 @@ const de = class de {
|
|
|
1245
1252
|
}
|
|
1246
1253
|
n.split("data.").forEach((l) => {
|
|
1247
1254
|
if (l.trim() != "") {
|
|
1248
|
-
const
|
|
1255
|
+
const c = l.search(/[^_A-Za-z0-9]/g);
|
|
1249
1256
|
let d = "";
|
|
1250
|
-
|
|
1257
|
+
c >= 0 ? d = l.substring(0, c) : n.startsWith("data.") && (d = l.replace("data.", "")), d && t(this, R).push({ name: d, type: "string" });
|
|
1251
1258
|
}
|
|
1252
1259
|
});
|
|
1253
1260
|
});
|
|
1254
1261
|
});
|
|
1255
|
-
t(this,
|
|
1262
|
+
t(this, pt).call(this);
|
|
1256
1263
|
}
|
|
1257
1264
|
}, "#init"));
|
|
1258
1265
|
b(this, ot, i), t(this, Pt).call(this);
|
|
@@ -1277,19 +1284,19 @@ const de = class de {
|
|
|
1277
1284
|
return t(this, R).some((e) => e.name === i);
|
|
1278
1285
|
}
|
|
1279
1286
|
};
|
|
1280
|
-
ot = new WeakMap(), R = new WeakMap(),
|
|
1287
|
+
ot = new WeakMap(), R = new WeakMap(), pt = new WeakMap(), Pt = new WeakMap(), a(de, "ngFields");
|
|
1281
1288
|
let ee = de;
|
|
1282
|
-
var
|
|
1289
|
+
var Z, Yt, Vt;
|
|
1283
1290
|
const fe = class fe extends HTMLElement {
|
|
1284
1291
|
constructor() {
|
|
1285
1292
|
super();
|
|
1286
1293
|
//#created = false;
|
|
1287
|
-
|
|
1288
|
-
|
|
1289
|
-
|
|
1294
|
+
h(this, Z);
|
|
1295
|
+
h(this, Yt);
|
|
1296
|
+
h(this, Vt, /* @__PURE__ */ a(() => {
|
|
1290
1297
|
this.fields = new ee(this), b(this, Yt, new Gt(this)), D.log("NineTable connected."), this.dispatchEvent(new CustomEvent("load", { bubbles: !0, detail: { target: this } }));
|
|
1291
1298
|
}, "#init"));
|
|
1292
|
-
this.attachShadow({ mode: "open" }), b(this,
|
|
1299
|
+
this.attachShadow({ mode: "open" }), b(this, Z, new te(this));
|
|
1293
1300
|
}
|
|
1294
1301
|
connectedCallback() {
|
|
1295
1302
|
t(this, Vt).call(this);
|
|
@@ -1299,18 +1306,18 @@ const fe = class fe extends HTMLElement {
|
|
|
1299
1306
|
}
|
|
1300
1307
|
// π― μΈλΆμμ grid.data.set(...) ννλ‘ μ κ·Όν μ μλλ‘ λ°μ΄ν° λ§€λμ μ€ν
|
|
1301
1308
|
get data() {
|
|
1302
|
-
return t(this,
|
|
1309
|
+
return t(this, Z).data;
|
|
1303
1310
|
}
|
|
1304
1311
|
// π― ν(row) κ΄λ ¨ μ μ΄ μ κ·Όμ μ€ν
|
|
1305
1312
|
get row() {
|
|
1306
|
-
return t(this,
|
|
1313
|
+
return t(this, Z).row;
|
|
1307
1314
|
}
|
|
1308
1315
|
// π― μ 체 λ°μ΄ν° λ§€λμ μ κ·Ό νμν κ²½μ°
|
|
1309
1316
|
get dataManager() {
|
|
1310
|
-
return t(this,
|
|
1317
|
+
return t(this, Z);
|
|
1311
1318
|
}
|
|
1312
1319
|
};
|
|
1313
|
-
|
|
1320
|
+
Z = new WeakMap(), Yt = new WeakMap(), Vt = new WeakMap(), a(fe, "NineTable");
|
|
1314
1321
|
let ie = fe;
|
|
1315
1322
|
customElements.get("nine-table") || customElements.define("nine-table", ie);
|
|
1316
1323
|
//# sourceMappingURL=nine-table.js.map
|