@ninebone/grid 0.0.20 → 0.0.22

package/dist/nine-grid.js

@@ -2660,24 +2660,25 @@ class ad {
   }
 }
 Xr = new WeakMap(), Do = new WeakMap(), hs = new WeakMap();
-var He, Dt, $e, Cr, ni, $s, nn, Bo, on, Fo, qo, wh, Ho, zo, an, ln, Uo, Vo, Wo;
+var qe, Dt, $e, Cr, ni, $s, nn, Bo, on, Fo, qo, wh, Ho, zo, an, ln, Uo, Vo, Wo;
 class ld {
   constructor(C, t) {
-    Y(this, He);
+    Y(this, qe);
     Y(this, Dt);
     Y(this, $e);
     Y(this, Cr);
     Y(this, ni);
     Y(this, $s);
     it(this, "initialize", () => {
-      tt(this, $s, []), $(f(this, He).template).each((C, t) => {
+      tt(this, $s, []), $(f(this, qe).template).each((C, t) => {
         f(this, $s).push($(t).height());
       }), (f(this, Dt).rawRecords || []).forEach((C) => {
         C.__ng.height = f(this, $s).slice();
       });
     });
     it(this, "set", (C) => {
-      this.clear(), this.add(C, !1), console.log(f(this, Dt)), console.log(f(this, Dt).owner), console.log(f(this, Dt).owner.matrix);
+      var t, l, c;
+      this.clear(), this.add(C, !1), console.log(f(this, Dt)), console.log(f(this, Dt).owner.matrix), (c = (l = (t = f(this, qe)) == null ? void 0 : t.owner) == null ? void 0 : l.matrix) == null || c.updateCumulativeHeights();
     });
     it(this, "assign", (C) => {
       this.source = C;
@@ -2699,7 +2700,7 @@ class ld {
      * { "key1": [1,2,...], "key2": [1,2,...], ... }
      */
     it(this, "setFilter", (C) => {
-      f(this, He).filtering.on();
+      f(this, qe).filtering.on();
       let t = {};
       if (Array.isArray(C))
         for (let c in C[0])
@@ -2722,12 +2723,12 @@ class ld {
           s.__ng.filtered = !0;
         });
       }
-      this.refreshFilter(), f(this, He).shadowRoot.querySelectorAll("ng-filter-button").forEach((c) => {
+      this.refreshFilter(), f(this, qe).shadowRoot.querySelectorAll("ng-filter-button").forEach((c) => {
         c.filterOptions.forEach((o) => {
           o.data = [];
         });
       }), Object.entries(t).forEach(([c, o]) => {
-        f(this, He).shadowRoot.querySelectorAll("ng-filter-button").forEach((r) => {
+        f(this, qe).shadowRoot.querySelectorAll("ng-filter-button").forEach((r) => {
           let n = r.filterOptions;
           n.forEach((s) => {
             s.colnm === c && (s.data = o);
@@ -2821,7 +2822,7 @@ class ld {
         var c = {
           v: []
         };
-        for (const o of f(this, He).fields.get())
+        for (const o of f(this, qe).fields.get())
           c.v.push(H.nvl(l[o], ""));
         t.push(c);
       }), t;
@@ -2846,16 +2847,16 @@ class ld {
       if (Array.isArray(C)) {
         var t = [];
         for (const r of C) {
-          for (var l = {}, c = 0; c < f(this, He).fields.get().length; c++) {
-            const n = f(this, He).fields.get()[c];
+          for (var l = {}, c = 0; c < f(this, qe).fields.get().length; c++) {
+            const n = f(this, qe).fields.get()[c];
             l[n] = r.v[c];
           }
           l.__ng = r.__ng, t.push(l);
         }
         return t;
       } else {
-        for (var o = C, l = {}, c = 0; c < f(this, He).fields.get().length; c++) {
-          const s = f(this, He).fields.get()[c];
+        for (var o = C, l = {}, c = 0; c < f(this, qe).fields.get().length; c++) {
+          const s = f(this, qe).fields.get()[c];
           l[s] = o.v[c];
         }
         return l.__ng = o.__ng, l;
@@ -2866,16 +2867,16 @@ class ld {
       if (Array.isArray(C)) {
         var t = [];
         for (const r of C) {
-          for (var l = {}, c = 0; c < f(this, He).fields.get().length; c++) {
-            const n = f(this, He).fields.get()[c];
+          for (var l = {}, c = 0; c < f(this, qe).fields.get().length; c++) {
+            const n = f(this, qe).fields.get()[c];
             l[n] = r.v[c];
           }
           l.__ng = r.__ng, t.push(l);
         }
         return t;
       } else {
-        for (var o = C, l = {}, c = 0; c < f(this, He).fields.get().length; c++) {
-          const s = f(this, He).fields.get()[c];
+        for (var o = C, l = {}, c = 0; c < f(this, qe).fields.get().length; c++) {
+          const s = f(this, qe).fields.get()[c];
           l[s] = o.v[c];
         }
         return l.__ng = o.__ng, l;
@@ -3034,7 +3035,7 @@ class ld {
       var c = C[l], o = !1;
       for (const e in t)
         if (!["__ng", "rowState"].includes(e)) {
-          var r = f(this, He).fields.indexOf(e);
+          var r = f(this, qe).fields.indexOf(e);
           if (!(r < 0)) {
             var n = c.v[r], s = t[e];
             c.v[r] = s, n != s && (c.__ng.rowState = H.ROW_STATE.UPDATE, o = !0, f(this, qo).call(this, l, e, n, s));
@@ -3061,7 +3062,7 @@ class ld {
     });
     Y(this, zo, (C, t, l, c, o) => {
       C = parseInt(C), c == null && (c = !0);
-      const r = f(this, He).fields.indexOf(t);
+      const r = f(this, qe).fields.indexOf(t);
       if (!(r < 0)) {
         var n = o ? this.getValidDataNF()[C] : this.getValidData()[C], s = n.v[r];
         n.v[r] != l && n.__ng.rowState != H.ROW_STATE.INSERT && (n.__ng.o.hasOwnProperty(t) || (n.__ng.o[t] = s), c && (n.__ng.rowState = H.ROW_STATE.UPDATE, this.onRowStateChanged())), n.v[r] = l, f(this, Dt).owner.refreshData(C), f(this, qo).call(this, C, t, s, l);
@@ -3116,7 +3117,7 @@ class ld {
         if (t < 0 || t >= C.length)
           throw `invalid row : ${t}`;
         if (l != null) {
-          var c = f(this, He).fields.indexOf(l);
+          var c = f(this, qe).fields.indexOf(l);
           return c >= 0 ? C[t].v[c] : null;
         }
         var o = t == null ? C : C[t];
@@ -3145,7 +3146,7 @@ class ld {
      * return : 지정된 컬럼명에 해당하는 데이타 값을 배열로 반환
      */
     Y(this, Uo, (C, t) => {
-      var l = f(this, He).fields.indexOf(t);
+      var l = f(this, qe).fields.indexOf(t);
       return l < 0 ? [] : C.map((c) => c.v[l]);
     });
     it(this, "getMap", (C) => f(this, Uo).call(this, this.getValidData(), C));
@@ -3169,7 +3170,7 @@ class ld {
       }
       return -1;
     });
-    tt(this, He, C), tt(this, Dt, t), tt(this, $e, []), tt(this, Cr, []), tt(this, ni, 0), this.all = {
+    tt(this, qe, C), tt(this, Dt, t), tt(this, $e, []), tt(this, Cr, []), tt(this, ni, 0), this.all = {
       get: (l, c) => f(this, ln).call(this, this.recordsNF(), l, c),
       records: (l) => this.recordsNF(l),
       count: () => this.recordsNF().length,
@@ -3250,7 +3251,7 @@ class ld {
     delete f(this, Dt).rawRecords, tt(this, $e, []), tt(this, Cr, []), f(this, Dt).rawRecords = [], f(this, Dt).viewRecords.reset();
   }
 }
-He = new WeakMap(), Dt = new WeakMap(), $e = new WeakMap(), Cr = new WeakMap(), ni = new WeakMap(), $s = new WeakMap(), nn = new WeakMap(), Bo = new WeakMap(), on = new WeakMap(), Fo = new WeakMap(), qo = new WeakMap(), wh = new WeakMap(), Ho = new WeakMap(), zo = new WeakMap(), an = new WeakMap(), ln = new WeakMap(), Uo = new WeakMap(), Vo = new WeakMap(), Wo = new WeakMap();
+qe = new WeakMap(), Dt = new WeakMap(), $e = new WeakMap(), Cr = new WeakMap(), ni = new WeakMap(), $s = new WeakMap(), nn = new WeakMap(), Bo = new WeakMap(), on = new WeakMap(), Fo = new WeakMap(), qo = new WeakMap(), wh = new WeakMap(), Ho = new WeakMap(), zo = new WeakMap(), an = new WeakMap(), ln = new WeakMap(), Uo = new WeakMap(), Vo = new WeakMap(), Wo = new WeakMap();
 class hd {
   constructor(C) {
     this.owner = C, this.row = new ad(this), this.data = new ld(C, this), this.setDataSource = (l) => {
@@ -28122,25 +28123,25 @@ const Ti = class Ti extends Mr {
 Hh = new WeakMap(), //static sourceRow = -1;
 it(Ti, "dragData"), it(Ti, "scrollInterval");
 let ir = Ti;
-var qe, na, oa, aa, ps, la, ha, ca, ua;
+var He, na, oa, aa, ps, la, ha, ca, ua;
 class Ud {
   constructor(C) {
-    Y(this, qe);
+    Y(this, He);
     /** attribute 변경에 대한 반응 */
     it(this, "resetEvent", () => {
-      $(".ng-table tbody.bindable", f(this, qe).body).off("dragleave", f(this, ha)).off("dragenter", f(this, la)).off("dragover", f(this, aa)).off("drop", f(this, ua)).off("dragend", f(this, ca)).on("dragleave", f(this, ha)).on("dragenter", f(this, la)).on("dragover", f(this, aa)).on("drop", f(this, ua)).on("dragend", f(this, ca));
+      $(".ng-table tbody.bindable", f(this, He).body).off("dragleave", f(this, ha)).off("dragenter", f(this, la)).off("dragover", f(this, aa)).off("drop", f(this, ua)).off("dragend", f(this, ca)).on("dragleave", f(this, ha)).on("dragenter", f(this, la)).on("dragover", f(this, aa)).on("drop", f(this, ua)).on("dragend", f(this, ca));
     });
     Y(this, na, (C) => {
       [".ng-container-left", ".ng-container-body", ".ng-container-right"].forEach((t) => {
-        const l = f(this, qe).body.querySelectorAll(`${t} tr[data-row="${C}"]`);
+        const l = f(this, He).body.querySelectorAll(`${t} tr[data-row="${C}"]`);
         H.j.querySelectorAll("th,td", l[0]).addClass("ng-dragover-up");
       });
     });
     Y(this, oa, (C) => {
       [".ng-container-left", ".ng-container-body", ".ng-container-right"].forEach((t) => {
-        f(this, qe).body.querySelectorAll(`${t} tr[data-row="${C}"]`).forEach((l, c) => {
+        f(this, He).body.querySelectorAll(`${t} tr[data-row="${C}"]`).forEach((l, c) => {
           l.querySelectorAll("th,td").forEach((o) => {
-            c + (o.rowSpan || 1) == f(this, qe).template.length && H.j.querySelectorAll(o).addClass("ng-dragover-down");
+            c + (o.rowSpan || 1) == f(this, He).template.length && H.j.querySelectorAll(o).addClass("ng-dragover-down");
           });
         });
       });
@@ -28151,7 +28152,7 @@ class Ud {
       if (H.j.querySelectorAll("th,td", t.body).removeClass("ng-dragover-up").removeClass("ng-dragover-down"), H.j.querySelectorAll("th,td", l.body).removeClass("ng-dragover-up").removeClass("ng-dragover-down"), t.id == l.id)
         o < c ? (f(this, na).call(this, o), ir.dragData.targetRow = o) : o > c && (f(this, oa).call(this, o), ir.dragData.targetRow = o - 1);
       else {
-        const r = f(this, qe).body.querySelector(`tr[data-row="${o}"]`), s = C.pageY - $(r).offset().top < f(this, qe).view.getRowHeight(o) / 2;
+        const r = f(this, He).body.querySelector(`tr[data-row="${o}"]`), s = C.pageY - $(r).offset().top < f(this, He).view.getRowHeight(o) / 2;
         s ? f(this, na).call(this, o) : f(this, oa).call(this, o), ir.dragData.targetRow = s ? o : o + 1;
       }
     });
@@ -28159,11 +28160,11 @@ class Ud {
     Y(this, la, (C) => {
       C.preventDefault();
       const t = parseInt(C.target.closest("tr").dataset.row);
-      [f(this, qe).view.getVisibleFirstRow(), f(this, qe).view.getVisibleLastRow()].includes(t) && setTimeout(() => {
+      [f(this, He).view.getVisibleFirstRow(), f(this, He).view.getVisibleLastRow()].includes(t) && setTimeout(() => {
         if (!f(this, ps)) {
-          const l = t == f(this, qe).view.getVisibleLastRow() ? 1 : -1;
+          const l = t == f(this, He).view.getVisibleLastRow() ? 1 : -1;
           tt(this, ps, setInterval(() => {
-            f(this, qe).scrollBy(l);
+            f(this, He).scrollBy(l);
           }, ir.scrollInterval));
         }
       });
@@ -28174,13 +28175,13 @@ class Ud {
     Y(this, ca, (C) => {
     });
     Y(this, ua, (C) => {
-      C.preventDefault(), clearInterval(f(this, ps)), tt(this, ps, null), f(this, qe).body.querySelectorAll(".ng-container-left .ng-tmp").forEach((a) => {
+      C.preventDefault(), clearInterval(f(this, ps)), tt(this, ps, null), f(this, He).body.querySelectorAll(".ng-container-left .ng-tmp").forEach((a) => {
         $(a).remove();
       });
-      const t = H.nvl(document.getElementById(ir.dragData.id), f(this, qe)), l = ir.dragData.row, c = ir.dragData.bind, o = C.target.closest("tr"), r = C.target.getRootNode().host, n = parseInt(o.dataset.row), s = r.body.querySelector("ng-row-drag") ? r.body.querySelector("ng-row-drag").cell.dataset.bind : null;
+      const t = H.nvl(document.getElementById(ir.dragData.id), f(this, He)), l = ir.dragData.row, c = ir.dragData.bind, o = C.target.closest("tr"), r = C.target.getRootNode().host, n = parseInt(o.dataset.row), s = r.body.querySelector("ng-row-drag") ? r.body.querySelector("ng-row-drag").cell.dataset.bind : null;
       if (H.j.querySelectorAll("th,td", t.body).removeClass("ng-dragover-up").removeClass("ng-dragover-down"), H.j.querySelectorAll("th,td", r.body).removeClass("ng-dragover-up").removeClass("ng-dragover-down"), t.id == r.id && l == n) return;
       const e = new CustomEvent(H.EVENT.CAN_ROW_MOVE, { bubbles: !0, cancelable: !0, detail: {} });
-      if (e.sourceGrid = t, e.targetGrid = r, e.sourceRow = l, e.targetRow = ir.dragData.targetRow, f(this, qe).dispatchEvent(e) && (t.id == r.id ? C.altKey ? f(this, qe).data.insert(f(this, qe).data.get(l), n) : f(this, qe).data.moveRow(l, n) : (r.data.insert(t.data.get(l), ir.dragData.targetRow), C.altKey || t.data.delete(l))), c) {
+      if (e.sourceGrid = t, e.targetGrid = r, e.sourceRow = l, e.targetRow = ir.dragData.targetRow, f(this, He).dispatchEvent(e) && (t.id == r.id ? C.altKey ? f(this, He).data.insert(f(this, He).data.get(l), n) : f(this, He).data.moveRow(l, n) : (r.data.insert(t.data.get(l), ir.dragData.targetRow), C.altKey || t.data.delete(l))), c) {
         const a = t.fields.indexOf(c);
         for (var i = 0; i < t.data.all.count(); i++)
           t.data.all.setRecord(i, a, i + 1);
@@ -28190,14 +28191,14 @@ class Ud {
         for (var i = 0; i < r.data.all.count(); i++)
           r.data.all.setRecord(i, a, i + 1);
       }
-      f(this, qe).dataManager.viewRecords.reset();
+      f(this, He).dataManager.viewRecords.reset();
       const u = new CustomEvent(H.EVENT.ROW_MOVED, { bubbles: !0, detail: {} });
-      u.sourceGrid = t, u.targetGrid = r, u.sourceRow = l, u.targetRow = ir.dragData.targetRow, f(this, qe).dispatchEvent(u), ir.dragData = null;
+      u.sourceGrid = t, u.targetGrid = r, u.sourceRow = l, u.targetRow = ir.dragData.targetRow, f(this, He).dispatchEvent(u), ir.dragData = null;
     });
-    tt(this, qe, C), this.resetEvent();
+    tt(this, He, C), this.resetEvent();
   }
 }
-qe = new WeakMap(), na = new WeakMap(), oa = new WeakMap(), aa = new WeakMap(), ps = new WeakMap(), la = new WeakMap(), ha = new WeakMap(), ca = new WeakMap(), ua = new WeakMap();
+He = new WeakMap(), na = new WeakMap(), oa = new WeakMap(), aa = new WeakMap(), ps = new WeakMap(), la = new WeakMap(), ha = new WeakMap(), ca = new WeakMap(), ua = new WeakMap();
 customElements.get("ng-row-drag") || customElements.define("ng-row-drag", ir);
 var sr, pr, fi, zh, Uh, da;
 class Vd extends HTMLElement {