@ninebone/table 0.0.299 → 0.0.301

package/dist/nine-table.js

@@ -23,12 +23,12 @@ const Vt = class Vt extends ne.constructor {
 a(Vt, "Trace");
 let Mt = Vt;
 const _ = new Mt();
-var C, I, p, D, P, B, ct, N, ht;
+var C, $, p, D, P, B, ct, N, ht;
 const Yt = class Yt extends HTMLElement {
   constructor() {
     super();
     h(this, C);
-    h(this, I, !1);
+    h(this, $, !1);
     h(this, p);
     h(this, D);
     h(this, P);
@@ -41,7 +41,7 @@ const Yt = class Yt extends HTMLElement {
       })), t(this, B).observe(e));
     }, "#observeResize"));
     S(this, "refresh", /* @__PURE__ */ a(() => {
-      if (!t(this, C) || !t(this, p) || t(this, I)) return;
+      if (!t(this, C) || !t(this, p) || t(this, $)) 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, C).querySelector(".ng-container-bottom"), l = e.clientWidth, c = s.scrollWidth;
@@ -99,13 +99,13 @@ const Yt = class Yt extends HTMLElement {
         t(this, N).call(this, n.clientX - o.left - r / 2);
       }), t(this, p).thumb.addEventListener("mousedown", (n) => {
         if (n.button !== 0) return;
-        n.stopPropagation(), n.preventDefault(), b(this, I, !0), this.shiftX = n.clientX - t(this, p).thumb.getBoundingClientRect().left;
+        n.stopPropagation(), n.preventDefault(), b(this, $, !0), this.shiftX = n.clientX - t(this, p).thumb.getBoundingClientRect().left;
         const o = /* @__PURE__ */ a((l) => {
-          if (!t(this, I)) return;
+          if (!t(this, $)) return;
           const c = t(this, p).track.getBoundingClientRect();
           t(this, N).call(this, l.clientX - c.left - this.shiftX);
         }, "onMouseMove"), r = /* @__PURE__ */ a(() => {
-          b(this, I, !1), s(), document.removeEventListener("mousemove", o), document.removeEventListener("mouseup", r), this.refresh();
+          b(this, $, !1), s(), document.removeEventListener("mousemove", o), document.removeEventListener("mouseup", r), this.refresh();
         }, "onMouseUp");
         document.addEventListener("mousemove", o), document.addEventListener("mouseup", r);
       });
@@ -189,7 +189,7 @@ const Yt = class Yt extends HTMLElement {
         left: this.querySelector(".ng-scroll-left"),
         right: this.querySelector(".ng-scroll-right")
       }), s.addEventListener("scroll", () => {
-        t(this, I) || this.refresh();
+        t(this, $) || this.refresh();
       }), t(this, ht).call(this), t(this, ct).call(this), this.refresh();
     }, "initWhenReady");
     e();
@@ -198,15 +198,15 @@ const Yt = class Yt extends HTMLElement {
     t(this, B) && t(this, B).disconnect();
   }
 };
