@polygrid/core 1.0.494 → 1.0.496

package/dist/engine/services/grouping/methods/ui/reorder-grouped-columns.js

@@ -0,0 +1,17 @@
+export function reorderGroupedColumn(grid, column, insertIndex) {
+    const groupedColumns = grid._store.getState().view.groupingState.groupedColumns;
+    const moved = groupedColumns.find((col) => col.column.id === column.id);
+    const filtered = groupedColumns.filter((col) => col.column.id !== column.id);
+    const updated = [
+        ...filtered.slice(0, insertIndex),
+        moved,
+        ...filtered.slice(insertIndex),
+    ].map((col, i) => ({
+        ...col,
+        orderIndex: i,
+    }));
+    grid._store.update((draft) => {
+        draft.view.groupingState.groupedColumns = updated;
+    });
+}
+//# sourceMappingURL=reorder-grouped-columns.js.map

package/dist/engine/services/grouping/methods/ui/reorder-grouped-columns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reorder-grouped-columns.js","sourceRoot":"","sources":["../../../../../../src/engine/services/grouping/methods/ui/reorder-grouped-columns.ts"],"names":[],"mappings":"AAGA,MAAM,UAAU,oBAAoB,CAClC,IAAc,EACd,MAAsB,EACtB,WAAmB;IAEnB,MAAM,cAAc,GAClB,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC;IAE3D,MAAM,KAAK,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,KAAK,MAAM,CAAC,EAAE,CAAC,CAAC;IACxE,MAAM,QAAQ,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,KAAK,MAAM,CAAC,EAAE,CAAC,CAAC;IAC7E,MAAM,OAAO,GAAG;QACd,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,WAAW,CAAC;QACjC,KAAM;QACN,GAAG,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC;KAC/B,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;QACjB,GAAG,GAAG;QACN,UAAU,EAAE,CAAC;KACd,CAAC,CAAC,CAAC;IAEJ,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE;QAC3B,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,cAAc,GAAG,OAAO,CAAC;IACpD,CAAC,CAAC,CAAC;AACL,CAAC"}

package/dist/engine/services/grouping/methods/ui/set-groupable.d.ts

@@ -0,0 +1,5 @@
+import { PolyGrid } from "../../../../core/grid";
+import { ObservableLike } from "../../../../rx-lite/interfaces/observable-like";
+import { GroupingService } from "../../grouping";
+export declare function setGroupable(groupingService: GroupingService, destroy$: ObservableLike<void>, grid: PolyGrid): void;
+//# sourceMappingURL=set-groupable.d.ts.map

package/dist/engine/services/grouping/methods/ui/set-groupable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"set-groupable.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/grouping/methods/ui/set-groupable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,gDAAgD,CAAC;AAGhF,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEjD,wBAAgB,YAAY,CAC1B,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC,EAC9B,IAAI,EAAE,QAAQ,QAwBf"}

package/dist/engine/services/grouping/methods/{set-groupable.js → ui/set-groupable.js}

@@ -1,5 +1,5 @@
-import { takeUntil } from "../../../rx-lite/operators/takeuntil";
-import { renderGroupingPanel } from "../../renderer/parts/grouping-panel/grouping-panel";
+import { takeUntil } from "../../../../rx-lite/operators/takeuntil";
+import { renderGroupingPanel } from "../../../renderer/parts/grouping/grouping-panel";
 export function setGroupable(groupingService, destroy$, grid) {
     groupingService.groupable$
         .pipe(takeUntil(destroy$))
@@ -11,6 +11,8 @@ export function setGroupable(groupingService, destroy$, grid) {
                 groupingService.store.update((draft) => {
                     draft.view.rawViewportHeight += 40;
                 });
+                grid._runtime.groupedColumnsUnsub?.();
+                grid._runtime.groupedColumnsUnsub = undefined;
             }
         }
         else {

package/dist/engine/services/grouping/methods/ui/set-groupable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"set-groupable.js","sourceRoot":"","sources":["../../../../../../src/engine/services/grouping/methods/ui/set-groupable.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,iDAAiD,CAAC;AAGtF,MAAM,UAAU,YAAY,CAC1B,eAAgC,EAChC,QAA8B,EAC9B,IAAc;IAEd,eAAe,CAAC,UAAU;SACvB,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;SACzB,SAAS,CAAC,CAAC,SAAS,EAAE,EAAE;QACvB,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC9B,IAAI,SAAS,KAAK,KAAK,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;YACnD,IAAI,OAAO,CAAC,aAAa,EAAE,CAAC;gBAC1B,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;gBAChD,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE;oBACrC,KAAK,CAAC,IAAI,CAAC,iBAAiB,IAAI,EAAE,CAAC;gBACrC,CAAC,CAAC,CAAC;gBACH,IAAI,CAAC,QAAQ,CAAC,mBAAmB,EAAE,EAAE,CAAC;gBACtC,IAAI,CAAC,QAAQ,CAAC,mBAAmB,GAAG,SAAS,CAAC;YAChD,CAAC;QACH,CAAC;aAAM,CAAC;YACN,MAAM,aAAa,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAAC;YAChD,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;YAChE,OAAO,CAAC,aAAa,GAAG,aAAa,CAAC;YACtC,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE;gBACrC,KAAK,CAAC,IAAI,CAAC,iBAAiB,IAAI,EAAE,CAAC;YACrC,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC,EAAE,eAAe,CAAC,CAAC;AACxB,CAAC"}

package/dist/engine/services/grouping/methods/ui/start-drag-on-column.d.ts

@@ -0,0 +1,4 @@
+import { PolyGrid } from "../../../../core/grid";
+import { InternalColumn } from "../../../column/interfaces/internal-column";
+export declare function startDragOnColumn(e: MouseEvent, grid: PolyGrid, column: InternalColumn): void;
+//# sourceMappingURL=start-drag-on-column.d.ts.map

package/dist/engine/services/grouping/methods/ui/start-drag-on-column.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"start-drag-on-column.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/grouping/methods/ui/start-drag-on-column.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAM5E,wBAAgB,iBAAiB,CAC/B,CAAC,EAAE,UAAU,EACb,IAAI,EAAE,QAAQ,EACd,MAAM,EAAE,cAAc,QAevB"}

