@ninebone/grid 0.0.154 → 0.0.156

package/dist/nine-grid.js

@@ -861,7 +861,7 @@ class Mr extends HTMLElement {
   }
 }
 Gn = new WeakMap(), Kn = new WeakMap(), Zn = new WeakMap(), os = new WeakMap(), Hl = new WeakMap();
-class _i extends Mr {
+class Si extends Mr {
   constructor() {
     super();
   }
@@ -970,21 +970,21 @@ class Wu {
   }
 }
 We = new WeakMap(), zl = new WeakMap(), Ul = new WeakMap(), Vl = new WeakMap(), Wl = new WeakMap();
-var Xt, Xl, Ti, Cs, Es, Ri, As, Mi, Jn, Ii, Ni, lr, Au, Tu, Yu, Ru, Mu, Iu, Gu, Nu, Zs, Oi, Qn, to, eo, ro;
+var Xt, Xl, Ri, Cs, Es, Mi, As, Ii, Jn, Ni, Oi, lr, Au, Tu, Yu, Ru, Mu, Iu, Gu, Nu, Zs, ji, Qn, to, eo, ro;
 class Xu {
   constructor(C) {
     Y(this, lr);
     Y(this, Xt);
     Y(this, Xl);
-    Y(this, Ti);
+    Y(this, Ri);
     Y(this, Cs);
     Y(this, Es);
-    Y(this, Ri);
-    Y(this, As);
     Y(this, Mi);
-    Y(this, Jn);
+    Y(this, As);
     Y(this, Ii);
+    Y(this, Jn);
     Y(this, Ni);
+    Y(this, Oi);
     it(this, "moveCell", (C) => {
       var t = C.target.closest("th,td") || C.target.getRootNode().host.closest("th,td") || document.activeElement.closest("th,td"), l = t.closest("tr");
       l.sectionRowIndex;
@@ -1006,10 +1006,10 @@ class Xu {
       }
       switch (C.code) {
         case "Tab":
-          C.preventDefault(), n = C.shiftKey ? f(this, Zs).call(this, o, c) : f(this, Oi).call(this, o, c);
+          C.preventDefault(), n = C.shiftKey ? f(this, Zs).call(this, o, c) : f(this, ji).call(this, o, c);
           break;
         case "ArrowRight":
-          n = f(this, Oi).call(this, o, c);
+          n = f(this, ji).call(this, o, c);
           break;
         case "ArrowLeft":
           n = f(this, Zs).call(this, o, c);
@@ -1054,9 +1054,9 @@ class Xu {
           return c = H.j.querySelectorAll(r).hasClass("dummy") ? f(this, Zs).call(this, C, r.dataset.col) : r.dataset.col, !1;
       }), c;
     });
-    Y(this, Oi, (C, t) => {
+    Y(this, ji, (C, t) => {
       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, Oi).call(this, C, c)), c;
+      return H.j.querySelectorAll(o).hasClass("dummy") && (c = f(this, ji).call(this, C, c)), c;
     });
     Y(this, Qn, (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");
@@ -1111,7 +1111,7 @@ class Xu {
     it(this, "resetEvent", () => {
       document.addEventListener("contextmenu", (C) => C.preventDefault()), $(".ng-table tbody.bindable", f(this, Xt).body).off("wheel", f(this, to)), $(".ng-table tbody", f(this, Xt).body).off("keydown", "th,td", f(this, ro)), $(".ng-table tbody", f(this, Xt).body).off("mousedown", "th,td", f(this, eo)), $(".ng-table tbody.bindable", f(this, Xt).body).on("wheel", f(this, to)), $(".ng-table tbody", f(this, Xt).body).on("keydown", "th,td", f(this, ro)), $(".ng-table tbody", f(this, Xt).body).on("mousedown", "th,td", f(this, eo)), f(this, Xt).selection && f(this, Xt).selection.resetEvent();
     });
-    tt(this, Xt, C), tt(this, Cs, -1), tt(this, Es, -1), tt(this, Ri, -1), tt(this, As, -1), this.resetEvent();
+    tt(this, Xt, C), tt(this, Cs, -1), tt(this, Es, -1), tt(this, Mi, -1), tt(this, As, -1), this.resetEvent();
   }
   get matrixRow() {
     return f(this, Es);
@@ -1120,14 +1120,14 @@ class Xu {
     return f(this, As);
   }
   get currentCell() {
-    return f(this, Ti);
+    return f(this, Ri);
   }
   set currentCell(C) {
     if (!C) return;
-    tt(this, Xl, f(this, Ti)), tt(this, Ti, C), C.focus();
+    tt(this, Xl, f(this, Ri)), tt(this, Ri, C), C.focus();
     var t = C.closest("tr");
     tt(this, lr, parseInt(t.dataset.row) * f(this, Xt).template.length + t.sectionRowIndex % f(this, Xt).template.length, Tu), tt(this, lr, parseInt(C.dataset.col), Iu), tt(this, lr, C.cellIndex, Ru), tt(this, lr, C.dataset.bind, Nu), t.closest("tbody.fixed") || (f(this, Xt).row.at = C.dataset.row), f(this, Xt).selection.selectCell(f(this, lr, Au), f(this, lr, Mu));
-    const l = C, c = parseInt(l.dataset.row), o = parseInt(l.dataset.matrixRow) % parseInt(l.dataset.row), r = parseInt(l.dataset.col), n = l.cellIndex, s = parseInt(f(this, Cs) / f(this, Xt).template.length), e = parseInt(f(this, Cs)) % parseInt(f(this, Cs) / f(this, Xt).template.length), i = f(this, Ri), u = f(this, Jn);
+    const l = C, c = parseInt(l.dataset.row), o = parseInt(l.dataset.matrixRow) % parseInt(l.dataset.row), r = parseInt(l.dataset.col), n = l.cellIndex, s = parseInt(f(this, Cs) / f(this, Xt).template.length), e = parseInt(f(this, Cs)) % parseInt(f(this, Cs) / f(this, Xt).template.length), i = f(this, Mi), u = f(this, Jn);
     if (c != s || o != e || r != i) {
       const a = new CustomEvent(H.EVENT.CELL_POS_CHANGED, { bubbles: !0, detail: {} });
       a.col = r, a.cellIndex = n, a.row = c, a.subrow = o, a.bind = l.dataset.bind, a.prev = {
@@ -1136,7 +1136,7 @@ class Xu {
         col: i,
         row: s,
         subrow: e,
-        bind: f(this, Ii)
+        bind: f(this, Ni)
       }, f(this, Xt).dispatchEvent(a);
     }
     if (c != s) {
@@ -1146,34 +1146,34 @@ class Xu {
         cellIndex: u,
         row: s,
         subrow: e,
-        bind: f(this, Ii)
+        bind: f(this, Ni)
       }, f(this, Xt).dispatchEvent(a);
     }
   }
 }
-Xt = new WeakMap(), Xl = new WeakMap(), Ti = new WeakMap(), Cs = new WeakMap(), Es = new WeakMap(), Ri = new WeakMap(), As = new WeakMap(), Mi = new WeakMap(), Jn = new WeakMap(), Ii = new WeakMap(), Ni = new WeakMap(), lr = new WeakSet(), Au = function() {
+Xt = new WeakMap(), Xl = new WeakMap(), Ri = new WeakMap(), Cs = new WeakMap(), Es = new WeakMap(), Mi = new WeakMap(), As = new WeakMap(), Ii = new WeakMap(), Jn = new WeakMap(), Ni = new WeakMap(), Oi = new WeakMap(), lr = new WeakSet(), Au = function() {
   return f(this, Es);
 }, Tu = function(C) {
   tt(this, Cs, f(this, Es)), tt(this, Es, parseInt(C));
 }, Yu = function() {
-  return f(this, Mi);
+  return f(this, Ii);
 }, Ru = function(C) {
-  tt(this, Jn, f(this, Mi)), tt(this, Mi, parseInt(C));
+  tt(this, Jn, f(this, Ii)), tt(this, Ii, parseInt(C));
 }, Mu = function() {
   return f(this, As);
 }, Iu = function(C) {
-  tt(this, Ri, f(this, As)), tt(this, As, parseInt(C));
+  tt(this, Mi, f(this, As)), tt(this, As, parseInt(C));
 }, Gu = function() {
-  return f(this, Ni);
+  return f(this, Oi);
 }, Nu = function(C) {
-  tt(this, Ii, f(this, Ni)), tt(this, Ni, C);
-}, Zs = new WeakMap(), Oi = new WeakMap(), Qn = new WeakMap(), to = new WeakMap(), eo = new WeakMap(), ro = new WeakMap();
-var kt, wr, ji, Yl, so;
+  tt(this, Ni, f(this, Oi)), tt(this, Oi, C);
+}, Zs = new WeakMap(), ji = new WeakMap(), Qn = new WeakMap(), to = new WeakMap(), eo = new WeakMap(), ro = new WeakMap();
+var kt, wr, $i, Yl, so;
 class Ku {
   constructor(C) {
     Y(this, kt);
     Y(this, wr);
-    Y(this, ji);
+    Y(this, $i);
     it(this, "getActiveCell", () => {
       var C = this.selected.currentRow, t = this.selected.currentCol, l = parseInt(this.selected.currentMatrixRow % f(this, kt).template.length), c = $(`tbody.bindable [data-row=${C}]`, f(this, kt).body).find(`[data-col=${t}]`).not(".dummy").eq(l);
       return c.length > 0 ? c[0] : null;
@@ -1263,13 +1263,13 @@ class Ku {
         const m = parseInt(h.dataset.row) * f(this, kt).template.length + p.sectionRowIndex % f(this, kt).template.length, d = parseInt(h.dataset.col);
         this.selectArea(c, o, m, d), r = { row: p.sectionRowIndex, col: h.dataset.col };
       }, s = (a) => {
-        f(this, kt).body.querySelector("ng-vscrollbar").stopScroll(), clearInterval(f(this, ji)), $(".ng-table tbody.bindable", f(this, kt).body).off("mousemove", n), $(".ng-table tbody.bindable", f(this, kt).body).off("mouseenter", e), $(".ng-table tbody.bindable", f(this, kt).body).off("mouseleave", i), $(document).off("mousemove", u), $(document).off("mouseup", s);
+        f(this, kt).body.querySelector("ng-vscrollbar").stopScroll(), clearInterval(f(this, $i)), $(".ng-table tbody.bindable", f(this, kt).body).off("mousemove", n), $(".ng-table tbody.bindable", f(this, kt).body).off("mouseenter", e), $(".ng-table tbody.bindable", f(this, kt).body).off("mouseleave", i), $(document).off("mousemove", u), $(document).off("mouseup", s);
       }, e = (a) => {
-        clearInterval(f(this, ji)), $(document).off("mousemove", u);
+        clearInterval(f(this, $i)), $(document).off("mousemove", u);
       }, i = (a) => {
         const h = $(".ng-container-body", f(this, kt).body), p = h.find("thead"), m = h.find("tfoot");
         var d;
-        parseInt(a.pageY) >= parseInt(h.offset().top + h.height() - m.height()) ? d = 1 : parseInt(a.pageY) <= parseInt(h.offset().top + p.height()) && (d = -1), this.selected.col = this.selected.startCol, d && ($(document).on("mousemove", u), tt(this, ji, setInterval(() => {
+        parseInt(a.pageY) >= parseInt(h.offset().top + h.height() - m.height()) ? d = 1 : parseInt(a.pageY) <= parseInt(h.offset().top + p.height()) && (d = -1), this.selected.col = this.selected.startCol, d && ($(document).on("mousemove", u), tt(this, $i, setInterval(() => {
           if (d > 0) {
             this.selected.endRow = h.find("tbody.bindable tr:last-child")[0].sectionRowIndex + f(this, kt).dataManager.viewRecords.rawIndex * f(this, kt).template.length;
             const b = parseInt(this.selected.startRow / f(this, kt).template.length), g = parseInt(this.selected.endRow / f(this, kt).template.length);
@@ -1407,7 +1407,7 @@ class Ku {
     return this.selected.endCol;
   }
 }
-kt = new WeakMap(), wr = new WeakMap(), ji = new WeakMap(), Yl = new WeakMap(), so = new WeakMap();
+kt = new WeakMap(), wr = new WeakMap(), $i = new WeakMap(), Yl = new WeakMap(), so = new WeakMap();
 var Ot, as, io, no, oo, Ir, ao, lo, cr, ho, Gl, Kl, Zl, Jl, Ql, th, co, uo, fo, po;
 class Zu {
   constructor(C) {
@@ -1568,18 +1568,18 @@ class Zu {
   }
 }
 Ot = new WeakMap(), as = new WeakMap(), io = new WeakMap(), no = new WeakMap(), oo = new WeakMap(), Ir = new WeakMap(), ao = new WeakMap(), lo = new WeakMap(), cr = new WeakMap(), ho = new WeakMap(), Gl = new WeakMap(), Kl = new WeakMap(), Zl = new WeakMap(), Jl = new WeakMap(), Ql = new WeakMap(), th = new WeakMap(), co = new WeakMap(), uo = new WeakMap(), fo = new WeakMap(), po = new WeakMap();
-var eh, rh, $i, mo, Li;
+var eh, rh, Li, mo, Pi;
 class Ju extends Mr {
   constructor() {
     super();
     Y(this, eh);
     Y(this, rh);
-    Y(this, $i);
-    Y(this, mo);
     Y(this, Li);
+    Y(this, mo);
+    Y(this, Pi);
     it(this, "dataRefresh", (t) => {
       var l = this.cell.closest("tr").data;
-      for (var c of f(this, Li).data.datasets) {
+      for (var c of f(this, Pi).data.datasets) {
         var t = l[c["data-bind"]];
         switch (typeof t) {
           case "string":
@@ -1590,7 +1590,7 @@ class Ju extends Mr {
             break;
         }
       }
-      $(f(this, $i)).height(28), setTimeout(() => {
+      $(f(this, Li)).height(28), setTimeout(() => {
         f(this, mo).update();
       }), t || this.reset();
     });
@@ -1624,11 +1624,11 @@ class Ju extends Mr {
 				}
 			</style>
 			<canvas class="chart" width="${$(this).width()}" height="${$(this).height() - 4}"></canvas>
-		`, super.connectedCallback(), tt(this, $i, this.shadowRoot.querySelector("canvas.chart"));
+		`, super.connectedCallback(), tt(this, Li, this.shadowRoot.querySelector("canvas.chart"));
     var t = JSON.parse(this.getAttribute("labels")), l = JSON.parse(this.getAttribute("datasets"));
     for (var c of l)
       c.data = new Array(t.length);
-    tt(this, Li, {
+    tt(this, Pi, {
       type: "line",
       data: {
         labels: t,
@@ -1647,22 +1647,22 @@ class Ju extends Mr {
           y: { display: !1 }
         }
       }
-    }), tt(this, mo, new Chart(f(this, $i), f(this, Li)));
+    }), tt(this, mo, new Chart(f(this, Li), f(this, Pi)));
   }
 }
-eh = new WeakMap(), rh = new WeakMap(), $i = new WeakMap(), mo = new WeakMap(), Li = new WeakMap();
+eh = new WeakMap(), rh = new WeakMap(), Li = new WeakMap(), mo = new WeakMap(), Pi = new WeakMap();
 customElements.get("ng-line-chart") || customElements.define("ng-line-chart", Ju);
-var Pi, Di, go, Bi, Fi;
-class Qu extends _i {
+var Di, Bi, go, Fi, qi;
+class Qu extends Si {
   constructor() {
     super();
-    Y(this, Pi);
     Y(this, Di);
-    Y(this, go);
     Y(this, Bi);
+    Y(this, go);
     Y(this, Fi);
+    Y(this, qi);
     it(this, "dataRefresh", (t) => {
-      this.closest("tbody") && (H.isNull(this.value) || this.value == this.trueValue || this.value == this.falseValue ? H.j.querySelectorAll(this).removeClass("invalid") : H.j.querySelectorAll(this).addClass("invalid"), $(f(this, Pi)).prop("checked", this.value == this.trueValue), f(this, Di) && $(f(this, Di)).html(this.value == this.trueValue ? f(this, Bi) : this.value == this.falseValue ? f(this, Fi) : this.value), t || this.reset());
+      this.closest("tbody") && (H.isNull(this.value) || this.value == this.trueValue || this.value == this.falseValue ? H.j.querySelectorAll(this).removeClass("invalid") : H.j.querySelectorAll(this).addClass("invalid"), $(f(this, Di)).prop("checked", this.value == this.trueValue), f(this, Bi) && $(f(this, Bi)).html(this.value == this.trueValue ? f(this, Fi) : this.value == this.falseValue ? f(this, qi) : this.value), t || this.reset());
     });
     it(this, "selectAll", (t) => {
       var l = this.getAttribute("enable") || this.cell.getAttribute("enable"), c = this.getAttribute("readonly") || this.cell.getAttribute("readonly"), o = this.getAttribute("visible") || this.cell.getAttribute("visible");
@@ -1673,7 +1673,7 @@ class Qu extends _i {
         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, Bi, this.getAttribute("true-text") || ""), tt(this, Fi, this.getAttribute("false-text") || ""), tt(this, go, this.getAttribute("is-radio") == "true");
+    this.trueValue = this.getAttribute("true-value") || "Y", this.falseValue = this.getAttribute("false-value") || "N", tt(this, Fi, this.getAttribute("true-text") || ""), tt(this, qi, this.getAttribute("false-text") || ""), tt(this, go, 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, go) ? `<input type="radio" value="${this.trueValue}">` : '<input type="checkbox">') + "<span></span></label>";
@@ -1701,7 +1701,7 @@ class Qu extends _i {
 			<div class="ng-wrap">
 				${r}
 			</div>
-		`, super.connectedCallback(), tt(this, Pi, this.shadowRoot.querySelector("input")), tt(this, Di, this.shadowRoot.querySelector("span")), this.closest("thead") && $(f(this, Pi)).on("change", (n) => {
+		`, super.connectedCallback(), tt(this, Di, this.shadowRoot.querySelector("input")), tt(this, Bi, this.shadowRoot.querySelector("span")), this.closest("thead") && $(f(this, Di)).on("change", (n) => {
       var s = this.owner.body.querySelector(`.ng-table tbody.bindable [data-col="${this.cell.dataset.col}"]`);
       s && s.querySelector("ng-checkbox").selectAll($(n.target).is(":checked"));
     }), $(this.cell).on("keydown", (n) => {
@@ -1713,19 +1713,19 @@ class Qu extends _i {
     });
   }
   get dataSource() {
-    return [{ value: this.trueValue, text: f(this, Bi) }, { value: this.falseValue, text: f(this, Fi) }];
+    return [{ value: this.trueValue, text: f(this, Fi) }, { value: this.falseValue, text: f(this, qi) }];
   }
 }
-Pi = new WeakMap(), Di = new WeakMap(), go = new WeakMap(), Bi = new WeakMap(), Fi = new WeakMap();
+Di = new WeakMap(), Bi = new WeakMap(), go = new WeakMap(), Fi = new WeakMap(), qi = new WeakMap();
 customElements.get("ng-checkbox") || customElements.define("ng-checkbox", Qu);
-var Js, Pr, bo, qi, yo, sh;
+var Js, Pr, bo, Hi, yo, sh;
 class td extends HTMLElement {
   constructor() {
     super();
     Y(this, Js);
     Y(this, Pr);
     Y(this, bo);
-    Y(this, qi);
+    Y(this, Hi);
     Y(this, yo, (t) => {
       t.preventDefault(), t.stopPropagation(), H.j.querySelectorAll(this).hasClass("expand") ? f(this, sh).call(this) : this.expand();
     });
@@ -1734,15 +1734,15 @@ class td 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, Js).columns.width(t + c, f(this, qi)[c]);
+        f(this, Js).columns.width(t + c, f(this, Hi)[c]);
     });
     Y(this, sh, () => {
       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, qi, []);
+      $(this).removeClass("expand"), tt(this, bo, f(this, Pr).style.color), f(this, Pr).style.color = "transparent", tt(this, Hi, []);
       const t = parseInt(f(this, Pr).dataset.col), l = f(this, Pr).colSpan || 1, c = 20 / l;
       for (var o = 0; o < l; o++) {
         const r = f(this, Js).body.querySelector(`colgroup col[data-col="${t + o}"]`);
-        f(this, qi).push(r.getAttribute("width")), f(this, Js).columns.width(t + o, c);
+        f(this, Hi).push(r.getAttribute("width")), f(this, Js).columns.width(t + o, c);
       }
     });
     this.attachShadow({ mode: "open" });
@@ -1756,7 +1756,7 @@ class td extends HTMLElement {
 		`, tt(this, Js, 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));
   }
 }
-Js = new WeakMap(), Pr = new WeakMap(), bo = new WeakMap(), qi = new WeakMap(), yo = new WeakMap(), sh = new WeakMap();
+Js = new WeakMap(), Pr = new WeakMap(), bo = new WeakMap(), Hi = new WeakMap(), yo = new WeakMap(), sh = new WeakMap();
 customElements.get("ng-col-expand") || customElements.define("ng-col-expand", td);
 class ed extends HTMLElement {
   constructor() {
@@ -1834,7 +1834,7 @@ class rd extends HTMLElement {
 }
 customElements.get("ng-col-mover-grip") || customElements.define("ng-col-mover-grip", ed);
 customElements.get("ng-col-mover-indi") || customElements.define("ng-col-mover-indi", rd);
-var we, Nr, Dr, vo, xr, Hi, Br, wo, cu, xo, uu, _o, So, zi, Ui, ko;
+var we, Nr, Dr, vo, xr, zi, Br, wo, cu, xo, uu, _o, So, Ui, Vi, ko;
 class sd {
   constructor(C) {
     Y(this, we);
@@ -1842,12 +1842,12 @@ class sd {
     Y(this, Dr);
     Y(this, vo);
     Y(this, xr);
-    Y(this, Hi);
+    Y(this, zi);
     Y(this, Br);
     it(this, "resetEvent", () => {
-      $(document).off("mouseup", f(this, zi)), $(".ng-table thead", f(this, we).body).off("mousedown", f(this, _o)), f(this, we).body.querySelectorAll(".ng-table thead").forEach((C) => {
+      $(document).off("mouseup", f(this, Ui)), $(".ng-table thead", f(this, we).body).off("mousedown", f(this, _o)), f(this, we).body.querySelectorAll(".ng-table thead").forEach((C) => {
         C.removeEventListener("click", f(this, wo));
-      }), $(document).on("mouseup", f(this, zi)), $(".ng-table thead", f(this, we).body).on("mousedown", f(this, _o)), f(this, we).body.querySelectorAll(".ng-table thead").forEach((C) => {
+      }), $(document).on("mouseup", f(this, Ui)), $(".ng-table thead", f(this, we).body).on("mousedown", f(this, _o)), f(this, we).body.querySelectorAll(".ng-table thead").forEach((C) => {
         C.addEventListener("click", f(this, wo));
       });
     });
@@ -1895,14 +1895,14 @@ class sd {
     });
     Y(this, xo, (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, Ui).call(this, C);
+      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, Vi).call(this, C);
     });
     Y(this, uu, (C) => {
-      C.clientX = C.changedTouches[0].clientX, f(this, zi).call(this, C);
+      C.clientX = C.changedTouches[0].clientX, f(this, Ui).call(this, C);
     });
     Y(this, _o, (C) => {
-      H.j.querySelectorAll(f(this, we)).attr("col-movable") == "true" && C.target.tagName != "NG-FILTER-BUTTON" && (tt(this, Hi, !0), setTimeout(() => {
-        f(this, Hi) && f(this, So).call(this, C);
+      H.j.querySelectorAll(f(this, we)).attr("col-movable") == "true" && C.target.tagName != "NG-FILTER-BUTTON" && (tt(this, zi, !0), setTimeout(() => {
+        f(this, zi) && f(this, So).call(this, C);
       }, 500));
     });
     Y(this, So, (C) => {
@@ -1919,18 +1919,18 @@ class sd {
         //target : e.target.closest("th,td"),
       }), tt(this, vo, 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, Ui)), f(this, ko).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, Vi)), f(this, ko).call(this, C.pageX);
       const o = f(this, we).tableUtils.getElement("thead", f(this, xr).row, C.clientX);
       f(this, Dr).height($(o).height());
     });
-    Y(this, zi, (C) => {
-      if (tt(this, Hi, !1), $(document).off("mousemove", f(this, Ui)), $(document).off("touchmove", f(this, xo)), f(this, Br) && $(f(this, Br).target).css({ cursor: f(this, Br).cursor }), f(this, xr)) {
+    Y(this, Ui, (C) => {
+      if (tt(this, zi, !1), $(document).off("mousemove", f(this, Vi)), $(document).off("touchmove", f(this, xo)), f(this, Br) && $(f(this, Br).target).css({ cursor: f(this, Br).cursor }), f(this, xr)) {
         var t = f(this, we).tableUtils.getElement("thead", f(this, xr).row, C.clientX);
         f(this, we).columns.moveColumn(f(this, xr).target, t);
       }
       tt(this, Br, null), tt(this, xr, null), f(this, Nr).hide(), f(this, Dr).hide();
     });
-    Y(this, Ui, (C) => {
+    Y(this, Vi, (C) => {
       if (f(this, xr) != null) {
         f(this, Br) && $(f(this, Br).target).css({ cursor: f(this, Br).cursor }), tt(this, Br, { target: C.target, cursor: $(C.target).css("cursor") }), $(C.target).css({ cursor: C.target.closest("thead") || C.target.tagName == "ng-col-mover-grip" ? "move" : "not-allowed" });
         var t = f(this, we).tableUtils.getElement("thead", f(this, xr).row, C.clientX);
@@ -1952,8 +1952,8 @@ class sd {
     tt(this, we, C), $(".ng-container", f(this, we).body).append($("<ng-col-mover-grip></ng-col-mover-grip>").hide()).append($("<ng-col-mover-indi></ng-col-mover-indi>").hide()), tt(this, Nr, $("ng-col-mover-grip", f(this, we).body)), tt(this, Dr, $("ng-col-mover-indi", f(this, we).body)), this.resetEvent();
   }
 }
-we = new WeakMap(), Nr = new WeakMap(), Dr = new WeakMap(), vo = new WeakMap(), xr = new WeakMap(), Hi = new WeakMap(), Br = new WeakMap(), wo = new WeakMap(), cu = new WeakMap(), xo = new WeakMap(), uu = new WeakMap(), _o = new WeakMap(), So = new WeakMap(), zi = new WeakMap(), Ui = new WeakMap(), ko = new WeakMap();
-var Me, _r, Sr, Ts, Rs, Fr, kr, Ms, Is, Co, Eo, Ao, du, To, ih, Ro, Vi, Wi, Xi, Qs, Yi, nh;
+we = new WeakMap(), Nr = new WeakMap(), Dr = new WeakMap(), vo = new WeakMap(), xr = new WeakMap(), zi = new WeakMap(), Br = new WeakMap(), wo = new WeakMap(), cu = new WeakMap(), xo = new WeakMap(), uu = new WeakMap(), _o = new WeakMap(), So = new WeakMap(), Ui = new WeakMap(), Vi = new WeakMap(), ko = new WeakMap();
+var Me, _r, Sr, Ts, Rs, Fr, kr, Ms, Is, Co, Eo, Ao, du, To, ih, Ro, Wi, Xi, Yi, Qs, Gi, nh;
 class id {
   constructor(C) {
     Y(this, Me);
@@ -2016,7 +2016,7 @@ class id {
     Y(this, ih, (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, Ro).call(this, C), f(this, _r).is(":visible") ? ($(C.target).on("touchmove", (l) => f(this, Vi).call(this, l)), $(C.target).on("touchend", (l) => f(this, Xi).call(this, l))) : ($(C.target).off("touchmove", (l) => f(this, Vi).call(this, l)), $(C.target).off("touchend", (l) => f(this, Xi).call(this, l)));
+      C.offsetX = C.targetTouches[0].pageX - t.left, C.pageX = C.changedTouches[0].pageX, C.buttons = 1, f(this, Ro).call(this, C), f(this, _r).is(":visible") ? ($(C.target).on("touchmove", (l) => f(this, Wi).call(this, l)), $(C.target).on("touchend", (l) => f(this, Yi).call(this, l))) : ($(C.target).off("touchmove", (l) => f(this, Wi).call(this, l)), $(C.target).off("touchend", (l) => f(this, Yi).call(this, l)));
     });
     Y(this, Ro, (C) => {
       if (C.target = C.target.closest("th,td"), !(C.buttons != 1 || C.altKey || C.ctrlKey || C.shiftkey)) {
@@ -2028,26 +2028,26 @@ class id {
           var l = parseInt(C.target.dataset.col) + C.target.colSpan - 1, t = $(`.col-indicator[data-col=${l}]`, f(this, Me).body).not(".dummy")[0];
           tt(this, Fr, $(t)), tt(this, kr, f(this, Me).tableUtils.next(t));
         }
-        f(this, _r).show(), f(this, Sr).offset({ top: $(".ng-container-body", f(this, Me).body).offset().top, left: f(this, kr).offset().left - 1 }), f(this, Sr).height(f(this, Me).body.querySelector(".ng-container-body").offsetHeight), f(this, Ts).offset({ top: $(".ng-container-body", f(this, Me).body).offset().top }), f(this, Yi).call(this, C.pageX), $(f(this, _r)).off("mousemove", f(this, Wi)).off("mouseup", f(this, Qs)).on("mousemove", f(this, Wi)).on("mouseup", f(this, Qs));
+        f(this, _r).show(), f(this, Sr).offset({ top: $(".ng-container-body", f(this, Me).body).offset().top, left: f(this, kr).offset().left - 1 }), f(this, Sr).height(f(this, Me).body.querySelector(".ng-container-body").offsetHeight), f(this, Ts).offset({ top: $(".ng-container-body", f(this, Me).body).offset().top }), f(this, Gi).call(this, C.pageX), $(f(this, _r)).off("mousemove", f(this, Xi)).off("mouseup", f(this, Qs)).on("mousemove", f(this, Xi)).on("mouseup", f(this, Qs));
       }
     });
-    Y(this, Vi, (C) => {
-      f(this, Yi).call(this, C.changedTouches[0].pageX);
-    });
     Y(this, Wi, (C) => {
-      f(this, Yi).call(this, C.pageX);
+      f(this, Gi).call(this, C.changedTouches[0].pageX);
     });
     Y(this, Xi, (C) => {
-      $(C.target).off("touchmove", (t) => f(this, Vi).call(this, t)), $(C.target).off("touchend", (t) => f(this, Xi).call(this, t)), f(this, Qs).call(this, C);
+      f(this, Gi).call(this, C.pageX);
+    });
+    Y(this, Yi, (C) => {
+      $(C.target).off("touchmove", (t) => f(this, Wi).call(this, t)), $(C.target).off("touchend", (t) => f(this, Yi).call(this, t)), f(this, Qs).call(this, C);
     });
     Y(this, Qs, (C) => {
       if (!f(this, Sr).is(":visible")) return;
       var t;
       f(this, Ms) ? t = f(this, kr).offset().left - f(this, Sr).offset().left + f(this, kr).width() : t = f(this, Sr).offset().left - f(this, Fr).offset().left + 1, t <= 1 && (t = 0);
       const l = f(this, Ms) ? f(this, kr)[0].dataset.col : f(this, Fr)[0].dataset.col;
-      f(this, Me).columns.width(l, t), $(f(this, _r)).off("mousemove", f(this, Wi)), $(f(this, _r)).off("mouseup", f(this, Qs)), f(this, _r).hide();
+      f(this, Me).columns.width(l, t), $(f(this, _r)).off("mousemove", f(this, Xi)), $(f(this, _r)).off("mouseup", f(this, Qs)), f(this, _r).hide();
     });
-    Y(this, Yi, (C) => {
+    Y(this, Gi, (C) => {
       !f(this, Ms) && C < f(this, Fr).offset().left && (C = f(this, Fr).offset().left), f(this, Sr).offset({ left: C });
       var t = parseInt(f(this, Sr).offset().left), l, c, o;
       f(this, Ms) ? (c = f(this, kr).width() + f(this, kr).offset().left - f(this, Sr).offset().left, o = c < 10 ? 10 : c - 1, l = parseInt(f(this, kr).width() + f(this, kr).offset().left - f(this, Sr).offset().left)) : (c = parseInt(t - f(this, Fr).offset().left), o = c, l = parseInt(t - f(this, Fr).offset().left + 1), t = t - o), l <= 1 && (l = 0), f(this, Ts).offset({ left: t }), f(this, Ts).width(o), f(this, Ts).find("span").text(l);
@@ -2059,8 +2059,8 @@ class id {
     tt(this, Me, C), tt(this, _r, $('<div class="resizer-col-panel"><div class="grip"></div><div class="tooltip"><div></div><span></span><div></div></div></div>').hide()), $(f(this, Me).body).append(f(this, _r)), tt(this, Sr, f(this, _r).find(".grip")), tt(this, Ts, f(this, _r).find(".tooltip")), this.resetEvent();
   }
 }
-Me = new WeakMap(), _r = new WeakMap(), Sr = new WeakMap(), Ts = new WeakMap(), Rs = new WeakMap(), Fr = new WeakMap(), kr = new WeakMap(), Ms = new WeakMap(), Is = new WeakMap(), Co = new WeakMap(), Eo = new WeakMap(), Ao = new WeakMap(), du = new WeakMap(), To = new WeakMap(), ih = new WeakMap(), Ro = new WeakMap(), Vi = new WeakMap(), Wi = new WeakMap(), Xi = new WeakMap(), Qs = new WeakMap(), Yi = new WeakMap(), nh = new WeakMap();
-var ue, ti, Or, Gi, Mo, oh;
+Me = new WeakMap(), _r = new WeakMap(), Sr = new WeakMap(), Ts = new WeakMap(), Rs = new WeakMap(), Fr = new WeakMap(), kr = new WeakMap(), Ms = new WeakMap(), Is = new WeakMap(), Co = new WeakMap(), Eo = new WeakMap(), Ao = new WeakMap(), du = new WeakMap(), To = new WeakMap(), ih = new WeakMap(), Ro = new WeakMap(), Wi = new WeakMap(), Xi = new WeakMap(), Yi = new WeakMap(), Qs = new WeakMap(), Gi = new WeakMap(), nh = new WeakMap();
+var ue, ti, Or, Ki, Mo, oh;
 class nd {
   constructor(C) {
     Y(this, ue);
@@ -2088,7 +2088,7 @@ class nd {
         c = c.concat(Array.from(C.querySelectorAll(`[data-col="${o}"]:not(.dummy)`)));
       return c;
     });
-    Y(this, Gi, (C, t, l) => {
+    Y(this, Ki, (C, t, l) => {
       const c = (r, n) => {
         const s = parseInt(n.dataset.col);
         return r.closest("thead,tbody,tfoot"), r.querySelector(`[data-col="${s}"]`);
@@ -2151,20 +2151,20 @@ class nd {
         for (var i of e) {
           H.j.querySelectorAll(i).addClass("tmp");
           const b = i.closest("tr").rowIndex, g = r.querySelectorAll("tr")[b];
-          var u = f(this, Gi).call(this, g, C, t);
+          var u = f(this, Ki).call(this, g, C, t);
           u ? g.insertBefore(i, u) : g.appendChild(i);
         }
       for (var e of [c.org.thead.cells, c.org.tfoot.cells, c.org.tbody.cells, c.org.fixed.cells])
         for (var i of e) {
           H.j.querySelectorAll(i).addClass("tmp");
           const S = i.closest("table"), E = i.closest("tr").rowIndex, I = S.querySelectorAll("tr")[E];
-          var u = f(this, Gi).call(this, I, C, t);
+          var u = f(this, Ki).call(this, I, C, t);
           u ? I.insertBefore(i, u) : I.appendChild(i);
         }
       for (var i of c.template.cells) {
         H.j.querySelectorAll(i).addClass("tmp");
         const g = i.closest("tr");
-        var u = f(this, Gi).call(this, g, C, t);
+        var u = f(this, Ki).call(this, g, C, t);
         u ? g.insertBefore(i, u) : g.appendChild(i);
       }
       var a;
@@ -2259,27 +2259,27 @@ class nd {
     tt(this, ue, C);
   }
 }
-ue = new WeakMap(), ti = new WeakMap(), Or = new WeakMap(), Gi = new WeakMap(), Mo = new WeakMap(), oh = new WeakMap();
+ue = new WeakMap(), ti = new WeakMap(), Or = new WeakMap(), Ki = new WeakMap(), Mo = new WeakMap(), oh = new WeakMap();
 class od extends Hu.constructor {
   constructor() {
     super(), this.init("nine-grid", "green");
   }
 }
 const ad = new od();
-var ah, Ki, Le, rr, Io, Ns, ei, Zi, lh, hh, ch, uh, fu;
-class ld extends _i {
+var ah, Zi, Le, rr, Io, Ns, ei, Ji, lh, hh, ch, uh, fu;
+class ld extends Si {
   constructor() {
     super();
     Y(this, ah, 10);
-    Y(this, Ki);
+    Y(this, Zi);
     Y(this, Le);
     Y(this, rr);
     Y(this, Io);
     Y(this, Ns);
     Y(this, ei);
-    Y(this, Zi);
+    Y(this, Ji);
     it(this, "dataRefresh", (t) => {
-      f(this, rr) && (f(this, lh).call(this) ? H.j.querySelectorAll(this).removeClass("invalid") : H.j.querySelectorAll(this).addClass("invalid")), f(this, Ki).innerHTML = this.getDisplayText() || "Select", t || this.reset();
+      f(this, rr) && (f(this, lh).call(this) ? H.j.querySelectorAll(this).removeClass("invalid") : H.j.querySelectorAll(this).addClass("invalid")), f(this, Zi).innerHTML = this.getDisplayText() || "Select", t || this.reset();
     });
     Y(this, lh, () => {
       if (H.isNull(this.value)) return !0;
@@ -2299,7 +2299,7 @@ class ld extends _i {
     });
     Y(this, ch, (t) => {
       if (console.log(f(this, rr)), !!f(this, rr)) {
-        console.log(f(this, rr)), f(this, Le).col = this.cell.dataset.col, f(this, Le).row = this.cell.closest("tr").sectionRowIndex, f(this, rr).length > f(this, ah) ? H.j.querySelectorAll(f(this, Le)).addClass("expand") : H.j.querySelectorAll(f(this, Le)).removeClass("expand"), this.multi ? H.j.querySelectorAll(f(this, Le)).addClass("multi") : H.j.querySelectorAll(f(this, Le)).removeClass("multi"), f(this, Le).refresh(this, f(this, rr), f(this, Ns), f(this, Zi));
+        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, ah) ? H.j.querySelectorAll(f(this, Le)).addClass("expand") : H.j.querySelectorAll(f(this, Le)).removeClass("expand"), this.multi ? H.j.querySelectorAll(f(this, Le)).addClass("multi") : H.j.querySelectorAll(f(this, Le)).removeClass("multi"), f(this, Le).refresh(this, f(this, rr), f(this, Ns), f(this, Ji));
         var l = $(".btn1", this.shadowRoot).offset().left - $(this.owner).offset().left;
         l + $(f(this, Le)).width() > $(this.owner).width() && (l = $(".btn2", this.shadowRoot).offset().left - $(this.owner).offset().left - $(f(this, Le)).width() + 8), l < 0 && (l = 0);
         var c = Math.min(f(this, rr).length, f(this, Io)) * 26;
@@ -2321,7 +2321,7 @@ class ld extends _i {
     Y(this, fu, () => "a");
   }
   connectedCallback() {
-    this.multi = this.getAttribute("multi") == "true", this.multiSeparator = this.getAttribute("multi-separator") || ",", tt(this, Io, this.getAttribute("rows") || 5), tt(this, Ns, this.getAttribute("code") || "code"), tt(this, ei, this.getAttribute("codename") || "codename"), tt(this, Zi, (this.getAttribute("items") || f(this, ei) || "").split(",")), f(this, Zi).unshift("CHK");
+    this.multi = this.getAttribute("multi") == "true", this.multiSeparator = this.getAttribute("multi-separator") || ",", tt(this, Io, this.getAttribute("rows") || 5), tt(this, Ns, this.getAttribute("code") || "code"), tt(this, ei, this.getAttribute("codename") || "codename"), tt(this, Ji, (this.getAttribute("items") || f(this, ei) || "").split(",")), f(this, Ji).unshift("CHK");
     var t = this.querySelector("datalist");
     t && (tt(this, rr, []), t.querySelectorAll("option").forEach((n) => {
       const s = n.getAttribute(f(this, Ns)), e = n.getAttribute(f(this, ei));
@@ -2339,10 +2339,10 @@ class ld extends _i {
 			<button class="btn2" tabindex="-1"></button>
 		`, super.connectedCallback();
     const l = this.closest("th,td"), c = this.getAttribute("data-source");
-    c && this.owner && this.owner.exprFunction && (this.owner[c] ? tt(this, rr, this.owner[c]) : tt(this, rr, this.owner.exprFunction(c).call(this, this.owner.data.get(this.cell.dataset.row), this.cell.dataset.row))), l && l.dataset && f(this, rr) && !l.dataset.expr && (l.dataset.expr = "comboExpr()"), f(this, hh).call(this), f(this, Le), tt(this, Ki, this.shadowRoot.querySelector(".btn1"));
+    c && this.owner && this.owner.exprFunction && (this.owner[c] ? tt(this, rr, this.owner[c]) : tt(this, rr, this.owner.exprFunction(c).call(this, this.owner.data.get(this.cell.dataset.row), this.cell.dataset.row))), l && l.dataset && f(this, rr) && !l.dataset.expr && (l.dataset.expr = "comboExpr()"), f(this, hh).call(this), f(this, Le), tt(this, Zi, this.shadowRoot.querySelector(".btn1"));
     var o = this.closest("th,td").dataset.col, r = this.closest("tr").sectionRowIndex;
     $(this.cell).on("keydown", (n) => {
-      n.code == "Enter" && $(f(this, Ki)).trigger("click");
+      n.code == "Enter" && $(f(this, Zi)).trigger("click");
     }), $("button", this.shadowRoot).on("click", (n) => {
       f(this, Le).row == r && f(this, Le).col == o ? f(this, uh).call(this, n) : f(this, ch).call(this, n);
     });
@@ -2351,8 +2351,8 @@ class ld extends _i {
     return f(this, rr);
   }
 }
-ah = new WeakMap(), Ki = new WeakMap(), Le = new WeakMap(), rr = new WeakMap(), Io = new WeakMap(), Ns = new WeakMap(), ei = new WeakMap(), Zi = new WeakMap(), lh = new WeakMap(), hh = new WeakMap(), ch = new WeakMap(), uh = new WeakMap(), fu = new WeakMap();
-var No, Pe, Os, ri, Ji, dh, Oo, fh, jo, Qi, pu, ph, mh;
+ah = new WeakMap(), Zi = new WeakMap(), Le = new WeakMap(), rr = new WeakMap(), Io = new WeakMap(), Ns = new WeakMap(), ei = new WeakMap(), Ji = new WeakMap(), lh = new WeakMap(), hh = new WeakMap(), ch = new WeakMap(), uh = new WeakMap(), fu = new WeakMap();
+var No, Pe, Os, ri, Qi, dh, Oo, fh, jo, tn, pu, ph, mh;
 class hd extends HTMLElement {
   constructor() {
     super();
@@ -2360,12 +2360,12 @@ class hd extends HTMLElement {
     Y(this, Pe);
     Y(this, Os);
     Y(this, ri);
-    Y(this, Ji);
+    Y(this, Qi);
     Y(this, dh, () => {
       $("input[type=checkbox]", this.shadowRoot).on("change", f(this, fh)), $("input[type=text]", this.shadowRoot).on("input", f(this, ph)), $("button#btnOk", this.shadowRoot).on("click", f(this, jo));
     });
     Y(this, Oo, (t) => {
-      ["TH", "TD"].includes(t.target.tagName) && ["Enter"].includes(t.code) && (f(this, Pe).multi ? f(this, jo).call(this, t) : f(this, Qi).call(this, t));
+      ["TH", "TD"].includes(t.target.tagName) && ["Enter"].includes(t.code) && (f(this, Pe).multi ? f(this, jo).call(this, t) : f(this, tn).call(this, t));
     });
     Y(this, fh, (t) => {
       var l = this.shadowRoot.querySelector("nine-grid"), c = l.fields.indexOf("CHK");
@@ -2383,7 +2383,7 @@ class hd extends HTMLElement {
       var s = t.target.closest("th,td");
       $(s).blur(), f(this, Pe).value = n.join(f(this, Pe).multiSeparator), $(this).hide(), f(this, Pe).getRootNode().host.cell.currentCell = f(this, Pe).closest("th,td");
     });
-    Y(this, Qi, (t) => {
+    Y(this, tn, (t) => {
       if (t.target.tagName != "NG-CHECKBOX" && (t.preventDefault(), t.stopPropagation()), !f(this, Pe).multi) {
         var l = this.shadowRoot.querySelector("nine-grid"), c = t.target.closest("th,td");
         $(c).blur(), f(this, Pe).value = l.data.get(c.dataset.row)[f(this, Os)], this.row = this.col = -1, $(this).hide(), f(this, Pe).getRootNode().host.cell.currentCell = f(this, Pe).closest("th,td");
@@ -2401,7 +2401,7 @@ class hd extends HTMLElement {
       });
       var o = $(t.target).val().toLowerCase();
       c.filter((r) => {
-        for (var n of f(this, Ji)) {
+        for (var n of f(this, Qi)) {
           if (n == "CHK") continue;
           const s = l.fields.indexOf(n);
           if ((String(r.v[s]) || "").toLowerCase().indexOf(o) >= 0) return !1;
@@ -2415,7 +2415,7 @@ class hd extends HTMLElement {
     });
     it(this, "refresh", (t, l, c, o) => {
       var r = this.shadowRoot.querySelector("nine-grid");
-      $(this.shadowRoot).find("input[type=text]").val(""), $("input[type=checkbox]", this).prop("checked", !0), tt(this, Ji, o), $(".ng-table tbody", r.body).off("click", "th,td", f(this, Qi)), $(".ng-table tbody", r.body).on("click", "th,td", f(this, Qi)), tt(this, Pe, t), tt(this, Os, c), $("th,td", r.template).each((i, u) => {
+      $(this.shadowRoot).find("input[type=text]").val(""), $("input[type=checkbox]", this).prop("checked", !0), tt(this, Qi, o), $(".ng-table tbody", r.body).off("click", "th,td", f(this, tn)), $(".ng-table tbody", r.body).on("click", "th,td", f(this, tn)), tt(this, Pe, t), tt(this, Os, c), $("th,td", r.template).each((i, u) => {
         $(u).hide();
       }), $("thead th", r).each((i, u) => {
         $(u).hide();
@@ -2453,7 +2453,7 @@ class hd extends HTMLElement {
         r.setAttribute("width", "0");
       }), $("th", t.body).each((o, r) => {
         $(r).html("");
-      }), f(this, Ji).forEach((o, r) => {
+      }), f(this, Qi).forEach((o, r) => {
         t.setColumnWidthFit(r, 30, !1);
       });
       var l = f(this, Pe).getAttribute("template");
@@ -2523,21 +2523,21 @@ class hd extends HTMLElement {
 		`, f(this, dh).call(this);
   }
 }
-No = new WeakMap(), Pe = new WeakMap(), Os = new WeakMap(), ri = new WeakMap(), Ji = new WeakMap(), dh = new WeakMap(), Oo = new WeakMap(), fh = new WeakMap(), jo = new WeakMap(), Qi = new WeakMap(), pu = new WeakMap(), ph = new WeakMap(), mh = new WeakMap();
+No = new WeakMap(), Pe = new WeakMap(), Os = new WeakMap(), ri = new WeakMap(), Qi = new WeakMap(), dh = new WeakMap(), Oo = new WeakMap(), fh = new WeakMap(), jo = new WeakMap(), tn = new WeakMap(), pu = new WeakMap(), ph = new WeakMap(), mh = new WeakMap();
 customElements.get("ng-combo") || customElements.define("ng-combo", ld);
 customElements.get("ng-combo-panel") || customElements.define("ng-combo-panel", hd);
-var tn, $o, en, si, rn, Wr, gh, Lo, bh;
+var en, $o, rn, si, sn, Wr, gh, Lo, bh;
 class cd {
   constructor(C) {
-    Y(this, tn);
-    Y(this, $o);
     Y(this, en);
-    Y(this, si);
+    Y(this, $o);
     Y(this, rn);
+    Y(this, si);
+    Y(this, sn);
     Y(this, Wr);
     it(this, "openMenu", (C, t) => {
       var l = $(f(this, Wr)).css("font"), c = 150;
-      for (const o of f(this, en))
+      for (const o of f(this, rn))
         c = Math.max(c, H.measureTextSize(o.name, l).width + 60);
       $(f(this, Wr)).css({
         width: c,
@@ -2547,12 +2547,12 @@ class cd {
       }), f(this, Wr).open(), f(this, si) && f(this, si).show && f(this, si).show.call(this, { source: f(this, $o) });
     });
     Y(this, gh, (C) => {
-      tt(this, en, f(this, Lo).call(this, C.items, 0)), tt(this, si, C.events), tt(this, Wr, $(`<ng-context-menu-panel id="${C.id}"></ng-context-menu-panel>`)[0]), $(f(this, tn).shadowRoot).append($(f(this, Wr)).hide()), f(this, Wr).init(f(this, en)), $("li", f(this, Wr)).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, tn).shadowRoot).hide();
+      tt(this, rn, f(this, Lo).call(this, C.items, 0)), tt(this, si, C.events), tt(this, Wr, $(`<ng-context-menu-panel id="${C.id}"></ng-context-menu-panel>`)[0]), $(f(this, en).shadowRoot).append($(f(this, Wr)).hide()), f(this, Wr).init(f(this, rn)), $("li", f(this, Wr)).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, en).shadowRoot).hide();
       });
     });
     Y(this, Lo, (C, t) => {
-      tt(this, rn, Math.max(t, f(this, rn)) + 1), C = f(this, bh).call(this, C);
+      tt(this, sn, Math.max(t, f(this, sn)) + 1), C = f(this, bh).call(this, C);
       for (const l of C)
         l.level = t, l.hasOwnProperty("items") && (l.items = f(this, Lo).call(this, l.items, t + 1));
       return C;
@@ -2566,10 +2566,10 @@ class cd {
       }
       return t;
     });
-    tt(this, rn, 0), tt(this, tn, C.owner), f(this, gh).call(this, C);
+    tt(this, sn, 0), tt(this, en, C.owner), f(this, gh).call(this, C);
   }
 }
-tn = new WeakMap(), $o = new WeakMap(), en = new WeakMap(), si = new WeakMap(), rn = new WeakMap(), Wr = new WeakMap(), gh = new WeakMap(), Lo = new WeakMap(), bh = new WeakMap();
+en = new WeakMap(), $o = new WeakMap(), rn = new WeakMap(), si = new WeakMap(), sn = new WeakMap(), Wr = new WeakMap(), gh = new WeakMap(), Lo = new WeakMap(), bh = new WeakMap();
 var Po, yh;
 class ud extends HTMLElement {
   constructor() {
@@ -2667,7 +2667,7 @@ class fd {
   }
 }
 Xr = new WeakMap(), Bo = new WeakMap(), ls = new WeakMap();
-var ze, qt, $e, Cr, ii, js, sn, Fo, nn, qo, Ho, _h, zo, Uo, on, an, Vo, Wo, Xo;
+var ze, qt, $e, Cr, ii, js, nn, Fo, on, qo, Ho, _h, zo, Uo, an, ln, Vo, Wo, Xo;
 class pd {
   constructor(C, t) {
     Y(this, ze);
@@ -2701,7 +2701,7 @@ class pd {
     it(this, "clearFilter", () => (f(this, qt).rawRecords.map((C) => {
       C.__ng.filtered = !1;
     }), tt(this, $e, f(this, qt).rawRecords.filter((C) => !C.__ng.deleted && !C.__ng.filtered)), f(this, $e)));
-    it(this, "refreshFilter", () => (tt(this, $e, f(this, qt).rawRecords.filter((C) => !C.__ng.deleted && !C.__ng.filtered)), f(this, nn).call(this), f(this, $e)));
+    it(this, "refreshFilter", () => (tt(this, $e, f(this, qt).rawRecords.filter((C) => !C.__ng.deleted && !C.__ng.filtered)), f(this, on).call(this), f(this, $e)));
     /**
      * { "key1": [1,2,...], "key2": [1,2,...], ... }
      */
@@ -2745,8 +2745,8 @@ class pd {
     /**
      * 
      */
-    it(this, "indexOf", (C) => f(this, sn).call(this, this.recordsNF(), C, this.records()));
-    Y(this, sn, (C, t, l) => {
+    it(this, "indexOf", (C) => f(this, nn).call(this, this.recordsNF(), C, this.records()));
+    Y(this, nn, (C, t, l) => {
       const c = C[t];
       return l.findIndex((o) => o.__ng._[H.ROW.ID] == c.__ng._[H.ROW.ID]);
     });
@@ -2776,9 +2776,9 @@ class pd {
       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) => {
-      f(this, qt).rawRecords.sort(C), f(this, Cr).sort(C), f(this, $e).sort(C), f(this, nn).call(this), f(this, qt).owner.refresh();
+      f(this, qt).rawRecords.sort(C), f(this, Cr).sort(C), f(this, $e).sort(C), f(this, on).call(this), f(this, qt).owner.refresh();
     });
-    Y(this, nn, () => {
+    Y(this, on, () => {
       f(this, qt).rawRecords.forEach((t, l) => {
         t.__ng._[H.ROW.INDEX] = l;
       }), f(this, qt).rawRecords.filter((t) => !t.__ng.deleted && !t.__ng.filtered && t.__ng.visible).forEach((t, l) => {
@@ -2812,7 +2812,7 @@ class pd {
         C.__ng.ii = t, C.__ng.rowidx = t, C.__ng.rowidx1 = t;
       }), this.getValidData().forEach((C, t) => {
         C.__ng.i = t, C.__ng.rowidx = t;
-      }), f(this, nn).call(this);
+      }), f(this, on).call(this);
     });
     /**
      * add, insert, delete
@@ -3083,12 +3083,12 @@ class pd {
      * updateState : 행의 상태를 ninegrid.ROW_STATE.INSERT 로 변경할 지를 결정한다. 기본값은 "true" 입니다.
      */
     it(this, "setRecord", (C, t, l, c) => {
-      f(this, on).call(this, this.getValidData(), C, t, l, c, !1);
+      f(this, an).call(this, this.getValidData(), C, t, l, c, !1);
     });
     it(this, "setRecordNF", (C, t, l, c) => {
-      f(this, on).call(this, this.getValidDataNF(), C, t, l, c, !0);
+      f(this, an).call(this, this.getValidDataNF(), C, t, l, c, !0);
     });
-    Y(this, on, (C, t, l, c, o) => {
+    Y(this, an, (C, t, l, c, o) => {
       t = parseInt(t), l = parseInt(l), o == null && (o = !0);
       var r = C[t];
       r.v[l], r.v[l] != c && r.__ng.rowState != H.ROW_STATE.INSERT && o && (r.__ng.rowState = H.ROW_STATE.UPDATE), r.v[l] = c;
@@ -3116,7 +3116,7 @@ class pd {
      * 			row만 지정되었으면 해당 행의 Json 객체를 반환
      * 			row & colnm이 지정되었으면 해당하는 데이타 값을 반환
      */
-    Y(this, an, (C, t, l) => {
+    Y(this, ln, (C, t, l) => {
       if (!(!C || C.length <= 0)) {
         if (H.isNull(t))
           return this.conv2(C);
@@ -3130,8 +3130,8 @@ class pd {
         return this.conv(o);
       }
     });
-    it(this, "get", (C, t) => f(this, an).call(this, this.getValidData(), C, t));
-    it(this, "getNF", (C, t) => f(this, an).call(this, this.getValidDataNF(), C, t));
+    it(this, "get", (C, t) => f(this, ln).call(this, this.getValidData(), C, t));
+    it(this, "getNF", (C, t) => f(this, ln).call(this, this.getValidDataNF(), C, t));
     /**
      * 바인딩된 데이타를 Array 형식으로 가져옵니다.
      * 
@@ -3177,14 +3177,14 @@ class pd {
       return -1;
     });
     tt(this, ze, C), tt(this, qt, t), tt(this, $e, []), tt(this, Cr, []), tt(this, ii, 0), this.all = {
-      get: (l, c) => f(this, an).call(this, this.recordsNF(), l, c),
+      get: (l, c) => f(this, ln).call(this, this.recordsNF(), l, c),
       records: (l) => this.recordsNF(l),
       count: () => this.recordsNF().length,
-      setRecord: (l, c, o, r) => f(this, on).call(this, this.all.records(), l, c, o, r),
-      indexOf: (l) => f(this, sn).call(this, this.records(), l, this.recordsNF()),
+      setRecord: (l, c, o, r) => f(this, an).call(this, this.all.records(), l, c, o, r),
+      indexOf: (l) => f(this, nn).call(this, this.records(), l, this.recordsNF()),
       update: (l, c) => f(this, zo).call(this, this.records(), l, c)
     }, this.total = {
-      indexOf: (l) => f(this, sn).call(this, this.records(), l, f(this, qt).rawRecords)
+      indexOf: (l) => f(this, nn).call(this, this.records(), l, f(this, qt).rawRecords)
     }, this.initialize();
   }
   /**
@@ -3257,7 +3257,7 @@ class pd {
     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(), ii = new WeakMap(), js = new WeakMap(), sn = new WeakMap(), Fo = new WeakMap(), nn = new WeakMap(), qo = new WeakMap(), Ho = new WeakMap(), _h = new WeakMap(), zo = new WeakMap(), Uo = new WeakMap(), on = new WeakMap(), an = new WeakMap(), Vo = new WeakMap(), Wo = new WeakMap(), Xo = new WeakMap();
+ze = new WeakMap(), qt = new WeakMap(), $e = new WeakMap(), Cr = new WeakMap(), ii = new WeakMap(), js = new WeakMap(), nn = new WeakMap(), Fo = new WeakMap(), on = new WeakMap(), qo = new WeakMap(), Ho = new WeakMap(), _h = new WeakMap(), zo = new WeakMap(), Uo = new WeakMap(), an = new WeakMap(), ln = new WeakMap(), Vo = new WeakMap(), Wo = new WeakMap(), Xo = new WeakMap();
 class md {
   constructor(C) {
     this.owner = C, this.row = new fd(this), this.data = new pd(C, this), this.setDataSource = (l) => {
@@ -21689,33 +21689,33 @@ function wd() {
                       var jl = ns.get(Ce);
                       if (jl) return jl == be;
                       vr |= 1, ns.set(Ce, be);
-                      var Ei = Re(_s(Ce), _s(be), Ks, Ol, vr, ns);
-                      return ns.delete(Ce), Ei;
+                      var Ai = Re(_s(Ce), _s(be), Ks, Ol, vr, ns);
+                      return ns.delete(Ce), Ai;
                     case "[object Symbol]":
                       if (bt) return bt.call(Ce) == bt.call(be);
                   }
                   return !1;
                 })(Et, Rt, Te, fe, oe, he, Jt);
                 if (!(2 & he)) {
-                  var Gs = Qe && X.call(Et, "__wrapped__"), Si = hr && X.call(Rt, "__wrapped__");
-                  if (Gs || Si) {
-                    var ki = Gs ? Et.value() : Et, Ci = Si ? Rt.value() : Rt;
-                    return Jt || (Jt = new Ht()), fe(ki, Ci, oe, he, Jt);
+                  var Gs = Qe && X.call(Et, "__wrapped__"), ki = hr && X.call(Rt, "__wrapped__");
+                  if (Gs || ki) {
+                    var Ci = Gs ? Et.value() : Et, Ei = ki ? Rt.value() : Rt;
+                    return Jt || (Jt = new Ht()), fe(Ci, Ei, oe, he, Jt);
                   }
                 }
                 return Lr ? (Jt || (Jt = new Ht()), (function(Ce, be, xs, Ks, Ol, vr) {
                   var ns = 2 & Ol, _s = Ge(Ce), Wn = _s.length, jl = Ge(be).length;
                   if (Wn != jl && !ns) return !1;
-                  for (var Ei = Wn; Ei--; ) {
-                    var Ss = _s[Ei];
+                  for (var Ai = Wn; Ai--; ) {
+                    var Ss = _s[Ai];
                     if (!(ns ? Ss in be : X.call(be, Ss))) return !1;
                   }
                   var _u = vr.get(Ce);
                   if (_u && vr.get(be)) return _u == be;
                   var $l = !0;
                   vr.set(Ce, be), vr.set(be, Ce);
-                  for (var eu = ns; ++Ei < Wn; ) {
-                    Ss = _s[Ei];
+                  for (var eu = ns; ++Ai < Wn; ) {
+                    Ss = _s[Ai];
                     var Ll = Ce[Ss], Pl = be[Ss];
                     if (Ks) var Su = ns ? Ks(Pl, Ll, Ss, be, Ce, vr) : Ks(Ll, Pl, Ss, Ce, be, vr);
                     if (!(Su === void 0 ? Ll === Pl || xs(Ll, Pl, Ks, Ol, vr) : Su)) {
@@ -22119,17 +22119,17 @@ function wd() {
                   if (Lr && Jt.get(Rt)) return Lr == Rt;
                   var Gs = !0;
                   Jt.set(Et, Rt), Jt.set(Rt, Et);
-                  for (var Si = Se; ++Qe < Te; ) {
+                  for (var ki = Se; ++Qe < Te; ) {
                     hr = ke[Qe];
-                    var ki = Et[hr], Ci = Rt[hr];
-                    if (oe) var Ce = Se ? oe(Ci, ki, hr, Rt, Et, Jt) : oe(ki, Ci, hr, Et, Rt, Jt);
-                    if (!(Ce === void 0 ? ki === Ci || he(ki, Ci, fe, oe, Jt) : Ce)) {
+                    var Ci = Et[hr], Ei = Rt[hr];
+                    if (oe) var Ce = Se ? oe(Ei, Ci, hr, Rt, Et, Jt) : oe(Ci, Ei, hr, Et, Rt, Jt);
+                    if (!(Ce === void 0 ? Ci === Ei || he(Ci, Ei, fe, oe, Jt) : Ce)) {
                       Gs = !1;
                       break;
                     }
-                    Si || (Si = hr == "constructor");
+                    ki || (ki = hr == "constructor");
                   }
-                  if (Gs && !Si) {
+                  if (Gs && !ki) {
                     var be = Et.constructor, xs = Rt.constructor;
                     be == xs || !("constructor" in Et) || !("constructor" in Rt) || typeof be == "function" && be instanceof be && typeof xs == "function" && xs instanceof xs || (Gs = !1);
                   }
@@ -26463,12 +26463,12 @@ use chrome, FireFox or Internet Explorer 11`);
 }
 var xd = wd();
 const _d = /* @__PURE__ */ vd(xd);
-var Ie, Yo, ln, hs;
+var Ie, Yo, hn, hs;
 class Sd {
   constructor(C, t) {
     Y(this, Ie);
     Y(this, Yo);
-    Y(this, ln);
+    Y(this, hn);
     Y(this, hs);
     it(this, "export", () => {
       var C = {
@@ -26554,7 +26554,7 @@ class Sd {
           });
         });
       };
-      $(f(this, ln)).html("generate..."), f(this, hs).setAttribute("max", f(this, Ie).data.count()), f(this, hs).setAttribute("value", 0);
+      $(f(this, hn)).html("generate..."), f(this, hs).setAttribute("max", f(this, Ie).data.count()), f(this, hs).setAttribute("value", 0);
       const n = new _d.Workbook(), s = n.addWorksheet("Sheet1");
       var e = 0;
       s.getColumn(++e).width = 10, $(".col-indicator-rowgroup .col-indicator:not(.dummy)", f(this, Ie).body).not(".first").not(".last").each((p, m) => {
@@ -26607,7 +26607,7 @@ class Sd {
       });
       for (var i = f(this, Ie).data.getValidData(), u = 0, a = 0; a < i.length; a++)
         setTimeout(() => {
-          r(u++), f(this, hs).setAttribute("value", u + 1), $(f(this, ln)).html(u + 1 >= i.length ? "downloading..." : "processing... " + u.toLocaleString() + " / " + i.length.toLocaleString());
+          r(u++), f(this, hs).setAttribute("value", u + 1), $(f(this, hn)).html(u + 1 >= i.length ? "downloading..." : "processing... " + u.toLocaleString() + " / " + i.length.toLocaleString());
         });
       var h = setInterval(() => {
         parseInt(f(this, hs).getAttribute("value")) >= parseInt(f(this, hs).getAttribute("max")) && (clearInterval(h), setTimeout(() => {
@@ -26621,28 +26621,28 @@ class Sd {
     it(this, "exportPdf", () => {
       console.log("exportPdf");
     });
-    tt(this, Ie, C), tt(this, Yo, t), tt(this, ln, t.querySelector("#message-box")), tt(this, hs, t.querySelector("#progress-bar"));
+    tt(this, Ie, C), tt(this, Yo, t), tt(this, hn, t.querySelector("#message-box")), tt(this, hs, t.querySelector("#progress-bar"));
   }
 }
-Ie = new WeakMap(), Yo = new WeakMap(), ln = new WeakMap(), hs = new WeakMap();
-var ni, hn, Go, mu, gu, Sh;
+Ie = new WeakMap(), Yo = new WeakMap(), hn = new WeakMap(), hs = new WeakMap();
+var ni, cn, Go, mu, gu, Sh;
 class Ou extends HTMLElement {
   constructor() {
     super();
     Y(this, ni);
-    Y(this, hn);
+    Y(this, cn);
     Y(this, Go);
     Y(this, mu);
     Y(this, gu, {});
     Y(this, Sh, () => {
     });
     it(this, "exportExcel", () => {
-      f(this, hn).data.count() > 500 && (f(this, ni).showModal(), $(".title", f(this, ni)).html("Export Excel")), f(this, Go).export();
+      f(this, cn).data.count() > 500 && (f(this, ni).showModal(), $(".title", f(this, ni)).html("Export Excel")), f(this, Go).export();
     });
     this.attachShadow({ mode: "open" });
   }
   connectedCallback() {
-    tt(this, hn, this.getRootNode().host), this.shadowRoot.innerHTML = `
+    tt(this, cn, this.getRootNode().host), this.shadowRoot.innerHTML = `
 			<style>
 				@import "https://cdn.jsdelivr.net/npm/ninegrid/ninegrid.css";
 				
@@ -26682,10 +26682,10 @@ class Ou extends HTMLElement {
 				</div>
 				<progress id="progress-bar" value="0" max="100">50%</progress>
 			</nx-dialog>
-		`, tt(this, ni, this.shadowRoot.querySelector("dialog")), tt(this, Go, new Sd(f(this, hn), f(this, ni))), f(this, Sh).call(this);
+		`, tt(this, ni, this.shadowRoot.querySelector("dialog")), tt(this, Go, new Sd(f(this, cn), f(this, ni))), f(this, Sh).call(this);
   }
 }
-ni = new WeakMap(), hn = new WeakMap(), Go = new WeakMap(), mu = new WeakMap(), gu = new WeakMap(), Sh = new WeakMap();
+ni = new WeakMap(), cn = new WeakMap(), Go = new WeakMap(), mu = new WeakMap(), gu = new WeakMap(), Sh = new WeakMap();
 customElements.get("ng-export") || customElements.define("ng-export", Ou);
 var Ko, nr, Zo, kh;
 class kd {
@@ -26764,11 +26764,11 @@ class Cd extends HTMLElement {
   }
 }
 Ch = new WeakMap();
-var cn, cs, Hr, us, Eh;
+var un, cs, Hr, us, Eh;
 class Ed extends HTMLElement {
   constructor() {
     super();
-    Y(this, cn);
+    Y(this, un);
     Y(this, cs);
     Y(this, Hr);
     Y(this, us);
@@ -26792,14 +26792,14 @@ class Ed extends HTMLElement {
     Y(this, Eh, (t) => {
       if (H.j.querySelectorAll(t.currentTarget).hasClass("ng-active")) return;
       const l = f(this, us);
-      tt(this, us, parseInt(t.currentTarget.value)), f(this, cn).changeRayout(f(this, us)), H.j.querySelectorAll("button", f(this, Hr)).removeClass("ng-active"), H.j.querySelectorAll(t.currentTarget).addClass("ng-active");
+      tt(this, us, parseInt(t.currentTarget.value)), f(this, un).changeRayout(f(this, us)), H.j.querySelectorAll("button", f(this, Hr)).removeClass("ng-active"), H.j.querySelectorAll(t.currentTarget).addClass("ng-active");
       var c = new CustomEvent(H.EVENT.LAYOUT_CHANGED, { bubbles: !0, detail: {} });
-      c.oldIndex = l, c.newIndex = f(this, us), f(this, cn).dispatchEvent(c);
+      c.oldIndex = l, c.newIndex = f(this, us), f(this, un).dispatchEvent(c);
     });
     tt(this, cs, []), tt(this, us, 0);
   }
   connectedCallback() {
-    tt(this, cn, this.getRootNode().host.getRootNode().host), this.innerHTML = '<div class="ng-wrap"></div>', tt(this, Hr, this.querySelector(".ng-wrap"));
+    tt(this, un, this.getRootNode().host.getRootNode().host), this.innerHTML = '<div class="ng-wrap"></div>', tt(this, Hr, this.querySelector(".ng-wrap"));
   }
   get tables() {
     return f(this, cs);
@@ -26808,7 +26808,7 @@ class Ed extends HTMLElement {
     return f(this, cs)[f(this, us)];
   }
 }
-cn = new WeakMap(), cs = new WeakMap(), Hr = new WeakMap(), us = new WeakMap(), Eh = new WeakMap();
+un = new WeakMap(), cs = new WeakMap(), Hr = new WeakMap(), us = new WeakMap(), Eh = new WeakMap();
 customElements.get("ng-layout") || customElements.define("ng-layout", Ed);
 customElements.get("ng-foot") || customElements.define("ng-foot", Cd);
 var Jo;
@@ -26832,20 +26832,20 @@ class Ad extends HTMLElement {
   }
 }
 Jo = new WeakMap();
-var un;
+var dn;
 class Td extends HTMLElement {
   constructor() {
     super();
-    Y(this, un);
+    Y(this, dn);
   }
   connectedCallback() {
-    this.getRootNode().host && (tt(this, un, this.getRootNode().host.getRootNode().host), this.innerHTML = `<span>${f(this, un).getAttribute("caption")}</span>`, $("span", this).on("dblclick", (t) => {
+    this.getRootNode().host && (tt(this, dn, this.getRootNode().host.getRootNode().host), this.innerHTML = `<span>${f(this, dn).getAttribute("caption")}</span>`, $("span", this).on("dblclick", (t) => {
       const l = '<font color="green">https://www.ninegrid.net</font>';
-      t.currentTarget.innerHTML = t.currentTarget.innerHTML == l ? `<span>${f(this, un).getAttribute("caption")}</span>` : l;
+      t.currentTarget.innerHTML = t.currentTarget.innerHTML == l ? `<span>${f(this, dn).getAttribute("caption")}</span>` : l;
     }));
   }
 }
-un = new WeakMap();
+dn = new WeakMap();
 var Ah;
 class Rd extends HTMLElement {
   constructor() {
@@ -27020,21 +27020,21 @@ class jd extends Mr {
   }
 }
 $s = new WeakMap();
-var dn, Th;
+var fn, Th;
 class $d extends Mr {
   constructor() {
     super();
-    Y(this, dn);
+    Y(this, fn);
     Y(this, Th);
     it(this, "dataRefresh", (t) => {
       const l = this.getAttribute("src");
       var c = l ? this.getExprValue(l, this.cell.closest("tr").data, this.cell.dataset.row) : "";
-      f(this, dn).innerHTML = c || this.getDisplayText(), t || this.reset();
+      f(this, fn).innerHTML = c || this.getDisplayText(), t || this.reset();
     });
     it(this, "r", (t, l) => {
       const c = this.getAttribute("icon-src") || l.getAttribute("icon-src");
       var o = c ? this.getExprValue(c, l.closest("tr").data, l.dataset.row) : "";
-      f(this, dn).innerHTML = o || this.value;
+      f(this, fn).innerHTML = o || this.value;
     });
     tt(this, Th, this.getAttribute("src"));
   }
@@ -27056,10 +27056,10 @@ class $d extends Mr {
 			</style>
 
 			<div class="ng-wrap"></div>
-		`, super.connectedCallback(), tt(this, dn, this.shadowRoot.querySelector("div"));
+		`, super.connectedCallback(), tt(this, fn, this.shadowRoot.querySelector("div"));
   }
 }
-dn = new WeakMap(), Th = new WeakMap();
+fn = new WeakMap(), Th = new WeakMap();
 customElements.get("ng-img") || customElements.define("ng-img", jd);
 customElements.get("ng-svg") || customElements.define("ng-svg", $d);
 var Rh, Mh, Ih, Nh, Oh;
@@ -27102,17 +27102,17 @@ class Ld {
   }
 }
 Rh = new WeakMap(), Mh = new WeakMap(), Ih = new WeakMap(), Nh = new WeakMap(), Oh = new WeakMap();
-var Qo, fn, jh, ta;
+var Qo, pn, jh, ta;
 class Pd extends HTMLElement {
   constructor() {
     super();
     Y(this, Qo);
-    Y(this, fn);
+    Y(this, pn);
     Y(this, jh, () => {
-      $("div.panel", this.shadowRoot).show(), $(f(this, fn)).css({ overflow: "visible" });
+      $("div.panel", this.shadowRoot).show(), $(f(this, pn)).css({ overflow: "visible" });
     });
     it(this, "close", () => {
-      $("div.panel", this.shadowRoot).hide(), $(f(this, fn)).css({ overflow: "unset" });
+      $("div.panel", this.shadowRoot).hide(), $(f(this, pn)).css({ overflow: "unset" });
     });
     Y(this, ta, () => {
       f(this, Qo).body.querySelectorAll("ng-info").forEach((t) => {
@@ -27138,17 +27138,17 @@ class Pd extends HTMLElement {
 			<div class="panel">
 				${t}
 			</div>
-		`, tt(this, Qo, this.getRootNode().host), tt(this, fn, this.closest("th,td")), $("svg.icon", this.shadowRoot).on("click", (l) => {
+		`, tt(this, Qo, this.getRootNode().host), tt(this, pn, this.closest("th,td")), $("svg.icon", this.shadowRoot).on("click", (l) => {
       l.preventDefault(), l.stopPropagation(), $("div.panel", this.shadowRoot).is(":visible") ? f(this, ta).call(this) : (f(this, ta).call(this), f(this, jh).call(this));
     }), $(this).on("click", (l) => {
       l.stopPropagation();
     });
   }
 }
-Qo = new WeakMap(), fn = new WeakMap(), jh = new WeakMap(), ta = new WeakMap();
+Qo = new WeakMap(), pn = new WeakMap(), jh = new WeakMap(), ta = new WeakMap();
 customElements.get("ng-info") || customElements.define("ng-info", Pd);
 var Yr, $h;
-class Dd extends _i {
+class Dd extends Si {
   constructor() {
     super();
     Y(this, Yr);
@@ -27188,7 +27188,7 @@ class Dd extends _i {
 Yr = new WeakMap(), $h = new WeakMap();
 customElements.get("ng-input-color") || customElements.define("ng-input-color", Dd);
 var Gr, oi, Lh;
-class Bd extends _i {
+class Bd extends Si {
   constructor() {
     super();
     Y(this, Gr);
@@ -27293,18 +27293,18 @@ class Bd extends _i {
 }
 Gr = new WeakMap(), oi = new WeakMap(), Lh = new WeakMap();
 customElements.get("ng-input-date") || customElements.define("ng-input-date", Bd);
-var Ke, ds, zr, Ls, pn, Kr, Ph;
-class Fd extends _i {
+var Ke, ds, zr, Ls, mn, Kr, Ph;
+class Fd extends Si {
   constructor() {
     super();
     Y(this, Ke);
     Y(this, ds);
     Y(this, zr);
     Y(this, Ls);
-    Y(this, pn);
+    Y(this, mn);
     Y(this, Kr);
     it(this, "dataRefresh", (t) => {
-      f(this, Ke).value = this.value, H.j.querySelectorAll(f(this, Ke)).removeClass("invalid"), f(this, ds) == "number" && (isNaN(this.value) || f(this, pn) && Number(f(this, Ke).value) > Number(f(this, pn)) || f(this, Ls) && Number(f(this, Ke).value) < Number(f(this, Ls)) ? H.j.querySelectorAll(f(this, Ke)).addClass("invalid") : f(this, Kr) && f(this, Ke).value.indexOf(".") >= 0 && f(this, Ke).value.substring(f(this, Ke).value.indexOf(".") + 1).length > Number(f(this, Kr)) && H.j.querySelectorAll(f(this, Ke)).addClass("invalid")), f(this, zr) && H.getByteLength(this.value) > Number(f(this, zr)) && H.j.querySelectorAll(f(this, Ke)).addClass("invalid"), t || this.reset();
+      f(this, Ke).value = this.value, H.j.querySelectorAll(f(this, Ke)).removeClass("invalid"), f(this, ds) == "number" && (isNaN(this.value) || f(this, mn) && Number(f(this, Ke).value) > Number(f(this, mn)) || f(this, Ls) && Number(f(this, Ke).value) < Number(f(this, Ls)) ? H.j.querySelectorAll(f(this, Ke)).addClass("invalid") : f(this, Kr) && f(this, Ke).value.indexOf(".") >= 0 && f(this, Ke).value.substring(f(this, Ke).value.indexOf(".") + 1).length > Number(f(this, Kr)) && H.j.querySelectorAll(f(this, Ke)).addClass("invalid")), f(this, zr) && H.getByteLength(this.value) > Number(f(this, zr)) && H.j.querySelectorAll(f(this, Ke)).addClass("invalid"), t || this.reset();
     });
     Y(this, Ph, (t) => {
       if (!["Escape", "Enter", "Tab", "Home", "End", "ArrowLeft", "ArrowRight", "PageUp", "PageDown", "Backspace", "Delete"].includes(t.code)) {
@@ -27321,7 +27321,7 @@ class Fd extends _i {
         f(this, zr) && H.getByteLength(t.target.value) >= Number(f(this, zr)) && t.target.selectionStart == t.target.selectionEnd && t.preventDefault();
       }
     });
-    if (tt(this, ds, this.getAttribute("type") || "text"), tt(this, zr, this.getAttribute("maxbyte")), tt(this, Ls, this.getAttribute("min")), tt(this, pn, this.getAttribute("max")), tt(this, Kr, this.getAttribute("scale")), !["text", "number"].includes(f(this, ds))) throw `invalid type : ${f(this, ds)}`;
+    if (tt(this, ds, this.getAttribute("type") || "text"), tt(this, zr, this.getAttribute("maxbyte")), tt(this, Ls, this.getAttribute("min")), tt(this, mn, this.getAttribute("max")), tt(this, Kr, this.getAttribute("scale")), !["text", "number"].includes(f(this, ds))) throw `invalid type : ${f(this, ds)}`;
   }
   connectedCallback() {
     for (var t = [], l = 0; l < this.attributes.length; l++)
@@ -27346,17 +27346,17 @@ class Fd extends _i {
     });
   }
 }
-Ke = new WeakMap(), ds = new WeakMap(), zr = new WeakMap(), Ls = new WeakMap(), pn = new WeakMap(), Kr = new WeakMap(), Ph = new WeakMap();
+Ke = new WeakMap(), ds = new WeakMap(), zr = new WeakMap(), Ls = new WeakMap(), mn = new WeakMap(), Kr = new WeakMap(), Ph = new WeakMap();
 customElements.get("ng-input") || customElements.define("ng-input", Fd);
-var Ne, ai, mn, gn, bn, li;
+var Ne, ai, gn, bn, yn, li;
 class qd {
   constructor(C) {
     Y(this, Ne);
     //#oldrow;
     Y(this, ai);
-    Y(this, mn);
     Y(this, gn);
     Y(this, bn);
+    Y(this, yn);
     it(this, "getTotalHeight", () => f(this, Ne).data.get().reduce((C, t) => C + t.__ng.height.reduce((l, c) => l + c, 0), 0));
     it(this, "getHeight", (C) => {
       const t = parseInt(C / f(this, Ne).template.length);
@@ -27371,7 +27371,7 @@ class qd {
     Y(this, li, (C) => typeof C == "object" && C.tagName == "TR" ? parseInt(C.getAttribute("data-row")) * f(this, Ne).template.length + C.sectionRowIndex % f(this, Ne).template.length : C);
     it(this, "attr", (C, t, l, c) => {
       t = f(this, li).call(this, t);
-      var o = parseInt(t / f(this, Ne).template.length), r = f(this, Ne).data.get(o, "rowid"), n = t % f(this, Ne).template.length, s = H.decode(C, "head", f(this, mn), "foot", f(this, bn), f(this, gn)), e = s.findIndex((u) => u.rowid == r && u.subrow == n);
+      var o = parseInt(t / f(this, Ne).template.length), r = f(this, Ne).data.get(o, "rowid"), n = t % f(this, Ne).template.length, s = H.decode(C, "head", f(this, gn), "foot", f(this, yn), f(this, bn)), e = s.findIndex((u) => u.rowid == r && u.subrow == n);
       if (c)
         if (e < 0) {
           var i = { rowid: r, subrow: n, cells: [] };
@@ -27387,7 +27387,7 @@ class qd {
     });
     it(this, "attr2", (C, t, l, c, o) => {
       l = f(this, li).call(this, l);
-      var r = parseInt(l / f(this, Ne).template.length), n = C && C.hasOwnProperty("rowid") ? C[r].rowid : null, s = l % f(this, Ne).template.length, e = H.decode(t, "head", f(this, mn), "foot", f(this, bn), f(this, gn)), i = e.findIndex((a) => a.rowid == n && a.subrow == s);
+      var r = parseInt(l / f(this, Ne).template.length), n = C && C.hasOwnProperty("rowid") ? C[r].rowid : null, s = l % f(this, Ne).template.length, e = H.decode(t, "head", f(this, gn), "foot", f(this, yn), f(this, bn)), i = e.findIndex((a) => a.rowid == n && a.subrow == s);
       if (o)
         if (i < 0) {
           var u = { rowid: n, subrow: s, cells: [] };
@@ -27401,7 +27401,7 @@ class qd {
       var o = this.attr2(C, t, l, "height", c);
       return o || (o = $(f(this, Ne).template[f(this, li).call(this, l) % f(this, Ne).template.length]).height()), o;
     });
-    tt(this, Ne, C), tt(this, ai, -1), tt(this, mn, []), tt(this, gn, []), tt(this, bn, []), this.head = {
+    tt(this, Ne, C), tt(this, ai, -1), tt(this, gn, []), tt(this, bn, []), tt(this, yn, []), this.head = {
       attr: (t, l, c) => this.attr("head", t, l, c),
       height: (t, l) => this.height("head", t, l)
     }, this.body = {
@@ -27420,7 +27420,7 @@ class qd {
     tt(this, ai, parseInt(C)), f(this, Ne).selection.selectedStartRow == f(this, Ne).selection.selectedEndRow && (f(this, Ne).selection.selectedStartRow = f(this, Ne).selection.selectedEndRow = f(this, Ne).selection.startRow = f(this, ai));
   }
 }
-Ne = new WeakMap(), ai = new WeakMap(), mn = new WeakMap(), gn = new WeakMap(), bn = new WeakMap(), li = new WeakMap();
+Ne = new WeakMap(), ai = new WeakMap(), gn = new WeakMap(), bn = new WeakMap(), yn = new WeakMap(), li = new WeakMap();
 var Zr, Jr;
 class Hd extends HTMLElement {
   constructor() {
@@ -27667,7 +27667,7 @@ class zd extends HTMLElement {
 }
 Lt = new WeakMap(), ea = new WeakMap(), Dh = new WeakMap();
 customElements.get("ng-menu") || customElements.define("ng-menu", zd);
-var Be, ra, sa, Er, ia, Ue, tr, Ps, Bh, yn, Fh;
+var Be, ra, sa, Er, ia, Ue, tr, Ps, Bh, vn, Fh;
 class Ud extends HTMLElement {
   constructor() {
     super();
@@ -27686,7 +27686,7 @@ class Ud extends HTMLElement {
         t.__ng.paging = !0;
       }), f(this, Be).data.resetRecords();
     });
-    Y(this, yn, () => {
+    Y(this, vn, () => {
       this.type == H.PAGINGTYPE.CLIENT ? $("span", this).eq(1).html(`<b>Total</b> : ${f(this, Be).data.countNF().toLocaleString()}`) : this.type == H.PAGINGTYPE.SERVER ? $("span", this).eq(1).html(`<b>Total</b> : ${f(this, Ps).toLocaleString()}`) : this.type == H.PAGINGTYPE.NONE && $("span", this).eq(1).html(`<b>Total</b> : ${f(this, Ps).toLocaleString()}`), f(this, tr) == 0 ? $("span", this).eq(0).html("") : $("span", this).eq(0).html(`${f(this, Ue).toLocaleString()} <i>of</i> ${f(this, tr).toLocaleString()}`), H.j.querySelectorAll(".ng-paging-first", this).attr("disabled", f(this, Ue) == 1 || f(this, tr) < 1), H.j.querySelectorAll(".ng-paging-prev", this).attr("disabled", f(this, Ue) == 1 || f(this, tr) < 1), H.j.querySelectorAll(".ng-paging-next", this).attr("disabled", f(this, Ue) == f(this, tr) || f(this, tr) < 1), H.j.querySelectorAll(".ng-paging-last", this).attr("disabled", f(this, Ue) == f(this, tr) || f(this, tr) < 1);
     });
     Y(this, Fh, () => {
@@ -27699,7 +27699,7 @@ class Ud extends HTMLElement {
           if (tt(this, tr, Math.ceil(l.length / f(this, Er))), l.length == 0)
             tt(this, tr, 0);
           else if (t < 1 || t > f(this, tr)) throw `1invalid page ${t} of ${f(this, tr)}`;
-          f(this, yn).call(this), l.map((o) => {
+          f(this, vn).call(this), l.map((o) => {
             o.__ng.paging = !1;
           });
           for (var c = (f(this, Ue) - 1) * f(this, Er); c < Math.min(f(this, Ue) * f(this, Er), f(this, Be).data.countNF()); c++)
@@ -27723,7 +27723,7 @@ class Ud extends HTMLElement {
         case H.PAGINGTYPE.SERVER:
           break;
       }
-      f(this, yn).call(this);
+      f(this, vn).call(this);
     });
     tt(this, Be, this.getRootNode().host.getRootNode().host), tt(this, Ue, 0), tt(this, tr, 0), tt(this, Ps, 0), this.onpagechanged = new CustomEvent("pagechanged", { bubbles: !0, detail: {} });
   }
@@ -27766,7 +27766,7 @@ class Ud extends HTMLElement {
     return f(this, tr);
   }
   set totalCount(t) {
-    tt(this, Ps, t), f(this, Ue) <= 0 && tt(this, Ue, 1), tt(this, tr, Math.ceil(t / f(this, Er))), f(this, yn).call(this);
+    tt(this, Ps, t), f(this, Ue) <= 0 && tt(this, Ue, 1), tt(this, tr, Math.ceil(t / f(this, Er))), f(this, vn).call(this);
   }
   get linesPerPage() {
     return f(this, Er);
@@ -27801,7 +27801,7 @@ class Ud extends HTMLElement {
     tt(this, sa, t);
   }
 }
-Be = new WeakMap(), ra = new WeakMap(), sa = new WeakMap(), Er = new WeakMap(), ia = new WeakMap(), Ue = new WeakMap(), tr = new WeakMap(), Ps = new WeakMap(), Bh = new WeakMap(), yn = new WeakMap(), Fh = new WeakMap();
+Be = new WeakMap(), ra = new WeakMap(), sa = new WeakMap(), Er = new WeakMap(), ia = new WeakMap(), Ue = new WeakMap(), tr = new WeakMap(), Ps = new WeakMap(), Bh = new WeakMap(), vn = new WeakMap(), Fh = new WeakMap();
 customElements.get("ng-paging") || customElements.define("ng-paging", Ud);
 var hi, na;
 class Vd extends Mr {
@@ -27845,7 +27845,7 @@ class Vd extends Mr {
 hi = new WeakMap(), na = new WeakMap();
 customElements.get("ng-progress") || customElements.define("ng-progress", Vd);
 var Ds, jr, Bs, ci, qh, Hh;
-class Wd extends _i {
+class Wd extends Si {
   constructor() {
     super();
     Y(this, Ds);
@@ -27912,13 +27912,13 @@ class Wd extends _i {
 }
 Ds = new WeakMap(), jr = new WeakMap(), Bs = new WeakMap(), ci = new WeakMap(), qh = new WeakMap(), Hh = new WeakMap();
 customElements.get("ng-radio") || customElements.define("ng-radio", Wd);
-var vn;
+var wn;
 class Xd extends Mr {
   constructor() {
     super();
-    Y(this, vn);
+    Y(this, wn);
     it(this, "dataRefresh", (t) => {
-      f(this, vn) && (f(this, vn).innerHTML = this.getDisplayText(), t || this.reset());
+      f(this, wn) && (f(this, wn).innerHTML = this.getDisplayText(), t || this.reset());
     });
   }
   connectedCallback() {
@@ -27943,10 +27943,10 @@ class Xd extends Mr {
 			<div class="ng-wrap">
 				<span class="renderer"></span>
 			</div>
-		`, super.connectedCallback(), tt(this, vn, this.shadowRoot.querySelector("span.renderer"));
+		`, super.connectedCallback(), tt(this, wn, this.shadowRoot.querySelector("span.renderer"));
   }
 }
-vn = new WeakMap();
+wn = new WeakMap();
 customElements.get("ng-renderer") || customElements.define("ng-renderer", Xd);
 var zh;
 class Yd extends Mr {
@@ -28075,7 +28075,7 @@ er = new WeakMap(), or = new WeakMap(), ui = new WeakMap();
 customElements.get("ng-row-detail") || customElements.define("ng-row-detail", Yd);
 customElements.get("ng-row-detail-popup") || customElements.define("ng-row-detail-popup", Gd);
 var Uh;
-const Ai = class Ai extends Mr {
+const Ti = class Ti extends Mr {
   constructor() {
     super();
     it(this, "dataRefresh", (t) => {
@@ -28083,14 +28083,14 @@ const Ai = class Ai extends Mr {
     });
     Y(this, Uh, (t) => {
       const l = parseInt(this.cell.dataset.row), c = this.owner.body.querySelector(`.ng-container-body tr[data-row="${l}"]`);
-      t.dataTransfer.setDragImage(c, 0, 0), t.dataTransfer.effectAllowed = "copyMove", Ai.dragData = {
+      t.dataTransfer.setDragImage(c, 0, 0), t.dataTransfer.effectAllowed = "copyMove", Ti.dragData = {
         tr: this.cell.closest("tr"),
         id: this.owner.id,
         row: l,
         bind: this.cell.dataset.bind
       };
     });
-    Ai.scrollInterval = this.getAttribute("scroll-interval") || 300;
+    Ti.scrollInterval = this.getAttribute("scroll-interval") || 300;
   }
   connectedCallback() {
     this.shadowRoot.innerHTML = `
@@ -28102,8 +28102,8 @@ const Ai = class Ai extends Mr {
   }
 };
 Uh = new WeakMap(), //static sourceRow = -1;
-it(Ai, "dragData"), it(Ai, "scrollInterval");
-let ir = Ai;
+it(Ti, "dragData"), it(Ti, "scrollInterval");
+let ir = Ti;
 var qe, oa, aa, la, fs, ha, ca, ua, da;
 class Kd {
   constructor(C) {
@@ -28450,7 +28450,7 @@ class rf extends Mr {
   }
 }
 customElements.get("ng-row-state") || customElements.define("ng-row-state", rf);
-var Dt, es, me, gr, br, wn, xn, _n, Qh, tc, va, ec, wa, xa, Sn, _a, iu, kn;
+var Dt, es, me, gr, br, xn, _n, pi, Qh, tc, va, ec, wa, xa, Sn, _a, iu, kn;
 class sf extends HTMLElement {
   // 혹은 기존에 사용하는 누적 변수
   constructor() {
@@ -28461,9 +28461,9 @@ class sf extends HTMLElement {
     Y(this, me);
     Y(this, gr);
     Y(this, br);
-    Y(this, wn);
-    Y(this, xn, 0);
+    Y(this, xn);
     Y(this, _n, 0);
+    Y(this, pi, 0);
     it(this, "refresh", () => {
       if (!f(this, Dt)) return;
       var t = $(".ng-container-body", f(this, Dt).body), l = $(".ng-scroll-thumb", this.shadowRoot), c = $("table > thead", t), o = f(this, Dt).dataManager.viewRecords.rawIndex, r = $(f(this, me).track).height(), n = $(f(this, me).thumb).height();
@@ -28565,19 +28565,19 @@ class sf extends HTMLElement {
       t.offsetX = t.targetTouches[0].pageX - l.left, t.offsetY = t.targetTouches[0].pageY - l.top, t.pageX = t.changedTouches[0].pageX, t.pageY = t.changedTouches[0].pageY, t.clientX = t.changedTouches[0].clientX, t.clientY = t.changedTouches[0].clientY, t.buttons = 1, f(this, Sn).call(this, t);
     });
     Y(this, xa, (t) => {
-      tt(this, xn, t.clientY), tt(this, es, !0), this.shiftY = t.offsetY + f(this, me).track.getBoundingClientRect().y, this.trackHeight = $(f(this, me).track).height(), this.thumbHeight = $(f(this, me).thumb).height(), this.nodataHeight = $(".ng-container .ng-table tr.nodata", f(this, Dt).body).height(), this.bodyHeight = $(".ng-container-body", f(this, Dt).body).height(), this.templateHeight = f(this, Dt).template.height(), this.theadHeight = $(".ng-container-body table > thead", f(this, Dt).body).height() || 0, this.tfootHeight = $(".ng-container-body table > tfoot", f(this, Dt).body).height() || 0, this.fixedHeight = $(".ng-container-body tbody.fixed", f(this, Dt).body).height(), this.tableHeight = $(".ng-container-body .ng-table", f(this, Dt).body).height(), tt(this, wn, !0), document.addEventListener("mousemove", f(this, Sn)), typeof this.onDragStart == "function" && this.onDragStart();
+      tt(this, _n, t.clientY), tt(this, es, !0), this.shiftY = t.offsetY + f(this, me).track.getBoundingClientRect().y, this.trackHeight = $(f(this, me).track).height(), this.thumbHeight = $(f(this, me).thumb).height(), this.nodataHeight = $(".ng-container .ng-table tr.nodata", f(this, Dt).body).height(), this.bodyHeight = $(".ng-container-body", f(this, Dt).body).height(), this.templateHeight = f(this, Dt).template.height(), this.theadHeight = $(".ng-container-body table > thead", f(this, Dt).body).height() || 0, this.tfootHeight = $(".ng-container-body table > tfoot", f(this, Dt).body).height() || 0, this.fixedHeight = $(".ng-container-body tbody.fixed", f(this, Dt).body).height(), this.tableHeight = $(".ng-container-body .ng-table", f(this, Dt).body).height(), tt(this, xn, !0), document.addEventListener("mousemove", f(this, Sn)), typeof this.onDragStart == "function" && this.onDragStart();
     });
     Y(this, Sn, (t) => {
       if (!f(this, es)) return;
       t.preventDefault();
-      var l = t.clientY - f(this, xn);
-      f(this, wn) && (H.j.querySelectorAll("th,td", f(this, Dt).body).removeClass("active").removeClass("multi-selected").removeClass("selected").removeClass("selected-current").removeClass("selected-area").removeClass("selected-top").removeClass("selected-bottom").removeClass("selected-left").removeClass("selected-right"), tt(this, wn, !1));
+      var l = t.clientY - f(this, _n);
+      f(this, xn) && (H.j.querySelectorAll("th,td", f(this, Dt).body).removeClass("active").removeClass("multi-selected").removeClass("selected").removeClass("selected-current").removeClass("selected-area").removeClass("selected-top").removeClass("selected-bottom").removeClass("selected-left").removeClass("selected-right"), tt(this, xn, !1));
       var c = this.trackHeight;
       let o = f(this, kn).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, Dt).body).not(".nodata").length / f(this, Dt).template.length), s = parseInt(r * (f(this, Dt).data.count() + 1 - n) / parseInt(c - o)), e = Math.max(0, c - o), i = Math.max(0, f(this, Dt).matrix.getTotalHeight() - this.bodyHeight), u = f(this, Dt).matrix.getHeight(s), a = i > 0 ? u * (e / i) : 0;
-      f(this, Dt).dataManager.viewRecords.rawIndex != s ? (f(this, Dt).scrollToV2(s), tt(this, xn, t.clientY), tt(this, _n, 0), He(this, _a, iu).call(this, 0)) : (f(this, me).thumb.style.top = r + "px", f(this, Dt).matrix.getHeight(f(this, Dt).dataManager.viewRecords.rawIndex), ad.log(u, a, l, s), tt(this, _n, -Math.abs(u * l / a)), He(this, _a, iu).call(this, f(this, _n)));
+      f(this, Dt).dataManager.viewRecords.rawIndex != s ? (f(this, Dt).scrollToV2(s), tt(this, _n, t.clientY), tt(this, pi, 0), He(this, _a, iu).call(this, 0)) : (f(this, me).thumb.style.top = r + "px", f(this, Dt).matrix.getHeight(f(this, Dt).dataManager.viewRecords.rawIndex), ad.log(u, a, l, s), l > 0 ? tt(this, pi, -Math.abs(u * l / a)) : tt(this, pi, Math.abs(u * l / a)), He(this, _a, iu).call(this, f(this, pi)));
     });
     Y(this, kn, () => parseInt(f(this, me).thumb.dataset.height));
     this.attachShadow({ mode: "open" });
@@ -28601,7 +28601,7 @@ class sf extends HTMLElement {
     }), f(this, es), this.shiftX, f(this, Qh).call(this));
   }
 }
-Dt = new WeakMap(), es = new WeakMap(), me = new WeakMap(), gr = new WeakMap(), br = new WeakMap(), wn = new WeakMap(), xn = new WeakMap(), _n = new WeakMap(), Qh = new WeakMap(), tc = new WeakMap(), va = new WeakMap(), ec = new WeakMap(), wa = new WeakMap(), xa = new WeakMap(), Sn = new WeakMap(), _a = new WeakSet(), iu = function(t) {
+Dt = new WeakMap(), es = new WeakMap(), me = new WeakMap(), gr = new WeakMap(), br = new WeakMap(), xn = new WeakMap(), _n = new WeakMap(), pi = new WeakMap(), Qh = new WeakMap(), tc = new WeakMap(), va = new WeakMap(), ec = new WeakMap(), wa = new WeakMap(), xa = new WeakMap(), Sn = new WeakMap(), _a = new WeakSet(), iu = function(t) {
   t > 0 && (t = 0), f(this, Dt).body.querySelectorAll("tbody.bindable").forEach((c) => {
     c.style.transform = `translateY(${t}px)`;
   });
@@ -29157,7 +29157,7 @@ class lf {
   }
 }
 var ms;
-class hf extends _i {
+class hf extends Si {
   constructor() {
     super();
     Y(this, ms);
@@ -29238,11 +29238,11 @@ class cf extends HTMLElement {
 Na = new WeakMap(), Oa = new WeakMap(), ja = new WeakMap(), $a = new WeakMap();
 customElements.get("ng-textarea") || customElements.define("ng-textarea", hf);
 customElements.get("ng-textarea-detail") || customElements.define("ng-textarea-detail", cf);
-var La, Pa, Da, pi, Xn, lc, hc, cc, uc, yu, Ba, Fa, dc, fc, pc;
+var La, Pa, Da, mi, Xn, lc, hc, cc, uc, yu, Ba, Fa, dc, fc, pc;
 class uf extends Mr {
   constructor() {
     super();
-    Y(this, pi);
+    Y(this, mi);
     Y(this, La);
     Y(this, Pa);
     it(this, "dataRefresh", (t) => {
@@ -29252,13 +29252,13 @@ class uf extends Mr {
       f(this, La).innerHTML = c, f(this, Pa).innerHTML = this.getDisplayText(), f(this, lc).call(this), t || this.reset(), $(".ng-icon", this.shadowRoot).off("click", f(this, Da)), $(".ng-icon", this.shadowRoot).on("click", f(this, Da));
     });
     Y(this, Da, (t) => {
-      f(this, hc).call(this), H.j.querySelectorAll(t.target).removeClass("ng-expand-on").removeClass("ng-expand-off"), H.j.querySelectorAll(t.target).addClass(f(this, pi, Xn) ? "ng-expand-on" : "ng-expand-off");
+      f(this, hc).call(this), H.j.querySelectorAll(t.target).removeClass("ng-expand-on").removeClass("ng-expand-off"), H.j.querySelectorAll(t.target).addClass(f(this, mi, Xn) ? "ng-expand-on" : "ng-expand-off");
     });
     Y(this, lc, () => {
       const t = this.row;
       if (isNaN(t)) return;
       const l = f(this, fc).call(this, t), c = this.value, o = f(this, pc).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, pi, Xn) ? "ng-expand-on" : "ng-expand-off" : "ng-node");
+      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, mi, Xn) ? "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; ) {
@@ -29266,10 +29266,10 @@ class uf extends Mr {
         var u = f(this, Fa).call(this, e);
         u && s.eq(i).addClass("ng-pad-item-none"), e = f(this, Ba).call(this, e);
       }
-      c < o ? f(this, pi, Xn) ? 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, mi, Xn) ? 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, hc, () => {
-      f(this, cc).call(this, !f(this, pi, Xn));
+      f(this, cc).call(this, !f(this, mi, Xn));
     });
     Y(this, cc, (t) => {
       this.data.__ng._[H.ROW.EXPAND] = t, f(this, uc).call(this, t), this.owner.data.resetRecords(), this.owner.dataManager.viewRecords.reset();
@@ -29376,18 +29376,18 @@ class uf extends Mr {
     return -1;
   }
 }
-La = new WeakMap(), Pa = new WeakMap(), Da = new WeakMap(), pi = new WeakSet(), Xn = function() {
+La = new WeakMap(), Pa = new WeakMap(), Da = new WeakMap(), mi = new WeakSet(), Xn = function() {
   return this.data.__ng._[H.ROW.EXPAND];
 }, lc = new WeakMap(), hc = new WeakMap(), cc = new WeakMap(), uc = new WeakMap(), yu = new WeakMap(), Ba = new WeakMap(), Fa = new WeakMap(), dc = new WeakMap(), fc = new WeakMap(), pc = new WeakMap();
 customElements.get("ng-tree-item") || customElements.define("ng-tree-item", uf);
-var vt, Xe, yr, mi, gi, qa, Ha, za, Ua, Va, mc, gc, bc, En, Hs, zs;
+var vt, Xe, yr, gi, bi, qa, Ha, za, Ua, Va, mc, gc, bc, En, Hs, zs;
 class df {
   constructor(C) {
     Y(this, vt);
     Y(this, Xe);
     Y(this, yr);
-    Y(this, mi);
-    Y(this, gi, []);
+    Y(this, gi);
+    Y(this, bi, []);
     /**
      * changelayout
      * resize
@@ -29397,7 +29397,7 @@ class df {
         body: $(".ng-container-body", f(this, vt).body).height() || 0,
         thead: $(".ng-container-body thead", f(this, vt).body).height() || 0,
         tfoot: $(".ng-container-body tfoot", f(this, vt).body).height() || 0
-      }), !f(this, mi) && ($(".ng-container tbody.bindable tr.nodata", f(this, vt).body).height(f(this, yr).body), tt(this, mi, !0));
+      }), !f(this, gi) && ($(".ng-container tbody.bindable tr.nodata", f(this, vt).body).height(f(this, yr).body), tt(this, gi, !0));
     });
     it(this, "redraw", () => {
       f(this, vt).touchEvent.scrollTop(), this.init(), f(this, vt).dataManager && (tt(this, Xe, f(this, vt).dataManager.viewRecords.rawIndex || 0), f(this, mc).call(this), f(this, En).call(this), f(this, vt).body.querySelector("ng-vscrollbar").refresh());
@@ -29479,10 +29479,10 @@ class df {
       f(this, Ua).call(this), f(this, Va).call(this), f(this, vt).isLastPage;
     });
     Y(this, bc, () => {
-      for (const C of f(this, gi))
+      for (const C of f(this, bi))
         clearTimeout(C);
-      tt(this, gi, []), f(this, gi).push(setTimeout(() => {
-        tt(this, mi, !1);
+      tt(this, bi, []), f(this, bi).push(setTimeout(() => {
+        tt(this, gi, !1);
         var C = $(".ng-container-body tbody.bindable tr", f(this, vt).body).not(".nodata"), t = $(".ng-container-left tbody.bindable tr", f(this, vt).body).not(".nodata"), l = $(".ng-container-right tbody.bindable tr", f(this, vt).body).not(".nodata");
         if (C.length > 0) {
           var c = parseInt(C[0].dataset.row * f(this, vt).template.length);
@@ -29496,7 +29496,7 @@ class df {
         });
         var o = f(this, yr).body - f(this, yr).thead - f(this, yr).tfoot - f(this, Ha).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, gi).push(setTimeout(() => {
+      }, 300)), f(this, bi).push(setTimeout(() => {
         f(this, vt).refreshDataV2();
       }));
     });
@@ -29602,10 +29602,10 @@ class df {
     it(this, "moveTo", (C) => {
       f(this, vt).scrollTo(C);
     });
-    tt(this, vt, C), tt(this, mi, !1), this.init();
+    tt(this, vt, C), tt(this, gi, !1), this.init();
   }
 }
-vt = new WeakMap(), Xe = new WeakMap(), yr = new WeakMap(), mi = new WeakMap(), gi = new WeakMap(), qa = new WeakMap(), Ha = new WeakMap(), za = new WeakMap(), Ua = new WeakMap(), Va = new WeakMap(), mc = new WeakMap(), gc = new WeakMap(), bc = new WeakMap(), En = new WeakMap(), Hs = new WeakMap(), zs = new WeakMap();
+vt = new WeakMap(), Xe = new WeakMap(), yr = new WeakMap(), gi = new WeakMap(), bi = new WeakMap(), qa = new WeakMap(), Ha = new WeakMap(), za = new WeakMap(), Ua = new WeakMap(), Va = new WeakMap(), mc = new WeakMap(), gc = new WeakMap(), bc = new WeakMap(), En = new WeakMap(), Hs = new WeakMap(), zs = new WeakMap();
 var Je, Us, yc;
 class ff {
   constructor(C) {
@@ -29831,12 +29831,12 @@ class mf extends HTMLElement {
 Ar = new WeakMap(), Ya = new WeakMap(), Ga = new WeakMap(), vc = new WeakMap(), wc = new WeakMap(), xc = new WeakMap(), _c = new WeakMap();
 customElements.get("ng-filter-button") || customElements.define("ng-filter-button", pf);
 customElements.get("ng-filter-panel") || customElements.define("ng-filter-panel", mf);
-var Ka, bi, Za, Tn, ss, Ja, Qa, Sc, gs, kc, tl, Cc, is, Ec, el, Ac, rl, Vs, Ws;
+var Ka, yi, Za, Tn, ss, Ja, Qa, Sc, gs, kc, tl, Cc, is, Ec, el, Ac, rl, Vs, Ws;
 class tu extends HTMLElement {
   constructor() {
     super();
     Y(this, Ka, !1);
-    Y(this, bi);
+    Y(this, yi);
     Y(this, Za);
     Y(this, Tn);
     Y(this, ss);
@@ -29900,7 +29900,7 @@ class tu extends HTMLElement {
       this.dataManager && (this.data.clear(), this.dataManager.setDataSource(t), this.refresh(), this.paging && this.paging.refresh(), this.scrollTo_V1(0));
     });
     it(this, "changeRayout", (t) => {
-      $(".ng-container-left", this.body).children().remove(), $(".ng-container-right", this.body).children().remove(), $(".ng-container-body", this.body).children().remove(), $(".ng-container-body", this.shadowRoot).append(f(this, ss)[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, bi).resetEvent(), f(this, Za).resetEvent(), f(this, Tn) && f(this, Tn).resetEvent(), this.sorting && this.sorting.initialize(), this.filtering && this.filtering.initialize(), this.pin && this.pin.initialize(), this.data.initialize(), setTimeout(() => {
+      $(".ng-container-left", this.body).children().remove(), $(".ng-container-right", this.body).children().remove(), $(".ng-container-body", this.body).children().remove(), $(".ng-container-body", this.shadowRoot).append(f(this, ss)[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, yi).resetEvent(), f(this, Za).resetEvent(), f(this, Tn) && f(this, Tn).resetEvent(), this.sorting && this.sorting.initialize(), this.filtering && this.filtering.initialize(), this.pin && this.pin.initialize(), this.data.initialize(), setTimeout(() => {
         this.paging && this.paging.refresh(), this.scrollTo_V1(0);
       });
     });
@@ -30028,7 +30028,7 @@ class tu 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 ff(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 of(this), this.matrix = new qd(this), tt(this, bi, new id(this)), tt(this, Za, new sd(this)), H.j.querySelectorAll(this).hasClass("simple") || tt(this, Tn, new Kd(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 ff(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 of(this), this.matrix = new qd(this), tt(this, yi, new id(this)), tt(this, Za, new sd(this)), H.j.querySelectorAll(this).hasClass("simple") || tt(this, Tn, new Kd(this)), f(this, tl).call(this), this.refresh(), this.body.querySelector(".ng-container-body .nodata") && new ResizeObserver((r, n) => {
         this.body.querySelector("ng-vscrollbar").refresh();
       }).observe(this.body.querySelector(".ng-container-body .nodata")), !H.j.querySelectorAll(this).hasClass("filter") && !H.j.querySelectorAll(this).hasClass("combo") && ($(this.body).on("mousedown", (r) => {
         this.shadowRoot.querySelectorAll("ng-combo-panel,ng-filter-panel,ng-context-menu-panel").forEach((n) => {
@@ -30350,7 +30350,7 @@ class tu extends HTMLElement {
         H.j.querySelectorAll(".ng-table thead .col-indicator-rowgroup", this.body).removeClass(H.COLINDICATORTYPE.EXPAND).removeClass(H.COLINDICATORTYPE.COLLAPSE).addClass(c), f(this, gs).call(this);
         break;
       case "auto-fit-col":
-        f(this, bi) && f(this, bi).autoFit(c == "true"), f(this, gs).call(this);
+        f(this, yi) && f(this, yi).autoFit(c == "true"), f(this, gs).call(this);
         break;
       case "enable-fixed-col":
         c == "true" ? H.j.querySelectorAll(this).addClass(t) : H.j.querySelectorAll(this).removeClass(t);
@@ -30386,7 +30386,7 @@ class tu extends HTMLElement {
     return Math.max.apply(null, f(this, rl).call(this));
   }
 }
-Ka = new WeakMap(), bi = new WeakMap(), Za = new WeakMap(), Tn = new WeakMap(), ss = new WeakMap(), Ja = new WeakMap(), Qa = new WeakMap(), Sc = new WeakMap(), gs = new WeakMap(), kc = new WeakMap(), tl = new WeakMap(), Cc = new WeakMap(), is = new WeakMap(), Ec = new WeakMap(), el = new WeakMap(), Ac = new WeakMap(), rl = new WeakMap(), Vs = new WeakMap(), Ws = new WeakMap(), it(tu, "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"]);
+Ka = new WeakMap(), yi = new WeakMap(), Za = new WeakMap(), Tn = new WeakMap(), ss = new WeakMap(), Ja = new WeakMap(), Qa = new WeakMap(), Sc = new WeakMap(), gs = new WeakMap(), kc = new WeakMap(), tl = new WeakMap(), Cc = new WeakMap(), is = new WeakMap(), Ec = new WeakMap(), el = new WeakMap(), Ac = new WeakMap(), rl = new WeakMap(), Vs = new WeakMap(), Ws = new WeakMap(), it(tu, "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", tu);
 class gf extends tu {
   constructor() {
@@ -30492,7 +30492,7 @@ class bf extends HTMLElement {
 }
 bs = new WeakMap(), Tc = new WeakMap(), sl = new WeakMap(), Rn = new WeakMap(), il = new WeakMap(), nl = new WeakMap(), Mn = new WeakMap(), ol = new WeakMap();
 customElements.get("nx-dialog") || customElements.define("nx-dialog", bf);
-var al, Xs, ll, In, ys, yi, Nn, Rc;
+var al, Xs, ll, In, ys, vi, Nn, Rc;
 class ju extends HTMLElement {
   constructor() {
     super();
@@ -30501,15 +30501,15 @@ class ju extends HTMLElement {
     Y(this, ll);
     Y(this, In);
     Y(this, ys);
-    Y(this, yi, []);
+    Y(this, vi, []);
     Y(this, Nn);
     it(this, "refresh", () => {
       if (f(this, Xs)) {
         if (f(this, Nn))
           f(this, Xs).innerHTML = i18next.t(f(this, Nn));
-        else if (f(this, yi).length > 0 && !H.isNull(f(this, In))) {
-          var t = f(this, yi).findIndex((l) => l[f(this, ll)] == H.global.locale);
-          t < 0 && (t = 0), f(this, Xs).innerHTML = f(this, yi)[t][f(this, In)], $("datalist", this).remove(), $(this).append(f(this, ys));
+        else if (f(this, vi).length > 0 && !H.isNull(f(this, In))) {
+          var t = f(this, vi).findIndex((l) => l[f(this, ll)] == H.global.locale);
+          t < 0 && (t = 0), f(this, Xs).innerHTML = f(this, vi)[t][f(this, In)], $("datalist", this).remove(), $(this).append(f(this, ys));
         }
       }
     });
@@ -30520,7 +30520,7 @@ class ju extends HTMLElement {
         tt(this, ys, f(this, ys) + "<option");
         for (const s in r)
           tt(this, ys, f(this, ys) + ` ${s}="${r[s]}"`);
-        tt(this, ys, f(this, ys) + "></option>"), f(this, yi).push(r);
+        tt(this, ys, f(this, ys) + "></option>"), f(this, vi).push(r);
       }), tt(this, ys, f(this, ys) + "</datalist>");
       const t = this.innerHTML;
       this.innerHTML = `
@@ -30537,7 +30537,7 @@ class ju extends HTMLElement {
     });
   }
 }
-al = new WeakMap(), Xs = new WeakMap(), ll = new WeakMap(), In = new WeakMap(), ys = new WeakMap(), yi = new WeakMap(), Nn = new WeakMap(), Rc = new WeakMap(), it(ju, "i18n", {
+al = new WeakMap(), Xs = new WeakMap(), ll = new WeakMap(), In = new WeakMap(), ys = new WeakMap(), vi = new WeakMap(), Nn = new WeakMap(), Rc = new WeakMap(), it(ju, "i18n", {
   convertArrayToJSON: (t) => {
     let l = {};
     for (const c of t) {
@@ -30943,18 +30943,18 @@ class xf extends HTMLElement {
   }
 }
 $n = new WeakMap(), Ln = new WeakMap(), ul = new WeakMap(), dl = new WeakMap(), fl = new WeakMap(), Ic = new WeakMap();
-var vi, Nc, Oc, $u;
+var wi, Nc, Oc, $u;
 class _f extends HTMLElement {
   constructor() {
     super();
     Y(this, Oc);
-    Y(this, vi);
+    Y(this, wi);
     Y(this, Nc, () => {
-      He(this, Oc, $u).call(this), tt(this, vi, this.shadowRoot.getRootNode().host.getRootNode().host), f(this, vi) && (this.shadowRoot.querySelector(".icon:nth-of-type(1)").addEventListener("click", (t) => {
-        f(this, vi).expand();
+      He(this, Oc, $u).call(this), tt(this, wi, this.shadowRoot.getRootNode().host.getRootNode().host), f(this, wi) && (this.shadowRoot.querySelector(".icon:nth-of-type(1)").addEventListener("click", (t) => {
+        f(this, wi).expand();
       }), this.shadowRoot.querySelectorAll(".icon:nth-of-type(2),.icon:nth-of-type(3)").forEach((t) => {
         t.addEventListener("click", (l) => {
-          f(this, vi).collapse();
+          f(this, wi).collapse();
         });
       }));
     });
@@ -30964,7 +30964,7 @@ class _f extends HTMLElement {
     H.waitForInnerHTML(this).then(() => f(this, Nc).call(this)).catch((t) => console.error(t));
   }
 }
-vi = new WeakMap(), Nc = new WeakMap(), Oc = new WeakSet(), $u = function() {
+wi = new WeakMap(), Nc = new WeakMap(), Oc = new WeakSet(), $u = function() {
   const t = this.getAttribute("icon-color") || "#eee", l = this.innerHTML.trim();
   this.innerHTML = "", this.shadowRoot.innerHTML = `
 			<style>
@@ -31150,7 +31150,7 @@ customElements.get("nx-side-menu-head") || customElements.define("nx-side-menu-h
 customElements.get("nx-side-menu-foot") || customElements.define("nx-side-menu-foot", Sf);
 customElements.get("nx-side-menu-body") || customElements.define("nx-side-menu-body", kf);
 customElements.get("nx-side-menu-item") || customElements.define("nx-side-menu-item", Cf);
-var gl, Bn, bl, Fn, vs, wi, Bc;
+var gl, Bn, bl, Fn, vs, xi, Bc;
 class Ef extends HTMLElement {
   constructor() {
     super();
@@ -31159,11 +31159,11 @@ class Ef extends HTMLElement {
     Y(this, bl);
     Y(this, Fn);
     Y(this, vs);
-    Y(this, wi, []);
+    Y(this, xi, []);
     it(this, "refresh", () => {
-      if (!(f(this, wi).length < 0 || H.isNull(f(this, Fn)))) {
-        var t = f(this, wi).findIndex((l) => l[f(this, bl)] == H.global.locale);
-        t < 0 && (t = 0), f(this, Bn).innerHTML = f(this, wi)[t][f(this, Fn)], $("datalist", this).remove(), $(this).append(f(this, vs));
+      if (!(f(this, xi).length < 0 || H.isNull(f(this, Fn)))) {
+        var t = f(this, xi).findIndex((l) => l[f(this, bl)] == H.global.locale);
+        t < 0 && (t = 0), f(this, Bn).innerHTML = f(this, xi)[t][f(this, Fn)], $("datalist", this).remove(), $(this).append(f(this, vs));
       }
     });
     Y(this, Bc, () => {
@@ -31173,7 +31173,7 @@ class Ef extends HTMLElement {
         tt(this, vs, f(this, vs) + "<option");
         for (const s in r)
           tt(this, vs, f(this, vs) + ` ${s}="${r[s]}"`);
-        tt(this, vs, f(this, vs) + "></option>"), f(this, wi).push(r);
+        tt(this, vs, f(this, vs) + "></option>"), f(this, xi).push(r);
       }), tt(this, vs, f(this, vs) + "</datalist>");
       const t = this.innerHTML;
       this.innerHTML = `
@@ -31191,7 +31191,7 @@ class Ef 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(), Bn = new WeakMap(), bl = new WeakMap(), Fn = new WeakMap(), vs = new WeakMap(), wi = new WeakMap(), Bc = new WeakMap();
+gl = new WeakMap(), Bn = new WeakMap(), bl = new WeakMap(), Fn = new WeakMap(), vs = new WeakMap(), xi = new WeakMap(), Bc = new WeakMap();
 customElements.get("nx-span") || customElements.define("nx-span", Ef);
 class Af extends HTMLElement {
   constructor() {
@@ -31735,14 +31735,14 @@ class Lf extends HTMLElement {
 }
 Tr = new WeakMap(), wl = new WeakMap(), xl = new WeakMap(), _l = new WeakMap(), Sl = new WeakMap(), Wc = new WeakMap();
 customElements.get("nx-title") || customElements.define("nx-title", Lf);
-var kl, xi, Cl, Rr, Yn, nu, ou, El, Xc;
+var kl, _i, Cl, Rr, Yn, nu, ou, El, Xc;
 class xu extends HTMLElement {
   constructor() {
     super();
     Y(this, Rr);
     it(this, "originContents");
     Y(this, kl, !1);
-    Y(this, xi);
+    Y(this, _i);
     // Shadow DOM 사용 여부에 따라 shadowRoot 또는 this를 가리킴
     Y(this, Cl, !1);
     it(this, "getData", () => {
@@ -31789,7 +31789,7 @@ class xu extends HTMLElement {
     });
   }
   connectedCallback() {
-    return f(this, kl) ? !1 : (this.getAttribute("use-shadow") !== "false" && !this.shadowRoot ? (this.attachShadow({ mode: "open" }), tt(this, xi, this.shadowRoot)) : tt(this, xi, this), f(this, Xc).call(this), tt(this, kl, !0), !0);
+    return f(this, kl) ? !1 : (this.getAttribute("use-shadow") !== "false" && !this.shadowRoot ? (this.attachShadow({ mode: "open" }), tt(this, _i, this.shadowRoot)) : tt(this, _i, this), f(this, Xc).call(this), tt(this, kl, !0), !0);
   }
   get changed() {
     return f(this, Cl);
@@ -31805,12 +31805,12 @@ class xu extends HTMLElement {
   }
   // 자식 클래스에서 접근 가능하도록 getter 제공
   get root() {
-    return f(this, xi) || this;
+    return f(this, _i) || this;
   }
 }
-kl = new WeakMap(), xi = new WeakMap(), Cl = new WeakMap(), Rr = new WeakSet(), // 공통 쿼리 함수: 현재 root(Shadow 또는 Light DOM)에서 요소를 찾음
+kl = new WeakMap(), _i = new WeakMap(), Cl = new WeakMap(), Rr = new WeakSet(), // 공통 쿼리 함수: 현재 root(Shadow 또는 Light DOM)에서 요소를 찾음
 Yn = function() {
-  return H.querySelectorAll("input[name], textarea[name], select[name], nx-editor[name]", f(this, xi));
+  return H.querySelectorAll("input[name], textarea[name], select[name], nx-editor[name]", f(this, _i));
 }, // [공통 로직 1] 특정 요소에 값을 쓰거나 초기화하는 핵심 함수
 nu = function(t, l) {
   const c = t.tagName.toUpperCase(), o = t.type;