@open-rlb/ng-app 3.1.51 → 3.1.53

package/fesm2022/open-rlb-ng-app.mjs

@@ -494,8 +494,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImpor
         }] });
 
 const DEFAULT_ROUTES_CONFIG = [
-    { path: 'setting' },
-    { path: 'setting/general' },
+    { path: 'settings' },
+    { path: 'settings/general' },
     { path: 'apps' },
     { path: 'profile' },
     { path: 'content', configKey: 'content' },
@@ -755,7 +755,11 @@ class AppsService {
         }
         const qp = new URLSearchParams(route.snapshot.queryParams).toString();
         const url = currentPath + (qp ? `?${qp}` : '');
-        const viewMode = this.isSettingsRoute(route) ? 'settings' : 'app';
+        const viewMode = appToSelect
+            ? appToSelect.viewMode
+            : this.getAppViewMode(route)
+                ? 'settings'
+                : 'app';
         this.selectApp(appToSelect, viewMode, url);
     }
     findDeepestChild(route) {
@@ -773,8 +777,8 @@ class AppsService {
             return null;
         }
     }
-    isSettingsRoute(route) {
-        return route.routeConfig?.path?.includes('settings') ?? false;
+    getAppViewMode(route) {
+        return route.routeConfig?.path?.includes('settings') ? 'settings' : 'app';
     }
     isDefaultRoute(route) {
         return DEFAULT_ROUTES_CONFIG.some(r => r.path.includes(route));
@@ -2223,11 +2227,11 @@ class AppTemplateComponent {
         this.appsService.selectApp(app, viewMode);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AppTemplateComponent, deps: [{ token: RLB_CFG_ENV }, { token: i1$1.Store }, { token: AppsService }, { token: AuthenticationService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: AppTemplateComponent, isStandalone: false, selector: "rlb-app-template", inputs: { modalContainerId: ["modal-container-id", "modalContainerId"], toastContainerIds: ["toast-container-ids", "toastContainerIds"] }, ngImport: i0, template: "<div class=\"rlb-app\">\n  @if (navVisible$ | async) {\n    <rlb-navbar [dark]=\"theme === 'dark'\" [showSideBarToggler]=\"(sidebarVisible$ | async)\"  expand=\"lg\" class=\"border-bottom py-1 rlb-navbar\">\n      @if (navHeader$ | async; as header) {\n        <a rlb-navbar-brand href=\"#\">\n\n          @if (header.type === 'text') {\n            {{ header.text }}\n          }\n\n          @if (header.type === 'image') {\n            <img\n              [src]=\"header.src\"\n              [alt]=\"header.alt ?? 'Brand'\"\n              [height]=\"header.height ?? 40\"\n            />\n          }\n        </a>\n      }\n      @if (navSearchVisible$ | async) {\n        <rlb-navbar-form>\n          <rlb-input-group class=\"my-1 mx-3\" validate>\n            <rlb-input type=\"search\" class=\"search-input\" placeholder=\"Search\" [(ngModel)]=\"navSearchText\"\n                       (keyup.enter)=\"setNavbarSearchText(navSearchText)\" name=\"search\" size=\"small\">\n              <button after rlb-button outline type=\"submit\" (click)=\"setNavbarSearchText(navSearchText)\" size=\"sm\">\n                <i class=\"bi bi-search\"></i>\n              </button>\n            </rlb-input>\n          </rlb-input-group>\n        </rlb-navbar-form>\n      }\n      @for (navComponent of navLeftItems$ | async; track navComponent) {\n        <rlb-navbar-items class=\"me-auto align-items-center\">\n          <ng-container ngProjectAs=\"rlb-navbar-item\">\n            <ng-container *ngComponentOutlet=\"navComponent | leftComponent\"></ng-container>\n          </ng-container>\n        </rlb-navbar-items>\n      }\n      <rlb-navbar-items class=\"align-items-center\">\n        @for (navComponent of navRightItems$ | async; track navComponent) {\n          <ng-container ngProjectAs=\"rlb-navbar-item\">\n            <ng-container *ngComponentOutlet=\"navComponent | rightComponent\"></ng-container>\n          </ng-container>\n        }\n        @if ((separatorVisible$ | async)) {\n          <rlb-navbar-separator />\n        }\n\n        <ng-container ngProjectAs=\"rlb-navbar-item\">\n          @if ((navbarLayout$ | async) == 'default') {\n            @if ((navbarHasLogin$ | async) && !(isAuth$ | async)) {\n              <rlb-navbar-item (click)=\"loginNav($event)\">\n                <span tooltip-placement=\"bottom\" [tooltip]=\"('core.account.login') |translate\">\n                  <i class=\" bi bi-box-arrow-in-left\"></i>\n                </span>\n                <span class=\"ms-1 d-lg-none\">{{'core.account.login' | translate}}</span>\n              </rlb-navbar-item>\n            }\n\n            @if ( (navbarHasLogin$ | async) && (isAuth$ | async)) {\n              <rlb-navbar-item [router-link]=\"'/profile'\">\n              <span tooltip-placement=\"bottom\" [tooltip]=\"('core.account.title') |translate\">\n                <i class=\"bi bi-person\"></i>\n              </span>\n                <span class=\"ms-1 d-lg-none\">{{'core.account.title' | translate}}</span>\n              </rlb-navbar-item>\n            }\n\n            @if (navbarHasSettings$ | async) {\n              <rlb-navbar-item [router-link]=\"'/setting'\">\n              <span tooltip-placement=\"bottom\" [tooltip]=\"('core.settings.title') |translate\">\n                <i class=\"bi bi-gear\"></i>\n              </span>\n                <span class=\"ms-1 d-lg-none\">{{'core.settings.title' | translate}}</span>\n              </rlb-navbar-item>\n            }\n\n            @if ((navbarHasApps$ | async) && apps.length > 1) {\n              <rlb-navbar-item [router-link]=\"'/apps'\">\n              <span tooltip-placement=\"bottom\" [tooltip]=\"('core.apps.button') |translate\">\n                <i class=\"bi bi-grid-3x3-gap-fill\"></i>\n              </span>\n                <span class=\"ms-1 d-lg-none\">{{'core.apps.button' | translate}}</span>\n              </rlb-navbar-item>\n            }\n\n          } @else if ((navbarLayout$ | async) == 'dropdown') {\n            <!-- MODERN DROPDOWN MODE -->\n\n            <!--Unauthenticated Login -->\n            @if ((navbarHasLogin$ | async) && !(isAuth$ | async)) {\n              <rlb-navbar-item (click)=\"loginNav($event)\">\n                <span tooltip-placement=\"bottom\" [tooltip]=\"('core.account.login') | translate\">\n                  <i class=\"bi bi-box-arrow-in-left fs-5\"></i>\n                </span>\n                <span class=\"ms-1 d-lg-none\">{{ 'core.account.login' | translate }}</span>\n              </rlb-navbar-item>\n            }\n\n            <!-- Profile & Settings Account Card -->\n            @if (((navbarHasLogin$ | async) && (isAuth$ | async)) || (navbarHasSettings$ | async)) {\n              <rlb-settings-dropdown-selector\n                [apps]=\"apps\"\n                [isAuth]=\"isAuth$ | async\"\n                [navbarHasLogin]=\"navbarHasLogin$ | async\"\n                [navbarHasSettings]=\"navbarHasSettings$ | async\"\n                (appSelected)=\"selectApp($event, 'settings')\"\n              />\n            }\n\n            <!-- Apps Launcher -->\n            @if ((navbarHasApps$ | async) && apps.length > 1) {\n              <rlb-app-dropdown-selector\n                [apps]=\"apps\"\n                [isAuth]=\"isAuth$ | async\"\n                (appSelected)=\"selectApp($event, 'app')\"\n              />\n            }\n          }\n        </ng-container>\n      </rlb-navbar-items>\n    </rlb-navbar>\n  }\n  <div class=\"rlb-main-wrapper\">\n    @if ((sidebarVisible$ | async)) {\n      <rlb-sidebar [dark]=\"theme === 'dark'\" id=\"sidebar\" class=\"rlb-sidebar\">\n        @for (item of  (sidebarItems$ | async); track item) {\n          <rlb-sidebar-item\n            [icon]=\"item.icon\" [link]=\"item.url\"\n            [title]=\"item.title\" [label]=\"item.label\"\n            [badgeCounter]=\"item.badgeCounter\"\n            (click)=\"onSideBarItemClick(item)\"\n            >\n            {{item.label}}\n            @for (subitem of item.items || []; track subitem) {\n              <rlb-sidebar-item\n                [icon]=\"subitem.icon\"\n                [link]=\"subitem.url\"\n                [title]=\"subitem.title\"\n                [label]=\"subitem.label\"\n                [badgeCounter]=\"subitem.badgeCounter\"\n                (click)=\"onSideBarItemClick(subitem)\"\n                >\n                {{subitem.label}}\n              </rlb-sidebar-item>\n            }\n          </rlb-sidebar-item>\n        }\n      </rlb-sidebar>\n    }\n    <div class=\"rlb-content\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n\n@if (modalContainerId) {\n  <rlb-modal-container [id]=\"modalContainerId\" />\n}\n\n@if (toastContainerIds) {\n  @if (toastContainerIds.constructor.name === 'Array') {\n    @for (toastContainerId of toastContainerIds | asMulti; track toastContainerId) {\n      <rlb-toast-container [id]=\"toastContainerId\" />\n    }\n  } @else {\n    <rlb-toast-container class=\"position-fixed bottom-0 end-0 p-3\" [id]=\"toastContainerIds | asSingle\" />\n  }\n}\n", styles: [".separator{border-left:1px solid;padding:0 2px}\n"], dependencies: [{ kind: "directive", type: i1$6.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$1.InputComponent, selector: "rlb-input", inputs: ["disabled", "readonly", "before-text", "placeholder", "type", "size", "name", "max", "min", "step", "date-type", "timezone", "id", "extValidation", "enable-validation"] }, { kind: "component", type: i2$1.InputGroupComponent, selector: "rlb-input-group", inputs: ["text", "validate", "size"] }, { kind: "component", type: i2$1.ButtonComponent, selector: "button[rlb-button], a[rlb-button]", inputs: ["color", "size", "disabled", "outline", "isLink"] }, { kind: "directive", type: i2$1.TooltipDirective, selector: "[tooltip]", inputs: ["tooltip", "tooltip-placement", "tooltip-class", "tooltip-html"] }, { kind: "directive", type: i2$1.NavbarBrandDirective, selector: "[rlb-navbar-brand]" }, { kind: "component", type: i2$1.NavbarComponent, selector: "rlb-navbar", inputs: ["dark", "showSideBarToggler", "color", "placement", "expand", "class", "enable-dropdown-toggler"] }, { kind: "component", type: i2$1.NavbarFormComponent, selector: "rlb-navbar-form", inputs: ["role", "class"] }, { kind: "component", type: i2$1.NavbarItemsComponent, selector: "rlb-navbar-items", inputs: ["scroll", "class"], outputs: ["click"] }, { kind: "component", type: i2$1.NavbarItemComponent, selector: "rlb-navbar-item", inputs: ["disabled", "router-link", "class"], outputs: ["click"] }, { kind: "component", type: i2$1.NavbarSeparatorComponent, selector: "rlb-navbar-separator", inputs: ["class"] }, { kind: "component", type: i2$1.SidebarComponent, selector: "rlb-sidebar", inputs: ["dark", "rounded"] }, { kind: "component", type: i2$1.SidebarItemComponent, selector: "rlb-sidebar-item", inputs: ["title", "icon", "label", "link", "badgeCounter"], outputs: ["click"] }, { kind: "component", type: i2$1.ModalContainerComponent, selector: "rlb-modal-container", inputs: ["id"] }, { kind: "component", type: i2$1.ToastContainerComponent, selector: "rlb-toast-container", inputs: ["id"] }, { kind: "component", type: SettingsDropdownSelectorComponent, selector: "rlb-settings-dropdown-selector", inputs: ["apps", "navbarHasSettings", "navbarHasLogin", "isAuth"], outputs: ["appSelected"] }, { kind: "component", type: AppDropdownSelectorComponent, selector: "rlb-app-dropdown-selector", inputs: ["apps", "isAuth"], outputs: ["appSelected"] }, { kind: "pipe", type: i1$6.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$3.TranslatePipe, name: "translate" }, { kind: "pipe", type: AsMultiPipe, name: "asMulti" }, { kind: "pipe", type: AsSinglePipe, name: "asSingle" }, { kind: "pipe", type: LeftComponentPipe, name: "leftComponent" }, { kind: "pipe", type: RightComponentPipe, name: "rightComponent" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: AppTemplateComponent, isStandalone: false, selector: "rlb-app-template", inputs: { modalContainerId: ["modal-container-id", "modalContainerId"], toastContainerIds: ["toast-container-ids", "toastContainerIds"] }, ngImport: i0, template: "<div class=\"rlb-app\">\n  @if (navVisible$ | async) {\n    <rlb-navbar [dark]=\"theme === 'dark'\" [showSideBarToggler]=\"(sidebarVisible$ | async)\"  expand=\"lg\" class=\"border-bottom py-1 rlb-navbar\">\n      @if (navHeader$ | async; as header) {\n        <a rlb-navbar-brand href=\"#\">\n\n          @if (header.type === 'text') {\n            {{ header.text }}\n          }\n\n          @if (header.type === 'image') {\n            <img\n              [src]=\"header.src\"\n              [alt]=\"header.alt ?? 'Brand'\"\n              [height]=\"header.height ?? 40\"\n            />\n          }\n        </a>\n      }\n      @if (navSearchVisible$ | async) {\n        <rlb-navbar-form>\n          <rlb-input-group class=\"my-1 mx-3\" validate>\n            <rlb-input type=\"search\" class=\"search-input\" placeholder=\"Search\" [(ngModel)]=\"navSearchText\"\n                       (keyup.enter)=\"setNavbarSearchText(navSearchText)\" name=\"search\" size=\"small\">\n              <button after rlb-button outline type=\"submit\" (click)=\"setNavbarSearchText(navSearchText)\" size=\"sm\">\n                <i class=\"bi bi-search\"></i>\n              </button>\n            </rlb-input>\n          </rlb-input-group>\n        </rlb-navbar-form>\n      }\n      @for (navComponent of navLeftItems$ | async; track navComponent) {\n        <rlb-navbar-items class=\"me-auto align-items-center\">\n          <ng-container ngProjectAs=\"rlb-navbar-item\">\n            <ng-container *ngComponentOutlet=\"navComponent | leftComponent\"></ng-container>\n          </ng-container>\n        </rlb-navbar-items>\n      }\n      <rlb-navbar-items class=\"align-items-center\">\n        @for (navComponent of navRightItems$ | async; track navComponent) {\n          <ng-container ngProjectAs=\"rlb-navbar-item\">\n            <ng-container *ngComponentOutlet=\"navComponent | rightComponent\"></ng-container>\n          </ng-container>\n        }\n        @if ((separatorVisible$ | async)) {\n          <rlb-navbar-separator />\n        }\n\n        <ng-container ngProjectAs=\"rlb-navbar-item\">\n          @if ((navbarLayout$ | async) == 'default') {\n            @if ((navbarHasLogin$ | async) && !(isAuth$ | async)) {\n              <rlb-navbar-item (click)=\"loginNav($event)\">\n                <span tooltip-placement=\"bottom\" [tooltip]=\"('core.account.login') |translate\">\n                  <i class=\" bi bi-box-arrow-in-left\"></i>\n                </span>\n                <span class=\"ms-1 d-lg-none\">{{'core.account.login' | translate}}</span>\n              </rlb-navbar-item>\n            }\n\n            @if ( (navbarHasLogin$ | async) && (isAuth$ | async)) {\n              <rlb-navbar-item [router-link]=\"'/profile'\">\n              <span tooltip-placement=\"bottom\" [tooltip]=\"('core.account.title') |translate\">\n                <i class=\"bi bi-person\"></i>\n              </span>\n                <span class=\"ms-1 d-lg-none\">{{'core.account.title' | translate}}</span>\n              </rlb-navbar-item>\n            }\n\n            @if (navbarHasSettings$ | async) {\n              <rlb-navbar-item [router-link]=\"'/settings'\">\n              <span tooltip-placement=\"bottom\" [tooltip]=\"('core.settings.title') |translate\">\n                <i class=\"bi bi-gear\"></i>\n              </span>\n                <span class=\"ms-1 d-lg-none\">{{'core.settings.title' | translate}}</span>\n              </rlb-navbar-item>\n            }\n\n            @if ((navbarHasApps$ | async) && apps.length > 1) {\n              <rlb-navbar-item [router-link]=\"'/apps'\">\n              <span tooltip-placement=\"bottom\" [tooltip]=\"('core.apps.button') |translate\">\n                <i class=\"bi bi-grid-3x3-gap-fill\"></i>\n              </span>\n                <span class=\"ms-1 d-lg-none\">{{'core.apps.button' | translate}}</span>\n              </rlb-navbar-item>\n            }\n\n          } @else if ((navbarLayout$ | async) == 'dropdown') {\n            <!-- MODERN DROPDOWN MODE -->\n\n            <!--Unauthenticated Login -->\n            @if ((navbarHasLogin$ | async) && !(isAuth$ | async)) {\n              <rlb-navbar-item (click)=\"loginNav($event)\">\n                <span tooltip-placement=\"bottom\" [tooltip]=\"('core.account.login') | translate\">\n                  <i class=\"bi bi-box-arrow-in-left fs-5\"></i>\n                </span>\n                <span class=\"ms-1 d-lg-none\">{{ 'core.account.login' | translate }}</span>\n              </rlb-navbar-item>\n            }\n\n            <!-- Profile & Settings Account Card -->\n            @if (((navbarHasLogin$ | async) && (isAuth$ | async)) || (navbarHasSettings$ | async)) {\n              <rlb-settings-dropdown-selector\n                [apps]=\"apps\"\n                [isAuth]=\"isAuth$ | async\"\n                [navbarHasLogin]=\"navbarHasLogin$ | async\"\n                [navbarHasSettings]=\"navbarHasSettings$ | async\"\n                (appSelected)=\"selectApp($event, 'settings')\"\n              />\n            }\n\n            <!-- Apps Launcher -->\n            @if ((navbarHasApps$ | async) && apps.length > 1) {\n              <rlb-app-dropdown-selector\n                [apps]=\"apps\"\n                [isAuth]=\"isAuth$ | async\"\n                (appSelected)=\"selectApp($event, 'app')\"\n              />\n            }\n          }\n        </ng-container>\n      </rlb-navbar-items>\n    </rlb-navbar>\n  }\n  <div class=\"rlb-main-wrapper\">\n    @if ((sidebarVisible$ | async)) {\n      <rlb-sidebar [dark]=\"theme === 'dark'\" id=\"sidebar\" class=\"rlb-sidebar\">\n        @for (item of  (sidebarItems$ | async); track item) {\n          <rlb-sidebar-item\n            [icon]=\"item.icon\" [link]=\"item.url\"\n            [title]=\"item.title\" [label]=\"item.label\"\n            [badgeCounter]=\"item.badgeCounter\"\n            (click)=\"onSideBarItemClick(item)\"\n            >\n            {{item.label}}\n            @for (subitem of item.items || []; track subitem) {\n              <rlb-sidebar-item\n                [icon]=\"subitem.icon\"\n                [link]=\"subitem.url\"\n                [title]=\"subitem.title\"\n                [label]=\"subitem.label\"\n                [badgeCounter]=\"subitem.badgeCounter\"\n                (click)=\"onSideBarItemClick(subitem)\"\n                >\n                {{subitem.label}}\n              </rlb-sidebar-item>\n            }\n          </rlb-sidebar-item>\n        }\n      </rlb-sidebar>\n    }\n    <div class=\"rlb-content\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n\n@if (modalContainerId) {\n  <rlb-modal-container [id]=\"modalContainerId\" />\n}\n\n@if (toastContainerIds) {\n  @if (toastContainerIds.constructor.name === 'Array') {\n    @for (toastContainerId of toastContainerIds | asMulti; track toastContainerId) {\n      <rlb-toast-container [id]=\"toastContainerId\" />\n    }\n  } @else {\n    <rlb-toast-container class=\"position-fixed bottom-0 end-0 p-3\" [id]=\"toastContainerIds | asSingle\" />\n  }\n}\n", styles: [".separator{border-left:1px solid;padding:0 2px}\n"], dependencies: [{ kind: "directive", type: i1$6.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$1.InputComponent, selector: "rlb-input", inputs: ["disabled", "readonly", "before-text", "placeholder", "type", "size", "name", "max", "min", "step", "date-type", "timezone", "id", "extValidation", "enable-validation"] }, { kind: "component", type: i2$1.InputGroupComponent, selector: "rlb-input-group", inputs: ["text", "validate", "size"] }, { kind: "component", type: i2$1.ButtonComponent, selector: "button[rlb-button], a[rlb-button]", inputs: ["color", "size", "disabled", "outline", "isLink"] }, { kind: "directive", type: i2$1.TooltipDirective, selector: "[tooltip]", inputs: ["tooltip", "tooltip-placement", "tooltip-class", "tooltip-html"] }, { kind: "directive", type: i2$1.NavbarBrandDirective, selector: "[rlb-navbar-brand]" }, { kind: "component", type: i2$1.NavbarComponent, selector: "rlb-navbar", inputs: ["dark", "showSideBarToggler", "color", "placement", "expand", "class", "enable-dropdown-toggler"] }, { kind: "component", type: i2$1.NavbarFormComponent, selector: "rlb-navbar-form", inputs: ["role", "class"] }, { kind: "component", type: i2$1.NavbarItemsComponent, selector: "rlb-navbar-items", inputs: ["scroll", "class"], outputs: ["click"] }, { kind: "component", type: i2$1.NavbarItemComponent, selector: "rlb-navbar-item", inputs: ["disabled", "router-link", "class"], outputs: ["click"] }, { kind: "component", type: i2$1.NavbarSeparatorComponent, selector: "rlb-navbar-separator", inputs: ["class"] }, { kind: "component", type: i2$1.SidebarComponent, selector: "rlb-sidebar", inputs: ["dark", "rounded"] }, { kind: "component", type: i2$1.SidebarItemComponent, selector: "rlb-sidebar-item", inputs: ["title", "icon", "label", "link", "badgeCounter"], outputs: ["click"] }, { kind: "component", type: i2$1.ModalContainerComponent, selector: "rlb-modal-container", inputs: ["id"] }, { kind: "component", type: i2$1.ToastContainerComponent, selector: "rlb-toast-container", inputs: ["id"] }, { kind: "component", type: SettingsDropdownSelectorComponent, selector: "rlb-settings-dropdown-selector", inputs: ["apps", "navbarHasSettings", "navbarHasLogin", "isAuth"], outputs: ["appSelected"] }, { kind: "component", type: AppDropdownSelectorComponent, selector: "rlb-app-dropdown-selector", inputs: ["apps", "isAuth"], outputs: ["appSelected"] }, { kind: "pipe", type: i1$6.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$3.TranslatePipe, name: "translate" }, { kind: "pipe", type: AsMultiPipe, name: "asMulti" }, { kind: "pipe", type: AsSinglePipe, name: "asSingle" }, { kind: "pipe", type: LeftComponentPipe, name: "leftComponent" }, { kind: "pipe", type: RightComponentPipe, name: "rightComponent" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AppTemplateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rlb-app-template', standalone: false, template: "<div class=\"rlb-app\">\n  @if (navVisible$ | async) {\n    <rlb-navbar [dark]=\"theme === 'dark'\" [showSideBarToggler]=\"(sidebarVisible$ | async)\"  expand=\"lg\" class=\"border-bottom py-1 rlb-navbar\">\n      @if (navHeader$ | async; as header) {\n        <a rlb-navbar-brand href=\"#\">\n\n          @if (header.type === 'text') {\n            {{ header.text }}\n          }\n\n          @if (header.type === 'image') {\n            <img\n              [src]=\"header.src\"\n              [alt]=\"header.alt ?? 'Brand'\"\n              [height]=\"header.height ?? 40\"\n            />\n          }\n        </a>\n      }\n      @if (navSearchVisible$ | async) {\n        <rlb-navbar-form>\n          <rlb-input-group class=\"my-1 mx-3\" validate>\n            <rlb-input type=\"search\" class=\"search-input\" placeholder=\"Search\" [(ngModel)]=\"navSearchText\"\n                       (keyup.enter)=\"setNavbarSearchText(navSearchText)\" name=\"search\" size=\"small\">\n              <button after rlb-button outline type=\"submit\" (click)=\"setNavbarSearchText(navSearchText)\" size=\"sm\">\n                <i class=\"bi bi-search\"></i>\n              </button>\n            </rlb-input>\n          </rlb-input-group>\n        </rlb-navbar-form>\n      }\n      @for (navComponent of navLeftItems$ | async; track navComponent) {\n        <rlb-navbar-items class=\"me-auto align-items-center\">\n          <ng-container ngProjectAs=\"rlb-navbar-item\">\n            <ng-container *ngComponentOutlet=\"navComponent | leftComponent\"></ng-container>\n          </ng-container>\n        </rlb-navbar-items>\n      }\n      <rlb-navbar-items class=\"align-items-center\">\n        @for (navComponent of navRightItems$ | async; track navComponent) {\n          <ng-container ngProjectAs=\"rlb-navbar-item\">\n            <ng-container *ngComponentOutlet=\"navComponent | rightComponent\"></ng-container>\n          </ng-container>\n        }\n        @if ((separatorVisible$ | async)) {\n          <rlb-navbar-separator />\n        }\n\n        <ng-container ngProjectAs=\"rlb-navbar-item\">\n          @if ((navbarLayout$ | async) == 'default') {\n            @if ((navbarHasLogin$ | async) && !(isAuth$ | async)) {\n              <rlb-navbar-item (click)=\"loginNav($event)\">\n                <span tooltip-placement=\"bottom\" [tooltip]=\"('core.account.login') |translate\">\n                  <i class=\" bi bi-box-arrow-in-left\"></i>\n                </span>\n                <span class=\"ms-1 d-lg-none\">{{'core.account.login' | translate}}</span>\n              </rlb-navbar-item>\n            }\n\n            @if ( (navbarHasLogin$ | async) && (isAuth$ | async)) {\n              <rlb-navbar-item [router-link]=\"'/profile'\">\n              <span tooltip-placement=\"bottom\" [tooltip]=\"('core.account.title') |translate\">\n                <i class=\"bi bi-person\"></i>\n              </span>\n                <span class=\"ms-1 d-lg-none\">{{'core.account.title' | translate}}</span>\n              </rlb-navbar-item>\n            }\n\n            @if (navbarHasSettings$ | async) {\n              <rlb-navbar-item [router-link]=\"'/setting'\">\n              <span tooltip-placement=\"bottom\" [tooltip]=\"('core.settings.title') |translate\">\n                <i class=\"bi bi-gear\"></i>\n              </span>\n                <span class=\"ms-1 d-lg-none\">{{'core.settings.title' | translate}}</span>\n              </rlb-navbar-item>\n            }\n\n            @if ((navbarHasApps$ | async) && apps.length > 1) {\n              <rlb-navbar-item [router-link]=\"'/apps'\">\n              <span tooltip-placement=\"bottom\" [tooltip]=\"('core.apps.button') |translate\">\n                <i class=\"bi bi-grid-3x3-gap-fill\"></i>\n              </span>\n                <span class=\"ms-1 d-lg-none\">{{'core.apps.button' | translate}}</span>\n              </rlb-navbar-item>\n            }\n\n          } @else if ((navbarLayout$ | async) == 'dropdown') {\n            <!-- MODERN DROPDOWN MODE -->\n\n            <!--Unauthenticated Login -->\n            @if ((navbarHasLogin$ | async) && !(isAuth$ | async)) {\n              <rlb-navbar-item (click)=\"loginNav($event)\">\n                <span tooltip-placement=\"bottom\" [tooltip]=\"('core.account.login') | translate\">\n                  <i class=\"bi bi-box-arrow-in-left fs-5\"></i>\n                </span>\n                <span class=\"ms-1 d-lg-none\">{{ 'core.account.login' | translate }}</span>\n              </rlb-navbar-item>\n            }\n\n            <!-- Profile & Settings Account Card -->\n            @if (((navbarHasLogin$ | async) && (isAuth$ | async)) || (navbarHasSettings$ | async)) {\n              <rlb-settings-dropdown-selector\n                [apps]=\"apps\"\n                [isAuth]=\"isAuth$ | async\"\n                [navbarHasLogin]=\"navbarHasLogin$ | async\"\n                [navbarHasSettings]=\"navbarHasSettings$ | async\"\n                (appSelected)=\"selectApp($event, 'settings')\"\n              />\n            }\n\n            <!-- Apps Launcher -->\n            @if ((navbarHasApps$ | async) && apps.length > 1) {\n              <rlb-app-dropdown-selector\n                [apps]=\"apps\"\n                [isAuth]=\"isAuth$ | async\"\n                (appSelected)=\"selectApp($event, 'app')\"\n              />\n            }\n          }\n        </ng-container>\n      </rlb-navbar-items>\n    </rlb-navbar>\n  }\n  <div class=\"rlb-main-wrapper\">\n    @if ((sidebarVisible$ | async)) {\n      <rlb-sidebar [dark]=\"theme === 'dark'\" id=\"sidebar\" class=\"rlb-sidebar\">\n        @for (item of  (sidebarItems$ | async); track item) {\n          <rlb-sidebar-item\n            [icon]=\"item.icon\" [link]=\"item.url\"\n            [title]=\"item.title\" [label]=\"item.label\"\n            [badgeCounter]=\"item.badgeCounter\"\n            (click)=\"onSideBarItemClick(item)\"\n            >\n            {{item.label}}\n            @for (subitem of item.items || []; track subitem) {\n              <rlb-sidebar-item\n                [icon]=\"subitem.icon\"\n                [link]=\"subitem.url\"\n                [title]=\"subitem.title\"\n                [label]=\"subitem.label\"\n                [badgeCounter]=\"subitem.badgeCounter\"\n                (click)=\"onSideBarItemClick(subitem)\"\n                >\n                {{subitem.label}}\n              </rlb-sidebar-item>\n            }\n          </rlb-sidebar-item>\n        }\n      </rlb-sidebar>\n    }\n    <div class=\"rlb-content\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n\n@if (modalContainerId) {\n  <rlb-modal-container [id]=\"modalContainerId\" />\n}\n\n@if (toastContainerIds) {\n  @if (toastContainerIds.constructor.name === 'Array') {\n    @for (toastContainerId of toastContainerIds | asMulti; track toastContainerId) {\n      <rlb-toast-container [id]=\"toastContainerId\" />\n    }\n  } @else {\n    <rlb-toast-container class=\"position-fixed bottom-0 end-0 p-3\" [id]=\"toastContainerIds | asSingle\" />\n  }\n}\n", styles: [".separator{border-left:1px solid;padding:0 2px}\n"] }]
+            args: [{ selector: 'rlb-app-template', standalone: false, template: "<div class=\"rlb-app\">\n  @if (navVisible$ | async) {\n    <rlb-navbar [dark]=\"theme === 'dark'\" [showSideBarToggler]=\"(sidebarVisible$ | async)\"  expand=\"lg\" class=\"border-bottom py-1 rlb-navbar\">\n      @if (navHeader$ | async; as header) {\n        <a rlb-navbar-brand href=\"#\">\n\n          @if (header.type === 'text') {\n            {{ header.text }}\n          }\n\n          @if (header.type === 'image') {\n            <img\n              [src]=\"header.src\"\n              [alt]=\"header.alt ?? 'Brand'\"\n              [height]=\"header.height ?? 40\"\n            />\n          }\n        </a>\n      }\n      @if (navSearchVisible$ | async) {\n        <rlb-navbar-form>\n          <rlb-input-group class=\"my-1 mx-3\" validate>\n            <rlb-input type=\"search\" class=\"search-input\" placeholder=\"Search\" [(ngModel)]=\"navSearchText\"\n                       (keyup.enter)=\"setNavbarSearchText(navSearchText)\" name=\"search\" size=\"small\">\n              <button after rlb-button outline type=\"submit\" (click)=\"setNavbarSearchText(navSearchText)\" size=\"sm\">\n                <i class=\"bi bi-search\"></i>\n              </button>\n            </rlb-input>\n          </rlb-input-group>\n        </rlb-navbar-form>\n      }\n      @for (navComponent of navLeftItems$ | async; track navComponent) {\n        <rlb-navbar-items class=\"me-auto align-items-center\">\n          <ng-container ngProjectAs=\"rlb-navbar-item\">\n            <ng-container *ngComponentOutlet=\"navComponent | leftComponent\"></ng-container>\n          </ng-container>\n        </rlb-navbar-items>\n      }\n      <rlb-navbar-items class=\"align-items-center\">\n        @for (navComponent of navRightItems$ | async; track navComponent) {\n          <ng-container ngProjectAs=\"rlb-navbar-item\">\n            <ng-container *ngComponentOutlet=\"navComponent | rightComponent\"></ng-container>\n          </ng-container>\n        }\n        @if ((separatorVisible$ | async)) {\n          <rlb-navbar-separator />\n        }\n\n        <ng-container ngProjectAs=\"rlb-navbar-item\">\n          @if ((navbarLayout$ | async) == 'default') {\n            @if ((navbarHasLogin$ | async) && !(isAuth$ | async)) {\n              <rlb-navbar-item (click)=\"loginNav($event)\">\n                <span tooltip-placement=\"bottom\" [tooltip]=\"('core.account.login') |translate\">\n                  <i class=\" bi bi-box-arrow-in-left\"></i>\n                </span>\n                <span class=\"ms-1 d-lg-none\">{{'core.account.login' | translate}}</span>\n              </rlb-navbar-item>\n            }\n\n            @if ( (navbarHasLogin$ | async) && (isAuth$ | async)) {\n              <rlb-navbar-item [router-link]=\"'/profile'\">\n              <span tooltip-placement=\"bottom\" [tooltip]=\"('core.account.title') |translate\">\n                <i class=\"bi bi-person\"></i>\n              </span>\n                <span class=\"ms-1 d-lg-none\">{{'core.account.title' | translate}}</span>\n              </rlb-navbar-item>\n            }\n\n            @if (navbarHasSettings$ | async) {\n              <rlb-navbar-item [router-link]=\"'/settings'\">\n              <span tooltip-placement=\"bottom\" [tooltip]=\"('core.settings.title') |translate\">\n                <i class=\"bi bi-gear\"></i>\n              </span>\n                <span class=\"ms-1 d-lg-none\">{{'core.settings.title' | translate}}</span>\n              </rlb-navbar-item>\n            }\n\n            @if ((navbarHasApps$ | async) && apps.length > 1) {\n              <rlb-navbar-item [router-link]=\"'/apps'\">\n              <span tooltip-placement=\"bottom\" [tooltip]=\"('core.apps.button') |translate\">\n                <i class=\"bi bi-grid-3x3-gap-fill\"></i>\n              </span>\n                <span class=\"ms-1 d-lg-none\">{{'core.apps.button' | translate}}</span>\n              </rlb-navbar-item>\n            }\n\n          } @else if ((navbarLayout$ | async) == 'dropdown') {\n            <!-- MODERN DROPDOWN MODE -->\n\n            <!--Unauthenticated Login -->\n            @if ((navbarHasLogin$ | async) && !(isAuth$ | async)) {\n              <rlb-navbar-item (click)=\"loginNav($event)\">\n                <span tooltip-placement=\"bottom\" [tooltip]=\"('core.account.login') | translate\">\n                  <i class=\"bi bi-box-arrow-in-left fs-5\"></i>\n                </span>\n                <span class=\"ms-1 d-lg-none\">{{ 'core.account.login' | translate }}</span>\n              </rlb-navbar-item>\n            }\n\n            <!-- Profile & Settings Account Card -->\n            @if (((navbarHasLogin$ | async) && (isAuth$ | async)) || (navbarHasSettings$ | async)) {\n              <rlb-settings-dropdown-selector\n                [apps]=\"apps\"\n                [isAuth]=\"isAuth$ | async\"\n                [navbarHasLogin]=\"navbarHasLogin$ | async\"\n                [navbarHasSettings]=\"navbarHasSettings$ | async\"\n                (appSelected)=\"selectApp($event, 'settings')\"\n              />\n            }\n\n            <!-- Apps Launcher -->\n            @if ((navbarHasApps$ | async) && apps.length > 1) {\n              <rlb-app-dropdown-selector\n                [apps]=\"apps\"\n                [isAuth]=\"isAuth$ | async\"\n                (appSelected)=\"selectApp($event, 'app')\"\n              />\n            }\n          }\n        </ng-container>\n      </rlb-navbar-items>\n    </rlb-navbar>\n  }\n  <div class=\"rlb-main-wrapper\">\n    @if ((sidebarVisible$ | async)) {\n      <rlb-sidebar [dark]=\"theme === 'dark'\" id=\"sidebar\" class=\"rlb-sidebar\">\n        @for (item of  (sidebarItems$ | async); track item) {\n          <rlb-sidebar-item\n            [icon]=\"item.icon\" [link]=\"item.url\"\n            [title]=\"item.title\" [label]=\"item.label\"\n            [badgeCounter]=\"item.badgeCounter\"\n            (click)=\"onSideBarItemClick(item)\"\n            >\n            {{item.label}}\n            @for (subitem of item.items || []; track subitem) {\n              <rlb-sidebar-item\n                [icon]=\"subitem.icon\"\n                [link]=\"subitem.url\"\n                [title]=\"subitem.title\"\n                [label]=\"subitem.label\"\n                [badgeCounter]=\"subitem.badgeCounter\"\n                (click)=\"onSideBarItemClick(subitem)\"\n                >\n                {{subitem.label}}\n              </rlb-sidebar-item>\n            }\n          </rlb-sidebar-item>\n        }\n      </rlb-sidebar>\n    }\n    <div class=\"rlb-content\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n\n@if (modalContainerId) {\n  <rlb-modal-container [id]=\"modalContainerId\" />\n}\n\n@if (toastContainerIds) {\n  @if (toastContainerIds.constructor.name === 'Array') {\n    @for (toastContainerId of toastContainerIds | asMulti; track toastContainerId) {\n      <rlb-toast-container [id]=\"toastContainerId\" />\n    }\n  } @else {\n    <rlb-toast-container class=\"position-fixed bottom-0 end-0 p-3\" [id]=\"toastContainerIds | asSingle\" />\n  }\n}\n", styles: [".separator{border-left:1px solid;padding:0 2px}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [RLB_CFG_ENV]
@@ -3179,11 +3183,11 @@ class SettingsListComponent {
         return this.authService.isAuthenticated$;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: SettingsListComponent, deps: [{ token: i1$6.Location }, { token: AppsService }, { token: AuthenticationService }, { token: RLB_CFG_PAGES, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: SettingsListComponent, isStandalone: true, selector: "rlb-settings-list", ngImport: i0, template: "<div class=\"container mt-2\">\n  <div class=\"container text-center position-relative my-3\">\n    <h3>{{ 'core.settings.title' | translate}}</h3>\n    <i role=\"button\" class=\"bi bi-chevron-left position-absolute start-0 top-50 translate-middle-y\"\n    (click)=\"backClicked()\" style=\"font-size: 25px;font-weight: 600;\"></i>\n  </div>\n  <rlb-list>\n    <rlb-list-item-image icon=\"bi bi-gear\" [avatar-size]=\"35\" [line-1]=\" 'core.settings.generalTitle' | translate\"\n      [routerLink]=\"'/setting/general'\" [line-2]=\" 'core.settings.generalDescription' | translate\">\n    </rlb-list-item-image>\n    @for (app of apps; track app.id) {\n      <ng-container ngProjectAs=\"rlb-list-item-image\">\n        @if (app.settings) {\n          <ng-container ngProjectAs=\"rlb-list-item-image\">\n            <rlb-list-item-image [icon]=\"app.settings.icon\" [avatar-size]=\"35\"\n              [line-1]=\"(app.settings.title | translate) + (app.data?.appName ? ' - ' + app.data?.appName : '')\"\n              [disabled]=\"!app.enabled && (app.settings.auth && !(auth$ | async))\"\n              [line-2]=\"app.settings.description | translate\" (click)=\"selectApp(app)\">\n            </rlb-list-item-image>\n          </ng-container>\n        }\n      </ng-container>\n    }\n  </rlb-list>\n\n  @if (pages?.['status']?.path || pages?.['logger']?.path) {\n    <rlb-list class=\"mt-5\">\n      @if (pages?.['status']?.path) {\n        <rlb-list-item-image icon=\"bi bi-check2-circle\" [avatar-size]=\"18\"\n          [line-1]=\"'core.settings.status' | translate\" [routerLink]=\"'/status'\">\n        </rlb-list-item-image>\n      }\n      @if (pages?.['logger']?.path) {\n        <rlb-list-item-image icon=\"bi bi-file-text\" [avatar-size]=\"18\"\n          [line-1]=\"'core.settings.logger' | translate\" [routerLink]=\"'/logger'\">\n        </rlb-list-item-image>\n      }\n    </rlb-list>\n  }\n\n  @if (pages?.['privacy']?.path || pages?.['cookies']?.path || pages?.['terms']?.path || pages?.['support']?.path) {\n    <rlb-list class=\"mt-4\"\n      >\n      @if (pages?.['privacy']?.path) {\n        <rlb-list-item-image icon=\"bi bi-shield-check\" [avatar-size]=\"18\"\n          [line-1]=\"'core.settings.privacy' | translate\" [routerLink]=\"'/privacy'\">\n        </rlb-list-item-image>\n      }\n      @if (pages?.['cookies']?.path) {\n        <rlb-list-item-image icon=\"bi bi bi-cookie\" [avatar-size]=\"18\"\n          [line-1]=\"'core.settings.cookies' | translate\" [routerLink]=\"'/cookies'\">\n        </rlb-list-item-image>\n      }\n      @if (pages?.['terms']?.path) {\n        <rlb-list-item-image icon=\"bi bi-vector-pen\" [avatar-size]=\"18\"\n          [line-1]=\"'core.settings.legal' | translate\" [routerLink]=\"'/terms'\">\n        </rlb-list-item-image>\n      }\n      @if (pages?.['support']?.path) {\n        <rlb-list-item-image icon=\"bi bi-chat-quote\" [avatar-size]=\"18\"\n          [line-1]=\" 'core.settings.support' | translate\" [routerLink]=\"'/support'\">\n        </rlb-list-item-image>\n      }\n    </rlb-list>\n  }\n</div>\n", styles: [".settings .settings-item .settings-control{width:40%}\n"], dependencies: [{ kind: "ngmodule", type: RlbAppModule }, { kind: "component", type: i2$1.ListComponent, selector: "rlb-list", inputs: ["disabled", "numbered", "flush", "horizontal"] }, { kind: "component", type: i2$1.ListItemImageComponent, selector: "rlb-list-item-image", inputs: ["active", "disabled", "counter-empty", "counter-pill", "counter-border", "avatar-size", "username", "line-1", "line-2", "avatar", "counter", "counter-color", "icon"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$3.TranslatePipe, name: "translate" }, { kind: "pipe", type: i1$6.AsyncPipe, name: "async" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: SettingsListComponent, isStandalone: true, selector: "rlb-settings-list", ngImport: i0, template: "<div class=\"container mt-2\">\n  <div class=\"container text-center position-relative my-3\">\n    <h3>{{ 'core.settings.title' | translate}}</h3>\n    <i role=\"button\" class=\"bi bi-chevron-left position-absolute start-0 top-50 translate-middle-y\"\n    (click)=\"backClicked()\" style=\"font-size: 25px;font-weight: 600;\"></i>\n  </div>\n  <rlb-list>\n    <rlb-list-item-image icon=\"bi bi-gear\" [avatar-size]=\"35\" [line-1]=\" 'core.settings.generalTitle' | translate\"\n      [routerLink]=\"'/settings/general'\" [line-2]=\" 'core.settings.generalDescription' | translate\">\n    </rlb-list-item-image>\n    @for (app of apps; track app.id) {\n      <ng-container ngProjectAs=\"rlb-list-item-image\">\n        @if (app.settings) {\n          <ng-container ngProjectAs=\"rlb-list-item-image\">\n            <rlb-list-item-image [icon]=\"app.settings.icon\" [avatar-size]=\"35\"\n              [line-1]=\"(app.settings.title | translate) + (app.data?.appName ? ' - ' + app.data?.appName : '')\"\n              [disabled]=\"!app.enabled && (app.settings.auth && !(auth$ | async))\"\n              [line-2]=\"app.settings.description | translate\" (click)=\"selectApp(app)\">\n            </rlb-list-item-image>\n          </ng-container>\n        }\n      </ng-container>\n    }\n  </rlb-list>\n\n  @if (pages?.['status']?.path || pages?.['logger']?.path) {\n    <rlb-list class=\"mt-5\">\n      @if (pages?.['status']?.path) {\n        <rlb-list-item-image icon=\"bi bi-check2-circle\" [avatar-size]=\"18\"\n          [line-1]=\"'core.settings.status' | translate\" [routerLink]=\"'/status'\">\n        </rlb-list-item-image>\n      }\n      @if (pages?.['logger']?.path) {\n        <rlb-list-item-image icon=\"bi bi-file-text\" [avatar-size]=\"18\"\n          [line-1]=\"'core.settings.logger' | translate\" [routerLink]=\"'/logger'\">\n        </rlb-list-item-image>\n      }\n    </rlb-list>\n  }\n\n  @if (pages?.['privacy']?.path || pages?.['cookies']?.path || pages?.['terms']?.path || pages?.['support']?.path) {\n    <rlb-list class=\"mt-4\"\n      >\n      @if (pages?.['privacy']?.path) {\n        <rlb-list-item-image icon=\"bi bi-shield-check\" [avatar-size]=\"18\"\n          [line-1]=\"'core.settings.privacy' | translate\" [routerLink]=\"'/privacy'\">\n        </rlb-list-item-image>\n      }\n      @if (pages?.['cookies']?.path) {\n        <rlb-list-item-image icon=\"bi bi bi-cookie\" [avatar-size]=\"18\"\n          [line-1]=\"'core.settings.cookies' | translate\" [routerLink]=\"'/cookies'\">\n        </rlb-list-item-image>\n      }\n      @if (pages?.['terms']?.path) {\n        <rlb-list-item-image icon=\"bi bi-vector-pen\" [avatar-size]=\"18\"\n          [line-1]=\"'core.settings.legal' | translate\" [routerLink]=\"'/terms'\">\n        </rlb-list-item-image>\n      }\n      @if (pages?.['support']?.path) {\n        <rlb-list-item-image icon=\"bi bi-chat-quote\" [avatar-size]=\"18\"\n          [line-1]=\" 'core.settings.support' | translate\" [routerLink]=\"'/support'\">\n        </rlb-list-item-image>\n      }\n    </rlb-list>\n  }\n</div>\n", styles: [".settings .settings-item .settings-control{width:40%}\n"], dependencies: [{ kind: "ngmodule", type: RlbAppModule }, { kind: "component", type: i2$1.ListComponent, selector: "rlb-list", inputs: ["disabled", "numbered", "flush", "horizontal"] }, { kind: "component", type: i2$1.ListItemImageComponent, selector: "rlb-list-item-image", inputs: ["active", "disabled", "counter-empty", "counter-pill", "counter-border", "avatar-size", "username", "line-1", "line-2", "avatar", "counter", "counter-color", "icon"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$3.TranslatePipe, name: "translate" }, { kind: "pipe", type: i1$6.AsyncPipe, name: "async" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: SettingsListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rlb-settings-list', imports: [RlbAppModule, CommonModule], template: "<div class=\"container mt-2\">\n  <div class=\"container text-center position-relative my-3\">\n    <h3>{{ 'core.settings.title' | translate}}</h3>\n    <i role=\"button\" class=\"bi bi-chevron-left position-absolute start-0 top-50 translate-middle-y\"\n    (click)=\"backClicked()\" style=\"font-size: 25px;font-weight: 600;\"></i>\n  </div>\n  <rlb-list>\n    <rlb-list-item-image icon=\"bi bi-gear\" [avatar-size]=\"35\" [line-1]=\" 'core.settings.generalTitle' | translate\"\n      [routerLink]=\"'/setting/general'\" [line-2]=\" 'core.settings.generalDescription' | translate\">\n    </rlb-list-item-image>\n    @for (app of apps; track app.id) {\n      <ng-container ngProjectAs=\"rlb-list-item-image\">\n        @if (app.settings) {\n          <ng-container ngProjectAs=\"rlb-list-item-image\">\n            <rlb-list-item-image [icon]=\"app.settings.icon\" [avatar-size]=\"35\"\n              [line-1]=\"(app.settings.title | translate) + (app.data?.appName ? ' - ' + app.data?.appName : '')\"\n              [disabled]=\"!app.enabled && (app.settings.auth && !(auth$ | async))\"\n              [line-2]=\"app.settings.description | translate\" (click)=\"selectApp(app)\">\n            </rlb-list-item-image>\n          </ng-container>\n        }\n      </ng-container>\n    }\n  </rlb-list>\n\n  @if (pages?.['status']?.path || pages?.['logger']?.path) {\n    <rlb-list class=\"mt-5\">\n      @if (pages?.['status']?.path) {\n        <rlb-list-item-image icon=\"bi bi-check2-circle\" [avatar-size]=\"18\"\n          [line-1]=\"'core.settings.status' | translate\" [routerLink]=\"'/status'\">\n        </rlb-list-item-image>\n      }\n      @if (pages?.['logger']?.path) {\n        <rlb-list-item-image icon=\"bi bi-file-text\" [avatar-size]=\"18\"\n          [line-1]=\"'core.settings.logger' | translate\" [routerLink]=\"'/logger'\">\n        </rlb-list-item-image>\n      }\n    </rlb-list>\n  }\n\n  @if (pages?.['privacy']?.path || pages?.['cookies']?.path || pages?.['terms']?.path || pages?.['support']?.path) {\n    <rlb-list class=\"mt-4\"\n      >\n      @if (pages?.['privacy']?.path) {\n        <rlb-list-item-image icon=\"bi bi-shield-check\" [avatar-size]=\"18\"\n          [line-1]=\"'core.settings.privacy' | translate\" [routerLink]=\"'/privacy'\">\n        </rlb-list-item-image>\n      }\n      @if (pages?.['cookies']?.path) {\n        <rlb-list-item-image icon=\"bi bi bi-cookie\" [avatar-size]=\"18\"\n          [line-1]=\"'core.settings.cookies' | translate\" [routerLink]=\"'/cookies'\">\n        </rlb-list-item-image>\n      }\n      @if (pages?.['terms']?.path) {\n        <rlb-list-item-image icon=\"bi bi-vector-pen\" [avatar-size]=\"18\"\n          [line-1]=\"'core.settings.legal' | translate\" [routerLink]=\"'/terms'\">\n        </rlb-list-item-image>\n      }\n      @if (pages?.['support']?.path) {\n        <rlb-list-item-image icon=\"bi bi-chat-quote\" [avatar-size]=\"18\"\n          [line-1]=\" 'core.settings.support' | translate\" [routerLink]=\"'/support'\">\n        </rlb-list-item-image>\n      }\n    </rlb-list>\n  }\n</div>\n", styles: [".settings .settings-item .settings-control{width:40%}\n"] }]
+            args: [{ selector: 'rlb-settings-list', imports: [RlbAppModule, CommonModule], template: "<div class=\"container mt-2\">\n  <div class=\"container text-center position-relative my-3\">\n    <h3>{{ 'core.settings.title' | translate}}</h3>\n    <i role=\"button\" class=\"bi bi-chevron-left position-absolute start-0 top-50 translate-middle-y\"\n    (click)=\"backClicked()\" style=\"font-size: 25px;font-weight: 600;\"></i>\n  </div>\n  <rlb-list>\n    <rlb-list-item-image icon=\"bi bi-gear\" [avatar-size]=\"35\" [line-1]=\" 'core.settings.generalTitle' | translate\"\n      [routerLink]=\"'/settings/general'\" [line-2]=\" 'core.settings.generalDescription' | translate\">\n    </rlb-list-item-image>\n    @for (app of apps; track app.id) {\n      <ng-container ngProjectAs=\"rlb-list-item-image\">\n        @if (app.settings) {\n          <ng-container ngProjectAs=\"rlb-list-item-image\">\n            <rlb-list-item-image [icon]=\"app.settings.icon\" [avatar-size]=\"35\"\n              [line-1]=\"(app.settings.title | translate) + (app.data?.appName ? ' - ' + app.data?.appName : '')\"\n              [disabled]=\"!app.enabled && (app.settings.auth && !(auth$ | async))\"\n              [line-2]=\"app.settings.description | translate\" (click)=\"selectApp(app)\">\n            </rlb-list-item-image>\n          </ng-container>\n        }\n      </ng-container>\n    }\n  </rlb-list>\n\n  @if (pages?.['status']?.path || pages?.['logger']?.path) {\n    <rlb-list class=\"mt-5\">\n      @if (pages?.['status']?.path) {\n        <rlb-list-item-image icon=\"bi bi-check2-circle\" [avatar-size]=\"18\"\n          [line-1]=\"'core.settings.status' | translate\" [routerLink]=\"'/status'\">\n        </rlb-list-item-image>\n      }\n      @if (pages?.['logger']?.path) {\n        <rlb-list-item-image icon=\"bi bi-file-text\" [avatar-size]=\"18\"\n          [line-1]=\"'core.settings.logger' | translate\" [routerLink]=\"'/logger'\">\n        </rlb-list-item-image>\n      }\n    </rlb-list>\n  }\n\n  @if (pages?.['privacy']?.path || pages?.['cookies']?.path || pages?.['terms']?.path || pages?.['support']?.path) {\n    <rlb-list class=\"mt-4\"\n      >\n      @if (pages?.['privacy']?.path) {\n        <rlb-list-item-image icon=\"bi bi-shield-check\" [avatar-size]=\"18\"\n          [line-1]=\"'core.settings.privacy' | translate\" [routerLink]=\"'/privacy'\">\n        </rlb-list-item-image>\n      }\n      @if (pages?.['cookies']?.path) {\n        <rlb-list-item-image icon=\"bi bi bi-cookie\" [avatar-size]=\"18\"\n          [line-1]=\"'core.settings.cookies' | translate\" [routerLink]=\"'/cookies'\">\n        </rlb-list-item-image>\n      }\n      @if (pages?.['terms']?.path) {\n        <rlb-list-item-image icon=\"bi bi-vector-pen\" [avatar-size]=\"18\"\n          [line-1]=\"'core.settings.legal' | translate\" [routerLink]=\"'/terms'\">\n        </rlb-list-item-image>\n      }\n      @if (pages?.['support']?.path) {\n        <rlb-list-item-image icon=\"bi bi-chat-quote\" [avatar-size]=\"18\"\n          [line-1]=\" 'core.settings.support' | translate\" [routerLink]=\"'/support'\">\n        </rlb-list-item-image>\n      }\n    </rlb-list>\n  }\n</div>\n", styles: [".settings .settings-item .settings-control{width:40%}\n"] }]
         }], ctorParameters: () => [{ type: i1$6.Location }, { type: AppsService }, { type: AuthenticationService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [RLB_CFG_PAGES]
@@ -3192,21 +3196,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImpor
                 }] }] });
 
 function getDefaultRoutes(config) {
-    const defaultRoutes = DEFAULT_ROUTES_CONFIG
-        .filter(defaultRouteConfig => !defaultRouteConfig.configKey || (config && config[defaultRouteConfig.configKey]))
-        .map(route => {
+    const defaultRoutes = DEFAULT_ROUTES_CONFIG.filter(defaultRouteConfig => !defaultRouteConfig.configKey || (config && config[defaultRouteConfig.configKey])).map(route => {
         switch (route.path) {
-            case 'setting': return { path: 'setting', component: SettingsListComponent };
-            case 'setting/general': return { path: 'setting/general', component: SettingsCoreComponent };
-            case 'apps': return { path: 'apps', component: AppSelectorComponent };
-            case 'profile': return { path: 'profile', component: UserAccountComponent };
-            case 'content': return { path: 'content', component: CmsContentComponent };
-            case 'cookies': return { path: 'cookies', component: CookiesComponent };
-            case 'notFound': return { path: 'notFound', component: NotFoundComponent };
-            case 'privacy': return { path: 'privacy', component: PrivacyComponent };
-            case 'support': return { path: 'support', component: SupportComponent };
-            case 'terms': return { path: 'terms', component: TermsAndConditionsComponent };
-            default: throw new Error(`No component mapped for route ${route.path}`);
+            case 'settings':
+                return { path: 'settings', component: SettingsListComponent };
+            case 'settings/general':
+                return { path: 'settings/general', component: SettingsCoreComponent };
+            case 'apps':
+                return { path: 'apps', component: AppSelectorComponent };
+            case 'profile':
+                return { path: 'profile', component: UserAccountComponent };
+            case 'content':
+                return { path: 'content', component: CmsContentComponent };
+            case 'cookies':
+                return { path: 'cookies', component: CookiesComponent };
+            case 'notFound':
+                return { path: 'notFound', component: NotFoundComponent };
+            case 'privacy':
+                return { path: 'privacy', component: PrivacyComponent };
+            case 'support':
+                return { path: 'support', component: SupportComponent };
+            case 'terms':
+                return { path: 'terms', component: TermsAndConditionsComponent };
+            default:
+                throw new Error(`No component mapped for route ${route.path}`);
         }
     });
     return defaultRoutes;