@unshape/grid 1.0.577

package/dist/engine/services/layout/methods/set-show-statusbar.js

@@ -0,0 +1,28 @@
+import { takeUntil } from "@unshape/rx-lite";
+import { renderStatusbar } from "../../renderer/parts/statusbar/statusbar";
+export function setShowStatusBar(layoutService, destroy$, grid) {
+    layoutService.showStatusBar$
+        .pipe(takeUntil(destroy$))
+        .subscribe((showStatusBar) => {
+        const gridDom = grid._gridDom;
+        if (!showStatusBar) {
+            if (gridDom.statusBar) {
+                const statusBarHeight = gridDom.statusBar.getBoundingClientRect().height;
+                gridDom.grid.removeChild(gridDom.statusBar);
+                layoutService.store.update((draft) => {
+                    draft.view.rawViewportHeight += statusBarHeight;
+                });
+            }
+        }
+        else {
+            const statusBar = renderStatusbar(grid);
+            gridDom.gridContainer.after(statusBar);
+            gridDom.statusBar = statusBar;
+            layoutService.store.update((draft) => {
+                draft.view.rawViewportHeight -=
+                    statusBar.getBoundingClientRect().height;
+            });
+        }
+    }, "SET-STATUSBAR");
+}
+//# sourceMappingURL=set-show-statusbar.js.map

package/dist/engine/services/layout/methods/set-show-statusbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"set-show-statusbar.js","sourceRoot":"","sources":["../../../../../src/engine/services/layout/methods/set-show-statusbar.ts"],"names":[],"mappings":"AACA,OAAO,EAAkB,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAG3E,MAAM,UAAU,gBAAgB,CAC9B,aAA4B,EAC5B,QAA8B,EAC9B,IAAU;IAEV,aAAa,CAAC,cAAc;SACzB,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;SACzB,SAAS,CAAC,CAAC,aAAa,EAAE,EAAE;QAC3B,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC9B,IAAI,CAAC,aAAa,EAAE,CAAC;YACnB,IAAI,OAAO,CAAC,SAAS,EAAE,CAAC;gBACtB,MAAM,eAAe,GACnB,OAAO,CAAC,SAAS,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;gBACnD,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;gBAC5C,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE;oBACnC,KAAK,CAAC,IAAI,CAAC,iBAAiB,IAAI,eAAe,CAAC;gBAClD,CAAC,CAAC,CAAC;YACL,CAAC;QACH,CAAC;aAAM,CAAC;YACN,MAAM,SAAS,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC;YACxC,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;YACvC,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;YAC9B,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE;gBACnC,KAAK,CAAC,IAAI,CAAC,iBAAiB;oBAC1B,SAAS,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;YAC7C,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC,EAAE,eAAe,CAAC,CAAC;AACxB,CAAC"}

package/dist/engine/services/layout/methods/set-show-toolbar.d.ts

@@ -0,0 +1,5 @@
+import { Grid } from "../../../core/grid";
+import { ObservableLike } from "@unshape/rx-lite";
+import { LayoutService } from "../layout";
+export declare function setShowToolBar(layoutService: LayoutService, destroy$: ObservableLike<void>, grid: Grid): void;
+//# sourceMappingURL=set-show-toolbar.d.ts.map

package/dist/engine/services/layout/methods/set-show-toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"set-show-toolbar.d.ts","sourceRoot":"","sources":["../../../../../src/engine/services/layout/methods/set-show-toolbar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAa,MAAM,kBAAkB,CAAC;AAE7D,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAE1C,wBAAgB,cAAc,CAC5B,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC,EAC9B,IAAI,EAAE,IAAI,QA4BX"}

package/dist/engine/services/layout/methods/set-show-toolbar.js

