@ninebone/table 0.0.761 → 0.0.763

package/dist/nine-table.js

@@ -353,7 +353,7 @@ const Ge = class Ge extends HTMLElement {
 rt = new WeakMap(), ot = new WeakMap(), bt = new WeakMap(), k = new WeakMap(), Tt = new WeakMap(), Ct = new WeakMap(), Xt = new WeakMap(), h(Ge, "NineTableVScrollBar");
 let Re = Ge;
 customElements.get("nine-table-vscrollbar") || customElements.define("nine-table-vscrollbar", Re);
-var j, R, it, P, D, G, at, kt, ze, We, Kt, Gt, Lt, It, Ht, Zt, Jt, Mt, Be, pt, $t, Qt;
+var j, R, it, P, D, G, at, kt, We, ze, Kt, Gt, Lt, It, Ht, Zt, Jt, $t, Be, pt, Mt, Qt;
 const Ze = class Ze {
   constructor(s) {
     d(this, j);
@@ -364,8 +364,8 @@ const Ze = class Ze {
     d(this, G, null);
     d(this, at, 0);
     d(this, kt, 40);
-    d(this, ze, !1);
     d(this, We, !1);
+    d(this, ze, !1);
     //#ticking = false; // 🎯 고속 스크롤 스로틀링용 플래그
     d(this, Kt, 3);
     q(this, "refresh", /* @__PURE__ */ h(() => {
@@ -390,7 +390,7 @@ const Ze = class Ze {
       });
       const s = t(this, R).querySelector(".ng-container-body .ng-part-body"), e = t(this, R).querySelector(".ng-container-left .ng-part-body"), n = t(this, R).querySelector(".ng-container-right .ng-part-body"), r = t(this, R).querySelector(".ng-container-body .ng-part-header"), o = t(this, R).querySelector(".ng-container-body .ng-part-footer");
       if (s) {
-        t(this, Lt).call(this), t(this, Mt).call(this), t(this, It).call(this), t(this, pt).call(this, s.scrollTop);
+        t(this, Lt).call(this), t(this, $t).call(this), t(this, It).call(this), t(this, pt).call(this, s.scrollTop);
         let i = !1;
         const a = /* @__PURE__ */ h((c) => {
           var u;
@@ -501,12 +501,12 @@ const Ze = class Ze {
             const i = n.querySelector(".ng-part-header"), a = n.querySelector(".ng-part-footer");
             i && (o += i.offsetHeight), a && (o += a.offsetHeight);
             const c = Math.max(r - o, 100);
-            t(this, at) !== c && (p(this, at, c), t(this, Ht).call(this), t(this, D) !== null && (t(this, Mt).call(this), this.refresh()));
+            t(this, at) !== c && (p(this, at, c), t(this, Ht).call(this), t(this, D) !== null && (t(this, $t).call(this), this.refresh()));
           }
         }
       })), t(this, G).observe(t(this, R)));
     }, "#initResizeObserver"));
-    d(this, Mt, /* @__PURE__ */ h(() => {
+    d(this, $t, /* @__PURE__ */ h(() => {
       S.log("rowManager.#renderAllContainers"), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((s) => {
         const e = t(this, R).querySelector(s);
         e && e.querySelector(".ng-part-body tbody.bindable-tbody") && t(this, Gt).call(this, e, s);
@@ -527,7 +527,7 @@ const Ze = class Ze {
             return;
           }
           const g = t(this, j).data.get(b);
-          f.style.display = "", t(this, $t).call(this, f, g, b);
+          f.style.display = "", t(this, Mt).call(this, f, g, b);
         });
       });
     }, "#adjustBufferRows"));
@@ -557,7 +557,7 @@ const Ze = class Ze {
             return;
           }
           const H = t(this, j).data.get(A);
-          m.style.display = "", t(this, $t).call(this, m, H, A);
+          m.style.display = "", t(this, Mt).call(this, m, H, A);
         });
       }));
     }, "#handleScroll"));
