@ninebone/table 0.0.298 → 0.0.300

package/dist/nine-table.js

@@ -23,28 +23,28 @@ const Vt = class Vt extends ne.constructor {
 a(Vt, "Trace");
 let Mt = Vt;
 const _ = new Mt();
-var H, I, p, D, P, B, ct, N, ht;
+var C, I, p, D, P, B, ct, N, ht;
 const Yt = class Yt extends HTMLElement {
   constructor() {
     super();
-    h(this, H);
+    h(this, C);
     h(this, I, !1);
     h(this, p);
     h(this, D);
     h(this, P);
     h(this, B);
     h(this, ct, /* @__PURE__ */ a(() => {
-      if (!t(this, H)) return;
-      const e = t(this, H).querySelector(".ng-container-body");
+      if (!t(this, C)) return;
+      const e = t(this, C).querySelector(".ng-container-body");
       e && (b(this, B, new ResizeObserver(() => {
         this.refresh();
       })), t(this, B).observe(e));
     }, "#observeResize"));
     S(this, "refresh", /* @__PURE__ */ a(() => {
-      if (!t(this, H) || !t(this, p) || t(this, I)) return;
+      if (!t(this, C) || !t(this, p) || t(this, I)) return;
       const e = t(this, p).container, s = e.querySelector("table");
       if (!s) return;
-      const n = t(this, p).track, o = t(this, p).thumb, r = t(this, H).querySelector(".ng-container-bottom"), l = e.clientWidth, c = s.scrollWidth;
+      const n = t(this, p).track, o = t(this, p).thumb, r = t(this, C).querySelector(".ng-container-bottom"), l = e.clientWidth, c = s.scrollWidth;
       if (l !== 0 && c > l)
         r && (r.style.display = "flex");
       else {
@@ -112,7 +112,7 @@ const Yt = class Yt extends HTMLElement {
     }, "#init"));
   }
   connectedCallback() {
-    if (b(this, H, this.closest("nine-table-sheet") || this.getRootNode().host), !t(this, H)) return;
+    if (b(this, C, this.closest("nine-table-sheet") || this.getRootNode().host), !t(this, C)) return;
     this.innerHTML = `
             <style>
                 nine-table-hscrollbar {
@@ -177,7 +177,7 @@ const Yt = class Yt extends HTMLElement {
             <button class='ng-scroll-right' disabled><div class='ng-scroll-icon'></div></button>
         `;
     const e = /* @__PURE__ */ a(() => {
-      const s = t(this, H).querySelector(".ng-container-body");
+      const s = t(this, C).querySelector(".ng-container-body");
       if (!s) {
         setTimeout(e, 10);
         return;
@@ -198,18 +198,18 @@ const Yt = class Yt extends HTMLElement {
     t(this, B) && t(this, B).disconnect();
   }
 };
-H = new WeakMap(), I = new WeakMap(), p = new WeakMap(), D = new WeakMap(), P = new WeakMap(), B = new WeakMap(), ct = new WeakMap(), N = new WeakMap(), ht = new WeakMap(), a(Yt, "NineTableHScrollBar");
+C = new WeakMap(), I = new WeakMap(), p = new WeakMap(), D = new WeakMap(), P = new WeakMap(), B = new WeakMap(), ct = new WeakMap(), N = new WeakMap(), ht = new WeakMap(), a(Yt, "NineTableHScrollBar");
 let _t = Yt;
 customElements.get("nine-table-hscrollbar") || customElements.define("nine-table-hscrollbar", _t);
-var V, $, E, Q, tt, dt;
+var V, $, E, tt, et, dt;
 const Xt = class Xt extends HTMLElement {
   constructor() {
     super();
     h(this, V);
     h(this, $, !1);
     h(this, E);
-    h(this, Q, 0);
     h(this, tt, 0);
+    h(this, et, 0);
     /**
      * 🎯 스크롤바 위치 및 썸브 크기 갱신
      */
@@ -239,13 +239,13 @@ const Xt = class Xt extends HTMLElement {
         t(this, $) || this.refresh();
       }), t(this, E).thumb.addEventListener("mousedown", (s) => {
         if (s.button !== 0) return;
-        s.stopPropagation(), s.preventDefault(), b(this, $, !0), b(this, Q, s.clientY), b(this, tt, e.scrollTop);
+        s.stopPropagation(), s.preventDefault(), b(this, $, !0), b(this, tt, s.clientY), b(this, et, e.scrollTop);
         const n = /* @__PURE__ */ a((r) => {
           if (!t(this, $)) return;
-          const l = t(this, E).track.getBoundingClientRect(), c = t(this, E).thumb.clientHeight, u = l.height - c, f = r.clientY - t(this, Q), g = e.clientHeight, w = table.scrollHeight - g;
+          const l = t(this, E).track.getBoundingClientRect(), c = t(this, E).thumb.clientHeight, u = l.height - c, f = r.clientY - t(this, tt), g = e.clientHeight, w = table.scrollHeight - g;
           if (u > 0 && w > 0) {
             const L = f / u * w;
-            e.scrollTop = t(this, tt) + L;
+            e.scrollTop = t(this, et) + L;
           }
           this.refresh();
         }, "onMouseMove"), o = /* @__PURE__ */ a(() => {
@@ -349,33 +349,33 @@ const Xt = class Xt extends HTMLElement {
     e();
   }
 };
-V = new WeakMap(), $ = new WeakMap(), E = new WeakMap(), Q = new WeakMap(), tt = new WeakMap(), dt = new WeakMap(), a(Xt, "NineTableVScrollBar");
+V = new WeakMap(), $ = new WeakMap(), E = new WeakMap(), tt = new WeakMap(), et = new WeakMap(), dt = new WeakMap(), a(Xt, "NineTableVScrollBar");
 let It = Xt;
 customElements.get("nine-table-vscrollbar") || customElements.define("nine-table-vscrollbar", It);
-var ft, et;
-const C = class C {
+var ft, F;
+const H = class H {
   /**
    * 🎯 레이아웃 내의 여러 rawTables 배열을 일괄로 받아 단일 마스터 템플릿으로 사전 컴파일합니다.
    */
   static compileAll(i) {
-    return Array.isArray(i) ? i.map((e) => C.compile(e)) : [];
+    return Array.isArray(i) ? i.map((e) => H.compile(e)) : [];
   }
   /**
    * 🎯 단일 원본 테이블을 받아 기본 구조 보정 및 2차원 격자 인덱스 사전 부여 완료된 마스터 테이블 반환
    */
   static compile(i) {
-    var n, o, r;
+    var n, o, r, l;
     if (!i) return null;
     const e = i.cloneNode(!0);
-    return t(n = C, ft).call(n, e), t(o = C, et).call(o, e, "thead"), t(r = C, et).call(r, e, "tbody"), Array.from(e.querySelectorAll("colgroup col")).forEach((l, c) => {
-      const d = l.getAttribute("fixed");
-      d && e.querySelectorAll(`[data-col="${c}"]`).forEach((u) => {
-        u.setAttribute("fixed", d);
+    return t(n = H, ft).call(n, e), t(o = H, F).call(o, e, "thead"), t(r = H, F).call(r, e, "tbody"), t(l = H, F).call(l, e, "tfoot"), Array.from(e.querySelectorAll("colgroup col")).forEach((c, d) => {
+      const u = c.getAttribute("fixed");
+      u && e.querySelectorAll(`thead [data-col="${d}"], tbody [data-col="${d}"], tfoot [data-col="${d}"]`).forEach((f) => {
+        f.setAttribute("fixed", u);
       });
     }), e;
   }
 };
-ft = new WeakMap(), et = new WeakMap(), a(C, "TableCompiler"), h(C, ft, /* @__PURE__ */ a((i) => {
+ft = new WeakMap(), F = new WeakMap(), a(H, "TableCompiler"), h(H, ft, /* @__PURE__ */ a((i) => {
   if (!i.querySelector("colgroup")) {
     const e = i.querySelector("tbody tr") || i.querySelector("tr"), s = e ? e.querySelectorAll("th, td").length : 1, n = document.createElement("colgroup"), o = Math.max(Math.floor(i.clientWidth / s), 100);
     for (let r = 0; r < s; r++) {
@@ -389,7 +389,7 @@ ft = new WeakMap(), et = new WeakMap(), a(C, "TableCompiler"), h(C, ft, /* @__PU
     s ? s.after(e) : i.prepend(e);
   }
   i.classList.add("nine-table-element"), i.style.display = "table";
-}, "#ensureTableStructure")), h(C, et, /* @__PURE__ */ a((i, e) => {
+}, "#ensureTableStructure")), h(H, F, /* @__PURE__ */ a((i, e) => {
   const s = Array.from(i.querySelectorAll(e + " tr")), n = Array.from(i.querySelectorAll(e + " th," + e + " td")), o = s.length;
   if (o === 0 || n.length === 0) return;
   let r = 0;
@@ -422,7 +422,7 @@ ft = new WeakMap(), et = new WeakMap(), a(C, "TableCompiler"), h(C, ft, /* @__PU
     });
   });
 }, "#resetColIndex"));
-let $t = C;
+let $t = H;
 var x, M, R, W, Y, X, ut, gt, bt, it, pt, yt, st, nt, mt;
 const Ut = class Ut {
   constructor(i) {
@@ -610,12 +610,12 @@ const Ut = class Ut {
 };
 x = new WeakMap(), M = new WeakMap(), R = new WeakMap(), W = new WeakMap(), Y = new WeakMap(), X = new WeakMap(), ut = new WeakMap(), gt = new WeakMap(), bt = new WeakMap(), it = new WeakMap(), pt = new WeakMap(), yt = new WeakMap(), st = new WeakMap(), nt = new WeakMap(), mt = new WeakMap(), a(Ut, "RowManager");
 let Wt = Ut;
-var F, Z, xt, vt, wt, St, Et;
-const J = class J extends HTMLElement {
+var Z, j, xt, vt, wt, St, Et;
+const Q = class Q extends HTMLElement {
   constructor() {
     super();
-    h(this, F, null);
-    h(this, Z);
+    h(this, Z, null);
+    h(this, j);
     h(this, xt, /* @__PURE__ */ a(() => {
       [
         { selector: ".ng-container-body", type: null },
@@ -624,7 +624,7 @@ const J = class J extends HTMLElement {
       ].forEach(({ selector: s, type: n }) => {
         const o = this.querySelector(s);
         if (!o) return;
-        const r = t(this, wt).call(this, t(this, F), n);
+        const r = t(this, wt).call(this, t(this, Z), n);
         o.innerHTML = "", o.appendChild(r);
       });
     }, "#renderSplitContainers"));
@@ -640,7 +640,7 @@ const J = class J extends HTMLElement {
       });
     }, "#updateContainerWidths"));
     S(this, "generate", /* @__PURE__ */ a((e) => {
-      e && (b(this, F, $t.compile(e)), t(this, F).style.display = "table", t(this, xt).call(this), t(this, vt).call(this), t(this, Z).initialize(), setTimeout(() => {
+      e && (b(this, Z, $t.compile(e)), t(this, Z).style.display = "table", t(this, xt).call(this), t(this, vt).call(this), t(this, j).initialize(), setTimeout(() => {
         var s;
         (s = this.querySelector("nine-table-hscrollbar")) == null || s.refresh();
       }, 0));
@@ -658,7 +658,7 @@ const J = class J extends HTMLElement {
         o.remove();
       }), n;
     }, "#createSplitTable"));
-    S(this, "getRowHeight", /* @__PURE__ */ a(() => t(this, Z).getRowHeight(), "getRowHeight"));
+    S(this, "getRowHeight", /* @__PURE__ */ a(() => t(this, j).getRowHeight(), "getRowHeight"));
     S(this, "scrollToX", /* @__PURE__ */ a((e) => {
       const s = this.querySelector(".ng-container-body");
       s && (s.scrollLeft = e);
@@ -671,7 +671,7 @@ const J = class J extends HTMLElement {
       t(this, Et).call(this);
     }, "#init"));
     h(this, Et, /* @__PURE__ */ a(() => {
-      const e = J.SCROLLBAR_SIZE;
+      const e = Q.SCROLLBAR_SIZE;
       this.innerHTML = `
             <style>
                 nine-table-sheet {
@@ -807,7 +807,7 @@ const J = class J extends HTMLElement {
             </div>
         `;
     }, "#render"));
-    b(this, Z, new Wt(this));
+    b(this, j, new Wt(this));
   }
   connectedCallback() {
     t(this, St).call(this);
@@ -816,8 +816,8 @@ const J = class J extends HTMLElement {
     this.innerHTML = "", _.log("NineTableSheet destroyed.");
   }
 };
-F = new WeakMap(), Z = new WeakMap(), xt = new WeakMap(), vt = new WeakMap(), wt = new WeakMap(), St = new WeakMap(), Et = new WeakMap(), a(J, "NineTableSheet"), S(J, "SCROLLBAR_SIZE", 16);
-let at = J;
+Z = new WeakMap(), j = new WeakMap(), xt = new WeakMap(), vt = new WeakMap(), wt = new WeakMap(), St = new WeakMap(), Et = new WeakMap(), a(Q, "NineTableSheet"), S(Q, "SCROLLBAR_SIZE", 16);
+let at = Q;
 customElements.get("nine-table-sheet") || customElements.define("nine-table-sheet", at);
 var Rt, ot;
 const Kt = class Kt extends HTMLElement {
@@ -1026,13 +1026,13 @@ const Zt = class Zt {
 };
 z = new WeakMap(), U = new WeakMap(), a(Zt, "ngRow");
 let Dt = Zt;
-var k, v, A, j, At, O, qt, lt, Lt, Ht, G;
+var k, v, A, G, At, O, qt, lt, Lt, Ht, J;
 const q = class q {
   constructor(i, e) {
     h(this, k);
     h(this, v);
     h(this, A, []);
-    h(this, j, []);
+    h(this, G, []);
     h(this, At, 0);
     h(this, O, []);
     h(this, qt, /* @__PURE__ */ a(() => {
@@ -1058,11 +1058,11 @@ const q = class q {
       _: [0, 0, 0, 0, q.ROW_STATE.EMPTY, !1, !1, !0, !1, !0, !0, !1, t(this, O).slice(), -1, {}, {}]
     }), "#getDefaultMeta"));
     S(this, "reset", /* @__PURE__ */ a(() => {
-      b(this, A, []), b(this, j, []);
+      b(this, A, []), b(this, G, []);
     }, "reset"));
     S(this, "clear", /* @__PURE__ */ a(() => {
       var i;
-      t(this, v).rawRecords = [], b(this, A, []), b(this, j, []), (i = t(this, v).viewRecords) != null && i.reset && t(this, v).viewRecords.reset();
+      t(this, v).rawRecords = [], b(this, A, []), b(this, G, []), (i = t(this, v).viewRecords) != null && i.reset && t(this, v).viewRecords.reset();
     }, "clear"));
     h(this, Lt, /* @__PURE__ */ a((i) => {
       var n;
@@ -1112,14 +1112,14 @@ const q = class q {
       l !== s && r.__ng.rowState !== q.ROW_STATE.INSERT && (r.__ng.o.hasOwnProperty(e) || (r.__ng.o[e] = l), r.__ng.rowState = q.ROW_STATE.UPDATE), r.v[o] = s, t(this, v).owner.refreshData && t(this, v).owner.refreshData(i);
     }, "setValue"));
     S(this, "resetRecords", /* @__PURE__ */ a(() => {
-      b(this, j, t(this, v).rawRecords.filter((i) => !i.__ng.deleted)), b(this, A, t(this, v).rawRecords.filter((i) => !i.__ng.deleted && !i.__ng.filtered)), t(this, v).rawRecords.forEach((i, e) => {
+      b(this, G, t(this, v).rawRecords.filter((i) => !i.__ng.deleted)), b(this, A, t(this, v).rawRecords.filter((i) => !i.__ng.deleted && !i.__ng.filtered)), t(this, v).rawRecords.forEach((i, e) => {
         i.__ng.rowidx = e;
       }), t(this, A).forEach((i, e) => {
         i.__ng.i = e;
       });
     }, "resetRecords"));
     S(this, "getValidData", /* @__PURE__ */ a(() => (t(this, A).length === 0 && t(this, v).rawRecords.length > 0 && this.resetRecords(), t(this, A)), "getValidData"));
-    h(this, G, /* @__PURE__ */ a((i) => {
+    h(this, J, /* @__PURE__ */ a((i) => {
       var s;
       if (!i) return i;
       const e = typeof ((s = t(this, k).fields) == null ? void 0 : s.get) == "function" ? t(this, k).fields.get() : [];
@@ -1135,19 +1135,19 @@ const q = class q {
       var o;
       const s = this.getValidData();
       if (!s || s.length <= 0) return;
-      if (i == null) return t(this, G).call(this, s);
+      if (i == null) return t(this, J).call(this, s);
       if (i < 0 || i >= s.length) return null;
       const n = typeof ((o = t(this, k).fields) == null ? void 0 : o.get) == "function" ? t(this, k).fields.get() : [];
       if (e != null) {
         const r = n.indexOf(e);
         return r >= 0 ? s[i].v[r] : null;
       }
-      return t(this, G).call(this, s[i]);
+      return t(this, J).call(this, s[i]);
     }, "get"));
     b(this, k, i), b(this, v, e), t(this, qt).call(this);
   }
   get source() {
-    return t(this, G).call(this, t(this, v).rawRecords);
+    return t(this, J).call(this, t(this, v).rawRecords);
   }
   set source(i) {
     this.clear(), this.add(i, !1);
@@ -1162,7 +1162,7 @@ const q = class q {
     return this.length;
   }
 };
-k = new WeakMap(), v = new WeakMap(), A = new WeakMap(), j = new WeakMap(), At = new WeakMap(), O = new WeakMap(), qt = new WeakMap(), lt = new WeakMap(), Lt = new WeakMap(), Ht = new WeakMap(), G = new WeakMap(), a(q, "ngData"), // 🎯 행 상태 정의 상수를 클래스 내부로 내재화
+k = new WeakMap(), v = new WeakMap(), A = new WeakMap(), G = new WeakMap(), At = new WeakMap(), O = new WeakMap(), qt = new WeakMap(), lt = new WeakMap(), Lt = new WeakMap(), Ht = new WeakMap(), J = new WeakMap(), a(q, "ngData"), // 🎯 행 상태 정의 상수를 클래스 내부로 내재화
 S(q, "ROW_STATE", {
   EMPTY: "EMPTY",
   NORMAL: "NORMAL",