@ninebone/grid 0.0.12 → 0.0.13

package/dist/nine-grid.js

@@ -78,7 +78,7 @@ customElements.get("nx-confirm-popup") || customElements.define("nx-confirm-popu
 customElements.get("nx-alert-popup") || customElements.define("nx-alert-popup", Dl);
 const St = class St {
   constructor() {
-    console.log(`welcome nine-table@${St.version}`, window.location.hostname);
+    console.log(`welcome nine-grid@${St.version}`, window.location.hostname);
   }
   static extendElementPrototype() {
     "isHidden" in Element.prototype || Object.defineProperty(Element.prototype, "isHidden", {
@@ -278,7 +278,7 @@ it(St, "ROW", {
   if (nine.cssPath)
     return `@import "${nine.cssPath}/ninegrid/${t}"`;
   let l, c;
-  return C.tagName == "NINE-TABLE" ? c = C : (c = C.getRootNode().host, c && c.tagName != "NINE-TABLE" && (c = c.getRootNode().host)), c && c.tagName == "NINE-TABLE" && (l = c.getAttribute("css-path")), l || (l = St.cssPath), l ? `@import "${l}/${t}";` : "";
+  return C.tagName == "NINE-GRID" ? c = C : (c = C.getRootNode().host, c && c.tagName != "NINE-GRID" && (c = c.getRootNode().host)), c && c.tagName == "NINE-GRID" && (l = c.getAttribute("css-path")), l || (l = St.cssPath), l ? `@import "${l}/${t}";` : "";
 }), it(St, "closest", (C, t) => {
   let l = t;
   for (; l; ) {
@@ -446,7 +446,7 @@ it(St, "ROW", {
   updateContent: () => {
     St.querySelectorAll("nx-i18n,nx-span").forEach((C) => {
       C.refresh && C.refresh();
-    }), St.querySelectorAll("nine-table").forEach((C) => {
+    }), St.querySelectorAll("nine-grid").forEach((C) => {
       C.refresh && C.refreshData();
     });
   },
@@ -648,6 +648,14 @@ class Du extends HTMLElement {
   }
 }
 customElements.get("nine-grid4") || customElements.define("nine-grid4", Du);
+class Bu 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", Bu);
 var Xn, Yn, Gn, os, Bl;
 class Mr extends HTMLElement {
   constructor() {
@@ -781,7 +789,7 @@ class Mr extends HTMLElement {
   }
   connectedCallback() {
     let t = this.getRootNode().host;
-    if (t && t.tagName != "NINE-TABLE" && (t = t.getRootNode().host), this.owner = t && t.tagName == "NINE-TABLE" ? t : null, this.cell = this.closest("th,td"), this.cell && this.shadowRoot) {
+    if (t && t.tagName != "NINE-GRID" && (t = t.getRootNode().host), this.owner = t && t.tagName == "NINE-GRID" ? t : null, this.cell = this.closest("th,td"), this.cell && this.shadowRoot) {
       tt(this, Xn, this.getAttribute("show-icon") == "true" || this.cell.getAttribute("show-icon") == "true"), tt(this, Yn, this.getAttribute("show-check") == "true" || this.cell.getAttribute("show-check") == "true"), tt(this, Gn, this.getAttribute("show-button") == "true" || this.cell.getAttribute("show-button") == "true"), this.cell.dataset.bind && H.j.querySelectorAll(this).addClass(this.cell.dataset.bind);
       const c = this.shadowRoot.querySelector("style"), o = this.getAttribute("text-align") || this.cell.getAttribute("text-align") || "left";
       if (H.j.querySelectorAll(this).addClass(`ng-${o}`), f(this, Xn)) {
@@ -879,7 +887,7 @@ class Si extends Mr {
   }
 }
 var ks;
-class Bu extends Mr {
+class Fu extends Mr {
   constructor() {
     super();
     Y(this, ks);
@@ -911,9 +919,9 @@ class Bu extends Mr {
   }
 }
 ks = new WeakMap();
-customElements.get("ng-button") || customElements.define("ng-button", Bu);
+customElements.get("ng-button") || customElements.define("ng-button", Fu);
 var Ve, Fl, ql, Hl, zl;
-class Fu {
+class qu {
   constructor(C) {
     Y(this, Ve);
     Y(this, Fl, (C) => {
@@ -961,8 +969,8 @@ class Fu {
   }
 }
 Ve = new WeakMap(), Fl = new WeakMap(), ql = new WeakMap(), Hl = new WeakMap(), zl = new WeakMap();
-var Xt, Ul, Ri, Cs, Es, Mi, As, Ii, Kn, Ni, Oi, lr, Su, ku, Hu, Cu, Eu, Au, zu, Tu, Js, ji, Zn, Jn, Qn, to;
-class qu {
+var Xt, Ul, Ri, Cs, Es, Mi, As, Ii, Kn, Ni, Oi, lr, Su, ku, zu, Cu, Eu, Au, Uu, Tu, Js, ji, Zn, Jn, Qn, to;
+class Hu {
   constructor(C) {
     Y(this, lr);
     Y(this, Xt);
@@ -1146,7 +1154,7 @@ Xt = new WeakMap(), Ul = new WeakMap(), Ri = new WeakMap(), Cs = new WeakMap(),
   return f(this, Es);
 }, ku = function(C) {
   tt(this, Cs, f(this, Es)), tt(this, Es, parseInt(C));
-}, Hu = function() {
+}, zu = function() {
   return f(this, Ii);
 }, Cu = function(C) {
   tt(this, Kn, f(this, Ii)), tt(this, Ii, parseInt(C));
@@ -1154,13 +1162,13 @@ Xt = new WeakMap(), Ul = new WeakMap(), Ri = new WeakMap(), Cs = new WeakMap(),
   return f(this, As);
 }, Au = function(C) {
   tt(this, Mi, f(this, As)), tt(this, As, parseInt(C));
-}, zu = function() {
+}, Uu = function() {
   return f(this, Oi);
 }, Tu = function(C) {
   tt(this, Ni, f(this, Oi)), tt(this, Oi, C);
 }, Js = new WeakMap(), ji = new WeakMap(), Zn = new WeakMap(), Jn = new WeakMap(), Qn = new WeakMap(), to = new WeakMap();
 var kt, wr, $i, Vl, eo;
-class Uu {
+class Vu {
   constructor(C) {
     Y(this, kt);
     Y(this, wr);
@@ -1400,7 +1408,7 @@ class Uu {
 }
 kt = new WeakMap(), wr = new WeakMap(), $i = new WeakMap(), Vl = new WeakMap(), eo = new WeakMap();
 var Ot, as, ro, so, io, Ir, no, oo, cr, ao, Wl, Xl, Yl, Gl, Kl, Zl, lo, ho, co, uo;
-class Vu {
+class Wu {
   constructor(C) {
     Y(this, Ot);
     Y(this, as);
@@ -1560,7 +1568,7 @@ class Vu {
 }
 Ot = new WeakMap(), as = new WeakMap(), ro = new WeakMap(), so = new WeakMap(), io = new WeakMap(), Ir = new WeakMap(), no = new WeakMap(), oo = new WeakMap(), cr = new WeakMap(), ao = new WeakMap(), Wl = new WeakMap(), Xl = new WeakMap(), Yl = new WeakMap(), Gl = new WeakMap(), Kl = new WeakMap(), Zl = new WeakMap(), lo = new WeakMap(), ho = new WeakMap(), co = new WeakMap(), uo = new WeakMap();
 var Jl, Ql, Li, fo, Pi;
-class Wu extends Mr {
+class Xu extends Mr {
   constructor() {
     super();
     Y(this, Jl);
@@ -1642,9 +1650,9 @@ class Wu extends Mr {
   }
 }
 Jl = new WeakMap(), Ql = new WeakMap(), Li = new WeakMap(), fo = new WeakMap(), Pi = new WeakMap();
-customElements.get("ng-line-chart") || customElements.define("ng-line-chart", Wu);
+customElements.get("ng-line-chart") || customElements.define("ng-line-chart", Xu);
 var Di, Bi, po, Fi, qi;
-class Xu extends Si {
+class Yu extends Si {
   constructor() {
     super();
     Y(this, Di);
@@ -1708,9 +1716,9 @@ class Xu extends Si {
   }
 }
 Di = new WeakMap(), Bi = new WeakMap(), po = new WeakMap(), Fi = new WeakMap(), qi = new WeakMap();
-customElements.get("ng-checkbox") || customElements.define("ng-checkbox", Xu);
+customElements.get("ng-checkbox") || customElements.define("ng-checkbox", Yu);
 var Qs, Pr, mo, Hi, go, th;
-class Yu extends HTMLElement {
+class Gu extends HTMLElement {
   constructor() {
     super();
     Y(this, Qs);
@@ -1748,8 +1756,8 @@ class Yu extends HTMLElement {
   }
 }
 Qs = new WeakMap(), Pr = new WeakMap(), mo = new WeakMap(), Hi = new WeakMap(), go = new WeakMap(), th = new WeakMap();
-customElements.get("ng-col-expand") || customElements.define("ng-col-expand", Yu);
-class Gu extends HTMLElement {
+customElements.get("ng-col-expand") || customElements.define("ng-col-expand", Gu);
+class Ku extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
   }
@@ -1773,7 +1781,7 @@ class Gu extends HTMLElement {
 		`;
   }
 }
-class Ku extends HTMLElement {
+class Zu extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
   }
@@ -1823,10 +1831,10 @@ class Ku extends HTMLElement {
 		`;
   }
 }
-customElements.get("ng-col-mover-grip") || customElements.define("ng-col-mover-grip", Gu);
-customElements.get("ng-col-mover-indi") || customElements.define("ng-col-mover-indi", Ku);
+customElements.get("ng-col-mover-grip") || customElements.define("ng-col-mover-grip", Ku);
+customElements.get("ng-col-mover-indi") || customElements.define("ng-col-mover-indi", Zu);
 var we, Nr, Dr, bo, xr, zi, Br, yo, ou, vo, au, wo, xo, Ui, Vi, _o;
-class Zu {
+class Ju {
   constructor(C) {
     Y(this, we);
     Y(this, Nr);
@@ -1945,7 +1953,7 @@ class Zu {
 }
 we = new WeakMap(), Nr = new WeakMap(), Dr = new WeakMap(), bo = new WeakMap(), xr = new WeakMap(), zi = new WeakMap(), Br = new WeakMap(), yo = new WeakMap(), ou = new WeakMap(), vo = new WeakMap(), au = new WeakMap(), wo = new WeakMap(), xo = new WeakMap(), Ui = new WeakMap(), Vi = new WeakMap(), _o = new WeakMap();
 var Me, _r, Sr, Ts, Rs, Fr, kr, Ms, Is, So, ko, Co, lu, Eo, eh, Ao, Wi, Xi, Yi, ti, Gi, rh;
-class Ju {
+class Qu {
   constructor(C) {
     Y(this, Me);
     Y(this, _r);
@@ -2052,7 +2060,7 @@ class Ju {
 }
 Me = new WeakMap(), _r = new WeakMap(), Sr = new WeakMap(), Ts = new WeakMap(), Rs = new WeakMap(), Fr = new WeakMap(), kr = new WeakMap(), Ms = new WeakMap(), Is = new WeakMap(), So = new WeakMap(), ko = new WeakMap(), Co = new WeakMap(), lu = new WeakMap(), Eo = new WeakMap(), eh = new WeakMap(), Ao = new WeakMap(), Wi = new WeakMap(), Xi = new WeakMap(), Yi = new WeakMap(), ti = new WeakMap(), Gi = new WeakMap(), rh = new WeakMap();
 var ue, ei, Or, Ki, To, sh;
-class Qu {
+class td {
   constructor(C) {
     Y(this, ue);
     it(this, "count", () => f(this, ue).activeTmpl.querySelectorAll("[data-bind]").length);
@@ -2252,7 +2260,7 @@ class Qu {
 }
 ue = new WeakMap(), ei = new WeakMap(), Or = new WeakMap(), Ki = new WeakMap(), To = new WeakMap(), sh = new WeakMap();
 var ih, Zi, Le, rr, Ro, Ns, ri, Ji, nh, oh, ah, lh, hu;
-class td extends Si {
+class ed extends Si {
   constructor() {
     super();
     Y(this, ih, 10);
@@ -2338,7 +2346,7 @@ class td extends Si {
 }
 ih = new WeakMap(), Zi = new WeakMap(), Le = new WeakMap(), rr = new WeakMap(), Ro = new WeakMap(), Ns = new WeakMap(), ri = new WeakMap(), Ji = new WeakMap(), nh = new WeakMap(), oh = new WeakMap(), ah = new WeakMap(), lh = new WeakMap(), hu = new WeakMap();
 var Mo, Pe, Os, si, Qi, hh, Io, ch, No, tn, cu, uh, dh;
-class ed extends HTMLElement {
+class rd extends HTMLElement {
   constructor() {
     super();
     Y(this, Mo);
@@ -2353,13 +2361,13 @@ class ed extends HTMLElement {
       ["TH", "TD"].includes(t.target.tagName) && ["Enter"].includes(t.code) && (f(this, Pe).multi ? f(this, No).call(this, t) : f(this, tn).call(this, t));
     });
     Y(this, ch, (t) => {
-      var l = this.shadowRoot.querySelector("nine-table"), c = l.fields.indexOf("CHK");
+      var l = this.shadowRoot.querySelector("nine-grid"), c = l.fields.indexOf("CHK");
       l.data.getValidData().map((o) => {
         o.v[c] = $(t.target).prop("checked") ? "Y" : "N";
       }), l.refreshData();
     });
     Y(this, No, (t) => {
-      var l = this.shadowRoot.querySelector("nine-table"), c = l.data.getValidData();
+      var l = this.shadowRoot.querySelector("nine-grid"), c = l.data.getValidData();
       const o = l.fields.indexOf("CHK"), r = l.fields.indexOf(f(this, Os));
       var n = [];
       c.forEach((e) => {
@@ -2370,7 +2378,7 @@ class ed extends HTMLElement {
     });
     Y(this, tn, (t) => {
       if (t.target.tagName != "NG-CHECKBOX" && (t.preventDefault(), t.stopPropagation()), !f(this, Pe).multi) {
-        var l = this.shadowRoot.querySelector("nine-table"), c = t.target.closest("th,td");
+        var l = this.shadowRoot.querySelector("nine-grid"), c = t.target.closest("th,td");
         $(c).blur(), f(this, Pe).value = l.data.get(c.dataset.row)[f(this, Os)], this.row = this.col = -1, $(this).hide(), f(this, Pe).getRootNode().host.cell.currentCell = f(this, Pe).closest("th,td");
       }
     });
@@ -2378,7 +2386,7 @@ class ed extends HTMLElement {
       t.preventDefault(), t.stopPropagation(), $(this).hide();
     });
     Y(this, uh, (t) => {
-      var l = this.shadowRoot.querySelector("nine-table");
+      var l = this.shadowRoot.querySelector("nine-grid");
       H.j.querySelectorAll(l).addClass("loading");
       var c = l.data.getValidDataNF();
       c.map((r) => {
@@ -2399,7 +2407,7 @@ class ed extends HTMLElement {
       }, 200));
     });
     it(this, "refresh", (t, l, c, o) => {
-      var r = this.shadowRoot.querySelector("nine-table");
+      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, Os, c), $("th,td", r.template).each((i, u) => {
         $(u).hide();
       }), $("thead th", r).each((i, u) => {
@@ -2433,7 +2441,7 @@ class ed extends HTMLElement {
       }), $(".ng-table tbody", r.body).off("keydown", "th,td", f(this, Io)), $(".ng-table tbody", r.body).on("keydown", "th,td", f(this, Io));
     });
     Y(this, dh, () => {
-      var t = this.shadowRoot.querySelector("nine-table");
+      var t = this.shadowRoot.querySelector("nine-grid");
       $("col", t.body).each((o, r) => {
         r.setAttribute("width", "0");
       }), $("th", t.body).each((o, r) => {
@@ -2448,7 +2456,7 @@ class ed extends HTMLElement {
         c += parseInt(r.getAttribute("width"));
       }) : $(".ng-container-body col", t.body).each((o, r) => {
         c += parseInt(r.getAttribute("width"));
-      }), c < $(f(this, Pe)).width() && (c = $(f(this, Pe)).width() - 8), c > $(f(this, Pe).closest("nine-table")).width() && (c = $(f(this, Pe).closest("nine-table")).width()), $(this).css({
+      }), c < $(f(this, Pe)).width() && (c = $(f(this, Pe)).width() - 8), c > $(f(this, Pe).closest("nine-grid")).width() && (c = $(f(this, Pe).closest("nine-grid")).width()), $(this).css({
         width: c,
         "min-width": c
       }), $(".ng-container-body .ng-table", t.body).css({ left: 0 });
@@ -2456,7 +2464,7 @@ class ed extends HTMLElement {
     this.attachShadow({ mode: "open" });
   }
   connectedCallback() {
-    tt(this, Mo, this.getRootNode().host.closest("nine-table"));
+    tt(this, Mo, this.getRootNode().host.closest("nine-grid"));
     const t = f(this, Mo).getAttribute("css-path") || "";
     this.shadowRoot.innerHTML = `
 			<style>
@@ -2467,7 +2475,7 @@ class ed extends HTMLElement {
 			<div class="head">
 				<input type="text">
 			</div>
-			<nine-table class="simple combo" css-path="${t}" select-type="row" auto-fit-col="true">
+			<nine-grid class="simple combo" css-path="${t}" select-type="row" auto-fit-col="true">
 				<table>
 					<colgroup>
 						<col width="0" fixed="left" />
@@ -2500,7 +2508,7 @@ class ed extends HTMLElement {
 						</tr>
 					</tbody>
 				</table>
-			</nine-table>
+			</nine-grid>
 			<div>
 				<input id="chkAll" type="checkbox" checked><label for="chkAll">Select All</label>
 				<button id="btnOk">OK</button>
@@ -2509,10 +2517,10 @@ class ed extends HTMLElement {
   }
 }
 Mo = new WeakMap(), Pe = new WeakMap(), Os = new WeakMap(), si = new WeakMap(), Qi = new WeakMap(), hh = new WeakMap(), Io = new WeakMap(), ch = new WeakMap(), No = new WeakMap(), tn = new WeakMap(), cu = new WeakMap(), uh = new WeakMap(), dh = new WeakMap();
-customElements.get("ng-combo") || customElements.define("ng-combo", td);
-customElements.get("ng-combo-panel") || customElements.define("ng-combo-panel", ed);
+customElements.get("ng-combo") || customElements.define("ng-combo", ed);
+customElements.get("ng-combo-panel") || customElements.define("ng-combo-panel", rd);
 var en, Oo, rn, ii, sn, Wr, fh, jo, ph;
-class rd {
+class sd {
   constructor(C) {
     Y(this, en);
     Y(this, Oo);
@@ -2556,7 +2564,7 @@ class rd {
 }
 en = new WeakMap(), Oo = new WeakMap(), rn = new WeakMap(), ii = new WeakMap(), sn = new WeakMap(), Wr = new WeakMap(), fh = new WeakMap(), jo = new WeakMap(), ph = new WeakMap();
 var $o, mh;
-class sd extends HTMLElement {
+class id extends HTMLElement {
   constructor() {
     super();
     it(this, "init", (t) => {
@@ -2595,9 +2603,9 @@ class sd extends HTMLElement {
   }
 }
 $o = new WeakMap(), mh = new WeakMap();
-customElements.get("ng-context-menu-panel") || customElements.define("ng-context-menu-panel", sd);
+customElements.get("ng-context-menu-panel") || customElements.define("ng-context-menu-panel", id);
 var qr, Lo, gh, bh, yh;
-class id {
+class nd {
   /**
    * focus event, keyboard event, mouse event : common.js
    * 
@@ -2631,7 +2639,7 @@ class id {
 }
 qr = new WeakMap(), Lo = new WeakMap(), gh = new WeakMap(), bh = new WeakMap(), yh = new WeakMap();
 var Xr, Po, ls;
-class nd {
+class od {
   constructor(C) {
     Y(this, Xr);
     Y(this, Po);
@@ -2653,7 +2661,7 @@ class nd {
 }
 Xr = new WeakMap(), Po = new WeakMap(), ls = new WeakMap();
 var He, Ft, $e, Cr, ni, js, nn, Do, on, Bo, Fo, vh, qo, Ho, an, ln, zo, Uo, Vo;
-class od {
+class ad {
   constructor(C, t) {
     Y(this, He);
     Y(this, Ft);
@@ -3243,9 +3251,9 @@ class od {
   }
 }
 He = new WeakMap(), Ft = new WeakMap(), $e = new WeakMap(), Cr = new WeakMap(), ni = new WeakMap(), js = new WeakMap(), nn = new WeakMap(), Do = new WeakMap(), on = new WeakMap(), Bo = new WeakMap(), Fo = new WeakMap(), vh = new WeakMap(), qo = new WeakMap(), Ho = new WeakMap(), an = new WeakMap(), ln = new WeakMap(), zo = new WeakMap(), Uo = new WeakMap(), Vo = new WeakMap();
-class ad {
+class ld {
   constructor(C) {
-    this.owner = C, this.row = new nd(this), this.data = new od(C, this), this.setDataSource = (l) => {
+    this.owner = C, this.row = new od(this), this.data = new ad(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) => {
@@ -3298,7 +3306,7 @@ class ad {
       ["first", "last", "count", "add", "insert", "move", "delete"].includes(t) || (this.data[t] = this.row[t]);
   }
 }
-class ld extends HTMLElement {
+class hd extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
   }
@@ -3389,7 +3397,7 @@ class ld extends HTMLElement {
     });
   }
 }
-class hd extends HTMLElement {
+class cd extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
   }
@@ -3404,7 +3412,7 @@ class hd extends HTMLElement {
 		`;
   }
 }
-class cd extends HTMLElement {
+class ud extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
   }
@@ -3419,11 +3427,11 @@ class cd extends HTMLElement {
 		`;
   }
 }
-customElements.get("ng-expand-icon") || customElements.define("ng-expand-icon", ld);
-customElements.get("ng-expand-check") || customElements.define("ng-expand-check", hd);
-customElements.get("ng-expand-button") || customElements.define("ng-expand-button", cd);
+customElements.get("ng-expand-icon") || customElements.define("ng-expand-icon", hd);
+customElements.get("ng-expand-check") || customElements.define("ng-expand-check", cd);
+customElements.get("ng-expand-button") || customElements.define("ng-expand-button", ud);
 var pe = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function ud(mt) {
+function dd(mt) {
   return mt && mt.__esModule && Object.prototype.hasOwnProperty.call(mt, "default") ? mt.default : mt;
 }
 function Pl(mt) {
@@ -3432,7 +3440,7 @@ function Pl(mt) {
 var tu = { exports: {} };
 /*! ExcelJS 19-10-2023 */
 var _u;
-function dd() {
+function fd() {
   return _u || (_u = 1, (function(mt, C) {
     (function(t) {
       mt.exports = t();
@@ -26446,10 +26454,10 @@ use chrome, FireFox or Internet Explorer 11`);
     }));
   })(tu)), tu.exports;
 }
-var fd = dd();
-const pd = /* @__PURE__ */ ud(fd);
+var pd = fd();
+const md = /* @__PURE__ */ dd(pd);
 var Ie, Wo, hn, hs;
-class md {
+class gd {
   constructor(C, t) {
     Y(this, Ie);
     Y(this, Wo);
@@ -26540,7 +26548,7 @@ class md {
         });
       };
       $(f(this, hn)).html("generate..."), f(this, hs).setAttribute("max", f(this, Ie).data.count()), f(this, hs).setAttribute("value", 0);
-      const n = new pd.Workbook(), s = n.addWorksheet("Sheet1");
+      const n = new md.Workbook(), s = n.addWorksheet("Sheet1");
       var e = 0;
       s.getColumn(++e).width = 10, $(".col-indicator-rowgroup .col-indicator:not(.dummy)", f(this, Ie).body).not(".first").not(".last").each((p, m) => {
         if (p == 0) return !0;
@@ -26667,13 +26675,13 @@ class Ru extends HTMLElement {
 				</div>
 				<progress id="progress-bar" value="0" max="100">50%</progress>
 			</nx-dialog>
-		`, tt(this, oi, this.shadowRoot.querySelector("dialog")), tt(this, Xo, new md(f(this, cn), f(this, oi))), f(this, wh).call(this);
+		`, tt(this, oi, this.shadowRoot.querySelector("dialog")), tt(this, Xo, new gd(f(this, cn), f(this, oi))), f(this, wh).call(this);
   }
 }
 oi = new WeakMap(), cn = new WeakMap(), Xo = new WeakMap(), uu = new WeakMap(), du = new WeakMap(), wh = new WeakMap();
 customElements.get("ng-export") || customElements.define("ng-export", Ru);
 var Yo, nr, Go, xh;
-class gd {
+class bd {
   constructor(C) {
     Y(this, Yo);
     Y(this, nr);
@@ -26730,7 +26738,7 @@ class gd {
 }
 Yo = new WeakMap(), nr = new WeakMap(), Go = new WeakMap(), xh = new WeakMap();
 var _h;
-class bd extends HTMLElement {
+class yd extends HTMLElement {
   constructor() {
     super();
     Y(this, _h);
@@ -26750,7 +26758,7 @@ class bd extends HTMLElement {
 }
 _h = new WeakMap();
 var un, cs, Hr, us, Sh;
-class yd extends HTMLElement {
+class vd extends HTMLElement {
   constructor() {
     super();
     Y(this, un);
@@ -26794,10 +26802,10 @@ class yd extends HTMLElement {
   }
 }
 un = new WeakMap(), cs = new WeakMap(), Hr = new WeakMap(), us = new WeakMap(), Sh = new WeakMap();
-customElements.get("ng-layout") || customElements.define("ng-layout", yd);
-customElements.get("ng-foot") || customElements.define("ng-foot", bd);
+customElements.get("ng-layout") || customElements.define("ng-layout", vd);
+customElements.get("ng-foot") || customElements.define("ng-foot", yd);
 var Ko;
-class vd extends HTMLElement {
+class wd extends HTMLElement {
   constructor() {
     super();
     Y(this, Ko);
@@ -26818,7 +26826,7 @@ class vd extends HTMLElement {
 }
 Ko = new WeakMap();
 var dn;
-class wd extends HTMLElement {
+class xd extends HTMLElement {
   constructor() {
     super();
     Y(this, dn);
@@ -26832,7 +26840,7 @@ class wd extends HTMLElement {
 }
 dn = new WeakMap();
 var kh;
-class xd extends HTMLElement {
+class _d extends HTMLElement {
   constructor() {
     super();
     Y(this, kh);
@@ -26845,9 +26853,9 @@ class xd extends HTMLElement {
   }
 }
 kh = new WeakMap();
-customElements.get("ng-title") || customElements.define("ng-title", wd);
-customElements.get("ng-custom") || customElements.define("ng-custom", xd);
-customElements.get("ng-head") || customElements.define("ng-head", vd);
+customElements.get("ng-title") || customElements.define("ng-title", xd);
+customElements.get("ng-custom") || customElements.define("ng-custom", _d);
+customElements.get("ng-head") || customElements.define("ng-head", wd);
 class Kc extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
@@ -26879,7 +26887,7 @@ class Kc extends HTMLElement {
     });
   }
 }
-class _d extends Kc {
+class Sd extends Kc {
   constructor() {
     super();
   }
@@ -26904,7 +26912,7 @@ class _d extends Kc {
 		`, super.connectedCallback();
   }
 }
-class Sd extends Kc {
+class kd extends Kc {
   constructor() {
     super();
   }
@@ -26922,7 +26930,7 @@ class Sd extends Kc {
 		`, super.connectedCallback();
   }
 }
-class kd extends Kc {
+class Cd extends Kc {
   constructor() {
     super();
   }
@@ -26940,7 +26948,7 @@ class kd extends Kc {
 		`, super.connectedCallback();
   }
 }
-class Cd extends Kc {
+class Ed extends Kc {
   constructor() {
     super();
   }
@@ -26959,12 +26967,12 @@ class Cd extends Kc {
 		`, super.connectedCallback();
   }
 }
-customElements.get("ng-check") || customElements.define("ng-check", _d);
-customElements.get("ng-rect") || customElements.define("ng-rect", Sd);
-customElements.get("ng-circle") || customElements.define("ng-circle", kd);
-customElements.get("ng-sphere") || customElements.define("ng-sphere", Cd);
+customElements.get("ng-check") || customElements.define("ng-check", Sd);
+customElements.get("ng-rect") || customElements.define("ng-rect", kd);
+customElements.get("ng-circle") || customElements.define("ng-circle", Cd);
+customElements.get("ng-sphere") || customElements.define("ng-sphere", Ed);
 var $s;
-class Ed extends Mr {
+class Ad extends Mr {
   //#src;
   constructor() {
     super();
@@ -27006,7 +27014,7 @@ class Ed extends Mr {
 }
 $s = new WeakMap();
 var fn, Ch;
-class Ad extends Mr {
+class Td extends Mr {
   constructor() {
     super();
     Y(this, fn);
@@ -27045,10 +27053,10 @@ class Ad extends Mr {
   }
 }
 fn = new WeakMap(), Ch = new WeakMap();
-customElements.get("ng-img") || customElements.define("ng-img", Ed);
-customElements.get("ng-svg") || customElements.define("ng-svg", Ad);
+customElements.get("ng-img") || customElements.define("ng-img", Ad);
+customElements.get("ng-svg") || customElements.define("ng-svg", Td);
 var Eh, Ah, Th, Rh, Mh;
-class Td {
+class Rd {
   constructor(C) {
     Y(this, Eh);
     it(this, "importExcel", () => {
@@ -27088,7 +27096,7 @@ class Td {
 }
 Eh = new WeakMap(), Ah = new WeakMap(), Th = new WeakMap(), Rh = new WeakMap(), Mh = new WeakMap();
 var Zo, pn, Ih, Jo;
-class Rd extends HTMLElement {
+class Md extends HTMLElement {
   constructor() {
     super();
     Y(this, Zo);
@@ -27131,9 +27139,9 @@ class Rd extends HTMLElement {
   }
 }
 Zo = new WeakMap(), pn = new WeakMap(), Ih = new WeakMap(), Jo = new WeakMap();
-customElements.get("ng-info") || customElements.define("ng-info", Rd);
+customElements.get("ng-info") || customElements.define("ng-info", Md);
 var Yr, Nh;
-class Md extends Si {
+class Id extends Si {
   constructor() {
     super();
     Y(this, Yr);
@@ -27171,9 +27179,9 @@ class Md extends Si {
   }
 }
 Yr = new WeakMap(), Nh = new WeakMap();
-customElements.get("ng-input-color") || customElements.define("ng-input-color", Md);
+customElements.get("ng-input-color") || customElements.define("ng-input-color", Id);
 var Gr, ai, Oh;
-class Id extends Si {
+class Nd extends Si {
   constructor() {
     super();
     Y(this, Gr);
@@ -27277,9 +27285,9 @@ class Id extends Si {
   }
 }
 Gr = new WeakMap(), ai = new WeakMap(), Oh = new WeakMap();
-customElements.get("ng-input-date") || customElements.define("ng-input-date", Id);
+customElements.get("ng-input-date") || customElements.define("ng-input-date", Nd);
 var Ke, ds, zr, Ls, mn, Kr, jh;
-class Nd extends Si {
+class Od extends Si {
   constructor() {
     super();
     Y(this, Ke);
@@ -27332,9 +27340,9 @@ class Nd extends Si {
   }
 }
 Ke = new WeakMap(), ds = new WeakMap(), zr = new WeakMap(), Ls = new WeakMap(), mn = new WeakMap(), Kr = new WeakMap(), jh = new WeakMap();
-customElements.get("ng-input") || customElements.define("ng-input", Nd);
+customElements.get("ng-input") || customElements.define("ng-input", Od);
 var Oe, li, gn, bn, yn, hi;
-class Od {
+class jd {
   constructor(C) {
     Y(this, Oe);
     //#oldrow;
@@ -27406,7 +27414,7 @@ class Od {
 }
 Oe = new WeakMap(), li = new WeakMap(), gn = new WeakMap(), bn = new WeakMap(), yn = new WeakMap(), hi = new WeakMap();
 var Zr, Jr;
-class jd extends HTMLElement {
+class $d extends HTMLElement {
   constructor() {
     super();
     Y(this, Zr);
@@ -27424,7 +27432,7 @@ class jd extends HTMLElement {
 				@import "https://cdn.jsdelivr.net/npm/ninegrid2@${H.version}/dist/css/ninegrid.css";
 				:host {
 				}
-				nine-table {
+				nine-grid {
 					height: 100% !important;
 					width: 100% !important;
 				}
@@ -27433,7 +27441,7 @@ class jd extends HTMLElement {
 			<nx-dialog>
 				${f(this, Zr).originFormat}
 			</nx-dialog>
-		`, tt(this, Jr, this.shadowRoot.querySelector("nine-table")), f(this, Jr).removeAttribute("display-row-count"), $(".reset", this.shadowRoot).on("click", (t) => {
+		`, tt(this, Jr, this.shadowRoot.querySelector("nine-grid")), f(this, Jr).removeAttribute("display-row-count"), $(".reset", this.shadowRoot).on("click", (t) => {
       f(this, Jr).data.assign(f(this, Zr).data.get());
     }), $(".apply", this.shadowRoot).on("click", (t) => {
       var l = f(this, Jr).data.getChangedData();
@@ -27452,19 +27460,19 @@ Do you want to save it?`, "SAVE", { class: "rgb", "true-text": "Yes", "false-tex
   }
 }
 Zr = new WeakMap(), Jr = new WeakMap();
-customElements.get("ng-max-popup") || customElements.define("ng-max-popup", jd);
+customElements.get("ng-max-popup") || customElements.define("ng-max-popup", $d);
 var Lt, Qo, $h;
-class $d extends HTMLElement {
+class Ld extends HTMLElement {
   constructor() {
     super();
     Y(this, Lt);
     Y(this, Qo);
     Y(this, $h);
-    tt(this, Qo, new Td(f(this, Lt))), tt(this, $h, new Ru(f(this, Lt)));
+    tt(this, Qo, new Rd(f(this, Lt))), tt(this, $h, new Ru(f(this, Lt)));
   }
   connectedCallback() {
     tt(this, Lt, this.getRootNode().host.getRootNode().host), this.innerHTML = "";
-    var t = new rd({
+    var t = new sd({
       owner: f(this, Lt),
       items: {
         filtering: {
@@ -27650,9 +27658,9 @@ class $d extends HTMLElement {
   }
 }
 Lt = new WeakMap(), Qo = new WeakMap(), $h = new WeakMap();
-customElements.get("ng-menu") || customElements.define("ng-menu", $d);
+customElements.get("ng-menu") || customElements.define("ng-menu", Ld);
 var Be, ta, ea, Er, ra, ze, tr, Ps, Lh, vn, Ph;
-class Ld extends HTMLElement {
+class Pd extends HTMLElement {
   constructor() {
     super();
     Y(this, Be);
@@ -27786,9 +27794,9 @@ class Ld extends HTMLElement {
   }
 }
 Be = new WeakMap(), ta = new WeakMap(), ea = new WeakMap(), Er = new WeakMap(), ra = new WeakMap(), ze = new WeakMap(), tr = new WeakMap(), Ps = new WeakMap(), Lh = new WeakMap(), vn = new WeakMap(), Ph = new WeakMap();
-customElements.get("ng-paging") || customElements.define("ng-paging", Ld);
+customElements.get("ng-paging") || customElements.define("ng-paging", Pd);
 var ci, sa;
-class Pd extends Mr {
+class Dd extends Mr {
   constructor() {
     super();
     Y(this, ci);
@@ -27827,9 +27835,9 @@ class Pd extends Mr {
   }
 }
 ci = new WeakMap(), sa = new WeakMap();
-customElements.get("ng-progress") || customElements.define("ng-progress", Pd);
+customElements.get("ng-progress") || customElements.define("ng-progress", Dd);
 var Ds, jr, Bs, ui, Dh, Bh;
-class Dd extends Si {
+class Bd extends Si {
   constructor() {
     super();
     Y(this, Ds);
@@ -27895,9 +27903,9 @@ class Dd extends Si {
   }
 }
 Ds = new WeakMap(), jr = new WeakMap(), Bs = new WeakMap(), ui = new WeakMap(), Dh = new WeakMap(), Bh = new WeakMap();
-customElements.get("ng-radio") || customElements.define("ng-radio", Dd);
+customElements.get("ng-radio") || customElements.define("ng-radio", Bd);
 var wn;
-class Bd extends Mr {
+class Fd extends Mr {
   constructor() {
     super();
     Y(this, wn);
@@ -27931,9 +27939,9 @@ class Bd extends Mr {
   }
 }
 wn = new WeakMap();
-customElements.get("ng-renderer") || customElements.define("ng-renderer", Bd);
+customElements.get("ng-renderer") || customElements.define("ng-renderer", Fd);
 var Fh;
-class Fd extends Mr {
+class qd extends Mr {
   constructor() {
     super();
     it(this, "dataRefresh", (t) => {
@@ -27962,7 +27970,7 @@ class Fd extends Mr {
 }
 Fh = new WeakMap();
 var er, or, di;
-class qd extends HTMLElement {
+class Hd extends HTMLElement {
   constructor() {
     super();
     Y(this, er);
@@ -28028,22 +28036,22 @@ class qd extends HTMLElement {
     this.shadowRoot.innerHTML = `
 			<style>
 				@import "https://cdn.jsdelivr.net/npm/ninegrid2@${H.version}/dist/css/ninegrid.css";
-				nine-table {
+				nine-grid {
 					border: 1px solid #ccc;
 				}
 			</style>
 			
 			<nx-dialog>
-				<nine-table css-path="${t}" display-row-count="1" class="simple detail" select-type="cell" auto-fit-col="true" col-indicator-type="collapse">
+				<nine-grid css-path="${t}" display-row-count="1" class="simple detail" select-type="cell" auto-fit-col="true" col-indicator-type="collapse">
 					<table style="display: none;">
 						<colgroup>
 						</colgroup>
 						<tbody>
 						</tbody>
 					</table>
-				</nine-table>
+				</nine-grid>
 			</nx-dialog>
-		`, tt(this, or, this.shadowRoot.querySelector("nine-table")), f(this, or).fields.add(f(this, er).fields.get()), $(".reset", this.shadowRoot).on("click", (l) => {
+		`, 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)));
     }), $(".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();
@@ -28056,8 +28064,8 @@ 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", Fd);
-customElements.get("ng-row-detail-popup") || customElements.define("ng-row-detail-popup", qd);
+customElements.get("ng-row-detail") || customElements.define("ng-row-detail", qd);
+customElements.get("ng-row-detail-popup") || customElements.define("ng-row-detail-popup", Hd);
 var qh;
 const Ti = class Ti extends Mr {
   constructor() {
@@ -28089,7 +28097,7 @@ qh = new WeakMap(), //static sourceRow = -1;
 it(Ti, "dragData"), it(Ti, "scrollInterval");
 let ir = Ti;
 var qe, ia, na, oa, fs, aa, la, ha, ca;
-class Hd {
+class zd {
   constructor(C) {
     Y(this, qe);
     /** attribute 변경에 대한 반응 */
@@ -28166,7 +28174,7 @@ class Hd {
 qe = new WeakMap(), ia = new WeakMap(), na = new WeakMap(), oa = new WeakMap(), fs = new WeakMap(), aa = new WeakMap(), la = new WeakMap(), ha = new WeakMap(), ca = new WeakMap();
 customElements.get("ng-row-drag") || customElements.define("ng-row-drag", ir);
 var sr, pr, fi, Hh, zh, ua;
-class zd extends HTMLElement {
+class Ud extends HTMLElement {
   constructor() {
     super();
     Y(this, sr);
@@ -28205,9 +28213,9 @@ class zd extends HTMLElement {
   }
 }
 sr = new WeakMap(), pr = new WeakMap(), fi = new WeakMap(), Hh = new WeakMap(), zh = new WeakMap(), ua = new WeakMap();
-customElements.get("ng-combo") || customElements.define("ng-combo", zd);
+customElements.get("ng-combo") || customElements.define("ng-combo", Ud);
 var da, Uh;
-class Ud extends Mr {
+class Vd extends Mr {
   constructor() {
     super();
     Y(this, da);
@@ -28276,7 +28284,7 @@ class Ud extends Mr {
 }
 da = new WeakMap(), Uh = new WeakMap();
 var ur, Qr, fa, mr, Fs, pi, fu, ts, Vh, Wh, Xh, pa, ma, ga, Yh;
-class Vd extends HTMLElement {
+class Wd extends HTMLElement {
   constructor() {
     super();
     Y(this, ur);
@@ -28333,10 +28341,10 @@ class Vd extends HTMLElement {
   }
 }
 ur = new WeakMap(), Qr = new WeakMap(), fa = new WeakMap(), mr = new WeakMap(), Fs = new WeakMap(), pi = new WeakMap(), fu = new WeakMap(), ts = new WeakMap(), Vh = new WeakMap(), Wh = new WeakMap(), Xh = new WeakMap(), pa = new WeakMap(), ma = new WeakMap(), ga = new WeakMap(), Yh = new WeakMap();
-customElements.get("ng-row-indicator") || customElements.define("ng-row-indicator", Ud);
-customElements.get("ng-row-resizer") || customElements.define("ng-row-resizer", Vd);
+customElements.get("ng-row-indicator") || customElements.define("ng-row-indicator", Vd);
+customElements.get("ng-row-resizer") || customElements.define("ng-row-resizer", Wd);
 var Gh;
-class Wd extends Mr {
+class Xd extends Mr {
   constructor() {
     super();
     it(this, "dataRefresh", (t) => {
@@ -28364,7 +28372,7 @@ class Wd extends Mr {
 }
 Gh = new WeakMap();
 var je, dr;
-class Xd {
+class Yd {
   constructor(C) {
     Y(this, je);
     Y(this, dr);
@@ -28405,8 +28413,8 @@ class Xd {
   }
 }
 je = new WeakMap(), dr = new WeakMap();
-customElements.get("ng-row-pin") || customElements.define("ng-row-pin", Wd);
-class Yd extends Mr {
+customElements.get("ng-row-pin") || customElements.define("ng-row-pin", Xd);
+class Gd extends Mr {
   constructor() {
     super();
     it(this, "dataRefresh", (t) => {
@@ -28433,9 +28441,9 @@ class Yd extends Mr {
 		`, super.connectedCallback(), this.cell.dataset.bind = "rowState";
   }
 }
-customElements.get("ng-row-state") || customElements.define("ng-row-state", Yd);
+customElements.get("ng-row-state") || customElements.define("ng-row-state", Gd);
 var zt, es, ge, gr, br, xn, Kh, Zh, ba, Jh, ya, va, _n, qs;
-class Gd extends HTMLElement {
+class Kd extends HTMLElement {
   constructor() {
     super();
     Y(this, zt);
@@ -28580,7 +28588,7 @@ class Gd extends HTMLElement {
 }
 zt = new WeakMap(), es = new WeakMap(), ge = new WeakMap(), gr = new WeakMap(), br = new WeakMap(), xn = new WeakMap(), Kh = new WeakMap(), Zh = new WeakMap(), ba = new WeakMap(), Jh = new WeakMap(), ya = new WeakMap(), va = new WeakMap(), _n = new WeakMap(), qs = new WeakMap();
 var Ze, ps, ae, Ur, Vr, Hs, Qh, wa, tc, xa, ec, _a, Sa, Sn;
-class Kd extends HTMLElement {
+class Zd extends HTMLElement {
   constructor() {
     super();
     Y(this, Ze);
@@ -28703,10 +28711,10 @@ class Kd extends HTMLElement {
   }
 }
 Ze = new WeakMap(), ps = new WeakMap(), ae = new WeakMap(), Ur = new WeakMap(), Vr = new WeakMap(), Hs = new WeakMap(), Qh = new WeakMap(), wa = new WeakMap(), tc = new WeakMap(), xa = new WeakMap(), ec = new WeakMap(), _a = new WeakMap(), Sa = new WeakMap(), Sn = new WeakMap();
-customElements.get("ng-hscrollbar") || customElements.define("ng-hscrollbar", Kd);
-customElements.get("ng-vscrollbar") || customElements.define("ng-vscrollbar", Gd);
+customElements.get("ng-hscrollbar") || customElements.define("ng-hscrollbar", Zd);
+customElements.get("ng-vscrollbar") || customElements.define("ng-vscrollbar", Kd);
 var Ue, rs, ka, Ca, Ea, rc, sc;
-class Zd {
+class Jd {
   constructor(C) {
     Y(this, Ue);
     Y(this, rs);
@@ -28767,7 +28775,7 @@ class Zd {
 }
 Ue = new WeakMap(), rs = new WeakMap(), ka = new WeakMap(), Ca = new WeakMap(), Ea = new WeakMap(), rc = new WeakMap(), sc = new WeakMap();
 var Gt, ic, Aa, Ta;
-class Jd {
+class Qd {
   constructor(C) {
     Y(this, Gt);
     it(this, "getDisplayValue3", (C, t) => {
@@ -29001,7 +29009,7 @@ class Jd {
   }
 }
 Gt = new WeakMap(), ic = new WeakMap(), Aa = new WeakMap(), Ta = new WeakMap();
-class Qd {
+class tf {
   constructor(C) {
     this.___owner = C, this.columns_BAK = {
       getBindCol: (t, l) => this.___getBindCol(t, l),
@@ -29129,7 +29137,7 @@ class Qd {
   }
 }
 var ms;
-class tf extends Si {
+class ef extends Si {
   constructor() {
     super();
     Y(this, ms);
@@ -29167,7 +29175,7 @@ class tf extends Si {
 }
 ms = new WeakMap();
 var Ra, Ma, Ia, Na;
-class ef extends HTMLElement {
+class rf extends HTMLElement {
   constructor() {
     super();
     Y(this, Ra);
@@ -29208,10 +29216,10 @@ class ef extends HTMLElement {
   }
 }
 Ra = new WeakMap(), Ma = new WeakMap(), Ia = new WeakMap(), Na = new WeakMap();
-customElements.get("ng-textarea") || customElements.define("ng-textarea", tf);
-customElements.get("ng-textarea-detail") || customElements.define("ng-textarea-detail", ef);
+customElements.get("ng-textarea") || customElements.define("ng-textarea", ef);
+customElements.get("ng-textarea-detail") || customElements.define("ng-textarea-detail", rf);
 var Oa, ja, $a, mi, Vn, nc, oc, ac, lc, pu, La, Pa, hc, cc, uc;
-class rf extends Mr {
+class sf extends Mr {
   constructor() {
     super();
     Y(this, mi);
@@ -29351,9 +29359,9 @@ class rf extends Mr {
 Oa = new WeakMap(), ja = new WeakMap(), $a = new WeakMap(), mi = new WeakSet(), Vn = function() {
   return this.data.__ng._[H.ROW.EXPAND];
 }, nc = new WeakMap(), oc = new WeakMap(), ac = new WeakMap(), lc = new WeakMap(), pu = new WeakMap(), La = new WeakMap(), Pa = new WeakMap(), hc = new WeakMap(), cc = new WeakMap(), uc = new WeakMap();
-customElements.get("ng-tree-item") || customElements.define("ng-tree-item", rf);
+customElements.get("ng-tree-item") || customElements.define("ng-tree-item", sf);
 var vt, We, yr, gi, bi, Da, Ba, Fa, qa, Ha, dc, fc, pc, kn, zs, Us;
-class sf {
+class nf {
   constructor(C) {
     Y(this, vt);
     Y(this, We);
@@ -29579,7 +29587,7 @@ class sf {
 }
 vt = new WeakMap(), We = new WeakMap(), yr = new WeakMap(), gi = new WeakMap(), bi = new WeakMap(), Da = new WeakMap(), Ba = new WeakMap(), Fa = new WeakMap(), qa = new WeakMap(), Ha = new WeakMap(), dc = new WeakMap(), fc = new WeakMap(), pc = new WeakMap(), kn = new WeakMap(), zs = new WeakMap(), Us = new WeakMap();
 var Je, Vs, mc;
-class nf {
+class of {
   constructor(C) {
     Y(this, Je);
     Y(this, Vs);
@@ -29660,7 +29668,7 @@ class nf {
 }
 Je = new WeakMap(), Vs = new WeakMap(), mc = new WeakMap();
 var za, Cn, Ua;
-class of extends HTMLElement {
+class af extends HTMLElement {
   constructor() {
     super();
     Y(this, za);
@@ -29684,14 +29692,14 @@ class of extends HTMLElement {
 }
 za = new WeakMap(), Cn = new WeakMap(), Ua = new WeakMap();
 var Ar, Va, Wa, gc, bc, yc, vc;
-class af extends HTMLElement {
+class lf extends HTMLElement {
   constructor() {
     super();
     Y(this, Ar);
     Y(this, Va);
     Y(this, Wa);
     Y(this, gc, (t) => {
-      const l = this.shadowRoot.querySelector("nine-table");
+      const l = this.shadowRoot.querySelector("nine-grid");
       this.classList.add("loading"), setTimeout(() => {
         const [c, o, r, n] = ["LVL", "CHK", "COLNM", "DATA"].map((u) => l.fields.indexOf(u)), s = l.data.getValidDataNF().filter((u) => u.v[c] === 2 && u.v[o] === "Y"), e = s.length > 0 ? [...new Set(s.map((u) => u.v[r]))].map((u) => ({
           colnm: u,
@@ -29708,13 +29716,13 @@ class af extends HTMLElement {
       this.style.display = "none";
     });
     Y(this, yc, (t) => {
-      const l = this.shadowRoot.querySelector("nine-table"), c = l.fields.indexOf("CHK"), o = t.target.checked;
+      const l = this.shadowRoot.querySelector("nine-grid"), c = l.fields.indexOf("CHK"), o = t.target.checked;
       l.data.getValidData().forEach((r) => {
         r.v[c] = o ? "Y" : "N";
       }), l.refreshData();
     });
     Y(this, vc, (t) => {
-      const l = this.shadowRoot.querySelector("nine-table");
+      const l = this.shadowRoot.querySelector("nine-grid");
       l.classList.add("loading");
       const c = l.dataManager.rawRecords;
       c.forEach((s) => {
@@ -29753,7 +29761,7 @@ class af extends HTMLElement {
               CHK: g.data.length === 0 || g.data.nineBinarySearch(B.v || "") >= 0 ? "Y" : "N"
             }))
           ];
-        }).flat(), d = this.shadowRoot.querySelector("nine-table");
+        }).flat(), d = this.shadowRoot.querySelector("nine-grid");
         d.fields.add(["DATA", "DATA2", "COLNM"]), d.data.set(m);
         const b = this.shadowRoot.querySelector("input[type=checkbox]");
         b.checked = d.data.getValidData().every((g) => !(g.LVL === 2 && g.CHK !== "Y")), this.shadowRoot.querySelector("input").focus(), this.classList.remove("loading");
@@ -29763,17 +29771,17 @@ class af extends HTMLElement {
   }
   connectedCallback() {
     tt(this, Ar, this.getRootNode().host);
-    const t = this.getRootNode().host.closest("nine-table").getAttribute("css-path") || "", l = nine.cssPath ? `@import "${nine.cssPath}/nine-table/ngFilterPanel.css";` : "";
+    const t = this.getRootNode().host.closest("nine-grid").getAttribute("css-path") || "";
     this.shadowRoot.innerHTML = `
 			<style>
 				@import "https://cdn.jsdelivr.net/npm/ninegrid2@${H.version}/dist/css/ngFilterPanel.css";
-				${l}
+				${H.getCustomPath(this, "ngFilterPanel.css")}
 			</style>
 			
 			<div class="head">
 				<input type="text">
 			</div>
-			<nine-table class="simple filter" css-path="${t}" select-type="row" auto-fit-col="true" col-indicator-type="collapse">
+			<nine-grid class="simple filter" css-path="${t}" select-type="row" auto-fit-col="true" col-indicator-type="collapse">
 				<table style="display: none;">
 					<colgroup>
 						<col width="180" />
@@ -29790,7 +29798,7 @@ class af extends HTMLElement {
 						</tr>
 					</tbody>
 				</table>
-			</nine-table>
+			</nine-grid>
 			
 			<div>
 				<label><input type="checkbox" checked>Select All</label>
@@ -29801,12 +29809,11 @@ class af extends HTMLElement {
   }
 }
 Ar = new WeakMap(), Va = new WeakMap(), Wa = new WeakMap(), gc = new WeakMap(), bc = new WeakMap(), yc = new WeakMap(), vc = new WeakMap();
-customElements.get("ng-filter-button") || customElements.define("ng-filter-button", of);
-customElements.get("ng-filter-panel") || customElements.define("ng-filter-panel", af);
+customElements.get("ng-filter-button") || customElements.define("ng-filter-button", af);
+customElements.get("ng-filter-panel") || customElements.define("ng-filter-panel", lf);
 var Xa, yi, Ya, En, ss, Ga, Ka, wc, gs, xc, Za, _c, is, Sc, Ja, kc, Qa, Ws, Xs;
 class Zc extends HTMLElement {
   constructor() {
-    console.log("==========="), console.log(nine.cssPath);
     super();
     Y(this, Xa, !1);
     Y(this, yi);
@@ -29994,14 +30001,14 @@ class Zc extends HTMLElement {
         r.grid = this;
       }), $(this.shadowRoot.querySelector("ng-head").shadowRoot.querySelector("ng-custom")).append(this.querySelectorAll("nx-buttons")), f(this, Ja).call(this), this.createTemplate(), f(this, Ka).call(this), this.resetTemplate(), f(this, _c).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, ss)), new Fu(this), this.pin = new Xd(this), this.fields = new gd(this), this.cell = new qu(this), this.touchEvent = new Vu(this), this.selection = new Uu(this), this.tables = new Jd(this), this.dataManager = new ad(this), this.view = new sf(this), this.tableUtils = new Qd(this), this.columns = new Qu(this);
+      this.paging = l.shadowRoot.querySelector("ng-paging"), this.layout = l.shadowRoot.querySelector("ng-layout"), this.layout && this.layout.add(f(this, ss)), new qu(this), this.pin = new Yd(this), this.fields = new bd(this), this.cell = new Hu(this), this.touchEvent = new Wu(this), this.selection = new Vu(this), this.tables = new Qd(this), this.dataManager = new ld(this), this.view = new nf(this), this.tableUtils = new tf(this), this.columns = new td(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 nf(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 Zd(this), this.matrix = new Od(this), tt(this, yi, new Ju(this)), tt(this, Ya, new Zu(this)), H.j.querySelectorAll(this).hasClass("simple") || tt(this, En, new Hd(this)), f(this, Za).call(this), this.refresh(), this.body.querySelector(".ng-container-body .nodata") && new ResizeObserver((r, n) => {
+      H.j.querySelectorAll(this).hasClass("simple") || (this.filtering = new of(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 Jd(this), this.matrix = new jd(this), tt(this, yi, new Qu(this)), tt(this, Ya, new Ju(this)), H.j.querySelectorAll(this).hasClass("simple") || tt(this, En, new zd(this)), f(this, Za).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) => {
@@ -30011,7 +30018,7 @@ class Zc extends HTMLElement {
         r.target.shadowRoot.querySelectorAll("ng-info").forEach((n) => {
           n.close();
         });
-      })), new id(this), this.classList.contains("simple") || setTimeout(() => {
+      })), new nd(this), this.classList.contains("simple") || setTimeout(() => {
         this.dispatchEvent(new CustomEvent(H.EVENT.LOAD, { bubbles: !0, detail: {} }));
       }, 100);
       const o = this.shadowRoot.querySelector("ng-head");
@@ -30360,8 +30367,8 @@ class Zc extends HTMLElement {
   }
 }
 Xa = new WeakMap(), yi = new WeakMap(), Ya = new WeakMap(), En = new WeakMap(), ss = new WeakMap(), Ga = new WeakMap(), Ka = new WeakMap(), wc = new WeakMap(), gs = new WeakMap(), xc = new WeakMap(), Za = new WeakMap(), _c = new WeakMap(), is = new WeakMap(), Sc = new WeakMap(), Ja = new WeakMap(), kc = new WeakMap(), Qa = new WeakMap(), Ws = new WeakMap(), Xs = new WeakMap(), it(Zc, "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-table") || customElements.define("nine-table", Zc);
-class lf extends Zc {
+customElements.get("nine-grid") || customElements.define("nine-grid", Zc);
+class hf extends Zc {
   constructor() {
     super();
   }
@@ -30369,9 +30376,9 @@ class lf extends Zc {
     super.connectedCallback();
   }
 }
-customElements.get("ng-source") || customElements.define("ng-source", lf);
+customElements.get("ng-source") || customElements.define("ng-source", hf);
 var bs, Cc, tl, An, el, rl, Tn, sl;
-class hf extends HTMLElement {
+class cf extends HTMLElement {
   constructor() {
     super();
     //#owner;
@@ -30464,7 +30471,7 @@ class hf extends HTMLElement {
   }
 }
 bs = new WeakMap(), Cc = new WeakMap(), tl = new WeakMap(), An = new WeakMap(), el = new WeakMap(), rl = new WeakMap(), Tn = new WeakMap(), sl = new WeakMap();
-customElements.get("nx-dialog") || customElements.define("nx-dialog", hf);
+customElements.get("nx-dialog") || customElements.define("nx-dialog", cf);
 var il, Ys, nl, Rn, ys, vi, Mn, Ec;
 class Mu extends HTMLElement {
   constructor() {
@@ -30527,7 +30534,7 @@ il = new WeakMap(), Ys = new WeakMap(), nl = new WeakMap(), Rn = new WeakMap(),
   updateContent: () => {
     H.querySelectorAll("nx-i18n,nx-span").forEach((t) => {
       t.refresh && t.refresh();
-    }), H.querySelectorAll("nine-table").forEach((t) => {
+    }), H.querySelectorAll("nine-grid").forEach((t) => {
       t.refresh && t.refreshData();
     });
   },
@@ -30548,7 +30555,7 @@ il = new WeakMap(), Ys = new WeakMap(), nl = new WeakMap(), Rn = new WeakMap(),
 });
 customElements.get("nx-i18n") || customElements.define("nx-i18n", Mu);
 var In, Nn, Ac, ol;
-class cf extends HTMLElement {
+class uf extends HTMLElement {
   constructor() {
     super();
     Y(this, In);
@@ -30790,7 +30797,7 @@ class cf extends HTMLElement {
   }
 }
 In = new WeakMap(), Nn = new WeakMap(), Ac = new WeakMap(), ol = new WeakMap();
-class uf extends HTMLElement {
+class df extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
   }
@@ -30812,7 +30819,7 @@ class uf extends HTMLElement {
   }
 }
 var al;
-class df extends HTMLElement {
+class ff extends HTMLElement {
   constructor() {
     super();
     Y(this, al);
@@ -30846,11 +30853,11 @@ class df extends HTMLElement {
   }
 }
 al = new WeakMap();
-customElements.get("nx-sidebar-menuitem") || customElements.define("nx-sidebar-menuitem", df);
-customElements.get("nx-sidebar-item") || customElements.define("nx-sidebar-item", uf);
-customElements.get("nx-sidebar") || customElements.define("nx-sidebar", cf);
+customElements.get("nx-sidebar-menuitem") || customElements.define("nx-sidebar-menuitem", ff);
+customElements.get("nx-sidebar-item") || customElements.define("nx-sidebar-item", df);
+customElements.get("nx-sidebar") || customElements.define("nx-sidebar", uf);
 var On, jn, ll, hl, cl, Tc;
-class ff extends HTMLElement {
+class pf extends HTMLElement {
   constructor() {
     super();
     Y(this, On);
@@ -30917,7 +30924,7 @@ class ff extends HTMLElement {
 }
 On = new WeakMap(), jn = new WeakMap(), ll = new WeakMap(), hl = new WeakMap(), cl = new WeakMap(), Tc = new WeakMap();
 var wi, Rc, Mc, Iu;
-class pf extends HTMLElement {
+class mf extends HTMLElement {
   constructor() {
     super();
     Y(this, Mc);
@@ -30967,7 +30974,7 @@ wi = new WeakMap(), Rc = new WeakMap(), Mc = new WeakSet(), Iu = function() {
 		`;
 };
 var $n, Ic, Nc, Nu;
-class mf extends HTMLElement {
+class gf extends HTMLElement {
   constructor() {
     super();
     Y(this, Nc);
@@ -31017,7 +31024,7 @@ $n = new WeakMap(), Ic = new WeakMap(), Nc = new WeakSet(), Nu = function() {
 		`;
 };
 var Oc, jc;
-class gf extends HTMLElement {
+class bf extends HTMLElement {
   constructor() {
     super();
     Y(this, Oc);
@@ -31057,7 +31064,7 @@ class gf extends HTMLElement {
 }
 Oc = new WeakMap(), jc = new WeakMap();
 var ul, Ln, dl, $c;
-class bf extends HTMLElement {
+class yf extends HTMLElement {
   constructor() {
     super();
     Y(this, ul);
@@ -31118,13 +31125,13 @@ class bf extends HTMLElement {
   }
 }
 ul = new WeakMap(), Ln = new WeakMap(), dl = new WeakMap(), $c = new WeakMap();
-customElements.get("nx-side-menu") || customElements.define("nx-side-menu", ff);
-customElements.get("nx-side-menu-head") || customElements.define("nx-side-menu-head", pf);
-customElements.get("nx-side-menu-foot") || customElements.define("nx-side-menu-foot", mf);
-customElements.get("nx-side-menu-body") || customElements.define("nx-side-menu-body", gf);
-customElements.get("nx-side-menu-item") || customElements.define("nx-side-menu-item", bf);
+customElements.get("nx-side-menu") || customElements.define("nx-side-menu", pf);
+customElements.get("nx-side-menu-head") || customElements.define("nx-side-menu-head", mf);
+customElements.get("nx-side-menu-foot") || customElements.define("nx-side-menu-foot", gf);
+customElements.get("nx-side-menu-body") || customElements.define("nx-side-menu-body", bf);
+customElements.get("nx-side-menu-item") || customElements.define("nx-side-menu-item", yf);
 var fl, Pn, pl, Dn, vs, xi, Lc;
-class yf extends HTMLElement {
+class vf extends HTMLElement {
   constructor() {
     super();
     Y(this, fl);
@@ -31165,8 +31172,8 @@ class yf extends HTMLElement {
   }
 }
 fl = new WeakMap(), Pn = new WeakMap(), pl = new WeakMap(), Dn = new WeakMap(), vs = new WeakMap(), xi = new WeakMap(), Lc = new WeakMap();
-customElements.get("nx-span") || customElements.define("nx-span", yf);
-class vf extends HTMLElement {
+customElements.get("nx-span") || customElements.define("nx-span", vf);
+class wf extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
   }
@@ -31176,7 +31183,7 @@ class vf extends HTMLElement {
 		`;
   }
 }
-class wf extends HTMLElement {
+class xf extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" });
   }
@@ -31188,7 +31195,7 @@ class wf extends HTMLElement {
     });
   }
 }
-class xf extends HTMLElement {
+class _f extends HTMLElement {
   constructor() {
     super();
   }
@@ -31200,10 +31207,10 @@ class xf extends HTMLElement {
     });
   }
 }
-customElements.get("nx-test1") || customElements.define("nx-test1", vf);
-customElements.get("nx-test2") || customElements.define("nx-test2", wf);
-customElements.get("nx-test3") || customElements.define("nx-test3", xf);
-class _f extends HTMLElement {
+customElements.get("nx-test1") || customElements.define("nx-test1", wf);
+customElements.get("nx-test2") || customElements.define("nx-test2", xf);
+customElements.get("nx-test3") || customElements.define("nx-test3", _f);
+class Sf extends HTMLElement {
   constructor() {
     super();
     it(this, "changeLocale", (t) => {
@@ -31240,7 +31247,7 @@ class _f extends HTMLElement {
 					<!-- Logo Header -->
 					<div class="logo-header">
 						<a href="/" class="logo">
-							<h5 class="text-white">nine-table</h5>
+							<h5 class="text-white">nine-grid</h5>
 						</a>
 						<div class="nav-toggle">
 							<button class="btn btn-toggle toggle-sidebar">
@@ -31260,7 +31267,7 @@ class _f extends HTMLElement {
 				<!-- Navbar Header -->
 				<nav>
 					<div>
-						<a href="/css/nine-table.zip" style="color:#ccc;">css download</a>
+						<a href="/css/nine-grid.zip" style="color:#ccc;">css download</a>
 					</div>
 					<ul class="navbar-nav topbar-nav ms-md-auto align-items-center" style="flex-direction: column; align-items: flex-end !important;">
 						<li class="nav-item dropdown">
@@ -31285,7 +31292,7 @@ class _f extends HTMLElement {
 		`, this.changeLocale(H.getLocale());
   }
 }
-customElements.get("nx-top-menu") || customElements.define("nx-top-menu", _f);
+customElements.get("nx-top-menu") || customElements.define("nx-top-menu", Sf);
 Array.prototype.nineBinarySearch = function(mt) {
   this.sort((c, o) => c > o ? 1 : -1);
   let C = 0, t = this.length - 1, l;
@@ -31297,7 +31304,7 @@ Array.prototype.nineBinarySearch = function(mt) {
   return -1;
 };
 var ar, ml, Pc;
-class Sf extends HTMLElement {
+class kf extends HTMLElement {
   constructor() {
     super();
     Y(this, ar);
@@ -31399,9 +31406,9 @@ class Sf extends HTMLElement {
   }
 }
 ar = new WeakMap(), ml = new WeakMap(), Pc = new WeakMap();
-customElements.get("nx-collapse") || customElements.define("nx-collapse", Sf);
+customElements.get("nx-collapse") || customElements.define("nx-collapse", kf);
 var zn, Ou, ju, Dc;
-class kf extends HTMLElement {
+class Cf extends HTMLElement {
   constructor() {
     super();
     Y(this, zn);
@@ -31474,7 +31481,7 @@ zn = new WeakSet(), Ou = 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`);
 }, Dc = new WeakMap();
-class Cf extends HTMLElement {
+class Ef extends HTMLElement {
   constructor() {
     super();
   }
@@ -31482,10 +31489,10 @@ class Cf extends HTMLElement {
     this.caption = this.getAttribute("caption");
   }
 }
-customElements.get("nx-tab") || customElements.define("nx-tab", kf);
-customElements.get("nx-tab-page") || customElements.define("nx-tab-page", Cf);
+customElements.get("nx-tab") || customElements.define("nx-tab", Cf);
+customElements.get("nx-tab-page") || customElements.define("nx-tab-page", Ef);
 var $r, Bc, Fc, qc, gl;
-class Ef extends HTMLElement {
+class Af extends HTMLElement {
   constructor() {
     super();
     Y(this, $r);
@@ -31569,9 +31576,9 @@ class Ef extends HTMLElement {
   }
 }
 $r = new WeakMap(), Bc = new WeakMap(), Fc = new WeakMap(), qc = new WeakMap(), gl = new WeakMap();
-customElements.get("nx-splitter") || customElements.define("nx-splitter", Ef);
+customElements.get("nx-splitter") || customElements.define("nx-splitter", Af);
 var mu, Hc;
-class Af extends HTMLElement {
+class Tf extends HTMLElement {
   constructor() {
     super();
     Y(this, mu);
@@ -31610,9 +31617,9 @@ class Af extends HTMLElement {
   }
 }
 mu = new WeakMap(), Hc = new WeakMap();
-customElements.get("nx-form") || customElements.define("nx-form", Af);
+customElements.get("nx-form") || customElements.define("nx-form", Tf);
 var Tr, bl, yl, vl, wl, zc;
-class Tf extends HTMLElement {
+class Rf extends HTMLElement {
   // 동적으로 추가할 빵 부스러기 경로 (상세 페이지 등)
   constructor() {
     super();
@@ -31707,7 +31714,7 @@ class Tf extends HTMLElement {
   }
 }
 Tr = new WeakMap(), bl = new WeakMap(), yl = new WeakMap(), vl = new WeakMap(), wl = new WeakMap(), zc = new WeakMap();
-customElements.get("nx-title") || customElements.define("nx-title", Tf);
+customElements.get("nx-title") || customElements.define("nx-title", Rf);
 var xl, _i, _l, Rr, Wn, eu, ru, Sl, Uc;
 class bu extends HTMLElement {
   constructor() {
@@ -31807,7 +31814,7 @@ ru = function() {
   });
 }, Sl = new WeakMap(), Uc = new WeakMap();
 var kl, Vc;
-class Rf extends bu {
+class Mf extends bu {
   constructor() {
     super();
     Y(this, kl, !1);
@@ -31838,9 +31845,9 @@ class Rf extends bu {
   }
 }
 kl = new WeakMap(), Vc = new WeakMap();
-customElements.get("nx-title2") || customElements.define("nx-title2", Rf);
+customElements.get("nx-title2") || customElements.define("nx-title2", Mf);
 var Bn, Cl, su;
-class Mf extends HTMLElement {
+class If extends HTMLElement {
   constructor() {
     super();
     Y(this, Cl);
@@ -31882,9 +31889,9 @@ Bn = new WeakMap(), Cl = new WeakSet(), su = function() {
     }
   }
 };
-customElements.get("nx-layout") || customElements.define("nx-layout", Mf);
+customElements.get("nx-layout") || customElements.define("nx-layout", If);
 var Fn, Gs, iu, nu, Wc;
-class If extends HTMLElement {
+class Nf extends HTMLElement {
   constructor() {
     super();
     Y(this, Gs);
@@ -31947,9 +31954,9 @@ Fn = new WeakMap(), Gs = new WeakSet(), iu = function(t) {
     f(this, Wc).call(this);
   }, 300);
 }, Wc = new WeakMap();
-customElements.get("nx-layout2") || customElements.define("nx-layout2", If);
+customElements.get("nx-layout2") || customElements.define("nx-layout2", Nf);
 var Xc;
-class Nf extends bu {
+class Of extends bu {
   constructor() {
     super();
     Y(this, Xc, () => {
@@ -31977,9 +31984,9 @@ class Nf extends bu {
   }
 }
 Xc = new WeakMap();
-customElements.get("nx-panel") || customElements.define("nx-panel", Nf);
+customElements.get("nx-panel") || customElements.define("nx-panel", Of);
 var Yc;
-class Of extends bu {
+class jf extends bu {
   constructor() {
     super();
     Y(this, Yc, () => {
@@ -31999,9 +32006,9 @@ class Of extends bu {
   }
 }
 Yc = new WeakMap();
-customElements.get("nx-buttons") || customElements.define("nx-buttons", Of);
+customElements.get("nx-buttons") || customElements.define("nx-buttons", jf);
 var ws, Gc, El, qn, Al, Tl, Hn, Rl;
-class jf extends HTMLElement {
+class $f extends HTMLElement {
   constructor() {
     super();
     //#owner;
@@ -32093,14 +32100,14 @@ class jf extends HTMLElement {
   }
 }
 ws = new WeakMap(), Gc = new WeakMap(), El = new WeakMap(), qn = new WeakMap(), Al = new WeakMap(), Tl = new WeakMap(), Hn = new WeakMap(), Rl = new WeakMap();
-customElements.get("nx-modal") || customElements.define("nx-modal", jf);
+customElements.get("nx-modal") || customElements.define("nx-modal", $f);
 window.jQuery = window.$ = Pu;
-function Pf() {
-  customElements.get("nine-table") || customElements.define("nine-table", Zc);
+function Df() {
+  customElements.get("nine-grid") || customElements.define("nine-grid", Zc);
 }
 export {
   Zc as NineGridContainer,
   H as default,
-  Pf as defineCustomElements
+  Df as defineCustomElements
 };
 //# sourceMappingURL=nine-grid.js.map