@polygrid/core 1.0.493 → 1.0.495

package/dist/engine/services/grouping/methods/ui/end-drag.d.ts

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

package/dist/engine/services/grouping/methods/ui/end-drag.d.ts.map

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

package/dist/engine/services/grouping/methods/ui/end-drag.js

@@ -0,0 +1,25 @@
+export function endDrag(grid) {
+    const state = grid._store.getState();
+    const dragData = state.ui.dragDrop.currentDragData;
+    if (!dragData)
+        return;
+    if (dragData.type === "grouped-chip") {
+        if (!state.view.groupingState.isInsideGroupingPanel) {
+            grid._services.grouping.removeGroupedColumn(grid, dragData.column);
+            grid._services.dragdrop.endDrag(grid);
+            state.view.groupingState.hoveredInsertIndex = null;
+            state.view.groupingState.isInsideGroupingPanel = false;
+            state.ui.dragDrop.suppressClick = false;
+        }
+        else {
+            grid._store.emitEvent("columnDrop", { data: dragData });
+        }
+    }
+    else {
+        if (state.view.groupingState.isInsideGroupingPanel) {
+            grid._store.emitEvent("columnDrop", { data: dragData });
+            state.ui.dragDrop.suppressClick = false;
+        }
+    }
+}
+//# sourceMappingURL=end-drag.js.map

package/dist/engine/services/grouping/methods/ui/end-drag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"end-drag.js","sourceRoot":"","sources":["../../../../../../src/engine/services/grouping/methods/ui/end-drag.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,OAAO,CAAC,IAAc;IACpC,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;IACrC,MAAM,QAAQ,GAAG,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,eAAe,CAAC;IAEnD,IAAI,CAAC,QAAQ;QAAE,OAAO;IAEtB,IAAI,QAAQ,CAAC,IAAI,KAAK,cAAc,EAAE,CAAC;QACrC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,qBAAqB,EAAE,CAAC;YACpD,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,mBAAmB,CAAC,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;YACnE,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;YACtC,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,kBAAkB,GAAG,IAAI,CAAC;YACnD,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,qBAAqB,GAAG,KAAK,CAAC;YACvD,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,aAAa,GAAG,KAAK,CAAC;QAC1C,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;QAC1D,CAAC;IACH,CAAC;SAAM,CAAC;QACN,IAAI,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,qBAAqB,EAAE,CAAC;YACnD,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;YACxD,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,aAAa,GAAG,KAAK,CAAC;QAC1C,CAAC;IACH,CAAC;AACH,CAAC"}

package/dist/engine/services/grouping/methods/ui/is-column-grouped.d.ts

@@ -0,0 +1,4 @@
+import { PolyGrid } from "../../../../core/grid";
+import { InternalColumn } from "../../../column/interfaces/internal-column";
+export declare function isColumnGrouped(grid: PolyGrid, column: InternalColumn): boolean;
+//# sourceMappingURL=is-column-grouped.d.ts.map

package/dist/engine/services/grouping/methods/ui/is-column-grouped.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-column-grouped.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/grouping/methods/ui/is-column-grouped.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAE5E,wBAAgB,eAAe,CAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,cAAc,WAKrE"}

package/dist/engine/services/grouping/methods/ui/is-column-grouped.js

@@ -0,0 +1,5 @@
+export function isColumnGrouped(grid, column) {
+    const state = grid._store.getState();
+    return !!state.view.groupingState.groupedColumns.find((groupedCol) => groupedCol.column.id === column.id);
+}
+//# sourceMappingURL=is-column-grouped.js.map

package/dist/engine/services/grouping/methods/ui/is-column-grouped.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-column-grouped.js","sourceRoot":"","sources":["../../../../../../src/engine/services/grouping/methods/ui/is-column-grouped.ts"],"names":[],"mappings":"AAGA,MAAM,UAAU,eAAe,CAAC,IAAc,EAAE,MAAsB;IACpE,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;IACrC,OAAO,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC,IAAI,CACnD,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,KAAK,MAAM,CAAC,EAAE,CACnD,CAAC;AACJ,CAAC"}

package/dist/engine/services/grouping/methods/ui/remove-column-from-grouped.d.ts

@@ -0,0 +1,4 @@
+import { PolyGrid } from "../../../../core/grid";
+import { GroupedColumn } from "../../interfaces/grouped-column";
+export declare function removeColumnFromGroupedColumns(grid: PolyGrid, groupedColumn: GroupedColumn): void;
+//# sourceMappingURL=remove-column-from-grouped.d.ts.map

