@rxap/layout 14.0.2 → 15.0.0

package/fesm2020/rxap-layout.mjs

@@ -16,18 +16,18 @@ import * as i3 from '@rxap/authentication';
 import { UserService, SignOutDirectiveModule } from '@rxap/authentication';
 import * as i3$1 from '@angular/router';
 import { Router, NavigationStart, NavigationEnd, NavigationCancel, RouterModule, RouterLinkActive } from '@angular/router';
-import * as i1$1 from '@angular/material/button';
-import { MatButtonModule } from '@angular/material/button';
+import * as i1$1 from '@angular/material/legacy-button';
+import { MatLegacyButtonModule } from '@angular/material/legacy-button';
 import * as i2$2 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
 import { isDefined } from '@rxap/utilities/rxjs';
-import * as i1$2 from '@angular/material/menu';
-import { MatMenuModule } from '@angular/material/menu';
+import * as i1$2 from '@angular/material/legacy-menu';
+import { MatLegacyMenuModule } from '@angular/material/legacy-menu';
 import * as i1$3 from '@angular/flex-layout/flex';
 import * as i5 from '@rxap/directives';
 import { AvatarBackgroundImageDirectiveModule, StopPropagationDirectiveModule } from '@rxap/directives';
-import * as i1$4 from '@angular/material/progress-bar';
-import { MatProgressBarModule } from '@angular/material/progress-bar';
+import * as i1$4 from '@angular/material/legacy-progress-bar';
+import { MatLegacyProgressBarModule } from '@angular/material/legacy-progress-bar';
 import { __decorate, __metadata } from 'tslib';
 import { Required, DebounceCall, coerceBoolean } from '@rxap/utilities';
 import * as i5$1 from '@angular/flex-layout/extended';
@@ -35,11 +35,10 @@ import * as i1$5 from '@rxap/config';
 import { ConfigService } from '@rxap/config';
 import * as i3$2 from '@angular/cdk/overlay';
 import { OverlayModule, Overlay } from '@angular/cdk/overlay';
-import * as i2$3 from '@angular/material/form-field';
-import * as i3$3 from '@angular/material/select';
-import { MatSelectModule } from '@angular/material/select';
-import * as i4$1 from '@angular/material/core';
-import { MatRippleModule } from '@angular/material/core';
+import * as i2$3 from '@angular/material/legacy-form-field';
+import * as i3$3 from '@angular/material/legacy-select';
+import { MatLegacySelectModule } from '@angular/material/legacy-select';
+import * as i4$1 from '@angular/material/legacy-core';
 import * as i6 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { FlexLayoutModule } from '@angular/flex-layout';
@@ -49,9 +48,10 @@ import { MatDividerModule } from '@angular/material/divider';
 import { trigger, transition, style, animate } from '@angular/animations';
 import * as i5$2 from '@rxap/material-directives/icon';
 import { IconDirectiveModule } from '@rxap/material-directives/icon';
-import { ButtonComponentModule } from '@rxap/components';
-import * as i7 from '@angular/material/tooltip';
-import { MatTooltipModule } from '@angular/material/tooltip';
+import * as i6$1 from '@angular/material/core';
+import { MatRippleModule } from '@angular/material/core';
+import * as i7 from '@angular/material/legacy-tooltip';
+import { MatLegacyTooltipModule } from '@angular/material/legacy-tooltip';
 
 const RXAP_NAVIGATION_CONFIG = new InjectionToken('rxap/layout/navigation-config');
 const RXAP_NAVIGATION_CONFIG_INSERTS = new InjectionToken('rxap/layout/navigation-config-inserts');
@@ -140,7 +140,7 @@ SignOutComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SignOutCom
         i0.ɵɵelementStart(1, "mat-icon");
         i0.ɵɵtext(2, "login");
         i0.ɵɵelementEnd()();
