@unshape/grid 1.0.577

package/dist/engine/services/renderer/parts/header/column-menu.js

@@ -0,0 +1,237 @@
+import { setColumnPinned } from "../../../../../api/set-column-pinned";
+import { setColumnUnpin } from "../../../../../api/set-column-unpin";
+import { CSS_CLASS } from "../../../../const/css-class";
+import { addDomListener } from "../../../../core/methods";
+import { renderSortSection } from "../excel-filter/sort-section";
+export function renderColumnMenu(grid, column) {
+    const state = grid._store.getState();
+    const groupedColumns = state.view.groupingState.groupedColumns;
+    const groupedIds = groupedColumns.map((c) => c.column.id);
+    const groupDisplayMode = state.view.groupingState.displayMode;
+    // main div
+    const columnMenu = document.createElement("div");
+    columnMenu.classList.add(CSS_CLASS.columnMenu);
+    // sorting
+    const sortSect = renderSortSection(grid, column);
+    columnMenu.appendChild(sortSect);
+    // separator
+    const sep = document.createElement("div");
+    sep.classList.add(CSS_CLASS.separator);
+    columnMenu.appendChild(sep);
+    // other stuff
+    const menuItems = document.createElement("ul");
+    columnMenu.appendChild(menuItems);
+    // pin/unpin
+    const pinEl = document.createElement("li");
+    pinEl.classList.add("pin");
+    const pinIcon = document.createElement("span");
+    const pin = grid._services.icon.renderIcon(grid._services.icon, "pin");
+    pinIcon.replaceChildren(pin ?? "");
+    pinEl.appendChild(pinIcon);
+    const textPin = document.createElement("span");
+    textPin.innerText = "Pin to";
+    pinEl.appendChild(textPin);
+    const left = document.createElement("span");
+    left.innerText = "LEFT";
+    left.classList.add("left-pin");
+    left.classList.toggle("pinned", column.isPinnedLeft);
+    addDomListener(grid._gridDom, left, "click", (e) => {
+        setColumnPinned(grid, `${column.field}::${column.header}`, "left");
+        grid._services.column.removeColumnMenu(grid);
+    });
+    left.classList.toggle(CSS_CLASS.disabled, (groupDisplayMode === "multiple-group-columns" &&
+        groupedColumns.length > 0) ||
+        groupDisplayMode === "group-rows");
+    pinEl.appendChild(left);
+    const slash = document.createElement("span");
+    slash.innerText = " / ";
+    pinEl.appendChild(slash);
+    const right = document.createElement("span");
+    right.innerText = "RIGHT";
+    right.classList.add("right-pin");
+    right.classList.toggle("pinned", column.isPinnedRight);
+    addDomListener(grid._gridDom, right, "click", (e) => {
+        setColumnPinned(grid, `${column.field}::${column.header}`, "right");
+        grid._services.column.removeColumnMenu(grid);
+    });
+    pinEl.appendChild(right);
+    pinEl.classList.toggle(CSS_CLASS.disabled, groupDisplayMode === "multiple-group-columns" &&
+        groupedIds.includes(column.id));
+    menuItems.appendChild(pinEl);
+    const unPinEl = document.createElement("li");
+    const unPinIcon = document.createElement("span");
+    const unPin = grid._services.icon.renderIcon(grid._services.icon, "unPin");
+    unPinIcon.replaceChildren(unPin ?? "");
+    unPinEl.appendChild(unPinIcon);
+    const unPinText = document.createElement("span");
+    unPinText.innerText = "Unpin";
+    unPinEl.appendChild(unPinText);
+    unPinEl.classList.toggle(CSS_CLASS.disabled, !(column.isPinnedLeft || column.isPinnedRight) ||
+        (groupDisplayMode === "multiple-group-columns" &&
+            groupedIds.includes(column.id)));
+    addDomListener(grid._gridDom, unPinEl, "click", (e) => {
+        setColumnUnpin(grid, `${column.field}::${column.header}`);
+        grid._services.column.removeColumnMenu(grid);
+    });
+    menuItems.appendChild(unPinEl);
+    // separator
+    const sep2 = document.createElement("div");
+    sep2.classList.add(CSS_CLASS.separator);
+    menuItems.appendChild(sep2);
+    // columns selector
+    const selector = document.createElement("li");
+    const selectorIcon = document.createElement("span");
+    const sel = grid._services.icon.renderIcon(grid._services.icon, "columns");
+    selectorIcon.replaceChildren(sel ?? "");
+    selector.appendChild(selectorIcon);
+    const selectorText = document.createElement("span");
+    selectorText.innerText = "Columns";
+    selector.appendChild(selectorText);
+    const chevronIcon = document.createElement("span");
+    chevronIcon.classList.add("chevron-down");
+    const iconNodeChevron = grid._services.icon.renderIcon(grid._services.icon, "chevronDown");
+    chevronIcon.replaceChildren(iconNodeChevron ?? "");
+    selector.appendChild(chevronIcon);
+    menuItems.appendChild(selector);
+    const columns = document.createElement("div");
+    columns.classList.add("columns");
+    addDomListener(grid._gridDom, selector, "click", (e) => {
+        chevronIcon.classList.toggle("open");
+        columns.classList.toggle("open");
+    });
+    menuItems.appendChild(columns);
+    const inputEl = document.createElement("input");
+    inputEl.type = "text";
+    inputEl.placeholder = "Search";
+    addDomListener(grid._gridDom, inputEl, "input", (e) => grid._services.column.columnSearchInput(e, grid));
+    columns.appendChild(inputEl);
+    // checkbox items
+    const checkBoxes = document.createElement("div");
+    checkBoxes.classList.add(CSS_CLASS.checkBoxItems);
+    // select all chkbx
+    const chkBxLabel = document.createElement("label");
+    chkBxLabel.classList.add("checkbox-label");
+    const chkBx = document.createElement("input");
+    chkBx.type = "checkbox";
+    chkBx.checked = true;
+    chkBx.classList.add("select-all");
+    addDomListener(grid._gridDom, chkBx, "change", (e) => grid._services.column.selectAllColumns(e, grid));
+    grid._runtime.columnMenuSelectAll = chkBx;
+    chkBxLabel.appendChild(chkBx);
+    const value = document.createElement("span");
+    value.innerText = "Select all";
+    chkBxLabel.appendChild(value);
+    checkBoxes.appendChild(chkBxLabel);
+    columns.appendChild(checkBoxes);
+    const chkBxContainer = document.createElement("div");
+    checkBoxes.appendChild(chkBxContainer);
+    const selectedColumnText = document.createElement("div");
+    selectedColumnText.classList.add("selected-columns");
+    const text = document.createElement("span");
+    grid._runtime.selectedColumns = text;
+    selectedColumnText.appendChild(text);
+    columns.appendChild(selectedColumnText);
+    let unsubColumns = () => { };
+    addDomListener(grid._gridDom, chkBxContainer, "change", (e) => {
+        grid._services.column.columnsCheckedChanged(e, grid, chkBx);
+    });
+    unsubColumns = grid._services.column.columnMenuColumns$.subscribe((cols) => {
+        chkBxContainer.replaceChildren();
+        chkBxLabel.classList.toggle("hidden", cols.length === 0);
+        const selected = cols.filter((col) => col.visible);
+        text.innerText = `${selected.length} selected items`;
+        if (cols.length === 0) {
+            const noData = document.createElement("div");
+            noData.innerText = "No columns found";
+            noData.classList.add("no-data");
+            chkBxContainer.appendChild(noData);
+        }
+        else {
+            cols.forEach((col, i) => {
+                const chkBxLabel = document.createElement("label");
+                chkBxLabel.classList.add("checkbox-label");
+                const chkBx = document.createElement("input");
+                chkBx.type = "checkbox";
+                chkBx.checked = col.visible ?? false;
+                chkBx.dataset.index = i.toString();
+                chkBxLabel.appendChild(chkBx);
+                const value = document.createElement("span");
+                value.innerText = col.header;
+                chkBxLabel.appendChild(value);
+                chkBxContainer.appendChild(chkBxLabel);
+            });
+        }
+    });
+    grid._destroy$.subscribe(() => unsubColumns());
+    const btnContainer = document.createElement("div");
+    btnContainer.classList.add(CSS_CLASS.filterBtnContainer);
+    const applyBtn = document.createElement("button");
+    applyBtn.innerText = "Apply";
+    addDomListener(grid._gridDom, applyBtn, "click", (e) => {
+        grid._services.column.updateVisibleColumns(grid);
+        grid._services.column.removeColumnMenu(grid);
+    });
+    btnContainer.appendChild(applyBtn);
+    const resetBtn = document.createElement("button");
+    resetBtn.innerText = "Reset";
+    addDomListener(grid._gridDom, resetBtn, "click", (e) => grid._services.column.resetColumnVisibility(grid));
+    btnContainer.appendChild(resetBtn);
+    columns.appendChild(btnContainer);
+    // separator
+    const sep3 = document.createElement("div");
+    sep3.classList.add(CSS_CLASS.separator);
+    menuItems.appendChild(sep3);
+    // autosize col
+    const autoSize = document.createElement("li");
+    const autoSizeColIcon = document.createElement("span");
+    const autoSizeCol = grid._services.icon.renderIcon(grid._services.icon, "autoSizeCol");
+    autoSizeColIcon.replaceChildren(autoSizeCol ?? "");
+    addDomListener(grid._gridDom, autoSize, "click", (e) => {
+        grid._services.column.autoFitColumnMenu(grid, column);
+        grid._services.column.removeColumnMenu(grid);
+    });
+    autoSize.appendChild(autoSizeColIcon);
+    const textAutoSize = document.createElement("span");
+    textAutoSize.innerText = "Autosize this column";
+    autoSize.appendChild(textAutoSize);
+    menuItems.appendChild(autoSize);
+    // autosize all
+    const autoSizeAll = document.createElement("li");
+    const autoSizeAllIcon = document.createElement("span");
+    const autoSizeAllCol = grid._services.icon.renderIcon(grid._services.icon, "autoSizeAllCol");
+    autoSizeAllIcon.replaceChildren(autoSizeAllCol ?? "");
+    addDomListener(grid._gridDom, autoSizeAll, "click", (e) => {
+        grid._services.column.autoFitAllColumns(grid);
+        grid._services.column.removeColumnMenu(grid);
+    });
+    autoSizeAll.appendChild(autoSizeAllIcon);
+    const textAutoSizeAll = document.createElement("span");
+    textAutoSizeAll.innerText = "Autosize all columns";
+    autoSizeAll.appendChild(textAutoSizeAll);
+    menuItems.appendChild(autoSizeAll);
+    grid._runtime.columnMenu = columnMenu;
+    grid._runtime.columnMenuUnsub?.();
+    grid._runtime.columnMenuUnsub = unsubColumns;
+    grid._gridDom.root.appendChild(columnMenu);
+    // Positioning
+    const iconEl = grid._runtime.columnMenuIcons.get(column.id);
+    const iconRect = iconEl.getBoundingClientRect();
+    const gridRect = grid._gridDom.root.getBoundingClientRect();
+    const width = 200;
+    // Convert viewport coords → grid‑relative coords
+    const leftInGrid = iconRect.left - gridRect.left;
+    const rightInGrid = gridRect.right - iconRect.right;
+    const topInGrid = iconRect.bottom - gridRect.top;
+    const shouldAlignRight = leftInGrid + width > gridRect.width;
+    columnMenu.style.position = "absolute";
+    columnMenu.style.top = `${topInGrid}px`;
+    if (shouldAlignRight) {
+        columnMenu.style.right = `${rightInGrid}px`;
+        columnMenu.style.left = "auto";
+    }
+    else {
+        columnMenu.style.left = `${leftInGrid}px`;
+        columnMenu.style.right = "auto";
+    }
+}
+//# sourceMappingURL=column-menu.js.map

