@polygrid/core 1.0.525 → 1.0.527

package/dist/engine/services/navigation/methods/scroll-cell-into-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-cell-into-view.js","sourceRoot":"","sources":["../../../../../src/engine/services/navigation/methods/scroll-cell-into-view.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,kBAAkB,CAChC,IAAc,EACd,KAAa,EACb,KAAa;IAEb,MAAM,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC;IAC1B,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IAC/D,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IAE/D,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM;QAAE,OAAO;IAE/B,MAAM,MAAM,GAAG,GAAG,CAAC,YAAY,CAAC;IAChC,MAAM,MAAM,GAAG,GAAG,CAAC,YAAY,CAAC;IAEhC,WAAW;IACX,IAAI,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC,SAAS,EAAE,CAAC;QAClC,MAAM,CAAC,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC;IAChC,CAAC;SAAM,IACL,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC,MAAM;QAC1B,MAAM,CAAC,SAAS,GAAG,GAAG,CAAC,YAAY,CAAC,YAAY,EAChD,CAAC;QACD,MAAM,CAAC,SAAS;YACd,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,YAAY,CAAC,YAAY,CAAC;IAC/D,CAAC;IAED,aAAa;IACb,IAAI,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC;QACpC,MAAM,CAAC,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC;IAClC,CAAC;SAAM,IACL,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,KAAK;QAC1B,MAAM,CAAC,UAAU,GAAG,GAAG,CAAC,YAAY,CAAC,WAAW,EAChD,CAAC;QACD,MAAM,CAAC,UAAU;YACf,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,KAAK,GAAG,GAAG,CAAC,YAAY,CAAC,WAAW,CAAC;IAC9D,CAAC;AACH,CAAC"}

package/dist/engine/services/navigation/navigation.d.ts

@@ -0,0 +1,16 @@
+import { PolyGrid } from "../../core/grid";
+import { GridDOM } from "../../core/grid-dom";
+import { ObservableLike } from "../../rx-lite/interfaces/observable-like";
+import { PolyGridStore } from "../../store/store";
+import { ServiceWithMethods } from "../services";
+import { NavigationMethods } from "./index";
+export declare class NavigationService {
+    store: PolyGridStore;
+    destroy$: ObservableLike<void>;
+    gridDom: GridDOM;
+    grid: PolyGrid;
+    constructor(grid: PolyGrid);
+    initApiSubscriptions(): void;
+}
+export type NavigationServiceType = ServiceWithMethods<NavigationService, NavigationMethods>;
+//# sourceMappingURL=navigation.d.ts.map

package/dist/engine/services/navigation/navigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../../../src/engine/services/navigation/navigation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAgB,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAW,MAAM,SAAS,CAAC;AAErD,qBAAa,iBAAiB;IAC5B,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,QAAQ,CAAC;gBAEH,IAAI,EAAE,QAAQ;IAS1B,oBAAoB;CACrB;AAED,MAAM,MAAM,qBAAqB,GAAG,kBAAkB,CACpD,iBAAiB,EACjB,iBAAiB,CAClB,CAAC"}

package/dist/engine/services/navigation/navigation.js

@@ -0,0 +1,13 @@
+import { applyMethods } from "../services";
+import { methods } from "./index";
+export class NavigationService {
+    constructor(grid) {
+        this.store = grid._store;
+        this.destroy$ = grid._destroy$;
+        this.gridDom = grid._gridDom;
+        this.grid = grid;
+        applyMethods(this, methods);
+    }
+    initApiSubscriptions() { }
+}
+//# sourceMappingURL=navigation.js.map

package/dist/engine/services/navigation/navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.js","sourceRoot":"","sources":["../../../../src/engine/services/navigation/navigation.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAsB,MAAM,aAAa,CAAC;AAC/D,OAAO,EAAqB,OAAO,EAAE,MAAM,SAAS,CAAC;AAErD,MAAM,OAAO,iBAAiB;IAM5B,YAAY,IAAc;QACxB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC;QACzB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC;QAC/B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC7B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QAEjB,YAAY,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IAC9B,CAAC;IAED,oBAAoB,KAAI,CAAC;CAC1B"}

