@genesislcap/grid-pro 15.63.0 → 15.64.0

package/dist/esm/grid-pro.js

@@ -1,5 +1,4 @@
 import { __awaiter, __decorate, __rest } from "tslib";
-import { DatasourceDefaults } from '@genesislcap/foundation-comms';
 import { avoidTreeShaking, LifecycleMixin, respondToVisibility, } from '@genesislcap/foundation-utils';
 import { baseLayerLuminance, StandardLuminance } from '@microsoft/fast-components';
 import { attr, css, DOM, observable } from '@microsoft/fast-element';
@@ -24,10 +23,12 @@ import { agDragGhostShadowDomStyles, rowMatchAlertStyles } from './grid-pro.styl
 import { gridProTemplate as template } from './grid-pro.template';
 import { DEFAULT_STATUS_BAR_CONFIG, EDITED_COLUMN_FIELD, ERROR_COLUMN_FIELD, GRID_READY_EVENT, GridOptionsConfig, GridProRendererTypes, GridProStatusBarTypes, } from './grid-pro.types';
 import { StatePersistence } from './state-persistence';
+import { GridProStatusBar } from './status-bar';
+import { resolveAgStatusBarPanels, } from './status-bar/resolve-status-bar-panels';
 import { LabelValueStatusBarComponent, LoadMoreStatusBarComponent, ReloadStatusBarComponent, RowCountStatusBarComponent, } from './status-bar-components';
 import { ErrorTooltip } from './tooltips';
 import { convertToKebabCase, logger, mergeAndDedupColDefWithColumnState, sanitizeColumnState, } from './utils';