@@ -575,7 +575,7 @@ const Ze = class Ze {
                 cell.dataset.row = dataIndex;
             });
         }; */
-    d(this, $t, /* @__PURE__ */ h((s, e, n) => {
+    d(this, Mt, /* @__PURE__ */ h((s, e, n) => {
       s.dataset.row = n, s.data = e, Array.from(s.cells).forEach((r, o) => {
         r.dataset.row = n;
         const i = Array.from(r.children).find((a) => a.tagName.toLowerCase().startsWith("cell-") || typeof a.refresh == "function");
@@ -610,7 +610,7 @@ const Ze = class Ze {
     return ((e = t(this, P).get(s)) == null ? void 0 : e.length) || 1;
   }
 };
-j = new WeakMap(), R = new WeakMap(), it = new WeakMap(), P = new WeakMap(), D = new WeakMap(), G = new WeakMap(), at = new WeakMap(), kt = new WeakMap(), ze = new WeakMap(), We = new WeakMap(), Kt = new WeakMap(), Gt = new WeakMap(), Lt = new WeakMap(), It = new WeakMap(), Ht = new WeakMap(), Zt = new WeakMap(), Jt = new WeakMap(), Mt = new WeakMap(), Be = new WeakMap(), pt = new WeakMap(), $t = new WeakMap(), Qt = new WeakMap(), h(Ze, "RowManager");
+j = new WeakMap(), R = new WeakMap(), it = new WeakMap(), P = new WeakMap(), D = new WeakMap(), G = new WeakMap(), at = new WeakMap(), kt = new WeakMap(), We = new WeakMap(), ze = new WeakMap(), Kt = new WeakMap(), Gt = new WeakMap(), Lt = new WeakMap(), It = new WeakMap(), Ht = new WeakMap(), Zt = new WeakMap(), Jt = new WeakMap(), $t = new WeakMap(), Be = new WeakMap(), pt = new WeakMap(), Mt = new WeakMap(), Qt = new WeakMap(), h(Ze, "RowManager");
 let Ae = Ze;
 const te = class te {
   /**
@@ -916,8 +916,12 @@ const Et = class Et extends HTMLElement {
         let o = 0;
         r[0].querySelectorAll("col").forEach((i) => {
           const a = parseInt(i.getAttribute("width"), 10);
-          isNaN(o) || (o += a);
-        }), S.log(n), e === "body" ? n.style.flex = "1" : (n.style.flex = `0 0 ${o}px`, n.style.width = `${o}px`);
+          isNaN(a) || (o += a);
+        }), e === "body" ? (n.style.flex = "1", r.forEach((i) => {
+          i.style.width = `${o}px`, i.style.minWidth = `${o}px`;
+        })) : (n.style.flex = `0 0 ${o}px`, n.style.width = `${o}px`, r.forEach((i) => {
+          i.style.width = `${o}px`, i.style.minWidth = `${o}px`;
+        }));
       });
     }, "#updateContainerWidths"));
     d(this, yt, /* @__PURE__ */ h((e, n, r) => {
@@ -1219,17 +1223,17 @@ const ts = class ts extends HTMLElement {
 ce = new WeakMap(), Ot = new WeakMap(), h(ts, "NineTableSheets");
 let Ce = ts;
 customElements.get("nine-table-sheets") || customElements.define("nine-table-sheets", Ce);
-var N, he, zt, de;
+var N, he, Wt, de;
 const es = class es {
   constructor(s) {
     d(this, N);
     d(this, he, /* @__PURE__ */ h(() => {
       t(this, de).call(this), new ResizeObserver((s) => {
         for (let e of s)
-          t(this, N).getAttribute("auto-height") === "true" && t(this, zt).call(this);
+          t(this, N).getAttribute("auto-height") === "true" && t(this, Wt).call(this);
       }).observe(t(this, N));
     }, "#init"));
-    d(this, zt, /* @__PURE__ */ h(() => {
+    d(this, Wt, /* @__PURE__ */ h(() => {
       var c, l;
       const s = Array.from(t(this, N).shadowRoot.querySelectorAll("nine-table-sheet.active"));
       if (s.length === 0) return;
@@ -1365,22 +1369,22 @@ const es = class es {
       const a = t(this, N).shadowRoot.querySelectorAll("nine-table-sheet");
       a == null || a.forEach((c, l) => {
         e[l] && setTimeout(() => {
-          c.generate(e[l]), n && t(this, zt).call(this);
+          c.generate(e[l]), n && t(this, Wt).call(this);
         });
       });
     }, "#render"));
     p(this, N, s), t(this, he).call(this);
   }
 };
-N = new WeakMap(), he = new WeakMap(), zt = new WeakMap(), de = new WeakMap(), h(es, "LayoutManager");
+N = new WeakMap(), he = new WeakMap(), Wt = new WeakMap(), de = new WeakMap(), h(es, "LayoutManager");
 let ke = es;
-var Wt, mt;
+var zt, mt;
 const ss = class ss {
   constructor(s) {
-    d(this, Wt);
+    d(this, zt);
     d(this, mt, -1);
-    q(this, "count", /* @__PURE__ */ h(() => t(this, Wt).rawRecords.length, "count"));
-    p(this, Wt, s);
+    q(this, "count", /* @__PURE__ */ h(() => t(this, zt).rawRecords.length, "count"));
+    p(this, zt, s);
   }
   get at() {
     return t(this, mt);
@@ -1390,14 +1394,14 @@ const ss = class ss {
     });
   }
 };
-Wt = new WeakMap(), mt = new WeakMap(), h(ss, "ngRow");
+zt = new WeakMap(), mt = new WeakMap(), h(ss, "ngRow");
 let Le = ss;
-var O, L, z, xt, fe, Z, ue, dt, Bt, ge, be, wt;
-const W = class W {
+var O, L, W, xt, fe, Z, ue, dt, Bt, ge, be, wt;
+const z = class z {
   constructor(s, e) {
     d(this, O);
     d(this, L);
-    d(this, z, []);
+    d(this, W, []);
     d(this, xt, []);
     d(this, fe, 0);
     d(this, Z, []);
@@ -1434,20 +1438,20 @@ const W = class W {
       this.clear(), this.add(s, !1), t(this, dt).call(this);
     }, "set"));
     d(this, Bt, /* @__PURE__ */ h(() => ({
-      rowState: W.ROW_STATE.EMPTY,
+      rowState: z.ROW_STATE.EMPTY,
       deleted: !1,
       filtered: !1,
       height: t(this, Z).slice(),
       o: {},
       c: {},
-      _: [0, 0, 0, 0, W.ROW_STATE.EMPTY, !1, !1, !0, !1, !0, !0, !1, t(this, Z).slice(), -1, {}, {}]
+      _: [0, 0, 0, 0, z.ROW_STATE.EMPTY, !1, !1, !0, !1, !0, !0, !1, t(this, Z).slice(), -1, {}, {}]
     }), "#getDefaultMeta"));
     q(this, "reset", /* @__PURE__ */ h(() => {
-      p(this, z, []), p(this, xt, []), t(this, dt).call(this);
+      p(this, W, []), p(this, xt, []), t(this, dt).call(this);
     }, "reset"));
     q(this, "clear", /* @__PURE__ */ h(() => {
       var s;
-      t(this, L).rawRecords = [], p(this, z, []), p(this, xt, []), (s = t(this, L).viewRecords) != null && s.reset && t(this, L).viewRecords.reset();
+      t(this, L).rawRecords = [], p(this, W, []), p(this, xt, []), (s = t(this, L).viewRecords) != null && s.reset && t(this, L).viewRecords.reset();
     }, "clear"));
     d(this, ge, /* @__PURE__ */ h((s) => {
       var r;
@@ -1461,7 +1465,7 @@ const W = class W {
       }), n;
     }, "#json2Array"));
     d(this, be, /* @__PURE__ */ h((s) => (Array.isArray(s) || (s = [s]), s.forEach((e) => {
-      e.__ng = t(this, Bt).call(this), e.__ng.rowid = this.nextId, e.__ng.rowState = W.ROW_STATE.INSERT, e.__ng._[0] = e.__ng.rowid;
+      e.__ng = t(this, Bt).call(this), e.__ng.rowid = this.nextId, e.__ng.rowState = z.ROW_STATE.INSERT, e.__ng._[0] = e.__ng.rowid;
     }), s), "#defaultInsert"));
     q(this, "add", /* @__PURE__ */ h((s, e = !0) => {
       s === void 0 && (s = {});
@@ -1470,16 +1474,16 @@ const W = class W {
       const r = this.count() - 1;
       return e || n.forEach((o, i) => {
         const a = t(this, L).rawRecords[r - i];
-        a && (a.__ng.rowState = W.ROW_STATE.EMPTY);
+        a && (a.__ng.rowState = z.ROW_STATE.EMPTY);
       }), t(this, dt).call(this), r;
     }, "add"));
     q(this, "delete", /* @__PURE__ */ h((s) => {
       let e = [];
       Array.isArray(s) ? e = s : typeof s > "u" ? e = [t(this, L).host.row.at] : e = [parseInt(s, 10)], e.sort((n, r) => r - n).forEach((n) => {
-        if (t(this, z)[n]) {
-          const r = t(this, z)[n].__ng.rowid;
-          t(this, z)[n].__ng.rowState === W.ROW_STATE.INSERT ? t(this, L).rawRecords = t(this, L).rawRecords.filter((o) => o.__ng.rowid !== r) : t(this, L).rawRecords.forEach((o) => {
-            o.__ng.rowid === r && (o.__ng.deleted = !0, o.__ng.rowState = W.ROW_STATE.DELETE);
+        if (t(this, W)[n]) {
+          const r = t(this, W)[n].__ng.rowid;
+          t(this, W)[n].__ng.rowState === z.ROW_STATE.INSERT ? t(this, L).rawRecords = t(this, L).rawRecords.filter((o) => o.__ng.rowid !== r) : t(this, L).rawRecords.forEach((o) => {
+            o.__ng.rowid === r && (o.__ng.deleted = !0, o.__ng.rowState = z.ROW_STATE.DELETE);
           });
         }
       }), this.resetRecords(), t(this, dt).call(this);
@@ -1492,16 +1496,16 @@ const W = class W {
       const i = this.getValidData()[s];
       if (!i) return;
       const a = i.v[o];
-      a !== n && i.__ng.rowState !== W.ROW_STATE.INSERT && (i.__ng.o.hasOwnProperty(e) || (i.__ng.o[e] = a), i.__ng.rowState = W.ROW_STATE.UPDATE), i.v[o] = n;
+      a !== n && i.__ng.rowState !== z.ROW_STATE.INSERT && (i.__ng.o.hasOwnProperty(e) || (i.__ng.o[e] = a), i.__ng.rowState = z.ROW_STATE.UPDATE), i.v[o] = n;
     }, "setValue"));
     q(this, "resetRecords", /* @__PURE__ */ h(() => {
-      p(this, xt, t(this, L).rawRecords.filter((s) => !s.__ng.deleted)), p(this, z, t(this, L).rawRecords.filter((s) => !s.__ng.deleted && !s.__ng.filtered)), t(this, L).rawRecords.forEach((s, e) => {
+      p(this, xt, t(this, L).rawRecords.filter((s) => !s.__ng.deleted)), p(this, W, t(this, L).rawRecords.filter((s) => !s.__ng.deleted && !s.__ng.filtered)), t(this, L).rawRecords.forEach((s, e) => {
         s.__ng.rowidx = e;
-      }), t(this, z).forEach((s, e) => {
+      }), t(this, W).forEach((s, e) => {
         s.__ng.i = e;
       });
     }, "resetRecords"));
-    q(this, "getValidData", /* @__PURE__ */ h(() => (t(this, z).length === 0 && t(this, L).rawRecords.length > 0 && this.resetRecords(), t(this, z)), "getValidData"));
+    q(this, "getValidData", /* @__PURE__ */ h(() => (t(this, W).length === 0 && t(this, L).rawRecords.length > 0 && this.resetRecords(), t(this, W)), "getValidData"));
     d(this, wt, /* @__PURE__ */ h((s) => {
       var i;
       if (!s) return s;
@@ -1526,24 +1530,24 @@ const W = class W {
     return ++gs(this, fe)._;
   }
   get count() {
-    return t(this, z).length;
+    return t(this, W).length;
   }
   get length() {
-    return t(this, z).length;
+    return t(this, W).length;
   }
   getRowCount() {
     return this.length;
   }
 };
-O = new WeakMap(), L = new WeakMap(), z = new WeakMap(), xt = new WeakMap(), fe = new WeakMap(), Z = new WeakMap(), ue = new WeakMap(), dt = new WeakMap(), Bt = new WeakMap(), ge = new WeakMap(), be = new WeakMap(), wt = new WeakMap(), h(W, "ngData"), // 🎯 행 상태 정의 상수를 클래스 내부로 내재화
-q(W, "ROW_STATE", {
+O = new WeakMap(), L = new WeakMap(), W = new WeakMap(), xt = new WeakMap(), fe = new WeakMap(), Z = new WeakMap(), ue = new WeakMap(), dt = new WeakMap(), Bt = new WeakMap(), ge = new WeakMap(), be = new WeakMap(), wt = new WeakMap(), h(z, "ngData"), // 🎯 행 상태 정의 상수를 클래스 내부로 내재화
+q(z, "ROW_STATE", {
   EMPTY: "EMPTY",
   NORMAL: "NORMAL",
   INSERT: "INSERT",
   UPDATE: "UPDATE",
   DELETE: "DELETE"
 });
-let Ie = W;
+let Ie = z;
 var ft;
 const ns = class ns {
   constructor(s) {
@@ -1639,7 +1643,7 @@ const rs = class rs {
   }
 };
 vt = new WeakMap(), M = new WeakMap(), Pt = new WeakMap(), pe = new WeakMap(), h(rs, "ngFields");
-let Me = rs;
+let $e = rs;
 var ut, ye, me;
 const os = class os extends HTMLElement {
   constructor() {
@@ -1648,7 +1652,7 @@ const os = class os extends HTMLElement {
     d(this, ut);
     d(this, ye);
     d(this, me, /* @__PURE__ */ h(() => {
-      this.fields = new Me(this), p(this, ye, new ke(this)), S.log("NineTable connected."), this.dispatchEvent(new CustomEvent("load", { bubbles: !0, detail: { target: this } }));
+      this.fields = new $e(this), p(this, ye, new ke(this)), S.log("NineTable connected."), this.dispatchEvent(new CustomEvent("load", { bubbles: !0, detail: { target: this } }));
     }, "#init"));
     this.attachShadow({ mode: "open" }), p(this, ut, new He(this));
   }
@@ -1672,8 +1676,8 @@ const os = class os extends HTMLElement {
   }
 };
 ut = new WeakMap(), ye = new WeakMap(), me = new WeakMap(), h(os, "NineTable");
-let $e = os;
-customElements.get("nine-table") || customElements.define("nine-table", $e);
+let Me = os;
+customElements.get("nine-table") || customElements.define("nine-table", Me);
 const qt = class qt extends HTMLElement {
   // 👈 커스텀 스타일용 캐시 추가
   constructor() {