@@ -0,0 +1,33 @@
+import { takeUntil } from "@unshape/rx-lite";
+import { renderToolBar } from "../../renderer/parts/toolbar/toolbar";
+export function setShowToolBar(layoutService, destroy$, grid) {
+    layoutService.showToolBar$
+        .pipe(takeUntil(destroy$))
+        .subscribe((showToolBar) => {
+        const gridDom = grid._gridDom;
+        if (!showToolBar) {
+            if (gridDom.toolBar) {
+                const toolBarHeight = gridDom.toolBar.getBoundingClientRect().height;
+                gridDom.grid.removeChild(gridDom.toolBar);
+                layoutService.store.update((draft) => {
+                    draft.view.rawViewportHeight += toolBarHeight;
+                });
+            }
+        }
+        else {
+            const toolBar = renderToolBar(grid);
+            if (grid._store.getState().view.groupable) {
+                gridDom.grid.insertBefore(toolBar, gridDom.groupingPanel);
+            }
+            else {
+                gridDom.grid.insertBefore(toolBar, gridDom.gridContainer);
+            }
+            gridDom.toolBar = toolBar;
+            layoutService.store.update((draft) => {
+                draft.view.rawViewportHeight -=
+                    toolBar.getBoundingClientRect().height;
+            });
+        }
+    }, "SET-TOOLBAR");
+}
+//# sourceMappingURL=set-show-toolbar.js.map

package/dist/engine/services/layout/methods/set-show-toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"set-show-toolbar.js","sourceRoot":"","sources":["../../../../../src/engine/services/layout/methods/set-show-toolbar.ts"],"names":[],"mappings":"AACA,OAAO,EAAkB,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAGrE,MAAM,UAAU,cAAc,CAC5B,aAA4B,EAC5B,QAA8B,EAC9B,IAAU;IAEV,aAAa,CAAC,YAAY;SACvB,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;SACzB,SAAS,CAAC,CAAC,WAAW,EAAE,EAAE;QACzB,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC9B,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;gBACpB,MAAM,aAAa,GAAG,OAAO,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;gBACrE,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;gBAC1C,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE;oBACnC,KAAK,CAAC,IAAI,CAAC,iBAAiB,IAAI,aAAa,CAAC;gBAChD,CAAC,CAAC,CAAC;YACL,CAAC;QACH,CAAC;aAAM,CAAC;YACN,MAAM,OAAO,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;YACpC,IAAI,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;gBAC1C,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;YAC5D,CAAC;iBAAM,CAAC;gBACN,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;YAC5D,CAAC;YACD,OAAO,CAAC,OAAO,GAAG,OAAO,CAAC;YAC1B,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE;gBACnC,KAAK,CAAC,IAAI,CAAC,iBAAiB;oBAC1B,OAAO,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;YAC3C,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC,EAAE,aAAa,CAAC,CAAC;AACtB,CAAC"}

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

@@ -0,0 +1,4 @@
+import type { GridDOM } from "../../../core/grid-dom";
+import type { GridStore } from "../../../store/store";
+export declare function setUpResizeObserver(resizeObserver: ResizeObserver, gridDom: GridDOM, store: GridStore): ResizeObserver;
+//# sourceMappingURL=set-up-resize-observer.d.ts.map

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

@@ -0,0 +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,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGtD,wBAAgB,mBAAmB,CACjC,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,SAAS,kBAqDjB"}

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

