photon-grid-core 2.0.4 → 2.0.6

package/renderer/header-renderer.d.ts

@@ -1,4 +1,5 @@
 import type { ColumnDef } from '../types/column.types';
+import { HeaderIconDisplay } from '../types/column.types';
 import type { GridStore } from '../core/grid-store';
 import type { EventBus } from '../event-bus/event-bus';
 import type { IconRenderer } from '../icons/icon-renderer';
@@ -19,6 +20,10 @@ export interface HeaderRendererOptions {
     filterRowHeight?: number;
     hasGroupedColumns?: boolean;
     autoGroupColWidth?: number;
+    /** Grid-wide default display mode for the filter funnel icon. @default HeaderIconDisplay.HOVER */
+    filterIconDisplay?: HeaderIconDisplay;
+    /** Grid-wide default display mode for the column-menu "⋯" icon. @default HeaderIconDisplay.HOVER */
+    menuIconDisplay?: HeaderIconDisplay;
 }
 export declare class HeaderRenderer {
     private store;
@@ -30,7 +35,9 @@ export declare class HeaderRenderer {
     private leftHeaderRowEl;
     private centerHeaderRowEl;
     private rightHeaderRowEl;
+    private leftFilterRowEl;
     private centerFilterRowEl;
+    private rightFilterRowEl;
     private headerCheckbox;
     private columnMenu;
     private groupContextMenu;
@@ -97,6 +104,12 @@ export declare class HeaderRenderer {
     private boundMouseUp;
     /** Callback wired by GridRenderer to open a filter panel for a column. */
     private openFilterPanelFn;
+    /**
+     * Callback wired by GridRenderer to apply a live, per-column text filter as the
+     * user types in an inline filter-row input. Receives the empty string when the
+     * input is cleared so the column filter can be removed.
+     */
+    private applyInlineFilterFn;
     /** Callback wired by GridRenderer to open the Column Chooser dialog. */
     private openColumnChooserFn;
     /** Callback wired by GridRenderer to re-run the data pipeline (e.g. after an aggregate change). */
@@ -131,6 +144,15 @@ export declare class HeaderRenderer {
      * @param fn - Opens/positions a `FilterPanel` for the given column.
      */
     setOpenFilterPanelCallback(fn: (colDef: ColumnDef, anchorEl: HTMLElement) => void): void;
+    /**
+     * Register the callback invoked as the user types in an inline filter-row
+     * input, applying a live per-column text filter. Wired by
+     * `GridRenderer.buildLayout()`. Only fires for free-text (non set-type) columns
+     * — set-type columns (see {@link SET_FILTER_TYPES}) filter through the panel.
+     *
+     * @param fn - Applies (or clears, on empty term) the column's text filter.
+     */
+    setInlineFilterCallback(fn: (colDef: ColumnDef, term: string) => void): void;
     /**
      * Registers the callback that opens the Column Chooser dialog, invoked from
      * the column menu's and group menu's "Column Chooser…" items.
@@ -222,9 +244,31 @@ export declare class HeaderRenderer {
     private capturePanelDragData;
     private buildHeaderRow;
     private buildAutoGroupTh;
+    /**
+     * Build the leading spacer cell for the filter row that reserves the same
+     * horizontal space as the auto-group header column ({@link buildAutoGroupTh}).
+     *
+     * The width must be applied explicitly — with no width the flex cell collapses
+     * to its content, pushing every subsequent filter input out of alignment with
+     * its header. Mirrors the header cell's inline sizing so the two rows track the
+     * same `autoGroupColWidth`.
+     *
+     * @param width - The auto-group column width in pixels.
+     * @returns A zero-content filter cell sized to the group column.
+     */
+    private buildAutoGroupFilterCell;
     private buildCheckboxHeaderCell;
     private buildSerialHeaderCell;
     private buildHeaderCell;
+    /**
+     * Column data types whose inline filter is a checkbox **set** dropdown rather
+     * than a free-text term. Their filter-row input is rendered read-only (with a
+     * disabled appearance) and opens the set-filter panel on click; free-text
+     * columns instead filter live as the user types.
+     */
+    private static readonly SET_FILTER_TYPES;
+    /** `true` when a column's inline filter should be a set (checkbox) dropdown. */
+    private isSetFilterColumn;
     private buildFilterCell;
     private buildFilterRow;
     private attachColumnDragListeners;

package/renderer/header-renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"header-renderer.d.ts","sourceRoot":"","sources":["../../src/renderer/header-renderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAW,MAAM,uBAAuB,CAAC;AAChE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,KAAK,EAAE,wBAAwB,EAAyB,MAAM,8CAA8C,CAAC;AACpH,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,4CAA4C,CAAC;AACzF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAKhF,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAU5D,MAAM,WAAW,qBAAqB;IACpC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AASD,qBAAa,cAAc;IAqHvB,OAAO,CAAC,KAAK;IACb,OAAO,CAAC,QAAQ;IAChB,OAAO,CAAC,YAAY;IACpB,OAAO,CAAC,WAAW;IACnB,OAAO,CAAC,UAAU;IAClB,OAAO,CAAC,SAAS;IAzHnB,OAAO,CAAC,eAAe,CAA4B;IACnD,OAAO,CAAC,iBAAiB,CAA4B;IACrD,OAAO,CAAC,gBAAgB,CAA4B;IACpD,OAAO,CAAC,iBAAiB,CAA4B;IACrD,OAAO,CAAC,cAAc,CAAiC;IACvD,OAAO,CAAC,UAAU,CAAa;IAC/B,OAAO,CAAC,gBAAgB,CAAiC;IACzD,OAAO,CAAC,aAAa,CAA8B;IAInD,+FAA+F;IAC/F,OAAO,CAAC,UAAU,CAAyC;IAC3D,yEAAyE;IACzE,OAAO,CAAC,kBAAkB,CAAyC;IACnE,mEAAmE;IACnE,OAAO,CAAC,eAAe,CAAwB;IAC/C,OAAO,CAAC,iBAAiB,CAAsB;IAC/C,OAAO,CAAC,gBAAgB,CAAuB;IAC/C;;;OAGG;IACH,OAAO,CAAC,eAAe,CAA4C;IACnE;;;OAGG;IACH,OAAO,CAAC,eAAe,CAA8D;IACrF;;;OAGG;IACH,OAAO,CAAC,gBAAgB,CAAuC;IAE/D;;;OAGG;IACH,OAAO,CAAC,kBAAkB,CAAmC;IAE7D;;;;OAIG;IACH,OAAO,CAAC,kBAAkB,CAAM;IAGhC,OAAO,CAAC,aAAa,CAAuB;IAC5C,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,kBAAkB,CAA4B;IACtD,OAAO,CAAC,mBAAmB,CAAS;IACpC,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,OAAO,CAA4B;IAC3C,OAAO,CAAC,WAAW,CAAiC;IACpD,OAAO,CAAC,cAAc,CAA4B;IAClD,OAAO,CAAC,eAAe,CAAK;IAC5B,OAAO,CAAC,gBAAgB,CAAK;IAC7B,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,eAAe,CAAyC;IAChE,OAAO,CAAC,eAAe,CAAyC;IAChE,OAAO,CAAC,kBAAkB,CAAM;IAChC,OAAO,CAAC,aAAa,CAAwB;IAG7C,OAAO,CAAC,uBAAuB,CAAS;IAGxC,OAAO,CAAC,SAAS,CAAuC;IACxD,OAAO,CAAC,UAAU,CAA2C;IAC7D,OAAO,CAAC,UAAU,CAA6B;IAC/C,OAAO,CAAC,aAAa,CAAK;IAC1B,OAAO,CAAC,eAAe,CAAK;IAC5B,OAAO,CAAC,eAAe,CAAwB;IAC/C,oGAAoG;IACpG,OAAO,CAAC,eAAe,CAAK;IAE5B,OAAO,CAAC,cAAc,CAA0B;IAChD,OAAO,CAAC,YAAY,CAA0B;IAE9C,0EAA0E;IAC1E,OAAO,CAAC,iBAAiB,CAAqE;IAE9F,wEAAwE;IACxE,OAAO,CAAC,mBAAmB,CAA6B;IAExD,mGAAmG;IACnG,OAAO,CAAC,mBAAmB,CAA6B;IAExD,uFAAuF;IACvF,IAAI,aAAa,IAAI,OAAO,CAA4B;IAExD;;;;OAIG;IACH,IAAI,MAAM,IAAI,OAAO,CAAsD;IAE3E,oFAAoF;IACpF,OAAO,CAAC,iBAAiB,CAAS;IAElC,uGAAuG;IACvG,OAAO,CAAC,mBAAmB,CAAM;IACjC,OAAO,CAAC,gBAAgB,CAAK;IAE7B;;;;;OAKG;IACH,IAAI,gBAAgB,IAAI,OAAO,CAAmC;gBAGxD,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,kBAAkB;IA6EvC,iBAAiB,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,EAAE,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,KAAK,OAAO,GAAG,IAAI;IAKxF,iBAAiB,CAAC,EAAE,EAAE,MAAM,IAAI,GAAG,IAAI;IAIvC;;;;;OAKG;IACH,0BAA0B,CAAC,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,KAAK,IAAI,GAAG,IAAI;IAIxF;;;;;OAKG;IACH,wBAAwB,CAAC,EAAE,EAAE,MAAM,IAAI,GAAG,IAAI;IAI9C;;;;;;OAMG;IACH,4BAA4B,CAAC,EAAE,EAAE,MAAM,IAAI,GAAG,IAAI;IAIlD;;;;;;;;;;OAUG;IACH,mBAAmB,CAAC,KAAK,EAAE,gBAAgB,EAAE,OAAO,EAAE,wBAAwB,GAAG,IAAI;IAKrF;;;;;;OAMG;IACH,qBAAqB,CAAC,MAAM,EAAE,kBAAkB,GAAG,IAAI;IASvD;;;;;;;OAOG;IACH,sBAAsB,CAAC,EAAE,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,GAAG,IAAI;IAI3D;;;;;;;OAOG;IACH,sBAAsB,CAAC,EAAE,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,GAAG,IAAI;IAI7E;;;;;OAKG;IACH,mBAAmB,CAAC,OAAO,EAAE,sBAAsB,GAAG,IAAI;IAI1D;;;;;;OAMG;IACH,gBAAgB,CAAC,OAAO,EAAE,qBAAqB,GAAG,IAAI;IAqBtD;;;;;;OAMG;IACH,sBAAsB,CAAC,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,GAAG,IAAI;IAyBvD;;;OAGG;IACH,OAAO,CAAC,qBAAqB;IAY7B,cAAc,CACZ,aAAa,EAAE,WAAW,EAC1B,aAAa,EAAE,WAAW,EAC1B,cAAc,EAAE,WAAW,EAC3B,UAAU,EAAE,SAAS,EAAE,EACvB,OAAO,GAAE,qBAA0B,GAClC,IAAI;IA+FP,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI;IAqBtE,gBAAgB,CAAC,KAAK,EAAE,OAAO,EAAE,eAAe,EAAE,OAAO,GAAG,IAAI;IAMhE,gBAAgB,CAAC,IAAI,EAAE,aAAa,GAAG,IAAI;IAS3C,OAAO,IAAI,IAAI;IAef,uBAAuB,CACrB,WAAW,EAAE,SAAS,EAAE,EACxB,WAAW,EAAE,MAAM,EACnB,YAAY,EAAE,MAAM,EACpB,OAAO,EAAE,qBAAqB,GAC7B,IAAI;IAyEP,OAAO,CAAC,UAAU;IAMlB,OAAO,CAAC,oBAAoB;IAqB5B,OAAO,CAAC,cAAc;IAWtB,OAAO,CAAC,gBAAgB;IAaxB,OAAO,CAAC,uBAAuB;IAmB/B,OAAO,CAAC,qBAAqB;IAU7B,OAAO,CAAC,eAAe;IA6HvB,OAAO,CAAC,eAAe;IAmBvB,OAAO,CAAC,cAAc;IAWtB,OAAO,CAAC,yBAAyB;IAoEjC,OAAO,CAAC,eAAe;IA0EvB;;;;;OAKG;IACH,OAAO,CAAC,eAAe;IA8DvB,OAAO,CAAC,QAAQ,CAAC,cAAc,CAU7B;IAEF,OAAO,CAAC,gBAAgB;IAoBxB,OAAO,CAAC,cAAc;IAetB;;;;;;;;;OASG;IACH,OAAO,CAAC,sBAAsB;IAkC9B;;;;;;;OAOG;IACH,OAAO,CAAC,wBAAwB;IA6ChC;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,2BAA2B;IAsBnC,OAAO,CAAC,UAAU;IA+FlB,OAAO,CAAC,iBAAiB;IAoDzB,OAAO,CAAC,eAAe;IAqFvB,OAAO,CAAC,WAAW;IA4BnB,OAAO,CAAC,WAAW;IAqDnB;;;;;;;;OAQG;IACH,OAAO,CAAC,kBAAkB;IAgB1B,kFAAkF;IAClF,OAAO,CAAC,SAAS;IAKjB;;;;;OAKG;IACH,OAAO,CAAC,iBAAiB;IA6CzB;;;;;;OAMG;IACH,OAAO,CAAC,yBAAyB;IAsBjC;;;;;OAKG;IACH,OAAO,CAAC,eAAe;IAmBvB;;;;;OAKG;IACH,OAAO,CAAC,gBAAgB;IAsCxB;;;;OAIG;IACH,OAAO,CAAC,gBAAgB;IAKxB,OAAO,CAAC,QAAQ;CAKjB"}
+{"version":3,"file":"header-renderer.d.ts","sourceRoot":"","sources":["../../src/renderer/header-renderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAA2B,MAAM,uBAAuB,CAAC;AAChF,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,KAAK,EAAE,wBAAwB,EAAyB,MAAM,8CAA8C,CAAC;AACpH,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,4CAA4C,CAAC;AACzF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAKhF,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAU5D,MAAM,WAAW,qBAAqB;IACpC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kGAAkG;IAClG,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,oGAAoG;IACpG,eAAe,CAAC,EAAE,iBAAiB,CAAC;CACrC;AASD,qBAAa,cAAc;IA8HvB,OAAO,CAAC,KAAK;IACb,OAAO,CAAC,QAAQ;IAChB,OAAO,CAAC,YAAY;IACpB,OAAO,CAAC,WAAW;IACnB,OAAO,CAAC,UAAU;IAClB,OAAO,CAAC,SAAS;IAlInB,OAAO,CAAC,eAAe,CAA4B;IACnD,OAAO,CAAC,iBAAiB,CAA4B;IACrD,OAAO,CAAC,gBAAgB,CAA4B;IACpD,OAAO,CAAC,eAAe,CAA4B;IACnD,OAAO,CAAC,iBAAiB,CAA4B;IACrD,OAAO,CAAC,gBAAgB,CAA4B;IACpD,OAAO,CAAC,cAAc,CAAiC;IACvD,OAAO,CAAC,UAAU,CAAa;IAC/B,OAAO,CAAC,gBAAgB,CAAiC;IACzD,OAAO,CAAC,aAAa,CAA8B;IAInD,+FAA+F;IAC/F,OAAO,CAAC,UAAU,CAAyC;IAC3D,yEAAyE;IACzE,OAAO,CAAC,kBAAkB,CAAyC;IACnE,mEAAmE;IACnE,OAAO,CAAC,eAAe,CAAwB;IAC/C,OAAO,CAAC,iBAAiB,CAAsB;IAC/C,OAAO,CAAC,gBAAgB,CAAuB;IAC/C;;;OAGG;IACH,OAAO,CAAC,eAAe,CAA4C;IACnE;;;OAGG;IACH,OAAO,CAAC,eAAe,CAA8D;IACrF;;;OAGG;IACH,OAAO,CAAC,gBAAgB,CAAuC;IAE/D;;;OAGG;IACH,OAAO,CAAC,kBAAkB,CAAmC;IAE7D;;;;OAIG;IACH,OAAO,CAAC,kBAAkB,CAAM;IAGhC,OAAO,CAAC,aAAa,CAAuB;IAC5C,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,kBAAkB,CAA4B;IACtD,OAAO,CAAC,mBAAmB,CAAS;IACpC,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,OAAO,CAA4B;IAC3C,OAAO,CAAC,WAAW,CAAiC;IACpD,OAAO,CAAC,cAAc,CAA4B;IAClD,OAAO,CAAC,eAAe,CAAK;IAC5B,OAAO,CAAC,gBAAgB,CAAK;IAC7B,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,eAAe,CAAyC;IAChE,OAAO,CAAC,eAAe,CAAyC;IAChE,OAAO,CAAC,kBAAkB,CAAM;IAChC,OAAO,CAAC,aAAa,CAAwB;IAG7C,OAAO,CAAC,uBAAuB,CAAS;IAGxC,OAAO,CAAC,SAAS,CAAuC;IACxD,OAAO,CAAC,UAAU,CAA2C;IAC7D,OAAO,CAAC,UAAU,CAA6B;IAC/C,OAAO,CAAC,aAAa,CAAK;IAC1B,OAAO,CAAC,eAAe,CAAK;IAC5B,OAAO,CAAC,eAAe,CAAwB;IAC/C,oGAAoG;IACpG,OAAO,CAAC,eAAe,CAAK;IAE5B,OAAO,CAAC,cAAc,CAA0B;IAChD,OAAO,CAAC,YAAY,CAA0B;IAE9C,0EAA0E;IAC1E,OAAO,CAAC,iBAAiB,CAAqE;IAE9F;;;;OAIG;IACH,OAAO,CAAC,mBAAmB,CAA4D;IAEvF,wEAAwE;IACxE,OAAO,CAAC,mBAAmB,CAA6B;IAExD,mGAAmG;IACnG,OAAO,CAAC,mBAAmB,CAA6B;IAExD,uFAAuF;IACvF,IAAI,aAAa,IAAI,OAAO,CAA4B;IAExD;;;;OAIG;IACH,IAAI,MAAM,IAAI,OAAO,CAAsD;IAE3E,oFAAoF;IACpF,OAAO,CAAC,iBAAiB,CAAS;IAElC,uGAAuG;IACvG,OAAO,CAAC,mBAAmB,CAAM;IACjC,OAAO,CAAC,gBAAgB,CAAK;IAE7B;;;;;OAKG;IACH,IAAI,gBAAgB,IAAI,OAAO,CAAmC;gBAGxD,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,kBAAkB;IA6EvC,iBAAiB,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,EAAE,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,KAAK,OAAO,GAAG,IAAI;IAKxF,iBAAiB,CAAC,EAAE,EAAE,MAAM,IAAI,GAAG,IAAI;IAIvC;;;;;OAKG;IACH,0BAA0B,CAAC,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,KAAK,IAAI,GAAG,IAAI;IAIxF;;;;;;;OAOG;IACH,uBAAuB,CAAC,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,GAAG,IAAI;IAI5E;;;;;OAKG;IACH,wBAAwB,CAAC,EAAE,EAAE,MAAM,IAAI,GAAG,IAAI;IAI9C;;;;;;OAMG;IACH,4BAA4B,CAAC,EAAE,EAAE,MAAM,IAAI,GAAG,IAAI;IAIlD;;;;;;;;;;OAUG;IACH,mBAAmB,CAAC,KAAK,EAAE,gBAAgB,EAAE,OAAO,EAAE,wBAAwB,GAAG,IAAI;IAKrF;;;;;;OAMG;IACH,qBAAqB,CAAC,MAAM,EAAE,kBAAkB,GAAG,IAAI;IASvD;;;;;;;OAOG;IACH,sBAAsB,CAAC,EAAE,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,GAAG,IAAI;IAI3D;;;;;;;OAOG;IACH,sBAAsB,CAAC,EAAE,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,GAAG,IAAI;IAI7E;;;;;OAKG;IACH,mBAAmB,CAAC,OAAO,EAAE,sBAAsB,GAAG,IAAI;IAI1D;;;;;;OAMG;IACH,gBAAgB,CAAC,OAAO,EAAE,qBAAqB,GAAG,IAAI;IAqBtD;;;;;;OAMG;IACH,sBAAsB,CAAC,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,GAAG,IAAI;IA2CvD;;;OAGG;IACH,OAAO,CAAC,qBAAqB;IAY7B,cAAc,CACZ,aAAa,EAAE,WAAW,EAC1B,aAAa,EAAE,WAAW,EAC1B,cAAc,EAAE,WAAW,EAC3B,UAAU,EAAE,SAAS,EAAE,EACvB,OAAO,GAAE,qBAA0B,GAClC,IAAI;IAqGP,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI;IAqBtE,gBAAgB,CAAC,KAAK,EAAE,OAAO,EAAE,eAAe,EAAE,OAAO,GAAG,IAAI;IAMhE,gBAAgB,CAAC,IAAI,EAAE,aAAa,GAAG,IAAI;IAS3C,OAAO,IAAI,IAAI;IAiBf,uBAAuB,CACrB,WAAW,EAAE,SAAS,EAAE,EACxB,WAAW,EAAE,MAAM,EACnB,YAAY,EAAE,MAAM,EACpB,OAAO,EAAE,qBAAqB,GAC7B,IAAI;IAyEP,OAAO,CAAC,UAAU;IAMlB,OAAO,CAAC,oBAAoB;IAqB5B,OAAO,CAAC,cAAc;IAWtB,OAAO,CAAC,gBAAgB;IAaxB;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,wBAAwB;IAOhC,OAAO,CAAC,uBAAuB;IAmB/B,OAAO,CAAC,qBAAqB;IAU7B,OAAO,CAAC,eAAe;IAqIvB;;;;;OAKG;IACH,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,gBAAgB,CAIrC;IAEH,gFAAgF;IAChF,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,eAAe;IA6DvB,OAAO,CAAC,cAAc;IAWtB,OAAO,CAAC,yBAAyB;IAoEjC,OAAO,CAAC,eAAe;IA0EvB;;;;;OAKG;IACH,OAAO,CAAC,eAAe;IA8DvB,OAAO,CAAC,QAAQ,CAAC,cAAc,CAU7B;IAEF,OAAO,CAAC,gBAAgB;IAoBxB,OAAO,CAAC,cAAc;IAetB;;;;;;;;;OASG;IACH,OAAO,CAAC,sBAAsB;IAkC9B;;;;;;;OAOG;IACH,OAAO,CAAC,wBAAwB;IA6ChC;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,2BAA2B;IAsBnC,OAAO,CAAC,UAAU;IA+FlB,OAAO,CAAC,iBAAiB;IAoDzB,OAAO,CAAC,eAAe;IAqFvB,OAAO,CAAC,WAAW;IA4BnB,OAAO,CAAC,WAAW;IAqDnB;;;;;;;;OAQG;IACH,OAAO,CAAC,kBAAkB;IAgB1B,kFAAkF;IAClF,OAAO,CAAC,SAAS;IAKjB;;;;;OAKG;IACH,OAAO,CAAC,iBAAiB;IA6CzB;;;;;;OAMG;IACH,OAAO,CAAC,yBAAyB;IAsBjC;;;;;OAKG;IACH,OAAO,CAAC,eAAe;IAmBvB;;;;;OAKG;IACH,OAAO,CAAC,gBAAgB;IAsCxB;;;;OAIG;IACH,OAAO,CAAC,gBAAgB;IAKxB,OAAO,CAAC,QAAQ;CAKjB"}

package/renderer/header-renderer.js

@@ -1,3 +1,4 @@
+import { HeaderIconDisplay } from '../types/column.types';
 import { GridEventType } from '../types/event.types';
 import { ColumnMenu } from './column-menu';
 import { GroupContextMenu } from './group-context-menu';
@@ -30,7 +31,9 @@ export class HeaderRenderer {
         this.leftHeaderRowEl = null;
         this.centerHeaderRowEl = null;
         this.rightHeaderRowEl = null;
+        this.leftFilterRowEl = null;
         this.centerFilterRowEl = null;
+        this.rightFilterRowEl = null;
         this.headerCheckbox = null;
         this.groupContextMenu = null;
         this.groupDropZone = null;
@@ -98,6 +101,12 @@ export class HeaderRenderer {
         this.lastDragClientX = 0;
         /** Callback wired by GridRenderer to open a filter panel for a column. */
         this.openFilterPanelFn = null;
+        /**
+         * Callback wired by GridRenderer to apply a live, per-column text filter as the
+         * user types in an inline filter-row input. Receives the empty string when the
+         * input is cleared so the column filter can be removed.
+         */
+        this.applyInlineFilterFn = null;
         /** Callback wired by GridRenderer to open the Column Chooser dialog. */
         this.openColumnChooserFn = null;
         /** Callback wired by GridRenderer to re-run the data pipeline (e.g. after an aggregate change). */
@@ -224,6 +233,17 @@ export class HeaderRenderer {
     setOpenFilterPanelCallback(fn) {
         this.openFilterPanelFn = fn;
     }
+    /**
+     * Register the callback invoked as the user types in an inline filter-row
+     * input, applying a live per-column text filter. Wired by
+     * `GridRenderer.buildLayout()`. Only fires for free-text (non set-type) columns
+     * — set-type columns (see {@link SET_FILTER_TYPES}) filter through the panel.
+     *
+     * @param fn - Applies (or clears, on empty term) the column's text filter.
+     */
+    setInlineFilterCallback(fn) {
+        this.applyInlineFilterFn = fn;
+    }
     /**
      * Registers the callback that opens the Column Chooser dialog, invoked from
      * the column menu's and group menu's "Column Chooser…" items.
@@ -355,6 +375,23 @@ export class HeaderRenderer {
                 }
             }
         }
+        // Keep the inline filter-row icons in sync with header state.
+        const filterRows = [
+            this.leftFilterRowEl,
+            this.centerFilterRowEl,
+            this.rightFilterRowEl,
+        ].filter((r) => r !== null);
+        for (const row of filterRows) {
+            for (const cell of Array.from(row.querySelectorAll('.pg-filter-cell[data-col-id]'))) {
+                const colId = cell.getAttribute('data-col-id') ?? '';
+                const active = activeColIds.has(colId);
+                const icon = cell.querySelector('.pg-filter-cell__icon');
+                if (!icon)
+                    continue;
+                icon.classList.toggle('pg-filter-cell__icon--active', active);
+                this.iconRenderer.updateIcon(icon, active ? 'filterActive' : 'filter', { size: 14 });
+            }
+        }
     }
     // ── Private: group-cell option builder ───────────────────────────────────
     /**
@@ -428,8 +465,10 @@ export class HeaderRenderer {
         // ── Leaf header rows ──────────────────────────────────────────────────
         this.leftHeaderRowEl = this.buildHeaderRow(leftCols, options, true);
         leftContainer.appendChild(this.leftHeaderRowEl);
-        if (options.showFilterRow)
-            leftContainer.appendChild(this.buildFilterRow(leftCols, options, true));
+        if (options.showFilterRow) {
+            this.leftFilterRowEl = this.buildFilterRow(leftCols, options, true);
+            leftContainer.appendChild(this.leftFilterRowEl);
+        }
         this.centerHeaderRowEl = this.buildHeaderRow(centerCols, options, false);
         if (options.hasGroupedColumns) {
             this.centerHeaderRowEl.insertBefore(this.buildAutoGroupTh(options.autoGroupColWidth ?? 200), this.centerHeaderRowEl.firstChild);
@@ -439,13 +478,15 @@ export class HeaderRenderer {
             const filterRow = this.buildFilterRow(centerCols, options, false);
             this.centerFilterRowEl = filterRow;
             if (options.hasGroupedColumns)
-                filterRow.insertBefore(createDiv('pg-filter-cell pg-filter-cell--auto-group'), filterRow.firstChild);
+                filterRow.insertBefore(this.buildAutoGroupFilterCell(options.autoGroupColWidth ?? 200), filterRow.firstChild);
             centerInnerEl.appendChild(filterRow);
         }
         this.rightHeaderRowEl = this.buildHeaderRow(rightCols, options, false);
         rightContainer.appendChild(this.rightHeaderRowEl);
-        if (options.showFilterRow)
-            rightContainer.appendChild(this.buildFilterRow(rightCols, options, false));
+        if (options.showFilterRow) {
+            this.rightFilterRowEl = this.buildFilterRow(rightCols, options, false);
+            rightContainer.appendChild(this.rightFilterRowEl);
+        }
     }
     updateSortIndicator(colId, order) {
         const rows = [this.leftHeaderRowEl, this.centerHeaderRowEl, this.rightHeaderRowEl].filter((r) => r !== null);
@@ -491,7 +532,9 @@ export class HeaderRenderer {
         this.leftHeaderRowEl = null;
         this.centerHeaderRowEl = null;
         this.rightHeaderRowEl = null;
+        this.leftFilterRowEl = null;
         this.centerFilterRowEl = null;
+        this.rightFilterRowEl = null;
         this.headerCheckbox = null;
         this.leftGroupRowEls = [];
         this.centerGroupRowEls = [];
@@ -551,7 +594,7 @@ export class HeaderRenderer {
             return;
         this.centerFilterRowEl.innerHTML = '';
         if (options.hasGroupedColumns)
-            this.centerFilterRowEl.appendChild(createDiv('pg-filter-cell pg-filter-cell--auto-group'));
+            this.centerFilterRowEl.appendChild(this.buildAutoGroupFilterCell(options.autoGroupColWidth ?? 200));
         if (leftSpacerW > 0)
             this.centerFilterRowEl.appendChild(this.makeSpacer('pg-filter-cell pg-filter-cell--h-spacer', leftSpacerW));
         for (const col of visibleCols)
@@ -612,6 +655,24 @@ export class HeaderRenderer {
         th.appendChild(content);
         return th;
     }
+    /**
+     * Build the leading spacer cell for the filter row that reserves the same
+     * horizontal space as the auto-group header column ({@link buildAutoGroupTh}).
+     *
+     * The width must be applied explicitly — with no width the flex cell collapses
+     * to its content, pushing every subsequent filter input out of alignment with
+     * its header. Mirrors the header cell's inline sizing so the two rows track the
+     * same `autoGroupColWidth`.
+     *
+     * @param width - The auto-group column width in pixels.
+     * @returns A zero-content filter cell sized to the group column.
+     */
+    buildAutoGroupFilterCell(width) {
+        const cell = createDiv('pg-filter-cell pg-filter-cell--auto-group');
+        cell.style.width = `${width}px`;
+        cell.style.minWidth = `${width}px`;
+        return cell;
+    }
     buildCheckboxHeaderCell() {
         const cell = createDiv('pg-th pg-th--checkbox');
         cell.setAttribute('role', 'columnheader');
@@ -686,12 +747,17 @@ export class HeaderRenderer {
             }
             th.appendChild(content);
         }
-        // Filter icon — visible on hover; always visible when a filter is active.
-        if (col.filterable !== false) {
+        // Filter icon — reveal-on-hover by default; always visible when a filter is
+        // active, or when the column/grid opts into `HeaderIconDisplay.ALWAYS`.
+        // Skipped entirely when the mode is `HeaderIconDisplay.HIDDEN`.
+        const filterMode = col.filterIconDisplay ?? options.filterIconDisplay ?? HeaderIconDisplay.HOVER;
+        if (col.filterable !== false && filterMode !== HeaderIconDisplay.HIDDEN) {
             const filterBtn = createDiv('pg-th__filter-btn');
             const filterActive = col.filterActive === true;
             if (filterActive)
                 filterBtn.classList.add('pg-th__filter-btn--active');
+            if (filterMode === HeaderIconDisplay.ALWAYS)
+                filterBtn.classList.add('pg-th__filter-btn--always');
             filterBtn.innerHTML = this.iconRenderer.renderToString(filterActive ? 'filterActive' : 'filter', 14);
             filterBtn.title = 'Filter column';
             filterBtn.setAttribute('tabindex', '0');
@@ -702,8 +768,13 @@ export class HeaderRenderer {
             });
             th.appendChild(filterBtn);
         }
-        if (options.showColumnMenu !== false) {
+        // Column-menu "⋯" icon — hidden entirely when the mode is
+        // `HeaderIconDisplay.HIDDEN` (the header right-click menu still works).
+        const menuMode = col.menuIconDisplay ?? options.menuIconDisplay ?? HeaderIconDisplay.HOVER;
+        if (options.showColumnMenu !== false && menuMode !== HeaderIconDisplay.HIDDEN) {
             const menuBtn = createDiv('pg-th__menu-btn');
+            if (menuMode === HeaderIconDisplay.ALWAYS)
+                menuBtn.classList.add('pg-th__menu-btn--always');
             menuBtn.innerHTML = this.iconRenderer.renderToString('menuHorizontal', 14);
             menuBtn.title = 'Column options';
             menuBtn.setAttribute('tabindex', '0');
@@ -759,22 +830,66 @@ export class HeaderRenderer {
         this.attachColumnDragListeners(th, col, panelColumns, panelRowEl);
         return th;
     }
+    /** `true` when a column's inline filter should be a set (checkbox) dropdown. */
+    isSetFilterColumn(col) {
+        return col.type != null && HeaderRenderer.SET_FILTER_TYPES.has(col.type);
+    }
     buildFilterCell(col) {
         const cell = createDiv('pg-filter-cell');
         cell.setAttribute('data-col-id', col.colId);
-        if (col.filterable !== false) {
-            const input = document.createElement('input');
-            input.type = 'text';
-            input.className = 'pg-filter-input';
-            input.placeholder = `${col.header}…`;
-            input.setAttribute('data-col-id', col.colId);
+        if (col.filterable === false)
+            return cell;
+        const isSet = this.isSetFilterColumn(col);
+        const filterActive = col.filterActive === true;
+        // ── Filter input ────────────────────────────────────────────────────────
+        const input = document.createElement('input');
+        input.type = 'text';
+        input.className = 'pg-filter-input';
+        // NOTE: the input deliberately carries no `data-col-id` — the per-column
+        // width rules emitted by ColumnStyleManager target `[data-col-id]` with a
+        // fixed width + `flex-shrink: 0`, which would stop the input from shrinking
+        // and push the trailing icon out of narrow cells. Only the cell (below)
+        // carries the id, so the input stays free to flex beside the icon.
+        // ── Trailing filter icon — anchors the (set / advanced) filter panel ─────
+        const iconBtn = createDiv('pg-filter-cell__icon');
+        iconBtn.setAttribute('role', 'button');
+        iconBtn.setAttribute('tabindex', '0');
+        iconBtn.setAttribute('aria-label', `Filter ${col.header}`);
+        if (filterActive)
+            iconBtn.classList.add('pg-filter-cell__icon--active');
+        iconBtn.innerHTML = this.iconRenderer.renderToString(filterActive ? 'filterActive' : 'filter', 14);
+        const openPanel = () => this.openFilterPanelFn?.(col, iconBtn);
+        iconBtn.addEventListener('click', openPanel);
+        iconBtn.addEventListener('keydown', (e) => {
+            if (e.key === 'Enter' || e.key === ' ') {
+                e.preventDefault();
+                openPanel();
+            }
+        });
+        if (isSet) {
+            // Set-type columns (object / array / dropdown) filter via the checkbox
+            // panel — the inline input is non-editable and acts as a button that opens
+            // the dropdown anchored below the trailing filter icon.
+            input.readOnly = true;
+            // input.placeholder = 'Select…';
+            input.setAttribute('aria-disabled', 'true');
+            input.setAttribute('aria-haspopup', 'listbox');
+            input.classList.add('pg-filter-input--set');
+            cell.classList.add('pg-filter-cell--set');
+            input.addEventListener('mousedown', (e) => {
+                e.preventDefault(); // keep focus off the read-only field
+                openPanel();
+            });
+        }
+        else {
+            // Free-text columns filter live as the user types.
+            // input.placeholder = `${col.header}…`;
             input.addEventListener('input', (e) => {
-                this.eventBus.emit(GridEventType.COLUMN_FILTER_CHANGED, {
-                    colId: col.colId, field: col.field, term: e.target.value,
-                });
+                this.applyInlineFilterFn?.(col, e.target.value);
             });
-            cell.appendChild(input);
         }
+        cell.appendChild(input);
+        cell.appendChild(iconBtn);
         return cell;
     }
     buildFilterRow(columns, options, isLeft) {
@@ -1647,4 +1762,15 @@ export class HeaderRenderer {
         });
     }
 }
+/**
+ * Column data types whose inline filter is a checkbox **set** dropdown rather
+ * than a free-text term. Their filter-row input is rendered read-only (with a
+ * disabled appearance) and opens the set-filter panel on click; free-text
+ * columns instead filter live as the user types.
+ */
+HeaderRenderer.SET_FILTER_TYPES = new Set([
+    'object',
+    'array',
+    'dropdown',
+]);
 //# sourceMappingURL=header-renderer.js.map