@ninebone/grid 0.0.78 → 0.0.79

package/dist/nine-grid.js

@@ -1,9 +1,9 @@
-var Pu = Object.defineProperty;
+var Lu = Object.defineProperty;
 var xu = (mt) => {
   throw TypeError(mt);
 };
-var Du = (mt, C, t) => C in mt ? Pu(mt, C, { enumerable: !0, configurable: !0, writable: !0, value: t }) : mt[C] = t;
-var it = (mt, C, t) => Du(mt, typeof C != "symbol" ? C + "" : C, t), Qc = (mt, C, t) => C.has(mt) || xu("Cannot " + t);
+var Pu = (mt, C, t) => C in mt ? Lu(mt, C, { enumerable: !0, configurable: !0, writable: !0, value: t }) : mt[C] = t;
+var it = (mt, C, t) => Pu(mt, typeof C != "symbol" ? C + "" : C, t), Qc = (mt, C, t) => C.has(mt) || xu("Cannot " + t);
 var f = (mt, C, t) => (Qc(mt, C, "read from private field"), t ? t.call(mt) : C.get(mt)), Y = (mt, C, t) => C.has(mt) ? xu("Cannot add the same private member more than once") : C instanceof WeakSet ? C.add(mt) : C.set(mt, t), tt = (mt, C, t, l) => (Qc(mt, C, "write to private field"), l ? l.call(mt, t) : C.set(mt, t), t), Ge = (mt, C, t) => (Qc(mt, C, "access private method"), t);
 var _u = (mt, C, t, l) => ({
   set _(c) {
@@ -13,8 +13,8 @@ var _u = (mt, C, t, l) => ({
     return f(mt, C, l);
   }
 });
-import Bu from "jquery";
-import { trace as Fu } from "@ninebone/util";
+import Du from "jquery";
+import { trace as Bu } from "@ninebone/util";
 class bu extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
@@ -641,22 +641,22 @@ Array.prototype.nineBinarySearch = function(mt) {
   }
   return -1;
 };
-class qu extends HTMLElement {
+class Fu extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
     const C = document.createElement("button");
     C.textContent = "클릭하세요!", C.style.padding = "10px", C.style.backgroundColor = "blue", C.style.color = "white", this.shadowRoot.appendChild(C);
   }
 }
-customElements.get("nine-grid4") || customElements.define("nine-grid4", qu);
-class Hu extends HTMLElement {
+customElements.get("nine-grid4") || customElements.define("nine-grid4", Fu);
+class qu extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
     const C = document.createElement("button");
     C.textContent = "클릭하세요!", C.style.padding = "10px", C.style.backgroundColor = "blue", C.style.color = "white", this.shadowRoot.appendChild(C);
   }
 }
-customElements.get("nine-grid2") || customElements.define("nine-grid2", Hu);
+customElements.get("nine-grid2") || customElements.define("nine-grid2", qu);
 var Xn, Yn, Gn, os, Bl;
 class Mr extends HTMLElement {
   constructor() {
@@ -887,18 +887,18 @@ class Si extends Mr {
     });
   }
 }
