@ninebone/table 0.0.822 β 0.0.825
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 +453 -446
- 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
|
@@ -2,16 +2,16 @@ var ms = Object.defineProperty;
|
|
|
2
2
|
var xs = (T) => {
|
|
3
3
|
throw TypeError(T);
|
|
4
4
|
};
|
|
5
|
-
var Rs = (T,
|
|
6
|
-
var h = (T,
|
|
7
|
-
var E = (T,
|
|
8
|
-
var t = (T,
|
|
9
|
-
var ws = (T,
|
|
10
|
-
set _(
|
|
11
|
-
y(T,
|
|
5
|
+
var Rs = (T, r, e) => r in T ? ms(T, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : T[r] = e;
|
|
6
|
+
var h = (T, r) => ms(T, "name", { value: r, configurable: !0 });
|
|
7
|
+
var E = (T, r, e) => Rs(T, typeof r != "symbol" ? r + "" : r, e), qe = (T, r, e) => r.has(T) || xs("Cannot " + e);
|
|
8
|
+
var t = (T, r, e) => (qe(T, r, "read from private field"), e ? e.call(T) : r.get(T)), d = (T, r, e) => r.has(T) ? xs("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(T) : r.set(T, e), y = (T, r, e, s) => (qe(T, r, "write to private field"), s ? s.call(T, e) : r.set(T, e), e), Y = (T, r, e) => (qe(T, r, "access private method"), e);
|
|
9
|
+
var ws = (T, r, e, s) => ({
|
|
10
|
+
set _(n) {
|
|
11
|
+
y(T, r, n, e);
|
|
12
12
|
},
|
|
13
13
|
get _() {
|
|
14
|
-
return t(T,
|
|
14
|
+
return t(T, r, s);
|
|
15
15
|
}
|
|
16
16
|
});
|
|
17
17
|
import { trace as As } from "@ninebone/util";
|
|
@@ -23,12 +23,12 @@ const es = class es extends As.constructor {
|
|
|
23
23
|
h(es, "Trace");
|
|
24
24
|
let Te = es;
|
|
25
25
|
const q = new Te();
|
|
26
|
-
var j,
|
|
26
|
+
var j, G, A, tt, et, st, Zt, rt, Jt;
|
|
27
27
|
const ss = class ss extends HTMLElement {
|
|
28
28
|
constructor() {
|
|
29
29
|
super();
|
|
30
30
|
d(this, j);
|
|
31
|
-
d(this,
|
|
31
|
+
d(this, G, !1);
|
|
32
32
|
d(this, A);
|
|
33
33
|
d(this, tt);
|
|
34
34
|
d(this, et);
|
|
@@ -41,17 +41,17 @@ const ss = class ss extends HTMLElement {
|
|
|
41
41
|
})), t(this, st).observe(e));
|
|
42
42
|
}, "#observeResize"));
|
|
43
43
|
E(this, "refresh", /* @__PURE__ */ h(() => {
|
|
44
|
-
if (!t(this, j) || !t(this, A) || t(this,
|
|
45
|
-
const e = t(this, A).container,
|
|
46
|
-
if (!
|
|
47
|
-
const
|
|
44
|
+
if (!t(this, j) || !t(this, A) || t(this, G)) return;
|
|
45
|
+
const e = t(this, A).container, s = e.querySelector("table");
|
|
46
|
+
if (!s) return;
|
|
47
|
+
const n = t(this, A).track, i = t(this, A).thumb, o = t(this, j).querySelector(".ng-container-bottom"), a = e.clientWidth, c = s.scrollWidth;
|
|
48
48
|
if (a !== 0 && c > a)
|
|
49
49
|
o && (o.style.display = "flex");
|
|
50
50
|
else {
|
|
51
51
|
o && (o.style.display = "none");
|
|
52
52
|
return;
|
|
53
53
|
}
|
|
54
|
-
const l =
|
|
54
|
+
const l = n.clientWidth;
|
|
55
55
|
if (l <= 0) return;
|
|
56
56
|
const g = Math.max(Math.min(l * (a / c), l), 20);
|
|
57
57
|
i.style.width = `${g}px`;
|
|
@@ -61,51 +61,51 @@ const ss = class ss extends HTMLElement {
|
|
|
61
61
|
const p = l - g;
|
|
62
62
|
u > p && (u = p), i.style.left = `${u}px`, t(this, A).left.disabled = u === 0, t(this, A).right.disabled = u >= p - 1;
|
|
63
63
|
}, "refresh"));
|
|
64
|
-
d(this,
|
|
64
|
+
d(this, rt, /* @__PURE__ */ h((e) => {
|
|
65
65
|
if (!t(this, A)) return !1;
|
|
66
|
-
const
|
|
67
|
-
if (!
|
|
66
|
+
const s = t(this, A).container, n = s.querySelector("table");
|
|
67
|
+
if (!n) return !1;
|
|
68
68
|
const i = t(this, A).track.getBoundingClientRect(), o = t(this, A).thumb.clientWidth;
|
|
69
69
|
let a = e;
|
|
70
70
|
a < 0 && (a = 0);
|
|
71
71
|
const c = i.width - o;
|
|
72
72
|
a > c && (a = c), a = parseInt(a, 10), t(this, A).thumb.style.left = `${a}px`, q.log("1111=========="), t(this, A).left.disabled = a === 0, t(this, A).right.disabled = a >= c - 1;
|
|
73
|
-
const l =
|
|
74
|
-
return c > 0 && f > 0 && (
|
|
73
|
+
const l = s.clientWidth, f = n.scrollWidth - l;
|
|
74
|
+
return c > 0 && f > 0 && (s.scrollLeft = a / c * f), a > 0 && a < c - 1;
|
|
75
75
|
}, "#thumbMoveTo"));
|
|
76
76
|
d(this, Jt, /* @__PURE__ */ h(() => {
|
|
77
|
-
const e = /* @__PURE__ */ h((
|
|
77
|
+
const e = /* @__PURE__ */ h((n) => {
|
|
78
78
|
clearInterval(t(this, tt)), clearInterval(t(this, et));
|
|
79
79
|
const i = parseInt(t(this, A).thumb.style.left || 0, 10);
|
|
80
|
-
t(this,
|
|
80
|
+
t(this, rt).call(this, i + n), y(this, tt, setInterval(() => {
|
|
81
81
|
clearInterval(t(this, tt)), y(this, et, setInterval(() => {
|
|
82
82
|
const o = parseInt(t(this, A).thumb.style.left || 0, 10);
|
|
83
|
-
t(this,
|
|
83
|
+
t(this, rt).call(this, o + n) || clearInterval(t(this, et));
|
|
84
84
|
}, 50));
|
|
85
85
|
}, 500));
|
|
86
|
-
}, "delayScroll"),
|
|
86
|
+
}, "delayScroll"), s = /* @__PURE__ */ h(() => {
|
|
87
87
|
clearInterval(t(this, tt)), clearInterval(t(this, et));
|
|
88
88
|
}, "clearTimer");
|
|
89
|
-
["mouseup", "mouseleave", "touchend"].forEach((
|
|
90
|
-
t(this, A).left.addEventListener(
|
|
91
|
-
}), t(this, A).left.addEventListener("mousedown", (
|
|
92
|
-
|
|
93
|
-
}), t(this, A).right.addEventListener("mousedown", (
|
|
94
|
-
|
|
95
|
-
}), t(this, A).left.addEventListener("touchstart", () => e(-20)), t(this, A).right.addEventListener("touchstart", () => e(20)), t(this, A).track.addEventListener("mousedown", (
|
|
96
|
-
if (
|
|
97
|
-
|
|
89
|
+
["mouseup", "mouseleave", "touchend"].forEach((n) => {
|
|
90
|
+
t(this, A).left.addEventListener(n, s), t(this, A).right.addEventListener(n, s), t(this, A).track.addEventListener(n, s);
|
|
91
|
+
}), t(this, A).left.addEventListener("mousedown", (n) => {
|
|
92
|
+
n.button === 0 && e(-20);
|
|
93
|
+
}), t(this, A).right.addEventListener("mousedown", (n) => {
|
|
94
|
+
n.button === 0 && e(20);
|
|
95
|
+
}), t(this, A).left.addEventListener("touchstart", () => e(-20)), t(this, A).right.addEventListener("touchstart", () => e(20)), t(this, A).track.addEventListener("mousedown", (n) => {
|
|
96
|
+
if (n.button !== 0) return;
|
|
97
|
+
n.preventDefault();
|
|
98
98
|
const i = t(this, A).track.getBoundingClientRect(), o = t(this, A).thumb.clientWidth;
|
|
99
|
-
t(this,
|
|
100
|
-
}), t(this, A).thumb.addEventListener("mousedown", (
|
|
101
|
-
if (
|
|
102
|
-
|
|
99
|
+
t(this, rt).call(this, n.clientX - i.left - o / 2);
|
|
100
|
+
}), t(this, A).thumb.addEventListener("mousedown", (n) => {
|
|
101
|
+
if (n.button !== 0) return;
|
|
102
|
+
n.stopPropagation(), n.preventDefault(), y(this, G, !0), this.shiftX = n.clientX - t(this, A).thumb.getBoundingClientRect().left;
|
|
103
103
|
const i = /* @__PURE__ */ h((a) => {
|
|
104
|
-
if (!t(this,
|
|
104
|
+
if (!t(this, G)) return;
|
|
105
105
|
const c = t(this, A).track.getBoundingClientRect();
|
|
106
|
-
t(this,
|
|
106
|
+
t(this, rt).call(this, a.clientX - c.left - this.shiftX);
|
|
107
107
|
}, "onMouseMove"), o = /* @__PURE__ */ h(() => {
|
|
108
|
-
y(this,
|
|
108
|
+
y(this, G, !1), s(), document.removeEventListener("mousemove", i), document.removeEventListener("mouseup", o), this.refresh();
|
|
109
109
|
}, "onMouseUp");
|
|
110
110
|
document.addEventListener("mousemove", i), document.addEventListener("mouseup", o);
|
|
111
111
|
});
|
|
@@ -177,19 +177,19 @@ const ss = class ss extends HTMLElement {
|
|
|
177
177
|
<button class='ng-scroll-right' disabled><div class='ng-scroll-icon'></div></button>
|
|
178
178
|
`;
|
|
179
179
|
const e = /* @__PURE__ */ h(() => {
|
|
180
|
-
const
|
|
181
|
-
if (!
|
|
180
|
+
const s = t(this, j).querySelector(".ng-container-body .ng-part-body");
|
|
181
|
+
if (!s) {
|
|
182
182
|
setTimeout(e, 10);
|
|
183
183
|
return;
|
|
184
184
|
}
|
|
185
185
|
y(this, A, {
|
|
186
|
-
container:
|
|
186
|
+
container: s,
|
|
187
187
|
track: this.querySelector(".ng-scroll-track"),
|
|
188
188
|
thumb: this.querySelector(".ng-scroll-thumb"),
|
|
189
189
|
left: this.querySelector(".ng-scroll-left"),
|
|
190
190
|
right: this.querySelector(".ng-scroll-right")
|
|
191
|
-
}),
|
|
192
|
-
t(this,
|
|
191
|
+
}), s.addEventListener("scroll", () => {
|
|
192
|
+
t(this, G) || this.refresh();
|
|
193
193
|
}), t(this, Jt).call(this), t(this, Zt).call(this), this.refresh();
|
|
194
194
|
}, "initWhenReady");
|
|
195
195
|
e();
|
|
@@ -198,63 +198,63 @@ const ss = class ss extends HTMLElement {
|
|
|
198
198
|
t(this, st) && t(this, st).disconnect();
|
|
199
199
|
}
|
|
200
200
|
};
|
|
201
|
-
j = new WeakMap(),
|
|
201
|
+
j = new WeakMap(), G = new WeakMap(), A = new WeakMap(), tt = new WeakMap(), et = new WeakMap(), st = new WeakMap(), Zt = new WeakMap(), rt = new WeakMap(), Jt = new WeakMap(), h(ss, "NineTableHScrollBar");
|
|
202
202
|
let Ce = ss;
|
|
203
203
|
customElements.get("nine-table-hscrollbar") || customElements.define("nine-table-hscrollbar", Ce);
|
|
204
|
-
var
|
|
205
|
-
const
|
|
204
|
+
var nt, ot, yt, k, kt, Lt, Qt;
|
|
205
|
+
const rs = class rs extends HTMLElement {
|
|
206
206
|
constructor() {
|
|
207
207
|
super();
|
|
208
|
-
d(this,
|
|
208
|
+
d(this, nt);
|
|
209
209
|
d(this, ot);
|
|
210
210
|
d(this, yt, !1);
|
|
211
211
|
d(this, k);
|
|
212
212
|
d(this, kt, 0);
|
|
213
213
|
d(this, Lt, 0);
|
|
214
214
|
E(this, "refresh", /* @__PURE__ */ h(() => {
|
|
215
|
-
if (!t(this,
|
|
216
|
-
const e = t(this, k).container,
|
|
215
|
+
if (!t(this, nt) || !t(this, k)) return;
|
|
216
|
+
const e = t(this, k).container, s = t(this, k).track, n = t(this, k).thumb, i = e.clientHeight, o = t(this, nt).data.length, a = t(this, ot).getRowHeight(), c = o * a;
|
|
217
217
|
if (c <= i || o === 0) {
|
|
218
218
|
this.style.display = "none";
|
|
219
219
|
return;
|
|
220
220
|
} else
|
|
221
221
|
this.style.display = "flex";
|
|
222
|
-
const l =
|
|
222
|
+
const l = s.clientHeight;
|
|
223
223
|
if (l <= 0) return;
|
|
224
224
|
const g = Math.max(Math.min(l * (i / c), l), 20);
|
|
225
|
-
|
|
225
|
+
n.style.height = `${g}px`;
|
|
226
226
|
const f = e.scrollTop, b = Math.max(c - i, 1);
|
|
227
227
|
let u = 0;
|
|
228
228
|
b > 0 && (u = f / b * (l - g));
|
|
229
229
|
const p = l - g;
|
|
230
|
-
u < 0 && (u = 0), u > p && (u = p),
|
|
230
|
+
u < 0 && (u = 0), u > p && (u = p), n.style.top = `${u}px`, t(this, k).top.disabled = f <= 0, t(this, k).bottom.disabled = f >= b - 1;
|
|
231
231
|
}, "refresh"));
|
|
232
232
|
d(this, Qt, /* @__PURE__ */ h(() => {
|
|
233
233
|
q.log("nine-table-vscrollbar.#init");
|
|
234
|
-
const e = t(this, k).container,
|
|
235
|
-
const i = (t(this,
|
|
234
|
+
const e = t(this, k).container, s = /* @__PURE__ */ h(() => {
|
|
235
|
+
const i = (t(this, nt).data.get() || []).length, o = t(this, ot).getRowHeight();
|
|
236
236
|
return i * o;
|
|
237
237
|
}, "getContentHeight");
|
|
238
|
-
t(this, k).thumb.addEventListener("mousedown", (
|
|
239
|
-
if (
|
|
240
|
-
|
|
238
|
+
t(this, k).thumb.addEventListener("mousedown", (n) => {
|
|
239
|
+
if (n.button !== 0) return;
|
|
240
|
+
n.stopPropagation(), n.preventDefault(), y(this, yt, !0), y(this, kt, n.clientY), y(this, Lt, e.scrollTop);
|
|
241
241
|
const i = /* @__PURE__ */ h((a) => {
|
|
242
242
|
if (!t(this, yt)) return;
|
|
243
|
-
const c = t(this, k).track.getBoundingClientRect(), l = t(this, k).thumb.clientHeight, f = c.height - l, b = a.clientY - t(this, kt), u = e.clientHeight, p =
|
|
244
|
-
if (f > 0 &&
|
|
245
|
-
const w = b / f *
|
|
246
|
-
let
|
|
243
|
+
const c = t(this, k).track.getBoundingClientRect(), l = t(this, k).thumb.clientHeight, f = c.height - l, b = a.clientY - t(this, kt), u = e.clientHeight, p = s(), m = Math.max(p - u, 1);
|
|
244
|
+
if (f > 0 && m > 0) {
|
|
245
|
+
const w = b / f * m;
|
|
246
|
+
let x = t(this, Lt) + w;
|
|
247
247
|
const C = Math.max(0, p - u);
|
|
248
|
-
|
|
248
|
+
x < 0 && (x = 0), x > C && (x = C), e.scrollTop = x;
|
|
249
249
|
}
|
|
250
250
|
this.refresh();
|
|
251
251
|
}, "onMouseMove"), o = /* @__PURE__ */ h(() => {
|
|
252
252
|
y(this, yt, !1), document.removeEventListener("mousemove", i), document.removeEventListener("mouseup", o), this.refresh();
|
|
253
253
|
}, "onMouseUp");
|
|
254
254
|
document.addEventListener("mousemove", i), document.addEventListener("mouseup", o);
|
|
255
|
-
}), t(this, k).track.addEventListener("mousedown", (
|
|
256
|
-
if (
|
|
257
|
-
const i = t(this, k).track.getBoundingClientRect(), o = t(this, k).thumb.clientHeight, a =
|
|
255
|
+
}), t(this, k).track.addEventListener("mousedown", (n) => {
|
|
256
|
+
if (n.button !== 0 || n.target === t(this, k).thumb) return;
|
|
257
|
+
const i = t(this, k).track.getBoundingClientRect(), o = t(this, k).thumb.clientHeight, a = n.clientY - i.top - o / 2, l = i.height - o, g = e.clientHeight, f = s(), b = Math.max(f - g, 1);
|
|
258
258
|
if (l > 0 && b > 0) {
|
|
259
259
|
const u = Math.max(0, Math.min(1, a / l));
|
|
260
260
|
e.scrollTop = u * b;
|
|
@@ -268,7 +268,7 @@ const ns = class ns extends HTMLElement {
|
|
|
268
268
|
}, "#init"));
|
|
269
269
|
}
|
|
270
270
|
connectedCallback() {
|
|
271
|
-
y(this,
|
|
271
|
+
y(this, nt, this.getRootNode().host), y(this, ot, this.closest("nine-table-sheet")), this.innerHTML = `
|
|
272
272
|
<style>
|
|
273
273
|
nine-table-vscrollbar {
|
|
274
274
|
display: flex;
|
|
@@ -333,13 +333,13 @@ const ns = class ns extends HTMLElement {
|
|
|
333
333
|
<button class='ng-scroll-bottom' disabled><div class='ng-scroll-icon'></div></button>
|
|
334
334
|
`;
|
|
335
335
|
const e = /* @__PURE__ */ h(() => {
|
|
336
|
-
const
|
|
337
|
-
if (!
|
|
336
|
+
const s = t(this, ot).querySelector(".ng-container-body .ng-part-body");
|
|
337
|
+
if (!s) {
|
|
338
338
|
setTimeout(e, 10);
|
|
339
339
|
return;
|
|
340
340
|
}
|
|
341
341
|
y(this, k, {
|
|
342
|
-
container:
|
|
342
|
+
container: s,
|
|
343
343
|
track: this.querySelector(".ng-scroll-track"),
|
|
344
344
|
thumb: this.querySelector(".ng-scroll-thumb"),
|
|
345
345
|
top: this.querySelector(".ng-scroll-top"),
|
|
@@ -349,18 +349,18 @@ const ns = class ns extends HTMLElement {
|
|
|
349
349
|
e();
|
|
350
350
|
}
|
|
351
351
|
};
|
|
352
|
-
|
|
353
|
-
let ke =
|
|
352
|
+
nt = new WeakMap(), ot = new WeakMap(), yt = new WeakMap(), k = new WeakMap(), kt = new WeakMap(), Lt = new WeakMap(), Qt = new WeakMap(), h(rs, "NineTableVScrollBar");
|
|
353
|
+
let ke = rs;
|
|
354
354
|
customElements.get("nine-table-vscrollbar") || customElements.define("nine-table-vscrollbar", ke);
|
|
355
|
-
var it, R, at,
|
|
356
|
-
const
|
|
357
|
-
constructor(
|
|
355
|
+
var it, R, at, U, O, Z, lt, It, Ye, Ue, te, Xe, ee, se, Mt, Ht, $t, re, ne, Nt, mt, oe, ie;
|
|
356
|
+
const ns = class ns {
|
|
357
|
+
constructor(r) {
|
|
358
358
|
d(this, it);
|
|
359
359
|
d(this, R);
|
|
360
360
|
d(this, at);
|
|
361
|
-
d(this,
|
|
361
|
+
d(this, U, /* @__PURE__ */ new Map());
|
|
362
362
|
d(this, O, null);
|
|
363
|
-
d(this,
|
|
363
|
+
d(this, Z, null);
|
|
364
364
|
d(this, lt, 0);
|
|
365
365
|
d(this, It, 40);
|
|
366
366
|
d(this, Ye, !1);
|
|
@@ -372,14 +372,14 @@ const rs = class rs {
|
|
|
372
372
|
E(this, "refresh", /* @__PURE__ */ h(() => {
|
|
373
373
|
var e;
|
|
374
374
|
q.log("rowManager.refresh");
|
|
375
|
-
const
|
|
376
|
-
|
|
375
|
+
const r = t(this, R).querySelector(".ng-container-body .ng-part-body");
|
|
376
|
+
r && (t(this, Mt).call(this), t(this, Ht).call(this), t(this, mt).call(this, r.scrollTop), (e = t(this, R).querySelector("nine-table-vscrollbar")) == null || e.refresh());
|
|
377
377
|
}, "refresh"));
|
|
378
378
|
E(this, "initialize", /* @__PURE__ */ h(() => {
|
|
379
379
|
q.log("rowManager.initialize"), y(this, at, {
|
|
380
380
|
scrollTables: t(this, R).querySelectorAll(".ng-part-body table"),
|
|
381
381
|
firstTr: t(this, R).querySelector(".ng-container-body .ng-part-body tbody.bindable-tbody tr:not(.nodata)")
|
|
382
|
-
}), y(this, O, null), t(this,
|
|
382
|
+
}), y(this, O, null), t(this, U).clear(), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((o) => {
|
|
383
383
|
const a = t(this, R).querySelector(o);
|
|
384
384
|
if (!a) return;
|
|
385
385
|
const c = a.querySelector(".ng-part-body table");
|
|
@@ -387,64 +387,64 @@ const rs = class rs {
|
|
|
387
387
|
const l = c.querySelector("tbody.bindable-tbody");
|
|
388
388
|
if (!l) return;
|
|
389
389
|
const f = Array.from(l.querySelectorAll("tr")).map((b) => b.cloneNode(!0));
|
|
390
|
-
t(this,
|
|
390
|
+
t(this, U).set(o, f);
|
|
391
391
|
});
|
|
392
|
-
const
|
|
393
|
-
if (
|
|
394
|
-
t(this, Mt).call(this), t(this, Nt).call(this), t(this, Ht).call(this), t(this, mt).call(this,
|
|
392
|
+
const r = t(this, R).querySelector(".ng-container-body .ng-part-body"), e = t(this, R).querySelector(".ng-container-left .ng-part-body"), s = t(this, R).querySelector(".ng-container-right .ng-part-body"), n = t(this, R).querySelector(".ng-container-body .ng-part-header"), i = t(this, R).querySelector(".ng-container-body .ng-part-footer");
|
|
393
|
+
if (r) {
|
|
394
|
+
t(this, Mt).call(this), t(this, Nt).call(this), t(this, Ht).call(this), t(this, mt).call(this, r.scrollTop);
|
|
395
395
|
let o = !1;
|
|
396
|
-
y(this, ee,
|
|
396
|
+
y(this, ee, r.scrollLeft);
|
|
397
397
|
const a = /* @__PURE__ */ h((c) => {
|
|
398
398
|
var f;
|
|
399
399
|
if (o) return;
|
|
400
400
|
o = !0;
|
|
401
401
|
const l = c.scrollTop, g = c.scrollLeft;
|
|
402
|
-
|
|
402
|
+
r && r.scrollTop !== l && (r.scrollTop = l), e && e.scrollTop !== l && (e.scrollTop = l), s && s.scrollTop !== l && (s.scrollTop = l), n && n.scrollLeft !== g && (n.scrollLeft = g), i && i.scrollLeft !== g && (i.scrollLeft = g), t(this, mt).call(this, l), (f = t(this, R).querySelector("nine-table-vscrollbar")) == null || f.refresh(), o = !1;
|
|
403
403
|
}, "handleContainerScroll");
|
|
404
|
-
|
|
405
|
-
a(
|
|
406
|
-
}), [e,
|
|
404
|
+
r == null || r.addEventListener("scroll", (c) => {
|
|
405
|
+
a(r);
|
|
406
|
+
}), [e, s].forEach((c) => {
|
|
407
407
|
c == null || c.addEventListener("scroll", (l) => {
|
|
408
408
|
if (o) return;
|
|
409
409
|
o = !0;
|
|
410
410
|
const g = c.scrollTop;
|
|
411
|
-
|
|
411
|
+
r && r.scrollTop !== g && (r.scrollTop = g), o = !1;
|
|
412
412
|
});
|
|
413
413
|
});
|
|
414
414
|
}
|
|
415
415
|
}, "initialize"));
|
|
416
|
-
d(this, se, /* @__PURE__ */ h((
|
|
416
|
+
d(this, se, /* @__PURE__ */ h((r, e) => {
|
|
417
417
|
q.log("rowManager.#renderRows");
|
|
418
|
-
const
|
|
419
|
-
if (!
|
|
420
|
-
const
|
|
421
|
-
if (!
|
|
422
|
-
|
|
423
|
-
const i =
|
|
418
|
+
const s = t(this, U).get(e);
|
|
419
|
+
if (!s || s.length === 0) return;
|
|
420
|
+
const n = r.querySelector(".ng-part-body tbody.bindable-tbody");
|
|
421
|
+
if (!n) return;
|
|
422
|
+
n.querySelectorAll("tr:not(.nodata)").forEach((a) => a.remove());
|
|
423
|
+
const i = n.querySelector("tr.nodata"), o = document.createDocumentFragment();
|
|
424
424
|
for (let a = 0; a < t(this, It); a++)
|
|
425
|
-
|
|
425
|
+
s.forEach((c) => {
|
|
426
426
|
o.appendChild(c.cloneNode(!0));
|
|
427
427
|
});
|
|
428
|
-
i ? i.before(o) :
|
|
428
|
+
i ? i.before(o) : n.appendChild(o), e === ".ng-container-body" && (t(this, at).firstTr = n.querySelector("tr:not(.nodata)"));
|
|
429
429
|
}, "#renderRows"));
|
|
430
430
|
d(this, Mt, /* @__PURE__ */ h(() => {
|
|
431
431
|
if (t(this, O) !== null && t(this, O) > 0)
|
|
432
432
|
return t(this, O);
|
|
433
|
-
const
|
|
433
|
+
const r = t(this, R).querySelector(".ng-container-body .ng-part-body");
|
|
434
434
|
q.log("rowManager.#measureAndCacheHeight");
|
|
435
|
-
const e = t(this,
|
|
435
|
+
const e = t(this, U).get(".ng-container-body");
|
|
436
436
|
if (!e || e.length === 0) throw new Error("invalid dom");
|
|
437
|
-
const
|
|
438
|
-
if (!
|
|
439
|
-
|
|
440
|
-
const
|
|
437
|
+
const s = r.querySelector("tbody.bindable-tbody");
|
|
438
|
+
if (!s) throw new Error("invalid dom");
|
|
439
|
+
s.querySelectorAll("tr:not(.nodata)").forEach((b) => b.remove());
|
|
440
|
+
const n = s.querySelector("tr.nodata"), i = document.createDocumentFragment();
|
|
441
441
|
e.forEach((b) => {
|
|
442
442
|
i.appendChild(b.cloneNode(!0));
|
|
443
|
-
}),
|
|
443
|
+
}), n ? n.before(i) : s.appendChild(i);
|
|
444
444
|
const o = t(this, R), a = o.style.display, c = o.style.visibility, l = o.style.position;
|
|
445
445
|
(a === "none" || window.getComputedStyle(o).display === "none") && (o.style.display = "block", o.style.visibility = "hidden", o.style.position = "absolute");
|
|
446
446
|
let g = 0;
|
|
447
|
-
const f =
|
|
447
|
+
const f = s.querySelectorAll("tr");
|
|
448
448
|
return f.forEach((b) => {
|
|
449
449
|
let u = b.offsetHeight || b.getBoundingClientRect().height;
|
|
450
450
|
if (u === 0) {
|
|
@@ -456,76 +456,76 @@ const rs = class rs {
|
|
|
456
456
|
}, "#measureAndCacheHeight"));
|
|
457
457
|
d(this, Ht, /* @__PURE__ */ h(() => {
|
|
458
458
|
q.log("rowManager.#updateVirtualScrollHeight");
|
|
459
|
-
const e = (t(this, it).data.get() || []).length,
|
|
459
|
+
const e = (t(this, it).data.get() || []).length, s = t(this, O), n = e * s;
|
|
460
460
|
[".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((i) => {
|
|
461
461
|
const o = t(this, R).querySelector(i);
|
|
462
462
|
if (!o) return;
|
|
463
463
|
const a = o.querySelector(".ng-part-body .ng-virtual-spacer");
|
|
464
|
-
a && (a.style.height = `${
|
|
464
|
+
a && (a.style.height = `${n}px`);
|
|
465
465
|
});
|
|
466
466
|
}, "#updateVirtualScrollHeight"));
|
|
467
467
|
d(this, $t, /* @__PURE__ */ h(() => {
|
|
468
468
|
if (t(this, lt) > 0 && t(this, O) > 0) {
|
|
469
|
-
const
|
|
470
|
-
y(this, It,
|
|
469
|
+
const r = Math.ceil(t(this, lt) / t(this, O));
|
|
470
|
+
y(this, It, r + t(this, te));
|
|
471
471
|
}
|
|
472
472
|
}, "#updateRowCount"));
|
|
473
|
-
d(this,
|
|
473
|
+
d(this, re, /* @__PURE__ */ h(() => {
|
|
474
474
|
var a, c, l, g, f, b;
|
|
475
|
-
const
|
|
475
|
+
const r = t(this, R).querySelector(".ng-container-left .ng-part-body table"), e = t(this, R).querySelector(".ng-container-body .ng-part-body table"), s = t(this, R).querySelector(".ng-container-right .ng-part-body table");
|
|
476
476
|
if (e) {
|
|
477
|
-
const u =
|
|
478
|
-
for (let
|
|
477
|
+
const u = r ? Array.from(r.querySelectorAll("tbody tr")) : [], p = Array.from(e.querySelectorAll("tbody tr")), m = s ? Array.from(s.querySelectorAll("tbody tr")) : [], w = Math.max(u.length, p.length, m.length);
|
|
478
|
+
for (let x = 0; x < w; x++) {
|
|
479
479
|
const C = [
|
|
480
|
-
((a = u[
|
|
481
|
-
((c = p[
|
|
482
|
-
((l = x
|
|
480
|
+
((a = u[x]) == null ? void 0 : a.getBoundingClientRect().height) || 0,
|
|
481
|
+
((c = p[x]) == null ? void 0 : c.getBoundingClientRect().height) || 0,
|
|
482
|
+
((l = m[x]) == null ? void 0 : l.getBoundingClientRect().height) || 0
|
|
483
483
|
], S = Math.max(...C);
|
|
484
|
-
S > 0 && (u[
|
|
484
|
+
S > 0 && (u[x] && (u[x].style.height = `${S}px`), p[x] && (p[x].style.height = `${S}px`), m[x] && (m[x].style.height = `${S}px`));
|
|
485
485
|
}
|
|
486
486
|
}
|
|
487
|
-
const
|
|
487
|
+
const n = t(this, R).querySelector(".ng-container-left .ng-part-footer table"), i = t(this, R).querySelector(".ng-container-body .ng-part-footer table"), o = t(this, R).querySelector(".ng-container-right .ng-part-footer table");
|
|
488
488
|
if (i) {
|
|
489
|
-
const u =
|
|
490
|
-
for (let
|
|
489
|
+
const u = n ? Array.from(n.querySelectorAll("tfoot tr")) : [], p = Array.from(i.querySelectorAll("tfoot tr")), m = o ? Array.from(o.querySelectorAll("tfoot tr")) : [], w = Math.max(u.length, p.length, m.length);
|
|
490
|
+
for (let x = 0; x < w; x++) {
|
|
491
491
|
const C = [
|
|
492
|
-
((g = u[
|
|
493
|
-
((f = p[
|
|
494
|
-
((b = x
|
|
492
|
+
((g = u[x]) == null ? void 0 : g.getBoundingClientRect().height) || 0,
|
|
493
|
+
((f = p[x]) == null ? void 0 : f.getBoundingClientRect().height) || 0,
|
|
494
|
+
((b = m[x]) == null ? void 0 : b.getBoundingClientRect().height) || 0
|
|
495
495
|
], S = Math.max(...C);
|
|
496
|
-
S > 0 && (u[
|
|
496
|
+
S > 0 && (u[x] && (u[x].style.height = `${S}px`), p[x] && (p[x].style.height = `${S}px`), m[x] && (m[x].style.height = `${S}px`));
|
|
497
497
|
}
|
|
498
498
|
}
|
|
499
499
|
}, "#syncRowHeights"));
|
|
500
|
-
d(this,
|
|
501
|
-
!t(this, R) || !(t(this, R) instanceof HTMLElement) || (y(this,
|
|
502
|
-
for (const e of
|
|
503
|
-
const
|
|
504
|
-
if (!
|
|
505
|
-
const
|
|
506
|
-
if (
|
|
500
|
+
d(this, ne, /* @__PURE__ */ h(() => {
|
|
501
|
+
!t(this, R) || !(t(this, R) instanceof HTMLElement) || (y(this, Z, new ResizeObserver((r) => {
|
|
502
|
+
for (const e of r) {
|
|
503
|
+
const s = e.target;
|
|
504
|
+
if (!s.classList.contains("active")) continue;
|
|
505
|
+
const n = e.contentRect.height;
|
|
506
|
+
if (n > 0) {
|
|
507
507
|
let i = 0;
|
|
508
|
-
const o =
|
|
508
|
+
const o = s.querySelector(".ng-part-header"), a = s.querySelector(".ng-part-footer");
|
|
509
509
|
o && (i += o.offsetHeight), a && (i += a.offsetHeight);
|
|
510
|
-
const c = Math.max(
|
|
510
|
+
const c = Math.max(n - i, 100);
|
|
511
511
|
t(this, lt) !== c && (y(this, lt, c), t(this, $t).call(this), t(this, O) !== null && (t(this, Nt).call(this), this.refresh()));
|
|
512
512
|
}
|
|
513
513
|
}
|
|
514
|
-
})), t(this,
|
|
514
|
+
})), t(this, Z).observe(t(this, R)));
|
|
515
515
|
}, "#initResizeObserver"));
|
|
516
516
|
d(this, Nt, /* @__PURE__ */ h(() => {
|
|
517
|
-
q.log("rowManager.#renderAllContainers"), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((
|
|
518
|
-
const e = t(this, R).querySelector(
|
|
519
|
-
e && e.querySelector(".ng-part-body tbody.bindable-tbody") && t(this, se).call(this, e,
|
|
520
|
-
}), t(this, ie).call(this), t(this,
|
|
517
|
+
q.log("rowManager.#renderAllContainers"), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((r) => {
|
|
518
|
+
const e = t(this, R).querySelector(r);
|
|
519
|
+
e && e.querySelector(".ng-part-body tbody.bindable-tbody") && t(this, se).call(this, e, r);
|
|
520
|
+
}), t(this, ie).call(this), t(this, re).call(this);
|
|
521
521
|
}, "#renderAllContainers"));
|
|
522
|
-
d(this, mt, /* @__PURE__ */ h((
|
|
522
|
+
d(this, mt, /* @__PURE__ */ h((r) => {
|
|
523
523
|
var f, b;
|
|
524
524
|
const e = t(this, O);
|
|
525
525
|
if (!e || e <= 0) return;
|
|
526
|
-
const
|
|
527
|
-
if (
|
|
528
|
-
const
|
|
526
|
+
const s = t(this, it).data.length;
|
|
527
|
+
if (s === 0) return;
|
|
528
|
+
const n = ((f = t(this, U).get(".ng-container-body")) == null ? void 0 : f.length) || 1, i = t(this, R).querySelector(".ng-container-body .ng-part-body"), o = Math.max(0, s - Math.floor(i.clientHeight / e)), a = Math.min(o, Math.max(0, Math.floor(r / e)));
|
|
529
529
|
let c = Math.floor(a * e);
|
|
530
530
|
const l = t(this, at).firstTr, g = l && l.dataset.row !== void 0 ? parseInt(l.dataset.row, 10) : -1;
|
|
531
531
|
(b = t(this, at)) == null || b.scrollTables.forEach((u) => {
|
|
@@ -533,16 +533,16 @@ const rs = class rs {
|
|
|
533
533
|
}), g !== a && [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((u) => {
|
|
534
534
|
const p = t(this, R).querySelector(u);
|
|
535
535
|
if (!p) return;
|
|
536
|
-
const
|
|
537
|
-
if (!
|
|
538
|
-
Array.from(
|
|
539
|
-
const S = a + Math.floor(C /
|
|
540
|
-
if (S >=
|
|
541
|
-
|
|
536
|
+
const m = p.querySelector(".ng-part-body tbody.bindable-tbody");
|
|
537
|
+
if (!m) return;
|
|
538
|
+
Array.from(m.querySelectorAll("tr:not(.nodata)")).forEach((x, C) => {
|
|
539
|
+
const S = a + Math.floor(C / n);
|
|
540
|
+
if (S >= s) {
|
|
541
|
+
x.style.display = "none";
|
|
542
542
|
return;
|
|
543
543
|
}
|
|
544
544
|
const M = t(this, it).data.get(S);
|
|
545
|
-
|
|
545
|
+
x.style.display = "", t(this, oe).call(this, x, M, S);
|
|
546
546
|
});
|
|
547
547
|
});
|
|
548
548
|
}, "#handleScroll"));
|
|
@@ -560,67 +560,67 @@ const rs = class rs {
|
|
|
560
560
|
cell.dataset.row = dataIndex;
|
|
561
561
|
});
|
|
562
562
|
}; */
|
|
563
|
-
d(this, oe, /* @__PURE__ */ h((
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
const o = Array.from(
|
|
563
|
+
d(this, oe, /* @__PURE__ */ h((r, e, s) => {
|
|
564
|
+
r.dataset.row = s, r.data = e, Array.from(r.cells).forEach((n, i) => {
|
|
565
|
+
n.dataset.row = s;
|
|
566
|
+
const o = Array.from(n.children).find((a) => a.tagName.toLowerCase().startsWith("cell-") || typeof a.refresh == "function");
|
|
567
567
|
o && typeof o.refresh == "function" && o.refresh();
|
|
568
568
|
});
|
|
569
569
|
}, "#bindRowData"));
|
|
570
570
|
d(this, ie, /* @__PURE__ */ h(() => {
|
|
571
571
|
var c, l, g;
|
|
572
572
|
q.log("rowManager.#syncHeaderHeights");
|
|
573
|
-
const
|
|
573
|
+
const r = t(this, R).querySelector(".ng-container-left .ng-part-header table"), e = t(this, R).querySelector(".ng-container-body .ng-part-header table"), s = t(this, R).querySelector(".ng-container-right .ng-part-header table");
|
|
574
574
|
if (!e) return;
|
|
575
|
-
const
|
|
575
|
+
const n = r ? Array.from(r.querySelectorAll("tr")) : [], i = Array.from(e.querySelectorAll("tr")), o = s ? Array.from(s.querySelectorAll("tr")) : [], a = Math.max(n.length, i.length, o.length);
|
|
576
576
|
for (let f = 0; f < a; f++) {
|
|
577
577
|
const b = [
|
|
578
|
-
((c =
|
|
578
|
+
((c = n[f]) == null ? void 0 : c.getBoundingClientRect().height) || 0,
|
|
579
579
|
((l = i[f]) == null ? void 0 : l.getBoundingClientRect().height) || 0,
|
|
580
580
|
((g = o[f]) == null ? void 0 : g.getBoundingClientRect().height) || 0
|
|
581
581
|
], u = Math.max(...b);
|
|
582
|
-
u > 0 && (
|
|
582
|
+
u > 0 && (n[f] && (n[f].style.height = `${u}px`), i[f] && (i[f].style.height = `${u}px`), o[f] && (o[f].style.height = `${u}px`));
|
|
583
583
|
}
|
|
584
584
|
}, "#syncHeaderHeights"));
|
|
585
585
|
E(this, "destroy", /* @__PURE__ */ h(() => {
|
|
586
|
-
t(this,
|
|
586
|
+
t(this, Z) && (t(this, Z).disconnect(), y(this, Z, null));
|
|
587
587
|
}, "destroy"));
|
|
588
|
-
y(this, it,
|
|
588
|
+
y(this, it, r.getRootNode().host), y(this, R, r), t(this, ne).call(this);
|
|
589
589
|
}
|
|
590
590
|
getRowHeight() {
|
|
591
591
|
return t(this, O);
|
|
592
592
|
}
|
|
593
|
-
templateLength(
|
|
593
|
+
templateLength(r = ".ng-container-body") {
|
|
594
594
|
var e;
|
|
595
|
-
return ((e = t(this,
|
|
595
|
+
return ((e = t(this, U).get(r)) == null ? void 0 : e.length) || 1;
|
|
596
596
|
}
|
|
597
597
|
};
|
|
598
|
-
it = new WeakMap(), R = new WeakMap(), at = new WeakMap(),
|
|
599
|
-
let Le =
|
|
598
|
+
it = new WeakMap(), R = new WeakMap(), at = new WeakMap(), U = new WeakMap(), O = new WeakMap(), Z = new WeakMap(), lt = new WeakMap(), It = new WeakMap(), Ye = new WeakMap(), Ue = new WeakMap(), te = new WeakMap(), Xe = new WeakMap(), ee = new WeakMap(), se = new WeakMap(), Mt = new WeakMap(), Ht = new WeakMap(), $t = new WeakMap(), re = new WeakMap(), ne = new WeakMap(), Nt = new WeakMap(), mt = new WeakMap(), oe = new WeakMap(), ie = new WeakMap(), h(ns, "RowManager");
|
|
599
|
+
let Le = ns;
|
|
600
600
|
const ae = class ae {
|
|
601
601
|
/**
|
|
602
602
|
* π― λ μ΄μμ λ΄μ μ¬λ¬ rawTables λ°°μ΄μ μΌκ΄λ‘ λ°μ λ¨μΌ λ§μ€ν° ν
νλ¦ΏμΌλ‘ μ¬μ μ»΄νμΌν©λλ€.
|
|
603
603
|
*/
|
|
604
|
-
static compileAll(
|
|
605
|
-
return Array.isArray(
|
|
604
|
+
static compileAll(r) {
|
|
605
|
+
return Array.isArray(r) ? r.map((e) => ae.compile(e)) : [];
|
|
606
606
|
}
|
|
607
607
|
/**
|
|
608
608
|
* π― λ¨μΌ μλ³Έ ν
μ΄λΈμ λ°μ κΈ°λ³Έ ꡬ쑰 보μ λ° 2μ°¨μ 격μ μΈλ±μ€ μ¬μ λΆμ¬ μλ£λ λ§μ€ν° ν
μ΄λΈ λ°ν
|
|
609
609
|
*/
|
|
610
|
-
static compile(
|
|
611
|
-
if (!
|
|
610
|
+
static compile(r) {
|
|
611
|
+
if (!r) return null;
|
|
612
612
|
const e = /* @__PURE__ */ h((a) => {
|
|
613
613
|
a.querySelectorAll("tbody td, tbody th, tfoot td, tfoot th").forEach((l) => {
|
|
614
614
|
const g = l.getAttribute("cell-type") || "renderer";
|
|
615
615
|
if (l.children.length > 0 && l.firstElementChild.tagName.includes("-")) return;
|
|
616
616
|
let f = `cell-${g}`;
|
|
617
|
-
const b = l.getAttribute("data-bind"), u = l.getAttribute("data-expr"), p = l.getAttribute("maxbyte"),
|
|
617
|
+
const b = l.getAttribute("data-bind"), u = l.getAttribute("data-expr"), p = l.getAttribute("maxbyte"), m = l.getAttribute("type");
|
|
618
618
|
let w = [];
|
|
619
|
-
b && w.push(`data-bind="${b}"`), u && w.push(`data-expr="${u}"`), p && w.push(`maxbyte="${p}"`),
|
|
619
|
+
b && w.push(`data-bind="${b}"`), u && w.push(`data-expr="${u}"`), p && w.push(`maxbyte="${p}"`), m && w.push(`type="${m}"`), l.innerHTML = `<${f} ${w.join(" ")}></${f}>`;
|
|
620
620
|
}), a.querySelectorAll("tbody td, tfoot td").forEach((l) => {
|
|
621
621
|
l.setAttribute("tabindex", "0");
|
|
622
622
|
});
|
|
623
|
-
}, "processCellTypes"),
|
|
623
|
+
}, "processCellTypes"), s = /* @__PURE__ */ h((a) => {
|
|
624
624
|
if (!a.querySelector("colgroup")) {
|
|
625
625
|
const c = a.querySelector("tbody tr") || a.querySelector("tr"), l = c ? c.querySelectorAll("th, td").length : 1, g = document.createElement("colgroup"), f = Math.max(Math.floor(a.clientWidth / l), 100);
|
|
626
626
|
for (let b = 0; b < l; b++) {
|
|
@@ -634,7 +634,7 @@ const ae = class ae {
|
|
|
634
634
|
l ? l.after(c) : a.prepend(c);
|
|
635
635
|
}
|
|
636
636
|
a.classList.add("nine-table-element");
|
|
637
|
-
}, "ensureTableStructure"),
|
|
637
|
+
}, "ensureTableStructure"), n = /* @__PURE__ */ h((a, c) => {
|
|
638
638
|
const l = Array.from(a.querySelectorAll(c + " tr")), g = Array.from(a.querySelectorAll(c + " th," + c + " td")), f = l.length;
|
|
639
639
|
if (f === 0 || g.length === 0) return;
|
|
640
640
|
let b = 0;
|
|
@@ -643,31 +643,31 @@ const ae = class ae {
|
|
|
643
643
|
});
|
|
644
644
|
const u = Array.from(Array(f), () => Array(b).fill(null));
|
|
645
645
|
l.forEach((p) => {
|
|
646
|
-
const
|
|
646
|
+
const m = p.sectionRowIndex;
|
|
647
647
|
let w = 0;
|
|
648
|
-
Array.from(p.querySelectorAll("th,td")).forEach((
|
|
649
|
-
for (let M = 0; M < u[
|
|
650
|
-
if (u[
|
|
648
|
+
p.dataset.subrowIndex = m, Array.from(p.querySelectorAll("th,td")).forEach((x) => {
|
|
649
|
+
for (let M = 0; M < u[m].length; M++)
|
|
650
|
+
if (u[m][M] === null) {
|
|
651
651
|
w = M;
|
|
652
652
|
break;
|
|
653
653
|
}
|
|
654
|
-
const C =
|
|
654
|
+
const C = x.rowSpan || 1, S = x.colSpan || 1;
|
|
655
655
|
for (let M = 0; M < C; M++)
|
|
656
656
|
for (let W = 0; W < S; W++)
|
|
657
|
-
|
|
657
|
+
m + M < f && w + W < b && (u[m + M][w + W] = M === 0 && W === 0 ? "1" : "0");
|
|
658
658
|
});
|
|
659
659
|
}), l.forEach((p) => {
|
|
660
|
-
const
|
|
660
|
+
const m = p.sectionRowIndex;
|
|
661
661
|
Array.from(p.querySelectorAll("th,td")).forEach((w) => {
|
|
662
|
-
for (let
|
|
663
|
-
if (u[
|
|
664
|
-
w.dataset.col =
|
|
662
|
+
for (let x = 0; x < u[m].length; x++)
|
|
663
|
+
if (u[m][x] === "1") {
|
|
664
|
+
w.dataset.col = x, u[m][x] = "0";
|
|
665
665
|
break;
|
|
666
666
|
}
|
|
667
667
|
});
|
|
668
668
|
});
|
|
669
|
-
}, "resetColIndex"), i =
|
|
670
|
-
return
|
|
669
|
+
}, "resetColIndex"), i = r.cloneNode(!0);
|
|
670
|
+
return s(i), e(i), n(i, "thead"), n(i, "tbody"), n(i, "tfoot"), Array.from(i.querySelectorAll("colgroup col")).forEach((a, c) => {
|
|
671
671
|
const l = a.getAttribute("fixed");
|
|
672
672
|
l && i.querySelectorAll(`thead [data-col="${c}"], tbody [data-col="${c}"], tfoot [data-col="${c}"]`).forEach((g) => {
|
|
673
673
|
g.setAttribute("fixed", l);
|
|
@@ -678,15 +678,15 @@ const ae = class ae {
|
|
|
678
678
|
};
|
|
679
679
|
h(ae, "TableCompiler");
|
|
680
680
|
let Ie = ae;
|
|
681
|
-
var N,
|
|
681
|
+
var N, X, K, qt, vs;
|
|
682
682
|
const os = class os {
|
|
683
|
-
constructor(
|
|
684
|
-
d(this,
|
|
683
|
+
constructor(r) {
|
|
684
|
+
d(this, K);
|
|
685
685
|
d(this, N);
|
|
686
|
-
d(this,
|
|
686
|
+
d(this, X, { startRow: -1, startCol: -1, endRow: -1, endCol: -1 });
|
|
687
687
|
E(this, "render", /* @__PURE__ */ h(() => {
|
|
688
|
-
const { startRow:
|
|
689
|
-
q.log("π¨ [CellSelection.render] Rendering range ->", t(this,
|
|
688
|
+
const { startRow: r, startCol: e, endRow: s, endCol: n } = t(this, X);
|
|
689
|
+
q.log("π¨ [CellSelection.render] Rendering range ->", t(this, X));
|
|
690
690
|
const i = t(this, N).querySelectorAll(
|
|
691
691
|
".ng-container-left .ng-part-body, .ng-container-body .ng-part-body, .ng-container-right .ng-part-body"
|
|
692
692
|
);
|
|
@@ -694,34 +694,34 @@ const os = class os {
|
|
|
694
694
|
a.querySelectorAll(".selected, .selected-top, .selected-bottom, .selected-left, .selected-right").forEach((c) => {
|
|
695
695
|
c.classList.remove("selected", "selected-top", "selected-bottom", "selected-left", "selected-right");
|
|
696
696
|
});
|
|
697
|
-
}),
|
|
697
|
+
}), r < 0 || e < 0) {
|
|
698
698
|
q.log("β οΈ [CellSelection.render] Range is invalid (< 0), skipping render.");
|
|
699
699
|
return;
|
|
700
700
|
}
|
|
701
701
|
let o = 0;
|
|
702
702
|
i.forEach((a) => {
|
|
703
703
|
a.querySelectorAll("tbody tr").forEach((c) => {
|
|
704
|
-
const { matrixRow: l } =
|
|
704
|
+
const { matrixRow: l } = Y(this, K, qt).call(this, c);
|
|
705
705
|
l < 0 || c.querySelectorAll("td, th").forEach((g) => {
|
|
706
706
|
const f = parseInt(g.dataset.col, 10);
|
|
707
707
|
if (isNaN(f)) return;
|
|
708
|
-
const b = parseInt(g.rowSpan || 1, 10), u = parseInt(g.colSpan || 1, 10), p = l + b - 1,
|
|
709
|
-
p >=
|
|
708
|
+
const b = parseInt(g.rowSpan || 1, 10), u = parseInt(g.colSpan || 1, 10), p = l + b - 1, m = f + u - 1;
|
|
709
|
+
p >= r && l <= s && m >= e && f <= n && (o++, g.classList.add("selected"), q.log(g, r, e, s, n), l <= r && g.classList.add("selected-top"), p >= s && g.classList.add("selected-bottom"), f <= e && g.classList.add("selected-left"), m >= n && g.classList.add("selected-right"));
|
|
710
710
|
});
|
|
711
711
|
});
|
|
712
712
|
}), q.log(`β¨ [CellSelection.render] Total rendered cells marked: ${o}`);
|
|
713
713
|
}, "render"));
|
|
714
|
-
y(this, N,
|
|
714
|
+
y(this, N, r), Y(this, K, vs).call(this), t(this, N).querySelectorAll(
|
|
715
715
|
".ng-container-left .ng-part-body, .ng-container-body .ng-part-body, .ng-container-right .ng-part-body"
|
|
716
|
-
).forEach((
|
|
717
|
-
|
|
718
|
-
t(this,
|
|
716
|
+
).forEach((s) => {
|
|
717
|
+
s.addEventListener("scroll", () => {
|
|
718
|
+
t(this, X).startRow >= 0 && t(this, X).startCol >= 0 && this.render();
|
|
719
719
|
});
|
|
720
720
|
}), q.log("π― [CellSelection] Initialized");
|
|
721
721
|
}
|
|
722
|
-
setRange(
|
|
723
|
-
q.log(`π [CellSelection.setRange] Input -> startRow: ${
|
|
724
|
-
let i = Math.min(
|
|
722
|
+
setRange(r, e, s, n) {
|
|
723
|
+
q.log(`π [CellSelection.setRange] Input -> startRow: ${r}, startCol: ${e}, endRow: ${s}, endCol: ${n}`);
|
|
724
|
+
let i = Math.min(r, s), o = Math.max(r, s), a = Math.min(e, n), c = Math.max(e, n);
|
|
725
725
|
const l = t(this, N).querySelectorAll(
|
|
726
726
|
".ng-container-left .ng-part-body, .ng-container-body .ng-part-body, .ng-container-right .ng-part-body"
|
|
727
727
|
);
|
|
@@ -730,11 +730,11 @@ const os = class os {
|
|
|
730
730
|
g = !1, f++, l.forEach((b) => {
|
|
731
731
|
b.querySelectorAll("tbody tr").forEach((u) => {
|
|
732
732
|
if (u.classList.contains("nodata")) return;
|
|
733
|
-
const { matrixRow: p } =
|
|
734
|
-
p < 0 || u.querySelectorAll("td, th").forEach((
|
|
735
|
-
const w = parseInt(
|
|
733
|
+
const { matrixRow: p } = Y(this, K, qt).call(this, u);
|
|
734
|
+
p < 0 || u.querySelectorAll("td, th").forEach((m) => {
|
|
735
|
+
const w = parseInt(m.dataset.col, 10);
|
|
736
736
|
if (isNaN(w)) return;
|
|
737
|
-
const
|
|
737
|
+
const x = parseInt(m.rowSpan || 1, 10), C = parseInt(m.colSpan || 1, 10), S = p + x - 1, M = w + C - 1;
|
|
738
738
|
if (S >= i && p <= o && M >= a && w <= c) {
|
|
739
739
|
const B = Math.min(i, p), Kt = Math.max(o, S), ps = Math.min(a, w), ys = Math.max(c, M);
|
|
740
740
|
(B !== i || Kt !== o || ps !== a || ys !== c) && (i = B, o = Kt, a = ps, c = ys, g = !0);
|
|
@@ -742,39 +742,39 @@ const os = class os {
|
|
|
742
742
|
});
|
|
743
743
|
});
|
|
744
744
|
});
|
|
745
|
-
y(this,
|
|
745
|
+
y(this, X, { startRow: i, startCol: a, endRow: o, endCol: c }), q.log("π¦ [CellSelection.setRange] Final Range ->", t(this, X)), this.render();
|
|
746
746
|
}
|
|
747
747
|
};
|
|
748
|
-
N = new WeakMap(),
|
|
749
|
-
if (!
|
|
750
|
-
const e = parseInt(
|
|
748
|
+
N = new WeakMap(), X = new WeakMap(), K = new WeakSet(), qt = /* @__PURE__ */ h(function(r) {
|
|
749
|
+
if (!r || r.classList.contains("nodata")) return { dataRow: -1, subRowIndex: -1, matrixRow: -1 };
|
|
750
|
+
const e = parseInt(r.dataset.row, 10);
|
|
751
751
|
if (isNaN(e)) return { dataRow: -1, subRowIndex: -1, matrixRow: -1 };
|
|
752
|
-
const
|
|
752
|
+
const s = r.closest("tbody"), i = Array.from(s.querySelectorAll("tr:not(.nodata)")).filter((l) => parseInt(l.dataset.row, 10) === e), o = i.indexOf(r), a = i.length > 0 ? i.length : 1, c = e * a + (o >= 0 ? o : r.sectionRowIndex % a);
|
|
753
753
|
return { dataRow: e, subRowIndex: o, matrixRow: c };
|
|
754
754
|
}, "#getMatrixRow"), vs = /* @__PURE__ */ h(function() {
|
|
755
|
-
const
|
|
756
|
-
if (!
|
|
755
|
+
const r = t(this, N).querySelector(".ng-container-top");
|
|
756
|
+
if (!r) {
|
|
757
757
|
q.log("β [CellSelection] .ng-container-top not found!");
|
|
758
758
|
return;
|
|
759
759
|
}
|
|
760
|
-
|
|
760
|
+
r.addEventListener("mousedown", (e) => {
|
|
761
761
|
if (e.button !== 0) return;
|
|
762
|
-
const
|
|
763
|
-
if (!
|
|
762
|
+
const s = e.target.closest("td, th");
|
|
763
|
+
if (!s || s.dataset.row === void 0 || s.dataset.col === void 0 || s.closest("tr").classList.contains("nodata")) return;
|
|
764
764
|
t(this, N).style.userSelect = "none", t(this, N).style.webkitUserSelect = "none";
|
|
765
|
-
const
|
|
765
|
+
const n = s.closest("tr"), { matrixRow: i } = Y(this, K, qt).call(this, n), o = parseInt(s.dataset.col, 10);
|
|
766
766
|
if (i < 0) {
|
|
767
767
|
t(this, N).style.userSelect = "", t(this, N).style.webkitUserSelect = "";
|
|
768
768
|
return;
|
|
769
769
|
}
|
|
770
|
-
q.log(`π±οΈ [MouseDown Success] startRow: ${i}, startCol: ${o}`), t(this, N).navigation.currentCell =
|
|
770
|
+
q.log(`π±οΈ [MouseDown Success] startRow: ${i}, startCol: ${o}`), t(this, N).navigation.currentCell = s;
|
|
771
771
|
let a = i, c = o;
|
|
772
772
|
const l = /* @__PURE__ */ h((f) => {
|
|
773
773
|
const b = document.elementFromPoint(f.clientX, f.clientY);
|
|
774
774
|
let u = b == null ? void 0 : b.closest("td, th");
|
|
775
775
|
if (!u || !t(this, N).contains(u)) {
|
|
776
|
-
const
|
|
777
|
-
for (const C of
|
|
776
|
+
const x = t(this, N).querySelectorAll(".ng-part-body tbody tr:not(.nodata) td, .ng-part-body tbody tr:not(.nodata) th");
|
|
777
|
+
for (const C of x) {
|
|
778
778
|
const S = C.getBoundingClientRect();
|
|
779
779
|
if (f.clientX >= S.left && f.clientX <= S.right && f.clientY >= S.top && f.clientY <= S.bottom) {
|
|
780
780
|
u = C;
|
|
@@ -783,8 +783,8 @@ N = new WeakMap(), U = new WeakMap(), X = new WeakSet(), qt = /* @__PURE__ */ h(
|
|
|
783
783
|
}
|
|
784
784
|
}
|
|
785
785
|
if (!u || u.dataset.row === void 0 || u.dataset.col === void 0 || u.closest("tr").classList.contains("nodata")) return;
|
|
786
|
-
const p = u.closest("tr"), { matrixRow:
|
|
787
|
-
|
|
786
|
+
const p = u.closest("tr"), { matrixRow: m } = Y(this, K, qt).call(this, p), w = parseInt(u.dataset.col, 10);
|
|
787
|
+
m < 0 || a === m && c === w || (a = m, c = w, this.setRange(i, o, m, w));
|
|
788
788
|
}, "onMouseMove"), g = /* @__PURE__ */ h(() => {
|
|
789
789
|
q.log("π±οΈ [MouseUp] Drag ended."), t(this, N).style.userSelect = "", t(this, N).style.webkitUserSelect = "", document.removeEventListener("mousemove", l), document.removeEventListener("mouseup", g);
|
|
790
790
|
}, "onMouseUp");
|
|
@@ -794,118 +794,118 @@ N = new WeakMap(), U = new WeakMap(), X = new WeakSet(), qt = /* @__PURE__ */ h(
|
|
|
794
794
|
let Me = os;
|
|
795
795
|
var F, ct, le, ce, pt, $e, _t, Ot, Dt, ht, Wt, Ss;
|
|
796
796
|
const is = class is {
|
|
797
|
-
constructor(
|
|
797
|
+
constructor(r) {
|
|
798
798
|
d(this, pt);
|
|
799
799
|
d(this, F);
|
|
800
800
|
d(this, ct, null);
|
|
801
801
|
d(this, le, -1);
|
|
802
802
|
d(this, ce, -1);
|
|
803
|
-
d(this, _t, /* @__PURE__ */ h((
|
|
803
|
+
d(this, _t, /* @__PURE__ */ h((r) => {
|
|
804
804
|
const e = [];
|
|
805
|
-
return
|
|
805
|
+
return r.forEach((s) => e.push(...Array.from(s.querySelectorAll("td")))), e.length === 0 ? null : (e.sort((s, n) => parseInt(s.dataset.col, 10) - parseInt(n.dataset.col, 10)), e[e.length - 1]);
|
|
806
806
|
}, "#getMaxColCell"));
|
|
807
|
-
d(this, Ot, /* @__PURE__ */ h((
|
|
808
|
-
const
|
|
809
|
-
if (
|
|
810
|
-
let
|
|
807
|
+
d(this, Ot, /* @__PURE__ */ h((r, e) => {
|
|
808
|
+
const s = t(this, ht).call(this, r);
|
|
809
|
+
if (s.length === 0) return e + 1;
|
|
810
|
+
let n = e + 1;
|
|
811
811
|
const i = [];
|
|
812
|
-
|
|
812
|
+
s.forEach((o) => i.push(...Array.from(o.querySelectorAll("td")))), i.sort((o, a) => parseInt(o.dataset.col, 10) - parseInt(a.dataset.col, 10));
|
|
813
813
|
for (const o of i) {
|
|
814
814
|
const a = parseInt(o.dataset.col, 10), c = parseInt(o.colSpan || 1, 10);
|
|
815
815
|
if (e >= a && e < a + c) {
|
|
816
|
-
|
|
816
|
+
n = a + c;
|
|
817
817
|
break;
|
|
818
818
|
}
|
|
819
819
|
}
|
|
820
|
-
return
|
|
820
|
+
return n;
|
|
821
821
|
}, "#getNextCol"));
|
|
822
|
-
d(this, Dt, /* @__PURE__ */ h((
|
|
823
|
-
const
|
|
824
|
-
if (
|
|
825
|
-
let
|
|
822
|
+
d(this, Dt, /* @__PURE__ */ h((r, e) => {
|
|
823
|
+
const s = t(this, ht).call(this, r);
|
|
824
|
+
if (s.length === 0) return Math.max(0, e - 1);
|
|
825
|
+
let n = -1;
|
|
826
826
|
const i = [];
|
|
827
|
-
|
|
827
|
+
s.forEach((o) => i.push(...Array.from(o.querySelectorAll("td")))), i.sort((o, a) => parseInt(o.dataset.col, 10) - parseInt(a.dataset.col, 10));
|
|
828
828
|
for (const o of i) {
|
|
829
829
|
const a = parseInt(o.dataset.col, 10);
|
|
830
830
|
if (a < e)
|
|
831
|
-
|
|
831
|
+
n = a;
|
|
832
832
|
else
|
|
833
833
|
break;
|
|
834
834
|
}
|
|
835
|
-
return
|
|
835
|
+
return n;
|
|
836
836
|
}, "#getPreviousCol"));
|
|
837
837
|
// π― λ κ±°μμ λ³ν© μ
(rowSpan) λΈλ‘ ν¬μ© νμ λ‘μ§ μ΄μ
|
|
838
|
-
d(this, ht, /* @__PURE__ */ h((
|
|
838
|
+
d(this, ht, /* @__PURE__ */ h((r) => {
|
|
839
839
|
const e = t(this, F).querySelectorAll(
|
|
840
840
|
".ng-container-left .ng-part-body, .ng-container-body .ng-part-body, .ng-container-right .ng-part-body"
|
|
841
|
-
),
|
|
842
|
-
return e.forEach((
|
|
843
|
-
const i = Array.from(
|
|
841
|
+
), s = [];
|
|
842
|
+
return e.forEach((n) => {
|
|
843
|
+
const i = Array.from(n.querySelectorAll("tbody tr:not(.nodata)"));
|
|
844
844
|
for (const o of i) {
|
|
845
845
|
const a = parseInt(o.dataset.row, 10), c = i.filter((p) => parseInt(p.dataset.row, 10) === a), l = c.length > 0 ? c.length : 1, g = c.indexOf(o), f = a * l + (g >= 0 ? g : 0);
|
|
846
|
-
if (f ===
|
|
847
|
-
|
|
846
|
+
if (f === r) {
|
|
847
|
+
s.push(o);
|
|
848
848
|
break;
|
|
849
849
|
}
|
|
850
850
|
const b = Array.from(o.querySelectorAll("td"));
|
|
851
851
|
let u = !1;
|
|
852
852
|
for (const p of b) {
|
|
853
|
-
const
|
|
854
|
-
if (
|
|
855
|
-
|
|
853
|
+
const m = parseInt(p.rowSpan || 1, 10);
|
|
854
|
+
if (m > 1 && r >= f && r < f + m) {
|
|
855
|
+
s.push(o), u = !0;
|
|
856
856
|
break;
|
|
857
857
|
}
|
|
858
858
|
}
|
|
859
859
|
if (u) break;
|
|
860
860
|
}
|
|
861
|
-
}),
|
|
861
|
+
}), s;
|
|
862
862
|
}, "#findTargetTrsByMatrix"));
|
|
863
863
|
// π― rowSpan λ° colSpan κ²½κ³λ₯Ό λͺ¨λ μΆ©μ‘±νλ μ
μ 3λΆν μ 체 μμμμ νμ
|
|
864
|
-
d(this, Wt, /* @__PURE__ */ h((
|
|
864
|
+
d(this, Wt, /* @__PURE__ */ h((r, e, s, n) => {
|
|
865
865
|
const i = t(this, F).querySelectorAll(
|
|
866
866
|
".ng-container-left .ng-part-body, .ng-container-body .ng-part-body, .ng-container-right .ng-part-body"
|
|
867
|
-
), o =
|
|
867
|
+
), o = n !== void 0 ? n : r * 1 + e;
|
|
868
868
|
for (const a of i) {
|
|
869
869
|
const c = Array.from(a.querySelectorAll("tbody tr:not(.nodata)"));
|
|
870
870
|
for (const l of c) {
|
|
871
|
-
const g = parseInt(l.dataset.row, 10), f = c.filter((w) => parseInt(w.dataset.row, 10) === g), b = f.length > 0 ? f.length : 1, u = f.indexOf(l), p = g * b + (u >= 0 ? u : 0),
|
|
872
|
-
for (const w of
|
|
873
|
-
const
|
|
874
|
-
if (!isNaN(
|
|
871
|
+
const g = parseInt(l.dataset.row, 10), f = c.filter((w) => parseInt(w.dataset.row, 10) === g), b = f.length > 0 ? f.length : 1, u = f.indexOf(l), p = g * b + (u >= 0 ? u : 0), m = Array.from(l.querySelectorAll("td"));
|
|
872
|
+
for (const w of m) {
|
|
873
|
+
const x = parseInt(w.dataset.col, 10), C = parseInt(w.colSpan || 1, 10), S = parseInt(w.rowSpan || 1, 10);
|
|
874
|
+
if (!isNaN(x) && s >= x && s < x + C && o >= p && o < p + S && window.getComputedStyle(w).display !== "none")
|
|
875
875
|
return w;
|
|
876
876
|
}
|
|
877
877
|
}
|
|
878
878
|
}
|
|
879
879
|
return null;
|
|
880
880
|
}, "#getNearElement"));
|
|
881
|
-
y(this, F,
|
|
881
|
+
y(this, F, r), Y(this, pt, Ss).call(this), q.log("π― [CellNavigation] Initialized");
|
|
882
882
|
}
|
|
883
883
|
get currentCell() {
|
|
884
884
|
return t(this, ct);
|
|
885
885
|
}
|
|
886
|
-
set currentCell(
|
|
887
|
-
if (!
|
|
888
|
-
y(this, ct,
|
|
889
|
-
const e = parseInt(
|
|
890
|
-
if (!isNaN(e) && !isNaN(
|
|
891
|
-
y(this, le, e), y(this, ce,
|
|
892
|
-
const
|
|
886
|
+
set currentCell(r) {
|
|
887
|
+
if (!r) return;
|
|
888
|
+
y(this, ct, r), r.focus({ preventScroll: !0 });
|
|
889
|
+
const e = parseInt(r.dataset.row, 10), s = parseInt(r.dataset.col, 10);
|
|
890
|
+
if (!isNaN(e) && !isNaN(s)) {
|
|
891
|
+
y(this, le, e), y(this, ce, s);
|
|
892
|
+
const n = r.closest("tr"), i = n == null ? void 0 : n.closest("tbody");
|
|
893
893
|
if (i) {
|
|
894
|
-
const a = Array.from(i.querySelectorAll("tr:not(.nodata)")).filter((f) => parseInt(f.dataset.row, 10) === e), c = a.length > 0 ? a.length : 1, l = a.indexOf(
|
|
895
|
-
t(this, F).selection.setRange(g,
|
|
894
|
+
const a = Array.from(i.querySelectorAll("tr:not(.nodata)")).filter((f) => parseInt(f.dataset.row, 10) === e), c = a.length > 0 ? a.length : 1, l = a.indexOf(n), g = e * c + (l >= 0 ? l : 0);
|
|
895
|
+
t(this, F).selection.setRange(g, s, g, s);
|
|
896
896
|
}
|
|
897
897
|
}
|
|
898
898
|
}
|
|
899
|
-
moveCell(
|
|
900
|
-
var
|
|
899
|
+
moveCell(r) {
|
|
900
|
+
var x, C, S, M;
|
|
901
901
|
if (!t(this, ct)) return;
|
|
902
|
-
const e = t(this, ct),
|
|
902
|
+
const e = t(this, ct), s = e.closest("tr"), n = parseInt(e.dataset.row, 10), i = parseInt(e.dataset.col, 10), o = s == null ? void 0 : s.closest("tbody");
|
|
903
903
|
if (!o) return;
|
|
904
|
-
const c = Array.from(o.querySelectorAll("tr")).filter((W) => parseInt(W.dataset.row, 10) ===
|
|
904
|
+
const c = Array.from(o.querySelectorAll("tr")).filter((W) => parseInt(W.dataset.row, 10) === n), l = t(this, F).templateLength, g = c.indexOf(s), f = n * l + (g >= 0 ? g : 0);
|
|
905
905
|
let b = f, u = i;
|
|
906
|
-
switch (
|
|
906
|
+
switch (r.code) {
|
|
907
907
|
case "Tab":
|
|
908
|
-
if (
|
|
908
|
+
if (r.preventDefault(), r.shiftKey) {
|
|
909
909
|
if (u = t(this, Dt).call(this, f, i), u < 0 && f > 0) {
|
|
910
910
|
b = f - 1;
|
|
911
911
|
const W = t(this, ht).call(this, b), B = t(this, _t).call(this, W);
|
|
@@ -924,54 +924,58 @@ const is = class is {
|
|
|
924
924
|
u = t(this, Dt).call(this, f, i);
|
|
925
925
|
break;
|
|
926
926
|
case "ArrowDown":
|
|
927
|
-
|
|
927
|
+
r.preventDefault(), b = f + (e.rowSpan || 1), q.log("subrow-index", (s == null ? void 0 : s.dataset.subrow) - index, "templateLength", l, "matrixRow:", f, "nextMatrixRow", b);
|
|
928
928
|
break;
|
|
929
929
|
case "ArrowUp":
|
|
930
|
-
|
|
930
|
+
r.preventDefault(), b = Math.max(0, f - (e.rowSpan || 1));
|
|
931
931
|
break;
|
|
932
932
|
}
|
|
933
|
-
const p = Math.floor(b / l),
|
|
934
|
-
let w = t(this, Wt).call(this, p,
|
|
935
|
-
if (q.log(w, p,
|
|
936
|
-
this.currentCell = w,
|
|
937
|
-
else if (p !==
|
|
938
|
-
const W = ((C = (
|
|
933
|
+
const p = Math.floor(b / l), m = b % l;
|
|
934
|
+
let w = t(this, Wt).call(this, p, m, u, b);
|
|
935
|
+
if (q.log(w, p, m, u, b), w)
|
|
936
|
+
this.currentCell = w, Y(this, pt, $e).call(this, w);
|
|
937
|
+
else if (p !== n && p >= 0) {
|
|
938
|
+
const W = ((C = (x = t(this, F)).getRowHeight) == null ? void 0 : C.call(x)) || 40;
|
|
939
939
|
(M = (S = t(this, F)).scrollToY) == null || M.call(S, p * W), setTimeout(() => {
|
|
940
|
-
const B = t(this, Wt).call(this, p,
|
|
941
|
-
B && (this.currentCell = B,
|
|
940
|
+
const B = t(this, Wt).call(this, p, m, u, b);
|
|
941
|
+
B && (this.currentCell = B, Y(this, pt, $e).call(this, B));
|
|
942
942
|
}, 0);
|
|
943
943
|
}
|
|
944
944
|
}
|
|
945
945
|
};
|
|
946
946
|
F = new WeakMap(), ct = new WeakMap(), le = new WeakMap(), ce = new WeakMap(), pt = new WeakSet(), // π― μ
μ΄ λ³΄μ΄μ§ μλ μμμ μμ λ 컨ν
μ΄λ μ€ν¬λ‘€μ λκΈ°ννλ ν¨μ
|
|
947
|
-
$e = /* @__PURE__ */ h(function(
|
|
947
|
+
$e = /* @__PURE__ */ h(function(r) {
|
|
948
948
|
const e = t(this, F).querySelector(".ng-container-body .ng-part-body");
|
|
949
949
|
if (!e) return;
|
|
950
|
-
const
|
|
951
|
-
|
|
950
|
+
const s = r.getBoundingClientRect(), n = e.getBoundingClientRect();
|
|
951
|
+
s.top < n.top ? e.scrollTop -= n.top - s.top : s.bottom > n.bottom && (e.scrollTop += s.bottom - n.bottom), s.left < n.left ? e.scrollLeft -= n.left - s.left : s.right > n.right && (e.scrollLeft += s.right - n.right);
|
|
952
952
|
}, "#ensureCellVisible"), _t = new WeakMap(), Ot = new WeakMap(), Dt = new WeakMap(), ht = new WeakMap(), Wt = new WeakMap(), Ss = /* @__PURE__ */ h(function() {
|
|
953
|
-
t(this, F).addEventListener("keydown", (
|
|
954
|
-
["Tab", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(
|
|
953
|
+
t(this, F).addEventListener("keydown", (r) => {
|
|
954
|
+
["Tab", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(r.code) && this.moveCell(r);
|
|
955
955
|
});
|
|
956
956
|
}, "#initEvents"), h(is, "CellNavigation");
|
|
957
957
|
let He = is;
|
|
958
|
-
var he,
|
|
958
|
+
var he, dt, zt, Bt, V, de, fe, xt, ue, ge;
|
|
959
959
|
const Tt = class Tt extends HTMLElement {
|
|
960
960
|
constructor() {
|
|
961
961
|
super();
|
|
962
962
|
d(this, he);
|
|
963
|
-
d(this, Z, null);
|
|
964
963
|
d(this, dt);
|
|
965
964
|
d(this, zt);
|
|
966
965
|
d(this, Bt);
|
|
966
|
+
d(this, V, {
|
|
967
|
+
table: null
|
|
968
|
+
});
|
|
967
969
|
E(this, "invalidate", /* @__PURE__ */ h(() => {
|
|
968
970
|
q.log("sheet.invalidate()"), t(this, dt).refresh();
|
|
969
971
|
}, "invalidate"));
|
|
970
972
|
E(this, "generate", /* @__PURE__ */ h((e) => {
|
|
971
973
|
if (q.log("sheet.generate()"), !e) return;
|
|
972
|
-
|
|
973
|
-
|
|
974
|
-
|
|
974
|
+
t(this, V).table = Ie.compile(e), t(this, V).tbody = {
|
|
975
|
+
tr: t(this, V).table.querySelectorAll("tbody tr")
|
|
976
|
+
}, t(this, de).call(this), t(this, fe).call(this);
|
|
977
|
+
const s = this.querySelector(".ng-container-body .ng-part-header"), n = this.querySelector(".ng-container-body .ng-part-footer"), i = this.querySelector(".ng-nodata-overlay");
|
|
978
|
+
s && i && (i.style.top = `${s.offsetHeight}px`), n && i && (i.style.bottom = `${n.offsetHeight}px`), t(this, dt).initialize(), setTimeout(() => {
|
|
975
979
|
var o;
|
|
976
980
|
(o = this.querySelector("nine-table-hscrollbar")) == null || o.refresh();
|
|
977
981
|
}, 0);
|
|
@@ -981,37 +985,37 @@ const Tt = class Tt extends HTMLElement {
|
|
|
981
985
|
{ selector: ".ng-container-body", type: null },
|
|
982
986
|
{ selector: ".ng-container-left", type: "left" },
|
|
983
987
|
{ selector: ".ng-container-right", type: "right" }
|
|
984
|
-
].forEach(({ selector:
|
|
988
|
+
].forEach(({ selector: s, type: n }) => {
|
|
985
989
|
var i, o, a;
|
|
986
|
-
(i = this.querySelector(`${
|
|
990
|
+
(i = this.querySelector(`${s} .ng-part-header`)) == null || i.appendChild(t(this, xt).call(this, t(this, V).table, n, "header")), (o = this.querySelector(`${s} .ng-virtual-spacer`)) == null || o.before(t(this, xt).call(this, t(this, V).table, n, "body")), (a = this.querySelector(`${s} .ng-part-footer`)) == null || a.appendChild(t(this, xt).call(this, t(this, V).table, n, "footer"));
|
|
987
991
|
});
|
|
988
992
|
}, "#renderSplitContainers"));
|
|
989
993
|
d(this, fe, /* @__PURE__ */ h(() => {
|
|
990
994
|
["left", "right", "body"].forEach((e) => {
|
|
991
|
-
const
|
|
992
|
-
if (!
|
|
995
|
+
const s = this.querySelector(`.ng-container-${e}`), n = s == null ? void 0 : s.querySelectorAll("table");
|
|
996
|
+
if (!s || !n || n.length === 0) return;
|
|
993
997
|
let i = 0;
|
|
994
|
-
|
|
998
|
+
n[0].querySelectorAll("col").forEach((o) => {
|
|
995
999
|
const a = parseInt(o.getAttribute("width"), 10);
|
|
996
1000
|
isNaN(a) || (i += a);
|
|
997
|
-
}), e === "body" ? (
|
|
1001
|
+
}), e === "body" ? (s.style.flex = "1", n.forEach((o) => {
|
|
998
1002
|
o.style.width = `${i}px`, o.style.minWidth = `${i}px`;
|
|
999
|
-
})) : (
|
|
1003
|
+
})) : (s.style.flex = `0 0 ${i}px`, s.style.width = `${i}px`, n.forEach((o) => {
|
|
1000
1004
|
o.style.width = `${i}px`, o.style.minWidth = `${i}px`;
|
|
1001
1005
|
}));
|
|
1002
1006
|
});
|
|
1003
1007
|
}, "#updateContainerWidths"));
|
|
1004
|
-
d(this, xt, /* @__PURE__ */ h((e,
|
|
1008
|
+
d(this, xt, /* @__PURE__ */ h((e, s, n) => {
|
|
1005
1009
|
const i = e.cloneNode(!0), o = i.querySelector("thead"), a = i.querySelector("tbody"), c = i.querySelector("tfoot");
|
|
1006
|
-
if (
|
|
1010
|
+
if (n === "header") {
|
|
1007
1011
|
if (a && a.remove(), c && c.remove(), e.querySelector("tbody")) {
|
|
1008
1012
|
const g = document.createElement("tbody");
|
|
1009
1013
|
g.className = "fixed-tbody", i.appendChild(g);
|
|
1010
1014
|
}
|
|
1011
|
-
} else
|
|
1012
|
-
return
|
|
1015
|
+
} else n === "body" ? (o && o.remove(), c && c.remove(), a && (a.className = "bindable-tbody")) : n === "footer" && (o && o.remove(), a && a.remove());
|
|
1016
|
+
return s === "left" ? i.querySelectorAll("col, th, td, tfoot td, tfoot th").forEach((l) => {
|
|
1013
1017
|
l.getAttribute("fixed") !== "left" && l.remove();
|
|
1014
|
-
}) :
|
|
1018
|
+
}) : s === "right" ? i.querySelectorAll("col, th, td, tfoot td, tfoot th").forEach((l) => {
|
|
1015
1019
|
l.getAttribute("fixed") !== "right" && l.remove();
|
|
1016
1020
|
}) : i.querySelectorAll("[fixed=left], [fixed=right]").forEach((l) => {
|
|
1017
1021
|
l.remove();
|
|
@@ -1019,12 +1023,12 @@ const Tt = class Tt extends HTMLElement {
|
|
|
1019
1023
|
}, "#createSplitTable"));
|
|
1020
1024
|
E(this, "getRowHeight", /* @__PURE__ */ h(() => t(this, dt).getRowHeight(), "getRowHeight"));
|
|
1021
1025
|
E(this, "scrollToX", /* @__PURE__ */ h((e) => {
|
|
1022
|
-
const
|
|
1023
|
-
|
|
1026
|
+
const s = this.querySelector(".ng-container-body .ng-part-body");
|
|
1027
|
+
s && (s.scrollLeft = e);
|
|
1024
1028
|
}, "scrollToX"));
|
|
1025
1029
|
E(this, "scrollToY", /* @__PURE__ */ h((e) => {
|
|
1026
|
-
const
|
|
1027
|
-
|
|
1030
|
+
const s = this.querySelector(".ng-container-body .ng-part-body");
|
|
1031
|
+
s && (s.scrollTop = e);
|
|
1028
1032
|
}, "scrollToY"));
|
|
1029
1033
|
d(this, ue, /* @__PURE__ */ h(() => {
|
|
1030
1034
|
t(this, ge).call(this), y(this, zt, new Me(this)), y(this, Bt, new He(this));
|
|
@@ -1239,6 +1243,9 @@ const Tt = class Tt extends HTMLElement {
|
|
|
1239
1243
|
get selection() {
|
|
1240
1244
|
return t(this, zt);
|
|
1241
1245
|
}
|
|
1246
|
+
get templateLength() {
|
|
1247
|
+
return t(this, V).tbody.tr.length;
|
|
1248
|
+
}
|
|
1242
1249
|
get navigation() {
|
|
1243
1250
|
return t(this, Bt);
|
|
1244
1251
|
}
|
|
@@ -1246,7 +1253,7 @@ const Tt = class Tt extends HTMLElement {
|
|
|
1246
1253
|
this.innerHTML = "", q.log("NineTableSheet destroyed.");
|
|
1247
1254
|
}
|
|
1248
1255
|
};
|
|
1249
|
-
he = new WeakMap(),
|
|
1256
|
+
he = new WeakMap(), dt = new WeakMap(), zt = new WeakMap(), Bt = new WeakMap(), V = new WeakMap(), de = new WeakMap(), fe = new WeakMap(), xt = new WeakMap(), ue = new WeakMap(), ge = new WeakMap(), h(Tt, "NineTableSheet"), E(Tt, "SCROLLBAR_SIZE", 16);
|
|
1250
1257
|
let Gt = Tt;
|
|
1251
1258
|
customElements.get("nine-table-sheet") || customElements.define("nine-table-sheet", Gt);
|
|
1252
1259
|
var be, Pt;
|
|
@@ -1255,24 +1262,24 @@ const as = class as extends HTMLElement {
|
|
|
1255
1262
|
super();
|
|
1256
1263
|
d(this, be, /* @__PURE__ */ h(() => {
|
|
1257
1264
|
var e;
|
|
1258
|
-
(e = this.querySelector(".nine-tab-bar")) == null || e.addEventListener("click", (
|
|
1265
|
+
(e = this.querySelector(".nine-tab-bar")) == null || e.addEventListener("click", (s) => {
|
|
1259
1266
|
var o;
|
|
1260
|
-
const
|
|
1261
|
-
t(this, Pt).call(this, i,
|
|
1267
|
+
const n = s.ctrlKey || s.metaKey || s.shiftKey, i = parseInt((o = s.target.closest(".nine-tab-item")) == null ? void 0 : o.dataset.index, 10);
|
|
1268
|
+
t(this, Pt).call(this, i, n);
|
|
1262
1269
|
}), t(this, Pt).call(this, 0, !1);
|
|
1263
1270
|
}, "#init"));
|
|
1264
|
-
d(this, Pt, /* @__PURE__ */ h((e,
|
|
1265
|
-
const
|
|
1271
|
+
d(this, Pt, /* @__PURE__ */ h((e, s = !1) => {
|
|
1272
|
+
const n = /* @__PURE__ */ h(() => {
|
|
1266
1273
|
const g = Array.from(this.querySelectorAll("nine-table-sheet"));
|
|
1267
1274
|
Array.from(this.querySelectorAll("nine-splitter")).forEach((u) => u.style.setProperty("display", "none"));
|
|
1268
1275
|
const b = g.filter((u) => u.classList.contains("active"));
|
|
1269
1276
|
b.length < 2 || b.forEach((u) => {
|
|
1270
|
-
const p = parseInt(u.getAttribute("data-index"), 10),
|
|
1271
|
-
|
|
1277
|
+
const p = parseInt(u.getAttribute("data-index"), 10), m = this.querySelector(`nine-splitter[data-split-index="${p}"]`), w = g[p + 1];
|
|
1278
|
+
m && w && w.classList.contains("active") && m.style.setProperty("display", "flex");
|
|
1272
1279
|
});
|
|
1273
1280
|
}, "updateSplitters"), i = this.querySelector(".nine-tab-bar"), o = this.querySelector("nine-table-sheets-body"), a = i.querySelectorAll(".nine-tab-item"), c = o.querySelectorAll("nine-table-sheet");
|
|
1274
1281
|
if (!a[e]) return;
|
|
1275
|
-
if (!
|
|
1282
|
+
if (!s)
|
|
1276
1283
|
a.forEach((g, f) => {
|
|
1277
1284
|
g.classList.toggle("active", f === e);
|
|
1278
1285
|
}), c.forEach((g, f) => {
|
|
@@ -1290,7 +1297,7 @@ const as = class as extends HTMLElement {
|
|
|
1290
1297
|
const l = o.querySelectorAll("nine-table-sheet.active");
|
|
1291
1298
|
l == null || l.forEach((g) => {
|
|
1292
1299
|
g.style.flex = l.length > 1 ? "1 1 0%" : "1 1 100%";
|
|
1293
|
-
}),
|
|
1300
|
+
}), n();
|
|
1294
1301
|
}, "#switchSheet"));
|
|
1295
1302
|
}
|
|
1296
1303
|
connectedCallback() {
|
|
@@ -1302,24 +1309,24 @@ let Ne = as;
|
|
|
1302
1309
|
customElements.get("nine-table-sheets") || customElements.define("nine-table-sheets", Ne);
|
|
1303
1310
|
var _, pe, Ft, ye;
|
|
1304
1311
|
const ls = class ls {
|
|
1305
|
-
constructor(
|
|
1312
|
+
constructor(r) {
|
|
1306
1313
|
d(this, _);
|
|
1307
1314
|
d(this, pe, /* @__PURE__ */ h(() => {
|
|
1308
|
-
t(this, ye).call(this), new ResizeObserver((
|
|
1309
|
-
for (let e of
|
|
1315
|
+
t(this, ye).call(this), new ResizeObserver((r) => {
|
|
1316
|
+
for (let e of r)
|
|
1310
1317
|
t(this, _).getAttribute("auto-height") === "true" && t(this, Ft).call(this);
|
|
1311
1318
|
}).observe(t(this, _));
|
|
1312
1319
|
}, "#init"));
|
|
1313
1320
|
d(this, Ft, /* @__PURE__ */ h(() => {
|
|
1314
1321
|
var c, l;
|
|
1315
|
-
const
|
|
1316
|
-
if (
|
|
1317
|
-
const e = parseInt(t(this, _).getAttribute("max-display-row"), 10) || 10,
|
|
1322
|
+
const r = Array.from(t(this, _).shadowRoot.querySelectorAll("nine-table-sheet.active"));
|
|
1323
|
+
if (r.length === 0) return;
|
|
1324
|
+
const e = parseInt(t(this, _).getAttribute("max-display-row"), 10) || 10, s = Math.max(...r.map((g) => g.getRowHeight())), n = (c = t(this, _).shadowRoot.querySelector("nine-table-header")) == null ? void 0 : c.getBoundingClientRect().height, i = (l = t(this, _).shadowRoot.querySelector("nine-table-sheets-footer")) == null ? void 0 : l.getBoundingClientRect().height, o = Gt.SCROLLBAR_SIZE, a = e * s + n + i + o;
|
|
1318
1325
|
t(this, _).style.height = `${a}px`;
|
|
1319
1326
|
}, "#applyAutoHeight"));
|
|
1320
1327
|
d(this, ye, /* @__PURE__ */ h(() => {
|
|
1321
|
-
const e = Array.from(t(this, _).children).filter((c) => c.tagName === "TABLE"),
|
|
1322
|
-
const f = `<nine-table-sheet class="${l === 0 ? "active" : ""}" data-index="${l}"></nine-table-sheet>`, b = l <
|
|
1328
|
+
const e = Array.from(t(this, _).children).filter((c) => c.tagName === "TABLE"), s = t(this, _).getAttribute("auto-height") === "true", n = e.length, i = e.map((c, l) => {
|
|
1329
|
+
const f = `<nine-table-sheet class="${l === 0 ? "active" : ""}" data-index="${l}"></nine-table-sheet>`, b = l < n - 1 ? `<nine-splitter class="h" data-split-index="${l}"></nine-splitter>` : "";
|
|
1323
1330
|
return f + b;
|
|
1324
1331
|
}).join(""), o = e.map((c, l) => `<div class="nine-tab-item ${l === 0 ? "active" : ""}" data-index="${l}">Sheet ${l + 1}</div>`).join("");
|
|
1325
1332
|
t(this, _).shadowRoot.innerHTML = `
|
|
@@ -1329,7 +1336,7 @@ const ls = class ls {
|
|
|
1329
1336
|
flex-direction: column;
|
|
1330
1337
|
position: relative;
|
|
1331
1338
|
overflow: hidden;
|
|
1332
|
-
height: ${
|
|
1339
|
+
height: ${s ? "auto" : "100%"};
|
|
1333
1340
|
background: #fff;
|
|
1334
1341
|
}
|
|
1335
1342
|
|
|
@@ -1446,28 +1453,28 @@ const ls = class ls {
|
|
|
1446
1453
|
const a = t(this, _).shadowRoot.querySelectorAll("nine-table-sheet");
|
|
1447
1454
|
a == null || a.forEach((c, l) => {
|
|
1448
1455
|
e[l] && setTimeout(() => {
|
|
1449
|
-
c.generate(e[l]),
|
|
1456
|
+
c.generate(e[l]), s && t(this, Ft).call(this);
|
|
1450
1457
|
});
|
|
1451
1458
|
});
|
|
1452
1459
|
}, "#render"));
|
|
1453
|
-
y(this, _,
|
|
1460
|
+
y(this, _, r), t(this, pe).call(this);
|
|
1454
1461
|
}
|
|
1455
1462
|
};
|
|
1456
1463
|
_ = new WeakMap(), pe = new WeakMap(), Ft = new WeakMap(), ye = new WeakMap(), h(ls, "LayoutManager");
|
|
1457
1464
|
let _e = ls;
|
|
1458
1465
|
var jt, wt;
|
|
1459
1466
|
const cs = class cs {
|
|
1460
|
-
constructor(
|
|
1467
|
+
constructor(r) {
|
|
1461
1468
|
d(this, jt);
|
|
1462
1469
|
d(this, wt, -1);
|
|
1463
1470
|
E(this, "count", /* @__PURE__ */ h(() => t(this, jt).rawRecords.length, "count"));
|
|
1464
|
-
y(this, jt,
|
|
1471
|
+
y(this, jt, r);
|
|
1465
1472
|
}
|
|
1466
1473
|
get at() {
|
|
1467
1474
|
return t(this, wt);
|
|
1468
1475
|
}
|
|
1469
|
-
set at(
|
|
1470
|
-
y(this, wt, parseInt(
|
|
1476
|
+
set at(r) {
|
|
1477
|
+
y(this, wt, parseInt(r, 10)), body && !body.querySelector(`tbody.bindable tr[data-row="${t(this, wt)}"]`) && setTimeout(() => {
|
|
1471
1478
|
});
|
|
1472
1479
|
}
|
|
1473
1480
|
};
|
|
@@ -1475,7 +1482,7 @@ jt = new WeakMap(), wt = new WeakMap(), h(cs, "ngRow");
|
|
|
1475
1482
|
let Oe = cs;
|
|
1476
1483
|
var D, L, z, vt, me, J, xe, ft, Vt, we, ve, St;
|
|
1477
1484
|
const P = class P {
|
|
1478
|
-
constructor(
|
|
1485
|
+
constructor(r, e) {
|
|
1479
1486
|
d(this, D);
|
|
1480
1487
|
d(this, L);
|
|
1481
1488
|
d(this, z, []);
|
|
@@ -1484,35 +1491,35 @@ const P = class P {
|
|
|
1484
1491
|
d(this, J, []);
|
|
1485
1492
|
d(this, xe, /* @__PURE__ */ h(() => {
|
|
1486
1493
|
y(this, J, []);
|
|
1487
|
-
const
|
|
1488
|
-
Array.from(
|
|
1489
|
-
var
|
|
1490
|
-
t(this, J).push(((
|
|
1494
|
+
const r = t(this, D).template || [];
|
|
1495
|
+
Array.from(r).forEach((e) => {
|
|
1496
|
+
var s;
|
|
1497
|
+
t(this, J).push(((s = e.getBoundingClientRect) == null ? void 0 : s.call(e).height) || 24);
|
|
1491
1498
|
}), (t(this, L).rawRecords || []).forEach((e) => {
|
|
1492
1499
|
e.__ng || (e.__ng = t(this, Vt).call(this)), e.__ng.height = t(this, J).slice();
|
|
1493
1500
|
});
|
|
1494
1501
|
}, "#initialize"));
|
|
1495
1502
|
d(this, ft, /* @__PURE__ */ h(() => {
|
|
1496
|
-
const
|
|
1497
|
-
|
|
1503
|
+
const r = t(this, D).shadowRoot.querySelector("nine-table-sheets");
|
|
1504
|
+
r == null || r.classList.toggle("nodata", this.length === 0), t(this, D).shadowRoot.querySelectorAll("nine-table-sheet").forEach((e) => {
|
|
1498
1505
|
e.invalidate();
|
|
1499
1506
|
});
|
|
1500
1507
|
}, "#invalidate"));
|
|
1501
|
-
E(this, "get", /* @__PURE__ */ h((
|
|
1508
|
+
E(this, "get", /* @__PURE__ */ h((r, e) => {
|
|
1502
1509
|
var i;
|
|
1503
|
-
const
|
|
1504
|
-
if (!
|
|
1505
|
-
if (
|
|
1506
|
-
if (
|
|
1507
|
-
const
|
|
1510
|
+
const s = this.getValidData();
|
|
1511
|
+
if (!s || s.length <= 0) return;
|
|
1512
|
+
if (r == null) return t(this, St).call(this, s);
|
|
1513
|
+
if (r < 0 || r >= s.length) return null;
|
|
1514
|
+
const n = typeof ((i = t(this, D).fields) == null ? void 0 : i.get) == "function" ? t(this, D).fields.get() : [];
|
|
1508
1515
|
if (e != null) {
|
|
1509
|
-
const o =
|
|
1510
|
-
return o >= 0 ?
|
|
1516
|
+
const o = n.indexOf(e);
|
|
1517
|
+
return o >= 0 ? s[r].v[o] : null;
|
|
1511
1518
|
}
|
|
1512
|
-
return t(this, St).call(this,
|
|
1519
|
+
return t(this, St).call(this, s[r]);
|
|
1513
1520
|
}, "get"));
|
|
1514
|
-
E(this, "set", /* @__PURE__ */ h((
|
|
1515
|
-
this.clear(), this.add(
|
|
1521
|
+
E(this, "set", /* @__PURE__ */ h((r) => {
|
|
1522
|
+
this.clear(), this.add(r, !1), t(this, ft).call(this);
|
|
1516
1523
|
}, "set"));
|
|
1517
1524
|
d(this, Vt, /* @__PURE__ */ h(() => ({
|
|
1518
1525
|
rowState: P.ROW_STATE.EMPTY,
|
|
@@ -1527,81 +1534,81 @@ const P = class P {
|
|
|
1527
1534
|
y(this, z, []), y(this, vt, []), t(this, ft).call(this);
|
|
1528
1535
|
}, "reset"));
|
|
1529
1536
|
E(this, "clear", /* @__PURE__ */ h(() => {
|
|
1530
|
-
var s;
|
|
1531
|
-
t(this, L).rawRecords = [], y(this, z, []), y(this, vt, []), (s = t(this, L).viewRecords) != null && s.reset && t(this, L).viewRecords.reset();
|
|
1532
|
-
}, "clear"));
|
|
1533
|
-
d(this, we, /* @__PURE__ */ h((s) => {
|
|
1534
1537
|
var r;
|
|
1535
|
-
|
|
1536
|
-
|
|
1537
|
-
|
|
1538
|
+
t(this, L).rawRecords = [], y(this, z, []), y(this, vt, []), (r = t(this, L).viewRecords) != null && r.reset && t(this, L).viewRecords.reset();
|
|
1539
|
+
}, "clear"));
|
|
1540
|
+
d(this, we, /* @__PURE__ */ h((r) => {
|
|
1541
|
+
var n;
|
|
1542
|
+
Array.isArray(r) || (r = [r]);
|
|
1543
|
+
const e = typeof ((n = t(this, D).fields) == null ? void 0 : n.get) == "function" ? t(this, D).fields.get() : Object.keys(r[0] || {}), s = [];
|
|
1544
|
+
return r.forEach((i) => {
|
|
1538
1545
|
const o = { v: [] };
|
|
1539
1546
|
e.forEach((a) => {
|
|
1540
1547
|
o.v.push(i[a] !== void 0 && i[a] !== null ? i[a] : "");
|
|
1541
|
-
}),
|
|
1542
|
-
}),
|
|
1548
|
+
}), s.push(o);
|
|
1549
|
+
}), s;
|
|
1543
1550
|
}, "#json2Array"));
|
|
1544
|
-
d(this, ve, /* @__PURE__ */ h((
|
|
1551
|
+
d(this, ve, /* @__PURE__ */ h((r) => (Array.isArray(r) || (r = [r]), r.forEach((e) => {
|
|
1545
1552
|
e.__ng = t(this, Vt).call(this), e.__ng.rowid = this.nextId, e.__ng.rowState = P.ROW_STATE.INSERT, e.__ng._[0] = e.__ng.rowid;
|
|
1546
|
-
}),
|
|
1547
|
-
E(this, "add", /* @__PURE__ */ h((
|
|
1548
|
-
|
|
1549
|
-
const
|
|
1550
|
-
t(this, L).rawRecords = t(this, L).rawRecords.concat(t(this, ve).call(this,
|
|
1551
|
-
const
|
|
1552
|
-
return e ||
|
|
1553
|
-
const a = t(this, L).rawRecords[
|
|
1553
|
+
}), r), "#defaultInsert"));
|
|
1554
|
+
E(this, "add", /* @__PURE__ */ h((r, e = !0) => {
|
|
1555
|
+
r === void 0 && (r = {});
|
|
1556
|
+
const s = t(this, we).call(this, r);
|
|
1557
|
+
t(this, L).rawRecords = t(this, L).rawRecords.concat(t(this, ve).call(this, s)), this.resetRecords();
|
|
1558
|
+
const n = this.count() - 1;
|
|
1559
|
+
return e || s.forEach((i, o) => {
|
|
1560
|
+
const a = t(this, L).rawRecords[n - o];
|
|
1554
1561
|
a && (a.__ng.rowState = P.ROW_STATE.EMPTY);
|
|
1555
|
-
}), t(this, ft).call(this),
|
|
1562
|
+
}), t(this, ft).call(this), n;
|
|
1556
1563
|
}, "add"));
|
|
1557
|
-
E(this, "delete", /* @__PURE__ */ h((
|
|
1564
|
+
E(this, "delete", /* @__PURE__ */ h((r) => {
|
|
1558
1565
|
let e = [];
|
|
1559
|
-
Array.isArray(
|
|
1560
|
-
if (t(this, z)[
|
|
1561
|
-
const
|
|
1562
|
-
t(this, z)[
|
|
1563
|
-
i.__ng.rowid ===
|
|
1566
|
+
Array.isArray(r) ? e = r : typeof r > "u" ? e = [t(this, L).host.row.at] : e = [parseInt(r, 10)], e.sort((s, n) => n - s).forEach((s) => {
|
|
1567
|
+
if (t(this, z)[s]) {
|
|
1568
|
+
const n = t(this, z)[s].__ng.rowid;
|
|
1569
|
+
t(this, z)[s].__ng.rowState === P.ROW_STATE.INSERT ? t(this, L).rawRecords = t(this, L).rawRecords.filter((i) => i.__ng.rowid !== n) : t(this, L).rawRecords.forEach((i) => {
|
|
1570
|
+
i.__ng.rowid === n && (i.__ng.deleted = !0, i.__ng.rowState = P.ROW_STATE.DELETE);
|
|
1564
1571
|
});
|
|
1565
1572
|
}
|
|
1566
1573
|
}), this.resetRecords(), t(this, ft).call(this);
|
|
1567
1574
|
}, "delete"));
|
|
1568
|
-
E(this, "setValue", /* @__PURE__ */ h((
|
|
1575
|
+
E(this, "setValue", /* @__PURE__ */ h((r, e, s) => {
|
|
1569
1576
|
var c;
|
|
1570
|
-
|
|
1577
|
+
r = parseInt(r, 10);
|
|
1571
1578
|
const i = (typeof ((c = t(this, D).fields) == null ? void 0 : c.get) == "function" ? t(this, D).fields.get() : []).indexOf(e);
|
|
1572
1579
|
if (i < 0) return;
|
|
1573
|
-
const o = this.getValidData()[
|
|
1580
|
+
const o = this.getValidData()[r];
|
|
1574
1581
|
if (!o) return;
|
|
1575
1582
|
const a = o.v[i];
|
|
1576
|
-
a !==
|
|
1583
|
+
a !== s && o.__ng.rowState !== P.ROW_STATE.INSERT && (o.__ng.o.hasOwnProperty(e) || (o.__ng.o[e] = a), o.__ng.rowState = P.ROW_STATE.UPDATE), o.v[i] = s;
|
|
1577
1584
|
}, "setValue"));
|
|
1578
1585
|
E(this, "resetRecords", /* @__PURE__ */ h(() => {
|
|
1579
|
-
y(this, vt, t(this, L).rawRecords.filter((
|
|
1580
|
-
|
|
1581
|
-
}), t(this, z).forEach((
|
|
1582
|
-
|
|
1586
|
+
y(this, vt, t(this, L).rawRecords.filter((r) => !r.__ng.deleted)), y(this, z, t(this, L).rawRecords.filter((r) => !r.__ng.deleted && !r.__ng.filtered)), t(this, L).rawRecords.forEach((r, e) => {
|
|
1587
|
+
r.__ng.rowidx = e;
|
|
1588
|
+
}), t(this, z).forEach((r, e) => {
|
|
1589
|
+
r.__ng.i = e;
|
|
1583
1590
|
});
|
|
1584
1591
|
}, "resetRecords"));
|
|
1585
1592
|
E(this, "getValidData", /* @__PURE__ */ h(() => (t(this, z).length === 0 && t(this, L).rawRecords.length > 0 && this.resetRecords(), t(this, z)), "getValidData"));
|
|
1586
|
-
d(this, St, /* @__PURE__ */ h((
|
|
1593
|
+
d(this, St, /* @__PURE__ */ h((r) => {
|
|
1587
1594
|
var o;
|
|
1588
|
-
if (!
|
|
1589
|
-
const e = !Array.isArray(
|
|
1595
|
+
if (!r) return r;
|
|
1596
|
+
const e = !Array.isArray(r), s = e ? [r] : r, n = typeof ((o = t(this, D).fields) == null ? void 0 : o.get) == "function" ? t(this, D).fields.get() : [], i = s.filter((a) => !a.__ng.deleted).map((a) => {
|
|
1590
1597
|
const c = {};
|
|
1591
|
-
return
|
|
1598
|
+
return n.forEach((l, g) => {
|
|
1592
1599
|
c[l] = a.v ? a.v[g] : a[l];
|
|
1593
1600
|
}), c.__ng = a.__ng, c;
|
|
1594
1601
|
});
|
|
1595
1602
|
return e ? i[0] : i;
|
|
1596
1603
|
}, "#conv"));
|
|
1597
1604
|
E(this, "count", /* @__PURE__ */ h(() => this.getValidData().length, "count"));
|
|
1598
|
-
y(this, D,
|
|
1605
|
+
y(this, D, r), y(this, L, e), t(this, xe).call(this);
|
|
1599
1606
|
}
|
|
1600
1607
|
get source() {
|
|
1601
1608
|
return t(this, St).call(this, t(this, L).rawRecords);
|
|
1602
1609
|
}
|
|
1603
|
-
set source(
|
|
1604
|
-
this.clear(), this.add(
|
|
1610
|
+
set source(r) {
|
|
1611
|
+
this.clear(), this.add(r, !1);
|
|
1605
1612
|
}
|
|
1606
1613
|
get nextId() {
|
|
1607
1614
|
return ++ws(this, me)._;
|
|
@@ -1627,22 +1634,22 @@ E(P, "ROW_STATE", {
|
|
|
1627
1634
|
let De = P;
|
|
1628
1635
|
var ut;
|
|
1629
1636
|
const hs = class hs {
|
|
1630
|
-
constructor(
|
|
1637
|
+
constructor(r) {
|
|
1631
1638
|
d(this, ut);
|
|
1632
|
-
y(this, ut,
|
|
1639
|
+
y(this, ut, r), this.row = new Oe(this), this.data = new De(t(this, ut), this), this.rawRecords = [], this.viewRecords = [], this.delRecords = [], this.pageCnt = 25, this.viewRecords.reset = () => {
|
|
1633
1640
|
var e;
|
|
1634
1641
|
(e = t(this, ut).view) != null && e.redraw && t(this, ut).view.redraw();
|
|
1635
1642
|
}, this.setDataSource = (e) => {
|
|
1636
1643
|
this.data && this.data.reset(), this.rawRecords = [], this.viewRecords = [], this.delRecords = [], this.data.set(e || []);
|
|
1637
1644
|
}, this.getRowState = (e) => {
|
|
1638
|
-
var
|
|
1639
|
-
const
|
|
1640
|
-
if (!(
|
|
1641
|
-
return (i = (
|
|
1645
|
+
var n, i;
|
|
1646
|
+
const s = parseInt(e, 10);
|
|
1647
|
+
if (!(s >= this.data.count()))
|
|
1648
|
+
return (i = (n = this.data.getValidData()[s]) == null ? void 0 : n.__ng) == null ? void 0 : i.rowState;
|
|
1642
1649
|
}, this.getRowPosition = () => this.row.at, this.setRowPosition = (e) => {
|
|
1643
1650
|
this.row.at = e;
|
|
1644
|
-
}, this.scrollTo_V1 = (e) => (e < 0 && (e = 0), e >= this.rawRecords.length && (e = this.rawRecords.length - 1), this.viewRecords.rawIndex = e, this.viewRecords.reset && this.viewRecords.reset(), !(e <= 0 || e >= this.rawRecords.length - 1)), this.getColumn = (e,
|
|
1645
|
-
e = parseInt(e, 10), this.data.setValue(e,
|
|
1651
|
+
}, this.scrollTo_V1 = (e) => (e < 0 && (e = 0), e >= this.rawRecords.length && (e = this.rawRecords.length - 1), this.viewRecords.rawIndex = e, this.viewRecords.reset && this.viewRecords.reset(), !(e <= 0 || e >= this.rawRecords.length - 1)), this.getColumn = (e, s) => this.data.get(e, s), this.setColumn = (e, s, n) => {
|
|
1652
|
+
e = parseInt(e, 10), this.data.setValue(e, s, n);
|
|
1646
1653
|
}, this.setDataSource([]);
|
|
1647
1654
|
}
|
|
1648
1655
|
};
|
|
@@ -1651,31 +1658,31 @@ let We = hs;
|
|
|
1651
1658
|
var Rt, H, Yt, Se;
|
|
1652
1659
|
const ds = class ds {
|
|
1653
1660
|
// π― μ΄μ { name: string, type: string } κ°μ²΄λ€μ λ°°μ΄λ‘ κ΄λ¦¬ν©λλ€.
|
|
1654
|
-
constructor(
|
|
1661
|
+
constructor(r) {
|
|
1655
1662
|
d(this, Rt);
|
|
1656
1663
|
d(this, H, []);
|
|
1657
|
-
E(this, "add", /* @__PURE__ */ h((
|
|
1658
|
-
|
|
1659
|
-
t(this, H).some((
|
|
1664
|
+
E(this, "add", /* @__PURE__ */ h((r, e = "string") => {
|
|
1665
|
+
r.forEach((s) => {
|
|
1666
|
+
t(this, H).some((n) => n.name === s) || t(this, H).push({ name: s, type: e });
|
|
1660
1667
|
}), t(this, Yt).call(this);
|
|
1661
1668
|
}, "add"));
|
|
1662
1669
|
d(this, Yt, /* @__PURE__ */ h(() => {
|
|
1663
|
-
const
|
|
1670
|
+
const r = /* @__PURE__ */ new Map();
|
|
1664
1671
|
t(this, H).forEach((e) => {
|
|
1665
|
-
|
|
1666
|
-
}), y(this, H, Array.from(
|
|
1672
|
+
r.set(e.name, e.type);
|
|
1673
|
+
}), y(this, H, Array.from(r, ([e, s]) => ({ name: e, type: s }))), y(this, H, t(this, H).filter((e) => e.name !== "" && e.name !== "__ng")), t(this, H).sort((e, s) => e.name.length < s.name.length ? 1 : -1);
|
|
1667
1674
|
}, "#adjust"));
|
|
1668
1675
|
d(this, Se, /* @__PURE__ */ h(() => {
|
|
1669
1676
|
y(this, H, []), q.log(t(this, Rt).querySelectorAll("table"));
|
|
1670
|
-
const
|
|
1671
|
-
if (!(!
|
|
1672
|
-
for (const e of
|
|
1673
|
-
q.log(e), $("[data-bind]", e).each((
|
|
1674
|
-
const i =
|
|
1677
|
+
const r = Array.from(t(this, Rt).querySelectorAll("table"));
|
|
1678
|
+
if (!(!r || r.length === 0)) {
|
|
1679
|
+
for (const e of r)
|
|
1680
|
+
q.log(e), $("[data-bind]", e).each((s, n) => {
|
|
1681
|
+
const i = n.dataset.bind, o = n.getAttribute("data-type") || "string";
|
|
1675
1682
|
i && t(this, H).push({ name: i, type: o });
|
|
1676
|
-
}), ["data-expr", "background-color", "color", "tooltip", "visible", "readonly", "enable-button", "enable-check", "class-expr", "icon-color", "icon-src"].forEach((
|
|
1677
|
-
$(`[${
|
|
1678
|
-
var o = i.getAttribute(
|
|
1683
|
+
}), ["data-expr", "background-color", "color", "tooltip", "visible", "readonly", "enable-button", "enable-check", "class-expr", "icon-color", "icon-src"].forEach((s) => {
|
|
1684
|
+
$(`[${s}]`, e).each((n, i) => {
|
|
1685
|
+
var o = i.getAttribute(s);
|
|
1679
1686
|
if (o.indexOf("data.") < 0) {
|
|
1680
1687
|
const a = o.search(/[(]/g);
|
|
1681
1688
|
if (a > 0)
|
|
@@ -1697,26 +1704,26 @@ const ds = class ds {
|
|
|
1697
1704
|
t(this, Yt).call(this);
|
|
1698
1705
|
}
|
|
1699
1706
|
}, "#init"));
|
|
1700
|
-
y(this, Rt,
|
|
1707
|
+
y(this, Rt, r), t(this, Se).call(this);
|
|
1701
1708
|
}
|
|
1702
1709
|
// π― κΈ°μ‘΄μ νλ μ΄λ¦λ§ μ°λ κ³³λ€κ³Όμ νΈνμ μν΄ μ΄λ¦ λ°°μ΄λ§ 리ν΄νλ λ©μλ μ μ§
|
|
1703
1710
|
get() {
|
|
1704
|
-
return t(this, H).map((
|
|
1711
|
+
return t(this, H).map((r) => r.name);
|
|
1705
1712
|
}
|
|
1706
1713
|
// π― λ΄λΆ κ°μ²΄ ν΅μ§Έλ‘ μ»κΈ°
|
|
1707
1714
|
getFields() {
|
|
1708
1715
|
return t(this, H);
|
|
1709
1716
|
}
|
|
1710
1717
|
// π― νΉμ νλμ λ°μ΄ν° νμ
μ‘°ν
|
|
1711
|
-
getType(
|
|
1712
|
-
const e = t(this, H).find((
|
|
1718
|
+
getType(r) {
|
|
1719
|
+
const e = t(this, H).find((s) => s.name === r);
|
|
1713
1720
|
return e ? e.type : "string";
|
|
1714
1721
|
}
|
|
1715
|
-
indexOf(
|
|
1716
|
-
return t(this, H).findIndex((e) => e.name ===
|
|
1722
|
+
indexOf(r) {
|
|
1723
|
+
return t(this, H).findIndex((e) => e.name === r);
|
|
1717
1724
|
}
|
|
1718
|
-
includes(
|
|
1719
|
-
return t(this, H).some((e) => e.name ===
|
|
1725
|
+
includes(r) {
|
|
1726
|
+
return t(this, H).some((e) => e.name === r);
|
|
1720
1727
|
}
|
|
1721
1728
|
};
|
|
1722
1729
|
Rt = new WeakMap(), H = new WeakMap(), Yt = new WeakMap(), Se = new WeakMap(), h(ds, "ngFields");
|
|
@@ -1782,15 +1789,15 @@ const us = class us extends Pe {
|
|
|
1782
1789
|
E(this, "getDisplayText", /* @__PURE__ */ h((e) => {
|
|
1783
1790
|
if (t(this, v))
|
|
1784
1791
|
if (t(this, v).closest("tbody")) {
|
|
1785
|
-
const
|
|
1786
|
-
if (!
|
|
1792
|
+
const s = t(this, v).closest("tr").data, n = parseInt(t(this, v).dataset.row);
|
|
1793
|
+
if (!s) return "";
|
|
1787
1794
|
if (ninegrid.isNull(t(this, v).dataset.expr)) {
|
|
1788
1795
|
if (!ninegrid.isNull(t(this, v).dataset.bind))
|
|
1789
|
-
return
|
|
1796
|
+
return s[t(this, v).dataset.bind] || ninegrid.nvl(e, "");
|
|
1790
1797
|
} else try {
|
|
1791
|
-
return this.getExprValue(t(this, v).dataset.expr,
|
|
1798
|
+
return this.getExprValue(t(this, v).dataset.expr, s, n, t(this, v));
|
|
1792
1799
|
} catch {
|
|
1793
|
-
console.error(t(this, v).dataset.expr,
|
|
1800
|
+
console.error(t(this, v).dataset.expr, s, t(this, v).dataset.row);
|
|
1794
1801
|
}
|
|
1795
1802
|
return ninegrid.nvl(e, "");
|
|
1796
1803
|
} else
|
|
@@ -1803,14 +1810,14 @@ const us = class us extends Pe {
|
|
|
1803
1810
|
if (!(!t(this, I) || !t(this, I).template || !t(this, v).closest("tbody.bindable"))) {
|
|
1804
1811
|
var e = ninegrid.j.querySelectorAll(t(this, v)).attr("suppress");
|
|
1805
1812
|
if (e && (e = parseInt(e)), e && !isNaN(e)) {
|
|
1806
|
-
var
|
|
1807
|
-
$("th,td",
|
|
1813
|
+
var s = t(this, v).closest("tr"), n = [];
|
|
1814
|
+
$("th,td", s).each((x, C) => {
|
|
1808
1815
|
var S = ninegrid.j.querySelectorAll(C).attr("suppress");
|
|
1809
|
-
S && C.dataset.row && (S = parseInt(S), !isNaN(S) && S <= e &&
|
|
1810
|
-
}),
|
|
1816
|
+
S && C.dataset.row && (S = parseInt(S), !isNaN(S) && S <= e && n.push(S));
|
|
1817
|
+
}), n.sort();
|
|
1811
1818
|
var i = !1;
|
|
1812
|
-
if (parseInt(
|
|
1813
|
-
for (var o of
|
|
1819
|
+
if (parseInt(s.sectionRowIndex / t(this, I).template.length) > 0)
|
|
1820
|
+
for (var o of n) {
|
|
1814
1821
|
if (o > e) break;
|
|
1815
1822
|
var a = parseInt(t(this, v).dataset.row), c = a - 1, l = t(this, v).closest("tr").data, g = t(this, I).data.get(c);
|
|
1816
1823
|
t(this, v).dataset.matrixRow;
|
|
@@ -1823,17 +1830,17 @@ const us = class us extends Pe {
|
|
|
1823
1830
|
else
|
|
1824
1831
|
i = !0;
|
|
1825
1832
|
i ? ninegrid.j.querySelectorAll(t(this, v)).removeClass("suppress") : ninegrid.j.querySelectorAll(t(this, v)).addClass("suppress"), ninegrid.j.querySelectorAll(t(this, v)).hasClass("hidden") || (i ? ninegrid.j.querySelectorAll(t(this, v)).removeClass("hidden") : ninegrid.j.querySelectorAll(t(this, v)).addClass("hidden"));
|
|
1826
|
-
var p = parseInt(t(this, v).dataset.matrixRow),
|
|
1833
|
+
var p = parseInt(t(this, v).dataset.matrixRow), m = p - 1, w = t(this, I).body.querySelector(`tbody.bindable [data-col="${t(this, v).dataset.col}"][data-matrix-row="${m}"]`);
|
|
1827
1834
|
$(w).hasClass("suppress") && !ninegrid.j.querySelectorAll(t(this, v)).hasClass("suppress") ? ninegrid.j.querySelectorAll(w).removeClass("last-none-suppress").addClass("last-suppress") : !$(w).hasClass("suppress") && ninegrid.j.querySelectorAll(t(this, v)).hasClass("suppress") ? ninegrid.j.querySelectorAll(w).removeClass("last-suppress").addClass("last-none-suppress") : ninegrid.j.querySelectorAll(w).removeClass("last-none-suppress").removeClass("last-suppress");
|
|
1828
1835
|
}
|
|
1829
1836
|
}
|
|
1830
1837
|
}, "#resetSuppress"));
|
|
1831
|
-
E(this, "getExprValue", /* @__PURE__ */ h((e,
|
|
1838
|
+
E(this, "getExprValue", /* @__PURE__ */ h((e, s, n, i) => {
|
|
1832
1839
|
if (typeof e < "u")
|
|
1833
1840
|
try {
|
|
1834
|
-
|
|
1841
|
+
n = parseInt(n);
|
|
1835
1842
|
const o = e.replace("()", "");
|
|
1836
|
-
return t(this, I)[o] ? t(this, I)[o].call(this,
|
|
1843
|
+
return t(this, I)[o] ? t(this, I)[o].call(this, s, n, t(this, v)) : t(this, I).exprFunction(e).call(this, s, n, t(this, I).data);
|
|
1837
1844
|
} catch {
|
|
1838
1845
|
return ["NG-COMBO"].includes(this.tagName) ? "" : e;
|
|
1839
1846
|
}
|
|
@@ -1849,9 +1856,9 @@ const us = class us extends Pe {
|
|
|
1849
1856
|
return e ?? "";
|
|
1850
1857
|
}
|
|
1851
1858
|
set value(e) {
|
|
1852
|
-
var
|
|
1853
|
-
const
|
|
1854
|
-
|
|
1859
|
+
var s = parseInt(t(this, v).dataset.row);
|
|
1860
|
+
const n = this.getAttribute("update-row-state") != "false";
|
|
1861
|
+
s < 0 ? t(this, I).data.setValueNF(parseInt(t(this, v).dataset.index), t(this, v).dataset.bind, e, n) : t(this, I).data.setValue(s, t(this, v).dataset.bind, e, n);
|
|
1855
1862
|
}
|
|
1856
1863
|
get row() {
|
|
1857
1864
|
return parseInt(t(this, v).dataset.row);
|
|
@@ -1928,10 +1935,10 @@ const bs = class bs extends je {
|
|
|
1928
1935
|
if (t(this, bt) == "number") {
|
|
1929
1936
|
let i = [];
|
|
1930
1937
|
if (t(this, Q) && Number(t(this, Q)) > 0 && i.push("."), t(this, Et) && Number(t(this, Et)) >= 0 && i.push("-"), !(e.keyCode >= 48 && e.keyCode <= 57 || e.keyCode >= 96 && e.keyCode <= 105) && !i.includes(e.key) && e.preventDefault(), t(this, Q) && (e.keyCode >= 48 && e.keyCode <= 57 || e.keyCode >= 96 && e.keyCode <= 105) && e.target.selectionStart == e.target.selectionEnd) {
|
|
1931
|
-
var
|
|
1932
|
-
if (
|
|
1933
|
-
var
|
|
1934
|
-
|
|
1938
|
+
var s = e.target.value, n = s.indexOf(".");
|
|
1939
|
+
if (n >= 0) {
|
|
1940
|
+
var s = s.substr(n + 1, s.length);
|
|
1941
|
+
s.length >= Number(t(this, Q)) && e.preventDefault();
|
|
1935
1942
|
}
|
|
1936
1943
|
}
|
|
1937
1944
|
}
|
|
@@ -1941,8 +1948,8 @@ const bs = class bs extends je {
|
|
|
1941
1948
|
if (this.applyBaseStyle(), y(this, bt, this.getAttribute("type") || "text"), y(this, At, this.getAttribute("maxbyte")), y(this, Et, this.getAttribute("min")), y(this, Ee, this.getAttribute("max")), y(this, Q, this.getAttribute("scale")), !["text", "number"].includes(t(this, bt))) throw `invalid type : ${t(this, bt)}`;
|
|
1942
1949
|
}
|
|
1943
1950
|
connectedCallback() {
|
|
1944
|
-
for (var e = [],
|
|
1945
|
-
["type", "maxlength", "maxbyte", "min", "max", "step", "scale", "text-align"].includes(this.attributes[
|
|
1951
|
+
for (var e = [], s = 0; s < this.attributes.length; s++)
|
|
1952
|
+
["type", "maxlength", "maxbyte", "min", "max", "step", "scale", "text-align"].includes(this.attributes[s].name) && e.push(`${this.attributes[s].name}="${this.attributes[s].value}"`);
|
|
1946
1953
|
this.innerHTML = `
|
|
1947
1954
|
<input type="text"
|
|
1948
1955
|
${e.join(" ")}
|