@ninebone/grid 0.0.49 → 0.0.50

package/dist/nine-grid.js

@@ -657,14 +657,14 @@ class Hu extends HTMLElement {
   }
 }
 customElements.get("nine-grid2") || customElements.define("nine-grid2", Hu);
-var Gn, Kn, Zn, ls, ql;
+var Gn, Kn, Zn, as, ql;
 class Mr extends HTMLElement {
   constructor() {
     super();
     Y(this, Gn);
     Y(this, Kn);
     Y(this, Zn);
-    Y(this, ls);
+    Y(this, as);
     it(this, "getDisplayText", (t) => {
       if (this.cell)
         if (this.cell.closest("tbody")) {
@@ -701,11 +701,11 @@ class Mr extends HTMLElement {
           this.shadowRoot.querySelector("ng-expand-icon").setAttribute("src", r);
         }
       }
-      if (f(this, ls)) {
+      if (f(this, as)) {
         var e = this.getAttribute("button-image") || this.cell.getAttribute("button-image");
         if (e) {
           var r = this.getExprValue(e, c, t);
-          r && ($(f(this, ls)).text(""), $(f(this, ls)).css({
+          r && ($(f(this, as)).text(""), $(f(this, as)).css({
             border: "none",
             "background-color": "transparent",
             "background-image": r.startsWith("<svg") ? `url('data:image/svg+xml;utf8,${r}')` : `url("${r}")`
@@ -803,7 +803,7 @@ class Mr extends HTMLElement {
       }
       if (f(this, Zn)) {
         const s = this.getAttribute("button-text") || this.cell.getAttribute("button-text"), e = this.getAttribute("button-width") || this.cell.getAttribute("button-width"), i = this.getAttribute("button-image") || this.cell.getAttribute("button-image"), u = this.getAttribute("button-position") || this.cell.getAttribute("button-position") || "right-third", a = u.startsWith("left"), h = this.shadowRoot.querySelector(`.ng-${a ? "left" : "right"}`), p = this.shadowRoot.querySelector(`.ng-${a ? "left" : "right"}-first`), m = this.shadowRoot.querySelector(`.ng-${a ? "left" : "right"}-second`), d = this.shadowRoot.querySelector(`.ng-${a ? "left" : "right"}-third`), b = `<ng-expand-button class="ng-${a ? "left" : "right"} ng-${u}"></ng-expand-button>`;
-        if (a ? h && u.endsWith("second") ? m || p ? $(m || p).after(b) : c ? $(c).after(b) : $(this.shadowRoot).prepend(b) : h && u.endsWith("third") ? d || m || p ? $(d || m || p).after(b) : c ? $(c).after(b) : $(this.shadowRoot).prepend(b) : c ? $(c).after(b) : $(this.shadowRoot).prepend(b) : h && u.endsWith("first") ? p || m || d ? $(p || m || d).before(b) : $(this.shadowRoot).append(b) : h && u.endsWith("second") ? m || d ? $(m || d).before(b) : $(this.shadowRoot).append(b) : $(this.shadowRoot).append(b), tt(this, ls, this.shadowRoot.querySelector("ng-expand-button").shadowRoot.querySelector("button")), s && $(f(this, ls)).text(s), e && $(f(this, ls)).css({ width: e }), ["NG-INPUT", "NG-TEXTAREA"].includes(this.tagName) && !i) {
+        if (a ? h && u.endsWith("second") ? m || p ? $(m || p).after(b) : c ? $(c).after(b) : $(this.shadowRoot).prepend(b) : h && u.endsWith("third") ? d || m || p ? $(d || m || p).after(b) : c ? $(c).after(b) : $(this.shadowRoot).prepend(b) : c ? $(c).after(b) : $(this.shadowRoot).prepend(b) : h && u.endsWith("first") ? p || m || d ? $(p || m || d).before(b) : $(this.shadowRoot).append(b) : h && u.endsWith("second") ? m || d ? $(m || d).before(b) : $(this.shadowRoot).append(b) : $(this.shadowRoot).append(b), tt(this, as, this.shadowRoot.querySelector("ng-expand-button").shadowRoot.querySelector("button")), s && $(f(this, as)).text(s), e && $(f(this, as)).css({ width: e }), ["NG-INPUT", "NG-TEXTAREA"].includes(this.tagName) && !i) {
           const g = this.shadowRoot.querySelector("input[type=text],textarea").previousElementSibling, S = this.shadowRoot.querySelector("input[type=text],textarea").nextElementSibling;
           g.tagName == "NG-EXPAND-BUTTON" ? (H.j.querySelectorAll(this.shadowRoot.querySelector("input[type=text],textarea")).addClass("border-left-none"), H.j.querySelectorAll(g).addClass("border-right-none")) : S.tagName == "NG-EXPAND-BUTTON" && (H.j.querySelectorAll(this.shadowRoot.querySelector("input[type=text],textarea")).addClass("border-right-none"), H.j.querySelectorAll(S).addClass("border-left-none"));
         }
@@ -860,7 +860,7 @@ class Mr extends HTMLElement {
     return this.cell.closest("tr").data;
   }
 }
-Gn = new WeakMap(), Kn = new WeakMap(), Zn = new WeakMap(), ls = new WeakMap(), ql = new WeakMap();
+Gn = new WeakMap(), Kn = new WeakMap(), Zn = new WeakMap(), as = new WeakMap(), ql = new WeakMap();
 class ki extends Mr {
   constructor() {
     super();
@@ -887,18 +887,18 @@ class ki extends Mr {
     });
   }
 }
-var Es;
+var Cs;
 class zu extends Mr {
   constructor() {
     super();
-    Y(this, Es);
+    Y(this, Cs);
     it(this, "dataRefresh", (t) => {
-      f(this, Es).innerHTML = this.getDisplayText(this.getAttribute("text"));
+      f(this, Cs).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, Es).getAttribute(o);
-        r && $(f(this, Es)).css({
+        var r = f(this, Cs).getAttribute(o);
+        r && $(f(this, Cs)).css({
           [o]: this.getExprValue(r, c, l)
         });
       }), t || this.reset();
@@ -914,12 +914,12 @@ class zu extends Mr {
 			</style>
 			
 			<button class="button" ${t.join(" ")}>${this.getAttribute("text")}</button>
-		`, super.connectedCallback(), tt(this, Es, this.shadowRoot.querySelector("button")), $(this.cell).on("keydown", (c) => {
-      c.code == "Enter" && $(f(this, Es)).trigger("click");
+		`, super.connectedCallback(), tt(this, Cs, this.shadowRoot.querySelector("button")), $(this.cell).on("keydown", (c) => {
+      c.code == "Enter" && $(f(this, Cs)).trigger("click");
     });
   }
 }
-Es = new WeakMap();
+Cs = new WeakMap();
 customElements.get("ng-button") || customElements.define("ng-button", zu);
 var Ve, Hl, zl, Ul, Vl;
 class Uu {
@@ -970,17 +970,17 @@ class Uu {
   }
 }
 Ve = new WeakMap(), Hl = new WeakMap(), zl = new WeakMap(), Ul = new WeakMap(), Vl = new WeakMap();
-var Xt, Wl, Mi, As, Ts, Ii, Rs, Ni, Jn, Oi, ji, lr, Cu, Eu, Wu, Au, Tu, Ru, Xu, Mu, Qs, $i, Qn, to, eo, ro;
+var Xt, Wl, Mi, Es, As, Ii, Ts, Ni, Jn, Oi, ji, lr, Cu, Eu, Wu, Au, Tu, Ru, Xu, Mu, Qs, $i, Qn, to, eo, ro;
 class Vu {
   constructor(C) {
     Y(this, lr);
     Y(this, Xt);
     Y(this, Wl);
     Y(this, Mi);
+    Y(this, Es);
     Y(this, As);
-    Y(this, Ts);
     Y(this, Ii);
-    Y(this, Rs);
+    Y(this, Ts);
     Y(this, Ni);
     Y(this, Jn);
     Y(this, Oi);
@@ -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, to)), $(".ng-table tbody", f(this, Xt).body).off("keydown", "th,td", f(this, ro)), $(".ng-table tbody", f(this, Xt).body).off("mousedown", "th,td", f(this, eo)), $(".ng-table tbody.bindable", f(this, Xt).body).on("wheel", f(this, to)), $(".ng-table tbody", f(this, Xt).body).on("keydown", "th,td", f(this, ro)), $(".ng-table tbody", f(this, Xt).body).on("mousedown", "th,td", f(this, eo)), f(this, Xt).selection && f(this, Xt).selection.resetEvent();
     });
-    tt(this, Xt, C), tt(this, As, -1), tt(this, Ts, -1), tt(this, Ii, -1), tt(this, Rs, -1), this.resetEvent();
+    tt(this, Xt, C), tt(this, Es, -1), tt(this, As, -1), tt(this, Ii, -1), tt(this, Ts, -1), this.resetEvent();
   }
   get matrixRow() {
-    return f(this, Ts);
+    return f(this, As);
   }
   get col() {
-    return f(this, Rs);
+    return f(this, Ts);
   }
   get currentCell() {
     return f(this, Mi);
@@ -1127,7 +1127,7 @@ class Vu {
     tt(this, Wl, f(this, Mi)), tt(this, Mi, 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, As) / f(this, Xt).template.length), e = parseInt(f(this, As)) % parseInt(f(this, As) / f(this, Xt).template.length), i = f(this, Ii), u = f(this, Jn);
+    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, Ii), u = f(this, Jn);
     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,18 +1151,18 @@ class Vu {
     }
   }
 }
-Xt = new WeakMap(), Wl = new WeakMap(), Mi = new WeakMap(), As = new WeakMap(), Ts = new WeakMap(), Ii = new WeakMap(), Rs = new WeakMap(), Ni = new WeakMap(), Jn = new WeakMap(), Oi = new WeakMap(), ji = new WeakMap(), lr = new WeakSet(), Cu = function() {
-  return f(this, Ts);
+Xt = new WeakMap(), Wl = new WeakMap(), Mi = new WeakMap(), Es = new WeakMap(), As = new WeakMap(), Ii = new WeakMap(), Ts = new WeakMap(), Ni = new WeakMap(), Jn = new WeakMap(), Oi = new WeakMap(), ji = new WeakMap(), lr = new WeakSet(), Cu = function() {
+  return f(this, As);
 }, Eu = function(C) {
-  tt(this, As, f(this, Ts)), tt(this, Ts, parseInt(C));
+  tt(this, Es, f(this, As)), tt(this, As, parseInt(C));
 }, Wu = function() {
   return f(this, Ni);
 }, Au = function(C) {
   tt(this, Jn, f(this, Ni)), tt(this, Ni, parseInt(C));
 }, Tu = function() {
-  return f(this, Rs);
+  return f(this, Ts);
 }, Ru = function(C) {
-  tt(this, Ii, f(this, Rs)), tt(this, Rs, parseInt(C));
+  tt(this, Ii, f(this, Ts)), tt(this, Ts, parseInt(C));
 }, Xu = function() {
   return f(this, ji);
 }, Mu = function(C) {
@@ -1408,11 +1408,11 @@ class Yu {
   }
 }
 kt = new WeakMap(), wr = new WeakMap(), Li = new WeakMap(), Xl = new WeakMap(), so = new WeakMap();
-var Ot, hs, io, no, oo, Ir, ao, lo, cr, ho, Yl, Gl, Kl, Zl, Jl, Ql, co, uo, fo, po;
+var Ot, ls, io, no, oo, Ir, ao, lo, cr, ho, Yl, Gl, Kl, Zl, Jl, Ql, co, uo, fo, po;
 class Gu {
   constructor(C) {
     Y(this, Ot);
-    Y(this, hs);
+    Y(this, ls);
     Y(this, io);
     Y(this, no);
     Y(this, oo);
@@ -1514,7 +1514,7 @@ class Gu {
       });
     });
     Y(this, co, (C) => {
-      clearInterval(f(this, hs)), tt(this, io, C.touches[0].pageX), tt(this, no, C.touches[0].pageX - $(".ng-container-body table", f(this, Ot).body).position().left), tt(this, oo, C.touches[0].pageY), tt(this, Ir, C.touches[0].pageY), tt(this, lo, /* @__PURE__ */ new Date());
+      clearInterval(f(this, ls)), tt(this, io, C.touches[0].pageX), tt(this, no, C.touches[0].pageX - $(".ng-container-body table", f(this, Ot).body).position().left), tt(this, oo, C.touches[0].pageY), tt(this, Ir, C.touches[0].pageY), tt(this, lo, /* @__PURE__ */ new Date());
       const t = f(this, ho).call(this, C.touches[0].pageY);
       t && tt(this, ao, parseInt(t.dataset.row));
     });
@@ -1553,10 +1553,10 @@ class Gu {
       const n = 500, s = parseInt(/* @__PURE__ */ new Date() - f(this, lo));
       if (s > n) return;
       const e = parseInt((n - s) / 1 * ((f(this, Ot).data.count() - f(this, Ot).dataManager.viewRecords.rawIndex) / 1) / (n * 1)), i = f(this, Ot).dataManager.viewRecords.rawIndex + e * (C.changedTouches[0].pageY > f(this, oo) ? -1 : 1);
-      clearInterval(f(this, hs)), i > f(this, Ot).dataManager.viewRecords.rawIndex ? tt(this, hs, setInterval(() => {
-        f(this, Ot).scrollBy(1), f(this, Ot).view.getVisibleLastRow() >= i && clearInterval(f(this, hs));
-      }, 10)) : tt(this, hs, setInterval(() => {
-        f(this, Ot).scrollBy(-1), f(this, Ot).dataManager.viewRecords.rawIndex <= i && clearInterval(f(this, hs));
+      clearInterval(f(this, ls)), i > f(this, Ot).dataManager.viewRecords.rawIndex ? tt(this, ls, setInterval(() => {
+        f(this, Ot).scrollBy(1), f(this, Ot).view.getVisibleLastRow() >= i && clearInterval(f(this, ls));
+      }, 10)) : tt(this, ls, setInterval(() => {
+        f(this, Ot).scrollBy(-1), f(this, Ot).dataManager.viewRecords.rawIndex <= i && clearInterval(f(this, ls));
       }, 10));
     });
     Y(this, po, (C) => {
@@ -1567,7 +1567,7 @@ class Gu {
     tt(this, Ot, C), this.resetEvent();
   }
 }
-Ot = new WeakMap(), hs = new WeakMap(), io = new WeakMap(), no = new WeakMap(), oo = new WeakMap(), Ir = new WeakMap(), ao = new WeakMap(), lo = new WeakMap(), cr = new WeakMap(), ho = new WeakMap(), Yl = new WeakMap(), Gl = new WeakMap(), Kl = new WeakMap(), Zl = new WeakMap(), Jl = new WeakMap(), Ql = new WeakMap(), co = new WeakMap(), uo = new WeakMap(), fo = new WeakMap(), po = new WeakMap();
+Ot = new WeakMap(), ls = new WeakMap(), io = new WeakMap(), no = new WeakMap(), oo = new WeakMap(), Ir = new WeakMap(), ao = new WeakMap(), lo = new WeakMap(), cr = new WeakMap(), ho = new WeakMap(), Yl = new WeakMap(), Gl = new WeakMap(), Kl = new WeakMap(), Zl = new WeakMap(), Jl = new WeakMap(), Ql = new WeakMap(), co = new WeakMap(), uo = new WeakMap(), fo = new WeakMap(), po = new WeakMap();
 var th, eh, Pi, mo, Di;
 class Ku extends Mr {
   constructor() {
@@ -1718,12 +1718,12 @@ class Zu extends ki {
 }
 Bi = new WeakMap(), Fi = new WeakMap(), go = new WeakMap(), qi = new WeakMap(), Hi = new WeakMap();
 customElements.get("ng-checkbox") || customElements.define("ng-checkbox", Zu);
-var ti, Dr, bo, zi, yo, rh;
+var ti, Pr, bo, zi, yo, rh;
 class Ju extends HTMLElement {
   constructor() {
     super();
     Y(this, ti);
-    Y(this, Dr);
+    Y(this, Pr);
     Y(this, bo);
     Y(this, zi);
     Y(this, yo, (t) => {
@@ -1731,15 +1731,15 @@ class Ju extends HTMLElement {
     });
     it(this, "expand", () => {
       if (H.j.querySelectorAll(this).hasClass("expand")) return;
-      $(this).addClass("expand"), f(this, Dr).style.color = f(this, bo);
-      const t = parseInt(f(this, Dr).dataset.col), l = f(this, Dr).colSpan || 1;
+      $(this).addClass("expand"), f(this, Pr).style.color = f(this, bo);
+      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, zi)[c]);
     });
     Y(this, rh, () => {
       if (!H.j.querySelectorAll(this).hasClass("expand")) return;
-      $(this).removeClass("expand"), tt(this, bo, f(this, Dr).style.color), f(this, Dr).style.color = "transparent", tt(this, zi, []);
-      const t = parseInt(f(this, Dr).dataset.col), l = f(this, Dr).colSpan || 1, c = 20 / l;
+      $(this).removeClass("expand"), tt(this, bo, f(this, Pr).style.color), f(this, Pr).style.color = "transparent", tt(this, zi, []);
+      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, zi).push(r.getAttribute("width")), f(this, ti).columns.width(t + o, c);
@@ -1753,10 +1753,10 @@ 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, Dr, this.closest("th,td")), H.j.querySelectorAll(this).addClass("expand"), $(this).off("click", f(this, yo)), $(this).on("click", f(this, yo));
+		`, tt(this, ti, this.getRootNode().host), tt(this, Pr, this.closest("th,td")), H.j.querySelectorAll(this).addClass("expand"), $(this).off("click", f(this, yo)), $(this).on("click", f(this, yo));
   }
 }
-ti = new WeakMap(), Dr = new WeakMap(), bo = new WeakMap(), zi = new WeakMap(), yo = new WeakMap(), rh = new WeakMap();
+ti = new WeakMap(), Pr = new WeakMap(), bo = new WeakMap(), zi = new WeakMap(), yo = new WeakMap(), rh = new WeakMap();
 customElements.get("ng-col-expand") || customElements.define("ng-col-expand", Ju);
 class Qu extends HTMLElement {
   constructor() {
@@ -1834,16 +1834,16 @@ 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);
-var we, Nr, Br, vo, xr, Ui, Fr, wo, lu, xo, hu, _o, So, Vi, Wi, ko;
+var we, Nr, Dr, vo, xr, Ui, Br, wo, lu, xo, hu, _o, So, Vi, Wi, ko;
 class ed {
   constructor(C) {
     Y(this, we);
     Y(this, Nr);
-    Y(this, Br);
+    Y(this, Dr);
     Y(this, vo);
     Y(this, xr);
     Y(this, Ui);
-    Y(this, Fr);
+    Y(this, Br);
     it(this, "resetEvent", () => {
       $(document).off("mouseup", f(this, Vi)), $(".ng-table thead", f(this, we).body).off("mousedown", f(this, _o)), f(this, we).body.querySelectorAll(".ng-table thead").forEach((C) => {
         C.removeEventListener("click", f(this, wo));
@@ -1921,70 +1921,70 @@ class ed {
       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, Wi)), f(this, ko).call(this, C.pageX);
       const o = f(this, we).tableUtils.getElement("thead", f(this, xr).row, C.clientX);
-      f(this, Br).height($(o).height());
+      f(this, Dr).height($(o).height());
     });
     Y(this, Vi, (C) => {
-      if (tt(this, Ui, !1), $(document).off("mousemove", f(this, Wi)), $(document).off("touchmove", f(this, xo)), f(this, Fr) && $(f(this, Fr).target).css({ cursor: f(this, Fr).cursor }), f(this, xr)) {
+      if (tt(this, Ui, !1), $(document).off("mousemove", f(this, Wi)), $(document).off("touchmove", f(this, xo)), f(this, Br) && $(f(this, Br).target).css({ cursor: f(this, Br).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, Fr, null), tt(this, xr, null), f(this, Nr).hide(), f(this, Br).hide();
+      tt(this, Br, null), tt(this, xr, null), f(this, Nr).hide(), f(this, Dr).hide();
     });
     Y(this, Wi, (C) => {
       if (f(this, xr) != null) {
-        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" });
+        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" });
         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, Br).show(), f(this, Br).offset({ left: parseInt(l.left - 1), top: l.top });
+            f(this, Dr).show(), f(this, Dr).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, Br).show(), f(this, Br).offset({ left: parseInt(l.left + $(t).width() - 1), top: l.top });
+            f(this, Dr).show(), f(this, Dr).offset({ left: parseInt(l.left + $(t).width() - 1), top: l.top });
           } else
-            f(this, Br).hide();
+            f(this, Dr).hide();
         f(this, ko).call(this, C.pageX);
       }
     });
     Y(this, ko, (C) => {
       f(this, Nr).offset({ left: C - f(this, vo) });
     });
-    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();
+    tt(this, we, C), $(".ng-container", f(this, we).body).append($("<ng-col-mover-grip></ng-col-mover-grip>").hide()).append($("<ng-col-mover-indi></ng-col-mover-indi>").hide()), tt(this, Nr, $("ng-col-mover-grip", f(this, we).body)), tt(this, Dr, $("ng-col-mover-indi", f(this, we).body)), this.resetEvent();
   }
 }
-we = new WeakMap(), Nr = new WeakMap(), Br = new WeakMap(), vo = new WeakMap(), xr = new WeakMap(), Ui = new WeakMap(), Fr = new WeakMap(), wo = new WeakMap(), lu = new WeakMap(), xo = new WeakMap(), hu = new WeakMap(), _o = new WeakMap(), So = new WeakMap(), Vi = new WeakMap(), Wi = new WeakMap(), ko = new WeakMap();
-var Ie, _r, Sr, Ms, Is, qr, kr, Ns, Os, Co, Eo, Ao, cu, To, sh, Ro, Xi, Yi, Gi, ei, Ki, ih;
+we = new WeakMap(), Nr = new WeakMap(), Dr = new WeakMap(), vo = new WeakMap(), xr = new WeakMap(), Ui = new WeakMap(), Br = new WeakMap(), wo = new WeakMap(), lu = new WeakMap(), xo = new WeakMap(), hu = new WeakMap(), _o = new WeakMap(), So = new WeakMap(), Vi = new WeakMap(), Wi = new WeakMap(), ko = new WeakMap();
+var Ie, _r, Sr, Rs, Ms, Fr, kr, Is, Ns, Co, Eo, Ao, cu, To, sh, Ro, Xi, Yi, Gi, ei, Ki, ih;
 class rd {
   constructor(C) {
     Y(this, Ie);
     Y(this, _r);
     Y(this, Sr);
+    Y(this, Rs);
     Y(this, Ms);
-    Y(this, Is);
-    Y(this, qr);
+    Y(this, Fr);
     Y(this, kr);
-    Y(this, Ns);
-    Y(this, Os, []);
+    Y(this, Is);
+    Y(this, Ns, []);
     it(this, "resetEvent", () => {
       $(".ng-table > thead", f(this, Ie).body).off("mousemove", f(this, Ao)).off("mousedown", f(this, To)).off("dblclick", f(this, Co)), $(document).off("mouseup", f(this, Eo)), $(".ng-table > thead", f(this, Ie).body).on("mousemove", f(this, Ao)).on("mousedown", f(this, To)).on("dblclick", f(this, Co)), $(document).on("mouseup", f(this, Eo));
     });
     it(this, "autoFit", (C) => {
       if (f(this, Ie).body)
         if (C) {
-          f(this, Ie).body.querySelector("ng-hscrollbar").scrollToHome(), tt(this, Os, []);
+          f(this, Ie).body.querySelector("ng-hscrollbar").scrollToHome(), tt(this, Ns, []);
           var t = 0;
           $(".ng-container-body col", f(this, Ie).body).each((c, o) => {
-            f(this, Os).push({ col: o, width: parseInt(o.getAttribute("width")) });
-          }), f(this, Os).forEach((c) => {
+            f(this, Ns).push({ col: o, width: parseInt(o.getAttribute("width")) });
+          }), f(this, Ns).forEach((c) => {
             t += c.width;
           }), $(".ng-container-body > table", f(this, Ie).body).css({ width: "100%", "min-width": "100%" });
           var l = $(".ng-container-body", f(this, Ie).body).width();
-          l != 0 && f(this, Os).forEach((c) => {
+          l != 0 && f(this, Ns).forEach((c) => {
             var o = c.width * l / t;
             c.col.setAttribute("width", o);
           });
         } else
-          $(".ng-container-body > table", f(this, Ie).body).css({ width: "0", "min-width": "0" }), f(this, Os).forEach((c) => {
+          $(".ng-container-body > table", f(this, Ie).body).css({ width: "0", "min-width": "0" }), f(this, Ns).forEach((c) => {
             c.col.setAttribute("width", c.width);
           });
     });
@@ -1992,7 +1992,7 @@ class rd {
       C.target.style.cursor == "col-resize" && f(this, ih).call(this, C);
     });
     Y(this, Eo, (C) => {
-      tt(this, Is, !1);
+      tt(this, Ms, !1);
     });
     Y(this, Ao, (C) => {
       if (!C.target.closest("ng-info") && (C.target = C.target.closest("th,td"), !!C.target && f(this, Ie).getAttribute("col-resizable") == "true" && !(C.altKey || C.ctrlKey || C.shiftkey)))
@@ -2003,14 +2003,14 @@ class rd {
           C.target.style.cursor = "auto";
     });
     Y(this, cu, (C) => {
-      tt(this, Is, !0), setTimeout(() => {
-        f(this, Is) && f(this, sh).call(this, C);
+      tt(this, Ms, !0), setTimeout(() => {
+        f(this, Ms) && f(this, sh).call(this, C);
       }, 500);
     });
     Y(this, To, (C) => {
       const t = C.target.closest("th,td");
-      !t || t.style.cursor != "col-resize" || (tt(this, Is, !0), setTimeout(() => {
-        f(this, Is) && f(this, Ro).call(this, C);
+      !t || t.style.cursor != "col-resize" || (tt(this, Ms, !0), setTimeout(() => {
+        f(this, Ms) && f(this, Ro).call(this, C);
       }, 500));
     });
     Y(this, sh, (C) => {
@@ -2020,15 +2020,15 @@ class rd {
     });
     Y(this, Ro, (C) => {
       if (C.target = C.target.closest("th,td"), !(C.buttons != 1 || C.altKey || C.ctrlKey || C.shiftkey)) {
-        if (tt(this, Ns, !!C.target.closest(".ng-container-right")), C.pageX - $(C.target).offset().left <= 3) {
+        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, Ie).body).not(".dummy")[0];
-          tt(this, qr, f(this, Ie).tableUtils.prev(t)), tt(this, kr, $(t));
+          tt(this, Fr, f(this, Ie).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, Ie).body).not(".dummy")[0];
-          tt(this, qr, $(t)), tt(this, kr, f(this, Ie).tableUtils.next(t));
+          tt(this, Fr, $(t)), tt(this, kr, f(this, Ie).tableUtils.next(t));
         }
-        f(this, _r).show(), f(this, Sr).offset({ top: $(".ng-container-body", f(this, Ie).body).offset().top, left: f(this, kr).offset().left - 1 }), f(this, Sr).height(f(this, Ie).body.querySelector(".ng-container-body").offsetHeight), f(this, Ms).offset({ top: $(".ng-container-body", f(this, Ie).body).offset().top }), f(this, Ki).call(this, C.pageX), $(f(this, _r)).off("mousemove", f(this, Yi)).off("mouseup", f(this, ei)).on("mousemove", f(this, Yi)).on("mouseup", f(this, ei));
+        f(this, _r).show(), f(this, Sr).offset({ top: $(".ng-container-body", f(this, Ie).body).offset().top, left: f(this, kr).offset().left - 1 }), f(this, Sr).height(f(this, Ie).body.querySelector(".ng-container-body").offsetHeight), f(this, Rs).offset({ top: $(".ng-container-body", f(this, Ie).body).offset().top }), f(this, Ki).call(this, C.pageX), $(f(this, _r)).off("mousemove", f(this, Yi)).off("mouseup", f(this, ei)).on("mousemove", f(this, Yi)).on("mouseup", f(this, ei));
       }
     });
     Y(this, Xi, (C) => {
@@ -2043,23 +2043,23 @@ class rd {
     Y(this, ei, (C) => {
       if (!f(this, Sr).is(":visible")) return;
       var t;
-      f(this, Ns) ? 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, Ns) ? f(this, kr)[0].dataset.col : f(this, qr)[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, 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, Ie).columns.width(l, t), $(f(this, _r)).off("mousemove", f(this, Yi)), $(f(this, _r)).off("mouseup", f(this, ei)), f(this, _r).hide();
     });
     Y(this, Ki, (C) => {
-      !f(this, Ns) && C < f(this, qr).offset().left && (C = f(this, qr).offset().left), f(this, Sr).offset({ left: C });
+      !f(this, Is) && 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, Ns) ? (c = f(this, kr).width() + f(this, kr).offset().left - f(this, Sr).offset().left, o = c < 10 ? 10 : c - 1, l = parseInt(f(this, kr).width() + f(this, kr).offset().left - f(this, Sr).offset().left)) : (c = parseInt(t - f(this, qr).offset().left), o = c, l = parseInt(t - f(this, qr).offset().left + 1), t = t - o), l <= 1 && (l = 0), f(this, Ms).offset({ left: t }), f(this, Ms).width(o), f(this, Ms).find("span").text(l);
+      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);
     });
     Y(this, ih, (C) => {
       var t = C.target.closest("th,td"), l = f(this, Ie).tableUtils.prev(t), c = f(this, Ie).tableUtils.next(t), o = f(this, Ie).getBand(t.dataset.col) == H.BAND.RIGHT ? C.offsetX <= 2 ? $(t) : c : C.offsetX <= 2 ? l : $(t);
       f(this, Ie).setColumnWidthFit(o[0].dataset.col);
     });
-    tt(this, Ie, 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, Ie).body).append(f(this, _r)), tt(this, Sr, f(this, _r).find(".grip")), tt(this, Ms, f(this, _r).find(".tooltip")), this.resetEvent();
+    tt(this, Ie, 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, Ie).body).append(f(this, _r)), tt(this, Sr, f(this, _r).find(".grip")), tt(this, Rs, f(this, _r).find(".tooltip")), this.resetEvent();
   }
 }
-Ie = new WeakMap(), _r = new WeakMap(), Sr = new WeakMap(), Ms = new WeakMap(), Is = new WeakMap(), qr = new WeakMap(), kr = new WeakMap(), Ns = new WeakMap(), Os = new WeakMap(), Co = new WeakMap(), Eo = new WeakMap(), Ao = new WeakMap(), cu = new WeakMap(), To = new WeakMap(), sh = new WeakMap(), Ro = new WeakMap(), Xi = new WeakMap(), Yi = new WeakMap(), Gi = new WeakMap(), ei = new WeakMap(), Ki = new WeakMap(), ih = new WeakMap();
+Ie = 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(), Co = new WeakMap(), Eo = new WeakMap(), Ao = new WeakMap(), cu = new WeakMap(), To = new WeakMap(), sh = new WeakMap(), Ro = new WeakMap(), Xi = new WeakMap(), Yi = new WeakMap(), Gi = new WeakMap(), ei = new WeakMap(), Ki = new WeakMap(), ih = new WeakMap();
 var ue, ri, Or, Zi, Mo, nh;
 class sd {
   constructor(C) {
@@ -2260,7 +2260,7 @@ class sd {
   }
 }
 ue = new WeakMap(), ri = new WeakMap(), Or = new WeakMap(), Zi = new WeakMap(), Mo = new WeakMap(), nh = new WeakMap();
-var oh, Ji, Le, rr, Io, js, si, Qi, ah, lh, hh, ch, uu;
+var oh, Ji, Le, rr, Io, Os, si, Qi, ah, lh, hh, ch, uu;
 class id extends ki {
   constructor() {
     super();
@@ -2269,7 +2269,7 @@ class id extends ki {
     Y(this, Le);
     Y(this, rr);
     Y(this, Io);
-    Y(this, js);
+    Y(this, Os);
     Y(this, si);
     Y(this, Qi);
     it(this, "dataRefresh", (t) => {
@@ -2279,7 +2279,7 @@ class id extends ki {
       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, rr).findIndex((o) => l == o[f(this, js)]);
+        var c = f(this, rr).findIndex((o) => l == o[f(this, Os)]);
         if (c < 0) return !1;
       }
       return !0;
@@ -2293,7 +2293,7 @@ class id extends ki {
     });
     Y(this, hh, (t) => {
       if (console.log(f(this, rr)), !!f(this, rr)) {
-        console.log(f(this, rr)), f(this, Le).col = this.cell.dataset.col, f(this, Le).row = this.cell.closest("tr").sectionRowIndex, f(this, rr).length > f(this, oh) ? H.j.querySelectorAll(f(this, Le)).addClass("expand") : H.j.querySelectorAll(f(this, Le)).removeClass("expand"), this.multi ? H.j.querySelectorAll(f(this, Le)).addClass("multi") : H.j.querySelectorAll(f(this, Le)).removeClass("multi"), f(this, Le).refresh(this, f(this, rr), f(this, js), f(this, Qi));
+        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, oh) ? 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, Os), f(this, Qi));
         var l = $(".btn1", this.shadowRoot).offset().left - $(this.owner).offset().left;
         l + $(f(this, Le)).width() > $(this.owner).width() && (l = $(".btn2", this.shadowRoot).offset().left - $(this.owner).offset().left - $(f(this, Le)).width() + 8), l < 0 && (l = 0);
         var c = Math.min(f(this, rr).length, f(this, Io)) * 26;
@@ -2315,12 +2315,12 @@ class id extends ki {
     Y(this, uu, () => "a");
   }
   connectedCallback() {
-    this.multi = this.getAttribute("multi") == "true", this.multiSeparator = this.getAttribute("multi-separator") || ",", tt(this, Io, this.getAttribute("rows") || 5), tt(this, js, this.getAttribute("code") || "code"), tt(this, si, this.getAttribute("codename") || "codename"), tt(this, Qi, (this.getAttribute("items") || f(this, si) || "").split(",")), f(this, Qi).unshift("CHK");
+    this.multi = this.getAttribute("multi") == "true", this.multiSeparator = this.getAttribute("multi-separator") || ",", tt(this, Io, this.getAttribute("rows") || 5), tt(this, Os, this.getAttribute("code") || "code"), tt(this, si, this.getAttribute("codename") || "codename"), tt(this, Qi, (this.getAttribute("items") || f(this, si) || "").split(",")), f(this, Qi).unshift("CHK");
     var t = this.querySelector("datalist");
     t && (tt(this, rr, []), t.querySelectorAll("option").forEach((n) => {
-      const s = n.getAttribute(f(this, js)), e = n.getAttribute(f(this, si));
+      const s = n.getAttribute(f(this, Os)), e = n.getAttribute(f(this, si));
       s && e && f(this, rr).push({
-        [f(this, js)]: s,
+        [f(this, Os)]: s,
         [f(this, si)]: e
       });
     })), this.shadowRoot.innerHTML = `
@@ -2345,14 +2345,14 @@ class id extends ki {
     return f(this, rr);
   }
 }
-oh = new WeakMap(), Ji = new WeakMap(), Le = new WeakMap(), rr = new WeakMap(), Io = new WeakMap(), js = new WeakMap(), si = new WeakMap(), Qi = new WeakMap(), ah = new WeakMap(), lh = new WeakMap(), hh = new WeakMap(), ch = new WeakMap(), uu = new WeakMap();
-var No, Pe, $s, ii, tn, uh, Oo, dh, jo, en, du, fh, ph;
+oh = new WeakMap(), Ji = new WeakMap(), Le = new WeakMap(), rr = new WeakMap(), Io = new WeakMap(), Os = new WeakMap(), si = new WeakMap(), Qi = new WeakMap(), ah = new WeakMap(), lh = new WeakMap(), hh = new WeakMap(), ch = new WeakMap(), uu = new WeakMap();
+var No, Pe, js, ii, tn, uh, Oo, dh, jo, en, du, fh, ph;
 class nd extends HTMLElement {
   constructor() {
     super();
     Y(this, No);
     Y(this, Pe);
-    Y(this, $s);
+    Y(this, js);
     Y(this, ii);
     Y(this, tn);
     Y(this, uh, () => {
@@ -2369,7 +2369,7 @@ class nd extends HTMLElement {
     });
     Y(this, jo, (t) => {
       var l = this.shadowRoot.querySelector("nine-grid"), c = l.data.getValidData();
-      const o = l.fields.indexOf("CHK"), r = l.fields.indexOf(f(this, $s));
+      const o = l.fields.indexOf("CHK"), r = l.fields.indexOf(f(this, js));
       var n = [];
       c.forEach((e) => {
         e.v[o] == "Y" && n.push(e.v[r]);
@@ -2380,7 +2380,7 @@ class nd extends HTMLElement {
     Y(this, en, (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, $s)], 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, js)], this.row = this.col = -1, $(this).hide(), f(this, Pe).getRootNode().host.cell.currentCell = f(this, Pe).closest("th,td");
       }
     });
     Y(this, du, (t) => {
@@ -2409,7 +2409,7 @@ class nd 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, tn, o), $(".ng-table tbody", r.body).off("click", "th,td", f(this, en)), $(".ng-table tbody", r.body).on("click", "th,td", f(this, en)), tt(this, Pe, t), tt(this, $s, c), $("th,td", r.template).each((i, u) => {
+      $(this.shadowRoot).find("input[type=text]").val(""), $("input[type=checkbox]", this).prop("checked", !0), tt(this, tn, o), $(".ng-table tbody", r.body).off("click", "th,td", f(this, en)), $(".ng-table tbody", r.body).on("click", "th,td", f(this, en)), tt(this, Pe, t), tt(this, js, c), $("th,td", r.template).each((i, u) => {
         $(u).hide();
       }), $("thead th", r).each((i, u) => {
         $(u).hide();
@@ -2429,12 +2429,12 @@ class nd 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, $s));
+        const i = r.fields.indexOf("CHK"), u = r.fields.indexOf(f(this, js));
         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, $s));
+        var e = r.fields.indexOf(f(this, js));
         r.row.at = r.data.getValidData().findIndex((i) => f(this, Pe).value == i.v[e]);
       }
       setTimeout(() => {
@@ -2517,10 +2517,10 @@ class nd extends HTMLElement {
 		`, f(this, uh).call(this);
   }
 }
-No = new WeakMap(), Pe = new WeakMap(), $s = new WeakMap(), ii = new WeakMap(), tn = new WeakMap(), uh = new WeakMap(), Oo = new WeakMap(), dh = new WeakMap(), jo = new WeakMap(), en = new WeakMap(), du = new WeakMap(), fh = new WeakMap(), ph = new WeakMap();
+No = new WeakMap(), Pe = new WeakMap(), js = new WeakMap(), ii = new WeakMap(), tn = new WeakMap(), uh = new WeakMap(), Oo = new WeakMap(), dh = new WeakMap(), jo = new WeakMap(), en = new WeakMap(), du = new WeakMap(), fh = new WeakMap(), ph = new WeakMap();
 customElements.get("ng-combo") || customElements.define("ng-combo", id);
 customElements.get("ng-combo-panel") || customElements.define("ng-combo-panel", nd);
-var rn, $o, sn, ni, nn, Yr, mh, Lo, gh;
+var rn, $o, sn, ni, nn, Xr, mh, Lo, gh;
 class od {
   constructor(C) {
     Y(this, rn);
@@ -2528,20 +2528,20 @@ class od {
     Y(this, sn);
     Y(this, ni);
     Y(this, nn);
-    Y(this, Yr);
+    Y(this, Xr);
     it(this, "openMenu", (C, t) => {
-      var l = $(f(this, Yr)).css("font"), c = 150;
+      var l = $(f(this, Xr)).css("font"), c = 150;
       for (const o of f(this, sn))
         c = Math.max(c, H.measureTextSize(o.name, l).width + 60);
-      $(f(this, Yr)).css({
+      $(f(this, Xr)).css({
         width: c,
         top: t,
         left: C
         //"z-index"	: 2,
-      }), f(this, Yr).open(), f(this, ni) && f(this, ni).show && f(this, ni).show.call(this, { source: f(this, $o) });
+      }), f(this, Xr).open(), f(this, ni) && f(this, ni).show && f(this, ni).show.call(this, { source: f(this, $o) });
     });
     Y(this, mh, (C) => {
-      tt(this, sn, f(this, Lo).call(this, C.items, 0)), tt(this, ni, C.events), tt(this, Yr, $(`<ng-context-menu-panel id="${C.id}"></ng-context-menu-panel>`)[0]), $(f(this, rn).shadowRoot).append($(f(this, Yr)).hide()), f(this, Yr).init(f(this, sn)), $("li", f(this, Yr)).on("mousedown", (t) => {
+      tt(this, sn, f(this, Lo).call(this, C.items, 0)), tt(this, ni, C.events), tt(this, Xr, $(`<ng-context-menu-panel id="${C.id}"></ng-context-menu-panel>`)[0]), $(f(this, rn).shadowRoot).append($(f(this, Xr)).hide()), f(this, Xr).init(f(this, sn)), $("li", f(this, Xr)).on("mousedown", (t) => {
         C.callback && (t.menuId = t.currentTarget.getAttribute("menu-id"), t.source = f(this, $o), C.callback(t)), $("ng-context-menu-panel", f(this, rn).shadowRoot).hide();
       });
     });
@@ -2563,7 +2563,7 @@ class od {
     tt(this, nn, 0), tt(this, rn, C.owner), f(this, mh).call(this, C);
   }
 }
-rn = new WeakMap(), $o = new WeakMap(), sn = new WeakMap(), ni = new WeakMap(), nn = new WeakMap(), Yr = new WeakMap(), mh = new WeakMap(), Lo = new WeakMap(), gh = new WeakMap();
+rn = new WeakMap(), $o = new WeakMap(), sn = new WeakMap(), ni = new WeakMap(), nn = new WeakMap(), Xr = new WeakMap(), mh = new WeakMap(), Lo = new WeakMap(), gh = new WeakMap();
 var Po, bh;
 class ad extends HTMLElement {
   constructor() {
@@ -2605,7 +2605,7 @@ class ad extends HTMLElement {
 }
 Po = new WeakMap(), bh = new WeakMap();
 customElements.get("ng-context-menu-panel") || customElements.define("ng-context-menu-panel", ad);
-var Hr, Do, yh, vh, wh;
+var qr, Do, yh, vh, wh;
 class ld {
   /**
    * focus event, keyboard event, mouse event : common.js
@@ -2614,60 +2614,60 @@ class ld {
    * ninegrid.EVENT.ROW_POS_CHANGED, ninegrid.EVENT.CELL_POS_CHANGED : ngCellManager.js
    */
   constructor(C) {
-    Y(this, Hr);
+    Y(this, qr);
     Y(this, Do, () => {
-      $(".ng-table tbody", f(this, Hr).shadowRoot).on("click", "th,td", f(this, yh)), $(".ng-table thead", f(this, Hr).shadowRoot).on("click", "th,td", f(this, vh)), $(".ng-table tfoot", f(this, Hr).shadowRoot).on("click", "th,td", f(this, wh));
+      $(".ng-table tbody", f(this, qr).shadowRoot).on("click", "th,td", f(this, yh)), $(".ng-table thead", f(this, qr).shadowRoot).on("click", "th,td", f(this, vh)), $(".ng-table tfoot", f(this, qr).shadowRoot).on("click", "th,td", f(this, wh));
     });
     Y(this, yh, (C) => {
       if (![1, 2].includes(C.detail)) return;
       const t = ["altKey", "ctrlKey", "shiftKey", "clientX", "clientY", "offsetX", "offsetY", "pageX", "pageY", "screenX", "screenY", "button", "buttons", "whitch"], l = C.target.closest("th,td"), c = C.detail == 1 ? H.EVENT.CELL_CLICK : H.EVENT.CELL_DBL_CLICK, o = new CustomEvent(c, { bubbles: !0, composed: !0, detail: { target: l } });
-      o.col = l.dataset.col, o.row = l.dataset.row, o.subrow = parseInt(l.dataset.matrixRow) % parseInt(l.dataset.row), o.bind = l.dataset.bind, H.copyProperty(o, C, t), f(this, Hr).dispatchEvent(o);
+      o.col = l.dataset.col, o.row = l.dataset.row, o.subrow = parseInt(l.dataset.matrixRow) % parseInt(l.dataset.row), o.bind = l.dataset.bind, H.copyProperty(o, C, t), f(this, qr).dispatchEvent(o);
     });
     Y(this, vh, (C) => {
       if (![1, 2].includes(C.detail)) return;
       const t = ["altKey", "ctrlKey", "shiftKey", "clientX", "clientY", "offsetX", "offsetY", "pageX", "pageY", "screenX", "screenY", "button", "buttons", "whitch"], l = C.target.closest("th,td"), c = C.detail == 1 ? H.EVENT.HEADCELL_CLICK : H.EVENT.HEADCELL_DBL_CLICK, o = new CustomEvent(c, { bubbles: !0, composed: !0, detail: { target: l } });
-      o.col = l.dataset.col, H.copyProperty(o, C, t), f(this, Hr).dispatchEvent(o);
+      o.col = l.dataset.col, H.copyProperty(o, C, t), f(this, qr).dispatchEvent(o);
     });
     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.FOOTCELL_CLICK : H.EVENT.FOOTCELL_DBL_CLICK, o = new CustomEvent(c, { bubbles: !0, composed: !0, detail: { target: l } });
-      o.col = l.dataset.col, H.copyProperty(o, C, t), f(this, Hr).dispatchEvent(o);
+      o.col = l.dataset.col, H.copyProperty(o, C, t), f(this, qr).dispatchEvent(o);
     });
-    tt(this, Hr, C), f(this, Do).call(this), f(this, Hr).addEventListener(H.EVENT.LAYOUT_CHANGED, (t) => {
+    tt(this, qr, C), f(this, Do).call(this), f(this, qr).addEventListener(H.EVENT.LAYOUT_CHANGED, (t) => {
       f(this, Do).call(this);
     });
   }
 }
-Hr = new WeakMap(), Do = new WeakMap(), yh = new WeakMap(), vh = new WeakMap(), wh = new WeakMap();
+qr = new WeakMap(), Do = new WeakMap(), yh = new WeakMap(), vh = new WeakMap(), wh = new WeakMap();
 class hd extends Fu.constructor {
   constructor() {
     super(), this.init("nine-grid", "green");
   }
 }
-const Lr = new hd();
-var Gr, Bo, cs;
+const Wr = new hd();
+var Yr, Bo, hs;
 class cd {
   constructor(C) {
-    Y(this, Gr);
+    Y(this, Yr);
     Y(this, Bo);
-    Y(this, cs);
-    it(this, "count", () => f(this, Gr).rawRecords.length);
-    it(this, "has", (C) => f(this, Gr).data.filter(C).length > 0);
-    it(this, "first", (C) => (f(this, Gr).data.first(C).__ng || { rowidx: -1 }).rowidx);
-    it(this, "last", (C) => (f(this, Gr).data.last(C).__ng || { rowidx: -1 }).rowidx);
-    tt(this, Gr, C), tt(this, Bo, -1), tt(this, cs, -1);
+    Y(this, hs);
+    it(this, "count", () => f(this, Yr).rawRecords.length);
+    it(this, "has", (C) => f(this, Yr).data.filter(C).length > 0);
+    it(this, "first", (C) => (f(this, Yr).data.first(C).__ng || { rowidx: -1 }).rowidx);
+    it(this, "last", (C) => (f(this, Yr).data.last(C).__ng || { rowidx: -1 }).rowidx);
+    tt(this, Yr, C), tt(this, Bo, -1), tt(this, hs, -1);
   }
   get at() {
-    return f(this, cs);
+    return f(this, hs);
   }
   set at(C) {
-    tt(this, Bo, f(this, cs)), tt(this, cs, parseInt(C)), f(this, Gr).owner.body.querySelector(`tbody.bindable tr[data-row="${f(this, cs)}"]`) || setTimeout(() => {
-      f(this, Gr).owner.scrollTo_V1(f(this, cs));
+    tt(this, Bo, f(this, hs)), tt(this, hs, parseInt(C)), f(this, Yr).owner.body.querySelector(`tbody.bindable tr[data-row="${f(this, hs)}"]`) || setTimeout(() => {
+      f(this, Yr).owner.scrollTo_V1(f(this, hs));
     });
   }
 }
-Gr = new WeakMap(), Bo = new WeakMap(), cs = new WeakMap();
-var He, Dt, $e, Cr, oi, Ls, on, Fo, an, qo, Ho, xh, zo, Uo, ln, hn, Vo, Wo, Xo;
+Yr = new WeakMap(), Bo = new WeakMap(), hs = new WeakMap();
+var He, Dt, $e, Cr, oi, $s, on, Fo, an, qo, Ho, xh, zo, Uo, ln, hn, Vo, Wo, Xo;
 class ud {
   constructor(C, t) {
     Y(this, He);
@@ -2675,16 +2675,16 @@ class ud {
     Y(this, $e);
     Y(this, Cr);
     Y(this, oi);
-    Y(this, Ls);
+    Y(this, $s);
     it(this, "initialize", () => {
-      tt(this, Ls, []), $(f(this, He).template).each((C, t) => {
-        f(this, Ls).push($(t).height());
+      tt(this, $s, []), $(f(this, He).template).each((C, t) => {
+        f(this, $s).push($(t).height());
       }), (f(this, Dt).rawRecords || []).forEach((C) => {
-        C.__ng.height = f(this, Ls).slice();
+        C.__ng.height = f(this, $s).slice();
       });
     });
     it(this, "set", (C) => {
-      Lr.log("ngData.set"), this.clear(), this.add(C, !1);
+      Wr.log("ngData.set"), this.clear(), this.add(C, !1);
       const t = () => {
         var l, c, o, r;
         (c = (l = f(this, Dt)) == null ? void 0 : l.owner) != null && c.matrix ? (r = (o = f(this, Dt)) == null ? void 0 : o.owner) == null || r.matrix.updateCumulativeHeights() : setTimeout(t, 50);
@@ -3199,7 +3199,7 @@ class ud {
     return this.conv2(f(this, Dt).rawRecords);
   }
   set source(C) {
-    this.clear(), this.add(C, !1), Lr.log("ngData.source", C);
+    this.clear(), this.add(C, !1), Wr.log("ngData.source", C);
     const t = () => {
       var l, c, o, r;
       (c = (l = f(this, Dt)) == null ? void 0 : l.owner) != null && c.matrix ? (r = (o = f(this, Dt)) == null ? void 0 : o.owner) == null || r.matrix.updateCumulativeHeights() : setTimeout(t, 50);
@@ -3219,7 +3219,7 @@ class ud {
       expand: !0,
       visible: !0,
       paging: !0,
-      height: f(this, Ls).slice(),
+      height: f(this, $s).slice(),
       o: {},
       //origin value
       c: {},
@@ -3249,7 +3249,7 @@ class ud {
         // PAGING
         !1,
         // DELETED
-        f(this, Ls).slice(),
+        f(this, $s).slice(),
         // HEIGHT
         -1,
         // ORIGIN_ORDER
@@ -3267,11 +3267,11 @@ class ud {
     delete f(this, Dt).rawRecords, tt(this, $e, []), tt(this, Cr, []), f(this, Dt).rawRecords = [], f(this, Dt).viewRecords.reset();
   }
 }
-He = new WeakMap(), Dt = new WeakMap(), $e = new WeakMap(), Cr = new WeakMap(), oi = new WeakMap(), Ls = new WeakMap(), on = new WeakMap(), Fo = new WeakMap(), an = new WeakMap(), qo = new WeakMap(), Ho = new WeakMap(), xh = new WeakMap(), zo = new WeakMap(), Uo = new WeakMap(), ln = new WeakMap(), hn = new WeakMap(), Vo = new WeakMap(), Wo = new WeakMap(), Xo = new WeakMap();
+He = new WeakMap(), Dt = new WeakMap(), $e = new WeakMap(), Cr = new WeakMap(), oi = new WeakMap(), $s = new WeakMap(), on = new WeakMap(), Fo = new WeakMap(), an = new WeakMap(), qo = new WeakMap(), Ho = new WeakMap(), xh = new WeakMap(), zo = new WeakMap(), Uo = new WeakMap(), ln = new WeakMap(), hn = new WeakMap(), Vo = new WeakMap(), Wo = new WeakMap(), Xo = new WeakMap();
 class dd {
   constructor(C) {
     this.owner = C, this.row = new cd(this), this.data = new ud(C, this), this.setDataSource = (l) => {
-      Lr.log(l), this.data && this.data.reset(), this.pageCnt = 25, this.rawRecords = [], this.viewRecords = [], this.delRecords = [], this.viewRecords.touch = () => {
+      Wr.log(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) => {
         this.pageCnt = c;
@@ -21674,9 +21674,9 @@ function bd() {
               return st === pt || (st == null || pt == null || !le(st) && !Fe(pt) ? st != st && pt != pt : (function(Et, Rt, fe, oe, he, Jt) {
                 var ke = Zt(Et), Ce = Zt(Rt), Re = "[object Array]", De = "[object Array]";
                 ke || (Re = (Re = me(Et)) == r ? s : Re), Ce || (De = (De = me(Rt)) == r ? s : De);
-                var Qe = Re == s && !q(Et), hr = De == s && !q(Rt), Pr = Re == De;
-                if (Pr && !Qe) return Jt || (Jt = new Ht()), ke || Xe(Et) ? Me(Et, Rt, fe, oe, he, Jt) : (function(Ee, be, Ss, Js, Nl, vr, as) {
-                  switch (Ss) {
+                var Qe = Re == s && !q(Et), hr = De == s && !q(Rt), Lr = Re == De;
+                if (Lr && !Qe) return Jt || (Jt = new Ht()), ke || Xe(Et) ? Me(Et, Rt, fe, oe, he, Jt) : (function(Ee, be, _s, Js, Nl, vr, os) {
+                  switch (_s) {
                     case "[object DataView]":
                       if (Ee.byteLength != be.byteLength || Ee.byteOffset != be.byteOffset) return !1;
                       Ee = Ee.buffer, be = be.buffer;
@@ -21692,15 +21692,15 @@ function bd() {
                     case "[object String]":
                       return Ee == be + "";
                     case n:
-                      var ks = A;
+                      var Ss = A;
                     case e:
                       var Wn = 2 & vr;
-                      if (ks || (ks = M), Ee.size != be.size && !Wn) return !1;
-                      var Ol = as.get(Ee);
+                      if (Ss || (Ss = M), Ee.size != be.size && !Wn) return !1;
+                      var Ol = os.get(Ee);
                       if (Ol) return Ol == be;
-                      vr |= 1, as.set(Ee, be);
-                      var Ti = Me(ks(Ee), ks(be), Js, Nl, vr, as);
-                      return as.delete(Ee), Ti;
+                      vr |= 1, os.set(Ee, be);
+                      var Ti = Me(Ss(Ee), Ss(be), Js, Nl, vr, os);
+                      return os.delete(Ee), Ti;
                     case "[object Symbol]":
                       if (bt) return bt.call(Ee) == bt.call(be);
                   }
@@ -21713,26 +21713,26 @@ function bd() {
                     return Jt || (Jt = new Ht()), fe(Ei, Ai, oe, he, Jt);
                   }
                 }
-                return Pr ? (Jt || (Jt = new Ht()), (function(Ee, be, Ss, Js, Nl, vr) {
-                  var as = 2 & Nl, ks = Ye(Ee), Wn = ks.length, Ol = Ye(be).length;
-                  if (Wn != Ol && !as) return !1;
+                return Lr ? (Jt || (Jt = new Ht()), (function(Ee, be, _s, Js, Nl, vr) {
+                  var os = 2 & Nl, Ss = Ye(Ee), Wn = Ss.length, Ol = Ye(be).length;
+                  if (Wn != Ol && !os) return !1;
                   for (var Ti = Wn; Ti--; ) {
-                    var Cs = ks[Ti];
-                    if (!(as ? Cs in be : X.call(be, Cs))) return !1;
+                    var ks = Ss[Ti];
+                    if (!(os ? ks in be : X.call(be, ks))) return !1;
                   }
                   var wu = vr.get(Ee);
                   if (wu && vr.get(be)) return wu == be;
                   var jl = !0;
                   vr.set(Ee, be), vr.set(be, Ee);
-                  for (var tu = as; ++Ti < Wn; ) {
-                    Cs = ks[Ti];
-                    var $l = Ee[Cs], Ll = be[Cs];
-                    if (Js) var xu = as ? Js(Ll, $l, Cs, be, Ee, vr) : Js($l, Ll, Cs, Ee, be, vr);
-                    if (!(xu === void 0 ? $l === Ll || Ss($l, Ll, Js, Nl, vr) : xu)) {
+                  for (var tu = os; ++Ti < Wn; ) {
+                    ks = Ss[Ti];
+                    var $l = Ee[ks], Ll = be[ks];
+                    if (Js) var xu = os ? Js(Ll, $l, ks, be, Ee, vr) : Js($l, Ll, ks, Ee, be, vr);
+                    if (!(xu === void 0 ? $l === Ll || _s($l, Ll, Js, Nl, vr) : xu)) {
                       jl = !1;
                       break;
                     }
-                    tu || (tu = Cs == "constructor");
+                    tu || (tu = ks == "constructor");
                   }
                   if (jl && !tu) {
                     var Pl = Ee.constructor, Dl = be.constructor;
@@ -21787,8 +21787,8 @@ function bd() {
                       if (Ce[2]) {
                         if (De === void 0 && !(Re in Rt)) return !1;
                       } else {
-                        var hr = new Ht(), Pr;
-                        if (!(Pr === void 0 ? _e(Qe, De, he, 3, hr) : Pr)) return !1;
+                        var hr = new Ht(), Lr;
+                        if (!(Lr === void 0 ? _e(Qe, De, he, 3, hr) : Lr)) return !1;
                       }
                     }
                     return !0;
@@ -21827,8 +21827,8 @@ function bd() {
                   break;
                 }
                 if (Ce) {
-                  if (!W(pt, (function(hr, Pr) {
-                    if (!Ce.has(Pr) && (Re === hr || wt(Re, hr, _t, Bt, Et))) return Ce.add(Pr);
+                  if (!W(pt, (function(hr, Lr) {
+                    if (!Ce.has(Lr) && (Re === hr || wt(Re, hr, _t, Bt, Et))) return Ce.add(Lr);
                   }))) {
                     ke = !1;
                     break;
@@ -22125,8 +22125,8 @@ function bd() {
                     var hr = Ce[Qe];
                     if (!(ke ? hr in Rt : w.call(Rt, hr))) return !1;
                   }
-                  var Pr = Jt.get(Et);
-                  if (Pr && Jt.get(Rt)) return Pr == Rt;
+                  var Lr = Jt.get(Et);
+                  if (Lr && Jt.get(Rt)) return Lr == Rt;
                   var Zs = !0;
                   Jt.set(Et, Rt), Jt.set(Rt, Et);
                   for (var Ci = ke; ++Qe < Re; ) {
@@ -22140,8 +22140,8 @@ function bd() {
                     Ci || (Ci = hr == "constructor");
                   }
                   if (Zs && !Ci) {
-                    var be = Et.constructor, Ss = Rt.constructor;
-                    be == Ss || !("constructor" in Et) || !("constructor" in Rt) || typeof be == "function" && be instanceof be && typeof Ss == "function" && Ss instanceof Ss || (Zs = !1);
+                    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);
                   }
                   return Jt.delete(Et), Jt.delete(Rt), Zs;
                 })(Mt, ee, Zt, Vt, ie, re)) : !1;
@@ -26473,13 +26473,13 @@ use chrome, FireFox or Internet Explorer 11`);
 }
 var yd = bd();
 const vd = /* @__PURE__ */ gd(yd);
-var Ne, Yo, cn, us;
+var Ne, Yo, cn, cs;
 class wd {
   constructor(C, t) {
     Y(this, Ne);
     Y(this, Yo);
     Y(this, cn);
-    Y(this, us);
+    Y(this, cs);
     it(this, "export", () => {
       var C = {
         fileName: (f(this, Ne).getAttribute("caption") || "export").replace(/[`~!@#$%^&*|\\\'\";:\/?]/gi, ""),
@@ -26564,7 +26564,7 @@ class wd {
           });
         });
       };
-      $(f(this, cn)).html("generate..."), f(this, us).setAttribute("max", f(this, Ne).data.count()), f(this, us).setAttribute("value", 0);
+      $(f(this, cn)).html("generate..."), f(this, cs).setAttribute("max", f(this, Ne).data.count()), f(this, cs).setAttribute("value", 0);
       const n = new vd.Workbook(), s = n.addWorksheet("Sheet1");
       var e = 0;
       s.getColumn(++e).width = 10, $(".col-indicator-rowgroup .col-indicator:not(.dummy)", f(this, Ne).body).not(".first").not(".last").each((p, m) => {
@@ -26617,10 +26617,10 @@ class wd {
       });
       for (var i = f(this, Ne).data.getValidData(), u = 0, a = 0; a < i.length; a++)
         setTimeout(() => {
-          r(u++), f(this, us).setAttribute("value", u + 1), $(f(this, cn)).html(u + 1 >= i.length ? "downloading..." : "processing... " + u.toLocaleString() + " / " + i.length.toLocaleString());
+          r(u++), f(this, cs).setAttribute("value", u + 1), $(f(this, cn)).html(u + 1 >= i.length ? "downloading..." : "processing... " + u.toLocaleString() + " / " + i.length.toLocaleString());
         });
       var h = setInterval(() => {
-        parseInt(f(this, us).getAttribute("value")) >= parseInt(f(this, us).getAttribute("max")) && (clearInterval(h), setTimeout(() => {
+        parseInt(f(this, cs).getAttribute("value")) >= parseInt(f(this, cs).getAttribute("max")) && (clearInterval(h), setTimeout(() => {
           l(n, t).then((p) => {
           }), C.afterFunc && C.afterFunc.call(f(this, Ne));
         }), setTimeout(() => {
@@ -26631,10 +26631,10 @@ class wd {
     it(this, "exportPdf", () => {
       console.log("exportPdf");
     });
-    tt(this, Ne, C), tt(this, Yo, t), tt(this, cn, t.querySelector("#message-box")), tt(this, us, t.querySelector("#progress-bar"));
+    tt(this, Ne, C), tt(this, Yo, t), tt(this, cn, t.querySelector("#message-box")), tt(this, cs, t.querySelector("#progress-bar"));
   }
 }
-Ne = new WeakMap(), Yo = new WeakMap(), cn = new WeakMap(), us = new WeakMap();
+Ne = new WeakMap(), Yo = new WeakMap(), cn = new WeakMap(), cs = new WeakMap();
 var ai, un, Go, fu, pu, _h;
 class Iu extends HTMLElement {
   constructor() {
@@ -26774,51 +26774,51 @@ class _d extends HTMLElement {
   }
 }
 kh = new WeakMap();
-var dn, ds, zr, fs, Ch;
+var dn, us, Hr, ds, Ch;
 class Sd extends HTMLElement {
   constructor() {
     super();
     Y(this, dn);
+    Y(this, us);
+    Y(this, Hr);
     Y(this, ds);
-    Y(this, zr);
-    Y(this, fs);
     it(this, "add", (t) => {
-      f(this, ds).push(...t);
+      f(this, us).push(...t);
       var l = 0;
-      for (const c of f(this, ds)) {
+      for (const c of f(this, us)) {
         l++;
         const o = c.querySelector("caption"), r = o ? o.innerHTML : `Sheet${l}`;
-        $(f(this, zr)).append(`<button class="ng-button" value="${l - 1}" title="${r.replaceAll('"', "'")}">${r}</button>`);
+        $(f(this, Hr)).append(`<button class="ng-button" value="${l - 1}" title="${r.replaceAll('"', "'")}">${r}</button>`);
       }
-      f(this, ds).length <= 1 && $(f(this, zr)).hide(), H.j.querySelectorAll(f(this, zr).querySelector("button")).addClass("ng-active"), $("button", f(this, zr)).on("click", f(this, Ch));
+      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, Ch));
     });
     it(this, "resize", () => {
-      const t = $(f(this, zr)).width() > $(this).width();
-      $(f(this, zr)).css({
+      const t = $(f(this, Hr)).width() > $(this).width();
+      $(f(this, Hr)).css({
         width: t ? "100%" : "unset",
         "justify-content": t ? "space-evenly" : "unset"
       });
     });
     Y(this, Ch, (t) => {
       if (H.j.querySelectorAll(t.currentTarget).hasClass("ng-active")) return;
-      const l = f(this, fs);
-      tt(this, fs, parseInt(t.currentTarget.value)), f(this, dn).changeRayout(f(this, fs)), H.j.querySelectorAll("button", f(this, zr)).removeClass("ng-active"), H.j.querySelectorAll(t.currentTarget).addClass("ng-active");
+      const l = f(this, ds);
+      tt(this, ds, parseInt(t.currentTarget.value)), f(this, dn).changeRayout(f(this, ds)), 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, fs), f(this, dn).dispatchEvent(c);
+      c.oldIndex = l, c.newIndex = f(this, ds), f(this, dn).dispatchEvent(c);
     });
-    tt(this, ds, []), tt(this, fs, 0);
+    tt(this, us, []), tt(this, ds, 0);
   }
   connectedCallback() {
-    tt(this, dn, this.getRootNode().host.getRootNode().host), this.innerHTML = '<div class="ng-wrap"></div>', tt(this, zr, this.querySelector(".ng-wrap"));
+    tt(this, dn, this.getRootNode().host.getRootNode().host), this.innerHTML = '<div class="ng-wrap"></div>', tt(this, Hr, this.querySelector(".ng-wrap"));
   }
   get tables() {
-    return f(this, ds);
+    return f(this, us);
   }
   get currentTable() {
-    return f(this, ds)[f(this, fs)];
+    return f(this, us)[f(this, ds)];
   }
 }
-dn = new WeakMap(), ds = new WeakMap(), zr = new WeakMap(), fs = new WeakMap(), Ch = new WeakMap();
+dn = new WeakMap(), us = new WeakMap(), Hr = new WeakMap(), ds = new WeakMap(), Ch = new WeakMap();
 customElements.get("ng-layout") || customElements.define("ng-layout", Sd);
 customElements.get("ng-foot") || customElements.define("ng-foot", _d);
 var Jo;
@@ -26988,20 +26988,20 @@ 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 Ps;
+var Ls;
 class Id extends Mr {
   //#src;
   constructor() {
     super();
-    Y(this, Ps);
+    Y(this, Ls);
     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, Ps).src = l, l ? $(f(this, Ps)).show() : $(f(this, Ps)).hide(), t || this.reset();
+      l = c || this.getDisplayText(), f(this, Ls).src = l, l ? $(f(this, Ls)).show() : $(f(this, Ls)).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, Ps).src = o || this.value;
+      f(this, Ls).src = o || this.value;
     });
   }
   connectedCallback() {
@@ -27026,10 +27026,10 @@ class Id extends Mr {
 			<div class="ng-wrap">
 				<img ${o.join(" ")} class="renderer" />
 			</div>
-		`, super.connectedCallback(), tt(this, Ps, this.shadowRoot.querySelector("img"));
+		`, super.connectedCallback(), tt(this, Ls, this.shadowRoot.querySelector("img"));
   }
 }
-Ps = new WeakMap();
+Ls = new WeakMap();
 var pn, Ah;
 class Nd extends Mr {
   constructor() {
@@ -27157,13 +27157,13 @@ class jd extends HTMLElement {
 }
 Qo = new WeakMap(), mn = new WeakMap(), Oh = new WeakMap(), ta = new WeakMap();
 customElements.get("ng-info") || customElements.define("ng-info", jd);
-var Kr, jh;
+var Gr, jh;
 class $d extends ki {
   constructor() {
     super();
-    Y(this, Kr);
+    Y(this, Gr);
     it(this, "dataRefresh", (t) => {
-      f(this, jh).call(this, this.value) ? (f(this, Kr).value = H.nvl(this.value, "#ffffff"), H.j.querySelectorAll(this).removeClass("invalid")) : (f(this, Kr).value = "#ffffff", H.j.querySelectorAll(this).addClass("invalid")), f(this, Kr).setAttribute("title", this.value), t || this.reset();
+      f(this, jh).call(this, this.value) ? (f(this, Gr).value = H.nvl(this.value, "#ffffff"), H.j.querySelectorAll(this).removeClass("invalid")) : (f(this, Gr).value = "#ffffff", H.j.querySelectorAll(this).addClass("invalid")), f(this, Gr).setAttribute("title", this.value), t || this.reset();
     });
     Y(this, jh, (t) => {
       if (H.isNull(t)) return !0;
@@ -27181,31 +27181,31 @@ class $d extends ki {
 			
 			<input type="color" required />
 			<button tabindex="-1"></button>
-		`, super.connectedCallback(), tt(this, Kr, this.shadowRoot.querySelector("input")), $("button", this.shadowRoot).on("click", (t) => {
+		`, super.connectedCallback(), tt(this, Gr, this.shadowRoot.querySelector("input")), $("button", this.shadowRoot).on("click", (t) => {
       $("input", this.shadowRoot).trigger("click");
     }), $(this.cell).on("keydown", (t) => {
       switch (t.target.tagName) {
         case "TH":
         case "TD":
-          ["Enter"].includes(t.code) && $(f(this, Kr)).trigger("click");
+          ["Enter"].includes(t.code) && $(f(this, Gr)).trigger("click");
           break;
       }
-    }), f(this, Kr).addEventListener("keydown", (t) => {
-      ["Enter"].includes(t.code) ? $(f(this, Kr)).trigger("click") : ["Escape"].includes(t.code) ? this.owner.cell.currentCell = this.cell : ["Tab", "PageUp", "PageDown", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(t.code) && (this.owner.cell.currentCell = this.cell, this.owner.cell.moveCell(t));
+    }), f(this, Gr).addEventListener("keydown", (t) => {
+      ["Enter"].includes(t.code) ? $(f(this, Gr)).trigger("click") : ["Escape"].includes(t.code) ? this.owner.cell.currentCell = this.cell : ["Tab", "PageUp", "PageDown", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(t.code) && (this.owner.cell.currentCell = this.cell, this.owner.cell.moveCell(t));
     });
   }
 }
-Kr = new WeakMap(), jh = new WeakMap();
+Gr = new WeakMap(), jh = new WeakMap();
 customElements.get("ng-input-color") || customElements.define("ng-input-color", $d);
-var Zr, li, $h;
+var Kr, li, $h;
 class Ld extends ki {
   constructor() {
     super();
-    Y(this, Zr);
+    Y(this, Kr);
     Y(this, li);
     it(this, "dataRefresh", (t) => {
       var l = this.value;
-      switch (f(this, Zr).type) {
+      switch (f(this, Kr).type) {
         case "date":
           l = l.substr(0, 10);
           break;
@@ -27221,13 +27221,13 @@ class Ld extends ki {
           c != "Invalid Date" && (l = ("0000" + c.getFullYear()).slice(-4) + "-" + ("00" + (c.getMonth() + 1)).slice(-2));
           break;
       }
-      f(this, Zr).value = l, f(this, $h).call(this, l) ? H.j.querySelectorAll(this).removeClass("invalid") : H.j.querySelectorAll(this).addClass("invalid"), t || this.reset();
+      f(this, Kr).value = l, f(this, $h).call(this, l) ? H.j.querySelectorAll(this).removeClass("invalid") : H.j.querySelectorAll(this).addClass("invalid"), t || this.reset();
     });
     Y(this, $h, (t) => {
       if (H.isNull(t)) return !0;
       if (typeof t != "string") return !1;
       var l = !0;
-      switch (f(this, Zr).type) {
+      switch (f(this, Kr).type) {
         case "date":
         case "datetime-local":
           var c = Number(t.substr(0, 4)), o = Number(t.substr(5, 2)), r = Number(t.substr(8, 2));
@@ -27244,7 +27244,7 @@ class Ld extends ki {
           break;
       }
       if (l)
-        switch (f(this, Zr).type) {
+        switch (f(this, Kr).type) {
           case "datetime-local":
             var s = t.substr(10, 1), e = Number(t.substr(11, 2)), i = Number(t.substr(14, 2));
             (s != "T" || isNaN(e) || isNaN(i) || e < 0 || e > 23 || i < 0 || i > 59) && (l = !1);
@@ -27289,49 +27289,49 @@ class Ld extends ki {
 				${l.join(" ")}
 				required
 			/>
-		`, super.connectedCallback(), tt(this, Zr, this.shadowRoot.querySelector("input")), $(this.cell).on("keydown", (o) => {
+		`, super.connectedCallback(), tt(this, Kr, this.shadowRoot.querySelector("input")), $(this.cell).on("keydown", (o) => {
       switch (o.target.tagName) {
         case "TH":
         case "TD":
-          ["Enter"].includes(o.code) && f(this, Zr).focus();
+          ["Enter"].includes(o.code) && f(this, Kr).focus();
           break;
       }
-    }), f(this, Zr).addEventListener("keydown", (o) => {
+    }), f(this, Kr).addEventListener("keydown", (o) => {
       ["Enter", "Escape"].includes(o.code) ? this.owner.cell.currentCell = this.cell : ["Tab", "PageUp", "PageDown"].includes(o.code) && (this.owner.cell.currentCell = this.cell, this.owner.cell.moveCell(o));
     });
   }
 }
-Zr = new WeakMap(), li = new WeakMap(), $h = new WeakMap();
+Kr = new WeakMap(), li = new WeakMap(), $h = new WeakMap();
 customElements.get("ng-input-date") || customElements.define("ng-input-date", Ld);
-var Ke, ps, Ur, Ds, gn, Jr, Lh;
+var Ke, fs, zr, Ps, gn, Zr, Lh;
 class Pd extends ki {
   constructor() {
     super();
     Y(this, Ke);
-    Y(this, ps);
-    Y(this, Ur);
-    Y(this, Ds);
+    Y(this, fs);
+    Y(this, zr);
+    Y(this, Ps);
     Y(this, gn);
-    Y(this, Jr);
+    Y(this, Zr);
     it(this, "dataRefresh", (t) => {
-      f(this, Ke).value = this.value, H.j.querySelectorAll(f(this, Ke)).removeClass("invalid"), f(this, ps) == "number" && (isNaN(this.value) || f(this, gn) && Number(f(this, Ke).value) > Number(f(this, gn)) || f(this, Ds) && Number(f(this, Ke).value) < Number(f(this, Ds)) ? H.j.querySelectorAll(f(this, Ke)).addClass("invalid") : f(this, Jr) && f(this, Ke).value.indexOf(".") >= 0 && f(this, Ke).value.substring(f(this, Ke).value.indexOf(".") + 1).length > Number(f(this, Jr)) && H.j.querySelectorAll(f(this, Ke)).addClass("invalid")), f(this, Ur) && H.getByteLength(this.value) > Number(f(this, Ur)) && H.j.querySelectorAll(f(this, Ke)).addClass("invalid"), t || this.reset();
+      f(this, Ke).value = this.value, H.j.querySelectorAll(f(this, Ke)).removeClass("invalid"), f(this, fs) == "number" && (isNaN(this.value) || f(this, gn) && Number(f(this, Ke).value) > Number(f(this, gn)) || f(this, Ps) && Number(f(this, Ke).value) < Number(f(this, Ps)) ? H.j.querySelectorAll(f(this, Ke)).addClass("invalid") : f(this, Zr) && f(this, Ke).value.indexOf(".") >= 0 && f(this, Ke).value.substring(f(this, Ke).value.indexOf(".") + 1).length > Number(f(this, Zr)) && H.j.querySelectorAll(f(this, Ke)).addClass("invalid")), f(this, zr) && H.getByteLength(this.value) > Number(f(this, zr)) && H.j.querySelectorAll(f(this, Ke)).addClass("invalid"), t || this.reset();
     });
     Y(this, Lh, (t) => {
       if (!["Escape", "Enter", "Tab", "Home", "End", "ArrowLeft", "ArrowRight", "PageUp", "PageDown", "Backspace", "Delete"].includes(t.code)) {
-        if (f(this, ps) == "number") {
+        if (f(this, fs) == "number") {
           let o = [];
-          if (f(this, Jr) && Number(f(this, Jr)) > 0 && o.push("."), f(this, Ds) && Number(f(this, Ds)) >= 0 && o.push("-"), !(t.keyCode >= 48 && t.keyCode <= 57 || t.keyCode >= 96 && t.keyCode <= 105) && !o.includes(t.key) && t.preventDefault(), f(this, Jr) && (t.keyCode >= 48 && t.keyCode <= 57 || t.keyCode >= 96 && t.keyCode <= 105) && t.target.selectionStart == t.target.selectionEnd) {
+          if (f(this, Zr) && Number(f(this, Zr)) > 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, Zr) && (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);
-              l.length >= Number(f(this, Jr)) && t.preventDefault();
+              l.length >= Number(f(this, Zr)) && t.preventDefault();
             }
           }
         }
-        f(this, Ur) && H.getByteLength(t.target.value) >= Number(f(this, Ur)) && t.target.selectionStart == t.target.selectionEnd && t.preventDefault();
+        f(this, zr) && H.getByteLength(t.target.value) >= Number(f(this, zr)) && t.target.selectionStart == t.target.selectionEnd && t.preventDefault();
       }
     });
-    if (tt(this, ps, this.getAttribute("type") || "text"), tt(this, Ur, this.getAttribute("maxbyte")), tt(this, Ds, this.getAttribute("min")), tt(this, gn, this.getAttribute("max")), tt(this, Jr, this.getAttribute("scale")), !["text", "number"].includes(f(this, ps))) throw `invalid type : ${f(this, ps)}`;
+    if (tt(this, fs, this.getAttribute("type") || "text"), tt(this, zr, this.getAttribute("maxbyte")), tt(this, Ps, this.getAttribute("min")), tt(this, gn, this.getAttribute("max")), tt(this, Zr, 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++)
@@ -27347,18 +27347,18 @@ class Pd extends ki {
 				ondragstart="return false;" 
 			>
 		`, super.connectedCallback(), tt(this, Ke, this.shadowRoot.querySelector("input")), f(this, Ke).addEventListener("keydown", f(this, Lh)), f(this, Ke).addEventListener("compositionstart", (c) => {
-      c.target.selectionStart == c.target.selectionEnd && f(this, Ur) && H.getByteLength(c.target.value) >= Number(f(this, Ur)) && (c.target.value = H.cut(c.target.value, Number(f(this, Ur))), this.value = c.target.value);
+      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, ps) == "number" && (c.target.value = c.target.value.replace(c.data, ""));
+      f(this, fs) == "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(), ps = new WeakMap(), Ur = new WeakMap(), Ds = new WeakMap(), gn = new WeakMap(), Jr = new WeakMap(), Lh = new WeakMap();
+Ke = new WeakMap(), fs = new WeakMap(), zr = new WeakMap(), Ps = new WeakMap(), gn = new WeakMap(), Zr = new WeakMap(), Lh = new WeakMap();
 customElements.get("ng-input") || customElements.define("ng-input", Pd);
-var Se, hi, bn, yn, vn, Vr, ci;
+var Se, hi, bn, yn, vn, Ds, ci;
 class Dd {
   constructor(C) {
     Y(this, Se);
@@ -27367,7 +27367,7 @@ class Dd {
     Y(this, bn);
     Y(this, yn);
     Y(this, vn);
-    Y(this, Vr, []);
+    Y(this, Ds, []);
     it(this, "getHeight", (C) => {
       const t = parseInt(C / f(this, Se).template.length);
       if (t < 0 || t >= f(this, Se).data.count()) return 32;
@@ -27421,7 +27421,7 @@ class Dd {
     }, this.foot = {
       attr: (t, l, c) => this.attr("foot", t, l, c),
       height: (t, l) => this.height("foot", t, l)
-    }, tt(this, Vr, [0]);
+    }, tt(this, Ds, [0]);
   }
   get row() {
     return f(this, hi);
@@ -27431,46 +27431,52 @@ class Dd {
   }
   // 1. 누적 높이 배열 갱신 (데이터가 로드되거나 변경될 때 호출 필요)
   updateCumulativeHeights() {
-    Lr.log("***********************====================="), Lr.log(f(this, Se).data), tt(this, Vr, [0]);
+    Wr.log("***********************====================="), Wr.log(f(this, Se).data), tt(this, Ds, [0]);
     let C = 0;
     const t = f(this, Se).data.count();
     for (let l = 0; l < t; l++) {
       let c = 0;
       for (let o = 0; o < f(this, Se).template.length; o++)
         c += this.getHeight(l * f(this, Se).template.length + o);
-      C += c, f(this, Vr).push(C);
+      C += c, f(this, Ds).push(C);
     }
-    Lr.log(f(this, Vr));
+    Wr.log(f(this, Ds));
   }
   // 2. 스크롤 위치에 따른 행 인덱스 및 오프셋 조회 (이진 탐색)
   getRowInfoAt(C) {
-    let t = 0, l = f(this, Vr).length - 2, c = 0;
-    for (; t <= l; ) {
-      let o = Math.floor((t + l) / 2);
-      f(this, Vr)[o] <= C ? (c = o, t = o + 1) : l = o - 1;
+    const t = f(this, Ds);
+    if (!t || t.length === 0) return { index: 0, offset: 0 };
+    if (C <= 0) return { index: 0, offset: 0 };
+    if (C >= t[t.length - 1])
+      return { index: t.length - 2, offset: t[t.length - 1] - t[t.length - 2] };
+    let l = 0, c = t.length - 2, o = 0;
+    for (; l <= c; ) {
+      let n = Math.floor((l + c) / 2);
+      t[n] <= C ? (o = n, l = n + 1) : c = n - 1;
     }
-    return Lr.log(f(this, Vr), C, c), {
-      index: c,
-      offset: C - f(this, Vr)[c]
+    const r = t[o] || 0;
+    return {
+      index: o,
+      offset: C - r
     };
   }
 }
-Se = new WeakMap(), hi = new WeakMap(), bn = new WeakMap(), yn = new WeakMap(), vn = new WeakMap(), Vr = new WeakMap(), ci = new WeakMap();
-var Qr, ts;
+Se = new WeakMap(), hi = new WeakMap(), bn = new WeakMap(), yn = new WeakMap(), vn = new WeakMap(), Ds = new WeakMap(), ci = new WeakMap();
+var Jr, Qr;
 class Bd extends HTMLElement {
   constructor() {
     super();
+    Y(this, Jr);
     Y(this, Qr);
-    Y(this, ts);
     it(this, "popup", () => {
       setTimeout(() => {
-        f(this, ts).data.assign(f(this, Qr).data.get()), this.shadowRoot.querySelector("dialog").showModal();
+        f(this, Qr).data.assign(f(this, Jr).data.get()), this.shadowRoot.querySelector("dialog").showModal();
       }, 100);
     });
     this.attachShadow({ mode: "open" });
   }
   connectedCallback() {
-    tt(this, Qr, this.getRootNode().host), this.shadowRoot.innerHTML = `
+    tt(this, Jr, this.getRootNode().host), this.shadowRoot.innerHTML = `
 			<style>
 				@import "https://cdn.jsdelivr.net/npm/ninegrid2@${H.version}/dist/css/ninegrid.css";
 				:host {
@@ -27482,27 +27488,27 @@ class Bd extends HTMLElement {
 			</style>
 			
 			<nx-dialog>
-				${f(this, Qr).originFormat}
+				${f(this, Jr).originFormat}
 			</nx-dialog>
-		`, tt(this, ts, this.shadowRoot.querySelector("nine-grid")), f(this, ts).removeAttribute("display-row-count"), $(".reset", this.shadowRoot).on("click", (t) => {
-      f(this, ts).data.assign(f(this, Qr).data.get());
+		`, tt(this, Qr, this.shadowRoot.querySelector("nine-grid")), f(this, Qr).removeAttribute("display-row-count"), $(".reset", this.shadowRoot).on("click", (t) => {
+      f(this, Qr).data.assign(f(this, Jr).data.get());
     }), $(".apply", this.shadowRoot).on("click", (t) => {
-      var l = f(this, ts).data.getChangedData();
-      f(this, Qr).data.add(l.insert);
+      var l = f(this, Qr).data.getChangedData();
+      f(this, Jr).data.add(l.insert);
       for (var c of l.update)
-        f(this, Qr).data.update(c);
+        f(this, Jr).data.update(c);
       for (var c of l.delete)
-        f(this, Qr).data.delete(c);
-      f(this, ts).data.changeRowState();
+        f(this, Jr).data.delete(c);
+      f(this, Qr).data.changeRowState();
     }), this.shadowRoot.addEventListener("click", (t) => {
-      f(this, ts).data.isChanged() && (t.stopImmediatePropagation(), H.confirm(`There is changed data.
+      f(this, Qr).data.isChanged() && (t.stopImmediatePropagation(), H.confirm(`There is changed data.
 Do you want to save it?`, "SAVE", { class: "rgb", "true-text": "Yes", "false-text": "No" }).then((l) => {
         l && $(".apply", this.shadowRoot).trigger("click"), this.shadowRoot.querySelector("nx-dialog").close();
       }));
     });
   }
 }
-Qr = new WeakMap(), ts = new WeakMap();
+Jr = new WeakMap(), Qr = new WeakMap();
 customElements.get("ng-max-popup") || customElements.define("ng-max-popup", Bd);
 var Lt, ea, Ph;
 class Fd extends HTMLElement {
@@ -28139,7 +28145,7 @@ const Ri = class Ri extends Mr {
 zh = new WeakMap(), //static sourceRow = -1;
 it(Ri, "dragData"), it(Ri, "scrollInterval");
 let ir = Ri;
-var qe, oa, aa, la, ms, ha, ca, ua, da;
+var qe, oa, aa, la, ps, ha, ca, ua, da;
 class Xd {
   constructor(C) {
     Y(this, qe);
@@ -28172,26 +28178,26 @@ class Xd {
         s ? f(this, oa).call(this, o) : f(this, aa).call(this, o), ir.dragData.targetRow = s ? o : o + 1;
       }
     });
-    Y(this, ms);
+    Y(this, ps);
     Y(this, ha, (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, ms)) {
+        if (!f(this, ps)) {
           const l = t == f(this, qe).view.getVisibleLastRow() ? 1 : -1;
-          tt(this, ms, setInterval(() => {
+          tt(this, ps, setInterval(() => {
             f(this, qe).scrollBy(l);
           }, ir.scrollInterval));
         }
       });
     });
     Y(this, ca, (C) => {
-      C.preventDefault(), clearInterval(f(this, ms)), tt(this, ms, null);
+      C.preventDefault(), clearInterval(f(this, ps)), tt(this, ps, null);
     });
     Y(this, ua, (C) => {
     });
     Y(this, da, (C) => {
-      C.preventDefault(), clearInterval(f(this, ms)), tt(this, ms, null), f(this, qe).body.querySelectorAll(".ng-container-left .ng-tmp").forEach((a) => {
+      C.preventDefault(), clearInterval(f(this, ps)), tt(this, ps, 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;
@@ -28214,7 +28220,7 @@ class Xd {
     tt(this, qe, C), this.resetEvent();
   }
 }
-qe = new WeakMap(), oa = new WeakMap(), aa = new WeakMap(), la = new WeakMap(), ms = new WeakMap(), ha = new WeakMap(), ca = new WeakMap(), ua = new WeakMap(), da = new WeakMap();
+qe = new WeakMap(), oa = new WeakMap(), aa = new WeakMap(), la = new WeakMap(), ps = new WeakMap(), ha = new WeakMap(), ca = new WeakMap(), ua = new WeakMap(), da = new WeakMap();
 customElements.get("ng-row-drag") || customElements.define("ng-row-drag", ir);
 var sr, pr, pi, Uh, Vh, fa;
 class Yd extends HTMLElement {
@@ -28326,28 +28332,28 @@ class Gd extends Mr {
   }
 }
 pa = new WeakMap(), Wh = new WeakMap();
-var ur, es, ma, mr, Hs, mi, mu, rs, Xh, Yh, Gh, ga, ba, ya, Kh;
+var ur, ts, ma, mr, Hs, mi, mu, es, Xh, Yh, Gh, ga, ba, ya, Kh;
 class Kd extends HTMLElement {
   constructor() {
     super();
     Y(this, ur);
-    Y(this, es);
+    Y(this, ts);
     Y(this, ma);
     Y(this, mr);
     Y(this, Hs);
     Y(this, mi);
     Y(this, mu);
-    Y(this, rs);
+    Y(this, es);
     Y(this, Xh);
     Y(this, Yh, () => {
       if (f(this, ur)) {
         var t = f(this, ur).querySelector("div.resizer-row-panel");
         t ? tt(this, mr, $(t)) : (tt(this, mr, $('<div class="resizer-row-panel"><div class="grip"></div><div class="tooltip"><div></div><span></span><div></div></div></div>').hide()), $(f(this, ur).body).append(f(this, mr))), tt(this, Hs, $(".grip", f(this, mr))), tt(this, mi, $(".tooltip", f(this, mr))), $(this).on("mousedown", (l) => {
-          H.j.querySelectorAll(f(this, es).closest("tbody")).hasClass("fixed") || tt(this, ma, setTimeout(() => {
+          H.j.querySelectorAll(f(this, ts).closest("tbody")).hasClass("fixed") || tt(this, ma, setTimeout(() => {
             f(this, Gh).call(this, l);
           }, 500));
         }).on("dblclick", (l) => {
-          H.j.querySelectorAll(f(this, es).closest("tbody")).hasClass("fixed") || f(this, Kh).call(this, l);
+          H.j.querySelectorAll(f(this, ts).closest("tbody")).hasClass("fixed") || f(this, Kh).call(this, l);
         }), $(document).on("mouseup", (l) => {
           clearTimeout(f(this, ma));
         });
@@ -28356,34 +28362,34 @@ class Kd extends HTMLElement {
     Y(this, Gh, (t) => {
       if (!(t.buttons != 1 || t.altKey || t.ctrlKey || t.shiftkey)) {
         var l = parseInt(t.target.getAttribute("rowIndex"));
-        l < 0 || (f(this, es).busy = !0, tt(this, Xh, t.target), tt(this, rs, $(".ng-container-body table tbody.bindable tr", f(this, ur).body).eq(l)), f(this, mr).show(), f(this, Hs).width(f(this, ur).body.querySelector(".ng-container").offsetWidth), f(this, ya).call(this, t.pageY), $(f(this, mr)).on("mousemove", f(this, ga)), $(f(this, mr)).on("mouseup", f(this, ba)));
+        l < 0 || (f(this, ts).busy = !0, tt(this, Xh, t.target), tt(this, es, $(".ng-container-body table tbody.bindable tr", f(this, ur).body).eq(l)), f(this, mr).show(), f(this, Hs).width(f(this, ur).body.querySelector(".ng-container").offsetWidth), f(this, ya).call(this, t.pageY), $(f(this, mr)).on("mousemove", f(this, ga)), $(f(this, mr)).on("mouseup", f(this, ba)));
       }
     });
     Y(this, ga, (t) => {
       t.altKey || t.ctrlKey || t.shiftKey || f(this, ya).call(this, t.pageY);
     });
     Y(this, ba, (t) => {
-      var l = f(this, Hs).offset().top - f(this, rs).offset().top;
-      l <= 1 && (l = 0), l = f(this, ur).tableUtils.height(f(this, rs)[0].sectionRowIndex, l);
-      var c = parseInt(f(this, rs)[0].dataset.row * f(this, ur).template.length + f(this, rs)[0].sectionRowIndex % f(this, ur).template.length);
-      f(this, ur).matrix.setHeight(c, l), f(this, es).querySelector("ng-row-indicator").refresh(), $(f(this, mr)).off("mousemove", f(this, ga)), $(f(this, mr)).off("mouseup", f(this, ba)), f(this, mr).hide(), f(this, ur).view.redraw(), f(this, es).busy = !1;
+      var l = f(this, Hs).offset().top - f(this, es).offset().top;
+      l <= 1 && (l = 0), l = f(this, ur).tableUtils.height(f(this, es)[0].sectionRowIndex, l);
+      var c = parseInt(f(this, es)[0].dataset.row * f(this, ur).template.length + f(this, es)[0].sectionRowIndex % f(this, ur).template.length);
+      f(this, ur).matrix.setHeight(c, l), f(this, ts).querySelector("ng-row-indicator").refresh(), $(f(this, mr)).off("mousemove", f(this, ga)), $(f(this, mr)).off("mouseup", f(this, ba)), f(this, mr).hide(), f(this, ur).view.redraw(), f(this, ts).busy = !1;
     });
     Y(this, ya, (t) => {
       var l = $(".ng-container-body table tbody.bindable", f(this, ur).body);
       if (!(t < l.offset().top)) {
         f(this, Hs).offset({ top: t });
-        var c = parseInt(f(this, Hs).offset().top), o = parseInt(c - f(this, rs).offset().top);
-        o <= 1 && (o = 0), f(this, mi).height(o), f(this, mi).offset({ top: f(this, rs).offset().top - 1 }), f(this, mi).find("span").text(o);
+        var c = parseInt(f(this, Hs).offset().top), o = parseInt(c - f(this, es).offset().top);
+        o <= 1 && (o = 0), f(this, mi).height(o), f(this, mi).offset({ top: f(this, es).offset().top - 1 }), f(this, mi).find("span").text(o);
       }
     });
     Y(this, Kh, (t) => {
     });
   }
   connectedCallback() {
-    tt(this, es, this.cell), tt(this, ur, f(this, es).getRootNode().host), this.setAttribute("class", "row-resizer"), f(this, Yh).call(this);
+    tt(this, ts, this.cell), tt(this, ur, f(this, ts).getRootNode().host), this.setAttribute("class", "row-resizer"), f(this, Yh).call(this);
   }
 }
-ur = new WeakMap(), es = new WeakMap(), ma = new WeakMap(), mr = new WeakMap(), Hs = new WeakMap(), mi = new WeakMap(), mu = new WeakMap(), rs = new WeakMap(), Xh = new WeakMap(), Yh = new WeakMap(), Gh = new WeakMap(), ga = new WeakMap(), ba = new WeakMap(), ya = new WeakMap(), Kh = new WeakMap();
+ur = new WeakMap(), ts = new WeakMap(), ma = new WeakMap(), mr = new WeakMap(), Hs = new WeakMap(), mi = new WeakMap(), mu = new WeakMap(), es = new WeakMap(), Xh = new WeakMap(), Yh = new WeakMap(), Gh = new WeakMap(), ga = new WeakMap(), ba = new WeakMap(), ya = new WeakMap(), Kh = new WeakMap();
 customElements.get("ng-row-indicator") || customElements.define("ng-row-indicator", Gd);
 customElements.get("ng-row-resizer") || customElements.define("ng-row-resizer", Kd);
 var Zh;
@@ -28485,12 +28491,12 @@ class Qd extends Mr {
   }
 }
 customElements.get("ng-row-state") || customElements.define("ng-row-state", Qd);
-var qt, ss, ge, gr, br, _n, Jh, Qh, va, tc, wa, xa, Sn, kn;
+var qt, rs, ge, gr, br, _n, Jh, Qh, va, tc, wa, xa, Sn, kn;
 class tf extends HTMLElement {
   constructor() {
     super();
     Y(this, qt);
-    Y(this, ss);
+    Y(this, rs);
     Y(this, ge);
     Y(this, gr);
     Y(this, br);
@@ -28561,9 +28567,9 @@ class tf 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, va)), $(f(this, ge).track).on("touchstart", f(this, Qh)), $(f(this, ge).thumb).on("mousedown", f(this, xa)), $(f(this, ge).thumb).on("touchstart", f(this, tc)), document.addEventListener("mouseup", (l) => {
-        f(this, ss) && tt(this, ss, !1), document.removeEventListener("mousemove", f(this, Sn)), typeof this.onDragStop == "function" && this.onDragStop();
+        f(this, rs) && tt(this, rs, !1), document.removeEventListener("mousemove", f(this, Sn)), typeof this.onDragStop == "function" && this.onDragStop();
       }), document.addEventListener("touchend", (l) => {
-        tt(this, ss, !1), document.removeEventListener("touchmove", f(this, wa)), typeof this.onDragStop == "function" && this.onDragStop();
+        tt(this, rs, !1), document.removeEventListener("touchmove", f(this, wa)), typeof this.onDragStop == "function" && this.onDragStop();
       });
     });
     Y(this, Qh, (t) => {
@@ -28571,7 +28577,7 @@ class tf 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, va).call(this, t);
     });
     Y(this, va, (t) => {
-      if (!f(this, ss) && !(t.buttons != 1 || t.altKey || t.ctrlKey || t.shiftKey)) {
+      if (!f(this, rs) && !(t.buttons != 1 || t.altKey || t.ctrlKey || t.shiftKey)) {
         t.preventDefault();
         var l = f(this, ge).thumb.getBoundingClientRect();
         clearInterval(f(this, gr)), clearInterval(f(this, br)), t.clientY > l.y ? f(this, qt).pageDown() : f(this, qt).pageUp(), tt(this, gr, setInterval(() => {
@@ -28596,13 +28602,13 @@ class tf 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, xa, (t) => {
-      tt(this, ss, !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, qt).body).height(), this.bodyHeight = $(".ng-container-body", f(this, qt).body).height(), this.templateHeight = f(this, qt).template.height(), this.theadHeight = $(".ng-container-body table > thead", f(this, qt).body).height() || 0, this.tfootHeight = $(".ng-container-body table > tfoot", f(this, qt).body).height() || 0, this.fixedHeight = $(".ng-container-body tbody.fixed", f(this, qt).body).height(), this.tableHeight = $(".ng-container-body .ng-table", f(this, qt).body).height(), tt(this, _n, !0), document.addEventListener("mousemove", f(this, Sn)), typeof this.onDragStart == "function" && this.onDragStart();
+      tt(this, rs, !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, qt).body).height(), this.bodyHeight = $(".ng-container-body", f(this, qt).body).height(), this.templateHeight = f(this, qt).template.height(), this.theadHeight = $(".ng-container-body table > thead", f(this, qt).body).height() || 0, this.tfootHeight = $(".ng-container-body table > tfoot", f(this, qt).body).height() || 0, this.fixedHeight = $(".ng-container-body tbody.fixed", f(this, qt).body).height(), this.tableHeight = $(".ng-container-body .ng-table", f(this, qt).body).height(), tt(this, _n, !0), document.addEventListener("mousemove", f(this, Sn)), typeof this.onDragStart == "function" && this.onDragStart();
     });
     Y(this, Sn, (t) => {
-      if (!f(this, ss)) return;
+      if (!f(this, rs)) return;
       t.preventDefault(), f(this, _n) && (H.j.querySelectorAll("th,td", f(this, qt).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, _n, !1));
       var l = this.trackHeight, c = f(this, kn).call(this), o = t.clientY - this.shiftY, r = o / (l - c), n = f(this, qt).matrix.totalHeight, s = r * (n - this.bodyHeight), { index: e, offset: i } = f(this, qt).matrix.getRowInfoAt(s);
-      f(this, qt).dataManager.viewRecords.rawIndex !== e && f(this, qt).scrollToV2(e), Lr.log("#thumb_onMouseMove", e, i, f(this, qt).body.querySelector(".ng-container-body tbody.bindable"));
+      f(this, qt).dataManager.viewRecords.rawIndex !== e && f(this, qt).scrollToV2(e), Wr.log("#thumb_onMouseMove", e, i, f(this, qt).body.querySelector(".ng-container-body tbody.bindable"));
       const u = f(this, qt).body.querySelector(".ng-container-body tbody.bindable");
       u && (u.style.transform = `translateY(-${i}px)`);
     });
@@ -28625,19 +28631,19 @@ class tf 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, ss), this.shiftX, f(this, Jh).call(this));
+    }), f(this, rs), this.shiftX, f(this, Jh).call(this));
   }
 }
-qt = new WeakMap(), ss = new WeakMap(), ge = new WeakMap(), gr = new WeakMap(), br = new WeakMap(), _n = new WeakMap(), Jh = new WeakMap(), Qh = new WeakMap(), va = new WeakMap(), tc = new WeakMap(), wa = new WeakMap(), xa = new WeakMap(), Sn = new WeakMap(), kn = new WeakMap();
-var Ze, gs, ae, Wr, Xr, zs, ec, _a, rc, Sa, sc, ka, Ca, Cn;
+qt = new WeakMap(), rs = new WeakMap(), ge = new WeakMap(), gr = new WeakMap(), br = new WeakMap(), _n = new WeakMap(), Jh = new WeakMap(), Qh = new WeakMap(), va = new WeakMap(), tc = new WeakMap(), wa = new WeakMap(), xa = new WeakMap(), Sn = new WeakMap(), kn = new WeakMap();
+var Ze, ms, ae, Ur, Vr, zs, ec, _a, rc, Sa, sc, ka, Ca, Cn;
 class ef extends HTMLElement {
   constructor() {
     super();
     Y(this, Ze);
-    Y(this, gs);
+    Y(this, ms);
     Y(this, ae);
-    Y(this, Wr);
-    Y(this, Xr);
+    Y(this, Ur);
+    Y(this, Vr);
     it(this, "refresh", () => {
       if (f(this, Ze)) {
         var t = $(".ng-container-body", f(this, Ze).body), l = $("table", t), c = $(".ng-scroll-track", this.shadowRoot), o = $(".ng-scroll-thumb", this.shadowRoot);
@@ -28669,17 +28675,17 @@ class ef extends HTMLElement {
     });
     Y(this, ec, () => {
       var t = (l) => {
-        clearInterval(f(this, Wr)), clearInterval(f(this, Xr));
+        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, Wr, setInterval(() => {
-          clearInterval(f(this, Wr)), tt(this, Xr, setInterval(() => {
+        f(this, zs).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, Xr));
+            f(this, zs).call(this, r.x - c.x + l) || clearInterval(f(this, Vr));
           }, 10));
         }, 500));
       };
       f(this, ae).left.ontouchend = f(this, ae).right.ontouchend = f(this, ae).track.ontouchend = f(this, ae).left.onmouseup = f(this, ae).left.onmouseleave = f(this, ae).right.onmouseup = f(this, ae).right.onmouseleave = f(this, ae).track.onmouseup, f(this, ae).track.onmouseleave = (l) => {
-        clearInterval(f(this, Wr)), clearInterval(f(this, Xr));
+        clearInterval(f(this, Ur)), clearInterval(f(this, Vr));
       }, $(f(this, ae).left).on("mousedown", (l) => {
         l.buttons != 1 || l.altKey || l.ctrlKey || l.shiftKey || t(-10);
       }), $(f(this, ae).right).on("mousedown", (l) => {
@@ -28689,9 +28695,9 @@ class ef extends HTMLElement {
       }), $(f(this, ae).right).on("touchstart", (l) => {
         t(10);
       }), $(f(this, ae).track).on("mousedown", f(this, Sa)), $(f(this, ae).track).on("touchstart", f(this, rc)), $(f(this, ae).thumb).on("mousedown", f(this, ka)), $(f(this, ae).thumb).on("touchstart", f(this, sc)), document.addEventListener("touchend", (l) => {
-        tt(this, gs, !1), clearInterval(f(this, Wr)), clearInterval(f(this, Xr)), $(document).off("touchmove", f(this, Ca)), typeof this.onDragStop == "function" && this.onDragStop();
+        tt(this, ms, !1), clearInterval(f(this, Ur)), clearInterval(f(this, Vr)), $(document).off("touchmove", f(this, Ca)), typeof this.onDragStop == "function" && this.onDragStop();
       }), document.addEventListener("mouseup", (l) => {
-        tt(this, gs, !1), clearInterval(f(this, Wr)), clearInterval(f(this, Xr)), document.removeEventListener("mousemove", f(this, Cn)), typeof this.onDragStop == "function" && this.onDragStop();
+        tt(this, ms, !1), clearInterval(f(this, Ur)), clearInterval(f(this, Vr)), document.removeEventListener("mousemove", f(this, Cn)), typeof this.onDragStop == "function" && this.onDragStop();
       });
     });
     Y(this, _a, (t) => {
@@ -28708,10 +28714,10 @@ class ef 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, Sa).call(this, t);
     });
     Y(this, Sa, (t) => {
-      f(this, gs) || t.buttons != 1 || t.altKey || t.ctrlKey || t.shiftKey || (t.preventDefault(), f(this, _a).call(this, t.clientX), tt(this, Wr, setInterval(() => {
-        clearInterval(f(this, Wr)), tt(this, Xr, setInterval(() => {
+      f(this, ms) || t.buttons != 1 || t.altKey || t.ctrlKey || t.shiftKey || (t.preventDefault(), f(this, _a).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, Xr)) : f(this, _a).call(this, t.clientX);
+          t.clientX > l.x && t.clientX < l.x + l.width ? clearInterval(f(this, Vr)) : f(this, _a).call(this, t.clientX);
         }, 10));
       }, 500)));
     });
@@ -28720,7 +28726,7 @@ class ef 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, ka).call(this, t), document.addEventListener("touchmove", f(this, Ca));
     });
     Y(this, ka, (t) => {
-      tt(this, gs, !0);
+      tt(this, ms, !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, Cn)), typeof this.onDragStart == "function" && this.onDragStart();
     });
@@ -28729,7 +28735,7 @@ class ef 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, Cn).call(this, t);
     });
     Y(this, Cn, (t) => {
-      f(this, gs) && f(this, zs).call(this, t.pageX - this.shiftX);
+      f(this, ms) && f(this, zs).call(this, t.pageX - this.shiftX);
     });
     this.attachShadow({ mode: "open" });
   }
@@ -28749,22 +28755,22 @@ class ef extends HTMLElement {
       thumb: this.shadowRoot.querySelector(".ng-scroll-thumb"),
       left: this.shadowRoot.querySelector(".ng-scroll-left"),
       right: this.shadowRoot.querySelector(".ng-scroll-right")
-    }), f(this, gs), this.shiftX, f(this, ec).call(this);
+    }), f(this, ms), this.shiftX, f(this, ec).call(this);
   }
 }
-Ze = new WeakMap(), gs = new WeakMap(), ae = new WeakMap(), Wr = new WeakMap(), Xr = new WeakMap(), zs = new WeakMap(), ec = new WeakMap(), _a = new WeakMap(), rc = new WeakMap(), Sa = new WeakMap(), sc = new WeakMap(), ka = new WeakMap(), Ca = new WeakMap(), Cn = new WeakMap();
+Ze = new WeakMap(), ms = new WeakMap(), ae = new WeakMap(), Ur = new WeakMap(), Vr = new WeakMap(), zs = new WeakMap(), ec = new WeakMap(), _a = new WeakMap(), rc = new WeakMap(), Sa = new WeakMap(), sc = new WeakMap(), ka = new WeakMap(), Ca = new WeakMap(), Cn = new WeakMap();
 customElements.get("ng-hscrollbar") || customElements.define("ng-hscrollbar", ef);
 customElements.get("ng-vscrollbar") || customElements.define("ng-vscrollbar", tf);
-var Ue, is, Ea, Aa, Ta, ic, nc;
+var Ue, ss, Ea, Aa, Ta, ic, nc;
 class rf {
   constructor(C) {
     Y(this, Ue);
-    Y(this, is);
+    Y(this, ss);
     it(this, "initialize", () => {
       f(this, Aa).call(this), f(this, Ea).call(this);
     });
     Y(this, Ea, () => {
-      tt(this, is, []), $(".ng-table thead", f(this, Ue).body).off("click", "th,td", f(this, Ta)), $(".ng-table thead", f(this, Ue).body).on("click", "th,td", f(this, Ta));
+      tt(this, ss, []), $(".ng-table thead", f(this, Ue).body).off("click", "th,td", f(this, Ta)), $(".ng-table thead", f(this, Ue).body).on("click", "th,td", f(this, Ta));
     });
     /**
      * 정렬상태 초기화
@@ -28793,10 +28799,10 @@ class rf {
       $(f(this, Ue).template).find(`[data-col="${l}"]`).each((r, n) => {
         if (n.dataset.bind)
           return o = n.dataset.bind, n.dataset.expr && (c = f(this, Ue).exprFunction(n.dataset.expr)), !1;
-      }), o && (!C.ctrlKey && !C.shiftKey && (H.j.querySelectorAll(`thead th:not([data-col="${l}"],thead td:not([data-col="${l}"])`, f(this, Ue).body).removeClass("asc").removeClass("desc"), f(this, is).splice(0, f(this, is).length)), H.removeIf(f(this, is), (r) => r.colnm == o), !H.j.querySelectorAll(t).hasClass("asc") && !H.j.querySelectorAll(t).hasClass("desc") ? (H.j.querySelectorAll(t).removeClass("desc").addClass("asc"), f(this, is).push({ colnm: o, asc: !0, "expr-func": c })) : H.j.querySelectorAll(t).hasClass("asc") ? (H.j.querySelectorAll(t).removeClass("asc").addClass("desc"), f(this, is).push({ colnm: o, asc: !1, "expr-func": c })) : H.j.querySelectorAll(t).removeClass("asc").removeClass("desc"), !H.j.querySelectorAll("thead th,thead td", f(this, Ue).body).hasClass("asc") && !H.j.querySelectorAll("thead th,thead td", f(this, Ue).body).hasClass("desc") ? f(this, Aa).call(this) : f(this, Ue).data.sort((r, n) => f(this, nc).call(this, r, n)), f(this, Ue).paging.type == H.PAGINGTYPE.CLIENT ? f(this, Ue).paging.movePage(1) : f(this, Ue).view.redraw());
+      }), o && (!C.ctrlKey && !C.shiftKey && (H.j.querySelectorAll(`thead th:not([data-col="${l}"],thead td:not([data-col="${l}"])`, f(this, Ue).body).removeClass("asc").removeClass("desc"), f(this, ss).splice(0, f(this, ss).length)), H.removeIf(f(this, ss), (r) => r.colnm == o), !H.j.querySelectorAll(t).hasClass("asc") && !H.j.querySelectorAll(t).hasClass("desc") ? (H.j.querySelectorAll(t).removeClass("desc").addClass("asc"), f(this, ss).push({ colnm: o, asc: !0, "expr-func": c })) : H.j.querySelectorAll(t).hasClass("asc") ? (H.j.querySelectorAll(t).removeClass("asc").addClass("desc"), f(this, ss).push({ colnm: o, asc: !1, "expr-func": c })) : H.j.querySelectorAll(t).removeClass("asc").removeClass("desc"), !H.j.querySelectorAll("thead th,thead td", f(this, Ue).body).hasClass("asc") && !H.j.querySelectorAll("thead th,thead td", f(this, Ue).body).hasClass("desc") ? f(this, Aa).call(this) : f(this, Ue).data.sort((r, n) => f(this, nc).call(this, r, n)), f(this, Ue).paging.type == H.PAGINGTYPE.CLIENT ? f(this, Ue).paging.movePage(1) : f(this, Ue).view.redraw());
     });
     Y(this, nc, (C, t) => {
-      for (var l of f(this, is))
+      for (var l of f(this, ss))
         if (l["expr-func"]) {
           const c = f(this, Ue).data.conv(C), o = f(this, Ue).data.conv(t);
           if (l["expr-func"](c, c.__ng._[H.ROW.INDEX]) > l["expr-func"](o, o.__ng._[H.ROW.INDEX]))
@@ -28815,7 +28821,7 @@ class rf {
     tt(this, Ue, C), f(this, Ea).call(this);
   }
 }
-Ue = new WeakMap(), is = new WeakMap(), Ea = new WeakMap(), Aa = new WeakMap(), Ta = new WeakMap(), ic = new WeakMap(), nc = new WeakMap();
+Ue = new WeakMap(), ss = new WeakMap(), Ea = new WeakMap(), Aa = new WeakMap(), Ta = new WeakMap(), ic = new WeakMap(), nc = new WeakMap();
 var Gt, oc, Ra, Ma;
 class sf {
   constructor(C) {
@@ -29178,13 +29184,13 @@ class nf {
     return c;
   }
 }
-var bs;
+var gs;
 class of extends ki {
   constructor() {
     super();
-    Y(this, bs);
+    Y(this, gs);
     it(this, "dataRefresh", (t) => {
-      $(f(this, bs)).val(this.value), t || this.reset();
+      $(f(this, gs)).val(this.value), t || this.reset();
     });
   }
   connectedCallback() {
@@ -29196,26 +29202,26 @@ class of extends ki {
 			
 			<textarea ondragstart="return false"></textarea>
 		`, super.connectedCallback(), !!this.owner) {
-      if (tt(this, bs, 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, 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")) {
         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, bs)).val());
+          this.owner.shadowRoot.querySelector("ng-textarea-detail").popup(this.cell.dataset.row, this.cell.dataset.bind, $(f(this, gs)).val());
         });
       }
       $(this.cell).on("keydown", (t) => {
         switch (t.target.tagName) {
           case "TH":
           case "TD":
-            ["Enter"].includes(t.code) && (f(this, bs).focus(), f(this, bs).select());
+            ["Enter"].includes(t.code) && (f(this, gs).focus(), f(this, gs).select());
             break;
         }
-      }), f(this, bs).addEventListener("keydown", (t) => {
+      }), f(this, gs).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)));
       });
     }
   }
 }
-bs = new WeakMap();
+gs = new WeakMap();
 var Ia, Na, Oa, ja;
 class af extends HTMLElement {
   constructor() {
@@ -29853,7 +29859,7 @@ class df extends HTMLElement {
 Ar = new WeakMap(), Xa = new WeakMap(), Ya = new WeakMap(), yc = new WeakMap(), vc = new WeakMap(), wc = new WeakMap(), xc = new WeakMap();
 customElements.get("ng-filter-button") || customElements.define("ng-filter-button", uf);
 customElements.get("ng-filter-panel") || customElements.define("ng-filter-panel", df);
-var Ga, vi, Ka, Tn, ns, Za, Ja, _c, ys, Sc, Qa, kc, os, Cc, tl, Ec, el, Xs, Ys;
+var Ga, vi, Ka, Tn, is, Za, Ja, _c, bs, Sc, Qa, kc, ns, Cc, tl, Ec, el, Xs, Ys;
 class Qc extends HTMLElement {
   constructor() {
     super();
@@ -29861,7 +29867,7 @@ class Qc extends HTMLElement {
     Y(this, vi);
     Y(this, Ka);
     Y(this, Tn);
-    Y(this, ns);
+    Y(this, is);
     it(this, "export", () => {
       const t = this.shadowRoot.querySelector("ng-export");
       t && t.remove();
@@ -29922,7 +29928,7 @@ class Qc extends HTMLElement {
       this.dataManager && (this.data.clear(), this.dataManager.setDataSource(t), this.refresh(), this.paging && this.paging.refresh(), this.scrollTo_V1(0));
     });
     it(this, "changeRayout", (t) => {
-      $(".ng-container-left", this.body).children().remove(), $(".ng-container-right", this.body).children().remove(), $(".ng-container-body", this.body).children().remove(), $(".ng-container-body", this.shadowRoot).append(f(this, ns)[t]), f(this, tl).call(this), this.createTemplate(), f(this, Ja).call(this), this.resetTemplate(), f(this, Qa).call(this), this.cell.resetEvent(), this.touchEvent.resetEvent(), f(this, vi).resetEvent(), f(this, Ka).resetEvent(), f(this, Tn) && f(this, Tn).resetEvent(), this.sorting && this.sorting.initialize(), this.filtering && this.filtering.initialize(), this.pin && this.pin.initialize(), this.data.initialize(), setTimeout(() => {
+      $(".ng-container-left", this.body).children().remove(), $(".ng-container-right", this.body).children().remove(), $(".ng-container-body", this.body).children().remove(), $(".ng-container-body", this.shadowRoot).append(f(this, is)[t]), f(this, tl).call(this), this.createTemplate(), f(this, Ja).call(this), this.resetTemplate(), f(this, Qa).call(this), this.cell.resetEvent(), this.touchEvent.resetEvent(), f(this, vi).resetEvent(), f(this, Ka).resetEvent(), f(this, Tn) && f(this, Tn).resetEvent(), this.sorting && this.sorting.initialize(), this.filtering && this.filtering.initialize(), this.pin && this.pin.initialize(), this.data.initialize(), setTimeout(() => {
         this.paging && this.paging.refresh(), this.scrollTo_V1(0);
       });
     });
@@ -29964,7 +29970,7 @@ class Qc extends HTMLElement {
         t += $(c).height();
       }), t;
     });
-    Y(this, ys, () => {
+    Y(this, bs, () => {
       const t = parseInt(this.getAttribute("display-row-count"));
       if (isNaN(t)) return;
       const l = this.shadowRoot.querySelector("ng-head");
@@ -29975,8 +29981,8 @@ class Qc extends HTMLElement {
       });
     });
     Y(this, Sc, () => {
-      if (Lr.log("1111111"), f(this, Ga)) return;
-      Lr.log("222222"), this.originFormat = this.outerHTML, this.uuid = H.randomUUID(), this.id || (this.id = this.uuid), $("table", this).each((r, n) => {
+      if (Wr.log("1111111"), f(this, Ga)) return;
+      Wr.log("222222"), this.originFormat = this.outerHTML, this.uuid = H.randomUUID(), this.id || (this.id = this.uuid), $("table", this).each((r, n) => {
         if ($("colgroup", n).length == 0) {
           var s = 0;
           $("tbody tr", n).eq(0).find("th,td").each((i, u) => {
@@ -30003,7 +30009,7 @@ class Qc extends HTMLElement {
             var p = `window["${this.id}"]["code${i}"]`;
             u.parentNode.setAttribute("data-source", p), h.dataset.expr = `ninegrid.binarySearchValue(${p}, "${m}", data["${h.dataset.bind}"].split("${b}"), "${d}")`;
           }
-        }), $(n).hide(), f(this, ns).push(n), H.j.querySelectorAll(this).hasClass("simple") || f(this, Ec).call(this, n);
+        }), $(n).hide(), f(this, is).push(n), H.j.querySelectorAll(this).hasClass("simple") || f(this, Ec).call(this, n);
       });
       const t = `
 			<style>
@@ -30037,20 +30043,20 @@ class Qc extends HTMLElement {
         const i = e.getAttribute("code") || "code", u = e.getAttribute("codename") || "codename", a = e.getAttribute("multi-separator") || ",";
         return H.binarySearchValue(e.dataSource, i, r[s.dataset.bind], u, a);
       };
-      for (const r of f(this, ns))
+      for (const r of f(this, is))
         $(H.j.querySelectorAll("tbody", r).addClass("bindable").elem()).before('<tbody class="fixed"></tbody>');
-      $(this.shadowRoot).append(t), $(".ng-container-body", this.shadowRoot).append(f(this, ns)[0]), this.body = this.shadowRoot.querySelector(".ng-body"), this.querySelectorAll("nx-buttons *").forEach((r) => {
+      $(this.shadowRoot).append(t), $(".ng-container-body", this.shadowRoot).append(f(this, is)[0]), this.body = this.shadowRoot.querySelector(".ng-body"), this.querySelectorAll("nx-buttons *").forEach((r) => {
         r.grid = this;
       }), $(this.shadowRoot.querySelector("ng-head").shadowRoot.querySelector("ng-custom")).append(this.querySelectorAll("nx-buttons")), f(this, tl).call(this), this.createTemplate(), f(this, Ja).call(this), this.resetTemplate(), f(this, kc).call(this);
       const l = this.shadowRoot.querySelector("ng-foot");
-      this.paging = l.shadowRoot.querySelector("ng-paging"), this.layout = l.shadowRoot.querySelector("ng-layout"), this.layout && this.layout.add(f(this, ns)), new 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 sf(this), this.dataManager = new dd(this), this.view = new hf(this), this.tableUtils = new nf(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, is)), 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 sf(this), this.dataManager = new dd(this), this.view = new hf(this), this.tableUtils = new nf(this), this.columns = new sd(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 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 Dd(this), Lr.log("==============================="), Lr.log(this, this.matrix), tt(this, vi, new rd(this)), tt(this, Ka, new ed(this)), H.j.querySelectorAll(this).hasClass("simple") || tt(this, Tn, new Xd(this)), f(this, Qa).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 Dd(this), Wr.log("==============================="), Wr.log(this, this.matrix), tt(this, vi, new rd(this)), tt(this, Ka, new ed(this)), H.j.querySelectorAll(this).hasClass("simple") || tt(this, Tn, new Xd(this)), f(this, Qa).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) => {
@@ -30104,7 +30110,7 @@ class Qc extends HTMLElement {
         }
         this.body.querySelector("ng-hscrollbar").refresh();
         const r = this.shadowRoot.querySelector("ng-foot").shadowRoot.querySelector("ng-layout");
-        r && r.resize(), f(this, ys).call(this);
+        r && r.resize(), f(this, bs).call(this);
       }).observe(this.body.querySelector(".ng-container-body"));
     });
     it(this, "createTemplate", () => {
@@ -30139,7 +30145,7 @@ class Qc extends HTMLElement {
         H.j.querySelectorAll(r).addClass("dummy");
       });
     });
-    Y(this, os, (t, l) => {
+    Y(this, ns, (t, l) => {
       var c = $(l + " tr", t), o = $(l + " th," + l + " td", t), r = c.length, n = 0;
       o.each((e, i) => {
         n += i.colSpan;
@@ -30198,13 +30204,13 @@ class Qc extends HTMLElement {
           c.style.height || (c.style.height = "32px");
         });
         var l = t.querySelector("thead");
-        l.length <= 0 && $("<thead></thead>").appendTo(t), H.j.querySelectorAll(t).attr("role", "table").addClass("ng-table"), H.j.querySelectorAll("tbody th,tbody td", t).attr("tabindex", 0), H.j.querySelectorAll("thead,tbody,tfoot", t).attr("role", "rowgroup"), H.j.querySelectorAll("tr", t).attr("role", "row"), H.j.querySelectorAll("tbody > tr", t).attr("role", "gridcell"), H.j.querySelectorAll("th,td", t).attr("scope", "col"), f(this, os).call(this, $(t), "thead"), f(this, os).call(this, $(t), "tbody.bindable"), f(this, os).call(this, $(t), "tbody.fixed"), f(this, os).call(this, $(t), "tfoot"), f(this, Cc).call(this), t.querySelectorAll("col").forEach((c, o) => {
+        l.length <= 0 && $("<thead></thead>").appendTo(t), H.j.querySelectorAll(t).attr("role", "table").addClass("ng-table"), H.j.querySelectorAll("tbody th,tbody td", t).attr("tabindex", 0), H.j.querySelectorAll("thead,tbody,tfoot", t).attr("role", "rowgroup"), H.j.querySelectorAll("tr", t).attr("role", "row"), H.j.querySelectorAll("tbody > tr", t).attr("role", "gridcell"), H.j.querySelectorAll("th,td", t).attr("scope", "col"), f(this, ns).call(this, $(t), "thead"), f(this, ns).call(this, $(t), "tbody.bindable"), f(this, ns).call(this, $(t), "tbody.fixed"), f(this, ns).call(this, $(t), "tfoot"), f(this, Cc).call(this), t.querySelectorAll("col").forEach((c, o) => {
           H.j.querySelectorAll(`[data-col="${o}"]`, t).attr("fixed", H.j.querySelectorAll(c).attr("fixed"));
         });
       }
     });
     Y(this, Ec, (t) => {
-      f(this, os).call(this, t, "thead"), f(this, os).call(this, t, "tbody"), f(this, os).call(this, t, "tfoot"), $("colgroup col[fixed=left]", t).index($(".dummy[fixed=left]", t)), $("tr", t).each((l, c) => {
+      f(this, ns).call(this, t, "thead"), f(this, ns).call(this, t, "tbody"), f(this, ns).call(this, t, "tfoot"), $("colgroup col[fixed=left]", t).index($(".dummy[fixed=left]", t)), $("tr", t).each((l, c) => {
       }), $("colgroup", t).prepend('<col width="0" fixed="left" class="first" />'), $("tr", t).each((l, c) => {
         $(c).prepend('<td class="first"></td>');
       }), $("colgroup", t).append('<col width="0" fixed="right" class="last" />'), $("tr", t).each((l, c) => {
@@ -30308,7 +30314,7 @@ class Qc extends HTMLElement {
     it(this, "scrollLast", () => {
       this.scrollTo(this.data.count() - 1);
     });
-    this.attachShadow({ mode: "open" }), H.extendElementPrototype(), tt(this, ns, []), this.refreshBindRows = () => {
+    this.attachShadow({ mode: "open" }), H.extendElementPrototype(), tt(this, is, []), this.refreshBindRows = () => {
       this.bindRows = [], this.bindMatrixRows = [], H.j.querySelectorAll(".ng-container tbody.bindable tr:not(.nodata)", this.body).elements.forEach((o) => {
         this.bindRows.push(parseInt(o.dataset.row)), this.bindMatrixRows.push(parseInt(o.dataset.matrixRow));
       }), this.bindRows = [...new Set(this.bindRows)], this.bindMatrixRows = [...new Set(this.bindMatrixRows)];
@@ -30352,7 +30358,7 @@ class Qc extends HTMLElement {
     }, 300);
   }
   get layouts() {
-    return f(this, ns);
+    return f(this, is);
   }
   attributeChangedCallback(t, l, c) {
     switch (t) {
@@ -30369,10 +30375,10 @@ class Qc 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, ys).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, bs).call(this);
         break;
       case "auto-fit-col":
-        f(this, vi) && f(this, vi).autoFit(c == "true"), f(this, ys).call(this);
+        f(this, vi) && f(this, vi).autoFit(c == "true"), f(this, bs).call(this);
         break;
       case "enable-fixed-col":
         c == "true" ? H.j.querySelectorAll(this).addClass(t) : H.j.querySelectorAll(this).removeClass(t);
@@ -30391,13 +30397,13 @@ class Qc 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, ys).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, bs).call(this);
         break;
       case "show-tfoot":
-        $("tfoot", this.body).css({ visibility: c == "true" ? "unset" : "collapse" }), f(this, ys).call(this);
+        $("tfoot", this.body).css({ visibility: c == "true" ? "unset" : "collapse" }), f(this, bs).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, ys).call(this);
+        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);
         break;
     }
   }
@@ -30408,7 +30414,7 @@ class Qc extends HTMLElement {
     return Math.max.apply(null, f(this, el).call(this));
   }
 }
-Ga = new WeakMap(), vi = new WeakMap(), Ka = new WeakMap(), Tn = new WeakMap(), ns = new WeakMap(), Za = new WeakMap(), Ja = new WeakMap(), _c = new WeakMap(), ys = new WeakMap(), Sc = new WeakMap(), Qa = new WeakMap(), kc = new WeakMap(), os = new WeakMap(), Cc = new WeakMap(), tl = new WeakMap(), Ec = new WeakMap(), el = new WeakMap(), Xs = new WeakMap(), Ys = new WeakMap(), it(Qc, "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"]);
+Ga = new WeakMap(), vi = new WeakMap(), Ka = new WeakMap(), Tn = new WeakMap(), is = new WeakMap(), Za = new WeakMap(), Ja = new WeakMap(), _c = new WeakMap(), bs = new WeakMap(), Sc = new WeakMap(), Qa = new WeakMap(), kc = new WeakMap(), ns = new WeakMap(), Cc = new WeakMap(), tl = new WeakMap(), Ec = new WeakMap(), el = new WeakMap(), Xs = new WeakMap(), Ys = new WeakMap(), it(Qc, "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", Qc);
 class ff extends Qc {
   constructor() {
@@ -30419,12 +30425,12 @@ class ff extends Qc {
   }
 }
 customElements.get("ng-source") || customElements.define("ng-source", ff);
-var vs, Ac, rl, Rn, sl, il, Mn, nl;
+var ys, Ac, rl, Rn, sl, il, Mn, nl;
 class pf extends HTMLElement {
   constructor() {
     super();
     //#owner;
-    Y(this, vs);
+    Y(this, ys);
     it(this, "showModal", () => {
       this.querySelector("dialog").showModal();
     });
@@ -30443,14 +30449,14 @@ class pf extends HTMLElement {
     Y(this, rl, (t) => {
       if (!t.target.closest("buttons") && !(t.buttons != 1 || t.altKey || t.ctrlKey || t.shiftkey)) {
         var l = this.querySelector("dialog").getBoundingClientRect();
-        tt(this, vs, {
+        tt(this, ys, {
           x: t.clientX - l.x,
           y: t.clientY - l.y
         }), $(document).on("mousemove", f(this, Rn));
       }
     });
     Y(this, Rn, (t) => {
-      $(this.querySelector("dialog")).offset({ left: t.pageX - f(this, vs).x, top: t.pageY - f(this, vs).y });
+      $(this.querySelector("dialog")).offset({ left: t.pageX - f(this, ys).x, top: t.pageY - f(this, ys).y });
     });
     Y(this, sl, (t) => {
       $(document).off("mousemove", f(this, Rn));
@@ -30458,14 +30464,14 @@ class pf extends HTMLElement {
     Y(this, il, (t) => {
       if (!t.target.closest("buttons")) {
         var l = this.querySelector("dialog").getBoundingClientRect();
-        tt(this, vs, {
+        tt(this, ys, {
           x: t.changedTouches[0].pageX - l.x,
           y: t.changedTouches[0].pageY - l.y
         }), $(document).on("touchmove", f(this, Mn));
       }
     });
     Y(this, Mn, (t) => {
-      $(this.querySelector("dialog")).offset({ left: t.changedTouches[0].pageX - f(this, vs).x, top: t.changedTouches[0].pageY - f(this, vs).y });
+      $(this.querySelector("dialog")).offset({ left: t.changedTouches[0].pageX - f(this, ys).x, top: t.changedTouches[0].pageY - f(this, ys).y });
     });
     Y(this, nl, (t) => {
       $(document).off("touchmove", f(this, Mn));
@@ -30512,9 +30518,9 @@ class pf extends HTMLElement {
 		`, $(".title", this).html("Details"), f(this, Ac).call(this);
   }
 }
-vs = new WeakMap(), Ac = new WeakMap(), rl = new WeakMap(), Rn = new WeakMap(), sl = new WeakMap(), il = new WeakMap(), Mn = new WeakMap(), nl = new WeakMap();
+ys = new WeakMap(), Ac = new WeakMap(), rl = new WeakMap(), Rn = new WeakMap(), sl = new WeakMap(), il = new WeakMap(), Mn = new WeakMap(), nl = new WeakMap();
 customElements.get("nx-dialog") || customElements.define("nx-dialog", pf);
-var ol, Gs, al, In, ws, wi, Nn, Tc;
+var ol, Gs, al, In, vs, wi, Nn, Tc;
 class Nu extends HTMLElement {
   constructor() {
     super();
@@ -30522,7 +30528,7 @@ class Nu extends HTMLElement {
     Y(this, Gs);
     Y(this, al);
     Y(this, In);
-    Y(this, ws);
+    Y(this, vs);
     Y(this, wi, []);
     Y(this, Nn);
     it(this, "refresh", () => {
@@ -30531,19 +30537,19 @@ class Nu extends HTMLElement {
           f(this, Gs).innerHTML = i18next.t(f(this, Nn));
         else if (f(this, wi).length > 0 && !H.isNull(f(this, In))) {
           var t = f(this, wi).findIndex((l) => l[f(this, al)] == H.global.locale);
-          t < 0 && (t = 0), f(this, Gs).innerHTML = f(this, wi)[t][f(this, In)], $("datalist", this).remove(), $(this).append(f(this, ws));
+          t < 0 && (t = 0), f(this, Gs).innerHTML = f(this, wi)[t][f(this, In)], $("datalist", this).remove(), $(this).append(f(this, vs));
         }
       }
     });
     Y(this, Tc, () => {
-      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, ol) ? 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, al, c.attributes[n].name) : tt(this, In, 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, wi).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, wi).push(r);
+      }), tt(this, vs, f(this, vs) + "</datalist>");
       const t = this.innerHTML;
       this.innerHTML = `
 			<span>${t}</span>
@@ -30559,7 +30565,7 @@ class Nu extends HTMLElement {
     });
   }
 }
-ol = new WeakMap(), Gs = new WeakMap(), al = new WeakMap(), In = new WeakMap(), ws = new WeakMap(), wi = new WeakMap(), Nn = new WeakMap(), Tc = new WeakMap(), it(Nu, "i18n", {
+ol = new WeakMap(), Gs = new WeakMap(), al = new WeakMap(), In = new WeakMap(), vs = new WeakMap(), wi = new WeakMap(), Nn = new WeakMap(), Tc = new WeakMap(), it(Nu, "i18n", {
   convertArrayToJSON: (t) => {
     let l = {};
     for (const c of t) {
@@ -31172,7 +31178,7 @@ customElements.get("nx-side-menu-head") || customElements.define("nx-side-menu-h
 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 ml, Bn, gl, Fn, xs, _i, Dc;
+var ml, Bn, gl, Fn, ws, _i, Dc;
 class Sf extends HTMLElement {
   constructor() {
     super();
@@ -31180,23 +31186,23 @@ class Sf extends HTMLElement {
     Y(this, Bn);
     Y(this, gl);
     Y(this, Fn);
-    Y(this, xs);
+    Y(this, ws);
     Y(this, _i, []);
     it(this, "refresh", () => {
       if (!(f(this, _i).length < 0 || H.isNull(f(this, Fn)))) {
         var t = f(this, _i).findIndex((l) => l[f(this, gl)] == H.global.locale);
-        t < 0 && (t = 0), f(this, Bn).innerHTML = f(this, _i)[t][f(this, Fn)], $("datalist", this).remove(), $(this).append(f(this, xs));
+        t < 0 && (t = 0), f(this, Bn).innerHTML = f(this, _i)[t][f(this, Fn)], $("datalist", this).remove(), $(this).append(f(this, ws));
       }
     });
     Y(this, Dc, () => {
-      tt(this, xs, "<datalist>"), this.querySelectorAll("datalist option").forEach((c, o) => {
+      tt(this, ws, "<datalist>"), this.querySelectorAll("datalist option").forEach((c, o) => {
         for (var r = {}, n = 0; n < c.attributes.length; n++)
           r[c.attributes[n].name] = f(this, ml) ? 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, gl, c.attributes[n].name) : tt(this, Fn, c.attributes[n].name));
-        tt(this, xs, f(this, xs) + "<option");
+        tt(this, ws, f(this, ws) + "<option");
         for (const s in r)
-          tt(this, xs, f(this, xs) + ` ${s}="${r[s]}"`);
-        tt(this, xs, f(this, xs) + "></option>"), f(this, _i).push(r);
-      }), tt(this, xs, f(this, xs) + "</datalist>");
+          tt(this, ws, f(this, ws) + ` ${s}="${r[s]}"`);
+        tt(this, ws, f(this, ws) + "></option>"), f(this, _i).push(r);
+      }), tt(this, ws, f(this, ws) + "</datalist>");
       const t = this.innerHTML;
       this.innerHTML = `
 			<span>${t}</span>
@@ -31213,7 +31219,7 @@ class Sf 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.");
   }
 }
-ml = new WeakMap(), Bn = new WeakMap(), gl = new WeakMap(), Fn = new WeakMap(), xs = new WeakMap(), _i = new WeakMap(), Dc = new WeakMap();
+ml = new WeakMap(), Bn = new WeakMap(), gl = new WeakMap(), Fn = new WeakMap(), ws = new WeakMap(), _i = new WeakMap(), Dc = new WeakMap();
 customElements.get("nx-span") || customElements.define("nx-span", Sf);
 class kf extends HTMLElement {
   constructor() {
@@ -32049,12 +32055,12 @@ class Df extends vu {
 }
 Kc = new WeakMap();
 customElements.get("nx-buttons") || customElements.define("nx-buttons", Df);
-var _s, Zc, Tl, zn, Rl, Ml, Un, Il;
+var xs, Zc, Tl, zn, Rl, Ml, Un, Il;
 class Bf extends HTMLElement {
   constructor() {
     super();
     //#owner;
-    Y(this, _s);
+    Y(this, xs);
     it(this, "showModal", () => {
       this.querySelector("dialog").showModal();
     });
@@ -32073,14 +32079,14 @@ class Bf 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, _s, {
+        tt(this, xs, {
           x: t.clientX - l.x,
           y: t.clientY - l.y
         }), $(document).on("mousemove", f(this, zn));
       }
     });
     Y(this, zn, (t) => {
-      $(this.querySelector("dialog")).offset({ left: t.pageX - f(this, _s).x, top: t.pageY - f(this, _s).y });
+      $(this.querySelector("dialog")).offset({ left: t.pageX - f(this, xs).x, top: t.pageY - f(this, xs).y });
     });
     Y(this, Rl, (t) => {
       $(document).off("mousemove", f(this, zn));
@@ -32088,14 +32094,14 @@ class Bf extends HTMLElement {
     Y(this, Ml, (t) => {
       if (!t.target.closest("buttons")) {
         var l = this.querySelector("dialog").getBoundingClientRect();
-        tt(this, _s, {
+        tt(this, xs, {
           x: t.changedTouches[0].pageX - l.x,
           y: t.changedTouches[0].pageY - l.y
         }), $(document).on("touchmove", f(this, Un));
       }
     });
     Y(this, Un, (t) => {
-      $(this.querySelector("dialog")).offset({ left: t.changedTouches[0].pageX - f(this, _s).x, top: t.changedTouches[0].pageY - f(this, _s).y });
+      $(this.querySelector("dialog")).offset({ left: t.changedTouches[0].pageX - f(this, xs).x, top: t.changedTouches[0].pageY - f(this, xs).y });
     });
     Y(this, Il, (t) => {
       $(document).off("touchmove", f(this, Un));
@@ -32141,7 +32147,7 @@ class Bf extends HTMLElement {
     o && t && (o.textContent = t), f(this, Zc).call(this);
   }
 }
-_s = new WeakMap(), Zc = new WeakMap(), Tl = new WeakMap(), zn = new WeakMap(), Rl = new WeakMap(), Ml = new WeakMap(), Un = new WeakMap(), Il = new WeakMap();
+xs = new WeakMap(), Zc = new WeakMap(), Tl = new WeakMap(), zn = new WeakMap(), Rl = new WeakMap(), Ml = new WeakMap(), Un = new WeakMap(), Il = new WeakMap();
 customElements.get("nx-modal") || customElements.define("nx-modal", Bf);
 window.jQuery = window.$ = Bu;
 function zf() {