@ninebone/table 0.0.280 → 0.0.282

package/dist/nine-table.js

@@ -22,7 +22,7 @@ const Me = class Me extends Ze.constructor {
 };
 a(Me, "Trace");
 let Ee = Me;
-const F = new Ee();
+const j = new Ee();
 var k, $, y, O, W, z, ne, D, re;
 const $e = class $e extends HTMLElement {
   constructor() {
@@ -59,7 +59,7 @@ const $e = class $e extends HTMLElement {
       let x = 0;
       u > 0 && (x = parseInt(b / u * (h - f), 10)), x < 0 && (x = 0);
       const w = h - f;
-      x > w && (x = w), r.style.left = `${x}px`, F.log(x), e(this, y).left.disabled = x === 0, e(this, y).right.disabled = x >= w - 1;
+      x > w && (x = w), r.style.left = `${x}px`, j.log(x), e(this, y).left.disabled = x === 0, e(this, y).right.disabled = x >= w - 1;
     }, "refresh"));
     c(this, D, /* @__PURE__ */ a((t) => {
       if (!e(this, y)) return !1;
@@ -200,7 +200,7 @@ const $e = class $e extends HTMLElement {
 k = new WeakMap(), $ = new WeakMap(), y = new WeakMap(), O = new WeakMap(), W = new WeakMap(), z = new WeakMap(), ne = new WeakMap(), D = new WeakMap(), re = new WeakMap(), a($e, "NineTableHScrollBar");
 let Re = $e;
 customElements.get("nine-table-hscrollbar") || customElements.define("nine-table-hscrollbar", Re);
-var oe, j;
+var oe, G;
 const L = class L {
   /**
    * 🎯 레이아웃 내의 여러 rawTables 배열을 일괄로 받아 단일 마스터 템플릿으로 사전 컴파일합니다.
@@ -215,7 +215,7 @@ const L = class L {
     var n, r, o;
     if (!i) return null;
     const t = i.cloneNode(!0);
-    return e(n = L, oe).call(n, t), e(r = L, j).call(r, t, "thead"), e(o = L, j).call(o, t, "tbody"), Array.from(t.querySelectorAll("colgroup col")).forEach((l, d) => {
+    return e(n = L, oe).call(n, t), e(r = L, G).call(r, t, "thead"), e(o = L, G).call(o, t, "tbody"), Array.from(t.querySelectorAll("colgroup col")).forEach((l, d) => {
       const h = l.getAttribute("fixed");
       h && t.querySelectorAll(`[data-col="${d}"]`).forEach((f) => {
         f.setAttribute("fixed", h);
@@ -223,7 +223,7 @@ const L = class L {
     }), t;
   }
 };
-oe = new WeakMap(), j = new WeakMap(), a(L, "TableCompiler"), c(L, oe, /* @__PURE__ */ a((i) => {
+oe = new WeakMap(), G = new WeakMap(), a(L, "TableCompiler"), c(L, oe, /* @__PURE__ */ a((i) => {
   if (!i.querySelector("colgroup")) {
     const t = i.querySelector("tbody tr") || i.querySelector("tr"), s = t ? t.querySelectorAll("th, td").length : 1, n = document.createElement("colgroup"), r = Math.max(Math.floor(i.clientWidth / s), 100);
     for (let o = 0; o < s; o++) {
@@ -237,7 +237,7 @@ oe = new WeakMap(), j = new WeakMap(), a(L, "TableCompiler"), c(L, oe, /* @__PUR
     s ? s.after(t) : i.prepend(t);
   }
   i.classList.add("nine-table-element"), i.style.display = "table";
-}, "#ensureTableStructure")), c(L, j, /* @__PURE__ */ a((i, t) => {
+}, "#ensureTableStructure")), c(L, G, /* @__PURE__ */ a((i, t) => {
   const s = Array.from(i.querySelectorAll(t + " tr")), n = Array.from(i.querySelectorAll(t + " th," + t + " td")), r = s.length;
   if (r === 0 || n.length === 0) return;
   let o = 0;
@@ -271,10 +271,10 @@ oe = new WeakMap(), j = new WeakMap(), a(L, "TableCompiler"), c(L, oe, /* @__PUR
   });
 }, "#resetColIndex"));
 let Ae = L;
-var T, _, E, I, N, B, le, He, ae, G, ce, J;
+var R, _, E, I, N, B, le, He, ae, J, ce, Q;
 const Oe = class Oe {
   constructor(i) {
-    c(this, T);
+    c(this, R);
     c(this, _, /* @__PURE__ */ new Map());
     // 각 컨테이너별 독립된 템플릿 TR 관리
     c(this, E, null);
@@ -287,7 +287,7 @@ const Oe = class Oe {
     // [RowManager.js 수정 내용 발췌]
     v(this, "initialize", /* @__PURE__ */ a(() => {
       g(this, E, null), e(this, _).clear(), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((t) => {
-        const s = e(this, T).querySelector(t);
+        const s = e(this, R).querySelector(t);
         if (!s) return;
         const n = s.querySelector("table");
         if (!n) return;
@@ -296,8 +296,8 @@ const Oe = class Oe {
         const l = Array.from(r.querySelectorAll("tr")).map((d) => d.cloneNode(!0));
         e(this, _).set(t, l);
       });
-      const i = e(this, T).querySelector(".ng-container-body");
-      i && (e(this, ae).call(this, i), e(this, J).call(this));
+      const i = e(this, R).querySelector(".ng-container-body");
+      i && (e(this, ae).call(this, i), e(this, Q).call(this));
     }, "initialize"));
     c(this, le, /* @__PURE__ */ a((i, t) => {
       const s = e(this, _).get(t);
@@ -338,15 +338,15 @@ const Oe = class Oe {
       t.forEach((u) => {
         r.appendChild(u.cloneNode(!0));
       }), n ? n.before(r) : s.appendChild(r);
-      const o = e(this, T), l = o.style.display, d = o.style.visibility, h = o.style.position;
+      const o = e(this, R), l = o.style.display, d = o.style.visibility, h = o.style.position;
       (l === "none" || window.getComputedStyle(o).display === "none") && (o.style.display = "block", o.style.visibility = "hidden", o.style.position = "absolute");
       let f = 0;
       const b = s.querySelectorAll("tr:not(.nodata)");
       return b.forEach((u) => {
         f += u.offsetHeight || u.getBoundingClientRect().height;
-      }), b.forEach((u) => u.remove()), o.style.display = l, o.style.visibility = d, o.style.position = h, g(this, E, f > 0 ? f : 24), e(this, G).call(this), F.log(`[RowManager] Height Cached: ${e(this, E)}px | RowCount: ${e(this, B)}`), e(this, E);
+      }), b.forEach((u) => u.remove()), o.style.display = l, o.style.visibility = d, o.style.position = h, g(this, E, f > 0 ? f : 24), e(this, J).call(this), j.log(`[RowManager] Height Cached: ${e(this, E)}px | RowCount: ${e(this, B)}`), e(this, E);
     }, "#measureAndCacheHeight"));
-    c(this, G, /* @__PURE__ */ a(() => {
+    c(this, J, /* @__PURE__ */ a(() => {
       if (e(this, N) > 0 && e(this, E) > 0) {
         const i = Math.ceil(e(this, N) / e(this, E));
         g(this, B, i + 20);
@@ -357,7 +357,7 @@ const Oe = class Oe {
      * 🎯 ResizeObserver 설정: 시트 크기 변경 시 행 개수 재산정 및 재렌더링
      */
     c(this, ce, /* @__PURE__ */ a(() => {
-      !e(this, T) || !(e(this, T) instanceof HTMLElement) || (g(this, I, new ResizeObserver((i) => {
+      !e(this, R) || !(e(this, R) instanceof HTMLElement) || (g(this, I, new ResizeObserver((i) => {
         for (const t of i) {
           const s = t.target;
           if (!s.classList.contains("active")) continue;
@@ -367,24 +367,24 @@ const Oe = class Oe {
             const o = s.querySelector("thead");
             o && (r += o.offsetHeight || o.getBoundingClientRect().height);
             const l = Math.max(n - r, 100);
-            e(this, N) !== l && (g(this, N, l), e(this, G).call(this), e(this, E) !== null && e(this, J).call(this));
+            e(this, N) !== l && (g(this, N, l), e(this, J).call(this), e(this, E) !== null && e(this, Q).call(this));
           }
         }
-      })), e(this, I).observe(e(this, T)));
+      })), e(this, I).observe(e(this, R)));
     }, "#initResizeObserver"));
     /**
      * 🎯 바디 및 좌우 고정 컨테이너 전체에 각각에 맞는 템플릿 행 뼈대 주입
      */
-    c(this, J, /* @__PURE__ */ a(() => {
+    c(this, Q, /* @__PURE__ */ a(() => {
       [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((i) => {
-        const t = e(this, T).querySelector(i);
+        const t = e(this, R).querySelector(i);
         t && t.querySelector("tbody") && e(this, le).call(this, t, i);
-      });
+      }), typeof e(this, R).syncRowHeights == "function" && e(this, R).syncRowHeights();
     }, "#renderAllContainers"));
     v(this, "destroy", /* @__PURE__ */ a(() => {
       e(this, I) && (e(this, I).disconnect(), g(this, I, null));
     }, "destroy"));
-    g(this, T, i), e(this, ce).call(this);
+    g(this, R, i), e(this, ce).call(this);
   }
   getRowHeight() {
     return e(this, E);
@@ -394,10 +394,10 @@ const Oe = class Oe {
     return ((t = e(this, _).get(i)) == null ? void 0 : t.length) || 1;
   }
 };
-T = new WeakMap(), _ = new WeakMap(), E = new WeakMap(), I = new WeakMap(), N = new WeakMap(), B = new WeakMap(), le = new WeakMap(), He = new WeakMap(), ae = new WeakMap(), G = new WeakMap(), ce = new WeakMap(), J = new WeakMap(), a(Oe, "RowManager");
+R = new WeakMap(), _ = new WeakMap(), E = new WeakMap(), I = new WeakMap(), N = new WeakMap(), B = new WeakMap(), le = new WeakMap(), He = new WeakMap(), ae = new WeakMap(), J = new WeakMap(), ce = new WeakMap(), Q = new WeakMap(), a(Oe, "RowManager");
 let qe = Oe;
-var X, Y, he, de, fe, Q, ue, ge;
-const Z = class Z extends HTMLElement {
+var X, Y, he, de, fe, U, ue, ge;
+const F = class F extends HTMLElement {
   constructor() {
     super();
     c(this, X, null);
@@ -434,7 +434,7 @@ const Z = class Z extends HTMLElement {
         (n = this.querySelector("nine-table-hscrollbar")) == null || n.refresh();
       }), setTimeout(() => {
         var n;
-        e(this, Q).call(this), (n = this.querySelector("nine-table-hscrollbar")) == null || n.refresh();
+        e(this, U).call(this), (n = this.querySelector("nine-table-hscrollbar")) == null || n.refresh();
       }, 0);
     }, "generate"));
     /**
@@ -459,7 +459,10 @@ const Z = class Z extends HTMLElement {
       const s = this.querySelector(".ng-container-body");
       s && (s.scrollTop = t);
     }, "scrollToY"));
-    c(this, Q, /* @__PURE__ */ a(() => {
+    v(this, "syncRowHeights", /* @__PURE__ */ a(() => {
+      e(this, U).call(this);
+    }, "syncRowHeights"));
+    c(this, U, /* @__PURE__ */ a(() => {
       var h, f, b;
       const t = this.querySelector(".ng-container-left table"), s = this.querySelector(".ng-container-body table"), n = this.querySelector(".ng-container-right table");
       if (!s) return;
@@ -476,11 +479,11 @@ const Z = class Z extends HTMLElement {
     c(this, ue, /* @__PURE__ */ a(() => {
       e(this, ge).call(this), new MutationObserver((t) => {
         for (const s of t)
-          s.attributeName === "class" && this.classList.contains("active") && e(this, Q).call(this);
+          s.attributeName === "class" && this.classList.contains("active") && e(this, U).call(this);
       }).observe(this, { attributes: !0 });
     }, "#init"));
     c(this, ge, /* @__PURE__ */ a(() => {
-      const t = Z.SCROLLBAR_SIZE;
+      const t = F.SCROLLBAR_SIZE;
       this.innerHTML = `
             <style>
                 nine-table-sheet {
@@ -609,11 +612,11 @@ const Z = class Z extends HTMLElement {
     e(this, ue).call(this);
   }
   disconnectedCallback() {
-    this.innerHTML = "", F.log("NineTableSheet destroyed.");
+    this.innerHTML = "", j.log("NineTableSheet destroyed.");
   }
 };
-X = new WeakMap(), Y = new WeakMap(), he = new WeakMap(), de = new WeakMap(), fe = new WeakMap(), Q = new WeakMap(), ue = new WeakMap(), ge = new WeakMap(), a(Z, "NineTableSheet"), v(Z, "SCROLLBAR_SIZE", 16);
-let se = Z;
+X = new WeakMap(), Y = new WeakMap(), he = new WeakMap(), de = new WeakMap(), fe = new WeakMap(), U = new WeakMap(), ue = new WeakMap(), ge = new WeakMap(), a(F, "NineTableSheet"), v(F, "SCROLLBAR_SIZE", 16);
+let se = F;
 customElements.get("nine-table-sheet") || customElements.define("nine-table-sheet", se);
 var be, ee;
 const We = class We extends HTMLElement {
@@ -822,18 +825,18 @@ const De = class De {
 };
 H = new WeakMap(), P = new WeakMap(), a(De, "ngRow");
 let Le = De;
-var R, m, A, U, me, M, we, ie, ve, xe, K;
-const q = class q {
+var A, m, q, K, me, M, we, ie, ve, xe, Z;
+const T = class T {
   constructor(i, t) {
-    c(this, R);
+    c(this, A);
     c(this, m);
-    c(this, A, []);
-    c(this, U, []);
+    c(this, q, []);
+    c(this, K, []);
     c(this, me, 0);
     c(this, M, []);
     c(this, we, /* @__PURE__ */ a(() => {
       g(this, M, []);
-      const i = e(this, R).template || [];
+      const i = e(this, A).template || [];
       Array.from(i).forEach((t) => {
         var s;
         e(this, M).push(((s = t.getBoundingClientRect) == null ? void 0 : s.call(t).height) || 24);
@@ -845,25 +848,25 @@ const q = class q {
       this.clear(), this.add(i, !1);
     }, "set"));
     c(this, ie, /* @__PURE__ */ a(() => ({
-      rowState: q.ROW_STATE.EMPTY,
+      rowState: T.ROW_STATE.EMPTY,
       deleted: !1,
       filtered: !1,
       height: e(this, M).slice(),
       o: {},
       c: {},
-      _: [0, 0, 0, 0, q.ROW_STATE.EMPTY, !1, !1, !0, !1, !0, !0, !1, e(this, M).slice(), -1, {}, {}]
+      _: [0, 0, 0, 0, T.ROW_STATE.EMPTY, !1, !1, !0, !1, !0, !0, !1, e(this, M).slice(), -1, {}, {}]
     }), "#getDefaultMeta"));
     v(this, "reset", /* @__PURE__ */ a(() => {
-      g(this, A, []), g(this, U, []);
+      g(this, q, []), g(this, K, []);
     }, "reset"));
     v(this, "clear", /* @__PURE__ */ a(() => {
       var i;
-      e(this, m).rawRecords = [], g(this, A, []), g(this, U, []), (i = e(this, m).viewRecords) != null && i.reset && e(this, m).viewRecords.reset();
+      e(this, m).rawRecords = [], g(this, q, []), g(this, K, []), (i = e(this, m).viewRecords) != null && i.reset && e(this, m).viewRecords.reset();
     }, "clear"));
     c(this, ve, /* @__PURE__ */ a((i) => {
       var n;
       Array.isArray(i) || (i = [i]);
-      const t = typeof ((n = e(this, R).fields) == null ? void 0 : n.get) == "function" ? e(this, R).fields.get() : Object.keys(i[0] || {}), s = [];
+      const t = typeof ((n = e(this, A).fields) == null ? void 0 : n.get) == "function" ? e(this, A).fields.get() : Object.keys(i[0] || {}), s = [];
       return i.forEach((r) => {
         const o = { v: [] };
         t.forEach((l) => {
@@ -872,7 +875,7 @@ const q = class q {
       }), s;
     }, "#json2Array"));
     c(this, xe, /* @__PURE__ */ a((i) => (Array.isArray(i) || (i = [i]), i.forEach((t) => {
-      t.__ng = e(this, ie).call(this), t.__ng.rowid = this.nextId, t.__ng.rowState = q.ROW_STATE.INSERT, t.__ng._[0] = t.__ng.rowid;
+      t.__ng = e(this, ie).call(this), t.__ng.rowid = this.nextId, t.__ng.rowState = T.ROW_STATE.INSERT, t.__ng._[0] = t.__ng.rowid;
     }), i), "#defaultInsert"));
     v(this, "add", /* @__PURE__ */ a((i, t = !0) => {
       var r;
@@ -882,17 +885,17 @@ const q = class q {
       const n = this.count() - 1;
       return t || s.forEach((o, l) => {
         const d = e(this, m).rawRecords[n - l];
-        d && (d.__ng.rowState = q.ROW_STATE.EMPTY);
+        d && (d.__ng.rowState = T.ROW_STATE.EMPTY);
       }), (r = e(this, m).viewRecords) != null && r.reset && e(this, m).viewRecords.reset(), n;
     }, "add"));
     v(this, "delete", /* @__PURE__ */ a((i) => {
       var s;
       let t = [];
       Array.isArray(i) ? t = i : typeof i > "u" ? t = [e(this, m).owner.row.at] : t = [parseInt(i, 10)], t.sort((n, r) => r - n).forEach((n) => {
-        if (e(this, A)[n]) {
-          const r = e(this, A)[n].__ng.rowid;
-          e(this, A)[n].__ng.rowState === q.ROW_STATE.INSERT ? e(this, m).rawRecords = e(this, m).rawRecords.filter((o) => o.__ng.rowid !== r) : e(this, m).rawRecords.forEach((o) => {
-            o.__ng.rowid === r && (o.__ng.deleted = !0, o.__ng.rowState = q.ROW_STATE.DELETE);
+        if (e(this, q)[n]) {
+          const r = e(this, q)[n].__ng.rowid;
+          e(this, q)[n].__ng.rowState === T.ROW_STATE.INSERT ? e(this, m).rawRecords = e(this, m).rawRecords.filter((o) => o.__ng.rowid !== r) : e(this, m).rawRecords.forEach((o) => {
+            o.__ng.rowid === r && (o.__ng.deleted = !0, o.__ng.rowState = T.ROW_STATE.DELETE);
           });
         }
       }), this.resetRecords(), (s = e(this, m).viewRecords) != null && s.reset && e(this, m).viewRecords.reset();
@@ -900,25 +903,25 @@ const q = class q {
     v(this, "setValue", /* @__PURE__ */ a((i, t, s) => {
       var d;
       i = parseInt(i, 10);
-      const r = (typeof ((d = e(this, R).fields) == null ? void 0 : d.get) == "function" ? e(this, R).fields.get() : []).indexOf(t);
+      const r = (typeof ((d = e(this, A).fields) == null ? void 0 : d.get) == "function" ? e(this, A).fields.get() : []).indexOf(t);
       if (r < 0) return;
       const o = this.getValidData()[i];
       if (!o) return;
       const l = o.v[r];
-      l !== s && o.__ng.rowState !== q.ROW_STATE.INSERT && (o.__ng.o.hasOwnProperty(t) || (o.__ng.o[t] = l), o.__ng.rowState = q.ROW_STATE.UPDATE), o.v[r] = s, e(this, m).owner.refreshData && e(this, m).owner.refreshData(i);
+      l !== s && o.__ng.rowState !== T.ROW_STATE.INSERT && (o.__ng.o.hasOwnProperty(t) || (o.__ng.o[t] = l), o.__ng.rowState = T.ROW_STATE.UPDATE), o.v[r] = s, e(this, m).owner.refreshData && e(this, m).owner.refreshData(i);
     }, "setValue"));
     v(this, "resetRecords", /* @__PURE__ */ a(() => {
-      g(this, U, e(this, m).rawRecords.filter((i) => !i.__ng.deleted)), g(this, A, e(this, m).rawRecords.filter((i) => !i.__ng.deleted && !i.__ng.filtered)), e(this, m).rawRecords.forEach((i, t) => {
+      g(this, K, e(this, m).rawRecords.filter((i) => !i.__ng.deleted)), g(this, q, e(this, m).rawRecords.filter((i) => !i.__ng.deleted && !i.__ng.filtered)), e(this, m).rawRecords.forEach((i, t) => {
         i.__ng.rowidx = t;
-      }), e(this, A).forEach((i, t) => {
+      }), e(this, q).forEach((i, t) => {
         i.__ng.i = t;
       });
     }, "resetRecords"));
-    v(this, "getValidData", /* @__PURE__ */ a(() => (e(this, A).length === 0 && e(this, m).rawRecords.length > 0 && this.resetRecords(), e(this, A)), "getValidData"));
-    c(this, K, /* @__PURE__ */ a((i) => {
+    v(this, "getValidData", /* @__PURE__ */ a(() => (e(this, q).length === 0 && e(this, m).rawRecords.length > 0 && this.resetRecords(), e(this, q)), "getValidData"));
+    c(this, Z, /* @__PURE__ */ a((i) => {
       var s;
       if (!i) return i;
-      const t = typeof ((s = e(this, R).fields) == null ? void 0 : s.get) == "function" ? e(this, R).fields.get() : [];
+      const t = typeof ((s = e(this, A).fields) == null ? void 0 : s.get) == "function" ? e(this, A).fields.get() : [];
       return Array.isArray(i) ? i.filter((n) => !n.__ng.deleted).map((n) => {
         const r = {};
         return t.forEach((o, l) => {
@@ -931,19 +934,19 @@ const q = class q {
       var r;
       const s = this.getValidData();
       if (!s || s.length <= 0) return;
-      if (i == null) return e(this, K).call(this, s);
+      if (i == null) return e(this, Z).call(this, s);
       if (i < 0 || i >= s.length) return null;
-      const n = typeof ((r = e(this, R).fields) == null ? void 0 : r.get) == "function" ? e(this, R).fields.get() : [];
+      const n = typeof ((r = e(this, A).fields) == null ? void 0 : r.get) == "function" ? e(this, A).fields.get() : [];
       if (t != null) {
         const o = n.indexOf(t);
         return o >= 0 ? s[i].v[o] : null;
       }
-      return e(this, K).call(this, s[i]);
+      return e(this, Z).call(this, s[i]);
     }, "get"));
-    g(this, R, i), g(this, m, t), e(this, we).call(this);
+    g(this, A, i), g(this, m, t), e(this, we).call(this);
   }
   get source() {
-    return e(this, K).call(this, e(this, m).rawRecords);
+    return e(this, Z).call(this, e(this, m).rawRecords);
   }
   set source(i) {
     this.clear(), this.add(i, !1);
@@ -952,21 +955,21 @@ const q = class q {
     return ++Ue(this, me)._;
   }
   get length() {
-    return e(this, A).length;
+    return e(this, q).length;
   }
   getRowCount() {
     return this.length;
   }
 };
-R = new WeakMap(), m = new WeakMap(), A = new WeakMap(), U = new WeakMap(), me = new WeakMap(), M = new WeakMap(), we = new WeakMap(), ie = new WeakMap(), ve = new WeakMap(), xe = new WeakMap(), K = new WeakMap(), a(q, "ngData"), // 🎯 행 상태 정의 상수를 클래스 내부로 내재화
-v(q, "ROW_STATE", {
+A = new WeakMap(), m = new WeakMap(), q = new WeakMap(), K = new WeakMap(), me = new WeakMap(), M = new WeakMap(), we = new WeakMap(), ie = new WeakMap(), ve = new WeakMap(), xe = new WeakMap(), Z = new WeakMap(), a(T, "ngData"), // 🎯 행 상태 정의 상수를 클래스 내부로 내재화
+v(T, "ROW_STATE", {
   EMPTY: "EMPTY",
   NORMAL: "NORMAL",
   INSERT: "INSERT",
   UPDATE: "UPDATE",
   DELETE: "DELETE"
 });
-let Ce = q;
+let Ce = T;
 const Ne = class Ne {
   constructor(i) {
     this.owner = i, this.row = new Le(this), this.data = new Ce(i, this), this.rawRecords = [], this.viewRecords = [], this.delRecords = [], this.pageCnt = 25, this.viewRecords.reset = () => {
@@ -998,10 +1001,10 @@ const Be = class Be extends HTMLElement {
     this.attachShadow({ mode: "open" }), g(this, V, new _e(this));
   }
   connectedCallback() {
-    g(this, Se, new ke(this)), F.log("NineTable connected."), this.dispatchEvent(new CustomEvent("load", { bubbles: !0, detail: { target: this } }));
+    g(this, Se, new ke(this)), j.log("NineTable connected."), this.dispatchEvent(new CustomEvent("load", { bubbles: !0, detail: { target: this } }));
   }
   disconnectedCallback() {
-    F.log("NineTable disconnected.");
+    j.log("NineTable disconnected.");
   }
   // 🎯 외부에서 grid.data.set(...) 형태로 접근할 수 있도록 데이터 매니저 오픈
   get data() {