@ninebone/table 0.0.340 → 0.0.344

package/dist/nine-table.js

@@ -5,7 +5,7 @@ var ne = (m) => {
 var le = (m, i, e) => i in m ? se(m, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : m[i] = e;
 var c = (m, i) => se(m, "name", { value: i, configurable: !0 });
 var x = (m, i, e) => le(m, typeof i != "symbol" ? i + "" : i, e), oe = (m, i, e) => i.has(m) || ne("Cannot " + e);
-var t = (m, i, e) => (oe(m, i, "read from private field"), e ? e.call(m) : i.get(m)), a = (m, i, e) => i.has(m) ? ne("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(m) : i.set(m, e), g = (m, i, e, s) => (oe(m, i, "write to private field"), s ? s.call(m, e) : i.set(m, e), e);
+var t = (m, i, e) => (oe(m, i, "read from private field"), e ? e.call(m) : i.get(m)), h = (m, i, e) => i.has(m) ? ne("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(m) : i.set(m, e), g = (m, i, e, s) => (oe(m, i, "write to private field"), s ? s.call(m, e) : i.set(m, e), e);
 var re = (m, i, e, s) => ({
   set _(o) {
     g(m, i, o, e);
@@ -27,13 +27,13 @@ var C, M, y, O, D, N, bt, B, gt;
 const jt = class jt extends HTMLElement {
   constructor() {
     super();
-    a(this, C);
-    a(this, M, !1);
-    a(this, y);
-    a(this, O);
-    a(this, D);
-    a(this, N);
-    a(this, bt, /* @__PURE__ */ c(() => {
+    h(this, C);
+    h(this, M, !1);
+    h(this, y);
+    h(this, O);
+    h(this, D);
+    h(this, N);
+    h(this, bt, /* @__PURE__ */ c(() => {
       if (!t(this, C)) return;
       const e = t(this, C).querySelector(".ng-container-body");
       e && (g(this, N, new ResizeObserver(() => {
@@ -44,8 +44,8 @@ const jt = class jt extends HTMLElement {
       if (!t(this, C) || !t(this, y) || t(this, M)) return;
       const e = t(this, y).container, s = e.querySelector("table");
       if (!s) return;
-      const o = t(this, y).track, r = t(this, y).thumb, n = t(this, C).querySelector(".ng-container-bottom"), l = e.clientWidth, h = s.scrollWidth;
-      if (l !== 0 && h > l)
+      const o = t(this, y).track, r = t(this, y).thumb, n = t(this, C).querySelector(".ng-container-bottom"), l = e.clientWidth, a = s.scrollWidth;
+      if (l !== 0 && a > l)
         n && (n.style.display = "flex");
       else {
         n && (n.style.display = "none");
@@ -53,27 +53,27 @@ const jt = class jt extends HTMLElement {
       }
       const d = o.clientWidth;
       if (d <= 0) return;
-      const f = Math.max(Math.min(d * (l / h), d), 20);
+      const f = Math.max(Math.min(d * (l / a), d), 20);
       r.style.width = `${f}px`;
-      const u = e.scrollLeft, b = h - l;
+      const u = e.scrollLeft, b = a - l;
       let p = 0;
       b > 0 && (p = parseInt(u / b * (d - f), 10)), p < 0 && (p = 0);
       const E = d - f;
       p > E && (p = E), r.style.left = `${p}px`, z.log(p), t(this, y).left.disabled = p === 0, t(this, y).right.disabled = p >= E - 1;
     }, "refresh"));
-    a(this, B, /* @__PURE__ */ c((e) => {
+    h(this, B, /* @__PURE__ */ c((e) => {
       if (!t(this, y)) return !1;
       const s = t(this, y).container, o = s.querySelector("table");
       if (!o) return !1;
       const r = t(this, y).track.getBoundingClientRect(), n = t(this, y).thumb.clientWidth;
       let l = e;
       l < 0 && (l = 0);
-      const h = r.width - n;
-      l > h && (l = h), l = parseInt(l, 10), t(this, y).thumb.style.left = `${l}px`, t(this, y).left.disabled = l === 0, t(this, y).right.disabled = l >= h - 1;
+      const a = r.width - n;
+      l > a && (l = a), l = parseInt(l, 10), t(this, y).thumb.style.left = `${l}px`, t(this, y).left.disabled = l === 0, t(this, y).right.disabled = l >= a - 1;
       const d = s.clientWidth, u = o.scrollWidth - d;
-      return h > 0 && u > 0 && (s.scrollLeft = l / h * u), l > 0 && l < h - 1;
+      return a > 0 && u > 0 && (s.scrollLeft = l / a * u), l > 0 && l < a - 1;
     }, "#thumbMoveTo"));
-    a(this, gt, /* @__PURE__ */ c(() => {
+    h(this, gt, /* @__PURE__ */ c(() => {
       const e = /* @__PURE__ */ c((o) => {
         clearInterval(t(this, O)), clearInterval(t(this, D));
         const r = parseInt(t(this, y).thumb.style.left || 0, 10);
@@ -102,8 +102,8 @@ const jt = class jt extends HTMLElement {
         o.stopPropagation(), o.preventDefault(), g(this, M, !0), this.shiftX = o.clientX - t(this, y).thumb.getBoundingClientRect().left;
         const r = /* @__PURE__ */ c((l) => {
           if (!t(this, M)) return;
-          const h = t(this, y).track.getBoundingClientRect();
-          t(this, B).call(this, l.clientX - h.left - this.shiftX);
+          const a = t(this, y).track.getBoundingClientRect();
+          t(this, B).call(this, l.clientX - a.left - this.shiftX);
         }, "onMouseMove"), n = /* @__PURE__ */ c(() => {
           g(this, M, !1), s(), document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", n), this.refresh();
         }, "onMouseUp");
@@ -205,11 +205,11 @@ var P, I, v, st, nt, yt;
 const Zt = class Zt extends HTMLElement {
   constructor() {
     super();
-    a(this, P);
-    a(this, I, !1);
-    a(this, v);
-    a(this, st, 0);
-    a(this, nt, 0);
+    h(this, P);
+    h(this, I, !1);
+    h(this, v);
+    h(this, st, 0);
+    h(this, nt, 0);
     /**
      * 🎯 스크롤바 위치 및 썸브 크기 갱신
      */
@@ -223,17 +223,17 @@ const Zt = class Zt extends HTMLElement {
         return;
       } else
         r.style.display = "block";
-      const h = o.clientHeight;
-      if (h <= 0) return;
-      const d = Math.max(Math.min(h * (n / l), h), 20);
+      const a = o.clientHeight;
+      if (a <= 0) return;
+      const d = Math.max(Math.min(a * (n / l), a), 20);
       r.style.height = `${d}px`;
       const f = e.scrollTop, u = l - n;
       let b = 0;
-      u > 0 && (b = f / u * (h - d));
-      const p = h - d;
+      u > 0 && (b = f / u * (a - d));
+      const p = a - d;
       b < 0 && (b = 0), b > p && (b = p), r.style.top = `${b}px`, t(this, v).top.disabled = f <= 0, t(this, v).bottom.disabled = f >= u - 1;
     }, "refresh"));
-    a(this, yt, /* @__PURE__ */ c(() => {
+    h(this, yt, /* @__PURE__ */ c(() => {
       const e = t(this, v).container;
       e.addEventListener("scroll", () => {
         t(this, I) || this.refresh();
@@ -242,7 +242,7 @@ const Zt = class Zt extends HTMLElement {
         s.stopPropagation(), s.preventDefault(), g(this, I, !0), g(this, st, s.clientY), g(this, nt, e.scrollTop);
         const o = /* @__PURE__ */ c((n) => {
           if (!t(this, I)) return;
-          const l = t(this, v).track.getBoundingClientRect(), h = t(this, v).thumb.clientHeight, f = l.height - h, u = n.clientY - t(this, st), b = e.clientHeight, p = e.querySelector("table");
+          const l = t(this, v).track.getBoundingClientRect(), a = t(this, v).thumb.clientHeight, f = l.height - a, u = n.clientY - t(this, st), b = e.clientHeight, p = e.querySelector("table");
           z.log(p), z.log(p.scrollHeight);
           const L = p.scrollHeight - b;
           if (f > 0 && L > 0) {
@@ -256,9 +256,9 @@ const Zt = class Zt extends HTMLElement {
         document.addEventListener("mousemove", o), document.addEventListener("mouseup", r);
       }), t(this, v).track.addEventListener("mousedown", (s) => {
         if (s.button !== 0 || s.target === t(this, v).thumb) return;
-        const o = t(this, v).track.getBoundingClientRect(), r = t(this, v).thumb.clientHeight, n = s.clientY - o.top - r / 2, h = o.height - r, d = e.clientHeight, u = e.querySelector("table").scrollHeight - d;
-        if (h > 0 && u > 0) {
-          const b = Math.max(0, Math.min(1, n / h));
+        const o = t(this, v).track.getBoundingClientRect(), r = t(this, v).thumb.clientHeight, n = s.clientY - o.top - r / 2, a = o.height - r, d = e.clientHeight, u = e.querySelector("table").scrollHeight - d;
+        if (a > 0 && u > 0) {
+          const b = Math.max(0, Math.min(1, n / a));
           e.scrollTop = b * u;
         }
         this.refresh();
@@ -369,15 +369,15 @@ const H = class H {
     var o, r, n, l;
     if (!i) return null;
     const e = i.cloneNode(!0);
-    return t(o = H, pt).call(o, e), t(r = H, j).call(r, e, "thead"), t(n = H, j).call(n, e, "tbody"), t(l = H, j).call(l, e, "tfoot"), Array.from(e.querySelectorAll("colgroup col")).forEach((h, d) => {
-      const f = h.getAttribute("fixed");
+    return t(o = H, pt).call(o, e), t(r = H, j).call(r, e, "thead"), t(n = H, j).call(n, e, "tbody"), t(l = H, j).call(l, e, "tfoot"), Array.from(e.querySelectorAll("colgroup col")).forEach((a, d) => {
+      const f = a.getAttribute("fixed");
       f && e.querySelectorAll(`thead [data-col="${d}"], tbody [data-col="${d}"], tfoot [data-col="${d}"]`).forEach((u) => {
         u.setAttribute("fixed", f);
       });
     }), e;
   }
 };
-pt = new WeakMap(), j = new WeakMap(), c(H, "TableCompiler"), a(H, pt, /* @__PURE__ */ c((i) => {
+pt = new WeakMap(), j = new WeakMap(), c(H, "TableCompiler"), h(H, pt, /* @__PURE__ */ c((i) => {
   if (!i.querySelector("colgroup")) {
     const e = i.querySelector("tbody tr") || i.querySelector("tr"), s = e ? e.querySelectorAll("th, td").length : 1, o = document.createElement("colgroup"), r = Math.max(Math.floor(i.clientWidth / s), 100);
     for (let n = 0; n < s; n++) {
@@ -391,18 +391,18 @@ pt = new WeakMap(), j = new WeakMap(), c(H, "TableCompiler"), a(H, pt, /* @__PUR
     s ? s.after(e) : i.prepend(e);
   }
   i.classList.add("nine-table-element"), i.style.display = "table";
-}, "#ensureTableStructure")), a(H, j, /* @__PURE__ */ c((i, e) => {
+}, "#ensureTableStructure")), h(H, j, /* @__PURE__ */ c((i, e) => {
   const s = Array.from(i.querySelectorAll(e + " tr")), o = Array.from(i.querySelectorAll(e + " th," + e + " td")), r = s.length;
   if (r === 0 || o.length === 0) return;
   let n = 0;
-  o.forEach((h) => {
-    n += h.colSpan || 1;
+  o.forEach((a) => {
+    n += a.colSpan || 1;
   });
   const l = Array.from(Array(r), () => Array(n).fill(null));
-  s.forEach((h) => {
-    const d = h.sectionRowIndex;
+  s.forEach((a) => {
+    const d = a.sectionRowIndex;
     let f = 0;
-    Array.from(h.querySelectorAll("th,td")).forEach((u) => {
+    Array.from(a.querySelectorAll("th,td")).forEach((u) => {
       for (let E = 0; E < l[d].length; E++)
         if (l[d][E] === null) {
           f = E;
@@ -413,9 +413,9 @@ pt = new WeakMap(), j = new WeakMap(), c(H, "TableCompiler"), a(H, pt, /* @__PUR
         for (let L = 0; L < p; L++)
           d + E < r && f + L < n && (l[d + E][f + L] = E === 0 && L === 0 ? "1" : "0");
     });
-  }), s.forEach((h) => {
-    const d = h.sectionRowIndex;
-    Array.from(h.querySelectorAll("th,td")).forEach((f) => {
+  }), s.forEach((a) => {
+    const d = a.sectionRowIndex;
+    Array.from(a.querySelectorAll("th,td")).forEach((f) => {
       for (let u = 0; u < l[d].length; u++)
         if (l[d][u] === "1") {
           f.dataset.col = u, l[d][u] = "0";
@@ -428,13 +428,13 @@ let Nt = H;
 var Y, w, _, R, $, V, Z, mt, xt, ot, rt, vt, wt, lt, G, St;
 const Gt = class Gt {
   constructor(i) {
-    a(this, Y);
-    a(this, w);
-    a(this, _, /* @__PURE__ */ new Map());
-    a(this, R, null);
-    a(this, $, null);
-    a(this, V, 0);
-    a(this, Z, 40);
+    h(this, Y);
+    h(this, w);
+    h(this, _, /* @__PURE__ */ new Map());
+    h(this, R, null);
+    h(this, $, null);
+    h(this, V, 0);
+    h(this, Z, 40);
     x(this, "refresh", /* @__PURE__ */ c(() => {
       var e;
       const i = t(this, w).querySelector(".ng-container-body");
@@ -465,7 +465,7 @@ const Gt = class Gt {
         });
       }
     }, "initialize"));
-    a(this, mt, /* @__PURE__ */ c((i, e) => {
+    h(this, mt, /* @__PURE__ */ c((i, e) => {
       const s = t(this, _).get(e);
       if (!s || s.length === 0) return;
       const o = i.querySelector("tbody.bindable-tbody");
@@ -473,12 +473,12 @@ const Gt = class Gt {
       o.querySelectorAll("tr:not(.nodata)").forEach((l) => l.remove());
       const r = o.querySelector("tr.nodata"), n = document.createDocumentFragment();
       for (let l = 0; l < t(this, Z); l++)
-        s.forEach((h) => {
-          n.appendChild(h.cloneNode(!0));
+        s.forEach((a) => {
+          n.appendChild(a.cloneNode(!0));
         });
       r ? r.before(n) : o.appendChild(n);
     }, "#renderRows"));
-    a(this, xt, /* @__PURE__ */ c((i) => {
+    h(this, xt, /* @__PURE__ */ c((i) => {
       if (t(this, R) !== null && t(this, R) > 0)
         return t(this, R);
       const e = t(this, _).get(".ng-container-body");
@@ -490,44 +490,44 @@ const Gt = class Gt {
       e.forEach((b) => {
         r.appendChild(b.cloneNode(!0));
       }), o ? o.before(r) : s.appendChild(r);
-      const n = t(this, w), l = n.style.display, h = n.style.visibility, d = n.style.position;
+      const n = t(this, w), l = n.style.display, a = n.style.visibility, d = n.style.position;
       (l === "none" || window.getComputedStyle(n).display === "none") && (n.style.display = "block", n.style.visibility = "hidden", n.style.position = "absolute");
       let f = 0;
       const u = s.querySelectorAll("tr:not(.nodata)");
       return u.forEach((b) => {
         f += b.offsetHeight || b.getBoundingClientRect().height;
-      }), u.forEach((b) => b.remove()), n.style.display = l, n.style.visibility = h, n.style.position = d, g(this, R, f > 0 ? f : 24), t(this, rt).call(this), t(this, R);
+      }), u.forEach((b) => b.remove()), n.style.display = l, n.style.visibility = a, n.style.position = d, g(this, R, f > 0 ? f : 24), t(this, rt).call(this), t(this, R);
     }, "#measureAndCacheHeight"));
-    a(this, ot, /* @__PURE__ */ c(() => {
+    h(this, ot, /* @__PURE__ */ c(() => {
       if (!t(this, w).querySelector(".ng-container-body")) return;
       const e = t(this, Y).data.get() || [], s = e.length > 0 ? e.length : 100, o = t(this, R), r = s * o;
       [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((n) => {
-        const l = t(this, w).querySelector(n), h = l == null ? void 0 : l.querySelector("table");
-        h && (h.style.height = `${r}px`);
+        const l = t(this, w).querySelector(n), a = l == null ? void 0 : l.querySelector("table");
+        a && (a.style.height = `${r}px`);
       });
     }, "#updateVirtualScrollHeight"));
-    a(this, rt, /* @__PURE__ */ c(() => {
+    h(this, rt, /* @__PURE__ */ c(() => {
       if (t(this, V) > 0 && t(this, R) > 0) {
         const i = Math.ceil(t(this, V) / t(this, R));
         g(this, Z, i + 20);
       } else
         g(this, Z, 40);
     }, "#updateRowCount"));
-    a(this, vt, /* @__PURE__ */ c(() => {
-      var h, d, f;
+    h(this, vt, /* @__PURE__ */ c(() => {
+      var a, d, f;
       const i = t(this, w).querySelector(".ng-container-left table"), e = t(this, w).querySelector(".ng-container-body table"), s = t(this, w).querySelector(".ng-container-right table");
       if (!e) return;
       const o = i ? Array.from(i.querySelectorAll("tr")) : [], r = Array.from(e.querySelectorAll("tr")), n = s ? Array.from(s.querySelectorAll("tr")) : [], l = Math.max(o.length, r.length, n.length);
       for (let u = 0; u < l; u++) {
         const b = [
-          ((h = o[u]) == null ? void 0 : h.getBoundingClientRect().height) || 0,
+          ((a = o[u]) == null ? void 0 : a.getBoundingClientRect().height) || 0,
           ((d = r[u]) == null ? void 0 : d.getBoundingClientRect().height) || 0,
           ((f = n[u]) == null ? void 0 : f.getBoundingClientRect().height) || 0
         ], p = Math.max(...b);
         p > 0 && (o[u] && (o[u].style.height = `${p}px`), r[u] && (r[u].style.height = `${p}px`), n[u] && (n[u].style.height = `${p}px`));
       }
     }, "#syncRowHeights"));
-    a(this, wt, /* @__PURE__ */ c(() => {
+    h(this, wt, /* @__PURE__ */ c(() => {
       !t(this, w) || !(t(this, w) instanceof HTMLElement) || (g(this, $, new ResizeObserver((i) => {
         for (const e of i) {
           const s = e.target;
@@ -543,13 +543,13 @@ const Gt = class Gt {
         }
       })), t(this, $).observe(t(this, w)));
     }, "#initResizeObserver"));
-    a(this, lt, /* @__PURE__ */ c(() => {
+    h(this, lt, /* @__PURE__ */ c(() => {
       [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((i) => {
         const e = t(this, w).querySelector(i);
         e && e.querySelector("tbody.bindable-tbody") && t(this, mt).call(this, e, i);
       }), t(this, vt).call(this);
     }, "#renderAllContainers"));
-    a(this, G, /* @__PURE__ */ c((i) => {
+    h(this, G, /* @__PURE__ */ c((i) => {
       var r;
       const e = t(this, R);
       if (!e || e <= 0) return;
@@ -557,15 +557,15 @@ const Gt = class Gt {
       [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((n) => {
         const l = t(this, w).querySelector(n);
         if (!l) return;
-        const h = l.querySelector("tbody.bindable-tbody");
-        if (!h) return;
-        Array.from(h.querySelectorAll("tr:not(.nodata)")).forEach((f, u) => {
+        const a = l.querySelector("tbody.bindable-tbody");
+        if (!a) return;
+        Array.from(a.querySelectorAll("tr:not(.nodata)")).forEach((f, u) => {
           const b = s + Math.floor(u / o), p = t(this, Y).data.get(b);
           z.log("--", t(this, Y).data.get(0)), f.style.display = "", t(this, St).call(this, f, p, b);
         });
       });
     }, "#handleScroll"));
-    a(this, St, /* @__PURE__ */ c((i, e, s) => {
+    h(this, St, /* @__PURE__ */ c((i, e, s) => {
       i.dataset.row = s, z.log(i, e, s), Array.from(i.cells).forEach((o, r) => {
         const n = o.dataset.bind;
         n && e && e[n] !== void 0 ? o.textContent = e[n] : o.textContent = e ? e[Object.keys(e)[r]] ?? `R${s}C${r}` : `행 ${s + 1}`, o.dataset.row = s;
@@ -590,9 +590,9 @@ var Et, J, X, Rt, kt, qt, At, Tt;
 const it = class it extends HTMLElement {
   constructor() {
     super();
-    a(this, Et);
-    a(this, J, null);
-    a(this, X);
+    h(this, Et);
+    h(this, J, null);
+    h(this, X);
     /**
      * data.set, add, delete
      * filter, sorting : 고려대상
@@ -600,7 +600,7 @@ const it = class it extends HTMLElement {
     x(this, "invalidate", /* @__PURE__ */ c(() => {
       t(this, X).refresh();
     }, "invalidate"));
-    a(this, Rt, /* @__PURE__ */ c(() => {
+    h(this, Rt, /* @__PURE__ */ c(() => {
       [
         { selector: ".ng-container-body", type: null },
         { selector: ".ng-container-left", type: "left" },
@@ -612,7 +612,7 @@ const it = class it extends HTMLElement {
         r.innerHTML = "", r.appendChild(n);
       });
     }, "#renderSplitContainers"));
-    a(this, kt, /* @__PURE__ */ c(() => {
+    h(this, kt, /* @__PURE__ */ c(() => {
       ["left", "right"].forEach((e) => {
         const s = this.querySelector(`.ng-container-${e}`), o = s == null ? void 0 : s.querySelector("table");
         if (!s || !o) return;
@@ -638,7 +638,7 @@ const it = class it extends HTMLElement {
     /**
      * 🎯 마스터 테이블을 기반으로 특정 fixed 타입 영역만 남기는 분할 헬퍼
      */
-    a(this, qt, /* @__PURE__ */ c((e, s) => {
+    h(this, qt, /* @__PURE__ */ c((e, s) => {
       const o = e.cloneNode(!0), r = o.querySelector("tbody");
       if (r) {
         const n = document.createElement("tbody");
@@ -661,10 +661,10 @@ const it = class it extends HTMLElement {
       const s = this.querySelector(".ng-container-body");
       s && (s.scrollTop = e);
     }, "scrollToY"));
-    a(this, At, /* @__PURE__ */ c(() => {
+    h(this, At, /* @__PURE__ */ c(() => {
       t(this, Tt).call(this);
     }, "#init"));
-    a(this, Tt, /* @__PURE__ */ c(() => {
+    h(this, Tt, /* @__PURE__ */ c(() => {
       const e = it.SCROLLBAR_SIZE;
       this.innerHTML = `
             <style>
@@ -827,7 +827,7 @@ var Lt, ct;
 const Jt = class Jt extends HTMLElement {
   constructor() {
     super();
-    a(this, Lt, /* @__PURE__ */ c(() => {
+    h(this, Lt, /* @__PURE__ */ c(() => {
       var e;
       (e = this.querySelector(".nine-tab-bar")) == null || e.addEventListener("click", (s) => {
         var n;
@@ -835,7 +835,7 @@ const Jt = class Jt extends HTMLElement {
         t(this, ct).call(this, r, o);
       }), t(this, ct).call(this, 0, !1);
     }, "#init"));
-    a(this, ct, /* @__PURE__ */ c((e, s = !1) => {
+    h(this, ct, /* @__PURE__ */ c((e, s = !1) => {
       const o = /* @__PURE__ */ c(() => {
         const f = Array.from(this.querySelectorAll("nine-table-sheet"));
         Array.from(this.querySelectorAll("nine-splitter")).forEach((p) => p.style.setProperty("display", "none"));
@@ -844,12 +844,12 @@ const Jt = class Jt extends HTMLElement {
           const E = parseInt(p.getAttribute("data-index"), 10), L = this.querySelector(`nine-splitter[data-split-index="${E}"]`), ft = f[E + 1];
           L && ft && ft.classList.contains("active") && L.style.setProperty("display", "flex");
         });
-      }, "updateSplitters"), r = this.querySelector(".nine-tab-bar"), n = this.querySelector("nine-table-sheets-body"), l = r.querySelectorAll(".nine-tab-item"), h = n.querySelectorAll("nine-table-sheet");
+      }, "updateSplitters"), r = this.querySelector(".nine-tab-bar"), n = this.querySelector("nine-table-sheets-body"), l = r.querySelectorAll(".nine-tab-item"), a = n.querySelectorAll("nine-table-sheet");
       if (!l[e]) return;
       if (!s)
         l.forEach((f, u) => {
           f.classList.toggle("active", u === e);
-        }), h.forEach((f, u) => {
+        }), a.forEach((f, u) => {
           const b = u === e;
           f.classList.toggle("active", b), f.style.flex = b ? "1 1 100%" : "";
         });
@@ -877,25 +877,25 @@ customElements.get("nine-table-sheets") || customElements.define("nine-table-she
 var k, Ht, at, Ct;
 const Qt = class Qt {
   constructor(i) {
-    a(this, k);
-    a(this, Ht, /* @__PURE__ */ c(() => {
+    h(this, k);
+    h(this, Ht, /* @__PURE__ */ c(() => {
       t(this, Ct).call(this), new ResizeObserver((i) => {
         for (let e of i)
           t(this, k).getAttribute("auto-height") === "true" && t(this, at).call(this);
       }).observe(t(this, k));
     }, "#init"));
-    a(this, at, /* @__PURE__ */ c(() => {
-      var h, d;
+    h(this, at, /* @__PURE__ */ c(() => {
+      var a, d;
       const i = Array.from(t(this, k).shadowRoot.querySelectorAll("nine-table-sheet.active"));
       if (i.length === 0) return;
-      const e = parseInt(t(this, k).getAttribute("max-display-row"), 10) || 10, s = Math.max(...i.map((f) => f.getRowHeight())), o = (h = t(this, k).shadowRoot.querySelector("nine-table-header")) == null ? void 0 : h.getBoundingClientRect().height, r = (d = t(this, k).shadowRoot.querySelector("nine-table-sheets-footer")) == null ? void 0 : d.getBoundingClientRect().height, n = ut.SCROLLBAR_SIZE, l = e * s + o + r + n;
+      const e = parseInt(t(this, k).getAttribute("max-display-row"), 10) || 10, s = Math.max(...i.map((f) => f.getRowHeight())), o = (a = t(this, k).shadowRoot.querySelector("nine-table-header")) == null ? void 0 : a.getBoundingClientRect().height, r = (d = t(this, k).shadowRoot.querySelector("nine-table-sheets-footer")) == null ? void 0 : d.getBoundingClientRect().height, n = ut.SCROLLBAR_SIZE, l = e * s + o + r + n;
       t(this, k).style.height = `${l}px`;
     }, "#applyAutoHeight"));
-    a(this, Ct, /* @__PURE__ */ c(() => {
-      const e = Array.from(t(this, k).children).filter((h) => h.tagName === "TABLE"), s = t(this, k).getAttribute("auto-height") === "true", o = e.length, r = e.map((h, d) => {
+    h(this, Ct, /* @__PURE__ */ c(() => {
+      const e = Array.from(t(this, k).children).filter((a) => a.tagName === "TABLE"), s = t(this, k).getAttribute("auto-height") === "true", o = e.length, r = e.map((a, d) => {
         const u = `<nine-table-sheet class="${d === 0 ? "active" : ""}" data-index="${d}"></nine-table-sheet>`, b = d < o - 1 ? `<nine-splitter class="h" data-split-index="${d}"></nine-splitter>` : "";
         return u + b;
-      }).join(""), n = e.map((h, d) => `<div class="nine-tab-item ${d === 0 ? "active" : ""}" data-index="${d}">Sheet ${d + 1}</div>`).join("");
+      }).join(""), n = e.map((a, d) => `<div class="nine-tab-item ${d === 0 ? "active" : ""}" data-index="${d}">Sheet ${d + 1}</div>`).join("");
       t(this, k).shadowRoot.innerHTML = `
             <style>
                 :host { 
@@ -996,9 +996,9 @@ const Qt = class Qt {
             <nine-table-footer></nine-table-footer>
         `;
       const l = t(this, k).shadowRoot.querySelectorAll("nine-table-sheet");
-      l == null || l.forEach((h, d) => {
+      l == null || l.forEach((a, d) => {
         e[d] && setTimeout(() => {
-          h.generate(e[d]), s && t(this, at).call(this);
+          a.generate(e[d]), s && t(this, at).call(this);
         });
       });
     }, "#render"));
@@ -1010,8 +1010,8 @@ let Yt = Qt;
 var ht, Q;
 const te = class te {
   constructor(i) {
-    a(this, ht);
-    a(this, Q, -1);
+    h(this, ht);
+    h(this, Q, -1);
     x(this, "count", /* @__PURE__ */ c(() => t(this, ht).rawRecords.length, "count"));
     g(this, ht, i);
   }
@@ -1028,13 +1028,13 @@ let Vt = te;
 var q, S, A, tt, _t, W, Mt, U, dt, It, $t, et;
 const T = class T {
   constructor(i, e) {
-    a(this, q);
-    a(this, S);
-    a(this, A, []);
-    a(this, tt, []);
-    a(this, _t, 0);
-    a(this, W, []);
-    a(this, Mt, /* @__PURE__ */ c(() => {
+    h(this, q);
+    h(this, S);
+    h(this, A, []);
+    h(this, tt, []);
+    h(this, _t, 0);
+    h(this, W, []);
+    h(this, Mt, /* @__PURE__ */ c(() => {
       g(this, W, []);
       const i = t(this, q).template || [];
       Array.from(i).forEach((e) => {
@@ -1044,7 +1044,7 @@ const T = class T {
         e.__ng || (e.__ng = t(this, dt).call(this)), e.__ng.height = t(this, W).slice();
       });
     }, "#initialize"));
-    a(this, U, /* @__PURE__ */ c(() => {
+    h(this, U, /* @__PURE__ */ c(() => {
       t(this, q).shadowRoot.querySelectorAll("nine-table-sheet").forEach((i) => {
         i.invalidate();
       });
@@ -1065,7 +1065,7 @@ const T = class T {
     x(this, "set", /* @__PURE__ */ c((i) => {
       this.clear(), this.add(i, !1), t(this, U).call(this);
     }, "set"));
-    a(this, dt, /* @__PURE__ */ c(() => ({
+    h(this, dt, /* @__PURE__ */ c(() => ({
       rowState: T.ROW_STATE.EMPTY,
       deleted: !1,
       filtered: !1,
@@ -1081,7 +1081,7 @@ const T = class T {
       var i;
       t(this, S).rawRecords = [], g(this, A, []), g(this, tt, []), (i = t(this, S).viewRecords) != null && i.reset && t(this, S).viewRecords.reset();
     }, "clear"));
-    a(this, It, /* @__PURE__ */ c((i) => {
+    h(this, It, /* @__PURE__ */ c((i) => {
       var o;
       Array.isArray(i) || (i = [i]);
       const e = typeof ((o = t(this, q).fields) == null ? void 0 : o.get) == "function" ? t(this, q).fields.get() : Object.keys(i[0] || {}), s = [];
@@ -1092,7 +1092,7 @@ const T = class T {
         }), s.push(n);
       }), s;
     }, "#json2Array"));
-    a(this, $t, /* @__PURE__ */ c((i) => (Array.isArray(i) || (i = [i]), i.forEach((e) => {
+    h(this, $t, /* @__PURE__ */ c((i) => (Array.isArray(i) || (i = [i]), i.forEach((e) => {
       e.__ng = t(this, dt).call(this), e.__ng.rowid = this.nextId, e.__ng.rowState = T.ROW_STATE.INSERT, e.__ng._[0] = e.__ng.rowid;
     }), i), "#defaultInsert"));
     x(this, "add", /* @__PURE__ */ c((i, e = !0) => {
@@ -1117,9 +1117,9 @@ const T = class T {
       }), this.resetRecords(), t(this, U).call(this);
     }, "delete"));
     x(this, "setValue", /* @__PURE__ */ c((i, e, s) => {
-      var h;
+      var a;
       i = parseInt(i, 10);
-      const r = (typeof ((h = t(this, q).fields) == null ? void 0 : h.get) == "function" ? t(this, q).fields.get() : []).indexOf(e);
+      const r = (typeof ((a = t(this, q).fields) == null ? void 0 : a.get) == "function" ? t(this, q).fields.get() : []).indexOf(e);
       if (r < 0) return;
       const n = this.getValidData()[i];
       if (!n) return;
@@ -1134,16 +1134,16 @@ const T = class T {
       });
     }, "resetRecords"));
     x(this, "getValidData", /* @__PURE__ */ c(() => (t(this, A).length === 0 && t(this, S).rawRecords.length > 0 && this.resetRecords(), t(this, A)), "getValidData"));
-    a(this, et, /* @__PURE__ */ c((i) => {
-      var r;
+    h(this, et, /* @__PURE__ */ c((i) => {
+      var n;
       if (!i) return i;
-      const e = Array.isArray(i) ? i : [i], s = typeof ((r = t(this, q).fields) == null ? void 0 : r.get) == "function" ? t(this, q).fields.get() : [], o = e.filter((n) => !n.__ng.deleted).map((n) => {
-        const l = {};
-        return s.forEach((h, d) => {
-          l[h] = n.v ? n.v[d] : n[h];
-        }), l.__ng = n.__ng, l;
+      const e = !Array.isArray(i), s = e ? [i] : i, o = typeof ((n = t(this, q).fields) == null ? void 0 : n.get) == "function" ? t(this, q).fields.get() : [], r = s.filter((l) => !l.__ng.deleted).map((l) => {
+        const a = {};
+        return o.forEach((d, f) => {
+          a[d] = l.v ? l.v[f] : l[d];
+        }), a.__ng = l.__ng, a;
       });
-      return isSingle ? o[0] : o;
+      return e ? r[0] : r;
     }, "#conv"));
     x(this, "count", /* @__PURE__ */ c(() => this.getValidData().length, "count"));
     g(this, q, i), g(this, S, e), t(this, Mt).call(this);
@@ -1176,7 +1176,7 @@ let Xt = T;
 var F;
 const ee = class ee {
   constructor(i) {
-    a(this, F);
+    h(this, F);
     g(this, F, i), this.row = new Vt(this), this.data = new Xt(t(this, F), this), this.rawRecords = [], this.viewRecords = [], this.delRecords = [], this.pageCnt = 25, this.viewRecords.reset = () => {
       var e;
       (e = t(this, F).view) != null && e.redraw && t(this, F).view.redraw();
@@ -1201,8 +1201,8 @@ const ie = class ie extends HTMLElement {
   constructor() {
     super();
     //#created = false;
-    a(this, K);
-    a(this, Wt);
+    h(this, K);
+    h(this, Wt);
     this.attachShadow({ mode: "open" }), g(this, K, new Ut(this));
   }
   connectedCallback() {