@acorex/modules 20.3.0-next.21 → 20.3.0-next.23

package/fesm2022/{acorex-modules-report-management-report-runner-root-page.component-COukv46B.mjs → acorex-modules-report-management-report-runner-root-page.component-DgIAlRUA.mjs}

@@ -436,7 +436,7 @@ class AXMReportRunnerRootPageComponent extends AXPPageLayoutBaseComponent {
                 provide: AXPPageLayoutBase,
                 useExisting: AXMReportRunnerRootPageComponent,
             },
-        ], usesInheritance: true, ngImport: i0, template: "<axp-page-layout *translate=\"let t\">\n  @if (vm.showSideMenu()) {\n    <axp-layout-start-side>\n      <axp-layout-header>\n        <axp-layout-title>{{ t('@report-management:features.report-runner.menu-title') | async }}</axp-layout-title>\n        <axp-layout-toolbar>\n          <ax-search-box\n            [delayTime]=\"300\"\n            [ngModel]=\"vm.searchExpression()\"\n            (onValueChanged)=\"vm.search($event.value)\"\n            [placeholder]=\"t('@report-management:search.placeholder') | async\"\n          >\n            <ax-clear-button></ax-clear-button>\n          </ax-search-box>\n        </axp-layout-toolbar>\n      </axp-layout-header>\n      <axp-layout-content>\n        <axp-report-categories-tree (categoryClick)=\"onCategoryClick($event)\" (reportClick)=\"onReportClick($event)\" />\n      </axp-layout-content>\n    </axp-layout-start-side>\n  }\n\n  <axp-page-content>\n    <!-- Desktop and Mobile: Always show browser template -->\n    <ng-container *ngTemplateOutlet=\"browser\"> </ng-container>\n  </axp-page-content>\n\n  <!-- Desktop: Grid-based browser for main content -->\n  <ng-template #browser>\n    <div class=\"__reports-browser\">\n      @if (vm.categories().length > 0) {\n        <div class=\"__section\">\n          <h3 class=\"__section-title\">Categories</h3>\n          <div class=\"__items-grid\">\n            @for (category of vm.categories(); track category.id) {\n              <div class=\"__item __category\" (click)=\"navigateToCategory(category)\">\n                <div class=\"__item-icon\">\n                  <ax-icon class=\"fa-solid fa-folder\"></ax-icon>\n                </div>\n                <div class=\"__item-content\">\n                  <div class=\"__item-title\">{{ category.title }}</div>\n                  @if (category.description) {\n                    <div class=\"__item-description\">{{ category.description }}</div>\n                  }\n                </div>\n              </div>\n            }\n          </div>\n        </div>\n      }\n\n      @if (vm.reports().length > 0) {\n        <div class=\"__section\">\n          <h3 class=\"__section-title\">Reports</h3>\n          <div class=\"__items-grid\">\n            @for (report of vm.reports(); track report.id) {\n              <div class=\"__item __report\" (click)=\"navigateToReport(report)\">\n                <div class=\"__item-icon\">\n                  <ax-icon class=\"fa-solid fa-file-chart-column\"></ax-icon>\n                </div>\n                <div class=\"__item-content\">\n                  <div class=\"__item-title\">{{ report.title }}</div>\n                  @if (report.description) {\n                    <div class=\"__item-description\">{{ report.description }}</div>\n                  }\n                </div>\n              </div>\n            }\n          </div>\n        </div>\n      }\n\n      @if (vm.categories().length === 0 && vm.reports().length === 0) {\n        <axp-state-message\n          icon=\"fa-light fa-folder-open\"\n          [title]=\"'@report-management:no-items-found.title'\"\n          [description]=\"'@report-management:no-items-found.description'\"\n        >\n        </axp-state-message>\n      }\n    </div>\n  </ng-template>\n</axp-page-layout>\n", styles: [".axp-report-runner-root-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-runner-root-page axp-layout-start-side{width:24rem}}.axp-report-runner-root-page axp-layout-start-side axp-layout-content{overflow-x:auto;padding-left:1rem;padding-right:1rem}.axp-report-runner-root-page .__reports-browser>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.axp-report-runner-root-page .__reports-browser{padding:.75rem}@media (min-width: 1024px){.axp-report-runner-root-page .__reports-browser{padding:1.5rem}}.axp-report-runner-root-page .__reports-browser .__section>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.axp-report-runner-root-page .__reports-browser .__section .__section-title{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:600}.axp-report-runner-root-page .__reports-browser .__section .__section-title ax-icon{--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-primary-500),var(--tw-text-opacity, 1))}.axp-report-runner-root-page .__reports-browser .__section .__items-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media (min-width: 768px){.axp-report-runner-root-page .__reports-browser .__section .__items-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1280px){.axp-report-runner-root-page .__reports-browser .__section .__items-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1536px){.axp-report-runner-root-page .__reports-browser .__section .__items-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 2560px){.axp-report-runner-root-page .__reports-browser .__section .__items-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.axp-report-runner-root-page .__reports-browser .__section .__items-grid .__item{cursor:pointer;border-radius:.5rem;border-width:1px;padding:1rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s;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-runner-root-page .__reports-browser .__section .__items-grid .__item:is(.ax-dark *){background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface))}.axp-report-runner-root-page .__reports-browser .__section .__items-grid .__item{display:flex;align-items:flex-start;gap:.75rem}.axp-report-runner-root-page .__reports-browser .__section .__items-grid .__item .__item-icon{display:flex;height:2.5rem;width:2.5rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:.25rem;font-size:1.125rem;line-height:1.75rem}.axp-report-runner-root-page .__reports-browser .__section .__items-grid .__item .__item-content{min-width:0px;flex:1 1 0%}.axp-report-runner-root-page .__reports-browser .__section .__items-grid .__item .__item-content .__item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.axp-report-runner-root-page .__reports-browser .__section .__items-grid .__item .__item-content .__item-description{margin-top:.25rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:.875rem;line-height:1.25rem;opacity:.75}.axp-report-runner-root-page .__reports-browser .__section .__items-grid .__item.__category .__item-icon{background-color:rgba(var(--ax-sys-color-warning-500),.1)}.axp-report-runner-root-page .__reports-browser .__section .__items-grid .__item.__category .__item-icon ax-icon{--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-warning-500),var(--tw-text-opacity, 1))}.axp-report-runner-root-page .__reports-browser .__section .__items-grid .__item.__category:hover{--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-warning-500),var(--tw-border-opacity, 1));background-color:rgba(var(--ax-sys-color-warning-500),.05)}.axp-report-runner-root-page .__reports-browser .__section .__items-grid .__item.__report .__item-icon{background-color:rgba(var(--ax-sys-color-primary-500),.1)}.axp-report-runner-root-page .__reports-browser .__section .__items-grid .__item.__report .__item-icon ax-icon{--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-primary-500),var(--tw-text-opacity, 1))}.axp-report-runner-root-page .__reports-browser .__section .__items-grid .__item.__report:hover{--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-primary-500),var(--tw-border-opacity, 1));background-color:rgba(var(--ax-sys-color-primary-500),.05)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: 
+        ], usesInheritance: true, ngImport: i0, template: "<axp-page-layout *translate=\"let t\">\n  @if (vm.showSideMenu()) {\n    <axp-layout-start-side>\n      <axp-layout-header>\n        <axp-layout-title>{{ t('@report-management:features.report-runner.menu-title') | async }}</axp-layout-title>\n        <axp-layout-toolbar>\n          <ax-search-box\n            [delayTime]=\"300\"\n            [ngModel]=\"vm.searchExpression()\"\n            (onValueChanged)=\"vm.search($event.value)\"\n            [placeholder]=\"t('@report-management:search.placeholder') | async\"\n          >\n            <ax-clear-button></ax-clear-button>\n          </ax-search-box>\n        </axp-layout-toolbar>\n      </axp-layout-header>\n      <axp-layout-content>\n        <axp-report-categories-tree (categoryClick)=\"onCategoryClick($event)\" (reportClick)=\"onReportClick($event)\" />\n      </axp-layout-content>\n    </axp-layout-start-side>\n  }\n\n  <axp-page-content>\n    <!-- Desktop and Mobile: Always show desktop template -->\n    <ng-container *ngTemplateOutlet=\"desktop\"> </ng-container>\n  </axp-page-content>\n\n  <!-- Desktop: Grid-based browser for main content -->\n  <ng-template #desktop>\n    <div class=\"__reports-browser\">\n      @if (vm.categories().length > 0) {\n        <div class=\"__section\">\n          <h3 class=\"__section-title\">Categories</h3>\n          <div class=\"__items-grid\">\n            @for (category of vm.categories(); track category.id) {\n              <div class=\"__item __category\" (click)=\"navigateToCategory(category)\">\n                <div class=\"__item-icon\">\n                  <ax-icon class=\"fa-solid fa-folder\"></ax-icon>\n                </div>\n                <div class=\"__item-content\">\n                  <div class=\"__item-title\">{{ category.title }}</div>\n                  @if (category.description) {\n                    <div class=\"__item-description\">{{ category.description }}</div>\n                  }\n                </div>\n              </div>\n            }\n          </div>\n        </div>\n      }\n\n      @if (vm.reports().length > 0) {\n        <div class=\"__section\">\n          <h3 class=\"__section-title\">Reports</h3>\n          <div class=\"__items-grid\">\n            @for (report of vm.reports(); track report.id) {\n              <div class=\"__item __report\" (click)=\"navigateToReport(report)\">\n                <div class=\"__item-icon\">\n                  <ax-icon class=\"fa-solid fa-file-chart-column\"></ax-icon>\n                </div>\n                <div class=\"__item-content\">\n                  <div class=\"__item-title\">{{ report.title }}</div>\n                  @if (report.description) {\n                    <div class=\"__item-description\">{{ report.description }}</div>\n                  }\n                </div>\n              </div>\n            }\n          </div>\n        </div>\n      }\n\n      @if (vm.categories().length === 0 && vm.reports().length === 0) {\n        <axp-state-message\n          icon=\"fa-light fa-folder-open\"\n          [title]=\"'@report-management:no-items-found.title'\"\n          [description]=\"'@report-management:no-items-found.description'\"\n        >\n        </axp-state-message>\n      }\n    </div>\n  </ng-template>\n</axp-page-layout>\n", styles: [".axp-report-runner-root-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-runner-root-page axp-layout-start-side{width:24rem}}.axp-report-runner-root-page axp-layout-start-side axp-layout-content{overflow-x:auto;padding-left:1rem;padding-right:1rem}.axp-report-runner-root-page .__reports-browser>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.axp-report-runner-root-page .__reports-browser{padding:.75rem}@media (min-width: 1024px){.axp-report-runner-root-page .__reports-browser{padding:1.5rem}}.axp-report-runner-root-page .__reports-browser .__section>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.axp-report-runner-root-page .__reports-browser .__section .__section-title{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:600}.axp-report-runner-root-page .__reports-browser .__section .__section-title ax-icon{--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-primary-500),var(--tw-text-opacity, 1))}.axp-report-runner-root-page .__reports-browser .__section .__items-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media (min-width: 768px){.axp-report-runner-root-page .__reports-browser .__section .__items-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1280px){.axp-report-runner-root-page .__reports-browser .__section .__items-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1536px){.axp-report-runner-root-page .__reports-browser .__section .__items-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 2560px){.axp-report-runner-root-page .__reports-browser .__section .__items-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.axp-report-runner-root-page .__reports-browser .__section .__items-grid .__item{cursor:pointer;border-radius:.5rem;border-width:1px;padding:1rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s;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-runner-root-page .__reports-browser .__section .__items-grid .__item:is(.ax-dark *){background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface))}.axp-report-runner-root-page .__reports-browser .__section .__items-grid .__item{display:flex;align-items:flex-start;gap:.75rem}.axp-report-runner-root-page .__reports-browser .__section .__items-grid .__item .__item-icon{display:flex;height:2.5rem;width:2.5rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:.25rem;font-size:1.125rem;line-height:1.75rem}.axp-report-runner-root-page .__reports-browser .__section .__items-grid .__item .__item-content{min-width:0px;flex:1 1 0%}.axp-report-runner-root-page .__reports-browser .__section .__items-grid .__item .__item-content .__item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.axp-report-runner-root-page .__reports-browser .__section .__items-grid .__item .__item-content .__item-description{margin-top:.25rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:.875rem;line-height:1.25rem;opacity:.75}.axp-report-runner-root-page .__reports-browser .__section .__items-grid .__item.__category .__item-icon{background-color:rgba(var(--ax-sys-color-warning-500),.1)}.axp-report-runner-root-page .__reports-browser .__section .__items-grid .__item.__category .__item-icon ax-icon{--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-warning-500),var(--tw-text-opacity, 1))}.axp-report-runner-root-page .__reports-browser .__section .__items-grid .__item.__category:hover{--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-warning-500),var(--tw-border-opacity, 1));background-color:rgba(var(--ax-sys-color-warning-500),.05)}.axp-report-runner-root-page .__reports-browser .__section .__items-grid .__item.__report .__item-icon{background-color:rgba(var(--ax-sys-color-primary-500),.1)}.axp-report-runner-root-page .__reports-browser .__section .__items-grid .__item.__report .__item-icon ax-icon{--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-primary-500),var(--tw-text-opacity, 1))}.axp-report-runner-root-page .__reports-browser .__section .__items-grid .__item.__report:hover{--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-primary-500),var(--tw-border-opacity, 1));background-color:rgba(var(--ax-sys-color-primary-500),.05)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: 
                 //
                 AXSearchBoxModule }, { kind: "component", type: i3$1.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "ngmodule", type: AXBreadcrumbsModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i1$2.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXTabsModule }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "component", type: 
                 //
