@netgrif/components 6.2.4 → 6.2.6

package/esm2020/lib/header/header.module.mjs

@@ -12,8 +12,8 @@ import { MatFormFieldModule } from '@angular/material/form-field';
 import * as i0 from "@angular/core";
 export class HeaderComponentModule {
 }
-HeaderComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: HeaderComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-HeaderComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: HeaderComponentModule, declarations: [HeaderComponent,
+HeaderComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: HeaderComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+HeaderComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: HeaderComponentModule, declarations: [HeaderComponent,
         SortModeComponent,
         SearchModeComponent,
         EditModeComponent,
@@ -28,7 +28,7 @@ HeaderComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", v
         SearchModeComponent,
         EditModeComponent,
         LoadingModeComponent] });
-HeaderComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: HeaderComponentModule, imports: [[
+HeaderComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: HeaderComponentModule, imports: [[
             CommonModule,
             MaterialModule,
             FlexModule,
@@ -37,7 +37,7 @@ HeaderComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", v
             NgxMatDatetimePickerModule,
             MatFormFieldModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: HeaderComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: HeaderComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/esm2020/lib/legal/legal-notice/legal-notice.component.mjs

@@ -8,9 +8,9 @@ export class LegalNoticeComponent extends AbstractLegalNoticeComponent {
         super(config);
     }
 }
-LegalNoticeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LegalNoticeComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-LegalNoticeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: LegalNoticeComponent, selector: "nc-legal-notice", usesInheritance: true, ngImport: i0, template: "<div class=\"text-style\">\n    {{'legal.byClicking' | translate:{'buttonName': (buttonName | translate)} }}\n    {{'legal.youIndicate' | translate}}\n    <a [href]=\"termsOfServiceLink\" [target]=\"'blank'\">{{'legal.termsOfService' | translate}}</a>\n    {{'legal.and' | translate}}\n    <a [href]=\"privacyPolicyLink\" [target]=\"'blank'\">{{'legal.privacyNotice' | translate}}</a>\n    {{'legal.sentenceEnd' | translate}}\n</div>\n", styles: [".text-style{font-size:small;text-align:justify;margin:8px 4px}\n"], pipes: { "translate": i2.TranslatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LegalNoticeComponent, decorators: [{
+LegalNoticeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LegalNoticeComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
+LegalNoticeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: LegalNoticeComponent, selector: "nc-legal-notice", usesInheritance: true, ngImport: i0, template: "<div class=\"text-style\">\n    {{'legal.byClicking' | translate:{'buttonName': (buttonName | translate)} }}\n    {{'legal.youIndicate' | translate}}\n    <a [href]=\"termsOfServiceLink\" [target]=\"'blank'\">{{'legal.termsOfService' | translate}}</a>\n    {{'legal.and' | translate}}\n    <a [href]=\"privacyPolicyLink\" [target]=\"'blank'\">{{'legal.privacyNotice' | translate}}</a>\n    {{'legal.sentenceEnd' | translate}}\n</div>\n", styles: [".text-style{font-size:small;text-align:justify;margin:8px 4px}\n"], pipes: { "translate": i2.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LegalNoticeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nc-legal-notice', template: "<div class=\"text-style\">\n    {{'legal.byClicking' | translate:{'buttonName': (buttonName | translate)} }}\n    {{'legal.youIndicate' | translate}}\n    <a [href]=\"termsOfServiceLink\" [target]=\"'blank'\">{{'legal.termsOfService' | translate}}</a>\n    {{'legal.and' | translate}}\n    <a [href]=\"privacyPolicyLink\" [target]=\"'blank'\">{{'legal.privacyNotice' | translate}}</a>\n    {{'legal.sentenceEnd' | translate}}\n</div>\n", styles: [".text-style{font-size:small;text-align:justify;margin:8px 4px}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.ConfigurationService }]; } });

package/esm2020/lib/legal/legal-notice/legal-notice.module.mjs

@@ -5,14 +5,14 @@ import { TranslateLibModule } from '@netgrif/components-core';
 import * as i0 from "@angular/core";
 export class LegalNoticeModule {
 }
-LegalNoticeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LegalNoticeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-LegalNoticeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LegalNoticeModule, declarations: [LegalNoticeComponent], imports: [CommonModule,
+LegalNoticeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LegalNoticeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LegalNoticeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LegalNoticeModule, declarations: [LegalNoticeComponent], imports: [CommonModule,
         TranslateLibModule], exports: [LegalNoticeComponent] });
-LegalNoticeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LegalNoticeModule, imports: [[
+LegalNoticeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LegalNoticeModule, imports: [[
             CommonModule,
             TranslateLibModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LegalNoticeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LegalNoticeModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [LegalNoticeComponent],

package/esm2020/lib/navigation/breadcrumbs/breadcrumbs.component.mjs

@@ -10,9 +10,9 @@ export class BreadcrumbsComponent extends AbstractBreadcrumbsComponent {
         this._uriService = _uriService;
     }
 }
-BreadcrumbsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BreadcrumbsComponent, deps: [{ token: i1.UriService }], target: i0.ɵɵFactoryTarget.Component });
-BreadcrumbsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: BreadcrumbsComponent, selector: "nc-breadcrumbs", usesInheritance: true, ngImport: i0, template: "<div class=\"breadcrumbs\">\n    <div *ngIf=\"showHome\">\n        <span class=\"breadcrumbs-span\" (click)=\"reset()\">{{'toolbar.menu.home' | translate}}</span>\n        <span class=\"delimeter\" *ngIf=\"getPath()?.length > 0\">/</span>\n    </div>\n    <div *ngFor=\"let path of getPath();let i = index;let last = last;\">\n        <span class=\"breadcrumbs-span\" (click)=\"changePath(path, i)\">{{path | titlecase}}</span>\n        <span class=\"delimeter\" *ngIf=\"!last\">/</span>\n    </div>\n</div>\n", styles: [".breadcrumbs{margin:8px;align-items:center;align-self:center;display:flex;flex-grow:1;flex-wrap:wrap}.breadcrumbs-span:hover{cursor:pointer;text-decoration:underline}.delimeter{margin:0 8px}\n"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "translate": i3.TranslatePipe, "titlecase": i2.TitleCasePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BreadcrumbsComponent, decorators: [{
+BreadcrumbsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: BreadcrumbsComponent, deps: [{ token: i1.UriService }], target: i0.ɵɵFactoryTarget.Component });
+BreadcrumbsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: BreadcrumbsComponent, selector: "nc-breadcrumbs", usesInheritance: true, ngImport: i0, template: "<div class=\"breadcrumbs\">\n    <div *ngIf=\"showHome\">\n        <span class=\"breadcrumbs-span\" (click)=\"reset()\">{{'toolbar.menu.home' | translate}}</span>\n        <span class=\"delimeter\" *ngIf=\"getPath()?.length > 0\">/</span>\n    </div>\n    <div *ngFor=\"let path of getPath();let i = index;let last = last;\">\n        <span class=\"breadcrumbs-span\" (click)=\"changePath(path, i)\">{{path | titlecase}}</span>\n        <span class=\"delimeter\" *ngIf=\"!last\">/</span>\n    </div>\n</div>\n", styles: [".breadcrumbs{margin:8px;align-items:center;align-self:center;display:flex;flex-grow:1;flex-wrap:wrap}.breadcrumbs-span:hover{cursor:pointer;text-decoration:underline}.delimeter{margin:0 8px}\n"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "translate": i3.TranslatePipe, "titlecase": i2.TitleCasePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: BreadcrumbsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nc-breadcrumbs', template: "<div class=\"breadcrumbs\">\n    <div *ngIf=\"showHome\">\n        <span class=\"breadcrumbs-span\" (click)=\"reset()\">{{'toolbar.menu.home' | translate}}</span>\n        <span class=\"delimeter\" *ngIf=\"getPath()?.length > 0\">/</span>\n    </div>\n    <div *ngFor=\"let path of getPath();let i = index;let last = last;\">\n        <span class=\"breadcrumbs-span\" (click)=\"changePath(path, i)\">{{path | titlecase}}</span>\n        <span class=\"delimeter\" *ngIf=\"!last\">/</span>\n    </div>\n</div>\n", styles: [".breadcrumbs{margin:8px;align-items:center;align-self:center;display:flex;flex-grow:1;flex-wrap:wrap}.breadcrumbs-span:hover{cursor:pointer;text-decoration:underline}.delimeter{margin:0 8px}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.UriService }]; } });

package/esm2020/lib/navigation/group-navigation-component-resolver/default-components/default-simple-task-view/default-simple-task-view.component.mjs

@@ -16,8 +16,8 @@ export class DefaultSimpleTaskViewComponent extends AbstractTaskViewComponent {
         this.initializeHeader(this.taskHeaderComponent);
     }
 }
-DefaultSimpleTaskViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DefaultSimpleTaskViewComponent, deps: [{ token: i1.TaskViewService }], target: i0.ɵɵFactoryTarget.Component });
-DefaultSimpleTaskViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: DefaultSimpleTaskViewComponent, selector: "nc-default-simple-task-view", providers: [
+DefaultSimpleTaskViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DefaultSimpleTaskViewComponent, deps: [{ token: i1.TaskViewService }], target: i0.ɵɵFactoryTarget.Component });
+DefaultSimpleTaskViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: DefaultSimpleTaskViewComponent, selector: "nc-default-simple-task-view", providers: [
         CategoryFactory,
         TaskViewService,
         SearchService,
@@ -44,7 +44,7 @@ DefaultSimpleTaskViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
             ]
         },
     ], viewQueries: [{ propertyName: "taskHeaderComponent", first: true, predicate: ["header"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"task-tab-background full-height\">\n    <div fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"content-margin full-height\" >\n        <mat-card class=\"search-panel\">\n            <nc-search class=\"search-width\"></nc-search>\n        </mat-card>\n        <nc-header #header type=\"task\" class=\"task-panel-padding-mini\"></nc-header>\n        <nc-task-list [tasks$]=\"tasks$\" [loading$]=\"loading$\" [allowMultiOpen]=\"false\" [selectedHeaders$]=\"selectedHeaders$\" [textEllipsis]=\"true\" fxFlex></nc-task-list>\n    </div>\n</div>\n", styles: [".task-tab-background{height:100%;width:100%;overflow:auto;background-color:transparent}.search-panel{margin-top:20px}.content-margin{margin:0 20px}.task-panel-padding-mini{padding-bottom:20px;padding-top:20px}.full-height{height:100%}.search-width{width:100%}\n"], components: [{ type: i2.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i3.SearchComponent, selector: "nc-search" }, { type: i4.HeaderComponent, selector: "nc-header" }, { type: i5.TaskListComponent, selector: "nc-task-list" }], directives: [{ type: i6.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i6.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i6.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DefaultSimpleTaskViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DefaultSimpleTaskViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nc-default-simple-task-view', providers: [
                         CategoryFactory,

package/esm2020/lib/navigation/group-navigation-component-resolver/default-components/default-tab-view/default-tab-view.component.mjs

@@ -37,12 +37,12 @@ export class DefaultTabViewComponent {
         ];
     }
 }
-DefaultTabViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DefaultTabViewComponent, deps: [{ token: NAE_NAVIGATION_ITEM_TASK_DATA }], target: i0.ɵɵFactoryTarget.Component });
-DefaultTabViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: DefaultTabViewComponent, selector: "nc-default-tab-view", providers: [
+DefaultTabViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DefaultTabViewComponent, deps: [{ token: NAE_NAVIGATION_ITEM_TASK_DATA }], target: i0.ɵɵFactoryTarget.Component });
+DefaultTabViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: DefaultTabViewComponent, selector: "nc-default-tab-view", providers: [
         ViewIdService,
         { provide: NAE_VIEW_ID_SEGMENT, useFactory: groupNavigationViewIdSegmentFactory, deps: [ActivatedRoute] }
     ], ngImport: i0, template: "<div fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"full-height\">\n    <nc-tab-view [initialTabs]=\"tabs\" stretch=\"false\" class=\"full-height block\"></nc-tab-view>\n</div>\n", styles: [".full-height{height:100%}.block{display:block!important}\n"], components: [{ type: i1.TabViewComponent, selector: "nc-tab-view" }], directives: [{ type: i2.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i2.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DefaultTabViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DefaultTabViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nc-default-tab-view', providers: [
                         ViewIdService,

package/esm2020/lib/navigation/group-navigation-component-resolver/default-components/default-tabbed-case-view/default-tabbed-case-view.component.mjs

@@ -29,8 +29,8 @@ export class DefaultTabbedCaseViewComponent extends AbstractTabbedCaseViewCompon
         }, this._autoswitchToTaskTab, this._openExistingTab);
     }
 }
-DefaultTabbedCaseViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DefaultTabbedCaseViewComponent, deps: [{ token: i1.CaseViewService }, { token: i1.LoggerService }, { token: NAE_TAB_DATA }], target: i0.ɵɵFactoryTarget.Component });
-DefaultTabbedCaseViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: DefaultTabbedCaseViewComponent, selector: "nc-default-tabbed-case-view", providers: [
+DefaultTabbedCaseViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DefaultTabbedCaseViewComponent, deps: [{ token: i1.CaseViewService }, { token: i1.LoggerService }, { token: NAE_TAB_DATA }], target: i0.ɵɵFactoryTarget.Component });
+DefaultTabbedCaseViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: DefaultTabbedCaseViewComponent, selector: "nc-default-tabbed-case-view", providers: [
         CategoryFactory,
         CaseViewService,
         SearchService,
@@ -51,7 +51,7 @@ DefaultTabbedCaseViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
             deps: [CategoryResolverService, NAE_TAB_DATA, NAE_DEFAULT_CASE_SEARCH_CATEGORIES, NAE_DEFAULT_TASK_SEARCH_CATEGORIES]
         },
     ], viewQueries: [{ propertyName: "caseHeaderComponent", first: true, predicate: ["header"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"case-view-container\" fxLayout=\"column\" fxLayoutAlign=\"start stretch\">\n\n    <mat-card class=\"case-view-search-container\">\n        <div fxLayout=\"row\" fxLayoutAlign=\"space-between\">\n            <div fxLayoutAlign=\"start center\" fxFlex>\n                <nc-search class=\"search-width\" (filterLoaded)=\"loadFilter($event)\"></nc-search>\n            </div>\n            <nc-create-case-button [newCaseCreationConfig]=\"newCaseCreationConfig\" (caseCreatedEvent)=\"handleCaseClick($event)\"></nc-create-case-button>\n        </div>\n    </mat-card>\n\n    <nc-header #header [type]=\"headerType\" class=\"case-header-padding\"></nc-header>\n\n    <nc-case-list [selectedHeaders$]=\"selectedHeaders$\" [textEllipsis]=\"true\"\n                  (caseClick)=\"handleCaseClick($event)\" fxFlex></nc-case-list>\n</div>\n", styles: [".case-view-container{margin:16px;height:calc(100% - 32px)}.case-view-search-container{padding:16px}.case-header-padding{padding-bottom:20px;padding-top:20px}.font-size-20{font-size:20px}.search-width{width:100%}\n"], components: [{ type: i2.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i3.SearchComponent, selector: "nc-search" }, { type: i4.CreateCaseButtonComponent, selector: "nc-create-case-button", inputs: ["newCaseCreationConfig"], outputs: ["caseCreatedEvent"] }, { type: i5.HeaderComponent, selector: "nc-header" }, { type: i6.CaseListComponent, selector: "nc-case-list" }], directives: [{ type: i7.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i7.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i7.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DefaultTabbedCaseViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DefaultTabbedCaseViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nc-default-tabbed-case-view', providers: [
                         CategoryFactory,

package/esm2020/lib/navigation/group-navigation-component-resolver/default-components/default-tabbed-task-view/default-tabbed-task-view.component.mjs

@@ -20,8 +20,8 @@ export class DefaultTabbedTaskViewComponent extends AbstractTabbedTaskViewCompon
         this.initializeHeader(this.taskHeaderComponent);
     }
 }
-DefaultTabbedTaskViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DefaultTabbedTaskViewComponent, deps: [{ token: i1.TaskViewService }, { token: NAE_TAB_DATA }], target: i0.ɵɵFactoryTarget.Component });
-DefaultTabbedTaskViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: DefaultTabbedTaskViewComponent, selector: "nc-default-tabbed-task-view", providers: [
+DefaultTabbedTaskViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DefaultTabbedTaskViewComponent, deps: [{ token: i1.TaskViewService }, { token: NAE_TAB_DATA }], target: i0.ɵɵFactoryTarget.Component });
+DefaultTabbedTaskViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: DefaultTabbedTaskViewComponent, selector: "nc-default-tabbed-task-view", providers: [
         CategoryFactory,
         TaskViewService,
         SearchService,
@@ -43,7 +43,7 @@ DefaultTabbedTaskViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
             deps: [NAE_TAB_DATA]
         }
     ], viewQueries: [{ propertyName: "taskHeaderComponent", first: true, predicate: ["header"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"task-tab-background full-height\">\n    <div fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"content-margin full-height\" >\n        <mat-card class=\"search-panel\">\n            <nc-search class=\"search-width\"></nc-search>\n        </mat-card>\n        <nc-header #header type=\"task\" class=\"task-panel-padding-mini\"></nc-header>\n        <nc-task-list [tasks$]=\"tasks$\" [loading$]=\"loading$\" [allowMultiOpen]=\"false\" [selectedHeaders$]=\"selectedHeaders$\" [textEllipsis]=\"true\" fxFlex></nc-task-list>\n    </div>\n</div>\n", styles: [".task-tab-background{height:100%;width:100%;overflow:auto;background-color:transparent}.search-panel{margin-top:20px}.content-margin{margin:0 20px}.task-panel-padding-mini{padding-bottom:20px;padding-top:20px}.full-height{height:100%}.search-width{width:100%}\n"], components: [{ type: i2.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i3.SearchComponent, selector: "nc-search" }, { type: i4.HeaderComponent, selector: "nc-header" }, { type: i5.TaskListComponent, selector: "nc-task-list" }], directives: [{ type: i6.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i6.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i6.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DefaultTabbedTaskViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DefaultTabbedTaskViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nc-default-tabbed-task-view', providers: [
                         CategoryFactory,

package/esm2020/lib/navigation/group-navigation-component-resolver/default-group-navigation-component-resolver.service.mjs

@@ -23,9 +23,9 @@ export class DefaultGroupNavigationComponentResolverService extends GroupNavigat
         }
     }
 }
-DefaultGroupNavigationComponentResolverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DefaultGroupNavigationComponentResolverService, deps: [{ token: i1.TaskResourceService }, { token: i1.LoggerService }], target: i0.ɵɵFactoryTarget.Injectable });
-DefaultGroupNavigationComponentResolverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DefaultGroupNavigationComponentResolverService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DefaultGroupNavigationComponentResolverService, decorators: [{
+DefaultGroupNavigationComponentResolverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DefaultGroupNavigationComponentResolverService, deps: [{ token: i1.TaskResourceService }, { token: i1.LoggerService }], target: i0.ɵɵFactoryTarget.Injectable });
+DefaultGroupNavigationComponentResolverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DefaultGroupNavigationComponentResolverService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DefaultGroupNavigationComponentResolverService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.TaskResourceService }, { type: i1.LoggerService }]; } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVmYXVsdC1ncm91cC1uYXZpZ2F0aW9uLWNvbXBvbmVudC1yZXNvbHZlci5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvbmF2aWdhdGlvbi9ncm91cC1uYXZpZ2F0aW9uLWNvbXBvbmVudC1yZXNvbHZlci9kZWZhdWx0LWdyb3VwLW5hdmlnYXRpb24tY29tcG9uZW50LXJlc29sdmVyLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFVBQVUsRUFBTyxNQUFNLGVBQWUsQ0FBQztBQUMvQyxPQUFPLEVBQ1EscUJBQXFCLEVBQ2hDLFVBQVUsRUFDVix1Q0FBdUMsR0FDMUMsTUFBTSwwQkFBMEIsQ0FBQztBQUNsQyxPQUFPLEVBQUMsdUJBQXVCLEVBQUMsTUFBTSxrRUFBa0UsQ0FBQztBQUN6RyxPQUFPLEVBQUMsOEJBQThCLEVBQUMsTUFBTSxrRkFBa0YsQ0FBQzs7O0FBR2hJLE1BQU0sT0FBTyw4Q0FBK0MsU0FBUSx1Q0FBdUM7SUFFdkcsWUFBWSxtQkFBd0MsRUFBRSxHQUFrQjtRQUNwRSxLQUFLLENBQUMsbUJBQW1CLEVBQUUsR0FBRyxDQUFDLENBQUM7SUFDcEMsQ0FBQztJQUVNLG9CQUFvQixDQUFDLHNCQUF3QztRQUNoRSxNQUFNLE1BQU0sR0FBRyxxQkFBcUIsQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDO1FBRTdELElBQUksTUFBTSxLQUFLLFNBQVMsRUFBRTtZQUN0QixNQUFNLElBQUksS0FBSyxDQUFDLG9FQUFvRSxDQUFDLENBQUM7U0FDekY7UUFFRCxRQUFRLE1BQU0sQ0FBQyxJQUFJLEVBQUU7WUFDakIsS0FBSyxVQUFVLENBQUMsSUFBSTtnQkFDaEIsT0FBTyx1QkFBdUIsQ0FBQztZQUNuQyxLQUFLLFVBQVUsQ0FBQyxJQUFJO2dCQUNoQixPQUFPLDhCQUE4QixDQUFDO1lBQzFDO2dCQUNJLE1BQU0sSUFBSSxLQUFLLENBQUMsbURBQW1ELE1BQU0sQ0FBQyxJQUFJLGVBQWUsQ0FBQyxDQUFDO1NBQ3RHO0lBQ0wsQ0FBQzs7NElBckJRLDhDQUE4QztnSkFBOUMsOENBQThDOzRGQUE5Qyw4Q0FBOEM7a0JBRDFELFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0luamVjdGFibGUsIFR5cGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgICBEYXRhR3JvdXAsIGV4dHJhY3RGaWx0ZXJGcm9tRGF0YSxcbiAgICBGaWx0ZXJUeXBlLFxuICAgIEdyb3VwTmF2aWdhdGlvbkNvbXBvbmVudFJlc29sdmVyU2VydmljZSwgTG9nZ2VyU2VydmljZSwgVGFza1Jlc291cmNlU2VydmljZSxcbn0gZnJvbSAnQG5ldGdyaWYvY29tcG9uZW50cy1jb3JlJztcbmltcG9ydCB7RGVmYXVsdFRhYlZpZXdDb21wb25lbnR9IGZyb20gJy4vZGVmYXVsdC1jb21wb25lbnRzL2RlZmF1bHQtdGFiLXZpZXcvZGVmYXVsdC10YWItdmlldy5jb21wb25lbnQnO1xuaW1wb3J0IHtEZWZhdWx0U2ltcGxlVGFza1ZpZXdDb21wb25lbnR9IGZyb20gJy4vZGVmYXVsdC1jb21wb25lbnRzL2RlZmF1bHQtc2ltcGxlLXRhc2stdmlldy9kZWZhdWx0LXNpbXBsZS10YXNrLXZpZXcuY29tcG9uZW50JztcblxuQEluamVjdGFibGUoKVxuZXhwb3J0IGNsYXNzIERlZmF1bHRHcm91cE5hdmlnYXRpb25Db21wb25lbnRSZXNvbHZlclNlcnZpY2UgZXh0ZW5kcyBHcm91cE5hdmlnYXRpb25Db21wb25lbnRSZXNvbHZlclNlcnZpY2Uge1xuXG4gICAgY29uc3RydWN0b3IodGFza1Jlc291cmNlU2VydmljZTogVGFza1Jlc291cmNlU2VydmljZSwgbG9nOiBMb2dnZXJTZXJ2aWNlKSB7XG4gICAgICAgIHN1cGVyKHRhc2tSZXNvdXJjZVNlcnZpY2UsIGxvZyk7XG4gICAgfVxuXG4gICAgcHVibGljIHJlc29sdmVWaWV3Q29tcG9uZW50KG5hdmlnYXRpb25JdGVtVGFza0RhdGE6IEFycmF5PERhdGFHcm91cD4pOiBUeXBlPGFueT4ge1xuICAgICAgICBjb25zdCBmaWx0ZXIgPSBleHRyYWN0RmlsdGVyRnJvbURhdGEobmF2aWdhdGlvbkl0ZW1UYXNrRGF0YSk7XG5cbiAgICAgICAgaWYgKGZpbHRlciA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgICB0aHJvdyBuZXcgRXJyb3IoJ1Byb3ZpZGVkIG5hdmlnYXRpb24gaXRlbSB0YXNrIGRhdGEgZG9lcyBub3QgY29udGFpbiBhIGZpbHRlciBmaWVsZCcpO1xuICAgICAgICB9XG5cbiAgICAgICAgc3dpdGNoIChmaWx0ZXIudHlwZSkge1xuICAgICAgICAgICAgY2FzZSBGaWx0ZXJUeXBlLkNBU0U6XG4gICAgICAgICAgICAgICAgcmV0dXJuIERlZmF1bHRUYWJWaWV3Q29tcG9uZW50O1xuICAgICAgICAgICAgY2FzZSBGaWx0ZXJUeXBlLlRBU0s6XG4gICAgICAgICAgICAgICAgcmV0dXJuIERlZmF1bHRTaW1wbGVUYXNrVmlld0NvbXBvbmVudDtcbiAgICAgICAgICAgIGRlZmF1bHQ6XG4gICAgICAgICAgICAgICAgdGhyb3cgbmV3IEVycm9yKGBDYW5ub3QgcmVzb2x2ZSBncm91cCBuYXZpZ2F0aW9uIGNvbXBvbmVudCBmcm9tICcke2ZpbHRlci50eXBlfScgZmlsdGVyIHR5cGVgKTtcbiAgICAgICAgfVxuICAgIH1cbn1cbiJdfQ==

