@ninebone/table 0.0.221 → 0.0.222

package/dist/nine-table.js

@@ -23,28 +23,28 @@ const Te = class Te extends ze.constructor {
 a(Te, "Trace");
 let pe = Te;
 const G = new pe();
-var k, z, y, B, D, N, ie, P, se;
+var L, z, y, B, D, N, ie, P, se;
 const Ae = class Ae extends HTMLElement {
   constructor() {
     super();
-    f(this, k);
+    f(this, L);
     f(this, z, !1);
     f(this, y);
     f(this, B);
     f(this, D);
     f(this, N);
     f(this, ie, /* @__PURE__ */ a(() => {
-      if (!e(this, k)) return;
-      const t = e(this, k).querySelector(".ng-container-body");
+      if (!e(this, L)) return;
+      const t = e(this, L).querySelector(".ng-container-body");
       t && (p(this, N, new ResizeObserver(() => {
         this.refresh();
       })), e(this, N).observe(t));
     }, "#observeResize"));
     x(this, "refresh", /* @__PURE__ */ a(() => {
-      if (!e(this, k) || !e(this, y) || e(this, z)) return;
+      if (!e(this, L) || !e(this, y) || e(this, z)) return;
       const t = e(this, y).container, s = t.querySelector("table");
       if (!s) return;
-      const n = e(this, y).track, r = e(this, y).thumb, o = e(this, k).querySelector(".ng-container-bottom"), c = t.clientWidth, d = s.scrollWidth;
+      const n = e(this, y).track, r = e(this, y).thumb, o = e(this, L).querySelector(".ng-container-bottom"), c = t.clientWidth, d = s.scrollWidth;
       if (c !== 0 && d > c)
         o && (o.style.display = "flex");
       else {
@@ -113,7 +113,7 @@ const Ae = class Ae extends HTMLElement {
     }, "#init"));
   }
   connectedCallback() {
-    if (p(this, k, this.closest("nine-table-sheet") || this.getRootNode().host), !e(this, k)) return;
+    if (p(this, L, this.closest("nine-table-sheet") || this.getRootNode().host), !e(this, L)) return;
     this.innerHTML = `
             <style>
                 nine-table-hscrollbar {
@@ -178,7 +178,7 @@ const Ae = class Ae extends HTMLElement {
             <button class='ng-scroll-right' disabled><div class='ng-scroll-icon'></div></button>
         `;
     const t = /* @__PURE__ */ a(() => {
-      const s = e(this, k).querySelector(".ng-container-body");
+      const s = e(this, L).querySelector(".ng-container-body");
       if (!s) {
         setTimeout(t, 10);
         return;
@@ -197,7 +197,7 @@ const Ae = class Ae extends HTMLElement {
     e(this, N) && e(this, N).disconnect();
   }
 };
-k = new WeakMap(), z = new WeakMap(), y = new WeakMap(), B = new WeakMap(), D = new WeakMap(), N = new WeakMap(), ie = new WeakMap(), P = new WeakMap(), se = new WeakMap(), a(Ae, "NineTableHScrollBar");
+L = new WeakMap(), z = new WeakMap(), y = new WeakMap(), B = new WeakMap(), D = new WeakMap(), N = new WeakMap(), ie = new WeakMap(), P = new WeakMap(), se = new WeakMap(), a(Ae, "NineTableHScrollBar");
 let ye = Ae;
 customElements.get("nine-table-hscrollbar") || customElements.define("nine-table-hscrollbar", ye);
 var V, C, E, $, H, M, ne, re;
@@ -463,6 +463,15 @@ const j = class j extends HTMLElement {
                     overflow-x: auto;
                     background: #ffffff;
                     position: relative;
+                    
+                    /* 웹킷 브라우저(Chrome, Safari) 스크롤바 투명화 */
+                    &::-webkit-scrollbar {
+                        display: none; 
+                        height: 0px;
+                    }
+                    
+                    /* 파이어폭스 스크롤바 숨기기 */
+                    scrollbar-width: none;
                 }
     
                 nine-table-sheet .ng-container-right {
@@ -546,7 +555,7 @@ I = new WeakMap(), X = new WeakMap(), oe = new WeakMap(), le = new WeakMap(), a(
 let te = j;
 customElements.get("nine-table-sheet") || customElements.define("nine-table-sheet", te);
 var ae, J;
-const Le = class Le extends HTMLElement {
+const ke = class ke extends HTMLElement {
   constructor() {
     super();
     f(this, ae, /* @__PURE__ */ a(() => {
@@ -593,11 +602,11 @@ const Le = class Le extends HTMLElement {
     e(this, ae).call(this);
   }
 };
-ae = new WeakMap(), J = new WeakMap(), a(Le, "NineTableSheets");
-let we = Le;
+ae = new WeakMap(), J = new WeakMap(), a(ke, "NineTableSheets");
+let we = ke;
 customElements.get("nine-table-sheets") || customElements.define("nine-table-sheets", we);
 var R, ce, Q, he;
-const ke = class ke {
+const Le = class Le {
   constructor(i) {
     f(this, R);
     f(this, ce, /* @__PURE__ */ a(() => {
@@ -727,8 +736,8 @@ const ke = class ke {
     p(this, R, i), e(this, ce).call(this);
   }
 };
-R = new WeakMap(), ce = new WeakMap(), Q = new WeakMap(), he = new WeakMap(), a(ke, "LayoutManager");
-let ve = ke;
+R = new WeakMap(), ce = new WeakMap(), Q = new WeakMap(), he = new WeakMap(), a(Le, "LayoutManager");
+let ve = Le;
 var W, F;
 const Ce = class Ce {
   constructor(i) {
@@ -753,7 +762,7 @@ const Ce = class Ce {
 W = new WeakMap(), F = new WeakMap(), a(Ce, "ngRow");
 let xe = Ce;
 var A, v, q, K, de, O, fe, ee, ue, ge, Z;
-const L = class L {
+const k = class k {
   constructor(i, t) {
     f(this, A);
     f(this, v);
@@ -775,13 +784,13 @@ const L = class L {
       this.clear(), this.add(i, !1);
     }, "set"));
     f(this, ee, /* @__PURE__ */ a(() => ({
-      rowState: L.ROW_STATE.EMPTY,
+      rowState: k.ROW_STATE.EMPTY,
       deleted: !1,
       filtered: !1,
       height: e(this, O).slice(),
       o: {},
       c: {},
-      _: [0, 0, 0, 0, L.ROW_STATE.EMPTY, !1, !1, !0, !1, !0, !0, !1, e(this, O).slice(), -1, {}, {}]
+      _: [0, 0, 0, 0, k.ROW_STATE.EMPTY, !1, !1, !0, !1, !0, !0, !1, e(this, O).slice(), -1, {}, {}]
     }), "#getDefaultMeta"));
     x(this, "reset", /* @__PURE__ */ a(() => {
       p(this, q, []), p(this, K, []);
@@ -802,7 +811,7 @@ const L = class L {
       }), s;
     }, "#json2Array"));
     f(this, ge, /* @__PURE__ */ a((i) => (Array.isArray(i) || (i = [i]), i.forEach((t) => {
-      t.__ng = e(this, ee).call(this), t.__ng.rowid = this.nextId, t.__ng.rowState = L.ROW_STATE.INSERT, t.__ng._[0] = t.__ng.rowid;
+      t.__ng = e(this, ee).call(this), t.__ng.rowid = this.nextId, t.__ng.rowState = k.ROW_STATE.INSERT, t.__ng._[0] = t.__ng.rowid;
     }), i), "#defaultInsert"));
     x(this, "add", /* @__PURE__ */ a((i, t = !0) => {
       var r;
@@ -812,7 +821,7 @@ const L = class L {
       const n = this.count() - 1;
       return t || s.forEach((o, c) => {
         const d = e(this, v).rawRecords[n - c];
-        d && (d.__ng.rowState = L.ROW_STATE.EMPTY);
+        d && (d.__ng.rowState = k.ROW_STATE.EMPTY);
       }), (r = e(this, v).viewRecords) != null && r.reset && e(this, v).viewRecords.reset(), n;
     }, "add"));
     x(this, "delete", /* @__PURE__ */ a((i) => {
@@ -821,8 +830,8 @@ const L = class L {
       Array.isArray(i) ? t = i : typeof i > "u" ? t = [e(this, v).owner.row.at] : t = [parseInt(i, 10)], t.sort((n, r) => r - n).forEach((n) => {
         if (e(this, q)[n]) {
           const r = e(this, q)[n].__ng.rowid;
-          e(this, q)[n].__ng.rowState === L.ROW_STATE.INSERT ? e(this, v).rawRecords = e(this, v).rawRecords.filter((o) => o.__ng.rowid !== r) : e(this, v).rawRecords.forEach((o) => {
-            o.__ng.rowid === r && (o.__ng.deleted = !0, o.__ng.rowState = L.ROW_STATE.DELETE);
+          e(this, q)[n].__ng.rowState === k.ROW_STATE.INSERT ? e(this, v).rawRecords = e(this, v).rawRecords.filter((o) => o.__ng.rowid !== r) : e(this, v).rawRecords.forEach((o) => {
+            o.__ng.rowid === r && (o.__ng.deleted = !0, o.__ng.rowState = k.ROW_STATE.DELETE);
           });
         }
       }), this.resetRecords(), (s = e(this, v).viewRecords) != null && s.reset && e(this, v).viewRecords.reset();
@@ -835,7 +844,7 @@ const L = class L {
       const o = this.getValidData()[i];
       if (!o) return;
       const c = o.v[r];
-      c !== s && o.__ng.rowState !== L.ROW_STATE.INSERT && (o.__ng.o.hasOwnProperty(t) || (o.__ng.o[t] = c), o.__ng.rowState = L.ROW_STATE.UPDATE), o.v[r] = s, e(this, v).owner.refreshData && e(this, v).owner.refreshData(i);
+      c !== s && o.__ng.rowState !== k.ROW_STATE.INSERT && (o.__ng.o.hasOwnProperty(t) || (o.__ng.o[t] = c), o.__ng.rowState = k.ROW_STATE.UPDATE), o.v[r] = s, e(this, v).owner.refreshData && e(this, v).owner.refreshData(i);
     }, "setValue"));
     x(this, "resetRecords", /* @__PURE__ */ a(() => {
       p(this, K, e(this, v).rawRecords.filter((i) => !i.__ng.deleted)), p(this, q, e(this, v).rawRecords.filter((i) => !i.__ng.deleted && !i.__ng.filtered)), e(this, v).rawRecords.forEach((i, t) => {
@@ -888,15 +897,15 @@ const L = class L {
     return this.length;
   }
 };
-A = new WeakMap(), v = new WeakMap(), q = new WeakMap(), K = new WeakMap(), de = new WeakMap(), O = new WeakMap(), fe = new WeakMap(), ee = new WeakMap(), ue = new WeakMap(), ge = new WeakMap(), Z = new WeakMap(), a(L, "ngData"), // 🎯 행 상태 정의 상수를 클래스 내부로 내재화
-x(L, "ROW_STATE", {
+A = new WeakMap(), v = new WeakMap(), q = new WeakMap(), K = new WeakMap(), de = new WeakMap(), O = new WeakMap(), fe = new WeakMap(), ee = new WeakMap(), ue = new WeakMap(), ge = new WeakMap(), Z = new WeakMap(), a(k, "ngData"), // 🎯 행 상태 정의 상수를 클래스 내부로 내재화
+x(k, "ROW_STATE", {
   EMPTY: "EMPTY",
   NORMAL: "NORMAL",
   INSERT: "INSERT",
   UPDATE: "UPDATE",
   DELETE: "DELETE"
 });
-let Re = L;
+let Re = k;
 const _e = class _e {
   constructor(i) {
     this.owner = i, this.row = new xe(this), this.data = new Re(i, this), this.rawRecords = [], this.viewRecords = [], this.delRecords = [], this.pageCnt = 25, this.viewRecords.reset = () => {