@@ -476,8 +476,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
                             provide: AXPPageLayoutBase,
                             useExisting: AXMReportRunnerRootPageComponent,
                         },
-                    ], host: { class: 'axp-report-runner-root-page' }, template: "<axp-page-layout *translate=\"let t\">\n  @if (vm.showSideMenu()) {\n    <axp-layout-start-side>\n      <axp-layout-header>\n        <axp-layout-title>{{ t('@report-management:features.report-runner.menu-title') | async }}</axp-layout-title>\n        <axp-layout-toolbar>\n          <ax-search-box\n            [delayTime]=\"300\"\n            [ngModel]=\"vm.searchExpression()\"\n            (onValueChanged)=\"vm.search($event.value)\"\n            [placeholder]=\"t('@report-management:search.placeholder') | async\"\n          >\n            <ax-clear-button></ax-clear-button>\n          </ax-search-box>\n        </axp-layout-toolbar>\n      </axp-layout-header>\n      <axp-layout-content>\n        <axp-report-categories-tree (categoryClick)=\"onCategoryClick($event)\" (reportClick)=\"onReportClick($event)\" />\n      </axp-layout-content>\n    </axp-layout-start-side>\n  }\n\n  <axp-page-content>\n    <!-- Desktop and Mobile: Always show browser template -->\n    <ng-container *ngTemplateOutlet=\"browser\"> </ng-container>\n  </axp-page-content>\n\n  <!-- Desktop: Grid-based browser for main content -->\n  <ng-template #browser>\n    <div class=\"__reports-browser\">\n      @if (vm.categories().length > 0) {\n        <div class=\"__section\">\n          <h3 class=\"__section-title\">Categories</h3>\n          <div class=\"__items-grid\">\n            @for (category of vm.categories(); track category.id) {\n              <div class=\"__item __category\" (click)=\"navigateToCategory(category)\">\n                <div class=\"__item-icon\">\n                  <ax-icon class=\"fa-solid fa-folder\"></ax-icon>\n                </div>\n                <div class=\"__item-content\">\n                  <div class=\"__item-title\">{{ category.title }}</div>\n                  @if (category.description) {\n                    <div class=\"__item-description\">{{ category.description }}</div>\n                  }\n                </div>\n              </div>\n            }\n          </div>\n        </div>\n      }\n\n      @if (vm.reports().length > 0) {\n        <div class=\"__section\">\n          <h3 class=\"__section-title\">Reports</h3>\n          <div class=\"__items-grid\">\n            @for (report of vm.reports(); track report.id) {\n              <div class=\"__item __report\" (click)=\"navigateToReport(report)\">\n                <div class=\"__item-icon\">\n                  <ax-icon class=\"fa-solid fa-file-chart-column\"></ax-icon>\n                </div>\n                <div class=\"__item-content\">\n                  <div class=\"__item-title\">{{ report.title }}</div>\n                  @if (report.description) {\n                    <div class=\"__item-description\">{{ report.description }}</div>\n                  }\n                </div>\n              </div>\n            }\n          </div>\n        </div>\n      }\n\n      @if (vm.categories().length === 0 && vm.reports().length === 0) {\n        <axp-state-message\n          icon=\"fa-light fa-folder-open\"\n          [title]=\"'@report-management:no-items-found.title'\"\n          [description]=\"'@report-management:no-items-found.description'\"\n        >\n        </axp-state-message>\n      }\n    </div>\n  </ng-template>\n</axp-page-layout>\n", styles: [".axp-report-runner-root-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-runner-root-page axp-layout-start-side{width:24rem}}.axp-report-runner-root-page axp-layout-start-side axp-layout-content{overflow-x:auto;padding-left:1rem;padding-right:1rem}.axp-report-runner-root-page .__reports-browser>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.axp-report-runner-root-page .__reports-browser{padding:.75rem}@media (min-width: 1024px){.axp-report-runner-root-page .__reports-browser{padding:1.5rem}}.axp-report-runner-root-page .__reports-browser .__section>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.axp-report-runner-root-page .__reports-browser .__section .__section-title{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:600}.axp-report-runner-root-page .__reports-browser .__section .__section-title ax-icon{--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-primary-500),var(--tw-text-opacity, 1))}.axp-report-runner-root-page .__reports-browser .__section .__items-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media (min-width: 768px){.axp-report-runner-root-page .__reports-browser .__section .__items-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1280px){.axp-report-runner-root-page .__reports-browser .__section .__items-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1536px){.axp-report-runner-root-page .__reports-browser .__section .__items-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 2560px){.axp-report-runner-root-page .__reports-browser .__section .__items-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.axp-report-runner-root-page .__reports-browser .__section .__items-grid .__item{cursor:pointer;border-radius:.5rem;border-width:1px;padding:1rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s;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-runner-root-page .__reports-browser .__section .__items-grid .__item:is(.ax-dark *){background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface))}.axp-report-runner-root-page .__reports-browser .__section .__items-grid .__item{display:flex;align-items:flex-start;gap:.75rem}.axp-report-runner-root-page .__reports-browser .__section .__items-grid .__item .__item-icon{display:flex;height:2.5rem;width:2.5rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:.25rem;font-size:1.125rem;line-height:1.75rem}.axp-report-runner-root-page .__reports-browser .__section .__items-grid .__item .__item-content{min-width:0px;flex:1 1 0%}.axp-report-runner-root-page .__reports-browser .__section .__items-grid .__item .__item-content .__item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.axp-report-runner-root-page .__reports-browser .__section .__items-grid .__item .__item-content .__item-description{margin-top:.25rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:.875rem;line-height:1.25rem;opacity:.75}.axp-report-runner-root-page .__reports-browser .__section .__items-grid .__item.__category .__item-icon{background-color:rgba(var(--ax-sys-color-warning-500),.1)}.axp-report-runner-root-page .__reports-browser .__section .__items-grid .__item.__category .__item-icon ax-icon{--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-warning-500),var(--tw-text-opacity, 1))}.axp-report-runner-root-page .__reports-browser .__section .__items-grid .__item.__category:hover{--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-warning-500),var(--tw-border-opacity, 1));background-color:rgba(var(--ax-sys-color-warning-500),.05)}.axp-report-runner-root-page .__reports-browser .__section .__items-grid .__item.__report .__item-icon{background-color:rgba(var(--ax-sys-color-primary-500),.1)}.axp-report-runner-root-page .__reports-browser .__section .__items-grid .__item.__report .__item-icon ax-icon{--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-primary-500),var(--tw-text-opacity, 1))}.axp-report-runner-root-page .__reports-browser .__section .__items-grid .__item.__report:hover{--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-primary-500),var(--tw-border-opacity, 1));background-color:rgba(var(--ax-sys-color-primary-500),.05)}\n"] }]
+                    ], host: { class: 'axp-report-runner-root-page' }, template: "<axp-page-layout *translate=\"let t\">\n  @if (vm.showSideMenu()) {\n    <axp-layout-start-side>\n      <axp-layout-header>\n        <axp-layout-title>{{ t('@report-management:features.report-runner.menu-title') | async }}</axp-layout-title>\n        <axp-layout-toolbar>\n          <ax-search-box\n            [delayTime]=\"300\"\n            [ngModel]=\"vm.searchExpression()\"\n            (onValueChanged)=\"vm.search($event.value)\"\n            [placeholder]=\"t('@report-management:search.placeholder') | async\"\n          >\n            <ax-clear-button></ax-clear-button>\n          </ax-search-box>\n        </axp-layout-toolbar>\n      </axp-layout-header>\n      <axp-layout-content>\n        <axp-report-categories-tree (categoryClick)=\"onCategoryClick($event)\" (reportClick)=\"onReportClick($event)\" />\n      </axp-layout-content>\n    </axp-layout-start-side>\n  }\n\n  <axp-page-content>\n    <!-- Desktop and Mobile: Always show desktop template -->\n    <ng-container *ngTemplateOutlet=\"desktop\"> </ng-container>\n  </axp-page-content>\n\n  <!-- Desktop: Grid-based browser for main content -->\n  <ng-template #desktop>\n    <div class=\"__reports-browser\">\n      @if (vm.categories().length > 0) {\n        <div class=\"__section\">\n          <h3 class=\"__section-title\">Categories</h3>\n          <div class=\"__items-grid\">\n            @for (category of vm.categories(); track category.id) {\n              <div class=\"__item __category\" (click)=\"navigateToCategory(category)\">\n                <div class=\"__item-icon\">\n                  <ax-icon class=\"fa-solid fa-folder\"></ax-icon>\n                </div>\n                <div class=\"__item-content\">\n                  <div class=\"__item-title\">{{ category.title }}</div>\n                  @if (category.description) {\n                    <div class=\"__item-description\">{{ category.description }}</div>\n                  }\n                </div>\n              </div>\n            }\n          </div>\n        </div>\n      }\n\n      @if (vm.reports().length > 0) {\n        <div class=\"__section\">\n          <h3 class=\"__section-title\">Reports</h3>\n          <div class=\"__items-grid\">\n            @for (report of vm.reports(); track report.id) {\n              <div class=\"__item __report\" (click)=\"navigateToReport(report)\">\n                <div class=\"__item-icon\">\n                  <ax-icon class=\"fa-solid fa-file-chart-column\"></ax-icon>\n                </div>\n                <div class=\"__item-content\">\n                  <div class=\"__item-title\">{{ report.title }}</div>\n                  @if (report.description) {\n                    <div class=\"__item-description\">{{ report.description }}</div>\n                  }\n                </div>\n              </div>\n            }\n          </div>\n        </div>\n      }\n\n      @if (vm.categories().length === 0 && vm.reports().length === 0) {\n        <axp-state-message\n          icon=\"fa-light fa-folder-open\"\n          [title]=\"'@report-management:no-items-found.title'\"\n          [description]=\"'@report-management:no-items-found.description'\"\n        >\n        </axp-state-message>\n      }\n    </div>\n  </ng-template>\n</axp-page-layout>\n", styles: [".axp-report-runner-root-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-runner-root-page axp-layout-start-side{width:24rem}}.axp-report-runner-root-page axp-layout-start-side axp-layout-content{overflow-x:auto;padding-left:1rem;padding-right:1rem}.axp-report-runner-root-page .__reports-browser>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.axp-report-runner-root-page .__reports-browser{padding:.75rem}@media (min-width: 1024px){.axp-report-runner-root-page .__reports-browser{padding:1.5rem}}.axp-report-runner-root-page .__reports-browser .__section>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.axp-report-runner-root-page .__reports-browser .__section .__section-title{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:600}.axp-report-runner-root-page .__reports-browser .__section .__section-title ax-icon{--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-primary-500),var(--tw-text-opacity, 1))}.axp-report-runner-root-page .__reports-browser .__section .__items-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media (min-width: 768px){.axp-report-runner-root-page .__reports-browser .__section .__items-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1280px){.axp-report-runner-root-page .__reports-browser .__section .__items-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1536px){.axp-report-runner-root-page .__reports-browser .__section .__items-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 2560px){.axp-report-runner-root-page .__reports-browser .__section .__items-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.axp-report-runner-root-page .__reports-browser .__section .__items-grid .__item{cursor:pointer;border-radius:.5rem;border-width:1px;padding:1rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s;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-runner-root-page .__reports-browser .__section .__items-grid .__item:is(.ax-dark *){background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface))}.axp-report-runner-root-page .__reports-browser .__section .__items-grid .__item{display:flex;align-items:flex-start;gap:.75rem}.axp-report-runner-root-page .__reports-browser .__section .__items-grid .__item .__item-icon{display:flex;height:2.5rem;width:2.5rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:.25rem;font-size:1.125rem;line-height:1.75rem}.axp-report-runner-root-page .__reports-browser .__section .__items-grid .__item .__item-content{min-width:0px;flex:1 1 0%}.axp-report-runner-root-page .__reports-browser .__section .__items-grid .__item .__item-content .__item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.axp-report-runner-root-page .__reports-browser .__section .__items-grid .__item .__item-content .__item-description{margin-top:.25rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:.875rem;line-height:1.25rem;opacity:.75}.axp-report-runner-root-page .__reports-browser .__section .__items-grid .__item.__category .__item-icon{background-color:rgba(var(--ax-sys-color-warning-500),.1)}.axp-report-runner-root-page .__reports-browser .__section .__items-grid .__item.__category .__item-icon ax-icon{--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-warning-500),var(--tw-text-opacity, 1))}.axp-report-runner-root-page .__reports-browser .__section .__items-grid .__item.__category:hover{--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-warning-500),var(--tw-border-opacity, 1));background-color:rgba(var(--ax-sys-color-warning-500),.05)}.axp-report-runner-root-page .__reports-browser .__section .__items-grid .__item.__report .__item-icon{background-color:rgba(var(--ax-sys-color-primary-500),.1)}.axp-report-runner-root-page .__reports-browser .__section .__items-grid .__item.__report .__item-icon ax-icon{--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-primary-500),var(--tw-text-opacity, 1))}.axp-report-runner-root-page .__reports-browser .__section .__items-grid .__item.__report:hover{--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-primary-500),var(--tw-border-opacity, 1));background-color:rgba(var(--ax-sys-color-primary-500),.05)}\n"] }]
         }] });
 
 export { AXMReportRunnerRootPageComponent };
-//# sourceMappingURL=acorex-modules-report-management-report-runner-root-page.component-COukv46B.mjs.map
+//# sourceMappingURL=acorex-modules-report-management-report-runner-root-page.component-DgIAlRUA.mjs.map