@@ -0,0 +1,49 @@
+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";
+    const pageable = state.view.pageable === true;
+    const showStatusBar = state.view.showStatusBar === true;
+    const showToolbar = state.view.showToolBar === true;
+    const showNewRow = state.view.editable.addNewRow;
+    return (resizeObserver = new ResizeObserver((entries) => {
+        for (const entry of entries) {
+            const gridWidth = entry.contentRect.width;
+            const gridHeight = entry.contentRect.height;
+            const headerHeight = gridDom.headerViewport.getBoundingClientRect().height;
+            const footerHeight = gridDom.footerViewport.getBoundingClientRect().height;
+            const filterRowHeight = filterable
+                ? gridDom.filterRowViewport.getBoundingClientRect().height
+                : 0;
+            const groupingPanelHeight = groupable
+                ? gridDom.groupingPanel.getBoundingClientRect().height
+                : 0;
+            const pagerHeight = pageable
+                ? gridDom.pager.getBoundingClientRect().height
+                : 0;
+            const statusBarHeight = showStatusBar
+                ? gridDom.statusBar.getBoundingClientRect().height
+                : 0;
+            const toolBarHeight = showToolbar
+                ? gridDom.toolBar.getBoundingClientRect().height
+                : 0;
+            const newRowHeight = showNewRow
+                ? gridDom.newRowViewport.getBoundingClientRect().height
+                : 0;
+            store.update((draft) => {
+                draft.view.rawViewportWidth = gridWidth;
+                draft.view.rawViewportHeight =
+                    gridHeight -
+                        toolBarHeight -
+                        groupingPanelHeight -
+                        headerHeight -
+                        filterRowHeight -
+                        newRowHeight -
+                        footerHeight -
+                        pagerHeight -
+                        statusBarHeight;
+            });
+        }
+    }));
+}
+//# sourceMappingURL=set-up-resize-observer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"set-up-resize-observer.js","sourceRoot":"","sources":["../../../../../src/engine/services/layout/methods/set-up-resize-observer.ts"],"names":[],"mappings":"AAIA,MAAM,UAAU,mBAAmB,CACjC,cAA8B,EAC9B,OAAgB,EAChB,KAAgB;IAEhB,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,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC;IAC9C,MAAM,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,aAAa,KAAK,IAAI,CAAC;IACxD,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC;IACpD,MAAM,UAAU,GAAI,KAAK,CAAC,IAAI,CAAC,QAAgC,CAAC,SAAS,CAAC;IAC1E,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,MAAM,WAAW,GAAG,QAAQ;gBAC1B,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,qBAAqB,EAAE,CAAC,MAAM;gBAC9C,CAAC,CAAC,CAAC,CAAC;YACN,MAAM,eAAe,GAAG,aAAa;gBACnC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,qBAAqB,EAAE,CAAC,MAAM;gBAClD,CAAC,CAAC,CAAC,CAAC;YACN,MAAM,aAAa,GAAG,WAAW;gBAC/B,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,MAAM;gBAChD,CAAC,CAAC,CAAC,CAAC;YACN,MAAM,YAAY,GAAG,UAAU;gBAC7B,CAAC,CAAC,OAAO,CAAC,cAAc,CAAC,qBAAqB,EAAE,CAAC,MAAM;gBACvD,CAAC,CAAC,CAAC,CAAC;YAEN,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,aAAa;wBACb,mBAAmB;wBACnB,YAAY;wBACZ,eAAe;wBACf,YAAY;wBACZ,YAAY;wBACZ,WAAW;wBACX,eAAe,CAAC;YACpB,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC,CAAC,CAAC,CAAC;AACN,CAAC"}

package/dist/engine/services/layout/methods/set-view-height.d.ts

@@ -0,0 +1,3 @@
+import { Grid } from "../../../core/grid";
+export declare function setViewHeight(grid: Grid, viewHeight: number): void;
+//# sourceMappingURL=set-view-height.d.ts.map

package/dist/engine/services/layout/methods/set-view-height.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"set-view-height.d.ts","sourceRoot":"","sources":["../../../../../src/engine/services/layout/methods/set-view-height.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAE1C,wBAAgB,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,QAe3D"}

package/dist/engine/services/layout/methods/set-view-height.js

