@polygrid/core 1.0.526 → 1.0.528

package/dist/engine/services/layout/methods/update-column-widths.js

@@ -4,32 +4,95 @@ export function updateColumnWidths(gridDom, state, resolvedColWidths, grid) {
     // Build ordered specs array based on the current column order
     const specs = state.view.internalColumns
         .filter((col) => col.visible)
-        .map((col) => resolvedColWidths[col.id]);
+        .map((col) => ({
+        ...resolvedColWidths[col.id],
+        region: col.region,
+    }));
+    // Split into lane-specific specs
+    const leftSpecs = specs.filter((s) => s.region === "pinned-left");
+    const mainSpecs = specs.filter((s) => s.region === "main");
+    const rightSpecs = specs.filter((s) => s.region === "pinned-right");
+    // Compute lane widths
+    const leftLaneWidth = leftSpecs.reduce((sum, s) => sum + s.width, 0);
+    const mainLaneWidth = mainSpecs.reduce((sum, s) => sum + s.width, 0);
+    const rightLaneWidth = rightSpecs.reduce((sum, s) => sum + s.width, 0);
+    // Store lane widths in state
+    grid._store.update((draft) => {
+        draft.view.leftLaneWidth = leftLaneWidth;
+        draft.view.mainLaneWidth = mainLaneWidth;
+        draft.view.rightLaneWidth = rightLaneWidth;
+    });
     // Apply widths to header, filter row, footer, and body rows
-    setCellWidth(gridDom.header, specs, state);
-    if (filterable)
-        setCellWidth(gridDom.filterRow, specs, state);
-    setCellWidth(gridDom.footer, specs, state);
+    setCellWidth(gridDom.leftHeader, leftSpecs, state, "pinned-left");
+    setCellWidth(gridDom.header, mainSpecs, state, "main");
+    setCellWidth(gridDom.rightHeader, rightSpecs, state, "pinned-right");
+    if (filterable) {
+        setCellWidth(gridDom.leftFilterRow, leftSpecs, state, "pinned-left");
+        setCellWidth(gridDom.filterRow, mainSpecs, state, "main");
+        setCellWidth(gridDom.rightFilterRow, rightSpecs, state, "pinned-right");
+    }
+    setCellWidth(gridDom.leftFooter, leftSpecs, state, "pinned-left");
+    setCellWidth(gridDom.footer, mainSpecs, state, "main");
+    setCellWidth(gridDom.rightFooter, rightSpecs, state, "pinned-right");
+    const leftBodyRows = gridDom.leftBody.querySelectorAll(".pg-row");
+    leftBodyRows.forEach((row) => {
+        setCellWidth(row, leftSpecs, state, "pinned-left");
+    });
     const bodyRows = gridDom.body.querySelectorAll(".pg-row");
     bodyRows.forEach((row) => {
-        setCellWidth(row, specs, state);
+        setCellWidth(row, mainSpecs, state, "main");
+    });
+    const rightBodyRows = gridDom.rightBody.querySelectorAll(".pg-row");
+    rightBodyRows.forEach((row) => {
+        setCellWidth(row, rightSpecs, state, "pinned-right");
     });
     // and also for sticky group header row
     if (gridDom.stickyGroupInnerScroll?.children.length > 0) {
-        setCellWidth(gridDom.stickyGroupInnerScroll.children.item(0), specs, state);
+        const leftRows = gridDom.leftStickyGroup.querySelectorAll(".pg-row");
+        leftRows.forEach((row) => {
+            setCellWidth(row, leftSpecs, state, "pinned-left");
+        });
+        gridDom.leftStickyGroup.style.width = `${leftLaneWidth}px`;
+        const mainRows = gridDom.stickyGroupInnerScroll.querySelectorAll(".pg-row");
+        mainRows.forEach((row) => {
+            setCellWidth(row, mainSpecs, state, "main");
+        });
+        gridDom.stickyGroupInnerScroll.style.width = `${mainLaneWidth}px`;
+        const rightRows = gridDom.rightStickyGroup.querySelectorAll(".pg-row");
+        rightRows.forEach((row) => {
+            setCellWidth(row, rightSpecs, state, "pinned-right");
+        });
+        gridDom.rightStickyGroup.style.width = `${rightLaneWidth}px`;
+        if (leftLaneWidth + mainLaneWidth + rightLaneWidth <
+            state.view.viewportWidth)
+            gridDom.stickyGroupHeader.style.width = `${leftLaneWidth + mainLaneWidth + rightLaneWidth}px`;
+        else
+            gridDom.stickyGroupHeader.style.width = `${state.view.viewportWidth}px`;
+    }
+    // Apply lane widths to lane containers
+    gridDom.leftHeader.style.width = `${leftLaneWidth}px`;
+    gridDom.header.style.width = `${mainLaneWidth}px`;
+    gridDom.rightHeader.style.width = `${rightLaneWidth}px`;
+    if (filterable) {
+        gridDom.leftFilterRow.style.width = `${leftLaneWidth}px`;
+        gridDom.filterRow.style.width = `${mainLaneWidth}px`;
+        gridDom.rightFilterRow.style.width = `${rightLaneWidth}px`;
     }
-    // Compute total width
-    const widths = specs.map((s) => s.width);
-    const totalColWidth = widths.reduce((sum, w) => sum + w, 0);
-    // Apply total width to grid sections
-    gridDom.body.style.width = `${totalColWidth}px`;
-    gridDom.header.style.width = `${totalColWidth}px`;
-    if (filterable)
-        gridDom.filterRow.style.width = `${totalColWidth}px`;
-    gridDom.footer.style.width = `${totalColWidth}px`;
-    gridDom.hScrollTrack.style.width = `${totalColWidth}px`;
+    gridDom.leftBody.style.width = `${leftLaneWidth}px`;
+    gridDom.body.style.width = `${mainLaneWidth}px`;
+    gridDom.rightBody.style.width = `${rightLaneWidth}px`;
+    gridDom.leftFooter.style.width = `${leftLaneWidth}px`;
+    gridDom.footer.style.width = `${mainLaneWidth}px`;
+    gridDom.rightFooter.style.width = `${rightLaneWidth}px`;
+    // Horizontal scrollbar track = main lane only
+    // left and right only placeholders
+    gridDom.leftHScrollInner.style.width = `${leftLaneWidth}px`;
+    gridDom.hScrollTrack.style.width = `${mainLaneWidth}px`;
+    gridDom.rightHscrollInner.style.width = `${rightLaneWidth}px`;
+    // Selection overlay
+    const totalColWidth = specs.reduce((sum, s) => sum + s.width, 0);
     if (gridDom.selectionOverlay)
-        gridDom.selectionOverlay.style.width = `${totalColWidth}px`;
+        gridDom.selectionOverlay.style.width = `${mainLaneWidth}px`;
     // Apply viewport width
     gridDom.viewport.style.width = `${state.view.viewportWidth}px`;
 }

