@ninebone/grid 0.0.101 → 0.0.103

package/dist/nine-grid.js

@@ -1,9 +1,9 @@
-var Fu = Object.defineProperty;
+var qu = Object.defineProperty;
 var Cu = (mt) => {
   throw TypeError(mt);
 };
-var qu = (mt, C, t) => C in mt ? Fu(mt, C, { enumerable: !0, configurable: !0, writable: !0, value: t }) : mt[C] = t;
-var it = (mt, C, t) => qu(mt, typeof C != "symbol" ? C + "" : C, t), su = (mt, C, t) => C.has(mt) || Cu("Cannot " + t);
+var Hu = (mt, C, t) => C in mt ? qu(mt, C, { enumerable: !0, configurable: !0, writable: !0, value: t }) : mt[C] = t;
+var it = (mt, C, t) => Hu(mt, typeof C != "symbol" ? C + "" : C, t), su = (mt, C, t) => C.has(mt) || Cu("Cannot " + t);
 var f = (mt, C, t) => (su(mt, C, "read from private field"), t ? t.call(mt) : C.get(mt)), Y = (mt, C, t) => C.has(mt) ? Cu("Cannot add the same private member more than once") : C instanceof WeakSet ? C.add(mt) : C.set(mt, t), tt = (mt, C, t, l) => (su(mt, C, "write to private field"), l ? l.call(mt, t) : C.set(mt, t), t), qe = (mt, C, t) => (su(mt, C, "access private method"), t);
 var Eu = (mt, C, t, l) => ({
   set _(c) {
@@ -13,8 +13,8 @@ var Eu = (mt, C, t, l) => ({
     return f(mt, C, l);
   }
 });
-import Hu from "jquery";
-import { trace as zu } from "@ninebone/util";
+import zu from "jquery";
+import { trace as Uu } from "@ninebone/util";
 class xu extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
@@ -641,22 +641,22 @@ Array.prototype.nineBinarySearch = function(mt) {
   }
   return -1;
 };
-class Uu extends HTMLElement {
+class Vu 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", Uu);
-class Vu extends HTMLElement {
+customElements.get("nine-grid4") || customElements.define("nine-grid4", Vu);
+class Wu 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", Vu);
+customElements.get("nine-grid2") || customElements.define("nine-grid2", Wu);
 var Kn, Zn, Jn, as, zl;
 class Mr extends HTMLElement {
   constructor() {
@@ -888,7 +888,7 @@ class Ci extends Mr {
   }
 }
 var Cs;
-class Wu extends Mr {
+class Xu extends Mr {
   constructor() {
     super();
     Y(this, Cs);
@@ -920,9 +920,9 @@ class Wu extends Mr {
   }
 }
 Cs = new WeakMap();
-customElements.get("ng-button") || customElements.define("ng-button", Wu);
+customElements.get("ng-button") || customElements.define("ng-button", Xu);
 var We, Ul, Vl, Wl, Xl;
-class Xu {
+class Yu {
   constructor(C) {
     Y(this, We);
     Y(this, Ul, (C) => {
@@ -970,8 +970,8 @@ class Xu {
   }
 }
 We = new WeakMap(), Ul = new WeakMap(), Vl = new WeakMap(), Wl = new WeakMap(), Xl = new WeakMap();
-var Xt, Yl, Ii, Es, As, Ni, Ts, Oi, Qn, ji, $i, lr, Tu, Ru, Gu, Mu, Iu, Nu, Ku, Ou, Qs, Li, to, eo, ro, so;
-class Yu {
+var Xt, Yl, Ii, Es, As, Ni, Ts, Oi, Qn, ji, $i, lr, Ru, Mu, Ku, Iu, Nu, Ou, Zu, ju, Qs, Li, to, eo, ro, so;
+class Gu {
   constructor(C) {
     Y(this, lr);
     Y(this, Xt);
@@ -1126,7 +1126,7 @@ class Yu {
     if (!C) return;
     tt(this, Yl, f(this, Ii)), tt(this, Ii, C), C.focus();
     var t = C.closest("tr");
-    tt(this, lr, parseInt(t.dataset.row) * f(this, Xt).template.length + t.sectionRowIndex % f(this, Xt).template.length, Ru), tt(this, lr, parseInt(C.dataset.col), Nu), tt(this, lr, C.cellIndex, Mu), tt(this, lr, C.dataset.bind, Ou), t.closest("tbody.fixed") || (f(this, Xt).row.at = C.dataset.row), f(this, Xt).selection.selectCell(f(this, lr, Tu), f(this, lr, Iu));
+    tt(this, lr, parseInt(t.dataset.row) * f(this, Xt).template.length + t.sectionRowIndex % f(this, Xt).template.length, Mu), tt(this, lr, parseInt(C.dataset.col), Ou), tt(this, lr, C.cellIndex, Iu), tt(this, lr, C.dataset.bind, ju), t.closest("tbody.fixed") || (f(this, Xt).row.at = C.dataset.row), f(this, Xt).selection.selectCell(f(this, lr, Ru), f(this, lr, Nu));
     const l = C, c = parseInt(l.dataset.row), o = parseInt(l.dataset.matrixRow) % parseInt(l.dataset.row), r = parseInt(l.dataset.col), n = l.cellIndex, s = parseInt(f(this, Es) / f(this, Xt).template.length), e = parseInt(f(this, Es)) % parseInt(f(this, Es) / f(this, Xt).template.length), i = f(this, Ni), u = f(this, Qn);
     if (c != s || o != e || r != i) {
       const a = new CustomEvent(H.EVENT.CELL_POS_CHANGED, { bubbles: !0, detail: {} });
@@ -1151,25 +1151,25 @@ class Yu {
     }
   }
 }
-Xt = new WeakMap(), Yl = new WeakMap(), Ii = new WeakMap(), Es = new WeakMap(), As = new WeakMap(), Ni = new WeakMap(), Ts = new WeakMap(), Oi = new WeakMap(), Qn = new WeakMap(), ji = new WeakMap(), $i = new WeakMap(), lr = new WeakSet(), Tu = function() {
+Xt = new WeakMap(), Yl = new WeakMap(), Ii = new WeakMap(), Es = new WeakMap(), As = new WeakMap(), Ni = new WeakMap(), Ts = new WeakMap(), Oi = new WeakMap(), Qn = new WeakMap(), ji = new WeakMap(), $i = new WeakMap(), lr = new WeakSet(), Ru = function() {
   return f(this, As);
-}, Ru = function(C) {
+}, Mu = function(C) {
   tt(this, Es, f(this, As)), tt(this, As, parseInt(C));
-}, Gu = function() {
+}, Ku = function() {
   return f(this, Oi);
-}, Mu = function(C) {
+}, Iu = function(C) {
   tt(this, Qn, f(this, Oi)), tt(this, Oi, parseInt(C));
-}, Iu = function() {
+}, Nu = function() {
   return f(this, Ts);
-}, Nu = function(C) {
+}, Ou = function(C) {
   tt(this, Ni, f(this, Ts)), tt(this, Ts, parseInt(C));
-}, Ku = function() {
+}, Zu = function() {
   return f(this, $i);
-}, Ou = function(C) {
+}, ju = function(C) {
   tt(this, ji, f(this, $i)), tt(this, $i, C);
 }, Qs = new WeakMap(), Li = new WeakMap(), to = new WeakMap(), eo = new WeakMap(), ro = new WeakMap(), so = new WeakMap();
 var kt, wr, Pi, Gl, io;
-class Zu {
+class Ju {
   constructor(C) {
     Y(this, kt);
     Y(this, wr);
@@ -1409,7 +1409,7 @@ class Zu {
 }
 kt = new WeakMap(), wr = new WeakMap(), Pi = new WeakMap(), Gl = new WeakMap(), io = new WeakMap();
 var Ot, ls, no, oo, ao, Ir, lo, ho, cr, co, Kl, Zl, Jl, Ql, th, eh, uo, fo, po, mo;
-class Ju {
+class Qu {
   constructor(C) {
     Y(this, Ot);
     Y(this, ls);
@@ -1569,7 +1569,7 @@ class Ju {
 }
 Ot = new WeakMap(), ls = new WeakMap(), no = new WeakMap(), oo = new WeakMap(), ao = new WeakMap(), Ir = new WeakMap(), lo = new WeakMap(), ho = new WeakMap(), cr = new WeakMap(), co = new WeakMap(), Kl = new WeakMap(), Zl = new WeakMap(), Jl = new WeakMap(), Ql = new WeakMap(), th = new WeakMap(), eh = new WeakMap(), uo = new WeakMap(), fo = new WeakMap(), po = new WeakMap(), mo = new WeakMap();
 var rh, sh, Di, go, Bi;
-class Qu extends Mr {
+class td extends Mr {
   constructor() {
     super();
     Y(this, rh);
@@ -1651,9 +1651,9 @@ class Qu extends Mr {
   }
 }
 rh = new WeakMap(), sh = new WeakMap(), Di = new WeakMap(), go = new WeakMap(), Bi = new WeakMap();
-customElements.get("ng-line-chart") || customElements.define("ng-line-chart", Qu);
+customElements.get("ng-line-chart") || customElements.define("ng-line-chart", td);
 var Fi, qi, bo, Hi, zi;
-class td extends Ci {
+class ed extends Ci {
   constructor() {
     super();
     Y(this, Fi);
@@ -1717,13 +1717,13 @@ class td extends Ci {
   }
 }
 Fi = new WeakMap(), qi = new WeakMap(), bo = new WeakMap(), Hi = new WeakMap(), zi = new WeakMap();
-customElements.get("ng-checkbox") || customElements.define("ng-checkbox", td);
-var ti, Pr, yo, Ui, vo, ih;
-class ed extends HTMLElement {
+customElements.get("ng-checkbox") || customElements.define("ng-checkbox", ed);
+var ti, Dr, yo, Ui, vo, ih;
+class rd extends HTMLElement {
   constructor() {
     super();
     Y(this, ti);
-    Y(this, Pr);
+    Y(this, Dr);
     Y(this, yo);
     Y(this, Ui);
     Y(this, vo, (t) => {
@@ -1731,15 +1731,15 @@ class ed extends HTMLElement {
     });
     it(this, "expand", () => {
       if (H.j.querySelectorAll(this).hasClass("expand")) return;
-      $(this).addClass("expand"), f(this, Pr).style.color = f(this, yo);
-      const t = parseInt(f(this, Pr).dataset.col), l = f(this, Pr).colSpan || 1;
+      $(this).addClass("expand"), f(this, Dr).style.color = f(this, yo);
+      const t = parseInt(f(this, Dr).dataset.col), l = f(this, Dr).colSpan || 1;
       for (var c = 0; c < l; c++)
         f(this, ti).columns.width(t + c, f(this, Ui)[c]);
     });
     Y(this, ih, () => {
       if (!H.j.querySelectorAll(this).hasClass("expand")) return;
-      $(this).removeClass("expand"), tt(this, yo, f(this, Pr).style.color), f(this, Pr).style.color = "transparent", tt(this, Ui, []);
-      const t = parseInt(f(this, Pr).dataset.col), l = f(this, Pr).colSpan || 1, c = 20 / l;
+      $(this).removeClass("expand"), tt(this, yo, f(this, Dr).style.color), f(this, Dr).style.color = "transparent", tt(this, Ui, []);
+      const t = parseInt(f(this, Dr).dataset.col), l = f(this, Dr).colSpan || 1, c = 20 / l;
       for (var o = 0; o < l; o++) {
         const r = f(this, ti).body.querySelector(`colgroup col[data-col="${t + o}"]`);
         f(this, Ui).push(r.getAttribute("width")), f(this, ti).columns.width(t + o, c);
@@ -1753,12 +1753,12 @@ class ed 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, vo)), $(this).on("click", f(this, vo));
+		`, tt(this, ti, this.getRootNode().host), tt(this, Dr, this.closest("th,td")), H.j.querySelectorAll(this).addClass("expand"), $(this).off("click", f(this, vo)), $(this).on("click", f(this, vo));
   }
 }
-ti = new WeakMap(), Pr = new WeakMap(), yo = new WeakMap(), Ui = new WeakMap(), vo = new WeakMap(), ih = new WeakMap();
-customElements.get("ng-col-expand") || customElements.define("ng-col-expand", ed);
-class rd extends HTMLElement {
+ti = new WeakMap(), Dr = new WeakMap(), yo = new WeakMap(), Ui = new WeakMap(), vo = new WeakMap(), ih = new WeakMap();
+customElements.get("ng-col-expand") || customElements.define("ng-col-expand", rd);
+class sd extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
   }
@@ -1782,7 +1782,7 @@ class rd extends HTMLElement {
 		`;
   }
 }
-class sd extends HTMLElement {
+class id extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
   }
@@ -1832,18 +1832,18 @@ class sd extends HTMLElement {
 		`;
   }
 }
-customElements.get("ng-col-mover-grip") || customElements.define("ng-col-mover-grip", rd);
-customElements.get("ng-col-mover-indi") || customElements.define("ng-col-mover-indi", sd);
-var we, Nr, Dr, wo, xr, Vi, Br, xo, cu, _o, uu, So, ko, Wi, Xi, Co;
-class id {
+customElements.get("ng-col-mover-grip") || customElements.define("ng-col-mover-grip", sd);
+customElements.get("ng-col-mover-indi") || customElements.define("ng-col-mover-indi", id);
+var we, Nr, Br, wo, xr, Vi, Fr, xo, cu, _o, uu, So, ko, Wi, Xi, Co;
+class nd {
   constructor(C) {
     Y(this, we);
     Y(this, Nr);
-    Y(this, Dr);
+    Y(this, Br);
     Y(this, wo);
     Y(this, xr);
     Y(this, Vi);
-    Y(this, Br);
+    Y(this, Fr);
     it(this, "resetEvent", () => {
       $(document).off("mouseup", f(this, Wi)), $(".ng-table thead", f(this, we).body).off("mousedown", f(this, So)), f(this, we).body.querySelectorAll(".ng-table thead").forEach((C) => {
         C.removeEventListener("click", f(this, xo));
@@ -1921,47 +1921,47 @@ class id {
       const c = f(this, Nr)[0].shadowRoot.querySelector("span");
       c.innerHTML = $(C.target).html(), $(c).css({ font: $(l).css("font") }), f(this, Nr).show(), f(this, Nr).width($(l).width()), f(this, Nr).height($(l).height()), f(this, Nr).offset({ top: $(l).offset().top - 1 }), $(document).on("mousemove", f(this, Xi)), f(this, Co).call(this, C.pageX);
       const o = f(this, we).tableUtils.getElement("thead", f(this, xr).row, C.clientX);
-      f(this, Dr).height($(o).height());
+      f(this, Br).height($(o).height());
     });
     Y(this, Wi, (C) => {
-      if (tt(this, Vi, !1), $(document).off("mousemove", f(this, Xi)), $(document).off("touchmove", f(this, _o)), f(this, Br) && $(f(this, Br).target).css({ cursor: f(this, Br).cursor }), f(this, xr)) {
+      if (tt(this, Vi, !1), $(document).off("mousemove", f(this, Xi)), $(document).off("touchmove", f(this, _o)), f(this, Fr) && $(f(this, Fr).target).css({ cursor: f(this, Fr).cursor }), f(this, xr)) {
         var t = f(this, we).tableUtils.getElement("thead", f(this, xr).row, C.clientX);
         f(this, we).columns.moveColumn(f(this, xr).target, t);
       }
-      tt(this, Br, null), tt(this, xr, null), f(this, Nr).hide(), f(this, Dr).hide();
+      tt(this, Fr, null), tt(this, xr, null), f(this, Nr).hide(), f(this, Br).hide();
     });
     Y(this, Xi, (C) => {
       if (f(this, xr) != null) {
-        f(this, Br) && $(f(this, Br).target).css({ cursor: f(this, Br).cursor }), tt(this, Br, { target: C.target, cursor: $(C.target).css("cursor") }), $(C.target).css({ cursor: C.target.closest("thead") || C.target.tagName == "ng-col-mover-grip" ? "move" : "not-allowed" });
+        f(this, Fr) && $(f(this, Fr).target).css({ cursor: f(this, Fr).cursor }), tt(this, Fr, { target: C.target, cursor: $(C.target).css("cursor") }), $(C.target).css({ cursor: C.target.closest("thead") || C.target.tagName == "ng-col-mover-grip" ? "move" : "not-allowed" });
         var t = f(this, we).tableUtils.getElement("thead", f(this, xr).row, C.clientX);
         if (t)
           if (f(this, xr).col > parseInt(t.dataset.col)) {
             var l = $(t).offset();
-            f(this, Dr).show(), f(this, Dr).offset({ left: parseInt(l.left - 1), top: l.top });
+            f(this, Br).show(), f(this, Br).offset({ left: parseInt(l.left - 1), top: l.top });
           } else if (f(this, xr).col < parseInt(t.dataset.col)) {
             var l = $(t).offset();
-            f(this, Dr).show(), f(this, Dr).offset({ left: parseInt(l.left + $(t).width() - 1), top: l.top });
+            f(this, Br).show(), f(this, Br).offset({ left: parseInt(l.left + $(t).width() - 1), top: l.top });
           } else
-            f(this, Dr).hide();
+            f(this, Br).hide();
         f(this, Co).call(this, C.pageX);
       }
     });
     Y(this, Co, (C) => {
       f(this, Nr).offset({ left: C - f(this, wo) });
     });
-    tt(this, we, C), $(".ng-container", f(this, we).body).append($("<ng-col-mover-grip></ng-col-mover-grip>").hide()).append($("<ng-col-mover-indi></ng-col-mover-indi>").hide()), tt(this, Nr, $("ng-col-mover-grip", f(this, we).body)), tt(this, Dr, $("ng-col-mover-indi", f(this, we).body)), this.resetEvent();
+    tt(this, we, C), $(".ng-container", f(this, we).body).append($("<ng-col-mover-grip></ng-col-mover-grip>").hide()).append($("<ng-col-mover-indi></ng-col-mover-indi>").hide()), tt(this, Nr, $("ng-col-mover-grip", f(this, we).body)), tt(this, Br, $("ng-col-mover-indi", f(this, we).body)), this.resetEvent();
   }
 }
-we = new WeakMap(), Nr = new WeakMap(), Dr = new WeakMap(), wo = new WeakMap(), xr = new WeakMap(), Vi = new WeakMap(), Br = new WeakMap(), xo = new WeakMap(), cu = new WeakMap(), _o = new WeakMap(), uu = new WeakMap(), So = new WeakMap(), ko = new WeakMap(), Wi = new WeakMap(), Xi = new WeakMap(), Co = new WeakMap();
-var Me, _r, Sr, Rs, Ms, Fr, kr, Is, Ns, Eo, Ao, To, du, Ro, nh, Mo, Yi, Gi, Ki, ei, Zi, oh;
-class nd {
+we = new WeakMap(), Nr = new WeakMap(), Br = new WeakMap(), wo = new WeakMap(), xr = new WeakMap(), Vi = new WeakMap(), Fr = new WeakMap(), xo = new WeakMap(), cu = new WeakMap(), _o = new WeakMap(), uu = new WeakMap(), So = new WeakMap(), ko = new WeakMap(), Wi = new WeakMap(), Xi = new WeakMap(), Co = new WeakMap();
+var Me, _r, Sr, Rs, Ms, qr, kr, Is, Ns, Eo, Ao, To, du, Ro, nh, Mo, Yi, Gi, Ki, ei, Zi, oh;
+class od {
   constructor(C) {
     Y(this, Me);
     Y(this, _r);
     Y(this, Sr);
     Y(this, Rs);
     Y(this, Ms);
-    Y(this, Fr);
+    Y(this, qr);
     Y(this, kr);
     Y(this, Is);
     Y(this, Ns, []);
@@ -2022,11 +2022,11 @@ class nd {
       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) {
           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));
+          tt(this, qr, f(this, Me).tableUtils.prev(t)), tt(this, kr, $(t));
         } else {
           if ($(C.target).width() - C.offsetX > 2) return;
           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));
+          tt(this, qr, $(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, Zi).call(this, C.pageX), $(f(this, _r)).off("mousemove", f(this, Gi)).off("mouseup", f(this, ei)).on("mousemove", f(this, Gi)).on("mouseup", f(this, ei));
       }
@@ -2043,14 +2043,14 @@ class nd {
     Y(this, ei, (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, Is) ? t = f(this, kr).offset().left - f(this, Sr).offset().left + f(this, kr).width() : t = f(this, Sr).offset().left - f(this, qr).offset().left + 1, t <= 1 && (t = 0);
+      const l = f(this, Is) ? f(this, kr)[0].dataset.col : f(this, qr)[0].dataset.col;
       f(this, Me).columns.width(l, t), $(f(this, _r)).off("mousemove", f(this, Gi)), $(f(this, _r)).off("mouseup", f(this, ei)), f(this, _r).hide();
     });
     Y(this, Zi, (C) => {
-      !f(this, Is) && C < f(this, Fr).offset().left && (C = f(this, Fr).offset().left), f(this, Sr).offset({ left: C });
+      !f(this, Is) && C < f(this, qr).offset().left && (C = f(this, qr).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, 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, qr).offset().left), o = c, l = parseInt(t - f(this, qr).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);
     });
     Y(this, oh, (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);
@@ -2059,9 +2059,9 @@ class nd {
     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();
   }
 }
-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(), Eo = new WeakMap(), Ao = new WeakMap(), To = new WeakMap(), du = new WeakMap(), Ro = new WeakMap(), nh = new WeakMap(), Mo = new WeakMap(), Yi = new WeakMap(), Gi = new WeakMap(), Ki = new WeakMap(), ei = new WeakMap(), Zi = new WeakMap(), oh = new WeakMap();
+Me = new WeakMap(), _r = new WeakMap(), Sr = new WeakMap(), Rs = new WeakMap(), Ms = new WeakMap(), qr = new WeakMap(), kr = new WeakMap(), Is = new WeakMap(), Ns = new WeakMap(), Eo = new WeakMap(), Ao = new WeakMap(), To = new WeakMap(), du = new WeakMap(), Ro = new WeakMap(), nh = new WeakMap(), Mo = new WeakMap(), Yi = new WeakMap(), Gi = new WeakMap(), Ki = new WeakMap(), ei = new WeakMap(), Zi = new WeakMap(), oh = new WeakMap();
 var ue, ri, Or, Ji, Io, ah;
-class od {
+class ad {
   constructor(C) {
     Y(this, ue);
     it(this, "count", () => f(this, ue).activeTmpl.querySelectorAll("[data-bind]").length);
@@ -2260,12 +2260,12 @@ class od {
   }
 }
 ue = new WeakMap(), ri = new WeakMap(), Or = new WeakMap(), Ji = new WeakMap(), Io = new WeakMap(), ah = new WeakMap();
-class ad extends zu.constructor {
+class ld extends Uu.constructor {
   constructor() {
     super(), this.init("nine-grid", "green");
   }
 }
-const ld = new ad();
+const Au = new ld();
 var lh, Qi, Le, rr, No, Os, si, tn, hh, ch, uh, dh, fu;
 class hd extends Ci {
   constructor() {
@@ -2611,7 +2611,7 @@ class dd extends HTMLElement {
 }
 Do = new WeakMap(), vh = new WeakMap();
 customElements.get("ng-context-menu-panel") || customElements.define("ng-context-menu-panel", dd);
-var qr, Bo, wh, xh, _h;
+var Hr, Bo, wh, xh, _h;
 class fd {
   /**
    * focus event, keyboard event, mouse event : common.js
@@ -2620,31 +2620,31 @@ class fd {
    * ninegrid.EVENT.ROW_POS_CHANGED, ninegrid.EVENT.CELL_POS_CHANGED : ngCellManager.js
    */
   constructor(C) {
-    Y(this, qr);
+    Y(this, Hr);
     Y(this, Bo, () => {
-      $(".ng-table tbody", f(this, qr).shadowRoot).on("click", "th,td", f(this, wh)), $(".ng-table thead", f(this, qr).shadowRoot).on("click", "th,td", f(this, xh)), $(".ng-table tfoot", f(this, qr).shadowRoot).on("click", "th,td", f(this, _h));
+      $(".ng-table tbody", f(this, Hr).shadowRoot).on("click", "th,td", f(this, wh)), $(".ng-table thead", f(this, Hr).shadowRoot).on("click", "th,td", f(this, xh)), $(".ng-table tfoot", f(this, Hr).shadowRoot).on("click", "th,td", f(this, _h));
     });
     Y(this, wh, (C) => {
       if (![1, 2].includes(C.detail)) return;
       const t = ["altKey", "ctrlKey", "shiftKey", "clientX", "clientY", "offsetX", "offsetY", "pageX", "pageY", "screenX", "screenY", "button", "buttons", "whitch"], l = C.target.closest("th,td"), c = C.detail == 1 ? H.EVENT.CELL_CLICK : H.EVENT.CELL_DBL_CLICK, o = new CustomEvent(c, { bubbles: !0, composed: !0, detail: { target: l } });
-      o.col = l.dataset.col, o.row = l.dataset.row, o.subrow = parseInt(l.dataset.matrixRow) % parseInt(l.dataset.row), o.bind = l.dataset.bind, H.copyProperty(o, C, t), f(this, qr).dispatchEvent(o);
+      o.col = l.dataset.col, o.row = l.dataset.row, o.subrow = parseInt(l.dataset.matrixRow) % parseInt(l.dataset.row), o.bind = l.dataset.bind, H.copyProperty(o, C, t), f(this, Hr).dispatchEvent(o);
     });
     Y(this, xh, (C) => {
       if (![1, 2].includes(C.detail)) return;
       const t = ["altKey", "ctrlKey", "shiftKey", "clientX", "clientY", "offsetX", "offsetY", "pageX", "pageY", "screenX", "screenY", "button", "buttons", "whitch"], l = C.target.closest("th,td"), c = C.detail == 1 ? H.EVENT.HEADCELL_CLICK : H.EVENT.HEADCELL_DBL_CLICK, o = new CustomEvent(c, { bubbles: !0, composed: !0, detail: { target: l } });
-      o.col = l.dataset.col, H.copyProperty(o, C, t), f(this, qr).dispatchEvent(o);
+      o.col = l.dataset.col, H.copyProperty(o, C, t), f(this, Hr).dispatchEvent(o);
     });
     Y(this, _h, (C) => {
       if (![1, 2].includes(C.detail)) return;
       const t = ["altKey", "ctrlKey", "shiftKey", "clientX", "clientY", "offsetX", "offsetY", "pageX", "pageY", "screenX", "screenY", "button", "buttons", "whitch"], l = C.target.closest("th,td"), c = C.detail == 1 ? H.EVENT.FOOTCELL_CLICK : H.EVENT.FOOTCELL_DBL_CLICK, o = new CustomEvent(c, { bubbles: !0, composed: !0, detail: { target: l } });
-      o.col = l.dataset.col, H.copyProperty(o, C, t), f(this, qr).dispatchEvent(o);
+      o.col = l.dataset.col, H.copyProperty(o, C, t), f(this, Hr).dispatchEvent(o);
     });
-    tt(this, qr, C), f(this, Bo).call(this), f(this, qr).addEventListener(H.EVENT.LAYOUT_CHANGED, (t) => {
+    tt(this, Hr, C), f(this, Bo).call(this), f(this, Hr).addEventListener(H.EVENT.LAYOUT_CHANGED, (t) => {
       f(this, Bo).call(this);
     });
   }
 }
-qr = new WeakMap(), Bo = new WeakMap(), wh = new WeakMap(), xh = new WeakMap(), _h = new WeakMap();
+Hr = new WeakMap(), Bo = new WeakMap(), wh = new WeakMap(), xh = new WeakMap(), _h = new WeakMap();
 var Gr, Fo, hs;
 class pd {
   constructor(C) {
@@ -3446,9 +3446,9 @@ function Fl(mt) {
 }
 var iu = { exports: {} };
 /*! ExcelJS 19-10-2023 */
-var Au;
+var Tu;
 function xd() {
-  return Au || (Au = 1, (function(mt, C) {
+  return Tu || (Tu = 1, (function(mt, C) {
     (function(t) {
       mt.exports = t();
     })((function() {
@@ -21664,8 +21664,8 @@ function xd() {
               return st === pt || (st == null || pt == null || !le(st) && !Fe(pt) ? st != st && pt != pt : (function(Et, Rt, fe, oe, he, Jt) {
                 var Se = Zt(Et), ke = Zt(Rt), Te = "[object Array]", De = "[object Array]";
                 Se || (Te = (Te = me(Et)) == r ? s : Te), ke || (De = (De = me(Rt)) == r ? s : De);
-                var Qe = Te == s && !q(Et), hr = De == s && !q(Rt), Lr = Te == De;
-                if (Lr && !Qe) return Jt || (Jt = new Ht()), Se || Ye(Et) ? Re(Et, Rt, fe, oe, he, Jt) : (function(Ce, be, _s, Js, Ol, vr, os) {
+                var Qe = Te == s && !q(Et), hr = De == s && !q(Rt), Pr = Te == De;
+                if (Pr && !Qe) return Jt || (Jt = new Ht()), Se || Ye(Et) ? Re(Et, Rt, fe, oe, he, Jt) : (function(Ce, be, _s, Js, Ol, vr, os) {
                   switch (_s) {
                     case "[object DataView]":
                       if (Ce.byteLength != be.byteLength || Ce.byteOffset != be.byteOffset) return !1;
@@ -21703,7 +21703,7 @@ function xd() {
                     return Jt || (Jt = new Ht()), fe(Ai, Ti, oe, he, Jt);
                   }
                 }
-                return Lr ? (Jt || (Jt = new Ht()), (function(Ce, be, _s, Js, Ol, vr) {
+                return Pr ? (Jt || (Jt = new Ht()), (function(Ce, be, _s, Js, Ol, vr) {
                   var os = 2 & Ol, Ss = Ge(Ce), Xn = Ss.length, jl = Ge(be).length;
                   if (Xn != jl && !os) return !1;
                   for (var Ri = Xn; Ri--; ) {
@@ -21777,8 +21777,8 @@ function xd() {
                       if (ke[2]) {
                         if (De === void 0 && !(Te in Rt)) return !1;
                       } else {
-                        var hr = new Ht(), Lr;
-                        if (!(Lr === void 0 ? _e(Qe, De, he, 3, hr) : Lr)) return !1;
+                        var hr = new Ht(), Pr;
+                        if (!(Pr === void 0 ? _e(Qe, De, he, 3, hr) : Pr)) return !1;
                       }
                     }
                     return !0;
@@ -21817,8 +21817,8 @@ function xd() {
                   break;
                 }
                 if (ke) {
-                  if (!W(pt, (function(hr, Lr) {
-                    if (!ke.has(Lr) && (Te === hr || wt(Te, hr, _t, Bt, Et))) return ke.add(Lr);
+                  if (!W(pt, (function(hr, Pr) {
+                    if (!ke.has(Pr) && (Te === hr || wt(Te, hr, _t, Bt, Et))) return ke.add(Pr);
                   }))) {
                     Se = !1;
                     break;
@@ -22115,8 +22115,8 @@ function xd() {
                     var hr = ke[Qe];
                     if (!(Se ? hr in Rt : w.call(Rt, hr))) return !1;
                   }
-                  var Lr = Jt.get(Et);
-                  if (Lr && Jt.get(Rt)) return Lr == Rt;
+                  var Pr = Jt.get(Et);
+                  if (Pr && Jt.get(Rt)) return Pr == Rt;
                   var Zs = !0;
                   Jt.set(Et, Rt), Jt.set(Rt, Et);
                   for (var Ei = Se; ++Qe < Te; ) {
@@ -26626,7 +26626,7 @@ class kd {
 }
 Ie = new WeakMap(), Go = new WeakMap(), un = new WeakMap(), cs = new WeakMap();
 var ai, dn, Ko, mu, gu, kh;
-class ju extends HTMLElement {
+class $u extends HTMLElement {
   constructor() {
     super();
     Y(this, ai);
@@ -26686,7 +26686,7 @@ class ju extends HTMLElement {
   }
 }
 ai = new WeakMap(), dn = new WeakMap(), Ko = new WeakMap(), mu = new WeakMap(), gu = new WeakMap(), kh = new WeakMap();
-customElements.get("ng-export") || customElements.define("ng-export", ju);
+customElements.get("ng-export") || customElements.define("ng-export", $u);
 var Zo, nr, Jo, Ch;
 class Cd {
   constructor(C) {
@@ -26764,13 +26764,13 @@ class Ed extends HTMLElement {
   }
 }
 Eh = new WeakMap();
-var fn, us, Hr, ds, Ah;
+var fn, us, zr, ds, Ah;
 class Ad extends HTMLElement {
   constructor() {
     super();
     Y(this, fn);
     Y(this, us);
-    Y(this, Hr);
+    Y(this, zr);
     Y(this, ds);
     it(this, "add", (t) => {
       f(this, us).push(...t);
@@ -26778,13 +26778,13 @@ class Ad extends HTMLElement {
       for (const c of f(this, us)) {
         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, zr)).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, Ah));
+      f(this, us).length <= 1 && $(f(this, zr)).hide(), H.j.querySelectorAll(f(this, zr).querySelector("button")).addClass("ng-active"), $("button", f(this, zr)).on("click", f(this, Ah));
     });
     it(this, "resize", () => {
-      const t = $(f(this, Hr)).width() > $(this).width();
-      $(f(this, Hr)).css({
+      const t = $(f(this, zr)).width() > $(this).width();
+      $(f(this, zr)).css({
         width: t ? "100%" : "unset",
         "justify-content": t ? "space-evenly" : "unset"
       });
@@ -26792,14 +26792,14 @@ class Ad extends HTMLElement {
     Y(this, Ah, (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, fn).changeRayout(f(this, ds)), H.j.querySelectorAll("button", f(this, Hr)).removeClass("ng-active"), H.j.querySelectorAll(t.currentTarget).addClass("ng-active");
+      tt(this, ds, parseInt(t.currentTarget.value)), f(this, fn).changeRayout(f(this, ds)), H.j.querySelectorAll("button", f(this, zr)).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, fn).dispatchEvent(c);
     });
     tt(this, us, []), tt(this, ds, 0);
   }
   connectedCallback() {
-    tt(this, fn, this.getRootNode().host.getRootNode().host), this.innerHTML = '<div class="ng-wrap"></div>', tt(this, Hr, this.querySelector(".ng-wrap"));
+    tt(this, fn, this.getRootNode().host.getRootNode().host), this.innerHTML = '<div class="ng-wrap"></div>', tt(this, zr, this.querySelector(".ng-wrap"));
   }
   get tables() {
     return f(this, us);
@@ -26808,7 +26808,7 @@ class Ad extends HTMLElement {
     return f(this, us)[f(this, ds)];
   }
 }
-fn = new WeakMap(), us = new WeakMap(), Hr = new WeakMap(), ds = new WeakMap(), Ah = new WeakMap();
+fn = new WeakMap(), us = new WeakMap(), zr = new WeakMap(), ds = new WeakMap(), Ah = new WeakMap();
 customElements.get("ng-layout") || customElements.define("ng-layout", Ad);
 customElements.get("ng-foot") || customElements.define("ng-foot", Ed);
 var Qo;
@@ -27293,18 +27293,18 @@ class Fd extends Ci {
 }
 Zr = new WeakMap(), li = new WeakMap(), Ph = new WeakMap();
 customElements.get("ng-input-date") || customElements.define("ng-input-date", Fd);
-var Ke, fs, zr, Ps, bn, Jr, Dh;
+var Ke, fs, Ur, Ps, bn, Jr, Dh;
 class qd extends Ci {
   constructor() {
     super();
     Y(this, Ke);
     Y(this, fs);
-    Y(this, zr);
+    Y(this, Ur);
     Y(this, Ps);
     Y(this, bn);
     Y(this, Jr);
     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, bn) && Number(f(this, Ke).value) > Number(f(this, bn)) || f(this, Ps) && Number(f(this, Ke).value) < Number(f(this, Ps)) ? H.j.querySelectorAll(f(this, Ke)).addClass("invalid") : f(this, Jr) && f(this, Ke).value.indexOf(".") >= 0 && f(this, Ke).value.substring(f(this, Ke).value.indexOf(".") + 1).length > Number(f(this, Jr)) && H.j.querySelectorAll(f(this, Ke)).addClass("invalid")), f(this, 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, fs) == "number" && (isNaN(this.value) || f(this, bn) && Number(f(this, Ke).value) > Number(f(this, bn)) || f(this, Ps) && Number(f(this, Ke).value) < Number(f(this, Ps)) ? H.j.querySelectorAll(f(this, Ke)).addClass("invalid") : f(this, Jr) && f(this, Ke).value.indexOf(".") >= 0 && f(this, Ke).value.substring(f(this, Ke).value.indexOf(".") + 1).length > Number(f(this, Jr)) && H.j.querySelectorAll(f(this, Ke)).addClass("invalid")), f(this, Ur) && H.getByteLength(this.value) > Number(f(this, Ur)) && H.j.querySelectorAll(f(this, Ke)).addClass("invalid"), t || this.reset();
     });
     Y(this, Dh, (t) => {
       if (!["Escape", "Enter", "Tab", "Home", "End", "ArrowLeft", "ArrowRight", "PageUp", "PageDown", "Backspace", "Delete"].includes(t.code)) {
@@ -27318,10 +27318,10 @@ class qd extends Ci {
             }
           }
         }
-        f(this, zr) && H.getByteLength(t.target.value) >= Number(f(this, zr)) && t.target.selectionStart == t.target.selectionEnd && t.preventDefault();
+        f(this, Ur) && H.getByteLength(t.target.value) >= Number(f(this, Ur)) && 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, bn, this.getAttribute("max")), tt(this, Jr, this.getAttribute("scale")), !["text", "number"].includes(f(this, fs))) throw `invalid type : ${f(this, fs)}`;
+    if (tt(this, fs, this.getAttribute("type") || "text"), tt(this, Ur, this.getAttribute("maxbyte")), tt(this, Ps, this.getAttribute("min")), tt(this, bn, this.getAttribute("max")), tt(this, Jr, this.getAttribute("scale")), !["text", "number"].includes(f(this, fs))) throw `invalid type : ${f(this, fs)}`;
   }
   connectedCallback() {
     for (var t = [], l = 0; l < this.attributes.length; l++)
@@ -27337,7 +27337,7 @@ class qd extends Ci {
 				ondragstart="return false;" 
 			>
 		`, super.connectedCallback(), tt(this, Ke, this.shadowRoot.querySelector("input")), f(this, Ke).addEventListener("keydown", f(this, Dh)), f(this, Ke).addEventListener("compositionstart", (c) => {
-      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);
+      c.target.selectionStart == c.target.selectionEnd && f(this, Ur) && H.getByteLength(c.target.value) >= Number(f(this, Ur)) && (c.target.value = H.cut(c.target.value, Number(f(this, Ur))), this.value = c.target.value);
     }), f(this, Ke).addEventListener("compositionupdate", (c) => {
       f(this, fs) == "number" && (c.target.value = c.target.value.replace(c.data, ""));
     }), f(this, Ke).addEventListener("compositionend", (c) => {
@@ -27346,7 +27346,7 @@ class qd extends Ci {
     });
   }
 }
-Ke = new WeakMap(), fs = new WeakMap(), zr = new WeakMap(), Ps = new WeakMap(), bn = new WeakMap(), Jr = new WeakMap(), Dh = new WeakMap();
+Ke = new WeakMap(), fs = new WeakMap(), Ur = new WeakMap(), Ps = new WeakMap(), bn = new WeakMap(), Jr = new WeakMap(), Dh = new WeakMap();
 customElements.get("ng-input") || customElements.define("ng-input", qd);
 var Oe, hi, yn, vn, wn, ci;
 class Hd {
@@ -27475,7 +27475,7 @@ class Ud extends HTMLElement {
     Y(this, Lt);
     Y(this, ra);
     Y(this, Bh);
-    tt(this, ra, new Pd(f(this, Lt))), tt(this, Bh, new ju(f(this, Lt)));
+    tt(this, ra, new Pd(f(this, Lt))), tt(this, Bh, new $u(f(this, Lt)));
   }
   connectedCallback() {
     tt(this, Lt, this.getRootNode().host.getRootNode().host), this.innerHTML = "";
@@ -28449,20 +28449,20 @@ class sf extends Mr {
   }
 }
 customElements.get("ng-row-state") || customElements.define("ng-row-state", sf);
-var Dt, Ur, ge, gr, br, Sn, Hs, Vr, tc, ec, wa, rc, xa, _a, kn, yu, Cn, ql, gi;
+var Dt, Vr, ge, gr, br, Sn, Hs, $r, tc, ec, wa, rc, xa, _a, kn, yu, Cn, ql, gi;
 class nf extends HTMLElement {
   // 혹은 기존에 사용하는 누적 변수
   constructor() {
     super();
     Y(this, Cn);
     Y(this, Dt);
-    Y(this, Ur);
+    Y(this, Vr);
     Y(this, ge);
     Y(this, gr);
     Y(this, br);
     Y(this, Sn);
     Y(this, Hs, 0);
-    Y(this, Vr, 0);
+    Y(this, $r, 0);
     it(this, "refresh", () => {
       if (!f(this, Dt)) return;
       var t = $(".ng-container-body", f(this, Dt).body), l = $(".ng-scroll-thumb", this.shadowRoot), c = $("table > thead", t), o = f(this, Dt).dataManager.viewRecords.rawIndex, r = $(f(this, ge).track).height(), n = $(f(this, ge).thumb).height();
@@ -28529,9 +28529,9 @@ class nf extends HTMLElement {
       }), f(this, ge).top.ontouchend = f(this, ge).bottom.ontouchend = f(this, ge).track.ontouchend = f(this, ge).top.onmouseup = f(this, ge).top.onmouseleave = f(this, ge).bottom.onmouseup = f(this, ge).bottom.onmouseleave = f(this, ge).track.onmouseup = f(this, ge).track.onmouseleave = (l) => {
         clearInterval(f(this, gr)), clearInterval(f(this, br));
       }, $(f(this, ge).track).on("mousedown", f(this, wa)), $(f(this, ge).track).on("touchstart", f(this, ec)), $(f(this, ge).thumb).on("mousedown", f(this, _a)), $(f(this, ge).thumb).on("touchstart", f(this, rc)), document.addEventListener("mouseup", (l) => {
-        f(this, Ur) && tt(this, Ur, !1), document.removeEventListener("mousemove", f(this, kn)), typeof this.onDragStop == "function" && this.onDragStop();
+        f(this, Vr) && tt(this, Vr, !1), document.removeEventListener("mousemove", f(this, kn)), typeof this.onDragStop == "function" && this.onDragStop();
       }), document.addEventListener("touchend", (l) => {
-        tt(this, Ur, !1), document.removeEventListener("touchmove", f(this, xa)), typeof this.onDragStop == "function" && this.onDragStop();
+        tt(this, Vr, !1), document.removeEventListener("touchmove", f(this, xa)), typeof this.onDragStop == "function" && this.onDragStop();
       });
     });
     Y(this, ec, (t) => {
@@ -28539,8 +28539,8 @@ class nf extends HTMLElement {
       t.offsetX = t.targetTouches[0].pageX - l.left, t.offsetY = t.targetTouches[0].pageY - l.top, t.pageX = t.changedTouches[0].pageX, t.pageY = t.changedTouches[0].pageY, t.clientX = t.changedTouches[0].clientX, t.clientY = t.changedTouches[0].clientY, t.buttons = 1, f(this, wa).call(this, t);
     });
     Y(this, wa, (t) => {
-      if (!f(this, Ur) && !(t.buttons != 1 || t.altKey || t.ctrlKey || t.shiftKey)) {
-        t.preventDefault(), tt(this, Hs, t.clientY);
+      if (!f(this, Vr) && !(t.buttons != 1 || t.altKey || t.ctrlKey || t.shiftKey)) {
+        t.preventDefault(), tt(this, Hs, t.clientY), Au.log("::", t, t.clientY);
         var l = f(this, ge).thumb.getBoundingClientRect();
         clearInterval(f(this, gr)), clearInterval(f(this, br)), t.clientY > l.y ? f(this, Dt).pageDown() : f(this, Dt).pageUp(), tt(this, gr, setInterval(() => {
           clearInterval(f(this, gr)), tt(this, br, setInterval(() => {
@@ -28564,10 +28564,10 @@ class nf extends HTMLElement {
       t.offsetX = t.targetTouches[0].pageX - l.left, t.offsetY = t.targetTouches[0].pageY - l.top, t.pageX = t.changedTouches[0].pageX, t.pageY = t.changedTouches[0].pageY, t.clientX = t.changedTouches[0].clientX, t.clientY = t.changedTouches[0].clientY, t.buttons = 1, f(this, kn).call(this, t);
     });
     Y(this, _a, (t) => {
-      tt(this, Ur, !0), this.shiftY = t.offsetY + f(this, ge).track.getBoundingClientRect().y, this.trackHeight = $(f(this, ge).track).height(), this.thumbHeight = $(f(this, ge).thumb).height(), this.nodataHeight = $(".ng-container .ng-table tr.nodata", f(this, Dt).body).height(), this.bodyHeight = $(".ng-container-body", f(this, Dt).body).height(), this.templateHeight = f(this, Dt).template.height(), this.theadHeight = $(".ng-container-body table > thead", f(this, Dt).body).height() || 0, this.tfootHeight = $(".ng-container-body table > tfoot", f(this, Dt).body).height() || 0, this.fixedHeight = $(".ng-container-body tbody.fixed", f(this, Dt).body).height(), this.tableHeight = $(".ng-container-body .ng-table", f(this, Dt).body).height(), tt(this, Sn, !0), document.addEventListener("mousemove", f(this, kn)), typeof this.onDragStart == "function" && this.onDragStart();
+      tt(this, Vr, !0), this.shiftY = t.offsetY + f(this, ge).track.getBoundingClientRect().y, this.trackHeight = $(f(this, ge).track).height(), this.thumbHeight = $(f(this, ge).thumb).height(), this.nodataHeight = $(".ng-container .ng-table tr.nodata", f(this, Dt).body).height(), this.bodyHeight = $(".ng-container-body", f(this, Dt).body).height(), this.templateHeight = f(this, Dt).template.height(), this.theadHeight = $(".ng-container-body table > thead", f(this, Dt).body).height() || 0, this.tfootHeight = $(".ng-container-body table > tfoot", f(this, Dt).body).height() || 0, this.fixedHeight = $(".ng-container-body tbody.fixed", f(this, Dt).body).height(), this.tableHeight = $(".ng-container-body .ng-table", f(this, Dt).body).height(), tt(this, Sn, !0), document.addEventListener("mousemove", f(this, kn)), typeof this.onDragStart == "function" && this.onDragStart();
     });
     Y(this, kn, (t) => {
-      if (!f(this, Ur)) return;
+      if (!f(this, Vr)) return;
       t.preventDefault();
       var l = t.clientY - f(this, Hs);
       f(this, Sn) && (H.j.querySelectorAll("th,td", f(this, Dt).body).removeClass("active").removeClass("multi-selected").removeClass("selected").removeClass("selected-current").removeClass("selected-area").removeClass("selected-top").removeClass("selected-bottom").removeClass("selected-left").removeClass("selected-right"), tt(this, Sn, !1));
@@ -28576,16 +28576,16 @@ class nf extends HTMLElement {
       var r = t.clientY - this.shiftY;
       r < 0 && (r = 0), r + this.thumbHeight > c && (r = parseInt(c - o));
       var n = parseInt($(".ng-container-body tbody.bindable tr", f(this, Dt).body).not(".nodata").length / f(this, Dt).template.length), s = parseInt(r * (f(this, Dt).data.count() + 1 - n) / parseInt(c - o));
-      tt(this, Vr, f(this, Vr) + l), ld.log(t.clientY, f(this, Hs), this.bodyTop, l), qe(this, Cn, ql).call(this, f(this, Vr)), f(this, Dt).dataManager.viewRecords.rawIndex != s && (f(this, Dt).scrollToV2(s), tt(this, Vr, 0), qe(this, Cn, ql).call(this, 0));
+      tt(this, $r, f(this, $r) + l), Au.log(t.clientY, f(this, Hs), f(this, $r), l), qe(this, Cn, ql).call(this, f(this, $r)), f(this, Dt).dataManager.viewRecords.rawIndex != s && (f(this, Dt).scrollToV2(s), tt(this, $r, 0), qe(this, Cn, ql).call(this, 0));
     });
     Y(this, yu, (t) => {
-      if (f(this, Ur)) {
+      if (f(this, Vr)) {
         t.preventDefault();
         var l = t.clientY - f(this, Hs);
         tt(this, Hs, t.clientY);
         var c = this.trackHeight, o = f(this, gi).call(this), r = c - o, n = f(this, Dt).matrix.totalHeight - this.bodyHeight, s = r > 0 ? n / r : 0, e = l * s;
-        tt(this, Vr, f(this, Vr) - e), tt(this, Vr, Math.max(-n, Math.min(0, f(this, Vr)))), qe(this, Cn, ql).call(this, Math.abs(f(this, Vr)));
-        var i = f(this, Dt).getRowIndexAt(Math.abs(f(this, Vr)));
+        tt(this, $r, f(this, $r) - e), tt(this, $r, Math.max(-n, Math.min(0, f(this, $r)))), qe(this, Cn, ql).call(this, Math.abs(f(this, $r)));
+        var i = f(this, Dt).getRowIndexAt(Math.abs(f(this, $r)));
         f(this, Dt).dataManager.viewRecords.rawIndex != i && f(this, Dt).scrollToV2(i);
       }
     });
@@ -28608,10 +28608,10 @@ class nf extends HTMLElement {
       thumb: this.shadowRoot.querySelector(".ng-scroll-thumb"),
       top: this.shadowRoot.querySelector(".ng-scroll-top"),
       bottom: this.shadowRoot.querySelector(".ng-scroll-bottom")
-    }), f(this, Ur), this.shiftX, f(this, tc).call(this));
+    }), f(this, Vr), this.shiftX, f(this, tc).call(this));
   }
 }
-Dt = new WeakMap(), Ur = new WeakMap(), ge = new WeakMap(), gr = new WeakMap(), br = new WeakMap(), Sn = new WeakMap(), Hs = new WeakMap(), Vr = new WeakMap(), tc = new WeakMap(), ec = new WeakMap(), wa = new WeakMap(), rc = new WeakMap(), xa = new WeakMap(), _a = new WeakMap(), kn = new WeakMap(), yu = new WeakMap(), Cn = new WeakSet(), ql = function(t) {
+Dt = new WeakMap(), Vr = new WeakMap(), ge = new WeakMap(), gr = new WeakMap(), br = new WeakMap(), Sn = new WeakMap(), Hs = new WeakMap(), $r = new WeakMap(), tc = new WeakMap(), ec = new WeakMap(), wa = new WeakMap(), rc = new WeakMap(), xa = new WeakMap(), _a = new WeakMap(), kn = new WeakMap(), yu = new WeakMap(), Cn = new WeakSet(), ql = function(t) {
   const l = f(this, Dt).body.querySelector(".ng-container-body tbody.bindable");
   l && (l.style.transform = `translateY(-${t}px)`);
 }, gi = new WeakMap();
@@ -30029,14 +30029,14 @@ class eu extends HTMLElement {
         r.grid = this;
       }), $(this.shadowRoot.querySelector("ng-head").shadowRoot.querySelector("ng-custom")).append(this.querySelectorAll("nx-buttons")), f(this, el).call(this), this.createTemplate(), f(this, Qa).call(this), this.resetTemplate(), f(this, Ec).call(this);
       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, is)), new Xu(this), this.pin = new rf(this), this.fields = new Cd(this), this.cell = new Yu(this), this.touchEvent = new Ju(this), this.selection = new Zu(this), this.tables = new lf(this), this.dataManager = new gd(this), this.view = new ff(this), this.tableUtils = new hf(this), this.columns = new od(this);
+      this.paging = l.shadowRoot.querySelector("ng-paging"), this.layout = l.shadowRoot.querySelector("ng-layout"), this.layout && this.layout.add(f(this, is)), new Yu(this), this.pin = new rf(this), this.fields = new Cd(this), this.cell = new Gu(this), this.touchEvent = new Qu(this), this.selection = new Ju(this), this.tables = new lf(this), this.dataManager = new gd(this), this.view = new ff(this), this.tableUtils = new hf(this), this.columns = new ad(this);
       for (var c in this.dataManager)
         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 pf(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 af(this), this.matrix = new Hd(this), tt(this, wi, new nd(this)), tt(this, Za, new id(this)), H.j.querySelectorAll(this).hasClass("simple") || tt(this, Rn, new Zd(this)), f(this, tl).call(this), this.refresh(), this.body.querySelector(".ng-container-body .nodata") && new ResizeObserver((r, n) => {
+      H.j.querySelectorAll(this).hasClass("simple") || (this.filtering = new pf(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 af(this), this.matrix = new Hd(this), tt(this, wi, new od(this)), tt(this, Za, new nd(this)), H.j.querySelectorAll(this).hasClass("simple") || tt(this, Rn, new Zd(this)), f(this, tl).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) => {
@@ -30501,7 +30501,7 @@ class yf extends HTMLElement {
 ys = new WeakMap(), Rc = new WeakMap(), sl = new WeakMap(), Mn = new WeakMap(), il = new WeakMap(), nl = new WeakMap(), In = new WeakMap(), ol = new WeakMap();
 customElements.get("nx-dialog") || customElements.define("nx-dialog", yf);
 var al, Gs, ll, Nn, vs, xi, On, Mc;
-class $u extends HTMLElement {
+class Lu extends HTMLElement {
   constructor() {
     super();
     Y(this, al);
@@ -30545,7 +30545,7 @@ class $u extends HTMLElement {
     });
   }
 }
-al = new WeakMap(), Gs = new WeakMap(), ll = new WeakMap(), Nn = new WeakMap(), vs = new WeakMap(), xi = new WeakMap(), On = new WeakMap(), Mc = new WeakMap(), it($u, "i18n", {
+al = new WeakMap(), Gs = new WeakMap(), ll = new WeakMap(), Nn = new WeakMap(), vs = new WeakMap(), xi = new WeakMap(), On = new WeakMap(), Mc = new WeakMap(), it(Lu, "i18n", {
   convertArrayToJSON: (t) => {
     let l = {};
     for (const c of t) {
@@ -30581,7 +30581,7 @@ al = new WeakMap(), Gs = new WeakMap(), ll = new WeakMap(), Nn = new WeakMap(),
     console.log("=========");
   }
 });
-customElements.get("nx-i18n") || customElements.define("nx-i18n", $u);
+customElements.get("nx-i18n") || customElements.define("nx-i18n", Lu);
 var jn, $n, Ic, hl;
 class vf extends HTMLElement {
   constructor() {
@@ -30951,14 +30951,14 @@ class _f extends HTMLElement {
   }
 }
 Ln = new WeakMap(), Pn = new WeakMap(), ul = new WeakMap(), dl = new WeakMap(), fl = new WeakMap(), Nc = new WeakMap();
-var _i, Oc, jc, Lu;
+var _i, Oc, jc, Pu;
 class Sf extends HTMLElement {
   constructor() {
     super();
     Y(this, jc);
     Y(this, _i);
     Y(this, Oc, () => {
-      qe(this, jc, Lu).call(this), tt(this, _i, this.shadowRoot.getRootNode().host.getRootNode().host), f(this, _i) && (this.shadowRoot.querySelector(".icon:nth-of-type(1)").addEventListener("click", (t) => {
+      qe(this, jc, Pu).call(this), tt(this, _i, this.shadowRoot.getRootNode().host.getRootNode().host), f(this, _i) && (this.shadowRoot.querySelector(".icon:nth-of-type(1)").addEventListener("click", (t) => {
         f(this, _i).expand();
       }), this.shadowRoot.querySelectorAll(".icon:nth-of-type(2),.icon:nth-of-type(3)").forEach((t) => {
         t.addEventListener("click", (l) => {
@@ -30972,7 +30972,7 @@ class Sf extends HTMLElement {
     H.waitForInnerHTML(this).then(() => f(this, Oc).call(this)).catch((t) => console.error(t));
   }
 }
-_i = new WeakMap(), Oc = new WeakMap(), jc = new WeakSet(), Lu = function() {
+_i = new WeakMap(), Oc = new WeakMap(), jc = new WeakSet(), Pu = function() {
   const t = this.getAttribute("icon-color") || "#eee", l = this.innerHTML.trim();
   this.innerHTML = "", this.shadowRoot.innerHTML = `
 			<style>
@@ -31001,14 +31001,14 @@ _i = new WeakMap(), Oc = new WeakMap(), jc = new WeakSet(), Lu = function() {
 			</div>
 		`;
 };
-var Dn, $c, Lc, Pu;
+var Dn, $c, Lc, Du;
 class kf extends HTMLElement {
   constructor() {
     super();
     Y(this, Lc);
     Y(this, Dn);
     Y(this, $c, () => {
-      tt(this, Dn, this.closest("nx-side-menu")), qe(this, Lc, Pu).call(this), this.shadowRoot.querySelector(".icon:nth-of-type(1)").addEventListener("click", () => {
+      tt(this, Dn, this.closest("nx-side-menu")), qe(this, Lc, Du).call(this), this.shadowRoot.querySelector(".icon:nth-of-type(1)").addEventListener("click", () => {
         f(this, Dn).expand();
       }), this.shadowRoot.querySelectorAll(".icon:nth-of-type(2), .icon:nth-of-type(3)").forEach((t) => {
         t.addEventListener("click", (l) => {
@@ -31022,7 +31022,7 @@ class kf extends HTMLElement {
     H.waitForInnerHTML(this).then(() => f(this, $c).call(this)).catch((t) => console.error(t));
   }
 }
-Dn = new WeakMap(), $c = new WeakMap(), Lc = new WeakSet(), Pu = function() {
+Dn = new WeakMap(), $c = new WeakMap(), Lc = new WeakSet(), Du = function() {
   const t = this.getAttribute("icon-color") || "#eee", l = this.innerHTML.trim();
   this.innerHTML = "", this.shadowRoot.innerHTML = `
 			<style>
@@ -31435,7 +31435,7 @@ class Nf extends HTMLElement {
 }
 ar = new WeakMap(), yl = new WeakMap(), qc = new WeakMap();
 customElements.get("nx-collapse") || customElements.define("nx-collapse", Nf);
-var Wn, Du, Bu, Hc;
+var Wn, Bu, Fu, Hc;
 class Of extends HTMLElement {
   constructor() {
     super();
@@ -31448,7 +31448,7 @@ class Of extends HTMLElement {
       t && t.click();
     });
     Y(this, Hc, () => {
-      this.classList.add(this.getAttribute("theme") || "theme-1"), qe(this, Wn, Du).call(this), this.shadowRoot.querySelectorAll(".tab-button").forEach((r) => {
+      this.classList.add(this.getAttribute("theme") || "theme-1"), qe(this, Wn, Bu).call(this), this.shadowRoot.querySelectorAll(".tab-button").forEach((r) => {
         r.addEventListener("click", this.switchTabHandler);
       });
       const t = this.shadowRoot.querySelector(".tab-button"), l = this.shadowRoot.querySelector(".tab-page");
@@ -31471,7 +31471,7 @@ class Of extends HTMLElement {
 
             <div class="tabs"></div>
             <div class="tab-pages"></div>
-        `, this.switchTabHandler = qe(this, Wn, Bu).bind(this), this.tabpage = {
+        `, this.switchTabHandler = qe(this, Wn, Fu).bind(this), this.tabpage = {
       show: (t) => {
         this.shadowRoot.querySelectorAll(".tab-button").forEach((l, c) => {
           l.innerText.trim() === t && (l.style.display = "unset");
@@ -31493,7 +31493,7 @@ class Of extends HTMLElement {
     f(this, Hc).call(this), this.dispatchEvent(new CustomEvent(H.EVENT.TAB_LOAD, { bubbles: !0, detail: {} }));
   }
 }
-Wn = new WeakSet(), Du = function() {
+Wn = new WeakSet(), Bu = 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");
@@ -31503,7 +31503,7 @@ Wn = new WeakSet(), Du = function() {
   }), c.forEach((o) => {
     o.remove();
   });
-}, Bu = function(t) {
+}, Fu = 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);
@@ -31519,24 +31519,24 @@ class jf extends HTMLElement {
 }
 customElements.get("nx-tab") || customElements.define("nx-tab", Of);
 customElements.get("nx-tab-page") || customElements.define("nx-tab-page", jf);
-var $r, zc, Uc, Vc, vl;
+var Lr, zc, Uc, Vc, vl;
 class $f extends HTMLElement {
   constructor() {
     super();
-    Y(this, $r);
+    Y(this, Lr);
     Y(this, zc, (t) => {
       const l = t.previousElementSibling, c = t.nextElementSibling;
       if (!l || !c) {
-        tt(this, $r, this.classList.contains("h") ? "h" : "v");
+        tt(this, Lr, this.classList.contains("h") ? "h" : "v");
         return;
       }
       const o = l.getBoundingClientRect(), r = c.getBoundingClientRect();
-      this.classList.contains("h") ? tt(this, $r, "h") : this.classList.contains("v") ? tt(this, $r, "v") : tt(this, $r, Math.abs(o.top - r.top) < 5 ? "h" : "v");
+      this.classList.contains("h") ? tt(this, Lr, "h") : this.classList.contains("v") ? tt(this, Lr, "v") : tt(this, Lr, Math.abs(o.top - r.top) < 5 ? "h" : "v");
     });
     Y(this, Uc, (t) => {
       t.preventDefault(), t.stopPropagation();
-      const l = this.getBoundingClientRect(), c = f(this, $r) === "h", o = c ? t.clientX - l.left : t.clientY - l.top, r = document.createElement("div");
-      r.className = `nx-splitter-drag-bar-${f(this, $r)}`, Object.assign(r.style, {
+      const l = this.getBoundingClientRect(), c = f(this, Lr) === "h", o = c ? t.clientX - l.left : t.clientY - l.top, r = document.createElement("div");
+      r.className = `nx-splitter-drag-bar-${f(this, Lr)}`, Object.assign(r.style, {
         position: "absolute",
         zIndex: "999",
         background: "#666",
@@ -31571,8 +31571,8 @@ class $f extends HTMLElement {
       window.addEventListener("mousemove", b), window.addEventListener("mouseup", g);
     });
     Y(this, Vc, () => {
-      f(this, zc).call(this, this), this.classList.add(f(this, $r));
-      const t = this.innerHTML.trim(), l = `grip-${f(this, $r)}`, c = t === "" ? `<div class="${l}"></div>` : `<div class="${l}"></div><div class="inner-container">${t}</div><div class="${l}"></div>`;
+      f(this, zc).call(this, this), this.classList.add(f(this, Lr));
+      const t = this.innerHTML.trim(), l = `grip-${f(this, Lr)}`, c = t === "" ? `<div class="${l}"></div>` : `<div class="${l}"></div><div class="inner-container">${t}</div><div class="${l}"></div>`;
       this.innerHTML = "";
       const o = document.createElement("template");
       o.innerHTML = `
@@ -31586,7 +31586,7 @@ class $f extends HTMLElement {
       }), f(this, vl).call(this), window.addEventListener("resize", () => f(this, vl).call(this));
     });
     Y(this, vl, () => {
-      const t = f(this, $r) === "h", l = this.parentElement, c = Array.from(l.children).filter((s) => s.tagName.toLowerCase() !== "nx-splitter");
+      const t = f(this, Lr) === "h", l = this.parentElement, c = Array.from(l.children).filter((s) => s.tagName.toLowerCase() !== "nx-splitter");
       if (c.length < 2) return;
       const o = l.getBoundingClientRect(), r = c.reduce((s, e) => {
         const i = t ? e.getBoundingClientRect().width : e.getBoundingClientRect().height;
@@ -31603,7 +31603,7 @@ class $f extends HTMLElement {
     f(this, Vc).call(this);
   }
 }
-$r = new WeakMap(), zc = new WeakMap(), Uc = new WeakMap(), Vc = new WeakMap(), vl = new WeakMap();
+Lr = new WeakMap(), zc = new WeakMap(), Uc = new WeakMap(), Vc = new WeakMap(), vl = new WeakMap();
 customElements.get("nx-splitter") || customElements.define("nx-splitter", $f);
 var wu, Wc;
 class Lf extends HTMLElement {
@@ -32129,7 +32129,7 @@ class zf extends HTMLElement {
 }
 xs = new WeakMap(), Qc = new WeakMap(), Rl = new WeakMap(), Un = new WeakMap(), Ml = new WeakMap(), Il = new WeakMap(), Vn = new WeakMap(), Nl = new WeakMap();
 customElements.get("nx-modal") || customElements.define("nx-modal", zf);
-window.jQuery = window.$ = Hu;
+window.jQuery = window.$ = zu;
 function Xf() {
   customElements.get("nine-grid") || customElements.define("nine-grid", eu);
 }