package/dist/engine/services/renderer/parts/header/column-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"column-menu.js","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/header/column-menu.ts"],"names":[],"mappings":"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"}

package/dist/engine/services/renderer/parts/header/drop-indicators.d.ts

@@ -0,0 +1,5 @@
+import { Grid } from "../../../../core/grid";
+import { GridState } from "../../../../store/interfaces/grid-state";
+import { InternalColumn } from "../../../column/interfaces/internal-column";
+export declare function renderDropIndicators(grid: Grid, col: InternalColumn, state: GridState, cell: HTMLDivElement): void;
+//# sourceMappingURL=drop-indicators.d.ts.map

package/dist/engine/services/renderer/parts/header/drop-indicators.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drop-indicators.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/header/drop-indicators.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAE5E,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,cAAc,EACnB,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,cAAc,QAYrB"}

package/dist/engine/services/renderer/parts/header/drop-indicators.js

@@ -0,0 +1,12 @@
+import { CSS_CLASS } from "../../../../const/css-class";
+export function renderDropIndicators(grid, col, state, cell) {
+    const left = document.createElement("div");
+    left.className = CSS_CLASS.dropIndicatorLeft;
+    cell.appendChild(left);
+    const right = document.createElement("div");
+    right.className = CSS_CLASS.dropIndicatorRight;
+    cell.appendChild(right);
+    left.style.opacity = "0";
+    right.style.opacity = "0";
+}
+//# sourceMappingURL=drop-indicators.js.map