-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");
+C = new WeakMap(), $ = 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, tt, et, dt;
+var V, I, E, tt, et, dt;
 const Xt = class Xt extends HTMLElement {
   constructor() {
     super();
     h(this, V);
-    h(this, $, !1);
+    h(this, I, !1);
     h(this, E);
     h(this, tt, 0);
     h(this, et, 0);
@@ -214,7 +214,7 @@ const Xt = class Xt extends HTMLElement {
      * 🎯 스크롤바 위치 및 썸브 크기 갱신
      */
     S(this, "refresh", /* @__PURE__ */ a(() => {
-      if (!t(this, V) || !t(this, E) || t(this, $)) return;
+      if (!t(this, V) || !t(this, E) || t(this, I)) return;
       const e = t(this, E).container, s = e.querySelector("table");
       if (!s) return;
       const n = t(this, E).track, o = t(this, E).thumb, r = e.clientHeight, l = s.scrollHeight;
@@ -236,12 +236,12 @@ const Xt = class Xt extends HTMLElement {
     h(this, dt, /* @__PURE__ */ a(() => {
       const e = t(this, E).container;
       e.addEventListener("scroll", () => {
-        t(this, $) || this.refresh();
+        t(this, I) || this.refresh();
       }), t(this, E).thumb.addEventListener("mousedown", (s) => {
         if (s.button !== 0) return;
-        s.stopPropagation(), s.preventDefault(), b(this, $, !0), b(this, tt, s.clientY), b(this, et, e.scrollTop);
+        s.stopPropagation(), s.preventDefault(), b(this, I, !0), b(this, tt, s.clientY), b(this, et, e.scrollTop);
         const n = /* @__PURE__ */ a((r) => {
-          if (!t(this, $)) return;
+          if (!t(this, I)) return;
           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;
@@ -249,7 +249,7 @@ const Xt = class Xt extends HTMLElement {
           }
           this.refresh();
         }, "onMouseMove"), o = /* @__PURE__ */ a(() => {
-          b(this, $, !1), document.removeEventListener("mousemove", n), document.removeEventListener("mouseup", o), this.refresh();
+          b(this, I, !1), document.removeEventListener("mousemove", n), document.removeEventListener("mouseup", o), this.refresh();
         }, "onMouseUp");
         document.addEventListener("mousemove", n), document.addEventListener("mouseup", o);
       }), t(this, E).track.addEventListener("mousedown", (s) => {
@@ -349,10 +349,10 @@ const Xt = class Xt extends HTMLElement {
     e();
   }
 };
-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, F;
+V = new WeakMap(), I = new WeakMap(), E = new WeakMap(), tt = new WeakMap(), et = new WeakMap(), dt = new WeakMap(), a(Xt, "NineTableVScrollBar");
+let $t = Xt;
+customElements.get("nine-table-vscrollbar") || customElements.define("nine-table-vscrollbar", $t);
+var ft, j;
 const H = class H {
   /**
    * 🎯 레이아웃 내의 여러 rawTables 배열을 일괄로 받아 단일 마스터 템플릿으로 사전 컴파일합니다.
@@ -367,7 +367,7 @@ const H = class H {
     var n, o, r, l;
     if (!i) return null;
     const e = i.cloneNode(!0);
-    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) => {
+    return t(n = H, ft).call(n, e), t(o = H, j).call(o, e, "thead"), t(r = H, j).call(r, e, "tbody"), t(l = H, j).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);
@@ -375,7 +375,7 @@ const H = class H {
     }), e;
   }
 };
-ft = new WeakMap(), F = new WeakMap(), a(H, "TableCompiler"), h(H, ft, /* @__PURE__ */ a((i) => {
+ft = new WeakMap(), j = 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(), F = new WeakMap(), a(H, "TableCompiler"), h(H, ft, /* @__PUR
     s ? s.after(e) : i.prepend(e);
   }
   i.classList.add("nine-table-element"), i.style.display = "table";
-}, "#ensureTableStructure")), h(H, F, /* @__PURE__ */ a((i, e) => {
+}, "#ensureTableStructure")), h(H, j, /* @__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(), F = new WeakMap(), a(H, "TableCompiler"), h(H, ft, /* @__PUR
     });
   });
 }, "#resetColIndex"));
-let $t = H;
+let It = H;
 var x, M, R, W, Y, X, ut, gt, bt, it, pt, yt, st, nt, mt;
 const Ut = class Ut {
   constructor(i) {
@@ -586,13 +586,16 @@ const Ut = class Ut {
         });
       });
     }, "#handleScroll"));
+    /**
+     * 🎯 개별 TR 엘리먼트에 실제 데이터 값을 꽂아주는 바인딩 메서드
+     */
     /**
      * 🎯 개별 TR 엘리먼트에 실제 데이터 값을 꽂아주는 바인딩 메서드
      */
     h(this, mt, /* @__PURE__ */ a((i, e, s) => {
-      i.dataset.row = s, Array.from(i.cells).forEach((n) => {
-        const o = n.dataset.bind;
-        o && e[o] !== void 0 && (n.textContent = e[o]), n.dataset.row = s;
+      i.dataset.row = s, Array.from(i.cells).forEach((n, o) => {
+        const r = n.dataset.bind;
+        r && e && e[r] !== void 0 ? n.textContent = e[r] : n.textContent = e ? e[Object.keys(e)[o]] ?? `R${s}C${o}` : `행 ${s + 1}`, n.dataset.row = s;
       });
     }, "#bindRowData"));
     S(this, "destroy", /* @__PURE__ */ a(() => {
@@ -610,12 +613,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 Z, j, xt, vt, wt, St, Et;
+var F, Z, xt, vt, wt, St, Et;
 const Q = class Q extends HTMLElement {
   constructor() {
     super();
-    h(this, Z, null);
-    h(this, j);
+    h(this, F, null);
+    h(this, Z);
     h(this, xt, /* @__PURE__ */ a(() => {
       [
         { selector: ".ng-container-body", type: null },
@@ -624,7 +627,7 @@ const Q = class Q extends HTMLElement {
       ].forEach(({ selector: s, type: n }) => {
         const o = this.querySelector(s);
         if (!o) return;
-        const r = t(this, wt).call(this, t(this, Z), n);
+        const r = t(this, wt).call(this, t(this, F), n);
         o.innerHTML = "", o.appendChild(r);
       });
     }, "#renderSplitContainers"));
@@ -640,7 +643,7 @@ const Q = class Q extends HTMLElement {
       });
     }, "#updateContainerWidths"));
     S(this, "generate", /* @__PURE__ */ a((e) => {
-      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(() => {
+      e && (b(this, F, It.compile(e)), t(this, F).style.display = "table", t(this, xt).call(this), t(this, vt).call(this), t(this, Z).initialize(), setTimeout(() => {
         var s;
         (s = this.querySelector("nine-table-hscrollbar")) == null || s.refresh();
       }, 0));
@@ -658,7 +661,7 @@ const Q = class Q extends HTMLElement {
         o.remove();
       }), n;
     }, "#createSplitTable"));
-    S(this, "getRowHeight", /* @__PURE__ */ a(() => t(this, j).getRowHeight(), "getRowHeight"));
+    S(this, "getRowHeight", /* @__PURE__ */ a(() => t(this, Z).getRowHeight(), "getRowHeight"));
     S(this, "scrollToX", /* @__PURE__ */ a((e) => {
       const s = this.querySelector(".ng-container-body");
       s && (s.scrollLeft = e);
@@ -807,7 +810,7 @@ const Q = class Q extends HTMLElement {
             </div>
         `;
     }, "#render"));
-    b(this, j, new Wt(this));
+    b(this, Z, new Wt(this));
   }
   connectedCallback() {
     t(this, St).call(this);
@@ -816,7 +819,7 @@ const Q = class Q extends HTMLElement {
     this.innerHTML = "", _.log("NineTableSheet destroyed.");
   }
 };
-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);
+F = new WeakMap(), Z = 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;
@@ -868,10 +871,10 @@ const Kt = class Kt extends HTMLElement {
   }
 };
 Rt = new WeakMap(), ot = new WeakMap(), a(Kt, "NineTableSheets");
-let zt = Kt;
-customElements.get("nine-table-sheets") || customElements.define("nine-table-sheets", zt);
+let Ot = Kt;
+customElements.get("nine-table-sheets") || customElements.define("nine-table-sheets", Ot);
 var T, Tt, rt, kt;
-const Ft = class Ft {
+const jt = class jt {
   constructor(i) {
     h(this, T);
     h(this, Tt, /* @__PURE__ */ a(() => {
@@ -1001,15 +1004,15 @@ const Ft = class Ft {
     b(this, T, i), t(this, Tt).call(this);
   }
 };
-T = new WeakMap(), Tt = new WeakMap(), rt = new WeakMap(), kt = new WeakMap(), a(Ft, "LayoutManager");
-let Ot = Ft;
-var z, U;
-const Zt = class Zt {
+T = new WeakMap(), Tt = new WeakMap(), rt = new WeakMap(), kt = new WeakMap(), a(jt, "LayoutManager");
+let zt = jt;
+var O, U;
+const Ft = class Ft {
   constructor(i) {
-    h(this, z);
+    h(this, O);
     h(this, U, -1);
-    S(this, "count", /* @__PURE__ */ a(() => t(this, z).rawRecords.length, "count"));
-    b(this, z, i);
+    S(this, "count", /* @__PURE__ */ a(() => t(this, O).rawRecords.length, "count"));
+    b(this, O, i);
   }
   get at() {
     return t(this, U);
@@ -1017,16 +1020,16 @@ const Zt = class Zt {
   set at(i) {
     var s, n;
     b(this, U, parseInt(i, 10));
-    const e = ((n = (s = t(this, z).owner).querySelector) == null ? void 0 : n.call(s, ".ng-container-body")) || t(this, z).owner.body;
+    const e = ((n = (s = t(this, O).owner).querySelector) == null ? void 0 : n.call(s, ".ng-container-body")) || t(this, O).owner.body;
     e && !e.querySelector(`tbody.bindable tr[data-row="${t(this, U)}"]`) && setTimeout(() => {
       var o, r;
-      (r = (o = t(this, z).owner).scrollTo_V1) == null || r.call(o, t(this, U));
+      (r = (o = t(this, O).owner).scrollTo_V1) == null || r.call(o, t(this, U));
     });
   }
 };
-z = new WeakMap(), U = new WeakMap(), a(Zt, "ngRow");
-let Dt = Zt;
-var k, v, A, G, At, O, qt, lt, Lt, Ht, J;
+O = new WeakMap(), U = new WeakMap(), a(Ft, "ngRow");
+let Dt = Ft;
+var k, v, A, G, At, z, qt, lt, Lt, Ht, J;
 const q = class q {
   constructor(i, e) {
     h(this, k);
@@ -1034,15 +1037,15 @@ const q = class q {
     h(this, A, []);
     h(this, G, []);
     h(this, At, 0);
-    h(this, O, []);
+    h(this, z, []);
     h(this, qt, /* @__PURE__ */ a(() => {
-      b(this, O, []);
+      b(this, z, []);
       const i = t(this, k).template || [];
       Array.from(i).forEach((e) => {
         var s;
-        t(this, O).push(((s = e.getBoundingClientRect) == null ? void 0 : s.call(e).height) || 24);
+        t(this, z).push(((s = e.getBoundingClientRect) == null ? void 0 : s.call(e).height) || 24);
       }), (t(this, v).rawRecords || []).forEach((e) => {
-        e.__ng || (e.__ng = t(this, lt).call(this)), e.__ng.height = t(this, O).slice();
+        e.__ng || (e.__ng = t(this, lt).call(this)), e.__ng.height = t(this, z).slice();
       });
     }, "#initialize"));
     S(this, "set", /* @__PURE__ */ a((i) => {
@@ -1052,10 +1055,10 @@ const q = class q {
       rowState: q.ROW_STATE.EMPTY,
       deleted: !1,
       filtered: !1,
-      height: t(this, O).slice(),
+      height: t(this, z).slice(),
       o: {},
       c: {},
-      _: [0, 0, 0, 0, q.ROW_STATE.EMPTY, !1, !1, !0, !1, !0, !0, !1, t(this, O).slice(), -1, {}, {}]
+      _: [0, 0, 0, 0, q.ROW_STATE.EMPTY, !1, !1, !0, !1, !0, !0, !1, t(this, z).slice(), -1, {}, {}]
     }), "#getDefaultMeta"));
     S(this, "reset", /* @__PURE__ */ a(() => {
       b(this, A, []), b(this, G, []);
@@ -1162,7 +1165,7 @@ const q = class q {
     return this.length;
   }
 };
-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"), // 🎯 행 상태 정의 상수를 클래스 내부로 내재화
+k = new WeakMap(), v = new WeakMap(), A = new WeakMap(), G = new WeakMap(), At = new WeakMap(), z = 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",
@@ -1171,7 +1174,7 @@ S(q, "ROW_STATE", {
   DELETE: "DELETE"
 });
 let Pt = q;
-const jt = class jt {
+const Zt = class Zt {
   constructor(i) {
     this.owner = i, this.row = new Dt(this), this.data = new Pt(i, this), this.rawRecords = [], this.viewRecords = [], this.delRecords = [], this.pageCnt = 25, this.viewRecords.reset = () => {
       var e;
@@ -1190,8 +1193,8 @@ const jt = class jt {
     }, this.setDataSource([]);
   }
 };
-a(jt, "ngDataManager");
-let Bt = jt;
+a(Zt, "ngDataManager");
+let Bt = Zt;
 var K, Ct;
 const Gt = class Gt extends HTMLElement {
   constructor() {
@@ -1202,7 +1205,7 @@ const Gt = class Gt extends HTMLElement {
     this.attachShadow({ mode: "open" }), b(this, K, new Bt(this));
   }
   connectedCallback() {
-    b(this, Ct, new Ot(this)), _.log("NineTable connected."), this.dispatchEvent(new CustomEvent("load", { bubbles: !0, detail: { target: this } }));
+    b(this, Ct, new zt(this)), _.log("NineTable connected."), this.dispatchEvent(new CustomEvent("load", { bubbles: !0, detail: { target: this } }));
   }
   disconnectedCallback() {
     _.log("NineTable disconnected.");