-    } }, dependencies: [i1$1.MatButton, i2$2.MatIcon, i3.SignOutDirective], changeDetection: 0 });
+    } }, dependencies: [i1$1.MatLegacyButton, i2$2.MatIcon, i3.SignOutDirective], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SignOutComponent, [{
         type: Component,
         args: [{ selector: 'rxap-sign-out', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'rxap-sign-out' }, template: "<button\n  rxapSignOut\n  (successful)=\"redirectToRoot()\"\n  mat-icon-button\n>\n  <mat-icon>login</mat-icon>\n</button>\n" }]
@@ -240,7 +240,7 @@ UserProfileIconComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Us
         i0.ɵɵproperty("yPosition", "below");
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(6, 9, ctx.userService.user$));
-    } }, dependencies: [i1$2.MatMenu, i1$2.MatMenuItem, i1$2.MatMenuTrigger, i2$2.MatIcon, i2$1.NgIf, i1$3.DefaultLayoutDirective, i1$3.DefaultLayoutAlignDirective, i5.AvatarBackgroundImageDirective, i2$1.AsyncPipe], styles: [".profile-icon[_ngcontent-%COMP%]{border-radius:100%;border:none;height:32px;width:32px;overflow:hidden;background-position:center center;background-repeat:no-repeat;background-size:cover}.profile-icon[_ngcontent-%COMP%]:hover{cursor:pointer}.profile-icon[_ngcontent-%COMP%]:focus{outline:none}"], changeDetection: 0 });
+    } }, dependencies: [i1$2.MatLegacyMenu, i1$2.MatLegacyMenuItem, i1$2.MatLegacyMenuTrigger, i2$2.MatIcon, i2$1.NgIf, i1$3.DefaultLayoutDirective, i1$3.DefaultLayoutAlignDirective, i5.AvatarBackgroundImageDirective, i2$1.AsyncPipe], styles: [".profile-icon[_ngcontent-%COMP%]{border-radius:100%;border:none;height:32px;width:32px;overflow:hidden;background-position:center center;background-repeat:no-repeat;background-size:cover}.profile-icon[_ngcontent-%COMP%]:hover{cursor:pointer}.profile-icon[_ngcontent-%COMP%]:focus{outline:none}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UserProfileIconComponent, [{
         type: Component,
         args: [{ selector: 'rxap-user-profile-icon', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'rxap-user-profile-icon' }, template: "<button [matMenuTriggerFor]=\"menu\"\n        [rxapAvatarBackgroundImage]=\"userProfileUrl$ | async\"\n        [name]=\"(userName$ | async) ?? ''\"\n        class=\"profile-icon\"\n        fxLayout=\"row\"\n        fxLayoutAlign=\"center center\">\n</button>\n\n<mat-menu #menu=\"matMenu\" [yPosition]=\"'below'\">\n  <ng-template [ngIf]=\"userService.user$ | async\" let-user>\n    <button *ngIf=\"user.firstname && user.lastname\" mat-menu-item>\n      <mat-icon>person</mat-icon>\n      <span>{{user.firstname}} {{user.lastname}}</span>\n    </button>\n    <button *ngIf=\"user.name\" mat-menu-item>\n      <mat-icon>person</mat-icon>\n      <span>{{user.name}}</span>\n    </button>\n    <button *ngIf=\"user.username\" mat-menu-item>\n      <mat-icon>account_circle</mat-icon>\n      <span>{{user.username}}</span>\n    </button>\n    <button *ngIf=\"user.email\" mat-menu-item>\n      <mat-icon>email</mat-icon>\n      <span>{{user.email}}</span>\n    </button>\n  </ng-template>\n</mat-menu>\n", styles: [".profile-icon{border-radius:100%;border:none;height:32px;width:32px;overflow:hidden;background-position:center center;background-repeat:no-repeat;background-size:cover}.profile-icon:hover{cursor:pointer}.profile-icon:focus{outline:none}\n"] }]