package/dist/engine/services/renderer/parts/header/drop-indicators.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drop-indicators.js","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/header/drop-indicators.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAKxD,MAAM,UAAU,oBAAoB,CAClC,IAAU,EACV,GAAmB,EACnB,KAAgB,EAChB,IAAoB;IAEpB,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC3C,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC,iBAAiB,CAAC;IAC7C,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAEvB,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC5C,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC,kBAAkB,CAAC;IAC/C,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAExB,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC;IACzB,KAAK,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC;AAC5B,CAAC"}

package/dist/engine/services/renderer/parts/header/excel-filter-icon.d.ts

@@ -0,0 +1,5 @@
+import { Grid } from "../../../../core/grid";
+import { GridState } from "../../../../store/interfaces/grid-state";
+import { InternalColumn } from "../../../column/interfaces/internal-column";
+export declare function renderExcelFilterIcon(grid: Grid, col: InternalColumn, state: GridState, cell: HTMLDivElement): void;
+//# sourceMappingURL=excel-filter-icon.d.ts.map

package/dist/engine/services/renderer/parts/header/excel-filter-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"excel-filter-icon.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/header/excel-filter-icon.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAE7C,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAE5E,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,cAAc,EACnB,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,cAAc,QAmCrB"}

package/dist/engine/services/renderer/parts/header/excel-filter-icon.js