@@ -0,0 +1,17 @@
+export function setViewHeight(grid, viewHeight) {
+    grid._gridDom.leftBody.style.height =
+        viewHeight > 0 ? `${viewHeight}px` : "100%";
+    grid._gridDom.body.style.height = viewHeight > 0 ? `${viewHeight}px` : "100%";
+    grid._gridDom.rightBody.style.height =
+        viewHeight > 0 ? `${viewHeight}px` : "100%";
+    if (grid._gridDom.selectionOverlay)
+        grid._gridDom.selectionOverlay.style.height =
+            viewHeight > 0 ? `${viewHeight}px` : "100%";
+    grid._gridDom.vScrollTrack.style.height = `${viewHeight}px`;
+    // force recomputevirtualrows
+    //gridDom.vScrollInner.scrollTop += 1;
+    grid._store.update((draft) => {
+        draft.ui.virtualRows.scrollTop = grid._gridDom.vScrollInner.scrollTop;
+    });
+}
+//# sourceMappingURL=set-view-height.js.map

package/dist/engine/services/layout/methods/set-view-height.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"set-view-height.js","sourceRoot":"","sources":["../../../../../src/engine/services/layout/methods/set-view-height.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,aAAa,CAAC,IAAU,EAAE,UAAkB;IAC1D,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM;QACjC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,UAAU,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;IAC9C,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,UAAU,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;IAC9E,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM;QAClC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,UAAU,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;IAC9C,IAAI,IAAI,CAAC,QAAQ,CAAC,gBAAgB;QAChC,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,KAAK,CAAC,MAAM;YACzC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,UAAU,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;IAChD,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,UAAU,IAAI,CAAC;IAC5D,6BAA6B;IAC7B,sCAAsC;IACtC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE;QAC3B,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,SAAS,CAAC;IACxE,CAAC,CAAC,CAAC;AACL,CAAC"}

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

@@ -0,0 +1,6 @@
+import { Grid } from "../../../core/grid";
+import type { GridDOM } from "../../../core/grid-dom";
+import type { GridState } from "../../../store/interfaces/grid-state";
+import { ColumnWidthSpec } from "../../column/interfaces/column-width-spec";
+export declare function updateColumnWidths(gridDom: GridDOM, state: GridState, resolvedColWidths: Record<string, ColumnWidthSpec>, grid: Grid): void;
+//# sourceMappingURL=update-column-widths.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"update-column-widths.d.ts","sourceRoot":"","sources":["../../../../../src/engine/services/layout/methods/update-column-widths.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAI5E,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,SAAS,EAChB,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,EAClD,IAAI,EAAE,IAAI,QAqIX"}

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

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

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

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

package/dist/engine/services/loading/index.d.ts

@@ -0,0 +1,7 @@
+export * from "./loading";
+import { toggleLoading } from "./methods/toggle-loading";
+export declare const methods: {
+    toggleLoading: typeof toggleLoading;
+};
+export type LoadingMethods = typeof methods;
+//# sourceMappingURL=index.d.ts.map

package/dist/engine/services/loading/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/engine/services/loading/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD,eAAO,MAAM,OAAO;;CAAoB,CAAC;AACzC,MAAM,MAAM,cAAc,GAAG,OAAO,OAAO,CAAC"}

package/dist/engine/services/loading/index.js

@@ -0,0 +1,4 @@
+export * from "./loading";
+import { toggleLoading } from "./methods/toggle-loading";
+export const methods = { toggleLoading };
+//# sourceMappingURL=index.js.map

package/dist/engine/services/loading/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/engine/services/loading/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD,MAAM,CAAC,MAAM,OAAO,GAAG,EAAE,aAAa,EAAE,CAAC"}

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