package/dist/engine/services/layout/methods/update-column-widths.js.map

@@ -1 +1 @@
-{"version":3,"file":"update-column-widths.js","sourceRoot":"","sources":["../../../../../src/engine/services/layout/methods/update-column-widths.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,MAAM,UAAU,kBAAkB,CAChC,OAAgB,EAChB,KAAoB,EACpB,iBAAkD,EAClD,IAAc;IAEd,MAAM,UAAU,GACd,KAAK,CAAC,IAAI,CAAC,UAAU,KAAK,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,UAAU,KAAK,KAAK,CAAC;IAEpE,8DAA8D;IAC9D,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,eAAe;SACrC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC;SAC5B,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAE,CAAC,CAAC;IAC5C,4DAA4D;IAC5D,YAAY,CAAC,OAAO,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IAC3C,IAAI,UAAU;QAAE,YAAY,CAAC,OAAO,CAAC,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IAC9D,YAAY,CAAC,OAAO,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IAE3C,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;IAC1D,QAAQ,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;QACvB,YAAY,CAAC,GAAkB,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;IACH,uCAAuC;IACvC,IAAI,OAAO,CAAC,sBAAsB,EAAE,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACxD,YAAY,CACV,OAAO,CAAC,sBAAsB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAgB,EAC9D,KAAK,EACL,KAAK,CACN,CAAC;IACJ,CAAC;IAED,sBAAsB;IACtB,MAAM,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IACzC,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;IAE5D,qCAAqC;IACrC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,aAAa,IAAI,CAAC;IAChD,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,aAAa,IAAI,CAAC;IAClD,IAAI,UAAU;QAAE,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,aAAa,IAAI,CAAC;IACrE,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,aAAa,IAAI,CAAC;IAClD,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,aAAa,IAAI,CAAC;IACxD,IAAI,OAAO,CAAC,gBAAgB;QAC1B,OAAO,CAAC,gBAAgB,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,aAAa,IAAI,CAAC;IAE9D,uBAAuB;IACvB,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,aAAa,IAAI,CAAC;AACjE,CAAC"}
+{"version":3,"file":"update-column-widths.js","sourceRoot":"","sources":["../../../../../src/engine/services/layout/methods/update-column-widths.ts"],"names":[],"mappings":"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"}

package/dist/engine/services/loading/methods/toggle-loading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-loading.d.ts","sourceRoot":"","sources":["../../../../../src/engine/services/loading/methods/toggle-loading.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAC;AAI7E,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAE5C,wBAAgB,aAAa,CAC3B,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC,QAmE/B"}
+{"version":3,"file":"toggle-loading.d.ts","sourceRoot":"","sources":["../../../../../src/engine/services/loading/methods/toggle-loading.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAC;AAI7E,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAE5C,wBAAgB,aAAa,CAC3B,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC,QAoE/B"}

package/dist/engine/services/loading/methods/toggle-loading.js

@@ -48,6 +48,7 @@ export function toggleLoading(loadingService, destroy$) {
                         const filterIcons = grid._gridDom.header.querySelectorAll(`.${PG_CSS_CLASS.filterIcon}`);
                         filterIcons.forEach((icon) => icon.classList.remove(PG_CSS_CLASS.disabled));
                     }
+                    grid._gridDom.viewport.classList.remove(PG_CSS_CLASS.overlayActive);
                 }
             }
         });