@@ -0,0 +1,29 @@
+import { CSS_CLASS } from "../../../../const/css-class";
+import { addDomListener } from "../../../../core/methods";
+export function renderExcelFilterIcon(grid, col, state, cell) {
+    const iconContainer = document.createElement("span");
+    const iconNode = grid._services.icon.renderIcon(grid._services.icon, "filter");
+    iconContainer.replaceChildren(iconNode ?? "");
+    iconContainer.classList.add(CSS_CLASS.filterIcon);
+    iconContainer.classList.toggle(CSS_CLASS.disabled, state.view.externalLoading);
+    grid._runtime.excelFilterIcons.set(col.id, iconContainer);
+    cell.appendChild(iconContainer);
+    addDomListener(grid._gridDom, iconContainer, "click", (e) => {
+        e.stopPropagation();
+        grid._services.filter.excelFilterIconClick(grid, col);
+    });
+    const active = state.view.columnsWithActiveExcelFilters.has(col.id);
+    iconContainer.classList.toggle(CSS_CLASS.activeFilter, active);
+    const unsubActiveFilter = grid._services.filter
+        .activeExcelFilterForColumn(col.id)
+        .subscribe((active) => {
+        iconContainer.classList.toggle(CSS_CLASS.activeFilter, active);
+    });
+    grid._runtime.activeExcelFilterSubscr.set(col.id, unsubActiveFilter);
+    grid._destroy$.subscribe(() => {
+        for (const unsub of grid._runtime.activeExcelFilterSubscr.values()) {
+            unsub();
+        }
+    });
+}
+//# sourceMappingURL=excel-filter-icon.js.map