package/dist/engine/services/grouping/methods/ui/remove-column-from-grouped.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"remove-column-from-grouped.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/grouping/methods/ui/remove-column-from-grouped.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAEhE,wBAAgB,8BAA8B,CAC5C,IAAI,EAAE,QAAQ,EACd,aAAa,EAAE,aAAa,QAgB7B"}

package/dist/engine/services/grouping/methods/ui/remove-column-from-grouped.js

@@ -0,0 +1,15 @@
+export function removeColumnFromGroupedColumns(grid, groupedColumn) {
+    const services = grid._services;
+    const state = grid._store.getState();
+    if (services.grouping.isColumnGrouped(grid, groupedColumn.column)) {
+        const filtered = state.view.groupingState.groupedColumns.filter((groupedCol) => groupedCol.column.id !== groupedColumn.column.id);
+        const updated = filtered.map((col, i) => ({
+            ...col,
+            orderIndex: i,
+        }));
+        grid._store.update((draft) => {
+            draft.view.groupingState.groupedColumns = updated;
+        });
+    }
+}
+//# sourceMappingURL=remove-column-from-grouped.js.map

package/dist/engine/services/grouping/methods/ui/remove-column-from-grouped.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"remove-column-from-grouped.js","sourceRoot":"","sources":["../../../../../../src/engine/services/grouping/methods/ui/remove-column-from-grouped.ts"],"names":[],"mappings":"AAGA,MAAM,UAAU,8BAA8B,CAC5C,IAAc,EACd,aAA4B;IAE5B,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC;IAChC,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;IACrC,IAAI,QAAQ,CAAC,QAAQ,CAAC,eAAe,CAAC,IAAI,EAAE,aAAa,CAAC,MAAM,CAAC,EAAE,CAAC;QAClE,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC,MAAM,CAC7D,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,KAAK,aAAa,CAAC,MAAM,CAAC,EAAE,CACjE,CAAC;QACF,MAAM,OAAO,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;YACxC,GAAG,GAAG;YACN,UAAU,EAAE,CAAC;SACd,CAAC,CAAC,CAAC;QACJ,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE;YAC3B,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,cAAc,GAAG,OAAO,CAAC;QACpD,CAAC,CAAC,CAAC;IACL,CAAC;AACH,CAAC"}

package/dist/engine/services/grouping/methods/ui/remove-grouped-column.d.ts

@@ -0,0 +1,4 @@
+import { PolyGrid } from "../../../../core/grid";
+import { GroupedColumn } from "../../interfaces/grouped-column";
+export declare function removeGroupedColumn(grid: PolyGrid, groupedColumn: GroupedColumn): void;
+//# sourceMappingURL=remove-grouped-column.d.ts.map

package/dist/engine/services/grouping/methods/ui/remove-grouped-column.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"remove-grouped-column.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/grouping/methods/ui/remove-grouped-column.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAEhE,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,QAAQ,EACd,aAAa,EAAE,aAAa,QAgB7B"}

package/dist/engine/services/grouping/methods/ui/remove-grouped-column.js

@@ -0,0 +1,14 @@
+export function removeGroupedColumn(grid, groupedColumn) {
+    const state = grid._store.getState();
+    const anim = grid._services.animation;
+    // Capture current positions BEFORE removal
+    anim.capturePositions(grid);
+    grid._services.grouping.removeColumnFromGroupedColumns(grid, groupedColumn);
+    state.view.groupingState.isGridGrouped =
+        state.view.groupingState.groupedColumns.length > 0;
+    // Wait for DOM update, then animate
+    requestAnimationFrame(() => {
+        anim.playFlipAnimation(grid);
+    });
+}
+//# sourceMappingURL=remove-grouped-column.js.map

package/dist/engine/services/grouping/methods/ui/remove-grouped-column.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"remove-grouped-column.js","sourceRoot":"","sources":["../../../../../../src/engine/services/grouping/methods/ui/remove-grouped-column.ts"],"names":[],"mappings":"AAGA,MAAM,UAAU,mBAAmB,CACjC,IAAc,EACd,aAA4B;IAE5B,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;IACrC,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC;IAEtC,2CAA2C;IAC3C,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAE5B,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,8BAA8B,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;IAC5E,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,aAAa;QACpC,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC;IAErD,oCAAoC;IACpC,qBAAqB,CAAC,GAAG,EAAE;QACzB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC,CAAC,CAAC;AACL,CAAC"}

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