@@ -266,7 +266,7 @@ NavigationProgressBarComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ ty
         i0.ɵɵpipe(1, "async");
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(1, 1, ctx.navigating$));
-    } }, dependencies: [i1$4.MatProgressBar, i2$1.NgIf, i2$1.AsyncPipe], changeDetection: 0 });
+    } }, dependencies: [i1$4.MatLegacyProgressBar, i2$1.NgIf, i2$1.AsyncPipe], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NavigationProgressBarComponent, [{
         type: Component,
         args: [{ selector: 'rxap-navigation-progress-bar', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'rxap-navigation-progress-bar' }, template: "<mat-progress-bar\n  *ngIf=\"navigating$ | async\"\n  mode=\"indeterminate\"\n  color=\"accent\"\n></mat-progress-bar>\n" }]
@@ -299,7 +299,7 @@ SidenavToggleButtonComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type
         i0.ɵɵproperty("ngIf", !ctx.sidenav.opened);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", ctx.sidenav.opened);
-    } }, dependencies: [i2$2.MatIcon, i2$1.NgIf, i1$1.MatButton], changeDetection: 0 });
+    } }, dependencies: [i2$2.MatIcon, i2$1.NgIf, i1$1.MatLegacyButton], changeDetection: 0 });
 __decorate([
     Required,
     __metadata("design:type", MatSidenav)
@@ -392,7 +392,7 @@ AppsButtonComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AppsBut
         i0.ɵɵtemplate(0, AppsButtonComponent_ng_template_0_Template, 5, 2, "ng-template", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", ctx.grid && ctx.grid.length);
-    } }, dependencies: [i1$1.MatButton, i2$2.MatIcon, i3$2.CdkConnectedOverlay, i3$2.CdkOverlayOrigin, i1$3.DefaultLayoutDirective, i1$3.DefaultLayoutGapDirective, i1$3.DefaultLayoutAlignDirective, i5$1.DefaultClassDirective, i5$1.DefaultStyleDirective, i2$1.NgClass, i2$1.NgForOf, i2$1.NgIf, i2$1.NgStyle], styles: [".grid-container[_ngcontent-%COMP%]{padding:8px;border:1px solid rgba(0,0,0,.2);border-radius:8px;box-shadow:0 1px 2px #3c40434d,0 2px 6px 2px #3c404326}.grid[_ngcontent-%COMP%]{list-style-type:none;margin:0;padding:0}.grid[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{border-radius:8px;padding:6px;height:84px;width:84px;transition-delay:0s;transition-duration:.2s;transition-property:tramsform;transition-timing-function:cubic-bezier(.333,0,0,1);position:relative}.grid[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{position:absolute;inset:6px;text-align:center;text-decoration:none;color:#000}"], changeDetection: 0 });
+    } }, dependencies: [i1$1.MatLegacyButton, i2$2.MatIcon, i3$2.CdkConnectedOverlay, i3$2.CdkOverlayOrigin, i1$3.DefaultLayoutDirective, i1$3.DefaultLayoutGapDirective, i1$3.DefaultLayoutAlignDirective, i5$1.DefaultClassDirective, i5$1.DefaultStyleDirective, i2$1.NgClass, i2$1.NgForOf, i2$1.NgIf, i2$1.NgStyle], styles: [".grid-container[_ngcontent-%COMP%]{padding:8px;border:1px solid rgba(0,0,0,.2);border-radius:8px;box-shadow:0 1px 2px #3c40434d,0 2px 6px 2px #3c404326}.grid[_ngcontent-%COMP%]{list-style-type:none;margin:0;padding:0}.grid[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{border-radius:8px;padding:6px;height:84px;width:84px;transition-delay:0s;transition-duration:.2s;transition-property:tramsform;transition-timing-function:cubic-bezier(.333,0,0,1);position:relative}.grid[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{position:absolute;inset:6px;text-align:center;text-decoration:none;color:#000}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AppsButtonComponent, [{
         type: Component,
         args: [{ selector: 'rxap-apps-button', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'rxap-apps-button' }, template: "<ng-template [ngIf]=\"grid && grid.length\">\n  <button #trigger=\"cdkOverlayOrigin\" (click)=\"isOpen = !isOpen\" cdkOverlayOrigin mat-icon-button>\n    <mat-icon>apps</mat-icon>\n  </button>\n\n  <ng-template (overlayOutsideClick)=\"isOpen = false\"\n               [cdkConnectedOverlayOpen]=\"isOpen\"\n               [cdkConnectedOverlayOrigin]=\"trigger\"\n               cdkConnectedOverlay>\n\n    <div class=\"grid-container\">\n\n      <ul [ngStyle]=\"{ columns: columns }\" class=\"grid\">\n        <li *ngFor=\"let item of gridWithPadding\" [ngClass]=\"{ empty: item.empty }\">\n          <a *ngIf=\"!item.empty\" [href]=\"item.href\">\n\n        <span fxLayout=\"column\" fxLayoutAlign=\"start center\" fxLayoutGap=\"12px\">\n          <img [src]=\"item.image\" width=\"53px\">\n          <span>{{item.label}}</span>\n        </span>\n\n          </a>\n        </li>\n      </ul>\n\n    </div>\n\n  </ng-template>\n</ng-template>\n", styles: [".grid-container{padding:8px;border:1px solid rgba(0,0,0,.2);border-radius:8px;box-shadow:0 1px 2px #3c40434d,0 2px 6px 2px #3c404326}.grid{list-style-type:none;margin:0;padding:0}.grid li{border-radius:8px;padding:6px;height:84px;width:84px;transition-delay:0s;transition-duration:.2s;transition-property:tramsform;transition-timing-function:cubic-bezier(.333,0,0,1);position:relative}.grid li a{position:absolute;inset:6px;text-align:center;text-decoration:none;color:#000}\n"] }]
@@ -502,7 +502,7 @@ LanguageSelectorComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: L
         i0.ɵɵpipe(1, "keyvalue");
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(1, 1, ctx.language.languages).length);
-    } }, dependencies: [i2$3.MatFormField, i3$3.MatSelect, i4$1.MatOption, i2$1.NgForOf, i2$1.NgIf, i6.NgControlStatus, i6.NgModel, i2$1.KeyValuePipe], styles: [".language-selector[_ngcontent-%COMP%]{width:142px}.language-selector[_ngcontent-%COMP%]     .mat-form-field-wrapper{padding-bottom:0}.language-selector[_ngcontent-%COMP%]     .mat-form-field-wrapper .mat-form-field-infix{padding:12px 0;border-width:6px}.language-selector[_ngcontent-%COMP%]     .mat-form-field-wrapper .mat-form-field-infix .mat-select-arrow-wrapper{transform:translateY(0)}"], changeDetection: 0 });
+    } }, dependencies: [i2$3.MatLegacyFormField, i3$3.MatLegacySelect, i4$1.MatLegacyOption, i2$1.NgForOf, i2$1.NgIf, i6.NgControlStatus, i6.NgModel, i2$1.KeyValuePipe], styles: [".language-selector[_ngcontent-%COMP%]{width:142px}.language-selector[_ngcontent-%COMP%]     .mat-form-field-wrapper{padding-bottom:0}.language-selector[_ngcontent-%COMP%]     .mat-form-field-wrapper .mat-form-field-infix{padding:12px 0;border-width:6px}.language-selector[_ngcontent-%COMP%]     .mat-form-field-wrapper .mat-form-field-infix .mat-select-arrow-wrapper{transform:translateY(0)}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LanguageSelectorComponent, [{
         type: Component,
         args: [{ selector: 'rxap-language-selector', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'rxap-language-selector' }, template: "<ng-template [ngIf]=\"(language.languages | keyvalue).length\">\n  <div>\n    <mat-form-field appearance=\"outline\" class=\"language-selector\">\n      <mat-select (ngModelChange)=\"language.setLanguage($event)\" [ngModel]=\"language.selectedLanguage\">\n        <mat-option *ngFor=\"let item of language.languages | keyvalue\" [value]=\"item.key\">{{item.value}}</mat-option>\n      </mat-select>\n    </mat-form-field>\n  </div>\n</ng-template>\n", styles: [".language-selector{width:142px}.language-selector ::ng-deep .mat-form-field-wrapper{padding-bottom:0}.language-selector ::ng-deep .mat-form-field-wrapper .mat-form-field-infix{padding:12px 0;border-width:6px}.language-selector ::ng-deep .mat-form-field-wrapper .mat-form-field-infix .mat-select-arrow-wrapper{transform:translateY(0)}\n"] }]
