@ninebone/table 0.0.318 → 0.0.319

package/dist/nine-table.js

@@ -244,9 +244,9 @@ const Ut = class Ut extends HTMLElement {
           if (!t(this, I)) return;
           const l = t(this, S).track.getBoundingClientRect(), a = t(this, S).thumb.clientHeight, f = l.height - a, u = n.clientY - t(this, it), b = e.clientHeight, m = e.querySelector("table");
           tt.log(m), tt.log(m.scrollHeight);
-          const T = m.scrollHeight - b;
-          if (f > 0 && T > 0) {
-            const O = u / f * T;
+          const q = m.scrollHeight - b;
+          if (f > 0 && q > 0) {
+            const O = u / f * q;
             e.scrollTop = t(this, st) + O;
           }
           this.refresh();
@@ -354,7 +354,7 @@ const Ut = class Ut extends HTMLElement {
 Y = new WeakMap(), I = new WeakMap(), S = new WeakMap(), it = new WeakMap(), st = new WeakMap(), ut = new WeakMap(), c(Ut, "NineTableVScrollBar");
 let $t = Ut;
 customElements.get("nine-table-vscrollbar") || customElements.define("nine-table-vscrollbar", $t);
-var bt, K;
+var bt, F;
 const H = class H {
   /**
    * 🎯 레이아웃 내의 여러 rawTables 배열을 일괄로 받아 단일 마스터 템플릿으로 사전 컴파일합니다.
@@ -369,7 +369,7 @@ const H = class H {
     var o, r, n, l;
     if (!i) return null;
     const e = i.cloneNode(!0);
-    return t(o = H, bt).call(o, e), t(r = H, K).call(r, e, "thead"), t(n = H, K).call(n, e, "tbody"), t(l = H, K).call(l, e, "tfoot"), Array.from(e.querySelectorAll("colgroup col")).forEach((a, d) => {
+    return t(o = H, bt).call(o, e), t(r = H, F).call(r, e, "thead"), t(n = H, F).call(n, e, "tbody"), t(l = H, F).call(l, e, "tfoot"), Array.from(e.querySelectorAll("colgroup col")).forEach((a, d) => {
       const f = a.getAttribute("fixed");
       f && e.querySelectorAll(`thead [data-col="${d}"], tbody [data-col="${d}"], tfoot [data-col="${d}"]`).forEach((u) => {
         u.setAttribute("fixed", f);
@@ -377,7 +377,7 @@ const H = class H {
     }), e;
   }
 };
-bt = new WeakMap(), K = new WeakMap(), c(H, "TableCompiler"), h(H, bt, /* @__PURE__ */ c((i) => {
+bt = new WeakMap(), F = new WeakMap(), c(H, "TableCompiler"), h(H, bt, /* @__PURE__ */ c((i) => {
   if (!i.querySelector("colgroup")) {
     const e = i.querySelector("tbody tr") || i.querySelector("tr"), s = e ? e.querySelectorAll("th, td").length : 1, o = document.createElement("colgroup"), r = Math.max(Math.floor(i.clientWidth / s), 100);
     for (let n = 0; n < s; n++) {
@@ -391,7 +391,7 @@ bt = new WeakMap(), K = new WeakMap(), c(H, "TableCompiler"), h(H, bt, /* @__PUR
     s ? s.after(e) : i.prepend(e);
   }
   i.classList.add("nine-table-element"), i.style.display = "table";
-}, "#ensureTableStructure")), h(H, K, /* @__PURE__ */ c((i, e) => {
+}, "#ensureTableStructure")), h(H, F, /* @__PURE__ */ c((i, e) => {
   const s = Array.from(i.querySelectorAll(e + " tr")), o = Array.from(i.querySelectorAll(e + " th," + e + " td")), r = s.length;
   if (r === 0 || o.length === 0) return;
   let n = 0;
@@ -410,8 +410,8 @@ bt = new WeakMap(), K = new WeakMap(), c(H, "TableCompiler"), h(H, bt, /* @__PUR
         }
       const b = u.rowSpan || 1, m = u.colSpan || 1;
       for (let E = 0; E < b; E++)
-        for (let T = 0; T < m; T++)
-          d + E < r && f + T < n && (l[d + E][f + T] = E === 0 && T === 0 ? "1" : "0");
+        for (let q = 0; q < m; q++)
+          d + E < r && f + q < n && (l[d + E][f + q] = E === 0 && q === 0 ? "1" : "0");
     });
   }), s.forEach((a) => {
     const d = a.sectionRowIndex;
@@ -425,19 +425,19 @@ bt = new WeakMap(), K = new WeakMap(), c(H, "TableCompiler"), h(H, bt, /* @__PUR
   });
 }, "#resetColIndex"));
 let Wt = H;
-var p, _, R, $, V, j, gt, yt, nt, ot, pt, mt, rt, F, xt;
-const Kt = class Kt {
+var p, _, R, $, V, K, gt, yt, nt, ot, pt, mt, rt, j, xt;
+const Ft = class Ft {
   constructor(i) {
     h(this, p);
     h(this, _, /* @__PURE__ */ new Map());
     h(this, R, null);
     h(this, $, null);
     h(this, V, 0);
-    h(this, j, 40);
+    h(this, K, 40);
     w(this, "refresh", /* @__PURE__ */ c(() => {
       var e;
       const i = t(this, p).querySelector(".ng-container-body");
-      i && (t(this, nt).call(this), t(this, F).call(this, i.scrollTop), (e = t(this, p).querySelector("nine-table-vscrollbar")) == null || e.refresh());
+      i && (t(this, nt).call(this), t(this, j).call(this, i.scrollTop), (e = t(this, p).querySelector("nine-table-vscrollbar")) == null || e.refresh());
     }, "refresh"));
     w(this, "initialize", /* @__PURE__ */ c(() => {
       g(this, R, null), t(this, _).clear(), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((o) => {
@@ -452,11 +452,11 @@ const Kt = class Kt {
       });
       const i = t(this, p).querySelector(".ng-container-body"), e = t(this, p).querySelector(".ng-container-left"), s = t(this, p).querySelector(".ng-container-right");
       if (i) {
-        t(this, yt).call(this, i), t(this, rt).call(this), t(this, nt).call(this), t(this, F).call(this, i.scrollTop);
+        t(this, yt).call(this, i), t(this, rt).call(this), t(this, nt).call(this), t(this, j).call(this, i.scrollTop);
         let o = i.scrollTop;
         const r = /* @__PURE__ */ c((n) => {
           var l;
-          e && e.scrollTop !== n && (e.scrollTop = n), s && s.scrollTop !== n && (s.scrollTop = n), t(this, F).call(this, n), (l = t(this, p).querySelector("nine-table-vscrollbar")) == null || l.refresh();
+          e && e.scrollTop !== n && (e.scrollTop = n), s && s.scrollTop !== n && (s.scrollTop = n), t(this, j).call(this, n), (l = t(this, p).querySelector("nine-table-vscrollbar")) == null || l.refresh();
         }, "syncScroll");
         i.addEventListener("scroll", () => {
           const n = i.scrollTop;
@@ -471,7 +471,7 @@ const Kt = class Kt {
       if (!o) return;
       o.querySelectorAll("tr:not(.nodata)").forEach((l) => l.remove());
       const r = o.querySelector("tr.nodata"), n = document.createDocumentFragment();
-      for (let l = 0; l < t(this, j); l++)
+      for (let l = 0; l < t(this, K); l++)
         s.forEach((a) => {
           n.appendChild(a.cloneNode(!0));
         });
@@ -509,9 +509,9 @@ const Kt = class Kt {
     h(this, ot, /* @__PURE__ */ c(() => {
       if (t(this, V) > 0 && t(this, R) > 0) {
         const i = Math.ceil(t(this, V) / t(this, R));
-        g(this, j, i + 20);
+        g(this, K, i + 20);
       } else
-        g(this, j, 40);
+        g(this, K, 40);
     }, "#updateRowCount"));
     h(this, pt, /* @__PURE__ */ c(() => {
       var a, d, f;
@@ -549,7 +549,7 @@ const Kt = class Kt {
         e && e.querySelector("tbody.bindable-tbody") && t(this, gt).call(this, e, i);
       }), t(this, pt).call(this);
     }, "#renderAllContainers"));
-    h(this, F, /* @__PURE__ */ c((i) => {
+    h(this, j, /* @__PURE__ */ c((i) => {
       var r;
       const e = t(this, R);
       if (!e || e <= 0) return;
@@ -560,8 +560,8 @@ const Kt = class Kt {
         const a = l.querySelector("tbody.bindable-tbody");
         if (!a) return;
         Array.from(a.querySelectorAll("tr:not(.nodata)")).forEach((f, u) => {
-          var E, T, O, Qt;
-          const b = s + Math.floor(u / o), m = (typeof t(this, p).getData == "function" ? t(this, p).getData(b) : null) ?? (typeof ((E = t(this, p).data) == null ? void 0 : E.get) == "function" ? t(this, p).data.get(b) : null) ?? ((O = (T = t(this, p).dataManager) == null ? void 0 : T.rawRecords) == null ? void 0 : O[b]) ?? ((Qt = t(this, p).data) == null ? void 0 : Qt[b]) ?? { _index: b };
+          var E, q, O, Qt;
+          const b = s + Math.floor(u / o), m = (typeof t(this, p).getData == "function" ? t(this, p).getData(b) : null) ?? (typeof ((E = t(this, p).data) == null ? void 0 : E.get) == "function" ? t(this, p).data.get(b) : null) ?? ((O = (q = t(this, p).dataManager) == null ? void 0 : q.rawRecords) == null ? void 0 : O[b]) ?? ((Qt = t(this, p).data) == null ? void 0 : Qt[b]) ?? { _index: b };
           f.style.display = "", t(this, xt).call(this, f, m, b);
         });
       });
@@ -585,8 +585,8 @@ const Kt = class Kt {
     return ((e = t(this, _).get(i)) == null ? void 0 : e.length) || 1;
   }
 };
-p = new WeakMap(), _ = new WeakMap(), R = new WeakMap(), $ = new WeakMap(), V = new WeakMap(), j = new WeakMap(), gt = new WeakMap(), yt = new WeakMap(), nt = new WeakMap(), ot = new WeakMap(), pt = new WeakMap(), mt = new WeakMap(), rt = new WeakMap(), F = new WeakMap(), xt = new WeakMap(), c(Kt, "RowManager");
-let zt = Kt;
+p = new WeakMap(), _ = new WeakMap(), R = new WeakMap(), $ = new WeakMap(), V = new WeakMap(), K = new WeakMap(), gt = new WeakMap(), yt = new WeakMap(), nt = new WeakMap(), ot = new WeakMap(), pt = new WeakMap(), mt = new WeakMap(), rt = new WeakMap(), j = new WeakMap(), xt = new WeakMap(), c(Ft, "RowManager");
+let zt = Ft;
 var Z, G, vt, wt, St, Et, Rt;
 const et = class et extends HTMLElement {
   constructor() {
@@ -617,16 +617,16 @@ const et = class et extends HTMLElement {
       });
     }, "#updateContainerWidths"));
     w(this, "generate", /* @__PURE__ */ c((e) => {
-      var o;
-      if (!e) return;
-      g(this, Z, Wt.compile(e)), t(this, Z).style.display = "table", t(this, vt).call(this), t(this, wt).call(this);
-      const s = ((o = this.querySelector("thead")) == null ? void 0 : o.getBoundingClientRect().height) || 30;
-      this.querySelectorAll("tbody.fixed-tbody").forEach((r) => {
-        r.style.top = `${s}px`;
+      e && (g(this, Z, Wt.compile(e)), t(this, Z).style.display = "table", t(this, vt).call(this), t(this, wt).call(this), requestAnimationFrame(() => {
+        var o;
+        const s = (o = this.querySelector("thead")) == null ? void 0 : o.getBoundingClientRect().height;
+        this.querySelectorAll("tbody.fixed-tbody").forEach((r) => {
+          r.style.top = `${s}px`;
+        });
       }), t(this, G).initialize(), setTimeout(() => {
-        var r;
-        (r = this.querySelector("nine-table-hscrollbar")) == null || r.refresh();
-      }, 0);
+        var s;
+        (s = this.querySelector("nine-table-hscrollbar")) == null || s.refresh();
+      }, 0));
     }, "generate"));
     /**
      * 🎯 마스터 테이블을 기반으로 특정 fixed 타입 영역만 남기는 분할 헬퍼
@@ -820,7 +820,7 @@ Z = new WeakMap(), G = new WeakMap(), vt = new WeakMap(), wt = new WeakMap(), St
 let ht = et;
 customElements.get("nine-table-sheet") || customElements.define("nine-table-sheet", ht);
 var kt, lt;
-const jt = class jt extends HTMLElement {
+const Kt = class Kt extends HTMLElement {
   constructor() {
     super();
     h(this, kt, /* @__PURE__ */ c(() => {
@@ -837,8 +837,8 @@ const jt = class jt extends HTMLElement {
         Array.from(this.querySelectorAll("nine-splitter")).forEach((m) => m.style.setProperty("display", "none"));
         const b = f.filter((m) => m.classList.contains("active"));
         b.length < 2 || b.forEach((m) => {
-          const E = parseInt(m.getAttribute("data-index"), 10), T = this.querySelector(`nine-splitter[data-split-index="${E}"]`), O = f[E + 1];
-          T && O && O.classList.contains("active") && T.style.setProperty("display", "flex");
+          const E = parseInt(m.getAttribute("data-index"), 10), q = this.querySelector(`nine-splitter[data-split-index="${E}"]`), O = f[E + 1];
+          q && O && O.classList.contains("active") && q.style.setProperty("display", "flex");
         });
       }, "updateSplitters"), r = this.querySelector(".nine-tab-bar"), n = this.querySelector("nine-table-sheets-body"), l = r.querySelectorAll(".nine-tab-item"), a = n.querySelectorAll("nine-table-sheet");
       if (!l[e]) return;
@@ -867,15 +867,15 @@ const jt = class jt extends HTMLElement {
     t(this, kt).call(this);
   }
 };
-kt = new WeakMap(), lt = new WeakMap(), c(jt, "NineTableSheets");
-let Ot = jt;
+kt = new WeakMap(), lt = new WeakMap(), c(Kt, "NineTableSheets");
+let Ot = Kt;
 customElements.get("nine-table-sheets") || customElements.define("nine-table-sheets", Ot);
-var k, Tt, ct, qt;
-const Ft = class Ft {
+var k, qt, ct, Tt;
+const jt = class jt {
   constructor(i) {
     h(this, k);
-    h(this, Tt, /* @__PURE__ */ c(() => {
-      t(this, qt).call(this), new ResizeObserver((i) => {
+    h(this, qt, /* @__PURE__ */ c(() => {
+      t(this, Tt).call(this), new ResizeObserver((i) => {
         for (let e of i)
           t(this, k).getAttribute("auto-height") === "true" && t(this, ct).call(this);
       }).observe(t(this, k));
@@ -887,7 +887,7 @@ const Ft = class Ft {
       const e = parseInt(t(this, k).getAttribute("max-display-row"), 10) || 10, s = Math.max(...i.map((f) => f.getRowHeight())), o = (a = t(this, k).shadowRoot.querySelector("nine-table-header")) == null ? void 0 : a.getBoundingClientRect().height, r = (d = t(this, k).shadowRoot.querySelector("nine-table-sheets-footer")) == null ? void 0 : d.getBoundingClientRect().height, n = ht.SCROLLBAR_SIZE, l = e * s + o + r + n;
       t(this, k).style.height = `${l}px`;
     }, "#applyAutoHeight"));
-    h(this, qt, /* @__PURE__ */ c(() => {
+    h(this, Tt, /* @__PURE__ */ c(() => {
       const e = Array.from(t(this, k).children).filter((a) => a.tagName === "TABLE"), s = t(this, k).getAttribute("auto-height") === "true", o = e.length, r = e.map((a, d) => {
         const u = `<nine-table-sheet class="${d === 0 ? "active" : ""}" data-index="${d}"></nine-table-sheet>`, b = d < o - 1 ? `<nine-splitter class="h" data-split-index="${d}"></nine-splitter>` : "";
         return u + b;
@@ -998,11 +998,11 @@ const Ft = class Ft {
         });
       });
     }, "#render"));
-    g(this, k, i), t(this, Tt).call(this);
+    g(this, k, i), t(this, qt).call(this);
   }
 };
-k = new WeakMap(), Tt = new WeakMap(), ct = new WeakMap(), qt = new WeakMap(), c(Ft, "LayoutManager");
-let Dt = Ft;
+k = new WeakMap(), qt = new WeakMap(), ct = new WeakMap(), Tt = new WeakMap(), c(jt, "LayoutManager");
+let Dt = jt;
 var W, X;
 const Zt = class Zt {
   constructor(i) {
@@ -1026,10 +1026,10 @@ const Zt = class Zt {
 };
 W = new WeakMap(), X = new WeakMap(), c(Zt, "ngRow");
 let Bt = Zt;
-var q, v, A, J, At, z, Lt, at, Ht, Ct, Q;
+var T, v, A, J, At, z, Lt, at, Ht, Ct, Q;
 const L = class L {
   constructor(i, e) {
-    h(this, q);
+    h(this, T);
     h(this, v);
     h(this, A, []);
     h(this, J, []);
@@ -1037,7 +1037,7 @@ const L = class L {
     h(this, z, []);
     h(this, Lt, /* @__PURE__ */ c(() => {
       g(this, z, []);
-      const i = t(this, q).template || [];
+      const i = t(this, T).template || [];
       Array.from(i).forEach((e) => {
         var s;
         t(this, z).push(((s = e.getBoundingClientRect) == null ? void 0 : s.call(e).height) || 24);
@@ -1067,7 +1067,7 @@ const L = class L {
     h(this, Ht, /* @__PURE__ */ c((i) => {
       var o;
       Array.isArray(i) || (i = [i]);
-      const e = typeof ((o = t(this, q).fields) == null ? void 0 : o.get) == "function" ? t(this, q).fields.get() : Object.keys(i[0] || {}), s = [];
+      const e = typeof ((o = t(this, T).fields) == null ? void 0 : o.get) == "function" ? t(this, T).fields.get() : Object.keys(i[0] || {}), s = [];
       return i.forEach((r) => {
         const n = { v: [] };
         e.forEach((l) => {
@@ -1104,7 +1104,7 @@ const L = class L {
     w(this, "setValue", /* @__PURE__ */ c((i, e, s) => {
       var a;
       i = parseInt(i, 10);
-      const r = (typeof ((a = t(this, q).fields) == null ? void 0 : a.get) == "function" ? t(this, q).fields.get() : []).indexOf(e);
+      const r = (typeof ((a = t(this, T).fields) == null ? void 0 : a.get) == "function" ? t(this, T).fields.get() : []).indexOf(e);
       if (r < 0) return;
       const n = this.getValidData()[i];
       if (!n) return;
@@ -1122,7 +1122,7 @@ const L = class L {
     h(this, Q, /* @__PURE__ */ c((i) => {
       var s;
       if (!i) return i;
-      const e = typeof ((s = t(this, q).fields) == null ? void 0 : s.get) == "function" ? t(this, q).fields.get() : [];
+      const e = typeof ((s = t(this, T).fields) == null ? void 0 : s.get) == "function" ? t(this, T).fields.get() : [];
       return Array.isArray(i) ? i.filter((o) => !o.__ng.deleted).map((o) => {
         const r = {};
         return e.forEach((n, l) => {
@@ -1137,14 +1137,14 @@ const L = class L {
       if (!s || s.length <= 0) return;
       if (i == null) return t(this, Q).call(this, s);
       if (i < 0 || i >= s.length) return null;
-      const o = typeof ((r = t(this, q).fields) == null ? void 0 : r.get) == "function" ? t(this, q).fields.get() : [];
+      const o = typeof ((r = t(this, T).fields) == null ? void 0 : r.get) == "function" ? t(this, T).fields.get() : [];
       if (e != null) {
         const n = o.indexOf(e);
         return n >= 0 ? s[i].v[n] : null;
       }
       return t(this, Q).call(this, s[i]);
     }, "get"));
-    g(this, q, i), g(this, v, e), t(this, Lt).call(this);
+    g(this, T, i), g(this, v, e), t(this, Lt).call(this);
   }
   get source() {
     return t(this, Q).call(this, t(this, v).rawRecords);
@@ -1162,7 +1162,7 @@ const L = class L {
     return this.length;
   }
 };
-q = new WeakMap(), v = new WeakMap(), A = new WeakMap(), J = new WeakMap(), At = new WeakMap(), z = new WeakMap(), Lt = new WeakMap(), at = new WeakMap(), Ht = new WeakMap(), Ct = new WeakMap(), Q = new WeakMap(), c(L, "ngData"), // 🎯 행 상태 정의 상수를 클래스 내부로 내재화
+T = new WeakMap(), v = new WeakMap(), A = new WeakMap(), J = new WeakMap(), At = new WeakMap(), z = new WeakMap(), Lt = new WeakMap(), at = new WeakMap(), Ht = new WeakMap(), Ct = new WeakMap(), Q = new WeakMap(), c(L, "ngData"), // 🎯 행 상태 정의 상수를 클래스 내부로 내재화
 w(L, "ROW_STATE", {
   EMPTY: "EMPTY",
   NORMAL: "NORMAL",