@ninebone/grid 0.0.112 → 0.0.114

package/dist/nine-grid.js

@@ -3,8 +3,8 @@ var Eu = (mt) => {
   throw TypeError(mt);
 };
 var Hu = (mt, C, t) => C in mt ? qu(mt, C, { enumerable: !0, configurable: !0, writable: !0, value: t }) : mt[C] = t;
-var it = (mt, C, t) => Hu(mt, typeof C != "symbol" ? C + "" : C, t), su = (mt, C, t) => C.has(mt) || Eu("Cannot " + t);
-var f = (mt, C, t) => (su(mt, C, "read from private field"), t ? t.call(mt) : C.get(mt)), Y = (mt, C, t) => C.has(mt) ? Eu("Cannot add the same private member more than once") : C instanceof WeakSet ? C.add(mt) : C.set(mt, t), tt = (mt, C, t, l) => (su(mt, C, "write to private field"), l ? l.call(mt, t) : C.set(mt, t), t), qe = (mt, C, t) => (su(mt, C, "access private method"), t);
+var it = (mt, C, t) => Hu(mt, typeof C != "symbol" ? C + "" : C, t), iu = (mt, C, t) => C.has(mt) || Eu("Cannot " + t);
+var f = (mt, C, t) => (iu(mt, C, "read from private field"), t ? t.call(mt) : C.get(mt)), Y = (mt, C, t) => C.has(mt) ? Eu("Cannot add the same private member more than once") : C instanceof WeakSet ? C.add(mt) : C.set(mt, t), tt = (mt, C, t, l) => (iu(mt, C, "write to private field"), l ? l.call(mt, t) : C.set(mt, t), t), qe = (mt, C, t) => (iu(mt, C, "access private method"), t);
 var Au = (mt, C, t, l) => ({
   set _(c) {
     tt(mt, C, c, t);
@@ -48,7 +48,7 @@ it(_u, "confirm", async (C, t, l = {}) => {
     }), c.shadowRoot.querySelector("dialog").showModal();
   });
 });
-class Hl extends HTMLElement {
+class zl extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
   }
@@ -63,7 +63,7 @@ class Hl extends HTMLElement {
 		`;
   }
 }
-it(Hl, "alert", async (C, t = "Alert", l = {}) => {
+it(zl, "alert", async (C, t = "Alert", l = {}) => {
   t = t || "Alert";
   for (const o in H.options.alert)
     l[o] = l[o] || H.options.alert[o];
@@ -76,7 +76,7 @@ it(Hl, "alert", async (C, t = "Alert", l = {}) => {
   });
 });
 customElements.get("nx-confirm-popup") || customElements.define("nx-confirm-popup", _u);
-customElements.get("nx-alert-popup") || customElements.define("nx-alert-popup", Hl);
+customElements.get("nx-alert-popup") || customElements.define("nx-alert-popup", zl);
 const St = class St {
   constructor() {
     console.log(`welcome nine-grid@${St.version}`, window.location.hostname);
@@ -165,7 +165,7 @@ const St = class St {
     return _u.confirm(C, t, l);
   }
   static alert(C, t, l) {
-    return Hl.alert(C, t, l);
+    return zl.alert(C, t, l);
   }
 };
 it(St, "LOG", {
@@ -482,7 +482,7 @@ it(St, "ROW", {
     });
   },
   t: (C) => (console.log(i18next), i18next.t(C))
-}), it(St, "alert", (C, t, l) => Hl.alert(C, t, l)), /**
+}), it(St, "alert", (C, t, l) => zl.alert(C, t, l)), /**
  * Qdrant 필터링 조건에 따라 JSON 배열을 필터링하는 함수입니다.
  *
  * @param {Array<Object>} jsonArray 필터링할 JSON 객체 배열입니다.
@@ -657,7 +657,7 @@ class Wu extends HTMLElement {
   }
 }
 customElements.get("nine-grid2") || customElements.define("nine-grid2", Wu);
-var Kn, Zn, Jn, ls, zl;
+var Kn, Zn, Jn, ls, Ul;
 class Mr extends HTMLElement {
   constructor() {
     super();
@@ -743,9 +743,9 @@ class Mr extends HTMLElement {
       }), $(this.cell).children().each((i, u) => {
         var a = u.getAttribute("tooltip");
         a && H.j.querySelectorAll(u).attr("title", this.owner.exprFunction(a).call(this, this.cell.closest("tr").data, t));
-      }), f(this, zl).call(this);
+      }), f(this, Ul).call(this);
     });
-    Y(this, zl, () => {
+    Y(this, Ul, () => {
       if (!(!this.owner || !this.owner.template || !this.cell.closest("tbody.bindable"))) {
         var t = H.j.querySelectorAll(this.cell).attr("suppress");
         if (t && (t = parseInt(t)), t && !isNaN(t)) {
@@ -860,7 +860,7 @@ class Mr extends HTMLElement {
     return this.cell.closest("tr").data;
   }
 }
-Kn = new WeakMap(), Zn = new WeakMap(), Jn = new WeakMap(), ls = new WeakMap(), zl = new WeakMap();
+Kn = new WeakMap(), Zn = new WeakMap(), Jn = new WeakMap(), ls = new WeakMap(), Ul = new WeakMap();
 class Ci extends Mr {
   constructor() {
     super();
@@ -921,14 +921,14 @@ class Xu extends Mr {
 }
 Es = new WeakMap();
 customElements.get("ng-button") || customElements.define("ng-button", Xu);
-var We, Ul, Vl, Wl, Xl;
+var We, Vl, Wl, Xl, Yl;
 class Yu {
   constructor(C) {
     Y(this, We);
-    Y(this, Ul, (C) => {
-      !C.ctrlKey && !C.metaKey || (["C", "c"].includes(C.key) ? f(this, Wl).call(this) : ["V", "v"].includes(C.key) && f(this, Vl).call(this));
+    Y(this, Vl, (C) => {
+      !C.ctrlKey && !C.metaKey || (["C", "c"].includes(C.key) ? f(this, Xl).call(this) : ["V", "v"].includes(C.key) && f(this, Wl).call(this));
     });
-    Y(this, Vl, () => {
+    Y(this, Wl, () => {
       const C = f(this, We).cell.currentCell;
       C && f(this, We).selection.rows[0] && C.dataset.row == f(this, We).selection.rows[0] && (parseInt(C.dataset.row), parseInt(C.dataset.row), navigator.clipboard.readText().then((t) => {
         t.split(`
@@ -940,11 +940,11 @@ class Yu {
         console.error("Failed to read clipboard contents: ", t);
       }));
     });
