@acorex-platform/module-report-management-client 0.0.33 → 0.0.38

package/fesm2022/{acorex-platform-module-report-management-client-acorex-platform-module-report-management-client-DENcGULA.mjs → acorex-platform-module-report-management-client-acorex-platform-module-report-management-client-DUdUNlnp.mjs}

@@ -973,7 +973,7 @@ class AXMReportManagementModule {
                 multi: true,
                 useFactory: () => createEntityReportsPlugin(inject(Injector)),
             },
-            provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-platform-module-report-management-client-entity-reports-page-component.provider-B_i4p7tQ.mjs').then((m) => m.AXMEntityReportsPageComponentProvider)),
+            provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-platform-module-report-management-client-entity-reports-page-component.provider-B0dU2K_E.mjs').then((m) => m.AXMEntityReportsPageComponentProvider)),
         ], imports: [AXPDomainModule,
             AXPRuntimeModule] }); }
 }
@@ -1038,7 +1038,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                             multi: true,
                             useFactory: () => createEntityReportsPlugin(inject(Injector)),
                         },
-                        provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-platform-module-report-management-client-entity-reports-page-component.provider-B_i4p7tQ.mjs').then((m) => m.AXMEntityReportsPageComponentProvider)),
+                        provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-platform-module-report-management-client-entity-reports-page-component.provider-B0dU2K_E.mjs').then((m) => m.AXMEntityReportsPageComponentProvider)),
                     ],
                 }]
         }] });
@@ -1491,7 +1491,7 @@ class AXPOpenReportInPopupCommand {
         }
         const popupTitle = await this.resolvePopupTitle(options, rowData, runId);
         const parameters = resolveReportParameterValues(options.parameters);
