@ninebone/grid 0.0.45 → 0.0.47

package/dist/nine-grid.js

@@ -2520,7 +2520,7 @@ class nd extends HTMLElement {
 No = new WeakMap(), Pe = new WeakMap(), $s = new WeakMap(), ii = new WeakMap(), tn = new WeakMap(), uh = new WeakMap(), Oo = new WeakMap(), dh = new WeakMap(), jo = new WeakMap(), en = new WeakMap(), du = new WeakMap(), fh = new WeakMap(), ph = new WeakMap();
 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;
+var rn, $o, sn, ni, nn, Xr, mh, Lo, gh;
 class od {
   constructor(C) {
     Y(this, rn);
@@ -2528,20 +2528,20 @@ class od {
     Y(this, sn);
     Y(this, ni);
     Y(this, nn);
-    Y(this, Wr);
+    Y(this, Xr);
     it(this, "openMenu", (C, t) => {
-      var l = $(f(this, Wr)).css("font"), c = 150;
+      var l = $(f(this, Xr)).css("font"), c = 150;
       for (const o of f(this, sn))
         c = Math.max(c, H.measureTextSize(o.name, l).width + 60);
-      $(f(this, Wr)).css({
+      $(f(this, Xr)).css({
         width: c,
         top: t,
         left: C
         //"z-index"	: 2,
-      }), f(this, Wr).open(), f(this, ni) && f(this, ni).show && f(this, ni).show.call(this, { source: f(this, $o) });
+      }), f(this, Xr).open(), f(this, ni) && f(this, ni).show && f(this, ni).show.call(this, { source: f(this, $o) });
     });
     Y(this, mh, (C) => {
-      tt(this, sn, f(this, Lo).call(this, C.items, 0)), tt(this, ni, C.events), tt(this, 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) => {
+      tt(this, sn, f(this, Lo).call(this, C.items, 0)), tt(this, ni, C.events), tt(this, Xr, $(`<ng-context-menu-panel id="${C.id}"></ng-context-menu-panel>`)[0]), $(f(this, rn).shadowRoot).append($(f(this, Xr)).hide()), f(this, Xr).init(f(this, sn)), $("li", f(this, Xr)).on("mousedown", (t) => {
         C.callback && (t.menuId = t.currentTarget.getAttribute("menu-id"), t.source = f(this, $o), C.callback(t)), $("ng-context-menu-panel", f(this, rn).shadowRoot).hide();
       });
     });
@@ -2563,7 +2563,7 @@ class od {
     tt(this, nn, 0), tt(this, rn, C.owner), f(this, mh).call(this, C);
   }
 }
-rn = new WeakMap(), $o = new WeakMap(), sn = new WeakMap(), ni = new WeakMap(), nn = new WeakMap(), 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(), Xr = new WeakMap(), mh = new WeakMap(), Lo = new WeakMap(), gh = new WeakMap();
 var Po, bh;
 class ad extends HTMLElement {
   constructor() {
@@ -2644,29 +2644,29 @@ class hd extends Fu.constructor {
     super(), this.init("nine-grid", "green");
   }
 }
-const os = new hd();
-var Xr, Bo, cs;
+const Wr = new hd();
+var Yr, Bo, cs;
 class cd {
   constructor(C) {
-    Y(this, Xr);
+    Y(this, Yr);
     Y(this, Bo);
     Y(this, cs);
-    it(this, "count", () => f(this, Xr).rawRecords.length);
-    it(this, "has", (C) => f(this, Xr).data.filter(C).length > 0);
-    it(this, "first", (C) => (f(this, Xr).data.first(C).__ng || { rowidx: -1 }).rowidx);
-    it(this, "last", (C) => (f(this, Xr).data.last(C).__ng || { rowidx: -1 }).rowidx);
-    tt(this, Xr, C), tt(this, Bo, -1), tt(this, cs, -1);
+    it(this, "count", () => f(this, Yr).rawRecords.length);
+    it(this, "has", (C) => f(this, Yr).data.filter(C).length > 0);
+    it(this, "first", (C) => (f(this, Yr).data.first(C).__ng || { rowidx: -1 }).rowidx);
+    it(this, "last", (C) => (f(this, Yr).data.last(C).__ng || { rowidx: -1 }).rowidx);
+    tt(this, Yr, C), tt(this, Bo, -1), tt(this, cs, -1);
   }
   get at() {
     return f(this, cs);
   }
   set at(C) {
-    tt(this, Bo, f(this, cs)), tt(this, cs, parseInt(C)), f(this, Xr).owner.body.querySelector(`tbody.bindable tr[data-row="${f(this, cs)}"]`) || setTimeout(() => {
-      f(this, Xr).owner.scrollTo_V1(f(this, cs));
+    tt(this, Bo, f(this, cs)), tt(this, cs, parseInt(C)), f(this, Yr).owner.body.querySelector(`tbody.bindable tr[data-row="${f(this, cs)}"]`) || setTimeout(() => {
+      f(this, Yr).owner.scrollTo_V1(f(this, cs));
     });
   }
 }
-Xr = new WeakMap(), Bo = new WeakMap(), cs = new WeakMap();
+Yr = new WeakMap(), Bo = new WeakMap(), cs = new WeakMap();
 var He, Dt, $e, Cr, oi, Ls, on, Fo, an, qo, Ho, xh, zo, Uo, ln, hn, Vo, Wo, Xo;
 class ud {
   constructor(C, t) {
@@ -2684,7 +2684,7 @@ class ud {
       });
     });
     it(this, "set", (C) => {
-      os.log("ngData.set"), this.clear(), this.add(C, !1);
+      Wr.log("ngData.set"), this.clear(), this.add(C, !1);
       const t = () => {
         var l, c, o, r;
         (c = (l = f(this, Dt)) == null ? void 0 : l.owner) != null && c.matrix ? (r = (o = f(this, Dt)) == null ? void 0 : o.owner) == null || r.matrix.updateCumulativeHeights() : setTimeout(t, 50);
@@ -3199,7 +3199,7 @@ class ud {
     return this.conv2(f(this, Dt).rawRecords);
   }
   set source(C) {
-    this.clear(), this.add(C, !1), os.log("ngData.source", C);
+    this.clear(), this.add(C, !1), Wr.log("ngData.source", C);
     const t = () => {
       var l, c, o, r;
       (c = (l = f(this, Dt)) == null ? void 0 : l.owner) != null && c.matrix ? (r = (o = f(this, Dt)) == null ? void 0 : o.owner) == null || r.matrix.updateCumulativeHeights() : setTimeout(t, 50);
@@ -3271,7 +3271,7 @@ He = new WeakMap(), Dt = new WeakMap(), $e = new WeakMap(), Cr = new WeakMap(),
 class dd {
   constructor(C) {
     this.owner = C, this.row = new cd(this), this.data = new ud(C, this), this.setDataSource = (l) => {
-      os.log(l), this.data && this.data.reset(), this.pageCnt = 25, this.rawRecords = [], this.viewRecords = [], this.delRecords = [], this.viewRecords.touch = () => {
+      Wr.log(l), this.data && this.data.reset(), this.pageCnt = 25, this.rawRecords = [], this.viewRecords = [], this.delRecords = [], this.viewRecords.touch = () => {
         this.viewRecords.updateCnt = (this.viewRecords.updateCnt || 0) + 1;
       }, this.viewRecords.rawIndex = 0, this.viewRecords.setPageCnt = (c) => {
         this.pageCnt = c;
@@ -27157,13 +27157,13 @@ class jd extends HTMLElement {
 }
 Qo = new WeakMap(), mn = new WeakMap(), Oh = new WeakMap(), ta = new WeakMap();
 customElements.get("ng-info") || customElements.define("ng-info", jd);
-var Yr, jh;
+var Gr, jh;
 class $d extends ki {
   constructor() {
     super();
-    Y(this, Yr);
+    Y(this, Gr);
     it(this, "dataRefresh", (t) => {
-      f(this, jh).call(this, this.value) ? (f(this, Yr).value = H.nvl(this.value, "#ffffff"), H.j.querySelectorAll(this).removeClass("invalid")) : (f(this, Yr).value = "#ffffff", H.j.querySelectorAll(this).addClass("invalid")), f(this, Yr).setAttribute("title", this.value), t || this.reset();
+      f(this, jh).call(this, this.value) ? (f(this, Gr).value = H.nvl(this.value, "#ffffff"), H.j.querySelectorAll(this).removeClass("invalid")) : (f(this, Gr).value = "#ffffff", H.j.querySelectorAll(this).addClass("invalid")), f(this, Gr).setAttribute("title", this.value), t || this.reset();
     });
     Y(this, jh, (t) => {
       if (H.isNull(t)) return !0;
@@ -27181,31 +27181,31 @@ class $d extends ki {
 			
 			<input type="color" required />
 			<button tabindex="-1"></button>
-		`, super.connectedCallback(), tt(this, Yr, this.shadowRoot.querySelector("input")), $("button", this.shadowRoot).on("click", (t) => {
+		`, super.connectedCallback(), tt(this, Gr, this.shadowRoot.querySelector("input")), $("button", this.shadowRoot).on("click", (t) => {
       $("input", this.shadowRoot).trigger("click");
     }), $(this.cell).on("keydown", (t) => {
       switch (t.target.tagName) {
         case "TH":
         case "TD":
-          ["Enter"].includes(t.code) && $(f(this, Yr)).trigger("click");
+          ["Enter"].includes(t.code) && $(f(this, Gr)).trigger("click");
           break;
       }
-    }), f(this, Yr).addEventListener("keydown", (t) => {
-      ["Enter"].includes(t.code) ? $(f(this, Yr)).trigger("click") : ["Escape"].includes(t.code) ? this.owner.cell.currentCell = this.cell : ["Tab", "PageUp", "PageDown", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(t.code) && (this.owner.cell.currentCell = this.cell, this.owner.cell.moveCell(t));
+    }), f(this, Gr).addEventListener("keydown", (t) => {
+      ["Enter"].includes(t.code) ? $(f(this, Gr)).trigger("click") : ["Escape"].includes(t.code) ? this.owner.cell.currentCell = this.cell : ["Tab", "PageUp", "PageDown", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(t.code) && (this.owner.cell.currentCell = this.cell, this.owner.cell.moveCell(t));
     });
   }
 }
-Yr = new WeakMap(), jh = new WeakMap();
+Gr = new WeakMap(), jh = new WeakMap();
 customElements.get("ng-input-color") || customElements.define("ng-input-color", $d);
-var Gr, li, $h;
+var Kr, li, $h;
 class Ld extends ki {
   constructor() {
     super();
-    Y(this, Gr);
+    Y(this, Kr);
     Y(this, li);
     it(this, "dataRefresh", (t) => {
       var l = this.value;
-      switch (f(this, Gr).type) {
+      switch (f(this, Kr).type) {
         case "date":
           l = l.substr(0, 10);
           break;
@@ -27221,13 +27221,13 @@ class Ld extends ki {
           c != "Invalid Date" && (l = ("0000" + c.getFullYear()).slice(-4) + "-" + ("00" + (c.getMonth() + 1)).slice(-2));
           break;
       }
-      f(this, Gr).value = l, f(this, $h).call(this, l) ? H.j.querySelectorAll(this).removeClass("invalid") : H.j.querySelectorAll(this).addClass("invalid"), t || this.reset();
+      f(this, Kr).value = l, f(this, $h).call(this, l) ? H.j.querySelectorAll(this).removeClass("invalid") : H.j.querySelectorAll(this).addClass("invalid"), t || this.reset();
     });
     Y(this, $h, (t) => {
       if (H.isNull(t)) return !0;
       if (typeof t != "string") return !1;
       var l = !0;
-      switch (f(this, Gr).type) {
+      switch (f(this, Kr).type) {
         case "date":
         case "datetime-local":
           var c = Number(t.substr(0, 4)), o = Number(t.substr(5, 2)), r = Number(t.substr(8, 2));
@@ -27244,7 +27244,7 @@ class Ld extends ki {
           break;
       }
       if (l)
-        switch (f(this, Gr).type) {
+        switch (f(this, Kr).type) {
           case "datetime-local":
             var s = t.substr(10, 1), e = Number(t.substr(11, 2)), i = Number(t.substr(14, 2));
             (s != "T" || isNaN(e) || isNaN(i) || e < 0 || e > 23 || i < 0 || i > 59) && (l = !1);
@@ -27289,21 +27289,21 @@ class Ld extends ki {
 				${l.join(" ")}
 				required
 			/>
-		`, super.connectedCallback(), tt(this, Gr, this.shadowRoot.querySelector("input")), $(this.cell).on("keydown", (o) => {
+		`, super.connectedCallback(), tt(this, Kr, this.shadowRoot.querySelector("input")), $(this.cell).on("keydown", (o) => {
       switch (o.target.tagName) {
         case "TH":
         case "TD":
-          ["Enter"].includes(o.code) && f(this, Gr).focus();
+          ["Enter"].includes(o.code) && f(this, Kr).focus();
           break;
       }
-    }), f(this, Gr).addEventListener("keydown", (o) => {
+    }), f(this, Kr).addEventListener("keydown", (o) => {
       ["Enter", "Escape"].includes(o.code) ? this.owner.cell.currentCell = this.cell : ["Tab", "PageUp", "PageDown"].includes(o.code) && (this.owner.cell.currentCell = this.cell, this.owner.cell.moveCell(o));
     });
   }
 }
-Gr = new WeakMap(), li = new WeakMap(), $h = new WeakMap();
+Kr = new WeakMap(), li = new WeakMap(), $h = new WeakMap();
 customElements.get("ng-input-date") || customElements.define("ng-input-date", Ld);
-var Ke, ps, zr, Ds, gn, Kr, Lh;
+var Ke, ps, zr, Ds, gn, Zr, Lh;
 class Pd extends ki {
   constructor() {
     super();
@@ -27312,26 +27312,26 @@ class Pd extends ki {
     Y(this, zr);
     Y(this, Ds);
     Y(this, gn);
-    Y(this, Kr);
+    Y(this, Zr);
     it(this, "dataRefresh", (t) => {
-      f(this, Ke).value = this.value, H.j.querySelectorAll(f(this, Ke)).removeClass("invalid"), f(this, ps) == "number" && (isNaN(this.value) || f(this, gn) && Number(f(this, Ke).value) > Number(f(this, gn)) || f(this, Ds) && Number(f(this, Ke).value) < Number(f(this, Ds)) ? H.j.querySelectorAll(f(this, Ke)).addClass("invalid") : f(this, 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, ps) == "number" && (isNaN(this.value) || f(this, gn) && Number(f(this, Ke).value) > Number(f(this, gn)) || f(this, Ds) && Number(f(this, Ke).value) < Number(f(this, Ds)) ? H.j.querySelectorAll(f(this, Ke)).addClass("invalid") : f(this, Zr) && f(this, Ke).value.indexOf(".") >= 0 && f(this, Ke).value.substring(f(this, Ke).value.indexOf(".") + 1).length > Number(f(this, Zr)) && H.j.querySelectorAll(f(this, Ke)).addClass("invalid")), f(this, zr) && H.getByteLength(this.value) > Number(f(this, zr)) && H.j.querySelectorAll(f(this, Ke)).addClass("invalid"), t || this.reset();
     });
     Y(this, Lh, (t) => {
       if (!["Escape", "Enter", "Tab", "Home", "End", "ArrowLeft", "ArrowRight", "PageUp", "PageDown", "Backspace", "Delete"].includes(t.code)) {
         if (f(this, ps) == "number") {
           let o = [];
-          if (f(this, Kr) && Number(f(this, Kr)) > 0 && o.push("."), f(this, Ds) && Number(f(this, Ds)) >= 0 && o.push("-"), !(t.keyCode >= 48 && t.keyCode <= 57 || t.keyCode >= 96 && t.keyCode <= 105) && !o.includes(t.key) && t.preventDefault(), f(this, Kr) && (t.keyCode >= 48 && t.keyCode <= 57 || t.keyCode >= 96 && t.keyCode <= 105) && t.target.selectionStart == t.target.selectionEnd) {
+          if (f(this, Zr) && Number(f(this, Zr)) > 0 && o.push("."), f(this, Ds) && Number(f(this, Ds)) >= 0 && o.push("-"), !(t.keyCode >= 48 && t.keyCode <= 57 || t.keyCode >= 96 && t.keyCode <= 105) && !o.includes(t.key) && t.preventDefault(), f(this, Zr) && (t.keyCode >= 48 && t.keyCode <= 57 || t.keyCode >= 96 && t.keyCode <= 105) && t.target.selectionStart == t.target.selectionEnd) {
             var l = t.target.value, c = l.indexOf(".");
             if (c >= 0) {
               var l = l.substr(c + 1, l.length);
-              l.length >= Number(f(this, Kr)) && t.preventDefault();
+              l.length >= Number(f(this, Zr)) && t.preventDefault();
             }
           }
         }
         f(this, zr) && H.getByteLength(t.target.value) >= Number(f(this, zr)) && t.target.selectionStart == t.target.selectionEnd && t.preventDefault();
       }
     });
-    if (tt(this, ps, this.getAttribute("type") || "text"), tt(this, zr, this.getAttribute("maxbyte")), tt(this, Ds, this.getAttribute("min")), tt(this, gn, this.getAttribute("max")), tt(this, Kr, this.getAttribute("scale")), !["text", "number"].includes(f(this, ps))) throw `invalid type : ${f(this, ps)}`;
+    if (tt(this, ps, this.getAttribute("type") || "text"), tt(this, zr, this.getAttribute("maxbyte")), tt(this, Ds, this.getAttribute("min")), tt(this, gn, this.getAttribute("max")), tt(this, Zr, this.getAttribute("scale")), !["text", "number"].includes(f(this, ps))) throw `invalid type : ${f(this, ps)}`;
   }
   connectedCallback() {
     for (var t = [], l = 0; l < this.attributes.length; l++)
@@ -27356,9 +27356,9 @@ class Pd extends ki {
     });
   }
 }
-Ke = new WeakMap(), ps = new WeakMap(), zr = new WeakMap(), Ds = new WeakMap(), gn = new WeakMap(), Kr = new WeakMap(), Lh = new WeakMap();
+Ke = new WeakMap(), ps = new WeakMap(), zr = new WeakMap(), Ds = new WeakMap(), gn = new WeakMap(), Zr = new WeakMap(), Lh = new WeakMap();
 customElements.get("ng-input") || customElements.define("ng-input", Pd);
-var Se, hi, bn, yn, vn, Zr, ci;
+var Se, hi, bn, yn, vn, Jr, ci;
 class Dd {
   constructor(C) {
     Y(this, Se);
@@ -27367,7 +27367,7 @@ class Dd {
     Y(this, bn);
     Y(this, yn);
     Y(this, vn);
-    Y(this, Zr, []);
+    Y(this, Jr, []);
     it(this, "getHeight", (C) => {
       const t = parseInt(C / f(this, Se).template.length);
       if (t < 0 || t >= f(this, Se).data.count()) return 32;
@@ -27421,7 +27421,7 @@ class Dd {
     }, this.foot = {
       attr: (t, l, c) => this.attr("foot", t, l, c),
       height: (t, l) => this.height("foot", t, l)
-    }, tt(this, Zr, [0]);
+    }, tt(this, Jr, [0]);
   }
   get row() {
     return f(this, hi);
@@ -27431,46 +27431,46 @@ class Dd {
   }
   // 1. 누적 높이 배열 갱신 (데이터가 로드되거나 변경될 때 호출 필요)
   updateCumulativeHeights() {
-    os.log("***********************====================="), os.log(f(this, Se).data), tt(this, Zr, [0]);
+    Wr.log("***********************====================="), Wr.log(f(this, Se).data), tt(this, Jr, [0]);
     let C = 0;
     const t = f(this, Se).data.count();
     for (let l = 0; l < t; l++) {
       let c = 0;
       for (let o = 0; o < f(this, Se).template.length; o++)
         c += this.getHeight(l * f(this, Se).template.length + o);
-      C += c, f(this, Zr).push(C);
+      C += c, f(this, Jr).push(C);
     }
-    os.log(f(this, Zr));
+    Wr.log(f(this, Jr));
   }
   // 2. 스크롤 위치에 따른 행 인덱스 및 오프셋 조회 (이진 탐색)
   getRowInfoAt(C) {
-    let t = 0, l = f(this, Zr).length - 2, c = 0;
+    let t = 0, l = f(this, Jr).length - 2, c = 0;
     for (; t <= l; ) {
       let o = Math.floor((t + l) / 2);
-      f(this, Zr)[o] <= C ? (c = o, t = o + 1) : l = o - 1;
+      f(this, Jr)[o] <= C ? (c = o, t = o + 1) : l = o - 1;
     }
     return {
       index: c,
-      offset: C - f(this, Zr)[c]
+      offset: C - f(this, Jr)[c]
     };
   }
 }
-Se = new WeakMap(), hi = new WeakMap(), bn = new WeakMap(), yn = new WeakMap(), vn = new WeakMap(), Zr = new WeakMap(), ci = new WeakMap();
-var Jr, Qr;
+Se = new WeakMap(), hi = new WeakMap(), bn = new WeakMap(), yn = new WeakMap(), vn = new WeakMap(), Jr = new WeakMap(), ci = new WeakMap();
+var Qr, ts;
 class Bd extends HTMLElement {
   constructor() {
     super();
-    Y(this, Jr);
     Y(this, Qr);
+    Y(this, ts);
     it(this, "popup", () => {
       setTimeout(() => {
-        f(this, Qr).data.assign(f(this, Jr).data.get()), this.shadowRoot.querySelector("dialog").showModal();
+        f(this, ts).data.assign(f(this, Qr).data.get()), this.shadowRoot.querySelector("dialog").showModal();
       }, 100);
     });
     this.attachShadow({ mode: "open" });
   }
   connectedCallback() {
-    tt(this, Jr, this.getRootNode().host), this.shadowRoot.innerHTML = `
+    tt(this, Qr, this.getRootNode().host), this.shadowRoot.innerHTML = `
 			<style>
 				@import "https://cdn.jsdelivr.net/npm/ninegrid2@${H.version}/dist/css/ninegrid.css";
 				:host {
@@ -27482,27 +27482,27 @@ class Bd extends HTMLElement {
 			</style>
 			
 			<nx-dialog>
-				${f(this, Jr).originFormat}
+				${f(this, Qr).originFormat}
 			</nx-dialog>
-		`, tt(this, Qr, this.shadowRoot.querySelector("nine-grid")), f(this, Qr).removeAttribute("display-row-count"), $(".reset", this.shadowRoot).on("click", (t) => {
-      f(this, Qr).data.assign(f(this, Jr).data.get());
+		`, tt(this, ts, this.shadowRoot.querySelector("nine-grid")), f(this, ts).removeAttribute("display-row-count"), $(".reset", this.shadowRoot).on("click", (t) => {
+      f(this, ts).data.assign(f(this, Qr).data.get());
     }), $(".apply", this.shadowRoot).on("click", (t) => {
-      var l = f(this, Qr).data.getChangedData();
-      f(this, Jr).data.add(l.insert);
+      var l = f(this, ts).data.getChangedData();
+      f(this, Qr).data.add(l.insert);
       for (var c of l.update)
-        f(this, Jr).data.update(c);
+        f(this, Qr).data.update(c);
       for (var c of l.delete)
-        f(this, Jr).data.delete(c);
-      f(this, Qr).data.changeRowState();
+        f(this, Qr).data.delete(c);
+      f(this, ts).data.changeRowState();
     }), this.shadowRoot.addEventListener("click", (t) => {
-      f(this, Qr).data.isChanged() && (t.stopImmediatePropagation(), H.confirm(`There is changed data.
+      f(this, ts).data.isChanged() && (t.stopImmediatePropagation(), H.confirm(`There is changed data.
 Do you want to save it?`, "SAVE", { class: "rgb", "true-text": "Yes", "false-text": "No" }).then((l) => {
         l && $(".apply", this.shadowRoot).trigger("click"), this.shadowRoot.querySelector("nx-dialog").close();
       }));
     });
   }
 }
-Jr = new WeakMap(), Qr = new WeakMap();
+Qr = new WeakMap(), ts = new WeakMap();
 customElements.get("ng-max-popup") || customElements.define("ng-max-popup", Bd);
 var Lt, ea, Ph;
 class Fd extends HTMLElement {
@@ -28326,28 +28326,28 @@ class Gd extends Mr {
   }
 }
 pa = new WeakMap(), Wh = new WeakMap();
-var ur, ts, ma, mr, Hs, mi, mu, es, Xh, Yh, Gh, ga, ba, ya, Kh;
+var ur, es, ma, mr, Hs, mi, mu, rs, Xh, Yh, Gh, ga, ba, ya, Kh;
 class Kd extends HTMLElement {
   constructor() {
     super();
     Y(this, ur);
-    Y(this, ts);
+    Y(this, es);
     Y(this, ma);
     Y(this, mr);
     Y(this, Hs);
     Y(this, mi);
     Y(this, mu);
-    Y(this, es);
+    Y(this, rs);
     Y(this, Xh);
     Y(this, Yh, () => {
       if (f(this, ur)) {
         var t = f(this, ur).querySelector("div.resizer-row-panel");
         t ? tt(this, mr, $(t)) : (tt(this, mr, $('<div class="resizer-row-panel"><div class="grip"></div><div class="tooltip"><div></div><span></span><div></div></div></div>').hide()), $(f(this, ur).body).append(f(this, mr))), tt(this, Hs, $(".grip", f(this, mr))), tt(this, mi, $(".tooltip", f(this, mr))), $(this).on("mousedown", (l) => {
-          H.j.querySelectorAll(f(this, ts).closest("tbody")).hasClass("fixed") || tt(this, ma, setTimeout(() => {
+          H.j.querySelectorAll(f(this, es).closest("tbody")).hasClass("fixed") || tt(this, ma, setTimeout(() => {
             f(this, Gh).call(this, l);
           }, 500));
         }).on("dblclick", (l) => {
-          H.j.querySelectorAll(f(this, ts).closest("tbody")).hasClass("fixed") || f(this, Kh).call(this, l);
+          H.j.querySelectorAll(f(this, es).closest("tbody")).hasClass("fixed") || f(this, Kh).call(this, l);
         }), $(document).on("mouseup", (l) => {
           clearTimeout(f(this, ma));
         });
@@ -28356,34 +28356,34 @@ class Kd extends HTMLElement {
     Y(this, Gh, (t) => {
       if (!(t.buttons != 1 || t.altKey || t.ctrlKey || t.shiftkey)) {
         var l = parseInt(t.target.getAttribute("rowIndex"));
-        l < 0 || (f(this, ts).busy = !0, tt(this, Xh, t.target), tt(this, es, $(".ng-container-body table tbody.bindable tr", f(this, ur).body).eq(l)), f(this, mr).show(), f(this, Hs).width(f(this, ur).body.querySelector(".ng-container").offsetWidth), f(this, ya).call(this, t.pageY), $(f(this, mr)).on("mousemove", f(this, ga)), $(f(this, mr)).on("mouseup", f(this, ba)));
+        l < 0 || (f(this, es).busy = !0, tt(this, Xh, t.target), tt(this, rs, $(".ng-container-body table tbody.bindable tr", f(this, ur).body).eq(l)), f(this, mr).show(), f(this, Hs).width(f(this, ur).body.querySelector(".ng-container").offsetWidth), f(this, ya).call(this, t.pageY), $(f(this, mr)).on("mousemove", f(this, ga)), $(f(this, mr)).on("mouseup", f(this, ba)));
       }
     });
     Y(this, ga, (t) => {
       t.altKey || t.ctrlKey || t.shiftKey || f(this, ya).call(this, t.pageY);
     });
     Y(this, ba, (t) => {
-      var l = f(this, Hs).offset().top - f(this, es).offset().top;
-      l <= 1 && (l = 0), l = f(this, ur).tableUtils.height(f(this, es)[0].sectionRowIndex, l);
-      var c = parseInt(f(this, es)[0].dataset.row * f(this, ur).template.length + f(this, es)[0].sectionRowIndex % f(this, ur).template.length);
-      f(this, ur).matrix.setHeight(c, l), f(this, ts).querySelector("ng-row-indicator").refresh(), $(f(this, mr)).off("mousemove", f(this, ga)), $(f(this, mr)).off("mouseup", f(this, ba)), f(this, mr).hide(), f(this, ur).view.redraw(), f(this, ts).busy = !1;
+      var l = f(this, Hs).offset().top - f(this, rs).offset().top;
+      l <= 1 && (l = 0), l = f(this, ur).tableUtils.height(f(this, rs)[0].sectionRowIndex, l);
+      var c = parseInt(f(this, rs)[0].dataset.row * f(this, ur).template.length + f(this, rs)[0].sectionRowIndex % f(this, ur).template.length);
+      f(this, ur).matrix.setHeight(c, l), f(this, es).querySelector("ng-row-indicator").refresh(), $(f(this, mr)).off("mousemove", f(this, ga)), $(f(this, mr)).off("mouseup", f(this, ba)), f(this, mr).hide(), f(this, ur).view.redraw(), f(this, es).busy = !1;
     });
     Y(this, ya, (t) => {
       var l = $(".ng-container-body table tbody.bindable", f(this, ur).body);
       if (!(t < l.offset().top)) {
         f(this, Hs).offset({ top: t });
-        var c = parseInt(f(this, Hs).offset().top), o = parseInt(c - f(this, es).offset().top);
-        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);
+        var c = parseInt(f(this, Hs).offset().top), o = parseInt(c - f(this, rs).offset().top);
+        o <= 1 && (o = 0), f(this, mi).height(o), f(this, mi).offset({ top: f(this, rs).offset().top - 1 }), f(this, mi).find("span").text(o);
       }
     });
     Y(this, Kh, (t) => {
     });
   }
   connectedCallback() {
-    tt(this, ts, this.cell), tt(this, ur, f(this, ts).getRootNode().host), this.setAttribute("class", "row-resizer"), f(this, Yh).call(this);
+    tt(this, es, this.cell), tt(this, ur, f(this, es).getRootNode().host), this.setAttribute("class", "row-resizer"), f(this, Yh).call(this);
   }
 }
-ur = new WeakMap(), ts = new WeakMap(), ma = new WeakMap(), mr = new WeakMap(), Hs = new WeakMap(), mi = new WeakMap(), mu = new WeakMap(), es = new WeakMap(), Xh = new WeakMap(), Yh = new WeakMap(), Gh = new WeakMap(), ga = new WeakMap(), ba = new WeakMap(), ya = new WeakMap(), Kh = new WeakMap();
+ur = new WeakMap(), es = new WeakMap(), ma = new WeakMap(), mr = new WeakMap(), Hs = new WeakMap(), mi = new WeakMap(), mu = new WeakMap(), rs = new WeakMap(), Xh = new WeakMap(), Yh = new WeakMap(), Gh = new WeakMap(), ga = new WeakMap(), ba = new WeakMap(), ya = new WeakMap(), Kh = new WeakMap();
 customElements.get("ng-row-indicator") || customElements.define("ng-row-indicator", Gd);
 customElements.get("ng-row-resizer") || customElements.define("ng-row-resizer", Kd);
 var Zh;
@@ -28485,12 +28485,12 @@ class Qd extends Mr {
   }
 }
 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;
+var zt, ss, ge, gr, br, _n, Jh, Qh, va, tc, wa, xa, Sn, kn;
 class tf extends HTMLElement {
   constructor() {
     super();
     Y(this, zt);
-    Y(this, rs);
+    Y(this, ss);
     Y(this, ge);
     Y(this, gr);
     Y(this, br);
@@ -28561,9 +28561,9 @@ class tf extends HTMLElement {
       }), f(this, ge).top.ontouchend = f(this, ge).bottom.ontouchend = f(this, ge).track.ontouchend = f(this, ge).top.onmouseup = f(this, ge).top.onmouseleave = f(this, ge).bottom.onmouseup = f(this, ge).bottom.onmouseleave = f(this, ge).track.onmouseup = f(this, ge).track.onmouseleave = (l) => {
         clearInterval(f(this, gr)), clearInterval(f(this, br));
       }, $(f(this, ge).track).on("mousedown", f(this, va)), $(f(this, ge).track).on("touchstart", f(this, Qh)), $(f(this, ge).thumb).on("mousedown", f(this, xa)), $(f(this, ge).thumb).on("touchstart", f(this, tc)), document.addEventListener("mouseup", (l) => {
-        f(this, rs) && tt(this, rs, !1), document.removeEventListener("mousemove", f(this, Sn)), typeof this.onDragStop == "function" && this.onDragStop();
+        f(this, ss) && tt(this, ss, !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();
+        tt(this, ss, !1), document.removeEventListener("touchmove", f(this, wa)), typeof this.onDragStop == "function" && this.onDragStop();
       });
     });
     Y(this, Qh, (t) => {
@@ -28571,7 +28571,7 @@ class tf extends HTMLElement {
       t.offsetX = t.targetTouches[0].pageX - l.left, t.offsetY = t.targetTouches[0].pageY - l.top, t.pageX = t.changedTouches[0].pageX, t.pageY = t.changedTouches[0].pageY, t.clientX = t.changedTouches[0].clientX, t.clientY = t.changedTouches[0].clientY, t.buttons = 1, f(this, va).call(this, t);
     });
     Y(this, va, (t) => {
-      if (!f(this, rs) && !(t.buttons != 1 || t.altKey || t.ctrlKey || t.shiftKey)) {
+      if (!f(this, ss) && !(t.buttons != 1 || t.altKey || t.ctrlKey || t.shiftKey)) {
         t.preventDefault();
         var l = f(this, ge).thumb.getBoundingClientRect();
         clearInterval(f(this, gr)), clearInterval(f(this, br)), t.clientY > l.y ? f(this, zt).pageDown() : f(this, zt).pageUp(), tt(this, gr, setInterval(() => {
@@ -28596,11 +28596,11 @@ class tf extends HTMLElement {
       t.offsetX = t.targetTouches[0].pageX - l.left, t.offsetY = t.targetTouches[0].pageY - l.top, t.pageX = t.changedTouches[0].pageX, t.pageY = t.changedTouches[0].pageY, t.clientX = t.changedTouches[0].clientX, t.clientY = t.changedTouches[0].clientY, t.buttons = 1, f(this, Sn).call(this, t);
     });
     Y(this, xa, (t) => {
-      tt(this, 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();
+      tt(this, ss, !0), this.shiftY = t.offsetY + f(this, ge).track.getBoundingClientRect().y, this.trackHeight = $(f(this, ge).track).height(), this.thumbHeight = $(f(this, ge).thumb).height(), this.nodataHeight = $(".ng-container .ng-table tr.nodata", f(this, 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, Sn, (t) => {
-      if (!f(this, rs)) return;
-      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));
+      if (!f(this, ss)) return;
+      t.preventDefault(), Wr.log("#thumb_onMouseMove"), 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");
@@ -28625,10 +28625,10 @@ class tf extends HTMLElement {
       thumb: this.shadowRoot.querySelector(".ng-scroll-thumb"),
       top: this.shadowRoot.querySelector(".ng-scroll-top"),
       bottom: this.shadowRoot.querySelector(".ng-scroll-bottom")
-    }), f(this, rs), this.shiftX, f(this, Jh).call(this));
+    }), f(this, ss), this.shiftX, f(this, Jh).call(this));
   }
 }
-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();
+zt = new WeakMap(), ss = new WeakMap(), ge = new WeakMap(), gr = new WeakMap(), br = new WeakMap(), _n = new WeakMap(), Jh = new WeakMap(), Qh = new WeakMap(), va = new WeakMap(), tc = new WeakMap(), wa = new WeakMap(), xa = new WeakMap(), Sn = new WeakMap(), kn = new WeakMap();
 var Ze, gs, ae, Ur, Vr, zs, ec, _a, rc, Sa, sc, ka, Ca, Cn;
 class ef extends HTMLElement {
   constructor() {
@@ -28755,16 +28755,16 @@ class ef extends HTMLElement {
 Ze = new WeakMap(), gs = new WeakMap(), ae = new WeakMap(), Ur = new WeakMap(), Vr = new WeakMap(), zs = new WeakMap(), ec = new WeakMap(), _a = new WeakMap(), rc = new WeakMap(), Sa = new WeakMap(), sc = new WeakMap(), ka = new WeakMap(), Ca = new WeakMap(), Cn = new WeakMap();
 customElements.get("ng-hscrollbar") || customElements.define("ng-hscrollbar", ef);
 customElements.get("ng-vscrollbar") || customElements.define("ng-vscrollbar", tf);
-var Ue, ss, Ea, Aa, Ta, ic, nc;
+var Ue, is, Ea, Aa, Ta, ic, nc;
 class rf {
   constructor(C) {
     Y(this, Ue);
-    Y(this, ss);
+    Y(this, is);
     it(this, "initialize", () => {
       f(this, Aa).call(this), f(this, Ea).call(this);
     });
     Y(this, Ea, () => {
-      tt(this, ss, []), $(".ng-table thead", f(this, Ue).body).off("click", "th,td", f(this, Ta)), $(".ng-table thead", f(this, Ue).body).on("click", "th,td", f(this, Ta));
+      tt(this, is, []), $(".ng-table thead", f(this, Ue).body).off("click", "th,td", f(this, Ta)), $(".ng-table thead", f(this, Ue).body).on("click", "th,td", f(this, Ta));
     });
     /**
      * 정렬상태 초기화
@@ -28793,10 +28793,10 @@ class rf {
       $(f(this, Ue).template).find(`[data-col="${l}"]`).each((r, n) => {
         if (n.dataset.bind)
           return o = n.dataset.bind, n.dataset.expr && (c = f(this, Ue).exprFunction(n.dataset.expr)), !1;
-      }), o && (!C.ctrlKey && !C.shiftKey && (H.j.querySelectorAll(`thead th:not([data-col="${l}"],thead td:not([data-col="${l}"])`, f(this, Ue).body).removeClass("asc").removeClass("desc"), f(this, ss).splice(0, f(this, ss).length)), H.removeIf(f(this, ss), (r) => r.colnm == o), !H.j.querySelectorAll(t).hasClass("asc") && !H.j.querySelectorAll(t).hasClass("desc") ? (H.j.querySelectorAll(t).removeClass("desc").addClass("asc"), f(this, ss).push({ colnm: o, asc: !0, "expr-func": c })) : H.j.querySelectorAll(t).hasClass("asc") ? (H.j.querySelectorAll(t).removeClass("asc").addClass("desc"), f(this, ss).push({ colnm: o, asc: !1, "expr-func": c })) : H.j.querySelectorAll(t).removeClass("asc").removeClass("desc"), !H.j.querySelectorAll("thead th,thead td", f(this, Ue).body).hasClass("asc") && !H.j.querySelectorAll("thead th,thead td", f(this, Ue).body).hasClass("desc") ? f(this, Aa).call(this) : f(this, Ue).data.sort((r, n) => f(this, nc).call(this, r, n)), f(this, Ue).paging.type == H.PAGINGTYPE.CLIENT ? f(this, Ue).paging.movePage(1) : f(this, Ue).view.redraw());
+      }), o && (!C.ctrlKey && !C.shiftKey && (H.j.querySelectorAll(`thead th:not([data-col="${l}"],thead td:not([data-col="${l}"])`, f(this, Ue).body).removeClass("asc").removeClass("desc"), f(this, is).splice(0, f(this, is).length)), H.removeIf(f(this, is), (r) => r.colnm == o), !H.j.querySelectorAll(t).hasClass("asc") && !H.j.querySelectorAll(t).hasClass("desc") ? (H.j.querySelectorAll(t).removeClass("desc").addClass("asc"), f(this, is).push({ colnm: o, asc: !0, "expr-func": c })) : H.j.querySelectorAll(t).hasClass("asc") ? (H.j.querySelectorAll(t).removeClass("asc").addClass("desc"), f(this, is).push({ colnm: o, asc: !1, "expr-func": c })) : H.j.querySelectorAll(t).removeClass("asc").removeClass("desc"), !H.j.querySelectorAll("thead th,thead td", f(this, Ue).body).hasClass("asc") && !H.j.querySelectorAll("thead th,thead td", f(this, Ue).body).hasClass("desc") ? f(this, Aa).call(this) : f(this, Ue).data.sort((r, n) => f(this, nc).call(this, r, n)), f(this, Ue).paging.type == H.PAGINGTYPE.CLIENT ? f(this, Ue).paging.movePage(1) : f(this, Ue).view.redraw());
     });
     Y(this, nc, (C, t) => {
-      for (var l of f(this, ss))
+      for (var l of f(this, is))
         if (l["expr-func"]) {
           const c = f(this, Ue).data.conv(C), o = f(this, Ue).data.conv(t);
           if (l["expr-func"](c, c.__ng._[H.ROW.INDEX]) > l["expr-func"](o, o.__ng._[H.ROW.INDEX]))
@@ -28815,7 +28815,7 @@ class rf {
     tt(this, Ue, C), f(this, Ea).call(this);
   }
 }
-Ue = new WeakMap(), ss = new WeakMap(), Ea = new WeakMap(), Aa = new WeakMap(), Ta = new WeakMap(), ic = new WeakMap(), nc = new WeakMap();
+Ue = new WeakMap(), is = new WeakMap(), Ea = new WeakMap(), Aa = new WeakMap(), Ta = new WeakMap(), ic = new WeakMap(), nc = new WeakMap();
 var Gt, oc, Ra, Ma;
 class sf {
   constructor(C) {
@@ -29853,7 +29853,7 @@ class df extends HTMLElement {
 Ar = new WeakMap(), Xa = new WeakMap(), Ya = new WeakMap(), yc = new WeakMap(), vc = new WeakMap(), wc = new WeakMap(), xc = new WeakMap();
 customElements.get("ng-filter-button") || customElements.define("ng-filter-button", uf);
 customElements.get("ng-filter-panel") || customElements.define("ng-filter-panel", df);
-var Ga, vi, Ka, Tn, is, Za, Ja, _c, ys, Sc, Qa, kc, ns, Cc, tl, Ec, el, Xs, Ys;
+var Ga, vi, Ka, Tn, ns, Za, Ja, _c, ys, Sc, Qa, kc, os, Cc, tl, Ec, el, Xs, Ys;
 class Qc extends HTMLElement {
   constructor() {
     super();
@@ -29861,7 +29861,7 @@ class Qc extends HTMLElement {
     Y(this, vi);
     Y(this, Ka);
     Y(this, Tn);
-    Y(this, is);
+    Y(this, ns);
     it(this, "export", () => {
       const t = this.shadowRoot.querySelector("ng-export");
       t && t.remove();
@@ -29922,7 +29922,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, vi).resetEvent(), f(this, Ka).resetEvent(), f(this, Tn) && f(this, Tn).resetEvent(), this.sorting && this.sorting.initialize(), this.filtering && this.filtering.initialize(), this.pin && this.pin.initialize(), this.data.initialize(), setTimeout(() => {
+      $(".ng-container-left", this.body).children().remove(), $(".ng-container-right", this.body).children().remove(), $(".ng-container-body", this.body).children().remove(), $(".ng-container-body", this.shadowRoot).append(f(this, ns)[t]), f(this, tl).call(this), this.createTemplate(), f(this, Ja).call(this), this.resetTemplate(), f(this, Qa).call(this), this.cell.resetEvent(), this.touchEvent.resetEvent(), f(this, vi).resetEvent(), f(this, Ka).resetEvent(), f(this, Tn) && f(this, Tn).resetEvent(), this.sorting && this.sorting.initialize(), this.filtering && this.filtering.initialize(), this.pin && this.pin.initialize(), this.data.initialize(), setTimeout(() => {
         this.paging && this.paging.refresh(), this.scrollTo_V1(0);
       });
     });
@@ -29975,8 +29975,8 @@ class Qc extends HTMLElement {
       });
     });
     Y(this, Sc, () => {
-      if (os.log("1111111"), f(this, Ga)) return;
-      os.log("222222"), this.originFormat = this.outerHTML, this.uuid = H.randomUUID(), this.id || (this.id = this.uuid), $("table", this).each((r, n) => {
+      if (Wr.log("1111111"), f(this, Ga)) return;
+      Wr.log("222222"), this.originFormat = this.outerHTML, this.uuid = H.randomUUID(), this.id || (this.id = this.uuid), $("table", this).each((r, n) => {
         if ($("colgroup", n).length == 0) {
           var s = 0;
           $("tbody tr", n).eq(0).find("th,td").each((i, u) => {
@@ -30003,7 +30003,7 @@ class Qc extends HTMLElement {
             var p = `window["${this.id}"]["code${i}"]`;
             u.parentNode.setAttribute("data-source", p), h.dataset.expr = `ninegrid.binarySearchValue(${p}, "${m}", data["${h.dataset.bind}"].split("${b}"), "${d}")`;
           }
-        }), $(n).hide(), f(this, is).push(n), H.j.querySelectorAll(this).hasClass("simple") || f(this, Ec).call(this, n);
+        }), $(n).hide(), f(this, ns).push(n), H.j.querySelectorAll(this).hasClass("simple") || f(this, Ec).call(this, n);
       });
       const t = `
 			<style>
@@ -30037,20 +30037,20 @@ class Qc extends HTMLElement {
         const i = e.getAttribute("code") || "code", u = e.getAttribute("codename") || "codename", a = e.getAttribute("multi-separator") || ",";
         return H.binarySearchValue(e.dataSource, i, r[s.dataset.bind], u, a);
       };
-      for (const r of f(this, is))
+      for (const r of f(this, ns))
         $(H.j.querySelectorAll("tbody", r).addClass("bindable").elem()).before('<tbody class="fixed"></tbody>');
-      $(this.shadowRoot).append(t), $(".ng-container-body", this.shadowRoot).append(f(this, is)[0]), this.body = this.shadowRoot.querySelector(".ng-body"), this.querySelectorAll("nx-buttons *").forEach((r) => {
+      $(this.shadowRoot).append(t), $(".ng-container-body", this.shadowRoot).append(f(this, ns)[0]), this.body = this.shadowRoot.querySelector(".ng-body"), this.querySelectorAll("nx-buttons *").forEach((r) => {
         r.grid = this;
       }), $(this.shadowRoot.querySelector("ng-head").shadowRoot.querySelector("ng-custom")).append(this.querySelectorAll("nx-buttons")), f(this, 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 Uu(this), this.pin = new Jd(this), this.fields = new xd(this), this.cell = new Vu(this), this.touchEvent = new Gu(this), this.selection = new Yu(this), this.tables = new sf(this), this.dataManager = new dd(this), this.view = new hf(this), this.tableUtils = new nf(this), this.columns = new sd(this);
+      this.paging = l.shadowRoot.querySelector("ng-paging"), this.layout = l.shadowRoot.querySelector("ng-layout"), this.layout && this.layout.add(f(this, ns)), new Uu(this), this.pin = new Jd(this), this.fields = new xd(this), this.cell = new Vu(this), this.touchEvent = new Gu(this), this.selection = new Yu(this), this.tables = new sf(this), this.dataManager = new dd(this), this.view = new hf(this), this.tableUtils = new nf(this), this.columns = new sd(this);
       for (var c in this.dataManager)
         this.dataManager[c] instanceof Function && !["xxx"].includes(c) ? this[c] = this.dataManager[c].bind(this) : ["data", "row", "tree"].includes(c) && (this[c] = this.dataManager[c]);
       for (var c in this.tableUtils)
         ["columns"].includes(c) && (this[c] = this.tableUtils[c]);
       for (var c in this.cell)
         this.cell[c] instanceof Function && !["refresh"].includes(c) || ["xx"].includes(c) && (this[c] = this.cell[c]);
-      H.j.querySelectorAll(this).hasClass("simple") || (this.filtering = new cf(this)), !H.j.querySelectorAll(this).hasClass("combo") && !H.j.querySelectorAll(this).hasClass("filter") && $(this.shadowRoot).append($("<ng-combo-panel></ng-combo-panel").hide()), this.sorting = new rf(this), this.matrix = new Dd(this), os.log("==============================="), os.log(this, this.matrix), tt(this, vi, new rd(this)), tt(this, Ka, new ed(this)), H.j.querySelectorAll(this).hasClass("simple") || tt(this, Tn, new Xd(this)), f(this, Qa).call(this), this.refresh(), this.body.querySelector(".ng-container-body .nodata") && new ResizeObserver((r, n) => {
+      H.j.querySelectorAll(this).hasClass("simple") || (this.filtering = new cf(this)), !H.j.querySelectorAll(this).hasClass("combo") && !H.j.querySelectorAll(this).hasClass("filter") && $(this.shadowRoot).append($("<ng-combo-panel></ng-combo-panel").hide()), this.sorting = new rf(this), this.matrix = new Dd(this), Wr.log("==============================="), Wr.log(this, this.matrix), tt(this, vi, new rd(this)), tt(this, Ka, new ed(this)), H.j.querySelectorAll(this).hasClass("simple") || tt(this, Tn, new Xd(this)), f(this, Qa).call(this), this.refresh(), this.body.querySelector(".ng-container-body .nodata") && new ResizeObserver((r, n) => {
         this.body.querySelector("ng-vscrollbar").refresh();
       }).observe(this.body.querySelector(".ng-container-body .nodata")), !H.j.querySelectorAll(this).hasClass("filter") && !H.j.querySelectorAll(this).hasClass("combo") && ($(this.body).on("mousedown", (r) => {
         this.shadowRoot.querySelectorAll("ng-combo-panel,ng-filter-panel,ng-context-menu-panel").forEach((n) => {
@@ -30139,7 +30139,7 @@ class Qc extends HTMLElement {
         H.j.querySelectorAll(r).addClass("dummy");
       });
     });
-    Y(this, ns, (t, l) => {
+    Y(this, os, (t, l) => {
       var c = $(l + " tr", t), o = $(l + " th," + l + " td", t), r = c.length, n = 0;
       o.each((e, i) => {
         n += i.colSpan;
@@ -30198,13 +30198,13 @@ class Qc extends HTMLElement {
           c.style.height || (c.style.height = "32px");
         });
         var l = t.querySelector("thead");
-        l.length <= 0 && $("<thead></thead>").appendTo(t), H.j.querySelectorAll(t).attr("role", "table").addClass("ng-table"), H.j.querySelectorAll("tbody th,tbody td", t).attr("tabindex", 0), H.j.querySelectorAll("thead,tbody,tfoot", t).attr("role", "rowgroup"), H.j.querySelectorAll("tr", t).attr("role", "row"), H.j.querySelectorAll("tbody > tr", t).attr("role", "gridcell"), H.j.querySelectorAll("th,td", t).attr("scope", "col"), f(this, ns).call(this, $(t), "thead"), f(this, ns).call(this, $(t), "tbody.bindable"), f(this, ns).call(this, $(t), "tbody.fixed"), f(this, ns).call(this, $(t), "tfoot"), f(this, Cc).call(this), t.querySelectorAll("col").forEach((c, o) => {
+        l.length <= 0 && $("<thead></thead>").appendTo(t), H.j.querySelectorAll(t).attr("role", "table").addClass("ng-table"), H.j.querySelectorAll("tbody th,tbody td", t).attr("tabindex", 0), H.j.querySelectorAll("thead,tbody,tfoot", t).attr("role", "rowgroup"), H.j.querySelectorAll("tr", t).attr("role", "row"), H.j.querySelectorAll("tbody > tr", t).attr("role", "gridcell"), H.j.querySelectorAll("th,td", t).attr("scope", "col"), f(this, os).call(this, $(t), "thead"), f(this, os).call(this, $(t), "tbody.bindable"), f(this, os).call(this, $(t), "tbody.fixed"), f(this, os).call(this, $(t), "tfoot"), f(this, Cc).call(this), t.querySelectorAll("col").forEach((c, o) => {
           H.j.querySelectorAll(`[data-col="${o}"]`, t).attr("fixed", H.j.querySelectorAll(c).attr("fixed"));
         });
       }
     });
     Y(this, Ec, (t) => {
-      f(this, ns).call(this, t, "thead"), f(this, ns).call(this, t, "tbody"), f(this, ns).call(this, t, "tfoot"), $("colgroup col[fixed=left]", t).index($(".dummy[fixed=left]", t)), $("tr", t).each((l, c) => {
+      f(this, os).call(this, t, "thead"), f(this, os).call(this, t, "tbody"), f(this, os).call(this, t, "tfoot"), $("colgroup col[fixed=left]", t).index($(".dummy[fixed=left]", t)), $("tr", t).each((l, c) => {
       }), $("colgroup", t).prepend('<col width="0" fixed="left" class="first" />'), $("tr", t).each((l, c) => {
         $(c).prepend('<td class="first"></td>');
       }), $("colgroup", t).append('<col width="0" fixed="right" class="last" />'), $("tr", t).each((l, c) => {
@@ -30308,7 +30308,7 @@ class Qc extends HTMLElement {
     it(this, "scrollLast", () => {
       this.scrollTo(this.data.count() - 1);
     });
-    this.attachShadow({ mode: "open" }), H.extendElementPrototype(), tt(this, is, []), this.refreshBindRows = () => {
+    this.attachShadow({ mode: "open" }), H.extendElementPrototype(), tt(this, ns, []), this.refreshBindRows = () => {
       this.bindRows = [], this.bindMatrixRows = [], H.j.querySelectorAll(".ng-container tbody.bindable tr:not(.nodata)", this.body).elements.forEach((o) => {
         this.bindRows.push(parseInt(o.dataset.row)), this.bindMatrixRows.push(parseInt(o.dataset.matrixRow));
       }), this.bindRows = [...new Set(this.bindRows)], this.bindMatrixRows = [...new Set(this.bindMatrixRows)];
@@ -30352,7 +30352,7 @@ class Qc extends HTMLElement {
     }, 300);
   }
   get layouts() {
-    return f(this, is);
+    return f(this, ns);
   }
   attributeChangedCallback(t, l, c) {
     switch (t) {
@@ -30408,7 +30408,7 @@ class Qc extends HTMLElement {
     return Math.max.apply(null, f(this, el).call(this));
   }
 }
-Ga = new WeakMap(), vi = new WeakMap(), Ka = new WeakMap(), Tn = new WeakMap(), is = new WeakMap(), Za = new WeakMap(), Ja = new WeakMap(), _c = new WeakMap(), ys = new WeakMap(), Sc = new WeakMap(), Qa = new WeakMap(), kc = new WeakMap(), ns = new WeakMap(), Cc = new WeakMap(), tl = new WeakMap(), Ec = new WeakMap(), el = new WeakMap(), Xs = new WeakMap(), Ys = new WeakMap(), it(Qc, "observedAttributes", ["lang", "caption", "display-row-count", "row-resizable", "col-indicator-type", "auto-fit-col", "enable-fixed-col", "select-type", "paging-type", "paging-count", "show-menu-icon", "show-title-bar", "show-tfoot", "show-status-bar"]);
+Ga = new WeakMap(), vi = new WeakMap(), Ka = new WeakMap(), Tn = new WeakMap(), ns = new WeakMap(), Za = new WeakMap(), Ja = new WeakMap(), _c = new WeakMap(), ys = new WeakMap(), Sc = new WeakMap(), Qa = new WeakMap(), kc = new WeakMap(), os = new WeakMap(), Cc = new WeakMap(), tl = new WeakMap(), Ec = new WeakMap(), el = new WeakMap(), Xs = new WeakMap(), Ys = new WeakMap(), it(Qc, "observedAttributes", ["lang", "caption", "display-row-count", "row-resizable", "col-indicator-type", "auto-fit-col", "enable-fixed-col", "select-type", "paging-type", "paging-count", "show-menu-icon", "show-title-bar", "show-tfoot", "show-status-bar"]);
 customElements.get("nine-grid") || customElements.define("nine-grid", Qc);
 class ff extends Qc {
   constructor() {