-    Y(this, Wl, () => {
+    Y(this, Xl, () => {
       const C = [];
       for (var t = f(this, We).selection.selected.startRow; t <= f(this, We).selection.selected.endRow; t++) {
         for (var l = [], c = f(this, We).selection.selected.startCol; c <= f(this, We).selection.selected.endCol; c++)
-          l.push(f(this, Xl).call(this, t, c));
+          l.push(f(this, Yl).call(this, t, c));
         C.push(l.join("	"));
       }
       C.length <= 0 || navigator.clipboard.writeText(C.join(`
@@ -958,7 +958,7 @@ class Yu {
         console.error("Failed to copy text: ", o);
       });
     });
-    Y(this, Xl, (C, t) => {
+    Y(this, Yl, (C, t) => {
       const l = parseInt(C / f(this, We).template.length), o = f(this, We).template[C % f(this, We).template.length].querySelector(`[data-col="${t}"]`);
       if (!o || !o.dataset) return "";
       if (o.dataset.expr)
@@ -966,16 +966,16 @@ class Yu {
       if (o.dataset.bind)
         return f(this, We).data.get(l, o.dataset.bind);
     });
-    tt(this, We, C), $(f(this, We).body).on("keydown", f(this, Ul));
+    tt(this, We, C), $(f(this, We).body).on("keydown", f(this, Vl));
   }
 }
-We = new WeakMap(), Ul = new WeakMap(), Vl = new WeakMap(), Wl = new WeakMap(), Xl = new WeakMap();
-var Xt, Yl, Ii, As, Ts, Ni, Rs, Oi, Qn, ji, $i, lr, Ru, Mu, Ku, Iu, Nu, Ou, Zu, ju, Qs, Li, to, eo, ro, so;
+We = new WeakMap(), Vl = new WeakMap(), Wl = new WeakMap(), Xl = new WeakMap(), Yl = new WeakMap();
+var Xt, Gl, Ii, As, Ts, Ni, Rs, Oi, Qn, ji, $i, lr, Ru, Mu, Ku, Iu, Nu, Ou, Zu, ju, Qs, Li, to, eo, ro, so;
 class Gu {
   constructor(C) {
     Y(this, lr);
     Y(this, Xt);
-    Y(this, Yl);
+    Y(this, Gl);
     Y(this, Ii);
     Y(this, As);
     Y(this, Ts);
@@ -1124,7 +1124,7 @@ class Gu {
   }
   set currentCell(C) {
     if (!C) return;
-    tt(this, Yl, f(this, Ii)), tt(this, Ii, C), C.focus();
+    tt(this, Gl, f(this, Ii)), tt(this, Ii, C), C.focus();
     var t = C.closest("tr");
     tt(this, lr, parseInt(t.dataset.row) * f(this, Xt).template.length + t.sectionRowIndex % f(this, Xt).template.length, Mu), tt(this, lr, parseInt(C.dataset.col), Ou), tt(this, lr, C.cellIndex, Iu), tt(this, lr, C.dataset.bind, ju), t.closest("tbody.fixed") || (f(this, Xt).row.at = C.dataset.row), f(this, Xt).selection.selectCell(f(this, lr, Ru), f(this, lr, Nu));
     const l = C, c = parseInt(l.dataset.row), o = parseInt(l.dataset.matrixRow) % parseInt(l.dataset.row), r = parseInt(l.dataset.col), n = l.cellIndex, s = parseInt(f(this, As) / f(this, Xt).template.length), e = parseInt(f(this, As)) % parseInt(f(this, As) / f(this, Xt).template.length), i = f(this, Ni), u = f(this, Qn);
@@ -1151,7 +1151,7 @@ class Gu {
     }
   }
 }
-Xt = new WeakMap(), Yl = new WeakMap(), Ii = new WeakMap(), As = new WeakMap(), Ts = new WeakMap(), Ni = new WeakMap(), Rs = new WeakMap(), Oi = new WeakMap(), Qn = new WeakMap(), ji = new WeakMap(), $i = new WeakMap(), lr = new WeakSet(), Ru = function() {
+Xt = new WeakMap(), Gl = new WeakMap(), Ii = new WeakMap(), As = new WeakMap(), Ts = new WeakMap(), Ni = new WeakMap(), Rs = new WeakMap(), Oi = new WeakMap(), Qn = new WeakMap(), ji = new WeakMap(), $i = new WeakMap(), lr = new WeakSet(), Ru = function() {
   return f(this, Ts);
 }, Mu = function(C) {
   tt(this, As, f(this, Ts)), tt(this, Ts, parseInt(C));
@@ -1168,7 +1168,7 @@ Xt = new WeakMap(), Yl = new WeakMap(), Ii = new WeakMap(), As = new WeakMap(),
 }, ju = function(C) {
   tt(this, ji, f(this, $i)), tt(this, $i, C);
 }, Qs = new WeakMap(), Li = new WeakMap(), to = new WeakMap(), eo = new WeakMap(), ro = new WeakMap(), so = new WeakMap();
-var kt, wr, Pi, Gl, io;
+var kt, wr, Pi, Kl, io;
 class Ju {
   constructor(C) {
     Y(this, kt);
@@ -1249,7 +1249,7 @@ class Ju {
     it(this, "resetEvent", () => {
       $(".ng-table tbody.bindable", f(this, kt).body).off("mousedown", "th,td", f(this, io)).on("mousedown", "th,td", f(this, io));
     });
-    Y(this, Gl, () => {
+    Y(this, Kl, () => {
       this.resetEvent();
     });
     Y(this, io, (C) => {
@@ -1331,7 +1331,7 @@ class Ju {
       clear: () => {
         this.selected.startRow = this.selected.endRow = this.selected.startCol = this.selected.endCol = -1, H.j.querySelectorAll("th,td", f(this, kt).body).removeClass("selected").removeClass("selected-area").removeClass("selected-top").removeClass("selected-bottom").removeClass("selected-left").removeClass("selected-right");
       }
-    }, f(this, Gl).call(this);
+    }, f(this, Kl).call(this);
   }
   get type() {
     return f(this, kt).getAttribute("select-type");
@@ -1407,8 +1407,8 @@ class Ju {
     return this.selected.endCol;
   }
 }
-kt = new WeakMap(), wr = new WeakMap(), Pi = new WeakMap(), Gl = new WeakMap(), io = new WeakMap();
-var Ot, hs, no, oo, ao, Ir, lo, ho, cr, co, Kl, Zl, Jl, Ql, th, eh, uo, fo, po, mo;
+kt = new WeakMap(), wr = new WeakMap(), Pi = new WeakMap(), Kl = new WeakMap(), io = new WeakMap();
+var Ot, hs, no, oo, ao, Ir, lo, ho, cr, co, Zl, Jl, Ql, th, eh, rh, uo, fo, po, mo;
 class Qu {
   constructor(C) {
     Y(this, Ot);
@@ -1428,8 +1428,8 @@ class Qu {
           return t = c, !1;
       }), t;
     });
-    Y(this, Kl, (C) => {
-      var t = f(this, Jl).call(this, C);
+    Y(this, Zl, (C) => {
+      var t = f(this, Ql).call(this, C);
       if (t > 0) {
         t > f(this, Ot).dataManager.viewRecords.rawIndex && (t = f(this, Ot).dataManager.viewRecords.rawIndex);
         const c = f(this, Ot).template.clone(), o = c.clone(), r = c.clone();
@@ -1446,8 +1446,8 @@ class Qu {
       }
       return t;
     });
-    Y(this, Zl, (C) => {
-      var t = f(this, Ql).call(this, C);
+    Y(this, Jl, (C) => {
+      var t = f(this, th).call(this, C);
       if (t > 0) {
         f(this, Ot).view.getVisibleLastRow() + t >= f(this, Ot).data.count() && (t = f(this, Ot).data.count() - f(this, Ot).view.getVisibleLastRow() - 1);
         const c = f(this, Ot).template.clone(), o = c.clone(), r = c.clone();
@@ -1464,20 +1464,20 @@ class Qu {
       }
       return t;
     });
-    Y(this, Jl, (C) => {
+    Y(this, Ql, (C) => {
       const t = f(this, Ot).view.getVisibleFirstRow(), l = f(this, cr) + C;
       if (t <= 0) return 0;
       for (var c = 0, o = 0; o < l; )
         o += f(this, Ot).view.getRowHeight(t - ++c);
       return c;
     });
-    Y(this, Ql, (C) => {
+    Y(this, th, (C) => {
       const t = f(this, Ot).view.getTotalSpace() - f(this, Ot).view.getTranslateY() + C, l = f(this, Ot).view.getVisibleFirstRow(), c = f(this, Ot).view.getVisibleLastRow();
       for (var o = 0, r = 0; o < t; )
         o += f(this, Ot).view.getRowHeight(l + r++);
       return r + 1 - (c - l + 1);
     });
-    Y(this, th, () => {
+    Y(this, eh, () => {
       const C = f(this, Ot).view.getVisibleFirstRow(), t = f(this, Ot).view.getVisibleLastRow();
       for (var l = C, c = 0, o = C; o < t; o++)
         if (c += f(this, Ot).view.getRowHeight(o), c > f(this, cr) * -1) {
@@ -1495,7 +1495,7 @@ class Qu {
       }
       return l - C;
     });
-    Y(this, eh, () => {
+    Y(this, rh, () => {
       const C = f(this, Ot).view.getTotalSpace() - f(this, Ot).view.getTranslateY(), t = f(this, Ot).view.getVisibleFirstRow(), l = f(this, Ot).view.getVisibleLastRow();
       for (var c = f(this, Ot).data.count(), o = 0, r = t; r <= l; r++)
         if (o += f(this, Ot).view.getRowHeight(r), o > C) {
@@ -1523,14 +1523,14 @@ class Qu {
         if (C.preventDefault(), Math.abs(C.changedTouches[0].pageY - f(this, Ir)) > 0) {
           if (C.changedTouches[0].pageY > f(this, Ir)) {
             if (f(this, cr) + C.changedTouches[0].pageY - f(this, Ir) > 0 && f(this, Ot).view.getVisibleFirstRow() != 0) {
-              const o = f(this, Kl).call(this, C.changedTouches[0].pageY - f(this, Ir));
+              const o = f(this, Zl).call(this, C.changedTouches[0].pageY - f(this, Ir));
               if (o > 0) {
                 for (var t = f(this, Ot).view.getVisibleFirstRow(), l = t; l < t + o; l++)
                   tt(this, cr, f(this, cr) - f(this, Ot).view.getRowHeight(l));
                 f(this, Ot).dataManager.viewRecords.rawIndex -= o, f(this, Ot).view.redrawV3();
               }
             }
-          } else C.changedTouches[0].pageY < f(this, Ir) && f(this, Zl).call(this, f(this, Ir) - C.changedTouches[0].pageY) > 0 && f(this, Ot).view.redrawV3();
+          } else C.changedTouches[0].pageY < f(this, Ir) && f(this, Jl).call(this, f(this, Ir) - C.changedTouches[0].pageY) > 0 && f(this, Ot).view.redrawV3();
           tt(this, cr, f(this, cr) + (C.changedTouches[0].pageY - f(this, Ir))), f(this, Ot).body.querySelectorAll("tbody.bindable").forEach((o) => {
             o.style.transform = `translateY(${f(this, cr)}px)`;
           }), tt(this, Ir, C.changedTouches[0].pageY);
@@ -1542,8 +1542,8 @@ class Qu {
     });
     Y(this, po, (C) => {
       f(this, Ot).view.getVisibleFirstRow() == 0 && f(this, cr) > 0 && this.scrollTop();
-      var t = f(this, th).call(this);
-      f(this, Ot).dataManager.viewRecords.rawIndex += t, f(this, eh).call(this);
+      var t = f(this, eh).call(this);
+      f(this, Ot).dataManager.viewRecords.rawIndex += t, f(this, rh).call(this);
       const l = f(this, Ot).view.getTotalSpace() - f(this, Ot).view.getTranslateY();
       for (var c = 0, o = f(this, Ot).view.getVisibleFirstRow(); o <= f(this, Ot).view.getVisibleLastRow(); o++)
         c += f(this, Ot).view.getRowHeight(o);
@@ -1567,13 +1567,13 @@ class Qu {
     tt(this, Ot, C), this.resetEvent();
   }
 }
-Ot = new WeakMap(), hs = new WeakMap(), no = new WeakMap(), oo = new WeakMap(), ao = new WeakMap(), Ir = new WeakMap(), lo = new WeakMap(), ho = new WeakMap(), cr = new WeakMap(), co = new WeakMap(), Kl = new WeakMap(), Zl = new WeakMap(), Jl = new WeakMap(), Ql = new WeakMap(), th = new WeakMap(), eh = new WeakMap(), uo = new WeakMap(), fo = new WeakMap(), po = new WeakMap(), mo = new WeakMap();
-var rh, sh, Di, go, Bi;
+Ot = new WeakMap(), hs = new WeakMap(), no = new WeakMap(), oo = new WeakMap(), ao = new WeakMap(), Ir = new WeakMap(), lo = new WeakMap(), ho = new WeakMap(), cr = new WeakMap(), co = new WeakMap(), Zl = new WeakMap(), Jl = new WeakMap(), Ql = new WeakMap(), th = new WeakMap(), eh = new WeakMap(), rh = new WeakMap(), uo = new WeakMap(), fo = new WeakMap(), po = new WeakMap(), mo = new WeakMap();
+var sh, ih, Di, go, Bi;
 class td extends Mr {
   constructor() {
     super();
-    Y(this, rh);
     Y(this, sh);
+    Y(this, ih);
     Y(this, Di);
     Y(this, go);
     Y(this, Bi);
@@ -1596,7 +1596,7 @@ class td extends Mr {
     });
   }
   connectedCallback() {
-    tt(this, rh, this.getRootNode().host), tt(this, sh, this.closest("th,td")), this.shadowRoot.innerHTML = `
+    tt(this, sh, this.getRootNode().host), tt(this, ih, this.closest("th,td")), this.shadowRoot.innerHTML = `
 			<style>
 				:host {
 					height: 100%;
@@ -1650,7 +1650,7 @@ class td extends Mr {
     }), tt(this, go, new Chart(f(this, Di), f(this, Bi)));
   }
 }
-rh = new WeakMap(), sh = new WeakMap(), Di = new WeakMap(), go = new WeakMap(), Bi = new WeakMap();
+sh = new WeakMap(), ih = new WeakMap(), Di = new WeakMap(), go = new WeakMap(), Bi = new WeakMap();
 customElements.get("ng-line-chart") || customElements.define("ng-line-chart", td);
 var Fi, qi, bo, Hi, zi;
 class ed extends Ci {
@@ -1718,7 +1718,7 @@ class ed extends Ci {
 }
 Fi = new WeakMap(), qi = new WeakMap(), bo = new WeakMap(), Hi = new WeakMap(), zi = new WeakMap();
 customElements.get("ng-checkbox") || customElements.define("ng-checkbox", ed);
-var ti, Dr, yo, Ui, vo, ih;
+var ti, Dr, yo, Ui, vo, nh;
 class rd extends HTMLElement {
   constructor() {
     super();
@@ -1727,7 +1727,7 @@ class rd extends HTMLElement {
     Y(this, yo);
     Y(this, Ui);
     Y(this, vo, (t) => {
-      t.preventDefault(), t.stopPropagation(), H.j.querySelectorAll(this).hasClass("expand") ? f(this, ih).call(this) : this.expand();
+      t.preventDefault(), t.stopPropagation(), H.j.querySelectorAll(this).hasClass("expand") ? f(this, nh).call(this) : this.expand();
     });
     it(this, "expand", () => {
       if (H.j.querySelectorAll(this).hasClass("expand")) return;
@@ -1736,7 +1736,7 @@ class rd extends HTMLElement {
       for (var c = 0; c < l; c++)
         f(this, ti).columns.width(t + c, f(this, Ui)[c]);
     });
-    Y(this, ih, () => {
+    Y(this, nh, () => {
       if (!H.j.querySelectorAll(this).hasClass("expand")) return;
       $(this).removeClass("expand"), tt(this, yo, f(this, Dr).style.color), f(this, Dr).style.color = "transparent", tt(this, Ui, []);
       const t = parseInt(f(this, Dr).dataset.col), l = f(this, Dr).colSpan || 1, c = 20 / l;
@@ -1756,7 +1756,7 @@ class rd extends HTMLElement {
 		`, tt(this, ti, this.getRootNode().host), tt(this, Dr, this.closest("th,td")), H.j.querySelectorAll(this).addClass("expand"), $(this).off("click", f(this, vo)), $(this).on("click", f(this, vo));
   }
 }
-ti = new WeakMap(), Dr = new WeakMap(), yo = new WeakMap(), Ui = new WeakMap(), vo = new WeakMap(), ih = new WeakMap();
+ti = new WeakMap(), Dr = new WeakMap(), yo = new WeakMap(), Ui = new WeakMap(), vo = new WeakMap(), nh = new WeakMap();
 customElements.get("ng-col-expand") || customElements.define("ng-col-expand", rd);
 class sd extends HTMLElement {
   constructor() {
@@ -1953,7 +1953,7 @@ class nd {
   }
 }
 we = new WeakMap(), Nr = new WeakMap(), Br = new WeakMap(), wo = new WeakMap(), xr = new WeakMap(), Vi = new WeakMap(), Fr = new WeakMap(), xo = new WeakMap(), uu = new WeakMap(), _o = new WeakMap(), du = new WeakMap(), So = new WeakMap(), ko = new WeakMap(), Wi = new WeakMap(), Xi = new WeakMap(), Co = new WeakMap();
-var Me, _r, Sr, Ms, Is, qr, kr, Ns, Os, Eo, Ao, To, fu, Ro, nh, Mo, Yi, Gi, Ki, ei, Zi, oh;
+var Me, _r, Sr, Ms, Is, qr, kr, Ns, Os, Eo, Ao, To, fu, Ro, oh, Mo, Yi, Gi, Ki, ei, Zi, ah;
 class od {
   constructor(C) {
     Y(this, Me);
@@ -1989,7 +1989,7 @@ class od {
           });
     });
     Y(this, Eo, (C) => {
-      C.target.style.cursor == "col-resize" && f(this, oh).call(this, C);
+      C.target.style.cursor == "col-resize" && f(this, ah).call(this, C);
     });
     Y(this, Ao, (C) => {
       tt(this, Is, !1);
@@ -2004,7 +2004,7 @@ class od {
     });
     Y(this, fu, (C) => {
       tt(this, Is, !0), setTimeout(() => {
-        f(this, Is) && f(this, nh).call(this, C);
+        f(this, Is) && f(this, oh).call(this, C);
       }, 500);
     });
     Y(this, Ro, (C) => {
@@ -2013,7 +2013,7 @@ class od {
         f(this, Is) && f(this, Mo).call(this, C);
       }, 500));
     });
-    Y(this, nh, (C) => {
+    Y(this, oh, (C) => {
       C.target = C.target.closest("th,td");
       var t = C.target.getBoundingClientRect();
       C.offsetX = C.targetTouches[0].pageX - t.left, C.pageX = C.changedTouches[0].pageX, C.buttons = 1, f(this, Mo).call(this, C), f(this, _r).is(":visible") ? ($(C.target).on("touchmove", (l) => f(this, Yi).call(this, l)), $(C.target).on("touchend", (l) => f(this, Ki).call(this, l))) : ($(C.target).off("touchmove", (l) => f(this, Yi).call(this, l)), $(C.target).off("touchend", (l) => f(this, Ki).call(this, l)));
@@ -2052,15 +2052,15 @@ class od {
       var t = parseInt(f(this, Sr).offset().left), l, c, o;
       f(this, Ns) ? (c = f(this, kr).width() + f(this, kr).offset().left - f(this, Sr).offset().left, o = c < 10 ? 10 : c - 1, l = parseInt(f(this, kr).width() + f(this, kr).offset().left - f(this, Sr).offset().left)) : (c = parseInt(t - f(this, qr).offset().left), o = c, l = parseInt(t - f(this, qr).offset().left + 1), t = t - o), l <= 1 && (l = 0), f(this, Ms).offset({ left: t }), f(this, Ms).width(o), f(this, Ms).find("span").text(l);
     });
-    Y(this, oh, (C) => {
+    Y(this, ah, (C) => {
       var t = C.target.closest("th,td"), l = f(this, Me).tableUtils.prev(t), c = f(this, Me).tableUtils.next(t), o = f(this, Me).getBand(t.dataset.col) == H.BAND.RIGHT ? C.offsetX <= 2 ? $(t) : c : C.offsetX <= 2 ? l : $(t);
       f(this, Me).setColumnWidthFit(o[0].dataset.col);
     });
     tt(this, Me, C), tt(this, _r, $('<div class="resizer-col-panel"><div class="grip"></div><div class="tooltip"><div></div><span></span><div></div></div></div>').hide()), $(f(this, Me).body).append(f(this, _r)), tt(this, Sr, f(this, _r).find(".grip")), tt(this, Ms, f(this, _r).find(".tooltip")), this.resetEvent();
   }
 }
-Me = new WeakMap(), _r = new WeakMap(), Sr = new WeakMap(), Ms = new WeakMap(), Is = new WeakMap(), qr = new WeakMap(), kr = new WeakMap(), Ns = new WeakMap(), Os = new WeakMap(), Eo = new WeakMap(), Ao = new WeakMap(), To = new WeakMap(), fu = new WeakMap(), Ro = new WeakMap(), nh = new WeakMap(), Mo = new WeakMap(), Yi = new WeakMap(), Gi = new WeakMap(), Ki = new WeakMap(), ei = new WeakMap(), Zi = new WeakMap(), oh = new WeakMap();
-var ue, ri, Or, Ji, Io, ah;
+Me = new WeakMap(), _r = new WeakMap(), Sr = new WeakMap(), Ms = new WeakMap(), Is = new WeakMap(), qr = new WeakMap(), kr = new WeakMap(), Ns = new WeakMap(), Os = new WeakMap(), Eo = new WeakMap(), Ao = new WeakMap(), To = new WeakMap(), fu = new WeakMap(), Ro = new WeakMap(), oh = new WeakMap(), Mo = new WeakMap(), Yi = new WeakMap(), Gi = new WeakMap(), Ki = new WeakMap(), ei = new WeakMap(), Zi = new WeakMap(), ah = new WeakMap();
+var ue, ri, Or, Ji, Io, lh;
 class ad {
   constructor(C) {
     Y(this, ue);
@@ -2131,7 +2131,7 @@ class ad {
         t.org.cols.push(f(this, ri).call(this, n.currentTable, s));
       return t;
     });
-    Y(this, ah, (C, t, l, c) => {
+    Y(this, lh, (C, t, l, c) => {
       if (C.closest("tr").rowIndex != t.closest("tr").rowIndex) return !1;
       const o = parseInt(C.dataset.col), r = C.colSpan;
       parseInt(t.dataset.col), t.colSpan;
@@ -2146,7 +2146,7 @@ class ad {
     it(this, "moveColumn", (C, t) => {
       if (!C || !t) return !1;
       const l = f(this, ue).shadowRoot.querySelector("ng-foot").shadowRoot.querySelector("ng-layout"), c = f(this, Io).call(this, C), o = f(this, Io).call(this, t), r = t.closest("table"), n = !!(C.closest(".ng-container-left") || t.closest(".ng-container-left")), s = !!(C.closest(".ng-container-right") || t.closest(".ng-container-right"));
-      if (!f(this, ah).call(this, C, t, c, o)) return !1;
+      if (!f(this, lh).call(this, C, t, c, o)) return !1;
       for (var e of [c.thead.cells, c.tfoot.cells, c.tbody.cells, c.fixed.cells])
         for (var i of e) {
           H.j.querySelectorAll(i).addClass("tmp");
@@ -2259,18 +2259,18 @@ class ad {
     tt(this, ue, C);
   }
 }
-ue = new WeakMap(), ri = new WeakMap(), Or = new WeakMap(), Ji = new WeakMap(), Io = new WeakMap(), ah = new WeakMap();
+ue = new WeakMap(), ri = new WeakMap(), Or = new WeakMap(), Ji = new WeakMap(), Io = new WeakMap(), lh = new WeakMap();
 class ld extends Uu.constructor {
   constructor() {
     super(), this.init("nine-grid", "green");
   }
 }
-const iu = new ld();
-var lh, Qi, Le, rr, No, js, si, tn, hh, ch, uh, dh, pu;
+const Fl = new ld();
+var hh, Qi, Le, rr, No, js, si, tn, ch, uh, dh, fh, pu;
 class hd extends Ci {
   constructor() {
     super();
-    Y(this, lh, 10);
+    Y(this, hh, 10);
     Y(this, Qi);
     Y(this, Le);
     Y(this, rr);
@@ -2279,9 +2279,9 @@ class hd extends Ci {
     Y(this, si);
     Y(this, tn);
     it(this, "dataRefresh", (t) => {
-      f(this, rr) && (f(this, hh).call(this) ? H.j.querySelectorAll(this).removeClass("invalid") : H.j.querySelectorAll(this).addClass("invalid")), f(this, Qi).innerHTML = this.getDisplayText() || "Select", t || this.reset();
+      f(this, rr) && (f(this, ch).call(this) ? H.j.querySelectorAll(this).removeClass("invalid") : H.j.querySelectorAll(this).addClass("invalid")), f(this, Qi).innerHTML = this.getDisplayText() || "Select", t || this.reset();
     });
-    Y(this, hh, () => {
+    Y(this, ch, () => {
       if (H.isNull(this.value)) return !0;
       var t = this.multi ? this.value.split(this.multiSeparator) : [this.value];
       for (var l of t) {
@@ -2290,16 +2290,16 @@ class hd extends Ci {
       }
       return !0;
     });
-    Y(this, ch, () => {
+    Y(this, uh, () => {
       if (this.owner) {
         if (tt(this, Le, this.owner.shadowRoot.querySelector("ng-combo-panel")), this.owner.shadowRoot.querySelectorAll("ng-combo-panel").length > 1) throw "too many ng-combo-panel";
         var t = this.getAttribute("data-source");
         t && this.owner && this.owner.exprFunction;
       }
     });
-    Y(this, uh, (t) => {
+    Y(this, dh, (t) => {
       if (console.log(f(this, rr)), !!f(this, rr)) {
-        console.log(f(this, rr)), f(this, Le).col = this.cell.dataset.col, f(this, Le).row = this.cell.closest("tr").sectionRowIndex, f(this, rr).length > f(this, lh) ? H.j.querySelectorAll(f(this, Le)).addClass("expand") : H.j.querySelectorAll(f(this, Le)).removeClass("expand"), this.multi ? H.j.querySelectorAll(f(this, Le)).addClass("multi") : H.j.querySelectorAll(f(this, Le)).removeClass("multi"), f(this, Le).refresh(this, f(this, rr), f(this, js), f(this, tn));
+        console.log(f(this, rr)), f(this, Le).col = this.cell.dataset.col, f(this, Le).row = this.cell.closest("tr").sectionRowIndex, f(this, rr).length > f(this, hh) ? H.j.querySelectorAll(f(this, Le)).addClass("expand") : H.j.querySelectorAll(f(this, Le)).removeClass("expand"), this.multi ? H.j.querySelectorAll(f(this, Le)).addClass("multi") : H.j.querySelectorAll(f(this, Le)).removeClass("multi"), f(this, Le).refresh(this, f(this, rr), f(this, js), f(this, tn));
         var l = $(".btn1", this.shadowRoot).offset().left - $(this.owner).offset().left;
         l + $(f(this, Le)).width() > $(this.owner).width() && (l = $(".btn2", this.shadowRoot).offset().left - $(this.owner).offset().left - $(f(this, Le)).width() + 8), l < 0 && (l = 0);
         var c = Math.min(f(this, rr).length, f(this, No)) * 26;
@@ -2315,7 +2315,7 @@ class hd extends Ci {
         }).show(), H.j.querySelectorAll(f(this, Le)).hasClass("expand") && $("div", f(this, Le)).eq(0).find("input").focus().val("");
       }
     });
-    Y(this, dh, (t) => {
+    Y(this, fh, (t) => {
       t.target.closest("ng-combo-panel") || (f(this, Le).row = f(this, Le).col = -1, $(f(this, Le)).hide());
     });
     Y(this, pu, () => "a");
@@ -2339,20 +2339,20 @@ class hd extends Ci {
 			<button class="btn2" tabindex="-1"></button>
 		`, super.connectedCallback();
     const l = this.closest("th,td"), c = this.getAttribute("data-source");
-    c && this.owner && this.owner.exprFunction && (this.owner[c] ? tt(this, rr, this.owner[c]) : tt(this, rr, this.owner.exprFunction(c).call(this, this.owner.data.get(this.cell.dataset.row), this.cell.dataset.row))), l && l.dataset && f(this, rr) && !l.dataset.expr && (l.dataset.expr = "comboExpr()"), f(this, ch).call(this), f(this, Le), tt(this, Qi, this.shadowRoot.querySelector(".btn1"));
+    c && this.owner && this.owner.exprFunction && (this.owner[c] ? tt(this, rr, this.owner[c]) : tt(this, rr, this.owner.exprFunction(c).call(this, this.owner.data.get(this.cell.dataset.row), this.cell.dataset.row))), l && l.dataset && f(this, rr) && !l.dataset.expr && (l.dataset.expr = "comboExpr()"), f(this, uh).call(this), f(this, Le), tt(this, Qi, this.shadowRoot.querySelector(".btn1"));
     var o = this.closest("th,td").dataset.col, r = this.closest("tr").sectionRowIndex;
     $(this.cell).on("keydown", (n) => {
       n.code == "Enter" && $(f(this, Qi)).trigger("click");
     }), $("button", this.shadowRoot).on("click", (n) => {
-      f(this, Le).row == r && f(this, Le).col == o ? f(this, dh).call(this, n) : f(this, uh).call(this, n);
+      f(this, Le).row == r && f(this, Le).col == o ? f(this, fh).call(this, n) : f(this, dh).call(this, n);
     });
   }
   get dataSource() {
     return f(this, rr);
   }
 }
-lh = new WeakMap(), Qi = new WeakMap(), Le = new WeakMap(), rr = new WeakMap(), No = new WeakMap(), js = new WeakMap(), si = new WeakMap(), tn = new WeakMap(), hh = new WeakMap(), ch = new WeakMap(), uh = new WeakMap(), dh = new WeakMap(), pu = new WeakMap();
-var Oo, Pe, $s, ii, en, fh, jo, ph, $o, rn, mu, mh, gh;
+hh = new WeakMap(), Qi = new WeakMap(), Le = new WeakMap(), rr = new WeakMap(), No = new WeakMap(), js = new WeakMap(), si = new WeakMap(), tn = new WeakMap(), ch = new WeakMap(), uh = new WeakMap(), dh = new WeakMap(), fh = new WeakMap(), pu = new WeakMap();
+var Oo, Pe, $s, ii, en, ph, jo, mh, $o, rn, mu, gh, bh;
 class cd extends HTMLElement {
   constructor() {
     super();
@@ -2361,13 +2361,13 @@ class cd extends HTMLElement {
     Y(this, $s);
     Y(this, ii);
     Y(this, en);
-    Y(this, fh, () => {
-      $("input[type=checkbox]", this.shadowRoot).on("change", f(this, ph)), $("input[type=text]", this.shadowRoot).on("input", f(this, mh)), $("button#btnOk", this.shadowRoot).on("click", f(this, $o));
+    Y(this, ph, () => {
+      $("input[type=checkbox]", this.shadowRoot).on("change", f(this, mh)), $("input[type=text]", this.shadowRoot).on("input", f(this, gh)), $("button#btnOk", this.shadowRoot).on("click", f(this, $o));
     });
     Y(this, jo, (t) => {
       ["TH", "TD"].includes(t.target.tagName) && ["Enter"].includes(t.code) && (f(this, Pe).multi ? f(this, $o).call(this, t) : f(this, rn).call(this, t));
     });
-    Y(this, ph, (t) => {
+    Y(this, mh, (t) => {
       var l = this.shadowRoot.querySelector("nine-grid"), c = l.fields.indexOf("CHK");
       l.data.getValidData().map((o) => {
         o.v[c] = $(t.target).prop("checked") ? "Y" : "N";
@@ -2392,7 +2392,7 @@ class cd extends HTMLElement {
     Y(this, mu, (t) => {
       t.preventDefault(), t.stopPropagation(), $(this).hide();
     });
-    Y(this, mh, (t) => {
+    Y(this, gh, (t) => {
       var l = this.shadowRoot.querySelector("nine-grid");
       H.j.querySelectorAll(l).addClass("loading");
       var c = l.data.getValidDataNF();
@@ -2430,7 +2430,7 @@ class cd extends HTMLElement {
       if (l.length > 0)
         for (const i in l[0])
           n.push(i);
-      if (r.fields.add(n), r.data.set(l), f(this, gh).call(this, o), $(".ng-container-left", r.body).css({
+      if (r.fields.add(n), r.data.set(l), f(this, bh).call(this, o), $(".ng-container-left", r.body).css({
         width: f(this, Pe).multi ? 30 : 0,
         "min-width": f(this, Pe).multi ? 30 : 0
       }), f(this, Pe).multi) {
@@ -2447,7 +2447,7 @@ class cd extends HTMLElement {
         $(`tbody.bindable tr[data-row="${r.row.at}"]`, r.shadowRoot).find("td").eq(0).focus();
       }), $(".ng-table tbody", r.body).off("keydown", "th,td", f(this, jo)), $(".ng-table tbody", r.body).on("keydown", "th,td", f(this, jo));
     });
-    Y(this, gh, () => {
+    Y(this, bh, () => {
       var t = this.shadowRoot.querySelector("nine-grid");
       $("col", t.body).each((o, r) => {
         r.setAttribute("width", "0");
@@ -2520,13 +2520,13 @@ class cd extends HTMLElement {
 				<input id="chkAll" type="checkbox" checked><label for="chkAll">Select All</label>
 				<button id="btnOk">OK</button>
 			</div>
-		`, f(this, fh).call(this);
+		`, f(this, ph).call(this);
   }
 }
-Oo = new WeakMap(), Pe = new WeakMap(), $s = new WeakMap(), ii = new WeakMap(), en = new WeakMap(), fh = new WeakMap(), jo = new WeakMap(), ph = new WeakMap(), $o = new WeakMap(), rn = new WeakMap(), mu = new WeakMap(), mh = new WeakMap(), gh = new WeakMap();
+Oo = new WeakMap(), Pe = new WeakMap(), $s = new WeakMap(), ii = new WeakMap(), en = new WeakMap(), ph = new WeakMap(), jo = new WeakMap(), mh = new WeakMap(), $o = new WeakMap(), rn = new WeakMap(), mu = new WeakMap(), gh = new WeakMap(), bh = new WeakMap();
 customElements.get("ng-combo") || customElements.define("ng-combo", hd);
 customElements.get("ng-combo-panel") || customElements.define("ng-combo-panel", cd);
-var sn, Lo, nn, ni, on, Yr, bh, Po, yh;
+var sn, Lo, nn, ni, on, Yr, yh, Po, vh;
 class ud {
   constructor(C) {
     Y(this, sn);
@@ -2546,18 +2546,18 @@ class ud {
         //"z-index"	: 2,
       }), f(this, Yr).open(), f(this, ni) && f(this, ni).show && f(this, ni).show.call(this, { source: f(this, Lo) });
     });
-    Y(this, bh, (C) => {
+    Y(this, yh, (C) => {
       tt(this, nn, f(this, Po).call(this, C.items, 0)), tt(this, ni, C.events), tt(this, Yr, $(`<ng-context-menu-panel id="${C.id}"></ng-context-menu-panel>`)[0]), $(f(this, sn).shadowRoot).append($(f(this, Yr)).hide()), f(this, Yr).init(f(this, nn)), $("li", f(this, Yr)).on("mousedown", (t) => {
         C.callback && (t.menuId = t.currentTarget.getAttribute("menu-id"), t.source = f(this, Lo), C.callback(t)), $("ng-context-menu-panel", f(this, sn).shadowRoot).hide();
       });
     });
     Y(this, Po, (C, t) => {
-      tt(this, on, Math.max(t, f(this, on)) + 1), C = f(this, yh).call(this, C);
+      tt(this, on, Math.max(t, f(this, on)) + 1), C = f(this, vh).call(this, C);
       for (const l of C)
         l.level = t, l.hasOwnProperty("items") && (l.items = f(this, Po).call(this, l.items, t + 1));
       return C;
     });
-    Y(this, yh, (C) => {
+    Y(this, vh, (C) => {
       if (Array.isArray(C)) return C;
       var t = [];
       for (const c in C) {
@@ -2566,17 +2566,17 @@ class ud {
       }
       return t;
     });
-    tt(this, on, 0), tt(this, sn, C.owner), f(this, bh).call(this, C);
+    tt(this, on, 0), tt(this, sn, C.owner), f(this, yh).call(this, C);
   }
 }
-sn = new WeakMap(), Lo = new WeakMap(), nn = new WeakMap(), ni = new WeakMap(), on = new WeakMap(), Yr = new WeakMap(), bh = new WeakMap(), Po = new WeakMap(), yh = new WeakMap();
-var Do, vh;
+sn = new WeakMap(), Lo = new WeakMap(), nn = new WeakMap(), ni = new WeakMap(), on = new WeakMap(), Yr = new WeakMap(), yh = new WeakMap(), Po = new WeakMap(), vh = new WeakMap();
+var Do, wh;
 class dd extends HTMLElement {
   constructor() {
     super();
     it(this, "init", (t) => {
       var l = $("ul", this);
-      $("li", l).remove(), f(this, Do).call(this, l, t), $("li", this).on("mouseover", f(this, vh)), $("li", this).on("mouseout", (c) => {
+      $("li", l).remove(), f(this, Do).call(this, l, t), $("li", this).on("mouseover", f(this, wh)), $("li", this).on("mouseout", (c) => {
         H.j.querySelectorAll(c.currentTarget).removeClass("visible");
       });
     });
@@ -2592,7 +2592,7 @@ class dd extends HTMLElement {
         }
       }
     });
-    Y(this, vh, (t) => {
+    Y(this, wh, (t) => {
       H.j.querySelectorAll(t.currentTarget).addClass("visible");
       var l = $(this).css("font"), c = 150;
       $("ul > li:visible > span", t.currentTarget).each((o, r) => {
@@ -2609,9 +2609,9 @@ class dd extends HTMLElement {
     this.innerHTML = "<ul></ul>";
   }
 }
-Do = new WeakMap(), vh = new WeakMap();
+Do = new WeakMap(), wh = new WeakMap();
 customElements.get("ng-context-menu-panel") || customElements.define("ng-context-menu-panel", dd);
-var Hr, Bo, wh, xh, _h;
+var Hr, Bo, xh, _h, Sh;
 class fd {
   /**
    * focus event, keyboard event, mouse event : common.js
@@ -2622,19 +2622,19 @@ class fd {
   constructor(C) {
     Y(this, Hr);
     Y(this, Bo, () => {
-      $(".ng-table tbody", f(this, Hr).shadowRoot).on("click", "th,td", f(this, wh)), $(".ng-table thead", f(this, Hr).shadowRoot).on("click", "th,td", f(this, xh)), $(".ng-table tfoot", f(this, Hr).shadowRoot).on("click", "th,td", f(this, _h));
+      $(".ng-table tbody", f(this, Hr).shadowRoot).on("click", "th,td", f(this, xh)), $(".ng-table thead", f(this, Hr).shadowRoot).on("click", "th,td", f(this, _h)), $(".ng-table tfoot", f(this, Hr).shadowRoot).on("click", "th,td", f(this, Sh));
     });
-    Y(this, wh, (C) => {
+    Y(this, xh, (C) => {
       if (![1, 2].includes(C.detail)) return;
       const t = ["altKey", "ctrlKey", "shiftKey", "clientX", "clientY", "offsetX", "offsetY", "pageX", "pageY", "screenX", "screenY", "button", "buttons", "whitch"], l = C.target.closest("th,td"), c = C.detail == 1 ? H.EVENT.CELL_CLICK : H.EVENT.CELL_DBL_CLICK, o = new CustomEvent(c, { bubbles: !0, composed: !0, detail: { target: l } });
       o.col = l.dataset.col, o.row = l.dataset.row, o.subrow = parseInt(l.dataset.matrixRow) % parseInt(l.dataset.row), o.bind = l.dataset.bind, H.copyProperty(o, C, t), f(this, Hr).dispatchEvent(o);
     });
-    Y(this, xh, (C) => {
+    Y(this, _h, (C) => {
       if (![1, 2].includes(C.detail)) return;
       const t = ["altKey", "ctrlKey", "shiftKey", "clientX", "clientY", "offsetX", "offsetY", "pageX", "pageY", "screenX", "screenY", "button", "buttons", "whitch"], l = C.target.closest("th,td"), c = C.detail == 1 ? H.EVENT.HEADCELL_CLICK : H.EVENT.HEADCELL_DBL_CLICK, o = new CustomEvent(c, { bubbles: !0, composed: !0, detail: { target: l } });
       o.col = l.dataset.col, H.copyProperty(o, C, t), f(this, Hr).dispatchEvent(o);
     });
-    Y(this, _h, (C) => {
+    Y(this, Sh, (C) => {
       if (![1, 2].includes(C.detail)) return;
       const t = ["altKey", "ctrlKey", "shiftKey", "clientX", "clientY", "offsetX", "offsetY", "pageX", "pageY", "screenX", "screenY", "button", "buttons", "whitch"], l = C.target.closest("th,td"), c = C.detail == 1 ? H.EVENT.FOOTCELL_CLICK : H.EVENT.FOOTCELL_DBL_CLICK, o = new CustomEvent(c, { bubbles: !0, composed: !0, detail: { target: l } });
       o.col = l.dataset.col, H.copyProperty(o, C, t), f(this, Hr).dispatchEvent(o);
@@ -2644,7 +2644,7 @@ class fd {
     });
   }
 }
-Hr = new WeakMap(), Bo = new WeakMap(), wh = new WeakMap(), xh = new WeakMap(), _h = new WeakMap();
+Hr = new WeakMap(), Bo = new WeakMap(), xh = new WeakMap(), _h = new WeakMap(), Sh = new WeakMap();
 var Gr, Fo, cs;
 class pd {
   constructor(C) {
@@ -2667,7 +2667,7 @@ class pd {
   }
 }
 Gr = new WeakMap(), Fo = new WeakMap(), cs = new WeakMap();
-var ze, qt, $e, Cr, oi, Ls, an, qo, ln, Ho, zo, Sh, Uo, Vo, hn, cn, Wo, Xo, Yo;
+var ze, qt, $e, Cr, oi, Ls, an, qo, ln, Ho, zo, kh, Uo, Vo, hn, cn, Wo, Xo, Yo;
 class md {
   constructor(C, t) {
     Y(this, ze);
@@ -2981,7 +2981,7 @@ class md {
         r.__ng._[H.ROW.ORIGIN_ORDER] = o + n;
       }), f(this, qt).rawRecords.splice(t, 0, ...c), this.resetRecords(), l || this.changeRowState(H.ROW_STATE.EMPTY, t, t + c.length - 1), f(this, qt).viewRecords.reset(), t;
     });
-    Y(this, Sh, (C) => {
+    Y(this, kh, (C) => {
       var t = !1;
       C.sort((l, c) => c - l).forEach((l) => {
         f(this, $e)[l].__ng.rowState == H.ROW_STATE.INSERT ? H.removeIf(f(this, qt).rawRecords, (c) => c.__ng.rowid == f(this, $e)[l].__ng.rowid) : (f(this, qt).rawRecords.filter((c) => c.__ng.rowid == f(this, $e)[l].__ng.rowid).map((c) => {
@@ -3015,7 +3015,7 @@ class md {
         t = [l];
       } else
         throw `invalid ${C}`;
-      f(this, Sh).call(this, t);
+      f(this, kh).call(this, t);
     });
     /**
      * not used
@@ -3257,7 +3257,7 @@ class md {
     delete f(this, qt).rawRecords, tt(this, $e, []), tt(this, Cr, []), f(this, qt).rawRecords = [], f(this, qt).viewRecords.reset();
   }
 }
-ze = new WeakMap(), qt = new WeakMap(), $e = new WeakMap(), Cr = new WeakMap(), oi = new WeakMap(), Ls = new WeakMap(), an = new WeakMap(), qo = new WeakMap(), ln = new WeakMap(), Ho = new WeakMap(), zo = new WeakMap(), Sh = new WeakMap(), Uo = new WeakMap(), Vo = new WeakMap(), hn = new WeakMap(), cn = new WeakMap(), Wo = new WeakMap(), Xo = new WeakMap(), Yo = new WeakMap();
+ze = new WeakMap(), qt = new WeakMap(), $e = new WeakMap(), Cr = new WeakMap(), oi = new WeakMap(), Ls = new WeakMap(), an = new WeakMap(), qo = new WeakMap(), ln = new WeakMap(), Ho = new WeakMap(), zo = new WeakMap(), kh = new WeakMap(), Uo = new WeakMap(), Vo = new WeakMap(), hn = new WeakMap(), cn = new WeakMap(), Wo = new WeakMap(), Xo = new WeakMap(), Yo = new WeakMap();
 class gd {
   constructor(C) {
     this.owner = C, this.row = new pd(this), this.data = new md(C, this), this.setDataSource = (l) => {
@@ -3441,7 +3441,7 @@ var pe = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
 function wd(mt) {
   return mt && mt.__esModule && Object.prototype.hasOwnProperty.call(mt, "default") ? mt.default : mt;
 }
-function Fl(mt) {
+function ql(mt) {
   throw new Error('Could not dynamically require "' + mt + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
 }
 var nu = { exports: {} };
@@ -3456,7 +3456,7 @@ function xd() {
         function r(e, i) {
           if (!c[e]) {
             if (!l[e]) {
-              var u = typeof Fl == "function" && Fl;
+              var u = typeof ql == "function" && ql;
               if (!i && u) return u(e, !0);
               if (n) return n(e, !0);
               var a = new Error("Cannot find module '" + e + "'");
@@ -3469,7 +3469,7 @@ function xd() {
           }
           return c[e].exports;
         }
-        for (var n = typeof Fl == "function" && Fl, s = 0; s < o.length; s++) r(o[s]);
+        for (var n = typeof ql == "function" && ql, s = 0; s < o.length; s++) r(o[s]);
         return r;
       })({ 1: [function(t, l, c) {
         const o = t("fs"), r = t("fast-csv"), n = t("dayjs/plugin/customParseFormat"), s = t("dayjs/plugin/utc"), e = t("dayjs").extend(n).extend(s), i = t("../utils/stream-buf"), { fs: { exists: u } } = t("../utils/utils"), a = { true: !0, false: !1, "#N/A": { error: "#N/A" }, "#REF!": { error: "#REF!" }, "#NAME?": { error: "#NAME?" }, "#DIV/0!": { error: "#DIV/0!" }, "#NULL!": { error: "#NULL!" }, "#VALUE!": { error: "#VALUE!" }, "#NUM!": { error: "#NUM!" } };
@@ -12519,8 +12519,8 @@ function xd() {
             j = ((x = x + Math.imul(J, de) | 0) + (w >>> 13) | 0) + (le >>> 26) | 0, le &= 67108863, y = Math.imul(U, Ct), w = (w = Math.imul(U, $t)) + Math.imul(K, Ct) | 0, x = Math.imul(K, $t), y = y + Math.imul(G, Dt) | 0, w = (w = w + Math.imul(G, de) | 0) + Math.imul(N, Dt) | 0, x = x + Math.imul(N, de) | 0;
             var Fe = (j + (y = y + Math.imul(X, Yt) | 0) | 0) + ((8191 & (w = (w = w + Math.imul(X, ye) | 0) + Math.imul(J, Yt) | 0)) << 13) | 0;
             j = ((x = x + Math.imul(J, ye) | 0) + (w >>> 13) | 0) + (Fe >>> 26) | 0, Fe &= 67108863, y = Math.imul(Z, Ct), w = (w = Math.imul(Z, $t)) + Math.imul(et, Ct) | 0, x = Math.imul(et, $t), y = y + Math.imul(U, Dt) | 0, w = (w = w + Math.imul(U, de) | 0) + Math.imul(K, Dt) | 0, x = x + Math.imul(K, de) | 0, y = y + Math.imul(G, Yt) | 0, w = (w = w + Math.imul(G, ye) | 0) + Math.imul(N, Yt) | 0, x = x + Math.imul(N, ye) | 0;
-            var Ne = (j + (y = y + Math.imul(X, se) | 0) | 0) + ((8191 & (w = (w = w + Math.imul(X, Re) | 0) + Math.imul(J, se) | 0)) << 13) | 0;
-            j = ((x = x + Math.imul(J, Re) | 0) + (w >>> 13) | 0) + (Ne >>> 26) | 0, Ne &= 67108863, y = Math.imul(lt, Ct), w = (w = Math.imul(lt, $t)) + Math.imul(Q, Ct) | 0, x = Math.imul(Q, $t), y = y + Math.imul(Z, Dt) | 0, w = (w = w + Math.imul(Z, de) | 0) + Math.imul(et, Dt) | 0, x = x + Math.imul(et, de) | 0, y = y + Math.imul(U, Yt) | 0, w = (w = w + Math.imul(U, ye) | 0) + Math.imul(K, Yt) | 0, x = x + Math.imul(K, ye) | 0, y = y + Math.imul(G, se) | 0, w = (w = w + Math.imul(G, Re) | 0) + Math.imul(N, se) | 0, x = x + Math.imul(N, Re) | 0;
+            var Oe = (j + (y = y + Math.imul(X, se) | 0) | 0) + ((8191 & (w = (w = w + Math.imul(X, Re) | 0) + Math.imul(J, se) | 0)) << 13) | 0;
+            j = ((x = x + Math.imul(J, Re) | 0) + (w >>> 13) | 0) + (Oe >>> 26) | 0, Oe &= 67108863, y = Math.imul(lt, Ct), w = (w = Math.imul(lt, $t)) + Math.imul(Q, Ct) | 0, x = Math.imul(Q, $t), y = y + Math.imul(Z, Dt) | 0, w = (w = w + Math.imul(Z, de) | 0) + Math.imul(et, Dt) | 0, x = x + Math.imul(et, de) | 0, y = y + Math.imul(U, Yt) | 0, w = (w = w + Math.imul(U, ye) | 0) + Math.imul(K, Yt) | 0, x = x + Math.imul(K, ye) | 0, y = y + Math.imul(G, se) | 0, w = (w = w + Math.imul(G, Re) | 0) + Math.imul(N, se) | 0, x = x + Math.imul(N, Re) | 0;
             var Ye = (j + (y = y + Math.imul(X, Qt) | 0) | 0) + ((8191 & (w = (w = w + Math.imul(X, me) | 0) + Math.imul(J, Qt) | 0)) << 13) | 0;
             j = ((x = x + Math.imul(J, me) | 0) + (w >>> 13) | 0) + (Ye >>> 26) | 0, Ye &= 67108863, y = Math.imul(nt, Ct), w = (w = Math.imul(nt, $t)) + Math.imul(ut, Ct) | 0, x = Math.imul(ut, $t), y = y + Math.imul(lt, Dt) | 0, w = (w = w + Math.imul(lt, de) | 0) + Math.imul(Q, Dt) | 0, x = x + Math.imul(Q, de) | 0, y = y + Math.imul(Z, Yt) | 0, w = (w = w + Math.imul(Z, ye) | 0) + Math.imul(et, Yt) | 0, x = x + Math.imul(et, ye) | 0, y = y + Math.imul(U, se) | 0, w = (w = w + Math.imul(U, Re) | 0) + Math.imul(K, se) | 0, x = x + Math.imul(K, Re) | 0, y = y + Math.imul(G, Qt) | 0, w = (w = w + Math.imul(G, me) | 0) + Math.imul(N, Qt) | 0, x = x + Math.imul(N, me) | 0;
             var Ge = (j + (y = y + Math.imul(X, te) | 0) | 0) + ((8191 & (w = (w = w + Math.imul(X, xe) | 0) + Math.imul(J, te) | 0)) << 13) | 0;
@@ -12550,7 +12550,7 @@ function xd() {
             var Jt = (j + (y = y + Math.imul(At, Vt) | 0) | 0) + ((8191 & (w = (w = w + Math.imul(At, ie) | 0) + Math.imul(Ut, Vt) | 0)) << 13) | 0;
             j = ((x = x + Math.imul(Ut, ie) | 0) + (w >>> 13) | 0) + (Jt >>> 26) | 0, Jt &= 67108863;
             var Se = (j + (y = Math.imul(zt, Vt)) | 0) + ((8191 & (w = (w = Math.imul(zt, ie)) + Math.imul(Wt, Vt) | 0)) << 13) | 0;
-            return j = ((x = Math.imul(Wt, ie)) + (w >>> 13) | 0) + (Se >>> 26) | 0, Se &= 67108863, O[0] = re, O[1] = le, O[2] = Fe, O[3] = Ne, O[4] = Ye, O[5] = Ge, O[6] = fr, O[7] = st, O[8] = pt, O[9] = wt, O[10] = _t, O[11] = Bt, O[12] = Et, O[13] = Rt, O[14] = fe, O[15] = oe, O[16] = he, O[17] = Jt, O[18] = Se, j !== 0 && (O[19] = j, k.length++), k;
+            return j = ((x = Math.imul(Wt, ie)) + (w >>> 13) | 0) + (Se >>> 26) | 0, Se &= 67108863, O[0] = re, O[1] = le, O[2] = Fe, O[3] = Oe, O[4] = Ye, O[5] = Ge, O[6] = fr, O[7] = st, O[8] = pt, O[9] = wt, O[10] = _t, O[11] = Bt, O[12] = Et, O[13] = Rt, O[14] = fe, O[15] = oe, O[16] = he, O[17] = Jt, O[18] = Se, j !== 0 && (O[19] = j, k.length++), k;
           };
           function S(A, M, k) {
             return new E().mulp(A, M, k);
@@ -13410,8 +13410,8 @@ function xd() {
             w.negative = k.negative ^ y.negative, w.length = 19;
             var Fe = (X + (x = Math.imul(L, Ft)) | 0) + ((8191 & (_ = (_ = Math.imul(L, Dt)) + Math.imul(G, Ft) | 0)) << 13) | 0;
             X = ((T = Math.imul(G, Dt)) + (_ >>> 13) | 0) + (Fe >>> 26) | 0, Fe &= 67108863, x = Math.imul(R, Ft), _ = (_ = Math.imul(R, Dt)) + Math.imul(U, Ft) | 0, T = Math.imul(U, Dt);
-            var Ne = (X + (x = x + Math.imul(L, _e) | 0) | 0) + ((8191 & (_ = (_ = _ + Math.imul(L, Yt) | 0) + Math.imul(G, _e) | 0)) << 13) | 0;
-            X = ((T = T + Math.imul(G, Yt) | 0) + (_ >>> 13) | 0) + (Ne >>> 26) | 0, Ne &= 67108863, x = Math.imul(rt, Ft), _ = (_ = Math.imul(rt, Dt)) + Math.imul(Z, Ft) | 0, T = Math.imul(Z, Dt), x = x + Math.imul(R, _e) | 0, _ = (_ = _ + Math.imul(R, Yt) | 0) + Math.imul(U, _e) | 0, T = T + Math.imul(U, Yt) | 0;
+            var Oe = (X + (x = x + Math.imul(L, _e) | 0) | 0) + ((8191 & (_ = (_ = _ + Math.imul(L, Yt) | 0) + Math.imul(G, _e) | 0)) << 13) | 0;
+            X = ((T = T + Math.imul(G, Yt) | 0) + (_ >>> 13) | 0) + (Oe >>> 26) | 0, Oe &= 67108863, x = Math.imul(rt, Ft), _ = (_ = Math.imul(rt, Dt)) + Math.imul(Z, Ft) | 0, T = Math.imul(Z, Dt), x = x + Math.imul(R, _e) | 0, _ = (_ = _ + Math.imul(R, Yt) | 0) + Math.imul(U, _e) | 0, T = T + Math.imul(U, Yt) | 0;
             var Ye = (X + (x = x + Math.imul(L, ce) | 0) | 0) + ((8191 & (_ = (_ = _ + Math.imul(L, se) | 0) + Math.imul(G, ce) | 0)) << 13) | 0;
             X = ((T = T + Math.imul(G, se) | 0) + (_ >>> 13) | 0) + (Ye >>> 26) | 0, Ye &= 67108863, x = Math.imul(ht, Ft), _ = (_ = Math.imul(ht, Dt)) + Math.imul(lt, Ft) | 0, T = Math.imul(lt, Dt), x = x + Math.imul(rt, _e) | 0, _ = (_ = _ + Math.imul(rt, Yt) | 0) + Math.imul(Z, _e) | 0, T = T + Math.imul(Z, Yt) | 0, x = x + Math.imul(R, ce) | 0, _ = (_ = _ + Math.imul(R, se) | 0) + Math.imul(U, ce) | 0, T = T + Math.imul(U, se) | 0;
             var Ge = (X + (x = x + Math.imul(L, ve) | 0) | 0) + ((8191 & (_ = (_ = _ + Math.imul(L, Qt) | 0) + Math.imul(G, ve) | 0)) << 13) | 0;
@@ -13445,7 +13445,7 @@ function xd() {
             var ke = (X + (x = x + Math.imul(Ht, re) | 0) | 0) + ((8191 & (_ = (_ = _ + Math.imul(Ht, le) | 0) + Math.imul(zt, re) | 0)) << 13) | 0;
             X = ((T = T + Math.imul(zt, le) | 0) + (_ >>> 13) | 0) + (ke >>> 26) | 0, ke &= 67108863;
             var Te = (X + (x = Math.imul(jt, re)) | 0) + ((8191 & (_ = (_ = Math.imul(jt, le)) + Math.imul(Ct, re) | 0)) << 13) | 0;
-            return X = ((T = Math.imul(Ct, le)) + (_ >>> 13) | 0) + (Te >>> 26) | 0, Te &= 67108863, V[0] = Fe, V[1] = Ne, V[2] = Ye, V[3] = Ge, V[4] = fr, V[5] = st, V[6] = pt, V[7] = wt, V[8] = _t, V[9] = Bt, V[10] = Et, V[11] = Rt, V[12] = fe, V[13] = oe, V[14] = he, V[15] = Jt, V[16] = Se, V[17] = ke, V[18] = Te, X !== 0 && (V[19] = X, w.length++), w;
+            return X = ((T = Math.imul(Ct, le)) + (_ >>> 13) | 0) + (Te >>> 26) | 0, Te &= 67108863, V[0] = Fe, V[1] = Oe, V[2] = Ye, V[3] = Ge, V[4] = fr, V[5] = st, V[6] = pt, V[7] = wt, V[8] = _t, V[9] = Bt, V[10] = Et, V[11] = Rt, V[12] = fe, V[13] = oe, V[14] = he, V[15] = Jt, V[16] = Se, V[17] = ke, V[18] = Te, X !== 0 && (V[19] = X, w.length++), w;
           };
           function I(k, y, w) {
             w.negative = y.negative ^ k.negative, w.length = k.length + y.length;
@@ -21714,7 +21714,7 @@ function xd() {
                   if (ku && vr.get(be)) return ku == be;
                   var $l = !0;
                   vr.set(Ce, be), vr.set(be, Ce);
-                  for (var ru = as; ++Ri < Xn; ) {
+                  for (var su = as; ++Ri < Xn; ) {
                     Cs = ks[Ri];
                     var Ll = Ce[Cs], Pl = be[Cs];
                     if (Js) var Cu = as ? Js(Pl, Ll, Cs, be, Ce, vr) : Js(Ll, Pl, Cs, Ce, be, vr);
@@ -21722,9 +21722,9 @@ function xd() {
                       $l = !1;
                       break;
                     }
-                    ru || (ru = Cs == "constructor");
+                    su || (su = Cs == "constructor");
                   }
-                  if ($l && !ru) {
+                  if ($l && !su) {
                     var Dl = Ce.constructor, Bl = be.constructor;
                     Dl == Bl || !("constructor" in Ce) || !("constructor" in be) || typeof Dl == "function" && Dl instanceof Dl && typeof Bl == "function" && Bl instanceof Bl || ($l = !1);
                   }
@@ -21849,7 +21849,7 @@ function xd() {
             function te(st, pt) {
               if (Zt(st)) return !1;
               var wt = typeof st;
-              return !(wt != "number" && wt != "symbol" && wt != "boolean" && st != null && !Ne(st)) || u.test(st) || !i.test(st) || pt != null && st in Object(pt);
+              return !(wt != "number" && wt != "symbol" && wt != "boolean" && st != null && !Oe(st)) || u.test(st) || !i.test(st) || pt != null && st in Object(pt);
             }
             function xe(st) {
               return st == st && !le(st);
@@ -21879,7 +21879,7 @@ function xd() {
               var pt;
               st = (pt = st) == null ? "" : (function(_t) {
                 if (typeof _t == "string") return _t;
-                if (Ne(_t)) return xt ? xt.call(_t) : "";
+                if (Oe(_t)) return xt ? xt.call(_t) : "";
                 var Bt = _t + "";
                 return Bt == "0" && 1 / _t == -1 / 0 ? "-0" : Bt;
               })(pt);
@@ -21889,7 +21889,7 @@ function xd() {
               })), wt;
             }));
             function at(st) {
-              if (typeof st == "string" || Ne(st)) return st;
+              if (typeof st == "string" || Oe(st)) return st;
               var pt = st + "";
               return pt == "0" && 1 / st == -1 / 0 ? "-0" : pt;
             }
@@ -21949,7 +21949,7 @@ function xd() {
             function Fe(st) {
               return !!st && typeof st == "object";
             }
-            function Ne(st) {
+            function Oe(st) {
               return typeof st == "symbol" || Fe(st) && J.call(st) == "[object Symbol]";
             }
             var Ye = B ? /* @__PURE__ */ (function(st) {
@@ -22036,8 +22036,8 @@ function xd() {
             }
             function At(at, dt) {
               var yt = ve(at), Tt = !yt && Re(at), Kt = !yt && !Tt && Qt(at), Mt = !yt && !Tt && !Kt && Ae(at), ee = yt || Tt || Kt || Mt, Zt = ee ? (function(re, le) {
-                for (var Fe = -1, Ne = Array(re); ++Fe < re; ) Ne[Fe] = le(Fe);
-                return Ne;
+                for (var Fe = -1, Oe = Array(re); ++Fe < re; ) Oe[Fe] = le(Fe);
+                return Oe;
               })(at.length, String) : [], Vt = Zt.length;
               for (var ie in at) !w.call(at, ie) || ee && (ie == "length" || Kt && (ie == "offset" || ie == "parent") || Mt && (ie == "buffer" || ie == "byteLength" || ie == "byteOffset") || ye(ie, Vt)) || Zt.push(ie);
               return Zt;
@@ -22065,7 +22065,7 @@ function xd() {
             }
             function Wt(at, dt, yt, Tt, Kt) {
               return at === dt || (at == null || dt == null || !xe(at) && !xe(dt) ? at != at && dt != dt : (function(Mt, ee, Zt, Vt, ie, re) {
-                var le = ve(Mt), Fe = ve(ee), Ne = le ? "[object Array]" : Yt(Mt), Ye = Fe ? "[object Array]" : Yt(ee), Ge = (Ne = Ne == r ? s : Ne) == s, fr = (Ye = Ye == r ? s : Ye) == s, st = Ne == Ye;
+                var le = ve(Mt), Fe = ve(ee), Oe = le ? "[object Array]" : Yt(Mt), Ye = Fe ? "[object Array]" : Yt(ee), Ge = (Oe = Oe == r ? s : Oe) == s, fr = (Ye = Ye == r ? s : Ye) == s, st = Oe == Ye;
                 if (st && Qt(Mt)) {
                   if (!Qt(ee)) return !1;
                   le = !0, Ge = !1;
@@ -22100,7 +22100,7 @@ function xd() {
                       if (ft) return ft.call(Et) == ft.call(Rt);
                   }
                   return !1;
-                })(Mt, ee, Ne, Zt, Vt, ie, re);
+                })(Mt, ee, Oe, Zt, Vt, ie, re);
                 if (!(1 & Zt)) {
                   var pt = Ge && w.call(Mt, "__wrapped__"), wt = fr && w.call(ee, "__wrapped__");
                   if (pt || wt) {
@@ -22155,8 +22155,8 @@ function xd() {
               if (ie && Mt.get(dt)) return ie == dt;
               var re = -1, le = !0, Fe = 2 & yt ? new Nt() : void 0;
               for (Mt.set(at, dt), Mt.set(dt, at); ++re < Zt; ) {
-                var Ne = at[re], Ye = dt[re];
-                if (Tt) var Ge = ee ? Tt(Ye, Ne, re, dt, at, Mt) : Tt(Ne, Ye, re, at, dt, Mt);
+                var Oe = at[re], Ye = dt[re];
+                if (Tt) var Ge = ee ? Tt(Ye, Oe, re, dt, at, Mt) : Tt(Oe, Ye, re, at, dt, Mt);
                 if (Ge !== void 0) {
                   if (Ge) continue;
                   le = !1;
@@ -22164,13 +22164,13 @@ function xd() {
                 }
                 if (Fe) {
                   if (!D(dt, (function(fr, st) {
-                    if (pt = st, !Fe.has(pt) && (Ne === fr || Kt(Ne, fr, yt, Tt, Mt))) return Fe.push(st);
+                    if (pt = st, !Fe.has(pt) && (Oe === fr || Kt(Oe, fr, yt, Tt, Mt))) return Fe.push(st);
                     var pt;
                   }))) {
                     le = !1;
                     break;
                   }
-                } else if (Ne !== Ye && !Kt(Ne, Ye, yt, Tt, Mt)) {
+                } else if (Oe !== Ye && !Kt(Oe, Ye, yt, Tt, Mt)) {
                   le = !1;
                   break;
                 }
@@ -26625,7 +26625,7 @@ class kd {
   }
 }
 Ie = new WeakMap(), Go = new WeakMap(), un = new WeakMap(), us = new WeakMap();
-var ai, dn, Ko, gu, bu, kh;
+var ai, dn, Ko, gu, bu, Ch;
 class $u extends HTMLElement {
   constructor() {
     super();
@@ -26634,7 +26634,7 @@ class $u extends HTMLElement {
     Y(this, Ko);
     Y(this, gu);
     Y(this, bu, {});
-    Y(this, kh, () => {
+    Y(this, Ch, () => {
     });
     it(this, "exportExcel", () => {
       f(this, dn).data.count() > 500 && (f(this, ai).showModal(), $(".title", f(this, ai)).html("Export Excel")), f(this, Ko).export();
@@ -26682,12 +26682,12 @@ class $u extends HTMLElement {
 				</div>
 				<progress id="progress-bar" value="0" max="100">50%</progress>
 			</nx-dialog>
-		`, tt(this, ai, this.shadowRoot.querySelector("dialog")), tt(this, Ko, new kd(f(this, dn), f(this, ai))), f(this, kh).call(this);
+		`, tt(this, ai, this.shadowRoot.querySelector("dialog")), tt(this, Ko, new kd(f(this, dn), f(this, ai))), f(this, Ch).call(this);
   }
 }
-ai = new WeakMap(), dn = new WeakMap(), Ko = new WeakMap(), gu = new WeakMap(), bu = new WeakMap(), kh = new WeakMap();
+ai = new WeakMap(), dn = new WeakMap(), Ko = new WeakMap(), gu = new WeakMap(), bu = new WeakMap(), Ch = new WeakMap();
 customElements.get("ng-export") || customElements.define("ng-export", $u);
-var Zo, nr, Jo, Ch;
+var Zo, nr, Jo, Eh;
 class Cd {
   constructor(C) {
     Y(this, Zo);
@@ -26701,7 +26701,7 @@ class Cd {
         t > -1 && f(this, nr).splice(t, 1);
       }), f(this, nr).sort((C, t) => C.length < t.length ? 1 : -1);
     });
-    Y(this, Ch, () => {
+    Y(this, Eh, () => {
       tt(this, nr, []);
       const C = f(this, Zo).shadowRoot.querySelector("ng-foot").shadowRoot.querySelector("ng-layout");
       if (C) {
@@ -26731,7 +26731,7 @@ class Cd {
         f(this, Jo).call(this);
       }
     });
-    tt(this, Zo, C), f(this, Ch).call(this);
+    tt(this, Zo, C), f(this, Eh).call(this);
   }
   get() {
     return f(this, nr);
@@ -26743,16 +26743,16 @@ class Cd {
     return f(this, nr).includes(C);
   }
 }
-Zo = new WeakMap(), nr = new WeakMap(), Jo = new WeakMap(), Ch = new WeakMap();
-var Eh;
+Zo = new WeakMap(), nr = new WeakMap(), Jo = new WeakMap(), Eh = new WeakMap();
+var Ah;
 class Ed extends HTMLElement {
   constructor() {
     super();
-    Y(this, Eh);
+    Y(this, Ah);
     this.attachShadow({ mode: "open" });
   }
   connectedCallback() {
-    tt(this, Eh, this.getRootNode().host), this.shadowRoot.innerHTML = `
+    tt(this, Ah, this.getRootNode().host), this.shadowRoot.innerHTML = `
 			<style>
 				@import "https://cdn.jsdelivr.net/npm/ninegrid2@${H.version}/dist/css/ngFoot.css";
 				${H.getCustomPath(this, "ngFoot.css")}
@@ -26763,8 +26763,8 @@ class Ed extends HTMLElement {
 		`;
   }
 }
-Eh = new WeakMap();
-var fn, ds, zr, fs, Ah;
+Ah = new WeakMap();
+var fn, ds, zr, fs, Th;
 class Ad extends HTMLElement {
   constructor() {
     super();
@@ -26780,7 +26780,7 @@ class Ad extends HTMLElement {
         const o = c.querySelector("caption"), r = o ? o.innerHTML : `Sheet${l}`;
         $(f(this, zr)).append(`<button class="ng-button" value="${l - 1}" title="${r.replaceAll('"', "'")}">${r}</button>`);
       }
-      f(this, ds).length <= 1 && $(f(this, zr)).hide(), H.j.querySelectorAll(f(this, zr).querySelector("button")).addClass("ng-active"), $("button", f(this, zr)).on("click", f(this, Ah));
+      f(this, ds).length <= 1 && $(f(this, zr)).hide(), H.j.querySelectorAll(f(this, zr).querySelector("button")).addClass("ng-active"), $("button", f(this, zr)).on("click", f(this, Th));
     });
     it(this, "resize", () => {
       const t = $(f(this, zr)).width() > $(this).width();
@@ -26789,7 +26789,7 @@ class Ad extends HTMLElement {
         "justify-content": t ? "space-evenly" : "unset"
       });
     });
-    Y(this, Ah, (t) => {
+    Y(this, Th, (t) => {
       if (H.j.querySelectorAll(t.currentTarget).hasClass("ng-active")) return;
       const l = f(this, fs);
       tt(this, fs, parseInt(t.currentTarget.value)), f(this, fn).changeRayout(f(this, fs)), H.j.querySelectorAll("button", f(this, zr)).removeClass("ng-active"), H.j.querySelectorAll(t.currentTarget).addClass("ng-active");
@@ -26808,7 +26808,7 @@ class Ad extends HTMLElement {
     return f(this, ds)[f(this, fs)];
   }
 }
-fn = new WeakMap(), ds = new WeakMap(), zr = new WeakMap(), fs = new WeakMap(), Ah = new WeakMap();
+fn = new WeakMap(), ds = new WeakMap(), zr = new WeakMap(), fs = new WeakMap(), Th = new WeakMap();
 customElements.get("ng-layout") || customElements.define("ng-layout", Ad);
 customElements.get("ng-foot") || customElements.define("ng-foot", Ed);
 var Qo;
@@ -26846,24 +26846,24 @@ class Rd extends HTMLElement {
   }
 }
 pn = new WeakMap();
-var Th;
+var Rh;
 class Md extends HTMLElement {
   constructor() {
     super();
-    Y(this, Th);
+    Y(this, Rh);
     it(this, "add", (t) => {
       this.querySelector("div:first-child").append(t);
     });
   }
   connectedCallback() {
-    this.getRootNode().host && (tt(this, Th, this.getRootNode().host.getRootNode().host), this.innerHTML = "<div></div>");
+    this.getRootNode().host && (tt(this, Rh, this.getRootNode().host.getRootNode().host), this.innerHTML = "<div></div>");
   }
 }
-Th = new WeakMap();
+Rh = new WeakMap();
 customElements.get("ng-title") || customElements.define("ng-title", Rd);
 customElements.get("ng-custom") || customElements.define("ng-custom", Md);
 customElements.get("ng-head") || customElements.define("ng-head", Td);
-class tu extends HTMLElement {
+class eu extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
   }
@@ -26894,7 +26894,7 @@ class tu extends HTMLElement {
     });
   }
 }
-class Id extends tu {
+class Id extends eu {
   constructor() {
     super();
   }
@@ -26919,7 +26919,7 @@ class Id extends tu {
 		`, super.connectedCallback();
   }
 }
-class Nd extends tu {
+class Nd extends eu {
   constructor() {
     super();
   }
@@ -26937,7 +26937,7 @@ class Nd extends tu {
 		`, super.connectedCallback();
   }
 }
-class Od extends tu {
+class Od extends eu {
   constructor() {
     super();
   }
@@ -26955,7 +26955,7 @@ class Od extends tu {
 		`, super.connectedCallback();
   }
 }
-class jd extends tu {
+class jd extends eu {
   constructor() {
     super();
   }
@@ -27020,12 +27020,12 @@ class $d extends Mr {
   }
 }
 Ps = new WeakMap();
-var mn, Rh;
+var mn, Mh;
 class Ld extends Mr {
   constructor() {
     super();
     Y(this, mn);
-    Y(this, Rh);
+    Y(this, Mh);
     it(this, "dataRefresh", (t) => {
       const l = this.getAttribute("src");
       var c = l ? this.getExprValue(l, this.cell.closest("tr").data, this.cell.dataset.row) : "";
@@ -27036,7 +27036,7 @@ class Ld extends Mr {
       var o = c ? this.getExprValue(c, l.closest("tr").data, l.dataset.row) : "";
       f(this, mn).innerHTML = o || this.value;
     });
-    tt(this, Rh, this.getAttribute("src"));
+    tt(this, Mh, this.getAttribute("src"));
   }
   connectedCallback() {
     const t = this.getAttribute("border") || "unset", l = this.getAttribute("border-radius") || "unset", c = this.getAttribute("link");
@@ -27059,35 +27059,35 @@ class Ld extends Mr {
 		`, super.connectedCallback(), tt(this, mn, this.shadowRoot.querySelector("div"));
   }
 }
-mn = new WeakMap(), Rh = new WeakMap();
+mn = new WeakMap(), Mh = new WeakMap();
 customElements.get("ng-img") || customElements.define("ng-img", $d);
 customElements.get("ng-svg") || customElements.define("ng-svg", Ld);
-var Mh, Ih, Nh, Oh, jh;
+var Ih, Nh, Oh, jh, $h;
 class Pd {
   constructor(C) {
-    Y(this, Mh);
+    Y(this, Ih);
     it(this, "importExcel", () => {
-      f(this, Ih).call(this);
+      f(this, Nh).call(this);
     });
-    Y(this, Ih, () => {
-      this.input || (this.input = document.createElement("input"), this.input.type = "file", this.input.onchange = f(this, Nh)), this.input.click();
+    Y(this, Nh, () => {
+      this.input || (this.input = document.createElement("input"), this.input.type = "file", this.input.onchange = f(this, Oh)), this.input.click();
     });
-    Y(this, Nh, (C) => {
+    Y(this, Oh, (C) => {
       var t = C.target.files;
       if (t.length < 1) {
         alert("select a file...");
         return;
       }
       var l = t[0], c = new FileReader();
-      c.onload = f(this, Oh), c.readAsDataURL(l), c.onloadend = f(this, jh);
+      c.onload = f(this, jh), c.readAsDataURL(l), c.onloadend = f(this, $h);
     });
-    Y(this, Oh, (C) => {
+    Y(this, jh, (C) => {
       var t = /^data:(.*);base64,(.*)$/.exec(C.target.result);
       if (t == null)
         throw "Could not parse result";
       t[1], t[2];
     });
-    Y(this, jh, (C) => {
+    Y(this, $h, (C) => {
       var t = C.target.result;
       const l = new ExcelJS.Workbook();
       l.xlsx.load(t).then(() => {
@@ -27098,17 +27098,17 @@ class Pd {
         });
       });
     });
-    tt(this, Mh, C);
+    tt(this, Ih, C);
   }
 }
-Mh = new WeakMap(), Ih = new WeakMap(), Nh = new WeakMap(), Oh = new WeakMap(), jh = new WeakMap();
-var ta, gn, $h, ea;
+Ih = new WeakMap(), Nh = new WeakMap(), Oh = new WeakMap(), jh = new WeakMap(), $h = new WeakMap();
+var ta, gn, Lh, ea;
 class Dd extends HTMLElement {
   constructor() {
     super();
     Y(this, ta);
     Y(this, gn);
-    Y(this, $h, () => {
+    Y(this, Lh, () => {
       $("div.panel", this.shadowRoot).show(), $(f(this, gn)).css({ overflow: "visible" });
     });
     it(this, "close", () => {
@@ -27139,23 +27139,23 @@ class Dd extends HTMLElement {
 				${t}
 			</div>
 		`, tt(this, ta, this.getRootNode().host), tt(this, gn, this.closest("th,td")), $("svg.icon", this.shadowRoot).on("click", (l) => {
-      l.preventDefault(), l.stopPropagation(), $("div.panel", this.shadowRoot).is(":visible") ? f(this, ea).call(this) : (f(this, ea).call(this), f(this, $h).call(this));
+      l.preventDefault(), l.stopPropagation(), $("div.panel", this.shadowRoot).is(":visible") ? f(this, ea).call(this) : (f(this, ea).call(this), f(this, Lh).call(this));
     }), $(this).on("click", (l) => {
       l.stopPropagation();
     });
   }
 }
-ta = new WeakMap(), gn = new WeakMap(), $h = new WeakMap(), ea = new WeakMap();
+ta = new WeakMap(), gn = new WeakMap(), Lh = new WeakMap(), ea = new WeakMap();
 customElements.get("ng-info") || customElements.define("ng-info", Dd);
-var Kr, Lh;
+var Kr, Ph;
 class Bd extends Ci {
   constructor() {
     super();
     Y(this, Kr);
     it(this, "dataRefresh", (t) => {
-      f(this, Lh).call(this, this.value) ? (f(this, Kr).value = H.nvl(this.value, "#ffffff"), H.j.querySelectorAll(this).removeClass("invalid")) : (f(this, Kr).value = "#ffffff", H.j.querySelectorAll(this).addClass("invalid")), f(this, Kr).setAttribute("title", this.value), t || this.reset();
+      f(this, Ph).call(this, this.value) ? (f(this, Kr).value = H.nvl(this.value, "#ffffff"), H.j.querySelectorAll(this).removeClass("invalid")) : (f(this, Kr).value = "#ffffff", H.j.querySelectorAll(this).addClass("invalid")), f(this, Kr).setAttribute("title", this.value), t || this.reset();
     });
-    Y(this, Lh, (t) => {
+    Y(this, Ph, (t) => {
       if (H.isNull(t)) return !0;
       if (typeof t != "string" || t.length != 7 || !t.startsWith("#")) return !1;
       var l = parseInt(t.substr(1, 2), 16), c = parseInt(t.substr(3, 2), 16), o = parseInt(t.substr(5, 2), 16);
@@ -27185,9 +27185,9 @@ class Bd extends Ci {
     });
   }
 }
-Kr = new WeakMap(), Lh = new WeakMap();
+Kr = new WeakMap(), Ph = new WeakMap();
 customElements.get("ng-input-color") || customElements.define("ng-input-color", Bd);
-var Zr, li, Ph;
+var Zr, li, Dh;
 class Fd extends Ci {
   constructor() {
     super();
@@ -27211,9 +27211,9 @@ class Fd extends Ci {
           c != "Invalid Date" && (l = ("0000" + c.getFullYear()).slice(-4) + "-" + ("00" + (c.getMonth() + 1)).slice(-2));
           break;
       }
-      f(this, Zr).value = l, f(this, Ph).call(this, l) ? H.j.querySelectorAll(this).removeClass("invalid") : H.j.querySelectorAll(this).addClass("invalid"), t || this.reset();
+      f(this, Zr).value = l, f(this, Dh).call(this, l) ? H.j.querySelectorAll(this).removeClass("invalid") : H.j.querySelectorAll(this).addClass("invalid"), t || this.reset();
     });
-    Y(this, Ph, (t) => {
+    Y(this, Dh, (t) => {
       if (H.isNull(t)) return !0;
       if (typeof t != "string") return !1;
       var l = !0;
@@ -27291,9 +27291,9 @@ class Fd extends Ci {
     });
   }
 }
-Zr = new WeakMap(), li = new WeakMap(), Ph = new WeakMap();
+Zr = new WeakMap(), li = new WeakMap(), Dh = new WeakMap();
 customElements.get("ng-input-date") || customElements.define("ng-input-date", Fd);
-var Ke, ps, Ur, Ds, bn, Jr, Dh;
+var Ke, ps, Ur, Ds, bn, Jr, Bh;
 class qd extends Ci {
   constructor() {
     super();
@@ -27306,7 +27306,7 @@ class qd extends Ci {
     it(this, "dataRefresh", (t) => {
       f(this, Ke).value = this.value, H.j.querySelectorAll(f(this, Ke)).removeClass("invalid"), f(this, ps) == "number" && (isNaN(this.value) || f(this, bn) && Number(f(this, Ke).value) > Number(f(this, bn)) || f(this, Ds) && Number(f(this, Ke).value) < Number(f(this, Ds)) ? H.j.querySelectorAll(f(this, Ke)).addClass("invalid") : f(this, Jr) && f(this, Ke).value.indexOf(".") >= 0 && f(this, Ke).value.substring(f(this, Ke).value.indexOf(".") + 1).length > Number(f(this, Jr)) && H.j.querySelectorAll(f(this, Ke)).addClass("invalid")), f(this, Ur) && H.getByteLength(this.value) > Number(f(this, Ur)) && H.j.querySelectorAll(f(this, Ke)).addClass("invalid"), t || this.reset();
     });
-    Y(this, Dh, (t) => {
+    Y(this, Bh, (t) => {
       if (!["Escape", "Enter", "Tab", "Home", "End", "ArrowLeft", "ArrowRight", "PageUp", "PageDown", "Backspace", "Delete"].includes(t.code)) {
         if (f(this, ps) == "number") {
           let o = [];
@@ -27336,7 +27336,7 @@ class qd extends Ci {
 				${t.join(" ")}
 				ondragstart="return false;" 
 			>
-		`, super.connectedCallback(), tt(this, Ke, this.shadowRoot.querySelector("input")), f(this, Ke).addEventListener("keydown", f(this, Dh)), f(this, Ke).addEventListener("compositionstart", (c) => {
+		`, super.connectedCallback(), tt(this, Ke, this.shadowRoot.querySelector("input")), f(this, Ke).addEventListener("keydown", f(this, Bh)), f(this, Ke).addEventListener("compositionstart", (c) => {
       c.target.selectionStart == c.target.selectionEnd && f(this, Ur) && H.getByteLength(c.target.value) >= Number(f(this, Ur)) && (c.target.value = H.cut(c.target.value, Number(f(this, Ur))), this.value = c.target.value);
     }), f(this, Ke).addEventListener("compositionupdate", (c) => {
       f(this, ps) == "number" && (c.target.value = c.target.value.replace(c.data, ""));
@@ -27346,31 +27346,41 @@ class qd extends Ci {
     });
   }
 }
-Ke = new WeakMap(), ps = new WeakMap(), Ur = new WeakMap(), Ds = new WeakMap(), bn = new WeakMap(), Jr = new WeakMap(), Dh = new WeakMap();
+Ke = new WeakMap(), ps = new WeakMap(), Ur = new WeakMap(), Ds = new WeakMap(), bn = new WeakMap(), Jr = new WeakMap(), Bh = new WeakMap();
 customElements.get("ng-input") || customElements.define("ng-input", qd);
-var Oe, hi, yn, vn, wn, ci;
+var Ne, hi, yn, vn, wn, ci;
 class Hd {
   constructor(C) {
-    Y(this, Oe);
+    Y(this, Ne);
     //#oldrow;
     Y(this, hi);
     Y(this, yn);
     Y(this, vn);
     Y(this, wn);
+    it(this, "getTotalHeight", () => {
+      let C = 0;
+      const t = f(this, Ne).data.get();
+      for (var l = 0; l < t.length; l++) {
+        trace.log(t[l]);
+        for (var c = 0; l < t[l].__ng.height.length; c++)
+          trace.log(t[l].__ng.height[c]), C += t[l].__ng.height[c];
+      }
+      return C;
+    });
     it(this, "getHeight", (C) => {
-      const t = parseInt(C / f(this, Oe).template.length);
-      if (t < 0 || t >= f(this, Oe).data.count()) return 32;
-      const l = f(this, Oe).data.__ng(t);
-      return l ? l.height[parseInt(C % f(this, Oe).template.length)] : 32;
+      const t = parseInt(C / f(this, Ne).template.length);
+      if (t < 0 || t >= f(this, Ne).data.count()) return 32;
+      const l = f(this, Ne).data.__ng(t);
+      return l ? l.height[parseInt(C % f(this, Ne).template.length)] : 32;
     });
     it(this, "setHeight", (C, t) => {
-      f(this, Oe).data.get(parseInt(C / f(this, Oe).template.length)).__ng.height[parseInt(C % f(this, Oe).template.length)] = t;
+      f(this, Ne).data.get(parseInt(C / f(this, Ne).template.length)).__ng.height[parseInt(C % f(this, Ne).template.length)] = t;
     });
     /** attribute */
-    Y(this, ci, (C) => typeof C == "object" && C.tagName == "TR" ? parseInt(C.getAttribute("data-row")) * f(this, Oe).template.length + C.sectionRowIndex % f(this, Oe).template.length : C);
+    Y(this, ci, (C) => typeof C == "object" && C.tagName == "TR" ? parseInt(C.getAttribute("data-row")) * f(this, Ne).template.length + C.sectionRowIndex % f(this, Ne).template.length : C);
     it(this, "attr", (C, t, l, c) => {
       t = f(this, ci).call(this, t);
-      var o = parseInt(t / f(this, Oe).template.length), r = f(this, Oe).data.get(o, "rowid"), n = t % f(this, Oe).template.length, s = H.decode(C, "head", f(this, yn), "foot", f(this, wn), f(this, vn)), e = s.findIndex((u) => u.rowid == r && u.subrow == n);
+      var o = parseInt(t / f(this, Ne).template.length), r = f(this, Ne).data.get(o, "rowid"), n = t % f(this, Ne).template.length, s = H.decode(C, "head", f(this, yn), "foot", f(this, wn), f(this, vn)), e = s.findIndex((u) => u.rowid == r && u.subrow == n);
       if (c)
         if (e < 0) {
           var i = { rowid: r, subrow: n, cells: [] };
@@ -27382,11 +27392,11 @@ class Hd {
     });
     it(this, "height", (C, t, l) => {
       var c = this.attr(C, t, "height", l);
-      return c || (c = $(f(this, Oe).template[f(this, ci).call(this, t) % f(this, Oe).template.length]).height()), c;
+      return c || (c = $(f(this, Ne).template[f(this, ci).call(this, t) % f(this, Ne).template.length]).height()), c;
     });
     it(this, "attr2", (C, t, l, c, o) => {
       l = f(this, ci).call(this, l);
-      var r = parseInt(l / f(this, Oe).template.length), n = C && C.hasOwnProperty("rowid") ? C[r].rowid : null, s = l % f(this, Oe).template.length, e = H.decode(t, "head", f(this, yn), "foot", f(this, wn), f(this, vn)), i = e.findIndex((a) => a.rowid == n && a.subrow == s);
+      var r = parseInt(l / f(this, Ne).template.length), n = C && C.hasOwnProperty("rowid") ? C[r].rowid : null, s = l % f(this, Ne).template.length, e = H.decode(t, "head", f(this, yn), "foot", f(this, wn), f(this, vn)), i = e.findIndex((a) => a.rowid == n && a.subrow == s);
       if (o)
         if (i < 0) {
           var u = { rowid: n, subrow: s, cells: [] };
@@ -27398,9 +27408,9 @@ class Hd {
     });
     it(this, "height2", (C, t, l, c) => {
       var o = this.attr2(C, t, l, "height", c);
-      return o || (o = $(f(this, Oe).template[f(this, ci).call(this, l) % f(this, Oe).template.length]).height()), o;
+      return o || (o = $(f(this, Ne).template[f(this, ci).call(this, l) % f(this, Ne).template.length]).height()), o;
     });
-    tt(this, Oe, C), tt(this, hi, -1), tt(this, yn, []), tt(this, vn, []), tt(this, wn, []), this.head = {
+    tt(this, Ne, C), tt(this, hi, -1), tt(this, yn, []), tt(this, vn, []), tt(this, wn, []), this.head = {
       attr: (t, l, c) => this.attr("head", t, l, c),
       height: (t, l) => this.height("head", t, l)
     }, this.body = {
@@ -27416,10 +27426,10 @@ class Hd {
     return f(this, hi);
   }
   set row(C) {
-    tt(this, hi, parseInt(C)), f(this, Oe).selection.selectedStartRow == f(this, Oe).selection.selectedEndRow && (f(this, Oe).selection.selectedStartRow = f(this, Oe).selection.selectedEndRow = f(this, Oe).selection.startRow = f(this, hi));
+    tt(this, hi, parseInt(C)), f(this, Ne).selection.selectedStartRow == f(this, Ne).selection.selectedEndRow && (f(this, Ne).selection.selectedStartRow = f(this, Ne).selection.selectedEndRow = f(this, Ne).selection.startRow = f(this, hi));
   }
 }
-Oe = new WeakMap(), hi = new WeakMap(), yn = new WeakMap(), vn = new WeakMap(), wn = new WeakMap(), ci = new WeakMap();
+Ne = new WeakMap(), hi = new WeakMap(), yn = new WeakMap(), vn = new WeakMap(), wn = new WeakMap(), ci = new WeakMap();
 var Qr, ts;
 class zd extends HTMLElement {
   constructor() {
@@ -27468,14 +27478,14 @@ Do you want to save it?`, "SAVE", { class: "rgb", "true-text": "Yes", "false-tex
 }
 Qr = new WeakMap(), ts = new WeakMap();
 customElements.get("ng-max-popup") || customElements.define("ng-max-popup", zd);
-var Lt, ra, Bh;
+var Lt, ra, Fh;
 class Ud extends HTMLElement {
   constructor() {
     super();
     Y(this, Lt);
     Y(this, ra);
-    Y(this, Bh);
-    tt(this, ra, new Pd(f(this, Lt))), tt(this, Bh, new $u(f(this, Lt)));
+    Y(this, Fh);
+    tt(this, ra, new Pd(f(this, Lt))), tt(this, Fh, new $u(f(this, Lt)));
   }
   connectedCallback() {
     tt(this, Lt, this.getRootNode().host.getRootNode().host), this.innerHTML = "";
@@ -27664,9 +27674,9 @@ class Ud extends HTMLElement {
     });
   }
 }
-Lt = new WeakMap(), ra = new WeakMap(), Bh = new WeakMap();
+Lt = new WeakMap(), ra = new WeakMap(), Fh = new WeakMap();
 customElements.get("ng-menu") || customElements.define("ng-menu", Ud);
-var Be, sa, ia, Er, na, Ue, tr, Bs, Fh, xn, qh;
+var Be, sa, ia, Er, na, Ue, tr, Bs, qh, xn, Hh;
 class Vd extends HTMLElement {
   constructor() {
     super();
@@ -27680,7 +27690,7 @@ class Vd extends HTMLElement {
     Y(this, Bs);
     it(this, "refreshTotal", () => {
     });
-    Y(this, Fh, () => {
+    Y(this, qh, () => {
       f(this, Be).data.getValidDataNF().map((t) => {
         t.__ng.paging = !0;
       }), f(this, Be).data.resetRecords();
@@ -27688,7 +27698,7 @@ class Vd extends HTMLElement {
     Y(this, xn, () => {
       this.type == H.PAGINGTYPE.CLIENT ? $("span", this).eq(1).html(`<b>Total</b> : ${f(this, Be).data.countNF().toLocaleString()}`) : this.type == H.PAGINGTYPE.SERVER ? $("span", this).eq(1).html(`<b>Total</b> : ${f(this, Bs).toLocaleString()}`) : this.type == H.PAGINGTYPE.NONE && $("span", this).eq(1).html(`<b>Total</b> : ${f(this, Bs).toLocaleString()}`), f(this, tr) == 0 ? $("span", this).eq(0).html("") : $("span", this).eq(0).html(`${f(this, Ue).toLocaleString()} <i>of</i> ${f(this, tr).toLocaleString()}`), H.j.querySelectorAll(".ng-paging-first", this).attr("disabled", f(this, Ue) == 1 || f(this, tr) < 1), H.j.querySelectorAll(".ng-paging-prev", this).attr("disabled", f(this, Ue) == 1 || f(this, tr) < 1), H.j.querySelectorAll(".ng-paging-next", this).attr("disabled", f(this, Ue) == f(this, tr) || f(this, tr) < 1), H.j.querySelectorAll(".ng-paging-last", this).attr("disabled", f(this, Ue) == f(this, tr) || f(this, tr) < 1);
     });
-    Y(this, qh, () => {
+    Y(this, Hh, () => {
       this.type == H.PAGINGTYPE.CLIENT ? this.movePage(Math.ceil(f(this, Be).data.countNF() / f(this, Er))) : this.type == H.PAGINGTYPE.SERVER && this.movePage(Math.ceil(f(this, Bs) / f(this, Er)));
     });
     it(this, "movePage", (t) => {
@@ -27714,7 +27724,7 @@ class Vd extends HTMLElement {
     it(this, "refresh", () => {
       switch (this.type) {
         case H.PAGINGTYPE.NONE:
-          f(this, Fh).call(this), $(".ng-container tbody tr.bindable:not(.nodata)", f(this, Be).body).remove(), f(this, Be).scrollTo_V1(0);
+          f(this, qh).call(this), $(".ng-container tbody tr.bindable:not(.nodata)", f(this, Be).body).remove(), f(this, Be).scrollTo_V1(0);
           break;
         case H.PAGINGTYPE.CLIENT:
           this.movePage(1), f(this, Be).refresh();
@@ -27734,7 +27744,7 @@ class Vd extends HTMLElement {
 			<button class="ng-paging-prev" disabled></button>
 			<button class="ng-paging-first" disabled></button>
 			<span></span>
-		`, $(".ng-paging-first", this).on("click", (t) => this.movePage(1)), $(".ng-paging-prev", this).on("click", (t) => this.movePage(f(this, Ue) - 1)), $(".ng-paging-next", this).on("click", (t) => this.movePage(f(this, Ue) + 1)), $(".ng-paging-last", this).on("click", (t) => f(this, qh).call(this));
+		`, $(".ng-paging-first", this).on("click", (t) => this.movePage(1)), $(".ng-paging-prev", this).on("click", (t) => this.movePage(f(this, Ue) - 1)), $(".ng-paging-next", this).on("click", (t) => this.movePage(f(this, Ue) + 1)), $(".ng-paging-last", this).on("click", (t) => f(this, Hh).call(this));
   }
   get type() {
     return f(this, Be).getAttribute("paging-type");
@@ -27800,7 +27810,7 @@ class Vd extends HTMLElement {
     tt(this, ia, t);
   }
 }
-Be = new WeakMap(), sa = new WeakMap(), ia = new WeakMap(), Er = new WeakMap(), na = new WeakMap(), Ue = new WeakMap(), tr = new WeakMap(), Bs = new WeakMap(), Fh = new WeakMap(), xn = new WeakMap(), qh = new WeakMap();
+Be = new WeakMap(), sa = new WeakMap(), ia = new WeakMap(), Er = new WeakMap(), na = new WeakMap(), Ue = new WeakMap(), tr = new WeakMap(), Bs = new WeakMap(), qh = new WeakMap(), xn = new WeakMap(), Hh = new WeakMap();
 customElements.get("ng-paging") || customElements.define("ng-paging", Vd);
 var ui, oa;
 class Wd extends Mr {
@@ -27843,7 +27853,7 @@ class Wd extends Mr {
 }
 ui = new WeakMap(), oa = new WeakMap();
 customElements.get("ng-progress") || customElements.define("ng-progress", Wd);
-var Fs, jr, qs, di, Hh, zh;
+var Fs, jr, qs, di, zh, Uh;
 class Xd extends Ci {
   constructor() {
     super();
@@ -27852,16 +27862,16 @@ class Xd extends Ci {
     Y(this, qs);
     Y(this, di);
     it(this, "dataRefresh", (t) => {
-      f(this, jr) && (f(this, Hh).call(this) ? H.j.querySelectorAll(this).removeClass("invalid") : H.j.querySelectorAll(this).addClass("invalid")), $(f(this, Fs)).each((l, c) => {
+      f(this, jr) && (f(this, zh).call(this) ? H.j.querySelectorAll(this).removeClass("invalid") : H.j.querySelectorAll(this).addClass("invalid")), $(f(this, Fs)).each((l, c) => {
         $(c).prop("checked", this.value == c.getAttribute("value"));
       }), t || this.reset();
     });
-    Y(this, Hh, () => {
+    Y(this, zh, () => {
       if (H.isNull(this.value)) return !0;
       var t = f(this, jr).findIndex((l) => this.value == l[f(this, qs)]);
       return !(t < 0);
     });
-    Y(this, zh, () => {
+    Y(this, Uh, () => {
     });
   }
   async connectedCallback() {
@@ -27893,7 +27903,7 @@ class Xd extends Ci {
 			<div class="ng-wrap">
 				${r}
 			</div>
-		`, super.connectedCallback(), f(this, zh).call(this), tt(this, Fs, this.shadowRoot.querySelectorAll("input")), $(this.cell).on("keydown", (n) => {
+		`, super.connectedCallback(), f(this, Uh).call(this), tt(this, Fs, this.shadowRoot.querySelectorAll("input")), $(this.cell).on("keydown", (n) => {
       switch (n.preventDefault(), n.code) {
         case "Space":
           var s = -1;
@@ -27909,7 +27919,7 @@ class Xd extends Ci {
     return f(this, jr);
   }
 }
-Fs = new WeakMap(), jr = new WeakMap(), qs = new WeakMap(), di = new WeakMap(), Hh = new WeakMap(), zh = new WeakMap();
+Fs = new WeakMap(), jr = new WeakMap(), qs = new WeakMap(), di = new WeakMap(), zh = new WeakMap(), Uh = new WeakMap();
 customElements.get("ng-radio") || customElements.define("ng-radio", Xd);
 var _n;
 class Yd extends Mr {
@@ -27947,14 +27957,14 @@ class Yd extends Mr {
 }
 _n = new WeakMap();
 customElements.get("ng-renderer") || customElements.define("ng-renderer", Yd);
-var Uh;
+var Vh;
 class Gd extends Mr {
   constructor() {
     super();
     it(this, "dataRefresh", (t) => {
       !this.owner || !this.cell || !this.data || t || this.reset();
     });
-    Y(this, Uh, () => {
+    Y(this, Vh, () => {
       this.shadowRoot.querySelector("svg.dtl").addEventListener("click", (t) => {
         $("ng-row-detail-popup", this.owner.shadowRoot).remove(), $(this.owner.shadowRoot).append($("<ng-row-detail-popup></ng-row-detail-popup>")), this.owner.shadowRoot.querySelector("ng-row-detail-popup").popup(this.cell.dataset.row);
       });
@@ -27972,10 +27982,10 @@ class Gd extends Mr {
 				<path d="m6 10 8-8"></path>
 				<path d="M14 9.048V14H2V2h5"></path>
 			</svg>
-		`, super.connectedCallback(), f(this, Uh).call(this);
+		`, super.connectedCallback(), f(this, Vh).call(this);
   }
 }
-Uh = new WeakMap();
+Vh = new WeakMap();
 var er, or, fi;
 class Kd extends HTMLElement {
   constructor() {
@@ -28073,14 +28083,14 @@ Do you want to save it?`, "SAVE", { class: "rgb", "true-text": "Yes", "false-tex
 er = new WeakMap(), or = new WeakMap(), fi = new WeakMap();
 customElements.get("ng-row-detail") || customElements.define("ng-row-detail", Gd);
 customElements.get("ng-row-detail-popup") || customElements.define("ng-row-detail-popup", Kd);
-var Vh;
+var Wh;
 const Mi = class Mi extends Mr {
   constructor() {
     super();
     it(this, "dataRefresh", (t) => {
       t || this.reset();
     });
-    Y(this, Vh, (t) => {
+    Y(this, Wh, (t) => {
       const l = parseInt(this.cell.dataset.row), c = this.owner.body.querySelector(`.ng-container-body tr[data-row="${l}"]`);
       t.dataTransfer.setDragImage(c, 0, 0), t.dataTransfer.effectAllowed = "copyMove", Mi.dragData = {
         tr: this.cell.closest("tr"),
@@ -28097,10 +28107,10 @@ const Mi = class Mi extends Mr {
 				@import "https://cdn.jsdelivr.net/npm/ninegrid2@${H.version}/dist/css/ngRowDrag.css";
 				${H.getCustomPath(this, "ngRowDrag.css")}
 			</style>
-		`, super.connectedCallback(), this.cell.setAttribute("draggable", "true"), this.cell.addEventListener("dragstart", f(this, Vh));
+		`, super.connectedCallback(), this.cell.setAttribute("draggable", "true"), this.cell.addEventListener("dragstart", f(this, Wh));
   }
 };
-Vh = new WeakMap(), //static sourceRow = -1;
+Wh = new WeakMap(), //static sourceRow = -1;
 it(Mi, "dragData"), it(Mi, "scrollInterval");
 let ir = Mi;
 var He, aa, la, ha, ms, ca, ua, da, fa;
@@ -28180,18 +28190,18 @@ class Zd {
 }
 He = new WeakMap(), aa = new WeakMap(), la = new WeakMap(), ha = new WeakMap(), ms = new WeakMap(), ca = new WeakMap(), ua = new WeakMap(), da = new WeakMap(), fa = new WeakMap();
 customElements.get("ng-row-drag") || customElements.define("ng-row-drag", ir);
-var sr, pr, pi, Wh, Xh, pa;
+var sr, pr, pi, Xh, Yh, pa;
 class Jd extends HTMLElement {
   constructor() {
     super();
     Y(this, sr);
     Y(this, pr);
     Y(this, pi);
-    Y(this, Wh, () => {
+    Y(this, Xh, () => {
       const l = `data.${H.j.querySelectorAll(`[data-col="${f(this, pr).dataset.col}"]`, f(this, sr).tmpl).attr("data-bind")}.replaceAll("\\n", "<br>")`;
       H.j.querySelectorAll(this).addClass("expand"), H.j.querySelectorAll(`[data-col="${f(this, pr).dataset.col}"]`, f(this, sr).tmpl).attr("data-expr", l), H.j.querySelectorAll(`[data-col="${f(this, pr).dataset.col}"]`, f(this, sr).body).attr("data-expr", l), f(this, pa).call(this);
     });
-    Y(this, Xh, () => {
+    Y(this, Yh, () => {
       H.j.querySelectorAll(this).removeClass("expand"), f(this, pi) ? (H.j.querySelectorAll(`[data-col="${f(this, pr).dataset.col}"]`, f(this, sr).tmpl).attr("data-expr", f(this, pi)), H.j.querySelectorAll(`[data-col="${f(this, pr).dataset.col}"]`, f(this, sr).body).attr("data-expr", f(this, pi))) : (H.j.querySelectorAll(`[data-col="${f(this, pr).dataset.col}"]`, f(this, sr).tmpl).removeAttr("data-expr"), H.j.querySelectorAll(`[data-col="${f(this, pr).dataset.col}"]`, f(this, sr).body).removeAttr("data-expr")), f(this, pa).call(this);
     });
     Y(this, pa, () => {
@@ -28213,15 +28223,15 @@ class Jd extends HTMLElement {
 				${H.getCustomPath(this, "ngRowExpand.css")}
 			</style>
 		`, tt(this, sr, this.getRootNode().host), tt(this, pr, this.closest("th,td")), !(!f(this, sr) || !f(this, pr)) && (tt(this, pi, H.j.querySelectorAll(`[data-col="${f(this, pr).dataset.col}"]`, f(this, sr).tmpl).attr("data-expr")), f(this, pr).querySelector("ng-col-expand") && H.j.querySelectorAll(this).addClass("padding"), $(this).on("click", (t) => {
-      t.preventDefault(), t.stopPropagation(), H.j.querySelectorAll(this).hasClass("expand") ? f(this, Xh).call(this) : f(this, Wh).call(this);
+      t.preventDefault(), t.stopPropagation(), H.j.querySelectorAll(this).hasClass("expand") ? f(this, Yh).call(this) : f(this, Xh).call(this);
     }), $(this).on("click", (t) => {
       t.stopPropagation();
     }));
   }
 }
-sr = new WeakMap(), pr = new WeakMap(), pi = new WeakMap(), Wh = new WeakMap(), Xh = new WeakMap(), pa = new WeakMap();
+sr = new WeakMap(), pr = new WeakMap(), pi = new WeakMap(), Xh = new WeakMap(), Yh = new WeakMap(), pa = new WeakMap();
 customElements.get("ng-combo") || customElements.define("ng-combo", Jd);
-var ma, Yh;
+var ma, Gh;
 class Qd extends Mr {
   constructor() {
     super();
@@ -28250,7 +28260,7 @@ class Qd extends Mr {
         f(this, ma).innerHTML = this.getDisplayText(l + 1), t || this.reset();
       }
     });
-    Y(this, Yh, () => {
+    Y(this, Gh, () => {
       if (!H.j.querySelectorAll(this.closest("tbody")).hasClass("fixed"))
         for (var t = this.cell.rowSpan, l = this.closest("tr"), c = 0; c < t; c++) {
           var o = $(`<ng-row-resizer rowIndex=${l.sectionRowIndex + c}></ng-row-resizer>`);
@@ -28286,11 +28296,11 @@ class Qd extends Mr {
 					</svg>
 				</div>
 			</div>
-		`, super.connectedCallback(), this.cell.removeAttribute("tabindex"), this.cell.dataset.bind = "rowState", this.cell.dataset.expr = H.nvl(this.cell.dataset.expr, "data.__ng._[ninegrid.ROW.ORDER]"), this.cell.setAttribute("text-align", "center"), tt(this, ma, this.shadowRoot.querySelector("span")), f(this, Yh).call(this);
+		`, super.connectedCallback(), this.cell.removeAttribute("tabindex"), this.cell.dataset.bind = "rowState", this.cell.dataset.expr = H.nvl(this.cell.dataset.expr, "data.__ng._[ninegrid.ROW.ORDER]"), this.cell.setAttribute("text-align", "center"), tt(this, ma, this.shadowRoot.querySelector("span")), f(this, Gh).call(this);
   }
 }
-ma = new WeakMap(), Yh = new WeakMap();
-var ur, es, ga, mr, Hs, mi, yu, rs, Gh, Kh, Zh, ba, ya, va, Jh;
+ma = new WeakMap(), Gh = new WeakMap();
+var ur, es, ga, mr, Hs, mi, yu, rs, Kh, Zh, Jh, ba, ya, va, Qh;
 class tf extends HTMLElement {
   constructor() {
     super();
@@ -28302,25 +28312,25 @@ class tf extends HTMLElement {
     Y(this, mi);
     Y(this, yu);
     Y(this, rs);
-    Y(this, Gh);
-    Y(this, Kh, () => {
+    Y(this, Kh);
+    Y(this, Zh, () => {
       if (f(this, ur)) {
         var t = f(this, ur).querySelector("div.resizer-row-panel");
         t ? tt(this, mr, $(t)) : (tt(this, mr, $('<div class="resizer-row-panel"><div class="grip"></div><div class="tooltip"><div></div><span></span><div></div></div></div>').hide()), $(f(this, ur).body).append(f(this, mr))), tt(this, Hs, $(".grip", f(this, mr))), tt(this, mi, $(".tooltip", f(this, mr))), $(this).on("mousedown", (l) => {
           H.j.querySelectorAll(f(this, es).closest("tbody")).hasClass("fixed") || tt(this, ga, setTimeout(() => {
-            f(this, Zh).call(this, l);
+            f(this, Jh).call(this, l);
           }, 500));
         }).on("dblclick", (l) => {
-          H.j.querySelectorAll(f(this, es).closest("tbody")).hasClass("fixed") || f(this, Jh).call(this, l);
+          H.j.querySelectorAll(f(this, es).closest("tbody")).hasClass("fixed") || f(this, Qh).call(this, l);
         }), $(document).on("mouseup", (l) => {
           clearTimeout(f(this, ga));
         });
       }
     });
-    Y(this, Zh, (t) => {
+    Y(this, Jh, (t) => {
       if (!(t.buttons != 1 || t.altKey || t.ctrlKey || t.shiftkey)) {
         var l = parseInt(t.target.getAttribute("rowIndex"));
-        l < 0 || (f(this, es).busy = !0, tt(this, Gh, t.target), tt(this, rs, $(".ng-container-body table tbody.bindable tr", f(this, ur).body).eq(l)), f(this, mr).show(), f(this, Hs).width(f(this, ur).body.querySelector(".ng-container").offsetWidth), f(this, va).call(this, t.pageY), $(f(this, mr)).on("mousemove", f(this, ba)), $(f(this, mr)).on("mouseup", f(this, ya)));
+        l < 0 || (f(this, es).busy = !0, tt(this, Kh, t.target), tt(this, rs, $(".ng-container-body table tbody.bindable tr", f(this, ur).body).eq(l)), f(this, mr).show(), f(this, Hs).width(f(this, ur).body.querySelector(".ng-container").offsetWidth), f(this, va).call(this, t.pageY), $(f(this, mr)).on("mousemove", f(this, ba)), $(f(this, mr)).on("mouseup", f(this, ya)));
       }
     });
     Y(this, ba, (t) => {
@@ -28340,24 +28350,24 @@ class tf extends HTMLElement {
         o <= 1 && (o = 0), f(this, mi).height(o), f(this, mi).offset({ top: f(this, rs).offset().top - 1 }), f(this, mi).find("span").text(o);
       }
     });
-    Y(this, Jh, (t) => {
+    Y(this, Qh, (t) => {
     });
   }
   connectedCallback() {
-    tt(this, es, this.cell), tt(this, ur, f(this, es).getRootNode().host), this.setAttribute("class", "row-resizer"), f(this, Kh).call(this);
+    tt(this, es, this.cell), tt(this, ur, f(this, es).getRootNode().host), this.setAttribute("class", "row-resizer"), f(this, Zh).call(this);
   }
 }
-ur = new WeakMap(), es = new WeakMap(), ga = new WeakMap(), mr = new WeakMap(), Hs = new WeakMap(), mi = new WeakMap(), yu = new WeakMap(), rs = new WeakMap(), Gh = new WeakMap(), Kh = new WeakMap(), Zh = new WeakMap(), ba = new WeakMap(), ya = new WeakMap(), va = new WeakMap(), Jh = new WeakMap();
+ur = new WeakMap(), es = new WeakMap(), ga = new WeakMap(), mr = new WeakMap(), Hs = new WeakMap(), mi = new WeakMap(), yu = new WeakMap(), rs = new WeakMap(), Kh = new WeakMap(), Zh = new WeakMap(), Jh = new WeakMap(), ba = new WeakMap(), ya = new WeakMap(), va = new WeakMap(), Qh = new WeakMap();
 customElements.get("ng-row-indicator") || customElements.define("ng-row-indicator", Qd);
 customElements.get("ng-row-resizer") || customElements.define("ng-row-resizer", tf);
-var Qh;
+var tc;
 class ef extends Mr {
   constructor() {
     super();
     it(this, "dataRefresh", (t) => {
       !this.owner || !this.cell || !this.data || (this.cell.closest("tbody.fixed") ? H.j.querySelectorAll(this).addClass("pin") : H.j.querySelectorAll(this).removeClass("pin"), t || this.reset());
     });
-    Y(this, Qh, () => {
+    Y(this, tc, () => {
       H.isMobile() || this.shadowRoot.querySelector("svg").addEventListener("click", (t) => {
         const l = this.cell.closest("tr").dataset.row;
         this.cell.closest("tbody.fixed") ? this.owner.pin.remove(l) : this.owner.pin.add(this.data.__ng._[H.ROW.INDEX]);
@@ -28374,10 +28384,10 @@ class ef extends Mr {
 			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" focusable="false" aria-hidden="true">
 				<path d="M9.828.722a.5.5 0 0 1 .354.146l4.95 4.95a.5.5 0 0 1 0 .707c-.48.48-1.072.588-1.503.588-.177 0-.335-.018-.46-.039l-3.134 3.134a6 6 0 0 1 .16 1.013c.046.702-.032 1.687-.72 2.375a.5.5 0 0 1-.707 0l-2.829-2.828-3.182 3.182c-.195.195-1.219.902-1.414.707s.512-1.22.707-1.414l3.182-3.182-2.828-2.829a.5.5 0 0 1 0-.707c.688-.688 1.673-.767 2.375-.72a6 6 0 0 1 1.013.16l3.134-3.133a3 3 0 0 1-.04-.461c0-.43.108-1.022.589-1.503a.5.5 0 0 1 .353-.146"/>
 			</svg>
-		`, super.connectedCallback(), f(this, Qh).call(this);
+		`, super.connectedCallback(), f(this, tc).call(this);
   }
 }
-Qh = new WeakMap();
+tc = new WeakMap();
 var je, dr;
 class rf {
   constructor(C) {
@@ -28449,7 +28459,7 @@ class sf extends Mr {
   }
 }
 customElements.get("ng-row-state") || customElements.define("ng-row-state", sf);
-var Pt, Vr, ge, gr, br, Sn, ss, $r, tc, ec, wa, rc, xa, _a, kn, vu, Cn, ql, gi;
+var Pt, Vr, ge, gr, br, Sn, ss, $r, ec, rc, wa, sc, xa, _a, kn, vu, Cn, Hl, gi;
 class nf extends HTMLElement {
   // 혹은 기존에 사용하는 누적 변수
   constructor() {
@@ -28510,7 +28520,7 @@ class nf extends HTMLElement {
     it(this, "stopScroll", () => {
       clearInterval(f(this, gr)), clearInterval(f(this, br));
     });
-    Y(this, tc, () => {
+    Y(this, ec, () => {
       var t = (l) => {
         clearInterval(f(this, gr)), clearInterval(f(this, br)), f(this, Pt).scrollBy(l), tt(this, gr, setInterval(() => {
           clearInterval(f(this, gr)), tt(this, br, setInterval(() => {
@@ -28528,13 +28538,13 @@ class nf extends HTMLElement {
         t(1);
       }), f(this, ge).top.ontouchend = f(this, ge).bottom.ontouchend = f(this, ge).track.ontouchend = f(this, ge).top.onmouseup = f(this, ge).top.onmouseleave = f(this, ge).bottom.onmouseup = f(this, ge).bottom.onmouseleave = f(this, ge).track.onmouseup = f(this, ge).track.onmouseleave = (l) => {
         clearInterval(f(this, gr)), clearInterval(f(this, br));
-      }, $(f(this, ge).track).on("mousedown", f(this, wa)), $(f(this, ge).track).on("touchstart", f(this, ec)), $(f(this, ge).thumb).on("mousedown", f(this, _a)), $(f(this, ge).thumb).on("touchstart", f(this, rc)), document.addEventListener("mouseup", (l) => {
+      }, $(f(this, ge).track).on("mousedown", f(this, wa)), $(f(this, ge).track).on("touchstart", f(this, rc)), $(f(this, ge).thumb).on("mousedown", f(this, _a)), $(f(this, ge).thumb).on("touchstart", f(this, sc)), document.addEventListener("mouseup", (l) => {
         f(this, Vr) && tt(this, Vr, !1), document.removeEventListener("mousemove", f(this, kn)), typeof this.onDragStop == "function" && this.onDragStop();
       }), document.addEventListener("touchend", (l) => {
         tt(this, Vr, !1), document.removeEventListener("touchmove", f(this, xa)), typeof this.onDragStop == "function" && this.onDragStop();
       });
     });
-    Y(this, ec, (t) => {
+    Y(this, rc, (t) => {
       var l = t.target.getBoundingClientRect();
       t.offsetX = t.targetTouches[0].pageX - l.left, t.offsetY = t.targetTouches[0].pageY - l.top, t.pageX = t.changedTouches[0].pageX, t.pageY = t.changedTouches[0].pageY, t.clientX = t.changedTouches[0].clientX, t.clientY = t.changedTouches[0].clientY, t.buttons = 1, f(this, wa).call(this, t);
     });
@@ -28555,7 +28565,7 @@ class nf extends HTMLElement {
         }, 500));
       }
     });
-    Y(this, rc, (t) => {
+    Y(this, sc, (t) => {
       var l = t.target.getBoundingClientRect();
       t.offsetX = t.targetTouches[0].pageX - l.left, t.offsetY = t.targetTouches[0].pageY - l.top, t.pageX = t.changedTouches[0].pageX, t.pageY = t.changedTouches[0].pageY, t.clientX = t.changedTouches[0].clientX, t.clientY = t.changedTouches[0].clientY, t.buttons = 1, f(this, _a).call(this, t), document.addEventListener("touchmove", f(this, xa));
     });
@@ -28564,7 +28574,7 @@ class nf extends HTMLElement {
       t.offsetX = t.targetTouches[0].pageX - l.left, t.offsetY = t.targetTouches[0].pageY - l.top, t.pageX = t.changedTouches[0].pageX, t.pageY = t.changedTouches[0].pageY, t.clientX = t.changedTouches[0].clientX, t.clientY = t.changedTouches[0].clientY, t.buttons = 1, f(this, kn).call(this, t);
     });
     Y(this, _a, (t) => {
-      tt(this, ss, t.clientY), iu.log("::", t, t.clientY), tt(this, Vr, !0), this.shiftY = t.offsetY + f(this, ge).track.getBoundingClientRect().y, this.trackHeight = $(f(this, ge).track).height(), this.thumbHeight = $(f(this, ge).thumb).height(), this.nodataHeight = $(".ng-container .ng-table tr.nodata", f(this, Pt).body).height(), this.bodyHeight = $(".ng-container-body", f(this, Pt).body).height(), this.templateHeight = f(this, Pt).template.height(), this.theadHeight = $(".ng-container-body table > thead", f(this, Pt).body).height() || 0, this.tfootHeight = $(".ng-container-body table > tfoot", f(this, Pt).body).height() || 0, this.fixedHeight = $(".ng-container-body tbody.fixed", f(this, Pt).body).height(), this.tableHeight = $(".ng-container-body .ng-table", f(this, Pt).body).height(), tt(this, Sn, !0), document.addEventListener("mousemove", f(this, kn)), typeof this.onDragStart == "function" && this.onDragStart();
+      tt(this, ss, t.clientY), Fl.log("::", t, t.clientY), tt(this, Vr, !0), this.shiftY = t.offsetY + f(this, ge).track.getBoundingClientRect().y, this.trackHeight = $(f(this, ge).track).height(), this.thumbHeight = $(f(this, ge).thumb).height(), this.nodataHeight = $(".ng-container .ng-table tr.nodata", f(this, Pt).body).height(), this.bodyHeight = $(".ng-container-body", f(this, Pt).body).height(), this.templateHeight = f(this, Pt).template.height(), this.theadHeight = $(".ng-container-body table > thead", f(this, Pt).body).height() || 0, this.tfootHeight = $(".ng-container-body table > tfoot", f(this, Pt).body).height() || 0, this.fixedHeight = $(".ng-container-body tbody.fixed", f(this, Pt).body).height(), this.tableHeight = $(".ng-container-body .ng-table", f(this, Pt).body).height(), tt(this, Sn, !0), document.addEventListener("mousemove", f(this, kn)), typeof this.onDragStart == "function" && this.onDragStart();
     });
     Y(this, kn, (t) => {
       if (!f(this, Vr)) return;
@@ -28576,8 +28586,10 @@ class nf extends HTMLElement {
       var r = t.clientY - this.shiftY;
       r < 0 && (r = 0), r + this.thumbHeight > c && (r = parseInt(c - o));
       var n = parseInt($(".ng-container-body tbody.bindable tr", f(this, Pt).body).not(".nodata").length / f(this, Pt).template.length), s = parseInt(r * (f(this, Pt).data.count() + 1 - n) / parseInt(c - o));
-      let e = f(this, Pt).matrix.getHeight(f(this, Pt).dataManager.viewRecords.rawIndex), i = f(this, Pt).matrix.getHeight(s);
-      iu.log(f(this, Pt).dataManager.viewRecords.rawIndex, s, e, i), l > 0 && l > e && (l = e, tt(this, ss, t.clientY)), l < 0 && Math.abs(l) > e && (l = -e, tt(this, ss, t.clientY)), s === 0 && (l = 0), tt(this, $r, Math.abs(-l)), iu.log(t.clientY, f(this, ss), f(this, $r), l), qe(this, Cn, ql).call(this, f(this, $r)), f(this, Pt).dataManager.viewRecords.rawIndex != s && (f(this, Pt).scrollToV2(s), tt(this, $r, 0), qe(this, Cn, ql).call(this, 0));
+      let e = f(this, Pt).matrix.getTotalHeight();
+      Fl.log(e);
+      let i = f(this, Pt).matrix.getHeight(f(this, Pt).dataManager.viewRecords.rawIndex), u = f(this, Pt).matrix.getHeight(s);
+      Fl.log(f(this, Pt).dataManager.viewRecords.rawIndex, s, i, u), l > 0 && l > i && (l = i, tt(this, ss, t.clientY)), l < 0 && Math.abs(l) > i && (l = -i, tt(this, ss, t.clientY)), s === 0 && (l = 0), tt(this, $r, -Math.abs(l)), Fl.log(t.clientY, f(this, ss), f(this, $r), l), qe(this, Cn, Hl).call(this, f(this, $r)), f(this, Pt).dataManager.viewRecords.rawIndex != s && (f(this, Pt).scrollToV2(s), tt(this, $r, 0), qe(this, Cn, Hl).call(this, 0));
     });
     Y(this, vu, (t) => {
       if (f(this, Vr)) {
@@ -28585,7 +28597,7 @@ class nf extends HTMLElement {
         var l = t.clientY - f(this, ss);
         tt(this, ss, t.clientY);
         var c = this.trackHeight, o = f(this, gi).call(this), r = c - o, n = f(this, Pt).matrix.totalHeight - this.bodyHeight, s = r > 0 ? n / r : 0, e = l * s;
-        tt(this, $r, f(this, $r) - e), tt(this, $r, Math.max(-n, Math.min(0, f(this, $r)))), qe(this, Cn, ql).call(this, Math.abs(f(this, $r)));
+        tt(this, $r, f(this, $r) - e), tt(this, $r, Math.max(-n, Math.min(0, f(this, $r)))), qe(this, Cn, Hl).call(this, Math.abs(f(this, $r)));
         var i = f(this, Pt).getRowIndexAt(Math.abs(f(this, $r)));
         f(this, Pt).dataManager.viewRecords.rawIndex != i && f(this, Pt).scrollToV2(i);
       }
@@ -28609,14 +28621,14 @@ class nf extends HTMLElement {
       thumb: this.shadowRoot.querySelector(".ng-scroll-thumb"),
       top: this.shadowRoot.querySelector(".ng-scroll-top"),
       bottom: this.shadowRoot.querySelector(".ng-scroll-bottom")
-    }), f(this, Vr), this.shiftX, f(this, tc).call(this));
+    }), f(this, Vr), this.shiftX, f(this, ec).call(this));
   }
 }
-Pt = new WeakMap(), Vr = new WeakMap(), ge = new WeakMap(), gr = new WeakMap(), br = new WeakMap(), Sn = new WeakMap(), ss = new WeakMap(), $r = new WeakMap(), tc = new WeakMap(), ec = new WeakMap(), wa = new WeakMap(), rc = new WeakMap(), xa = new WeakMap(), _a = new WeakMap(), kn = new WeakMap(), vu = new WeakMap(), Cn = new WeakSet(), ql = function(t) {
+Pt = new WeakMap(), Vr = new WeakMap(), ge = new WeakMap(), gr = new WeakMap(), br = new WeakMap(), Sn = new WeakMap(), ss = new WeakMap(), $r = new WeakMap(), ec = new WeakMap(), rc = new WeakMap(), wa = new WeakMap(), sc = new WeakMap(), xa = new WeakMap(), _a = new WeakMap(), kn = new WeakMap(), vu = new WeakMap(), Cn = new WeakSet(), Hl = function(t) {
   const l = f(this, Pt).body.querySelector(".ng-container-body tbody.bindable");
   l && (l.style.transform = `translateY(${t}px)`);
 }, gi = new WeakMap();
-var Ze, gs, ae, Wr, Xr, zs, sc, Sa, ic, ka, nc, Ca, Ea, En;
+var Ze, gs, ae, Wr, Xr, zs, ic, Sa, nc, ka, oc, Ca, Ea, En;
 class of extends HTMLElement {
   constructor() {
     super();
@@ -28654,7 +28666,7 @@ class of extends HTMLElement {
       var t = $(".ng-container-body > table", f(this, Ze).body), l = $(".ng-scroll-track", this.shadowRoot), c = $(".ng-scroll-thumb", this.shadowRoot), o = parseInt(Math.abs(t.position().left) * l.width() / t.width());
       o < 0 && (o = 0), o + c.width() > l.width() && (o = l.width() - c.width()), c.css({ left: o }), H.j.querySelectorAll(".ng-scroll-left", this.shadowRoot).attr("disabled", o == 0), H.j.querySelectorAll(".ng-scroll-right", this.shadowRoot).attr("disabled", o == l.width() - c.width());
     });
-    Y(this, sc, () => {
+    Y(this, ic, () => {
       var t = (l) => {
         clearInterval(f(this, Wr)), clearInterval(f(this, Xr));
         var c = f(this, ae).track.getBoundingClientRect(), o = f(this, ae).thumb.getBoundingClientRect();
@@ -28675,7 +28687,7 @@ class of extends HTMLElement {
         t(-10);
       }), $(f(this, ae).right).on("touchstart", (l) => {
         t(10);
-      }), $(f(this, ae).track).on("mousedown", f(this, ka)), $(f(this, ae).track).on("touchstart", f(this, ic)), $(f(this, ae).thumb).on("mousedown", f(this, Ca)), $(f(this, ae).thumb).on("touchstart", f(this, nc)), document.addEventListener("touchend", (l) => {
+      }), $(f(this, ae).track).on("mousedown", f(this, ka)), $(f(this, ae).track).on("touchstart", f(this, nc)), $(f(this, ae).thumb).on("mousedown", f(this, Ca)), $(f(this, ae).thumb).on("touchstart", f(this, oc)), document.addEventListener("touchend", (l) => {
         tt(this, gs, !1), clearInterval(f(this, Wr)), clearInterval(f(this, Xr)), $(document).off("touchmove", f(this, Ea)), typeof this.onDragStop == "function" && this.onDragStop();
       }), document.addEventListener("mouseup", (l) => {
         tt(this, gs, !1), clearInterval(f(this, Wr)), clearInterval(f(this, Xr)), document.removeEventListener("mousemove", f(this, En)), typeof this.onDragStop == "function" && this.onDragStop();
@@ -28690,7 +28702,7 @@ class of extends HTMLElement {
         o += parseInt($(n).width()) + 2;
       }), $(".ng-container-body > table", f(this, Ze).body).css({ left: -o }), this.refresh();
     });
-    Y(this, ic, (t) => {
+    Y(this, nc, (t) => {
       var l = t.target.getBoundingClientRect();
       t.offsetX = t.targetTouches[0].pageX - l.left, t.offsetY = t.targetTouches[0].pageY - l.top, t.pageX = t.changedTouches[0].pageX, t.pageY = t.changedTouches[0].pageY, t.clientX = t.changedTouches[0].clientX, t.clientY = t.changedTouches[0].clientY, t.buttons = 1, f(this, ka).call(this, t);
     });
@@ -28702,7 +28714,7 @@ class of extends HTMLElement {
         }, 10));
       }, 500)));
     });
-    Y(this, nc, (t) => {
+    Y(this, oc, (t) => {
       var l = t.target.getBoundingClientRect();
       t.offsetX = t.targetTouches[0].pageX - l.left, t.offsetY = t.targetTouches[0].pageY - l.top, t.pageX = t.changedTouches[0].pageX, t.pageY = t.changedTouches[0].pageY, t.clientX = t.changedTouches[0].clientX, t.clientY = t.changedTouches[0].clientY, t.buttons = 1, f(this, Ca).call(this, t), document.addEventListener("touchmove", f(this, Ea));
     });
@@ -28736,13 +28748,13 @@ class of extends HTMLElement {
       thumb: this.shadowRoot.querySelector(".ng-scroll-thumb"),
       left: this.shadowRoot.querySelector(".ng-scroll-left"),
       right: this.shadowRoot.querySelector(".ng-scroll-right")
-    }), f(this, gs), this.shiftX, f(this, sc).call(this);
+    }), f(this, gs), this.shiftX, f(this, ic).call(this);
   }
 }
-Ze = new WeakMap(), gs = new WeakMap(), ae = new WeakMap(), Wr = new WeakMap(), Xr = new WeakMap(), zs = new WeakMap(), sc = new WeakMap(), Sa = new WeakMap(), ic = new WeakMap(), ka = new WeakMap(), nc = new WeakMap(), Ca = new WeakMap(), Ea = new WeakMap(), En = new WeakMap();
+Ze = new WeakMap(), gs = new WeakMap(), ae = new WeakMap(), Wr = new WeakMap(), Xr = new WeakMap(), zs = new WeakMap(), ic = new WeakMap(), Sa = new WeakMap(), nc = new WeakMap(), ka = new WeakMap(), oc = new WeakMap(), Ca = new WeakMap(), Ea = new WeakMap(), En = new WeakMap();
 customElements.get("ng-hscrollbar") || customElements.define("ng-hscrollbar", of);
 customElements.get("ng-vscrollbar") || customElements.define("ng-vscrollbar", nf);
-var Ve, is, Aa, Ta, Ra, oc, ac;
+var Ve, is, Aa, Ta, Ra, ac, lc;
 class af {
   constructor(C) {
     Y(this, Ve);
@@ -28764,7 +28776,7 @@ class af {
         switch (C.detail) {
           case 1:
             H.j.querySelectorAll(f(this, Ve)).addClass("loading"), setTimeout(() => {
-              f(this, oc).call(this, C), H.j.querySelectorAll(f(this, Ve)).removeClass("loading");
+              f(this, ac).call(this, C), H.j.querySelectorAll(f(this, Ve)).removeClass("loading");
             });
             break;
           case 2:
@@ -28775,14 +28787,14 @@ class af {
             break;
         }
     });
-    Y(this, oc, (C) => {
+    Y(this, ac, (C) => {
       var t = C.target.closest("th,td"), l = t.dataset.col, c, o;
       $(f(this, Ve).template).find(`[data-col="${l}"]`).each((r, n) => {
         if (n.dataset.bind)
           return o = n.dataset.bind, n.dataset.expr && (c = f(this, Ve).exprFunction(n.dataset.expr)), !1;
-      }), o && (!C.ctrlKey && !C.shiftKey && (H.j.querySelectorAll(`thead th:not([data-col="${l}"],thead td:not([data-col="${l}"])`, f(this, Ve).body).removeClass("asc").removeClass("desc"), f(this, is).splice(0, f(this, is).length)), H.removeIf(f(this, is), (r) => r.colnm == o), !H.j.querySelectorAll(t).hasClass("asc") && !H.j.querySelectorAll(t).hasClass("desc") ? (H.j.querySelectorAll(t).removeClass("desc").addClass("asc"), f(this, is).push({ colnm: o, asc: !0, "expr-func": c })) : H.j.querySelectorAll(t).hasClass("asc") ? (H.j.querySelectorAll(t).removeClass("asc").addClass("desc"), f(this, is).push({ colnm: o, asc: !1, "expr-func": c })) : H.j.querySelectorAll(t).removeClass("asc").removeClass("desc"), !H.j.querySelectorAll("thead th,thead td", f(this, Ve).body).hasClass("asc") && !H.j.querySelectorAll("thead th,thead td", f(this, Ve).body).hasClass("desc") ? f(this, Ta).call(this) : f(this, Ve).data.sort((r, n) => f(this, ac).call(this, r, n)), f(this, Ve).paging.type == H.PAGINGTYPE.CLIENT ? f(this, Ve).paging.movePage(1) : f(this, Ve).view.redraw());
+      }), o && (!C.ctrlKey && !C.shiftKey && (H.j.querySelectorAll(`thead th:not([data-col="${l}"],thead td:not([data-col="${l}"])`, f(this, Ve).body).removeClass("asc").removeClass("desc"), f(this, is).splice(0, f(this, is).length)), H.removeIf(f(this, is), (r) => r.colnm == o), !H.j.querySelectorAll(t).hasClass("asc") && !H.j.querySelectorAll(t).hasClass("desc") ? (H.j.querySelectorAll(t).removeClass("desc").addClass("asc"), f(this, is).push({ colnm: o, asc: !0, "expr-func": c })) : H.j.querySelectorAll(t).hasClass("asc") ? (H.j.querySelectorAll(t).removeClass("asc").addClass("desc"), f(this, is).push({ colnm: o, asc: !1, "expr-func": c })) : H.j.querySelectorAll(t).removeClass("asc").removeClass("desc"), !H.j.querySelectorAll("thead th,thead td", f(this, Ve).body).hasClass("asc") && !H.j.querySelectorAll("thead th,thead td", f(this, Ve).body).hasClass("desc") ? f(this, Ta).call(this) : f(this, Ve).data.sort((r, n) => f(this, lc).call(this, r, n)), f(this, Ve).paging.type == H.PAGINGTYPE.CLIENT ? f(this, Ve).paging.movePage(1) : f(this, Ve).view.redraw());
     });
-    Y(this, ac, (C, t) => {
+    Y(this, lc, (C, t) => {
       for (var l of f(this, is))
         if (l["expr-func"]) {
           const c = f(this, Ve).data.conv(C), o = f(this, Ve).data.conv(t);
@@ -28802,8 +28814,8 @@ class af {
     tt(this, Ve, C), f(this, Aa).call(this);
   }
 }
-Ve = new WeakMap(), is = new WeakMap(), Aa = new WeakMap(), Ta = new WeakMap(), Ra = new WeakMap(), oc = new WeakMap(), ac = new WeakMap();
-var Gt, lc, Ma, Ia;
+Ve = new WeakMap(), is = new WeakMap(), Aa = new WeakMap(), Ta = new WeakMap(), Ra = new WeakMap(), ac = new WeakMap(), lc = new WeakMap();
+var Gt, hc, Ma, Ia;
 class lf {
   constructor(C) {
     Y(this, Gt);
@@ -28853,9 +28865,9 @@ class lf {
       return r;
     });
     it(this, "setRowHeightFitAll", (C) => {
-      f(this, lc).call(this, null, C);
+      f(this, hc).call(this, null, C);
     });
-    Y(this, lc, (C, t) => {
+    Y(this, hc, (C, t) => {
       if (!t) {
         t = [];
         for (var l = 0; l < f(this, Gt).template.length; l++)
@@ -29037,7 +29049,7 @@ class lf {
     }, this.___init();
   }
 }
-Gt = new WeakMap(), lc = new WeakMap(), Ma = new WeakMap(), Ia = new WeakMap();
+Gt = new WeakMap(), hc = new WeakMap(), Ma = new WeakMap(), Ia = new WeakMap();
 class hf {
   constructor(C) {
     this.___owner = C, this.columns_BAK = {
@@ -29247,7 +29259,7 @@ class uf extends HTMLElement {
 Na = new WeakMap(), Oa = new WeakMap(), ja = new WeakMap(), $a = new WeakMap();
 customElements.get("ng-textarea") || customElements.define("ng-textarea", cf);
 customElements.get("ng-textarea-detail") || customElements.define("ng-textarea-detail", uf);
-var La, Pa, Da, bi, Yn, hc, cc, uc, dc, wu, Ba, Fa, fc, pc, mc;
+var La, Pa, Da, bi, Yn, cc, uc, dc, fc, wu, Ba, Fa, pc, mc, gc;
 class df extends Mr {
   constructor() {
     super();
@@ -29258,15 +29270,15 @@ class df extends Mr {
       const l = this.value;
       for (var c = "", o = 1; o < l; o++)
         c += '<div class="ng-pad-item"></div>';
-      f(this, La).innerHTML = c, f(this, Pa).innerHTML = this.getDisplayText(), f(this, hc).call(this), t || this.reset(), $(".ng-icon", this.shadowRoot).off("click", f(this, Da)), $(".ng-icon", this.shadowRoot).on("click", f(this, Da));
+      f(this, La).innerHTML = c, f(this, Pa).innerHTML = this.getDisplayText(), f(this, cc).call(this), t || this.reset(), $(".ng-icon", this.shadowRoot).off("click", f(this, Da)), $(".ng-icon", this.shadowRoot).on("click", f(this, Da));
     });
     Y(this, Da, (t) => {
-      f(this, cc).call(this), H.j.querySelectorAll(t.target).removeClass("ng-expand-on").removeClass("ng-expand-off"), H.j.querySelectorAll(t.target).addClass(f(this, bi, Yn) ? "ng-expand-on" : "ng-expand-off");
+      f(this, uc).call(this), H.j.querySelectorAll(t.target).removeClass("ng-expand-on").removeClass("ng-expand-off"), H.j.querySelectorAll(t.target).addClass(f(this, bi, Yn) ? "ng-expand-on" : "ng-expand-off");
     });
-    Y(this, hc, () => {
+    Y(this, cc, () => {
       const t = this.row;
       if (isNaN(t)) return;
-      const l = f(this, pc).call(this, t), c = this.value, o = f(this, mc).call(this, t + 1), r = f(this, Fa).call(this, t);
+      const l = f(this, mc).call(this, t), c = this.value, o = f(this, gc).call(this, t + 1), r = f(this, Fa).call(this, t);
       H.j.querySelectorAll(".ng-icon", this.shadowRoot).removeClass("ng-expand-on").removeClass("ng-expand-off").removeClass("ng-node").removeClass("ng-icon-up").removeClass("ng-icon-down").removeClass("ng-icon-none").addClass(l ? f(this, bi, Yn) ? "ng-expand-on" : "ng-expand-off" : "ng-node");
       const n = H.j.querySelectorAll(".ng-icon", this.shadowRoot);
       t == 0 ? r ? n.addClass("ng-icon-none") : n.addClass("ng-icon-down") : r && n.addClass("ng-icon-up");
@@ -29277,13 +29289,13 @@ class df extends Mr {
       }
       c < o ? f(this, bi, Yn) ? H.j.querySelectorAll(".ng-line", this.shadowRoot).addClass("ng-line-down") : H.j.querySelectorAll(".ng-line", this.shadowRoot).addClass("ng-line-none") : H.j.querySelectorAll(".ng-line", this.shadowRoot).addClass("ng-line-none");
     });
-    Y(this, cc, () => {
-      f(this, uc).call(this, !f(this, bi, Yn));
-    });
-    Y(this, uc, (t) => {
-      this.data.__ng._[H.ROW.EXPAND] = t, f(this, dc).call(this, t), this.owner.data.resetRecords(), this.owner.dataManager.viewRecords.reset();
+    Y(this, uc, () => {
+      f(this, dc).call(this, !f(this, bi, Yn));
     });
     Y(this, dc, (t) => {
+      this.data.__ng._[H.ROW.EXPAND] = t, f(this, fc).call(this, t), this.owner.data.resetRecords(), this.owner.dataManager.viewRecords.reset();
+    });
+    Y(this, fc, (t) => {
       var l = this.owner.data.getValidDataNF();
       const c = this.owner.data.findIndexNF_1(this.data.__ng._[H.ROW.INDEX]);
       if (!(c < 0))
@@ -29338,7 +29350,7 @@ class df extends Mr {
       }
       return !0;
     });
-    Y(this, fc, () => {
+    Y(this, pc, () => {
       var t = [], l = this.owner.data.getValidDataNF(), c = this.owner.data.findIndexNF_1(this.data.__ng._[H.ROW.INDEX]);
       if (c < 0) throw `invalid row index [${this.data.__ng._[H.ROW.INDEX]}]`;
       var o = this.owner.fields.indexOf(this.cell.dataset.bind);
@@ -29350,8 +29362,8 @@ class df extends Mr {
       }
       return t;
     });
-    Y(this, pc, () => f(this, fc).call(this).length > 0);
-    Y(this, mc, (t) => H.isNull(t) || t < 0 || this.owner.data.count() >= 0 ? -1 : this.owner.data.get(t, this.cell.dataset.bind));
+    Y(this, mc, () => f(this, pc).call(this).length > 0);
+    Y(this, gc, (t) => H.isNull(t) || t < 0 || this.owner.data.count() >= 0 ? -1 : this.owner.data.get(t, this.cell.dataset.bind));
   }
   connectedCallback() {
     this.shadowRoot.innerHTML = `
@@ -29387,9 +29399,9 @@ class df extends Mr {
 }
 La = new WeakMap(), Pa = new WeakMap(), Da = new WeakMap(), bi = new WeakSet(), Yn = function() {
   return this.data.__ng._[H.ROW.EXPAND];
-}, hc = new WeakMap(), cc = new WeakMap(), uc = new WeakMap(), dc = new WeakMap(), wu = new WeakMap(), Ba = new WeakMap(), Fa = new WeakMap(), fc = new WeakMap(), pc = new WeakMap(), mc = new WeakMap();
+}, cc = new WeakMap(), uc = new WeakMap(), dc = new WeakMap(), fc = new WeakMap(), wu = new WeakMap(), Ba = new WeakMap(), Fa = new WeakMap(), pc = new WeakMap(), mc = new WeakMap(), gc = new WeakMap();
 customElements.get("ng-tree-item") || customElements.define("ng-tree-item", df);
-var vt, Xe, yr, yi, vi, qa, Ha, za, Ua, Va, gc, bc, yc, An, Us, Vs;
+var vt, Xe, yr, yi, vi, qa, Ha, za, Ua, Va, bc, yc, vc, An, Us, Vs;
 class ff {
   constructor(C) {
     Y(this, vt);
@@ -29409,10 +29421,10 @@ class ff {
       }), !f(this, yi) && ($(".ng-container tbody.bindable tr.nodata", f(this, vt).body).height(f(this, yr).body), tt(this, yi, !0));
     });
     it(this, "redraw", () => {
-      f(this, vt).touchEvent.scrollTop(), this.init(), f(this, vt).dataManager && (tt(this, Xe, f(this, vt).dataManager.viewRecords.rawIndex || 0), f(this, gc).call(this), f(this, An).call(this), f(this, vt).body.querySelector("ng-vscrollbar").refresh());
+      f(this, vt).touchEvent.scrollTop(), this.init(), f(this, vt).dataManager && (tt(this, Xe, f(this, vt).dataManager.viewRecords.rawIndex || 0), f(this, bc).call(this), f(this, An).call(this), f(this, vt).body.querySelector("ng-vscrollbar").refresh());
     });
     it(this, "redrawV2", () => {
-      f(this, vt).touchEvent.scrollTop(), this.init(), tt(this, Xe, f(this, vt).dataManager.viewRecords.rawIndex || 0), f(this, bc).call(this), f(this, An).call(this), f(this, vt).body.querySelector("ng-vscrollbar").refreshV2();
+      f(this, vt).touchEvent.scrollTop(), this.init(), tt(this, Xe, f(this, vt).dataManager.viewRecords.rawIndex || 0), f(this, yc).call(this), f(this, An).call(this), f(this, vt).body.querySelector("ng-vscrollbar").refreshV2();
     });
     it(this, "redrawV3", () => {
       this.init(), tt(this, Xe, f(this, vt).dataManager.viewRecords.rawIndex || 0), f(this, An).call(this);
@@ -29473,7 +29485,7 @@ class ff {
         f(this, Xe) + parseInt(t.sectionRowIndex / f(this, vt).template.length) >= f(this, vt).data.count() && $(t).remove();
       });
     });
-    Y(this, gc, () => {
+    Y(this, bc, () => {
       f(this, Ua).call(this), f(this, Va).call(this);
       var C = f(this, yr).body - f(this, yr).thead - f(this, yr).tfoot - f(this, Ha).call(this);
       if (f(this, vt).getAttribute("display-row-count") && f(this, vt).data.count() >= Number(f(this, vt).getAttribute("display-row-count") || 0) && (C = 0), $(".ng-container tbody.bindable tr.nodata", f(this, vt).body).height(C), f(this, vt).closest("dialog") && H.j.querySelectorAll(f(this, vt)).hasClass("simple")) {
@@ -29484,10 +29496,10 @@ class ff {
         }), $(f(this, vt).closest("dialog")).height(C);
       }
     });
-    Y(this, bc, () => {
+    Y(this, yc, () => {
       f(this, Ua).call(this), f(this, Va).call(this), f(this, vt).isLastPage;
     });
-    Y(this, yc, () => {
+    Y(this, vc, () => {
       for (const C of f(this, vi))
         clearTimeout(C);
       tt(this, vi, []), f(this, vi).push(setTimeout(() => {
@@ -29523,7 +29535,7 @@ class ff {
         f(this, vt).body.querySelectorAll(`.ng-container tbody.bindable tr[data-row="${t}"]`).forEach((c) => {
           c.data = l;
         });
-      }), tt(this, Xe, parseInt(f(this, vt).body.querySelector(".ng-container-body tbody.bindable tr:first-of-type").getAttribute("data-row"))), f(this, vt).dataManager.viewRecords.rawIndex = f(this, Xe), f(this, yc).call(this), f(this, vt).isFirstPage = f(this, Xe) == 0, f(this, vt).isLastPage = C[C.length - 1] == f(this, vt).data.count() - 1;
+      }), tt(this, Xe, parseInt(f(this, vt).body.querySelector(".ng-container-body tbody.bindable tr:first-of-type").getAttribute("data-row"))), f(this, vt).dataManager.viewRecords.rawIndex = f(this, Xe), f(this, vc).call(this), f(this, vt).isFirstPage = f(this, Xe) == 0, f(this, vt).isLastPage = C[C.length - 1] == f(this, vt).data.count() - 1;
     });
     it(this, "getVisibleFirstRow", () => {
       var C = f(this, vt).body.querySelector(".ng-container-body tbody.bindable tr:first-child");
@@ -29614,8 +29626,8 @@ class ff {
     tt(this, vt, C), tt(this, yi, !1), this.init();
   }
 }
-vt = new WeakMap(), Xe = new WeakMap(), yr = new WeakMap(), yi = new WeakMap(), vi = new WeakMap(), qa = new WeakMap(), Ha = new WeakMap(), za = new WeakMap(), Ua = new WeakMap(), Va = new WeakMap(), gc = new WeakMap(), bc = new WeakMap(), yc = new WeakMap(), An = new WeakMap(), Us = new WeakMap(), Vs = new WeakMap();
-var Je, Ws, vc;
+vt = new WeakMap(), Xe = new WeakMap(), yr = new WeakMap(), yi = new WeakMap(), vi = new WeakMap(), qa = new WeakMap(), Ha = new WeakMap(), za = new WeakMap(), Ua = new WeakMap(), Va = new WeakMap(), bc = new WeakMap(), yc = new WeakMap(), vc = new WeakMap(), An = new WeakMap(), Us = new WeakMap(), Vs = new WeakMap();
+var Je, Ws, wc;
 class pf {
   constructor(C) {
     Y(this, Je);
@@ -29626,7 +29638,7 @@ class pf {
     it(this, "isFiltering", () => f(this, Ws));
     it(this, "on", (C) => {
       tt(this, Ws, !0);
-      const t = f(this, vc).call(this);
+      const t = f(this, wc).call(this);
       f(this, Je).body.querySelectorAll(".ng-table thead th, .ng-table thead td").forEach((l) => {
         var o, r;
         const c = (o = l.closest("tr")) == null ? void 0 : o.sectionRowIndex;
@@ -29689,13 +29701,13 @@ class pf {
         });
       }), f(this, Je).scrollTo_V1(0), f(this, Je).paging.reset();
     });
-    Y(this, vc, (C = "thead") => [...f(this, Je).body.querySelectorAll(`.ng-table ${C}`)].reduce((t, l) => Math.max(l.rows.length - 1, t), 0));
+    Y(this, wc, (C = "thead") => [...f(this, Je).body.querySelectorAll(`.ng-table ${C}`)].reduce((t, l) => Math.max(l.rows.length - 1, t), 0));
     tt(this, Je, C), tt(this, Ws, !1);
     const t = document.createElement("ng-filter-panel");
     t.style.display = "none", f(this, Je).shadowRoot.appendChild(t);
   }
 }
-Je = new WeakMap(), Ws = new WeakMap(), vc = new WeakMap();
+Je = new WeakMap(), Ws = new WeakMap(), wc = new WeakMap();
 var Wa, Tn, Xa;
 class mf extends HTMLElement {
   constructor() {
@@ -29720,14 +29732,14 @@ class mf extends HTMLElement {
   }
 }
 Wa = new WeakMap(), Tn = new WeakMap(), Xa = new WeakMap();
-var Ar, Ya, Ga, wc, xc, _c, Sc;
+var Ar, Ya, Ga, xc, _c, Sc, kc;
 class gf extends HTMLElement {
   constructor() {
     super();
     Y(this, Ar);
     Y(this, Ya);
     Y(this, Ga);
-    Y(this, wc, (t) => {
+    Y(this, xc, (t) => {
       const l = this.shadowRoot.querySelector("nine-grid");
       this.classList.add("loading"), setTimeout(() => {
         const [c, o, r, n] = ["LVL", "CHK", "COLNM", "DATA"].map((u) => l.fields.indexOf(u)), s = l.data.getValidDataNF().filter((u) => u.v[c] === 2 && u.v[o] === "Y"), e = s.length > 0 ? [...new Set(s.map((u) => u.v[r]))].map((u) => ({
@@ -29741,16 +29753,16 @@ class gf extends HTMLElement {
         f(this, Ar).filtering.set(i), this.classList.remove("loading"), this.style.display = "none";
       });
     });
-    Y(this, xc, (t) => {
+    Y(this, _c, (t) => {
       this.style.display = "none";
     });
-    Y(this, _c, (t) => {
+    Y(this, Sc, (t) => {
       const l = this.shadowRoot.querySelector("nine-grid"), c = l.fields.indexOf("CHK"), o = t.target.checked;
       l.data.getValidData().forEach((r) => {
         r.v[c] = o ? "Y" : "N";
       }), l.refreshData();
     });
-    Y(this, Sc, (t) => {
+    Y(this, kc, (t) => {
       const l = this.shadowRoot.querySelector("nine-grid");
       l.classList.add("loading");
       const c = l.dataManager.rawRecords;
@@ -29834,14 +29846,14 @@ class gf extends HTMLElement {
 				<button id="btnOk">OK</button>
 				<button id="btnCancel">Cancel</button>
 			</div>
-		`, this.shadowRoot.querySelector("input[type=text]").addEventListener("input", f(this, Sc)), this.shadowRoot.querySelector("input[type=checkbox]").addEventListener("change", f(this, _c)), this.shadowRoot.querySelector("#btnOk").addEventListener("click", f(this, wc)), this.shadowRoot.querySelector("#btnCancel").addEventListener("click", f(this, xc));
+		`, this.shadowRoot.querySelector("input[type=text]").addEventListener("input", f(this, kc)), this.shadowRoot.querySelector("input[type=checkbox]").addEventListener("change", f(this, Sc)), this.shadowRoot.querySelector("#btnOk").addEventListener("click", f(this, xc)), this.shadowRoot.querySelector("#btnCancel").addEventListener("click", f(this, _c));
   }
 }
-Ar = new WeakMap(), Ya = new WeakMap(), Ga = new WeakMap(), wc = new WeakMap(), xc = new WeakMap(), _c = new WeakMap(), Sc = new WeakMap();
+Ar = new WeakMap(), Ya = new WeakMap(), Ga = new WeakMap(), xc = new WeakMap(), _c = new WeakMap(), Sc = new WeakMap(), kc = new WeakMap();
 customElements.get("ng-filter-button") || customElements.define("ng-filter-button", mf);
 customElements.get("ng-filter-panel") || customElements.define("ng-filter-panel", gf);
-var Ka, wi, Za, Rn, ns, Ja, Qa, kc, ys, Cc, tl, Ec, os, Ac, el, Tc, rl, Xs, Ys;
-class eu extends HTMLElement {
+var Ka, wi, Za, Rn, ns, Ja, Qa, Cc, ys, Ec, tl, Ac, os, Tc, el, Rc, rl, Xs, Ys;
+class ru extends HTMLElement {
   constructor() {
     super();
     Y(this, Ka, !1);
@@ -29944,7 +29956,7 @@ class eu extends HTMLElement {
         this.elements.bodyLeft.find("tbody.bindable").append(c), this.elements.bodyRight.find("tbody.bindable").append(c), this.elements.bodyBody.find("tbody.bindable").append(c);
       }
     });
-    Y(this, kc, () => {
+    Y(this, Cc, () => {
       if (!this.template) return 0;
       var t = 0;
       return this.template.each((l, c) => {
@@ -29957,11 +29969,11 @@ class eu extends HTMLElement {
       const l = this.shadowRoot.querySelector("ng-head");
       l && setTimeout(() => {
         const c = parseInt(window.getComputedStyle(l).getPropertyValue("padding-bottom"), 10);
-        var o = ($(l).height() || 0) + ($("ng-foot", this.shadowRoot).height() || 0) + ($(".ng-container-body thead", this.shadowRoot).height() || 0) + ($(".ng-container-body tfoot:visible", this.shadowRoot).height() || 0) + ($(".ng-container-bottom:visible", this.shadowRoot).height() || 0) + c + (f(this, kc).call(this) || 0) * t + 3;
+        var o = ($(l).height() || 0) + ($("ng-foot", this.shadowRoot).height() || 0) + ($(".ng-container-body thead", this.shadowRoot).height() || 0) + ($(".ng-container-body tfoot:visible", this.shadowRoot).height() || 0) + ($(".ng-container-bottom:visible", this.shadowRoot).height() || 0) + c + (f(this, Cc).call(this) || 0) * t + 3;
         $(this).height(o);
       });
     });
-    Y(this, Cc, () => {
+    Y(this, Ec, () => {
       if (f(this, Ka)) return;
       this.originFormat = this.outerHTML, this.uuid = H.randomUUID(), this.id || (this.id = this.uuid), $("table", this).each((r, n) => {
         if ($("colgroup", n).length == 0) {
@@ -29990,7 +30002,7 @@ class eu extends HTMLElement {
             var p = `window["${this.id}"]["code${i}"]`;
             u.parentNode.setAttribute("data-source", p), h.dataset.expr = `ninegrid.binarySearchValue(${p}, "${m}", data["${h.dataset.bind}"].split("${b}"), "${d}")`;
           }
-        }), $(n).hide(), f(this, ns).push(n), H.j.querySelectorAll(this).hasClass("simple") || f(this, Tc).call(this, n);
+        }), $(n).hide(), f(this, ns).push(n), H.j.querySelectorAll(this).hasClass("simple") || f(this, Rc).call(this, n);
       });
       const t = `
 			<style>
@@ -30028,7 +30040,7 @@ class eu extends HTMLElement {
         $(H.j.querySelectorAll("tbody", r).addClass("bindable").elem()).before('<tbody class="fixed"></tbody>');
       $(this.shadowRoot).append(t), $(".ng-container-body", this.shadowRoot).append(f(this, ns)[0]), this.body = this.shadowRoot.querySelector(".ng-body"), this.querySelectorAll("nx-buttons *").forEach((r) => {
         r.grid = this;
-      }), $(this.shadowRoot.querySelector("ng-head").shadowRoot.querySelector("ng-custom")).append(this.querySelectorAll("nx-buttons")), f(this, el).call(this), this.createTemplate(), f(this, Qa).call(this), this.resetTemplate(), f(this, Ec).call(this);
+      }), $(this.shadowRoot.querySelector("ng-head").shadowRoot.querySelector("ng-custom")).append(this.querySelectorAll("nx-buttons")), f(this, el).call(this), this.createTemplate(), f(this, Qa).call(this), this.resetTemplate(), f(this, Ac).call(this);
       const l = this.shadowRoot.querySelector("ng-foot");
       this.paging = l.shadowRoot.querySelector("ng-paging"), this.layout = l.shadowRoot.querySelector("ng-layout"), this.layout && this.layout.add(f(this, ns)), new Yu(this), this.pin = new rf(this), this.fields = new Cd(this), this.cell = new Gu(this), this.touchEvent = new Qu(this), this.selection = new Ju(this), this.tables = new lf(this), this.dataManager = new gd(this), this.view = new ff(this), this.tableUtils = new hf(this), this.columns = new ad(this);
       for (var c in this.dataManager)
@@ -30061,7 +30073,7 @@ class eu extends HTMLElement {
     Y(this, tl, () => {
       this.lastRowHidden = isNaN(parseInt(H.j.querySelectorAll(this).attr("display-row-count"))), this.paging || (this.paging = {}), H.j.querySelectorAll(this).attr("col-indicator-type", H.j.querySelectorAll(this).attr("col-indicator-type") || H.COLINDICATORTYPE.COLLAPSE), H.j.querySelectorAll(this).attr("auto-fit-col", H.j.querySelectorAll(this).attr("auto-fit-col") || "false"), H.j.querySelectorAll(this).attr("col-resizable", H.j.querySelectorAll(this).attr("col-resizable") || "true"), H.j.querySelectorAll(this).attr("row-resizable", H.j.querySelectorAll(this).attr("row-resizable") || "false"), H.j.querySelectorAll(this).attr("col-movable", H.j.querySelectorAll(this).attr("col-movable") || "false"), H.j.querySelectorAll(this).attr("enable-fixed-col", H.j.querySelectorAll(this).attr("enable-fixed-col") || "false"), H.j.querySelectorAll(this).attr("show-title-bar", H.j.querySelectorAll(this).attr("show-title-bar") || "false"), H.j.querySelectorAll(this).attr("show-menu-icon", H.j.querySelectorAll(this).attr("show-menu-icon") || "false"), H.j.querySelectorAll(this).attr("show-status-bar", H.j.querySelectorAll(this).attr("show-status-bar") || "false"), H.j.querySelectorAll(this).attr("show-thead", H.j.querySelectorAll(this).attr("show-thead") || "true"), H.j.querySelectorAll(this).attr("show-tfoot", H.j.querySelectorAll(this).attr("show-tfoot") || "true"), H.j.querySelectorAll(this).attr("select-type", H.j.querySelectorAll(this).attr("select-type") || H.SELECTTYPE.CELL), H.j.querySelectorAll(this).attr("paging-type", H.j.querySelectorAll(this).attr("paging-type") || H.PAGINGTYPE.NONE), H.j.querySelectorAll(this).attr("paging-count", H.j.querySelectorAll(this).attr("paging-count") || H.PAGINGCOUNT.AUTO);
     });
-    Y(this, Ec, () => {
+    Y(this, Ac, () => {
       new ResizeObserver((l) => {
         this.view && this.view.redraw(), this.refreshScroll(), this.refreshBindRows(), $("tbody.bindable tr:not([data-matrix-row])", this.body).not(".nodata").length > 0 && this.dataManager.viewRecords.reset();
       }).observe(this);
@@ -30159,7 +30171,7 @@ class eu extends HTMLElement {
         });
       });
     });
-    Y(this, Ac, () => {
+    Y(this, Tc, () => {
       const t = '<th data-col="@col" class="col-indicator" scope="col"><div>@text</div></th>';
       var l = this.body.querySelector(".ng-container-body > table > thead");
       if (!l || l.querySelector(".col-indicator-rowgroup")) return;
@@ -30185,12 +30197,12 @@ class eu extends HTMLElement {
           c.style.height || (c.style.height = "32px");
         });
         var l = t.querySelector("thead");
-        l.length <= 0 && $("<thead></thead>").appendTo(t), H.j.querySelectorAll(t).attr("role", "table").addClass("ng-table"), H.j.querySelectorAll("tbody th,tbody td", t).attr("tabindex", 0), H.j.querySelectorAll("thead,tbody,tfoot", t).attr("role", "rowgroup"), H.j.querySelectorAll("tr", t).attr("role", "row"), H.j.querySelectorAll("tbody > tr", t).attr("role", "gridcell"), H.j.querySelectorAll("th,td", t).attr("scope", "col"), f(this, os).call(this, $(t), "thead"), f(this, os).call(this, $(t), "tbody.bindable"), f(this, os).call(this, $(t), "tbody.fixed"), f(this, os).call(this, $(t), "tfoot"), f(this, Ac).call(this), t.querySelectorAll("col").forEach((c, o) => {
+        l.length <= 0 && $("<thead></thead>").appendTo(t), H.j.querySelectorAll(t).attr("role", "table").addClass("ng-table"), H.j.querySelectorAll("tbody th,tbody td", t).attr("tabindex", 0), H.j.querySelectorAll("thead,tbody,tfoot", t).attr("role", "rowgroup"), H.j.querySelectorAll("tr", t).attr("role", "row"), H.j.querySelectorAll("tbody > tr", t).attr("role", "gridcell"), H.j.querySelectorAll("th,td", t).attr("scope", "col"), f(this, os).call(this, $(t), "thead"), f(this, os).call(this, $(t), "tbody.bindable"), f(this, os).call(this, $(t), "tbody.fixed"), f(this, os).call(this, $(t), "tfoot"), f(this, Tc).call(this), t.querySelectorAll("col").forEach((c, o) => {
           H.j.querySelectorAll(`[data-col="${o}"]`, t).attr("fixed", H.j.querySelectorAll(c).attr("fixed"));
         });
       }
     });
-    Y(this, Tc, (t) => {
+    Y(this, Rc, (t) => {
       f(this, os).call(this, t, "thead"), f(this, os).call(this, t, "tbody"), f(this, os).call(this, t, "tfoot"), $("colgroup col[fixed=left]", t).index($(".dummy[fixed=left]", t)), $("tr", t).each((l, c) => {
       }), $("colgroup", t).prepend('<col width="0" fixed="left" class="first" />'), $("tr", t).each((l, c) => {
         $(c).prepend('<td class="first"></td>');
@@ -30317,7 +30329,7 @@ class eu extends HTMLElement {
   }
   connectedCallback() {
     $(() => {
-      f(this, Cc).call(this);
+      f(this, Ec).call(this);
     }), document.addEventListener("DOMContentLoaded", (t) => {
     }), $(document.body).on("mousedown", (t) => {
       t.target.closest("ng-combo-panel") || $("ng-combo-panel").hide();
@@ -30395,9 +30407,9 @@ class eu extends HTMLElement {
     return Math.max.apply(null, f(this, rl).call(this));
   }
 }
-Ka = new WeakMap(), wi = new WeakMap(), Za = new WeakMap(), Rn = new WeakMap(), ns = new WeakMap(), Ja = new WeakMap(), Qa = new WeakMap(), kc = new WeakMap(), ys = new WeakMap(), Cc = new WeakMap(), tl = new WeakMap(), Ec = new WeakMap(), os = new WeakMap(), Ac = new WeakMap(), el = new WeakMap(), Tc = new WeakMap(), rl = new WeakMap(), Xs = new WeakMap(), Ys = new WeakMap(), it(eu, "observedAttributes", ["lang", "caption", "display-row-count", "row-resizable", "col-indicator-type", "auto-fit-col", "enable-fixed-col", "select-type", "paging-type", "paging-count", "show-menu-icon", "show-title-bar", "show-tfoot", "show-status-bar"]);
-customElements.get("nine-grid") || customElements.define("nine-grid", eu);
-class bf extends eu {
+Ka = new WeakMap(), wi = new WeakMap(), Za = new WeakMap(), Rn = new WeakMap(), ns = new WeakMap(), Ja = new WeakMap(), Qa = new WeakMap(), Cc = new WeakMap(), ys = new WeakMap(), Ec = new WeakMap(), tl = new WeakMap(), Ac = new WeakMap(), os = new WeakMap(), Tc = new WeakMap(), el = new WeakMap(), Rc = new WeakMap(), rl = new WeakMap(), Xs = new WeakMap(), Ys = new WeakMap(), it(ru, "observedAttributes", ["lang", "caption", "display-row-count", "row-resizable", "col-indicator-type", "auto-fit-col", "enable-fixed-col", "select-type", "paging-type", "paging-count", "show-menu-icon", "show-title-bar", "show-tfoot", "show-status-bar"]);
+customElements.get("nine-grid") || customElements.define("nine-grid", ru);
+class bf extends ru {
   constructor() {
     super();
   }
@@ -30406,7 +30418,7 @@ class bf extends eu {
   }
 }
 customElements.get("ng-source") || customElements.define("ng-source", bf);
-var vs, Rc, sl, Mn, il, nl, In, ol;
+var vs, Mc, sl, Mn, il, nl, In, ol;
 class yf extends HTMLElement {
   constructor() {
     super();
@@ -30418,7 +30430,7 @@ class yf extends HTMLElement {
     it(this, "close", () => {
       $(".head", this).off("mousedown", f(this, sl)), $(".head", this).off("touchstart", f(this, nl)), $(document).off("mouseup", f(this, il)), $(document).off("touchend", f(this, ol)), $(document).off("mousemove", f(this, Mn)), $(document).off("touchmove", f(this, In)), this.querySelector("dialog").close();
     });
-    Y(this, Rc, () => {
+    Y(this, Mc, () => {
       $(".close", this).on("click", (t) => {
         H.j.querySelectorAll("dialog", this).addClass("out"), setTimeout(() => {
           this.close();
@@ -30496,12 +30508,12 @@ class yf extends HTMLElement {
 					</div>
 				</div>
 			</dialog>
-		`, $(".title", this).html("Details"), f(this, Rc).call(this);
+		`, $(".title", this).html("Details"), f(this, Mc).call(this);
   }
 }
-vs = new WeakMap(), Rc = new WeakMap(), sl = new WeakMap(), Mn = new WeakMap(), il = new WeakMap(), nl = new WeakMap(), In = new WeakMap(), ol = new WeakMap();
+vs = new WeakMap(), Mc = new WeakMap(), sl = new WeakMap(), Mn = new WeakMap(), il = new WeakMap(), nl = new WeakMap(), In = new WeakMap(), ol = new WeakMap();
 customElements.get("nx-dialog") || customElements.define("nx-dialog", yf);
-var al, Gs, ll, Nn, ws, xi, On, Mc;
+var al, Gs, ll, Nn, ws, xi, On, Ic;
 class Lu extends HTMLElement {
   constructor() {
     super();
@@ -30522,7 +30534,7 @@ class Lu extends HTMLElement {
         }
       }
     });
-    Y(this, Mc, () => {
+    Y(this, Ic, () => {
       tt(this, ws, "<datalist>"), this.querySelectorAll("datalist option").forEach((c, o) => {
         for (var r = {}, n = 0; n < c.attributes.length; n++)
           r[c.attributes[n].name] = f(this, al) ? c.attributes[n].value : c.attributes[n].value.replaceAll("<", "&lt;").replaceAll(">", "&gt;"), o == 0 && (["locale", "lang", "key", "code"].includes(c.attributes[n].name) ? tt(this, ll, c.attributes[n].name) : tt(this, Nn, c.attributes[n].name));
@@ -30542,11 +30554,11 @@ class Lu extends HTMLElement {
   }
   connectedCallback() {
     tt(this, al, this.getAttribute("enable-html") == "true"), tt(this, On, this.getAttribute("i18n") || this.getAttribute("label") || this.getAttribute("message") || this.getAttribute("text")), $(() => {
-      f(this, Mc).call(this);
+      f(this, Ic).call(this);
     });
   }
 }
-al = new WeakMap(), Gs = new WeakMap(), ll = new WeakMap(), Nn = new WeakMap(), ws = new WeakMap(), xi = new WeakMap(), On = new WeakMap(), Mc = new WeakMap(), it(Lu, "i18n", {
+al = new WeakMap(), Gs = new WeakMap(), ll = new WeakMap(), Nn = new WeakMap(), ws = new WeakMap(), xi = new WeakMap(), On = new WeakMap(), Ic = new WeakMap(), it(Lu, "i18n", {
   convertArrayToJSON: (t) => {
     let l = {};
     for (const c of t) {
@@ -30583,13 +30595,13 @@ al = new WeakMap(), Gs = new WeakMap(), ll = new WeakMap(), Nn = new WeakMap(),
   }
 });
 customElements.get("nx-i18n") || customElements.define("nx-i18n", Lu);
-var jn, $n, Ic, hl;
+var jn, $n, Nc, hl;
 class vf extends HTMLElement {
   constructor() {
     super();
     Y(this, jn);
     Y(this, $n);
-    Y(this, Ic, () => {
+    Y(this, Nc, () => {
       this.classList.remove("nx-collapse"), document.body.style.width = `calc(100% - ${f(this, $n)}px)`;
     });
     Y(this, hl, () => {
@@ -30795,7 +30807,7 @@ class vf extends HTMLElement {
 				</div>
 			</div>
 		`, this.shadowRoot.appendChild(l.content.cloneNode(!0)), l.remove(), this.shadowRoot.querySelector(".nx-toggle-button:nth-of-type(1)").addEventListener("click", () => {
-      f(this, Ic).call(this);
+      f(this, Nc).call(this);
     }), this.shadowRoot.querySelectorAll(".nx-toggle-button:nth-of-type(2), .nx-toggle-button:nth-of-type(3)").forEach((c) => {
       c.addEventListener("click", (o) => {
         f(this, hl).call(this);
@@ -30825,7 +30837,7 @@ class vf extends HTMLElement {
     }), document.body.style.float = "right", document.body.style.transition = "width 0.5s ease-in-out", f(this, hl).call(this);
   }
 }
-jn = new WeakMap(), $n = new WeakMap(), Ic = new WeakMap(), hl = new WeakMap();
+jn = new WeakMap(), $n = new WeakMap(), Nc = new WeakMap(), hl = new WeakMap();
 class wf extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
@@ -30885,7 +30897,7 @@ cl = new WeakMap();
 customElements.get("nx-sidebar-menuitem") || customElements.define("nx-sidebar-menuitem", xf);
 customElements.get("nx-sidebar-item") || customElements.define("nx-sidebar-item", wf);
 customElements.get("nx-sidebar") || customElements.define("nx-sidebar", vf);
-var Ln, Pn, ul, dl, fl, Nc;
+var Ln, Pn, ul, dl, fl, Oc;
 class _f extends HTMLElement {
   constructor() {
     super();
@@ -30917,7 +30929,7 @@ class _f extends HTMLElement {
         l.classList.remove(t);
       });
     });
-    Y(this, Nc, () => {
+    Y(this, Oc, () => {
       const t = this.innerHTML.trim();
       this.innerHTML = "", tt(this, Ln, Number(this.getAttribute("min-width") || 48)), tt(this, Pn, Number(this.getAttribute("max-width") || 256)), this.shadowRoot.innerHTML = `
 			<style>
@@ -30943,7 +30955,7 @@ class _f extends HTMLElement {
     this.attachShadow({ mode: "open" });
   }
   connectedCallback() {
-    H.waitForInnerHTML(this).then(() => f(this, Nc).call(this)).catch((t) => console.error(t)), setTimeout(() => {
+    H.waitForInnerHTML(this).then(() => f(this, Oc).call(this)).catch((t) => console.error(t)), setTimeout(() => {
       if (!H.querySelector("nx-side-menu-item.active", this.shadowRoot)) {
         const t = window.location.href, c = new URL(t).pathname, o = H.querySelector(`nx-side-menu-item[href="${c}"]`, this.shadowRoot);
         o && o.classList.add("active");
@@ -30951,15 +30963,15 @@ class _f extends HTMLElement {
     }, 300);
   }
 }
-Ln = new WeakMap(), Pn = new WeakMap(), ul = new WeakMap(), dl = new WeakMap(), fl = new WeakMap(), Nc = new WeakMap();
-var _i, Oc, jc, Pu;
+Ln = new WeakMap(), Pn = new WeakMap(), ul = new WeakMap(), dl = new WeakMap(), fl = new WeakMap(), Oc = new WeakMap();
+var _i, jc, $c, Pu;
 class Sf extends HTMLElement {
   constructor() {
     super();
-    Y(this, jc);
+    Y(this, $c);
     Y(this, _i);
-    Y(this, Oc, () => {
-      qe(this, jc, Pu).call(this), tt(this, _i, this.shadowRoot.getRootNode().host.getRootNode().host), f(this, _i) && (this.shadowRoot.querySelector(".icon:nth-of-type(1)").addEventListener("click", (t) => {
+    Y(this, jc, () => {
+      qe(this, $c, Pu).call(this), tt(this, _i, this.shadowRoot.getRootNode().host.getRootNode().host), f(this, _i) && (this.shadowRoot.querySelector(".icon:nth-of-type(1)").addEventListener("click", (t) => {
         f(this, _i).expand();
       }), this.shadowRoot.querySelectorAll(".icon:nth-of-type(2),.icon:nth-of-type(3)").forEach((t) => {
         t.addEventListener("click", (l) => {
@@ -30970,10 +30982,10 @@ class Sf extends HTMLElement {
     this.attachShadow({ mode: "open" });
   }
   connectedCallback() {
-    H.waitForInnerHTML(this).then(() => f(this, Oc).call(this)).catch((t) => console.error(t));
+    H.waitForInnerHTML(this).then(() => f(this, jc).call(this)).catch((t) => console.error(t));
   }
 }
-_i = new WeakMap(), Oc = new WeakMap(), jc = new WeakSet(), Pu = function() {
+_i = new WeakMap(), jc = new WeakMap(), $c = new WeakSet(), Pu = function() {
   const t = this.getAttribute("icon-color") || "#eee", l = this.innerHTML.trim();
   this.innerHTML = "", this.shadowRoot.innerHTML = `
 			<style>
@@ -31002,14 +31014,14 @@ _i = new WeakMap(), Oc = new WeakMap(), jc = new WeakSet(), Pu = function() {
 			</div>
 		`;
 };
-var Dn, $c, Lc, Du;
+var Dn, Lc, Pc, Du;
 class kf extends HTMLElement {
   constructor() {
     super();
-    Y(this, Lc);
+    Y(this, Pc);
     Y(this, Dn);
-    Y(this, $c, () => {
-      tt(this, Dn, this.closest("nx-side-menu")), qe(this, Lc, Du).call(this), this.shadowRoot.querySelector(".icon:nth-of-type(1)").addEventListener("click", () => {
+    Y(this, Lc, () => {
+      tt(this, Dn, this.closest("nx-side-menu")), qe(this, Pc, Du).call(this), this.shadowRoot.querySelector(".icon:nth-of-type(1)").addEventListener("click", () => {
         f(this, Dn).expand();
       }), this.shadowRoot.querySelectorAll(".icon:nth-of-type(2), .icon:nth-of-type(3)").forEach((t) => {
         t.addEventListener("click", (l) => {
@@ -31020,10 +31032,10 @@ class kf extends HTMLElement {
     this.attachShadow({ mode: "open" });
   }
   connectedCallback() {
-    H.waitForInnerHTML(this).then(() => f(this, $c).call(this)).catch((t) => console.error(t));
+    H.waitForInnerHTML(this).then(() => f(this, Lc).call(this)).catch((t) => console.error(t));
   }
 }
-Dn = new WeakMap(), $c = new WeakMap(), Lc = new WeakSet(), Du = function() {
+Dn = new WeakMap(), Lc = new WeakMap(), Pc = new WeakSet(), Du = function() {
   const t = this.getAttribute("icon-color") || "#eee", l = this.innerHTML.trim();
   this.innerHTML = "", this.shadowRoot.innerHTML = `
 			<style>
@@ -31052,18 +31064,18 @@ Dn = new WeakMap(), $c = new WeakMap(), Lc = new WeakSet(), Du = function() {
 			</div>
 		`;
 };
-var Pc, Dc;
+var Dc, Bc;
 class Cf extends HTMLElement {
   constructor() {
     super();
-    Y(this, Pc);
-    Y(this, Dc, () => {
-      this.render(), tt(this, Pc, this.shadowRoot.getRootNode().host.getRootNode().host);
+    Y(this, Dc);
+    Y(this, Bc, () => {
+      this.render(), tt(this, Dc, this.shadowRoot.getRootNode().host.getRootNode().host);
     });
     this.attachShadow({ mode: "open" });
   }
   connectedCallback() {
-    H.waitForInnerHTML(this).then(() => f(this, Dc).call(this)).catch((t) => console.error(t));
+    H.waitForInnerHTML(this).then(() => f(this, Bc).call(this)).catch((t) => console.error(t));
   }
   render() {
     const t = this.innerHTML.trim();
@@ -31091,15 +31103,15 @@ class Cf extends HTMLElement {
 		`;
   }
 }
-Pc = new WeakMap(), Dc = new WeakMap();
-var pl, Bn, ml, Bc;
+Dc = new WeakMap(), Bc = new WeakMap();
+var pl, Bn, ml, Fc;
 class Ef extends HTMLElement {
   constructor() {
     super();
     Y(this, pl);
     Y(this, Bn);
     Y(this, ml);
-    Y(this, Bc, () => {
+    Y(this, Fc, () => {
       tt(this, ml, this.getAttribute("type") || "item"), this.render(), tt(this, Bn, H.closest("nx-side-menu", this)), this.classList.toggle("expand"), this.classList.add("collapse"), this.classList.add(f(this, ml)), this.addEventListener("click", (l) => {
         H.querySelectorAll("nx-side-menu-item", f(this, Bn)).forEach((c) => {
           c.classList.remove("active");
@@ -31130,7 +31142,7 @@ class Ef extends HTMLElement {
     this.attachShadow({ mode: "open" }), this.test = this.innerText.trim(), this.uuid = H.randomUUID();
   }
   connectedCallback() {
-    tt(this, pl, this.getAttribute("title")), H.waitForInnerHTML(this).then(() => f(this, Bc).call(this)).catch((t) => console.error(t));
+    tt(this, pl, this.getAttribute("title")), H.waitForInnerHTML(this).then(() => f(this, Fc).call(this)).catch((t) => console.error(t));
   }
   get caption() {
     return f(this, pl);
@@ -31153,13 +31165,13 @@ class Ef extends HTMLElement {
 		`;
   }
 }
-pl = new WeakMap(), Bn = new WeakMap(), ml = new WeakMap(), Bc = new WeakMap();
+pl = new WeakMap(), Bn = new WeakMap(), ml = new WeakMap(), Fc = new WeakMap();
 customElements.get("nx-side-menu") || customElements.define("nx-side-menu", _f);
 customElements.get("nx-side-menu-head") || customElements.define("nx-side-menu-head", Sf);
 customElements.get("nx-side-menu-foot") || customElements.define("nx-side-menu-foot", kf);
 customElements.get("nx-side-menu-body") || customElements.define("nx-side-menu-body", Cf);
 customElements.get("nx-side-menu-item") || customElements.define("nx-side-menu-item", Ef);
-var gl, Fn, bl, qn, xs, Si, Fc;
+var gl, Fn, bl, qn, xs, Si, qc;
 class Af extends HTMLElement {
   constructor() {
     super();
@@ -31175,7 +31187,7 @@ class Af extends HTMLElement {
         t < 0 && (t = 0), f(this, Fn).innerHTML = f(this, Si)[t][f(this, qn)], $("datalist", this).remove(), $(this).append(f(this, xs));
       }
     });
-    Y(this, Fc, () => {
+    Y(this, qc, () => {
       tt(this, xs, "<datalist>"), this.querySelectorAll("datalist option").forEach((c, o) => {
         for (var r = {}, n = 0; n < c.attributes.length; n++)
           r[c.attributes[n].name] = f(this, gl) ? c.attributes[n].value : c.attributes[n].value.replaceAll("<", "&lt;").replaceAll(">", "&gt;"), o == 0 && (["locale", "lang", "key", "code"].includes(c.attributes[n].name) ? tt(this, bl, c.attributes[n].name) : tt(this, qn, c.attributes[n].name));
@@ -31193,14 +31205,14 @@ class Af extends HTMLElement {
       this.refresh();
     });
     tt(this, gl, this.getAttribute("enable-html") == "true"), $(() => {
-      f(this, Fc).call(this);
+      f(this, qc).call(this);
     });
   }
   connectedCallback() {
     H.getLocale() == "ko" ? console.warn("nx-span 컴포넌트는 더 이상 사용되지 않을 예정입니다. nx-i18n 컴포넌트로 대체하세요.") : console.warn("The nx-span component will be deprecated. Replace with nx-i18n component.");
   }
 }
-gl = new WeakMap(), Fn = new WeakMap(), bl = new WeakMap(), qn = new WeakMap(), xs = new WeakMap(), Si = new WeakMap(), Fc = new WeakMap();
+gl = new WeakMap(), Fn = new WeakMap(), bl = new WeakMap(), qn = new WeakMap(), xs = new WeakMap(), Si = new WeakMap(), qc = new WeakMap();
 customElements.get("nx-span") || customElements.define("nx-span", Af);
 class Tf extends HTMLElement {
   constructor() {
@@ -31332,13 +31344,13 @@ Array.prototype.nineBinarySearch = function(mt) {
   }
   return -1;
 };
-var ar, yl, qc;
+var ar, yl, Hc;
 class Nf extends HTMLElement {
   constructor() {
     super();
     Y(this, ar);
     Y(this, yl);
-    Y(this, qc, () => {
+    Y(this, Hc, () => {
       this.innerHTML.trim(), this.innerHTML = "";
       const t = document.createElement("template");
       if (t.innerHTML = `
@@ -31431,12 +31443,12 @@ class Nf extends HTMLElement {
   }
   connectedCallback() {
     const t = this.getAttribute("target");
-    tt(this, ar, H.querySelector(t)), f(this, qc).call(this);
+    tt(this, ar, H.querySelector(t)), f(this, Hc).call(this);
   }
 }
-ar = new WeakMap(), yl = new WeakMap(), qc = new WeakMap();
+ar = new WeakMap(), yl = new WeakMap(), Hc = new WeakMap();
 customElements.get("nx-collapse") || customElements.define("nx-collapse", Nf);
-var Wn, Bu, Fu, Hc;
+var Wn, Bu, Fu, zc;
 class Of extends HTMLElement {
   constructor() {
     super();
@@ -31448,7 +31460,7 @@ class Of extends HTMLElement {
       const t = this.shadowRoot.querySelector('.tab-button:not([style*="display: none"])');
       t && t.click();
     });
-    Y(this, Hc, () => {
+    Y(this, zc, () => {
       this.classList.add(this.getAttribute("theme") || "theme-1"), qe(this, Wn, Bu).call(this), this.shadowRoot.querySelectorAll(".tab-button").forEach((r) => {
         r.addEventListener("click", this.switchTabHandler);
       });
@@ -31491,7 +31503,7 @@ class Of extends HTMLElement {
     };
   }
   connectedCallback() {
-    f(this, Hc).call(this), this.dispatchEvent(new CustomEvent(H.EVENT.TAB_LOAD, { bubbles: !0, detail: {} }));
+    f(this, zc).call(this), this.dispatchEvent(new CustomEvent(H.EVENT.TAB_LOAD, { bubbles: !0, detail: {} }));
   }
 }
 Wn = new WeakSet(), Bu = function() {
@@ -31509,7 +31521,7 @@ Wn = new WeakSet(), Bu = function() {
   if (console.log(t), !l.classList.contains("tab-button")) return;
   const c = l.getAttribute("data-target"), o = this.shadowRoot.querySelector(".tab-button.active"), r = this.shadowRoot.querySelector(".tab-page.active"), n = this.shadowRoot.getElementById(c);
   console.log(c, o, r, n), o !== l && (console.log("*******"), o && r ? (o.classList.remove("active"), r.classList.remove("active", "exit-left", "exit-right"), r.style.left = "", o.compareDocumentPosition(l) & Node.DOCUMENT_POSITION_FOLLOWING ? r.classList.add("exit-left") : r.classList.add("exit-right"), n.classList.add("active"), n.style.left = "", n.classList.remove("exit-left", "exit-right")) : r && n && (r.classList.remove("active", "exit-left", "exit-right"), r.style.left = "", r.classList.add("exit-left"), n.classList.add("active"), n.style.left = "", n.classList.remove("exit-left", "exit-right")), l.classList.add("active"), this.shadowRoot.querySelector(".tab-pages").style.height = `${n.scrollHeight}px`);
-}, Hc = new WeakMap();
+}, zc = new WeakMap();
 class jf extends HTMLElement {
   constructor() {
     super();
@@ -31520,12 +31532,12 @@ class jf extends HTMLElement {
 }
 customElements.get("nx-tab") || customElements.define("nx-tab", Of);
 customElements.get("nx-tab-page") || customElements.define("nx-tab-page", jf);
-var Lr, zc, Uc, Vc, vl;
+var Lr, Uc, Vc, Wc, vl;
 class $f extends HTMLElement {
   constructor() {
     super();
     Y(this, Lr);
-    Y(this, zc, (t) => {
+    Y(this, Uc, (t) => {
       const l = t.previousElementSibling, c = t.nextElementSibling;
       if (!l || !c) {
         tt(this, Lr, this.classList.contains("h") ? "h" : "v");
@@ -31534,7 +31546,7 @@ class $f extends HTMLElement {
       const o = l.getBoundingClientRect(), r = c.getBoundingClientRect();
       this.classList.contains("h") ? tt(this, Lr, "h") : this.classList.contains("v") ? tt(this, Lr, "v") : tt(this, Lr, Math.abs(o.top - r.top) < 5 ? "h" : "v");
     });
-    Y(this, Uc, (t) => {
+    Y(this, Vc, (t) => {
       t.preventDefault(), t.stopPropagation();
       const l = this.getBoundingClientRect(), c = f(this, Lr) === "h", o = c ? t.clientX - l.left : t.clientY - l.top, r = document.createElement("div");
       r.className = `nx-splitter-drag-bar-${f(this, Lr)}`, Object.assign(r.style, {
@@ -31571,8 +31583,8 @@ class $f extends HTMLElement {
       };
       window.addEventListener("mousemove", b), window.addEventListener("mouseup", g);
     });
-    Y(this, Vc, () => {
-      f(this, zc).call(this, this), this.classList.add(f(this, Lr));
+    Y(this, Wc, () => {
+      f(this, Uc).call(this, this), this.classList.add(f(this, Lr));
       const t = this.innerHTML.trim(), l = `grip-${f(this, Lr)}`, c = t === "" ? `<div class="${l}"></div>` : `<div class="${l}"></div><div class="inner-container">${t}</div><div class="${l}"></div>`;
       this.innerHTML = "";
       const o = document.createElement("template");
@@ -31583,7 +31595,7 @@ class $f extends HTMLElement {
            </style>
            ${c}
         `, this.shadowRoot.appendChild(o.content.cloneNode(!0)), this.shadowRoot.querySelectorAll(".grip-h,.grip-v").forEach((r) => {
-        r.addEventListener("mousedown", (n) => f(this, Uc).call(this, n));
+        r.addEventListener("mousedown", (n) => f(this, Vc).call(this, n));
       }), f(this, vl).call(this), window.addEventListener("resize", () => f(this, vl).call(this));
     });
     Y(this, vl, () => {
@@ -31601,12 +31613,12 @@ class $f extends HTMLElement {
     this.attachShadow({ mode: "open" });
   }
   connectedCallback() {
-    f(this, Vc).call(this);
+    f(this, Wc).call(this);
   }
 }
-Lr = new WeakMap(), zc = new WeakMap(), Uc = new WeakMap(), Vc = new WeakMap(), vl = new WeakMap();
+Lr = new WeakMap(), Uc = new WeakMap(), Vc = new WeakMap(), Wc = new WeakMap(), vl = new WeakMap();
 customElements.get("nx-splitter") || customElements.define("nx-splitter", $f);
-var xu, Wc;
+var xu, Xc;
 class Lf extends HTMLElement {
   constructor() {
     super();
@@ -31626,7 +31638,7 @@ class Lf extends HTMLElement {
         t[c] ? (Array.isArray(t[c]) || (t[c] = [t[c]]), t[c].push(o)) : t[c] = o;
       }), t;
     });
-    Y(this, Wc, () => {
+    Y(this, Xc, () => {
       const t = this.innerHTML.trim();
       this.innerHTML = "";
       const l = document.createElement("template");
@@ -31642,12 +31654,12 @@ class Lf extends HTMLElement {
     this.attachShadow({ mode: "open" });
   }
   connectedCallback() {
-    f(this, Wc).call(this);
+    f(this, Xc).call(this);
   }
 }
-xu = new WeakMap(), Wc = new WeakMap();
+xu = new WeakMap(), Xc = new WeakMap();
 customElements.get("nx-form") || customElements.define("nx-form", Lf);
-var Tr, wl, xl, _l, Sl, Xc;
+var Tr, wl, xl, _l, Sl, Yc;
 class Pf extends HTMLElement {
   // 동적으로 추가할 빵 부스러기 경로 (상세 페이지 등)
   constructor() {
@@ -31721,10 +31733,10 @@ class Pf extends HTMLElement {
                 </div>
             </div>
         `, this.shadowRoot.appendChild(c.content.cloneNode(!0)), this.shadowRoot.querySelectorAll(".breadcrumb-link").forEach((o) => {
-        o.addEventListener("click", f(this, Xc));
+        o.addEventListener("click", f(this, Yc));
       });
     });
-    Y(this, Xc, (t) => {
+    Y(this, Yc, (t) => {
       console.log(t);
       const l = t.target.dataset.path;
       l && (window.location.href = l);
@@ -31742,9 +31754,9 @@ class Pf extends HTMLElement {
     tt(this, wl, t), f(this, _l).call(this), f(this, Sl).call(this);
   }
 }
-Tr = new WeakMap(), wl = new WeakMap(), xl = new WeakMap(), _l = new WeakMap(), Sl = new WeakMap(), Xc = new WeakMap();
+Tr = new WeakMap(), wl = new WeakMap(), xl = new WeakMap(), _l = new WeakMap(), Sl = new WeakMap(), Yc = new WeakMap();
 customElements.get("nx-title") || customElements.define("nx-title", Pf);
-var kl, ki, Cl, Rr, Gn, ou, au, El, Yc;
+var kl, ki, Cl, Rr, Gn, ou, au, El, Gc;
 class Su extends HTMLElement {
   constructor() {
     super();
@@ -31791,14 +31803,14 @@ class Su extends HTMLElement {
     Y(this, El, (t) => {
       this.changed = !0;
     });
-    Y(this, Yc, () => {
+    Y(this, Gc, () => {
       for (const t of this.attributes)
         t.name.startsWith("css-") && this.style.setProperty(t.name.substring(4), t.value);
       this.originContents = this.innerHTML.trim(), this.innerHTML = "", this.shadowRoot && this.tagName.toLowerCase() === "nx-div" && (this.shadowRoot.innerHTML = this.originContents);
     });
   }
   connectedCallback() {
-    return f(this, kl) ? !1 : (this.getAttribute("use-shadow") !== "false" && !this.shadowRoot ? (this.attachShadow({ mode: "open" }), tt(this, ki, this.shadowRoot)) : tt(this, ki, this), f(this, Yc).call(this), tt(this, kl, !0), !0);
+    return f(this, kl) ? !1 : (this.getAttribute("use-shadow") !== "false" && !this.shadowRoot ? (this.attachShadow({ mode: "open" }), tt(this, ki, this.shadowRoot)) : tt(this, ki, this), f(this, Gc).call(this), tt(this, kl, !0), !0);
   }
   get changed() {
     return f(this, Cl);
@@ -31841,13 +31853,13 @@ au = function() {
   qe(this, Rr, Gn).call(this).forEach((t) => {
     t.removeEventListener("input", f(this, El)), t.addEventListener("input", f(this, El));
   });
-}, El = new WeakMap(), Yc = new WeakMap();
-var Al, Gc;
+}, El = new WeakMap(), Gc = new WeakMap();
+var Al, Kc;
 class Df extends Su {
   constructor() {
     super();
     Y(this, Al, !1);
-    Y(this, Gc, () => {
+    Y(this, Kc, () => {
       const t = this.getAttribute("caption") || "", l = document.createElement("template");
       l.innerHTML = `
 			<style>
@@ -31864,7 +31876,7 @@ class Df extends Su {
     });
   }
   connectedCallback() {
-    super.connectedCallback() && f(this, Gc).call(this);
+    super.connectedCallback() && f(this, Kc).call(this);
   }
   get changed() {
     return f(this, Al);
@@ -31873,7 +31885,7 @@ class Df extends Su {
     tt(this, Al, t), t ? this.classList.add("changed") : this.classList.remove("changed");
   }
 }
-Al = new WeakMap(), Gc = new WeakMap();
+Al = new WeakMap(), Kc = new WeakMap();
 customElements.get("nx-title2") || customElements.define("nx-title2", Df);
 var Hn, Tl, lu;
 class Bf extends HTMLElement {
@@ -31919,13 +31931,13 @@ Hn = new WeakMap(), Tl = new WeakSet(), lu = function() {
   }
 };
 customElements.get("nx-layout") || customElements.define("nx-layout", Bf);
-var zn, Ks, hu, cu, Kc;
+var zn, Ks, hu, cu, Zc;
 class Ff extends HTMLElement {
   constructor() {
     super();
     Y(this, Ks);
     Y(this, zn);
-    Y(this, Kc, () => {
+    Y(this, Zc, () => {
       const t = (c) => {
         const o = window.getComputedStyle(c), r = c.cloneNode(!0);
         r.style.fontSize = o.fontSize, r.style.fontFamily = o.fontFamily, r.style.fontWeight = o.fontWeight, r.style.position = "absolute", r.style.left = "-9999px", r.style.visibility = "hidden", document.body.appendChild(r);
@@ -31980,15 +31992,15 @@ zn = new WeakMap(), Ks = new WeakSet(), hu = function(t) {
     this.appendChild(s);
   }
   setTimeout(() => {
-    f(this, Kc).call(this);
+    f(this, Zc).call(this);
   }, 300);
-}, Kc = new WeakMap();
+}, Zc = new WeakMap();
 customElements.get("nx-layout2") || customElements.define("nx-layout2", Ff);
-var Zc;
+var Jc;
 class qf extends Su {
   constructor() {
     super();
-    Y(this, Zc, () => {
+    Y(this, Jc, () => {
       var r;
       const t = this.getAttribute("caption"), l = this.getAttribute("columns") || "", c = ((r = this.getAttribute("rows-height")) == null ? void 0 : r.replace(/,/g, " ")) || "", o = document.createElement("template");
       o.innerHTML = `
@@ -32009,16 +32021,16 @@ class qf extends Su {
     });
   }
   connectedCallback() {
-    super.connectedCallback() && f(this, Zc).call(this);
+    super.connectedCallback() && f(this, Jc).call(this);
   }
 }
-Zc = new WeakMap();
+Jc = new WeakMap();
 customElements.get("nx-panel") || customElements.define("nx-panel", qf);
-var Jc;
+var Qc;
 class Hf extends Su {
   constructor() {
     super();
-    Y(this, Jc, () => {
+    Y(this, Qc, () => {
       const t = document.createElement("template");
       t.innerHTML = `
 			<style>
@@ -32031,12 +32043,12 @@ class Hf extends Su {
     });
   }
   connectedCallback() {
-    super.connectedCallback() && f(this, Jc).call(this);
+    super.connectedCallback() && f(this, Qc).call(this);
   }
 }
-Jc = new WeakMap();
+Qc = new WeakMap();
 customElements.get("nx-buttons") || customElements.define("nx-buttons", Hf);
-var _s, Qc, Rl, Un, Ml, Il, Vn, Nl;
+var _s, tu, Rl, Un, Ml, Il, Vn, Nl;
 class zf extends HTMLElement {
   constructor() {
     super();
@@ -32048,7 +32060,7 @@ class zf extends HTMLElement {
     it(this, "close", () => {
       $(".head", this).off("mousedown", f(this, Rl)), $(".head", this).off("touchstart", f(this, Il)), $(document).off("mouseup", f(this, Ml)), $(document).off("touchend", f(this, Nl)), $(document).off("mousemove", f(this, Un)), $(document).off("touchmove", f(this, Vn)), this.querySelector("dialog").close();
     });
-    Y(this, Qc, () => {
+    Y(this, tu, () => {
       $(".close", this).on("click", (t) => {
         H.j.querySelectorAll("dialog", this).addClass("out"), setTimeout(() => {
           this.close();
@@ -32125,17 +32137,17 @@ class zf extends HTMLElement {
 			</dialog>
 		`;
     const o = this.querySelector(".title");
-    o && t && (o.textContent = t), f(this, Qc).call(this);
+    o && t && (o.textContent = t), f(this, tu).call(this);
   }
 }
-_s = new WeakMap(), Qc = new WeakMap(), Rl = new WeakMap(), Un = new WeakMap(), Ml = new WeakMap(), Il = new WeakMap(), Vn = new WeakMap(), Nl = new WeakMap();
+_s = new WeakMap(), tu = new WeakMap(), Rl = new WeakMap(), Un = new WeakMap(), Ml = new WeakMap(), Il = new WeakMap(), Vn = new WeakMap(), Nl = new WeakMap();
 customElements.get("nx-modal") || customElements.define("nx-modal", zf);
 window.jQuery = window.$ = zu;
 function Xf() {
-  customElements.get("nine-grid") || customElements.define("nine-grid", eu);
+  customElements.get("nine-grid") || customElements.define("nine-grid", ru);
 }
 export {
-  eu as NineGridContainer,
+  ru as NineGridContainer,
   H as default,
   Xf as defineCustomElements
 };