@acorex/modules 20.2.0-next.4 → 20.2.1

package/fesm2022/acorex-modules-report-management.mjs

@@ -1,9 +1,9 @@
 import { AXPSessionService, AXPAuthGuard } from '@acorex/platform/auth';
-import { AXP_REPORT_DEFINITION_PROVIDER, AXP_REPORT_CATEGORY_PROVIDER, createAllQueryView, AXPEntityCommandScope, AXPEntityQueryType, AXPLockService, AXP_MENU_PROVIDER, AXPReportDefinitionService, AXPieChartReportMapper } from '@acorex/platform/common';
+import { createAllQueryView, AXPEntityCommandScope, AXPEntityQueryType, AXPLockService, AXP_MENU_PROVIDER } from '@acorex/platform/common';
 import { AXPDomainModule, provideEntity } from '@acorex/platform/domain';
 import { AXPRootLayoutComponent } from '@acorex/platform/themes/default';
 import * as i0 from '@angular/core';
-import { inject, Injectable, NgModule, computed, viewChild, effect, ViewEncapsulation, ChangeDetectionStrategy, Component, signal, input } from '@angular/core';
+import { InjectionToken, inject, Injectable, NgModule, computed, viewChild, effect, ViewEncapsulation, ChangeDetectionStrategy, Component, signal, input } from '@angular/core';
 import { ROUTES, ActivatedRoute, Router } from '@angular/router';
 import { AXPQueryService, AXPCommandService } from '@acorex/platform/runtime';
 import { AXP_EXPRESSION_EVALUATOR_SCOPE_PROVIDER, getSystemActions, applySystemActionDefault } from '@acorex/platform/core';
@@ -75,6 +75,250 @@ const RootConfig = {
     },
 };
 
