@unshape/grid 1.0.577

package/dist/engine/services/grouping/methods/ui/render-group-header.js

@@ -0,0 +1,80 @@
+import { CSS_CLASS } from "../../../../const/css-class";
+import { addDomListener } from "../../../../core/methods";
+export function renderGroupHeader(grid, rowEl, groupCell, group, handleRef) {
+    const state = grid._store.getState();
+    const groupColId = groupCell.getAttribute("col-id");
+    const groupCol = state.view.internalColumns.find((c) => c.id === groupColId);
+    // Build group content
+    const div = document.createElement("div");
+    div.className = CSS_CLASS.groupContent;
+    // Indentation (for future multi-level grouping)
+    div.style.paddingLeft = `${group.level * 16}px`;
+    // Expand/collapse icon
+    const iconContainer = document.createElement("span");
+    iconContainer.classList.add("icon");
+    const chevronRight = grid._services.icon.renderIcon(grid._services.icon, "chevronRight");
+    iconContainer.replaceChildren(chevronRight);
+    iconContainer.className = CSS_CLASS.groupToggle;
+    if (group.collapsed) {
+        rowEl.classList.add("collapsed");
+    }
+    else {
+        rowEl.classList.remove("collapsed");
+    }
+    // Attach click handler
+    addDomListener(grid._gridDom, iconContainer, "click", (e) => {
+        grid._services.grouping.groupClick(grid, e, group, rowEl);
+    });
+    // Group label
+    const label = document.createElement("span");
+    label.className = CSS_CLASS.groupLabel;
+    // template renderer exists
+    if (state.view.rendererAdapter?.renderGroupHeaderTemplate) {
+        handleRef.handle?.destroy?.();
+        handleRef.handle = null;
+        // Clear previous Angular view DOM
+        label.innerHTML = "";
+        const handle = state.view.rendererAdapter.renderGroupHeaderTemplate({
+            container: label,
+            context: {
+                column: groupCol,
+                group,
+                aggregate: { field: "", aggregateFn: "none" },
+            },
+        });
+        if (handle) {
+            handleRef.handle = handle;
+            // Angular template rendered successfully → stop here
+            div.appendChild(iconContainer);
+            div.appendChild(label);
+            groupCell.appendChild(div);
+            return;
+        }
+    }
+    // group header renderer exists
+    if (state.view.groupingState.groupHeaderRenderer) {
+        const result = state.view.groupingState.groupHeaderRenderer({
+            column: groupCol,
+            group: group,
+            aggregate: { field: "", aggregateFn: "none" },
+        });
+        // Clear previous content
+        label.innerHTML = "";
+        if (typeof result === "string") {
+            label.textContent = result;
+        }
+        else if (result instanceof HTMLElement) {
+            label.appendChild(result);
+        }
+        div.appendChild(iconContainer);
+        div.appendChild(label);
+        groupCell.appendChild(div);
+        return;
+    }
+    // normal rendering
+    label.textContent = `${group.key} (${group.children?.length || group.rows?.length || 0})`;
+    div.appendChild(iconContainer);
+    div.appendChild(label);
+    groupCell.appendChild(div);
+}
+//# sourceMappingURL=render-group-header.js.map

package/dist/engine/services/grouping/methods/ui/render-group-header.js.map

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

package/dist/engine/services/grouping/methods/ui/render-multiple-group-column-mode.d.ts

@@ -0,0 +1,4 @@
+import { Grid } from "../../../../core/grid";
+import { GroupedColumn } from "../../interfaces/grouped-column";
+export declare function renderMultipleGroupColumnMode(grid: Grid, removedGroupedColumn?: GroupedColumn): void;
+//# sourceMappingURL=render-multiple-group-column-mode.d.ts.map

package/dist/engine/services/grouping/methods/ui/render-multiple-group-column-mode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-multiple-group-column-mode.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/grouping/methods/ui/render-multiple-group-column-mode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAGhE,wBAAgB,6BAA6B,CAC3C,IAAI,EAAE,IAAI,EACV,oBAAoB,CAAC,EAAE,aAAa,QAGrC"}