@@ -0,0 +1,19 @@
+import type { Grid } from "../../core/grid";
+import { GridDOM } from "../../core/grid-dom";
+import { ObservableLike } from "@unshape/rx-lite";
+import type { GridStore } from "../../store/store";
+import { ServiceWithMethods } from "../services";
+import { LoadingMethods } from "./index";
+export declare class LoadingService {
+    store: GridStore;
+    destroy$: ObservableLike<void>;
+    gridDom: GridDOM;
+    grid: Grid;
+    externalLoading$: ObservableLike<boolean>;
+    internalLoading$: ObservableLike<boolean>;
+    loading$: ObservableLike<boolean>;
+    constructor(grid: Grid);
+    initApiSubscriptions(): void;
+}
+export type LoadingServiceType = ServiceWithMethods<LoadingService, LoadingMethods>;
+//# sourceMappingURL=loading.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"loading.d.ts","sourceRoot":"","sources":["../../../../src/engine/services/loading/loading.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EACL,cAAc,EAKf,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAgB,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAW,MAAM,SAAS,CAAC;AAElD,qBAAa,cAAc;IACzB,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,IAAI,CAAC;IAEX,gBAAgB,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IAC1C,gBAAgB,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IAC1C,QAAQ,EAAG,cAAc,CAAC,OAAO,CAAC,CAAC;gBAEvB,IAAI,EAAE,IAAI;IAoBtB,oBAAoB;CAUrB;AAED,MAAM,MAAM,kBAAkB,GAAG,kBAAkB,CACjD,cAAc,EACd,cAAc,CACf,CAAC"}

package/dist/engine/services/loading/loading.js

@@ -0,0 +1,22 @@
+import { distinctUntilChanged, map, merge, selectKeyed, } from "@unshape/rx-lite";
+import { applyMethods } from "../services";
+import { methods } from "./index";
+export class LoadingService {
+    constructor(grid) {
+        this.store = grid._store;
+        this.destroy$ = grid._destroy$;
+        this.gridDom = grid._gridDom;
+        this.grid = grid;
+        applyMethods(this, methods);
+        this.externalLoading$ = selectKeyed(this.store, "view.externalLoading", (s) => s.view.externalLoading);
+        this.internalLoading$ = selectKeyed(this.store, "view.internalLoading", (s) => s.view.internalLoading);
+    }
+    initApiSubscriptions() {
+        this.loading$ = merge(this.externalLoading$, this.internalLoading$).pipe(map(() => {
+            const s = this.store.getState();
+            return s.view.externalLoading || s.view.internalLoading;
+        }), distinctUntilChanged());
+        methods.toggleLoading(this, this.destroy$);
+    }
+}
+//# sourceMappingURL=loading.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"loading.js","sourceRoot":"","sources":["../../../../src/engine/services/loading/loading.ts"],"names":[],"mappings":"AAEA,OAAO,EAEL,oBAAoB,EACpB,GAAG,EACH,KAAK,EACL,WAAW,GACZ,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAsB,MAAM,aAAa,CAAC;AAC/D,OAAO,EAAkB,OAAO,EAAE,MAAM,SAAS,CAAC;AAElD,MAAM,OAAO,cAAc;IAUzB,YAAY,IAAU;QACpB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC;QACzB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC;QAC/B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC7B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QAEjB,YAAY,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAE5B,IAAI,CAAC,gBAAgB,GAAG,WAAW,CACjC,IAAI,CAAC,KAAK,EACV,sBAAsB,EACtB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAC9B,CAAC;QACF,IAAI,CAAC,gBAAgB,GAAG,WAAW,CACjC,IAAI,CAAC,KAAK,EACV,sBAAsB,EACtB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAC9B,CAAC;IACJ,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC,IAAI,CACtE,GAAG,CAAC,GAAG,EAAE;YACP,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;YAChC,OAAO,CAAC,CAAC,IAAI,CAAC,eAAe,IAAI,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC;QAC1D,CAAC,CAAC,EACF,oBAAoB,EAAE,CACvB,CAAC;QACF,OAAO,CAAC,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC7C,CAAC;CACF"}

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

@@ -0,0 +1,4 @@
+import { ObservableLike } from "@unshape/rx-lite";
+import { LoadingService } from "../loading";
+export declare function toggleLoading(loadingService: LoadingService, destroy$: ObservableLike<void>): void;
+//# sourceMappingURL=toggle-loading.d.ts.map

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

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

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

