@toolbox-web/grid 1.3.0 → 1.4.0

package/lib/plugins/column-virtualization/index.js

@@ -1,4 +1,4 @@
-const C = {
+const d = '<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>', p = {
   expand: "▶",
   collapse: "▼",
   sortAsc: "▲",
@@ -6,7 +6,10 @@ const C = {
   sortNone: "⇅",
   submenuArrow: "▶",
   dragHandle: "⋮⋮",
-  toolPanel: "☰"
+  toolPanel: "☰",
+  filter: d,
+  filterActive: d,
+  print: "🖨️"
 };
 class b {
   /**
@@ -232,7 +235,7 @@ class b {
    */
   get gridIcons() {
     const t = this.grid?.gridConfig?.icons ?? {};
-    return { ...C, ...t };
+    return { ...p, ...t };
   }
   // #region Animation Helpers
   /**
@@ -308,59 +311,59 @@ class b {
   }
   // #endregion
 }
-const h = 100;
-function a(s) {
-  if (s == null)
-    return h;
-  if (typeof s == "number")
-    return s;
-  const t = parseFloat(s);
-  return isNaN(t) ? h : t;
+const c = 100;
+function a(r) {
+  if (r == null)
+    return c;
+  if (typeof r == "number")
+    return r;
+  const t = parseFloat(r);
+  return isNaN(t) ? c : t;
 }
-function c(s) {
-  return s.map((t) => a(t.width));
+function f(r) {
+  return r.map((t) => a(t.width));
 }
-function f(s) {
+function g(r) {
   const t = [];
   let e = 0;
-  for (const i of s)
+  for (const i of r)
     t.push(e), e += a(i.width);
   return t;
 }
-function g(s) {
-  return s.reduce((t, e) => t + a(e.width), 0);
+function m(r) {
+  return r.reduce((t, e) => t + a(e.width), 0);
 }
-function p(s, t, e, i, n) {
-  const r = e.length;
-  if (r === 0)
+function w(r, t, e, i, n) {
+  const s = e.length;
+  if (s === 0)
     return { startCol: 0, endCol: 0, visibleColumns: [] };
-  let o = w(s, e, i);
+  let o = v(r, e, i);
   o = Math.max(0, o - n);
-  const m = s + t;
+  const C = r + t;
   let u = o;
-  for (let l = o; l < r; l++) {
-    if (e[l] >= m) {
+  for (let l = o; l < s; l++) {
+    if (e[l] >= C) {
       u = l - 1;
       break;
     }
     u = l;
   }
-  u = Math.min(r - 1, u + n);
-  const d = [];
+  u = Math.min(s - 1, u + n);
+  const h = [];
   for (let l = o; l <= u; l++)
-    d.push(l);
-  return { startCol: o, endCol: u, visibleColumns: d };
+    h.push(l);
+  return { startCol: o, endCol: u, visibleColumns: h };
 }
-function w(s, t, e) {
+function v(r, t, e) {
   let i = 0, n = t.length - 1;
   for (; i < n; ) {
-    const r = Math.floor((i + n) / 2);
-    t[r] + e[r] <= s ? i = r + 1 : n = r;
+    const s = Math.floor((i + n) / 2);
+    t[s] + e[s] <= r ? i = s + 1 : n = s;
   }
   return i;
 }
-function R(s, t, e) {
-  return e ? s > t : !1;
+function R(r, t, e) {
+  return e ? r > t : !1;
 }
 class E extends b {
   /** @internal */
@@ -387,7 +390,7 @@ class E extends b {
   attach(t) {
     super.attach(t);
     const e = this.columns;
-    this.columnWidths = c(e), this.columnOffsets = f(e), this.totalWidth = g(e), this.endCol = e.length - 1;
+    this.columnWidths = f(e), this.columnOffsets = g(e), this.totalWidth = m(e), this.endCol = e.length - 1;
   }
   /** @internal */
   detach() {
@@ -398,16 +401,16 @@ class E extends b {
   /** @internal */
   processColumns(t) {
     const e = R(t.length, this.config.threshold ?? 30, this.config.autoEnable ?? !0);
-    if (this.isVirtualized = e ?? !1, this.columnWidths = c(t), this.columnOffsets = f(t), this.totalWidth = g(t), !e)
+    if (this.isVirtualized = e ?? !1, this.columnWidths = f(t), this.columnOffsets = g(t), this.totalWidth = m(t), !e)
       return this.startCol = 0, this.endCol = t.length - 1, [...t];
-    const i = this.grid.clientWidth || 800, n = p(
+    const i = this.grid.clientWidth || 800, n = w(
       this.scrollLeft,
       i,
       this.columnOffsets,
       this.columnWidths,
       this.config.overscan ?? 3
     );
-    return this.startCol = n.startCol, this.endCol = n.endCol, n.visibleColumns.map((r) => t[r]);
+    return this.startCol = n.startCol, this.endCol = n.endCol, n.visibleColumns.map((s) => t[s]);
   }
   /** @internal */
   afterRender() {
@@ -418,8 +421,8 @@ class E extends b {
     i && (i.style.paddingLeft = `${e}px`), n.forEach((o) => {
       o.style.paddingLeft = `${e}px`;
     });
-    const r = t.querySelector(".rows-viewport .rows");
-    r && (r.style.width = `${this.totalWidth}px`);
+    const s = t.querySelector(".rows-viewport .rows");
+    s && (s.style.width = `${this.totalWidth}px`);
   }
   /** @internal */
   onScroll(t) {