package/dist/engine/services/loading/methods/toggle-loading.js.map

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

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":"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"}

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,CA8ChB"}
+{"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

@@ -10,18 +10,34 @@ export function renderBody(store, gridDom, grid) {
         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);
@@ -30,8 +46,10 @@ export function renderBody(store, gridDom, grid) {
         const settings = state.view.selectable;
         if ((settings.mode === "cell" || settings.mode === "both") &&
             (settings.mouse || settings.keyboard)) {
-            const selOverlay = renderSelectionOverlay(grid);
-            bodyViewportEl.appendChild(selOverlay);
+            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,cAAc,CAAC,QAAQ,GAAG,CAAC,CAAC;IAE5B,cAAc,CAAC,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;QACvD,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;IACnD,CAAC,CAAC,CAAC;IAEH,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,cAAc,CAAC,KAAK,EAAE,CAAC;QACvB,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,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,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":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAM9D,MAAM,UAAU,iBAAiB,CAC/B,MAAmB,EACnB,KAAoB,EACpB,IAAc,EACd,MAAoB;IAEpB,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC;IAC9B,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,MAAM,CAAC,SAAS,GAAG,EAAE,CAAC;IAEtB,+BAA+B;IAC/B,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC;IACtC,MAAM,QAAQ,GAAG,YAAY,CAAC,OAAO,CAAC,CAAC;IAEvC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE;QACzB,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC3C,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;QACpC,IAAI,CAAC,SAAS,GAAG,YAAY,CAAC,UAAU,CAAC;QAEzC,2BAA2B;QAC3B,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9C,OAAO,CAAC,SAAS,GAAG,YAAY,CAAC,iBAAiB,CAAC;QAEnD,mDAAmD;QACnD,MAAM,UAAU,GAAG,OAAO,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QACrD,UAAU,EAAE,OAAO,EAAE,CAAC;QACtB,OAAO,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QAErC,wBAAwB;QACxB,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;QAErD,IAAI,QAAQ,GAAG,KAAK,CAAC;QAErB,mBAAmB;QACnB,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,eAAe,EAAE,0BAA0B,EAAE,CAAC;YACtE,SAAS,EAAE,OAAO;YAClB,OAAO,EAAE;gBACP,KAAK,EAAE,GAAG,CAAC,KAAK;gBAChB,MAAM,EAAE,GAAG,CAAC,MAAM;gBAClB,SAAS,EAAE,GAAG,GAAG,CAAC,KAAK,KAAK,GAAG,CAAC,MAAM,EAAE;gBACxC,QAAQ,EAAE,GAAG,CAAC,EAAE;gBAChB,MAAM;gBACN,IAAI,EAAE,QAAQ;aACf;SACF,CAAC,CAAC;QAEH,IAAI,MAAM,EAAE,CAAC;YACX,OAAO,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC;YAC1C,QAAQ,GAAG,IAAI,CAAC;QAClB,CAAC;QAED,qDAAqD;QACrD,IAAI,CAAC,QAAQ,IAAI,GAAG,CAAC,cAAc,EAAE,CAAC;YACpC,MAAM,MAAM,GAAG,GAAG,CAAC,cAAc,CAAC;gBAChC,KAAK,EAAE,GAAG,CAAC,KAAK;gBAChB,MAAM,EAAE,GAAG,CAAC,MAAM;gBAClB,SAAS,EAAE,GAAG,GAAG,CAAC,KAAK,KAAK,GAAG,CAAC,MAAM,EAAE;gBACxC,QAAQ,EAAE,GAAG,CAAC,EAAE;gBAChB,MAAM;gBACN,IAAI,EAAE,QAAQ;aACf,CAAC,CAAC;YACH,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE,CAAC;gBAC/B,OAAO,CAAC,WAAW,GAAG,MAAM,CAAC;YAC/B,CAAC;iBAAM,IAAI,MAAM,YAAY,WAAW,EAAE,CAAC;gBACzC,OAAO,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;YAC9B,CAAC;YACD,QAAQ,GAAG,IAAI,CAAC;QAClB,CAAC;QAED,8BAA8B;QAC9B,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,OAAO,CAAC,WAAW,GAAG,GAAG,CAAC,MAAM,CAAC;QACnC,CAAC;QAED,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QAE1B,qCAAqC;QACrC,OAAO,CAAC,gBAAgB,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;QAE3C,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC,CAAC,CAAC;AACL,CAAC;AAED,SAAS,YAAY,CAAC,IAAS;IAC7B,OAAO,IAAI,KAAK,CAAC,IAAI,IAAI,EAAE,EAAE;QAC3B,GAAG,CAAC,MAAM,EAAE,IAAI;YACd,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,SAAS,CAAC;QACnC,CAAC;KACF,CAAC,CAAC;AACL,CAAC;AAED,SAAS,YAAY,CAAC,IAAmB;IACvC,OAAO,IAAI,KAAK,CAAC,IAAI,EAAE;QACrB,GAAG,CAAC,MAAM,EAAE,IAAI;YACd,MAAM,KAAK,GAAG,MAAM,CAAC,IAAW,CAAC,CAAC;YAClC,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;gBACxB,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,YAAY,CAAC,EAAE,CAAC,EAAE,CAAC;YAC/C,CAAC;YACD,OAAO;gBACL,GAAG,KAAK;gBACR,IAAI,EAAE,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC;aAC/B,CAAC;QACJ,CAAC;KACF,CAAC,CAAC;AACL,CAAC"}

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"}