package/dist/engine/services/grouping/methods/ui/render-multiple-group-column-mode.js

@@ -0,0 +1,5 @@
+import { applyMultipleGroupColumnLayout } from "./apply-multiple-group-col-layout";
+export function renderMultipleGroupColumnMode(grid, removedGroupedColumn) {
+    applyMultipleGroupColumnLayout(grid);
+}
+//# sourceMappingURL=render-multiple-group-column-mode.js.map

package/dist/engine/services/grouping/methods/ui/render-multiple-group-column-mode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-multiple-group-column-mode.js","sourceRoot":"","sources":["../../../../../../src/engine/services/grouping/methods/ui/render-multiple-group-column-mode.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,8BAA8B,EAAE,MAAM,mCAAmC,CAAC;AAEnF,MAAM,UAAU,6BAA6B,CAC3C,IAAU,EACV,oBAAoC;IAEpC,8BAA8B,CAAC,IAAI,CAAC,CAAC;AACvC,CAAC"}

package/dist/engine/services/grouping/methods/ui/render-single-column-mode.d.ts

@@ -0,0 +1,3 @@
+import { Grid } from "../../../../core/grid";
+export declare function renderSingleColumnMode(grid: Grid): void;
+//# sourceMappingURL=render-single-column-mode.d.ts.map

package/dist/engine/services/grouping/methods/ui/render-single-column-mode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-single-column-mode.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/grouping/methods/ui/render-single-column-mode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAG7C,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,IAAI,QAIhD"}

package/dist/engine/services/grouping/methods/ui/render-single-column-mode.js

@@ -0,0 +1,8 @@
+import { applySingleGroupColumnLayout } from "./apply-single-group-col-layout";
+export function renderSingleColumnMode(grid) {
+    const state = grid._store.getState();
+    if (state.view.groupingState.isGridGrouped)
+        return;
+    applySingleGroupColumnLayout(grid, "insert");
+}
+//# sourceMappingURL=render-single-column-mode.js.map

package/dist/engine/services/grouping/methods/ui/render-single-column-mode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-single-column-mode.js","sourceRoot":"","sources":["../../../../../../src/engine/services/grouping/methods/ui/render-single-column-mode.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,4BAA4B,EAAE,MAAM,iCAAiC,CAAC;AAE/E,MAAM,UAAU,sBAAsB,CAAC,IAAU;IAC/C,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;IACrC,IAAI,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,aAAa;QAAE,OAAO;IACnD,4BAA4B,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;AAC/C,CAAC"}

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

