@ninebone/table 0.0.533 → 0.0.534

package/dist/nine-table.js

@@ -201,12 +201,12 @@ const Me = class Me extends HTMLElement {
 z = new WeakMap(), j = new WeakMap(), w = new WeakMap(), X = new WeakMap(), K = new WeakMap(), Z = new WeakMap(), _t = new WeakMap(), G = new WeakMap(), Nt = new WeakMap(), h(Me, "NineTableHScrollBar");
 let le = Me;
 customElements.get("nine-table-hscrollbar") || customElements.define("nine-table-hscrollbar", le);
-var F, ot, J, q, vt, wt, Wt;
+var F, at, J, q, vt, wt, Wt;
 const $e = class $e extends HTMLElement {
   constructor() {
     super();
     d(this, F);
-    d(this, ot);
+    d(this, at);
     d(this, J, !1);
     d(this, q);
     d(this, vt, 0);
@@ -214,7 +214,7 @@ const $e = class $e extends HTMLElement {
     A(this, "refresh", /* @__PURE__ */ h(() => {
       if (!t(this, F) || !t(this, q)) return;
       H.log("nine-table-vscrollbar.refresh");
-      const e = t(this, q).container, s = t(this, q).track, i = t(this, q).thumb, n = e.clientHeight, o = (t(this, F).data.get() || []).length, l = t(this, ot).getRowHeight(), c = o * l;
+      const e = t(this, q).container, s = t(this, q).track, i = t(this, q).thumb, n = e.clientHeight, o = (t(this, F).data.get() || []).length, l = t(this, at).getRowHeight(), c = o * l;
       if (c <= n) {
         i.style.display = "none", t(this, q).top.disabled = !0, t(this, q).bottom.disabled = !0;
         return;
@@ -233,7 +233,7 @@ const $e = class $e extends HTMLElement {
     d(this, Wt, /* @__PURE__ */ h(() => {
       H.log("nine-table-vscrollbar.#init");
       const e = t(this, q).container, s = /* @__PURE__ */ h(() => {
-        const n = (t(this, F).data.get() || []).length, a = t(this, ot).getRowHeight();
+        const n = (t(this, F).data.get() || []).length, a = t(this, at).getRowHeight();
         return n * a;
       }, "getContentHeight");
       e.addEventListener("scroll", () => {
@@ -271,7 +271,7 @@ const $e = class $e extends HTMLElement {
     }, "#init"));
   }
   connectedCallback() {
-    y(this, F, this.getRootNode().host), y(this, ot, this.closest("nine-table-sheet")), this.innerHTML = `
+    y(this, F, this.getRootNode().host), y(this, at, this.closest("nine-table-sheet")), this.innerHTML = `
             <style>
                 nine-table-vscrollbar {
                     display: flex;
@@ -352,19 +352,19 @@ const $e = class $e extends HTMLElement {
     e();
   }
 };
-F = new WeakMap(), ot = new WeakMap(), J = new WeakMap(), q = new WeakMap(), vt = new WeakMap(), wt = new WeakMap(), Wt = new WeakMap(), h($e, "NineTableVScrollBar");
+F = new WeakMap(), at = new WeakMap(), J = new WeakMap(), q = new WeakMap(), vt = new WeakMap(), wt = new WeakMap(), Wt = new WeakMap(), h($e, "NineTableVScrollBar");
 let ce = $e;
 customElements.get("nine-table-vscrollbar") || customElements.define("nine-table-vscrollbar", ce);
-var P, S, at, D, I, V, Q, St, Ee, lt, Ot, Bt, zt, Et, At, Dt, Pt, Rt, Ae, ct, qt, jt;
+var P, S, Q, D, I, V, tt, St, Ee, lt, Ot, Bt, zt, Et, At, Dt, Pt, Rt, Ae, ct, qt, jt;
 const Ie = class Ie {
   constructor(r) {
     d(this, P);
     d(this, S);
-    d(this, at);
+    d(this, Q);
     d(this, D, /* @__PURE__ */ new Map());
     d(this, I, null);
     d(this, V, null);
-    d(this, Q, 0);
+    d(this, tt, 0);
     d(this, St, 40);
     d(this, Ee, !1);
     d(this, lt, !1);
@@ -375,7 +375,7 @@ const Ie = class Ie {
       r && (t(this, Et).call(this), t(this, ct).call(this, r.scrollTop));
     }, "refresh"));
     A(this, "initialize", /* @__PURE__ */ h(() => {
-      H.log("rowManager.initialize"), y(this, at, {
+      H.log("rowManager.initialize"), y(this, Q, {
         scrollTables: t(this, S).querySelectorAll(".ng-part-body table"),
         firstTr: t(this, S).querySelector(".ng-container-body .ng-part-body tbody.bindable-tbody tr:not(.nodata)")
       }), y(this, I, null), t(this, D).clear(), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((a) => {
@@ -451,8 +451,8 @@ const Ie = class Ie {
       });
     }, "#updateVirtualScrollHeight"));
     d(this, At, /* @__PURE__ */ h(() => {
-      if (t(this, Q) > 0 && t(this, I) > 0) {
-        const r = Math.ceil(t(this, Q) / t(this, I));
+      if (t(this, tt) > 0 && t(this, I) > 0) {
+        const r = Math.ceil(t(this, tt) / t(this, I));
         y(this, St, r + t(this, Ot));
       }
     }, "#updateRowCount"));
@@ -494,7 +494,7 @@ const Ie = class Ie {
             const a = s.querySelector(".ng-part-header"), o = s.querySelector(".ng-part-footer");
             a && (n += a.offsetHeight), o && (n += o.offsetHeight);
             const l = Math.max(i - n, 100);
-            t(this, Q) !== l && (y(this, Q, l), t(this, At).call(this), t(this, I) !== null && (t(this, Rt).call(this), this.refresh()));
+            t(this, tt) !== l && (y(this, tt, l), t(this, At).call(this), t(this, I) !== null && (t(this, Rt).call(this), this.refresh()));
           }
         }
       })), t(this, V).observe(t(this, S)));
@@ -529,9 +529,9 @@ const Ie = class Ie {
       const e = t(this, I);
       if (!e || e <= 0) return;
       const s = t(this, P).data.length, i = Math.max(0, Math.floor(r / e)), n = i * e, a = ((f = t(this, D).get(".ng-container-body")) == null ? void 0 : f.length) || 1, o = t(this, S).querySelector(".ng-container-body"), l = o == null ? void 0 : o.querySelector(".ng-part-body tbody.bindable-tbody tr:not(.nodata)");
-      H.log(t(this, at).firstTr.dataset.row);
+      H.log(t(this, Q).firstTr, t(this, Q).firstTr.dataset.row);
       const c = l && l.dataset.row !== void 0 ? parseInt(l.dataset.row, 10) : -1;
-      (u = t(this, at)) == null || u.scrollTables.forEach((g) => {
+      (u = t(this, Q)) == null || u.scrollTables.forEach((g) => {
         g.style.transform = `translateY(${n}px)`;
       }), c !== i && [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((g) => {
         const b = t(this, S).querySelector(g);
@@ -598,7 +598,7 @@ const Ie = class Ie {
     return ((e = t(this, D).get(r)) == null ? void 0 : e.length) || 1;
   }
 };
-P = new WeakMap(), S = new WeakMap(), at = new WeakMap(), D = new WeakMap(), I = new WeakMap(), V = new WeakMap(), Q = new WeakMap(), St = new WeakMap(), Ee = new WeakMap(), lt = new WeakMap(), Ot = new WeakMap(), Bt = new WeakMap(), zt = new WeakMap(), Et = new WeakMap(), At = new WeakMap(), Dt = new WeakMap(), Pt = new WeakMap(), Rt = new WeakMap(), Ae = new WeakMap(), ct = new WeakMap(), qt = new WeakMap(), jt = new WeakMap(), h(Ie, "RowManager");
+P = new WeakMap(), S = new WeakMap(), Q = new WeakMap(), D = new WeakMap(), I = new WeakMap(), V = new WeakMap(), tt = new WeakMap(), St = new WeakMap(), Ee = new WeakMap(), lt = new WeakMap(), Ot = new WeakMap(), Bt = new WeakMap(), zt = new WeakMap(), Et = new WeakMap(), At = new WeakMap(), Dt = new WeakMap(), Pt = new WeakMap(), Rt = new WeakMap(), Ae = new WeakMap(), ct = new WeakMap(), qt = new WeakMap(), jt = new WeakMap(), h(Ie, "RowManager");
 let he = Ie;
 const Ft = class Ft {
   /**
@@ -679,15 +679,15 @@ const Ft = class Ft {
 };
 h(Ft, "TableCompiler");
 let de = Ft;
-var Vt, tt, et, Yt, Ut, ht, Xt, Kt;
+var Vt, et, st, Yt, Ut, ht, Xt, Kt;
 const mt = class mt extends HTMLElement {
   constructor() {
     super();
     d(this, Vt);
-    d(this, tt, null);
-    d(this, et);
+    d(this, et, null);
+    d(this, st);
     A(this, "invalidate", /* @__PURE__ */ h(() => {
-      t(this, et).refresh();
+      t(this, st).refresh();
     }, "invalidate"));
     d(this, Yt, /* @__PURE__ */ h(() => {
       [
@@ -699,15 +699,15 @@ const mt = class mt extends HTMLElement {
         if (!n) return;
         n.innerHTML = "";
         const a = document.createElement("div");
-        a.className = "ng-part-header", a.appendChild(t(this, ht).call(this, t(this, tt), i, "header"));
+        a.className = "ng-part-header", a.appendChild(t(this, ht).call(this, t(this, et), i, "header"));
         const o = document.createElement("div");
         o.className = "ng-part-body";
         const l = document.createElement("div");
-        l.className = "ng-scroll-content", l.style.position = "relative", l.style.width = "100%", l.appendChild(t(this, ht).call(this, t(this, tt), i, "body"));
+        l.className = "ng-scroll-content", l.style.position = "relative", l.style.width = "100%", l.appendChild(t(this, ht).call(this, t(this, et), i, "body"));
         const c = document.createElement("div");
         c.className = "ng-virtual-spacer", c.style.width = "100%", c.style.pointerEvents = "none", l.appendChild(c), o.appendChild(l);
         const f = document.createElement("div");
-        f.className = "ng-part-footer", f.appendChild(t(this, ht).call(this, t(this, tt), i, "footer")), n.appendChild(a), n.appendChild(o), n.appendChild(f);
+        f.className = "ng-part-footer", f.appendChild(t(this, ht).call(this, t(this, et), i, "footer")), n.appendChild(a), n.appendChild(o), n.appendChild(f);
       });
     }, "#renderSplitContainers"));
     d(this, Ut, /* @__PURE__ */ h(() => {
@@ -722,7 +722,7 @@ const mt = class mt extends HTMLElement {
       });
     }, "#updateContainerWidths"));
     A(this, "generate", /* @__PURE__ */ h((e) => {
-      e && (y(this, tt, de.compile(e)), t(this, Yt).call(this), t(this, Ut).call(this), t(this, et).initialize(), setTimeout(() => {
+      e && (y(this, et, de.compile(e)), t(this, Yt).call(this), t(this, Ut).call(this), t(this, st).initialize(), setTimeout(() => {
         var s;
         (s = this.querySelector("nine-table-hscrollbar")) == null || s.refresh();
       }, 0));
@@ -743,7 +743,7 @@ const mt = class mt extends HTMLElement {
         c.remove();
       }), n;
     }, "#createSplitTable"));
-    A(this, "getRowHeight", /* @__PURE__ */ h(() => t(this, et).getRowHeight(), "getRowHeight"));
+    A(this, "getRowHeight", /* @__PURE__ */ h(() => t(this, st).getRowHeight(), "getRowHeight"));
     A(this, "scrollToX", /* @__PURE__ */ h((e) => {
       const s = this.querySelector(".ng-container-body .ng-part-body");
       s && (s.scrollLeft = e);
@@ -898,7 +898,7 @@ const mt = class mt extends HTMLElement {
             </div>
         `;
     }, "#render"));
-    y(this, et, new he(this)), y(this, Vt, this.getRootNode().host);
+    y(this, st, new he(this)), y(this, Vt, this.getRootNode().host);
   }
   connectedCallback() {
     t(this, Xt).call(this);
@@ -907,7 +907,7 @@ const mt = class mt extends HTMLElement {
     this.innerHTML = "", H.log("NineTableSheet destroyed.");
   }
 };
-Vt = new WeakMap(), tt = new WeakMap(), et = new WeakMap(), Yt = new WeakMap(), Ut = new WeakMap(), ht = new WeakMap(), Xt = new WeakMap(), Kt = new WeakMap(), h(mt, "NineTableSheet"), A(mt, "SCROLLBAR_SIZE", 16);
+Vt = new WeakMap(), et = new WeakMap(), st = new WeakMap(), Yt = new WeakMap(), Ut = new WeakMap(), ht = new WeakMap(), Xt = new WeakMap(), Kt = new WeakMap(), h(mt, "NineTableSheet"), A(mt, "SCROLLBAR_SIZE", 16);
 let It = mt;
 customElements.get("nine-table-sheet") || customElements.define("nine-table-sheet", It);
 var Zt, kt;
@@ -1104,7 +1104,7 @@ const We = class We {
 };
 Ct = new WeakMap(), dt = new WeakMap(), h(We, "ngRow");
 let ge = We;
-var N, T, W, ft, Qt, Y, te, st, Lt, ee, se, ut;
+var N, T, W, ft, Qt, Y, te, rt, Lt, ee, se, ut;
 const O = class O {
   constructor(r, e) {
     d(this, N);
@@ -1123,7 +1123,7 @@ const O = class O {
         e.__ng || (e.__ng = t(this, Lt).call(this)), e.__ng.height = t(this, Y).slice();
       });
     }, "#initialize"));
-    d(this, st, /* @__PURE__ */ h(() => {
+    d(this, rt, /* @__PURE__ */ h(() => {
       t(this, N).shadowRoot.querySelectorAll("nine-table-sheet").forEach((r) => {
         r.invalidate();
       });
@@ -1142,7 +1142,7 @@ const O = class O {
       return t(this, ut).call(this, s[r]);
     }, "get"));
     A(this, "set", /* @__PURE__ */ h((r) => {
-      this.clear(), this.add(r, !1), t(this, st).call(this);
+      this.clear(), this.add(r, !1), t(this, rt).call(this);
     }, "set"));
     d(this, Lt, /* @__PURE__ */ h(() => ({
       rowState: O.ROW_STATE.EMPTY,
@@ -1154,7 +1154,7 @@ const O = class O {
       _: [0, 0, 0, 0, O.ROW_STATE.EMPTY, !1, !1, !0, !1, !0, !0, !1, t(this, Y).slice(), -1, {}, {}]
     }), "#getDefaultMeta"));
     A(this, "reset", /* @__PURE__ */ h(() => {
-      y(this, W, []), y(this, ft, []), t(this, st).call(this);
+      y(this, W, []), y(this, ft, []), t(this, rt).call(this);
     }, "reset"));
     A(this, "clear", /* @__PURE__ */ h(() => {
       var r;
@@ -1182,7 +1182,7 @@ const O = class O {
       return e || s.forEach((n, a) => {
         const o = t(this, T).rawRecords[i - a];
         o && (o.__ng.rowState = O.ROW_STATE.EMPTY);
-      }), t(this, st).call(this), i;
+      }), t(this, rt).call(this), i;
     }, "add"));
     A(this, "delete", /* @__PURE__ */ h((r) => {
       let e = [];
@@ -1193,7 +1193,7 @@ const O = class O {
             n.__ng.rowid === i && (n.__ng.deleted = !0, n.__ng.rowState = O.ROW_STATE.DELETE);
           });
         }
-      }), this.resetRecords(), t(this, st).call(this);
+      }), this.resetRecords(), t(this, rt).call(this);
     }, "delete"));
     A(this, "setValue", /* @__PURE__ */ h((r, e, s) => {
       var l;
@@ -1246,7 +1246,7 @@ const O = class O {
     return this.length;
   }
 };
-N = new WeakMap(), T = new WeakMap(), W = new WeakMap(), ft = new WeakMap(), Qt = new WeakMap(), Y = new WeakMap(), te = new WeakMap(), st = new WeakMap(), Lt = new WeakMap(), ee = new WeakMap(), se = new WeakMap(), ut = new WeakMap(), h(O, "ngData"), // 🎯 행 상태 정의 상수를 클래스 내부로 내재화
+N = new WeakMap(), T = new WeakMap(), W = new WeakMap(), ft = new WeakMap(), Qt = new WeakMap(), Y = new WeakMap(), te = new WeakMap(), rt = new WeakMap(), Lt = new WeakMap(), ee = new WeakMap(), se = new WeakMap(), ut = new WeakMap(), h(O, "ngData"), // 🎯 행 상태 정의 상수를 클래스 내부로 내재화
 A(O, "ROW_STATE", {
   EMPTY: "EMPTY",
   NORMAL: "NORMAL",
@@ -1255,13 +1255,13 @@ A(O, "ROW_STATE", {
   DELETE: "DELETE"
 });
 let be = O;
-var rt;
+var it;
 const Oe = class Oe {
   constructor(r) {
-    d(this, rt);
-    y(this, rt, r), this.row = new ge(this), this.data = new be(t(this, rt), this), this.rawRecords = [], this.viewRecords = [], this.delRecords = [], this.pageCnt = 25, this.viewRecords.reset = () => {
+    d(this, it);
+    y(this, it, r), this.row = new ge(this), this.data = new be(t(this, it), this), this.rawRecords = [], this.viewRecords = [], this.delRecords = [], this.pageCnt = 25, this.viewRecords.reset = () => {
       var e;
-      (e = t(this, rt).view) != null && e.redraw && t(this, rt).view.redraw();
+      (e = t(this, it).view) != null && e.redraw && t(this, it).view.redraw();
     }, this.setDataSource = (e) => {
       this.data && this.data.reset(), this.rawRecords = [], this.viewRecords = [], this.delRecords = [], this.data.set(e || []);
     }, this.getRowState = (e) => {
@@ -1276,7 +1276,7 @@ const Oe = class Oe {
     }, this.setDataSource([]);
   }
 };
-rt = new WeakMap(), h(Oe, "ngDataManager");
+it = new WeakMap(), h(Oe, "ngDataManager");
 let ye = Oe;
 var gt, L, Ht, re;
 const Be = class Be {
@@ -1351,17 +1351,17 @@ const Be = class Be {
 };
 gt = new WeakMap(), L = new WeakMap(), Ht = new WeakMap(), re = new WeakMap(), h(Be, "ngFields");
 let pe = Be;
-var it, ie, ne;
+var nt, ie, ne;
 const ze = class ze extends HTMLElement {
   constructor() {
     super();
     //#created = false;
-    d(this, it);
+    d(this, nt);
     d(this, ie);
     d(this, ne, /* @__PURE__ */ h(() => {
       this.fields = new pe(this), y(this, ie, new ue(this)), H.log("NineTable connected."), this.dispatchEvent(new CustomEvent("load", { bubbles: !0, detail: { target: this } }));
     }, "#init"));
-    this.attachShadow({ mode: "open" }), y(this, it, new ye(this));
+    this.attachShadow({ mode: "open" }), y(this, nt, new ye(this));
   }
   connectedCallback() {
     t(this, ne).call(this);
@@ -1371,18 +1371,18 @@ const ze = class ze extends HTMLElement {
   }
   // 🎯 외부에서 grid.data.set(...) 형태로 접근할 수 있도록 데이터 매니저 오픈
   get data() {
-    return t(this, it).data;
+    return t(this, nt).data;
   }
   // 🎯 행(row) 관련 제어 접근자 오픈
   get row() {
-    return t(this, it).row;
+    return t(this, nt).row;
   }
   // 🎯 전체 데이터 매니저 접근 필요할 경우
   get dataManager() {
-    return t(this, it);
+    return t(this, nt);
   }
 };
-it = new WeakMap(), ie = new WeakMap(), ne = new WeakMap(), h(ze, "NineTable");
+nt = new WeakMap(), ie = new WeakMap(), ne = new WeakMap(), h(ze, "NineTable");
 let me = ze;
 customElements.get("nine-table") || customElements.define("nine-table", me);
 const xt = class xt extends HTMLElement {
@@ -1509,12 +1509,12 @@ const Pe = class Pe extends ve {
 };
 h(Pe, "EditableCellElement");
 let we = Pe;
-var $t, nt, bt, yt, oe, U, Le;
+var $t, ot, bt, yt, oe, U, Le;
 const je = class je extends we {
   constructor() {
     super();
     d(this, $t);
-    d(this, nt);
+    d(this, ot);
     d(this, bt);
     d(this, yt);
     d(this, oe);
@@ -1555,7 +1555,7 @@ const je = class je extends we {
     		*/
     d(this, Le, /* @__PURE__ */ h((e) => {
       if (!["Escape", "Enter", "Tab", "Home", "End", "ArrowLeft", "ArrowRight", "PageUp", "PageDown", "Backspace", "Delete"].includes(e.code)) {
-        if (t(this, nt) == "number") {
+        if (t(this, ot) == "number") {
           let n = [];
           if (t(this, U) && Number(t(this, U)) > 0 && n.push("."), t(this, yt) && Number(t(this, yt)) >= 0 && n.push("-"), !(e.keyCode >= 48 && e.keyCode <= 57 || e.keyCode >= 96 && e.keyCode <= 105) && !n.includes(e.key) && e.preventDefault(), t(this, U) && (e.keyCode >= 48 && e.keyCode <= 57 || e.keyCode >= 96 && e.keyCode <= 105) && e.target.selectionStart == e.target.selectionEnd) {
             var s = e.target.value, i = s.indexOf(".");
@@ -1568,7 +1568,7 @@ const je = class je extends we {
         t(this, bt) && ninegrid.getByteLength(e.target.value) >= Number(t(this, bt)) && e.target.selectionStart == e.target.selectionEnd && e.preventDefault();
       }
     }, "#onKeyDown"));
-    if (this.applyBaseStyle(), y(this, nt, this.getAttribute("type") || "text"), y(this, bt, this.getAttribute("maxbyte")), y(this, yt, this.getAttribute("min")), y(this, oe, this.getAttribute("max")), y(this, U, this.getAttribute("scale")), !["text", "number"].includes(t(this, nt))) throw `invalid type : ${t(this, nt)}`;
+    if (this.applyBaseStyle(), y(this, ot, this.getAttribute("type") || "text"), y(this, bt, this.getAttribute("maxbyte")), y(this, yt, this.getAttribute("min")), y(this, oe, this.getAttribute("max")), y(this, U, this.getAttribute("scale")), !["text", "number"].includes(t(this, ot))) throw `invalid type : ${t(this, ot)}`;
   }
   connectedCallback() {
     for (var e = [], s = 0; s < this.attributes.length; s++)
@@ -1581,7 +1581,7 @@ const je = class je extends we {
 		`, super.connectedCallback(), y(this, $t, this.querySelector("input"));
   }
 };
-$t = new WeakMap(), nt = new WeakMap(), bt = new WeakMap(), yt = new WeakMap(), oe = new WeakMap(), U = new WeakMap(), Le = new WeakMap(), h(je, "CellInputText");
+$t = new WeakMap(), ot = new WeakMap(), bt = new WeakMap(), yt = new WeakMap(), oe = new WeakMap(), U = new WeakMap(), Le = new WeakMap(), h(je, "CellInputText");
 let Se = je;
 customElements.get("cell-input-text");
 customElements.get("cell-input") || customElements.define("cell-input", Se);