package/dist/engine/services/grouping/methods/ui/start-drag-on-column.js

@@ -0,0 +1,16 @@
+import { renderGroupingDragPreview } from "../../../renderer/parts/grouping/grouping-drag-preview";
+import { endDrag } from "./end-drag";
+import { updateGroupingPanelHoverState } from "./update-grouping-panel-hover-state";
+export function startDragOnColumn(e, grid, column) {
+    grid._services.dragdrop.startDragHandler(e, grid, {
+        data: { column, type: "column-header" },
+        renderPreview: (container) => container.appendChild(renderGroupingDragPreview(grid, { column, type: "column-header" })),
+        onDragMove: (grid, x, y) => {
+            updateGroupingPanelHoverState(grid);
+        },
+        onEndDrag: (grid) => {
+            endDrag(grid);
+        },
+    });
+}
+//# sourceMappingURL=start-drag-on-column.js.map

package/dist/engine/services/grouping/methods/ui/start-drag-on-column.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"start-drag-on-column.js","sourceRoot":"","sources":["../../../../../../src/engine/services/grouping/methods/ui/start-drag-on-column.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,wDAAwD,CAAC;AAEnG,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,6BAA6B,EAAE,MAAM,qCAAqC,CAAC;AAEpF,MAAM,UAAU,iBAAiB,CAC/B,CAAa,EACb,IAAc,EACd,MAAsB;IAEtB,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,gBAAgB,CAAuB,CAAC,EAAE,IAAI,EAAE;QACtE,IAAI,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE;QACvC,aAAa,EAAE,CAAC,SAAS,EAAE,EAAE,CAC3B,SAAS,CAAC,WAAW,CACnB,yBAAyB,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,CACnE;QACH,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE;YACzB,6BAA6B,CAAC,IAAI,CAAC,CAAC;QACtC,CAAC;QACD,SAAS,EAAE,CAAC,IAAI,EAAE,EAAE;YAClB,OAAO,CAAC,IAAI,CAAC,CAAC;QAChB,CAAC;KACF,CAAC,CAAC;AACL,CAAC"}

package/dist/engine/services/grouping/methods/ui/start-drag-on-grouped-column.d.ts

@@ -0,0 +1,3 @@
+import { PolyGrid } from "../../../../core/grid";
+export declare function startDragOnGroupedColumn(e: MouseEvent, grid: PolyGrid): void;
+//# sourceMappingURL=start-drag-on-grouped-column.d.ts.map

package/dist/engine/services/grouping/methods/ui/start-drag-on-grouped-column.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"start-drag-on-grouped-column.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/grouping/methods/ui/start-drag-on-grouped-column.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAOjD,wBAAgB,wBAAwB,CAAC,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,QA2BrE"}

package/dist/engine/services/grouping/methods/ui/start-drag-on-grouped-column.js

@@ -0,0 +1,27 @@
+import { renderGroupingDragPreview } from "../../../renderer/parts/grouping/grouping-drag-preview";
+import { endDrag } from "./end-drag";
+import { updateChipTransforms } from "./update-chip-transforms";
+import { updateGroupingPanelHoverState } from "./update-grouping-panel-hover-state";
+export function startDragOnGroupedColumn(e, grid) {
+    const el = e.target.closest(".grouped-col");
+    if (!el)
+        return;
+    const colId = el.dataset.colId;
+    if (!colId)
+        return;
+    const column = grid._store
+        .getState()
+        .view.groupingState.groupedColumns.find((groupedCol) => groupedCol.column.id === colId);
+    grid._services.dragdrop.startDragHandler(e, grid, {
+        data: { column, type: "grouped-chip" },
+        renderPreview: (container) => container.appendChild(renderGroupingDragPreview(grid, { column, type: "grouped-chip" })),
+        onDragMove: (grid, x, y) => {
+            updateGroupingPanelHoverState(grid);
+            updateChipTransforms(grid);
+        },
+        onEndDrag: (grid) => {
+            endDrag(grid);
+        },
+    });
+}
+//# sourceMappingURL=start-drag-on-grouped-column.js.map