@@ -0,0 +1,57 @@
+import { CSS_CLASS } from "../../../const/css-class";
+import { normalizeViewRows } from "../../../core/methods";
+import { takeUntil } from "@unshape/rx-lite";
+import { RowPool } from "../../row/classes/row-pool";
+import { recomputeVirtualRows } from "../../row/methods/recompute-virtual-rows";
+export function toggleLoading(loadingService, destroy$) {
+    const grid = loadingService.grid;
+    loadingService.loading$.pipe(takeUntil(destroy$)).subscribe((visible) => {
+        const state = grid._store.getState();
+        grid._store.update((draft) => {
+            if (visible) {
+                // loading ON → clear rows
+                draft.view.rows = [];
+                draft.view.viewRows = [];
+                draft.view.rowPositions = grid._services.layout.computeRowPositions(grid, draft.view.viewRows);
+                draft.view.viewRowsChangeReason = "load";
+                draft.ui.virtualRows.totalRowCount = 0;
+                recomputeVirtualRows(draft.ui.virtualRows);
+            }
+            else {
+                // loading OFF - if loading is still visible, remove it and create a new row pool
+                // this is needed, because in angular setting visible to false happens for some reason as the last step
+                if (grid._runtime.loadingContainer) {
+                    grid._runtime.loadingContainer.remove();
+                    grid._runtime.loadingContainer = null;
+                    // Destroy dynamic template if any
+                    grid._runtime.loadingHandle?.destroy();
+                    grid._runtime.loadingHandle = null;
+                    // create a new row pool
+                    const rowHeight = state.view.rowHeight;
+                    const columns = state.view.internalColumns;
+                    const viewportHeight = state.view.viewportHeight;
+                    const rowPool = new RowPool(grid._gridDom, columns, rowHeight, grid, viewportHeight);
+                    grid._runtime.rowPool = rowPool;
+                    // use fresh virtualRows
+                    const v = state.ui.virtualRows;
+                    recomputeVirtualRows(v);
+                    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);
+                    // trigger a virtual rows update
+                    draft.ui.virtualRows = {
+                        ...draft.ui.virtualRows,
+                    };
+                    // in case of menu filtering remove also the disabled class
+                    if (state.view.filterable === "menu") {
+                        const filterIcons = grid._gridDom.header.querySelectorAll(`.${CSS_CLASS.filterIcon}`);
+                        filterIcons.forEach((icon) => icon.classList.remove(CSS_CLASS.disabled));
+                    }
+                    grid._gridDom.viewport.classList.remove(CSS_CLASS.overlayActive);
+                }
+            }
+        });
+    }, "TOGGLE-LOADING");
+}
+//# sourceMappingURL=toggle-loading.js.map

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

@@ -0,0 +1 @@
+{"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/log/enums/log-level.d.ts

@@ -0,0 +1,7 @@
+export declare enum LogLevel {
+    Debug = "DEBUG",
+    Info = "INFO",
+    Warn = "WARN",
+    Error = "ERROR"
+}
+//# sourceMappingURL=log-level.d.ts.map

package/dist/engine/services/log/enums/log-level.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"log-level.d.ts","sourceRoot":"","sources":["../../../../../src/engine/services/log/enums/log-level.ts"],"names":[],"mappings":"AAAA,oBAAY,QAAQ;IAClB,KAAK,UAAU;IACf,IAAI,SAAS;IACb,IAAI,SAAS;IACb,KAAK,UAAU;CAChB"}

package/dist/engine/services/log/enums/log-level.js

@@ -0,0 +1,8 @@
+export var LogLevel;
+(function (LogLevel) {
+    LogLevel["Debug"] = "DEBUG";
+    LogLevel["Info"] = "INFO";
+    LogLevel["Warn"] = "WARN";
+    LogLevel["Error"] = "ERROR";
+})(LogLevel || (LogLevel = {}));
+//# sourceMappingURL=log-level.js.map