-        const comp = (await import('./acorex-platform-module-report-management-client-report-popup-viewer.component-B6aTfRp0.mjs')).AXPReportPopupViewerComponent;
+        const comp = (await import('./acorex-platform-module-report-management-client-report-popup-viewer.component-Dg3IxjGy.mjs')).AXPReportPopupViewerComponent;
         this.popupService.open(comp, {
             title: popupTitle,
             size: 'lg',
@@ -4695,7 +4695,7 @@ class AXPReportViewerPageComponent extends AXPPageLayoutBaseComponent {
                 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:report-viewer.components.filters.title') | async }}\n      </axp-layout-title>\n    </axp-layout-header>\n    <axp-layout-content>\n      @if (vm.reportDefinition()) {\n      <axp-layout-renderer #filtersForm [layout]=\"vm.formDefinition()\" [context]=\"vm.filterContext()\" [look]=\"'card'\"\n        (contextChange)=\"handleFiltersChange($event)\" (contextInitiated)=\"handleFiltersInitiated($event)\">\n      </axp-layout-renderer>\n      <!-- ----- Background report layout multi-select ----- -->\n      @if (vm.isBackgroundReportMode() && !vm.isBackgroundQueued() && vm.availableLayouts().length > 0) {\n        <div class=\"mt-4 pt-4 border-t\">\n          <div class=\"mb-2\">\n            <span class=\"text-sm font-medium\">\n              {{ t('@report-management:report-generation.components.background-layouts.title') | async }}\n            </span>\n          </div>\n          <p class=\"text-xs opacity-70 mb-3\">\n            {{ t('@report-management:report-generation.components.background-layouts.description') | async }}\n          </p>\n          <div class=\"flex flex-col gap-2\">\n            @for (layout of vm.availableLayouts(); track layout.id) {\n              <label class=\"flex items-center gap-2 p-2 rounded border cursor-pointer hover:bg-neutral-50\">\n                <ax-check-box\n                  [ngModel]=\"vm.isBackgroundLayoutSelected(layout.id)\"\n                  (ngModelChange)=\"handleBackgroundLayoutToggle(layout.id, $event)\"\n                ></ax-check-box>\n                <ax-icon [icon]=\"layoutPageIcon(layout.icon, layout)\"></ax-icon>\n                <span class=\"text-sm\">{{ getLayoutSelectionLabel(layout) | translate | async }}</span>\n              </label>\n            }\n          </div>\n        </div>\n      }\n      }\n    </axp-layout-content>\n    <axp-layout-footer class=\"p-4 border-t\" *translate=\"let t\">\n      @if (vm.hasUnappliedFilters()) {\n      <div class=\"w-full warning-lightest-surface mb-2 p-2 rounded border border-warning-200\">\n        <div class=\"flex items-center gap-2 text-warning-800\">\n          <ax-icon class=\"fa-light fa-exclamation-triangle text-sm\"></ax-icon>\n          <span class=\"text-xs\">{{\n            t('@report-management:report-viewer.components.filters.messages.warning.unapplied') | async\n            }}</span>\n        </div>\n      </div>\n      }\n      @if (vm.isBackgroundReportMode() && !vm.hasSelectedBackgroundLayouts() && !vm.isBackgroundQueued()) {\n        <div class=\"w-full warning-lightest-surface mb-2 p-2 rounded border border-warning-200\">\n          <div class=\"flex items-center gap-2 text-warning-800\">\n            <ax-icon class=\"fa-light fa-exclamation-triangle text-sm\"></ax-icon>\n            <span class=\"text-xs\">{{\n              t('@report-management:report-generation.errors.no-layouts-selected') | async\n              }}</span>\n          </div>\n        </div>\n      }\n      <ax-button class=\"w-full\" [disabled]=\"vm.isBackgroundReportMode() ? vm.isBackgroundGenerateDisabled() : (!vm.canExecute() || vm.areParametersReadonly())\"\n        [text]=\"(vm.isBackgroundReportMode()\n          ? t('@report-management:report-generation.actions.generate-in-background')\n          : t('@report-management:report-viewer.actions.execute.title')) | async\" [color]=\"'primary'\"\n        (onClick)=\"execute({ name: 'execute-report' })\">\n        <ax-prefix>\n          <ax-icon [icon]=\"vm.isBackgroundReportMode() ? 'fa-light fa-clock' : 'fa-light fa-play'\"></ax-icon>\n        </ax-prefix>\n      </ax-button>\n      <!-- ----- Secondary background generate for choose mode ----- -->\n      @if (canGenerateInBackground() && vm.generationMode() === 'choose') {\n        <ax-button class=\"w-full mt-2\" [disabled]=\"vm.areParametersReadonly()\"\n          [text]=\"t('@report-management:report-generation.actions.generate-in-background') | async\" [color]=\"'default'\"\n          (onClick)=\"execute({ name: 'generate-in-background' })\">\n          <ax-prefix>\n            <ax-icon icon=\"fa-light fa-clock\"></ax-icon>\n          </ax-prefix>\n        </ax-button>\n      }\n    </axp-layout-footer>\n  </axp-layout-start-side>\n  }\n  <!-- Main Content: Report Display -->\n  <axp-page-content class=\"overflow-auto\">\n    @if (vm.isFrozen()) {\n      <!-- ----- Frozen run banner ----- -->\n      <div class=\"warning-lightest-surface mb-3 p-3 rounded border border-warning-200 text-warning-800 text-sm\">\n        {{ t('@report-management:report-generation.banners.frozen') | async }}\n      </div>\n    }\n    @if (vm.hasError()) {\n    <!-- Error State -->\n    <axp-state-message icon=\"fa-light fa-exclamation-triangle\"\n      [title]=\"'@report-management:report-viewer.messages.error.fetch-title'\"\n      [description]=\"vm.error() || '@report-management:report-viewer.messages.error.unexpected'\">\n      <div slot=\"actions\">\n        <ax-button look=\"outline\" color=\"primary\"\n          [text]=\"t('@report-management:report-viewer.actions.retry.title') | async\" (onClick)=\"vm.clearError()\">\n          <ax-prefix>\n            <ax-icon class=\"fa-light fa-refresh\"></ax-icon>\n          </ax-prefix>\n        </ax-button>\n      </div>\n    </axp-state-message>\n    } @else if (!vm.reportDefinition()) {\n    <!-- No Report Selected State -->\n    <axp-state-message icon=\"fa-light fa-chart-line\"\n      [title]=\"'@report-management:report-viewer.components.report-viewer.empty-states.no-report.title'\"\n      [description]=\"'@report-management:report-viewer.components.report-viewer.empty-states.no-report.description'\">\n      <div slot=\"actions\">\n        <ax-button look=\"outline\" color=\"primary\"\n          [text]=\"t('@report-management:report-viewer.actions.browse-reports.title') | async\">\n          <ax-prefix>\n            <ax-icon class=\"fa-light fa-folder-open\"></ax-icon>\n          </ax-prefix>\n        </ax-button>\n      </div>\n    </axp-state-message>\n    <!-- ----- Background report message state (no live layout preview) ----- -->\n    } @else if (vm.isBackgroundReportMode() && !vm.isFrozen()) {\n      <!-- ----- Mobile filters and layout selection for background reports ----- -->\n      @if (deviceService.isSmall() && !vm.isBackgroundQueued()) {\n        <axp-layout-renderer #filtersForm [layout]=\"vm.formDefinition()\" [context]=\"vm.filterContext()\" [look]=\"'fieldset'\"\n          (contextChange)=\"handleFiltersChange($event)\" (contextInitiated)=\"handleFiltersInitiated($event)\">\n        </axp-layout-renderer>\n        @if (vm.availableLayouts().length > 0) {\n          <div class=\"mt-4 pt-4 border-t\">\n            <div class=\"flex items-center justify-between gap-2 mb-2\">\n              <span class=\"text-sm font-medium\">\n                {{ t('@report-management:report-generation.components.background-layouts.title') | async }}\n              </span>\n            </div>\n            <p class=\"text-xs opacity-70 mb-3\">\n              {{ t('@report-management:report-generation.components.background-layouts.description') | async }}\n            </p>\n            <div class=\"flex flex-col gap-2\">\n              @for (layout of vm.availableLayouts(); track layout.id) {\n                <label class=\"flex items-center gap-2 p-2 rounded border cursor-pointer\">\n                  <ax-check-box\n                    [ngModel]=\"vm.isBackgroundLayoutSelected(layout.id)\"\n                    (ngModelChange)=\"handleBackgroundLayoutToggle(layout.id, $event)\"\n                  ></ax-check-box>\n                  <ax-icon [icon]=\"layoutPageIcon(layout.icon, layout)\"></ax-icon>\n                  <span class=\"text-sm\">{{ getLayoutSelectionLabel(layout) | translate | async }}</span>\n                </label>\n              }\n            </div>\n          </div>\n        }\n      }\n      @if (vm.isBackgroundQueued()) {\n        <axp-state-message icon=\"fa-light fa-clock\"\n          [title]=\"'@report-management:report-generation.empty-states.background.queued-title'\"\n          [description]=\"'@report-management:report-generation.empty-states.background.queued-description'\">\n        </axp-state-message>\n      } @else {\n        <axp-state-message icon=\"fa-light fa-clock\"\n          [title]=\"'@report-management:report-generation.empty-states.background.title'\"\n          [description]=\"'@report-management:report-generation.empty-states.background.description'\">\n        </axp-state-message>\n      }\n    } @else {\n    <ng-container *ngTemplateOutlet=\"reportDisplay\"></ng-container>\n    }\n  </axp-page-content>\n</axp-page-layout>\n\n<!-- Desktop: Report Display Area -->\n<ng-template #reportDisplay>\n  @if (showReportDisplay()) {\n  <!-- Desktop & Mobile: Report Display Area -->\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  } @else if (vm.isPdfLayout()) {\n  <axp-report-pdf-view> </axp-report-pdf-view>\n  }\n  } @else if (vm.reportDefinition()) {\n  <!-- Mobile: Show filters  -->\n  <axp-layout-renderer #filtersForm [layout]=\"vm.formDefinition()\" [context]=\"vm.filterContext()\" [look]=\"'fieldset'\">\n  </axp-layout-renderer>\n  }\n</ng-template>\n\n<!-- Mobile: Execute Button -->\n@if (deviceService.isSmall() && ((!vm.isBackgroundReportMode() && !vm.hasBeenExecuted()) || (vm.isBackgroundReportMode() && !vm.isBackgroundQueued()))) {\n<axp-page-footer class=\"p-2 border-t\">\n  <ax-button class=\"w-full\" [disabled]=\"vm.isBackgroundReportMode() ? vm.isBackgroundGenerateDisabled() : (!vm.canExecute() || vm.areParametersReadonly())\"\n    [text]=\"(vm.isBackgroundReportMode()\n      ? '@report-management:report-generation.actions.generate-in-background'\n      : '@report-management:report-viewer.actions.execute.title') | translate | async\" [color]=\"'primary'\"\n    (onClick)=\"execute({ name: 'execute-report' })\">\n    <ax-prefix>\n      <ax-icon [icon]=\"vm.isBackgroundReportMode() ? 'fa-light fa-clock' : 'fa-light fa-play'\"></ax-icon>\n    </ax-prefix>\n  </ax-button>\n</axp-page-footer>\n}\n", styles: ["@layer properties;.axp-report-viewer-page{display:flex;height:100%;width:100%;flex-direction:column}.axp-report-viewer-page axp-layout-start-side{height:100%;width:calc(var(--spacing, .25rem) * 80);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}@media(width>=1920px){.axp-report-viewer-page axp-layout-start-side{width:calc(var(--spacing, .25rem) * 96)}}.axp-report-viewer-page axp-layout-start-side>axp-layout-header{height:73px;border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.axp-report-viewer-page axp-layout-start-side axp-layout-content{overflow-x:auto;padding:calc(var(--spacing, .25rem) * 4)}.axp-report-viewer-page .__mobile-filters{display:flex;height:100%;flex-direction:column;overflow-y:auto}.axp-report-viewer-page .__mobile-filters .__mobile-filters-content{flex:1}.axp-report-viewer-page .__mobile-filters .__mobile-filters-footer{position:sticky;bottom:0;border-top-style:var(--tw-border-style);border-top-width:1px;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);padding-top:calc(var(--spacing, .25rem) * 2)}.axp-report-viewer-page axp-page-content{display:flex;height:100%;flex-direction:column}.axp-report-viewer-page axp-report-table-view{flex:1;overflow:hidden}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$2.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: "ngmodule", type: AXCheckBoxModule }, { kind: "component", type: i4.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "isLoading", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$3.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.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "ngmodule", type: AXLoadingDialogModule }, { 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:report-viewer.components.filters.title') | async }}\n      </axp-layout-title>\n    </axp-layout-header>\n    <axp-layout-content>\n      @if (vm.reportDefinition()) {\n      <axp-layout-renderer #filtersForm [layout]=\"vm.formDefinition()\" [context]=\"vm.filterContext()\" [look]=\"'card'\"\n        (contextChange)=\"handleFiltersChange($event)\" (contextInitiated)=\"handleFiltersInitiated($event)\">\n      </axp-layout-renderer>\n      <!-- ----- Background report layout multi-select ----- -->\n      @if (vm.isBackgroundReportMode() && !vm.isBackgroundQueued() && vm.availableLayouts().length > 0) {\n        <div class=\"mt-4 pt-4 border-t\">\n          <div class=\"mb-2\">\n            <span class=\"text-sm font-medium\">\n              {{ t('@report-management:report-generation.components.background-layouts.title') | async }}\n            </span>\n          </div>\n          <p class=\"text-xs opacity-70 mb-3\">\n            {{ t('@report-management:report-generation.components.background-layouts.description') | async }}\n          </p>\n          <div class=\"flex flex-col gap-2\">\n            @for (layout of vm.availableLayouts(); track layout.id) {\n              <label class=\"flex items-center gap-2 p-2 rounded border cursor-pointer hover:bg-neutral-50\">\n                <ax-check-box\n                  [ngModel]=\"vm.isBackgroundLayoutSelected(layout.id)\"\n                  (ngModelChange)=\"handleBackgroundLayoutToggle(layout.id, $event)\"\n                ></ax-check-box>\n                <ax-icon [icon]=\"layoutPageIcon(layout.icon, layout)\"></ax-icon>\n                <span class=\"text-sm\">{{ getLayoutSelectionLabel(layout) | translate | async }}</span>\n              </label>\n            }\n          </div>\n        </div>\n      }\n      }\n    </axp-layout-content>\n    <axp-layout-footer class=\"p-4 border-t\" *translate=\"let t\">\n      @if (vm.hasUnappliedFilters()) {\n      <div class=\"w-full warning-lightest-surface mb-2 p-2 rounded border border-warning-200\">\n        <div class=\"flex items-center gap-2 text-warning-800\">\n          <ax-icon class=\"fa-light fa-exclamation-triangle text-sm\"></ax-icon>\n          <span class=\"text-xs\">{{\n            t('@report-management:report-viewer.components.filters.messages.warning.unapplied') | async\n            }}</span>\n        </div>\n      </div>\n      }\n      @if (vm.isBackgroundReportMode() && !vm.hasSelectedBackgroundLayouts() && !vm.isBackgroundQueued()) {\n        <div class=\"w-full warning-lightest-surface mb-2 p-2 rounded border border-warning-200\">\n          <div class=\"flex items-center gap-2 text-warning-800\">\n            <ax-icon class=\"fa-light fa-exclamation-triangle text-sm\"></ax-icon>\n            <span class=\"text-xs\">{{\n              t('@report-management:report-generation.errors.no-layouts-selected') | async\n              }}</span>\n          </div>\n        </div>\n      }\n      <ax-button class=\"w-full\" [disabled]=\"vm.isBackgroundReportMode() ? vm.isBackgroundGenerateDisabled() : (!vm.canExecute() || vm.areParametersReadonly())\"\n        [text]=\"(vm.isBackgroundReportMode()\n          ? t('@report-management:report-generation.actions.generate-in-background')\n          : t('@report-management:report-viewer.actions.execute.title')) | async\" [color]=\"'primary'\"\n        (onClick)=\"execute({ name: 'execute-report' })\">\n        <ax-prefix>\n          <ax-icon [icon]=\"vm.isBackgroundReportMode() ? 'fa-light fa-clock' : 'fa-light fa-play'\"></ax-icon>\n        </ax-prefix>\n      </ax-button>\n      <!-- ----- Secondary background generate for choose mode ----- -->\n      @if (canGenerateInBackground() && vm.generationMode() === 'choose') {\n        <ax-button class=\"w-full mt-2\" [disabled]=\"vm.areParametersReadonly()\"\n          [text]=\"t('@report-management:report-generation.actions.generate-in-background') | async\" [color]=\"'default'\"\n          (onClick)=\"execute({ name: 'generate-in-background' })\">\n          <ax-prefix>\n            <ax-icon icon=\"fa-light fa-clock\"></ax-icon>\n          </ax-prefix>\n        </ax-button>\n      }\n    </axp-layout-footer>\n  </axp-layout-start-side>\n  }\n  <!-- Main Content: Report Display -->\n  <axp-page-content class=\"overflow-auto\">\n    @if (vm.isFrozen()) {\n      <!-- ----- Frozen run banner ----- -->\n      <div class=\"warning-lightest-surface mb-3 p-3 rounded border border-warning-200 text-warning-800 text-sm\">\n        {{ t('@report-management:report-generation.banners.frozen') | async }}\n      </div>\n    }\n    @if (vm.hasError()) {\n    <!-- Error State -->\n    <axp-state-message icon=\"fa-light fa-exclamation-triangle\"\n      [title]=\"'@report-management:report-viewer.messages.error.fetch-title'\"\n      [description]=\"vm.error() || '@report-management:report-viewer.messages.error.unexpected'\">\n      <div slot=\"actions\">\n        <ax-button look=\"outline\" color=\"primary\"\n          [text]=\"t('@report-management:report-viewer.actions.retry.title') | async\" (onClick)=\"vm.clearError()\">\n          <ax-prefix>\n            <ax-icon class=\"fa-light fa-refresh\"></ax-icon>\n          </ax-prefix>\n        </ax-button>\n      </div>\n    </axp-state-message>\n    } @else if (!vm.reportDefinition()) {\n    <!-- No Report Selected State -->\n    <axp-state-message icon=\"fa-light fa-chart-line\"\n      [title]=\"'@report-management:report-viewer.components.report-viewer.empty-states.no-report.title'\"\n      [description]=\"'@report-management:report-viewer.components.report-viewer.empty-states.no-report.description'\">\n      <div slot=\"actions\">\n        <ax-button look=\"outline\" color=\"primary\"\n          [text]=\"t('@report-management:report-viewer.actions.browse-reports.title') | async\">\n          <ax-prefix>\n            <ax-icon class=\"fa-light fa-folder-open\"></ax-icon>\n          </ax-prefix>\n        </ax-button>\n      </div>\n    </axp-state-message>\n    <!-- ----- Background report message state (no live layout preview) ----- -->\n    } @else if (vm.isBackgroundReportMode() && !vm.isFrozen()) {\n      <!-- ----- Mobile filters and layout selection for background reports ----- -->\n      @if (deviceService.isSmall() && !vm.isBackgroundQueued()) {\n        <axp-layout-renderer #filtersForm [layout]=\"vm.formDefinition()\" [context]=\"vm.filterContext()\" [look]=\"'fieldset'\"\n          (contextChange)=\"handleFiltersChange($event)\" (contextInitiated)=\"handleFiltersInitiated($event)\">\n        </axp-layout-renderer>\n        @if (vm.availableLayouts().length > 0) {\n          <div class=\"mt-4 pt-4 border-t\">\n            <div class=\"flex items-center justify-between gap-2 mb-2\">\n              <span class=\"text-sm font-medium\">\n                {{ t('@report-management:report-generation.components.background-layouts.title') | async }}\n              </span>\n            </div>\n            <p class=\"text-xs opacity-70 mb-3\">\n              {{ t('@report-management:report-generation.components.background-layouts.description') | async }}\n            </p>\n            <div class=\"flex flex-col gap-2\">\n              @for (layout of vm.availableLayouts(); track layout.id) {\n                <label class=\"flex items-center gap-2 p-2 rounded border cursor-pointer\">\n                  <ax-check-box\n                    [ngModel]=\"vm.isBackgroundLayoutSelected(layout.id)\"\n                    (ngModelChange)=\"handleBackgroundLayoutToggle(layout.id, $event)\"\n                  ></ax-check-box>\n                  <ax-icon [icon]=\"layoutPageIcon(layout.icon, layout)\"></ax-icon>\n                  <span class=\"text-sm\">{{ getLayoutSelectionLabel(layout) | translate | async }}</span>\n                </label>\n              }\n            </div>\n          </div>\n        }\n      }\n      @if (vm.isBackgroundQueued()) {\n        <axp-state-message icon=\"fa-light fa-clock\"\n          [title]=\"'@report-management:report-generation.empty-states.background.queued-title'\"\n          [description]=\"'@report-management:report-generation.empty-states.background.queued-description'\">\n        </axp-state-message>\n      } @else {\n        <axp-state-message icon=\"fa-light fa-clock\"\n          [title]=\"'@report-management:report-generation.empty-states.background.title'\"\n          [description]=\"'@report-management:report-generation.empty-states.background.description'\">\n        </axp-state-message>\n      }\n    } @else {\n    <ng-container *ngTemplateOutlet=\"reportDisplay\"></ng-container>\n    }\n  </axp-page-content>\n</axp-page-layout>\n\n<!-- Desktop: Report Display Area -->\n<ng-template #reportDisplay>\n  @if (showReportDisplay()) {\n  <!-- Desktop & Mobile: Report Display Area -->\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  } @else if (vm.isPdfLayout()) {\n  <axp-report-pdf-view> </axp-report-pdf-view>\n  }\n  } @else if (vm.reportDefinition()) {\n  <!-- Mobile: Show filters  -->\n  <axp-layout-renderer #filtersForm [layout]=\"vm.formDefinition()\" [context]=\"vm.filterContext()\" [look]=\"'fieldset'\">\n  </axp-layout-renderer>\n  }\n</ng-template>\n\n<!-- Mobile: Execute Button -->\n@if (deviceService.isSmall() && ((!vm.isBackgroundReportMode() && !vm.hasBeenExecuted()) || (vm.isBackgroundReportMode() && !vm.isBackgroundQueued()))) {\n<axp-page-footer class=\"p-2 border-t\">\n  <ax-button class=\"w-full\" [disabled]=\"vm.isBackgroundReportMode() ? vm.isBackgroundGenerateDisabled() : (!vm.canExecute() || vm.areParametersReadonly())\"\n    [text]=\"(vm.isBackgroundReportMode()\n      ? '@report-management:report-generation.actions.generate-in-background'\n      : '@report-management:report-viewer.actions.execute.title') | translate | async\" [color]=\"'primary'\"\n    (onClick)=\"execute({ name: 'execute-report' })\">\n    <ax-prefix>\n      <ax-icon [icon]=\"vm.isBackgroundReportMode() ? 'fa-light fa-clock' : 'fa-light fa-play'\"></ax-icon>\n    </ax-prefix>\n  </ax-button>\n</axp-page-footer>\n}\n", styles: ["@layer properties;.axp-report-viewer-page{display:flex;height:100%;width:100%;flex-direction:column}.axp-report-viewer-page axp-layout-start-side{height:100%;width:calc(var(--spacing, .25rem) * 80);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}@media(width>=1920px){.axp-report-viewer-page axp-layout-start-side{width:calc(var(--spacing, .25rem) * 96)}}.axp-report-viewer-page axp-layout-start-side>axp-layout-header{height:73px;border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.axp-report-viewer-page axp-layout-start-side axp-layout-content{overflow-x:auto;padding:calc(var(--spacing, .25rem) * 4)}.axp-report-viewer-page .__mobile-filters{display:flex;height:100%;flex-direction:column;overflow-y:auto}.axp-report-viewer-page .__mobile-filters .__mobile-filters-content{flex:1}.axp-report-viewer-page .__mobile-filters .__mobile-filters-footer{position:sticky;bottom:0;border-top-style:var(--tw-border-style);border-top-width:1px;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);padding-top:calc(var(--spacing, .25rem) * 2)}.axp-report-viewer-page axp-page-content{display:flex;height:100%;flex-direction:column}.axp-report-viewer-page axp-report-table-view{flex:1;overflow:hidden}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "component", type: i4.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "isLoading", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$3.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.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "ngmodule", type: AXLoadingDialogModule }, { kind: "component", type: 
                 //
                 AXPLayoutRendererComponent, selector: "axp-layout-renderer", inputs: ["layout", "context", "look", "mode"], 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: AXPThemeLayoutFooterComponent, selector: "axp-layout-footer, axp-layout-page-footer" }, { kind: "component", type: AXPReportChartViewComponent, selector: "axp-report-chart-view" }, { kind: "component", type: AXPReportPdfViewComponent, selector: "axp-report-pdf-view" }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "titleParams", "descriptionParams", "look"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
