@toolbox-web/grid 1.14.1 → 1.16.0

package/lib/plugins/filtering/FilteringPlugin.d.ts

@@ -1,4 +1,4 @@
-import { BaseGridPlugin, GridElement, PluginManifest } from '../../core/plugin/base-plugin';
+import { BaseGridPlugin, GridElement, PluginManifest, PluginQuery } from '../../core/plugin/base-plugin';
 import { ColumnState } from '../../core/types';
 import { FilterConfig, FilterModel } from './types';
 /**
@@ -145,6 +145,12 @@ export declare class FilteringPlugin extends BaseGridPlugin<FilterConfig> {
     attach(grid: GridElement): void;
     /** @internal */
     detach(): void;
+    /**
+     * Handle inter-plugin queries.
+     * Contributes filter-related items to the header context menu.
+     * @internal
+     */
+    handleQuery(query: PluginQuery): unknown;
     /** @internal */
     processRows(rows: readonly unknown[]): unknown[];
     /** @internal */

package/lib/plugins/filtering/FilteringPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilteringPlugin.d.ts","sourceRoot":"","sources":["../../../../../../libs/grid/src/lib/plugins/filtering/FilteringPlugin.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"FilteringPlugin.d.ts","sourceRoot":"","sources":["../../../../../../libs/grid/src/lib/plugins/filtering/FilteringPlugin.ts"],"names":[],"mappings":"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"}

