@ninebone/table 0.0.546 → 0.0.547

package/dist/nine-table.js

@@ -389,19 +389,11 @@ const Ie = class Ie {
         t(this, P).set(a, u);
       });
       const r = t(this, S).querySelector(".ng-container-body .ng-part-body"), e = t(this, S).querySelector(".ng-container-left .ng-part-body"), s = t(this, S).querySelector(".ng-container-right .ng-part-body"), i = t(this, S).querySelector(".ng-container-body .ng-part-header"), n = t(this, S).querySelector(".ng-container-body .ng-part-footer");
-      if (r) {
-        t(this, Bt).call(this, r), t(this, At).call(this), t(this, St).call(this), t(this, lt).call(this, r.scrollTop);
-        let a = !1;
-        const o = /* @__PURE__ */ h((c, l, f) => {
-          var u;
-          a || (a = !0, r && r.scrollTop !== c && (r.scrollTop = c), e && e.scrollTop !== c && (e.scrollTop = c), s && s.scrollTop !== c && (s.scrollTop = c), i && i.scrollLeft !== l && (i.scrollLeft = l), n && n.scrollLeft !== l && (n.scrollLeft = l), t(this, lt).call(this, c), (u = t(this, S).querySelector("nine-table-vscrollbar")) == null || u.refresh(), a = !1);
-        }, "syncScroll");
-        [r, e, s].forEach((c) => {
-          c && c.addEventListener("scroll", () => {
-            o(c.scrollTop, c.scrollLeft);
-          });
-        });
-      }
+      r && (t(this, Bt).call(this, r), t(this, At).call(this), t(this, St).call(this), t(this, lt).call(this, r.scrollTop), r.addEventListener("scroll", () => {
+        var c;
+        const a = r.scrollTop, o = r.scrollLeft;
+        e && (e.scrollTop = a), s && (s.scrollTop = a), i && (i.scrollLeft = o), n && (n.scrollLeft = o), t(this, lt).call(this, a), (c = t(this, S).querySelector("nine-table-vscrollbar")) == null || c.refresh();
+      }));
     }, "initialize"));
     d(this, Ot, /* @__PURE__ */ h((r, e) => {
       N.log("rowManager.#renderRows");
@@ -963,17 +955,17 @@ const _e = class _e extends HTMLElement {
 Kt = new WeakMap(), qt = new WeakMap(), h(_e, "NineTableSheets");
 let de = _e;
 customElements.get("nine-table-sheets") || customElements.define("nine-table-sheets", de);
-var M, Zt, kt, Gt;
+var M, Zt, Tt, Gt;
 const Ne = class Ne {
   constructor(r) {
     d(this, M);
     d(this, Zt, /* @__PURE__ */ h(() => {
       t(this, Gt).call(this), new ResizeObserver((r) => {
         for (let e of r)
-          t(this, M).getAttribute("auto-height") === "true" && t(this, kt).call(this);
+          t(this, M).getAttribute("auto-height") === "true" && t(this, Tt).call(this);
       }).observe(t(this, M));
     }, "#init"));
-    d(this, kt, /* @__PURE__ */ h(() => {
+    d(this, Tt, /* @__PURE__ */ h(() => {
       var c, l;
       const r = Array.from(t(this, M).shadowRoot.querySelectorAll("nine-table-sheet.active"));
       if (r.length === 0) return;
@@ -1079,22 +1071,22 @@ const Ne = class Ne {
       const o = t(this, M).shadowRoot.querySelectorAll("nine-table-sheet");
       o == null || o.forEach((c, l) => {
         e[l] && setTimeout(() => {
-          c.generate(e[l]), s && t(this, kt).call(this);
+          c.generate(e[l]), s && t(this, Tt).call(this);
         });
       });
     }, "#render"));
     y(this, M, r), t(this, Zt).call(this);
   }
 };
-M = new WeakMap(), Zt = new WeakMap(), kt = new WeakMap(), Gt = new WeakMap(), h(Ne, "LayoutManager");
+M = new WeakMap(), Zt = new WeakMap(), Tt = new WeakMap(), Gt = new WeakMap(), h(Ne, "LayoutManager");
 let fe = Ne;
-var Tt, ht;
+var kt, ht;
 const We = class We {
   constructor(r) {
-    d(this, Tt);
+    d(this, kt);
     d(this, ht, -1);
-    E(this, "count", /* @__PURE__ */ h(() => t(this, Tt).rawRecords.length, "count"));
-    y(this, Tt, r);
+    E(this, "count", /* @__PURE__ */ h(() => t(this, kt).rawRecords.length, "count"));
+    y(this, kt, r);
   }
   get at() {
     return t(this, ht);
@@ -1104,13 +1096,13 @@ const We = class We {
     });
   }
 };
-Tt = new WeakMap(), ht = new WeakMap(), h(We, "ngRow");
+kt = new WeakMap(), ht = new WeakMap(), h(We, "ngRow");
 let ue = We;
-var I, k, _, dt, Jt, Y, Qt, rt, Ct, te, ee, ft;
+var I, T, _, dt, Jt, Y, Qt, rt, Ct, te, ee, ft;
 const O = class O {
   constructor(r, e) {
     d(this, I);
-    d(this, k);
+    d(this, T);
     d(this, _, []);
     d(this, dt, []);
     d(this, Jt, 0);
@@ -1121,7 +1113,7 @@ const O = class O {
       Array.from(r).forEach((e) => {
         var s;
         t(this, Y).push(((s = e.getBoundingClientRect) == null ? void 0 : s.call(e).height) || 24);
-      }), (t(this, k).rawRecords || []).forEach((e) => {
+      }), (t(this, T).rawRecords || []).forEach((e) => {
         e.__ng || (e.__ng = t(this, Ct).call(this)), e.__ng.height = t(this, Y).slice();
       });
     }, "#initialize"));
@@ -1160,7 +1152,7 @@ const O = class O {
     }, "reset"));
     E(this, "clear", /* @__PURE__ */ h(() => {
       var r;
-      t(this, k).rawRecords = [], y(this, _, []), y(this, dt, []), (r = t(this, k).viewRecords) != null && r.reset && t(this, k).viewRecords.reset();
+      t(this, T).rawRecords = [], y(this, _, []), y(this, dt, []), (r = t(this, T).viewRecords) != null && r.reset && t(this, T).viewRecords.reset();
     }, "clear"));
     d(this, te, /* @__PURE__ */ h((r) => {
       var i;
@@ -1179,19 +1171,19 @@ const O = class O {
     E(this, "add", /* @__PURE__ */ h((r, e = !0) => {
       r === void 0 && (r = {});
       const s = t(this, te).call(this, r);
-      t(this, k).rawRecords = t(this, k).rawRecords.concat(t(this, ee).call(this, s)), this.resetRecords();
+      t(this, T).rawRecords = t(this, T).rawRecords.concat(t(this, ee).call(this, s)), this.resetRecords();
       const i = this.count() - 1;
       return e || s.forEach((n, a) => {
-        const o = t(this, k).rawRecords[i - a];
+        const o = t(this, T).rawRecords[i - a];
         o && (o.__ng.rowState = O.ROW_STATE.EMPTY);
       }), t(this, rt).call(this), i;
     }, "add"));
     E(this, "delete", /* @__PURE__ */ h((r) => {
       let e = [];
-      Array.isArray(r) ? e = r : typeof r > "u" ? e = [t(this, k).host.row.at] : e = [parseInt(r, 10)], e.sort((s, i) => i - s).forEach((s) => {
+      Array.isArray(r) ? e = r : typeof r > "u" ? e = [t(this, T).host.row.at] : e = [parseInt(r, 10)], e.sort((s, i) => i - s).forEach((s) => {
         if (t(this, _)[s]) {
           const i = t(this, _)[s].__ng.rowid;
-          t(this, _)[s].__ng.rowState === O.ROW_STATE.INSERT ? t(this, k).rawRecords = t(this, k).rawRecords.filter((n) => n.__ng.rowid !== i) : t(this, k).rawRecords.forEach((n) => {
+          t(this, _)[s].__ng.rowState === O.ROW_STATE.INSERT ? t(this, T).rawRecords = t(this, T).rawRecords.filter((n) => n.__ng.rowid !== i) : t(this, T).rawRecords.forEach((n) => {
             n.__ng.rowid === i && (n.__ng.deleted = !0, n.__ng.rowState = O.ROW_STATE.DELETE);
           });
         }
@@ -1208,13 +1200,13 @@ const O = class O {
       o !== s && a.__ng.rowState !== O.ROW_STATE.INSERT && (a.__ng.o.hasOwnProperty(e) || (a.__ng.o[e] = o), a.__ng.rowState = O.ROW_STATE.UPDATE), a.v[n] = s;
     }, "setValue"));
     E(this, "resetRecords", /* @__PURE__ */ h(() => {
-      y(this, dt, t(this, k).rawRecords.filter((r) => !r.__ng.deleted)), y(this, _, t(this, k).rawRecords.filter((r) => !r.__ng.deleted && !r.__ng.filtered)), t(this, k).rawRecords.forEach((r, e) => {
+      y(this, dt, t(this, T).rawRecords.filter((r) => !r.__ng.deleted)), y(this, _, t(this, T).rawRecords.filter((r) => !r.__ng.deleted && !r.__ng.filtered)), t(this, T).rawRecords.forEach((r, e) => {
         r.__ng.rowidx = e;
       }), t(this, _).forEach((r, e) => {
         r.__ng.i = e;
       });
     }, "resetRecords"));
-    E(this, "getValidData", /* @__PURE__ */ h(() => (t(this, _).length === 0 && t(this, k).rawRecords.length > 0 && this.resetRecords(), t(this, _)), "getValidData"));
+    E(this, "getValidData", /* @__PURE__ */ h(() => (t(this, _).length === 0 && t(this, T).rawRecords.length > 0 && this.resetRecords(), t(this, _)), "getValidData"));
     d(this, ft, /* @__PURE__ */ h((r) => {
       var a;
       if (!r) return r;
@@ -1227,10 +1219,10 @@ const O = class O {
       return e ? n[0] : n;
     }, "#conv"));
     E(this, "count", /* @__PURE__ */ h(() => this.getValidData().length, "count"));
-    y(this, I, r), y(this, k, e), t(this, Qt).call(this);
+    y(this, I, r), y(this, T, e), t(this, Qt).call(this);
   }
   get source() {
-    return t(this, ft).call(this, t(this, k).rawRecords);
+    return t(this, ft).call(this, t(this, T).rawRecords);
   }
   set source(r) {
     this.clear(), this.add(r, !1);
@@ -1248,7 +1240,7 @@ const O = class O {
     return this.length;
   }
 };
-I = new WeakMap(), k = new WeakMap(), _ = new WeakMap(), dt = new WeakMap(), Jt = new WeakMap(), Y = new WeakMap(), Qt = new WeakMap(), rt = new WeakMap(), Ct = new WeakMap(), te = new WeakMap(), ee = new WeakMap(), ft = new WeakMap(), h(O, "ngData"), // 🎯 행 상태 정의 상수를 클래스 내부로 내재화
+I = new WeakMap(), T = new WeakMap(), _ = new WeakMap(), dt = new WeakMap(), Jt = new WeakMap(), Y = new WeakMap(), Qt = new WeakMap(), rt = new WeakMap(), Ct = new WeakMap(), te = new WeakMap(), ee = new WeakMap(), ft = new WeakMap(), h(O, "ngData"), // 🎯 행 상태 정의 상수를 클래스 내부로 내재화
 E(O, "ROW_STATE", {
   EMPTY: "EMPTY",
   NORMAL: "NORMAL",
@@ -1400,17 +1392,17 @@ const mt = class mt extends HTMLElement {
 };
 h(mt, "BasicCellElement"), E(mt, "_styleCache", /* @__PURE__ */ new Map()), E(mt, "_customStyleCache", /* @__PURE__ */ new Map());
 let me = mt;
-var T, Ht, p, Re, qe, ke, Te, Ce;
+var k, Ht, p, Re, qe, Te, ke, Ce;
 const Pe = class Pe extends me {
   constructor() {
     super();
-    d(this, T);
+    d(this, k);
     d(this, Ht);
     d(this, p);
     d(this, Re);
     d(this, qe);
-    d(this, ke);
     d(this, Te);
+    d(this, ke);
     E(this, "getDisplayText", /* @__PURE__ */ h((e) => {
       if (t(this, p))
         if (t(this, p).closest("tbody")) {
@@ -1427,12 +1419,12 @@ const Pe = class Pe extends me {
           return ninegrid.nvl(e, "");
         } else
           try {
-            return t(this, T).exprFunction(t(this, p).dataset.expr).call(this, null, -1, t(this, T).data);
+            return t(this, k).exprFunction(t(this, p).dataset.expr).call(this, null, -1, t(this, k).data);
           } catch {
           }
     }, "getDisplayText"));
     d(this, Ce, /* @__PURE__ */ h(() => {
-      if (!(!t(this, T) || !t(this, T).template || !t(this, p).closest("tbody.bindable"))) {
+      if (!(!t(this, k) || !t(this, k).template || !t(this, p).closest("tbody.bindable"))) {
         var e = ninegrid.j.querySelectorAll(t(this, p)).attr("suppress");
         if (e && (e = parseInt(e)), e && !isNaN(e)) {
           var s = t(this, p).closest("tr"), i = [];
@@ -1441,12 +1433,12 @@ const Pe = class Pe extends me {
             C && W.dataset.row && (C = parseInt(C), !isNaN(C) && C <= e && i.push(C));
           }), i.sort();
           var n = !1;
-          if (parseInt(s.sectionRowIndex / t(this, T).template.length) > 0)
+          if (parseInt(s.sectionRowIndex / t(this, k).template.length) > 0)
             for (var a of i) {
               if (a > e) break;
-              var o = parseInt(t(this, p).dataset.row), c = o - 1, l = t(this, p).closest("tr").data, f = t(this, T).data.get(c);
+              var o = parseInt(t(this, p).dataset.row), c = o - 1, l = t(this, p).closest("tr").data, f = t(this, k).data.get(c);
               t(this, p).dataset.matrixRow;
-              var u = t(this, T).body.querySelector(`tbody.bindable [suppress="${a}"][data-matrix-row="${t(this, p).dataset.matrixRow}"]`), g = u.dataset.expr ? this.getExprValue(u.dataset.expr, l, o) : l[u.dataset.bind], b = u.dataset.expr ? this.getExprValue(u.dataset.expr, f, c) : f[u.dataset.bind];
+              var u = t(this, k).body.querySelector(`tbody.bindable [suppress="${a}"][data-matrix-row="${t(this, p).dataset.matrixRow}"]`), g = u.dataset.expr ? this.getExprValue(u.dataset.expr, l, o) : l[u.dataset.bind], b = u.dataset.expr ? this.getExprValue(u.dataset.expr, f, c) : f[u.dataset.bind];
               if (g != b) {
                 n = !0;
                 break;
@@ -1455,7 +1447,7 @@ const Pe = class Pe extends me {
           else
             n = !0;
           n ? ninegrid.j.querySelectorAll(t(this, p)).removeClass("suppress") : ninegrid.j.querySelectorAll(t(this, p)).addClass("suppress"), ninegrid.j.querySelectorAll(t(this, p)).hasClass("hidden") || (n ? ninegrid.j.querySelectorAll(t(this, p)).removeClass("hidden") : ninegrid.j.querySelectorAll(t(this, p)).addClass("hidden"));
-          var x = parseInt(t(this, p).dataset.matrixRow), v = x - 1, A = t(this, T).body.querySelector(`tbody.bindable [data-col="${t(this, p).dataset.col}"][data-matrix-row="${v}"]`);
+          var x = parseInt(t(this, p).dataset.matrixRow), v = x - 1, A = t(this, k).body.querySelector(`tbody.bindable [data-col="${t(this, p).dataset.col}"][data-matrix-row="${v}"]`);
           $(A).hasClass("suppress") && !ninegrid.j.querySelectorAll(t(this, p)).hasClass("suppress") ? ninegrid.j.querySelectorAll(A).removeClass("last-none-suppress").addClass("last-suppress") : !$(A).hasClass("suppress") && ninegrid.j.querySelectorAll(t(this, p)).hasClass("suppress") ? ninegrid.j.querySelectorAll(A).removeClass("last-suppress").addClass("last-none-suppress") : ninegrid.j.querySelectorAll(A).removeClass("last-none-suppress").removeClass("last-suppress");
         }
       }
@@ -1465,7 +1457,7 @@ const Pe = class Pe extends me {
         try {
           i = parseInt(i);
           const a = e.replace("()", "");
-          return t(this, T)[a] ? t(this, T)[a].call(this, s, i, t(this, p)) : t(this, T).exprFunction(e).call(this, s, i, t(this, T).data);
+          return t(this, k)[a] ? t(this, k)[a].call(this, s, i, t(this, p)) : t(this, k).exprFunction(e).call(this, s, i, t(this, k).data);
         } catch {
           return ["NG-COMBO"].includes(this.tagName) ? "" : e;
         }
@@ -1474,16 +1466,16 @@ const Pe = class Pe extends me {
     }, "getExprValue"));
   }
   connectedCallback() {
-    super.connectedCallback(), y(this, T, this.getRootNode().host), y(this, p, this.closest("th,td")), y(this, Ht, t(this, p).closest("tr"));
+    super.connectedCallback(), y(this, k, this.getRootNode().host), y(this, p, this.closest("th,td")), y(this, Ht, t(this, p).closest("tr"));
   }
   get value() {
-    var e = !t(this, T) || !t(this, T).dataManager || !t(this, p) || !t(this, p).dataset || !t(this, p).dataset.row || !t(this, p).dataset.bind ? "" : t(this, p).closest("tr").data[t(this, p).dataset.bind];
+    var e = !t(this, k) || !t(this, k).dataManager || !t(this, p) || !t(this, p).dataset || !t(this, p).dataset.row || !t(this, p).dataset.bind ? "" : t(this, p).closest("tr").data[t(this, p).dataset.bind];
     return e ?? "";
   }
   set value(e) {
     var s = parseInt(t(this, p).dataset.row);
     const i = this.getAttribute("update-row-state") != "false";
-    s < 0 ? t(this, T).data.setValueNF(parseInt(t(this, p).dataset.index), t(this, p).dataset.bind, e, i) : t(this, T).data.setValue(s, t(this, p).dataset.bind, e, i);
+    s < 0 ? t(this, k).data.setValueNF(parseInt(t(this, p).dataset.index), t(this, p).dataset.bind, e, i) : t(this, k).data.setValue(s, t(this, p).dataset.bind, e, i);
   }
   get row() {
     return parseInt(t(this, p).dataset.row);
@@ -1496,7 +1488,7 @@ const Pe = class Pe extends me {
     return parseInt(t(this, p).dataset.row), t(this, Ht).data[e];
   }
 };
-T = new WeakMap(), Ht = new WeakMap(), p = new WeakMap(), Re = new WeakMap(), qe = new WeakMap(), ke = new WeakMap(), Te = new WeakMap(), Ce = new WeakMap(), h(Pe, "CellElement");
+k = new WeakMap(), Ht = new WeakMap(), p = new WeakMap(), Re = new WeakMap(), qe = new WeakMap(), Te = new WeakMap(), ke = new WeakMap(), Ce = new WeakMap(), h(Pe, "CellElement");
 let xe = Pe;
 const De = class De extends xe {
   constructor() {