@@ -4861,4 +4861,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
  */
 
 export { AXPReportViewerViewModel as A, mapEntityBindingParameters as B, queryResultToChartSeries as C, queryResultToPdfSource as D, ENTITY_REPORTS_PAGE_COMPONENT_KEY as E, resolveReportParameterValues as F, resolveTodayDateRange as G, toReportDateRangeFilterValue as H, OPEN_REPORT_IN_POPUP_COMMAND$1 as O, AXPOpenReportViewerCommand as a, resolveReportFilterDefaultValue as b, reportLayoutTitleKey as c, AXPReportTableViewComponent as d, AXPReportChartViewComponent as e, AXPReportPdfViewComponent as f, AXPReportViewerService as g, bindingShowsOnPage as h, isDistinctLayoutTitle as i, buildOpenInPopupCommandOptions as j, resolveBindingTitle as k, resolveBindingDescription as l, AXBarChartReportMapper as m, AXLineChartReportMapper as n, AXMPermissionDefinitionProvider as o, AXMReportManagementModule as p, AXPOpenReportInPopupCommand as q, reportLayoutPageIcon as r, AXPReportBarChartViewComponent as s, AXPReportViewerPageComponent as t, AXPieChartReportMapper as u, collectReportParameterDefaults as v, convertContextDataToFilterClause as w, flattenReportParametersToQueryParams as x, formatReportDateOnly as y, isReportDateRangeObject as z };
-//# sourceMappingURL=acorex-platform-module-report-management-client-acorex-platform-module-report-management-client-DENcGULA.mjs.map
+//# sourceMappingURL=acorex-platform-module-report-management-client-acorex-platform-module-report-management-client-DUdUNlnp.mjs.map