@ninebone/grid 0.0.35 → 0.0.40

package/dist/nine-grid.js

@@ -14,7 +14,7 @@ var Su = (mt, C, t, l) => ({
   }
 });
 import Bu from "jquery";
-import { trace as Wn } from "@ninebone/util";
+import { trace as Fu } from "@ninebone/util";
 class yu extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
@@ -641,22 +641,22 @@ Array.prototype.nineBinarySearch = function(mt) {
   }
   return -1;
 };
-class Fu extends HTMLElement {
+class qu extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
     const C = document.createElement("button");
     C.textContent = "클릭하세요!", C.style.padding = "10px", C.style.backgroundColor = "blue", C.style.color = "white", this.shadowRoot.appendChild(C);
   }
 }
-customElements.get("nine-grid4") || customElements.define("nine-grid4", Fu);
-class qu extends HTMLElement {
+customElements.get("nine-grid4") || customElements.define("nine-grid4", qu);
+class Hu extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
     const C = document.createElement("button");
     C.textContent = "클릭하세요!", C.style.padding = "10px", C.style.backgroundColor = "blue", C.style.color = "white", this.shadowRoot.appendChild(C);
   }
 }
-customElements.get("nine-grid2") || customElements.define("nine-grid2", qu);
+customElements.get("nine-grid2") || customElements.define("nine-grid2", Hu);
 var Gn, Kn, Zn, as, ql;
 class Mr extends HTMLElement {
   constructor() {
@@ -861,7 +861,7 @@ class Mr extends HTMLElement {
   }
 }
 Gn = new WeakMap(), Kn = new WeakMap(), Zn = new WeakMap(), as = new WeakMap(), ql = new WeakMap();
-class Si extends Mr {
+class ki extends Mr {
   constructor() {
     super();
   }
@@ -888,7 +888,7 @@ class Si extends Mr {
   }
 }
 var Cs;
-class Hu extends Mr {
+class zu extends Mr {
   constructor() {
     super();
     Y(this, Cs);
@@ -920,9 +920,9 @@ class Hu extends Mr {
   }
 }
 Cs = new WeakMap();
-customElements.get("ng-button") || customElements.define("ng-button", Hu);
+customElements.get("ng-button") || customElements.define("ng-button", zu);
 var Ve, Hl, zl, Ul, Vl;
-class zu {
+class Uu {
   constructor(C) {
     Y(this, Ve);
     Y(this, Hl, (C) => {
@@ -970,21 +970,21 @@ class zu {
   }
 }
 Ve = new WeakMap(), Hl = new WeakMap(), zl = new WeakMap(), Ul = new WeakMap(), Vl = new WeakMap();
-var Xt, Wl, Ri, Es, As, Mi, Ts, Ii, Jn, Ni, Oi, lr, Cu, Eu, Vu, Au, Tu, Ru, Wu, Mu, Js, ji, Qn, to, eo, ro;
-class Uu {
+var Xt, Wl, Mi, Es, As, Ii, Ts, Ni, Jn, Oi, ji, lr, Cu, Eu, Wu, Au, Tu, Ru, Xu, Mu, Qs, $i, Qn, to, eo, ro;
+class Vu {
   constructor(C) {
     Y(this, lr);
     Y(this, Xt);
     Y(this, Wl);
-    Y(this, Ri);
+    Y(this, Mi);
     Y(this, Es);
     Y(this, As);
-    Y(this, Mi);
-    Y(this, Ts);
     Y(this, Ii);
-    Y(this, Jn);
+    Y(this, Ts);
     Y(this, Ni);
+    Y(this, Jn);
     Y(this, Oi);
+    Y(this, ji);
     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,13 +1006,13 @@ class Uu {
       }
       switch (C.code) {
         case "Tab":
-          C.preventDefault(), n = C.shiftKey ? f(this, Js).call(this, o, c) : f(this, ji).call(this, o, c);
+          C.preventDefault(), n = C.shiftKey ? f(this, Qs).call(this, o, c) : f(this, $i).call(this, o, c);
           break;
         case "ArrowRight":
-          n = f(this, ji).call(this, o, c);
+          n = f(this, $i).call(this, o, c);
           break;
         case "ArrowLeft":
-          n = f(this, Js).call(this, o, c);
+          n = f(this, Qs).call(this, o, c);
           break;
         case "ArrowDown":
           if (t.closest("tbody.fixed"))
@@ -1042,21 +1042,21 @@ class Uu {
       }
       ["Tab", "ArrowLeft", "ArrowRight"].includes(C.code) && f(this, Xt).body.querySelector("ng-hscrollbar").refresh();
     });
-    Y(this, Js, (C, t) => {
+    Y(this, Qs, (C, t) => {
       var l = parseInt(C / f(this, Xt).template.length), c;
       return $(`tbody tr[data-matrix-row=${C}]`, f(this, Xt).body).find("th,td").each((o, r) => {
         var n = parseInt(r.dataset.col);
         if (t - 1 >= n && t - 1 <= n + r.colSpan - 1)
-          return c = H.j.querySelectorAll(r).hasClass("dummy") ? f(this, Js).call(this, C, r.dataset.col) : r.dataset.col, !1;
+          return c = H.j.querySelectorAll(r).hasClass("dummy") ? f(this, Qs).call(this, C, r.dataset.col) : r.dataset.col, !1;
       }), c == null && $(`tbody tr[data-row=${l}]`, f(this, Xt).body).find("th,td").each((o, r) => {
         var n = parseInt(r.dataset.col);
         if (t - 1 >= n && t - 1 <= n + r.colSpan - 1)
-          return c = H.j.querySelectorAll(r).hasClass("dummy") ? f(this, Js).call(this, C, r.dataset.col) : r.dataset.col, !1;
+          return c = H.j.querySelectorAll(r).hasClass("dummy") ? f(this, Qs).call(this, C, r.dataset.col) : r.dataset.col, !1;
       }), c;
     });
-    Y(this, ji, (C, t) => {
+    Y(this, $i, (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, ji).call(this, C, c)), c;
+      return H.j.querySelectorAll(o).hasClass("dummy") && (c = f(this, $i).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 Uu {
     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, Es, -1), tt(this, As, -1), tt(this, Mi, -1), tt(this, Ts, -1), this.resetEvent();
+    tt(this, Xt, C), tt(this, Es, -1), tt(this, As, -1), tt(this, Ii, -1), tt(this, Ts, -1), this.resetEvent();
   }
   get matrixRow() {
     return f(this, As);
@@ -1120,14 +1120,14 @@ class Uu {
     return f(this, Ts);
   }
   get currentCell() {
-    return f(this, Ri);
+    return f(this, Mi);
   }
   set currentCell(C) {
     if (!C) return;
-    tt(this, Wl, f(this, Ri)), tt(this, Ri, C), C.focus();
+    tt(this, Wl, f(this, Mi)), tt(this, Mi, C), C.focus();
     var t = C.closest("tr");
     tt(this, lr, parseInt(t.dataset.row) * f(this, Xt).template.length + t.sectionRowIndex % f(this, Xt).template.length, Eu), tt(this, lr, parseInt(C.dataset.col), Ru), tt(this, lr, C.cellIndex, Au), tt(this, lr, C.dataset.bind, Mu), t.closest("tbody.fixed") || (f(this, Xt).row.at = C.dataset.row), f(this, Xt).selection.selectCell(f(this, lr, Cu), f(this, lr, Tu));
-    const l = C, c = parseInt(l.dataset.row), o = parseInt(l.dataset.matrixRow) % parseInt(l.dataset.row), r = parseInt(l.dataset.col), n = l.cellIndex, s = parseInt(f(this, Es) / f(this, Xt).template.length), e = parseInt(f(this, Es)) % parseInt(f(this, Es) / f(this, Xt).template.length), i = f(this, Mi), u = f(this, Jn);
+    const l = C, c = parseInt(l.dataset.row), o = parseInt(l.dataset.matrixRow) % parseInt(l.dataset.row), r = parseInt(l.dataset.col), n = l.cellIndex, s = parseInt(f(this, Es) / f(this, Xt).template.length), e = parseInt(f(this, Es)) % parseInt(f(this, Es) / f(this, Xt).template.length), i = f(this, Ii), u = f(this, Jn);
     if (c != s || o != e || r != i) {
       const a = new CustomEvent(H.EVENT.CELL_POS_CHANGED, { bubbles: !0, detail: {} });
       a.col = r, a.cellIndex = n, a.row = c, a.subrow = o, a.bind = l.dataset.bind, a.prev = {
@@ -1136,7 +1136,7 @@ class Uu {
         col: i,
         row: s,
         subrow: e,
-        bind: f(this, Ni)
+        bind: f(this, Oi)
       }, f(this, Xt).dispatchEvent(a);
     }
     if (c != s) {
@@ -1146,34 +1146,34 @@ class Uu {
         cellIndex: u,
         row: s,
         subrow: e,
-        bind: f(this, Ni)
+        bind: f(this, Oi)
       }, f(this, Xt).dispatchEvent(a);
     }
   }
 }
-Xt = new WeakMap(), Wl = new WeakMap(), Ri = new WeakMap(), Es = new WeakMap(), As = new WeakMap(), Mi = new WeakMap(), Ts = new WeakMap(), Ii = new WeakMap(), Jn = new WeakMap(), Ni = new WeakMap(), Oi = new WeakMap(), lr = new WeakSet(), Cu = function() {
+Xt = new WeakMap(), Wl = new WeakMap(), Mi = new WeakMap(), Es = new WeakMap(), As = new WeakMap(), Ii = new WeakMap(), Ts = new WeakMap(), Ni = new WeakMap(), Jn = new WeakMap(), Oi = new WeakMap(), ji = new WeakMap(), lr = new WeakSet(), Cu = function() {
   return f(this, As);
 }, Eu = function(C) {
   tt(this, Es, f(this, As)), tt(this, As, parseInt(C));
-}, Vu = function() {
-  return f(this, Ii);
+}, Wu = function() {
+  return f(this, Ni);
 }, Au = function(C) {
-  tt(this, Jn, f(this, Ii)), tt(this, Ii, parseInt(C));
+  tt(this, Jn, f(this, Ni)), tt(this, Ni, parseInt(C));
 }, Tu = function() {
   return f(this, Ts);
 }, Ru = function(C) {
-  tt(this, Mi, f(this, Ts)), tt(this, Ts, parseInt(C));
-}, Wu = function() {
-  return f(this, Oi);
+  tt(this, Ii, f(this, Ts)), tt(this, Ts, parseInt(C));
+}, Xu = function() {
+  return f(this, ji);
 }, Mu = function(C) {
-  tt(this, Ni, f(this, Oi)), tt(this, Oi, C);
-}, Js = new WeakMap(), ji = new WeakMap(), Qn = new WeakMap(), to = new WeakMap(), eo = new WeakMap(), ro = new WeakMap();
-var kt, wr, $i, Xl, so;
-class Xu {
+  tt(this, Oi, f(this, ji)), tt(this, ji, C);
+}, Qs = new WeakMap(), $i = new WeakMap(), Qn = new WeakMap(), to = new WeakMap(), eo = new WeakMap(), ro = new WeakMap();
+var kt, wr, Li, Xl, so;
+class Yu {
   constructor(C) {
     Y(this, kt);
     Y(this, wr);
-    Y(this, $i);
+    Y(this, Li);
     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 Xu {
         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, $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);
+        f(this, kt).body.querySelector("ng-vscrollbar").stopScroll(), clearInterval(f(this, Li)), $(".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, $i)), $(document).off("mousemove", u);
+        clearInterval(f(this, Li)), $(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, $i, 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, Li, 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,9 +1407,9 @@ class Xu {
     return this.selected.endCol;
   }
 }
-kt = new WeakMap(), wr = new WeakMap(), $i = new WeakMap(), Xl = new WeakMap(), so = new WeakMap();
+kt = new WeakMap(), wr = new WeakMap(), Li = new WeakMap(), Xl = new WeakMap(), so = new WeakMap();
 var Ot, ls, io, no, oo, Ir, ao, lo, cr, ho, Yl, Gl, Kl, Zl, Jl, Ql, co, uo, fo, po;
-class Yu {
+class Gu {
   constructor(C) {
     Y(this, Ot);
     Y(this, ls);
@@ -1568,18 +1568,18 @@ class Yu {
   }
 }
 Ot = new WeakMap(), ls = new WeakMap(), io = new WeakMap(), no = new WeakMap(), oo = new WeakMap(), Ir = new WeakMap(), ao = new WeakMap(), lo = new WeakMap(), cr = new WeakMap(), ho = new WeakMap(), Yl = new WeakMap(), Gl = new WeakMap(), Kl = new WeakMap(), Zl = new WeakMap(), Jl = new WeakMap(), Ql = new WeakMap(), co = new WeakMap(), uo = new WeakMap(), fo = new WeakMap(), po = new WeakMap();
-var th, eh, Li, mo, Pi;
-class Gu extends Mr {
+var th, eh, Pi, mo, Di;
+class Ku extends Mr {
   constructor() {
     super();
     Y(this, th);
     Y(this, eh);
-    Y(this, Li);
-    Y(this, mo);
     Y(this, Pi);
+    Y(this, mo);
+    Y(this, Di);
     it(this, "dataRefresh", (t) => {
       var l = this.cell.closest("tr").data;
-      for (var c of f(this, Pi).data.datasets) {
+      for (var c of f(this, Di).data.datasets) {
         var t = l[c["data-bind"]];
         switch (typeof t) {
           case "string":
@@ -1590,7 +1590,7 @@ class Gu extends Mr {
             break;
         }
       }
-      $(f(this, Li)).height(28), setTimeout(() => {
+      $(f(this, Pi)).height(28), setTimeout(() => {
         f(this, mo).update();
       }), t || this.reset();
     });
@@ -1624,11 +1624,11 @@ class Gu extends Mr {
 				}
 			</style>
 			<canvas class="chart" width="${$(this).width()}" height="${$(this).height() - 4}"></canvas>
-		`, super.connectedCallback(), tt(this, Li, this.shadowRoot.querySelector("canvas.chart"));
+		`, super.connectedCallback(), tt(this, Pi, 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, Pi, {
+    tt(this, Di, {
       type: "line",
       data: {
         labels: t,
@@ -1647,22 +1647,22 @@ class Gu extends Mr {
           y: { display: !1 }
         }
       }
-    }), tt(this, mo, new Chart(f(this, Li), f(this, Pi)));
+    }), tt(this, mo, new Chart(f(this, Pi), f(this, Di)));
   }
 }
-th = new WeakMap(), eh = new WeakMap(), Li = new WeakMap(), mo = new WeakMap(), Pi = new WeakMap();
-customElements.get("ng-line-chart") || customElements.define("ng-line-chart", Gu);
-var Di, Bi, go, Fi, qi;
-class Ku extends Si {
+th = new WeakMap(), eh = new WeakMap(), Pi = new WeakMap(), mo = new WeakMap(), Di = new WeakMap();
+customElements.get("ng-line-chart") || customElements.define("ng-line-chart", Ku);
+var Bi, Fi, go, qi, Hi;
+class Zu extends ki {
   constructor() {
     super();
-    Y(this, Di);
     Y(this, Bi);
-    Y(this, go);
     Y(this, Fi);
+    Y(this, go);
     Y(this, qi);
+    Y(this, Hi);
     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, 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());
+      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, Bi)).prop("checked", this.value == this.trueValue), f(this, Fi) && $(f(this, Fi)).html(this.value == this.trueValue ? f(this, qi) : this.value == this.falseValue ? f(this, Hi) : 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 Ku extends Si {
         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, Fi, this.getAttribute("true-text") || ""), tt(this, qi, 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, qi, this.getAttribute("true-text") || ""), tt(this, Hi, 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 Ku extends Si {
 			<div class="ng-wrap">
 				${r}
 			</div>
-		`, 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) => {
+		`, super.connectedCallback(), tt(this, Bi, this.shadowRoot.querySelector("input")), tt(this, Fi, this.shadowRoot.querySelector("span")), this.closest("thead") && $(f(this, Bi)).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 Ku extends Si {
     });
   }
   get dataSource() {
-    return [{ value: this.trueValue, text: f(this, Fi) }, { value: this.falseValue, text: f(this, qi) }];
+    return [{ value: this.trueValue, text: f(this, qi) }, { value: this.falseValue, text: f(this, Hi) }];
   }
 }
-Di = new WeakMap(), Bi = new WeakMap(), go = new WeakMap(), Fi = new WeakMap(), qi = new WeakMap();
-customElements.get("ng-checkbox") || customElements.define("ng-checkbox", Ku);
-var Qs, Pr, bo, Hi, yo, rh;
-class Zu extends HTMLElement {
+Bi = new WeakMap(), Fi = new WeakMap(), go = new WeakMap(), qi = new WeakMap(), Hi = new WeakMap();
+customElements.get("ng-checkbox") || customElements.define("ng-checkbox", Zu);
+var ti, Pr, bo, zi, yo, rh;
+class Ju extends HTMLElement {
   constructor() {
     super();
-    Y(this, Qs);
+    Y(this, ti);
     Y(this, Pr);
     Y(this, bo);
-    Y(this, Hi);
+    Y(this, zi);
     Y(this, yo, (t) => {
       t.preventDefault(), t.stopPropagation(), H.j.querySelectorAll(this).hasClass("expand") ? f(this, rh).call(this) : this.expand();
     });
@@ -1734,15 +1734,15 @@ class Zu 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, Qs).columns.width(t + c, f(this, Hi)[c]);
+        f(this, ti).columns.width(t + c, f(this, zi)[c]);
     });
     Y(this, rh, () => {
       if (!H.j.querySelectorAll(this).hasClass("expand")) return;
-      $(this).removeClass("expand"), tt(this, bo, f(this, Pr).style.color), f(this, Pr).style.color = "transparent", tt(this, Hi, []);
+      $(this).removeClass("expand"), tt(this, bo, f(this, Pr).style.color), f(this, Pr).style.color = "transparent", tt(this, zi, []);
       const t = parseInt(f(this, Pr).dataset.col), l = f(this, Pr).colSpan || 1, c = 20 / l;
       for (var o = 0; o < l; o++) {
-        const r = f(this, Qs).body.querySelector(`colgroup col[data-col="${t + o}"]`);
-        f(this, Hi).push(r.getAttribute("width")), f(this, Qs).columns.width(t + o, c);
+        const r = f(this, ti).body.querySelector(`colgroup col[data-col="${t + o}"]`);
+        f(this, zi).push(r.getAttribute("width")), f(this, ti).columns.width(t + o, c);
       }
     });
     this.attachShadow({ mode: "open" });
@@ -1753,12 +1753,12 @@ class Zu extends HTMLElement {
 				@import "https://cdn.jsdelivr.net/npm/ninegrid2@${H.version}/dist/css/ngColExpand.css";
 				${H.getCustomPath(this, "ngColExpand.css")}
 			</style>
-		`, tt(this, Qs, this.getRootNode().host), tt(this, Pr, this.closest("th,td")), H.j.querySelectorAll(this).addClass("expand"), $(this).off("click", f(this, yo)), $(this).on("click", f(this, yo));
+		`, tt(this, ti, this.getRootNode().host), tt(this, Pr, this.closest("th,td")), H.j.querySelectorAll(this).addClass("expand"), $(this).off("click", f(this, yo)), $(this).on("click", f(this, yo));
   }
 }
-Qs = new WeakMap(), Pr = new WeakMap(), bo = new WeakMap(), Hi = new WeakMap(), yo = new WeakMap(), rh = new WeakMap();
-customElements.get("ng-col-expand") || customElements.define("ng-col-expand", Zu);
-class Ju extends HTMLElement {
+ti = new WeakMap(), Pr = new WeakMap(), bo = new WeakMap(), zi = new WeakMap(), yo = new WeakMap(), rh = new WeakMap();
+customElements.get("ng-col-expand") || customElements.define("ng-col-expand", Ju);
+class Qu extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
   }
@@ -1782,7 +1782,7 @@ class Ju extends HTMLElement {
 		`;
   }
 }
-class Qu extends HTMLElement {
+class td extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
   }
@@ -1832,22 +1832,22 @@ class Qu extends HTMLElement {
 		`;
   }
 }
-customElements.get("ng-col-mover-grip") || customElements.define("ng-col-mover-grip", Ju);
-customElements.get("ng-col-mover-indi") || customElements.define("ng-col-mover-indi", Qu);
-var we, Nr, Dr, vo, xr, zi, Br, wo, lu, xo, hu, _o, So, Ui, Vi, ko;
-class td {
+customElements.get("ng-col-mover-grip") || customElements.define("ng-col-mover-grip", Qu);
+customElements.get("ng-col-mover-indi") || customElements.define("ng-col-mover-indi", td);
+var we, Nr, Dr, vo, xr, Ui, Br, wo, lu, xo, hu, _o, So, Vi, Wi, ko;
+class ed {
   constructor(C) {
     Y(this, we);
     Y(this, Nr);
     Y(this, Dr);
     Y(this, vo);
     Y(this, xr);
-    Y(this, zi);
+    Y(this, Ui);
     Y(this, Br);
     it(this, "resetEvent", () => {
-      $(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) => {
+      $(document).off("mouseup", f(this, Vi)), $(".ng-table thead", f(this, we).body).off("mousedown", f(this, _o)), f(this, we).body.querySelectorAll(".ng-table thead").forEach((C) => {
         C.removeEventListener("click", f(this, wo));
-      }), $(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) => {
+      }), $(document).on("mouseup", f(this, Vi)), $(".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 td {
     });
     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, Vi).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, Wi).call(this, C);
     });
     Y(this, hu, (C) => {
-      C.clientX = C.changedTouches[0].clientX, f(this, Ui).call(this, C);
+      C.clientX = C.changedTouches[0].clientX, f(this, Vi).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, zi, !0), setTimeout(() => {
-        f(this, zi) && f(this, So).call(this, C);
+      H.j.querySelectorAll(f(this, we)).attr("col-movable") == "true" && C.target.tagName != "NG-FILTER-BUTTON" && (tt(this, Ui, !0), setTimeout(() => {
+        f(this, Ui) && f(this, So).call(this, C);
       }, 500));
     });
     Y(this, So, (C) => {
@@ -1919,18 +1919,18 @@ class td {
         //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, Vi)), 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, Wi)), 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, 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)) {
+    Y(this, Vi, (C) => {
+      if (tt(this, Ui, !1), $(document).off("mousemove", f(this, Wi)), $(document).off("touchmove", f(this, xo)), f(this, Br) && $(f(this, Br).target).css({ cursor: f(this, Br).cursor }), f(this, xr)) {
         var t = f(this, we).tableUtils.getElement("thead", f(this, xr).row, C.clientX);
         f(this, we).columns.moveColumn(f(this, xr).target, t);
       }
       tt(this, Br, null), tt(this, xr, null), f(this, Nr).hide(), f(this, Dr).hide();
     });
-    Y(this, Vi, (C) => {
+    Y(this, Wi, (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,9 +1952,9 @@ class td {
     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(), zi = new WeakMap(), Br = new WeakMap(), wo = new WeakMap(), lu = new WeakMap(), xo = new WeakMap(), hu = new WeakMap(), _o = new WeakMap(), So = new WeakMap(), Ui = new WeakMap(), Vi = new WeakMap(), ko = new WeakMap();
-var Ie, _r, Sr, Rs, Ms, Fr, kr, Is, Ns, Co, Eo, Ao, cu, To, sh, Ro, Wi, Xi, Yi, ti, Gi, ih;
-class ed {
+we = new WeakMap(), Nr = new WeakMap(), Dr = new WeakMap(), vo = new WeakMap(), xr = new WeakMap(), Ui = new WeakMap(), Br = new WeakMap(), wo = new WeakMap(), lu = new WeakMap(), xo = new WeakMap(), hu = new WeakMap(), _o = new WeakMap(), So = new WeakMap(), Vi = new WeakMap(), Wi = new WeakMap(), ko = new WeakMap();
+var Ie, _r, Sr, Rs, Ms, Fr, kr, Is, Ns, Co, Eo, Ao, cu, To, sh, Ro, Xi, Yi, Gi, ei, Ki, ih;
+class rd {
   constructor(C) {
     Y(this, Ie);
     Y(this, _r);
@@ -2016,7 +2016,7 @@ class ed {
     Y(this, sh, (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, 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)));
+      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, Xi).call(this, l)), $(C.target).on("touchend", (l) => f(this, Gi).call(this, l))) : ($(C.target).off("touchmove", (l) => f(this, Xi).call(this, l)), $(C.target).off("touchend", (l) => f(this, Gi).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 ed {
           var l = parseInt(C.target.dataset.col) + C.target.colSpan - 1, t = $(`.col-indicator[data-col=${l}]`, f(this, Ie).body).not(".dummy")[0];
           tt(this, Fr, $(t)), tt(this, kr, f(this, Ie).tableUtils.next(t));
         }
-        f(this, _r).show(), f(this, Sr).offset({ top: $(".ng-container-body", f(this, Ie).body).offset().top, left: f(this, kr).offset().left - 1 }), f(this, Sr).height(f(this, Ie).body.querySelector(".ng-container-body").offsetHeight), f(this, Rs).offset({ top: $(".ng-container-body", f(this, Ie).body).offset().top }), f(this, Gi).call(this, C.pageX), $(f(this, _r)).off("mousemove", f(this, Xi)).off("mouseup", f(this, ti)).on("mousemove", f(this, Xi)).on("mouseup", f(this, ti));
+        f(this, _r).show(), f(this, Sr).offset({ top: $(".ng-container-body", f(this, Ie).body).offset().top, left: f(this, kr).offset().left - 1 }), f(this, Sr).height(f(this, Ie).body.querySelector(".ng-container-body").offsetHeight), f(this, Rs).offset({ top: $(".ng-container-body", f(this, Ie).body).offset().top }), f(this, Ki).call(this, C.pageX), $(f(this, _r)).off("mousemove", f(this, Yi)).off("mouseup", f(this, ei)).on("mousemove", f(this, Yi)).on("mouseup", f(this, ei));
       }
     });
-    Y(this, Wi, (C) => {
-      f(this, Gi).call(this, C.changedTouches[0].pageX);
-    });
     Y(this, Xi, (C) => {
-      f(this, Gi).call(this, C.pageX);
+      f(this, Ki).call(this, C.changedTouches[0].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, ti).call(this, C);
+      f(this, Ki).call(this, C.pageX);
+    });
+    Y(this, Gi, (C) => {
+      $(C.target).off("touchmove", (t) => f(this, Xi).call(this, t)), $(C.target).off("touchend", (t) => f(this, Gi).call(this, t)), f(this, ei).call(this, C);
     });
-    Y(this, ti, (C) => {
+    Y(this, ei, (C) => {
       if (!f(this, Sr).is(":visible")) return;
       var t;
       f(this, Is) ? t = f(this, kr).offset().left - f(this, Sr).offset().left + f(this, kr).width() : t = f(this, Sr).offset().left - f(this, Fr).offset().left + 1, t <= 1 && (t = 0);
       const l = f(this, Is) ? f(this, kr)[0].dataset.col : f(this, Fr)[0].dataset.col;
-      f(this, Ie).columns.width(l, t), $(f(this, _r)).off("mousemove", f(this, Xi)), $(f(this, _r)).off("mouseup", f(this, ti)), f(this, _r).hide();
+      f(this, Ie).columns.width(l, t), $(f(this, _r)).off("mousemove", f(this, Yi)), $(f(this, _r)).off("mouseup", f(this, ei)), f(this, _r).hide();
     });
-    Y(this, Gi, (C) => {
+    Y(this, Ki, (C) => {
       !f(this, Is) && C < f(this, Fr).offset().left && (C = f(this, Fr).offset().left), f(this, Sr).offset({ left: C });
       var t = parseInt(f(this, Sr).offset().left), l, c, o;
       f(this, Is) ? (c = f(this, kr).width() + f(this, kr).offset().left - f(this, Sr).offset().left, o = c < 10 ? 10 : c - 1, l = parseInt(f(this, kr).width() + f(this, kr).offset().left - f(this, Sr).offset().left)) : (c = parseInt(t - f(this, Fr).offset().left), o = c, l = parseInt(t - f(this, Fr).offset().left + 1), t = t - o), l <= 1 && (l = 0), f(this, Rs).offset({ left: t }), f(this, Rs).width(o), f(this, Rs).find("span").text(l);
@@ -2059,9 +2059,9 @@ class ed {
     tt(this, Ie, C), tt(this, _r, $('<div class="resizer-col-panel"><div class="grip"></div><div class="tooltip"><div></div><span></span><div></div></div></div>').hide()), $(f(this, Ie).body).append(f(this, _r)), tt(this, Sr, f(this, _r).find(".grip")), tt(this, Rs, f(this, _r).find(".tooltip")), this.resetEvent();
   }
 }
-Ie = new WeakMap(), _r = new WeakMap(), Sr = new WeakMap(), Rs = new WeakMap(), Ms = new WeakMap(), Fr = new WeakMap(), kr = new WeakMap(), Is = new WeakMap(), Ns = new WeakMap(), Co = new WeakMap(), Eo = new WeakMap(), Ao = new WeakMap(), cu = new WeakMap(), To = new WeakMap(), sh = new WeakMap(), Ro = new WeakMap(), Wi = new WeakMap(), Xi = new WeakMap(), Yi = new WeakMap(), ti = new WeakMap(), Gi = new WeakMap(), ih = new WeakMap();
-var ue, ei, Or, Ki, Mo, nh;
-class rd {
+Ie = new WeakMap(), _r = new WeakMap(), Sr = new WeakMap(), Rs = new WeakMap(), Ms = new WeakMap(), Fr = new WeakMap(), kr = new WeakMap(), Is = new WeakMap(), Ns = new WeakMap(), Co = new WeakMap(), Eo = new WeakMap(), Ao = new WeakMap(), cu = new WeakMap(), To = new WeakMap(), sh = new WeakMap(), Ro = new WeakMap(), Xi = new WeakMap(), Yi = new WeakMap(), Gi = new WeakMap(), ei = new WeakMap(), Ki = new WeakMap(), ih = new WeakMap();
+var ue, ri, Or, Zi, Mo, nh;
+class sd {
   constructor(C) {
     Y(this, ue);
     it(this, "count", () => f(this, ue).activeTmpl.querySelectorAll("[data-bind]").length);
@@ -2077,7 +2077,7 @@ class rd {
       };
       return C ? t(f(this, ue).activeTmpl.querySelector(`[data-bind="${C}"]`)) : Array.from(f(this, ue).activeTmpl.querySelectorAll("[data-bind]")).filter((l) => l.dataset.bind !== "rowState").map((l) => t(l));
     });
-    Y(this, ei, (C, t) => {
+    Y(this, ri, (C, t) => {
       var l = Array.from(C.querySelectorAll("col"));
       return l[t];
     });
@@ -2088,7 +2088,7 @@ class rd {
         c = c.concat(Array.from(C.querySelectorAll(`[data-col="${o}"]:not(.dummy)`)));
       return c;
     });
-    Y(this, Ki, (C, t, l) => {
+    Y(this, Zi, (C, t, l) => {
       const c = (r, n) => {
         const s = parseInt(n.dataset.col);
         return r.closest("thead,tbody,tfoot"), r.querySelector(`[data-col="${s}"]`);
@@ -2126,9 +2126,9 @@ class rd {
         t.template.cells = t.template.cells.concat(f(this, Or).call(this, i, o, o + l - 1));
       });
       for (var s = o; s <= o + l - 1; s++)
-        t.cols.push(f(this, ei).call(this, f(this, ue).body, s));
+        t.cols.push(f(this, ri).call(this, f(this, ue).body, s));
       for (var s = o; s <= o + l - 1; s++)
-        t.org.cols.push(f(this, ei).call(this, n.currentTable, s));
+        t.org.cols.push(f(this, ri).call(this, n.currentTable, s));
       return t;
     });
     Y(this, nh, (C, t, l, c) => {
@@ -2151,30 +2151,30 @@ class rd {
         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, Ki).call(this, g, C, t);
+          var u = f(this, Zi).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, Ki).call(this, I, C, t);
+          var u = f(this, Zi).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, Ki).call(this, g, C, t);
+        var u = f(this, Zi).call(this, g, C, t);
         u ? g.insertBefore(i, u) : g.appendChild(i);
       }
       var a;
       parseInt(C.dataset.col) > parseInt(t.dataset.col) ? a = parseInt(t.dataset.col) : a = parseInt(t.dataset.col) + (t.colSpan || 1) - 1 + (parseInt(C.dataset.col) > parseInt(t.dataset.col) ? 0 : 1);
-      let h = f(this, ei).call(this, f(this, ue).body, a);
+      let h = f(this, ri).call(this, f(this, ue).body, a);
       const p = t.closest("table") == h.closest("table");
       for (var m of c.cols)
         m && (p ? t.closest("table").querySelector("colgroup").insertBefore(m, h) : t.closest("table").querySelector("colgroup").appendChild(m));
       for (var m of c.org.cols)
-        h = f(this, ei).call(this, l.currentTable, a), m && m.closest("colgroup").insertBefore(m, h);
+        h = f(this, ri).call(this, l.currentTable, a), m && m.closest("colgroup").insertBefore(m, h);
       for (var e of [c.thead.cells, c.tfoot.cells, c.tbody.cells, c.fixed.cells])
         for (var i of e)
           H.j.querySelectorAll(i).removeClass("tmp");
@@ -2259,21 +2259,21 @@ class rd {
     tt(this, ue, C);
   }
 }
-ue = new WeakMap(), ei = new WeakMap(), Or = new WeakMap(), Ki = new WeakMap(), Mo = new WeakMap(), nh = new WeakMap();
-var oh, Zi, Le, rr, Io, Os, ri, Ji, ah, lh, hh, ch, uu;
-class sd extends Si {
+ue = new WeakMap(), ri = new WeakMap(), Or = new WeakMap(), Zi = new WeakMap(), Mo = new WeakMap(), nh = new WeakMap();
+var oh, Ji, Le, rr, Io, Os, si, Qi, ah, lh, hh, ch, uu;
+class id extends ki {
   constructor() {
     super();
     Y(this, oh, 10);
-    Y(this, Zi);
+    Y(this, Ji);
     Y(this, Le);
     Y(this, rr);
     Y(this, Io);
     Y(this, Os);
-    Y(this, ri);
-    Y(this, Ji);
+    Y(this, si);
+    Y(this, Qi);
     it(this, "dataRefresh", (t) => {
-      f(this, rr) && (f(this, ah).call(this) ? H.j.querySelectorAll(this).removeClass("invalid") : H.j.querySelectorAll(this).addClass("invalid")), f(this, Zi).innerHTML = this.getDisplayText() || "Select", t || this.reset();
+      f(this, rr) && (f(this, ah).call(this) ? H.j.querySelectorAll(this).removeClass("invalid") : H.j.querySelectorAll(this).addClass("invalid")), f(this, Ji).innerHTML = this.getDisplayText() || "Select", t || this.reset();
     });
     Y(this, ah, () => {
       if (H.isNull(this.value)) return !0;
@@ -2293,7 +2293,7 @@ class sd extends Si {
     });
     Y(this, hh, (t) => {
       if (console.log(f(this, rr)), !!f(this, rr)) {
-        console.log(f(this, rr)), f(this, Le).col = this.cell.dataset.col, f(this, Le).row = this.cell.closest("tr").sectionRowIndex, f(this, rr).length > f(this, oh) ? H.j.querySelectorAll(f(this, Le)).addClass("expand") : H.j.querySelectorAll(f(this, Le)).removeClass("expand"), this.multi ? H.j.querySelectorAll(f(this, Le)).addClass("multi") : H.j.querySelectorAll(f(this, Le)).removeClass("multi"), f(this, Le).refresh(this, f(this, rr), f(this, Os), f(this, Ji));
+        console.log(f(this, rr)), f(this, Le).col = this.cell.dataset.col, f(this, Le).row = this.cell.closest("tr").sectionRowIndex, f(this, rr).length > f(this, oh) ? H.j.querySelectorAll(f(this, Le)).addClass("expand") : H.j.querySelectorAll(f(this, Le)).removeClass("expand"), this.multi ? H.j.querySelectorAll(f(this, Le)).addClass("multi") : H.j.querySelectorAll(f(this, Le)).removeClass("multi"), f(this, Le).refresh(this, f(this, rr), f(this, Os), f(this, Qi));
         var l = $(".btn1", this.shadowRoot).offset().left - $(this.owner).offset().left;
         l + $(f(this, Le)).width() > $(this.owner).width() && (l = $(".btn2", this.shadowRoot).offset().left - $(this.owner).offset().left - $(f(this, Le)).width() + 8), l < 0 && (l = 0);
         var c = Math.min(f(this, rr).length, f(this, Io)) * 26;
@@ -2315,13 +2315,13 @@ class sd extends Si {
     Y(this, uu, () => "a");
   }
   connectedCallback() {
-    this.multi = this.getAttribute("multi") == "true", this.multiSeparator = this.getAttribute("multi-separator") || ",", tt(this, Io, this.getAttribute("rows") || 5), tt(this, Os, this.getAttribute("code") || "code"), tt(this, ri, this.getAttribute("codename") || "codename"), tt(this, Ji, (this.getAttribute("items") || f(this, ri) || "").split(",")), f(this, Ji).unshift("CHK");
+    this.multi = this.getAttribute("multi") == "true", this.multiSeparator = this.getAttribute("multi-separator") || ",", tt(this, Io, this.getAttribute("rows") || 5), tt(this, Os, this.getAttribute("code") || "code"), tt(this, si, this.getAttribute("codename") || "codename"), tt(this, Qi, (this.getAttribute("items") || f(this, si) || "").split(",")), f(this, Qi).unshift("CHK");
     var t = this.querySelector("datalist");
     t && (tt(this, rr, []), t.querySelectorAll("option").forEach((n) => {
-      const s = n.getAttribute(f(this, Os)), e = n.getAttribute(f(this, ri));
+      const s = n.getAttribute(f(this, Os)), e = n.getAttribute(f(this, si));
       s && e && f(this, rr).push({
         [f(this, Os)]: s,
-        [f(this, ri)]: e
+        [f(this, si)]: e
       });
     })), this.shadowRoot.innerHTML = `
 			<style>
@@ -2333,10 +2333,10 @@ class sd extends Si {
 			<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, lh).call(this), f(this, Le), tt(this, Zi, 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, lh).call(this), f(this, Le), tt(this, Ji, 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, Zi)).trigger("click");
+      n.code == "Enter" && $(f(this, Ji)).trigger("click");
     }), $("button", this.shadowRoot).on("click", (n) => {
       f(this, Le).row == r && f(this, Le).col == o ? f(this, ch).call(this, n) : f(this, hh).call(this, n);
     });
@@ -2345,21 +2345,21 @@ class sd extends Si {
     return f(this, rr);
   }
 }
-oh = new WeakMap(), Zi = new WeakMap(), Le = new WeakMap(), rr = new WeakMap(), Io = new WeakMap(), Os = new WeakMap(), ri = new WeakMap(), Ji = new WeakMap(), ah = new WeakMap(), lh = new WeakMap(), hh = new WeakMap(), ch = new WeakMap(), uu = new WeakMap();
-var No, Pe, js, si, Qi, uh, Oo, dh, jo, tn, du, fh, ph;
-class id extends HTMLElement {
+oh = new WeakMap(), Ji = new WeakMap(), Le = new WeakMap(), rr = new WeakMap(), Io = new WeakMap(), Os = new WeakMap(), si = new WeakMap(), Qi = new WeakMap(), ah = new WeakMap(), lh = new WeakMap(), hh = new WeakMap(), ch = new WeakMap(), uu = new WeakMap();
+var No, Pe, js, ii, tn, uh, Oo, dh, jo, en, du, fh, ph;
+class nd extends HTMLElement {
   constructor() {
     super();
     Y(this, No);
     Y(this, Pe);
     Y(this, js);
-    Y(this, si);
-    Y(this, Qi);
+    Y(this, ii);
+    Y(this, tn);
     Y(this, uh, () => {
       $("input[type=checkbox]", this.shadowRoot).on("change", f(this, dh)), $("input[type=text]", this.shadowRoot).on("input", f(this, fh)), $("button#btnOk", this.shadowRoot).on("click", f(this, jo));
     });
     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, tn).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, en).call(this, t));
     });
     Y(this, dh, (t) => {
       var l = this.shadowRoot.querySelector("nine-grid"), c = l.fields.indexOf("CHK");
@@ -2377,7 +2377,7 @@ class id 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, tn, (t) => {
+    Y(this, en, (t) => {
       if (t.target.tagName != "NG-CHECKBOX" && (t.preventDefault(), t.stopPropagation()), !f(this, Pe).multi) {
         var l = this.shadowRoot.querySelector("nine-grid"), c = t.target.closest("th,td");
         $(c).blur(), f(this, Pe).value = l.data.get(c.dataset.row)[f(this, js)], this.row = this.col = -1, $(this).hide(), f(this, Pe).getRootNode().host.cell.currentCell = f(this, Pe).closest("th,td");
@@ -2395,7 +2395,7 @@ class id extends HTMLElement {
       });
       var o = $(t.target).val().toLowerCase();
       c.filter((r) => {
-        for (var n of f(this, Qi)) {
+        for (var n of f(this, tn)) {
           if (n == "CHK") continue;
           const s = l.fields.indexOf(n);
           if ((String(r.v[s]) || "").toLowerCase().indexOf(o) >= 0) return !1;
@@ -2403,13 +2403,13 @@ class id extends HTMLElement {
         return !0;
       }).map((r) => {
         r.__ng.filtered = !0;
-      }), l.data.resetRecords(), l.data.count() == 0 && H.j.querySelectorAll(l).removeClass("loading"), f(this, si) && (clearTimeout(f(this, si)), tt(this, si, null)), tt(this, si, setTimeout(() => {
+      }), l.data.resetRecords(), l.data.count() == 0 && H.j.querySelectorAll(l).removeClass("loading"), f(this, ii) && (clearTimeout(f(this, ii)), tt(this, ii, null)), tt(this, ii, setTimeout(() => {
         l.dataManager.viewRecords.reset();
       }, 200));
     });
     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, 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, js, c), $("th,td", r.template).each((i, u) => {
+      $(this.shadowRoot).find("input[type=text]").val(""), $("input[type=checkbox]", this).prop("checked", !0), tt(this, tn, o), $(".ng-table tbody", r.body).off("click", "th,td", f(this, en)), $(".ng-table tbody", r.body).on("click", "th,td", f(this, en)), tt(this, Pe, t), tt(this, js, c), $("th,td", r.template).each((i, u) => {
         $(u).hide();
       }), $("thead th", r).each((i, u) => {
         $(u).hide();
@@ -2447,7 +2447,7 @@ class id extends HTMLElement {
         r.setAttribute("width", "0");
       }), $("th", t.body).each((o, r) => {
         $(r).html("");
-      }), f(this, Qi).forEach((o, r) => {
+      }), f(this, tn).forEach((o, r) => {
         t.setColumnWidthFit(r, 30, !1);
       });
       var l = f(this, Pe).getAttribute("template");
@@ -2517,36 +2517,36 @@ class id extends HTMLElement {
 		`, f(this, uh).call(this);
   }
 }
-No = new WeakMap(), Pe = new WeakMap(), js = new WeakMap(), si = new WeakMap(), Qi = new WeakMap(), uh = new WeakMap(), Oo = new WeakMap(), dh = new WeakMap(), jo = new WeakMap(), tn = new WeakMap(), du = new WeakMap(), fh = new WeakMap(), ph = new WeakMap();
-customElements.get("ng-combo") || customElements.define("ng-combo", sd);
-customElements.get("ng-combo-panel") || customElements.define("ng-combo-panel", id);
-var en, $o, rn, ii, sn, Wr, mh, Lo, gh;
-class nd {
+No = new WeakMap(), Pe = new WeakMap(), js = new WeakMap(), ii = new WeakMap(), tn = new WeakMap(), uh = new WeakMap(), Oo = new WeakMap(), dh = new WeakMap(), jo = new WeakMap(), en = new WeakMap(), du = new WeakMap(), fh = new WeakMap(), ph = new WeakMap();
+customElements.get("ng-combo") || customElements.define("ng-combo", id);
+customElements.get("ng-combo-panel") || customElements.define("ng-combo-panel", nd);
+var rn, $o, sn, ni, nn, Wr, mh, Lo, gh;
+class od {
   constructor(C) {
-    Y(this, en);
-    Y(this, $o);
     Y(this, rn);
-    Y(this, ii);
+    Y(this, $o);
     Y(this, sn);
+    Y(this, ni);
+    Y(this, nn);
     Y(this, Wr);
     it(this, "openMenu", (C, t) => {
       var l = $(f(this, Wr)).css("font"), c = 150;
-      for (const o of f(this, rn))
+      for (const o of f(this, sn))
         c = Math.max(c, H.measureTextSize(o.name, l).width + 60);
       $(f(this, Wr)).css({
         width: c,
         top: t,
         left: C
         //"z-index"	: 2,
-      }), f(this, Wr).open(), f(this, ii) && f(this, ii).show && f(this, ii).show.call(this, { source: f(this, $o) });
+      }), f(this, Wr).open(), f(this, ni) && f(this, ni).show && f(this, ni).show.call(this, { source: f(this, $o) });
     });
     Y(this, mh, (C) => {
-      tt(this, rn, f(this, Lo).call(this, C.items, 0)), tt(this, ii, 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();
+      tt(this, sn, f(this, Lo).call(this, C.items, 0)), tt(this, ni, C.events), tt(this, Wr, $(`<ng-context-menu-panel id="${C.id}"></ng-context-menu-panel>`)[0]), $(f(this, rn).shadowRoot).append($(f(this, Wr)).hide()), f(this, Wr).init(f(this, sn)), $("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, rn).shadowRoot).hide();
       });
     });
     Y(this, Lo, (C, t) => {
-      tt(this, sn, Math.max(t, f(this, sn)) + 1), C = f(this, gh).call(this, C);
+      tt(this, nn, Math.max(t, f(this, nn)) + 1), C = f(this, gh).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;
@@ -2560,12 +2560,12 @@ class nd {
       }
       return t;
     });
-    tt(this, sn, 0), tt(this, en, C.owner), f(this, mh).call(this, C);
+    tt(this, nn, 0), tt(this, rn, C.owner), f(this, mh).call(this, C);
   }
 }
-en = new WeakMap(), $o = new WeakMap(), rn = new WeakMap(), ii = new WeakMap(), sn = new WeakMap(), Wr = new WeakMap(), mh = new WeakMap(), Lo = new WeakMap(), gh = new WeakMap();
+rn = new WeakMap(), $o = new WeakMap(), sn = new WeakMap(), ni = new WeakMap(), nn = new WeakMap(), Wr = new WeakMap(), mh = new WeakMap(), Lo = new WeakMap(), gh = new WeakMap();
 var Po, bh;
-class od extends HTMLElement {
+class ad extends HTMLElement {
   constructor() {
     super();
     it(this, "init", (t) => {
@@ -2604,9 +2604,9 @@ class od extends HTMLElement {
   }
 }
 Po = new WeakMap(), bh = new WeakMap();
-customElements.get("ng-context-menu-panel") || customElements.define("ng-context-menu-panel", od);
+customElements.get("ng-context-menu-panel") || customElements.define("ng-context-menu-panel", ad);
 var qr, Do, yh, vh, wh;
-class ad {
+class ld {
   /**
    * focus event, keyboard event, mouse event : common.js
    * 
@@ -2639,8 +2639,14 @@ class ad {
   }
 }
 qr = new WeakMap(), Do = new WeakMap(), yh = new WeakMap(), vh = new WeakMap(), wh = new WeakMap();
+class hd extends Fu.constructor {
+  constructor() {
+    super(), this.init("nine-grid", "green");
+  }
+}
+const Js = new hd();
 var Xr, Bo, hs;
-class ld {
+class cd {
   constructor(C) {
     Y(this, Xr);
     Y(this, Bo);
@@ -2661,30 +2667,34 @@ class ld {
   }
 }
 Xr = new WeakMap(), Bo = new WeakMap(), hs = new WeakMap();
-var qe, Dt, $e, Cr, ni, $s, nn, Fo, on, qo, Ho, xh, zo, Uo, an, ln, Vo, Wo, Xo;
-class hd {
+var He, Dt, $e, Cr, oi, $s, on, Fo, an, qo, Ho, xh, zo, Uo, ln, hn, Vo, Wo, Xo;
+class ud {
   constructor(C, t) {
-    Y(this, qe);
+    Y(this, He);
     Y(this, Dt);
     Y(this, $e);
     Y(this, Cr);
-    Y(this, ni);
+    Y(this, oi);
     Y(this, $s);
     it(this, "initialize", () => {
-      tt(this, $s, []), $(f(this, qe).template).each((C, t) => {
+      tt(this, $s, []), $(f(this, He).template).each((C, t) => {
         f(this, $s).push($(t).height());
       }), (f(this, Dt).rawRecords || []).forEach((C) => {
         C.__ng.height = f(this, $s).slice();
       });
     });
     it(this, "set", (C) => {
-      var t, l, c;
-      Wn.log("ngData.set"), this.clear(), this.add(C, !1), console.log(f(this, Dt)), console.log(f(this, qe)), (c = (l = (t = f(this, Dt)) == null ? void 0 : t.owner) == null ? void 0 : l.matrix) == null || c.updateCumulativeHeights();
+      Js.log("ngData.set"), this.clear(), this.add(C, !1);
+      const t = () => {
+        var l, c, o, r;
+        (c = (l = f(this, Dt)) == null ? void 0 : l.owner) != null && c.matrix ? (r = (o = f(this, Dt)) == null ? void 0 : o.owner) == null || r.matrix.updateCumulativeHeights() : setTimeout(t, 50);
+      };
+      t();
     });
     it(this, "assign", (C) => {
       this.source = C;
       for (var t = 0; t < C.length; t++)
-        f(this, $e)[t].__ng._[H.ROW.ID] = C[t].__ng._[H.ROW.ID], tt(this, ni, Math.max(f(this, ni), C[t].__ng.rowid));
+        f(this, $e)[t].__ng._[H.ROW.ID] = C[t].__ng._[H.ROW.ID], tt(this, oi, Math.max(f(this, oi), C[t].__ng.rowid));
     });
     it(this, "getId", (C) => C.__ng._[H.ROW.ID]);
     it(this, "reset", () => {
@@ -2696,12 +2706,12 @@ class hd {
     it(this, "clearFilter", () => (f(this, Dt).rawRecords.map((C) => {
       C.__ng.filtered = !1;
     }), tt(this, $e, f(this, Dt).rawRecords.filter((C) => !C.__ng.deleted && !C.__ng.filtered)), f(this, $e)));
-    it(this, "refreshFilter", () => (tt(this, $e, f(this, Dt).rawRecords.filter((C) => !C.__ng.deleted && !C.__ng.filtered)), f(this, on).call(this), f(this, $e)));
+    it(this, "refreshFilter", () => (tt(this, $e, f(this, Dt).rawRecords.filter((C) => !C.__ng.deleted && !C.__ng.filtered)), f(this, an).call(this), f(this, $e)));
     /**
      * { "key1": [1,2,...], "key2": [1,2,...], ... }
      */
     it(this, "setFilter", (C) => {
-      f(this, qe).filtering.on();
+      f(this, He).filtering.on();
       let t = {};
       if (Array.isArray(C))
         for (let c in C[0])
@@ -2724,12 +2734,12 @@ class hd {
           s.__ng.filtered = !0;
         });
       }
-      this.refreshFilter(), f(this, qe).shadowRoot.querySelectorAll("ng-filter-button").forEach((c) => {
+      this.refreshFilter(), f(this, He).shadowRoot.querySelectorAll("ng-filter-button").forEach((c) => {
         c.filterOptions.forEach((o) => {
           o.data = [];
         });
       }), Object.entries(t).forEach(([c, o]) => {
-        f(this, qe).shadowRoot.querySelectorAll("ng-filter-button").forEach((r) => {
+        f(this, He).shadowRoot.querySelectorAll("ng-filter-button").forEach((r) => {
           let n = r.filterOptions;
           n.forEach((s) => {
             s.colnm === c && (s.data = o);
@@ -2740,8 +2750,8 @@ class hd {
     /**
      * 
      */
-    it(this, "indexOf", (C) => f(this, nn).call(this, this.recordsNF(), C, this.records()));
-    Y(this, nn, (C, t, l) => {
+    it(this, "indexOf", (C) => f(this, on).call(this, this.recordsNF(), C, this.records()));
+    Y(this, on, (C, t, l) => {
       const c = C[t];
       return l.findIndex((o) => o.__ng._[H.ROW.ID] == c.__ng._[H.ROW.ID]);
     });
@@ -2771,9 +2781,9 @@ class hd {
       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, Dt).rawRecords.sort(C), f(this, Cr).sort(C), f(this, $e).sort(C), f(this, on).call(this), f(this, Dt).owner.refresh();
+      f(this, Dt).rawRecords.sort(C), f(this, Cr).sort(C), f(this, $e).sort(C), f(this, an).call(this), f(this, Dt).owner.refresh();
     });
-    Y(this, on, () => {
+    Y(this, an, () => {
       f(this, Dt).rawRecords.forEach((t, l) => {
         t.__ng._[H.ROW.INDEX] = l;
       }), f(this, Dt).rawRecords.filter((t) => !t.__ng.deleted && !t.__ng.filtered && t.__ng.visible).forEach((t, l) => {
@@ -2807,7 +2817,7 @@ class hd {
         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, on).call(this);
+      }), f(this, an).call(this);
     });
     /**
      * add, insert, delete
@@ -2823,7 +2833,7 @@ class hd {
         var c = {
           v: []
         };
-        for (const o of f(this, qe).fields.get())
+        for (const o of f(this, He).fields.get())
           c.v.push(H.nvl(l[o], ""));
         t.push(c);
       }), t;
@@ -2848,16 +2858,16 @@ class hd {
       if (Array.isArray(C)) {
         var t = [];
         for (const r of C) {
-          for (var l = {}, c = 0; c < f(this, qe).fields.get().length; c++) {
-            const n = f(this, qe).fields.get()[c];
+          for (var l = {}, c = 0; c < f(this, He).fields.get().length; c++) {
+            const n = f(this, He).fields.get()[c];
             l[n] = r.v[c];
           }
           l.__ng = r.__ng, t.push(l);
         }
         return t;
       } else {
-        for (var o = C, l = {}, c = 0; c < f(this, qe).fields.get().length; c++) {
-          const s = f(this, qe).fields.get()[c];
+        for (var o = C, l = {}, c = 0; c < f(this, He).fields.get().length; c++) {
+          const s = f(this, He).fields.get()[c];
           l[s] = o.v[c];
         }
         return l.__ng = o.__ng, l;
@@ -2868,16 +2878,16 @@ class hd {
       if (Array.isArray(C)) {
         var t = [];
         for (const r of C) {
-          for (var l = {}, c = 0; c < f(this, qe).fields.get().length; c++) {
-            const n = f(this, qe).fields.get()[c];
+          for (var l = {}, c = 0; c < f(this, He).fields.get().length; c++) {
+            const n = f(this, He).fields.get()[c];
             l[n] = r.v[c];
           }
           l.__ng = r.__ng, t.push(l);
         }
         return t;
       } else {
-        for (var o = C, l = {}, c = 0; c < f(this, qe).fields.get().length; c++) {
-          const s = f(this, qe).fields.get()[c];
+        for (var o = C, l = {}, c = 0; c < f(this, He).fields.get().length; c++) {
+          const s = f(this, He).fields.get()[c];
           l[s] = o.v[c];
         }
         return l.__ng = o.__ng, l;
@@ -3036,7 +3046,7 @@ class hd {
       var c = C[l], o = !1;
       for (const e in t)
         if (!["__ng", "rowState"].includes(e)) {
-          var r = f(this, qe).fields.indexOf(e);
+          var r = f(this, He).fields.indexOf(e);
           if (!(r < 0)) {
             var n = c.v[r], s = t[e];
             c.v[r] = s, n != s && (c.__ng.rowState = H.ROW_STATE.UPDATE, o = !0, f(this, Ho).call(this, l, e, n, s));
@@ -3063,7 +3073,7 @@ class hd {
     });
     Y(this, Uo, (C, t, l, c, o) => {
       C = parseInt(C), c == null && (c = !0);
-      const r = f(this, qe).fields.indexOf(t);
+      const r = f(this, He).fields.indexOf(t);
       if (!(r < 0)) {
         var n = o ? this.getValidDataNF()[C] : this.getValidData()[C], s = n.v[r];
         n.v[r] != l && n.__ng.rowState != H.ROW_STATE.INSERT && (n.__ng.o.hasOwnProperty(t) || (n.__ng.o[t] = s), c && (n.__ng.rowState = H.ROW_STATE.UPDATE, this.onRowStateChanged())), n.v[r] = l, f(this, Dt).owner.refreshData(C), f(this, Ho).call(this, C, t, s, l);
@@ -3078,12 +3088,12 @@ class hd {
      * updateState : 행의 상태를 ninegrid.ROW_STATE.INSERT 로 변경할 지를 결정한다. 기본값은 "true" 입니다.
      */
     it(this, "setRecord", (C, t, l, c) => {
-      f(this, an).call(this, this.getValidData(), C, t, l, c, !1);
+      f(this, ln).call(this, this.getValidData(), C, t, l, c, !1);
     });
     it(this, "setRecordNF", (C, t, l, c) => {
-      f(this, an).call(this, this.getValidDataNF(), C, t, l, c, !0);
+      f(this, ln).call(this, this.getValidDataNF(), C, t, l, c, !0);
     });
-    Y(this, an, (C, t, l, c, o) => {
+    Y(this, ln, (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;
@@ -3111,22 +3121,22 @@ class hd {
      * 			row만 지정되었으면 해당 행의 Json 객체를 반환
      * 			row & colnm이 지정되었으면 해당하는 데이타 값을 반환
      */
-    Y(this, ln, (C, t, l) => {
+    Y(this, hn, (C, t, l) => {
       if (!(!C || C.length <= 0)) {
         if (H.isNull(t))
           return this.conv2(C);
         if (t < 0 || t >= C.length)
           throw `invalid row : ${t}`;
         if (l != null) {
-          var c = f(this, qe).fields.indexOf(l);
+          var c = f(this, He).fields.indexOf(l);
           return c >= 0 ? C[t].v[c] : null;
         }
         var o = t == null ? C : C[t];
         return this.conv(o);
       }
     });
-    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));
+    it(this, "get", (C, t) => f(this, hn).call(this, this.getValidData(), C, t));
+    it(this, "getNF", (C, t) => f(this, hn).call(this, this.getValidDataNF(), C, t));
     /**
      * 바인딩된 데이타를 Array 형식으로 가져옵니다.
      * 
@@ -3147,7 +3157,7 @@ class hd {
      * return : 지정된 컬럼명에 해당하는 데이타 값을 배열로 반환
      */
     Y(this, Vo, (C, t) => {
-      var l = f(this, qe).fields.indexOf(t);
+      var l = f(this, He).fields.indexOf(t);
       return l < 0 ? [] : C.map((c) => c.v[l]);
     });
     it(this, "getMap", (C) => f(this, Vo).call(this, this.getValidData(), C));
@@ -3171,15 +3181,15 @@ class hd {
       }
       return -1;
     });
-    tt(this, qe, C), tt(this, Dt, t), tt(this, $e, []), tt(this, Cr, []), tt(this, ni, 0), this.all = {
-      get: (l, c) => f(this, ln).call(this, this.recordsNF(), l, c),
+    tt(this, He, C), tt(this, Dt, t), tt(this, $e, []), tt(this, Cr, []), tt(this, oi, 0), this.all = {
+      get: (l, c) => f(this, hn).call(this, this.recordsNF(), l, c),
       records: (l) => this.recordsNF(l),
       count: () => this.recordsNF().length,
-      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()),
+      setRecord: (l, c, o, r) => f(this, ln).call(this, this.all.records(), l, c, o, r),
+      indexOf: (l) => f(this, on).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, nn).call(this, this.records(), l, f(this, Dt).rawRecords)
+      indexOf: (l) => f(this, on).call(this, this.records(), l, f(this, Dt).rawRecords)
     }, this.initialize();
   }
   /**
@@ -3192,7 +3202,7 @@ class hd {
     this.clear(), this.add(C, !1);
   }
   get nextId() {
-    return ++Su(this, ni)._;
+    return ++Su(this, oi)._;
   }
   get default() {
     return {
@@ -3252,10 +3262,10 @@ class hd {
     delete f(this, Dt).rawRecords, tt(this, $e, []), tt(this, Cr, []), f(this, Dt).rawRecords = [], f(this, Dt).viewRecords.reset();
   }
 }
-qe = new WeakMap(), Dt = new WeakMap(), $e = new WeakMap(), Cr = new WeakMap(), ni = new WeakMap(), $s = new WeakMap(), nn = new WeakMap(), Fo = new WeakMap(), on = new WeakMap(), qo = new WeakMap(), Ho = new WeakMap(), xh = new WeakMap(), zo = new WeakMap(), Uo = new WeakMap(), an = new WeakMap(), ln = new WeakMap(), Vo = new WeakMap(), Wo = new WeakMap(), Xo = new WeakMap();
-class cd {
+He = new WeakMap(), Dt = new WeakMap(), $e = new WeakMap(), Cr = new WeakMap(), oi = new WeakMap(), $s = new WeakMap(), on = new WeakMap(), Fo = new WeakMap(), an = new WeakMap(), qo = new WeakMap(), Ho = new WeakMap(), xh = new WeakMap(), zo = new WeakMap(), Uo = new WeakMap(), ln = new WeakMap(), hn = new WeakMap(), Vo = new WeakMap(), Wo = new WeakMap(), Xo = new WeakMap();
+class dd {
   constructor(C) {
-    this.owner = C, this.row = new ld(this), this.data = new hd(C, this), this.setDataSource = (l) => {
+    this.owner = C, this.row = new cd(this), this.data = new ud(C, this), this.setDataSource = (l) => {
       this.data && this.data.reset(), this.pageCnt = 25, this.rawRecords = [], this.viewRecords = [], this.delRecords = [], this.viewRecords.touch = () => {
         this.viewRecords.updateCnt = (this.viewRecords.updateCnt || 0) + 1;
       }, this.viewRecords.rawIndex = 0, this.viewRecords.setPageCnt = (c) => {
@@ -3308,7 +3318,7 @@ class cd {
       ["first", "last", "count", "add", "insert", "move", "delete"].includes(t) || (this.data[t] = this.row[t]);
   }
 }
-class ud extends HTMLElement {
+class fd extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
   }
@@ -3399,7 +3409,7 @@ class ud extends HTMLElement {
     });
   }
 }
-class dd extends HTMLElement {
+class pd extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
   }
@@ -3414,7 +3424,7 @@ class dd extends HTMLElement {
 		`;
   }
 }
-class fd extends HTMLElement {
+class md extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
   }
@@ -3429,11 +3439,11 @@ class fd extends HTMLElement {
 		`;
   }
 }
-customElements.get("ng-expand-icon") || customElements.define("ng-expand-icon", ud);
-customElements.get("ng-expand-check") || customElements.define("ng-expand-check", dd);
-customElements.get("ng-expand-button") || customElements.define("ng-expand-button", fd);
+customElements.get("ng-expand-icon") || customElements.define("ng-expand-icon", fd);
+customElements.get("ng-expand-check") || customElements.define("ng-expand-check", pd);
+customElements.get("ng-expand-button") || customElements.define("ng-expand-button", md);
 var pe = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function pd(mt) {
+function gd(mt) {
   return mt && mt.__esModule && Object.prototype.hasOwnProperty.call(mt, "default") ? mt.default : mt;
 }
 function Bl(mt) {
@@ -3442,7 +3452,7 @@ function Bl(mt) {
 var ru = { exports: {} };
 /*! ExcelJS 19-10-2023 */
 var ku;
-function md() {
+function bd() {
   return ku || (ku = 1, (function(mt, C) {
     (function(t) {
       mt.exports = t();
@@ -21679,38 +21689,38 @@ function md() {
                     case n:
                       var Ss = A;
                     case e:
-                      var Vn = 2 & vr;
-                      if (Ss || (Ss = M), Ee.size != be.size && !Vn) return !1;
+                      var Wn = 2 & vr;
+                      if (Ss || (Ss = M), Ee.size != be.size && !Wn) return !1;
                       var Ol = os.get(Ee);
                       if (Ol) return Ol == be;
                       vr |= 1, os.set(Ee, be);
-                      var Ai = Me(Ss(Ee), Ss(be), Zs, Nl, vr, os);
-                      return os.delete(Ee), Ai;
+                      var Ti = Me(Ss(Ee), Ss(be), Zs, Nl, vr, os);
+                      return os.delete(Ee), Ti;
                     case "[object Symbol]":
                       if (bt) return bt.call(Ee) == bt.call(be);
                   }
                   return !1;
                 })(Et, Rt, Re, fe, oe, he, Jt);
                 if (!(2 & he)) {
-                  var Ks = Qe && X.call(Et, "__wrapped__"), ki = hr && X.call(Rt, "__wrapped__");
-                  if (Ks || ki) {
-                    var Ci = Ks ? Et.value() : Et, Ei = ki ? Rt.value() : Rt;
-                    return Jt || (Jt = new qt()), fe(Ci, Ei, oe, he, Jt);
+                  var Ks = Qe && X.call(Et, "__wrapped__"), Ci = hr && X.call(Rt, "__wrapped__");
+                  if (Ks || Ci) {
+                    var Ei = Ks ? Et.value() : Et, Ai = Ci ? Rt.value() : Rt;
+                    return Jt || (Jt = new qt()), fe(Ei, Ai, oe, he, Jt);
                   }
                 }
                 return Lr ? (Jt || (Jt = new qt()), (function(Ee, be, _s, Zs, Nl, vr) {
-                  var os = 2 & Nl, Ss = Ye(Ee), Vn = Ss.length, Ol = Ye(be).length;
-                  if (Vn != Ol && !os) return !1;
-                  for (var Ai = Vn; Ai--; ) {
-                    var ks = Ss[Ai];
+                  var os = 2 & Nl, Ss = Ye(Ee), Wn = Ss.length, Ol = Ye(be).length;
+                  if (Wn != Ol && !os) return !1;
+                  for (var Ti = Wn; Ti--; ) {
+                    var ks = Ss[Ti];
                     if (!(os ? ks in be : X.call(be, ks))) return !1;
                   }
                   var wu = vr.get(Ee);
                   if (wu && vr.get(be)) return wu == be;
                   var jl = !0;
                   vr.set(Ee, be), vr.set(be, Ee);
-                  for (var tu = os; ++Ai < Vn; ) {
-                    ks = Ss[Ai];
+                  for (var tu = os; ++Ti < Wn; ) {
+                    ks = Ss[Ti];
                     var $l = Ee[ks], Ll = be[ks];
                     if (Zs) var xu = os ? Zs(Ll, $l, ks, be, Ee, vr) : Zs($l, Ll, ks, Ee, be, vr);
                     if (!(xu === void 0 ? $l === Ll || _s($l, Ll, Zs, Nl, vr) : xu)) {
@@ -22114,17 +22124,17 @@ function md() {
                   if (Lr && Jt.get(Rt)) return Lr == Rt;
                   var Ks = !0;
                   Jt.set(Et, Rt), Jt.set(Rt, Et);
-                  for (var ki = ke; ++Qe < Re; ) {
+                  for (var Ci = ke; ++Qe < Re; ) {
                     hr = Ce[Qe];
-                    var Ci = Et[hr], Ei = Rt[hr];
-                    if (oe) var Ee = ke ? oe(Ei, Ci, hr, Rt, Et, Jt) : oe(Ci, Ei, hr, Et, Rt, Jt);
-                    if (!(Ee === void 0 ? Ci === Ei || he(Ci, Ei, fe, oe, Jt) : Ee)) {
+                    var Ei = Et[hr], Ai = Rt[hr];
+                    if (oe) var Ee = ke ? oe(Ai, Ei, hr, Rt, Et, Jt) : oe(Ei, Ai, hr, Et, Rt, Jt);
+                    if (!(Ee === void 0 ? Ei === Ai || he(Ei, Ai, fe, oe, Jt) : Ee)) {
                       Ks = !1;
                       break;
                     }
-                    ki || (ki = hr == "constructor");
+                    Ci || (Ci = hr == "constructor");
                   }
-                  if (Ks && !ki) {
+                  if (Ks && !Ci) {
                     var be = Et.constructor, _s = Rt.constructor;
                     be == _s || !("constructor" in Et) || !("constructor" in Rt) || typeof be == "function" && be instanceof be && typeof _s == "function" && _s instanceof _s || (Ks = !1);
                   }
@@ -26456,14 +26466,14 @@ use chrome, FireFox or Internet Explorer 11`);
     }));
   })(ru)), ru.exports;
 }
-var gd = md();
-const bd = /* @__PURE__ */ pd(gd);
-var Ne, Yo, hn, cs;
-class yd {
+var yd = bd();
+const vd = /* @__PURE__ */ gd(yd);
+var Ne, Yo, cn, cs;
+class wd {
   constructor(C, t) {
     Y(this, Ne);
     Y(this, Yo);
-    Y(this, hn);
+    Y(this, cn);
     Y(this, cs);
     it(this, "export", () => {
       var C = {
@@ -26549,8 +26559,8 @@ class yd {
           });
         });
       };
-      $(f(this, hn)).html("generate..."), f(this, cs).setAttribute("max", f(this, Ne).data.count()), f(this, cs).setAttribute("value", 0);
-      const n = new bd.Workbook(), s = n.addWorksheet("Sheet1");
+      $(f(this, cn)).html("generate..."), f(this, cs).setAttribute("max", f(this, Ne).data.count()), f(this, cs).setAttribute("value", 0);
+      const n = new vd.Workbook(), s = n.addWorksheet("Sheet1");
       var e = 0;
       s.getColumn(++e).width = 10, $(".col-indicator-rowgroup .col-indicator:not(.dummy)", f(this, Ne).body).not(".first").not(".last").each((p, m) => {
         if (p == 0) return !0;
@@ -26602,7 +26612,7 @@ class yd {
       });
       for (var i = f(this, Ne).data.getValidData(), u = 0, a = 0; a < i.length; a++)
         setTimeout(() => {
-          r(u++), f(this, cs).setAttribute("value", u + 1), $(f(this, hn)).html(u + 1 >= i.length ? "downloading..." : "processing... " + u.toLocaleString() + " / " + i.length.toLocaleString());
+          r(u++), f(this, cs).setAttribute("value", u + 1), $(f(this, cn)).html(u + 1 >= i.length ? "downloading..." : "processing... " + u.toLocaleString() + " / " + i.length.toLocaleString());
         });
       var h = setInterval(() => {
         parseInt(f(this, cs).getAttribute("value")) >= parseInt(f(this, cs).getAttribute("max")) && (clearInterval(h), setTimeout(() => {
@@ -26616,28 +26626,28 @@ class yd {
     it(this, "exportPdf", () => {
       console.log("exportPdf");
     });
-    tt(this, Ne, C), tt(this, Yo, t), tt(this, hn, t.querySelector("#message-box")), tt(this, cs, t.querySelector("#progress-bar"));
+    tt(this, Ne, C), tt(this, Yo, t), tt(this, cn, t.querySelector("#message-box")), tt(this, cs, t.querySelector("#progress-bar"));
   }
 }
-Ne = new WeakMap(), Yo = new WeakMap(), hn = new WeakMap(), cs = new WeakMap();
-var oi, cn, Go, fu, pu, _h;
+Ne = new WeakMap(), Yo = new WeakMap(), cn = new WeakMap(), cs = new WeakMap();
+var ai, un, Go, fu, pu, _h;
 class Iu extends HTMLElement {
   constructor() {
     super();
-    Y(this, oi);
-    Y(this, cn);
+    Y(this, ai);
+    Y(this, un);
     Y(this, Go);
     Y(this, fu);
     Y(this, pu, {});
     Y(this, _h, () => {
     });
     it(this, "exportExcel", () => {
-      f(this, cn).data.count() > 500 && (f(this, oi).showModal(), $(".title", f(this, oi)).html("Export Excel")), f(this, Go).export();
+      f(this, un).data.count() > 500 && (f(this, ai).showModal(), $(".title", f(this, ai)).html("Export Excel")), f(this, Go).export();
     });
     this.attachShadow({ mode: "open" });
   }
   connectedCallback() {
-    tt(this, cn, this.getRootNode().host), this.shadowRoot.innerHTML = `
+    tt(this, un, this.getRootNode().host), this.shadowRoot.innerHTML = `
 			<style>
 				@import "https://cdn.jsdelivr.net/npm/ninegrid/ninegrid.css";
 				
@@ -26677,13 +26687,13 @@ class Iu extends HTMLElement {
 				</div>
 				<progress id="progress-bar" value="0" max="100">50%</progress>
 			</nx-dialog>
-		`, tt(this, oi, this.shadowRoot.querySelector("dialog")), tt(this, Go, new yd(f(this, cn), f(this, oi))), f(this, _h).call(this);
+		`, tt(this, ai, this.shadowRoot.querySelector("dialog")), tt(this, Go, new wd(f(this, un), f(this, ai))), f(this, _h).call(this);
   }
 }
-oi = new WeakMap(), cn = new WeakMap(), Go = new WeakMap(), fu = new WeakMap(), pu = new WeakMap(), _h = new WeakMap();
+ai = new WeakMap(), un = new WeakMap(), Go = new WeakMap(), fu = new WeakMap(), pu = new WeakMap(), _h = new WeakMap();
 customElements.get("ng-export") || customElements.define("ng-export", Iu);
 var Ko, nr, Zo, Sh;
-class vd {
+class xd {
   constructor(C) {
     Y(this, Ko);
     Y(this, nr);
@@ -26740,7 +26750,7 @@ class vd {
 }
 Ko = new WeakMap(), nr = new WeakMap(), Zo = new WeakMap(), Sh = new WeakMap();
 var kh;
-class wd extends HTMLElement {
+class _d extends HTMLElement {
   constructor() {
     super();
     Y(this, kh);
@@ -26759,11 +26769,11 @@ class wd extends HTMLElement {
   }
 }
 kh = new WeakMap();
-var un, us, Hr, ds, Ch;
-class xd extends HTMLElement {
+var dn, us, Hr, ds, Ch;
+class Sd extends HTMLElement {
   constructor() {
     super();
-    Y(this, un);
+    Y(this, dn);
     Y(this, us);
     Y(this, Hr);
     Y(this, ds);
@@ -26787,14 +26797,14 @@ class xd extends HTMLElement {
     Y(this, Ch, (t) => {
       if (H.j.querySelectorAll(t.currentTarget).hasClass("ng-active")) return;
       const l = f(this, ds);
-      tt(this, ds, parseInt(t.currentTarget.value)), f(this, un).changeRayout(f(this, ds)), H.j.querySelectorAll("button", f(this, Hr)).removeClass("ng-active"), H.j.querySelectorAll(t.currentTarget).addClass("ng-active");
+      tt(this, ds, parseInt(t.currentTarget.value)), f(this, dn).changeRayout(f(this, ds)), H.j.querySelectorAll("button", f(this, Hr)).removeClass("ng-active"), H.j.querySelectorAll(t.currentTarget).addClass("ng-active");
       var c = new CustomEvent(H.EVENT.LAYOUT_CHANGED, { bubbles: !0, detail: {} });
-      c.oldIndex = l, c.newIndex = f(this, ds), f(this, un).dispatchEvent(c);
+      c.oldIndex = l, c.newIndex = f(this, ds), f(this, dn).dispatchEvent(c);
     });
     tt(this, us, []), tt(this, ds, 0);
   }
   connectedCallback() {
-    tt(this, un, this.getRootNode().host.getRootNode().host), this.innerHTML = '<div class="ng-wrap"></div>', tt(this, Hr, this.querySelector(".ng-wrap"));
+    tt(this, dn, this.getRootNode().host.getRootNode().host), this.innerHTML = '<div class="ng-wrap"></div>', tt(this, Hr, this.querySelector(".ng-wrap"));
   }
   get tables() {
     return f(this, us);
@@ -26803,11 +26813,11 @@ class xd extends HTMLElement {
     return f(this, us)[f(this, ds)];
   }
 }
-un = new WeakMap(), us = new WeakMap(), Hr = new WeakMap(), ds = new WeakMap(), Ch = new WeakMap();
-customElements.get("ng-layout") || customElements.define("ng-layout", xd);
-customElements.get("ng-foot") || customElements.define("ng-foot", wd);
+dn = new WeakMap(), us = new WeakMap(), Hr = new WeakMap(), ds = new WeakMap(), Ch = new WeakMap();
+customElements.get("ng-layout") || customElements.define("ng-layout", Sd);
+customElements.get("ng-foot") || customElements.define("ng-foot", _d);
 var Jo;
-class _d extends HTMLElement {
+class kd extends HTMLElement {
   constructor() {
     super();
     Y(this, Jo);
@@ -26827,22 +26837,22 @@ class _d extends HTMLElement {
   }
 }
 Jo = new WeakMap();
-var dn;
-class Sd extends HTMLElement {
+var fn;
+class Cd extends HTMLElement {
   constructor() {
     super();
-    Y(this, dn);
+    Y(this, fn);
   }
   connectedCallback() {
-    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) => {
+    this.getRootNode().host && (tt(this, fn, this.getRootNode().host.getRootNode().host), this.innerHTML = `<span>${f(this, fn).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, dn).getAttribute("caption")}</span>` : l;
+      t.currentTarget.innerHTML = t.currentTarget.innerHTML == l ? `<span>${f(this, fn).getAttribute("caption")}</span>` : l;
     }));
   }
 }
-dn = new WeakMap();
+fn = new WeakMap();
 var Eh;
-class kd extends HTMLElement {
+class Ed extends HTMLElement {
   constructor() {
     super();
     Y(this, Eh);
@@ -26855,9 +26865,9 @@ class kd extends HTMLElement {
   }
 }
 Eh = new WeakMap();
-customElements.get("ng-title") || customElements.define("ng-title", Sd);
-customElements.get("ng-custom") || customElements.define("ng-custom", kd);
-customElements.get("ng-head") || customElements.define("ng-head", _d);
+customElements.get("ng-title") || customElements.define("ng-title", Cd);
+customElements.get("ng-custom") || customElements.define("ng-custom", Ed);
+customElements.get("ng-head") || customElements.define("ng-head", kd);
 class Jc extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
@@ -26889,7 +26899,7 @@ class Jc extends HTMLElement {
     });
   }
 }
-class Cd extends Jc {
+class Ad extends Jc {
   constructor() {
     super();
   }
@@ -26914,7 +26924,7 @@ class Cd extends Jc {
 		`, super.connectedCallback();
   }
 }
-class Ed extends Jc {
+class Td extends Jc {
   constructor() {
     super();
   }
@@ -26932,7 +26942,7 @@ class Ed extends Jc {
 		`, super.connectedCallback();
   }
 }
-class Ad extends Jc {
+class Rd extends Jc {
   constructor() {
     super();
   }
@@ -26950,7 +26960,7 @@ class Ad extends Jc {
 		`, super.connectedCallback();
   }
 }
-class Td extends Jc {
+class Md extends Jc {
   constructor() {
     super();
   }
@@ -26969,12 +26979,12 @@ class Td extends Jc {
 		`, super.connectedCallback();
   }
 }
-customElements.get("ng-check") || customElements.define("ng-check", Cd);
-customElements.get("ng-rect") || customElements.define("ng-rect", Ed);
-customElements.get("ng-circle") || customElements.define("ng-circle", Ad);
-customElements.get("ng-sphere") || customElements.define("ng-sphere", Td);
+customElements.get("ng-check") || customElements.define("ng-check", Ad);
+customElements.get("ng-rect") || customElements.define("ng-rect", Td);
+customElements.get("ng-circle") || customElements.define("ng-circle", Rd);
+customElements.get("ng-sphere") || customElements.define("ng-sphere", Md);
 var Ls;
-class Rd extends Mr {
+class Id extends Mr {
   //#src;
   constructor() {
     super();
@@ -27015,21 +27025,21 @@ class Rd extends Mr {
   }
 }
 Ls = new WeakMap();
-var fn, Ah;
-class Md extends Mr {
+var pn, Ah;
+class Nd extends Mr {
   constructor() {
     super();
-    Y(this, fn);
+    Y(this, pn);
     Y(this, Ah);
     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, fn).innerHTML = c || this.getDisplayText(), t || this.reset();
+      f(this, pn).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, fn).innerHTML = o || this.value;
+      f(this, pn).innerHTML = o || this.value;
     });
     tt(this, Ah, this.getAttribute("src"));
   }
@@ -27051,14 +27061,14 @@ class Md extends Mr {
 			</style>
 
 			<div class="ng-wrap"></div>
-		`, super.connectedCallback(), tt(this, fn, this.shadowRoot.querySelector("div"));
+		`, super.connectedCallback(), tt(this, pn, this.shadowRoot.querySelector("div"));
   }
 }
-fn = new WeakMap(), Ah = new WeakMap();
-customElements.get("ng-img") || customElements.define("ng-img", Rd);
-customElements.get("ng-svg") || customElements.define("ng-svg", Md);
+pn = new WeakMap(), Ah = new WeakMap();
+customElements.get("ng-img") || customElements.define("ng-img", Id);
+customElements.get("ng-svg") || customElements.define("ng-svg", Nd);
 var Th, Rh, Mh, Ih, Nh;
-class Id {
+class Od {
   constructor(C) {
     Y(this, Th);
     it(this, "importExcel", () => {
@@ -27097,17 +27107,17 @@ class Id {
   }
 }
 Th = new WeakMap(), Rh = new WeakMap(), Mh = new WeakMap(), Ih = new WeakMap(), Nh = new WeakMap();
-var Qo, pn, Oh, ta;
-class Nd extends HTMLElement {
+var Qo, mn, Oh, ta;
+class jd extends HTMLElement {
   constructor() {
     super();
     Y(this, Qo);
-    Y(this, pn);
+    Y(this, mn);
     Y(this, Oh, () => {
-      $("div.panel", this.shadowRoot).show(), $(f(this, pn)).css({ overflow: "visible" });
+      $("div.panel", this.shadowRoot).show(), $(f(this, mn)).css({ overflow: "visible" });
     });
     it(this, "close", () => {
-      $("div.panel", this.shadowRoot).hide(), $(f(this, pn)).css({ overflow: "unset" });
+      $("div.panel", this.shadowRoot).hide(), $(f(this, mn)).css({ overflow: "unset" });
     });
     Y(this, ta, () => {
       f(this, Qo).body.querySelectorAll("ng-info").forEach((t) => {
@@ -27133,17 +27143,17 @@ class Nd extends HTMLElement {
 			<div class="panel">
 				${t}
 			</div>
-		`, tt(this, Qo, this.getRootNode().host), tt(this, pn, this.closest("th,td")), $("svg.icon", this.shadowRoot).on("click", (l) => {
+		`, tt(this, Qo, this.getRootNode().host), tt(this, mn, 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, Oh).call(this));
     }), $(this).on("click", (l) => {
       l.stopPropagation();
     });
   }
 }
-Qo = new WeakMap(), pn = new WeakMap(), Oh = new WeakMap(), ta = new WeakMap();
-customElements.get("ng-info") || customElements.define("ng-info", Nd);
+Qo = new WeakMap(), mn = new WeakMap(), Oh = new WeakMap(), ta = new WeakMap();
+customElements.get("ng-info") || customElements.define("ng-info", jd);
 var Yr, jh;
-class Od extends Si {
+class $d extends ki {
   constructor() {
     super();
     Y(this, Yr);
@@ -27181,13 +27191,13 @@ class Od extends Si {
   }
 }
 Yr = new WeakMap(), jh = new WeakMap();
-customElements.get("ng-input-color") || customElements.define("ng-input-color", Od);
-var Gr, ai, $h;
-class jd extends Si {
+customElements.get("ng-input-color") || customElements.define("ng-input-color", $d);
+var Gr, li, $h;
+class Ld extends ki {
   constructor() {
     super();
     Y(this, Gr);
-    Y(this, ai);
+    Y(this, li);
     it(this, "dataRefresh", (t) => {
       var l = this.value;
       switch (f(this, Gr).type) {
@@ -27245,7 +27255,7 @@ class jd extends Si {
         }
       return l;
     });
-    if (tt(this, ai, this.getAttribute("type") || "date"), !["date", "datetime-local", "time", "week", "month"].includes(f(this, ai))) throw `invalid type : ${f(this, ai)}`;
+    if (tt(this, li, this.getAttribute("type") || "date"), !["date", "datetime-local", "time", "week", "month"].includes(f(this, li))) throw `invalid type : ${f(this, li)}`;
   }
   connectedCallback() {
     const t = parseInt(this.closest("tr").style.height, 10) - 1;
@@ -27269,7 +27279,7 @@ class jd extends Si {
 			</style>
 	
 			<input
-				type="${f(this, ai)}"
+				type="${f(this, li)}"
 				data-placeholder="${this.getAttribute("placeholder") || "Select"}"
 				${l.join(" ")}
 				required
@@ -27286,20 +27296,20 @@ class jd extends Si {
     });
   }
 }
-Gr = new WeakMap(), ai = new WeakMap(), $h = new WeakMap();
-customElements.get("ng-input-date") || customElements.define("ng-input-date", jd);
-var Ke, fs, zr, Ps, mn, Kr, Lh;
-class $d extends Si {
+Gr = new WeakMap(), li = new WeakMap(), $h = new WeakMap();
+customElements.get("ng-input-date") || customElements.define("ng-input-date", Ld);
+var Ke, fs, zr, Ps, gn, Kr, Lh;
+class Pd extends ki {
   constructor() {
     super();
     Y(this, Ke);
     Y(this, fs);
     Y(this, zr);
     Y(this, Ps);
-    Y(this, mn);
+    Y(this, gn);
     Y(this, Kr);
     it(this, "dataRefresh", (t) => {
-      f(this, Ke).value = this.value, H.j.querySelectorAll(f(this, Ke)).removeClass("invalid"), f(this, fs) == "number" && (isNaN(this.value) || f(this, mn) && Number(f(this, Ke).value) > Number(f(this, mn)) || f(this, Ps) && Number(f(this, Ke).value) < Number(f(this, Ps)) ? 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, fs) == "number" && (isNaN(this.value) || f(this, gn) && Number(f(this, Ke).value) > Number(f(this, gn)) || f(this, Ps) && Number(f(this, Ke).value) < Number(f(this, Ps)) ? H.j.querySelectorAll(f(this, Ke)).addClass("invalid") : f(this, 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, Lh, (t) => {
       if (!["Escape", "Enter", "Tab", "Home", "End", "ArrowLeft", "ArrowRight", "PageUp", "PageDown", "Backspace", "Delete"].includes(t.code)) {
@@ -27316,7 +27326,7 @@ class $d extends Si {
         f(this, zr) && H.getByteLength(t.target.value) >= Number(f(this, zr)) && t.target.selectionStart == t.target.selectionEnd && t.preventDefault();
       }
     });
-    if (tt(this, fs, this.getAttribute("type") || "text"), tt(this, zr, this.getAttribute("maxbyte")), tt(this, Ps, this.getAttribute("min")), tt(this, mn, this.getAttribute("max")), tt(this, Kr, this.getAttribute("scale")), !["text", "number"].includes(f(this, fs))) throw `invalid type : ${f(this, fs)}`;
+    if (tt(this, fs, this.getAttribute("type") || "text"), tt(this, zr, this.getAttribute("maxbyte")), tt(this, Ps, this.getAttribute("min")), tt(this, gn, this.getAttribute("max")), tt(this, Kr, this.getAttribute("scale")), !["text", "number"].includes(f(this, fs))) throw `invalid type : ${f(this, fs)}`;
   }
   connectedCallback() {
     for (var t = [], l = 0; l < this.attributes.length; l++)
@@ -27341,17 +27351,17 @@ class $d extends Si {
     });
   }
 }
-Ke = new WeakMap(), fs = new WeakMap(), zr = new WeakMap(), Ps = new WeakMap(), mn = new WeakMap(), Kr = new WeakMap(), Lh = new WeakMap();
-customElements.get("ng-input") || customElements.define("ng-input", $d);
-var Se, li, gn, bn, yn, Zr, hi;
-class Ld {
+Ke = new WeakMap(), fs = new WeakMap(), zr = new WeakMap(), Ps = new WeakMap(), gn = new WeakMap(), Kr = new WeakMap(), Lh = new WeakMap();
+customElements.get("ng-input") || customElements.define("ng-input", Pd);
+var Se, hi, bn, yn, vn, Zr, ci;
+class Dd {
   constructor(C) {
     Y(this, Se);
     //#oldrow;
-    Y(this, li);
-    Y(this, gn);
+    Y(this, hi);
     Y(this, bn);
     Y(this, yn);
+    Y(this, vn);
     Y(this, Zr, []);
     it(this, "getHeight", (C) => {
       const t = parseInt(C / f(this, Se).template.length);
@@ -27363,10 +27373,10 @@ class Ld {
       f(this, Se).data.get(parseInt(C / f(this, Se).template.length)).__ng.height[parseInt(C % f(this, Se).template.length)] = t;
     });
     /** attribute */
-    Y(this, hi, (C) => typeof C == "object" && C.tagName == "TR" ? parseInt(C.getAttribute("data-row")) * f(this, Se).template.length + C.sectionRowIndex % f(this, Se).template.length : C);
+    Y(this, ci, (C) => typeof C == "object" && C.tagName == "TR" ? parseInt(C.getAttribute("data-row")) * f(this, Se).template.length + C.sectionRowIndex % f(this, Se).template.length : C);
     it(this, "attr", (C, t, l, c) => {
-      t = f(this, hi).call(this, t);
-      var o = parseInt(t / f(this, Se).template.length), r = f(this, Se).data.get(o, "rowid"), n = t % f(this, Se).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);
+      t = f(this, ci).call(this, t);
+      var o = parseInt(t / f(this, Se).template.length), r = f(this, Se).data.get(o, "rowid"), n = t % f(this, Se).template.length, s = H.decode(C, "head", f(this, bn), "foot", f(this, vn), f(this, yn)), e = s.findIndex((u) => u.rowid == r && u.subrow == n);
       if (c)
         if (e < 0) {
           var i = { rowid: r, subrow: n, cells: [] };
@@ -27378,11 +27388,11 @@ class Ld {
     });
     it(this, "height", (C, t, l) => {
       var c = this.attr(C, t, "height", l);
-      return c || (c = $(f(this, Se).template[f(this, hi).call(this, t) % f(this, Se).template.length]).height()), c;
+      return c || (c = $(f(this, Se).template[f(this, ci).call(this, t) % f(this, Se).template.length]).height()), c;
     });
     it(this, "attr2", (C, t, l, c, o) => {
-      l = f(this, hi).call(this, l);
-      var r = parseInt(l / f(this, Se).template.length), n = C && C.hasOwnProperty("rowid") ? C[r].rowid : null, s = l % f(this, Se).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);
+      l = f(this, ci).call(this, l);
+      var r = parseInt(l / f(this, Se).template.length), n = C && C.hasOwnProperty("rowid") ? C[r].rowid : null, s = l % f(this, Se).template.length, e = H.decode(t, "head", f(this, bn), "foot", f(this, vn), f(this, yn)), i = e.findIndex((a) => a.rowid == n && a.subrow == s);
       if (o)
         if (i < 0) {
           var u = { rowid: n, subrow: s, cells: [] };
@@ -27394,9 +27404,9 @@ class Ld {
     });
     it(this, "height2", (C, t, l, c) => {
       var o = this.attr2(C, t, l, "height", c);
-      return o || (o = $(f(this, Se).template[f(this, hi).call(this, l) % f(this, Se).template.length]).height()), o;
+      return o || (o = $(f(this, Se).template[f(this, ci).call(this, l) % f(this, Se).template.length]).height()), o;
     });
-    tt(this, Se, C), tt(this, li, -1), tt(this, gn, []), tt(this, bn, []), tt(this, yn, []), this.head = {
+    tt(this, Se, C), tt(this, hi, -1), tt(this, bn, []), tt(this, yn, []), tt(this, vn, []), this.head = {
       attr: (t, l, c) => this.attr("head", t, l, c),
       height: (t, l) => this.height("head", t, l)
     }, this.body = {
@@ -27409,14 +27419,14 @@ class Ld {
     }, tt(this, Zr, [0]);
   }
   get row() {
-    return f(this, li);
+    return f(this, hi);
   }
   set row(C) {
-    tt(this, li, parseInt(C)), f(this, Se).selection.selectedStartRow == f(this, Se).selection.selectedEndRow && (f(this, Se).selection.selectedStartRow = f(this, Se).selection.selectedEndRow = f(this, Se).selection.startRow = f(this, li));
+    tt(this, hi, parseInt(C)), f(this, Se).selection.selectedStartRow == f(this, Se).selection.selectedEndRow && (f(this, Se).selection.selectedStartRow = f(this, Se).selection.selectedEndRow = f(this, Se).selection.startRow = f(this, hi));
   }
   // 1. 누적 높이 배열 갱신 (데이터가 로드되거나 변경될 때 호출 필요)
   updateCumulativeHeights() {
-    console.log("====================="), console.log(f(this, Se).data), tt(this, Zr, [0]);
+    Js.log("====================="), Js.log(f(this, Se).data), tt(this, Zr, [0]);
     let C = 0;
     const t = f(this, Se).data.count();
     for (let l = 0; l < t; l++) {
@@ -27440,9 +27450,9 @@ class Ld {
     };
   }
 }
-Se = new WeakMap(), li = new WeakMap(), gn = new WeakMap(), bn = new WeakMap(), yn = new WeakMap(), Zr = new WeakMap(), hi = new WeakMap();
+Se = new WeakMap(), hi = new WeakMap(), bn = new WeakMap(), yn = new WeakMap(), vn = new WeakMap(), Zr = new WeakMap(), ci = new WeakMap();
 var Jr, Qr;
-class Pd extends HTMLElement {
+class Bd extends HTMLElement {
   constructor() {
     super();
     Y(this, Jr);
@@ -27488,19 +27498,19 @@ Do you want to save it?`, "SAVE", { class: "rgb", "true-text": "Yes", "false-tex
   }
 }
 Jr = new WeakMap(), Qr = new WeakMap();
-customElements.get("ng-max-popup") || customElements.define("ng-max-popup", Pd);
+customElements.get("ng-max-popup") || customElements.define("ng-max-popup", Bd);
 var Lt, ea, Ph;
-class Dd extends HTMLElement {
+class Fd extends HTMLElement {
   constructor() {
     super();
     Y(this, Lt);
     Y(this, ea);
     Y(this, Ph);
-    tt(this, ea, new Id(f(this, Lt))), tt(this, Ph, new Iu(f(this, Lt)));
+    tt(this, ea, new Od(f(this, Lt))), tt(this, Ph, new Iu(f(this, Lt)));
   }
   connectedCallback() {
     tt(this, Lt, this.getRootNode().host.getRootNode().host), this.innerHTML = "";
-    var t = new nd({
+    var t = new od({
       owner: f(this, Lt),
       items: {
         filtering: {
@@ -27686,9 +27696,9 @@ class Dd extends HTMLElement {
   }
 }
 Lt = new WeakMap(), ea = new WeakMap(), Ph = new WeakMap();
-customElements.get("ng-menu") || customElements.define("ng-menu", Dd);
-var Be, ra, sa, Er, ia, ze, tr, Ds, Dh, vn, Bh;
-class Bd extends HTMLElement {
+customElements.get("ng-menu") || customElements.define("ng-menu", Fd);
+var Be, ra, sa, Er, ia, ze, tr, Ds, Dh, wn, Bh;
+class qd extends HTMLElement {
   constructor() {
     super();
     Y(this, Be);
@@ -27706,7 +27716,7 @@ class Bd extends HTMLElement {
         t.__ng.paging = !0;
       }), f(this, Be).data.resetRecords();
     });
-    Y(this, vn, () => {
+    Y(this, wn, () => {
       this.type == H.PAGINGTYPE.CLIENT ? $("span", this).eq(1).html(`<b>Total</b> : ${f(this, Be).data.countNF().toLocaleString()}`) : this.type == H.PAGINGTYPE.SERVER ? $("span", this).eq(1).html(`<b>Total</b> : ${f(this, Ds).toLocaleString()}`) : this.type == H.PAGINGTYPE.NONE && $("span", this).eq(1).html(`<b>Total</b> : ${f(this, Ds).toLocaleString()}`), f(this, tr) == 0 ? $("span", this).eq(0).html("") : $("span", this).eq(0).html(`${f(this, ze).toLocaleString()} <i>of</i> ${f(this, tr).toLocaleString()}`), H.j.querySelectorAll(".ng-paging-first", this).attr("disabled", f(this, ze) == 1 || f(this, tr) < 1), H.j.querySelectorAll(".ng-paging-prev", this).attr("disabled", f(this, ze) == 1 || f(this, tr) < 1), H.j.querySelectorAll(".ng-paging-next", this).attr("disabled", f(this, ze) == f(this, tr) || f(this, tr) < 1), H.j.querySelectorAll(".ng-paging-last", this).attr("disabled", f(this, ze) == f(this, tr) || f(this, tr) < 1);
     });
     Y(this, Bh, () => {
@@ -27719,7 +27729,7 @@ class Bd 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, vn).call(this), l.map((o) => {
+          f(this, wn).call(this), l.map((o) => {
             o.__ng.paging = !1;
           });
           for (var c = (f(this, ze) - 1) * f(this, Er); c < Math.min(f(this, ze) * f(this, Er), f(this, Be).data.countNF()); c++)
@@ -27743,7 +27753,7 @@ class Bd extends HTMLElement {
         case H.PAGINGTYPE.SERVER:
           break;
       }
-      f(this, vn).call(this);
+      f(this, wn).call(this);
     });
     tt(this, Be, this.getRootNode().host.getRootNode().host), tt(this, ze, 0), tt(this, tr, 0), tt(this, Ds, 0), this.onpagechanged = new CustomEvent("pagechanged", { bubbles: !0, detail: {} });
   }
@@ -27786,7 +27796,7 @@ class Bd extends HTMLElement {
     return f(this, tr);
   }
   set totalCount(t) {
-    tt(this, Ds, t), f(this, ze) <= 0 && tt(this, ze, 1), tt(this, tr, Math.ceil(t / f(this, Er))), f(this, vn).call(this);
+    tt(this, Ds, t), f(this, ze) <= 0 && tt(this, ze, 1), tt(this, tr, Math.ceil(t / f(this, Er))), f(this, wn).call(this);
   }
   get linesPerPage() {
     return f(this, Er);
@@ -27821,16 +27831,16 @@ class Bd extends HTMLElement {
     tt(this, sa, t);
   }
 }
-Be = new WeakMap(), ra = new WeakMap(), sa = new WeakMap(), Er = new WeakMap(), ia = new WeakMap(), ze = new WeakMap(), tr = new WeakMap(), Ds = new WeakMap(), Dh = new WeakMap(), vn = new WeakMap(), Bh = new WeakMap();
-customElements.get("ng-paging") || customElements.define("ng-paging", Bd);
-var ci, na;
-class Fd extends Mr {
+Be = new WeakMap(), ra = new WeakMap(), sa = new WeakMap(), Er = new WeakMap(), ia = new WeakMap(), ze = new WeakMap(), tr = new WeakMap(), Ds = new WeakMap(), Dh = new WeakMap(), wn = new WeakMap(), Bh = new WeakMap();
+customElements.get("ng-paging") || customElements.define("ng-paging", qd);
+var ui, na;
+class Hd extends Mr {
   constructor() {
     super();
-    Y(this, ci);
+    Y(this, ui);
     Y(this, na);
     it(this, "dataRefresh", (t) => {
-      f(this, ci).value = this.value, f(this, na).innerHTML = this.getDisplayText(), t || this.reset();
+      f(this, ui).value = this.value, f(this, na).innerHTML = this.getDisplayText(), t || this.reset();
     });
   }
   connectedCallback() {
@@ -27859,19 +27869,19 @@ class Fd extends Mr {
 				<progress ${n.join(" ")}></progress>
 				<span></span>
 			</div>
-		`, super.connectedCallback(), tt(this, ci, this.shadowRoot.querySelector("progress")), tt(this, na, this.shadowRoot.querySelector("span")), f(this, ci).getAttribute("max") || f(this, ci).setAttribute("max", 100);
+		`, super.connectedCallback(), tt(this, ui, this.shadowRoot.querySelector("progress")), tt(this, na, this.shadowRoot.querySelector("span")), f(this, ui).getAttribute("max") || f(this, ui).setAttribute("max", 100);
   }
 }
-ci = new WeakMap(), na = new WeakMap();
-customElements.get("ng-progress") || customElements.define("ng-progress", Fd);
-var Bs, jr, Fs, ui, Fh, qh;
-class qd extends Si {
+ui = new WeakMap(), na = new WeakMap();
+customElements.get("ng-progress") || customElements.define("ng-progress", Hd);
+var Bs, jr, Fs, di, Fh, qh;
+class zd extends ki {
   constructor() {
     super();
     Y(this, Bs);
     Y(this, jr);
     Y(this, Fs);
-    Y(this, ui);
+    Y(this, di);
     it(this, "dataRefresh", (t) => {
       f(this, jr) && (f(this, Fh).call(this) ? H.j.querySelectorAll(this).removeClass("invalid") : H.j.querySelectorAll(this).addClass("invalid")), $(f(this, Bs)).each((l, c) => {
         $(c).prop("checked", this.value == c.getAttribute("value"));
@@ -27886,13 +27896,13 @@ class qd extends Si {
     });
   }
   async connectedCallback() {
-    tt(this, Fs, this.getAttribute("code") || "code"), tt(this, ui, this.getAttribute("codename") || "codename");
+    tt(this, Fs, this.getAttribute("code") || "code"), tt(this, di, this.getAttribute("codename") || "codename");
     var t = this.querySelector("datalist");
     t && (tt(this, jr, []), t.querySelectorAll("option").forEach((n) => {
-      const s = n.getAttribute(f(this, Fs)), e = n.getAttribute(f(this, ui));
+      const s = n.getAttribute(f(this, Fs)), e = n.getAttribute(f(this, di));
       s && e && f(this, jr).push({
         [f(this, Fs)]: s,
-        [f(this, ui)]: e
+        [f(this, di)]: e
       });
     })), this.owner = this.getRootNode().host, this.cell = this.closest("th,td");
     const l = this.closest("th,td").getAttribute("text-align") || "center", c = l == "left" ? "flex-start" : l == "right" ? "flex-end" : "center";
@@ -27900,7 +27910,7 @@ class qd extends Si {
     o && this.owner && this.owner.exprFunction && (this.owner[o] ? tt(this, jr, this.owner[o]) : tt(this, jr, this.owner.exprFunction(o).call(this, this.owner.data.get(this.cell.dataset.row), this.cell.dataset.row)));
     var r = "";
     f(this, jr) && f(this, jr).forEach((n) => {
-      r += `<label><input type="radio" value="${n[f(this, Fs)]}"><span>${n[f(this, ui)]}</span></label>`;
+      r += `<label><input type="radio" value="${n[f(this, Fs)]}"><span>${n[f(this, di)]}</span></label>`;
     }), this.shadowRoot.innerHTML = `
 			<style>
 				@import "https://cdn.jsdelivr.net/npm/ninegrid2@${H.version}/dist/css/ngRadio.css";
@@ -27930,15 +27940,15 @@ class qd extends Si {
     return f(this, jr);
   }
 }
-Bs = new WeakMap(), jr = new WeakMap(), Fs = new WeakMap(), ui = new WeakMap(), Fh = new WeakMap(), qh = new WeakMap();
-customElements.get("ng-radio") || customElements.define("ng-radio", qd);
-var wn;
-class Hd extends Mr {
+Bs = new WeakMap(), jr = new WeakMap(), Fs = new WeakMap(), di = new WeakMap(), Fh = new WeakMap(), qh = new WeakMap();
+customElements.get("ng-radio") || customElements.define("ng-radio", zd);
+var xn;
+class Ud extends Mr {
   constructor() {
     super();
-    Y(this, wn);
+    Y(this, xn);
     it(this, "dataRefresh", (t) => {
-      f(this, wn) && (f(this, wn).innerHTML = this.getDisplayText(), t || this.reset());
+      f(this, xn) && (f(this, xn).innerHTML = this.getDisplayText(), t || this.reset());
     });
   }
   connectedCallback() {
@@ -27963,13 +27973,13 @@ class Hd extends Mr {
 			<div class="ng-wrap">
 				<span class="renderer"></span>
 			</div>
-		`, super.connectedCallback(), tt(this, wn, this.shadowRoot.querySelector("span.renderer"));
+		`, super.connectedCallback(), tt(this, xn, this.shadowRoot.querySelector("span.renderer"));
   }
 }
-wn = new WeakMap();
-customElements.get("ng-renderer") || customElements.define("ng-renderer", Hd);
+xn = new WeakMap();
+customElements.get("ng-renderer") || customElements.define("ng-renderer", Ud);
 var Hh;
-class zd extends Mr {
+class Vd extends Mr {
   constructor() {
     super();
     it(this, "dataRefresh", (t) => {
@@ -27997,16 +28007,16 @@ class zd extends Mr {
   }
 }
 Hh = new WeakMap();
-var er, or, di;
-class Ud extends HTMLElement {
+var er, or, fi;
+class Wd extends HTMLElement {
   constructor() {
     super();
     Y(this, er);
     Y(this, or);
-    Y(this, di);
+    Y(this, fi);
     it(this, "popup", (t) => {
       var l = f(this, er).body.querySelector(`tr[data-row="${t}"]`).data;
-      tt(this, di, l.__ng._[H.ROW.INDEX]), $(".title", this.shadowRoot).html(f(this, er).getAttribute("caption") || "Details"), $(".sub-title", this.shadowRoot).html(`(${(Number(t) + 1).toLocaleString()} of ${f(this, er).data.count().toLocaleString()})`);
+      tt(this, fi, l.__ng._[H.ROW.INDEX]), $(".title", this.shadowRoot).html(f(this, er).getAttribute("caption") || "Details"), $(".sub-title", this.shadowRoot).html(`(${(Number(t) + 1).toLocaleString()} of ${f(this, er).data.count().toLocaleString()})`);
       var c = $("colgroup", f(this, or)), o = 500, r = $(".ng-container-body thead tr", f(this, er).body).not(".col-indicator-rowgroup").length, n = f(this, er).template.length, s = 0;
       $(`tr [data-row=${t}]`, f(this, er).body).not(".dummy").not(".first").not(".last").each((h, p) => {
         s = Math.max(s, parseInt(p.getAttribute("data-col")) + parseInt(p.getAttribute("colspan") || 1));
@@ -28053,7 +28063,7 @@ class Ud extends HTMLElement {
           d.dataset.col = a, a += d.colSpan || 1;
         });
       }), f(this, or).shadowRoot.querySelector(".ng-body").style.height = "100vh", f(this, or).createTemplate(), this.shadowRoot.querySelector("dialog").showModal(), setTimeout(() => {
-        f(this, or).data.source = [Object.assign({}, f(this, er).data.getNF(f(this, di)))];
+        f(this, or).data.source = [Object.assign({}, f(this, er).data.getNF(f(this, fi)))];
       });
     });
     this.attachShadow({ mode: "open" });
@@ -28080,9 +28090,9 @@ class Ud extends HTMLElement {
 				</nine-grid>
 			</nx-dialog>
 		`, tt(this, or, this.shadowRoot.querySelector("nine-grid")), f(this, or).fields.add(f(this, er).fields.get()), $(".reset", this.shadowRoot).on("click", (l) => {
-      f(this, or).data.set(f(this, er).data.getNF(f(this, di)));
+      f(this, or).data.set(f(this, er).data.getNF(f(this, fi)));
     }), $(".apply", this.shadowRoot).on("click", (l) => {
-      f(this, er).data.all.update(f(this, or).data.get(0), f(this, di)), this.shadowRoot.querySelector("dialog").close();
+      f(this, er).data.all.update(f(this, or).data.get(0), f(this, fi)), this.shadowRoot.querySelector("dialog").close();
     }), $(".close", this.shadowRoot).onFirst("click", (l) => {
       f(this, or).data.isChanged() && (l.stopImmediatePropagation(), H.confirm(`There is changed data.
 Do you want to save it?`, "SAVE", { class: "rgb", "true-text": "Yes", "false-text": "No" }).then((c) => {
@@ -28091,11 +28101,11 @@ Do you want to save it?`, "SAVE", { class: "rgb", "true-text": "Yes", "false-tex
     });
   }
 }
-er = new WeakMap(), or = new WeakMap(), di = new WeakMap();
-customElements.get("ng-row-detail") || customElements.define("ng-row-detail", zd);
-customElements.get("ng-row-detail-popup") || customElements.define("ng-row-detail-popup", Ud);
+er = new WeakMap(), or = new WeakMap(), fi = new WeakMap();
+customElements.get("ng-row-detail") || customElements.define("ng-row-detail", Vd);
+customElements.get("ng-row-detail-popup") || customElements.define("ng-row-detail-popup", Wd);
 var zh;
-const Ti = class Ti extends Mr {
+const Ri = class Ri extends Mr {
   constructor() {
     super();
     it(this, "dataRefresh", (t) => {
@@ -28103,14 +28113,14 @@ const Ti = class Ti extends Mr {
     });
     Y(this, zh, (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", Ti.dragData = {
+      t.dataTransfer.setDragImage(c, 0, 0), t.dataTransfer.effectAllowed = "copyMove", Ri.dragData = {
         tr: this.cell.closest("tr"),
         id: this.owner.id,
         row: l,
         bind: this.cell.dataset.bind
       };
     });
-    Ti.scrollInterval = this.getAttribute("scroll-interval") || 300;
+    Ri.scrollInterval = this.getAttribute("scroll-interval") || 300;
   }
   connectedCallback() {
     this.shadowRoot.innerHTML = `
@@ -28122,27 +28132,27 @@ const Ti = class Ti extends Mr {
   }
 };
 zh = new WeakMap(), //static sourceRow = -1;
-it(Ti, "dragData"), it(Ti, "scrollInterval");
-let ir = Ti;
-var He, oa, aa, la, ps, ha, ca, ua, da;
-class Vd {
+it(Ri, "dragData"), it(Ri, "scrollInterval");
+let ir = Ri;
+var qe, oa, aa, la, ps, ha, ca, ua, da;
+class Xd {
   constructor(C) {
-    Y(this, He);
+    Y(this, qe);
     /** attribute 변경에 대한 반응 */
     it(this, "resetEvent", () => {
-      $(".ng-table tbody.bindable", f(this, He).body).off("dragleave", f(this, ca)).off("dragenter", f(this, ha)).off("dragover", f(this, la)).off("drop", f(this, da)).off("dragend", f(this, ua)).on("dragleave", f(this, ca)).on("dragenter", f(this, ha)).on("dragover", f(this, la)).on("drop", f(this, da)).on("dragend", f(this, ua));
+      $(".ng-table tbody.bindable", f(this, qe).body).off("dragleave", f(this, ca)).off("dragenter", f(this, ha)).off("dragover", f(this, la)).off("drop", f(this, da)).off("dragend", f(this, ua)).on("dragleave", f(this, ca)).on("dragenter", f(this, ha)).on("dragover", f(this, la)).on("drop", f(this, da)).on("dragend", f(this, ua));
     });
     Y(this, oa, (C) => {
       [".ng-container-left", ".ng-container-body", ".ng-container-right"].forEach((t) => {
-        const l = f(this, He).body.querySelectorAll(`${t} tr[data-row="${C}"]`);
+        const l = f(this, qe).body.querySelectorAll(`${t} tr[data-row="${C}"]`);
         H.j.querySelectorAll("th,td", l[0]).addClass("ng-dragover-up");
       });
     });
     Y(this, aa, (C) => {
       [".ng-container-left", ".ng-container-body", ".ng-container-right"].forEach((t) => {
-        f(this, He).body.querySelectorAll(`${t} tr[data-row="${C}"]`).forEach((l, c) => {
+        f(this, qe).body.querySelectorAll(`${t} tr[data-row="${C}"]`).forEach((l, c) => {
           l.querySelectorAll("th,td").forEach((o) => {
-            c + (o.rowSpan || 1) == f(this, He).template.length && H.j.querySelectorAll(o).addClass("ng-dragover-down");
+            c + (o.rowSpan || 1) == f(this, qe).template.length && H.j.querySelectorAll(o).addClass("ng-dragover-down");
           });
         });
       });
@@ -28153,7 +28163,7 @@ class Vd {
       if (H.j.querySelectorAll("th,td", t.body).removeClass("ng-dragover-up").removeClass("ng-dragover-down"), H.j.querySelectorAll("th,td", l.body).removeClass("ng-dragover-up").removeClass("ng-dragover-down"), t.id == l.id)
         o < c ? (f(this, oa).call(this, o), ir.dragData.targetRow = o) : o > c && (f(this, aa).call(this, o), ir.dragData.targetRow = o - 1);
       else {
-        const r = f(this, He).body.querySelector(`tr[data-row="${o}"]`), s = C.pageY - $(r).offset().top < f(this, He).view.getRowHeight(o) / 2;
+        const r = f(this, qe).body.querySelector(`tr[data-row="${o}"]`), s = C.pageY - $(r).offset().top < f(this, qe).view.getRowHeight(o) / 2;
         s ? f(this, oa).call(this, o) : f(this, aa).call(this, o), ir.dragData.targetRow = s ? o : o + 1;
       }
     });
@@ -28161,11 +28171,11 @@ class Vd {
     Y(this, ha, (C) => {
       C.preventDefault();
       const t = parseInt(C.target.closest("tr").dataset.row);
-      [f(this, He).view.getVisibleFirstRow(), f(this, He).view.getVisibleLastRow()].includes(t) && setTimeout(() => {
+      [f(this, qe).view.getVisibleFirstRow(), f(this, qe).view.getVisibleLastRow()].includes(t) && setTimeout(() => {
         if (!f(this, ps)) {
-          const l = t == f(this, He).view.getVisibleLastRow() ? 1 : -1;
+          const l = t == f(this, qe).view.getVisibleLastRow() ? 1 : -1;
           tt(this, ps, setInterval(() => {
-            f(this, He).scrollBy(l);
+            f(this, qe).scrollBy(l);
           }, ir.scrollInterval));
         }
       });
@@ -28176,13 +28186,13 @@ class Vd {
     Y(this, ua, (C) => {
     });
     Y(this, da, (C) => {
-      C.preventDefault(), clearInterval(f(this, ps)), tt(this, ps, null), f(this, He).body.querySelectorAll(".ng-container-left .ng-tmp").forEach((a) => {
+      C.preventDefault(), clearInterval(f(this, ps)), tt(this, ps, null), f(this, qe).body.querySelectorAll(".ng-container-left .ng-tmp").forEach((a) => {
         $(a).remove();
       });
-      const t = H.nvl(document.getElementById(ir.dragData.id), f(this, He)), l = ir.dragData.row, c = ir.dragData.bind, o = C.target.closest("tr"), r = C.target.getRootNode().host, n = parseInt(o.dataset.row), s = r.body.querySelector("ng-row-drag") ? r.body.querySelector("ng-row-drag").cell.dataset.bind : null;
+      const t = H.nvl(document.getElementById(ir.dragData.id), f(this, qe)), l = ir.dragData.row, c = ir.dragData.bind, o = C.target.closest("tr"), r = C.target.getRootNode().host, n = parseInt(o.dataset.row), s = r.body.querySelector("ng-row-drag") ? r.body.querySelector("ng-row-drag").cell.dataset.bind : null;
       if (H.j.querySelectorAll("th,td", t.body).removeClass("ng-dragover-up").removeClass("ng-dragover-down"), H.j.querySelectorAll("th,td", r.body).removeClass("ng-dragover-up").removeClass("ng-dragover-down"), t.id == r.id && l == n) return;
       const e = new CustomEvent(H.EVENT.CAN_ROW_MOVE, { bubbles: !0, cancelable: !0, detail: {} });
-      if (e.sourceGrid = t, e.targetGrid = r, e.sourceRow = l, e.targetRow = ir.dragData.targetRow, f(this, He).dispatchEvent(e) && (t.id == r.id ? C.altKey ? f(this, He).data.insert(f(this, He).data.get(l), n) : f(this, He).data.moveRow(l, n) : (r.data.insert(t.data.get(l), ir.dragData.targetRow), C.altKey || t.data.delete(l))), c) {
+      if (e.sourceGrid = t, e.targetGrid = r, e.sourceRow = l, e.targetRow = ir.dragData.targetRow, f(this, qe).dispatchEvent(e) && (t.id == r.id ? C.altKey ? f(this, qe).data.insert(f(this, qe).data.get(l), n) : f(this, qe).data.moveRow(l, n) : (r.data.insert(t.data.get(l), ir.dragData.targetRow), C.altKey || t.data.delete(l))), c) {
         const a = t.fields.indexOf(c);
         for (var i = 0; i < t.data.all.count(); i++)
           t.data.all.setRecord(i, a, i + 1);
@@ -28192,28 +28202,28 @@ class Vd {
         for (var i = 0; i < r.data.all.count(); i++)
           r.data.all.setRecord(i, a, i + 1);
       }
-      f(this, He).dataManager.viewRecords.reset();
+      f(this, qe).dataManager.viewRecords.reset();
       const u = new CustomEvent(H.EVENT.ROW_MOVED, { bubbles: !0, detail: {} });
-      u.sourceGrid = t, u.targetGrid = r, u.sourceRow = l, u.targetRow = ir.dragData.targetRow, f(this, He).dispatchEvent(u), ir.dragData = null;
+      u.sourceGrid = t, u.targetGrid = r, u.sourceRow = l, u.targetRow = ir.dragData.targetRow, f(this, qe).dispatchEvent(u), ir.dragData = null;
     });
-    tt(this, He, C), this.resetEvent();
+    tt(this, qe, C), this.resetEvent();
   }
 }
-He = new WeakMap(), oa = new WeakMap(), aa = new WeakMap(), la = new WeakMap(), ps = new WeakMap(), ha = new WeakMap(), ca = new WeakMap(), ua = new WeakMap(), da = new WeakMap();
+qe = new WeakMap(), oa = new WeakMap(), aa = new WeakMap(), la = new WeakMap(), ps = new WeakMap(), ha = new WeakMap(), ca = new WeakMap(), ua = new WeakMap(), da = new WeakMap();
 customElements.get("ng-row-drag") || customElements.define("ng-row-drag", ir);
-var sr, pr, fi, Uh, Vh, fa;
-class Wd extends HTMLElement {
+var sr, pr, pi, Uh, Vh, fa;
+class Yd extends HTMLElement {
   constructor() {
     super();
     Y(this, sr);
     Y(this, pr);
-    Y(this, fi);
+    Y(this, pi);
     Y(this, Uh, () => {
       const l = `data.${H.j.querySelectorAll(`[data-col="${f(this, pr).dataset.col}"]`, f(this, sr).tmpl).attr("data-bind")}.replaceAll("\\n", "<br>")`;
       H.j.querySelectorAll(this).addClass("expand"), H.j.querySelectorAll(`[data-col="${f(this, pr).dataset.col}"]`, f(this, sr).tmpl).attr("data-expr", l), H.j.querySelectorAll(`[data-col="${f(this, pr).dataset.col}"]`, f(this, sr).body).attr("data-expr", l), f(this, fa).call(this);
     });
     Y(this, Vh, () => {
-      H.j.querySelectorAll(this).removeClass("expand"), f(this, fi) ? (H.j.querySelectorAll(`[data-col="${f(this, pr).dataset.col}"]`, f(this, sr).tmpl).attr("data-expr", f(this, fi)), H.j.querySelectorAll(`[data-col="${f(this, pr).dataset.col}"]`, f(this, sr).body).attr("data-expr", f(this, fi))) : (H.j.querySelectorAll(`[data-col="${f(this, pr).dataset.col}"]`, f(this, sr).tmpl).removeAttr("data-expr"), H.j.querySelectorAll(`[data-col="${f(this, pr).dataset.col}"]`, f(this, sr).body).removeAttr("data-expr")), f(this, fa).call(this);
+      H.j.querySelectorAll(this).removeClass("expand"), f(this, pi) ? (H.j.querySelectorAll(`[data-col="${f(this, pr).dataset.col}"]`, f(this, sr).tmpl).attr("data-expr", f(this, pi)), H.j.querySelectorAll(`[data-col="${f(this, pr).dataset.col}"]`, f(this, sr).body).attr("data-expr", f(this, pi))) : (H.j.querySelectorAll(`[data-col="${f(this, pr).dataset.col}"]`, f(this, sr).tmpl).removeAttr("data-expr"), H.j.querySelectorAll(`[data-col="${f(this, pr).dataset.col}"]`, f(this, sr).body).removeAttr("data-expr")), f(this, fa).call(this);
     });
     Y(this, fa, () => {
       var t = [];
@@ -28233,17 +28243,17 @@ class Wd extends HTMLElement {
 				@import "https://cdn.jsdelivr.net/npm/ninegrid2@${H.version}/dist/css/ngRowExpand.css";
 				${H.getCustomPath(this, "ngRowExpand.css")}
 			</style>
-		`, tt(this, sr, this.getRootNode().host), tt(this, pr, this.closest("th,td")), !(!f(this, sr) || !f(this, pr)) && (tt(this, fi, H.j.querySelectorAll(`[data-col="${f(this, pr).dataset.col}"]`, f(this, sr).tmpl).attr("data-expr")), f(this, pr).querySelector("ng-col-expand") && H.j.querySelectorAll(this).addClass("padding"), $(this).on("click", (t) => {
+		`, tt(this, sr, this.getRootNode().host), tt(this, pr, this.closest("th,td")), !(!f(this, sr) || !f(this, pr)) && (tt(this, pi, H.j.querySelectorAll(`[data-col="${f(this, pr).dataset.col}"]`, f(this, sr).tmpl).attr("data-expr")), f(this, pr).querySelector("ng-col-expand") && H.j.querySelectorAll(this).addClass("padding"), $(this).on("click", (t) => {
       t.preventDefault(), t.stopPropagation(), H.j.querySelectorAll(this).hasClass("expand") ? f(this, Vh).call(this) : f(this, Uh).call(this);
     }), $(this).on("click", (t) => {
       t.stopPropagation();
     }));
   }
 }
-sr = new WeakMap(), pr = new WeakMap(), fi = new WeakMap(), Uh = new WeakMap(), Vh = new WeakMap(), fa = new WeakMap();
-customElements.get("ng-combo") || customElements.define("ng-combo", Wd);
+sr = new WeakMap(), pr = new WeakMap(), pi = new WeakMap(), Uh = new WeakMap(), Vh = new WeakMap(), fa = new WeakMap();
+customElements.get("ng-combo") || customElements.define("ng-combo", Yd);
 var pa, Wh;
-class Xd extends Mr {
+class Gd extends Mr {
   constructor() {
     super();
     Y(this, pa);
@@ -28311,8 +28321,8 @@ class Xd extends Mr {
   }
 }
 pa = new WeakMap(), Wh = new WeakMap();
-var ur, ts, ma, mr, qs, pi, mu, es, Xh, Yh, Gh, ga, ba, ya, Kh;
-class Yd extends HTMLElement {
+var ur, ts, ma, mr, qs, mi, mu, es, Xh, Yh, Gh, ga, ba, ya, Kh;
+class Kd extends HTMLElement {
   constructor() {
     super();
     Y(this, ur);
@@ -28320,14 +28330,14 @@ class Yd extends HTMLElement {
     Y(this, ma);
     Y(this, mr);
     Y(this, qs);
-    Y(this, pi);
+    Y(this, mi);
     Y(this, mu);
     Y(this, es);
     Y(this, Xh);
     Y(this, Yh, () => {
       if (f(this, ur)) {
         var t = f(this, ur).querySelector("div.resizer-row-panel");
-        t ? tt(this, mr, $(t)) : (tt(this, mr, $('<div class="resizer-row-panel"><div class="grip"></div><div class="tooltip"><div></div><span></span><div></div></div></div>').hide()), $(f(this, ur).body).append(f(this, mr))), tt(this, qs, $(".grip", f(this, mr))), tt(this, pi, $(".tooltip", f(this, mr))), $(this).on("mousedown", (l) => {
+        t ? tt(this, mr, $(t)) : (tt(this, mr, $('<div class="resizer-row-panel"><div class="grip"></div><div class="tooltip"><div></div><span></span><div></div></div></div>').hide()), $(f(this, ur).body).append(f(this, mr))), tt(this, qs, $(".grip", f(this, mr))), tt(this, mi, $(".tooltip", f(this, mr))), $(this).on("mousedown", (l) => {
           H.j.querySelectorAll(f(this, ts).closest("tbody")).hasClass("fixed") || tt(this, ma, setTimeout(() => {
             f(this, Gh).call(this, l);
           }, 500));
@@ -28358,7 +28368,7 @@ class Yd extends HTMLElement {
       if (!(t < l.offset().top)) {
         f(this, qs).offset({ top: t });
         var c = parseInt(f(this, qs).offset().top), o = parseInt(c - f(this, es).offset().top);
-        o <= 1 && (o = 0), f(this, pi).height(o), f(this, pi).offset({ top: f(this, es).offset().top - 1 }), f(this, pi).find("span").text(o);
+        o <= 1 && (o = 0), f(this, mi).height(o), f(this, mi).offset({ top: f(this, es).offset().top - 1 }), f(this, mi).find("span").text(o);
       }
     });
     Y(this, Kh, (t) => {
@@ -28368,11 +28378,11 @@ class Yd extends HTMLElement {
     tt(this, ts, this.cell), tt(this, ur, f(this, ts).getRootNode().host), this.setAttribute("class", "row-resizer"), f(this, Yh).call(this);
   }
 }
-ur = new WeakMap(), ts = new WeakMap(), ma = new WeakMap(), mr = new WeakMap(), qs = new WeakMap(), pi = new WeakMap(), mu = new WeakMap(), es = new WeakMap(), Xh = new WeakMap(), Yh = new WeakMap(), Gh = new WeakMap(), ga = new WeakMap(), ba = new WeakMap(), ya = new WeakMap(), Kh = new WeakMap();
-customElements.get("ng-row-indicator") || customElements.define("ng-row-indicator", Xd);
-customElements.get("ng-row-resizer") || customElements.define("ng-row-resizer", Yd);
+ur = new WeakMap(), ts = new WeakMap(), ma = new WeakMap(), mr = new WeakMap(), qs = new WeakMap(), mi = new WeakMap(), mu = new WeakMap(), es = new WeakMap(), Xh = new WeakMap(), Yh = new WeakMap(), Gh = new WeakMap(), ga = new WeakMap(), ba = new WeakMap(), ya = new WeakMap(), Kh = new WeakMap();
+customElements.get("ng-row-indicator") || customElements.define("ng-row-indicator", Gd);
+customElements.get("ng-row-resizer") || customElements.define("ng-row-resizer", Kd);
 var Zh;
-class Gd extends Mr {
+class Zd extends Mr {
   constructor() {
     super();
     it(this, "dataRefresh", (t) => {
@@ -28400,7 +28410,7 @@ class Gd extends Mr {
 }
 Zh = new WeakMap();
 var je, dr;
-class Kd {
+class Jd {
   constructor(C) {
     Y(this, je);
     Y(this, dr);
@@ -28441,8 +28451,8 @@ class Kd {
   }
 }
 je = new WeakMap(), dr = new WeakMap();
-customElements.get("ng-row-pin") || customElements.define("ng-row-pin", Gd);
-class Zd extends Mr {
+customElements.get("ng-row-pin") || customElements.define("ng-row-pin", Zd);
+class Qd extends Mr {
   constructor() {
     super();
     it(this, "dataRefresh", (t) => {
@@ -28469,9 +28479,9 @@ class Zd extends Mr {
 		`, super.connectedCallback(), this.cell.dataset.bind = "rowState";
   }
 }
-customElements.get("ng-row-state") || customElements.define("ng-row-state", Zd);
-var zt, rs, ge, gr, br, xn, Jh, Qh, va, tc, wa, xa, _n, Sn;
-class Jd extends HTMLElement {
+customElements.get("ng-row-state") || customElements.define("ng-row-state", Qd);
+var zt, rs, ge, gr, br, _n, Jh, Qh, va, tc, wa, xa, Sn, kn;
+class tf extends HTMLElement {
   constructor() {
     super();
     Y(this, zt);
@@ -28479,14 +28489,14 @@ class Jd extends HTMLElement {
     Y(this, ge);
     Y(this, gr);
     Y(this, br);
-    Y(this, xn);
+    Y(this, _n);
     it(this, "refresh", () => {
       if (!f(this, zt)) return;
       var t = $(".ng-container-body", f(this, zt).body), l = $(".ng-scroll-thumb", this.shadowRoot), c = $("table > thead", t), o = f(this, zt).dataManager.viewRecords.rawIndex, r = $(f(this, ge).track).height(), n = $(f(this, ge).thumb).height();
       Number(f(this, zt).getAttribute("display-row-count") || 0) >= f(this, zt).dataManager.rawRecords.length || parseInt($(".ng-container .ng-table tr.nodata", f(this, zt).body).height()) > 0 && (f(this, zt).dataManager.rawRecords.length == 0 || f(this, zt).dataManager.viewRecords.rawIndex == 0) ? $(this).hide() : $(this).show();
       var e = Math.min(r * (t.height() - c.height()) / (f(this, zt).template.height() * f(this, zt).template.length * f(this, zt).data.count()), r);
       l[0].dataset.height = e, e < 16 && (e = 16);
-      var i = r - f(this, Sn).call(this);
+      var i = r - f(this, kn).call(this);
       if (i != 0) {
         e >= r ? l.css({ top: 0, height: e - 20 }) : l.css({ height: e });
         var u;
@@ -28505,7 +28515,7 @@ class Jd extends HTMLElement {
       if (f(this, zt)) {
         var t = $(".ng-scroll-thumb", this.shadowRoot), l = f(this, zt).dataManager.viewRecords.rawIndex, c = this.trackHeight, o = this.thumbHeight, r = Math.min(c * (this.bodyHeight - this.theadHeight) / (this.templateHeight * f(this, zt).template.length * f(this, zt).data.count()), c);
         t[0].dataset.height = r, r < 16 && (r = 16);
-        var n = c - f(this, Sn).call(this), s;
+        var n = c - f(this, kn).call(this), s;
         if (f(this, zt).isFirstPage)
           s = 0;
         else if (f(this, zt).isLastPage)
@@ -28546,7 +28556,7 @@ class Jd extends HTMLElement {
       }), f(this, ge).top.ontouchend = f(this, ge).bottom.ontouchend = f(this, ge).track.ontouchend = f(this, ge).top.onmouseup = f(this, ge).top.onmouseleave = f(this, ge).bottom.onmouseup = f(this, ge).bottom.onmouseleave = f(this, ge).track.onmouseup = f(this, ge).track.onmouseleave = (l) => {
         clearInterval(f(this, gr)), clearInterval(f(this, br));
       }, $(f(this, ge).track).on("mousedown", f(this, va)), $(f(this, ge).track).on("touchstart", f(this, Qh)), $(f(this, ge).thumb).on("mousedown", f(this, xa)), $(f(this, ge).thumb).on("touchstart", f(this, tc)), document.addEventListener("mouseup", (l) => {
-        f(this, rs) && tt(this, rs, !1), document.removeEventListener("mousemove", f(this, _n)), typeof this.onDragStop == "function" && this.onDragStop();
+        f(this, rs) && tt(this, rs, !1), document.removeEventListener("mousemove", f(this, Sn)), typeof this.onDragStop == "function" && this.onDragStop();
       }), document.addEventListener("touchend", (l) => {
         tt(this, rs, !1), document.removeEventListener("touchmove", f(this, wa)), typeof this.onDragStop == "function" && this.onDragStop();
       });
@@ -28578,20 +28588,20 @@ class Jd extends HTMLElement {
     });
     Y(this, wa, (t) => {
       var l = t.target.getBoundingClientRect();
-      t.offsetX = t.targetTouches[0].pageX - l.left, t.offsetY = t.targetTouches[0].pageY - l.top, t.pageX = t.changedTouches[0].pageX, t.pageY = t.changedTouches[0].pageY, t.clientX = t.changedTouches[0].clientX, t.clientY = t.changedTouches[0].clientY, t.buttons = 1, f(this, _n).call(this, t);
+      t.offsetX = t.targetTouches[0].pageX - l.left, t.offsetY = t.targetTouches[0].pageY - l.top, t.pageX = t.changedTouches[0].pageX, t.pageY = t.changedTouches[0].pageY, t.clientX = t.changedTouches[0].clientX, t.clientY = t.changedTouches[0].clientY, t.buttons = 1, f(this, Sn).call(this, t);
     });
     Y(this, xa, (t) => {
-      tt(this, rs, !0), this.shiftY = t.offsetY + f(this, ge).track.getBoundingClientRect().y, this.trackHeight = $(f(this, ge).track).height(), this.thumbHeight = $(f(this, ge).thumb).height(), this.nodataHeight = $(".ng-container .ng-table tr.nodata", f(this, zt).body).height(), this.bodyHeight = $(".ng-container-body", f(this, zt).body).height(), this.templateHeight = f(this, zt).template.height(), this.theadHeight = $(".ng-container-body table > thead", f(this, zt).body).height() || 0, this.tfootHeight = $(".ng-container-body table > tfoot", f(this, zt).body).height() || 0, this.fixedHeight = $(".ng-container-body tbody.fixed", f(this, zt).body).height(), this.tableHeight = $(".ng-container-body .ng-table", f(this, zt).body).height(), tt(this, xn, !0), document.addEventListener("mousemove", f(this, _n)), typeof this.onDragStart == "function" && this.onDragStart();
+      tt(this, rs, !0), this.shiftY = t.offsetY + f(this, ge).track.getBoundingClientRect().y, this.trackHeight = $(f(this, ge).track).height(), this.thumbHeight = $(f(this, ge).thumb).height(), this.nodataHeight = $(".ng-container .ng-table tr.nodata", f(this, zt).body).height(), this.bodyHeight = $(".ng-container-body", f(this, zt).body).height(), this.templateHeight = f(this, zt).template.height(), this.theadHeight = $(".ng-container-body table > thead", f(this, zt).body).height() || 0, this.tfootHeight = $(".ng-container-body table > tfoot", f(this, zt).body).height() || 0, this.fixedHeight = $(".ng-container-body tbody.fixed", f(this, zt).body).height(), this.tableHeight = $(".ng-container-body .ng-table", f(this, zt).body).height(), tt(this, _n, !0), document.addEventListener("mousemove", f(this, Sn)), typeof this.onDragStart == "function" && this.onDragStart();
     });
-    Y(this, _n, (t) => {
+    Y(this, Sn, (t) => {
       if (!f(this, rs)) return;
-      t.preventDefault(), f(this, xn) && (H.j.querySelectorAll("th,td", f(this, zt).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 l = this.trackHeight, c = f(this, Sn).call(this), o = t.clientY - this.shiftY, r = o / (l - c), n = f(this, zt).matrix.totalHeight, s = r * (n - this.bodyHeight), { index: e, offset: i } = f(this, zt).matrix.getRowInfoAt(s);
+      t.preventDefault(), f(this, _n) && (H.j.querySelectorAll("th,td", f(this, zt).body).removeClass("active").removeClass("multi-selected").removeClass("selected").removeClass("selected-current").removeClass("selected-area").removeClass("selected-top").removeClass("selected-bottom").removeClass("selected-left").removeClass("selected-right"), tt(this, _n, !1));
+      var l = this.trackHeight, c = f(this, kn).call(this), o = t.clientY - this.shiftY, r = o / (l - c), n = f(this, zt).matrix.totalHeight, s = r * (n - this.bodyHeight), { index: e, offset: i } = f(this, zt).matrix.getRowInfoAt(s);
       f(this, zt).dataManager.viewRecords.rawIndex !== e && f(this, zt).scrollToV2(e);
       const u = f(this, zt).body.querySelector(".ng-container-body tbody.bindable");
       u && (u.style.transform = `translateY(-${i}px)`);
     });
-    Y(this, Sn, () => parseInt(f(this, ge).thumb.dataset.height));
+    Y(this, kn, () => parseInt(f(this, ge).thumb.dataset.height));
     this.attachShadow({ mode: "open" });
   }
   connectedCallback() {
@@ -28613,9 +28623,9 @@ class Jd extends HTMLElement {
     }), f(this, rs), this.shiftX, f(this, Jh).call(this));
   }
 }
-zt = new WeakMap(), rs = new WeakMap(), ge = new WeakMap(), gr = new WeakMap(), br = new WeakMap(), xn = new WeakMap(), Jh = new WeakMap(), Qh = new WeakMap(), va = new WeakMap(), tc = new WeakMap(), wa = new WeakMap(), xa = new WeakMap(), _n = new WeakMap(), Sn = new WeakMap();
-var Ze, ms, ae, Ur, Vr, Hs, ec, _a, rc, Sa, sc, ka, Ca, kn;
-class Qd extends HTMLElement {
+zt = new WeakMap(), rs = new WeakMap(), ge = new WeakMap(), gr = new WeakMap(), br = new WeakMap(), _n = new WeakMap(), Jh = new WeakMap(), Qh = new WeakMap(), va = new WeakMap(), tc = new WeakMap(), wa = new WeakMap(), xa = new WeakMap(), Sn = new WeakMap(), kn = new WeakMap();
+var Ze, ms, ae, Ur, Vr, Hs, ec, _a, rc, Sa, sc, ka, Ca, Cn;
+class ef extends HTMLElement {
   constructor() {
     super();
     Y(this, Ze);
@@ -28676,7 +28686,7 @@ class Qd extends HTMLElement {
       }), $(f(this, ae).track).on("mousedown", f(this, Sa)), $(f(this, ae).track).on("touchstart", f(this, rc)), $(f(this, ae).thumb).on("mousedown", f(this, ka)), $(f(this, ae).thumb).on("touchstart", f(this, sc)), document.addEventListener("touchend", (l) => {
         tt(this, ms, !1), clearInterval(f(this, Ur)), clearInterval(f(this, Vr)), $(document).off("touchmove", f(this, Ca)), typeof this.onDragStop == "function" && this.onDragStop();
       }), document.addEventListener("mouseup", (l) => {
-        tt(this, ms, !1), clearInterval(f(this, Ur)), clearInterval(f(this, Vr)), document.removeEventListener("mousemove", f(this, kn)), typeof this.onDragStop == "function" && this.onDragStop();
+        tt(this, ms, !1), clearInterval(f(this, Ur)), clearInterval(f(this, Vr)), document.removeEventListener("mousemove", f(this, Cn)), typeof this.onDragStop == "function" && this.onDragStop();
       });
     });
     Y(this, _a, (t) => {
@@ -28707,13 +28717,13 @@ class Qd extends HTMLElement {
     Y(this, ka, (t) => {
       tt(this, ms, !0);
       var l = Math.min($(f(this, ae).track).width() * $(f(this, Ze).body.querySelector(".ng-container-body")).width() / $(f(this, Ze).body.querySelector(".ng-container-body > table")).width(), $(f(this, ae).track).width());
-      $(f(this, ae).thumb).width(parseInt(l)), $(f(this, ae).thumb).css({ width: parseInt(l), "min-width": parseInt(l) }), this.shiftX = t.offsetX + f(this, ae).track.getBoundingClientRect().x, document.addEventListener("mousemove", f(this, kn)), typeof this.onDragStart == "function" && this.onDragStart();
+      $(f(this, ae).thumb).width(parseInt(l)), $(f(this, ae).thumb).css({ width: parseInt(l), "min-width": parseInt(l) }), this.shiftX = t.offsetX + f(this, ae).track.getBoundingClientRect().x, document.addEventListener("mousemove", f(this, Cn)), typeof this.onDragStart == "function" && this.onDragStart();
     });
     Y(this, Ca, (t) => {
       var l = t.target.getBoundingClientRect();
-      t.offsetX = t.targetTouches[0].pageX - l.left, t.offsetY = t.targetTouches[0].pageY - l.top, t.pageX = t.changedTouches[0].pageX, t.pageY = t.changedTouches[0].pageY, t.clientX = t.changedTouches[0].clientX, t.clientY = t.changedTouches[0].clientY, t.buttons = 1, f(this, kn).call(this, t);
+      t.offsetX = t.targetTouches[0].pageX - l.left, t.offsetY = t.targetTouches[0].pageY - l.top, t.pageX = t.changedTouches[0].pageX, t.pageY = t.changedTouches[0].pageY, t.clientX = t.changedTouches[0].clientX, t.clientY = t.changedTouches[0].clientY, t.buttons = 1, f(this, Cn).call(this, t);
     });
-    Y(this, kn, (t) => {
+    Y(this, Cn, (t) => {
       f(this, ms) && f(this, Hs).call(this, t.pageX - this.shiftX);
     });
     this.attachShadow({ mode: "open" });
@@ -28737,11 +28747,11 @@ class Qd extends HTMLElement {
     }), f(this, ms), this.shiftX, f(this, ec).call(this);
   }
 }
-Ze = new WeakMap(), ms = new WeakMap(), ae = new WeakMap(), Ur = new WeakMap(), Vr = new WeakMap(), Hs = new WeakMap(), ec = new WeakMap(), _a = new WeakMap(), rc = new WeakMap(), Sa = new WeakMap(), sc = new WeakMap(), ka = new WeakMap(), Ca = new WeakMap(), kn = new WeakMap();
-customElements.get("ng-hscrollbar") || customElements.define("ng-hscrollbar", Qd);
-customElements.get("ng-vscrollbar") || customElements.define("ng-vscrollbar", Jd);
+Ze = new WeakMap(), ms = new WeakMap(), ae = new WeakMap(), Ur = new WeakMap(), Vr = new WeakMap(), Hs = new WeakMap(), ec = new WeakMap(), _a = new WeakMap(), rc = new WeakMap(), Sa = new WeakMap(), sc = new WeakMap(), ka = new WeakMap(), Ca = new WeakMap(), Cn = new WeakMap();
+customElements.get("ng-hscrollbar") || customElements.define("ng-hscrollbar", ef);
+customElements.get("ng-vscrollbar") || customElements.define("ng-vscrollbar", tf);
 var Ue, ss, Ea, Aa, Ta, ic, nc;
-class tf {
+class rf {
   constructor(C) {
     Y(this, Ue);
     Y(this, ss);
@@ -28802,7 +28812,7 @@ class tf {
 }
 Ue = new WeakMap(), ss = new WeakMap(), Ea = new WeakMap(), Aa = new WeakMap(), Ta = new WeakMap(), ic = new WeakMap(), nc = new WeakMap();
 var Gt, oc, Ra, Ma;
-class ef {
+class sf {
   constructor(C) {
     Y(this, Gt);
     it(this, "getDisplayValue3", (C, t) => {
@@ -29036,7 +29046,7 @@ class ef {
   }
 }
 Gt = new WeakMap(), oc = new WeakMap(), Ra = new WeakMap(), Ma = new WeakMap();
-class rf {
+class nf {
   constructor(C) {
     this.___owner = C, this.columns_BAK = {
       getBindCol: (t, l) => this.___getBindCol(t, l),
@@ -29164,7 +29174,7 @@ class rf {
   }
 }
 var gs;
-class sf extends Si {
+class of extends ki {
   constructor() {
     super();
     Y(this, gs);
@@ -29202,7 +29212,7 @@ class sf extends Si {
 }
 gs = new WeakMap();
 var Ia, Na, Oa, ja;
-class nf extends HTMLElement {
+class af extends HTMLElement {
   constructor() {
     super();
     Y(this, Ia);
@@ -29243,13 +29253,13 @@ class nf extends HTMLElement {
   }
 }
 Ia = new WeakMap(), Na = new WeakMap(), Oa = new WeakMap(), ja = new WeakMap();
-customElements.get("ng-textarea") || customElements.define("ng-textarea", sf);
-customElements.get("ng-textarea-detail") || customElements.define("ng-textarea-detail", nf);
-var $a, La, Pa, mi, Xn, ac, lc, hc, cc, gu, Da, Ba, uc, dc, fc;
-class of extends Mr {
+customElements.get("ng-textarea") || customElements.define("ng-textarea", of);
+customElements.get("ng-textarea-detail") || customElements.define("ng-textarea-detail", af);
+var $a, La, Pa, gi, Xn, ac, lc, hc, cc, gu, Da, Ba, uc, dc, fc;
+class lf extends Mr {
   constructor() {
     super();
-    Y(this, mi);
+    Y(this, gi);
     Y(this, $a);
     Y(this, La);
     it(this, "dataRefresh", (t) => {
@@ -29259,13 +29269,13 @@ class of extends Mr {
       f(this, $a).innerHTML = c, f(this, La).innerHTML = this.getDisplayText(), f(this, ac).call(this), t || this.reset(), $(".ng-icon", this.shadowRoot).off("click", f(this, Pa)), $(".ng-icon", this.shadowRoot).on("click", f(this, Pa));
     });
     Y(this, Pa, (t) => {
-      f(this, lc).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");
+      f(this, lc).call(this), H.j.querySelectorAll(t.target).removeClass("ng-expand-on").removeClass("ng-expand-off"), H.j.querySelectorAll(t.target).addClass(f(this, gi, Xn) ? "ng-expand-on" : "ng-expand-off");
     });
     Y(this, ac, () => {
       const t = this.row;
       if (isNaN(t)) return;
       const l = f(this, dc).call(this, t), c = this.value, o = f(this, fc).call(this, t + 1), r = f(this, Ba).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, mi, 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, gi, 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, Da).call(this, t), i = s.length; e >= 0; ) {
@@ -29273,10 +29283,10 @@ class of extends Mr {
         var u = f(this, Ba).call(this, e);
         u && s.eq(i).addClass("ng-pad-item-none"), e = f(this, Da).call(this, e);
       }
-      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");
+      c < o ? f(this, gi, 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, lc, () => {
-      f(this, hc).call(this, !f(this, mi, Xn));
+      f(this, hc).call(this, !f(this, gi, Xn));
     });
     Y(this, hc, (t) => {
       this.data.__ng._[H.ROW.EXPAND] = t, f(this, cc).call(this, t), this.owner.data.resetRecords(), this.owner.dataManager.viewRecords.reset();
@@ -29383,18 +29393,18 @@ class of extends Mr {
     return -1;
   }
 }
-$a = new WeakMap(), La = new WeakMap(), Pa = new WeakMap(), mi = new WeakSet(), Xn = function() {
+$a = new WeakMap(), La = new WeakMap(), Pa = new WeakMap(), gi = new WeakSet(), Xn = function() {
   return this.data.__ng._[H.ROW.EXPAND];
 }, ac = new WeakMap(), lc = new WeakMap(), hc = new WeakMap(), cc = new WeakMap(), gu = new WeakMap(), Da = new WeakMap(), Ba = new WeakMap(), uc = new WeakMap(), dc = new WeakMap(), fc = new WeakMap();
-customElements.get("ng-tree-item") || customElements.define("ng-tree-item", of);
-var vt, We, yr, gi, bi, Fa, qa, Ha, za, Ua, pc, mc, gc, Cn, zs, Us;
-class af {
+customElements.get("ng-tree-item") || customElements.define("ng-tree-item", lf);
+var vt, We, yr, bi, yi, Fa, qa, Ha, za, Ua, pc, mc, gc, En, zs, Us;
+class hf {
   constructor(C) {
     Y(this, vt);
     Y(this, We);
     Y(this, yr);
-    Y(this, gi);
-    Y(this, bi, []);
+    Y(this, bi);
+    Y(this, yi, []);
     /**
      * changelayout
      * resize
@@ -29404,16 +29414,16 @@ class af {
         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, gi) && ($(".ng-container tbody.bindable tr.nodata", f(this, vt).body).height(f(this, yr).body), tt(this, gi, !0));
+      }), !f(this, bi) && ($(".ng-container tbody.bindable tr.nodata", f(this, vt).body).height(f(this, yr).body), tt(this, bi, !0));
     });
     it(this, "redraw", () => {
-      f(this, vt).touchEvent.scrollTop(), this.init(), f(this, vt).dataManager && (tt(this, We, f(this, vt).dataManager.viewRecords.rawIndex || 0), f(this, pc).call(this), f(this, Cn).call(this), f(this, vt).body.querySelector("ng-vscrollbar").refresh());
+      f(this, vt).touchEvent.scrollTop(), this.init(), f(this, vt).dataManager && (tt(this, We, f(this, vt).dataManager.viewRecords.rawIndex || 0), f(this, pc).call(this), f(this, En).call(this), f(this, vt).body.querySelector("ng-vscrollbar").refresh());
     });
     it(this, "redrawV2", () => {
-      f(this, vt).touchEvent.scrollTop(), this.init(), tt(this, We, f(this, vt).dataManager.viewRecords.rawIndex || 0), f(this, mc).call(this), f(this, Cn).call(this), f(this, vt).body.querySelector("ng-vscrollbar").refreshV2();
+      f(this, vt).touchEvent.scrollTop(), this.init(), tt(this, We, f(this, vt).dataManager.viewRecords.rawIndex || 0), f(this, mc).call(this), f(this, En).call(this), f(this, vt).body.querySelector("ng-vscrollbar").refreshV2();
     });
     it(this, "redrawV3", () => {
-      this.init(), tt(this, We, f(this, vt).dataManager.viewRecords.rawIndex || 0), f(this, Cn).call(this);
+      this.init(), tt(this, We, f(this, vt).dataManager.viewRecords.rawIndex || 0), f(this, En).call(this);
     });
     Y(this, Fa, () => {
       var C = 0;
@@ -29486,10 +29496,10 @@ class af {
       f(this, za).call(this), f(this, Ua).call(this), f(this, vt).isLastPage;
     });
     Y(this, gc, () => {
-      for (const C of f(this, bi))
+      for (const C of f(this, yi))
         clearTimeout(C);
-      tt(this, bi, []), f(this, bi).push(setTimeout(() => {
-        tt(this, gi, !1);
+      tt(this, yi, []), f(this, yi).push(setTimeout(() => {
+        tt(this, bi, !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);
@@ -29503,11 +29513,11 @@ class af {
         });
         var o = f(this, yr).body - f(this, yr).thead - f(this, yr).tfoot - f(this, qa).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, bi).push(setTimeout(() => {
+      }, 300)), f(this, yi).push(setTimeout(() => {
         f(this, vt).refreshDataV2();
       }));
     });
-    Y(this, Cn, () => {
+    Y(this, En, () => {
       var C = [];
       f(this, vt).body.querySelectorAll(".ng-container-body tbody.bindable tr:not(.nodata)").forEach((t) => {
         C.push(f(this, We) + parseInt(t.sectionRowIndex / f(this, vt).template.length));
@@ -29609,12 +29619,12 @@ class af {
     it(this, "moveTo", (C) => {
       f(this, vt).scrollTo(C);
     });
-    tt(this, vt, C), tt(this, gi, !1), this.init();
+    tt(this, vt, C), tt(this, bi, !1), this.init();
   }
 }
-vt = new WeakMap(), We = new WeakMap(), yr = new WeakMap(), gi = new WeakMap(), bi = new WeakMap(), Fa = new WeakMap(), qa = new WeakMap(), Ha = new WeakMap(), za = new WeakMap(), Ua = new WeakMap(), pc = new WeakMap(), mc = new WeakMap(), gc = new WeakMap(), Cn = new WeakMap(), zs = new WeakMap(), Us = new WeakMap();
+vt = new WeakMap(), We = new WeakMap(), yr = new WeakMap(), bi = new WeakMap(), yi = new WeakMap(), Fa = new WeakMap(), qa = new WeakMap(), Ha = new WeakMap(), za = new WeakMap(), Ua = new WeakMap(), pc = new WeakMap(), mc = new WeakMap(), gc = new WeakMap(), En = new WeakMap(), zs = new WeakMap(), Us = new WeakMap();
 var Je, Vs, bc;
-class lf {
+class cf {
   constructor(C) {
     Y(this, Je);
     Y(this, Vs);
@@ -29694,12 +29704,12 @@ class lf {
   }
 }
 Je = new WeakMap(), Vs = new WeakMap(), bc = new WeakMap();
-var Va, En, Wa;
-class hf extends HTMLElement {
+var Va, An, Wa;
+class uf extends HTMLElement {
   constructor() {
     super();
     Y(this, Va);
-    Y(this, En);
+    Y(this, An);
     Y(this, Wa, (t) => {
       var o;
       t.preventDefault(), t.stopPropagation();
@@ -29711,15 +29721,15 @@ class hf extends HTMLElement {
     tt(this, Va, this.getRootNode().host), this.removeEventListener("click", f(this, Wa)), this.addEventListener("click", f(this, Wa));
   }
   get filterOptions() {
-    return f(this, En);
+    return f(this, An);
   }
   set filterOptions(t) {
-    tt(this, En, t), this.classList.toggle("filtered", f(this, En).some((l) => l.data.length > 0));
+    tt(this, An, t), this.classList.toggle("filtered", f(this, An).some((l) => l.data.length > 0));
   }
 }
-Va = new WeakMap(), En = new WeakMap(), Wa = new WeakMap();
+Va = new WeakMap(), An = new WeakMap(), Wa = new WeakMap();
 var Ar, Xa, Ya, yc, vc, wc, xc;
-class cf extends HTMLElement {
+class df extends HTMLElement {
   constructor() {
     super();
     Y(this, Ar);
@@ -29836,16 +29846,16 @@ class cf extends HTMLElement {
   }
 }
 Ar = new WeakMap(), Xa = new WeakMap(), Ya = new WeakMap(), yc = new WeakMap(), vc = new WeakMap(), wc = new WeakMap(), xc = new WeakMap();
-customElements.get("ng-filter-button") || customElements.define("ng-filter-button", hf);
-customElements.get("ng-filter-panel") || customElements.define("ng-filter-panel", cf);
-var Ga, yi, Ka, An, is, Za, Ja, _c, bs, Sc, Qa, kc, ns, Cc, tl, Ec, el, Ws, Xs;
+customElements.get("ng-filter-button") || customElements.define("ng-filter-button", uf);
+customElements.get("ng-filter-panel") || customElements.define("ng-filter-panel", df);
+var Ga, vi, Ka, Tn, is, Za, Ja, _c, bs, Sc, Qa, kc, ns, Cc, tl, Ec, el, Ws, Xs;
 class Qc extends HTMLElement {
   constructor() {
     super();
     Y(this, Ga, !1);
-    Y(this, yi);
+    Y(this, vi);
     Y(this, Ka);
-    Y(this, An);
+    Y(this, Tn);
     Y(this, is);
     it(this, "export", () => {
       const t = this.shadowRoot.querySelector("ng-export");
@@ -29907,7 +29917,7 @@ class Qc extends HTMLElement {
       this.dataManager && (this.data.clear(), this.dataManager.setDataSource(t), this.refresh(), this.paging && this.paging.refresh(), this.scrollTo_V1(0));
     });
     it(this, "changeRayout", (t) => {
-      $(".ng-container-left", this.body).children().remove(), $(".ng-container-right", this.body).children().remove(), $(".ng-container-body", this.body).children().remove(), $(".ng-container-body", this.shadowRoot).append(f(this, is)[t]), f(this, tl).call(this), this.createTemplate(), f(this, Ja).call(this), this.resetTemplate(), f(this, Qa).call(this), this.cell.resetEvent(), this.touchEvent.resetEvent(), f(this, yi).resetEvent(), f(this, Ka).resetEvent(), f(this, An) && f(this, An).resetEvent(), this.sorting && this.sorting.initialize(), this.filtering && this.filtering.initialize(), this.pin && this.pin.initialize(), this.data.initialize(), setTimeout(() => {
+      $(".ng-container-left", this.body).children().remove(), $(".ng-container-right", this.body).children().remove(), $(".ng-container-body", this.body).children().remove(), $(".ng-container-body", this.shadowRoot).append(f(this, is)[t]), f(this, tl).call(this), this.createTemplate(), f(this, Ja).call(this), this.resetTemplate(), f(this, Qa).call(this), this.cell.resetEvent(), this.touchEvent.resetEvent(), f(this, vi).resetEvent(), f(this, Ka).resetEvent(), f(this, Tn) && f(this, Tn).resetEvent(), this.sorting && this.sorting.initialize(), this.filtering && this.filtering.initialize(), this.pin && this.pin.initialize(), this.data.initialize(), setTimeout(() => {
         this.paging && this.paging.refresh(), this.scrollTo_V1(0);
       });
     });
@@ -29960,8 +29970,8 @@ class Qc extends HTMLElement {
       });
     });
     Y(this, Sc, () => {
-      if (Wn.log("1111111"), f(this, Ga)) return;
-      Wn.log("222222"), this.originFormat = this.outerHTML, this.uuid = H.randomUUID(), this.id || (this.id = this.uuid), $("table", this).each((r, n) => {
+      if (Js.log("1111111"), f(this, Ga)) return;
+      Js.log("222222"), this.originFormat = this.outerHTML, this.uuid = H.randomUUID(), this.id || (this.id = this.uuid), $("table", this).each((r, n) => {
         if ($("colgroup", n).length == 0) {
           var s = 0;
           $("tbody tr", n).eq(0).find("th,td").each((i, u) => {
@@ -30028,14 +30038,14 @@ class Qc extends HTMLElement {
         r.grid = this;
       }), $(this.shadowRoot.querySelector("ng-head").shadowRoot.querySelector("ng-custom")).append(this.querySelectorAll("nx-buttons")), f(this, tl).call(this), this.createTemplate(), f(this, Ja).call(this), this.resetTemplate(), f(this, kc).call(this);
       const l = this.shadowRoot.querySelector("ng-foot");
-      this.paging = l.shadowRoot.querySelector("ng-paging"), this.layout = l.shadowRoot.querySelector("ng-layout"), this.layout && this.layout.add(f(this, is)), new zu(this), this.pin = new Kd(this), this.fields = new vd(this), this.cell = new Uu(this), this.touchEvent = new Yu(this), this.selection = new Xu(this), this.tables = new ef(this), this.dataManager = new cd(this), this.view = new af(this), this.tableUtils = new rf(this), this.columns = new rd(this);
+      this.paging = l.shadowRoot.querySelector("ng-paging"), this.layout = l.shadowRoot.querySelector("ng-layout"), this.layout && this.layout.add(f(this, is)), new Uu(this), this.pin = new Jd(this), this.fields = new xd(this), this.cell = new Vu(this), this.touchEvent = new Gu(this), this.selection = new Yu(this), this.tables = new sf(this), this.dataManager = new dd(this), this.view = new hf(this), this.tableUtils = new nf(this), this.columns = new sd(this);
       for (var c in this.dataManager)
         this.dataManager[c] instanceof Function && !["xxx"].includes(c) ? this[c] = this.dataManager[c].bind(this) : ["data", "row", "tree"].includes(c) && (this[c] = this.dataManager[c]);
       for (var c in this.tableUtils)
         ["columns"].includes(c) && (this[c] = this.tableUtils[c]);
       for (var c in this.cell)
         this.cell[c] instanceof Function && !["refresh"].includes(c) || ["xx"].includes(c) && (this[c] = this.cell[c]);
-      H.j.querySelectorAll(this).hasClass("simple") || (this.filtering = new lf(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 tf(this), this.matrix = new Ld(this), Wn.log("==============================="), Wn.log(this, this.matrix), tt(this, yi, new ed(this)), tt(this, Ka, new td(this)), H.j.querySelectorAll(this).hasClass("simple") || tt(this, An, new Vd(this)), f(this, Qa).call(this), this.refresh(), this.body.querySelector(".ng-container-body .nodata") && new ResizeObserver((r, n) => {
+      H.j.querySelectorAll(this).hasClass("simple") || (this.filtering = new cf(this)), !H.j.querySelectorAll(this).hasClass("combo") && !H.j.querySelectorAll(this).hasClass("filter") && $(this.shadowRoot).append($("<ng-combo-panel></ng-combo-panel").hide()), this.sorting = new rf(this), this.matrix = new Dd(this), Js.log("==============================="), Js.log(this, this.matrix), tt(this, vi, new rd(this)), tt(this, Ka, new ed(this)), H.j.querySelectorAll(this).hasClass("simple") || tt(this, Tn, new Xd(this)), f(this, Qa).call(this), this.refresh(), this.body.querySelector(".ng-container-body .nodata") && new ResizeObserver((r, n) => {
         this.body.querySelector("ng-vscrollbar").refresh();
       }).observe(this.body.querySelector(".ng-container-body .nodata")), !H.j.querySelectorAll(this).hasClass("filter") && !H.j.querySelectorAll(this).hasClass("combo") && ($(this.body).on("mousedown", (r) => {
         this.shadowRoot.querySelectorAll("ng-combo-panel,ng-filter-panel,ng-context-menu-panel").forEach((n) => {
@@ -30045,7 +30055,7 @@ class Qc extends HTMLElement {
         r.target.shadowRoot.querySelectorAll("ng-info").forEach((n) => {
           n.close();
         });
-      })), new ad(this), this.classList.contains("simple") || setTimeout(() => {
+      })), new ld(this), this.classList.contains("simple") || setTimeout(() => {
         this.dispatchEvent(new CustomEvent(H.EVENT.LOAD, { bubbles: !0, detail: {} }));
       }, 100);
       const o = this.shadowRoot.querySelector("ng-head");
@@ -30357,7 +30367,7 @@ class Qc 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, bs).call(this);
         break;
       case "auto-fit-col":
-        f(this, yi) && f(this, yi).autoFit(c == "true"), f(this, bs).call(this);
+        f(this, vi) && f(this, vi).autoFit(c == "true"), f(this, bs).call(this);
         break;
       case "enable-fixed-col":
         c == "true" ? H.j.querySelectorAll(this).addClass(t) : H.j.querySelectorAll(this).removeClass(t);
@@ -30393,9 +30403,9 @@ class Qc extends HTMLElement {
     return Math.max.apply(null, f(this, el).call(this));
   }
 }
-Ga = new WeakMap(), yi = new WeakMap(), Ka = new WeakMap(), An = new WeakMap(), is = new WeakMap(), Za = new WeakMap(), Ja = new WeakMap(), _c = new WeakMap(), bs = new WeakMap(), Sc = new WeakMap(), Qa = new WeakMap(), kc = new WeakMap(), ns = new WeakMap(), Cc = new WeakMap(), tl = new WeakMap(), Ec = new WeakMap(), el = new WeakMap(), Ws = new WeakMap(), Xs = new WeakMap(), it(Qc, "observedAttributes", ["lang", "caption", "display-row-count", "row-resizable", "col-indicator-type", "auto-fit-col", "enable-fixed-col", "select-type", "paging-type", "paging-count", "show-menu-icon", "show-title-bar", "show-tfoot", "show-status-bar"]);
+Ga = new WeakMap(), vi = new WeakMap(), Ka = new WeakMap(), Tn = new WeakMap(), is = new WeakMap(), Za = new WeakMap(), Ja = new WeakMap(), _c = new WeakMap(), bs = new WeakMap(), Sc = new WeakMap(), Qa = new WeakMap(), kc = new WeakMap(), ns = new WeakMap(), Cc = new WeakMap(), tl = new WeakMap(), Ec = new WeakMap(), el = new WeakMap(), Ws = new WeakMap(), Xs = new WeakMap(), it(Qc, "observedAttributes", ["lang", "caption", "display-row-count", "row-resizable", "col-indicator-type", "auto-fit-col", "enable-fixed-col", "select-type", "paging-type", "paging-count", "show-menu-icon", "show-title-bar", "show-tfoot", "show-status-bar"]);
 customElements.get("nine-grid") || customElements.define("nine-grid", Qc);
-class uf extends Qc {
+class ff extends Qc {
   constructor() {
     super();
   }
@@ -30403,9 +30413,9 @@ class uf extends Qc {
     super.connectedCallback();
   }
 }
-customElements.get("ng-source") || customElements.define("ng-source", uf);
-var ys, Ac, rl, Tn, sl, il, Rn, nl;
-class df extends HTMLElement {
+customElements.get("ng-source") || customElements.define("ng-source", ff);
+var ys, Ac, rl, Rn, sl, il, Mn, nl;
+class pf extends HTMLElement {
   constructor() {
     super();
     //#owner;
@@ -30414,7 +30424,7 @@ class df extends HTMLElement {
       this.querySelector("dialog").showModal();
     });
     it(this, "close", () => {
-      $(".head", this).off("mousedown", f(this, rl)), $(".head", this).off("touchstart", f(this, il)), $(document).off("mouseup", f(this, sl)), $(document).off("touchend", f(this, nl)), $(document).off("mousemove", f(this, Tn)), $(document).off("touchmove", f(this, Rn)), this.querySelector("dialog").close();
+      $(".head", this).off("mousedown", f(this, rl)), $(".head", this).off("touchstart", f(this, il)), $(document).off("mouseup", f(this, sl)), $(document).off("touchend", f(this, nl)), $(document).off("mousemove", f(this, Rn)), $(document).off("touchmove", f(this, Mn)), this.querySelector("dialog").close();
     });
     Y(this, Ac, () => {
       $(".close", this).on("click", (t) => {
@@ -30431,14 +30441,14 @@ class df extends HTMLElement {
         tt(this, ys, {
           x: t.clientX - l.x,
           y: t.clientY - l.y
-        }), $(document).on("mousemove", f(this, Tn));
+        }), $(document).on("mousemove", f(this, Rn));
       }
     });
-    Y(this, Tn, (t) => {
+    Y(this, Rn, (t) => {
       $(this.querySelector("dialog")).offset({ left: t.pageX - f(this, ys).x, top: t.pageY - f(this, ys).y });
     });
     Y(this, sl, (t) => {
-      $(document).off("mousemove", f(this, Tn));
+      $(document).off("mousemove", f(this, Rn));
     });
     Y(this, il, (t) => {
       if (!t.target.closest("buttons")) {
@@ -30446,14 +30456,14 @@ class df extends HTMLElement {
         tt(this, ys, {
           x: t.changedTouches[0].pageX - l.x,
           y: t.changedTouches[0].pageY - l.y
-        }), $(document).on("touchmove", f(this, Rn));
+        }), $(document).on("touchmove", f(this, Mn));
       }
     });
-    Y(this, Rn, (t) => {
+    Y(this, Mn, (t) => {
       $(this.querySelector("dialog")).offset({ left: t.changedTouches[0].pageX - f(this, ys).x, top: t.changedTouches[0].pageY - f(this, ys).y });
     });
     Y(this, nl, (t) => {
-      $(document).off("touchmove", f(this, Rn));
+      $(document).off("touchmove", f(this, Mn));
     });
   }
   connectedCallback() {
@@ -30497,37 +30507,37 @@ class df extends HTMLElement {
 		`, $(".title", this).html("Details"), f(this, Ac).call(this);
   }
 }
-ys = new WeakMap(), Ac = new WeakMap(), rl = new WeakMap(), Tn = new WeakMap(), sl = new WeakMap(), il = new WeakMap(), Rn = new WeakMap(), nl = new WeakMap();
-customElements.get("nx-dialog") || customElements.define("nx-dialog", df);
-var ol, Ys, al, Mn, vs, vi, In, Tc;
+ys = new WeakMap(), Ac = new WeakMap(), rl = new WeakMap(), Rn = new WeakMap(), sl = new WeakMap(), il = new WeakMap(), Mn = new WeakMap(), nl = new WeakMap();
+customElements.get("nx-dialog") || customElements.define("nx-dialog", pf);
+var ol, Ys, al, In, vs, wi, Nn, Tc;
 class Nu extends HTMLElement {
   constructor() {
     super();
     Y(this, ol);
     Y(this, Ys);
     Y(this, al);
-    Y(this, Mn);
-    Y(this, vs);
-    Y(this, vi, []);
     Y(this, In);
+    Y(this, vs);
+    Y(this, wi, []);
+    Y(this, Nn);
     it(this, "refresh", () => {
       if (f(this, Ys)) {
-        if (f(this, In))
-          f(this, Ys).innerHTML = i18next.t(f(this, In));
-        else if (f(this, vi).length > 0 && !H.isNull(f(this, Mn))) {
-          var t = f(this, vi).findIndex((l) => l[f(this, al)] == H.global.locale);
-          t < 0 && (t = 0), f(this, Ys).innerHTML = f(this, vi)[t][f(this, Mn)], $("datalist", this).remove(), $(this).append(f(this, vs));
+        if (f(this, Nn))
+          f(this, Ys).innerHTML = i18next.t(f(this, Nn));
+        else if (f(this, wi).length > 0 && !H.isNull(f(this, In))) {
+          var t = f(this, wi).findIndex((l) => l[f(this, al)] == H.global.locale);
+          t < 0 && (t = 0), f(this, Ys).innerHTML = f(this, wi)[t][f(this, In)], $("datalist", this).remove(), $(this).append(f(this, vs));
         }
       }
     });
     Y(this, Tc, () => {
       tt(this, vs, "<datalist>"), this.querySelectorAll("datalist option").forEach((c, o) => {
         for (var r = {}, n = 0; n < c.attributes.length; n++)
-          r[c.attributes[n].name] = f(this, ol) ? c.attributes[n].value : c.attributes[n].value.replaceAll("<", "&lt;").replaceAll(">", "&gt;"), o == 0 && (["locale", "lang", "key", "code"].includes(c.attributes[n].name) ? tt(this, al, c.attributes[n].name) : tt(this, Mn, c.attributes[n].name));
+          r[c.attributes[n].name] = f(this, ol) ? c.attributes[n].value : c.attributes[n].value.replaceAll("<", "&lt;").replaceAll(">", "&gt;"), o == 0 && (["locale", "lang", "key", "code"].includes(c.attributes[n].name) ? tt(this, al, c.attributes[n].name) : tt(this, In, c.attributes[n].name));
         tt(this, 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, vi).push(r);
+        tt(this, vs, f(this, vs) + "></option>"), f(this, wi).push(r);
       }), tt(this, vs, f(this, vs) + "</datalist>");
       const t = this.innerHTML;
       this.innerHTML = `
@@ -30539,12 +30549,12 @@ class Nu extends HTMLElement {
     });
   }
   connectedCallback() {
-    tt(this, ol, this.getAttribute("enable-html") == "true"), tt(this, In, this.getAttribute("i18n") || this.getAttribute("label") || this.getAttribute("message") || this.getAttribute("text")), $(() => {
+    tt(this, ol, this.getAttribute("enable-html") == "true"), tt(this, Nn, this.getAttribute("i18n") || this.getAttribute("label") || this.getAttribute("message") || this.getAttribute("text")), $(() => {
       f(this, Tc).call(this);
     });
   }
 }
-ol = new WeakMap(), Ys = new WeakMap(), al = new WeakMap(), Mn = new WeakMap(), vs = new WeakMap(), vi = new WeakMap(), In = new WeakMap(), Tc = new WeakMap(), it(Nu, "i18n", {
+ol = new WeakMap(), Ys = new WeakMap(), al = new WeakMap(), In = new WeakMap(), vs = new WeakMap(), wi = new WeakMap(), Nn = new WeakMap(), Tc = new WeakMap(), it(Nu, "i18n", {
   convertArrayToJSON: (t) => {
     let l = {};
     for (const c of t) {
@@ -30581,24 +30591,24 @@ ol = new WeakMap(), Ys = new WeakMap(), al = new WeakMap(), Mn = new WeakMap(),
   }
 });
 customElements.get("nx-i18n") || customElements.define("nx-i18n", Nu);
-var Nn, On, Rc, ll;
-class ff extends HTMLElement {
+var On, jn, Rc, ll;
+class mf extends HTMLElement {
   constructor() {
     super();
-    Y(this, Nn);
     Y(this, On);
+    Y(this, jn);
     Y(this, Rc, () => {
-      this.classList.remove("nx-collapse"), document.body.style.width = `calc(100% - ${f(this, On)}px)`;
+      this.classList.remove("nx-collapse"), document.body.style.width = `calc(100% - ${f(this, jn)}px)`;
     });
     Y(this, ll, () => {
-      this.classList.add("nx-collapse"), document.body.style.width = `calc(100% - ${f(this, Nn)}px)`, this.shadowRoot.host.style.width = "var(--min-width)", setTimeout(() => {
+      this.classList.add("nx-collapse"), document.body.style.width = `calc(100% - ${f(this, On)}px)`, this.shadowRoot.host.style.width = "var(--min-width)", setTimeout(() => {
         this.shadowRoot.host.style.width = "";
       }, 300);
     });
     this.attachShadow({ mode: "open" });
   }
   connectedCallback() {
-    Number(this.getAttribute("round") || 8), this.getAttribute("fill"), this.getAttribute("stroke"), Number(this.getAttribute("stroke-width") || 0), tt(this, Nn, Number(this.getAttribute("min-width") || 75)), tt(this, On, Number(this.getAttribute("max-width") || 265));
+    Number(this.getAttribute("round") || 8), this.getAttribute("fill"), this.getAttribute("stroke"), Number(this.getAttribute("stroke-width") || 0), tt(this, On, Number(this.getAttribute("min-width") || 75)), tt(this, jn, Number(this.getAttribute("max-width") || 265));
     const t = this.getAttribute("head-button-color") || "#eee", l = document.createElement("template");
     l.innerHTML = `
 			<style>
@@ -30606,8 +30616,8 @@ class ff extends HTMLElement {
 				${H.getCustomPath(this, "nxSidebar.css")}
 				
 				:host {
-					--min-width: ${f(this, Nn)}px;
-					--max-width: ${f(this, On)}px;
+					--min-width: ${f(this, On)}px;
+					--max-width: ${f(this, jn)}px;
 					--head-button-color: ${t};
 				}
 			</style>
@@ -30823,8 +30833,8 @@ class ff extends HTMLElement {
     }), document.body.style.float = "right", document.body.style.transition = "width 0.5s ease-in-out", f(this, ll).call(this);
   }
 }
-Nn = new WeakMap(), On = new WeakMap(), Rc = new WeakMap(), ll = new WeakMap();
-class pf extends HTMLElement {
+On = new WeakMap(), jn = new WeakMap(), Rc = new WeakMap(), ll = new WeakMap();
+class gf extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
   }
@@ -30846,7 +30856,7 @@ class pf extends HTMLElement {
   }
 }
 var hl;
-class mf extends HTMLElement {
+class bf extends HTMLElement {
   constructor() {
     super();
     Y(this, hl);
@@ -30880,20 +30890,20 @@ class mf extends HTMLElement {
   }
 }
 hl = new WeakMap();
-customElements.get("nx-sidebar-menuitem") || customElements.define("nx-sidebar-menuitem", mf);
-customElements.get("nx-sidebar-item") || customElements.define("nx-sidebar-item", pf);
-customElements.get("nx-sidebar") || customElements.define("nx-sidebar", ff);
-var jn, $n, cl, ul, dl, Mc;
-class gf extends HTMLElement {
+customElements.get("nx-sidebar-menuitem") || customElements.define("nx-sidebar-menuitem", bf);
+customElements.get("nx-sidebar-item") || customElements.define("nx-sidebar-item", gf);
+customElements.get("nx-sidebar") || customElements.define("nx-sidebar", mf);
+var $n, Ln, cl, ul, dl, Mc;
+class yf extends HTMLElement {
   constructor() {
     super();
-    Y(this, jn);
     Y(this, $n);
+    Y(this, Ln);
     it(this, "expand", () => {
-      f(this, dl).call(this, "collapse"), document.body.style.width = `calc(100% - ${f(this, $n)}px)`;
+      f(this, dl).call(this, "collapse"), document.body.style.width = `calc(100% - ${f(this, Ln)}px)`;
     });
     it(this, "collapse", () => {
-      f(this, ul).call(this, "collapse"), document.body.style.width = `calc(100% - ${f(this, jn)}px)`, this.shadowRoot.host.style.width = "var(--min-width)", setTimeout(() => {
+      f(this, ul).call(this, "collapse"), document.body.style.width = `calc(100% - ${f(this, $n)}px)`, this.shadowRoot.host.style.width = "var(--min-width)", setTimeout(() => {
         this.shadowRoot.host.style.width = "";
       }, 300);
     });
@@ -30917,14 +30927,14 @@ class gf extends HTMLElement {
     });
     Y(this, Mc, () => {
       const t = this.innerHTML.trim();
-      this.innerHTML = "", tt(this, jn, Number(this.getAttribute("min-width") || 48)), tt(this, $n, Number(this.getAttribute("max-width") || 256)), this.shadowRoot.innerHTML = `
+      this.innerHTML = "", tt(this, $n, Number(this.getAttribute("min-width") || 48)), tt(this, Ln, Number(this.getAttribute("max-width") || 256)), this.shadowRoot.innerHTML = `
 			<style>
 				@import "https://cdn.jsdelivr.net/npm/ninegrid2@${H.version}/dist/css/nxSideMenu.css";
 				${H.getCustomPath(this, "nxSideMenu.css")}
 				
 				:host {
-					--min-width: ${f(this, jn)}px;
-					--max-width: ${f(this, $n)}px;
+					--min-width: ${f(this, $n)}px;
+					--max-width: ${f(this, Ln)}px;
 					
 					display: flex;
 					flex-direction: column;
@@ -30949,19 +30959,19 @@ class gf extends HTMLElement {
     }, 300);
   }
 }
-jn = new WeakMap(), $n = new WeakMap(), cl = new WeakMap(), ul = new WeakMap(), dl = new WeakMap(), Mc = new WeakMap();
-var wi, Ic, Nc, Ou;
-class bf extends HTMLElement {
+$n = new WeakMap(), Ln = new WeakMap(), cl = new WeakMap(), ul = new WeakMap(), dl = new WeakMap(), Mc = new WeakMap();
+var xi, Ic, Nc, Ou;
+class vf extends HTMLElement {
   constructor() {
     super();
     Y(this, Nc);
-    Y(this, wi);
+    Y(this, xi);
     Y(this, Ic, () => {
-      Ge(this, Nc, Ou).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();
+      Ge(this, Nc, Ou).call(this), tt(this, xi, this.shadowRoot.getRootNode().host.getRootNode().host), f(this, xi) && (this.shadowRoot.querySelector(".icon:nth-of-type(1)").addEventListener("click", (t) => {
+        f(this, xi).expand();
       }), this.shadowRoot.querySelectorAll(".icon:nth-of-type(2),.icon:nth-of-type(3)").forEach((t) => {
         t.addEventListener("click", (l) => {
-          f(this, wi).collapse();
+          f(this, xi).collapse();
         });
       }));
     });
@@ -30971,7 +30981,7 @@ class bf extends HTMLElement {
     H.waitForInnerHTML(this).then(() => f(this, Ic).call(this)).catch((t) => console.error(t));
   }
 }
-wi = new WeakMap(), Ic = new WeakMap(), Nc = new WeakSet(), Ou = function() {
+xi = new WeakMap(), Ic = new WeakMap(), Nc = new WeakSet(), Ou = function() {
   const t = this.getAttribute("icon-color") || "#eee", l = this.innerHTML.trim();
   this.innerHTML = "", this.shadowRoot.innerHTML = `
 			<style>
@@ -31000,18 +31010,18 @@ wi = new WeakMap(), Ic = new WeakMap(), Nc = new WeakSet(), Ou = function() {
 			</div>
 		`;
 };
-var Ln, Oc, jc, ju;
-class yf extends HTMLElement {
+var Pn, Oc, jc, ju;
+class wf extends HTMLElement {
   constructor() {
     super();
     Y(this, jc);
-    Y(this, Ln);
+    Y(this, Pn);
     Y(this, Oc, () => {
-      tt(this, Ln, this.closest("nx-side-menu")), Ge(this, jc, ju).call(this), this.shadowRoot.querySelector(".icon:nth-of-type(1)").addEventListener("click", () => {
-        f(this, Ln).expand();
+      tt(this, Pn, this.closest("nx-side-menu")), Ge(this, jc, ju).call(this), this.shadowRoot.querySelector(".icon:nth-of-type(1)").addEventListener("click", () => {
+        f(this, Pn).expand();
       }), this.shadowRoot.querySelectorAll(".icon:nth-of-type(2), .icon:nth-of-type(3)").forEach((t) => {
         t.addEventListener("click", (l) => {
-          f(this, Ln).collapse();
+          f(this, Pn).collapse();
         });
       });
     });
@@ -31021,7 +31031,7 @@ class yf extends HTMLElement {
     H.waitForInnerHTML(this).then(() => f(this, Oc).call(this)).catch((t) => console.error(t));
   }
 }
-Ln = new WeakMap(), Oc = new WeakMap(), jc = new WeakSet(), ju = function() {
+Pn = new WeakMap(), Oc = new WeakMap(), jc = new WeakSet(), ju = function() {
   const t = this.getAttribute("icon-color") || "#eee", l = this.innerHTML.trim();
   this.innerHTML = "", this.shadowRoot.innerHTML = `
 			<style>
@@ -31051,7 +31061,7 @@ Ln = new WeakMap(), Oc = new WeakMap(), jc = new WeakSet(), ju = function() {
 		`;
 };
 var $c, Lc;
-class vf extends HTMLElement {
+class xf extends HTMLElement {
   constructor() {
     super();
     Y(this, $c);
@@ -31090,16 +31100,16 @@ class vf extends HTMLElement {
   }
 }
 $c = new WeakMap(), Lc = new WeakMap();
-var fl, Pn, pl, Pc;
-class wf extends HTMLElement {
+var fl, Dn, pl, Pc;
+class _f extends HTMLElement {
   constructor() {
     super();
     Y(this, fl);
-    Y(this, Pn);
+    Y(this, Dn);
     Y(this, pl);
     Y(this, Pc, () => {
-      tt(this, pl, this.getAttribute("type") || "item"), this.render(), tt(this, Pn, H.closest("nx-side-menu", this)), this.classList.toggle("expand"), this.classList.add("collapse"), this.classList.add(f(this, pl)), this.addEventListener("click", (l) => {
-        H.querySelectorAll("nx-side-menu-item", f(this, Pn)).forEach((c) => {
+      tt(this, pl, this.getAttribute("type") || "item"), this.render(), tt(this, Dn, H.closest("nx-side-menu", this)), this.classList.toggle("expand"), this.classList.add("collapse"), this.classList.add(f(this, pl)), this.addEventListener("click", (l) => {
+        H.querySelectorAll("nx-side-menu-item", f(this, Dn)).forEach((c) => {
           c.classList.remove("active");
         }), l.target.classList.add("active"), H.closest("nx-side-menu", this).dispatchEvent(new CustomEvent("side-menu-click", {
           detail: { target: this },
@@ -31110,7 +31120,7 @@ class wf extends HTMLElement {
       const t = this.shadowRoot.querySelector(".expand-icon");
       t && t.addEventListener("click", (l) => {
         l.stopPropagation();
-        const c = H.querySelectorAll("nx-side-menu-item", f(this, Pn)), o = Array.from(c).findIndex((n) => n.uuid === this.uuid), r = [];
+        const c = H.querySelectorAll("nx-side-menu-item", f(this, Dn)), o = Array.from(c).findIndex((n) => n.uuid === this.uuid), r = [];
         if (o !== -1)
           for (let n = o + 1; n < c.length; n++) {
             const s = c[n];
@@ -31151,43 +31161,43 @@ class wf extends HTMLElement {
 		`;
   }
 }
-fl = new WeakMap(), Pn = new WeakMap(), pl = new WeakMap(), Pc = new WeakMap();
-customElements.get("nx-side-menu") || customElements.define("nx-side-menu", gf);
-customElements.get("nx-side-menu-head") || customElements.define("nx-side-menu-head", bf);
-customElements.get("nx-side-menu-foot") || customElements.define("nx-side-menu-foot", yf);
-customElements.get("nx-side-menu-body") || customElements.define("nx-side-menu-body", vf);
-customElements.get("nx-side-menu-item") || customElements.define("nx-side-menu-item", wf);
-var ml, Dn, gl, Bn, ws, xi, Dc;
-class xf extends HTMLElement {
+fl = new WeakMap(), Dn = new WeakMap(), pl = new WeakMap(), Pc = new WeakMap();
+customElements.get("nx-side-menu") || customElements.define("nx-side-menu", yf);
+customElements.get("nx-side-menu-head") || customElements.define("nx-side-menu-head", vf);
+customElements.get("nx-side-menu-foot") || customElements.define("nx-side-menu-foot", wf);
+customElements.get("nx-side-menu-body") || customElements.define("nx-side-menu-body", xf);
+customElements.get("nx-side-menu-item") || customElements.define("nx-side-menu-item", _f);
+var ml, Bn, gl, Fn, ws, _i, Dc;
+class Sf extends HTMLElement {
   constructor() {
     super();
     Y(this, ml);
-    Y(this, Dn);
-    Y(this, gl);
     Y(this, Bn);
+    Y(this, gl);
+    Y(this, Fn);
     Y(this, ws);
-    Y(this, xi, []);
+    Y(this, _i, []);
     it(this, "refresh", () => {
-      if (!(f(this, xi).length < 0 || H.isNull(f(this, Bn)))) {
-        var t = f(this, xi).findIndex((l) => l[f(this, gl)] == H.global.locale);
-        t < 0 && (t = 0), f(this, Dn).innerHTML = f(this, xi)[t][f(this, Bn)], $("datalist", this).remove(), $(this).append(f(this, ws));
+      if (!(f(this, _i).length < 0 || H.isNull(f(this, Fn)))) {
+        var t = f(this, _i).findIndex((l) => l[f(this, gl)] == H.global.locale);
+        t < 0 && (t = 0), f(this, Bn).innerHTML = f(this, _i)[t][f(this, Fn)], $("datalist", this).remove(), $(this).append(f(this, ws));
       }
     });
     Y(this, Dc, () => {
       tt(this, ws, "<datalist>"), this.querySelectorAll("datalist option").forEach((c, o) => {
         for (var r = {}, n = 0; n < c.attributes.length; n++)
-          r[c.attributes[n].name] = f(this, ml) ? c.attributes[n].value : c.attributes[n].value.replaceAll("<", "&lt;").replaceAll(">", "&gt;"), o == 0 && (["locale", "lang", "key", "code"].includes(c.attributes[n].name) ? tt(this, gl, c.attributes[n].name) : tt(this, Bn, c.attributes[n].name));
+          r[c.attributes[n].name] = f(this, ml) ? c.attributes[n].value : c.attributes[n].value.replaceAll("<", "&lt;").replaceAll(">", "&gt;"), o == 0 && (["locale", "lang", "key", "code"].includes(c.attributes[n].name) ? tt(this, gl, c.attributes[n].name) : tt(this, Fn, c.attributes[n].name));
         tt(this, ws, f(this, ws) + "<option");
         for (const s in r)
           tt(this, ws, f(this, ws) + ` ${s}="${r[s]}"`);
-        tt(this, ws, f(this, ws) + "></option>"), f(this, xi).push(r);
+        tt(this, ws, f(this, ws) + "></option>"), f(this, _i).push(r);
       }), tt(this, ws, f(this, ws) + "</datalist>");
       const t = this.innerHTML;
       this.innerHTML = `
 			<span>${t}</span>
-		`, tt(this, Dn, this.querySelector("span"));
+		`, tt(this, Bn, this.querySelector("span"));
       for (var l = 0; l < this.attributes.length; l++)
-        f(this, Dn).setAttribute(this.attributes[l].name, this.attributes[l].value);
+        f(this, Bn).setAttribute(this.attributes[l].name, this.attributes[l].value);
       this.refresh();
     });
     tt(this, ml, this.getAttribute("enable-html") == "true"), $(() => {
@@ -31198,9 +31208,9 @@ class xf extends HTMLElement {
     H.getLocale() == "ko" ? console.warn("nx-span 컴포넌트는 더 이상 사용되지 않을 예정입니다. nx-i18n 컴포넌트로 대체하세요.") : console.warn("The nx-span component will be deprecated. Replace with nx-i18n component.");
   }
 }
-ml = new WeakMap(), Dn = new WeakMap(), gl = new WeakMap(), Bn = new WeakMap(), ws = new WeakMap(), xi = new WeakMap(), Dc = new WeakMap();
-customElements.get("nx-span") || customElements.define("nx-span", xf);
-class _f extends HTMLElement {
+ml = new WeakMap(), Bn = new WeakMap(), gl = new WeakMap(), Fn = new WeakMap(), ws = new WeakMap(), _i = new WeakMap(), Dc = new WeakMap();
+customElements.get("nx-span") || customElements.define("nx-span", Sf);
+class kf extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
   }
@@ -31210,7 +31220,7 @@ class _f extends HTMLElement {
 		`;
   }
 }
-class Sf extends HTMLElement {
+class Cf extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
   }
@@ -31222,7 +31232,7 @@ class Sf extends HTMLElement {
     });
   }
 }
-class kf extends HTMLElement {
+class Ef extends HTMLElement {
   constructor() {
     super();
   }
@@ -31234,10 +31244,10 @@ class kf extends HTMLElement {
     });
   }
 }
-customElements.get("nx-test1") || customElements.define("nx-test1", _f);
-customElements.get("nx-test2") || customElements.define("nx-test2", Sf);
-customElements.get("nx-test3") || customElements.define("nx-test3", kf);
-class Cf extends HTMLElement {
+customElements.get("nx-test1") || customElements.define("nx-test1", kf);
+customElements.get("nx-test2") || customElements.define("nx-test2", Cf);
+customElements.get("nx-test3") || customElements.define("nx-test3", Ef);
+class Af extends HTMLElement {
   constructor() {
     super();
     it(this, "changeLocale", (t) => {
@@ -31319,7 +31329,7 @@ class Cf extends HTMLElement {
 		`, this.changeLocale(H.getLocale());
   }
 }
-customElements.get("nx-top-menu") || customElements.define("nx-top-menu", Cf);
+customElements.get("nx-top-menu") || customElements.define("nx-top-menu", Af);
 Array.prototype.nineBinarySearch = function(mt) {
   this.sort((c, o) => c > o ? 1 : -1);
   let C = 0, t = this.length - 1, l;
@@ -31331,7 +31341,7 @@ Array.prototype.nineBinarySearch = function(mt) {
   return -1;
 };
 var ar, bl, Bc;
-class Ef extends HTMLElement {
+class Tf extends HTMLElement {
   constructor() {
     super();
     Y(this, ar);
@@ -31433,12 +31443,12 @@ class Ef extends HTMLElement {
   }
 }
 ar = new WeakMap(), bl = new WeakMap(), Bc = new WeakMap();
-customElements.get("nx-collapse") || customElements.define("nx-collapse", Ef);
-var Un, $u, Lu, Fc;
-class Af extends HTMLElement {
+customElements.get("nx-collapse") || customElements.define("nx-collapse", Tf);
+var Vn, $u, Lu, Fc;
+class Rf extends HTMLElement {
   constructor() {
     super();
-    Y(this, Un);
+    Y(this, Vn);
     it(this, "initialize", () => {
       this.shadowRoot.querySelectorAll(".tab-button").forEach((l, c) => {
         l.classList.remove("active");
@@ -31447,7 +31457,7 @@ class Af extends HTMLElement {
       t && t.click();
     });
     Y(this, Fc, () => {
-      this.classList.add(this.getAttribute("theme") || "theme-1"), Ge(this, Un, $u).call(this), this.shadowRoot.querySelectorAll(".tab-button").forEach((r) => {
+      this.classList.add(this.getAttribute("theme") || "theme-1"), Ge(this, Vn, $u).call(this), this.shadowRoot.querySelectorAll(".tab-button").forEach((r) => {
         r.addEventListener("click", this.switchTabHandler);
       });
       const t = this.shadowRoot.querySelector(".tab-button"), l = this.shadowRoot.querySelector(".tab-page");
@@ -31470,7 +31480,7 @@ class Af extends HTMLElement {
 
             <div class="tabs"></div>
             <div class="tab-pages"></div>
-        `, this.switchTabHandler = Ge(this, Un, Lu).bind(this), this.tabpage = {
+        `, this.switchTabHandler = Ge(this, Vn, Lu).bind(this), this.tabpage = {
       show: (t) => {
         this.shadowRoot.querySelectorAll(".tab-button").forEach((l, c) => {
           l.innerText.trim() === t && (l.style.display = "unset");
@@ -31492,7 +31502,7 @@ class Af extends HTMLElement {
     f(this, Fc).call(this), this.dispatchEvent(new CustomEvent(H.EVENT.TAB_LOAD, { bubbles: !0, detail: {} }));
   }
 }
-Un = new WeakSet(), $u = function() {
+Vn = new WeakSet(), $u = function() {
   const t = this.shadowRoot.querySelector(".tabs"), l = this.shadowRoot.querySelector(".tab-pages"), c = this.querySelectorAll("nx-tab-page");
   c.forEach((o, r) => {
     const n = document.createElement("div");
@@ -31508,7 +31518,7 @@ Un = new WeakSet(), $u = function() {
   const c = l.getAttribute("data-target"), o = this.shadowRoot.querySelector(".tab-button.active"), r = this.shadowRoot.querySelector(".tab-page.active"), n = this.shadowRoot.getElementById(c);
   console.log(c, o, r, n), o !== l && (console.log("*******"), o && r ? (o.classList.remove("active"), r.classList.remove("active", "exit-left", "exit-right"), r.style.left = "", o.compareDocumentPosition(l) & Node.DOCUMENT_POSITION_FOLLOWING ? r.classList.add("exit-left") : r.classList.add("exit-right"), n.classList.add("active"), n.style.left = "", n.classList.remove("exit-left", "exit-right")) : r && n && (r.classList.remove("active", "exit-left", "exit-right"), r.style.left = "", r.classList.add("exit-left"), n.classList.add("active"), n.style.left = "", n.classList.remove("exit-left", "exit-right")), l.classList.add("active"), this.shadowRoot.querySelector(".tab-pages").style.height = `${n.scrollHeight}px`);
 }, Fc = new WeakMap();
-class Tf extends HTMLElement {
+class Mf extends HTMLElement {
   constructor() {
     super();
   }
@@ -31516,10 +31526,10 @@ class Tf extends HTMLElement {
     this.caption = this.getAttribute("caption");
   }
 }
-customElements.get("nx-tab") || customElements.define("nx-tab", Af);
-customElements.get("nx-tab-page") || customElements.define("nx-tab-page", Tf);
+customElements.get("nx-tab") || customElements.define("nx-tab", Rf);
+customElements.get("nx-tab-page") || customElements.define("nx-tab-page", Mf);
 var $r, qc, Hc, zc, yl;
-class Rf extends HTMLElement {
+class If extends HTMLElement {
   constructor() {
     super();
     Y(this, $r);
@@ -31603,9 +31613,9 @@ class Rf extends HTMLElement {
   }
 }
 $r = new WeakMap(), qc = new WeakMap(), Hc = new WeakMap(), zc = new WeakMap(), yl = new WeakMap();
-customElements.get("nx-splitter") || customElements.define("nx-splitter", Rf);
+customElements.get("nx-splitter") || customElements.define("nx-splitter", If);
 var bu, Uc;
-class Mf extends HTMLElement {
+class Nf extends HTMLElement {
   constructor() {
     super();
     Y(this, bu);
@@ -31644,9 +31654,9 @@ class Mf extends HTMLElement {
   }
 }
 bu = new WeakMap(), Uc = new WeakMap();
-customElements.get("nx-form") || customElements.define("nx-form", Mf);
+customElements.get("nx-form") || customElements.define("nx-form", Nf);
 var Tr, vl, wl, xl, _l, Vc;
-class If extends HTMLElement {
+class Of extends HTMLElement {
   // 동적으로 추가할 빵 부스러기 경로 (상세 페이지 등)
   constructor() {
     super();
@@ -31741,15 +31751,15 @@ class If extends HTMLElement {
   }
 }
 Tr = new WeakMap(), vl = new WeakMap(), wl = new WeakMap(), xl = new WeakMap(), _l = new WeakMap(), Vc = new WeakMap();
-customElements.get("nx-title") || customElements.define("nx-title", If);
-var Sl, _i, kl, Rr, Yn, su, iu, Cl, Wc;
+customElements.get("nx-title") || customElements.define("nx-title", Of);
+var Sl, Si, kl, Rr, Yn, su, iu, Cl, Wc;
 class vu extends HTMLElement {
   constructor() {
     super();
     Y(this, Rr);
     it(this, "originContents");
     Y(this, Sl, !1);
-    Y(this, _i);
+    Y(this, Si);
     // Shadow DOM 사용 여부에 따라 shadowRoot 또는 this를 가리킴
     Y(this, kl, !1);
     it(this, "getData", () => {
@@ -31796,7 +31806,7 @@ class vu extends HTMLElement {
     });
   }
   connectedCallback() {
-    return f(this, Sl) ? !1 : (this.getAttribute("use-shadow") !== "false" && !this.shadowRoot ? (this.attachShadow({ mode: "open" }), tt(this, _i, this.shadowRoot)) : tt(this, _i, this), f(this, Wc).call(this), tt(this, Sl, !0), !0);
+    return f(this, Sl) ? !1 : (this.getAttribute("use-shadow") !== "false" && !this.shadowRoot ? (this.attachShadow({ mode: "open" }), tt(this, Si, this.shadowRoot)) : tt(this, Si, this), f(this, Wc).call(this), tt(this, Sl, !0), !0);
   }
   get changed() {
     return f(this, kl);
@@ -31812,12 +31822,12 @@ class vu extends HTMLElement {
   }
   // 자식 클래스에서 접근 가능하도록 getter 제공
   get root() {
-    return f(this, _i) || this;
+    return f(this, Si) || this;
   }
 }
-Sl = new WeakMap(), _i = new WeakMap(), kl = new WeakMap(), Rr = new WeakSet(), // 공통 쿼리 함수: 현재 root(Shadow 또는 Light DOM)에서 요소를 찾음
+Sl = new WeakMap(), Si = new WeakMap(), kl = 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, _i));
+  return H.querySelectorAll("input[name], textarea[name], select[name], nx-editor[name]", f(this, Si));
 }, // [공통 로직 1] 특정 요소에 값을 쓰거나 초기화하는 핵심 함수
 su = function(t, l) {
   const c = t.tagName.toUpperCase(), o = t.type;
@@ -31841,7 +31851,7 @@ iu = function() {
   });
 }, Cl = new WeakMap(), Wc = new WeakMap();
 var El, Xc;
-class Nf extends vu {
+class jf extends vu {
   constructor() {
     super();
     Y(this, El, !1);
@@ -31872,26 +31882,26 @@ class Nf extends vu {
   }
 }
 El = new WeakMap(), Xc = new WeakMap();
-customElements.get("nx-title2") || customElements.define("nx-title2", Nf);
-var Fn, Al, nu;
-class Of extends HTMLElement {
+customElements.get("nx-title2") || customElements.define("nx-title2", jf);
+var qn, Al, nu;
+class $f extends HTMLElement {
   constructor() {
     super();
     Y(this, Al);
-    Y(this, Fn);
+    Y(this, qn);
   }
   connectedCallback() {
-    tt(this, Fn, Array.from(this.children).filter((t) => t.tagName.toLowerCase() !== "nx-splitter")), Ge(this, Al, nu).call(this);
+    tt(this, qn, Array.from(this.children).filter((t) => t.tagName.toLowerCase() !== "nx-splitter")), Ge(this, Al, nu).call(this);
   }
   attributeChangedCallback(t, l, c) {
-    f(this, Fn) && l !== c && Ge(this, Al, nu).call(this);
+    f(this, qn) && l !== c && Ge(this, Al, nu).call(this);
   }
   static get observedAttributes() {
     return ["columns"];
   }
 }
-Fn = new WeakMap(), Al = new WeakSet(), nu = function() {
-  const t = f(this, Fn);
+qn = new WeakMap(), Al = new WeakSet(), nu = function() {
+  const t = f(this, qn);
   if (!t || t.length === 0) return;
   for (; this.firstChild; )
     this.removeChild(this.firstChild);
@@ -31916,13 +31926,13 @@ Fn = new WeakMap(), Al = new WeakSet(), nu = function() {
     }
   }
 };
-customElements.get("nx-layout") || customElements.define("nx-layout", Of);
-var qn, Gs, ou, au, Yc;
-class jf extends HTMLElement {
+customElements.get("nx-layout") || customElements.define("nx-layout", $f);
+var Hn, Gs, ou, au, Yc;
+class Lf extends HTMLElement {
   constructor() {
     super();
     Y(this, Gs);
-    Y(this, qn);
+    Y(this, Hn);
     Y(this, Yc, () => {
       const t = (c) => {
         const o = window.getComputedStyle(c), r = c.cloneNode(!0);
@@ -31948,20 +31958,20 @@ class jf extends HTMLElement {
     return ["columns", "rows-height"];
   }
   connectedCallback() {
-    tt(this, qn, Array.from(this.children).filter((t) => t.tagName.toLowerCase() !== "nx-splitter")), Ge(this, Gs, au).call(this);
+    tt(this, Hn, Array.from(this.children).filter((t) => t.tagName.toLowerCase() !== "nx-splitter")), Ge(this, Gs, au).call(this);
   }
   attributeChangedCallback(t, l, c) {
-    l !== c && (t === "rows-height" && Ge(this, Gs, ou).call(this, c), f(this, qn) && Ge(this, Gs, au).call(this));
+    l !== c && (t === "rows-height" && Ge(this, Gs, ou).call(this, c), f(this, Hn) && Ge(this, Gs, au).call(this));
   }
 }
-qn = new WeakMap(), Gs = new WeakSet(), ou = function(t) {
+Hn = new WeakMap(), Gs = new WeakSet(), ou = function(t) {
   if (t) {
     const l = t.replace(/,/g, " ").replace(/\*/g, "1fr");
     this.style.setProperty("--rows-template", l);
   }
 }, au = function() {
   Ge(this, Gs, ou).call(this, this.getAttribute("rows-height"));
-  const t = f(this, qn);
+  const t = f(this, Hn);
   if (!t || t.length === 0) return;
   for (; this.firstChild; )
     this.removeChild(this.firstChild);
@@ -31981,9 +31991,9 @@ qn = new WeakMap(), Gs = new WeakSet(), ou = function(t) {
     f(this, Yc).call(this);
   }, 300);
 }, Yc = new WeakMap();
-customElements.get("nx-layout2") || customElements.define("nx-layout2", jf);
+customElements.get("nx-layout2") || customElements.define("nx-layout2", Lf);
 var Gc;
-class $f extends vu {
+class Pf extends vu {
   constructor() {
     super();
     Y(this, Gc, () => {
@@ -32011,9 +32021,9 @@ class $f extends vu {
   }
 }
 Gc = new WeakMap();
-customElements.get("nx-panel") || customElements.define("nx-panel", $f);
+customElements.get("nx-panel") || customElements.define("nx-panel", Pf);
 var Kc;
-class Lf extends vu {
+class Df extends vu {
   constructor() {
     super();
     Y(this, Kc, () => {
@@ -32033,9 +32043,9 @@ class Lf extends vu {
   }
 }
 Kc = new WeakMap();
-customElements.get("nx-buttons") || customElements.define("nx-buttons", Lf);
-var xs, Zc, Tl, Hn, Rl, Ml, zn, Il;
-class Pf extends HTMLElement {
+customElements.get("nx-buttons") || customElements.define("nx-buttons", Df);
+var xs, Zc, Tl, zn, Rl, Ml, Un, Il;
+class Bf extends HTMLElement {
   constructor() {
     super();
     //#owner;
@@ -32044,7 +32054,7 @@ class Pf extends HTMLElement {
       this.querySelector("dialog").showModal();
     });
     it(this, "close", () => {
-      $(".head", this).off("mousedown", f(this, Tl)), $(".head", this).off("touchstart", f(this, Ml)), $(document).off("mouseup", f(this, Rl)), $(document).off("touchend", f(this, Il)), $(document).off("mousemove", f(this, Hn)), $(document).off("touchmove", f(this, zn)), this.querySelector("dialog").close();
+      $(".head", this).off("mousedown", f(this, Tl)), $(".head", this).off("touchstart", f(this, Ml)), $(document).off("mouseup", f(this, Rl)), $(document).off("touchend", f(this, Il)), $(document).off("mousemove", f(this, zn)), $(document).off("touchmove", f(this, Un)), this.querySelector("dialog").close();
     });
     Y(this, Zc, () => {
       $(".close", this).on("click", (t) => {
@@ -32061,14 +32071,14 @@ class Pf extends HTMLElement {
         tt(this, xs, {
           x: t.clientX - l.x,
           y: t.clientY - l.y
-        }), $(document).on("mousemove", f(this, Hn));
+        }), $(document).on("mousemove", f(this, zn));
       }
     });
-    Y(this, Hn, (t) => {
+    Y(this, zn, (t) => {
       $(this.querySelector("dialog")).offset({ left: t.pageX - f(this, xs).x, top: t.pageY - f(this, xs).y });
     });
     Y(this, Rl, (t) => {
-      $(document).off("mousemove", f(this, Hn));
+      $(document).off("mousemove", f(this, zn));
     });
     Y(this, Ml, (t) => {
       if (!t.target.closest("buttons")) {
@@ -32076,14 +32086,14 @@ class Pf extends HTMLElement {
         tt(this, xs, {
           x: t.changedTouches[0].pageX - l.x,
           y: t.changedTouches[0].pageY - l.y
-        }), $(document).on("touchmove", f(this, zn));
+        }), $(document).on("touchmove", f(this, Un));
       }
     });
-    Y(this, zn, (t) => {
+    Y(this, Un, (t) => {
       $(this.querySelector("dialog")).offset({ left: t.changedTouches[0].pageX - f(this, xs).x, top: t.changedTouches[0].pageY - f(this, xs).y });
     });
     Y(this, Il, (t) => {
-      $(document).off("touchmove", f(this, zn));
+      $(document).off("touchmove", f(this, Un));
     });
   }
   connectedCallback() {
@@ -32126,15 +32136,15 @@ class Pf extends HTMLElement {
     o && t && (o.textContent = t), f(this, Zc).call(this);
   }
 }
-xs = new WeakMap(), Zc = new WeakMap(), Tl = new WeakMap(), Hn = new WeakMap(), Rl = new WeakMap(), Ml = new WeakMap(), zn = new WeakMap(), Il = new WeakMap();
-customElements.get("nx-modal") || customElements.define("nx-modal", Pf);
+xs = new WeakMap(), Zc = new WeakMap(), Tl = new WeakMap(), zn = new WeakMap(), Rl = new WeakMap(), Ml = new WeakMap(), Un = new WeakMap(), Il = new WeakMap();
+customElements.get("nx-modal") || customElements.define("nx-modal", Bf);
 window.jQuery = window.$ = Bu;
-function qf() {
+function zf() {
   customElements.get("nine-grid") || customElements.define("nine-grid", Qc);
 }
 export {
   Qc as NineGridContainer,
   H as default,
-  qf as defineCustomElements
+  zf as defineCustomElements
 };
 //# sourceMappingURL=nine-grid.js.map