@ninebone/table 0.0.462 → 0.0.464

package/dist/nine-table.js

@@ -4,7 +4,7 @@ var je = (R) => {
 };
 var Ye = (R, i, e) => i in R ? Pe(R, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : R[i] = e;
 var c = (R, i) => Pe(R, "name", { value: i, configurable: !0 });
-var w = (R, i, e) => Ye(R, typeof i != "symbol" ? i + "" : i, e), Fe = (R, i, e) => i.has(R) || je("Cannot " + e);
+var S = (R, i, e) => Ye(R, typeof i != "symbol" ? i + "" : i, e), Fe = (R, i, e) => i.has(R) || je("Cannot " + e);
 var t = (R, i, e) => (Fe(R, i, "read from private field"), e ? e.call(R) : i.get(R)), d = (R, i, e) => i.has(R) ? je("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(R) : i.set(R, e), b = (R, i, e, s) => (Fe(R, i, "write to private field"), s ? s.call(R, e) : i.set(R, e), e);
 var Ve = (R, i, e, s) => ({
   set _(r) {
@@ -23,13 +23,13 @@ const Ce = class Ce extends Ue.constructor {
 c(Ce, "Trace");
 let oe = Ce;
 const D = new oe();
-var B, j, S, X, K, Z, Mt, G, It;
+var B, j, w, X, K, Z, Mt, G, It;
 const Le = class Le extends HTMLElement {
   constructor() {
     super();
     d(this, B);
     d(this, j, !1);
-    d(this, S);
+    d(this, w);
     d(this, X);
     d(this, K);
     d(this, Z);
@@ -40,11 +40,11 @@ const Le = class Le extends HTMLElement {
         this.refresh();
       })), t(this, Z).observe(e));
     }, "#observeResize"));
-    w(this, "refresh", /* @__PURE__ */ c(() => {
-      if (!t(this, B) || !t(this, S) || t(this, j)) return;
-      const e = t(this, S).container, s = e.querySelector("table");
+    S(this, "refresh", /* @__PURE__ */ c(() => {
+      if (!t(this, B) || !t(this, w) || t(this, j)) return;
+      const e = t(this, w).container, s = e.querySelector("table");
       if (!s) return;
-      const r = t(this, S).track, n = t(this, S).thumb, o = t(this, B).querySelector(".ng-container-bottom"), a = e.clientWidth, h = s.scrollWidth;
+      const r = t(this, w).track, n = t(this, w).thumb, o = t(this, B).querySelector(".ng-container-bottom"), a = e.clientWidth, h = s.scrollWidth;
       if (a !== 0 && h > a)
         o && (o.style.display = "flex");
       else {
@@ -59,27 +59,27 @@ const Le = class Le extends HTMLElement {
       let g = 0;
       p > 0 && (g = parseInt(u / p * (l - f), 10)), g < 0 && (g = 0);
       const m = l - f;
-      g > m && (g = m), n.style.left = `${g}px`, t(this, S).left.disabled = g === 0, t(this, S).right.disabled = g >= m - 1;
+      g > m && (g = m), n.style.left = `${g}px`, t(this, w).left.disabled = g === 0, t(this, w).right.disabled = g >= m - 1;
     }, "refresh"));
     d(this, G, /* @__PURE__ */ c((e) => {
-      if (!t(this, S)) return !1;
-      const s = t(this, S).container, r = s.querySelector("table");
+      if (!t(this, w)) return !1;
+      const s = t(this, w).container, r = s.querySelector("table");
       if (!r) return !1;
-      const n = t(this, S).track.getBoundingClientRect(), o = t(this, S).thumb.clientWidth;
+      const n = t(this, w).track.getBoundingClientRect(), o = t(this, w).thumb.clientWidth;
       let a = e;
       a < 0 && (a = 0);
       const h = n.width - o;
-      a > h && (a = h), a = parseInt(a, 10), t(this, S).thumb.style.left = `${a}px`, t(this, S).left.disabled = a === 0, t(this, S).right.disabled = a >= h - 1;
+      a > h && (a = h), a = parseInt(a, 10), t(this, w).thumb.style.left = `${a}px`, t(this, w).left.disabled = a === 0, t(this, w).right.disabled = a >= h - 1;
       const l = s.clientWidth, u = r.scrollWidth - l;
       return h > 0 && u > 0 && (s.scrollLeft = a / h * u), a > 0 && a < h - 1;
     }, "#thumbMoveTo"));
     d(this, It, /* @__PURE__ */ c(() => {
       const e = /* @__PURE__ */ c((r) => {
         clearInterval(t(this, X)), clearInterval(t(this, K));
-        const n = parseInt(t(this, S).thumb.style.left || 0, 10);
+        const n = parseInt(t(this, w).thumb.style.left || 0, 10);
         t(this, G).call(this, n + r), b(this, X, setInterval(() => {
           clearInterval(t(this, X)), b(this, K, setInterval(() => {
-            const o = parseInt(t(this, S).thumb.style.left || 0, 10);
+            const o = parseInt(t(this, w).thumb.style.left || 0, 10);
             t(this, G).call(this, o + r) || clearInterval(t(this, K));
           }, 50));
         }, 500));
@@ -87,22 +87,22 @@ const Le = class Le extends HTMLElement {
         clearInterval(t(this, X)), clearInterval(t(this, K));
       }, "clearTimer");
       ["mouseup", "mouseleave", "touchend"].forEach((r) => {
-        t(this, S).left.addEventListener(r, s), t(this, S).right.addEventListener(r, s), t(this, S).track.addEventListener(r, s);
-      }), t(this, S).left.addEventListener("mousedown", (r) => {
+        t(this, w).left.addEventListener(r, s), t(this, w).right.addEventListener(r, s), t(this, w).track.addEventListener(r, s);
+      }), t(this, w).left.addEventListener("mousedown", (r) => {
         r.button === 0 && e(-20);
-      }), t(this, S).right.addEventListener("mousedown", (r) => {
+      }), t(this, w).right.addEventListener("mousedown", (r) => {
         r.button === 0 && e(20);
-      }), t(this, S).left.addEventListener("touchstart", () => e(-20)), t(this, S).right.addEventListener("touchstart", () => e(20)), t(this, S).track.addEventListener("mousedown", (r) => {
+      }), t(this, w).left.addEventListener("touchstart", () => e(-20)), t(this, w).right.addEventListener("touchstart", () => e(20)), t(this, w).track.addEventListener("mousedown", (r) => {
         if (r.button !== 0) return;
         r.preventDefault();
-        const n = t(this, S).track.getBoundingClientRect(), o = t(this, S).thumb.clientWidth;
+        const n = t(this, w).track.getBoundingClientRect(), o = t(this, w).thumb.clientWidth;
         t(this, G).call(this, r.clientX - n.left - o / 2);
-      }), t(this, S).thumb.addEventListener("mousedown", (r) => {
+      }), t(this, w).thumb.addEventListener("mousedown", (r) => {
         if (r.button !== 0) return;
-        r.stopPropagation(), r.preventDefault(), b(this, j, !0), this.shiftX = r.clientX - t(this, S).thumb.getBoundingClientRect().left;
+        r.stopPropagation(), r.preventDefault(), b(this, j, !0), this.shiftX = r.clientX - t(this, w).thumb.getBoundingClientRect().left;
         const n = /* @__PURE__ */ c((a) => {
           if (!t(this, j)) return;
-          const h = t(this, S).track.getBoundingClientRect();
+          const h = t(this, w).track.getBoundingClientRect();
           t(this, G).call(this, a.clientX - h.left - this.shiftX);
         }, "onMouseMove"), o = /* @__PURE__ */ c(() => {
           b(this, j, !1), s(), document.removeEventListener("mousemove", n), document.removeEventListener("mouseup", o), this.refresh();
@@ -182,7 +182,7 @@ const Le = class Le extends HTMLElement {
         setTimeout(e, 10);
         return;
       }
-      b(this, S, {
+      b(this, w, {
         container: s,
         track: this.querySelector(".ng-scroll-track"),
         thumb: this.querySelector(".ng-scroll-thumb"),
@@ -198,7 +198,7 @@ const Le = class Le extends HTMLElement {
     t(this, Z) && t(this, Z).disconnect();
   }
 };
-B = new WeakMap(), j = new WeakMap(), S = new WeakMap(), X = new WeakMap(), K = new WeakMap(), Z = new WeakMap(), Mt = new WeakMap(), G = new WeakMap(), It = new WeakMap(), c(Le, "NineTableHScrollBar");
+B = new WeakMap(), j = new WeakMap(), w = new WeakMap(), X = new WeakMap(), K = new WeakMap(), Z = new WeakMap(), Mt = new WeakMap(), G = new WeakMap(), It = new WeakMap(), c(Le, "NineTableHScrollBar");
 let ae = Le;
 customElements.get("nine-table-hscrollbar") || customElements.define("nine-table-hscrollbar", ae);
 var F, ot, J, q, xt, vt, _t;
@@ -211,7 +211,7 @@ const He = class He extends HTMLElement {
     d(this, q);
     d(this, xt, 0);
     d(this, vt, 0);
-    w(this, "refresh", /* @__PURE__ */ c(() => {
+    S(this, "refresh", /* @__PURE__ */ c(() => {
       if (!t(this, F) || !t(this, q)) return;
       const e = t(this, q).container, s = t(this, q).track, r = t(this, q).thumb, n = e.clientHeight, a = (t(this, F).data.get() || []).length, h = t(this, ot).getRowHeight(), l = a * h;
       if (l <= n) {
@@ -365,12 +365,12 @@ const $e = class $e {
     d(this, wt, 40);
     d(this, at, !1);
     d(this, Nt, 3);
-    w(this, "refresh", /* @__PURE__ */ c(() => {
+    S(this, "refresh", /* @__PURE__ */ c(() => {
       var e;
       const i = t(this, A).querySelector(".ng-container-body .ng-part-body");
       i && (t(this, St).call(this), t(this, lt).call(this, i.scrollTop), (e = t(this, A).querySelector("nine-table-vscrollbar")) == null || e.refresh());
     }, "refresh"));
-    w(this, "initialize", /* @__PURE__ */ c(() => {
+    S(this, "initialize", /* @__PURE__ */ c(() => {
       b(this, H, null), t(this, z).clear(), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((r) => {
         const n = t(this, A).querySelector(r);
         if (!n) return;
@@ -570,7 +570,7 @@ const $e = class $e {
         g > 0 && (r[u] && (r[u].style.height = `${g}px`), n[u] && (n[u].style.height = `${g}px`), o[u] && (o[u].style.height = `${g}px`));
       }
     }, "#syncHeaderHeights"));
-    w(this, "destroy", /* @__PURE__ */ c(() => {
+    S(this, "destroy", /* @__PURE__ */ c(() => {
       t(this, V) && (t(this, V).disconnect(), b(this, V, null));
     }, "destroy"));
     b(this, P, i.getRootNode().host), b(this, A, i), t(this, zt).call(this);
@@ -671,7 +671,7 @@ const yt = class yt extends HTMLElement {
     d(this, Ft);
     d(this, tt, null);
     d(this, et);
-    w(this, "invalidate", /* @__PURE__ */ c(() => {
+    S(this, "invalidate", /* @__PURE__ */ c(() => {
       var e, s;
       t(this, et).refresh(), (e = this.querySelector("nine-table-hscrollbar")) == null || e.refresh(), (s = this.querySelector("nine-table-vscrollbar")) == null || s.refresh();
     }, "invalidate"));
@@ -707,7 +707,7 @@ const yt = class yt extends HTMLElement {
         }), e === "body" ? s.style.flex = "1" : (s.style.flex = `0 0 ${n}px`, s.style.width = `${n}px`);
       });
     }, "#updateContainerWidths"));
-    w(this, "generate", /* @__PURE__ */ c((e) => {
+    S(this, "generate", /* @__PURE__ */ c((e) => {
       e && (b(this, tt, he.compile(e)), t(this, Vt).call(this), t(this, Yt).call(this), t(this, et).initialize(), setTimeout(() => {
         var s;
         (s = this.querySelector("nine-table-hscrollbar")) == null || s.refresh();
@@ -729,12 +729,12 @@ const yt = class yt extends HTMLElement {
         l.remove();
       }), n;
     }, "#createSplitTable"));
-    w(this, "getRowHeight", /* @__PURE__ */ c(() => t(this, et).getRowHeight(), "getRowHeight"));
-    w(this, "scrollToX", /* @__PURE__ */ c((e) => {
+    S(this, "getRowHeight", /* @__PURE__ */ c(() => t(this, et).getRowHeight(), "getRowHeight"));
+    S(this, "scrollToX", /* @__PURE__ */ c((e) => {
       const s = this.querySelector(".ng-container-body .ng-part-body");
       s && (s.scrollLeft = e);
     }, "scrollToX"));
-    w(this, "scrollToY", /* @__PURE__ */ c((e) => {
+    S(this, "scrollToY", /* @__PURE__ */ c((e) => {
       const s = this.querySelector(".ng-container-body .ng-part-body");
       s && (s.scrollTop = e);
     }, "scrollToY"));
@@ -893,7 +893,7 @@ const yt = class yt extends HTMLElement {
     this.innerHTML = "", D.log("NineTableSheet destroyed.");
   }
 };
-Ft = new WeakMap(), tt = new WeakMap(), et = new WeakMap(), Vt = new WeakMap(), Yt = new WeakMap(), ct = new WeakMap(), Ut = new WeakMap(), Xt = new WeakMap(), c(yt, "NineTableSheet"), w(yt, "SCROLLBAR_SIZE", 16);
+Ft = new WeakMap(), tt = new WeakMap(), et = new WeakMap(), Vt = new WeakMap(), Yt = new WeakMap(), ct = new WeakMap(), Ut = new WeakMap(), Xt = new WeakMap(), c(yt, "NineTableSheet"), S(yt, "SCROLLBAR_SIZE", 16);
 let $t = yt;
 customElements.get("nine-table-sheet") || customElements.define("nine-table-sheet", $t);
 var Kt, qt;
@@ -1077,7 +1077,7 @@ const _e = class _e {
   constructor(i) {
     d(this, Tt);
     d(this, ht, -1);
-    w(this, "count", /* @__PURE__ */ c(() => t(this, Tt).rawRecords.length, "count"));
+    S(this, "count", /* @__PURE__ */ c(() => t(this, Tt).rawRecords.length, "count"));
     b(this, Tt, i);
   }
   get at() {
@@ -1114,7 +1114,7 @@ const N = class N {
         i.invalidate();
       });
     }, "#invalidate"));
-    w(this, "get", /* @__PURE__ */ c((i, e) => {
+    S(this, "get", /* @__PURE__ */ c((i, e) => {
       var n;
       const s = this.getValidData();
       if (!s || s.length <= 0) return;
@@ -1127,7 +1127,7 @@ const N = class N {
       }
       return t(this, ft).call(this, s[i]);
     }, "get"));
-    w(this, "set", /* @__PURE__ */ c((i) => {
+    S(this, "set", /* @__PURE__ */ c((i) => {
       this.clear(), this.add(i, !1), t(this, st).call(this);
     }, "set"));
     d(this, Ct, /* @__PURE__ */ c(() => ({
@@ -1139,10 +1139,10 @@ const N = class N {
       c: {},
       _: [0, 0, 0, 0, N.ROW_STATE.EMPTY, !1, !1, !0, !1, !0, !0, !1, t(this, Y).slice(), -1, {}, {}]
     }), "#getDefaultMeta"));
-    w(this, "reset", /* @__PURE__ */ c(() => {
+    S(this, "reset", /* @__PURE__ */ c(() => {
       b(this, _, []), b(this, dt, []), t(this, st).call(this);
     }, "reset"));
-    w(this, "clear", /* @__PURE__ */ c(() => {
+    S(this, "clear", /* @__PURE__ */ c(() => {
       var i;
       t(this, k).rawRecords = [], b(this, _, []), b(this, dt, []), (i = t(this, k).viewRecords) != null && i.reset && t(this, k).viewRecords.reset();
     }, "clear"));
@@ -1160,7 +1160,7 @@ const N = class N {
     d(this, ee, /* @__PURE__ */ c((i) => (Array.isArray(i) || (i = [i]), i.forEach((e) => {
       e.__ng = t(this, Ct).call(this), e.__ng.rowid = this.nextId, e.__ng.rowState = N.ROW_STATE.INSERT, e.__ng._[0] = e.__ng.rowid;
     }), i), "#defaultInsert"));
-    w(this, "add", /* @__PURE__ */ c((i, e = !0) => {
+    S(this, "add", /* @__PURE__ */ c((i, e = !0) => {
       i === void 0 && (i = {});
       const s = t(this, te).call(this, i);
       t(this, k).rawRecords = t(this, k).rawRecords.concat(t(this, ee).call(this, s)), this.resetRecords();
@@ -1170,7 +1170,7 @@ const N = class N {
         a && (a.__ng.rowState = N.ROW_STATE.EMPTY);
       }), t(this, st).call(this), r;
     }, "add"));
-    w(this, "delete", /* @__PURE__ */ c((i) => {
+    S(this, "delete", /* @__PURE__ */ c((i) => {
       let e = [];
       Array.isArray(i) ? e = i : typeof i > "u" ? e = [t(this, k).host.row.at] : e = [parseInt(i, 10)], e.sort((s, r) => r - s).forEach((s) => {
         if (t(this, _)[s]) {
@@ -1181,7 +1181,7 @@ const N = class N {
         }
       }), this.resetRecords(), t(this, st).call(this);
     }, "delete"));
-    w(this, "setValue", /* @__PURE__ */ c((i, e, s) => {
+    S(this, "setValue", /* @__PURE__ */ c((i, e, s) => {
       var h;
       i = parseInt(i, 10);
       const n = (typeof ((h = t(this, I).fields) == null ? void 0 : h.get) == "function" ? t(this, I).fields.get() : []).indexOf(e);
@@ -1191,14 +1191,14 @@ const N = class N {
       const a = o.v[n];
       a !== s && o.__ng.rowState !== N.ROW_STATE.INSERT && (o.__ng.o.hasOwnProperty(e) || (o.__ng.o[e] = a), o.__ng.rowState = N.ROW_STATE.UPDATE), o.v[n] = s;
     }, "setValue"));
-    w(this, "resetRecords", /* @__PURE__ */ c(() => {
+    S(this, "resetRecords", /* @__PURE__ */ c(() => {
       b(this, dt, t(this, k).rawRecords.filter((i) => !i.__ng.deleted)), b(this, _, t(this, k).rawRecords.filter((i) => !i.__ng.deleted && !i.__ng.filtered)), t(this, k).rawRecords.forEach((i, e) => {
         i.__ng.rowidx = e;
       }), t(this, _).forEach((i, e) => {
         i.__ng.i = e;
       });
     }, "resetRecords"));
-    w(this, "getValidData", /* @__PURE__ */ c(() => (t(this, _).length === 0 && t(this, k).rawRecords.length > 0 && this.resetRecords(), t(this, _)), "getValidData"));
+    S(this, "getValidData", /* @__PURE__ */ c(() => (t(this, _).length === 0 && t(this, k).rawRecords.length > 0 && this.resetRecords(), t(this, _)), "getValidData"));
     d(this, ft, /* @__PURE__ */ c((i) => {
       var o;
       if (!i) return i;
@@ -1210,7 +1210,7 @@ const N = class N {
       });
       return e ? n[0] : n;
     }, "#conv"));
-    w(this, "count", /* @__PURE__ */ c(() => this.getValidData().length, "count"));
+    S(this, "count", /* @__PURE__ */ c(() => this.getValidData().length, "count"));
     b(this, I, i), b(this, k, e), t(this, Qt).call(this);
   }
   get source() {
@@ -1230,7 +1230,7 @@ const N = class N {
   }
 };
 I = new WeakMap(), k = new WeakMap(), _ = new WeakMap(), dt = new WeakMap(), Jt = new WeakMap(), Y = new WeakMap(), Qt = new WeakMap(), st = new WeakMap(), Ct = new WeakMap(), te = new WeakMap(), ee = new WeakMap(), ft = new WeakMap(), c(N, "ngData"), // 🎯 행 상태 정의 상수를 클래스 내부로 내재화
-w(N, "ROW_STATE", {
+S(N, "ROW_STATE", {
   EMPTY: "EMPTY",
   NORMAL: "NORMAL",
   INSERT: "INSERT",
@@ -1267,7 +1267,7 @@ const We = class We {
   constructor(i) {
     d(this, ut);
     d(this, L, []);
-    w(this, "add", /* @__PURE__ */ c((i, e = "string") => {
+    S(this, "add", /* @__PURE__ */ c((i, e = "string") => {
       i.forEach((s) => {
         t(this, L).some((r) => r.name === s) || t(this, L).push({ name: s, type: e });
       }), t(this, Lt).call(this);
@@ -1379,7 +1379,7 @@ const mt = class mt extends HTMLElement {
   connectedCallback() {
   }
 };
-c(mt, "BasicCellElement"), w(mt, "_styleCache", /* @__PURE__ */ new Map()), w(mt, "_customStyleCache", /* @__PURE__ */ new Map());
+c(mt, "BasicCellElement"), S(mt, "_styleCache", /* @__PURE__ */ new Map()), S(mt, "_customStyleCache", /* @__PURE__ */ new Map());
 let me = mt;
 var T, Ht, y, Se, Ee, Ae, Re, qe;
 const Be = class Be extends me {
@@ -1392,7 +1392,7 @@ const Be = class Be extends me {
     d(this, Ee);
     d(this, Ae);
     d(this, Re);
-    w(this, "getDisplayText", /* @__PURE__ */ c((e) => {
+    S(this, "getDisplayText", /* @__PURE__ */ c((e) => {
       if (t(this, y))
         if (t(this, y).closest("tbody")) {
           const s = t(this, y).closest("tr").data, r = parseInt(t(this, y).dataset.row);
@@ -1412,11 +1412,6 @@ const Be = class Be extends me {
           } catch {
           }
     }, "getDisplayText"));
-    w(this, "reset", /* @__PURE__ */ c(() => {
-      D.log("super reset"), parseInt(t(this, y).dataset.row);
-      const e = t(this, Ht).data;
-      D.log(e);
-    }, "reset"));
     d(this, qe, /* @__PURE__ */ c(() => {
       if (!(!t(this, T) || !t(this, T).template || !t(this, y).closest("tbody.bindable"))) {
         var e = ninegrid.j.querySelectorAll(t(this, y)).attr("suppress");
@@ -1446,7 +1441,7 @@ const Be = class Be extends me {
         }
       }
     }, "#resetSuppress"));
-    w(this, "getExprValue", /* @__PURE__ */ c((e, s, r, n) => {
+    S(this, "getExprValue", /* @__PURE__ */ c((e, s, r, n) => {
       if (typeof e < "u")
         try {
           r = parseInt(r);
@@ -1477,19 +1472,24 @@ const Be = class Be extends me {
   get data() {
     return t(this, y).closest("tr").data;
   }
+  reset() {
+    D.log("super reset"), parseInt(t(this, y).dataset.row);
+    const e = t(this, Ht).data;
+    D.log(e);
+  }
 };
 T = new WeakMap(), Ht = new WeakMap(), y = new WeakMap(), Se = new WeakMap(), Ee = new WeakMap(), Ae = new WeakMap(), Re = new WeakMap(), qe = new WeakMap(), c(Be, "CellElement");
 let xe = Be;
 const ze = class ze extends xe {
   constructor() {
     super();
-    w(this, "reset", /* @__PURE__ */ c(() => {
-      D.log("editable reset"), super.reset();
-    }, "reset"));
   }
   connectedCallback() {
     super.connectedCallback();
   }
+  reset() {
+    D.log("editable reset"), super.reset();
+  }
 };
 c(ze, "EditableCellElement");
 let ve = ze;
@@ -1503,7 +1503,7 @@ const De = class De extends ve {
     d(this, bt);
     d(this, ne);
     d(this, U);
-    w(this, "reset", /* @__PURE__ */ c(() => {
+    S(this, "reset", /* @__PURE__ */ c(() => {
       D.log("==============="), super.reset(), D.log("input reset");
     }, "reset"));
     /**