@@ -590,7 +590,7 @@ HeaderComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HeaderCompo
         i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(10, 6, ctx.hasUser$));
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngIf", ctx.settingsMenuPanel);
-    } }, dependencies: [i2.MatToolbar, i2.MatToolbarRow, SignOutComponent, UserProfileIconComponent, NavigationProgressBarComponent, SidenavToggleButtonComponent, i1$3.DefaultLayoutDirective, i1$3.DefaultLayoutGapDirective, i1$3.DefaultLayoutAlignDirective, i1$3.DefaultFlexDirective, i5$1.DefaultClassDirective, i2$1.NgClass, i2$1.NgComponentOutlet, i2$1.NgForOf, i2$1.NgIf, i1$1.MatButton, i2$2.MatIcon, i1$2.MatMenuTrigger, AppsButtonComponent, LanguageSelectorComponent, i2$1.AsyncPipe], styles: [".content[_ngcontent-%COMP%]{width:100%;height:64px}"], changeDetection: 0 });
+    } }, dependencies: [i2.MatToolbar, i2.MatToolbarRow, SignOutComponent, UserProfileIconComponent, NavigationProgressBarComponent, SidenavToggleButtonComponent, i1$3.DefaultLayoutDirective, i1$3.DefaultLayoutGapDirective, i1$3.DefaultLayoutAlignDirective, i1$3.DefaultFlexDirective, i5$1.DefaultClassDirective, i2$1.NgClass, i2$1.NgComponentOutlet, i2$1.NgForOf, i2$1.NgIf, i1$1.MatLegacyButton, i2$2.MatIcon, i1$2.MatLegacyMenuTrigger, AppsButtonComponent, LanguageSelectorComponent, i2$1.AsyncPipe], styles: [".content[_ngcontent-%COMP%]{width:100%;height:64px}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HeaderComponent, [{
         type: Component,
         args: [{ selector: 'rxap-header', changeDetection: ChangeDetectionStrategy.OnPush, host: {
@@ -619,7 +619,7 @@ class SignOutComponentModule {
 }
 SignOutComponentModule.ɵfac = function SignOutComponentModule_Factory(t) { return new (t || SignOutComponentModule)(); };
 SignOutComponentModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: SignOutComponentModule });
-SignOutComponentModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [MatButtonModule,
+SignOutComponentModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [MatLegacyButtonModule,
         MatIconModule,
         SignOutDirectiveModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SignOutComponentModule, [{
@@ -627,14 +627,14 @@ SignOutComponentModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [M
         args: [{
                 declarations: [SignOutComponent],
                 imports: [
-                    MatButtonModule,
+                    MatLegacyButtonModule,
                     MatIconModule,
                     SignOutDirectiveModule,
                 ],
                 exports: [SignOutComponent]
             }]
     }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(SignOutComponentModule, { declarations: [SignOutComponent], imports: [MatButtonModule,
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(SignOutComponentModule, { declarations: [SignOutComponent], imports: [MatLegacyButtonModule,
         MatIconModule,
         SignOutDirectiveModule], exports: [SignOutComponent] }); })();
 
@@ -642,7 +642,7 @@ class UserProfileIconComponentModule {
 }
 UserProfileIconComponentModule.ɵfac = function UserProfileIconComponentModule_Factory(t) { return new (t || UserProfileIconComponentModule)(); };
 UserProfileIconComponentModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: UserProfileIconComponentModule });
-UserProfileIconComponentModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [MatMenuModule,
+UserProfileIconComponentModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [MatLegacyMenuModule,
         MatIconModule,
         CommonModule,
         FlexLayoutModule,
@@ -652,7 +652,7 @@ UserProfileIconComponentModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imp
         args: [{
                 declarations: [UserProfileIconComponent],
                 imports: [
-                    MatMenuModule,
+                    MatLegacyMenuModule,
                     MatIconModule,
                     CommonModule,
                     FlexLayoutModule,
@@ -661,7 +661,7 @@ UserProfileIconComponentModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imp
                 exports: [UserProfileIconComponent]
             }]
     }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(UserProfileIconComponentModule, { declarations: [UserProfileIconComponent], imports: [MatMenuModule,
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(UserProfileIconComponentModule, { declarations: [UserProfileIconComponent], imports: [MatLegacyMenuModule,
         MatIconModule,
         CommonModule,
         FlexLayoutModule,
@@ -671,20 +671,20 @@ class NavigationProgressBarComponentModule {
 }
 NavigationProgressBarComponentModule.ɵfac = function NavigationProgressBarComponentModule_Factory(t) { return new (t || NavigationProgressBarComponentModule)(); };
 NavigationProgressBarComponentModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: NavigationProgressBarComponentModule });
-NavigationProgressBarComponentModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [MatProgressBarModule,
+NavigationProgressBarComponentModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [MatLegacyProgressBarModule,
         CommonModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NavigationProgressBarComponentModule, [{
         type: NgModule,
         args: [{
                 declarations: [NavigationProgressBarComponent],
                 imports: [
-                    MatProgressBarModule,
+                    MatLegacyProgressBarModule,
                     CommonModule
                 ],
                 exports: [NavigationProgressBarComponent]
             }]
     }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(NavigationProgressBarComponentModule, { declarations: [NavigationProgressBarComponent], imports: [MatProgressBarModule,
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(NavigationProgressBarComponentModule, { declarations: [NavigationProgressBarComponent], imports: [MatLegacyProgressBarModule,
         CommonModule], exports: [NavigationProgressBarComponent] }); })();
 
 class SidenavToggleButtonComponentModule {
@@ -693,7 +693,7 @@ SidenavToggleButtonComponentModule.ɵfac = function SidenavToggleButtonComponent
 SidenavToggleButtonComponentModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: SidenavToggleButtonComponentModule });
 SidenavToggleButtonComponentModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [MatIconModule,
         CommonModule,
-        MatButtonModule] });
+        MatLegacyButtonModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SidenavToggleButtonComponentModule, [{
         type: NgModule,
         args: [{
@@ -701,14 +701,14 @@ SidenavToggleButtonComponentModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({
                 imports: [
                     MatIconModule,
                     CommonModule,
-                    MatButtonModule
+                    MatLegacyButtonModule
                 ],
                 exports: [SidenavToggleButtonComponent]
             }]
     }], null, null); })();
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(SidenavToggleButtonComponentModule, { declarations: [SidenavToggleButtonComponent], imports: [MatIconModule,
         CommonModule,
-        MatButtonModule], exports: [SidenavToggleButtonComponent] }); })();
+        MatLegacyButtonModule], exports: [SidenavToggleButtonComponent] }); })();
 
 class ResetButtonComponent {
     constructor(resetService) {
@@ -722,7 +722,7 @@ ResetButtonComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ResetB
         i0.ɵɵelementStart(1, "mat-icon");
         i0.ɵɵtext(2, "refresh");
         i0.ɵɵelementEnd()();
-    } }, dependencies: [i2$2.MatIcon, i1$1.MatButton], changeDetection: 0 });
+    } }, dependencies: [i2$2.MatIcon, i1$1.MatLegacyButton], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ResetButtonComponent, [{
         type: Component,
         args: [{ selector: 'rxap-reset-button', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'rxap-reset-button' }, template: "<button (click)=\"resetService.resetAll()\" mat-icon-button>\n  <mat-icon>refresh</mat-icon>\n</button>\n" }]
@@ -736,26 +736,26 @@ class ResetButtonComponentModule {
 ResetButtonComponentModule.ɵfac = function ResetButtonComponentModule_Factory(t) { return new (t || ResetButtonComponentModule)(); };
 ResetButtonComponentModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: ResetButtonComponentModule });
 ResetButtonComponentModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [MatIconModule,
-        MatButtonModule] });
+        MatLegacyButtonModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ResetButtonComponentModule, [{
         type: NgModule,
         args: [{
                 declarations: [ResetButtonComponent],
                 imports: [
                     MatIconModule,
-                    MatButtonModule
+                    MatLegacyButtonModule
                 ],
                 exports: [ResetButtonComponent]
             }]
     }], null, null); })();
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(ResetButtonComponentModule, { declarations: [ResetButtonComponent], imports: [MatIconModule,
-        MatButtonModule], exports: [ResetButtonComponent] }); })();
+        MatLegacyButtonModule], exports: [ResetButtonComponent] }); })();
 
 class AppsButtonComponentModule {
 }
 AppsButtonComponentModule.ɵfac = function AppsButtonComponentModule_Factory(t) { return new (t || AppsButtonComponentModule)(); };
 AppsButtonComponentModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: AppsButtonComponentModule });
-AppsButtonComponentModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [MatButtonModule,
+AppsButtonComponentModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [MatLegacyButtonModule,
         MatIconModule,
         MatGridListModule,
         OverlayModule,
@@ -767,7 +767,7 @@ AppsButtonComponentModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports:
         args: [{
                 declarations: [AppsButtonComponent],
                 imports: [
-                    MatButtonModule,
+                    MatLegacyButtonModule,
                     MatIconModule,
                     MatGridListModule,
                     OverlayModule,
@@ -778,7 +778,7 @@ AppsButtonComponentModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports:
                 exports: [AppsButtonComponent]
             }]
     }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(AppsButtonComponentModule, { declarations: [AppsButtonComponent], imports: [MatButtonModule,
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(AppsButtonComponentModule, { declarations: [AppsButtonComponent], imports: [MatLegacyButtonModule,
         MatIconModule,
         MatGridListModule,
         OverlayModule,
@@ -790,7 +790,7 @@ class LanguageSelectorComponentModule {
 }
 LanguageSelectorComponentModule.ɵfac = function LanguageSelectorComponentModule_Factory(t) { return new (t || LanguageSelectorComponentModule)(); };
 LanguageSelectorComponentModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: LanguageSelectorComponentModule });
-LanguageSelectorComponentModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [MatSelectModule,
+LanguageSelectorComponentModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [MatLegacySelectModule,
         CommonModule,
         FormsModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LanguageSelectorComponentModule, [{
@@ -798,14 +798,14 @@ LanguageSelectorComponentModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ im
         args: [{
                 declarations: [LanguageSelectorComponent],
                 imports: [
-                    MatSelectModule,
+                    MatLegacySelectModule,
                     CommonModule,
                     FormsModule
                 ],
                 exports: [LanguageSelectorComponent]
             }]
     }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(LanguageSelectorComponentModule, { declarations: [LanguageSelectorComponent], imports: [MatSelectModule,
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(LanguageSelectorComponentModule, { declarations: [LanguageSelectorComponent], imports: [MatLegacySelectModule,
         CommonModule,
         FormsModule], exports: [LanguageSelectorComponent] }); })();
 
@@ -821,9 +821,9 @@ HeaderModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [MatToolbarM
         ResetButtonComponentModule,
         FlexLayoutModule,
         CommonModule,
-        MatButtonModule,
+        MatLegacyButtonModule,
         MatIconModule,
-        MatMenuModule,
+        MatLegacyMenuModule,
         AppsButtonComponentModule,
         LanguageSelectorComponentModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HeaderModule, [{
@@ -839,9 +839,9 @@ HeaderModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [MatToolbarM
                     ResetButtonComponentModule,
                     FlexLayoutModule,
                     CommonModule,
-                    MatButtonModule,
+                    MatLegacyButtonModule,
                     MatIconModule,
-                    MatMenuModule,
+                    MatLegacyMenuModule,
                     AppsButtonComponentModule,
                     LanguageSelectorComponentModule
                 ],
@@ -856,9 +856,9 @@ HeaderModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [MatToolbarM
         ResetButtonComponentModule,
         FlexLayoutModule,
         CommonModule,
-        MatButtonModule,
+        MatLegacyButtonModule,
         MatIconModule,
-        MatMenuModule,
+        MatLegacyMenuModule,
         AppsButtonComponentModule,
         LanguageSelectorComponentModule], exports: [HeaderComponent] }); })();
 
@@ -1576,7 +1576,7 @@ SidenavComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SidenavCom
         i0.ɵɵproperty("fxHide", i0.ɵɵpipeBind1(14, 9, ctx.sidenav.collapsed$));
         i0.ɵɵadvance(3);
         i0.ɵɵproperty("ngIf", (tmp_4_0 = ctx.sidenavFooterDirective == null ? null : ctx.sidenavFooterDirective.template) !== null && tmp_4_0 !== undefined ? tmp_4_0 : null);
-    } }, dependencies: [i1$3.DefaultLayoutDirective, i1$3.DefaultLayoutGapDirective, i1$3.DefaultLayoutAlignDirective, i1$3.DefaultFlexDirective, i5$1.DefaultShowHideDirective, i5$1.DefaultClassDirective, NavigationComponent, i2$1.NgClass, i2$1.NgIf, i2$1.NgTemplateOutlet, i3$4.MatDivider, i2$2.MatIcon, i1$1.MatButton, i2$1.AsyncPipe], styles: [".container[_ngcontent-%COMP%], .container[_ngcontent-%COMP%]   .inner[_ngcontent-%COMP%]{height:100%}.container[_ngcontent-%COMP%]   .inner[_ngcontent-%COMP%]   .header[_ngcontent-%COMP%]{padding-bottom:12px}.container[_ngcontent-%COMP%]   .inner[_ngcontent-%COMP%]   .footer[_ngcontent-%COMP%]{padding-top:12px}.container[_ngcontent-%COMP%]   .inner[_ngcontent-%COMP%]   .nav-container[_ngcontent-%COMP%]{overflow-y:scroll;padding-top:12px}.container[_ngcontent-%COMP%]   .inner[_ngcontent-%COMP%]   .nav-container[_ngcontent-%COMP%]::-webkit-scrollbar{width:6px}.container[_ngcontent-%COMP%]   .inner[_ngcontent-%COMP%]   .nav-container[_ngcontent-%COMP%]::-webkit-scrollbar-track{border-radius:2px}.container[_ngcontent-%COMP%]   .inner[_ngcontent-%COMP%]   .nav-container[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{border-radius:10px}.container[_ngcontent-%COMP%]   .sidebar-toggle[_ngcontent-%COMP%]{min-height:48px}.container[_ngcontent-%COMP%]   .sidebar-toggle[_ngcontent-%COMP%]   .sidebar-toggle-inner[_ngcontent-%COMP%]{padding:0}.container[_ngcontent-%COMP%]   .sidebar-toggle[_ngcontent-%COMP%]   .arrow[_ngcontent-%COMP%]{transform:rotate(180deg)}.container[_ngcontent-%COMP%]   .sidebar-toggle.collapsed[_ngcontent-%COMP%]   .arrow[_ngcontent-%COMP%]{transform:initial}.container[_ngcontent-%COMP%]   .sidebar-toggle.collapsed[_ngcontent-%COMP%]   .sidebar-toggle-inner[_ngcontent-%COMP%]{justify-content:space-around!important}"], changeDetection: 0 });
+    } }, dependencies: [i1$3.DefaultLayoutDirective, i1$3.DefaultLayoutGapDirective, i1$3.DefaultLayoutAlignDirective, i1$3.DefaultFlexDirective, i5$1.DefaultShowHideDirective, i5$1.DefaultClassDirective, NavigationComponent, i2$1.NgClass, i2$1.NgIf, i2$1.NgTemplateOutlet, i3$4.MatDivider, i2$2.MatIcon, i1$1.MatLegacyButton, i2$1.AsyncPipe], styles: [".container[_ngcontent-%COMP%], .container[_ngcontent-%COMP%]   .inner[_ngcontent-%COMP%]{height:100%}.container[_ngcontent-%COMP%]   .inner[_ngcontent-%COMP%]   .header[_ngcontent-%COMP%]{padding-bottom:12px}.container[_ngcontent-%COMP%]   .inner[_ngcontent-%COMP%]   .footer[_ngcontent-%COMP%]{padding-top:12px}.container[_ngcontent-%COMP%]   .inner[_ngcontent-%COMP%]   .nav-container[_ngcontent-%COMP%]{overflow-y:scroll;padding-top:12px}.container[_ngcontent-%COMP%]   .inner[_ngcontent-%COMP%]   .nav-container[_ngcontent-%COMP%]::-webkit-scrollbar{width:6px}.container[_ngcontent-%COMP%]   .inner[_ngcontent-%COMP%]   .nav-container[_ngcontent-%COMP%]::-webkit-scrollbar-track{border-radius:2px}.container[_ngcontent-%COMP%]   .inner[_ngcontent-%COMP%]   .nav-container[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{border-radius:10px}.container[_ngcontent-%COMP%]   .sidebar-toggle[_ngcontent-%COMP%]{min-height:48px}.container[_ngcontent-%COMP%]   .sidebar-toggle[_ngcontent-%COMP%]   .sidebar-toggle-inner[_ngcontent-%COMP%]{padding:0}.container[_ngcontent-%COMP%]   .sidebar-toggle[_ngcontent-%COMP%]   .arrow[_ngcontent-%COMP%]{transform:rotate(180deg)}.container[_ngcontent-%COMP%]   .sidebar-toggle.collapsed[_ngcontent-%COMP%]   .arrow[_ngcontent-%COMP%]{transform:initial}.container[_ngcontent-%COMP%]   .sidebar-toggle.collapsed[_ngcontent-%COMP%]   .sidebar-toggle-inner[_ngcontent-%COMP%]{justify-content:space-around!important}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SidenavComponent, [{
         type: Component,
         args: [{ selector: 'rxap-sidenav', changeDetection: ChangeDetectionStrategy.OnPush, host: {
@@ -1752,7 +1752,7 @@ ToggleWindowSidenavButtonComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent(
         const _r1 = i0.ɵɵreference(4);
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngIfElse", _r1)("ngIf", !ctx.openWindowSidenav);
-    } }, dependencies: [i1$1.MatButton, i2$2.MatIcon, i2$1.NgIf], styles: [".toggle-button[_ngcontent-%COMP%]{position:absolute;top:70px;right:0;z-index:10000;border-radius:15px 0 0 15px;border:1px solid black;background:black}"], changeDetection: 0 });
+    } }, dependencies: [i1$1.MatLegacyButton, i2$2.MatIcon, i2$1.NgIf], styles: [".toggle-button[_ngcontent-%COMP%]{position:absolute;top:70px;right:0;z-index:10000;border-radius:15px 0 0 15px;border:1px solid black;background:black}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ToggleWindowSidenavButtonComponent, [{
         type: Component,
         args: [{ selector: 'rxap-toggle-window-sidenav-button', changeDetection: ChangeDetectionStrategy.OnPush, host: {
@@ -1874,16 +1874,15 @@ class NavigationComponentModule {
 NavigationComponentModule.ɵfac = function NavigationComponentModule_Factory(t) { return new (t || NavigationComponentModule)(); };
 NavigationComponentModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: NavigationComponentModule });
 NavigationComponentModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [MatIconModule,
-        MatButtonModule,
+        MatLegacyButtonModule,
         FlexLayoutModule,
         RouterModule,
         CommonModule,
         IconDirectiveModule,
-        ButtonComponentModule,
         MatRippleModule,
         MatDividerModule,
         StopPropagationDirectiveModule,
-        MatTooltipModule,
+        MatLegacyTooltipModule,
         ReplaceRouterPathsPipeModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NavigationComponentModule, [{
         type: NgModule,
@@ -1891,34 +1890,32 @@ NavigationComponentModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports:
                 declarations: [NavigationComponent, NavigationItemComponent],
                 imports: [
                     MatIconModule,
-                    MatButtonModule,
+                    MatLegacyButtonModule,
                     FlexLayoutModule,
                     RouterModule,
                     CommonModule,
                     IconDirectiveModule,
-                    ButtonComponentModule,
                     MatRippleModule,
                     MatDividerModule,
                     StopPropagationDirectiveModule,
-                    MatTooltipModule,
+                    MatLegacyTooltipModule,
                     ReplaceRouterPathsPipeModule
                 ],
                 exports: [NavigationComponent]
             }]
     }], null, null); })();
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(NavigationComponentModule, { declarations: [NavigationComponent, NavigationItemComponent], imports: [MatIconModule,
-        MatButtonModule,
+        MatLegacyButtonModule,
         FlexLayoutModule,
         RouterModule,
         CommonModule,
         IconDirectiveModule,
-        ButtonComponentModule,
         MatRippleModule,
         MatDividerModule,
         StopPropagationDirectiveModule,
-        MatTooltipModule,
+        MatLegacyTooltipModule,
         ReplaceRouterPathsPipeModule], exports: [NavigationComponent] }); })();
