@toolbox-web/grid 1.9.0 → 1.9.2

package/lib/plugins/multi-sort/index.js

@@ -11,7 +11,7 @@ const h = '<svg viewBox="0 0 16 16" width="12" height="12"><path fill="currentCo
   filterActive: h,
   print: "🖨️"
 };
-class v {
+class C {
   /**
    * Plugin dependencies - declare other plugins this one requires.
    *
@@ -208,10 +208,19 @@ class v {
   }
   /**
    * 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
@@ -368,7 +377,7 @@ class v {
   }
   // #endregion
 }
-function C(r, t, e) {
+function v(r, t, e) {
   return t.length ? [...r].sort((o, i) => {
     for (const n of t) {
       const d = e.find((c) => c.field === n.field)?.sortComparator ?? M, u = o[n.field], g = i[n.field], s = d(u, g, o, i);
@@ -393,7 +402,7 @@ function p(r, t) {
   return r.find((e) => e.field === t)?.direction;
 }
 const w = '@layer tbw-plugins{.header-cell[data-sort=asc]:after{content:"↑";margin-left:var(--tbw-spacing-xs, .25em);opacity:.8}.header-cell[data-sort=desc]:after{content:"↓";margin-left:var(--tbw-spacing-xs, .25em);opacity:.8}.sort-indicator{margin-left:var(--tbw-spacing-xs, .25em);opacity:.8}.sort-index{font-size:var(--tbw-font-size-2xs, .7em);background:var(--tbw-multi-sort-badge-bg, var(--tbw-color-panel-bg));color:var(--tbw-multi-sort-badge-color, var(--tbw-color-fg));border-radius:50%;width:var(--tbw-multi-sort-badge-size, 1em);height:var(--tbw-multi-sort-badge-size, 1em);display:inline-flex;align-items:center;justify-content:center;margin-left:var(--tbw-spacing-xs, .125em);font-weight:600}}';
-class y extends v {
+class y extends C {
   /** @internal */
   name = "multiSort";
   /** @internal */
@@ -417,7 +426,7 @@ class y extends v {
   // #region Hooks
   /** @internal */
   processRows(t) {
-    return this.sortModel.length === 0 ? [...t] : C([...t], this.sortModel, [...this.columns]);
+    return this.sortModel.length === 0 ? [...t] : v([...t], this.sortModel, [...this.columns]);
   }
   /** @internal */
   onHeaderClick(t) {