@ninebone/table 0.0.184 β 0.0.185
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 +217 -214
- package/dist/nine-table.js.map +1 -1
- package/dist/nine-table.umd.js +4 -4
- package/dist/nine-table.umd.js.map +1 -1
- package/package.json +1 -1
package/dist/nine-table.js
CHANGED
|
@@ -1,92 +1,92 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
1
|
+
var He = Object.defineProperty;
|
|
2
|
+
var Ie = (w) => {
|
|
3
3
|
throw TypeError(w);
|
|
4
4
|
};
|
|
5
|
-
var ze = (w, i, t) => i in w ?
|
|
6
|
-
var l = (w, i) =>
|
|
7
|
-
var
|
|
8
|
-
var e = (w, i, t) => (
|
|
5
|
+
var ze = (w, i, t) => i in w ? He(w, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : w[i] = t;
|
|
6
|
+
var l = (w, i) => He(w, "name", { value: i, configurable: !0 });
|
|
7
|
+
var m = (w, i, t) => ze(w, typeof i != "symbol" ? i + "" : i, t), Me = (w, i, t) => i.has(w) || Ie("Cannot " + t);
|
|
8
|
+
var e = (w, i, t) => (Me(w, i, "read from private field"), t ? t.call(w) : i.get(w)), u = (w, i, t) => i.has(w) ? Ie("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(w) : i.set(w, t), p = (w, i, t, s) => (Me(w, i, "write to private field"), s ? s.call(w, t) : i.set(w, t), t);
|
|
9
9
|
var $e = (w, i, t, s) => ({
|
|
10
10
|
set _(n) {
|
|
11
|
-
|
|
11
|
+
p(w, i, n, t);
|
|
12
12
|
},
|
|
13
13
|
get _() {
|
|
14
14
|
return e(w, i, s);
|
|
15
15
|
}
|
|
16
16
|
});
|
|
17
17
|
import { trace as We } from "@ninebone/util";
|
|
18
|
-
const
|
|
18
|
+
const Ee = class Ee extends We.constructor {
|
|
19
19
|
constructor() {
|
|
20
20
|
super(), this.init("nine-table", "green");
|
|
21
21
|
}
|
|
22
22
|
};
|
|
23
|
-
l(
|
|
24
|
-
let ge =
|
|
25
|
-
const
|
|
26
|
-
var _, B,
|
|
23
|
+
l(Ee, "Trace");
|
|
24
|
+
let ge = Ee;
|
|
25
|
+
const I = new ge();
|
|
26
|
+
var _, B, y, D, N, P, ie, V, se;
|
|
27
27
|
const Te = class Te extends HTMLElement {
|
|
28
28
|
constructor() {
|
|
29
29
|
super();
|
|
30
30
|
u(this, _);
|
|
31
31
|
u(this, B, !1);
|
|
32
|
-
u(this,
|
|
32
|
+
u(this, y);
|
|
33
33
|
u(this, D);
|
|
34
34
|
u(this, N);
|
|
35
35
|
u(this, P);
|
|
36
36
|
u(this, ie, /* @__PURE__ */ l(() => {
|
|
37
37
|
if (!e(this, _)) return;
|
|
38
38
|
const t = e(this, _).querySelector(".ng-container-body");
|
|
39
|
-
t && (
|
|
39
|
+
t && (p(this, P, new ResizeObserver(() => {
|
|
40
40
|
this.refresh();
|
|
41
41
|
})), e(this, P).observe(t));
|
|
42
42
|
}, "#observeResize"));
|
|
43
|
-
|
|
44
|
-
if (!e(this, _) || !e(this,
|
|
45
|
-
const t = e(this,
|
|
43
|
+
m(this, "refresh", /* @__PURE__ */ l(() => {
|
|
44
|
+
if (!e(this, _) || !e(this, y) || e(this, B)) return;
|
|
45
|
+
const t = e(this, y).container, s = t.querySelector("table");
|
|
46
46
|
if (!s) return;
|
|
47
|
-
const n = e(this,
|
|
47
|
+
const n = e(this, y).track, r = e(this, y).thumb, o = e(this, _).querySelector(".ng-container-bottom"), h = t.clientWidth, g = s.scrollWidth;
|
|
48
48
|
if (h !== 0 && g > h)
|
|
49
49
|
o && (o.style.display = "flex");
|
|
50
50
|
else {
|
|
51
51
|
o && (o.style.display = "none");
|
|
52
52
|
return;
|
|
53
53
|
}
|
|
54
|
-
const
|
|
55
|
-
if (
|
|
56
|
-
const d = Math.max(Math.min(
|
|
54
|
+
const a = n.clientWidth;
|
|
55
|
+
if (a <= 0) return;
|
|
56
|
+
const d = Math.max(Math.min(a * (h / g), a), 20);
|
|
57
57
|
r.style.width = `${d}px`;
|
|
58
|
-
let
|
|
58
|
+
let c = 0;
|
|
59
59
|
const b = s.style.transform;
|
|
60
60
|
if (b && b.includes("translateX")) {
|
|
61
61
|
const x = b.match(/translateX\(([-\d.]+)px\)/);
|
|
62
|
-
x && x[1] && (
|
|
62
|
+
x && x[1] && (c = parseFloat(x[1]));
|
|
63
63
|
} else
|
|
64
|
-
|
|
65
|
-
let f = parseInt(Math.abs(
|
|
64
|
+
c = parseInt(s.style.left || 0, 10);
|
|
65
|
+
let f = parseInt(Math.abs(c) * a / g, 10);
|
|
66
66
|
f < 0 && (f = 0);
|
|
67
|
-
const S =
|
|
68
|
-
f > S && (f = S), r.style.left = `${f}px`, e(this,
|
|
67
|
+
const S = a - d;
|
|
68
|
+
f > S && (f = S), r.style.left = `${f}px`, e(this, y).left.disabled = f === 0, e(this, y).right.disabled = f >= S - 1;
|
|
69
69
|
}, "refresh"));
|
|
70
70
|
u(this, V, /* @__PURE__ */ l((t) => {
|
|
71
|
-
if (!e(this,
|
|
72
|
-
const s = e(this,
|
|
71
|
+
if (!e(this, y)) return !1;
|
|
72
|
+
const s = e(this, y).container, n = s.querySelector("table");
|
|
73
73
|
if (!n) return !1;
|
|
74
|
-
const r = e(this,
|
|
74
|
+
const r = e(this, y).track.getBoundingClientRect(), o = e(this, y).thumb.clientWidth;
|
|
75
75
|
let h = t;
|
|
76
76
|
h < 0 && (h = 0);
|
|
77
77
|
const g = r.width - o;
|
|
78
|
-
h > g && (h = g), h = parseInt(h, 10), e(this,
|
|
79
|
-
const
|
|
80
|
-
let
|
|
81
|
-
return -
|
|
78
|
+
h > g && (h = g), h = parseInt(h, 10), e(this, y).thumb.style.left = `${h}px`, e(this, y).left.disabled = h === 0, e(this, y).right.disabled = h >= g - 1;
|
|
79
|
+
const a = s.clientWidth, d = n.scrollWidth;
|
|
80
|
+
let c = g > 0 ? -h * (d - a) / g : 0;
|
|
81
|
+
return -c > d - a && (c = -(d - a)), -c + 5 > d - a && (c = -(d - a)), a >= d && (c = 0), n.style.transform = `translateX(${c}px)`, h > 0 && h < g - 1;
|
|
82
82
|
}, "#thumbMoveTo"));
|
|
83
83
|
u(this, se, /* @__PURE__ */ l(() => {
|
|
84
84
|
const t = /* @__PURE__ */ l((n) => {
|
|
85
85
|
clearInterval(e(this, D)), clearInterval(e(this, N));
|
|
86
|
-
const r = parseInt(e(this,
|
|
87
|
-
e(this, V).call(this, r + n),
|
|
88
|
-
clearInterval(e(this, D)),
|
|
89
|
-
const o = parseInt(e(this,
|
|
86
|
+
const r = parseInt(e(this, y).thumb.style.left || 0, 10);
|
|
87
|
+
e(this, V).call(this, r + n), p(this, D, setInterval(() => {
|
|
88
|
+
clearInterval(e(this, D)), p(this, N, setInterval(() => {
|
|
89
|
+
const o = parseInt(e(this, y).thumb.style.left || 0, 10);
|
|
90
90
|
e(this, V).call(this, o + n) || clearInterval(e(this, N));
|
|
91
91
|
}, 50));
|
|
92
92
|
}, 500));
|
|
@@ -94,32 +94,32 @@ const Te = class Te extends HTMLElement {
|
|
|
94
94
|
clearInterval(e(this, D)), clearInterval(e(this, N));
|
|
95
95
|
}, "clearTimer");
|
|
96
96
|
["mouseup", "mouseleave", "touchend"].forEach((n) => {
|
|
97
|
-
e(this,
|
|
98
|
-
}), e(this,
|
|
97
|
+
e(this, y).left.addEventListener(n, s), e(this, y).right.addEventListener(n, s), e(this, y).track.addEventListener(n, s);
|
|
98
|
+
}), e(this, y).left.addEventListener("mousedown", (n) => {
|
|
99
99
|
n.button === 0 && t(-20);
|
|
100
|
-
}), e(this,
|
|
100
|
+
}), e(this, y).right.addEventListener("mousedown", (n) => {
|
|
101
101
|
n.button === 0 && t(20);
|
|
102
|
-
}), e(this,
|
|
102
|
+
}), e(this, y).left.addEventListener("touchstart", () => t(-20)), e(this, y).right.addEventListener("touchstart", () => t(20)), e(this, y).track.addEventListener("mousedown", (n) => {
|
|
103
103
|
if (n.button !== 0) return;
|
|
104
104
|
n.preventDefault();
|
|
105
|
-
const r = e(this,
|
|
105
|
+
const r = e(this, y).track.getBoundingClientRect(), o = e(this, y).thumb.clientWidth;
|
|
106
106
|
e(this, V).call(this, n.clientX - r.left - o / 2);
|
|
107
|
-
}), e(this,
|
|
107
|
+
}), e(this, y).thumb.addEventListener("mousedown", (n) => {
|
|
108
108
|
if (n.button !== 0) return;
|
|
109
|
-
n.stopPropagation(), n.preventDefault(),
|
|
109
|
+
n.stopPropagation(), n.preventDefault(), p(this, B, !0), this.shiftX = n.clientX - e(this, y).thumb.getBoundingClientRect().left;
|
|
110
110
|
const r = /* @__PURE__ */ l((h) => {
|
|
111
111
|
if (!e(this, B)) return;
|
|
112
|
-
const g = e(this,
|
|
112
|
+
const g = e(this, y).track.getBoundingClientRect();
|
|
113
113
|
e(this, V).call(this, h.clientX - g.left - this.shiftX);
|
|
114
114
|
}, "onMouseMove"), o = /* @__PURE__ */ l(() => {
|
|
115
|
-
|
|
115
|
+
p(this, B, !1), s(), document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", o), this.refresh();
|
|
116
116
|
}, "onMouseUp");
|
|
117
117
|
document.addEventListener("mousemove", r), document.addEventListener("mouseup", o);
|
|
118
118
|
});
|
|
119
119
|
}, "#init"));
|
|
120
120
|
}
|
|
121
121
|
connectedCallback() {
|
|
122
|
-
if (
|
|
122
|
+
if (p(this, _, this.closest("nine-table-sheet") || this.getRootNode().host), !e(this, _)) return;
|
|
123
123
|
this.innerHTML = `
|
|
124
124
|
<style>
|
|
125
125
|
nine-table-hscrollbar {
|
|
@@ -189,7 +189,7 @@ const Te = class Te extends HTMLElement {
|
|
|
189
189
|
setTimeout(t, 10);
|
|
190
190
|
return;
|
|
191
191
|
}
|
|
192
|
-
|
|
192
|
+
p(this, y, {
|
|
193
193
|
container: s,
|
|
194
194
|
track: this.querySelector(".ng-scroll-track"),
|
|
195
195
|
thumb: this.querySelector(".ng-scroll-thumb"),
|
|
@@ -203,18 +203,19 @@ const Te = class Te extends HTMLElement {
|
|
|
203
203
|
e(this, P) && e(this, P).disconnect();
|
|
204
204
|
}
|
|
205
205
|
};
|
|
206
|
-
_ = new WeakMap(), B = new WeakMap(),
|
|
207
|
-
let
|
|
208
|
-
customElements.get("nine-table-hscrollbar") || customElements.define("nine-table-hscrollbar",
|
|
209
|
-
var X,
|
|
206
|
+
_ = new WeakMap(), B = new WeakMap(), y = new WeakMap(), D = new WeakMap(), N = new WeakMap(), P = new WeakMap(), ie = new WeakMap(), V = new WeakMap(), se = new WeakMap(), l(Te, "NineTableHScrollBar");
|
|
207
|
+
let pe = Te;
|
|
208
|
+
customElements.get("nine-table-hscrollbar") || customElements.define("nine-table-hscrollbar", pe);
|
|
209
|
+
var X, H, R, z, M, $, ne, re;
|
|
210
210
|
const qe = class qe {
|
|
211
211
|
constructor(i) {
|
|
212
212
|
u(this, X);
|
|
213
|
-
u(this,
|
|
214
|
-
u(this,
|
|
213
|
+
u(this, H, []);
|
|
214
|
+
u(this, R, null);
|
|
215
215
|
u(this, z, null);
|
|
216
216
|
u(this, M, 0);
|
|
217
|
-
u(this,
|
|
217
|
+
u(this, $, 0);
|
|
218
|
+
m(this, "getRowHeight", /* @__PURE__ */ l(() => e(this, R), "getRowHeight"));
|
|
218
219
|
u(this, ne, /* @__PURE__ */ l(() => {
|
|
219
220
|
e(this, re).call(this);
|
|
220
221
|
}, "#init"));
|
|
@@ -222,7 +223,7 @@ const qe = class qe {
|
|
|
222
223
|
* π― λ·°ν¬νΈ ν¬κΈ° λ³ν μμ μ λμ΄ κ³μ° λ° νμν ν κ°μ μ°μ Β·μΊμ±μ μκ²°
|
|
223
224
|
*/
|
|
224
225
|
u(this, re, /* @__PURE__ */ l(() => {
|
|
225
|
-
!e(this, X) || !(e(this, X) instanceof HTMLElement) || (
|
|
226
|
+
!e(this, X) || !(e(this, X) instanceof HTMLElement) || (p(this, z, new ResizeObserver((i) => {
|
|
226
227
|
for (const t of i) {
|
|
227
228
|
const s = t.target;
|
|
228
229
|
if (!s.classList.contains("active"))
|
|
@@ -231,12 +232,12 @@ const qe = class qe {
|
|
|
231
232
|
if (n > 0) {
|
|
232
233
|
const r = s.clientHeight || s.getBoundingClientRect().height || n;
|
|
233
234
|
let o = 0;
|
|
234
|
-
const h = s.querySelector(".ng-container-body") || s, g = h.querySelector("thead"),
|
|
235
|
-
g && (o += g.offsetHeight || g.getBoundingClientRect().height),
|
|
235
|
+
const h = s.querySelector(".ng-container-body") || s, g = h.querySelector("thead"), a = h.querySelector("tfoot");
|
|
236
|
+
g && (o += g.offsetHeight || g.getBoundingClientRect().height), a && (o += a.offsetHeight || a.getBoundingClientRect().height);
|
|
236
237
|
const d = Math.max(r - o, 100);
|
|
237
|
-
if (e(this, M) !== d && (
|
|
238
|
-
const
|
|
239
|
-
|
|
238
|
+
if (e(this, M) !== d && (p(this, M, d), e(this, R) !== null)) {
|
|
239
|
+
const c = Math.ceil(e(this, M) / e(this, R));
|
|
240
|
+
p(this, $, c + 20), I.log(`[RowManager] Resized. Height: ${e(this, M)}px | Target Rows: ${e(this, $)}`), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((b) => {
|
|
240
241
|
const f = s.querySelector(b);
|
|
241
242
|
f && f.querySelector("tbody") && this.renderRows(f);
|
|
242
243
|
});
|
|
@@ -245,36 +246,36 @@ const qe = class qe {
|
|
|
245
246
|
}
|
|
246
247
|
})), e(this, z).observe(e(this, X)));
|
|
247
248
|
}, "#initResizeObserver"));
|
|
248
|
-
|
|
249
|
+
m(this, "initTemplate", /* @__PURE__ */ l((i) => {
|
|
249
250
|
const t = i.querySelector("tbody.bindable") || i.querySelector("tbody");
|
|
250
251
|
if (!t) return;
|
|
251
252
|
const s = Array.from(t.querySelectorAll("tr")).filter((n) => !n.classList.contains("nodata"));
|
|
252
|
-
|
|
253
|
+
p(this, H, s.map((n) => n.cloneNode(!0))), p(this, R, null), console.log(`[RowManager] Template initialized with ${e(this, H).length} row(s).`);
|
|
253
254
|
}, "initTemplate"));
|
|
254
|
-
|
|
255
|
-
if (e(this,
|
|
256
|
-
return e(this,
|
|
257
|
-
if (e(this,
|
|
255
|
+
m(this, "measureAndCacheHeight", /* @__PURE__ */ l((i) => {
|
|
256
|
+
if (e(this, R) !== null && e(this, R) > 0)
|
|
257
|
+
return e(this, R);
|
|
258
|
+
if (e(this, H).length === 0)
|
|
258
259
|
throw new Error("[RowManager] Template TRs are empty.");
|
|
259
260
|
const t = i.querySelector("tbody.bindable") || i.querySelector("tbody");
|
|
260
261
|
if (!t) return 24;
|
|
261
|
-
t.querySelectorAll("tr:not(.nodata)").forEach((
|
|
262
|
+
t.querySelectorAll("tr:not(.nodata)").forEach((c) => c.remove());
|
|
262
263
|
const s = t.querySelector("tr.nodata"), n = document.createDocumentFragment();
|
|
263
|
-
e(this,
|
|
264
|
-
n.appendChild(
|
|
264
|
+
e(this, H).forEach((c) => {
|
|
265
|
+
n.appendChild(c.cloneNode(!0));
|
|
265
266
|
}), s ? s.before(n) : t.appendChild(n);
|
|
266
267
|
const r = i.closest("nine-table-sheet"), o = r ? r.style.display : "", h = r ? r.style.visibility : "", g = r ? r.style.position : "";
|
|
267
268
|
r && (r.style.display === "none" || window.getComputedStyle(r).display === "none") && (r.style.display = "block", r.style.visibility = "hidden", r.style.position = "absolute");
|
|
268
|
-
let
|
|
269
|
-
if (t.querySelectorAll("tr:not(.nodata)").forEach((
|
|
270
|
-
const f =
|
|
271
|
-
f === 0 ?
|
|
272
|
-
}), r && (r.style.display = o, r.style.visibility = h, r.style.position = g),
|
|
273
|
-
const
|
|
274
|
-
|
|
269
|
+
let a = 0;
|
|
270
|
+
if (t.querySelectorAll("tr:not(.nodata)").forEach((c, b) => {
|
|
271
|
+
const f = c.offsetHeight || c.getBoundingClientRect().height;
|
|
272
|
+
f === 0 ? a += 40 : a += f;
|
|
273
|
+
}), r && (r.style.display = o, r.style.visibility = h, r.style.position = g), p(this, R, a), e(this, M) > 0) {
|
|
274
|
+
const c = Math.ceil(e(this, M) / e(this, R));
|
|
275
|
+
p(this, $, c + 20);
|
|
275
276
|
} else
|
|
276
|
-
|
|
277
|
-
return console.log(`[RowManager] Template Height Cached: ${e(this,
|
|
277
|
+
p(this, $, 40);
|
|
278
|
+
return console.log(`[RowManager] Template Height Cached: ${e(this, R)}px | RowCount: ${e(this, $)}`), e(this, R);
|
|
278
279
|
}, "measureAndCacheHeight"));
|
|
279
280
|
/**
|
|
280
281
|
* π― μΊμλ ν κ°μ λ°ν (μμ λλ§ μ΅μνμ λ°©μ΄ μ°μ°)
|
|
@@ -292,59 +293,59 @@ const qe = class qe {
|
|
|
292
293
|
/**
|
|
293
294
|
* π― μΊμλ ν κ°μλ₯Ό 곧λ°λ‘ κ°μ Έμμ TR λΌλ μ£Όμ
(μ€λ³΅ κ³μ° μ κ±°)
|
|
294
295
|
*/
|
|
295
|
-
|
|
296
|
-
if (e(this,
|
|
296
|
+
m(this, "renderRows", /* @__PURE__ */ l((i) => {
|
|
297
|
+
if (e(this, H).length === 0) return;
|
|
297
298
|
const t = i.querySelector("tbody.bindable") || i.querySelector("tbody");
|
|
298
299
|
if (!t) return;
|
|
299
300
|
t.querySelectorAll("tr:not(.nodata)").forEach((o) => o.remove());
|
|
300
|
-
const s = t.querySelector("tr.nodata"), n = document.createDocumentFragment(), r = e(this,
|
|
301
|
+
const s = t.querySelector("tr.nodata"), n = document.createDocumentFragment(), r = e(this, $);
|
|
301
302
|
for (let o = 0; o < r; o++)
|
|
302
|
-
e(this,
|
|
303
|
+
e(this, H).forEach((h) => {
|
|
303
304
|
n.appendChild(h.cloneNode(!0));
|
|
304
305
|
});
|
|
305
306
|
s ? s.before(n) : t.appendChild(n), console.log(`[RowManager] Rendered ${r} sets into DOM.`);
|
|
306
307
|
}, "renderRows"));
|
|
307
|
-
|
|
308
|
-
e(this, z) && (e(this, z).disconnect(),
|
|
308
|
+
m(this, "destroy", /* @__PURE__ */ l(() => {
|
|
309
|
+
e(this, z) && (e(this, z).disconnect(), p(this, z, null));
|
|
309
310
|
}, "destroy"));
|
|
310
|
-
|
|
311
|
+
p(this, X, i), e(this, ne).call(this);
|
|
311
312
|
}
|
|
312
313
|
get templateLength() {
|
|
313
|
-
return e(this,
|
|
314
|
+
return e(this, H).length || 1;
|
|
314
315
|
}
|
|
315
316
|
};
|
|
316
|
-
X = new WeakMap(),
|
|
317
|
-
let
|
|
318
|
-
var L,
|
|
317
|
+
X = new WeakMap(), H = new WeakMap(), R = new WeakMap(), z = new WeakMap(), M = new WeakMap(), $ = new WeakMap(), ne = new WeakMap(), re = new WeakMap(), l(qe, "RowManager");
|
|
318
|
+
let ye = qe;
|
|
319
|
+
var L, Y, oe;
|
|
319
320
|
const G = class G extends HTMLElement {
|
|
320
321
|
constructor() {
|
|
321
322
|
super();
|
|
322
323
|
u(this, L, null);
|
|
323
|
-
u(this,
|
|
324
|
-
|
|
324
|
+
u(this, Y);
|
|
325
|
+
m(this, "init", /* @__PURE__ */ l((t) => {
|
|
325
326
|
if (!t) return;
|
|
326
|
-
const s = /* @__PURE__ */ l((
|
|
327
|
+
const s = /* @__PURE__ */ l((a) => {
|
|
327
328
|
const d = /* @__PURE__ */ l((b) => {
|
|
328
329
|
if (b.querySelector("colgroup")) return;
|
|
329
330
|
const f = b.querySelector("tbody tr") || b.querySelector("tr"), S = f ? f.querySelectorAll("th, td").length : 1, x = document.createElement("colgroup"), C = Math.max(Math.floor((b.clientWidth || 600) / S), 100);
|
|
330
331
|
for (let q = 0; q < S; q++) {
|
|
331
|
-
const
|
|
332
|
-
|
|
332
|
+
const K = document.createElement("col");
|
|
333
|
+
K.setAttribute("width", C), x.appendChild(K);
|
|
333
334
|
}
|
|
334
335
|
b.prepend(x);
|
|
335
|
-
}, "ensureColgroup"),
|
|
336
|
+
}, "ensureColgroup"), c = /* @__PURE__ */ l((b) => {
|
|
336
337
|
if (b.querySelector("thead")) return;
|
|
337
338
|
const f = document.createElement("thead"), S = b.querySelector("colgroup");
|
|
338
339
|
S ? S.after(f) : b.prepend(f);
|
|
339
340
|
}, "ensureThead");
|
|
340
|
-
return d(
|
|
341
|
+
return d(a), c(a), a.classList.add("nine-table-element"), a;
|
|
341
342
|
}, "initializeTable"), n = t.cloneNode(!0);
|
|
342
|
-
|
|
343
|
-
const r = this.querySelector(".ng-container-left"), o = this.querySelector(".ng-container-body"), h = this.querySelector(".ng-container-right"), g = /* @__PURE__ */ l((
|
|
344
|
-
const b =
|
|
343
|
+
p(this, L, s(n)), e(this, L).style.display = "table", e(this, Y).initTemplate(e(this, L));
|
|
344
|
+
const r = this.querySelector(".ng-container-left"), o = this.querySelector(".ng-container-body"), h = this.querySelector(".ng-container-right"), g = /* @__PURE__ */ l((a, d, c = !1) => {
|
|
345
|
+
const b = a.cloneNode(!0), f = Array.from(b.querySelectorAll("colgroup col")), S = [];
|
|
345
346
|
return f.forEach((x, C) => {
|
|
346
347
|
const q = x.getAttribute("fixed");
|
|
347
|
-
(
|
|
348
|
+
(c ? q !== "left" && q !== "right" : q === d) || S.push(C);
|
|
348
349
|
}), S.reverse().forEach((x) => {
|
|
349
350
|
f[x] && f[x].remove(), b.querySelectorAll("tr").forEach((C) => {
|
|
350
351
|
const q = C.querySelectorAll("th, td");
|
|
@@ -353,47 +354,48 @@ const G = class G extends HTMLElement {
|
|
|
353
354
|
}), b;
|
|
354
355
|
}, "filterTableByFixed");
|
|
355
356
|
if (o) {
|
|
356
|
-
const
|
|
357
|
-
o.innerHTML = "", o.appendChild(
|
|
357
|
+
const a = g(e(this, L), null, !0);
|
|
358
|
+
o.innerHTML = "", o.appendChild(a), e(this, Y).measureAndCacheHeight(o);
|
|
358
359
|
}
|
|
359
360
|
if (r) {
|
|
360
|
-
const
|
|
361
|
+
const a = g(e(this, L), "left", !1);
|
|
361
362
|
let d = 0;
|
|
362
|
-
|
|
363
|
+
a.querySelectorAll("col").forEach((b) => {
|
|
363
364
|
const f = parseInt(b.getAttribute("width"), 10);
|
|
364
365
|
isNaN(f) || (d += f);
|
|
365
|
-
}), r.innerHTML = "", r.appendChild(
|
|
366
|
-
const
|
|
367
|
-
r.style.flex = `0 0 ${
|
|
366
|
+
}), r.innerHTML = "", r.appendChild(a);
|
|
367
|
+
const c = d > 0 ? d : 0;
|
|
368
|
+
r.style.flex = `0 0 ${c}px`, r.style.width = `${c}px`;
|
|
368
369
|
}
|
|
369
370
|
if (h) {
|
|
370
|
-
const
|
|
371
|
+
const a = g(e(this, L), "right", !1);
|
|
371
372
|
let d = 0;
|
|
372
|
-
|
|
373
|
+
a.querySelectorAll("col").forEach((b) => {
|
|
373
374
|
const f = parseInt(b.getAttribute("width"), 10);
|
|
374
375
|
isNaN(f) || (d += f);
|
|
375
|
-
}), h.innerHTML = "", h.appendChild(
|
|
376
|
-
const
|
|
377
|
-
h.style.flex = `0 0 ${
|
|
376
|
+
}), h.innerHTML = "", h.appendChild(a);
|
|
377
|
+
const c = d > 0 ? d : 0;
|
|
378
|
+
h.style.flex = `0 0 ${c}px`, h.style.width = `${c}px`;
|
|
378
379
|
}
|
|
379
380
|
if (o) {
|
|
380
|
-
const
|
|
381
|
-
o.style.overflowY =
|
|
381
|
+
const a = this.getRowCount();
|
|
382
|
+
o.style.overflowY = a > 10 ? "auto" : "hidden", o.addEventListener("scroll", () => {
|
|
382
383
|
const d = this.querySelector("nine-table-hscrollbar");
|
|
383
384
|
d && typeof d.refresh == "function" && d.refresh();
|
|
384
385
|
});
|
|
385
386
|
}
|
|
386
387
|
setTimeout(() => {
|
|
387
|
-
const
|
|
388
|
-
|
|
389
|
-
}, 0),
|
|
388
|
+
const a = this.querySelector("nine-table-hscrollbar");
|
|
389
|
+
a && typeof a.refresh == "function" && a.refresh();
|
|
390
|
+
}, 0), I.log(`NineTableSheet 3-split initialized with rows: ${this.getRowCount()}`);
|
|
390
391
|
}, "init"));
|
|
391
|
-
|
|
392
|
-
|
|
392
|
+
m(this, "getRowHeight", /* @__PURE__ */ l(() => e(this, Y).getRowHeight(), "getRowHeight"));
|
|
393
|
+
m(this, "getRowCount", /* @__PURE__ */ l(() => e(this, L) ? e(this, L).querySelectorAll("tbody tr").length : 0, "getRowCount"));
|
|
394
|
+
m(this, "scrollToX", /* @__PURE__ */ l((t) => {
|
|
393
395
|
const s = this.querySelector(".ng-container-body");
|
|
394
396
|
s && (s.scrollLeft = t);
|
|
395
397
|
}, "scrollToX"));
|
|
396
|
-
|
|
398
|
+
m(this, "scrollToY", /* @__PURE__ */ l((t) => {
|
|
397
399
|
const s = this.querySelector(".ng-container-body");
|
|
398
400
|
s && (s.scrollTop = t);
|
|
399
401
|
}, "scrollToY"));
|
|
@@ -514,16 +516,16 @@ const G = class G extends HTMLElement {
|
|
|
514
516
|
</div>
|
|
515
517
|
`;
|
|
516
518
|
}, "#render"));
|
|
517
|
-
|
|
519
|
+
p(this, Y, new ye(this));
|
|
518
520
|
}
|
|
519
521
|
connectedCallback() {
|
|
520
522
|
e(this, oe).call(this);
|
|
521
523
|
}
|
|
522
524
|
disconnectedCallback() {
|
|
523
|
-
this.innerHTML = "",
|
|
525
|
+
this.innerHTML = "", I.log("NineTableSheet destroyed.");
|
|
524
526
|
}
|
|
525
527
|
};
|
|
526
|
-
L = new WeakMap(),
|
|
528
|
+
L = new WeakMap(), Y = new WeakMap(), oe = new WeakMap(), l(G, "NineTableSheet"), m(G, "SCROLLBAR_SIZE", 16);
|
|
527
529
|
let te = G;
|
|
528
530
|
customElements.get("nine-table-sheet") || customElements.define("nine-table-sheet", te);
|
|
529
531
|
var le;
|
|
@@ -539,43 +541,43 @@ const Ae = class Ae extends HTMLElement {
|
|
|
539
541
|
this.switchSheet(o, r);
|
|
540
542
|
}), this.switchSheet(0, !1));
|
|
541
543
|
}, "#init"));
|
|
542
|
-
|
|
543
|
-
const n = /* @__PURE__ */ l((
|
|
544
|
-
const b = Array.from(
|
|
545
|
-
Array.from(
|
|
544
|
+
m(this, "switchSheet", /* @__PURE__ */ l((t, s = !1) => {
|
|
545
|
+
const n = /* @__PURE__ */ l((c) => {
|
|
546
|
+
const b = Array.from(c.querySelectorAll("nine-table-sheet"));
|
|
547
|
+
Array.from(c.querySelectorAll("nine-splitter")).forEach((x) => x.style.setProperty("display", "none"));
|
|
546
548
|
const S = b.filter((x) => x.classList.contains("active"));
|
|
547
549
|
S.length < 2 || S.forEach((x) => {
|
|
548
|
-
const C = parseInt(x.getAttribute("data-index"), 10), q =
|
|
549
|
-
q &&
|
|
550
|
+
const C = parseInt(x.getAttribute("data-index"), 10), q = c.querySelector(`nine-splitter[data-split-index="${C}"]`), K = b[C + 1];
|
|
551
|
+
q && K && K.classList.contains("active") && q.style.setProperty("display", "block");
|
|
550
552
|
});
|
|
551
553
|
}, "updateSplitters"), r = this.querySelector(".nine-tab-bar"), o = this.querySelector("nine-table-sheets-body"), h = r.querySelectorAll(".nine-tab-item"), g = o.querySelectorAll("nine-table-sheet");
|
|
552
554
|
if (!h[t]) return;
|
|
553
555
|
if (!s)
|
|
554
|
-
h.forEach((
|
|
555
|
-
|
|
556
|
+
h.forEach((c, b) => {
|
|
557
|
+
c.classList.toggle("active", b === t);
|
|
556
558
|
const f = o.querySelector(`nine-table-sheet[data-index="${b}"]`);
|
|
557
559
|
f && (f.style.flex = "");
|
|
558
|
-
}), g.forEach((
|
|
559
|
-
|
|
560
|
+
}), g.forEach((c, b) => {
|
|
561
|
+
c.classList.toggle("active", b === t);
|
|
560
562
|
});
|
|
561
563
|
else {
|
|
562
|
-
const
|
|
563
|
-
if (
|
|
564
|
+
const c = h[t], b = r.querySelectorAll(".nine-tab-item.active");
|
|
565
|
+
if (c.classList.contains("active") && b.length <= 1)
|
|
564
566
|
return;
|
|
565
|
-
|
|
567
|
+
c.classList.toggle("active");
|
|
566
568
|
const f = o.querySelector(`nine-table-sheet[data-index="${t}"]`);
|
|
567
569
|
f && (f.classList.toggle("active"), f.classList.contains("active") || (f.style.flex = ""));
|
|
568
570
|
}
|
|
569
|
-
const
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
}) :
|
|
573
|
-
|
|
571
|
+
const a = Array.from(o.querySelectorAll("nine-table-sheet.active"));
|
|
572
|
+
a.length > 1 ? a.forEach((c) => {
|
|
573
|
+
c.style.flex = "1 1 0%";
|
|
574
|
+
}) : a.forEach((c) => {
|
|
575
|
+
c.style.flex = "1 1 100%";
|
|
574
576
|
}), n(o);
|
|
575
577
|
const d = o.querySelector("nine-table-sheet.active");
|
|
576
578
|
if (d && typeof d.getRowCount == "function") {
|
|
577
|
-
const
|
|
578
|
-
|
|
579
|
+
const c = this.querySelector("#row-count");
|
|
580
|
+
c && (c.textContent = d.getRowCount().toLocaleString());
|
|
579
581
|
}
|
|
580
582
|
}, "switchSheet"));
|
|
581
583
|
}
|
|
@@ -586,35 +588,36 @@ const Ae = class Ae extends HTMLElement {
|
|
|
586
588
|
le = new WeakMap(), l(Ae, "NineTableSheets");
|
|
587
589
|
let we = Ae;
|
|
588
590
|
customElements.get("nine-table-sheets") || customElements.define("nine-table-sheets", we);
|
|
589
|
-
var
|
|
591
|
+
var E, J, ae, Q, ce;
|
|
590
592
|
const ke = class ke {
|
|
591
593
|
constructor(i) {
|
|
592
|
-
u(this,
|
|
594
|
+
u(this, E);
|
|
593
595
|
u(this, J, null);
|
|
594
596
|
u(this, ae, /* @__PURE__ */ l(() => {
|
|
595
|
-
const i = e(this,
|
|
596
|
-
i && (
|
|
597
|
+
const i = e(this, E).host;
|
|
598
|
+
i && (p(this, J, new ResizeObserver((t) => {
|
|
597
599
|
for (let s of t)
|
|
598
600
|
i.getAttribute("auto-height") === "true" && e(this, Q).call(this, i);
|
|
599
601
|
})), e(this, J).observe(i));
|
|
600
602
|
}, "#observeResize"));
|
|
601
603
|
u(this, Q, /* @__PURE__ */ l((i) => {
|
|
602
|
-
var S, x, C;
|
|
603
|
-
const t = e(this,
|
|
604
|
-
if (
|
|
605
|
-
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
610
|
-
|
|
604
|
+
var f, S, x, C;
|
|
605
|
+
const t = e(this, E).querySelector("nine-table-sheet.active");
|
|
606
|
+
if (I.log(i), I.log(e(this, E)), I.log(t), !t) return;
|
|
607
|
+
I.log(":::::::::", t.getRowHeight());
|
|
608
|
+
const s = ((f = t.getRowCount) == null ? void 0 : f.call(t)) || 0, n = parseInt(i.getAttribute("max-display-row"), 10) || 10, r = Math.min(s, n), o = (S = t.querySelector("tbody tr")) == null ? void 0 : S.getBoundingClientRect().height, h = (x = e(this, E).querySelector("nine-table-header")) == null ? void 0 : x.getBoundingClientRect().height, g = (C = e(this, E).querySelector("nine-table-sheets-footer")) == null ? void 0 : C.getBoundingClientRect().height, a = te.SCROLLBAR_SIZE;
|
|
609
|
+
I.log("rowHeight", o);
|
|
610
|
+
const d = h + g + a, c = r * o + d;
|
|
611
|
+
i.style.height = `${c}px`, i.style.maxHeight = `${n * o + d}px`;
|
|
612
|
+
const b = e(this, E).querySelector("nine-table-sheets-body");
|
|
613
|
+
b && (b.style.overflowY = s > n ? "auto" : "hidden");
|
|
611
614
|
}, "#applyAutoHeight"));
|
|
612
615
|
u(this, ce, /* @__PURE__ */ l(() => {
|
|
613
|
-
const i = e(this,
|
|
616
|
+
const i = e(this, E).host, s = Array.from(i.children).filter((a) => a.tagName === "TABLE"), n = i.getAttribute("auto-height") === "true", r = s.length, o = s.map((a, d) => {
|
|
614
617
|
const b = `<nine-table-sheet class="${d === 0 ? "active" : ""}" data-index="${d}"></nine-table-sheet>`, f = d < r - 1 ? `<nine-splitter class="h" data-split-index="${d}"></nine-splitter>` : "";
|
|
615
618
|
return b + f;
|
|
616
|
-
}).join(""), h = s.map((
|
|
617
|
-
e(this,
|
|
619
|
+
}).join(""), h = s.map((a, d) => `<div class="nine-tab-item ${d === 0 ? "active" : ""}" data-index="${d}">Sheet ${d + 1}</div>`).join("");
|
|
620
|
+
e(this, E).innerHTML = `
|
|
618
621
|
<style>
|
|
619
622
|
:host {
|
|
620
623
|
display: flex;
|
|
@@ -721,61 +724,61 @@ const ke = class ke {
|
|
|
721
724
|
</nine-table-body>
|
|
722
725
|
<nine-table-footer></nine-table-footer>
|
|
723
726
|
`;
|
|
724
|
-
const g = e(this,
|
|
725
|
-
g == null || g.forEach((
|
|
727
|
+
const g = e(this, E).querySelectorAll("nine-table-sheet");
|
|
728
|
+
g == null || g.forEach((a, d) => {
|
|
726
729
|
s[d] && setTimeout(() => {
|
|
727
|
-
|
|
730
|
+
a.init(s[d]), n && e(this, Q).call(this, i);
|
|
728
731
|
});
|
|
729
732
|
});
|
|
730
733
|
}, "#render"));
|
|
731
|
-
|
|
734
|
+
p(this, E, i), e(this, ce).call(this), e(this, ae).call(this);
|
|
732
735
|
}
|
|
733
736
|
};
|
|
734
|
-
|
|
737
|
+
E = new WeakMap(), J = new WeakMap(), ae = new WeakMap(), Q = new WeakMap(), ce = new WeakMap(), l(ke, "LayoutManager");
|
|
735
738
|
let me = ke;
|
|
736
|
-
var W,
|
|
739
|
+
var W, F;
|
|
737
740
|
const Ce = class Ce {
|
|
738
741
|
constructor(i) {
|
|
739
742
|
u(this, W);
|
|
740
|
-
u(this,
|
|
741
|
-
|
|
742
|
-
|
|
743
|
+
u(this, F, -1);
|
|
744
|
+
m(this, "count", /* @__PURE__ */ l(() => e(this, W).rawRecords.length, "count"));
|
|
745
|
+
p(this, W, i);
|
|
743
746
|
}
|
|
744
747
|
get at() {
|
|
745
|
-
return e(this,
|
|
748
|
+
return e(this, F);
|
|
746
749
|
}
|
|
747
750
|
set at(i) {
|
|
748
751
|
var s, n;
|
|
749
|
-
|
|
752
|
+
p(this, F, parseInt(i, 10));
|
|
750
753
|
const t = ((n = (s = e(this, W).owner).querySelector) == null ? void 0 : n.call(s, ".ng-container-body")) || e(this, W).owner.body;
|
|
751
|
-
t && !t.querySelector(`tbody.bindable tr[data-row="${e(this,
|
|
754
|
+
t && !t.querySelector(`tbody.bindable tr[data-row="${e(this, F)}"]`) && setTimeout(() => {
|
|
752
755
|
var r, o;
|
|
753
|
-
(o = (r = e(this, W).owner).scrollTo_V1) == null || o.call(r, e(this,
|
|
756
|
+
(o = (r = e(this, W).owner).scrollTo_V1) == null || o.call(r, e(this, F));
|
|
754
757
|
});
|
|
755
758
|
}
|
|
756
759
|
};
|
|
757
|
-
W = new WeakMap(),
|
|
760
|
+
W = new WeakMap(), F = new WeakMap(), l(Ce, "ngRow");
|
|
758
761
|
let ve = Ce;
|
|
759
|
-
var T,
|
|
762
|
+
var T, v, k, Z, he, O, de, ee, fe, ue, j;
|
|
760
763
|
const A = class A {
|
|
761
764
|
constructor(i, t) {
|
|
762
765
|
u(this, T);
|
|
763
|
-
u(this,
|
|
766
|
+
u(this, v);
|
|
764
767
|
u(this, k, []);
|
|
765
768
|
u(this, Z, []);
|
|
766
769
|
u(this, he, 0);
|
|
767
770
|
u(this, O, []);
|
|
768
771
|
u(this, de, /* @__PURE__ */ l(() => {
|
|
769
|
-
|
|
772
|
+
p(this, O, []);
|
|
770
773
|
const i = e(this, T).template || [];
|
|
771
774
|
Array.from(i).forEach((t) => {
|
|
772
775
|
var s;
|
|
773
776
|
e(this, O).push(((s = t.getBoundingClientRect) == null ? void 0 : s.call(t).height) || 24);
|
|
774
|
-
}), (e(this,
|
|
777
|
+
}), (e(this, v).rawRecords || []).forEach((t) => {
|
|
775
778
|
t.__ng || (t.__ng = e(this, ee).call(this)), t.__ng.height = e(this, O).slice();
|
|
776
779
|
});
|
|
777
780
|
}, "#initialize"));
|
|
778
|
-
|
|
781
|
+
m(this, "set", /* @__PURE__ */ l((i) => {
|
|
779
782
|
this.clear(), this.add(i, !1);
|
|
780
783
|
}, "set"));
|
|
781
784
|
u(this, ee, /* @__PURE__ */ l(() => ({
|
|
@@ -787,12 +790,12 @@ const A = class A {
|
|
|
787
790
|
c: {},
|
|
788
791
|
_: [0, 0, 0, 0, A.ROW_STATE.EMPTY, !1, !1, !0, !1, !0, !0, !1, e(this, O).slice(), -1, {}, {}]
|
|
789
792
|
}), "#getDefaultMeta"));
|
|
790
|
-
|
|
791
|
-
|
|
793
|
+
m(this, "reset", /* @__PURE__ */ l(() => {
|
|
794
|
+
p(this, k, []), p(this, Z, []);
|
|
792
795
|
}, "reset"));
|
|
793
|
-
|
|
796
|
+
m(this, "clear", /* @__PURE__ */ l(() => {
|
|
794
797
|
var i;
|
|
795
|
-
e(this,
|
|
798
|
+
e(this, v).rawRecords = [], p(this, k, []), p(this, Z, []), (i = e(this, v).viewRecords) != null && i.reset && e(this, v).viewRecords.reset();
|
|
796
799
|
}, "clear"));
|
|
797
800
|
u(this, fe, /* @__PURE__ */ l((i) => {
|
|
798
801
|
var n;
|
|
@@ -808,30 +811,30 @@ const A = class A {
|
|
|
808
811
|
u(this, ue, /* @__PURE__ */ l((i) => (Array.isArray(i) || (i = [i]), i.forEach((t) => {
|
|
809
812
|
t.__ng = e(this, ee).call(this), t.__ng.rowid = this.nextId, t.__ng.rowState = A.ROW_STATE.INSERT, t.__ng._[0] = t.__ng.rowid;
|
|
810
813
|
}), i), "#defaultInsert"));
|
|
811
|
-
|
|
814
|
+
m(this, "add", /* @__PURE__ */ l((i, t = !0) => {
|
|
812
815
|
var r;
|
|
813
816
|
i === void 0 && (i = {});
|
|
814
817
|
const s = e(this, fe).call(this, i);
|
|
815
|
-
e(this,
|
|
818
|
+
e(this, v).rawRecords = e(this, v).rawRecords.concat(e(this, ue).call(this, s)), this.resetRecords();
|
|
816
819
|
const n = this.count() - 1;
|
|
817
820
|
return t || s.forEach((o, h) => {
|
|
818
|
-
const g = e(this,
|
|
821
|
+
const g = e(this, v).rawRecords[n - h];
|
|
819
822
|
g && (g.__ng.rowState = A.ROW_STATE.EMPTY);
|
|
820
|
-
}), (r = e(this,
|
|
823
|
+
}), (r = e(this, v).viewRecords) != null && r.reset && e(this, v).viewRecords.reset(), n;
|
|
821
824
|
}, "add"));
|
|
822
|
-
|
|
825
|
+
m(this, "delete", /* @__PURE__ */ l((i) => {
|
|
823
826
|
var s;
|
|
824
827
|
let t = [];
|
|
825
|
-
Array.isArray(i) ? t = i : typeof i > "u" ? t = [e(this,
|
|
828
|
+
Array.isArray(i) ? t = i : typeof i > "u" ? t = [e(this, v).owner.row.at] : t = [parseInt(i, 10)], t.sort((n, r) => r - n).forEach((n) => {
|
|
826
829
|
if (e(this, k)[n]) {
|
|
827
830
|
const r = e(this, k)[n].__ng.rowid;
|
|
828
|
-
e(this, k)[n].__ng.rowState === A.ROW_STATE.INSERT ? e(this,
|
|
831
|
+
e(this, k)[n].__ng.rowState === A.ROW_STATE.INSERT ? e(this, v).rawRecords = e(this, v).rawRecords.filter((o) => o.__ng.rowid !== r) : e(this, v).rawRecords.forEach((o) => {
|
|
829
832
|
o.__ng.rowid === r && (o.__ng.deleted = !0, o.__ng.rowState = A.ROW_STATE.DELETE);
|
|
830
833
|
});
|
|
831
834
|
}
|
|
832
|
-
}), this.resetRecords(), (s = e(this,
|
|
835
|
+
}), this.resetRecords(), (s = e(this, v).viewRecords) != null && s.reset && e(this, v).viewRecords.reset();
|
|
833
836
|
}, "delete"));
|
|
834
|
-
|
|
837
|
+
m(this, "setValue", /* @__PURE__ */ l((i, t, s) => {
|
|
835
838
|
var g;
|
|
836
839
|
i = parseInt(i, 10);
|
|
837
840
|
const r = (typeof ((g = e(this, T).fields) == null ? void 0 : g.get) == "function" ? e(this, T).fields.get() : []).indexOf(t);
|
|
@@ -839,16 +842,16 @@ const A = class A {
|
|
|
839
842
|
const o = this.getValidData()[i];
|
|
840
843
|
if (!o) return;
|
|
841
844
|
const h = o.v[r];
|
|
842
|
-
h !== s && o.__ng.rowState !== A.ROW_STATE.INSERT && (o.__ng.o.hasOwnProperty(t) || (o.__ng.o[t] = h), o.__ng.rowState = A.ROW_STATE.UPDATE), o.v[r] = s, e(this,
|
|
845
|
+
h !== s && o.__ng.rowState !== A.ROW_STATE.INSERT && (o.__ng.o.hasOwnProperty(t) || (o.__ng.o[t] = h), o.__ng.rowState = A.ROW_STATE.UPDATE), o.v[r] = s, e(this, v).owner.refreshData && e(this, v).owner.refreshData(i);
|
|
843
846
|
}, "setValue"));
|
|
844
|
-
|
|
845
|
-
|
|
847
|
+
m(this, "resetRecords", /* @__PURE__ */ l(() => {
|
|
848
|
+
p(this, Z, e(this, v).rawRecords.filter((i) => !i.__ng.deleted)), p(this, k, e(this, v).rawRecords.filter((i) => !i.__ng.deleted && !i.__ng.filtered)), e(this, v).rawRecords.forEach((i, t) => {
|
|
846
849
|
i.__ng.rowidx = t;
|
|
847
850
|
}), e(this, k).forEach((i, t) => {
|
|
848
851
|
i.__ng.i = t;
|
|
849
852
|
});
|
|
850
853
|
}, "resetRecords"));
|
|
851
|
-
|
|
854
|
+
m(this, "getValidData", /* @__PURE__ */ l(() => (e(this, k).length === 0 && e(this, v).rawRecords.length > 0 && this.resetRecords(), e(this, k)), "getValidData"));
|
|
852
855
|
u(this, j, /* @__PURE__ */ l((i) => {
|
|
853
856
|
var s;
|
|
854
857
|
if (!i) return i;
|
|
@@ -860,8 +863,8 @@ const A = class A {
|
|
|
860
863
|
}), r.__ng = n.__ng, r;
|
|
861
864
|
}) : i;
|
|
862
865
|
}, "#conv2"));
|
|
863
|
-
|
|
864
|
-
|
|
866
|
+
m(this, "count", /* @__PURE__ */ l(() => this.getValidData().length, "count"));
|
|
867
|
+
m(this, "get", /* @__PURE__ */ l((i, t) => {
|
|
865
868
|
var r;
|
|
866
869
|
const s = this.getValidData();
|
|
867
870
|
if (!s || s.length <= 0) return;
|
|
@@ -874,10 +877,10 @@ const A = class A {
|
|
|
874
877
|
}
|
|
875
878
|
return e(this, j).call(this, s[i]);
|
|
876
879
|
}, "get"));
|
|
877
|
-
|
|
880
|
+
p(this, T, i), p(this, v, t), e(this, de).call(this);
|
|
878
881
|
}
|
|
879
882
|
get source() {
|
|
880
|
-
return e(this, j).call(this, e(this,
|
|
883
|
+
return e(this, j).call(this, e(this, v).rawRecords);
|
|
881
884
|
}
|
|
882
885
|
set source(i) {
|
|
883
886
|
this.clear(), this.add(i, !1);
|
|
@@ -886,8 +889,8 @@ const A = class A {
|
|
|
886
889
|
return ++$e(this, he)._;
|
|
887
890
|
}
|
|
888
891
|
};
|
|
889
|
-
T = new WeakMap(),
|
|
890
|
-
|
|
892
|
+
T = new WeakMap(), v = new WeakMap(), k = new WeakMap(), Z = new WeakMap(), he = new WeakMap(), O = new WeakMap(), de = new WeakMap(), ee = new WeakMap(), fe = new WeakMap(), ue = new WeakMap(), j = new WeakMap(), l(A, "ngData"), // π― ν μν μ μ μμλ₯Ό ν΄λμ€ λ΄λΆλ‘ λ΄μ¬ν
|
|
893
|
+
m(A, "ROW_STATE", {
|
|
891
894
|
EMPTY: "EMPTY",
|
|
892
895
|
NORMAL: "NORMAL",
|
|
893
896
|
INSERT: "INSERT",
|
|
@@ -916,35 +919,35 @@ const Le = class Le {
|
|
|
916
919
|
};
|
|
917
920
|
l(Le, "ngDataManager");
|
|
918
921
|
let Se = Le;
|
|
919
|
-
var
|
|
922
|
+
var U, be;
|
|
920
923
|
const _e = class _e extends HTMLElement {
|
|
921
924
|
constructor() {
|
|
922
925
|
super();
|
|
923
926
|
//#created = false;
|
|
924
|
-
u(this,
|
|
927
|
+
u(this, U);
|
|
925
928
|
u(this, be);
|
|
926
|
-
this.attachShadow({ mode: "open" }),
|
|
929
|
+
this.attachShadow({ mode: "open" }), p(this, U, new Se(this));
|
|
927
930
|
}
|
|
928
931
|
connectedCallback() {
|
|
929
|
-
|
|
932
|
+
p(this, be, new me(this.shadowRoot)), I.log("NineTable connected."), this.dispatchEvent(new CustomEvent("load", { bubbles: !0, detail: { target: this } }));
|
|
930
933
|
}
|
|
931
934
|
disconnectedCallback() {
|
|
932
|
-
|
|
935
|
+
I.log("NineTable disconnected.");
|
|
933
936
|
}
|
|
934
937
|
// π― μΈλΆμμ grid.data.set(...) ννλ‘ μ κ·Όν μ μλλ‘ λ°μ΄ν° 맀λμ μ€ν
|
|
935
938
|
get data() {
|
|
936
|
-
return e(this,
|
|
939
|
+
return e(this, U).data;
|
|
937
940
|
}
|
|
938
941
|
// π― ν(row) κ΄λ ¨ μ μ΄ μ κ·Όμ μ€ν
|
|
939
942
|
get row() {
|
|
940
|
-
return e(this,
|
|
943
|
+
return e(this, U).row;
|
|
941
944
|
}
|
|
942
945
|
// π― μ 체 λ°μ΄ν° 맀λμ μ κ·Ό νμν κ²½μ°
|
|
943
946
|
get dataManager() {
|
|
944
|
-
return e(this,
|
|
947
|
+
return e(this, U);
|
|
945
948
|
}
|
|
946
949
|
};
|
|
947
|
-
|
|
948
|
-
let
|
|
949
|
-
customElements.get("nine-table") || customElements.define("nine-table",
|
|
950
|
+
U = new WeakMap(), be = new WeakMap(), l(_e, "NineTable");
|
|
951
|
+
let Re = _e;
|
|
952
|
+
customElements.get("nine-table") || customElements.define("nine-table", Re);
|
|
950
953
|
//# sourceMappingURL=nine-table.js.map
|