-i0.ɵɵsetComponentScope(NavigationItemComponent, [i2$2.MatIcon, i1$3.DefaultFlexDirective, i3$1.RouterLinkWithHref, i3$1.RouterLinkActive, i2$1.NgForOf, i2$1.NgIf, i5$2.IconDirective, i4$1.MatRipple, i7.MatTooltip, NavigationComponent], [i2$1.AsyncPipe]);
+i0.ɵɵsetComponentScope(NavigationItemComponent, [i2$2.MatIcon, i1$3.DefaultFlexDirective, i3$1.RouterLink, i3$1.RouterLinkActive, i2$1.NgForOf, i2$1.NgIf, i5$2.IconDirective, i6$1.MatRipple, i7.MatLegacyTooltip, NavigationComponent], [i2$1.AsyncPipe]);
 
 class SidenavModule {
 }
@@ -1929,7 +1926,7 @@ SidenavModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [FlexLayout
         CommonModule,
         MatDividerModule,
         MatIconModule,
-        MatButtonModule] });
+        MatLegacyButtonModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SidenavModule, [{
         type: NgModule,
         args: [{
@@ -1940,7 +1937,7 @@ SidenavModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [FlexLayout
                     CommonModule,
                     MatDividerModule,
                     MatIconModule,
-                    MatButtonModule
+                    MatLegacyButtonModule
                 ],
                 exports: [SidenavComponent, SidenavHeaderDirective, SidenavFooterDirective],
             }]
@@ -1950,7 +1947,7 @@ SidenavModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [FlexLayout
         CommonModule,
         MatDividerModule,
         MatIconModule,
-        MatButtonModule], exports: [SidenavComponent, SidenavHeaderDirective, SidenavFooterDirective] }); })();
+        MatLegacyButtonModule], exports: [SidenavComponent, SidenavHeaderDirective, SidenavFooterDirective] }); })();
 
 class SidenavContentModule {
 }