package/dist/engine/services/renderer/parts/header/excel-filter-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"excel-filter-icon.js","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/header/excel-filter-icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAExD,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAI1D,MAAM,UAAU,qBAAqB,CACnC,IAAU,EACV,GAAmB,EACnB,KAAgB,EAChB,IAAoB;IAEpB,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IACrD,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAC7C,IAAI,CAAC,SAAS,CAAC,IAAI,EACnB,QAAQ,CACT,CAAC;IACF,aAAa,CAAC,eAAe,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC;IAC9C,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IAClD,aAAa,CAAC,SAAS,CAAC,MAAM,CAC5B,SAAS,CAAC,QAAQ,EAClB,KAAK,CAAC,IAAI,CAAC,eAAe,CAC3B,CAAC;IACF,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,EAAE,aAAa,CAAC,CAAC;IAC1D,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;IAEhC,cAAc,CAAC,IAAI,CAAC,QAAQ,EAAE,aAAa,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;QAC1D,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,6BAA6B,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;IACpE,aAAa,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;IAE/D,MAAM,iBAAiB,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM;SAC5C,0BAA0B,CAAC,GAAG,CAAC,EAAE,CAAC;SAClC,SAAS,CAAC,CAAC,MAAM,EAAE,EAAE;QACpB,aAAa,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;IACjE,CAAC,CAAC,CAAC;IACL,IAAI,CAAC,QAAQ,CAAC,uBAAuB,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,EAAE,iBAAiB,CAAC,CAAC;IACrE,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,GAAG,EAAE;QAC5B,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,QAAQ,CAAC,uBAAuB,CAAC,MAAM,EAAE,EAAE,CAAC;YACnE,KAAK,EAAE,CAAC;QACV,CAAC;IACH,CAAC,CAAC,CAAC;AACL,CAAC"}

package/dist/engine/services/renderer/parts/header/header-cells.d.ts

@@ -0,0 +1,6 @@
+import { Grid } from "../../../../core/grid";
+import { GridDOM } from "../../../../core/grid-dom";
+import type { GridStore } from "../../../../store/store";
+import { PinnedRegion } from "../../../column/types/pinned-region";
+export declare function renderHeaderCells(header: HTMLElement, store: GridStore, gridDom: GridDOM, grid: Grid, region: PinnedRegion): void;
+//# sourceMappingURL=header-cells.d.ts.map

package/dist/engine/services/renderer/parts/header/header-cells.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header-cells.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/header/header-cells.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAEpD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEzD,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAUnE,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,WAAW,EACnB,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,YAAY,QAqLrB"}

package/dist/engine/services/renderer/parts/header/header-cells.js

