@alfresco/aca-content 7.3.0-20911290165 → 7.3.0-20915972139

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -472,6 +472,7 @@
472
472
  },
473
473
  "TOOLTIPS": {
474
474
  "COLLAPSE_NAVIGATION": "Collapse navigation menu",
475
+ "COLLAPSE_NAVIGATION_ALT": "Collapse navigation menu icon",
475
476
  "OPTIONS_SETTINGS": "Options and settings",
476
477
  "MY_PROFILE": "My profile",
477
478
  "EXPAND_NAVIGATION": "Expand navigation menu",
@@ -10374,11 +10374,11 @@ class SidenavHeaderComponent {
10374
10374
  });
10375
10375
  }
10376
10376
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SidenavHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
10377
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: SidenavHeaderComponent, isStandalone: true, selector: "app-sidenav-header", outputs: { toggleNavBar: "toggleNavBar" }, host: { classAttribute: "app-sidenav-header" }, ngImport: i0, template: "<div class=\"aca-sidenav-header\" data-automation-id=\"app-sidenav-header\">\n <div class=\"aca-sidenav-header-title\" data-automation-id=\"app-sidenav-header-title\">\n <div class=\"aca-sidenav-header-title-logo\"\n tabindex=0\n data-automation-id=\"app-sidenav-header-title-logo\"\n (click)=\"toggleNavBar.emit()\"\n (keypress)=\"toggleNavBar.emit()\">\n <img\n src=\"{{ logoUrl }}\"\n title=\"{{'APP.TOOLTIPS.COLLAPSE_NAVIGATION' | translate}}\"\n alt=\"{{ 'CORE.HEADER.LOGO_ARIA' | translate }}\" />\n </div>\n\n <div\n class=\"aca-sidenav-header-title-text\"\n data-automation-id=\"app-sidenav-header-title-text\"\n [routerLink]=\"landingPage\">\n {{ appName | translate }}\n </div>\n\n <aca-toolbar [items]=\"actions\" />\n </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: ToolbarComponent, selector: "aca-toolbar", inputs: ["items"] }], encapsulation: i0.ViewEncapsulation.None });
10377
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: SidenavHeaderComponent, isStandalone: true, selector: "app-sidenav-header", outputs: { toggleNavBar: "toggleNavBar" }, host: { classAttribute: "app-sidenav-header" }, ngImport: i0, template: "<div class=\"aca-sidenav-header\" data-automation-id=\"app-sidenav-header\">\n <div class=\"aca-sidenav-header-title\" data-automation-id=\"app-sidenav-header-title\">\n <button\n class=\"aca-sidenav-header-title-logo\"\n data-automation-id=\"app-sidenav-header-title-logo\"\n (click)=\"toggleNavBar.emit()\"\n (keypress)=\"toggleNavBar.emit()\"\n [attr.aria-label]=\"'APP.TOOLTIPS.COLLAPSE_NAVIGATION' | translate\">\n <img\n src=\"{{ logoUrl }}\"\n title=\"{{ 'APP.TOOLTIPS.COLLAPSE_NAVIGATION' | translate }}\"\n alt=\"{{ 'APP.TOOLTIPS.COLLAPSE_NAVIGATION_ALT' | translate }}\"\n aria-hidden=\"true\"\n />\n </button>\n\n <div\n class=\"aca-sidenav-header-title-text\"\n data-automation-id=\"app-sidenav-header-title-text\"\n [routerLink]=\"landingPage\">\n {{ appName | translate }}\n </div>\n\n <aca-toolbar [items]=\"actions\" />\n </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: ToolbarComponent, selector: "aca-toolbar", inputs: ["items"] }], encapsulation: i0.ViewEncapsulation.None });
10378
10378
  }