@@ -1999,7 +1996,7 @@ class ToggleWindowSidenavButtonModule {
 }
 ToggleWindowSidenavButtonModule.ɵfac = function ToggleWindowSidenavButtonModule_Factory(t) { return new (t || ToggleWindowSidenavButtonModule)(); };
 ToggleWindowSidenavButtonModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: ToggleWindowSidenavButtonModule });
-ToggleWindowSidenavButtonModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [MatButtonModule,
+ToggleWindowSidenavButtonModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [MatLegacyButtonModule,
         MatIconModule,
         CommonModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ToggleWindowSidenavButtonModule, [{
@@ -2007,14 +2004,14 @@ ToggleWindowSidenavButtonModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ im
         args: [{
                 declarations: [ToggleWindowSidenavButtonComponent],
                 imports: [
-                    MatButtonModule,
+                    MatLegacyButtonModule,
                     MatIconModule,
                     CommonModule,
                 ],
                 exports: [ToggleWindowSidenavButtonComponent],
             }]
     }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(ToggleWindowSidenavButtonModule, { declarations: [ToggleWindowSidenavButtonComponent], imports: [MatButtonModule,
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(ToggleWindowSidenavButtonModule, { declarations: [ToggleWindowSidenavButtonComponent], imports: [MatLegacyButtonModule,
         MatIconModule,
         CommonModule], exports: [ToggleWindowSidenavButtonComponent] }); })();
 
@@ -2199,3 +2196,4 @@ FooterDirectiveModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({});
 
 export { AppsButtonComponent, AppsButtonComponentModule, FooterComponent, FooterDirective, FooterDirectiveModule, FooterModule, HeaderComponent, HeaderModule, IsNavigationDividerItem, IsNavigationInsertItem, IsNavigationItem, LayoutComponent, LayoutComponentService, LayoutModule, NavigationComponent, NavigationComponentModule, NavigationItemComponent, NavigationProgressBarComponent, NavigationProgressBarComponentModule, NavigationService, RXAP_FOOTER_COMPONENT, RXAP_HEADER_COMPONENT, RXAP_LAYOUT_APPS_GRID, RXAP_LOGO_CONFIG, RXAP_NAVIGATION_CONFIG, RXAP_NAVIGATION_CONFIG_INSERTS, ReplaceRouterPathsService, ResetButtonComponent, ResetButtonComponentModule, SidenavComponent, SidenavComponentService, SidenavContentComponent, SidenavContentComponentService, SidenavContentModule, SidenavFooterDirective, SidenavHeaderDirective, SidenavModule, SidenavToggleButtonComponent, SidenavToggleButtonComponentModule, SignOutComponent, SignOutComponentModule, ToggleWindowSidenavButtonComponent, ToggleWindowSidenavButtonModule, UserProfileIconComponent, UserProfileIconComponentModule, VersionComponent, VersionComponentModule, WindowContainerSidenavComponent, WindowContainerSidenavModule };
 //# sourceMappingURL=rxap-layout.mjs.map
+//# sourceMappingURL=rxap-layout.mjs.map