@@ -0,0 +1,148 @@
+import { CSS_CLASS } from "../../../../const/css-class";
+import { addDomListener } from "../../../../core/methods";
+import { renderCbxColumn } from "./cbx-column";
+import { renderColumnMenuIcon } from "./column-menu-icon";
+import { renderDropIndicators } from "./drop-indicators";
+import { renderExcelFilterIcon } from "./excel-filter-icon";
+import { renderMenuFilterIcon } from "./menu-filter-icon";
+import { renderResizeHandle } from "./resize-handle";
+import { renderSortAndPriorityIcon } from "./sort-and-priority-icon";
+import { sortHandler } from "./sort-handler";
+export function renderHeaderCells(header, store, gridDom, grid, region) {
+    const runtime = grid._runtime;
+    const state = store.getState();
+    const columns = state.view.internalColumns.filter((col) => (col.visible ?? true) && col.region === region);
+    const resizable = store.getState().view.resizable;
+    const resizeMode = store.getState().view.resizeMode;
+    // Clear previous DOM
+    header.innerHTML = "";
+    columns.forEach((col, i) => {
+        const cell = document.createElement("div");
+        cell.className = CSS_CLASS.headerCell;
+        cell.setAttribute("col-id", col.id);
+        cell.classList.toggle("sortable", !!col.sortable);
+        cell.setAttribute("sortdir", col.sortOrder);
+        // click handler for sorting
+        addDomListener(gridDom, cell, "click", (ev) => {
+            const state = grid._store.getState(); // fresh
+            if (col.field === "group-column" || col.field === "cbx-column")
+                return;
+            grid._services.selection.clearSelection(grid);
+            if (state.ui.dragDrop.suppressClick) {
+                grid._store.update((draft) => {
+                    draft.ui.dragDrop.suppressClick = false;
+                });
+                return;
+            }
+            if (grid._store.getState().ui.resize.suppressNextClick) {
+                grid._store.update((draft) => (draft.ui.resize.suppressNextClick = false));
+                return;
+            }
+            sortHandler(grid, col, state, ev);
+        });
+        // Create content container
+        const content = document.createElement("div");
+        content.className = CSS_CLASS.headerCellContent;
+        // Destroy previous template handle for this column
+        const prevHandle = runtime.headerHandles.get(col.id);
+        prevHandle?.destroy();
+        runtime.headerHandles.delete(col.id);
+        let rendered = false;
+        // dynamic template
+        const handle = state.view.rendererAdapter?.renderColumnHeaderTemplate?.({
+            container: content,
+            context: {
+                field: col.field,
+                header: col.header,
+                columnKey: `${col.field}::${col.header}`,
+                columnId: col.id,
+            },
+        });
+        if (handle) {
+            runtime.headerHandles.set(col.id, handle);
+            rendered = true;
+        }
+        // Functional headerRenderer (if no dynamic template)
+        if (!rendered && col.headerRenderer) {
+            const result = col.headerRenderer({
+                field: col.field,
+                header: col.header,
+                columnKey: `${col.field}::${col.header}`,
+                columnId: col.id,
+            });
+            if (typeof result === "string") {
+                content.textContent = result;
+            }
+            else if (result instanceof HTMLElement) {
+                content.appendChild(result);
+            }
+            rendered = true;
+        }
+        // Fallback static header text
+        if (!rendered) {
+            content.textContent = col.header;
+        }
+        if (col.field === "cbx-column") {
+            renderCbxColumn(content, grid);
+        }
+        cell.appendChild(content);
+        // Resize handle logic
+        const isLast = i === columns.length - 1;
+        const shouldSkipHandle = (resizeMode === "constrained" && isLast) || col.field === "cbx-column";
+        if (!shouldSkipHandle && resizable) {
+            renderResizeHandle(cell, gridDom, store, col.id, grid);
+        }
+        // Store container for future updates (sorting, classes, etc.)
+        runtime.headerContainers.set(col.id, cell);
+        // add subscription for sort icon and priority rendering
+        const iconContainer = document.createElement("span");
+        const priorityContainer = document.createElement("span");
+        priorityContainer.classList.add(CSS_CLASS.sortPriority);
+        // gets the real index based on the column id, since the iteration uses only visible columns
+        const internalIndex = grid._services.column.getInternalIndexById(state, col.id);
+        const unsubscribe = grid._services.sort
+            .sortStateForColumn(col.id)
+            .subscribe(({ order, priority }) => {
+            renderSortAndPriorityIcon(grid, order, iconContainer, store, col, cell);
+        });
+        runtime.headerSubscriptions.set(col.id, unsubscribe);
+        grid._destroy$.subscribe(() => {
+            for (const unsub of runtime.headerSubscriptions.values()) {
+                unsub();
+            }
+        });
+        cell.appendChild(priorityContainer);
+        cell.appendChild(iconContainer);
+        // theoretically we could unify this, but now it is better, when clearly separated
+        // menu filter
+        if (state.view.filterable === "menu" &&
+            col.field !== "group-column" &&
+            col.field !== "cbx-column" &&
+            col.filterable) {
+            renderMenuFilterIcon(grid, col, state, cell);
+        }
+        // excel filter
+        if (state.view.filterable === "excel" &&
+            col.field !== "group-column" &&
+            col.field !== "cbx-column" &&
+            col.filterable) {
+            renderExcelFilterIcon(grid, col, state, cell);
+        }
+        // column menu
+        if (state.view.columnMenu && col.columnMenu) {
+            renderColumnMenuIcon(grid, col, state, cell);
+        }
+        // column reorder or grouping
+        if (grid._services.column.isColumnReorderable(grid, col) ||
+            state.view.groupable) {
+            addDomListener(grid._gridDom, cell, "mousedown", (e) => grid._services.column.startDragOnColumn(e, grid, col));
+        }
+        // drop indicators
+        if (state.view.allowColumnReorder &&
+            state.view.allowColumnReorder
+                .showDropIndicator)
+            renderDropIndicators(grid, col, state, cell);
+        header.appendChild(cell);
+    });
+}
+//# sourceMappingURL=header-cells.js.map