+//#region ----   Imports   ----
+//#endregion
+
+const AXP_REPORT_DEFINITION_PROVIDER = new InjectionToken('AXP_REPORT_DEFINITION_PROVIDER', {
+    factory: () => [],
+});
+const AXP_REPORT_CATEGORY_PROVIDER = new InjectionToken('AXP_REPORT_CATEGORY_PROVIDER', {
+    factory: () => [],
+});
+
+//#region ----   Imports   ----
+//#endregion
+class AXPReportDefinitionService {
+    constructor() {
+        //#region ----   Providers & Caches   ----
+        this.categoryProviders = inject(AXP_REPORT_CATEGORY_PROVIDER, { optional: true }) || [];
+        this.definitionProviders = inject(AXP_REPORT_DEFINITION_PROVIDER, { optional: true }) || [];
+        /** Cache for definitions by categoryId. */
+        this.definitionsByCategory = new Map();
+        /** Cache for categories by id. */
+        this.categoriesById = new Map();
+        /** Cache for categories by parentId. */
+        this.categoriesByParentId = new Map();
+    }
+    //#endregion
+    //#region ----   Public API   ----
+    /**
+     * Returns all categories for a given parentId, loading from providers if not cached.
+     * Continues reading from other providers even if one fails.
+     */
+    async getCategories(parentId) {
+        if (this.categoriesByParentId.has(parentId)) {
+            return this.categoriesByParentId.get(parentId);
+        }
+        const resolvedProviders = await Promise.allSettled(this.categoryProviders);
+        const categories = [];
+        for (const p of resolvedProviders) {
+            if (p.status === 'fulfilled' && p.value && typeof p.value.getList === 'function') {
+                try {
+                    const cats = await p.value.getList(parentId);
+                    if (Array.isArray(cats)) {
+                        categories.push(...cats);
+                    }
+                }
+                catch {
+                    // continue on error
+                }
+            }
+        }
+        this.categoriesByParentId.set(parentId, categories);
+        for (const cat of categories) {
+            this.categoriesById.set(cat.id, cat);
+        }
+        return categories;
+    }
+    /**
+     * Returns all report definitions for a given categoryId, loading from providers if not cached.
+     * Continues reading from other providers even if one fails.
+     */
+    async getReportsByCategoryId(categoryId) {
+        if (this.definitionsByCategory.has(categoryId)) {
+            return this.definitionsByCategory.get(categoryId);
+        }
+        const resolvedProviders = await Promise.allSettled(this.definitionProviders);
+        const definitions = [];
+        for (const p of resolvedProviders) {
+            if (p.status === 'fulfilled' && p.value && typeof p.value.getList === 'function') {
+                try {
+                    const defs = await p.value.getList(categoryId);
+                    if (Array.isArray(defs)) {
+                        definitions.push(...defs);
+                    }
+                }
+                catch {
+                    // continue on error
+                }
+            }
+        }
+        this.definitionsByCategory.set(categoryId, definitions);
+        return definitions;
+    }
+    /**
+     * Returns a report definition by its id. Continues through providers on errors.
+     */
+    async getReportById(id) {
+        for (const reports of this.definitionsByCategory.values()) {
+            const found = reports.find(report => report.id === id);
+            if (found) {
+                return found;
+            }
+        }
+        const resolvedProviders = await Promise.allSettled(this.definitionProviders);
+        for (const p of resolvedProviders) {
+            if (p.status === 'fulfilled' && p.value && typeof p.value.getById === 'function') {
+                try {
+                    const result = await p.value.getById(id);
+                    if (result)
+                        return result;
+                }
+                catch {
+                    // continue on error
+                }
+            }
+        }
+        return undefined;
+    }
+    /**
+     * Returns a category by its id, using cache and providers if needed.
+     */
+    async getCategoryById(categoryId) {
+        if (this.categoriesById.has(categoryId)) {
+            return this.categoriesById.get(categoryId);
+        }
+        for (const categories of this.categoriesByParentId.values()) {
+            const found = categories.find(cat => cat.id === categoryId);
+            if (found) {
+                this.categoriesById.set(categoryId, found);
+                return found;
+            }
+        }
+        if (!this.categoriesByParentId.has(undefined)) {
+            await this.getCategories();
+            const found = this.categoriesById.get(categoryId);
+            if (found)
+                return found;
+        }
+        const searchQueue = [undefined];
+        const searched = new Set();
+        while (searchQueue.length > 0) {
+            const parentId = searchQueue.shift();
+            if (searched.has(parentId))
+                continue;
+            searched.add(parentId);
+            const categories = await this.getCategories(parentId);
+            const found = categories.find(cat => cat.id === categoryId);
+            if (found) {
+                return found;
+            }
+            for (const category of categories) {
+                if (!searched.has(category.id)) {
+                    searchQueue.push(category.id);
+                }
+            }
+        }
+        return undefined;
+    }
+    /**
+     * Returns the full categories path from root to the specified category.
+     */
+    async getCategoriesPathById(categoryId) {
+        const path = [];
+        let currentCategoryId = categoryId;
+        while (currentCategoryId) {
+            let category = this.categoriesById.get(currentCategoryId);
+            if (!category) {
+                category = await this.getCategoryById(currentCategoryId);
+                if (!category) {
+                    throw new Error(`Category with id '${currentCategoryId}' not found`);
+                }
+            }
+            path.unshift(category);
+            currentCategoryId = category.parentId;
+        }
+        return path;
+    }
+    /**
+     * Returns the full categories path for the category that contains the specified report.
+     */
+    async getCategoriesPathByReportId(reportId) {
+        const categoryId = await this.getCategoryIdByReportId(reportId);
+        if (!categoryId) {
+            throw new Error(`Report with id '${reportId}' not found in any category`);
+        }
+        return this.getCategoriesPathById(categoryId);
+    }
+    /**
+     * Returns the category ID that contains a specific report.
+     */
+    async getCategoryIdByReportId(reportId) {
+        for (const [categoryId, reports] of this.definitionsByCategory.entries()) {
+            if (reports.some(report => report.id === reportId)) {
+                return categoryId;
+            }
+        }
+        if (!this.categoriesByParentId.has(undefined)) {
+            await this.getCategories();
+        }
+        const searched = new Set();
+        const searchQueueParents = [undefined];
+        const searchedParents = new Set();
+        while (searchQueueParents.length > 0) {
+            const parentId = searchQueueParents.shift();
+            if (searchedParents.has(parentId))
+                continue;
+            searchedParents.add(parentId);
+            const categories = await this.getCategories(parentId);
+            for (const category of categories) {
+                if (!searched.has(category.id)) {
+                    searched.add(category.id);
+                    const reports = await this.getReportsByCategoryId(category.id);
+                    if (reports.some(report => report.id === reportId)) {
+                        return category.id;
+                    }
+                    searchQueueParents.push(category.id);
+                }
+            }
+        }
+        return undefined;
+    }
+    //#endregion
+    //#region ----   Cache Management   ----
+    clearDefinitionsCache() {
+        this.definitionsByCategory.clear();
+    }
+    clearCategoriesCache() {
+        this.categoriesByParentId.clear();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXPReportDefinitionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXPReportDefinitionService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXPReportDefinitionService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+function AXPBarChartReportMapper(data, options) {
+    return data.map((item) => {
+        return {
+            id: item.id,
+            label: item[options.xField],
+            value: Array.isArray(options.yFields) ? item[options.yFields[0]] : item[options.yFields]
+        };
+    });
+}
+function AXPieChartReportMapper(data) {
+    return Object.entries(data).map(([key, value]) => ({
+        id: key,
+        label: key,
+        value: value
+    }));
+}
+
 class AXMReportDefinitionProvider {
     constructor() {
         this.queryService = inject(AXPQueryService);
@@ -88,10 +332,10 @@ class AXMReportDefinitionProvider {
         const result = await this.queryService.fetch(`${this.entityName}:GetById`, id);
         return result ?? undefined;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXMReportDefinitionProvider, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXMReportDefinitionProvider }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXMReportDefinitionProvider, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXMReportDefinitionProvider }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXMReportDefinitionProvider, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXMReportDefinitionProvider, decorators: [{
             type: Injectable
         }] });
 const AXM_REPORT_DEFINITION_PROVIDER = {
@@ -118,10 +362,10 @@ class AXMReportCategoryProvider {
     async getById(id) {
         return this.getList().then(cats => cats.find(cat => cat.id === id));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXMReportCategoryProvider, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXMReportCategoryProvider }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXMReportCategoryProvider, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXMReportCategoryProvider }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXMReportCategoryProvider, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXMReportCategoryProvider, decorators: [{
             type: Injectable
         }] });
 const AXM_REPORT_CATEGORY_PROVIDER = {
@@ -153,10 +397,10 @@ class AXMDataSetServiceImpl extends AXMDataSetService {
     constructor() {
         super(`${RootConfig.module.name}.${RootConfig.entities.dataSet.name}`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXMDataSetServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXMDataSetServiceImpl }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXMDataSetServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXMDataSetServiceImpl }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXMDataSetServiceImpl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXMDataSetServiceImpl, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -981,7 +1225,7 @@ class AXMReportCreateRootWorkflowAction extends AXPWorkflowAction {
     }
     async execute(context) {
         //  const refId = context.getVariable<string>('options.refId');
-        const comp = await import('./acorex-modules-report-management-report-create-root.component-CFNtnshF.mjs').then(m => m.AXPReportCreateRootComponent);
+        const comp = await import('./acorex-modules-report-management-report-create-root.component-CPR6H1R1.mjs').then(m => m.AXPReportCreateRootComponent);
         this.popupService.open(comp, await this.translationService.translateAsync('report.create.title', { scope: 'report-management' }));
     }
 }
@@ -1049,7 +1293,7 @@ function routesFacory() {
             children: [
                 {
                     path: '**',
-                    loadComponent: () => import('./acorex-modules-report-management-report-runner-root-page.component-CbfJ_7Da.mjs').then((c) => c.AXMReportRunnerRootPageComponent),
+                    loadComponent: () => import('./acorex-modules-report-management-report-runner-root-page.component-BIUto_c9.mjs').then((c) => c.AXMReportRunnerRootPageComponent),
                     data: { reuse: true },
                 },
             ],
@@ -1058,9 +1302,9 @@ function routesFacory() {
     return routes;
 }
 class AXMReportManagementModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXMReportManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: AXMReportManagementModule, imports: [AXPDomainModule, i1.AXPWorkflowModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXMReportManagementModule, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXMReportManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.6", ngImport: i0, type: AXMReportManagementModule, imports: [AXPDomainModule, i1.AXPWorkflowModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXMReportManagementModule, providers: [
             {
                 provide: AXMDataSetService,
                 useClass: AXMDataSetServiceImpl,
@@ -1103,7 +1347,7 @@ class AXMReportManagementModule {
                 },
             })] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXMReportManagementModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXMReportManagementModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -1170,7 +1414,7 @@ const AXPReportViewerViewModel = signalStore(withState(() => ({
         const report = store.reportDefinition();
         if (!report?.layouts)
             return [];
-        return report.layouts.map(layout => ({
+        return report.layouts.map((layout) => ({
             id: layout.id,
             title: layout.title,
             icon: layout.icon,
@@ -1182,7 +1426,7 @@ const AXPReportViewerViewModel = signalStore(withState(() => ({
         if (!report?.layouts?.length)
             return null;
         // Find layout marked as default, or use first layout
-        return report.layouts.find(l => l.isDefault) || report.layouts[0];
+        return report.layouts.find((l) => l.isDefault) || report.layouts[0];
     }),
     activeLayoutId: computed(() => store.currentLayout()?.id || null),
     layoutType: computed(() => store.currentLayout()?.layout?.type || null),
@@ -1219,11 +1463,11 @@ const AXPReportViewerViewModel = signalStore(withState(() => ({
             return { groups: [] };
         }
         return {
-            groups: report.parameterGroups.map(group => ({
+            groups: report.parameterGroups.map((group) => ({
                 name: group.name,
                 title: group.title,
                 description: group.description,
-                parameters: group.parameters.map(param => ({
+                parameters: group.parameters.map((param) => ({
                     path: param.path,
                     title: param.title,
                     description: param.description,
@@ -1329,7 +1573,7 @@ const AXPReportViewerViewModel = signalStore(withState(() => ({
                     // Load categories path for breadcrumbs
                     const categoriesPath = await reportDefinitionService.getCategoriesPathByReportId(reportId);
                     // Set default layout
-                    const defaultLayout = report.layouts.find(l => l.isDefault) || report.layouts[0];
+                    const defaultLayout = report.layouts.find((l) => l.isDefault) || report.layouts[0];
                     patchState(store, {
                         reportDefinition: report,
                         currentLayout: defaultLayout,
@@ -1357,7 +1601,7 @@ const AXPReportViewerViewModel = signalStore(withState(() => ({
             const report = store.reportDefinition();
             if (!report)
                 return;
-            const layout = report.layouts.find(l => l.id === layoutId);
+            const layout = report.layouts.find((l) => l.id === layoutId);
             if (layout) {
                 patchState(store, {
                     currentLayout: layout,
@@ -1544,10 +1788,10 @@ class AXPReportTableViewComponent {
             color: defaultAction.color,
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPReportTableViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: AXPReportTableViewComponent, isStandalone: true, selector: "axp-report-table-view", viewQueries: [{ propertyName: "grid", first: true, predicate: ["grid"], descendants: true, isSignal: true }], ngImport: i0, template: "<ax-data-table\n  #grid\n  [dataSource]=\"dataSource\"\n  [paging]=\"true\"\n  (onRowDbClick)=\"handleDbRowClick($event)\"\n  class=\"ax-flex-1\"\n>\n  <!-- Dynamic columns based on configuration -->\n  <ax-index-column fixed=\"start\" [width]=\"'80px'\" [padZero]=\"true\"></ax-index-column>\n  @if (vm.canSelectRows()) {\n    <ax-select-column fixed=\"start\" [width]=\"'50px'\"></ax-select-column>\n  }\n  @for (column of columns(); track column.field) {\n    @if (column.visible) {\n      <axp-widget-column-renderer\n        [customWidth]=\"column.width + 'px'\"\n        [caption]=\"(column.title | translate | async)!\"\n        [node]=\"column.widget!\"\n      ></axp-widget-column-renderer>\n    }\n  }\n  @if (hasPrimaryRowAction()) {\n    <ax-command-column\n      fixed=\"end\"\n      [width]=\"'100px'\"\n      [items]=\"primaryRowAction()\"\n      (onItemClick)=\"handleRowClick($event)\"\n    ></ax-command-column>\n  }\n  @if (hasSecondaryRowAction()) {\n    <ax-dropdown-command-column\n      fixed=\"end\"\n      [width]=\"'60px'\"\n      [items]=\"secondaryRowAction()\"\n      (onItemClick)=\"handleRowClick($event)\"\n    ></ax-dropdown-command-column>\n  }\n</ax-data-table>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXDataTableModule }, { kind: "component", type: i1$1.AXDataTableComponent, selector: "ax-data-table", inputs: ["dataSource", "selectedRows", "parentField", "rowTemplate", "emptyTemplate", "noDataTemplate", "alternative", "showHeader", "fixedHeader", "showFooter", "fixedFooter", "itemHeight", "allowReordering", "paging", "fetchDataMode", "loading", "focusedRow"], outputs: ["selectedRowsChange", "focusedRowChange", "onRowClick", "onRowDbClick", "onColumnsOrderChanged", "onColumnSizeChanged", "onPageChanged"] }, { kind: "component", type: i1$1.AXRowIndexColumnComponent, selector: "ax-index-column", inputs: ["width", "caption", "fixed", "footerTemplate", "padZero"] }, { kind: "component", type: i1$1.AXRowSelectColumnComponent, selector: "ax-select-column", inputs: ["width", "caption", "fixed"] }, { kind: "component", type: i1$1.AXRowCommandColumnComponent, selector: "ax-command-column", inputs: ["width", "caption", "fixed", "footerTemplate", "items"], outputs: ["onItemClick"] }, { kind: "component", type: i1$1.AXRowDropdownCommandColumnComponent, selector: "ax-dropdown-command-column", inputs: ["width", "caption", "fixed", "footerTemplate", "items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "component", type: i2.AXPWidgetColumnRendererComponent, selector: "axp-widget-column-renderer", inputs: ["caption", "customExpandIcon", "customCollapseIcon", "customWidth", "node", "footerTemplate", "expandHandler", "cellTemplate", "headerTemplate"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$3.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXPReportTableViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: AXPReportTableViewComponent, isStandalone: true, selector: "axp-report-table-view", viewQueries: [{ propertyName: "grid", first: true, predicate: ["grid"], descendants: true, isSignal: true }], ngImport: i0, template: "<ax-data-table\n  #grid\n  [dataSource]=\"dataSource\"\n  [paging]=\"true\"\n  (onRowDbClick)=\"handleDbRowClick($event)\"\n  class=\"ax-flex-1\"\n>\n  <!-- Dynamic columns based on configuration -->\n  <ax-index-column fixed=\"start\" [width]=\"'80px'\" [padZero]=\"true\"></ax-index-column>\n  @if (vm.canSelectRows()) {\n    <ax-select-column fixed=\"start\" [width]=\"'50px'\"></ax-select-column>\n  }\n  @for (column of columns(); track column.field) {\n    @if (column.visible) {\n      <axp-widget-column-renderer\n        [customWidth]=\"column.width + 'px'\"\n        [caption]=\"(column.title | translate | async)!\"\n        [node]=\"column.widget!\"\n      ></axp-widget-column-renderer>\n    }\n  }\n  @if (hasPrimaryRowAction()) {\n    <ax-command-column\n      fixed=\"end\"\n      [width]=\"'100px'\"\n      [items]=\"primaryRowAction()\"\n      (onItemClick)=\"handleRowClick($event)\"\n    ></ax-command-column>\n  }\n  @if (hasSecondaryRowAction()) {\n    <ax-dropdown-command-column\n      fixed=\"end\"\n      [width]=\"'60px'\"\n      [items]=\"secondaryRowAction()\"\n      (onItemClick)=\"handleRowClick($event)\"\n    ></ax-dropdown-command-column>\n  }\n</ax-data-table>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXDataTableModule }, { kind: "component", type: i1$1.AXDataTableComponent, selector: "ax-data-table", inputs: ["dataSource", "selectedRows", "parentField", "rowTemplate", "emptyTemplate", "noDataTemplate", "alternative", "showHeader", "fixedHeader", "showFooter", "fixedFooter", "itemHeight", "allowReordering", "paging", "fetchDataMode", "loading", "focusedRow"], outputs: ["selectedRowsChange", "focusedRowChange", "onRowClick", "onRowDbClick", "onColumnsOrderChanged", "onColumnSizeChanged", "onPageChanged"] }, { kind: "component", type: i1$1.AXRowIndexColumnComponent, selector: "ax-index-column", inputs: ["width", "caption", "fixed", "footerTemplate", "padZero"] }, { kind: "component", type: i1$1.AXRowSelectColumnComponent, selector: "ax-select-column", inputs: ["width", "caption", "fixed"] }, { kind: "component", type: i1$1.AXRowCommandColumnComponent, selector: "ax-command-column", inputs: ["width", "caption", "fixed", "footerTemplate", "items"], outputs: ["onItemClick"] }, { kind: "component", type: i1$1.AXRowDropdownCommandColumnComponent, selector: "ax-dropdown-command-column", inputs: ["width", "caption", "fixed", "footerTemplate", "items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "component", type: i2.AXPWidgetColumnRendererComponent, selector: "axp-widget-column-renderer", inputs: ["caption", "customExpandIcon", "customCollapseIcon", "customWidth", "node", "footerTemplate", "expandHandler", "cellTemplate", "headerTemplate"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$3.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPReportTableViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXPReportTableViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'axp-report-table-view', standalone: true, imports: [
                         CommonModule,
@@ -1665,10 +1909,10 @@ class AXPReportChartViewComponent {
             dataMapping: this.dataMapping()
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPReportChartViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: AXPReportChartViewComponent, isStandalone: true, selector: "axp-report-chart-view", ngImport: i0, template: "<div class=\"axp-report-chart-view\" *translate=\"let t\">\n  @if (vm.status() === AXPPageStatus.Processing) {\n    <!-- Loading State -->\n    <div class=\"__loading\">\n      <div\n        class=\"ax-spinner ax-spin ax-border-4 ax-border-gray-200 ax-border-t-primary ax-rounded-full ax-w-12 ax-h-12\"\n      ></div>\n      <div class=\"__loading-text\">\n        {{ t('@report-management:features.report-viewer.loading.chart') | async }}\n      </div>\n    </div>\n  } @else if (vm.status() === AXPPageStatus.Error) {\n    <!-- Error State -->\n    <div class=\"__error\">\n      <div class=\"__error-icon\">\n        <i class=\"fa-light fa-exclamation-triangle\"></i>\n      </div>\n      <div class=\"__error-content\">\n        <h4 class=\"__error-title\">\n          {{ t('@report-management:features.report-viewer.error.title') | async }}\n        </h4>\n        <p class=\"__error-description\">\n          {{ vm.error() || t('@report-management:features.report-viewer.error.generic') | async }}\n        </p>\n      </div>\n    </div>\n  } @else if (isChartReady()) {\n    <!-- Chart Content -->\n    <div class=\"__chart-container\">\n      @if (chartLayout()?.header) {\n        <div class=\"__chart-header\">\n          <h3 class=\"__chart-title\">{{ chartLayout()?.header?.title }}</h3>\n          @if (chartLayout()?.header?.showDate) {\n            <div class=\"__chart-date\">{{ 'common.date.today' | translate | async }}</div>\n          }\n        </div>\n      }\n\n      <div class=\"__chart-body\">\n        <!-- Chart component will be rendered here -->\n        <div class=\"__chart-placeholder\">\n          <div class=\"__placeholder-content\">\n            <div\n              class=\"ax-flex ax-flex-wrap ax-items-center ax-justify-center ax-gap-10\"\n              [class]=\"legendOptions().mode === 'horizontal' ? 'ax-flex-col' : 'ax-flex-row'\"\n            >\n              <!-- Chart Area -->\n              <div class=\"ax-flex-0 ax-size-96\">\n                <ax-donut-chart #chart [data]=\"donutChartData()\" [options]=\"donutChartOptions()\"></ax-donut-chart>\n              </div>\n              <!-- Legend Area -->\n              @if (donutChartData().length > 0) {\n                <div>\n                  <ax-chart-legend [options]=\"legendOptions()\" [chart]=\"chart\"></ax-chart-legend>\n                </div>\n              }\n            </div>\n          </div>\n        </div>\n      </div>\n\n      @if (chartLayout()?.footer) {\n        <div class=\"__chart-footer\">\n          @if (chartLayout()?.footer?.customHtml) {\n            <div [innerHTML]=\"chartLayout()?.footer?.customHtml\"></div>\n          }\n        </div>\n      }\n    </div>\n  } @else {\n    <!-- No Configuration State -->\n    <div class=\"__no-config\">\n      <div class=\"__no-config-icon\">\n        <i class=\"fa-light fa-chart-line\"></i>\n      </div>\n      <div class=\"__no-config-content\">\n        <h4 class=\"__no-config-title\">\n          {{ t('@report-management:features.report-viewer.chart.no-config.title') | async }}\n        </h4>\n        <p class=\"__no-config-description\">\n          {{ t('@report-management:features.report-viewer.chart.no-config.description') | async }}\n        </p>\n      </div>\n    </div>\n  }\n</div>\n", styles: [".axp-report-chart-view{display:flex;height:100%;width:100%;flex-direction:column}.axp-report-chart-view .__loading{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem}.axp-report-chart-view .__loading .__loading-text{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.axp-report-chart-view .__chart-container{display:flex;height:100%;width:100%;flex-direction:column}.axp-report-chart-view .__chart-container .__chart-header{border-bottom-width:1px;--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:1rem}.axp-report-chart-view .__chart-container .__chart-header .__chart-title{margin:0;font-size:1.125rem;line-height:1.75rem;font-weight:600}.axp-report-chart-view .__chart-container .__chart-header .__chart-date{margin-top:.25rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.axp-report-chart-view .__chart-container .__chart-body{flex:1 1 0%;overflow:hidden}.axp-report-chart-view .__chart-container .__chart-body .__chart-placeholder{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;text-align:center}.axp-report-chart-view .__chart-container .__chart-body .__chart-placeholder .__placeholder-icon{font-size:3.75rem;line-height:1;color:rgba(var(--ax-sys-color-primary-500),.2)}.axp-report-chart-view .__chart-container .__chart-body .__chart-placeholder .__placeholder-content{max-width:28rem}.axp-report-chart-view .__chart-container .__chart-body .__chart-placeholder .__placeholder-content .__placeholder-title{margin-bottom:.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:600}.axp-report-chart-view .__chart-container .__chart-body .__chart-placeholder .__placeholder-content .__placeholder-description{margin-bottom:1rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.axp-report-chart-view .__chart-container .__chart-body .__chart-content{height:100%;width:100%}.axp-report-chart-view .__chart-container .__chart-footer{border-top-width:1px;--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:1rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.axp-report-chart-view .__error{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center}.axp-report-chart-view .__error .__error-icon{font-size:2.25rem;line-height:2.5rem;--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.axp-report-chart-view .__error .__error-content{max-width:28rem}.axp-report-chart-view .__error .__error-content .__error-title{margin-bottom:.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.axp-report-chart-view .__error .__error-content .__error-description{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.axp-report-chart-view .__no-config{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center}.axp-report-chart-view .__no-config .__no-config-icon{font-size:2.25rem;line-height:2.5rem;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.axp-report-chart-view .__no-config .__no-config-content{max-width:28rem}.axp-report-chart-view .__no-config .__no-config-content .__no-config-title{margin-bottom:.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:600}.axp-report-chart-view .__no-config .__no-config-content .__no-config-description{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i1$3.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "component", type: AXDonutChartComponent, selector: "ax-donut-chart", inputs: ["data", "options"], outputs: ["segmentClick", "segmentHover"] }, { kind: "component", type: AXChartLegendComponent, selector: "ax-chart-legend", inputs: ["chart", "options"], outputs: ["itemClick", "itemMouseEnter", "itemMouseLeave"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$3.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXPReportChartViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: AXPReportChartViewComponent, isStandalone: true, selector: "axp-report-chart-view", ngImport: i0, template: "<div class=\"axp-report-chart-view\" *translate=\"let t\">\n  @if (vm.status() === AXPPageStatus.Processing) {\n    <!-- Loading State -->\n    <div class=\"__loading\">\n      <div\n        class=\"ax-spinner ax-spin ax-border-4 ax-border-gray-200 ax-border-t-primary ax-rounded-full ax-w-12 ax-h-12\"\n      ></div>\n      <div class=\"__loading-text\">\n        {{ t('@report-management:features.report-viewer.loading.chart') | async }}\n      </div>\n    </div>\n  } @else if (vm.status() === AXPPageStatus.Error) {\n    <!-- Error State -->\n    <div class=\"__error\">\n      <div class=\"__error-icon\">\n        <i class=\"fa-light fa-exclamation-triangle\"></i>\n      </div>\n      <div class=\"__error-content\">\n        <h4 class=\"__error-title\">\n          {{ t('@report-management:features.report-viewer.error.title') | async }}\n        </h4>\n        <p class=\"__error-description\">\n          {{ vm.error() || t('@report-management:features.report-viewer.error.generic') | async }}\n        </p>\n      </div>\n    </div>\n  } @else if (isChartReady()) {\n    <!-- Chart Content -->\n    <div class=\"__chart-container\">\n      @if (chartLayout()?.header) {\n        <div class=\"__chart-header\">\n          <h3 class=\"__chart-title\">{{ chartLayout()?.header?.title }}</h3>\n          @if (chartLayout()?.header?.showDate) {\n            <div class=\"__chart-date\">{{ 'common.date.today' | translate | async }}</div>\n          }\n        </div>\n      }\n\n      <div class=\"__chart-body\">\n        <!-- Chart component will be rendered here -->\n        <div class=\"__chart-placeholder\">\n          <div class=\"__placeholder-content\">\n            <div\n              class=\"ax-flex ax-flex-wrap ax-items-center ax-justify-center ax-gap-10\"\n              [class]=\"legendOptions().mode === 'horizontal' ? 'ax-flex-col' : 'ax-flex-row'\"\n            >\n              <!-- Chart Area -->\n              <div class=\"ax-flex-0 ax-size-96\">\n                <ax-donut-chart #chart [data]=\"donutChartData()\" [options]=\"donutChartOptions()\"></ax-donut-chart>\n              </div>\n              <!-- Legend Area -->\n              @if (donutChartData().length > 0) {\n                <div>\n                  <ax-chart-legend [options]=\"legendOptions()\" [chart]=\"chart\"></ax-chart-legend>\n                </div>\n              }\n            </div>\n          </div>\n        </div>\n      </div>\n\n      @if (chartLayout()?.footer) {\n        <div class=\"__chart-footer\">\n          @if (chartLayout()?.footer?.customHtml) {\n            <div [innerHTML]=\"chartLayout()?.footer?.customHtml\"></div>\n          }\n        </div>\n      }\n    </div>\n  } @else {\n    <!-- No Configuration State -->\n    <div class=\"__no-config\">\n      <div class=\"__no-config-icon\">\n        <i class=\"fa-light fa-chart-line\"></i>\n      </div>\n      <div class=\"__no-config-content\">\n        <h4 class=\"__no-config-title\">\n          {{ t('@report-management:features.report-viewer.chart.no-config.title') | async }}\n        </h4>\n        <p class=\"__no-config-description\">\n          {{ t('@report-management:features.report-viewer.chart.no-config.description') | async }}\n        </p>\n      </div>\n    </div>\n  }\n</div>\n", styles: [".axp-report-chart-view{display:flex;height:100%;width:100%;flex-direction:column}.axp-report-chart-view .__loading{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem}.axp-report-chart-view .__loading .__loading-text{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.axp-report-chart-view .__chart-container{display:flex;height:100%;width:100%;flex-direction:column}.axp-report-chart-view .__chart-container .__chart-header{border-bottom-width:1px;--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:1rem}.axp-report-chart-view .__chart-container .__chart-header .__chart-title{margin:0;font-size:1.125rem;line-height:1.75rem;font-weight:600}.axp-report-chart-view .__chart-container .__chart-header .__chart-date{margin-top:.25rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.axp-report-chart-view .__chart-container .__chart-body{flex:1 1 0%;overflow:hidden}.axp-report-chart-view .__chart-container .__chart-body .__chart-placeholder{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;text-align:center}.axp-report-chart-view .__chart-container .__chart-body .__chart-placeholder .__placeholder-icon{font-size:3.75rem;line-height:1;color:rgba(var(--ax-sys-color-primary-500),.2)}.axp-report-chart-view .__chart-container .__chart-body .__chart-placeholder .__placeholder-content{max-width:28rem}.axp-report-chart-view .__chart-container .__chart-body .__chart-placeholder .__placeholder-content .__placeholder-title{margin-bottom:.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:600}.axp-report-chart-view .__chart-container .__chart-body .__chart-placeholder .__placeholder-content .__placeholder-description{margin-bottom:1rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.axp-report-chart-view .__chart-container .__chart-body .__chart-content{height:100%;width:100%}.axp-report-chart-view .__chart-container .__chart-footer{border-top-width:1px;--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:1rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.axp-report-chart-view .__error{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center}.axp-report-chart-view .__error .__error-icon{font-size:2.25rem;line-height:2.5rem;--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.axp-report-chart-view .__error .__error-content{max-width:28rem}.axp-report-chart-view .__error .__error-content .__error-title{margin-bottom:.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.axp-report-chart-view .__error .__error-content .__error-description{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.axp-report-chart-view .__no-config{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center}.axp-report-chart-view .__no-config .__no-config-icon{font-size:2.25rem;line-height:2.5rem;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.axp-report-chart-view .__no-config .__no-config-content{max-width:28rem}.axp-report-chart-view .__no-config .__no-config-content .__no-config-title{margin-bottom:.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:600}.axp-report-chart-view .__no-config .__no-config-content .__no-config-description{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i1$3.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "component", type: AXDonutChartComponent, selector: "ax-donut-chart", inputs: ["data", "options"], outputs: ["segmentClick", "segmentHover"] }, { kind: "component", type: AXChartLegendComponent, selector: "ax-chart-legend", inputs: ["chart", "options"], outputs: ["itemClick", "itemMouseEnter", "itemMouseLeave"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$3.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPReportChartViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXPReportChartViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'axp-report-chart-view', standalone: true, imports: [
                         CommonModule,
@@ -1922,19 +2166,19 @@ class AXPReportViewerPageComponent extends AXPPageLayoutBaseComponent {
                 break;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPReportViewerPageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: AXPReportViewerPageComponent, isStandalone: true, selector: "axp-report-viewer-page", inputs: { reportId: { classPropertyName: "reportId", publicName: "reportId", isSignal: true, isRequired: false, transformFunction: null }, reportParameters: { classPropertyName: "reportParameters", publicName: "reportParameters", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "axp-report-viewer-page" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXPReportViewerPageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: AXPReportViewerPageComponent, isStandalone: true, selector: "axp-report-viewer-page", inputs: { reportId: { classPropertyName: "reportId", publicName: "reportId", isSignal: true, isRequired: false, transformFunction: null }, reportParameters: { classPropertyName: "reportParameters", publicName: "reportParameters", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "axp-report-viewer-page" }, providers: [
             AXUnsubscriber,
             AXPReportViewerViewModel,
             {
                 provide: AXPPageLayoutBase,
                 useExisting: AXPReportViewerPageComponent,
             },
-        ], viewQueries: [{ propertyName: "filtersForm", first: true, predicate: ["filtersForm"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<axp-page-layout *translate=\"let t\">\n  <!-- Left Panel: Filters (Always visible for desktop) -->\n  @if (showFiltersPanel()) {\n    <axp-layout-start-side>\n      <axp-layout-header>\n        <axp-layout-title>\n          {{ t('@report-management:features.report-viewer.filters.title') | async }}\n        </axp-layout-title>\n      </axp-layout-header>\n      <axp-layout-content>\n        <div class=\"__filters-container\">\n          <axp-dynamic-form\n            #filtersForm\n            [formDefinition]=\"vm.formDefinition()\"\n            [context]=\"vm.filterContext()\"\n            [layoutConfig]=\"defaultLayout()\"\n            [layoutStyle]=\"'compact'\"\n            (contextChange)=\"handleFiltersChange($event)\"\n            (contextInitiated)=\"handleFiltersInitiated($event)\"\n          >\n          </axp-dynamic-form>\n        </div>\n      </axp-layout-content>\n      <axp-layout-footer class=\"ax-p-4 ax-border-t\">\n        <ax-button\n          [class.ax-sm]=\"layoutService.isSmall()\"\n          class=\"ax-w-full\"\n          [text]=\"t('@report-management:features.report-viewer.actions.execute') | async\"\n          [color]=\"'primary'\"\n          (onClick)=\"execute({ name: 'execute-report' })\"\n        >\n          <ax-prefix>\n            <ax-icon class=\"fa-light fa-play\"></ax-icon>\n          </ax-prefix>\n        </ax-button>\n      </axp-layout-footer>\n    </axp-layout-start-side>\n  }\n\n  <axp-page-toolbar>\n    <axp-layout-prefix>\n      @if (vm.hasMultipleLayouts()) {\n        <ax-button [text]=\"vm.currentLayout()?.title\">\n          <ax-icon icon=\"fa-light {{ vm.currentLayout()?.icon }}\"></ax-icon>\n          <ax-dropdown-panel>\n            @for (layout of vm.availableLayouts(); track layout.id) {\n              <ax-button-item-list>\n                <ax-button-item\n                  [text]=\"layout.title\"\n                  [selected]=\"vm.currentLayout()?.id === layout.id\"\n                  (onClick)=\"vm.switchLayout(layout.id)\"\n                >\n                  <ax-icon icon=\"fa-light {{ layout.icon }}\"></ax-icon>\n                </ax-button-item>\n              </ax-button-item-list>\n            }\n          </ax-dropdown-panel>\n        </ax-button>\n      }\n    </axp-layout-prefix>\n    <axp-layout-suffix> </axp-layout-suffix>\n  </axp-page-toolbar>\n\n  <!-- Main Content: Report Display -->\n  <axp-page-content>\n    @if (!vm.reportDefinition()) {\n      <ng-container *ngTemplateOutlet=\"noReport\"></ng-container>\n    } @else {\n      <ng-container *ngTemplateOutlet=\"reportDisplay\"></ng-container>\n    }\n  </axp-page-content>\n</axp-page-layout>\n\n<!-- Report Display Area -->\n<ng-template #reportDisplay>\n  @if (vm.isTableLayout()) {\n    <axp-report-table-view> </axp-report-table-view>\n  } @else if (vm.isChartLayout()) {\n    <axp-report-chart-view> </axp-report-chart-view>\n  }\n</ng-template>\n\n<!-- No Report Selected State -->\n<ng-template #noReport>\n  <div class=\"__no-report\" *translate=\"let t\">\n    <div class=\"__no-report-icon\">\n      <ax-icon class=\"fa-light fa-chart-line\"></ax-icon>\n    </div>\n    <div class=\"__no-report-content\">\n      <h3 class=\"__no-report-title\">\n        {{ t('@report-management:features.report-viewer.no-report.title') | async }}\n      </h3>\n      <p class=\"__no-report-description\">\n        {{ t('@report-management:features.report-viewer.no-report.description') | async }}\n      </p>\n      <div class=\"__no-report-actions\">\n        <ax-button\n          look=\"outline\"\n          color=\"primary\"\n          [text]=\"t('@report-management:features.report-viewer.no-report.browse-reports') | async\"\n        >\n          <ax-prefix>\n            <ax-icon class=\"fa-light fa-folder-open\"></ax-icon>\n          </ax-prefix>\n        </ax-button>\n      </div>\n    </div>\n  </div>\n</ng-template>\n", styles: [".axp-report-viewer-page{display:flex;height:100%;width:100%;flex-direction:column}.axp-report-viewer-page axp-layout-start-side{height:100%;width:20rem;border-inline-end-width:1px;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}@media (min-width: 1920px){.axp-report-viewer-page axp-layout-start-side{width:24rem}}.axp-report-viewer-page axp-layout-start-side>axp-layout-header{height:73px;border-bottom-width:1px}.axp-report-viewer-page axp-layout-start-side axp-layout-content{overflow-x:auto;padding:.5rem}.axp-report-viewer-page axp-layout-start-side axp-layout-content .__filters-container axp-layout-sections{gap:0px!important}.axp-report-viewer-page axp-layout-start-side axp-layout-content .__filters-container axp-layout-sections axp-layout-section{border-style:none!important;padding:0!important;--tw-shadow: 0 0 #0000 !important;--tw-shadow-colored: 0 0 #0000 !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.axp-report-viewer-page .__mobile-filters{flex-shrink:0;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));padding:1rem;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}.axp-report-viewer-page axp-page-content{display:flex;height:100%;flex-direction:column}.axp-report-viewer-page .__no-report{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.axp-report-viewer-page .__no-report .__no-report-icon{margin-bottom:1rem;font-size:3.75rem;line-height:1;--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-primary-500),var(--tw-text-opacity, 1));opacity:.5}.axp-report-viewer-page .__no-report .__no-report-content{max-width:28rem}.axp-report-viewer-page .__no-report .__no-report-content .__no-report-title{margin-bottom:.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:600}.axp-report-viewer-page .__no-report .__no-report-content .__no-report-description{margin-bottom:1.5rem;font-size:.875rem;line-height:1.25rem;opacity:.75}.axp-report-viewer-page .__no-report .__no-report-content .__no-report-actions{display:flex;justify-content:center}.axp-report-viewer-page axp-report-table-view{flex:1 1 0%;overflow:hidden}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i2$1.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i2$1.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i1$3.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i5.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: 
+        ], viewQueries: [{ propertyName: "filtersForm", first: true, predicate: ["filtersForm"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<axp-page-layout *translate=\"let t\">\n  <!-- Left Panel: Filters (Always visible for desktop) -->\n  @if (showFiltersPanel()) {\n  <axp-layout-start-side>\n    <axp-layout-header>\n      <axp-layout-title>\n        {{ t('@report-management:features.report-viewer.filters.title') | async }}\n      </axp-layout-title>\n    </axp-layout-header>\n    <axp-layout-content>\n      <div class=\"__filters-container\">\n        <axp-dynamic-form #filtersForm [formDefinition]=\"vm.formDefinition()\" [context]=\"vm.filterContext()\"\n          [layoutConfig]=\"defaultLayout()\" [layoutStyle]=\"'compact'\" (contextChange)=\"handleFiltersChange($event)\"\n          (contextInitiated)=\"handleFiltersInitiated($event)\">\n        </axp-dynamic-form>\n      </div>\n    </axp-layout-content>\n    <axp-layout-footer class=\"ax-p-4 ax-border-t\">\n      <ax-button [class.ax-sm]=\"layoutService.isSmall()\" class=\"ax-w-full\"\n        [text]=\"t('@report-management:features.report-viewer.actions.execute') | async\" [color]=\"'primary'\"\n        (onClick)=\"execute({ name: 'execute-report' })\">\n        <ax-prefix>\n          <ax-icon class=\"fa-light fa-play\"></ax-icon>\n        </ax-prefix>\n      </ax-button>\n    </axp-layout-footer>\n  </axp-layout-start-side>\n  }\n\n  <axp-page-toolbar>\n    <axp-layout-prefix>\n      @if (vm.hasMultipleLayouts()) {\n      <ax-button [text]=\"vm.currentLayout()?.title\">\n        <ax-icon icon=\"fa-light {{ vm.currentLayout()?.icon }}\"></ax-icon>\n        <ax-dropdown-panel>\n          @for (layout of vm.availableLayouts(); track layout.id) {\n          <ax-button-item-list>\n            <ax-button-item [text]=\"layout.title\" [selected]=\"vm.currentLayout()?.id === layout.id\"\n              (onClick)=\"vm.switchLayout(layout.id)\">\n              <ax-icon icon=\"fa-light {{ layout.icon }}\"></ax-icon>\n            </ax-button-item>\n          </ax-button-item-list>\n          }\n        </ax-dropdown-panel>\n      </ax-button>\n      }\n    </axp-layout-prefix>\n    <axp-layout-suffix> </axp-layout-suffix>\n  </axp-page-toolbar>\n\n  <!-- Main Content: Report Display -->\n  <axp-page-content class=\"ax-overflow-auto\">\n    @if (!vm.reportDefinition()) {\n    <ng-container *ngTemplateOutlet=\"noReport\"></ng-container>\n    } @else {\n    <ng-container *ngTemplateOutlet=\"reportDisplay\"></ng-container>\n    }\n  </axp-page-content>\n</axp-page-layout>\n\n<!-- Report Display Area -->\n<ng-template #reportDisplay>\n  @if (vm.isTableLayout()) {\n  <axp-report-table-view> </axp-report-table-view>\n  } @else if (vm.isChartLayout()) {\n  <axp-report-chart-view> </axp-report-chart-view>\n  }\n</ng-template>\n\n<!-- No Report Selected State -->\n<ng-template #noReport>\n  <div class=\"__no-report\" *translate=\"let t\">\n    <div class=\"__no-report-icon\">\n      <ax-icon class=\"fa-light fa-chart-line\"></ax-icon>\n    </div>\n    <div class=\"__no-report-content\">\n      <h3 class=\"__no-report-title\">\n        {{ t('@report-management:features.report-viewer.no-report.title') | async }}\n      </h3>\n      <p class=\"__no-report-description\">\n        {{ t('@report-management:features.report-viewer.no-report.description') | async }}\n      </p>\n      <div class=\"__no-report-actions\">\n        <ax-button look=\"outline\" color=\"primary\"\n          [text]=\"t('@report-management:features.report-viewer.no-report.browse-reports') | async\">\n          <ax-prefix>\n            <ax-icon class=\"fa-light fa-folder-open\"></ax-icon>\n          </ax-prefix>\n        </ax-button>\n      </div>\n    </div>\n  </div>\n</ng-template>", styles: [".axp-report-viewer-page{display:flex;height:100%;width:100%;flex-direction:column}.axp-report-viewer-page axp-layout-start-side{height:100%;width:20rem;border-inline-end-width:1px;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}@media (min-width: 1920px){.axp-report-viewer-page axp-layout-start-side{width:24rem}}.axp-report-viewer-page axp-layout-start-side>axp-layout-header{height:73px;border-bottom-width:1px}.axp-report-viewer-page axp-layout-start-side axp-layout-content{overflow-x:auto;padding:.5rem}.axp-report-viewer-page axp-layout-start-side axp-layout-content .__filters-container axp-layout-sections{gap:0px!important}.axp-report-viewer-page axp-layout-start-side axp-layout-content .__filters-container axp-layout-sections axp-layout-section{border-style:none!important;padding:0!important;--tw-shadow: 0 0 #0000 !important;--tw-shadow-colored: 0 0 #0000 !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.axp-report-viewer-page .__mobile-filters{flex-shrink:0;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));padding:1rem;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}.axp-report-viewer-page axp-page-content{display:flex;height:100%;flex-direction:column}.axp-report-viewer-page .__no-report{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.axp-report-viewer-page .__no-report .__no-report-icon{margin-bottom:1rem;font-size:3.75rem;line-height:1;--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-primary-500),var(--tw-text-opacity, 1));opacity:.5}.axp-report-viewer-page .__no-report .__no-report-content{max-width:28rem}.axp-report-viewer-page .__no-report .__no-report-content .__no-report-title{margin-bottom:.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:600}.axp-report-viewer-page .__no-report .__no-report-content .__no-report-description{margin-bottom:1.5rem;font-size:.875rem;line-height:1.25rem;opacity:.75}.axp-report-viewer-page .__no-report .__no-report-content .__no-report-actions{display:flex;justify-content:center}.axp-report-viewer-page axp-report-table-view{flex:1 1 0%;overflow:hidden}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i2$1.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i2$1.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i1$3.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i5.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: 
                 // 
                 AXPDynamicFormComponent, selector: "axp-dynamic-form", inputs: ["formDefinition", "context", "layoutStyle", "layoutConfig"], outputs: ["contextChange", "contextInitiated", "validityChange"] }, { kind: "component", type: AXPPageLayoutComponent, selector: "axp-page-layout" }, { kind: "component", type: AXPThemeLayoutStartSideComponent, selector: "axp-layout-page-start-side, axp-layout-start-side" }, { kind: "component", type: AXPThemeLayoutHeaderComponent, selector: "axp-layout-header" }, { kind: "component", type: AXPThemeLayoutBlockComponent, selector: "    axp-page-content,     axp-page-footer-container,    axp-page-footer,    axp-page-header,    axp-page-header-container,    axp-page-toolbar,    axp-layout-content,     axp-layout-page-content,     axp-layout-sections,    axp-layout-body,    axp-layout-page-body,    axp-layout-prefix,    axp-layout-suffix,    axp-layout-title-bar,    axp-layout-title,     axp-layout-title-actions,     axp-layout-nav-button,     axp-layout-description,     axp-layout-breadcrumbs,    axp-layout-list-action,    " }, { kind: "component", type: AXPReportTableViewComponent, selector: "axp-report-table-view" }, { kind: "component", type: AXPReportChartViewComponent, selector: "axp-report-chart-view" }, { kind: "component", type: AXPThemeLayoutFooterComponent, selector: "axp-layout-footer, axp-layout-page-footer" }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPReportViewerPageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXPReportViewerPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'axp-report-viewer-page', standalone: true, imports: [
                         CommonModule,
@@ -1960,7 +2204,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
                             provide: AXPPageLayoutBase,
                             useExisting: AXPReportViewerPageComponent,
                         },
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { class: 'axp-report-viewer-page' }, template: "<axp-page-layout *translate=\"let t\">\n  <!-- Left Panel: Filters (Always visible for desktop) -->\n  @if (showFiltersPanel()) {\n    <axp-layout-start-side>\n      <axp-layout-header>\n        <axp-layout-title>\n          {{ t('@report-management:features.report-viewer.filters.title') | async }}\n        </axp-layout-title>\n      </axp-layout-header>\n      <axp-layout-content>\n        <div class=\"__filters-container\">\n          <axp-dynamic-form\n            #filtersForm\n            [formDefinition]=\"vm.formDefinition()\"\n            [context]=\"vm.filterContext()\"\n            [layoutConfig]=\"defaultLayout()\"\n            [layoutStyle]=\"'compact'\"\n            (contextChange)=\"handleFiltersChange($event)\"\n            (contextInitiated)=\"handleFiltersInitiated($event)\"\n          >\n          </axp-dynamic-form>\n        </div>\n      </axp-layout-content>\n      <axp-layout-footer class=\"ax-p-4 ax-border-t\">\n        <ax-button\n          [class.ax-sm]=\"layoutService.isSmall()\"\n          class=\"ax-w-full\"\n          [text]=\"t('@report-management:features.report-viewer.actions.execute') | async\"\n          [color]=\"'primary'\"\n          (onClick)=\"execute({ name: 'execute-report' })\"\n        >\n          <ax-prefix>\n            <ax-icon class=\"fa-light fa-play\"></ax-icon>\n          </ax-prefix>\n        </ax-button>\n      </axp-layout-footer>\n    </axp-layout-start-side>\n  }\n\n  <axp-page-toolbar>\n    <axp-layout-prefix>\n      @if (vm.hasMultipleLayouts()) {\n        <ax-button [text]=\"vm.currentLayout()?.title\">\n          <ax-icon icon=\"fa-light {{ vm.currentLayout()?.icon }}\"></ax-icon>\n          <ax-dropdown-panel>\n            @for (layout of vm.availableLayouts(); track layout.id) {\n              <ax-button-item-list>\n                <ax-button-item\n                  [text]=\"layout.title\"\n                  [selected]=\"vm.currentLayout()?.id === layout.id\"\n                  (onClick)=\"vm.switchLayout(layout.id)\"\n                >\n                  <ax-icon icon=\"fa-light {{ layout.icon }}\"></ax-icon>\n                </ax-button-item>\n              </ax-button-item-list>\n            }\n          </ax-dropdown-panel>\n        </ax-button>\n      }\n    </axp-layout-prefix>\n    <axp-layout-suffix> </axp-layout-suffix>\n  </axp-page-toolbar>\n\n  <!-- Main Content: Report Display -->\n  <axp-page-content>\n    @if (!vm.reportDefinition()) {\n      <ng-container *ngTemplateOutlet=\"noReport\"></ng-container>\n    } @else {\n      <ng-container *ngTemplateOutlet=\"reportDisplay\"></ng-container>\n    }\n  </axp-page-content>\n</axp-page-layout>\n\n<!-- Report Display Area -->\n<ng-template #reportDisplay>\n  @if (vm.isTableLayout()) {\n    <axp-report-table-view> </axp-report-table-view>\n  } @else if (vm.isChartLayout()) {\n    <axp-report-chart-view> </axp-report-chart-view>\n  }\n</ng-template>\n\n<!-- No Report Selected State -->\n<ng-template #noReport>\n  <div class=\"__no-report\" *translate=\"let t\">\n    <div class=\"__no-report-icon\">\n      <ax-icon class=\"fa-light fa-chart-line\"></ax-icon>\n    </div>\n    <div class=\"__no-report-content\">\n      <h3 class=\"__no-report-title\">\n        {{ t('@report-management:features.report-viewer.no-report.title') | async }}\n      </h3>\n      <p class=\"__no-report-description\">\n        {{ t('@report-management:features.report-viewer.no-report.description') | async }}\n      </p>\n      <div class=\"__no-report-actions\">\n        <ax-button\n          look=\"outline\"\n          color=\"primary\"\n          [text]=\"t('@report-management:features.report-viewer.no-report.browse-reports') | async\"\n        >\n          <ax-prefix>\n            <ax-icon class=\"fa-light fa-folder-open\"></ax-icon>\n          </ax-prefix>\n        </ax-button>\n      </div>\n    </div>\n  </div>\n</ng-template>\n", styles: [".axp-report-viewer-page{display:flex;height:100%;width:100%;flex-direction:column}.axp-report-viewer-page axp-layout-start-side{height:100%;width:20rem;border-inline-end-width:1px;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}@media (min-width: 1920px){.axp-report-viewer-page axp-layout-start-side{width:24rem}}.axp-report-viewer-page axp-layout-start-side>axp-layout-header{height:73px;border-bottom-width:1px}.axp-report-viewer-page axp-layout-start-side axp-layout-content{overflow-x:auto;padding:.5rem}.axp-report-viewer-page axp-layout-start-side axp-layout-content .__filters-container axp-layout-sections{gap:0px!important}.axp-report-viewer-page axp-layout-start-side axp-layout-content .__filters-container axp-layout-sections axp-layout-section{border-style:none!important;padding:0!important;--tw-shadow: 0 0 #0000 !important;--tw-shadow-colored: 0 0 #0000 !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.axp-report-viewer-page .__mobile-filters{flex-shrink:0;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));padding:1rem;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}.axp-report-viewer-page axp-page-content{display:flex;height:100%;flex-direction:column}.axp-report-viewer-page .__no-report{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.axp-report-viewer-page .__no-report .__no-report-icon{margin-bottom:1rem;font-size:3.75rem;line-height:1;--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-primary-500),var(--tw-text-opacity, 1));opacity:.5}.axp-report-viewer-page .__no-report .__no-report-content{max-width:28rem}.axp-report-viewer-page .__no-report .__no-report-content .__no-report-title{margin-bottom:.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:600}.axp-report-viewer-page .__no-report .__no-report-content .__no-report-description{margin-bottom:1.5rem;font-size:.875rem;line-height:1.25rem;opacity:.75}.axp-report-viewer-page .__no-report .__no-report-content .__no-report-actions{display:flex;justify-content:center}.axp-report-viewer-page axp-report-table-view{flex:1 1 0%;overflow:hidden}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { class: 'axp-report-viewer-page' }, template: "<axp-page-layout *translate=\"let t\">\n  <!-- Left Panel: Filters (Always visible for desktop) -->\n  @if (showFiltersPanel()) {\n  <axp-layout-start-side>\n    <axp-layout-header>\n      <axp-layout-title>\n        {{ t('@report-management:features.report-viewer.filters.title') | async }}\n      </axp-layout-title>\n    </axp-layout-header>\n    <axp-layout-content>\n      <div class=\"__filters-container\">\n        <axp-dynamic-form #filtersForm [formDefinition]=\"vm.formDefinition()\" [context]=\"vm.filterContext()\"\n          [layoutConfig]=\"defaultLayout()\" [layoutStyle]=\"'compact'\" (contextChange)=\"handleFiltersChange($event)\"\n          (contextInitiated)=\"handleFiltersInitiated($event)\">\n        </axp-dynamic-form>\n      </div>\n    </axp-layout-content>\n    <axp-layout-footer class=\"ax-p-4 ax-border-t\">\n      <ax-button [class.ax-sm]=\"layoutService.isSmall()\" class=\"ax-w-full\"\n        [text]=\"t('@report-management:features.report-viewer.actions.execute') | async\" [color]=\"'primary'\"\n        (onClick)=\"execute({ name: 'execute-report' })\">\n        <ax-prefix>\n          <ax-icon class=\"fa-light fa-play\"></ax-icon>\n        </ax-prefix>\n      </ax-button>\n    </axp-layout-footer>\n  </axp-layout-start-side>\n  }\n\n  <axp-page-toolbar>\n    <axp-layout-prefix>\n      @if (vm.hasMultipleLayouts()) {\n      <ax-button [text]=\"vm.currentLayout()?.title\">\n        <ax-icon icon=\"fa-light {{ vm.currentLayout()?.icon }}\"></ax-icon>\n        <ax-dropdown-panel>\n          @for (layout of vm.availableLayouts(); track layout.id) {\n          <ax-button-item-list>\n            <ax-button-item [text]=\"layout.title\" [selected]=\"vm.currentLayout()?.id === layout.id\"\n              (onClick)=\"vm.switchLayout(layout.id)\">\n              <ax-icon icon=\"fa-light {{ layout.icon }}\"></ax-icon>\n            </ax-button-item>\n          </ax-button-item-list>\n          }\n        </ax-dropdown-panel>\n      </ax-button>\n      }\n    </axp-layout-prefix>\n    <axp-layout-suffix> </axp-layout-suffix>\n  </axp-page-toolbar>\n\n  <!-- Main Content: Report Display -->\n  <axp-page-content class=\"ax-overflow-auto\">\n    @if (!vm.reportDefinition()) {\n    <ng-container *ngTemplateOutlet=\"noReport\"></ng-container>\n    } @else {\n    <ng-container *ngTemplateOutlet=\"reportDisplay\"></ng-container>\n    }\n  </axp-page-content>\n</axp-page-layout>\n\n<!-- Report Display Area -->\n<ng-template #reportDisplay>\n  @if (vm.isTableLayout()) {\n  <axp-report-table-view> </axp-report-table-view>\n  } @else if (vm.isChartLayout()) {\n  <axp-report-chart-view> </axp-report-chart-view>\n  }\n</ng-template>\n\n<!-- No Report Selected State -->\n<ng-template #noReport>\n  <div class=\"__no-report\" *translate=\"let t\">\n    <div class=\"__no-report-icon\">\n      <ax-icon class=\"fa-light fa-chart-line\"></ax-icon>\n    </div>\n    <div class=\"__no-report-content\">\n      <h3 class=\"__no-report-title\">\n        {{ t('@report-management:features.report-viewer.no-report.title') | async }}\n      </h3>\n      <p class=\"__no-report-description\">\n        {{ t('@report-management:features.report-viewer.no-report.description') | async }}\n      </p>\n      <div class=\"__no-report-actions\">\n        <ax-button look=\"outline\" color=\"primary\"\n          [text]=\"t('@report-management:features.report-viewer.no-report.browse-reports') | async\">\n          <ax-prefix>\n            <ax-icon class=\"fa-light fa-folder-open\"></ax-icon>\n          </ax-prefix>\n        </ax-button>\n      </div>\n    </div>\n  </div>\n</ng-template>", styles: [".axp-report-viewer-page{display:flex;height:100%;width:100%;flex-direction:column}.axp-report-viewer-page axp-layout-start-side{height:100%;width:20rem;border-inline-end-width:1px;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}@media (min-width: 1920px){.axp-report-viewer-page axp-layout-start-side{width:24rem}}.axp-report-viewer-page axp-layout-start-side>axp-layout-header{height:73px;border-bottom-width:1px}.axp-report-viewer-page axp-layout-start-side axp-layout-content{overflow-x:auto;padding:.5rem}.axp-report-viewer-page axp-layout-start-side axp-layout-content .__filters-container axp-layout-sections{gap:0px!important}.axp-report-viewer-page axp-layout-start-side axp-layout-content .__filters-container axp-layout-sections axp-layout-section{border-style:none!important;padding:0!important;--tw-shadow: 0 0 #0000 !important;--tw-shadow-colored: 0 0 #0000 !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.axp-report-viewer-page .__mobile-filters{flex-shrink:0;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));padding:1rem;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface))}.axp-report-viewer-page axp-page-content{display:flex;height:100%;flex-direction:column}.axp-report-viewer-page .__no-report{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.axp-report-viewer-page .__no-report .__no-report-icon{margin-bottom:1rem;font-size:3.75rem;line-height:1;--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-primary-500),var(--tw-text-opacity, 1));opacity:.5}.axp-report-viewer-page .__no-report .__no-report-content{max-width:28rem}.axp-report-viewer-page .__no-report .__no-report-content .__no-report-title{margin-bottom:.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:600}.axp-report-viewer-page .__no-report .__no-report-content .__no-report-description{margin-bottom:1.5rem;font-size:.875rem;line-height:1.25rem;opacity:.75}.axp-report-viewer-page .__no-report .__no-report-content .__no-report-actions{display:flex;justify-content:center}.axp-report-viewer-page axp-report-table-view{flex:1 1 0%;overflow:hidden}\n"] }]
         }] });
 
 var reportViewerPage_component = /*#__PURE__*/Object.freeze({
@@ -1972,5 +2216,5 @@ var reportViewerPage_component = /*#__PURE__*/Object.freeze({
  * Generated bundle index. Do not edit.
  */
 
-export { AXMReportManagementModule, AXPReportChartViewComponent, AXPReportTableViewComponent, AXPReportViewerPageComponent, AXPReportViewerViewModel, RootConfig };
+export { AXMReportManagementModule, AXPBarChartReportMapper, AXPReportChartViewComponent, AXPReportDefinitionService, AXPReportTableViewComponent, AXPReportViewerPageComponent, AXPReportViewerViewModel, AXP_REPORT_CATEGORY_PROVIDER, AXP_REPORT_DEFINITION_PROVIDER, AXPieChartReportMapper, RootConfig };
 //# sourceMappingURL=acorex-modules-report-management.mjs.map