@@ -0,0 +1,4 @@
+import { Grid } from "../../../../core/grid";
+import { InternalColumn } from "../../../column/interfaces/internal-column";
+export declare function reorderGroupedColumn(grid: Grid, 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,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAE5E,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,IAAI,EACV,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,IAAU,EACV,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/resolve-sticky-header.d.ts

@@ -0,0 +1,7 @@
+export declare function resolveStickyHeader(setting: boolean | {
+    maxLevel: number;
+} | undefined): {
+    enabled: boolean;
+    maxLevel: number;
+};
+//# sourceMappingURL=resolve-sticky-header.d.ts.map

package/dist/engine/services/grouping/methods/ui/resolve-sticky-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolve-sticky-header.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/grouping/methods/ui/resolve-sticky-header.ts"],"names":[],"mappings":"AAAA,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,OAAO,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS;;;EAMpD"}

package/dist/engine/services/grouping/methods/ui/resolve-sticky-header.js

@@ -0,0 +1,8 @@
+export function resolveStickyHeader(setting) {
+    if (setting === true)
+        return { enabled: true, maxLevel: 3 };
+    if (setting === false || setting === undefined)
+        return { enabled: false, maxLevel: 0 };
+    return { enabled: true, maxLevel: setting.maxLevel ?? 3 };
+}
+//# sourceMappingURL=resolve-sticky-header.js.map

package/dist/engine/services/grouping/methods/ui/resolve-sticky-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolve-sticky-header.js","sourceRoot":"","sources":["../../../../../../src/engine/services/grouping/methods/ui/resolve-sticky-header.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,mBAAmB,CACjC,OAAmD;IAEnD,IAAI,OAAO,KAAK,IAAI;QAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC;IAC5D,IAAI,OAAO,KAAK,KAAK,IAAI,OAAO,KAAK,SAAS;QAC5C,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC;IACzC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,CAAC,QAAQ,IAAI,CAAC,EAAE,CAAC;AAC5D,CAAC"}

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

@@ -0,0 +1,5 @@
+import { Grid } from "../../../../core/grid";
+import { ObservableLike } from "@unshape/rx-lite";
+import { GroupingService } from "../../grouping";
+export declare function setGroupable(groupingService: GroupingService, destroy$: ObservableLike<void>, grid: Grid): 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,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAa,MAAM,kBAAkB,CAAC;AAG7D,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEjD,wBAAgB,YAAY,CAC1B,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC,EAC9B,IAAI,EAAE,IAAI,QA8BX"}

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

@@ -0,0 +1,36 @@
+import { takeUntil } from "@unshape/rx-lite";
+import { renderGroupingPanel } from "../../../renderer/parts/grouping/grouping-panel";
+import { renderStickyGroupHeader } from "../../../renderer/parts/grouping/sticky-group-header";
+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;
+            }
+            if (gridDom.stickyGroupHeader)
+                gridDom.stickyGroupHeader.remove();
+        }
+        else {
+            const groupingPanel = renderGroupingPanel(grid);
+            gridDom.grid.insertBefore(groupingPanel, gridDom.gridContainer);
+            gridDom.groupingPanel = groupingPanel;
+            groupingService.store.update((draft) => {
+                draft.view.rawViewportHeight -= 40;
+            });
+            if (typeof groupable === "object") {
+                const resolvedStickyHeader = grid._services.grouping.resolveStickyHeader(groupable.stickyHeader);
+                if (resolvedStickyHeader.enabled)
+                    renderStickyGroupHeader(grid);
+            }
+        }
+    }, "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":"AACA,OAAO,EAAkB,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,iDAAiD,CAAC;AACtF,OAAO,EAAE,uBAAuB,EAAE,MAAM,sDAAsD,CAAC;AAG/F,MAAM,UAAU,YAAY,CAC1B,eAAgC,EAChC,QAA8B,EAC9B,IAAU;IAEV,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;YACD,IAAI,OAAO,CAAC,iBAAiB;gBAAE,OAAO,CAAC,iBAAiB,CAAC,MAAM,EAAE,CAAC;QACpE,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;YACH,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE,CAAC;gBAClC,MAAM,oBAAoB,GACxB,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,mBAAmB,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;gBACtE,IAAI,oBAAoB,CAAC,OAAO;oBAAE,uBAAuB,CAAC,IAAI,CAAC,CAAC;YAClE,CAAC;QACH,CAAC;IACH,CAAC,EAAE,eAAe,CAAC,CAAC;AACxB,CAAC"}

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

@@ -0,0 +1,3 @@
+import { Grid } from "../../../../core/grid";
+export declare function startDragOnGroupedColumn(e: MouseEvent, grid: Grid): 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,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAI7C,wBAAgB,wBAAwB,CAAC,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,QAoBjE"}

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

@@ -0,0 +1,17 @@
+import { renderGroupingDragPreview } from "../../../renderer/parts/grouping/grouping-drag-preview";
+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" })),
+    });
+}
+//# 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;AAGnG,MAAM,UAAU,wBAAwB,CAAC,CAAa,EAAE,IAAU;IAChE,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;KACJ,CAAC,CAAC;AACL,CAAC"}

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

@@ -0,0 +1,3 @@
+import { Grid } from "../../../../core/grid";
+export declare function updateChipTransforms(grid: Grid): 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,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAE7C,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,IAAI,QAkD9C"}

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,IAAU;IAC7C,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 { Grid } from "../../../../core/grid";
+export declare function updateGroupingPanelHoverState(grid: Grid): 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,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAG7C,wBAAgB,6BAA6B,CAAC,IAAI,EAAE,IAAI,QAmEvD"}

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