@@ -0,0 +1,4 @@
+import { PolyGrid } from "../../../../core/grid";
+import { InternalColumn } from "../../../column/interfaces/internal-column";
+export declare function reorderGroupedColumn(grid: PolyGrid, column: InternalColumn, insertIndex: number): void;
+//# sourceMappingURL=reorder-grouped-columns.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"reorder-grouped-columns.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/grouping/methods/ui/reorder-grouped-columns.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAE5E,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,QAAQ,EACd,MAAM,EAAE,cAAc,EACtB,WAAW,EAAE,MAAM,QAmBpB"}

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/ui/set-groupable.js

@@ -0,0 +1,28 @@
+import { takeUntil } from "../../../../rx-lite/operators/takeuntil";
+import { renderGroupingPanel } from "../../../renderer/parts/grouping-panel/grouping-panel";
+export function setGroupable(groupingService, destroy$, grid) {
+    groupingService.groupable$
+        .pipe(takeUntil(destroy$))
+        .subscribe((groupable) => {
+        const gridDom = grid._gridDom;
+        if (groupable === false || groupable === undefined) {
+            if (gridDom.groupingPanel) {
+                gridDom.grid.removeChild(gridDom.groupingPanel);
+                groupingService.store.update((draft) => {
+                    draft.view.rawViewportHeight += 40;
+                });
+                grid._runtime.groupedColumnsUnsub?.();
+                grid._runtime.groupedColumnsUnsub = undefined;
+            }
+        }
+        else {
+            const groupingPanel = renderGroupingPanel(grid);
+            gridDom.grid.insertBefore(groupingPanel, gridDom.gridContainer);
+            gridDom.groupingPanel = groupingPanel;
+            groupingService.store.update((draft) => {
+                draft.view.rawViewportHeight -= 40;
+            });
+        }
+    }, "SET-GROUPABLE");
+}
+//# sourceMappingURL=set-groupable.js.map

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,uDAAuD,CAAC;AAG5F,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-panel/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,8DAA8D,CAAC;AAEzG,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-panel/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,8DAA8D,CAAC;AAEzG,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,QAyD3D"}

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

@@ -0,0 +1,48 @@
+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) {
+        state.view.groupingState.hoveredInsertIndex = null;
+        state.view.groupingState.isInsideGroupingPanel = false;
+        state.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;
+    state.view.groupingState.isInsideGroupingPanel = inside;
+    state.ui.dragDrop.showPasteIcon = inside;
+    if (!inside) {
+        state.view.groupingState.hoveredInsertIndex = null;
+        state.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;
+            }
+        }
+        state.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;
+            state.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":"AAEA,MAAM,UAAU,6BAA6B,CAAC,IAAc;IAC1D,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;IACrC,MAAM,GAAG,GAAG,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,YAAY,CAAC;IAE3C,gEAAgE;IAChE,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,eAAe,EAAE,CAAC;QAC/C,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,kBAAkB,GAAG,IAAI,CAAC;QACnD,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,qBAAqB,GAAG,KAAK,CAAC;QACvD,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,sBAAsB,GAAG,KAAK,CAAC;QACxD,OAAO;IACT,CAAC;IAED,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC;IAC1C,MAAM,IAAI,GAAG,KAAK,CAAC,qBAAqB,EAAE,CAAC;IAC3C,MAAM,MAAM,GACV,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI;QAClB,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK;QACnB,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,GAAG;QACjB,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC;IAEvB,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,qBAAqB,GAAG,MAAM,CAAC;IACxD,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,aAAa,GAAG,MAAM,CAAC;IAEzC,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,kBAAkB,GAAG,IAAI,CAAC;QACnD,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,sBAAsB,GAAG,KAAK,CAAC;QACxD,OAAO;IACT,CAAC;SAAM,CAAC;QACN,wCAAwC;QACxC,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CACzB,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CACtB,CAAC;QACnB,IAAI,WAAW,GAAG,QAAQ,CAAC,MAAM,CAAC;QAClC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YACzC,MAAM,GAAG,GAAG,QAAQ,CAAC,CAAC,CAAE,CAAC,qBAAqB,EAAE,CAAC;YACjD,IAAI,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,IAAI,GAAG,GAAG,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC;gBACrC,WAAW,GAAG,CAAC,CAAC;gBAChB,MAAM;YACR,CAAC;QACH,CAAC;QACD,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,kBAAkB,GAAG,WAAW,CAAC;QAE1D,gDAAgD;QAChD,MAAM,QAAQ,GAAG,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,eAAe,CAAC;QAEnD,IAAI,QAAQ,EAAE,IAAI,KAAK,cAAc,EAAE,CAAC;YACtC,4EAA4E;YAC5E,MAAM,aAAa,GAAG,QAAQ,CAAC,MAAM,CAAC,UAAU,CAAC;YAEjD,4EAA4E;YAC5E,wDAAwD;YACxD,MAAM,WAAW,GACf,WAAW,KAAK,aAAa,IAAI,WAAW,KAAK,aAAa,GAAG,CAAC,CAAC;YAErE,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,sBAAsB,GAAG,CAAC,WAAW,CAAC;QACjE,CAAC;IACH,CAAC;AACH,CAAC"}