-avoidTreeShaking(GridProGenesisDatasource, GridProClientSideDatasource, GridProServerSideDatasource, GridProInfiniteDatasource, GridProCell, GridProColumn, ColumnSelection);
+avoidTreeShaking(GridProGenesisDatasource, GridProClientSideDatasource, GridProServerSideDatasource, GridProInfiniteDatasource, GridProCell, GridProColumn, ColumnSelection, GridProStatusBar);
 ModuleRegistry.registerModules([
     CsvExportModule,
     ClientSideRowModelModule,
@@ -123,6 +124,40 @@ export class GridPro extends LifecycleMixin(FoundationElement) {
             this.initGrid();
         }
     }
+    withStatusBarChanged() {
+        this.applyStatusBarMode();
+    }
+    /**
+     * AG's enterprise status bar is in use, configured from `statusBarConfig` as before.
+     * @internal
+     */
+    get usesAgStatusBar() {
+        return this.statusBarMode === 'ag';
+    }
+    /**
+     * Grid Pro renders its own status-bar host.
+     * @internal
+     */
+    get usesCommunityStatusBar() {
+        return this.statusBarMode === 'community';
+    }
+    /**
+     * The status-bar host, once its element is registered with the design system.
+     * @internal
+     */
+    get statusBar() {
+        const el = this.statusBarRef;
+        if (!el)
+            return undefined;
+        if (el instanceof GridProStatusBar)
+            return el;
+        if (!this.warnedUnregisteredStatusBar) {
+            this.warnedUnregisteredStatusBar = true;
+            logger.warn(`Grid Pro: <${el.localName}> is not registered, so the status bar is not shown. ` +
+                'Register the design system status bar element (e.g. rapidGridProStatusBar) with the grid.');
+        }
+        return undefined;
+    }
     enableColumnSelectionChanged() {
         this.syncColumnSelectionHostLayout();
     }
@@ -178,19 +213,26 @@ export class GridPro extends LifecycleMixin(FoundationElement) {
         /**
          * Configuration for the grid status bar components.
          * @remarks
-         * This requires AG Grid Enterprise module to be enabled.
-         * The status bar will only be displayed if the Enterprise module is available.
-         * @see https://www.ag-grid.com/javascript-data-grid/component-status-bar/
+         * Rendered by the status-bar host. `aggregation` is ignored until a panel exists for it.
          */
         this.statusBarConfig = DEFAULT_STATUS_BAR_CONFIG;
         /**
-         * Enables or disables the grid status bar.
+         * Enables or disables the status bar under the grid.
          * @remarks
          * Default is false.
          * When disabled, no status bar will be displayed regardless of statusBarConfig.
-         * This requires AG Grid Enterprise module to be available for the status bar to be displayed when enabled.
          */
         this.withStatusBar = false;
+        /**
+         * Which status bar the grid uses, decided once the grid api exists: `ag` when AG Grid's
+         * enterprise `StatusBarModule` is registered, `community` otherwise. `pending` renders neither.
+         * @internal
+         */
+        this.statusBarMode = 'pending';
+        /** Params pushed to status panels, replayed when the community bar mounts or rebuilds one. */
+        this.statusPanelState = {};
+        this.warnedUnregisteredStatusBar = false;
+        this.warnedGridOptionsStatusBar = false;
         /**
          * Shows a Columns side panel on the trailing edge of the grid.
          * @public
@@ -331,6 +373,7 @@ export class GridPro extends LifecycleMixin(FoundationElement) {
         var _a;
         super.connectedCallback();
         this.syncColumnSelectionHostLayout();
+        this.syncStatusBarHostLayout();
         this.disposed = false;
         const luminanceTarget = (_a = this.provider) !== null && _a !== void 0 ? _a : this;
         this.luminanceSubscription = baseLayerLuminance.subscribe(this.luminanceObserver, luminanceTarget);
@@ -403,6 +446,44 @@ export class GridPro extends LifecycleMixin(FoundationElement) {
     syncColumnSelectionHostLayout() {
         this.classList.toggle('has-column-selection', this.enableColumnSelection);
     }
+    syncStatusBarHostLayout() {
+        this.classList.toggle('has-status-bar', !!this.withStatusBar && this.usesCommunityStatusBar);
+    }
+    /**
+     * Chooses between AG's enterprise status bar and the community bar once the grid api exists,
+     * and hands AG its `statusBar` option when the enterprise one is used.
+     */
+    applyStatusBarMode() {
+        var _a, _b, _c;
+        const api = this.gridApi;
+        if (api && !((_a = api.isDestroyed) === null || _a === void 0 ? void 0 : _a.call(api))) {
+            this.statusBarMode = ((_b = api.isModuleRegistered) === null || _b === void 0 ? void 0 : _b.call(api, 'StatusBarModule')) ? 'ag' : 'community';
+            if (this.usesAgStatusBar) {
+                api.setGridOption('statusBar', this.buildAgStatusBar((_c = api.getGridOption) === null || _c === void 0 ? void 0 : _c.call(api, 'rowModelType')));
+            }
+            else if (this.withStatusBar && this.userStatusBar && !this.warnedGridOptionsStatusBar) {
+                this.warnedGridOptionsStatusBar = true;
+                logger.warn('Grid Pro: gridOptions.statusBar is ignored because the AG Grid Enterprise ' +
+                    'StatusBarModule is not registered. Use statusBarConfig instead.');
+            }
+        }
+        this.syncStatusBarHostLayout();
+    }
+    buildAgStatusBar(rowModelType) {
+        var _a, _b;
+        if (!this.withStatusBar) {
+            return this.userStatusBar;
+        }
+        const userPanels = (_b = (_a = this.userStatusBar) === null || _a === void 0 ? void 0 : _a.statusPanels) !== null && _b !== void 0 ? _b : [];
+        const statusPanels = resolveAgStatusBarPanels({
+            withStatusBar: this.withStatusBar,
+            statusBarConfig: this.statusBarConfig,
+            isServerSide: this.isServerSide || rowModelType === 'serverSide',
+            isInfiniteRowModel: this.isInfiniteRowModel || rowModelType === 'infinite',
+            gridProDatasource: this.gridProDatasource,
+        }, userPanels);
+        return Object.assign(Object.assign({}, this.userStatusBar), { statusPanels });
+    }
     performDisconnectCleanup() {
         if (this.debounced) {
             clearTimeout(this.debounced);
@@ -424,12 +505,17 @@ export class GridPro extends LifecycleMixin(FoundationElement) {
         this.gridEventsQueue = [];
     }
     destroyGridInstance() {
+        var _a;
         if (this.gridApi) {
             this.gridEventListeners.forEach((listener, eventType) => {
                 this.gridApi.removeEventListener(eventType, listener);
             });
         }
         this.gridEventListeners.clear();
+        // Panels hold grid api listeners; release them while the api is still alive.
+        (_a = this.statusBar) === null || _a === void 0 ? void 0 : _a.releasePanels();
+        // The next grid's datasource reports its own Load More state.
+        delete this.statusPanelState[GridProStatusBarTypes.loadMore];
         if (this.gridApi) {
             this.gridApi.destroy();
         }
@@ -668,17 +754,25 @@ export class GridPro extends LifecycleMixin(FoundationElement) {
      * @internal
      */
     handleMoreDataAvailable(event) {
-        var _a, _b, _c, _d;
         const { hasMoreData, sourceRef } = event.detail;
-        if (!this.gridApi)
-            return;
-        const statusBar = (_b = (_a = this.gridApi).getStatusPanel) === null || _b === void 0 ? void 0 : _b.call(_a, GridProStatusBarTypes.loadMore);
-        if (statusBar) {
-            (_d = (_c = statusBar).updateParams) === null || _d === void 0 ? void 0 : _d.call(_c, {
-                moreRows: hasMoreData,
-                sourceRef,
-            });
+        this.updateStatusPanel(GridProStatusBarTypes.loadMore, { moreRows: hasMoreData, sourceRef });
+    }
+    updateStatusPanel(key, params) {
+        var _a;
+        if (!this.usesAgStatusBar) {
+            // Kept even before the bar exists, so the community panel mounts with the right state.
+            this.statusPanelState[key] = Object.assign(Object.assign({}, this.statusPanelState[key]), params);
         }
+        const panel = this.getStatusPanel(key);
+        (_a = panel === null || panel === void 0 ? void 0 : panel.updateParams) === null || _a === void 0 ? void 0 : _a.call(panel, params);
+        return panel;
+    }
+    /**
+     * Params pushed to a status panel so far, for the community bar to mount it with.
+     * @internal
+     */
+    getStatusPanelState(key) {
+        return this.statusPanelState[key];
     }
     /**
      * Handles datasource errors
@@ -899,6 +993,20 @@ export class GridPro extends LifecycleMixin(FoundationElement) {
         const selectedRows = this.getSelectedRows();
         return selectedRows.length > 0;
     }
+    /**
+     * Returns a mounted status-bar panel by type.
+     * @public
+     * @param key - Panel type, one of {@link GridProStatusBarTypes}.
+     * @remarks
+     * Works for both the community status bar and AG Grid's enterprise one.
+     */
+    getStatusPanel(key) {
+        var _a, _b, _c;
+        if (this.usesAgStatusBar) {
+            return (_b = (_a = this.gridApi) === null || _a === void 0 ? void 0 : _a.getStatusPanel) === null || _b === void 0 ? void 0 : _b.call(_a, key);
+        }
+        return (_c = this.statusBar) === null || _c === void 0 ? void 0 : _c.getStatusPanel(key);
+    }
     /**
      * Updates the label-value status bar component with new label and value
      * @public
@@ -913,16 +1021,12 @@ export class GridPro extends LifecycleMixin(FoundationElement) {
      * ```
      */
     updateLabelValueStatusBar(params) {
-        var _a, _b;
         if (!this.gridApi) {
             logger.warn('Grid Pro: Cannot update label-value status bar - grid API not available');
             return;
         }
-        const statusBar = (_b = (_a = this.gridApi).getStatusPanel) === null || _b === void 0 ? void 0 : _b.call(_a, GridProStatusBarTypes.labelValue);
-        if (statusBar && typeof statusBar.updateParams === 'function') {
-            statusBar.updateParams(params);
-        }
-        else {
+        const panel = this.updateStatusPanel(GridProStatusBarTypes.labelValue, Object.assign({}, params));
+        if (!panel || typeof panel.updateParams !== 'function') {
             logger.warn('Grid Pro: Label-value status bar component not found or updateParams method not available');
         }
     }
@@ -1096,10 +1200,12 @@ export class GridPro extends LifecycleMixin(FoundationElement) {
                 return;
             this.agAttributes[attrName] = attribute.value;
         });
-        const { columnDefs, components, defaultColDef, getRowId, onGridReady, onFilterChanged, onFirstDataRendered } = options, rest = __rest(options, ["columnDefs", "components", "defaultColDef", "getRowId", "onGridReady", "onFilterChanged", "onFirstDataRendered"]);
-        const derivedOptions = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, this.gridOptionsConfig), { defaultColDef: Object.assign({ enableCellChangeFlash: this.enableCellFlashing, filter: true, resizable: true, sortable: true }, defaultColDef), components: this.combineAllGridComponents(components), headerHeight: this.headerHeight, rowHeight: this.rowHeight, animateRows: false, suppressDragLeaveHidesColumns: true }), this.eventsAndCallbacks), { onGridReady: (event) => __awaiter(this, void 0, void 0, function* () {
+        const { columnDefs, components, defaultColDef, getRowId, onGridReady, onFilterChanged, onFirstDataRendered, statusBar } = options, rest = __rest(options, ["columnDefs", "components", "defaultColDef", "getRowId", "onGridReady", "onFilterChanged", "onFirstDataRendered", "statusBar"]);
+        this.userStatusBar = statusBar;
+        const derivedOptions = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, this.gridOptionsConfig), { defaultColDef: Object.assign({ enableCellChangeFlash: this.enableCellFlashing, filter: true, resizable: true, sortable: true }, defaultColDef), components: this.combineAllGridComponents(components), headerHeight: this.headerHeight, rowHeight: this.rowHeight, animateRows: false, suppressDragLeaveHidesColumns: true }), this.eventsAndCallbacks), { onGridReady: (event) => __awaiter(this, void 0, void 0, function* () {
                 var _a, _b, _c;
                 this.gridApi = event.api;
+                this.applyStatusBarMode();
                 if (this.gridEventsQueue.length) {
                     this.gridEventsQueue.forEach((type) => {
                         this.addGridEventListener(type);
@@ -1178,7 +1284,7 @@ export class GridPro extends LifecycleMixin(FoundationElement) {
                 if (onFilterChanged) {
                     onFilterChanged(filterChangedEvent);
                 }
-            }, onGridSizeChanged: gridOnChangeCallback, onSortChanged: gridOnChangeCallback }), rest);
+            }, onGridSizeChanged: gridOnChangeCallback, onSortChanged: gridOnChangeCallback }), rest), (statusBar && !this.withStatusBar ? { statusBar } : {}));
         if (this.gridProDatasource) {
             derivedOptions.columnDefs = columnDefs;
             derivedOptions.getRowId = getRowId;
@@ -1340,95 +1446,17 @@ export class GridPro extends LifecycleMixin(FoundationElement) {
             return colDefsToReturn;
         });
     }
-    panelExists(statusPanelType, panels) {
-        return panels.some((panel) => panel.statusPanel === statusPanelType);
-    }
-    addRowCountPanel(statusPanels, gridOptions) {
-        // The custom rowCount panel is used for server-side infinite scroll (load more) scenarios;
-        // client-side row models use AG Grid's own row count component instead.
-        if (this.statusBarConfig && this.statusBarConfig.rows === true) {
-            // Check the derived gridOptions parameter, not this.gridOptions: setupStatusBar runs
-            // before setLocalGridOptions populates the field, so on first init the field is still
-            // undefined and a standalone grid's rowModelType would be missed.
-            const isServerSide = this.isServerSide ||
-                this.isInfiniteRowModel ||
-                (gridOptions === null || gridOptions === void 0 ? void 0 : gridOptions.rowModelType) === 'infinite' ||
-                (gridOptions === null || gridOptions === void 0 ? void 0 : gridOptions.rowModelType) === 'serverSide';
-            if (isServerSide) {
-                if (!this.panelExists(GridProStatusBarTypes.rowCount, statusPanels)) {
-                    statusPanels.push({
-                        statusPanel: GridProStatusBarTypes.rowCount,
-                        align: 'left',
-                    });
-                }
-            }
-            else if (!isServerSide) {
-                const rowCountStatusPanel = 'agTotalAndFilteredRowCountComponent';
-                if (!this.panelExists(rowCountStatusPanel, statusPanels)) {
-                    statusPanels.push({
-                        statusPanel: rowCountStatusPanel,
-                        align: 'left',
-                    });
-                }
-            }
-        }
-    }
-    addMaxRowsPanel(statusPanels) {
-        if (this.statusBarConfig && this.statusBarConfig.maxRows === true) {
-            if (!this.panelExists(GridProStatusBarTypes.labelValue, statusPanels)) {
-                statusPanels.push({
-                    statusPanel: GridProStatusBarTypes.labelValue,
-                    statusPanelParams: {
-                        label: 'Max Rows',
-                        value: this.gridProDatasource.maxRows || DatasourceDefaults.MAX_ROWS_250,
-                        hide: false,
-                    },
-                    align: 'left',
-                });
-            }
-        }
-    }
-    addAggregationPanel(statusPanels) {
-        if (this.statusBarConfig && this.statusBarConfig.aggregation === true) {
-            if (!this.panelExists('agAggregationComponent', statusPanels)) {
-                statusPanels.push({
-                    statusPanel: 'agAggregationComponent',
-                    align: 'right',
-                });
-            }
-        }
-    }
-    addDatasourcePanels(statusPanels) {
-        if (this.gridProDatasource) {
-            // The infinite row model loads on scroll, so its loadMore() is a no-op: suppress the
-            // Load More panel for it the same way it is suppressed for the server-side row model.
-            const datasourceStatusPanels = this.gridProDatasource.getDatasourceStatusBarPanels(this.isServerSide || this.isInfiniteRowModel, this.statusBarConfig);
-            // Filter out duplicate datasource panels
-            const newDatasourcePanels = datasourceStatusPanels.filter((panel) => !this.panelExists(panel.statusPanel, statusPanels));
-            statusPanels.push(...newDatasourcePanels);
-        }
-    }
+    /**
+     * Refreshes the status bar from the current config and datasource: AG's enterprise bar when the
+     * previous grid had its module, otherwise the status-bar host.
+     */
     setupStatusBar(gridOptions) {
-        // Keep the guard for production code, but allow override for testing
-        // if (this.initialised && !allowDuplicateCheck) return;
-        var _a, _b;
-        // Set default status bar with components based on configuration
-        if (this.withStatusBar && this.statusBarConfig) {
-            // For duplicate checking (testing scenario), clear existing status panels to prevent duplicates
-            // unless they are user-defined panels that we want to preserve
-            const existingPanels = ((_a = gridOptions.statusBar) === null || _a === void 0 ? void 0 : _a.statusPanels) || [];
-            const statusPanels = [...existingPanels];
-            this.addRowCountPanel(statusPanels, gridOptions);
-            this.addMaxRowsPanel(statusPanels);
-            this.addAggregationPanel(statusPanels);
-            this.addDatasourcePanels(statusPanels);
-            const userDefinedStatusPanels = ((_b = gridOptions.statusBar) === null || _b === void 0 ? void 0 : _b.statusPanels) || [];
-            const newUserDefinedPanels = userDefinedStatusPanels.filter((panel) => !this.panelExists(panel.statusPanel, statusPanels));
-            statusPanels.push(...newUserDefinedPanels);
-            gridOptions.statusBar = {
-                statusPanels: statusPanels,
-            };
+        var _a;
+        if (this.usesAgStatusBar && this.withStatusBar) {
+            gridOptions.statusBar = this.buildAgStatusBar(gridOptions.rowModelType);
+            return;
         }
+        (_a = this.statusBar) === null || _a === void 0 ? void 0 : _a.syncPanels();
     }
     get observedAttributes() {
         // allow properties to be supplied either lowercased or kebab-cased
@@ -1537,6 +1565,9 @@ __decorate([
 __decorate([
     attr({ mode: 'boolean', attribute: 'with-status-bar' })
 ], GridPro.prototype, "withStatusBar", void 0);
+__decorate([
+    observable
+], GridPro.prototype, "statusBarMode", void 0);
 __decorate([
     attr({ mode: 'boolean', attribute: 'enable-column-selection' })
 ], GridPro.prototype, "enableColumnSelection", void 0);
@@ -1578,7 +1609,7 @@ export const foundationGridPro = GridPro.compose(Object.assign({ baseName: 'grid
       height: 100%;
     }
 
-    :host([ds-disconnected]) {
+    :host([ds-disconnected]:not(.has-column-selection):not(.has-status-bar)) {
       display: block;
     }
 

package/dist/esm/grid-pro.styles.js

@@ -101,7 +101,7 @@ export const foundationGridProStyles = css `
     height: 100%;
   }
 
-  :host([ds-disconnected]) {
+  :host([ds-disconnected]:not(.has-column-selection):not(.has-status-bar)) {
     display: block;
   }
 

package/dist/esm/grid-pro.template.js

@@ -8,18 +8,29 @@ import { getErrorHandlerDialogTemplate } from './datasource/error-handler.dialog
  */
 export const getGridProTemplate = (prefix = 'foundation') => html `
   <template>
-    <span part="grid" data-ag-theme-mode=${(x) => x.themeMode} class="${(x) => x.classNames}">
-      <slot name="grid" ${ref('gridSlot')}></slot>
-      <slot></slot>
-    </span>
-    ${when((x) => !!x.enableColumnSelection, html `
-        <div class="grid-pro-side-bar" part="side-bar">
-          <${prefix}-column-selection
-            docked
-            label="Columns"
-            :gridHost="${(x) => x}"
-          ></${prefix}-column-selection>
-        </div>
+    <div class="grid-pro-main" part="main">
+      <span part="grid" data-ag-theme-mode=${(x) => x.themeMode} class="${(x) => x.classNames}">
+        <slot name="grid" ${ref('gridSlot')}></slot>
+        <slot></slot>
+      </span>
+      ${when((x) => !!x.enableColumnSelection, html `
+          <div class="grid-pro-side-bar" part="side-bar">
+            <${prefix}-column-selection
+              docked
+              label="Columns"
+              :gridHost="${(x) => x}"
+            ></${prefix}-column-selection>
+          </div>
+        `)}
+    </div>
+    ${when((x) => !!x.withStatusBar && !!x.usesCommunityStatusBar, html `
+        <${prefix}-grid-pro-status-bar
+          class="grid-pro-status-bar"
+          ${ref('statusBarRef')}
+          :gridHost="${(x) => x}"
+          :gridApi="${(x) => x.gridApi}"
+          :statusBarConfig="${(x) => x.statusBarConfig}"
+        ></${prefix}-grid-pro-status-bar>
       `)}
     ${(x) => x.customErrorHandlerTemplate
     ? x.customErrorHandlerTemplate(prefix, x.gridErrorItems.filter(({ type }) => type === 'datasource'))

package/dist/esm/grid-pro.types.js

@@ -141,9 +141,8 @@ export var GridProRendererTypes;
  * The available Grid Pro Status Bar Types
  * @public
  * @remarks
- * These status bar components require AG Grid Enterprise module to be enabled.
- * Status bar components will only be displayed if the Enterprise module is available.
- * @see https://www.ag-grid.com/javascript-data-grid/component-status-bar/
+ * Mounted by the status-bar host on {@link GridPro}.
+ * `aggregation` is ignored until a panel exists for it.
  */
 export var GridProStatusBarTypes;
 (function (GridProStatusBarTypes) {

package/dist/esm/index.js

@@ -17,6 +17,7 @@ export * from './grid-pro-genesis-datasource';
 export * from './multicolumn-dropdown';
 export * from './row-alert';
 export * from './state-persistence';
+export * from './status-bar';
 export * from './status-bar-components';
 export * from './style';
 export * from './tooltips';

package/dist/esm/status-bar/index.js

@@ -0,0 +1,4 @@
+export * from './resolve-status-bar-panels';
+export * from './status-bar';
+export * from './status-bar.styles';
+export * from './status-bar.template';

package/dist/esm/status-bar/resolve-status-bar-panels.js

@@ -0,0 +1,67 @@
+import { DatasourceDefaults } from '@genesislcap/foundation-comms';
+import { GridProStatusBarTypes } from '../grid-pro.types';
+/**
+ * Builds the status-bar panel list from `withStatusBar` + `statusBarConfig`.
+ * `aggregation` is ignored until a panel exists for it.
+ * @internal
+ */
+export function resolveStatusBarPanels(host) {
+    return buildPanels(host, false);
+}
+/**
+ * Builds the panel list for AG Grid's enterprise status bar, used when its `StatusBarModule` is
+ * registered. Client-side grids get AG's filtered / total row count, and `aggregation` maps to
+ * AG's aggregation panel. Panels from `gridOptions.statusBar` come first and are kept.
+ * @internal
+ */
+export function resolveAgStatusBarPanels(host, userPanels = []) {
+    const panels = [...userPanels];
+    for (const panel of buildPanels(host, true)) {
+        if (!panels.some((existing) => existing.statusPanel === panel.statusPanel)) {
+            panels.push(panel);
+        }
+    }
+    return panels;
+}
+function buildPanels(host, agStatusBar) {
+    var _a;
+    const config = host.statusBarConfig;
+    if (!host.withStatusBar || !config) {
+        return [];
+    }
+    const panels = [];
+    const fetchesOnScroll = host.isServerSide || host.isInfiniteRowModel;
+    if (config.rows === true) {
+        panels.push({
+            statusPanel: agStatusBar && !fetchesOnScroll
+                ? 'agTotalAndFilteredRowCountComponent'
+                : GridProStatusBarTypes.rowCount,
+            align: 'left',
+        });
+    }
+    if (config.maxRows === true) {
+        panels.push({
+            statusPanel: GridProStatusBarTypes.labelValue,
+            statusPanelParams: {
+                label: 'Max Rows',
+                value: ((_a = host.gridProDatasource) === null || _a === void 0 ? void 0 : _a.maxRows) || DatasourceDefaults.MAX_ROWS_250,
+                hide: false,
+            },
+            align: 'left',
+        });
+    }
+    if (agStatusBar && config.aggregation === true) {
+        panels.push({ statusPanel: 'agAggregationComponent', align: 'right' });
+    }
+    const datasource = host.gridProDatasource;
+    if (datasource === null || datasource === void 0 ? void 0 : datasource.getDatasourceStatusBarPanels) {
+        // Both row models fetch on scroll, so Load More would do nothing.
+        const datasourcePanels = datasource.getDatasourceStatusBarPanels(fetchesOnScroll, config);
+        for (const panel of datasourcePanels) {
+            if (!panels.some((existing) => existing.statusPanel === panel.statusPanel)) {
+                panels.push(panel);
+            }
+        }
+    }
+    return panels;
+}