@@ -0,0 +1,59 @@
+// will be not needed anymore, but kept for reference
+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/methods/ui/update-sticky-group-header.d.ts

@@ -0,0 +1,4 @@
+import { Grid } from "../../../../core/grid";
+import { Group } from "../../interfaces/group";
+export declare function updateStickyGroupHeader(grid: Grid, groups: Group[]): void;
+//# sourceMappingURL=update-sticky-group-header.d.ts.map

package/dist/engine/services/grouping/methods/ui/update-sticky-group-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"update-sticky-group-header.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/grouping/methods/ui/update-sticky-group-header.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAE7C,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAK/C,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,QAgJlE"}

package/dist/engine/services/grouping/methods/ui/update-sticky-group-header.js

@@ -0,0 +1,99 @@
+import { CSS_CLASS } from "../../../../const/css-class";
+import { renderGroupColumnCell } from "./render-group-column-cell";
+import { renderGroupHeader } from "./render-group-header";
+import { renderGroupHeaderCell } from "./render-group-header-cell";
+export function updateStickyGroupHeader(grid, groups) {
+    const state = grid._store.getState();
+    const visibleColumns = state.view.internalColumns.filter((col) => col.visible);
+    const rowHeight = state.ui.virtualRows.rowHeight;
+    const hasCbxColumn = grid._services.selection.hasCheckBoxColumn(grid);
+    const hasLeftPinned = state.view.leftLaneWidth > 0;
+    const sticky = grid._gridDom.stickyGroupHeader;
+    const leftSticky = grid._gridDom.leftStickyGroup;
+    leftSticky.innerHTML = "";
+    leftSticky.style.width = `${state.view.leftLaneWidth}px`;
+    const innerScroll = grid._gridDom.stickyGroupInnerScroll;
+    innerScroll.innerHTML = "";
+    const rightSticky = grid._gridDom.rightStickyGroup;
+    rightSticky.innerHTML = "";
+    rightSticky.style.width = `${state.view.rightLaneWidth}px`;
+    // Adjust sticky container height based on number of stacked headers
+    sticky.style.height = `${groups.length * rowHeight}px`;
+    // destroy prev handles
+    grid._runtime.stickyGroupColumnHandles.forEach((h) => h?.destroy?.());
+    grid._runtime.stickyGroupColumnHandles = new Map();
+    grid._runtime.stickyGroupHeaderCellHandles.forEach((rowMap) => {
+        rowMap.forEach((handle) => handle?.destroy?.());
+    });
+    grid._runtime.stickyGroupHeaderCellHandles = new Map();
+    // Render one sticky row per group (parent → child order)
+    groups.forEach((group, index) => {
+        const leftRow = document.createElement("div");
+        const mainRow = document.createElement("div");
+        const rightRow = document.createElement("div");
+        leftRow.classList.add(CSS_CLASS.row, CSS_CLASS.groupRow);
+        leftRow.classList.toggle(CSS_CLASS.groupRowStandalone, state.view.groupingState.displayMode === "group-rows");
+        mainRow.classList.add(CSS_CLASS.row, CSS_CLASS.groupRow);
+        mainRow.classList.toggle(CSS_CLASS.groupRowStandalone, state.view.groupingState.displayMode === "group-rows");
+        rightRow.classList.add(CSS_CLASS.row, CSS_CLASS.groupRow);
+        rightRow.classList.toggle(CSS_CLASS.groupRowStandalone, state.view.groupingState.displayMode === "group-rows");
+        const headerCellHandles = new Map();
+        grid._runtime.stickyGroupHeaderCellHandles.set(index, headerCellHandles);
+        leftRow.style.top = `${index * rowHeight}px`;
+        leftRow.style.height = `${rowHeight}px`;
+        mainRow.style.height = `${rowHeight}px`;
+        rightRow.style.top = `${index * rowHeight}px`;
+        rightRow.style.height = `${rowHeight}px`;
+        visibleColumns.forEach((col, i) => {
+            const cell = document.createElement("div");
+            cell.className = CSS_CLASS.cell;
+            cell.setAttribute("col-id", col.id);
+            cell.classList.toggle("checkbox-col", hasCbxColumn);
+            const width = state.view.resolvedColumnWidths[col.id].width;
+            cell.style.width = `${width}px`;
+            if (state.view.groupingState.displayMode === "single-group-column") {
+                // group column cell
+                if (i === (!hasCbxColumn ? 0 : 1)) {
+                    const handleRef = { handle: null };
+                    renderGroupColumnCell(grid, hasLeftPinned ? leftRow : mainRow, cell, group, handleRef);
+                    grid._runtime.stickyGroupColumnHandles.set(index, handleRef.handle);
+                }
+                // group header cell
+                else {
+                    const handleRefs = { handles: headerCellHandles };
+                    renderGroupHeaderCell(grid, cell, group, handleRefs);
+                }
+            }
+            if (state.view.groupingState.displayMode === "multiple-group-columns") {
+                if (i === (!hasCbxColumn ? group.level : 1 + group.level)) {
+                    const handleRef = { handle: null };
+                    renderGroupColumnCell(grid, hasLeftPinned ? leftRow : mainRow, cell, group, handleRef);
+                    grid._runtime.stickyGroupColumnHandles.set(index, handleRef.handle);
+                }
+            }
+            if (state.view.groupingState.displayMode === "group-rows") {
+                // group column cell
+                if (i === (!hasCbxColumn ? 0 : 1)) {
+                    const handleRef = { handle: null };
+                    renderGroupHeader(grid, hasLeftPinned ? leftRow : mainRow, cell, group, handleRef);
+                    grid._runtime.stickyGroupColumnHandles.set(index, handleRef.handle);
+                }
+            }
+            if (col.isPinnedLeft) {
+                leftRow.appendChild(cell);
+            }
+            else if (col.isPinnedRight) {
+                rightRow.appendChild(cell);
+            }
+            else {
+                mainRow.appendChild(cell);
+            }
+        });
+        leftSticky.appendChild(leftRow);
+        innerScroll.appendChild(mainRow);
+        rightSticky.appendChild(rightRow);
+    });
+    innerScroll.style.height = `${groups.length * rowHeight}px`;
+    sticky.style.display = "flex";
+}
+//# sourceMappingURL=update-sticky-group-header.js.map