package/dist/engine/services/log/enums/log-level.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"log-level.js","sourceRoot":"","sources":["../../../../../src/engine/services/log/enums/log-level.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,QAKX;AALD,WAAY,QAAQ;IAClB,2BAAe,CAAA;IACf,yBAAa,CAAA;IACb,yBAAa,CAAA;IACb,2BAAe,CAAA;AACjB,CAAC,EALW,QAAQ,KAAR,QAAQ,QAKnB"}

package/dist/engine/services/log/index.d.ts

@@ -0,0 +1,7 @@
+export * from "./log";
+import { showLogMessage } from "./methods/show-log-message";
+export declare const methods: {
+    showLogMessage: typeof showLogMessage;
+};
+export type LogMethods = typeof methods;
+//# sourceMappingURL=index.d.ts.map

package/dist/engine/services/log/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/engine/services/log/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC;AAEtB,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAE5D,eAAO,MAAM,OAAO;;CAAqB,CAAC;AAC1C,MAAM,MAAM,UAAU,GAAG,OAAO,OAAO,CAAC"}

package/dist/engine/services/log/index.js

@@ -0,0 +1,4 @@
+export * from "./log";
+import { showLogMessage } from "./methods/show-log-message";
+export const methods = { showLogMessage };
+//# sourceMappingURL=index.js.map

package/dist/engine/services/log/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/engine/services/log/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC;AAEtB,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAE5D,MAAM,CAAC,MAAM,OAAO,GAAG,EAAE,cAAc,EAAE,CAAC"}

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

@@ -0,0 +1,15 @@
+import type { Grid } from "../../core/grid";
+import { GridDOM } from "../../core/grid-dom";
+import { ObservableLike } from "@unshape/rx-lite";
+import type { GridStore } from "../../store/store";
+import { ServiceWithMethods } from "../services";
+import { LogMethods } from "./index";
+export declare class LogService {
+    store: GridStore;
+    destroy$: ObservableLike<void>;
+    gridDom: GridDOM;
+    grid: Grid;
+    constructor(grid: Grid);
+}
+export type LogServiceType = ServiceWithMethods<LogService, LogMethods>;
+//# sourceMappingURL=log.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"log.d.ts","sourceRoot":"","sources":["../../../../src/engine/services/log/log.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAgB,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAW,MAAM,SAAS,CAAC;AAE9C,qBAAa,UAAU;IACrB,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,IAAI,CAAC;gBAEC,IAAI,EAAE,IAAI;CAQvB;AAED,MAAM,MAAM,cAAc,GAAG,kBAAkB,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC"}

package/dist/engine/services/log/log.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"log.js","sourceRoot":"","sources":["../../../../src/engine/services/log/log.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAsB,MAAM,aAAa,CAAC;AAC/D,OAAO,EAAc,OAAO,EAAE,MAAM,SAAS,CAAC;AAE9C,MAAM,OAAO,UAAU;IAMrB,YAAY,IAAU;QACpB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC;QACzB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC;QAC/B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC7B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QAEjB,YAAY,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IAC9B,CAAC;CACF"}

package/dist/engine/services/log/methods/show-log-message.d.ts

@@ -0,0 +1,7 @@
+import { LogLevel } from "../enums/log-level";
+export declare function showLogMessage(logLevel: LogLevel, parts: {
+    text: string;
+    style?: string;
+    highlight?: boolean;
+}[]): void;
+//# sourceMappingURL=show-log-message.d.ts.map

package/dist/engine/services/log/methods/show-log-message.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"show-log-message.d.ts","sourceRoot":"","sources":["../../../../../src/engine/services/log/methods/show-log-message.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAS9C,wBAAgB,cAAc,CAC5B,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,OAAO,CAAA;CAAE,EAAE,QA6C/D"}