@ninebone/table 0.0.411 β†’ 0.0.413

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.
@@ -21,24 +21,24 @@ const re = class re extends Se.constructor {
21
21
  }
22
22
  };
23
23
  a(re, "Trace");
24
- let jt = re;
25
- const k = new jt();
26
- var _, O, p, P, V, Y, St, X, Et;
24
+ let Ft = re;
25
+ const T = new Ft();
26
+ var _, O, p, N, P, V, St, Y, Et;
27
27
  const le = class le extends HTMLElement {
28
28
  constructor() {
29
29
  super();
30
30
  c(this, _);
31
31
  c(this, O, !1);
32
32
  c(this, p);
33
+ c(this, N);
33
34
  c(this, P);
34
35
  c(this, V);
35
- c(this, Y);
36
36
  c(this, St, /* @__PURE__ */ a(() => {
37
37
  if (!t(this, _)) return;
38
38
  const e = t(this, _).querySelector(".ng-container-body");
39
- e && (g(this, Y, new ResizeObserver(() => {
39
+ e && (g(this, V, new ResizeObserver(() => {
40
40
  this.refresh();
41
- })), t(this, Y).observe(e));
41
+ })), t(this, V).observe(e));
42
42
  }, "#observeResize"));
43
43
  v(this, "refresh", /* @__PURE__ */ a(() => {
44
44
  if (!t(this, _) || !t(this, p) || t(this, O)) return;
@@ -59,9 +59,9 @@ const le = class le extends HTMLElement {
59
59
  let y = 0;
60
60
  b > 0 && (y = parseInt(u / b * (h - f), 10)), y < 0 && (y = 0);
61
61
  const m = h - f;
62
- y > m && (y = m), r.style.left = `${y}px`, k.log(y), t(this, p).left.disabled = y === 0, t(this, p).right.disabled = y >= m - 1;
62
+ y > m && (y = m), r.style.left = `${y}px`, T.log(y), t(this, p).left.disabled = y === 0, t(this, p).right.disabled = y >= m - 1;
63
63
  }, "refresh"));
64
- c(this, X, /* @__PURE__ */ a((e) => {
64
+ c(this, Y, /* @__PURE__ */ a((e) => {
65
65
  if (!t(this, p)) return !1;
66
66
  const s = t(this, p).container, n = s.querySelector("table");
67
67
  if (!n) return !1;
@@ -75,16 +75,16 @@ const le = class le extends HTMLElement {
75
75
  }, "#thumbMoveTo"));
76
76
  c(this, Et, /* @__PURE__ */ a(() => {
77
77
  const e = /* @__PURE__ */ a((n) => {
78
- clearInterval(t(this, P)), clearInterval(t(this, V));
78
+ clearInterval(t(this, N)), clearInterval(t(this, P));
79
79
  const r = parseInt(t(this, p).thumb.style.left || 0, 10);
80
- t(this, X).call(this, r + n), g(this, P, setInterval(() => {
81
- clearInterval(t(this, P)), g(this, V, setInterval(() => {
80
+ t(this, Y).call(this, r + n), g(this, N, setInterval(() => {
81
+ clearInterval(t(this, N)), g(this, P, setInterval(() => {
82
82
  const o = parseInt(t(this, p).thumb.style.left || 0, 10);
83
- t(this, X).call(this, o + n) || clearInterval(t(this, V));
83
+ t(this, Y).call(this, o + n) || clearInterval(t(this, P));
84
84
  }, 50));
85
85
  }, 500));
86
86
  }, "delayScroll"), s = /* @__PURE__ */ a(() => {
87
- clearInterval(t(this, P)), clearInterval(t(this, V));
87
+ clearInterval(t(this, N)), clearInterval(t(this, P));
88
88
  }, "clearTimer");
89
89
  ["mouseup", "mouseleave", "touchend"].forEach((n) => {
90
90
  t(this, p).left.addEventListener(n, s), t(this, p).right.addEventListener(n, s), t(this, p).track.addEventListener(n, s);
@@ -96,14 +96,14 @@ const le = class le extends HTMLElement {
96
96
  if (n.button !== 0) return;
97
97
  n.preventDefault();
98
98
  const r = t(this, p).track.getBoundingClientRect(), o = t(this, p).thumb.clientWidth;
99
- t(this, X).call(this, n.clientX - r.left - o / 2);
99
+ t(this, Y).call(this, n.clientX - r.left - o / 2);
100
100
  }), t(this, p).thumb.addEventListener("mousedown", (n) => {
101
101
  if (n.button !== 0) return;
102
102
  n.stopPropagation(), n.preventDefault(), g(this, O, !0), this.shiftX = n.clientX - t(this, p).thumb.getBoundingClientRect().left;
103
103
  const r = /* @__PURE__ */ a((l) => {
104
104
  if (!t(this, O)) return;
105
105
  const d = t(this, p).track.getBoundingClientRect();
106
- t(this, X).call(this, l.clientX - d.left - this.shiftX);
106
+ t(this, Y).call(this, l.clientX - d.left - this.shiftX);
107
107
  }, "onMouseMove"), o = /* @__PURE__ */ a(() => {
108
108
  g(this, O, !1), s(), document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", o), this.refresh();
109
109
  }, "onMouseUp");
@@ -195,17 +195,17 @@ const le = class le extends HTMLElement {
195
195
  e();
196
196
  }
197
197
  disconnectedCallback() {
198
- t(this, Y) && t(this, Y).disconnect();
198
+ t(this, V) && t(this, V).disconnect();
199
199
  }
200
200
  };
201
- _ = new WeakMap(), O = new WeakMap(), p = new WeakMap(), P = new WeakMap(), V = new WeakMap(), Y = new WeakMap(), St = new WeakMap(), X = new WeakMap(), Et = new WeakMap(), a(le, "NineTableHScrollBar");
201
+ _ = new WeakMap(), O = new WeakMap(), p = new WeakMap(), N = new WeakMap(), P = new WeakMap(), V = new WeakMap(), St = new WeakMap(), Y = new WeakMap(), Et = new WeakMap(), a(le, "NineTableHScrollBar");
202
202
  let Kt = le;
203
203
  customElements.get("nine-table-hscrollbar") || customElements.define("nine-table-hscrollbar", Kt);
204
- var U, Q, z, S, ht, dt, Rt;
204
+ var X, Q, z, S, ht, dt, Rt;
205
205
  const ae = class ae extends HTMLElement {
206
206
  constructor() {
207
207
  super();
208
- c(this, U);
208
+ c(this, X);
209
209
  c(this, Q);
210
210
  c(this, z, !1);
211
211
  c(this, S);
@@ -215,8 +215,8 @@ const ae = class ae extends HTMLElement {
215
215
  * 🎯 μŠ€ν¬λ‘€λ°” μœ„μΉ˜ 및 썸브 크기 κ°±μ‹ 
216
216
  */
217
217
  v(this, "refresh", /* @__PURE__ */ a(() => {
218
- k.log("refresh", t(this, z)), k.log("refresh2");
219
- const e = t(this, S).container, s = t(this, S).track, n = t(this, S).thumb, r = e.clientHeight, l = (t(this, U).data.get() || []).length, d = t(this, Q).getRowHeight(), h = l * d;
218
+ T.log("refresh", t(this, z)), T.log("refresh2");
219
+ const e = t(this, S).container, s = t(this, S).track, n = t(this, S).thumb, r = e.clientHeight, l = (t(this, X).data.get() || []).length, d = t(this, Q).getRowHeight(), h = l * d;
220
220
  if (h <= r) {
221
221
  n.style.display = "none", t(this, S).top.disabled = !0, t(this, S).bottom.disabled = !0;
222
222
  return;
@@ -230,11 +230,11 @@ const ae = class ae extends HTMLElement {
230
230
  let m = 0;
231
231
  y > 0 && (m = b / y * (f - u));
232
232
  const R = f - u;
233
- m < 0 && (m = 0), m > R && (m = R), n.style.top = `${m}px`, k.log("currentScrollTop", b), k.log("maxScrollTop", y), k.log("trackHeight", f), k.log("thumbHeight", u), t(this, S).top.disabled = b <= 0, t(this, S).bottom.disabled = b >= y - 1;
233
+ m < 0 && (m = 0), m > R && (m = R), n.style.top = `${m}px`, T.log("currentScrollTop", b), T.log("maxScrollTop", y), T.log("trackHeight", f), T.log("thumbHeight", u), t(this, S).top.disabled = b <= 0, t(this, S).bottom.disabled = b >= y - 1;
234
234
  }, "refresh"));
235
235
  c(this, Rt, /* @__PURE__ */ a(() => {
236
236
  const e = t(this, S).container, s = /* @__PURE__ */ a(() => {
237
- const r = (t(this, U).data.get() || []).length, o = t(this, Q).getRowHeight();
237
+ const r = (t(this, X).data.get() || []).length, o = t(this, Q).getRowHeight();
238
238
  return r * o;
239
239
  }, "getContentHeight");
240
240
  e.addEventListener("scroll", () => {
@@ -272,7 +272,7 @@ const ae = class ae extends HTMLElement {
272
272
  }, "#init"));
273
273
  }
274
274
  connectedCallback() {
275
- g(this, U, this.getRootNode().host), g(this, Q, this.closest("nine-table-sheet")), this.innerHTML = `
275
+ g(this, X, this.getRootNode().host), g(this, Q, this.closest("nine-table-sheet")), this.innerHTML = `
276
276
  <style>
277
277
  nine-table-vscrollbar {
278
278
  display: flex;
@@ -338,7 +338,7 @@ const ae = class ae extends HTMLElement {
338
338
  <button class='ng-scroll-bottom' disabled><div class='ng-scroll-icon'></div></button>
339
339
  `;
340
340
  const e = /* @__PURE__ */ a(() => {
341
- const s = t(this, U).shadowRoot.querySelector(".ng-container-body");
341
+ const s = t(this, X).shadowRoot.querySelector(".ng-container-body");
342
342
  if (!s) {
343
343
  setTimeout(e, 10);
344
344
  return;
@@ -354,7 +354,7 @@ const ae = class ae extends HTMLElement {
354
354
  e();
355
355
  }
356
356
  };
357
- U = new WeakMap(), Q = new WeakMap(), z = new WeakMap(), S = new WeakMap(), ht = new WeakMap(), dt = new WeakMap(), Rt = new WeakMap(), a(ae, "NineTableVScrollBar");
357
+ X = new WeakMap(), Q = new WeakMap(), z = new WeakMap(), S = new WeakMap(), ht = new WeakMap(), dt = new WeakMap(), Rt = new WeakMap(), a(ae, "NineTableVScrollBar");
358
358
  let Zt = ae;
359
359
  customElements.get("nine-table-vscrollbar") || customElements.define("nine-table-vscrollbar", Zt);
360
360
  var At, tt;
@@ -428,16 +428,16 @@ At = new WeakMap(), tt = new WeakMap(), a(M, "TableCompiler"), c(M, At, /* @__PU
428
428
  });
429
429
  }, "#resetColIndex"));
430
430
  let Gt = M;
431
- var I, w, W, T, D, F, B, et, Tt, qt, kt, ft, ut, Lt, Ht, gt, Ct, it, bt;
431
+ var I, w, W, k, B, U, j, et, Tt, kt, qt, ft, ut, Lt, Ht, gt, Ct, it, bt;
432
432
  const ce = class ce {
433
433
  constructor(i) {
434
434
  c(this, I);
435
435
  c(this, w);
436
436
  c(this, W, /* @__PURE__ */ new Map());
437
- c(this, T, null);
438
- c(this, D, null);
439
- c(this, F, 0);
440
- c(this, B, 40);
437
+ c(this, k, null);
438
+ c(this, B, null);
439
+ c(this, U, 0);
440
+ c(this, j, 40);
441
441
  c(this, et, !1);
442
442
  c(this, Tt, 3);
443
443
  v(this, "refresh", /* @__PURE__ */ a(() => {
@@ -446,7 +446,7 @@ const ce = class ce {
446
446
  i && (t(this, ft).call(this), t(this, it).call(this, i.scrollTop), (e = t(this, w).querySelector("nine-table-vscrollbar")) == null || e.refresh());
447
447
  }, "refresh"));
448
448
  v(this, "initialize", /* @__PURE__ */ a(() => {
449
- g(this, T, null), t(this, W).clear(), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((n) => {
449
+ g(this, k, null), t(this, W).clear(), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((n) => {
450
450
  const r = t(this, w).querySelector(n);
451
451
  if (!r) return;
452
452
  const o = r.querySelector("table");
@@ -458,7 +458,7 @@ const ce = class ce {
458
458
  });
459
459
  const i = t(this, w).querySelector(".ng-container-body"), e = t(this, w).querySelector(".ng-container-left"), s = t(this, w).querySelector(".ng-container-right");
460
460
  if (i) {
461
- t(this, kt).call(this, i), t(this, gt).call(this), t(this, ft).call(this), t(this, it).call(this, i.scrollTop);
461
+ t(this, qt).call(this, i), t(this, gt).call(this), t(this, ft).call(this), t(this, it).call(this, i.scrollTop);
462
462
  let n = i.scrollTop;
463
463
  const r = /* @__PURE__ */ a((o) => {
464
464
  var l;
@@ -470,22 +470,12 @@ const ce = class ce {
470
470
  });
471
471
  }
472
472
  }, "initialize"));
473
- c(this, qt, /* @__PURE__ */ a((i, e) => {
474
- const s = t(this, W).get(e);
475
- if (!s || s.length === 0) return;
476
- const n = i.querySelector("tbody.bindable-tbody");
477
- if (!n) return;
478
- n.querySelectorAll("tr:not(.nodata)").forEach((l) => l.remove());
479
- const r = n.querySelector("tr.nodata"), o = document.createDocumentFragment();
480
- for (let l = 0; l < t(this, B); l++)
481
- s.forEach((d) => {
482
- o.appendChild(d.cloneNode(!0));
483
- });
484
- r ? r.before(o) : n.appendChild(o);
473
+ c(this, kt, /* @__PURE__ */ a((i, e) => {
474
+ T.log("#renderRows");
485
475
  }, "#renderRows"));
486
- c(this, kt, /* @__PURE__ */ a((i) => {
487
- if (t(this, T) !== null && t(this, T) > 0)
488
- return t(this, T);
476
+ c(this, qt, /* @__PURE__ */ a((i) => {
477
+ if (t(this, k) !== null && t(this, k) > 0)
478
+ return t(this, k);
489
479
  const e = t(this, W).get(".ng-container-body");
490
480
  if (!e || e.length === 0) return 24;
491
481
  const s = i.querySelector("tbody.bindable-tbody") || i.querySelector("tbody.bindable-tbody:last-of-type");
@@ -501,20 +491,20 @@ const ce = class ce {
501
491
  const u = s.querySelectorAll("tr:not(.nodata)");
502
492
  return u.forEach((b) => {
503
493
  f += b.offsetHeight || b.getBoundingClientRect().height;
504
- }), u.forEach((b) => b.remove()), o.style.display = l, o.style.visibility = d, o.style.position = h, g(this, T, f > 0 ? f : 24), t(this, ut).call(this), t(this, T);
494
+ }), u.forEach((b) => b.remove()), o.style.display = l, o.style.visibility = d, o.style.position = h, g(this, k, f > 0 ? f : 24), t(this, ut).call(this), t(this, k);
505
495
  }, "#measureAndCacheHeight"));
506
496
  c(this, ft, /* @__PURE__ */ a(() => {
507
497
  if (!t(this, w).querySelector(".ng-container-body")) return;
508
- const s = (t(this, I).data.get() || []).length, n = t(this, T) || 24, r = s * n;
509
- k.log(`[VirtualHeight] totalCount: ${s}, rowHeight: ${n}, totalVirtualHeight: ${r}`), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((o) => {
498
+ const s = (t(this, I).data.get() || []).length, n = t(this, k) || 24, r = s * n;
499
+ T.log(`[VirtualHeight] totalCount: ${s}, rowHeight: ${n}, totalVirtualHeight: ${r}`), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((o) => {
510
500
  const l = t(this, w).querySelector(o), d = l == null ? void 0 : l.querySelector("table");
511
501
  d && (d.style.height = `${r}px`);
512
502
  });
513
503
  }, "#updateVirtualScrollHeight"));
514
504
  c(this, ut, /* @__PURE__ */ a(() => {
515
- if ((t(this, I).data.get() || []).length, t(this, F) > 0 && t(this, T) > 0) {
516
- const e = Math.ceil(t(this, F) / t(this, T));
517
- g(this, B, e + t(this, Tt)), k.log("visibleRows:", e, "cachedRowCount:", t(this, B));
505
+ if ((t(this, I).data.get() || []).length, t(this, U) > 0 && t(this, k) > 0) {
506
+ const e = Math.ceil(t(this, U) / t(this, k));
507
+ g(this, j, e + t(this, Tt)), T.log("visibleRows:", e, "cachedRowCount:", t(this, j));
518
508
  }
519
509
  }, "#updateRowCount"));
520
510
  c(this, Lt, /* @__PURE__ */ a(() => {
@@ -532,7 +522,7 @@ const ce = class ce {
532
522
  }
533
523
  }, "#syncRowHeights"));
534
524
  c(this, Ht, /* @__PURE__ */ a(() => {
535
- !t(this, w) || !(t(this, w) instanceof HTMLElement) || (g(this, D, new ResizeObserver((i) => {
525
+ !t(this, w) || !(t(this, w) instanceof HTMLElement) || (g(this, B, new ResizeObserver((i) => {
536
526
  for (const e of i) {
537
527
  const s = e.target;
538
528
  if (!s.classList.contains("active")) continue;
@@ -542,15 +532,15 @@ const ce = class ce {
542
532
  const o = s.querySelector("thead");
543
533
  o && (r += o.offsetHeight || o.getBoundingClientRect().height);
544
534
  const l = Math.max(n - r, 100);
545
- t(this, F) !== l && (g(this, F, l), t(this, ut).call(this), t(this, T) !== null && t(this, gt).call(this));
535
+ t(this, U) !== l && (g(this, U, l), t(this, ut).call(this), t(this, k) !== null && t(this, gt).call(this));
546
536
  }
547
537
  }
548
- })), t(this, D).observe(t(this, w)));
538
+ })), t(this, B).observe(t(this, w)));
549
539
  }, "#initResizeObserver"));
550
540
  c(this, gt, /* @__PURE__ */ a(() => {
551
541
  [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((i) => {
552
542
  const e = t(this, w).querySelector(i);
553
- e && e.querySelector("tbody.bindable-tbody") && t(this, qt).call(this, e, i);
543
+ e && e.querySelector("tbody.bindable-tbody") && t(this, kt).call(this, e, i);
554
544
  }), t(this, Lt).call(this);
555
545
  }, "#renderAllContainers"));
556
546
  c(this, Ct, /* @__PURE__ */ a((i) => {
@@ -574,10 +564,10 @@ const ce = class ce {
574
564
  }, "#adjustBufferRows"));
575
565
  c(this, it, /* @__PURE__ */ a((i) => {
576
566
  var d;
577
- const e = t(this, T);
567
+ const e = t(this, k);
578
568
  if (!e || e <= 0) return;
579
- const n = (t(this, I).data.get() || []).length, r = Math.max(0, Math.floor(i / e)), o = ((d = t(this, W).get(".ng-container-body")) == null ? void 0 : d.length) || 1, l = r + t(this, B);
580
- k.log(`[Scroll] scrollTop: ${i}, startIndex: ${r}, cachedRowCount: ${t(this, B)}, targetDataIndex range: ${r} ~ ${l} (Total: ${n})`), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((h) => {
569
+ const n = (t(this, I).data.get() || []).length, r = Math.max(0, Math.floor(i / e)), o = ((d = t(this, W).get(".ng-container-body")) == null ? void 0 : d.length) || 1, l = r + t(this, j);
570
+ T.log(`[Scroll] scrollTop: ${i}, startIndex: ${r}, cachedRowCount: ${t(this, j)}, targetDataIndex range: ${r} ~ ${l} (Total: ${n})`), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((h) => {
581
571
  const f = t(this, w).querySelector(h);
582
572
  if (!f) return;
583
573
  const u = f.querySelector("tbody.bindable-tbody");
@@ -602,33 +592,33 @@ const ce = class ce {
602
592
  });
603
593
  }, "#bindRowData"));
604
594
  v(this, "destroy", /* @__PURE__ */ a(() => {
605
- t(this, D) && (t(this, D).disconnect(), g(this, D, null));
595
+ t(this, B) && (t(this, B).disconnect(), g(this, B, null));
606
596
  }, "destroy"));
607
597
  g(this, I, i.getRootNode().host), g(this, w, i), t(this, Ht).call(this);
608
598
  }
609
599
  getRowHeight() {
610
- return t(this, T);
600
+ return t(this, k);
611
601
  }
612
602
  templateLength(i = ".ng-container-body") {
613
603
  var e;
614
604
  return ((e = t(this, W).get(i)) == null ? void 0 : e.length) || 1;
615
605
  }
616
606
  };
617
- I = new WeakMap(), w = new WeakMap(), W = new WeakMap(), T = new WeakMap(), D = new WeakMap(), F = new WeakMap(), B = new WeakMap(), et = new WeakMap(), Tt = new WeakMap(), qt = new WeakMap(), kt = new WeakMap(), ft = new WeakMap(), ut = new WeakMap(), Lt = new WeakMap(), Ht = new WeakMap(), gt = new WeakMap(), Ct = new WeakMap(), it = new WeakMap(), bt = new WeakMap(), a(ce, "RowManager");
607
+ I = new WeakMap(), w = new WeakMap(), W = new WeakMap(), k = new WeakMap(), B = new WeakMap(), U = new WeakMap(), j = new WeakMap(), et = new WeakMap(), Tt = new WeakMap(), kt = new WeakMap(), qt = new WeakMap(), ft = new WeakMap(), ut = new WeakMap(), Lt = new WeakMap(), Ht = new WeakMap(), gt = new WeakMap(), Ct = new WeakMap(), it = new WeakMap(), bt = new WeakMap(), a(ce, "RowManager");
618
608
  let Jt = ce;
619
- var Mt, st, j, _t, $t, It, Wt, Ot;
609
+ var Mt, st, F, _t, $t, It, Wt, Ot;
620
610
  const ct = class ct extends HTMLElement {
621
611
  constructor() {
622
612
  super();
623
613
  c(this, Mt);
624
614
  c(this, st, null);
625
- c(this, j);
615
+ c(this, F);
626
616
  /**
627
617
  * data.set, add, delete
628
618
  * filter, sorting : κ³ λ €λŒ€μƒ
629
619
  */
630
620
  v(this, "invalidate", /* @__PURE__ */ a(() => {
631
- t(this, j).refresh();
621
+ t(this, F).refresh();
632
622
  }, "invalidate"));
633
623
  c(this, _t, /* @__PURE__ */ a(() => {
634
624
  [
@@ -660,7 +650,7 @@ const ct = class ct extends HTMLElement {
660
650
  this.querySelectorAll("tbody.fixed-tbody").forEach((r) => {
661
651
  r.style.top = `${s}px`;
662
652
  });
663
- }), t(this, j).initialize(), setTimeout(() => {
653
+ }), t(this, F).initialize(), setTimeout(() => {
664
654
  var s;
665
655
  (s = this.querySelector("nine-table-hscrollbar")) == null || s.refresh();
666
656
  }, 0));
@@ -682,7 +672,7 @@ const ct = class ct extends HTMLElement {
682
672
  o.remove();
683
673
  }), n;
684
674
  }, "#createSplitTable"));
685
- v(this, "getRowHeight", /* @__PURE__ */ a(() => t(this, j).getRowHeight(), "getRowHeight"));
675
+ v(this, "getRowHeight", /* @__PURE__ */ a(() => t(this, F).getRowHeight(), "getRowHeight"));
686
676
  v(this, "scrollToX", /* @__PURE__ */ a((e) => {
687
677
  const s = this.querySelector(".ng-container-body");
688
678
  s && (s.scrollLeft = e);
@@ -841,16 +831,16 @@ const ct = class ct extends HTMLElement {
841
831
  </div>
842
832
  `;
843
833
  }, "#render"));
844
- g(this, j, new Jt(this)), g(this, Mt, this.getRootNode().host);
834
+ g(this, F, new Jt(this)), g(this, Mt, this.getRootNode().host);
845
835
  }
846
836
  connectedCallback() {
847
837
  t(this, Wt).call(this);
848
838
  }
849
839
  disconnectedCallback() {
850
- this.innerHTML = "", k.log("NineTableSheet destroyed.");
840
+ this.innerHTML = "", T.log("NineTableSheet destroyed.");
851
841
  }
852
842
  };
853
- Mt = new WeakMap(), st = new WeakMap(), j = new WeakMap(), _t = new WeakMap(), $t = new WeakMap(), It = new WeakMap(), Wt = new WeakMap(), Ot = new WeakMap(), a(ct, "NineTableSheet"), v(ct, "SCROLLBAR_SIZE", 16);
843
+ Mt = new WeakMap(), st = new WeakMap(), F = new WeakMap(), _t = new WeakMap(), $t = new WeakMap(), It = new WeakMap(), Wt = new WeakMap(), Ot = new WeakMap(), a(ct, "NineTableSheet"), v(ct, "SCROLLBAR_SIZE", 16);
854
844
  let wt = ct;
855
845
  customElements.get("nine-table-sheet") || customElements.define("nine-table-sheet", wt);
856
846
  var zt, yt;
@@ -904,12 +894,12 @@ const he = class he extends HTMLElement {
904
894
  zt = new WeakMap(), yt = new WeakMap(), a(he, "NineTableSheets");
905
895
  let Qt = he;
906
896
  customElements.get("nine-table-sheets") || customElements.define("nine-table-sheets", Qt);
907
- var q, Dt, pt, Bt;
897
+ var q, Bt, pt, Dt;
908
898
  const de = class de {
909
899
  constructor(i) {
910
900
  c(this, q);
911
- c(this, Dt, /* @__PURE__ */ a(() => {
912
- t(this, Bt).call(this), new ResizeObserver((i) => {
901
+ c(this, Bt, /* @__PURE__ */ a(() => {
902
+ t(this, Dt).call(this), new ResizeObserver((i) => {
913
903
  for (let e of i)
914
904
  t(this, q).getAttribute("auto-height") === "true" && t(this, pt).call(this);
915
905
  }).observe(t(this, q));
@@ -921,7 +911,7 @@ const de = class de {
921
911
  const e = parseInt(t(this, q).getAttribute("max-display-row"), 10) || 10, s = Math.max(...i.map((f) => f.getRowHeight())), n = (d = t(this, q).shadowRoot.querySelector("nine-table-header")) == null ? void 0 : d.getBoundingClientRect().height, r = (h = t(this, q).shadowRoot.querySelector("nine-table-sheets-footer")) == null ? void 0 : h.getBoundingClientRect().height, o = wt.SCROLLBAR_SIZE, l = e * s + n + r + o;
922
912
  t(this, q).style.height = `${l}px`;
923
913
  }, "#applyAutoHeight"));
924
- c(this, Bt, /* @__PURE__ */ a(() => {
914
+ c(this, Dt, /* @__PURE__ */ a(() => {
925
915
  const e = Array.from(t(this, q).children).filter((d) => d.tagName === "TABLE"), s = t(this, q).getAttribute("auto-height") === "true", n = e.length, r = e.map((d, h) => {
926
916
  const u = `<nine-table-sheet class="${h === 0 ? "active" : ""}" data-index="${h}"></nine-table-sheet>`, b = h < n - 1 ? `<nine-splitter class="h" data-split-index="${h}"></nine-splitter>` : "";
927
917
  return u + b;
@@ -1024,10 +1014,10 @@ const de = class de {
1024
1014
  });
1025
1015
  });
1026
1016
  }, "#render"));
1027
- g(this, q, i), t(this, Dt).call(this);
1017
+ g(this, q, i), t(this, Bt).call(this);
1028
1018
  }
1029
1019
  };
1030
- q = new WeakMap(), Dt = new WeakMap(), pt = new WeakMap(), Bt = new WeakMap(), a(de, "LayoutManager");
1020
+ q = new WeakMap(), Bt = new WeakMap(), pt = new WeakMap(), Dt = new WeakMap(), a(de, "LayoutManager");
1031
1021
  let te = de;
1032
1022
  var mt, nt;
1033
1023
  const fe = class fe {
@@ -1047,7 +1037,7 @@ const fe = class fe {
1047
1037
  };
1048
1038
  mt = new WeakMap(), nt = new WeakMap(), a(fe, "ngRow");
1049
1039
  let ee = fe;
1050
- var L, E, H, ot, Nt, N, Pt, K, xt, Vt, Yt, rt;
1040
+ var L, E, H, ot, Nt, D, Pt, K, xt, Vt, Yt, rt;
1051
1041
  const C = class C {
1052
1042
  constructor(i, e) {
1053
1043
  c(this, L);
@@ -1055,15 +1045,15 @@ const C = class C {
1055
1045
  c(this, H, []);
1056
1046
  c(this, ot, []);
1057
1047
  c(this, Nt, 0);
1058
- c(this, N, []);
1048
+ c(this, D, []);
1059
1049
  c(this, Pt, /* @__PURE__ */ a(() => {
1060
- g(this, N, []);
1050
+ g(this, D, []);
1061
1051
  const i = t(this, L).template || [];
1062
1052
  Array.from(i).forEach((e) => {
1063
1053
  var s;
1064
- t(this, N).push(((s = e.getBoundingClientRect) == null ? void 0 : s.call(e).height) || 24);
1054
+ t(this, D).push(((s = e.getBoundingClientRect) == null ? void 0 : s.call(e).height) || 24);
1065
1055
  }), (t(this, E).rawRecords || []).forEach((e) => {
1066
- e.__ng || (e.__ng = t(this, xt).call(this)), e.__ng.height = t(this, N).slice();
1056
+ e.__ng || (e.__ng = t(this, xt).call(this)), e.__ng.height = t(this, D).slice();
1067
1057
  });
1068
1058
  }, "#initialize"));
1069
1059
  c(this, K, /* @__PURE__ */ a(() => {
@@ -1091,10 +1081,10 @@ const C = class C {
1091
1081
  rowState: C.ROW_STATE.EMPTY,
1092
1082
  deleted: !1,
1093
1083
  filtered: !1,
1094
- height: t(this, N).slice(),
1084
+ height: t(this, D).slice(),
1095
1085
  o: {},
1096
1086
  c: {},
1097
- _: [0, 0, 0, 0, C.ROW_STATE.EMPTY, !1, !1, !0, !1, !0, !0, !1, t(this, N).slice(), -1, {}, {}]
1087
+ _: [0, 0, 0, 0, C.ROW_STATE.EMPTY, !1, !1, !0, !1, !0, !0, !1, t(this, D).slice(), -1, {}, {}]
1098
1088
  }), "#getDefaultMeta"));
1099
1089
  v(this, "reset", /* @__PURE__ */ a(() => {
1100
1090
  g(this, H, []), g(this, ot, []), t(this, K).call(this);
@@ -1186,7 +1176,7 @@ const C = class C {
1186
1176
  return this.length;
1187
1177
  }
1188
1178
  };
1189
- L = new WeakMap(), E = new WeakMap(), H = new WeakMap(), ot = new WeakMap(), Nt = new WeakMap(), N = new WeakMap(), Pt = new WeakMap(), K = new WeakMap(), xt = new WeakMap(), Vt = new WeakMap(), Yt = new WeakMap(), rt = new WeakMap(), a(C, "ngData"), // 🎯 ν–‰ μƒνƒœ μ •μ˜ μƒμˆ˜λ₯Ό 클래슀 λ‚΄λΆ€λ‘œ λ‚΄μž¬ν™”
1179
+ L = new WeakMap(), E = new WeakMap(), H = new WeakMap(), ot = new WeakMap(), Nt = new WeakMap(), D = new WeakMap(), Pt = new WeakMap(), K = new WeakMap(), xt = new WeakMap(), Vt = new WeakMap(), Yt = new WeakMap(), rt = new WeakMap(), a(C, "ngData"), // 🎯 ν–‰ μƒνƒœ μ •μ˜ μƒμˆ˜λ₯Ό 클래슀 λ‚΄λΆ€λ‘œ λ‚΄μž¬ν™”
1190
1180
  v(C, "ROW_STATE", {
1191
1181
  EMPTY: "EMPTY",
1192
1182
  NORMAL: "NORMAL",
@@ -1236,11 +1226,11 @@ const ge = class ge {
1236
1226
  }), g(this, A, Array.from(i, ([e, s]) => ({ name: e, type: s }))), g(this, A, t(this, A).filter((e) => e.name !== "" && e.name !== "__ng")), t(this, A).sort((e, s) => e.name.length < s.name.length ? 1 : -1);
1237
1227
  }, "#adjust"));
1238
1228
  c(this, Xt, /* @__PURE__ */ a(() => {
1239
- g(this, A, []), k.log(t(this, lt).querySelectorAll("table"));
1229
+ g(this, A, []), T.log(t(this, lt).querySelectorAll("table"));
1240
1230
  const i = Array.from(t(this, lt).querySelectorAll("table"));
1241
1231
  if (!(!i || i.length === 0)) {
1242
1232
  for (const e of i)
1243
- k.log(e), $("[data-bind]", e).each((s, n) => {
1233
+ T.log(e), $("[data-bind]", e).each((s, n) => {
1244
1234
  const r = n.dataset.bind, o = n.getAttribute("data-type") || "string";
1245
1235
  r && t(this, A).push({ name: r, type: o });
1246
1236
  }), ["data-expr", "background-color", "color", "tooltip", "visible", "readonly", "enable-button", "enable-check", "class-expr", "icon-color", "icon-src"].forEach((s) => {
@@ -1291,23 +1281,23 @@ const ge = class ge {
1291
1281
  };
1292
1282
  lt = new WeakMap(), A = new WeakMap(), vt = new WeakMap(), Xt = new WeakMap(), a(ge, "ngFields");
1293
1283
  let ne = ge;
1294
- var G, Ut, Ft;
1284
+ var G, Ut, jt;
1295
1285
  const be = class be extends HTMLElement {
1296
1286
  constructor() {
1297
1287
  super();
1298
1288
  //#created = false;
1299
1289
  c(this, G);
1300
1290
  c(this, Ut);
1301
- c(this, Ft, /* @__PURE__ */ a(() => {
1302
- this.fields = new ne(this), g(this, Ut, new te(this)), k.log("NineTable connected."), this.dispatchEvent(new CustomEvent("load", { bubbles: !0, detail: { target: this } }));
1291
+ c(this, jt, /* @__PURE__ */ a(() => {
1292
+ this.fields = new ne(this), g(this, Ut, new te(this)), T.log("NineTable connected."), this.dispatchEvent(new CustomEvent("load", { bubbles: !0, detail: { target: this } }));
1303
1293
  }, "#init"));
1304
1294
  this.attachShadow({ mode: "open" }), g(this, G, new se(this));
1305
1295
  }
1306
1296
  connectedCallback() {
1307
- t(this, Ft).call(this);
1297
+ t(this, jt).call(this);
1308
1298
  }
1309
1299
  disconnectedCallback() {
1310
- k.log("NineTable disconnected.");
1300
+ T.log("NineTable disconnected.");
1311
1301
  }
1312
1302
  // 🎯 μ™ΈλΆ€μ—μ„œ grid.data.set(...) ν˜•νƒœλ‘œ μ ‘κ·Όν•  수 μžˆλ„λ‘ 데이터 λ§€λ‹ˆμ € μ˜€ν”ˆ
1313
1303
  get data() {
@@ -1322,7 +1312,7 @@ const be = class be extends HTMLElement {
1322
1312
  return t(this, G);
1323
1313
  }
1324
1314
  };
1325
- G = new WeakMap(), Ut = new WeakMap(), Ft = new WeakMap(), a(be, "NineTable");
1315
+ G = new WeakMap(), Ut = new WeakMap(), jt = new WeakMap(), a(be, "NineTable");
1326
1316
  let oe = be;
1327
1317
  customElements.get("nine-table") || customElements.define("nine-table", oe);
1328
1318
  //# sourceMappingURL=nine-table.js.map