package/dist/engine/services/grouping/methods/ui/update-sticky-group-header.js.map

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

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

@@ -0,0 +1,2 @@
+export type GridAggregateFn = "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,eAAe,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,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-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,11 @@
+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;
+};
+//# 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"}

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/helper/const/allowed-spec-keys-in-input.d.ts

@@ -0,0 +1,11 @@
+export declare const ALLOWED_SPEC_KEYS_IN_INPUT: {
+    readonly Backspace: "Backspace";
+    readonly Delete: "Delete";
+    readonly ArrowLeft: "ArrowLeft";
+    readonly ArrowRight: "ArrowRight";
+    readonly Tab: "Tab";
+    readonly Home: "Home";
+    readonly End: "End";
+};
+export type AllowedSpecialKeysInInput = (typeof ALLOWED_SPEC_KEYS_IN_INPUT)[keyof typeof ALLOWED_SPEC_KEYS_IN_INPUT];
+//# sourceMappingURL=allowed-spec-keys-in-input.d.ts.map

package/dist/engine/services/helper/const/allowed-spec-keys-in-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"allowed-spec-keys-in-input.d.ts","sourceRoot":"","sources":["../../../../../src/engine/services/helper/const/allowed-spec-keys-in-input.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,0BAA0B;;;;;;;;CAQ7B,CAAC;AAEX,MAAM,MAAM,yBAAyB,GACnC,CAAC,OAAO,0BAA0B,CAAC,CAAC,MAAM,OAAO,0BAA0B,CAAC,CAAC"}