package/dist/engine/services/renderer/methods/re-render-cells.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"re-render-cells.d.ts","sourceRoot":"","sources":["../../../../../src/engine/services/renderer/methods/re-render-cells.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAGtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAM9C,wBAAgB,aAAa,CAC3B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,aAAa,EACpB,IAAI,EAAE,QAAQ,QAkDf"}
+{"version":3,"file":"re-render-cells.d.ts","sourceRoot":"","sources":["../../../../../src/engine/services/renderer/methods/re-render-cells.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAGtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAQ9C,wBAAgB,aAAa,CAC3B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,aAAa,EACpB,IAAI,EAAE,QAAQ,QAgGf"}

package/dist/engine/services/renderer/methods/re-render-cells.js

@@ -4,21 +4,35 @@ import { renderFilterCells } from "../parts/filter-row/filter-cells";
 import { RowPool } from "../../row/classes/row-pool";
 import { recomputeVirtualRows } from "../../row/methods/recompute-virtual-rows";
 import { normalizeViewRows } from "../../../core/methods";
+import { renderSelectionOverlay } from "../parts/selection/overlay";
 export function reRenderCells(gridDom, store, grid) {
     // rerender header, body, footer cells
     // first clear every runtime inside the body
     grid._runtime.clearRuntimeContainers();
     // header
+    const leftHeader = gridDom.leftHeader;
+    leftHeader.replaceChildren();
+    renderHeaderCells(leftHeader, store, gridDom, grid, "pinned-left");
     const header = gridDom.header;
     header.replaceChildren();
-    renderHeaderCells(header, store, gridDom, grid);
+    renderHeaderCells(header, store, gridDom, grid, "main");
+    const rightHeader = gridDom.rightHeader;
+    rightHeader.replaceChildren();
+    renderHeaderCells(rightHeader, store, gridDom, grid, "pinned-right");
     // filter row
     let state = store.getState();
     const filterable = state.view.filterable === true || state.view.filterable === "row";
     if (filterable) {
+        const leftFilterRow = gridDom.leftFilterRow;
+        leftFilterRow.replaceChildren();
+        renderFilterCells(leftFilterRow, store, gridDom, grid, "pinned-left");
         const filterRow = gridDom.filterRow;
         filterRow.replaceChildren();
-        renderFilterCells(filterRow, store, gridDom, grid);
+        renderFilterCells(filterRow, store, gridDom, grid, "main");
+        const rightFilterRow = gridDom.rightFilterRow;
+        rightFilterRow.replaceChildren();
+        renderFilterCells(rightFilterRow, store, gridDom, grid, "pinned-right");
+        store.emitEvent("filterCellsRendered", {});
     }
     // body (virtualized)
     gridDom.bodyViewport.scrollTop = 0;
@@ -31,7 +45,20 @@ export function reRenderCells(gridDom, store, grid) {
     });
     // get fresh state after update
     state = store.getState();
+    gridDom.leftBody.replaceChildren();
     gridDom.body.replaceChildren();
+    gridDom.rightBody.replaceChildren();
+    // selection overlays
+    if (state.view.selectable) {
+        const settings = state.view.selectable;
+        if ((settings.mode === "cell" || settings.mode === "both") &&
+            (settings.mouse || settings.keyboard)) {
+            const { overlay, overlayPinnedLeft, overlayPinnedRight } = renderSelectionOverlay(grid);
+            gridDom.body.appendChild(overlay);
+            gridDom.leftBody.appendChild(overlayPinnedLeft);
+            gridDom.rightBody.appendChild(overlayPinnedRight);
+        }
+    }
     const rowHeight = state.view.rowHeight;
     const columns = state.view.internalColumns;
     const viewportHeight = state.view.viewportHeight;
@@ -43,8 +70,14 @@ export function reRenderCells(gridDom, store, grid) {
     const data = normalizeViewRows(state.view.rows);
     rowPool.update(v, data);
     // footer
+    const leftFooter = gridDom.leftFooter;
+    leftFooter.replaceChildren();
+    renderFooterCells(leftFooter, store, grid, "pinned-left");
     const footer = gridDom.footer;
     footer.replaceChildren();
-    renderFooterCells(footer, store, grid);
+    renderFooterCells(footer, store, grid, "main");
+    const rightFooter = gridDom.rightFooter;
+    rightFooter.replaceChildren();
+    renderFooterCells(rightFooter, store, grid, "pinned-right");
 }
 //# sourceMappingURL=re-render-cells.js.map

package/dist/engine/services/renderer/methods/re-render-cells.js.map

@@ -1 +1 @@
-{"version":3,"file":"re-render-cells.js","sourceRoot":"","sources":["../../../../../src/engine/services/renderer/methods/re-render-cells.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAGjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAChF,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE1D,MAAM,UAAU,aAAa,CAC3B,OAAgB,EAChB,KAAoB,EACpB,IAAc;IAEd,sCAAsC;IACtC,4CAA4C;IAC5C,IAAI,CAAC,QAAQ,CAAC,sBAAsB,EAAE,CAAC;IACvC,SAAS;IACT,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;IAC9B,MAAM,CAAC,eAAe,EAAE,CAAC;IACzB,iBAAiB,CAAC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;IAChD,aAAa;IACb,IAAI,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;IAC7B,MAAM,UAAU,GACd,KAAK,CAAC,IAAI,CAAC,UAAU,KAAK,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,UAAU,KAAK,KAAK,CAAC;IACpE,IAAI,UAAU,EAAE,CAAC;QACf,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC;QACpC,SAAS,CAAC,eAAe,EAAE,CAAC;QAC5B,iBAAiB,CAAC,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;IACrD,CAAC;IACD,qBAAqB;IACrB,OAAO,CAAC,YAAY,CAAC,SAAS,GAAG,CAAC,CAAC;IACnC,OAAO,CAAC,YAAY,CAAC,SAAS,GAAG,CAAC,CAAC;IACnC,KAAK,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE;QACrB,MAAM,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC;QAC/B,CAAC,CAAC,SAAS,GAAG,CAAC,CAAC;QAChB,CAAC,CAAC,gBAAgB,GAAG,CAAC,CAAC;QACvB,CAAC,CAAC,cAAc,GAAG,CAAC,CAAC;IACvB,CAAC,CAAC,CAAC;IACH,+BAA+B;IAC/B,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;IACzB,OAAO,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC;IAC/B,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC;IACvC,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC;IAC3C,MAAM,cAAc,GAAG,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC;IACjD,MAAM,OAAO,GAAG,IAAI,OAAO,CACzB,OAAO,EACP,OAAO,EACP,SAAS,EACT,IAAI,EACJ,cAAc,CACf,CAAC;IACF,IAAI,CAAC,QAAQ,CAAC,OAAO,GAAG,OAAO,CAAC;IAChC,wBAAwB;IACxB,MAAM,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC;IAC/B,oBAAoB,CAAC,CAAC,CAAC,CAAC;IACxB,MAAM,IAAI,GAAG,iBAAiB,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChD,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;IACxB,SAAS;IACT,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;IAC9B,MAAM,CAAC,eAAe,EAAE,CAAC;IACzB,iBAAiB,CAAC,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;AACzC,CAAC"}
+{"version":3,"file":"re-render-cells.js","sourceRoot":"","sources":["../../../../../src/engine/services/renderer/methods/re-render-cells.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAGjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAChF,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAEpE,MAAM,UAAU,aAAa,CAC3B,OAAgB,EAChB,KAAoB,EACpB,IAAc;IAEd,sCAAsC;IACtC,4CAA4C;IAC5C,IAAI,CAAC,QAAQ,CAAC,sBAAsB,EAAE,CAAC;IACvC,SAAS;IACT,MAAM,UAAU,GAAG,OAAO,CAAC,UAAU,CAAC;IACtC,UAAU,CAAC,eAAe,EAAE,CAAC;IAC7B,iBAAiB,CAAC,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,aAAa,CAAC,CAAC;IAEnE,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;IAC9B,MAAM,CAAC,eAAe,EAAE,CAAC;IACzB,iBAAiB,CAAC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;IAExD,MAAM,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC;IACxC,WAAW,CAAC,eAAe,EAAE,CAAC;IAC9B,iBAAiB,CAAC,WAAW,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,cAAc,CAAC,CAAC;IAErE,aAAa;IACb,IAAI,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;IAC7B,MAAM,UAAU,GACd,KAAK,CAAC,IAAI,CAAC,UAAU,KAAK,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,UAAU,KAAK,KAAK,CAAC;IACpE,IAAI,UAAU,EAAE,CAAC;QACf,MAAM,aAAa,GAAG,OAAO,CAAC,aAAa,CAAC;QAC5C,aAAa,CAAC,eAAe,EAAE,CAAC;QAChC,iBAAiB,CAAC,aAAa,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,aAAa,CAAC,CAAC;QAEtE,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC;QACpC,SAAS,CAAC,eAAe,EAAE,CAAC;QAC5B,iBAAiB,CAAC,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;QAE3D,MAAM,cAAc,GAAG,OAAO,CAAC,cAAc,CAAC;QAC9C,cAAc,CAAC,eAAe,EAAE,CAAC;QACjC,iBAAiB,CAAC,cAAc,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,cAAc,CAAC,CAAC;QAExE,KAAK,CAAC,SAAS,CAAC,qBAAqB,EAAE,EAAE,CAAC,CAAC;IAC7C,CAAC;IACD,qBAAqB;IACrB,OAAO,CAAC,YAAY,CAAC,SAAS,GAAG,CAAC,CAAC;IACnC,OAAO,CAAC,YAAY,CAAC,SAAS,GAAG,CAAC,CAAC;IACnC,KAAK,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE;QACrB,MAAM,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC;QAC/B,CAAC,CAAC,SAAS,GAAG,CAAC,CAAC;QAChB,CAAC,CAAC,gBAAgB,GAAG,CAAC,CAAC;QACvB,CAAC,CAAC,cAAc,GAAG,CAAC,CAAC;IACvB,CAAC,CAAC,CAAC;IACH,+BAA+B;IAC/B,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;IAEzB,OAAO,CAAC,QAAQ,CAAC,eAAe,EAAE,CAAC;IACnC,OAAO,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC;IAC/B,OAAO,CAAC,SAAS,CAAC,eAAe,EAAE,CAAC;IAEpC,qBAAqB;IACrB,IAAI,KAAK,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;QAC1B,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,UAAuC,CAAC;QACpE,IACE,CAAC,QAAQ,CAAC,IAAI,KAAK,MAAM,IAAI,QAAQ,CAAC,IAAI,KAAK,MAAM,CAAC;YACtD,CAAC,QAAQ,CAAC,KAAK,IAAI,QAAQ,CAAC,QAAQ,CAAC,EACrC,CAAC;YACD,MAAM,EAAE,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,GACtD,sBAAsB,CAAC,IAAI,CAAC,CAAC;YAC/B,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YAClC,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC;YAChD,OAAO,CAAC,SAAS,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAC;QACpD,CAAC;IACH,CAAC;IAED,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC;IACvC,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC;IAC3C,MAAM,cAAc,GAAG,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC;IACjD,MAAM,OAAO,GAAG,IAAI,OAAO,CACzB,OAAO,EACP,OAAO,EACP,SAAS,EACT,IAAI,EACJ,cAAc,CACf,CAAC;IACF,IAAI,CAAC,QAAQ,CAAC,OAAO,GAAG,OAAO,CAAC;IAChC,wBAAwB;IACxB,MAAM,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC;IAC/B,oBAAoB,CAAC,CAAC,CAAC,CAAC;IACxB,MAAM,IAAI,GAAG,iBAAiB,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChD,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;IACxB,SAAS;IACT,MAAM,UAAU,GAAG,OAAO,CAAC,UAAU,CAAC;IACtC,UAAU,CAAC,eAAe,EAAE,CAAC;IAC7B,iBAAiB,CAAC,UAAU,EAAE,KAAK,EAAE,IAAI,EAAE,aAAa,CAAC,CAAC;IAE1D,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;IAC9B,MAAM,CAAC,eAAe,EAAE,CAAC;IACzB,iBAAiB,CAAC,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;IAE/C,MAAM,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC;IACxC,WAAW,CAAC,eAAe,EAAE,CAAC;IAC9B,iBAAiB,CAAC,WAAW,EAAE,KAAK,EAAE,IAAI,EAAE,cAAc,CAAC,CAAC;AAC9D,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"body.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/body/body.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAEzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAI7D,wBAAgB,UAAU,CACxB,KAAK,EAAE,aAAa,EACpB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,QAAQ,GACb,cAAc,CAoChB"}
+{"version":3,"file":"body.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/body/body.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAEzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAI7D,wBAAgB,UAAU,CACxB,KAAK,EAAE,aAAa,EACpB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,QAAQ,GACb,cAAc,CAqEhB"}

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

@@ -5,27 +5,51 @@ export function renderBody(store, gridDom, grid) {
     // viewport
     const bodyViewportEl = document.createElement("div");
     bodyViewportEl.className = PG_CSS_CLASS.bodyViewport;
+    bodyViewportEl.tabIndex = 0;
+    addDomListener(gridDom, bodyViewportEl, "keydown", (e) => {
+        grid._services.navigation.handleKeyDown(e, grid);
+    });
     // row container
+    const leftBodyEl = document.createElement("div");
+    leftBodyEl.classList.add(PG_CSS_CLASS.body, PG_CSS_CLASS.pinnedLeft);
+    leftBodyEl.innerHTML = "";
     const bodyEl = document.createElement("div");
     bodyEl.className = PG_CSS_CLASS.body;
     bodyEl.innerHTML = "";
+    const rightBodyEl = document.createElement("div");
+    rightBodyEl.classList.add(PG_CSS_CLASS.body, PG_CSS_CLASS.pinnedRight);
+    rightBodyEl.innerHTML = "";
+    bodyViewportEl.appendChild(leftBodyEl);
     bodyViewportEl.appendChild(bodyEl);
+    bodyViewportEl.appendChild(rightBodyEl);
+    gridDom.leftBody = leftBodyEl;
     gridDom.body = bodyEl;
-    addDomListener(gridDom, bodyEl, "mousedown", (e) => {
+    gridDom.rightBody = rightBodyEl;
+    function onMouseDown(e) {
+        bodyViewportEl.focus();
         grid._services.selection.onMouseDown(grid, e);
-    });
-    addDomListener(gridDom, bodyEl, "mousemove", (e) => {
+    }
+    function onMouseMove(e) {
         grid._services.selection.onMouseMove(grid, e);
-    });
+    }
+    addDomListener(gridDom, leftBodyEl, "mousedown", onMouseDown);
+    addDomListener(gridDom, bodyEl, "mousedown", onMouseDown);
+    addDomListener(gridDom, rightBodyEl, "mousedown", onMouseDown);
+    addDomListener(gridDom, leftBodyEl, "mousemove", onMouseMove);
+    addDomListener(gridDom, bodyEl, "mousemove", onMouseMove);
+    addDomListener(gridDom, rightBodyEl, "mousemove", onMouseMove);
     const handleWindowMouseUp = () => grid._services.selection.onWindowMouseUp(grid);
     grid._runtime.onWindowsMouseUp = handleWindowMouseUp;
     window.addEventListener("mouseup", handleWindowMouseUp);
     const state = grid._store.getState();
     if (state.view.selectable) {
         const settings = state.view.selectable;
-        if (settings.cell && (settings.mouse || settings.keyboard)) {
-            const selOverlay = renderSelectionOverlay(grid);
-            bodyViewportEl.appendChild(selOverlay);
+        if ((settings.mode === "cell" || settings.mode === "both") &&
+            (settings.mouse || settings.keyboard)) {
+            const { overlay, overlayPinnedLeft, overlayPinnedRight } = renderSelectionOverlay(grid);
+            bodyEl.appendChild(overlay);
+            leftBodyEl.appendChild(overlayPinnedLeft);
+            rightBodyEl.appendChild(overlayPinnedRight);
         }
     }
     return bodyViewportEl;

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

@@ -1 +1 @@
-{"version":3,"file":"body.js","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/body/body.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAG9D,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAG1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAE9D,MAAM,UAAU,UAAU,CACxB,KAAoB,EACpB,OAAgB,EAChB,IAAc;IAEd,WAAW;IACX,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACrD,cAAc,CAAC,SAAS,GAAG,YAAY,CAAC,YAAY,CAAC;IACrD,gBAAgB;IAChB,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,CAAC,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC;IACrC,MAAM,CAAC,SAAS,GAAG,EAAE,CAAC;IAEtB,cAAc,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAEnC,OAAO,CAAC,IAAI,GAAG,MAAM,CAAC;IAEtB,cAAc,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE;QACjD,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE;QACjD,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAC/B,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;IACjD,IAAI,CAAC,QAAQ,CAAC,gBAAgB,GAAG,mBAAmB,CAAC;IACrD,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,mBAAmB,CAAC,CAAC;IAExD,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;IACrC,IAAI,KAAK,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;QAC1B,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,UAAuC,CAAC;QACpE,IAAI,QAAQ,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,IAAI,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;YAC3D,MAAM,UAAU,GAAG,sBAAsB,CAAC,IAAI,CAAC,CAAC;YAChD,cAAc,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QACzC,CAAC;IACH,CAAC;IAED,OAAO,cAAc,CAAC;AACxB,CAAC"}
+{"version":3,"file":"body.js","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/body/body.ts"],"names":[],"mappings":"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"}

package/dist/engine/services/renderer/parts/body/row.d.ts

@@ -1,5 +1,6 @@
 import { PolyGrid } from "../../../../core/grid";
 import type { PolyGridRow } from "../../../../services/row/interfaces/row";
 import { InternalColumn } from "../../../column/interfaces/internal-column";
-export declare function renderRows(rows: PolyGridRow[], columns: InternalColumn[], rowHeight: number, grid: PolyGrid): HTMLDivElement[];
+import { RowLaneTriple } from "../../../row/types/row-lane-triple";
+export declare function renderRows(rows: PolyGridRow[], columns: InternalColumn[], rowHeight: number, grid: PolyGrid): RowLaneTriple[];
 //# sourceMappingURL=row.d.ts.map

package/dist/engine/services/renderer/parts/body/row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"row.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/body/row.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAG5E,wBAAgB,UAAU,CACxB,IAAI,EAAE,WAAW,EAAE,EACnB,OAAO,EAAE,cAAc,EAAE,EACzB,SAAS,EAAE,MAAM,EACjB,IAAI,EAAE,QAAQ,GACb,cAAc,EAAE,CAiBlB"}
+{"version":3,"file":"row.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/body/row.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAC5E,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAGnE,wBAAgB,UAAU,CACxB,IAAI,EAAE,WAAW,EAAE,EACnB,OAAO,EAAE,cAAc,EAAE,EACzB,SAAS,EAAE,MAAM,EACjB,IAAI,EAAE,QAAQ,GACb,aAAa,EAAE,CA+CjB"}

package/dist/engine/services/renderer/parts/body/row.js

@@ -2,18 +2,34 @@ import { PG_CSS_CLASS } from "../../../../const/pg-css-class";
 import { renderCell } from "./cell";
 export function renderRows(rows, columns, rowHeight, grid) {
     const runtime = grid._runtime;
-    const rowEls = [];
-    const cols = columns.filter((col) => col.visible ?? true);
+    const colsLeft = columns.filter((c) => (c.visible ?? true) && c.region === "pinned-left");
+    const colsMain = columns.filter((c) => (c.visible ?? true) && c.region === "main");
+    const colsRight = columns.filter((c) => (c.visible ?? true) && c.region === "pinned-right");
+    const rowTriples = [];
     rows.forEach((row) => {
-        const rowEl = document.createElement("div");
-        rowEl.classList.add(PG_CSS_CLASS.row);
-        rowEl.style.height = rowHeight + "px";
-        cols.forEach((col) => {
-            const cell = renderCell(row, col, runtime, grid._store);
-            rowEl.appendChild(cell);
+        const elLeft = document.createElement("div");
+        const elMain = document.createElement("div");
+        const elRight = document.createElement("div");
+        elLeft.classList.add(PG_CSS_CLASS.row);
+        elMain.classList.add(PG_CSS_CLASS.row);
+        elRight.classList.add(PG_CSS_CLASS.row);
+        elLeft.style.height = rowHeight + "px";
+        elMain.style.height = rowHeight + "px";
+        elRight.style.height = rowHeight + "px";
+        // render left cells
+        colsLeft.forEach((col) => {
+            elLeft.appendChild(renderCell(row, col, runtime, grid._store));
         });
-        rowEls.push(rowEl);
+        // render main cells
+        colsMain.forEach((col) => {
+            elMain.appendChild(renderCell(row, col, runtime, grid._store));
+        });
+        // render right cells
+        colsRight.forEach((col) => {
+            elRight.appendChild(renderCell(row, col, runtime, grid._store));
+        });
+        rowTriples.push({ elLeft, elMain, elRight });
     });
-    return rowEls;
+    return rowTriples;
 }
 //# sourceMappingURL=row.js.map

package/dist/engine/services/renderer/parts/body/row.js.map

@@ -1 +1 @@
-{"version":3,"file":"row.js","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/body/row.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAI9D,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEpC,MAAM,UAAU,UAAU,CACxB,IAAmB,EACnB,OAAyB,EACzB,SAAiB,EACjB,IAAc;IAEd,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC;IAC9B,MAAM,MAAM,GAAqB,EAAE,CAAC;IACpC,MAAM,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC;IAE1D,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;QACnB,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC5C,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;QACtC,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;QACtC,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YACnB,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;YACxD,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAC1B,CAAC,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,CAAC,CAAC;IAEH,OAAO,MAAM,CAAC;AAChB,CAAC"}
+{"version":3,"file":"row.js","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/body/row.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAK9D,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEpC,MAAM,UAAU,UAAU,CACxB,IAAmB,EACnB,OAAyB,EACzB,SAAiB,EACjB,IAAc;IAEd,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC;IAE9B,MAAM,QAAQ,GAAG,OAAO,CAAC,MAAM,CAC7B,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,KAAK,aAAa,CACzD,CAAC;IACF,MAAM,QAAQ,GAAG,OAAO,CAAC,MAAM,CAC7B,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,KAAK,MAAM,CAClD,CAAC;IACF,MAAM,SAAS,GAAG,OAAO,CAAC,MAAM,CAC9B,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,KAAK,cAAc,CAC1D,CAAC;IAEF,MAAM,UAAU,GAAoB,EAAE,CAAC;IAEvC,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;QACnB,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC7C,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC7C,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAE9C,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;QACvC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;QACvC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;QAExC,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;QACvC,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;QACvC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;QAExC,oBAAoB;QACpB,QAAQ,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YACvB,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;QACjE,CAAC,CAAC,CAAC;QAEH,oBAAoB;QACpB,QAAQ,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YACvB,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;QACjE,CAAC,CAAC,CAAC;QAEH,qBAAqB;QACrB,SAAS,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YACxB,OAAO,CAAC,WAAW,CAAC,UAAU,CAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;QAClE,CAAC,CAAC,CAAC;QAEH,UAAU,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC;IAC/C,CAAC,CAAC,CAAC;IAEH,OAAO,UAAU,CAAC;AACpB,CAAC"}

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

@@ -1,5 +1,6 @@
 import { PolyGrid } from "../../../../core/grid";
 import { GridDOM } from "../../../../core/grid-dom";
 import type { PolyGridStore } from "../../../../store/store";
-export declare function renderFilterCells(filterRow: HTMLElement, store: PolyGridStore, gridDom: GridDOM, grid: PolyGrid): void;
+import { PinnedRegion } from "../../../column/types/pinned-region";
+export declare function renderFilterCells(filterRow: HTMLElement, store: PolyGridStore, gridDom: GridDOM, grid: PolyGrid, region: PinnedRegion): void;
 //# sourceMappingURL=filter-cells.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"filter-cells.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/filter-row/filter-cells.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAEpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAG7D,wBAAgB,iBAAiB,CAC/B,SAAS,EAAE,WAAW,EACtB,KAAK,EAAE,aAAa,EACpB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,QAAQ,QAsDf"}
+{"version":3,"file":"filter-cells.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/filter-row/filter-cells.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAEpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAGnE,wBAAgB,iBAAiB,CAC/B,SAAS,EAAE,WAAW,EACtB,KAAK,EAAE,aAAa,EACpB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,QAAQ,EACd,MAAM,EAAE,YAAY,QAoDrB"}

package/dist/engine/services/renderer/parts/filter-row/filter-cells.js

@@ -1,9 +1,9 @@
 import { PG_CSS_CLASS } from "../../../../const/pg-css-class";
 import { addDomListener } from "../../../../core/methods";
 import { renderTextFilter } from "./filter-editors/text-filter";
-export function renderFilterCells(filterRow, store, gridDom, grid) {
+export function renderFilterCells(filterRow, store, gridDom, grid, region) {
     const state = store.getState();
-    const columns = state.view.internalColumns.filter((col) => col.visible ?? true);
+    const columns = state.view.internalColumns.filter((col) => (col.visible ?? true) && col.region === region);
     // Clear previous DOM
     filterRow.innerHTML = "";
     columns.forEach((col, i) => {
@@ -37,6 +37,5 @@ export function renderFilterCells(filterRow, store, gridDom, grid) {
         cell.appendChild(iconContainer);
         filterRow.appendChild(cell);
     });
-    store.emitEvent("filterCellsRendered", {});
 }
 //# sourceMappingURL=filter-cells.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"filter-cells.js","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/filter-row/filter-cells.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAG9D,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAEhE,MAAM,UAAU,iBAAiB,CAC/B,SAAsB,EACtB,KAAoB,EACpB,OAAgB,EAChB,IAAc;IAEd,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;IAC/B,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,MAAM,CAC/C,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,OAAO,IAAI,IAAI,CAC7B,CAAC;IAEF,qBAAqB;IACrB,SAAS,CAAC,SAAS,GAAG,EAAE,CAAC;IAEzB,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE;QACzB,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC3C,IAAI,CAAC,SAAS,GAAG,YAAY,CAAC,UAAU,CAAC;QACzC,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;QAEpC,2BAA2B;QAC3B,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9C,OAAO,CAAC,SAAS,GAAG,YAAY,CAAC,iBAAiB,CAAC;QACnD,IAAI,CAAC,QAAQ,CAAC,oBAAoB,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;QAExD,IAAI,GAAG,CAAC,KAAK,KAAK,cAAc,IAAI,GAAG,CAAC,KAAK,KAAK,YAAY,EAAE,CAAC;YAC/D,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YAC1B,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YAC5B,OAAO;QACT,CAAC;QAED,sEAAsE;QACtE,MAAM,MAAM,GAAG,gBAAgB,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;QAC3C,OAAO,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAE5B,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QAE1B,cAAc;QACd,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QACrD,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAC7C,IAAI,CAAC,SAAS,CAAC,IAAI,EACnB,QAAQ,CACT,CAAC;QACF,aAAa,CAAC,eAAe,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC;QAC9C,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;QACrD,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;QACnD,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,EAAE,aAAa,CAAC,CAAC;QAEzD,cAAc,CAAC,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACpD,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,kBAAkB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;QACtD,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;QAEhC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC,CAAC,CAAC;IAEH,KAAK,CAAC,SAAS,CAAC,qBAAqB,EAAE,EAAE,CAAC,CAAC;AAC7C,CAAC"}
+{"version":3,"file":"filter-cells.js","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/filter-row/filter-cells.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAG9D,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAG1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAEhE,MAAM,UAAU,iBAAiB,CAC/B,SAAsB,EACtB,KAAoB,EACpB,OAAgB,EAChB,IAAc,EACd,MAAoB;IAEpB,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;IAC/B,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,MAAM,CAC/C,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,GAAG,CAAC,MAAM,KAAK,MAAM,CACxD,CAAC;IAEF,qBAAqB;IACrB,SAAS,CAAC,SAAS,GAAG,EAAE,CAAC;IAEzB,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE;QACzB,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC3C,IAAI,CAAC,SAAS,GAAG,YAAY,CAAC,UAAU,CAAC;QACzC,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;QAEpC,2BAA2B;QAC3B,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9C,OAAO,CAAC,SAAS,GAAG,YAAY,CAAC,iBAAiB,CAAC;QACnD,IAAI,CAAC,QAAQ,CAAC,oBAAoB,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;QAExD,IAAI,GAAG,CAAC,KAAK,KAAK,cAAc,IAAI,GAAG,CAAC,KAAK,KAAK,YAAY,EAAE,CAAC;YAC/D,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YAC1B,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YAC5B,OAAO;QACT,CAAC;QAED,sEAAsE;QACtE,MAAM,MAAM,GAAG,gBAAgB,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;QAC3C,OAAO,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAE5B,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QAE1B,cAAc;QACd,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QACrD,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAC7C,IAAI,CAAC,SAAS,CAAC,IAAI,EACnB,QAAQ,CACT,CAAC;QACF,aAAa,CAAC,eAAe,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC;QAC9C,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;QACrD,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;QACnD,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,EAAE,aAAa,CAAC,CAAC;QAEzD,cAAc,CAAC,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACpD,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,kBAAkB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;QACtD,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;QAEhC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC,CAAC,CAAC;AACL,CAAC"}

package/dist/engine/services/renderer/parts/filter-row/filter-row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter-row.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/filter-row/filter-row.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAEzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAG7D,wBAAgB,eAAe,CAC7B,KAAK,EAAE,aAAa,EACpB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,QAAQ,GACb,cAAc,CAmBhB"}
+{"version":3,"file":"filter-row.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/filter-row/filter-row.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAEzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAG7D,wBAAgB,eAAe,CAC7B,KAAK,EAAE,aAAa,EACpB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,QAAQ,GACb,cAAc,CAmChB"}

package/dist/engine/services/renderer/parts/filter-row/filter-row.js

@@ -9,13 +9,26 @@ export function renderFilterRow(store, gridDom, grid) {
     // viewport
     const filterRowViewportEl = document.createElement("div");
     filterRowViewportEl.className = PG_CSS_CLASS.filterRowViewport;
-    // cell container
+    // cell container - left
+    const filterRowLeft = document.createElement("div");
+    filterRowLeft.classList.add(PG_CSS_CLASS.filterRow, PG_CSS_CLASS.pinnedLeft);
+    // cell container - main
     const filterRow = document.createElement("div");
     filterRow.className = PG_CSS_CLASS.filterRow;
+    // cell container - right
+    const filterRowRight = document.createElement("div");
+    filterRowRight.classList.add(PG_CSS_CLASS.filterRow, PG_CSS_CLASS.pinnedRight);
     // cells
-    renderFilterCells(filterRow, store, gridDom, grid);
+    renderFilterCells(filterRowLeft, store, gridDom, grid, "pinned-left");
+    renderFilterCells(filterRow, store, gridDom, grid, "main");
+    renderFilterCells(filterRowRight, store, gridDom, grid, "pinned-right");
+    store.emitEvent("filterCellsRendered", {});
+    filterRowViewportEl.appendChild(filterRowLeft);
     filterRowViewportEl.appendChild(filterRow);
+    filterRowViewportEl.appendChild(filterRowRight);
+    gridDom.leftFilterRow = filterRowLeft;
     gridDom.filterRow = filterRow;
+    gridDom.rightFilterRow = filterRowRight;
     return filterRowViewportEl;
 }
 //# sourceMappingURL=filter-row.js.map

package/dist/engine/services/renderer/parts/filter-row/filter-row.js.map

@@ -1 +1 @@
-{"version":3,"file":"filter-row.js","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/filter-row/filter-row.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAG9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAE9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnD,MAAM,UAAU,eAAe,CAC7B,KAAoB,EACpB,OAAgB,EAChB,IAAc;IAEd,IAAI,OAAO,CAAC,SAAS,EAAE,CAAC;QACtB,kBAAkB,CAAC,OAAO,CAAC,SAAmC,CAAC,CAAC;QAChE,OAAO,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC;IAC7B,CAAC;IACD,WAAW;IACX,MAAM,mBAAmB,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC1D,mBAAmB,CAAC,SAAS,GAAG,YAAY,CAAC,iBAAiB,CAAC;IAC/D,iBAAiB;IACjB,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAChD,SAAS,CAAC,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC;IAC7C,QAAQ;IACR,iBAAiB,CAAC,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;IAEnD,mBAAmB,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IAE3C,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;IAE9B,OAAO,mBAAmB,CAAC;AAC7B,CAAC"}
+{"version":3,"file":"filter-row.js","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/filter-row/filter-row.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAG9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAE9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnD,MAAM,UAAU,eAAe,CAC7B,KAAoB,EACpB,OAAgB,EAChB,IAAc;IAEd,IAAI,OAAO,CAAC,SAAS,EAAE,CAAC;QACtB,kBAAkB,CAAC,OAAO,CAAC,SAAmC,CAAC,CAAC;QAChE,OAAO,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC;IAC7B,CAAC;IACD,WAAW;IACX,MAAM,mBAAmB,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC1D,mBAAmB,CAAC,SAAS,GAAG,YAAY,CAAC,iBAAiB,CAAC;IAC/D,wBAAwB;IACxB,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACpD,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC,SAAS,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;IAC7E,wBAAwB;IACxB,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAChD,SAAS,CAAC,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC;IAC7C,yBAAyB;IACzB,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACrD,cAAc,CAAC,SAAS,CAAC,GAAG,CAC1B,YAAY,CAAC,SAAS,EACtB,YAAY,CAAC,WAAW,CACzB,CAAC;IACF,QAAQ;IACR,iBAAiB,CAAC,aAAa,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,aAAa,CAAC,CAAC;IACtE,iBAAiB,CAAC,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;IAC3D,iBAAiB,CAAC,cAAc,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,cAAc,CAAC,CAAC;IACxE,KAAK,CAAC,SAAS,CAAC,qBAAqB,EAAE,EAAE,CAAC,CAAC;IAE3C,mBAAmB,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;IAC/C,mBAAmB,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IAC3C,mBAAmB,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;IAEhD,OAAO,CAAC,aAAa,GAAG,aAAa,CAAC;IACtC,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;IAC9B,OAAO,CAAC,cAAc,GAAG,cAAc,CAAC;IAExC,OAAO,mBAAmB,CAAC;AAC7B,CAAC"}

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

@@ -1,4 +1,5 @@
 import { PolyGrid } from "../../../../core/grid";
 import type { PolyGridStore } from "../../../../store/store";
-export declare function renderFooterCells(footer: HTMLElement, store: PolyGridStore, grid: PolyGrid): void;
+import { PinnedRegion } from "../../../column/types/pinned-region";
+export declare function renderFooterCells(footer: HTMLElement, store: PolyGridStore, grid: PolyGrid, region: PinnedRegion): void;
 //# sourceMappingURL=footer-cells.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"footer-cells.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/footer/footer-cells.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAG7D,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,WAAW,EACnB,KAAK,EAAE,aAAa,EACpB,IAAI,EAAE,QAAQ,QAkFf"}
+{"version":3,"file":"footer-cells.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/footer/footer-cells.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAGnE,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,WAAW,EACnB,KAAK,EAAE,aAAa,EACpB,IAAI,EAAE,QAAQ,EACd,MAAM,EAAE,YAAY,QAkFrB"}

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

@@ -1,8 +1,8 @@
 import { PG_CSS_CLASS } from "../../../../const/pg-css-class";
-export function renderFooterCells(footer, store, grid) {
+export function renderFooterCells(footer, store, grid, region) {
     const runtime = grid._runtime;
     const state = store.getState();
-    const columns = state.view.internalColumns.filter((col) => col.visible ?? true);
+    const columns = state.view.internalColumns.filter((col) => (col.visible ?? true) && col.region === region);
     // Clear previous DOM
     footer.innerHTML = "";
     // Visible rows (PolyGridRow[])

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/footer/footer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAG7D,wBAAgB,YAAY,CAC1B,KAAK,EAAE,aAAa,EACpB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,QAAQ,GACb,cAAc,CAehB"}
+{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/footer/footer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAG7D,wBAAgB,YAAY,CAC1B,KAAK,EAAE,aAAa,EACpB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,QAAQ,GACb,cAAc,CA2BhB"}

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

@@ -5,12 +5,22 @@ export function renderFooter(store, gridDom, grid) {
     const footerViewportEl = document.createElement("div");
     footerViewportEl.className = PG_CSS_CLASS.footerViewport;
     // cell container
+    const leftFooterEl = document.createElement("div");
+    leftFooterEl.classList.add(PG_CSS_CLASS.footer, PG_CSS_CLASS.pinnedLeft);
     const footerEl = document.createElement("div");
     footerEl.className = PG_CSS_CLASS.footer;
+    const rightFooterEl = document.createElement("div");
+    rightFooterEl.classList.add(PG_CSS_CLASS.footer, PG_CSS_CLASS.pinnedRight);
     // cells
-    renderFooterCells(footerEl, store, grid);
+    renderFooterCells(leftFooterEl, store, grid, "pinned-left");
+    renderFooterCells(footerEl, store, grid, "main");
+    renderFooterCells(rightFooterEl, store, grid, "pinned-right");
+    footerViewportEl.appendChild(leftFooterEl);
     footerViewportEl.appendChild(footerEl);
+    footerViewportEl.appendChild(rightFooterEl);
+    gridDom.leftFooter = leftFooterEl;
     gridDom.footer = footerEl;
+    gridDom.rightFooter = rightFooterEl;
     return footerViewportEl;
 }
 //# sourceMappingURL=footer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"footer.js","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/footer/footer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAI9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnD,MAAM,UAAU,YAAY,CAC1B,KAAoB,EACpB,OAAgB,EAChB,IAAc;IAEd,WAAW;IACX,MAAM,gBAAgB,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACvD,gBAAgB,CAAC,SAAS,GAAG,YAAY,CAAC,cAAc,CAAC;IACzD,iBAAiB;IACjB,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC/C,QAAQ,CAAC,SAAS,GAAG,YAAY,CAAC,MAAM,CAAC;IACzC,QAAQ;IACR,iBAAiB,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;IAEzC,gBAAgB,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IAEvC,OAAO,CAAC,MAAM,GAAG,QAAQ,CAAC;IAE1B,OAAO,gBAAgB,CAAC;AAC1B,CAAC"}
+{"version":3,"file":"footer.js","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/footer/footer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAI9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnD,MAAM,UAAU,YAAY,CAC1B,KAAoB,EACpB,OAAgB,EAChB,IAAc;IAEd,WAAW;IACX,MAAM,gBAAgB,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACvD,gBAAgB,CAAC,SAAS,GAAG,YAAY,CAAC,cAAc,CAAC;IACzD,iBAAiB;IACjB,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACnD,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC,MAAM,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;IAEzE,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC/C,QAAQ,CAAC,SAAS,GAAG,YAAY,CAAC,MAAM,CAAC;IAEzC,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACpD,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC,MAAM,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IAC3E,QAAQ;IACR,iBAAiB,CAAC,YAAY,EAAE,KAAK,EAAE,IAAI,EAAE,aAAa,CAAC,CAAC;IAC5D,iBAAiB,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;IACjD,iBAAiB,CAAC,aAAa,EAAE,KAAK,EAAE,IAAI,EAAE,cAAc,CAAC,CAAC;IAE9D,gBAAgB,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;IAC3C,gBAAgB,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IACvC,gBAAgB,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;IAE5C,OAAO,CAAC,UAAU,GAAG,YAAY,CAAC;IAClC,OAAO,CAAC,MAAM,GAAG,QAAQ,CAAC;IAC1B,OAAO,CAAC,WAAW,GAAG,aAAa,CAAC;IAEpC,OAAO,gBAAgB,CAAC;AAC1B,CAAC"}

package/dist/engine/services/renderer/parts/grouping/group-wrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"group-wrapper.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/grouping/group-wrapper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAEhE,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,QAAQ,GAAG,UAAU,EAC7B,IAAI,EAAE,QAAQ,EACd,UAAU,EAAE,MAAM,EAClB,gBAAgB,EAAE,MAAM,EAAE,EAC1B,YAAY,EAAE,WAAW,EAAE,EAC3B,UAAU,EAAE,MAAM,GACjB,cAAc,CAyChB"}
+{"version":3,"file":"group-wrapper.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/grouping/group-wrapper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAEhE,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,QAAQ,GAAG,UAAU,EAC7B,IAAI,EAAE,QAAQ,EACd,UAAU,EAAE,MAAM,EAClB,gBAAgB,EAAE,MAAM,EAAE,EAC1B,YAAY,EAAE,WAAW,EAAE,EAC3B,UAAU,EAAE,MAAM,GACjB,cAAc,CAwFhB"}

package/dist/engine/services/renderer/parts/grouping/group-wrapper.js

@@ -1,11 +1,15 @@
 export function renderGroupWrapper(reason, grid, groupIndex, rowsBelowIndexes, rowInstances, childCount) {
+    const state = grid._store.getState();
+    const rowHeight = state.view.rowHeight;
+    const leftWidth = state.view.leftLaneWidth;
+    const rightWidth = state.view.rightLaneWidth;
+    const scrollLeft = grid._gridDom.bodyViewport.scrollLeft;
     const wrapper = document.createElement("div");
     wrapper.style.position = "absolute";
-    wrapper.style.left = "0";
+    wrapper.style.left = `${scrollLeft}px`;
     wrapper.style.width = "100%";
     wrapper.style.pointerEvents = "none";
     wrapper.style.zIndex = "9999";
-    const rowHeight = grid._store.getState().view.rowHeight;
     // collapse: top = first below row
     // expand: top = first row after the clicked group
     const wrapperTop = reason === "collapse"
@@ -15,20 +19,54 @@ export function renderGroupWrapper(reason, grid, groupIndex, rowsBelowIndexes, r
     // height = only below rows
     const blockHeight = rowsBelowIndexes.length * rowHeight;
     wrapper.style.height = `${blockHeight}px`;
+    const wrapperLeft = document.createElement("div");
+    const wrapperMain = document.createElement("div");
+    const wrapperRight = document.createElement("div");
+    // lane widths
+    wrapperLeft.style.width = `${leftWidth}px`;
+    wrapperRight.style.width = `${rightWidth}px`;
+    // lane positioning
+    wrapperLeft.style.position =
+        wrapperMain.style.position =
+            wrapperRight.style.position =
+                "absolute";
+    wrapperLeft.style.left = "0";
+    wrapperMain.style.left = `${leftWidth - scrollLeft}px`;
+    wrapperRight.style.right = "0";
+    wrapperLeft.style.top = wrapperMain.style.top = wrapperRight.style.top = "0";
+    wrapperLeft.style.height =
+        wrapperMain.style.height =
+            wrapperRight.style.height =
+                "100%";
+    wrapper.appendChild(wrapperLeft);
+    wrapper.appendChild(wrapperMain);
+    wrapper.appendChild(wrapperRight);
     // clone BELOW rows BEFORE virtualization
     for (const rowInstance of rowInstances) {
         const idx = rowInstance.currentIndex;
         if (!rowsBelowIndexes.includes(idx))
             continue;
-        const realEl = rowInstance.el;
-        const clone = realEl.cloneNode(true);
-        clone.style.position = "absolute";
-        clone.style.transform = "";
-        clone.style.top =
-            reason === "collapse"
-                ? `${(idx - (groupIndex + 1 + childCount)) * rowHeight}px`
-                : `${(idx - (groupIndex + 1)) * rowHeight}px`;
-        wrapper.appendChild(clone);
+        const offset = reason === "collapse"
+            ? (idx - (groupIndex + 1 + childCount)) * rowHeight
+            : (idx - (groupIndex + 1)) * rowHeight;
+        // clone left lane
+        const cloneLeft = rowInstance.elLeft.cloneNode(true);
+        cloneLeft.style.position = "absolute";
+        cloneLeft.style.top = `${offset}px`;
+        cloneLeft.style.transform = "";
+        wrapperLeft.appendChild(cloneLeft);
+        // clone main lane
+        const cloneMain = rowInstance.elMain.cloneNode(true);
+        cloneMain.style.position = "absolute";
+        cloneMain.style.top = `${offset}px`;
+        cloneMain.style.transform = "";
+        wrapperMain.appendChild(cloneMain);
+        // clone right lane
+        const cloneRight = rowInstance.elRight.cloneNode(true);
+        cloneRight.style.position = "absolute";
+        cloneRight.style.top = `${offset}px`;
+        cloneRight.style.transform = "";
+        wrapperRight.appendChild(cloneRight);
     }
     return wrapper;
 }

package/dist/engine/services/renderer/parts/grouping/group-wrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"group-wrapper.js","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/grouping/group-wrapper.ts"],"names":[],"mappings":"AAGA,MAAM,UAAU,kBAAkB,CAChC,MAA6B,EAC7B,IAAc,EACd,UAAkB,EAClB,gBAA0B,EAC1B,YAA2B,EAC3B,UAAkB;IAElB,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC9C,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;IACpC,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC;IACzB,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;IAC7B,OAAO,CAAC,KAAK,CAAC,aAAa,GAAG,MAAM,CAAC;IACrC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;IAE9B,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC;IAExD,kCAAkC;IAClC,kDAAkD;IAClD,MAAM,UAAU,GACd,MAAM,KAAK,UAAU;QACnB,CAAC,CAAC,CAAC,UAAU,GAAG,CAAC,GAAG,UAAU,CAAC,GAAG,SAAS;QAC3C,CAAC,CAAC,CAAC,UAAU,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC;IACnC,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,UAAU,IAAI,CAAC;IAEtC,2BAA2B;IAC3B,MAAM,WAAW,GAAG,gBAAgB,CAAC,MAAM,GAAG,SAAS,CAAC;IACxD,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,WAAW,IAAI,CAAC;IAE1C,yCAAyC;IACzC,KAAK,MAAM,WAAW,IAAI,YAAY,EAAE,CAAC;QACvC,MAAM,GAAG,GAAG,WAAW,CAAC,YAAY,CAAC;QACrC,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,GAAG,CAAC;YAAE,SAAS;QAE9C,MAAM,MAAM,GAAG,WAAW,CAAC,EAAE,CAAC;QAC9B,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,CAAgB,CAAC;QAEpD,KAAK,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;QAClC,KAAK,CAAC,KAAK,CAAC,SAAS,GAAG,EAAE,CAAC;QAC3B,KAAK,CAAC,KAAK,CAAC,GAAG;YACb,MAAM,KAAK,UAAU;gBACnB,CAAC,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,UAAU,GAAG,CAAC,GAAG,UAAU,CAAC,CAAC,GAAG,SAAS,IAAI;gBAC1D,CAAC,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,IAAI,CAAC;QAElD,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC"}
+{"version":3,"file":"group-wrapper.js","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/grouping/group-wrapper.ts"],"names":[],"mappings":"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"}

package/dist/engine/services/renderer/parts/grouping/sticky-group-header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sticky-group-header.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/grouping/sticky-group-header.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,QAAQ,QAcrD"}
+{"version":3,"file":"sticky-group-header.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/grouping/sticky-group-header.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,QAAQ,QAwBrD"}