@ninebone/grid 0.0.128 → 0.0.130

package/dist/nine-grid.js

@@ -657,13 +657,13 @@ class Wu extends HTMLElement {
   }
 }
 customElements.get("nine-grid2") || customElements.define("nine-grid2", Wu);
-var Kn, Zn, Jn, ls, Ul;
+var Zn, Jn, Qn, ls, Ul;
 class Mr extends HTMLElement {
   constructor() {
     super();
-    Y(this, Kn);
     Y(this, Zn);
     Y(this, Jn);
+    Y(this, Qn);
     Y(this, ls);
     it(this, "getDisplayText", (t) => {
       if (this.cell)
@@ -791,17 +791,17 @@ class Mr extends HTMLElement {
   connectedCallback() {
     let t = this.getRootNode().host;
     if (t && t.tagName != "NINE-GRID" && (t = t.getRootNode().host), this.owner = t && t.tagName == "NINE-GRID" ? t : null, this.cell = this.closest("th,td"), this.cell && this.shadowRoot) {
-      tt(this, Kn, this.getAttribute("show-icon") == "true" || this.cell.getAttribute("show-icon") == "true"), tt(this, Zn, this.getAttribute("show-check") == "true" || this.cell.getAttribute("show-check") == "true"), tt(this, Jn, this.getAttribute("show-button") == "true" || this.cell.getAttribute("show-button") == "true"), this.cell.dataset.bind && H.j.querySelectorAll(this).addClass(this.cell.dataset.bind);
+      tt(this, Zn, this.getAttribute("show-icon") == "true" || this.cell.getAttribute("show-icon") == "true"), tt(this, Jn, this.getAttribute("show-check") == "true" || this.cell.getAttribute("show-check") == "true"), tt(this, Qn, this.getAttribute("show-button") == "true" || this.cell.getAttribute("show-button") == "true"), this.cell.dataset.bind && H.j.querySelectorAll(this).addClass(this.cell.dataset.bind);
       const c = this.shadowRoot.querySelector("style"), o = this.getAttribute("text-align") || this.cell.getAttribute("text-align") || "left";
-      if (H.j.querySelectorAll(this).addClass(`ng-${o}`), f(this, Kn)) {
+      if (H.j.querySelectorAll(this).addClass(`ng-${o}`), f(this, Zn)) {
         const s = this.getAttribute("icon-type") || this.cell.getAttribute("icon-type") || "sphere", e = this.getAttribute("icon-size") || this.cell.getAttribute("icon-size") || "8", i = this.getAttribute("icon-width") || this.cell.getAttribute("icon-width") || this.getAttribute("icon-size") || this.cell.getAttribute("icon-size") || "8", u = this.getAttribute("icon-height") || this.cell.getAttribute("icon-height") || this.getAttribute("icon-size") || this.cell.getAttribute("icon-size") || "8", a = this.getAttribute("icon-color") || this.cell.getAttribute("icon-color") || "gray", h = this.getAttribute("icon-position") || this.cell.getAttribute("icon-position") || "left-first", p = h.startsWith("left"), m = `<ng-expand-icon class="ng-${p ? "left" : "right"} ng-${h}" type="${s}" size="${e}" width="${i}" height="${u}" color="${a}"></ng-expand-icon>`;
         p ? c ? $(c).after(m) : $(this.shadowRoot).prepend(m) : $(this.shadowRoot).append(m);
       }
-      if (f(this, Zn)) {
+      if (f(this, Jn)) {
         const s = this.getAttribute("check-position") || this.cell.getAttribute("check-position") || "left-first", e = s.startsWith("left"), i = this.shadowRoot.querySelector(`.ng-${e ? "left" : "right"}`), u = this.shadowRoot.querySelector(`.ng-${e ? "left" : "right"}-first`), a = this.shadowRoot.querySelector(`.ng-${e ? "left" : "right"}-second`), h = this.shadowRoot.querySelector(`.ng-${e ? "left" : "right"}-third`), p = `<ng-expand-check class="ng-${e ? "left" : "right"} ng-${s}"></ng-expand-check>`;
         e ? i && s.endsWith("second") ? a || u ? $(a || u).after(p) : c ? $(c).after(p) : $(this.shadowRoot).prepend(p) : i && s.endsWith("third") ? h || a || u ? $(h || a || u).after(p) : c ? $(c).after(p) : $(this.shadowRoot).prepend(p) : c ? $(c).after(p) : $(this.shadowRoot).prepend(p) : i && s.endsWith("first") ? u || a || h ? $(u || a || h).before(p) : $(this.shadowRoot).append(p) : i && s.endsWith("second") ? a || h ? $(a || h).before(p) : $(this.shadowRoot).append(p) : $(this.shadowRoot).append(p);
       }
-      if (f(this, Jn)) {
+      if (f(this, Qn)) {
         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) {
           const g = this.shadowRoot.querySelector("input[type=text],textarea").previousElementSibling, S = this.shadowRoot.querySelector("input[type=text],textarea").nextElementSibling;
@@ -860,7 +860,7 @@ class Mr extends HTMLElement {
     return this.cell.closest("tr").data;
   }
 }
-Kn = new WeakMap(), Zn = new WeakMap(), Jn = new WeakMap(), ls = new WeakMap(), Ul = new WeakMap();
+Zn = new WeakMap(), Jn = new WeakMap(), Qn = new WeakMap(), ls = new WeakMap(), Ul = new WeakMap();
 class Ci extends Mr {
   constructor() {
     super();
@@ -970,7 +970,7 @@ class Yu {
   }
 }
 We = new WeakMap(), Vl = new WeakMap(), Wl = new WeakMap(), Xl = new WeakMap(), Yl = new WeakMap();
-var Xt, Gl, Ii, As, Ts, Ni, Rs, Oi, Qn, ji, $i, lr, Ru, Mu, Ku, Iu, Nu, Ou, Zu, ju, Qs, Li, to, eo, ro, so;
+var Xt, Gl, Ii, As, Ts, Ni, Rs, Oi, to, ji, $i, lr, Ru, Mu, Ku, Iu, Nu, Ou, Zu, ju, Qs, Li, eo, ro, so, io;
 class Gu {
   constructor(C) {
     Y(this, lr);
@@ -982,7 +982,7 @@ class Gu {
     Y(this, Ni);
     Y(this, Rs);
     Y(this, Oi);
-    Y(this, Qn);
+    Y(this, to);
     Y(this, ji);
     Y(this, $i);
     it(this, "moveCell", (C) => {
@@ -1037,7 +1037,7 @@ class Gu {
           break;
       }
       if (r != null && n != null && isFinite(r)) {
-        var s = f(this, to).call(this, r, n);
+        var s = f(this, eo).call(this, r, n);
         s && !s.querySelector("ng-row-indicator") && (this.currentCell = s);
       }
       ["Tab", "ArrowLeft", "ArrowRight"].includes(C.code) && f(this, Xt).body.querySelector("ng-hscrollbar").refresh();
@@ -1058,7 +1058,7 @@ class Gu {
       var l = f(this, Xt).body.querySelector(`tbody [data-matrix-row="${C}"][data-col="${t}"]`), c = t + (l.colSpan || 1), o = f(this, Xt).body.querySelector(`tbody [data-matrix-row="${C}"][data-col="${c}"]`);
       return H.j.querySelectorAll(o).hasClass("dummy") && (c = f(this, Li).call(this, C, c)), c;
     });
-    Y(this, to, (C, t) => {
+    Y(this, eo, (C, t) => {
       var l = parseInt(C / f(this, Xt).template.length), c = $(`[data-matrix-row=${C}][data-col=${t}]`, f(this, Xt).body).not(".dummy").filter(":visible");
       return c.length == 0 && (c = $(`[data-row=${l}][data-col=${t}]`, f(this, Xt).body).not(".dummy").filter(":visible")), c[0];
     });
@@ -1066,11 +1066,11 @@ class Gu {
       f(this, Xt).selection.refresh();
     });
     //#wheelCount = 0;
-    Y(this, eo, (C) => {
+    Y(this, ro, (C) => {
       C.altKey || C.shiftKey || C.ctrlKey || (C.preventDefault(), C.originalEvent.deltaY > 0 ? f(this, Xt).scrollBy(1) : f(this, Xt).scrollBy(-1));
     });
     //#top = 0;
-    Y(this, ro, (C) => {
+    Y(this, so, (C) => {
       if (!(C.ctrlKey || C.altKey) && !(C.target.tagName == "NG-ROW-INDICATOR" && [H.SELECTTYPE.CELL, H.SELECTTYPE.AREA].includes(f(this, Xt).selection.type)))
         if (C.shiftKey) {
           if ([H.SELECTTYPE.COLS, H.SELECTTYPE.ROWS, H.SELECTTYPE.AREA].includes(f(this, Xt).selection.type)) {
@@ -1085,7 +1085,7 @@ class Gu {
           if (!h && $(p).height() <= 0 && f(this, Xt).lastRowHidden && u == a) {
             const m = parseInt(i.closest("tr").dataset.matrixRow), d = parseInt(i.dataset.col);
             f(this, Xt).scrollBy(1);
-            const b = f(this, to).call(this, m, d);
+            const b = f(this, eo).call(this, m, d);
             this.currentCell = b, setTimeout(() => {
               b.focus();
             });
@@ -1093,7 +1093,7 @@ class Gu {
             this.currentCell = i;
         }
     });
-    Y(this, so, (C) => {
+    Y(this, io, (C) => {
       if (!(C.ctrlKey || C.altKey))
         if (["TH", "TD"].includes(C.target.tagName)) {
           if (["Tab", "PageUp", "PageDown", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(C.code))
@@ -1109,7 +1109,7 @@ class Gu {
         } else ["NG-INPUT"].includes(C.target.tagName) && ["Enter"].includes(C.code);
     });
     it(this, "resetEvent", () => {
-      document.addEventListener("contextmenu", (C) => C.preventDefault()), $(".ng-table tbody.bindable", f(this, Xt).body).off("wheel", f(this, eo)), $(".ng-table tbody", f(this, Xt).body).off("keydown", "th,td", f(this, so)), $(".ng-table tbody", f(this, Xt).body).off("mousedown", "th,td", f(this, ro)), $(".ng-table tbody.bindable", f(this, Xt).body).on("wheel", f(this, eo)), $(".ng-table tbody", f(this, Xt).body).on("keydown", "th,td", f(this, so)), $(".ng-table tbody", f(this, Xt).body).on("mousedown", "th,td", f(this, ro)), f(this, Xt).selection && f(this, Xt).selection.resetEvent();
+      document.addEventListener("contextmenu", (C) => C.preventDefault()), $(".ng-table tbody.bindable", f(this, Xt).body).off("wheel", f(this, ro)), $(".ng-table tbody", f(this, Xt).body).off("keydown", "th,td", f(this, io)), $(".ng-table tbody", f(this, Xt).body).off("mousedown", "th,td", f(this, so)), $(".ng-table tbody.bindable", f(this, Xt).body).on("wheel", f(this, ro)), $(".ng-table tbody", f(this, Xt).body).on("keydown", "th,td", f(this, io)), $(".ng-table tbody", f(this, Xt).body).on("mousedown", "th,td", f(this, so)), f(this, Xt).selection && f(this, Xt).selection.resetEvent();
     });
     tt(this, Xt, C), tt(this, As, -1), tt(this, Ts, -1), tt(this, Ni, -1), tt(this, Rs, -1), this.resetEvent();
   }
@@ -1127,7 +1127,7 @@ class Gu {
     tt(this, Gl, f(this, Ii)), tt(this, Ii, C), C.focus();
     var t = C.closest("tr");
     tt(this, lr, parseInt(t.dataset.row) * f(this, Xt).template.length + t.sectionRowIndex % f(this, Xt).template.length, Mu), tt(this, lr, parseInt(C.dataset.col), Ou), tt(this, lr, C.cellIndex, Iu), tt(this, lr, C.dataset.bind, ju), t.closest("tbody.fixed") || (f(this, Xt).row.at = C.dataset.row), f(this, Xt).selection.selectCell(f(this, lr, Ru), f(this, lr, Nu));
-    const l = C, c = parseInt(l.dataset.row), o = parseInt(l.dataset.matrixRow) % parseInt(l.dataset.row), r = parseInt(l.dataset.col), n = l.cellIndex, s = parseInt(f(this, As) / f(this, Xt).template.length), e = parseInt(f(this, As)) % parseInt(f(this, As) / f(this, Xt).template.length), i = f(this, Ni), u = f(this, Qn);
+    const l = C, c = parseInt(l.dataset.row), o = parseInt(l.dataset.matrixRow) % parseInt(l.dataset.row), r = parseInt(l.dataset.col), n = l.cellIndex, s = parseInt(f(this, As) / f(this, Xt).template.length), e = parseInt(f(this, As)) % parseInt(f(this, As) / f(this, Xt).template.length), i = f(this, Ni), u = f(this, to);
     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,14 +1151,14 @@ class Gu {
     }
   }
 }
-Xt = new WeakMap(), Gl = new WeakMap(), Ii = new WeakMap(), As = new WeakMap(), Ts = new WeakMap(), Ni = new WeakMap(), Rs = new WeakMap(), Oi = new WeakMap(), Qn = new WeakMap(), ji = new WeakMap(), $i = new WeakMap(), lr = new WeakSet(), Ru = function() {
+Xt = new WeakMap(), Gl = new WeakMap(), Ii = new WeakMap(), As = new WeakMap(), Ts = new WeakMap(), Ni = new WeakMap(), Rs = new WeakMap(), Oi = new WeakMap(), to = new WeakMap(), ji = new WeakMap(), $i = new WeakMap(), lr = new WeakSet(), Ru = function() {
   return f(this, Ts);
 }, Mu = function(C) {
   tt(this, As, f(this, Ts)), tt(this, Ts, parseInt(C));
 }, Ku = function() {
   return f(this, Oi);
 }, Iu = function(C) {
-  tt(this, Qn, f(this, Oi)), tt(this, Oi, parseInt(C));
+  tt(this, to, f(this, Oi)), tt(this, Oi, parseInt(C));
 }, Nu = function() {
   return f(this, Rs);
 }, Ou = function(C) {
@@ -1167,8 +1167,8 @@ Xt = new WeakMap(), Gl = new WeakMap(), Ii = new WeakMap(), As = new WeakMap(),
   return f(this, $i);
 }, ju = function(C) {
   tt(this, ji, f(this, $i)), tt(this, $i, C);
-}, Qs = new WeakMap(), Li = new WeakMap(), to = new WeakMap(), eo = new WeakMap(), ro = new WeakMap(), so = new WeakMap();
-var kt, wr, Pi, Kl, io;
+}, Qs = new WeakMap(), Li = new WeakMap(), eo = new WeakMap(), ro = new WeakMap(), so = new WeakMap(), io = new WeakMap();
+var kt, wr, Pi, Kl, no;
 class Ju {
   constructor(C) {
     Y(this, kt);
@@ -1247,12 +1247,12 @@ class Ju {
       (this.selected.oldStartRow != this.selected.startRow || this.selected.oldEndRow != this.selected.endRow || this.selected.oldStartCol != this.selected.startCol || this.selected.oldEndCol != this.selected.endCol) && (f(this, wr).oldStartRow = this.selected.oldStartRow, f(this, wr).oldEndRow = this.selected.oldEndRow, f(this, wr).oldStartCol = this.selected.oldStartCol, f(this, wr).oldEndCol = this.selected.oldEndCol, f(this, wr).startRow = this.selected.startRow, f(this, wr).endRow = this.selected.endRow, f(this, wr).startCol = this.selected.startCol, f(this, wr).endCol = this.selected.endCol, f(this, kt).dispatchEvent(f(this, wr))), this.selected.oldStartRow = this.selected.startRow, this.selected.oldEndRow = this.selected.endRow, this.selected.oldStartCol = this.selected.startCol, this.selected.oldEndCol = this.selected.endCol;
     });
     it(this, "resetEvent", () => {
-      $(".ng-table tbody.bindable", f(this, kt).body).off("mousedown", "th,td", f(this, io)).on("mousedown", "th,td", f(this, io));
+      $(".ng-table tbody.bindable", f(this, kt).body).off("mousedown", "th,td", f(this, no)).on("mousedown", "th,td", f(this, no));
     });
     Y(this, Kl, () => {
       this.resetEvent();
     });
-    Y(this, io, (C) => {
+    Y(this, no, (C) => {
       if (C.buttons != 1 || C.altKey || C.ctrlKey || C.shiftKey) return;
       const t = C.target.closest("th,td"), l = t.closest("tr"), c = parseInt(t.dataset.row) * f(this, kt).template.length + l.sectionRowIndex % f(this, kt).template.length, o = parseInt(t.dataset.col);
       this.selected.currentCol = t.dataset.col, this.selected.currentRow = t.dataset.row, this.selected.currentMatrixRow = parseInt(t.dataset.row * f(this, kt).template.length) + parseInt(t.closest("tr").sectionRowIndex % f(this, kt).template.length);
@@ -1407,20 +1407,20 @@ class Ju {
     return this.selected.endCol;
   }
 }
-kt = new WeakMap(), wr = new WeakMap(), Pi = new WeakMap(), Kl = new WeakMap(), io = new WeakMap();
-var Ot, hs, no, oo, ao, Ir, lo, ho, cr, co, Zl, Jl, Ql, th, eh, rh, uo, fo, po, mo;
+kt = new WeakMap(), wr = new WeakMap(), Pi = new WeakMap(), Kl = new WeakMap(), no = new WeakMap();
+var Ot, hs, oo, ao, lo, Ir, ho, co, cr, uo, Zl, Jl, Ql, th, eh, rh, fo, po, mo, go;
 class Qu {
   constructor(C) {
     Y(this, Ot);
     Y(this, hs);
-    Y(this, no);
     Y(this, oo);
     Y(this, ao);
-    Y(this, Ir);
     Y(this, lo);
+    Y(this, Ir);
     Y(this, ho);
+    Y(this, co);
     Y(this, cr, 0);
-    Y(this, co, (C) => {
+    Y(this, uo, (C) => {
       var t;
       return $(".ng-container-body tbody.bindable tr", f(this, Ot).body).each((l, c) => {
         var o = $(c).offset();
@@ -1513,12 +1513,12 @@ class Qu {
         C.style.transform = `translateY(${f(this, cr)}px)`;
       });
     });
-    Y(this, uo, (C) => {
-      clearInterval(f(this, hs)), tt(this, no, C.touches[0].pageX), tt(this, oo, C.touches[0].pageX - $(".ng-container-body table", f(this, Ot).body).position().left), tt(this, ao, C.touches[0].pageY), tt(this, Ir, C.touches[0].pageY), tt(this, ho, /* @__PURE__ */ new Date());
-      const t = f(this, co).call(this, C.touches[0].pageY);
-      t && tt(this, lo, parseInt(t.dataset.row));
-    });
     Y(this, fo, (C) => {
+      clearInterval(f(this, hs)), tt(this, oo, C.touches[0].pageX), tt(this, ao, C.touches[0].pageX - $(".ng-container-body table", f(this, Ot).body).position().left), tt(this, lo, C.touches[0].pageY), tt(this, Ir, C.touches[0].pageY), tt(this, co, /* @__PURE__ */ new Date());
+      const t = f(this, uo).call(this, C.touches[0].pageY);
+      t && tt(this, ho, parseInt(t.dataset.row));
+    });
+    Y(this, po, (C) => {
       if (!(C.touches.length > 1 || C.changedTouches.length > 1)) {
         if (C.preventDefault(), Math.abs(C.changedTouches[0].pageY - f(this, Ir)) > 0) {
           if (C.changedTouches[0].pageY > f(this, Ir)) {
@@ -1534,13 +1534,13 @@ class Qu {
           tt(this, cr, f(this, cr) + (C.changedTouches[0].pageY - f(this, Ir))), f(this, Ot).body.querySelectorAll("tbody.bindable").forEach((o) => {
             o.style.transform = `translateY(${f(this, cr)}px)`;
           }), tt(this, Ir, C.changedTouches[0].pageY);
-        } else if (Math.abs(C.changedTouches[0].pageX - f(this, no)) > 20) {
-          var c = C.changedTouches[0].pageX - f(this, oo);
+        } else if (Math.abs(C.changedTouches[0].pageX - f(this, oo)) > 20) {
+          var c = C.changedTouches[0].pageX - f(this, ao);
           c > 0 && (c = 0), $(".ng-container-body table", f(this, Ot).body).css({ left: c }), f(this, Ot).body.querySelector("ng-hscrollbar").adjustThumb2();
         }
       }
     });
-    Y(this, po, (C) => {
+    Y(this, mo, (C) => {
       f(this, Ot).view.getVisibleFirstRow() == 0 && f(this, cr) > 0 && this.scrollTop();
       var t = f(this, eh).call(this);
       f(this, Ot).dataManager.viewRecords.rawIndex += t, f(this, rh).call(this);
@@ -1548,34 +1548,34 @@ class Qu {
       for (var c = 0, o = f(this, Ot).view.getVisibleFirstRow(); o <= f(this, Ot).view.getVisibleLastRow(); o++)
         c += f(this, Ot).view.getRowHeight(o);
       $(".ng-container tbody.bindable tr.nodata", f(this, Ot).body).height(l - c), f(this, Ot).view.fitPage();
-      const r = f(this, co).call(this, C.changedTouches[0].pageY);
-      if (!r || f(this, lo) == parseInt(r.dataset.row)) return;
-      const n = 500, s = parseInt(/* @__PURE__ */ new Date() - f(this, ho));
+      const r = f(this, uo).call(this, C.changedTouches[0].pageY);
+      if (!r || f(this, ho) == parseInt(r.dataset.row)) return;
+      const n = 500, s = parseInt(/* @__PURE__ */ new Date() - f(this, co));
       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, ao) ? -1 : 1);
+      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, lo) ? -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));
       }, 10));
     });
-    Y(this, mo, (C) => {
+    Y(this, go, (C) => {
     });
     it(this, "resetEvent", () => {
-      $("tbody.bindable", f(this, Ot).body).off("touchstart", f(this, uo)), $("tbody.bindable", f(this, Ot).body).off("touchend", f(this, po)), $("tbody.bindable", f(this, Ot).body).off("touchmove", f(this, fo)), $("tbody.bindable", f(this, Ot).body).off("touchcancel", f(this, mo)), $("tbody.bindable", f(this, Ot).body).on("touchstart", f(this, uo)), $("tbody.bindable", f(this, Ot).body).on("touchend", f(this, po)), $("tbody.bindable", f(this, Ot).body).on("touchmove", f(this, fo)), $("tbody.bindable", f(this, Ot).body).on("touchcancel", f(this, mo));
+      $("tbody.bindable", f(this, Ot).body).off("touchstart", f(this, fo)), $("tbody.bindable", f(this, Ot).body).off("touchend", f(this, mo)), $("tbody.bindable", f(this, Ot).body).off("touchmove", f(this, po)), $("tbody.bindable", f(this, Ot).body).off("touchcancel", f(this, go)), $("tbody.bindable", f(this, Ot).body).on("touchstart", f(this, fo)), $("tbody.bindable", f(this, Ot).body).on("touchend", f(this, mo)), $("tbody.bindable", f(this, Ot).body).on("touchmove", f(this, po)), $("tbody.bindable", f(this, Ot).body).on("touchcancel", f(this, go));
     });
     tt(this, Ot, C), this.resetEvent();
   }
 }
-Ot = new WeakMap(), hs = new WeakMap(), no = new WeakMap(), oo = new WeakMap(), ao = new WeakMap(), Ir = new WeakMap(), lo = new WeakMap(), ho = new WeakMap(), cr = new WeakMap(), co = new WeakMap(), Zl = new WeakMap(), Jl = new WeakMap(), Ql = new WeakMap(), th = new WeakMap(), eh = new WeakMap(), rh = new WeakMap(), uo = new WeakMap(), fo = new WeakMap(), po = new WeakMap(), mo = new WeakMap();
-var sh, ih, Di, go, Bi;
+Ot = new WeakMap(), hs = new WeakMap(), oo = new WeakMap(), ao = new WeakMap(), lo = new WeakMap(), Ir = new WeakMap(), ho = new WeakMap(), co = new WeakMap(), cr = new WeakMap(), uo = new WeakMap(), Zl = new WeakMap(), Jl = new WeakMap(), Ql = new WeakMap(), th = new WeakMap(), eh = new WeakMap(), rh = new WeakMap(), fo = new WeakMap(), po = new WeakMap(), mo = new WeakMap(), go = new WeakMap();
+var sh, ih, Di, bo, Bi;
 class td extends Mr {
   constructor() {
     super();
     Y(this, sh);
     Y(this, ih);
     Y(this, Di);
-    Y(this, go);
+    Y(this, bo);
     Y(this, Bi);
     it(this, "dataRefresh", (t) => {
       var l = this.cell.closest("tr").data;
@@ -1591,7 +1591,7 @@ class td extends Mr {
         }
       }
       $(f(this, Di)).height(28), setTimeout(() => {
-        f(this, go).update();
+        f(this, bo).update();
       }), t || this.reset();
     });
   }
@@ -1647,18 +1647,18 @@ class td extends Mr {
           y: { display: !1 }
         }
       }
-    }), tt(this, go, new Chart(f(this, Di), f(this, Bi)));
+    }), tt(this, bo, new Chart(f(this, Di), f(this, Bi)));
   }
 }
-sh = new WeakMap(), ih = new WeakMap(), Di = new WeakMap(), go = new WeakMap(), Bi = new WeakMap();
+sh = new WeakMap(), ih = new WeakMap(), Di = new WeakMap(), bo = new WeakMap(), Bi = new WeakMap();
 customElements.get("ng-line-chart") || customElements.define("ng-line-chart", td);
-var Fi, qi, bo, Hi, zi;
+var Fi, qi, yo, Hi, zi;
 class ed extends Ci {
   constructor() {
     super();
     Y(this, Fi);
     Y(this, qi);
-    Y(this, bo);
+    Y(this, yo);
     Y(this, Hi);
     Y(this, zi);
     it(this, "dataRefresh", (t) => {
@@ -1673,10 +1673,10 @@ class ed extends Ci {
         l && l(r[s], s) == !1 || c && c(r[s], s) == !0 || o && o(r[s], s) == !1 || (r[s].v[n] = t ? this.trueValue : this.falseValue);
       this.owner.view.redraw();
     });
-    this.trueValue = this.getAttribute("true-value") || "Y", this.falseValue = this.getAttribute("false-value") || "N", tt(this, Hi, this.getAttribute("true-text") || ""), tt(this, zi, this.getAttribute("false-text") || ""), tt(this, bo, this.getAttribute("is-radio") == "true");
+    this.trueValue = this.getAttribute("true-value") || "Y", this.falseValue = this.getAttribute("false-value") || "N", tt(this, Hi, this.getAttribute("true-text") || ""), tt(this, zi, this.getAttribute("false-text") || ""), tt(this, yo, this.getAttribute("is-radio") == "true");
   }
   connectedCallback() {
-    const t = this.closest("th,td").getAttribute("text-align") || "center", l = t == "left" ? "flex-start" : t == "right" ? "flex-end" : "center", c = t == "right" ? "row-reverse" : "unset", o = this.getAttribute("selected-border-color") || "dimgray", r = "<label>" + (f(this, bo) ? `<input type="radio" value="${this.trueValue}">` : '<input type="checkbox">') + "<span></span></label>";
+    const t = this.closest("th,td").getAttribute("text-align") || "center", l = t == "left" ? "flex-start" : t == "right" ? "flex-end" : "center", c = t == "right" ? "row-reverse" : "unset", o = this.getAttribute("selected-border-color") || "dimgray", r = "<label>" + (f(this, yo) ? `<input type="radio" value="${this.trueValue}">` : '<input type="checkbox">') + "<span></span></label>";
     this.shadowRoot.innerHTML = `
 			<style>
 				@import "https://cdn.jsdelivr.net/npm/ninegrid2@${H.version}/dist/css/ngCheckBox.css";
@@ -1716,29 +1716,29 @@ class ed extends Ci {
     return [{ value: this.trueValue, text: f(this, Hi) }, { value: this.falseValue, text: f(this, zi) }];
   }
 }
-Fi = new WeakMap(), qi = new WeakMap(), bo = new WeakMap(), Hi = new WeakMap(), zi = new WeakMap();
+Fi = new WeakMap(), qi = new WeakMap(), yo = new WeakMap(), Hi = new WeakMap(), zi = new WeakMap();
 customElements.get("ng-checkbox") || customElements.define("ng-checkbox", ed);
-var ti, Dr, yo, Ui, vo, nh;
+var ti, Dr, vo, Ui, wo, nh;
 class rd extends HTMLElement {
   constructor() {
     super();
     Y(this, ti);
     Y(this, Dr);
-    Y(this, yo);
+    Y(this, vo);
     Y(this, Ui);
-    Y(this, vo, (t) => {
+    Y(this, wo, (t) => {
       t.preventDefault(), t.stopPropagation(), H.j.querySelectorAll(this).hasClass("expand") ? f(this, nh).call(this) : this.expand();
     });
     it(this, "expand", () => {
       if (H.j.querySelectorAll(this).hasClass("expand")) return;
-      $(this).addClass("expand"), f(this, Dr).style.color = f(this, yo);
+      $(this).addClass("expand"), f(this, Dr).style.color = f(this, vo);
       const t = parseInt(f(this, Dr).dataset.col), l = f(this, Dr).colSpan || 1;
       for (var c = 0; c < l; c++)
         f(this, ti).columns.width(t + c, f(this, Ui)[c]);
     });
     Y(this, nh, () => {
       if (!H.j.querySelectorAll(this).hasClass("expand")) return;
-      $(this).removeClass("expand"), tt(this, yo, f(this, Dr).style.color), f(this, Dr).style.color = "transparent", tt(this, Ui, []);
+      $(this).removeClass("expand"), tt(this, vo, f(this, Dr).style.color), f(this, Dr).style.color = "transparent", tt(this, Ui, []);
       const t = parseInt(f(this, Dr).dataset.col), l = f(this, Dr).colSpan || 1, c = 20 / l;
       for (var o = 0; o < l; o++) {
         const r = f(this, ti).body.querySelector(`colgroup col[data-col="${t + o}"]`);
@@ -1753,10 +1753,10 @@ class rd 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, vo)), $(this).on("click", f(this, vo));
+		`, tt(this, ti, this.getRootNode().host), tt(this, Dr, this.closest("th,td")), H.j.querySelectorAll(this).addClass("expand"), $(this).off("click", f(this, wo)), $(this).on("click", f(this, wo));
   }
 }
-ti = new WeakMap(), Dr = new WeakMap(), yo = new WeakMap(), Ui = new WeakMap(), vo = new WeakMap(), nh = new WeakMap();
+ti = new WeakMap(), Dr = new WeakMap(), vo = new WeakMap(), Ui = new WeakMap(), wo = new WeakMap(), nh = new WeakMap();
 customElements.get("ng-col-expand") || customElements.define("ng-col-expand", rd);
 class sd extends HTMLElement {
   constructor() {
@@ -1834,24 +1834,24 @@ class id extends HTMLElement {
 }
 customElements.get("ng-col-mover-grip") || customElements.define("ng-col-mover-grip", sd);
 customElements.get("ng-col-mover-indi") || customElements.define("ng-col-mover-indi", id);
-var we, Nr, Br, wo, xr, Vi, Fr, xo, uu, _o, du, So, ko, Wi, Xi, Co;
+var we, Nr, Br, xo, xr, Vi, Fr, _o, uu, So, du, ko, Co, Wi, Xi, Eo;
 class nd {
   constructor(C) {
     Y(this, we);
     Y(this, Nr);
     Y(this, Br);
-    Y(this, wo);
+    Y(this, xo);
     Y(this, xr);
     Y(this, Vi);
     Y(this, Fr);
     it(this, "resetEvent", () => {
-      $(document).off("mouseup", f(this, Wi)), $(".ng-table thead", f(this, we).body).off("mousedown", f(this, So)), f(this, we).body.querySelectorAll(".ng-table thead").forEach((C) => {
-        C.removeEventListener("click", f(this, xo));
-      }), $(document).on("mouseup", f(this, Wi)), $(".ng-table thead", f(this, we).body).on("mousedown", f(this, So)), f(this, we).body.querySelectorAll(".ng-table thead").forEach((C) => {
-        C.addEventListener("click", f(this, xo));
+      $(document).off("mouseup", f(this, Wi)), $(".ng-table thead", f(this, we).body).off("mousedown", f(this, ko)), f(this, we).body.querySelectorAll(".ng-table thead").forEach((C) => {
+        C.removeEventListener("click", f(this, _o));
+      }), $(document).on("mouseup", f(this, Wi)), $(".ng-table thead", f(this, we).body).on("mousedown", f(this, ko)), f(this, we).body.querySelectorAll(".ng-table thead").forEach((C) => {
+        C.addEventListener("click", f(this, _o));
       });
     });
-    Y(this, xo, (C) => {
+    Y(this, _o, (C) => {
       if (C.target.closest("ng-filter-button")) return;
       const t = C.currentTarget || C.target, l = getComputedStyle(t, ":before"), c = getComputedStyle(t, ":after");
       if (!(!l && !c)) {
@@ -1890,22 +1890,22 @@ class nd {
     Y(this, uu, (C) => {
       if (!["INPUT"].includes(C.target.tagName)) {
         var t = C.target.getBoundingClientRect();
-        C.offsetX = C.targetTouches[0].pageX - t.left, C.pageX = C.changedTouches[0].pageX, C.pageY = C.changedTouches[0].pageY, C.buttons = 1, f(this, ko).call(this, C), $(document).on("touchmove", (l) => f(this, _o).call(this, l));
+        C.offsetX = C.targetTouches[0].pageX - t.left, C.pageX = C.changedTouches[0].pageX, C.pageY = C.changedTouches[0].pageY, C.buttons = 1, f(this, Co).call(this, C), $(document).on("touchmove", (l) => f(this, So).call(this, l));
       }
     });
-    Y(this, _o, (C) => {
+    Y(this, So, (C) => {
       var t = C.target.getBoundingClientRect();
       C.offsetX = C.targetTouches[0].pageX - t.left, C.pageX = C.changedTouches[0].pageX, C.pageY = C.changedTouches[0].pageY, C.clientX = C.changedTouches[0].clientX, f(this, Xi).call(this, C);
     });
     Y(this, du, (C) => {
       C.clientX = C.changedTouches[0].clientX, f(this, Wi).call(this, C);
     });
-    Y(this, So, (C) => {
+    Y(this, ko, (C) => {
       H.j.querySelectorAll(f(this, we)).attr("col-movable") == "true" && C.target.tagName != "NG-FILTER-BUTTON" && (tt(this, Vi, !0), setTimeout(() => {
-        f(this, Vi) && f(this, ko).call(this, C);
+        f(this, Vi) && f(this, Co).call(this, C);
       }, 500));
     });
-    Y(this, ko, (C) => {
+    Y(this, Co, (C) => {
       if (C.buttons != 1 || C.altKey || C.ctrlKey || C.shiftkey || ["INPUT"].includes(C.target.tagName)) return;
       var t = C.pageX - $(C.target).offset().left;
       if (t <= 3 || $(C.target).width() - t <= 3) return;
@@ -1917,14 +1917,14 @@ class nd {
         target: l
         //e.target,
         //target : e.target.closest("th,td"),
-      }), tt(this, wo, t + f(this, Nr)[0].getBoundingClientRect().x);
+      }), tt(this, xo, t + f(this, Nr)[0].getBoundingClientRect().x);
       const c = f(this, Nr)[0].shadowRoot.querySelector("span");
-      c.innerHTML = $(C.target).html(), $(c).css({ font: $(l).css("font") }), f(this, Nr).show(), f(this, Nr).width($(l).width()), f(this, Nr).height($(l).height()), f(this, Nr).offset({ top: $(l).offset().top - 1 }), $(document).on("mousemove", f(this, Xi)), f(this, Co).call(this, C.pageX);
+      c.innerHTML = $(C.target).html(), $(c).css({ font: $(l).css("font") }), f(this, Nr).show(), f(this, Nr).width($(l).width()), f(this, Nr).height($(l).height()), f(this, Nr).offset({ top: $(l).offset().top - 1 }), $(document).on("mousemove", f(this, Xi)), f(this, Eo).call(this, C.pageX);
       const o = f(this, we).tableUtils.getElement("thead", f(this, xr).row, C.clientX);
       f(this, Br).height($(o).height());
     });
     Y(this, Wi, (C) => {
-      if (tt(this, Vi, !1), $(document).off("mousemove", f(this, Xi)), $(document).off("touchmove", f(this, _o)), f(this, Fr) && $(f(this, Fr).target).css({ cursor: f(this, Fr).cursor }), f(this, xr)) {
+      if (tt(this, Vi, !1), $(document).off("mousemove", f(this, Xi)), $(document).off("touchmove", f(this, So)), f(this, Fr) && $(f(this, Fr).target).css({ cursor: f(this, Fr).cursor }), f(this, xr)) {
         var t = f(this, we).tableUtils.getElement("thead", f(this, xr).row, C.clientX);
         f(this, we).columns.moveColumn(f(this, xr).target, t);
       }
@@ -1943,17 +1943,17 @@ class nd {
             f(this, Br).show(), f(this, Br).offset({ left: parseInt(l.left + $(t).width() - 1), top: l.top });
           } else
             f(this, Br).hide();
-        f(this, Co).call(this, C.pageX);
+        f(this, Eo).call(this, C.pageX);
       }
     });
-    Y(this, Co, (C) => {
-      f(this, Nr).offset({ left: C - f(this, wo) });
+    Y(this, Eo, (C) => {
+      f(this, Nr).offset({ left: C - f(this, xo) });
     });
     tt(this, we, C), $(".ng-container", f(this, we).body).append($("<ng-col-mover-grip></ng-col-mover-grip>").hide()).append($("<ng-col-mover-indi></ng-col-mover-indi>").hide()), tt(this, Nr, $("ng-col-mover-grip", f(this, we).body)), tt(this, Br, $("ng-col-mover-indi", f(this, we).body)), this.resetEvent();
   }
 }
-we = new WeakMap(), Nr = new WeakMap(), Br = new WeakMap(), wo = new WeakMap(), xr = new WeakMap(), Vi = new WeakMap(), Fr = new WeakMap(), xo = new WeakMap(), uu = new WeakMap(), _o = new WeakMap(), du = new WeakMap(), So = new WeakMap(), ko = new WeakMap(), Wi = new WeakMap(), Xi = new WeakMap(), Co = new WeakMap();
-var Me, _r, Sr, Ms, Is, qr, kr, Ns, Os, Eo, Ao, To, fu, Ro, oh, Mo, Yi, Gi, Ki, ei, Zi, ah;
+we = new WeakMap(), Nr = new WeakMap(), Br = new WeakMap(), xo = new WeakMap(), xr = new WeakMap(), Vi = new WeakMap(), Fr = new WeakMap(), _o = new WeakMap(), uu = new WeakMap(), So = new WeakMap(), du = new WeakMap(), ko = new WeakMap(), Co = new WeakMap(), Wi = new WeakMap(), Xi = new WeakMap(), Eo = new WeakMap();
+var Me, _r, Sr, Ms, Is, qr, kr, Ns, Os, Ao, To, Ro, fu, Mo, oh, Io, Yi, Gi, Ki, ei, Zi, ah;
 class od {
   constructor(C) {
     Y(this, Me);
@@ -1966,7 +1966,7 @@ class od {
     Y(this, Ns);
     Y(this, Os, []);
     it(this, "resetEvent", () => {
-      $(".ng-table > thead", f(this, Me).body).off("mousemove", f(this, To)).off("mousedown", f(this, Ro)).off("dblclick", f(this, Eo)), $(document).off("mouseup", f(this, Ao)), $(".ng-table > thead", f(this, Me).body).on("mousemove", f(this, To)).on("mousedown", f(this, Ro)).on("dblclick", f(this, Eo)), $(document).on("mouseup", f(this, Ao));
+      $(".ng-table > thead", f(this, Me).body).off("mousemove", f(this, Ro)).off("mousedown", f(this, Mo)).off("dblclick", f(this, Ao)), $(document).off("mouseup", f(this, To)), $(".ng-table > thead", f(this, Me).body).on("mousemove", f(this, Ro)).on("mousedown", f(this, Mo)).on("dblclick", f(this, Ao)), $(document).on("mouseup", f(this, To));
     });
     it(this, "autoFit", (C) => {
       if (f(this, Me).body)
@@ -1988,13 +1988,13 @@ class od {
             c.col.setAttribute("width", c.width);
           });
     });
-    Y(this, Eo, (C) => {
+    Y(this, Ao, (C) => {
       C.target.style.cursor == "col-resize" && f(this, ah).call(this, C);
     });
-    Y(this, Ao, (C) => {
+    Y(this, To, (C) => {
       tt(this, Is, !1);
     });
-    Y(this, To, (C) => {
+    Y(this, Ro, (C) => {
       if (!C.target.closest("ng-info") && (C.target = C.target.closest("th,td"), !!C.target && f(this, Me).getAttribute("col-resizable") == "true" && !(C.altKey || C.ctrlKey || C.shiftkey)))
         if (C.preventDefault(), C.offsetX <= 2 || C.offsetX >= C.target.offsetWidth - 2) {
           if (C.offsetX <= 2 && f(this, Me).tableUtils.isFirst(C.target) || C.offsetX >= C.target.offsetWidth - 2 && f(this, Me).tableUtils.isLast(C.target)) return;
@@ -2007,18 +2007,18 @@ class od {
         f(this, Is) && f(this, oh).call(this, C);
       }, 500);
     });
-    Y(this, Ro, (C) => {
+    Y(this, Mo, (C) => {
       const t = C.target.closest("th,td");
       !t || t.style.cursor != "col-resize" || (tt(this, Is, !0), setTimeout(() => {
-        f(this, Is) && f(this, Mo).call(this, C);
+        f(this, Is) && f(this, Io).call(this, C);
       }, 500));
     });
     Y(this, oh, (C) => {
       C.target = C.target.closest("th,td");
       var t = C.target.getBoundingClientRect();
-      C.offsetX = C.targetTouches[0].pageX - t.left, C.pageX = C.changedTouches[0].pageX, C.buttons = 1, f(this, Mo).call(this, C), f(this, _r).is(":visible") ? ($(C.target).on("touchmove", (l) => f(this, Yi).call(this, l)), $(C.target).on("touchend", (l) => f(this, Ki).call(this, l))) : ($(C.target).off("touchmove", (l) => f(this, Yi).call(this, l)), $(C.target).off("touchend", (l) => f(this, Ki).call(this, l)));
+      C.offsetX = C.targetTouches[0].pageX - t.left, C.pageX = C.changedTouches[0].pageX, C.buttons = 1, f(this, Io).call(this, C), f(this, _r).is(":visible") ? ($(C.target).on("touchmove", (l) => f(this, Yi).call(this, l)), $(C.target).on("touchend", (l) => f(this, Ki).call(this, l))) : ($(C.target).off("touchmove", (l) => f(this, Yi).call(this, l)), $(C.target).off("touchend", (l) => f(this, Ki).call(this, l)));
     });
-    Y(this, Mo, (C) => {
+    Y(this, Io, (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) {
           var t = $(`.col-indicator[data-col=${C.target.dataset.col}]`, f(this, Me).body).not(".dummy")[0];
@@ -2059,8 +2059,8 @@ class od {
     tt(this, Me, C), tt(this, _r, $('<div class="resizer-col-panel"><div class="grip"></div><div class="tooltip"><div></div><span></span><div></div></div></div>').hide()), $(f(this, Me).body).append(f(this, _r)), tt(this, Sr, f(this, _r).find(".grip")), tt(this, Ms, f(this, _r).find(".tooltip")), this.resetEvent();
   }
 }
-Me = new WeakMap(), _r = new WeakMap(), Sr = new WeakMap(), Ms = new WeakMap(), Is = new WeakMap(), qr = new WeakMap(), kr = new WeakMap(), Ns = new WeakMap(), Os = new WeakMap(), Eo = new WeakMap(), Ao = new WeakMap(), To = new WeakMap(), fu = new WeakMap(), Ro = new WeakMap(), oh = new WeakMap(), Mo = new WeakMap(), Yi = new WeakMap(), Gi = new WeakMap(), Ki = new WeakMap(), ei = new WeakMap(), Zi = new WeakMap(), ah = new WeakMap();
-var ue, ri, Or, Ji, Io, lh;
+Me = new WeakMap(), _r = new WeakMap(), Sr = new WeakMap(), Ms = new WeakMap(), Is = new WeakMap(), qr = new WeakMap(), kr = new WeakMap(), Ns = new WeakMap(), Os = new WeakMap(), Ao = new WeakMap(), To = new WeakMap(), Ro = new WeakMap(), fu = new WeakMap(), Mo = new WeakMap(), oh = new WeakMap(), Io = new WeakMap(), Yi = new WeakMap(), Gi = new WeakMap(), Ki = new WeakMap(), ei = new WeakMap(), Zi = new WeakMap(), ah = new WeakMap();
+var ue, ri, Or, Ji, No, lh;
 class ad {
   constructor(C) {
     Y(this, ue);
@@ -2101,7 +2101,7 @@ class ad {
       };
       return parseInt(t.dataset.col) > parseInt(l.dataset.col) ? c(C, l) : o(C, l);
     });
-    Y(this, Io, (C) => {
+    Y(this, No, (C) => {
       const t = {
         org: {
           thead: { cells: [] },
@@ -2145,7 +2145,7 @@ class ad {
     });
     it(this, "moveColumn", (C, t) => {
       if (!C || !t) return !1;
-      const l = f(this, ue).shadowRoot.querySelector("ng-foot").shadowRoot.querySelector("ng-layout"), c = f(this, Io).call(this, C), o = f(this, Io).call(this, t), r = t.closest("table"), n = !!(C.closest(".ng-container-left") || t.closest(".ng-container-left")), s = !!(C.closest(".ng-container-right") || t.closest(".ng-container-right"));
+      const l = f(this, ue).shadowRoot.querySelector("ng-foot").shadowRoot.querySelector("ng-layout"), c = f(this, No).call(this, C), o = f(this, No).call(this, t), r = t.closest("table"), n = !!(C.closest(".ng-container-left") || t.closest(".ng-container-left")), s = !!(C.closest(".ng-container-right") || t.closest(".ng-container-right"));
       if (!f(this, lh).call(this, C, t, c, o)) return !1;
       for (var e of [c.thead.cells, c.tfoot.cells, c.tbody.cells, c.fixed.cells])
         for (var i of e) {
@@ -2259,14 +2259,14 @@ class ad {
     tt(this, ue, C);
   }
 }
-ue = new WeakMap(), ri = new WeakMap(), Or = new WeakMap(), Ji = new WeakMap(), Io = new WeakMap(), lh = new WeakMap();
+ue = new WeakMap(), ri = new WeakMap(), Or = new WeakMap(), Ji = new WeakMap(), No = new WeakMap(), lh = new WeakMap();
 class ld extends Uu.constructor {
   constructor() {
     super(), this.init("nine-grid", "green");
   }
 }
-const Fl = new ld();
-var hh, Qi, Le, rr, No, js, si, tn, ch, uh, dh, fh, pu;
+const Yn = new ld();
+var hh, Qi, Le, rr, Oo, js, si, tn, ch, uh, dh, fh, pu;
 class hd extends Ci {
   constructor() {
     super();
@@ -2274,7 +2274,7 @@ class hd extends Ci {
     Y(this, Qi);
     Y(this, Le);
     Y(this, rr);
-    Y(this, No);
+    Y(this, Oo);
     Y(this, js);
     Y(this, si);
     Y(this, tn);
@@ -2302,7 +2302,7 @@ class hd extends Ci {
         console.log(f(this, rr)), f(this, Le).col = this.cell.dataset.col, f(this, Le).row = this.cell.closest("tr").sectionRowIndex, f(this, rr).length > f(this, hh) ? H.j.querySelectorAll(f(this, Le)).addClass("expand") : H.j.querySelectorAll(f(this, Le)).removeClass("expand"), this.multi ? H.j.querySelectorAll(f(this, Le)).addClass("multi") : H.j.querySelectorAll(f(this, Le)).removeClass("multi"), f(this, Le).refresh(this, f(this, rr), f(this, js), f(this, tn));
         var l = $(".btn1", this.shadowRoot).offset().left - $(this.owner).offset().left;
         l + $(f(this, Le)).width() > $(this.owner).width() && (l = $(".btn2", this.shadowRoot).offset().left - $(this.owner).offset().left - $(f(this, Le)).width() + 8), l < 0 && (l = 0);
-        var c = Math.min(f(this, rr).length, f(this, No)) * 26;
+        var c = Math.min(f(this, rr).length, f(this, Oo)) * 26;
         this.multi ? (H.j.querySelectorAll(f(this, Le)).hasClass("expand") && (c += 12, c += 3, c += 24), c += 2, c += 3, c += 25) : (H.j.querySelectorAll(f(this, Le)).hasClass("expand") && (c += 12, c += 3, c += 24), c += 3);
         var o = $(".btn1", this.shadowRoot).offset().top + $(".btn1", this.shadowRoot).height() - $(this.owner).offset().top + 3;
         o + c > $(this.owner).height() && (o -= c + $(".btn1", this.shadowRoot).height() + 6);
@@ -2321,7 +2321,7 @@ class hd extends Ci {
     Y(this, pu, () => "a");
   }
   connectedCallback() {
-    this.multi = this.getAttribute("multi") == "true", this.multiSeparator = this.getAttribute("multi-separator") || ",", tt(this, No, this.getAttribute("rows") || 5), tt(this, js, this.getAttribute("code") || "code"), tt(this, si, this.getAttribute("codename") || "codename"), tt(this, tn, (this.getAttribute("items") || f(this, si) || "").split(",")), f(this, tn).unshift("CHK");
+    this.multi = this.getAttribute("multi") == "true", this.multiSeparator = this.getAttribute("multi-separator") || ",", tt(this, Oo, this.getAttribute("rows") || 5), tt(this, js, this.getAttribute("code") || "code"), tt(this, si, this.getAttribute("codename") || "codename"), tt(this, tn, (this.getAttribute("items") || f(this, si) || "").split(",")), f(this, tn).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));
@@ -2351,21 +2351,21 @@ class hd extends Ci {
     return f(this, rr);
   }
 }
-hh = new WeakMap(), Qi = new WeakMap(), Le = new WeakMap(), rr = new WeakMap(), No = new WeakMap(), js = new WeakMap(), si = new WeakMap(), tn = new WeakMap(), ch = new WeakMap(), uh = new WeakMap(), dh = new WeakMap(), fh = new WeakMap(), pu = new WeakMap();
-var Oo, Pe, $s, ii, en, ph, jo, mh, $o, rn, mu, gh, bh;
+hh = new WeakMap(), Qi = new WeakMap(), Le = new WeakMap(), rr = new WeakMap(), Oo = new WeakMap(), js = new WeakMap(), si = new WeakMap(), tn = new WeakMap(), ch = new WeakMap(), uh = new WeakMap(), dh = new WeakMap(), fh = new WeakMap(), pu = new WeakMap();
+var jo, Pe, $s, ii, en, ph, $o, mh, Lo, rn, mu, gh, bh;
 class cd extends HTMLElement {
   constructor() {
     super();
-    Y(this, Oo);
+    Y(this, jo);
     Y(this, Pe);
     Y(this, $s);
     Y(this, ii);
     Y(this, en);
     Y(this, ph, () => {
-      $("input[type=checkbox]", this.shadowRoot).on("change", f(this, mh)), $("input[type=text]", this.shadowRoot).on("input", f(this, gh)), $("button#btnOk", this.shadowRoot).on("click", f(this, $o));
+      $("input[type=checkbox]", this.shadowRoot).on("change", f(this, mh)), $("input[type=text]", this.shadowRoot).on("input", f(this, gh)), $("button#btnOk", this.shadowRoot).on("click", f(this, Lo));
     });
-    Y(this, jo, (t) => {
-      ["TH", "TD"].includes(t.target.tagName) && ["Enter"].includes(t.code) && (f(this, Pe).multi ? f(this, $o).call(this, t) : f(this, rn).call(this, t));
+    Y(this, $o, (t) => {
+      ["TH", "TD"].includes(t.target.tagName) && ["Enter"].includes(t.code) && (f(this, Pe).multi ? f(this, Lo).call(this, t) : f(this, rn).call(this, t));
     });
     Y(this, mh, (t) => {
       var l = this.shadowRoot.querySelector("nine-grid"), c = l.fields.indexOf("CHK");
@@ -2373,7 +2373,7 @@ class cd extends HTMLElement {
         o.v[c] = $(t.target).prop("checked") ? "Y" : "N";
       }), l.refreshData();
     });
-    Y(this, $o, (t) => {
+    Y(this, Lo, (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));
       var n = [];
@@ -2445,7 +2445,7 @@ class cd extends HTMLElement {
       }
       setTimeout(() => {
         $(`tbody.bindable tr[data-row="${r.row.at}"]`, r.shadowRoot).find("td").eq(0).focus();
-      }), $(".ng-table tbody", r.body).off("keydown", "th,td", f(this, jo)), $(".ng-table tbody", r.body).on("keydown", "th,td", f(this, jo));
+      }), $(".ng-table tbody", r.body).off("keydown", "th,td", f(this, $o)), $(".ng-table tbody", r.body).on("keydown", "th,td", f(this, $o));
     });
     Y(this, bh, () => {
       var t = this.shadowRoot.querySelector("nine-grid");
@@ -2471,8 +2471,8 @@ class cd extends HTMLElement {
     this.attachShadow({ mode: "open" });
   }
   connectedCallback() {
-    tt(this, Oo, this.getRootNode().host.closest("nine-grid"));
-    const t = f(this, Oo).getAttribute("css-path") || "";
+    tt(this, jo, this.getRootNode().host.closest("nine-grid"));
+    const t = f(this, jo).getAttribute("css-path") || "";
     this.shadowRoot.innerHTML = `
 			<style>
 				@import "https://cdn.jsdelivr.net/npm/ninegrid2@${H.version}/dist/css/ngComboPanel.css";
@@ -2523,14 +2523,14 @@ class cd extends HTMLElement {
 		`, f(this, ph).call(this);
   }
 }
-Oo = new WeakMap(), Pe = new WeakMap(), $s = new WeakMap(), ii = new WeakMap(), en = new WeakMap(), ph = new WeakMap(), jo = new WeakMap(), mh = new WeakMap(), $o = new WeakMap(), rn = new WeakMap(), mu = new WeakMap(), gh = new WeakMap(), bh = new WeakMap();
+jo = new WeakMap(), Pe = new WeakMap(), $s = new WeakMap(), ii = new WeakMap(), en = new WeakMap(), ph = new WeakMap(), $o = new WeakMap(), mh = new WeakMap(), Lo = new WeakMap(), rn = new WeakMap(), mu = new WeakMap(), gh = new WeakMap(), bh = new WeakMap();
 customElements.get("ng-combo") || customElements.define("ng-combo", hd);
 customElements.get("ng-combo-panel") || customElements.define("ng-combo-panel", cd);
-var sn, Lo, nn, ni, on, Yr, yh, Po, vh;
+var sn, Po, nn, ni, on, Yr, yh, Do, vh;
 class ud {
   constructor(C) {
     Y(this, sn);
-    Y(this, Lo);
+    Y(this, Po);
     Y(this, nn);
     Y(this, ni);
     Y(this, on);
@@ -2544,17 +2544,17 @@ class ud {
         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, Lo) });
+      }), f(this, Yr).open(), f(this, ni) && f(this, ni).show && f(this, ni).show.call(this, { source: f(this, Po) });
     });
     Y(this, yh, (C) => {
-      tt(this, nn, f(this, Po).call(this, C.items, 0)), tt(this, ni, C.events), tt(this, Yr, $(`<ng-context-menu-panel id="${C.id}"></ng-context-menu-panel>`)[0]), $(f(this, sn).shadowRoot).append($(f(this, Yr)).hide()), f(this, Yr).init(f(this, nn)), $("li", f(this, Yr)).on("mousedown", (t) => {
-        C.callback && (t.menuId = t.currentTarget.getAttribute("menu-id"), t.source = f(this, Lo), C.callback(t)), $("ng-context-menu-panel", f(this, sn).shadowRoot).hide();
+      tt(this, nn, f(this, Do).call(this, C.items, 0)), tt(this, ni, C.events), tt(this, Yr, $(`<ng-context-menu-panel id="${C.id}"></ng-context-menu-panel>`)[0]), $(f(this, sn).shadowRoot).append($(f(this, Yr)).hide()), f(this, Yr).init(f(this, nn)), $("li", f(this, Yr)).on("mousedown", (t) => {
+        C.callback && (t.menuId = t.currentTarget.getAttribute("menu-id"), t.source = f(this, Po), C.callback(t)), $("ng-context-menu-panel", f(this, sn).shadowRoot).hide();
       });
     });
-    Y(this, Po, (C, t) => {
+    Y(this, Do, (C, t) => {
       tt(this, on, Math.max(t, f(this, on)) + 1), C = f(this, vh).call(this, C);
       for (const l of C)
-        l.level = t, l.hasOwnProperty("items") && (l.items = f(this, Po).call(this, l.items, t + 1));
+        l.level = t, l.hasOwnProperty("items") && (l.items = f(this, Do).call(this, l.items, t + 1));
       return C;
     });
     Y(this, vh, (C) => {
@@ -2569,26 +2569,26 @@ class ud {
     tt(this, on, 0), tt(this, sn, C.owner), f(this, yh).call(this, C);
   }
 }
-sn = new WeakMap(), Lo = new WeakMap(), nn = new WeakMap(), ni = new WeakMap(), on = new WeakMap(), Yr = new WeakMap(), yh = new WeakMap(), Po = new WeakMap(), vh = new WeakMap();
-var Do, wh;
+sn = new WeakMap(), Po = new WeakMap(), nn = new WeakMap(), ni = new WeakMap(), on = new WeakMap(), Yr = new WeakMap(), yh = new WeakMap(), Do = new WeakMap(), vh = new WeakMap();
+var Bo, wh;
 class dd extends HTMLElement {
   constructor() {
     super();
     it(this, "init", (t) => {
       var l = $("ul", this);
-      $("li", l).remove(), f(this, Do).call(this, l, t), $("li", this).on("mouseover", f(this, wh)), $("li", this).on("mouseout", (c) => {
+      $("li", l).remove(), f(this, Bo).call(this, l, t), $("li", this).on("mouseover", f(this, wh)), $("li", this).on("mouseout", (c) => {
         H.j.querySelectorAll(c.currentTarget).removeClass("visible");
       });
     });
     it(this, "open", () => {
       $(this).show();
     });
-    Y(this, Do, (t, l) => {
+    Y(this, Bo, (t, l) => {
       for (const n of l) {
         var c = (n.hasOwnProperty("className") ? n.className : "") + (n.hasOwnProperty("items") ? " submenu" : ""), o = $(`<li menu-id='${n.menuId}' id="${n.name}" class="${c.trim()}"><span>${n.name}</span></li>`);
         if (t.append(o), n.hasOwnProperty("items")) {
           var r = $("<ul></ul>");
-          o.append(r), f(this, Do).call(this, r, n.items);
+          o.append(r), f(this, Bo).call(this, r, n.items);
         }
       }
     });
@@ -2609,9 +2609,9 @@ class dd extends HTMLElement {
     this.innerHTML = "<ul></ul>";
   }
 }
-Do = new WeakMap(), wh = new WeakMap();
+Bo = new WeakMap(), wh = new WeakMap();
 customElements.get("ng-context-menu-panel") || customElements.define("ng-context-menu-panel", dd);
-var Hr, Bo, xh, _h, Sh;
+var Hr, Fo, xh, _h, Sh;
 class fd {
   /**
    * focus event, keyboard event, mouse event : common.js
@@ -2621,7 +2621,7 @@ class fd {
    */
   constructor(C) {
     Y(this, Hr);
-    Y(this, Bo, () => {
+    Y(this, Fo, () => {
       $(".ng-table tbody", f(this, Hr).shadowRoot).on("click", "th,td", f(this, xh)), $(".ng-table thead", f(this, Hr).shadowRoot).on("click", "th,td", f(this, _h)), $(".ng-table tfoot", f(this, Hr).shadowRoot).on("click", "th,td", f(this, Sh));
     });
     Y(this, xh, (C) => {
@@ -2639,35 +2639,35 @@ class fd {
       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);
     });
-    tt(this, Hr, C), f(this, Bo).call(this), f(this, Hr).addEventListener(H.EVENT.LAYOUT_CHANGED, (t) => {
-      f(this, Bo).call(this);
+    tt(this, Hr, C), f(this, Fo).call(this), f(this, Hr).addEventListener(H.EVENT.LAYOUT_CHANGED, (t) => {
+      f(this, Fo).call(this);
     });
   }
 }
-Hr = new WeakMap(), Bo = new WeakMap(), xh = new WeakMap(), _h = new WeakMap(), Sh = new WeakMap();
-var Gr, Fo, cs;
+Hr = new WeakMap(), Fo = new WeakMap(), xh = new WeakMap(), _h = new WeakMap(), Sh = new WeakMap();
+var Gr, qo, cs;
 class pd {
   constructor(C) {
     Y(this, Gr);
-    Y(this, Fo);
+    Y(this, qo);
     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, Fo, -1), tt(this, cs, -1);
+    tt(this, Gr, C), tt(this, qo, -1), tt(this, cs, -1);
   }
   get at() {
     return f(this, cs);
   }
   set at(C) {
-    tt(this, Fo, f(this, cs)), tt(this, cs, parseInt(C)), f(this, Gr).owner.body.querySelector(`tbody.bindable tr[data-row="${f(this, cs)}"]`) || setTimeout(() => {
+    tt(this, qo, 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));
     });
   }
 }
-Gr = new WeakMap(), Fo = new WeakMap(), cs = new WeakMap();
-var ze, qt, $e, Cr, oi, Ls, an, qo, ln, Ho, zo, kh, Uo, Vo, hn, cn, Wo, Xo, Yo;
+Gr = new WeakMap(), qo = new WeakMap(), cs = new WeakMap();
+var ze, qt, $e, Cr, oi, Ls, an, Ho, ln, zo, Uo, kh, Vo, Wo, hn, cn, Xo, Yo, Go;
 class md {
   constructor(C, t) {
     Y(this, ze);
@@ -2772,7 +2772,7 @@ class md {
       const l = t.eq(0)[0].dataset.col, c = H.j.querySelectorAll(`thead th[data-col="${l}"]:not(.col-indicator)`, f(this, qt).owner.body);
       c.removeClass("deleted").removeClass("added").removeClass("updated"), C.delete.length > 0 ? c.addClass("deleted") : C.insert.length > 0 ? c.addClass("added") : C.update.length > 0 && c.addClass("updated"), f(this, qt).owner.paging.refreshTotal();
     });
-    Y(this, qo, (C) => (Array.isArray(C) || (C = [C]), C.forEach((t, l) => {
+    Y(this, Ho, (C) => (Array.isArray(C) || (C = [C]), C.forEach((t, l) => {
       t.__ng = this.default, t.__ng.rowid = this.nextId, t.__ng.rowState = H.ROW_STATE.INSERT, t.__ng._[H.ROW.ID] = t.__ng.rowid;
     }), this.onRowStateChanged(), C));
     it(this, "sort", (C) => {
@@ -2821,7 +2821,7 @@ class md {
     it(this, "resetRecords", () => {
       tt(this, Cr, f(this, qt).rawRecords.filter((C) => !C.__ng.deleted)), tt(this, $e, f(this, qt).rawRecords.filter((C) => !C.__ng.deleted && !C.__ng._[H.ROW.PIN] && !C.__ng._[H.ROW.COLLAPSE] && !C.__ng.filtered && C.__ng.visible && C.__ng.paging)), this.resetIndex();
     });
-    Y(this, Ho, (C) => {
+    Y(this, zo, (C) => {
       Array.isArray(C) || (C = [C]);
       var t = [];
       return C.forEach((l) => {
@@ -2932,7 +2932,7 @@ class md {
      * oldValue : 이전값
      * newValue : 현재값
      */
-    Y(this, zo, (C, t, l, c) => {
+    Y(this, Uo, (C, t, l, c) => {
       if (l == c) return;
       const o = new CustomEvent(H.EVENT.DATA_CHANGED, { bubbles: !0, detail: {} });
       o.row = C, o.bind = t, o.oldvalue = l, o.value = c, o.data = this.get(C), f(this, qt).owner.dispatchEvent(o);
@@ -2947,8 +2947,8 @@ class md {
      */
     it(this, "add", (C, t) => {
       C == null && (C = {}), t == null && (t = !0);
-      const l = f(this, Ho).call(this, C);
-      f(this, qt).rawRecords = f(this, qt).rawRecords.concat(f(this, qo).call(this, l));
+      const l = f(this, zo).call(this, C);
+      f(this, qt).rawRecords = f(this, qt).rawRecords.concat(f(this, Ho).call(this, l));
       const c = f(this, qt).rawRecords.map((r) => r.__ng._[H.ROW.ORIGIN_ORDER]);
       if (c.length > 0) {
         const r = c.reduce(function(n, s) {
@@ -2973,11 +2973,11 @@ class md {
      */
     it(this, "insert", (C, t, l) => {
       C == null && (C = {}), t == null && (t = 0), l == null && (l = !0);
-      var c = f(this, Ho).call(this, C);
+      var c = f(this, zo).call(this, C);
       const o = f(this, qt).rawRecords[t].__ng._[H.ROW.ORIGIN_ORDER];
       return f(this, qt).rawRecords.filter((r) => r.__ng._[H.ROW.ORIGIN_ORDER] >= o).forEach((r) => {
         r.__ng._[H.ROW.ORIGIN_ORDER] += c.length;
-      }), c = f(this, qo).call(this, c), c.forEach((r, n) => {
+      }), c = f(this, Ho).call(this, c), c.forEach((r, n) => {
         r.__ng._[H.ROW.ORIGIN_ORDER] = o + n;
       }), f(this, qt).rawRecords.splice(t, 0, ...c), this.resetRecords(), l || this.changeRowState(H.ROW_STATE.EMPTY, t, t + c.length - 1), f(this, qt).viewRecords.reset(), t;
     });
@@ -3031,7 +3031,7 @@ class md {
       if (l < 0) throw new Error(`${C} not found.`);
       this.delete(l);
     });
-    Y(this, Uo, (C, t, l) => {
+    Y(this, Vo, (C, t, l) => {
       if (typeof l > "u")
         l = C.findIndex((e) => e.__ng._[H.ROW.ID] == t.__ng._[H.ROW.ID]);
       else if (typeof l == "number" || typeof l == "string")
@@ -3044,13 +3044,13 @@ class md {
           var r = f(this, ze).fields.indexOf(e);
           if (!(r < 0)) {
             var n = c.v[r], s = t[e];
-            c.v[r] = s, n != s && (c.__ng.rowState = H.ROW_STATE.UPDATE, o = !0, f(this, zo).call(this, l, e, n, s));
+            c.v[r] = s, n != s && (c.__ng.rowState = H.ROW_STATE.UPDATE, o = !0, f(this, Uo).call(this, l, e, n, s));
           }
         }
       o && this.onRowStateChanged(), f(this, qt).owner.refreshData();
     });
     it(this, "update", (C, t) => {
-      f(this, Uo).call(this, f(this, $e), C, t);
+      f(this, Vo).call(this, f(this, $e), C, t);
     });
     /**
      * 특정 행의 컬럼값을 변경한다.
@@ -3061,17 +3061,17 @@ class md {
      * updateState : 행의 상태를 ninegrid.ROW_STATE.INSERT 로 변경할 지를 결정한다. 기본값은 "true" 입니다.
      */
     it(this, "setValue", (C, t, l, c) => {
-      f(this, Vo).call(this, C, t, l, c, !1);
+      f(this, Wo).call(this, C, t, l, c, !1);
     });
     it(this, "setValueNF", (C, t, l, c) => {
-      f(this, Vo).call(this, C, t, l, c, !0);
+      f(this, Wo).call(this, C, t, l, c, !0);
     });
-    Y(this, Vo, (C, t, l, c, o) => {
+    Y(this, Wo, (C, t, l, c, o) => {
       C = parseInt(C), c == null && (c = !0);
       const r = f(this, ze).fields.indexOf(t);
       if (!(r < 0)) {
         var n = o ? this.getValidDataNF()[C] : this.getValidData()[C], s = n.v[r];
-        n.v[r] != l && n.__ng.rowState != H.ROW_STATE.INSERT && (n.__ng.o.hasOwnProperty(t) || (n.__ng.o[t] = s), c && (n.__ng.rowState = H.ROW_STATE.UPDATE, this.onRowStateChanged())), n.v[r] = l, f(this, qt).owner.refreshData(C), f(this, zo).call(this, C, t, s, l);
+        n.v[r] != l && n.__ng.rowState != H.ROW_STATE.INSERT && (n.__ng.o.hasOwnProperty(t) || (n.__ng.o[t] = s), c && (n.__ng.rowState = H.ROW_STATE.UPDATE, this.onRowStateChanged())), n.v[r] = l, f(this, qt).owner.refreshData(C), f(this, Uo).call(this, C, t, s, l);
       }
     });
     /**
@@ -3151,23 +3151,23 @@ class md {
      * 
      * return : 지정된 컬럼명에 해당하는 데이타 값을 배열로 반환
      */
-    Y(this, Wo, (C, t) => {
+    Y(this, Xo, (C, t) => {
       var l = f(this, ze).fields.indexOf(t);
       return l < 0 ? [] : C.map((c) => c.v[l]);
     });
-    it(this, "getMap", (C) => f(this, Wo).call(this, this.getValidData(), C));
-    it(this, "getMapNF", (C) => f(this, Wo).call(this, this.getValidDataNF(), C));
-    it(this, "findIndex", (C) => f(this, Xo).call(this, this.getValidData(), C));
-    it(this, "findIndexNF", (C) => f(this, Xo).call(this, this.getValidDataNF(), C));
-    Y(this, Xo, function(C, t) {
+    it(this, "getMap", (C) => f(this, Xo).call(this, this.getValidData(), C));
+    it(this, "getMapNF", (C) => f(this, Xo).call(this, this.getValidDataNF(), C));
+    it(this, "findIndex", (C) => f(this, Yo).call(this, this.getValidData(), C));
+    it(this, "findIndexNF", (C) => f(this, Yo).call(this, this.getValidDataNF(), C));
+    Y(this, Yo, function(C, t) {
       return this.conv2(C).findIndex(t);
     });
     /**
      * tree에서 호출
      */
-    it(this, "findIndex_1", (C) => f(this, Yo).call(this, this.getValidData(), C));
-    it(this, "findIndexNF_1", (C) => f(this, Yo).call(this, this.getValidDataNF(), C));
-    Y(this, Yo, function(C, t) {
+    it(this, "findIndex_1", (C) => f(this, Go).call(this, this.getValidData(), C));
+    it(this, "findIndexNF_1", (C) => f(this, Go).call(this, this.getValidDataNF(), C));
+    Y(this, Go, function(C, t) {
       let l = 0, c = C.length - 1, o;
       for (; l <= c; ) {
         if (o = parseInt((l + c) / 2), t === C[o].__ng._[H.ROW.INDEX])
@@ -3182,7 +3182,7 @@ class md {
       count: () => this.recordsNF().length,
       setRecord: (l, c, o, r) => f(this, hn).call(this, this.all.records(), l, c, o, r),
       indexOf: (l) => f(this, an).call(this, this.records(), l, this.recordsNF()),
-      update: (l, c) => f(this, Uo).call(this, this.records(), l, c)
+      update: (l, c) => f(this, Vo).call(this, this.records(), l, c)
     }, this.total = {
       indexOf: (l) => f(this, an).call(this, this.records(), l, f(this, qt).rawRecords)
     }, this.initialize();
@@ -3257,7 +3257,7 @@ class md {
     delete f(this, qt).rawRecords, tt(this, $e, []), tt(this, Cr, []), f(this, qt).rawRecords = [], f(this, qt).viewRecords.reset();
   }
 }
-ze = new WeakMap(), qt = new WeakMap(), $e = new WeakMap(), Cr = new WeakMap(), oi = new WeakMap(), Ls = new WeakMap(), an = new WeakMap(), qo = new WeakMap(), ln = new WeakMap(), Ho = new WeakMap(), zo = new WeakMap(), kh = new WeakMap(), Uo = new WeakMap(), Vo = new WeakMap(), hn = new WeakMap(), cn = new WeakMap(), Wo = new WeakMap(), Xo = new WeakMap(), Yo = new WeakMap();
+ze = new WeakMap(), qt = new WeakMap(), $e = new WeakMap(), Cr = new WeakMap(), oi = new WeakMap(), Ls = new WeakMap(), an = new WeakMap(), Ho = new WeakMap(), ln = new WeakMap(), zo = new WeakMap(), Uo = new WeakMap(), kh = new WeakMap(), Vo = new WeakMap(), Wo = new WeakMap(), hn = new WeakMap(), cn = new WeakMap(), Xo = new WeakMap(), Yo = new WeakMap(), Go = new WeakMap();
 class gd {
   constructor(C) {
     this.owner = C, this.row = new pd(this), this.data = new md(C, this), this.setDataSource = (l) => {
@@ -21665,7 +21665,7 @@ function xd() {
                 var Se = Zt(Et), ke = Zt(Rt), Te = "[object Array]", De = "[object Array]";
                 Se || (Te = (Te = me(Et)) == r ? s : Te), ke || (De = (De = me(Rt)) == r ? s : De);
                 var Qe = Te == s && !q(Et), hr = De == s && !q(Rt), Pr = Te == De;
-                if (Pr && !Qe) return Jt || (Jt = new Ht()), Se || Ye(Et) ? Re(Et, Rt, fe, oe, he, Jt) : (function(Ce, be, Ss, Js, Ol, vr, as) {
+                if (Pr && !Qe) return Jt || (Jt = new Ht()), Se || Ye(Et) ? Re(Et, Rt, fe, oe, he, Jt) : (function(Ce, be, Ss, Js, jl, vr, as) {
                   switch (Ss) {
                     case "[object DataView]":
                       if (Ce.byteLength != be.byteLength || Ce.byteOffset != be.byteOffset) return !1;
@@ -21686,10 +21686,10 @@ function xd() {
                     case e:
                       var Xn = 2 & vr;
                       if (ks || (ks = M), Ce.size != be.size && !Xn) return !1;
-                      var jl = as.get(Ce);
-                      if (jl) return jl == be;
+                      var $l = as.get(Ce);
+                      if ($l) return $l == be;
                       vr |= 1, as.set(Ce, be);
-                      var Ri = Re(ks(Ce), ks(be), Js, Ol, vr, as);
+                      var Ri = Re(ks(Ce), ks(be), Js, jl, vr, as);
                       return as.delete(Ce), Ri;
                     case "[object Symbol]":
                       if (bt) return bt.call(Ce) == bt.call(be);
@@ -21703,32 +21703,32 @@ function xd() {
                     return Jt || (Jt = new Ht()), fe(Ai, Ti, oe, he, Jt);
                   }
                 }
-                return Pr ? (Jt || (Jt = new Ht()), (function(Ce, be, Ss, Js, Ol, vr) {
-                  var as = 2 & Ol, ks = Ge(Ce), Xn = ks.length, jl = Ge(be).length;
-                  if (Xn != jl && !as) return !1;
+                return Pr ? (Jt || (Jt = new Ht()), (function(Ce, be, Ss, Js, jl, vr) {
+                  var as = 2 & jl, ks = Ge(Ce), Xn = ks.length, $l = Ge(be).length;
+                  if (Xn != $l && !as) return !1;
                   for (var Ri = Xn; Ri--; ) {
                     var Cs = ks[Ri];
                     if (!(as ? Cs in be : X.call(be, Cs))) return !1;
                   }
                   var ku = vr.get(Ce);
                   if (ku && vr.get(be)) return ku == be;
-                  var $l = !0;
+                  var Ll = !0;
                   vr.set(Ce, be), vr.set(be, Ce);
                   for (var su = as; ++Ri < Xn; ) {
                     Cs = ks[Ri];
-                    var Ll = Ce[Cs], Pl = be[Cs];
-                    if (Js) var Cu = as ? Js(Pl, Ll, Cs, be, Ce, vr) : Js(Ll, Pl, Cs, Ce, be, vr);
-                    if (!(Cu === void 0 ? Ll === Pl || Ss(Ll, Pl, Js, Ol, vr) : Cu)) {
-                      $l = !1;
+                    var Pl = Ce[Cs], Dl = be[Cs];
+                    if (Js) var Cu = as ? Js(Dl, Pl, Cs, be, Ce, vr) : Js(Pl, Dl, Cs, Ce, be, vr);
+                    if (!(Cu === void 0 ? Pl === Dl || Ss(Pl, Dl, Js, jl, vr) : Cu)) {
+                      Ll = !1;
                       break;
                     }
                     su || (su = Cs == "constructor");
                   }
-                  if ($l && !su) {
-                    var Dl = Ce.constructor, Bl = be.constructor;
-                    Dl == Bl || !("constructor" in Ce) || !("constructor" in be) || typeof Dl == "function" && Dl instanceof Dl && typeof Bl == "function" && Bl instanceof Bl || ($l = !1);
+                  if (Ll && !su) {
+                    var Bl = Ce.constructor, Fl = be.constructor;
+                    Bl == Fl || !("constructor" in Ce) || !("constructor" in be) || typeof Bl == "function" && Bl instanceof Bl && typeof Fl == "function" && Fl instanceof Fl || (Ll = !1);
                   }
-                  return vr.delete(Ce), vr.delete(be), $l;
+                  return vr.delete(Ce), vr.delete(be), Ll;
                 })(Et, Rt, fe, oe, he, Jt)) : !1;
               })(st, pt, _e, wt, _t, Bt));
             }
@@ -26463,11 +26463,11 @@ use chrome, FireFox or Internet Explorer 11`);
 }
 var _d = xd();
 const Sd = /* @__PURE__ */ wd(_d);
-var Ie, Go, un, us;
+var Ie, Ko, un, us;
 class kd {
   constructor(C, t) {
     Y(this, Ie);
-    Y(this, Go);
+    Y(this, Ko);
     Y(this, un);
     Y(this, us);
     it(this, "export", () => {
@@ -26614,30 +26614,30 @@ class kd {
           l(n, t).then((p) => {
           }), C.afterFunc && C.afterFunc.call(f(this, Ie));
         }), setTimeout(() => {
-          f(this, Go).close();
+          f(this, Ko).close();
         }));
       }, 500);
     });
     it(this, "exportPdf", () => {
       console.log("exportPdf");
     });
-    tt(this, Ie, C), tt(this, Go, t), tt(this, un, t.querySelector("#message-box")), tt(this, us, t.querySelector("#progress-bar"));
+    tt(this, Ie, C), tt(this, Ko, t), tt(this, un, t.querySelector("#message-box")), tt(this, us, t.querySelector("#progress-bar"));
   }
 }
-Ie = new WeakMap(), Go = new WeakMap(), un = new WeakMap(), us = new WeakMap();
-var ai, dn, Ko, gu, bu, Ch;
+Ie = new WeakMap(), Ko = new WeakMap(), un = new WeakMap(), us = new WeakMap();
+var ai, dn, Zo, gu, bu, Ch;
 class $u extends HTMLElement {
   constructor() {
     super();
     Y(this, ai);
     Y(this, dn);
-    Y(this, Ko);
+    Y(this, Zo);
     Y(this, gu);
     Y(this, bu, {});
     Y(this, Ch, () => {
     });
     it(this, "exportExcel", () => {
-      f(this, dn).data.count() > 500 && (f(this, ai).showModal(), $(".title", f(this, ai)).html("Export Excel")), f(this, Ko).export();
+      f(this, dn).data.count() > 500 && (f(this, ai).showModal(), $(".title", f(this, ai)).html("Export Excel")), f(this, Zo).export();
     });
     this.attachShadow({ mode: "open" });
   }
@@ -26682,20 +26682,20 @@ class $u extends HTMLElement {
 				</div>
 				<progress id="progress-bar" value="0" max="100">50%</progress>
 			</nx-dialog>
-		`, tt(this, ai, this.shadowRoot.querySelector("dialog")), tt(this, Ko, new kd(f(this, dn), f(this, ai))), f(this, Ch).call(this);
+		`, tt(this, ai, this.shadowRoot.querySelector("dialog")), tt(this, Zo, new kd(f(this, dn), f(this, ai))), f(this, Ch).call(this);
   }
 }
-ai = new WeakMap(), dn = new WeakMap(), Ko = new WeakMap(), gu = new WeakMap(), bu = new WeakMap(), Ch = new WeakMap();
+ai = new WeakMap(), dn = new WeakMap(), Zo = new WeakMap(), gu = new WeakMap(), bu = new WeakMap(), Ch = new WeakMap();
 customElements.get("ng-export") || customElements.define("ng-export", $u);
-var Zo, nr, Jo, Eh;
+var Jo, nr, Qo, Eh;
 class Cd {
   constructor(C) {
-    Y(this, Zo);
+    Y(this, Jo);
     Y(this, nr);
     it(this, "add", (C) => {
-      f(this, nr).push(...C), f(this, Jo).call(this);
+      f(this, nr).push(...C), f(this, Qo).call(this);
     });
-    Y(this, Jo, () => {
+    Y(this, Qo, () => {
       tt(this, nr, [...new Set(f(this, nr))]), ["", "__ng"].forEach((C) => {
         const t = f(this, nr).indexOf(C);
         t > -1 && f(this, nr).splice(t, 1);
@@ -26703,7 +26703,7 @@ class Cd {
     });
     Y(this, Eh, () => {
       tt(this, nr, []);
-      const C = f(this, Zo).shadowRoot.querySelector("ng-foot").shadowRoot.querySelector("ng-layout");
+      const C = f(this, Jo).shadowRoot.querySelector("ng-foot").shadowRoot.querySelector("ng-layout");
       if (C) {
         for (const t of C.tables)
           $("[data-bind]", t).each((l, c) => {
@@ -26728,10 +26728,10 @@ class Cd {
               });
             });
           });
-        f(this, Jo).call(this);
+        f(this, Qo).call(this);
       }
     });
-    tt(this, Zo, C), f(this, Eh).call(this);
+    tt(this, Jo, C), f(this, Eh).call(this);
   }
   get() {
     return f(this, nr);
@@ -26743,7 +26743,7 @@ class Cd {
     return f(this, nr).includes(C);
   }
 }
-Zo = new WeakMap(), nr = new WeakMap(), Jo = new WeakMap(), Eh = new WeakMap();
+Jo = new WeakMap(), nr = new WeakMap(), Qo = new WeakMap(), Eh = new WeakMap();
 var Ah;
 class Ed extends HTMLElement {
   constructor() {
@@ -26811,15 +26811,15 @@ class Ad extends HTMLElement {
 fn = new WeakMap(), ds = new WeakMap(), zr = new WeakMap(), fs = new WeakMap(), Th = new WeakMap();
 customElements.get("ng-layout") || customElements.define("ng-layout", Ad);
 customElements.get("ng-foot") || customElements.define("ng-foot", Ed);
-var Qo;
+var ta;
 class Td extends HTMLElement {
   constructor() {
     super();
-    Y(this, Qo);
+    Y(this, ta);
     this.attachShadow({ mode: "open" });
   }
   connectedCallback() {
-    tt(this, Qo, this.getRootNode().host), !H.j.querySelectorAll(f(this, Qo)).hasClass("simple") && (this.shadowRoot.innerHTML = `
+    tt(this, ta, this.getRootNode().host), !H.j.querySelectorAll(f(this, ta)).hasClass("simple") && (this.shadowRoot.innerHTML = `
 			<style>
 				@import "https://cdn.jsdelivr.net/npm/ninegrid2@${H.version}/dist/css/ngHead.css";
 				${H.getCustomPath(this, "ngHead.css")}
@@ -26831,7 +26831,7 @@ class Td extends HTMLElement {
 		`);
   }
 }
-Qo = new WeakMap();
+ta = new WeakMap();
 var pn;
 class Rd extends HTMLElement {
   constructor() {
@@ -27102,11 +27102,11 @@ class Pd {
   }
 }
 Ih = new WeakMap(), Nh = new WeakMap(), Oh = new WeakMap(), jh = new WeakMap(), $h = new WeakMap();
-var ta, gn, Lh, ea;
+var ea, gn, Lh, ra;
 class Dd extends HTMLElement {
   constructor() {
     super();
-    Y(this, ta);
+    Y(this, ea);
     Y(this, gn);
     Y(this, Lh, () => {
       $("div.panel", this.shadowRoot).show(), $(f(this, gn)).css({ overflow: "visible" });
@@ -27114,8 +27114,8 @@ class Dd extends HTMLElement {
     it(this, "close", () => {
       $("div.panel", this.shadowRoot).hide(), $(f(this, gn)).css({ overflow: "unset" });
     });
-    Y(this, ea, () => {
-      f(this, ta).body.querySelectorAll("ng-info").forEach((t) => {
+    Y(this, ra, () => {
+      f(this, ea).body.querySelectorAll("ng-info").forEach((t) => {
         var l = t.shadowRoot.querySelector("div.panel");
         $(l).is(":visible") && ($(l).hide(), $(t.closest("th,td")).css({ overflow: "unset" }));
       });
@@ -27138,14 +27138,14 @@ class Dd extends HTMLElement {
 			<div class="panel">
 				${t}
 			</div>
-		`, tt(this, ta, this.getRootNode().host), tt(this, gn, this.closest("th,td")), $("svg.icon", this.shadowRoot).on("click", (l) => {
-      l.preventDefault(), l.stopPropagation(), $("div.panel", this.shadowRoot).is(":visible") ? f(this, ea).call(this) : (f(this, ea).call(this), f(this, Lh).call(this));
+		`, tt(this, ea, this.getRootNode().host), tt(this, gn, this.closest("th,td")), $("svg.icon", this.shadowRoot).on("click", (l) => {
+      l.preventDefault(), l.stopPropagation(), $("div.panel", this.shadowRoot).is(":visible") ? f(this, ra).call(this) : (f(this, ra).call(this), f(this, Lh).call(this));
     }), $(this).on("click", (l) => {
       l.stopPropagation();
     });
   }
 }
-ta = new WeakMap(), gn = new WeakMap(), Lh = new WeakMap(), ea = new WeakMap();
+ea = new WeakMap(), gn = new WeakMap(), Lh = new WeakMap(), ra = new WeakMap();
 customElements.get("ng-info") || customElements.define("ng-info", Dd);
 var Kr, Ph;
 class Bd extends Ci {
@@ -27469,14 +27469,14 @@ Do you want to save it?`, "SAVE", { class: "rgb", "true-text": "Yes", "false-tex
 }
 Qr = new WeakMap(), ts = new WeakMap();
 customElements.get("ng-max-popup") || customElements.define("ng-max-popup", zd);
-var Lt, ra, Fh;
+var Lt, sa, Fh;
 class Ud extends HTMLElement {
   constructor() {
     super();
     Y(this, Lt);
-    Y(this, ra);
+    Y(this, sa);
     Y(this, Fh);
-    tt(this, ra, new Pd(f(this, Lt))), tt(this, Fh, new $u(f(this, Lt)));
+    tt(this, sa, new Pd(f(this, Lt))), tt(this, Fh, new $u(f(this, Lt)));
   }
   connectedCallback() {
     tt(this, Lt, this.getRootNode().host.getRootNode().host), this.innerHTML = "";
@@ -27589,7 +27589,7 @@ class Ud extends HTMLElement {
             $("ng-max-popup", f(this, Lt).shadowRoot).remove(), $(f(this, Lt).shadowRoot).append($("<ng-max-popup></ng-max-popup>")), f(this, Lt).shadowRoot.querySelector("ng-max-popup").popup();
             break;
           case "import":
-            f(this, ra).importExcel();
+            f(this, sa).importExcel();
             break;
           case "export-excel":
             f(this, Lt).export();
@@ -27665,17 +27665,17 @@ class Ud extends HTMLElement {
     });
   }
 }
-Lt = new WeakMap(), ra = new WeakMap(), Fh = new WeakMap();
+Lt = new WeakMap(), sa = new WeakMap(), Fh = new WeakMap();
 customElements.get("ng-menu") || customElements.define("ng-menu", Ud);
-var Be, sa, ia, Er, na, Ue, tr, Bs, qh, xn, Hh;
+var Be, ia, na, Er, oa, Ue, tr, Bs, qh, xn, Hh;
 class Vd extends HTMLElement {
   constructor() {
     super();
     Y(this, Be);
-    Y(this, sa);
     Y(this, ia);
-    Y(this, Er);
     Y(this, na);
+    Y(this, Er);
+    Y(this, oa);
     Y(this, Ue);
     Y(this, tr);
     Y(this, Bs);
@@ -27694,7 +27694,7 @@ class Vd extends HTMLElement {
     });
     it(this, "movePage", (t) => {
       if (!(!f(this, Be) || !f(this, Be).data || isNaN(t))) {
-        if (this.type == H.PAGINGTYPE.SERVER && (H.j.querySelectorAll(".ng-paging-first", this).attr("disabled", !0), H.j.querySelectorAll(".ng-paging-prev", this).attr("disabled", !0), H.j.querySelectorAll(".ng-paging-next", this).attr("disabled", !0), H.j.querySelectorAll(".ng-paging-last", this).attr("disabled", !0)), tt(this, na, f(this, Ue)), tt(this, Ue, t), this.type == H.PAGINGTYPE.CLIENT) {
+        if (this.type == H.PAGINGTYPE.SERVER && (H.j.querySelectorAll(".ng-paging-first", this).attr("disabled", !0), H.j.querySelectorAll(".ng-paging-prev", this).attr("disabled", !0), H.j.querySelectorAll(".ng-paging-next", this).attr("disabled", !0), H.j.querySelectorAll(".ng-paging-last", this).attr("disabled", !0)), tt(this, oa, f(this, Ue)), tt(this, Ue, t), this.type == H.PAGINGTYPE.CLIENT) {
           var l = f(this, Be).data.getValidDataNF();
           if (tt(this, tr, Math.ceil(l.length / f(this, Er))), l.length == 0)
             tt(this, tr, 0);
@@ -27706,7 +27706,7 @@ class Vd extends HTMLElement {
             l[c].__ng.paging = !0;
           f(this, Be).data.resetRecords(), f(this, Be).scrollTo_V1(0);
         }
-        this.type == H.PAGINGTYPE.SERVER && f(this, na) != f(this, Ue) && (this.onpagechanged.pageIndex = f(this, Ue), this.onpagechanged.pageCnt = f(this, Er), f(this, Be).dispatchEvent(this.onpagechanged));
+        this.type == H.PAGINGTYPE.SERVER && f(this, oa) != f(this, Ue) && (this.onpagechanged.pageIndex = f(this, Ue), this.onpagechanged.pageCnt = f(this, Er), f(this, Be).dispatchEvent(this.onpagechanged));
       }
     });
     it(this, "reset", () => {
@@ -27772,11 +27772,11 @@ class Vd extends HTMLElement {
     return f(this, Er);
   }
   get count() {
-    return f(this, sa);
+    return f(this, ia);
   }
   set count(t) {
     setTimeout(() => {
-      if (tt(this, sa, t), t == H.PAGINGCOUNT.AUTO) {
+      if (tt(this, ia, t), t == H.PAGINGCOUNT.AUTO) {
         var l = $(".ng-container-body", f(this, Be).body).height() - ($(".ng-container-body thead", f(this, Be).body).height() || 0) - ($(".ng-container-body tfoot", f(this, Be).body).height() || 0), c = 0;
         $(f(this, Be).template).each((o, r) => c += $(r).height()), tt(this, Er, Math.floor(l / c));
       } else
@@ -27795,22 +27795,22 @@ class Vd extends HTMLElement {
     });
   }
   get url() {
-    return f(this, ia);
+    return f(this, na);
   }
   set url(t) {
-    tt(this, ia, t);
+    tt(this, na, t);
   }
 }
-Be = new WeakMap(), sa = new WeakMap(), ia = new WeakMap(), Er = new WeakMap(), na = new WeakMap(), Ue = new WeakMap(), tr = new WeakMap(), Bs = new WeakMap(), qh = new WeakMap(), xn = new WeakMap(), Hh = new WeakMap();
+Be = new WeakMap(), ia = new WeakMap(), na = new WeakMap(), Er = new WeakMap(), oa = new WeakMap(), Ue = new WeakMap(), tr = new WeakMap(), Bs = new WeakMap(), qh = new WeakMap(), xn = new WeakMap(), Hh = new WeakMap();
 customElements.get("ng-paging") || customElements.define("ng-paging", Vd);
-var ui, oa;
+var ui, aa;
 class Wd extends Mr {
   constructor() {
     super();
     Y(this, ui);
-    Y(this, oa);
+    Y(this, aa);
     it(this, "dataRefresh", (t) => {
-      f(this, ui).value = this.value, f(this, oa).innerHTML = this.getDisplayText(), t || this.reset();
+      f(this, ui).value = this.value, f(this, aa).innerHTML = this.getDisplayText(), t || this.reset();
     });
   }
   connectedCallback() {
@@ -27839,10 +27839,10 @@ class Wd extends Mr {
 				<progress ${n.join(" ")}></progress>
 				<span></span>
 			</div>
-		`, super.connectedCallback(), tt(this, ui, this.shadowRoot.querySelector("progress")), tt(this, oa, this.shadowRoot.querySelector("span")), f(this, ui).getAttribute("max") || f(this, ui).setAttribute("max", 100);
+		`, super.connectedCallback(), tt(this, ui, this.shadowRoot.querySelector("progress")), tt(this, aa, this.shadowRoot.querySelector("span")), f(this, ui).getAttribute("max") || f(this, ui).setAttribute("max", 100);
   }
 }
-ui = new WeakMap(), oa = new WeakMap();
+ui = new WeakMap(), aa = new WeakMap();
 customElements.get("ng-progress") || customElements.define("ng-progress", Wd);
 var Fs, jr, qs, di, zh, Uh;
 class Xd extends Ci {
@@ -28104,21 +28104,21 @@ const Mi = class Mi extends Mr {
 Wh = new WeakMap(), //static sourceRow = -1;
 it(Mi, "dragData"), it(Mi, "scrollInterval");
 let ir = Mi;
-var He, aa, la, ha, ms, ca, ua, da, fa;
+var He, la, ha, ca, ms, ua, da, fa, pa;
 class Zd {
   constructor(C) {
     Y(this, He);
     /** attribute 변경에 대한 반응 */
     it(this, "resetEvent", () => {
-      $(".ng-table tbody.bindable", f(this, He).body).off("dragleave", f(this, ua)).off("dragenter", f(this, ca)).off("dragover", f(this, ha)).off("drop", f(this, fa)).off("dragend", f(this, da)).on("dragleave", f(this, ua)).on("dragenter", f(this, ca)).on("dragover", f(this, ha)).on("drop", f(this, fa)).on("dragend", f(this, da));
+      $(".ng-table tbody.bindable", f(this, He).body).off("dragleave", f(this, da)).off("dragenter", f(this, ua)).off("dragover", f(this, ca)).off("drop", f(this, pa)).off("dragend", f(this, fa)).on("dragleave", f(this, da)).on("dragenter", f(this, ua)).on("dragover", f(this, ca)).on("drop", f(this, pa)).on("dragend", f(this, fa));
     });
-    Y(this, aa, (C) => {
+    Y(this, la, (C) => {
       [".ng-container-left", ".ng-container-body", ".ng-container-right"].forEach((t) => {
         const l = f(this, He).body.querySelectorAll(`${t} tr[data-row="${C}"]`);
         H.j.querySelectorAll("th,td", l[0]).addClass("ng-dragover-up");
       });
     });
-    Y(this, la, (C) => {
+    Y(this, ha, (C) => {
       [".ng-container-left", ".ng-container-body", ".ng-container-right"].forEach((t) => {
         f(this, He).body.querySelectorAll(`${t} tr[data-row="${C}"]`).forEach((l, c) => {
           l.querySelectorAll("th,td").forEach((o) => {
@@ -28127,18 +28127,18 @@ class Zd {
         });
       });
     });
-    Y(this, ha, (C) => {
+    Y(this, ca, (C) => {
       C.preventDefault();
       const t = ir.dragData.tr.getRootNode().host, l = C.currentTarget.getRootNode().host, c = parseInt(ir.dragData.tr.dataset.row), o = parseInt(C.target.closest("th,td").dataset.row);
       if (H.j.querySelectorAll("th,td", t.body).removeClass("ng-dragover-up").removeClass("ng-dragover-down"), H.j.querySelectorAll("th,td", l.body).removeClass("ng-dragover-up").removeClass("ng-dragover-down"), t.id == l.id)
-        o < c ? (f(this, aa).call(this, o), ir.dragData.targetRow = o) : o > c && (f(this, la).call(this, o), ir.dragData.targetRow = o - 1);
+        o < c ? (f(this, la).call(this, o), ir.dragData.targetRow = o) : o > c && (f(this, ha).call(this, o), ir.dragData.targetRow = o - 1);
       else {
         const r = f(this, He).body.querySelector(`tr[data-row="${o}"]`), s = C.pageY - $(r).offset().top < f(this, He).view.getRowHeight(o) / 2;
-        s ? f(this, aa).call(this, o) : f(this, la).call(this, o), ir.dragData.targetRow = s ? o : o + 1;
+        s ? f(this, la).call(this, o) : f(this, ha).call(this, o), ir.dragData.targetRow = s ? o : o + 1;
       }
     });
     Y(this, ms);
-    Y(this, ca, (C) => {
+    Y(this, ua, (C) => {
       C.preventDefault();
       const t = parseInt(C.target.closest("tr").dataset.row);
       [f(this, He).view.getVisibleFirstRow(), f(this, He).view.getVisibleLastRow()].includes(t) && setTimeout(() => {
@@ -28150,12 +28150,12 @@ class Zd {
         }
       });
     });
-    Y(this, ua, (C) => {
-      C.preventDefault(), clearInterval(f(this, ms)), tt(this, ms, null);
-    });
     Y(this, da, (C) => {
+      C.preventDefault(), clearInterval(f(this, ms)), tt(this, ms, null);
     });
     Y(this, fa, (C) => {
+    });
+    Y(this, pa, (C) => {
       C.preventDefault(), clearInterval(f(this, ms)), tt(this, ms, null), f(this, He).body.querySelectorAll(".ng-container-left .ng-tmp").forEach((a) => {
         $(a).remove();
       });
@@ -28179,9 +28179,9 @@ class Zd {
     tt(this, He, C), this.resetEvent();
   }
 }
-He = new WeakMap(), aa = new WeakMap(), la = new WeakMap(), ha = new WeakMap(), ms = new WeakMap(), ca = new WeakMap(), ua = new WeakMap(), da = new WeakMap(), fa = new WeakMap();
+He = new WeakMap(), la = new WeakMap(), ha = new WeakMap(), ca = new WeakMap(), ms = new WeakMap(), ua = new WeakMap(), da = new WeakMap(), fa = new WeakMap(), pa = new WeakMap();
 customElements.get("ng-row-drag") || customElements.define("ng-row-drag", ir);
-var sr, pr, pi, Xh, Yh, pa;
+var sr, pr, pi, Xh, Yh, ma;
 class Jd extends HTMLElement {
   constructor() {
     super();
@@ -28190,12 +28190,12 @@ class Jd extends HTMLElement {
     Y(this, pi);
     Y(this, Xh, () => {
       const l = `data.${H.j.querySelectorAll(`[data-col="${f(this, pr).dataset.col}"]`, f(this, sr).tmpl).attr("data-bind")}.replaceAll("\\n", "<br>")`;
-      H.j.querySelectorAll(this).addClass("expand"), H.j.querySelectorAll(`[data-col="${f(this, pr).dataset.col}"]`, f(this, sr).tmpl).attr("data-expr", l), H.j.querySelectorAll(`[data-col="${f(this, pr).dataset.col}"]`, f(this, sr).body).attr("data-expr", l), f(this, pa).call(this);
+      H.j.querySelectorAll(this).addClass("expand"), H.j.querySelectorAll(`[data-col="${f(this, pr).dataset.col}"]`, f(this, sr).tmpl).attr("data-expr", l), H.j.querySelectorAll(`[data-col="${f(this, pr).dataset.col}"]`, f(this, sr).body).attr("data-expr", l), f(this, ma).call(this);
     });
     Y(this, Yh, () => {
-      H.j.querySelectorAll(this).removeClass("expand"), f(this, pi) ? (H.j.querySelectorAll(`[data-col="${f(this, pr).dataset.col}"]`, f(this, sr).tmpl).attr("data-expr", f(this, pi)), H.j.querySelectorAll(`[data-col="${f(this, pr).dataset.col}"]`, f(this, sr).body).attr("data-expr", f(this, pi))) : (H.j.querySelectorAll(`[data-col="${f(this, pr).dataset.col}"]`, f(this, sr).tmpl).removeAttr("data-expr"), H.j.querySelectorAll(`[data-col="${f(this, pr).dataset.col}"]`, f(this, sr).body).removeAttr("data-expr")), f(this, pa).call(this);
+      H.j.querySelectorAll(this).removeClass("expand"), f(this, pi) ? (H.j.querySelectorAll(`[data-col="${f(this, pr).dataset.col}"]`, f(this, sr).tmpl).attr("data-expr", f(this, pi)), H.j.querySelectorAll(`[data-col="${f(this, pr).dataset.col}"]`, f(this, sr).body).attr("data-expr", f(this, pi))) : (H.j.querySelectorAll(`[data-col="${f(this, pr).dataset.col}"]`, f(this, sr).tmpl).removeAttr("data-expr"), H.j.querySelectorAll(`[data-col="${f(this, pr).dataset.col}"]`, f(this, sr).body).removeAttr("data-expr")), f(this, ma).call(this);
     });
-    Y(this, pa, () => {
+    Y(this, ma, () => {
       var t = [];
       f(this, sr).body.querySelectorAll("thead ng-row-expand.expand").forEach((o) => {
         const r = o.closest("th,td").dataset.col;
@@ -28220,13 +28220,13 @@ class Jd extends HTMLElement {
     }));
   }
 }
-sr = new WeakMap(), pr = new WeakMap(), pi = new WeakMap(), Xh = new WeakMap(), Yh = new WeakMap(), pa = new WeakMap();
+sr = new WeakMap(), pr = new WeakMap(), pi = new WeakMap(), Xh = new WeakMap(), Yh = new WeakMap(), ma = new WeakMap();
 customElements.get("ng-combo") || customElements.define("ng-combo", Jd);
-var ma, Gh;
+var ga, Gh;
 class Qd extends Mr {
   constructor() {
     super();
-    Y(this, ma);
+    Y(this, ga);
     it(this, "refresh", () => {
       var t = this.closest("tr").sectionRowIndex, l = -3;
       $(".row-resizer", this.shadowRoot).each((c, o) => {
@@ -28248,7 +28248,7 @@ class Qd extends Mr {
             H.j.querySelectorAll(this).removeClass("added").removeClass("updated");
             break;
         }
-        f(this, ma).innerHTML = this.getDisplayText(l + 1), t || this.reset();
+        f(this, ga).innerHTML = this.getDisplayText(l + 1), t || this.reset();
       }
     });
     Y(this, Gh, () => {
@@ -28287,17 +28287,17 @@ class Qd extends Mr {
 					</svg>
 				</div>
 			</div>
-		`, super.connectedCallback(), this.cell.removeAttribute("tabindex"), this.cell.dataset.bind = "rowState", this.cell.dataset.expr = H.nvl(this.cell.dataset.expr, "data.__ng._[ninegrid.ROW.ORDER]"), this.cell.setAttribute("text-align", "center"), tt(this, ma, this.shadowRoot.querySelector("span")), f(this, Gh).call(this);
+		`, super.connectedCallback(), this.cell.removeAttribute("tabindex"), this.cell.dataset.bind = "rowState", this.cell.dataset.expr = H.nvl(this.cell.dataset.expr, "data.__ng._[ninegrid.ROW.ORDER]"), this.cell.setAttribute("text-align", "center"), tt(this, ga, this.shadowRoot.querySelector("span")), f(this, Gh).call(this);
   }
 }
-ma = new WeakMap(), Gh = new WeakMap();
-var ur, es, ga, mr, Hs, mi, yu, rs, Kh, Zh, Jh, ba, ya, va, Qh;
+ga = new WeakMap(), Gh = new WeakMap();
+var ur, es, ba, mr, Hs, mi, yu, rs, Kh, Zh, Jh, ya, va, wa, Qh;
 class tf extends HTMLElement {
   constructor() {
     super();
     Y(this, ur);
     Y(this, es);
-    Y(this, ga);
+    Y(this, ba);
     Y(this, mr);
     Y(this, Hs);
     Y(this, mi);
@@ -28308,32 +28308,32 @@ class tf extends HTMLElement {
       if (f(this, ur)) {
         var t = f(this, ur).querySelector("div.resizer-row-panel");
         t ? tt(this, mr, $(t)) : (tt(this, mr, $('<div class="resizer-row-panel"><div class="grip"></div><div class="tooltip"><div></div><span></span><div></div></div></div>').hide()), $(f(this, ur).body).append(f(this, mr))), tt(this, Hs, $(".grip", f(this, mr))), tt(this, mi, $(".tooltip", f(this, mr))), $(this).on("mousedown", (l) => {
-          H.j.querySelectorAll(f(this, es).closest("tbody")).hasClass("fixed") || tt(this, ga, setTimeout(() => {
+          H.j.querySelectorAll(f(this, es).closest("tbody")).hasClass("fixed") || tt(this, ba, setTimeout(() => {
             f(this, Jh).call(this, l);
           }, 500));
         }).on("dblclick", (l) => {
           H.j.querySelectorAll(f(this, es).closest("tbody")).hasClass("fixed") || f(this, Qh).call(this, l);
         }), $(document).on("mouseup", (l) => {
-          clearTimeout(f(this, ga));
+          clearTimeout(f(this, ba));
         });
       }
     });
     Y(this, Jh, (t) => {
       if (!(t.buttons != 1 || t.altKey || t.ctrlKey || t.shiftkey)) {
         var l = parseInt(t.target.getAttribute("rowIndex"));
-        l < 0 || (f(this, es).busy = !0, tt(this, Kh, t.target), tt(this, rs, $(".ng-container-body table tbody.bindable tr", f(this, ur).body).eq(l)), f(this, mr).show(), f(this, Hs).width(f(this, ur).body.querySelector(".ng-container").offsetWidth), f(this, va).call(this, t.pageY), $(f(this, mr)).on("mousemove", f(this, ba)), $(f(this, mr)).on("mouseup", f(this, ya)));
+        l < 0 || (f(this, es).busy = !0, tt(this, Kh, t.target), tt(this, rs, $(".ng-container-body table tbody.bindable tr", f(this, ur).body).eq(l)), f(this, mr).show(), f(this, Hs).width(f(this, ur).body.querySelector(".ng-container").offsetWidth), f(this, wa).call(this, t.pageY), $(f(this, mr)).on("mousemove", f(this, ya)), $(f(this, mr)).on("mouseup", f(this, va)));
       }
     });
-    Y(this, ba, (t) => {
-      t.altKey || t.ctrlKey || t.shiftKey || f(this, va).call(this, t.pageY);
-    });
     Y(this, ya, (t) => {
+      t.altKey || t.ctrlKey || t.shiftKey || f(this, wa).call(this, t.pageY);
+    });
+    Y(this, va, (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, ba)), $(f(this, mr)).off("mouseup", f(this, ya)), f(this, mr).hide(), f(this, ur).view.redraw(), f(this, es).busy = !1;
+      f(this, ur).matrix.setHeight(c, l), f(this, es).querySelector("ng-row-indicator").refresh(), $(f(this, mr)).off("mousemove", f(this, ya)), $(f(this, mr)).off("mouseup", f(this, va)), f(this, mr).hide(), f(this, ur).view.redraw(), f(this, es).busy = !1;
     });
-    Y(this, va, (t) => {
+    Y(this, wa, (t) => {
       var l = $(".ng-container-body table tbody.bindable", f(this, ur).body);
       if (!(t < l.offset().top)) {
         f(this, Hs).offset({ top: t });
@@ -28348,7 +28348,7 @@ class tf extends HTMLElement {
     tt(this, es, this.cell), tt(this, ur, f(this, es).getRootNode().host), this.setAttribute("class", "row-resizer"), f(this, Zh).call(this);
   }
 }
-ur = new WeakMap(), es = new WeakMap(), ga = new WeakMap(), mr = new WeakMap(), Hs = new WeakMap(), mi = new WeakMap(), yu = new WeakMap(), rs = new WeakMap(), Kh = new WeakMap(), Zh = new WeakMap(), Jh = new WeakMap(), ba = new WeakMap(), ya = new WeakMap(), va = new WeakMap(), Qh = new WeakMap();
+ur = new WeakMap(), es = new WeakMap(), ba = new WeakMap(), mr = new WeakMap(), Hs = new WeakMap(), mi = new WeakMap(), yu = new WeakMap(), rs = new WeakMap(), Kh = new WeakMap(), Zh = new WeakMap(), Jh = new WeakMap(), ya = new WeakMap(), va = new WeakMap(), wa = new WeakMap(), Qh = new WeakMap();
 customElements.get("ng-row-indicator") || customElements.define("ng-row-indicator", Qd);
 customElements.get("ng-row-resizer") || customElements.define("ng-row-resizer", tf);
 var tc;
@@ -28450,7 +28450,7 @@ class sf extends Mr {
   }
 }
 customElements.get("ng-row-state") || customElements.define("ng-row-state", sf);
-var Pt, Vr, ge, gr, br, Sn, ss, $r, ec, rc, wa, sc, xa, _a, kn, vu, Cn, Hl, gi;
+var Pt, Vr, ge, gr, br, Sn, ss, $r, ec, rc, xa, sc, _a, Sa, kn, vu, Cn, Hl, gi;
 class nf extends HTMLElement {
   // 혹은 기존에 사용하는 누적 변수
   constructor() {
@@ -28529,17 +28529,17 @@ class nf extends HTMLElement {
         t(1);
       }), f(this, ge).top.ontouchend = f(this, ge).bottom.ontouchend = f(this, ge).track.ontouchend = f(this, ge).top.onmouseup = f(this, ge).top.onmouseleave = f(this, ge).bottom.onmouseup = f(this, ge).bottom.onmouseleave = f(this, ge).track.onmouseup = f(this, ge).track.onmouseleave = (l) => {
         clearInterval(f(this, gr)), clearInterval(f(this, br));
-      }, $(f(this, ge).track).on("mousedown", f(this, wa)), $(f(this, ge).track).on("touchstart", f(this, rc)), $(f(this, ge).thumb).on("mousedown", f(this, _a)), $(f(this, ge).thumb).on("touchstart", f(this, sc)), document.addEventListener("mouseup", (l) => {
+      }, $(f(this, ge).track).on("mousedown", f(this, xa)), $(f(this, ge).track).on("touchstart", f(this, rc)), $(f(this, ge).thumb).on("mousedown", f(this, Sa)), $(f(this, ge).thumb).on("touchstart", f(this, sc)), document.addEventListener("mouseup", (l) => {
         f(this, Vr) && tt(this, Vr, !1), document.removeEventListener("mousemove", f(this, kn)), typeof this.onDragStop == "function" && this.onDragStop();
       }), document.addEventListener("touchend", (l) => {
-        tt(this, Vr, !1), document.removeEventListener("touchmove", f(this, xa)), typeof this.onDragStop == "function" && this.onDragStop();
+        tt(this, Vr, !1), document.removeEventListener("touchmove", f(this, _a)), typeof this.onDragStop == "function" && this.onDragStop();
       });
     });
     Y(this, rc, (t) => {
       var l = t.target.getBoundingClientRect();
-      t.offsetX = t.targetTouches[0].pageX - l.left, t.offsetY = t.targetTouches[0].pageY - l.top, t.pageX = t.changedTouches[0].pageX, t.pageY = t.changedTouches[0].pageY, t.clientX = t.changedTouches[0].clientX, t.clientY = t.changedTouches[0].clientY, t.buttons = 1, f(this, wa).call(this, t);
+      t.offsetX = t.targetTouches[0].pageX - l.left, t.offsetY = t.targetTouches[0].pageY - l.top, t.pageX = t.changedTouches[0].pageX, t.pageY = t.changedTouches[0].pageY, t.clientX = t.changedTouches[0].clientX, t.clientY = t.changedTouches[0].clientY, t.buttons = 1, f(this, xa).call(this, t);
     });
-    Y(this, wa, (t) => {
+    Y(this, xa, (t) => {
       if (!f(this, Vr) && !(t.buttons != 1 || t.altKey || t.ctrlKey || t.shiftKey)) {
         t.preventDefault();
         var l = f(this, ge).thumb.getBoundingClientRect();
@@ -28558,14 +28558,14 @@ class nf extends HTMLElement {
     });
     Y(this, sc, (t) => {
       var l = t.target.getBoundingClientRect();
-      t.offsetX = t.targetTouches[0].pageX - l.left, t.offsetY = t.targetTouches[0].pageY - l.top, t.pageX = t.changedTouches[0].pageX, t.pageY = t.changedTouches[0].pageY, t.clientX = t.changedTouches[0].clientX, t.clientY = t.changedTouches[0].clientY, t.buttons = 1, f(this, _a).call(this, t), document.addEventListener("touchmove", f(this, xa));
+      t.offsetX = t.targetTouches[0].pageX - l.left, t.offsetY = t.targetTouches[0].pageY - l.top, t.pageX = t.changedTouches[0].pageX, t.pageY = t.changedTouches[0].pageY, t.clientX = t.changedTouches[0].clientX, t.clientY = t.changedTouches[0].clientY, t.buttons = 1, f(this, Sa).call(this, t), document.addEventListener("touchmove", f(this, _a));
     });
-    Y(this, xa, (t) => {
+    Y(this, _a, (t) => {
       var l = t.target.getBoundingClientRect();
       t.offsetX = t.targetTouches[0].pageX - l.left, t.offsetY = t.targetTouches[0].pageY - l.top, t.pageX = t.changedTouches[0].pageX, t.pageY = t.changedTouches[0].pageY, t.clientX = t.changedTouches[0].clientX, t.clientY = t.changedTouches[0].clientY, t.buttons = 1, f(this, kn).call(this, t);
     });
-    Y(this, _a, (t) => {
-      tt(this, ss, t.clientY), Fl.log("::", t, t.clientY), tt(this, Vr, !0), this.shiftY = t.offsetY + f(this, ge).track.getBoundingClientRect().y, this.trackHeight = $(f(this, ge).track).height(), this.thumbHeight = $(f(this, ge).thumb).height(), this.nodataHeight = $(".ng-container .ng-table tr.nodata", f(this, Pt).body).height(), this.bodyHeight = $(".ng-container-body", f(this, Pt).body).height(), this.templateHeight = f(this, Pt).template.height(), this.theadHeight = $(".ng-container-body table > thead", f(this, Pt).body).height() || 0, this.tfootHeight = $(".ng-container-body table > tfoot", f(this, Pt).body).height() || 0, this.fixedHeight = $(".ng-container-body tbody.fixed", f(this, Pt).body).height(), this.tableHeight = $(".ng-container-body .ng-table", f(this, Pt).body).height(), tt(this, Sn, !0), document.addEventListener("mousemove", f(this, kn)), typeof this.onDragStart == "function" && this.onDragStart();
+    Y(this, Sa, (t) => {
+      tt(this, ss, t.clientY), Yn.log("::", t, t.clientY), tt(this, Vr, !0), this.shiftY = t.offsetY + f(this, ge).track.getBoundingClientRect().y, this.trackHeight = $(f(this, ge).track).height(), this.thumbHeight = $(f(this, ge).thumb).height(), this.nodataHeight = $(".ng-container .ng-table tr.nodata", f(this, Pt).body).height(), this.bodyHeight = $(".ng-container-body", f(this, Pt).body).height(), this.templateHeight = f(this, Pt).template.height(), this.theadHeight = $(".ng-container-body table > thead", f(this, Pt).body).height() || 0, this.tfootHeight = $(".ng-container-body table > tfoot", f(this, Pt).body).height() || 0, this.fixedHeight = $(".ng-container-body tbody.fixed", f(this, Pt).body).height(), this.tableHeight = $(".ng-container-body .ng-table", f(this, Pt).body).height(), tt(this, Sn, !0), document.addEventListener("mousemove", f(this, kn)), typeof this.onDragStart == "function" && this.onDragStart();
     });
     Y(this, kn, (t) => {
       if (!f(this, Vr)) return;
@@ -28576,13 +28576,13 @@ class nf extends HTMLElement {
       let o = f(this, gi).call(this);
       var r = t.clientY - this.shiftY;
       r < 0 && (r = 0), r + this.thumbHeight > c && (r = parseInt(c - o));
-      var n = parseInt($(".ng-container-body tbody.bindable tr", f(this, Pt).body).not(".nodata").length / f(this, Pt).template.length), s = parseInt(r * (f(this, Pt).data.count() + 1 - n) / parseInt(c - o)), e = Math.max(0, c - o), i = Math.max(0, f(this, Pt).matrix.getTotalHeight() - this.bodyHeight), u = f(this, Pt).matrix.getHeight(0), a = i > 0 ? u * (e / i) : 0;
-      if (Fl.log("첫 번째 행 높이:", u, "필요한 트랙 이동 거리(yDelta):", a), f(this, Pt).dataManager.viewRecords.rawIndex != s)
+      var n = parseInt($(".ng-container-body tbody.bindable tr", f(this, Pt).body).not(".nodata").length / f(this, Pt).template.length), s = parseInt(r * (f(this, Pt).data.count() + 1 - n) / parseInt(c - o)), e = Math.max(0, c - o), i = Math.max(0, f(this, Pt).matrix.getTotalHeight() - this.bodyHeight), u = f(this, Pt).matrix.getHeight(s), a = i > 0 ? u * (e / i) : 0;
+      if (Yn.log("첫 번째 행 높이:", u, "필요한 트랙 이동 거리(yDelta):", a), f(this, Pt).dataManager.viewRecords.rawIndex != s)
         f(this, Pt).scrollToV2(s), tt(this, $r, 0), qe(this, Cn, Hl).call(this, 0);
       else {
-        Fl.log(r * (f(this, Pt).data.count() + 1 - n) / parseInt(c - o));
+        Yn.log(r * (f(this, Pt).data.count() + 1 - n) / parseInt(c - o));
         let h = f(this, Pt).matrix.getHeight(f(this, Pt).dataManager.viewRecords.rawIndex);
-        l > 0 && l > h && (l = h, tt(this, ss, t.clientY)), l < 0 && Math.abs(l) > h && (l = -h, tt(this, ss, t.clientY)), s === 0 && (l = 0), tt(this, $r, -Math.abs(l)), Fl.log(t.clientY, f(this, ss), f(this, $r), l), qe(this, Cn, Hl).call(this, f(this, $r));
+        l > 0 && l > h && (l = h, tt(this, ss, t.clientY)), l < 0 && Math.abs(l) > h && (l = -h, tt(this, ss, t.clientY)), s === 0 && (l = 0), l = u * l / a, Yn.log(u, a, l), tt(this, $r, -Math.abs(l)), Yn.log(t.clientY, f(this, ss), f(this, $r), l), qe(this, Cn, Hl).call(this, f(this, $r));
       }
     });
     Y(this, vu, (t) => {
@@ -28618,12 +28618,12 @@ class nf extends HTMLElement {
     }), f(this, Vr), this.shiftX, f(this, ec).call(this));
   }
 }
-Pt = new WeakMap(), Vr = new WeakMap(), ge = new WeakMap(), gr = new WeakMap(), br = new WeakMap(), Sn = new WeakMap(), ss = new WeakMap(), $r = new WeakMap(), ec = new WeakMap(), rc = new WeakMap(), wa = new WeakMap(), sc = new WeakMap(), xa = new WeakMap(), _a = new WeakMap(), kn = new WeakMap(), vu = new WeakMap(), Cn = new WeakSet(), Hl = function(t) {
+Pt = new WeakMap(), Vr = new WeakMap(), ge = new WeakMap(), gr = new WeakMap(), br = new WeakMap(), Sn = new WeakMap(), ss = new WeakMap(), $r = new WeakMap(), ec = new WeakMap(), rc = new WeakMap(), xa = new WeakMap(), sc = new WeakMap(), _a = new WeakMap(), Sa = new WeakMap(), kn = new WeakMap(), vu = new WeakMap(), Cn = new WeakSet(), Hl = function(t) {
   f(this, Pt).body.querySelectorAll("tbody.bindable").forEach((c) => {
     c.style.transform = `translateY(${t}px)`;
   });
 }, gi = new WeakMap();
-var Ze, gs, ae, Wr, Xr, zs, ic, Sa, nc, ka, oc, Ca, Ea, En;
+var Ze, gs, ae, Wr, Xr, zs, ic, ka, nc, Ca, oc, Ea, Aa, En;
 class of extends HTMLElement {
   constructor() {
     super();
@@ -28682,13 +28682,13 @@ class of extends HTMLElement {
         t(-10);
       }), $(f(this, ae).right).on("touchstart", (l) => {
         t(10);
-      }), $(f(this, ae).track).on("mousedown", f(this, ka)), $(f(this, ae).track).on("touchstart", f(this, nc)), $(f(this, ae).thumb).on("mousedown", f(this, Ca)), $(f(this, ae).thumb).on("touchstart", f(this, oc)), document.addEventListener("touchend", (l) => {
-        tt(this, gs, !1), clearInterval(f(this, Wr)), clearInterval(f(this, Xr)), $(document).off("touchmove", f(this, Ea)), typeof this.onDragStop == "function" && this.onDragStop();
+      }), $(f(this, ae).track).on("mousedown", f(this, Ca)), $(f(this, ae).track).on("touchstart", f(this, nc)), $(f(this, ae).thumb).on("mousedown", f(this, Ea)), $(f(this, ae).thumb).on("touchstart", f(this, oc)), document.addEventListener("touchend", (l) => {
+        tt(this, gs, !1), clearInterval(f(this, Wr)), clearInterval(f(this, Xr)), $(document).off("touchmove", f(this, Aa)), typeof this.onDragStop == "function" && this.onDragStop();
       }), document.addEventListener("mouseup", (l) => {
         tt(this, gs, !1), clearInterval(f(this, Wr)), clearInterval(f(this, Xr)), document.removeEventListener("mousemove", f(this, En)), typeof this.onDragStop == "function" && this.onDragStop();
       });
     });
-    Y(this, Sa, (t) => {
+    Y(this, ka, (t) => {
       var l = f(this, ae).thumb.getBoundingClientRect(), c = parseInt($(".ng-container-body > table", f(this, Ze).body).position().left), o = 0;
       t > l.x ? $(".ng-container-body .col-indicator", f(this, Ze).body).each((r, n) => {
         if (o += parseInt($(n).width()) + 2, o > Math.abs(c) + 1) return !1;
@@ -28699,26 +28699,26 @@ class of extends HTMLElement {
     });
     Y(this, nc, (t) => {
       var l = t.target.getBoundingClientRect();
-      t.offsetX = t.targetTouches[0].pageX - l.left, t.offsetY = t.targetTouches[0].pageY - l.top, t.pageX = t.changedTouches[0].pageX, t.pageY = t.changedTouches[0].pageY, t.clientX = t.changedTouches[0].clientX, t.clientY = t.changedTouches[0].clientY, t.buttons = 1, f(this, ka).call(this, t);
+      t.offsetX = t.targetTouches[0].pageX - l.left, t.offsetY = t.targetTouches[0].pageY - l.top, t.pageX = t.changedTouches[0].pageX, t.pageY = t.changedTouches[0].pageY, t.clientX = t.changedTouches[0].clientX, t.clientY = t.changedTouches[0].clientY, t.buttons = 1, f(this, Ca).call(this, t);
     });
-    Y(this, ka, (t) => {
-      f(this, gs) || t.buttons != 1 || t.altKey || t.ctrlKey || t.shiftKey || (t.preventDefault(), f(this, Sa).call(this, t.clientX), tt(this, Wr, setInterval(() => {
+    Y(this, Ca, (t) => {
+      f(this, gs) || t.buttons != 1 || t.altKey || t.ctrlKey || t.shiftKey || (t.preventDefault(), f(this, ka).call(this, t.clientX), tt(this, Wr, setInterval(() => {
         clearInterval(f(this, Wr)), tt(this, Xr, setInterval(() => {
           var l = f(this, ae).thumb.getBoundingClientRect();
-          t.clientX > l.x && t.clientX < l.x + l.width ? clearInterval(f(this, Xr)) : f(this, Sa).call(this, t.clientX);
+          t.clientX > l.x && t.clientX < l.x + l.width ? clearInterval(f(this, Xr)) : f(this, ka).call(this, t.clientX);
         }, 10));
       }, 500)));
     });
     Y(this, oc, (t) => {
       var l = t.target.getBoundingClientRect();
-      t.offsetX = t.targetTouches[0].pageX - l.left, t.offsetY = t.targetTouches[0].pageY - l.top, t.pageX = t.changedTouches[0].pageX, t.pageY = t.changedTouches[0].pageY, t.clientX = t.changedTouches[0].clientX, t.clientY = t.changedTouches[0].clientY, t.buttons = 1, f(this, Ca).call(this, t), document.addEventListener("touchmove", f(this, Ea));
+      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, Ea).call(this, t), document.addEventListener("touchmove", f(this, Aa));
     });
-    Y(this, Ca, (t) => {
+    Y(this, Ea, (t) => {
       tt(this, gs, !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, En)), typeof this.onDragStart == "function" && this.onDragStart();
     });
-    Y(this, Ea, (t) => {
+    Y(this, Aa, (t) => {
       var l = t.target.getBoundingClientRect();
       t.offsetX = t.targetTouches[0].pageX - l.left, t.offsetY = t.targetTouches[0].pageY - l.top, t.pageX = t.changedTouches[0].pageX, t.pageY = t.changedTouches[0].pageY, t.clientX = t.changedTouches[0].clientX, t.clientY = t.changedTouches[0].clientY, t.buttons = 1, f(this, En).call(this, t);
     });
@@ -28746,27 +28746,27 @@ class of extends HTMLElement {
     }), f(this, gs), this.shiftX, f(this, ic).call(this);
   }
 }
-Ze = new WeakMap(), gs = new WeakMap(), ae = new WeakMap(), Wr = new WeakMap(), Xr = new WeakMap(), zs = new WeakMap(), ic = new WeakMap(), Sa = new WeakMap(), nc = new WeakMap(), ka = new WeakMap(), oc = new WeakMap(), Ca = new WeakMap(), Ea = new WeakMap(), En = new WeakMap();
+Ze = new WeakMap(), gs = new WeakMap(), ae = new WeakMap(), Wr = new WeakMap(), Xr = new WeakMap(), zs = new WeakMap(), ic = new WeakMap(), ka = new WeakMap(), nc = new WeakMap(), Ca = new WeakMap(), oc = new WeakMap(), Ea = new WeakMap(), Aa = new WeakMap(), En = new WeakMap();
 customElements.get("ng-hscrollbar") || customElements.define("ng-hscrollbar", of);
 customElements.get("ng-vscrollbar") || customElements.define("ng-vscrollbar", nf);
-var Ve, is, Aa, Ta, Ra, ac, lc;
+var Ve, is, Ta, Ra, Ma, ac, lc;
 class af {
   constructor(C) {
     Y(this, Ve);
     Y(this, is);
     it(this, "initialize", () => {
-      f(this, Ta).call(this), f(this, Aa).call(this);
+      f(this, Ra).call(this), f(this, Ta).call(this);
     });
-    Y(this, Aa, () => {
-      tt(this, is, []), $(".ng-table thead", f(this, Ve).body).off("click", "th,td", f(this, Ra)), $(".ng-table thead", f(this, Ve).body).on("click", "th,td", f(this, Ra));
+    Y(this, Ta, () => {
+      tt(this, is, []), $(".ng-table thead", f(this, Ve).body).off("click", "th,td", f(this, Ma)), $(".ng-table thead", f(this, Ve).body).on("click", "th,td", f(this, Ma));
     });
     /**
      * 정렬상태 초기화
      */
-    Y(this, Ta, () => {
+    Y(this, Ra, () => {
       f(this, Ve).data.sort((C, t) => C.__ng._[H.ROW.ORIGIN_ORDER] - t.__ng._[H.ROW.ORIGIN_ORDER]);
     });
-    Y(this, Ra, (C) => {
+    Y(this, Ma, (C) => {
       if (C.target.tagName != "NG-CHECKBOX" && (C.target = C.target.closest("th,td"), !(C.offsetX <= 2) && !(C.offsetX >= C.target.offsetWidth - 2) && C.target.closest("tr").sectionRowIndex + C.target.rowSpan == C.target.closest("thead").rows.length))
         switch (C.detail) {
           case 1:
@@ -28787,7 +28787,7 @@ class af {
       $(f(this, Ve).template).find(`[data-col="${l}"]`).each((r, n) => {
         if (n.dataset.bind)
           return o = n.dataset.bind, n.dataset.expr && (c = f(this, Ve).exprFunction(n.dataset.expr)), !1;
-      }), o && (!C.ctrlKey && !C.shiftKey && (H.j.querySelectorAll(`thead th:not([data-col="${l}"],thead td:not([data-col="${l}"])`, f(this, Ve).body).removeClass("asc").removeClass("desc"), f(this, is).splice(0, f(this, is).length)), H.removeIf(f(this, is), (r) => r.colnm == o), !H.j.querySelectorAll(t).hasClass("asc") && !H.j.querySelectorAll(t).hasClass("desc") ? (H.j.querySelectorAll(t).removeClass("desc").addClass("asc"), f(this, is).push({ colnm: o, asc: !0, "expr-func": c })) : H.j.querySelectorAll(t).hasClass("asc") ? (H.j.querySelectorAll(t).removeClass("asc").addClass("desc"), f(this, is).push({ colnm: o, asc: !1, "expr-func": c })) : H.j.querySelectorAll(t).removeClass("asc").removeClass("desc"), !H.j.querySelectorAll("thead th,thead td", f(this, Ve).body).hasClass("asc") && !H.j.querySelectorAll("thead th,thead td", f(this, Ve).body).hasClass("desc") ? f(this, Ta).call(this) : f(this, Ve).data.sort((r, n) => f(this, lc).call(this, r, n)), f(this, Ve).paging.type == H.PAGINGTYPE.CLIENT ? f(this, Ve).paging.movePage(1) : f(this, Ve).view.redraw());
+      }), o && (!C.ctrlKey && !C.shiftKey && (H.j.querySelectorAll(`thead th:not([data-col="${l}"],thead td:not([data-col="${l}"])`, f(this, Ve).body).removeClass("asc").removeClass("desc"), f(this, is).splice(0, f(this, is).length)), H.removeIf(f(this, is), (r) => r.colnm == o), !H.j.querySelectorAll(t).hasClass("asc") && !H.j.querySelectorAll(t).hasClass("desc") ? (H.j.querySelectorAll(t).removeClass("desc").addClass("asc"), f(this, is).push({ colnm: o, asc: !0, "expr-func": c })) : H.j.querySelectorAll(t).hasClass("asc") ? (H.j.querySelectorAll(t).removeClass("asc").addClass("desc"), f(this, is).push({ colnm: o, asc: !1, "expr-func": c })) : H.j.querySelectorAll(t).removeClass("asc").removeClass("desc"), !H.j.querySelectorAll("thead th,thead td", f(this, Ve).body).hasClass("asc") && !H.j.querySelectorAll("thead th,thead td", f(this, Ve).body).hasClass("desc") ? f(this, Ra).call(this) : f(this, Ve).data.sort((r, n) => f(this, lc).call(this, r, n)), f(this, Ve).paging.type == H.PAGINGTYPE.CLIENT ? f(this, Ve).paging.movePage(1) : f(this, Ve).view.redraw());
     });
     Y(this, lc, (C, t) => {
       for (var l of f(this, is))
@@ -28806,11 +28806,11 @@ class af {
         }
       return 0;
     });
-    tt(this, Ve, C), f(this, Aa).call(this);
+    tt(this, Ve, C), f(this, Ta).call(this);
   }
 }
-Ve = new WeakMap(), is = new WeakMap(), Aa = new WeakMap(), Ta = new WeakMap(), Ra = new WeakMap(), ac = new WeakMap(), lc = new WeakMap();
-var Gt, hc, Ma, Ia;
+Ve = new WeakMap(), is = new WeakMap(), Ta = new WeakMap(), Ra = new WeakMap(), Ma = new WeakMap(), ac = new WeakMap(), lc = new WeakMap();
+var Gt, hc, Ia, Na;
 class lf {
   constructor(C) {
     Y(this, Gt);
@@ -28882,7 +28882,7 @@ class lf {
               $(f(this, Gt).template).eq(a % f(this, Gt).template.length).each((d, b) => {
                 p = $(b).height() || 32;
               });
-              var m = t[h].length == 0 ? p : f(this, Ma).call(this, a, t[h], o[h]) + 12;
+              var m = t[h].length == 0 ? p : f(this, Ia).call(this, a, t[h], o[h]) + 12;
               f(this, Gt).matrix.setHeight(a, p ? Math.max(m, p) : m);
             }
           f(this, Gt).view.redraw(), H.j.querySelectorAll(f(this, Gt)).removeClass("loading");
@@ -28892,11 +28892,11 @@ class lf {
         $(f(this, Gt).template).eq(C % f(this, Gt).template.length).each((i, u) => {
           n = $(u).height() || 32;
         });
-        var s = parseInt(C % f(this, Gt).template.length), e = t[s].length == 0 ? n : f(this, Ma).call(this, C, t[s], o[s]) + 12;
+        var s = parseInt(C % f(this, Gt).template.length), e = t[s].length == 0 ? n : f(this, Ia).call(this, C, t[s], o[s]) + 12;
         f(this, Gt).matrix.setHeight(C, n ? Math.max(e, n) : e), f(this, Gt).view.redraw();
       }
     });
-    Y(this, Ma, (C, t, l) => {
+    Y(this, Ia, (C, t, l) => {
       var c = parseInt(C / f(this, Gt).template.length), o = 0, r = f(this, Gt).data.getRow(c);
       return t.each((n, s) => {
         const e = s.dataset.bind, i = f(this, Gt).fields.indexOf(e), u = String(r.v[i]);
@@ -28904,7 +28904,7 @@ class lf {
 `) && (o = Math.max(o, H.measureTextSize(u, l[n]).height));
       }), o;
     });
-    Y(this, Ia, (C) => {
+    Y(this, Na, (C) => {
       var t = 0;
       return $(`[data-col=${C}]`, f(this, Gt).template).each((l, c) => {
         var o = $(c).css("font");
@@ -28956,11 +28956,11 @@ class lf {
     }, this.setColumnWidthFit = (t, l, c) => {
       if (c == null && (c = !0), c)
         H.j.querySelectorAll(f(this, Gt)).addClass("loading"), setTimeout(() => {
-          var r = f(this, Ia).call(this, t);
+          var r = f(this, Na).call(this, t);
           this.setColumnWidth(t, l ? Math.max(r, l) : r), H.j.querySelectorAll(f(this, Gt)).removeClass("loading");
         });
       else {
-        var o = f(this, Ia).call(this, t);
+        var o = f(this, Na).call(this, t);
         this.setColumnWidth(t, l ? Math.max(o, l) : o);
       }
     }, this.insertCol = (t, l, c) => {
@@ -29044,7 +29044,7 @@ class lf {
     }, this.___init();
   }
 }
-Gt = new WeakMap(), hc = new WeakMap(), Ma = new WeakMap(), Ia = new WeakMap();
+Gt = new WeakMap(), hc = new WeakMap(), Ia = new WeakMap(), Na = new WeakMap();
 class hf {
   constructor(C) {
     this.___owner = C, this.columns_BAK = {
@@ -29210,21 +29210,21 @@ class cf extends Ci {
   }
 }
 bs = new WeakMap();
-var Na, Oa, ja, $a;
+var Oa, ja, $a, La;
 class uf extends HTMLElement {
   constructor() {
     super();
-    Y(this, Na);
     Y(this, Oa);
     Y(this, ja);
     Y(this, $a);
+    Y(this, La);
     it(this, "popup", (t, l, c) => {
-      tt(this, Oa, t), tt(this, ja, l), tt(this, $a, c), $("textarea", this.shadowRoot).val(c), this.shadowRoot.querySelector("nx-dialog").showModal();
+      tt(this, ja, t), tt(this, $a, l), tt(this, La, c), $("textarea", this.shadowRoot).val(c), this.shadowRoot.querySelector("nx-dialog").showModal();
     });
     this.attachShadow({ mode: "open" });
   }
   connectedCallback() {
-    tt(this, Na, this.getRootNode().host), this.shadowRoot.innerHTML = `
+    tt(this, Oa, this.getRootNode().host), this.shadowRoot.innerHTML = `
 			<style>
 				textarea {
 					width: 100%;
@@ -29245,47 +29245,47 @@ class uf extends HTMLElement {
 				<textarea></textarea>
 			</nx-dialog>
 		`, $(".reset", this.shadowRoot).on("click", (t) => {
-      $("textarea", this.shadowRoot).val(f(this, $a));
+      $("textarea", this.shadowRoot).val(f(this, La));
     }), $(".apply", this.shadowRoot).on("click", (t) => {
-      f(this, Na).data.setValue(f(this, Oa), f(this, ja), $("textarea", this.shadowRoot).val()), this.shadowRoot.querySelector("dialog").close();
+      f(this, Oa).data.setValue(f(this, ja), f(this, $a), $("textarea", this.shadowRoot).val()), this.shadowRoot.querySelector("dialog").close();
     });
   }
 }
-Na = new WeakMap(), Oa = new WeakMap(), ja = new WeakMap(), $a = new WeakMap();
+Oa = new WeakMap(), ja = new WeakMap(), $a = new WeakMap(), La = new WeakMap();
 customElements.get("ng-textarea") || customElements.define("ng-textarea", cf);
 customElements.get("ng-textarea-detail") || customElements.define("ng-textarea-detail", uf);
-var La, Pa, Da, bi, Yn, cc, uc, dc, fc, wu, Ba, Fa, pc, mc, gc;
+var Pa, Da, Ba, bi, Gn, cc, uc, dc, fc, wu, Fa, qa, pc, mc, gc;
 class df extends Mr {
   constructor() {
     super();
     Y(this, bi);
-    Y(this, La);
     Y(this, Pa);
+    Y(this, Da);
     it(this, "dataRefresh", (t) => {
       const l = this.value;
       for (var c = "", o = 1; o < l; o++)
         c += '<div class="ng-pad-item"></div>';
-      f(this, La).innerHTML = c, f(this, Pa).innerHTML = this.getDisplayText(), f(this, cc).call(this), t || this.reset(), $(".ng-icon", this.shadowRoot).off("click", f(this, Da)), $(".ng-icon", this.shadowRoot).on("click", f(this, Da));
+      f(this, Pa).innerHTML = c, f(this, Da).innerHTML = this.getDisplayText(), f(this, cc).call(this), t || this.reset(), $(".ng-icon", this.shadowRoot).off("click", f(this, Ba)), $(".ng-icon", this.shadowRoot).on("click", f(this, Ba));
     });
-    Y(this, Da, (t) => {
-      f(this, uc).call(this), H.j.querySelectorAll(t.target).removeClass("ng-expand-on").removeClass("ng-expand-off"), H.j.querySelectorAll(t.target).addClass(f(this, bi, Yn) ? "ng-expand-on" : "ng-expand-off");
+    Y(this, Ba, (t) => {
+      f(this, uc).call(this), H.j.querySelectorAll(t.target).removeClass("ng-expand-on").removeClass("ng-expand-off"), H.j.querySelectorAll(t.target).addClass(f(this, bi, Gn) ? "ng-expand-on" : "ng-expand-off");
     });
     Y(this, cc, () => {
       const t = this.row;
       if (isNaN(t)) return;
-      const l = f(this, mc).call(this, t), c = this.value, o = f(this, gc).call(this, t + 1), r = f(this, Fa).call(this, t);
-      H.j.querySelectorAll(".ng-icon", this.shadowRoot).removeClass("ng-expand-on").removeClass("ng-expand-off").removeClass("ng-node").removeClass("ng-icon-up").removeClass("ng-icon-down").removeClass("ng-icon-none").addClass(l ? f(this, bi, Yn) ? "ng-expand-on" : "ng-expand-off" : "ng-node");
+      const l = f(this, mc).call(this, t), c = this.value, o = f(this, gc).call(this, t + 1), r = f(this, qa).call(this, t);
+      H.j.querySelectorAll(".ng-icon", this.shadowRoot).removeClass("ng-expand-on").removeClass("ng-expand-off").removeClass("ng-node").removeClass("ng-icon-up").removeClass("ng-icon-down").removeClass("ng-icon-none").addClass(l ? f(this, bi, Gn) ? "ng-expand-on" : "ng-expand-off" : "ng-node");
       const n = H.j.querySelectorAll(".ng-icon", this.shadowRoot);
       t == 0 ? r ? n.addClass("ng-icon-none") : n.addClass("ng-icon-down") : r && n.addClass("ng-icon-up");
-      for (var s = $(".ng-pad-item", this.shadowRoot), e = f(this, Ba).call(this, t), i = s.length; e >= 0; ) {
+      for (var s = $(".ng-pad-item", this.shadowRoot), e = f(this, Fa).call(this, t), i = s.length; e >= 0; ) {
         i--;
-        var u = f(this, Fa).call(this, e);
-        u && s.eq(i).addClass("ng-pad-item-none"), e = f(this, Ba).call(this, e);
+        var u = f(this, qa).call(this, e);
+        u && s.eq(i).addClass("ng-pad-item-none"), e = f(this, Fa).call(this, e);
       }
-      c < o ? f(this, bi, Yn) ? H.j.querySelectorAll(".ng-line", this.shadowRoot).addClass("ng-line-down") : H.j.querySelectorAll(".ng-line", this.shadowRoot).addClass("ng-line-none") : H.j.querySelectorAll(".ng-line", this.shadowRoot).addClass("ng-line-none");
+      c < o ? f(this, bi, Gn) ? H.j.querySelectorAll(".ng-line", this.shadowRoot).addClass("ng-line-down") : H.j.querySelectorAll(".ng-line", this.shadowRoot).addClass("ng-line-none") : H.j.querySelectorAll(".ng-line", this.shadowRoot).addClass("ng-line-none");
     });
     Y(this, uc, () => {
-      f(this, dc).call(this, !f(this, bi, Yn));
+      f(this, dc).call(this, !f(this, bi, Gn));
     });
     Y(this, dc, (t) => {
       this.data.__ng._[H.ROW.EXPAND] = t, f(this, fc).call(this, t), this.owner.data.resetRecords(), this.owner.dataManager.viewRecords.reset();
@@ -29325,7 +29325,7 @@ class df extends Mr {
           l[n].__ng._[H.ROW.COLLAPSE] = !t;
         }
     });
-    Y(this, Ba, (t) => {
+    Y(this, Fa, (t) => {
       if (t <= 0) return -1;
       const l = this.owner.data.get(t, this.cell.dataset.bind), c = this.owner.fields.indexOf(this.cell.dataset.bind), o = this.owner.data.getValidData();
       for (var r = t - 1; r >= 0; r--) {
@@ -29334,7 +29334,7 @@ class df extends Mr {
       }
       return -1;
     });
-    Y(this, Fa, (t) => {
+    Y(this, qa, (t) => {
       if (H.isNull(t) || t < 0) throw `invalid row [${t}]`;
       if (t + 1 >= this.owner.data.count()) return !0;
       const l = this.owner.data.get(t, this.cell.dataset.bind), c = this.owner.fields.indexOf(this.cell.dataset.bind), o = this.owner.data.getValidData();
@@ -29376,7 +29376,7 @@ class df extends Mr {
 				<div></div>
 				<span class="text">${this.displayValue}</span>
 			</div>
-		`, super.connectedCallback(), tt(this, La, this.shadowRoot.querySelector("div.ng-pad")), tt(this, Pa, this.shadowRoot.querySelector("span"));
+		`, super.connectedCallback(), tt(this, Pa, this.shadowRoot.querySelector("div.ng-pad")), tt(this, Da, this.shadowRoot.querySelector("span"));
   }
   get prevLevel() {
     var t = parseInt(this.closest("tr").sectionRowIndex / this.owner.template.length);
@@ -29392,11 +29392,11 @@ class df extends Mr {
     return -1;
   }
 }
-La = new WeakMap(), Pa = new WeakMap(), Da = new WeakMap(), bi = new WeakSet(), Yn = function() {
+Pa = new WeakMap(), Da = new WeakMap(), Ba = new WeakMap(), bi = new WeakSet(), Gn = function() {
   return this.data.__ng._[H.ROW.EXPAND];
-}, cc = new WeakMap(), uc = new WeakMap(), dc = new WeakMap(), fc = new WeakMap(), wu = new WeakMap(), Ba = new WeakMap(), Fa = new WeakMap(), pc = new WeakMap(), mc = new WeakMap(), gc = new WeakMap();
+}, cc = new WeakMap(), uc = new WeakMap(), dc = new WeakMap(), fc = new WeakMap(), wu = new WeakMap(), Fa = new WeakMap(), qa = new WeakMap(), pc = new WeakMap(), mc = new WeakMap(), gc = new WeakMap();
 customElements.get("ng-tree-item") || customElements.define("ng-tree-item", df);
-var vt, Xe, yr, yi, vi, qa, Ha, za, Ua, Va, bc, yc, vc, An, Us, Vs;
+var vt, Xe, yr, yi, vi, Ha, za, Ua, Va, Wa, bc, yc, vc, An, Us, Vs;
 class ff {
   constructor(C) {
     Y(this, vt);
@@ -29424,26 +29424,26 @@ class ff {
     it(this, "redrawV3", () => {
       this.init(), tt(this, Xe, f(this, vt).dataManager.viewRecords.rawIndex || 0), f(this, An).call(this);
     });
-    Y(this, qa, () => {
+    Y(this, Ha, () => {
       var C = 0;
       return $(".ng-container-body tbody.fixed tr", f(this, vt).body).each((t, l) => {
         l.data && l.data.__ng && (C += f(this, vt).matrix.getHeight(l.data.__ng.height[parseInt(t % f(this, vt).template.length)]));
       }), C;
     });
-    Y(this, Ha, () => {
-      var C = f(this, qa).call(this);
+    Y(this, za, () => {
+      var C = f(this, Ha).call(this);
       const t = parseInt(f(this, Xe) * f(this, vt).template.length);
       return $(".ng-container-body tbody.bindable tr:not(.nodata)", f(this, vt).body).each((l, c) => {
         C += f(this, vt).matrix.getHeight(t + l);
       }), C;
     });
-    Y(this, za, () => {
+    Y(this, Ua, () => {
       const C = parseInt(f(this, vt).getAttribute("display-row-count"));
       if (f(this, vt).closest("dialog") && H.j.querySelectorAll(f(this, vt)).hasClass("simple")) return 1;
       if ([H.PAGINGTYPE.CLIENT, H.PAGINGTYPE.SERVER].includes(f(this, vt).paging.type)) return f(this, vt).paging.linesPerPage;
       if (!isNaN(C))
         return f(this, Xe) + C > f(this, vt).data.count() && (tt(this, Xe, C >= f(this, vt).data.count() ? 0 : f(this, vt).data.count() - C), f(this, vt).dataManager.viewRecords.rawIndex = f(this, Xe)), C;
-      const t = f(this, yr).body - f(this, yr).thead - f(this, yr).tfoot - f(this, qa).call(this);
+      const t = f(this, yr).body - f(this, yr).thead - f(this, yr).tfoot - f(this, Ha).call(this);
       for (var l = 0, c = 0; c < t; )
         c += this.getRowHeight(f(this, Xe) + l++);
       if (f(this, Xe) + l > f(this, vt).data.count()) {
@@ -29454,8 +29454,8 @@ class ff {
       }
       return l;
     });
-    Y(this, Ua, () => {
-      var C = f(this, za).call(this), t = $(".ng-container-body tbody.bindable tr", f(this, vt).body).not("tr.nodata").length / (f(this, vt).template.length || 1);
+    Y(this, Va, () => {
+      var C = f(this, Ua).call(this), t = $(".ng-container-body tbody.bindable tr", f(this, vt).body).not("tr.nodata").length / (f(this, vt).template.length || 1);
       const l = f(this, vt).template.clone(), c = l.clone(), o = l.clone();
       l.find("th,td").not("[fixed=left]").remove(), c.find("th,td").not("[fixed=right]").remove(), o.find("th[fixed=left],td[fixed=left],th[fixed=right],td[fixed=right]").remove();
       const r = $("tr.nodata", f(this, vt).body.querySelector(".ng-container-left")), n = $("tr.nodata", f(this, vt).body.querySelector(".ng-container-right")), s = $("tr.nodata", f(this, vt).body.querySelector(".ng-container-body"));
@@ -29472,8 +29472,8 @@ class ff {
       if (i.length > 0)
         var t;
     });
-    Y(this, Va, () => {
-      var C = Math.min(f(this, za).call(this), f(this, vt).data.count());
+    Y(this, Wa, () => {
+      var C = Math.min(f(this, Ua).call(this), f(this, vt).data.count());
       $(".ng-container tbody.bindable tr:not(.nodata)", f(this, vt).body).each((t, l) => {
         parseInt(l.sectionRowIndex / f(this, vt).template.length) >= C && $(l).remove();
       }), f(this, vt).body.querySelectorAll(".ng-container tbody.bindable tr:not(.nodata)").forEach((t) => {
@@ -29481,8 +29481,8 @@ class ff {
       });
     });
     Y(this, bc, () => {
-      f(this, Ua).call(this), f(this, Va).call(this);
-      var C = f(this, yr).body - f(this, yr).thead - f(this, yr).tfoot - f(this, Ha).call(this);
+      f(this, Va).call(this), f(this, Wa).call(this);
+      var C = f(this, yr).body - f(this, yr).thead - f(this, yr).tfoot - f(this, za).call(this);
       if (f(this, vt).getAttribute("display-row-count") && f(this, vt).data.count() >= Number(f(this, vt).getAttribute("display-row-count") || 0) && (C = 0), $(".ng-container tbody.bindable tr.nodata", f(this, vt).body).height(C), f(this, vt).closest("dialog") && H.j.querySelectorAll(f(this, vt)).hasClass("simple")) {
         $("tr.nodata", f(this, vt).body).height(0);
         var C = 47;
@@ -29492,7 +29492,7 @@ class ff {
       }
     });
     Y(this, yc, () => {
-      f(this, Ua).call(this), f(this, Va).call(this), f(this, vt).isLastPage;
+      f(this, Va).call(this), f(this, Wa).call(this), f(this, vt).isLastPage;
     });
     Y(this, vc, () => {
       for (const C of f(this, vi))
@@ -29510,7 +29510,7 @@ class ff {
         f(this, vt).cell.refresh(), $("ng-row-indicator", f(this, vt).body).each((r, n) => {
           n.refresh();
         });
-        var o = f(this, yr).body - f(this, yr).thead - f(this, yr).tfoot - f(this, Ha).call(this);
+        var o = f(this, yr).body - f(this, yr).thead - f(this, yr).tfoot - f(this, za).call(this);
         f(this, vt).getAttribute("display-row-count") && f(this, vt).data.count() >= Number(f(this, vt).getAttribute("display-row-count") || 0) && (o = 0), $(".ng-container tbody.bindable tr.nodata", f(this, vt).body).height(o), f(this, vt).refreshBindRows(), f(this, vt).refreshData(), f(this, vt).paging.totalCount = f(this, vt).data.countNF(), f(this, vt).body.querySelector("ng-vscrollbar").refresh(), H.j.querySelectorAll(".ng-table tbody tr", f(this, vt).body).removeClass("hover"), H.j.querySelectorAll(f(this, vt)).removeClass("loading"), H.j.querySelectorAll("ng-filter-panel").removeClass("loading");
       }, 300)), f(this, vi).push(setTimeout(() => {
         f(this, vt).refreshDataV2();
@@ -29621,7 +29621,7 @@ class ff {
     tt(this, vt, C), tt(this, yi, !1), this.init();
   }
 }
-vt = new WeakMap(), Xe = new WeakMap(), yr = new WeakMap(), yi = new WeakMap(), vi = new WeakMap(), qa = new WeakMap(), Ha = new WeakMap(), za = new WeakMap(), Ua = new WeakMap(), Va = new WeakMap(), bc = new WeakMap(), yc = new WeakMap(), vc = new WeakMap(), An = new WeakMap(), Us = new WeakMap(), Vs = new WeakMap();
+vt = new WeakMap(), Xe = new WeakMap(), yr = new WeakMap(), yi = new WeakMap(), vi = new WeakMap(), Ha = new WeakMap(), za = new WeakMap(), Ua = new WeakMap(), Va = new WeakMap(), Wa = new WeakMap(), bc = new WeakMap(), yc = new WeakMap(), vc = new WeakMap(), An = new WeakMap(), Us = new WeakMap(), Vs = new WeakMap();
 var Je, Ws, wc;
 class pf {
   constructor(C) {
@@ -29703,21 +29703,21 @@ class pf {
   }
 }
 Je = new WeakMap(), Ws = new WeakMap(), wc = new WeakMap();
-var Wa, Tn, Xa;
+var Xa, Tn, Ya;
 class mf extends HTMLElement {
   constructor() {
     super();
-    Y(this, Wa);
+    Y(this, Xa);
     Y(this, Tn);
-    Y(this, Xa, (t) => {
+    Y(this, Ya, (t) => {
       var o;
       t.preventDefault(), t.stopPropagation();
-      const l = f(this, Wa).shadowRoot.querySelector("ng-filter-panel"), c = (o = this.closest("th,td")) == null ? void 0 : o.dataset.col;
+      const l = f(this, Xa).shadowRoot.querySelector("ng-filter-panel"), c = (o = this.closest("th,td")) == null ? void 0 : o.dataset.col;
       l.col === c ? l.close() : l.open(this);
     });
   }
   connectedCallback() {
-    tt(this, Wa, this.getRootNode().host), this.removeEventListener("click", f(this, Xa)), this.addEventListener("click", f(this, Xa));
+    tt(this, Xa, this.getRootNode().host), this.removeEventListener("click", f(this, Ya)), this.addEventListener("click", f(this, Ya));
   }
   get filterOptions() {
     return f(this, Tn);
@@ -29726,14 +29726,14 @@ class mf extends HTMLElement {
     tt(this, Tn, t), this.classList.toggle("filtered", f(this, Tn).some((l) => l.data.length > 0));
   }
 }
-Wa = new WeakMap(), Tn = new WeakMap(), Xa = new WeakMap();
-var Ar, Ya, Ga, xc, _c, Sc, kc;
+Xa = new WeakMap(), Tn = new WeakMap(), Ya = new WeakMap();
+var Ar, Ga, Ka, xc, _c, Sc, kc;
 class gf extends HTMLElement {
   constructor() {
     super();
     Y(this, Ar);
-    Y(this, Ya);
     Y(this, Ga);
+    Y(this, Ka);
     Y(this, xc, (t) => {
       const l = this.shadowRoot.querySelector("nine-grid");
       this.classList.add("loading"), setTimeout(() => {
@@ -29741,7 +29741,7 @@ class gf extends HTMLElement {
           colnm: u,
           data: [...new Set(l.data.getValidData().filter((a) => a.v[o] === "Y" && a.v[r] === u).map((a) => a.v[n] || ""))].sort()
         })) : [];
-        f(this, Ya).filterOptions = e;
+        f(this, Ga).filterOptions = e;
         const i = Object.fromEntries(
           [...f(this, Ar).body.querySelectorAll("ng-filter-button")].flatMap((u) => u.filterOptions).filter((u) => u.data.length > 0).map((u) => [u.colnm, u.data])
         );
@@ -29767,7 +29767,7 @@ class gf extends HTMLElement {
       const o = t.target.value.toLowerCase(), [r, n] = ["LVL", "DATA"].map((s) => l.fields.indexOf(s));
       c.forEach((s) => {
         s.__ng.filtered = s.v[r] === 2 && !String(s.v[n] || "").toLowerCase().includes(o);
-      }), l.data.resetRecords(), clearTimeout(f(this, Ga)), tt(this, Ga, setTimeout(() => {
+      }), l.data.resetRecords(), clearTimeout(f(this, Ka)), tt(this, Ka, setTimeout(() => {
         l.dataManager.viewRecords.reset(), l.dataManager.viewRecords.touch();
       }, 200));
     });
@@ -29781,7 +29781,7 @@ class gf extends HTMLElement {
       const a = s + e - n;
       Object.assign(this.style, { left: `${u}px`, top: `${a}px`, display: "flex" }), this.classList.add("loading"), this.shadowRoot.querySelector("input[type=text]").value = "", setTimeout(() => {
         const h = f(this, Ar).data.getValidDataNF(), p = l.dataset.col;
-        this.col = p, tt(this, Ya, t);
+        this.col = p, tt(this, Ga, t);
         const m = t.filterOptions.map((g, S) => {
           const E = `<span class="group">${l.textContent}${t.filterOptions.length > 1 ? ` #${S + 1} (${g.colnm})` : ""}</span>`, I = f(this, Ar).activeTmpl.querySelector(`[data-col="${p}"][data-bind="${g.colnm}"]`), D = I == null ? void 0 : I.getAttribute("data-expr"), z = D ? f(this, Ar).exprFunction(D) : null, P = h.map((B) => {
             const F = f(this, Ar).fields.indexOf(g.colnm);
@@ -29844,16 +29844,16 @@ class gf extends HTMLElement {
 		`, this.shadowRoot.querySelector("input[type=text]").addEventListener("input", f(this, kc)), this.shadowRoot.querySelector("input[type=checkbox]").addEventListener("change", f(this, Sc)), this.shadowRoot.querySelector("#btnOk").addEventListener("click", f(this, xc)), this.shadowRoot.querySelector("#btnCancel").addEventListener("click", f(this, _c));
   }
 }
-Ar = new WeakMap(), Ya = new WeakMap(), Ga = new WeakMap(), xc = new WeakMap(), _c = new WeakMap(), Sc = new WeakMap(), kc = new WeakMap();
+Ar = new WeakMap(), Ga = new WeakMap(), Ka = new WeakMap(), xc = new WeakMap(), _c = new WeakMap(), Sc = new WeakMap(), kc = new WeakMap();
 customElements.get("ng-filter-button") || customElements.define("ng-filter-button", mf);
 customElements.get("ng-filter-panel") || customElements.define("ng-filter-panel", gf);
-var Ka, wi, Za, Rn, ns, Ja, Qa, Cc, ys, Ec, tl, Ac, os, Tc, el, Rc, rl, Xs, Ys;
+var Za, wi, Ja, Rn, ns, Qa, tl, Cc, ys, Ec, el, Ac, os, Tc, rl, Rc, sl, Xs, Ys;
 class ru extends HTMLElement {
   constructor() {
     super();
-    Y(this, Ka, !1);
+    Y(this, Za, !1);
     Y(this, wi);
-    Y(this, Za);
+    Y(this, Ja);
     Y(this, Rn);
     Y(this, ns);
     it(this, "export", () => {
@@ -29912,15 +29912,15 @@ class ru extends HTMLElement {
         c.children[0] && c.children[0].dataRefresh && c.children[0].dataRefresh(!0);
       });
     });
-    Y(this, Ja, (t) => {
+    Y(this, Qa, (t) => {
       this.dataManager && (this.data.clear(), this.dataManager.setDataSource(t), this.refresh(), this.paging && this.paging.refresh(), this.scrollTo_V1(0));
     });
     it(this, "changeRayout", (t) => {
-      $(".ng-container-left", this.body).children().remove(), $(".ng-container-right", this.body).children().remove(), $(".ng-container-body", this.body).children().remove(), $(".ng-container-body", this.shadowRoot).append(f(this, ns)[t]), f(this, el).call(this), this.createTemplate(), f(this, Qa).call(this), this.resetTemplate(), f(this, tl).call(this), this.cell.resetEvent(), this.touchEvent.resetEvent(), f(this, wi).resetEvent(), f(this, Za).resetEvent(), f(this, Rn) && f(this, Rn).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, ns)[t]), f(this, rl).call(this), this.createTemplate(), f(this, tl).call(this), this.resetTemplate(), f(this, el).call(this), this.cell.resetEvent(), this.touchEvent.resetEvent(), f(this, wi).resetEvent(), f(this, Ja).resetEvent(), f(this, Rn) && f(this, Rn).resetEvent(), this.sorting && this.sorting.initialize(), this.filtering && this.filtering.initialize(), this.pin && this.pin.initialize(), this.data.initialize(), setTimeout(() => {
         this.paging && this.paging.refresh(), this.scrollTo_V1(0);
       });
     });
-    Y(this, Qa, () => {
+    Y(this, tl, () => {
       this.elements = {
         table: $(this.body.querySelector(".ng-container-body > table")),
         hscrollbar: $(this.body.querySelector("ng-hscrollbar")),
@@ -29969,7 +29969,7 @@ class ru extends HTMLElement {
       });
     });
     Y(this, Ec, () => {
-      if (f(this, Ka)) return;
+      if (f(this, Za)) return;
       this.originFormat = this.outerHTML, this.uuid = H.randomUUID(), this.id || (this.id = this.uuid), $("table", this).each((r, n) => {
         if ($("colgroup", n).length == 0) {
           var s = 0;
@@ -30035,7 +30035,7 @@ class ru extends HTMLElement {
         $(H.j.querySelectorAll("tbody", r).addClass("bindable").elem()).before('<tbody class="fixed"></tbody>');
       $(this.shadowRoot).append(t), $(".ng-container-body", this.shadowRoot).append(f(this, ns)[0]), this.body = this.shadowRoot.querySelector(".ng-body"), this.querySelectorAll("nx-buttons *").forEach((r) => {
         r.grid = this;
-      }), $(this.shadowRoot.querySelector("ng-head").shadowRoot.querySelector("ng-custom")).append(this.querySelectorAll("nx-buttons")), f(this, el).call(this), this.createTemplate(), f(this, Qa).call(this), this.resetTemplate(), f(this, Ac).call(this);
+      }), $(this.shadowRoot.querySelector("ng-head").shadowRoot.querySelector("ng-custom")).append(this.querySelectorAll("nx-buttons")), f(this, rl).call(this), this.createTemplate(), f(this, tl).call(this), this.resetTemplate(), f(this, Ac).call(this);
       const l = this.shadowRoot.querySelector("ng-foot");
       this.paging = l.shadowRoot.querySelector("ng-paging"), this.layout = l.shadowRoot.querySelector("ng-layout"), this.layout && this.layout.add(f(this, ns)), new Yu(this), this.pin = new rf(this), this.fields = new Cd(this), this.cell = new Gu(this), this.touchEvent = new Qu(this), this.selection = new Ju(this), this.tables = new lf(this), this.dataManager = new gd(this), this.view = new ff(this), this.tableUtils = new hf(this), this.columns = new ad(this);
       for (var c in this.dataManager)
@@ -30044,7 +30044,7 @@ class ru extends HTMLElement {
         ["columns"].includes(c) && (this[c] = this.tableUtils[c]);
       for (var c in this.cell)
         this.cell[c] instanceof Function && !["refresh"].includes(c) || ["xx"].includes(c) && (this[c] = this.cell[c]);
-      H.j.querySelectorAll(this).hasClass("simple") || (this.filtering = new pf(this)), !H.j.querySelectorAll(this).hasClass("combo") && !H.j.querySelectorAll(this).hasClass("filter") && $(this.shadowRoot).append($("<ng-combo-panel></ng-combo-panel").hide()), this.sorting = new af(this), this.matrix = new Hd(this), tt(this, wi, new od(this)), tt(this, Za, new nd(this)), H.j.querySelectorAll(this).hasClass("simple") || tt(this, Rn, new Zd(this)), f(this, tl).call(this), this.refresh(), this.body.querySelector(".ng-container-body .nodata") && new ResizeObserver((r, n) => {
+      H.j.querySelectorAll(this).hasClass("simple") || (this.filtering = new pf(this)), !H.j.querySelectorAll(this).hasClass("combo") && !H.j.querySelectorAll(this).hasClass("filter") && $(this.shadowRoot).append($("<ng-combo-panel></ng-combo-panel").hide()), this.sorting = new af(this), this.matrix = new Hd(this), tt(this, wi, new od(this)), tt(this, Ja, new nd(this)), H.j.querySelectorAll(this).hasClass("simple") || tt(this, Rn, new Zd(this)), f(this, el).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) => {
@@ -30063,9 +30063,9 @@ class ru extends HTMLElement {
           const s = new CustomEvent(H.EVENT.BUTTON_CLICK, { bubbles: !0, detail: { target: r } });
           this.dispatchEvent(s);
         });
-      }), tt(this, Ka, !0);
+      }), tt(this, Za, !0);
     });
-    Y(this, tl, () => {
+    Y(this, el, () => {
       this.lastRowHidden = isNaN(parseInt(H.j.querySelectorAll(this).attr("display-row-count"))), this.paging || (this.paging = {}), H.j.querySelectorAll(this).attr("col-indicator-type", H.j.querySelectorAll(this).attr("col-indicator-type") || H.COLINDICATORTYPE.COLLAPSE), H.j.querySelectorAll(this).attr("auto-fit-col", H.j.querySelectorAll(this).attr("auto-fit-col") || "false"), H.j.querySelectorAll(this).attr("col-resizable", H.j.querySelectorAll(this).attr("col-resizable") || "true"), H.j.querySelectorAll(this).attr("row-resizable", H.j.querySelectorAll(this).attr("row-resizable") || "false"), H.j.querySelectorAll(this).attr("col-movable", H.j.querySelectorAll(this).attr("col-movable") || "false"), H.j.querySelectorAll(this).attr("enable-fixed-col", H.j.querySelectorAll(this).attr("enable-fixed-col") || "false"), H.j.querySelectorAll(this).attr("show-title-bar", H.j.querySelectorAll(this).attr("show-title-bar") || "false"), H.j.querySelectorAll(this).attr("show-menu-icon", H.j.querySelectorAll(this).attr("show-menu-icon") || "false"), H.j.querySelectorAll(this).attr("show-status-bar", H.j.querySelectorAll(this).attr("show-status-bar") || "false"), H.j.querySelectorAll(this).attr("show-thead", H.j.querySelectorAll(this).attr("show-thead") || "true"), H.j.querySelectorAll(this).attr("show-tfoot", H.j.querySelectorAll(this).attr("show-tfoot") || "true"), H.j.querySelectorAll(this).attr("select-type", H.j.querySelectorAll(this).attr("select-type") || H.SELECTTYPE.CELL), H.j.querySelectorAll(this).attr("paging-type", H.j.querySelectorAll(this).attr("paging-type") || H.PAGINGTYPE.NONE), H.j.querySelectorAll(this).attr("paging-count", H.j.querySelectorAll(this).attr("paging-count") || H.PAGINGCOUNT.AUTO);
     });
     Y(this, Ac, () => {
@@ -30185,7 +30185,7 @@ class ru extends HTMLElement {
         $(s).css({ width: r[n].width, "min-width": r[n].width, "background-color": r[n].background, "border-top-color": r[n].background }), H.j.querySelectorAll(s).attr("background-color", r[n].background);
       });
     });
-    Y(this, el, () => {
+    Y(this, rl, () => {
       var t = this.body.querySelector(".ng-container-body > table");
       if (t) {
         t.querySelectorAll("tbody tr").forEach((c) => {
@@ -30205,7 +30205,7 @@ class ru extends HTMLElement {
         $(c).append('<td class="last"></td>');
       });
     });
-    Y(this, rl, () => {
+    Y(this, sl, () => {
       var t = [];
       return $("th,td", this.template).not(".dummy").not(".first").each((l, c) => {
         c.querySelector("ng-row-indicator") || t.push(Number(c.dataset.col));
@@ -30341,8 +30341,8 @@ class ru extends HTMLElement {
     return this.dataManager.rawRecords;
   }
   set dataSource(t) {
-    this.dataManager ? f(this, Ja).call(this, t) : setTimeout(() => {
-      f(this, Ja).call(this, t);
+    this.dataManager ? f(this, Qa).call(this, t) : setTimeout(() => {
+      f(this, Qa).call(this, t);
     }, 300);
   }
   get layouts() {
@@ -30396,13 +30396,13 @@ class ru extends HTMLElement {
     }
   }
   get firstCol() {
-    return Math.min.apply(null, f(this, rl).call(this));
+    return Math.min.apply(null, f(this, sl).call(this));
   }
   get lastCol() {
-    return Math.max.apply(null, f(this, rl).call(this));
+    return Math.max.apply(null, f(this, sl).call(this));
   }
 }
-Ka = new WeakMap(), wi = new WeakMap(), Za = new WeakMap(), Rn = new WeakMap(), ns = new WeakMap(), Ja = new WeakMap(), Qa = new WeakMap(), Cc = new WeakMap(), ys = new WeakMap(), Ec = new WeakMap(), tl = new WeakMap(), Ac = new WeakMap(), os = new WeakMap(), Tc = new WeakMap(), el = new WeakMap(), Rc = new WeakMap(), rl = new WeakMap(), Xs = new WeakMap(), Ys = new WeakMap(), it(ru, "observedAttributes", ["lang", "caption", "display-row-count", "row-resizable", "col-indicator-type", "auto-fit-col", "enable-fixed-col", "select-type", "paging-type", "paging-count", "show-menu-icon", "show-title-bar", "show-tfoot", "show-status-bar"]);
+Za = new WeakMap(), wi = new WeakMap(), Ja = new WeakMap(), Rn = new WeakMap(), ns = new WeakMap(), Qa = new WeakMap(), tl = new WeakMap(), Cc = new WeakMap(), ys = new WeakMap(), Ec = new WeakMap(), el = new WeakMap(), Ac = new WeakMap(), os = new WeakMap(), Tc = new WeakMap(), rl = new WeakMap(), Rc = new WeakMap(), sl = new WeakMap(), Xs = new WeakMap(), Ys = new WeakMap(), it(ru, "observedAttributes", ["lang", "caption", "display-row-count", "row-resizable", "col-indicator-type", "auto-fit-col", "enable-fixed-col", "select-type", "paging-type", "paging-count", "show-menu-icon", "show-title-bar", "show-tfoot", "show-status-bar"]);
 customElements.get("nine-grid") || customElements.define("nine-grid", ru);
 class bf extends ru {
   constructor() {
@@ -30413,7 +30413,7 @@ class bf extends ru {
   }
 }
 customElements.get("ng-source") || customElements.define("ng-source", bf);
-var vs, Mc, sl, Mn, il, nl, In, ol;
+var vs, Mc, il, Mn, nl, ol, In, al;
 class yf extends HTMLElement {
   constructor() {
     super();
@@ -30423,7 +30423,7 @@ class yf extends HTMLElement {
       this.querySelector("dialog").showModal();
     });
     it(this, "close", () => {
-      $(".head", this).off("mousedown", f(this, sl)), $(".head", this).off("touchstart", f(this, nl)), $(document).off("mouseup", f(this, il)), $(document).off("touchend", f(this, ol)), $(document).off("mousemove", f(this, Mn)), $(document).off("touchmove", f(this, In)), this.querySelector("dialog").close();
+      $(".head", this).off("mousedown", f(this, il)), $(".head", this).off("touchstart", f(this, ol)), $(document).off("mouseup", f(this, nl)), $(document).off("touchend", f(this, al)), $(document).off("mousemove", f(this, Mn)), $(document).off("touchmove", f(this, In)), this.querySelector("dialog").close();
     });
     Y(this, Mc, () => {
       $(".close", this).on("click", (t) => {
@@ -30432,9 +30432,9 @@ class yf extends HTMLElement {
         }, 300);
       }), $(".close2", this).on("click", (t) => {
         this.close();
-      }), $(".head", this).on("mousedown", f(this, sl)), $(".head", this).on("touchstart", f(this, nl)), $(document).on("mouseup", f(this, il)), $(document).on("touchend", f(this, ol));
+      }), $(".head", this).on("mousedown", f(this, il)), $(".head", this).on("touchstart", f(this, ol)), $(document).on("mouseup", f(this, nl)), $(document).on("touchend", f(this, al));
     });
-    Y(this, sl, (t) => {
+    Y(this, il, (t) => {
       if (!t.target.closest("buttons") && !(t.buttons != 1 || t.altKey || t.ctrlKey || t.shiftkey)) {
         var l = this.querySelector("dialog").getBoundingClientRect();
         tt(this, vs, {
@@ -30446,10 +30446,10 @@ class yf extends HTMLElement {
     Y(this, Mn, (t) => {
       $(this.querySelector("dialog")).offset({ left: t.pageX - f(this, vs).x, top: t.pageY - f(this, vs).y });
     });
-    Y(this, il, (t) => {
+    Y(this, nl, (t) => {
       $(document).off("mousemove", f(this, Mn));
     });
-    Y(this, nl, (t) => {
+    Y(this, ol, (t) => {
       if (!t.target.closest("buttons")) {
         var l = this.querySelector("dialog").getBoundingClientRect();
         tt(this, vs, {
@@ -30461,7 +30461,7 @@ class yf extends HTMLElement {
     Y(this, In, (t) => {
       $(this.querySelector("dialog")).offset({ left: t.changedTouches[0].pageX - f(this, vs).x, top: t.changedTouches[0].pageY - f(this, vs).y });
     });
-    Y(this, ol, (t) => {
+    Y(this, al, (t) => {
       $(document).off("touchmove", f(this, In));
     });
   }
@@ -30506,15 +30506,15 @@ class yf extends HTMLElement {
 		`, $(".title", this).html("Details"), f(this, Mc).call(this);
   }
 }
-vs = new WeakMap(), Mc = new WeakMap(), sl = new WeakMap(), Mn = new WeakMap(), il = new WeakMap(), nl = new WeakMap(), In = new WeakMap(), ol = new WeakMap();
+vs = new WeakMap(), Mc = new WeakMap(), il = new WeakMap(), Mn = new WeakMap(), nl = new WeakMap(), ol = new WeakMap(), In = new WeakMap(), al = new WeakMap();
 customElements.get("nx-dialog") || customElements.define("nx-dialog", yf);
-var al, Gs, ll, Nn, ws, xi, On, Ic;
+var ll, Gs, hl, Nn, ws, xi, On, Ic;
 class Lu extends HTMLElement {
   constructor() {
     super();
-    Y(this, al);
-    Y(this, Gs);
     Y(this, ll);
+    Y(this, Gs);
+    Y(this, hl);
     Y(this, Nn);
     Y(this, ws);
     Y(this, xi, []);
@@ -30524,7 +30524,7 @@ class Lu extends HTMLElement {
         if (f(this, On))
           f(this, Gs).innerHTML = i18next.t(f(this, On));
         else if (f(this, xi).length > 0 && !H.isNull(f(this, Nn))) {
-          var t = f(this, xi).findIndex((l) => l[f(this, ll)] == H.global.locale);
+          var t = f(this, xi).findIndex((l) => l[f(this, hl)] == H.global.locale);
           t < 0 && (t = 0), f(this, Gs).innerHTML = f(this, xi)[t][f(this, Nn)], $("datalist", this).remove(), $(this).append(f(this, ws));
         }
       }
@@ -30532,7 +30532,7 @@ class Lu extends HTMLElement {
     Y(this, Ic, () => {
       tt(this, ws, "<datalist>"), this.querySelectorAll("datalist option").forEach((c, o) => {
         for (var r = {}, n = 0; n < c.attributes.length; n++)
-          r[c.attributes[n].name] = f(this, al) ? c.attributes[n].value : c.attributes[n].value.replaceAll("<", "&lt;").replaceAll(">", "&gt;"), o == 0 && (["locale", "lang", "key", "code"].includes(c.attributes[n].name) ? tt(this, ll, c.attributes[n].name) : tt(this, Nn, c.attributes[n].name));
+          r[c.attributes[n].name] = f(this, ll) ? 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, hl, c.attributes[n].name) : tt(this, Nn, c.attributes[n].name));
         tt(this, ws, f(this, ws) + "<option");
         for (const s in r)
           tt(this, ws, f(this, ws) + ` ${s}="${r[s]}"`);
@@ -30548,12 +30548,12 @@ class Lu extends HTMLElement {
     });
   }
   connectedCallback() {
-    tt(this, al, this.getAttribute("enable-html") == "true"), tt(this, On, this.getAttribute("i18n") || this.getAttribute("label") || this.getAttribute("message") || this.getAttribute("text")), $(() => {
+    tt(this, ll, this.getAttribute("enable-html") == "true"), tt(this, On, this.getAttribute("i18n") || this.getAttribute("label") || this.getAttribute("message") || this.getAttribute("text")), $(() => {
       f(this, Ic).call(this);
     });
   }
 }
-al = new WeakMap(), Gs = new WeakMap(), ll = new WeakMap(), Nn = new WeakMap(), ws = new WeakMap(), xi = new WeakMap(), On = new WeakMap(), Ic = new WeakMap(), it(Lu, "i18n", {
+ll = new WeakMap(), Gs = new WeakMap(), hl = new WeakMap(), Nn = new WeakMap(), ws = new WeakMap(), xi = new WeakMap(), On = new WeakMap(), Ic = new WeakMap(), it(Lu, "i18n", {
   convertArrayToJSON: (t) => {
     let l = {};
     for (const c of t) {
@@ -30590,7 +30590,7 @@ al = new WeakMap(), Gs = new WeakMap(), ll = new WeakMap(), Nn = new WeakMap(),
   }
 });
 customElements.get("nx-i18n") || customElements.define("nx-i18n", Lu);
-var jn, $n, Nc, hl;
+var jn, $n, Nc, cl;
 class vf extends HTMLElement {
   constructor() {
     super();
@@ -30599,7 +30599,7 @@ class vf extends HTMLElement {
     Y(this, Nc, () => {
       this.classList.remove("nx-collapse"), document.body.style.width = `calc(100% - ${f(this, $n)}px)`;
     });
-    Y(this, hl, () => {
+    Y(this, cl, () => {
       this.classList.add("nx-collapse"), document.body.style.width = `calc(100% - ${f(this, jn)}px)`, this.shadowRoot.host.style.width = "var(--min-width)", setTimeout(() => {
         this.shadowRoot.host.style.width = "";
       }, 300);
@@ -30805,7 +30805,7 @@ class vf extends HTMLElement {
       f(this, Nc).call(this);
     }), this.shadowRoot.querySelectorAll(".nx-toggle-button:nth-of-type(2), .nx-toggle-button:nth-of-type(3)").forEach((c) => {
       c.addEventListener("click", (o) => {
-        f(this, hl).call(this);
+        f(this, cl).call(this);
       });
     }), this.addEventListener("mouseover", (c) => {
       this.shadowRoot.querySelector('slot[name="nx-body-content"]').assignedNodes({ flatten: !0 }).filter((s) => s.nodeName === "UL")[0].querySelectorAll("nx-sidebar-item").forEach((s) => {
@@ -30829,10 +30829,10 @@ class vf extends HTMLElement {
       this.shadowRoot.querySelector('slot[name="nx-body-content"]').assignedNodes({ flatten: !0 }).filter((s) => s.nodeName === "UL")[0].querySelectorAll("nx-sidebar-menuitem").forEach((s) => {
         s.classList.add("collapse");
       });
-    }), document.body.style.float = "right", document.body.style.transition = "width 0.5s ease-in-out", f(this, hl).call(this);
+    }), document.body.style.float = "right", document.body.style.transition = "width 0.5s ease-in-out", f(this, cl).call(this);
   }
 }
-jn = new WeakMap(), $n = new WeakMap(), Nc = new WeakMap(), hl = new WeakMap();
+jn = new WeakMap(), $n = new WeakMap(), Nc = new WeakMap(), cl = new WeakMap();
 class wf extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
@@ -30854,15 +30854,15 @@ class wf extends HTMLElement {
 		`;
   }
 }
-var cl;
+var ul;
 class xf extends HTMLElement {
   constructor() {
     super();
-    Y(this, cl);
+    Y(this, ul);
     this.attachShadow({ mode: "open" });
   }
   connectedCallback() {
-    tt(this, cl, this.getAttribute("type") || "item"), this.render(), this.classList.add("collapse"), this.classList.add(f(this, cl)), this.shadowRoot.querySelector(".menubar").addEventListener("click", (t) => {
+    tt(this, ul, this.getAttribute("type") || "item"), this.render(), this.classList.add("collapse"), this.classList.add(f(this, ul)), this.shadowRoot.querySelector(".menubar").addEventListener("click", (t) => {
       this.dispatchEvent(new CustomEvent("item-click", {
         detail: { message: "Item clicked!" },
         bubbles: !0,
@@ -30888,39 +30888,39 @@ class xf extends HTMLElement {
 		`;
   }
 }
-cl = new WeakMap();
+ul = new WeakMap();
 customElements.get("nx-sidebar-menuitem") || customElements.define("nx-sidebar-menuitem", xf);
 customElements.get("nx-sidebar-item") || customElements.define("nx-sidebar-item", wf);
 customElements.get("nx-sidebar") || customElements.define("nx-sidebar", vf);
-var Ln, Pn, ul, dl, fl, Oc;
+var Ln, Pn, dl, fl, pl, Oc;
 class _f extends HTMLElement {
   constructor() {
     super();
     Y(this, Ln);
     Y(this, Pn);
     it(this, "expand", () => {
-      f(this, fl).call(this, "collapse"), document.body.style.width = `calc(100% - ${f(this, Pn)}px)`;
+      f(this, pl).call(this, "collapse"), document.body.style.width = `calc(100% - ${f(this, Pn)}px)`;
     });
     it(this, "collapse", () => {
-      f(this, dl).call(this, "collapse"), document.body.style.width = `calc(100% - ${f(this, Ln)}px)`, this.shadowRoot.host.style.width = "var(--min-width)", setTimeout(() => {
+      f(this, fl).call(this, "collapse"), document.body.style.width = `calc(100% - ${f(this, Ln)}px)`, this.shadowRoot.host.style.width = "var(--min-width)", setTimeout(() => {
         this.shadowRoot.host.style.width = "";
       }, 300);
     });
-    Y(this, ul, (t) => {
+    Y(this, dl, (t) => {
       const l = this.shadowRoot.querySelector("nx-side-menu-body");
       return l ? l.shadowRoot.querySelectorAll(t) : [];
     });
-    Y(this, dl, (t) => {
+    Y(this, fl, (t) => {
       this.classList.add(t), this.shadowRoot.querySelectorAll("nx-side-menu-head,nx-side-menu-foot,nx-side-menu-body,nx-side-menu-custom").forEach((l) => {
         l.classList.add(t);
-      }), f(this, ul).call(this, "nx-side-menu-item").forEach((l) => {
+      }), f(this, dl).call(this, "nx-side-menu-item").forEach((l) => {
         l.classList.add(t);
       });
     });
-    Y(this, fl, (t) => {
+    Y(this, pl, (t) => {
       this.classList.remove(t), this.shadowRoot.querySelectorAll("nx-side-menu-head,nx-side-menu-foot,nx-side-menu-body,nx-side-menu-custom").forEach((l) => {
         l.classList.remove(t);
-      }), f(this, ul).call(this, "nx-side-menu-item").forEach((l) => {
+      }), f(this, dl).call(this, "nx-side-menu-item").forEach((l) => {
         l.classList.remove(t);
       });
     });
@@ -30942,9 +30942,9 @@ class _f extends HTMLElement {
 			
 			${t}
 		`, this.addEventListener("mouseover", (l) => {
-        f(this, dl).call(this, "hover");
-      }), this.addEventListener("mouseout", (l) => {
         f(this, fl).call(this, "hover");
+      }), this.addEventListener("mouseout", (l) => {
+        f(this, pl).call(this, "hover");
       }), document.body.style.float = "right", document.body.style.transition = "width 0.5s ease-in-out", this.collapse();
     });
     this.attachShadow({ mode: "open" });
@@ -30958,7 +30958,7 @@ class _f extends HTMLElement {
     }, 300);
   }
 }
-Ln = new WeakMap(), Pn = new WeakMap(), ul = new WeakMap(), dl = new WeakMap(), fl = new WeakMap(), Oc = new WeakMap();
+Ln = new WeakMap(), Pn = new WeakMap(), dl = new WeakMap(), fl = new WeakMap(), pl = new WeakMap(), Oc = new WeakMap();
 var _i, jc, $c, Pu;
 class Sf extends HTMLElement {
   constructor() {
@@ -31099,15 +31099,15 @@ class Cf extends HTMLElement {
   }
 }
 Dc = new WeakMap(), Bc = new WeakMap();
-var pl, Bn, ml, Fc;
+var ml, Bn, gl, Fc;
 class Ef extends HTMLElement {
   constructor() {
     super();
-    Y(this, pl);
-    Y(this, Bn);
     Y(this, ml);
+    Y(this, Bn);
+    Y(this, gl);
     Y(this, Fc, () => {
-      tt(this, ml, this.getAttribute("type") || "item"), this.render(), tt(this, Bn, H.closest("nx-side-menu", this)), this.classList.toggle("expand"), this.classList.add("collapse"), this.classList.add(f(this, ml)), this.addEventListener("click", (l) => {
+      tt(this, gl, this.getAttribute("type") || "item"), this.render(), tt(this, Bn, H.closest("nx-side-menu", this)), this.classList.toggle("expand"), this.classList.add("collapse"), this.classList.add(f(this, gl)), this.addEventListener("click", (l) => {
         H.querySelectorAll("nx-side-menu-item", f(this, Bn)).forEach((c) => {
           c.classList.remove("active");
         }), l.target.classList.add("active"), H.closest("nx-side-menu", this).dispatchEvent(new CustomEvent("side-menu-click", {
@@ -31137,10 +31137,10 @@ class Ef extends HTMLElement {
     this.attachShadow({ mode: "open" }), this.test = this.innerText.trim(), this.uuid = H.randomUUID();
   }
   connectedCallback() {
-    tt(this, pl, this.getAttribute("title")), H.waitForInnerHTML(this).then(() => f(this, Fc).call(this)).catch((t) => console.error(t));
+    tt(this, ml, this.getAttribute("title")), H.waitForInnerHTML(this).then(() => f(this, Fc).call(this)).catch((t) => console.error(t));
   }
   get caption() {
-    return f(this, pl);
+    return f(this, ml);
   }
   render() {
     const t = this.getAttribute("icon-class"), l = this.innerHTML.trim();
@@ -31160,32 +31160,32 @@ class Ef extends HTMLElement {
 		`;
   }
 }
-pl = new WeakMap(), Bn = new WeakMap(), ml = new WeakMap(), Fc = new WeakMap();
+ml = new WeakMap(), Bn = new WeakMap(), gl = new WeakMap(), Fc = new WeakMap();
 customElements.get("nx-side-menu") || customElements.define("nx-side-menu", _f);
 customElements.get("nx-side-menu-head") || customElements.define("nx-side-menu-head", Sf);
 customElements.get("nx-side-menu-foot") || customElements.define("nx-side-menu-foot", kf);
 customElements.get("nx-side-menu-body") || customElements.define("nx-side-menu-body", Cf);
 customElements.get("nx-side-menu-item") || customElements.define("nx-side-menu-item", Ef);
-var gl, Fn, bl, qn, xs, Si, qc;
+var bl, Fn, yl, qn, xs, Si, qc;
 class Af extends HTMLElement {
   constructor() {
     super();
-    Y(this, gl);
-    Y(this, Fn);
     Y(this, bl);
+    Y(this, Fn);
+    Y(this, yl);
     Y(this, qn);
     Y(this, xs);
     Y(this, Si, []);
     it(this, "refresh", () => {
       if (!(f(this, Si).length < 0 || H.isNull(f(this, qn)))) {
-        var t = f(this, Si).findIndex((l) => l[f(this, bl)] == H.global.locale);
+        var t = f(this, Si).findIndex((l) => l[f(this, yl)] == H.global.locale);
         t < 0 && (t = 0), f(this, Fn).innerHTML = f(this, Si)[t][f(this, qn)], $("datalist", this).remove(), $(this).append(f(this, xs));
       }
     });
     Y(this, qc, () => {
       tt(this, xs, "<datalist>"), this.querySelectorAll("datalist option").forEach((c, o) => {
         for (var r = {}, n = 0; n < c.attributes.length; n++)
-          r[c.attributes[n].name] = f(this, gl) ? c.attributes[n].value : c.attributes[n].value.replaceAll("<", "&lt;").replaceAll(">", "&gt;"), o == 0 && (["locale", "lang", "key", "code"].includes(c.attributes[n].name) ? tt(this, bl, c.attributes[n].name) : tt(this, qn, c.attributes[n].name));
+          r[c.attributes[n].name] = f(this, bl) ? 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, yl, c.attributes[n].name) : tt(this, qn, c.attributes[n].name));
         tt(this, xs, f(this, xs) + "<option");
         for (const s in r)
           tt(this, xs, f(this, xs) + ` ${s}="${r[s]}"`);
@@ -31199,7 +31199,7 @@ class Af extends HTMLElement {
         f(this, Fn).setAttribute(this.attributes[l].name, this.attributes[l].value);
       this.refresh();
     });
-    tt(this, gl, this.getAttribute("enable-html") == "true"), $(() => {
+    tt(this, bl, this.getAttribute("enable-html") == "true"), $(() => {
       f(this, qc).call(this);
     });
   }
@@ -31207,7 +31207,7 @@ class Af 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.");
   }
 }
-gl = new WeakMap(), Fn = new WeakMap(), bl = new WeakMap(), qn = new WeakMap(), xs = new WeakMap(), Si = new WeakMap(), qc = new WeakMap();
+bl = new WeakMap(), Fn = new WeakMap(), yl = new WeakMap(), qn = new WeakMap(), xs = new WeakMap(), Si = new WeakMap(), qc = new WeakMap();
 customElements.get("nx-span") || customElements.define("nx-span", Af);
 class Tf extends HTMLElement {
   constructor() {
@@ -31339,12 +31339,12 @@ Array.prototype.nineBinarySearch = function(mt) {
   }
   return -1;
 };
-var ar, yl, Hc;
+var ar, vl, Hc;
 class Nf extends HTMLElement {
   constructor() {
     super();
     Y(this, ar);
-    Y(this, yl);
+    Y(this, vl);
     Y(this, Hc, () => {
       this.innerHTML.trim(), this.innerHTML = "";
       const t = document.createElement("template");
@@ -31422,12 +31422,12 @@ class Nf extends HTMLElement {
           f(this, ar).classList.add("nx-collapse"), setTimeout(() => {
             this.classList.add("nx-collapse");
           }, 100), setTimeout(() => {
-            tt(this, yl, f(this, ar).style.display), f(this, ar).style.display = "none";
+            tt(this, vl, f(this, ar).style.display), f(this, ar).style.display = "none";
           }, 500);
         });
       }
       this.shadowRoot.querySelector("button").addEventListener("click", () => {
-        f(this, ar).style.display = f(this, yl), f(this, ar).classList.remove("nx-collapse"), f(this, ar).classList.add("nx-expand"), setTimeout(() => {
+        f(this, ar).style.display = f(this, vl), f(this, ar).classList.remove("nx-collapse"), f(this, ar).classList.add("nx-expand"), setTimeout(() => {
           this.classList.remove("nx-collapse"), this.classList.add("nx-expand");
         }, 100), setTimeout(() => {
           f(this, ar).classList.remove("nx-expand"), this.classList.remove("nx-expand");
@@ -31441,7 +31441,7 @@ class Nf extends HTMLElement {
     tt(this, ar, H.querySelector(t)), f(this, Hc).call(this);
   }
 }
-ar = new WeakMap(), yl = new WeakMap(), Hc = new WeakMap();
+ar = new WeakMap(), vl = new WeakMap(), Hc = new WeakMap();
 customElements.get("nx-collapse") || customElements.define("nx-collapse", Nf);
 var Wn, Bu, Fu, zc;
 class Of extends HTMLElement {
@@ -31527,7 +31527,7 @@ class jf extends HTMLElement {
 }
 customElements.get("nx-tab") || customElements.define("nx-tab", Of);
 customElements.get("nx-tab-page") || customElements.define("nx-tab-page", jf);
-var Lr, Uc, Vc, Wc, vl;
+var Lr, Uc, Vc, Wc, wl;
 class $f extends HTMLElement {
   constructor() {
     super();
@@ -31591,9 +31591,9 @@ class $f extends HTMLElement {
            ${c}
         `, this.shadowRoot.appendChild(o.content.cloneNode(!0)), this.shadowRoot.querySelectorAll(".grip-h,.grip-v").forEach((r) => {
         r.addEventListener("mousedown", (n) => f(this, Vc).call(this, n));
-      }), f(this, vl).call(this), window.addEventListener("resize", () => f(this, vl).call(this));
+      }), f(this, wl).call(this), window.addEventListener("resize", () => f(this, wl).call(this));
     });
-    Y(this, vl, () => {
+    Y(this, wl, () => {
       const t = f(this, Lr) === "h", l = this.parentElement, c = Array.from(l.children).filter((s) => s.tagName.toLowerCase() !== "nx-splitter");
       if (c.length < 2) return;
       const o = l.getBoundingClientRect(), r = c.reduce((s, e) => {
@@ -31611,7 +31611,7 @@ class $f extends HTMLElement {
     f(this, Wc).call(this);
   }
 }
-Lr = new WeakMap(), Uc = new WeakMap(), Vc = new WeakMap(), Wc = new WeakMap(), vl = new WeakMap();
+Lr = new WeakMap(), Uc = new WeakMap(), Vc = new WeakMap(), Wc = new WeakMap(), wl = new WeakMap();
 customElements.get("nx-splitter") || customElements.define("nx-splitter", $f);
 var xu, Xc;
 class Lf extends HTMLElement {
@@ -31654,21 +31654,21 @@ class Lf extends HTMLElement {
 }
 xu = new WeakMap(), Xc = new WeakMap();
 customElements.get("nx-form") || customElements.define("nx-form", Lf);
-var Tr, wl, xl, _l, Sl, Yc;
+var Tr, xl, _l, Sl, kl, Yc;
 class Pf extends HTMLElement {
   // 동적으로 추가할 빵 부스러기 경로 (상세 페이지 등)
   constructor() {
     super();
     Y(this, Tr, []);
     // Breadcrumb 경로를 저장할 내부 상태 초기화
-    Y(this, wl, []);
-    Y(this, xl, () => {
+    Y(this, xl, []);
+    Y(this, _l, () => {
       H.delayQuerySelector("nx-side-menu-item.active").then((t) => {
-        f(this, _l).call(this, t), f(this, Sl).call(this);
+        f(this, Sl).call(this, t), f(this, kl).call(this);
       });
     });
     // Breadcrumb 경로를 구성하는 비공개 메서드
-    Y(this, _l, (t) => {
+    Y(this, Sl, (t) => {
       if (tt(this, Tr, []), t) {
         const l = t.caption;
         l && f(this, Tr).unshift({
@@ -31694,9 +31694,9 @@ class Pf extends HTMLElement {
       }), f(this, Tr).unshift({
         path: "/",
         caption: "Home"
-      }), tt(this, Tr, f(this, Tr).concat(f(this, wl)));
+      }), tt(this, Tr, f(this, Tr).concat(f(this, xl)));
     });
-    Y(this, Sl, () => {
+    Y(this, kl, () => {
       const t = H.querySelector("nx-side-menu-item.active"), l = t ? t.caption : "No Caption";
       this.innerHTML.trim(), this.innerHTML = "", this.shadowRoot.innerHTML = "";
       const c = document.createElement("template");
@@ -31739,31 +31739,31 @@ class Pf extends HTMLElement {
     this.attachShadow({ mode: "open" });
   }
   connectedCallback() {
-    f(this, xl).call(this);
+    f(this, _l).call(this);
   }
   // 컴포넌트가 DOM에서 제거될 때 이벤트 리스너를 정리
   disconnectedCallback() {
-    document.removeEventListener("DOMContentLoaded", f(this, xl));
+    document.removeEventListener("DOMContentLoaded", f(this, _l));
   }
   setDynamicPath(t) {
-    tt(this, wl, t), f(this, _l).call(this), f(this, Sl).call(this);
+    tt(this, xl, t), f(this, Sl).call(this), f(this, kl).call(this);
   }
 }
-Tr = new WeakMap(), wl = new WeakMap(), xl = new WeakMap(), _l = new WeakMap(), Sl = new WeakMap(), Yc = new WeakMap();
+Tr = new WeakMap(), xl = new WeakMap(), _l = new WeakMap(), Sl = new WeakMap(), kl = new WeakMap(), Yc = new WeakMap();
 customElements.get("nx-title") || customElements.define("nx-title", Pf);
-var kl, ki, Cl, Rr, Gn, ou, au, El, Gc;
+var Cl, ki, El, Rr, Kn, ou, au, Al, Gc;
 class Su extends HTMLElement {
   constructor() {
     super();
     Y(this, Rr);
     it(this, "originContents");
-    Y(this, kl, !1);
+    Y(this, Cl, !1);
     Y(this, ki);
     // Shadow DOM 사용 여부에 따라 shadowRoot 또는 this를 가리킴
-    Y(this, Cl, !1);
+    Y(this, El, !1);
     it(this, "getData", () => {
       const t = {};
-      return qe(this, Rr, Gn).call(this).forEach((l) => {
+      return qe(this, Rr, Kn).call(this).forEach((l) => {
         const c = l.name;
         if (!c) return;
         let o;
@@ -31776,7 +31776,7 @@ class Su extends HTMLElement {
     });
     // 파라미터가 있으면 해당 값으로, 없으면 전체 공백 초기화
     it(this, "clearData", (t = {}) => {
-      qe(this, Rr, au).call(this), qe(this, Rr, Gn).call(this).forEach((l) => {
+      qe(this, Rr, au).call(this), qe(this, Rr, Kn).call(this).forEach((l) => {
         const c = l.name;
         if (!c) return;
         const o = t && t[c] !== void 0 ? t[c] : "";
@@ -31787,7 +31787,7 @@ class Su extends HTMLElement {
       if (!t || typeof t != "object") return;
       qe(this, Rr, au).call(this);
       let l = !1;
-      qe(this, Rr, Gn).call(this).forEach((c) => {
+      qe(this, Rr, Kn).call(this).forEach((c) => {
         const o = c.name;
         !o || !t.hasOwnProperty(o) || qe(this, Rr, ou).call(this, c, t[o]) && (l = !0);
       }), l && (this.changed = !0);
@@ -31795,7 +31795,7 @@ class Su extends HTMLElement {
     it(this, "initData", (t) => {
       this.clearData(t), this.changed = !1;
     });
-    Y(this, El, (t) => {
+    Y(this, Al, (t) => {
       this.changed = !0;
     });
     Y(this, Gc, () => {
@@ -31805,14 +31805,14 @@ class Su extends HTMLElement {
     });
   }
   connectedCallback() {
-    return f(this, kl) ? !1 : (this.getAttribute("use-shadow") !== "false" && !this.shadowRoot ? (this.attachShadow({ mode: "open" }), tt(this, ki, this.shadowRoot)) : tt(this, ki, this), f(this, Gc).call(this), tt(this, kl, !0), !0);
+    return f(this, Cl) ? !1 : (this.getAttribute("use-shadow") !== "false" && !this.shadowRoot ? (this.attachShadow({ mode: "open" }), tt(this, ki, this.shadowRoot)) : tt(this, ki, this), f(this, Gc).call(this), tt(this, Cl, !0), !0);
   }
   get changed() {
-    return f(this, Cl);
+    return f(this, El);
   }
   set changed(t) {
     const l = !!t;
-    tt(this, Cl, l);
+    tt(this, El, l);
     const c = this.closest(".detail-wrapper");
     if (c) {
       const o = c.querySelector("nx-title2");
@@ -31824,8 +31824,8 @@ class Su extends HTMLElement {
     return f(this, ki) || this;
   }
 }
-kl = new WeakMap(), ki = new WeakMap(), Cl = new WeakMap(), Rr = new WeakSet(), // 공통 쿼리 함수: 현재 root(Shadow 또는 Light DOM)에서 요소를 찾음
-Gn = function() {
+Cl = new WeakMap(), ki = new WeakMap(), El = new WeakMap(), Rr = new WeakSet(), // 공통 쿼리 함수: 현재 root(Shadow 또는 Light DOM)에서 요소를 찾음
+Kn = function() {
   return H.querySelectorAll("input[name], textarea[name], select[name], nx-editor[name]", f(this, ki));
 }, // [공통 로직 1] 특정 요소에 값을 쓰거나 초기화하는 핵심 함수
 ou = function(t, l) {
@@ -31845,15 +31845,15 @@ ou = function(t, l) {
   return r;
 }, // [공통 로직 2] 이벤트 리스너 일괄 등록
 au = function() {
-  qe(this, Rr, Gn).call(this).forEach((t) => {
-    t.removeEventListener("input", f(this, El)), t.addEventListener("input", f(this, El));
+  qe(this, Rr, Kn).call(this).forEach((t) => {
+    t.removeEventListener("input", f(this, Al)), t.addEventListener("input", f(this, Al));
   });
-}, El = new WeakMap(), Gc = new WeakMap();
-var Al, Kc;
+}, Al = new WeakMap(), Gc = new WeakMap();
+var Tl, Kc;
 class Df extends Su {
   constructor() {
     super();
-    Y(this, Al, !1);
+    Y(this, Tl, !1);
     Y(this, Kc, () => {
       const t = this.getAttribute("caption") || "", l = document.createElement("template");
       l.innerHTML = `
@@ -31874,32 +31874,32 @@ class Df extends Su {
     super.connectedCallback() && f(this, Kc).call(this);
   }
   get changed() {
-    return f(this, Al);
+    return f(this, Tl);
   }
   set changed(t) {
-    tt(this, Al, t), t ? this.classList.add("changed") : this.classList.remove("changed");
+    tt(this, Tl, t), t ? this.classList.add("changed") : this.classList.remove("changed");
   }
 }
-Al = new WeakMap(), Kc = new WeakMap();
+Tl = new WeakMap(), Kc = new WeakMap();
 customElements.get("nx-title2") || customElements.define("nx-title2", Df);
-var Hn, Tl, lu;
+var Hn, Rl, lu;
 class Bf extends HTMLElement {
   constructor() {
     super();
-    Y(this, Tl);
+    Y(this, Rl);
     Y(this, Hn);
   }
   connectedCallback() {
-    tt(this, Hn, Array.from(this.children).filter((t) => t.tagName.toLowerCase() !== "nx-splitter")), qe(this, Tl, lu).call(this);
+    tt(this, Hn, Array.from(this.children).filter((t) => t.tagName.toLowerCase() !== "nx-splitter")), qe(this, Rl, lu).call(this);
   }
   attributeChangedCallback(t, l, c) {
-    f(this, Hn) && l !== c && qe(this, Tl, lu).call(this);
+    f(this, Hn) && l !== c && qe(this, Rl, lu).call(this);
   }
   static get observedAttributes() {
     return ["columns"];
   }
 }
-Hn = new WeakMap(), Tl = new WeakSet(), lu = function() {
+Hn = new WeakMap(), Rl = new WeakSet(), lu = function() {
   const t = f(this, Hn);
   if (!t || t.length === 0) return;
   for (; this.firstChild; )
@@ -32043,7 +32043,7 @@ class Hf extends Su {
 }
 Qc = new WeakMap();
 customElements.get("nx-buttons") || customElements.define("nx-buttons", Hf);
-var _s, tu, Rl, Un, Ml, Il, Vn, Nl;
+var _s, tu, Ml, Un, Il, Nl, Vn, Ol;
 class zf extends HTMLElement {
   constructor() {
     super();
@@ -32053,7 +32053,7 @@ class zf extends HTMLElement {
       this.querySelector("dialog").showModal();
     });
     it(this, "close", () => {
-      $(".head", this).off("mousedown", f(this, Rl)), $(".head", this).off("touchstart", f(this, Il)), $(document).off("mouseup", f(this, Ml)), $(document).off("touchend", f(this, Nl)), $(document).off("mousemove", f(this, Un)), $(document).off("touchmove", f(this, Vn)), this.querySelector("dialog").close();
+      $(".head", this).off("mousedown", f(this, Ml)), $(".head", this).off("touchstart", f(this, Nl)), $(document).off("mouseup", f(this, Il)), $(document).off("touchend", f(this, Ol)), $(document).off("mousemove", f(this, Un)), $(document).off("touchmove", f(this, Vn)), this.querySelector("dialog").close();
     });
     Y(this, tu, () => {
       $(".close", this).on("click", (t) => {
@@ -32062,9 +32062,9 @@ class zf extends HTMLElement {
         }, 300);
       }), $(".close2", this).on("click", (t) => {
         this.close();
-      }), $(".head", this).on("mousedown", f(this, Rl)), $(".head", this).on("touchstart", f(this, Il)), $(document).on("mouseup", f(this, Ml)), $(document).on("touchend", f(this, Nl));
+      }), $(".head", this).on("mousedown", f(this, Ml)), $(".head", this).on("touchstart", f(this, Nl)), $(document).on("mouseup", f(this, Il)), $(document).on("touchend", f(this, Ol));
     });
-    Y(this, Rl, (t) => {
+    Y(this, Ml, (t) => {
       if (!t.target.closest("buttons") && !(t.buttons != 1 || t.altKey || t.ctrlKey || t.shiftkey)) {
         var l = this.querySelector("dialog").getBoundingClientRect();
         tt(this, _s, {
@@ -32076,10 +32076,10 @@ class zf extends HTMLElement {
     Y(this, Un, (t) => {
       $(this.querySelector("dialog")).offset({ left: t.pageX - f(this, _s).x, top: t.pageY - f(this, _s).y });
     });
-    Y(this, Ml, (t) => {
+    Y(this, Il, (t) => {
       $(document).off("mousemove", f(this, Un));
     });
-    Y(this, Il, (t) => {
+    Y(this, Nl, (t) => {
       if (!t.target.closest("buttons")) {
         var l = this.querySelector("dialog").getBoundingClientRect();
         tt(this, _s, {
@@ -32091,7 +32091,7 @@ class zf extends HTMLElement {
     Y(this, Vn, (t) => {
       $(this.querySelector("dialog")).offset({ left: t.changedTouches[0].pageX - f(this, _s).x, top: t.changedTouches[0].pageY - f(this, _s).y });
     });
-    Y(this, Nl, (t) => {
+    Y(this, Ol, (t) => {
       $(document).off("touchmove", f(this, Vn));
     });
   }
@@ -32135,7 +32135,7 @@ class zf extends HTMLElement {
     o && t && (o.textContent = t), f(this, tu).call(this);
   }
 }
-_s = new WeakMap(), tu = new WeakMap(), Rl = new WeakMap(), Un = new WeakMap(), Ml = new WeakMap(), Il = new WeakMap(), Vn = new WeakMap(), Nl = new WeakMap();
+_s = new WeakMap(), tu = new WeakMap(), Ml = new WeakMap(), Un = new WeakMap(), Il = new WeakMap(), Nl = new WeakMap(), Vn = new WeakMap(), Ol = new WeakMap();
 customElements.get("nx-modal") || customElements.define("nx-modal", zf);
 window.jQuery = window.$ = zu;
 function Xf() {