package/dist/engine/services/grouping/types/aggregate-type-fn.d.ts

@@ -0,0 +1,2 @@
+export type PolyGridAggregateFn = "sum" | "min" | "max" | "avg" | "count" | "none";
+//# sourceMappingURL=aggregate-type-fn.d.ts.map

package/dist/engine/services/grouping/types/aggregate-type-fn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"aggregate-type-fn.d.ts","sourceRoot":"","sources":["../../../../../src/engine/services/grouping/types/aggregate-type-fn.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,mBAAmB,GAC3B,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,OAAO,GACP,MAAM,CAAC"}

package/dist/engine/services/grouping/types/aggregate-type-fn.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=aggregate-type-fn.js.map

package/dist/engine/services/grouping/types/aggregate-type-fn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aggregate-type-fn.js","sourceRoot":"","sources":["../../../../../src/engine/services/grouping/types/aggregate-type-fn.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/layout/methods/set-up-resize-observer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"set-up-resize-observer.d.ts","sourceRoot":"","sources":["../../../../../src/engine/services/layout/methods/set-up-resize-observer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAE1D,wBAAgB,mBAAmB,CACjC,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,aAAa,kBAuBrB"}
+{"version":3,"file":"set-up-resize-observer.d.ts","sourceRoot":"","sources":["../../../../../src/engine/services/layout/methods/set-up-resize-observer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAE1D,wBAAgB,mBAAmB,CACjC,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,aAAa,kBAgCrB"}

package/dist/engine/services/layout/methods/set-up-resize-observer.js

@@ -1,6 +1,7 @@
 export function setUpResizeObserver(resizeObserver, gridDom, store) {
     const state = store.getState();
     const filterable = state.view.filterable === true || state.view.filterable === "row";
+    const groupable = state.view.groupable === true || typeof state.view.groupable === "object";
     return (resizeObserver = new ResizeObserver((entries) => {
         for (const entry of entries) {
             const gridWidth = entry.contentRect.width;
@@ -10,10 +11,17 @@ export function setUpResizeObserver(resizeObserver, gridDom, store) {
             const filterRowHeight = filterable
                 ? gridDom.filterRowViewport.getBoundingClientRect().height
                 : 0;
+            const groupingPanelHeight = groupable
+                ? gridDom.groupingPanel.getBoundingClientRect().height
+                : 0;
             store.update((draft) => {
                 draft.view.rawViewportWidth = gridWidth;
                 draft.view.rawViewportHeight =
-                    gridHeight - headerHeight - filterRowHeight - footerHeight;
+                    gridHeight -
+                        groupingPanelHeight -
+                        headerHeight -
+                        filterRowHeight -
+                        footerHeight;
             });
         }
     }));

package/dist/engine/services/layout/methods/set-up-resize-observer.js.map

@@ -1 +1 @@
-{"version":3,"file":"set-up-resize-observer.js","sourceRoot":"","sources":["../../../../../src/engine/services/layout/methods/set-up-resize-observer.ts"],"names":[],"mappings":"AAGA,MAAM,UAAU,mBAAmB,CACjC,cAA8B,EAC9B,OAAgB,EAChB,KAAoB;IAEpB,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;IAC/B,MAAM,UAAU,GACd,KAAK,CAAC,IAAI,CAAC,UAAU,KAAK,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,UAAU,KAAK,KAAK,CAAC;IACpE,OAAO,CAAC,cAAc,GAAG,IAAI,cAAc,CAAC,CAAC,OAAO,EAAE,EAAE;QACtD,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE,CAAC;YAC5B,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC;YAC1C,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC;YAC5C,MAAM,YAAY,GAChB,OAAO,CAAC,cAAc,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;YACxD,MAAM,YAAY,GAChB,OAAO,CAAC,cAAc,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;YACxD,MAAM,eAAe,GAAG,UAAU;gBAChC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,qBAAqB,EAAE,CAAC,MAAM;gBAC1D,CAAC,CAAC,CAAC,CAAC;YACN,KAAK,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE;gBACrB,KAAK,CAAC,IAAI,CAAC,gBAAgB,GAAG,SAAS,CAAC;gBACxC,KAAK,CAAC,IAAI,CAAC,iBAAiB;oBAC1B,UAAU,GAAG,YAAY,GAAG,eAAe,GAAG,YAAY,CAAC;YAC/D,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC,CAAC,CAAC,CAAC;AACN,CAAC"}
+{"version":3,"file":"set-up-resize-observer.js","sourceRoot":"","sources":["../../../../../src/engine/services/layout/methods/set-up-resize-observer.ts"],"names":[],"mappings":"AAGA,MAAM,UAAU,mBAAmB,CACjC,cAA8B,EAC9B,OAAgB,EAChB,KAAoB;IAEpB,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;IAC/B,MAAM,UAAU,GACd,KAAK,CAAC,IAAI,CAAC,UAAU,KAAK,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,UAAU,KAAK,KAAK,CAAC;IACpE,MAAM,SAAS,GACb,KAAK,CAAC,IAAI,CAAC,SAAS,KAAK,IAAI,IAAI,OAAO,KAAK,CAAC,IAAI,CAAC,SAAS,KAAK,QAAQ,CAAC;IAC5E,OAAO,CAAC,cAAc,GAAG,IAAI,cAAc,CAAC,CAAC,OAAO,EAAE,EAAE;QACtD,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE,CAAC;YAC5B,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC;YAC1C,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC;YAC5C,MAAM,YAAY,GAChB,OAAO,CAAC,cAAc,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;YACxD,MAAM,YAAY,GAChB,OAAO,CAAC,cAAc,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;YACxD,MAAM,eAAe,GAAG,UAAU;gBAChC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,qBAAqB,EAAE,CAAC,MAAM;gBAC1D,CAAC,CAAC,CAAC,CAAC;YACN,MAAM,mBAAmB,GAAG,SAAS;gBACnC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,qBAAqB,EAAE,CAAC,MAAM;gBACtD,CAAC,CAAC,CAAC,CAAC;YACN,KAAK,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE;gBACrB,KAAK,CAAC,IAAI,CAAC,gBAAgB,GAAG,SAAS,CAAC;gBACxC,KAAK,CAAC,IAAI,CAAC,iBAAiB;oBAC1B,UAAU;wBACV,mBAAmB;wBACnB,YAAY;wBACZ,eAAe;wBACf,YAAY,CAAC;YACjB,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC,CAAC,CAAC,CAAC;AACN,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/grid/grid.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,wBAAgB,UAAU,CACxB,KAAK,EAAE,aAAa,EACpB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,QAAQ,kBAef"}
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/grid/grid.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,wBAAgB,UAAU,CACxB,KAAK,EAAE,aAAa,EACpB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,QAAQ,kBA4Bf"}

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

@@ -1,15 +1,25 @@
 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";
 export function renderGrid(store, gridDom, grid) {
     const gridEl = document.createElement("div");
     gridEl.className = PG_CSS_CLASS.grid;
+    const container = document.createElement("div");
+    container.classList.add(PG_CSS_CLASS.gridContainer);
     const viewport = renderViewport(store, gridDom, grid);
     const vScrollbar = renderVScrollbar(gridDom, store);
-    gridEl.appendChild(viewport);
-    gridEl.appendChild(vScrollbar);
+    container.appendChild(viewport);
+    container.appendChild(vScrollbar);
+    gridEl.appendChild(container);
     gridDom.viewport = viewport;
     gridDom.vScrollbar = vScrollbar;
+    gridDom.gridContainer = container;
+    const state = store.getState();
+    const showGroupingPanel = state.view.groupable === true || typeof state.view.groupable === "object";
+    const groupingPanel = renderGroupingPanel(grid);
+    if (showGroupingPanel)
+        gridEl.insertBefore(groupingPanel, container);
     return gridEl;
 }
 //# sourceMappingURL=grid.js.map

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;AAI9D,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,QAAQ,GAAG,cAAc,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;IACtD,MAAM,UAAU,GAAG,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IAEpD,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC7B,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAE/B,OAAO,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC5B,OAAO,CAAC,UAAU,GAAG,UAAU,CAAC;IAEhC,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,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"}

package/dist/engine/services/renderer/parts/grouping-panel/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-panel/chip-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip-list.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/grouping-panel/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-panel/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-panel/chip-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip-list.js","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/grouping-panel/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-panel/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-panel/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-panel/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"}