package/dist/engine/services/renderer/parts/header/header-cells.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header-cells.js","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/header/header-cells.ts"],"names":[],"mappings":"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"}

package/dist/engine/services/renderer/parts/header/header.d.ts

@@ -0,0 +1,5 @@
+import { Grid } from "../../../../core/grid";
+import type { GridDOM } from "../../../../core/grid-dom";
+import type { GridStore } from "../../../../store/store";
+export declare function renderHeader(store: GridStore, gridDom: GridDOM, grid: Grid): HTMLDivElement;
+//# sourceMappingURL=header.d.ts.map

package/dist/engine/services/renderer/parts/header/header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/header/header.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAEzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAGzD,wBAAgB,YAAY,CAC1B,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,GACT,cAAc,CAgDhB"}

package/dist/engine/services/renderer/parts/header/header.js

@@ -0,0 +1,44 @@
+import { CSS_CLASS } from "../../../../const/css-class";
+import { addDomListener, cleanupElementDeep } from "../../../../core/methods";
+import { renderHeaderCells } from "./header-cells";
+export function renderHeader(store, gridDom, grid) {
+    if (gridDom.header) {
+        cleanupElementDeep(gridDom.header);
+        gridDom.header.remove();
+    }
+    if (gridDom.leftHeader) {
+        cleanupElementDeep(gridDom.leftHeader);
+        gridDom.leftHeader.remove();
+    }
+    if (gridDom.rightHeader) {
+        cleanupElementDeep(gridDom.rightHeader);
+        gridDom.rightHeader.remove();
+    }
+    // viewport
+    const headerViewportEl = document.createElement("div");
+    headerViewportEl.className = CSS_CLASS.headerViewport;
+    // cell container - left
+    const headerElLeft = document.createElement("div");
+    headerElLeft.classList.add(CSS_CLASS.header, CSS_CLASS.pinnedLeft);
+    addDomListener(gridDom, headerElLeft, "dblclick", (ev) => grid._services.column.autofit(ev, store, gridDom));
+    // cell container - main
+    const headerEl = document.createElement("div");
+    headerEl.className = CSS_CLASS.header;
+    addDomListener(gridDom, headerEl, "dblclick", (ev) => grid._services.column.autofit(ev, store, gridDom));
+    // cell container - right
+    const headerElRight = document.createElement("div");
+    headerElRight.classList.add(CSS_CLASS.header, CSS_CLASS.pinnedRight);
+    addDomListener(gridDom, headerElRight, "dblclick", (ev) => grid._services.column.autofit(ev, store, gridDom));
+    // cells
+    renderHeaderCells(headerElLeft, store, gridDom, grid, "pinned-left");
+    renderHeaderCells(headerEl, store, gridDom, grid, "main");
+    renderHeaderCells(headerElRight, store, gridDom, grid, "pinned-right");
+    headerViewportEl.appendChild(headerElLeft);
+    headerViewportEl.appendChild(headerEl);
+    headerViewportEl.appendChild(headerElRight);
+    gridDom.leftHeader = headerElLeft;
+    gridDom.header = headerEl;
+    gridDom.rightHeader = headerElRight;
+    return headerViewportEl;
+}
+//# sourceMappingURL=header.js.map

package/dist/engine/services/renderer/parts/header/header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/header/header.ts"],"names":[],"mappings":"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"}

package/dist/engine/services/renderer/parts/header/menu-filter-icon.d.ts

@@ -0,0 +1,5 @@
+import { Grid } from "../../../../core/grid";
+import { GridState } from "../../../../store/interfaces/grid-state";
+import { InternalColumn } from "../../../column/interfaces/internal-column";
+export declare function renderMenuFilterIcon(grid: Grid, col: InternalColumn, state: GridState, cell: HTMLDivElement): void;
+//# sourceMappingURL=menu-filter-icon.d.ts.map

package/dist/engine/services/renderer/parts/header/menu-filter-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-filter-icon.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/header/menu-filter-icon.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAE7C,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAE5E,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,cAAc,EACnB,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,cAAc,QAmCrB"}

