@rxap/layout 14.0.2 → 15.0.0

package/fesm2015/rxap-layout.mjs

@@ -14,18 +14,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 * as i2$4 from '@angular/material/sidenav';
 import { MatSidenav, MatSidenavModule } from '@angular/material/sidenav';
@@ -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');
@@ -160,7 +160,7 @@ SignOutComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SignOutCom
             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,
@@ -283,7 +283,7 @@ UserProfileIconComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Us
             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,
@@ -318,7 +318,7 @@ NavigationProgressBarComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ ty
         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,
@@ -362,7 +362,7 @@ SidenavToggleButtonComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type
             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)
@@ -473,7 +473,7 @@ AppsButtonComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AppsBut
         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,
@@ -598,7 +598,7 @@ LanguageSelectorComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: L
         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,
@@ -704,7 +704,7 @@ HeaderComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HeaderCompo
             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,
@@ -737,7 +737,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 () {
@@ -746,7 +746,7 @@ SignOutComponentModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [M
             args: [{
                     declarations: [SignOutComponent],
                     imports: [
-                        MatButtonModule,
+                        MatLegacyButtonModule,
                         MatIconModule,
                         SignOutDirectiveModule,
                     ],
@@ -755,7 +755,7 @@ SignOutComponentModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [M
         }], null, null);
 })();
 (function () {
-    (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(SignOutComponentModule, { declarations: [SignOutComponent], imports: [MatButtonModule,
+    (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(SignOutComponentModule, { declarations: [SignOutComponent], imports: [MatLegacyButtonModule,
             MatIconModule,
             SignOutDirectiveModule], exports: [SignOutComponent] });
 })();
@@ -764,7 +764,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,
@@ -775,7 +775,7 @@ UserProfileIconComponentModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imp
             args: [{
                     declarations: [UserProfileIconComponent],
                     imports: [
-                        MatMenuModule,
+                        MatLegacyMenuModule,
                         MatIconModule,
                         CommonModule,
                         FlexLayoutModule,
@@ -786,7 +786,7 @@ UserProfileIconComponentModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imp
         }], null, null);
 })();
 (function () {
-    (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(UserProfileIconComponentModule, { declarations: [UserProfileIconComponent], imports: [MatMenuModule,
+    (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(UserProfileIconComponentModule, { declarations: [UserProfileIconComponent], imports: [MatLegacyMenuModule,
             MatIconModule,
             CommonModule,
             FlexLayoutModule,
@@ -797,7 +797,7 @@ 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, [{
@@ -805,7 +805,7 @@ NavigationProgressBarComponentModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector
             args: [{
                     declarations: [NavigationProgressBarComponent],
                     imports: [
-                        MatProgressBarModule,
+                        MatLegacyProgressBarModule,
                         CommonModule
                     ],
                     exports: [NavigationProgressBarComponent]
@@ -813,7 +813,7 @@ NavigationProgressBarComponentModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector
         }], null, null);
 })();
 (function () {
-    (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(NavigationProgressBarComponentModule, { declarations: [NavigationProgressBarComponent], imports: [MatProgressBarModule,
+    (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(NavigationProgressBarComponentModule, { declarations: [NavigationProgressBarComponent], imports: [MatLegacyProgressBarModule,
             CommonModule], exports: [NavigationProgressBarComponent] });
 })();
 
@@ -823,7 +823,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,
@@ -832,7 +832,7 @@ SidenavToggleButtonComponentModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({
                     imports: [
                         MatIconModule,
                         CommonModule,
-                        MatButtonModule
+                        MatLegacyButtonModule
                     ],
                     exports: [SidenavToggleButtonComponent]
                 }]
@@ -841,7 +841,7 @@ SidenavToggleButtonComponentModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({
 (function () {
     (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(SidenavToggleButtonComponentModule, { declarations: [SidenavToggleButtonComponent], imports: [MatIconModule,
             CommonModule,
-            MatButtonModule], exports: [SidenavToggleButtonComponent] });
+            MatLegacyButtonModule], exports: [SidenavToggleButtonComponent] });
 })();
 
 class ResetButtonComponent {
@@ -858,7 +858,7 @@ ResetButtonComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ResetB
             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,
@@ -876,7 +876,7 @@ 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,
@@ -884,7 +884,7 @@ ResetButtonComponentModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports
                     declarations: [ResetButtonComponent],
                     imports: [
                         MatIconModule,
-                        MatButtonModule
+                        MatLegacyButtonModule
                     ],
                     exports: [ResetButtonComponent]
                 }]
@@ -892,14 +892,14 @@ ResetButtonComponentModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports
 })();
 (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,
@@ -912,7 +912,7 @@ AppsButtonComponentModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports:
             args: [{
                     declarations: [AppsButtonComponent],
                     imports: [
-                        MatButtonModule,
+                        MatLegacyButtonModule,
                         MatIconModule,
                         MatGridListModule,
                         OverlayModule,
@@ -925,7 +925,7 @@ AppsButtonComponentModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports:
         }], null, null);
 })();
 (function () {
-    (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(AppsButtonComponentModule, { declarations: [AppsButtonComponent], imports: [MatButtonModule,
+    (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(AppsButtonComponentModule, { declarations: [AppsButtonComponent], imports: [MatLegacyButtonModule,
             MatIconModule,
             MatGridListModule,
             OverlayModule,
@@ -938,7 +938,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 () {
@@ -947,7 +947,7 @@ LanguageSelectorComponentModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ im
             args: [{
                     declarations: [LanguageSelectorComponent],
                     imports: [
-                        MatSelectModule,
+                        MatLegacySelectModule,
                         CommonModule,
                         FormsModule
                     ],
@@ -956,7 +956,7 @@ LanguageSelectorComponentModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ im
         }], null, null);
 })();
 (function () {
-    (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(LanguageSelectorComponentModule, { declarations: [LanguageSelectorComponent], imports: [MatSelectModule,
+    (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(LanguageSelectorComponentModule, { declarations: [LanguageSelectorComponent], imports: [MatLegacySelectModule,
             CommonModule,
             FormsModule], exports: [LanguageSelectorComponent] });
 })();
@@ -973,9 +973,9 @@ HeaderModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [MatToolbarM
         ResetButtonComponentModule,
         FlexLayoutModule,
         CommonModule,
-        MatButtonModule,
+        MatLegacyButtonModule,
         MatIconModule,
-        MatMenuModule,
+        MatLegacyMenuModule,
         AppsButtonComponentModule,
         LanguageSelectorComponentModule] });
 (function () {
@@ -992,9 +992,9 @@ HeaderModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [MatToolbarM
                         ResetButtonComponentModule,
                         FlexLayoutModule,
                         CommonModule,
-                        MatButtonModule,
+                        MatLegacyButtonModule,
                         MatIconModule,
-                        MatMenuModule,
+                        MatLegacyMenuModule,
                         AppsButtonComponentModule,
                         LanguageSelectorComponentModule
                     ],
@@ -1011,9 +1011,9 @@ HeaderModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [MatToolbarM
             ResetButtonComponentModule,
             FlexLayoutModule,
             CommonModule,
-            MatButtonModule,
+            MatLegacyButtonModule,
             MatIconModule,
-            MatMenuModule,
+            MatLegacyMenuModule,
             AppsButtonComponentModule,
             LanguageSelectorComponentModule], exports: [HeaderComponent] });
 })();
@@ -1828,7 +1828,7 @@ SidenavComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SidenavCom
             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,
@@ -2032,7 +2032,7 @@ ToggleWindowSidenavButtonComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent(
             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,
@@ -2173,16 +2173,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, [{
@@ -2191,16 +2190,15 @@ 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]
@@ -2209,19 +2207,18 @@ NavigationComponentModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports:
 })();
 (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 {
 }
@@ -2232,7 +2229,7 @@ SidenavModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [FlexLayout
         CommonModule,
         MatDividerModule,
         MatIconModule,
-        MatButtonModule] });
+        MatLegacyButtonModule] });
 (function () {
     (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SidenavModule, [{
             type: NgModule,
@@ -2244,7 +2241,7 @@ SidenavModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [FlexLayout
                         CommonModule,
                         MatDividerModule,
                         MatIconModule,
-                        MatButtonModule
+                        MatLegacyButtonModule
                     ],
                     exports: [SidenavComponent, SidenavHeaderDirective, SidenavFooterDirective],
                 }]
@@ -2256,7 +2253,7 @@ SidenavModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [FlexLayout
             CommonModule,
             MatDividerModule,
             MatIconModule,
-            MatButtonModule], exports: [SidenavComponent, SidenavHeaderDirective, SidenavFooterDirective] });
+            MatLegacyButtonModule], exports: [SidenavComponent, SidenavHeaderDirective, SidenavFooterDirective] });
 })();
 
 class SidenavContentModule {
@@ -2314,7 +2311,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 () {
@@ -2323,7 +2320,7 @@ ToggleWindowSidenavButtonModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ im
             args: [{
                     declarations: [ToggleWindowSidenavButtonComponent],
                     imports: [
-                        MatButtonModule,
+                        MatLegacyButtonModule,
                         MatIconModule,
                         CommonModule,
                     ],
@@ -2332,7 +2329,7 @@ ToggleWindowSidenavButtonModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ im
         }], null, null);
 })();
 (function () {
-    (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(ToggleWindowSidenavButtonModule, { declarations: [ToggleWindowSidenavButtonComponent], imports: [MatButtonModule,
+    (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(ToggleWindowSidenavButtonModule, { declarations: [ToggleWindowSidenavButtonComponent], imports: [MatLegacyButtonModule,
             MatIconModule,
             CommonModule], exports: [ToggleWindowSidenavButtonComponent] });
 })();
@@ -2543,3 +2540,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