package/dist/engine/services/grouping/methods/ui/start-drag-on-grouped-column.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"start-drag-on-grouped-column.js","sourceRoot":"","sources":["../../../../../../src/engine/services/grouping/methods/ui/start-drag-on-grouped-column.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,yBAAyB,EAAE,MAAM,wDAAwD,CAAC;AAEnG,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,6BAA6B,EAAE,MAAM,qCAAqC,CAAC;AAEpF,MAAM,UAAU,wBAAwB,CAAC,CAAa,EAAE,IAAc;IACpE,MAAM,EAAE,GAAI,CAAC,CAAC,MAAsB,CAAC,OAAO,CAAC,cAAc,CAAgB,CAAC;IAC5E,IAAI,CAAC,EAAE;QAAE,OAAO;IAEhB,MAAM,KAAK,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;IAC/B,IAAI,CAAC,KAAK;QAAE,OAAO;IAEnB,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM;SACvB,QAAQ,EAAE;SACV,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC,IAAI,CACrC,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,KAAK,KAAK,CAC9C,CAAC;IAEL,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,gBAAgB,CAAsB,CAAC,EAAE,IAAI,EAAE;QACrE,IAAI,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE;QACtC,aAAa,EAAE,CAAC,SAAS,EAAE,EAAE,CAC3B,SAAS,CAAC,WAAW,CACnB,yBAAyB,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC,CAClE;QACH,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE;YACzB,6BAA6B,CAAC,IAAI,CAAC,CAAC;YACpC,oBAAoB,CAAC,IAAI,CAAC,CAAC;QAC7B,CAAC;QACD,SAAS,EAAE,CAAC,IAAI,EAAE,EAAE;YAClB,OAAO,CAAC,IAAI,CAAC,CAAC;QAChB,CAAC;KACF,CAAC,CAAC;AACL,CAAC"}

package/dist/engine/services/grouping/methods/ui/update-chip-transforms.d.ts

@@ -0,0 +1,3 @@
+import { PolyGrid } from "../../../../core/grid";
+export declare function updateChipTransforms(grid: PolyGrid): void;
+//# sourceMappingURL=update-chip-transforms.d.ts.map

package/dist/engine/services/grouping/methods/ui/update-chip-transforms.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"update-chip-transforms.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/grouping/methods/ui/update-chip-transforms.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,QAAQ,QAkDlD"}

package/dist/engine/services/grouping/methods/ui/update-chip-transforms.js

@@ -0,0 +1,38 @@
+export function updateChipTransforms(grid) {
+    const state = grid._store.getState();
+    const dragData = state.ui.dragDrop.currentDragData;
+    const container = grid._gridDom.groupingPanel.querySelector(".grouped-col-container");
+    if (!container)
+        return;
+    const children = Array.from(container.querySelectorAll(".grouped-col"));
+    const hovered = state.view.groupingState.hoveredInsertIndex;
+    const crossed = state.view.groupingState.hasChipCrossedMidpoint;
+    // Pre-calc dragged child once
+    let draggedChild = null;
+    if (state.ui.dragDrop.dragStarted && dragData?.type === "grouped-chip") {
+        draggedChild = children[dragData.column.orderIndex];
+    }
+    children.forEach((child, index) => {
+        const el = child;
+        const colId = child.dataset.colId;
+        // Hide dragged chip
+        const isDragged = state.ui.dragDrop.dragStarted &&
+            dragData?.type === "grouped-chip" &&
+            dragData.column.column.id === colId;
+        if (isDragged) {
+            // Add placeholder styling
+            el.classList.add("drag-placeholder");
+            // Hide only after crossing midpoint
+            el.style.visibility = crossed ? "hidden" : "visible";
+        }
+        else {
+            // Remove placeholder styling from all other chips
+            el.classList.remove("drag-placeholder");
+            el.style.visibility = "visible";
+        }
+        // Apply transform
+        child.style.transform =
+            grid._services.animation.calculateTranslate(grid, index, child, draggedChild);
+    });
+}
+//# sourceMappingURL=update-chip-transforms.js.map

package/dist/engine/services/grouping/methods/ui/update-chip-transforms.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"update-chip-transforms.js","sourceRoot":"","sources":["../../../../../../src/engine/services/grouping/methods/ui/update-chip-transforms.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,oBAAoB,CAAC,IAAc;IACjD,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;IACrC,MAAM,QAAQ,GAAG,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,eAAe,CAAC;IAEnD,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,aAAa,CACzD,wBAAwB,CACzB,CAAC;IACF,IAAI,CAAC,SAAS;QAAE,OAAO;IAEvB,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC,CAAC;IACxE,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,kBAAkB,CAAC;IAC5D,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,sBAAsB,CAAC;IAEhE,8BAA8B;IAC9B,IAAI,YAAY,GAAuB,IAAI,CAAC;IAC5C,IAAI,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,WAAW,IAAI,QAAQ,EAAE,IAAI,KAAK,cAAc,EAAE,CAAC;QACvE,YAAY,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,UAAU,CAAgB,CAAC;IACrE,CAAC;IAED,QAAQ,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;QAChC,MAAM,EAAE,GAAG,KAAoB,CAAC;QAChC,MAAM,KAAK,GAAI,KAAqB,CAAC,OAAO,CAAC,KAAK,CAAC;QAEnD,oBAAoB;QACpB,MAAM,SAAS,GACb,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,WAAW;YAC7B,QAAQ,EAAE,IAAI,KAAK,cAAc;YACjC,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,KAAK,KAAK,CAAC;QAEtC,IAAI,SAAS,EAAE,CAAC;YACd,0BAA0B;YAC1B,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;YAErC,oCAAoC;YACpC,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;QACvD,CAAC;aAAM,CAAC;YACN,kDAAkD;YAClD,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;YACxC,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG,SAAS,CAAC;QAClC,CAAC;QAED,kBAAkB;QACjB,KAAqB,CAAC,KAAK,CAAC,SAAS;YACpC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,kBAAkB,CACzC,IAAI,EACJ,KAAK,EACL,KAAoB,EACpB,YAAa,CACd,CAAC;IACN,CAAC,CAAC,CAAC;AACL,CAAC"}

