@ninebone/grid 0.0.83 → 0.0.85

package/dist/nine-grid.js

@@ -1,11 +1,11 @@
 var Du = Object.defineProperty;
-var _u = (mt) => {
+var Su = (mt) => {
   throw TypeError(mt);
 };
 var Bu = (mt, C, t) => C in mt ? Du(mt, C, { enumerable: !0, configurable: !0, writable: !0, value: t }) : mt[C] = t;
-var it = (mt, C, t) => Bu(mt, typeof C != "symbol" ? C + "" : C, t), tu = (mt, C, t) => C.has(mt) || _u("Cannot " + t);
-var f = (mt, C, t) => (tu(mt, C, "read from private field"), t ? t.call(mt) : C.get(mt)), Y = (mt, C, t) => C.has(mt) ? _u("Cannot add the same private member more than once") : C instanceof WeakSet ? C.add(mt) : C.set(mt, t), tt = (mt, C, t, l) => (tu(mt, C, "write to private field"), l ? l.call(mt, t) : C.set(mt, t), t), Ve = (mt, C, t) => (tu(mt, C, "access private method"), t);
-var Su = (mt, C, t, l) => ({
+var it = (mt, C, t) => Bu(mt, typeof C != "symbol" ? C + "" : C, t), tu = (mt, C, t) => C.has(mt) || Su("Cannot " + t);
+var f = (mt, C, t) => (tu(mt, C, "read from private field"), t ? t.call(mt) : C.get(mt)), Y = (mt, C, t) => C.has(mt) ? Su("Cannot add the same private member more than once") : C instanceof WeakSet ? C.add(mt) : C.set(mt, t), tt = (mt, C, t, l) => (tu(mt, C, "write to private field"), l ? l.call(mt, t) : C.set(mt, t), t), He = (mt, C, t) => (tu(mt, C, "access private method"), t);
+var ku = (mt, C, t, l) => ({
   set _(c) {
     tt(mt, C, c, t);
   },
@@ -15,7 +15,7 @@ var Su = (mt, C, t, l) => ({
 });
 import Fu from "jquery";
 import { trace as qu } from "@ninebone/util";
-class yu extends HTMLElement {
+class vu extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
   }
@@ -31,7 +31,7 @@ class yu extends HTMLElement {
 		`;
   }
 }
-it(yu, "confirm", async (C, t, l = {}) => {
+it(vu, "confirm", async (C, t, l = {}) => {
   t = t || "Confirm";
   for (const s in H.options.confirm)
     l[s] = l[s] || H.options.confirm[s];
@@ -48,7 +48,7 @@ it(yu, "confirm", async (C, t, l = {}) => {
     }), c.shadowRoot.querySelector("dialog").showModal();
   });
 });
-class Dl extends HTMLElement {
+class Bl extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
   }
@@ -63,7 +63,7 @@ class Dl extends HTMLElement {
 		`;
   }
 }
-it(Dl, "alert", async (C, t = "Alert", l = {}) => {
+it(Bl, "alert", async (C, t = "Alert", l = {}) => {
   t = t || "Alert";
   for (const o in H.options.alert)
     l[o] = l[o] || H.options.alert[o];
@@ -75,8 +75,8 @@ it(Dl, "alert", async (C, t = "Alert", l = {}) => {
     }), c.shadowRoot.querySelector("dialog").showModal();
   });
 });
-customElements.get("nx-confirm-popup") || customElements.define("nx-confirm-popup", yu);
-customElements.get("nx-alert-popup") || customElements.define("nx-alert-popup", Dl);
+customElements.get("nx-confirm-popup") || customElements.define("nx-confirm-popup", vu);
+customElements.get("nx-alert-popup") || customElements.define("nx-alert-popup", Bl);
 const St = class St {
   constructor() {
     console.log(`welcome nine-grid@${St.version}`, window.location.hostname);
@@ -162,10 +162,10 @@ const St = class St {
     return null;
   }
   static confirm(C, t, l) {
-    return yu.confirm(C, t, l);
+    return vu.confirm(C, t, l);
   }
   static alert(C, t, l) {
-    return Dl.alert(C, t, l);
+    return Bl.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) => Dl.alert(C, t, l)), /**
+}), it(St, "alert", (C, t, l) => Bl.alert(C, t, l)), /**
  * Qdrant 필터링 조건에 따라 JSON 배열을 필터링하는 함수입니다.
  *
  * @param {Array<Object>} jsonArray 필터링할 JSON 객체 배열입니다.
@@ -657,7 +657,7 @@ class zu extends HTMLElement {
   }
 }
 customElements.get("nine-grid2") || customElements.define("nine-grid2", zu);
-var Xn, Yn, Gn, os, Bl;
+var Xn, Yn, Gn, os, Fl;
 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, Bl).call(this);
+      }), f(this, Fl).call(this);
     });
-    Y(this, Bl, () => {
+    Y(this, Fl, () => {
       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;
   }
 }
-Xn = new WeakMap(), Yn = new WeakMap(), Gn = new WeakMap(), os = new WeakMap(), Bl = new WeakMap();
+Xn = new WeakMap(), Yn = new WeakMap(), Gn = new WeakMap(), os = new WeakMap(), Fl = new WeakMap();
 class Si extends Mr {
   constructor() {
     super();
@@ -921,14 +921,14 @@ class Uu extends Mr {
 }
 ks = new WeakMap();
 customElements.get("ng-button") || customElements.define("ng-button", Uu);
-var We, Fl, ql, Hl, zl;
+var We, ql, Hl, zl, Ul;
 class Vu {
   constructor(C) {
     Y(this, We);
-    Y(this, Fl, (C) => {
-      !C.ctrlKey && !C.metaKey || (["C", "c"].includes(C.key) ? f(this, Hl).call(this) : ["V", "v"].includes(C.key) && f(this, ql).call(this));
+    Y(this, ql, (C) => {
+      !C.ctrlKey && !C.metaKey || (["C", "c"].includes(C.key) ? f(this, zl).call(this) : ["V", "v"].includes(C.key) && f(this, Hl).call(this));
     });
-    Y(this, ql, () => {
+    Y(this, Hl, () => {
       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 Vu {
         console.error("Failed to read clipboard contents: ", t);
       }));
     });
-    Y(this, Hl, () => {
+    Y(this, zl, () => {
       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, zl).call(this, t, c));
+          l.push(f(this, Ul).call(this, t, c));
         C.push(l.join("	"));
       }
       C.length <= 0 || navigator.clipboard.writeText(C.join(`
@@ -958,7 +958,7 @@ class Vu {
         console.error("Failed to copy text: ", o);
       });
     });
-    Y(this, zl, (C, t) => {
+    Y(this, Ul, (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 Vu {
       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, Fl));
+    tt(this, We, C), $(f(this, We).body).on("keydown", f(this, ql));
   }
 }
-We = new WeakMap(), Fl = new WeakMap(), ql = new WeakMap(), Hl = new WeakMap(), zl = new WeakMap();
-var Xt, Ul, Ri, Cs, Es, Mi, As, Ii, Kn, Ni, Oi, lr, Cu, Eu, Xu, Au, Tu, Ru, Yu, Mu, Zs, ji, Zn, Jn, Qn, to;
+We = new WeakMap(), ql = new WeakMap(), Hl = new WeakMap(), zl = new WeakMap(), Ul = new WeakMap();
+var Xt, Vl, Ri, Cs, Es, Mi, As, Ii, Kn, Ni, Oi, lr, Eu, Au, Xu, Tu, Ru, Mu, Yu, Iu, Zs, ji, Zn, Jn, Qn, to;
 class Wu {
   constructor(C) {
     Y(this, lr);
     Y(this, Xt);
-    Y(this, Ul);
+    Y(this, Vl);
     Y(this, Ri);
     Y(this, Cs);
     Y(this, Es);
@@ -1124,9 +1124,9 @@ class Wu {
   }
   set currentCell(C) {
     if (!C) return;
-    tt(this, Ul, f(this, Ri)), tt(this, Ri, C), C.focus();
+    tt(this, Vl, f(this, Ri)), tt(this, Ri, 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, Eu), tt(this, lr, parseInt(C.dataset.col), Ru), tt(this, lr, C.cellIndex, Au), tt(this, lr, C.dataset.bind, Mu), t.closest("tbody.fixed") || (f(this, Xt).row.at = C.dataset.row), f(this, Xt).selection.selectCell(f(this, lr, Cu), f(this, lr, Tu));
+    tt(this, lr, parseInt(t.dataset.row) * f(this, Xt).template.length + t.sectionRowIndex % f(this, Xt).template.length, Au), tt(this, lr, parseInt(C.dataset.col), Mu), tt(this, lr, C.cellIndex, Tu), tt(this, lr, C.dataset.bind, Iu), t.closest("tbody.fixed") || (f(this, Xt).row.at = C.dataset.row), f(this, Xt).selection.selectCell(f(this, lr, Eu), f(this, lr, Ru));
     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, Cs) / f(this, Xt).template.length), e = parseInt(f(this, Cs)) % parseInt(f(this, Cs) / f(this, Xt).template.length), i = f(this, Mi), u = f(this, Kn);
     if (c != s || o != e || r != i) {
       const a = new CustomEvent(H.EVENT.CELL_POS_CHANGED, { bubbles: !0, detail: {} });
@@ -1151,24 +1151,24 @@ class Wu {
     }
   }
 }
-Xt = new WeakMap(), Ul = new WeakMap(), Ri = new WeakMap(), Cs = new WeakMap(), Es = new WeakMap(), Mi = new WeakMap(), As = new WeakMap(), Ii = new WeakMap(), Kn = new WeakMap(), Ni = new WeakMap(), Oi = new WeakMap(), lr = new WeakSet(), Cu = function() {
+Xt = new WeakMap(), Vl = new WeakMap(), Ri = new WeakMap(), Cs = new WeakMap(), Es = new WeakMap(), Mi = new WeakMap(), As = new WeakMap(), Ii = new WeakMap(), Kn = new WeakMap(), Ni = new WeakMap(), Oi = new WeakMap(), lr = new WeakSet(), Eu = function() {
   return f(this, Es);
-}, Eu = function(C) {
+}, Au = function(C) {
   tt(this, Cs, f(this, Es)), tt(this, Es, parseInt(C));
 }, Xu = function() {
   return f(this, Ii);
-}, Au = function(C) {
+}, Tu = function(C) {
   tt(this, Kn, f(this, Ii)), tt(this, Ii, parseInt(C));
-}, Tu = function() {
+}, Ru = function() {
   return f(this, As);
-}, Ru = function(C) {
+}, Mu = function(C) {
   tt(this, Mi, f(this, As)), tt(this, As, parseInt(C));
 }, Yu = function() {
   return f(this, Oi);
-}, Mu = function(C) {
+}, Iu = function(C) {
   tt(this, Ni, f(this, Oi)), tt(this, Oi, C);
 }, Zs = new WeakMap(), ji = new WeakMap(), Zn = new WeakMap(), Jn = new WeakMap(), Qn = new WeakMap(), to = new WeakMap();
-var kt, wr, $i, Vl, eo;
+var kt, wr, $i, Wl, eo;
 class Gu {
   constructor(C) {
     Y(this, kt);
@@ -1249,7 +1249,7 @@ class Gu {
     it(this, "resetEvent", () => {
       $(".ng-table tbody.bindable", f(this, kt).body).off("mousedown", "th,td", f(this, eo)).on("mousedown", "th,td", f(this, eo));
     });
-    Y(this, Vl, () => {
+    Y(this, Wl, () => {
       this.resetEvent();
     });
     Y(this, eo, (C) => {
@@ -1331,7 +1331,7 @@ class Gu {
       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, Vl).call(this);
+    }, f(this, Wl).call(this);
   }
   get type() {
     return f(this, kt).getAttribute("select-type");
@@ -1407,8 +1407,8 @@ class Gu {
     return this.selected.endCol;
   }
 }
-kt = new WeakMap(), wr = new WeakMap(), $i = new WeakMap(), Vl = new WeakMap(), eo = new WeakMap();
-var Ot, as, ro, so, io, Ir, no, oo, cr, ao, Wl, Xl, Yl, Gl, Kl, Zl, lo, ho, co, uo;
+kt = new WeakMap(), wr = new WeakMap(), $i = new WeakMap(), Wl = new WeakMap(), eo = new WeakMap();
+var Ot, as, ro, so, io, Ir, no, oo, cr, ao, Xl, Yl, Gl, Kl, Zl, Jl, lo, ho, co, uo;
 class Ku {
   constructor(C) {
     Y(this, Ot);
@@ -1428,8 +1428,8 @@ class Ku {
           return t = c, !1;
       }), t;
     });
-    Y(this, Wl, (C) => {
-      var t = f(this, Yl).call(this, C);
+    Y(this, Xl, (C) => {
+      var t = f(this, Gl).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 Ku {
       }
       return t;
     });
-    Y(this, Xl, (C) => {
-      var t = f(this, Gl).call(this, C);
+    Y(this, Yl, (C) => {
+      var t = f(this, Kl).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 Ku {
       }
       return t;
     });
-    Y(this, Yl, (C) => {
+    Y(this, Gl, (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, Gl, (C) => {
+    Y(this, Kl, (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, Kl, () => {
+    Y(this, Zl, () => {
       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 Ku {
       }
       return l - C;
     });
-    Y(this, Zl, () => {
+    Y(this, Jl, () => {
       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 Ku {
         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, Wl).call(this, C.changedTouches[0].pageY - f(this, Ir));
+              const o = f(this, Xl).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, Xl).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, Yl).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 Ku {
     });
     Y(this, co, (C) => {
       f(this, Ot).view.getVisibleFirstRow() == 0 && f(this, cr) > 0 && this.scrollTop();
-      var t = f(this, Kl).call(this);
-      f(this, Ot).dataManager.viewRecords.rawIndex += t, f(this, Zl).call(this);
+      var t = f(this, Zl).call(this);
+      f(this, Ot).dataManager.viewRecords.rawIndex += t, f(this, Jl).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 Ku {
     tt(this, Ot, C), this.resetEvent();
   }
 }
-Ot = new WeakMap(), as = new WeakMap(), ro = new WeakMap(), so = new WeakMap(), io = new WeakMap(), Ir = new WeakMap(), no = new WeakMap(), oo = new WeakMap(), cr = new WeakMap(), ao = new WeakMap(), Wl = new WeakMap(), Xl = new WeakMap(), Yl = new WeakMap(), Gl = new WeakMap(), Kl = new WeakMap(), Zl = new WeakMap(), lo = new WeakMap(), ho = new WeakMap(), co = new WeakMap(), uo = new WeakMap();
-var Jl, Ql, Li, fo, Pi;
+Ot = new WeakMap(), as = new WeakMap(), ro = new WeakMap(), so = new WeakMap(), io = new WeakMap(), Ir = new WeakMap(), no = new WeakMap(), oo = new WeakMap(), cr = new WeakMap(), ao = new WeakMap(), Xl = new WeakMap(), Yl = new WeakMap(), Gl = new WeakMap(), Kl = new WeakMap(), Zl = new WeakMap(), Jl = new WeakMap(), lo = new WeakMap(), ho = new WeakMap(), co = new WeakMap(), uo = new WeakMap();
+var Ql, th, Li, fo, Pi;
 class Zu extends Mr {
   constructor() {
     super();
-    Y(this, Jl);
     Y(this, Ql);
+    Y(this, th);
     Y(this, Li);
     Y(this, fo);
     Y(this, Pi);
@@ -1596,7 +1596,7 @@ class Zu extends Mr {
     });
   }
   connectedCallback() {
-    tt(this, Jl, this.getRootNode().host), tt(this, Ql, this.closest("th,td")), this.shadowRoot.innerHTML = `
+    tt(this, Ql, this.getRootNode().host), tt(this, th, this.closest("th,td")), this.shadowRoot.innerHTML = `
 			<style>
 				:host {
 					height: 100%;
@@ -1650,7 +1650,7 @@ class Zu extends Mr {
     }), tt(this, fo, new Chart(f(this, Li), f(this, Pi)));
   }
 }
-Jl = new WeakMap(), Ql = new WeakMap(), Li = new WeakMap(), fo = new WeakMap(), Pi = new WeakMap();
+Ql = new WeakMap(), th = new WeakMap(), Li = new WeakMap(), fo = new WeakMap(), Pi = new WeakMap();
 customElements.get("ng-line-chart") || customElements.define("ng-line-chart", Zu);
 var Di, Bi, po, Fi, qi;
 class Ju extends Si {
@@ -1718,7 +1718,7 @@ class Ju extends Si {
 }
 Di = new WeakMap(), Bi = new WeakMap(), po = new WeakMap(), Fi = new WeakMap(), qi = new WeakMap();
 customElements.get("ng-checkbox") || customElements.define("ng-checkbox", Ju);
-var Js, Pr, mo, Hi, go, th;
+var Js, Pr, mo, Hi, go, eh;
 class Qu extends HTMLElement {
   constructor() {
     super();
@@ -1727,7 +1727,7 @@ class Qu extends HTMLElement {
     Y(this, mo);
     Y(this, Hi);
     Y(this, go, (t) => {
-      t.preventDefault(), t.stopPropagation(), H.j.querySelectorAll(this).hasClass("expand") ? f(this, th).call(this) : this.expand();
+      t.preventDefault(), t.stopPropagation(), H.j.querySelectorAll(this).hasClass("expand") ? f(this, eh).call(this) : this.expand();
     });
     it(this, "expand", () => {
       if (H.j.querySelectorAll(this).hasClass("expand")) return;
@@ -1736,7 +1736,7 @@ class Qu extends HTMLElement {
       for (var c = 0; c < l; c++)
         f(this, Js).columns.width(t + c, f(this, Hi)[c]);
     });
-    Y(this, th, () => {
+    Y(this, eh, () => {
       if (!H.j.querySelectorAll(this).hasClass("expand")) return;
       $(this).removeClass("expand"), tt(this, mo, f(this, Pr).style.color), f(this, Pr).style.color = "transparent", tt(this, Hi, []);
       const t = parseInt(f(this, Pr).dataset.col), l = f(this, Pr).colSpan || 1, c = 20 / l;
@@ -1756,7 +1756,7 @@ class Qu extends HTMLElement {
 		`, tt(this, Js, this.getRootNode().host), tt(this, Pr, this.closest("th,td")), H.j.querySelectorAll(this).addClass("expand"), $(this).off("click", f(this, go)), $(this).on("click", f(this, go));
   }
 }
-Js = new WeakMap(), Pr = new WeakMap(), mo = new WeakMap(), Hi = new WeakMap(), go = new WeakMap(), th = new WeakMap();
+Js = new WeakMap(), Pr = new WeakMap(), mo = new WeakMap(), Hi = new WeakMap(), go = new WeakMap(), eh = new WeakMap();
 customElements.get("ng-col-expand") || customElements.define("ng-col-expand", Qu);
 class td extends HTMLElement {
   constructor() {
@@ -1834,7 +1834,7 @@ class ed extends HTMLElement {
 }
 customElements.get("ng-col-mover-grip") || customElements.define("ng-col-mover-grip", td);
 customElements.get("ng-col-mover-indi") || customElements.define("ng-col-mover-indi", ed);
-var we, Nr, Dr, bo, xr, zi, Br, yo, au, vo, lu, wo, xo, Ui, Vi, _o;
+var we, Nr, Dr, bo, xr, zi, Br, yo, lu, vo, hu, wo, xo, Ui, Vi, _o;
 class rd {
   constructor(C) {
     Y(this, we);
@@ -1887,7 +1887,7 @@ class rd {
         }
       }
     });
-    Y(this, au, (C) => {
+    Y(this, lu, (C) => {
       if (!["INPUT"].includes(C.target.tagName)) {
         var t = C.target.getBoundingClientRect();
         C.offsetX = C.targetTouches[0].pageX - t.left, C.pageX = C.changedTouches[0].pageX, C.pageY = C.changedTouches[0].pageY, C.buttons = 1, f(this, xo).call(this, C), $(document).on("touchmove", (l) => f(this, vo).call(this, l));
@@ -1897,7 +1897,7 @@ class rd {
       var t = C.target.getBoundingClientRect();
       C.offsetX = C.targetTouches[0].pageX - t.left, C.pageX = C.changedTouches[0].pageX, C.pageY = C.changedTouches[0].pageY, C.clientX = C.changedTouches[0].clientX, f(this, Vi).call(this, C);
     });
-    Y(this, lu, (C) => {
+    Y(this, hu, (C) => {
       C.clientX = C.changedTouches[0].clientX, f(this, Ui).call(this, C);
     });
     Y(this, wo, (C) => {
@@ -1952,8 +1952,8 @@ class rd {
     tt(this, we, C), $(".ng-container", f(this, we).body).append($("<ng-col-mover-grip></ng-col-mover-grip>").hide()).append($("<ng-col-mover-indi></ng-col-mover-indi>").hide()), tt(this, Nr, $("ng-col-mover-grip", f(this, we).body)), tt(this, Dr, $("ng-col-mover-indi", f(this, we).body)), this.resetEvent();
   }
 }
-we = new WeakMap(), Nr = new WeakMap(), Dr = new WeakMap(), bo = new WeakMap(), xr = new WeakMap(), zi = new WeakMap(), Br = new WeakMap(), yo = new WeakMap(), au = new WeakMap(), vo = new WeakMap(), lu = new WeakMap(), wo = new WeakMap(), xo = new WeakMap(), Ui = new WeakMap(), Vi = new WeakMap(), _o = new WeakMap();
-var Me, _r, Sr, Ts, Rs, Fr, kr, Ms, Is, So, ko, Co, hu, Eo, eh, Ao, Wi, Xi, Yi, Qs, Gi, rh;
+we = new WeakMap(), Nr = new WeakMap(), Dr = new WeakMap(), bo = new WeakMap(), xr = new WeakMap(), zi = new WeakMap(), Br = new WeakMap(), yo = new WeakMap(), lu = new WeakMap(), vo = new WeakMap(), hu = new WeakMap(), wo = new WeakMap(), xo = new WeakMap(), Ui = new WeakMap(), Vi = new WeakMap(), _o = new WeakMap();
+var Me, _r, Sr, Ts, Rs, Fr, kr, Ms, Is, So, ko, Co, cu, Eo, rh, Ao, Wi, Xi, Yi, Qs, Gi, sh;
 class sd {
   constructor(C) {
     Y(this, Me);
@@ -1989,7 +1989,7 @@ class sd {
           });
     });
     Y(this, So, (C) => {
-      C.target.style.cursor == "col-resize" && f(this, rh).call(this, C);
+      C.target.style.cursor == "col-resize" && f(this, sh).call(this, C);
     });
     Y(this, ko, (C) => {
       tt(this, Rs, !1);
@@ -2002,9 +2002,9 @@ class sd {
         } else
           C.target.style.cursor = "auto";
     });
-    Y(this, hu, (C) => {
+    Y(this, cu, (C) => {
       tt(this, Rs, !0), setTimeout(() => {
-        f(this, Rs) && f(this, eh).call(this, C);
+        f(this, Rs) && f(this, rh).call(this, C);
       }, 500);
     });
     Y(this, Eo, (C) => {
@@ -2013,7 +2013,7 @@ class sd {
         f(this, Rs) && f(this, Ao).call(this, C);
       }, 500));
     });
-    Y(this, eh, (C) => {
+    Y(this, rh, (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, Ao).call(this, C), f(this, _r).is(":visible") ? ($(C.target).on("touchmove", (l) => f(this, Wi).call(this, l)), $(C.target).on("touchend", (l) => f(this, Yi).call(this, l))) : ($(C.target).off("touchmove", (l) => f(this, Wi).call(this, l)), $(C.target).off("touchend", (l) => f(this, Yi).call(this, l)));
@@ -2052,15 +2052,15 @@ class sd {
       var t = parseInt(f(this, Sr).offset().left), l, c, o;
       f(this, Ms) ? (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, Fr).offset().left), o = c, l = parseInt(t - f(this, Fr).offset().left + 1), t = t - o), l <= 1 && (l = 0), f(this, Ts).offset({ left: t }), f(this, Ts).width(o), f(this, Ts).find("span").text(l);
     });
-    Y(this, rh, (C) => {
+    Y(this, sh, (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, Ts, f(this, _r).find(".tooltip")), this.resetEvent();
   }
 }
-Me = new WeakMap(), _r = new WeakMap(), Sr = new WeakMap(), Ts = new WeakMap(), Rs = new WeakMap(), Fr = new WeakMap(), kr = new WeakMap(), Ms = new WeakMap(), Is = new WeakMap(), So = new WeakMap(), ko = new WeakMap(), Co = new WeakMap(), hu = new WeakMap(), Eo = new WeakMap(), eh = new WeakMap(), Ao = new WeakMap(), Wi = new WeakMap(), Xi = new WeakMap(), Yi = new WeakMap(), Qs = new WeakMap(), Gi = new WeakMap(), rh = new WeakMap();
-var ue, ti, Or, Ki, To, sh;
+Me = new WeakMap(), _r = new WeakMap(), Sr = new WeakMap(), Ts = new WeakMap(), Rs = new WeakMap(), Fr = new WeakMap(), kr = new WeakMap(), Ms = new WeakMap(), Is = new WeakMap(), So = new WeakMap(), ko = new WeakMap(), Co = new WeakMap(), cu = new WeakMap(), Eo = new WeakMap(), rh = new WeakMap(), Ao = new WeakMap(), Wi = new WeakMap(), Xi = new WeakMap(), Yi = new WeakMap(), Qs = new WeakMap(), Gi = new WeakMap(), sh = new WeakMap();
+var ue, ti, Or, Ki, To, ih;
 class id {
   constructor(C) {
     Y(this, ue);
@@ -2131,7 +2131,7 @@ class id {
         t.org.cols.push(f(this, ti).call(this, n.currentTable, s));
       return t;
     });
-    Y(this, sh, (C, t, l, c) => {
+    Y(this, ih, (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 id {
     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, To).call(this, C), o = f(this, To).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, sh).call(this, C, t, c, o)) return !1;
+      if (!f(this, ih).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 id {
     tt(this, ue, C);
   }
 }
-ue = new WeakMap(), ti = new WeakMap(), Or = new WeakMap(), Ki = new WeakMap(), To = new WeakMap(), sh = new WeakMap();
+ue = new WeakMap(), ti = new WeakMap(), Or = new WeakMap(), Ki = new WeakMap(), To = new WeakMap(), ih = new WeakMap();
 class nd extends qu.constructor {
   constructor() {
     super(), this.init("nine-grid", "green");
   }
 }
 const od = new nd();
-var ih, Zi, Le, rr, Ro, Ns, ei, Ji, nh, oh, ah, lh, cu;
+var nh, Zi, Le, rr, Ro, Ns, ei, Ji, oh, ah, lh, hh, uu;
 class ad extends Si {
   constructor() {
     super();
-    Y(this, ih, 10);
+    Y(this, nh, 10);
     Y(this, Zi);
     Y(this, Le);
     Y(this, rr);
@@ -2279,9 +2279,9 @@ class ad extends Si {
     Y(this, ei);
     Y(this, Ji);
     it(this, "dataRefresh", (t) => {
-      f(this, rr) && (f(this, nh).call(this) ? H.j.querySelectorAll(this).removeClass("invalid") : H.j.querySelectorAll(this).addClass("invalid")), f(this, Zi).innerHTML = this.getDisplayText() || "Select", t || this.reset();
+      f(this, rr) && (f(this, oh).call(this) ? H.j.querySelectorAll(this).removeClass("invalid") : H.j.querySelectorAll(this).addClass("invalid")), f(this, Zi).innerHTML = this.getDisplayText() || "Select", t || this.reset();
     });
-    Y(this, nh, () => {
+    Y(this, oh, () => {
       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 ad extends Si {
       }
       return !0;
     });
-    Y(this, oh, () => {
+    Y(this, ah, () => {
       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, ah, (t) => {
+    Y(this, lh, (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, ih) ? 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, Ns), f(this, Ji));
+        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, nh) ? 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, Ns), f(this, Ji));
         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, Ro)) * 26;
@@ -2315,10 +2315,10 @@ class ad extends Si {
         }).show(), H.j.querySelectorAll(f(this, Le)).hasClass("expand") && $("div", f(this, Le)).eq(0).find("input").focus().val("");
       }
     });
-    Y(this, lh, (t) => {
+    Y(this, hh, (t) => {
       t.target.closest("ng-combo-panel") || (f(this, Le).row = f(this, Le).col = -1, $(f(this, Le)).hide());
     });
-    Y(this, cu, () => "a");
+    Y(this, uu, () => "a");
   }
   connectedCallback() {
     this.multi = this.getAttribute("multi") == "true", this.multiSeparator = this.getAttribute("multi-separator") || ",", tt(this, Ro, this.getAttribute("rows") || 5), tt(this, Ns, this.getAttribute("code") || "code"), tt(this, ei, this.getAttribute("codename") || "codename"), tt(this, Ji, (this.getAttribute("items") || f(this, ei) || "").split(",")), f(this, Ji).unshift("CHK");
@@ -2339,20 +2339,20 @@ class ad extends Si {
 			<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, oh).call(this), f(this, Le), tt(this, Zi, 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, ah).call(this), f(this, Le), tt(this, Zi, 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, Zi)).trigger("click");
     }), $("button", this.shadowRoot).on("click", (n) => {
-      f(this, Le).row == r && f(this, Le).col == o ? f(this, lh).call(this, n) : f(this, ah).call(this, n);
+      f(this, Le).row == r && f(this, Le).col == o ? f(this, hh).call(this, n) : f(this, lh).call(this, n);
     });
   }
   get dataSource() {
     return f(this, rr);
   }
 }
-ih = new WeakMap(), Zi = new WeakMap(), Le = new WeakMap(), rr = new WeakMap(), Ro = new WeakMap(), Ns = new WeakMap(), ei = new WeakMap(), Ji = new WeakMap(), nh = new WeakMap(), oh = new WeakMap(), ah = new WeakMap(), lh = new WeakMap(), cu = new WeakMap();
-var Mo, Pe, Os, ri, Qi, hh, Io, ch, No, tn, uu, uh, dh;
+nh = new WeakMap(), Zi = new WeakMap(), Le = new WeakMap(), rr = new WeakMap(), Ro = new WeakMap(), Ns = new WeakMap(), ei = new WeakMap(), Ji = new WeakMap(), oh = new WeakMap(), ah = new WeakMap(), lh = new WeakMap(), hh = new WeakMap(), uu = new WeakMap();
+var Mo, Pe, Os, ri, Qi, ch, Io, uh, No, tn, du, dh, fh;
 class ld extends HTMLElement {
   constructor() {
     super();
@@ -2361,13 +2361,13 @@ class ld extends HTMLElement {
     Y(this, Os);
     Y(this, ri);
     Y(this, Qi);
-    Y(this, hh, () => {
-      $("input[type=checkbox]", this.shadowRoot).on("change", f(this, ch)), $("input[type=text]", this.shadowRoot).on("input", f(this, uh)), $("button#btnOk", this.shadowRoot).on("click", f(this, No));
+    Y(this, ch, () => {
+      $("input[type=checkbox]", this.shadowRoot).on("change", f(this, uh)), $("input[type=text]", this.shadowRoot).on("input", f(this, dh)), $("button#btnOk", this.shadowRoot).on("click", f(this, No));
     });
     Y(this, Io, (t) => {
       ["TH", "TD"].includes(t.target.tagName) && ["Enter"].includes(t.code) && (f(this, Pe).multi ? f(this, No).call(this, t) : f(this, tn).call(this, t));
     });
-    Y(this, ch, (t) => {
+    Y(this, uh, (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";
@@ -2389,10 +2389,10 @@ class ld extends HTMLElement {
         $(c).blur(), f(this, Pe).value = l.data.get(c.dataset.row)[f(this, Os)], this.row = this.col = -1, $(this).hide(), f(this, Pe).getRootNode().host.cell.currentCell = f(this, Pe).closest("th,td");
       }
     });
-    Y(this, uu, (t) => {
+    Y(this, du, (t) => {
       t.preventDefault(), t.stopPropagation(), $(this).hide();
     });
-    Y(this, uh, (t) => {
+    Y(this, dh, (t) => {
       var l = this.shadowRoot.querySelector("nine-grid");
       H.j.querySelectorAll(l).addClass("loading");
       var c = l.data.getValidDataNF();
@@ -2430,7 +2430,7 @@ class ld 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, dh).call(this, o), $(".ng-container-left", r.body).css({
+      if (r.fields.add(n), r.data.set(l), f(this, fh).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 ld 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, Io)), $(".ng-table tbody", r.body).on("keydown", "th,td", f(this, Io));
     });
-    Y(this, dh, () => {
+    Y(this, fh, () => {
       var t = this.shadowRoot.querySelector("nine-grid");
       $("col", t.body).each((o, r) => {
         r.setAttribute("width", "0");
@@ -2520,13 +2520,13 @@ class ld extends HTMLElement {
 				<input id="chkAll" type="checkbox" checked><label for="chkAll">Select All</label>
 				<button id="btnOk">OK</button>
 			</div>
-		`, f(this, hh).call(this);
+		`, f(this, ch).call(this);
   }
 }
-Mo = new WeakMap(), Pe = new WeakMap(), Os = new WeakMap(), ri = new WeakMap(), Qi = new WeakMap(), hh = new WeakMap(), Io = new WeakMap(), ch = new WeakMap(), No = new WeakMap(), tn = new WeakMap(), uu = new WeakMap(), uh = new WeakMap(), dh = new WeakMap();
+Mo = new WeakMap(), Pe = new WeakMap(), Os = new WeakMap(), ri = new WeakMap(), Qi = new WeakMap(), ch = new WeakMap(), Io = new WeakMap(), uh = new WeakMap(), No = new WeakMap(), tn = new WeakMap(), du = new WeakMap(), dh = new WeakMap(), fh = new WeakMap();
 customElements.get("ng-combo") || customElements.define("ng-combo", ad);
 customElements.get("ng-combo-panel") || customElements.define("ng-combo-panel", ld);
-var en, Oo, rn, si, sn, Xr, fh, jo, ph;
+var en, Oo, rn, si, sn, Xr, ph, jo, mh;
 class hd {
   constructor(C) {
     Y(this, en);
@@ -2546,18 +2546,18 @@ class hd {
         //"z-index"	: 2,
       }), f(this, Xr).open(), f(this, si) && f(this, si).show && f(this, si).show.call(this, { source: f(this, Oo) });
     });
-    Y(this, fh, (C) => {
+    Y(this, ph, (C) => {
       tt(this, rn, f(this, jo).call(this, C.items, 0)), tt(this, si, C.events), tt(this, Xr, $(`<ng-context-menu-panel id="${C.id}"></ng-context-menu-panel>`)[0]), $(f(this, en).shadowRoot).append($(f(this, Xr)).hide()), f(this, Xr).init(f(this, rn)), $("li", f(this, Xr)).on("mousedown", (t) => {
         C.callback && (t.menuId = t.currentTarget.getAttribute("menu-id"), t.source = f(this, Oo), C.callback(t)), $("ng-context-menu-panel", f(this, en).shadowRoot).hide();
       });
     });
     Y(this, jo, (C, t) => {
-      tt(this, sn, Math.max(t, f(this, sn)) + 1), C = f(this, ph).call(this, C);
+      tt(this, sn, Math.max(t, f(this, sn)) + 1), C = f(this, mh).call(this, C);
       for (const l of C)
         l.level = t, l.hasOwnProperty("items") && (l.items = f(this, jo).call(this, l.items, t + 1));
       return C;
     });
-    Y(this, ph, (C) => {
+    Y(this, mh, (C) => {
       if (Array.isArray(C)) return C;
       var t = [];
       for (const c in C) {
@@ -2566,17 +2566,17 @@ class hd {
       }
       return t;
     });
-    tt(this, sn, 0), tt(this, en, C.owner), f(this, fh).call(this, C);
+    tt(this, sn, 0), tt(this, en, C.owner), f(this, ph).call(this, C);
   }
 }
-en = new WeakMap(), Oo = new WeakMap(), rn = new WeakMap(), si = new WeakMap(), sn = new WeakMap(), Xr = new WeakMap(), fh = new WeakMap(), jo = new WeakMap(), ph = new WeakMap();
-var $o, mh;
+en = new WeakMap(), Oo = new WeakMap(), rn = new WeakMap(), si = new WeakMap(), sn = new WeakMap(), Xr = new WeakMap(), ph = new WeakMap(), jo = new WeakMap(), mh = new WeakMap();
+var $o, gh;
 class cd extends HTMLElement {
   constructor() {
     super();
     it(this, "init", (t) => {
       var l = $("ul", this);
-      $("li", l).remove(), f(this, $o).call(this, l, t), $("li", this).on("mouseover", f(this, mh)), $("li", this).on("mouseout", (c) => {
+      $("li", l).remove(), f(this, $o).call(this, l, t), $("li", this).on("mouseover", f(this, gh)), $("li", this).on("mouseout", (c) => {
         H.j.querySelectorAll(c.currentTarget).removeClass("visible");
       });
     });
@@ -2592,7 +2592,7 @@ class cd extends HTMLElement {
         }
       }
     });
-    Y(this, mh, (t) => {
+    Y(this, gh, (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 cd extends HTMLElement {
     this.innerHTML = "<ul></ul>";
   }
 }
-$o = new WeakMap(), mh = new WeakMap();
+$o = new WeakMap(), gh = new WeakMap();
 customElements.get("ng-context-menu-panel") || customElements.define("ng-context-menu-panel", cd);
-var qr, Lo, gh, bh, yh;
+var qr, Lo, bh, yh, vh;
 class ud {
   /**
    * focus event, keyboard event, mouse event : common.js
@@ -2622,19 +2622,19 @@ class ud {
   constructor(C) {
     Y(this, qr);
     Y(this, Lo, () => {
-      $(".ng-table tbody", f(this, qr).shadowRoot).on("click", "th,td", f(this, gh)), $(".ng-table thead", f(this, qr).shadowRoot).on("click", "th,td", f(this, bh)), $(".ng-table tfoot", f(this, qr).shadowRoot).on("click", "th,td", f(this, yh));
+      $(".ng-table tbody", f(this, qr).shadowRoot).on("click", "th,td", f(this, bh)), $(".ng-table thead", f(this, qr).shadowRoot).on("click", "th,td", f(this, yh)), $(".ng-table tfoot", f(this, qr).shadowRoot).on("click", "th,td", f(this, vh));
     });
-    Y(this, gh, (C) => {
+    Y(this, bh, (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, qr).dispatchEvent(o);
     });
-    Y(this, bh, (C) => {
+    Y(this, yh, (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, qr).dispatchEvent(o);
     });
-    Y(this, yh, (C) => {
+    Y(this, vh, (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, qr).dispatchEvent(o);
@@ -2644,7 +2644,7 @@ class ud {
     });
   }
 }
-qr = new WeakMap(), Lo = new WeakMap(), gh = new WeakMap(), bh = new WeakMap(), yh = new WeakMap();
+qr = new WeakMap(), Lo = new WeakMap(), bh = new WeakMap(), yh = new WeakMap(), vh = new WeakMap();
 var Yr, Po, ls;
 class dd {
   constructor(C) {
@@ -2667,17 +2667,17 @@ class dd {
   }
 }
 Yr = new WeakMap(), Po = new WeakMap(), ls = new WeakMap();
-var He, qt, $e, Cr, ii, js, nn, Do, on, Bo, Fo, vh, qo, Ho, an, ln, zo, Uo, Vo;
+var ze, qt, $e, Cr, ii, js, nn, Do, on, Bo, Fo, wh, qo, Ho, an, ln, zo, Uo, Vo;
 class fd {
   constructor(C, t) {
-    Y(this, He);
+    Y(this, ze);
     Y(this, qt);
     Y(this, $e);
     Y(this, Cr);
     Y(this, ii);
     Y(this, js);
     it(this, "initialize", () => {
-      tt(this, js, []), $(f(this, He).template).each((C, t) => {
+      tt(this, js, []), $(f(this, ze).template).each((C, t) => {
         f(this, js).push($(t).height());
       }), (f(this, qt).rawRecords || []).forEach((C) => {
         C.__ng.height = f(this, js).slice();
@@ -2706,7 +2706,7 @@ class fd {
      * { "key1": [1,2,...], "key2": [1,2,...], ... }
      */
     it(this, "setFilter", (C) => {
-      f(this, He).filtering.on();
+      f(this, ze).filtering.on();
       let t = {};
       if (Array.isArray(C))
         for (let c in C[0])
@@ -2729,12 +2729,12 @@ class fd {
           s.__ng.filtered = !0;
         });
       }
-      this.refreshFilter(), f(this, He).shadowRoot.querySelectorAll("ng-filter-button").forEach((c) => {
+      this.refreshFilter(), f(this, ze).shadowRoot.querySelectorAll("ng-filter-button").forEach((c) => {
         c.filterOptions.forEach((o) => {
           o.data = [];
         });
       }), Object.entries(t).forEach(([c, o]) => {
-        f(this, He).shadowRoot.querySelectorAll("ng-filter-button").forEach((r) => {
+        f(this, ze).shadowRoot.querySelectorAll("ng-filter-button").forEach((r) => {
           let n = r.filterOptions;
           n.forEach((s) => {
             s.colnm === c && (s.data = o);
@@ -2828,7 +2828,7 @@ class fd {
         var c = {
           v: []
         };
-        for (const o of f(this, He).fields.get())
+        for (const o of f(this, ze).fields.get())
           c.v.push(H.nvl(l[o], ""));
         t.push(c);
       }), t;
@@ -2853,16 +2853,16 @@ class fd {
       if (Array.isArray(C)) {
         var t = [];
         for (const r of C) {
-          for (var l = {}, c = 0; c < f(this, He).fields.get().length; c++) {
-            const n = f(this, He).fields.get()[c];
+          for (var l = {}, c = 0; c < f(this, ze).fields.get().length; c++) {
+            const n = f(this, ze).fields.get()[c];
             l[n] = r.v[c];
           }
           l.__ng = r.__ng, t.push(l);
         }
         return t;
       } else {
-        for (var o = C, l = {}, c = 0; c < f(this, He).fields.get().length; c++) {
-          const s = f(this, He).fields.get()[c];
+        for (var o = C, l = {}, c = 0; c < f(this, ze).fields.get().length; c++) {
+          const s = f(this, ze).fields.get()[c];
           l[s] = o.v[c];
         }
         return l.__ng = o.__ng, l;
@@ -2873,16 +2873,16 @@ class fd {
       if (Array.isArray(C)) {
         var t = [];
         for (const r of C) {
-          for (var l = {}, c = 0; c < f(this, He).fields.get().length; c++) {
-            const n = f(this, He).fields.get()[c];
+          for (var l = {}, c = 0; c < f(this, ze).fields.get().length; c++) {
+            const n = f(this, ze).fields.get()[c];
             l[n] = r.v[c];
           }
           l.__ng = r.__ng, t.push(l);
         }
         return t;
       } else {
-        for (var o = C, l = {}, c = 0; c < f(this, He).fields.get().length; c++) {
-          const s = f(this, He).fields.get()[c];
+        for (var o = C, l = {}, c = 0; c < f(this, ze).fields.get().length; c++) {
+          const s = f(this, ze).fields.get()[c];
           l[s] = o.v[c];
         }
         return l.__ng = o.__ng, l;
@@ -2981,7 +2981,7 @@ class fd {
         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, vh, (C) => {
+    Y(this, wh, (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 fd {
         t = [l];
       } else
         throw `invalid ${C}`;
-      f(this, vh).call(this, t);
+      f(this, wh).call(this, t);
     });
     /**
      * not used
@@ -3041,7 +3041,7 @@ class fd {
       var c = C[l], o = !1;
       for (const e in t)
         if (!["__ng", "rowState"].includes(e)) {
-          var r = f(this, He).fields.indexOf(e);
+          var r = f(this, ze).fields.indexOf(e);
           if (!(r < 0)) {
             var n = c.v[r], s = t[e];
             c.v[r] = s, n != s && (c.__ng.rowState = H.ROW_STATE.UPDATE, o = !0, f(this, Fo).call(this, l, e, n, s));
@@ -3068,7 +3068,7 @@ class fd {
     });
     Y(this, Ho, (C, t, l, c, o) => {
       C = parseInt(C), c == null && (c = !0);
-      const r = f(this, He).fields.indexOf(t);
+      const r = f(this, ze).fields.indexOf(t);
       if (!(r < 0)) {
         var n = o ? this.getValidDataNF()[C] : this.getValidData()[C], s = n.v[r];
         n.v[r] != l && n.__ng.rowState != H.ROW_STATE.INSERT && (n.__ng.o.hasOwnProperty(t) || (n.__ng.o[t] = s), c && (n.__ng.rowState = H.ROW_STATE.UPDATE, this.onRowStateChanged())), n.v[r] = l, f(this, qt).owner.refreshData(C), f(this, Fo).call(this, C, t, s, l);
@@ -3123,7 +3123,7 @@ class fd {
         if (t < 0 || t >= C.length)
           throw `invalid row : ${t}`;
         if (l != null) {
-          var c = f(this, He).fields.indexOf(l);
+          var c = f(this, ze).fields.indexOf(l);
           return c >= 0 ? C[t].v[c] : null;
         }
         var o = t == null ? C : C[t];
@@ -3152,7 +3152,7 @@ class fd {
      * return : 지정된 컬럼명에 해당하는 데이타 값을 배열로 반환
      */
     Y(this, zo, (C, t) => {
-      var l = f(this, He).fields.indexOf(t);
+      var l = f(this, ze).fields.indexOf(t);
       return l < 0 ? [] : C.map((c) => c.v[l]);
     });
     it(this, "getMap", (C) => f(this, zo).call(this, this.getValidData(), C));
@@ -3176,7 +3176,7 @@ class fd {
       }
       return -1;
     });
-    tt(this, He, C), tt(this, qt, t), tt(this, $e, []), tt(this, Cr, []), tt(this, ii, 0), this.all = {
+    tt(this, ze, C), tt(this, qt, t), tt(this, $e, []), tt(this, Cr, []), tt(this, ii, 0), this.all = {
       get: (l, c) => f(this, ln).call(this, this.recordsNF(), l, c),
       records: (l) => this.recordsNF(l),
       count: () => this.recordsNF().length,
@@ -3197,7 +3197,7 @@ class fd {
     this.clear(), this.add(C, !1);
   }
   get nextId() {
-    return ++Su(this, ii)._;
+    return ++ku(this, ii)._;
   }
   get default() {
     return {
@@ -3257,7 +3257,7 @@ class fd {
     delete f(this, qt).rawRecords, tt(this, $e, []), tt(this, Cr, []), f(this, qt).rawRecords = [], f(this, qt).viewRecords.reset();
   }
 }
-He = new WeakMap(), qt = new WeakMap(), $e = new WeakMap(), Cr = new WeakMap(), ii = new WeakMap(), js = new WeakMap(), nn = new WeakMap(), Do = new WeakMap(), on = new WeakMap(), Bo = new WeakMap(), Fo = new WeakMap(), vh = new WeakMap(), qo = new WeakMap(), Ho = new WeakMap(), an = new WeakMap(), ln = new WeakMap(), zo = new WeakMap(), Uo = new WeakMap(), Vo = new WeakMap();
+ze = new WeakMap(), qt = new WeakMap(), $e = new WeakMap(), Cr = new WeakMap(), ii = new WeakMap(), js = new WeakMap(), nn = new WeakMap(), Do = new WeakMap(), on = new WeakMap(), Bo = new WeakMap(), Fo = new WeakMap(), wh = new WeakMap(), qo = new WeakMap(), Ho = new WeakMap(), an = new WeakMap(), ln = new WeakMap(), zo = new WeakMap(), Uo = new WeakMap(), Vo = new WeakMap();
 class pd {
   constructor(C) {
     this.owner = C, this.row = new dd(this), this.data = new fd(C, this), this.setDataSource = (l) => {
@@ -3441,14 +3441,14 @@ var pe = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
 function yd(mt) {
   return mt && mt.__esModule && Object.prototype.hasOwnProperty.call(mt, "default") ? mt.default : mt;
 }
-function Pl(mt) {
+function Dl(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 eu = { exports: {} };
 /*! ExcelJS 19-10-2023 */
-var ku;
+var Cu;
 function vd() {
-  return ku || (ku = 1, (function(mt, C) {
+  return Cu || (Cu = 1, (function(mt, C) {
     (function(t) {
       mt.exports = t();
     })((function() {
@@ -3456,7 +3456,7 @@ function vd() {
         function r(e, i) {
           if (!c[e]) {
             if (!l[e]) {
-              var u = typeof Pl == "function" && Pl;
+              var u = typeof Dl == "function" && Dl;
               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 vd() {
           }
           return c[e].exports;
         }
-        for (var n = typeof Pl == "function" && Pl, s = 0; s < o.length; s++) r(o[s]);
+        for (var n = typeof Dl == "function" && Dl, 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!" } };
@@ -21665,7 +21665,7 @@ function vd() {
                 var Se = Zt(Et), ke = Zt(Rt), Te = "[object Array]", De = "[object Array]";
                 Se || (Te = (Te = me(Et)) == r ? s : Te), ke || (De = (De = me(Rt)) == r ? s : De);
                 var Qe = Te == s && !q(Et), hr = De == s && !q(Rt), Lr = Te == De;
-                if (Lr && !Qe) return Jt || (Jt = new Ht()), Se || Ye(Et) ? Re(Et, Rt, fe, oe, he, Jt) : (function(Ce, be, xs, Ks, Ml, vr, ns) {
+                if (Lr && !Qe) return Jt || (Jt = new Ht()), Se || Ye(Et) ? Re(Et, Rt, fe, oe, he, Jt) : (function(Ce, be, xs, Ks, Il, vr, ns) {
                   switch (xs) {
                     case "[object DataView]":
                       if (Ce.byteLength != be.byteLength || Ce.byteOffset != be.byteOffset) return !1;
@@ -21686,10 +21686,10 @@ function vd() {
                     case e:
                       var Un = 2 & vr;
                       if (_s || (_s = M), Ce.size != be.size && !Un) return !1;
-                      var Il = ns.get(Ce);
-                      if (Il) return Il == be;
+                      var Nl = ns.get(Ce);
+                      if (Nl) return Nl == be;
                       vr |= 1, ns.set(Ce, be);
-                      var Ai = Re(_s(Ce), _s(be), Ks, Ml, vr, ns);
+                      var Ai = Re(_s(Ce), _s(be), Ks, Il, vr, ns);
                       return ns.delete(Ce), Ai;
                     case "[object Symbol]":
                       if (bt) return bt.call(Ce) == bt.call(be);
@@ -21703,32 +21703,32 @@ function vd() {
                     return Jt || (Jt = new Ht()), fe(Ci, Ei, oe, he, Jt);
                   }
                 }
-                return Lr ? (Jt || (Jt = new Ht()), (function(Ce, be, xs, Ks, Ml, vr) {
-                  var ns = 2 & Ml, _s = Ge(Ce), Un = _s.length, Il = Ge(be).length;
-                  if (Un != Il && !ns) return !1;
+                return Lr ? (Jt || (Jt = new Ht()), (function(Ce, be, xs, Ks, Il, vr) {
+                  var ns = 2 & Il, _s = Ge(Ce), Un = _s.length, Nl = Ge(be).length;
+                  if (Un != Nl && !ns) return !1;
                   for (var Ai = Un; Ai--; ) {
                     var Ss = _s[Ai];
                     if (!(ns ? Ss in be : X.call(be, Ss))) return !1;
                   }
-                  var wu = vr.get(Ce);
-                  if (wu && vr.get(be)) return wu == be;
-                  var Nl = !0;
+                  var xu = vr.get(Ce);
+                  if (xu && vr.get(be)) return xu == be;
+                  var Ol = !0;
                   vr.set(Ce, be), vr.set(be, Ce);
                   for (var Qc = ns; ++Ai < Un; ) {
                     Ss = _s[Ai];
-                    var Ol = Ce[Ss], jl = be[Ss];
-                    if (Ks) var xu = ns ? Ks(jl, Ol, Ss, be, Ce, vr) : Ks(Ol, jl, Ss, Ce, be, vr);
-                    if (!(xu === void 0 ? Ol === jl || xs(Ol, jl, Ks, Ml, vr) : xu)) {
-                      Nl = !1;
+                    var jl = Ce[Ss], $l = be[Ss];
+                    if (Ks) var _u = ns ? Ks($l, jl, Ss, be, Ce, vr) : Ks(jl, $l, Ss, Ce, be, vr);
+                    if (!(_u === void 0 ? jl === $l || xs(jl, $l, Ks, Il, vr) : _u)) {
+                      Ol = !1;
                       break;
                     }
                     Qc || (Qc = Ss == "constructor");
                   }
-                  if (Nl && !Qc) {
-                    var $l = Ce.constructor, Ll = be.constructor;
-                    $l == Ll || !("constructor" in Ce) || !("constructor" in be) || typeof $l == "function" && $l instanceof $l && typeof Ll == "function" && Ll instanceof Ll || (Nl = !1);
+                  if (Ol && !Qc) {
+                    var Ll = Ce.constructor, Pl = be.constructor;
+                    Ll == Pl || !("constructor" in Ce) || !("constructor" in be) || typeof Ll == "function" && Ll instanceof Ll && typeof Pl == "function" && Pl instanceof Pl || (Ol = !1);
                   }
-                  return vr.delete(Ce), vr.delete(be), Nl;
+                  return vr.delete(Ce), vr.delete(be), Ol;
                 })(Et, Rt, fe, oe, he, Jt)) : !1;
               })(st, pt, _e, wt, _t, Bt));
             }
@@ -26625,16 +26625,16 @@ class _d {
   }
 }
 Ie = new WeakMap(), Wo = new WeakMap(), hn = new WeakMap(), hs = new WeakMap();
-var ni, cn, Xo, du, fu, wh;
-class Iu extends HTMLElement {
+var ni, cn, Xo, fu, pu, xh;
+class Nu extends HTMLElement {
   constructor() {
     super();
     Y(this, ni);
     Y(this, cn);
     Y(this, Xo);
-    Y(this, du);
-    Y(this, fu, {});
-    Y(this, wh, () => {
+    Y(this, fu);
+    Y(this, pu, {});
+    Y(this, xh, () => {
     });
     it(this, "exportExcel", () => {
       f(this, cn).data.count() > 500 && (f(this, ni).showModal(), $(".title", f(this, ni)).html("Export Excel")), f(this, Xo).export();
@@ -26682,12 +26682,12 @@ class Iu extends HTMLElement {
 				</div>
 				<progress id="progress-bar" value="0" max="100">50%</progress>
 			</nx-dialog>
-		`, tt(this, ni, this.shadowRoot.querySelector("dialog")), tt(this, Xo, new _d(f(this, cn), f(this, ni))), f(this, wh).call(this);
+		`, tt(this, ni, this.shadowRoot.querySelector("dialog")), tt(this, Xo, new _d(f(this, cn), f(this, ni))), f(this, xh).call(this);
   }
 }
-ni = new WeakMap(), cn = new WeakMap(), Xo = new WeakMap(), du = new WeakMap(), fu = new WeakMap(), wh = new WeakMap();
-customElements.get("ng-export") || customElements.define("ng-export", Iu);
-var Yo, nr, Go, xh;
+ni = new WeakMap(), cn = new WeakMap(), Xo = new WeakMap(), fu = new WeakMap(), pu = new WeakMap(), xh = new WeakMap();
+customElements.get("ng-export") || customElements.define("ng-export", Nu);
+var Yo, nr, Go, _h;
 class Sd {
   constructor(C) {
     Y(this, Yo);
@@ -26701,7 +26701,7 @@ class Sd {
         t > -1 && f(this, nr).splice(t, 1);
       }), f(this, nr).sort((C, t) => C.length < t.length ? 1 : -1);
     });
-    Y(this, xh, () => {
+    Y(this, _h, () => {
       tt(this, nr, []);
       const C = f(this, Yo).shadowRoot.querySelector("ng-foot").shadowRoot.querySelector("ng-layout");
       if (C) {
@@ -26731,7 +26731,7 @@ class Sd {
         f(this, Go).call(this);
       }
     });
-    tt(this, Yo, C), f(this, xh).call(this);
+    tt(this, Yo, C), f(this, _h).call(this);
   }
   get() {
     return f(this, nr);
@@ -26743,16 +26743,16 @@ class Sd {
     return f(this, nr).includes(C);
   }
 }
-Yo = new WeakMap(), nr = new WeakMap(), Go = new WeakMap(), xh = new WeakMap();
-var _h;
+Yo = new WeakMap(), nr = new WeakMap(), Go = new WeakMap(), _h = new WeakMap();
+var Sh;
 class kd extends HTMLElement {
   constructor() {
     super();
-    Y(this, _h);
+    Y(this, Sh);
     this.attachShadow({ mode: "open" });
   }
   connectedCallback() {
-    tt(this, _h, this.getRootNode().host), this.shadowRoot.innerHTML = `
+    tt(this, Sh, 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 kd extends HTMLElement {
 		`;
   }
 }
-_h = new WeakMap();
-var un, cs, Hr, us, Sh;
+Sh = new WeakMap();
+var un, cs, Hr, us, kh;
 class Cd extends HTMLElement {
   constructor() {
     super();
@@ -26780,7 +26780,7 @@ class Cd extends HTMLElement {
         const o = c.querySelector("caption"), r = o ? o.innerHTML : `Sheet${l}`;
         $(f(this, Hr)).append(`<button class="ng-button" value="${l - 1}" title="${r.replaceAll('"', "'")}">${r}</button>`);
       }
-      f(this, cs).length <= 1 && $(f(this, Hr)).hide(), H.j.querySelectorAll(f(this, Hr).querySelector("button")).addClass("ng-active"), $("button", f(this, Hr)).on("click", f(this, Sh));
+      f(this, cs).length <= 1 && $(f(this, Hr)).hide(), H.j.querySelectorAll(f(this, Hr).querySelector("button")).addClass("ng-active"), $("button", f(this, Hr)).on("click", f(this, kh));
     });
     it(this, "resize", () => {
       const t = $(f(this, Hr)).width() > $(this).width();
@@ -26789,7 +26789,7 @@ class Cd extends HTMLElement {
         "justify-content": t ? "space-evenly" : "unset"
       });
     });
-    Y(this, Sh, (t) => {
+    Y(this, kh, (t) => {
       if (H.j.querySelectorAll(t.currentTarget).hasClass("ng-active")) return;
       const l = f(this, us);
       tt(this, us, parseInt(t.currentTarget.value)), f(this, un).changeRayout(f(this, us)), H.j.querySelectorAll("button", f(this, Hr)).removeClass("ng-active"), H.j.querySelectorAll(t.currentTarget).addClass("ng-active");
@@ -26808,7 +26808,7 @@ class Cd extends HTMLElement {
     return f(this, cs)[f(this, us)];
   }
 }
-un = new WeakMap(), cs = new WeakMap(), Hr = new WeakMap(), us = new WeakMap(), Sh = new WeakMap();
+un = new WeakMap(), cs = new WeakMap(), Hr = new WeakMap(), us = new WeakMap(), kh = new WeakMap();
 customElements.get("ng-layout") || customElements.define("ng-layout", Cd);
 customElements.get("ng-foot") || customElements.define("ng-foot", kd);
 var Ko;
@@ -26846,20 +26846,20 @@ class Ad extends HTMLElement {
   }
 }
 dn = new WeakMap();
-var kh;
+var Ch;
 class Td extends HTMLElement {
   constructor() {
     super();
-    Y(this, kh);
+    Y(this, Ch);
     it(this, "add", (t) => {
       this.querySelector("div:first-child").append(t);
     });
   }
   connectedCallback() {
-    this.getRootNode().host && (tt(this, kh, this.getRootNode().host.getRootNode().host), this.innerHTML = "<div></div>");
+    this.getRootNode().host && (tt(this, Ch, this.getRootNode().host.getRootNode().host), this.innerHTML = "<div></div>");
   }
 }
-kh = new WeakMap();
+Ch = new WeakMap();
 customElements.get("ng-title") || customElements.define("ng-title", Ad);
 customElements.get("ng-custom") || customElements.define("ng-custom", Td);
 customElements.get("ng-head") || customElements.define("ng-head", Ed);
@@ -27020,12 +27020,12 @@ class Od extends Mr {
   }
 }
 $s = new WeakMap();
-var fn, Ch;
+var fn, Eh;
 class jd extends Mr {
   constructor() {
     super();
     Y(this, fn);
-    Y(this, Ch);
+    Y(this, Eh);
     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 jd extends Mr {
       var o = c ? this.getExprValue(c, l.closest("tr").data, l.dataset.row) : "";
       f(this, fn).innerHTML = o || this.value;
     });
-    tt(this, Ch, this.getAttribute("src"));
+    tt(this, Eh, 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 jd extends Mr {
 		`, super.connectedCallback(), tt(this, fn, this.shadowRoot.querySelector("div"));
   }
 }
-fn = new WeakMap(), Ch = new WeakMap();
+fn = new WeakMap(), Eh = new WeakMap();
 customElements.get("ng-img") || customElements.define("ng-img", Od);
 customElements.get("ng-svg") || customElements.define("ng-svg", jd);
-var Eh, Ah, Th, Rh, Mh;
+var Ah, Th, Rh, Mh, Ih;
 class $d {
   constructor(C) {
-    Y(this, Eh);
+    Y(this, Ah);
     it(this, "importExcel", () => {
-      f(this, Ah).call(this);
+      f(this, Th).call(this);
     });
-    Y(this, Ah, () => {
-      this.input || (this.input = document.createElement("input"), this.input.type = "file", this.input.onchange = f(this, Th)), this.input.click();
+    Y(this, Th, () => {
+      this.input || (this.input = document.createElement("input"), this.input.type = "file", this.input.onchange = f(this, Rh)), this.input.click();
     });
-    Y(this, Th, (C) => {
+    Y(this, Rh, (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, Rh), c.readAsDataURL(l), c.onloadend = f(this, Mh);
+      c.onload = f(this, Mh), c.readAsDataURL(l), c.onloadend = f(this, Ih);
     });
-    Y(this, Rh, (C) => {
+    Y(this, Mh, (C) => {
       var t = /^data:(.*);base64,(.*)$/.exec(C.target.result);
       if (t == null)
         throw "Could not parse result";
       t[1], t[2];
     });
-    Y(this, Mh, (C) => {
+    Y(this, Ih, (C) => {
       var t = C.target.result;
       const l = new ExcelJS.Workbook();
       l.xlsx.load(t).then(() => {
@@ -27098,17 +27098,17 @@ class $d {
         });
       });
     });
-    tt(this, Eh, C);
+    tt(this, Ah, C);
   }
 }
-Eh = new WeakMap(), Ah = new WeakMap(), Th = new WeakMap(), Rh = new WeakMap(), Mh = new WeakMap();
-var Zo, pn, Ih, Jo;
+Ah = new WeakMap(), Th = new WeakMap(), Rh = new WeakMap(), Mh = new WeakMap(), Ih = new WeakMap();
+var Zo, pn, Nh, Jo;
 class Ld extends HTMLElement {
   constructor() {
     super();
     Y(this, Zo);
     Y(this, pn);
-    Y(this, Ih, () => {
+    Y(this, Nh, () => {
       $("div.panel", this.shadowRoot).show(), $(f(this, pn)).css({ overflow: "visible" });
     });
     it(this, "close", () => {
@@ -27139,23 +27139,23 @@ class Ld extends HTMLElement {
 				${t}
 			</div>
 		`, tt(this, Zo, this.getRootNode().host), tt(this, pn, this.closest("th,td")), $("svg.icon", this.shadowRoot).on("click", (l) => {
-      l.preventDefault(), l.stopPropagation(), $("div.panel", this.shadowRoot).is(":visible") ? f(this, Jo).call(this) : (f(this, Jo).call(this), f(this, Ih).call(this));
+      l.preventDefault(), l.stopPropagation(), $("div.panel", this.shadowRoot).is(":visible") ? f(this, Jo).call(this) : (f(this, Jo).call(this), f(this, Nh).call(this));
     }), $(this).on("click", (l) => {
       l.stopPropagation();
     });
   }
 }
-Zo = new WeakMap(), pn = new WeakMap(), Ih = new WeakMap(), Jo = new WeakMap();
+Zo = new WeakMap(), pn = new WeakMap(), Nh = new WeakMap(), Jo = new WeakMap();
 customElements.get("ng-info") || customElements.define("ng-info", Ld);
-var Gr, Nh;
+var Gr, Oh;
 class Pd extends Si {
   constructor() {
     super();
     Y(this, Gr);
     it(this, "dataRefresh", (t) => {
-      f(this, Nh).call(this, this.value) ? (f(this, Gr).value = H.nvl(this.value, "#ffffff"), H.j.querySelectorAll(this).removeClass("invalid")) : (f(this, Gr).value = "#ffffff", H.j.querySelectorAll(this).addClass("invalid")), f(this, Gr).setAttribute("title", this.value), t || this.reset();
+      f(this, Oh).call(this, this.value) ? (f(this, Gr).value = H.nvl(this.value, "#ffffff"), H.j.querySelectorAll(this).removeClass("invalid")) : (f(this, Gr).value = "#ffffff", H.j.querySelectorAll(this).addClass("invalid")), f(this, Gr).setAttribute("title", this.value), t || this.reset();
     });
-    Y(this, Nh, (t) => {
+    Y(this, Oh, (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 Pd extends Si {
     });
   }
 }
-Gr = new WeakMap(), Nh = new WeakMap();
+Gr = new WeakMap(), Oh = new WeakMap();
 customElements.get("ng-input-color") || customElements.define("ng-input-color", Pd);
-var Kr, oi, Oh;
+var Kr, oi, jh;
 class Dd extends Si {
   constructor() {
     super();
@@ -27211,9 +27211,9 @@ class Dd extends Si {
           c != "Invalid Date" && (l = ("0000" + c.getFullYear()).slice(-4) + "-" + ("00" + (c.getMonth() + 1)).slice(-2));
           break;
       }
-      f(this, Kr).value = l, f(this, Oh).call(this, l) ? H.j.querySelectorAll(this).removeClass("invalid") : H.j.querySelectorAll(this).addClass("invalid"), t || this.reset();
+      f(this, Kr).value = l, f(this, jh).call(this, l) ? H.j.querySelectorAll(this).removeClass("invalid") : H.j.querySelectorAll(this).addClass("invalid"), t || this.reset();
     });
-    Y(this, Oh, (t) => {
+    Y(this, jh, (t) => {
       if (H.isNull(t)) return !0;
       if (typeof t != "string") return !1;
       var l = !0;
@@ -27291,9 +27291,9 @@ class Dd extends Si {
     });
   }
 }
-Kr = new WeakMap(), oi = new WeakMap(), Oh = new WeakMap();
+Kr = new WeakMap(), oi = new WeakMap(), jh = new WeakMap();
 customElements.get("ng-input-date") || customElements.define("ng-input-date", Dd);
-var Ke, ds, zr, Ls, mn, Zr, jh;
+var Ke, ds, zr, Ls, mn, Zr, $h;
 class Bd extends Si {
   constructor() {
     super();
@@ -27306,7 +27306,7 @@ class Bd extends Si {
     it(this, "dataRefresh", (t) => {
       f(this, Ke).value = this.value, H.j.querySelectorAll(f(this, Ke)).removeClass("invalid"), f(this, ds) == "number" && (isNaN(this.value) || f(this, mn) && Number(f(this, Ke).value) > Number(f(this, mn)) || f(this, Ls) && Number(f(this, Ke).value) < Number(f(this, Ls)) ? H.j.querySelectorAll(f(this, Ke)).addClass("invalid") : f(this, Zr) && f(this, Ke).value.indexOf(".") >= 0 && f(this, Ke).value.substring(f(this, Ke).value.indexOf(".") + 1).length > Number(f(this, Zr)) && H.j.querySelectorAll(f(this, Ke)).addClass("invalid")), f(this, zr) && H.getByteLength(this.value) > Number(f(this, zr)) && H.j.querySelectorAll(f(this, Ke)).addClass("invalid"), t || this.reset();
     });
-    Y(this, jh, (t) => {
+    Y(this, $h, (t) => {
       if (!["Escape", "Enter", "Tab", "Home", "End", "ArrowLeft", "ArrowRight", "PageUp", "PageDown", "Backspace", "Delete"].includes(t.code)) {
         if (f(this, ds) == "number") {
           let o = [];
@@ -27336,7 +27336,7 @@ class Bd extends Si {
 				${t.join(" ")}
 				ondragstart="return false;" 
 			>
-		`, super.connectedCallback(), tt(this, Ke, this.shadowRoot.querySelector("input")), f(this, Ke).addEventListener("keydown", f(this, jh)), f(this, Ke).addEventListener("compositionstart", (c) => {
+		`, super.connectedCallback(), tt(this, Ke, this.shadowRoot.querySelector("input")), f(this, Ke).addEventListener("keydown", f(this, $h)), f(this, Ke).addEventListener("compositionstart", (c) => {
       c.target.selectionStart == c.target.selectionEnd && f(this, zr) && H.getByteLength(c.target.value) >= Number(f(this, zr)) && (c.target.value = H.cut(c.target.value, Number(f(this, zr))), this.value = c.target.value);
     }), f(this, Ke).addEventListener("compositionupdate", (c) => {
       f(this, ds) == "number" && (c.target.value = c.target.value.replace(c.data, ""));
@@ -27346,7 +27346,7 @@ class Bd extends Si {
     });
   }
 }
-Ke = new WeakMap(), ds = new WeakMap(), zr = new WeakMap(), Ls = new WeakMap(), mn = new WeakMap(), Zr = new WeakMap(), jh = new WeakMap();
+Ke = new WeakMap(), ds = new WeakMap(), zr = new WeakMap(), Ls = new WeakMap(), mn = new WeakMap(), Zr = new WeakMap(), $h = new WeakMap();
 customElements.get("ng-input") || customElements.define("ng-input", Bd);
 var Oe, ai, gn, bn, yn, li;
 class Fd {
@@ -27468,14 +27468,14 @@ Do you want to save it?`, "SAVE", { class: "rgb", "true-text": "Yes", "false-tex
 }
 Jr = new WeakMap(), Qr = new WeakMap();
 customElements.get("ng-max-popup") || customElements.define("ng-max-popup", qd);
-var Lt, Qo, $h;
+var Lt, Qo, Lh;
 class Hd extends HTMLElement {
   constructor() {
     super();
     Y(this, Lt);
     Y(this, Qo);
-    Y(this, $h);
-    tt(this, Qo, new $d(f(this, Lt))), tt(this, $h, new Iu(f(this, Lt)));
+    Y(this, Lh);
+    tt(this, Qo, new $d(f(this, Lt))), tt(this, Lh, new Nu(f(this, Lt)));
   }
   connectedCallback() {
     tt(this, Lt, this.getRootNode().host.getRootNode().host), this.innerHTML = "";
@@ -27664,9 +27664,9 @@ class Hd extends HTMLElement {
     });
   }
 }
-Lt = new WeakMap(), Qo = new WeakMap(), $h = new WeakMap();
+Lt = new WeakMap(), Qo = new WeakMap(), Lh = new WeakMap();
 customElements.get("ng-menu") || customElements.define("ng-menu", Hd);
-var Be, ta, ea, Er, ra, ze, tr, Ps, Lh, vn, Ph;
+var Be, ta, ea, Er, ra, Ue, tr, Ps, Ph, vn, Dh;
 class zd extends HTMLElement {
   constructor() {
     super();
@@ -27675,25 +27675,25 @@ class zd extends HTMLElement {
     Y(this, ea);
     Y(this, Er);
     Y(this, ra);
-    Y(this, ze);
+    Y(this, Ue);
     Y(this, tr);
     Y(this, Ps);
     it(this, "refreshTotal", () => {
     });
-    Y(this, Lh, () => {
+    Y(this, Ph, () => {
       f(this, Be).data.getValidDataNF().map((t) => {
         t.__ng.paging = !0;
       }), f(this, Be).data.resetRecords();
     });
     Y(this, vn, () => {
-      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, Ps).toLocaleString()}`) : this.type == H.PAGINGTYPE.NONE && $("span", this).eq(1).html(`<b>Total</b> : ${f(this, Ps).toLocaleString()}`), f(this, tr) == 0 ? $("span", this).eq(0).html("") : $("span", this).eq(0).html(`${f(this, ze).toLocaleString()} <i>of</i> ${f(this, tr).toLocaleString()}`), H.j.querySelectorAll(".ng-paging-first", this).attr("disabled", f(this, ze) == 1 || f(this, tr) < 1), H.j.querySelectorAll(".ng-paging-prev", this).attr("disabled", f(this, ze) == 1 || f(this, tr) < 1), H.j.querySelectorAll(".ng-paging-next", this).attr("disabled", f(this, ze) == f(this, tr) || f(this, tr) < 1), H.j.querySelectorAll(".ng-paging-last", this).attr("disabled", f(this, ze) == f(this, tr) || f(this, tr) < 1);
+      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, Ps).toLocaleString()}`) : this.type == H.PAGINGTYPE.NONE && $("span", this).eq(1).html(`<b>Total</b> : ${f(this, Ps).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, Ph, () => {
+    Y(this, Dh, () => {
       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, Ps) / f(this, Er)));
     });
     it(this, "movePage", (t) => {
       if (!(!f(this, Be) || !f(this, Be).data || isNaN(t))) {
-        if (this.type == H.PAGINGTYPE.SERVER && (H.j.querySelectorAll(".ng-paging-first", this).attr("disabled", !0), H.j.querySelectorAll(".ng-paging-prev", this).attr("disabled", !0), H.j.querySelectorAll(".ng-paging-next", this).attr("disabled", !0), H.j.querySelectorAll(".ng-paging-last", this).attr("disabled", !0)), tt(this, ra, f(this, ze)), tt(this, ze, t), this.type == H.PAGINGTYPE.CLIENT) {
+        if (this.type == H.PAGINGTYPE.SERVER && (H.j.querySelectorAll(".ng-paging-first", this).attr("disabled", !0), H.j.querySelectorAll(".ng-paging-prev", this).attr("disabled", !0), H.j.querySelectorAll(".ng-paging-next", this).attr("disabled", !0), H.j.querySelectorAll(".ng-paging-last", this).attr("disabled", !0)), tt(this, ra, f(this, Ue)), tt(this, Ue, t), this.type == H.PAGINGTYPE.CLIENT) {
           var l = f(this, Be).data.getValidDataNF();
           if (tt(this, tr, Math.ceil(l.length / f(this, Er))), l.length == 0)
             tt(this, tr, 0);
@@ -27701,11 +27701,11 @@ class zd extends HTMLElement {
           f(this, vn).call(this), l.map((o) => {
             o.__ng.paging = !1;
           });
-          for (var c = (f(this, ze) - 1) * f(this, Er); c < Math.min(f(this, ze) * f(this, Er), f(this, Be).data.countNF()); c++)
+          for (var c = (f(this, Ue) - 1) * f(this, Er); c < Math.min(f(this, Ue) * f(this, Er), f(this, Be).data.countNF()); c++)
             l[c].__ng.paging = !0;
           f(this, Be).data.resetRecords(), f(this, Be).scrollTo_V1(0);
         }
-        this.type == H.PAGINGTYPE.SERVER && f(this, ra) != f(this, ze) && (this.onpagechanged.pageIndex = f(this, ze), this.onpagechanged.pageCnt = f(this, Er), f(this, Be).dispatchEvent(this.onpagechanged));
+        this.type == H.PAGINGTYPE.SERVER && f(this, ra) != f(this, Ue) && (this.onpagechanged.pageIndex = f(this, Ue), this.onpagechanged.pageCnt = f(this, Er), f(this, Be).dispatchEvent(this.onpagechanged));
       }
     });
     it(this, "reset", () => {
@@ -27714,7 +27714,7 @@ class zd extends HTMLElement {
     it(this, "refresh", () => {
       switch (this.type) {
         case H.PAGINGTYPE.NONE:
-          f(this, Lh).call(this), $(".ng-container tbody tr.bindable:not(.nodata)", f(this, Be).body).remove(), f(this, Be).scrollTo_V1(0);
+          f(this, Ph).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();
@@ -27724,7 +27724,7 @@ class zd extends HTMLElement {
       }
       f(this, vn).call(this);
     });
-    tt(this, Be, this.getRootNode().host.getRootNode().host), tt(this, ze, 0), tt(this, tr, 0), tt(this, Ps, 0), this.onpagechanged = new CustomEvent("pagechanged", { bubbles: !0, detail: {} });
+    tt(this, Be, this.getRootNode().host.getRootNode().host), tt(this, Ue, 0), tt(this, tr, 0), tt(this, Ps, 0), this.onpagechanged = new CustomEvent("pagechanged", { bubbles: !0, detail: {} });
   }
   connectedCallback() {
     this.innerHTML = `
@@ -27734,7 +27734,7 @@ class zd 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, ze) - 1)), $(".ng-paging-next", this).on("click", (t) => this.movePage(f(this, ze) + 1)), $(".ng-paging-last", this).on("click", (t) => f(this, Ph).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, Dh).call(this));
   }
   get type() {
     return f(this, Be).getAttribute("paging-type");
@@ -27755,17 +27755,17 @@ class zd extends HTMLElement {
     this.refresh();
   }
   get currentPage() {
-    return f(this, ze);
+    return f(this, Ue);
   }
   set currentPage(t) {
     if (this.type != H.PAGINGTYPE.SERVER) throw '"currentPage" is only allowed when the paging type is server.';
-    tt(this, ze, t);
+    tt(this, Ue, t);
   }
   get totalCount() {
     return f(this, tr);
   }
   set totalCount(t) {
-    tt(this, Ps, t), f(this, ze) <= 0 && tt(this, ze, 1), tt(this, tr, Math.ceil(t / f(this, Er))), f(this, vn).call(this);
+    tt(this, Ps, t), f(this, Ue) <= 0 && tt(this, Ue, 1), tt(this, tr, Math.ceil(t / f(this, Er))), f(this, vn).call(this);
   }
   get linesPerPage() {
     return f(this, Er);
@@ -27800,7 +27800,7 @@ class zd extends HTMLElement {
     tt(this, ea, t);
   }
 }
-Be = new WeakMap(), ta = new WeakMap(), ea = new WeakMap(), Er = new WeakMap(), ra = new WeakMap(), ze = new WeakMap(), tr = new WeakMap(), Ps = new WeakMap(), Lh = new WeakMap(), vn = new WeakMap(), Ph = new WeakMap();
+Be = new WeakMap(), ta = new WeakMap(), ea = new WeakMap(), Er = new WeakMap(), ra = new WeakMap(), Ue = new WeakMap(), tr = new WeakMap(), Ps = new WeakMap(), Ph = new WeakMap(), vn = new WeakMap(), Dh = new WeakMap();
 customElements.get("ng-paging") || customElements.define("ng-paging", zd);
 var hi, sa;
 class Ud extends Mr {
@@ -27843,7 +27843,7 @@ class Ud extends Mr {
 }
 hi = new WeakMap(), sa = new WeakMap();
 customElements.get("ng-progress") || customElements.define("ng-progress", Ud);
-var Ds, jr, Bs, ci, Dh, Bh;
+var Ds, jr, Bs, ci, Bh, Fh;
 class Vd extends Si {
   constructor() {
     super();
@@ -27852,16 +27852,16 @@ class Vd extends Si {
     Y(this, Bs);
     Y(this, ci);
     it(this, "dataRefresh", (t) => {
-      f(this, jr) && (f(this, Dh).call(this) ? H.j.querySelectorAll(this).removeClass("invalid") : H.j.querySelectorAll(this).addClass("invalid")), $(f(this, Ds)).each((l, c) => {
+      f(this, jr) && (f(this, Bh).call(this) ? H.j.querySelectorAll(this).removeClass("invalid") : H.j.querySelectorAll(this).addClass("invalid")), $(f(this, Ds)).each((l, c) => {
         $(c).prop("checked", this.value == c.getAttribute("value"));
       }), t || this.reset();
     });
-    Y(this, Dh, () => {
+    Y(this, Bh, () => {
       if (H.isNull(this.value)) return !0;
       var t = f(this, jr).findIndex((l) => this.value == l[f(this, Bs)]);
       return !(t < 0);
     });
-    Y(this, Bh, () => {
+    Y(this, Fh, () => {
     });
   }
   async connectedCallback() {
@@ -27893,7 +27893,7 @@ class Vd extends Si {
 			<div class="ng-wrap">
 				${r}
 			</div>
-		`, super.connectedCallback(), f(this, Bh).call(this), tt(this, Ds, this.shadowRoot.querySelectorAll("input")), $(this.cell).on("keydown", (n) => {
+		`, super.connectedCallback(), f(this, Fh).call(this), tt(this, Ds, this.shadowRoot.querySelectorAll("input")), $(this.cell).on("keydown", (n) => {
       switch (n.preventDefault(), n.code) {
         case "Space":
           var s = -1;
@@ -27909,7 +27909,7 @@ class Vd extends Si {
     return f(this, jr);
   }
 }
-Ds = new WeakMap(), jr = new WeakMap(), Bs = new WeakMap(), ci = new WeakMap(), Dh = new WeakMap(), Bh = new WeakMap();
+Ds = new WeakMap(), jr = new WeakMap(), Bs = new WeakMap(), ci = new WeakMap(), Bh = new WeakMap(), Fh = new WeakMap();
 customElements.get("ng-radio") || customElements.define("ng-radio", Vd);
 var wn;
 class Wd extends Mr {
@@ -27947,14 +27947,14 @@ class Wd extends Mr {
 }
 wn = new WeakMap();
 customElements.get("ng-renderer") || customElements.define("ng-renderer", Wd);
-var Fh;
+var qh;
 class Xd extends Mr {
   constructor() {
     super();
     it(this, "dataRefresh", (t) => {
       !this.owner || !this.cell || !this.data || t || this.reset();
     });
-    Y(this, Fh, () => {
+    Y(this, qh, () => {
       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 +27972,10 @@ class Xd extends Mr {
 				<path d="m6 10 8-8"></path>
 				<path d="M14 9.048V14H2V2h5"></path>
 			</svg>
-		`, super.connectedCallback(), f(this, Fh).call(this);
+		`, super.connectedCallback(), f(this, qh).call(this);
   }
 }
-Fh = new WeakMap();
+qh = new WeakMap();
 var er, or, ui;
 class Yd extends HTMLElement {
   constructor() {
@@ -28073,14 +28073,14 @@ Do you want to save it?`, "SAVE", { class: "rgb", "true-text": "Yes", "false-tex
 er = new WeakMap(), or = new WeakMap(), ui = new WeakMap();
 customElements.get("ng-row-detail") || customElements.define("ng-row-detail", Xd);
 customElements.get("ng-row-detail-popup") || customElements.define("ng-row-detail-popup", Yd);
-var qh;
+var Hh;
 const Ti = class Ti extends Mr {
   constructor() {
     super();
     it(this, "dataRefresh", (t) => {
       t || this.reset();
     });
-    Y(this, qh, (t) => {
+    Y(this, Hh, (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", Ti.dragData = {
         tr: this.cell.closest("tr"),
@@ -28097,10 +28097,10 @@ const Ti = class Ti 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, qh));
+		`, super.connectedCallback(), this.cell.setAttribute("draggable", "true"), this.cell.addEventListener("dragstart", f(this, Hh));
   }
 };
-qh = new WeakMap(), //static sourceRow = -1;
+Hh = new WeakMap(), //static sourceRow = -1;
 it(Ti, "dragData"), it(Ti, "scrollInterval");
 let ir = Ti;
 var qe, ia, na, oa, fs, aa, la, ha, ca;
@@ -28180,18 +28180,18 @@ class Gd {
 }
 qe = new WeakMap(), ia = new WeakMap(), na = new WeakMap(), oa = new WeakMap(), fs = new WeakMap(), aa = new WeakMap(), la = new WeakMap(), ha = new WeakMap(), ca = new WeakMap();
 customElements.get("ng-row-drag") || customElements.define("ng-row-drag", ir);
-var sr, pr, di, Hh, zh, ua;
+var sr, pr, di, zh, Uh, ua;
 class Kd extends HTMLElement {
   constructor() {
     super();
     Y(this, sr);
     Y(this, pr);
     Y(this, di);
-    Y(this, Hh, () => {
+    Y(this, zh, () => {
       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, ua).call(this);
     });
-    Y(this, zh, () => {
+    Y(this, Uh, () => {
       H.j.querySelectorAll(this).removeClass("expand"), f(this, di) ? (H.j.querySelectorAll(`[data-col="${f(this, pr).dataset.col}"]`, f(this, sr).tmpl).attr("data-expr", f(this, di)), H.j.querySelectorAll(`[data-col="${f(this, pr).dataset.col}"]`, f(this, sr).body).attr("data-expr", f(this, di))) : (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, ua).call(this);
     });
     Y(this, ua, () => {
@@ -28213,15 +28213,15 @@ class Kd 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, di, 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, zh).call(this) : f(this, Hh).call(this);
+      t.preventDefault(), t.stopPropagation(), H.j.querySelectorAll(this).hasClass("expand") ? f(this, Uh).call(this) : f(this, zh).call(this);
     }), $(this).on("click", (t) => {
       t.stopPropagation();
     }));
   }
 }
-sr = new WeakMap(), pr = new WeakMap(), di = new WeakMap(), Hh = new WeakMap(), zh = new WeakMap(), ua = new WeakMap();
+sr = new WeakMap(), pr = new WeakMap(), di = new WeakMap(), zh = new WeakMap(), Uh = new WeakMap(), ua = new WeakMap();
 customElements.get("ng-combo") || customElements.define("ng-combo", Kd);
-var da, Uh;
+var da, Vh;
 class Zd extends Mr {
   constructor() {
     super();
@@ -28250,7 +28250,7 @@ class Zd extends Mr {
         f(this, da).innerHTML = this.getDisplayText(l + 1), t || this.reset();
       }
     });
-    Y(this, Uh, () => {
+    Y(this, Vh, () => {
       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 +28286,11 @@ class Zd 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, da, this.shadowRoot.querySelector("span")), f(this, Uh).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, da, this.shadowRoot.querySelector("span")), f(this, Vh).call(this);
   }
 }
-da = new WeakMap(), Uh = new WeakMap();
-var ur, ts, fa, mr, Fs, fi, pu, es, Vh, Wh, Xh, pa, ma, ga, Yh;
+da = new WeakMap(), Vh = new WeakMap();
+var ur, ts, fa, mr, Fs, fi, mu, es, Wh, Xh, Yh, pa, ma, ga, Gh;
 class Jd extends HTMLElement {
   constructor() {
     super();
@@ -28300,27 +28300,27 @@ class Jd extends HTMLElement {
     Y(this, mr);
     Y(this, Fs);
     Y(this, fi);
-    Y(this, pu);
+    Y(this, mu);
     Y(this, es);
-    Y(this, Vh);
-    Y(this, Wh, () => {
+    Y(this, Wh);
+    Y(this, Xh, () => {
       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, Fs, $(".grip", f(this, mr))), tt(this, fi, $(".tooltip", f(this, mr))), $(this).on("mousedown", (l) => {
           H.j.querySelectorAll(f(this, ts).closest("tbody")).hasClass("fixed") || tt(this, fa, setTimeout(() => {
-            f(this, Xh).call(this, l);
+            f(this, Yh).call(this, l);
           }, 500));
         }).on("dblclick", (l) => {
-          H.j.querySelectorAll(f(this, ts).closest("tbody")).hasClass("fixed") || f(this, Yh).call(this, l);
+          H.j.querySelectorAll(f(this, ts).closest("tbody")).hasClass("fixed") || f(this, Gh).call(this, l);
         }), $(document).on("mouseup", (l) => {
           clearTimeout(f(this, fa));
         });
       }
     });
-    Y(this, Xh, (t) => {
+    Y(this, Yh, (t) => {
       if (!(t.buttons != 1 || t.altKey || t.ctrlKey || t.shiftkey)) {
         var l = parseInt(t.target.getAttribute("rowIndex"));
-        l < 0 || (f(this, ts).busy = !0, tt(this, Vh, t.target), tt(this, es, $(".ng-container-body table tbody.bindable tr", f(this, ur).body).eq(l)), f(this, mr).show(), f(this, Fs).width(f(this, ur).body.querySelector(".ng-container").offsetWidth), f(this, ga).call(this, t.pageY), $(f(this, mr)).on("mousemove", f(this, pa)), $(f(this, mr)).on("mouseup", f(this, ma)));
+        l < 0 || (f(this, ts).busy = !0, tt(this, Wh, t.target), tt(this, es, $(".ng-container-body table tbody.bindable tr", f(this, ur).body).eq(l)), f(this, mr).show(), f(this, Fs).width(f(this, ur).body.querySelector(".ng-container").offsetWidth), f(this, ga).call(this, t.pageY), $(f(this, mr)).on("mousemove", f(this, pa)), $(f(this, mr)).on("mouseup", f(this, ma)));
       }
     });
     Y(this, pa, (t) => {
@@ -28340,24 +28340,24 @@ class Jd extends HTMLElement {
         o <= 1 && (o = 0), f(this, fi).height(o), f(this, fi).offset({ top: f(this, es).offset().top - 1 }), f(this, fi).find("span").text(o);
       }
     });
-    Y(this, Yh, (t) => {
+    Y(this, Gh, (t) => {
     });
   }
   connectedCallback() {
-    tt(this, ts, this.cell), tt(this, ur, f(this, ts).getRootNode().host), this.setAttribute("class", "row-resizer"), f(this, Wh).call(this);
+    tt(this, ts, this.cell), tt(this, ur, f(this, ts).getRootNode().host), this.setAttribute("class", "row-resizer"), f(this, Xh).call(this);
   }
 }
-ur = new WeakMap(), ts = new WeakMap(), fa = new WeakMap(), mr = new WeakMap(), Fs = new WeakMap(), fi = new WeakMap(), pu = new WeakMap(), es = new WeakMap(), Vh = new WeakMap(), Wh = new WeakMap(), Xh = new WeakMap(), pa = new WeakMap(), ma = new WeakMap(), ga = new WeakMap(), Yh = new WeakMap();
+ur = new WeakMap(), ts = new WeakMap(), fa = new WeakMap(), mr = new WeakMap(), Fs = new WeakMap(), fi = new WeakMap(), mu = new WeakMap(), es = new WeakMap(), Wh = new WeakMap(), Xh = new WeakMap(), Yh = new WeakMap(), pa = new WeakMap(), ma = new WeakMap(), ga = new WeakMap(), Gh = new WeakMap();
 customElements.get("ng-row-indicator") || customElements.define("ng-row-indicator", Zd);
 customElements.get("ng-row-resizer") || customElements.define("ng-row-resizer", Jd);
-var Gh;
+var Kh;
 class Qd 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, Gh, () => {
+    Y(this, Kh, () => {
       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 +28374,10 @@ class Qd 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, Gh).call(this);
+		`, super.connectedCallback(), f(this, Kh).call(this);
   }
 }
-Gh = new WeakMap();
+Kh = new WeakMap();
 var je, dr;
 class tf {
   constructor(C) {
@@ -28449,11 +28449,11 @@ class ef extends Mr {
   }
 }
 customElements.get("ng-row-state") || customElements.define("ng-row-state", ef);
-var Dt, Ur, ge, gr, br, xn, Kh, Zh, ba, Jh, ya, va, mu, _n, Qh, Nu, pi;
+var Dt, Ur, ge, gr, br, xn, Zh, Jh, ba, Qh, ya, va, gu, _n, wa, ru, pi;
 class rf extends HTMLElement {
   constructor() {
     super();
-    Y(this, Qh);
+    Y(this, wa);
     Y(this, Dt);
     Y(this, Ur);
     Y(this, ge);
@@ -28507,7 +28507,7 @@ class rf extends HTMLElement {
     it(this, "stopScroll", () => {
       clearInterval(f(this, gr)), clearInterval(f(this, br));
     });
-    Y(this, Kh, () => {
+    Y(this, Zh, () => {
       var t = (l) => {
         clearInterval(f(this, gr)), clearInterval(f(this, br)), f(this, Dt).scrollBy(l), tt(this, gr, setInterval(() => {
           clearInterval(f(this, gr)), tt(this, br, setInterval(() => {
@@ -28525,13 +28525,13 @@ class rf 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, ba)), $(f(this, ge).track).on("touchstart", f(this, Zh)), $(f(this, ge).thumb).on("mousedown", f(this, va)), $(f(this, ge).thumb).on("touchstart", f(this, Jh)), document.addEventListener("mouseup", (l) => {
+      }, $(f(this, ge).track).on("mousedown", f(this, ba)), $(f(this, ge).track).on("touchstart", f(this, Jh)), $(f(this, ge).thumb).on("mousedown", f(this, va)), $(f(this, ge).thumb).on("touchstart", f(this, Qh)), document.addEventListener("mouseup", (l) => {
         f(this, Ur) && tt(this, Ur, !1), document.removeEventListener("mousemove", f(this, _n)), typeof this.onDragStop == "function" && this.onDragStop();
       }), document.addEventListener("touchend", (l) => {
         tt(this, Ur, !1), document.removeEventListener("touchmove", f(this, ya)), typeof this.onDragStop == "function" && this.onDragStop();
       });
     });
-    Y(this, Zh, (t) => {
+    Y(this, Jh, (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, ba).call(this, t);
     });
@@ -28552,7 +28552,7 @@ class rf extends HTMLElement {
         }, 500));
       }
     });
-    Y(this, Jh, (t) => {
+    Y(this, Qh, (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, va).call(this, t), document.addEventListener("touchmove", f(this, ya));
     });
@@ -28563,7 +28563,7 @@ class rf extends HTMLElement {
     Y(this, va, (t) => {
       tt(this, Ur, !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, Dt).body).height(), this.bodyHeight = $(".ng-container-body", f(this, Dt).body).height(), this.templateHeight = f(this, Dt).template.height(), this.theadHeight = $(".ng-container-body table > thead", f(this, Dt).body).height() || 0, this.tfootHeight = $(".ng-container-body table > tfoot", f(this, Dt).body).height() || 0, this.fixedHeight = $(".ng-container-body tbody.fixed", f(this, Dt).body).height(), this.tableHeight = $(".ng-container-body .ng-table", f(this, Dt).body).height(), tt(this, xn, !0), document.addEventListener("mousemove", f(this, _n)), typeof this.onDragStart == "function" && this.onDragStart();
     });
-    Y(this, mu, (t) => {
+    Y(this, gu, (t) => {
       if (!f(this, Ur)) return;
       t.preventDefault(), f(this, xn) && (H.j.querySelectorAll("th,td", f(this, Dt).body).removeClass("active").removeClass("multi-selected").removeClass("selected").removeClass("selected-current").removeClass("selected-area").removeClass("selected-top").removeClass("selected-bottom").removeClass("selected-left").removeClass("selected-right"), tt(this, xn, !1));
       var l = this.trackHeight;
@@ -28575,7 +28575,7 @@ class rf extends HTMLElement {
         f(this, Dt).scrollToV2(n);
       else {
         var s = l - c, e = o / s, i = f(this, Dt).matrix.totalHeight, u = e * (i - this.bodyHeight), a = f(this, Dt).matrix.cumulativeHeights[n] || 0, h = u - a;
-        Ve(this, Qh, Nu).call(this, h);
+        He(this, wa, ru).call(this, h);
       }
     });
     Y(this, _n, (t) => {
@@ -28586,7 +28586,7 @@ class rf extends HTMLElement {
           f(this, Dt).scrollToV2(s), f(this, Dt).setScrollTransform(0);
         else {
           var e = o % (l / r);
-          this.scrollTransform(e);
+          He(this, wa, ru).call(this, e);
         }
       }
     });
@@ -28609,14 +28609,14 @@ class rf 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, Ur), this.shiftX, f(this, Kh).call(this));
+    }), f(this, Ur), this.shiftX, f(this, Zh).call(this));
   }
 }
-Dt = new WeakMap(), Ur = new WeakMap(), ge = new WeakMap(), gr = new WeakMap(), br = new WeakMap(), xn = new WeakMap(), Kh = new WeakMap(), Zh = new WeakMap(), ba = new WeakMap(), Jh = new WeakMap(), ya = new WeakMap(), va = new WeakMap(), mu = new WeakMap(), _n = new WeakMap(), Qh = new WeakSet(), Nu = function(t) {
+Dt = new WeakMap(), Ur = new WeakMap(), ge = new WeakMap(), gr = new WeakMap(), br = new WeakMap(), xn = new WeakMap(), Zh = new WeakMap(), Jh = new WeakMap(), ba = new WeakMap(), Qh = new WeakMap(), ya = new WeakMap(), va = new WeakMap(), gu = new WeakMap(), _n = new WeakMap(), wa = new WeakSet(), ru = function(t) {
   const l = f(this, Dt).body.querySelector(".ng-container-body tbody.bindable");
   od.log(t), l && (l.style.transform = `translateY(-${Math.max(0, t)}px)`);
 }, pi = new WeakMap();
-var Ze, ps, ae, Vr, Wr, qs, tc, wa, ec, xa, rc, _a, Sa, Sn;
+var Ze, ps, ae, Vr, Wr, qs, tc, xa, ec, _a, rc, Sa, ka, Sn;
 class sf extends HTMLElement {
   constructor() {
     super();
@@ -28675,13 +28675,13 @@ class sf extends HTMLElement {
         t(-10);
       }), $(f(this, ae).right).on("touchstart", (l) => {
         t(10);
-      }), $(f(this, ae).track).on("mousedown", f(this, xa)), $(f(this, ae).track).on("touchstart", f(this, ec)), $(f(this, ae).thumb).on("mousedown", f(this, _a)), $(f(this, ae).thumb).on("touchstart", f(this, rc)), document.addEventListener("touchend", (l) => {
-        tt(this, ps, !1), clearInterval(f(this, Vr)), clearInterval(f(this, Wr)), $(document).off("touchmove", f(this, Sa)), typeof this.onDragStop == "function" && this.onDragStop();
+      }), $(f(this, ae).track).on("mousedown", f(this, _a)), $(f(this, ae).track).on("touchstart", f(this, ec)), $(f(this, ae).thumb).on("mousedown", f(this, Sa)), $(f(this, ae).thumb).on("touchstart", f(this, rc)), document.addEventListener("touchend", (l) => {
+        tt(this, ps, !1), clearInterval(f(this, Vr)), clearInterval(f(this, Wr)), $(document).off("touchmove", f(this, ka)), typeof this.onDragStop == "function" && this.onDragStop();
       }), document.addEventListener("mouseup", (l) => {
         tt(this, ps, !1), clearInterval(f(this, Vr)), clearInterval(f(this, Wr)), document.removeEventListener("mousemove", f(this, Sn)), typeof this.onDragStop == "function" && this.onDragStop();
       });
     });
-    Y(this, wa, (t) => {
+    Y(this, xa, (t) => {
       var l = f(this, ae).thumb.getBoundingClientRect(), c = parseInt($(".ng-container-body > table", f(this, Ze).body).position().left), o = 0;
       t > l.x ? $(".ng-container-body .col-indicator", f(this, Ze).body).each((r, n) => {
         if (o += parseInt($(n).width()) + 2, o > Math.abs(c) + 1) return !1;
@@ -28692,26 +28692,26 @@ class sf extends HTMLElement {
     });
     Y(this, ec, (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, xa).call(this, t);
+      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);
     });
-    Y(this, xa, (t) => {
-      f(this, ps) || t.buttons != 1 || t.altKey || t.ctrlKey || t.shiftKey || (t.preventDefault(), f(this, wa).call(this, t.clientX), tt(this, Vr, setInterval(() => {
+    Y(this, _a, (t) => {
+      f(this, ps) || t.buttons != 1 || t.altKey || t.ctrlKey || t.shiftKey || (t.preventDefault(), f(this, xa).call(this, t.clientX), tt(this, Vr, setInterval(() => {
         clearInterval(f(this, Vr)), tt(this, Wr, setInterval(() => {
           var l = f(this, ae).thumb.getBoundingClientRect();
-          t.clientX > l.x && t.clientX < l.x + l.width ? clearInterval(f(this, Wr)) : f(this, wa).call(this, t.clientX);
+          t.clientX > l.x && t.clientX < l.x + l.width ? clearInterval(f(this, Wr)) : f(this, xa).call(this, t.clientX);
         }, 10));
       }, 500)));
     });
     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, _a).call(this, t), document.addEventListener("touchmove", f(this, Sa));
+      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, Sa).call(this, t), document.addEventListener("touchmove", f(this, ka));
     });
-    Y(this, _a, (t) => {
+    Y(this, Sa, (t) => {
       tt(this, ps, !0);
       var l = Math.min($(f(this, ae).track).width() * $(f(this, Ze).body.querySelector(".ng-container-body")).width() / $(f(this, Ze).body.querySelector(".ng-container-body > table")).width(), $(f(this, ae).track).width());
       $(f(this, ae).thumb).width(parseInt(l)), $(f(this, ae).thumb).css({ width: parseInt(l), "min-width": parseInt(l) }), this.shiftX = t.offsetX + f(this, ae).track.getBoundingClientRect().x, document.addEventListener("mousemove", f(this, Sn)), typeof this.onDragStart == "function" && this.onDragStart();
     });
-    Y(this, Sa, (t) => {
+    Y(this, ka, (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, Sn).call(this, t);
     });
@@ -28739,32 +28739,32 @@ class sf extends HTMLElement {
     }), f(this, ps), this.shiftX, f(this, tc).call(this);
   }
 }
-Ze = new WeakMap(), ps = new WeakMap(), ae = new WeakMap(), Vr = new WeakMap(), Wr = new WeakMap(), qs = new WeakMap(), tc = new WeakMap(), wa = new WeakMap(), ec = new WeakMap(), xa = new WeakMap(), rc = new WeakMap(), _a = new WeakMap(), Sa = new WeakMap(), Sn = new WeakMap();
+Ze = new WeakMap(), ps = new WeakMap(), ae = new WeakMap(), Vr = new WeakMap(), Wr = new WeakMap(), qs = new WeakMap(), tc = new WeakMap(), xa = new WeakMap(), ec = new WeakMap(), _a = new WeakMap(), rc = new WeakMap(), Sa = new WeakMap(), ka = new WeakMap(), Sn = new WeakMap();
 customElements.get("ng-hscrollbar") || customElements.define("ng-hscrollbar", sf);
 customElements.get("ng-vscrollbar") || customElements.define("ng-vscrollbar", rf);
-var Ue, rs, ka, Ca, Ea, sc, ic;
+var Ve, rs, Ca, Ea, Aa, sc, ic;
 class nf {
   constructor(C) {
-    Y(this, Ue);
+    Y(this, Ve);
     Y(this, rs);
     it(this, "initialize", () => {
-      f(this, Ca).call(this), f(this, ka).call(this);
+      f(this, Ea).call(this), f(this, Ca).call(this);
     });
-    Y(this, ka, () => {
-      tt(this, rs, []), $(".ng-table thead", f(this, Ue).body).off("click", "th,td", f(this, Ea)), $(".ng-table thead", f(this, Ue).body).on("click", "th,td", f(this, Ea));
+    Y(this, Ca, () => {
+      tt(this, rs, []), $(".ng-table thead", f(this, Ve).body).off("click", "th,td", f(this, Aa)), $(".ng-table thead", f(this, Ve).body).on("click", "th,td", f(this, Aa));
     });
     /**
      * 정렬상태 초기화
      */
-    Y(this, Ca, () => {
-      f(this, Ue).data.sort((C, t) => C.__ng._[H.ROW.ORIGIN_ORDER] - t.__ng._[H.ROW.ORIGIN_ORDER]);
+    Y(this, Ea, () => {
+      f(this, Ve).data.sort((C, t) => C.__ng._[H.ROW.ORIGIN_ORDER] - t.__ng._[H.ROW.ORIGIN_ORDER]);
     });
-    Y(this, Ea, (C) => {
+    Y(this, Aa, (C) => {
       if (C.target.tagName != "NG-CHECKBOX" && (C.target = C.target.closest("th,td"), !(C.offsetX <= 2) && !(C.offsetX >= C.target.offsetWidth - 2) && C.target.closest("tr").sectionRowIndex + C.target.rowSpan == C.target.closest("thead").rows.length))
         switch (C.detail) {
           case 1:
-            H.j.querySelectorAll(f(this, Ue)).addClass("loading"), setTimeout(() => {
-              f(this, sc).call(this, C), H.j.querySelectorAll(f(this, Ue)).removeClass("loading");
+            H.j.querySelectorAll(f(this, Ve)).addClass("loading"), setTimeout(() => {
+              f(this, sc).call(this, C), H.j.querySelectorAll(f(this, Ve)).removeClass("loading");
             });
             break;
           case 2:
@@ -28777,21 +28777,21 @@ class nf {
     });
     Y(this, sc, (C) => {
       var t = C.target.closest("th,td"), l = t.dataset.col, c, o;
-      $(f(this, Ue).template).find(`[data-col="${l}"]`).each((r, n) => {
+      $(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, Ue).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, Ue).body).removeClass("asc").removeClass("desc"), f(this, rs).splice(0, f(this, rs).length)), H.removeIf(f(this, rs), (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, rs).push({ colnm: o, asc: !0, "expr-func": c })) : H.j.querySelectorAll(t).hasClass("asc") ? (H.j.querySelectorAll(t).removeClass("asc").addClass("desc"), f(this, rs).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, Ue).body).hasClass("asc") && !H.j.querySelectorAll("thead th,thead td", f(this, Ue).body).hasClass("desc") ? f(this, Ca).call(this) : f(this, Ue).data.sort((r, n) => f(this, ic).call(this, r, n)), f(this, Ue).paging.type == H.PAGINGTYPE.CLIENT ? f(this, Ue).paging.movePage(1) : f(this, Ue).view.redraw());
+          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, rs).splice(0, f(this, rs).length)), H.removeIf(f(this, rs), (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, rs).push({ colnm: o, asc: !0, "expr-func": c })) : H.j.querySelectorAll(t).hasClass("asc") ? (H.j.querySelectorAll(t).removeClass("asc").addClass("desc"), f(this, rs).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, Ea).call(this) : f(this, Ve).data.sort((r, n) => f(this, ic).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, ic, (C, t) => {
       for (var l of f(this, rs))
         if (l["expr-func"]) {
-          const c = f(this, Ue).data.conv(C), o = f(this, Ue).data.conv(t);
+          const c = f(this, Ve).data.conv(C), o = f(this, Ve).data.conv(t);
           if (l["expr-func"](c, c.__ng._[H.ROW.INDEX]) > l["expr-func"](o, o.__ng._[H.ROW.INDEX]))
             return l.asc ? 1 : -1;
           if (l["expr-func"](c, c.__ng._[H.ROW.INDEX]) < l["expr-func"](o, o.__ng._[H.ROW.INDEX]))
             return l.asc ? -1 : 1;
         } else {
-          const c = f(this, Ue).fields.indexOf(l.colnm);
+          const c = f(this, Ve).fields.indexOf(l.colnm);
           if (C.v[c] > t.v[c])
             return l.asc ? 1 : -1;
           if (C.v[c] < t.v[c])
@@ -28799,11 +28799,11 @@ class nf {
         }
       return 0;
     });
-    tt(this, Ue, C), f(this, ka).call(this);
+    tt(this, Ve, C), f(this, Ca).call(this);
   }
 }
-Ue = new WeakMap(), rs = new WeakMap(), ka = new WeakMap(), Ca = new WeakMap(), Ea = new WeakMap(), sc = new WeakMap(), ic = new WeakMap();
-var Gt, nc, Aa, Ta;
+Ve = new WeakMap(), rs = new WeakMap(), Ca = new WeakMap(), Ea = new WeakMap(), Aa = new WeakMap(), sc = new WeakMap(), ic = new WeakMap();
+var Gt, nc, Ta, Ra;
 class of {
   constructor(C) {
     Y(this, Gt);
@@ -28875,7 +28875,7 @@ class of {
               $(f(this, Gt).template).eq(a % f(this, Gt).template.length).each((d, b) => {
                 p = $(b).height() || 32;
               });
-              var m = t[h].length == 0 ? p : f(this, Aa).call(this, a, t[h], o[h]) + 12;
+              var m = t[h].length == 0 ? p : f(this, Ta).call(this, a, t[h], o[h]) + 12;
               f(this, Gt).matrix.setHeight(a, p ? Math.max(m, p) : m);
             }
           f(this, Gt).view.redraw(), H.j.querySelectorAll(f(this, Gt)).removeClass("loading");
@@ -28885,11 +28885,11 @@ class of {
         $(f(this, Gt).template).eq(C % f(this, Gt).template.length).each((i, u) => {
           n = $(u).height() || 32;
         });
-        var s = parseInt(C % f(this, Gt).template.length), e = t[s].length == 0 ? n : f(this, Aa).call(this, C, t[s], o[s]) + 12;
+        var s = parseInt(C % f(this, Gt).template.length), e = t[s].length == 0 ? n : f(this, Ta).call(this, C, t[s], o[s]) + 12;
         f(this, Gt).matrix.setHeight(C, n ? Math.max(e, n) : e), f(this, Gt).view.redraw();
       }
     });
-    Y(this, Aa, (C, t, l) => {
+    Y(this, Ta, (C, t, l) => {
       var c = parseInt(C / f(this, Gt).template.length), o = 0, r = f(this, Gt).data.getRow(c);
       return t.each((n, s) => {
         const e = s.dataset.bind, i = f(this, Gt).fields.indexOf(e), u = String(r.v[i]);
@@ -28897,7 +28897,7 @@ class of {
 `) && (o = Math.max(o, H.measureTextSize(u, l[n]).height));
       }), o;
     });
-    Y(this, Ta, (C) => {
+    Y(this, Ra, (C) => {
       var t = 0;
       return $(`[data-col=${C}]`, f(this, Gt).template).each((l, c) => {
         var o = $(c).css("font");
@@ -28949,11 +28949,11 @@ class of {
     }, this.setColumnWidthFit = (t, l, c) => {
       if (c == null && (c = !0), c)
         H.j.querySelectorAll(f(this, Gt)).addClass("loading"), setTimeout(() => {
-          var r = f(this, Ta).call(this, t);
+          var r = f(this, Ra).call(this, t);
           this.setColumnWidth(t, l ? Math.max(r, l) : r), H.j.querySelectorAll(f(this, Gt)).removeClass("loading");
         });
       else {
-        var o = f(this, Ta).call(this, t);
+        var o = f(this, Ra).call(this, t);
         this.setColumnWidth(t, l ? Math.max(o, l) : o);
       }
     }, this.insertCol = (t, l, c) => {
@@ -29037,7 +29037,7 @@ class of {
     }, this.___init();
   }
 }
-Gt = new WeakMap(), nc = new WeakMap(), Aa = new WeakMap(), Ta = new WeakMap();
+Gt = new WeakMap(), nc = new WeakMap(), Ta = new WeakMap(), Ra = new WeakMap();
 class af {
   constructor(C) {
     this.___owner = C, this.columns_BAK = {
@@ -29203,21 +29203,21 @@ class lf extends Si {
   }
 }
 ms = new WeakMap();
-var Ra, Ma, Ia, Na;
+var Ma, Ia, Na, Oa;
 class hf extends HTMLElement {
   constructor() {
     super();
-    Y(this, Ra);
     Y(this, Ma);
     Y(this, Ia);
     Y(this, Na);
+    Y(this, Oa);
     it(this, "popup", (t, l, c) => {
-      tt(this, Ma, t), tt(this, Ia, l), tt(this, Na, c), $("textarea", this.shadowRoot).val(c), this.shadowRoot.querySelector("nx-dialog").showModal();
+      tt(this, Ia, t), tt(this, Na, l), tt(this, Oa, c), $("textarea", this.shadowRoot).val(c), this.shadowRoot.querySelector("nx-dialog").showModal();
     });
     this.attachShadow({ mode: "open" });
   }
   connectedCallback() {
-    tt(this, Ra, this.getRootNode().host), this.shadowRoot.innerHTML = `
+    tt(this, Ma, this.getRootNode().host), this.shadowRoot.innerHTML = `
 			<style>
 				textarea {
 					width: 100%;
@@ -29238,42 +29238,42 @@ class hf extends HTMLElement {
 				<textarea></textarea>
 			</nx-dialog>
 		`, $(".reset", this.shadowRoot).on("click", (t) => {
-      $("textarea", this.shadowRoot).val(f(this, Na));
+      $("textarea", this.shadowRoot).val(f(this, Oa));
     }), $(".apply", this.shadowRoot).on("click", (t) => {
-      f(this, Ra).data.setValue(f(this, Ma), f(this, Ia), $("textarea", this.shadowRoot).val()), this.shadowRoot.querySelector("dialog").close();
+      f(this, Ma).data.setValue(f(this, Ia), f(this, Na), $("textarea", this.shadowRoot).val()), this.shadowRoot.querySelector("dialog").close();
     });
   }
 }
-Ra = new WeakMap(), Ma = new WeakMap(), Ia = new WeakMap(), Na = new WeakMap();
+Ma = new WeakMap(), Ia = new WeakMap(), Na = new WeakMap(), Oa = new WeakMap();
 customElements.get("ng-textarea") || customElements.define("ng-textarea", lf);
 customElements.get("ng-textarea-detail") || customElements.define("ng-textarea-detail", hf);
-var Oa, ja, $a, mi, Vn, oc, ac, lc, hc, gu, La, Pa, cc, uc, dc;
+var ja, $a, La, mi, Vn, oc, ac, lc, hc, bu, Pa, Da, cc, uc, dc;
 class cf extends Mr {
   constructor() {
     super();
     Y(this, mi);
-    Y(this, Oa);
     Y(this, ja);
+    Y(this, $a);
     it(this, "dataRefresh", (t) => {
       const l = this.value;
       for (var c = "", o = 1; o < l; o++)
         c += '<div class="ng-pad-item"></div>';
-      f(this, Oa).innerHTML = c, f(this, ja).innerHTML = this.getDisplayText(), f(this, oc).call(this), t || this.reset(), $(".ng-icon", this.shadowRoot).off("click", f(this, $a)), $(".ng-icon", this.shadowRoot).on("click", f(this, $a));
+      f(this, ja).innerHTML = c, f(this, $a).innerHTML = this.getDisplayText(), f(this, oc).call(this), t || this.reset(), $(".ng-icon", this.shadowRoot).off("click", f(this, La)), $(".ng-icon", this.shadowRoot).on("click", f(this, La));
     });
-    Y(this, $a, (t) => {
+    Y(this, La, (t) => {
       f(this, ac).call(this), H.j.querySelectorAll(t.target).removeClass("ng-expand-on").removeClass("ng-expand-off"), H.j.querySelectorAll(t.target).addClass(f(this, mi, Vn) ? "ng-expand-on" : "ng-expand-off");
     });
     Y(this, oc, () => {
       const t = this.row;
       if (isNaN(t)) return;
-      const l = f(this, uc).call(this, t), c = this.value, o = f(this, dc).call(this, t + 1), r = f(this, Pa).call(this, t);
+      const l = f(this, uc).call(this, t), c = this.value, o = f(this, dc).call(this, t + 1), r = f(this, Da).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, mi, Vn) ? "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");
-      for (var s = $(".ng-pad-item", this.shadowRoot), e = f(this, La).call(this, t), i = s.length; e >= 0; ) {
+      for (var s = $(".ng-pad-item", this.shadowRoot), e = f(this, Pa).call(this, t), i = s.length; e >= 0; ) {
         i--;
-        var u = f(this, Pa).call(this, e);
-        u && s.eq(i).addClass("ng-pad-item-none"), e = f(this, La).call(this, e);
+        var u = f(this, Da).call(this, e);
+        u && s.eq(i).addClass("ng-pad-item-none"), e = f(this, Pa).call(this, e);
       }
       c < o ? f(this, mi, Vn) ? 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");
     });
@@ -29308,7 +29308,7 @@ class cf extends Mr {
           n = l[e];
         }
     });
-    Y(this, gu, (t) => {
+    Y(this, bu, (t) => {
       var l = this.owner.data.getValidDataNF();
       const c = this.owner.data.findIndexNF_1(this.data.__ng._[H.ROW.INDEX]);
       if (!(c < 0))
@@ -29318,7 +29318,7 @@ class cf extends Mr {
           l[n].__ng._[H.ROW.COLLAPSE] = !t;
         }
     });
-    Y(this, La, (t) => {
+    Y(this, Pa, (t) => {
       if (t <= 0) return -1;
       const l = this.owner.data.get(t, this.cell.dataset.bind), c = this.owner.fields.indexOf(this.cell.dataset.bind), o = this.owner.data.getValidData();
       for (var r = t - 1; r >= 0; r--) {
@@ -29327,7 +29327,7 @@ class cf extends Mr {
       }
       return -1;
     });
-    Y(this, Pa, (t) => {
+    Y(this, Da, (t) => {
       if (H.isNull(t) || t < 0) throw `invalid row [${t}]`;
       if (t + 1 >= this.owner.data.count()) return !0;
       const l = this.owner.data.get(t, this.cell.dataset.bind), c = this.owner.fields.indexOf(this.cell.dataset.bind), o = this.owner.data.getValidData();
@@ -29369,7 +29369,7 @@ class cf extends Mr {
 				<div></div>
 				<span class="text">${this.displayValue}</span>
 			</div>
-		`, super.connectedCallback(), tt(this, Oa, this.shadowRoot.querySelector("div.ng-pad")), tt(this, ja, this.shadowRoot.querySelector("span"));
+		`, super.connectedCallback(), tt(this, ja, this.shadowRoot.querySelector("div.ng-pad")), tt(this, $a, this.shadowRoot.querySelector("span"));
   }
   get prevLevel() {
     var t = parseInt(this.closest("tr").sectionRowIndex / this.owner.template.length);
@@ -29385,11 +29385,11 @@ class cf extends Mr {
     return -1;
   }
 }
-Oa = new WeakMap(), ja = new WeakMap(), $a = new WeakMap(), mi = new WeakSet(), Vn = function() {
+ja = new WeakMap(), $a = new WeakMap(), La = new WeakMap(), mi = new WeakSet(), Vn = function() {
   return this.data.__ng._[H.ROW.EXPAND];
-}, oc = new WeakMap(), ac = new WeakMap(), lc = new WeakMap(), hc = new WeakMap(), gu = new WeakMap(), La = new WeakMap(), Pa = new WeakMap(), cc = new WeakMap(), uc = new WeakMap(), dc = new WeakMap();
+}, oc = new WeakMap(), ac = new WeakMap(), lc = new WeakMap(), hc = new WeakMap(), bu = new WeakMap(), Pa = new WeakMap(), Da = new WeakMap(), cc = new WeakMap(), uc = new WeakMap(), dc = new WeakMap();
 customElements.get("ng-tree-item") || customElements.define("ng-tree-item", cf);
-var vt, Xe, yr, gi, bi, Da, Ba, Fa, qa, Ha, fc, pc, mc, kn, Hs, zs;
+var vt, Xe, yr, gi, bi, Ba, Fa, qa, Ha, za, fc, pc, mc, kn, Hs, zs;
 class uf {
   constructor(C) {
     Y(this, vt);
@@ -29417,26 +29417,26 @@ class uf {
     it(this, "redrawV3", () => {
       this.init(), tt(this, Xe, f(this, vt).dataManager.viewRecords.rawIndex || 0), f(this, kn).call(this);
     });
-    Y(this, Da, () => {
+    Y(this, Ba, () => {
       var C = 0;
       return $(".ng-container-body tbody.fixed tr", f(this, vt).body).each((t, l) => {
         l.data && l.data.__ng && (C += f(this, vt).matrix.getHeight(l.data.__ng.height[parseInt(t % f(this, vt).template.length)]));
       }), C;
     });
-    Y(this, Ba, () => {
-      var C = f(this, Da).call(this);
+    Y(this, Fa, () => {
+      var C = f(this, Ba).call(this);
       const t = parseInt(f(this, Xe) * f(this, vt).template.length);
       return $(".ng-container-body tbody.bindable tr:not(.nodata)", f(this, vt).body).each((l, c) => {
         C += f(this, vt).matrix.getHeight(t + l);
       }), C;
     });
-    Y(this, Fa, () => {
+    Y(this, qa, () => {
       const C = parseInt(f(this, vt).getAttribute("display-row-count"));
       if (f(this, vt).closest("dialog") && H.j.querySelectorAll(f(this, vt)).hasClass("simple")) return 1;
       if ([H.PAGINGTYPE.CLIENT, H.PAGINGTYPE.SERVER].includes(f(this, vt).paging.type)) return f(this, vt).paging.linesPerPage;
       if (!isNaN(C))
         return f(this, Xe) + C > f(this, vt).data.count() && (tt(this, Xe, C >= f(this, vt).data.count() ? 0 : f(this, vt).data.count() - C), f(this, vt).dataManager.viewRecords.rawIndex = f(this, Xe)), C;
-      const t = f(this, yr).body - f(this, yr).thead - f(this, yr).tfoot - f(this, Da).call(this);
+      const t = f(this, yr).body - f(this, yr).thead - f(this, yr).tfoot - f(this, Ba).call(this);
       for (var l = 0, c = 0; c < t; )
         c += this.getRowHeight(f(this, Xe) + l++);
       if (f(this, Xe) + l > f(this, vt).data.count()) {
@@ -29447,8 +29447,8 @@ class uf {
       }
       return l;
     });
-    Y(this, qa, () => {
-      var C = f(this, Fa).call(this), t = $(".ng-container-body tbody.bindable tr", f(this, vt).body).not("tr.nodata").length / (f(this, vt).template.length || 1);
+    Y(this, Ha, () => {
+      var C = f(this, qa).call(this), t = $(".ng-container-body tbody.bindable tr", f(this, vt).body).not("tr.nodata").length / (f(this, vt).template.length || 1);
       const l = f(this, vt).template.clone(), c = l.clone(), o = l.clone();
       l.find("th,td").not("[fixed=left]").remove(), c.find("th,td").not("[fixed=right]").remove(), o.find("th[fixed=left],td[fixed=left],th[fixed=right],td[fixed=right]").remove();
       const r = $("tr.nodata", f(this, vt).body.querySelector(".ng-container-left")), n = $("tr.nodata", f(this, vt).body.querySelector(".ng-container-right")), s = $("tr.nodata", f(this, vt).body.querySelector(".ng-container-body"));
@@ -29465,8 +29465,8 @@ class uf {
       if (i.length > 0)
         var t;
     });
-    Y(this, Ha, () => {
-      var C = Math.min(f(this, Fa).call(this), f(this, vt).data.count());
+    Y(this, za, () => {
+      var C = Math.min(f(this, qa).call(this), f(this, vt).data.count());
       $(".ng-container tbody.bindable tr:not(.nodata)", f(this, vt).body).each((t, l) => {
         parseInt(l.sectionRowIndex / f(this, vt).template.length) >= C && $(l).remove();
       }), f(this, vt).body.querySelectorAll(".ng-container tbody.bindable tr:not(.nodata)").forEach((t) => {
@@ -29474,8 +29474,8 @@ class uf {
       });
     });
     Y(this, fc, () => {
-      f(this, qa).call(this), f(this, Ha).call(this);
-      var C = f(this, yr).body - f(this, yr).thead - f(this, yr).tfoot - f(this, Ba).call(this);
+      f(this, Ha).call(this), f(this, za).call(this);
+      var C = f(this, yr).body - f(this, yr).thead - f(this, yr).tfoot - f(this, Fa).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")) {
         $("tr.nodata", f(this, vt).body).height(0);
         var C = 47;
@@ -29485,7 +29485,7 @@ class uf {
       }
     });
     Y(this, pc, () => {
-      f(this, qa).call(this), f(this, Ha).call(this), f(this, vt).isLastPage;
+      f(this, Ha).call(this), f(this, za).call(this), f(this, vt).isLastPage;
     });
     Y(this, mc, () => {
       for (const C of f(this, bi))
@@ -29503,7 +29503,7 @@ class uf {
         f(this, vt).cell.refresh(), $("ng-row-indicator", f(this, vt).body).each((r, n) => {
           n.refresh();
         });
-        var o = f(this, yr).body - f(this, yr).thead - f(this, yr).tfoot - f(this, Ba).call(this);
+        var o = f(this, yr).body - f(this, yr).thead - f(this, yr).tfoot - f(this, Fa).call(this);
         f(this, vt).getAttribute("display-row-count") && f(this, vt).data.count() >= Number(f(this, vt).getAttribute("display-row-count") || 0) && (o = 0), $(".ng-container tbody.bindable tr.nodata", f(this, vt).body).height(o), f(this, vt).refreshBindRows(), f(this, vt).refreshData(), f(this, vt).paging.totalCount = f(this, vt).data.countNF(), f(this, vt).body.querySelector("ng-vscrollbar").refresh(), H.j.querySelectorAll(".ng-table tbody tr", f(this, vt).body).removeClass("hover"), H.j.querySelectorAll(f(this, vt)).removeClass("loading"), H.j.querySelectorAll("ng-filter-panel").removeClass("loading");
       }, 300)), f(this, bi).push(setTimeout(() => {
         f(this, vt).refreshDataV2();
@@ -29614,7 +29614,7 @@ class uf {
     tt(this, vt, C), tt(this, gi, !1), this.init();
   }
 }
-vt = new WeakMap(), Xe = new WeakMap(), yr = new WeakMap(), gi = new WeakMap(), bi = new WeakMap(), Da = new WeakMap(), Ba = new WeakMap(), Fa = new WeakMap(), qa = new WeakMap(), Ha = new WeakMap(), fc = new WeakMap(), pc = new WeakMap(), mc = new WeakMap(), kn = new WeakMap(), Hs = new WeakMap(), zs = new WeakMap();
+vt = new WeakMap(), Xe = new WeakMap(), yr = new WeakMap(), gi = new WeakMap(), bi = new WeakMap(), Ba = new WeakMap(), Fa = new WeakMap(), qa = new WeakMap(), Ha = new WeakMap(), za = new WeakMap(), fc = new WeakMap(), pc = new WeakMap(), mc = new WeakMap(), kn = new WeakMap(), Hs = new WeakMap(), zs = new WeakMap();
 var Je, Us, gc;
 class df {
   constructor(C) {
@@ -29696,21 +29696,21 @@ class df {
   }
 }
 Je = new WeakMap(), Us = new WeakMap(), gc = new WeakMap();
-var za, Cn, Ua;
+var Ua, Cn, Va;
 class ff extends HTMLElement {
   constructor() {
     super();
-    Y(this, za);
+    Y(this, Ua);
     Y(this, Cn);
-    Y(this, Ua, (t) => {
+    Y(this, Va, (t) => {
       var o;
       t.preventDefault(), t.stopPropagation();
-      const l = f(this, za).shadowRoot.querySelector("ng-filter-panel"), c = (o = this.closest("th,td")) == null ? void 0 : o.dataset.col;
+      const l = f(this, Ua).shadowRoot.querySelector("ng-filter-panel"), c = (o = this.closest("th,td")) == null ? void 0 : o.dataset.col;
       l.col === c ? l.close() : l.open(this);
     });
   }
   connectedCallback() {
-    tt(this, za, this.getRootNode().host), this.removeEventListener("click", f(this, Ua)), this.addEventListener("click", f(this, Ua));
+    tt(this, Ua, this.getRootNode().host), this.removeEventListener("click", f(this, Va)), this.addEventListener("click", f(this, Va));
   }
   get filterOptions() {
     return f(this, Cn);
@@ -29719,14 +29719,14 @@ class ff extends HTMLElement {
     tt(this, Cn, t), this.classList.toggle("filtered", f(this, Cn).some((l) => l.data.length > 0));
   }
 }
-za = new WeakMap(), Cn = new WeakMap(), Ua = new WeakMap();
-var Ar, Va, Wa, bc, yc, vc, wc;
+Ua = new WeakMap(), Cn = new WeakMap(), Va = new WeakMap();
+var Ar, Wa, Xa, bc, yc, vc, wc;
 class pf extends HTMLElement {
   constructor() {
     super();
     Y(this, Ar);
-    Y(this, Va);
     Y(this, Wa);
+    Y(this, Xa);
     Y(this, bc, (t) => {
       const l = this.shadowRoot.querySelector("nine-grid");
       this.classList.add("loading"), setTimeout(() => {
@@ -29734,7 +29734,7 @@ class pf extends HTMLElement {
           colnm: u,
           data: [...new Set(l.data.getValidData().filter((a) => a.v[o] === "Y" && a.v[r] === u).map((a) => a.v[n] || ""))].sort()
         })) : [];
-        f(this, Va).filterOptions = e;
+        f(this, Wa).filterOptions = e;
         const i = Object.fromEntries(
           [...f(this, Ar).body.querySelectorAll("ng-filter-button")].flatMap((u) => u.filterOptions).filter((u) => u.data.length > 0).map((u) => [u.colnm, u.data])
         );
@@ -29760,7 +29760,7 @@ class pf extends HTMLElement {
       const o = t.target.value.toLowerCase(), [r, n] = ["LVL", "DATA"].map((s) => l.fields.indexOf(s));
       c.forEach((s) => {
         s.__ng.filtered = s.v[r] === 2 && !String(s.v[n] || "").toLowerCase().includes(o);
-      }), l.data.resetRecords(), clearTimeout(f(this, Wa)), tt(this, Wa, setTimeout(() => {
+      }), l.data.resetRecords(), clearTimeout(f(this, Xa)), tt(this, Xa, setTimeout(() => {
         l.dataManager.viewRecords.reset(), l.dataManager.viewRecords.touch();
       }, 200));
     });
@@ -29774,7 +29774,7 @@ class pf extends HTMLElement {
       const a = s + e - n;
       Object.assign(this.style, { left: `${u}px`, top: `${a}px`, display: "flex" }), this.classList.add("loading"), this.shadowRoot.querySelector("input[type=text]").value = "", setTimeout(() => {
         const h = f(this, Ar).data.getValidDataNF(), p = l.dataset.col;
-        this.col = p, tt(this, Va, t);
+        this.col = p, tt(this, Wa, t);
         const m = t.filterOptions.map((g, S) => {
           const E = `<span class="group">${l.textContent}${t.filterOptions.length > 1 ? ` #${S + 1} (${g.colnm})` : ""}</span>`, I = f(this, Ar).activeTmpl.querySelector(`[data-col="${p}"][data-bind="${g.colnm}"]`), D = I == null ? void 0 : I.getAttribute("data-expr"), z = D ? f(this, Ar).exprFunction(D) : null, P = h.map((B) => {
             const F = f(this, Ar).fields.indexOf(g.colnm);
@@ -29837,16 +29837,16 @@ class pf extends HTMLElement {
 		`, this.shadowRoot.querySelector("input[type=text]").addEventListener("input", f(this, wc)), this.shadowRoot.querySelector("input[type=checkbox]").addEventListener("change", f(this, vc)), this.shadowRoot.querySelector("#btnOk").addEventListener("click", f(this, bc)), this.shadowRoot.querySelector("#btnCancel").addEventListener("click", f(this, yc));
   }
 }
-Ar = new WeakMap(), Va = new WeakMap(), Wa = new WeakMap(), bc = new WeakMap(), yc = new WeakMap(), vc = new WeakMap(), wc = new WeakMap();
+Ar = new WeakMap(), Wa = new WeakMap(), Xa = new WeakMap(), bc = new WeakMap(), yc = new WeakMap(), vc = new WeakMap(), wc = new WeakMap();
 customElements.get("ng-filter-button") || customElements.define("ng-filter-button", ff);
 customElements.get("ng-filter-panel") || customElements.define("ng-filter-panel", pf);
-var Xa, yi, Ya, En, ss, Ga, Ka, xc, gs, _c, Za, Sc, is, kc, Ja, Cc, Qa, Vs, Ws;
+var Ya, yi, Ga, En, ss, Ka, Za, xc, gs, _c, Ja, Sc, is, kc, Qa, Cc, tl, Vs, Ws;
 class Jc extends HTMLElement {
   constructor() {
     super();
-    Y(this, Xa, !1);
+    Y(this, Ya, !1);
     Y(this, yi);
-    Y(this, Ya);
+    Y(this, Ga);
     Y(this, En);
     Y(this, ss);
     it(this, "export", () => {
@@ -29905,15 +29905,15 @@ class Jc extends HTMLElement {
         c.children[0] && c.children[0].dataRefresh && c.children[0].dataRefresh(!0);
       });
     });
-    Y(this, Ga, (t) => {
+    Y(this, Ka, (t) => {
       this.dataManager && (this.data.clear(), this.dataManager.setDataSource(t), this.refresh(), this.paging && this.paging.refresh(), this.scrollTo_V1(0));
     });
     it(this, "changeRayout", (t) => {
-      $(".ng-container-left", this.body).children().remove(), $(".ng-container-right", this.body).children().remove(), $(".ng-container-body", this.body).children().remove(), $(".ng-container-body", this.shadowRoot).append(f(this, ss)[t]), f(this, Ja).call(this), this.createTemplate(), f(this, Ka).call(this), this.resetTemplate(), f(this, Za).call(this), this.cell.resetEvent(), this.touchEvent.resetEvent(), f(this, yi).resetEvent(), f(this, Ya).resetEvent(), f(this, En) && f(this, En).resetEvent(), this.sorting && this.sorting.initialize(), this.filtering && this.filtering.initialize(), this.pin && this.pin.initialize(), this.data.initialize(), setTimeout(() => {
+      $(".ng-container-left", this.body).children().remove(), $(".ng-container-right", this.body).children().remove(), $(".ng-container-body", this.body).children().remove(), $(".ng-container-body", this.shadowRoot).append(f(this, ss)[t]), f(this, Qa).call(this), this.createTemplate(), f(this, Za).call(this), this.resetTemplate(), f(this, Ja).call(this), this.cell.resetEvent(), this.touchEvent.resetEvent(), f(this, yi).resetEvent(), f(this, Ga).resetEvent(), f(this, En) && f(this, En).resetEvent(), this.sorting && this.sorting.initialize(), this.filtering && this.filtering.initialize(), this.pin && this.pin.initialize(), this.data.initialize(), setTimeout(() => {
         this.paging && this.paging.refresh(), this.scrollTo_V1(0);
       });
     });
-    Y(this, Ka, () => {
+    Y(this, Za, () => {
       this.elements = {
         table: $(this.body.querySelector(".ng-container-body > table")),
         hscrollbar: $(this.body.querySelector("ng-hscrollbar")),
@@ -29962,7 +29962,7 @@ class Jc extends HTMLElement {
       });
     });
     Y(this, _c, () => {
-      if (f(this, Xa)) return;
+      if (f(this, Ya)) 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) {
           var s = 0;
@@ -30028,7 +30028,7 @@ class Jc 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, ss)[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, Ja).call(this), this.createTemplate(), f(this, Ka).call(this), this.resetTemplate(), f(this, Sc).call(this);
+      }), $(this.shadowRoot.querySelector("ng-head").shadowRoot.querySelector("ng-custom")).append(this.querySelectorAll("nx-buttons")), f(this, Qa).call(this), this.createTemplate(), f(this, Za).call(this), this.resetTemplate(), f(this, Sc).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, ss)), new Vu(this), this.pin = new tf(this), this.fields = new Sd(this), this.cell = new Wu(this), this.touchEvent = new Ku(this), this.selection = new Gu(this), this.tables = new of(this), this.dataManager = new pd(this), this.view = new uf(this), this.tableUtils = new af(this), this.columns = new id(this);
       for (var c in this.dataManager)
@@ -30037,7 +30037,7 @@ class Jc extends HTMLElement {
         ["columns"].includes(c) && (this[c] = this.tableUtils[c]);
       for (var c in this.cell)
         this.cell[c] instanceof Function && !["refresh"].includes(c) || ["xx"].includes(c) && (this[c] = this.cell[c]);
-      H.j.querySelectorAll(this).hasClass("simple") || (this.filtering = new df(this)), !H.j.querySelectorAll(this).hasClass("combo") && !H.j.querySelectorAll(this).hasClass("filter") && $(this.shadowRoot).append($("<ng-combo-panel></ng-combo-panel").hide()), this.sorting = new nf(this), this.matrix = new Fd(this), tt(this, yi, new sd(this)), tt(this, Ya, new rd(this)), H.j.querySelectorAll(this).hasClass("simple") || tt(this, En, new Gd(this)), f(this, Za).call(this), this.refresh(), this.body.querySelector(".ng-container-body .nodata") && new ResizeObserver((r, n) => {
+      H.j.querySelectorAll(this).hasClass("simple") || (this.filtering = new df(this)), !H.j.querySelectorAll(this).hasClass("combo") && !H.j.querySelectorAll(this).hasClass("filter") && $(this.shadowRoot).append($("<ng-combo-panel></ng-combo-panel").hide()), this.sorting = new nf(this), this.matrix = new Fd(this), tt(this, yi, new sd(this)), tt(this, Ga, new rd(this)), H.j.querySelectorAll(this).hasClass("simple") || tt(this, En, new Gd(this)), f(this, Ja).call(this), this.refresh(), this.body.querySelector(".ng-container-body .nodata") && new ResizeObserver((r, n) => {
         this.body.querySelector("ng-vscrollbar").refresh();
       }).observe(this.body.querySelector(".ng-container-body .nodata")), !H.j.querySelectorAll(this).hasClass("filter") && !H.j.querySelectorAll(this).hasClass("combo") && ($(this.body).on("mousedown", (r) => {
         this.shadowRoot.querySelectorAll("ng-combo-panel,ng-filter-panel,ng-context-menu-panel").forEach((n) => {
@@ -30056,9 +30056,9 @@ class Jc extends HTMLElement {
           const s = new CustomEvent(H.EVENT.BUTTON_CLICK, { bubbles: !0, detail: { target: r } });
           this.dispatchEvent(s);
         });
-      }), tt(this, Xa, !0);
+      }), tt(this, Ya, !0);
     });
-    Y(this, Za, () => {
+    Y(this, Ja, () => {
       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, Sc, () => {
@@ -30178,7 +30178,7 @@ class Jc extends HTMLElement {
         $(s).css({ width: r[n].width, "min-width": r[n].width, "background-color": r[n].background, "border-top-color": r[n].background }), H.j.querySelectorAll(s).attr("background-color", r[n].background);
       });
     });
-    Y(this, Ja, () => {
+    Y(this, Qa, () => {
       var t = this.body.querySelector(".ng-container-body > table");
       if (t) {
         t.querySelectorAll("tbody tr").forEach((c) => {
@@ -30198,7 +30198,7 @@ class Jc extends HTMLElement {
         $(c).append('<td class="last"></td>');
       });
     });
-    Y(this, Qa, () => {
+    Y(this, tl, () => {
       var t = [];
       return $("th,td", this.template).not(".dummy").not(".first").each((l, c) => {
         c.querySelector("ng-row-indicator") || t.push(Number(c.dataset.col));
@@ -30334,8 +30334,8 @@ class Jc extends HTMLElement {
     return this.dataManager.rawRecords;
   }
   set dataSource(t) {
-    this.dataManager ? f(this, Ga).call(this, t) : setTimeout(() => {
-      f(this, Ga).call(this, t);
+    this.dataManager ? f(this, Ka).call(this, t) : setTimeout(() => {
+      f(this, Ka).call(this, t);
     }, 300);
   }
   get layouts() {
@@ -30389,13 +30389,13 @@ class Jc extends HTMLElement {
     }
   }
   get firstCol() {
-    return Math.min.apply(null, f(this, Qa).call(this));
+    return Math.min.apply(null, f(this, tl).call(this));
   }
   get lastCol() {
-    return Math.max.apply(null, f(this, Qa).call(this));
+    return Math.max.apply(null, f(this, tl).call(this));
   }
 }
-Xa = new WeakMap(), yi = new WeakMap(), Ya = new WeakMap(), En = new WeakMap(), ss = new WeakMap(), Ga = new WeakMap(), Ka = new WeakMap(), xc = new WeakMap(), gs = new WeakMap(), _c = new WeakMap(), Za = new WeakMap(), Sc = new WeakMap(), is = new WeakMap(), kc = new WeakMap(), Ja = new WeakMap(), Cc = new WeakMap(), Qa = new WeakMap(), Vs = new WeakMap(), Ws = new WeakMap(), it(Jc, "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"]);
+Ya = new WeakMap(), yi = new WeakMap(), Ga = new WeakMap(), En = new WeakMap(), ss = new WeakMap(), Ka = new WeakMap(), Za = new WeakMap(), xc = new WeakMap(), gs = new WeakMap(), _c = new WeakMap(), Ja = new WeakMap(), Sc = new WeakMap(), is = new WeakMap(), kc = new WeakMap(), Qa = new WeakMap(), Cc = new WeakMap(), tl = new WeakMap(), Vs = new WeakMap(), Ws = new WeakMap(), it(Jc, "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", Jc);
 class mf extends Jc {
   constructor() {
@@ -30406,7 +30406,7 @@ class mf extends Jc {
   }
 }
 customElements.get("ng-source") || customElements.define("ng-source", mf);
-var bs, Ec, tl, An, el, rl, Tn, sl;
+var bs, Ec, el, An, rl, sl, Tn, il;
 class gf extends HTMLElement {
   constructor() {
     super();
@@ -30416,7 +30416,7 @@ class gf extends HTMLElement {
       this.querySelector("dialog").showModal();
     });
     it(this, "close", () => {
-      $(".head", this).off("mousedown", f(this, tl)), $(".head", this).off("touchstart", f(this, rl)), $(document).off("mouseup", f(this, el)), $(document).off("touchend", f(this, sl)), $(document).off("mousemove", f(this, An)), $(document).off("touchmove", f(this, Tn)), this.querySelector("dialog").close();
+      $(".head", this).off("mousedown", f(this, el)), $(".head", this).off("touchstart", f(this, sl)), $(document).off("mouseup", f(this, rl)), $(document).off("touchend", f(this, il)), $(document).off("mousemove", f(this, An)), $(document).off("touchmove", f(this, Tn)), this.querySelector("dialog").close();
     });
     Y(this, Ec, () => {
       $(".close", this).on("click", (t) => {
@@ -30425,9 +30425,9 @@ class gf extends HTMLElement {
         }, 300);
       }), $(".close2", this).on("click", (t) => {
         this.close();
-      }), $(".head", this).on("mousedown", f(this, tl)), $(".head", this).on("touchstart", f(this, rl)), $(document).on("mouseup", f(this, el)), $(document).on("touchend", f(this, sl));
+      }), $(".head", this).on("mousedown", f(this, el)), $(".head", this).on("touchstart", f(this, sl)), $(document).on("mouseup", f(this, rl)), $(document).on("touchend", f(this, il));
     });
-    Y(this, tl, (t) => {
+    Y(this, el, (t) => {
       if (!t.target.closest("buttons") && !(t.buttons != 1 || t.altKey || t.ctrlKey || t.shiftkey)) {
         var l = this.querySelector("dialog").getBoundingClientRect();
         tt(this, bs, {
@@ -30439,10 +30439,10 @@ class gf extends HTMLElement {
     Y(this, An, (t) => {
       $(this.querySelector("dialog")).offset({ left: t.pageX - f(this, bs).x, top: t.pageY - f(this, bs).y });
     });
-    Y(this, el, (t) => {
+    Y(this, rl, (t) => {
       $(document).off("mousemove", f(this, An));
     });
-    Y(this, rl, (t) => {
+    Y(this, sl, (t) => {
       if (!t.target.closest("buttons")) {
         var l = this.querySelector("dialog").getBoundingClientRect();
         tt(this, bs, {
@@ -30454,7 +30454,7 @@ class gf extends HTMLElement {
     Y(this, Tn, (t) => {
       $(this.querySelector("dialog")).offset({ left: t.changedTouches[0].pageX - f(this, bs).x, top: t.changedTouches[0].pageY - f(this, bs).y });
     });
-    Y(this, sl, (t) => {
+    Y(this, il, (t) => {
       $(document).off("touchmove", f(this, Tn));
     });
   }
@@ -30499,15 +30499,15 @@ class gf extends HTMLElement {
 		`, $(".title", this).html("Details"), f(this, Ec).call(this);
   }
 }
-bs = new WeakMap(), Ec = new WeakMap(), tl = new WeakMap(), An = new WeakMap(), el = new WeakMap(), rl = new WeakMap(), Tn = new WeakMap(), sl = new WeakMap();
+bs = new WeakMap(), Ec = new WeakMap(), el = new WeakMap(), An = new WeakMap(), rl = new WeakMap(), sl = new WeakMap(), Tn = new WeakMap(), il = new WeakMap();
 customElements.get("nx-dialog") || customElements.define("nx-dialog", gf);
-var il, Xs, nl, Rn, ys, vi, Mn, Ac;
+var nl, Xs, ol, Rn, ys, vi, Mn, Ac;
 class Ou extends HTMLElement {
   constructor() {
     super();
-    Y(this, il);
-    Y(this, Xs);
     Y(this, nl);
+    Y(this, Xs);
+    Y(this, ol);
     Y(this, Rn);
     Y(this, ys);
     Y(this, vi, []);
@@ -30517,7 +30517,7 @@ class Ou extends HTMLElement {
         if (f(this, Mn))
           f(this, Xs).innerHTML = i18next.t(f(this, Mn));
         else if (f(this, vi).length > 0 && !H.isNull(f(this, Rn))) {
-          var t = f(this, vi).findIndex((l) => l[f(this, nl)] == H.global.locale);
+          var t = f(this, vi).findIndex((l) => l[f(this, ol)] == H.global.locale);
           t < 0 && (t = 0), f(this, Xs).innerHTML = f(this, vi)[t][f(this, Rn)], $("datalist", this).remove(), $(this).append(f(this, ys));
         }
       }
@@ -30525,7 +30525,7 @@ class Ou extends HTMLElement {
     Y(this, Ac, () => {
       tt(this, ys, "<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, il) ? 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, nl, c.attributes[n].name) : tt(this, Rn, c.attributes[n].name));
+          r[c.attributes[n].name] = f(this, nl) ? 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, ol, c.attributes[n].name) : tt(this, Rn, c.attributes[n].name));
         tt(this, ys, f(this, ys) + "<option");
         for (const s in r)
           tt(this, ys, f(this, ys) + ` ${s}="${r[s]}"`);
@@ -30541,12 +30541,12 @@ class Ou extends HTMLElement {
     });
   }
   connectedCallback() {
-    tt(this, il, this.getAttribute("enable-html") == "true"), tt(this, Mn, this.getAttribute("i18n") || this.getAttribute("label") || this.getAttribute("message") || this.getAttribute("text")), $(() => {
+    tt(this, nl, this.getAttribute("enable-html") == "true"), tt(this, Mn, this.getAttribute("i18n") || this.getAttribute("label") || this.getAttribute("message") || this.getAttribute("text")), $(() => {
       f(this, Ac).call(this);
     });
   }
 }
-il = new WeakMap(), Xs = new WeakMap(), nl = new WeakMap(), Rn = new WeakMap(), ys = new WeakMap(), vi = new WeakMap(), Mn = new WeakMap(), Ac = new WeakMap(), it(Ou, "i18n", {
+nl = new WeakMap(), Xs = new WeakMap(), ol = new WeakMap(), Rn = new WeakMap(), ys = new WeakMap(), vi = new WeakMap(), Mn = new WeakMap(), Ac = new WeakMap(), it(Ou, "i18n", {
   convertArrayToJSON: (t) => {
     let l = {};
     for (const c of t) {
@@ -30583,7 +30583,7 @@ il = new WeakMap(), Xs = new WeakMap(), nl = new WeakMap(), Rn = new WeakMap(),
   }
 });
 customElements.get("nx-i18n") || customElements.define("nx-i18n", Ou);
-var In, Nn, Tc, ol;
+var In, Nn, Tc, al;
 class bf extends HTMLElement {
   constructor() {
     super();
@@ -30592,7 +30592,7 @@ class bf extends HTMLElement {
     Y(this, Tc, () => {
       this.classList.remove("nx-collapse"), document.body.style.width = `calc(100% - ${f(this, Nn)}px)`;
     });
-    Y(this, ol, () => {
+    Y(this, al, () => {
       this.classList.add("nx-collapse"), document.body.style.width = `calc(100% - ${f(this, In)}px)`, this.shadowRoot.host.style.width = "var(--min-width)", setTimeout(() => {
         this.shadowRoot.host.style.width = "";
       }, 300);
@@ -30798,7 +30798,7 @@ class bf extends HTMLElement {
       f(this, Tc).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, ol).call(this);
+        f(this, al).call(this);
       });
     }), this.addEventListener("mouseover", (c) => {
       this.shadowRoot.querySelector('slot[name="nx-body-content"]').assignedNodes({ flatten: !0 }).filter((s) => s.nodeName === "UL")[0].querySelectorAll("nx-sidebar-item").forEach((s) => {
@@ -30822,10 +30822,10 @@ class bf extends HTMLElement {
       this.shadowRoot.querySelector('slot[name="nx-body-content"]').assignedNodes({ flatten: !0 }).filter((s) => s.nodeName === "UL")[0].querySelectorAll("nx-sidebar-menuitem").forEach((s) => {
         s.classList.add("collapse");
       });
-    }), document.body.style.float = "right", document.body.style.transition = "width 0.5s ease-in-out", f(this, ol).call(this);
+    }), document.body.style.float = "right", document.body.style.transition = "width 0.5s ease-in-out", f(this, al).call(this);
   }
 }
-In = new WeakMap(), Nn = new WeakMap(), Tc = new WeakMap(), ol = new WeakMap();
+In = new WeakMap(), Nn = new WeakMap(), Tc = new WeakMap(), al = new WeakMap();
 class yf extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
@@ -30847,15 +30847,15 @@ class yf extends HTMLElement {
 		`;
   }
 }
-var al;
+var ll;
 class vf extends HTMLElement {
   constructor() {
     super();
-    Y(this, al);
+    Y(this, ll);
     this.attachShadow({ mode: "open" });
   }
   connectedCallback() {
-    tt(this, al, this.getAttribute("type") || "item"), this.render(), this.classList.add("collapse"), this.classList.add(f(this, al)), this.shadowRoot.querySelector(".menubar").addEventListener("click", (t) => {
+    tt(this, ll, this.getAttribute("type") || "item"), this.render(), this.classList.add("collapse"), this.classList.add(f(this, ll)), this.shadowRoot.querySelector(".menubar").addEventListener("click", (t) => {
       this.dispatchEvent(new CustomEvent("item-click", {
         detail: { message: "Item clicked!" },
         bubbles: !0,
@@ -30881,39 +30881,39 @@ class vf extends HTMLElement {
 		`;
   }
 }
-al = new WeakMap();
+ll = new WeakMap();
 customElements.get("nx-sidebar-menuitem") || customElements.define("nx-sidebar-menuitem", vf);
 customElements.get("nx-sidebar-item") || customElements.define("nx-sidebar-item", yf);
 customElements.get("nx-sidebar") || customElements.define("nx-sidebar", bf);
-var On, jn, ll, hl, cl, Rc;
+var On, jn, hl, cl, ul, Rc;
 class wf extends HTMLElement {
   constructor() {
     super();
     Y(this, On);
     Y(this, jn);
     it(this, "expand", () => {
-      f(this, cl).call(this, "collapse"), document.body.style.width = `calc(100% - ${f(this, jn)}px)`;
+      f(this, ul).call(this, "collapse"), document.body.style.width = `calc(100% - ${f(this, jn)}px)`;
     });
     it(this, "collapse", () => {
-      f(this, hl).call(this, "collapse"), document.body.style.width = `calc(100% - ${f(this, On)}px)`, this.shadowRoot.host.style.width = "var(--min-width)", setTimeout(() => {
+      f(this, cl).call(this, "collapse"), document.body.style.width = `calc(100% - ${f(this, On)}px)`, this.shadowRoot.host.style.width = "var(--min-width)", setTimeout(() => {
         this.shadowRoot.host.style.width = "";
       }, 300);
     });
-    Y(this, ll, (t) => {
+    Y(this, hl, (t) => {
       const l = this.shadowRoot.querySelector("nx-side-menu-body");
       return l ? l.shadowRoot.querySelectorAll(t) : [];
     });
-    Y(this, hl, (t) => {
+    Y(this, cl, (t) => {
       this.classList.add(t), this.shadowRoot.querySelectorAll("nx-side-menu-head,nx-side-menu-foot,nx-side-menu-body,nx-side-menu-custom").forEach((l) => {
         l.classList.add(t);
-      }), f(this, ll).call(this, "nx-side-menu-item").forEach((l) => {
+      }), f(this, hl).call(this, "nx-side-menu-item").forEach((l) => {
         l.classList.add(t);
       });
     });
-    Y(this, cl, (t) => {
+    Y(this, ul, (t) => {
       this.classList.remove(t), this.shadowRoot.querySelectorAll("nx-side-menu-head,nx-side-menu-foot,nx-side-menu-body,nx-side-menu-custom").forEach((l) => {
         l.classList.remove(t);
-      }), f(this, ll).call(this, "nx-side-menu-item").forEach((l) => {
+      }), f(this, hl).call(this, "nx-side-menu-item").forEach((l) => {
         l.classList.remove(t);
       });
     });
@@ -30935,9 +30935,9 @@ class wf extends HTMLElement {
 			
 			${t}
 		`, this.addEventListener("mouseover", (l) => {
-        f(this, hl).call(this, "hover");
-      }), this.addEventListener("mouseout", (l) => {
         f(this, cl).call(this, "hover");
+      }), this.addEventListener("mouseout", (l) => {
+        f(this, ul).call(this, "hover");
       }), document.body.style.float = "right", document.body.style.transition = "width 0.5s ease-in-out", this.collapse();
     });
     this.attachShadow({ mode: "open" });
@@ -30951,7 +30951,7 @@ class wf extends HTMLElement {
     }, 300);
   }
 }
-On = new WeakMap(), jn = new WeakMap(), ll = new WeakMap(), hl = new WeakMap(), cl = new WeakMap(), Rc = new WeakMap();
+On = new WeakMap(), jn = new WeakMap(), hl = new WeakMap(), cl = new WeakMap(), ul = new WeakMap(), Rc = new WeakMap();
 var wi, Mc, Ic, ju;
 class xf extends HTMLElement {
   constructor() {
@@ -30959,7 +30959,7 @@ class xf extends HTMLElement {
     Y(this, Ic);
     Y(this, wi);
     Y(this, Mc, () => {
-      Ve(this, Ic, ju).call(this), tt(this, wi, this.shadowRoot.getRootNode().host.getRootNode().host), f(this, wi) && (this.shadowRoot.querySelector(".icon:nth-of-type(1)").addEventListener("click", (t) => {
+      He(this, Ic, ju).call(this), tt(this, wi, this.shadowRoot.getRootNode().host.getRootNode().host), f(this, wi) && (this.shadowRoot.querySelector(".icon:nth-of-type(1)").addEventListener("click", (t) => {
         f(this, wi).expand();
       }), this.shadowRoot.querySelectorAll(".icon:nth-of-type(2),.icon:nth-of-type(3)").forEach((t) => {
         t.addEventListener("click", (l) => {
@@ -31009,7 +31009,7 @@ class _f extends HTMLElement {
     Y(this, Oc);
     Y(this, $n);
     Y(this, Nc, () => {
-      tt(this, $n, this.closest("nx-side-menu")), Ve(this, Oc, $u).call(this), this.shadowRoot.querySelector(".icon:nth-of-type(1)").addEventListener("click", () => {
+      tt(this, $n, this.closest("nx-side-menu")), He(this, Oc, $u).call(this), this.shadowRoot.querySelector(".icon:nth-of-type(1)").addEventListener("click", () => {
         f(this, $n).expand();
       }), this.shadowRoot.querySelectorAll(".icon:nth-of-type(2), .icon:nth-of-type(3)").forEach((t) => {
         t.addEventListener("click", (l) => {
@@ -31092,15 +31092,15 @@ class Sf extends HTMLElement {
   }
 }
 jc = new WeakMap(), $c = new WeakMap();
-var ul, Ln, dl, Lc;
+var dl, Ln, fl, Lc;
 class kf extends HTMLElement {
   constructor() {
     super();
-    Y(this, ul);
-    Y(this, Ln);
     Y(this, dl);
+    Y(this, Ln);
+    Y(this, fl);
     Y(this, Lc, () => {
-      tt(this, dl, this.getAttribute("type") || "item"), this.render(), tt(this, Ln, H.closest("nx-side-menu", this)), this.classList.toggle("expand"), this.classList.add("collapse"), this.classList.add(f(this, dl)), this.addEventListener("click", (l) => {
+      tt(this, fl, this.getAttribute("type") || "item"), this.render(), tt(this, Ln, H.closest("nx-side-menu", this)), this.classList.toggle("expand"), this.classList.add("collapse"), this.classList.add(f(this, fl)), this.addEventListener("click", (l) => {
         H.querySelectorAll("nx-side-menu-item", f(this, Ln)).forEach((c) => {
           c.classList.remove("active");
         }), l.target.classList.add("active"), H.closest("nx-side-menu", this).dispatchEvent(new CustomEvent("side-menu-click", {
@@ -31130,10 +31130,10 @@ class kf extends HTMLElement {
     this.attachShadow({ mode: "open" }), this.test = this.innerText.trim(), this.uuid = H.randomUUID();
   }
   connectedCallback() {
-    tt(this, ul, this.getAttribute("title")), H.waitForInnerHTML(this).then(() => f(this, Lc).call(this)).catch((t) => console.error(t));
+    tt(this, dl, this.getAttribute("title")), H.waitForInnerHTML(this).then(() => f(this, Lc).call(this)).catch((t) => console.error(t));
   }
   get caption() {
-    return f(this, ul);
+    return f(this, dl);
   }
   render() {
     const t = this.getAttribute("icon-class"), l = this.innerHTML.trim();
@@ -31153,32 +31153,32 @@ class kf extends HTMLElement {
 		`;
   }
 }
-ul = new WeakMap(), Ln = new WeakMap(), dl = new WeakMap(), Lc = new WeakMap();
+dl = new WeakMap(), Ln = new WeakMap(), fl = new WeakMap(), Lc = new WeakMap();
 customElements.get("nx-side-menu") || customElements.define("nx-side-menu", wf);
 customElements.get("nx-side-menu-head") || customElements.define("nx-side-menu-head", xf);
 customElements.get("nx-side-menu-foot") || customElements.define("nx-side-menu-foot", _f);
 customElements.get("nx-side-menu-body") || customElements.define("nx-side-menu-body", Sf);
 customElements.get("nx-side-menu-item") || customElements.define("nx-side-menu-item", kf);
-var fl, Pn, pl, Dn, vs, xi, Pc;
+var pl, Pn, ml, Dn, vs, xi, Pc;
 class Cf extends HTMLElement {
   constructor() {
     super();
-    Y(this, fl);
-    Y(this, Pn);
     Y(this, pl);
+    Y(this, Pn);
+    Y(this, ml);
     Y(this, Dn);
     Y(this, vs);
     Y(this, xi, []);
     it(this, "refresh", () => {
       if (!(f(this, xi).length < 0 || H.isNull(f(this, Dn)))) {
-        var t = f(this, xi).findIndex((l) => l[f(this, pl)] == H.global.locale);
+        var t = f(this, xi).findIndex((l) => l[f(this, ml)] == H.global.locale);
         t < 0 && (t = 0), f(this, Pn).innerHTML = f(this, xi)[t][f(this, Dn)], $("datalist", this).remove(), $(this).append(f(this, vs));
       }
     });
     Y(this, Pc, () => {
       tt(this, vs, "<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, fl) ? 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, pl, c.attributes[n].name) : tt(this, Dn, c.attributes[n].name));
+          r[c.attributes[n].name] = f(this, pl) ? 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, ml, c.attributes[n].name) : tt(this, Dn, c.attributes[n].name));
         tt(this, vs, f(this, vs) + "<option");
         for (const s in r)
           tt(this, vs, f(this, vs) + ` ${s}="${r[s]}"`);
@@ -31192,7 +31192,7 @@ class Cf extends HTMLElement {
         f(this, Pn).setAttribute(this.attributes[l].name, this.attributes[l].value);
       this.refresh();
     });
-    tt(this, fl, this.getAttribute("enable-html") == "true"), $(() => {
+    tt(this, pl, this.getAttribute("enable-html") == "true"), $(() => {
       f(this, Pc).call(this);
     });
   }
@@ -31200,7 +31200,7 @@ class Cf extends HTMLElement {
     H.getLocale() == "ko" ? console.warn("nx-span 컴포넌트는 더 이상 사용되지 않을 예정입니다. nx-i18n 컴포넌트로 대체하세요.") : console.warn("The nx-span component will be deprecated. Replace with nx-i18n component.");
   }
 }
-fl = new WeakMap(), Pn = new WeakMap(), pl = new WeakMap(), Dn = new WeakMap(), vs = new WeakMap(), xi = new WeakMap(), Pc = new WeakMap();
+pl = new WeakMap(), Pn = new WeakMap(), ml = new WeakMap(), Dn = new WeakMap(), vs = new WeakMap(), xi = new WeakMap(), Pc = new WeakMap();
 customElements.get("nx-span") || customElements.define("nx-span", Cf);
 class Ef extends HTMLElement {
   constructor() {
@@ -31332,12 +31332,12 @@ Array.prototype.nineBinarySearch = function(mt) {
   }
   return -1;
 };
-var ar, ml, Dc;
+var ar, gl, Dc;
 class Mf extends HTMLElement {
   constructor() {
     super();
     Y(this, ar);
-    Y(this, ml);
+    Y(this, gl);
     Y(this, Dc, () => {
       this.innerHTML.trim(), this.innerHTML = "";
       const t = document.createElement("template");
@@ -31415,12 +31415,12 @@ class Mf extends HTMLElement {
           f(this, ar).classList.add("nx-collapse"), setTimeout(() => {
             this.classList.add("nx-collapse");
           }, 100), setTimeout(() => {
-            tt(this, ml, f(this, ar).style.display), f(this, ar).style.display = "none";
+            tt(this, gl, f(this, ar).style.display), f(this, ar).style.display = "none";
           }, 500);
         });
       }
       this.shadowRoot.querySelector("button").addEventListener("click", () => {
-        f(this, ar).style.display = f(this, ml), f(this, ar).classList.remove("nx-collapse"), f(this, ar).classList.add("nx-expand"), setTimeout(() => {
+        f(this, ar).style.display = f(this, gl), f(this, ar).classList.remove("nx-collapse"), f(this, ar).classList.add("nx-expand"), setTimeout(() => {
           this.classList.remove("nx-collapse"), this.classList.add("nx-expand");
         }, 100), setTimeout(() => {
           f(this, ar).classList.remove("nx-expand"), this.classList.remove("nx-expand");
@@ -31434,7 +31434,7 @@ class Mf extends HTMLElement {
     tt(this, ar, H.querySelector(t)), f(this, Dc).call(this);
   }
 }
-ar = new WeakMap(), ml = new WeakMap(), Dc = new WeakMap();
+ar = new WeakMap(), gl = new WeakMap(), Dc = new WeakMap();
 customElements.get("nx-collapse") || customElements.define("nx-collapse", Mf);
 var zn, Lu, Pu, Bc;
 class If extends HTMLElement {
@@ -31449,7 +31449,7 @@ class If extends HTMLElement {
       t && t.click();
     });
     Y(this, Bc, () => {
-      this.classList.add(this.getAttribute("theme") || "theme-1"), Ve(this, zn, Lu).call(this), this.shadowRoot.querySelectorAll(".tab-button").forEach((r) => {
+      this.classList.add(this.getAttribute("theme") || "theme-1"), He(this, zn, Lu).call(this), this.shadowRoot.querySelectorAll(".tab-button").forEach((r) => {
         r.addEventListener("click", this.switchTabHandler);
       });
       const t = this.shadowRoot.querySelector(".tab-button"), l = this.shadowRoot.querySelector(".tab-page");
@@ -31472,7 +31472,7 @@ class If extends HTMLElement {
 
             <div class="tabs"></div>
             <div class="tab-pages"></div>
-        `, this.switchTabHandler = Ve(this, zn, Pu).bind(this), this.tabpage = {
+        `, this.switchTabHandler = He(this, zn, Pu).bind(this), this.tabpage = {
       show: (t) => {
         this.shadowRoot.querySelectorAll(".tab-button").forEach((l, c) => {
           l.innerText.trim() === t && (l.style.display = "unset");
@@ -31520,7 +31520,7 @@ class Nf extends HTMLElement {
 }
 customElements.get("nx-tab") || customElements.define("nx-tab", If);
 customElements.get("nx-tab-page") || customElements.define("nx-tab-page", Nf);
-var $r, Fc, qc, Hc, gl;
+var $r, Fc, qc, Hc, bl;
 class Of extends HTMLElement {
   constructor() {
     super();
@@ -31584,9 +31584,9 @@ class Of extends HTMLElement {
            ${c}
         `, this.shadowRoot.appendChild(o.content.cloneNode(!0)), this.shadowRoot.querySelectorAll(".grip-h,.grip-v").forEach((r) => {
         r.addEventListener("mousedown", (n) => f(this, qc).call(this, n));
-      }), f(this, gl).call(this), window.addEventListener("resize", () => f(this, gl).call(this));
+      }), f(this, bl).call(this), window.addEventListener("resize", () => f(this, bl).call(this));
     });
-    Y(this, gl, () => {
+    Y(this, bl, () => {
       const t = f(this, $r) === "h", l = this.parentElement, c = Array.from(l.children).filter((s) => s.tagName.toLowerCase() !== "nx-splitter");
       if (c.length < 2) return;
       const o = l.getBoundingClientRect(), r = c.reduce((s, e) => {
@@ -31604,13 +31604,13 @@ class Of extends HTMLElement {
     f(this, Hc).call(this);
   }
 }
-$r = new WeakMap(), Fc = new WeakMap(), qc = new WeakMap(), Hc = new WeakMap(), gl = new WeakMap();
+$r = new WeakMap(), Fc = new WeakMap(), qc = new WeakMap(), Hc = new WeakMap(), bl = new WeakMap();
 customElements.get("nx-splitter") || customElements.define("nx-splitter", Of);
-var bu, zc;
+var yu, zc;
 class jf extends HTMLElement {
   constructor() {
     super();
-    Y(this, bu);
+    Y(this, yu);
     it(this, "getData_BAK", () => {
       const t = {};
       return this.shadowRoot.querySelectorAll("[id]").forEach((l) => {
@@ -31645,23 +31645,23 @@ class jf extends HTMLElement {
     f(this, zc).call(this);
   }
 }
-bu = new WeakMap(), zc = new WeakMap();
+yu = new WeakMap(), zc = new WeakMap();
 customElements.get("nx-form") || customElements.define("nx-form", jf);
-var Tr, bl, yl, vl, wl, Uc;
+var Tr, yl, vl, wl, xl, Uc;
 class $f extends HTMLElement {
   // 동적으로 추가할 빵 부스러기 경로 (상세 페이지 등)
   constructor() {
     super();
     Y(this, Tr, []);
     // Breadcrumb 경로를 저장할 내부 상태 초기화
-    Y(this, bl, []);
-    Y(this, yl, () => {
+    Y(this, yl, []);
+    Y(this, vl, () => {
       H.delayQuerySelector("nx-side-menu-item.active").then((t) => {
-        f(this, vl).call(this, t), f(this, wl).call(this);
+        f(this, wl).call(this, t), f(this, xl).call(this);
       });
     });
     // Breadcrumb 경로를 구성하는 비공개 메서드
-    Y(this, vl, (t) => {
+    Y(this, wl, (t) => {
       if (tt(this, Tr, []), t) {
         const l = t.caption;
         l && f(this, Tr).unshift({
@@ -31687,9 +31687,9 @@ class $f extends HTMLElement {
       }), f(this, Tr).unshift({
         path: "/",
         caption: "Home"
-      }), tt(this, Tr, f(this, Tr).concat(f(this, bl)));
+      }), tt(this, Tr, f(this, Tr).concat(f(this, yl)));
     });
-    Y(this, wl, () => {
+    Y(this, xl, () => {
       const t = H.querySelector("nx-side-menu-item.active"), l = t ? t.caption : "No Caption";
       this.innerHTML.trim(), this.innerHTML = "", this.shadowRoot.innerHTML = "";
       const c = document.createElement("template");
@@ -31732,31 +31732,31 @@ class $f extends HTMLElement {
     this.attachShadow({ mode: "open" });
   }
   connectedCallback() {
-    f(this, yl).call(this);
+    f(this, vl).call(this);
   }
   // 컴포넌트가 DOM에서 제거될 때 이벤트 리스너를 정리
   disconnectedCallback() {
-    document.removeEventListener("DOMContentLoaded", f(this, yl));
+    document.removeEventListener("DOMContentLoaded", f(this, vl));
   }
   setDynamicPath(t) {
-    tt(this, bl, t), f(this, vl).call(this), f(this, wl).call(this);
+    tt(this, yl, t), f(this, wl).call(this), f(this, xl).call(this);
   }
 }
-Tr = new WeakMap(), bl = new WeakMap(), yl = new WeakMap(), vl = new WeakMap(), wl = new WeakMap(), Uc = new WeakMap();
+Tr = new WeakMap(), yl = new WeakMap(), vl = new WeakMap(), wl = new WeakMap(), xl = new WeakMap(), Uc = new WeakMap();
 customElements.get("nx-title") || customElements.define("nx-title", $f);
-var xl, _i, _l, Rr, Wn, ru, su, Sl, Vc;
-class vu extends HTMLElement {
+var _l, _i, Sl, Rr, Wn, su, iu, kl, Vc;
+class wu extends HTMLElement {
   constructor() {
     super();
     Y(this, Rr);
     it(this, "originContents");
-    Y(this, xl, !1);
+    Y(this, _l, !1);
     Y(this, _i);
     // Shadow DOM 사용 여부에 따라 shadowRoot 또는 this를 가리킴
-    Y(this, _l, !1);
+    Y(this, Sl, !1);
     it(this, "getData", () => {
       const t = {};
-      return Ve(this, Rr, Wn).call(this).forEach((l) => {
+      return He(this, Rr, Wn).call(this).forEach((l) => {
         const c = l.name;
         if (!c) return;
         let o;
@@ -31769,26 +31769,26 @@ class vu extends HTMLElement {
     });
     // 파라미터가 있으면 해당 값으로, 없으면 전체 공백 초기화
     it(this, "clearData", (t = {}) => {
-      Ve(this, Rr, su).call(this), Ve(this, Rr, Wn).call(this).forEach((l) => {
+      He(this, Rr, iu).call(this), He(this, Rr, Wn).call(this).forEach((l) => {
         const c = l.name;
         if (!c) return;
         const o = t && t[c] !== void 0 ? t[c] : "";
-        Ve(this, Rr, ru).call(this, l, o);
+        He(this, Rr, su).call(this, l, o);
       }), this.changed = !1;
     });
     it(this, "setData", (t) => {
       if (!t || typeof t != "object") return;
-      Ve(this, Rr, su).call(this);
+      He(this, Rr, iu).call(this);
       let l = !1;
-      Ve(this, Rr, Wn).call(this).forEach((c) => {
+      He(this, Rr, Wn).call(this).forEach((c) => {
         const o = c.name;
-        !o || !t.hasOwnProperty(o) || Ve(this, Rr, ru).call(this, c, t[o]) && (l = !0);
+        !o || !t.hasOwnProperty(o) || He(this, Rr, su).call(this, c, t[o]) && (l = !0);
       }), l && (this.changed = !0);
     });
     it(this, "initData", (t) => {
       this.clearData(t), this.changed = !1;
     });
-    Y(this, Sl, (t) => {
+    Y(this, kl, (t) => {
       this.changed = !0;
     });
     Y(this, Vc, () => {
@@ -31798,14 +31798,14 @@ class vu extends HTMLElement {
     });
   }
   connectedCallback() {
-    return f(this, xl) ? !1 : (this.getAttribute("use-shadow") !== "false" && !this.shadowRoot ? (this.attachShadow({ mode: "open" }), tt(this, _i, this.shadowRoot)) : tt(this, _i, this), f(this, Vc).call(this), tt(this, xl, !0), !0);
+    return f(this, _l) ? !1 : (this.getAttribute("use-shadow") !== "false" && !this.shadowRoot ? (this.attachShadow({ mode: "open" }), tt(this, _i, this.shadowRoot)) : tt(this, _i, this), f(this, Vc).call(this), tt(this, _l, !0), !0);
   }
   get changed() {
-    return f(this, _l);
+    return f(this, Sl);
   }
   set changed(t) {
     const l = !!t;
-    tt(this, _l, l);
+    tt(this, Sl, l);
     const c = this.closest(".detail-wrapper");
     if (c) {
       const o = c.querySelector("nx-title2");
@@ -31817,11 +31817,11 @@ class vu extends HTMLElement {
     return f(this, _i) || this;
   }
 }
-xl = new WeakMap(), _i = new WeakMap(), _l = new WeakMap(), Rr = new WeakSet(), // 공통 쿼리 함수: 현재 root(Shadow 또는 Light DOM)에서 요소를 찾음
+_l = new WeakMap(), _i = new WeakMap(), Sl = new WeakMap(), Rr = new WeakSet(), // 공통 쿼리 함수: 현재 root(Shadow 또는 Light DOM)에서 요소를 찾음
 Wn = function() {
   return H.querySelectorAll("input[name], textarea[name], select[name], nx-editor[name]", f(this, _i));
 }, // [공통 로직 1] 특정 요소에 값을 쓰거나 초기화하는 핵심 함수
-ru = function(t, l) {
+su = function(t, l) {
   const c = t.tagName.toUpperCase(), o = t.type;
   let r = !1;
   if (["INPUT", "TEXTAREA", "SELECT", "NX-EDITOR"].includes(c))
@@ -31837,16 +31837,16 @@ ru = function(t, l) {
     t.textContent !== l && (r = !0), t.textContent = l;
   return r;
 }, // [공통 로직 2] 이벤트 리스너 일괄 등록
-su = function() {
-  Ve(this, Rr, Wn).call(this).forEach((t) => {
-    t.removeEventListener("input", f(this, Sl)), t.addEventListener("input", f(this, Sl));
+iu = function() {
+  He(this, Rr, Wn).call(this).forEach((t) => {
+    t.removeEventListener("input", f(this, kl)), t.addEventListener("input", f(this, kl));
   });
-}, Sl = new WeakMap(), Vc = new WeakMap();
-var kl, Wc;
-class Lf extends vu {
+}, kl = new WeakMap(), Vc = new WeakMap();
+var Cl, Wc;
+class Lf extends wu {
   constructor() {
     super();
-    Y(this, kl, !1);
+    Y(this, Cl, !1);
     Y(this, Wc, () => {
       const t = this.getAttribute("caption") || "", l = document.createElement("template");
       l.innerHTML = `
@@ -31867,32 +31867,32 @@ class Lf extends vu {
     super.connectedCallback() && f(this, Wc).call(this);
   }
   get changed() {
-    return f(this, kl);
+    return f(this, Cl);
   }
   set changed(t) {
-    tt(this, kl, t), t ? this.classList.add("changed") : this.classList.remove("changed");
+    tt(this, Cl, t), t ? this.classList.add("changed") : this.classList.remove("changed");
   }
 }
-kl = new WeakMap(), Wc = new WeakMap();
+Cl = new WeakMap(), Wc = new WeakMap();
 customElements.get("nx-title2") || customElements.define("nx-title2", Lf);
-var Bn, Cl, iu;
+var Bn, El, nu;
 class Pf extends HTMLElement {
   constructor() {
     super();
-    Y(this, Cl);
+    Y(this, El);
     Y(this, Bn);
   }
   connectedCallback() {
-    tt(this, Bn, Array.from(this.children).filter((t) => t.tagName.toLowerCase() !== "nx-splitter")), Ve(this, Cl, iu).call(this);
+    tt(this, Bn, Array.from(this.children).filter((t) => t.tagName.toLowerCase() !== "nx-splitter")), He(this, El, nu).call(this);
   }
   attributeChangedCallback(t, l, c) {
-    f(this, Bn) && l !== c && Ve(this, Cl, iu).call(this);
+    f(this, Bn) && l !== c && He(this, El, nu).call(this);
   }
   static get observedAttributes() {
     return ["columns"];
   }
 }
-Bn = new WeakMap(), Cl = new WeakSet(), iu = function() {
+Bn = new WeakMap(), El = new WeakSet(), nu = function() {
   const t = f(this, Bn);
   if (!t || t.length === 0) return;
   for (; this.firstChild; )
@@ -31919,7 +31919,7 @@ Bn = new WeakMap(), Cl = new WeakSet(), iu = function() {
   }
 };
 customElements.get("nx-layout") || customElements.define("nx-layout", Pf);
-var Fn, Ys, nu, ou, Xc;
+var Fn, Ys, ou, au, Xc;
 class Df extends HTMLElement {
   constructor() {
     super();
@@ -31950,19 +31950,19 @@ class Df extends HTMLElement {
     return ["columns", "rows-height"];
   }
   connectedCallback() {
-    tt(this, Fn, Array.from(this.children).filter((t) => t.tagName.toLowerCase() !== "nx-splitter")), Ve(this, Ys, ou).call(this);
+    tt(this, Fn, Array.from(this.children).filter((t) => t.tagName.toLowerCase() !== "nx-splitter")), He(this, Ys, au).call(this);
   }
   attributeChangedCallback(t, l, c) {
-    l !== c && (t === "rows-height" && Ve(this, Ys, nu).call(this, c), f(this, Fn) && Ve(this, Ys, ou).call(this));
+    l !== c && (t === "rows-height" && He(this, Ys, ou).call(this, c), f(this, Fn) && He(this, Ys, au).call(this));
   }
 }
-Fn = new WeakMap(), Ys = new WeakSet(), nu = function(t) {
+Fn = new WeakMap(), Ys = new WeakSet(), ou = function(t) {
   if (t) {
     const l = t.replace(/,/g, " ").replace(/\*/g, "1fr");
     this.style.setProperty("--rows-template", l);
   }
-}, ou = function() {
-  Ve(this, Ys, nu).call(this, this.getAttribute("rows-height"));
+}, au = function() {
+  He(this, Ys, ou).call(this, this.getAttribute("rows-height"));
   const t = f(this, Fn);
   if (!t || t.length === 0) return;
   for (; this.firstChild; )
@@ -31985,7 +31985,7 @@ Fn = new WeakMap(), Ys = new WeakSet(), nu = function(t) {
 }, Xc = new WeakMap();
 customElements.get("nx-layout2") || customElements.define("nx-layout2", Df);
 var Yc;
-class Bf extends vu {
+class Bf extends wu {
   constructor() {
     super();
     Y(this, Yc, () => {
@@ -32015,7 +32015,7 @@ class Bf extends vu {
 Yc = new WeakMap();
 customElements.get("nx-panel") || customElements.define("nx-panel", Bf);
 var Gc;
-class Ff extends vu {
+class Ff extends wu {
   constructor() {
     super();
     Y(this, Gc, () => {
@@ -32036,7 +32036,7 @@ class Ff extends vu {
 }
 Gc = new WeakMap();
 customElements.get("nx-buttons") || customElements.define("nx-buttons", Ff);
-var ws, Kc, El, qn, Al, Tl, Hn, Rl;
+var ws, Kc, Al, qn, Tl, Rl, Hn, Ml;
 class qf extends HTMLElement {
   constructor() {
     super();
@@ -32046,7 +32046,7 @@ class qf extends HTMLElement {
       this.querySelector("dialog").showModal();
     });
     it(this, "close", () => {
-      $(".head", this).off("mousedown", f(this, El)), $(".head", this).off("touchstart", f(this, Tl)), $(document).off("mouseup", f(this, Al)), $(document).off("touchend", f(this, Rl)), $(document).off("mousemove", f(this, qn)), $(document).off("touchmove", f(this, Hn)), this.querySelector("dialog").close();
+      $(".head", this).off("mousedown", f(this, Al)), $(".head", this).off("touchstart", f(this, Rl)), $(document).off("mouseup", f(this, Tl)), $(document).off("touchend", f(this, Ml)), $(document).off("mousemove", f(this, qn)), $(document).off("touchmove", f(this, Hn)), this.querySelector("dialog").close();
     });
     Y(this, Kc, () => {
       $(".close", this).on("click", (t) => {
@@ -32055,9 +32055,9 @@ class qf extends HTMLElement {
         }, 300);
       }), $(".close2", this).on("click", (t) => {
         this.close();
-      }), $(".head", this).on("mousedown", f(this, El)), $(".head", this).on("touchstart", f(this, Tl)), $(document).on("mouseup", f(this, Al)), $(document).on("touchend", f(this, Rl));
+      }), $(".head", this).on("mousedown", f(this, Al)), $(".head", this).on("touchstart", f(this, Rl)), $(document).on("mouseup", f(this, Tl)), $(document).on("touchend", f(this, Ml));
     });
-    Y(this, El, (t) => {
+    Y(this, Al, (t) => {
       if (!t.target.closest("buttons") && !(t.buttons != 1 || t.altKey || t.ctrlKey || t.shiftkey)) {
         var l = this.querySelector("dialog").getBoundingClientRect();
         tt(this, ws, {
@@ -32069,10 +32069,10 @@ class qf extends HTMLElement {
     Y(this, qn, (t) => {
       $(this.querySelector("dialog")).offset({ left: t.pageX - f(this, ws).x, top: t.pageY - f(this, ws).y });
     });
-    Y(this, Al, (t) => {
+    Y(this, Tl, (t) => {
       $(document).off("mousemove", f(this, qn));
     });
-    Y(this, Tl, (t) => {
+    Y(this, Rl, (t) => {
       if (!t.target.closest("buttons")) {
         var l = this.querySelector("dialog").getBoundingClientRect();
         tt(this, ws, {
@@ -32084,7 +32084,7 @@ class qf extends HTMLElement {
     Y(this, Hn, (t) => {
       $(this.querySelector("dialog")).offset({ left: t.changedTouches[0].pageX - f(this, ws).x, top: t.changedTouches[0].pageY - f(this, ws).y });
     });
-    Y(this, Rl, (t) => {
+    Y(this, Ml, (t) => {
       $(document).off("touchmove", f(this, Hn));
     });
   }
@@ -32128,7 +32128,7 @@ class qf extends HTMLElement {
     o && t && (o.textContent = t), f(this, Kc).call(this);
   }
 }
-ws = new WeakMap(), Kc = new WeakMap(), El = new WeakMap(), qn = new WeakMap(), Al = new WeakMap(), Tl = new WeakMap(), Hn = new WeakMap(), Rl = new WeakMap();
+ws = new WeakMap(), Kc = new WeakMap(), Al = new WeakMap(), qn = new WeakMap(), Tl = new WeakMap(), Rl = new WeakMap(), Hn = new WeakMap(), Ml = new WeakMap();
 customElements.get("nx-modal") || customElements.define("nx-modal", qf);
 window.jQuery = window.$ = Fu;
 function Vf() {