10379
10379
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SidenavHeaderComponent, decorators: [{
10380
10380
  type: Component,
10381
- args: [{ imports: [CommonModule, TranslatePipe, RouterModule, ToolbarComponent], selector: 'app-sidenav-header', encapsulation: ViewEncapsulation.None, host: { class: 'app-sidenav-header' }, template: "<div class=\"aca-sidenav-header\" data-automation-id=\"app-sidenav-header\">\n <div class=\"aca-sidenav-header-title\" data-automation-id=\"app-sidenav-header-title\">\n <div class=\"aca-sidenav-header-title-logo\"\n tabindex=0\n data-automation-id=\"app-sidenav-header-title-logo\"\n (click)=\"toggleNavBar.emit()\"\n (keypress)=\"toggleNavBar.emit()\">\n <img\n src=\"{{ logoUrl }}\"\n title=\"{{'APP.TOOLTIPS.COLLAPSE_NAVIGATION' | translate}}\"\n alt=\"{{ 'CORE.HEADER.LOGO_ARIA' | translate }}\" />\n </div>\n\n <div\n class=\"aca-sidenav-header-title-text\"\n data-automation-id=\"app-sidenav-header-title-text\"\n [routerLink]=\"landingPage\">\n {{ appName | translate }}\n </div>\n\n <aca-toolbar [items]=\"actions\" />\n </div>\n</div>\n" }]
10381
+ args: [{ imports: [CommonModule, TranslatePipe, RouterModule, ToolbarComponent], selector: 'app-sidenav-header', encapsulation: ViewEncapsulation.None, host: { class: 'app-sidenav-header' }, template: "<div class=\"aca-sidenav-header\" data-automation-id=\"app-sidenav-header\">\n <div class=\"aca-sidenav-header-title\" data-automation-id=\"app-sidenav-header-title\">\n <button\n class=\"aca-sidenav-header-title-logo\"\n data-automation-id=\"app-sidenav-header-title-logo\"\n (click)=\"toggleNavBar.emit()\"\n (keypress)=\"toggleNavBar.emit()\"\n [attr.aria-label]=\"'APP.TOOLTIPS.COLLAPSE_NAVIGATION' | translate\">\n <img\n src=\"{{ logoUrl }}\"\n title=\"{{ 'APP.TOOLTIPS.COLLAPSE_NAVIGATION' | translate }}\"\n alt=\"{{ 'APP.TOOLTIPS.COLLAPSE_NAVIGATION_ALT' | translate }}\"\n aria-hidden=\"true\"\n />\n </button>\n\n <div\n class=\"aca-sidenav-header-title-text\"\n data-automation-id=\"app-sidenav-header-title-text\"\n [routerLink]=\"landingPage\">\n {{ appName | translate }}\n </div>\n\n <aca-toolbar [items]=\"actions\" />\n </div>\n</div>\n" }]
10382
10382
  }], propDecorators: { toggleNavBar: [{
10383
10383
  type: Output
10384
10384
  }] } });
@@ -10673,11 +10673,11 @@ class SidenavComponent {
10673
10673
  this.setNavBarMode();
10674
10674
  }