package/dist/engine/services/grouping/methods/ui/update-grouping-panel-hover-state.d.ts

@@ -0,0 +1,3 @@
+import { PolyGrid } from "../../../../core/grid";
+export declare function updateGroupingPanelHoverState(grid: PolyGrid): void;
+//# sourceMappingURL=update-grouping-panel-hover-state.d.ts.map

package/dist/engine/services/grouping/methods/ui/update-grouping-panel-hover-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"update-grouping-panel-hover-state.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/grouping/methods/ui/update-grouping-panel-hover-state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,wBAAgB,6BAA6B,CAAC,IAAI,EAAE,QAAQ,QAmE3D"}

package/dist/engine/services/grouping/methods/ui/update-grouping-panel-hover-state.js

@@ -0,0 +1,58 @@
+export function updateGroupingPanelHoverState(grid) {
+    const state = grid._store.getState();
+    const pos = state.ui.dragDrop.dragPosition;
+    // if there's no drag position or no dragged column, reset state
+    if (!pos || !state.ui.dragDrop.currentDragData) {
+        grid._store.update((draft) => {
+            draft.view.groupingState.hoveredInsertIndex = null;
+            draft.view.groupingState.isInsideGroupingPanel = false;
+            draft.view.groupingState.hasChipCrossedMidpoint = false;
+        });
+        return;
+    }
+    const panel = grid._gridDom.groupingPanel;
+    const rect = panel.getBoundingClientRect();
+    const inside = pos.x >= rect.left &&
+        pos.x <= rect.right &&
+        pos.y >= rect.top &&
+        pos.y <= rect.bottom;
+    grid._store.update((draft) => {
+        draft.view.groupingState.isInsideGroupingPanel = inside;
+        draft.ui.dragDrop.showPasteIcon = inside;
+    });
+    if (!inside) {
+        grid._store.update((draft) => {
+            draft.view.groupingState.hoveredInsertIndex = null;
+            draft.view.groupingState.hasChipCrossedMidpoint = false;
+        });
+        return;
+    }
+    else {
+        // calculate insert index for reordering
+        const children = Array.from(panel.querySelectorAll(".grouped-col"));
+        let insertIndex = children.length;
+        for (let i = 0; i < children.length; i++) {
+            const box = children[i].getBoundingClientRect();
+            if (pos.x < box.left + box.width / 2) {
+                insertIndex = i;
+                break;
+            }
+        }
+        grid._store.update((draft) => {
+            draft.view.groupingState.hoveredInsertIndex = insertIndex;
+        });
+        // midpoint logic to suppress early shifting ---
+        const dragData = state.ui.dragDrop.currentDragData;
+        if (dragData?.type === "grouped-chip") {
+            // This function runs only for grouped chips, so no extra type checks needed
+            const originalIndex = dragData.column.orderIndex;
+            // If hovered index is the chip’s own slot or the slot immediately after it,
+            // then the dragged chip has NOT crossed a midpoint yet.
+            const isSelfHover = insertIndex === originalIndex || insertIndex === originalIndex + 1;
+            grid._store.update((draft) => {
+                draft.view.groupingState.hasChipCrossedMidpoint = !isSelfHover;
+            });
+        }
+    }
+}
+//# sourceMappingURL=update-grouping-panel-hover-state.js.map

package/dist/engine/services/grouping/methods/ui/update-grouping-panel-hover-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"update-grouping-panel-hover-state.js","sourceRoot":"","sources":["../../../../../../src/engine/services/grouping/methods/ui/update-grouping-panel-hover-state.ts"],"names":[],"mappings":"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"}

package/dist/engine/services/grouping/types/grouping-display-mode.d.ts

@@ -0,0 +1,2 @@
+export type GroupingDisplayMode = "single-group-column" | "multiple-group-columns" | "group-rows";
+//# sourceMappingURL=grouping-display-mode.d.ts.map

package/dist/engine/services/grouping/types/grouping-display-mode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grouping-display-mode.d.ts","sourceRoot":"","sources":["../../../../../src/engine/services/grouping/types/grouping-display-mode.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,mBAAmB,GAC3B,qBAAqB,GACrB,wBAAwB,GACxB,YAAY,CAAC"}

package/dist/engine/services/grouping/types/grouping-display-mode.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=grouping-display-mode.js.map

package/dist/engine/services/grouping/types/grouping-display-mode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grouping-display-mode.js","sourceRoot":"","sources":["../../../../../src/engine/services/grouping/types/grouping-display-mode.ts"],"names":[],"mappings":""}

package/dist/engine/services/grouping/types/grouping-drag-data.d.ts

@@ -0,0 +1,12 @@
+import { InternalColumn } from "../../column/interfaces/internal-column";
+import { GroupedColumn } from "../interfaces/grouped-column";
+export type ColumnHeaderDragData = {
+    type: "column-header";
+    column: InternalColumn;
+};
+export type GroupedChipDragData = {
+    type: "grouped-chip";
+    column: GroupedColumn;
+};
+export type GroupingDragData = ColumnHeaderDragData | GroupedChipDragData;
+//# sourceMappingURL=grouping-drag-data.d.ts.map

package/dist/engine/services/grouping/types/grouping-drag-data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grouping-drag-data.d.ts","sourceRoot":"","sources":["../../../../../src/engine/services/grouping/types/grouping-drag-data.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,eAAe,CAAC;IACtB,MAAM,EAAE,cAAc,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,cAAc,CAAC;IACrB,MAAM,EAAE,aAAa,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,GAAG,mBAAmB,CAAC"}

package/dist/engine/services/grouping/types/grouping-drag-data.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=grouping-drag-data.js.map

package/dist/engine/services/grouping/types/grouping-drag-data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grouping-drag-data.js","sourceRoot":"","sources":["../../../../../src/engine/services/grouping/types/grouping-drag-data.ts"],"names":[],"mappings":""}

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":"AACA,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,QA+D/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,QA+D/B"}

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

@@ -1,4 +1,5 @@
 import { PG_CSS_CLASS } from "../../../const/pg-css-class";
+import { normalizeViewRows } from "../../../core/methods";
 import { takeUntil } from "../../../rx-lite/operators/takeuntil";
 import { RowPool } from "../../row/classes/row-pool";
 import { recomputeVirtualRows } from "../../row/methods/recompute-virtual-rows";