package/esm2020/lib/navigation/group-navigation-component-resolver/group-navigation-component-resolver.component.mjs

@@ -14,9 +14,9 @@ export class GroupNavigationComponentResolverComponent extends AbstractGroupNavi
         super(componentResolverService, parentInjector, activatedRoute, router, log);
     }
 }
-GroupNavigationComponentResolverComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GroupNavigationComponentResolverComponent, deps: [{ token: i1.GroupNavigationComponentResolverService }, { token: i0.Injector }, { token: i2.ActivatedRoute }, { token: i2.Router }, { token: i1.LoggerService }], target: i0.ɵɵFactoryTarget.Component });
-GroupNavigationComponentResolverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: GroupNavigationComponentResolverComponent, selector: "nc-group-navigation-component-resolver", usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"initialized || errored; else loading\" class=\"full-height\">\n    <div *ngIf=\"initialized; else displayError\" class=\"full-height\">\n        <ng-template [cdkPortalOutlet]=\"portal\"></ng-template>\n    </div>\n</div>\n\n<ng-template #loading>\n    <mat-progress-spinner></mat-progress-spinner>\n</ng-template>\n\n<ng-template #displayError>\n    <div fxLayout=\"column\" fxLayoutAlign=\"center center\">\n        <mat-icon color=\"accent\" class=\"margin-bottom-error-icon\">cancel</mat-icon>\n        <span class=\"font-size-20\">{{'dynamicNavigation.couldNotResolveView' | translate}}</span>\n    </div>\n</ng-template>\n", styles: [".full-height{height:100%}.margin-bottom-error-icon{margin-bottom:8px}.font-size-20{font-size:20px}\n"], components: [{ type: i3.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { type: i7.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i7.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }], pipes: { "translate": i8.TranslatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GroupNavigationComponentResolverComponent, decorators: [{
+GroupNavigationComponentResolverComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GroupNavigationComponentResolverComponent, deps: [{ token: i1.GroupNavigationComponentResolverService }, { token: i0.Injector }, { token: i2.ActivatedRoute }, { token: i2.Router }, { token: i1.LoggerService }], target: i0.ɵɵFactoryTarget.Component });
+GroupNavigationComponentResolverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: GroupNavigationComponentResolverComponent, selector: "nc-group-navigation-component-resolver", usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"initialized || errored; else loading\" class=\"full-height\">\n    <div *ngIf=\"initialized; else displayError\" class=\"full-height\">\n        <ng-template [cdkPortalOutlet]=\"portal\"></ng-template>\n    </div>\n</div>\n\n<ng-template #loading>\n    <mat-progress-spinner></mat-progress-spinner>\n</ng-template>\n\n<ng-template #displayError>\n    <div fxLayout=\"column\" fxLayoutAlign=\"center center\">\n        <mat-icon color=\"accent\" class=\"margin-bottom-error-icon\">cancel</mat-icon>\n        <span class=\"font-size-20\">{{'dynamicNavigation.couldNotResolveView' | translate}}</span>\n    </div>\n</ng-template>\n", styles: [".full-height{height:100%}.margin-bottom-error-icon{margin-bottom:8px}.font-size-20{font-size:20px}\n"], components: [{ type: i3.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { type: i7.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i7.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }], pipes: { "translate": i8.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GroupNavigationComponentResolverComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nc-group-navigation-component-resolver', template: "<div *ngIf=\"initialized || errored; else loading\" class=\"full-height\">\n    <div *ngIf=\"initialized; else displayError\" class=\"full-height\">\n        <ng-template [cdkPortalOutlet]=\"portal\"></ng-template>\n    </div>\n</div>\n\n<ng-template #loading>\n    <mat-progress-spinner></mat-progress-spinner>\n</ng-template>\n\n<ng-template #displayError>\n    <div fxLayout=\"column\" fxLayoutAlign=\"center center\">\n        <mat-icon color=\"accent\" class=\"margin-bottom-error-icon\">cancel</mat-icon>\n        <span class=\"font-size-20\">{{'dynamicNavigation.couldNotResolveView' | translate}}</span>\n    </div>\n</ng-template>\n", styles: [".full-height{height:100%}.margin-bottom-error-icon{margin-bottom:8px}.font-size-20{font-size:20px}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.GroupNavigationComponentResolverService }, { type: i0.Injector }, { type: i2.ActivatedRoute }, { type: i2.Router }, { type: i1.LoggerService }]; } });

package/esm2020/lib/navigation/navigation-double-drawer/navigation-double-drawer.component.mjs

@@ -31,8 +31,8 @@ export class NavigationDoubleDrawerComponent extends AbstractNavigationDoubleDra
         this.isSectionOpen[section] = !this.isSectionOpen[section];
     }
 }
-NavigationDoubleDrawerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NavigationDoubleDrawerComponent, deps: [{ token: i1.Router }, { token: i1.ActivatedRoute }, { token: i2.BreakpointObserver }, { token: i3.LanguageService }, { token: i3.UserService }, { token: i3.AccessService }, { token: i3.LoggerService }, { token: i3.ConfigurationService }, { token: i3.UriService }, { token: i3.DynamicNavigationRouteProviderService }], target: i0.ɵɵFactoryTarget.Component });
-NavigationDoubleDrawerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NavigationDoubleDrawerComponent, selector: "nc-navigation-double-drawer", usesInheritance: true, ngImport: i0, template: "<div class=\"drawer-control rail-color\" fxLayoutAlign=\"start center\" fxHide.lt-md>\n    <button mat-icon-button (click)=\"toggleMenu()\" class=\"mat-button mat-typography menu-font-color\">\n        <mat-icon>menu</mat-icon>\n    </button>\n</div>\n<mat-toolbar fxHide.gt-sm class=\"toolbar\">\n    <mat-toolbar-row fxLayout=\"row\" fxLayoutAlign=\"space-between stretch\">\n        <div fxFlex fxLayoutAlign=\"start center\">\n            <button mat-icon-button (click)=\"toggleMenu()\">\n                <mat-icon>menu</mat-icon>\n            </button>\n        </div>\n        <div class=\"logo-tool\" fxLayoutAlign=\"center center\" fxFlex>\n            <img #logo [alt]=\"imageAlt\" [src]=\"image\" class=\"logoimg-tool\"\n                 [routerLink]=\"imageRouterLink !== undefined ? imageRouterLink : []\">\n        </div>\n        <div fxFlex></div>\n    </mat-toolbar-row>\n</mat-toolbar>\n<mat-spinner *ngIf=\"!logo\"></mat-spinner>\n<mat-sidenav-container class=\"rail-container\">\n    <mat-sidenav mode=\"side\" [(opened)]=\"configLeftMenu.opened\" position=\"start\"\n                 [disableClose]=\"configLeftMenu.disableClose\"\n                 class=\"rail-content\">\n\n        <div fxLayout=\"column\" class=\"rail-color\" fxFlex>\n\n            <div *ngTemplateOutlet=\"portalLeftMenu || defaultLeftSide\"></div>\n\n            <div fxFlex></div>\n\n            <mat-menu #userRailMenu=\"matMenu\">\n                <div mat-menu-item role=\"menuitem\" class=\"large-menu-item\" fxLayout=\"row\" fxFlexAlign=\"center center\"\n                    [routerLink]=\"profileRouterLink\" routerLinkActive=\"active\">\n                    <mat-icon class=\"margin-auto\" fxFlex>face</mat-icon>\n                    <div class=\"large-menu-item\" fxLayout=\"column\" fxFlexAlign=\"start center\" fxFlex>\n                        <span class=\"large-menu-item-text\" fxFlex=\"50\">{{user.fullName}}</span>\n                        <span class=\"large-menu-item-text\" style=\"font-size: 12px;\" fxFlex=\"50\">{{user.email}}</span>\n                    </div>\n                </div>\n                <button mat-menu-item (click)=\"logout()\">\n                    <mat-icon>exit_to_app</mat-icon>\n                    <span>{{ 'toolbar.menu.logout' | translate }}</span>\n                </button>\n            </mat-menu>\n            <button *ngIf=\"includeUser\" mat-icon-button [matMenuTriggerFor]=\"userRailMenu\" class=\"mat-button mat-typography menu-font-color\"\n                    [matTooltip]=\"user.fullName\"\n                    [matTooltipPosition]=\"'right'\">\n                <mat-icon>account_circle</mat-icon>\n            </button>\n\n            <div *ngIf=\"includeLanguage\" fxLayout=\"row\" class=\"icon-container\" fxLayoutAlign=\"center center\">\n                <nc-language-selector fxLayout=\"row\" [language]=\"getLang()\"></nc-language-selector>\n            </div>\n\n            <mat-menu #railMenu=\"matMenu\">\n                <button *ngFor='let item of moreMenuItems; trackBy: viewsTrackBy' mat-menu-item\n                        [routerLink]='item.routing.path' routerLinkActive=\"active\">\n                    <mat-icon>{{item.navigation.icon}}</mat-icon>\n                    <span>{{item.navigation.title}}</span>\n                </button>\n            </mat-menu>\n            <!--            <div fxLayout=\"row\" class=\"margin-bottom-x2 icon-container\" matTooltip=\"Otvori\u0165 menu\"-->\n            <!--                 matTooltipPosition=\"right\"-->\n            <!--                 fxLayoutAlign=\"center center\">-->\n            <!--                <button mat-icon-button [matMenuTriggerFor]=\"railMenu\">-->\n            <!--                    <mat-icon class=\"icon-large sidemenu-icon\">more_vert</mat-icon>-->\n            <!--                </button>-->\n            <!--            </div>-->\n            <button *ngIf=\"includeMoreMenu\" mat-icon-button [matMenuTriggerFor]=\"railMenu\"\n                    class=\"mat-button mat-typography menu-font-color margin-bottom-x2\"\n                    [matTooltip]=\"'toolbar.menu.open' | translate\"\n                    matTooltipPosition=\"right\">\n                <mat-icon>more_vert</mat-icon>\n            </button>\n\n        </div>\n\n    </mat-sidenav>\n\n    <mat-sidenav-content>\n        <mat-sidenav-container class=\"drawer-container\">\n            <mat-sidenav [mode]=\"configRightMenu.mode\" [(opened)]=\"configRightMenu.opened\" position=\"start\"\n                         [disableClose]=\"configRightMenu.disableClose\"\n                         class=\"drawer-content mat-elevation-z8\"\n                         mwlResizable\n                         [style.width.px]=\"configRightMenu.width\"\n                         [resizeCursorPrecision]=\"20\"\n                         [resizeEdges]=\"{right: true}\"\n                         (resizing)=\"onResizeEvent($event)\">\n\n                <div *ngTemplateOutlet=\"portalRightMenu || defaultRightSide\"></div>\n\n            </mat-sidenav>\n\n            <mat-sidenav-content>\n                <ng-content></ng-content>\n            </mat-sidenav-content>\n        </mat-sidenav-container>\n    </mat-sidenav-content>\n</mat-sidenav-container>\n\n<ng-template #defaultLeftSide>\n    <!--    <div fxLayout=\"row\" class=\"icon-container\" fxLayoutAlign=\"center center\"-->\n    <!--         (click)='onHomeClick()'>-->\n    <!--        <mat-icon class=\"icon-large\" [matTooltip]=\"'Home'\" [matTooltipPosition]=\"'right'\">home</mat-icon>-->\n    <!--    </div>-->\n    <button mat-icon-button (click)=\"onHomeClick()\" class=\"mat-button mat-typography menu-font-color\"\n            [matTooltip]=\"'toolbar.menu.home' | translate\"\n            matTooltipPosition=\"right\">\n        <mat-icon>home</mat-icon>\n    </button>\n\n    <!--    <div *ngIf='!isOnZeroLevel()' fxLayout=\"row\" class=\"icon-container\" fxLayoutAlign=\"center center\"-->\n    <!--         (click)='onBackClick()'>-->\n    <!--        <mat-icon class=\"icon-large\" [matTooltip]=\"'Back'\" [matTooltipPosition]=\"'right'\">arrow_back</mat-icon>-->\n    <!--    </div>-->\n    <button *ngIf='!isOnZeroLevel() && (canGoBackLoading$ | async) === false' mat-icon-button (click)=\"onBackClick()\"\n            class=\"mat-button mat-typography menu-font-color\" [matTooltip]=\"'toolbar.menu.back' | translate\"\n            matTooltipPosition=\"right\">\n        <mat-icon>arrow_back</mat-icon>\n    </button>\n    <div *ngIf=\"(canGoBackLoading$ | async)\" fxLayout=\"column\" fxLayoutAlign=\"center center\" class=\"margin-top-default\">\n        <mat-spinner color=\"primary\" diameter=\"30\" mode=\"indeterminate\"></mat-spinner>\n    </div>\n\n    <div class=\"margin-top-x2\"></div>\n    <!--    <div *ngFor='let node of leftNodes; trackBy: uriNodeTrackBy' fxLayout=\"row\" class=\"icon-container\"-->\n    <!--         fxLayoutAlign=\"center center\"-->\n    <!--         (click)='onLeftSideClick(node)'>-->\n    <!--        <mat-icon class=\"icon-large\" [matTooltip]=\"node.name\"-->\n    <!--                  [matTooltipPosition]=\"'right'\">{{node.id === currentNode.id ? 'folder_open' : 'folder'}}</mat-icon>-->\n    <!--    </div>-->\n    <button *ngFor='let node of leftNodes; trackBy: uriNodeTrackBy' mat-icon-button (click)=\"onNodeClick(node)\"\n            class=\"mat-button mat-typography menu-font-color\" [matTooltip]=\"node.name\" [matTooltipPosition]=\"'right'\"\n            [ngClass]=\"node.id === currentNode.id ? 'rail-selected-color' : ''\">\n        <mat-icon>{{node.id === currentNode.id ? openedFolderIcon : folderIcon}}</mat-icon>\n    </button>\n\n    <div *ngIf=\"(leftLoading$ | async)\" fxLayout=\"column\" fxLayoutAlign=\"center center\" class=\"margin-top-default\">\n        <mat-spinner color=\"primary\" diameter=\"30\" mode=\"indeterminate\"></mat-spinner>\n    </div>\n</ng-template>\n\n<ng-template #defaultRightSide>\n    <div class=\"logo\" fxLayoutAlign=\"center center\" fxHide.lt-md>\n        <img *ngIf=\"image !== undefined\" [alt]=\"imageAlt\" [src]=\"image\" class=\"logoimg\"\n             [routerLink]=\"imageRouterLink !== undefined ? imageRouterLink : []\">\n    </div>\n    <div *ngIf=\"(rightLoading$ | async) === false\" ngClass.gt-sm=\"padding-top-8\">\n        <div class=\"margin-auto cursor-pointer\" *ngIf='!isRightNodesEmpty()' (click)=\"toggleSection('folders')\"\n             fxLayout=\"row\" fxFlexAlign=\"start center\">\n            <span class=\"headline-text mat-typography\">{{foldersCategoryName | translate}}</span>\n            <div fxFlex></div>\n            <span *ngIf=\"isSectionOpen\" [@indicatorRotate]=\"isSectionOpen.folders ? 'expanded' : 'collapsed'\"\n                  class=\"expansion-indicator mat-typography\"></span>\n        </div>\n        <div [@sectionExpansion]=\"isSectionOpen.folders ? 'expanded' : 'collapsed'\" class=\"box-container\">\n            <div *ngFor='let node of rightNodes; trackBy: uriNodeTrackBy' (click)=\"onNodeClick(node)\"\n                 class=\"tree-node mat-typography mat-body-2\" fxLayoutAlign=\"start center\" routerLinkActive=\"active\">\n                <mat-icon class=\"tree-node-icon\">folder</mat-icon>\n                <span>{{node.name}}</span>\n                <span class=\"menu-item-focus-overlay\"></span>\n            </div>\n        </div>\n\n        <div class=\"margin-auto\" *ngIf='!isViewsEmpty()' fxLayout=\"column\" fxFlexAlign=\"center start\">\n            <div *ngIf=\"!isRightNodesEmpty()\" class=\"line margin-bottom-x2\">\n                <mat-divider></mat-divider>\n            </div>\n            <div class=\"cursor-pointer\" (click)=\"toggleSection('views')\" fxLayout=\"row\" fxFlexAlign=\"start center\"\n                 fxFlex>\n                <span class=\"headline-text mat-typography\">{{viewsCategoryName | translate}}</span>\n                <div fxFlex></div>\n                <span *ngIf=\"isSectionOpen\" [@indicatorRotate]=\"isSectionOpen.views ? 'expanded' : 'collapsed'\"\n                      class=\"expansion-indicator mat-typography\"></span>\n            </div>\n        </div>\n        <div [@sectionExpansion]=\"isSectionOpen.views ? 'expanded' : 'collapsed'\" class=\"box-container\">\n            <div *ngFor='let view of views; trackBy: viewsTrackBy' class=\"tree-node mat-typography\"\n                 fxLayoutAlign=\"start center\" [routerLink]='view.routing.path' routerLinkActive=\"active\">\n                <mat-icon class=\"tree-node-icon\">{{view.navigation.icon}}</mat-icon>\n                <span>{{view.navigation.title}}</span>\n                <span class=\"menu-item-focus-overlay\"></span>\n            </div>\n        </div>\n    </div>\n    <div *ngIf=\"(rightLoading$ | async)\" fxLayout=\"column\" fxLayoutAlign=\"center center\" class=\"margin-top-default\">\n        <mat-spinner color=\"primary\" diameter=\"40\" mode=\"indeterminate\"></mat-spinner>\n    </div>\n</ng-template>\n", styles: [".rail-container{height:100%}.rail-content{width:60px;min-width:60px;top:48px;border-right:none!important}.drawer-container{height:100%}.mat-button{margin-left:10px;margin-right:10px}.drawer-content{width:300px;min-width:300px}.drawer-control{width:60px!important;height:48px;position:absolute;z-index:2}.logo{height:48px}.logo-closed{width:60px!important}.logoimg{margin-left:auto;margin-right:auto;height:46px;outline:none!important;cursor:pointer}.icon-large{height:40px;width:40px;font-size:40px;color:#000000b3}.icon-container{outline:none!important;height:40px}.icon-large:hover{cursor:pointer}.menu-font-color{color:#000000b3!important}.margin-top-65{margin-top:49px}.margin-auto{margin:auto}.padding-top-65{padding-top:49px}.padding-top-8{padding-top:8px}.margin-bottom-x2{margin-bottom:16px}.tree-node{outline:none!important;cursor:pointer;padding:8px;color:#000000b3;line-height:24px;position:relative;border-radius:18px}.tree-node mat-icon.tree-node-icon{height:24px;width:24px;font-size:24px;margin-right:4px}.tree-node .tree-node-label{height:24px;font-size:16px}.tree-node .margin-component{width:8px;margin-right:4px}.tree-node .menu-item-focus-overlay{opacity:0;position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:black;transition:opacity .2s cubic-bezier(.35,0,.25,1),background-color .2s cubic-bezier(.35,0,.25,1)}.tree-node:hover .menu-item-focus-overlay{opacity:.04}.margin-top-default{margin-top:8px}.margin-top-x2{margin-top:16px}.logo-tool{height:48px}.logoimg-tool{height:46px;outline:none!important;cursor:pointer;background:#fafafa}.toolbar{min-height:48px!important;height:48px;border-bottom:1px solid #ddd}@media screen and (max-width: 959.99px){.rail-container{height:calc(100% - 49px)}.rail-content{width:60px;min-width:60px;top:0;border-right:none!important}.margin-top-65{margin-top:16px}.padding-top-65{padding-top:16px}}.profile-tooltip{font-size:20px}.sidemenu-icon{line-height:unset!important}.line{width:calc(100% - 16px);padding-left:8px;padding-right:8px;flex:1}.headline-text{color:#000000b3;padding-left:8px;padding-right:10px;margin-bottom:8px}.large-menu-item{height:64px;line-height:64px}.large-menu-item-text{line-height:32px}.cursor-pointer{cursor:pointer}.box-container{box-sizing:content-box;display:block;overflow:hidden}.expansion-indicator{color:#00000080;margin-right:10px}.expansion-indicator:after{border-style:solid;border-width:0 2px 2px 0;content:\"\";display:inline-block;padding:3px;vertical-align:middle;transform:rotate(45deg)}\n"], components: [{ type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i6.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { type: i8.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { type: i8.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { type: i9.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i9.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { type: i10.LanguageSelectorComponent, selector: "nc-language-selector" }, { type: i8.MatSidenavContent, selector: "mat-sidenav-content" }, { type: i11.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }], directives: [{ type: i12.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i13.DefaultShowHideDirective, selector: "  [fxShow], [fxShow.print],  [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl],  [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl],  [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg],  [fxHide], [fxHide.print],  [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl],  [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl],  [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { type: i6.MatToolbarRow, selector: "mat-toolbar-row", exportAs: ["matToolbarRow"] }, { type: i12.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i12.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i1.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i14.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i14.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i12.DefaultFlexAlignDirective, selector: "  [fxFlexAlign], [fxFlexAlign.xs], [fxFlexAlign.sm], [fxFlexAlign.md],  [fxFlexAlign.lg], [fxFlexAlign.xl], [fxFlexAlign.lt-sm], [fxFlexAlign.lt-md],  [fxFlexAlign.lt-lg], [fxFlexAlign.lt-xl], [fxFlexAlign.gt-xs], [fxFlexAlign.gt-sm],  [fxFlexAlign.gt-md], [fxFlexAlign.gt-lg]", inputs: ["fxFlexAlign", "fxFlexAlign.xs", "fxFlexAlign.sm", "fxFlexAlign.md", "fxFlexAlign.lg", "fxFlexAlign.xl", "fxFlexAlign.lt-sm", "fxFlexAlign.lt-md", "fxFlexAlign.lt-lg", "fxFlexAlign.lt-xl", "fxFlexAlign.gt-xs", "fxFlexAlign.gt-sm", "fxFlexAlign.gt-md", "fxFlexAlign.gt-lg"] }, { type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { type: i9.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { type: i15.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i14.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i16.ResizableDirective, selector: "[mwlResizable]", inputs: ["resizeEdges", "enableGhostResize", "resizeSnapGrid", "resizeCursors", "resizeCursorPrecision", "ghostElementPositioning", "allowNegativeResizes", "mouseMoveThrottleMS", "validateResize"], outputs: ["resizeStart", "resizing", "resizeEnd"] }, { type: i14.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i13.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }], pipes: { "translate": i17.TranslatePipe, "async": i14.AsyncPipe }, animations: [
+NavigationDoubleDrawerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NavigationDoubleDrawerComponent, deps: [{ token: i1.Router }, { token: i1.ActivatedRoute }, { token: i2.BreakpointObserver }, { token: i3.LanguageService }, { token: i3.UserService }, { token: i3.AccessService }, { token: i3.LoggerService }, { token: i3.ConfigurationService }, { token: i3.UriService }, { token: i3.DynamicNavigationRouteProviderService }], target: i0.ɵɵFactoryTarget.Component });
+NavigationDoubleDrawerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: NavigationDoubleDrawerComponent, selector: "nc-navigation-double-drawer", usesInheritance: true, ngImport: i0, template: "<div class=\"drawer-control rail-color\" fxLayoutAlign=\"start center\" fxHide.lt-md>\n    <button mat-icon-button (click)=\"toggleMenu()\" class=\"mat-button mat-typography menu-font-color\">\n        <mat-icon>menu</mat-icon>\n    </button>\n</div>\n<mat-toolbar fxHide.gt-sm class=\"toolbar\">\n    <mat-toolbar-row fxLayout=\"row\" fxLayoutAlign=\"space-between stretch\">\n        <div fxFlex fxLayoutAlign=\"start center\">\n            <button mat-icon-button (click)=\"toggleMenu()\">\n                <mat-icon>menu</mat-icon>\n            </button>\n        </div>\n        <div class=\"logo-tool\" fxLayoutAlign=\"center center\" fxFlex>\n            <img #logo [alt]=\"imageAlt\" [src]=\"image\" class=\"logoimg-tool\"\n                 [routerLink]=\"imageRouterLink !== undefined ? imageRouterLink : []\">\n        </div>\n        <div fxFlex></div>\n    </mat-toolbar-row>\n</mat-toolbar>\n<mat-spinner *ngIf=\"!logo\"></mat-spinner>\n<mat-sidenav-container class=\"rail-container\">\n    <mat-sidenav mode=\"side\" [(opened)]=\"configLeftMenu.opened\" position=\"start\"\n                 [disableClose]=\"configLeftMenu.disableClose\"\n                 class=\"rail-content\">\n\n        <div fxLayout=\"column\" class=\"rail-color\" fxFlex>\n\n            <div *ngTemplateOutlet=\"portalLeftMenu || defaultLeftSide\"></div>\n\n            <div fxFlex></div>\n\n            <mat-menu #userRailMenu=\"matMenu\">\n                <div mat-menu-item role=\"menuitem\" class=\"large-menu-item\" fxLayout=\"row\" fxFlexAlign=\"center center\"\n                    [routerLink]=\"profileRouterLink\" routerLinkActive=\"active\">\n                    <mat-icon class=\"margin-auto\" fxFlex>face</mat-icon>\n                    <div class=\"large-menu-item\" fxLayout=\"column\" fxFlexAlign=\"start center\" fxFlex>\n                        <span class=\"large-menu-item-text\" fxFlex=\"50\">{{user.fullName}}</span>\n                        <span class=\"large-menu-item-text\" style=\"font-size: 12px;\" fxFlex=\"50\">{{user.email}}</span>\n                    </div>\n                </div>\n                <button mat-menu-item (click)=\"logout()\">\n                    <mat-icon>exit_to_app</mat-icon>\n                    <span>{{ 'toolbar.menu.logout' | translate }}</span>\n                </button>\n            </mat-menu>\n            <button *ngIf=\"includeUser\" mat-icon-button [matMenuTriggerFor]=\"userRailMenu\" class=\"mat-button mat-typography menu-font-color\"\n                    [matTooltip]=\"user.fullName\"\n                    [matTooltipPosition]=\"'right'\">\n                <mat-icon>account_circle</mat-icon>\n            </button>\n\n            <div *ngIf=\"includeLanguage\" fxLayout=\"row\" class=\"icon-container\" fxLayoutAlign=\"center center\">\n                <nc-language-selector fxLayout=\"row\" [language]=\"getLang()\"></nc-language-selector>\n            </div>\n\n            <mat-menu #railMenu=\"matMenu\">\n                <button *ngFor='let item of moreMenuItems; trackBy: viewsTrackBy' mat-menu-item\n                        [routerLink]='item.routing.path' routerLinkActive=\"active\">\n                    <mat-icon>{{item.navigation.icon}}</mat-icon>\n                    <span>{{item.navigation.title}}</span>\n                </button>\n            </mat-menu>\n            <!--            <div fxLayout=\"row\" class=\"margin-bottom-x2 icon-container\" matTooltip=\"Otvori\u0165 menu\"-->\n            <!--                 matTooltipPosition=\"right\"-->\n            <!--                 fxLayoutAlign=\"center center\">-->\n            <!--                <button mat-icon-button [matMenuTriggerFor]=\"railMenu\">-->\n            <!--                    <mat-icon class=\"icon-large sidemenu-icon\">more_vert</mat-icon>-->\n            <!--                </button>-->\n            <!--            </div>-->\n            <button *ngIf=\"includeMoreMenu\" mat-icon-button [matMenuTriggerFor]=\"railMenu\"\n                    class=\"mat-button mat-typography menu-font-color margin-bottom-x2\"\n                    [matTooltip]=\"'toolbar.menu.open' | translate\"\n                    matTooltipPosition=\"right\">\n                <mat-icon>more_vert</mat-icon>\n            </button>\n\n        </div>\n\n    </mat-sidenav>\n\n    <mat-sidenav-content>\n        <mat-sidenav-container class=\"drawer-container\">\n            <mat-sidenav [mode]=\"configRightMenu.mode\" [(opened)]=\"configRightMenu.opened\" position=\"start\"\n                         [disableClose]=\"configRightMenu.disableClose\"\n                         class=\"drawer-content mat-elevation-z8\"\n                         mwlResizable\n                         [style.width.px]=\"configRightMenu.width\"\n                         [resizeCursorPrecision]=\"20\"\n                         [resizeEdges]=\"{right: true}\"\n                         (resizing)=\"onResizeEvent($event)\">\n\n                <div *ngTemplateOutlet=\"portalRightMenu || defaultRightSide\"></div>\n\n            </mat-sidenav>\n\n            <mat-sidenav-content>\n                <ng-content></ng-content>\n            </mat-sidenav-content>\n        </mat-sidenav-container>\n    </mat-sidenav-content>\n</mat-sidenav-container>\n\n<ng-template #defaultLeftSide>\n    <!--    <div fxLayout=\"row\" class=\"icon-container\" fxLayoutAlign=\"center center\"-->\n    <!--         (click)='onHomeClick()'>-->\n    <!--        <mat-icon class=\"icon-large\" [matTooltip]=\"'Home'\" [matTooltipPosition]=\"'right'\">home</mat-icon>-->\n    <!--    </div>-->\n    <button mat-icon-button (click)=\"onHomeClick()\" class=\"mat-button mat-typography menu-font-color\"\n            [matTooltip]=\"'toolbar.menu.home' | translate\"\n            matTooltipPosition=\"right\">\n        <mat-icon>home</mat-icon>\n    </button>\n\n    <!--    <div *ngIf='!isOnZeroLevel()' fxLayout=\"row\" class=\"icon-container\" fxLayoutAlign=\"center center\"-->\n    <!--         (click)='onBackClick()'>-->\n    <!--        <mat-icon class=\"icon-large\" [matTooltip]=\"'Back'\" [matTooltipPosition]=\"'right'\">arrow_back</mat-icon>-->\n    <!--    </div>-->\n    <button *ngIf='!isOnZeroLevel() && (canGoBackLoading$ | async) === false' mat-icon-button (click)=\"onBackClick()\"\n            class=\"mat-button mat-typography menu-font-color\" [matTooltip]=\"'toolbar.menu.back' | translate\"\n            matTooltipPosition=\"right\">\n        <mat-icon>arrow_back</mat-icon>\n    </button>\n    <div *ngIf=\"(canGoBackLoading$ | async)\" fxLayout=\"column\" fxLayoutAlign=\"center center\" class=\"margin-top-default\">\n        <mat-spinner color=\"primary\" diameter=\"30\" mode=\"indeterminate\"></mat-spinner>\n    </div>\n\n    <div class=\"margin-top-x2\"></div>\n    <!--    <div *ngFor='let node of leftNodes; trackBy: uriNodeTrackBy' fxLayout=\"row\" class=\"icon-container\"-->\n    <!--         fxLayoutAlign=\"center center\"-->\n    <!--         (click)='onLeftSideClick(node)'>-->\n    <!--        <mat-icon class=\"icon-large\" [matTooltip]=\"node.name\"-->\n    <!--                  [matTooltipPosition]=\"'right'\">{{node.id === currentNode.id ? 'folder_open' : 'folder'}}</mat-icon>-->\n    <!--    </div>-->\n    <button *ngFor='let node of leftNodes; trackBy: uriNodeTrackBy' mat-icon-button (click)=\"onNodeClick(node)\"\n            class=\"mat-button mat-typography menu-font-color\" [matTooltip]=\"node.name\" [matTooltipPosition]=\"'right'\"\n            [ngClass]=\"node.id === currentNode.id ? 'rail-selected-color' : ''\">\n        <mat-icon>{{node.id === currentNode.id ? openedFolderIcon : folderIcon}}</mat-icon>\n    </button>\n\n    <div *ngIf=\"(leftLoading$ | async)\" fxLayout=\"column\" fxLayoutAlign=\"center center\" class=\"margin-top-default\">\n        <mat-spinner color=\"primary\" diameter=\"30\" mode=\"indeterminate\"></mat-spinner>\n    </div>\n</ng-template>\n\n<ng-template #defaultRightSide>\n    <div class=\"logo\" fxLayoutAlign=\"center center\" fxHide.lt-md>\n        <img *ngIf=\"image !== undefined\" [alt]=\"imageAlt\" [src]=\"image\" class=\"logoimg\"\n             [routerLink]=\"imageRouterLink !== undefined ? imageRouterLink : []\">\n    </div>\n    <div *ngIf=\"(rightLoading$ | async) === false\" ngClass.gt-sm=\"padding-top-8\">\n        <div class=\"margin-auto cursor-pointer\" *ngIf='!isRightNodesEmpty()' (click)=\"toggleSection('folders')\"\n             fxLayout=\"row\" fxFlexAlign=\"start center\">\n            <span class=\"headline-text mat-typography\">{{foldersCategoryName | translate}}</span>\n            <div fxFlex></div>\n            <span *ngIf=\"isSectionOpen\" [@indicatorRotate]=\"isSectionOpen.folders ? 'expanded' : 'collapsed'\"\n                  class=\"expansion-indicator mat-typography\"></span>\n        </div>\n        <div [@sectionExpansion]=\"isSectionOpen.folders ? 'expanded' : 'collapsed'\" class=\"box-container\">\n            <div *ngFor='let node of rightNodes; trackBy: uriNodeTrackBy' (click)=\"onNodeClick(node)\"\n                 class=\"tree-node mat-typography mat-body-2\" fxLayoutAlign=\"start center\" routerLinkActive=\"active\">\n                <mat-icon class=\"tree-node-icon\">folder</mat-icon>\n                <span>{{node.name}}</span>\n                <span class=\"menu-item-focus-overlay\"></span>\n            </div>\n        </div>\n\n        <div class=\"margin-auto\" *ngIf='!isViewsEmpty()' fxLayout=\"column\" fxFlexAlign=\"center start\">\n            <div *ngIf=\"!isRightNodesEmpty()\" class=\"line margin-bottom-x2\">\n                <mat-divider></mat-divider>\n            </div>\n            <div class=\"cursor-pointer\" (click)=\"toggleSection('views')\" fxLayout=\"row\" fxFlexAlign=\"start center\"\n                 fxFlex>\n                <span class=\"headline-text mat-typography\">{{viewsCategoryName | translate}}</span>\n                <div fxFlex></div>\n                <span *ngIf=\"isSectionOpen\" [@indicatorRotate]=\"isSectionOpen.views ? 'expanded' : 'collapsed'\"\n                      class=\"expansion-indicator mat-typography\"></span>\n            </div>\n        </div>\n        <div [@sectionExpansion]=\"isSectionOpen.views ? 'expanded' : 'collapsed'\" class=\"box-container\">\n            <div *ngFor='let view of views; trackBy: viewsTrackBy' class=\"tree-node mat-typography\"\n                 fxLayoutAlign=\"start center\" [routerLink]='view.routing.path' routerLinkActive=\"active\">\n                <mat-icon class=\"tree-node-icon\">{{view.navigation.icon}}</mat-icon>\n                <span>{{view.navigation.title}}</span>\n                <span class=\"menu-item-focus-overlay\"></span>\n            </div>\n        </div>\n    </div>\n    <div *ngIf=\"(rightLoading$ | async)\" fxLayout=\"column\" fxLayoutAlign=\"center center\" class=\"margin-top-default\">\n        <mat-spinner color=\"primary\" diameter=\"40\" mode=\"indeterminate\"></mat-spinner>\n    </div>\n</ng-template>\n", styles: [".rail-container{height:100%}.rail-content{width:60px;min-width:60px;top:48px;border-right:none!important}.drawer-container{height:100%}.mat-button{margin-left:10px;margin-right:10px}.drawer-content{width:300px;min-width:300px}.drawer-control{width:60px!important;height:48px;position:absolute;z-index:2}.logo{height:48px}.logo-closed{width:60px!important}.logoimg{margin-left:auto;margin-right:auto;height:46px;outline:none!important;cursor:pointer}.icon-large{height:40px;width:40px;font-size:40px;color:#000000b3}.icon-container{outline:none!important;height:40px}.icon-large:hover{cursor:pointer}.menu-font-color{color:#000000b3!important}.margin-top-65{margin-top:49px}.margin-auto{margin:auto}.padding-top-65{padding-top:49px}.padding-top-8{padding-top:8px}.margin-bottom-x2{margin-bottom:16px}.tree-node{outline:none!important;cursor:pointer;padding:8px;color:#000000b3;line-height:24px;position:relative;border-radius:18px}.tree-node mat-icon.tree-node-icon{height:24px;width:24px;font-size:24px;margin-right:4px}.tree-node .tree-node-label{height:24px;font-size:16px}.tree-node .margin-component{width:8px;margin-right:4px}.tree-node .menu-item-focus-overlay{opacity:0;position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:black;transition:opacity .2s cubic-bezier(.35,0,.25,1),background-color .2s cubic-bezier(.35,0,.25,1)}.tree-node:hover .menu-item-focus-overlay{opacity:.04}.margin-top-default{margin-top:8px}.margin-top-x2{margin-top:16px}.logo-tool{height:48px}.logoimg-tool{height:46px;outline:none!important;cursor:pointer;background:#fafafa}.toolbar{min-height:48px!important;height:48px;border-bottom:1px solid #ddd}@media screen and (max-width: 959.99px){.rail-container{height:calc(100% - 49px)}.rail-content{width:60px;min-width:60px;top:0;border-right:none!important}.margin-top-65{margin-top:16px}.padding-top-65{padding-top:16px}}.profile-tooltip{font-size:20px}.sidemenu-icon{line-height:unset!important}.line{width:calc(100% - 16px);padding-left:8px;padding-right:8px;flex:1}.headline-text{color:#000000b3;padding-left:8px;padding-right:10px;margin-bottom:8px}.large-menu-item{height:64px;line-height:64px}.large-menu-item-text{line-height:32px}.cursor-pointer{cursor:pointer}.box-container{box-sizing:content-box;display:block;overflow:hidden}.expansion-indicator{color:#00000080;margin-right:10px}.expansion-indicator:after{border-style:solid;border-width:0 2px 2px 0;content:\"\";display:inline-block;padding:3px;vertical-align:middle;transform:rotate(45deg)}\n"], components: [{ type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i6.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { type: i8.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { type: i8.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { type: i9.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i9.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { type: i10.LanguageSelectorComponent, selector: "nc-language-selector" }, { type: i8.MatSidenavContent, selector: "mat-sidenav-content" }, { type: i11.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }], directives: [{ type: i12.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i13.DefaultShowHideDirective, selector: "  [fxShow], [fxShow.print],  [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl],  [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl],  [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg],  [fxHide], [fxHide.print],  [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl],  [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl],  [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { type: i6.MatToolbarRow, selector: "mat-toolbar-row", exportAs: ["matToolbarRow"] }, { type: i12.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i12.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i1.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i14.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i14.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i12.DefaultFlexAlignDirective, selector: "  [fxFlexAlign], [fxFlexAlign.xs], [fxFlexAlign.sm], [fxFlexAlign.md],  [fxFlexAlign.lg], [fxFlexAlign.xl], [fxFlexAlign.lt-sm], [fxFlexAlign.lt-md],  [fxFlexAlign.lt-lg], [fxFlexAlign.lt-xl], [fxFlexAlign.gt-xs], [fxFlexAlign.gt-sm],  [fxFlexAlign.gt-md], [fxFlexAlign.gt-lg]", inputs: ["fxFlexAlign", "fxFlexAlign.xs", "fxFlexAlign.sm", "fxFlexAlign.md", "fxFlexAlign.lg", "fxFlexAlign.xl", "fxFlexAlign.lt-sm", "fxFlexAlign.lt-md", "fxFlexAlign.lt-lg", "fxFlexAlign.lt-xl", "fxFlexAlign.gt-xs", "fxFlexAlign.gt-sm", "fxFlexAlign.gt-md", "fxFlexAlign.gt-lg"] }, { type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { type: i9.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { type: i15.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i14.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i16.ResizableDirective, selector: "[mwlResizable]", inputs: ["resizeEdges", "enableGhostResize", "resizeSnapGrid", "resizeCursors", "resizeCursorPrecision", "ghostElementPositioning", "allowNegativeResizes", "mouseMoveThrottleMS", "validateResize"], outputs: ["resizeStart", "resizing", "resizeEnd"] }, { type: i14.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i13.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }], pipes: { "translate": i17.TranslatePipe, "async": i14.AsyncPipe }, animations: [
         trigger('sectionExpansion', [
             state('expanded, void', style({
                 height: '*',
@@ -58,7 +58,7 @@ NavigationDoubleDrawerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion:
             ])
         ])
     ] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NavigationDoubleDrawerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NavigationDoubleDrawerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nc-navigation-double-drawer', animations: [
                         trigger('sectionExpansion', [

package/esm2020/lib/navigation/navigation-drawer/navigation-drawer.component.mjs

@@ -22,9 +22,9 @@ export class NavigationDrawerComponent extends AbstractNavigationDrawerComponent
         this.userPreferenceService = userPreferenceService;
     }
 }
-NavigationDrawerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NavigationDrawerComponent, deps: [{ token: i1.BreakpointObserver }, { token: i2.LoggerService }, { token: i2.UserPreferenceService }], target: i0.ɵɵFactoryTarget.Component });
-NavigationDrawerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NavigationDrawerComponent, selector: "nc-navigation-drawer", usesInheritance: true, ngImport: i0, template: "<mat-sidenav-container class=\"drawer-container\" (panright)=\"swipeRight()\" (panleft)=\"swipeLeft()\" autosize>\n    <mat-sidenav #sidenav [mode]=\"config.mode\" [(opened)]=\"opened\" position=\"start\"\n                 [disableClose]=\"config.disableClose\" class=\"drawer-content mat-elevation-z10\"\n                 mwlResizable\n                 [style.width.px]=\"width\"\n                 [resizeCursorPrecision]=\"10\"\n                 [resizeEdges]=\"{ right: true }\"\n                 (resizing)=\"onResizeEvent($event)\">\n        <div class=\"sidenav-wrapper\">\n            <button\n                class=\"sidenav-close-button\"\n                type=\"button\"\n                aria-label=\"Toggle sidenav\"\n                mat-icon-button\n                *ngIf=\"!fixed\"\n                (click)=\"close()\">\n                <mat-icon aria-label=\"Side nav toggle icon\">close</mat-icon>\n            </button>\n            <div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxFlex>\n                <nc-user-card *ngIf=\"showUser\" [user]=\"user\" mode=\"full\" [contentWidth]=\"contentWidth\"></nc-user-card>\n                <mat-divider *ngIf=\"showUser\" class=\"drawer-divider\"></mat-divider>\n                <nc-quick-panel *ngIf=\"showQuickPanel\" [items]=\"quickPanelItems\"\n                                [contentWidth]=\"contentWidth\"></nc-quick-panel>\n                <mat-divider *ngIf=\"showQuickPanel\" class=\"drawer-divider\"></mat-divider>\n                <nc-navigation-tree *ngIf=\"navigation\" [contentWidth]=\"contentWidth\"></nc-navigation-tree>\n            </div>\n        </div>\n    </mat-sidenav>\n\n    <mat-sidenav-content>\n        <div class=\"content-wrapper\" fxLayout=\"row\" fxLayoutAlign=\"space-between none\">\n            <button\n                type=\"button\"\n                aria-label=\"Toggle sidenav\"\n                mat-icon-button\n                (click)=\"open()\"\n                *ngIf=\"!sidenav.opened\">\n                <mat-icon aria-label=\"Side nav toggle icon\">menu</mat-icon>\n            </button>\n            <div fxFlex=\"100\">\n                <ng-content></ng-content>\n            </div>\n        </div>\n    </mat-sidenav-content>\n</mat-sidenav-container>\n", styles: [".drawer-container{height:100%}.drawer-content{min-width:200px;outline:none!important}.mat-drawer-side{border-right:0}mat-divider.drawer-divider{width:90%}.sidenav-wrapper{overflow-x:hidden!important}.sidenav-close-button{position:absolute;right:0;z-index:100}.content-wrapper{height:100%}\n"], components: [{ type: i3.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { type: i3.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i6.UserCardComponent, selector: "nc-user-card" }, { type: i7.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { type: i8.QuickPanelComponent, selector: "nc-quick-panel" }, { type: i9.NavigationTreeComponent, selector: "nc-navigation-tree" }, { type: i3.MatSidenavContent, selector: "mat-sidenav-content" }], directives: [{ type: i10.ResizableDirective, selector: "[mwlResizable]", inputs: ["resizeEdges", "enableGhostResize", "resizeSnapGrid", "resizeCursors", "resizeCursorPrecision", "ghostElementPositioning", "allowNegativeResizes", "mouseMoveThrottleMS", "validateResize"], outputs: ["resizeStart", "resizing", "resizeEnd"] }, { type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i12.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i12.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i12.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NavigationDrawerComponent, decorators: [{
+NavigationDrawerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NavigationDrawerComponent, deps: [{ token: i1.BreakpointObserver }, { token: i2.LoggerService }, { token: i2.UserPreferenceService }], target: i0.ɵɵFactoryTarget.Component });
+NavigationDrawerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: NavigationDrawerComponent, selector: "nc-navigation-drawer", usesInheritance: true, ngImport: i0, template: "<mat-sidenav-container class=\"drawer-container\" (panright)=\"swipeRight()\" (panleft)=\"swipeLeft()\" autosize>\n    <mat-sidenav #sidenav [mode]=\"config.mode\" [(opened)]=\"opened\" position=\"start\"\n                 [disableClose]=\"config.disableClose\" class=\"drawer-content mat-elevation-z10\"\n                 mwlResizable\n                 [style.width.px]=\"width\"\n                 [resizeCursorPrecision]=\"10\"\n                 [resizeEdges]=\"{ right: true }\"\n                 (resizing)=\"onResizeEvent($event)\">\n        <div class=\"sidenav-wrapper\">\n            <button\n                class=\"sidenav-close-button\"\n                type=\"button\"\n                aria-label=\"Toggle sidenav\"\n                mat-icon-button\n                *ngIf=\"!fixed\"\n                (click)=\"close()\">\n                <mat-icon aria-label=\"Side nav toggle icon\">close</mat-icon>\n            </button>\n            <div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxFlex>\n                <nc-user-card *ngIf=\"showUser\" [user]=\"user\" mode=\"full\" [contentWidth]=\"contentWidth\"></nc-user-card>\n                <mat-divider *ngIf=\"showUser\" class=\"drawer-divider\"></mat-divider>\n                <nc-quick-panel *ngIf=\"showQuickPanel\" [items]=\"quickPanelItems\"\n                                [contentWidth]=\"contentWidth\"></nc-quick-panel>\n                <mat-divider *ngIf=\"showQuickPanel\" class=\"drawer-divider\"></mat-divider>\n                <nc-navigation-tree *ngIf=\"navigation\" [contentWidth]=\"contentWidth\"></nc-navigation-tree>\n            </div>\n        </div>\n    </mat-sidenav>\n\n    <mat-sidenav-content>\n        <div class=\"content-wrapper\" fxLayout=\"row\" fxLayoutAlign=\"space-between none\">\n            <button\n                type=\"button\"\n                aria-label=\"Toggle sidenav\"\n                mat-icon-button\n                (click)=\"open()\"\n                *ngIf=\"!sidenav.opened\">\n                <mat-icon aria-label=\"Side nav toggle icon\">menu</mat-icon>\n            </button>\n            <div fxFlex=\"100\">\n                <ng-content></ng-content>\n            </div>\n        </div>\n    </mat-sidenav-content>\n</mat-sidenav-container>\n", styles: [".drawer-container{height:100%}.drawer-content{min-width:200px;outline:none!important}.mat-drawer-side{border-right:0}mat-divider.drawer-divider{width:90%}.sidenav-wrapper{overflow-x:hidden!important}.sidenav-close-button{position:absolute;right:0;z-index:100}.content-wrapper{height:100%}\n"], components: [{ type: i3.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { type: i3.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i6.UserCardComponent, selector: "nc-user-card" }, { type: i7.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { type: i8.QuickPanelComponent, selector: "nc-quick-panel" }, { type: i9.NavigationTreeComponent, selector: "nc-navigation-tree" }, { type: i3.MatSidenavContent, selector: "mat-sidenav-content" }], directives: [{ type: i10.ResizableDirective, selector: "[mwlResizable]", inputs: ["resizeEdges", "enableGhostResize", "resizeSnapGrid", "resizeCursors", "resizeCursorPrecision", "ghostElementPositioning", "allowNegativeResizes", "mouseMoveThrottleMS", "validateResize"], outputs: ["resizeStart", "resizing", "resizeEnd"] }, { type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i12.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i12.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i12.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NavigationDrawerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nc-navigation-drawer', template: "<mat-sidenav-container class=\"drawer-container\" (panright)=\"swipeRight()\" (panleft)=\"swipeLeft()\" autosize>\n    <mat-sidenav #sidenav [mode]=\"config.mode\" [(opened)]=\"opened\" position=\"start\"\n                 [disableClose]=\"config.disableClose\" class=\"drawer-content mat-elevation-z10\"\n                 mwlResizable\n                 [style.width.px]=\"width\"\n                 [resizeCursorPrecision]=\"10\"\n                 [resizeEdges]=\"{ right: true }\"\n                 (resizing)=\"onResizeEvent($event)\">\n        <div class=\"sidenav-wrapper\">\n            <button\n                class=\"sidenav-close-button\"\n                type=\"button\"\n                aria-label=\"Toggle sidenav\"\n                mat-icon-button\n                *ngIf=\"!fixed\"\n                (click)=\"close()\">\n                <mat-icon aria-label=\"Side nav toggle icon\">close</mat-icon>\n            </button>\n            <div fxLayout=\"column\" fxLayoutAlign=\"start center\" fxFlex>\n                <nc-user-card *ngIf=\"showUser\" [user]=\"user\" mode=\"full\" [contentWidth]=\"contentWidth\"></nc-user-card>\n                <mat-divider *ngIf=\"showUser\" class=\"drawer-divider\"></mat-divider>\n                <nc-quick-panel *ngIf=\"showQuickPanel\" [items]=\"quickPanelItems\"\n                                [contentWidth]=\"contentWidth\"></nc-quick-panel>\n                <mat-divider *ngIf=\"showQuickPanel\" class=\"drawer-divider\"></mat-divider>\n                <nc-navigation-tree *ngIf=\"navigation\" [contentWidth]=\"contentWidth\"></nc-navigation-tree>\n            </div>\n        </div>\n    </mat-sidenav>\n\n    <mat-sidenav-content>\n        <div class=\"content-wrapper\" fxLayout=\"row\" fxLayoutAlign=\"space-between none\">\n            <button\n                type=\"button\"\n                aria-label=\"Toggle sidenav\"\n                mat-icon-button\n                (click)=\"open()\"\n                *ngIf=\"!sidenav.opened\">\n                <mat-icon aria-label=\"Side nav toggle icon\">menu</mat-icon>\n            </button>\n            <div fxFlex=\"100\">\n                <ng-content></ng-content>\n            </div>\n        </div>\n    </mat-sidenav-content>\n</mat-sidenav-container>\n", styles: [".drawer-container{height:100%}.drawer-content{min-width:200px;outline:none!important}.mat-drawer-side{border-right:0}mat-divider.drawer-divider{width:90%}.sidenav-wrapper{overflow-x:hidden!important}.sidenav-close-button{position:absolute;right:0;z-index:100}.content-wrapper{height:100%}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.BreakpointObserver }, { type: i2.LoggerService }, { type: i2.UserPreferenceService }]; } });

package/esm2020/lib/navigation/navigation-rail/navigation-rail.component.mjs

@@ -33,9 +33,9 @@ export class NavigationRailComponent extends AbstractNavigationRailComponent {
         super();
     }
 }
-NavigationRailComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NavigationRailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NavigationRailComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NavigationRailComponent, selector: "nc-navigation-rail", usesInheritance: true, ngImport: i0, template: "<mat-sidenav-container class=\"drawer-container\">\n    <mat-sidenav #sideRail mode=\"side\" opened=\"true\" position=\"start\" disableClose=\"true\"\n                 class=\"drawer-content mat-elevation-z16\"\n                 (mouseenter)=\"expandOnHover && open()\"\n                 (mouseleave)=\"expandOnHover && close()\">\n\n        <div [@transform]=\"expanded ? 'expand' : 'collapse'\">\n\n            <div fxLayout=\"column\" fxLayoutAlign=\"start start\" fxFlex>\n                <div fxLayout=\"row\">\n                    <mat-icon>account_circle</mat-icon>\n                    <span *ngIf=\"expanded\" class=\"margin-left-default\">User</span>\n                </div>\n                <div fxLayout=\"row\">\n                    <mat-icon>assignment</mat-icon>\n                    <span *ngIf=\"expanded\" class=\"margin-left-default\">Report</span>\n                </div>\n                <div fxLayout=\"row\">\n                    <mat-icon>bug_report</mat-icon>\n                    <span *ngIf=\"expanded\" class=\"margin-left-default\">Bugs</span>\n                </div>\n                <div fxLayout=\"row\">\n                    <mat-icon>fingerprint</mat-icon>\n                    <span *ngIf=\"expanded\" class=\"margin-left-default\">Security</span>\n                </div>\n            </div>\n\n        </div>\n    </mat-sidenav>\n\n    <mat-sidenav-content [@transformContent]=\"expanded ? 'shrink' : 'grow'\">\n        <ng-content></ng-content>\n    </mat-sidenav-content>\n\n</mat-sidenav-container>\n", styles: [".margin-left-default{margin-left:8px}\n"], components: [{ type: i1.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { type: i1.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i1.MatSidenavContent, selector: "mat-sidenav-content" }], directives: [{ type: i3.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i3.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i3.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [railAnimation, railContentAnimation] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NavigationRailComponent, decorators: [{
+NavigationRailComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NavigationRailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NavigationRailComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: NavigationRailComponent, selector: "nc-navigation-rail", usesInheritance: true, ngImport: i0, template: "<mat-sidenav-container class=\"drawer-container\">\n    <mat-sidenav #sideRail mode=\"side\" opened=\"true\" position=\"start\" disableClose=\"true\"\n                 class=\"drawer-content mat-elevation-z16\"\n                 (mouseenter)=\"expandOnHover && open()\"\n                 (mouseleave)=\"expandOnHover && close()\">\n\n        <div [@transform]=\"expanded ? 'expand' : 'collapse'\">\n\n            <div fxLayout=\"column\" fxLayoutAlign=\"start start\" fxFlex>\n                <div fxLayout=\"row\">\n                    <mat-icon>account_circle</mat-icon>\n                    <span *ngIf=\"expanded\" class=\"margin-left-default\">User</span>\n                </div>\n                <div fxLayout=\"row\">\n                    <mat-icon>assignment</mat-icon>\n                    <span *ngIf=\"expanded\" class=\"margin-left-default\">Report</span>\n                </div>\n                <div fxLayout=\"row\">\n                    <mat-icon>bug_report</mat-icon>\n                    <span *ngIf=\"expanded\" class=\"margin-left-default\">Bugs</span>\n                </div>\n                <div fxLayout=\"row\">\n                    <mat-icon>fingerprint</mat-icon>\n                    <span *ngIf=\"expanded\" class=\"margin-left-default\">Security</span>\n                </div>\n            </div>\n\n        </div>\n    </mat-sidenav>\n\n    <mat-sidenav-content [@transformContent]=\"expanded ? 'shrink' : 'grow'\">\n        <ng-content></ng-content>\n    </mat-sidenav-content>\n\n</mat-sidenav-container>\n", styles: [".margin-left-default{margin-left:8px}\n"], components: [{ type: i1.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { type: i1.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i1.MatSidenavContent, selector: "mat-sidenav-content" }], directives: [{ type: i3.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i3.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i3.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [railAnimation, railContentAnimation] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NavigationRailComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nc-navigation-rail', animations: [railAnimation, railContentAnimation], template: "<mat-sidenav-container class=\"drawer-container\">\n    <mat-sidenav #sideRail mode=\"side\" opened=\"true\" position=\"start\" disableClose=\"true\"\n                 class=\"drawer-content mat-elevation-z16\"\n                 (mouseenter)=\"expandOnHover && open()\"\n                 (mouseleave)=\"expandOnHover && close()\">\n\n        <div [@transform]=\"expanded ? 'expand' : 'collapse'\">\n\n            <div fxLayout=\"column\" fxLayoutAlign=\"start start\" fxFlex>\n                <div fxLayout=\"row\">\n                    <mat-icon>account_circle</mat-icon>\n                    <span *ngIf=\"expanded\" class=\"margin-left-default\">User</span>\n                </div>\n                <div fxLayout=\"row\">\n                    <mat-icon>assignment</mat-icon>\n                    <span *ngIf=\"expanded\" class=\"margin-left-default\">Report</span>\n                </div>\n                <div fxLayout=\"row\">\n                    <mat-icon>bug_report</mat-icon>\n                    <span *ngIf=\"expanded\" class=\"margin-left-default\">Bugs</span>\n                </div>\n                <div fxLayout=\"row\">\n                    <mat-icon>fingerprint</mat-icon>\n                    <span *ngIf=\"expanded\" class=\"margin-left-default\">Security</span>\n                </div>\n            </div>\n\n        </div>\n    </mat-sidenav>\n\n    <mat-sidenav-content [@transformContent]=\"expanded ? 'shrink' : 'grow'\">\n        <ng-content></ng-content>\n    </mat-sidenav-content>\n\n</mat-sidenav-container>\n", styles: [".margin-left-default{margin-left:8px}\n"] }]
         }], ctorParameters: function () { return []; } });

package/esm2020/lib/navigation/navigation-tree/navigation-tree.component.mjs

@@ -15,9 +15,9 @@ export class NavigationTreeComponent extends AbstractNavigationTreeComponent {
         super(config, router, log, userService, accessService, activeGroupService, taskResourceService, languageService, navigationRouteProvider);
     }
 }
-NavigationTreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NavigationTreeComponent, deps: [{ token: i1.ConfigurationService }, { token: i2.Router }, { token: i1.LoggerService }, { token: i1.UserService }, { token: i1.AccessService }, { token: i1.ActiveGroupService }, { token: i1.TaskResourceService }, { token: i1.LanguageService }, { token: i1.DynamicNavigationRouteProviderService }], target: i0.ɵɵFactoryTarget.Component });
-NavigationTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NavigationTreeComponent, selector: "nc-navigation-tree", usesInheritance: true, ngImport: i0, template: "<mat-tree [dataSource]=\"dataSource\" [treeControl]=\"treeControl\" [style.width.px]=\"width\">\n\n    <!-- This is the tree node template for leaf nodes -->\n    <mat-tree-node *matTreeNodeDef=\"let node\" [routerLink]=\"node.url\" routerLinkActive=\"active-navigation-route\"\n                   matTreeNodeToggle matRipple class=\"tree-node\">\n        <button *ngIf=\"node.level >= 1\" mat-icon-button disabled class=\"margin-component\"></button>\n        <button *ngIf=\"node.level >= 2\" mat-icon-button disabled class=\"margin-component\"></button>\n        <mat-icon color=\"primary\" class=\"tree-node-icon\">{{node.icon}}</mat-icon>\n        {{node.translate ? (node.name | translate) : node.name}}\n    </mat-tree-node>\n\n    <!-- This is the tree node template for expandable nodes -->\n    <mat-nested-tree-node *matTreeNodeDef=\"let node; when: hasChild\">\n        <div class=\"mat-tree-node tree-node\" matTreeNodeToggle matRipple\n             [class.bottom-shadow]=\"treeControl.isExpanded(node)\">\n            <button *ngIf=\"node.level >= 1\" mat-icon-button disabled class=\"margin-component\"></button>\n            <button *ngIf=\"node.level >= 2\" mat-icon-button disabled class=\"margin-component\"></button>\n\n            <mat-icon color=\"primary\" class=\"tree-node-icon\">{{node.icon}}</mat-icon>\n            {{node.translate ? (node.name | translate) : node.name}}\n\n            <div fxFlex></div>\n            <button mat-icon-button class=\"nested-tree-expansion-icon\">\n                <mat-icon>\n                    {{treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right'}}\n                </mat-icon>\n            </button>\n        </div>\n        <div [class.nested-tree-invisible]=\"!treeControl.isExpanded(node)\" class=\"darker-background\">\n            <ng-container matTreeNodeOutlet></ng-container>\n        </div>\n    </mat-nested-tree-node>\n</mat-tree>\n", styles: [".navigation-tree{outline:none!important}.nested-tree-invisible{display:none}.darker-background{background-color:#0000000d}.bottom-shadow{box-shadow:0 2px 4px -4px #0003,0 4px 5px -3px #00000024,0 6px 10px -5px #0000001f}.tree-node{outline:none!important;cursor:pointer;padding:4px 12px}.tree-node mat-icon.tree-node-icon{line-height:40px;height:40px;width:24px;margin-right:4px}.tree-node .margin-component{width:8px;margin-right:4px}.nested-tree-expansion-icon{width:24px}\n"], components: [{ type: i3.MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { type: i3.MatTreeNode, selector: "mat-tree-node", inputs: ["role", "disabled", "tabIndex"], exportAs: ["matTreeNode"] }, { type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { type: i3.MatTreeNodeToggle, selector: "[matTreeNodeToggle]", inputs: ["matTreeNodeToggleRecursive"] }, { type: i6.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { type: i2.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.MatNestedTreeNode, selector: "mat-nested-tree-node", inputs: ["role", "disabled", "tabIndex", "matNestedTreeNode"], exportAs: ["matNestedTreeNode"] }, { type: i8.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i3.MatTreeNodeOutlet, selector: "[matTreeNodeOutlet]" }], pipes: { "translate": i9.TranslatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NavigationTreeComponent, decorators: [{
+NavigationTreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NavigationTreeComponent, deps: [{ token: i1.ConfigurationService }, { token: i2.Router }, { token: i1.LoggerService }, { token: i1.UserService }, { token: i1.AccessService }, { token: i1.ActiveGroupService }, { token: i1.TaskResourceService }, { token: i1.LanguageService }, { token: i1.DynamicNavigationRouteProviderService }], target: i0.ɵɵFactoryTarget.Component });
+NavigationTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: NavigationTreeComponent, selector: "nc-navigation-tree", usesInheritance: true, ngImport: i0, template: "<mat-tree [dataSource]=\"dataSource\" [treeControl]=\"treeControl\" [style.width.px]=\"width\">\n\n    <!-- This is the tree node template for leaf nodes -->\n    <mat-tree-node *matTreeNodeDef=\"let node\" [routerLink]=\"node.url\" routerLinkActive=\"active-navigation-route\"\n                   matTreeNodeToggle matRipple class=\"tree-node\">\n        <button *ngIf=\"node.level >= 1\" mat-icon-button disabled class=\"margin-component\"></button>\n        <button *ngIf=\"node.level >= 2\" mat-icon-button disabled class=\"margin-component\"></button>\n        <mat-icon color=\"primary\" class=\"tree-node-icon\">{{node.icon}}</mat-icon>\n        {{node.translate ? (node.name | translate) : node.name}}\n    </mat-tree-node>\n\n    <!-- This is the tree node template for expandable nodes -->\n    <mat-nested-tree-node *matTreeNodeDef=\"let node; when: hasChild\">\n        <div class=\"mat-tree-node tree-node\" matTreeNodeToggle matRipple\n             [class.bottom-shadow]=\"treeControl.isExpanded(node)\">\n            <button *ngIf=\"node.level >= 1\" mat-icon-button disabled class=\"margin-component\"></button>\n            <button *ngIf=\"node.level >= 2\" mat-icon-button disabled class=\"margin-component\"></button>\n\n            <mat-icon color=\"primary\" class=\"tree-node-icon\">{{node.icon}}</mat-icon>\n            {{node.translate ? (node.name | translate) : node.name}}\n\n            <div fxFlex></div>\n            <button mat-icon-button class=\"nested-tree-expansion-icon\">\n                <mat-icon>\n                    {{treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right'}}\n                </mat-icon>\n            </button>\n        </div>\n        <div [class.nested-tree-invisible]=\"!treeControl.isExpanded(node)\" class=\"darker-background\">\n            <ng-container matTreeNodeOutlet></ng-container>\n        </div>\n    </mat-nested-tree-node>\n</mat-tree>\n", styles: [".navigation-tree{outline:none!important}.nested-tree-invisible{display:none}.darker-background{background-color:#0000000d}.bottom-shadow{box-shadow:0 2px 4px -4px #0003,0 4px 5px -3px #00000024,0 6px 10px -5px #0000001f}.tree-node{outline:none!important;cursor:pointer;padding:4px 12px}.tree-node mat-icon.tree-node-icon{line-height:40px;height:40px;width:24px;margin-right:4px}.tree-node .margin-component{width:8px;margin-right:4px}.nested-tree-expansion-icon{width:24px}\n"], components: [{ type: i3.MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { type: i3.MatTreeNode, selector: "mat-tree-node", inputs: ["role", "disabled", "tabIndex"], exportAs: ["matTreeNode"] }, { type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { type: i3.MatTreeNodeToggle, selector: "[matTreeNodeToggle]", inputs: ["matTreeNodeToggleRecursive"] }, { type: i6.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { type: i2.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.MatNestedTreeNode, selector: "mat-nested-tree-node", inputs: ["role", "disabled", "tabIndex", "matNestedTreeNode"], exportAs: ["matNestedTreeNode"] }, { type: i8.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i3.MatTreeNodeOutlet, selector: "[matTreeNodeOutlet]" }], pipes: { "translate": i9.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NavigationTreeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nc-navigation-tree', template: "<mat-tree [dataSource]=\"dataSource\" [treeControl]=\"treeControl\" [style.width.px]=\"width\">\n\n    <!-- This is the tree node template for leaf nodes -->\n    <mat-tree-node *matTreeNodeDef=\"let node\" [routerLink]=\"node.url\" routerLinkActive=\"active-navigation-route\"\n                   matTreeNodeToggle matRipple class=\"tree-node\">\n        <button *ngIf=\"node.level >= 1\" mat-icon-button disabled class=\"margin-component\"></button>\n        <button *ngIf=\"node.level >= 2\" mat-icon-button disabled class=\"margin-component\"></button>\n        <mat-icon color=\"primary\" class=\"tree-node-icon\">{{node.icon}}</mat-icon>\n        {{node.translate ? (node.name | translate) : node.name}}\n    </mat-tree-node>\n\n    <!-- This is the tree node template for expandable nodes -->\n    <mat-nested-tree-node *matTreeNodeDef=\"let node; when: hasChild\">\n        <div class=\"mat-tree-node tree-node\" matTreeNodeToggle matRipple\n             [class.bottom-shadow]=\"treeControl.isExpanded(node)\">\n            <button *ngIf=\"node.level >= 1\" mat-icon-button disabled class=\"margin-component\"></button>\n            <button *ngIf=\"node.level >= 2\" mat-icon-button disabled class=\"margin-component\"></button>\n\n            <mat-icon color=\"primary\" class=\"tree-node-icon\">{{node.icon}}</mat-icon>\n            {{node.translate ? (node.name | translate) : node.name}}\n\n            <div fxFlex></div>\n            <button mat-icon-button class=\"nested-tree-expansion-icon\">\n                <mat-icon>\n                    {{treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right'}}\n                </mat-icon>\n            </button>\n        </div>\n        <div [class.nested-tree-invisible]=\"!treeControl.isExpanded(node)\" class=\"darker-background\">\n            <ng-container matTreeNodeOutlet></ng-container>\n        </div>\n    </mat-nested-tree-node>\n</mat-tree>\n", styles: [".navigation-tree{outline:none!important}.nested-tree-invisible{display:none}.darker-background{background-color:#0000000d}.bottom-shadow{box-shadow:0 2px 4px -4px #0003,0 4px 5px -3px #00000024,0 6px 10px -5px #0000001f}.tree-node{outline:none!important;cursor:pointer;padding:4px 12px}.tree-node mat-icon.tree-node-icon{line-height:40px;height:40px;width:24px;margin-right:4px}.tree-node .margin-component{width:8px;margin-right:4px}.nested-tree-expansion-icon{width:24px}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.ConfigurationService }, { type: i2.Router }, { type: i1.LoggerService }, { type: i1.UserService }, { type: i1.AccessService }, { type: i1.ActiveGroupService }, { type: i1.TaskResourceService }, { type: i1.LanguageService }, { type: i1.DynamicNavigationRouteProviderService }]; } });

package/esm2020/lib/navigation/navigation.module.mjs

@@ -28,8 +28,8 @@ import { BreadcrumbsComponent } from './breadcrumbs/breadcrumbs.component';
 import * as i0 from "@angular/core";
 export class NavigationComponentModule {
 }
-NavigationComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NavigationComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NavigationComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NavigationComponentModule, declarations: [NavigationDrawerComponent,
+NavigationComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NavigationComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NavigationComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NavigationComponentModule, declarations: [NavigationDrawerComponent,
         NavigationRailComponent,
         NavigationTreeComponent,
         GroupNavigationComponentResolverComponent,
@@ -63,7 +63,7 @@ NavigationComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0
         DefaultTabbedCaseViewComponent,
         DefaultTabViewComponent,
         BreadcrumbsComponent] });
-NavigationComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NavigationComponentModule, providers: [
+NavigationComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NavigationComponentModule, providers: [
         { provide: NAE_GROUP_NAVIGATION_COMPONENT_RESOLVER_COMPONENT, useValue: GroupNavigationComponentResolverComponent },
         { provide: GroupNavigationComponentResolverService, useClass: DefaultGroupNavigationComponentResolverService }
     ], imports: [[
@@ -84,7 +84,7 @@ NavigationComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0
             CaseViewComponentModule,
             MatDividerModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NavigationComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NavigationComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [