@open-rlb/ng-app 3.0.0

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

@@ -0,0 +1,3034 @@
+import * as i1$3 from '@angular/common/http';
+import { HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
+import * as i0 from '@angular/core';
+import { InjectionToken, Injectable, Inject, Optional, EventEmitter, importProvidersFrom, makeStateKey, makeEnvironmentProviders, Pipe, Input, Component, PLATFORM_ID, NgModule, Directive, inject, isDevMode } from '@angular/core';
+import * as i2 from '@angular/router';
+import { NavigationEnd, RoutesRecognized, RouterModule, Router, provideRouter } from '@angular/router';
+import * as i1$4 from '@angular/service-worker';
+import { provideServiceWorker } from '@angular/service-worker';
+import * as i1$8 from '@ngrx/effects';
+import { createEffect, ofType, provideEffects } from '@ngrx/effects';
+import * as i1$1 from '@ngrx/store';
+import { createActionGroup, props, emptyProps, createFeature, createReducer, on, provideStore, provideState } from '@ngrx/store';
+import * as i6 from '@open-rlb/ng-bootstrap';
+import { RLB_TRANSLATION_SERVICE, RlbBootstrapModule, ModalDirective, ToastDirective, provideRlbBootstrap, ModalRegistryOptions, ToastRegistryOptions } from '@open-rlb/ng-bootstrap';
+import * as i1$5 from 'angular-auth-oidc-client';
+import { AbstractLoggerService, AuthModule, provideAuth, AuthInterceptor, AbstractSecurityStorage } from 'angular-auth-oidc-client';
+import * as i1 from 'ngx-cookie-service-ssr';
+import { filter, switchMap, of, map, BehaviorSubject, share, lastValueFrom, from, zip, EMPTY, catchError, Observable, tap, shareReplay, distinctUntilChanged, take } from 'rxjs';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import * as i1$2 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+import { provideTranslateHttpLoader } from '@ngx-translate/http-loader';
+import * as i1$6 from '@angular/common';
+import { isPlatformServer, CommonModule } from '@angular/common';
+import * as i3 from '@angular/forms';
+import { FormGroup, FormControl, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i1$7 from '@angular/cdk/layout';
+import { Breakpoints } from '@angular/cdk/layout';
+import { tap as tap$1, map as map$1, switchMap as switchMap$1 } from 'rxjs/operators';
+
+const RLB_CFG = 'rlb.options';
+const RLB_CFG_CMS = new InjectionToken(`${RLB_CFG}:cms`);
+const RLB_CFG_I18N = new InjectionToken(`${RLB_CFG}:i18n`);
+const RLB_CFG_PAGES = new InjectionToken(`${RLB_CFG}:pages`);
+const RLB_CFG_ENV = new InjectionToken(`${RLB_CFG}:env`);
+const RLB_CFG_AUTH = new InjectionToken(`${RLB_CFG}:auth`);
+const RLB_APP_NAVCOMP = new InjectionToken(`rlb.app.navcomp`);
+
+class TokenCookiesService {
+    constructor(cookies) {
+        this.cookies = cookies;
+    }
+    read(key) {
+        return this.cookies.get(key);
+    }
+    remove(key) {
+        this.cookies.delete(key);
+    }
+    write(key, data) {
+        this.cookies.set(key, data);
+    }
+    clear() {
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TokenCookiesService, deps: [{ token: i1.SsrCookieService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TokenCookiesService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TokenCookiesService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1.SsrCookieService }] });
+
+class AppStorageService {
+    readLocal(key) {
+        return localStorage.getItem(key);
+    }
+    writeLocal(key, value) {
+        localStorage.setItem(key, value);
+    }
+    removeLocal(key) {
+        localStorage.removeItem(key);
+    }
+    clearLocal() {
+        localStorage.clear();
+    }
+    readSession(key) {
+        return sessionStorage.getItem(key);
+    }
+    writeSession(key, value) {
+        localStorage.setItem(key, value);
+    }
+    removeSession(key) {
+        sessionStorage.removeItem(key);
+    }
+    clearSession() {
+        sessionStorage.clear();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AppStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AppStorageService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AppStorageService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+class TokenSessionService {
+    constructor(store) {
+        this.store = store;
+    }
+    read(key) {
+        return this.store.readSession(key);
+    }
+    write(key, value) {
+        this.store.writeSession(key, value);
+    }
+    remove(key) {
+        this.store.readSession(key);
+    }
+    clear() {
+        this.store.clearSession();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TokenSessionService, deps: [{ token: AppStorageService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TokenSessionService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TokenSessionService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: AppStorageService }] });
+
+class TokenStoreService {
+    constructor(store) {
+        this.store = store;
+    }
+    read(key) {
+        return this.store.readLocal(key);
+    }
+    write(key, value) {
+        this.store.writeLocal(key, value);
+    }
+    remove(key) {
+        this.store.removeLocal(key);
+    }
+    clear() {
+        this.store.clearLocal();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TokenStoreService, deps: [{ token: AppStorageService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TokenStoreService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TokenStoreService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: AppStorageService }] });
+
+const LEVEL_PRIORITIES = {
+    off: 0,
+    error: 1,
+    warn: 2,
+    info: 3,
+    debug: 4,
+    log: 5,
+};
+class AppLoggerService extends AbstractLoggerService {
+    constructor() {
+        super();
+        this.currentLevel = 'off';
+        this.timestamps = true;
+    }
+    setLogLevel(level) {
+        if (!(level in LEVEL_PRIORITIES)) {
+            throw new Error(`Unknown log level: ${level}`);
+        }
+        this.currentLevel = level;
+    }
+    getLogLevel() {
+        return this.currentLevel;
+    }
+    enableTimestamps(enabled) {
+        this.timestamps = enabled;
+    }
+    /**
+     * returns logger with context / class name
+     */
+    for(context) {
+        return {
+            error: (...args) => this.logError(context, ...args),
+            warn: (...args) => this.logWarning(context, ...args),
+            info: (...args) => this.logInfo(context, ...args),
+            debug: (...args) => this.logDebug(context, ...args),
+            log: (...args) => this.log(context, ...args),
+        };
+    }
+    logError(contextOrMessage, ...args) {
+        this.print('error', contextOrMessage, args);
+    }
+    logWarning(contextOrMessage, ...args) {
+        this.print('warn', contextOrMessage, args);
+    }
+    logDebug(contextOrMessage, ...args) {
+        this.print('debug', contextOrMessage, args);
+    }
+    logInfo(contextOrMessage, ...args) {
+        this.print('info', contextOrMessage, args);
+    }
+    log(contextOrMessage, ...args) {
+        this.print('log', contextOrMessage, args);
+    }
+    print(level, contextOrMessage, args) {
+        if (LEVEL_PRIORITIES[level] > LEVEL_PRIORITIES[this.currentLevel]) {
+            return;
+        }
+        const colors = {
+            error: 'color:#e57373;',
+            warn: 'color:#ffb74d;',
+            info: 'color:#64b5f6;',
+            debug: 'color:#90a4ae;',
+            log: 'color:#757575;',
+            off: 'color:inherit;',
+        };
+        let context = 'GLOBAL';
+        let messageArgs = [];
+        if (args.length > 0) {
+            context = contextOrMessage;
+            messageArgs = args;
+        }
+        else {
+            messageArgs = [contextOrMessage];
+        }
+        const timePrefix = this.timestamps ? `[${new Date().toISOString()}]` : '';
+        const prefix = `[${level.toUpperCase()}][${context}]${timePrefix} -`;
+        switch (level) {
+            case 'error':
+                console.error(`%c${prefix}`, colors.error, ...messageArgs);
+                break;
+            case 'warn':
+                console.warn(`%c${prefix}`, colors.warn, ...messageArgs);
+                break;
+            case 'info':
+                console.info(`%c${prefix}`, colors.info, ...messageArgs);
+                break;
+            case 'debug':
+                console.debug(`%c${prefix}`, colors.debug, ...messageArgs);
+                break;
+            default:
+                console.log(`%c${prefix}`, colors.log, ...messageArgs);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AppLoggerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AppLoggerService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AppLoggerService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
+
+const AppContextActionsInternal = createActionGroup({
+    source: 'AppContext/Internal',
+    events: {
+        setLanguage: props(),
+        setCurrentApp: props(),
+        setSupportedLanguages: props(),
+        setTheme: props(),
+        addApp: props(),
+        setViewMode: props(),
+    }
+});
+const AppContextActions = createActionGroup({
+    source: 'AppContext/API',
+    events: {
+        setLanguage: props(),
+        setSupportedLanguages: props(),
+        setCurrentApp: props(),
+        removeApp: props(),
+        setTheme: props(),
+        finalizeApp: props(),
+    }
+});
+
+const appContextFeatureKey = 'app';
+const RLB_APPS = new InjectionToken(`rlb.apps`);
+const initialAppContextState = {
+    apps: [],
+    currentApp: null,
+    language: null,
+    supportedLanguages: ['en'],
+    theme: 'light',
+};
+
+const AuthActionsInternal = createActionGroup({
+    source: 'Auth/Internal',
+    events: {
+        'SetCurrentProvider': props(),
+        'SetLoading': props(),
+        'Reset': emptyProps(),
+    }
+});
+const AuthActions = createActionGroup({
+    source: 'Auth/API',
+    events: {
+        'Login': emptyProps(),
+        'Logout': emptyProps(),
+        'SetCurrentProvider': props(),
+    }
+});
+
+class AuthFeatureService {
+    constructor(store) {
+        this.store = store;
+    }
+    login() {
+        this.store.dispatch(AuthActions.login());
+    }
+    logout() {
+        this.store.dispatch(AuthActions.logout());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AuthFeatureService, deps: [{ token: i1$1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AuthFeatureService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AuthFeatureService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1$1.Store }] });
+
+const authsFeatureKey = 'auth';
+const initialAuthState = {
+    currentProvider: null,
+    loading: false,
+};
+
+const NavbarActionsInternal = createActionGroup({
+    source: 'Navbar/Internal',
+    events: {}
+});
+const NavbarActions = createActionGroup({
+    source: 'Navbar/API',
+    events: {
+        SetVisible: props(),
+        SetSearchVisible: props(),
+        SetHeader: props(),
+        SetSearchText: props(),
+        SetLeftItems: props(),
+        SetRightItems: props(),
+        SetLoginVisible: props(),
+        SetSettingsVisible: props(),
+        SetAppsVisible: props(),
+        SetSeparatorVisible: props(),
+    }
+});
+
+const navbarsFeatureKey = 'navbar';
+const initialNavbarState = {
+    visible: true,
+    header: null,
+    searchVisible: true,
+    searchText: null,
+    leftItems: [],
+    rightItems: [],
+    loginVisible: false,
+    settingsVisible: false,
+    appsVisible: false,
+    separatorVisible: true,
+};
+
+const SidebarActionsInternal = createActionGroup({
+    source: 'Sidebar/Internal',
+    events: {}
+});
+const SidebarActions = createActionGroup({
+    source: 'Sidebar/API',
+    events: {
+        SetItems: props(),
+        SetVisible: props(),
+        SetLoginVisible: props(),
+        SetAppsVisible: props(),
+        SetSearchVisible: props(),
+        SetSettingsVisible: props(),
+        SetSearchText: props(),
+    }
+});
+
+const sidebarsFeatureKey = 'sidebar';
+const initialSidebarState = {
+    items: [],
+    visible: true,
+    loginVisible: true,
+    searchVisible: true,
+    settingsVisible: true,
+    appsVisible: true,
+    searchText: null
+};
+
+class AbstractSupportService {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AbstractSupportService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AbstractSupportService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AbstractSupportService, decorators: [{
+            type: Injectable
+        }] });
+
+const DEFAULT_ROUTES_CONFIG = [
+    { path: 'setting' },
+    { path: 'setting/general' },
+    { path: 'apps' },
+    { path: 'profile' },
+    { path: 'content', configKey: 'content' },
+    { path: 'cookies', configKey: 'cookies' },
+    { path: 'notFound', configKey: 'notFound' },
+    { path: 'privacy', configKey: 'privacy' },
+    { path: 'support', configKey: 'support' },
+    { path: 'terms', configKey: 'terms' },
+];
+
+class AppsService {
+    constructor(store, activatedRoute, router, loggerService, confAuth) {
+        this.store = store;
+        this.activatedRoute = activatedRoute;
+        this.router = router;
+        this.loggerService = loggerService;
+        this.logger = this.loggerService.for(this.constructor.name);
+        this.logger.log('AppsService initialized');
+        this.initAuthProviders(store, confAuth);
+        this.initRouterListener();
+    }
+    get currentDomain() {
+        return window.location.hostname;
+    }
+    get apps() {
+        return this.store.selectSignal(state => state[appContextFeatureKey].apps)()
+            .filter(app => app.id && (app.domains === undefined || app.domains == null || app.domains.includes(this.currentDomain)));
+    }
+    get currentApp() {
+        const app = this.store.selectSignal(state => state[appContextFeatureKey].currentApp)();
+        this.logger.log('Current app from store:', app);
+        return app;
+    }
+    selectApp(app, viewMode, url) {
+        const currentApp = this.currentApp;
+        if (!app) {
+            this.logger.warn('Deselecting app (null).');
+            this.store.dispatch(AppContextActions.setCurrentApp({ app: null }));
+            return;
+        }
+        if (currentApp && currentApp.id === app.id && currentApp.viewMode === viewMode) {
+            this.logger.info('App already selected with same id and viewMode. Skipping dispatch.');
+            return;
+        }
+        this.logger.warn('Dispatching setCurrentApp with:', { app, mode: viewMode, url });
+        this.store.dispatch(AppContextActions.setCurrentApp({ app, mode: viewMode, url }));
+    }
+    initAuthProviders(store, confAuth) {
+        if (!confAuth?.providers?.length) {
+            this.logger.warn('No auth providers configured.');
+            return;
+        }
+        if (confAuth?.providers && confAuth.providers.length === 1) {
+            this.logger.info('Single auth provider detected:', confAuth.providers[0]);
+            store.dispatch(AuthActions.setCurrentProvider({ currentProvider: confAuth.providers[0].configId }));
+            return;
+        }
+        this.logger.info('Multiple auth providers detected, checking by domain:', this.currentDomain);
+        const authProvidersMatched = confAuth.providers.filter(provider => provider.domains?.includes(this.currentDomain));
+        if (authProvidersMatched && authProvidersMatched.length === 1) {
+            this.logger.info('Auth provider matched by domain:', authProvidersMatched[0]);
+            store.dispatch(AuthActions.setCurrentProvider({ currentProvider: authProvidersMatched[0].configId }));
+        }
+        else if (authProvidersMatched && authProvidersMatched.length > 1) {
+            this.logger.warn(`Multiple auth providers found for the current domain: ${this.currentDomain}. Please specify a single provider in the configuration.`);
+        }
+        else {
+            this.logger.warn(`No auth provider found for the current domain: ${this.currentDomain}.`);
+        }
+    }
+    initRouterListener() {
+        this.router.events
+            .pipe(filter(event => event instanceof NavigationEnd), switchMap(() => this.resolveRouteAndApps()), takeUntilDestroyed())
+            .subscribe(data => this.handleResolvedApps(data));
+    }
+    // Core logic
+    resolveRouteAndApps() {
+        const route = this.findDeepestChild(this.activatedRoute);
+        const fullPath = this.getFullPath(route);
+        this.logger.info('Full path for route resolution:', fullPath);
+        if (!fullPath) {
+            this.logger.warn('No valid path found, treating as default route:', route);
+            return of(null);
+        }
+        const appRoutes = this.apps?.map(app => ({
+            type: app.type,
+            routes: app.routes || [],
+            viewMode: app.viewMode,
+            enabled: app.enabled,
+        }));
+        let appRoutesMatched = [];
+        if (!this.isDefaultRoute(fullPath)) {
+            appRoutesMatched = appRoutes?.filter(app => app.routes?.some(r => r.includes(fullPath))) ?? [];
+        }
+        this.logger.info('Route fullPath:', fullPath, 'Matched appRoute:', appRoutesMatched);
+        return this.store.select(state => state[appContextFeatureKey].apps).pipe(map(apps => appRoutesMatched.length
+            ? { route, appsConfig: appRoutesMatched, apps }
+            : null));
+    }
+    handleResolvedApps(data) {
+        const route = this.findDeepestChild(this.activatedRoute);
+        const storedId = this.getStoredAppId();
+        if (data?.apps?.some(app => !app.id)) {
+            this.logger.error('Some apps are not finalized. Please finalize apps before using AppsService.');
+            return;
+        }
+        if (!data || !data.apps || data.apps.length === 0) {
+            this.logger.warn(`No unique app found for route: ${route.routeConfig?.path ? route.routeConfig?.path : "'/'"} - show core`);
+            // const globalDefaultApp = this.apps[0];
+            this.selectApp(undefined);
+            return;
+        }
+        const matchedApps = data.apps
+            // domain filter in case apps have similar routes path
+            .filter(app => app.domains?.some((domain) => domain.includes(this.currentDomain)))
+            .filter(app => app.routes?.some(r => r.includes(route.routeConfig?.path)) ||
+            app.core?.url === '/' + route.routeConfig?.path);
+        let appToSelect;
+        if (matchedApps.length === 1) {
+            appToSelect = matchedApps[0];
+            this.logger.info('Single app matched route:', appToSelect);
+        }
+        else if (matchedApps.length > 1) {
+            appToSelect = matchedApps.find(a => a.id === storedId) || matchedApps[0];
+            this.logger.info('Multiple apps matched route, selected:', appToSelect);
+        }
+        else {
+            appToSelect = data.apps[0];
+            this.logger.info('No app matched route. Falling back to default app:', appToSelect);
+        }
+        const qp = new URLSearchParams(route.snapshot.queryParams).toString();
+        const url = route.snapshot.url.map(segment => segment.path).join('/') + (qp ? `?${qp}` : '');
+        const viewMode = this.isSettingsRoute(route) ? 'settings' : 'app';
+        this.selectApp(appToSelect, viewMode, url);
+    }
+    findDeepestChild(route) {
+        while (route.firstChild)
+            route = route.firstChild;
+        this.logger.info('Activated deepest child route:', route);
+        return route;
+    }
+    getStoredAppId() {
+        try {
+            return localStorage.getItem('c-app-id');
+        }
+        catch (e) {
+            this.logger.warn('LocalStorage not available:', e);
+            return null;
+        }
+    }
+    isSettingsRoute(route) {
+        return route.routeConfig?.path?.includes('settings') ?? false;
+    }
+    isDefaultRoute(route) {
+        return DEFAULT_ROUTES_CONFIG
+            .some(r => r.path.includes(route));
+    }
+    getFullPath(route) {
+        const segments = [];
+        let current = route.root;
+        while (current) {
+            const path = current.routeConfig?.path;
+            if (path && path !== '')
+                segments.push(path);
+            current = current.firstChild ?? null;
+        }
+        return segments.join('/');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AppsService, deps: [{ token: i1$1.Store }, { token: i2.ActivatedRoute }, { token: i2.Router }, { token: AppLoggerService }, { token: RLB_CFG_AUTH, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AppsService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AppsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1$1.Store }, { type: i2.ActivatedRoute }, { type: i2.Router }, { type: AppLoggerService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [RLB_CFG_AUTH]
+                }, {
+                    type: Optional
+                }] }] });
+
+class LanguageService {
+    constructor(translateService, cookiesService, i18nOptions) {
+        this.translateService = translateService;
+        this.cookiesService = cookiesService;
+        this.i18nOptions = i18nOptions;
+        this.contentLanguageChanged$ = new EventEmitter();
+        if (this.i18nOptions) {
+            translateService.addLangs(this.i18nOptions.availableLangs);
+            const languageUI = this.cookiesService.getCookie('ui-locale') || this.defaultLanguage || this.browserLanguage;
+            const languageContent = this.cookiesService.getCookie('content-locale') || this.defaultLanguage;
+            translateService.use(languageUI);
+            this.contentLanguage = languageContent;
+        }
+    }
+    get language() {
+        return this.translateService.getCurrentLang() || this.i18nOptions.defaultLanguage;
+    }
+    set language(value) {
+        if (!value)
+            return;
+        this.cookiesService.setCookie('ui-locale', value);
+        this.translateService.use(value);
+    }
+    get contentLanguage() {
+        return this._contentLanguage;
+    }
+    set contentLanguage(value) {
+        this.cookiesService.setCookie('content-locale', value || this.defaultLanguage);
+        this._contentLanguage = value;
+        this.contentLanguageChanged$.emit(value);
+    }
+    get languages() {
+        return this.translateService.getLangs();
+    }
+    set languages(value) {
+        this.translateService.addLangs(value);
+    }
+    get defaultLanguage() {
+        return this.translateService.getFallbackLang() || 'en';
+    }
+    get browserLanguage() {
+        return this.translateService.getBrowserLang() || 'en';
+    }
+    translate(key, interpolateParams) {
+        return this.translateService.instant(key, interpolateParams);
+    }
+    translateAsync(key, interpolateParams) {
+        return this.translateService.get(key, interpolateParams);
+    }
+    get languageChanged$() {
+        return this.translateService.onLangChange;
+    }
+    getLanguageName(l) {
+        switch (l) {
+            case 'it': return 'Italiano';
+            case 'en': return 'English';
+            case 'es': return 'Español';
+            case 'fr': return 'Francés';
+            case 'ja': return '日本語';
+            default: return '';
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: LanguageService, deps: [{ token: i1$2.TranslateService }, { token: CookiesService }, { token: RLB_CFG_I18N, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: LanguageService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: LanguageService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: i1$2.TranslateService }, { type: CookiesService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [RLB_CFG_I18N]
+                }, {
+                    type: Optional
+                }] }] });
+
+class AppBreadcrumbService {
+    constructor(router, route, loggerService, languageService) {
+        this.router = router;
+        this.route = route;
+        this.loggerService = loggerService;
+        this.languageService = languageService;
+        this._breadcrumbs$ = new BehaviorSubject([]);
+        this.breadcrumbs$ = this._breadcrumbs$.asObservable();
+        this.logger = this.loggerService.for(this.constructor.name);
+        this.logger.info('Service initialized');
+        this.router.events
+            .pipe(filter((event) => event instanceof NavigationEnd))
+            .subscribe(() => this.updateBreadcrumbs());
+        this.languageService.languageChanged$
+            .subscribe(() => this.updateBreadcrumbs());
+        // init construct
+        this.updateBreadcrumbs();
+    }
+    updateBreadcrumbs() {
+        const crumbs = this.buildBreadcrumbFromRoot(this.route);
+        this._breadcrumbs$.next(crumbs);
+        this.logger.info('Breadcrumbs updated', crumbs);
+    }
+    buildBreadcrumbFromRoot(route) {
+        const breadcrumbs = [];
+        let accumulatedLink = '';
+        let currentRoute = route.root;
+        while (currentRoute) {
+            const urlPart = currentRoute.snapshot.url.map(s => s.path).join('/');
+            if (urlPart)
+                accumulatedLink += `/${urlPart}`;
+            const label = currentRoute.snapshot.data['breadcrumb'];
+            if (label && (urlPart || breadcrumbs.length === 0)) {
+                breadcrumbs.push({
+                    label: this.languageService.translate(label),
+                    link: accumulatedLink || '/'
+                });
+                this.logger.debug('Pushed breadcrumb', { label, link: accumulatedLink });
+            }
+            if (!currentRoute.firstChild)
+                break;
+            currentRoute = currentRoute.firstChild;
+        }
+        return breadcrumbs;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AppBreadcrumbService, deps: [{ token: i2.Router }, { token: i2.ActivatedRoute }, { token: AppLoggerService }, { token: LanguageService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AppBreadcrumbService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AppBreadcrumbService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: i2.Router }, { type: i2.ActivatedRoute }, { type: AppLoggerService }, { type: LanguageService }] });
+
+class LocalCacheService {
+    constructor(options) {
+        this.options = options;
+        this.clear();
+    }
+    clear() {
+        if (typeof localStorage !== 'undefined') {
+            for (let i = 0; i < localStorage.length; i++) {
+                const key = localStorage.key(i) || '';
+                const val = localStorage.getItem(key);
+                if (!val)
+                    continue;
+                try {
+                    const exp = JSON.parse(val);
+                    if (Date.now() > exp?.expire) {
+                        localStorage.removeItem(key);
+                    }
+                }
+                catch (e) { }
+            }
+        }
+    }
+    readData(key) {
+        if (typeof localStorage !== 'undefined') {
+            const val = localStorage.getItem(key);
+            if (!val)
+                return null;
+            return JSON.parse(key);
+        }
+        return null;
+    }
+    storeData(key, data) {
+        if (typeof localStorage !== 'undefined') {
+            localStorage.setItem(key, JSON.stringify(data));
+        }
+    }
+    getData(ob, cacheKey, expirationSec) {
+        const cachedValue = this.readData(cacheKey);
+        return of(cachedValue).pipe(switchMap(cache => {
+            if (cache && cache.expire >= Date.now()) {
+                if (!this.options.production) {
+                    console.info("%c Cache: " + cacheKey, 'background: #e5edff; color: #000');
+                }
+                return of(cache.data);
+            }
+            else {
+                if (!this.options.production) {
+                    console.info("%c Cached: " + cacheKey, 'background: #e5edff; color: #000');
+                }
+                return ob.pipe(share(), switchMap(data => {
+                    this.storeData(cacheKey, {
+                        data,
+                        expire: Date.now() + (expirationSec || 60) * 1000
+                    });
+                    return of(data);
+                }));
+            }
+        }), share());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: LocalCacheService, deps: [{ token: RLB_CFG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: LocalCacheService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: LocalCacheService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [RLB_CFG]
+                }, {
+                    type: Optional
+                }] }] });
+
+class AbstractMdService {
+    constructor() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AbstractMdService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AbstractMdService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AbstractMdService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+class StrapiService {
+    constructor(http, cache, cmsOptions) {
+        this.http = http;
+        this.cache = cache;
+        this.cmsOptions = cmsOptions;
+    }
+    fetchHome(lang, cid) {
+        const __r = this.http.get(`${this.cmsOptions.endpoint}/homes/${lang}/${cid}`);
+        return this.cache.getData(__r, `strapiHome/${lang}/${cid}`, this.cmsOptions.chacheDuration || 3600);
+    }
+    fetchTopic(id) {
+        return this.http.get(`${this.cmsOptions.endpoint}/topics/${id}`);
+    }
+    fetchTab(id) {
+        return this.http.get(`${this.cmsOptions.endpoint}/tabs/${id}`);
+    }
+    fetchFaqGroup(lang, cid) {
+        return this.http.get(`${this.cmsOptions.endpoint}/faq-groups/${lang}/${cid}`);
+    }
+    async _getGuideMenuPromise(lang, cid) {
+        const resp = (await lastValueFrom(this.http.get(`${this.cmsOptions.endpoint}/menu-items/${lang}/${cid}`)));
+        resp.menu_items = resp.menu_items.sort((a, b) => ((a.Order || Math.max()) > (b.Order || Math.max())) ? 1 : (((b.Order || Math.max()) > (a.Order || Math.max())) ? -1 : 0));
+        const t = await Promise.all(resp.menu_items.map((o) => this._getGuideMenuPromise(lang, o.ContentId)));
+        resp.menu_items = t.sort((a, b) => (a.Order || Math.max() > b.Order || Math.max()) ? 1 : ((b.Order || Math.max() > a.Order || Math.max()) ? -1 : 0));
+        return resp;
+    }
+    getGuideMenu(lang, cid) {
+        return this.cache.getData(from(this._getGuideMenuPromise(lang, cid)), `strapiMenu/${lang}/${cid}`, this.cmsOptions.chacheDuration || 3600);
+    }
+    // public getGuideMenu2(lang: string, cid: string): Observable<MenuItem> {
+    //   var __r = this.http.get<MenuItem>(`${this.cmsOptions.endpoint}/menu-items/${lang}/${cid}`)
+    //     .pipe(
+    //       switchMap(menuItem => {
+    //         if (menuItem.menu_items.length == 0)
+    //           return of(menuItem)
+    //         menuItem.menu_items = menuItem.menu_items
+    //           .sort((a, b) => ((a.Order || Math.max()) > (b.Order || Math.max())) ? 1 : (((b.Order || Math.max()) > (a.Order || Math.max())) ? -1 : 0))
+    //         return zip(menuItem.menu_items.map(menuSub => this.getGuideMenu(lang, menuSub.ContentId)))
+    //           .pipe(map(menuSubItems => {
+    //             menuItem.menu_items = menuSubItems
+    //             return menuItem
+    //           }))
+    //       }))
+    //   return this.cache.getData(__r, `strapiMenu/${lang}/${cid}`, this.cmsOptions.chacheDuration)
+    // }
+    fetchPage(lang, cid) {
+        const __r = this.http.get(`${this.cmsOptions.endpoint}/pages/${lang}/${cid}`)
+            .pipe(switchMap(page => {
+            const tabs$ = zip(page.page_tabs.map((o) => this.fetchTab(o.id)));
+            const topics$ = zip(page.topics.map((o) => this.fetchTopic(o.id)));
+            return zip(tabs$, topics$).pipe(map(([tabs, topics]) => {
+                page.page_tabs = tabs;
+                page.topics = topics;
+                return page;
+            }));
+        }));
+        return this.cache.getData(__r, `strapiPage/${lang}/${cid}`, this.cmsOptions.chacheDuration || 3600);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: StrapiService, deps: [{ token: i1$3.HttpClient }, { token: LocalCacheService }, { token: RLB_CFG_CMS, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: StrapiService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: StrapiService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1$3.HttpClient }, { type: LocalCacheService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [RLB_CFG_CMS]
+                }, {
+                    type: Optional
+                }] }] });
+
+class ErrorManagementService {
+    constructor(dialogService, toastService, languageService, options) {
+        this.dialogService = dialogService;
+        this.toastService = toastService;
+        this.languageService = languageService;
+        this.options = options;
+    }
+    showError(type = 'error', out = 'dialog', error) {
+        if (out === 'dialog') {
+            return this.showDialog(type, error);
+        }
+        if (out === 'toast') {
+            return this.showToast(type, error);
+        }
+        if (out === 'console') {
+            if (!this.options.production) {
+                console.info("%c Error service: ShowToast", 'background: #ffcdc9; color: #000', error);
+            }
+            return of({ reason: 'console' });
+        }
+        return EMPTY;
+    }
+    showDialog(type, error) {
+        if (!this.options.production) {
+            console.info("%c Error service: ShowDialog", 'background: #ffcdc9; color: #000', error);
+        }
+        return this.dialogService.openModal(this.options?.environment?.errorDialogName || 'error-modal-component', {
+            content: error?.message || '',
+            title: error?.name || '',
+            ok: this.languageService.translate('common.ok'),
+            type,
+        }, {
+            animation: true,
+            backdrop: true,
+            keyboard: true,
+            size: this.options?.environment?.errorDialogSize || 'md',
+            scrollable: true,
+            focus: true,
+            fullscreen: false,
+            verticalcentered: true,
+        });
+    }
+    showToast(type, error) {
+        if (!this.options.production) {
+            console.info("%c Error service: ShowToast", 'background: #ffcdc9; color: #000', error);
+        }
+        return this.toastService.openToast(this.options?.environment?.errorToastContainer || 'error-toast-container', this.options?.environment?.errorToastName || 'error-toast', {
+            content: error?.message || '',
+            title: error?.name || '',
+            ok: this.languageService.translate('common.ok'),
+            type: 'error'
+        }, {
+            animation: true,
+            autohide: true,
+            delay: 5000,
+        });
+    }
+    manageUI(type = 'error', out = 'dialog') {
+        return (source) => {
+            return source.pipe(catchError((error, k) => {
+                if (error.name && error.name === 'HttpErrorResponse' && error.error) {
+                    error.message = `${error.error.status}: ${error.error.message}`;
+                }
+                this.showError(type, out, error);
+                return EMPTY;
+            }));
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ErrorManagementService, deps: [{ token: i6.ModalService }, { token: i6.ToastService }, { token: LanguageService }, { token: RLB_CFG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ErrorManagementService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ErrorManagementService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i6.ModalService }, { type: i6.ToastService }, { type: LanguageService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [RLB_CFG]
+                }, {
+                    type: Optional
+                }] }] });
+
+class RlbTranslateAdapterService {
+    constructor(translateService, service) {
+        this.translateService = translateService;
+        this.service = service;
+    }
+    instant(key, params) {
+        return this.translateService.instant(key, params);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: RlbTranslateAdapterService, deps: [{ token: i1$2.TranslateService }, { token: i6.UniqueIdService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: RlbTranslateAdapterService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: RlbTranslateAdapterService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: i1$2.TranslateService }, { type: i6.UniqueIdService }] });
+
+function provideRlbI18n(i18n) {
+    if (!i18n)
+        return [];
+    const prefix = './assets/i18n/';
+    const suffix = '.json';
+    return [
+        importProvidersFrom([
+            TranslateModule.forRoot({
+                loader: provideTranslateHttpLoader({
+                    prefix,
+                    suffix,
+                    // enforceLoading: true,    // Adds cache-busting timestamp
+                    // useHttpBackend: true     // Bypasses HTTP interceptors
+                }),
+                fallbackLang: i18n.defaultLanguage
+            })
+        ]),
+        { provide: RLB_CFG_I18N, useValue: i18n },
+        {
+            provide: RLB_TRANSLATION_SERVICE,
+            useClass: RlbTranslateAdapterService
+        },
+    ];
+}
+
+class TranslateBrowserLoader {
+    constructor(http, transferState, prefix = './assets/i18n/', suffix = '.json') {
+        this.http = http;
+        this.transferState = transferState;
+        this.prefix = prefix;
+        this.suffix = suffix;
+    }
+    getTranslation(lang) {
+        const key = makeStateKey('transfer-translate-' + lang);
+        const data = this.transferState.get(key, null);
+        // First we are looking for the translations in transfer-state,
+        // if none found, http load as fallback
+        if (data) {
+            return new Observable((observer) => {
+                observer.next(data);
+                observer.complete();
+            });
+        }
+        else {
+            return this.http.get(`${this.prefix}${lang}${this.suffix}`);
+        }
+    }
+}
+function translateBrowserLoaderFactory(httpClient, transferState) {
+    return new TranslateBrowserLoader(httpClient, transferState);
+}
+
+class CookiesService {
+    getCookie(name) {
+        let ca = document.cookie.split(';');
+        let caLen = ca.length;
+        let cookieName = `${name}=`;
+        let c;
+        for (let i = 0; i < caLen; i += 1) {
+            c = ca[i].replace(/^\s+/g, '');
+            if (c.indexOf(cookieName) == 0) {
+                return c.substring(cookieName.length, c.length);
+            }
+        }
+        return undefined;
+    }
+    deleteCookie(name) {
+        this.setCookie(name, '', -1);
+    }
+    setCookie(name, value, expireDays, path = '') {
+        let cookie = `${name}=${value};`;
+        if (expireDays) {
+            let d = new Date();
+            d.setTime(d.getTime() + expireDays * 24 * 60 * 60 * 1000);
+            let expires = `expires=${d.toUTCString()};`;
+            cookie += `${expires}`;
+        }
+        if (path) {
+            cookie += `path=${path};`;
+        }
+        document.cookie = cookie;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CookiesService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CookiesService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CookiesService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+class PwaUpdaterService {
+    get newVersionAvailable$() {
+        return this._newVersionAvailable$.asObservable();
+    }
+    constructor(updates, modalService, languageService) {
+        this.updates = updates;
+        this.modalService = modalService;
+        this.languageService = languageService;
+        this._newVersionAvailable$ = new EventEmitter();
+        this.updates.versionUpdates
+            .pipe(filter((evt) => (evt.type === 'VERSION_READY'))).subscribe(() => this._newVersionAvailable$.emit());
+    }
+    update() {
+        this.updates.activateUpdate()
+            .then(() => document.location.reload());
+    }
+    async checkForUpdates() {
+        return await this.updates.checkForUpdate();
+    }
+    checkWithDialog() {
+        return this.updates.versionUpdates
+            .pipe(filter((evt) => {
+            const result = evt.type === 'VERSION_READY';
+            return result;
+        }), switchMap(() => this.modalService.openSimpleModal(this.languageService.translate('core.pwa.newVersionAvailable'), this.languageService.translate('core.pwa.updateMessage'), this.languageService.translate('core.pwa.updateNow'), this.languageService.translate('core.pwa.update'), this.languageService.translate('core.pwa.later'))), filter((res) => res?.reason === 'ok'), //si ferma se l'evento non è una action
+        map(() => this.updates.activateUpdate().then(() => location.reload())));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: PwaUpdaterService, deps: [{ token: i1$4.SwUpdate }, { token: i6.ModalService }, { token: LanguageService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: PwaUpdaterService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: PwaUpdaterService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1$4.SwUpdate }, { type: i6.ModalService }, { type: LanguageService }] });
+
+class UtilsService {
+    isNumber(evt) {
+        evt = evt || window.event;
+        const charCode = evt.which ? evt.which : evt.keyCode;
+        if (charCode > 31 && (charCode < 48 || charCode > 57) && charCode !== 46) {
+            evt.preventDefault();
+            return false;
+        }
+        else {
+            return true;
+        }
+    }
+    toPlainDataObject(o) {
+        if (o !== null && o != undefined) {
+            if (Array.isArray(o)) {
+                return o.map(j => this.toPlainDataObject(j));
+            }
+            else if (typeof o === 'object') {
+                return Object.getOwnPropertyNames(o).reduce((result, name) => {
+                    if (name !== '__ob__')
+                        result[name] = this.toPlainDataObject(o[name]);
+                    return result;
+                }, {});
+            }
+            else if (typeof o === 'function' || typeof o === 'undefined') {
+                return undefined;
+            }
+            else {
+                return o;
+            }
+        }
+    }
+    groupBy(xs, predicate) {
+        return xs.reduce((rv, x) => {
+            ;
+            (rv[predicate(x)] = rv[predicate(x)] || []).push(x);
+            return rv;
+        }, {});
+    }
+    s(x, y) {
+        var pre = ['string', 'number', 'bool'];
+        if (typeof x !== typeof y)
+            return pre.indexOf(typeof y) - pre.indexOf(typeof x);
+        if (x === y)
+            return 0;
+        else
+            return x > y ? 1 : -1;
+    }
+    compareArrayUnsort(a1, a2) {
+        if (!Array.isArray(a1))
+            return false;
+        if (!Array.isArray(a2))
+            return false;
+        if (a1.length != a2.length)
+            return false;
+        a1 = a1.sort(this.s);
+        a2 = a2.sort(this.s);
+        for (var i = 0, l = a1.length; i < l; i++) {
+            if (Array.isArray(a1[i]) && Array.isArray(a2[i])) {
+                if (!this.compareArrayUnsort(a1[i], a2[i]))
+                    return false;
+            }
+            else if (a1[i] != a2[i]) {
+                // Warning - two different object instances will never be equal: {x:20} != {x:20}
+                return false;
+            }
+        }
+        return true;
+    }
+    removeMD(md, options) {
+        options = options || {};
+        options.listUnicodeChar = options.hasOwnProperty('listUnicodeChar') ? options.listUnicodeChar : undefined;
+        options.stripListLeaders = options.hasOwnProperty('stripListLeaders') ? options.stripListLeaders : true;
+        options.gfm = options.hasOwnProperty('gfm') ? options.gfm : true;
+        options.useImgAltText = options.hasOwnProperty('useImgAltText') ? options.useImgAltText : true;
+        var output = md || '';
+        // Remove horizontal rules (stripListHeaders conflict with this rule, which is why it has been moved to the top)
+        output = output.replace(/^(-\s*?|\*\s*?|_\s*?){3,}\s*$/gm, '');
+        try {
+            if (options.stripListLeaders) {
+                if (options.listUnicodeChar)
+                    output = output.replace(/^([\s\t]*)([\*\-\+]|\d+\.)\s+/gm, options.listUnicodeChar + ' $1');
+                else
+                    output = output.replace(/^([\s\t]*)([\*\-\+]|\d+\.)\s+/gm, '$1');
+            }
+            if (options.gfm) {
+                output = output
+                    // Header
+                    .replace(/\n={2,}/g, '\n')
+                    // Fenced codeblocks
+                    .replace(/~{3}.*\n/g, '')
+                    // Strikethrough
+                    .replace(/~~/g, '')
+                    // Fenced codeblocks
+                    .replace(/`{3}.*\n/g, '');
+            }
+            output = output
+                // Remove HTML tags
+                .replace(/<[^>]*>/g, '')
+                // Remove setext-style headers
+                .replace(/^[=\-]{2,}\s*$/g, '')
+                // Remove footnotes?
+                .replace(/\[\^.+?\](\: .*?$)?/g, '')
+                .replace(/\s{0,2}\[.*?\]: .*?$/g, '')
+                // Remove images
+                .replace(/\!\[(.*?)\][\[\(].*?[\]\)]/g, options.useImgAltText ? '$1' : '')
+                // Remove inline links
+                .replace(/\[(.*?)\][\[\(].*?[\]\)]/g, '$1')
+                // Remove blockquotes
+                .replace(/^\s{0,3}>\s?/g, '')
+                // Remove reference-style links?
+                .replace(/^\s{1,2}\[(.*?)\]: (\S+)( ".*?")?\s*$/g, '')
+                // Remove atx-style headers
+                .replace(/^(\n)?\s{0,}#{1,6}\s+| {0,}(\n)?\s{0,}#{0,} {0,}(\n)?\s{0,}$/gm, '$1$2$3')
+                // Remove emphasis (repeat the line to remove double emphasis)
+                .replace(/([\*_]{1,3})(\S.*?\S{0,1})\1/g, '$2')
+                .replace(/([\*_]{1,3})(\S.*?\S{0,1})\1/g, '$2')
+                // Remove code blocks
+                .replace(/(`{3,})(.*?)\1/gm, '$2')
+                // Remove inline code
+                .replace(/`(.+?)`/g, '$1')
+                // Replace two or more newlines with exactly two? Not entirely sure this belongs here...
+                .replace(/\n{2,}/g, '\n\n');
+        }
+        catch (e) {
+            console.error(e);
+            return md;
+        }
+        return output;
+    }
+    floatStr(input) {
+        if (input) {
+            if (typeof input === 'number') {
+                input = input.toString();
+            }
+            return parseFloat(input.replace(',', '.')).toFixed(2);
+        }
+        return '0.00';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UtilsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UtilsService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UtilsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+class ParseJwtService {
+    _atob(string) {
+        return Buffer.from(string, 'base64').toString("binary"); // atob(string)
+    }
+    parseJwt(token) {
+        if (token !== undefined && token !== null && token !== "") {
+            var base64Url = token.split(".")[1];
+            var base64 = base64Url.replace(/-/g, "+").replace(/_/g, "/");
+            var jsonPayload = decodeURIComponent(this._atob(base64)
+                .split("")
+                .map(c => ("%" + ("00" + c.charCodeAt(0).toString(16)).slice(-2)))
+                .join(""));
+            return JSON.parse(jsonPayload);
+        }
+        else {
+            return {};
+        }
+    }
+    ;
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ParseJwtService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ParseJwtService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ParseJwtService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+class AuthenticationService {
+    constructor(oidcSecurityService, cookiesService, router, parseJwtService, store, envConfig, authConfig) {
+        this.oidcSecurityService = oidcSecurityService;
+        this.cookiesService = cookiesService;
+        this.router = router;
+        this.parseJwtService = parseJwtService;
+        this.store = store;
+        this.envConfig = envConfig;
+        this.authConfig = authConfig;
+    }
+    get oidc() {
+        return this.oidcSecurityService;
+    }
+    get config() {
+        return this.authConfig;
+    }
+    get currentProvider() {
+        const currentProvider = this.store.selectSignal((state) => state[authsFeatureKey].currentProvider)();
+        return this.authConfig?.providers.find((provider) => provider.configId === currentProvider);
+    }
+    checkAuthMultiple(url) {
+        // if (Capacitor.isNativePlatform()) {
+        //   console.log('Capacitor is native platform')
+        //   App.addListener('appUrlOpen', async ({ url }: { url: string }) => {
+        //     await this.zone.run(async () => {
+        //       const _url = `${environment.baseUrl}/${url.slice(url.indexOf('?'))}`
+        //       this.authorize(_url).subscribe();
+        //     })
+        //   });
+        // } else {
+        return this.oidc.checkAuthMultiple(url)
+            .pipe(tap(data => {
+            if (data.some(o => o.isAuthenticated)) {
+                const redirect = this.cookiesService.getCookie('loginRedirectUrl');
+                if (redirect) {
+                    this.cookiesService.deleteCookie('loginRedirectUrl');
+                    this.router.navigate([redirect]);
+                }
+            }
+        }));
+        //}
+    }
+    login() {
+        this.cookiesService.setCookie('loginRedirectUrl', this.router.url || '/', 1);
+        // electron
+        if (typeof (process) !== 'undefined' &&
+            typeof (process?.version) !== 'undefined' &&
+            typeof (process?.versions['electron']) !== undefined) {
+            const urlHandler = (authUrl) => {
+                console.log(authUrl);
+                this.modal = window.open(authUrl, '_blank', 'nodeIntegration=no');
+            };
+            return this.oidc.authorize(this.currentProvider?.configId, { urlHandler });
+        }
+        // capacitor
+        // else if (Capacitor.isNativePlatform()) {
+        //   const urlHandler = async (url: string) => {
+        //     console.log('opening', url);
+        //     await Browser.open({ url, windowName: '_self' })
+        //   };
+        //   this.oidc.authorize(config, { urlHandler });
+        // }
+        // browser
+        else {
+            return this.oidc.authorize(this.currentProvider?.configId);
+        }
+    }
+    async logout() {
+        await lastValueFrom(this.oidc.logoff(this.currentProvider?.configId));
+    }
+    logout$() {
+        return this.oidc.logoff(this.currentProvider?.configId);
+    }
+    get userInfo$() {
+        return this.oidc.userData$.pipe(map((userData) => {
+            const user = userData.allUserData.find(o => o.configId === this.currentProvider?.configId);
+            return user ? user.userData : null;
+        }));
+    }
+    get isAuthenticated$() {
+        return this.oidc.isAuthenticated$.pipe(map((isAuthenticated) => {
+            return isAuthenticated.allConfigsAuthenticated.find(o => o.configId === this.currentProvider?.configId)?.isAuthenticated || false;
+        }));
+    }
+    get accessToken$() {
+        return this.oidc.getAccessToken(this.currentProvider?.configId);
+    }
+    get idToken$() {
+        return this.oidc.getIdToken(this.currentProvider?.configId);
+    }
+    get refreshToken$() {
+        return this.oidc.getRefreshToken(this.currentProvider?.configId);
+    }
+    get roles$() {
+        return this.accessToken$.pipe(map((token) => (this.parseJwtService.parseJwt(token))), map((payload) => payload['roles']));
+    }
+    matchRoles(roles) {
+        return this.accessToken$.pipe(map(token => this.parseJwtService.parseJwt(token)), map(payload => payload['roles']), map(userRoles => roles.some(role => userRoles.includes(role))));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AuthenticationService, deps: [{ token: i1$5.OidcSecurityService }, { token: CookiesService }, { token: i2.Router }, { token: ParseJwtService }, { token: i1$1.Store }, { token: RLB_CFG_ENV, optional: true }, { token: RLB_CFG_AUTH, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AuthenticationService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AuthenticationService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1$5.OidcSecurityService }, { type: CookiesService }, { type: i2.Router }, { type: ParseJwtService }, { type: i1$1.Store }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [RLB_CFG_ENV]
+                }] }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [RLB_CFG_AUTH]
+                }] }] });
+
+class TokenOauthInterceptor {
+    constructor(authenticationService, appconfig) {
+        this.authenticationService = authenticationService;
+        this.appconfig = appconfig;
+    }
+    intercept(request, next) {
+        const endpoints = !this.appconfig.endpoints ? [] : Object.values(this.appconfig.endpoints).filter(e => e.auth && !e.wss);
+        if (!endpoints.some(e => request.url.includes(e.baseUrl))) {
+            return next.handle(request);
+        }
+        return this.authenticationService.accessToken$.pipe(switchMap(token => {
+            if (token) {
+                const newRequest = request.clone({
+                    setHeaders: { Authorization: `Bearer ${token}` }
+                });
+                return next.handle(newRequest);
+            }
+            return next.handle(request);
+        }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TokenOauthInterceptor, deps: [{ token: AuthenticationService }, { token: RLB_CFG }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TokenOauthInterceptor }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TokenOauthInterceptor, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: AuthenticationService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [RLB_CFG]
+                }] }] });
+
+function provideRlbCodeBrowserOAuth(auth) {
+    if (!auth || auth.protocol !== 'oauth')
+        return makeEnvironmentProviders([]);
+    const providers = [
+        { provide: RLB_CFG_AUTH, useValue: auth },
+        { provide: AbstractLoggerService, useClass: AppLoggerService },
+        AuthModule,
+        provideAuth({
+            config: auth.providers.map((_auth) => ({
+                ..._auth,
+                secureRoutes: auth.allowedUrls,
+                responseType: 'code',
+                silentRenew: true,
+                useRefreshToken: true,
+                autoUserInfo: true,
+                renewUserInfoAfterTokenRenew: true,
+                ignoreNonceAfterRefresh: true,
+                renewTimeBeforeTokenExpiresInSeconds: 30,
+            }))
+        }),
+    ];
+    if (auth.interceptor === 'oauth-code-all') {
+        providers.push({ provide: HTTP_INTERCEPTORS, useClass: AuthInterceptor, multi: true });
+    }
+    if (auth.interceptor === 'oauth-code-ep') {
+        providers.push({ provide: HTTP_INTERCEPTORS, useClass: TokenOauthInterceptor, multi: true });
+    }
+    if (auth.storage === 'cookies') {
+        providers.push({ provide: AbstractSecurityStorage, useClass: TokenCookiesService });
+    }
+    if (auth.storage === 'localStorage') {
+        providers.push({ provide: AbstractSecurityStorage, useClass: TokenStoreService });
+    }
+    if (auth.storage === 'sessionStorage') {
+        providers.push({ provide: AbstractSecurityStorage, useClass: TokenSessionService });
+    }
+    return makeEnvironmentProviders(providers);
+}
+
+class CmsPipe {
+    constructor(cmsOptions) {
+        this.cmsOptions = cmsOptions;
+    }
+    transform(value, ...args) {
+        let cms = this.cmsOptions.endpoint;
+        if (!cms) {
+            return value;
+        }
+        if (cms.endsWith("/")) {
+            cms = cms.substring(0, cms.length - 1);
+        }
+        if (value.startsWith("/")) {
+            value = value.substring(1);
+        }
+        return `${cms}/${value}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CmsPipe, deps: [{ token: RLB_CFG_CMS, optional: true }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: CmsPipe, isStandalone: false, name: "cms" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CmsPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'cms',
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [RLB_CFG_CMS]
+                }, {
+                    type: Optional
+                }] }] });
+
+class CmsComponent {
+    constructor(strapiService, languageService, cmsOptions, mdService) {
+        this.strapiService = strapiService;
+        this.languageService = languageService;
+        this.cmsOptions = cmsOptions;
+        this.mdService = mdService;
+    }
+    ngOnDestroy() {
+        this.subscriptionLang?.unsubscribe();
+        this.subscriptionPage?.unsubscribe();
+    }
+    ngOnInit() {
+        const lang = this.cmsOptions.useAppLanguage ? this.languageService.language : this.languageService.contentLanguage;
+        const page$ = this.strapiService.fetchPage(lang || this.languageService.defaultLanguage, this.contentId || '');
+        this.subscriptionLang = this.languageService.languageChanged$.pipe(switchMap(langEvent => {
+            if (langEvent.lang) {
+                return page$;
+            }
+            return EMPTY;
+        })).subscribe(p => this.page = p);
+        this.subscriptionPage = page$.subscribe(p => this.page = p);
+    }
+    md(md) {
+        if (this.cmsOptions.markdown === 'ignore') {
+            return md;
+        }
+        else {
+            if (!this.mdService) {
+                throw new Error('No MdService provided');
+            }
+            else if (this.cmsOptions.markdown === 'text') {
+                return this.mdService.md2text(md);
+            }
+            else if (this.cmsOptions.markdown === 'html') {
+                return this.mdService.md2html(md);
+            }
+        }
+        return md;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CmsComponent, deps: [{ token: StrapiService }, { token: LanguageService }, { token: RLB_CFG_CMS, optional: true }, { token: AbstractMdService, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: CmsComponent, isStandalone: false, selector: "rlb-cms-template", inputs: { contentId: "contentId", breadcrumb: "breadcrumb" }, ngImport: i0, template: "<div>\n  <div class=\"container\" *ngIf=\"page\">\n    <div class=\"row my-4\" *ngIf=\"breadcrumb\">\n      <div class=\"col-12\">\n        <rlb-breadcrumb [items]=\"breadcrumb\"></rlb-breadcrumb>\n      </div>\n    </div>\n    <div class=\"row my-4\">\n      <div class=\"col-12\">\n        <h1 class=\"text-center\">{{page.Title}}</h1>\n      </div>\n    </div>\n    <div class=\"row my-4\" *ngIf=\"page.Content\">\n      <div class=\"col-12\">\n        <div [innerHTML]=\"page.Content \"></div>\n      </div>\n    </div>\n    <div class=\"row my-4\" *ngIf=\"page.page_tabs.length>0\">\n      <div class=\"col-12\">\n        <rlb-tabs>\n          <rlb-tab *ngFor=\"let tab of page.page_tabs; let i = index\" [target]=\"'cms-tab-'+i\">\n            {{tab.Title}}\n          </rlb-tab>\n        </rlb-tabs>\n        <rlb-tab-content>\n          <rlb-tab-pane *ngFor=\"let tab of page.page_tabs; let i = index\" [id]=\"'cms-tab-'+i\">\n            <div class=\"container-fluid\">\n              <div class=\"row my-4\" *ngIf=\"tab.Content\">\n                <div class=\"col-12\">\n                  <div [innerHTML]=\"tab.Content \"></div>\n                </div>\n              </div>\n              <div class=\"row my-4 mx-auto card-steps\" *ngFor=\"let step of tab.steps; let i = index\"\n                style=\"max-width: 350px; border-bottom: 1px solid rgb(192, 198, 204);\">\n                <div class=\"col-8\">\n                  <div class=\"pb-2\">\n                    <div style=\"height: 54px; min-width: 54px; width: 54px; border: 5px solid rgb(192, 198, 204);\"\n                      class=\"round-counter\">\n                      <span class=\"red\">{{i+1}}</span>\n                    </div>\n                  </div>\n                  <div>\n                    <div [innerHTML]=\"step.Content \"></div>\n                  </div>\n                </div>\n                <div class=\"col-4 pb-2\">\n                  <img [src]=\"step.Picture.url|cms\">\n                </div>\n              </div>\n              <div class=\"row my-4\" *ngIf=\"tab.faqs.length>0\">\n                <div class=\"col-12\">\n                  <h2 class=\"py-3\">{{tab.FaqTitle}}</h2>\n                </div>\n              </div>\n              <div class=\"row my-4\" *ngIf=\"tab.faqs.length>0 && tab.FaqContent\">\n                <div class=\"col-12\">\n                  <div [innerHTML]=\"tab.FaqContent \"></div>\n                </div>\n              </div>\n              <div class=\"row   my-4\" *ngIf=\"tab.faqs.length>0\">\n                <div class=\"col-12\">\n                  <rlb-accordion>\n                    <div rlb-accordion-item [expanded]=\"true\" *ngFor=\"let faq of tab.faqs\">\n                      <rlb-accordion-header>\n                        {{faq.Title}}\n                      </rlb-accordion-header>\n                      <div rlb-accordion-body>\n                        <div [innerHTML]=\"faq.Content\"> </div>\n                      </div>\n                    </div>\n                  </rlb-accordion>\n                </div>\n              </div>\n              <div class=\"row   my-4\">\n                <div class=\"col-12\">\n                  <span>\n                    <a routerLink=\"/support\">\n                      <i class=\"bi bi-info-circle-fill\" style=\"margin-bottom: -6px;margin-right: 6px;\"></i>\n                      <span>{{'pages.support.infoPage' | translate}}</span>\n                    </a>\n                  </span>\n                </div>\n              </div>\n              <div class=\"row my-4\" *ngIf=\"page.topics.length>0\" style=\"padding: 4px\">\n                <div class=\"col-lg-6 col-md-12 col-sm-12 col-xs-12\" *ngFor=\"let topic of page.topics\">\n                  <a [routerLink]=\"'/informations/'+topic.page.ContentId\" style=\"color: inherit;text-decoration: none;\">\n                    <div class=\"card mb-4\" style=\"min-height: 230px;\">\n                      <img [src]=\"topic.Picture.url | cms\" class=\"card-img-top\"\n                        style=\"height: 91px; margin: 16px -16px;\">\n                      <div class=\"card-body\">\n                        <h5 class=\"card-title\">{{topic.Title}}</h5>\n                        <div class=\"card-text\" [innerHTML]=\"topic.Content \"></div>\n                      </div>\n                    </div>\n                  </a>\n                </div>\n              </div>\n            </div>\n          </rlb-tab-pane>\n        </rlb-tab-content>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.BreadcrumbComponent, selector: "rlb-breadcrumb", inputs: ["divider", "items", "cssClasses"] }, { kind: "component", type: i6.AccordionComponent, selector: "rlb-accordion", inputs: ["flush", "always-open", "id"] }, { kind: "component", type: i6.AccordionItemComponent, selector: "div[rlb-accordion-item]", inputs: ["name", "expanded", "class", "style", "status"], outputs: ["statusChange"] }, { kind: "component", type: i6.AccordionHeaderComponent, selector: "rlb-accordion-header" }, { kind: "component", type: i6.AccordionBodyComponent, selector: "div[rlb-accordion-body]" }, { kind: "component", type: i6.TabsComponent, selector: "rlb-tabs", inputs: ["horizontal-alignment", "view", "vertical", "fill", "id", "class"] }, { kind: "component", type: i6.TabComponent, selector: "rlb-tab", inputs: ["active", "disabled", "target", "class"] }, { kind: "component", type: i6.TabContentComponent, selector: "rlb-tab-content" }, { kind: "component", type: i6.TabPaneComponent, selector: "rlb-tab-pane", inputs: ["id", "active", "fade"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "pipe", type: CmsPipe, name: "cms" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CmsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rlb-cms-template', standalone: false, template: "<div>\n  <div class=\"container\" *ngIf=\"page\">\n    <div class=\"row my-4\" *ngIf=\"breadcrumb\">\n      <div class=\"col-12\">\n        <rlb-breadcrumb [items]=\"breadcrumb\"></rlb-breadcrumb>\n      </div>\n    </div>\n    <div class=\"row my-4\">\n      <div class=\"col-12\">\n        <h1 class=\"text-center\">{{page.Title}}</h1>\n      </div>\n    </div>\n    <div class=\"row my-4\" *ngIf=\"page.Content\">\n      <div class=\"col-12\">\n        <div [innerHTML]=\"page.Content \"></div>\n      </div>\n    </div>\n    <div class=\"row my-4\" *ngIf=\"page.page_tabs.length>0\">\n      <div class=\"col-12\">\n        <rlb-tabs>\n          <rlb-tab *ngFor=\"let tab of page.page_tabs; let i = index\" [target]=\"'cms-tab-'+i\">\n            {{tab.Title}}\n          </rlb-tab>\n        </rlb-tabs>\n        <rlb-tab-content>\n          <rlb-tab-pane *ngFor=\"let tab of page.page_tabs; let i = index\" [id]=\"'cms-tab-'+i\">\n            <div class=\"container-fluid\">\n              <div class=\"row my-4\" *ngIf=\"tab.Content\">\n                <div class=\"col-12\">\n                  <div [innerHTML]=\"tab.Content \"></div>\n                </div>\n              </div>\n              <div class=\"row my-4 mx-auto card-steps\" *ngFor=\"let step of tab.steps; let i = index\"\n                style=\"max-width: 350px; border-bottom: 1px solid rgb(192, 198, 204);\">\n                <div class=\"col-8\">\n                  <div class=\"pb-2\">\n                    <div style=\"height: 54px; min-width: 54px; width: 54px; border: 5px solid rgb(192, 198, 204);\"\n                      class=\"round-counter\">\n                      <span class=\"red\">{{i+1}}</span>\n                    </div>\n                  </div>\n                  <div>\n                    <div [innerHTML]=\"step.Content \"></div>\n                  </div>\n                </div>\n                <div class=\"col-4 pb-2\">\n                  <img [src]=\"step.Picture.url|cms\">\n                </div>\n              </div>\n              <div class=\"row my-4\" *ngIf=\"tab.faqs.length>0\">\n                <div class=\"col-12\">\n                  <h2 class=\"py-3\">{{tab.FaqTitle}}</h2>\n                </div>\n              </div>\n              <div class=\"row my-4\" *ngIf=\"tab.faqs.length>0 && tab.FaqContent\">\n                <div class=\"col-12\">\n                  <div [innerHTML]=\"tab.FaqContent \"></div>\n                </div>\n              </div>\n              <div class=\"row   my-4\" *ngIf=\"tab.faqs.length>0\">\n                <div class=\"col-12\">\n                  <rlb-accordion>\n                    <div rlb-accordion-item [expanded]=\"true\" *ngFor=\"let faq of tab.faqs\">\n                      <rlb-accordion-header>\n                        {{faq.Title}}\n                      </rlb-accordion-header>\n                      <div rlb-accordion-body>\n                        <div [innerHTML]=\"faq.Content\"> </div>\n                      </div>\n                    </div>\n                  </rlb-accordion>\n                </div>\n              </div>\n              <div class=\"row   my-4\">\n                <div class=\"col-12\">\n                  <span>\n                    <a routerLink=\"/support\">\n                      <i class=\"bi bi-info-circle-fill\" style=\"margin-bottom: -6px;margin-right: 6px;\"></i>\n                      <span>{{'pages.support.infoPage' | translate}}</span>\n                    </a>\n                  </span>\n                </div>\n              </div>\n              <div class=\"row my-4\" *ngIf=\"page.topics.length>0\" style=\"padding: 4px\">\n                <div class=\"col-lg-6 col-md-12 col-sm-12 col-xs-12\" *ngFor=\"let topic of page.topics\">\n                  <a [routerLink]=\"'/informations/'+topic.page.ContentId\" style=\"color: inherit;text-decoration: none;\">\n                    <div class=\"card mb-4\" style=\"min-height: 230px;\">\n                      <img [src]=\"topic.Picture.url | cms\" class=\"card-img-top\"\n                        style=\"height: 91px; margin: 16px -16px;\">\n                      <div class=\"card-body\">\n                        <h5 class=\"card-title\">{{topic.Title}}</h5>\n                        <div class=\"card-text\" [innerHTML]=\"topic.Content \"></div>\n                      </div>\n                    </div>\n                  </a>\n                </div>\n              </div>\n            </div>\n          </rlb-tab-pane>\n        </rlb-tab-content>\n      </div>\n    </div>\n  </div>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: StrapiService }, { type: LanguageService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [RLB_CFG_CMS]
+                }, {
+                    type: Optional
+                }] }, { type: AbstractMdService, decorators: [{
+                    type: Optional
+                }] }], propDecorators: { contentId: [{
+                type: Input
+            }], breadcrumb: [{
+                type: Input
+            }] } });
+
+class CmsContentComponent {
+    constructor(route) {
+        this.route = route;
+    }
+    get contentId() {
+        return this.route.snapshot.params['id'];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CmsContentComponent, deps: [{ token: i2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: CmsContentComponent, isStandalone: false, selector: "rlb-cms-content", ngImport: i0, template: "<rlb-cms-template [contentId]=\"contentId\"></rlb-cms-template>", styles: [""], dependencies: [{ kind: "component", type: CmsComponent, selector: "rlb-cms-template", inputs: ["contentId", "breadcrumb"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CmsContentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rlb-cms-content', standalone: false, template: "<rlb-cms-template [contentId]=\"contentId\"></rlb-cms-template>" }]
+        }], ctorParameters: () => [{ type: i2.ActivatedRoute }] });
+
+class CookiesComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CookiesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: CookiesComponent, isStandalone: false, selector: "rlb-cookies", ngImport: i0, template: "<rlb-cms-template contentId=\"adb_cookies\"></rlb-cms-template>", styles: [""], dependencies: [{ kind: "component", type: CmsComponent, selector: "rlb-cms-template", inputs: ["contentId", "breadcrumb"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CookiesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rlb-cookies', standalone: false, template: "<rlb-cms-template contentId=\"adb_cookies\"></rlb-cms-template>" }]
+        }] });
+
+class NotFoundComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NotFoundComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: NotFoundComponent, isStandalone: false, selector: "rlb-not-found", ngImport: i0, template: "<div class=\"container\" style=\"height:calc(100vh - 58px);\">\n  <div class=\"align-center\">\n    <div class=\"text-center\">\n      <h1 class=\"text-primary\">\n        {{ 'pages.notFound.title' | translate }}\n      </h1>\n      <p>{{ 'pages.notFound.content' | translate }}</p><a href=\"/\" class=\"btn btn-outline-primary\">\n        <span>\n          {{ 'pages.notFound.button' | translate }}\n        </span></a>\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NotFoundComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rlb-not-found', standalone: false, template: "<div class=\"container\" style=\"height:calc(100vh - 58px);\">\n  <div class=\"align-center\">\n    <div class=\"text-center\">\n      <h1 class=\"text-primary\">\n        {{ 'pages.notFound.title' | translate }}\n      </h1>\n      <p>{{ 'pages.notFound.content' | translate }}</p><a href=\"/\" class=\"btn btn-outline-primary\">\n        <span>\n          {{ 'pages.notFound.button' | translate }}\n        </span></a>\n    </div>\n  </div>\n</div>\n" }]
+        }] });
+
+class PrivacyComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: PrivacyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: PrivacyComponent, isStandalone: false, selector: "rlb-privacy", ngImport: i0, template: "<rlb-cms-template contentId=\"adb_privacy\"></rlb-cms-template>", styles: [""], dependencies: [{ kind: "component", type: CmsComponent, selector: "rlb-cms-template", inputs: ["contentId", "breadcrumb"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: PrivacyComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rlb-privacy', standalone: false, template: "<rlb-cms-template contentId=\"adb_privacy\"></rlb-cms-template>" }]
+        }] });
+
+class SupportComponent {
+    constructor(supportService, _location) {
+        this.supportService = supportService;
+        this._location = _location;
+        this.supportForm = new FormGroup({
+            name: new FormControl('', [Validators.required]),
+            email: new FormControl('', [Validators.required, Validators.email]),
+            subject: new FormControl('', [Validators.required]),
+            message: new FormControl('', [Validators.required]),
+            legal: new FormControl('', [Validators.required]),
+        });
+    }
+    hasError(form, controlName, errorName) {
+        switch (form) {
+            case 'supportForm':
+                return this.supportForm.controls[controlName].hasError(errorName);
+            default: return false;
+        }
+    }
+    sendSupport(data) {
+        if (this.supportForm.valid) {
+            this.supportService.sendSupport(data);
+        }
+    }
+    backClicked() {
+        this._location.back();
+    }
+    ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SupportComponent, deps: [{ token: AbstractSupportService }, { token: i1$6.Location }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: SupportComponent, isStandalone: false, selector: "rlb-support", ngImport: i0, template: "<div class=\"container mt-2 mb-5\">\n  <div class=\"container text-center position-relative my-3\">\n    <h3>{{ 'pages.support.title' | translate}}</h3>\n    <i role=\"button\" class=\"bi bi-chevron-left position-absolute start-0 top-50 translate-middle-y\"\n      style=\"font-size: 25px;font-weight: 600;\" (click)=\"backClicked()\"></i>\n  </div>\n  <form [formGroup]=\"supportForm\" class=\"needs-validation\" (ngSubmit)=\"sendSupport(supportForm.value)\">\n    <rlb-list class=\"settings\">\n      <rlb-list-item class=\"settings-item\">\n        <div class=\"d-flex justify-content-between\">\n          <div class=\"settings-text\">\n            <h6 class=\"mt-1\">{{ 'pages.support.name' | translate}}</h6>\n          </div>\n          <div class=\"settings-control\">\n            <rlb-input type=\"text\" size=\"small\" formControlName=\"name\" />\n          </div>\n        </div>\n      </rlb-list-item>\n      <rlb-list-item class=\"settings-item\">\n        <div class=\"d-flex justify-content-between\">\n          <div class=\"settings-text\">\n            <h6 class=\"mt-1\">{{ 'pages.support.email' | translate}}</h6>\n          </div>\n          <div class=\"settings-control\">\n            <rlb-input type=\"text\"  size=\"small\" formControlName=\"email\" />\n          </div>\n        </div>\n      </rlb-list-item>\n      <rlb-list-item class=\"settings-item\">\n        <div class=\"d-flex justify-content-between\">\n          <div class=\"settings-text\">\n            <h6 class=\"mt-1\">{{ 'pages.support.subject' | translate}}</h6>\n          </div>\n          <div class=\"settings-control\">\n            <rlb-input type=\"text\"  size=\"small\" formControlName=\"subject\" />\n          </div>\n        </div>\n      </rlb-list-item>\n      <rlb-list-item class=\"settings-item\">\n        <div class=\"d-flex justify-content-between\">\n          <div class=\"settings-text\">\n            <h6 class=\"mt-1\">{{ 'pages.support.message' | translate}}</h6>\n          </div>\n          <div class=\"settings-control\">\n            <rlb-input type=\"text\"  size=\"small\" formControlName=\"message\" />\n          </div>\n        </div>\n      </rlb-list-item>\n      <rlb-list-item class=\"settings-item\">\n        <div class=\"d-flex justify-content-between\">\n          <div class=\"settings-text\">\n            <h6 class=\"mt-1\">{{ 'pages.support.legal' | translate}}</h6>\n            <span>{{ 'pages.support.infoPage' | translate}}</span>\n          </div>\n          <div class=\"settings-control\">\n            <rlb-switch size=\"small\" formControlName=\"legal\" />\n          </div>\n        </div>\n      </rlb-list-item>\n    </rlb-list>\n  </form>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i6.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: i6.SwitchComponent, selector: "rlb-switch", inputs: ["disabled", "readonly", "size", "id"] }, { kind: "component", type: i6.ListComponent, selector: "rlb-list", inputs: ["disabled", "numbered", "flush", "horizontal"] }, { kind: "component", type: i6.ListItemComponent, selector: "rlb-list-item", inputs: ["active", "disabled", "action"] }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SupportComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rlb-support', standalone: false, template: "<div class=\"container mt-2 mb-5\">\n  <div class=\"container text-center position-relative my-3\">\n    <h3>{{ 'pages.support.title' | translate}}</h3>\n    <i role=\"button\" class=\"bi bi-chevron-left position-absolute start-0 top-50 translate-middle-y\"\n      style=\"font-size: 25px;font-weight: 600;\" (click)=\"backClicked()\"></i>\n  </div>\n  <form [formGroup]=\"supportForm\" class=\"needs-validation\" (ngSubmit)=\"sendSupport(supportForm.value)\">\n    <rlb-list class=\"settings\">\n      <rlb-list-item class=\"settings-item\">\n        <div class=\"d-flex justify-content-between\">\n          <div class=\"settings-text\">\n            <h6 class=\"mt-1\">{{ 'pages.support.name' | translate}}</h6>\n          </div>\n          <div class=\"settings-control\">\n            <rlb-input type=\"text\" size=\"small\" formControlName=\"name\" />\n          </div>\n        </div>\n      </rlb-list-item>\n      <rlb-list-item class=\"settings-item\">\n        <div class=\"d-flex justify-content-between\">\n          <div class=\"settings-text\">\n            <h6 class=\"mt-1\">{{ 'pages.support.email' | translate}}</h6>\n          </div>\n          <div class=\"settings-control\">\n            <rlb-input type=\"text\"  size=\"small\" formControlName=\"email\" />\n          </div>\n        </div>\n      </rlb-list-item>\n      <rlb-list-item class=\"settings-item\">\n        <div class=\"d-flex justify-content-between\">\n          <div class=\"settings-text\">\n            <h6 class=\"mt-1\">{{ 'pages.support.subject' | translate}}</h6>\n          </div>\n          <div class=\"settings-control\">\n            <rlb-input type=\"text\"  size=\"small\" formControlName=\"subject\" />\n          </div>\n        </div>\n      </rlb-list-item>\n      <rlb-list-item class=\"settings-item\">\n        <div class=\"d-flex justify-content-between\">\n          <div class=\"settings-text\">\n            <h6 class=\"mt-1\">{{ 'pages.support.message' | translate}}</h6>\n          </div>\n          <div class=\"settings-control\">\n            <rlb-input type=\"text\"  size=\"small\" formControlName=\"message\" />\n          </div>\n        </div>\n      </rlb-list-item>\n      <rlb-list-item class=\"settings-item\">\n        <div class=\"d-flex justify-content-between\">\n          <div class=\"settings-text\">\n            <h6 class=\"mt-1\">{{ 'pages.support.legal' | translate}}</h6>\n            <span>{{ 'pages.support.infoPage' | translate}}</span>\n          </div>\n          <div class=\"settings-control\">\n            <rlb-switch size=\"small\" formControlName=\"legal\" />\n          </div>\n        </div>\n      </rlb-list-item>\n    </rlb-list>\n  </form>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: AbstractSupportService }, { type: i1$6.Location }] });
+
+class TermsAndConditionsComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TermsAndConditionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: TermsAndConditionsComponent, isStandalone: false, selector: "rlb-terms-and-conditions", ngImport: i0, template: "<rlb-cms-template contentId=\"adb_terms\"></rlb-cms-template>", styles: [""], dependencies: [{ kind: "component", type: CmsComponent, selector: "rlb-cms-template", inputs: ["contentId", "breadcrumb"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TermsAndConditionsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rlb-terms-and-conditions', standalone: false, template: "<rlb-cms-template contentId=\"adb_terms\"></rlb-cms-template>" }]
+        }] });
+
+class AsMultiPipe {
+    transform(value) {
+        if (!Array.isArray(value)) {
+            return [value];
+        }
+        return value;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AsMultiPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: AsMultiPipe, isStandalone: false, name: "asMulti" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AsMultiPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'asMulti',
+                    standalone: false
+                }]
+        }] });
+class AsSinglePipe {
+    transform(value) {
+        if (Array.isArray(value)) {
+            return value[0];
+        }
+        return value;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AsSinglePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: AsSinglePipe, isStandalone: false, name: "asSingle" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AsSinglePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'asSingle',
+                    standalone: false
+                }]
+        }] });
+
+class LeftComponentPipe {
+    constructor(config) {
+        this.config = config;
+    }
+    transform(value) {
+        const t = this.config.left.find(c => c.name === value)?.component;
+        if (!t) {
+            throw new Error(`No component found for name ${value}`);
+        }
+        return t;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: LeftComponentPipe, deps: [{ token: RLB_APP_NAVCOMP }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: LeftComponentPipe, isStandalone: false, name: "leftComponent" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: LeftComponentPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'leftComponent',
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [RLB_APP_NAVCOMP]
+                }] }] });
+
+class RightComponentPipe {
+    constructor(config) {
+        this.config = config;
+    }
+    transform(value) {
+        const t = this.config.right.find(c => c.name === value)?.component;
+        if (!t) {
+            throw new Error(`No component found for name ${value}`);
+        }
+        return t;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: RightComponentPipe, deps: [{ token: RLB_APP_NAVCOMP }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: RightComponentPipe, isStandalone: false, name: "rightComponent" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: RightComponentPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'rightComponent',
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [RLB_APP_NAVCOMP]
+                }] }] });
+
+class AppTemplateComponent {
+    constructor(env, store, appsService, authService) {
+        this.env = env;
+        this.store = store;
+        this.appsService = appsService;
+        this.authService = authService;
+        this.navSearchText = null;
+        this.navbarItems = [];
+        this.sidebarItems = [];
+        this.sidebarFooterItems = [];
+    }
+    ngOnDestroy() {
+        this.navbarItemsSubscription?.unsubscribe();
+        this.sidebarItemsSubscription?.unsubscribe();
+        this.sidebarFooterItemsSubscription?.unsubscribe();
+    }
+    get sidebarVisible$() {
+        return this.store.select(state => state[sidebarsFeatureKey].visible);
+    }
+    get sidearHasLogin$() {
+        return this.store.select(state => state[sidebarsFeatureKey].loginVisible);
+    }
+    get sidearHasSearch$() {
+        return this.store.select(state => state[sidebarsFeatureKey].searchVisible);
+    }
+    get sidebarItems$() {
+        return this.store.select(state => state[sidebarsFeatureKey].items);
+    }
+    setSidearSearchText(text) {
+        this.store.dispatch(SidebarActions.setSearchText({ text }));
+    }
+    setNavbarSearchText(text) {
+        this.store.dispatch(NavbarActions.setSearchText({ text }));
+    }
+    get sidearHasSettings$() {
+        return this.store.select(state => state[sidebarsFeatureKey].settingsVisible);
+    }
+    get sidearAppsVisible$() {
+        return this.store.select(state => state[sidebarsFeatureKey].appsVisible);
+    }
+    get navVisible$() {
+        return this.store.select(state => state[navbarsFeatureKey].visible);
+    }
+    get navSearchVisible$() {
+        return this.store.select(state => state[navbarsFeatureKey].searchVisible);
+    }
+    get navHeader$() {
+        return this.store.select(state => state[navbarsFeatureKey].header);
+    }
+    get isAuth$() {
+        return this.authService.isAuthenticated$;
+    }
+    get user$() {
+        return this.authService.userInfo$;
+    }
+    get navLeftItems$() {
+        return this.store.select(state => state[navbarsFeatureKey].leftItems);
+    }
+    get navRightItems$() {
+        return this.store.select(state => state[navbarsFeatureKey].rightItems);
+    }
+    get theme() {
+        return this.store.selectSignal(state => state[appContextFeatureKey].theme)();
+    }
+    get navbarHasLogin$() {
+        return this.store.select(state => state[navbarsFeatureKey].loginVisible);
+    }
+    get navbarHasSettings$() {
+        return this.store.select(state => state[navbarsFeatureKey].loginVisible);
+    }
+    get navbarHasApps$() {
+        return this.store.select(state => state[navbarsFeatureKey].loginVisible);
+    }
+    get apps() {
+        return this.appsService.apps;
+    }
+    get separatorVisible$() {
+        return this.store.select(state => state[navbarsFeatureKey].separatorVisible);
+    }
+    loginNav(event) {
+        event?.preventDefault();
+        event?.stopPropagation();
+        this.store.dispatch(AuthActions.login());
+    }
+    login() {
+        this.store.dispatch(AuthActions.login());
+    }
+    onSideBarItemClick(item) {
+        if (item.externalUrl) {
+            window.open(item.externalUrl, '_blank')?.focus();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", 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: "14.0.0", version: "20.3.15", 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  <rlb-sidebar id=\"sidebar\" class=\"rlb-sidebar\" *ngIf=\"(sidebarVisible$ | async)\">\n    <rlb-sidebar-item\n\t\t\t*ngFor=\"let item of  (sidebarItems$ | async)\"\n\t\t\t[icon]=\"item.icon\" [link]=\"item.url\"\n      [title]=\"item.title\" [label]=\"item.label\"\n\t\t\t[badgeCounter]=\"item.badgeCounter\"\n      (click)=\"onSideBarItemClick(item)\"\n    >\n\t\t\t{{item.label}}\n      <rlb-sidebar-item\n\t\t\t\t*ngFor=\"let subitem of item.items || []\"\n\t\t\t\t[icon]=\"subitem.icon\"\n\t\t\t\t[link]=\"subitem.url\"\n        [title]=\"subitem.title\"\n\t\t\t\t[label]=\"subitem.label\"\n\t\t\t\t[badgeCounter]=\"subitem.badgeCounter\"\n        (click)=\"onSideBarItemClick(subitem)\"\n\t\t\t>\n\t\t\t\t{{subitem.label}}\n      </rlb-sidebar-item>\n    </rlb-sidebar-item>\n  </rlb-sidebar>\n  <ng-container *ngIf=\"navVisible$ | async\">\n    <rlb-navbar expand=\"lg\" *ngIf=\"navVisible$ | async\" class=\"border-bottom py-1 rlb-navbar\">\n      <a *ngIf=\"navHeader$ | async\" rlb-navbar-brand href=\"#\">{{ navHeader$ | async }}</a>\n      <rlb-navbar-form *ngIf=\"navSearchVisible$ | async\">\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      <rlb-navbar-items class=\"ms-lg-auto\">\n        <ng-container ngProjectAs=\"rlb-navbar-item\" *ngFor=\"let navComponent of navLeftItems$ | async\">\n          <ng-container *ngComponentOutlet=\"navComponent | leftComponent\"></ng-container>\n        </ng-container>\n      </rlb-navbar-items>\n      <rlb-navbar-items>\n        <ng-container ngProjectAs=\"rlb-navbar-item\" *ngFor=\"let navComponent of navRightItems$ | async\">\n          <ng-container *ngComponentOutlet=\"navComponent | rightComponent\"></ng-container>\n        </ng-container>\n        <rlb-navbar-separator *ngIf=\"(separatorVisible$ | async)\" />\n        <rlb-navbar-item *ngIf=\"(navbarHasLogin$ | async) && !(isAuth$ | async)\" (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\t\t\t\t\t<span class=\"ms-1 d-lg-none\">{{'core.account.login' | translate}}</span>\n\t\t\t\t</rlb-navbar-item>\n        <rlb-navbar-item *ngIf=\" (navbarHasLogin$ | async) && (isAuth$ | async)\" [router-link]=\"'/profile'\">\n          <span tooltip-placement=\"bottom\" [tooltip]=\"('core.account.title') |translate\">\n            <i class=\"bi bi-person\"></i>\n          </span>\n\t\t\t\t\t<span class=\"ms-1 d-lg-none\">{{'core.account.title' | translate}}</span>\n\t\t\t\t</rlb-navbar-item>\n        <rlb-navbar-item *ngIf=\"navbarHasSettings$ | async\" [router-link]=\"'/setting'\">\n          <span tooltip-placement=\"bottom\" [tooltip]=\"('core.settings.title') |translate\">\n            <i class=\"bi bi-gear\"></i>\n          </span>\n\t\t\t\t\t<span class=\"ms-1 d-lg-none\">{{'core.settings.title' | translate}}</span>\n\t\t\t\t</rlb-navbar-item>\n        <rlb-navbar-item *ngIf=\"(navbarHasApps$ | async) && apps.length > 1\" [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\t\t\t\t\t<span class=\"ms-1 d-lg-none\">{{'core.apps.button' | translate}}</span>\n\t\t\t\t</rlb-navbar-item>\n      </rlb-navbar-items>\n    </rlb-navbar>\n  </ng-container>\n  <div class=\"rlb-content\" [class.rlb-sidebar-en]=\"(sidebarVisible$ | async)\">\n    <ng-content></ng-content>\n  </div>\n</div>\n\n<ng-container *ngIf=\"modalContainerId\">\n  <rlb-modal-container [id]=\"modalContainerId\" />\n</ng-container>\n\n<ng-container *ngIf=\"toastContainerIds\">\n  <ng-container *ngIf=\"toastContainerIds.constructor.name === 'Array'; else toastContainerIdsIsNotArray\">\n    <rlb-toast-container *ngFor=\"let toastContainerId of toastContainerIds | asMulti\" [id]=\"toastContainerId\" />\n  </ng-container>\n  <ng-template #toastContainerIdsIsNotArray>\n    <rlb-toast-container class=\"position-fixed bottom-0 end-0 p-3\" [id]=\"toastContainerIds | asSingle\" />\n  </ng-template>\n</ng-container>\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", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: i1$6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: i6.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: i6.InputGroupComponent, selector: "rlb-input-group", inputs: ["text", "validate", "size"] }, { kind: "component", type: i6.ButtonComponent, selector: "button[rlb-button], a[rlb-button]", inputs: ["color", "size", "disabled", "outline", "isLink"] }, { kind: "directive", type: i6.TooltipDirective, selector: "[tooltip]", inputs: ["tooltip", "tooltip-placement", "tooltip-class", "tooltip-html"] }, { kind: "directive", type: i6.NavbarBrandDirective, selector: "[rlb-navbar-brand]" }, { kind: "component", type: i6.NavbarComponent, selector: "rlb-navbar", inputs: ["dark", "color", "placement", "expand", "class", "enable-dropdown-toggler"] }, { kind: "component", type: i6.NavbarFormComponent, selector: "rlb-navbar-form", inputs: ["role", "class"] }, { kind: "component", type: i6.NavbarItemsComponent, selector: "rlb-navbar-items", inputs: ["scroll", "class"] }, { kind: "component", type: i6.NavbarItemComponent, selector: "rlb-navbar-item", inputs: ["disabled", "router-link", "class"], outputs: ["click"] }, { kind: "component", type: i6.NavbarSeparatorComponent, selector: "rlb-navbar-separator", inputs: ["class"] }, { kind: "component", type: i6.SidebarComponent, selector: "rlb-sidebar", inputs: ["rounded"] }, { kind: "component", type: i6.SidebarItemComponent, selector: "rlb-sidebar-item", inputs: ["title", "icon", "label", "link", "badgeCounter"], outputs: ["click"] }, { kind: "component", type: i6.ModalContainerComponent, selector: "rlb-modal-container", inputs: ["id"] }, { kind: "component", type: i6.ToastContainerComponent, selector: "rlb-toast-container", inputs: ["id"] }, { kind: "pipe", type: i1$6.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$2.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: "20.3.15", ngImport: i0, type: AppTemplateComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rlb-app-template', standalone: false, template: "<div class=\"rlb-app\">\n  <rlb-sidebar id=\"sidebar\" class=\"rlb-sidebar\" *ngIf=\"(sidebarVisible$ | async)\">\n    <rlb-sidebar-item\n\t\t\t*ngFor=\"let item of  (sidebarItems$ | async)\"\n\t\t\t[icon]=\"item.icon\" [link]=\"item.url\"\n      [title]=\"item.title\" [label]=\"item.label\"\n\t\t\t[badgeCounter]=\"item.badgeCounter\"\n      (click)=\"onSideBarItemClick(item)\"\n    >\n\t\t\t{{item.label}}\n      <rlb-sidebar-item\n\t\t\t\t*ngFor=\"let subitem of item.items || []\"\n\t\t\t\t[icon]=\"subitem.icon\"\n\t\t\t\t[link]=\"subitem.url\"\n        [title]=\"subitem.title\"\n\t\t\t\t[label]=\"subitem.label\"\n\t\t\t\t[badgeCounter]=\"subitem.badgeCounter\"\n        (click)=\"onSideBarItemClick(subitem)\"\n\t\t\t>\n\t\t\t\t{{subitem.label}}\n      </rlb-sidebar-item>\n    </rlb-sidebar-item>\n  </rlb-sidebar>\n  <ng-container *ngIf=\"navVisible$ | async\">\n    <rlb-navbar expand=\"lg\" *ngIf=\"navVisible$ | async\" class=\"border-bottom py-1 rlb-navbar\">\n      <a *ngIf=\"navHeader$ | async\" rlb-navbar-brand href=\"#\">{{ navHeader$ | async }}</a>\n      <rlb-navbar-form *ngIf=\"navSearchVisible$ | async\">\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      <rlb-navbar-items class=\"ms-lg-auto\">\n        <ng-container ngProjectAs=\"rlb-navbar-item\" *ngFor=\"let navComponent of navLeftItems$ | async\">\n          <ng-container *ngComponentOutlet=\"navComponent | leftComponent\"></ng-container>\n        </ng-container>\n      </rlb-navbar-items>\n      <rlb-navbar-items>\n        <ng-container ngProjectAs=\"rlb-navbar-item\" *ngFor=\"let navComponent of navRightItems$ | async\">\n          <ng-container *ngComponentOutlet=\"navComponent | rightComponent\"></ng-container>\n        </ng-container>\n        <rlb-navbar-separator *ngIf=\"(separatorVisible$ | async)\" />\n        <rlb-navbar-item *ngIf=\"(navbarHasLogin$ | async) && !(isAuth$ | async)\" (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\t\t\t\t\t<span class=\"ms-1 d-lg-none\">{{'core.account.login' | translate}}</span>\n\t\t\t\t</rlb-navbar-item>\n        <rlb-navbar-item *ngIf=\" (navbarHasLogin$ | async) && (isAuth$ | async)\" [router-link]=\"'/profile'\">\n          <span tooltip-placement=\"bottom\" [tooltip]=\"('core.account.title') |translate\">\n            <i class=\"bi bi-person\"></i>\n          </span>\n\t\t\t\t\t<span class=\"ms-1 d-lg-none\">{{'core.account.title' | translate}}</span>\n\t\t\t\t</rlb-navbar-item>\n        <rlb-navbar-item *ngIf=\"navbarHasSettings$ | async\" [router-link]=\"'/setting'\">\n          <span tooltip-placement=\"bottom\" [tooltip]=\"('core.settings.title') |translate\">\n            <i class=\"bi bi-gear\"></i>\n          </span>\n\t\t\t\t\t<span class=\"ms-1 d-lg-none\">{{'core.settings.title' | translate}}</span>\n\t\t\t\t</rlb-navbar-item>\n        <rlb-navbar-item *ngIf=\"(navbarHasApps$ | async) && apps.length > 1\" [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\t\t\t\t\t<span class=\"ms-1 d-lg-none\">{{'core.apps.button' | translate}}</span>\n\t\t\t\t</rlb-navbar-item>\n      </rlb-navbar-items>\n    </rlb-navbar>\n  </ng-container>\n  <div class=\"rlb-content\" [class.rlb-sidebar-en]=\"(sidebarVisible$ | async)\">\n    <ng-content></ng-content>\n  </div>\n</div>\n\n<ng-container *ngIf=\"modalContainerId\">\n  <rlb-modal-container [id]=\"modalContainerId\" />\n</ng-container>\n\n<ng-container *ngIf=\"toastContainerIds\">\n  <ng-container *ngIf=\"toastContainerIds.constructor.name === 'Array'; else toastContainerIdsIsNotArray\">\n    <rlb-toast-container *ngFor=\"let toastContainerId of toastContainerIds | asMulti\" [id]=\"toastContainerId\" />\n  </ng-container>\n  <ng-template #toastContainerIdsIsNotArray>\n    <rlb-toast-container class=\"position-fixed bottom-0 end-0 p-3\" [id]=\"toastContainerIds | asSingle\" />\n  </ng-template>\n</ng-container>\n", styles: [".separator{border-left:1px solid;padding:0 2px}\n"] }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [RLB_CFG_ENV]
+                }] }, { type: i1$1.Store }, { type: AppsService }, { type: AuthenticationService }], propDecorators: { modalContainerId: [{
+                type: Input,
+                args: ['modal-container-id']
+            }], toastContainerIds: [{
+                type: Input,
+                args: ['toast-container-ids']
+            }] } });
+
+class BaseComponent {
+    constructor(breakpointObserver, platformId) {
+        this.breakpointObserver = breakpointObserver;
+        this.platformId = platformId;
+    }
+    get isHandset$() {
+        if (isPlatformServer(this.platformId)) {
+            return of(true);
+        }
+        else {
+            return this.breakpointObserver.observe(Breakpoints.Handset)
+                .pipe(map(result => result.matches), shareReplay());
+        }
+    }
+    ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: BaseComponent, deps: [{ token: i1$7.BreakpointObserver }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: BaseComponent, isStandalone: false, selector: "rlb-base-template", inputs: { breadcrumb: "breadcrumb", title: "title", subtitle: "subtitle" }, ngImport: i0, template: "<div class=\" mb-3\">\n    <div class=\"container-fluid\" *ngIf=\"!(isHandset$ | async) else mobileMode\">\n      <div class=\"row mt-1\">\n        <div class=\"col-xl-8 col-lg-10 col-md-12 col-sm-12 col-xs-12 mx-auto\">\n          <div class=\"row\">\n            <div class=\"col-12 pb-0\">\n              <rlb-breadcrumb *ngIf=\"breadcrumb\" [items]=\"breadcrumb\"></rlb-breadcrumb>\n              <h1 class=\"pt-5 pb-0 text-center\">\n                {{title}}\n              </h1>\n            </div>\n          </div>\n          <div class=\"row\" *ngIf=\"subtitle\">\n            <div class=\"col-12 pb-12\">\n              <span class=\"d-block text-h6 text-center\">\n                {{subtitle}}\n              </span>\n            </div>\n          </div>\n          <ng-container [ngTemplateOutlet]=\"all\"></ng-container>\n          <ng-container [ngTemplateOutlet]=\"default\"></ng-container>\n        </div>\n      </div>\n    </div>\n    <ng-template class=\"container-fluid\" #mobileMode>\n      <div class=\"row\">\n        <div class=\"col-12 pb-0\">\n          <h1 class=\"pt-5 pb-0 text-center\">\n            {{title}}\n          </h1>\n        </div>\n      </div>\n      <div class=\"row\" *ngIf=\"subtitle\">\n        <div class=\"col-12 pb-7\">\n          <div class=\"d-block text-h6 text-center\">\n            {{subtitle}}\n          </div>\n        </div>\n      </div>\n      <ng-container [ngTemplateOutlet]=\"all\"></ng-container>\n      <ng-container [ngTemplateOutlet]=\"mobile\"></ng-container>\n    </ng-template>\n  </div>\n  \n  <ng-template #all>\n    <ng-content select=\"[all]\"></ng-content>\n  </ng-template>\n  \n  <ng-template #default>\n    <ng-content select=\"[default]\"></ng-content>\n  </ng-template>\n  \n  <ng-template #mobile>\n    <ng-content select=\"[mobile]\"></ng-content>\n  </ng-template>", styles: [""], dependencies: [{ kind: "directive", type: i1$6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i6.BreadcrumbComponent, selector: "rlb-breadcrumb", inputs: ["divider", "items", "cssClasses"] }, { kind: "pipe", type: i1$6.AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: BaseComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rlb-base-template', standalone: false, template: "<div class=\" mb-3\">\n    <div class=\"container-fluid\" *ngIf=\"!(isHandset$ | async) else mobileMode\">\n      <div class=\"row mt-1\">\n        <div class=\"col-xl-8 col-lg-10 col-md-12 col-sm-12 col-xs-12 mx-auto\">\n          <div class=\"row\">\n            <div class=\"col-12 pb-0\">\n              <rlb-breadcrumb *ngIf=\"breadcrumb\" [items]=\"breadcrumb\"></rlb-breadcrumb>\n              <h1 class=\"pt-5 pb-0 text-center\">\n                {{title}}\n              </h1>\n            </div>\n          </div>\n          <div class=\"row\" *ngIf=\"subtitle\">\n            <div class=\"col-12 pb-12\">\n              <span class=\"d-block text-h6 text-center\">\n                {{subtitle}}\n              </span>\n            </div>\n          </div>\n          <ng-container [ngTemplateOutlet]=\"all\"></ng-container>\n          <ng-container [ngTemplateOutlet]=\"default\"></ng-container>\n        </div>\n      </div>\n    </div>\n    <ng-template class=\"container-fluid\" #mobileMode>\n      <div class=\"row\">\n        <div class=\"col-12 pb-0\">\n          <h1 class=\"pt-5 pb-0 text-center\">\n            {{title}}\n          </h1>\n        </div>\n      </div>\n      <div class=\"row\" *ngIf=\"subtitle\">\n        <div class=\"col-12 pb-7\">\n          <div class=\"d-block text-h6 text-center\">\n            {{subtitle}}\n          </div>\n        </div>\n      </div>\n      <ng-container [ngTemplateOutlet]=\"all\"></ng-container>\n      <ng-container [ngTemplateOutlet]=\"mobile\"></ng-container>\n    </ng-template>\n  </div>\n  \n  <ng-template #all>\n    <ng-content select=\"[all]\"></ng-content>\n  </ng-template>\n  \n  <ng-template #default>\n    <ng-content select=\"[default]\"></ng-content>\n  </ng-template>\n  \n  <ng-template #mobile>\n    <ng-content select=\"[mobile]\"></ng-content>\n  </ng-template>" }]
+        }], ctorParameters: () => [{ type: i1$7.BreakpointObserver }, { type: Object, decorators: [{
+                    type: Inject,
+                    args: [PLATFORM_ID]
+                }] }], propDecorators: { breadcrumb: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], subtitle: [{
+                type: Input
+            }] } });
+
+class ContentComponent {
+    constructor(breakpointObserver, platformId) {
+        this.breakpointObserver = breakpointObserver;
+        this.platformId = platformId;
+    }
+    get isHandset$() {
+        if (isPlatformServer(this.platformId)) {
+            return of(true);
+        }
+        else {
+            return this.breakpointObserver.observe(Breakpoints.Handset)
+                .pipe(map(result => result.matches), shareReplay());
+        }
+    }
+    ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ContentComponent, deps: [{ token: i1$7.BreakpointObserver }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: ContentComponent, isStandalone: false, selector: "rlb-content-template", ngImport: i0, template: "<div class=\" mb-3\">\n    <div class=\"container-fluid\" *ngIf=\"!(isHandset$ | async) else mobileMode\">\n      <div class=\"row mt-1\">\n        <div class=\"mx-auto col-sm-12 col-md-8 col-lg-9 col-xl-8\">\n          <ng-container [ngTemplateOutlet]=\"all\"></ng-container>\n          <ng-container [ngTemplateOutlet]=\"default\"></ng-container>\n        </div>\n      </div>\n    </div>\n    <ng-template class=\"container-fluid\" #mobileMode>\n      <ng-container [ngTemplateOutlet]=\"all\"></ng-container>\n      <ng-container [ngTemplateOutlet]=\"mobile\"></ng-container>\n    </ng-template>\n  </div>\n  \n  <ng-template #all>\n    <ng-content select=\"[all]\"></ng-content>\n  </ng-template>\n  \n  <ng-template #default>\n      <ng-content select=\"[default]\"></ng-content>\n  </ng-template>\n  \n  <ng-template #mobile>\n    <ng-content select=\"[mobile]\"></ng-content>\n  </ng-template>", styles: [""], dependencies: [{ kind: "directive", type: i1$6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1$6.AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ContentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rlb-content-template', standalone: false, template: "<div class=\" mb-3\">\n    <div class=\"container-fluid\" *ngIf=\"!(isHandset$ | async) else mobileMode\">\n      <div class=\"row mt-1\">\n        <div class=\"mx-auto col-sm-12 col-md-8 col-lg-9 col-xl-8\">\n          <ng-container [ngTemplateOutlet]=\"all\"></ng-container>\n          <ng-container [ngTemplateOutlet]=\"default\"></ng-container>\n        </div>\n      </div>\n    </div>\n    <ng-template class=\"container-fluid\" #mobileMode>\n      <ng-container [ngTemplateOutlet]=\"all\"></ng-container>\n      <ng-container [ngTemplateOutlet]=\"mobile\"></ng-container>\n    </ng-template>\n  </div>\n  \n  <ng-template #all>\n    <ng-content select=\"[all]\"></ng-content>\n  </ng-template>\n  \n  <ng-template #default>\n      <ng-content select=\"[default]\"></ng-content>\n  </ng-template>\n  \n  <ng-template #mobile>\n    <ng-content select=\"[mobile]\"></ng-content>\n  </ng-template>" }]
+        }], ctorParameters: () => [{ type: i1$7.BreakpointObserver }, { type: Object, decorators: [{
+                    type: Inject,
+                    args: [PLATFORM_ID]
+                }] }] });
+
+class TruncatePipe {
+    transform(value, limit = 25, completeWords = false, ellipsis = '...') {
+        if (!value)
+            return value;
+        if (completeWords) {
+            limit = value.slice(0, limit).lastIndexOf(' ');
+        }
+        return value.length > limit ? value.slice(0, limit) + ellipsis : value;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TruncatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: TruncatePipe, isStandalone: false, name: "truncate" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TruncatePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'truncate',
+                    standalone: false
+                }]
+        }] });
+
+const pattern = /(^|[\s\n]|<[A-Za-z]*\/?>)((?:https?|ftp):\/\/[\-A-Z0-9+\u0026\u2019@#\/%?=()~_|!:,.;]*[\-A-Z0-9+\u0026@#\/%=~()_|])/gi;
+class AutolinkPipe {
+    transform(value, target, rel, id) {
+        if (!value) {
+            return '';
+        }
+        value = value
+            .replace(/&/g, '&amp;')
+            .replace(/</g, '&lt;')
+            .replace(/>/g, '&gt;')
+            .replace(/"/g, '&quot;')
+            .replace(/'/g, '&#39;');
+        const _target = target ? `target="${target}"` : '';
+        const _rel = rel ? `rel="${rel}"` : '';
+        const _id = id ? `id="${id}"` : '';
+        const linkAttributes = [_target, _rel, _id].join(' ').trim();
+        return value.replace(pattern, function (match, space, url) {
+            const link = "<a href='" + url + "'" + linkAttributes + '>' + url + '</a>';
+            return '' + space + link;
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AutolinkPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: AutolinkPipe, isStandalone: false, name: "autolink" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AutolinkPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'autolink',
+                    standalone: false
+                }]
+        }] });
+
+class AppContainerComponent {
+    constructor(env, store, router, storage, pwaUpdaterService, appsService, loggerService) {
+        this.env = env;
+        this.store = store;
+        this.router = router;
+        this.storage = storage;
+        this.pwaUpdaterService = pwaUpdaterService;
+        this.appsService = appsService;
+        this.loggerService = loggerService;
+        this.templateSubject = new BehaviorSubject('app');
+        this.logger = this.loggerService.for(this.constructor.name);
+        const theme = (this.storage.readLocal('theme') || 'dark');
+        this.store.dispatch(AppContextActions.setTheme({ theme }));
+        this.store.dispatch(AppContextActions.setLanguage({ language: this.storage.readLocal('locale') || 'en' }));
+        this.store
+            .select((state) => state[appContextFeatureKey].currentApp)
+            .pipe(distinctUntilChanged())
+            .subscribe(async (currentApp) => {
+            this.logger.info('currentApp:', currentApp);
+            if (!currentApp)
+                return;
+            const targetUrl = currentApp.navigationUrl ||
+                (currentApp.viewMode === 'app'
+                    ? currentApp.core?.url
+                    : currentApp.settings?.url);
+            if (!targetUrl)
+                return;
+            const currentUrl = this.router.url;
+            this.logger.info('currentUrl:', currentUrl);
+            this.logger.info('targetUrl:', targetUrl);
+            const normalize = (url) => url.replace(/\/+$/, '');
+            const current = normalize(currentUrl);
+            const target = normalize(targetUrl);
+            if (current === target || current.startsWith(`${target}/`)) {
+                this.logger.info('Already within target route, skipping navigation.');
+            }
+            else {
+                this.logger.info('Navigating to app base URL:', target);
+                await this.router.navigateByUrl(target);
+            }
+        });
+        this.router.events
+            .pipe(filter(event => event instanceof RoutesRecognized), map((event) => event?.state?.root?.firstChild?.data?.['template'] || 'app'), map(o => o), tap((template) => this.templateSubject.next(template))).subscribe();
+    }
+    get template$() {
+        return this.templateSubject.asObservable();
+    }
+    ngOnDestroy() {
+        this.swUpdateSubscription?.unsubscribe();
+    }
+    ngOnInit() {
+        if (this.env.pwaUpdateEnabled) {
+            this.swUpdateSubscription = this.pwaUpdaterService.checkWithDialog().subscribe();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AppContainerComponent, deps: [{ token: RLB_CFG_ENV }, { token: i1$1.Store }, { token: i2.Router }, { token: AppStorageService }, { token: PwaUpdaterService }, { token: AppsService }, { token: AppLoggerService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: AppContainerComponent, isStandalone: false, selector: "rlb-app", inputs: { modalContainerId: ["modal-container-id", "modalContainerId"], toastContainerIds: ["toast-container-ids", "toastContainerIds"] }, ngImport: i0, template: "<ng-container *ngIf=\"(template$ | async) === 'app'\">\n  <rlb-app-template>\n    <router-outlet />\n  </rlb-app-template>\n</ng-container>\n<ng-container *ngIf=\"(template$ | async) === 'basic'\">\n  <router-outlet />\n</ng-container>\n\n\n<ng-container *ngIf=\"modalContainerId\">\n  <rlb-modal-container [id]=\"modalContainerId\" />\n</ng-container>\n\n<ng-container *ngIf=\"toastContainerIds\">\n  <ng-container *ngIf=\"toastContainerIds.constructor.name === 'Array'; else toastContainerIdsIsNotArray\">\n    <rlb-toast-container *ngFor=\"let toastContainerId of toastContainerIds | asMulti\" [id]=\"toastContainerId\" />\n  </ng-container>\n  <ng-template #toastContainerIdsIsNotArray>\n    <rlb-toast-container class=\"position-fixed bottom-0 end-0 p-3\" [id]=\"toastContainerIds | asSingle\" />\n  </ng-template>\n</ng-container>", dependencies: [{ kind: "directive", type: i1$6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.ModalContainerComponent, selector: "rlb-modal-container", inputs: ["id"] }, { kind: "component", type: i6.ToastContainerComponent, selector: "rlb-toast-container", inputs: ["id"] }, { kind: "directive", type: i2.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: AppTemplateComponent, selector: "rlb-app-template", inputs: ["modal-container-id", "toast-container-ids"] }, { kind: "pipe", type: i1$6.AsyncPipe, name: "async" }, { kind: "pipe", type: AsMultiPipe, name: "asMulti" }, { kind: "pipe", type: AsSinglePipe, name: "asSingle" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AppContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rlb-app', standalone: false, template: "<ng-container *ngIf=\"(template$ | async) === 'app'\">\n  <rlb-app-template>\n    <router-outlet />\n  </rlb-app-template>\n</ng-container>\n<ng-container *ngIf=\"(template$ | async) === 'basic'\">\n  <router-outlet />\n</ng-container>\n\n\n<ng-container *ngIf=\"modalContainerId\">\n  <rlb-modal-container [id]=\"modalContainerId\" />\n</ng-container>\n\n<ng-container *ngIf=\"toastContainerIds\">\n  <ng-container *ngIf=\"toastContainerIds.constructor.name === 'Array'; else toastContainerIdsIsNotArray\">\n    <rlb-toast-container *ngFor=\"let toastContainerId of toastContainerIds | asMulti\" [id]=\"toastContainerId\" />\n  </ng-container>\n  <ng-template #toastContainerIdsIsNotArray>\n    <rlb-toast-container class=\"position-fixed bottom-0 end-0 p-3\" [id]=\"toastContainerIds | asSingle\" />\n  </ng-template>\n</ng-container>" }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [RLB_CFG_ENV]
+                }] }, { type: i1$1.Store }, { type: i2.Router }, { type: AppStorageService }, { type: PwaUpdaterService }, { type: AppsService }, { type: AppLoggerService }], propDecorators: { modalContainerId: [{
+                type: Input,
+                args: ['modal-container-id']
+            }], toastContainerIds: [{
+                type: Input,
+                args: ['toast-container-ids']
+            }] } });
+
+class RlbAppModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: RlbAppModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: RlbAppModule, declarations: [
+            // pages
+            CmsContentComponent,
+            CookiesComponent,
+            NotFoundComponent,
+            PrivacyComponent,
+            SupportComponent,
+            TermsAndConditionsComponent,
+            // pipes
+            CmsPipe,
+            AsMultiPipe,
+            AsSinglePipe,
+            LeftComponentPipe,
+            RightComponentPipe,
+            TruncatePipe,
+            AutolinkPipe,
+            // templates
+            BaseComponent,
+            CmsComponent,
+            ContentComponent,
+            AppTemplateComponent,
+            AppContainerComponent], imports: [CommonModule,
+            FormsModule,
+            ReactiveFormsModule,
+            TranslateModule,
+            RlbBootstrapModule,
+            RouterModule], exports: [
+            // pipes
+            CmsPipe,
+            AsMultiPipe,
+            AsSinglePipe,
+            LeftComponentPipe,
+            RightComponentPipe,
+            TruncatePipe,
+            AutolinkPipe,
+            // templates
+            BaseComponent,
+            CmsComponent,
+            ContentComponent,
+            AppTemplateComponent,
+            AppContainerComponent,
+            // modules
+            TranslateModule,
+            RlbBootstrapModule,
+            RouterModule,
+            FormsModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: RlbAppModule, imports: [CommonModule,
+            FormsModule,
+            ReactiveFormsModule,
+            TranslateModule,
+            RlbBootstrapModule,
+            RouterModule, 
+            // modules
+            TranslateModule,
+            RlbBootstrapModule,
+            RouterModule,
+            FormsModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: RlbAppModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        // pages
+                        CmsContentComponent,
+                        CookiesComponent,
+                        NotFoundComponent,
+                        PrivacyComponent,
+                        SupportComponent,
+                        TermsAndConditionsComponent,
+                        // pipes
+                        CmsPipe,
+                        AsMultiPipe,
+                        AsSinglePipe,
+                        LeftComponentPipe,
+                        RightComponentPipe,
+                        TruncatePipe,
+                        AutolinkPipe,
+                        // templates
+                        BaseComponent,
+                        CmsComponent,
+                        ContentComponent,
+                        AppTemplateComponent,
+                        AppContainerComponent
+                    ],
+                    exports: [
+                        // pipes
+                        CmsPipe,
+                        AsMultiPipe,
+                        AsSinglePipe,
+                        LeftComponentPipe,
+                        RightComponentPipe,
+                        TruncatePipe,
+                        AutolinkPipe,
+                        // templates
+                        BaseComponent,
+                        CmsComponent,
+                        ContentComponent,
+                        AppTemplateComponent,
+                        AppContainerComponent,
+                        // modules
+                        TranslateModule,
+                        RlbBootstrapModule,
+                        RouterModule,
+                        FormsModule
+                    ],
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        TranslateModule,
+                        RlbBootstrapModule,
+                        RouterModule
+                    ]
+                }]
+        }] });
+
+class ErrorModalComponent {
+    onEnter() { }
+    ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ErrorModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: ErrorModalComponent, isStandalone: true, selector: "ng-component", hostDirectives: [{ directive: i6.ModalDirective, inputs: ["id", "id", "data-instance", "data-instance", "data-options", "data-options"] }], ngImport: i0, template: ` <div class="modal-header">
+      <h5 class="modal-title">{{ data.title }}</h5>
+      <button
+        type="button"
+        class="btn-close"
+        aria-label="Close"
+        data-modal-reason="close"
+      ></button>
+    </div>
+    <div class="modal-body">
+      <span>{{ data.content }}</span>
+    </div>
+    <div class="modal-footer">
+      <button type="button" class="btn btn-primary" data-modal-reason="close">
+        {{ data.ok }}
+      </button>
+    </div>`, isInline: true, dependencies: [{ kind: "ngmodule", type: RlbAppModule }, { kind: "ngmodule", type: CommonModule }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ErrorModalComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [RlbAppModule, CommonModule],
+                    template: ` <div class="modal-header">
+      <h5 class="modal-title">{{ data.title }}</h5>
+      <button
+        type="button"
+        class="btn-close"
+        aria-label="Close"
+        data-modal-reason="close"
+      ></button>
+    </div>
+    <div class="modal-body">
+      <span>{{ data.content }}</span>
+    </div>
+    <div class="modal-footer">
+      <button type="button" class="btn btn-primary" data-modal-reason="close">
+        {{ data.ok }}
+      </button>
+    </div>`,
+                    hostDirectives: [
+                        {
+                            directive: ModalDirective,
+                            inputs: ['id', 'data-instance', 'data-options'],
+                        },
+                    ]
+                }]
+        }] });
+
+class ModalAppsComponent {
+    constructor() {
+        this.valid = true;
+        this.apps = [];
+    }
+    appSelected(app) {
+        this.result = app;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ModalAppsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: ModalAppsComponent, isStandalone: true, selector: "ng-component", hostDirectives: [{ directive: i6.ModalDirective, inputs: ["id", "id", "data-instance", "data-instance", "data-options", "data-options"] }], ngImport: i0, template: `
+    <div class="modal-header">
+      <h5 class="modal-title">{{ data.title }}</h5>
+      <button type="button" class="btn-close" aria-label="Close" data-modal-reason="close"></button>
+    </div>
+    <div class="modal-body">
+      <ul class="row row-cols-4 list-unstyled list">
+        <li *ngFor="let app of data.content" class="col my-2" [tooltip]="app.description | translate">
+          <a class="d-block text-body-emphasis text-decoration-none" (click)="appSelected(app)" [class.disabled]="!app.enabled" data-modal-reason="ok">
+            <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded">
+              <i [ngClass]="app.icon"></i>
+            </div>
+            <div class="name text-muted text-decoration-none text-center pt-1">{{app.name | translate}}</div>
+          </a>
+        </li>
+      </ul>
+    </div>`, isInline: true, dependencies: [{ kind: "ngmodule", type: RlbAppModule }, { kind: "directive", type: i6.TooltipDirective, selector: "[tooltip]", inputs: ["tooltip", "tooltip-placement", "tooltip-class", "tooltip-html"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ModalAppsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [RlbAppModule, CommonModule],
+                    template: `
+    <div class="modal-header">
+      <h5 class="modal-title">{{ data.title }}</h5>
+      <button type="button" class="btn-close" aria-label="Close" data-modal-reason="close"></button>
+    </div>
+    <div class="modal-body">
+      <ul class="row row-cols-4 list-unstyled list">
+        <li *ngFor="let app of data.content" class="col my-2" [tooltip]="app.description | translate">
+          <a class="d-block text-body-emphasis text-decoration-none" (click)="appSelected(app)" [class.disabled]="!app.enabled" data-modal-reason="ok">
+            <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded">
+              <i [ngClass]="app.icon"></i>
+            </div>
+            <div class="name text-muted text-decoration-none text-center pt-1">{{app.name | translate}}</div>
+          </a>
+        </li>
+      </ul>
+    </div>`,
+                    hostDirectives: [{ directive: ModalDirective, inputs: ['id', 'data-instance', 'data-options'] }]
+                }]
+        }] });
+
+class AppSelectorComponent {
+    constructor(_location, appsService, authService) {
+        this._location = _location;
+        this.appsService = appsService;
+        this.authService = authService;
+    }
+    get apps() {
+        return this.appsService.apps;
+    }
+    backClicked() {
+        this._location.back();
+    }
+    selectApp(app) {
+        this.appsService.selectApp(app, 'app');
+    }
+    get auth$() {
+        return this.authService.isAuthenticated$;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AppSelectorComponent, deps: [{ token: i1$6.Location }, { token: AppsService }, { token: AuthenticationService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: AppSelectorComponent, isStandalone: true, selector: "rlb-app-selector", ngImport: i0, template: "<div class=\"container mt-2\">\n  <div class=\"container text-center position-relative my-3\">\n    <h3>{{ 'core.apps.title' | translate}}</h3>\n    <i role=\"button\" class=\"bi bi-chevron-left position-absolute start-0 top-50 translate-middle-y cur\"\n      style=\"font-size: 25px;font-weight: 600;\" (click)=\"backClicked()\"></i>\n  </div>\n  <rlb-list>\n    <ng-container ngProjectAs=\"rlb-list-item-image\" *ngFor=\"let app of apps\">\n      <ng-container ngProjectAs=\"rlb-list-item-image\" *ngIf=\"app.core\">\n        <rlb-list-item-image [icon]=\"app.core.icon\" [avatar-size]=\"35\"\n          [line-1]=\"(app.core.title | translate) + (app.data?.appName ? ' - ' + app.data?.appName : '')\"\n          [disabled]=\"!app.enabled && (app.core.auth && !(auth$ | async))\" [line-2]=\"app.core.description | translate\"\n          (click)=\"selectApp(app)\">\n        </rlb-list-item-image>\n      </ng-container>\n    </ng-container>\n  </rlb-list>\n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: RlbAppModule }, { kind: "component", type: i6.ListComponent, selector: "rlb-list", inputs: ["disabled", "numbered", "flush", "horizontal"] }, { kind: "component", type: i6.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: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "pipe", type: i1$6.AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AppSelectorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rlb-app-selector', imports: [RlbAppModule, CommonModule], template: "<div class=\"container mt-2\">\n  <div class=\"container text-center position-relative my-3\">\n    <h3>{{ 'core.apps.title' | translate}}</h3>\n    <i role=\"button\" class=\"bi bi-chevron-left position-absolute start-0 top-50 translate-middle-y cur\"\n      style=\"font-size: 25px;font-weight: 600;\" (click)=\"backClicked()\"></i>\n  </div>\n  <rlb-list>\n    <ng-container ngProjectAs=\"rlb-list-item-image\" *ngFor=\"let app of apps\">\n      <ng-container ngProjectAs=\"rlb-list-item-image\" *ngIf=\"app.core\">\n        <rlb-list-item-image [icon]=\"app.core.icon\" [avatar-size]=\"35\"\n          [line-1]=\"(app.core.title | translate) + (app.data?.appName ? ' - ' + app.data?.appName : '')\"\n          [disabled]=\"!app.enabled && (app.core.auth && !(auth$ | async))\" [line-2]=\"app.core.description | translate\"\n          (click)=\"selectApp(app)\">\n        </rlb-list-item-image>\n      </ng-container>\n    </ng-container>\n  </rlb-list>\n</div>" }]
+        }], ctorParameters: () => [{ type: i1$6.Location }, { type: AppsService }, { type: AuthenticationService }] });
+
+class RlbRole {
+    constructor(templateRef, viewContainer, authenticationService, parseJwtService) {
+        this.templateRef = templateRef;
+        this.viewContainer = viewContainer;
+        this.authenticationService = authenticationService;
+        this.parseJwtService = parseJwtService;
+    }
+    set roles(roles) {
+        if (typeof roles === 'string') {
+            if (roles.includes(','))
+                roles = roles.split(',').map(role => role.trim());
+            else
+                roles = [roles];
+        }
+    }
+    updateView() {
+        return this.authenticationService.
+            accessToken$.pipe(map(token => this.parseJwtService.parseJwt(token)), 
+        //map(payload => this.authenticationService.currentProvider.roleClaim?.(payload) || []),
+        tap(roles => {
+            let valid = true;
+            for (const role of this.roles) {
+                if (roles.includes(role))
+                    valid &&= true;
+            }
+            if (valid) {
+                this.viewContainer.createEmbeddedView(this.templateRef);
+            }
+            else {
+                this.viewContainer.clear();
+            }
+        }));
+    }
+    ngOnInit() {
+        this.updateView().subscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: RlbRole, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: AuthenticationService }, { token: ParseJwtService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: RlbRole, isStandalone: false, selector: "[roles]", inputs: { roles: "roles" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: RlbRole, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[roles]',
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }, { type: AuthenticationService }, { type: ParseJwtService }], propDecorators: { roles: [{
+                type: Input
+            }] } });
+
+const oauthGuard = (route, state) => {
+    const authService = inject(AuthenticationService);
+    return authService.isAuthenticated$.pipe(take(1), map((isAuthenticated) => {
+        if (!isAuthenticated) {
+            authService.login();
+            return false;
+        }
+        return true;
+    }));
+};
+
+const SESSION_RT = 'RT';
+const SESSION_AT = 'AT';
+const TOKEN_URL = `protocol/openid-connect/token`;
+class OauthPasswordService {
+    //private _user: User | null = null
+    constructor(httpClient, authenticationService) {
+        this.httpClient = httpClient;
+        this.authenticationService = authenticationService;
+        this.timer = null;
+        this._onUpdateToken = null;
+        this.initRefreshToken().catch(e => console.error("Error in refresh token", e));
+    }
+    intercept(req, next) {
+        if (this.authenticationService.config.allowedUrls.some(o => req.url.includes(o))) {
+            const token = this.access_token;
+            if (token) {
+                req = req.clone({
+                    setHeaders: {
+                        Authorization: `Bearer ${token}`
+                    }
+                });
+            }
+        }
+        return next.handle(req);
+    }
+    get access_token() {
+        const r = sessionStorage.getItem(SESSION_AT);
+        return typeof r === 'string' && r !== '' ? r : null;
+    }
+    set access_token(val) {
+        if (val === undefined || val === null || val === '')
+            sessionStorage.removeItem(SESSION_AT);
+        else
+            sessionStorage.setItem(SESSION_AT, val);
+    }
+    get refresh_token() {
+        const r = sessionStorage.getItem(SESSION_RT);
+        return typeof r === 'string' && r !== '' ? r : null;
+    }
+    set refresh_token(val) {
+        if (val === undefined || val === null || val === '')
+            sessionStorage.removeItem(SESSION_RT);
+        else
+            sessionStorage.setItem(SESSION_RT, val);
+    }
+    get accessToken() {
+        return this.access_token;
+    }
+    // public get user() {
+    //   return this._user
+    // }
+    set onUpdateToken(v) {
+        this._onUpdateToken = v;
+    }
+    async login(username, password) {
+        const t = await this._login(username, password);
+        this.refresh_token = t.refresh_token;
+        this.access_token = t.access_token;
+        if (typeof this._onUpdateToken === 'function') {
+            this._onUpdateToken(this.access_token);
+        }
+        // if (this._user === null) {
+        //   this._user = await lastValueFrom(this.users.apiV1UsersGetSelfGet())
+        // }
+        if (this.timer !== null) {
+            clearInterval(this.timer);
+            this.timer = null;
+        }
+        this.timer = setInterval(async () => {
+            try {
+                var r = await this._refreshToken(this.refresh_token);
+                this.refresh_token = r.refresh_token;
+                this.access_token = r.access_token;
+                if (typeof this._onUpdateToken === 'function') {
+                    this._onUpdateToken(this.access_token);
+                }
+                // if (this._user === null) {
+                //   this._user = await lastValueFrom(this.users.apiV1UsersGetSelfGet())
+                // }
+            }
+            catch (e) {
+                console.warn("Refresh token fail");
+            }
+        }, t.expires_in * 1000 - 60000);
+        return t;
+    }
+    loggedIn() {
+        return !!this.access_token;
+    }
+    logout() {
+        this.refresh_token = null;
+        this.access_token = null;
+        if (this.timer !== null) {
+            clearInterval(this.timer);
+            this.timer = null;
+        }
+    }
+    async _login(username, password) {
+        if (!this.authenticationService.currentProvider)
+            throw new Error("No authentication provider configured");
+        let body = new URLSearchParams();
+        body.set('grant_type', 'password');
+        body.set('client_id', 'addubby');
+        body.set('scope', 'addubby-order');
+        body.set('username', username);
+        body.set('password', password);
+        return await lastValueFrom(this.httpClient.post(`${this.authenticationService.currentProvider.authority}/${TOKEN_URL}`, body.toString(), {
+            headers: { 'content-type': 'application/x-www-form-urlencoded' },
+        }));
+    }
+    async _refreshToken(token) {
+        if (!this.authenticationService.currentProvider)
+            throw new Error("No authentication provider configured");
+        let body = new URLSearchParams();
+        body.set('grant_type', 'refresh_token');
+        body.set('client_id', this.authenticationService.currentProvider.clientId);
+        if (token)
+            body.set('refresh_token', token);
+        return await lastValueFrom(this.httpClient.post(`${this.authenticationService.currentProvider.authority}/${TOKEN_URL}`, body.toString(), {
+            headers: { 'content-type': 'application/x-www-form-urlencoded' },
+        }));
+    }
+    async initRefreshToken() {
+        if (this.refresh_token) {
+            var r = await this._refreshToken(this.refresh_token);
+            this.refresh_token = r.refresh_token;
+            this.access_token = r.access_token;
+            // if (this._user === null) {
+            //   this._user = await lastValueFrom(this.users.apiV1UsersGetSelfGet())
+            // }
+            if (typeof this._onUpdateToken === 'function') {
+                this._onUpdateToken(this.access_token);
+            }
+            this.timer = setInterval(async () => {
+                try {
+                    var r = await this._refreshToken(this.refresh_token);
+                    this.refresh_token = r.refresh_token;
+                    this.access_token = r.access_token;
+                    // if (this._user === null) {
+                    //   this._user = await lastValueFrom(this.users.apiV1UsersGetSelfGet())
+                    // }
+                    if (typeof this._onUpdateToken === 'function') {
+                        this._onUpdateToken(this.access_token);
+                    }
+                }
+                catch (e) {
+                    console.warn("Refresh token fail");
+                }
+            }, r.expires_in * 1000 - 60000);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OauthPasswordService, deps: [{ token: i1$3.HttpClient }, { token: AuthenticationService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OauthPasswordService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OauthPasswordService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1$3.HttpClient }, { type: AuthenticationService }] });
+
+const oauthPasswordGuard = (route, state) => {
+    const auth = inject(OauthPasswordService);
+    const router = inject(Router);
+    return of(auth.loggedIn()).pipe(map(o => {
+        if (!o) {
+            router.navigate(['login']);
+            return false;
+        }
+        return true;
+    }));
+};
+
+class KeycloakProfileService {
+    constructor(http, authService, errorManagementService, oidcSecurityService) {
+        this.http = http;
+        this.authService = authService;
+        this.errorManagementService = errorManagementService;
+        this.oidcSecurityService = oidcSecurityService;
+    }
+    get baseUrl() {
+        return `${this.authService.currentProvider?.authority}/account`;
+    }
+    getUserProfile() {
+        return this.authService.isAuthenticated$.pipe(filter(isAuth => isAuth), switchMap(() => this.authService.accessToken$), switchMap(token => this.http.get(this.baseUrl, {
+            headers: {
+                Authorization: `Bearer ${token}`,
+            },
+        })), this.errorManagementService.manageUI('error', 'dialog'));
+    }
+    updateUserProfile(data) {
+        return this.authService.isAuthenticated$.pipe(filter(isAuth => isAuth), switchMap(() => this.authService.accessToken$), switchMap(token => this.http.post(this.baseUrl, data, {
+            headers: {
+                Authorization: `Bearer ${token}`,
+            },
+        })), this.errorManagementService.manageUI('error', 'dialog'));
+    }
+    getDevices() {
+        return this.authService.isAuthenticated$.pipe(filter(isAuth => isAuth), switchMap(() => this.authService.accessToken$), switchMap(token => this.http.get(`${this.baseUrl}/sessions/devices`, {
+            headers: {
+                Authorization: `Bearer ${token}`,
+            },
+        })), map((devices) => devices.map((device) => device.sessions.map((session) => {
+            session.os = device.os;
+            session.osVersion = device.osVersion;
+            session.device = device.device;
+            session.mobile = device.mobile;
+            session.clientslist = session.clients.map((client) => client.clientName).join(', ');
+            return session;
+        })).flat()), this.errorManagementService.manageUI('error', 'dialog'));
+    }
+    getCredentials() {
+        return this.authService.isAuthenticated$.pipe(filter(isAuth => isAuth), switchMap(() => this.authService.accessToken$), switchMap(token => this.http.get(`${this.baseUrl}/credentials`, {
+            headers: {
+                Authorization: `Bearer ${token}`,
+            },
+        })), this.errorManagementService.manageUI('error', 'dialog'));
+    }
+    removeCredential(id) {
+        return this.authService.isAuthenticated$.pipe(filter(isAuth => isAuth), switchMap(() => this.authService.accessToken$), switchMap(token => {
+            return this.http.delete(`${this.baseUrl}/credentials/${id}`, {
+                headers: {
+                    Authorization: `Bearer ${token}`,
+                },
+            });
+        }), this.errorManagementService.manageUI('error', 'dialog'));
+    }
+    configureOTP() {
+        return this.oidcSecurityService.authorize(this.authService.currentProvider?.configId, {
+            customParams: {
+                kc_action: "CONFIGURE_TOTP"
+            }
+        });
+    }
+    updatePassword() {
+        return this.oidcSecurityService.authorize(this.authService.currentProvider?.configId, {
+            customParams: {
+                kc_action: "UPDATE_PASSWORD"
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: KeycloakProfileService, deps: [{ token: i1$3.HttpClient }, { token: AuthenticationService }, { token: ErrorManagementService }, { token: i1$5.OidcSecurityService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: KeycloakProfileService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: KeycloakProfileService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1$3.HttpClient }, { type: AuthenticationService }, { type: ErrorManagementService }, { type: i1$5.OidcSecurityService }] });
+
+class UserAccountComponent {
+    constructor(_location, store, keycloakProfileService, modalService, languageService, authService, router) {
+        this._location = _location;
+        this.store = store;
+        this.keycloakProfileService = keycloakProfileService;
+        this.modalService = modalService;
+        this.languageService = languageService;
+        this.authService = authService;
+        this.router = router;
+        this.subs = [];
+        this.authService.isAuthenticated$.pipe(filter(isAuth => !isAuth), switchMap(() => this.router.navigate(['/']))).subscribe();
+    }
+    backClicked() {
+        this._location.back();
+    }
+    ngOnInit() {
+        this.subs.push(this.keycloakProfileService.getUserProfile().subscribe((user) => {
+            this.keyCloakUser = user;
+        }));
+        this.subs.push(this.keycloakProfileService.getDevices().subscribe((devices) => {
+            this.keyCloakDevices = devices;
+        }));
+        this.subs.push(this.keycloakProfileService.getCredentials().subscribe((credentials) => {
+            this.keycloakCredentials = credentials;
+        }));
+    }
+    ngOnDestroy() {
+        while (this.subs.length) {
+            this.subs.pop()?.unsubscribe();
+        }
+    }
+    logout() {
+        this.store.dispatch(AuthActions.logout());
+    }
+    async removeCredential(type, id) {
+        return await lastValueFrom(this.modalService.openConfirmModal(this.languageService.translate("core.account.credentials.deleteTitle"), this.languageService.translate("core.account.credentials.deleteMessage"), this.languageService.translate("core.account.credentials.deleteHeader"), this.languageService.translate("common.yes"), this.languageService.translate("common.cancel")).pipe(switchMap((result) => {
+            if (result) {
+                return this.keycloakProfileService.removeCredential(id).pipe(tap(() => {
+                    const meta = this.keycloakCredentials.find((c) => c.type === type)?.userCredentialMetadatas;
+                    const idx = meta?.findIndex((m) => m.credential.id === id);
+                    if (meta && idx !== undefined && idx !== -1) {
+                        meta.splice(idx, 1);
+                    }
+                }));
+            }
+            return EMPTY;
+        })));
+    }
+    async updateProfile() {
+        return await lastValueFrom(this.keycloakProfileService.updateUserProfile(this.keyCloakUser));
+    }
+    updatePassword() {
+        this.keycloakProfileService.updatePassword();
+    }
+    configureOTP() {
+        this.keycloakProfileService.configureOTP();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UserAccountComponent, deps: [{ token: i1$6.Location }, { token: i1$1.Store }, { token: KeycloakProfileService }, { token: i6.ModalService }, { token: LanguageService }, { token: AuthenticationService }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: UserAccountComponent, isStandalone: true, selector: "rlb-user-account", ngImport: i0, template: "<div class=\"container mt-2 mb-5\">\n  <div class=\"container text-center position-relative my-3\">\n    <h3>{{ 'core.account.title' | translate}}</h3>\n    <i role=\"button\" class=\"bi bi-chevron-left position-absolute start-0 top-50 translate-middle-y\"\n      style=\"font-size: 25px;font-weight: 600;\" (click)=\"backClicked()\"></i>\n    <button rlb-button outline size=\"sm\" class=\"position-absolute end-0 top-50 translate-middle-y\"\n      (click)=\"updateProfile()\">\n      <i class=\"bi bi-floppy\"></i>\n    </button>\n  </div>\n  <rlb-list class=\"settings\">\n    <rlb-list-item class=\"settings-item\">\n      <div class=\"d-flex justify-content-between\">\n        <div class=\"settings-text\">\n          <h6 class=\"mt-1\">{{ 'core.account.username' | translate}}</h6>\n        </div>\n        <div class=\"settings-control\">\n          <rlb-input *ngIf=\"keyCloakUser\" size=\"small\" type=\"text\" [(ngModel)]=\"keyCloakUser.username\" disabled />\n        </div>\n      </div>\n    </rlb-list-item>\n    <rlb-list-item class=\"settings-item\">\n      <div class=\"d-flex justify-content-between\">\n        <div class=\"settings-text\">\n          <h6 class=\"mt-1\">{{ 'core.account.email' | translate}}</h6>\n        </div>\n        <div class=\"settings-control\">\n          <rlb-input *ngIf=\"keyCloakUser\" size=\"small\" type=\"text\" [(ngModel)]=\"keyCloakUser.email\" />\n          <rlb-input *ngIf=\"!keyCloakUser\" size=\"small\" type=\"text\" readonly />\n        </div>\n      </div>\n    </rlb-list-item>\n    <rlb-list-item class=\"settings-item\">\n      <div class=\"d-flex justify-content-between\">\n        <div class=\"settings-text\">\n          <h6 class=\"mt-1\">{{ 'core.account.firstName' | translate}}</h6>\n        </div>\n        <div class=\"settings-control\">\n          <rlb-input *ngIf=\"keyCloakUser\" size=\"small\" type=\"text\" [(ngModel)]=\"keyCloakUser.firstName\" />\n          <rlb-input *ngIf=\"!keyCloakUser\" size=\"small\" type=\"text\" readonly />\n        </div>\n      </div>\n    </rlb-list-item>\n    <rlb-list-item class=\"settings-item\">\n      <div class=\"d-flex justify-content-between\">\n        <div class=\"settings-text\">\n          <h6 class=\"mt-1\">{{ 'core.account.lastName' | translate}}</h6>\n        </div>\n        <div class=\"settings-control\">\n          <rlb-input *ngIf=\"keyCloakUser\" size=\"small\" type=\"text\" [(ngModel)]=\"keyCloakUser.lastName\" />\n          <rlb-input *ngIf=\"!keyCloakUser\" size=\"small\" type=\"text\" readonly />\n        </div>\n      </div>\n    </rlb-list-item>\n    <rlb-list-item class=\"settings-item\">\n      <div class=\"d-flex justify-content-between\">\n        <div class=\"settings-text\">\n          <h6 class=\"mt-1\">{{ 'core.account.logout' | translate}}</h6>\n        </div>\n        <div class=\"settings-control\">\n          <button size=\"sm\" rlb-button (click)=\"logout()\" class=\"w-100\">\n            <i class=\"bi bi-box-arrow-right\"></i>\n            {{ 'core.account.logout' | translate}}</button>\n        </div>\n      </div>\n    </rlb-list-item>\n  </rlb-list>\n  <ng-container *ngIf=\"keyCloakUser\">\n    <div class=\"container text-center position-relative mt-5 mb-2\">\n      <h3>{{ 'core.account.credentials.title' | translate}}</h3>\n    </div>\n    <ng-container *ngFor=\"let type of keycloakCredentials\">\n      <div class=\"container position-relative my-3\">\n        <h6>{{ ('core.account.credentials.'+type?.type) | translate }}</h6>\n        <button *ngIf=\"type.type === 'otp'\" rlb-button size=\"sm\"\n          class=\"position-absolute end-0 top-50 translate-middle-y\" (click)=\"configureOTP()\">\n          {{ 'core.account.credentials.addOTP' | translate}}\n        </button>\n      </div>\n      <rlb-list class=\"settings mb-5\">\n        <rlb-list-item class=\"settings-item\" *ngFor=\"let cred of type.userCredentialMetadatas\">\n          <div class=\"row\">\n            <div class=\"col-12\">\n              <dl class=\"row signed-in-device-grid\">\n                <div class=\"col-md-1\">\n                  <i class=\"bi bi-key\" style=\"font-size: 35px;\"></i>\n                </div>\n                <div class=\"col-md-5\">\n                  <dt>\n                    <span class=\"text-muted\">\n                      {{ 'core.account.credentials.name' | translate }}\n                    </span>\n                  </dt>\n                  <dd>{{cred.credential.userLabel || cred.credential.type}}</dd>\n                </div>\n                <div class=\"col-md-4\">\n                  <dt>\n                    <span class=\"text-muted\">\n                      {{'core.account.credentials.created' | translate}}\n                    </span>\n                  </dt>\n                  <dd>{{cred.credential.createdDate | date:'dd:MM:yyyy HH:mm' }}</dd>\n                </div>\n                <div class=\"col-md-2\">\n                  <dt><span class=\"text-muted\">{{'core.account.credentials.actions' |\n                      translate}}</span></dt>\n                  <dd>\n                    <button *ngIf=\"type.removeable\" size=\"sm\" rlb-button class=\"w-100\" color=\"danger\"\n                      (click)=\"removeCredential(type.type, cred.credential.id)\">\n                      <i class=\"bi bi-trash\"></i>\n                      {{ 'core.account.credentials.delete' | translate}}\n                    </button>\n                    <button *ngIf=\"!type.removeable\" size=\"sm\" rlb-button class=\"w-100\" outline\n                      (click)=\"updatePassword()\">\n                      <i class=\"bi bi-trash\"></i>\n                      {{ 'core.account.credentials.update' | translate}}\n                    </button>\n                  </dd>\n                </div>\n              </dl>\n            </div>\n          </div>\n        </rlb-list-item>\n        <rlb-list-item *ngIf=\"type.userCredentialMetadatas.length === 0\">\n          <div class=\"d-flex justify-content-center\">\n            <div class=\"settings-text\">\n              <h6 class=\"mt-1\">{{ 'core.account.credentials.noCredentials' | translate}}</h6>\n            </div>\n          </div>\n        </rlb-list-item>\n      </rlb-list>\n    </ng-container>\n    <div class=\"container text-center position-relative mt-5 mb-3\">\n      <h3>{{ 'core.account.session.title' | translate}}</h3>\n    </div>\n    <rlb-list class=\"settings\">\n      <rlb-list-item class=\"settings-item\" *ngFor=\"let d of keyCloakDevices\">\n        <div class=\"row mb-2\">\n          <div class=\"col-1\">\n            <i class=\"bi bi-laptop\" style=\"font-size: 35px;\"></i>\n          </div>\n          <div class=\"col-11\">\n            <span class=\"session-title\">{{d.os}} {{d.osVersion}} - {{d.browser}}</span>\n            <span *ngIf=\"d.current\" class=\"badge bg-success ms-3\">\n              <span class=\"badge-content\">\n                {{ 'core.account.session.current' | translate}}\n              </span>\n            </span>\n          </div>\n        </div>\n        <div class=\"row\">\n          <div class=\"col-12\">\n            <dl class=\"row signed-in-device-grid\">\n              <div class=\" col-md-1\">\n              </div>\n              <div class=\" col-md-2\">\n                <dt><span class=\"text-muted\">{{ 'core.account.session.ip' | translate }}</span>\n                </dt>\n                <dd>{{d.ipAddress}}</dd>\n              </div>\n              <div class=\"col-md-2\">\n                <dt>\n                  <span class=\"text-muted\">\n                    {{'core.account.session.lastAccess' | translate}}\n                  </span>\n                </dt>\n                <dd>{{d.lastAccess*1000 | date:'dd/MM/yyyy - HH:mm'}}</dd>\n              </div>\n              <div class=\"col-md-2\">\n                <dt><span class=\"text-muted\">{{'core.account.session.applications' |\n                    translate}}</span></dt>\n                <dd>{{d.clientslist }} </dd>\n              </div>\n              <div class=\"col-md-2\">\n                <dt><span class=\"text-muted\">{{'core.account.session.started' |\n                    translate}}</span></dt>\n                <dd>{{d.started*1000 | date:'dd/MM/yyyy - HH:mm'}}</dd>\n              </div>\n              <div class=\"col-md-2\">\n                <dt><span class=\"text-muted\">{{'core.account.session.expires' |\n                    translate}}</span></dt>\n                <dd>{{d.expires*1000 | date:'dd/MM/yyyy - HH:mm'}}</dd>\n              </div>\n            </dl>\n          </div>\n        </div>\n      </rlb-list-item>\n    </rlb-list>\n  </ng-container>\n</div>", styles: [".settings .settings-item .settings-control{width:40%}\n"], dependencies: [{ kind: "ngmodule", type: RlbAppModule }, { kind: "component", type: i6.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: i6.ButtonComponent, selector: "button[rlb-button], a[rlb-button]", inputs: ["color", "size", "disabled", "outline", "isLink"] }, { kind: "component", type: i6.ListComponent, selector: "rlb-list", inputs: ["disabled", "numbered", "flush", "horizontal"] }, { kind: "component", type: i6.ListItemComponent, selector: "rlb-list-item", inputs: ["active", "disabled", "action"] }, { 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: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "pipe", type: i1$6.DatePipe, name: "date" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: UserAccountComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rlb-user-account', imports: [RlbAppModule, CommonModule], template: "<div class=\"container mt-2 mb-5\">\n  <div class=\"container text-center position-relative my-3\">\n    <h3>{{ 'core.account.title' | translate}}</h3>\n    <i role=\"button\" class=\"bi bi-chevron-left position-absolute start-0 top-50 translate-middle-y\"\n      style=\"font-size: 25px;font-weight: 600;\" (click)=\"backClicked()\"></i>\n    <button rlb-button outline size=\"sm\" class=\"position-absolute end-0 top-50 translate-middle-y\"\n      (click)=\"updateProfile()\">\n      <i class=\"bi bi-floppy\"></i>\n    </button>\n  </div>\n  <rlb-list class=\"settings\">\n    <rlb-list-item class=\"settings-item\">\n      <div class=\"d-flex justify-content-between\">\n        <div class=\"settings-text\">\n          <h6 class=\"mt-1\">{{ 'core.account.username' | translate}}</h6>\n        </div>\n        <div class=\"settings-control\">\n          <rlb-input *ngIf=\"keyCloakUser\" size=\"small\" type=\"text\" [(ngModel)]=\"keyCloakUser.username\" disabled />\n        </div>\n      </div>\n    </rlb-list-item>\n    <rlb-list-item class=\"settings-item\">\n      <div class=\"d-flex justify-content-between\">\n        <div class=\"settings-text\">\n          <h6 class=\"mt-1\">{{ 'core.account.email' | translate}}</h6>\n        </div>\n        <div class=\"settings-control\">\n          <rlb-input *ngIf=\"keyCloakUser\" size=\"small\" type=\"text\" [(ngModel)]=\"keyCloakUser.email\" />\n          <rlb-input *ngIf=\"!keyCloakUser\" size=\"small\" type=\"text\" readonly />\n        </div>\n      </div>\n    </rlb-list-item>\n    <rlb-list-item class=\"settings-item\">\n      <div class=\"d-flex justify-content-between\">\n        <div class=\"settings-text\">\n          <h6 class=\"mt-1\">{{ 'core.account.firstName' | translate}}</h6>\n        </div>\n        <div class=\"settings-control\">\n          <rlb-input *ngIf=\"keyCloakUser\" size=\"small\" type=\"text\" [(ngModel)]=\"keyCloakUser.firstName\" />\n          <rlb-input *ngIf=\"!keyCloakUser\" size=\"small\" type=\"text\" readonly />\n        </div>\n      </div>\n    </rlb-list-item>\n    <rlb-list-item class=\"settings-item\">\n      <div class=\"d-flex justify-content-between\">\n        <div class=\"settings-text\">\n          <h6 class=\"mt-1\">{{ 'core.account.lastName' | translate}}</h6>\n        </div>\n        <div class=\"settings-control\">\n          <rlb-input *ngIf=\"keyCloakUser\" size=\"small\" type=\"text\" [(ngModel)]=\"keyCloakUser.lastName\" />\n          <rlb-input *ngIf=\"!keyCloakUser\" size=\"small\" type=\"text\" readonly />\n        </div>\n      </div>\n    </rlb-list-item>\n    <rlb-list-item class=\"settings-item\">\n      <div class=\"d-flex justify-content-between\">\n        <div class=\"settings-text\">\n          <h6 class=\"mt-1\">{{ 'core.account.logout' | translate}}</h6>\n        </div>\n        <div class=\"settings-control\">\n          <button size=\"sm\" rlb-button (click)=\"logout()\" class=\"w-100\">\n            <i class=\"bi bi-box-arrow-right\"></i>\n            {{ 'core.account.logout' | translate}}</button>\n        </div>\n      </div>\n    </rlb-list-item>\n  </rlb-list>\n  <ng-container *ngIf=\"keyCloakUser\">\n    <div class=\"container text-center position-relative mt-5 mb-2\">\n      <h3>{{ 'core.account.credentials.title' | translate}}</h3>\n    </div>\n    <ng-container *ngFor=\"let type of keycloakCredentials\">\n      <div class=\"container position-relative my-3\">\n        <h6>{{ ('core.account.credentials.'+type?.type) | translate }}</h6>\n        <button *ngIf=\"type.type === 'otp'\" rlb-button size=\"sm\"\n          class=\"position-absolute end-0 top-50 translate-middle-y\" (click)=\"configureOTP()\">\n          {{ 'core.account.credentials.addOTP' | translate}}\n        </button>\n      </div>\n      <rlb-list class=\"settings mb-5\">\n        <rlb-list-item class=\"settings-item\" *ngFor=\"let cred of type.userCredentialMetadatas\">\n          <div class=\"row\">\n            <div class=\"col-12\">\n              <dl class=\"row signed-in-device-grid\">\n                <div class=\"col-md-1\">\n                  <i class=\"bi bi-key\" style=\"font-size: 35px;\"></i>\n                </div>\n                <div class=\"col-md-5\">\n                  <dt>\n                    <span class=\"text-muted\">\n                      {{ 'core.account.credentials.name' | translate }}\n                    </span>\n                  </dt>\n                  <dd>{{cred.credential.userLabel || cred.credential.type}}</dd>\n                </div>\n                <div class=\"col-md-4\">\n                  <dt>\n                    <span class=\"text-muted\">\n                      {{'core.account.credentials.created' | translate}}\n                    </span>\n                  </dt>\n                  <dd>{{cred.credential.createdDate | date:'dd:MM:yyyy HH:mm' }}</dd>\n                </div>\n                <div class=\"col-md-2\">\n                  <dt><span class=\"text-muted\">{{'core.account.credentials.actions' |\n                      translate}}</span></dt>\n                  <dd>\n                    <button *ngIf=\"type.removeable\" size=\"sm\" rlb-button class=\"w-100\" color=\"danger\"\n                      (click)=\"removeCredential(type.type, cred.credential.id)\">\n                      <i class=\"bi bi-trash\"></i>\n                      {{ 'core.account.credentials.delete' | translate}}\n                    </button>\n                    <button *ngIf=\"!type.removeable\" size=\"sm\" rlb-button class=\"w-100\" outline\n                      (click)=\"updatePassword()\">\n                      <i class=\"bi bi-trash\"></i>\n                      {{ 'core.account.credentials.update' | translate}}\n                    </button>\n                  </dd>\n                </div>\n              </dl>\n            </div>\n          </div>\n        </rlb-list-item>\n        <rlb-list-item *ngIf=\"type.userCredentialMetadatas.length === 0\">\n          <div class=\"d-flex justify-content-center\">\n            <div class=\"settings-text\">\n              <h6 class=\"mt-1\">{{ 'core.account.credentials.noCredentials' | translate}}</h6>\n            </div>\n          </div>\n        </rlb-list-item>\n      </rlb-list>\n    </ng-container>\n    <div class=\"container text-center position-relative mt-5 mb-3\">\n      <h3>{{ 'core.account.session.title' | translate}}</h3>\n    </div>\n    <rlb-list class=\"settings\">\n      <rlb-list-item class=\"settings-item\" *ngFor=\"let d of keyCloakDevices\">\n        <div class=\"row mb-2\">\n          <div class=\"col-1\">\n            <i class=\"bi bi-laptop\" style=\"font-size: 35px;\"></i>\n          </div>\n          <div class=\"col-11\">\n            <span class=\"session-title\">{{d.os}} {{d.osVersion}} - {{d.browser}}</span>\n            <span *ngIf=\"d.current\" class=\"badge bg-success ms-3\">\n              <span class=\"badge-content\">\n                {{ 'core.account.session.current' | translate}}\n              </span>\n            </span>\n          </div>\n        </div>\n        <div class=\"row\">\n          <div class=\"col-12\">\n            <dl class=\"row signed-in-device-grid\">\n              <div class=\" col-md-1\">\n              </div>\n              <div class=\" col-md-2\">\n                <dt><span class=\"text-muted\">{{ 'core.account.session.ip' | translate }}</span>\n                </dt>\n                <dd>{{d.ipAddress}}</dd>\n              </div>\n              <div class=\"col-md-2\">\n                <dt>\n                  <span class=\"text-muted\">\n                    {{'core.account.session.lastAccess' | translate}}\n                  </span>\n                </dt>\n                <dd>{{d.lastAccess*1000 | date:'dd/MM/yyyy - HH:mm'}}</dd>\n              </div>\n              <div class=\"col-md-2\">\n                <dt><span class=\"text-muted\">{{'core.account.session.applications' |\n                    translate}}</span></dt>\n                <dd>{{d.clientslist }} </dd>\n              </div>\n              <div class=\"col-md-2\">\n                <dt><span class=\"text-muted\">{{'core.account.session.started' |\n                    translate}}</span></dt>\n                <dd>{{d.started*1000 | date:'dd/MM/yyyy - HH:mm'}}</dd>\n              </div>\n              <div class=\"col-md-2\">\n                <dt><span class=\"text-muted\">{{'core.account.session.expires' |\n                    translate}}</span></dt>\n                <dd>{{d.expires*1000 | date:'dd/MM/yyyy - HH:mm'}}</dd>\n              </div>\n            </dl>\n          </div>\n        </div>\n      </rlb-list-item>\n    </rlb-list>\n  </ng-container>\n</div>", styles: [".settings .settings-item .settings-control{width:40%}\n"] }]
+        }], ctorParameters: () => [{ type: i1$6.Location }, { type: i1$1.Store }, { type: KeycloakProfileService }, { type: i6.ModalService }, { type: LanguageService }, { type: AuthenticationService }, { type: i2.Router }] });
+
+class SettingsCoreComponent {
+    constructor(_location, toastService, languageService, store) {
+        this._location = _location;
+        this.toastService = toastService;
+        this.languageService = languageService;
+        this.store = store;
+    }
+    backClicked() {
+        this._location.back();
+    }
+    get languages() {
+        return this.store.selectSignal(o => o[appContextFeatureKey].supportedLanguages)().map((lang) => {
+            return {
+                value: lang,
+                label: this.languageService.getLanguageName(lang)
+            };
+        });
+    }
+    get currentLanguage() {
+        return this.store.selectSignal(o => o[appContextFeatureKey].language)();
+    }
+    set currentLanguage(value) {
+        this.store.dispatch(AppContextActions.setLanguage({ language: value }));
+        this.toastService.openToast('toast-c-1', 'toast-component', {
+            title: this.languageService.translate('common.saved'),
+            content: this.languageService.translate('common.savedSuccessfully'),
+            type: 'success',
+            ok: this.languageService.translate('ok'),
+        });
+    }
+    get darkMode() {
+        return this.store.selectSignal(o => o[appContextFeatureKey].theme)() === 'dark';
+    }
+    set darkMode(value) {
+        this.store.dispatch(AppContextActions.setTheme({ theme: value ? 'dark' : 'light' }));
+        this.toastService.openToast('toast-c-1', 'toast-component', {
+            title: this.languageService.translate('common.saved'),
+            content: this.languageService.translate('common.savedSuccessfully'),
+            type: 'success',
+            ok: this.languageService.translate('ok'),
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SettingsCoreComponent, deps: [{ token: i1$6.Location }, { token: i6.ToastService }, { token: LanguageService }, { token: i1$1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: SettingsCoreComponent, isStandalone: true, selector: "rlb-settings-core", ngImport: i0, template: "<div class=\"container mt-2\">\n  <div class=\"container text-center position-relative my-3\">\n    <h3>{{ 'core.settings.generalTitle' | 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 class=\"settings\">\n    <rlb-list-item class=\"settings-item\">\n      <div class=\"d-flex justify-content-between\">\n        <div class=\"settings-text\">\n          <h6 class=\"mt-1\">{{ 'core.settings.generalTheme' | translate}}</h6>\n        </div>\n        <div class=\"settings-control\">\n          <rlb-switch size=\"small\" [(ngModel)]=\"darkMode\" class=\"mt-2\" />\n        </div>\n      </div>\n    </rlb-list-item>\n    <rlb-list-item class=\"settings-item\">\n      <div class=\"d-flex justify-content-between\">\n        <div class=\"settings-text\">\n          <h6 class=\"mt-1\">{{ 'core.settings.generalLanguage' | translate}}</h6>\n        </div>\n        <div class=\"settings-control\">\n          <rlb-select size=\"small\" [(ngModel)]=\"currentLanguage\">\n            <rlb-option *ngFor=\"let l of languages\" [value]=\"l.value\">{{l.label}}</rlb-option>\n          </rlb-select>\n        </div>\n      </div>\n    </rlb-list-item>\n  </rlb-list>\n</div>\n", styles: [".settings .settings-item .settings-control{width:40%}.settings .settings-item .settings-control ::ng-deep rlb-switch .form-check{display:block;margin-left:auto}\n"], dependencies: [{ kind: "ngmodule", type: RlbAppModule }, { kind: "component", type: i6.SwitchComponent, selector: "rlb-switch", inputs: ["disabled", "readonly", "size", "id"] }, { kind: "component", type: i6.SelectComponent, selector: "rlb-select", inputs: ["placeholder", "size", "disabled", "readonly", "multiple", "display", "id", "enable-validation"] }, { kind: "component", type: i6.OptionComponent, selector: "rlb-option", inputs: ["disabled", "value", "class"] }, { kind: "component", type: i6.ListComponent, selector: "rlb-list", inputs: ["disabled", "numbered", "flush", "horizontal"] }, { kind: "component", type: i6.ListItemComponent, selector: "rlb-list-item", inputs: ["active", "disabled", "action"] }, { 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: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SettingsCoreComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rlb-settings-core', imports: [RlbAppModule, CommonModule], template: "<div class=\"container mt-2\">\n  <div class=\"container text-center position-relative my-3\">\n    <h3>{{ 'core.settings.generalTitle' | 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 class=\"settings\">\n    <rlb-list-item class=\"settings-item\">\n      <div class=\"d-flex justify-content-between\">\n        <div class=\"settings-text\">\n          <h6 class=\"mt-1\">{{ 'core.settings.generalTheme' | translate}}</h6>\n        </div>\n        <div class=\"settings-control\">\n          <rlb-switch size=\"small\" [(ngModel)]=\"darkMode\" class=\"mt-2\" />\n        </div>\n      </div>\n    </rlb-list-item>\n    <rlb-list-item class=\"settings-item\">\n      <div class=\"d-flex justify-content-between\">\n        <div class=\"settings-text\">\n          <h6 class=\"mt-1\">{{ 'core.settings.generalLanguage' | translate}}</h6>\n        </div>\n        <div class=\"settings-control\">\n          <rlb-select size=\"small\" [(ngModel)]=\"currentLanguage\">\n            <rlb-option *ngFor=\"let l of languages\" [value]=\"l.value\">{{l.label}}</rlb-option>\n          </rlb-select>\n        </div>\n      </div>\n    </rlb-list-item>\n  </rlb-list>\n</div>\n", styles: [".settings .settings-item .settings-control{width:40%}.settings .settings-item .settings-control ::ng-deep rlb-switch .form-check{display:block;margin-left:auto}\n"] }]
+        }], ctorParameters: () => [{ type: i1$6.Location }, { type: i6.ToastService }, { type: LanguageService }, { type: i1$1.Store }] });
+
+class SettingsListComponent {
+    constructor(_location, appsService, authService, pageOptions) {
+        this._location = _location;
+        this.appsService = appsService;
+        this.authService = authService;
+        this.pageOptions = pageOptions;
+    }
+    get apps() {
+        return this.appsService.apps;
+    }
+    backClicked() {
+        this._location.back();
+    }
+    selectApp(app) {
+        this.appsService.selectApp(app, 'settings');
+    }
+    get pages() {
+        return this.pageOptions;
+    }
+    get auth$() {
+        return this.authService.isAuthenticated$;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", 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: "14.0.0", version: "20.3.15", 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    <ng-container ngProjectAs=\"rlb-list-item-image\" *ngFor=\"let app of apps\">\n      <ng-container ngProjectAs=\"rlb-list-item-image\" *ngIf=\"app.settings\">\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    </ng-container>\n  </rlb-list>\n\n  <rlb-list class=\"mt-5\" *ngIf=\"pages?.['status']?.path || pages?.['logger']?.path\">\n    <rlb-list-item-image icon=\"bi bi-check2-circle\" *ngIf=\"pages?.['status']?.path\" [avatar-size]=\"18\"\n      [line-1]=\"'core.settings.status' | translate\" [routerLink]=\"'/status'\">\n    </rlb-list-item-image>\n    <rlb-list-item-image icon=\"bi bi-file-text\" *ngIf=\"pages?.['logger']?.path\" [avatar-size]=\"18\"\n      [line-1]=\"'core.settings.logger' | translate\" [routerLink]=\"'/logger'\">\n    </rlb-list-item-image>\n  </rlb-list>\n\n  <rlb-list class=\"mt-4\"\n    *ngIf=\"pages?.['privacy']?.path || pages?.['cookies']?.path || pages?.['terms']?.path || pages?.['support']?.path\">\n    <rlb-list-item-image icon=\"bi bi-shield-check\" *ngIf=\"pages?.['privacy']?.path\" [avatar-size]=\"18\"\n      [line-1]=\"'core.settings.privacy' | translate\" [routerLink]=\"'/privacy'\">\n    </rlb-list-item-image>\n    <rlb-list-item-image icon=\"bi bi bi-cookie\" *ngIf=\"pages?.['cookies']?.path\" [avatar-size]=\"18\"\n      [line-1]=\"'core.settings.cookies' | translate\" [routerLink]=\"'/cookies'\">\n    </rlb-list-item-image>\n    <rlb-list-item-image icon=\"bi bi-vector-pen\" *ngIf=\"pages?.['terms']?.path\" [avatar-size]=\"18\"\n      [line-1]=\"'core.settings.legal' | translate\" [routerLink]=\"'/terms'\">\n    </rlb-list-item-image>\n    <rlb-list-item-image icon=\"bi bi-chat-quote\" *ngIf=\"pages?.['support']?.path\" [avatar-size]=\"18\"\n      [line-1]=\" 'core.settings.support' | translate\" [routerLink]=\"'/support'\">\n    </rlb-list-item-image>\n  </rlb-list>\n</div>", styles: [".settings .settings-item .settings-control{width:40%}\n"], dependencies: [{ kind: "ngmodule", type: RlbAppModule }, { kind: "component", type: i6.ListComponent, selector: "rlb-list", inputs: ["disabled", "numbered", "flush", "horizontal"] }, { kind: "component", type: i6.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: "directive", type: i1$6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }, { kind: "pipe", type: i1$6.AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", 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    <ng-container ngProjectAs=\"rlb-list-item-image\" *ngFor=\"let app of apps\">\n      <ng-container ngProjectAs=\"rlb-list-item-image\" *ngIf=\"app.settings\">\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    </ng-container>\n  </rlb-list>\n\n  <rlb-list class=\"mt-5\" *ngIf=\"pages?.['status']?.path || pages?.['logger']?.path\">\n    <rlb-list-item-image icon=\"bi bi-check2-circle\" *ngIf=\"pages?.['status']?.path\" [avatar-size]=\"18\"\n      [line-1]=\"'core.settings.status' | translate\" [routerLink]=\"'/status'\">\n    </rlb-list-item-image>\n    <rlb-list-item-image icon=\"bi bi-file-text\" *ngIf=\"pages?.['logger']?.path\" [avatar-size]=\"18\"\n      [line-1]=\"'core.settings.logger' | translate\" [routerLink]=\"'/logger'\">\n    </rlb-list-item-image>\n  </rlb-list>\n\n  <rlb-list class=\"mt-4\"\n    *ngIf=\"pages?.['privacy']?.path || pages?.['cookies']?.path || pages?.['terms']?.path || pages?.['support']?.path\">\n    <rlb-list-item-image icon=\"bi bi-shield-check\" *ngIf=\"pages?.['privacy']?.path\" [avatar-size]=\"18\"\n      [line-1]=\"'core.settings.privacy' | translate\" [routerLink]=\"'/privacy'\">\n    </rlb-list-item-image>\n    <rlb-list-item-image icon=\"bi bi bi-cookie\" *ngIf=\"pages?.['cookies']?.path\" [avatar-size]=\"18\"\n      [line-1]=\"'core.settings.cookies' | translate\" [routerLink]=\"'/cookies'\">\n    </rlb-list-item-image>\n    <rlb-list-item-image icon=\"bi bi-vector-pen\" *ngIf=\"pages?.['terms']?.path\" [avatar-size]=\"18\"\n      [line-1]=\"'core.settings.legal' | translate\" [routerLink]=\"'/terms'\">\n    </rlb-list-item-image>\n    <rlb-list-item-image icon=\"bi bi-chat-quote\" *ngIf=\"pages?.['support']?.path\" [avatar-size]=\"18\"\n      [line-1]=\" 'core.settings.support' | translate\" [routerLink]=\"'/support'\">\n    </rlb-list-item-image>\n  </rlb-list>\n</div>", 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]
+                }, {
+                    type: Optional
+                }] }] });
+
+function getDefaultRoutes(config) {
+    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}`);
+        }
+    });
+    return defaultRoutes;
+}
+
+class AppContextEffects {
+    constructor(actions$, languageService, rendererFactory, storage, store, router, loggerService, apps) {
+        this.actions$ = actions$;
+        this.languageService = languageService;
+        this.rendererFactory = rendererFactory;
+        this.storage = storage;
+        this.store = store;
+        this.router = router;
+        this.loggerService = loggerService;
+        this.apps = apps;
+        this.setLanguage$ = createEffect(() => {
+            return this.actions$.pipe(ofType(AppContextActions.setLanguage), tap$1(({ language }) => this.languageService.language = language), tap$1(({ language }) => {
+                this.renderer.setAttribute(document.documentElement, 'lang', language);
+            }), tap$1(({ language }) => { this.storage.writeLocal('locale', language); }), map$1(({ language }) => AppContextActionsInternal.setLanguage({ language })));
+        });
+        this.setLanguages$ = createEffect(() => {
+            return this.actions$.pipe(ofType(AppContextActions.setSupportedLanguages), tap$1(({ supportedLanguages }) => this.languageService.languages = supportedLanguages), map$1(({ supportedLanguages }) => AppContextActionsInternal.setSupportedLanguages({ supportedLanguages })));
+        });
+        this.setTheme$ = createEffect(() => {
+            return this.actions$.pipe(ofType(AppContextActions.setTheme), tap$1(({ theme }) => {
+                this.renderer.setAttribute(document.documentElement, 'data-bs-theme', theme);
+            }), tap$1(({ theme }) => { this.storage.writeLocal('theme', theme); }), map$1(({ theme }) => AppContextActionsInternal.setTheme({ theme })));
+        });
+        this.setApp$ = createEffect(() => {
+            return this.actions$.pipe(ofType(AppContextActions.setCurrentApp), map$1(({ app, mode, url }) => {
+                return AppContextActionsInternal.setCurrentApp({ app, mode, url });
+            }), tap$1(({ app }) => {
+                if (app) {
+                    this.logger.warn('setApp$ set c-app-id', app.id);
+                    localStorage.setItem('c-app-id', app.id);
+                }
+                else {
+                    this.logger.warn('setApp$ remove c-app-id');
+                    localStorage.removeItem('c-app-id');
+                }
+            }));
+        });
+        this.logger = this.loggerService.for(this.constructor.name);
+        this.renderer = rendererFactory.createRenderer(null, null);
+        if (this.apps && this.apps.length > 0) {
+            for (const app of this.apps) {
+                store.dispatch(AppContextActionsInternal.addApp({ app: app }));
+            }
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AppContextEffects, deps: [{ token: i1$8.Actions }, { token: LanguageService }, { token: i0.RendererFactory2 }, { token: AppStorageService }, { token: i1$1.Store }, { token: i2.Router }, { token: AppLoggerService }, { token: RLB_APPS, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AppContextEffects }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AppContextEffects, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: i1$8.Actions }, { type: LanguageService }, { type: i0.RendererFactory2 }, { type: AppStorageService }, { type: i1$1.Store }, { type: i2.Router }, { type: AppLoggerService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [RLB_APPS]
+                }, {
+                    type: Optional
+                }] }] });
+
+const appFeature = createFeature({
+    name: appContextFeatureKey,
+    reducer: createReducer(initialAppContextState, on(AppContextActionsInternal.setCurrentApp, (state, { app, mode, url }) => ({ ...state, currentApp: app ? { ...app, viewMode: mode, navigationUrl: url } : null })), on(AppContextActions.removeApp, (state, { appType }) => ({ ...state, apps: state.apps.filter(a => a.type !== appType) })), on(AppContextActions.finalizeApp, (state, { appType, data, appId }) => {
+        const appsOfType = state.apps.filter(a => a.type === appType);
+        if (appsOfType.length === 0)
+            throw new Error(`App type: ${appType} not found. Cannot finalize app.`);
+        let updatedAppsOfType;
+        if (appsOfType.length === 1 && !appsOfType[0].id) {
+            updatedAppsOfType = [{ ...appsOfType[0], data, id: appId, }];
+        }
+        else {
+            updatedAppsOfType = [...appsOfType, { ...appsOfType[0], data, id: appId, }];
+        }
+        const remainingApps = state.apps.filter(a => a.type !== appType);
+        return { ...state, apps: [...remainingApps, ...updatedAppsOfType], };
+    }), on(AppContextActionsInternal.addApp, (state, { app }) => {
+        if (!app)
+            return state;
+        const apps = state.apps.filter(a => a.type !== app.type);
+        apps.push(app);
+        return { ...state, apps };
+    }), on(AppContextActionsInternal.setLanguage, (state, { language }) => ({ ...state, language })), on(AppContextActionsInternal.setSupportedLanguages, (state, { supportedLanguages }) => ({ ...state, supportedLanguages })), on(AppContextActionsInternal.setTheme, (state, { theme }) => ({ ...state, theme })), on(AppContextActionsInternal.setViewMode, (state, { viewMode }) => ({ ...state, viewMode })))
+});
+const appReducer = appFeature.reducer;
+const { selectAppState, selectApps, selectCurrentApp, selectSupportedLanguages } = appFeature;
+
+class AuthEffects {
+    constructor(actions$, auth, authConfig) {
+        this.actions$ = actions$;
+        this.auth = auth;
+        this.login$ = createEffect(() => {
+            return this.actions$.pipe(ofType(AuthActions.login), tap$1(() => this.auth.login()), map$1(() => AuthActionsInternal.setLoading({ loading: true })));
+        });
+        this.logout$ = createEffect(() => {
+            return this.actions$.pipe(ofType(AuthActions.logout), switchMap$1(() => this.auth.logout$()), map$1(() => AuthActionsInternal.reset()));
+        });
+        this.setCurrentProvider$ = createEffect(() => {
+            return this.actions$.pipe(ofType(AuthActions.setCurrentProvider), map$1(({ currentProvider }) => AuthActionsInternal.setCurrentProvider({ currentProvider })));
+        });
+        if (authConfig) {
+            auth.checkAuthMultiple().subscribe();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AuthEffects, deps: [{ token: i1$8.Actions }, { token: AuthenticationService }, { token: RLB_CFG_AUTH, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AuthEffects }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AuthEffects, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: i1$8.Actions }, { type: AuthenticationService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [RLB_CFG_AUTH]
+                }, {
+                    type: Optional
+                }] }] });
+
+const authsFeature = createFeature({
+    name: authsFeatureKey,
+    reducer: createReducer(initialAuthState, on(AuthActionsInternal.setLoading, (state, action) => ({ ...state, loading: action.loading })), on(AuthActionsInternal.reset, () => ({ ...initialAuthState })), on(AuthActionsInternal.setCurrentProvider, (state, action) => {
+        if (action.currentProvider && state.currentProvider !== action.currentProvider) {
+            return { ...state, currentProvider: action.currentProvider };
+        }
+        return state;
+    }))
+});
+const authReducer = authsFeature.reducer;
+const { selectAuthState, selectCurrentProvider, selectLoading } = authsFeature;
+
+const navbarsFeature = createFeature({
+    name: navbarsFeatureKey,
+    reducer: createReducer(initialNavbarState, on(NavbarActions.setVisible, (state, { visible }) => ({ ...state, visible })), on(NavbarActions.setSearchVisible, (state, { visible }) => ({ ...state, searchVisible: visible })), on(NavbarActions.setHeader, (state, { header }) => ({ ...state, header })), on(NavbarActions.setSearchText, (state, { text }) => ({ ...state, searchText: text })), on(NavbarActions.setLeftItems, (state, { items }) => ({ ...state, leftItems: items })), on(NavbarActions.setRightItems, (state, { items }) => ({ ...state, rightItems: items })), on(NavbarActions.setLoginVisible, (state, { visible }) => ({ ...state, loginVisible: visible })), on(NavbarActions.setSettingsVisible, (state, { visible }) => ({ ...state, settingsVisible: visible })), on(NavbarActions.setAppsVisible, (state, { visible }) => ({ ...state, appsVisible: visible })), on(NavbarActions.setSeparatorVisible, (state, { visible }) => ({ ...state, separatorVisible: visible })))
+});
+const navbarReducer = navbarsFeature.reducer;
+const { selectNavbarState } = navbarsFeature;
+
+const sidebarsFeature = createFeature({
+    name: sidebarsFeatureKey,
+    reducer: createReducer(initialSidebarState, on(SidebarActions.setItems, (state, { items }) => ({ ...state, items })), on(SidebarActions.setVisible, (state, { visible }) => ({ ...state, visible })), on(SidebarActions.setLoginVisible, (state, { visible }) => ({ ...state, loginVisible: visible })), on(SidebarActions.setSearchVisible, (state, { visible }) => ({ ...state, searchVisible: visible })), on(SidebarActions.setSettingsVisible, (state, { visible }) => ({ ...state, settingsVisible: visible })), on(SidebarActions.setSearchText, (state, { text }) => ({ ...state, searchText: text })), on(SidebarActions.setAppsVisible, (state, { visible }) => ({ ...state, appsVisible: visible })))
+});
+const sidebarReducer = sidebarsFeature.reducer;
+const { selectSidebarState } = sidebarsFeature;
+
+class ToastComponent {
+    constructor() {
+        this.valid = true;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: ToastComponent, isStandalone: true, selector: "ng-component", hostDirectives: [{ directive: i6.ToastDirective, inputs: ["id", "id", "data-instance", "data-instance", "data-options", "data-options"] }], ngImport: i0, template: `
+    <div class="toast-header">
+      <strong class="me-auto">
+        <svg
+          class="bd-placeholder-img rounded me-2"
+          width="20"
+          height="20"
+          xmlns="http://www.w3.org/2000/svg"
+          aria-hidden="true"
+          preserveAspectRatio="xMidYMid slice"
+          focusable="false"
+        >
+          <rect width="100%" height="100%" fill="#007aff"></rect>
+        </svg>
+        {{ data.title }}
+      </strong>
+      <small *ngIf="data.subtitle"> {{ data.subtitle }}</small>
+      <button
+        type="button"
+        class="btn-close"
+        data-bs-dismiss="toast"
+        aria-label="Close"
+      ></button>
+    </div>
+    <div class="toast-body">{{ data.content }}</div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: RlbAppModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ToastComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [RlbAppModule, CommonModule],
+                    template: `
+    <div class="toast-header">
+      <strong class="me-auto">
+        <svg
+          class="bd-placeholder-img rounded me-2"
+          width="20"
+          height="20"
+          xmlns="http://www.w3.org/2000/svg"
+          aria-hidden="true"
+          preserveAspectRatio="xMidYMid slice"
+          focusable="false"
+        >
+          <rect width="100%" height="100%" fill="#007aff"></rect>
+        </svg>
+        {{ data.title }}
+      </strong>
+      <small *ngIf="data.subtitle"> {{ data.subtitle }}</small>
+      <button
+        type="button"
+        class="btn-close"
+        data-bs-dismiss="toast"
+        aria-label="Close"
+      ></button>
+    </div>
+    <div class="toast-body">{{ data.content }}</div>
+  `,
+                    hostDirectives: [
+                        {
+                            directive: ToastDirective,
+                            inputs: ['id', 'data-instance', 'data-options'],
+                        },
+                    ]
+                }]
+        }] });
+
+const verifyDeactivate = (component, currentRoute, currentState, nextState) => {
+    return component.verifyDeactivate();
+};
+
+function provideRlbConfig(env) {
+    return [
+        provideRlbBootstrap(),
+        RlbAppModule,
+        provideStore(),
+        provideState(authsFeature),
+        provideEffects(AuthEffects),
+        provideState(navbarsFeature),
+        provideState(sidebarsFeature),
+        provideState(appFeature),
+        provideEffects(AppContextEffects),
+        provideRouter(getDefaultRoutes(env.pages)),
+        provideRlbCodeBrowserOAuth(env.auth),
+        provideRlbI18n(env.i18n),
+        provideHttpClient(withInterceptorsFromDi()),
+        provideServiceWorker('ngsw-worker.js', {
+            enabled: !isDevMode(),
+            registrationStrategy: 'registerWhenStable:15000',
+        }),
+        { provide: RLB_CFG, useValue: env },
+        { provide: RLB_CFG_ENV, useValue: env.environment },
+        { provide: RLB_CFG_CMS, useValue: env.cms },
+        { provide: RLB_CFG_PAGES, useValue: env.pages },
+        { provide: RLB_CFG_I18N, useValue: env.i18n },
+        {
+            provide: ModalRegistryOptions, useValue: {
+                modals: {
+                    "modal-apps-component": ModalAppsComponent,
+                    'error-modal-component': ErrorModalComponent,
+                }
+            }, multi: true
+        },
+        {
+            provide: ToastRegistryOptions,
+            useValue: {
+                toasts: {
+                    'toast-component': ToastComponent,
+                },
+            },
+            multi: true,
+        },
+    ];
+}
+function provideApp(app) {
+    const routesPaths = app.routes ? flattenRoutes(app.routes) : [];
+    const providers = [{
+            provide: RLB_APPS, useValue: {
+                ...app.info,
+                routes: routesPaths,
+            }, multi: true
+        },];
+    if (app.routes) {
+        providers.push(provideRouter(app.routes));
+    }
+    if (app.providers) {
+        providers.push(...app.providers);
+    }
+    return providers;
+}
+function flattenRoutes(routes, parentPath = '') {
+    return routes.flatMap(route => {
+        const fullPath = route.path ? `${parentPath}${parentPath && '/'}${route.path}` : parentPath;
+        const childPaths = route.children ? flattenRoutes(route.children, fullPath) : [];
+        return route.path ? [fullPath, ...childPaths] : childPaths;
+    });
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AbstractMdService, AbstractSupportService, AppBreadcrumbService, AppContainerComponent, AppContextActions, AppContextActionsInternal, AppLoggerService, AppStorageService, AppTemplateComponent, AppsService, AsMultiPipe, AsSinglePipe, AuthActions, AuthActionsInternal, AuthFeatureService, AuthenticationService, AutolinkPipe, BaseComponent, CmsComponent, CmsPipe, ContentComponent, CookiesService, ErrorManagementService, ErrorModalComponent, KeycloakProfileService, LanguageService, LeftComponentPipe, LocalCacheService, ModalAppsComponent, NavbarActions, NavbarActionsInternal, OauthPasswordService, ParseJwtService, PwaUpdaterService, RLB_APPS, RLB_APP_NAVCOMP, RLB_CFG, RLB_CFG_AUTH, RLB_CFG_CMS, RLB_CFG_ENV, RLB_CFG_I18N, RLB_CFG_PAGES, RightComponentPipe, RlbAppModule, RlbRole, SidebarActions, SidebarActionsInternal, StrapiService, ToastComponent, TokenOauthInterceptor, TranslateBrowserLoader, TruncatePipe, UtilsService, appContextFeatureKey, authsFeatureKey, getDefaultRoutes, initialAppContextState, initialAuthState, initialNavbarState, initialSidebarState, navbarsFeatureKey, oauthGuard, oauthPasswordGuard, provideApp, provideRlbCodeBrowserOAuth, provideRlbConfig, provideRlbI18n, sidebarsFeatureKey, translateBrowserLoaderFactory, verifyDeactivate };
+//# sourceMappingURL=open-rlb-ng-app.mjs.map