-var Cs;
-class zu extends Mr {
+var ks;
+class Hu extends Mr {
   constructor() {
     super();
-    Y(this, Cs);
+    Y(this, ks);
     it(this, "dataRefresh", (t) => {
-      f(this, Cs).innerHTML = this.getDisplayText(this.getAttribute("text"));
+      f(this, ks).innerHTML = this.getDisplayText(this.getAttribute("text"));
       var l = parseInt(this.cell.dataset.row);
       const c = this.cell.closest("tr").data;
       ["color", "background", "border"].forEach((o) => {
-        var r = f(this, Cs).getAttribute(o);
-        r && $(f(this, Cs)).css({
+        var r = f(this, ks).getAttribute(o);
+        r && $(f(this, ks)).css({
           [o]: this.getExprValue(r, c, l)
         });
       }), t || this.reset();
@@ -914,15 +914,15 @@ class zu extends Mr {
 			</style>
 			
 			<button class="button" ${t.join(" ")}>${this.getAttribute("text")}</button>
-		`, super.connectedCallback(), tt(this, Cs, this.shadowRoot.querySelector("button")), $(this.cell).on("keydown", (c) => {
-      c.code == "Enter" && $(f(this, Cs)).trigger("click");
+		`, super.connectedCallback(), tt(this, ks, this.shadowRoot.querySelector("button")), $(this.cell).on("keydown", (c) => {
+      c.code == "Enter" && $(f(this, ks)).trigger("click");
     });
   }
 }
-Cs = new WeakMap();
-customElements.get("ng-button") || customElements.define("ng-button", zu);
+ks = new WeakMap();
+customElements.get("ng-button") || customElements.define("ng-button", Hu);
 var Ve, Fl, ql, Hl, zl;
-class Uu {
+class zu {
   constructor(C) {
     Y(this, Ve);
     Y(this, Fl, (C) => {
@@ -970,17 +970,17 @@ class Uu {
   }
 }
 Ve = new WeakMap(), Fl = new WeakMap(), ql = new WeakMap(), Hl = new WeakMap(), zl = new WeakMap();
-var Xt, Ul, Ri, Es, As, Mi, Ts, Ii, Kn, Ni, Oi, lr, Cu, Eu, Wu, Au, Tu, Ru, Xu, Mu, Qs, ji, Zn, Jn, Qn, to;
-class Vu {
+var Xt, Ul, Ri, Cs, Es, Mi, As, Ii, Kn, Ni, Oi, lr, ku, Cu, Vu, Eu, Au, Tu, Wu, Ru, Js, ji, Zn, Jn, Qn, to;
+class Uu {
   constructor(C) {
     Y(this, lr);
     Y(this, Xt);
     Y(this, Ul);
     Y(this, Ri);
+    Y(this, Cs);
     Y(this, Es);
-    Y(this, As);
     Y(this, Mi);
-    Y(this, Ts);
+    Y(this, As);
     Y(this, Ii);
     Y(this, Kn);
     Y(this, Ni);
@@ -1006,13 +1006,13 @@ class Vu {
       }
       switch (C.code) {
         case "Tab":
-          C.preventDefault(), n = C.shiftKey ? f(this, Qs).call(this, o, c) : f(this, ji).call(this, o, c);
+          C.preventDefault(), n = C.shiftKey ? f(this, Js).call(this, o, c) : f(this, ji).call(this, o, c);
           break;
         case "ArrowRight":
           n = f(this, ji).call(this, o, c);
           break;
         case "ArrowLeft":
-          n = f(this, Qs).call(this, o, c);
+          n = f(this, Js).call(this, o, c);
           break;
         case "ArrowDown":
           if (t.closest("tbody.fixed"))
@@ -1042,16 +1042,16 @@ class Vu {
       }
       ["Tab", "ArrowLeft", "ArrowRight"].includes(C.code) && f(this, Xt).body.querySelector("ng-hscrollbar").refresh();
     });
-    Y(this, Qs, (C, t) => {
+    Y(this, Js, (C, t) => {
       var l = parseInt(C / f(this, Xt).template.length), c;
       return $(`tbody tr[data-matrix-row=${C}]`, f(this, Xt).body).find("th,td").each((o, r) => {
         var n = parseInt(r.dataset.col);
         if (t - 1 >= n && t - 1 <= n + r.colSpan - 1)
-          return c = H.j.querySelectorAll(r).hasClass("dummy") ? f(this, Qs).call(this, C, r.dataset.col) : r.dataset.col, !1;
+          return c = H.j.querySelectorAll(r).hasClass("dummy") ? f(this, Js).call(this, C, r.dataset.col) : r.dataset.col, !1;
       }), c == null && $(`tbody tr[data-row=${l}]`, f(this, Xt).body).find("th,td").each((o, r) => {
         var n = parseInt(r.dataset.col);
         if (t - 1 >= n && t - 1 <= n + r.colSpan - 1)
-          return c = H.j.querySelectorAll(r).hasClass("dummy") ? f(this, Qs).call(this, C, r.dataset.col) : r.dataset.col, !1;
+          return c = H.j.querySelectorAll(r).hasClass("dummy") ? f(this, Js).call(this, C, r.dataset.col) : r.dataset.col, !1;
       }), c;
     });
     Y(this, ji, (C, t) => {
@@ -1111,13 +1111,13 @@ class Vu {
     it(this, "resetEvent", () => {
       document.addEventListener("contextmenu", (C) => C.preventDefault()), $(".ng-table tbody.bindable", f(this, Xt).body).off("wheel", f(this, Jn)), $(".ng-table tbody", f(this, Xt).body).off("keydown", "th,td", f(this, to)), $(".ng-table tbody", f(this, Xt).body).off("mousedown", "th,td", f(this, Qn)), $(".ng-table tbody.bindable", f(this, Xt).body).on("wheel", f(this, Jn)), $(".ng-table tbody", f(this, Xt).body).on("keydown", "th,td", f(this, to)), $(".ng-table tbody", f(this, Xt).body).on("mousedown", "th,td", f(this, Qn)), f(this, Xt).selection && f(this, Xt).selection.resetEvent();
     });
-    tt(this, Xt, C), tt(this, Es, -1), tt(this, As, -1), tt(this, Mi, -1), tt(this, Ts, -1), this.resetEvent();
+    tt(this, Xt, C), tt(this, Cs, -1), tt(this, Es, -1), tt(this, Mi, -1), tt(this, As, -1), this.resetEvent();
   }
   get matrixRow() {
-    return f(this, As);
+    return f(this, Es);
   }
   get col() {
-    return f(this, Ts);
+    return f(this, As);
   }
   get currentCell() {
     return f(this, Ri);
@@ -1126,8 +1126,8 @@ class Vu {
     if (!C) return;
     tt(this, Ul, 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));
-    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, Es) / f(this, Xt).template.length), e = parseInt(f(this, Es)) % parseInt(f(this, Es) / f(this, Xt).template.length), i = f(this, Mi), u = f(this, Kn);
+    tt(this, lr, parseInt(t.dataset.row) * f(this, Xt).template.length + t.sectionRowIndex % f(this, Xt).template.length, Cu), tt(this, lr, parseInt(C.dataset.col), Tu), tt(this, lr, C.cellIndex, Eu), tt(this, lr, C.dataset.bind, Ru), t.closest("tbody.fixed") || (f(this, Xt).row.at = C.dataset.row), f(this, Xt).selection.selectCell(f(this, lr, ku), f(this, lr, Au));
+    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: {} });
       a.col = r, a.cellIndex = n, a.row = c, a.subrow = o, a.bind = l.dataset.bind, a.prev = {
@@ -1151,25 +1151,25 @@ class Vu {
     }
   }
 }
-Xt = new WeakMap(), Ul = new WeakMap(), Ri = new WeakMap(), Es = new WeakMap(), As = new WeakMap(), Mi = new WeakMap(), Ts = new WeakMap(), Ii = new WeakMap(), Kn = new WeakMap(), Ni = new WeakMap(), Oi = new WeakMap(), lr = new WeakSet(), Cu = function() {
-  return f(this, As);
-}, Eu = function(C) {
-  tt(this, Es, f(this, As)), tt(this, As, parseInt(C));
-}, Wu = function() {
+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(), ku = function() {
+  return f(this, Es);
+}, Cu = function(C) {
+  tt(this, Cs, f(this, Es)), tt(this, Es, parseInt(C));
+}, Vu = function() {
   return f(this, Ii);
-}, Au = function(C) {
+}, Eu = function(C) {
   tt(this, Kn, f(this, Ii)), tt(this, Ii, parseInt(C));
-}, Tu = function() {
-  return f(this, Ts);
-}, Ru = function(C) {
-  tt(this, Mi, f(this, Ts)), tt(this, Ts, parseInt(C));
-}, Xu = function() {
+}, Au = function() {
+  return f(this, As);
+}, Tu = function(C) {
+  tt(this, Mi, f(this, As)), tt(this, As, parseInt(C));
+}, Wu = function() {
   return f(this, Oi);
-}, Mu = function(C) {
+}, Ru = function(C) {
   tt(this, Ni, f(this, Oi)), tt(this, Oi, C);
-}, Qs = new WeakMap(), ji = new WeakMap(), Zn = new WeakMap(), Jn = new WeakMap(), Qn = new WeakMap(), to = new WeakMap();
+}, Js = new WeakMap(), ji = new WeakMap(), Zn = new WeakMap(), Jn = new WeakMap(), Qn = new WeakMap(), to = new WeakMap();
 var kt, wr, $i, Vl, eo;
-class Yu {
+class Xu {
   constructor(C) {
     Y(this, kt);
     Y(this, wr);
@@ -1409,7 +1409,7 @@ class Yu {
 }
 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;
-class Gu {
+class Yu {
   constructor(C) {
     Y(this, Ot);
     Y(this, as);
@@ -1569,7 +1569,7 @@ class Gu {
 }
 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;
-class Ku extends Mr {
+class Gu extends Mr {
   constructor() {
     super();
     Y(this, Jl);
@@ -1651,9 +1651,9 @@ class Ku extends Mr {
   }
 }
 Jl = new WeakMap(), Ql = new WeakMap(), Li = new WeakMap(), fo = new WeakMap(), Pi = new WeakMap();
-customElements.get("ng-line-chart") || customElements.define("ng-line-chart", Ku);
+customElements.get("ng-line-chart") || customElements.define("ng-line-chart", Gu);
 var Di, Bi, po, Fi, qi;
-class Zu extends Si {
+class Ku extends Si {
   constructor() {
     super();
     Y(this, Di);
@@ -1717,12 +1717,12 @@ class Zu 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", Zu);
-var ti, Pr, mo, Hi, go, th;
-class Ju extends HTMLElement {
+customElements.get("ng-checkbox") || customElements.define("ng-checkbox", Ku);
+var Qs, Pr, mo, Hi, go, th;
+class Zu extends HTMLElement {
   constructor() {
     super();
-    Y(this, ti);
+    Y(this, Qs);
     Y(this, Pr);
     Y(this, mo);
     Y(this, Hi);
@@ -1734,15 +1734,15 @@ class Ju extends HTMLElement {
       $(this).addClass("expand"), f(this, Pr).style.color = f(this, mo);
       const t = parseInt(f(this, Pr).dataset.col), l = f(this, Pr).colSpan || 1;
       for (var c = 0; c < l; c++)
-        f(this, ti).columns.width(t + c, f(this, Hi)[c]);
+        f(this, Qs).columns.width(t + c, f(this, Hi)[c]);
     });
     Y(this, th, () => {
       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;
       for (var o = 0; o < l; o++) {
-        const r = f(this, ti).body.querySelector(`colgroup col[data-col="${t + o}"]`);
-        f(this, Hi).push(r.getAttribute("width")), f(this, ti).columns.width(t + o, c);
+        const r = f(this, Qs).body.querySelector(`colgroup col[data-col="${t + o}"]`);
+        f(this, Hi).push(r.getAttribute("width")), f(this, Qs).columns.width(t + o, c);
       }
     });
     this.attachShadow({ mode: "open" });
@@ -1753,12 +1753,12 @@ class Ju extends HTMLElement {
 				@import "https://cdn.jsdelivr.net/npm/ninegrid2@${H.version}/dist/css/ngColExpand.css";
 				${H.getCustomPath(this, "ngColExpand.css")}
 			</style>
-		`, tt(this, ti, 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));
+		`, tt(this, Qs, 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));
   }
 }
-ti = new WeakMap(), Pr = new WeakMap(), mo = new WeakMap(), Hi = new WeakMap(), go = new WeakMap(), th = new WeakMap();
-customElements.get("ng-col-expand") || customElements.define("ng-col-expand", Ju);
-class Qu extends HTMLElement {
+Qs = new WeakMap(), Pr = new WeakMap(), mo = new WeakMap(), Hi = new WeakMap(), go = new WeakMap(), th = new WeakMap();
+customElements.get("ng-col-expand") || customElements.define("ng-col-expand", Zu);
+class Ju extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
   }
@@ -1782,7 +1782,7 @@ class Qu extends HTMLElement {
 		`;
   }
 }
-class td extends HTMLElement {
+class Qu extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
   }
@@ -1832,10 +1832,10 @@ class td extends HTMLElement {
 		`;
   }
 }
-customElements.get("ng-col-mover-grip") || customElements.define("ng-col-mover-grip", Qu);
-customElements.get("ng-col-mover-indi") || customElements.define("ng-col-mover-indi", td);
+customElements.get("ng-col-mover-grip") || customElements.define("ng-col-mover-grip", Ju);
+customElements.get("ng-col-mover-indi") || customElements.define("ng-col-mover-indi", Qu);
 var we, Nr, Dr, bo, xr, zi, Br, yo, ou, vo, au, wo, xo, Ui, Vi, _o;
-class ed {
+class td {
   constructor(C) {
     Y(this, we);
     Y(this, Nr);
@@ -1953,38 +1953,38 @@ class ed {
   }
 }
 we = new WeakMap(), Nr = new WeakMap(), Dr = new WeakMap(), bo = new WeakMap(), xr = new WeakMap(), zi = new WeakMap(), Br = new WeakMap(), yo = new WeakMap(), ou = new WeakMap(), vo = new WeakMap(), au = new WeakMap(), wo = new WeakMap(), xo = new WeakMap(), Ui = new WeakMap(), Vi = new WeakMap(), _o = new WeakMap();
-var Me, _r, Sr, Rs, Ms, Fr, kr, Is, Ns, So, ko, Co, lu, Eo, eh, Ao, Wi, Xi, Yi, ei, Gi, rh;
-class rd {
+var Me, _r, Sr, Ts, Rs, Fr, kr, Ms, Is, So, ko, Co, lu, Eo, eh, Ao, Wi, Xi, Yi, ti, Gi, rh;
+class ed {
   constructor(C) {
     Y(this, Me);
     Y(this, _r);
     Y(this, Sr);
+    Y(this, Ts);
     Y(this, Rs);
-    Y(this, Ms);
     Y(this, Fr);
     Y(this, kr);
-    Y(this, Is);
-    Y(this, Ns, []);
+    Y(this, Ms);
+    Y(this, Is, []);
     it(this, "resetEvent", () => {
       $(".ng-table > thead", f(this, Me).body).off("mousemove", f(this, Co)).off("mousedown", f(this, Eo)).off("dblclick", f(this, So)), $(document).off("mouseup", f(this, ko)), $(".ng-table > thead", f(this, Me).body).on("mousemove", f(this, Co)).on("mousedown", f(this, Eo)).on("dblclick", f(this, So)), $(document).on("mouseup", f(this, ko));
     });
     it(this, "autoFit", (C) => {
       if (f(this, Me).body)
         if (C) {
-          f(this, Me).body.querySelector("ng-hscrollbar").scrollToHome(), tt(this, Ns, []);
+          f(this, Me).body.querySelector("ng-hscrollbar").scrollToHome(), tt(this, Is, []);
           var t = 0;
           $(".ng-container-body col", f(this, Me).body).each((c, o) => {
-            f(this, Ns).push({ col: o, width: parseInt(o.getAttribute("width")) });
-          }), f(this, Ns).forEach((c) => {
+            f(this, Is).push({ col: o, width: parseInt(o.getAttribute("width")) });
+          }), f(this, Is).forEach((c) => {
             t += c.width;
           }), $(".ng-container-body > table", f(this, Me).body).css({ width: "100%", "min-width": "100%" });
           var l = $(".ng-container-body", f(this, Me).body).width();
-          l != 0 && f(this, Ns).forEach((c) => {
+          l != 0 && f(this, Is).forEach((c) => {
             var o = c.width * l / t;
             c.col.setAttribute("width", o);
           });
         } else
-          $(".ng-container-body > table", f(this, Me).body).css({ width: "0", "min-width": "0" }), f(this, Ns).forEach((c) => {
+          $(".ng-container-body > table", f(this, Me).body).css({ width: "0", "min-width": "0" }), f(this, Is).forEach((c) => {
             c.col.setAttribute("width", c.width);
           });
     });
@@ -1992,7 +1992,7 @@ class rd {
       C.target.style.cursor == "col-resize" && f(this, rh).call(this, C);
     });
     Y(this, ko, (C) => {
-      tt(this, Ms, !1);
+      tt(this, Rs, !1);
     });
     Y(this, Co, (C) => {
       if (!C.target.closest("ng-info") && (C.target = C.target.closest("th,td"), !!C.target && f(this, Me).getAttribute("col-resizable") == "true" && !(C.altKey || C.ctrlKey || C.shiftkey)))
@@ -2003,14 +2003,14 @@ class rd {
           C.target.style.cursor = "auto";
     });
     Y(this, lu, (C) => {
-      tt(this, Ms, !0), setTimeout(() => {
-        f(this, Ms) && f(this, eh).call(this, C);
+      tt(this, Rs, !0), setTimeout(() => {
+        f(this, Rs) && f(this, eh).call(this, C);
       }, 500);
     });
     Y(this, Eo, (C) => {
       const t = C.target.closest("th,td");
-      !t || t.style.cursor != "col-resize" || (tt(this, Ms, !0), setTimeout(() => {
-        f(this, Ms) && f(this, Ao).call(this, C);
+      !t || t.style.cursor != "col-resize" || (tt(this, Rs, !0), setTimeout(() => {
+        f(this, Rs) && f(this, Ao).call(this, C);
       }, 500));
     });
     Y(this, eh, (C) => {
@@ -2020,7 +2020,7 @@ class rd {
     });
     Y(this, Ao, (C) => {
       if (C.target = C.target.closest("th,td"), !(C.buttons != 1 || C.altKey || C.ctrlKey || C.shiftkey)) {
-        if (tt(this, Is, !!C.target.closest(".ng-container-right")), C.pageX - $(C.target).offset().left <= 3) {
+        if (tt(this, Ms, !!C.target.closest(".ng-container-right")), C.pageX - $(C.target).offset().left <= 3) {
           var t = $(`.col-indicator[data-col=${C.target.dataset.col}]`, f(this, Me).body).not(".dummy")[0];
           tt(this, Fr, f(this, Me).tableUtils.prev(t)), tt(this, kr, $(t));
         } else {
@@ -2028,7 +2028,7 @@ class rd {
           var l = parseInt(C.target.dataset.col) + C.target.colSpan - 1, t = $(`.col-indicator[data-col=${l}]`, f(this, Me).body).not(".dummy")[0];
           tt(this, Fr, $(t)), tt(this, kr, f(this, Me).tableUtils.next(t));
         }
-        f(this, _r).show(), f(this, Sr).offset({ top: $(".ng-container-body", f(this, Me).body).offset().top, left: f(this, kr).offset().left - 1 }), f(this, Sr).height(f(this, Me).body.querySelector(".ng-container-body").offsetHeight), f(this, Rs).offset({ top: $(".ng-container-body", f(this, Me).body).offset().top }), f(this, Gi).call(this, C.pageX), $(f(this, _r)).off("mousemove", f(this, Xi)).off("mouseup", f(this, ei)).on("mousemove", f(this, Xi)).on("mouseup", f(this, ei));
+        f(this, _r).show(), f(this, Sr).offset({ top: $(".ng-container-body", f(this, Me).body).offset().top, left: f(this, kr).offset().left - 1 }), f(this, Sr).height(f(this, Me).body.querySelector(".ng-container-body").offsetHeight), f(this, Ts).offset({ top: $(".ng-container-body", f(this, Me).body).offset().top }), f(this, Gi).call(this, C.pageX), $(f(this, _r)).off("mousemove", f(this, Xi)).off("mouseup", f(this, ti)).on("mousemove", f(this, Xi)).on("mouseup", f(this, ti));
       }
     });
     Y(this, Wi, (C) => {
@@ -2038,30 +2038,30 @@ class rd {
       f(this, Gi).call(this, C.pageX);
     });
     Y(this, Yi, (C) => {
-      $(C.target).off("touchmove", (t) => f(this, Wi).call(this, t)), $(C.target).off("touchend", (t) => f(this, Yi).call(this, t)), f(this, ei).call(this, C);
+      $(C.target).off("touchmove", (t) => f(this, Wi).call(this, t)), $(C.target).off("touchend", (t) => f(this, Yi).call(this, t)), f(this, ti).call(this, C);
     });
-    Y(this, ei, (C) => {
+    Y(this, ti, (C) => {
       if (!f(this, Sr).is(":visible")) return;
       var t;
-      f(this, Is) ? t = f(this, kr).offset().left - f(this, Sr).offset().left + f(this, kr).width() : t = f(this, Sr).offset().left - f(this, Fr).offset().left + 1, t <= 1 && (t = 0);
-      const l = f(this, Is) ? f(this, kr)[0].dataset.col : f(this, Fr)[0].dataset.col;
-      f(this, Me).columns.width(l, t), $(f(this, _r)).off("mousemove", f(this, Xi)), $(f(this, _r)).off("mouseup", f(this, ei)), f(this, _r).hide();
+      f(this, Ms) ? t = f(this, kr).offset().left - f(this, Sr).offset().left + f(this, kr).width() : t = f(this, Sr).offset().left - f(this, Fr).offset().left + 1, t <= 1 && (t = 0);
+      const l = f(this, Ms) ? f(this, kr)[0].dataset.col : f(this, Fr)[0].dataset.col;
+      f(this, Me).columns.width(l, t), $(f(this, _r)).off("mousemove", f(this, Xi)), $(f(this, _r)).off("mouseup", f(this, ti)), f(this, _r).hide();
     });
     Y(this, Gi, (C) => {
-      !f(this, Is) && C < f(this, Fr).offset().left && (C = f(this, Fr).offset().left), f(this, Sr).offset({ left: C });
+      !f(this, Ms) && C < f(this, Fr).offset().left && (C = f(this, Fr).offset().left), f(this, Sr).offset({ left: C });
       var t = parseInt(f(this, Sr).offset().left), l, c, o;
-      f(this, Is) ? (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, Rs).offset({ left: t }), f(this, Rs).width(o), f(this, Rs).find("span").text(l);
+      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) => {
       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, Rs, f(this, _r).find(".tooltip")), this.resetEvent();
+    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(), Rs = new WeakMap(), Ms = new WeakMap(), Fr = new WeakMap(), kr = new WeakMap(), Is = new WeakMap(), Ns = new WeakMap(), So = new WeakMap(), ko = new WeakMap(), Co = new WeakMap(), lu = new WeakMap(), Eo = new WeakMap(), eh = new WeakMap(), Ao = new WeakMap(), Wi = new WeakMap(), Xi = new WeakMap(), Yi = new WeakMap(), ei = new WeakMap(), Gi = new WeakMap(), rh = new WeakMap();
-var ue, ri, Or, Ki, To, sh;
-class sd {
+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(), lu = new WeakMap(), Eo = new WeakMap(), eh = new WeakMap(), Ao = new WeakMap(), Wi = new WeakMap(), Xi = new WeakMap(), Yi = new WeakMap(), ti = new WeakMap(), Gi = new WeakMap(), rh = new WeakMap();
+var ue, ei, Or, Ki, To, sh;
+class rd {
   constructor(C) {
     Y(this, ue);
     it(this, "count", () => f(this, ue).activeTmpl.querySelectorAll("[data-bind]").length);
@@ -2077,7 +2077,7 @@ class sd {
       };
       return C ? t(f(this, ue).activeTmpl.querySelector(`[data-bind="${C}"]`)) : Array.from(f(this, ue).activeTmpl.querySelectorAll("[data-bind]")).filter((l) => l.dataset.bind !== "rowState").map((l) => t(l));
     });
-    Y(this, ri, (C, t) => {
+    Y(this, ei, (C, t) => {
       var l = Array.from(C.querySelectorAll("col"));
       return l[t];
     });
@@ -2126,9 +2126,9 @@ class sd {
         t.template.cells = t.template.cells.concat(f(this, Or).call(this, i, o, o + l - 1));
       });
       for (var s = o; s <= o + l - 1; s++)
-        t.cols.push(f(this, ri).call(this, f(this, ue).body, s));
+        t.cols.push(f(this, ei).call(this, f(this, ue).body, s));
       for (var s = o; s <= o + l - 1; s++)
-        t.org.cols.push(f(this, ri).call(this, n.currentTable, s));
+        t.org.cols.push(f(this, ei).call(this, n.currentTable, s));
       return t;
     });
     Y(this, sh, (C, t, l, c) => {
@@ -2169,12 +2169,12 @@ class sd {
       }
       var a;
       parseInt(C.dataset.col) > parseInt(t.dataset.col) ? a = parseInt(t.dataset.col) : a = parseInt(t.dataset.col) + (t.colSpan || 1) - 1 + (parseInt(C.dataset.col) > parseInt(t.dataset.col) ? 0 : 1);
-      let h = f(this, ri).call(this, f(this, ue).body, a);
+      let h = f(this, ei).call(this, f(this, ue).body, a);
       const p = t.closest("table") == h.closest("table");
       for (var m of c.cols)
         m && (p ? t.closest("table").querySelector("colgroup").insertBefore(m, h) : t.closest("table").querySelector("colgroup").appendChild(m));
       for (var m of c.org.cols)
-        h = f(this, ri).call(this, l.currentTable, a), m && m.closest("colgroup").insertBefore(m, h);
+        h = f(this, ei).call(this, l.currentTable, a), m && m.closest("colgroup").insertBefore(m, h);
       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).removeClass("tmp");
@@ -2259,33 +2259,33 @@ class sd {
     tt(this, ue, C);
   }
 }
-ue = new WeakMap(), ri = new WeakMap(), Or = new WeakMap(), Ki = new WeakMap(), To = new WeakMap(), sh = new WeakMap();
-class id extends Fu.constructor {
+ue = new WeakMap(), ei = new WeakMap(), Or = new WeakMap(), Ki = new WeakMap(), To = new WeakMap(), sh = new WeakMap();
+class sd extends Bu.constructor {
   constructor() {
     super(), this.init("nine-grid", "green");
   }
 }
-const Su = new id();
-var ih, Zi, Le, tr, Ro, ls, Os, Ji, nh, oh, ah, lh, hu;
-class nd extends Si {
+new sd();
+var ih, Zi, Le, rr, Ro, Ns, ri, Ji, nh, oh, ah, lh, hu;
+class id extends Si {
   constructor() {
     super();
     Y(this, ih, 10);
     Y(this, Zi);
     Y(this, Le);
-    Y(this, tr);
+    Y(this, rr);
     Y(this, Ro);
-    Y(this, ls);
-    Y(this, Os);
+    Y(this, Ns);
+    Y(this, ri);
     Y(this, Ji);
     it(this, "dataRefresh", (t) => {
-      f(this, tr) && (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, 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();
     });
     Y(this, nh, () => {
       if (H.isNull(this.value)) return !0;
       var t = this.multi ? this.value.split(this.multiSeparator) : [this.value];
       for (var l of t) {
-        var c = f(this, tr).findIndex((o) => l == o[f(this, ls)]);
+        var c = f(this, rr).findIndex((o) => l == o[f(this, Ns)]);
         if (c < 0) return !1;
       }
       return !0;
@@ -2298,11 +2298,11 @@ class nd extends Si {
       }
     });
     Y(this, ah, (t) => {
-      if (console.log(f(this, tr)), !!f(this, tr)) {
-        console.log(f(this, tr)), f(this, Le).col = this.cell.dataset.col, f(this, Le).row = this.cell.closest("tr").sectionRowIndex, f(this, tr).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, tr), f(this, ls), f(this, Ji));
+      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));
         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, tr).length, f(this, Ro)) * 26;
+        var c = Math.min(f(this, rr).length, f(this, Ro)) * 26;
         this.multi ? (H.j.querySelectorAll(f(this, Le)).hasClass("expand") && (c += 12, c += 3, c += 24), c += 2, c += 3, c += 25) : (H.j.querySelectorAll(f(this, Le)).hasClass("expand") && (c += 12, c += 3, c += 24), c += 3);
         var o = $(".btn1", this.shadowRoot).offset().top + $(".btn1", this.shadowRoot).height() - $(this.owner).offset().top + 3;
         o + c > $(this.owner).height() && (o -= c + $(".btn1", this.shadowRoot).height() + 6);
@@ -2321,15 +2321,15 @@ class nd extends Si {
     Y(this, hu, () => "a");
   }
   connectedCallback() {
-    this.multi = this.getAttribute("multi") == "true", this.multiSeparator = this.getAttribute("multi-separator") || ",", tt(this, Ro, this.getAttribute("rows") || 5), tt(this, ls, this.getAttribute("code") || "code"), tt(this, Os, this.getAttribute("codename") || "codename"), tt(this, Ji, (this.getAttribute("items") || f(this, Os) || "").split(",")), f(this, Ji).unshift("CHK");
+    this.multi = this.getAttribute("multi") == "true", this.multiSeparator = this.getAttribute("multi-separator") || ",", tt(this, Ro, this.getAttribute("rows") || 5), tt(this, Ns, this.getAttribute("key") || "key"), tt(this, ri, this.getAttribute("value") || "value"), tt(this, Ji, (this.getAttribute("items") || f(this, ri) || "").split(",")), f(this, Ji).unshift("CHK");
     var t = this.querySelector("datalist");
-    t && (tt(this, tr, []), t.querySelectorAll("option").forEach((n) => {
-      const s = n.getAttribute(f(this, ls)), e = n.getAttribute(f(this, Os));
-      Su.log(f(this, ls), f(this, Os), s, e), s && e && f(this, tr).push({
-        [f(this, ls)]: s,
-        [f(this, Os)]: e
+    t && (tt(this, rr, []), t.querySelectorAll("option").forEach((n) => {
+      const s = n.getAttribute(f(this, Ns)), e = n.getAttribute(f(this, ri));
+      s && e && f(this, rr).push({
+        [f(this, Ns)]: s,
+        [f(this, ri)]: e
       });
-    })), Su.log(f(this, tr)), this.shadowRoot.innerHTML = `
+    })), this.shadowRoot.innerHTML = `
 			<style>
 				@import "https://cdn.jsdelivr.net/npm/ninegrid2@${H.version}/dist/css/ngCombo.css";
 				${H.getCustomPath(this, "ngCombo.css")}
@@ -2339,7 +2339,7 @@ class nd 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, tr, this.owner[c]) : tt(this, tr, this.owner.exprFunction(c).call(this, this.owner.data.get(this.cell.dataset.row), this.cell.dataset.row))), l && l.dataset && f(this, tr) && !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, oh).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");
@@ -2348,17 +2348,17 @@ class nd extends Si {
     });
   }
   get dataSource() {
-    return f(this, tr);
+    return f(this, rr);
   }
 }
-ih = new WeakMap(), Zi = new WeakMap(), Le = new WeakMap(), tr = new WeakMap(), Ro = new WeakMap(), ls = new WeakMap(), Os = new WeakMap(), Ji = new WeakMap(), nh = new WeakMap(), oh = new WeakMap(), ah = new WeakMap(), lh = new WeakMap(), hu = new WeakMap();
-var Mo, Pe, js, si, Qi, hh, Io, ch, No, tn, cu, uh, dh;
-class od extends HTMLElement {
+ih = new WeakMap(), Zi = new WeakMap(), Le = new WeakMap(), rr = new WeakMap(), Ro = new WeakMap(), Ns = new WeakMap(), ri = new WeakMap(), Ji = new WeakMap(), nh = new WeakMap(), oh = new WeakMap(), ah = new WeakMap(), lh = new WeakMap(), hu = new WeakMap();
+var Mo, Pe, Os, si, Qi, hh, Io, ch, No, tn, cu, uh, dh;
+class nd extends HTMLElement {
   constructor() {
     super();
     Y(this, Mo);
     Y(this, Pe);
-    Y(this, js);
+    Y(this, Os);
     Y(this, si);
     Y(this, Qi);
     Y(this, hh, () => {
@@ -2375,7 +2375,7 @@ class od extends HTMLElement {
     });
     Y(this, No, (t) => {
       var l = this.shadowRoot.querySelector("nine-grid"), c = l.data.getValidData();
-      const o = l.fields.indexOf("CHK"), r = l.fields.indexOf(f(this, js));
+      const o = l.fields.indexOf("CHK"), r = l.fields.indexOf(f(this, Os));
       var n = [];
       c.forEach((e) => {
         e.v[o] == "Y" && n.push(e.v[r]);
@@ -2386,7 +2386,7 @@ class od extends HTMLElement {
     Y(this, tn, (t) => {
       if (t.target.tagName != "NG-CHECKBOX" && (t.preventDefault(), t.stopPropagation()), !f(this, Pe).multi) {
         var l = this.shadowRoot.querySelector("nine-grid"), c = t.target.closest("th,td");
-        $(c).blur(), f(this, Pe).value = l.data.get(c.dataset.row)[f(this, js)], this.row = this.col = -1, $(this).hide(), f(this, Pe).getRootNode().host.cell.currentCell = f(this, Pe).closest("th,td");
+        $(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, cu, (t) => {
@@ -2415,7 +2415,7 @@ class od extends HTMLElement {
     });
     it(this, "refresh", (t, l, c, o) => {
       var r = this.shadowRoot.querySelector("nine-grid");
-      $(this.shadowRoot).find("input[type=text]").val(""), $("input[type=checkbox]", this).prop("checked", !0), tt(this, Qi, o), $(".ng-table tbody", r.body).off("click", "th,td", f(this, tn)), $(".ng-table tbody", r.body).on("click", "th,td", f(this, tn)), tt(this, Pe, t), tt(this, js, c), $("th,td", r.template).each((i, u) => {
+      $(this.shadowRoot).find("input[type=text]").val(""), $("input[type=checkbox]", this).prop("checked", !0), tt(this, Qi, o), $(".ng-table tbody", r.body).off("click", "th,td", f(this, tn)), $(".ng-table tbody", r.body).on("click", "th,td", f(this, tn)), tt(this, Pe, t), tt(this, Os, c), $("th,td", r.template).each((i, u) => {
         $(u).hide();
       }), $("thead th", r).each((i, u) => {
         $(u).hide();
@@ -2435,12 +2435,12 @@ class od extends HTMLElement {
         "min-width": f(this, Pe).multi ? 30 : 0
       }), f(this, Pe).multi) {
         var s = f(this, Pe).value.split(f(this, Pe).multiSeparator);
-        const i = r.fields.indexOf("CHK"), u = r.fields.indexOf(f(this, js));
+        const i = r.fields.indexOf("CHK"), u = r.fields.indexOf(f(this, Os));
         r.data.getValidData().forEach((a) => {
           a.v[i] = s.includes(a.v[u]) ? "Y" : "N";
         }), r.row.at = 0;
       } else {
-        var e = r.fields.indexOf(f(this, js));
+        var e = r.fields.indexOf(f(this, Os));
         r.row.at = r.data.getValidData().findIndex((i) => f(this, Pe).value == i.v[e]);
       }
       setTimeout(() => {
@@ -2523,11 +2523,11 @@ class od extends HTMLElement {
 		`, f(this, hh).call(this);
   }
 }
-Mo = new WeakMap(), Pe = new WeakMap(), js = new WeakMap(), si = new WeakMap(), Qi = new WeakMap(), hh = new WeakMap(), Io = new WeakMap(), ch = new WeakMap(), No = new WeakMap(), tn = new WeakMap(), cu = new WeakMap(), uh = new WeakMap(), dh = new WeakMap();
-customElements.get("ng-combo") || customElements.define("ng-combo", nd);
-customElements.get("ng-combo-panel") || customElements.define("ng-combo-panel", od);
+Mo = new WeakMap(), Pe = new WeakMap(), Os = new WeakMap(), si = new WeakMap(), Qi = new WeakMap(), hh = new WeakMap(), Io = new WeakMap(), ch = new WeakMap(), No = new WeakMap(), tn = new WeakMap(), cu = new WeakMap(), uh = new WeakMap(), dh = new WeakMap();
+customElements.get("ng-combo") || customElements.define("ng-combo", id);
+customElements.get("ng-combo-panel") || customElements.define("ng-combo-panel", nd);
 var en, Oo, rn, ii, sn, Wr, fh, jo, ph;
-class ad {
+class od {
   constructor(C) {
     Y(this, en);
     Y(this, Oo);
@@ -2571,7 +2571,7 @@ class ad {
 }
 en = new WeakMap(), Oo = new WeakMap(), rn = new WeakMap(), ii = new WeakMap(), sn = new WeakMap(), Wr = new WeakMap(), fh = new WeakMap(), jo = new WeakMap(), ph = new WeakMap();
 var $o, mh;
-class ld extends HTMLElement {
+class ad extends HTMLElement {
   constructor() {
     super();
     it(this, "init", (t) => {
@@ -2610,9 +2610,9 @@ class ld extends HTMLElement {
   }
 }
 $o = new WeakMap(), mh = new WeakMap();
-customElements.get("ng-context-menu-panel") || customElements.define("ng-context-menu-panel", ld);
+customElements.get("ng-context-menu-panel") || customElements.define("ng-context-menu-panel", ad);
 var qr, Lo, gh, bh, yh;
-class hd {
+class ld {
   /**
    * focus event, keyboard event, mouse event : common.js
    * 
@@ -2645,42 +2645,42 @@ class hd {
   }
 }
 qr = new WeakMap(), Lo = new WeakMap(), gh = new WeakMap(), bh = new WeakMap(), yh = new WeakMap();
-var Xr, Po, hs;
-class cd {
+var Xr, Po, ls;
+class hd {
   constructor(C) {
     Y(this, Xr);
     Y(this, Po);
-    Y(this, hs);
+    Y(this, ls);
     it(this, "count", () => f(this, Xr).rawRecords.length);
     it(this, "has", (C) => f(this, Xr).data.filter(C).length > 0);
     it(this, "first", (C) => (f(this, Xr).data.first(C).__ng || { rowidx: -1 }).rowidx);
     it(this, "last", (C) => (f(this, Xr).data.last(C).__ng || { rowidx: -1 }).rowidx);
-    tt(this, Xr, C), tt(this, Po, -1), tt(this, hs, -1);
+    tt(this, Xr, C), tt(this, Po, -1), tt(this, ls, -1);
   }
   get at() {
-    return f(this, hs);
+    return f(this, ls);
   }
   set at(C) {
-    tt(this, Po, f(this, hs)), tt(this, hs, parseInt(C)), f(this, Xr).owner.body.querySelector(`tbody.bindable tr[data-row="${f(this, hs)}"]`) || setTimeout(() => {
-      f(this, Xr).owner.scrollTo_V1(f(this, hs));
+    tt(this, Po, f(this, ls)), tt(this, ls, parseInt(C)), f(this, Xr).owner.body.querySelector(`tbody.bindable tr[data-row="${f(this, ls)}"]`) || setTimeout(() => {
+      f(this, Xr).owner.scrollTo_V1(f(this, ls));
     });
   }
 }
-Xr = new WeakMap(), Po = new WeakMap(), hs = new WeakMap();
-var He, Ft, $e, Cr, ni, $s, nn, Do, on, Bo, Fo, vh, qo, Ho, an, ln, zo, Uo, Vo;
-class ud {
+Xr = new WeakMap(), Po = new WeakMap(), ls = new WeakMap();
+var He, Ft, $e, Cr, ni, js, nn, Do, on, Bo, Fo, vh, qo, Ho, an, ln, zo, Uo, Vo;
+class cd {
   constructor(C, t) {
     Y(this, He);
     Y(this, Ft);
     Y(this, $e);
     Y(this, Cr);
     Y(this, ni);
-    Y(this, $s);
+    Y(this, js);
     it(this, "initialize", () => {
-      tt(this, $s, []), $(f(this, He).template).each((C, t) => {
-        f(this, $s).push($(t).height());
+      tt(this, js, []), $(f(this, He).template).each((C, t) => {
+        f(this, js).push($(t).height());
       }), (f(this, Ft).rawRecords || []).forEach((C) => {
-        C.__ng.height = f(this, $s).slice();
+        C.__ng.height = f(this, js).slice();
       });
     });
     it(this, "set", (C) => {
@@ -3209,7 +3209,7 @@ class ud {
       expand: !0,
       visible: !0,
       paging: !0,
-      height: f(this, $s).slice(),
+      height: f(this, js).slice(),
       o: {},
       //origin value
       c: {},
@@ -3239,7 +3239,7 @@ class ud {
         // PAGING
         !1,
         // DELETED
-        f(this, $s).slice(),
+        f(this, js).slice(),
         // HEIGHT
         -1,
         // ORIGIN_ORDER
@@ -3257,10 +3257,10 @@ class ud {
     delete f(this, Ft).rawRecords, tt(this, $e, []), tt(this, Cr, []), f(this, Ft).rawRecords = [], f(this, Ft).viewRecords.reset();
   }
 }
-He = new WeakMap(), Ft = new WeakMap(), $e = new WeakMap(), Cr = new WeakMap(), ni = new WeakMap(), $s = 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();
-class dd {
+He = new WeakMap(), Ft = new WeakMap(), $e = new WeakMap(), Cr = new WeakMap(), ni = 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();
+class ud {
   constructor(C) {
-    this.owner = C, this.row = new cd(this), this.data = new ud(C, this), this.setDataSource = (l) => {
+    this.owner = C, this.row = new hd(this), this.data = new cd(C, this), this.setDataSource = (l) => {
       this.data && this.data.reset(), this.pageCnt = 25, this.rawRecords = [], this.viewRecords = [], this.delRecords = [], this.viewRecords.touch = () => {
         this.viewRecords.updateCnt = (this.viewRecords.updateCnt || 0) + 1;
       }, this.viewRecords.rawIndex = 0, this.viewRecords.setPageCnt = (c) => {
@@ -3313,7 +3313,7 @@ class dd {
       ["first", "last", "count", "add", "insert", "move", "delete"].includes(t) || (this.data[t] = this.row[t]);
   }
 }
-class fd extends HTMLElement {
+class dd extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
   }
@@ -3404,7 +3404,7 @@ class fd extends HTMLElement {
     });
   }
 }
-class pd extends HTMLElement {
+class fd extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
   }
@@ -3419,7 +3419,7 @@ class pd extends HTMLElement {
 		`;
   }
 }
-class md extends HTMLElement {
+class pd extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
   }
@@ -3434,11 +3434,11 @@ class md extends HTMLElement {
 		`;
   }
 }
-customElements.get("ng-expand-icon") || customElements.define("ng-expand-icon", fd);
-customElements.get("ng-expand-check") || customElements.define("ng-expand-check", pd);
-customElements.get("ng-expand-button") || customElements.define("ng-expand-button", md);
+customElements.get("ng-expand-icon") || customElements.define("ng-expand-icon", dd);
+customElements.get("ng-expand-check") || customElements.define("ng-expand-check", fd);
+customElements.get("ng-expand-button") || customElements.define("ng-expand-button", pd);
 var pe = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function gd(mt) {
+function md(mt) {
   return mt && mt.__esModule && Object.prototype.hasOwnProperty.call(mt, "default") ? mt.default : mt;
 }
 function Pl(mt) {
@@ -3446,9 +3446,9 @@ function Pl(mt) {
 }
 var tu = { exports: {} };
 /*! ExcelJS 19-10-2023 */
-var ku;
-function bd() {
-  return ku || (ku = 1, (function(mt, C) {
+var Su;
+function gd() {
+  return Su || (Su = 1, (function(mt, C) {
     (function(t) {
       mt.exports = t();
     })((function() {
@@ -21665,13 +21665,13 @@ function bd() {
                 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 qt()), Se || Xe(Et) ? Re(Et, Rt, fe, oe, he, Jt) : (function(Ce, be, _s, Js, Ml, vr, ns) {
-                  switch (_s) {
+                if (Lr && !Qe) return Jt || (Jt = new qt()), Se || Xe(Et) ? Re(Et, Rt, fe, oe, he, Jt) : (function(Ce, be, xs, Zs, Ml, vr, ns) {
+                  switch (xs) {
                     case "[object DataView]":
                       if (Ce.byteLength != be.byteLength || Ce.byteOffset != be.byteOffset) return !1;
                       Ce = Ce.buffer, be = be.buffer;
                     case "[object ArrayBuffer]":
-                      return !(Ce.byteLength != be.byteLength || !Js(new N(Ce), new N(be)));
+                      return !(Ce.byteLength != be.byteLength || !Zs(new N(Ce), new N(be)));
                     case "[object Boolean]":
                     case "[object Date]":
                     case "[object Number]":
@@ -21682,14 +21682,14 @@ function bd() {
                     case "[object String]":
                       return Ce == be + "";
                     case n:
-                      var Ss = A;
+                      var _s = A;
                     case e:
                       var Un = 2 & vr;
-                      if (Ss || (Ss = M), Ce.size != be.size && !Un) return !1;
+                      if (_s || (_s = M), Ce.size != be.size && !Un) return !1;
                       var Il = ns.get(Ce);
                       if (Il) return Il == be;
                       vr |= 1, ns.set(Ce, be);
-                      var Ai = Re(Ss(Ce), Ss(be), Js, Ml, vr, ns);
+                      var Ai = Re(_s(Ce), _s(be), Zs, Ml, vr, ns);
                       return ns.delete(Ce), Ai;
                     case "[object Symbol]":
                       if (bt) return bt.call(Ce) == bt.call(be);
@@ -21697,32 +21697,32 @@ function bd() {
                   return !1;
                 })(Et, Rt, Te, fe, oe, he, Jt);
                 if (!(2 & he)) {
-                  var Zs = Qe && X.call(Et, "__wrapped__"), ki = hr && X.call(Rt, "__wrapped__");
-                  if (Zs || ki) {
-                    var Ci = Zs ? Et.value() : Et, Ei = ki ? Rt.value() : Rt;
+                  var Ks = Qe && X.call(Et, "__wrapped__"), ki = hr && X.call(Rt, "__wrapped__");
+                  if (Ks || ki) {
+                    var Ci = Ks ? Et.value() : Et, Ei = ki ? Rt.value() : Rt;
                     return Jt || (Jt = new qt()), fe(Ci, Ei, oe, he, Jt);
                   }
                 }
-                return Lr ? (Jt || (Jt = new qt()), (function(Ce, be, _s, Js, Ml, vr) {
-                  var ns = 2 & Ml, Ss = Ye(Ce), Un = Ss.length, Il = Ye(be).length;
+                return Lr ? (Jt || (Jt = new qt()), (function(Ce, be, xs, Zs, Ml, vr) {
+                  var ns = 2 & Ml, _s = Ye(Ce), Un = _s.length, Il = Ye(be).length;
                   if (Un != Il && !ns) return !1;
                   for (var Ai = Un; Ai--; ) {
-                    var ks = Ss[Ai];
-                    if (!(ns ? ks in be : X.call(be, ks))) return !1;
+                    var Ss = _s[Ai];
+                    if (!(ns ? Ss in be : X.call(be, Ss))) return !1;
                   }
                   var vu = vr.get(Ce);
                   if (vu && vr.get(be)) return vu == be;
                   var Nl = !0;
                   vr.set(Ce, be), vr.set(be, Ce);
                   for (var Jc = ns; ++Ai < Un; ) {
-                    ks = Ss[Ai];
-                    var Ol = Ce[ks], jl = be[ks];
-                    if (Js) var wu = ns ? Js(jl, Ol, ks, be, Ce, vr) : Js(Ol, jl, ks, Ce, be, vr);
-                    if (!(wu === void 0 ? Ol === jl || _s(Ol, jl, Js, Ml, vr) : wu)) {
+                    Ss = _s[Ai];
+                    var Ol = Ce[Ss], jl = be[Ss];
+                    if (Zs) var wu = ns ? Zs(jl, Ol, Ss, be, Ce, vr) : Zs(Ol, jl, Ss, Ce, be, vr);
+                    if (!(wu === void 0 ? Ol === jl || xs(Ol, jl, Zs, Ml, vr) : wu)) {
                       Nl = !1;
                       break;
                     }
-                    Jc || (Jc = ks == "constructor");
+                    Jc || (Jc = Ss == "constructor");
                   }
                   if (Nl && !Jc) {
                     var $l = Ce.constructor, Ll = be.constructor;
@@ -22117,23 +22117,23 @@ function bd() {
                   }
                   var Lr = Jt.get(Et);
                   if (Lr && Jt.get(Rt)) return Lr == Rt;
-                  var Zs = !0;
+                  var Ks = !0;
                   Jt.set(Et, Rt), Jt.set(Rt, Et);
                   for (var ki = Se; ++Qe < Te; ) {
                     hr = ke[Qe];
                     var Ci = Et[hr], Ei = Rt[hr];
                     if (oe) var Ce = Se ? oe(Ei, Ci, hr, Rt, Et, Jt) : oe(Ci, Ei, hr, Et, Rt, Jt);
                     if (!(Ce === void 0 ? Ci === Ei || he(Ci, Ei, fe, oe, Jt) : Ce)) {
-                      Zs = !1;
+                      Ks = !1;
                       break;
                     }
                     ki || (ki = hr == "constructor");
                   }
-                  if (Zs && !ki) {
-                    var be = Et.constructor, _s = Rt.constructor;
-                    be == _s || !("constructor" in Et) || !("constructor" in Rt) || typeof be == "function" && be instanceof be && typeof _s == "function" && _s instanceof _s || (Zs = !1);
+                  if (Ks && !ki) {
+                    var be = Et.constructor, xs = Rt.constructor;
+                    be == xs || !("constructor" in Et) || !("constructor" in Rt) || typeof be == "function" && be instanceof be && typeof xs == "function" && xs instanceof xs || (Ks = !1);
                   }
-                  return Jt.delete(Et), Jt.delete(Rt), Zs;
+                  return Jt.delete(Et), Jt.delete(Rt), Ks;
                 })(Mt, ee, Zt, Vt, ie, re)) : !1;
               })(at, dt, yt, Tt, Wt, Kt));
             }
@@ -26461,15 +26461,15 @@ use chrome, FireFox or Internet Explorer 11`);
     }));
   })(tu)), tu.exports;
 }
-var yd = bd();
-const vd = /* @__PURE__ */ gd(yd);
-var Ie, Wo, hn, cs;
-class wd {
+var bd = gd();
+const yd = /* @__PURE__ */ md(bd);
+var Ie, Wo, hn, hs;
+class vd {
   constructor(C, t) {
     Y(this, Ie);
     Y(this, Wo);
     Y(this, hn);
-    Y(this, cs);
+    Y(this, hs);
     it(this, "export", () => {
       var C = {
         fileName: (f(this, Ie).getAttribute("caption") || "export").replace(/[`~!@#$%^&*|\\\'\";:\/?]/gi, ""),
@@ -26554,8 +26554,8 @@ class wd {
           });
         });
       };
-      $(f(this, hn)).html("generate..."), f(this, cs).setAttribute("max", f(this, Ie).data.count()), f(this, cs).setAttribute("value", 0);
-      const n = new vd.Workbook(), s = n.addWorksheet("Sheet1");
+      $(f(this, hn)).html("generate..."), f(this, hs).setAttribute("max", f(this, Ie).data.count()), f(this, hs).setAttribute("value", 0);
+      const n = new yd.Workbook(), s = n.addWorksheet("Sheet1");
       var e = 0;
       s.getColumn(++e).width = 10, $(".col-indicator-rowgroup .col-indicator:not(.dummy)", f(this, Ie).body).not(".first").not(".last").each((p, m) => {
         if (p == 0) return !0;
@@ -26607,10 +26607,10 @@ class wd {
       });
       for (var i = f(this, Ie).data.getValidData(), u = 0, a = 0; a < i.length; a++)
         setTimeout(() => {
-          r(u++), f(this, cs).setAttribute("value", u + 1), $(f(this, hn)).html(u + 1 >= i.length ? "downloading..." : "processing... " + u.toLocaleString() + " / " + i.length.toLocaleString());
+          r(u++), f(this, hs).setAttribute("value", u + 1), $(f(this, hn)).html(u + 1 >= i.length ? "downloading..." : "processing... " + u.toLocaleString() + " / " + i.length.toLocaleString());
         });
       var h = setInterval(() => {
-        parseInt(f(this, cs).getAttribute("value")) >= parseInt(f(this, cs).getAttribute("max")) && (clearInterval(h), setTimeout(() => {
+        parseInt(f(this, hs).getAttribute("value")) >= parseInt(f(this, hs).getAttribute("max")) && (clearInterval(h), setTimeout(() => {
           l(n, t).then((p) => {
           }), C.afterFunc && C.afterFunc.call(f(this, Ie));
         }), setTimeout(() => {
@@ -26621,12 +26621,12 @@ class wd {
     it(this, "exportPdf", () => {
       console.log("exportPdf");
     });
-    tt(this, Ie, C), tt(this, Wo, t), tt(this, hn, t.querySelector("#message-box")), tt(this, cs, t.querySelector("#progress-bar"));
+    tt(this, Ie, C), tt(this, Wo, t), tt(this, hn, t.querySelector("#message-box")), tt(this, hs, t.querySelector("#progress-bar"));
   }
 }
-Ie = new WeakMap(), Wo = new WeakMap(), hn = new WeakMap(), cs = new WeakMap();
+Ie = new WeakMap(), Wo = new WeakMap(), hn = new WeakMap(), hs = new WeakMap();
 var oi, cn, Xo, uu, du, wh;
-class Iu extends HTMLElement {
+class Mu extends HTMLElement {
   constructor() {
     super();
     Y(this, oi);
@@ -26682,13 +26682,13 @@ class Iu extends HTMLElement {
 				</div>
 				<progress id="progress-bar" value="0" max="100">50%</progress>
 			</nx-dialog>
-		`, tt(this, oi, this.shadowRoot.querySelector("dialog")), tt(this, Xo, new wd(f(this, cn), f(this, oi))), f(this, wh).call(this);
+		`, tt(this, oi, this.shadowRoot.querySelector("dialog")), tt(this, Xo, new vd(f(this, cn), f(this, oi))), f(this, wh).call(this);
   }
 }
 oi = new WeakMap(), cn = new WeakMap(), Xo = new WeakMap(), uu = new WeakMap(), du = new WeakMap(), wh = new WeakMap();
-customElements.get("ng-export") || customElements.define("ng-export", Iu);
+customElements.get("ng-export") || customElements.define("ng-export", Mu);
 var Yo, nr, Go, xh;
-class xd {
+class wd {
   constructor(C) {
     Y(this, Yo);
     Y(this, nr);
@@ -26745,7 +26745,7 @@ class xd {
 }
 Yo = new WeakMap(), nr = new WeakMap(), Go = new WeakMap(), xh = new WeakMap();
 var _h;
-class _d extends HTMLElement {
+class xd extends HTMLElement {
   constructor() {
     super();
     Y(this, _h);
@@ -26764,23 +26764,23 @@ class _d extends HTMLElement {
   }
 }
 _h = new WeakMap();
-var un, us, Hr, ds, Sh;
-class Sd extends HTMLElement {
+var un, cs, Hr, us, Sh;
+class _d extends HTMLElement {
   constructor() {
     super();
     Y(this, un);
-    Y(this, us);
+    Y(this, cs);
     Y(this, Hr);
-    Y(this, ds);
+    Y(this, us);
     it(this, "add", (t) => {
-      f(this, us).push(...t);
+      f(this, cs).push(...t);
       var l = 0;
-      for (const c of f(this, us)) {
+      for (const c of f(this, cs)) {
         l++;
         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, us).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, Sh));
     });
     it(this, "resize", () => {
       const t = $(f(this, Hr)).width() > $(this).width();
@@ -26791,28 +26791,28 @@ class Sd extends HTMLElement {
     });
     Y(this, Sh, (t) => {
       if (H.j.querySelectorAll(t.currentTarget).hasClass("ng-active")) return;
-      const l = f(this, ds);
-      tt(this, ds, parseInt(t.currentTarget.value)), f(this, un).changeRayout(f(this, ds)), H.j.querySelectorAll("button", f(this, Hr)).removeClass("ng-active"), H.j.querySelectorAll(t.currentTarget).addClass("ng-active");
+      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");
       var c = new CustomEvent(H.EVENT.LAYOUT_CHANGED, { bubbles: !0, detail: {} });
-      c.oldIndex = l, c.newIndex = f(this, ds), f(this, un).dispatchEvent(c);
+      c.oldIndex = l, c.newIndex = f(this, us), f(this, un).dispatchEvent(c);
     });
-    tt(this, us, []), tt(this, ds, 0);
+    tt(this, cs, []), tt(this, us, 0);
   }
   connectedCallback() {
     tt(this, un, this.getRootNode().host.getRootNode().host), this.innerHTML = '<div class="ng-wrap"></div>', tt(this, Hr, this.querySelector(".ng-wrap"));
   }
   get tables() {
-    return f(this, us);
+    return f(this, cs);
   }
   get currentTable() {
-    return f(this, us)[f(this, ds)];
+    return f(this, cs)[f(this, us)];
   }
 }
-un = new WeakMap(), us = new WeakMap(), Hr = new WeakMap(), ds = new WeakMap(), Sh = new WeakMap();
-customElements.get("ng-layout") || customElements.define("ng-layout", Sd);
-customElements.get("ng-foot") || customElements.define("ng-foot", _d);
+un = new WeakMap(), cs = new WeakMap(), Hr = new WeakMap(), us = new WeakMap(), Sh = new WeakMap();
+customElements.get("ng-layout") || customElements.define("ng-layout", _d);
+customElements.get("ng-foot") || customElements.define("ng-foot", xd);
 var Ko;
-class kd extends HTMLElement {
+class Sd extends HTMLElement {
   constructor() {
     super();
     Y(this, Ko);
@@ -26833,7 +26833,7 @@ class kd extends HTMLElement {
 }
 Ko = new WeakMap();
 var dn;
-class Cd extends HTMLElement {
+class kd extends HTMLElement {
   constructor() {
     super();
     Y(this, dn);
@@ -26847,7 +26847,7 @@ class Cd extends HTMLElement {
 }
 dn = new WeakMap();
 var kh;
-class Ed extends HTMLElement {
+class Cd extends HTMLElement {
   constructor() {
     super();
     Y(this, kh);
@@ -26860,9 +26860,9 @@ class Ed extends HTMLElement {
   }
 }
 kh = new WeakMap();
-customElements.get("ng-title") || customElements.define("ng-title", Cd);
-customElements.get("ng-custom") || customElements.define("ng-custom", Ed);
-customElements.get("ng-head") || customElements.define("ng-head", kd);
+customElements.get("ng-title") || customElements.define("ng-title", kd);
+customElements.get("ng-custom") || customElements.define("ng-custom", Cd);
+customElements.get("ng-head") || customElements.define("ng-head", Sd);
 class Kc extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
@@ -26894,7 +26894,7 @@ class Kc extends HTMLElement {
     });
   }
 }
-class Ad extends Kc {
+class Ed extends Kc {
   constructor() {
     super();
   }
@@ -26919,7 +26919,7 @@ class Ad extends Kc {
 		`, super.connectedCallback();
   }
 }
-class Td extends Kc {
+class Ad extends Kc {
   constructor() {
     super();
   }
@@ -26937,7 +26937,7 @@ class Td extends Kc {
 		`, super.connectedCallback();
   }
 }
-class Rd extends Kc {
+class Td extends Kc {
   constructor() {
     super();
   }
@@ -26955,7 +26955,7 @@ class Rd extends Kc {
 		`, super.connectedCallback();
   }
 }
-class Md extends Kc {
+class Rd extends Kc {
   constructor() {
     super();
   }
@@ -26974,24 +26974,24 @@ class Md extends Kc {
 		`, super.connectedCallback();
   }
 }
-customElements.get("ng-check") || customElements.define("ng-check", Ad);
-customElements.get("ng-rect") || customElements.define("ng-rect", Td);
-customElements.get("ng-circle") || customElements.define("ng-circle", Rd);
-customElements.get("ng-sphere") || customElements.define("ng-sphere", Md);
-var Ls;
-class Id extends Mr {
+customElements.get("ng-check") || customElements.define("ng-check", Ed);
+customElements.get("ng-rect") || customElements.define("ng-rect", Ad);
+customElements.get("ng-circle") || customElements.define("ng-circle", Td);
+customElements.get("ng-sphere") || customElements.define("ng-sphere", Rd);
+var $s;
+class Md extends Mr {
   //#src;
   constructor() {
     super();
-    Y(this, Ls);
+    Y(this, $s);
     it(this, "dataRefresh", (t) => {
       var l = this.getAttribute("src"), c = l ? this.getExprValue(l, this.cell.closest("tr").data, this.cell.dataset.row) : "";
-      l = c || this.getDisplayText(), f(this, Ls).src = l, l ? $(f(this, Ls)).show() : $(f(this, Ls)).hide(), t || this.reset();
+      l = c || this.getDisplayText(), f(this, $s).src = l, l ? $(f(this, $s)).show() : $(f(this, $s)).hide(), t || this.reset();
     });
     it(this, "r", (t, l) => {
       const c = this.getAttribute("icon-src") || l.getAttribute("icon-src");
       var o = c ? this.getExprValue(c, l.closest("tr").data, l.dataset.row) : "";
-      f(this, Ls).src = o || this.value;
+      f(this, $s).src = o || this.value;
     });
   }
   connectedCallback() {
@@ -27016,12 +27016,12 @@ class Id extends Mr {
 			<div class="ng-wrap">
 				<img ${o.join(" ")} class="renderer" />
 			</div>
-		`, super.connectedCallback(), tt(this, Ls, this.shadowRoot.querySelector("img"));
+		`, super.connectedCallback(), tt(this, $s, this.shadowRoot.querySelector("img"));
   }
 }
-Ls = new WeakMap();
+$s = new WeakMap();
 var fn, Ch;
-class Nd extends Mr {
+class Id extends Mr {
   constructor() {
     super();
     Y(this, fn);
@@ -27060,10 +27060,10 @@ class Nd extends Mr {
   }
 }
 fn = new WeakMap(), Ch = new WeakMap();
-customElements.get("ng-img") || customElements.define("ng-img", Id);
-customElements.get("ng-svg") || customElements.define("ng-svg", Nd);
+customElements.get("ng-img") || customElements.define("ng-img", Md);
+customElements.get("ng-svg") || customElements.define("ng-svg", Id);
 var Eh, Ah, Th, Rh, Mh;
-class Od {
+class Nd {
   constructor(C) {
     Y(this, Eh);
     it(this, "importExcel", () => {
@@ -27103,7 +27103,7 @@ class Od {
 }
 Eh = new WeakMap(), Ah = new WeakMap(), Th = new WeakMap(), Rh = new WeakMap(), Mh = new WeakMap();
 var Zo, pn, Ih, Jo;
-class jd extends HTMLElement {
+class Od extends HTMLElement {
   constructor() {
     super();
     Y(this, Zo);
@@ -27146,9 +27146,9 @@ class jd extends HTMLElement {
   }
 }
 Zo = new WeakMap(), pn = new WeakMap(), Ih = new WeakMap(), Jo = new WeakMap();
-customElements.get("ng-info") || customElements.define("ng-info", jd);
+customElements.get("ng-info") || customElements.define("ng-info", Od);
 var Yr, Nh;
-class $d extends Si {
+class jd extends Si {
   constructor() {
     super();
     Y(this, Yr);
@@ -27186,9 +27186,9 @@ class $d extends Si {
   }
 }
 Yr = new WeakMap(), Nh = new WeakMap();
-customElements.get("ng-input-color") || customElements.define("ng-input-color", $d);
+customElements.get("ng-input-color") || customElements.define("ng-input-color", jd);
 var Gr, ai, Oh;
-class Ld extends Si {
+class $d extends Si {
   constructor() {
     super();
     Y(this, Gr);
@@ -27292,25 +27292,25 @@ class Ld extends Si {
   }
 }
 Gr = new WeakMap(), ai = new WeakMap(), Oh = new WeakMap();
-customElements.get("ng-input-date") || customElements.define("ng-input-date", Ld);
-var Ke, fs, zr, Ps, mn, Kr, jh;
-class Pd extends Si {
+customElements.get("ng-input-date") || customElements.define("ng-input-date", $d);
+var Ke, ds, zr, Ls, mn, Kr, jh;
+class Ld extends Si {
   constructor() {
     super();
     Y(this, Ke);
-    Y(this, fs);
+    Y(this, ds);
     Y(this, zr);
-    Y(this, Ps);
+    Y(this, Ls);
     Y(this, mn);
     Y(this, Kr);
     it(this, "dataRefresh", (t) => {
-      f(this, Ke).value = this.value, H.j.querySelectorAll(f(this, Ke)).removeClass("invalid"), f(this, fs) == "number" && (isNaN(this.value) || f(this, mn) && Number(f(this, Ke).value) > Number(f(this, mn)) || f(this, Ps) && Number(f(this, Ke).value) < Number(f(this, Ps)) ? H.j.querySelectorAll(f(this, Ke)).addClass("invalid") : f(this, Kr) && f(this, Ke).value.indexOf(".") >= 0 && f(this, Ke).value.substring(f(this, Ke).value.indexOf(".") + 1).length > Number(f(this, Kr)) && 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();
+      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, Kr) && f(this, Ke).value.indexOf(".") >= 0 && f(this, Ke).value.substring(f(this, Ke).value.indexOf(".") + 1).length > Number(f(this, Kr)) && 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) => {
       if (!["Escape", "Enter", "Tab", "Home", "End", "ArrowLeft", "ArrowRight", "PageUp", "PageDown", "Backspace", "Delete"].includes(t.code)) {
-        if (f(this, fs) == "number") {
+        if (f(this, ds) == "number") {
           let o = [];
-          if (f(this, Kr) && Number(f(this, Kr)) > 0 && o.push("."), f(this, Ps) && Number(f(this, Ps)) >= 0 && o.push("-"), !(t.keyCode >= 48 && t.keyCode <= 57 || t.keyCode >= 96 && t.keyCode <= 105) && !o.includes(t.key) && t.preventDefault(), f(this, Kr) && (t.keyCode >= 48 && t.keyCode <= 57 || t.keyCode >= 96 && t.keyCode <= 105) && t.target.selectionStart == t.target.selectionEnd) {
+          if (f(this, Kr) && Number(f(this, Kr)) > 0 && o.push("."), f(this, Ls) && Number(f(this, Ls)) >= 0 && o.push("-"), !(t.keyCode >= 48 && t.keyCode <= 57 || t.keyCode >= 96 && t.keyCode <= 105) && !o.includes(t.key) && t.preventDefault(), f(this, Kr) && (t.keyCode >= 48 && t.keyCode <= 57 || t.keyCode >= 96 && t.keyCode <= 105) && t.target.selectionStart == t.target.selectionEnd) {
             var l = t.target.value, c = l.indexOf(".");
             if (c >= 0) {
               var l = l.substr(c + 1, l.length);
@@ -27321,7 +27321,7 @@ class Pd extends Si {
         f(this, zr) && H.getByteLength(t.target.value) >= Number(f(this, zr)) && t.target.selectionStart == t.target.selectionEnd && t.preventDefault();
       }
     });
-    if (tt(this, fs, this.getAttribute("type") || "text"), tt(this, zr, this.getAttribute("maxbyte")), tt(this, Ps, this.getAttribute("min")), tt(this, mn, this.getAttribute("max")), tt(this, Kr, this.getAttribute("scale")), !["text", "number"].includes(f(this, fs))) throw `invalid type : ${f(this, fs)}`;
+    if (tt(this, ds, this.getAttribute("type") || "text"), tt(this, zr, this.getAttribute("maxbyte")), tt(this, Ls, this.getAttribute("min")), tt(this, mn, this.getAttribute("max")), tt(this, Kr, this.getAttribute("scale")), !["text", "number"].includes(f(this, ds))) throw `invalid type : ${f(this, ds)}`;
   }
   connectedCallback() {
     for (var t = [], l = 0; l < this.attributes.length; l++)
@@ -27339,17 +27339,17 @@ class Pd extends Si {
 		`, super.connectedCallback(), tt(this, Ke, this.shadowRoot.querySelector("input")), f(this, Ke).addEventListener("keydown", f(this, jh)), 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, fs) == "number" && (c.target.value = c.target.value.replace(c.data, ""));
+      f(this, ds) == "number" && (c.target.value = c.target.value.replace(c.data, ""));
     }), f(this, Ke).addEventListener("compositionend", (c) => {
     }), f(this, Ke).addEventListener("keydown", (c) => {
       c.isComposing || c.keyCode === 229 || (["Enter", "Escape"].includes(c.code) ? this.owner.cell.currentCell = this.cell : ["Tab", "PageUp", "PageDown", "ArrowUp", "ArrowDown"].includes(c.code) && (this.owner.cell.currentCell = this.cell, this.owner.cell.moveCell(c)));
     });
   }
 }
-Ke = new WeakMap(), fs = new WeakMap(), zr = new WeakMap(), Ps = new WeakMap(), mn = new WeakMap(), Kr = new WeakMap(), jh = new WeakMap();
-customElements.get("ng-input") || customElements.define("ng-input", Pd);
+Ke = new WeakMap(), ds = new WeakMap(), zr = new WeakMap(), Ls = new WeakMap(), mn = new WeakMap(), Kr = new WeakMap(), jh = new WeakMap();
+customElements.get("ng-input") || customElements.define("ng-input", Ld);
 var Oe, li, gn, bn, yn, hi;
-class Dd {
+class Pd {
   constructor(C) {
     Y(this, Oe);
     //#oldrow;
@@ -27421,7 +27421,7 @@ class Dd {
 }
 Oe = new WeakMap(), li = new WeakMap(), gn = new WeakMap(), bn = new WeakMap(), yn = new WeakMap(), hi = new WeakMap();
 var Zr, Jr;
-class Bd extends HTMLElement {
+class Dd extends HTMLElement {
   constructor() {
     super();
     Y(this, Zr);
@@ -27467,19 +27467,19 @@ Do you want to save it?`, "SAVE", { class: "rgb", "true-text": "Yes", "false-tex
   }
 }
 Zr = new WeakMap(), Jr = new WeakMap();
-customElements.get("ng-max-popup") || customElements.define("ng-max-popup", Bd);
+customElements.get("ng-max-popup") || customElements.define("ng-max-popup", Dd);
 var Lt, Qo, $h;
-class Fd extends HTMLElement {
+class Bd extends HTMLElement {
   constructor() {
     super();
     Y(this, Lt);
     Y(this, Qo);
     Y(this, $h);
-    tt(this, Qo, new Od(f(this, Lt))), tt(this, $h, new Iu(f(this, Lt)));
+    tt(this, Qo, new Nd(f(this, Lt))), tt(this, $h, new Mu(f(this, Lt)));
   }
   connectedCallback() {
     tt(this, Lt, this.getRootNode().host.getRootNode().host), this.innerHTML = "";
-    var t = new ad({
+    var t = new od({
       owner: f(this, Lt),
       items: {
         filtering: {
@@ -27665,9 +27665,9 @@ class Fd extends HTMLElement {
   }
 }
 Lt = new WeakMap(), Qo = new WeakMap(), $h = new WeakMap();
-customElements.get("ng-menu") || customElements.define("ng-menu", Fd);
-var Be, ta, ea, Er, ra, ze, er, Ds, Lh, vn, Ph;
-class qd extends HTMLElement {
+customElements.get("ng-menu") || customElements.define("ng-menu", Bd);
+var Be, ta, ea, Er, ra, ze, tr, Ps, Lh, vn, Ph;
+class Fd extends HTMLElement {
   constructor() {
     super();
     Y(this, Be);
@@ -27676,8 +27676,8 @@ class qd extends HTMLElement {
     Y(this, Er);
     Y(this, ra);
     Y(this, ze);
-    Y(this, er);
-    Y(this, Ds);
+    Y(this, tr);
+    Y(this, Ps);
     it(this, "refreshTotal", () => {
     });
     Y(this, Lh, () => {
@@ -27686,18 +27686,18 @@ class qd extends HTMLElement {
       }), 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, Ds).toLocaleString()}`) : this.type == H.PAGINGTYPE.NONE && $("span", this).eq(1).html(`<b>Total</b> : ${f(this, Ds).toLocaleString()}`), f(this, er) == 0 ? $("span", this).eq(0).html("") : $("span", this).eq(0).html(`${f(this, ze).toLocaleString()} <i>of</i> ${f(this, er).toLocaleString()}`), H.j.querySelectorAll(".ng-paging-first", this).attr("disabled", f(this, ze) == 1 || f(this, er) < 1), H.j.querySelectorAll(".ng-paging-prev", this).attr("disabled", f(this, ze) == 1 || f(this, er) < 1), H.j.querySelectorAll(".ng-paging-next", this).attr("disabled", f(this, ze) == f(this, er) || f(this, er) < 1), H.j.querySelectorAll(".ng-paging-last", this).attr("disabled", f(this, ze) == f(this, er) || f(this, er) < 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, 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);
     });
     Y(this, Ph, () => {
-      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, Ds) / f(this, Er)));
+      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) {
           var l = f(this, Be).data.getValidDataNF();
-          if (tt(this, er, Math.ceil(l.length / f(this, Er))), l.length == 0)
-            tt(this, er, 0);
-          else if (t < 1 || t > f(this, er)) throw `1invalid page ${t} of ${f(this, er)}`;
+          if (tt(this, tr, Math.ceil(l.length / f(this, Er))), l.length == 0)
+            tt(this, tr, 0);
+          else if (t < 1 || t > f(this, tr)) throw `1invalid page ${t} of ${f(this, tr)}`;
           f(this, vn).call(this), l.map((o) => {
             o.__ng.paging = !1;
           });
@@ -27724,7 +27724,7 @@ class qd extends HTMLElement {
       }
       f(this, vn).call(this);
     });
-    tt(this, Be, this.getRootNode().host.getRootNode().host), tt(this, ze, 0), tt(this, er, 0), tt(this, Ds, 0), this.onpagechanged = new CustomEvent("pagechanged", { bubbles: !0, detail: {} });
+    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: {} });
   }
   connectedCallback() {
     this.innerHTML = `
@@ -27762,10 +27762,10 @@ class qd extends HTMLElement {
     tt(this, ze, t);
   }
   get totalCount() {
-    return f(this, er);
+    return f(this, tr);
   }
   set totalCount(t) {
-    tt(this, Ds, t), f(this, ze) <= 0 && tt(this, ze, 1), tt(this, er, Math.ceil(t / f(this, Er))), f(this, vn).call(this);
+    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);
   }
   get linesPerPage() {
     return f(this, Er);
@@ -27800,10 +27800,10 @@ class qd extends HTMLElement {
     tt(this, ea, t);
   }
 }
-Be = new WeakMap(), ta = new WeakMap(), ea = new WeakMap(), Er = new WeakMap(), ra = new WeakMap(), ze = new WeakMap(), er = new WeakMap(), Ds = new WeakMap(), Lh = new WeakMap(), vn = new WeakMap(), Ph = new WeakMap();
-customElements.get("ng-paging") || customElements.define("ng-paging", qd);
+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();
+customElements.get("ng-paging") || customElements.define("ng-paging", Fd);
 var ci, sa;
-class Hd extends Mr {
+class qd extends Mr {
   constructor() {
     super();
     Y(this, ci);
@@ -27842,35 +27842,35 @@ class Hd extends Mr {
   }
 }
 ci = new WeakMap(), sa = new WeakMap();
-customElements.get("ng-progress") || customElements.define("ng-progress", Hd);
-var Bs, jr, Fs, ui, Dh, Bh;
-class zd extends Si {
+customElements.get("ng-progress") || customElements.define("ng-progress", qd);
+var Ds, jr, Bs, ui, Dh, Bh;
+class Hd extends Si {
   constructor() {
     super();
-    Y(this, Bs);
+    Y(this, Ds);
     Y(this, jr);
-    Y(this, Fs);
+    Y(this, Bs);
     Y(this, ui);
     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, Bs)).each((l, c) => {
+      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) => {
         $(c).prop("checked", this.value == c.getAttribute("value"));
       }), t || this.reset();
     });
     Y(this, Dh, () => {
       if (H.isNull(this.value)) return !0;
-      var t = f(this, jr).findIndex((l) => this.value == l[f(this, Fs)]);
+      var t = f(this, jr).findIndex((l) => this.value == l[f(this, Bs)]);
       return !(t < 0);
     });
     Y(this, Bh, () => {
     });
   }
   async connectedCallback() {
-    tt(this, Fs, this.getAttribute("code") || "code"), tt(this, ui, this.getAttribute("codename") || "codename");
+    tt(this, Bs, this.getAttribute("code") || "code"), tt(this, ui, this.getAttribute("codename") || "codename");
     var t = this.querySelector("datalist");
     t && (tt(this, jr, []), t.querySelectorAll("option").forEach((n) => {
-      const s = n.getAttribute(f(this, Fs)), e = n.getAttribute(f(this, ui));
+      const s = n.getAttribute(f(this, Bs)), e = n.getAttribute(f(this, ui));
       s && e && f(this, jr).push({
-        [f(this, Fs)]: s,
+        [f(this, Bs)]: s,
         [f(this, ui)]: e
       });
     })), this.owner = this.getRootNode().host, this.cell = this.closest("th,td");
@@ -27879,7 +27879,7 @@ class zd extends Si {
     o && this.owner && this.owner.exprFunction && (this.owner[o] ? tt(this, jr, this.owner[o]) : tt(this, jr, this.owner.exprFunction(o).call(this, this.owner.data.get(this.cell.dataset.row), this.cell.dataset.row)));
     var r = "";
     f(this, jr) && f(this, jr).forEach((n) => {
-      r += `<label><input type="radio" value="${n[f(this, Fs)]}"><span>${n[f(this, ui)]}</span></label>`;
+      r += `<label><input type="radio" value="${n[f(this, Bs)]}"><span>${n[f(this, ui)]}</span></label>`;
     }), this.shadowRoot.innerHTML = `
 			<style>
 				@import "https://cdn.jsdelivr.net/npm/ninegrid2@${H.version}/dist/css/ngRadio.css";
@@ -27893,14 +27893,14 @@ class zd extends Si {
 			<div class="ng-wrap">
 				${r}
 			</div>
-		`, super.connectedCallback(), f(this, Bh).call(this), tt(this, Bs, this.shadowRoot.querySelectorAll("input")), $(this.cell).on("keydown", (n) => {
+		`, super.connectedCallback(), f(this, Bh).call(this), tt(this, Ds, this.shadowRoot.querySelectorAll("input")), $(this.cell).on("keydown", (n) => {
       switch (n.preventDefault(), n.code) {
         case "Space":
           var s = -1;
-          $(f(this, Bs)).each((e, i) => {
+          $(f(this, Ds)).each((e, i) => {
             if (this.value == i.getAttribute("value"))
               return s = e, !1;
-          }), s = s == f(this, Bs).length - 1 ? 0 : s >= 0 ? s + 1 : 0, this.value = f(this, Bs)[s].getAttribute("value");
+          }), s = s == f(this, Ds).length - 1 ? 0 : s >= 0 ? s + 1 : 0, this.value = f(this, Ds)[s].getAttribute("value");
           break;
       }
     });
@@ -27909,10 +27909,10 @@ class zd extends Si {
     return f(this, jr);
   }
 }
-Bs = new WeakMap(), jr = new WeakMap(), Fs = new WeakMap(), ui = new WeakMap(), Dh = new WeakMap(), Bh = new WeakMap();
-customElements.get("ng-radio") || customElements.define("ng-radio", zd);
+Ds = new WeakMap(), jr = new WeakMap(), Bs = new WeakMap(), ui = new WeakMap(), Dh = new WeakMap(), Bh = new WeakMap();
+customElements.get("ng-radio") || customElements.define("ng-radio", Hd);
 var wn;
-class Ud extends Mr {
+class zd extends Mr {
   constructor() {
     super();
     Y(this, wn);
@@ -27946,9 +27946,9 @@ class Ud extends Mr {
   }
 }
 wn = new WeakMap();
-customElements.get("ng-renderer") || customElements.define("ng-renderer", Ud);
+customElements.get("ng-renderer") || customElements.define("ng-renderer", zd);
 var Fh;
-class Vd extends Mr {
+class Ud extends Mr {
   constructor() {
     super();
     it(this, "dataRefresh", (t) => {
@@ -27976,18 +27976,18 @@ class Vd extends Mr {
   }
 }
 Fh = new WeakMap();
-var rr, or, di;
-class Wd extends HTMLElement {
+var er, or, di;
+class Vd extends HTMLElement {
   constructor() {
     super();
-    Y(this, rr);
+    Y(this, er);
     Y(this, or);
     Y(this, di);
     it(this, "popup", (t) => {
-      var l = f(this, rr).body.querySelector(`tr[data-row="${t}"]`).data;
-      tt(this, di, l.__ng._[H.ROW.INDEX]), $(".title", this.shadowRoot).html(f(this, rr).getAttribute("caption") || "Details"), $(".sub-title", this.shadowRoot).html(`(${(Number(t) + 1).toLocaleString()} of ${f(this, rr).data.count().toLocaleString()})`);
-      var c = $("colgroup", f(this, or)), o = 500, r = $(".ng-container-body thead tr", f(this, rr).body).not(".col-indicator-rowgroup").length, n = f(this, rr).template.length, s = 0;
-      $(`tr [data-row=${t}]`, f(this, rr).body).not(".dummy").not(".first").not(".last").each((h, p) => {
+      var l = f(this, er).body.querySelector(`tr[data-row="${t}"]`).data;
+      tt(this, di, l.__ng._[H.ROW.INDEX]), $(".title", this.shadowRoot).html(f(this, er).getAttribute("caption") || "Details"), $(".sub-title", this.shadowRoot).html(`(${(Number(t) + 1).toLocaleString()} of ${f(this, er).data.count().toLocaleString()})`);
+      var c = $("colgroup", f(this, or)), o = 500, r = $(".ng-container-body thead tr", f(this, er).body).not(".col-indicator-rowgroup").length, n = f(this, er).template.length, s = 0;
+      $(`tr [data-row=${t}]`, f(this, er).body).not(".dummy").not(".first").not(".last").each((h, p) => {
         s = Math.max(s, parseInt(p.getAttribute("data-col")) + parseInt(p.getAttribute("colspan") || 1));
       });
       for (var e = 0; e < r; e++) {
@@ -28001,14 +28001,14 @@ class Wd extends HTMLElement {
       for (var e = 0; e < s; e++) {
         let p = $("<tr></tr>");
         for (var u = 0; u < r; u++) {
-          const m = f(this, rr).body.querySelectorAll(`thead [data-col="${e}"]:not(.dummy):not(.first):not(.last):not(.col-indicator)`)[u];
+          const m = f(this, er).body.querySelectorAll(`thead [data-col="${e}"]:not(.dummy):not(.first):not(.last):not(.col-indicator)`)[u];
           if (m) {
             const d = m.getAttribute("rowspan") || 1, b = m.getAttribute("colspan") || 1, g = m.cloneNode(!0);
             g.setAttribute("rowspan", b), g.setAttribute("colspan", d), g.removeAttribute("fixed"), $(g).height($(m).height()), p.append(g);
           }
         }
         for (var u = 0; u < n; u++) {
-          const d = f(this, rr).body.querySelectorAll(`[data-row="${t}"][data-col="${e}"]:not(.dummy):not(.first):not(.last)`)[u];
+          const d = f(this, er).body.querySelectorAll(`[data-row="${t}"][data-col="${e}"]:not(.dummy):not(.first):not(.last)`)[u];
           if (d) {
             const b = d.getAttribute("rowspan") || 1, g = d.getAttribute("colspan") || 1;
             if ($("ng-row-indicator,ng-row-state,ng-row-pin,ng-row-detail", d).length > 0) {
@@ -28019,7 +28019,7 @@ class Wd extends HTMLElement {
             S.setAttribute("data-row", 0), S.setAttribute("rowspan", g), S.setAttribute("colspan", b), S.removeAttribute("fixed"), p.append(S);
             for (const E of d.children) {
               const I = E.getAttribute("data-source");
-              I && (f(this, or)[I] = f(this, rr)[I]);
+              I && (f(this, or)[I] = f(this, er)[I]);
             }
           }
         }
@@ -28032,14 +28032,14 @@ class Wd extends HTMLElement {
           d.dataset.col = a, a += d.colSpan || 1;
         });
       }), f(this, or).shadowRoot.querySelector(".ng-body").style.height = "100vh", f(this, or).createTemplate(), this.shadowRoot.querySelector("dialog").showModal(), setTimeout(() => {
-        f(this, or).data.source = [Object.assign({}, f(this, rr).data.getNF(f(this, di)))];
+        f(this, or).data.source = [Object.assign({}, f(this, er).data.getNF(f(this, di)))];
       });
     });
     this.attachShadow({ mode: "open" });
   }
   connectedCallback() {
-    tt(this, rr, this.getRootNode().host);
-    const t = f(this, rr).getAttribute("css-path") || "";
+    tt(this, er, this.getRootNode().host);
+    const t = f(this, er).getAttribute("css-path") || "";
     this.shadowRoot.innerHTML = `
 			<style>
 				@import "https://cdn.jsdelivr.net/npm/ninegrid2@${H.version}/dist/css/ninegrid.css";
@@ -28058,10 +28058,10 @@ class Wd extends HTMLElement {
 					</table>
 				</nine-grid>
 			</nx-dialog>
-		`, tt(this, or, this.shadowRoot.querySelector("nine-grid")), f(this, or).fields.add(f(this, rr).fields.get()), $(".reset", this.shadowRoot).on("click", (l) => {
-      f(this, or).data.set(f(this, rr).data.getNF(f(this, di)));
+		`, tt(this, or, this.shadowRoot.querySelector("nine-grid")), f(this, or).fields.add(f(this, er).fields.get()), $(".reset", this.shadowRoot).on("click", (l) => {
+      f(this, or).data.set(f(this, er).data.getNF(f(this, di)));
     }), $(".apply", this.shadowRoot).on("click", (l) => {
-      f(this, rr).data.all.update(f(this, or).data.get(0), f(this, di)), this.shadowRoot.querySelector("dialog").close();
+      f(this, er).data.all.update(f(this, or).data.get(0), f(this, di)), this.shadowRoot.querySelector("dialog").close();
     }), $(".close", this.shadowRoot).onFirst("click", (l) => {
       f(this, or).data.isChanged() && (l.stopImmediatePropagation(), H.confirm(`There is changed data.
 Do you want to save it?`, "SAVE", { class: "rgb", "true-text": "Yes", "false-text": "No" }).then((c) => {
@@ -28070,9 +28070,9 @@ Do you want to save it?`, "SAVE", { class: "rgb", "true-text": "Yes", "false-tex
     });
   }
 }
-rr = new WeakMap(), or = new WeakMap(), di = new WeakMap();
-customElements.get("ng-row-detail") || customElements.define("ng-row-detail", Vd);
-customElements.get("ng-row-detail-popup") || customElements.define("ng-row-detail-popup", Wd);
+er = new WeakMap(), or = new WeakMap(), di = new WeakMap();
+customElements.get("ng-row-detail") || customElements.define("ng-row-detail", Ud);
+customElements.get("ng-row-detail-popup") || customElements.define("ng-row-detail-popup", Vd);
 var qh;
 const Ti = class Ti extends Mr {
   constructor() {
@@ -28103,8 +28103,8 @@ const Ti = class Ti extends Mr {
 qh = new WeakMap(), //static sourceRow = -1;
 it(Ti, "dragData"), it(Ti, "scrollInterval");
 let ir = Ti;
-var qe, ia, na, oa, ps, aa, la, ha, ca;
-class Xd {
+var qe, ia, na, oa, fs, aa, la, ha, ca;
+class Wd {
   constructor(C) {
     Y(this, qe);
     /** attribute 변경에 대한 반응 */
@@ -28136,26 +28136,26 @@ class Xd {
         s ? f(this, ia).call(this, o) : f(this, na).call(this, o), ir.dragData.targetRow = s ? o : o + 1;
       }
     });
-    Y(this, ps);
+    Y(this, fs);
     Y(this, aa, (C) => {
       C.preventDefault();
       const t = parseInt(C.target.closest("tr").dataset.row);
       [f(this, qe).view.getVisibleFirstRow(), f(this, qe).view.getVisibleLastRow()].includes(t) && setTimeout(() => {
-        if (!f(this, ps)) {
+        if (!f(this, fs)) {
           const l = t == f(this, qe).view.getVisibleLastRow() ? 1 : -1;
-          tt(this, ps, setInterval(() => {
+          tt(this, fs, setInterval(() => {
             f(this, qe).scrollBy(l);
           }, ir.scrollInterval));
         }
       });
     });
     Y(this, la, (C) => {
-      C.preventDefault(), clearInterval(f(this, ps)), tt(this, ps, null);
+      C.preventDefault(), clearInterval(f(this, fs)), tt(this, fs, null);
     });
     Y(this, ha, (C) => {
     });
     Y(this, ca, (C) => {
-      C.preventDefault(), clearInterval(f(this, ps)), tt(this, ps, null), f(this, qe).body.querySelectorAll(".ng-container-left .ng-tmp").forEach((a) => {
+      C.preventDefault(), clearInterval(f(this, fs)), tt(this, fs, null), f(this, qe).body.querySelectorAll(".ng-container-left .ng-tmp").forEach((a) => {
         $(a).remove();
       });
       const t = H.nvl(document.getElementById(ir.dragData.id), f(this, qe)), l = ir.dragData.row, c = ir.dragData.bind, o = C.target.closest("tr"), r = C.target.getRootNode().host, n = parseInt(o.dataset.row), s = r.body.querySelector("ng-row-drag") ? r.body.querySelector("ng-row-drag").cell.dataset.bind : null;
@@ -28178,10 +28178,10 @@ class Xd {
     tt(this, qe, C), this.resetEvent();
   }
 }
-qe = new WeakMap(), ia = new WeakMap(), na = new WeakMap(), oa = new WeakMap(), ps = new WeakMap(), aa = new WeakMap(), la = new WeakMap(), ha = new WeakMap(), ca = new WeakMap();
+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, fi, Hh, zh, ua;
-class Yd extends HTMLElement {
+class Xd extends HTMLElement {
   constructor() {
     super();
     Y(this, sr);
@@ -28220,9 +28220,9 @@ class Yd extends HTMLElement {
   }
 }
 sr = new WeakMap(), pr = new WeakMap(), fi = new WeakMap(), Hh = new WeakMap(), zh = new WeakMap(), ua = new WeakMap();
-customElements.get("ng-combo") || customElements.define("ng-combo", Yd);
+customElements.get("ng-combo") || customElements.define("ng-combo", Xd);
 var da, Uh;
-class Gd extends Mr {
+class Yd extends Mr {
   constructor() {
     super();
     Y(this, da);
@@ -28290,15 +28290,15 @@ class Gd extends Mr {
   }
 }
 da = new WeakMap(), Uh = new WeakMap();
-var ur, Qr, fa, mr, qs, pi, fu, ts, Vh, Wh, Xh, pa, ma, ga, Yh;
-class Kd extends HTMLElement {
+var ur, Qr, fa, mr, Fs, pi, fu, ts, Vh, Wh, Xh, pa, ma, ga, Yh;
+class Gd extends HTMLElement {
   constructor() {
     super();
     Y(this, ur);
     Y(this, Qr);
     Y(this, fa);
     Y(this, mr);
-    Y(this, qs);
+    Y(this, Fs);
     Y(this, pi);
     Y(this, fu);
     Y(this, ts);
@@ -28306,7 +28306,7 @@ class Kd extends HTMLElement {
     Y(this, Wh, () => {
       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, qs, $(".grip", f(this, mr))), tt(this, pi, $(".tooltip", f(this, mr))), $(this).on("mousedown", (l) => {
+        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, pi, $(".tooltip", f(this, mr))), $(this).on("mousedown", (l) => {
           H.j.querySelectorAll(f(this, Qr).closest("tbody")).hasClass("fixed") || tt(this, fa, setTimeout(() => {
             f(this, Xh).call(this, l);
           }, 500));
@@ -28320,14 +28320,14 @@ class Kd extends HTMLElement {
     Y(this, Xh, (t) => {
       if (!(t.buttons != 1 || t.altKey || t.ctrlKey || t.shiftkey)) {
         var l = parseInt(t.target.getAttribute("rowIndex"));
-        l < 0 || (f(this, Qr).busy = !0, tt(this, Vh, t.target), tt(this, ts, $(".ng-container-body table tbody.bindable tr", f(this, ur).body).eq(l)), f(this, mr).show(), f(this, qs).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, Qr).busy = !0, tt(this, Vh, t.target), tt(this, ts, $(".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) => {
       t.altKey || t.ctrlKey || t.shiftKey || f(this, ga).call(this, t.pageY);
     });
     Y(this, ma, (t) => {
-      var l = f(this, qs).offset().top - f(this, ts).offset().top;
+      var l = f(this, Fs).offset().top - f(this, ts).offset().top;
       l <= 1 && (l = 0), l = f(this, ur).tableUtils.height(f(this, ts)[0].sectionRowIndex, l);
       var c = parseInt(f(this, ts)[0].dataset.row * f(this, ur).template.length + f(this, ts)[0].sectionRowIndex % f(this, ur).template.length);
       f(this, ur).matrix.setHeight(c, l), f(this, Qr).querySelector("ng-row-indicator").refresh(), $(f(this, mr)).off("mousemove", f(this, pa)), $(f(this, mr)).off("mouseup", f(this, ma)), f(this, mr).hide(), f(this, ur).view.redraw(), f(this, Qr).busy = !1;
@@ -28335,8 +28335,8 @@ class Kd extends HTMLElement {
     Y(this, ga, (t) => {
       var l = $(".ng-container-body table tbody.bindable", f(this, ur).body);
       if (!(t < l.offset().top)) {
-        f(this, qs).offset({ top: t });
-        var c = parseInt(f(this, qs).offset().top), o = parseInt(c - f(this, ts).offset().top);
+        f(this, Fs).offset({ top: t });
+        var c = parseInt(f(this, Fs).offset().top), o = parseInt(c - f(this, ts).offset().top);
         o <= 1 && (o = 0), f(this, pi).height(o), f(this, pi).offset({ top: f(this, ts).offset().top - 1 }), f(this, pi).find("span").text(o);
       }
     });
@@ -28347,11 +28347,11 @@ class Kd extends HTMLElement {
     tt(this, Qr, this.cell), tt(this, ur, f(this, Qr).getRootNode().host), this.setAttribute("class", "row-resizer"), f(this, Wh).call(this);
   }
 }
-ur = new WeakMap(), Qr = new WeakMap(), fa = new WeakMap(), mr = new WeakMap(), qs = new WeakMap(), pi = new WeakMap(), fu = new WeakMap(), ts = new WeakMap(), Vh = new WeakMap(), Wh = new WeakMap(), Xh = new WeakMap(), pa = new WeakMap(), ma = new WeakMap(), ga = new WeakMap(), Yh = new WeakMap();
-customElements.get("ng-row-indicator") || customElements.define("ng-row-indicator", Gd);
-customElements.get("ng-row-resizer") || customElements.define("ng-row-resizer", Kd);
+ur = new WeakMap(), Qr = new WeakMap(), fa = new WeakMap(), mr = new WeakMap(), Fs = new WeakMap(), pi = new WeakMap(), fu = new WeakMap(), ts = new WeakMap(), Vh = new WeakMap(), Wh = new WeakMap(), Xh = new WeakMap(), pa = new WeakMap(), ma = new WeakMap(), ga = new WeakMap(), Yh = new WeakMap();
+customElements.get("ng-row-indicator") || customElements.define("ng-row-indicator", Yd);
+customElements.get("ng-row-resizer") || customElements.define("ng-row-resizer", Gd);
 var Gh;
-class Zd extends Mr {
+class Kd extends Mr {
   constructor() {
     super();
     it(this, "dataRefresh", (t) => {
@@ -28379,7 +28379,7 @@ class Zd extends Mr {
 }
 Gh = new WeakMap();
 var je, dr;
-class Jd {
+class Zd {
   constructor(C) {
     Y(this, je);
     Y(this, dr);
@@ -28420,8 +28420,8 @@ class Jd {
   }
 }
 je = new WeakMap(), dr = new WeakMap();
-customElements.get("ng-row-pin") || customElements.define("ng-row-pin", Zd);
-class Qd extends Mr {
+customElements.get("ng-row-pin") || customElements.define("ng-row-pin", Kd);
+class Jd extends Mr {
   constructor() {
     super();
     it(this, "dataRefresh", (t) => {
@@ -28448,9 +28448,9 @@ class Qd extends Mr {
 		`, super.connectedCallback(), this.cell.dataset.bind = "rowState";
   }
 }
-customElements.get("ng-row-state") || customElements.define("ng-row-state", Qd);
-var zt, es, ge, gr, br, xn, Kh, Zh, ba, Jh, ya, va, _n, pu, ef, Hs;
-class tf extends HTMLElement {
+customElements.get("ng-row-state") || customElements.define("ng-row-state", Jd);
+var zt, es, ge, gr, br, xn, Kh, Zh, ba, Jh, ya, va, _n, pu, tf, qs;
+class Qd extends HTMLElement {
   constructor() {
     super();
     Y(this, pu);
@@ -28466,7 +28466,7 @@ class tf extends HTMLElement {
       Number(f(this, zt).getAttribute("display-row-count") || 0) >= f(this, zt).dataManager.rawRecords.length || parseInt($(".ng-container .ng-table tr.nodata", f(this, zt).body).height()) > 0 && (f(this, zt).dataManager.rawRecords.length == 0 || f(this, zt).dataManager.viewRecords.rawIndex == 0) ? $(this).hide() : $(this).show();
       var e = Math.min(r * (t.height() - c.height()) / (f(this, zt).template.height() * f(this, zt).template.length * f(this, zt).data.count()), r);
       l[0].dataset.height = e, e < 16 && (e = 16);
-      var i = r - f(this, Hs).call(this);
+      var i = r - f(this, qs).call(this);
       if (i != 0) {
         e >= r ? l.css({ top: 0, height: e - 20 }) : l.css({ height: e });
         var u;
@@ -28485,7 +28485,7 @@ class tf extends HTMLElement {
       if (f(this, zt)) {
         var t = $(".ng-scroll-thumb", this.shadowRoot), l = f(this, zt).dataManager.viewRecords.rawIndex, c = this.trackHeight, o = this.thumbHeight, r = Math.min(c * (this.bodyHeight - this.theadHeight) / (this.templateHeight * f(this, zt).template.length * f(this, zt).data.count()), c);
         t[0].dataset.height = r, r < 16 && (r = 16);
-        var n = c - f(this, Hs).call(this), s;
+        var n = c - f(this, qs).call(this), s;
         if (f(this, zt).isFirstPage)
           s = 0;
         else if (f(this, zt).isLastPage)
@@ -28567,12 +28567,12 @@ class tf extends HTMLElement {
       if (f(this, es)) {
         t.preventDefault(), f(this, xn) && (H.j.querySelectorAll("th,td", f(this, zt).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, c = t.clientY - this.shiftY;
-        c < 0 && (c = 0), c + f(this, Hs).call(this) > l && (c = parseInt(l - f(this, Hs).call(this)));
-        var o = parseInt($(".ng-container-body tbody.bindable tr", f(this, zt).body).not(".nodata").length / f(this, zt).template.length), r = parseInt(c * (f(this, zt).data.count() + 1 - o) / parseInt(l - f(this, Hs).call(this)));
+        c < 0 && (c = 0), c + f(this, qs).call(this) > l && (c = parseInt(l - f(this, qs).call(this)));
+        var o = parseInt($(".ng-container-body tbody.bindable tr", f(this, zt).body).not(".nodata").length / f(this, zt).template.length), r = parseInt(c * (f(this, zt).data.count() + 1 - o) / parseInt(l - f(this, qs).call(this)));
         f(this, zt).dataManager.viewRecords.rawIndex != r && f(this, zt).scrollToV2(r);
       }
     });
-    Y(this, Hs, () => parseInt(f(this, ge).thumb.dataset.height));
+    Y(this, qs, () => parseInt(f(this, ge).thumb.dataset.height));
     this.attachShadow({ mode: "open" });
   }
   connectedCallback() {
@@ -28594,16 +28594,16 @@ class tf extends HTMLElement {
     }), f(this, es), this.shiftX, f(this, Kh).call(this));
   }
 }
-zt = new WeakMap(), es = 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(), _n = new WeakMap(), pu = new WeakSet(), ef = function(t) {
+zt = new WeakMap(), es = 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(), _n = new WeakMap(), pu = new WeakSet(), tf = function(t) {
   const l = this.body.querySelector(".ng-container-body tbody.bindable");
   l && (l.style.transform = `translateY(-${Math.max(0, t)}px)`);
-}, Hs = new WeakMap();
-var Ze, ms, ae, Ur, Vr, zs, Qh, wa, tc, xa, ec, _a, Sa, Sn;
-class rf extends HTMLElement {
+}, qs = new WeakMap();
+var Ze, ps, ae, Ur, Vr, Hs, Qh, wa, tc, xa, ec, _a, Sa, Sn;
+class ef extends HTMLElement {
   constructor() {
     super();
     Y(this, Ze);
-    Y(this, ms);
+    Y(this, ps);
     Y(this, ae);
     Y(this, Ur);
     Y(this, Vr);
@@ -28618,13 +28618,13 @@ class rf extends HTMLElement {
       }
     });
     it(this, "scrollToHome", () => {
-      f(this, zs).call(this, 0);
+      f(this, Hs).call(this, 0);
     });
     it(this, "scrollToEnd", () => {
       var t = f(this, ae).track.getBoundingClientRect(), l = f(this, ae).thumb.getBoundingClientRect(), c = t.width - l.width;
-      f(this, zs).call(this, c);
+      f(this, Hs).call(this, c);
     });
-    Y(this, zs, (t) => {
+    Y(this, Hs, (t) => {
       if (f(this, ae)) {
         var l = $("table", f(this, ae).container), c = f(this, ae).track.getBoundingClientRect(), o = f(this, ae).thumb.getBoundingClientRect();
         t < 0 && (t = 0), t + o.width > c.width && (t = c.width - o.width), t = parseInt(t), f(this, ae).thumb.style.left = t + "px", f(this, ae).left.disabled = t == 0, f(this, ae).right.disabled = t == parseInt(c.width - o.width);
@@ -28640,10 +28640,10 @@ class rf extends HTMLElement {
       var t = (l) => {
         clearInterval(f(this, Ur)), clearInterval(f(this, Vr));
         var c = f(this, ae).track.getBoundingClientRect(), o = f(this, ae).thumb.getBoundingClientRect();
-        f(this, zs).call(this, o.x - c.x + l), tt(this, Ur, setInterval(() => {
+        f(this, Hs).call(this, o.x - c.x + l), tt(this, Ur, setInterval(() => {
           clearInterval(f(this, Ur)), tt(this, Vr, setInterval(() => {
             var r = f(this, ae).thumb.getBoundingClientRect();
-            f(this, zs).call(this, r.x - c.x + l) || clearInterval(f(this, Vr));
+            f(this, Hs).call(this, r.x - c.x + l) || clearInterval(f(this, Vr));
           }, 10));
         }, 500));
       };
@@ -28658,9 +28658,9 @@ class rf extends HTMLElement {
       }), $(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, tc)), $(f(this, ae).thumb).on("mousedown", f(this, _a)), $(f(this, ae).thumb).on("touchstart", f(this, ec)), document.addEventListener("touchend", (l) => {
-        tt(this, ms, !1), clearInterval(f(this, Ur)), clearInterval(f(this, Vr)), $(document).off("touchmove", f(this, Sa)), typeof this.onDragStop == "function" && this.onDragStop();
+        tt(this, ps, !1), clearInterval(f(this, Ur)), clearInterval(f(this, Vr)), $(document).off("touchmove", f(this, Sa)), typeof this.onDragStop == "function" && this.onDragStop();
       }), document.addEventListener("mouseup", (l) => {
-        tt(this, ms, !1), clearInterval(f(this, Ur)), clearInterval(f(this, Vr)), document.removeEventListener("mousemove", f(this, Sn)), typeof this.onDragStop == "function" && this.onDragStop();
+        tt(this, ps, !1), clearInterval(f(this, Ur)), clearInterval(f(this, Vr)), document.removeEventListener("mousemove", f(this, Sn)), typeof this.onDragStop == "function" && this.onDragStop();
       });
     });
     Y(this, wa, (t) => {
@@ -28677,7 +28677,7 @@ class rf extends HTMLElement {
       t.offsetX = t.targetTouches[0].pageX - l.left, t.offsetY = t.targetTouches[0].pageY - l.top, t.pageX = t.changedTouches[0].pageX, t.pageY = t.changedTouches[0].pageY, t.clientX = t.changedTouches[0].clientX, t.clientY = t.changedTouches[0].clientY, t.buttons = 1, f(this, xa).call(this, t);
     });
     Y(this, xa, (t) => {
-      f(this, ms) || t.buttons != 1 || t.altKey || t.ctrlKey || t.shiftKey || (t.preventDefault(), f(this, wa).call(this, t.clientX), tt(this, Ur, setInterval(() => {
+      f(this, ps) || t.buttons != 1 || t.altKey || t.ctrlKey || t.shiftKey || (t.preventDefault(), f(this, wa).call(this, t.clientX), tt(this, Ur, setInterval(() => {
         clearInterval(f(this, Ur)), tt(this, Vr, setInterval(() => {
           var l = f(this, ae).thumb.getBoundingClientRect();
           t.clientX > l.x && t.clientX < l.x + l.width ? clearInterval(f(this, Vr)) : f(this, wa).call(this, t.clientX);
@@ -28689,7 +28689,7 @@ class rf extends HTMLElement {
       t.offsetX = t.targetTouches[0].pageX - l.left, t.offsetY = t.targetTouches[0].pageY - l.top, t.pageX = t.changedTouches[0].pageX, t.pageY = t.changedTouches[0].pageY, t.clientX = t.changedTouches[0].clientX, t.clientY = t.changedTouches[0].clientY, t.buttons = 1, f(this, _a).call(this, t), document.addEventListener("touchmove", f(this, Sa));
     });
     Y(this, _a, (t) => {
-      tt(this, ms, !0);
+      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();
     });
@@ -28698,7 +28698,7 @@ class rf extends HTMLElement {
       t.offsetX = t.targetTouches[0].pageX - l.left, t.offsetY = t.targetTouches[0].pageY - l.top, t.pageX = t.changedTouches[0].pageX, t.pageY = t.changedTouches[0].pageY, t.clientX = t.changedTouches[0].clientX, t.clientY = t.changedTouches[0].clientY, t.buttons = 1, f(this, Sn).call(this, t);
     });
     Y(this, Sn, (t) => {
-      f(this, ms) && f(this, zs).call(this, t.pageX - this.shiftX);
+      f(this, ps) && f(this, Hs).call(this, t.pageX - this.shiftX);
     });
     this.attachShadow({ mode: "open" });
   }
@@ -28718,14 +28718,14 @@ class rf extends HTMLElement {
       thumb: this.shadowRoot.querySelector(".ng-scroll-thumb"),
       left: this.shadowRoot.querySelector(".ng-scroll-left"),
       right: this.shadowRoot.querySelector(".ng-scroll-right")
-    }), f(this, ms), this.shiftX, f(this, Qh).call(this);
+    }), f(this, ps), this.shiftX, f(this, Qh).call(this);
   }
 }
-Ze = new WeakMap(), ms = new WeakMap(), ae = new WeakMap(), Ur = new WeakMap(), Vr = new WeakMap(), zs = new WeakMap(), Qh = new WeakMap(), wa = new WeakMap(), tc = new WeakMap(), xa = new WeakMap(), ec = new WeakMap(), _a = new WeakMap(), Sa = new WeakMap(), Sn = new WeakMap();
-customElements.get("ng-hscrollbar") || customElements.define("ng-hscrollbar", rf);
-customElements.get("ng-vscrollbar") || customElements.define("ng-vscrollbar", tf);
+Ze = new WeakMap(), ps = new WeakMap(), ae = new WeakMap(), Ur = new WeakMap(), Vr = new WeakMap(), Hs = new WeakMap(), Qh = new WeakMap(), wa = new WeakMap(), tc = new WeakMap(), xa = new WeakMap(), ec = new WeakMap(), _a = new WeakMap(), Sa = new WeakMap(), Sn = new WeakMap();
+customElements.get("ng-hscrollbar") || customElements.define("ng-hscrollbar", ef);
+customElements.get("ng-vscrollbar") || customElements.define("ng-vscrollbar", Qd);
 var Ue, rs, ka, Ca, Ea, rc, sc;
-class sf {
+class rf {
   constructor(C) {
     Y(this, Ue);
     Y(this, rs);
@@ -28786,7 +28786,7 @@ class sf {
 }
 Ue = new WeakMap(), rs = new WeakMap(), ka = new WeakMap(), Ca = new WeakMap(), Ea = new WeakMap(), rc = new WeakMap(), sc = new WeakMap();
 var Gt, ic, Aa, Ta;
-class nf {
+class sf {
   constructor(C) {
     Y(this, Gt);
     it(this, "getDisplayValue3", (C, t) => {
@@ -29020,7 +29020,7 @@ class nf {
   }
 }
 Gt = new WeakMap(), ic = new WeakMap(), Aa = new WeakMap(), Ta = new WeakMap();
-class of {
+class nf {
   constructor(C) {
     this.___owner = C, this.columns_BAK = {
       getBindCol: (t, l) => this.___getBindCol(t, l),
@@ -29147,13 +29147,13 @@ class of {
     return c;
   }
 }
-var gs;
-class af extends Si {
+var ms;
+class of extends Si {
   constructor() {
     super();
-    Y(this, gs);
+    Y(this, ms);
     it(this, "dataRefresh", (t) => {
-      $(f(this, gs)).val(this.value), t || this.reset();
+      $(f(this, ms)).val(this.value), t || this.reset();
     });
   }
   connectedCallback() {
@@ -29165,28 +29165,28 @@ class af extends Si {
 			
 			<textarea ondragstart="return false"></textarea>
 		`, super.connectedCallback(), !!this.owner) {
-      if (tt(this, gs, this.shadowRoot.querySelector("textarea")), this.owner.shadowRoot.querySelector("ng-textarea-detail") || $(this.owner.shadowRoot).append($("<ng-textarea-detail></ng-textarea-detail>")), !this.cell.getAttribute("onButtonClick") && !this.getAttribute("onButtonClick")) {
+      if (tt(this, ms, this.shadowRoot.querySelector("textarea")), this.owner.shadowRoot.querySelector("ng-textarea-detail") || $(this.owner.shadowRoot).append($("<ng-textarea-detail></ng-textarea-detail>")), !this.cell.getAttribute("onButtonClick") && !this.getAttribute("onButtonClick")) {
         const t = this.shadowRoot.querySelector("ng-expand-button");
         t && $("button", t.shadowRoot).on("click", (l) => {
-          this.owner.shadowRoot.querySelector("ng-textarea-detail").popup(this.cell.dataset.row, this.cell.dataset.bind, $(f(this, gs)).val());
+          this.owner.shadowRoot.querySelector("ng-textarea-detail").popup(this.cell.dataset.row, this.cell.dataset.bind, $(f(this, ms)).val());
         });
       }
       $(this.cell).on("keydown", (t) => {
         switch (t.target.tagName) {
           case "TH":
           case "TD":
-            ["Enter"].includes(t.code) && (f(this, gs).focus(), f(this, gs).select());
+            ["Enter"].includes(t.code) && (f(this, ms).focus(), f(this, ms).select());
             break;
         }
-      }), f(this, gs).addEventListener("keydown", (t) => {
+      }), f(this, ms).addEventListener("keydown", (t) => {
         t.isComposing || t.keyCode === 229 || (["Escape"].includes(t.code) ? this.owner.cell.currentCell = this.cell : ["Tab", "PageUp", "PageDown"].includes(t.code) && (this.owner.cell.currentCell = this.cell, this.owner.cell.moveCell(t)));
       });
     }
   }
 }
-gs = new WeakMap();
+ms = new WeakMap();
 var Ra, Ma, Ia, Na;
-class lf extends HTMLElement {
+class af extends HTMLElement {
   constructor() {
     super();
     Y(this, Ra);
@@ -29227,10 +29227,10 @@ class lf extends HTMLElement {
   }
 }
 Ra = new WeakMap(), Ma = new WeakMap(), Ia = new WeakMap(), Na = new WeakMap();
-customElements.get("ng-textarea") || customElements.define("ng-textarea", af);
-customElements.get("ng-textarea-detail") || customElements.define("ng-textarea-detail", lf);
+customElements.get("ng-textarea") || customElements.define("ng-textarea", of);
+customElements.get("ng-textarea-detail") || customElements.define("ng-textarea-detail", af);
 var Oa, ja, $a, mi, Vn, nc, oc, ac, lc, mu, La, Pa, hc, cc, uc;
-class hf extends Mr {
+class lf extends Mr {
   constructor() {
     super();
     Y(this, mi);
@@ -29370,9 +29370,9 @@ class hf extends Mr {
 Oa = new WeakMap(), ja = new WeakMap(), $a = new WeakMap(), mi = new WeakSet(), Vn = function() {
   return this.data.__ng._[H.ROW.EXPAND];
 }, nc = new WeakMap(), oc = new WeakMap(), ac = new WeakMap(), lc = new WeakMap(), mu = new WeakMap(), La = new WeakMap(), Pa = new WeakMap(), hc = new WeakMap(), cc = new WeakMap(), uc = new WeakMap();
-customElements.get("ng-tree-item") || customElements.define("ng-tree-item", hf);
-var vt, We, yr, gi, bi, Da, Ba, Fa, qa, Ha, dc, fc, pc, kn, Us, Vs;
-class cf {
+customElements.get("ng-tree-item") || customElements.define("ng-tree-item", lf);
+var vt, We, yr, gi, bi, Da, Ba, Fa, qa, Ha, dc, fc, pc, kn, zs, Us;
+class hf {
   constructor(C) {
     Y(this, vt);
     Y(this, We);
@@ -29561,29 +29561,29 @@ class cf {
      * grid.selection.lastCol
      */
     it(this, "selectArea", (C, t, l, c) => {
-      const o = f(this, Us).call(this, C), r = f(this, Us).call(this, l), n = f(this, Vs).call(this, t), s = f(this, Vs).call(this, c), e = parseInt(o * f(this, vt).template.length), i = parseInt(r * f(this, vt).template.length) + f(this, vt).template.length - 1;
+      const o = f(this, zs).call(this, C), r = f(this, zs).call(this, l), n = f(this, Us).call(this, t), s = f(this, Us).call(this, c), e = parseInt(o * f(this, vt).template.length), i = parseInt(r * f(this, vt).template.length) + f(this, vt).template.length - 1;
       f(this, vt).row.at = o, o >= 0 && r >= 0 ? f(this, vt).selection.selectArea(e, n, i, s) : this.clearSelection();
     });
     it(this, "selectRow", (C, t) => {
-      const l = f(this, Us).call(this, C), c = H.isNull(t) ? l : f(this, Us).call(this, t), o = parseInt(l * f(this, vt).template.length), r = parseInt(c * f(this, vt).template.length) + f(this, vt).template.length - 1;
+      const l = f(this, zs).call(this, C), c = H.isNull(t) ? l : f(this, zs).call(this, t), o = parseInt(l * f(this, vt).template.length), r = parseInt(c * f(this, vt).template.length) + f(this, vt).template.length - 1;
       f(this, vt).row.at = l, l >= 0 && c >= 0 ? f(this, vt).selection.selectArea(o, f(this, vt).firstCol, r, f(this, vt).lastCol) : this.clearSelection();
     });
     it(this, "selectCol", (C, t) => {
-      const l = f(this, Vs).call(this, C), c = H.isNull(t) ? l : f(this, Vs).call(this, t), o = 0, r = parseInt(f(this, vt).data.count() * f(this, vt).template.length - 1);
+      const l = f(this, Us).call(this, C), c = H.isNull(t) ? l : f(this, Us).call(this, t), o = 0, r = parseInt(f(this, vt).data.count() * f(this, vt).template.length - 1);
       l >= 0 && c >= 0 ? f(this, vt).selection.selectArea(o, l, r, c) : this.clearSelection();
     });
     it(this, "selectCell", (C, t, l) => {
-      const c = f(this, Us).call(this, C), o = f(this, Vs).call(this, t), r = parseInt(c * f(this, vt).template.length) + H.nvl(l, 0);
+      const c = f(this, zs).call(this, C), o = f(this, Us).call(this, t), r = parseInt(c * f(this, vt).template.length) + H.nvl(l, 0);
       f(this, vt).row.at = c, c >= 0 ? f(this, vt).selection.selectArea(r, o, r, o) : this.clearSelection();
     });
-    Y(this, Us, (C) => {
+    Y(this, zs, (C) => {
       if (typeof C == "number")
         return C;
       if (typeof C == "function")
         return f(this, vt).data.findIndex(C);
       throw `invalid ${C}`;
     });
-    Y(this, Vs, (C) => {
+    Y(this, Us, (C) => {
       if (typeof C == "number")
         return C;
       if (typeof C == "string" && f(this, vt).fields.includes(C))
@@ -29596,18 +29596,18 @@ class cf {
     tt(this, vt, C), tt(this, gi, !1), this.init();
   }
 }
-vt = new WeakMap(), We = 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(), dc = new WeakMap(), fc = new WeakMap(), pc = new WeakMap(), kn = new WeakMap(), Us = new WeakMap(), Vs = new WeakMap();
-var Je, Ws, mc;
-class uf {
+vt = new WeakMap(), We = 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(), dc = new WeakMap(), fc = new WeakMap(), pc = new WeakMap(), kn = new WeakMap(), zs = new WeakMap(), Us = new WeakMap();
+var Je, Vs, mc;
+class cf {
   constructor(C) {
     Y(this, Je);
-    Y(this, Ws);
+    Y(this, Vs);
     it(this, "initialize", () => {
-      tt(this, Ws, !1), f(this, Je).data.clearFilter();
+      tt(this, Vs, !1), f(this, Je).data.clearFilter();
     });
-    it(this, "isFiltering", () => f(this, Ws));
+    it(this, "isFiltering", () => f(this, Vs));
     it(this, "on", (C) => {
-      tt(this, Ws, !0);
+      tt(this, Vs, !0);
       const t = f(this, mc).call(this);
       f(this, Je).body.querySelectorAll(".ng-table thead th, .ng-table thead td").forEach((l) => {
         var o, r;
@@ -29623,7 +29623,7 @@ class uf {
       });
     });
     it(this, "off", () => {
-      tt(this, Ws, !1), f(this, Je).body.querySelectorAll(".ng-table ng-filter-button").forEach((C) => {
+      tt(this, Vs, !1), f(this, Je).body.querySelectorAll(".ng-table ng-filter-button").forEach((C) => {
         C.remove();
       });
     });
@@ -29672,14 +29672,14 @@ class uf {
       }), f(this, Je).scrollTo_V1(0), f(this, Je).paging.reset();
     });
     Y(this, mc, (C = "thead") => [...f(this, Je).body.querySelectorAll(`.ng-table ${C}`)].reduce((t, l) => Math.max(l.rows.length - 1, t), 0));
-    tt(this, Je, C), tt(this, Ws, !1);
+    tt(this, Je, C), tt(this, Vs, !1);
     const t = document.createElement("ng-filter-panel");
     t.style.display = "none", f(this, Je).shadowRoot.appendChild(t);
   }
 }
-Je = new WeakMap(), Ws = new WeakMap(), mc = new WeakMap();
+Je = new WeakMap(), Vs = new WeakMap(), mc = new WeakMap();
 var za, Cn, Ua;
-class df extends HTMLElement {
+class uf extends HTMLElement {
   constructor() {
     super();
     Y(this, za);
@@ -29703,7 +29703,7 @@ class df extends HTMLElement {
 }
 za = new WeakMap(), Cn = new WeakMap(), Ua = new WeakMap();
 var Ar, Va, Wa, gc, bc, yc, vc;
-class ff extends HTMLElement {
+class df extends HTMLElement {
   constructor() {
     super();
     Y(this, Ar);
@@ -29820,9 +29820,9 @@ class ff extends HTMLElement {
   }
 }
 Ar = new WeakMap(), Va = new WeakMap(), Wa = new WeakMap(), gc = new WeakMap(), bc = new WeakMap(), yc = new WeakMap(), vc = new WeakMap();
-customElements.get("ng-filter-button") || customElements.define("ng-filter-button", df);
-customElements.get("ng-filter-panel") || customElements.define("ng-filter-panel", ff);
-var Xa, yi, Ya, En, ss, Ga, Ka, wc, bs, xc, Za, _c, is, Sc, Ja, kc, Qa, Xs, Ys;
+customElements.get("ng-filter-button") || customElements.define("ng-filter-button", uf);
+customElements.get("ng-filter-panel") || customElements.define("ng-filter-panel", df);
+var Xa, yi, Ya, En, ss, Ga, Ka, wc, gs, xc, Za, _c, is, Sc, Ja, kc, Qa, Ws, Xs;
 class Zc extends HTMLElement {
   constructor() {
     super();
@@ -29933,7 +29933,7 @@ class Zc extends HTMLElement {
         t += $(c).height();
       }), t;
     });
-    Y(this, bs, () => {
+    Y(this, gs, () => {
       const t = parseInt(this.getAttribute("display-row-count"));
       if (isNaN(t)) return;
       const l = this.shadowRoot.querySelector("ng-head");
@@ -30012,14 +30012,14 @@ class Zc extends HTMLElement {
         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, _c).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 Uu(this), this.pin = new Jd(this), this.fields = new xd(this), this.cell = new Vu(this), this.touchEvent = new Gu(this), this.selection = new Yu(this), this.tables = new nf(this), this.dataManager = new dd(this), this.view = new cf(this), this.tableUtils = new of(this), this.columns = new sd(this);
+      this.paging = l.shadowRoot.querySelector("ng-paging"), this.layout = l.shadowRoot.querySelector("ng-layout"), this.layout && this.layout.add(f(this, ss)), new zu(this), this.pin = new Zd(this), this.fields = new wd(this), this.cell = new Uu(this), this.touchEvent = new Yu(this), this.selection = new Xu(this), this.tables = new sf(this), this.dataManager = new ud(this), this.view = new hf(this), this.tableUtils = new nf(this), this.columns = new rd(this);
       for (var c in this.dataManager)
         this.dataManager[c] instanceof Function && !["xxx"].includes(c) ? this[c] = this.dataManager[c].bind(this) : ["data", "row", "tree"].includes(c) && (this[c] = this.dataManager[c]);
       for (var c in this.tableUtils)
         ["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 uf(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 sf(this), this.matrix = new Dd(this), tt(this, yi, new rd(this)), tt(this, Ya, new ed(this)), H.j.querySelectorAll(this).hasClass("simple") || tt(this, En, new Xd(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 cf(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 rf(this), this.matrix = new Pd(this), tt(this, yi, new ed(this)), tt(this, Ya, new td(this)), H.j.querySelectorAll(this).hasClass("simple") || tt(this, En, new Wd(this)), f(this, Za).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) => {
@@ -30029,7 +30029,7 @@ class Zc extends HTMLElement {
         r.target.shadowRoot.querySelectorAll("ng-info").forEach((n) => {
           n.close();
         });
-      })), new hd(this), this.classList.contains("simple") || setTimeout(() => {
+      })), new ld(this), this.classList.contains("simple") || setTimeout(() => {
         this.dispatchEvent(new CustomEvent(H.EVENT.LOAD, { bubbles: !0, detail: {} }));
       }, 100);
       const o = this.shadowRoot.querySelector("ng-head");
@@ -30073,7 +30073,7 @@ class Zc extends HTMLElement {
         }
         this.body.querySelector("ng-hscrollbar").refresh();
         const r = this.shadowRoot.querySelector("ng-foot").shadowRoot.querySelector("ng-layout");
-        r && r.resize(), f(this, bs).call(this);
+        r && r.resize(), f(this, gs).call(this);
       }).observe(this.body.querySelector(".ng-container-body"));
     });
     it(this, "createTemplate", () => {
@@ -30197,7 +30197,7 @@ class Zc extends HTMLElement {
      * return : 없음
      */
     it(this, "selectArea", (t, l, c, o) => {
-      const r = f(this, Xs).call(this, t), n = f(this, Xs).call(this, c), s = f(this, Ys).call(this, l), e = f(this, Ys).call(this, o), i = parseInt(r * this.template.length), u = parseInt(n * this.template.length) + this.template.length - 1;
+      const r = f(this, Ws).call(this, t), n = f(this, Ws).call(this, c), s = f(this, Xs).call(this, l), e = f(this, Xs).call(this, o), i = parseInt(r * this.template.length), u = parseInt(n * this.template.length) + this.template.length - 1;
       this.row.at = r, r >= 0 && n >= 0 ? this.selection.selectArea(i, s, u, e) : this.clearSelection();
     });
     /**
@@ -30209,7 +30209,7 @@ class Zc extends HTMLElement {
      * return : 없음
      */
     it(this, "selectRow", (t, l) => {
-      const c = f(this, Xs).call(this, t), o = H.isNull(oRow2) ? c : f(this, Xs).call(this, l), r = parseInt(c * this.template.length), n = parseInt(o * this.template.length) + this.template.length - 1;
+      const c = f(this, Ws).call(this, t), o = H.isNull(oRow2) ? c : f(this, Ws).call(this, l), r = parseInt(c * this.template.length), n = parseInt(o * this.template.length) + this.template.length - 1;
       this.row.at = c, c >= 0 && o >= 0 ? this.selection.selectArea(r, this.firstCol, n, this.lastCol) : this.clearSelection();
     });
     /**
@@ -30221,7 +30221,7 @@ class Zc extends HTMLElement {
      * return : 없음
      */
     it(this, "selectCol", (t, l) => {
-      const c = f(this, Ys).call(this, t), o = H.isNull(l) ? c : f(this, Ys).call(this, l), r = 0, n = parseInt(this.data.count() * this.template.length - 1);
+      const c = f(this, Xs).call(this, t), o = H.isNull(l) ? c : f(this, Xs).call(this, l), r = 0, n = parseInt(this.data.count() * this.template.length - 1);
       c >= 0 && o >= 0 ? this.selection.selectArea(r, c, n, o) : this.clearSelection();
     });
     /**
@@ -30234,17 +30234,17 @@ class Zc extends HTMLElement {
      * return : 없음
      */
     it(this, "selectCell", (t, l, c) => {
-      const o = f(this, Xs).call(this, t), r = f(this, Ys).call(this, l), n = parseInt(o * this.template.length) + H.nvl(c, 0);
+      const o = f(this, Ws).call(this, t), r = f(this, Xs).call(this, l), n = parseInt(o * this.template.length) + H.nvl(c, 0);
       this.row.at = o, o >= 0 ? this.selection.selectArea(n, r, n, r) : this.clearSelection();
     });
-    Y(this, Xs, (t) => {
+    Y(this, Ws, (t) => {
       if (typeof t == "number")
         return t;
       if (typeof t == "function")
         return this.data.findIndex(t);
       throw `invalid ${t}`;
     });
-    Y(this, Ys, (t) => {
+    Y(this, Xs, (t) => {
       if (typeof t == "number")
         return t;
       if (typeof t == "string" && this.fields.includes(t))
@@ -30338,10 +30338,10 @@ class Zc extends HTMLElement {
         c == "true" ? $(".row-resizer", this.shadowRoot).show() : $(".row-resizer", this.shadowRoot).hide();
         break;
       case "col-indicator-type":
-        H.j.querySelectorAll(".ng-table thead .col-indicator-rowgroup", this.body).removeClass(H.COLINDICATORTYPE.EXPAND).removeClass(H.COLINDICATORTYPE.COLLAPSE).addClass(c), f(this, bs).call(this);
+        H.j.querySelectorAll(".ng-table thead .col-indicator-rowgroup", this.body).removeClass(H.COLINDICATORTYPE.EXPAND).removeClass(H.COLINDICATORTYPE.COLLAPSE).addClass(c), f(this, gs).call(this);
         break;
       case "auto-fit-col":
-        f(this, yi) && f(this, yi).autoFit(c == "true"), f(this, bs).call(this);
+        f(this, yi) && f(this, yi).autoFit(c == "true"), f(this, gs).call(this);
         break;
       case "enable-fixed-col":
         c == "true" ? H.j.querySelectorAll(this).addClass(t) : H.j.querySelectorAll(this).removeClass(t);
@@ -30360,13 +30360,13 @@ class Zc extends HTMLElement {
         const r = H.j.querySelectorAll(this).attr("show-title-bar") == "true", n = H.j.querySelectorAll(this).attr("show-menu-icon") == "true", s = this.shadowRoot.querySelector("ng-head");
         if (!s) break;
         const e = s.shadowRoot.querySelector("ng-menu");
-        r ? (H.j.querySelectorAll(s).addClass("expand"), $(s.shadowRoot).children().not("style").show(), n || H.j.querySelectorAll(e).hide()) : n ? H.j.querySelectorAll(s).removeClass("expand").show() : H.j.querySelectorAll(s).hide(), f(this, bs).call(this);
+        r ? (H.j.querySelectorAll(s).addClass("expand"), $(s.shadowRoot).children().not("style").show(), n || H.j.querySelectorAll(e).hide()) : n ? H.j.querySelectorAll(s).removeClass("expand").show() : H.j.querySelectorAll(s).hide(), f(this, gs).call(this);
         break;
       case "show-tfoot":
-        $("tfoot", this.body).css({ visibility: c == "true" ? "unset" : "collapse" }), f(this, bs).call(this);
+        $("tfoot", this.body).css({ visibility: c == "true" ? "unset" : "collapse" }), f(this, gs).call(this);
         break;
       case "show-status-bar":
-        c == "true" ? H.j.querySelectorAll("ng-foot", this.shadowRoot).addClass("expand") : H.j.querySelectorAll("ng-foot", this.shadowRoot).removeClass("expand"), f(this, bs).call(this);
+        c == "true" ? H.j.querySelectorAll("ng-foot", this.shadowRoot).addClass("expand") : H.j.querySelectorAll("ng-foot", this.shadowRoot).removeClass("expand"), f(this, gs).call(this);
         break;
     }
   }
@@ -30377,9 +30377,9 @@ class Zc extends HTMLElement {
     return Math.max.apply(null, f(this, Qa).call(this));
   }
 }
-Xa = new WeakMap(), yi = new WeakMap(), Ya = new WeakMap(), En = new WeakMap(), ss = new WeakMap(), Ga = new WeakMap(), Ka = new WeakMap(), wc = new WeakMap(), bs = new WeakMap(), xc = new WeakMap(), Za = new WeakMap(), _c = new WeakMap(), is = new WeakMap(), Sc = new WeakMap(), Ja = new WeakMap(), kc = new WeakMap(), Qa = new WeakMap(), Xs = new WeakMap(), Ys = new WeakMap(), it(Zc, "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"]);
+Xa = new WeakMap(), yi = new WeakMap(), Ya = new WeakMap(), En = new WeakMap(), ss = new WeakMap(), Ga = new WeakMap(), Ka = new WeakMap(), wc = new WeakMap(), gs = new WeakMap(), xc = new WeakMap(), Za = new WeakMap(), _c = new WeakMap(), is = new WeakMap(), Sc = new WeakMap(), Ja = new WeakMap(), kc = new WeakMap(), Qa = new WeakMap(), Ws = new WeakMap(), Xs = new WeakMap(), it(Zc, "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", Zc);
-class pf extends Zc {
+class ff extends Zc {
   constructor() {
     super();
   }
@@ -30387,13 +30387,13 @@ class pf extends Zc {
     super.connectedCallback();
   }
 }
-customElements.get("ng-source") || customElements.define("ng-source", pf);
-var ys, Cc, tl, An, el, rl, Tn, sl;
-class mf extends HTMLElement {
+customElements.get("ng-source") || customElements.define("ng-source", ff);
+var bs, Cc, tl, An, el, rl, Tn, sl;
+class pf extends HTMLElement {
   constructor() {
     super();
     //#owner;
-    Y(this, ys);
+    Y(this, bs);
     it(this, "showModal", () => {
       this.querySelector("dialog").showModal();
     });
@@ -30412,14 +30412,14 @@ class mf extends HTMLElement {
     Y(this, tl, (t) => {
       if (!t.target.closest("buttons") && !(t.buttons != 1 || t.altKey || t.ctrlKey || t.shiftkey)) {
         var l = this.querySelector("dialog").getBoundingClientRect();
-        tt(this, ys, {
+        tt(this, bs, {
           x: t.clientX - l.x,
           y: t.clientY - l.y
         }), $(document).on("mousemove", f(this, An));
       }
     });
     Y(this, An, (t) => {
-      $(this.querySelector("dialog")).offset({ left: t.pageX - f(this, ys).x, top: t.pageY - f(this, ys).y });
+      $(this.querySelector("dialog")).offset({ left: t.pageX - f(this, bs).x, top: t.pageY - f(this, bs).y });
     });
     Y(this, el, (t) => {
       $(document).off("mousemove", f(this, An));
@@ -30427,14 +30427,14 @@ class mf extends HTMLElement {
     Y(this, rl, (t) => {
       if (!t.target.closest("buttons")) {
         var l = this.querySelector("dialog").getBoundingClientRect();
-        tt(this, ys, {
+        tt(this, bs, {
           x: t.changedTouches[0].pageX - l.x,
           y: t.changedTouches[0].pageY - l.y
         }), $(document).on("touchmove", f(this, Tn));
       }
     });
     Y(this, Tn, (t) => {
-      $(this.querySelector("dialog")).offset({ left: t.changedTouches[0].pageX - f(this, ys).x, top: t.changedTouches[0].pageY - f(this, ys).y });
+      $(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) => {
       $(document).off("touchmove", f(this, Tn));
@@ -30481,44 +30481,44 @@ class mf extends HTMLElement {
 		`, $(".title", this).html("Details"), f(this, Cc).call(this);
   }
 }
-ys = new WeakMap(), Cc = new WeakMap(), tl = new WeakMap(), An = new WeakMap(), el = new WeakMap(), rl = new WeakMap(), Tn = new WeakMap(), sl = new WeakMap();
-customElements.get("nx-dialog") || customElements.define("nx-dialog", mf);
-var il, Gs, nl, Rn, vs, vi, Mn, Ec;
-class Nu extends HTMLElement {
+bs = new WeakMap(), Cc = new WeakMap(), tl = new WeakMap(), An = new WeakMap(), el = new WeakMap(), rl = new WeakMap(), Tn = new WeakMap(), sl = new WeakMap();
+customElements.get("nx-dialog") || customElements.define("nx-dialog", pf);
+var il, Ys, nl, Rn, ys, vi, Mn, Ec;
+class Iu extends HTMLElement {
   constructor() {
     super();
     Y(this, il);
-    Y(this, Gs);
+    Y(this, Ys);
     Y(this, nl);
     Y(this, Rn);
-    Y(this, vs);
+    Y(this, ys);
     Y(this, vi, []);
     Y(this, Mn);
     it(this, "refresh", () => {
-      if (f(this, Gs)) {
+      if (f(this, Ys)) {
         if (f(this, Mn))
-          f(this, Gs).innerHTML = i18next.t(f(this, Mn));
+          f(this, Ys).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);
-          t < 0 && (t = 0), f(this, Gs).innerHTML = f(this, vi)[t][f(this, Rn)], $("datalist", this).remove(), $(this).append(f(this, vs));
+          t < 0 && (t = 0), f(this, Ys).innerHTML = f(this, vi)[t][f(this, Rn)], $("datalist", this).remove(), $(this).append(f(this, ys));
         }
       }
     });
     Y(this, Ec, () => {
-      tt(this, vs, "<datalist>"), this.querySelectorAll("datalist option").forEach((c, o) => {
+      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));
-        tt(this, vs, f(this, vs) + "<option");
+        tt(this, ys, f(this, ys) + "<option");
         for (const s in r)
-          tt(this, vs, f(this, vs) + ` ${s}="${r[s]}"`);
-        tt(this, vs, f(this, vs) + "></option>"), f(this, vi).push(r);
-      }), tt(this, vs, f(this, vs) + "</datalist>");
+          tt(this, ys, f(this, ys) + ` ${s}="${r[s]}"`);
+        tt(this, ys, f(this, ys) + "></option>"), f(this, vi).push(r);
+      }), tt(this, ys, f(this, ys) + "</datalist>");
       const t = this.innerHTML;
       this.innerHTML = `
 			<span>${t}</span>
-		`, tt(this, Gs, this.querySelector("span"));
+		`, tt(this, Ys, this.querySelector("span"));
       for (var l = 0; l < this.attributes.length; l++)
-        f(this, Gs).setAttribute(this.attributes[l].name, this.attributes[l].value);
+        f(this, Ys).setAttribute(this.attributes[l].name, this.attributes[l].value);
       this.refresh();
     });
   }
@@ -30528,7 +30528,7 @@ class Nu extends HTMLElement {
     });
   }
 }
-il = new WeakMap(), Gs = new WeakMap(), nl = new WeakMap(), Rn = new WeakMap(), vs = new WeakMap(), vi = new WeakMap(), Mn = new WeakMap(), Ec = new WeakMap(), it(Nu, "i18n", {
+il = new WeakMap(), Ys = new WeakMap(), nl = new WeakMap(), Rn = new WeakMap(), ys = new WeakMap(), vi = new WeakMap(), Mn = new WeakMap(), Ec = new WeakMap(), it(Iu, "i18n", {
   convertArrayToJSON: (t) => {
     let l = {};
     for (const c of t) {
@@ -30564,9 +30564,9 @@ il = new WeakMap(), Gs = new WeakMap(), nl = new WeakMap(), Rn = new WeakMap(),
     console.log("=========");
   }
 });
-customElements.get("nx-i18n") || customElements.define("nx-i18n", Nu);
+customElements.get("nx-i18n") || customElements.define("nx-i18n", Iu);
 var In, Nn, Ac, ol;
-class gf extends HTMLElement {
+class mf extends HTMLElement {
   constructor() {
     super();
     Y(this, In);
@@ -30808,7 +30808,7 @@ class gf extends HTMLElement {
   }
 }
 In = new WeakMap(), Nn = new WeakMap(), Ac = new WeakMap(), ol = new WeakMap();
-class bf extends HTMLElement {
+class gf extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
   }
@@ -30830,7 +30830,7 @@ class bf extends HTMLElement {
   }
 }
 var al;
-class yf extends HTMLElement {
+class bf extends HTMLElement {
   constructor() {
     super();
     Y(this, al);
@@ -30864,11 +30864,11 @@ class yf extends HTMLElement {
   }
 }
 al = new WeakMap();
-customElements.get("nx-sidebar-menuitem") || customElements.define("nx-sidebar-menuitem", yf);
-customElements.get("nx-sidebar-item") || customElements.define("nx-sidebar-item", bf);
-customElements.get("nx-sidebar") || customElements.define("nx-sidebar", gf);
+customElements.get("nx-sidebar-menuitem") || customElements.define("nx-sidebar-menuitem", bf);
+customElements.get("nx-sidebar-item") || customElements.define("nx-sidebar-item", gf);
+customElements.get("nx-sidebar") || customElements.define("nx-sidebar", mf);
 var On, jn, ll, hl, cl, Tc;
-class vf extends HTMLElement {
+class yf extends HTMLElement {
   constructor() {
     super();
     Y(this, On);
@@ -30934,14 +30934,14 @@ class vf extends HTMLElement {
   }
 }
 On = new WeakMap(), jn = new WeakMap(), ll = new WeakMap(), hl = new WeakMap(), cl = new WeakMap(), Tc = new WeakMap();
-var wi, Rc, Mc, Ou;
-class wf extends HTMLElement {
+var wi, Rc, Mc, Nu;
+class vf extends HTMLElement {
   constructor() {
     super();
     Y(this, Mc);
     Y(this, wi);
     Y(this, Rc, () => {
-      Ge(this, Mc, Ou).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) => {
+      Ge(this, Mc, Nu).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) => {
@@ -30955,7 +30955,7 @@ class wf extends HTMLElement {
     H.waitForInnerHTML(this).then(() => f(this, Rc).call(this)).catch((t) => console.error(t));
   }
 }
-wi = new WeakMap(), Rc = new WeakMap(), Mc = new WeakSet(), Ou = function() {
+wi = new WeakMap(), Rc = new WeakMap(), Mc = new WeakSet(), Nu = function() {
   const t = this.getAttribute("icon-color") || "#eee", l = this.innerHTML.trim();
   this.innerHTML = "", this.shadowRoot.innerHTML = `
 			<style>
@@ -30984,14 +30984,14 @@ wi = new WeakMap(), Rc = new WeakMap(), Mc = new WeakSet(), Ou = function() {
 			</div>
 		`;
 };
-var $n, Ic, Nc, ju;
-class xf extends HTMLElement {
+var $n, Ic, Nc, Ou;
+class wf extends HTMLElement {
   constructor() {
     super();
     Y(this, Nc);
     Y(this, $n);
     Y(this, Ic, () => {
-      tt(this, $n, this.closest("nx-side-menu")), Ge(this, Nc, ju).call(this), this.shadowRoot.querySelector(".icon:nth-of-type(1)").addEventListener("click", () => {
+      tt(this, $n, this.closest("nx-side-menu")), Ge(this, Nc, Ou).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) => {
@@ -31005,7 +31005,7 @@ class xf extends HTMLElement {
     H.waitForInnerHTML(this).then(() => f(this, Ic).call(this)).catch((t) => console.error(t));
   }
 }
-$n = new WeakMap(), Ic = new WeakMap(), Nc = new WeakSet(), ju = function() {
+$n = new WeakMap(), Ic = new WeakMap(), Nc = new WeakSet(), Ou = function() {
   const t = this.getAttribute("icon-color") || "#eee", l = this.innerHTML.trim();
   this.innerHTML = "", this.shadowRoot.innerHTML = `
 			<style>
@@ -31035,7 +31035,7 @@ $n = new WeakMap(), Ic = new WeakMap(), Nc = new WeakSet(), ju = function() {
 		`;
 };
 var Oc, jc;
-class _f extends HTMLElement {
+class xf extends HTMLElement {
   constructor() {
     super();
     Y(this, Oc);
@@ -31075,7 +31075,7 @@ class _f extends HTMLElement {
 }
 Oc = new WeakMap(), jc = new WeakMap();
 var ul, Ln, dl, $c;
-class Sf extends HTMLElement {
+class _f extends HTMLElement {
   constructor() {
     super();
     Y(this, ul);
@@ -31136,36 +31136,36 @@ class Sf extends HTMLElement {
   }
 }
 ul = new WeakMap(), Ln = new WeakMap(), dl = new WeakMap(), $c = new WeakMap();
-customElements.get("nx-side-menu") || customElements.define("nx-side-menu", vf);
-customElements.get("nx-side-menu-head") || customElements.define("nx-side-menu-head", wf);
-customElements.get("nx-side-menu-foot") || customElements.define("nx-side-menu-foot", xf);
-customElements.get("nx-side-menu-body") || customElements.define("nx-side-menu-body", _f);
-customElements.get("nx-side-menu-item") || customElements.define("nx-side-menu-item", Sf);
-var fl, Pn, pl, Dn, ws, xi, Lc;
-class kf extends HTMLElement {
+customElements.get("nx-side-menu") || customElements.define("nx-side-menu", yf);
+customElements.get("nx-side-menu-head") || customElements.define("nx-side-menu-head", vf);
+customElements.get("nx-side-menu-foot") || customElements.define("nx-side-menu-foot", wf);
+customElements.get("nx-side-menu-body") || customElements.define("nx-side-menu-body", xf);
+customElements.get("nx-side-menu-item") || customElements.define("nx-side-menu-item", _f);
+var fl, Pn, pl, Dn, vs, xi, Lc;
+class Sf extends HTMLElement {
   constructor() {
     super();
     Y(this, fl);
     Y(this, Pn);
     Y(this, pl);
     Y(this, Dn);
-    Y(this, ws);
+    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);
-        t < 0 && (t = 0), f(this, Pn).innerHTML = f(this, xi)[t][f(this, Dn)], $("datalist", this).remove(), $(this).append(f(this, ws));
+        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, Lc, () => {
-      tt(this, ws, "<datalist>"), this.querySelectorAll("datalist option").forEach((c, o) => {
+      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));
-        tt(this, ws, f(this, ws) + "<option");
+        tt(this, vs, f(this, vs) + "<option");
         for (const s in r)
-          tt(this, ws, f(this, ws) + ` ${s}="${r[s]}"`);
-        tt(this, ws, f(this, ws) + "></option>"), f(this, xi).push(r);
-      }), tt(this, ws, f(this, ws) + "</datalist>");
+          tt(this, vs, f(this, vs) + ` ${s}="${r[s]}"`);
+        tt(this, vs, f(this, vs) + "></option>"), f(this, xi).push(r);
+      }), tt(this, vs, f(this, vs) + "</datalist>");
       const t = this.innerHTML;
       this.innerHTML = `
 			<span>${t}</span>
@@ -31182,9 +31182,9 @@ class kf 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(), ws = new WeakMap(), xi = new WeakMap(), Lc = new WeakMap();
-customElements.get("nx-span") || customElements.define("nx-span", kf);
-class Cf extends HTMLElement {
+fl = new WeakMap(), Pn = new WeakMap(), pl = new WeakMap(), Dn = new WeakMap(), vs = new WeakMap(), xi = new WeakMap(), Lc = new WeakMap();
+customElements.get("nx-span") || customElements.define("nx-span", Sf);
+class kf extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
   }
@@ -31194,7 +31194,7 @@ class Cf extends HTMLElement {
 		`;
   }
 }
-class Ef extends HTMLElement {
+class Cf extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
   }
@@ -31206,7 +31206,7 @@ class Ef extends HTMLElement {
     });
   }
 }
-class Af extends HTMLElement {
+class Ef extends HTMLElement {
   constructor() {
     super();
   }
@@ -31218,10 +31218,10 @@ class Af extends HTMLElement {
     });
   }
 }
-customElements.get("nx-test1") || customElements.define("nx-test1", Cf);
-customElements.get("nx-test2") || customElements.define("nx-test2", Ef);
-customElements.get("nx-test3") || customElements.define("nx-test3", Af);
-class Tf extends HTMLElement {
+customElements.get("nx-test1") || customElements.define("nx-test1", kf);
+customElements.get("nx-test2") || customElements.define("nx-test2", Cf);
+customElements.get("nx-test3") || customElements.define("nx-test3", Ef);
+class Af extends HTMLElement {
   constructor() {
     super();
     it(this, "changeLocale", (t) => {
@@ -31303,7 +31303,7 @@ class Tf extends HTMLElement {
 		`, this.changeLocale(H.getLocale());
   }
 }
-customElements.get("nx-top-menu") || customElements.define("nx-top-menu", Tf);
+customElements.get("nx-top-menu") || customElements.define("nx-top-menu", Af);
 Array.prototype.nineBinarySearch = function(mt) {
   this.sort((c, o) => c > o ? 1 : -1);
   let C = 0, t = this.length - 1, l;
@@ -31315,7 +31315,7 @@ Array.prototype.nineBinarySearch = function(mt) {
   return -1;
 };
 var ar, ml, Pc;
-class Rf extends HTMLElement {
+class Tf extends HTMLElement {
   constructor() {
     super();
     Y(this, ar);
@@ -31417,9 +31417,9 @@ class Rf extends HTMLElement {
   }
 }
 ar = new WeakMap(), ml = new WeakMap(), Pc = new WeakMap();
-customElements.get("nx-collapse") || customElements.define("nx-collapse", Rf);
-var zn, $u, Lu, Dc;
-class Mf extends HTMLElement {
+customElements.get("nx-collapse") || customElements.define("nx-collapse", Tf);
+var zn, ju, $u, Dc;
+class Rf extends HTMLElement {
   constructor() {
     super();
     Y(this, zn);
@@ -31431,7 +31431,7 @@ class Mf extends HTMLElement {
       t && t.click();
     });
     Y(this, Dc, () => {
-      this.classList.add(this.getAttribute("theme") || "theme-1"), Ge(this, zn, $u).call(this), this.shadowRoot.querySelectorAll(".tab-button").forEach((r) => {
+      this.classList.add(this.getAttribute("theme") || "theme-1"), Ge(this, zn, ju).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");
@@ -31454,7 +31454,7 @@ class Mf extends HTMLElement {
 
             <div class="tabs"></div>
             <div class="tab-pages"></div>
-        `, this.switchTabHandler = Ge(this, zn, Lu).bind(this), this.tabpage = {
+        `, this.switchTabHandler = Ge(this, zn, $u).bind(this), this.tabpage = {
       show: (t) => {
         this.shadowRoot.querySelectorAll(".tab-button").forEach((l, c) => {
           l.innerText.trim() === t && (l.style.display = "unset");
@@ -31476,7 +31476,7 @@ class Mf extends HTMLElement {
     f(this, Dc).call(this), this.dispatchEvent(new CustomEvent(H.EVENT.TAB_LOAD, { bubbles: !0, detail: {} }));
   }
 }
-zn = new WeakSet(), $u = function() {
+zn = new WeakSet(), ju = function() {
   const t = this.shadowRoot.querySelector(".tabs"), l = this.shadowRoot.querySelector(".tab-pages"), c = this.querySelectorAll("nx-tab-page");
   c.forEach((o, r) => {
     const n = document.createElement("div");
@@ -31486,13 +31486,13 @@ zn = new WeakSet(), $u = function() {
   }), c.forEach((o) => {
     o.remove();
   });
-}, Lu = function(t) {
+}, $u = function(t) {
   const l = t.target;
   if (console.log(t), !l.classList.contains("tab-button")) return;
   const c = l.getAttribute("data-target"), o = this.shadowRoot.querySelector(".tab-button.active"), r = this.shadowRoot.querySelector(".tab-page.active"), n = this.shadowRoot.getElementById(c);
   console.log(c, o, r, n), o !== l && (console.log("*******"), o && r ? (o.classList.remove("active"), r.classList.remove("active", "exit-left", "exit-right"), r.style.left = "", o.compareDocumentPosition(l) & Node.DOCUMENT_POSITION_FOLLOWING ? r.classList.add("exit-left") : r.classList.add("exit-right"), n.classList.add("active"), n.style.left = "", n.classList.remove("exit-left", "exit-right")) : r && n && (r.classList.remove("active", "exit-left", "exit-right"), r.style.left = "", r.classList.add("exit-left"), n.classList.add("active"), n.style.left = "", n.classList.remove("exit-left", "exit-right")), l.classList.add("active"), this.shadowRoot.querySelector(".tab-pages").style.height = `${n.scrollHeight}px`);
 }, Dc = new WeakMap();
-class If extends HTMLElement {
+class Mf extends HTMLElement {
   constructor() {
     super();
   }
@@ -31500,10 +31500,10 @@ class If extends HTMLElement {
     this.caption = this.getAttribute("caption");
   }
 }
-customElements.get("nx-tab") || customElements.define("nx-tab", Mf);
-customElements.get("nx-tab-page") || customElements.define("nx-tab-page", If);
+customElements.get("nx-tab") || customElements.define("nx-tab", Rf);
+customElements.get("nx-tab-page") || customElements.define("nx-tab-page", Mf);
 var $r, Bc, Fc, qc, gl;
-class Nf extends HTMLElement {
+class If extends HTMLElement {
   constructor() {
     super();
     Y(this, $r);
@@ -31587,9 +31587,9 @@ class Nf extends HTMLElement {
   }
 }
 $r = new WeakMap(), Bc = new WeakMap(), Fc = new WeakMap(), qc = new WeakMap(), gl = new WeakMap();
-customElements.get("nx-splitter") || customElements.define("nx-splitter", Nf);
+customElements.get("nx-splitter") || customElements.define("nx-splitter", If);
 var gu, Hc;
-class Of extends HTMLElement {
+class Nf extends HTMLElement {
   constructor() {
     super();
     Y(this, gu);
@@ -31628,9 +31628,9 @@ class Of extends HTMLElement {
   }
 }
 gu = new WeakMap(), Hc = new WeakMap();
-customElements.get("nx-form") || customElements.define("nx-form", Of);
+customElements.get("nx-form") || customElements.define("nx-form", Nf);
 var Tr, bl, yl, vl, wl, zc;
-class jf extends HTMLElement {
+class Of extends HTMLElement {
   // 동적으로 추가할 빵 부스러기 경로 (상세 페이지 등)
   constructor() {
     super();
@@ -31725,7 +31725,7 @@ class jf extends HTMLElement {
   }
 }
 Tr = new WeakMap(), bl = new WeakMap(), yl = new WeakMap(), vl = new WeakMap(), wl = new WeakMap(), zc = new WeakMap();
-customElements.get("nx-title") || customElements.define("nx-title", jf);
+customElements.get("nx-title") || customElements.define("nx-title", Of);
 var xl, _i, _l, Rr, Wn, eu, ru, Sl, Uc;
 class yu extends HTMLElement {
   constructor() {
@@ -31825,7 +31825,7 @@ ru = function() {
   });
 }, Sl = new WeakMap(), Uc = new WeakMap();
 var kl, Vc;
-class $f extends yu {
+class jf extends yu {
   constructor() {
     super();
     Y(this, kl, !1);
@@ -31856,9 +31856,9 @@ class $f extends yu {
   }
 }
 kl = new WeakMap(), Vc = new WeakMap();
-customElements.get("nx-title2") || customElements.define("nx-title2", $f);
+customElements.get("nx-title2") || customElements.define("nx-title2", jf);
 var Bn, Cl, su;
-class Lf extends HTMLElement {
+class $f extends HTMLElement {
   constructor() {
     super();
     Y(this, Cl);
@@ -31900,12 +31900,12 @@ Bn = new WeakMap(), Cl = new WeakSet(), su = function() {
     }
   }
 };
-customElements.get("nx-layout") || customElements.define("nx-layout", Lf);
-var Fn, Ks, iu, nu, Wc;
-class Pf extends HTMLElement {
+customElements.get("nx-layout") || customElements.define("nx-layout", $f);
+var Fn, Gs, iu, nu, Wc;
+class Lf extends HTMLElement {
   constructor() {
     super();
-    Y(this, Ks);
+    Y(this, Gs);
     Y(this, Fn);
     Y(this, Wc, () => {
       const t = (c) => {
@@ -31932,19 +31932,19 @@ class Pf extends HTMLElement {
     return ["columns", "rows-height"];
   }
   connectedCallback() {
-    tt(this, Fn, Array.from(this.children).filter((t) => t.tagName.toLowerCase() !== "nx-splitter")), Ge(this, Ks, nu).call(this);
+    tt(this, Fn, Array.from(this.children).filter((t) => t.tagName.toLowerCase() !== "nx-splitter")), Ge(this, Gs, nu).call(this);
   }
   attributeChangedCallback(t, l, c) {
-    l !== c && (t === "rows-height" && Ge(this, Ks, iu).call(this, c), f(this, Fn) && Ge(this, Ks, nu).call(this));
+    l !== c && (t === "rows-height" && Ge(this, Gs, iu).call(this, c), f(this, Fn) && Ge(this, Gs, nu).call(this));
   }
 }
-Fn = new WeakMap(), Ks = new WeakSet(), iu = function(t) {
+Fn = new WeakMap(), Gs = new WeakSet(), iu = function(t) {
   if (t) {
     const l = t.replace(/,/g, " ").replace(/\*/g, "1fr");
     this.style.setProperty("--rows-template", l);
   }
 }, nu = function() {
-  Ge(this, Ks, iu).call(this, this.getAttribute("rows-height"));
+  Ge(this, Gs, iu).call(this, this.getAttribute("rows-height"));
   const t = f(this, Fn);
   if (!t || t.length === 0) return;
   for (; this.firstChild; )
@@ -31965,9 +31965,9 @@ Fn = new WeakMap(), Ks = new WeakSet(), iu = function(t) {
     f(this, Wc).call(this);
   }, 300);
 }, Wc = new WeakMap();
-customElements.get("nx-layout2") || customElements.define("nx-layout2", Pf);
+customElements.get("nx-layout2") || customElements.define("nx-layout2", Lf);
 var Xc;
-class Df extends yu {
+class Pf extends yu {
   constructor() {
     super();
     Y(this, Xc, () => {
@@ -31995,9 +31995,9 @@ class Df extends yu {
   }
 }
 Xc = new WeakMap();
-customElements.get("nx-panel") || customElements.define("nx-panel", Df);
+customElements.get("nx-panel") || customElements.define("nx-panel", Pf);
 var Yc;
-class Bf extends yu {
+class Df extends yu {
   constructor() {
     super();
     Y(this, Yc, () => {
@@ -32017,13 +32017,13 @@ class Bf extends yu {
   }
 }
 Yc = new WeakMap();
-customElements.get("nx-buttons") || customElements.define("nx-buttons", Bf);
-var xs, Gc, El, qn, Al, Tl, Hn, Rl;
-class Ff extends HTMLElement {
+customElements.get("nx-buttons") || customElements.define("nx-buttons", Df);
+var ws, Gc, El, qn, Al, Tl, Hn, Rl;
+class Bf extends HTMLElement {
   constructor() {
     super();
     //#owner;
-    Y(this, xs);
+    Y(this, ws);
     it(this, "showModal", () => {
       this.querySelector("dialog").showModal();
     });
@@ -32042,14 +32042,14 @@ class Ff extends HTMLElement {
     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, xs, {
+        tt(this, ws, {
           x: t.clientX - l.x,
           y: t.clientY - l.y
         }), $(document).on("mousemove", f(this, qn));
       }
     });
     Y(this, qn, (t) => {
-      $(this.querySelector("dialog")).offset({ left: t.pageX - f(this, xs).x, top: t.pageY - f(this, xs).y });
+      $(this.querySelector("dialog")).offset({ left: t.pageX - f(this, ws).x, top: t.pageY - f(this, ws).y });
     });
     Y(this, Al, (t) => {
       $(document).off("mousemove", f(this, qn));
@@ -32057,14 +32057,14 @@ class Ff extends HTMLElement {
     Y(this, Tl, (t) => {
       if (!t.target.closest("buttons")) {
         var l = this.querySelector("dialog").getBoundingClientRect();
-        tt(this, xs, {
+        tt(this, ws, {
           x: t.changedTouches[0].pageX - l.x,
           y: t.changedTouches[0].pageY - l.y
         }), $(document).on("touchmove", f(this, Hn));
       }
     });
     Y(this, Hn, (t) => {
-      $(this.querySelector("dialog")).offset({ left: t.changedTouches[0].pageX - f(this, xs).x, top: t.changedTouches[0].pageY - f(this, xs).y });
+      $(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) => {
       $(document).off("touchmove", f(this, Hn));
@@ -32110,15 +32110,15 @@ class Ff extends HTMLElement {
     o && t && (o.textContent = t), f(this, Gc).call(this);
   }
 }
-xs = new WeakMap(), Gc = new WeakMap(), El = new WeakMap(), qn = new WeakMap(), Al = new WeakMap(), Tl = new WeakMap(), Hn = new WeakMap(), Rl = new WeakMap();
-customElements.get("nx-modal") || customElements.define("nx-modal", Ff);
-window.jQuery = window.$ = Bu;
-function Uf() {
+ws = new WeakMap(), Gc = new WeakMap(), El = new WeakMap(), qn = new WeakMap(), Al = new WeakMap(), Tl = new WeakMap(), Hn = new WeakMap(), Rl = new WeakMap();
+customElements.get("nx-modal") || customElements.define("nx-modal", Bf);
+window.jQuery = window.$ = Du;
+function zf() {
   customElements.get("nine-grid") || customElements.define("nine-grid", Zc);
 }
 export {
   Zc as NineGridContainer,
   H as default,
-  Uf as defineCustomElements
+  zf as defineCustomElements
 };
 //# sourceMappingURL=nine-grid.js.map