10675
10675
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SidenavComponent, deps: [{ token: i1.Store }, { token: i2.AppExtensionService }, { token: i2.AppService }, { token: i2.NavigationHistoryService }], target: i0.ɵɵFactoryTarget.Component });
10676
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: SidenavComponent, isStandalone: true, selector: "app-sidenav", inputs: { data: "data" }, host: { classAttribute: "app-sidenav" }, ngImport: i0, template: "<div class=\"aca-sidenav\">\n <app-sidenav-header (toggleNavBar)=\"toggleClick()\" />\n\n <div class=\"aca-sidenav__section\">\n <div *ngFor=\"let group of groups; trackBy: trackByGroupId\" class=\"aca-sidenav__section__actions\">\n <nav\n [attr.aria-label]=\"item.title | translate\"\n class=\"aca-sidenav__section__actions__item\"\n *ngFor=\"let item of group.items; trackBy: trackByLinkId\"\n >\n <ng-container *ngIf=\"!item.component\">\n <app-expand-menu [item]=\"item\" />\n </ng-container>\n <ng-container *ngIf=\"item.component\">\n <adf-dynamic-component [data]=\"{ item: item, state: 'expanded' }\" [id]=\"item.component\" />\n </ng-container>\n </nav>\n </div>\n </div>\n</div>\n", styles: [".aca-sidenav{display:flex;flex:1;flex-direction:column;height:100%;overflow-y:hidden;background:var(--theme-sidenav-background-color)}.aca-sidenav-header{padding:32px 0}.aca-sidenav-header-title{display:flex;flex-direction:row;align-items:center;height:32px;padding:0 24px}.aca-sidenav-header-title-logo img{cursor:pointer;height:28px;vertical-align:middle;transform:scale(.7)}.aca-sidenav-header-title-text{flex:1;color:var(--theme-sidenav-text-color);padding-left:12px;letter-spacing:.25px;font-style:normal;font-weight:400;font-size:var(--theme-body-1-font-size);cursor:pointer}.aca-sidenav .aca-sidenav__section{overflow-y:auto}.aca-sidenav .aca-sidenav__section .aca-expansion-panel{width:100%;background-color:unset;box-shadow:none;border-radius:0}.aca-sidenav .aca-sidenav__section .aca-expansion-panel-header{padding:0 32px 0 0;display:flex;align-items:center;border:none}.aca-sidenav .aca-sidenav__section .aca-expansion-panel-header span:after{transform:rotate(226deg)}.aca-sidenav .aca-sidenav__section .aca-expansion-panel-header-title{display:flex;flex-direction:row}.aca-sidenav .aca-sidenav__section .aca-expansion-panel-header-title .aca-action-button__label{font-size:var(--theme-caption-font-size)}.aca-sidenav .aca-sidenav__section .aca-expansion-panel .aca-expansion-panel-header:hover{background:var(--adf-theme-background-hover-color)}.aca-sidenav .aca-sidenav__section .aca-expansion-panel-item{flex-direction:row;display:flex;align-items:center;text-decoration:none;width:100%;-webkit-user-select:none;user-select:none}.aca-sidenav .aca-sidenav__section .aca-expansion-panel-item .aca-action-button__label{color:var(--theme-text-light-color)}.aca-sidenav .aca-sidenav__section .aca-expansion-panel-item:hover .aca-action-button__label{color:var(--theme-sidenav-hovered-text-color)}.aca-sidenav .aca-sidenav__section .aca-expansion-panel-item .aca-action-button--active{color:var(--adf-sidenav-active-text-color);background:var(--theme-selected-background-color)}.aca-sidenav .aca-sidenav__section .aca-expansion-panel-item .aca-action-button--active .aca-action-button__label{color:var(--adf-sidenav-active-text-color)}.aca-sidenav .aca-sidenav__section .aca-expansion-panel-body{margin:0 -24px 16px;font-size:var(--theme-body-1-font-size)}.aca-sidenav .aca-sidenav__section .aca-expansion-panel-body button{line-height:32px;align-items:center}.aca-sidenav .aca-sidenav__section .aca-action-button{cursor:pointer;color:var(--theme-action-button-text-color);height:32px;padding:0 24px;border-radius:0;line-height:32px;justify-content:start}.aca-sidenav .aca-sidenav__section .aca-action-button .mdc-button__label{overflow:hidden;text-overflow:ellipsis}.aca-sidenav .aca-sidenav__section .aca-full-width{display:flex;width:100%}.aca-sidenav .aca-sidenav__section .aca-sidenav__section__actions__item:has(span){padding:0;height:100%}.aca-sidenav .aca-sidenav__section .aca-sidenav__section__actions__item:has(span) span{pointer-events:auto}.aca-sidenav .aca-sidenav__section .aca-sidenav__section__actions:last-child{border-bottom:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SidenavHeaderComponent, selector: "app-sidenav-header", outputs: ["toggleNavBar"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: ExpandMenuComponent, selector: "app-expand-menu", inputs: ["item"], outputs: ["actionClicked"] }, { kind: "component", type: DynamicExtensionComponent, selector: "adf-dynamic-component", inputs: ["id", "data"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
10676
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: SidenavComponent, isStandalone: true, selector: "app-sidenav", inputs: { data: "data" }, host: { classAttribute: "app-sidenav" }, ngImport: i0, template: "<div class=\"aca-sidenav\">\n <app-sidenav-header (toggleNavBar)=\"toggleClick()\" />\n\n <div class=\"aca-sidenav__section\">\n <div *ngFor=\"let group of groups; trackBy: trackByGroupId\" class=\"aca-sidenav__section__actions\">\n <nav\n [attr.aria-label]=\"item.title | translate\"\n class=\"aca-sidenav__section__actions__item\"\n *ngFor=\"let item of group.items; trackBy: trackByLinkId\"\n >\n <ng-container *ngIf=\"!item.component\">\n <app-expand-menu [item]=\"item\" />\n </ng-container>\n <ng-container *ngIf=\"item.component\">\n <adf-dynamic-component [data]=\"{ item: item, state: 'expanded' }\" [id]=\"item.component\" />\n </ng-container>\n </nav>\n </div>\n </div>\n</div>\n", styles: [".aca-sidenav{display:flex;flex:1;flex-direction:column;height:100%;overflow-y:hidden;background:var(--theme-sidenav-background-color)}.aca-sidenav-header{padding:32px 0}.aca-sidenav-header-title{display:flex;flex-direction:row;align-items:center;height:32px;padding:0 24px}.aca-sidenav-header-title-logo{background:transparent;border:none}.aca-sidenav-header-title-logo img{cursor:pointer;height:28px;vertical-align:middle;transform:scale(.7)}.aca-sidenav-header-title-text{flex:1;color:var(--theme-sidenav-text-color);padding-left:12px;letter-spacing:.25px;font-style:normal;font-weight:400;font-size:var(--theme-body-1-font-size);cursor:pointer}.aca-sidenav .aca-sidenav__section{overflow-y:auto}.aca-sidenav .aca-sidenav__section .aca-expansion-panel{width:100%;background-color:unset;box-shadow:none;border-radius:0}.aca-sidenav .aca-sidenav__section .aca-expansion-panel-header{padding:0 32px 0 0;display:flex;align-items:center;border:none}.aca-sidenav .aca-sidenav__section .aca-expansion-panel-header span:after{transform:rotate(226deg)}.aca-sidenav .aca-sidenav__section .aca-expansion-panel-header-title{display:flex;flex-direction:row}.aca-sidenav .aca-sidenav__section .aca-expansion-panel-header-title .aca-action-button__label{font-size:var(--theme-caption-font-size)}.aca-sidenav .aca-sidenav__section .aca-expansion-panel .aca-expansion-panel-header:hover{background:var(--adf-theme-background-hover-color)}.aca-sidenav .aca-sidenav__section .aca-expansion-panel-item{flex-direction:row;display:flex;align-items:center;text-decoration:none;width:100%;-webkit-user-select:none;user-select:none}.aca-sidenav .aca-sidenav__section .aca-expansion-panel-item .aca-action-button__label{color:var(--theme-text-light-color)}.aca-sidenav .aca-sidenav__section .aca-expansion-panel-item:hover .aca-action-button__label{color:var(--theme-sidenav-hovered-text-color)}.aca-sidenav .aca-sidenav__section .aca-expansion-panel-item .aca-action-button--active{color:var(--adf-sidenav-active-text-color);background:var(--theme-selected-background-color)}.aca-sidenav .aca-sidenav__section .aca-expansion-panel-item .aca-action-button--active .aca-action-button__label{color:var(--adf-sidenav-active-text-color)}.aca-sidenav .aca-sidenav__section .aca-expansion-panel-body{margin:0 -24px 16px;font-size:var(--theme-body-1-font-size)}.aca-sidenav .aca-sidenav__section .aca-expansion-panel-body button{line-height:32px;align-items:center}.aca-sidenav .aca-sidenav__section .aca-action-button{cursor:pointer;color:var(--theme-action-button-text-color);height:32px;padding:0 24px;border-radius:0;line-height:32px;justify-content:start}.aca-sidenav .aca-sidenav__section .aca-action-button .mdc-button__label{overflow:hidden;text-overflow:ellipsis}.aca-sidenav .aca-sidenav__section .aca-full-width{display:flex;width:100%}.aca-sidenav .aca-sidenav__section .aca-sidenav__section__actions__item:has(span){padding:0;height:100%}.aca-sidenav .aca-sidenav__section .aca-sidenav__section__actions__item:has(span) span{pointer-events:auto}.aca-sidenav .aca-sidenav__section .aca-sidenav__section__actions:last-child{border-bottom:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SidenavHeaderComponent, selector: "app-sidenav-header", outputs: ["toggleNavBar"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: ExpandMenuComponent, selector: "app-expand-menu", inputs: ["item"], outputs: ["actionClicked"] }, { kind: "component", type: DynamicExtensionComponent, selector: "adf-dynamic-component", inputs: ["id", "data"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
10677
10677
  }
10678
10678
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SidenavComponent, decorators: [{
10679
10679
  type: Component,
10680
- args: [{ imports: [CommonModule, SidenavHeaderComponent, MatListModule, ExpandMenuComponent, DynamicExtensionComponent, TranslatePipe], selector: 'app-sidenav', encapsulation: ViewEncapsulation.None, host: { class: 'app-sidenav' }, template: "<div class=\"aca-sidenav\">\n <app-sidenav-header (toggleNavBar)=\"toggleClick()\" />\n\n <div class=\"aca-sidenav__section\">\n <div *ngFor=\"let group of groups; trackBy: trackByGroupId\" class=\"aca-sidenav__section__actions\">\n <nav\n [attr.aria-label]=\"item.title | translate\"\n class=\"aca-sidenav__section__actions__item\"\n *ngFor=\"let item of group.items; trackBy: trackByLinkId\"\n >\n <ng-container *ngIf=\"!item.component\">\n <app-expand-menu [item]=\"item\" />\n </ng-container>\n <ng-container *ngIf=\"item.component\">\n <adf-dynamic-component [data]=\"{ item: item, state: 'expanded' }\" [id]=\"item.component\" />\n </ng-container>\n </nav>\n </div>\n </div>\n</div>\n", styles: [".aca-sidenav{display:flex;flex:1;flex-direction:column;height:100%;overflow-y:hidden;background:var(--theme-sidenav-background-color)}.aca-sidenav-header{padding:32px 0}.aca-sidenav-header-title{display:flex;flex-direction:row;align-items:center;height:32px;padding:0 24px}.aca-sidenav-header-title-logo img{cursor:pointer;height:28px;vertical-align:middle;transform:scale(.7)}.aca-sidenav-header-title-text{flex:1;color:var(--theme-sidenav-text-color);padding-left:12px;letter-spacing:.25px;font-style:normal;font-weight:400;font-size:var(--theme-body-1-font-size);cursor:pointer}.aca-sidenav .aca-sidenav__section{overflow-y:auto}.aca-sidenav .aca-sidenav__section .aca-expansion-panel{width:100%;background-color:unset;box-shadow:none;border-radius:0}.aca-sidenav .aca-sidenav__section .aca-expansion-panel-header{padding:0 32px 0 0;display:flex;align-items:center;border:none}.aca-sidenav .aca-sidenav__section .aca-expansion-panel-header span:after{transform:rotate(226deg)}.aca-sidenav .aca-sidenav__section .aca-expansion-panel-header-title{display:flex;flex-direction:row}.aca-sidenav .aca-sidenav__section .aca-expansion-panel-header-title .aca-action-button__label{font-size:var(--theme-caption-font-size)}.aca-sidenav .aca-sidenav__section .aca-expansion-panel .aca-expansion-panel-header:hover{background:var(--adf-theme-background-hover-color)}.aca-sidenav .aca-sidenav__section .aca-expansion-panel-item{flex-direction:row;display:flex;align-items:center;text-decoration:none;width:100%;-webkit-user-select:none;user-select:none}.aca-sidenav .aca-sidenav__section .aca-expansion-panel-item .aca-action-button__label{color:var(--theme-text-light-color)}.aca-sidenav .aca-sidenav__section .aca-expansion-panel-item:hover .aca-action-button__label{color:var(--theme-sidenav-hovered-text-color)}.aca-sidenav .aca-sidenav__section .aca-expansion-panel-item .aca-action-button--active{color:var(--adf-sidenav-active-text-color);background:var(--theme-selected-background-color)}.aca-sidenav .aca-sidenav__section .aca-expansion-panel-item .aca-action-button--active .aca-action-button__label{color:var(--adf-sidenav-active-text-color)}.aca-sidenav .aca-sidenav__section .aca-expansion-panel-body{margin:0 -24px 16px;font-size:var(--theme-body-1-font-size)}.aca-sidenav .aca-sidenav__section .aca-expansion-panel-body button{line-height:32px;align-items:center}.aca-sidenav .aca-sidenav__section .aca-action-button{cursor:pointer;color:var(--theme-action-button-text-color);height:32px;padding:0 24px;border-radius:0;line-height:32px;justify-content:start}.aca-sidenav .aca-sidenav__section .aca-action-button .mdc-button__label{overflow:hidden;text-overflow:ellipsis}.aca-sidenav .aca-sidenav__section .aca-full-width{display:flex;width:100%}.aca-sidenav .aca-sidenav__section .aca-sidenav__section__actions__item:has(span){padding:0;height:100%}.aca-sidenav .aca-sidenav__section .aca-sidenav__section__actions__item:has(span) span{pointer-events:auto}.aca-sidenav .aca-sidenav__section .aca-sidenav__section__actions:last-child{border-bottom:0}\n"] }]
10680
+ args: [{ imports: [CommonModule, SidenavHeaderComponent, MatListModule, ExpandMenuComponent, DynamicExtensionComponent, TranslatePipe], selector: 'app-sidenav', encapsulation: ViewEncapsulation.None, host: { class: 'app-sidenav' }, template: "<div class=\"aca-sidenav\">\n <app-sidenav-header (toggleNavBar)=\"toggleClick()\" />\n\n <div class=\"aca-sidenav__section\">\n <div *ngFor=\"let group of groups; trackBy: trackByGroupId\" class=\"aca-sidenav__section__actions\">\n <nav\n [attr.aria-label]=\"item.title | translate\"\n class=\"aca-sidenav__section__actions__item\"\n *ngFor=\"let item of group.items; trackBy: trackByLinkId\"\n >\n <ng-container *ngIf=\"!item.component\">\n <app-expand-menu [item]=\"item\" />\n </ng-container>\n <ng-container *ngIf=\"item.component\">\n <adf-dynamic-component [data]=\"{ item: item, state: 'expanded' }\" [id]=\"item.component\" />\n </ng-container>\n </nav>\n </div>\n </div>\n</div>\n", styles: [".aca-sidenav{display:flex;flex:1;flex-direction:column;height:100%;overflow-y:hidden;background:var(--theme-sidenav-background-color)}.aca-sidenav-header{padding:32px 0}.aca-sidenav-header-title{display:flex;flex-direction:row;align-items:center;height:32px;padding:0 24px}.aca-sidenav-header-title-logo{background:transparent;border:none}.aca-sidenav-header-title-logo img{cursor:pointer;height:28px;vertical-align:middle;transform:scale(.7)}.aca-sidenav-header-title-text{flex:1;color:var(--theme-sidenav-text-color);padding-left:12px;letter-spacing:.25px;font-style:normal;font-weight:400;font-size:var(--theme-body-1-font-size);cursor:pointer}.aca-sidenav .aca-sidenav__section{overflow-y:auto}.aca-sidenav .aca-sidenav__section .aca-expansion-panel{width:100%;background-color:unset;box-shadow:none;border-radius:0}.aca-sidenav .aca-sidenav__section .aca-expansion-panel-header{padding:0 32px 0 0;display:flex;align-items:center;border:none}.aca-sidenav .aca-sidenav__section .aca-expansion-panel-header span:after{transform:rotate(226deg)}.aca-sidenav .aca-sidenav__section .aca-expansion-panel-header-title{display:flex;flex-direction:row}.aca-sidenav .aca-sidenav__section .aca-expansion-panel-header-title .aca-action-button__label{font-size:var(--theme-caption-font-size)}.aca-sidenav .aca-sidenav__section .aca-expansion-panel .aca-expansion-panel-header:hover{background:var(--adf-theme-background-hover-color)}.aca-sidenav .aca-sidenav__section .aca-expansion-panel-item{flex-direction:row;display:flex;align-items:center;text-decoration:none;width:100%;-webkit-user-select:none;user-select:none}.aca-sidenav .aca-sidenav__section .aca-expansion-panel-item .aca-action-button__label{color:var(--theme-text-light-color)}.aca-sidenav .aca-sidenav__section .aca-expansion-panel-item:hover .aca-action-button__label{color:var(--theme-sidenav-hovered-text-color)}.aca-sidenav .aca-sidenav__section .aca-expansion-panel-item .aca-action-button--active{color:var(--adf-sidenav-active-text-color);background:var(--theme-selected-background-color)}.aca-sidenav .aca-sidenav__section .aca-expansion-panel-item .aca-action-button--active .aca-action-button__label{color:var(--adf-sidenav-active-text-color)}.aca-sidenav .aca-sidenav__section .aca-expansion-panel-body{margin:0 -24px 16px;font-size:var(--theme-body-1-font-size)}.aca-sidenav .aca-sidenav__section .aca-expansion-panel-body button{line-height:32px;align-items:center}.aca-sidenav .aca-sidenav__section .aca-action-button{cursor:pointer;color:var(--theme-action-button-text-color);height:32px;padding:0 24px;border-radius:0;line-height:32px;justify-content:start}.aca-sidenav .aca-sidenav__section .aca-action-button .mdc-button__label{overflow:hidden;text-overflow:ellipsis}.aca-sidenav .aca-sidenav__section .aca-full-width{display:flex;width:100%}.aca-sidenav .aca-sidenav__section .aca-sidenav__section__actions__item:has(span){padding:0;height:100%}.aca-sidenav .aca-sidenav__section .aca-sidenav__section__actions__item:has(span) span{pointer-events:auto}.aca-sidenav .aca-sidenav__section .aca-sidenav__section__actions:last-child{border-bottom:0}\n"] }]
10681
10681
  }], ctorParameters: () => [{ type: i1.Store }, { type: i2.AppExtensionService }, { type: i2.AppService }, { type: i2.NavigationHistoryService }], propDecorators: { data: [{
10682
10682
  type: Input
10683
10683
  }] } });