package/lib/plugins/filtering/filter-model.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter-model.d.ts","sourceRoot":"","sources":["../../../../../../libs/grid/src/lib/plugins/filtering/filter-model.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAe3C;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,aAAa,UAAQ,GAAG,OAAO,CAiE/G;AAED;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC1D,IAAI,EAAE,CAAC,EAAE,EACT,OAAO,EAAE,WAAW,EAAE,EACtB,aAAa,UAAQ,GACpB,CAAC,EAAE,CAGL;AAED;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,WAAW,EAAE,GAAG,MAAM,CASpE;AAED;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,EAAE,CAetG"}
+{"version":3,"file":"filter-model.d.ts","sourceRoot":"","sources":["../../../../../../libs/grid/src/lib/plugins/filtering/filter-model.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAe3C;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,aAAa,UAAQ,GAAG,OAAO,CAoE/G;AAED;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC1D,IAAI,EAAE,CAAC,EAAE,EACT,OAAO,EAAE,WAAW,EAAE,EACtB,aAAa,UAAQ,GACpB,CAAC,EAAE,CAGL;AAED;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,WAAW,EAAE,GAAG,MAAM,CASpE;AAED;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,EAAE,CAetG"}

package/lib/plugins/filtering/index.js

@@ -1,11 +1,11 @@
 function G(x) {
-  const { totalRows: e, viewportHeight: t, scrollTop: r, rowHeight: n, overscan: a } = x, s = Math.ceil(t / n);
-  let u = Math.floor(r / n) - a;
+  const { totalRows: e, viewportHeight: t, scrollTop: r, rowHeight: n, overscan: i } = x, l = Math.ceil(t / n);
+  let u = Math.floor(r / n) - i;
   u < 0 && (u = 0);
-  let i = u + s + a * 2;
-  return i > e && (i = e), i === e && u > 0 && (u = Math.max(0, i - s - a * 2)), {
+  let a = u + l + i * 2;
+  return a > e && (a = e), a === e && u > 0 && (u = Math.max(0, a - l - i * 2)), {
     start: u,
-    end: i,
+    end: a,
     offsetY: u * n,
     totalHeight: e * n
   };
@@ -406,22 +406,26 @@ function j(x, e, t = !1) {
     return r == null || r === "";
   if (e.operator === "notBlank")
     return r != null && r !== "";
+  if (e.operator === "notIn")
+    return r == null ? !0 : Array.isArray(e.value) && !e.value.includes(r);
+  if (e.operator === "in")
+    return Array.isArray(e.value) && e.value.includes(r);
   if (r == null) return !1;
-  const n = String(r), a = t ? n : n.toLowerCase(), s = t ? String(e.value) : String(e.value).toLowerCase();
+  const n = String(r), i = t ? n : n.toLowerCase(), l = t ? String(e.value) : String(e.value).toLowerCase();
   switch (e.operator) {
     // Text operators
     case "contains":
-      return a.includes(s);
+      return i.includes(l);
     case "notContains":
-      return !a.includes(s);
+      return !i.includes(l);
     case "equals":
-      return a === s;
+      return i === l;
     case "notEquals":
-      return a !== s;
+      return i !== l;
     case "startsWith":
-      return a.startsWith(s);
+      return i.startsWith(l);
     case "endsWith":
-      return a.endsWith(s);
+      return i.endsWith(l);
     // Number/Date operators (use toNumeric for Date objects and date strings)
     case "lessThan":
       return V(r) < V(e.value);
@@ -433,11 +437,6 @@ function j(x, e, t = !1) {
       return V(r) >= V(e.value);
     case "between":
       return V(r) >= V(e.value) && V(r) <= V(e.valueTo);
-    // Set operators
-    case "in":
-      return Array.isArray(e.value) && e.value.includes(r);
-    case "notIn":
-      return Array.isArray(e.value) && !e.value.includes(r);
     default:
       return !0;
   }
@@ -475,6 +474,12 @@ class _ extends W {
         type: "filter-applied",
         description: "Emitted when filter criteria change. Subscribers can react to row visibility changes."
       }
+    ],
+    queries: [
+      {
+        type: "getContextMenuItems",
+        description: "Contributes filter-related items to the header context menu"
+      }
     ]
   };
   /** @internal */
@@ -557,6 +562,36 @@ class _ extends W {
     this.filters.clear(), this.cachedResult = null, this.cacheKey = null, this.cachedInputSpot = null, this.openPanelField = null, this.panelElement && (this.panelElement.remove(), this.panelElement = null), this.searchText.clear(), this.excludedValues.clear(), this.panelAbortController?.abort(), this.panelAbortController = null;
   }
   // #endregion
+  // #region Query Handlers
+  /**
+   * Handle inter-plugin queries.
+   * Contributes filter-related items to the header context menu.
+   * @internal
+   */
+  handleQuery(e) {
+    if (e.type === "getContextMenuItems") {
+      const t = e.context;
+      if (!t.isHeader) return;
+      const r = t.column;
+      if (!r?.field || !this.isFilteringEnabled() || !this.isColumnFilterable(r)) return;
+      const n = [], i = this.isFieldFiltered(r.field), l = this.filters.size > 0;
+      return i && n.push({
+        id: "filtering/clear-column-filter",
+        label: "Clear Filter",
+        icon: "✕",
+        order: 20,
+        action: () => this.clearFieldFilter(r.field)
+      }), l && n.push({
+        id: "filtering/clear-all-filters",
+        label: "Clear All Filters",
+        icon: "✕",
+        order: 21,
+        disabled: !l,
+        action: () => this.clearAllFilters()
+      }), n.length > 0 ? n : void 0;
+    }
+  }
+  // #endregion
   // #region Hooks
   /** @internal */
   processRows(e) {
@@ -569,11 +604,11 @@ class _ extends W {
       first: e[0],
       mid: e[Math.floor(e.length / 2)],
       last: e[e.length - 1]
-    }, a = this.cachedInputSpot != null && n.len === this.cachedInputSpot.len && n.first === this.cachedInputSpot.first && n.mid === this.cachedInputSpot.mid && n.last === this.cachedInputSpot.last;
-    if (this.cacheKey === r && this.cachedResult && a)
+    }, i = this.cachedInputSpot != null && n.len === this.cachedInputSpot.len && n.first === this.cachedInputSpot.first && n.mid === this.cachedInputSpot.mid && n.last === this.cachedInputSpot.last;
+    if (this.cacheKey === r && this.cachedResult && i)
       return this.cachedResult;
-    const s = J([...e], t, this.config.caseSensitive);
-    return this.cachedResult = s, this.cacheKey = r, this.cachedInputSpot = n, s;
+    const l = J([...e], t, this.config.caseSensitive);
+    return this.cachedResult = l, this.cacheKey = r, this.cachedInputSpot = n, l;
   }
   /** @internal */
   afterRender() {
@@ -582,27 +617,27 @@ class _ extends W {
     e.querySelectorAll('[part~="header-cell"]').forEach((r) => {
       const n = r.getAttribute("data-col");
       if (n === null) return;
-      const a = this.visibleColumns[parseInt(n, 10)];
-      if (!a || !this.isColumnFilterable(a) || U(a)) return;
-      const s = a.field;
-      if (!s) return;
-      const u = this.filters.has(s);
-      let i = r.querySelector(".tbw-filter-btn");
-      if (i) {
-        const y = i.classList.contains("active");
-        if (i.classList.toggle("active", u), r.classList.toggle("filtered", u), y !== u) {
+      const i = this.visibleColumns[parseInt(n, 10)];
+      if (!i || !this.isColumnFilterable(i) || U(i)) return;
+      const l = i.field;
+      if (!l) return;
+      const u = this.filters.has(l);
+      let a = r.querySelector(".tbw-filter-btn");
+      if (a) {
+        const y = a.classList.contains("active");
+        if (a.classList.toggle("active", u), r.classList.toggle("filtered", u), y !== u) {
           const h = u ? "filterActive" : "filter";
-          this.setIcon(i, this.resolveIcon(h));
+          this.setIcon(a, this.resolveIcon(h));
         }
         return;
       }
-      i = document.createElement("button"), i.className = "tbw-filter-btn", i.setAttribute("aria-label", `Filter ${a.header ?? s}`);
+      a = document.createElement("button"), a.className = "tbw-filter-btn", a.setAttribute("aria-label", `Filter ${i.header ?? l}`);
       const f = u ? "filterActive" : "filter";
-      this.setIcon(i, this.resolveIcon(f)), u && (i.classList.add("active"), r.classList.add("filtered")), i.addEventListener("click", (y) => {
-        y.stopPropagation(), this.toggleFilterPanel(s, a, i);
+      this.setIcon(a, this.resolveIcon(f)), u && (a.classList.add("active"), r.classList.add("filtered")), a.addEventListener("click", (y) => {
+        y.stopPropagation(), this.toggleFilterPanel(l, i, a);
       });
       const N = r.querySelector(".resize-handle");
-      N ? r.insertBefore(i, N) : r.appendChild(i);
+      N ? r.insertBefore(a, N) : r.appendChild(a);
     });
   }
   // #endregion
@@ -728,26 +763,26 @@ class _ extends W {
     this.closeFilterPanel();
     const n = document.createElement("div");
     if (n.className = "tbw-filter-panel", this.copyGridThemeContext(n), this.isAnimationEnabled && n.classList.add("tbw-filter-panel-animated"), this.panelElement = n, this.openPanelField = e, this.config.valuesHandler) {
-      n.innerHTML = '<div class="tbw-filter-loading">Loading...</div>', document.body.appendChild(n), this.positionPanel(n, r), this.setupPanelCloseHandler(n, r), this.config.valuesHandler(e, t).then((s) => {
-        this.openPanelField !== e || !this.panelElement || (n.innerHTML = "", this.renderPanelContent(e, t, n, s));
+      n.innerHTML = '<div class="tbw-filter-loading">Loading...</div>', document.body.appendChild(n), this.positionPanel(n, r), this.setupPanelCloseHandler(n, r), this.config.valuesHandler(e, t).then((l) => {
+        this.openPanelField !== e || !this.panelElement || (n.innerHTML = "", this.renderPanelContent(e, t, n, l));
       });
       return;
     }
-    const a = O(this.sourceRows, e);
-    document.body.appendChild(n), this.positionPanel(n, r), this.renderPanelContent(e, t, n, a), this.setupPanelCloseHandler(n, r);
+    const i = O(this.sourceRows, e);
+    document.body.appendChild(n), this.positionPanel(n, r), this.renderPanelContent(e, t, n, i), this.setupPanelCloseHandler(n, r);
   }
   /**
    * Render filter panel content with given values
    */
   renderPanelContent(e, t, r, n) {
-    let a = this.excludedValues.get(e);
-    a || (a = /* @__PURE__ */ new Set(), this.excludedValues.set(e, a));
-    const s = this.searchText.get(e) ?? "", u = {
+    let i = this.excludedValues.get(e);
+    i || (i = /* @__PURE__ */ new Set(), this.excludedValues.set(e, i));
+    const l = this.searchText.get(e) ?? "", u = {
       field: e,
       column: t,
       uniqueValues: n,
-      excludedValues: a,
-      searchText: s,
+      excludedValues: i,
+      searchText: l,
       applySetFilter: (f) => {
         this.applySetFilter(e, f), this.closeFilterPanel();
       },
@@ -759,14 +794,14 @@ class _ extends W {
       },
       closePanel: () => this.closeFilterPanel()
     };
-    let i = !1;
-    if (this.config.filterPanelRenderer && (this.config.filterPanelRenderer(r, u), i = r.children.length > 0), !i && t.type) {
+    let a = !1;
+    if (this.config.filterPanelRenderer && (this.config.filterPanelRenderer(r, u), a = r.children.length > 0), !a && t.type) {
       const f = this.grid.effectiveConfig.typeDefaults?.[t.type];
-      f?.filterPanelRenderer && (f.filterPanelRenderer(r, u), i = r.children.length > 0);
+      f?.filterPanelRenderer && (f.filterPanelRenderer(r, u), a = r.children.length > 0);
     }
-    if (!i) {
+    if (!a) {
       const f = t.type;
-      f === "number" ? this.renderNumberFilterPanel(r, u, n) : f === "date" ? this.renderDateFilterPanel(r, u, n) : this.renderDefaultFilterPanel(r, u, n, a);
+      f === "number" ? this.renderNumberFilterPanel(r, u, n) : f === "date" ? this.renderDateFilterPanel(r, u, n) : this.renderDefaultFilterPanel(r, u, n, i);
     }
   }
   /**
@@ -806,25 +841,25 @@ class _ extends W {
     const n = t.closest(".cell") ?? t;
     if (n.style.anchorName = "--tbw-filter-anchor", this.panelAnchorElement = n, _.checkAnchorPositioningSupport()) {
       requestAnimationFrame(() => {
-        const s = e.getBoundingClientRect(), u = n.getBoundingClientRect();
-        s.top < u.top && e.classList.add("tbw-filter-panel-above");
+        const l = e.getBoundingClientRect(), u = n.getBoundingClientRect();
+        l.top < u.top && e.classList.add("tbw-filter-panel-above");
       });
       return;
     }
-    const a = n.getBoundingClientRect();
-    e.style.position = "fixed", e.style.top = `${a.bottom + 4}px`, e.style.left = `${a.left}px`, requestAnimationFrame(() => {
-      const s = e.getBoundingClientRect();
-      s.right > window.innerWidth - 8 && (e.style.left = `${a.right - s.width}px`), s.bottom > window.innerHeight - 8 && (e.style.top = `${a.top - s.height - 4}px`, e.classList.add("tbw-filter-panel-above"));
+    const i = n.getBoundingClientRect();
+    e.style.position = "fixed", e.style.top = `${i.bottom + 4}px`, e.style.left = `${i.left}px`, requestAnimationFrame(() => {
+      const l = e.getBoundingClientRect();
+      l.right > window.innerWidth - 8 && (e.style.left = `${i.right - l.width}px`), l.bottom > window.innerHeight - 8 && (e.style.top = `${i.top - l.height - 4}px`, e.classList.add("tbw-filter-panel-above"));
     });
   }
   /**
    * Render the default filter panel content
    */
   renderDefaultFilterPanel(e, t, r, n) {
-    const { field: a } = t, s = this.getListItemHeight(), u = document.createElement("div");
+    const { field: i } = t, l = this.getListItemHeight(), u = document.createElement("div");
     u.className = "tbw-filter-search";
-    const i = document.createElement("input");
-    i.type = "text", i.placeholder = "Search...", i.className = "tbw-filter-search-input", i.value = this.searchText.get(a) ?? "", u.appendChild(i), e.appendChild(u);
+    const a = document.createElement("input");
+    a.type = "text", a.placeholder = "Search...", a.className = "tbw-filter-search-input", a.value = this.searchText.get(i) ?? "", u.appendChild(a), e.appendChild(u);
     const f = document.createElement("div");
     f.className = "tbw-filter-actions";
     const N = document.createElement("label");
@@ -834,95 +869,95 @@ class _ extends W {
     const h = document.createElement("span");
     h.textContent = "Select All", N.appendChild(y), N.appendChild(h), f.appendChild(N);
     const C = () => {
-      const l = [...F.values()], b = l.every((o) => o), m = l.every((o) => !o);
+      const s = [...k.values()], b = s.every((o) => o), m = s.every((o) => !o);
       y.checked = b, y.indeterminate = !b && !m;
     };
     y.addEventListener("change", () => {
-      const l = y.checked;
-      for (const b of F.keys())
-        F.set(b, l);
-      C(), A();
+      const s = y.checked;
+      for (const b of k.keys())
+        k.set(b, s);
+      C(), L();
     }), e.appendChild(f);
-    const k = document.createElement("div");
-    k.className = "tbw-filter-values";
+    const F = document.createElement("div");
+    F.className = "tbw-filter-values";
     const w = document.createElement("div");
-    w.className = "tbw-filter-values-spacer", k.appendChild(w);
+    w.className = "tbw-filter-values-spacer", F.appendChild(w);
     const E = document.createElement("div");
-    E.className = "tbw-filter-values-content", k.appendChild(E);
-    const F = /* @__PURE__ */ new Map();
-    r.forEach((l) => {
-      const b = l == null ? "__null__" : String(l);
-      F.set(b, !n.has(l));
+    E.className = "tbw-filter-values-content", F.appendChild(E);
+    const k = /* @__PURE__ */ new Map();
+    r.forEach((s) => {
+      const b = s == null ? "__null__" : String(s);
+      k.set(b, !n.has(s));
     }), C();
     let T = [];
-    const I = (l, b) => {
-      const m = l == null ? "(Blank)" : String(l), o = l == null ? "__null__" : String(l), c = document.createElement("label");
+    const R = (s, b) => {
+      const m = s == null ? "(Blank)" : String(s), o = s == null ? "__null__" : String(s), c = document.createElement("label");
       c.className = "tbw-filter-value-item", c.style.position = "absolute", c.style.top = `calc(var(--tbw-filter-item-height, 28px) * ${b})`, c.style.left = "0", c.style.right = "0", c.style.boxSizing = "border-box";
       const g = document.createElement("input");
-      g.type = "checkbox", g.className = "tbw-filter-checkbox", g.checked = F.get(o) ?? !0, g.dataset.value = o, g.addEventListener("change", () => {
-        F.set(o, g.checked), C();
+      g.type = "checkbox", g.className = "tbw-filter-checkbox", g.checked = k.get(o) ?? !0, g.dataset.value = o, g.addEventListener("change", () => {
+        k.set(o, g.checked), C();
       });
       const M = document.createElement("span");
       return M.textContent = m, c.appendChild(g), c.appendChild(M), c;
-    }, A = () => {
-      const l = T.length, b = k.clientHeight, m = k.scrollTop;
-      if (w.style.height = `${l * s}px`, $(l, _.LIST_BYPASS_THRESHOLD / 3)) {
+    }, L = () => {
+      const s = T.length, b = F.clientHeight, m = F.scrollTop;
+      if (w.style.height = `${s * l}px`, $(s, _.LIST_BYPASS_THRESHOLD / 3)) {
         E.innerHTML = "", E.style.transform = "translateY(0px)", T.forEach((c, g) => {
-          E.appendChild(I(c, g));
+          E.appendChild(R(c, g));
         });
         return;
       }
       const o = G({
-        totalRows: l,
+        totalRows: s,
         viewportHeight: b,
         scrollTop: m,
-        rowHeight: s,
+        rowHeight: l,
         overscan: _.LIST_OVERSCAN
       });
       E.style.transform = `translateY(${o.offsetY}px)`, E.innerHTML = "";
       for (let c = o.start; c < o.end; c++)
-        E.appendChild(I(T[c], c - o.start));
-    }, S = (l) => {
-      const b = this.config.caseSensitive ?? !1, m = b ? l : l.toLowerCase();
+        E.appendChild(R(T[c], c - o.start));
+    }, S = (s) => {
+      const b = this.config.caseSensitive ?? !1, m = b ? s : s.toLowerCase();
       if (T = r.filter((o) => {
         const c = o == null ? "(Blank)" : String(o), g = b ? c : c.toLowerCase();
-        return !l || g.includes(m);
+        return !s || g.includes(m);
       }), T.length === 0) {
         w.style.height = "0px", E.innerHTML = "";
         const o = document.createElement("div");
         o.className = "tbw-filter-no-match", o.textContent = "No matching values", E.appendChild(o);
         return;
       }
-      A();
+      L();
     };
-    k.addEventListener(
+    F.addEventListener(
       "scroll",
       () => {
-        T.length > 0 && A();
+        T.length > 0 && L();
       },
       { passive: !0 }
-    ), S(i.value), e.appendChild(k);
-    let R;
-    i.addEventListener("input", () => {
-      clearTimeout(R), R = setTimeout(() => {
-        this.searchText.set(a, i.value), S(i.value);
+    ), S(a.value), e.appendChild(F);
+    let I;
+    a.addEventListener("input", () => {
+      clearTimeout(I), I = setTimeout(() => {
+        this.searchText.set(i, a.value), S(a.value);
       }, this.config.debounceMs ?? 150);
     });
     const P = document.createElement("div");
     P.className = "tbw-filter-buttons";
-    const L = document.createElement("button");
-    L.className = "tbw-filter-apply-btn", L.textContent = "Apply", L.addEventListener("click", () => {
-      const l = [];
-      for (const [b, m] of F)
+    const A = document.createElement("button");
+    A.className = "tbw-filter-apply-btn", A.textContent = "Apply", A.addEventListener("click", () => {
+      const s = [];
+      for (const [b, m] of k)
         if (!m)
           if (b === "__null__")
-            l.push(null);
+            s.push(null);
           else {
             const o = r.find((c) => String(c) === b);
-            l.push(o !== void 0 ? o : b);
+            s.push(o !== void 0 ? o : b);
           }
-      t.applySetFilter(l);
-    }), P.appendChild(L);
+      t.applySetFilter(s);
+    }), P.appendChild(A);
     const v = document.createElement("button");
     v.className = "tbw-filter-clear-btn", v.textContent = "Clear Filter", v.addEventListener("click", () => {
       t.clearFilter();
@@ -932,42 +967,42 @@ class _ extends W {
    * Render a number range filter panel with min/max inputs and slider
    */
   renderNumberFilterPanel(e, t, r) {
-    const { field: n, column: a } = t, s = a.filterParams, u = a.editorParams, i = (p, D) => {
+    const { field: n, column: i } = t, l = i.filterParams, u = i.editorParams, a = (p, D) => {
       if (typeof p == "number") return p;
       if (typeof p == "string") {
         const z = parseFloat(p);
         return isNaN(z) ? D : z;
       }
       return D;
-    }, f = r.filter((p) => typeof p == "number" && !isNaN(p)), N = f.length > 0 ? Math.min(...f) : 0, y = f.length > 0 ? Math.max(...f) : 100, h = i(s?.min ?? u?.min, N), C = i(s?.max ?? u?.max, y), k = s?.step ?? u?.step ?? 1, w = this.filters.get(n);
-    let E = h, F = C;
-    w?.operator === "between" ? (E = i(w.value, h), F = i(w.valueTo, C)) : w?.operator === "greaterThanOrEqual" ? E = i(w.value, h) : w?.operator === "lessThanOrEqual" && (F = i(w.value, C));
+    }, f = r.filter((p) => typeof p == "number" && !isNaN(p)), N = f.length > 0 ? Math.min(...f) : 0, y = f.length > 0 ? Math.max(...f) : 100, h = a(l?.min ?? u?.min, N), C = a(l?.max ?? u?.max, y), F = l?.step ?? u?.step ?? 1, w = this.filters.get(n);
+    let E = h, k = C;
+    w?.operator === "between" ? (E = a(w.value, h), k = a(w.valueTo, C)) : w?.operator === "greaterThanOrEqual" ? E = a(w.value, h) : w?.operator === "lessThanOrEqual" && (k = a(w.value, C));
     const T = document.createElement("div");
     T.className = "tbw-filter-range-inputs";
-    const I = document.createElement("div");
-    I.className = "tbw-filter-range-group";
-    const A = document.createElement("label");
-    A.textContent = "Min", A.className = "tbw-filter-range-label";
+    const R = document.createElement("div");
+    R.className = "tbw-filter-range-group";
+    const L = document.createElement("label");
+    L.textContent = "Min", L.className = "tbw-filter-range-label";
     const S = document.createElement("input");
-    S.type = "number", S.className = "tbw-filter-range-input", S.min = String(h), S.max = String(C), S.step = String(k), S.value = String(E), I.appendChild(A), I.appendChild(S), T.appendChild(I);
-    const R = document.createElement("span");
-    R.className = "tbw-filter-range-separator", R.textContent = "–", T.appendChild(R);
+    S.type = "number", S.className = "tbw-filter-range-input", S.min = String(h), S.max = String(C), S.step = String(F), S.value = String(E), R.appendChild(L), R.appendChild(S), T.appendChild(R);
+    const I = document.createElement("span");
+    I.className = "tbw-filter-range-separator", I.textContent = "–", T.appendChild(I);
     const P = document.createElement("div");
     P.className = "tbw-filter-range-group";
-    const L = document.createElement("label");
-    L.textContent = "Max", L.className = "tbw-filter-range-label";
+    const A = document.createElement("label");
+    A.textContent = "Max", A.className = "tbw-filter-range-label";
     const v = document.createElement("input");
-    v.type = "number", v.className = "tbw-filter-range-input", v.min = String(h), v.max = String(C), v.step = String(k), v.value = String(F), P.appendChild(L), P.appendChild(v), T.appendChild(P), e.appendChild(T);
-    const l = document.createElement("div");
-    l.className = "tbw-filter-range-slider";
+    v.type = "number", v.className = "tbw-filter-range-input", v.min = String(h), v.max = String(C), v.step = String(F), v.value = String(k), P.appendChild(A), P.appendChild(v), T.appendChild(P), e.appendChild(T);
+    const s = document.createElement("div");
+    s.className = "tbw-filter-range-slider";
     const b = document.createElement("div");
     b.className = "tbw-filter-range-track";
     const m = document.createElement("div");
     m.className = "tbw-filter-range-fill";
     const o = document.createElement("input");
-    o.type = "range", o.className = "tbw-filter-range-thumb tbw-filter-range-thumb-min", o.min = String(h), o.max = String(C), o.step = String(k), o.value = String(E);
+    o.type = "range", o.className = "tbw-filter-range-thumb tbw-filter-range-thumb-min", o.min = String(h), o.max = String(C), o.step = String(F), o.value = String(E);
     const c = document.createElement("input");
-    c.type = "range", c.className = "tbw-filter-range-thumb tbw-filter-range-thumb-max", c.min = String(h), c.max = String(C), c.step = String(k), c.value = String(F), l.appendChild(b), l.appendChild(m), l.appendChild(o), l.appendChild(c), e.appendChild(l);
+    c.type = "range", c.className = "tbw-filter-range-thumb tbw-filter-range-thumb-max", c.min = String(h), c.max = String(C), c.step = String(F), c.value = String(k), s.appendChild(b), s.appendChild(m), s.appendChild(o), s.appendChild(c), e.appendChild(s);
     const g = () => {
       const p = parseFloat(o.value), D = parseFloat(c.value), z = C - h, q = (p - h) / z * 100, Y = (D - h) / z * 100;
       m.style.left = `${q}%`, m.style.width = `${Y - q}%`;
@@ -1001,26 +1036,26 @@ class _ extends W {
    * Render a date range filter panel with from/to date inputs
    */
   renderDateFilterPanel(e, t, r) {
-    const { field: n, column: a } = t, s = a.filterParams, u = a.editorParams, i = r.filter((d) => d instanceof Date || typeof d == "string" && !isNaN(Date.parse(d))).map((d) => d instanceof Date ? d : new Date(d)).filter((d) => !isNaN(d.getTime())), f = i.length > 0 ? new Date(Math.min(...i.map((d) => d.getTime()))) : null, N = i.length > 0 ? new Date(Math.max(...i.map((d) => d.getTime()))) : null, y = (d) => d ? d.toISOString().split("T")[0] : "", h = (d) => d ? typeof d == "string" ? d : typeof d == "number" ? y(new Date(d)) : "" : "", C = h(s?.min) || h(u?.min) || y(f), k = h(s?.max) || h(u?.max) || y(N), w = this.filters.get(n);
-    let E = "", F = "";
+    const { field: n, column: i } = t, l = i.filterParams, u = i.editorParams, a = r.filter((d) => d instanceof Date || typeof d == "string" && !isNaN(Date.parse(d))).map((d) => d instanceof Date ? d : new Date(d)).filter((d) => !isNaN(d.getTime())), f = a.length > 0 ? new Date(Math.min(...a.map((d) => d.getTime()))) : null, N = a.length > 0 ? new Date(Math.max(...a.map((d) => d.getTime()))) : null, y = (d) => d ? d.toISOString().split("T")[0] : "", h = (d) => d ? typeof d == "string" ? d : typeof d == "number" ? y(new Date(d)) : "" : "", C = h(l?.min) || h(u?.min) || y(f), F = h(l?.max) || h(u?.max) || y(N), w = this.filters.get(n);
+    let E = "", k = "";
     const T = w?.operator === "blank";
-    w?.operator === "between" ? (E = h(w.value) || "", F = h(w.valueTo) || "") : w?.operator === "greaterThanOrEqual" ? E = h(w.value) || "" : w?.operator === "lessThanOrEqual" && (F = h(w.value) || "");
-    const I = document.createElement("div");
-    I.className = "tbw-filter-date-range";
-    const A = document.createElement("div");
-    A.className = "tbw-filter-date-group";
+    w?.operator === "between" ? (E = h(w.value) || "", k = h(w.valueTo) || "") : w?.operator === "greaterThanOrEqual" ? E = h(w.value) || "" : w?.operator === "lessThanOrEqual" && (k = h(w.value) || "");
+    const R = document.createElement("div");
+    R.className = "tbw-filter-date-range";
+    const L = document.createElement("div");
+    L.className = "tbw-filter-date-group";
     const S = document.createElement("label");
     S.textContent = "From", S.className = "tbw-filter-range-label";
-    const R = document.createElement("input");
-    R.type = "date", R.className = "tbw-filter-date-input", C && (R.min = C), k && (R.max = k), R.value = E, A.appendChild(S), A.appendChild(R), I.appendChild(A);
+    const I = document.createElement("input");
+    I.type = "date", I.className = "tbw-filter-date-input", C && (I.min = C), F && (I.max = F), I.value = E, L.appendChild(S), L.appendChild(I), R.appendChild(L);
     const P = document.createElement("span");
-    P.className = "tbw-filter-range-separator", P.textContent = "–", I.appendChild(P);
-    const L = document.createElement("div");
-    L.className = "tbw-filter-date-group";
+    P.className = "tbw-filter-range-separator", P.textContent = "–", R.appendChild(P);
+    const A = document.createElement("div");
+    A.className = "tbw-filter-date-group";
     const v = document.createElement("label");
     v.textContent = "To", v.className = "tbw-filter-range-label";
-    const l = document.createElement("input");
-    l.type = "date", l.className = "tbw-filter-date-input", C && (l.min = C), k && (l.max = k), l.value = F, L.appendChild(v), L.appendChild(l), I.appendChild(L), e.appendChild(I);
+    const s = document.createElement("input");
+    s.type = "date", s.className = "tbw-filter-date-input", C && (s.min = C), F && (s.max = F), s.value = k, A.appendChild(v), A.appendChild(s), R.appendChild(A), e.appendChild(R);
     const b = document.createElement("label");
     b.className = "tbw-filter-blank-option";
     const m = document.createElement("input");
@@ -1028,7 +1063,7 @@ class _ extends W {
     const o = document.createTextNode("Show only blank");
     b.appendChild(m), b.appendChild(o);
     const c = (d) => {
-      R.disabled = d, l.disabled = d, I.classList.toggle("tbw-filter-disabled", d);
+      I.disabled = d, s.disabled = d, R.classList.toggle("tbw-filter-disabled", d);
     };
     c(T), m.addEventListener("change", () => {
       c(m.checked);
@@ -1041,7 +1076,7 @@ class _ extends W {
         t.applyTextFilter("blank", "");
         return;
       }
-      const d = R.value, p = l.value;
+      const d = I.value, p = s.value;
       d && p ? t.applyTextFilter("between", d, p) : d ? t.applyTextFilter("greaterThanOrEqual", d) : p ? t.applyTextFilter("lessThanOrEqual", p) : t.clearFilter();
     }), g.appendChild(M);
     const H = document.createElement("button");
@@ -1081,10 +1116,10 @@ class _ extends W {
     if (this.config.filterHandler) {
       const t = this.grid;
       t.setAttribute("aria-busy", "true");
-      const r = this.config.filterHandler(e, this.sourceRows), n = (a) => {
-        t.removeAttribute("aria-busy"), this.cachedResult = a, this.grid.rows = a, this.emit("filter-change", {
+      const r = this.config.filterHandler(e, this.sourceRows), n = (i) => {
+        t.removeAttribute("aria-busy"), this.cachedResult = i, this.grid.rows = i, this.emit("filter-change", {
           filters: e,
-          filteredRowCount: a.length
+          filteredRowCount: i.length
         }), this.emitPluginEvent("filter-applied", { filters: e }), this.requestRender();
       };
       r && typeof r.then == "function" ? r.then(n) : n(r);