@ninebone/table 0.0.230 β†’ 0.0.231

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.
Files changed (5) hide show
  1. package/dist/nine-table.js +199 -200
  2. package/dist/nine-table.js.map +1 -1
  3. package/dist/nine-table.umd.js +6 -6
  4. package/dist/nine-table.umd.js.map +1 -1
  5. package/package.json +1 -1
package/dist/nine-table.js CHANGED
@@ -2,49 +2,49 @@ var $e = Object.defineProperty;
2
2
  var We = (w) => {
3
3
  throw TypeError(w);
4
4
  };
5
- var De = (w, i, t) => i in w ? $e(w, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : w[i] = t;
5
+ var Be = (w, i, t) => i in w ? $e(w, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : w[i] = t;
6
6
  var a = (w, i) => $e(w, "name", { value: i, configurable: !0 });
7
- var x = (w, i, t) => De(w, typeof i != "symbol" ? i + "" : i, t), Oe = (w, i, t) => i.has(w) || We("Cannot " + t);
8
- var e = (w, i, t) => (Oe(w, i, "read from private field"), t ? t.call(w) : i.get(w)), d = (w, i, t) => i.has(w) ? We("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(w) : i.set(w, t), g = (w, i, t, s) => (Oe(w, i, "write to private field"), s ? s.call(w, t) : i.set(w, t), t);
9
- var ze = (w, i, t, s) => ({
7
+ var x = (w, i, t) => Be(w, typeof i != "symbol" ? i + "" : i, t), ze = (w, i, t) => i.has(w) || We("Cannot " + t);
8
+ var e = (w, i, t) => (ze(w, i, "read from private field"), t ? t.call(w) : i.get(w)), d = (w, i, t) => i.has(w) ? We("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(w) : i.set(w, t), y = (w, i, t, s) => (ze(w, i, "write to private field"), s ? s.call(w, t) : i.set(w, t), t);
9
+ var Oe = (w, i, t, s) => ({
10
10
  set _(n) {
11
- g(w, i, n, t);
11
+ y(w, i, n, t);
12
12
  },
13
13
  get _() {
14
14
  return e(w, i, s);
15
15
  }
16
16
  });
17
- import { trace as Ne } from "@ninebone/util";
18
- const qe = class qe extends Ne.constructor {
17
+ import { trace as De } from "@ninebone/util";
18
+ const qe = class qe extends De.constructor {
19
19
  constructor() {
20
20
  super(), this.init("nine-table", "green");
21
21
  }
22
22
  };
23
23
  a(qe, "Trace");
24
24
  let me = qe;
25
- const te = new me();
26
- var L, D, y, N, B, P, se, V, ne;
25
+ const G = new me();
26
+ var L, B, p, D, N, P, se, V, ne;
27
27
  const ke = class ke extends HTMLElement {
28
28
  constructor() {
29
29
  super();
30
30
  d(this, L);
31
- d(this, D, !1);
32
- d(this, y);
31
+ d(this, B, !1);
32
+ d(this, p);
33
+ d(this, D);
33
34
  d(this, N);
34
- d(this, B);
35
35
  d(this, P);
36
36
  d(this, se, /* @__PURE__ */ a(() => {
37
37
  if (!e(this, L)) return;
38
38
  const t = e(this, L).querySelector(".ng-container-body");
39
- t && (g(this, P, new ResizeObserver(() => {
39
+ t && (y(this, P, new ResizeObserver(() => {
40
40
  this.refresh();
41
41
  })), e(this, P).observe(t));
42
42
  }, "#observeResize"));
43
43
  x(this, "refresh", /* @__PURE__ */ a(() => {
44
- if (!e(this, L) || !e(this, y) || e(this, D)) return;
45
- const t = e(this, y).container, s = t.querySelector("table");
44
+ if (!e(this, L) || !e(this, p) || e(this, B)) return;
45
+ const t = e(this, p).container, s = t.querySelector("table");
46
46
  if (!s) return;
47
- const n = e(this, y).track, r = e(this, y).thumb, o = e(this, L).querySelector(".ng-container-bottom"), c = t.clientWidth, f = s.scrollWidth;
47
+ const n = e(this, p).track, r = e(this, p).thumb, o = e(this, L).querySelector(".ng-container-bottom"), c = t.clientWidth, f = s.scrollWidth;
48
48
  if (c !== 0 && f > c)
49
49
  o && (o.style.display = "flex");
50
50
  else {
@@ -55,65 +55,65 @@ const ke = class ke extends HTMLElement {
55
55
  if (l <= 0) return;
56
56
  const h = Math.max(Math.min(l * (c / f), l), 20);
57
57
  r.style.width = `${h}px`;
58
- const u = t.scrollLeft, b = f - c;
59
- let p = 0;
60
- b > 0 && (p = parseInt(u / b * (l - h), 10)), p < 0 && (p = 0);
58
+ const u = t.scrollLeft, g = f - c;
59
+ let b = 0;
60
+ g > 0 && (b = parseInt(u / g * (l - h), 10)), b < 0 && (b = 0);
61
61
  const m = l - h;
62
- p > m && (p = m), r.style.left = `${p}px`, te.log(p), e(this, y).left.disabled = p === 0, e(this, y).right.disabled = p >= m - 1;
62
+ b > m && (b = m), r.style.left = `${b}px`, G.log(b), e(this, p).left.disabled = b === 0, e(this, p).right.disabled = b >= m - 1;
63
63
  }, "refresh"));
64
64
  d(this, V, /* @__PURE__ */ a((t) => {
65
- if (!e(this, y)) return !1;
66
- const s = e(this, y).container, n = s.querySelector("table");
65
+ if (!e(this, p)) return !1;
66
+ const s = e(this, p).container, n = s.querySelector("table");
67
67
  if (!n) return !1;
68
- const r = e(this, y).track.getBoundingClientRect(), o = e(this, y).thumb.clientWidth;
68
+ const r = e(this, p).track.getBoundingClientRect(), o = e(this, p).thumb.clientWidth;
69
69
  let c = t;
70
70
  c < 0 && (c = 0);
71
71
  const f = r.width - o;
72
- c > f && (c = f), c = parseInt(c, 10), e(this, y).thumb.style.left = `${c}px`, e(this, y).left.disabled = c === 0, e(this, y).right.disabled = c >= f - 1;
72
+ c > f && (c = f), c = parseInt(c, 10), e(this, p).thumb.style.left = `${c}px`, e(this, p).left.disabled = c === 0, e(this, p).right.disabled = c >= f - 1;
73
73
  const l = s.clientWidth, h = n.scrollWidth;
74
74
  let u = f > 0 ? -c * (h - l) / f : 0;
75
75
  return -u > h - l && (u = -(h - l)), -u + 5 > h - l && (u = -(h - l)), l >= h && (u = 0), n.style.transform = `translateX(${u}px)`, c > 0 && c < f - 1;
76
76
  }, "#thumbMoveTo"));
77
77
  d(this, ne, /* @__PURE__ */ a(() => {
78
78
  const t = /* @__PURE__ */ a((n) => {
79
- clearInterval(e(this, N)), clearInterval(e(this, B));
80
- const r = parseInt(e(this, y).thumb.style.left || 0, 10);
81
- e(this, V).call(this, r + n), g(this, N, setInterval(() => {
82
- clearInterval(e(this, N)), g(this, B, setInterval(() => {
83
- const o = parseInt(e(this, y).thumb.style.left || 0, 10);
84
- e(this, V).call(this, o + n) || clearInterval(e(this, B));
79
+ clearInterval(e(this, D)), clearInterval(e(this, N));
80
+ const r = parseInt(e(this, p).thumb.style.left || 0, 10);
81
+ e(this, V).call(this, r + n), y(this, D, setInterval(() => {
82
+ clearInterval(e(this, D)), y(this, N, setInterval(() => {
83
+ const o = parseInt(e(this, p).thumb.style.left || 0, 10);
84
+ e(this, V).call(this, o + n) || clearInterval(e(this, N));
85
85
  }, 50));
86
86
  }, 500));
87
87
  }, "delayScroll"), s = /* @__PURE__ */ a(() => {
88
- clearInterval(e(this, N)), clearInterval(e(this, B));
88
+ clearInterval(e(this, D)), clearInterval(e(this, N));
89
89
  }, "clearTimer");
90
90
  ["mouseup", "mouseleave", "touchend"].forEach((n) => {
91
- e(this, y).left.addEventListener(n, s), e(this, y).right.addEventListener(n, s), e(this, y).track.addEventListener(n, s);
92
- }), e(this, y).left.addEventListener("mousedown", (n) => {
91
+ e(this, p).left.addEventListener(n, s), e(this, p).right.addEventListener(n, s), e(this, p).track.addEventListener(n, s);
92
+ }), e(this, p).left.addEventListener("mousedown", (n) => {
93
93
  n.button === 0 && t(-20);
94
- }), e(this, y).right.addEventListener("mousedown", (n) => {
94
+ }), e(this, p).right.addEventListener("mousedown", (n) => {
95
95
  n.button === 0 && t(20);
96
- }), e(this, y).left.addEventListener("touchstart", () => t(-20)), e(this, y).right.addEventListener("touchstart", () => t(20)), e(this, y).track.addEventListener("mousedown", (n) => {
96
+ }), e(this, p).left.addEventListener("touchstart", () => t(-20)), e(this, p).right.addEventListener("touchstart", () => t(20)), e(this, p).track.addEventListener("mousedown", (n) => {
97
97
  if (n.button !== 0) return;
98
98
  n.preventDefault();
99
- const r = e(this, y).track.getBoundingClientRect(), o = e(this, y).thumb.clientWidth;
99
+ const r = e(this, p).track.getBoundingClientRect(), o = e(this, p).thumb.clientWidth;
100
100
  e(this, V).call(this, n.clientX - r.left - o / 2);
101
- }), e(this, y).thumb.addEventListener("mousedown", (n) => {
101
+ }), e(this, p).thumb.addEventListener("mousedown", (n) => {
102
102
  if (n.button !== 0) return;
103
- n.stopPropagation(), n.preventDefault(), g(this, D, !0), this.shiftX = n.clientX - e(this, y).thumb.getBoundingClientRect().left;
103
+ n.stopPropagation(), n.preventDefault(), y(this, B, !0), this.shiftX = n.clientX - e(this, p).thumb.getBoundingClientRect().left;
104
104
  const r = /* @__PURE__ */ a((c) => {
105
- if (!e(this, D)) return;
106
- const f = e(this, y).track.getBoundingClientRect();
105
+ if (!e(this, B)) return;
106
+ const f = e(this, p).track.getBoundingClientRect();
107
107
  e(this, V).call(this, c.clientX - f.left - this.shiftX);
108
108
  }, "onMouseMove"), o = /* @__PURE__ */ a(() => {
109
- g(this, D, !1), s(), document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", o), this.refresh();
109
+ y(this, B, !1), s(), document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", o), this.refresh();
110
110
  }, "onMouseUp");
111
111
  document.addEventListener("mousemove", r), document.addEventListener("mouseup", o);
112
112
  });
113
113
  }, "#init"));
114
114
  }
115
115
  connectedCallback() {
116
- if (g(this, L, this.closest("nine-table-sheet") || this.getRootNode().host), !e(this, L)) return;
116
+ if (y(this, L, this.closest("nine-table-sheet") || this.getRootNode().host), !e(this, L)) return;
117
117
  this.innerHTML = `
118
118
  <style>
119
119
  nine-table-hscrollbar {
@@ -183,7 +183,7 @@ const ke = class ke extends HTMLElement {
183
183
  setTimeout(t, 10);
184
184
  return;
185
185
  }
186
- g(this, y, {
186
+ y(this, p, {
187
187
  container: s,
188
188
  track: this.querySelector(".ng-scroll-track"),
189
189
  thumb: this.querySelector(".ng-scroll-thumb"),
@@ -197,19 +197,19 @@ const ke = class ke extends HTMLElement {
197
197
  e(this, P) && e(this, P).disconnect();
198
198
  }
199
199
  };
200
- L = new WeakMap(), D = new WeakMap(), y = new WeakMap(), N = new WeakMap(), B = new WeakMap(), P = new WeakMap(), se = new WeakMap(), V = new WeakMap(), ne = new WeakMap(), a(ke, "NineTableHScrollBar");
200
+ L = new WeakMap(), B = new WeakMap(), p = new WeakMap(), D = new WeakMap(), N = new WeakMap(), P = new WeakMap(), se = new WeakMap(), V = new WeakMap(), ne = new WeakMap(), a(ke, "NineTableHScrollBar");
201
201
  let we = ke;
202
202
  customElements.get("nine-table-hscrollbar") || customElements.define("nine-table-hscrollbar", we);
203
- var H, C, R, I, $, W, re, oe, le, G;
203
+ var $, _, E, W, H, M, re, oe, le, J;
204
204
  const Le = class Le {
205
205
  constructor(i) {
206
- d(this, H);
207
- d(this, C, []);
208
- d(this, R, null);
209
- d(this, I, null);
210
- d(this, $, 0);
211
- d(this, W, 0);
212
- x(this, "getRowHeight", /* @__PURE__ */ a(() => e(this, R), "getRowHeight"));
206
+ d(this, $);
207
+ d(this, _, []);
208
+ d(this, E, null);
209
+ d(this, W, null);
210
+ d(this, H, 0);
211
+ d(this, M, 0);
212
+ x(this, "getRowHeight", /* @__PURE__ */ a(() => e(this, E), "getRowHeight"));
213
213
  d(this, re, /* @__PURE__ */ a(() => {
214
214
  e(this, oe).call(this);
215
215
  }, "#init"));
@@ -217,58 +217,57 @@ const Le = class Le {
217
217
  * 🎯 뷰포트 크기 λ³€ν™” μ‹œμ μ— 높이 계산 및 ν•„μš”ν•œ ν–‰ 개수 산정·캐싱을 μ™„κ²°
218
218
  */
219
219
  d(this, oe, /* @__PURE__ */ a(() => {
220
- if (!e(this, H) || !(e(this, H) instanceof HTMLElement)) return;
221
- let i = null;
222
- g(this, I, new ResizeObserver((t) => {
223
- for (const s of t) {
224
- const n = s.target;
225
- n.classList.contains("active") && (clearTimeout(i), i = setTimeout(() => {
226
- const r = s.contentRect.height;
227
- if (r <= 0) return;
228
- const o = n.clientHeight || r;
229
- let c = 0;
230
- const f = n.querySelector(".ng-container-body");
231
- if (!f) return;
232
- const l = f.querySelector("thead");
233
- l && (c += l.offsetHeight);
234
- const h = Math.max(o - c, 100);
235
- if (e(this, $) !== h && e(this, R)) {
236
- g(this, $, h);
237
- const u = Math.ceil(e(this, $) / e(this, R));
238
- g(this, W, u + 20), e(this, G).call(this, f);
220
+ !e(this, $) || !(e(this, $) instanceof HTMLElement) || (y(this, W, new ResizeObserver((i) => {
221
+ for (const t of i) {
222
+ const s = t.target;
223
+ if (!s.classList.contains("active"))
224
+ continue;
225
+ const n = t.contentRect.height || (t.borderBoxSize && t.borderBoxSize[0] ? t.borderBoxSize[0].blockSize : 0);
226
+ if (n > 0) {
227
+ const r = s.clientHeight || s.getBoundingClientRect().height || n;
228
+ let o = 0;
229
+ const c = s.querySelector(".ng-container-body") || s, f = c.querySelector("thead"), l = c.querySelector("tfoot");
230
+ f && (o += f.offsetHeight || f.getBoundingClientRect().height), l && (o += l.offsetHeight || l.getBoundingClientRect().height);
231
+ const h = Math.max(r - o, 100);
232
+ if (e(this, H) !== h && (y(this, H, h), e(this, E) !== null)) {
233
+ const u = Math.ceil(e(this, H) / e(this, E));
234
+ y(this, M, u + 20), G.log(`[RowManager] Resized. Height: ${e(this, H)}px | Target Rows: ${e(this, M)}`), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((g) => {
235
+ const b = s.querySelector(g);
236
+ b && b.querySelector("tbody") && e(this, J).call(this, b);
237
+ });
239
238
  }
240
- }, 100));
239
+ }
241
240
  }
242
- })), e(this, I).observe(e(this, H));
241
+ })), e(this, W).observe(e(this, $)));
243
242
  }, "#initResizeObserver"));
244
243
  // 🎯 ν…œν”Œλ¦Ώ μΆ”μΆœ, 높이 μΈ‘μ •, 초기 λ Œλ”λ§μ„ μˆœμ„œμ— 맞게 λ‚΄λΆ€μ—μ„œ 일괄 처리
245
244
  x(this, "initialize", /* @__PURE__ */ a((i) => {
246
- const t = e(this, H).querySelector(".ng-container-body"), s = i.querySelector("tbody"), n = Array.from(s.querySelectorAll("tr"));
247
- g(this, C, n.map((r) => r.cloneNode(!0))), g(this, R, null), e(this, le).call(this, t), e(this, G).call(this, t);
245
+ const t = e(this, $).querySelector(".ng-container-body"), s = i.querySelector("tbody"), n = Array.from(s.querySelectorAll("tr"));
246
+ y(this, _, n.map((r) => r.cloneNode(!0))), y(this, E, null), e(this, le).call(this, t), e(this, J).call(this, t);
248
247
  }, "initialize"));
249
248
  d(this, le, /* @__PURE__ */ a((i) => {
250
- if (e(this, R) !== null && e(this, R) > 0)
251
- return e(this, R);
252
- if (e(this, C).length === 0)
249
+ if (e(this, E) !== null && e(this, E) > 0)
250
+ return e(this, E);
251
+ if (e(this, _).length === 0)
253
252
  throw new Error("[RowManager] Template TRs are empty.");
254
253
  const t = i.querySelector("tbody.bindable") || i.querySelector("tbody");
255
254
  if (!t) return 24;
256
255
  t.querySelectorAll("tr:not(.nodata)").forEach((u) => u.remove());
257
256
  const s = t.querySelector("tr.nodata"), n = document.createDocumentFragment();
258
- e(this, C).forEach((u) => {
257
+ e(this, _).forEach((u) => {
259
258
  n.appendChild(u.cloneNode(!0));
260
259
  }), s ? s.before(n) : t.appendChild(n);
261
260
  const r = i.closest("nine-table-sheet"), o = r ? r.style.display : "", c = r ? r.style.visibility : "", f = r ? r.style.position : "";
262
261
  r && (r.style.display === "none" || window.getComputedStyle(r).display === "none") && (r.style.display = "block", r.style.visibility = "hidden", r.style.position = "absolute");
263
262
  let l = 0;
264
- if (t.querySelectorAll("tr:not(.nodata)").forEach((u, b) => {
263
+ if (t.querySelectorAll("tr:not(.nodata)").forEach((u, g) => {
265
264
  l += u.offsetHeight || u.getBoundingClientRect().height;
266
- }), r && (r.style.display = o, r.style.visibility = c, r.style.position = f), g(this, R, l), e(this, $) > 0) {
267
- const u = Math.ceil(e(this, $) / e(this, R));
268
- g(this, W, u + 20);
265
+ }), r && (r.style.display = o, r.style.visibility = c, r.style.position = f), y(this, E, l), e(this, H) > 0) {
266
+ const u = Math.ceil(e(this, H) / e(this, E));
267
+ y(this, M, u + 20);
269
268
  } else
270
- g(this, W, 40);
271
- return console.log(`[RowManager] Template Height Cached: ${e(this, R)}px | RowCount: ${e(this, W)}`), e(this, R);
269
+ y(this, M, 40);
270
+ return console.log(`[RowManager] Template Height Cached: ${e(this, E)}px | RowCount: ${e(this, M)}`), e(this, E);
272
271
  }, "#measureAndCacheHeight"));
273
272
  /**
274
273
  * 🎯 μΊμ‹œλœ ν–‰ 개수 λ°˜ν™˜ (없을 λ•Œλ§Œ μ΅œμ†Œν•œμ˜ λ°©μ–΄ μ—°μ‚°)
@@ -286,87 +285,87 @@ const Le = class Le {
286
285
  /**
287
286
  * 🎯 μΊμ‹œλœ ν–‰ 개수λ₯Ό κ³§λ°”λ‘œ κ°€μ Έμ™€μ„œ TR λΌˆλŒ€ μ£Όμž… (쀑볡 계산 제거)
288
287
  */
289
- d(this, G, /* @__PURE__ */ a((i) => {
290
- if (e(this, C).length === 0) return;
288
+ d(this, J, /* @__PURE__ */ a((i) => {
289
+ if (e(this, _).length === 0) return;
291
290
  const t = i.querySelector("tbody.bindable") || i.querySelector("tbody");
292
291
  if (!t) return;
293
292
  t.querySelectorAll("tr:not(.nodata)").forEach((o) => o.remove());
294
- const s = t.querySelector("tr.nodata"), n = document.createDocumentFragment(), r = e(this, W);
293
+ const s = t.querySelector("tr.nodata"), n = document.createDocumentFragment(), r = e(this, M);
295
294
  for (let o = 0; o < r; o++)
296
- e(this, C).forEach((c) => {
295
+ e(this, _).forEach((c) => {
297
296
  n.appendChild(c.cloneNode(!0));
298
297
  });
299
298
  s ? s.before(n) : t.appendChild(n), console.log(`[RowManager] Rendered ${r} sets into DOM.`);
300
299
  }, "#renderRows"));
301
300
  x(this, "destroy", /* @__PURE__ */ a(() => {
302
- e(this, I) && (e(this, I).disconnect(), g(this, I, null));
301
+ e(this, W) && (e(this, W).disconnect(), y(this, W, null));
303
302
  }, "destroy"));
304
- g(this, H, i), e(this, re).call(this);
303
+ y(this, $, i), e(this, re).call(this);
305
304
  }
306
305
  get templateLength() {
307
- return e(this, C).length || 1;
306
+ return e(this, _).length || 1;
308
307
  }
309
308
  };
310
- H = new WeakMap(), C = new WeakMap(), R = new WeakMap(), I = new WeakMap(), $ = new WeakMap(), W = new WeakMap(), re = new WeakMap(), oe = new WeakMap(), le = new WeakMap(), G = new WeakMap(), a(Le, "RowManager");
309
+ $ = new WeakMap(), _ = new WeakMap(), E = new WeakMap(), W = new WeakMap(), H = new WeakMap(), M = new WeakMap(), re = new WeakMap(), oe = new WeakMap(), le = new WeakMap(), J = new WeakMap(), a(Le, "RowManager");
311
310
  let ve = Le;
312
- var M, U, ae, ce;
311
+ var I, U, ae, ce;
313
312
  const j = class j extends HTMLElement {
314
313
  constructor() {
315
314
  super();
316
- d(this, M, null);
315
+ d(this, I, null);
317
316
  d(this, U);
318
317
  x(this, "generate", /* @__PURE__ */ a((t) => {
319
318
  if (!t) return;
320
319
  const s = /* @__PURE__ */ a((l) => {
321
- const h = /* @__PURE__ */ a((b) => {
322
- if (b.querySelector("colgroup")) return;
323
- const p = b.querySelector("tbody tr") || b.querySelector("tr"), m = p ? p.querySelectorAll("th, td").length : 1, E = document.createElement("colgroup"), T = Math.max(Math.floor(b.clientWidth / m), 100);
324
- for (let _ = 0; _ < m; _++) {
320
+ const h = /* @__PURE__ */ a((g) => {
321
+ if (g.querySelector("colgroup")) return;
322
+ const b = g.querySelector("tbody tr") || g.querySelector("tr"), m = b ? b.querySelectorAll("th, td").length : 1, R = document.createElement("colgroup"), T = Math.max(Math.floor(g.clientWidth / m), 100);
323
+ for (let C = 0; C < m; C++) {
325
324
  const Y = document.createElement("col");
326
- Y.setAttribute("width", T), E.appendChild(Y);
325
+ Y.setAttribute("width", T), R.appendChild(Y);
327
326
  }
328
- b.prepend(E);
329
- }, "ensureColgroup"), u = /* @__PURE__ */ a((b) => {
330
- if (b.querySelector("thead")) return;
331
- const p = document.createElement("thead"), m = b.querySelector("colgroup");
332
- m ? m.after(p) : b.prepend(p);
327
+ g.prepend(R);
328
+ }, "ensureColgroup"), u = /* @__PURE__ */ a((g) => {
329
+ if (g.querySelector("thead")) return;
330
+ const b = document.createElement("thead"), m = g.querySelector("colgroup");
331
+ m ? m.after(b) : g.prepend(b);
333
332
  }, "ensureThead");
334
333
  return h(l), u(l), l.classList.add("nine-table-element"), l;
335
334
  }, "initializeTable"), n = t.cloneNode(!0);
336
- g(this, M, s(n)), e(this, M).style.display = "table";
335
+ y(this, I, s(n)), e(this, I).style.display = "table";
337
336
  const r = this.querySelector(".ng-container-left"), o = this.querySelector(".ng-container-body"), c = this.querySelector(".ng-container-right"), f = /* @__PURE__ */ a((l, h, u = !1) => {
338
- const b = l.cloneNode(!0), p = Array.from(b.querySelectorAll("colgroup col")), m = [];
339
- return p.forEach((E, T) => {
340
- const _ = E.getAttribute("fixed");
337
+ const g = l.cloneNode(!0), b = Array.from(g.querySelectorAll("colgroup col")), m = [];
338
+ return b.forEach((R, T) => {
339
+ const C = R.getAttribute("fixed");
341
340
  let Y = !1;
342
- u ? Y = _ !== "left" && _ !== "right" : Y = _ === h, Y || m.push(T);
343
- }), m.reverse().forEach((E) => {
344
- p[E] && p[E].remove(), b.querySelectorAll("tr").forEach((T) => {
345
- const _ = T.querySelectorAll("th, td");
346
- _[E] && _[E].remove();
341
+ u ? Y = C !== "left" && C !== "right" : Y = C === h, Y || m.push(T);
342
+ }), m.reverse().forEach((R) => {
343
+ b[R] && b[R].remove(), g.querySelectorAll("tr").forEach((T) => {
344
+ const C = T.querySelectorAll("th, td");
345
+ C[R] && C[R].remove();
347
346
  });
348
- }), b;
347
+ }), g;
349
348
  }, "filterTableByFixed");
350
349
  if (o) {
351
- const l = f(e(this, M), null, !0);
352
- o.innerHTML = "", o.appendChild(l), e(this, U).initialize(e(this, M));
350
+ const l = f(e(this, I), null, !0);
351
+ o.innerHTML = "", o.appendChild(l), e(this, U).initialize(e(this, I));
353
352
  }
354
353
  if (r) {
355
- const l = f(e(this, M), "left", !1);
354
+ const l = f(e(this, I), "left", !1);
356
355
  let h = 0;
357
- l.querySelectorAll("col").forEach((b) => {
358
- const p = parseInt(b.getAttribute("width"), 10);
359
- isNaN(p) || (h += p);
356
+ l.querySelectorAll("col").forEach((g) => {
357
+ const b = parseInt(g.getAttribute("width"), 10);
358
+ isNaN(b) || (h += b);
360
359
  }), r.innerHTML = "", r.appendChild(l);
361
360
  const u = h > 0 ? h : 0;
362
361
  r.style.flex = `0 0 ${u}px`, r.style.width = `${u}px`;
363
362
  }
364
363
  if (c) {
365
- const l = f(e(this, M), "right", !1);
364
+ const l = f(e(this, I), "right", !1);
366
365
  let h = 0;
367
- l.querySelectorAll("col").forEach((b) => {
368
- const p = parseInt(b.getAttribute("width"), 10);
369
- isNaN(p) || (h += p);
366
+ l.querySelectorAll("col").forEach((g) => {
367
+ const b = parseInt(g.getAttribute("width"), 10);
368
+ isNaN(b) || (h += b);
370
369
  }), c.innerHTML = "", c.appendChild(l);
371
370
  const u = h > 0 ? h : 0;
372
371
  c.style.flex = `0 0 ${u}px`, c.style.width = `${u}px`;
@@ -397,16 +396,16 @@ const j = class j extends HTMLElement {
397
396
  e(this, ce).call(this), new MutationObserver((t) => {
398
397
  const s = /* @__PURE__ */ a(() => {
399
398
  requestAnimationFrame(() => {
400
- var u, b, p;
399
+ var u, g, b;
401
400
  const n = this.querySelector(".ng-container-left table"), r = this.querySelector(".ng-container-body table"), o = this.querySelector(".ng-container-right table");
402
401
  if (!r) return;
403
402
  const c = n ? Array.from(n.querySelectorAll("tr")) : [], f = Array.from(r.querySelectorAll("tr")), l = o ? Array.from(o.querySelectorAll("tr")) : [], h = Math.max(c.length, f.length, l.length);
404
403
  for (let m = 0; m < h; m++) {
405
- const E = [
404
+ const R = [
406
405
  ((u = c[m]) == null ? void 0 : u.getBoundingClientRect().height) || 0,
407
- ((b = f[m]) == null ? void 0 : b.getBoundingClientRect().height) || 0,
408
- ((p = l[m]) == null ? void 0 : p.getBoundingClientRect().height) || 0
409
- ], T = Math.max(...E);
406
+ ((g = f[m]) == null ? void 0 : g.getBoundingClientRect().height) || 0,
407
+ ((b = l[m]) == null ? void 0 : b.getBoundingClientRect().height) || 0
408
+ ], T = Math.max(...R);
410
409
  T > 0 && (c[m] && (c[m].style.height = `${T}px`), f[m] && (f[m].style.height = `${T}px`), l[m] && (l[m].style.height = `${T}px`));
411
410
  }
412
411
  });
@@ -541,20 +540,20 @@ const j = class j extends HTMLElement {
541
540
  </div>
542
541
  `;
543
542
  }, "#render"));
544
- g(this, U, new ve(this));
543
+ y(this, U, new ve(this));
545
544
  }
546
545
  connectedCallback() {
547
546
  e(this, ae).call(this);
548
547
  }
549
548
  disconnectedCallback() {
550
- this.innerHTML = "", te.log("NineTableSheet destroyed.");
549
+ this.innerHTML = "", G.log("NineTableSheet destroyed.");
551
550
  }
552
551
  };
553
- M = new WeakMap(), U = new WeakMap(), ae = new WeakMap(), ce = new WeakMap(), a(j, "NineTableSheet"), x(j, "SCROLLBAR_SIZE", 16);
552
+ I = new WeakMap(), U = new WeakMap(), ae = new WeakMap(), ce = new WeakMap(), a(j, "NineTableSheet"), x(j, "SCROLLBAR_SIZE", 16);
554
553
  let ie = j;
555
554
  customElements.get("nine-table-sheet") || customElements.define("nine-table-sheet", ie);
556
- var he, J;
557
- const _e = class _e extends HTMLElement {
555
+ var he, Q;
556
+ const Ce = class Ce extends HTMLElement {
558
557
  constructor() {
559
558
  super();
560
559
  d(this, he, /* @__PURE__ */ a(() => {
@@ -562,17 +561,17 @@ const _e = class _e extends HTMLElement {
562
561
  (t = this.querySelector(".nine-tab-bar")) == null || t.addEventListener("click", (s) => {
563
562
  var o;
564
563
  const n = s.ctrlKey || s.metaKey || s.shiftKey, r = parseInt((o = s.target.closest(".nine-tab-item")) == null ? void 0 : o.dataset.index, 10);
565
- e(this, J).call(this, r, n);
566
- }), e(this, J).call(this, 0, !1);
564
+ e(this, Q).call(this, r, n);
565
+ }), e(this, Q).call(this, 0, !1);
567
566
  }, "#init"));
568
- d(this, J, /* @__PURE__ */ a((t, s = !1) => {
567
+ d(this, Q, /* @__PURE__ */ a((t, s = !1) => {
569
568
  const n = /* @__PURE__ */ a(() => {
570
569
  const h = Array.from(this.querySelectorAll("nine-table-sheet"));
571
- Array.from(this.querySelectorAll("nine-splitter")).forEach((p) => p.style.setProperty("display", "none"));
572
- const b = h.filter((p) => p.classList.contains("active"));
573
- b.length < 2 || b.forEach((p) => {
574
- const m = parseInt(p.getAttribute("data-index"), 10), E = this.querySelector(`nine-splitter[data-split-index="${m}"]`), T = h[m + 1];
575
- E && T && T.classList.contains("active") && E.style.setProperty("display", "flex");
570
+ Array.from(this.querySelectorAll("nine-splitter")).forEach((b) => b.style.setProperty("display", "none"));
571
+ const g = h.filter((b) => b.classList.contains("active"));
572
+ g.length < 2 || g.forEach((b) => {
573
+ const m = parseInt(b.getAttribute("data-index"), 10), R = this.querySelector(`nine-splitter[data-split-index="${m}"]`), T = h[m + 1];
574
+ R && T && T.classList.contains("active") && R.style.setProperty("display", "flex");
576
575
  });
577
576
  }, "updateSplitters"), r = this.querySelector(".nine-tab-bar"), o = this.querySelector("nine-table-sheets-body"), c = r.querySelectorAll(".nine-tab-item"), f = o.querySelectorAll("nine-table-sheet");
578
577
  if (!c[t]) return;
@@ -580,16 +579,16 @@ const _e = class _e extends HTMLElement {
580
579
  c.forEach((h, u) => {
581
580
  h.classList.toggle("active", u === t);
582
581
  }), f.forEach((h, u) => {
583
- const b = u === t;
584
- h.classList.toggle("active", b), h.style.flex = b ? "1 1 100%" : "";
582
+ const g = u === t;
583
+ h.classList.toggle("active", g), h.style.flex = g ? "1 1 100%" : "";
585
584
  });
586
585
  else {
587
586
  const h = c[t], u = r.querySelectorAll(".nine-tab-item.active");
588
587
  if (h.classList.contains("active") && u.length <= 1)
589
588
  return;
590
589
  h.classList.toggle("active");
591
- const b = o.querySelector(`nine-table-sheet[data-index="${t}"]`);
592
- b && (b.classList.toggle("active"), b.classList.contains("active") || (b.style.flex = ""));
590
+ const g = o.querySelector(`nine-table-sheet[data-index="${t}"]`);
591
+ g && (g.classList.toggle("active"), g.classList.contains("active") || (g.style.flex = ""));
593
592
  }
594
593
  const l = o.querySelectorAll("nine-table-sheet.active");
595
594
  l == null || l.forEach((h) => {
@@ -601,20 +600,20 @@ const _e = class _e extends HTMLElement {
601
600
  e(this, he).call(this);
602
601
  }
603
602
  };
604
- he = new WeakMap(), J = new WeakMap(), a(_e, "NineTableSheets");
605
- let xe = _e;
603
+ he = new WeakMap(), Q = new WeakMap(), a(Ce, "NineTableSheets");
604
+ let xe = Ce;
606
605
  customElements.get("nine-table-sheets") || customElements.define("nine-table-sheets", xe);
607
- var S, de, Q, fe;
608
- const Ce = class Ce {
606
+ var S, de, ee, fe;
607
+ const _e = class _e {
609
608
  constructor(i) {
610
609
  d(this, S);
611
610
  d(this, de, /* @__PURE__ */ a(() => {
612
611
  e(this, fe).call(this), new ResizeObserver((i) => {
613
612
  for (let t of i)
614
- e(this, S).getAttribute("auto-height") === "true" && e(this, Q).call(this);
613
+ e(this, S).getAttribute("auto-height") === "true" && e(this, ee).call(this);
615
614
  }).observe(e(this, S));
616
615
  }, "#init"));
617
- d(this, Q, /* @__PURE__ */ a(() => {
616
+ d(this, ee, /* @__PURE__ */ a(() => {
618
617
  var f, l;
619
618
  const i = Array.from(e(this, S).shadowRoot.querySelectorAll("nine-table-sheet.active"));
620
619
  if (i.length === 0) return;
@@ -623,8 +622,8 @@ const Ce = class Ce {
623
622
  }, "#applyAutoHeight"));
624
623
  d(this, fe, /* @__PURE__ */ a(() => {
625
624
  const t = Array.from(e(this, S).children).filter((f) => f.tagName === "TABLE"), s = e(this, S).getAttribute("auto-height") === "true", n = t.length, r = t.map((f, l) => {
626
- const u = `<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>` : "";
627
- return u + b;
625
+ const u = `<nine-table-sheet class="${l === 0 ? "active" : ""}" data-index="${l}"></nine-table-sheet>`, g = l < n - 1 ? `<nine-splitter class="h" data-split-index="${l}"></nine-splitter>` : "";
626
+ return u + g;
628
627
  }).join(""), o = t.map((f, l) => `<div class="nine-tab-item ${l === 0 ? "active" : ""}" data-index="${l}">Sheet ${l + 1}</div>`).join("");
629
628
  e(this, S).shadowRoot.innerHTML = `
630
629
  <style>
@@ -728,39 +727,39 @@ const Ce = class Ce {
728
727
  const c = e(this, S).shadowRoot.querySelectorAll("nine-table-sheet");
729
728
  c == null || c.forEach((f, l) => {
730
729
  t[l] && setTimeout(() => {
731
- f.generate(t[l]), s && e(this, Q).call(this);
730
+ f.generate(t[l]), s && e(this, ee).call(this);
732
731
  });
733
732
  });
734
733
  }, "#render"));
735
- g(this, S, i), e(this, de).call(this);
734
+ y(this, S, i), e(this, de).call(this);
736
735
  }
737
736
  };
738
- S = new WeakMap(), de = new WeakMap(), Q = new WeakMap(), fe = new WeakMap(), a(Ce, "LayoutManager");
739
- let Se = Ce;
740
- var O, X;
741
- const Me = class Me {
737
+ S = new WeakMap(), de = new WeakMap(), ee = new WeakMap(), fe = new WeakMap(), a(_e, "LayoutManager");
738
+ let Se = _e;
739
+ var z, X;
740
+ const He = class He {
742
741
  constructor(i) {
743
- d(this, O);
742
+ d(this, z);
744
743
  d(this, X, -1);
745
- x(this, "count", /* @__PURE__ */ a(() => e(this, O).rawRecords.length, "count"));
746
- g(this, O, i);
744
+ x(this, "count", /* @__PURE__ */ a(() => e(this, z).rawRecords.length, "count"));
745
+ y(this, z, i);
747
746
  }
748
747
  get at() {
749
748
  return e(this, X);
750
749
  }
751
750
  set at(i) {
752
751
  var s, n;
753
- g(this, X, parseInt(i, 10));
754
- const t = ((n = (s = e(this, O).owner).querySelector) == null ? void 0 : n.call(s, ".ng-container-body")) || e(this, O).owner.body;
752
+ y(this, X, parseInt(i, 10));
753
+ const t = ((n = (s = e(this, z).owner).querySelector) == null ? void 0 : n.call(s, ".ng-container-body")) || e(this, z).owner.body;
755
754
  t && !t.querySelector(`tbody.bindable tr[data-row="${e(this, X)}"]`) && setTimeout(() => {
756
755
  var r, o;
757
- (o = (r = e(this, O).owner).scrollTo_V1) == null || o.call(r, e(this, X));
756
+ (o = (r = e(this, z).owner).scrollTo_V1) == null || o.call(r, e(this, X));
758
757
  });
759
758
  }
760
759
  };
761
- O = new WeakMap(), X = new WeakMap(), a(Me, "ngRow");
762
- let Ee = Me;
763
- var A, v, q, K, ue, z, be, ee, ge, pe, Z;
760
+ z = new WeakMap(), X = new WeakMap(), a(He, "ngRow");
761
+ let Re = He;
762
+ var A, v, q, K, ue, O, ge, te, be, ye, Z;
764
763
  const k = class k {
765
764
  constructor(i, t) {
766
765
  d(this, A);
@@ -768,37 +767,37 @@ const k = class k {
768
767
  d(this, q, []);
769
768
  d(this, K, []);
770
769
  d(this, ue, 0);
771
- d(this, z, []);
772
- d(this, be, /* @__PURE__ */ a(() => {
773
- g(this, z, []);
770
+ d(this, O, []);
771
+ d(this, ge, /* @__PURE__ */ a(() => {
772
+ y(this, O, []);
774
773
  const i = e(this, A).template || [];
775
774
  Array.from(i).forEach((t) => {
776
775
  var s;
777
- e(this, z).push(((s = t.getBoundingClientRect) == null ? void 0 : s.call(t).height) || 24);
776
+ e(this, O).push(((s = t.getBoundingClientRect) == null ? void 0 : s.call(t).height) || 24);
778
777
  }), (e(this, v).rawRecords || []).forEach((t) => {
779
- t.__ng || (t.__ng = e(this, ee).call(this)), t.__ng.height = e(this, z).slice();
778
+ t.__ng || (t.__ng = e(this, te).call(this)), t.__ng.height = e(this, O).slice();
780
779
  });
781
780
  }, "#initialize"));
782
781
  x(this, "set", /* @__PURE__ */ a((i) => {
783
782
  this.clear(), this.add(i, !1);
784
783
  }, "set"));
785
- d(this, ee, /* @__PURE__ */ a(() => ({
784
+ d(this, te, /* @__PURE__ */ a(() => ({
786
785
  rowState: k.ROW_STATE.EMPTY,
787
786
  deleted: !1,
788
787
  filtered: !1,
789
- height: e(this, z).slice(),
788
+ height: e(this, O).slice(),
790
789
  o: {},
791
790
  c: {},
792
- _: [0, 0, 0, 0, k.ROW_STATE.EMPTY, !1, !1, !0, !1, !0, !0, !1, e(this, z).slice(), -1, {}, {}]
791
+ _: [0, 0, 0, 0, k.ROW_STATE.EMPTY, !1, !1, !0, !1, !0, !0, !1, e(this, O).slice(), -1, {}, {}]
793
792
  }), "#getDefaultMeta"));
794
793
  x(this, "reset", /* @__PURE__ */ a(() => {
795
- g(this, q, []), g(this, K, []);
794
+ y(this, q, []), y(this, K, []);
796
795
  }, "reset"));
797
796
  x(this, "clear", /* @__PURE__ */ a(() => {
798
797
  var i;
799
- e(this, v).rawRecords = [], g(this, q, []), g(this, K, []), (i = e(this, v).viewRecords) != null && i.reset && e(this, v).viewRecords.reset();
798
+ e(this, v).rawRecords = [], y(this, q, []), y(this, K, []), (i = e(this, v).viewRecords) != null && i.reset && e(this, v).viewRecords.reset();
800
799
  }, "clear"));
801
- d(this, ge, /* @__PURE__ */ a((i) => {
800
+ d(this, be, /* @__PURE__ */ a((i) => {
802
801
  var n;
803
802
  Array.isArray(i) || (i = [i]);
804
803
  const t = typeof ((n = e(this, A).fields) == null ? void 0 : n.get) == "function" ? e(this, A).fields.get() : Object.keys(i[0] || {}), s = [];
@@ -809,14 +808,14 @@ const k = class k {
809
808
  }), s.push(o);
810
809
  }), s;
811
810
  }, "#json2Array"));
812
- d(this, pe, /* @__PURE__ */ a((i) => (Array.isArray(i) || (i = [i]), i.forEach((t) => {
813
- t.__ng = e(this, ee).call(this), t.__ng.rowid = this.nextId, t.__ng.rowState = k.ROW_STATE.INSERT, t.__ng._[0] = t.__ng.rowid;
811
+ d(this, ye, /* @__PURE__ */ a((i) => (Array.isArray(i) || (i = [i]), i.forEach((t) => {
812
+ t.__ng = e(this, te).call(this), t.__ng.rowid = this.nextId, t.__ng.rowState = k.ROW_STATE.INSERT, t.__ng._[0] = t.__ng.rowid;
814
813
  }), i), "#defaultInsert"));
815
814
  x(this, "add", /* @__PURE__ */ a((i, t = !0) => {
816
815
  var r;
817
816
  i === void 0 && (i = {});
818
- const s = e(this, ge).call(this, i);
819
- e(this, v).rawRecords = e(this, v).rawRecords.concat(e(this, pe).call(this, s)), this.resetRecords();
817
+ const s = e(this, be).call(this, i);
818
+ e(this, v).rawRecords = e(this, v).rawRecords.concat(e(this, ye).call(this, s)), this.resetRecords();
820
819
  const n = this.count() - 1;
821
820
  return t || s.forEach((o, c) => {
822
821
  const f = e(this, v).rawRecords[n - c];
@@ -846,7 +845,7 @@ const k = class k {
846
845
  c !== s && o.__ng.rowState !== k.ROW_STATE.INSERT && (o.__ng.o.hasOwnProperty(t) || (o.__ng.o[t] = c), o.__ng.rowState = k.ROW_STATE.UPDATE), o.v[r] = s, e(this, v).owner.refreshData && e(this, v).owner.refreshData(i);
847
846
  }, "setValue"));
848
847
  x(this, "resetRecords", /* @__PURE__ */ a(() => {
849
- g(this, K, e(this, v).rawRecords.filter((i) => !i.__ng.deleted)), g(this, q, e(this, v).rawRecords.filter((i) => !i.__ng.deleted && !i.__ng.filtered)), e(this, v).rawRecords.forEach((i, t) => {
848
+ y(this, K, e(this, v).rawRecords.filter((i) => !i.__ng.deleted)), y(this, q, e(this, v).rawRecords.filter((i) => !i.__ng.deleted && !i.__ng.filtered)), e(this, v).rawRecords.forEach((i, t) => {
850
849
  i.__ng.rowidx = t;
851
850
  }), e(this, q).forEach((i, t) => {
852
851
  i.__ng.i = t;
@@ -878,7 +877,7 @@ const k = class k {
878
877
  }
879
878
  return e(this, Z).call(this, s[i]);
880
879
  }, "get"));
881
- g(this, A, i), g(this, v, t), e(this, be).call(this);
880
+ y(this, A, i), y(this, v, t), e(this, ge).call(this);
882
881
  }
883
882
  get source() {
884
883
  return e(this, Z).call(this, e(this, v).rawRecords);
@@ -887,7 +886,7 @@ const k = class k {
887
886
  this.clear(), this.add(i, !1);
888
887
  }
889
888
  get nextId() {
890
- return ++ze(this, ue)._;
889
+ return ++Oe(this, ue)._;
891
890
  }
892
891
  get length() {
893
892
  return e(this, q).length;
@@ -896,7 +895,7 @@ const k = class k {
896
895
  return this.length;
897
896
  }
898
897
  };
899
- A = new WeakMap(), v = new WeakMap(), q = new WeakMap(), K = new WeakMap(), ue = new WeakMap(), z = new WeakMap(), be = new WeakMap(), ee = new WeakMap(), ge = new WeakMap(), pe = new WeakMap(), Z = new WeakMap(), a(k, "ngData"), // 🎯 ν–‰ μƒνƒœ μ •μ˜ μƒμˆ˜λ₯Ό 클래슀 λ‚΄λΆ€λ‘œ λ‚΄μž¬ν™”
898
+ A = new WeakMap(), v = new WeakMap(), q = new WeakMap(), K = new WeakMap(), ue = new WeakMap(), O = new WeakMap(), ge = new WeakMap(), te = new WeakMap(), be = new WeakMap(), ye = new WeakMap(), Z = new WeakMap(), a(k, "ngData"), // 🎯 ν–‰ μƒνƒœ μ •μ˜ μƒμˆ˜λ₯Ό 클래슀 λ‚΄λΆ€λ‘œ λ‚΄μž¬ν™”
900
899
  x(k, "ROW_STATE", {
901
900
  EMPTY: "EMPTY",
902
901
  NORMAL: "NORMAL",
@@ -904,10 +903,10 @@ x(k, "ROW_STATE", {
904
903
  UPDATE: "UPDATE",
905
904
  DELETE: "DELETE"
906
905
  });
907
- let Re = k;
908
- const He = class He {
906
+ let Ee = k;
907
+ const Me = class Me {
909
908
  constructor(i) {
910
- this.owner = i, this.row = new Ee(this), this.data = new Re(i, this), this.rawRecords = [], this.viewRecords = [], this.delRecords = [], this.pageCnt = 25, this.viewRecords.reset = () => {
909
+ this.owner = i, this.row = new Re(this), this.data = new Ee(i, this), this.rawRecords = [], this.viewRecords = [], this.delRecords = [], this.pageCnt = 25, this.viewRecords.reset = () => {
911
910
  var t;
912
911
  (t = this.owner.view) != null && t.redraw && this.owner.view.redraw();
913
912
  }, this.setDataSource = (t) => {
@@ -924,22 +923,22 @@ const He = class He {
924
923
  }, this.setDataSource([]);
925
924
  }
926
925
  };
927
- a(He, "ngDataManager");
928
- let Te = He;
929
- var F, ye;
926
+ a(Me, "ngDataManager");
927
+ let Te = Me;
928
+ var F, pe;
930
929
  const Ie = class Ie extends HTMLElement {
931
930
  constructor() {
932
931
  super();
933
932
  //#created = false;
934
933
  d(this, F);
935
- d(this, ye);
936
- this.attachShadow({ mode: "open" }), g(this, F, new Te(this));
934
+ d(this, pe);
935
+ this.attachShadow({ mode: "open" }), y(this, F, new Te(this));
937
936
  }
938
937
  connectedCallback() {
939
- g(this, ye, new Se(this)), te.log("NineTable connected."), this.dispatchEvent(new CustomEvent("load", { bubbles: !0, detail: { target: this } }));
938
+ y(this, pe, new Se(this)), G.log("NineTable connected."), this.dispatchEvent(new CustomEvent("load", { bubbles: !0, detail: { target: this } }));
940
939
  }
941
940
  disconnectedCallback() {
942
- te.log("NineTable disconnected.");
941
+ G.log("NineTable disconnected.");
943
942
  }
944
943
  // 🎯 μ™ΈλΆ€μ—μ„œ grid.data.set(...) ν˜•νƒœλ‘œ μ ‘κ·Όν•  수 μžˆλ„λ‘ 데이터 λ§€λ‹ˆμ € μ˜€ν”ˆ
945
944
  get data() {
@@ -954,7 +953,7 @@ const Ie = class Ie extends HTMLElement {
954
953
  return e(this, F);
955
954
  }
956
955
  };
957
- F = new WeakMap(), ye = new WeakMap(), a(Ie, "NineTable");
956
+ F = new WeakMap(), pe = new WeakMap(), a(Ie, "NineTable");
958
957
  let Ae = Ie;
959
958
  customElements.get("nine-table") || customElements.define("nine-table", Ae);
960
959
  //# sourceMappingURL=nine-table.js.map