@ninebone/grid 0.0.75 → 0.0.76

package/dist/nine-grid.js

@@ -2266,26 +2266,26 @@ class sd extends Bu.constructor {
   }
 }
 const id = new sd();
-var ih, Zi, Le, rr, Ro, Ns, ri, Ji, nh, oh, ah, lh, hu;
+var ih, Zi, Le, tr, Ro, Ns, ri, Ji, nh, oh, ah, lh, hu;
 class nd extends Si {
   constructor() {
     super();
     Y(this, ih, 10);
     Y(this, Zi);
     Y(this, Le);
-    Y(this, rr);
+    Y(this, tr);
     Y(this, Ro);
     Y(this, Ns);
     Y(this, ri);
     Y(this, Ji);
     it(this, "dataRefresh", (t) => {
-      f(this, rr) && (f(this, nh).call(this) ? H.j.querySelectorAll(this).removeClass("invalid") : H.j.querySelectorAll(this).addClass("invalid")), f(this, Zi).innerHTML = this.getDisplayText() || "Select", t || this.reset();
+      f(this, tr) && (f(this, nh).call(this) ? H.j.querySelectorAll(this).removeClass("invalid") : H.j.querySelectorAll(this).addClass("invalid")), f(this, Zi).innerHTML = this.getDisplayText() || "Select", t || this.reset();
     });
     Y(this, nh, () => {
       if (H.isNull(this.value)) return !0;
       var t = this.multi ? this.value.split(this.multiSeparator) : [this.value];
       for (var l of t) {
-        var c = f(this, rr).findIndex((o) => l == o[f(this, Ns)]);
+        var c = f(this, tr).findIndex((o) => l == o[f(this, Ns)]);
         if (c < 0) return !1;
       }
       return !0;
@@ -2298,11 +2298,11 @@ class nd extends Si {
       }
     });
     Y(this, ah, (t) => {
-      if (console.log(f(this, rr)), !!f(this, rr)) {
-        console.log(f(this, rr)), f(this, Le).col = this.cell.dataset.col, f(this, Le).row = this.cell.closest("tr").sectionRowIndex, f(this, rr).length > f(this, ih) ? H.j.querySelectorAll(f(this, Le)).addClass("expand") : H.j.querySelectorAll(f(this, Le)).removeClass("expand"), this.multi ? H.j.querySelectorAll(f(this, Le)).addClass("multi") : H.j.querySelectorAll(f(this, Le)).removeClass("multi"), f(this, Le).refresh(this, f(this, rr), f(this, Ns), f(this, Ji));
+      if (console.log(f(this, tr)), !!f(this, tr)) {
+        console.log(f(this, tr)), f(this, Le).col = this.cell.dataset.col, f(this, Le).row = this.cell.closest("tr").sectionRowIndex, f(this, tr).length > f(this, ih) ? H.j.querySelectorAll(f(this, Le)).addClass("expand") : H.j.querySelectorAll(f(this, Le)).removeClass("expand"), this.multi ? H.j.querySelectorAll(f(this, Le)).addClass("multi") : H.j.querySelectorAll(f(this, Le)).removeClass("multi"), f(this, Le).refresh(this, f(this, tr), f(this, Ns), f(this, Ji));
         var l = $(".btn1", this.shadowRoot).offset().left - $(this.owner).offset().left;
         l + $(f(this, Le)).width() > $(this.owner).width() && (l = $(".btn2", this.shadowRoot).offset().left - $(this.owner).offset().left - $(f(this, Le)).width() + 8), l < 0 && (l = 0);
-        var c = Math.min(f(this, rr).length, f(this, Ro)) * 26;
+        var c = Math.min(f(this, tr).length, f(this, Ro)) * 26;
         this.multi ? (H.j.querySelectorAll(f(this, Le)).hasClass("expand") && (c += 12, c += 3, c += 24), c += 2, c += 3, c += 25) : (H.j.querySelectorAll(f(this, Le)).hasClass("expand") && (c += 12, c += 3, c += 24), c += 3);
         var o = $(".btn1", this.shadowRoot).offset().top + $(".btn1", this.shadowRoot).height() - $(this.owner).offset().top + 3;
         o + c > $(this.owner).height() && (o -= c + $(".btn1", this.shadowRoot).height() + 6);
@@ -2323,13 +2323,13 @@ class nd extends Si {
   connectedCallback() {
     this.multi = this.getAttribute("multi") == "true", this.multiSeparator = this.getAttribute("multi-separator") || ",", tt(this, Ro, this.getAttribute("rows") || 5), tt(this, Ns, this.getAttribute("code") || "code"), tt(this, ri, this.getAttribute("codename") || "codename"), tt(this, Ji, (this.getAttribute("items") || f(this, ri) || "").split(",")), f(this, Ji).unshift("CHK");
     var t = this.querySelector("datalist");
-    id.log(t), t && (tt(this, rr, []), t.querySelectorAll("option").forEach((n) => {
+    t && (tt(this, tr, []), t.querySelectorAll("option").forEach((n) => {
       const s = n.getAttribute(f(this, Ns)), e = n.getAttribute(f(this, ri));
-      s && e && f(this, rr).push({
+      s && e && f(this, tr).push({
         [f(this, Ns)]: s,
         [f(this, ri)]: e
       });
-    })), this.shadowRoot.innerHTML = `
+    })), id.log(f(this, tr)), this.shadowRoot.innerHTML = `
 			<style>
 				@import "https://cdn.jsdelivr.net/npm/ninegrid2@${H.version}/dist/css/ngCombo.css";
 				${H.getCustomPath(this, "ngCombo.css")}
@@ -2339,7 +2339,7 @@ class nd extends Si {
 			<button class="btn2" tabindex="-1"></button>
 		`, super.connectedCallback();
     const l = this.closest("th,td"), c = this.getAttribute("data-source");
-    c && this.owner && this.owner.exprFunction && (this.owner[c] ? tt(this, rr, this.owner[c]) : tt(this, rr, this.owner.exprFunction(c).call(this, this.owner.data.get(this.cell.dataset.row), this.cell.dataset.row))), l && l.dataset && f(this, rr) && !l.dataset.expr && (l.dataset.expr = "comboExpr()"), f(this, oh).call(this), f(this, Le), tt(this, Zi, this.shadowRoot.querySelector(".btn1"));
+    c && this.owner && this.owner.exprFunction && (this.owner[c] ? tt(this, tr, this.owner[c]) : tt(this, tr, this.owner.exprFunction(c).call(this, this.owner.data.get(this.cell.dataset.row), this.cell.dataset.row))), l && l.dataset && f(this, tr) && !l.dataset.expr && (l.dataset.expr = "comboExpr()"), f(this, oh).call(this), f(this, Le), tt(this, Zi, this.shadowRoot.querySelector(".btn1"));
     var o = this.closest("th,td").dataset.col, r = this.closest("tr").sectionRowIndex;
     $(this.cell).on("keydown", (n) => {
       n.code == "Enter" && $(f(this, Zi)).trigger("click");
@@ -2348,10 +2348,10 @@ class nd extends Si {
     });
   }
   get dataSource() {
-    return f(this, rr);
+    return f(this, tr);
   }
 }
-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();
+ih = new WeakMap(), Zi = new WeakMap(), Le = new WeakMap(), tr = 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 od extends HTMLElement {
   constructor() {
@@ -27666,7 +27666,7 @@ class Fd extends HTMLElement {
 }
 Lt = new WeakMap(), Qo = new WeakMap(), $h = new WeakMap();
 customElements.get("ng-menu") || customElements.define("ng-menu", Fd);
-var Be, ta, ea, Er, ra, ze, tr, Ps, Lh, vn, Ph;
+var Be, ta, ea, Er, ra, ze, er, Ps, Lh, vn, Ph;
 class qd extends HTMLElement {
   constructor() {
     super();
@@ -27676,7 +27676,7 @@ class qd extends HTMLElement {
     Y(this, Er);
     Y(this, ra);
     Y(this, ze);
-    Y(this, tr);
+    Y(this, er);
     Y(this, Ps);
     it(this, "refreshTotal", () => {
     });
@@ -27686,7 +27686,7 @@ class qd extends HTMLElement {
       }), f(this, Be).data.resetRecords();
     });
     Y(this, vn, () => {
-      this.type == H.PAGINGTYPE.CLIENT ? $("span", this).eq(1).html(`<b>Total</b> : ${f(this, Be).data.countNF().toLocaleString()}`) : this.type == H.PAGINGTYPE.SERVER ? $("span", this).eq(1).html(`<b>Total</b> : ${f(this, Ps).toLocaleString()}`) : this.type == H.PAGINGTYPE.NONE && $("span", this).eq(1).html(`<b>Total</b> : ${f(this, Ps).toLocaleString()}`), f(this, tr) == 0 ? $("span", this).eq(0).html("") : $("span", this).eq(0).html(`${f(this, ze).toLocaleString()} <i>of</i> ${f(this, tr).toLocaleString()}`), H.j.querySelectorAll(".ng-paging-first", this).attr("disabled", f(this, ze) == 1 || f(this, tr) < 1), H.j.querySelectorAll(".ng-paging-prev", this).attr("disabled", f(this, ze) == 1 || f(this, tr) < 1), H.j.querySelectorAll(".ng-paging-next", this).attr("disabled", f(this, ze) == f(this, tr) || f(this, tr) < 1), H.j.querySelectorAll(".ng-paging-last", this).attr("disabled", f(this, ze) == f(this, tr) || f(this, tr) < 1);
+      this.type == H.PAGINGTYPE.CLIENT ? $("span", this).eq(1).html(`<b>Total</b> : ${f(this, Be).data.countNF().toLocaleString()}`) : this.type == H.PAGINGTYPE.SERVER ? $("span", this).eq(1).html(`<b>Total</b> : ${f(this, Ps).toLocaleString()}`) : this.type == H.PAGINGTYPE.NONE && $("span", this).eq(1).html(`<b>Total</b> : ${f(this, Ps).toLocaleString()}`), f(this, er) == 0 ? $("span", this).eq(0).html("") : $("span", this).eq(0).html(`${f(this, ze).toLocaleString()} <i>of</i> ${f(this, er).toLocaleString()}`), H.j.querySelectorAll(".ng-paging-first", this).attr("disabled", f(this, ze) == 1 || f(this, er) < 1), H.j.querySelectorAll(".ng-paging-prev", this).attr("disabled", f(this, ze) == 1 || f(this, er) < 1), H.j.querySelectorAll(".ng-paging-next", this).attr("disabled", f(this, ze) == f(this, er) || f(this, er) < 1), H.j.querySelectorAll(".ng-paging-last", this).attr("disabled", f(this, ze) == f(this, er) || f(this, er) < 1);
     });
     Y(this, Ph, () => {
       this.type == H.PAGINGTYPE.CLIENT ? this.movePage(Math.ceil(f(this, Be).data.countNF() / f(this, Er))) : this.type == H.PAGINGTYPE.SERVER && this.movePage(Math.ceil(f(this, Ps) / f(this, Er)));
@@ -27695,9 +27695,9 @@ class qd extends HTMLElement {
       if (!(!f(this, Be) || !f(this, Be).data || isNaN(t))) {
         if (this.type == H.PAGINGTYPE.SERVER && (H.j.querySelectorAll(".ng-paging-first", this).attr("disabled", !0), H.j.querySelectorAll(".ng-paging-prev", this).attr("disabled", !0), H.j.querySelectorAll(".ng-paging-next", this).attr("disabled", !0), H.j.querySelectorAll(".ng-paging-last", this).attr("disabled", !0)), tt(this, ra, f(this, ze)), tt(this, ze, t), this.type == H.PAGINGTYPE.CLIENT) {
           var l = f(this, Be).data.getValidDataNF();
-          if (tt(this, tr, Math.ceil(l.length / f(this, Er))), l.length == 0)
-            tt(this, tr, 0);
-          else if (t < 1 || t > f(this, tr)) throw `1invalid page ${t} of ${f(this, tr)}`;
+          if (tt(this, er, Math.ceil(l.length / f(this, Er))), l.length == 0)
+            tt(this, er, 0);
+          else if (t < 1 || t > f(this, er)) throw `1invalid page ${t} of ${f(this, er)}`;
           f(this, vn).call(this), l.map((o) => {
             o.__ng.paging = !1;
           });
@@ -27724,7 +27724,7 @@ class qd extends HTMLElement {
       }
       f(this, vn).call(this);
     });
-    tt(this, Be, this.getRootNode().host.getRootNode().host), tt(this, ze, 0), tt(this, tr, 0), tt(this, Ps, 0), this.onpagechanged = new CustomEvent("pagechanged", { bubbles: !0, detail: {} });
+    tt(this, Be, this.getRootNode().host.getRootNode().host), tt(this, ze, 0), tt(this, er, 0), tt(this, Ps, 0), this.onpagechanged = new CustomEvent("pagechanged", { bubbles: !0, detail: {} });
   }
   connectedCallback() {
     this.innerHTML = `
@@ -27762,10 +27762,10 @@ class qd extends HTMLElement {
     tt(this, ze, t);
   }
   get totalCount() {
-    return f(this, tr);
+    return f(this, er);
   }
   set totalCount(t) {
-    tt(this, Ps, t), f(this, ze) <= 0 && tt(this, ze, 1), tt(this, tr, Math.ceil(t / f(this, Er))), f(this, vn).call(this);
+    tt(this, Ps, t), f(this, ze) <= 0 && tt(this, ze, 1), tt(this, er, Math.ceil(t / f(this, Er))), f(this, vn).call(this);
   }
   get linesPerPage() {
     return f(this, Er);
@@ -27800,7 +27800,7 @@ class qd extends HTMLElement {
     tt(this, ea, t);
   }
 }
-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();
+Be = new WeakMap(), ta = new WeakMap(), ea = new WeakMap(), Er = new WeakMap(), ra = new WeakMap(), ze = new WeakMap(), er = new WeakMap(), Ps = new WeakMap(), Lh = new WeakMap(), vn = new WeakMap(), Ph = new WeakMap();
 customElements.get("ng-paging") || customElements.define("ng-paging", qd);
 var ci, sa;
 class Hd extends Mr {
@@ -27976,18 +27976,18 @@ class Vd extends Mr {
   }
 }
 Fh = new WeakMap();
-var er, or, di;
+var rr, or, di;
 class Wd extends HTMLElement {
   constructor() {
     super();
-    Y(this, er);
+    Y(this, rr);
     Y(this, or);
     Y(this, di);
     it(this, "popup", (t) => {
-      var l = f(this, er).body.querySelector(`tr[data-row="${t}"]`).data;
-      tt(this, di, l.__ng._[H.ROW.INDEX]), $(".title", this.shadowRoot).html(f(this, er).getAttribute("caption") || "Details"), $(".sub-title", this.shadowRoot).html(`(${(Number(t) + 1).toLocaleString()} of ${f(this, er).data.count().toLocaleString()})`);
-      var c = $("colgroup", f(this, or)), o = 500, r = $(".ng-container-body thead tr", f(this, er).body).not(".col-indicator-rowgroup").length, n = f(this, er).template.length, s = 0;
-      $(`tr [data-row=${t}]`, f(this, er).body).not(".dummy").not(".first").not(".last").each((h, p) => {
+      var l = f(this, rr).body.querySelector(`tr[data-row="${t}"]`).data;
+      tt(this, di, l.__ng._[H.ROW.INDEX]), $(".title", this.shadowRoot).html(f(this, rr).getAttribute("caption") || "Details"), $(".sub-title", this.shadowRoot).html(`(${(Number(t) + 1).toLocaleString()} of ${f(this, rr).data.count().toLocaleString()})`);
+      var c = $("colgroup", f(this, or)), o = 500, r = $(".ng-container-body thead tr", f(this, rr).body).not(".col-indicator-rowgroup").length, n = f(this, rr).template.length, s = 0;
+      $(`tr [data-row=${t}]`, f(this, rr).body).not(".dummy").not(".first").not(".last").each((h, p) => {
         s = Math.max(s, parseInt(p.getAttribute("data-col")) + parseInt(p.getAttribute("colspan") || 1));
       });
       for (var e = 0; e < r; e++) {
@@ -28001,14 +28001,14 @@ class Wd extends HTMLElement {
       for (var e = 0; e < s; e++) {
         let p = $("<tr></tr>");
         for (var u = 0; u < r; u++) {
-          const m = f(this, er).body.querySelectorAll(`thead [data-col="${e}"]:not(.dummy):not(.first):not(.last):not(.col-indicator)`)[u];
+          const m = f(this, rr).body.querySelectorAll(`thead [data-col="${e}"]:not(.dummy):not(.first):not(.last):not(.col-indicator)`)[u];
           if (m) {
             const d = m.getAttribute("rowspan") || 1, b = m.getAttribute("colspan") || 1, g = m.cloneNode(!0);
             g.setAttribute("rowspan", b), g.setAttribute("colspan", d), g.removeAttribute("fixed"), $(g).height($(m).height()), p.append(g);
           }
         }
         for (var u = 0; u < n; u++) {
-          const d = f(this, er).body.querySelectorAll(`[data-row="${t}"][data-col="${e}"]:not(.dummy):not(.first):not(.last)`)[u];
+          const d = f(this, rr).body.querySelectorAll(`[data-row="${t}"][data-col="${e}"]:not(.dummy):not(.first):not(.last)`)[u];
           if (d) {
             const b = d.getAttribute("rowspan") || 1, g = d.getAttribute("colspan") || 1;
             if ($("ng-row-indicator,ng-row-state,ng-row-pin,ng-row-detail", d).length > 0) {
@@ -28019,7 +28019,7 @@ class Wd extends HTMLElement {
             S.setAttribute("data-row", 0), S.setAttribute("rowspan", g), S.setAttribute("colspan", b), S.removeAttribute("fixed"), p.append(S);
             for (const E of d.children) {
               const I = E.getAttribute("data-source");
-              I && (f(this, or)[I] = f(this, er)[I]);
+              I && (f(this, or)[I] = f(this, rr)[I]);
             }
           }
         }
@@ -28032,14 +28032,14 @@ class Wd extends HTMLElement {
           d.dataset.col = a, a += d.colSpan || 1;
         });
       }), f(this, or).shadowRoot.querySelector(".ng-body").style.height = "100vh", f(this, or).createTemplate(), this.shadowRoot.querySelector("dialog").showModal(), setTimeout(() => {
-        f(this, or).data.source = [Object.assign({}, f(this, er).data.getNF(f(this, di)))];
+        f(this, or).data.source = [Object.assign({}, f(this, rr).data.getNF(f(this, di)))];
       });
     });
     this.attachShadow({ mode: "open" });
   }
   connectedCallback() {
-    tt(this, er, this.getRootNode().host);
-    const t = f(this, er).getAttribute("css-path") || "";
+    tt(this, rr, this.getRootNode().host);
+    const t = f(this, rr).getAttribute("css-path") || "";
     this.shadowRoot.innerHTML = `
 			<style>
 				@import "https://cdn.jsdelivr.net/npm/ninegrid2@${H.version}/dist/css/ninegrid.css";
@@ -28058,10 +28058,10 @@ class Wd extends HTMLElement {
 					</table>
 				</nine-grid>
 			</nx-dialog>
-		`, tt(this, or, this.shadowRoot.querySelector("nine-grid")), f(this, or).fields.add(f(this, er).fields.get()), $(".reset", this.shadowRoot).on("click", (l) => {
-      f(this, or).data.set(f(this, er).data.getNF(f(this, di)));
+		`, tt(this, or, this.shadowRoot.querySelector("nine-grid")), f(this, or).fields.add(f(this, rr).fields.get()), $(".reset", this.shadowRoot).on("click", (l) => {
+      f(this, or).data.set(f(this, rr).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();
+      f(this, rr).data.all.update(f(this, or).data.get(0), f(this, di)), this.shadowRoot.querySelector("dialog").close();
     }), $(".close", this.shadowRoot).onFirst("click", (l) => {
       f(this, or).data.isChanged() && (l.stopImmediatePropagation(), H.confirm(`There is changed data.
 Do you want to save it?`, "SAVE", { class: "rgb", "true-text": "Yes", "false-text": "No" }).then((c) => {
@@ -28070,7 +28070,7 @@ Do you want to save it?`, "SAVE", { class: "rgb", "true-text": "Yes", "false-tex
     });
   }
 }
-er = new WeakMap(), or = new WeakMap(), di = new WeakMap();
+rr = new WeakMap(), or = new WeakMap(), di = new WeakMap();
 customElements.get("ng-row-detail") || customElements.define("ng-row-detail", Vd);
 customElements.get("ng-row-detail-popup") || customElements.define("ng-row-detail-popup", Wd);
 var qh;