@quadrel-enterprise-ui/framework 18.25.5 → 18.26.0

package/fesm2022/quadrel-enterprise-ui-framework.mjs

@@ -8265,6 +8265,12 @@ class QdPushEventsService {
         if (!this._eventSource || this._eventSource.readyState === EventSource.CLOSED || reconnect)
             this._eventSource = new EventSourcePolyfill(url, options);
         this._eventSource.onerror = (err) => {
+            const status = err?.status || err?.target?.status;
+            if (status === 401) {
+                this.logError('SSE connection unauthorized (401):', err);
+                this._eventSource.close();
+                return;
+            }
             if (this._eventSource.readyState === EventSource.CLOSED)
                 this.reconnect();
             this.logError('SSE connection error:', err);
@@ -20198,7 +20204,19 @@ class QdTableStoreSelectorService {
         return createSelector(this.selectTables, tables => this.getTable(tables));
     }
     tableDataEntries() {
-        return createSelector(this.selectTables, tables => this.getTable(tables)?.data ?? []);
+        return createSelector(this.selectTables, tables => {
+            const table = this.getTable(tables);
+            if (!table || !table.data)
+                return [];
+            const { data, pageIndex, pageSize, hasPagination, hasResolver } = table;
+            if (hasResolver || !hasPagination)
+                return data;
+            if (pageIndex === undefined || pageSize === undefined)
+                return [];
+            const start = pageIndex * pageSize;
+            const end = start + pageSize;
+            return data.slice(start, end);
+        });
     }
     tableRow(rowIndex) {
         return createSelector(this.selectTables, tables => this.getTable(tables)?.data[rowIndex]);
@@ -20277,18 +20295,27 @@ class QdTableStoreSelectorService {
         });
     }
     selectDataResolutionCriteria() {
-        // @ts-ignore
-        return createSelector(this.selectTables, tables => {
-            const { connectors, connectorCriteria, pageIndex, pageSize, sort } = this.getTable(tables) || {};
+        return createSelector(this.selectTables, (tables) => {
+            const table = this.getTable(tables);
+            if (!table)
+                return undefined;
+            const { connectors, connectorCriteria, pageIndex, pageSize, sort } = table;
             const connectorsState = connectors?.some(c => c.connectorState === QdTableConnectorState.AWAITING)
                 ? QdTableConnectorState.AWAITING
                 : connectors
                     ? QdTableConnectorState.ESTABLISHED
                     : QdTableConnectorState.NONE;
+            const tableParams = table.hasPagination === false
+                ? { sort: sort ?? [] }
+                : pageIndex !== undefined && pageSize !== undefined
+                    ? { page: pageIndex, size: pageSize, sort: sort ?? [] }
+                    : undefined;
+            if (!tableParams)
+                return undefined;
             return {
                 hasConnectors: (connectors?.length ?? 0) > 0,
                 connectorsState,
-                tableParams: { page: pageIndex, size: pageSize, sort },
+                tableParams,
                 connectorParams: connectorCriteria ? { ...connectorCriteria } : undefined
             };
         });
@@ -20320,8 +20347,14 @@ class QdTableStoreService {
     /**
      * Actions
      */
-    initTableState(data, hasResolver, connectors) {
-        this.store.dispatch(QdTableActions.initTableState({ tableId: this.tableId, data, hasResolver, connectors }));
+    initTableState(data, hasResolver, connectors, hasPagination = false) {
+        this.store.dispatch(QdTableActions.initTableState({
+            tableId: this.tableId,
+            data,
+            hasResolver,
+            connectors,
+            hasPagination
+        }));
     }
     initTableStateSelectedRows(selectedRows) {
         this.store.dispatch(QdTableActions.initTableStateSelectedRows({ tableId: this.tableId, selectedRows: [...selectedRows] }));
@@ -20616,6 +20649,7 @@ class QdTableResolverService {
     actionResultService;
     _destroyed$ = new Subject();
     _refreshSubscription;
+    _hasPagination = true;
     constructor(tableDataResolver, tableStoreService, translateService, actionResultService) {
         this.tableDataResolver = tableDataResolver;
         this.tableStoreService = tableStoreService;
@@ -20626,15 +20660,25 @@ class QdTableResolverService {
     ngOnDestroy() {
         this._destroyed$.complete();
     }
-    init(refreshOnLanguageChange) {
+    init(refreshOnLanguageChange, hasPagination = true) {
         if (!this.tableDataResolver)
             return;
+        this._hasPagination = hasPagination;
         if (refreshOnLanguageChange)
             this.subscribeToLangChanges();
         // TODO: Add Error handling
         this.tableStoreService
             .selectDataResolutionCriteria$()
-            .pipe(takeUntil(this._destroyed$), distinctUntilChanged(isEqual$1), filter(resolutionCriteria => this.shouldDataBeResolved(resolutionCriteria)), map(({ tableParams, connectorParams }) => ({ ...tableParams, ...connectorParams })), tap(() => this.tableStoreService.setRequestState(QdTableRequestState.PENDING)), switchMap(resolutionParams => this.tableDataResolver.resolve(resolutionParams)), tap(({ data, size, page, totalElements }) => this.tableStoreService.setPage(page, size, totalElements, data)), tap(() => this.tableStoreService.setRequestState(QdTableRequestState.SUCCESS)))
+            .pipe(takeUntil(this._destroyed$), distinctUntilChanged(isEqual$1), filter((resolutionCriteria) => {
+            return !!resolutionCriteria && this.shouldDataBeResolved(resolutionCriteria);
+        }), map(({ tableParams, connectorParams }) => {
+            return {
+                ...(this._hasPagination ? tableParams : {}),
+                ...connectorParams
+            };
+        }), tap(() => this.tableStoreService.setRequestState(QdTableRequestState.PENDING)), switchMap(resolutionParams => this.tableDataResolver.resolve(resolutionParams)), tap(({ data, size, page, totalElements }) => {
+            this.tableStoreService.setPage(page ?? 0, size, totalElements, data);
+        }), tap(() => this.tableStoreService.setRequestState(QdTableRequestState.SUCCESS)))
             .subscribe();
     }
     refresh(resolverOptions = {}) {
@@ -20648,7 +20692,7 @@ class QdTableResolverService {
             .pipe(first(), tap(() => this.tableStoreService.setRequestState(QdTableRequestState.PENDING)), switchMap(resolutionCriteria => this.tableDataResolver.resolve({
             ...resolutionCriteria.tableParams,
             ...resolutionCriteria.connectorParams,
-            ...(pageIndex !== undefined ? { page: pageIndex } : {})
+            ...(this._hasPagination && pageIndex !== undefined ? { page: pageIndex } : {})
         })), tap(({ page, data, size, totalElements }) => this.tableStoreService.setPage(page, size, totalElements, data)), tap(() => this.tableStoreService.setRequestState(QdTableRequestState.SUCCESS)))
             .subscribe();
     }
@@ -20658,7 +20702,9 @@ class QdTableResolverService {
     shouldDataBeResolved({ hasConnectors, connectorsState, tableParams }) {
         if (hasConnectors && connectorsState === QdTableConnectorState.AWAITING)
             return false;
-        return tableParams.size !== undefined && tableParams.page !== undefined;
+        if (!this._hasPagination)
+            return true;
+        return tableParams?.size !== undefined && tableParams?.page !== undefined;
     }
     subscribeToExternalRefresh() {
         this.actionResultService.actionSuccess$
@@ -21710,7 +21756,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
  * #### **Features**
  * - **RWD Ready**: Automatically adapts to various screen sizes.
  * - **Custom Columns**: Define content types like text, date, chip, or icon.
- * - **Pagination & Sorting**: Supports data pagination and column sorting.
+ * - **Pagination & Sorting**: Supports data pagination and column sorting. Pagination is optional.
  * - **Row Selections**: Single or multiple row selection.
  * - **Actions**: Primary and secondary row actions with refresh support.
  * - **Internationalization (i18ns)**: Localize column headers and specific content types (e.g., text, chip).
@@ -21743,11 +21789,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
  *
  * Load data dynamically, manage pagination, and enable column sorting using Quadrel's interface and injection token.
  *
+ * Pagination is optional. If not configured, the full dataset is handled client-side.
+ *
  * ```typescript
  * @Injectable()
  * export class MyTableResolver implements QdTableDataResolver<ColumnDefinition> {
- *   resolve(criteria: QdTableDataResolverProps<ColumnDefinition>): Observable<QdTableResolvedData<ColumnDefinition> {
- *      // custom implementation here
+ *   resolve(criteria: QdTableDataResolverProps<ColumnDefinition>): Observable<QdTableResolvedData<ColumnDefinition>> {
+ *     // custom implementation here
  *   }
  * }
  * ```
@@ -21757,24 +21805,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
  *   selector: 'my-table',
  *   template: '<qd-table [config]="config"></qd-table>',
  *   providers: [
- *      {
- *          provide: QD_TABLE_DATA_RESOLVER_TOKEN,
- *          useClass: MyTableResolver
- *      }
+ *     {
+ *       provide: QD_TABLE_DATA_RESOLVER_TOKEN,
+ *       useClass: MyTableResolver
+ *     }
  *   ]
  * })
  * class MyTableComponent {
- * config: QdTableConfig<ColumnDefinition> = {
- *   columns: [
- *     { column: 'name', type: 'text', sort: { direction: 'asc' } },
- *     { column: 'age', type: 'integer', sort: {} },
- *     { column: 'active', type: 'boolean' }
- *   ],
- *   pagination: {
- *     pageSizes: [10, 20, 50],
- *     pageSizeDefault: 10
- *   }
- * };
+ *   config: QdTableConfig<ColumnDefinition> = {
+ *     columns: [
+ *       { column: 'name', type: 'text', sort: { direction: 'asc' } },
+ *       { column: 'age', type: 'integer', sort: {} },
+ *       { column: 'active', type: 'boolean' }
+ *     ],
+ *     pagination: {
+ *       pageSizes: [10, 20, 50],
+ *       pageSizeDefault: 10
+ *     } // ← omit this section to disable pagination
+ *   };
+ * }
  * ```
  *
  * #### **Selections and Actions**
@@ -21931,9 +21980,9 @@ class QdTableComponent {
     }
     ngOnInit() {
         this.tableStoreService.tableId = this.config.uid || v4();
-        this.resolverService.init(this.config.refreshOnLanguageChange);
+        this.resolverService.init(this.config.refreshOnLanguageChange, this.hasPagination);
         this.tableStoreService.init();
-        this.tableStoreService.initTableState(this._data, this.hasResolver, this._connectors);
+        this.tableStoreService.initTableState(this._data, this.hasResolver, this._connectors, this.hasPagination);
         this.tableStoreService.updateTableStateRecentSecondaryAction(undefined);
         this.tableStoreService.setupSort(this.config.columns);
         this.data$ = this.tableStoreService.tableDataEntries$();
@@ -21947,7 +21996,7 @@ class QdTableComponent {
         this.initializePushEventsService();
         this.initRefresh();
         this.table$ = this.tableStoreService.table$();
-        this.hasData$ = this.table$.pipe(map(state => (state?.data?.length ?? 0) !== 0));
+        this.hasData$ = this.data$.pipe(map(state => (state ?? []).length > 0));
         this.hasEmptyStateView$ = this.hasData$.pipe(map(hasData => !hasData && !!this.config.emptyStateView && !this.config.emptyStateView.disabled));
     }
     ngOnChanges(changes) {
@@ -21955,6 +22004,9 @@ class QdTableComponent {
             !changes['data'].firstChange &&
             JSON.stringify(changes['data'].previousValue) !== JSON.stringify(changes['data'].currentValue)) {
             this.tableStoreService.updateTableStateData(this._data);
+            if (!this.hasPagination) {
+                this.data$ = of(this._data);
+            }
         }
         if (changes['config'] &&
             !changes['config'].firstChange &&
@@ -22105,7 +22157,7 @@ class QdTableComponent {
             QdTableFillingWidthService,
             QdTableResolverService,
             QdTableExternalActionResultService
-        ], viewQueries: [{ propertyName: "paginator", first: true, predicate: QdTablePaginatorComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<table [class]=\"'qd-table__table'\">\n  <tr qd-table-head [config]=\"config\" [data-test-id]=\"testId\"></tr>\n  <tbody qd-table-body [config]=\"config\" [data]=\"data$ | async\" [data-test-id]=\"testId\"></tbody>\n</table>\n\n<qd-table-paginator [config]=\"config\" [data-test-id]=\"testId\" *ngIf=\"hasPagination\"></qd-table-paginator>\n<qd-table-empty-state *ngIf=\"hasEmptyStateView$ | async\" [config]=\"config.emptyStateView\"></qd-table-empty-state>\n", styles: [":host{display:inline-flex;flex-direction:column}:host .qd-table__table{background:#fff;border-spacing:0;color:#171717;font-size:.875rem;font-weight:400;line-height:2.5rem}:host .qd-table__head,:host .qd-table__body{vertical-align:center}:host .qd-table__head{background:#e5e5e5;text-align:left}:host .qd-table__head ::ng-deep .qd-table__head-cell{font-weight:600}:host .qd-table__body{color:#171717}:host ::ng-deep .qd-table__head-cell,:host ::ng-deep .qd-table__body-cell{padding:.125rem 1rem 0;vertical-align:top}:host ::ng-deep .qd-table__head-cell--selection,:host ::ng-deep .qd-table__body-cell--selection{width:1.875rem;padding-top:.1875rem;text-align:center}:host ::ng-deep .qd-table__head-cell--actions-inline-menu,:host ::ng-deep .qd-table__body-cell--actions-inline-menu{padding-top:.125rem;vertical-align:top}:host.main-column-fills-width.table-has-remaining-width:not(.table-has-right-aligned-filling-column) ::ng-deep th.main-column,:host.main-column-fills-width.table-has-remaining-width:not(.table-has-right-aligned-filling-column) ::ng-deep td.main-column{width:100%}:host.main-column-fills-width.table-has-remaining-width ::ng-deep th:not(.main-column),:host.main-column-fills-width.table-has-remaining-width ::ng-deep td:not(.main-column){white-space:nowrap}:host.last-column-fills-width.table-has-remaining-width:not(.table-has-right-aligned-filling-column) ::ng-deep th.last-column,:host.last-column-fills-width.table-has-remaining-width:not(.table-has-right-aligned-filling-column) ::ng-deep td.last-column{width:100%}:host.last-column-fills-width.table-has-remaining-width ::ng-deep th:not(.last-column),:host.last-column-fills-width.table-has-remaining-width ::ng-deep td:not(.last-column){white-space:nowrap}:host.harmonized{width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: QdTableBodyComponent, selector: "[qd-table-body]", inputs: ["config", "data", "data-test-id"] }, { kind: "component", type: QdTableEmptyStateComponent, selector: "qd-table-empty-state", inputs: ["config"] }, { kind: "component", type: QdTableHeadComponent, selector: "[qd-table-head]", inputs: ["config", "data-test-id"] }, { kind: "component", type: QdTablePaginatorComponent, selector: "qd-table-paginator", inputs: ["config", "data-test-id"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], viewQueries: [{ propertyName: "paginator", first: true, predicate: QdTablePaginatorComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<table [class]=\"'qd-table__table'\">\n  <tr qd-table-head [config]=\"config\" [data-test-id]=\"testId\"></tr>\n  <tbody qd-table-body [config]=\"config\" [data]=\"(data$ | async) ?? []\" [data-test-id]=\"testId\"></tbody>\n</table>\n\n<qd-table-paginator [config]=\"config\" [data-test-id]=\"testId\" *ngIf=\"hasPagination\"></qd-table-paginator>\n<qd-table-empty-state *ngIf=\"hasEmptyStateView$ | async\" [config]=\"config.emptyStateView\"></qd-table-empty-state>\n", styles: [":host{display:inline-flex;flex-direction:column}:host .qd-table__table{background:#fff;border-spacing:0;color:#171717;font-size:.875rem;font-weight:400;line-height:2.5rem}:host .qd-table__head,:host .qd-table__body{vertical-align:center}:host .qd-table__head{background:#e5e5e5;text-align:left}:host .qd-table__head ::ng-deep .qd-table__head-cell{font-weight:600}:host .qd-table__body{color:#171717}:host ::ng-deep .qd-table__head-cell,:host ::ng-deep .qd-table__body-cell{padding:.125rem 1rem 0;vertical-align:top}:host ::ng-deep .qd-table__head-cell--selection,:host ::ng-deep .qd-table__body-cell--selection{width:1.875rem;padding-top:.1875rem;text-align:center}:host ::ng-deep .qd-table__head-cell--actions-inline-menu,:host ::ng-deep .qd-table__body-cell--actions-inline-menu{padding-top:.125rem;vertical-align:top}:host.main-column-fills-width.table-has-remaining-width:not(.table-has-right-aligned-filling-column) ::ng-deep th.main-column,:host.main-column-fills-width.table-has-remaining-width:not(.table-has-right-aligned-filling-column) ::ng-deep td.main-column{width:100%}:host.main-column-fills-width.table-has-remaining-width ::ng-deep th:not(.main-column),:host.main-column-fills-width.table-has-remaining-width ::ng-deep td:not(.main-column){white-space:nowrap}:host.last-column-fills-width.table-has-remaining-width:not(.table-has-right-aligned-filling-column) ::ng-deep th.last-column,:host.last-column-fills-width.table-has-remaining-width:not(.table-has-right-aligned-filling-column) ::ng-deep td.last-column{width:100%}:host.last-column-fills-width.table-has-remaining-width ::ng-deep th:not(.last-column),:host.last-column-fills-width.table-has-remaining-width ::ng-deep td:not(.last-column){white-space:nowrap}:host.harmonized{width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: QdTableBodyComponent, selector: "[qd-table-body]", inputs: ["config", "data", "data-test-id"] }, { kind: "component", type: QdTableEmptyStateComponent, selector: "qd-table-empty-state", inputs: ["config"] }, { kind: "component", type: QdTableHeadComponent, selector: "[qd-table-head]", inputs: ["config", "data-test-id"] }, { kind: "component", type: QdTablePaginatorComponent, selector: "qd-table-paginator", inputs: ["config", "data-test-id"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: QdTableComponent, decorators: [{
             type: Component,
@@ -22125,7 +22177,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
                         '[class.last-column-fills-width]': 'whichColumnFillsWidth === "last"',
                         '[class.harmonized]': 'whichColumnFillsWidth === "harmonized"',
                         '[attr.data-qd-no-horizontal-padding-small]': 'true'
-                    }, template: "<table [class]=\"'qd-table__table'\">\n  <tr qd-table-head [config]=\"config\" [data-test-id]=\"testId\"></tr>\n  <tbody qd-table-body [config]=\"config\" [data]=\"data$ | async\" [data-test-id]=\"testId\"></tbody>\n</table>\n\n<qd-table-paginator [config]=\"config\" [data-test-id]=\"testId\" *ngIf=\"hasPagination\"></qd-table-paginator>\n<qd-table-empty-state *ngIf=\"hasEmptyStateView$ | async\" [config]=\"config.emptyStateView\"></qd-table-empty-state>\n", styles: [":host{display:inline-flex;flex-direction:column}:host .qd-table__table{background:#fff;border-spacing:0;color:#171717;font-size:.875rem;font-weight:400;line-height:2.5rem}:host .qd-table__head,:host .qd-table__body{vertical-align:center}:host .qd-table__head{background:#e5e5e5;text-align:left}:host .qd-table__head ::ng-deep .qd-table__head-cell{font-weight:600}:host .qd-table__body{color:#171717}:host ::ng-deep .qd-table__head-cell,:host ::ng-deep .qd-table__body-cell{padding:.125rem 1rem 0;vertical-align:top}:host ::ng-deep .qd-table__head-cell--selection,:host ::ng-deep .qd-table__body-cell--selection{width:1.875rem;padding-top:.1875rem;text-align:center}:host ::ng-deep .qd-table__head-cell--actions-inline-menu,:host ::ng-deep .qd-table__body-cell--actions-inline-menu{padding-top:.125rem;vertical-align:top}:host.main-column-fills-width.table-has-remaining-width:not(.table-has-right-aligned-filling-column) ::ng-deep th.main-column,:host.main-column-fills-width.table-has-remaining-width:not(.table-has-right-aligned-filling-column) ::ng-deep td.main-column{width:100%}:host.main-column-fills-width.table-has-remaining-width ::ng-deep th:not(.main-column),:host.main-column-fills-width.table-has-remaining-width ::ng-deep td:not(.main-column){white-space:nowrap}:host.last-column-fills-width.table-has-remaining-width:not(.table-has-right-aligned-filling-column) ::ng-deep th.last-column,:host.last-column-fills-width.table-has-remaining-width:not(.table-has-right-aligned-filling-column) ::ng-deep td.last-column{width:100%}:host.last-column-fills-width.table-has-remaining-width ::ng-deep th:not(.last-column),:host.last-column-fills-width.table-has-remaining-width ::ng-deep td:not(.last-column){white-space:nowrap}:host.harmonized{width:100%}\n"] }]
+                    }, template: "<table [class]=\"'qd-table__table'\">\n  <tr qd-table-head [config]=\"config\" [data-test-id]=\"testId\"></tr>\n  <tbody qd-table-body [config]=\"config\" [data]=\"(data$ | async) ?? []\" [data-test-id]=\"testId\"></tbody>\n</table>\n\n<qd-table-paginator [config]=\"config\" [data-test-id]=\"testId\" *ngIf=\"hasPagination\"></qd-table-paginator>\n<qd-table-empty-state *ngIf=\"hasEmptyStateView$ | async\" [config]=\"config.emptyStateView\"></qd-table-empty-state>\n", styles: [":host{display:inline-flex;flex-direction:column}:host .qd-table__table{background:#fff;border-spacing:0;color:#171717;font-size:.875rem;font-weight:400;line-height:2.5rem}:host .qd-table__head,:host .qd-table__body{vertical-align:center}:host .qd-table__head{background:#e5e5e5;text-align:left}:host .qd-table__head ::ng-deep .qd-table__head-cell{font-weight:600}:host .qd-table__body{color:#171717}:host ::ng-deep .qd-table__head-cell,:host ::ng-deep .qd-table__body-cell{padding:.125rem 1rem 0;vertical-align:top}:host ::ng-deep .qd-table__head-cell--selection,:host ::ng-deep .qd-table__body-cell--selection{width:1.875rem;padding-top:.1875rem;text-align:center}:host ::ng-deep .qd-table__head-cell--actions-inline-menu,:host ::ng-deep .qd-table__body-cell--actions-inline-menu{padding-top:.125rem;vertical-align:top}:host.main-column-fills-width.table-has-remaining-width:not(.table-has-right-aligned-filling-column) ::ng-deep th.main-column,:host.main-column-fills-width.table-has-remaining-width:not(.table-has-right-aligned-filling-column) ::ng-deep td.main-column{width:100%}:host.main-column-fills-width.table-has-remaining-width ::ng-deep th:not(.main-column),:host.main-column-fills-width.table-has-remaining-width ::ng-deep td:not(.main-column){white-space:nowrap}:host.last-column-fills-width.table-has-remaining-width:not(.table-has-right-aligned-filling-column) ::ng-deep th.last-column,:host.last-column-fills-width.table-has-remaining-width:not(.table-has-right-aligned-filling-column) ::ng-deep td.last-column{width:100%}:host.last-column-fills-width.table-has-remaining-width ::ng-deep th:not(.last-column),:host.last-column-fills-width.table-has-remaining-width ::ng-deep td:not(.last-column){white-space:nowrap}:host.harmonized{width:100%}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
@@ -32018,8 +32070,6 @@ const updateTableStateData = (state, tableId, data) => updateStateWithNewTable(s
 const updateTableStateSelectedRows = (state, tableId, selectedRows) => updateStateWithNewTable(state, tableId, { ...state[tableId], selectedRows });
 const updateTableStateRecentSecondaryAction = (state, tableId, action) => updateStateWithNewTable(state, tableId, { ...state[tableId], recentSecondaryAction: action });
 const setupPagination = (state, tableId, pageSize = PAGE_SIZE_DEFAULT) => {
-    if (state[tableId]?.hasPagination)
-        return state;
     return updateStateWithNewTable(state, tableId, {
         ...state[tableId],
         pageIndex: 0,
@@ -32089,10 +32139,20 @@ const resetConnectorStates = (state, tableId) => {
 };
 
 const initialState = {};
-const _tableReducer = createReducer(initialState, on(QdTableActions.initTableState, (state, { tableId, data, hasResolver, connectors }) => {
+function isTreeData(data) {
+    return Array.isArray(data) && data.some(item => 'children' in item);
+}
+const _tableReducer = createReducer(initialState, on(QdTableActions.initTableState, (state, { tableId, data, hasResolver, connectors, hasPagination }) => {
+    if (isTreeData(data))
+        return state;
     if ((state[tableId] && JSON.stringify(state[tableId].data) === JSON.stringify(data)) || state[tableId]?.hasResolver)
         return state;
-    return updateStateWithNewTable(state, tableId, { data, hasResolver, connectors });
+    return updateStateWithNewTable(state, tableId, {
+        data,
+        hasResolver,
+        connectors,
+        hasPagination
+    });
 }), on(QdTableActions.initTableStateSelectedRows, (state, { tableId, selectedRows }) => {
     if (state[tableId].selectedRows)
         return state;