@toolbox-web/grid 1.9.0 → 1.9.2

package/lib/plugins/filtering/index.js

@@ -13,7 +13,7 @@ function Y(N) {
 function G(N, e) {
   return N <= e;
 }
-const q = '<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>', $ = {
+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>', $ = {
   expand: "▶",
   collapse: "▼",
   sortAsc: "▲",
@@ -22,8 +22,8 @@ const q = '<svg viewBox="0 0 16 16" width="12" height="12"><path fill="currentCo
   submenuArrow: "▶",
   dragHandle: "⋮⋮",
   toolPanel: "☰",
-  filter: q,
-  filterActive: q,
+  filter: D,
+  filterActive: D,
   print: "🖨️"
 };
 class K {
@@ -223,10 +223,19 @@ class K {
   }
   /**
    * Request a re-render of the grid.
+   * Uses ROWS phase - does NOT trigger processColumns hooks.
    */
   requestRender() {
     this.grid?.requestRender?.();
   }
+  /**
+   * Request a columns re-render of the grid.
+   * Uses COLUMNS phase - triggers processColumns hooks.
+   * Use this when your plugin needs to reprocess column configuration.
+   */
+  requestColumnsRender() {
+    this.grid?.requestColumnsRender?.();
+  }
   /**
    * Request a re-render and restore focus styling afterward.
    * Use this when a plugin action (like expand/collapse) triggers a render
@@ -948,8 +957,8 @@ class I extends K {
     const s = document.createElement("input");
     s.type = "range", s.className = "tbw-filter-range-thumb tbw-filter-range-thumb-max", s.min = String(u), s.max = String(v), s.step = String(E), s.value = String(S), o.appendChild(h), o.appendChild(y), o.appendChild(n), o.appendChild(s), e.appendChild(o);
     const F = () => {
-      const b = parseFloat(n.value), V = parseFloat(s.value), H = v - u, D = (b - u) / H * 100, O = (V - u) / H * 100;
-      y.style.left = `${D}%`, y.style.width = `${O - D}%`;
+      const b = parseFloat(n.value), V = parseFloat(s.value), H = v - u, q = (b - u) / H * 100, O = (V - u) / H * 100;
+      y.style.left = `${q}%`, y.style.width = `${O - q}%`;
     };
     n.addEventListener("input", () => {
       const b = Math.min(parseFloat(n.value), parseFloat(s.value));