@toolbox-web/grid 1.3.0 → 1.4.0

package/lib/plugins/server-side/index.js

@@ -1,4 +1,4 @@
-const a = {
+const c = '<svg viewBox="0 0 16 16" width="12" height="12"><path fill="currentColor" d="M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/></svg>', d = {
   expand: "▶",
   collapse: "▼",
   sortAsc: "▲",
@@ -6,9 +6,12 @@ const a = {
   sortNone: "⇅",
   submenuArrow: "▶",
   dragHandle: "⋮⋮",
-  toolPanel: "☰"
+  toolPanel: "☰",
+  filter: c,
+  filterActive: c,
+  print: "🖨️"
 };
-class d {
+class u {
   /**
    * Plugin dependencies - declare other plugins this one requires.
    *
@@ -232,7 +235,7 @@ class d {
    */
   get gridIcons() {
     const e = this.grid?.gridConfig?.icons ?? {};
-    return { ...a, ...e };
+    return { ...d, ...e };
   }
   // #region Animation Helpers
   /**
@@ -311,35 +314,35 @@ class d {
 function l(s, e) {
   return Math.floor(s / e);
 }
-function u(s, e) {
+function h(s, e) {
   return {
     start: s * e,
     end: (s + 1) * e
   };
 }
-function h(s, e, t) {
-  const o = l(s, t), i = l(e - 1, t), r = [];
-  for (let n = o; n <= i; n++)
-    r.push(n);
-  return r;
+function g(s, e, t) {
+  const o = l(s, t), r = l(e - 1, t), i = [];
+  for (let n = o; n <= r; n++)
+    i.push(n);
+  return i;
 }
-async function c(s, e, t, o) {
-  const i = u(e, t);
+async function a(s, e, t, o) {
+  const r = h(e, t);
   return s.getRows({
-    startRow: i.start,
-    endRow: i.end,
+    startRow: r.start,
+    endRow: r.end,
     sortModel: o.sortModel,
     filterModel: o.filterModel
   });
 }
-function g(s, e, t) {
-  const o = l(s, e), i = t.get(o);
-  if (!i) return;
-  const r = s % e;
-  return i[r];
+function f(s, e, t) {
+  const o = l(s, e), r = t.get(o);
+  if (!r) return;
+  const i = s % e;
+  return r[i];
 }
-const f = 100;
-class R extends d {
+const R = 100;
+class k extends u {
   /** @internal */
   name = "serverSide";
   /** @internal */
@@ -370,15 +373,15 @@ class R extends d {
    */
   loadRequiredBlocks() {
     if (!this.dataSource) return;
-    const e = this.grid, t = this.config.cacheBlockSize ?? 100, o = { startRow: e._virtualization.start, endRow: e._virtualization.end }, i = h(o.startRow, o.endRow, t);
-    for (const r of i)
-      if (!(this.loadedBlocks.has(r) || this.loadingBlocks.has(r))) {
+    const e = this.grid, t = this.config.cacheBlockSize ?? 100, o = { startRow: e._virtualization.start, endRow: e._virtualization.end }, r = g(o.startRow, o.endRow, t);
+    for (const i of r)
+      if (!(this.loadedBlocks.has(i) || this.loadingBlocks.has(i))) {
         if (this.loadingBlocks.size >= (this.config.maxConcurrentRequests ?? 2))
           break;
-        this.loadingBlocks.add(r), c(this.dataSource, r, t, {}).then((n) => {
-          this.loadedBlocks.set(r, n.rows), this.totalRowCount = n.totalRowCount, this.loadingBlocks.delete(r), this.requestRender(), this.loadRequiredBlocks();
+        this.loadingBlocks.add(i), a(this.dataSource, i, t, {}).then((n) => {
+          this.loadedBlocks.set(i, n.rows), this.totalRowCount = n.totalRowCount, this.loadingBlocks.delete(i), this.requestRender(), this.loadRequiredBlocks();
         }).catch(() => {
-          this.loadingBlocks.delete(r);
+          this.loadingBlocks.delete(i);
         });
       }
   }
@@ -389,8 +392,8 @@ class R extends d {
     if (!this.dataSource) return [...e];
     const t = [];
     for (let o = 0; o < this.totalRowCount; o++) {
-      const i = g(o, this.config.cacheBlockSize ?? 100, this.loadedBlocks);
-      t.push(i ?? { __loading: !0, __index: o });
+      const r = f(o, this.config.cacheBlockSize ?? 100, this.loadedBlocks);
+      t.push(r ?? { __loading: !0, __index: o });
     }
     return t;
   }
@@ -398,7 +401,7 @@ class R extends d {
   onScroll(e) {
     this.dataSource && (this.loadRequiredBlocks(), this.scrollDebounceTimer && clearTimeout(this.scrollDebounceTimer), this.scrollDebounceTimer = setTimeout(() => {
       this.loadRequiredBlocks();
-    }, f));
+    }, R));
   }
   // #endregion
   // #region Public API
@@ -409,7 +412,7 @@ class R extends d {
   setDataSource(e) {
     this.dataSource = e, this.loadedBlocks.clear(), this.loadingBlocks.clear();
     const t = this.config.cacheBlockSize ?? 100;
-    c(e, 0, t, {}).then((o) => {
+    a(e, 0, t, {}).then((o) => {
       this.loadedBlocks.set(0, o.rows), this.totalRowCount = o.totalRowCount, this.requestRender();
     });
   }
@@ -448,6 +451,6 @@ class R extends d {
   // #endregion
 }
 export {
-  R as ServerSidePlugin
+  k as ServerSidePlugin
 };
 //# sourceMappingURL=index.js.map