@rxap/layout 12.2.2 → 13.0.0-next.0

package/bundles/rxap-layout.umd.js

@@ -1,3211 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@rxap/services'), require('@angular/common'), require('@angular/material/toolbar'), require('@angular/cdk/portal'), require('rxjs'), require('rxjs/operators'), require('@rxap/authentication'), require('@angular/flex-layout/extended'), require('@angular/flex-layout/flex'), require('@rxap/config'), require('@angular/material/form-field'), require('@angular/material/select'), require('@angular/forms'), require('@angular/material/core'), require('@angular/material/button'), require('@angular/cdk/overlay'), require('@angular/material/icon'), require('@angular/router'), require('@angular/material/progress-bar'), require('@angular/material/sidenav'), require('@rxap/utilities'), require('@rxap/utilities/rxjs'), require('@angular/material/menu'), require('@rxap/directives'), require('@angular/flex-layout'), require('@angular/material/grid-list'), require('@angular/material/divider'), require('@angular/animations'), require('@rxap/material-directives/icon'), require('@rxap/components'), require('@angular/material/tooltip')) :
-    typeof define === 'function' && define.amd ? define('@rxap/layout', ['exports', '@angular/core', '@rxap/services', '@angular/common', '@angular/material/toolbar', '@angular/cdk/portal', 'rxjs', 'rxjs/operators', '@rxap/authentication', '@angular/flex-layout/extended', '@angular/flex-layout/flex', '@rxap/config', '@angular/material/form-field', '@angular/material/select', '@angular/forms', '@angular/material/core', '@angular/material/button', '@angular/cdk/overlay', '@angular/material/icon', '@angular/router', '@angular/material/progress-bar', '@angular/material/sidenav', '@rxap/utilities', '@rxap/utilities/rxjs', '@angular/material/menu', '@rxap/directives', '@angular/flex-layout', '@angular/material/grid-list', '@angular/material/divider', '@angular/animations', '@rxap/material-directives/icon', '@rxap/components', '@angular/material/tooltip'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.rxap = global.rxap || {}, global.rxap.layout = {}), global.ng.core, global.i1, global.ng.common, global.ng.material.toolbar, global.ng.cdk.portal, global.rxjs, global.rxjs.operators, global.i2$2, global.ng.flexLayout.extended, global.ng.flexLayout.flex, global.i1$1, global.ng.material.formField, global.ng.material.select, global.ng.forms, global.ng.material.core, global.ng.material.button, global.ng.cdk.overlay, global.ng.material.icon, global.ng.router, global.ng.material.progressBar, global.ng.material.sidenav, global.utilities, global.rxjs, global.ng.material.menu, global.i3$5, global.ng.flexLayout, global.ng.material.gridList, global.ng.material.divider, global.ng.animations, global.i6$1, global.components, global.ng.material.tooltip));
-}(this, (function (exports, i0, i1, i2, i3, i4, rxjs$1, operators, i2$2, i2$1, i1$3, i1$1, i3$1, i4$1, i5, i6, i1$2, i3$2, i3$3, i1$4, i2$3, i3$4, utilities, rxjs, i2$4, i3$5, flexLayout, gridList, i2$5, animations, i6$1, components, i3$6) { 'use strict';
-
-    function _interopNamespace(e) {
-        if (e && e.__esModule) return e;
-        var n = Object.create(null);
-        if (e) {
-            Object.keys(e).forEach(function (k) {
-                if (k !== 'default') {
-                    var d = Object.getOwnPropertyDescriptor(e, k);
-                    Object.defineProperty(n, k, d.get ? d : {
-                        enumerable: true,
-                        get: function () {
-                            return e[k];
-                        }
-                    });
-                }
-            });
-        }
-        n['default'] = e;
-        return Object.freeze(n);
-    }
-
-    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
-    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
-    var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
-    var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
-    var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
-    var i2__namespace$2 = /*#__PURE__*/_interopNamespace(i2$2);
-    var i2__namespace$1 = /*#__PURE__*/_interopNamespace(i2$1);
-    var i1__namespace$3 = /*#__PURE__*/_interopNamespace(i1$3);
-    var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
-    var i3__namespace$1 = /*#__PURE__*/_interopNamespace(i3$1);
-    var i4__namespace$1 = /*#__PURE__*/_interopNamespace(i4$1);
-    var i5__namespace = /*#__PURE__*/_interopNamespace(i5);
-    var i6__namespace = /*#__PURE__*/_interopNamespace(i6);
-    var i1__namespace$2 = /*#__PURE__*/_interopNamespace(i1$2);
-    var i3__namespace$2 = /*#__PURE__*/_interopNamespace(i3$2);
-    var i3__namespace$3 = /*#__PURE__*/_interopNamespace(i3$3);
-    var i1__namespace$4 = /*#__PURE__*/_interopNamespace(i1$4);
-    var i2__namespace$3 = /*#__PURE__*/_interopNamespace(i2$3);
-    var i3__namespace$5 = /*#__PURE__*/_interopNamespace(i3$4);
-    var i2__namespace$4 = /*#__PURE__*/_interopNamespace(i2$4);
-    var i3__namespace$4 = /*#__PURE__*/_interopNamespace(i3$5);
-    var i2__namespace$5 = /*#__PURE__*/_interopNamespace(i2$5);
-    var i6__namespace$1 = /*#__PURE__*/_interopNamespace(i6$1);
-    var i3__namespace$6 = /*#__PURE__*/_interopNamespace(i3$6);
-
-    var RXAP_NAVIGATION_CONFIG = new i0.InjectionToken('rxap/layout/navigation-config');
-    var RXAP_NAVIGATION_CONFIG_INSERTS = new i0.InjectionToken('rxap/layout/navigation-config-inserts');
-    var RXAP_FOOTER_COMPONENT = new i0.InjectionToken('rxap/layout/footer-component');
-    var RXAP_HEADER_COMPONENT = new i0.InjectionToken('rxap/layout/header-component');
-    var RXAP_LOGO_CONFIG = new i0.InjectionToken('rxap/layout/logo-config');
-    var RXAP_LAYOUT_APPS_GRID = new i0.InjectionToken('rxap/layout/apps-grid');
-
-    function FooterComponent_ng_template_0_mat_toolbar_0_mat_toolbar_row_1_ng_template_1_Template(rf, ctx) { }
-    function FooterComponent_ng_template_0_mat_toolbar_0_mat_toolbar_row_1_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "mat-toolbar-row");
-            i0__namespace.ɵɵtemplate(1, FooterComponent_ng_template_0_mat_toolbar_0_mat_toolbar_row_1_ng_template_1_Template, 0, 0, "ng-template", 4);
-            i0__namespace.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var portal_r4 = ctx.$implicit;
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("cdkPortalOutlet", portal_r4);
-        }
-    }
-    function FooterComponent_ng_template_0_mat_toolbar_0_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "mat-toolbar", 2);
-            i0__namespace.ɵɵtemplate(1, FooterComponent_ng_template_0_mat_toolbar_0_mat_toolbar_row_1_Template, 2, 1, "mat-toolbar-row", 3);
-            i0__namespace.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var portals_r1 = i0__namespace.ɵɵnextContext().$implicit;
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngForOf", portals_r1);
-        }
-    }
-    function FooterComponent_ng_template_0_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵtemplate(0, FooterComponent_ng_template_0_mat_toolbar_0_Template, 2, 1, "mat-toolbar", 1);
-        }
-        if (rf & 2) {
-            var portals_r1 = ctx.$implicit;
-            i0__namespace.ɵɵproperty("ngIf", portals_r1.length);
-        }
-    }
-    var FooterComponent = /** @class */ (function () {
-        function FooterComponent(footerService) {
-            this.footerService = footerService;
-        }
-        return FooterComponent;
-    }());
-    FooterComponent.ɵfac = function FooterComponent_Factory(t) { return new (t || FooterComponent)(i0__namespace.ɵɵdirectiveInject(i1__namespace.FooterService)); };
-    FooterComponent.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: FooterComponent, selectors: [["rxap-footer"]], decls: 2, vars: 3, consts: [[3, "ngIf"], ["class", "footer mat-elevation-z1", 4, "ngIf"], [1, "footer", "mat-elevation-z1"], [4, "ngFor", "ngForOf"], [3, "cdkPortalOutlet"]], template: function FooterComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0__namespace.ɵɵtemplate(0, FooterComponent_ng_template_0_Template, 1, 1, "ng-template", 0);
-                i0__namespace.ɵɵpipe(1, "async");
-            }
-            if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngIf", i0__namespace.ɵɵpipeBind1(1, 1, ctx.footerService.portals$));
-            }
-        }, directives: [i2__namespace.NgIf, i3__namespace.MatToolbar, i2__namespace.NgForOf, i3__namespace.MatToolbarRow, i4__namespace.CdkPortalOutlet], pipes: [i2__namespace.AsyncPipe], styles: [""], changeDetection: 0 });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(FooterComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: 'rxap-footer',
-                        templateUrl: './footer.component.html',
-                        styleUrls: ['./footer.component.scss'],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush
-                    }]
-            }], function () { return [{ type: i1__namespace.FooterService }]; }, null);
-    })();
-
-    var FooterModule = /** @class */ (function () {
-        function FooterModule() {
-        }
-        return FooterModule;
-    }());
-    FooterModule.ɵfac = function FooterModule_Factory(t) { return new (t || FooterModule)(); };
-    FooterModule.ɵmod = /*@__PURE__*/ i0__namespace.ɵɵdefineNgModule({ type: FooterModule });
-    FooterModule.ɵinj = /*@__PURE__*/ i0__namespace.ɵɵdefineInjector({ imports: [[
-                i3.MatToolbarModule,
-                i2.CommonModule,
-                i4.PortalModule
-            ]] });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(FooterModule, [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [FooterComponent],
-                        imports: [
-                            i3.MatToolbarModule,
-                            i2.CommonModule,
-                            i4.PortalModule
-                        ],
-                        exports: [FooterComponent]
-                    }]
-            }], null, null);
-    })();
-    (function () {
-        (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(FooterModule, { declarations: [FooterComponent], imports: [i3.MatToolbarModule,
-                i2.CommonModule,
-                i4.PortalModule], exports: [FooterComponent] });
-    })();
-
-    function LanguageSelectorComponent_ng_template_0_mat_option_3_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "mat-option", 4);
-            i0__namespace.ɵɵtext(1);
-            i0__namespace.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var item_r2 = ctx.$implicit;
-            i0__namespace.ɵɵproperty("value", item_r2.key);
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵtextInterpolate(item_r2.value);
-        }
-    }
-    function LanguageSelectorComponent_ng_template_0_Template(rf, ctx) {
-        if (rf & 1) {
-            var _r4_1 = i0__namespace.ɵɵgetCurrentView();
-            i0__namespace.ɵɵelementStart(0, "div");
-            i0__namespace.ɵɵelementStart(1, "mat-form-field", 1);
-            i0__namespace.ɵɵelementStart(2, "mat-select", 2);
-            i0__namespace.ɵɵlistener("ngModelChange", function LanguageSelectorComponent_ng_template_0_Template_mat_select_ngModelChange_2_listener($event) { i0__namespace.ɵɵrestoreView(_r4_1); var ctx_r3 = i0__namespace.ɵɵnextContext(); return ctx_r3.language.setLanguage($event); });
-            i0__namespace.ɵɵtemplate(3, LanguageSelectorComponent_ng_template_0_mat_option_3_Template, 2, 2, "mat-option", 3);
-            i0__namespace.ɵɵpipe(4, "keyvalue");
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r0 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵproperty("ngModel", ctx_r0.language.selectedLanguage);
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngForOf", i0__namespace.ɵɵpipeBind1(4, 2, ctx_r0.language.languages));
-        }
-    }
-    var RXAP_SELECTED_LANGUAGE_LOCAL_STORAGE_KEY = 'rxap__selected_language';
-    var RXAP_SELECTED_LANGUAGE_CHANGE_LOCAL_STORAGE_KEY = 'rxap__selected_language_last_change';
-    var LanguageSelectorService = /** @class */ (function () {
-        function LanguageSelectorService(config) {
-            var _a, _b, _c, _d;
-            this.config = config;
-            this.languages = (_a = this.config.get('i18n.languages')) !== null && _a !== void 0 ? _a : {};
-            this.defaultLanguage =
-                (_c = (_b = this.config.get('i18n.defaultLanguage')) !== null && _b !== void 0 ? _b : Object.keys(this.languages)[0]) !== null && _c !== void 0 ? _c : 'en';
-            this.selectedLanguage =
-                (_d = localStorage.getItem(RXAP_SELECTED_LANGUAGE_LOCAL_STORAGE_KEY)) !== null && _d !== void 0 ? _d : this.defaultLanguage;
-        }
-        LanguageSelectorService.prototype.setLanguage = function (language) {
-            if (language !== this.selectedLanguage) {
-                this.redirect(language);
-            }
-        };
-        LanguageSelectorService.prototype.autoRedirect = function () {
-            if (localStorage.getItem(RXAP_SELECTED_LANGUAGE_LOCAL_STORAGE_KEY)) {
-                this.redirect(localStorage.getItem(RXAP_SELECTED_LANGUAGE_LOCAL_STORAGE_KEY));
-            }
-        };
-        LanguageSelectorService.prototype.redirect = function (language) {
-            var currentUrl = location.origin + location.pathname + location.search;
-            var redirectUrl = location.origin +
-                ("/" + language) +
-                location.pathname.replace(new RegExp("^/" + this.selectedLanguage), '') +
-                location.search;
-            this.selectedLanguage = language;
-            localStorage.setItem(RXAP_SELECTED_LANGUAGE_LOCAL_STORAGE_KEY, language);
-            if (currentUrl !== redirectUrl) {
-                if (this.checkLastChange()) {
-                    location.replace(redirectUrl);
-                }
-            }
-            else {
-                console.log('Redirect not required');
-            }
-        };
-        LanguageSelectorService.prototype.checkLastChange = function () {
-            var lastChangeString = localStorage.getItem(RXAP_SELECTED_LANGUAGE_CHANGE_LOCAL_STORAGE_KEY);
-            if (lastChangeString) {
-                if (Date.now() - parseInt(lastChangeString, 10) < 1000) {
-                    return false;
-                }
-            }
-            localStorage.setItem(RXAP_SELECTED_LANGUAGE_CHANGE_LOCAL_STORAGE_KEY, Date.now().toFixed(0));
-            return true;
-        };
-        return LanguageSelectorService;
-    }());
-    LanguageSelectorService.ɵfac = function LanguageSelectorService_Factory(t) { return new (t || LanguageSelectorService)(i0__namespace.ɵɵinject(i1$1.ConfigService)); };
-    LanguageSelectorService.ɵprov = /*@__PURE__*/ i0__namespace.ɵɵdefineInjectable({ token: LanguageSelectorService, factory: LanguageSelectorService.ɵfac, providedIn: 'root' });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(LanguageSelectorService, [{
-                type: i0.Injectable,
-                args: [{ providedIn: 'root' }]
-            }], function () {
-            return [{ type: i1__namespace$1.ConfigService, decorators: [{
-                            type: i0.Inject,
-                            args: [i1$1.ConfigService]
-                        }] }];
-        }, null);
-    })();
-    var LanguageSelectorComponent = /** @class */ (function () {
-        function LanguageSelectorComponent(language) {
-            this.language = language;
-        }
-        return LanguageSelectorComponent;
-    }());
-    LanguageSelectorComponent.ɵfac = function LanguageSelectorComponent_Factory(t) { return new (t || LanguageSelectorComponent)(i0__namespace.ɵɵdirectiveInject(LanguageSelectorService)); };
-    LanguageSelectorComponent.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: LanguageSelectorComponent, selectors: [["rxap-language-selector"]], hostAttrs: [1, "rxap-language-selector"], decls: 2, vars: 3, consts: [[3, "ngIf"], ["appearance", "outline", 1, "language-selector"], [3, "ngModel", "ngModelChange"], [3, "value", 4, "ngFor", "ngForOf"], [3, "value"]], template: function LanguageSelectorComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0__namespace.ɵɵtemplate(0, LanguageSelectorComponent_ng_template_0_Template, 5, 4, "ng-template", 0);
-                i0__namespace.ɵɵpipe(1, "keyvalue");
-            }
-            if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngIf", i0__namespace.ɵɵpipeBind1(1, 1, ctx.language.languages).length);
-            }
-        }, directives: [i2__namespace.NgIf, i3__namespace$1.MatFormField, i4__namespace$1.MatSelect, i5__namespace.NgControlStatus, i5__namespace.NgModel, i2__namespace.NgForOf, i6__namespace.MatOption], pipes: [i2__namespace.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__namespace.ɵsetClassMetadata(LanguageSelectorComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: 'rxap-language-selector',
-                        templateUrl: './language-selector.component.html',
-                        styleUrls: ['./language-selector.component.scss'],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                        host: { class: 'rxap-language-selector' },
-                    }]
-            }], function () { return [{ type: LanguageSelectorService }]; }, null);
-    })();
-
-    function AppsButtonComponent_ng_template_0_ng_template_4_li_2_a_1_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "a", 9);
-            i0__namespace.ɵɵelementStart(1, "span", 10);
-            i0__namespace.ɵɵelement(2, "img", 11);
-            i0__namespace.ɵɵelementStart(3, "span");
-            i0__namespace.ɵɵtext(4);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var item_r4 = i0__namespace.ɵɵnextContext().$implicit;
-            i0__namespace.ɵɵproperty("href", item_r4.href, i0__namespace.ɵɵsanitizeUrl);
-            i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵproperty("src", item_r4.image, i0__namespace.ɵɵsanitizeUrl);
-            i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate(item_r4.label);
-        }
-    }
-    var _c0$5 = function (a0) { return { empty: a0 }; };
-    function AppsButtonComponent_ng_template_0_ng_template_4_li_2_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "li", 7);
-            i0__namespace.ɵɵtemplate(1, AppsButtonComponent_ng_template_0_ng_template_4_li_2_a_1_Template, 5, 3, "a", 8);
-            i0__namespace.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var item_r4 = ctx.$implicit;
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(2, _c0$5, item_r4.empty));
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", !item_r4.empty);
-        }
-    }
-    var _c1$4 = function (a0) { return { columns: a0 }; };
-    function AppsButtonComponent_ng_template_0_ng_template_4_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div", 4);
-            i0__namespace.ɵɵelementStart(1, "ul", 5);
-            i0__namespace.ɵɵtemplate(2, AppsButtonComponent_ng_template_0_ng_template_4_li_2_Template, 2, 4, "li", 6);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r2 = i0__namespace.ɵɵnextContext(2);
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngStyle", i0__namespace.ɵɵpureFunction1(2, _c1$4, ctx_r2.columns));
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngForOf", ctx_r2.gridWithPadding);
-        }
-    }
-    function AppsButtonComponent_ng_template_0_Template(rf, ctx) {
-        if (rf & 1) {
-            var _r8_1 = i0__namespace.ɵɵgetCurrentView();
-            i0__namespace.ɵɵelementStart(0, "button", 1, 2);
-            i0__namespace.ɵɵlistener("click", function AppsButtonComponent_ng_template_0_Template_button_click_0_listener() { i0__namespace.ɵɵrestoreView(_r8_1); var ctx_r7 = i0__namespace.ɵɵnextContext(); return ctx_r7.isOpen = !ctx_r7.isOpen; });
-            i0__namespace.ɵɵelementStart(2, "mat-icon");
-            i0__namespace.ɵɵtext(3, "apps");
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵtemplate(4, AppsButtonComponent_ng_template_0_ng_template_4_Template, 3, 4, "ng-template", 3);
-            i0__namespace.ɵɵlistener("overlayOutsideClick", function AppsButtonComponent_ng_template_0_Template_ng_template_overlayOutsideClick_4_listener() { i0__namespace.ɵɵrestoreView(_r8_1); var ctx_r9 = i0__namespace.ɵɵnextContext(); return ctx_r9.isOpen = false; });
-        }
-        if (rf & 2) {
-            var _r1 = i0__namespace.ɵɵreference(1);
-            var ctx_r0 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵadvance(4);
-            i0__namespace.ɵɵproperty("cdkConnectedOverlayOpen", ctx_r0.isOpen)("cdkConnectedOverlayOrigin", _r1);
-        }
-    }
-    var AppsButtonComponent = /** @class */ (function () {
-        function AppsButtonComponent(grid, config) {
-            var _a;
-            this.config = config;
-            this.isOpen = false;
-            this.grid = [];
-            this.grid = (_a = grid !== null && grid !== void 0 ? grid : this.config.get('navigation.apps')) !== null && _a !== void 0 ? _a : [];
-        }
-        Object.defineProperty(AppsButtonComponent.prototype, "gridWithPadding", {
-            get: function () {
-                var gridWithPadding = this.grid.slice();
-                while (gridWithPadding.length % this.columns !== 0) {
-                    gridWithPadding.push({ empty: true });
-                }
-                return gridWithPadding;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(AppsButtonComponent.prototype, "columns", {
-            get: function () {
-                if (this.grid.length < 4) {
-                    return 1;
-                }
-                if (this.grid.length < 6) {
-                    return 2;
-                }
-                return 3;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return AppsButtonComponent;
-    }());
-    AppsButtonComponent.ɵfac = function AppsButtonComponent_Factory(t) { return new (t || AppsButtonComponent)(i0__namespace.ɵɵdirectiveInject(RXAP_LAYOUT_APPS_GRID, 8), i0__namespace.ɵɵdirectiveInject(i1$1.ConfigService)); };
-    AppsButtonComponent.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: AppsButtonComponent, selectors: [["rxap-apps-button"]], hostAttrs: [1, "rxap-apps-button"], decls: 1, vars: 1, consts: [[3, "ngIf"], ["cdkOverlayOrigin", "", "mat-icon-button", "", 3, "click"], ["trigger", "cdkOverlayOrigin"], ["cdkConnectedOverlay", "", 3, "cdkConnectedOverlayOpen", "cdkConnectedOverlayOrigin", "overlayOutsideClick"], [1, "grid-container"], [1, "grid", 3, "ngStyle"], [3, "ngClass", 4, "ngFor", "ngForOf"], [3, "ngClass"], [3, "href", 4, "ngIf"], [3, "href"], ["fxLayout", "column", "fxLayoutAlign", "start center", "fxLayoutGap", "12px"], ["width", "53px", 3, "src"]], template: function AppsButtonComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0__namespace.ɵɵtemplate(0, AppsButtonComponent_ng_template_0_Template, 5, 2, "ng-template", 0);
-            }
-            if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngIf", ctx.grid && ctx.grid.length);
-            }
-        }, directives: [i2__namespace.NgIf, i1__namespace$2.MatButton, i3__namespace$2.CdkOverlayOrigin, i3__namespace$3.MatIcon, i3__namespace$2.CdkConnectedOverlay, i2__namespace$1.DefaultStyleDirective, i2__namespace.NgStyle, i2__namespace.NgForOf, i2__namespace$1.DefaultClassDirective, i2__namespace.NgClass, i1__namespace$3.DefaultLayoutDirective, i1__namespace$3.DefaultLayoutAlignDirective, i1__namespace$3.DefaultLayoutGapDirective], styles: [".grid-container[_ngcontent-%COMP%]{padding:8px;border:1px solid rgba(0,0,0,.2);border-radius:8px;box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15)}.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;top:6px;right:6px;left:6px;bottom:6px;text-align:center;text-decoration:none;color:#000}"], changeDetection: 0 });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(AppsButtonComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: 'rxap-apps-button',
-                        templateUrl: './apps-button.component.html',
-                        styleUrls: ['./apps-button.component.scss'],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                        host: { class: 'rxap-apps-button' },
-                    }]
-            }], function () {
-            return [{ type: undefined, decorators: [{
-                            type: i0.Optional
-                        }, {
-                            type: i0.Inject,
-                            args: [RXAP_LAYOUT_APPS_GRID]
-                        }] }, { type: i1__namespace$1.ConfigService, decorators: [{
-                            type: i0.Inject,
-                            args: [i1$1.ConfigService]
-                        }] }];
-        }, null);
-    })();
-
-    var SignOutComponent = /** @class */ (function () {
-        function SignOutComponent(router) {
-            this.router = router;
-        }
-        SignOutComponent.prototype.redirectToRoot = function () {
-            this.router.navigate(['/']);
-        };
-        return SignOutComponent;
-    }());
-    SignOutComponent.ɵfac = function SignOutComponent_Factory(t) { return new (t || SignOutComponent)(i0__namespace.ɵɵdirectiveInject(i1$4.Router)); };
-    SignOutComponent.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: SignOutComponent, selectors: [["rxap-sign-out"]], hostAttrs: [1, "rxap-sign-out"], decls: 3, vars: 0, consts: [["rxapSignOut", "", "mat-icon-button", "", 3, "successful"]], template: function SignOutComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0__namespace.ɵɵelementStart(0, "button", 0);
-                i0__namespace.ɵɵlistener("successful", function SignOutComponent_Template_button_successful_0_listener() { return ctx.redirectToRoot(); });
-                i0__namespace.ɵɵelementStart(1, "mat-icon");
-                i0__namespace.ɵɵtext(2, "login");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-            }
-        }, directives: [i1__namespace$2.MatButton, i2__namespace$2.SignOutDirective, i3__namespace$3.MatIcon], styles: [""], changeDetection: 0 });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(SignOutComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: 'rxap-sign-out',
-                        templateUrl: './sign-out.component.html',
-                        styleUrls: ['./sign-out.component.scss'],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                        host: { class: 'rxap-sign-out' }
-                    }]
-            }], function () {
-            return [{ type: i1__namespace$4.Router, decorators: [{
-                            type: i0.Inject,
-                            args: [i1$4.Router]
-                        }] }];
-        }, null);
-    })();
-
-    function NavigationProgressBarComponent_mat_progress_bar_0_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelement(0, "mat-progress-bar", 1);
-        }
-    }
-    var NavigationProgressBarComponent = /** @class */ (function () {
-        function NavigationProgressBarComponent(router) {
-            this.router = router;
-            this.navigating$ = this.router.events.pipe(operators.filter(function (event) { return event instanceof i1$4.NavigationStart ||
-                event instanceof i1$4.NavigationEnd ||
-                event instanceof i1$4.NavigationCancel; }), operators.map(function (event) { return event instanceof i1$4.NavigationStart; }));
-        }
-        return NavigationProgressBarComponent;
-    }());
-    NavigationProgressBarComponent.ɵfac = function NavigationProgressBarComponent_Factory(t) { return new (t || NavigationProgressBarComponent)(i0__namespace.ɵɵdirectiveInject(i1$4.Router)); };
-    NavigationProgressBarComponent.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: NavigationProgressBarComponent, selectors: [["rxap-navigation-progress-bar"]], hostAttrs: [1, "rxap-navigation-progress-bar"], decls: 2, vars: 3, consts: [["mode", "indeterminate", "color", "accent", 4, "ngIf"], ["mode", "indeterminate", "color", "accent"]], template: function NavigationProgressBarComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0__namespace.ɵɵtemplate(0, NavigationProgressBarComponent_mat_progress_bar_0_Template, 1, 0, "mat-progress-bar", 0);
-                i0__namespace.ɵɵpipe(1, "async");
-            }
-            if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngIf", i0__namespace.ɵɵpipeBind1(1, 1, ctx.navigating$));
-            }
-        }, directives: [i2__namespace.NgIf, i2__namespace$3.MatProgressBar], pipes: [i2__namespace.AsyncPipe], styles: [""], changeDetection: 0 });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(NavigationProgressBarComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: 'rxap-navigation-progress-bar',
-                        templateUrl: './navigation-progress-bar.component.html',
-                        styleUrls: ['./navigation-progress-bar.component.scss'],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                        host: { class: 'rxap-navigation-progress-bar' }
-                    }]
-            }], function () {
-            return [{ type: i1__namespace$4.Router, decorators: [{
-                            type: i0.Inject,
-                            args: [i1$4.Router]
-                        }] }];
-        }, null);
-    })();
-
-    /*! *****************************************************************************
-    Copyright (c) Microsoft Corporation.
-
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */
-    /* global Reflect, Promise */
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b)
-                if (Object.prototype.hasOwnProperty.call(b, p))
-                    d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    function __extends(d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    }
-    var __assign = function () {
-        __assign = Object.assign || function __assign(t) {
-            for (var s, i = 1, n = arguments.length; i < n; i++) {
-                s = arguments[i];
-                for (var p in s)
-                    if (Object.prototype.hasOwnProperty.call(s, p))
-                        t[p] = s[p];
-            }
-            return t;
-        };
-        return __assign.apply(this, arguments);
-    };
-    function __rest(s, e) {
-        var t = {};
-        for (var p in s)
-            if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-                t[p] = s[p];
-        if (s != null && typeof Object.getOwnPropertySymbols === "function")
-            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                    t[p[i]] = s[p[i]];
-            }
-        return t;
-    }
-    function __decorate(decorators, target, key, desc) {
-        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-        if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-            r = Reflect.decorate(decorators, target, key, desc);
-        else
-            for (var i = decorators.length - 1; i >= 0; i--)
-                if (d = decorators[i])
-                    r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-        return c > 3 && r && Object.defineProperty(target, key, r), r;
-    }
-    function __param(paramIndex, decorator) {
-        return function (target, key) { decorator(target, key, paramIndex); };
-    }
-    function __metadata(metadataKey, metadataValue) {
-        if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
-            return Reflect.metadata(metadataKey, metadataValue);
-    }
-    function __awaiter(thisArg, _arguments, P, generator) {
-        function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-        return new (P || (P = Promise))(function (resolve, reject) {
-            function fulfilled(value) { try {
-                step(generator.next(value));
-            }
-            catch (e) {
-                reject(e);
-            } }
-            function rejected(value) { try {
-                step(generator["throw"](value));
-            }
-            catch (e) {
-                reject(e);
-            } }
-            function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-            step((generator = generator.apply(thisArg, _arguments || [])).next());
-        });
-    }
-    function __generator(thisArg, body) {
-        var _ = { label: 0, sent: function () { if (t[0] & 1)
-                throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-        return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
-        function verb(n) { return function (v) { return step([n, v]); }; }
-        function step(op) {
-            if (f)
-                throw new TypeError("Generator is already executing.");
-            while (_)
-                try {
-                    if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
-                        return t;
-                    if (y = 0, t)
-                        op = [op[0] & 2, t.value];
-                    switch (op[0]) {
-                        case 0:
-                        case 1:
-                            t = op;
-                            break;
-                        case 4:
-                            _.label++;
-                            return { value: op[1], done: false };
-                        case 5:
-                            _.label++;
-                            y = op[1];
-                            op = [0];
-                            continue;
-                        case 7:
-                            op = _.ops.pop();
-                            _.trys.pop();
-                            continue;
-                        default:
-                            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-                                _ = 0;
-                                continue;
-                            }
-                            if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
-                                _.label = op[1];
-                                break;
-                            }
-                            if (op[0] === 6 && _.label < t[1]) {
-                                _.label = t[1];
-                                t = op;
-                                break;
-                            }
-                            if (t && _.label < t[2]) {
-                                _.label = t[2];
-                                _.ops.push(op);
-                                break;
-                            }
-                            if (t[2])
-                                _.ops.pop();
-                            _.trys.pop();
-                            continue;
-                    }
-                    op = body.call(thisArg, _);
-                }
-                catch (e) {
-                    op = [6, e];
-                    y = 0;
-                }
-                finally {
-                    f = t = 0;
-                }
-            if (op[0] & 5)
-                throw op[1];
-            return { value: op[0] ? op[1] : void 0, done: true };
-        }
-    }
-    var __createBinding = Object.create ? (function (o, m, k, k2) {
-        if (k2 === undefined)
-            k2 = k;
-        Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
-    }) : (function (o, m, k, k2) {
-        if (k2 === undefined)
-            k2 = k;
-        o[k2] = m[k];
-    });
-    function __exportStar(m, o) {
-        for (var p in m)
-            if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
-                __createBinding(o, m, p);
-    }
-    function __values(o) {
-        var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-        if (m)
-            return m.call(o);
-        if (o && typeof o.length === "number")
-            return {
-                next: function () {
-                    if (o && i >= o.length)
-                        o = void 0;
-                    return { value: o && o[i++], done: !o };
-                }
-            };
-        throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-    }
-    function __read(o, n) {
-        var m = typeof Symbol === "function" && o[Symbol.iterator];
-        if (!m)
-            return o;
-        var i = m.call(o), r, ar = [], e;
-        try {
-            while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
-                ar.push(r.value);
-        }
-        catch (error) {
-            e = { error: error };
-        }
-        finally {
-            try {
-                if (r && !r.done && (m = i["return"]))
-                    m.call(i);
-            }
-            finally {
-                if (e)
-                    throw e.error;
-            }
-        }
-        return ar;
-    }
-    /** @deprecated */
-    function __spread() {
-        for (var ar = [], i = 0; i < arguments.length; i++)
-            ar = ar.concat(__read(arguments[i]));
-        return ar;
-    }
-    /** @deprecated */
-    function __spreadArrays() {
-        for (var s = 0, i = 0, il = arguments.length; i < il; i++)
-            s += arguments[i].length;
-        for (var r = Array(s), k = 0, i = 0; i < il; i++)
-            for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-                r[k] = a[j];
-        return r;
-    }
-    function __spreadArray(to, from) {
-        for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-            to[j] = from[i];
-        return to;
-    }
-    function __await(v) {
-        return this instanceof __await ? (this.v = v, this) : new __await(v);
-    }
-    function __asyncGenerator(thisArg, _arguments, generator) {
-        if (!Symbol.asyncIterator)
-            throw new TypeError("Symbol.asyncIterator is not defined.");
-        var g = generator.apply(thisArg, _arguments || []), i, q = [];
-        return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
-        function verb(n) { if (g[n])
-            i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
-        function resume(n, v) { try {
-            step(g[n](v));
-        }
-        catch (e) {
-            settle(q[0][3], e);
-        } }
-        function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
-        function fulfill(value) { resume("next", value); }
-        function reject(value) { resume("throw", value); }
-        function settle(f, v) { if (f(v), q.shift(), q.length)
-            resume(q[0][0], q[0][1]); }
-    }
-    function __asyncDelegator(o) {
-        var i, p;
-        return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
-        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
-    }
-    function __asyncValues(o) {
-        if (!Symbol.asyncIterator)
-            throw new TypeError("Symbol.asyncIterator is not defined.");
-        var m = o[Symbol.asyncIterator], i;
-        return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
-        function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
-        function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
-    }
-    function __makeTemplateObject(cooked, raw) {
-        if (Object.defineProperty) {
-            Object.defineProperty(cooked, "raw", { value: raw });
-        }
-        else {
-            cooked.raw = raw;
-        }
-        return cooked;
-    }
-    ;
-    var __setModuleDefault = Object.create ? (function (o, v) {
-        Object.defineProperty(o, "default", { enumerable: true, value: v });
-    }) : function (o, v) {
-        o["default"] = v;
-    };
-    function __importStar(mod) {
-        if (mod && mod.__esModule)
-            return mod;
-        var result = {};
-        if (mod != null)
-            for (var k in mod)
-                if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
-                    __createBinding(result, mod, k);
-        __setModuleDefault(result, mod);
-        return result;
-    }
-    function __importDefault(mod) {
-        return (mod && mod.__esModule) ? mod : { default: mod };
-    }
-    function __classPrivateFieldGet(receiver, state, kind, f) {
-        if (kind === "a" && !f)
-            throw new TypeError("Private accessor was defined without a getter");
-        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-            throw new TypeError("Cannot read private member from an object whose class did not declare it");
-        return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-    }
-    function __classPrivateFieldSet(receiver, state, value, kind, f) {
-        if (kind === "m")
-            throw new TypeError("Private method is not writable");
-        if (kind === "a" && !f)
-            throw new TypeError("Private accessor was defined without a setter");
-        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-            throw new TypeError("Cannot write private member to an object whose class did not declare it");
-        return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-    }
-
-    function SidenavToggleButtonComponent_mat_icon_1_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "mat-icon");
-            i0__namespace.ɵɵtext(1, "menu");
-            i0__namespace.ɵɵelementEnd();
-        }
-    }
-    function SidenavToggleButtonComponent_mat_icon_2_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "mat-icon");
-            i0__namespace.ɵɵtext(1, "menu_open");
-            i0__namespace.ɵɵelementEnd();
-        }
-    }
-    var SidenavToggleButtonComponent = /** @class */ (function () {
-        function SidenavToggleButtonComponent() {
-        }
-        return SidenavToggleButtonComponent;
-    }());
-    SidenavToggleButtonComponent.ɵfac = function SidenavToggleButtonComponent_Factory(t) { return new (t || SidenavToggleButtonComponent)(); };
-    SidenavToggleButtonComponent.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: SidenavToggleButtonComponent, selectors: [["rxap-sidenav-toggle-button"]], hostAttrs: [1, "rxap-sidenav-toggle-button"], inputs: { sidenav: "sidenav" }, decls: 3, vars: 2, consts: [["mat-icon-button", "", 3, "click"], [4, "ngIf"]], template: function SidenavToggleButtonComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0__namespace.ɵɵelementStart(0, "button", 0);
-                i0__namespace.ɵɵlistener("click", function SidenavToggleButtonComponent_Template_button_click_0_listener() { return ctx.sidenav.toggle(); });
-                i0__namespace.ɵɵtemplate(1, SidenavToggleButtonComponent_mat_icon_1_Template, 2, 0, "mat-icon", 1);
-                i0__namespace.ɵɵtemplate(2, SidenavToggleButtonComponent_mat_icon_2_Template, 2, 0, "mat-icon", 1);
-                i0__namespace.ɵɵelementEnd();
-            }
-            if (rf & 2) {
-                i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngIf", !ctx.sidenav.opened);
-                i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngIf", ctx.sidenav.opened);
-            }
-        }, directives: [i1__namespace$2.MatButton, i2__namespace.NgIf, i3__namespace$3.MatIcon], styles: [""], changeDetection: 0 });
-    __decorate([
-        utilities.Required,
-        __metadata("design:type", i3$4.MatSidenav)
-    ], SidenavToggleButtonComponent.prototype, "sidenav", void 0);
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(SidenavToggleButtonComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: 'rxap-sidenav-toggle-button',
-                        templateUrl: './sidenav-toggle-button.component.html',
-                        styleUrls: ['./sidenav-toggle-button.component.scss'],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                        host: { class: 'rxap-sidenav-toggle-button' }
-                    }]
-            }], null, { sidenav: [{
-                    type: i0.Input
-                }] });
-    })();
-
-    function UserProfileIconComponent_ng_template_5_button_0_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "button", 5);
-            i0__namespace.ɵɵelementStart(1, "mat-icon");
-            i0__namespace.ɵɵtext(2, "person");
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(3, "span");
-            i0__namespace.ɵɵtext(4);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var user_r2 = i0__namespace.ɵɵnextContext().$implicit;
-            i0__namespace.ɵɵadvance(4);
-            i0__namespace.ɵɵtextInterpolate2("", user_r2.firstname, " ", user_r2.lastname, "");
-        }
-    }
-    function UserProfileIconComponent_ng_template_5_button_1_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "button", 5);
-            i0__namespace.ɵɵelementStart(1, "mat-icon");
-            i0__namespace.ɵɵtext(2, "person");
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(3, "span");
-            i0__namespace.ɵɵtext(4);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var user_r2 = i0__namespace.ɵɵnextContext().$implicit;
-            i0__namespace.ɵɵadvance(4);
-            i0__namespace.ɵɵtextInterpolate(user_r2.name);
-        }
-    }
-    function UserProfileIconComponent_ng_template_5_button_2_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "button", 5);
-            i0__namespace.ɵɵelementStart(1, "mat-icon");
-            i0__namespace.ɵɵtext(2, "account_circle");
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(3, "span");
-            i0__namespace.ɵɵtext(4);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var user_r2 = i0__namespace.ɵɵnextContext().$implicit;
-            i0__namespace.ɵɵadvance(4);
-            i0__namespace.ɵɵtextInterpolate(user_r2.username);
-        }
-    }
-    function UserProfileIconComponent_ng_template_5_button_3_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "button", 5);
-            i0__namespace.ɵɵelementStart(1, "mat-icon");
-            i0__namespace.ɵɵtext(2, "email");
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(3, "span");
-            i0__namespace.ɵɵtext(4);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var user_r2 = i0__namespace.ɵɵnextContext().$implicit;
-            i0__namespace.ɵɵadvance(4);
-            i0__namespace.ɵɵtextInterpolate(user_r2.email);
-        }
-    }
-    function UserProfileIconComponent_ng_template_5_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵtemplate(0, UserProfileIconComponent_ng_template_5_button_0_Template, 5, 2, "button", 4);
-            i0__namespace.ɵɵtemplate(1, UserProfileIconComponent_ng_template_5_button_1_Template, 5, 1, "button", 4);
-            i0__namespace.ɵɵtemplate(2, UserProfileIconComponent_ng_template_5_button_2_Template, 5, 1, "button", 4);
-            i0__namespace.ɵɵtemplate(3, UserProfileIconComponent_ng_template_5_button_3_Template, 5, 1, "button", 4);
-        }
-        if (rf & 2) {
-            var user_r2 = ctx.$implicit;
-            i0__namespace.ɵɵproperty("ngIf", user_r2.firstname && user_r2.lastname);
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", user_r2.name);
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", user_r2.username);
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", user_r2.email);
-        }
-    }
-    var UserProfileIconComponent = /** @class */ (function () {
-        function UserProfileIconComponent(userService) {
-            this.userService = userService;
-            this.userProfileUrl$ = this.userService.user$.pipe(rxjs.isDefined(), operators.map(function (user) { var _a; return (_a = user.photoURL) !== null && _a !== void 0 ? _a : user.avatarUrl; }));
-            this.userName$ = this.userService.user$.pipe(rxjs.isDefined(), operators.map(function (user) {
-                var _a, _b;
-                return (_b = (_a = user.name) !== null && _a !== void 0 ? _a : (user.firstname || user.lastname
-                    ? [user.firstname, user.lastname].join(' ').trim()
-                    : null)) !== null && _b !== void 0 ? _b : user.username;
-            }));
-        }
-        return UserProfileIconComponent;
-    }());
-    UserProfileIconComponent.ɵfac = function UserProfileIconComponent_Factory(t) { return new (t || UserProfileIconComponent)(i0__namespace.ɵɵdirectiveInject(i2$2.UserService)); };
-    UserProfileIconComponent.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: UserProfileIconComponent, selectors: [["rxap-user-profile-icon"]], hostAttrs: [1, "rxap-user-profile-icon"], decls: 7, vars: 11, consts: [["fxLayout", "row", "fxLayoutAlign", "center center", 1, "profile-icon", 3, "matMenuTriggerFor", "rxapAvatarBackgroundImage", "name"], [3, "yPosition"], ["menu", "matMenu"], [3, "ngIf"], ["mat-menu-item", "", 4, "ngIf"], ["mat-menu-item", ""]], template: function UserProfileIconComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0__namespace.ɵɵelement(0, "button", 0);
-                i0__namespace.ɵɵpipe(1, "async");
-                i0__namespace.ɵɵpipe(2, "async");
-                i0__namespace.ɵɵelementStart(3, "mat-menu", 1, 2);
-                i0__namespace.ɵɵtemplate(5, UserProfileIconComponent_ng_template_5_Template, 4, 4, "ng-template", 3);
-                i0__namespace.ɵɵpipe(6, "async");
-                i0__namespace.ɵɵelementEnd();
-            }
-            if (rf & 2) {
-                var _r0 = i0__namespace.ɵɵreference(4);
-                var tmp_2_0 = void 0;
-                i0__namespace.ɵɵproperty("matMenuTriggerFor", _r0)("rxapAvatarBackgroundImage", i0__namespace.ɵɵpipeBind1(1, 5, ctx.userProfileUrl$))("name", (tmp_2_0 = i0__namespace.ɵɵpipeBind1(2, 7, ctx.userName$)) !== null && tmp_2_0 !== undefined ? tmp_2_0 : "");
-                i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵproperty("yPosition", "below");
-                i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵproperty("ngIf", i0__namespace.ɵɵpipeBind1(6, 9, ctx.userService.user$));
-            }
-        }, directives: [i1__namespace$3.DefaultLayoutDirective, i1__namespace$3.DefaultLayoutAlignDirective, i2__namespace$4.MatMenuTrigger, i3__namespace$4.AvatarBackgroundImageDirective, i2__namespace$4.MatMenu, i2__namespace.NgIf, i2__namespace$4.MatMenuItem, i3__namespace$3.MatIcon], pipes: [i2__namespace.AsyncPipe], styles: [".profile-icon[_ngcontent-%COMP%]{border-radius:100%;border:none;height:32px;width:32px;overflow:hidden;background-position:50%;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__namespace.ɵsetClassMetadata(UserProfileIconComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: 'rxap-user-profile-icon',
-                        templateUrl: './user-profile-icon.component.html',
-                        styleUrls: ['./user-profile-icon.component.scss'],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                        host: { class: 'rxap-user-profile-icon' },
-                    }]
-            }], function () {
-            return [{ type: i2__namespace$2.UserService, decorators: [{
-                            type: i0.Inject,
-                            args: [i2$2.UserService]
-                        }] }];
-        }, null);
-    })();
-
-    function HeaderComponent_mat_toolbar_row_1_ng_container_1_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementContainer(0);
-        }
-    }
-    function HeaderComponent_mat_toolbar_row_1_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "mat-toolbar-row");
-            i0__namespace.ɵɵtemplate(1, HeaderComponent_mat_toolbar_row_1_ng_container_1_Template, 1, 0, "ng-container", 7);
-            i0__namespace.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var headerComponent_r4 = ctx.$implicit;
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngComponentOutlet", headerComponent_r4);
-        }
-    }
-    function HeaderComponent_rxap_sidenav_toggle_button_4_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelement(0, "rxap-sidenav-toggle-button", 8);
-        }
-        if (rf & 2) {
-            var ctx_r1 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵproperty("sidenav", ctx_r1.sidenav);
-        }
-    }
-    function HeaderComponent_rxap_user_profile_icon_9_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelement(0, "rxap-user-profile-icon", 5);
-        }
-    }
-    function HeaderComponent_div_11_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div", 5);
-            i0__namespace.ɵɵelementStart(1, "button", 9);
-            i0__namespace.ɵɵelementStart(2, "mat-icon");
-            i0__namespace.ɵɵtext(3, "settings");
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r3 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("matMenuTriggerFor", ctx_r3.settingsMenuPanel);
-        }
-    }
-    var _c0$4 = function (a0) { return { open: a0 }; };
-    var _c1$3 = ["*"];
-    var HeaderComponent = /** @class */ (function () {
-        function HeaderComponent(headerComponentService, userService, headerComponent) {
-            this.headerComponentService = headerComponentService;
-            this.userService = userService;
-            this.headerComponent = headerComponent;
-            this.components = [];
-            this.subscriptions = new rxjs$1.Subscription();
-            this.color = 'primary';
-            this.hasUser$ = this.userService.user$.pipe(operators.map(Boolean));
-        }
-        HeaderComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            this.updateComponents();
-            this.subscriptions.add(this.headerComponentService.update$
-                .pipe(operators.tap(function () { return _this.updateComponents(); }))
-                .subscribe());
-        };
-        HeaderComponent.prototype.updateComponents = function () {
-            this.components = this.headerComponentService.getComponents();
-        };
-        HeaderComponent.prototype.ngOnDestroy = function () {
-            this.subscriptions.unsubscribe();
-        };
-        return HeaderComponent;
-    }());
-    HeaderComponent.ɵfac = function HeaderComponent_Factory(t) { return new (t || HeaderComponent)(i0__namespace.ɵɵdirectiveInject(i1.HeaderService), i0__namespace.ɵɵdirectiveInject(i2$2.UserService), i0__namespace.ɵɵdirectiveInject(RXAP_HEADER_COMPONENT, 8)); };
-    HeaderComponent.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: HeaderComponent, selectors: [["rxap-header"]], hostAttrs: [1, "rxap-layout-header"], inputs: { sidenav: "sidenav", color: "color", settingsMenuPanel: "settingsMenuPanel" }, ngContentSelectors: _c1$3, decls: 14, vars: 10, consts: [[1, "mat-elevation-z3", 3, "ngClass", "color"], [4, "ngFor", "ngForOf"], ["fxLayout", "row", "fxLayoutAlign", "space-between center", "fxLayoutGap", "16px", 1, "content"], ["fxFlex", "nogrow", 3, "sidenav", 4, "ngIf"], ["fxFlex", "grow"], ["fxFlex", "nogrow"], ["fxFlex", "nogrow", 4, "ngIf"], [4, "ngComponentOutlet"], ["fxFlex", "nogrow", 3, "sidenav"], ["mat-icon-button", "", 3, "matMenuTriggerFor"]], template: function HeaderComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0__namespace.ɵɵprojectionDef();
-                i0__namespace.ɵɵelementStart(0, "mat-toolbar", 0);
-                i0__namespace.ɵɵtemplate(1, HeaderComponent_mat_toolbar_row_1_Template, 2, 1, "mat-toolbar-row", 1);
-                i0__namespace.ɵɵelementStart(2, "mat-toolbar-row");
-                i0__namespace.ɵɵelementStart(3, "div", 2);
-                i0__namespace.ɵɵtemplate(4, HeaderComponent_rxap_sidenav_toggle_button_4_Template, 1, 1, "rxap-sidenav-toggle-button", 3);
-                i0__namespace.ɵɵelementStart(5, "div", 4);
-                i0__namespace.ɵɵprojection(6);
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelement(7, "rxap-language-selector", 5);
-                i0__namespace.ɵɵelement(8, "rxap-apps-button", 5);
-                i0__namespace.ɵɵtemplate(9, HeaderComponent_rxap_user_profile_icon_9_Template, 1, 0, "rxap-user-profile-icon", 6);
-                i0__namespace.ɵɵpipe(10, "async");
-                i0__namespace.ɵɵtemplate(11, HeaderComponent_div_11_Template, 4, 1, "div", 6);
-                i0__namespace.ɵɵelement(12, "rxap-sign-out", 5);
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelement(13, "rxap-navigation-progress-bar");
-            }
-            if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$4, ctx.sidenav == null ? null : ctx.sidenav.opened))("color", ctx.color);
-                i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngForOf", ctx.components);
-                i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵproperty("ngIf", ctx.sidenav);
-                i0__namespace.ɵɵadvance(5);
-                i0__namespace.ɵɵproperty("ngIf", i0__namespace.ɵɵpipeBind1(10, 6, ctx.hasUser$));
-                i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵproperty("ngIf", ctx.settingsMenuPanel);
-            }
-        }, directives: [i3__namespace.MatToolbar, i2__namespace$1.DefaultClassDirective, i2__namespace.NgClass, i2__namespace.NgForOf, i3__namespace.MatToolbarRow, i1__namespace$3.DefaultLayoutDirective, i1__namespace$3.DefaultLayoutAlignDirective, i1__namespace$3.DefaultLayoutGapDirective, i2__namespace.NgIf, i1__namespace$3.DefaultFlexDirective, LanguageSelectorComponent, AppsButtonComponent, SignOutComponent, NavigationProgressBarComponent, i2__namespace.NgComponentOutlet, SidenavToggleButtonComponent, UserProfileIconComponent, i1__namespace$2.MatButton, i2__namespace$4.MatMenuTrigger, i3__namespace$3.MatIcon], pipes: [i2__namespace.AsyncPipe], styles: [".content[_ngcontent-%COMP%]{width:100%;height:64px}"], changeDetection: 0 });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(HeaderComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: 'rxap-header',
-                        templateUrl: './header.component.html',
-                        styleUrls: ['./header.component.scss'],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                        host: {
-                            class: 'rxap-layout-header',
-                        },
-                    }]
-            }], function () {
-            return [{ type: i1__namespace.HeaderService, decorators: [{
-                            type: i0.Inject,
-                            args: [i1.HeaderService]
-                        }] }, { type: i2__namespace$2.UserService, decorators: [{
-                            type: i0.Inject,
-                            args: [i2$2.UserService]
-                        }] }, { type: undefined, decorators: [{
-                            type: i0.Optional
-                        }, {
-                            type: i0.Inject,
-                            args: [RXAP_HEADER_COMPONENT]
-                        }] }];
-        }, { sidenav: [{
-                    type: i0.Input
-                }], color: [{
-                    type: i0.Input
-                }], settingsMenuPanel: [{
-                    type: i0.Input
-                }] });
-    })();
-
-    var SignOutComponentModule = /** @class */ (function () {
-        function SignOutComponentModule() {
-        }
-        return SignOutComponentModule;
-    }());
-    SignOutComponentModule.ɵfac = function SignOutComponentModule_Factory(t) { return new (t || SignOutComponentModule)(); };
-    SignOutComponentModule.ɵmod = /*@__PURE__*/ i0__namespace.ɵɵdefineNgModule({ type: SignOutComponentModule });
-    SignOutComponentModule.ɵinj = /*@__PURE__*/ i0__namespace.ɵɵdefineInjector({ imports: [[
-                i1$2.MatButtonModule,
-                i3$3.MatIconModule,
-                i2$2.SignOutDirectiveModule,
-            ]] });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(SignOutComponentModule, [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [SignOutComponent],
-                        imports: [
-                            i1$2.MatButtonModule,
-                            i3$3.MatIconModule,
-                            i2$2.SignOutDirectiveModule,
-                        ],
-                        exports: [SignOutComponent]
-                    }]
-            }], null, null);
-    })();
-    (function () {
-        (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(SignOutComponentModule, { declarations: [SignOutComponent], imports: [i1$2.MatButtonModule,
-                i3$3.MatIconModule,
-                i2$2.SignOutDirectiveModule], exports: [SignOutComponent] });
-    })();
-
-    var UserProfileIconComponentModule = /** @class */ (function () {
-        function UserProfileIconComponentModule() {
-        }
-        return UserProfileIconComponentModule;
-    }());
-    UserProfileIconComponentModule.ɵfac = function UserProfileIconComponentModule_Factory(t) { return new (t || UserProfileIconComponentModule)(); };
-    UserProfileIconComponentModule.ɵmod = /*@__PURE__*/ i0__namespace.ɵɵdefineNgModule({ type: UserProfileIconComponentModule });
-    UserProfileIconComponentModule.ɵinj = /*@__PURE__*/ i0__namespace.ɵɵdefineInjector({ imports: [[
-                i2$4.MatMenuModule,
-                i3$3.MatIconModule,
-                i2.CommonModule,
-                flexLayout.FlexLayoutModule,
-                i3$5.AvatarBackgroundImageDirectiveModule,
-            ]] });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(UserProfileIconComponentModule, [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [UserProfileIconComponent],
-                        imports: [
-                            i2$4.MatMenuModule,
-                            i3$3.MatIconModule,
-                            i2.CommonModule,
-                            flexLayout.FlexLayoutModule,
-                            i3$5.AvatarBackgroundImageDirectiveModule,
-                        ],
-                        exports: [UserProfileIconComponent]
-                    }]
-            }], null, null);
-    })();
-    (function () {
-        (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(UserProfileIconComponentModule, { declarations: [UserProfileIconComponent], imports: [i2$4.MatMenuModule,
-                i3$3.MatIconModule,
-                i2.CommonModule,
-                flexLayout.FlexLayoutModule,
-                i3$5.AvatarBackgroundImageDirectiveModule], exports: [UserProfileIconComponent] });
-    })();
-
-    var NavigationProgressBarComponentModule = /** @class */ (function () {
-        function NavigationProgressBarComponentModule() {
-        }
-        return NavigationProgressBarComponentModule;
-    }());
-    NavigationProgressBarComponentModule.ɵfac = function NavigationProgressBarComponentModule_Factory(t) { return new (t || NavigationProgressBarComponentModule)(); };
-    NavigationProgressBarComponentModule.ɵmod = /*@__PURE__*/ i0__namespace.ɵɵdefineNgModule({ type: NavigationProgressBarComponentModule });
-    NavigationProgressBarComponentModule.ɵinj = /*@__PURE__*/ i0__namespace.ɵɵdefineInjector({ imports: [[
-                i2$3.MatProgressBarModule,
-                i2.CommonModule
-            ]] });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(NavigationProgressBarComponentModule, [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [NavigationProgressBarComponent],
-                        imports: [
-                            i2$3.MatProgressBarModule,
-                            i2.CommonModule
-                        ],
-                        exports: [NavigationProgressBarComponent]
-                    }]
-            }], null, null);
-    })();
-    (function () {
-        (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(NavigationProgressBarComponentModule, { declarations: [NavigationProgressBarComponent], imports: [i2$3.MatProgressBarModule,
-                i2.CommonModule], exports: [NavigationProgressBarComponent] });
-    })();
-
-    var SidenavToggleButtonComponentModule = /** @class */ (function () {
-        function SidenavToggleButtonComponentModule() {
-        }
-        return SidenavToggleButtonComponentModule;
-    }());
-    SidenavToggleButtonComponentModule.ɵfac = function SidenavToggleButtonComponentModule_Factory(t) { return new (t || SidenavToggleButtonComponentModule)(); };
-    SidenavToggleButtonComponentModule.ɵmod = /*@__PURE__*/ i0__namespace.ɵɵdefineNgModule({ type: SidenavToggleButtonComponentModule });
-    SidenavToggleButtonComponentModule.ɵinj = /*@__PURE__*/ i0__namespace.ɵɵdefineInjector({ imports: [[
-                i3$3.MatIconModule,
-                i2.CommonModule,
-                i1$2.MatButtonModule
-            ]] });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(SidenavToggleButtonComponentModule, [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [SidenavToggleButtonComponent],
-                        imports: [
-                            i3$3.MatIconModule,
-                            i2.CommonModule,
-                            i1$2.MatButtonModule
-                        ],
-                        exports: [SidenavToggleButtonComponent]
-                    }]
-            }], null, null);
-    })();
-    (function () {
-        (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(SidenavToggleButtonComponentModule, { declarations: [SidenavToggleButtonComponent], imports: [i3$3.MatIconModule,
-                i2.CommonModule,
-                i1$2.MatButtonModule], exports: [SidenavToggleButtonComponent] });
-    })();
-
-    var ResetButtonComponent = /** @class */ (function () {
-        function ResetButtonComponent(resetService) {
-            this.resetService = resetService;
-        }
-        return ResetButtonComponent;
-    }());
-    ResetButtonComponent.ɵfac = function ResetButtonComponent_Factory(t) { return new (t || ResetButtonComponent)(i0__namespace.ɵɵdirectiveInject(i1.ResetService)); };
-    ResetButtonComponent.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: ResetButtonComponent, selectors: [["rxap-reset-button"]], hostAttrs: [1, "rxap-reset-button"], decls: 3, vars: 0, consts: [["mat-icon-button", "", 3, "click"]], template: function ResetButtonComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0__namespace.ɵɵelementStart(0, "button", 0);
-                i0__namespace.ɵɵlistener("click", function ResetButtonComponent_Template_button_click_0_listener() { return ctx.resetService.resetAll(); });
-                i0__namespace.ɵɵelementStart(1, "mat-icon");
-                i0__namespace.ɵɵtext(2, "refresh");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-            }
-        }, directives: [i1__namespace$2.MatButton, i3__namespace$3.MatIcon], styles: [""], changeDetection: 0 });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(ResetButtonComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: 'rxap-reset-button',
-                        templateUrl: './reset-button.component.html',
-                        styleUrls: ['./reset-button.component.scss'],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                        host: { class: 'rxap-reset-button' },
-                    }]
-            }], function () {
-            return [{ type: i1__namespace.ResetService, decorators: [{
-                            type: i0.Inject,
-                            args: [i1.ResetService]
-                        }] }];
-        }, null);
-    })();
-
-    var ResetButtonComponentModule = /** @class */ (function () {
-        function ResetButtonComponentModule() {
-        }
-        return ResetButtonComponentModule;
-    }());
-    ResetButtonComponentModule.ɵfac = function ResetButtonComponentModule_Factory(t) { return new (t || ResetButtonComponentModule)(); };
-    ResetButtonComponentModule.ɵmod = /*@__PURE__*/ i0__namespace.ɵɵdefineNgModule({ type: ResetButtonComponentModule });
-    ResetButtonComponentModule.ɵinj = /*@__PURE__*/ i0__namespace.ɵɵdefineInjector({ imports: [[
-                i3$3.MatIconModule,
-                i1$2.MatButtonModule
-            ]] });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(ResetButtonComponentModule, [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [ResetButtonComponent],
-                        imports: [
-                            i3$3.MatIconModule,
-                            i1$2.MatButtonModule
-                        ],
-                        exports: [ResetButtonComponent]
-                    }]
-            }], null, null);
-    })();
-    (function () {
-        (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(ResetButtonComponentModule, { declarations: [ResetButtonComponent], imports: [i3$3.MatIconModule,
-                i1$2.MatButtonModule], exports: [ResetButtonComponent] });
-    })();
-
-    var AppsButtonComponentModule = /** @class */ (function () {
-        function AppsButtonComponentModule() {
-        }
-        return AppsButtonComponentModule;
-    }());
-    AppsButtonComponentModule.ɵfac = function AppsButtonComponentModule_Factory(t) { return new (t || AppsButtonComponentModule)(); };
-    AppsButtonComponentModule.ɵmod = /*@__PURE__*/ i0__namespace.ɵɵdefineNgModule({ type: AppsButtonComponentModule });
-    AppsButtonComponentModule.ɵinj = /*@__PURE__*/ i0__namespace.ɵɵdefineInjector({ imports: [[
-                i1$2.MatButtonModule,
-                i3$3.MatIconModule,
-                gridList.MatGridListModule,
-                i3$2.OverlayModule,
-                flexLayout.FlexLayoutModule,
-                i2.CommonModule,
-                i1$4.RouterModule
-            ]] });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(AppsButtonComponentModule, [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [AppsButtonComponent],
-                        imports: [
-                            i1$2.MatButtonModule,
-                            i3$3.MatIconModule,
-                            gridList.MatGridListModule,
-                            i3$2.OverlayModule,
-                            flexLayout.FlexLayoutModule,
-                            i2.CommonModule,
-                            i1$4.RouterModule
-                        ],
-                        exports: [AppsButtonComponent]
-                    }]
-            }], null, null);
-    })();
-    (function () {
-        (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(AppsButtonComponentModule, { declarations: [AppsButtonComponent], imports: [i1$2.MatButtonModule,
-                i3$3.MatIconModule,
-                gridList.MatGridListModule,
-                i3$2.OverlayModule,
-                flexLayout.FlexLayoutModule,
-                i2.CommonModule,
-                i1$4.RouterModule], exports: [AppsButtonComponent] });
-    })();
-
-    var LanguageSelectorComponentModule = /** @class */ (function () {
-        function LanguageSelectorComponentModule() {
-        }
-        return LanguageSelectorComponentModule;
-    }());
-    LanguageSelectorComponentModule.ɵfac = function LanguageSelectorComponentModule_Factory(t) { return new (t || LanguageSelectorComponentModule)(); };
-    LanguageSelectorComponentModule.ɵmod = /*@__PURE__*/ i0__namespace.ɵɵdefineNgModule({ type: LanguageSelectorComponentModule });
-    LanguageSelectorComponentModule.ɵinj = /*@__PURE__*/ i0__namespace.ɵɵdefineInjector({ imports: [[
-                i4$1.MatSelectModule,
-                i2.CommonModule,
-                i5.FormsModule
-            ]] });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(LanguageSelectorComponentModule, [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [LanguageSelectorComponent],
-                        imports: [
-                            i4$1.MatSelectModule,
-                            i2.CommonModule,
-                            i5.FormsModule
-                        ],
-                        exports: [LanguageSelectorComponent]
-                    }]
-            }], null, null);
-    })();
-    (function () {
-        (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(LanguageSelectorComponentModule, { declarations: [LanguageSelectorComponent], imports: [i4$1.MatSelectModule,
-                i2.CommonModule,
-                i5.FormsModule], exports: [LanguageSelectorComponent] });
-    })();
-
-    var HeaderModule = /** @class */ (function () {
-        function HeaderModule() {
-        }
-        return HeaderModule;
-    }());
-    HeaderModule.ɵfac = function HeaderModule_Factory(t) { return new (t || HeaderModule)(); };
-    HeaderModule.ɵmod = /*@__PURE__*/ i0__namespace.ɵɵdefineNgModule({ type: HeaderModule });
-    HeaderModule.ɵinj = /*@__PURE__*/ i0__namespace.ɵɵdefineInjector({ imports: [[
-                i3.MatToolbarModule,
-                SignOutComponentModule,
-                UserProfileIconComponentModule,
-                NavigationProgressBarComponentModule,
-                SidenavToggleButtonComponentModule,
-                ResetButtonComponentModule,
-                flexLayout.FlexLayoutModule,
-                i2.CommonModule,
-                i1$2.MatButtonModule,
-                i3$3.MatIconModule,
-                i2$4.MatMenuModule,
-                AppsButtonComponentModule,
-                LanguageSelectorComponentModule
-            ]] });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(HeaderModule, [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [HeaderComponent],
-                        imports: [
-                            i3.MatToolbarModule,
-                            SignOutComponentModule,
-                            UserProfileIconComponentModule,
-                            NavigationProgressBarComponentModule,
-                            SidenavToggleButtonComponentModule,
-                            ResetButtonComponentModule,
-                            flexLayout.FlexLayoutModule,
-                            i2.CommonModule,
-                            i1$2.MatButtonModule,
-                            i3$3.MatIconModule,
-                            i2$4.MatMenuModule,
-                            AppsButtonComponentModule,
-                            LanguageSelectorComponentModule
-                        ],
-                        exports: [HeaderComponent]
-                    }]
-            }], null, null);
-    })();
-    (function () {
-        (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(HeaderModule, { declarations: [HeaderComponent], imports: [i3.MatToolbarModule,
-                SignOutComponentModule,
-                UserProfileIconComponentModule,
-                NavigationProgressBarComponentModule,
-                SidenavToggleButtonComponentModule,
-                ResetButtonComponentModule,
-                flexLayout.FlexLayoutModule,
-                i2.CommonModule,
-                i1$2.MatButtonModule,
-                i3$3.MatIconModule,
-                i2$4.MatMenuModule,
-                AppsButtonComponentModule,
-                LanguageSelectorComponentModule], exports: [HeaderComponent] });
-    })();
-
-    var LayoutComponentService = /** @class */ (function () {
-        function LayoutComponentService(footerComponentService, headerComponentService, logoConfig, config) {
-            var _this = this;
-            if (logoConfig === void 0) { logoConfig = null; }
-            this.footerComponentService = footerComponentService;
-            this.headerComponentService = headerComponentService;
-            this.config = config;
-            this.opened$ = new rxjs$1.BehaviorSubject(true);
-            this.mode$ = new rxjs$1.BehaviorSubject('side');
-            this.fixedTopGap$ = new rxjs$1.BehaviorSubject(64);
-            this.mode$.next(this.config.get('navigation.mode', this.mode$.value));
-            this.opened$.next(this.config.get('navigation.open', this.opened$.value));
-            this.fixedBottomGap$ = this.footerComponentService.portalCount$.pipe(operators.map(function (count) { return count * 64; }));
-            this.fixedTopGap$.next(this.headerComponentService.countComponent * 64);
-            this.headerComponentService.update$.pipe(operators.tap(function () { return _this.fixedTopGap$.next(_this.headerComponentService.countComponent * 64); })).subscribe();
-            this.logo = logoConfig !== null && logoConfig !== void 0 ? logoConfig : {
-                src: '/assets/logo.png',
-                width: '192'
-            };
-        }
-        return LayoutComponentService;
-    }());
-    LayoutComponentService.ɵfac = function LayoutComponentService_Factory(t) { return new (t || LayoutComponentService)(i0__namespace.ɵɵinject(i1__namespace.FooterService), i0__namespace.ɵɵinject(i1__namespace.HeaderService), i0__namespace.ɵɵinject(RXAP_LOGO_CONFIG, 8), i0__namespace.ɵɵinject(i1$1.ConfigService)); };
-    LayoutComponentService.ɵprov = /*@__PURE__*/ i0__namespace.ɵɵdefineInjectable({ token: LayoutComponentService, factory: LayoutComponentService.ɵfac, providedIn: 'root' });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(LayoutComponentService, [{
-                type: i0.Injectable,
-                args: [{ providedIn: 'root' }]
-            }], function () {
-            return [{ type: i1__namespace.FooterService }, { type: i1__namespace.HeaderService }, { type: undefined, decorators: [{
-                            type: i0.Optional
-                        }, {
-                            type: i0.Inject,
-                            args: [RXAP_LOGO_CONFIG]
-                        }] }, { type: i1__namespace$1.ConfigService, decorators: [{
-                            type: i0.Inject,
-                            args: [i1$1.ConfigService]
-                        }] }];
-        }, null);
-    })();
-
-    var SidenavFooterDirective = /** @class */ (function () {
-        function SidenavFooterDirective(template) {
-            this.template = template;
-        }
-        return SidenavFooterDirective;
-    }());
-    SidenavFooterDirective.ɵfac = function SidenavFooterDirective_Factory(t) { return new (t || SidenavFooterDirective)(i0__namespace.ɵɵdirectiveInject(i0.TemplateRef)); };
-    SidenavFooterDirective.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: SidenavFooterDirective, selectors: [["", "rxapSidenavFooter", ""]] });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(SidenavFooterDirective, [{
-                type: i0.Directive,
-                args: [{
-                        selector: '[rxapSidenavFooter]',
-                    }]
-            }], function () {
-            return [{ type: i0__namespace.TemplateRef, decorators: [{
-                            type: i0.Inject,
-                            args: [i0.TemplateRef]
-                        }] }];
-        }, null);
-    })();
-
-    var SidenavHeaderDirective = /** @class */ (function () {
-        function SidenavHeaderDirective(template) {
-            this.template = template;
-        }
-        return SidenavHeaderDirective;
-    }());
-    SidenavHeaderDirective.ɵfac = function SidenavHeaderDirective_Factory(t) { return new (t || SidenavHeaderDirective)(i0__namespace.ɵɵdirectiveInject(i0.TemplateRef)); };
-    SidenavHeaderDirective.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: SidenavHeaderDirective, selectors: [["", "rxapSidenavHeader", ""]] });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(SidenavHeaderDirective, [{
-                type: i0.Directive,
-                args: [{
-                        selector: '[rxapSidenavHeader]',
-                    }]
-            }], function () {
-            return [{ type: i0__namespace.TemplateRef, decorators: [{
-                            type: i0.Inject,
-                            args: [i0.TemplateRef]
-                        }] }];
-        }, null);
-    })();
-
-    var SidenavComponentService = /** @class */ (function () {
-        function SidenavComponentService(config) {
-            this.config = config;
-            this.collapsed$ = new rxjs$1.BehaviorSubject(true);
-            this.collapsed$.next(this.config.get('navigation.collapsed', this.collapsed$.value));
-        }
-        SidenavComponentService.prototype.toggleNavigationCollapse = function () {
-            this.collapsed$.next(!this.collapsed$.value);
-        };
-        return SidenavComponentService;
-    }());
-    SidenavComponentService.ɵfac = function SidenavComponentService_Factory(t) { return new (t || SidenavComponentService)(i0__namespace.ɵɵinject(i1__namespace$1.ConfigService)); };
-    SidenavComponentService.ɵprov = /*@__PURE__*/ i0__namespace.ɵɵdefineInjectable({ token: SidenavComponentService, factory: SidenavComponentService.ɵfac, providedIn: 'root' });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(SidenavComponentService, [{
-                type: i0.Injectable,
-                args: [{ providedIn: 'root' }]
-            }], function () { return [{ type: i1__namespace$1.ConfigService }]; }, null);
-    })();
-
-    function IsNavigationDividerItem(item) {
-        return item && item.hasOwnProperty('divider') && item.divider;
-    }
-    function IsNavigationInsertItem(item) {
-        return item && item.hasOwnProperty('insert');
-    }
-    function IsNavigationItem(item) {
-        return (item && item.hasOwnProperty('routerLink') && item.hasOwnProperty('label'));
-    }
-
-    var NavigationService = /** @class */ (function () {
-        function NavigationService(navigation, injector, inserts) {
-            var _this = this;
-            if (inserts === void 0) { inserts = null; }
-            this.injector = injector;
-            this.inserts = new Map();
-            this.navigation$ = new rxjs$1.ReplaySubject(1);
-            if (typeof navigation === 'function') {
-                this.navigation = navigation();
-            }
-            else {
-                this.navigation = navigation;
-            }
-            if (inserts) {
-                Object.entries(inserts).forEach(function (_b) {
-                    var _c = __read(_b, 2), id = _c[0], insert = _c[1];
-                    return _this.insert(id, insert, false);
-                });
-            }
-            this.updateNavigation();
-            this.config$ = this.navigation$.pipe(operators.switchMap(function (navigationWithoutStatusCheck) { return _this.checkNavigationStatusProviders(navigationWithoutStatusCheck); }));
-        }
-        /**
-         * @deprecated use add instead
-         * @param id
-         * @param value
-         * @param update
-         */
-        NavigationService.prototype.insert = function (id, value, update) {
-            if (update === void 0) { update = true; }
-            this.add(id, value, update);
-        };
-        NavigationService.prototype.add = function (id, value, update) {
-            if (update === void 0) { update = true; }
-            this.inserts.set(id, value);
-            if (update) {
-                this.updateNavigation();
-            }
-        };
-        NavigationService.prototype.has = function (id) {
-            return this.inserts.has(id);
-        };
-        NavigationService.prototype.get = function (id) {
-            return this.inserts.get(id);
-        };
-        NavigationService.prototype.remove = function (id, update) {
-            if (update === void 0) { update = true; }
-            this.inserts.delete(id);
-            if (update) {
-                this.updateNavigation();
-            }
-        };
-        NavigationService.prototype.updateNavigation = function () {
-            this.navigation$.next(this.replaceInserts(this.navigation));
-        };
-        /**
-         * @internal
-         * @param navigationItem
-         */
-        NavigationService.prototype.checkNavigationItemStatusProviders = function (navigationItem) {
-            var _this = this;
-            if (IsNavigationDividerItem(navigationItem) || !navigationItem.status) {
-                return rxjs$1.of(navigationItem);
-            }
-            var isVisibleArray$ = navigationItem.status
-                .map(function (statusToken) { return _this.injector.get(statusToken); })
-                .map(function (status) {
-                var isVisible = status.isVisible(navigationItem);
-                if (typeof isVisible === 'boolean') {
-                    return rxjs$1.of(isVisible);
-                }
-                else {
-                    return rxjs$1.from(isVisible);
-                }
-            }).map(function (isVisible$) { return isVisible$.pipe(operators.catchError(function (e) {
-                console.error('isVisible method failed: ' + e.message);
-                return rxjs$1.of(false);
-            })); });
-            // TODO : dont wait for all status services to complete, but cancel waiting if one returns false
-            return rxjs$1.combineLatest(isVisibleArray$).pipe(operators.map(function (isVisibleArray) { return isVisibleArray.reduce(function (acc, isVisible) { return acc && isVisible; }, true); }), operators.map(function (isVisible) { return (isVisible ? navigationItem : null); }), operators.switchMap(function (navigationItemOrNull) {
-                var _a;
-                if (navigationItemOrNull) {
-                    if ((_a = navigationItemOrNull.children) === null || _a === void 0 ? void 0 : _a.length) {
-                        return _this.checkNavigationStatusProviders(navigationItemOrNull.children).pipe(operators.map(function (children) { return (Object.assign(Object.assign({}, navigationItemOrNull), { children: children })); }));
-                    }
-                    return rxjs$1.of(navigationItemOrNull);
-                }
-                return rxjs$1.of(null);
-            }));
-        };
-        /**
-         * @internal
-         * @param navigationItem
-         */
-        NavigationService.prototype.checkNavigationStatusProviders = function (navigation) {
-            var _this = this;
-            return rxjs$1.combineLatest(navigation.map(function (navigationItem) { return _this.checkNavigationItemStatusProviders(navigationItem); })).pipe(operators.map(function (navigationWithNullItems) {
-                var e_1, _b;
-                var cleanNavigation = [];
-                try {
-                    for (var navigationWithNullItems_1 = __values(navigationWithNullItems), navigationWithNullItems_1_1 = navigationWithNullItems_1.next(); !navigationWithNullItems_1_1.done; navigationWithNullItems_1_1 = navigationWithNullItems_1.next()) {
-                        var navigationItem = navigationWithNullItems_1_1.value;
-                        if (navigationItem !== null) {
-                            cleanNavigation.push(navigationItem);
-                        }
-                    }
-                }
-                catch (e_1_1) { e_1 = { error: e_1_1 }; }
-                finally {
-                    try {
-                        if (navigationWithNullItems_1_1 && !navigationWithNullItems_1_1.done && (_b = navigationWithNullItems_1.return)) _b.call(navigationWithNullItems_1);
-                    }
-                    finally { if (e_1) throw e_1.error; }
-                }
-                return cleanNavigation;
-            }));
-        };
-        NavigationService.prototype.replaceInserts = function (navigationWithInserts) {
-            var e_2, _b;
-            var _a;
-            var navigation = [];
-            try {
-                for (var navigationWithInserts_1 = __values(navigationWithInserts), navigationWithInserts_1_1 = navigationWithInserts_1.next(); !navigationWithInserts_1_1.done; navigationWithInserts_1_1 = navigationWithInserts_1.next()) {
-                    var navigationItem = navigationWithInserts_1_1.value;
-                    if (IsNavigationInsertItem(navigationItem)) {
-                        if (this.inserts.has(navigationItem.insert)) {
-                            navigation.push.apply(navigation, __spreadArray([], __read(this.replaceInserts(this.inserts.get(navigationItem.insert)))));
-                        }
-                    }
-                    else if (IsNavigationItem(navigationItem)) {
-                        navigation.push(Object.assign(Object.assign({}, navigationItem), { children: this.replaceInserts((_a = navigationItem.children) !== null && _a !== void 0 ? _a : []) }));
-                    }
-                    else if (IsNavigationDividerItem(navigationItem)) {
-                        navigation.push(navigationItem);
-                    }
-                }
-            }
-            catch (e_2_1) { e_2 = { error: e_2_1 }; }
-            finally {
-                try {
-                    if (navigationWithInserts_1_1 && !navigationWithInserts_1_1.done && (_b = navigationWithInserts_1.return)) _b.call(navigationWithInserts_1);
-                }
-                finally { if (e_2) throw e_2.error; }
-            }
-            return navigation;
-        };
-        return NavigationService;
-    }());
-    NavigationService.ɵfac = function NavigationService_Factory(t) { return new (t || NavigationService)(i0__namespace.ɵɵinject(RXAP_NAVIGATION_CONFIG), i0__namespace.ɵɵinject(i0.INJECTOR), i0__namespace.ɵɵinject(RXAP_NAVIGATION_CONFIG_INSERTS, 8)); };
-    NavigationService.ɵprov = /*@__PURE__*/ i0__namespace.ɵɵdefineInjectable({ token: NavigationService, factory: NavigationService.ɵfac, providedIn: 'root' });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(NavigationService, [{
-                type: i0.Injectable,
-                args: [{ providedIn: 'root' }]
-            }], function () {
-            return [{ type: undefined, decorators: [{
-                            type: i0.Inject,
-                            args: [RXAP_NAVIGATION_CONFIG]
-                        }] }, { type: undefined, decorators: [{
-                            type: i0.Inject,
-                            args: [i0.INJECTOR]
-                        }] }, { type: undefined, decorators: [{
-                            type: i0.Optional
-                        }, {
-                            type: i0.Inject,
-                            args: [RXAP_NAVIGATION_CONFIG_INSERTS]
-                        }] }];
-        }, null);
-    })();
-
-    var _c0$3 = ["navigationOverlay"];
-    var _c1$2 = ["rxap-navigation-item", ""];
-    function NavigationItemComponent_mat_icon_2_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelement(0, "mat-icon", 5);
-        }
-        if (rf & 2) {
-            var ctx_r0 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵproperty("rxapIcon", ctx_r0.item.icon);
-        }
-    }
-    function NavigationItemComponent_ng_template_3_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "span", 6);
-            i0__namespace.ɵɵtext(1);
-            i0__namespace.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r1 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵtextInterpolate(ctx_r1.item.label);
-        }
-    }
-    function NavigationItemComponent_ul_5_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelement(0, "ul", 7);
-        }
-        if (rf & 2) {
-            var ctx_r2 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵproperty("@sub-nav", undefined)("items", ctx_r2.children)("level", ctx_r2.level + 1);
-        }
-    }
-    function NavigationItemComponent_ng_template_7_li_2_a_1_mat_icon_1_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelement(0, "mat-icon", 5);
-        }
-        if (rf & 2) {
-            var child_r6 = i0__namespace.ɵɵnextContext(2).$implicit;
-            var ctx_r8 = i0__namespace.ɵɵnextContext(2);
-            i0__namespace.ɵɵproperty("rxapIcon", ctx_r8.asNavigationItem(child_r6).icon);
-        }
-    }
-    function NavigationItemComponent_ng_template_7_li_2_a_1_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "a", 11);
-            i0__namespace.ɵɵtemplate(1, NavigationItemComponent_ng_template_7_li_2_a_1_mat_icon_1_Template, 1, 1, "mat-icon", 1);
-            i0__namespace.ɵɵelementStart(2, "span", 6);
-            i0__namespace.ɵɵtext(3);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var child_r6 = i0__namespace.ɵɵnextContext().$implicit;
-            var ctx_r7 = i0__namespace.ɵɵnextContext(2);
-            i0__namespace.ɵɵproperty("routerLink", ctx_r7.asNavigationItem(child_r6).routerLink);
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", ctx_r7.asNavigationItem(child_r6).icon);
-            i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate(ctx_r7.asNavigationItem(child_r6).label);
-        }
-    }
-    function NavigationItemComponent_ng_template_7_li_2_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "li");
-            i0__namespace.ɵɵtemplate(1, NavigationItemComponent_ng_template_7_li_2_a_1_Template, 4, 3, "a", 10);
-            i0__namespace.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var child_r6 = ctx.$implicit;
-            var ctx_r5 = i0__namespace.ɵɵnextContext(2);
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", ctx_r5.isNavigationItem(child_r6));
-        }
-    }
-    function NavigationItemComponent_ng_template_7_Template(rf, ctx) {
-        if (rf & 1) {
-            var _r12_1 = i0__namespace.ɵɵgetCurrentView();
-            i0__namespace.ɵɵelementStart(0, "div", 8);
-            i0__namespace.ɵɵlistener("mouseenter", function NavigationItemComponent_ng_template_7_Template_div_mouseenter_0_listener() { i0__namespace.ɵɵrestoreView(_r12_1); var ctx_r11 = i0__namespace.ɵɵnextContext(); return ctx_r11.lockeOverlay = true; })("mouseleave", function NavigationItemComponent_ng_template_7_Template_div_mouseleave_0_listener() { i0__namespace.ɵɵrestoreView(_r12_1); var ctx_r13 = i0__namespace.ɵɵnextContext(); ctx_r13.lockeOverlay = false; return ctx_r13.onMouseleave(); });
-            i0__namespace.ɵɵelementStart(1, "ul");
-            i0__namespace.ɵɵtemplate(2, NavigationItemComponent_ng_template_7_li_2_Template, 2, 1, "li", 9);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r4 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵproperty("ngForOf", ctx_r4.children);
-        }
-    }
-    var NavigationItemComponent = /** @class */ (function () {
-        function NavigationItemComponent(router, sidenav, elementRef, renderer, overlay, viewContainerRef) {
-            this.router = router;
-            this.sidenav = sidenav;
-            this.elementRef = elementRef;
-            this.renderer = renderer;
-            this.overlay = overlay;
-            this.viewContainerRef = viewContainerRef;
-            this.children = null;
-            this.level = 0;
-            this.isActive = false;
-            this._subscription = new rxjs$1.Subscription();
-            /**
-             * indicates the mouse is over the
-             */
-            this.lockeOverlay = false;
-        }
-        NavigationItemComponent.prototype.ngOnChanges = function (changes) {
-            if (changes.item) {
-                var item = changes.item.currentValue;
-                this.children =
-                    item.children && item.children.length ? item.children : null;
-            }
-        };
-        NavigationItemComponent.prototype.ngAfterViewInit = function () {
-            var _this = this;
-            this._subscription.add(this.router.events
-                .pipe(operators.filter(function (event) { return event instanceof i1$4.NavigationEnd; }), operators.startWith(true), operators.delay(100), operators.tap(function () {
-                var _a;
-                if (_this.routerLinkActive.isActive) {
-                    if (!_this.sidenav.collapsed$.value) {
-                        // only close the overlay if sidenav collapsed
-                        (_a = _this._overlayRef) === null || _a === void 0 ? void 0 : _a.detach();
-                    }
-                    _this.renderer.addClass(_this.elementRef.nativeElement, 'active');
-                }
-                else {
-                    _this.renderer.removeClass(_this.elementRef.nativeElement, 'active');
-                }
-            }))
-                .subscribe());
-        };
-        NavigationItemComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            // detach the navigation overlay if the sidenav collapsed
-            // state is changed
-            this._subscription.add(this.sidenav.collapsed$
-                .pipe(operators.skip(1), operators.distinctUntilChanged(), operators.tap(function () { var _a; return (_a = _this._overlayRef) === null || _a === void 0 ? void 0 : _a.detach(); }))
-                .subscribe());
-        };
-        NavigationItemComponent.prototype.ngOnDestroy = function () {
-            var _a, _b;
-            (_a = this._subscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
-            (_b = this._overlayRef) === null || _b === void 0 ? void 0 : _b.dispose();
-        };
-        NavigationItemComponent.prototype.onMouseenter = function () {
-            if (this.children) {
-                if (!this.routerLinkActive.isActive || this.sidenav.collapsed$.value) {
-                    if (!this._overlayRef) {
-                        this._overlayRef = this.overlay.create({
-                            positionStrategy: this.overlay
-                                .position()
-                                .flexibleConnectedTo(this.elementRef)
-                                .withPositions([
-                                {
-                                    originY: 'top',
-                                    originX: 'end',
-                                    overlayY: 'top',
-                                    overlayX: 'start',
-                                },
-                            ]),
-                        });
-                    }
-                    if (!this._overlayRef.hasAttached()) {
-                        this._embeddedViewRef = this._overlayRef.attach(new i4.TemplatePortal(this._navigationOverlay, this.viewContainerRef));
-                    }
-                }
-            }
-        };
-        NavigationItemComponent.prototype.onMouseleave = function () {
-            var _a;
-            if (!this.lockeOverlay) {
-                (_a = this._overlayRef) === null || _a === void 0 ? void 0 : _a.detach();
-            }
-        };
-        // region type save item property
-        // required to check the type of the item property in the ngFor loop
-        NavigationItemComponent.prototype.isNavigationDividerItem = function (item) {
-            return item['divider'];
-        };
-        NavigationItemComponent.prototype.isNavigationItem = function (item) {
-            return !this.isNavigationDividerItem(item);
-        };
-        NavigationItemComponent.prototype.asNavigationItem = function (item) {
-            if (!this.isNavigationItem(item)) {
-                throw new Error('The item is not a NavigationItem');
-            }
-            return item;
-        };
-        return NavigationItemComponent;
-    }());
-    NavigationItemComponent.ɵfac = function NavigationItemComponent_Factory(t) { return new (t || NavigationItemComponent)(i0__namespace.ɵɵdirectiveInject(i1$4.Router), i0__namespace.ɵɵdirectiveInject(SidenavComponentService), i0__namespace.ɵɵdirectiveInject(i0.ElementRef), i0__namespace.ɵɵdirectiveInject(i0.Renderer2), i0__namespace.ɵɵdirectiveInject(i3$2.Overlay), i0__namespace.ɵɵdirectiveInject(i0.ViewContainerRef)); };
-    NavigationItemComponent.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: NavigationItemComponent, selectors: [["li", "rxap-navigation-item", ""]], viewQuery: function NavigationItemComponent_Query(rf, ctx) {
-            if (rf & 1) {
-                i0__namespace.ɵɵviewQuery(i1$4.RouterLinkActive, 7);
-                i0__namespace.ɵɵviewQuery(_c0$3, 5);
-            }
-            if (rf & 2) {
-                var _t = void 0;
-                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.routerLinkActive = _t.first);
-                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx._navigationOverlay = _t.first);
-            }
-        }, hostAttrs: [1, "rxap-navigation-item"], hostVars: 2, hostBindings: function NavigationItemComponent_HostBindings(rf, ctx) {
-            if (rf & 1) {
-                i0__namespace.ɵɵlistener("mouseenter", function NavigationItemComponent_mouseenter_HostBindingHandler() { return ctx.onMouseenter(); })("mouseleave", function NavigationItemComponent_mouseleave_HostBindingHandler() { return ctx.onMouseleave(); });
-            }
-            if (rf & 2) {
-                i0__namespace.ɵɵclassProp("active", ctx.isActive);
-            }
-        }, inputs: { item: "item", level: "level" }, features: [i0__namespace.ɵɵNgOnChangesFeature], attrs: _c1$2, decls: 9, vars: 15, consts: [["routerLinkActive", "link-active", "matRipple", "", 3, "routerLink", "matTooltipDisabled", "matTooltip"], ["class", "icon", 3, "rxapIcon", 4, "ngIf"], [3, "ngIf"], ["rxap-navigation", "", "class", "sub-items", "fxFlex", "nogrow", 3, "items", "level", 4, "ngIf"], ["navigationOverlay", ""], [1, "icon", 3, "rxapIcon"], [1, "label"], ["rxap-navigation", "", "fxFlex", "nogrow", 1, "sub-items", 3, "items", "level"], [1, "navigation-overlay-container", "mat-elevation-z1", 3, "mouseenter", "mouseleave"], [4, "ngFor", "ngForOf"], ["class", "navigation-link mat-body-2 mat-body-strong", "matRipple", "", 3, "routerLink", 4, "ngIf"], ["matRipple", "", 1, "navigation-link", "mat-body-2", "mat-body-strong", 3, "routerLink"]], template: function NavigationItemComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0__namespace.ɵɵelementStart(0, "a", 0);
-                i0__namespace.ɵɵpipe(1, "async");
-                i0__namespace.ɵɵtemplate(2, NavigationItemComponent_mat_icon_2_Template, 1, 1, "mat-icon", 1);
-                i0__namespace.ɵɵtemplate(3, NavigationItemComponent_ng_template_3_Template, 2, 1, "ng-template", 2);
-                i0__namespace.ɵɵpipe(4, "async");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵtemplate(5, NavigationItemComponent_ul_5_Template, 1, 3, "ul", 3);
-                i0__namespace.ɵɵpipe(6, "async");
-                i0__namespace.ɵɵtemplate(7, NavigationItemComponent_ng_template_7_Template, 3, 1, "ng-template", null, 4, i0__namespace.ɵɵtemplateRefExtractor);
-            }
-            if (rf & 2) {
-                i0__namespace.ɵɵclassMapInterpolate1("navigation-link mat-body-2 mat-body-strong navigation-level-", ctx.level, "");
-                i0__namespace.ɵɵproperty("routerLink", ctx.item.routerLink)("matTooltipDisabled", !i0__namespace.ɵɵpipeBind1(1, 9, ctx.sidenav.collapsed$))("matTooltip", ctx.item.label);
-                i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵproperty("ngIf", ctx.item.icon);
-                i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngIf", !i0__namespace.ɵɵpipeBind1(4, 11, ctx.sidenav.collapsed$));
-                i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵproperty("ngIf", ctx.routerLinkActive.isActive && !i0__namespace.ɵɵpipeBind1(6, 13, ctx.sidenav.collapsed$) && ctx.children);
-            }
-        }, styles: [".navigation-overlay-container,.rxap-navigation-item{display:flex;flex-direction:column;min-height:48px}.navigation-overlay-container .navigation-link,.rxap-navigation-item .navigation-link{display:flex;flex-direction:row;align-items:center;text-decoration:none;height:48px}.navigation-overlay-container .navigation-link .icon,.rxap-navigation-item .navigation-link .icon{margin:0 16px}.navigation-overlay-container .navigation-link .label,.rxap-navigation-item .navigation-link .label{padding-right:12px}.navigation-overlay-container .navigation-link.navigation-level-1,.rxap-navigation-item .navigation-link.navigation-level-1{padding-left:52px}.navigation-overlay-container .navigation-link.navigation-level-1 .icon,.rxap-navigation-item .navigation-link.navigation-level-1 .icon{padding-left:0}.navigation-overlay-container .navigation-link.navigation-level-2,.rxap-navigation-item .navigation-link.navigation-level-2{padding-left:88px}.navigation-overlay-container .navigation-link.navigation-level-2 .icon,.rxap-navigation-item .navigation-link.navigation-level-2 .icon{padding-left:0}.navigation-overlay-container{padding:0 16px}.navigation-overlay-container ul{list-style-type:none;margin:0;padding:0}.navigation-overlay-container ul .navigation-link .label{padding-right:0}.navigation-overlay-container ul .navigation-link .icon{margin-left:0}"], encapsulation: 2, data: { animation: [
-                animations.trigger('sub-nav', [
-                    animations.transition(':enter', [
-                        animations.style({ display: 'block', height: '0', overflow: 'hidden' }),
-                        animations.animate(150, animations.style({ height: '*' })),
-                    ]),
-                    animations.transition(':leave', [
-                        animations.style({ overflow: 'hidden' }),
-                        animations.animate(300, animations.style({ height: '0' })),
-                        animations.style({ display: 'none' }),
-                    ]),
-                ]),
-            ] }, changeDetection: 0 });
-    __decorate([
-        utilities.Required,
-        __metadata("design:type", Object)
-    ], NavigationItemComponent.prototype, "item", void 0);
-    __decorate([
-        utilities.DebounceCall(100),
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", []),
-        __metadata("design:returntype", void 0)
-    ], NavigationItemComponent.prototype, "onMouseleave", null);
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(NavigationItemComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: 'li[rxap-navigation-item]',
-                        templateUrl: './navigation-item.component.html',
-                        styleUrls: ['./navigation-item.component.scss'],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                        encapsulation: i0.ViewEncapsulation.None,
-                        host: {
-                            class: 'rxap-navigation-item',
-                        },
-                        animations: [
-                            animations.trigger('sub-nav', [
-                                animations.transition(':enter', [
-                                    animations.style({ display: 'block', height: '0', overflow: 'hidden' }),
-                                    animations.animate(150, animations.style({ height: '*' })),
-                                ]),
-                                animations.transition(':leave', [
-                                    animations.style({ overflow: 'hidden' }),
-                                    animations.animate(300, animations.style({ height: '0' })),
-                                    animations.style({ display: 'none' }),
-                                ]),
-                            ]),
-                        ],
-                    }]
-            }], function () {
-            return [{ type: i1__namespace$4.Router, decorators: [{
-                            type: i0.Inject,
-                            args: [i1$4.Router]
-                        }] }, { type: SidenavComponentService, decorators: [{
-                            type: i0.Inject,
-                            args: [SidenavComponentService]
-                        }] }, { type: i0__namespace.ElementRef, decorators: [{
-                            type: i0.Inject,
-                            args: [i0.ElementRef]
-                        }] }, { type: i0__namespace.Renderer2, decorators: [{
-                            type: i0.Inject,
-                            args: [i0.Renderer2]
-                        }] }, { type: i3__namespace$2.Overlay, decorators: [{
-                            type: i0.Inject,
-                            args: [i3$2.Overlay]
-                        }] }, { type: i0__namespace.ViewContainerRef, decorators: [{
-                            type: i0.Inject,
-                            args: [i0.ViewContainerRef]
-                        }] }];
-        }, { routerLinkActive: [{
-                    type: i0.ViewChild,
-                    args: [i1$4.RouterLinkActive, { static: true }]
-                }], item: [{
-                    type: i0.Input
-                }], level: [{
-                    type: i0.Input
-                }], isActive: [{
-                    type: i0.HostBinding,
-                    args: ['class.active']
-                }], _navigationOverlay: [{
-                    type: i0.ViewChild,
-                    args: ['navigationOverlay']
-                }], onMouseenter: [{
-                    type: i0.HostListener,
-                    args: ['mouseenter']
-                }], onMouseleave: [{
-                    type: i0.HostListener,
-                    args: ['mouseleave']
-                }] });
-    })();
-
-    var _c0$2 = ["rxap-navigation", ""];
-    function NavigationComponent_ng_template_0_ng_template_0_div_1_span_1_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "span", 2);
-            i0__namespace.ɵɵtext(1);
-            i0__namespace.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var item_r1 = i0__namespace.ɵɵnextContext(3).$implicit;
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵtextInterpolate(item_r1.title);
-        }
-    }
-    function NavigationComponent_ng_template_0_ng_template_0_div_1_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div", 4);
-            i0__namespace.ɵɵtemplate(1, NavigationComponent_ng_template_0_ng_template_0_div_1_span_1_Template, 2, 1, "span", 5);
-            i0__namespace.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var item_r1 = i0__namespace.ɵɵnextContext(2).$implicit;
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", item_r1.title);
-        }
-    }
-    function NavigationComponent_ng_template_0_ng_template_0_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelement(0, "mat-divider", 2);
-            i0__namespace.ɵɵtemplate(1, NavigationComponent_ng_template_0_ng_template_0_div_1_Template, 2, 1, "div", 3);
-            i0__namespace.ɵɵpipe(2, "async");
-        }
-        if (rf & 2) {
-            var ctx_r2 = i0__namespace.ɵɵnextContext(2);
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", !i0__namespace.ɵɵpipeBind1(2, 1, ctx_r2.sidenav.collapsed$));
-        }
-    }
-    function NavigationComponent_ng_template_0_ng_template_1_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelement(0, "li", 6);
-        }
-        if (rf & 2) {
-            var item_r1 = i0__namespace.ɵɵnextContext().$implicit;
-            var ctx_r3 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵproperty("level", ctx_r3.level)("item", ctx_r3.asNavigationItem(item_r1));
-        }
-    }
-    function NavigationComponent_ng_template_0_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵtemplate(0, NavigationComponent_ng_template_0_ng_template_0_Template, 3, 3, "ng-template", 1);
-            i0__namespace.ɵɵtemplate(1, NavigationComponent_ng_template_0_ng_template_1_Template, 1, 2, "ng-template", 1);
-        }
-        if (rf & 2) {
-            var item_r1 = ctx.$implicit;
-            var ctx_r0 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵproperty("ngIf", ctx_r0.isNavigationDividerItem(item_r1));
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngIf", ctx_r0.isNavigationItem(item_r1));
-        }
-    }
-    var NavigationComponent = /** @class */ (function () {
-        function NavigationComponent(navigationService, cdr, sidenav) {
-            this.navigationService = navigationService;
-            this.cdr = cdr;
-            this.sidenav = sidenav;
-            this._root = false;
-            this.level = 0;
-        }
-        Object.defineProperty(NavigationComponent.prototype, "root", {
-            set: function (value) {
-                this._root = utilities.coerceBoolean(value);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        NavigationComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            if (this._root) {
-                this.items = [];
-                this.subscription = this.navigationService.config$
-                    .pipe(operators.tap(function (navigation) { return (_this.items = navigation); }), operators.tap(function () { return _this.cdr.detectChanges(); }))
-                    .subscribe();
-            }
-        };
-        NavigationComponent.prototype.ngOnDestroy = function () {
-            var _a;
-            (_a = this.subscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
-        };
-        // region type save item property
-        // required to check the type of the item property in the ngFor loop
-        NavigationComponent.prototype.isNavigationDividerItem = function (item) {
-            return item['divider'];
-        };
-        NavigationComponent.prototype.isNavigationItem = function (item) {
-            return !this.isNavigationDividerItem(item);
-        };
-        NavigationComponent.prototype.asNavigationItem = function (item) {
-            if (!this.isNavigationItem(item)) {
-                throw new Error('The item is not a NavigationItem');
-            }
-            return item;
-        };
-        return NavigationComponent;
-    }());
-    NavigationComponent.ɵfac = function NavigationComponent_Factory(t) { return new (t || NavigationComponent)(i0__namespace.ɵɵdirectiveInject(NavigationService), i0__namespace.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0__namespace.ɵɵdirectiveInject(SidenavComponentService)); };
-    NavigationComponent.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: NavigationComponent, selectors: [["ul", "rxap-navigation", ""]], hostAttrs: [1, "rxap-navigation"], hostVars: 2, hostBindings: function NavigationComponent_HostBindings(rf, ctx) {
-            if (rf & 2) {
-                i0__namespace.ɵɵclassProp("rxap-root-navigation", ctx._root);
-            }
-        }, inputs: { root: "root", items: "items", level: "level" }, attrs: _c0$2, decls: 1, vars: 1, consts: [["ngFor", "", 3, "ngForOf"], [3, "ngIf"], ["fxFlex", "nogrow"], ["class", "divider-title", "fxFlex", "nogrow", "fxLayout", "row", "fxLayoutAlign", "start end", 4, "ngIf"], ["fxFlex", "nogrow", "fxLayout", "row", "fxLayoutAlign", "start end", 1, "divider-title"], ["fxFlex", "nogrow", 4, "ngIf"], ["rxap-navigation-item", "", 1, "item", 3, "level", "item"]], template: function NavigationComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0__namespace.ɵɵtemplate(0, NavigationComponent_ng_template_0_Template, 2, 2, "ng-template", 0);
-            }
-            if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngForOf", ctx.items);
-            }
-        }, directives: [i2__namespace.NgForOf, i2__namespace.NgIf, i2__namespace$5.MatDivider, i1__namespace$3.DefaultFlexDirective, i1__namespace$3.DefaultLayoutDirective, i1__namespace$3.DefaultLayoutAlignDirective, NavigationItemComponent], pipes: [i2__namespace.AsyncPipe], styles: [".rxap-navigation{list-style-type:none;padding:0}.rxap-navigation .divider-title{padding-left:18px;height:28px;align-content:center}"], encapsulation: 2, changeDetection: 0 });
-    __decorate([
-        utilities.Required,
-        __metadata("design:type", Array)
-    ], NavigationComponent.prototype, "items", void 0);
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(NavigationComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: 'ul[rxap-navigation]',
-                        templateUrl: './navigation.component.html',
-                        styleUrls: ['./navigation.component.scss'],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                        encapsulation: i0.ViewEncapsulation.None,
-                        host: { class: 'rxap-navigation' },
-                    }]
-            }], function () {
-            return [{ type: NavigationService, decorators: [{
-                            type: i0.Inject,
-                            args: [NavigationService]
-                        }] }, { type: i0__namespace.ChangeDetectorRef, decorators: [{
-                            type: i0.Inject,
-                            args: [i0.ChangeDetectorRef]
-                        }] }, { type: SidenavComponentService, decorators: [{
-                            type: i0.Inject,
-                            args: [SidenavComponentService]
-                        }] }];
-        }, { _root: [{
-                    type: i0.HostBinding,
-                    args: ['class.rxap-root-navigation']
-                }], root: [{
-                    type: i0.Input
-                }], items: [{
-                    type: i0.Input
-                }], level: [{
-                    type: i0.Input
-                }] });
-    })();
-
-    function SidenavComponent_ng_template_3_ng_container_2_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementContainer(0);
-        }
-    }
-    function SidenavComponent_ng_template_3_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div", 11);
-            i0__namespace.ɵɵpipe(1, "async");
-            i0__namespace.ɵɵtemplate(2, SidenavComponent_ng_template_3_ng_container_2_Template, 1, 0, "ng-container", 12);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelement(3, "mat-divider", 13);
-            i0__namespace.ɵɵpipe(4, "async");
-        }
-        if (rf & 2) {
-            var ctx_r0 = i0__namespace.ɵɵnextContext();
-            var tmp_1_0 = void 0;
-            i0__namespace.ɵɵproperty("fxHide", i0__namespace.ɵɵpipeBind1(1, 3, ctx_r0.sidenav.collapsed$));
-            i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵproperty("ngTemplateOutlet", (tmp_1_0 = ctx_r0.sidenavHeaderDirective == null ? null : ctx_r0.sidenavHeaderDirective.template) !== null && tmp_1_0 !== undefined ? tmp_1_0 : null);
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("fxHide", i0__namespace.ɵɵpipeBind1(4, 5, ctx_r0.sidenav.collapsed$));
-        }
-    }
-    function SidenavComponent_ng_template_15_ng_container_4_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementContainer(0);
-        }
-    }
-    function SidenavComponent_ng_template_15_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelement(0, "mat-divider", 13);
-            i0__namespace.ɵɵpipe(1, "async");
-            i0__namespace.ɵɵelementStart(2, "div", 14);
-            i0__namespace.ɵɵpipe(3, "async");
-            i0__namespace.ɵɵtemplate(4, SidenavComponent_ng_template_15_ng_container_4_Template, 1, 0, "ng-container", 12);
-            i0__namespace.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r1 = i0__namespace.ɵɵnextContext();
-            var tmp_2_0 = void 0;
-            i0__namespace.ɵɵproperty("fxHide", i0__namespace.ɵɵpipeBind1(1, 3, ctx_r1.sidenav.collapsed$));
-            i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵproperty("fxHide", i0__namespace.ɵɵpipeBind1(3, 5, ctx_r1.sidenav.collapsed$));
-            i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵproperty("ngTemplateOutlet", (tmp_2_0 = ctx_r1.sidenavFooterDirective == null ? null : ctx_r1.sidenavFooterDirective.template) !== null && tmp_2_0 !== undefined ? tmp_2_0 : null);
-        }
-    }
-    var _c2$1 = function (a0) { return { "collapsed": a0 }; };
-    var SidenavComponent = /** @class */ (function () {
-        function SidenavComponent(sidenav) {
-            this.sidenav = sidenav;
-        }
-        return SidenavComponent;
-    }());
-    SidenavComponent.ɵfac = function SidenavComponent_Factory(t) { return new (t || SidenavComponent)(i0__namespace.ɵɵdirectiveInject(SidenavComponentService)); };
-    SidenavComponent.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: SidenavComponent, selectors: [["rxap-sidenav"]], contentQueries: function SidenavComponent_ContentQueries(rf, ctx, dirIndex) {
-            if (rf & 1) {
-                i0__namespace.ɵɵcontentQuery(dirIndex, SidenavFooterDirective, 5);
-                i0__namespace.ɵɵcontentQuery(dirIndex, SidenavHeaderDirective, 5);
-            }
-            if (rf & 2) {
-                var _t = void 0;
-                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.sidenavFooterDirective = _t.first);
-                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.sidenavHeaderDirective = _t.first);
-            }
-        }, hostAttrs: [1, "rxap-layout-sidenav"], decls: 16, vars: 15, consts: function () {
-            var i18n_0;
-            if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
-                var MSG_EXTERNAL_rxap_layout_navigation_collapse_sidebar$$LIB_SIDENAV_SIDENAV_COMPONENT_TS_1 = goog.getMsg("Collapse sidebar");
-                i18n_0 = MSG_EXTERNAL_rxap_layout_navigation_collapse_sidebar$$LIB_SIDENAV_SIDENAV_COMPONENT_TS_1;
-            }
-            else {
-                i18n_0 = $localize(templateObject_1 || (templateObject_1 = __makeTemplateObject([":@@rxap.layout.navigation.collapse-sidebar\u241F98effe6eb558f87ab061ab608a31b44adec4e2ae\u241F1144722711335201698:Collapse sidebar"], [":@@rxap.layout.navigation.collapse-sidebar\u241F98effe6eb558f87ab061ab608a31b44adec4e2ae\u241F1144722711335201698:Collapse sidebar"])));
-            }
-            return [[1, "container", 3, "ngClass"], ["fxLayout", "column", "fxLayoutAlign", "space-between stretch", 1, "inner"], [3, "ngIf"], ["fxFlex", "grow", 1, "nav-container"], ["fxLayout", "column", "root", "", "rxap-navigation", ""], ["fxFlex", "nogrow"], ["mat-button", "", "fxFlex", "nogrow", 1, "sidebar-toggle", 3, "ngClass", "click"], ["fxLayout", "row", "fxLayoutAlign", "start center", "fxLayoutGap", "16px", 1, "sidebar-toggle-inner"], ["fxFlex", "nogrow", 1, "arrow"], ["fxFlex", "grow", 1, "label", 3, "fxHide"], i18n_0, ["fxFlex", "nogrow", 1, "header", 3, "fxHide"], [4, "ngTemplateOutlet"], ["fxFlex", "nogrow", 3, "fxHide"], ["fxFlex", "nogrow", 1, "footer", 3, "fxHide"]];
-        }, template: function SidenavComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0__namespace.ɵɵelementStart(0, "div", 0);
-                i0__namespace.ɵɵpipe(1, "async");
-                i0__namespace.ɵɵelementStart(2, "div", 1);
-                i0__namespace.ɵɵtemplate(3, SidenavComponent_ng_template_3_Template, 5, 7, "ng-template", 2);
-                i0__namespace.ɵɵelementStart(4, "div", 3);
-                i0__namespace.ɵɵelement(5, "ul", 4);
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelement(6, "mat-divider", 5);
-                i0__namespace.ɵɵelementStart(7, "button", 6);
-                i0__namespace.ɵɵlistener("click", function SidenavComponent_Template_button_click_7_listener() { return ctx.sidenav.toggleNavigationCollapse(); });
-                i0__namespace.ɵɵpipe(8, "async");
-                i0__namespace.ɵɵelementStart(9, "span", 7);
-                i0__namespace.ɵɵelementStart(10, "mat-icon", 8);
-                i0__namespace.ɵɵtext(11, "double_arrow");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(12, "span", 9);
-                i0__namespace.ɵɵi18n(13, 10);
-                i0__namespace.ɵɵpipe(14, "async");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵtemplate(15, SidenavComponent_ng_template_15_Template, 5, 7, "ng-template", 2);
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-            }
-            if (rf & 2) {
-                var tmp_4_0 = void 0;
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(11, _c2$1, i0__namespace.ɵɵpipeBind1(1, 5, ctx.sidenav.collapsed$)));
-                i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵproperty("ngIf", ctx.sidenavHeaderDirective == null ? null : ctx.sidenavHeaderDirective.template);
-                i0__namespace.ɵɵadvance(4);
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(13, _c2$1, i0__namespace.ɵɵpipeBind1(8, 7, ctx.sidenav.collapsed$)));
-                i0__namespace.ɵɵadvance(5);
-                i0__namespace.ɵɵproperty("fxHide", i0__namespace.ɵɵpipeBind1(14, 9, ctx.sidenav.collapsed$));
-                i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵproperty("ngIf", (tmp_4_0 = ctx.sidenavFooterDirective == null ? null : ctx.sidenavFooterDirective.template) !== null && tmp_4_0 !== undefined ? tmp_4_0 : null);
-            }
-        }, directives: [i2__namespace$1.DefaultClassDirective, i2__namespace.NgClass, i1__namespace$3.DefaultLayoutDirective, i1__namespace$3.DefaultLayoutAlignDirective, i2__namespace.NgIf, i1__namespace$3.DefaultFlexDirective, NavigationComponent, i2__namespace$5.MatDivider, i1__namespace$2.MatButton, i1__namespace$3.DefaultLayoutGapDirective, i3__namespace$3.MatIcon, i2__namespace$1.DefaultShowHideDirective, i2__namespace.NgTemplateOutlet], pipes: [i2__namespace.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:none}.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__namespace.ɵsetClassMetadata(SidenavComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: 'rxap-sidenav',
-                        templateUrl: './sidenav.component.html',
-                        styleUrls: ['./sidenav.component.scss'],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                        host: {
-                            class: 'rxap-layout-sidenav'
-                        }
-                    }]
-            }], function () { return [{ type: SidenavComponentService }]; }, { sidenavFooterDirective: [{
-                    type: i0.ContentChild,
-                    args: [SidenavFooterDirective]
-                }], sidenavHeaderDirective: [{
-                    type: i0.ContentChild,
-                    args: [SidenavHeaderDirective]
-                }] });
-    })();
-    var templateObject_1;
-
-    var SidenavContentComponentService = /** @class */ (function () {
-        function SidenavContentComponentService(footerComponentService, headerComponentService) {
-            var _this = this;
-            this.footerComponentService = footerComponentService;
-            this.headerComponentService = headerComponentService;
-            this.headerRows$ = new rxjs$1.BehaviorSubject(1);
-            this.headerRows$.next(this.headerComponentService.countComponent);
-            this.footerComponentService.portalCount$.pipe().subscribe();
-            this.footerRows$ = this.footerComponentService.portalCount$;
-            this.headerComponentService.update$.pipe(operators.tap(function () { return _this.headerRows$.next(_this.headerComponentService.countComponent); })).subscribe();
-            this.innerHeight$ = rxjs$1.combineLatest([
-                this.headerRows$,
-                this.footerRows$
-            ]).pipe(operators.map(function (_a) {
-                var _b = __read(_a, 2), headerRows = _b[0], footerRows = _b[1];
-                return "calc(100% - " + 64 * (headerRows + footerRows) + "px)";
-            }));
-            this.marginTop$ = this.headerRows$.pipe(operators.map(function (headerRows) { return headerRows * 64 + "px"; }));
-            this.marginBottom$ = this.footerRows$.pipe(operators.map(function (footerRows) { return footerRows * 64 + "px"; }));
-        }
-        return SidenavContentComponentService;
-    }());
-    SidenavContentComponentService.ɵfac = function SidenavContentComponentService_Factory(t) { return new (t || SidenavContentComponentService)(i0__namespace.ɵɵinject(i1.FooterService), i0__namespace.ɵɵinject(i1.HeaderService)); };
-    SidenavContentComponentService.ɵprov = /*@__PURE__*/ i0__namespace.ɵɵdefineInjectable({ token: SidenavContentComponentService, factory: SidenavContentComponentService.ɵfac, providedIn: 'root' });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(SidenavContentComponentService, [{
-                type: i0.Injectable,
-                args: [{ providedIn: 'root' }]
-            }], function () {
-            return [{ type: i1__namespace.FooterService, decorators: [{
-                            type: i0.Inject,
-                            args: [i1.FooterService]
-                        }] }, { type: i1__namespace.HeaderService, decorators: [{
-                            type: i0.Inject,
-                            args: [i1.HeaderService]
-                        }] }];
-        }, null);
-    })();
-
-    var _c0$1 = function (a0) { return { "open": a0 }; };
-    var _c1$1 = function (a0, a1, a2) { return { height: a0, marginTop: a1, marginBottom: a2 }; };
-    var _c2 = ["*"];
-    var SidenavContentComponent = /** @class */ (function () {
-        function SidenavContentComponent(sccs) {
-            this.sccs = sccs;
-        }
-        SidenavContentComponent.prototype.ngOnInit = function () {
-        };
-        return SidenavContentComponent;
-    }());
-    SidenavContentComponent.ɵfac = function SidenavContentComponent_Factory(t) { return new (t || SidenavContentComponent)(i0__namespace.ɵɵdirectiveInject(SidenavContentComponentService)); };
-    SidenavContentComponent.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: SidenavContentComponent, selectors: [["rxap-sidenav-content"]], inputs: { sidenav: "sidenav" }, ngContentSelectors: _c2, decls: 8, vars: 16, consts: [[1, "container", 3, "ngClass", "ngStyle"], [1, "inner"]], template: function SidenavContentComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0__namespace.ɵɵprojectionDef();
-                i0__namespace.ɵɵelementStart(0, "div", 0);
-                i0__namespace.ɵɵpipe(1, "async");
-                i0__namespace.ɵɵpipe(2, "async");
-                i0__namespace.ɵɵpipe(3, "async");
-                i0__namespace.ɵɵpipe(4, "async");
-                i0__namespace.ɵɵelementStart(5, "div", 1);
-                i0__namespace.ɵɵelement(6, "router-outlet");
-                i0__namespace.ɵɵprojection(7);
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-            }
-            if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c0$1, i0__namespace.ɵɵpipeBind1(1, 2, ctx.sidenav.openedChange)))("ngStyle", i0__namespace.ɵɵpureFunction3(12, _c1$1, i0__namespace.ɵɵpipeBind1(2, 4, ctx.sccs.innerHeight$), i0__namespace.ɵɵpipeBind1(3, 6, ctx.sccs.marginTop$), i0__namespace.ɵɵpipeBind1(4, 8, ctx.sccs.marginBottom$)));
-            }
-        }, directives: [i2__namespace.NgClass, i2__namespace.NgStyle, i1__namespace$4.RouterOutlet], pipes: [i2__namespace.AsyncPipe], styles: [".container[_ngcontent-%COMP%]   .inner[_ngcontent-%COMP%]{padding:0;overflow:auto;height:100%}"], changeDetection: 0 });
-    __decorate([
-        utilities.Required,
-        __metadata("design:type", i3$4.MatSidenav)
-    ], SidenavContentComponent.prototype, "sidenav", void 0);
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(SidenavContentComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: 'rxap-sidenav-content',
-                        templateUrl: './sidenav-content.component.html',
-                        styleUrls: ['./sidenav-content.component.scss'],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush
-                    }]
-            }], function () { return [{ type: SidenavContentComponentService }]; }, { sidenav: [{
-                    type: i0.Input
-                }] });
-    })();
-
-    function ToggleWindowSidenavButtonComponent_ng_template_2_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "mat-icon");
-            i0__namespace.ɵɵtext(1, "keyboard_arrow_left");
-            i0__namespace.ɵɵelementEnd();
-        }
-    }
-    function ToggleWindowSidenavButtonComponent_ng_template_3_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "mat-icon");
-            i0__namespace.ɵɵtext(1, "keyboard_arrow_right");
-            i0__namespace.ɵɵelementEnd();
-        }
-    }
-    var ToggleWindowSidenavButtonComponent = /** @class */ (function () {
-        function ToggleWindowSidenavButtonComponent() {
-            this.openWindowSidenav = false;
-            this.openWindowSidenavChange = new i0.EventEmitter();
-        }
-        ToggleWindowSidenavButtonComponent.prototype.ngOnInit = function () {
-        };
-        ToggleWindowSidenavButtonComponent.prototype.toggle = function () {
-            this.openWindowSidenav = !this.openWindowSidenav;
-            this.openWindowSidenavChange.emit(this.openWindowSidenav);
-        };
-        return ToggleWindowSidenavButtonComponent;
-    }());
-    ToggleWindowSidenavButtonComponent.ɵfac = function ToggleWindowSidenavButtonComponent_Factory(t) { return new (t || ToggleWindowSidenavButtonComponent)(); };
-    ToggleWindowSidenavButtonComponent.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: ToggleWindowSidenavButtonComponent, selectors: [["rxap-toggle-window-sidenav-button"]], hostAttrs: [1, "rxap-toggle-window-sidenav-button"], inputs: { openWindowSidenav: "openWindowSidenav" }, outputs: { openWindowSidenavChange: "openWindowSidenavChange" }, decls: 5, vars: 2, consts: [[1, "toggle-button"], ["mat-icon-button", "", 3, "click"], [3, "ngIfElse", "ngIf"], ["hide", ""]], template: function ToggleWindowSidenavButtonComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0__namespace.ɵɵelementStart(0, "div", 0);
-                i0__namespace.ɵɵelementStart(1, "button", 1);
-                i0__namespace.ɵɵlistener("click", function ToggleWindowSidenavButtonComponent_Template_button_click_1_listener() { return ctx.toggle(); });
-                i0__namespace.ɵɵtemplate(2, ToggleWindowSidenavButtonComponent_ng_template_2_Template, 2, 0, "ng-template", 2);
-                i0__namespace.ɵɵtemplate(3, ToggleWindowSidenavButtonComponent_ng_template_3_Template, 2, 0, "ng-template", null, 3, i0__namespace.ɵɵtemplateRefExtractor);
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-            }
-            if (rf & 2) {
-                var _r1 = i0__namespace.ɵɵreference(4);
-                i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵproperty("ngIfElse", _r1)("ngIf", !ctx.openWindowSidenav);
-            }
-        }, directives: [i1__namespace$2.MatButton, i2__namespace.NgIf, i3__namespace$3.MatIcon], styles: [".toggle-button[_ngcontent-%COMP%]{position:absolute;top:70px;right:0;z-index:10000;border-radius:15px 0 0 15px;border:1px solid #000;background:#000}"], changeDetection: 0 });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(ToggleWindowSidenavButtonComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: 'rxap-toggle-window-sidenav-button',
-                        templateUrl: './toggle-window-sidenav-button.component.html',
-                        styleUrls: ['./toggle-window-sidenav-button.component.scss'],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                        host: {
-                            class: 'rxap-toggle-window-sidenav-button'
-                        }
-                    }]
-            }], function () { return []; }, { openWindowSidenav: [{
-                    type: i0.Input
-                }], openWindowSidenavChange: [{
-                    type: i0.Output
-                }] });
-    })();
-
-    function WindowContainerSidenavComponent_div_1_ng_template_1_Template(rf, ctx) { }
-    function WindowContainerSidenavComponent_div_1_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div", 2);
-            i0__namespace.ɵɵtemplate(1, WindowContainerSidenavComponent_div_1_ng_template_1_Template, 0, 0, "ng-template", 3);
-            i0__namespace.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var portalId_r1 = ctx.$implicit;
-            var ctx_r0 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("cdkPortalOutlet", ctx_r0.portals.get(portalId_r1));
-        }
-    }
-    var WindowContainerSidenavComponent = /** @class */ (function () {
-        function WindowContainerSidenavComponent(service) {
-            this.service = service;
-            this.portals = new Map();
-            this.subscription = new rxjs$1.Subscription();
-        }
-        WindowContainerSidenavComponent.prototype.ngOnInit = function () {
-            var e_1, _a;
-            var _this = this;
-            var components = this.service.getAll();
-            try {
-                for (var components_1 = __values(components), components_1_1 = components_1.next(); !components_1_1.done; components_1_1 = components_1.next()) {
-                    var component = components_1_1.value;
-                    this.add(component);
-                }
-            }
-            catch (e_1_1) { e_1 = { error: e_1_1 }; }
-            finally {
-                try {
-                    if (components_1_1 && !components_1_1.done && (_a = components_1.return)) _a.call(components_1);
-                }
-                finally { if (e_1) throw e_1.error; }
-            }
-            this.subscription.add(this.service.add$.pipe(operators.tap(function (component) { return _this.add(component); })).subscribe());
-            this.subscription.add(this.service.remove$.pipe(operators.tap(function (component) { return _this.remove(component); })).subscribe());
-        };
-        WindowContainerSidenavComponent.prototype.ngOnDestroy = function () {
-            this.subscription.unsubscribe();
-        };
-        WindowContainerSidenavComponent.prototype.trackBy = function (index, id) {
-            return id;
-        };
-        WindowContainerSidenavComponent.prototype.add = function (component) {
-            if (this.portals.has(component.id)) {
-                throw new Error("Component portal with id " + component.id + " already exists");
-            }
-            var portal = new i4.ComponentPortal(component.component, component.viewContainerRef, component.injector, component.componentFactoryResolver);
-            this.portals.set(component.id, portal);
-        };
-        WindowContainerSidenavComponent.prototype.remove = function (component) {
-            if (this.portals.has(component.id)) {
-                var portal = this.portals.get(component.id);
-                this.portals.delete(component.id);
-                portal.detach();
-            }
-        };
-        return WindowContainerSidenavComponent;
-    }());
-    WindowContainerSidenavComponent.ɵfac = function WindowContainerSidenavComponent_Factory(t) { return new (t || WindowContainerSidenavComponent)(i0__namespace.ɵɵdirectiveInject(i1.WindowContainerSidenavService)); };
-    WindowContainerSidenavComponent.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: WindowContainerSidenavComponent, selectors: [["rxap-window-container-sidenav"]], decls: 2, vars: 2, consts: [["fxLayout", "column", "fxLayoutGap", "16px", 1, "container"], ["fxFlex", "nogrow", 4, "ngFor", "ngForOf", "ngForTrackBy"], ["fxFlex", "nogrow"], [3, "cdkPortalOutlet"]], template: function WindowContainerSidenavComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0__namespace.ɵɵelementStart(0, "div", 0);
-                i0__namespace.ɵɵtemplate(1, WindowContainerSidenavComponent_div_1_Template, 2, 1, "div", 1);
-                i0__namespace.ɵɵelementEnd();
-            }
-            if (rf & 2) {
-                i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngForOf", ctx.portals.keys())("ngForTrackBy", ctx.trackBy);
-            }
-        }, directives: [i1__namespace$3.DefaultLayoutDirective, i1__namespace$3.DefaultLayoutGapDirective, i2__namespace.NgForOf, i1__namespace$3.DefaultFlexDirective, i4__namespace.CdkPortalOutlet], styles: [".container[_ngcontent-%COMP%]{padding:8px}"], changeDetection: 0 });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WindowContainerSidenavComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: 'rxap-window-container-sidenav',
-                        templateUrl: './window-container-sidenav.component.html',
-                        styleUrls: ['./window-container-sidenav.component.scss'],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush
-                    }]
-            }], function () {
-            return [{ type: i1__namespace.WindowContainerSidenavService, decorators: [{
-                            type: i0.Inject,
-                            args: [i1.WindowContainerSidenavService]
-                        }] }];
-        }, null);
-    })();
-
-    var _c0 = function () { return ["/"]; };
-    function LayoutComponent_ng_template_8_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelement(0, "img", 9);
-        }
-        if (rf & 2) {
-            var ctx_r0 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵproperty("routerLink", i0__namespace.ɵɵpureFunction0(3, _c0))("width", ctx_r0.layoutComponentService.logo.width)("src", ctx_r0.layoutComponentService.logo.src, i0__namespace.ɵɵsanitizeUrl);
-        }
-    }
-    var _c1 = ["*"];
-    var LayoutComponent = /** @class */ (function () {
-        function LayoutComponent(layoutComponentService) {
-            this.layoutComponentService = layoutComponentService;
-            this.openWindowSidenav = false;
-        }
-        return LayoutComponent;
-    }());
-    LayoutComponent.ɵfac = function LayoutComponent_Factory(t) { return new (t || LayoutComponent)(i0__namespace.ɵɵdirectiveInject(LayoutComponentService)); };
-    LayoutComponent.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: LayoutComponent, selectors: [["rxap-layout"]], viewQuery: function LayoutComponent_Query(rf, ctx) {
-            if (rf & 1) {
-                i0__namespace.ɵɵviewQuery(i3$4.MatSidenav, 7);
-            }
-            if (rf & 2) {
-                var _t = void 0;
-                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.sidenav = _t.first);
-            }
-        }, ngContentSelectors: _c1, decls: 18, vars: 24, consts: [[1, "header", 3, "sidenav"], ["autosize", "", 1, "container"], [1, "sidenav", 3, "fixedBottomGap", "fixedInViewport", "fixedTopGap", "mode", "opened"], ["rxapSidenavHeader", ""], [1, "content"], [3, "sidenav"], [3, "openWindowSidenav", "openWindowSidenavChange"], ["mode", "side", "position", "end", 1, "window-container-sidenav", 3, "fixedBottomGap", "fixedInViewport", "fixedTopGap", "opened"], [1, "footer"], ["alt", "logo", 1, "logo", 3, "routerLink", "width", "src"]], template: function LayoutComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0__namespace.ɵɵprojectionDef();
-                i0__namespace.ɵɵelement(0, "rxap-header", 0);
-                i0__namespace.ɵɵelementStart(1, "mat-sidenav-container", 1);
-                i0__namespace.ɵɵelementStart(2, "mat-sidenav", 2);
-                i0__namespace.ɵɵpipe(3, "async");
-                i0__namespace.ɵɵpipe(4, "async");
-                i0__namespace.ɵɵpipe(5, "async");
-                i0__namespace.ɵɵpipe(6, "async");
-                i0__namespace.ɵɵelementStart(7, "rxap-sidenav");
-                i0__namespace.ɵɵtemplate(8, LayoutComponent_ng_template_8_Template, 1, 4, "ng-template", 3);
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(9, "mat-sidenav-content", 4);
-                i0__namespace.ɵɵelementStart(10, "rxap-sidenav-content", 5);
-                i0__namespace.ɵɵprojection(11);
-                i0__namespace.ɵɵelementStart(12, "rxap-toggle-window-sidenav-button", 6);
-                i0__namespace.ɵɵlistener("openWindowSidenavChange", function LayoutComponent_Template_rxap_toggle_window_sidenav_button_openWindowSidenavChange_12_listener($event) { return ctx.openWindowSidenav = $event; });
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(13, "mat-sidenav", 7);
-                i0__namespace.ɵɵpipe(14, "async");
-                i0__namespace.ɵɵpipe(15, "async");
-                i0__namespace.ɵɵelement(16, "rxap-window-container-sidenav");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelement(17, "rxap-footer", 8);
-            }
-            if (rf & 2) {
-                var tmp_4_0 = void 0;
-                var tmp_5_0 = void 0;
-                i0__namespace.ɵɵproperty("sidenav", ctx.sidenav);
-                i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵproperty("fixedBottomGap", i0__namespace.ɵɵpipeBind1(3, 12, ctx.layoutComponentService.fixedBottomGap$))("fixedInViewport", true)("fixedTopGap", i0__namespace.ɵɵpipeBind1(4, 14, ctx.layoutComponentService.fixedTopGap$))("mode", (tmp_4_0 = i0__namespace.ɵɵpipeBind1(5, 16, ctx.layoutComponentService.mode$)) !== null && tmp_4_0 !== undefined ? tmp_4_0 : "side")("opened", (tmp_5_0 = i0__namespace.ɵɵpipeBind1(6, 18, ctx.layoutComponentService.opened$)) !== null && tmp_5_0 !== undefined ? tmp_5_0 : true);
-                i0__namespace.ɵɵadvance(8);
-                i0__namespace.ɵɵproperty("sidenav", ctx.sidenav);
-                i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵproperty("openWindowSidenav", ctx.openWindowSidenav);
-                i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("fixedBottomGap", i0__namespace.ɵɵpipeBind1(14, 20, ctx.layoutComponentService.fixedBottomGap$))("fixedInViewport", true)("fixedTopGap", i0__namespace.ɵɵpipeBind1(15, 22, ctx.layoutComponentService.fixedTopGap$))("opened", ctx.openWindowSidenav);
-            }
-        }, directives: [HeaderComponent, i3__namespace$5.MatSidenavContainer, i3__namespace$5.MatSidenav, SidenavComponent, SidenavHeaderDirective, i3__namespace$5.MatSidenavContent, SidenavContentComponent, ToggleWindowSidenavButtonComponent, WindowContainerSidenavComponent, FooterComponent, i1__namespace$4.RouterLink], pipes: [i2__namespace.AsyncPipe], styles: [".container[_ngcontent-%COMP%], .content[_ngcontent-%COMP%]{height:100%}.sidenav[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;width:auto}.sidenav[_ngcontent-%COMP%]   .logo[_ngcontent-%COMP%]{padding:16px}.footer[_ngcontent-%COMP%]{bottom:0}.footer[_ngcontent-%COMP%], .header[_ngcontent-%COMP%]{position:fixed;left:0;right:0;z-index:100}.header[_ngcontent-%COMP%]{top:0}"], changeDetection: 0 });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(LayoutComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: 'rxap-layout',
-                        templateUrl: './layout.component.html',
-                        styleUrls: ['./layout.component.scss'],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    }]
-            }], function () { return [{ type: LayoutComponentService }]; }, { sidenav: [{
-                    type: i0.ViewChild,
-                    args: [i3$4.MatSidenav, { static: true }]
-                }] });
-    })();
-
-    var ReplaceRouterPathsService = /** @class */ (function () {
-        function ReplaceRouterPathsService() {
-        }
-        ReplaceRouterPathsService.prototype.transform = function (routerLink) {
-            return rxjs$1.of(routerLink);
-        };
-        return ReplaceRouterPathsService;
-    }());
-    ReplaceRouterPathsService.ɵfac = function ReplaceRouterPathsService_Factory(t) { return new (t || ReplaceRouterPathsService)(); };
-    ReplaceRouterPathsService.ɵprov = /*@__PURE__*/ i0__namespace.ɵɵdefineInjectable({ token: ReplaceRouterPathsService, factory: ReplaceRouterPathsService.ɵfac, providedIn: 'root' });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(ReplaceRouterPathsService, [{
-                type: i0.Injectable,
-                args: [{ providedIn: 'root' }]
-            }], null, null);
-    })();
-
-    var ReplaceRouterPathsPipe = /** @class */ (function () {
-        function ReplaceRouterPathsPipe(rrp) {
-            this.rrp = rrp;
-        }
-        ReplaceRouterPathsPipe.prototype.transform = function (routerLink) {
-            return this.rrp.transform(routerLink);
-        };
-        return ReplaceRouterPathsPipe;
-    }());
-    ReplaceRouterPathsPipe.ɵfac = function ReplaceRouterPathsPipe_Factory(t) { return new (t || ReplaceRouterPathsPipe)(i0__namespace.ɵɵdirectiveInject(ReplaceRouterPathsService, 16)); };
-    ReplaceRouterPathsPipe.ɵpipe = /*@__PURE__*/ i0__namespace.ɵɵdefinePipe({ name: "replaceRouterPaths", type: ReplaceRouterPathsPipe, pure: true });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(ReplaceRouterPathsPipe, [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'replaceRouterPaths'
-                    }]
-            }], function () { return [{ type: ReplaceRouterPathsService }]; }, null);
-    })();
-
-    var NavigationComponentModule = /** @class */ (function () {
-        function NavigationComponentModule() {
-        }
-        return NavigationComponentModule;
-    }());
-    NavigationComponentModule.ɵfac = function NavigationComponentModule_Factory(t) { return new (t || NavigationComponentModule)(); };
-    NavigationComponentModule.ɵmod = /*@__PURE__*/ i0__namespace.ɵɵdefineNgModule({ type: NavigationComponentModule });
-    NavigationComponentModule.ɵinj = /*@__PURE__*/ i0__namespace.ɵɵdefineInjector({ imports: [[
-                i3$3.MatIconModule,
-                i1$2.MatButtonModule,
-                flexLayout.FlexLayoutModule,
-                i1$4.RouterModule,
-                i2.CommonModule,
-                i6$1.IconDirectiveModule,
-                components.ButtonComponentModule,
-                i6.MatRippleModule,
-                i2$5.MatDividerModule,
-                i3$5.StopPropagationDirectiveModule,
-                i3$6.MatTooltipModule
-            ]] });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(NavigationComponentModule, [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [NavigationComponent, NavigationItemComponent, ReplaceRouterPathsPipe],
-                        imports: [
-                            i3$3.MatIconModule,
-                            i1$2.MatButtonModule,
-                            flexLayout.FlexLayoutModule,
-                            i1$4.RouterModule,
-                            i2.CommonModule,
-                            i6$1.IconDirectiveModule,
-                            components.ButtonComponentModule,
-                            i6.MatRippleModule,
-                            i2$5.MatDividerModule,
-                            i3$5.StopPropagationDirectiveModule,
-                            i3$6.MatTooltipModule
-                        ],
-                        exports: [NavigationComponent]
-                    }]
-            }], null, null);
-    })();
-    (function () {
-        (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(NavigationComponentModule, { declarations: [NavigationComponent, NavigationItemComponent, ReplaceRouterPathsPipe], imports: [i3$3.MatIconModule,
-                i1$2.MatButtonModule,
-                flexLayout.FlexLayoutModule,
-                i1$4.RouterModule,
-                i2.CommonModule,
-                i6$1.IconDirectiveModule,
-                components.ButtonComponentModule,
-                i6.MatRippleModule,
-                i2$5.MatDividerModule,
-                i3$5.StopPropagationDirectiveModule,
-                i3$6.MatTooltipModule], exports: [NavigationComponent] });
-    })();
-    i0__namespace.ɵɵsetComponentScope(NavigationItemComponent, [i1__namespace$4.RouterLinkWithHref, i1__namespace$4.RouterLinkActive, i6__namespace.MatRipple, i3__namespace$6.MatTooltip, i2__namespace.NgIf, i3__namespace$3.MatIcon, i6__namespace$1.IconDirective, NavigationComponent, i1__namespace$3.DefaultFlexDirective, i2__namespace.NgForOf], [i2__namespace.AsyncPipe]);
-
-    var SidenavModule = /** @class */ (function () {
-        function SidenavModule() {
-        }
-        return SidenavModule;
-    }());
-    SidenavModule.ɵfac = function SidenavModule_Factory(t) { return new (t || SidenavModule)(); };
-    SidenavModule.ɵmod = /*@__PURE__*/ i0__namespace.ɵɵdefineNgModule({ type: SidenavModule });
-    SidenavModule.ɵinj = /*@__PURE__*/ i0__namespace.ɵɵdefineInjector({ imports: [[
-                flexLayout.FlexLayoutModule,
-                NavigationComponentModule,
-                i2.CommonModule,
-                i2$5.MatDividerModule,
-                i3$3.MatIconModule,
-                i1$2.MatButtonModule
-            ]] });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(SidenavModule, [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [SidenavComponent, SidenavHeaderDirective, SidenavFooterDirective],
-                        imports: [
-                            flexLayout.FlexLayoutModule,
-                            NavigationComponentModule,
-                            i2.CommonModule,
-                            i2$5.MatDividerModule,
-                            i3$3.MatIconModule,
-                            i1$2.MatButtonModule
-                        ],
-                        exports: [SidenavComponent, SidenavHeaderDirective, SidenavFooterDirective],
-                    }]
-            }], null, null);
-    })();
-    (function () {
-        (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(SidenavModule, { declarations: [SidenavComponent, SidenavHeaderDirective, SidenavFooterDirective], imports: [flexLayout.FlexLayoutModule,
-                NavigationComponentModule,
-                i2.CommonModule,
-                i2$5.MatDividerModule,
-                i3$3.MatIconModule,
-                i1$2.MatButtonModule], exports: [SidenavComponent, SidenavHeaderDirective, SidenavFooterDirective] });
-    })();
-
-    var SidenavContentModule = /** @class */ (function () {
-        function SidenavContentModule() {
-        }
-        return SidenavContentModule;
-    }());
-    SidenavContentModule.ɵfac = function SidenavContentModule_Factory(t) { return new (t || SidenavContentModule)(); };
-    SidenavContentModule.ɵmod = /*@__PURE__*/ i0__namespace.ɵɵdefineNgModule({ type: SidenavContentModule });
-    SidenavContentModule.ɵinj = /*@__PURE__*/ i0__namespace.ɵɵdefineInjector({ imports: [[
-                i2.CommonModule,
-                i1$4.RouterModule
-            ]] });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(SidenavContentModule, [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [SidenavContentComponent],
-                        imports: [
-                            i2.CommonModule,
-                            i1$4.RouterModule
-                        ],
-                        exports: [SidenavContentComponent]
-                    }]
-            }], null, null);
-    })();
-    (function () {
-        (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(SidenavContentModule, { declarations: [SidenavContentComponent], imports: [i2.CommonModule,
-                i1$4.RouterModule], exports: [SidenavContentComponent] });
-    })();
-
-    var WindowContainerSidenavModule = /** @class */ (function () {
-        function WindowContainerSidenavModule() {
-        }
-        return WindowContainerSidenavModule;
-    }());
-    WindowContainerSidenavModule.ɵfac = function WindowContainerSidenavModule_Factory(t) { return new (t || WindowContainerSidenavModule)(); };
-    WindowContainerSidenavModule.ɵmod = /*@__PURE__*/ i0__namespace.ɵɵdefineNgModule({ type: WindowContainerSidenavModule });
-    WindowContainerSidenavModule.ɵinj = /*@__PURE__*/ i0__namespace.ɵɵdefineInjector({ imports: [[
-                flexLayout.FlexLayoutModule,
-                i2.CommonModule,
-                i4.PortalModule,
-            ]] });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WindowContainerSidenavModule, [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [WindowContainerSidenavComponent],
-                        imports: [
-                            flexLayout.FlexLayoutModule,
-                            i2.CommonModule,
-                            i4.PortalModule,
-                        ],
-                        exports: [WindowContainerSidenavComponent],
-                    }]
-            }], null, null);
-    })();
-    (function () {
-        (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(WindowContainerSidenavModule, { declarations: [WindowContainerSidenavComponent], imports: [flexLayout.FlexLayoutModule,
-                i2.CommonModule,
-                i4.PortalModule], exports: [WindowContainerSidenavComponent] });
-    })();
-
-    var ToggleWindowSidenavButtonModule = /** @class */ (function () {
-        function ToggleWindowSidenavButtonModule() {
-        }
-        return ToggleWindowSidenavButtonModule;
-    }());
-    ToggleWindowSidenavButtonModule.ɵfac = function ToggleWindowSidenavButtonModule_Factory(t) { return new (t || ToggleWindowSidenavButtonModule)(); };
-    ToggleWindowSidenavButtonModule.ɵmod = /*@__PURE__*/ i0__namespace.ɵɵdefineNgModule({ type: ToggleWindowSidenavButtonModule });
-    ToggleWindowSidenavButtonModule.ɵinj = /*@__PURE__*/ i0__namespace.ɵɵdefineInjector({ imports: [[
-                i1$2.MatButtonModule,
-                i3$3.MatIconModule,
-                i2.CommonModule,
-            ]] });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(ToggleWindowSidenavButtonModule, [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [ToggleWindowSidenavButtonComponent],
-                        imports: [
-                            i1$2.MatButtonModule,
-                            i3$3.MatIconModule,
-                            i2.CommonModule,
-                        ],
-                        exports: [ToggleWindowSidenavButtonComponent],
-                    }]
-            }], null, null);
-    })();
-    (function () {
-        (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(ToggleWindowSidenavButtonModule, { declarations: [ToggleWindowSidenavButtonComponent], imports: [i1$2.MatButtonModule,
-                i3$3.MatIconModule,
-                i2.CommonModule], exports: [ToggleWindowSidenavButtonComponent] });
-    })();
-
-    var LayoutModule = /** @class */ (function () {
-        function LayoutModule() {
-        }
-        LayoutModule.withNavigation = function (navigation) {
-            return {
-                ngModule: LayoutModule,
-                providers: [
-                    {
-                        provide: RXAP_NAVIGATION_CONFIG,
-                        useValue: navigation
-                    }
-                ]
-            };
-        };
-        return LayoutModule;
-    }());
-    LayoutModule.ɵfac = function LayoutModule_Factory(t) { return new (t || LayoutModule)(); };
-    LayoutModule.ɵmod = /*@__PURE__*/ i0__namespace.ɵɵdefineNgModule({ type: LayoutModule });
-    LayoutModule.ɵinj = /*@__PURE__*/ i0__namespace.ɵɵdefineInjector({ imports: [[
-                i3$4.MatSidenavModule,
-                FooterModule,
-                HeaderModule,
-                i2.CommonModule,
-                SidenavModule,
-                SidenavContentModule,
-                WindowContainerSidenavModule,
-                ToggleWindowSidenavButtonModule,
-                flexLayout.FlexLayoutModule,
-                i1$4.RouterModule
-            ]] });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(LayoutModule, [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [LayoutComponent],
-                        imports: [
-                            i3$4.MatSidenavModule,
-                            FooterModule,
-                            HeaderModule,
-                            i2.CommonModule,
-                            SidenavModule,
-                            SidenavContentModule,
-                            WindowContainerSidenavModule,
-                            ToggleWindowSidenavButtonModule,
-                            flexLayout.FlexLayoutModule,
-                            i1$4.RouterModule
-                        ],
-                        exports: [LayoutComponent]
-                    }]
-            }], null, null);
-    })();
-    (function () {
-        (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(LayoutModule, { declarations: [LayoutComponent], imports: [i3$4.MatSidenavModule,
-                FooterModule,
-                HeaderModule,
-                i2.CommonModule,
-                SidenavModule,
-                SidenavContentModule,
-                WindowContainerSidenavModule,
-                ToggleWindowSidenavButtonModule,
-                flexLayout.FlexLayoutModule,
-                i1$4.RouterModule], exports: [LayoutComponent] });
-    })();
-
-    function VersionComponent_div_1_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div", 2);
-            i0__namespace.ɵɵelementStart(1, "span", 3);
-            i0__namespace.ɵɵtext(2);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(3, "span", 4);
-            i0__namespace.ɵɵtext(4);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(5, "span", 5);
-            i0__namespace.ɵɵtext(6);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var module_r1 = ctx.$implicit;
-            i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate(module_r1.value.name);
-            i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate(module_r1.value.semantic);
-            i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate(module_r1.value.hash);
-        }
-    }
-    var VersionComponent = /** @class */ (function () {
-        function VersionComponent(version) {
-            this.version = version;
-        }
-        VersionComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            this.modules = this.version.get();
-            this.subscription = this.version.update$.pipe(operators.tap(function () { return _this.modules = _this.version.get(); })).subscribe();
-        };
-        VersionComponent.prototype.ngOnDestroy = function () {
-            var _a;
-            (_a = this.subscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
-        };
-        return VersionComponent;
-    }());
-    VersionComponent.ɵfac = function VersionComponent_Factory(t) { return new (t || VersionComponent)(i0__namespace.ɵɵdirectiveInject(i1.VersionService)); };
-    VersionComponent.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: VersionComponent, selectors: [["rxap-version"]], decls: 3, vars: 3, consts: [["fxFlex", "nogrow", "fxLayout", "column", "fxLayoutAlign", "start start", "fxLayoutGap", "8px", 1, "version"], ["fxFlex", "nogrow", "fxLayout", "column", 4, "ngFor", "ngForOf"], ["fxFlex", "nogrow", "fxLayout", "column"], ["fxFlex", "nogrow", 1, "name"], ["fxFlex", "nogrow", 1, "semantic"], ["fxFlex", "nogrow", 1, "hash"]], template: function VersionComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0__namespace.ɵɵelementStart(0, "div", 0);
-                i0__namespace.ɵɵtemplate(1, VersionComponent_div_1_Template, 7, 3, "div", 1);
-                i0__namespace.ɵɵpipe(2, "keyvalue");
-                i0__namespace.ɵɵelementEnd();
-            }
-            if (rf & 2) {
-                i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngForOf", i0__namespace.ɵɵpipeBind1(2, 1, ctx.modules));
-            }
-        }, directives: [i1__namespace$3.DefaultFlexDirective, i1__namespace$3.DefaultLayoutDirective, i1__namespace$3.DefaultLayoutAlignDirective, i1__namespace$3.DefaultLayoutGapDirective, i2__namespace.NgForOf], pipes: [i2__namespace.KeyValuePipe], styles: [".version[_ngcontent-%COMP%]{width:100%;font-size:9px;padding:8px}.version[_ngcontent-%COMP%]   .name[_ngcontent-%COMP%]{padding-bottom:12px;font-size:10px}"], changeDetection: 0 });
-    __decorate([
-        utilities.Required,
-        __metadata("design:type", Object)
-    ], VersionComponent.prototype, "modules", void 0);
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(VersionComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: 'rxap-version',
-                        templateUrl: './version.component.html',
-                        styleUrls: ['./version.component.scss'],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush
-                    }]
-            }], function () {
-            return [{ type: i1__namespace.VersionService, decorators: [{
-                            type: i0.Inject,
-                            args: [i1.VersionService]
-                        }] }];
-        }, { modules: [] });
-    })();
-
-    var VersionComponentModule = /** @class */ (function () {
-        function VersionComponentModule() {
-        }
-        return VersionComponentModule;
-    }());
-    VersionComponentModule.ɵfac = function VersionComponentModule_Factory(t) { return new (t || VersionComponentModule)(); };
-    VersionComponentModule.ɵmod = /*@__PURE__*/ i0__namespace.ɵɵdefineNgModule({ type: VersionComponentModule });
-    VersionComponentModule.ɵinj = /*@__PURE__*/ i0__namespace.ɵɵdefineInjector({ imports: [[
-                flexLayout.FlexLayoutModule,
-                i2.CommonModule
-            ]] });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(VersionComponentModule, [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [VersionComponent],
-                        imports: [
-                            flexLayout.FlexLayoutModule,
-                            i2.CommonModule
-                        ],
-                        exports: [VersionComponent]
-                    }]
-            }], null, null);
-    })();
-    (function () {
-        (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(VersionComponentModule, { declarations: [VersionComponent], imports: [flexLayout.FlexLayoutModule,
-                i2.CommonModule], exports: [VersionComponent] });
-    })();
-
-    var FooterDirective = /** @class */ (function () {
-        function FooterDirective(footerService, template, viewContainerRef) {
-            this.footerService = footerService;
-            this.template = template;
-            this.viewContainerRef = viewContainerRef;
-        }
-        FooterDirective.prototype.ngOnInit = function () {
-            this._portal = new i4.TemplatePortal(this.template, this.viewContainerRef);
-            this.footerService.pushPortal(this._portal);
-        };
-        FooterDirective.prototype.ngOnDestroy = function () {
-            if (this._portal) {
-                this.footerService.removePortal(this._portal);
-            }
-        };
-        return FooterDirective;
-    }());
-    FooterDirective.ɵfac = function FooterDirective_Factory(t) { return new (t || FooterDirective)(i0__namespace.ɵɵdirectiveInject(i1.FooterService), i0__namespace.ɵɵdirectiveInject(i0.TemplateRef), i0__namespace.ɵɵdirectiveInject(i0.ViewContainerRef)); };
-    FooterDirective.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: FooterDirective, selectors: [["", "rxapFooter", ""]] });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(FooterDirective, [{
-                type: i0.Directive,
-                args: [{
-                        selector: '[rxapFooter]',
-                    }]
-            }], function () {
-            return [{ type: i1__namespace.FooterService, decorators: [{
-                            type: i0.Inject,
-                            args: [i1.FooterService]
-                        }] }, { type: i0__namespace.TemplateRef, decorators: [{
-                            type: i0.Inject,
-                            args: [i0.TemplateRef]
-                        }] }, { type: i0__namespace.ViewContainerRef, decorators: [{
-                            type: i0.Inject,
-                            args: [i0.ViewContainerRef]
-                        }] }];
-        }, null);
-    })();
-    var FooterDirectiveModule = /** @class */ (function () {
-        function FooterDirectiveModule() {
-        }
-        return FooterDirectiveModule;
-    }());
-    FooterDirectiveModule.ɵfac = function FooterDirectiveModule_Factory(t) { return new (t || FooterDirectiveModule)(); };
-    FooterDirectiveModule.ɵmod = /*@__PURE__*/ i0__namespace.ɵɵdefineNgModule({ type: FooterDirectiveModule });
-    FooterDirectiveModule.ɵinj = /*@__PURE__*/ i0__namespace.ɵɵdefineInjector({});
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(FooterDirectiveModule, [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [FooterDirective],
-                        exports: [FooterDirective],
-                    }]
-            }], null, null);
-    })();
-    (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(FooterDirectiveModule, { declarations: [FooterDirective], exports: [FooterDirective] }); })();
-
-    /**
-     * Generated bundle index. Do not edit.
-     */
-
-    exports.AppsButtonComponent = AppsButtonComponent;
-    exports.AppsButtonComponentModule = AppsButtonComponentModule;
-    exports.FooterComponent = FooterComponent;
-    exports.FooterDirective = FooterDirective;
-    exports.FooterDirectiveModule = FooterDirectiveModule;
-    exports.FooterModule = FooterModule;
-    exports.HeaderComponent = HeaderComponent;
-    exports.HeaderModule = HeaderModule;
-    exports.IsNavigationDividerItem = IsNavigationDividerItem;
-    exports.IsNavigationInsertItem = IsNavigationInsertItem;
-    exports.IsNavigationItem = IsNavigationItem;
-    exports.LayoutComponent = LayoutComponent;
-    exports.LayoutComponentService = LayoutComponentService;
-    exports.LayoutModule = LayoutModule;
-    exports.NavigationComponent = NavigationComponent;
-    exports.NavigationComponentModule = NavigationComponentModule;
-    exports.NavigationItemComponent = NavigationItemComponent;
-    exports.NavigationProgressBarComponent = NavigationProgressBarComponent;
-    exports.NavigationProgressBarComponentModule = NavigationProgressBarComponentModule;
-    exports.NavigationService = NavigationService;
-    exports.RXAP_FOOTER_COMPONENT = RXAP_FOOTER_COMPONENT;
-    exports.RXAP_HEADER_COMPONENT = RXAP_HEADER_COMPONENT;
-    exports.RXAP_LAYOUT_APPS_GRID = RXAP_LAYOUT_APPS_GRID;
-    exports.RXAP_LOGO_CONFIG = RXAP_LOGO_CONFIG;
-    exports.RXAP_NAVIGATION_CONFIG = RXAP_NAVIGATION_CONFIG;
-    exports.RXAP_NAVIGATION_CONFIG_INSERTS = RXAP_NAVIGATION_CONFIG_INSERTS;
-    exports.ReplaceRouterPathsService = ReplaceRouterPathsService;
-    exports.ResetButtonComponent = ResetButtonComponent;
-    exports.ResetButtonComponentModule = ResetButtonComponentModule;
-    exports.SidenavComponent = SidenavComponent;
-    exports.SidenavComponentService = SidenavComponentService;
-    exports.SidenavContentComponent = SidenavContentComponent;
-    exports.SidenavContentComponentService = SidenavContentComponentService;
-    exports.SidenavContentModule = SidenavContentModule;
-    exports.SidenavFooterDirective = SidenavFooterDirective;
-    exports.SidenavHeaderDirective = SidenavHeaderDirective;
-    exports.SidenavModule = SidenavModule;
-    exports.SidenavToggleButtonComponent = SidenavToggleButtonComponent;
-    exports.SidenavToggleButtonComponentModule = SidenavToggleButtonComponentModule;
-    exports.SignOutComponent = SignOutComponent;
-    exports.SignOutComponentModule = SignOutComponentModule;
-    exports.ToggleWindowSidenavButtonComponent = ToggleWindowSidenavButtonComponent;
-    exports.ToggleWindowSidenavButtonModule = ToggleWindowSidenavButtonModule;
-    exports.UserProfileIconComponent = UserProfileIconComponent;
-    exports.UserProfileIconComponentModule = UserProfileIconComponentModule;
-    exports.VersionComponent = VersionComponent;
-    exports.VersionComponentModule = VersionComponentModule;
-    exports.WindowContainerSidenavComponent = WindowContainerSidenavComponent;
-    exports.WindowContainerSidenavModule = WindowContainerSidenavModule;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-})));
-//# sourceMappingURL=rxap-layout.umd.js.map