@@ -33,7 +34,7 @@ export function toggleLoading(loadingService, destroy$) {
                     // use fresh virtualRows
                     const v = state.ui.virtualRows;
                     recomputeVirtualRows(v);
-                    const data = state.view.rows;
+                    const data = normalizeViewRows(state.view.rows);
                     rowPool.update(v, data);
                     // update col widths (for body cells)
                     grid._services.layout.updateColumnWidths(loadingService.gridDom, state, state.view.resolvedColumnWidths, loadingService.grid);

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;AAK9C,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;AAM9C,wBAAgB,aAAa,CAC3B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,aAAa,EACpB,IAAI,EAAE,QAAQ,QAkDf"}

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

@@ -3,6 +3,7 @@ import { renderHeaderCells } from "../parts/header/header-cells";
 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";
 export function reRenderCells(gridDom, store, grid) {
     // rerender header, body, footer cells
     // first clear every runtime inside the body
@@ -39,7 +40,7 @@ export function reRenderCells(gridDom, store, grid) {
     // use fresh virtualRows
     const v = state.ui.virtualRows;
     recomputeVirtualRows(v);
-    const data = state.view.rows;
+    const data = normalizeViewRows(state.view.rows);
     rowPool.update(v, data);
     // footer
     const footer = gridDom.footer;

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;AAEhF,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,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;IAC7B,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,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"}

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

@@ -1,7 +1,7 @@
 import { renderViewport } from "../viewport/viewport";
 import { renderVScrollbar } from "../scrollbars/v-scrollbar";
 import { PG_CSS_CLASS } from "../../../../const/pg-css-class";
-import { renderGroupingPanel } from "../grouping-panel/grouping-panel";
+import { renderGroupingPanel } from "../grouping/grouping-panel";
 export function renderGrid(store, gridDom, grid) {
     const gridEl = document.createElement("div");
     gridEl.className = PG_CSS_CLASS.grid;

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

@@ -1 +1 @@
-{"version":3,"file":"grid.js","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/grid/grid.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE7D,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAG9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAEvE,MAAM,UAAU,UAAU,CACxB,KAAoB,EACpB,OAAgB,EAChB,IAAc;IAEd,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,CAAC,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC;IAErC,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAChD,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;IAEpD,MAAM,QAAQ,GAAG,cAAc,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;IACtD,MAAM,UAAU,GAAG,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IAEpD,SAAS,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IAChC,SAAS,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAElC,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IAE9B,OAAO,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC5B,OAAO,CAAC,UAAU,GAAG,UAAU,CAAC;IAChC,OAAO,CAAC,aAAa,GAAG,SAAS,CAAC;IAElC,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;IAC/B,MAAM,iBAAiB,GACrB,KAAK,CAAC,IAAI,CAAC,SAAS,KAAK,IAAI,IAAI,OAAO,KAAK,CAAC,IAAI,CAAC,SAAS,KAAK,QAAQ,CAAC;IAE5E,MAAM,aAAa,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAChD,IAAI,iBAAiB;QAAE,MAAM,CAAC,YAAY,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC;IAErE,OAAO,MAAM,CAAC;AAChB,CAAC"}
+{"version":3,"file":"grid.js","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/grid/grid.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE7D,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAG9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEjE,MAAM,UAAU,UAAU,CACxB,KAAoB,EACpB,OAAgB,EAChB,IAAc;IAEd,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,CAAC,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC;IAErC,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAChD,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;IAEpD,MAAM,QAAQ,GAAG,cAAc,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;IACtD,MAAM,UAAU,GAAG,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IAEpD,SAAS,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IAChC,SAAS,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAElC,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IAE9B,OAAO,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC5B,OAAO,CAAC,UAAU,GAAG,UAAU,CAAC;IAChC,OAAO,CAAC,aAAa,GAAG,SAAS,CAAC;IAElC,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;IAC/B,MAAM,iBAAiB,GACrB,KAAK,CAAC,IAAI,CAAC,SAAS,KAAK,IAAI,IAAI,OAAO,KAAK,CAAC,IAAI,CAAC,SAAS,KAAK,QAAQ,CAAC;IAE5E,MAAM,aAAa,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAChD,IAAI,iBAAiB;QAAE,MAAM,CAAC,YAAY,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC;IAErE,OAAO,MAAM,CAAC;AAChB,CAAC"}

package/dist/engine/services/renderer/parts/grouping/chip-list.d.ts

@@ -0,0 +1,4 @@
+import { PolyGrid } from "../../../../core/grid";
+import { GroupedColumn } from "../../../grouping/interfaces/grouped-column";
+export declare function renderChipList(grid: PolyGrid, container: HTMLDivElement, groupedColumns: GroupedColumn[]): void;
+//# sourceMappingURL=chip-list.d.ts.map

package/dist/engine/services/renderer/parts/grouping/chip-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip-list.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/grouping/chip-list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,6CAA6C,CAAC;AAG5E,wBAAgB,cAAc,CAC5B,IAAI,EAAE,QAAQ,EACd,SAAS,EAAE,cAAc,EACzB,cAAc,EAAE,aAAa,EAAE,QAqBhC"}

package/dist/engine/services/renderer/parts/grouping/chip-list.js

@@ -0,0 +1,19 @@
+import { createChipElement } from "./create-chip-element";
+export function renderChipList(grid, container, groupedColumns) {
+    // Remove chips that no longer exist
+    const existing = new Set(groupedColumns.map((c) => c.column.id));
+    Array.from(container.children).forEach((child) => {
+        if (!existing.has(child.dataset.colId)) {
+            child.remove();
+        }
+    });
+    // Add / reorder chips to match groupedColumns order
+    groupedColumns.forEach((col) => {
+        let chip = container.querySelector(`[data-col-id="${col.column.id}"]`);
+        if (!chip) {
+            chip = createChipElement(col, grid);
+        }
+        container.appendChild(chip); // <- moves existing chip to correct position
+    });
+}
+//# sourceMappingURL=chip-list.js.map

package/dist/engine/services/renderer/parts/grouping/chip-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip-list.js","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/grouping/chip-list.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE1D,MAAM,UAAU,cAAc,CAC5B,IAAc,EACd,SAAyB,EACzB,cAA+B;IAE/B,oCAAoC;IACpC,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC;IAEjE,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;QAC/C,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAE,KAAqB,CAAC,OAAO,CAAC,KAAM,CAAC,EAAE,CAAC;YACzD,KAAK,CAAC,MAAM,EAAE,CAAC;QACjB,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,oDAAoD;IACpD,cAAc,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;QAC7B,IAAI,IAAI,GAAG,SAAS,CAAC,aAAa,CAChC,iBAAiB,GAAG,CAAC,MAAM,CAAC,EAAE,IAAI,CACb,CAAC;QACxB,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,IAAI,GAAG,iBAAiB,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;QACtC,CAAC;QACD,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,6CAA6C;IAC5E,CAAC,CAAC,CAAC;AACL,CAAC"}

package/dist/engine/services/renderer/parts/grouping/create-chip-element.d.ts

@@ -0,0 +1,4 @@
+import { PolyGrid } from "../../../../core/grid";
+import { GroupedColumn } from "../../../grouping/interfaces/grouped-column";
+export declare function createChipElement(col: GroupedColumn, grid: PolyGrid): HTMLDivElement;
+//# sourceMappingURL=create-chip-element.d.ts.map

package/dist/engine/services/renderer/parts/grouping/create-chip-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-chip-element.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/grouping/create-chip-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,OAAO,EAAE,aAAa,EAAE,MAAM,6CAA6C,CAAC;AAE5E,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,aAAa,EAAE,IAAI,EAAE,QAAQ,kBAyCnE"}

package/dist/engine/services/renderer/parts/grouping/create-chip-element.js

@@ -0,0 +1,30 @@
+import { addDomListener } from "../../../../core/methods";
+export function createChipElement(col, grid) {
+    const chip = document.createElement("div");
+    chip.classList.add("grouped-col");
+    chip.tabIndex = 0;
+    chip.dataset.colId = col.column.id;
+    chip.classList.toggle("drag-active", grid._store.getState().ui.dragDrop.dragStarted);
+    const sortIconContainer = document.createElement("span");
+    sortIconContainer.classList.add("icon");
+    const sortIcon = grid._services.icon.renderIcon(grid._services.icon, col.sortIcon);
+    sortIconContainer.replaceChildren(sortIcon ?? "");
+    const header = document.createElement("span");
+    header.innerText = col.column.header;
+    const closeIconContainer = document.createElement("span");
+    closeIconContainer.classList.add("icon");
+    const closeIcon = grid._services.icon.renderIcon(grid._services.icon, "close");
+    closeIconContainer.replaceChildren(closeIcon ?? "");
+    addDomListener(grid._gridDom, closeIconContainer, "mousedown", (e) => {
+        e.stopPropagation();
+    });
+    addDomListener(grid._gridDom, closeIconContainer, "click", (e) => {
+        e.stopPropagation();
+        grid._services.grouping.removeGroupedColumn(grid, col);
+    });
+    chip.appendChild(sortIconContainer);
+    chip.appendChild(header);
+    chip.appendChild(closeIconContainer);
+    return chip;
+}
+//# sourceMappingURL=create-chip-element.js.map

package/dist/engine/services/renderer/parts/grouping/create-chip-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-chip-element.js","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/grouping/create-chip-element.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAG1D,MAAM,UAAU,iBAAiB,CAAC,GAAkB,EAAE,IAAc;IAClE,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC3C,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;IAClC,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;IAClB,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC;IACnC,IAAI,CAAC,SAAS,CAAC,MAAM,CACnB,aAAa,EACb,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,WAAW,CAC/C,CAAC;IAEF,MAAM,iBAAiB,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IACzD,iBAAiB,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IACxC,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAC7C,IAAI,CAAC,SAAS,CAAC,IAAI,EACnB,GAAG,CAAC,QAAQ,CACb,CAAC;IACF,iBAAiB,CAAC,eAAe,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC;IAElD,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAC9C,MAAM,CAAC,SAAS,GAAG,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC;IAErC,MAAM,kBAAkB,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAC1D,kBAAkB,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IACzC,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAC9C,IAAI,CAAC,SAAS,CAAC,IAAI,EACnB,OAAO,CACR,CAAC;IACF,kBAAkB,CAAC,eAAe,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC;IACpD,cAAc,CAAC,IAAI,CAAC,QAAQ,EAAE,kBAAkB,EAAE,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE;QACnE,CAAC,CAAC,eAAe,EAAE,CAAC;IACtB,CAAC,CAAC,CAAC;IACH,cAAc,CAAC,IAAI,CAAC,QAAQ,EAAE,kBAAkB,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;QAC/D,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,mBAAmB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IACzD,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC;IACpC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IACzB,IAAI,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAC;IAErC,OAAO,IAAI,CAAC;AACd,CAAC"}

package/dist/engine/services/renderer/parts/grouping/grouping-drag-preview.d.ts

@@ -0,0 +1,4 @@
+import { PolyGrid } from "../../../../core/grid";
+import { GroupingDragData } from "../../../grouping/types/grouping-drag-data";
+export declare function renderGroupingDragPreview(grid: PolyGrid, dragData: GroupingDragData): HTMLDivElement;
+//# sourceMappingURL=grouping-drag-preview.d.ts.map

package/dist/engine/services/renderer/parts/grouping/grouping-drag-preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grouping-drag-preview.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/grouping/grouping-drag-preview.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,4CAA4C,CAAC;AAG9E,wBAAgB,yBAAyB,CACvC,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,gBAAgB,GACzB,cAAc,CAsChB"}

package/dist/engine/services/renderer/parts/grouping/grouping-drag-preview.js

@@ -0,0 +1,27 @@
+import { PG_CSS_CLASS } from "../../../../const/pg-css-class";
+export function renderGroupingDragPreview(grid, dragData) {
+    const { column, type } = dragData;
+    const preview = document.createElement("div");
+    preview.classList.add(PG_CSS_CLASS.groupingDragPreview);
+    const iconContainer = document.createElement("span");
+    iconContainer.classList.add("icon");
+    let iconName;
+    if (type === "column-header") {
+        // dragging from header → either add or reject
+        const alreadyGrouped = grid._services.grouping.isColumnGrouped(grid, column);
+        iconName = alreadyGrouped ? "ban" : "plus";
+    }
+    else {
+        // dragging from panel → reorder or remove
+        iconName = "handGrab";
+    }
+    const dragIcon = grid._services.icon.renderIcon(grid._services.icon, iconName);
+    iconContainer.replaceChildren(dragIcon ?? "");
+    preview.appendChild(iconContainer);
+    const colHeader = document.createElement("span");
+    colHeader.innerText =
+        "orderIndex" in column ? column.column.header : column.header;
+    preview.appendChild(colHeader);
+    return preview;
+}
+//# sourceMappingURL=grouping-drag-preview.js.map

package/dist/engine/services/renderer/parts/grouping/grouping-drag-preview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grouping-drag-preview.js","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/grouping/grouping-drag-preview.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAO9D,MAAM,UAAU,yBAAyB,CACvC,IAAc,EACd,QAA0B;IAE1B,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC;IAElC,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC9C,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC,mBAAmB,CAAC,CAAC;IAExD,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IACrD,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IAEpC,IAAI,QAAkB,CAAC;IAEvB,IAAI,IAAI,KAAK,eAAe,EAAE,CAAC;QAC7B,8CAA8C;QAC9C,MAAM,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,eAAe,CAC5D,IAAI,EACJ,MAAwB,CACzB,CAAC;QACF,QAAQ,GAAG,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC;IAC7C,CAAC;SAAM,CAAC;QACN,0CAA0C;QAC1C,QAAQ,GAAG,UAAU,CAAC;IACxB,CAAC;IAED,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAC7C,IAAI,CAAC,SAAS,CAAC,IAAI,EACnB,QAAQ,CACT,CAAC;IACF,aAAa,CAAC,eAAe,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC;IAE9C,OAAO,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;IAEnC,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IACjD,SAAS,CAAC,SAAS;QACjB,YAAY,IAAI,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC;IAEhE,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IAE/B,OAAO,OAAO,CAAC;AACjB,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"grouping-panel.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/grouping/grouping-panel.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAIjD,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,QAAQ,kBAmCjD"}

package/dist/engine/services/renderer/parts/grouping/grouping-panel.js

@@ -0,0 +1,28 @@
+import { PG_CSS_CLASS } from "../../../../const/pg-css-class";
+import { addDomListener } from "../../../../core/methods";
+import { renderChipList } from "./chip-list";
+export function renderGroupingPanel(grid) {
+    const groupingPanel = document.createElement("div");
+    groupingPanel.classList.add(PG_CSS_CLASS.groupingPanel);
+    const state = grid._store.getState();
+    const defaultText = document.createElement("span");
+    defaultText.innerText =
+        "Drag a column header and drop it here to group by that column";
+    groupingPanel.appendChild(defaultText);
+    const container = document.createElement("div");
+    container.classList.add("grouped-col-container");
+    groupingPanel.appendChild(container);
+    let unsubGroupedColumns = () => { };
+    addDomListener(grid._gridDom, groupingPanel, "mousedown", (e) => grid._services.grouping.startDragOnGroupedColumn(e, grid));
+    unsubGroupedColumns = grid._services.grouping.groupedColumns$.subscribe((groupedColumns) => {
+        defaultText.style.display =
+            groupedColumns.length === 0 ? "block" : "none";
+        renderChipList(grid, container, groupedColumns);
+    });
+    grid._destroy$.subscribe(() => unsubGroupedColumns());
+    grid._gridDom.groupingPanel = groupingPanel;
+    grid._runtime.groupedColumnsUnsub?.();
+    grid._runtime.groupedColumnsUnsub = unsubGroupedColumns;
+    return groupingPanel;
+}
+//# sourceMappingURL=grouping-panel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"grouping-panel.js","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/grouping/grouping-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAE9D,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,MAAM,UAAU,mBAAmB,CAAC,IAAc;IAChD,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACpD,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;IAExD,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;IAErC,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IACnD,WAAW,CAAC,SAAS;QACnB,+DAA+D,CAAC;IAClE,aAAa,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;IAEvC,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAChD,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAC;IACjD,aAAa,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IAErC,IAAI,mBAAmB,GAAe,GAAG,EAAE,GAAE,CAAC,CAAC;IAE/C,cAAc,CAAC,IAAI,CAAC,QAAQ,EAAE,aAAa,EAAE,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAC9D,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,wBAAwB,CAAC,CAAC,EAAE,IAAI,CAAC,CAC1D,CAAC;IAEF,mBAAmB,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,SAAS,CACrE,CAAC,cAAc,EAAE,EAAE;QACjB,WAAW,CAAC,KAAK,CAAC,OAAO;YACvB,cAAc,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;QACjD,cAAc,CAAC,IAAI,EAAE,SAAS,EAAE,cAAc,CAAC,CAAC;IAClD,CAAC,CACF,CAAC;IACF,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,mBAAmB,EAAE,CAAC,CAAC;IAEtD,IAAI,CAAC,QAAQ,CAAC,aAAa,GAAG,aAAa,CAAC;IAC5C,IAAI,CAAC,QAAQ,CAAC,mBAAmB,EAAE,EAAE,CAAC;IACtC,IAAI,CAAC,QAAQ,CAAC,mBAAmB,GAAG,mBAAmB,CAAC;IAExD,OAAO,aAAa,CAAC;AACvB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"header-cells.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/header/header-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,MAAM,EAAE,WAAW,EACnB,KAAK,EAAE,aAAa,EACpB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,QAAQ,QAkOf"}
+{"version":3,"file":"header-cells.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/header/header-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,MAAM,EAAE,WAAW,EACnB,KAAK,EAAE,aAAa,EACpB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,QAAQ,QAyOf"}

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

@@ -170,6 +170,10 @@ export function renderHeaderCells(header, store, gridDom, grid) {
                 }
             });
         }
+        // grouping
+        if (state.view.groupable) {
+            addDomListener(grid._gridDom, cell, "mousedown", (e) => grid._services.grouping.startDragOnColumn(e, grid, col));
+        }
         header.appendChild(cell);
     });
 }