@ninebone/grid 0.0.52 → 0.0.54

package/dist/nine-grid.js

@@ -970,7 +970,7 @@ class Uu {
   }
 }
 Ve = new WeakMap(), Hl = new WeakMap(), zl = new WeakMap(), Ul = new WeakMap(), Vl = new WeakMap();
-var Xt, Wl, Mi, Es, As, Ii, Ts, Ni, Jn, Oi, ji, lr, Cu, Eu, Wu, Au, Tu, Ru, Xu, Mu, Qs, $i, Qn, to, eo, ro;
+var Xt, Wl, Mi, Es, As, Ii, Ts, Ni, Jn, Oi, ji, lr, Cu, Eu, Wu, Au, Tu, Ru, Xu, Mu, Js, $i, Qn, to, eo, ro;
 class Vu {
   constructor(C) {
     Y(this, lr);
@@ -1006,13 +1006,13 @@ class Vu {
       }
       switch (C.code) {
         case "Tab":
-          C.preventDefault(), n = C.shiftKey ? f(this, Qs).call(this, o, c) : f(this, $i).call(this, o, c);
+          C.preventDefault(), n = C.shiftKey ? f(this, Js).call(this, o, c) : f(this, $i).call(this, o, c);
           break;
         case "ArrowRight":
           n = f(this, $i).call(this, o, c);
           break;
         case "ArrowLeft":
-          n = f(this, Qs).call(this, o, c);
+          n = f(this, Js).call(this, o, c);
           break;
         case "ArrowDown":
           if (t.closest("tbody.fixed"))
@@ -1042,16 +1042,16 @@ class Vu {
       }
       ["Tab", "ArrowLeft", "ArrowRight"].includes(C.code) && f(this, Xt).body.querySelector("ng-hscrollbar").refresh();
     });
-    Y(this, Qs, (C, t) => {
+    Y(this, Js, (C, t) => {
       var l = parseInt(C / f(this, Xt).template.length), c;
       return $(`tbody tr[data-matrix-row=${C}]`, f(this, Xt).body).find("th,td").each((o, r) => {
         var n = parseInt(r.dataset.col);
         if (t - 1 >= n && t - 1 <= n + r.colSpan - 1)
-          return c = H.j.querySelectorAll(r).hasClass("dummy") ? f(this, Qs).call(this, C, r.dataset.col) : r.dataset.col, !1;
+          return c = H.j.querySelectorAll(r).hasClass("dummy") ? f(this, Js).call(this, C, r.dataset.col) : r.dataset.col, !1;
       }), c == null && $(`tbody tr[data-row=${l}]`, f(this, Xt).body).find("th,td").each((o, r) => {
         var n = parseInt(r.dataset.col);
         if (t - 1 >= n && t - 1 <= n + r.colSpan - 1)
-          return c = H.j.querySelectorAll(r).hasClass("dummy") ? f(this, Qs).call(this, C, r.dataset.col) : r.dataset.col, !1;
+          return c = H.j.querySelectorAll(r).hasClass("dummy") ? f(this, Js).call(this, C, r.dataset.col) : r.dataset.col, !1;
       }), c;
     });
     Y(this, $i, (C, t) => {
@@ -1167,7 +1167,7 @@ Xt = new WeakMap(), Wl = new WeakMap(), Mi = new WeakMap(), Es = new WeakMap(),
   return f(this, ji);
 }, Mu = function(C) {
   tt(this, Oi, f(this, ji)), tt(this, ji, C);
-}, Qs = new WeakMap(), $i = new WeakMap(), Qn = new WeakMap(), to = new WeakMap(), eo = new WeakMap(), ro = new WeakMap();
+}, Js = new WeakMap(), $i = new WeakMap(), Qn = new WeakMap(), to = new WeakMap(), eo = new WeakMap(), ro = new WeakMap();
 var kt, wr, Li, Xl, so;
 class Yu {
   constructor(C) {
@@ -1718,11 +1718,11 @@ class Zu extends ki {
 }
 Bi = new WeakMap(), Fi = new WeakMap(), go = new WeakMap(), qi = new WeakMap(), Hi = new WeakMap();
 customElements.get("ng-checkbox") || customElements.define("ng-checkbox", Zu);
-var ti, Pr, bo, zi, yo, rh;
+var Qs, Pr, bo, zi, yo, rh;
 class Ju extends HTMLElement {
   constructor() {
     super();
-    Y(this, ti);
+    Y(this, Qs);
     Y(this, Pr);
     Y(this, bo);
     Y(this, zi);
@@ -1734,15 +1734,15 @@ class Ju extends HTMLElement {
       $(this).addClass("expand"), f(this, Pr).style.color = f(this, bo);
       const t = parseInt(f(this, Pr).dataset.col), l = f(this, Pr).colSpan || 1;
       for (var c = 0; c < l; c++)
-        f(this, ti).columns.width(t + c, f(this, zi)[c]);
+        f(this, Qs).columns.width(t + c, f(this, zi)[c]);
     });
     Y(this, rh, () => {
       if (!H.j.querySelectorAll(this).hasClass("expand")) return;
       $(this).removeClass("expand"), tt(this, bo, f(this, Pr).style.color), f(this, Pr).style.color = "transparent", tt(this, zi, []);
       const t = parseInt(f(this, Pr).dataset.col), l = f(this, Pr).colSpan || 1, c = 20 / l;
       for (var o = 0; o < l; o++) {
-        const r = f(this, ti).body.querySelector(`colgroup col[data-col="${t + o}"]`);
-        f(this, zi).push(r.getAttribute("width")), f(this, ti).columns.width(t + o, c);
+        const r = f(this, Qs).body.querySelector(`colgroup col[data-col="${t + o}"]`);
+        f(this, zi).push(r.getAttribute("width")), f(this, Qs).columns.width(t + o, c);
       }
     });
     this.attachShadow({ mode: "open" });
@@ -1753,10 +1753,10 @@ class Ju extends HTMLElement {
 				@import "https://cdn.jsdelivr.net/npm/ninegrid2@${H.version}/dist/css/ngColExpand.css";
 				${H.getCustomPath(this, "ngColExpand.css")}
 			</style>
-		`, tt(this, ti, this.getRootNode().host), tt(this, Pr, this.closest("th,td")), H.j.querySelectorAll(this).addClass("expand"), $(this).off("click", f(this, yo)), $(this).on("click", f(this, yo));
+		`, tt(this, Qs, this.getRootNode().host), tt(this, Pr, this.closest("th,td")), H.j.querySelectorAll(this).addClass("expand"), $(this).off("click", f(this, yo)), $(this).on("click", f(this, yo));
   }
 }
-ti = new WeakMap(), Pr = new WeakMap(), bo = new WeakMap(), zi = new WeakMap(), yo = new WeakMap(), rh = new WeakMap();
+Qs = new WeakMap(), Pr = new WeakMap(), bo = new WeakMap(), zi = new WeakMap(), yo = new WeakMap(), rh = new WeakMap();
 customElements.get("ng-col-expand") || customElements.define("ng-col-expand", Ju);
 class Qu extends HTMLElement {
   constructor() {
@@ -1953,7 +1953,7 @@ class ed {
   }
 }
 we = new WeakMap(), Nr = new WeakMap(), Dr = new WeakMap(), vo = new WeakMap(), xr = new WeakMap(), Ui = new WeakMap(), Br = new WeakMap(), wo = new WeakMap(), lu = new WeakMap(), xo = new WeakMap(), hu = new WeakMap(), _o = new WeakMap(), So = new WeakMap(), Vi = new WeakMap(), Wi = new WeakMap(), ko = new WeakMap();
-var Ie, _r, Sr, Rs, Ms, Fr, kr, Is, Ns, Co, Eo, Ao, cu, To, sh, Ro, Xi, Yi, Gi, ei, Ki, ih;
+var Ie, _r, Sr, Rs, Ms, Fr, kr, Is, Ns, Co, Eo, Ao, cu, To, sh, Ro, Xi, Yi, Gi, ti, Ki, ih;
 class rd {
   constructor(C) {
     Y(this, Ie);
@@ -2028,7 +2028,7 @@ class rd {
           var l = parseInt(C.target.dataset.col) + C.target.colSpan - 1, t = $(`.col-indicator[data-col=${l}]`, f(this, Ie).body).not(".dummy")[0];
           tt(this, Fr, $(t)), tt(this, kr, f(this, Ie).tableUtils.next(t));
         }
-        f(this, _r).show(), f(this, Sr).offset({ top: $(".ng-container-body", f(this, Ie).body).offset().top, left: f(this, kr).offset().left - 1 }), f(this, Sr).height(f(this, Ie).body.querySelector(".ng-container-body").offsetHeight), f(this, Rs).offset({ top: $(".ng-container-body", f(this, Ie).body).offset().top }), f(this, Ki).call(this, C.pageX), $(f(this, _r)).off("mousemove", f(this, Yi)).off("mouseup", f(this, ei)).on("mousemove", f(this, Yi)).on("mouseup", f(this, ei));
+        f(this, _r).show(), f(this, Sr).offset({ top: $(".ng-container-body", f(this, Ie).body).offset().top, left: f(this, kr).offset().left - 1 }), f(this, Sr).height(f(this, Ie).body.querySelector(".ng-container-body").offsetHeight), f(this, Rs).offset({ top: $(".ng-container-body", f(this, Ie).body).offset().top }), f(this, Ki).call(this, C.pageX), $(f(this, _r)).off("mousemove", f(this, Yi)).off("mouseup", f(this, ti)).on("mousemove", f(this, Yi)).on("mouseup", f(this, ti));
       }
     });
     Y(this, Xi, (C) => {
@@ -2038,14 +2038,14 @@ class rd {
       f(this, Ki).call(this, C.pageX);
     });
     Y(this, Gi, (C) => {
-      $(C.target).off("touchmove", (t) => f(this, Xi).call(this, t)), $(C.target).off("touchend", (t) => f(this, Gi).call(this, t)), f(this, ei).call(this, C);
+      $(C.target).off("touchmove", (t) => f(this, Xi).call(this, t)), $(C.target).off("touchend", (t) => f(this, Gi).call(this, t)), f(this, ti).call(this, C);
     });
-    Y(this, ei, (C) => {
+    Y(this, ti, (C) => {
       if (!f(this, Sr).is(":visible")) return;
       var t;
       f(this, Is) ? t = f(this, kr).offset().left - f(this, Sr).offset().left + f(this, kr).width() : t = f(this, Sr).offset().left - f(this, Fr).offset().left + 1, t <= 1 && (t = 0);
       const l = f(this, Is) ? f(this, kr)[0].dataset.col : f(this, Fr)[0].dataset.col;
-      f(this, Ie).columns.width(l, t), $(f(this, _r)).off("mousemove", f(this, Yi)), $(f(this, _r)).off("mouseup", f(this, ei)), f(this, _r).hide();
+      f(this, Ie).columns.width(l, t), $(f(this, _r)).off("mousemove", f(this, Yi)), $(f(this, _r)).off("mouseup", f(this, ti)), f(this, _r).hide();
     });
     Y(this, Ki, (C) => {
       !f(this, Is) && C < f(this, Fr).offset().left && (C = f(this, Fr).offset().left), f(this, Sr).offset({ left: C });
@@ -2059,8 +2059,8 @@ class rd {
     tt(this, Ie, C), tt(this, _r, $('<div class="resizer-col-panel"><div class="grip"></div><div class="tooltip"><div></div><span></span><div></div></div></div>').hide()), $(f(this, Ie).body).append(f(this, _r)), tt(this, Sr, f(this, _r).find(".grip")), tt(this, Rs, f(this, _r).find(".tooltip")), this.resetEvent();
   }
 }
-Ie = new WeakMap(), _r = new WeakMap(), Sr = new WeakMap(), Rs = new WeakMap(), Ms = new WeakMap(), Fr = new WeakMap(), kr = new WeakMap(), Is = new WeakMap(), Ns = new WeakMap(), Co = new WeakMap(), Eo = new WeakMap(), Ao = new WeakMap(), cu = new WeakMap(), To = new WeakMap(), sh = new WeakMap(), Ro = new WeakMap(), Xi = new WeakMap(), Yi = new WeakMap(), Gi = new WeakMap(), ei = new WeakMap(), Ki = new WeakMap(), ih = new WeakMap();
-var ue, ri, Or, Zi, Mo, nh;
+Ie = new WeakMap(), _r = new WeakMap(), Sr = new WeakMap(), Rs = new WeakMap(), Ms = new WeakMap(), Fr = new WeakMap(), kr = new WeakMap(), Is = new WeakMap(), Ns = new WeakMap(), Co = new WeakMap(), Eo = new WeakMap(), Ao = new WeakMap(), cu = new WeakMap(), To = new WeakMap(), sh = new WeakMap(), Ro = new WeakMap(), Xi = new WeakMap(), Yi = new WeakMap(), Gi = new WeakMap(), ti = new WeakMap(), Ki = new WeakMap(), ih = new WeakMap();
+var ue, ei, Or, Zi, Mo, nh;
 class sd {
   constructor(C) {
     Y(this, ue);
@@ -2077,7 +2077,7 @@ class sd {
       };
       return C ? t(f(this, ue).activeTmpl.querySelector(`[data-bind="${C}"]`)) : Array.from(f(this, ue).activeTmpl.querySelectorAll("[data-bind]")).filter((l) => l.dataset.bind !== "rowState").map((l) => t(l));
     });
-    Y(this, ri, (C, t) => {
+    Y(this, ei, (C, t) => {
       var l = Array.from(C.querySelectorAll("col"));
       return l[t];
     });
@@ -2126,9 +2126,9 @@ class sd {
         t.template.cells = t.template.cells.concat(f(this, Or).call(this, i, o, o + l - 1));
       });
       for (var s = o; s <= o + l - 1; s++)
-        t.cols.push(f(this, ri).call(this, f(this, ue).body, s));
+        t.cols.push(f(this, ei).call(this, f(this, ue).body, s));
       for (var s = o; s <= o + l - 1; s++)
-        t.org.cols.push(f(this, ri).call(this, n.currentTable, s));
+        t.org.cols.push(f(this, ei).call(this, n.currentTable, s));
       return t;
     });
     Y(this, nh, (C, t, l, c) => {
@@ -2169,12 +2169,12 @@ class sd {
       }
       var a;
       parseInt(C.dataset.col) > parseInt(t.dataset.col) ? a = parseInt(t.dataset.col) : a = parseInt(t.dataset.col) + (t.colSpan || 1) - 1 + (parseInt(C.dataset.col) > parseInt(t.dataset.col) ? 0 : 1);
-      let h = f(this, ri).call(this, f(this, ue).body, a);
+      let h = f(this, ei).call(this, f(this, ue).body, a);
       const p = t.closest("table") == h.closest("table");
       for (var m of c.cols)
         m && (p ? t.closest("table").querySelector("colgroup").insertBefore(m, h) : t.closest("table").querySelector("colgroup").appendChild(m));
       for (var m of c.org.cols)
-        h = f(this, ri).call(this, l.currentTable, a), m && m.closest("colgroup").insertBefore(m, h);
+        h = f(this, ei).call(this, l.currentTable, a), m && m.closest("colgroup").insertBefore(m, h);
       for (var e of [c.thead.cells, c.tfoot.cells, c.tbody.cells, c.fixed.cells])
         for (var i of e)
           H.j.querySelectorAll(i).removeClass("tmp");
@@ -2259,8 +2259,8 @@ class sd {
     tt(this, ue, C);
   }
 }
-ue = new WeakMap(), ri = new WeakMap(), Or = new WeakMap(), Zi = new WeakMap(), Mo = new WeakMap(), nh = new WeakMap();
-var oh, Ji, Le, rr, Io, Os, si, Qi, ah, lh, hh, ch, uu;
+ue = new WeakMap(), ei = new WeakMap(), Or = new WeakMap(), Zi = new WeakMap(), Mo = new WeakMap(), nh = new WeakMap();
+var oh, Ji, Le, rr, Io, Os, ri, Qi, ah, lh, hh, ch, uu;
 class id extends ki {
   constructor() {
     super();
@@ -2270,7 +2270,7 @@ class id extends ki {
     Y(this, rr);
     Y(this, Io);
     Y(this, Os);
-    Y(this, si);
+    Y(this, ri);
     Y(this, Qi);
     it(this, "dataRefresh", (t) => {
       f(this, rr) && (f(this, ah).call(this) ? H.j.querySelectorAll(this).removeClass("invalid") : H.j.querySelectorAll(this).addClass("invalid")), f(this, Ji).innerHTML = this.getDisplayText() || "Select", t || this.reset();
@@ -2315,13 +2315,13 @@ class id extends ki {
     Y(this, uu, () => "a");
   }
   connectedCallback() {
-    this.multi = this.getAttribute("multi") == "true", this.multiSeparator = this.getAttribute("multi-separator") || ",", tt(this, Io, this.getAttribute("rows") || 5), tt(this, Os, this.getAttribute("code") || "code"), tt(this, si, this.getAttribute("codename") || "codename"), tt(this, Qi, (this.getAttribute("items") || f(this, si) || "").split(",")), f(this, Qi).unshift("CHK");
+    this.multi = this.getAttribute("multi") == "true", this.multiSeparator = this.getAttribute("multi-separator") || ",", tt(this, Io, this.getAttribute("rows") || 5), tt(this, Os, this.getAttribute("code") || "code"), tt(this, ri, this.getAttribute("codename") || "codename"), tt(this, Qi, (this.getAttribute("items") || f(this, ri) || "").split(",")), f(this, Qi).unshift("CHK");
     var t = this.querySelector("datalist");
     t && (tt(this, rr, []), t.querySelectorAll("option").forEach((n) => {
-      const s = n.getAttribute(f(this, Os)), e = n.getAttribute(f(this, si));
+      const s = n.getAttribute(f(this, Os)), e = n.getAttribute(f(this, ri));
       s && e && f(this, rr).push({
         [f(this, Os)]: s,
-        [f(this, si)]: e
+        [f(this, ri)]: e
       });
     })), this.shadowRoot.innerHTML = `
 			<style>
@@ -2345,15 +2345,15 @@ class id extends ki {
     return f(this, rr);
   }
 }
-oh = new WeakMap(), Ji = new WeakMap(), Le = new WeakMap(), rr = new WeakMap(), Io = new WeakMap(), Os = new WeakMap(), si = new WeakMap(), Qi = new WeakMap(), ah = new WeakMap(), lh = new WeakMap(), hh = new WeakMap(), ch = new WeakMap(), uu = new WeakMap();
-var No, Pe, js, ii, tn, uh, Oo, dh, jo, en, du, fh, ph;
+oh = new WeakMap(), Ji = new WeakMap(), Le = new WeakMap(), rr = new WeakMap(), Io = new WeakMap(), Os = new WeakMap(), ri = new WeakMap(), Qi = new WeakMap(), ah = new WeakMap(), lh = new WeakMap(), hh = new WeakMap(), ch = new WeakMap(), uu = new WeakMap();
+var No, Pe, js, si, tn, uh, Oo, dh, jo, en, du, fh, ph;
 class nd extends HTMLElement {
   constructor() {
     super();
     Y(this, No);
     Y(this, Pe);
     Y(this, js);
-    Y(this, ii);
+    Y(this, si);
     Y(this, tn);
     Y(this, uh, () => {
       $("input[type=checkbox]", this.shadowRoot).on("change", f(this, dh)), $("input[type=text]", this.shadowRoot).on("input", f(this, fh)), $("button#btnOk", this.shadowRoot).on("click", f(this, jo));
@@ -2403,7 +2403,7 @@ class nd extends HTMLElement {
         return !0;
       }).map((r) => {
         r.__ng.filtered = !0;
-      }), l.data.resetRecords(), l.data.count() == 0 && H.j.querySelectorAll(l).removeClass("loading"), f(this, ii) && (clearTimeout(f(this, ii)), tt(this, ii, null)), tt(this, ii, setTimeout(() => {
+      }), l.data.resetRecords(), l.data.count() == 0 && H.j.querySelectorAll(l).removeClass("loading"), f(this, si) && (clearTimeout(f(this, si)), tt(this, si, null)), tt(this, si, setTimeout(() => {
         l.dataManager.viewRecords.reset();
       }, 200));
     });
@@ -2517,16 +2517,16 @@ class nd extends HTMLElement {
 		`, f(this, uh).call(this);
   }
 }
-No = new WeakMap(), Pe = new WeakMap(), js = new WeakMap(), ii = new WeakMap(), tn = new WeakMap(), uh = new WeakMap(), Oo = new WeakMap(), dh = new WeakMap(), jo = new WeakMap(), en = new WeakMap(), du = new WeakMap(), fh = new WeakMap(), ph = new WeakMap();
+No = new WeakMap(), Pe = new WeakMap(), js = new WeakMap(), si = new WeakMap(), tn = new WeakMap(), uh = new WeakMap(), Oo = new WeakMap(), dh = new WeakMap(), jo = new WeakMap(), en = new WeakMap(), du = new WeakMap(), fh = new WeakMap(), ph = new WeakMap();
 customElements.get("ng-combo") || customElements.define("ng-combo", id);
 customElements.get("ng-combo-panel") || customElements.define("ng-combo-panel", nd);
-var rn, $o, sn, ni, nn, Xr, mh, Lo, gh;
+var rn, $o, sn, ii, nn, Xr, mh, Lo, gh;
 class od {
   constructor(C) {
     Y(this, rn);
     Y(this, $o);
     Y(this, sn);
-    Y(this, ni);
+    Y(this, ii);
     Y(this, nn);
     Y(this, Xr);
     it(this, "openMenu", (C, t) => {
@@ -2538,10 +2538,10 @@ class od {
         top: t,
         left: C
         //"z-index"	: 2,
-      }), f(this, Xr).open(), f(this, ni) && f(this, ni).show && f(this, ni).show.call(this, { source: f(this, $o) });
+      }), f(this, Xr).open(), f(this, ii) && f(this, ii).show && f(this, ii).show.call(this, { source: f(this, $o) });
     });
     Y(this, mh, (C) => {
-      tt(this, sn, f(this, Lo).call(this, C.items, 0)), tt(this, ni, C.events), tt(this, Xr, $(`<ng-context-menu-panel id="${C.id}"></ng-context-menu-panel>`)[0]), $(f(this, rn).shadowRoot).append($(f(this, Xr)).hide()), f(this, Xr).init(f(this, sn)), $("li", f(this, Xr)).on("mousedown", (t) => {
+      tt(this, sn, f(this, Lo).call(this, C.items, 0)), tt(this, ii, C.events), tt(this, Xr, $(`<ng-context-menu-panel id="${C.id}"></ng-context-menu-panel>`)[0]), $(f(this, rn).shadowRoot).append($(f(this, Xr)).hide()), f(this, Xr).init(f(this, sn)), $("li", f(this, Xr)).on("mousedown", (t) => {
         C.callback && (t.menuId = t.currentTarget.getAttribute("menu-id"), t.source = f(this, $o), C.callback(t)), $("ng-context-menu-panel", f(this, rn).shadowRoot).hide();
       });
     });
@@ -2563,7 +2563,7 @@ class od {
     tt(this, nn, 0), tt(this, rn, C.owner), f(this, mh).call(this, C);
   }
 }
-rn = new WeakMap(), $o = new WeakMap(), sn = new WeakMap(), ni = new WeakMap(), nn = new WeakMap(), Xr = new WeakMap(), mh = new WeakMap(), Lo = new WeakMap(), gh = new WeakMap();
+rn = new WeakMap(), $o = new WeakMap(), sn = new WeakMap(), ii = new WeakMap(), nn = new WeakMap(), Xr = new WeakMap(), mh = new WeakMap(), Lo = new WeakMap(), gh = new WeakMap();
 var Po, bh;
 class ad extends HTMLElement {
   constructor() {
@@ -2667,14 +2667,14 @@ class cd {
   }
 }
 Yr = new WeakMap(), Bo = new WeakMap(), hs = new WeakMap();
-var He, Dt, $e, Cr, oi, $s, on, Fo, an, qo, Ho, xh, zo, Uo, ln, hn, Vo, Wo, Xo;
+var He, Dt, $e, Cr, ni, $s, on, Fo, an, qo, Ho, xh, zo, Uo, ln, hn, Vo, Wo, Xo;
 class ud {
   constructor(C, t) {
     Y(this, He);
     Y(this, Dt);
     Y(this, $e);
     Y(this, Cr);
-    Y(this, oi);
+    Y(this, ni);
     Y(this, $s);
     it(this, "initialize", () => {
       tt(this, $s, []), $(f(this, He).template).each((C, t) => {
@@ -2694,7 +2694,7 @@ class ud {
     it(this, "assign", (C) => {
       this.source = C;
       for (var t = 0; t < C.length; t++)
-        f(this, $e)[t].__ng._[H.ROW.ID] = C[t].__ng._[H.ROW.ID], tt(this, oi, Math.max(f(this, oi), C[t].__ng.rowid));
+        f(this, $e)[t].__ng._[H.ROW.ID] = C[t].__ng._[H.ROW.ID], tt(this, ni, Math.max(f(this, ni), C[t].__ng.rowid));
     });
     it(this, "getId", (C) => C.__ng._[H.ROW.ID]);
     it(this, "reset", () => {
@@ -3181,7 +3181,7 @@ class ud {
       }
       return -1;
     });
-    tt(this, He, C), tt(this, Dt, t), tt(this, $e, []), tt(this, Cr, []), tt(this, oi, 0), this.all = {
+    tt(this, He, C), tt(this, Dt, t), tt(this, $e, []), tt(this, Cr, []), tt(this, ni, 0), this.all = {
       get: (l, c) => f(this, hn).call(this, this.recordsNF(), l, c),
       records: (l) => this.recordsNF(l),
       count: () => this.recordsNF().length,
@@ -3207,7 +3207,7 @@ class ud {
     t();
   }
   get nextId() {
-    return ++Su(this, oi)._;
+    return ++Su(this, ni)._;
   }
   get default() {
     return {
@@ -3267,7 +3267,7 @@ class ud {
     delete f(this, Dt).rawRecords, tt(this, $e, []), tt(this, Cr, []), f(this, Dt).rawRecords = [], f(this, Dt).viewRecords.reset();
   }
 }
-He = new WeakMap(), Dt = new WeakMap(), $e = new WeakMap(), Cr = new WeakMap(), oi = new WeakMap(), $s = new WeakMap(), on = new WeakMap(), Fo = new WeakMap(), an = new WeakMap(), qo = new WeakMap(), Ho = new WeakMap(), xh = new WeakMap(), zo = new WeakMap(), Uo = new WeakMap(), ln = new WeakMap(), hn = new WeakMap(), Vo = new WeakMap(), Wo = new WeakMap(), Xo = new WeakMap();
+He = new WeakMap(), Dt = new WeakMap(), $e = new WeakMap(), Cr = new WeakMap(), ni = new WeakMap(), $s = new WeakMap(), on = new WeakMap(), Fo = new WeakMap(), an = new WeakMap(), qo = new WeakMap(), Ho = new WeakMap(), xh = new WeakMap(), zo = new WeakMap(), Uo = new WeakMap(), ln = new WeakMap(), hn = new WeakMap(), Vo = new WeakMap(), Wo = new WeakMap(), Xo = new WeakMap();
 class dd {
   constructor(C) {
     this.owner = C, this.row = new cd(this), this.data = new ud(C, this), this.setDataSource = (l) => {
@@ -21675,13 +21675,13 @@ function bd() {
                 var ke = Zt(Et), Ce = Zt(Rt), Re = "[object Array]", De = "[object Array]";
                 ke || (Re = (Re = me(Et)) == r ? s : Re), Ce || (De = (De = me(Rt)) == r ? s : De);
                 var Qe = Re == s && !q(Et), hr = De == s && !q(Rt), Lr = Re == De;
-                if (Lr && !Qe) return Jt || (Jt = new Ht()), ke || Xe(Et) ? Me(Et, Rt, fe, oe, he, Jt) : (function(Ee, be, _s, Js, Nl, vr, os) {
+                if (Lr && !Qe) return Jt || (Jt = new Ht()), ke || Xe(Et) ? Me(Et, Rt, fe, oe, he, Jt) : (function(Ee, be, _s, Zs, Nl, vr, os) {
                   switch (_s) {
                     case "[object DataView]":
                       if (Ee.byteLength != be.byteLength || Ee.byteOffset != be.byteOffset) return !1;
                       Ee = Ee.buffer, be = be.buffer;
                     case "[object ArrayBuffer]":
-                      return !(Ee.byteLength != be.byteLength || !Js(new N(Ee), new N(be)));
+                      return !(Ee.byteLength != be.byteLength || !Zs(new N(Ee), new N(be)));
                     case "[object Boolean]":
                     case "[object Date]":
                     case "[object Number]":
@@ -21699,7 +21699,7 @@ function bd() {
                       var Ol = os.get(Ee);
                       if (Ol) return Ol == be;
                       vr |= 1, os.set(Ee, be);
-                      var Ti = Me(Ss(Ee), Ss(be), Js, Nl, vr, os);
+                      var Ti = Me(Ss(Ee), Ss(be), Zs, Nl, vr, os);
                       return os.delete(Ee), Ti;
                     case "[object Symbol]":
                       if (bt) return bt.call(Ee) == bt.call(be);
@@ -21707,13 +21707,13 @@ function bd() {
                   return !1;
                 })(Et, Rt, Re, fe, oe, he, Jt);
                 if (!(2 & he)) {
-                  var Zs = Qe && X.call(Et, "__wrapped__"), Ci = hr && X.call(Rt, "__wrapped__");
-                  if (Zs || Ci) {
-                    var Ei = Zs ? Et.value() : Et, Ai = Ci ? Rt.value() : Rt;
+                  var Ks = Qe && X.call(Et, "__wrapped__"), Ci = hr && X.call(Rt, "__wrapped__");
+                  if (Ks || Ci) {
+                    var Ei = Ks ? Et.value() : Et, Ai = Ci ? Rt.value() : Rt;
                     return Jt || (Jt = new Ht()), fe(Ei, Ai, oe, he, Jt);
                   }
                 }
-                return Lr ? (Jt || (Jt = new Ht()), (function(Ee, be, _s, Js, Nl, vr) {
+                return Lr ? (Jt || (Jt = new Ht()), (function(Ee, be, _s, Zs, Nl, vr) {
                   var os = 2 & Nl, Ss = Ye(Ee), Wn = Ss.length, Ol = Ye(be).length;
                   if (Wn != Ol && !os) return !1;
                   for (var Ti = Wn; Ti--; ) {
@@ -21727,8 +21727,8 @@ function bd() {
                   for (var tu = os; ++Ti < Wn; ) {
                     ks = Ss[Ti];
                     var $l = Ee[ks], Ll = be[ks];
-                    if (Js) var xu = os ? Js(Ll, $l, ks, be, Ee, vr) : Js($l, Ll, ks, Ee, be, vr);
-                    if (!(xu === void 0 ? $l === Ll || _s($l, Ll, Js, Nl, vr) : xu)) {
+                    if (Zs) var xu = os ? Zs(Ll, $l, ks, be, Ee, vr) : Zs($l, Ll, ks, Ee, be, vr);
+                    if (!(xu === void 0 ? $l === Ll || _s($l, Ll, Zs, Nl, vr) : xu)) {
                       jl = !1;
                       break;
                     }
@@ -22127,23 +22127,23 @@ function bd() {
                   }
                   var Lr = Jt.get(Et);
                   if (Lr && Jt.get(Rt)) return Lr == Rt;
-                  var Zs = !0;
+                  var Ks = !0;
                   Jt.set(Et, Rt), Jt.set(Rt, Et);
                   for (var Ci = ke; ++Qe < Re; ) {
                     hr = Ce[Qe];
                     var Ei = Et[hr], Ai = Rt[hr];
                     if (oe) var Ee = ke ? oe(Ai, Ei, hr, Rt, Et, Jt) : oe(Ei, Ai, hr, Et, Rt, Jt);
                     if (!(Ee === void 0 ? Ei === Ai || he(Ei, Ai, fe, oe, Jt) : Ee)) {
-                      Zs = !1;
+                      Ks = !1;
                       break;
                     }
                     Ci || (Ci = hr == "constructor");
                   }
-                  if (Zs && !Ci) {
+                  if (Ks && !Ci) {
                     var be = Et.constructor, _s = Rt.constructor;
-                    be == _s || !("constructor" in Et) || !("constructor" in Rt) || typeof be == "function" && be instanceof be && typeof _s == "function" && _s instanceof _s || (Zs = !1);
+                    be == _s || !("constructor" in Et) || !("constructor" in Rt) || typeof be == "function" && be instanceof be && typeof _s == "function" && _s instanceof _s || (Ks = !1);
                   }
-                  return Jt.delete(Et), Jt.delete(Rt), Zs;
+                  return Jt.delete(Et), Jt.delete(Rt), Ks;
                 })(Mt, ee, Zt, Vt, ie, re)) : !1;
               })(at, dt, yt, Tt, Wt, Kt));
             }
@@ -26635,11 +26635,11 @@ class wd {
   }
 }
 Ne = new WeakMap(), Yo = new WeakMap(), cn = new WeakMap(), cs = new WeakMap();
-var ai, un, Go, fu, pu, _h;
+var oi, un, Go, fu, pu, _h;
 class Iu extends HTMLElement {
   constructor() {
     super();
-    Y(this, ai);
+    Y(this, oi);
     Y(this, un);
     Y(this, Go);
     Y(this, fu);
@@ -26647,7 +26647,7 @@ class Iu extends HTMLElement {
     Y(this, _h, () => {
     });
     it(this, "exportExcel", () => {
-      f(this, un).data.count() > 500 && (f(this, ai).showModal(), $(".title", f(this, ai)).html("Export Excel")), f(this, Go).export();
+      f(this, un).data.count() > 500 && (f(this, oi).showModal(), $(".title", f(this, oi)).html("Export Excel")), f(this, Go).export();
     });
     this.attachShadow({ mode: "open" });
   }
@@ -26692,10 +26692,10 @@ class Iu extends HTMLElement {
 				</div>
 				<progress id="progress-bar" value="0" max="100">50%</progress>
 			</nx-dialog>
-		`, tt(this, ai, this.shadowRoot.querySelector("dialog")), tt(this, Go, new wd(f(this, un), f(this, ai))), f(this, _h).call(this);
+		`, tt(this, oi, this.shadowRoot.querySelector("dialog")), tt(this, Go, new wd(f(this, un), f(this, oi))), f(this, _h).call(this);
   }
 }
-ai = new WeakMap(), un = new WeakMap(), Go = new WeakMap(), fu = new WeakMap(), pu = new WeakMap(), _h = new WeakMap();
+oi = new WeakMap(), un = new WeakMap(), Go = new WeakMap(), fu = new WeakMap(), pu = new WeakMap(), _h = new WeakMap();
 customElements.get("ng-export") || customElements.define("ng-export", Iu);
 var Ko, nr, Zo, Sh;
 class xd {
@@ -27197,12 +27197,12 @@ class $d extends ki {
 }
 Gr = new WeakMap(), jh = new WeakMap();
 customElements.get("ng-input-color") || customElements.define("ng-input-color", $d);
-var Kr, li, $h;
+var Kr, ai, $h;
 class Ld extends ki {
   constructor() {
     super();
     Y(this, Kr);
-    Y(this, li);
+    Y(this, ai);
     it(this, "dataRefresh", (t) => {
       var l = this.value;
       switch (f(this, Kr).type) {
@@ -27260,7 +27260,7 @@ class Ld extends ki {
         }
       return l;
     });
-    if (tt(this, li, this.getAttribute("type") || "date"), !["date", "datetime-local", "time", "week", "month"].includes(f(this, li))) throw `invalid type : ${f(this, li)}`;
+    if (tt(this, ai, this.getAttribute("type") || "date"), !["date", "datetime-local", "time", "week", "month"].includes(f(this, ai))) throw `invalid type : ${f(this, ai)}`;
   }
   connectedCallback() {
     const t = parseInt(this.closest("tr").style.height, 10) - 1;
@@ -27284,7 +27284,7 @@ class Ld extends ki {
 			</style>
 	
 			<input
-				type="${f(this, li)}"
+				type="${f(this, ai)}"
 				data-placeholder="${this.getAttribute("placeholder") || "Select"}"
 				${l.join(" ")}
 				required
@@ -27301,7 +27301,7 @@ class Ld extends ki {
     });
   }
 }
-Kr = new WeakMap(), li = new WeakMap(), $h = new WeakMap();
+Kr = new WeakMap(), ai = new WeakMap(), $h = new WeakMap();
 customElements.get("ng-input-date") || customElements.define("ng-input-date", Ld);
 var Ke, fs, zr, Ps, gn, Zr, Lh;
 class Pd extends ki {
@@ -27358,16 +27358,16 @@ class Pd extends ki {
 }
 Ke = new WeakMap(), fs = new WeakMap(), zr = new WeakMap(), Ps = new WeakMap(), gn = new WeakMap(), Zr = new WeakMap(), Lh = new WeakMap();
 customElements.get("ng-input") || customElements.define("ng-input", Pd);
-var Se, hi, bn, yn, vn, Ds, ci;
+var Se, li, bn, yn, vn, hi, ci;
 class Dd {
   constructor(C) {
     Y(this, Se);
     //#oldrow;
-    Y(this, hi);
+    Y(this, li);
     Y(this, bn);
     Y(this, yn);
     Y(this, vn);
-    Y(this, Ds, []);
+    Y(this, hi, []);
     it(this, "getHeight", (C) => {
       const t = parseInt(C / f(this, Se).template.length);
       if (t < 0 || t >= f(this, Se).data.count()) return 32;
@@ -27411,7 +27411,7 @@ class Dd {
       var o = this.attr2(C, t, l, "height", c);
       return o || (o = $(f(this, Se).template[f(this, ci).call(this, l) % f(this, Se).template.length]).height()), o;
     });
-    tt(this, Se, C), tt(this, hi, -1), tt(this, bn, []), tt(this, yn, []), tt(this, vn, []), this.head = {
+    tt(this, Se, C), tt(this, li, -1), tt(this, bn, []), tt(this, yn, []), tt(this, vn, []), this.head = {
       attr: (t, l, c) => this.attr("head", t, l, c),
       height: (t, l) => this.height("head", t, l)
     }, this.body = {
@@ -27421,46 +27421,47 @@ class Dd {
     }, this.foot = {
       attr: (t, l, c) => this.attr("foot", t, l, c),
       height: (t, l) => this.height("foot", t, l)
-    }, tt(this, Ds, [0]);
+    }, tt(this, hi, [0]);
   }
   get row() {
-    return f(this, hi);
+    return f(this, li);
   }
   set row(C) {
-    tt(this, hi, parseInt(C)), f(this, Se).selection.selectedStartRow == f(this, Se).selection.selectedEndRow && (f(this, Se).selection.selectedStartRow = f(this, Se).selection.selectedEndRow = f(this, Se).selection.startRow = f(this, hi));
+    tt(this, li, parseInt(C)), f(this, Se).selection.selectedStartRow == f(this, Se).selection.selectedEndRow && (f(this, Se).selection.selectedStartRow = f(this, Se).selection.selectedEndRow = f(this, Se).selection.startRow = f(this, li));
   }
   // 1. 누적 높이 배열 갱신 (데이터가 로드되거나 변경될 때 호출 필요)
   updateCumulativeHeights() {
-    Wr.log("***********************====================="), Wr.log(f(this, Se).data), tt(this, Ds, [0]);
+    Wr.log("***********************====================="), Wr.log(f(this, Se).data), tt(this, hi, [0]);
     let C = 0;
     const t = f(this, Se).data.count();
     for (let l = 0; l < t; l++) {
       let c = 0;
       for (let o = 0; o < f(this, Se).template.length; o++)
         c += this.getHeight(l * f(this, Se).template.length + o);
-      C += c, f(this, Ds).push(C);
+      C += c, f(this, hi).push(C);
     }
-    Wr.log(f(this, Ds));
+    Wr.log(f(this, hi));
   }
   // 2. 스크롤 위치에 따른 행 인덱스 및 오프셋 조회 (이진 탐색)
   getRowInfoAt(C) {
-    const t = f(this, Ds);
-    if (!t || t.length < 2) return { index: 0, offset: 0 };
-    if (C <= 0) return { index: 0, offset: 0 };
+    const t = this.cumulativeHeights;
+    if (!t || t.length < 2) return { index: 0, offset: C };
+    if (C <= 0) return { index: 0, offset: C };
     if (C >= t[t.length - 1])
-      return { index: t.length - 2, offset: t[t.length - 1] - t[t.length - 2] };
+      return { index: t.length - 2, offset: C - t[t.length - 2] };
     let l = 0, c = t.length - 2, o = 0;
     for (; l <= c; ) {
-      let r = Math.floor((l + c) / 2);
-      t[r] <= C ? (o = r, l = r + 1) : c = r - 1;
+      let n = Math.floor((l + c) / 2);
+      t[n] <= C ? (o = n, l = n + 1) : c = n - 1;
     }
-    return o = Math.max(0, Math.min(o, t.length - 2)), {
+    const r = t[o];
+    return {
       index: o,
-      offset: C - (t[o] || 0)
+      offset: C - r
     };
   }
 }
-Se = new WeakMap(), hi = new WeakMap(), bn = new WeakMap(), yn = new WeakMap(), vn = new WeakMap(), Ds = new WeakMap(), ci = new WeakMap();
+Se = new WeakMap(), li = new WeakMap(), bn = new WeakMap(), yn = new WeakMap(), vn = new WeakMap(), hi = new WeakMap(), ci = new WeakMap();
 var Jr, Qr;
 class Bd extends HTMLElement {
   constructor() {
@@ -27707,7 +27708,7 @@ class Fd extends HTMLElement {
 }
 Lt = new WeakMap(), ea = new WeakMap(), Ph = new WeakMap();
 customElements.get("ng-menu") || customElements.define("ng-menu", Fd);
-var Be, ra, sa, Er, ia, ze, tr, Bs, Dh, wn, Bh;
+var Be, ra, sa, Er, ia, ze, tr, Ds, Dh, wn, Bh;
 class qd extends HTMLElement {
   constructor() {
     super();
@@ -27718,7 +27719,7 @@ class qd extends HTMLElement {
     Y(this, ia);
     Y(this, ze);
     Y(this, tr);
-    Y(this, Bs);
+    Y(this, Ds);
     it(this, "refreshTotal", () => {
     });
     Y(this, Dh, () => {
@@ -27727,10 +27728,10 @@ class qd extends HTMLElement {
       }), f(this, Be).data.resetRecords();
     });
     Y(this, wn, () => {
-      this.type == H.PAGINGTYPE.CLIENT ? $("span", this).eq(1).html(`<b>Total</b> : ${f(this, Be).data.countNF().toLocaleString()}`) : this.type == H.PAGINGTYPE.SERVER ? $("span", this).eq(1).html(`<b>Total</b> : ${f(this, Bs).toLocaleString()}`) : this.type == H.PAGINGTYPE.NONE && $("span", this).eq(1).html(`<b>Total</b> : ${f(this, Bs).toLocaleString()}`), f(this, tr) == 0 ? $("span", this).eq(0).html("") : $("span", this).eq(0).html(`${f(this, ze).toLocaleString()} <i>of</i> ${f(this, tr).toLocaleString()}`), H.j.querySelectorAll(".ng-paging-first", this).attr("disabled", f(this, ze) == 1 || f(this, tr) < 1), H.j.querySelectorAll(".ng-paging-prev", this).attr("disabled", f(this, ze) == 1 || f(this, tr) < 1), H.j.querySelectorAll(".ng-paging-next", this).attr("disabled", f(this, ze) == f(this, tr) || f(this, tr) < 1), H.j.querySelectorAll(".ng-paging-last", this).attr("disabled", f(this, ze) == f(this, tr) || f(this, tr) < 1);
+      this.type == H.PAGINGTYPE.CLIENT ? $("span", this).eq(1).html(`<b>Total</b> : ${f(this, Be).data.countNF().toLocaleString()}`) : this.type == H.PAGINGTYPE.SERVER ? $("span", this).eq(1).html(`<b>Total</b> : ${f(this, Ds).toLocaleString()}`) : this.type == H.PAGINGTYPE.NONE && $("span", this).eq(1).html(`<b>Total</b> : ${f(this, Ds).toLocaleString()}`), f(this, tr) == 0 ? $("span", this).eq(0).html("") : $("span", this).eq(0).html(`${f(this, ze).toLocaleString()} <i>of</i> ${f(this, tr).toLocaleString()}`), H.j.querySelectorAll(".ng-paging-first", this).attr("disabled", f(this, ze) == 1 || f(this, tr) < 1), H.j.querySelectorAll(".ng-paging-prev", this).attr("disabled", f(this, ze) == 1 || f(this, tr) < 1), H.j.querySelectorAll(".ng-paging-next", this).attr("disabled", f(this, ze) == f(this, tr) || f(this, tr) < 1), H.j.querySelectorAll(".ng-paging-last", this).attr("disabled", f(this, ze) == f(this, tr) || f(this, tr) < 1);
     });
     Y(this, Bh, () => {
-      this.type == H.PAGINGTYPE.CLIENT ? this.movePage(Math.ceil(f(this, Be).data.countNF() / f(this, Er))) : this.type == H.PAGINGTYPE.SERVER && this.movePage(Math.ceil(f(this, Bs) / f(this, Er)));
+      this.type == H.PAGINGTYPE.CLIENT ? this.movePage(Math.ceil(f(this, Be).data.countNF() / f(this, Er))) : this.type == H.PAGINGTYPE.SERVER && this.movePage(Math.ceil(f(this, Ds) / f(this, Er)));
     });
     it(this, "movePage", (t) => {
       if (!(!f(this, Be) || !f(this, Be).data || isNaN(t))) {
@@ -27765,7 +27766,7 @@ class qd extends HTMLElement {
       }
       f(this, wn).call(this);
     });
-    tt(this, Be, this.getRootNode().host.getRootNode().host), tt(this, ze, 0), tt(this, tr, 0), tt(this, Bs, 0), this.onpagechanged = new CustomEvent("pagechanged", { bubbles: !0, detail: {} });
+    tt(this, Be, this.getRootNode().host.getRootNode().host), tt(this, ze, 0), tt(this, tr, 0), tt(this, Ds, 0), this.onpagechanged = new CustomEvent("pagechanged", { bubbles: !0, detail: {} });
   }
   connectedCallback() {
     this.innerHTML = `
@@ -27806,7 +27807,7 @@ class qd extends HTMLElement {
     return f(this, tr);
   }
   set totalCount(t) {
-    tt(this, Bs, t), f(this, ze) <= 0 && tt(this, ze, 1), tt(this, tr, Math.ceil(t / f(this, Er))), f(this, wn).call(this);
+    tt(this, Ds, t), f(this, ze) <= 0 && tt(this, ze, 1), tt(this, tr, Math.ceil(t / f(this, Er))), f(this, wn).call(this);
   }
   get linesPerPage() {
     return f(this, Er);
@@ -27841,7 +27842,7 @@ class qd extends HTMLElement {
     tt(this, sa, t);
   }
 }
-Be = new WeakMap(), ra = new WeakMap(), sa = new WeakMap(), Er = new WeakMap(), ia = new WeakMap(), ze = new WeakMap(), tr = new WeakMap(), Bs = new WeakMap(), Dh = new WeakMap(), wn = new WeakMap(), Bh = new WeakMap();
+Be = new WeakMap(), ra = new WeakMap(), sa = new WeakMap(), Er = new WeakMap(), ia = new WeakMap(), ze = new WeakMap(), tr = new WeakMap(), Ds = new WeakMap(), Dh = new WeakMap(), wn = new WeakMap(), Bh = new WeakMap();
 customElements.get("ng-paging") || customElements.define("ng-paging", qd);
 var ui, na;
 class Hd extends Mr {
@@ -27884,34 +27885,34 @@ class Hd extends Mr {
 }
 ui = new WeakMap(), na = new WeakMap();
 customElements.get("ng-progress") || customElements.define("ng-progress", Hd);
-var Fs, jr, qs, di, Fh, qh;
+var Bs, jr, Fs, di, Fh, qh;
 class zd extends ki {
   constructor() {
     super();
-    Y(this, Fs);
+    Y(this, Bs);
     Y(this, jr);
-    Y(this, qs);
+    Y(this, Fs);
     Y(this, di);
     it(this, "dataRefresh", (t) => {
-      f(this, jr) && (f(this, Fh).call(this) ? H.j.querySelectorAll(this).removeClass("invalid") : H.j.querySelectorAll(this).addClass("invalid")), $(f(this, Fs)).each((l, c) => {
+      f(this, jr) && (f(this, Fh).call(this) ? H.j.querySelectorAll(this).removeClass("invalid") : H.j.querySelectorAll(this).addClass("invalid")), $(f(this, Bs)).each((l, c) => {
         $(c).prop("checked", this.value == c.getAttribute("value"));
       }), t || this.reset();
     });
     Y(this, Fh, () => {
       if (H.isNull(this.value)) return !0;
-      var t = f(this, jr).findIndex((l) => this.value == l[f(this, qs)]);
+      var t = f(this, jr).findIndex((l) => this.value == l[f(this, Fs)]);
       return !(t < 0);
     });
     Y(this, qh, () => {
     });
   }
   async connectedCallback() {
-    tt(this, qs, this.getAttribute("code") || "code"), tt(this, di, this.getAttribute("codename") || "codename");
+    tt(this, Fs, this.getAttribute("code") || "code"), tt(this, di, this.getAttribute("codename") || "codename");
     var t = this.querySelector("datalist");
     t && (tt(this, jr, []), t.querySelectorAll("option").forEach((n) => {
-      const s = n.getAttribute(f(this, qs)), e = n.getAttribute(f(this, di));
+      const s = n.getAttribute(f(this, Fs)), e = n.getAttribute(f(this, di));
       s && e && f(this, jr).push({
-        [f(this, qs)]: s,
+        [f(this, Fs)]: s,
         [f(this, di)]: e
       });
     })), this.owner = this.getRootNode().host, this.cell = this.closest("th,td");
@@ -27920,7 +27921,7 @@ class zd extends ki {
     o && this.owner && this.owner.exprFunction && (this.owner[o] ? tt(this, jr, this.owner[o]) : tt(this, jr, this.owner.exprFunction(o).call(this, this.owner.data.get(this.cell.dataset.row), this.cell.dataset.row)));
     var r = "";
     f(this, jr) && f(this, jr).forEach((n) => {
-      r += `<label><input type="radio" value="${n[f(this, qs)]}"><span>${n[f(this, di)]}</span></label>`;
+      r += `<label><input type="radio" value="${n[f(this, Fs)]}"><span>${n[f(this, di)]}</span></label>`;
     }), this.shadowRoot.innerHTML = `
 			<style>
 				@import "https://cdn.jsdelivr.net/npm/ninegrid2@${H.version}/dist/css/ngRadio.css";
@@ -27934,14 +27935,14 @@ class zd extends ki {
 			<div class="ng-wrap">
 				${r}
 			</div>
-		`, super.connectedCallback(), f(this, qh).call(this), tt(this, Fs, this.shadowRoot.querySelectorAll("input")), $(this.cell).on("keydown", (n) => {
+		`, super.connectedCallback(), f(this, qh).call(this), tt(this, Bs, this.shadowRoot.querySelectorAll("input")), $(this.cell).on("keydown", (n) => {
       switch (n.preventDefault(), n.code) {
         case "Space":
           var s = -1;
-          $(f(this, Fs)).each((e, i) => {
+          $(f(this, Bs)).each((e, i) => {
             if (this.value == i.getAttribute("value"))
               return s = e, !1;
-          }), s = s == f(this, Fs).length - 1 ? 0 : s >= 0 ? s + 1 : 0, this.value = f(this, Fs)[s].getAttribute("value");
+          }), s = s == f(this, Bs).length - 1 ? 0 : s >= 0 ? s + 1 : 0, this.value = f(this, Bs)[s].getAttribute("value");
           break;
       }
     });
@@ -27950,7 +27951,7 @@ class zd extends ki {
     return f(this, jr);
   }
 }
-Fs = new WeakMap(), jr = new WeakMap(), qs = new WeakMap(), di = new WeakMap(), Fh = new WeakMap(), qh = new WeakMap();
+Bs = new WeakMap(), jr = new WeakMap(), Fs = new WeakMap(), di = new WeakMap(), Fh = new WeakMap(), qh = new WeakMap();
 customElements.get("ng-radio") || customElements.define("ng-radio", zd);
 var xn;
 class Ud extends Mr {
@@ -28331,7 +28332,7 @@ class Gd extends Mr {
   }
 }
 pa = new WeakMap(), Wh = new WeakMap();
-var ur, ts, ma, mr, Hs, mi, mu, es, Xh, Yh, Gh, ga, ba, ya, Kh;
+var ur, ts, ma, mr, qs, mi, mu, es, Xh, Yh, Gh, ga, ba, ya, Kh;
 class Kd extends HTMLElement {
   constructor() {
     super();
@@ -28339,7 +28340,7 @@ class Kd extends HTMLElement {
     Y(this, ts);
     Y(this, ma);
     Y(this, mr);
-    Y(this, Hs);
+    Y(this, qs);
     Y(this, mi);
     Y(this, mu);
     Y(this, es);
@@ -28347,7 +28348,7 @@ class Kd extends HTMLElement {
     Y(this, Yh, () => {
       if (f(this, ur)) {
         var t = f(this, ur).querySelector("div.resizer-row-panel");
-        t ? tt(this, mr, $(t)) : (tt(this, mr, $('<div class="resizer-row-panel"><div class="grip"></div><div class="tooltip"><div></div><span></span><div></div></div></div>').hide()), $(f(this, ur).body).append(f(this, mr))), tt(this, Hs, $(".grip", f(this, mr))), tt(this, mi, $(".tooltip", f(this, mr))), $(this).on("mousedown", (l) => {
+        t ? tt(this, mr, $(t)) : (tt(this, mr, $('<div class="resizer-row-panel"><div class="grip"></div><div class="tooltip"><div></div><span></span><div></div></div></div>').hide()), $(f(this, ur).body).append(f(this, mr))), tt(this, qs, $(".grip", f(this, mr))), tt(this, mi, $(".tooltip", f(this, mr))), $(this).on("mousedown", (l) => {
           H.j.querySelectorAll(f(this, ts).closest("tbody")).hasClass("fixed") || tt(this, ma, setTimeout(() => {
             f(this, Gh).call(this, l);
           }, 500));
@@ -28361,14 +28362,14 @@ class Kd extends HTMLElement {
     Y(this, Gh, (t) => {
       if (!(t.buttons != 1 || t.altKey || t.ctrlKey || t.shiftkey)) {
         var l = parseInt(t.target.getAttribute("rowIndex"));
-        l < 0 || (f(this, ts).busy = !0, tt(this, Xh, t.target), tt(this, es, $(".ng-container-body table tbody.bindable tr", f(this, ur).body).eq(l)), f(this, mr).show(), f(this, Hs).width(f(this, ur).body.querySelector(".ng-container").offsetWidth), f(this, ya).call(this, t.pageY), $(f(this, mr)).on("mousemove", f(this, ga)), $(f(this, mr)).on("mouseup", f(this, ba)));
+        l < 0 || (f(this, ts).busy = !0, tt(this, Xh, t.target), tt(this, es, $(".ng-container-body table tbody.bindable tr", f(this, ur).body).eq(l)), f(this, mr).show(), f(this, qs).width(f(this, ur).body.querySelector(".ng-container").offsetWidth), f(this, ya).call(this, t.pageY), $(f(this, mr)).on("mousemove", f(this, ga)), $(f(this, mr)).on("mouseup", f(this, ba)));
       }
     });
     Y(this, ga, (t) => {
       t.altKey || t.ctrlKey || t.shiftKey || f(this, ya).call(this, t.pageY);
     });
     Y(this, ba, (t) => {
-      var l = f(this, Hs).offset().top - f(this, es).offset().top;
+      var l = f(this, qs).offset().top - f(this, es).offset().top;
       l <= 1 && (l = 0), l = f(this, ur).tableUtils.height(f(this, es)[0].sectionRowIndex, l);
       var c = parseInt(f(this, es)[0].dataset.row * f(this, ur).template.length + f(this, es)[0].sectionRowIndex % f(this, ur).template.length);
       f(this, ur).matrix.setHeight(c, l), f(this, ts).querySelector("ng-row-indicator").refresh(), $(f(this, mr)).off("mousemove", f(this, ga)), $(f(this, mr)).off("mouseup", f(this, ba)), f(this, mr).hide(), f(this, ur).view.redraw(), f(this, ts).busy = !1;
@@ -28376,8 +28377,8 @@ class Kd extends HTMLElement {
     Y(this, ya, (t) => {
       var l = $(".ng-container-body table tbody.bindable", f(this, ur).body);
       if (!(t < l.offset().top)) {
-        f(this, Hs).offset({ top: t });
-        var c = parseInt(f(this, Hs).offset().top), o = parseInt(c - f(this, es).offset().top);
+        f(this, qs).offset({ top: t });
+        var c = parseInt(f(this, qs).offset().top), o = parseInt(c - f(this, es).offset().top);
         o <= 1 && (o = 0), f(this, mi).height(o), f(this, mi).offset({ top: f(this, es).offset().top - 1 }), f(this, mi).find("span").text(o);
       }
     });
@@ -28388,7 +28389,7 @@ class Kd extends HTMLElement {
     tt(this, ts, this.cell), tt(this, ur, f(this, ts).getRootNode().host), this.setAttribute("class", "row-resizer"), f(this, Yh).call(this);
   }
 }
-ur = new WeakMap(), ts = new WeakMap(), ma = new WeakMap(), mr = new WeakMap(), Hs = new WeakMap(), mi = new WeakMap(), mu = new WeakMap(), es = new WeakMap(), Xh = new WeakMap(), Yh = new WeakMap(), Gh = new WeakMap(), ga = new WeakMap(), ba = new WeakMap(), ya = new WeakMap(), Kh = new WeakMap();
+ur = new WeakMap(), ts = new WeakMap(), ma = new WeakMap(), mr = new WeakMap(), qs = new WeakMap(), mi = new WeakMap(), mu = new WeakMap(), es = new WeakMap(), Xh = new WeakMap(), Yh = new WeakMap(), Gh = new WeakMap(), ga = new WeakMap(), ba = new WeakMap(), ya = new WeakMap(), Kh = new WeakMap();
 customElements.get("ng-row-indicator") || customElements.define("ng-row-indicator", Gd);
 customElements.get("ng-row-resizer") || customElements.define("ng-row-resizer", Kd);
 var Zh;
@@ -28604,12 +28605,21 @@ class tf extends HTMLElement {
       tt(this, rs, !0), this.shiftY = t.offsetY + f(this, ge).track.getBoundingClientRect().y, this.trackHeight = $(f(this, ge).track).height(), this.thumbHeight = $(f(this, ge).thumb).height(), this.nodataHeight = $(".ng-container .ng-table tr.nodata", f(this, qt).body).height(), this.bodyHeight = $(".ng-container-body", f(this, qt).body).height(), this.templateHeight = f(this, qt).template.height(), this.theadHeight = $(".ng-container-body table > thead", f(this, qt).body).height() || 0, this.tfootHeight = $(".ng-container-body table > tfoot", f(this, qt).body).height() || 0, this.fixedHeight = $(".ng-container-body tbody.fixed", f(this, qt).body).height(), this.tableHeight = $(".ng-container-body .ng-table", f(this, qt).body).height(), tt(this, _n, !0), document.addEventListener("mousemove", f(this, Sn)), typeof this.onDragStart == "function" && this.onDragStart();
     });
     Y(this, Sn, (t) => {
-      if (!f(this, rs)) return;
-      t.preventDefault(), f(this, _n) && (H.j.querySelectorAll("th,td", f(this, qt).body).removeClass("active").removeClass("multi-selected").removeClass("selected").removeClass("selected-current").removeClass("selected-area").removeClass("selected-top").removeClass("selected-bottom").removeClass("selected-left").removeClass("selected-right"), tt(this, _n, !1));
-      var l = this.trackHeight, c = f(this, kn).call(this), o = t.clientY - this.shiftY, r = o / (l - c), n = f(this, qt).matrix.totalHeight, s = r * (n - this.bodyHeight), { index: e, offset: i } = f(this, qt).matrix.getRowInfoAt(s);
-      f(this, qt).dataManager.viewRecords.rawIndex !== e && f(this, qt).scrollToV2(e), Wr.log("#thumb_onMouseMove", e, i, f(this, qt).body.querySelector(".ng-container-body tbody.bindable"));
-      const u = f(this, qt).body.querySelector(".ng-container-body tbody.bindable");
-      u && (u.style.transform = `translateY(-${i}px)`);
+      if (f(this, rs)) {
+        t.preventDefault(), f(this, _n) && (H.j.querySelectorAll("th,td", f(this, qt).body).removeClass("active").removeClass("multi-selected").removeClass("selected").removeClass("selected-current").removeClass("selected-area").removeClass("selected-top").removeClass("selected-bottom").removeClass("selected-left").removeClass("selected-right"), tt(this, _n, !1));
+        var l = this.trackHeight, c = f(this, kn).call(this), o = l - c, r = t.clientY - this.shiftY;
+        r = Math.max(0, Math.min(r, o > 0 ? o : 0));
+        var n = f(this, qt).matrix.totalHeight || 0, s = o > 0 ? r / o : 0, e = s * Math.max(0, n - this.bodyHeight), { index: i, offset: u } = f(this, qt).matrix.getRowInfoAt(e);
+        if (i = isNaN(i) ? 0 : i, u = isNaN(u) ? 0 : u, f(this, qt).dataManager.viewRecords.rawIndex !== i) {
+          f(this, qt).scrollToV2(i);
+          const a = f(this, qt).body.querySelector(".ng-container-body tbody.bindable");
+          a && (a.style.transform = "translateY(0px)");
+        } else {
+          const a = f(this, qt).body.querySelector(".ng-container-body tbody.bindable");
+          a && (a.style.transform = `translateY(-${u}px)`);
+        }
+        Wr.log("#thumb_onMouseMove", i, u, e);
+      }
     });
     Y(this, kn, () => parseInt(f(this, ge).thumb.dataset.height));
     this.attachShadow({ mode: "open" });
@@ -28634,7 +28644,7 @@ class tf extends HTMLElement {
   }
 }
 qt = new WeakMap(), rs = new WeakMap(), ge = new WeakMap(), gr = new WeakMap(), br = new WeakMap(), _n = new WeakMap(), Jh = new WeakMap(), Qh = new WeakMap(), va = new WeakMap(), tc = new WeakMap(), wa = new WeakMap(), xa = new WeakMap(), Sn = new WeakMap(), kn = new WeakMap();
-var Ze, ms, ae, Ur, Vr, zs, ec, _a, rc, Sa, sc, ka, Ca, Cn;
+var Ze, ms, ae, Ur, Vr, Hs, ec, _a, rc, Sa, sc, ka, Ca, Cn;
 class ef extends HTMLElement {
   constructor() {
     super();
@@ -28654,13 +28664,13 @@ class ef extends HTMLElement {
       }
     });
     it(this, "scrollToHome", () => {
-      f(this, zs).call(this, 0);
+      f(this, Hs).call(this, 0);
     });
     it(this, "scrollToEnd", () => {
       var t = f(this, ae).track.getBoundingClientRect(), l = f(this, ae).thumb.getBoundingClientRect(), c = t.width - l.width;
-      f(this, zs).call(this, c);
+      f(this, Hs).call(this, c);
     });
-    Y(this, zs, (t) => {
+    Y(this, Hs, (t) => {
       if (f(this, ae)) {
         var l = $("table", f(this, ae).container), c = f(this, ae).track.getBoundingClientRect(), o = f(this, ae).thumb.getBoundingClientRect();
         t < 0 && (t = 0), t + o.width > c.width && (t = c.width - o.width), t = parseInt(t), f(this, ae).thumb.style.left = t + "px", f(this, ae).left.disabled = t == 0, f(this, ae).right.disabled = t == parseInt(c.width - o.width);
@@ -28676,10 +28686,10 @@ class ef extends HTMLElement {
       var t = (l) => {
         clearInterval(f(this, Ur)), clearInterval(f(this, Vr));
         var c = f(this, ae).track.getBoundingClientRect(), o = f(this, ae).thumb.getBoundingClientRect();
-        f(this, zs).call(this, o.x - c.x + l), tt(this, Ur, setInterval(() => {
+        f(this, Hs).call(this, o.x - c.x + l), tt(this, Ur, setInterval(() => {
           clearInterval(f(this, Ur)), tt(this, Vr, setInterval(() => {
             var r = f(this, ae).thumb.getBoundingClientRect();
-            f(this, zs).call(this, r.x - c.x + l) || clearInterval(f(this, Vr));
+            f(this, Hs).call(this, r.x - c.x + l) || clearInterval(f(this, Vr));
           }, 10));
         }, 500));
       };
@@ -28734,7 +28744,7 @@ class ef extends HTMLElement {
       t.offsetX = t.targetTouches[0].pageX - l.left, t.offsetY = t.targetTouches[0].pageY - l.top, t.pageX = t.changedTouches[0].pageX, t.pageY = t.changedTouches[0].pageY, t.clientX = t.changedTouches[0].clientX, t.clientY = t.changedTouches[0].clientY, t.buttons = 1, f(this, Cn).call(this, t);
     });
     Y(this, Cn, (t) => {
-      f(this, ms) && f(this, zs).call(this, t.pageX - this.shiftX);
+      f(this, ms) && f(this, Hs).call(this, t.pageX - this.shiftX);
     });
     this.attachShadow({ mode: "open" });
   }
@@ -28757,7 +28767,7 @@ class ef extends HTMLElement {
     }), f(this, ms), this.shiftX, f(this, ec).call(this);
   }
 }
-Ze = new WeakMap(), ms = new WeakMap(), ae = new WeakMap(), Ur = new WeakMap(), Vr = new WeakMap(), zs = new WeakMap(), ec = new WeakMap(), _a = new WeakMap(), rc = new WeakMap(), Sa = new WeakMap(), sc = new WeakMap(), ka = new WeakMap(), Ca = new WeakMap(), Cn = new WeakMap();
+Ze = new WeakMap(), ms = new WeakMap(), ae = new WeakMap(), Ur = new WeakMap(), Vr = new WeakMap(), Hs = new WeakMap(), ec = new WeakMap(), _a = new WeakMap(), rc = new WeakMap(), Sa = new WeakMap(), sc = new WeakMap(), ka = new WeakMap(), Ca = new WeakMap(), Cn = new WeakMap();
 customElements.get("ng-hscrollbar") || customElements.define("ng-hscrollbar", ef);
 customElements.get("ng-vscrollbar") || customElements.define("ng-vscrollbar", tf);
 var Ue, ss, Ea, Aa, Ta, ic, nc;
@@ -29407,7 +29417,7 @@ $a = new WeakMap(), La = new WeakMap(), Pa = new WeakMap(), gi = new WeakSet(),
   return this.data.__ng._[H.ROW.EXPAND];
 }, ac = new WeakMap(), lc = new WeakMap(), hc = new WeakMap(), cc = new WeakMap(), gu = new WeakMap(), Da = new WeakMap(), Ba = new WeakMap(), uc = new WeakMap(), dc = new WeakMap(), fc = new WeakMap();
 customElements.get("ng-tree-item") || customElements.define("ng-tree-item", lf);
-var vt, We, yr, bi, yi, Fa, qa, Ha, za, Ua, pc, mc, gc, En, Us, Vs;
+var vt, We, yr, bi, yi, Fa, qa, Ha, za, Ua, pc, mc, gc, En, zs, Us;
 class hf {
   constructor(C) {
     Y(this, vt);
@@ -29597,29 +29607,29 @@ class hf {
      * grid.selection.lastCol
      */
     it(this, "selectArea", (C, t, l, c) => {
-      const o = f(this, Us).call(this, C), r = f(this, Us).call(this, l), n = f(this, Vs).call(this, t), s = f(this, Vs).call(this, c), e = parseInt(o * f(this, vt).template.length), i = parseInt(r * f(this, vt).template.length) + f(this, vt).template.length - 1;
+      const o = f(this, zs).call(this, C), r = f(this, zs).call(this, l), n = f(this, Us).call(this, t), s = f(this, Us).call(this, c), e = parseInt(o * f(this, vt).template.length), i = parseInt(r * f(this, vt).template.length) + f(this, vt).template.length - 1;
       f(this, vt).row.at = o, o >= 0 && r >= 0 ? f(this, vt).selection.selectArea(e, n, i, s) : this.clearSelection();
     });
     it(this, "selectRow", (C, t) => {
-      const l = f(this, Us).call(this, C), c = H.isNull(t) ? l : f(this, Us).call(this, t), o = parseInt(l * f(this, vt).template.length), r = parseInt(c * f(this, vt).template.length) + f(this, vt).template.length - 1;
+      const l = f(this, zs).call(this, C), c = H.isNull(t) ? l : f(this, zs).call(this, t), o = parseInt(l * f(this, vt).template.length), r = parseInt(c * f(this, vt).template.length) + f(this, vt).template.length - 1;
       f(this, vt).row.at = l, l >= 0 && c >= 0 ? f(this, vt).selection.selectArea(o, f(this, vt).firstCol, r, f(this, vt).lastCol) : this.clearSelection();
     });
     it(this, "selectCol", (C, t) => {
-      const l = f(this, Vs).call(this, C), c = H.isNull(t) ? l : f(this, Vs).call(this, t), o = 0, r = parseInt(f(this, vt).data.count() * f(this, vt).template.length - 1);
+      const l = f(this, Us).call(this, C), c = H.isNull(t) ? l : f(this, Us).call(this, t), o = 0, r = parseInt(f(this, vt).data.count() * f(this, vt).template.length - 1);
       l >= 0 && c >= 0 ? f(this, vt).selection.selectArea(o, l, r, c) : this.clearSelection();
     });
     it(this, "selectCell", (C, t, l) => {
-      const c = f(this, Us).call(this, C), o = f(this, Vs).call(this, t), r = parseInt(c * f(this, vt).template.length) + H.nvl(l, 0);
+      const c = f(this, zs).call(this, C), o = f(this, Us).call(this, t), r = parseInt(c * f(this, vt).template.length) + H.nvl(l, 0);
       f(this, vt).row.at = c, c >= 0 ? f(this, vt).selection.selectArea(r, o, r, o) : this.clearSelection();
     });
-    Y(this, Us, (C) => {
+    Y(this, zs, (C) => {
       if (typeof C == "number")
         return C;
       if (typeof C == "function")
         return f(this, vt).data.findIndex(C);
       throw `invalid ${C}`;
     });
-    Y(this, Vs, (C) => {
+    Y(this, Us, (C) => {
       if (typeof C == "number")
         return C;
       if (typeof C == "string" && f(this, vt).fields.includes(C))
@@ -29632,18 +29642,18 @@ class hf {
     tt(this, vt, C), tt(this, bi, !1), this.init();
   }
 }
-vt = new WeakMap(), We = new WeakMap(), yr = new WeakMap(), bi = new WeakMap(), yi = new WeakMap(), Fa = new WeakMap(), qa = new WeakMap(), Ha = new WeakMap(), za = new WeakMap(), Ua = new WeakMap(), pc = new WeakMap(), mc = new WeakMap(), gc = new WeakMap(), En = new WeakMap(), Us = new WeakMap(), Vs = new WeakMap();
-var Je, Ws, bc;
+vt = new WeakMap(), We = new WeakMap(), yr = new WeakMap(), bi = new WeakMap(), yi = new WeakMap(), Fa = new WeakMap(), qa = new WeakMap(), Ha = new WeakMap(), za = new WeakMap(), Ua = new WeakMap(), pc = new WeakMap(), mc = new WeakMap(), gc = new WeakMap(), En = new WeakMap(), zs = new WeakMap(), Us = new WeakMap();
+var Je, Vs, bc;
 class cf {
   constructor(C) {
     Y(this, Je);
-    Y(this, Ws);
+    Y(this, Vs);
     it(this, "initialize", () => {
-      tt(this, Ws, !1), f(this, Je).data.clearFilter();
+      tt(this, Vs, !1), f(this, Je).data.clearFilter();
     });
-    it(this, "isFiltering", () => f(this, Ws));
+    it(this, "isFiltering", () => f(this, Vs));
     it(this, "on", (C) => {
-      tt(this, Ws, !0);
+      tt(this, Vs, !0);
       const t = f(this, bc).call(this);
       f(this, Je).body.querySelectorAll(".ng-table thead th, .ng-table thead td").forEach((l) => {
         var o, r;
@@ -29659,7 +29669,7 @@ class cf {
       });
     });
     it(this, "off", () => {
-      tt(this, Ws, !1), f(this, Je).body.querySelectorAll(".ng-table ng-filter-button").forEach((C) => {
+      tt(this, Vs, !1), f(this, Je).body.querySelectorAll(".ng-table ng-filter-button").forEach((C) => {
         C.remove();
       });
     });
@@ -29708,12 +29718,12 @@ class cf {
       }), f(this, Je).scrollTo_V1(0), f(this, Je).paging.reset();
     });
     Y(this, bc, (C = "thead") => [...f(this, Je).body.querySelectorAll(`.ng-table ${C}`)].reduce((t, l) => Math.max(l.rows.length - 1, t), 0));
-    tt(this, Je, C), tt(this, Ws, !1);
+    tt(this, Je, C), tt(this, Vs, !1);
     const t = document.createElement("ng-filter-panel");
     t.style.display = "none", f(this, Je).shadowRoot.appendChild(t);
   }
 }
-Je = new WeakMap(), Ws = new WeakMap(), bc = new WeakMap();
+Je = new WeakMap(), Vs = new WeakMap(), bc = new WeakMap();
 var Va, An, Wa;
 class uf extends HTMLElement {
   constructor() {
@@ -29858,7 +29868,7 @@ class df extends HTMLElement {
 Ar = new WeakMap(), Xa = new WeakMap(), Ya = new WeakMap(), yc = new WeakMap(), vc = new WeakMap(), wc = new WeakMap(), xc = new WeakMap();
 customElements.get("ng-filter-button") || customElements.define("ng-filter-button", uf);
 customElements.get("ng-filter-panel") || customElements.define("ng-filter-panel", df);
-var Ga, vi, Ka, Tn, is, Za, Ja, _c, bs, Sc, Qa, kc, ns, Cc, tl, Ec, el, Xs, Ys;
+var Ga, vi, Ka, Tn, is, Za, Ja, _c, bs, Sc, Qa, kc, ns, Cc, tl, Ec, el, Ws, Xs;
 class Qc extends HTMLElement {
   constructor() {
     super();
@@ -30233,7 +30243,7 @@ class Qc extends HTMLElement {
      * return : 없음
      */
     it(this, "selectArea", (t, l, c, o) => {
-      const r = f(this, Xs).call(this, t), n = f(this, Xs).call(this, c), s = f(this, Ys).call(this, l), e = f(this, Ys).call(this, o), i = parseInt(r * this.template.length), u = parseInt(n * this.template.length) + this.template.length - 1;
+      const r = f(this, Ws).call(this, t), n = f(this, Ws).call(this, c), s = f(this, Xs).call(this, l), e = f(this, Xs).call(this, o), i = parseInt(r * this.template.length), u = parseInt(n * this.template.length) + this.template.length - 1;
       this.row.at = r, r >= 0 && n >= 0 ? this.selection.selectArea(i, s, u, e) : this.clearSelection();
     });
     /**
@@ -30245,7 +30255,7 @@ class Qc extends HTMLElement {
      * return : 없음
      */
     it(this, "selectRow", (t, l) => {
-      const c = f(this, Xs).call(this, t), o = H.isNull(oRow2) ? c : f(this, Xs).call(this, l), r = parseInt(c * this.template.length), n = parseInt(o * this.template.length) + this.template.length - 1;
+      const c = f(this, Ws).call(this, t), o = H.isNull(oRow2) ? c : f(this, Ws).call(this, l), r = parseInt(c * this.template.length), n = parseInt(o * this.template.length) + this.template.length - 1;
       this.row.at = c, c >= 0 && o >= 0 ? this.selection.selectArea(r, this.firstCol, n, this.lastCol) : this.clearSelection();
     });
     /**
@@ -30257,7 +30267,7 @@ class Qc extends HTMLElement {
      * return : 없음
      */
     it(this, "selectCol", (t, l) => {
-      const c = f(this, Ys).call(this, t), o = H.isNull(l) ? c : f(this, Ys).call(this, l), r = 0, n = parseInt(this.data.count() * this.template.length - 1);
+      const c = f(this, Xs).call(this, t), o = H.isNull(l) ? c : f(this, Xs).call(this, l), r = 0, n = parseInt(this.data.count() * this.template.length - 1);
       c >= 0 && o >= 0 ? this.selection.selectArea(r, c, n, o) : this.clearSelection();
     });
     /**
@@ -30270,17 +30280,17 @@ class Qc extends HTMLElement {
      * return : 없음
      */
     it(this, "selectCell", (t, l, c) => {
-      const o = f(this, Xs).call(this, t), r = f(this, Ys).call(this, l), n = parseInt(o * this.template.length) + H.nvl(c, 0);
+      const o = f(this, Ws).call(this, t), r = f(this, Xs).call(this, l), n = parseInt(o * this.template.length) + H.nvl(c, 0);
       this.row.at = o, o >= 0 ? this.selection.selectArea(n, r, n, r) : this.clearSelection();
     });
-    Y(this, Xs, (t) => {
+    Y(this, Ws, (t) => {
       if (typeof t == "number")
         return t;
       if (typeof t == "function")
         return this.data.findIndex(t);
       throw `invalid ${t}`;
     });
-    Y(this, Ys, (t) => {
+    Y(this, Xs, (t) => {
       if (typeof t == "number")
         return t;
       if (typeof t == "string" && this.fields.includes(t))
@@ -30413,7 +30423,7 @@ class Qc extends HTMLElement {
     return Math.max.apply(null, f(this, el).call(this));
   }
 }
-Ga = new WeakMap(), vi = new WeakMap(), Ka = new WeakMap(), Tn = new WeakMap(), is = new WeakMap(), Za = new WeakMap(), Ja = new WeakMap(), _c = new WeakMap(), bs = new WeakMap(), Sc = new WeakMap(), Qa = new WeakMap(), kc = new WeakMap(), ns = new WeakMap(), Cc = new WeakMap(), tl = new WeakMap(), Ec = new WeakMap(), el = new WeakMap(), Xs = new WeakMap(), Ys = new WeakMap(), it(Qc, "observedAttributes", ["lang", "caption", "display-row-count", "row-resizable", "col-indicator-type", "auto-fit-col", "enable-fixed-col", "select-type", "paging-type", "paging-count", "show-menu-icon", "show-title-bar", "show-tfoot", "show-status-bar"]);
+Ga = new WeakMap(), vi = new WeakMap(), Ka = new WeakMap(), Tn = new WeakMap(), is = new WeakMap(), Za = new WeakMap(), Ja = new WeakMap(), _c = new WeakMap(), bs = new WeakMap(), Sc = new WeakMap(), Qa = new WeakMap(), kc = new WeakMap(), ns = new WeakMap(), Cc = new WeakMap(), tl = new WeakMap(), Ec = new WeakMap(), el = new WeakMap(), Ws = new WeakMap(), Xs = new WeakMap(), it(Qc, "observedAttributes", ["lang", "caption", "display-row-count", "row-resizable", "col-indicator-type", "auto-fit-col", "enable-fixed-col", "select-type", "paging-type", "paging-count", "show-menu-icon", "show-title-bar", "show-tfoot", "show-status-bar"]);
 customElements.get("nine-grid") || customElements.define("nine-grid", Qc);
 class ff extends Qc {
   constructor() {
@@ -30519,24 +30529,24 @@ class pf extends HTMLElement {
 }
 ys = new WeakMap(), Ac = new WeakMap(), rl = new WeakMap(), Rn = new WeakMap(), sl = new WeakMap(), il = new WeakMap(), Mn = new WeakMap(), nl = new WeakMap();
 customElements.get("nx-dialog") || customElements.define("nx-dialog", pf);
-var ol, Gs, al, In, vs, wi, Nn, Tc;
+var ol, Ys, al, In, vs, wi, Nn, Tc;
 class Nu extends HTMLElement {
   constructor() {
     super();
     Y(this, ol);
-    Y(this, Gs);
+    Y(this, Ys);
     Y(this, al);
     Y(this, In);
     Y(this, vs);
     Y(this, wi, []);
     Y(this, Nn);
     it(this, "refresh", () => {
-      if (f(this, Gs)) {
+      if (f(this, Ys)) {
         if (f(this, Nn))
-          f(this, Gs).innerHTML = i18next.t(f(this, Nn));
+          f(this, Ys).innerHTML = i18next.t(f(this, Nn));
         else if (f(this, wi).length > 0 && !H.isNull(f(this, In))) {
           var t = f(this, wi).findIndex((l) => l[f(this, al)] == H.global.locale);
-          t < 0 && (t = 0), f(this, Gs).innerHTML = f(this, wi)[t][f(this, In)], $("datalist", this).remove(), $(this).append(f(this, vs));
+          t < 0 && (t = 0), f(this, Ys).innerHTML = f(this, wi)[t][f(this, In)], $("datalist", this).remove(), $(this).append(f(this, vs));
         }
       }
     });
@@ -30552,9 +30562,9 @@ class Nu extends HTMLElement {
       const t = this.innerHTML;
       this.innerHTML = `
 			<span>${t}</span>
-		`, tt(this, Gs, this.querySelector("span"));
+		`, tt(this, Ys, this.querySelector("span"));
       for (var l = 0; l < this.attributes.length; l++)
-        f(this, Gs).setAttribute(this.attributes[l].name, this.attributes[l].value);
+        f(this, Ys).setAttribute(this.attributes[l].name, this.attributes[l].value);
       this.refresh();
     });
   }
@@ -30564,7 +30574,7 @@ class Nu extends HTMLElement {
     });
   }
 }
-ol = new WeakMap(), Gs = new WeakMap(), al = new WeakMap(), In = new WeakMap(), vs = new WeakMap(), wi = new WeakMap(), Nn = new WeakMap(), Tc = new WeakMap(), it(Nu, "i18n", {
+ol = new WeakMap(), Ys = new WeakMap(), al = new WeakMap(), In = new WeakMap(), vs = new WeakMap(), wi = new WeakMap(), Nn = new WeakMap(), Tc = new WeakMap(), it(Nu, "i18n", {
   convertArrayToJSON: (t) => {
     let l = {};
     for (const c of t) {
@@ -31937,11 +31947,11 @@ qn = new WeakMap(), Al = new WeakSet(), nu = function() {
   }
 };
 customElements.get("nx-layout") || customElements.define("nx-layout", $f);
-var Hn, Ks, ou, au, Yc;
+var Hn, Gs, ou, au, Yc;
 class Lf extends HTMLElement {
   constructor() {
     super();
-    Y(this, Ks);
+    Y(this, Gs);
     Y(this, Hn);
     Y(this, Yc, () => {
       const t = (c) => {
@@ -31968,19 +31978,19 @@ class Lf extends HTMLElement {
     return ["columns", "rows-height"];
   }
   connectedCallback() {
-    tt(this, Hn, Array.from(this.children).filter((t) => t.tagName.toLowerCase() !== "nx-splitter")), Ge(this, Ks, au).call(this);
+    tt(this, Hn, Array.from(this.children).filter((t) => t.tagName.toLowerCase() !== "nx-splitter")), Ge(this, Gs, au).call(this);
   }
   attributeChangedCallback(t, l, c) {
-    l !== c && (t === "rows-height" && Ge(this, Ks, ou).call(this, c), f(this, Hn) && Ge(this, Ks, au).call(this));
+    l !== c && (t === "rows-height" && Ge(this, Gs, ou).call(this, c), f(this, Hn) && Ge(this, Gs, au).call(this));
   }
 }
-Hn = new WeakMap(), Ks = new WeakSet(), ou = function(t) {
+Hn = new WeakMap(), Gs = new WeakSet(), ou = function(t) {
   if (t) {
     const l = t.replace(/,/g, " ").replace(/\*/g, "1fr");
     this.style.setProperty("--rows-template", l);
   }
 }, au = function() {
-  Ge(this, Ks, ou).call(this, this.getAttribute("rows-height"));
+  Ge(this, Gs, ou).call(this, this.getAttribute("rows-height"));
   const t = f(this, Hn);
   if (!t || t.length === 0) return;
   for (; this.firstChild; )