package/dist/engine/services/renderer/parts/header/menu-filter-icon.js

@@ -0,0 +1,29 @@
+import { CSS_CLASS } from "../../../../const/css-class";
+import { addDomListener } from "../../../../core/methods";
+export function renderMenuFilterIcon(grid, col, state, cell) {
+    const iconContainer = document.createElement("span");
+    const iconNode = grid._services.icon.renderIcon(grid._services.icon, "filter");
+    iconContainer.replaceChildren(iconNode ?? "");
+    iconContainer.classList.add(CSS_CLASS.filterIcon);
+    iconContainer.classList.toggle(CSS_CLASS.disabled, state.view.externalLoading);
+    grid._runtime.menuFilterIcons.set(col.id, iconContainer);
+    cell.appendChild(iconContainer);
+    addDomListener(grid._gridDom, iconContainer, "click", (e) => {
+        e.stopPropagation();
+        grid._services.filter.menuFilterIconClick(grid, col);
+    });
+    const active = state.view.columnsWithActiveMenuFilters.has(col.id);
+    iconContainer.classList.toggle(CSS_CLASS.activeFilter, active);
+    const unsubActiveFilter = grid._services.filter
+        .activeMenuFilterForColumn(col.id)
+        .subscribe((active) => {
+        iconContainer.classList.toggle(CSS_CLASS.activeFilter, active);
+    });
+    grid._runtime.activeMenuFilterSubscr.set(col.id, unsubActiveFilter);
+    grid._destroy$.subscribe(() => {
+        for (const unsub of grid._runtime.activeMenuFilterSubscr.values()) {
+            unsub();
+        }
+    });
+}
+//# sourceMappingURL=menu-filter-icon.js.map

package/dist/engine/services/renderer/parts/header/menu-filter-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-filter-icon.js","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/header/menu-filter-icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAExD,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAI1D,MAAM,UAAU,oBAAoB,CAClC,IAAU,EACV,GAAmB,EACnB,KAAgB,EAChB,IAAoB;IAEpB,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IACrD,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAC7C,IAAI,CAAC,SAAS,CAAC,IAAI,EACnB,QAAQ,CACT,CAAC;IACF,aAAa,CAAC,eAAe,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC;IAC9C,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IAClD,aAAa,CAAC,SAAS,CAAC,MAAM,CAC5B,SAAS,CAAC,QAAQ,EAClB,KAAK,CAAC,IAAI,CAAC,eAAe,CAC3B,CAAC;IACF,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,EAAE,aAAa,CAAC,CAAC;IACzD,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;IAEhC,cAAc,CAAC,IAAI,CAAC,QAAQ,EAAE,aAAa,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;QAC1D,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,mBAAmB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IACvD,CAAC,CAAC,CAAC;IAEH,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,4BAA4B,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;IACnE,aAAa,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;IAE/D,MAAM,iBAAiB,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM;SAC5C,yBAAyB,CAAC,GAAG,CAAC,EAAE,CAAC;SACjC,SAAS,CAAC,CAAC,MAAM,EAAE,EAAE;QACpB,aAAa,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;IACjE,CAAC,CAAC,CAAC;IACL,IAAI,CAAC,QAAQ,CAAC,sBAAsB,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,EAAE,iBAAiB,CAAC,CAAC;IACpE,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,GAAG,EAAE;QAC5B,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,QAAQ,CAAC,sBAAsB,CAAC,MAAM,EAAE,EAAE,CAAC;YAClE,KAAK,EAAE,CAAC;QACV,CAAC;IACH,CAAC,CAAC,CAAC;AACL,CAAC"}

package/dist/engine/services/renderer/parts/header/resize-handle.d.ts

@@ -0,0 +1,5 @@
+import { Grid } from "../../../../core/grid";
+import { GridDOM } from "../../../../core/grid-dom";
+import { GridStore } from "../../../../store/store";
+export declare function renderResizeHandle(cell: HTMLDivElement, gridDom: GridDOM, store: GridStore, colId: string, grid: Grid): void;
+//# sourceMappingURL=resize-handle.d.ts.map