@c8y/ngx-components 1021.21.0 → 1021.22.26

package/fesm2022/c8y-ngx-components.mjs

@@ -4,17 +4,16 @@ import * as i2$2 from 'ngx-bootstrap/dropdown';
 import { BsDropdownModule, BsDropdownDirective } from 'ngx-bootstrap/dropdown';
 import * as i3$1 from '@angular/cdk/a11y';
 import { A11yModule } from '@angular/cdk/a11y';
-import { castArray, flatten, uniq, sortBy, groupBy, camelCase, isEqual, isUndefined, throttle as throttle$1, keys, get, isNaN as isNaN$1, isFinite, each, mapValues, mapKeys, forEach, reduce, union, cloneDeep, uniqBy, assign, min, every, first, map as map$1, find, negate, upperFirst, memoize as memoize$1, property, some, entries, omitBy, isDate, orderBy, flatMap, isEmpty, filter as filter$1, snakeCase, matches, isString, clone, toNumber, isEqualWith, escape as escape$1, escapeRegExp, assignWith, set, omit, pick, has, transform, identity, flow, isNil, chunk, values, without, indexOf, parseInt as parseInt$1, kebabCase, forOwn } from 'lodash-es';
-import { merge, of, defer, combineLatest, race, isObservable, from, Subject, BehaviorSubject, NEVER, Observable, firstValueFrom, fromEvent, pipe, throwError, concat, map as map$2, EMPTY, timer, fromEventPattern, startWith as startWith$1, switchMap as switchMap$1, distinctUntilChanged as distinctUntilChanged$1, takeUntil as takeUntil$1, empty, forkJoin, ReplaySubject, interval, shareReplay as shareReplay$1, mergeMap as mergeMap$1 } from 'rxjs';
+import { castArray, flatten, uniq, sortBy, groupBy, camelCase, isEqual, isUndefined, throttle as throttle$1, keys, get, isNaN as isNaN$1, isFinite, each, mapValues, mapKeys, forEach, reduce, union, cloneDeep, uniqBy, assign, min, every, first, map as map$2, find, negate, upperFirst, memoize as memoize$1, property, some, entries, omitBy, isDate, orderBy, flatMap, isEmpty, filter as filter$1, snakeCase, matches, isString, clone, toNumber, isEqualWith, escape as escape$1, escapeRegExp, assignWith, set, omit, pick, has, transform, identity, flow, isNil, chunk, values, without, indexOf, parseInt as parseInt$1, kebabCase, forOwn } from 'lodash-es';
+import { merge, of, defer, combineLatest, race, isObservable, from, Subject, BehaviorSubject, NEVER, Observable, firstValueFrom, map as map$1, distinctUntilChanged as distinctUntilChanged$1, fromEvent, pipe, throwError, concat, EMPTY, timer, fromEventPattern, startWith as startWith$1, switchMap as switchMap$1, takeUntil as takeUntil$1, empty, forkJoin, ReplaySubject, interval, shareReplay as shareReplay$1, mergeMap as mergeMap$1 } from 'rxjs';
 import { map, distinctUntilChanged, filter, startWith, switchMap, take, shareReplay, scan, debounceTime, share, takeUntil, tap, catchError, first as first$1, retryWhen, delay, concatMap, debounce, sample, withLatestFrom, mergeMap, every as every$1, toArray, merge as merge$1, expand, skip, mapTo, finalize, reduce as reduce$1, combineLatestWith } from 'rxjs/operators';
 import * as i1 from '@c8y/client';
-import { ApplicationAvailability, OperationStatus, TenantLoginOptionType, UserManagementSource, GrantType, ApplicationType, aggregationType, BearerAuthFromSessionStorage, FetchClient, Client, PasswordStrength, QueriesUtil, InventoryService, UserService, ApplicationService, TenantService, Service } from '@c8y/client';
+import { ApplicationAvailability, OperationStatus, TenantLoginOptionType, UserManagementSource, GrantType, ApplicationType, aggregationType, BearerAuthFromSessionStorage, FetchClient, Client, PasswordStrength, QueriesUtil, InventoryService, UserService, ApplicationService, TenantService, AlarmService, Service } from '@c8y/client';
 import { __decorate, __metadata } from 'tslib';
 import * as i1$3 from '@angular/router';
-import { NavigationEnd, RouterModule as RouterModule$1, ActivationEnd, NavigationStart, PRIMARY_OUTLET, ActivatedRoute, ROUTES, Router, NavigationCancel, NavigationError } from '@angular/router';
+import { NavigationEnd, RouterModule as RouterModule$1, ActivationEnd, NavigationStart, PRIMARY_OUTLET, ActivatedRoute, ActivationStart, ChildActivationEnd, ROUTES, Router, NavigationCancel, NavigationError } from '@angular/router';
 import * as i4 from '@c8y/ngx-components/api';
 import { DataModule } from '@c8y/ngx-components/api';
-import { satisfies, compare, coerce } from 'semver';
 import { coerceNumberProperty } from '@angular/cdk/coercion';
 import * as i2$1 from '@angular/cdk/scrolling';
 import { VIRTUAL_SCROLL_STRATEGY, ScrollingModule } from '@angular/cdk/scrolling';
@@ -30,6 +29,7 @@ export * from '@c8y/ngx-components/gettext';
 import * as i3 from 'ngx-bootstrap/datepicker';
 import { BsDatepickerModule, BsDatepickerDirective } from 'ngx-bootstrap/datepicker';
 import { defineLocale, enGbLocale, zhCnLocale, ptBrLocale, plLocale, nlLocale, koLocale, jaLocale, frLocale, esLocale, deLocale } from 'ngx-bootstrap/chronos';
+import { compare, coerce } from 'semver';
 import saveAs$1, { saveAs } from 'file-saver';
 import * as i1$2 from '@angular/platform-browser';
 import { BlobReader, ZipReader, BlobWriter, ZipWriter } from '@zip.js/zip.js';
@@ -52,6 +52,7 @@ import { CdkStepper, STEP_STATE, CdkStepperModule, CdkStep, STEPPER_GLOBAL_OPTIO
 import * as i1$5 from '@angular/cdk/bidi';
 import { getThemePreference, setThemePreference, applyTheme } from '@c8y/bootstrap';
 import * as mimeDB from 'mime-db';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import * as i6 from '@ngx-formly/core';
 import { FormlyModule, FieldArrayType, FieldType, FieldWrapper, FORMLY_CONFIG, ɵdefineHiddenProp as _defineHiddenProp } from '@ngx-formly/core';
 import * as i5$2 from '@ngx-formly/core/select';
@@ -66,7 +67,6 @@ import * as i9 from '@angular/cdk/table';
 import { CdkTable, CdkHeaderCell, CdkTableModule } from '@angular/cdk/table';
 import * as i19 from 'ngx-bootstrap/pagination';
 import { PaginationModule } from 'ngx-bootstrap/pagination';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 
 /**
  * Allows to set a icon. Switches between c8y default icons
@@ -897,25 +897,8 @@ class AppStateService extends StateService {
         this.state.supportUrl = await this.options.getSupportUrl();
         this.state.activateSupportUserAvailable = await this.options.getActivateSupportUser();
         this.state.versions.backend = await this.options.getSystemOption('system', 'version');
-        try {
-            this.showIncompatibleVersionsError();
-        }
-        catch (ex) {
-            // ignore this
-        }
         this.emitNewState();
     }
-    showIncompatibleVersionsError() {
-        if (this.options.noVersionWarning) {
-            return;
-        }
-        const uiVersion = this.state.versions.ui.ngx;
-        const backendVersion = this.state.versions.backend;
-        if (!satisfies(uiVersion, `<=${backendVersion} || ~${backendVersion}`)) {
-            const errorContent = `You are running version ${uiVersion} of the UI and version ${backendVersion} of backend!`;
-            console.log('%c ' + errorContent, 'font-weight: bold; font-size: 30px; color: red;');
-        }
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: AppStateService, deps: [{ token: i1.ApplicationService }, { token: i4.ApiService }, { token: OptionsService }, { token: i1.FetchClient }, { token: i1.TenantLoginOptionsService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: AppStateService, providedIn: 'root' }); }
 }
@@ -1685,6 +1668,7 @@ class MissingTranslationCustomHandler {
             else {
                 translation = this.parser.interpolate(messageKey, interpolateParams);
             }
+            translation = this.removeContextIndicators(translation);
             this.addToCache(messageKey, interpolateParams, translation);
         }
         return translation;
@@ -1715,6 +1699,9 @@ class MissingTranslationCustomHandler {
         }
         return undefined;
     }
+    removeContextIndicators(translation) {
+        return translation.replace(/`[^`]*`/g, '');
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: MissingTranslationCustomHandler, deps: [{ token: i1$1.TranslateParser }, { token: PatternMessagesService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: MissingTranslationCustomHandler }); }
 }
@@ -4476,6 +4463,7 @@ var ApplicationPluginStatus;
     ApplicationPluginStatus["LATEST"] = "LATEST";
     ApplicationPluginStatus["OUTDATED"] = "OUTDATED";
     ApplicationPluginStatus["REVOKED"] = "REVOKED";
+    ApplicationPluginStatus["AUTO"] = "AUTO";
 })(ApplicationPluginStatus || (ApplicationPluginStatus = {}));
 var PackageType;
 (function (PackageType) {
@@ -4565,6 +4553,7 @@ class PluginsResolveService {
         this._pluginDetails$ = new Subject();
         this._allPluginsLoaded$ = new BehaviorSubject(false);
         this._contextPathsFromWhereRemotesHaveBeenLoaded$ = new BehaviorSubject([]);
+        this._loadedPluginNames$ = new BehaviorSubject([]);
         this.injectors$ = this._injectors$.asObservable().pipe(
         // not specifying the bufferSize of shareReplay so all injectors are received on subscription
         shareReplay());
@@ -4575,6 +4564,7 @@ class PluginsResolveService {
         this.allPluginsLoaded$ = this._allPluginsLoaded$.asObservable();
         this.contextPathsFromWhereRemotesHaveBeenLoaded$ =
             this._contextPathsFromWhereRemotesHaveBeenLoaded$.asObservable();
+        this.loadedPluginNames$ = this._loadedPluginNames$.asObservable();
     }
     /**
      * Loads plugins by resolving the remote NgModules and injecting it. Also attaching
@@ -4601,6 +4591,8 @@ class PluginsResolveService {
                 else {
                     this.loadModule(moduleOrProviders);
                 }
+                const newLoadedPluginNames = [...this._loadedPluginNames$.value, name];
+                this._loadedPluginNames$.next(newLoadedPluginNames);
             }
             catch (ex) {
                 console.error(`Failed to load ${name}`, ex);
@@ -4837,8 +4829,9 @@ class PluginsService {
      */
     async addRemotes(application, plugins) {
         const pluginsArray = Array.isArray(plugins) ? plugins : [plugins];
-        const appConfig = application?.config || { remotes: {} };
-        const appConfigRemotes = appConfig?.remotes || {};
+        const manifestRemotes = application.manifest?.remotes || {};
+        const appConfig = application?.config;
+        const appConfigRemotes = appConfig?.remotes || manifestRemotes;
         const appConfigExcludedRemotes = appConfig?.excludedRemotes || {};
         // only normal and self optional scoped plugins should be added to remotes
         // self scoped plugins will be automatically added
@@ -4856,8 +4849,9 @@ class PluginsService {
      */
     async removeRemotes(application, plugins) {
         const pluginsArray = Array.isArray(plugins) ? plugins : [plugins];
-        const appConfig = application?.config || { remotes: {} };
-        const appConfigRemotes = appConfig?.remotes || {};
+        const manifestRemotes = application.manifest?.remotes || {};
+        const appConfig = application?.config;
+        const appConfigRemotes = appConfig?.remotes || manifestRemotes;
         const appConfigExcludedRemotes = appConfig?.excludedRemotes || {};
         // app plugins need to be removed from remotes
         const newRemotes = this.removePluginsFromRemotesConfig(appConfigRemotes, plugins);
@@ -4907,6 +4901,12 @@ class PluginsService {
             return undefined;
         }
     }
+    async resetRemotes(application) {
+        return await this.applicationService.updateApplicationConfig(application, {
+            remotes: undefined,
+            excludedRemotes: undefined
+        });
+    }
     sortVersions(source, order) {
         const sourceCopy = cloneDeep(source);
         if (source.list && source.path) {
@@ -5173,6 +5173,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
                 }]
         }] });
 
+class PluginLoadedPipe {
+    constructor(pluginsResolve) {
+        this.pluginsResolve = pluginsResolve;
+    }
+    transform(pluginName) {
+        if (!pluginName) {
+            return of(false);
+        }
+        return this.pluginsResolve.loadedPluginNames$.pipe(map$1(pluginNames => pluginNames.includes(pluginName)), distinctUntilChanged$1());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: PluginLoadedPipe, deps: [{ token: PluginsResolveService }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: PluginLoadedPipe, isStandalone: true, name: "c8yPluginLoaded" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: PluginLoadedPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'c8yPluginLoaded',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: PluginsResolveService }] });
+
 /**
  * A service to load translations from different sources.
  * It combines translations from the app, user-defined translations, and plugins.
@@ -5194,7 +5215,7 @@ class TranslationLoaderService {
         this.translateService.onLangChange
             .pipe(map(event => event.lang), distinctUntilChanged(), switchMap(lang => this.getTranslation(lang).pipe(map(translations => ({ lang, translations })))))
             .subscribe(({ lang, translations }) => {
-            this.translateService.setTranslation(lang, translations, false);
+            this.translateService.setTranslation(lang, translations, true);
         });
     }
     getTranslation(lang) {
@@ -6473,7 +6494,7 @@ class FilesService {
      * @returns Returns list of file extensions.
      */
     getFileExtensions() {
-        return uniq(flatten(map$1(this.fileTypeExtensionsMap, ({ exts }) => exts)));
+        return uniq(flatten(map$2(this.fileTypeExtensionsMap, ({ exts }) => exts)));
     }
     /**
      * The list of generic file types.
@@ -9333,7 +9354,7 @@ class InterAppService {
      * @returns Observable of Application
      */
     getApp$(key) {
-        return this.stateService.currentAppsOfUser.pipe(map$2(apps => apps.find(app => app.key === key)));
+        return this.stateService.currentAppsOfUser.pipe(map$1(apps => apps.find(app => app.key === key)));
     }
     /**
      * Checks if current application is the same as the one that key is provided
@@ -9341,7 +9362,7 @@ class InterAppService {
      * @returns Observable of boolean; true if current app matches provided key.
      */
     isCurrentApp$(key) {
-        return this.stateService.currentApplication.pipe(map$2(app => app?.key === key));
+        return this.stateService.currentApplication.pipe(map$1(app => app?.key === key));
     }
     /**
      * Checks if other (other than current) application link should be displayed. It consists of two conditions:
@@ -9352,9 +9373,9 @@ class InterAppService {
      */
     shouldShowAppLink$(appKey) {
         return combineLatest([
-            this.getApp$(appKey).pipe(map$2(Boolean)),
-            this.isCurrentApp$(appKey).pipe(map$2(val => !val))
-        ]).pipe(map$2(([linkedAppIsAvailable, linkLeadsToOtherAppThanCurrent]) => linkedAppIsAvailable && linkLeadsToOtherAppThanCurrent));
+            this.getApp$(appKey).pipe(map$1(Boolean)),
+            this.isCurrentApp$(appKey).pipe(map$1(val => !val))
+        ]).pipe(map$1(([linkedAppIsAvailable, linkLeadsToOtherAppThanCurrent]) => linkedAppIsAvailable && linkLeadsToOtherAppThanCurrent));
     }
     /**
      * Navigates to app by provided app key
@@ -9362,7 +9383,7 @@ class InterAppService {
      * @param path {string} - Additional path in target application.
      */
     async navigateToApp(appKey, path) {
-        const contextPath = await firstValueFrom(this.getApp$(appKey).pipe(map$2(app => app?.contextPath)));
+        const contextPath = await firstValueFrom(this.getApp$(appKey).pipe(map$1(app => app?.contextPath)));
         if (!contextPath) {
             const msg = this.translateService.instant(gettext$1('Application with key "{{appKey}}" not found.'), { appKey });
             this.alertService.danger(msg);
@@ -16949,11 +16970,11 @@ class TabsOutletComponent {
         return { widthScroll, width, scrollLeft };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: TabsOutletComponent, deps: [{ token: i1$3.Router }, { token: i0.Renderer2 }, { token: HeaderService }, { token: TabsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: TabsOutletComponent, selector: "c8y-tabs-outlet,c8y-ui-tabs", inputs: { tabs: "tabs", orientation: "orientation", navigatorOpen: "navigatorOpen", outletName: "outletName", context: "context", hasHeader: "hasHeader" }, host: { properties: { "class.has-header": "this.hasHeader", "class.navigator-open": "this.isNavigatorOpen", "class.page-tabs": "this.hasTabs", "class.page-tabs-horizontal": "this.isHorizontal", "class.page-tabs-vertical": "this.isVertical" } }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ElementRef, static: true }, { propertyName: "tabsContainer", first: true, predicate: ["tabsContainer"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"tabContainer\"\n  [ngClass]=\"{ 'hidden-xs': !outletName }\"\n  #container\n>\n  <button\n    class=\"tabs-slider tabs-slider-left\"\n    title=\"{{ 'Scroll to the left' | translate }}\"\n    type=\"button\"\n    #left\n    *ngIf=\"showLeft || showRight\"\n    [disabled]=\"!showLeft\"\n    (click)=\"scroll('left')\"\n  >\n    <i [c8yIcon]=\"'chevron-left'\"></i>\n  </button>\n  <button\n    class=\"tabs-slider tabs-slider-right\"\n    title=\"{{ 'Scroll to the right' | translate }}\"\n    type=\"button\"\n    #right\n    *ngIf=\"showRight || showLeft\"\n    [disabled]=\"!showRight\"\n    (click)=\"scroll('right')\"\n  >\n    <i [c8yIcon]=\"'chevron-right'\"></i>\n  </button>\n  <ng-container *ngIf=\"!outletName\">\n    <div\n      class=\"nav nav-tabs nav-tabsc8y\"\n      role=\"list\"\n      #tabsContainer\n    >\n      <ng-container *ngFor=\"let tab of tabs\">\n        <div\n          role=\"listitem\"\n          [ngClass]=\"{ active: rla?.isActive }\"\n          *ngIf=\"!tab.component && !tab.hide\"\n        >\n          <a\n            [routerLink]=\"tab.path\"\n            routerLinkActive\n            #rla=\"routerLinkActive\"\n            [ngClass]=\"{ 'p-r-24': !tab.template && tab?.badge }\"\n            (click)=\"tab.onSelect?.emit()\"\n          >\n            <i\n              [c8yIcon]=\"tab?.icon\"\n              *ngIf=\"!tab.template && tab?.icon\"\n            ></i>\n            <span\n              title=\"{{ tab?.label | translate }}\"\n              *ngIf=\"!tab.template && !tab.component\"\n            >\n              {{ tab?.label | translate }}\n            </span>\n            <span\n              class=\"dashboard-template-marker\"\n              tooltip=\"{{ tab?.tooltipText | translate }}\"\n              placement=\"bottom\"\n              container=\"body\"\n              [adaptivePosition]=\"false\"\n              [delay]=\"300\"\n              *ngIf=\"!tab.template && tab?.badge\"\n            ></span>\n          </a>\n          <ng-container *ngTemplateOutlet=\"tab.template; injector: tab.injector\"></ng-container>\n        </div>\n        <ng-container *ngComponentOutlet=\"tab.component; injector: tab.injector\"></ng-container>\n      </ng-container>\n    </div>\n  </ng-container>\n\n  <div\n    class=\"component-tabs nav nav-tabs nav-tabsc8y\"\n    *ngIf=\"outletName\"\n    #tabsContainer\n  >\n    <ng-container *ngFor=\"let tab of tabs; trackBy: trackByPath\">\n      <div\n        [ngClass]=\"{ active: tab.isActive }\"\n        [routerLink]=\"tab.path\"\n        [routerLinkActive]=\"tab.path ? 'active' : ''\"\n      >\n        <a\n          class=\"pointer\"\n          title=\"{{ tab?.label | translate }}\"\n          (click)=\"tab.onSelect?.emit()\"\n        >\n          <i [c8yIcon]=\"tab?.icon\"></i>\n          <span>\n            {{ tab?.label | translate }}\n          </span>\n        </a>\n      </div>\n    </ng-container>\n  </div>\n</div>\n\n<div\n  class=\"visible-xs mobile-tabs\"\n  *ngIf=\"!outletName\"\n>\n  <ul class=\"list-unstyled d-flex m-b-0\">\n    <li class=\"c8y-select-wrapper flex-grow\">\n      <select\n        (change)=\"navigateTo($event.target.value)\"\n        #select\n      >\n        <ng-container *ngFor=\"let tab of tabs\">\n          <option\n            *ngIf=\"!tab.component\"\n            [value]=\"tab.path\"\n            [selected]=\"isActive(tab)\"\n          >\n            {{ tab?.label | translate }}\n          </option>\n        </ng-container>\n      </select>\n    </li>\n    <ng-container *ngFor=\"let tab of tabs\">\n      <ng-container *ngIf=\"tab.component\">\n        <ng-container\n          *c8yComponentOutlet=\"tab.component; environmentInjector: tab.injector\"\n        ></ng-container>\n      </ng-container>\n    </ng-container>\n  </ul>\n</div>\n", dependencies: [{ kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: C8yComponentOutlet, selector: "[c8yComponentOutlet]", inputs: ["c8yComponentOutlet", "c8yComponentOutletInjector", "c8yComponentOutletEnvironmentInjector"] }, { kind: "directive", type: i1$3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: i2$3.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: TabsOutletComponent, selector: "c8y-tabs-outlet,c8y-ui-tabs", inputs: { tabs: "tabs", orientation: "orientation", navigatorOpen: "navigatorOpen", outletName: "outletName", context: "context", hasHeader: "hasHeader" }, host: { properties: { "class.has-header": "this.hasHeader", "class.navigator-open": "this.isNavigatorOpen", "class.page-tabs": "this.hasTabs", "class.page-tabs-horizontal": "this.isHorizontal", "class.page-tabs-vertical": "this.isVertical" } }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ElementRef, static: true }, { propertyName: "tabsContainer", first: true, predicate: ["tabsContainer"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"tabContainer\"\n  [ngClass]=\"{ 'hidden-xs': !outletName }\"\n  #container\n>\n  <button\n    class=\"tabs-slider tabs-slider-left\"\n    title=\"{{ 'Scroll to the left' | translate }}\"\n    type=\"button\"\n    #left\n    *ngIf=\"showLeft || showRight\"\n    [disabled]=\"!showLeft\"\n    (click)=\"scroll('left')\"\n  >\n    <i [c8yIcon]=\"'chevron-left'\"></i>\n  </button>\n  <button\n    class=\"tabs-slider tabs-slider-right\"\n    title=\"{{ 'Scroll to the right' | translate }}\"\n    type=\"button\"\n    #right\n    *ngIf=\"showRight || showLeft\"\n    [disabled]=\"!showRight\"\n    (click)=\"scroll('right')\"\n  >\n    <i [c8yIcon]=\"'chevron-right'\"></i>\n  </button>\n  <ng-container *ngIf=\"!outletName\">\n    <div\n      class=\"nav nav-tabs nav-tabsc8y\"\n      role=\"list\"\n      #tabsContainer\n    >\n      <ng-container *ngFor=\"let tab of tabs\">\n        <div\n          role=\"listitem\"\n          [ngClass]=\"{ active: rla?.isActive }\"\n          *ngIf=\"!tab.component && !tab.hide\"\n        >\n          <a\n            [routerLink]=\"tab.path\"\n            routerLinkActive\n            [queryParamsHandling]=\"'preserve'\"\n            #rla=\"routerLinkActive\"\n            [ngClass]=\"{ 'p-r-24': !tab.template && tab?.badge }\"\n            (click)=\"tab.onSelect?.emit()\"\n          >\n            <i\n              [c8yIcon]=\"tab?.icon\"\n              *ngIf=\"!tab.template && tab?.icon\"\n            ></i>\n            <span\n              title=\"{{ tab?.label | translate }}\"\n              *ngIf=\"!tab.template && !tab.component\"\n            >\n              {{ tab?.label | translate }}\n            </span>\n            <span\n              class=\"dashboard-template-marker\"\n              tooltip=\"{{ tab?.tooltipText | translate }}\"\n              placement=\"bottom\"\n              container=\"body\"\n              [adaptivePosition]=\"false\"\n              [delay]=\"300\"\n              *ngIf=\"!tab.template && tab?.badge\"\n            ></span>\n          </a>\n          <ng-container *ngTemplateOutlet=\"tab.template; injector: tab.injector\"></ng-container>\n        </div>\n        <ng-container *ngComponentOutlet=\"tab.component; injector: tab.injector\"></ng-container>\n      </ng-container>\n    </div>\n  </ng-container>\n\n  <div\n    class=\"component-tabs nav nav-tabs nav-tabsc8y\"\n    *ngIf=\"outletName\"\n    #tabsContainer\n  >\n    <ng-container *ngFor=\"let tab of tabs; trackBy: trackByPath\">\n      <div\n        [ngClass]=\"{ active: tab.isActive }\"\n        [routerLink]=\"tab.path\"\n        [routerLinkActive]=\"tab.path ? 'active' : ''\"\n        [queryParamsHandling]=\"'preserve'\"\n      >\n        <a\n          class=\"pointer\"\n          title=\"{{ tab?.label | translate }}\"\n          (click)=\"tab.onSelect?.emit()\"\n        >\n          <i [c8yIcon]=\"tab?.icon\"></i>\n          <span>\n            {{ tab?.label | translate }}\n          </span>\n        </a>\n      </div>\n    </ng-container>\n  </div>\n</div>\n\n<div\n  class=\"visible-xs mobile-tabs\"\n  *ngIf=\"!outletName\"\n>\n  <ul class=\"list-unstyled d-flex m-b-0\">\n    <li class=\"c8y-select-wrapper flex-grow\">\n      <select\n        (change)=\"navigateTo($event.target.value)\"\n        #select\n      >\n        <ng-container *ngFor=\"let tab of tabs\">\n          <option\n            *ngIf=\"!tab.component\"\n            [value]=\"tab.path\"\n            [selected]=\"isActive(tab)\"\n          >\n            {{ tab?.label | translate }}\n          </option>\n        </ng-container>\n      </select>\n    </li>\n    <ng-container *ngFor=\"let tab of tabs\">\n      <ng-container *ngIf=\"tab.component\">\n        <ng-container\n          *c8yComponentOutlet=\"tab.component; environmentInjector: tab.injector\"\n        ></ng-container>\n      </ng-container>\n    </ng-container>\n  </ul>\n</div>\n", dependencies: [{ kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: C8yComponentOutlet, selector: "[c8yComponentOutlet]", inputs: ["c8yComponentOutlet", "c8yComponentOutletInjector", "c8yComponentOutletEnvironmentInjector"] }, { kind: "directive", type: i1$3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: i2$3.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: TabsOutletComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'c8y-tabs-outlet,c8y-ui-tabs', template: "<div\n  class=\"tabContainer\"\n  [ngClass]=\"{ 'hidden-xs': !outletName }\"\n  #container\n>\n  <button\n    class=\"tabs-slider tabs-slider-left\"\n    title=\"{{ 'Scroll to the left' | translate }}\"\n    type=\"button\"\n    #left\n    *ngIf=\"showLeft || showRight\"\n    [disabled]=\"!showLeft\"\n    (click)=\"scroll('left')\"\n  >\n    <i [c8yIcon]=\"'chevron-left'\"></i>\n  </button>\n  <button\n    class=\"tabs-slider tabs-slider-right\"\n    title=\"{{ 'Scroll to the right' | translate }}\"\n    type=\"button\"\n    #right\n    *ngIf=\"showRight || showLeft\"\n    [disabled]=\"!showRight\"\n    (click)=\"scroll('right')\"\n  >\n    <i [c8yIcon]=\"'chevron-right'\"></i>\n  </button>\n  <ng-container *ngIf=\"!outletName\">\n    <div\n      class=\"nav nav-tabs nav-tabsc8y\"\n      role=\"list\"\n      #tabsContainer\n    >\n      <ng-container *ngFor=\"let tab of tabs\">\n        <div\n          role=\"listitem\"\n          [ngClass]=\"{ active: rla?.isActive }\"\n          *ngIf=\"!tab.component && !tab.hide\"\n        >\n          <a\n            [routerLink]=\"tab.path\"\n            routerLinkActive\n            #rla=\"routerLinkActive\"\n            [ngClass]=\"{ 'p-r-24': !tab.template && tab?.badge }\"\n            (click)=\"tab.onSelect?.emit()\"\n          >\n            <i\n              [c8yIcon]=\"tab?.icon\"\n              *ngIf=\"!tab.template && tab?.icon\"\n            ></i>\n            <span\n              title=\"{{ tab?.label | translate }}\"\n              *ngIf=\"!tab.template && !tab.component\"\n            >\n              {{ tab?.label | translate }}\n            </span>\n            <span\n              class=\"dashboard-template-marker\"\n              tooltip=\"{{ tab?.tooltipText | translate }}\"\n              placement=\"bottom\"\n              container=\"body\"\n              [adaptivePosition]=\"false\"\n              [delay]=\"300\"\n              *ngIf=\"!tab.template && tab?.badge\"\n            ></span>\n          </a>\n          <ng-container *ngTemplateOutlet=\"tab.template; injector: tab.injector\"></ng-container>\n        </div>\n        <ng-container *ngComponentOutlet=\"tab.component; injector: tab.injector\"></ng-container>\n      </ng-container>\n    </div>\n  </ng-container>\n\n  <div\n    class=\"component-tabs nav nav-tabs nav-tabsc8y\"\n    *ngIf=\"outletName\"\n    #tabsContainer\n  >\n    <ng-container *ngFor=\"let tab of tabs; trackBy: trackByPath\">\n      <div\n        [ngClass]=\"{ active: tab.isActive }\"\n        [routerLink]=\"tab.path\"\n        [routerLinkActive]=\"tab.path ? 'active' : ''\"\n      >\n        <a\n          class=\"pointer\"\n          title=\"{{ tab?.label | translate }}\"\n          (click)=\"tab.onSelect?.emit()\"\n        >\n          <i [c8yIcon]=\"tab?.icon\"></i>\n          <span>\n            {{ tab?.label | translate }}\n          </span>\n        </a>\n      </div>\n    </ng-container>\n  </div>\n</div>\n\n<div\n  class=\"visible-xs mobile-tabs\"\n  *ngIf=\"!outletName\"\n>\n  <ul class=\"list-unstyled d-flex m-b-0\">\n    <li class=\"c8y-select-wrapper flex-grow\">\n      <select\n        (change)=\"navigateTo($event.target.value)\"\n        #select\n      >\n        <ng-container *ngFor=\"let tab of tabs\">\n          <option\n            *ngIf=\"!tab.component\"\n            [value]=\"tab.path\"\n            [selected]=\"isActive(tab)\"\n          >\n            {{ tab?.label | translate }}\n          </option>\n        </ng-container>\n      </select>\n    </li>\n    <ng-container *ngFor=\"let tab of tabs\">\n      <ng-container *ngIf=\"tab.component\">\n        <ng-container\n          *c8yComponentOutlet=\"tab.component; environmentInjector: tab.injector\"\n        ></ng-container>\n      </ng-container>\n    </ng-container>\n  </ul>\n</div>\n" }]
+            args: [{ selector: 'c8y-tabs-outlet,c8y-ui-tabs', template: "<div\n  class=\"tabContainer\"\n  [ngClass]=\"{ 'hidden-xs': !outletName }\"\n  #container\n>\n  <button\n    class=\"tabs-slider tabs-slider-left\"\n    title=\"{{ 'Scroll to the left' | translate }}\"\n    type=\"button\"\n    #left\n    *ngIf=\"showLeft || showRight\"\n    [disabled]=\"!showLeft\"\n    (click)=\"scroll('left')\"\n  >\n    <i [c8yIcon]=\"'chevron-left'\"></i>\n  </button>\n  <button\n    class=\"tabs-slider tabs-slider-right\"\n    title=\"{{ 'Scroll to the right' | translate }}\"\n    type=\"button\"\n    #right\n    *ngIf=\"showRight || showLeft\"\n    [disabled]=\"!showRight\"\n    (click)=\"scroll('right')\"\n  >\n    <i [c8yIcon]=\"'chevron-right'\"></i>\n  </button>\n  <ng-container *ngIf=\"!outletName\">\n    <div\n      class=\"nav nav-tabs nav-tabsc8y\"\n      role=\"list\"\n      #tabsContainer\n    >\n      <ng-container *ngFor=\"let tab of tabs\">\n        <div\n          role=\"listitem\"\n          [ngClass]=\"{ active: rla?.isActive }\"\n          *ngIf=\"!tab.component && !tab.hide\"\n        >\n          <a\n            [routerLink]=\"tab.path\"\n            routerLinkActive\n            [queryParamsHandling]=\"'preserve'\"\n            #rla=\"routerLinkActive\"\n            [ngClass]=\"{ 'p-r-24': !tab.template && tab?.badge }\"\n            (click)=\"tab.onSelect?.emit()\"\n          >\n            <i\n              [c8yIcon]=\"tab?.icon\"\n              *ngIf=\"!tab.template && tab?.icon\"\n            ></i>\n            <span\n              title=\"{{ tab?.label | translate }}\"\n              *ngIf=\"!tab.template && !tab.component\"\n            >\n              {{ tab?.label | translate }}\n            </span>\n            <span\n              class=\"dashboard-template-marker\"\n              tooltip=\"{{ tab?.tooltipText | translate }}\"\n              placement=\"bottom\"\n              container=\"body\"\n              [adaptivePosition]=\"false\"\n              [delay]=\"300\"\n              *ngIf=\"!tab.template && tab?.badge\"\n            ></span>\n          </a>\n          <ng-container *ngTemplateOutlet=\"tab.template; injector: tab.injector\"></ng-container>\n        </div>\n        <ng-container *ngComponentOutlet=\"tab.component; injector: tab.injector\"></ng-container>\n      </ng-container>\n    </div>\n  </ng-container>\n\n  <div\n    class=\"component-tabs nav nav-tabs nav-tabsc8y\"\n    *ngIf=\"outletName\"\n    #tabsContainer\n  >\n    <ng-container *ngFor=\"let tab of tabs; trackBy: trackByPath\">\n      <div\n        [ngClass]=\"{ active: tab.isActive }\"\n        [routerLink]=\"tab.path\"\n        [routerLinkActive]=\"tab.path ? 'active' : ''\"\n        [queryParamsHandling]=\"'preserve'\"\n      >\n        <a\n          class=\"pointer\"\n          title=\"{{ tab?.label | translate }}\"\n          (click)=\"tab.onSelect?.emit()\"\n        >\n          <i [c8yIcon]=\"tab?.icon\"></i>\n          <span>\n            {{ tab?.label | translate }}\n          </span>\n        </a>\n      </div>\n    </ng-container>\n  </div>\n</div>\n\n<div\n  class=\"visible-xs mobile-tabs\"\n  *ngIf=\"!outletName\"\n>\n  <ul class=\"list-unstyled d-flex m-b-0\">\n    <li class=\"c8y-select-wrapper flex-grow\">\n      <select\n        (change)=\"navigateTo($event.target.value)\"\n        #select\n      >\n        <ng-container *ngFor=\"let tab of tabs\">\n          <option\n            *ngIf=\"!tab.component\"\n            [value]=\"tab.path\"\n            [selected]=\"isActive(tab)\"\n          >\n            {{ tab?.label | translate }}\n          </option>\n        </ng-container>\n      </select>\n    </li>\n    <ng-container *ngFor=\"let tab of tabs\">\n      <ng-container *ngIf=\"tab.component\">\n        <ng-container\n          *c8yComponentOutlet=\"tab.component; environmentInjector: tab.injector\"\n        ></ng-container>\n      </ng-container>\n    </ng-container>\n  </ul>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1$3.Router }, { type: i0.Renderer2 }, { type: HeaderService }, { type: TabsService }], propDecorators: { tabs: [{
                 type: Input
             }], orientation: [{
@@ -18079,8 +18100,9 @@ class BootstrapComponent {
         // Remotes in the URL are used in the development process.
         let remotes = PluginsResolveService.mergeRemotes([
             selfRemotes,
-            this.options?.remotes,
-            config?.remotes,
+            // if the config remotes are not present we fall back to the application remotes
+            config?.remotes || this.options?.remotes || {},
+            // url remotes should always be loaded
             this.pluginsResolve.loadUrlRemotes()
         ]);
         // remove remotes that are on the exclude list
@@ -18998,7 +19020,7 @@ class SelectKeyboardService {
         return list.changes.pipe(startWith$1(list), switchMap$1((items) => combineLatest([
             merge(fromEvent(input, 'keyup'), fromEvent(input, 'keydown')),
             of(items.toArray())
-        ])), map$2(([e, items]) => this.handleKeyboard(e, input, items, dropdown)), distinctUntilChanged$1(), takeUntil$1(this.destroyed$));
+        ])), map$1(([e, items]) => this.handleKeyboard(e, input, items, dropdown)), distinctUntilChanged$1(), takeUntil$1(this.destroyed$));
     }
     ngOnDestroy() {
         this.unregister();
@@ -22082,7 +22104,7 @@ class WebSDKPluginVersionFactory {
             const versionsBehindKey = modules.map(module => {
                 return {
                     label: `${contextPath} => ${module}`,
-                    version: version || 'unspecified',
+                    version: version || 'latest',
                     type: 'INSTALLED_MF_PLUGINS',
                     hidden: true,
                     custom: {
@@ -23148,7 +23170,7 @@ class DropAreaComponent {
         return maxFileSizeInMegaBytes * 1_048_576;
     }
     getFilesNamesAsString(files) {
-        return map$1(files, ({ name }) => name).join(', ');
+        return map$2(files, ({ name }) => name).join(', ');
     }
     isFilesArrayEmpty() {
         return get(this, 'files.length', 0) === 0;
@@ -24148,6 +24170,11 @@ var ViewContext;
     ViewContext["Service"] = "service/:id";
     ViewContext["DatapointLibrary"] = "datapointlibrary/:id";
     ViewContext["Simulators"] = "simulators/:id";
+    ViewContext["Alarms"] = "alarms/:id";
+    ViewContext["GroupAlarms"] = "group/:id/alarms/:id";
+    ViewContext["DeviceAlarms"] = "device/:id/alarms/:id";
+    ViewContext["ServiceAlarms"] = "service/:id/alarms/:id";
+    ViewContext["SimulatorsAlarms"] = "simulators/:id/alarms/:id";
 })(ViewContext || (ViewContext = {}));
 
 class RouterTabsResolver {
@@ -24158,39 +24185,84 @@ class RouterTabsResolver {
     get routerStateSnapshot() {
         return this.router.routerState.snapshot;
     }
-    resolve(route) {
-        const latestChildren = this.router.config.find(r => route.routeConfig.path === r.path).children;
-        return from(latestChildren || []).pipe(mergeMap((child) => from(this.getGuards(child)).pipe(map((guard) => guard.canActivate(route, this.routerStateSnapshot)), mergeMap((result) => {
+    resolve(currentRoute) {
+        const routeConfig = currentRoute.routeConfig;
+        const latestChildren = this.getLatestChildRoutes(routeConfig.rootContext);
+        return from(latestChildren || []).pipe(mergeMap((child) => from(this.getGuards(child)).pipe(map(canActivate => canActivate(currentRoute, this.routerStateSnapshot)), mergeMap((result) => {
             if (isObservable(result)) {
                 return result;
             }
-            if (result && typeof result.then === 'function') {
-                return from(result);
+            const resultAsPromise = result;
+            if (resultAsPromise && typeof resultAsPromise.then === 'function') {
+                return from(resultAsPromise);
             }
             return of(result);
         }), tap(result => {
             if (Array.isArray(result)) {
                 child.tabs = result;
             }
-        }), every$1(result => !!result), filter(result => result), mergeMap(() => (Array.isArray(child.tabs) ? from(child.tabs) : of(child))), map(result => result.label || result.path
-            ? {
-                label: result.label,
-                icon: result.icon,
-                path: `${decodeURIComponent(route.url.join('/'))}/${result.path}`,
-                priority: result.priority,
-                hide: result.hide,
-                badge: result.badge,
-                tooltipText: result.tooltipText,
-                featureId: result.featureId
+        }), every$1(result => !!result), filter(result => result), mergeMap(() => (Array.isArray(child.tabs) ? from(child.tabs) : of(child))), map(result => {
+            const url = this.getBaselUrl(currentRoute).join('/');
+            return result.label || result.path
+                ? {
+                    label: result.label,
+                    icon: result.icon,
+                    path: `/${decodeURIComponent(url)}/${result.path}`,
+                    priority: result.priority,
+                    hide: result.hide,
+                    badge: result.badge,
+                    tooltipText: result.tooltipText,
+                    featureId: result.featureId,
+                    tabsOutlet: result.tabsOutlet,
+                    showAlways: result.showAlways
+                }
+                : undefined;
+        }))), filter(tabs => !!tabs), toArray());
+    }
+    getBaselUrl(currentRoute) {
+        let prefix = [];
+        if (currentRoute.parent?.url.length > 0) {
+            prefix = this.getBaselUrl(currentRoute.parent);
+        }
+        return [...prefix, ...currentRoute.url];
+    }
+    getLatestChildRoutes(context) {
+        const thisContextRoute = this.findRootContextRoutes(this.router.config, context);
+        return thisContextRoute?.children || [];
+    }
+    findRootContextRoutes(routes, context) {
+        for (const route of routes) {
+            if (route.rootContext === context) {
+                return route;
             }
-            : undefined))), filter(tabs => !!tabs), toArray());
+            if (route.children) {
+                const childResult = this.findRootContextRoutes(route.children, context);
+                if (childResult) {
+                    return childResult;
+                }
+            }
+        }
+        return null;
     }
     getGuards(child) {
-        const guards = (child.canActivate || []).map(guard => {
-            return this.injector.get(guard);
+        const injector = child._injector || this.injector;
+        const canActivates = child.canActivate || [];
+        const guards = canActivates.map(guard => {
+            return ((route, state) => {
+                // for legacy CanActivate guards
+                const instance = this.injector.get(guard, null);
+                if (instance) {
+                    return instance.canActivate(route, state);
+                }
+                // for current CanActivateFn guards
+                const canActivate = guard;
+                return runInInjectionContext(injector, () => {
+                    return canActivate(route, state);
+                });
+            });
         });
         if (child.data && child.data.showIf) {
-            guards.push({ canActivate: child.data.showIf });
+            guards.push((route, state) => child.data.showIf(route, state));
         }
         return guards;
     }
@@ -24206,22 +24278,65 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
 
 class ViewContextServices {
     static { this.services = {
-        [ViewContext.Device]: InventoryService,
-        [ViewContext.Group]: InventoryService,
-        [ViewContext.User]: UserService,
-        [ViewContext.Application]: ApplicationService,
-        [ViewContext.Microservice]: ApplicationService,
-        [ViewContext.Extension]: ApplicationService,
-        [ViewContext.Feature]: ApplicationService,
-        [ViewContext.SubscribedApplications]: ApplicationService,
-        [ViewContext.Tenant]: TenantService,
-        [ViewContext.Report]: InventoryService,
-        [ViewContext.Service]: InventoryService,
-        [ViewContext.DatapointLibrary]: InventoryService,
-        [ViewContext.Simulators]: InventoryService
+        [ViewContext.Device]: { service: InventoryService, path: ViewContext.Device, autoRoute: true },
+        [ViewContext.Group]: { service: InventoryService, path: ViewContext.Group, autoRoute: true },
+        [ViewContext.User]: { service: UserService, path: ViewContext.User, autoRoute: true },
+        [ViewContext.Application]: {
+            service: ApplicationService,
+            path: ViewContext.Application,
+            autoRoute: true
+        },
+        [ViewContext.Microservice]: {
+            service: ApplicationService,
+            path: ViewContext.Microservice,
+            autoRoute: true
+        },
+        [ViewContext.Extension]: {
+            service: ApplicationService,
+            path: ViewContext.Extension,
+            autoRoute: true
+        },
+        [ViewContext.Feature]: {
+            service: ApplicationService,
+            path: ViewContext.Feature,
+            autoRoute: true
+        },
+        [ViewContext.SubscribedApplications]: {
+            service: ApplicationService,
+            path: ViewContext.SubscribedApplications,
+            autoRoute: true
+        },
+        [ViewContext.Tenant]: { service: TenantService, path: ViewContext.Tenant, autoRoute: true },
+        [ViewContext.Report]: { service: InventoryService, path: ViewContext.Report, autoRoute: true },
+        [ViewContext.Service]: {
+            service: InventoryService,
+            path: ViewContext.Service,
+            autoRoute: true
+        },
+        [ViewContext.DatapointLibrary]: {
+            service: InventoryService,
+            path: ViewContext.DatapointLibrary,
+            autoRoute: true
+        },
+        [ViewContext.Simulators]: {
+            service: InventoryService,
+            path: ViewContext.Simulators,
+            autoRoute: true
+        },
+        [ViewContext.Alarms]: { service: AlarmService, path: ':id', autoRoute: false },
+        [ViewContext.GroupAlarms]: { service: AlarmService, path: ':id', autoRoute: false },
+        [ViewContext.DeviceAlarms]: { service: AlarmService, path: ':id', autoRoute: false },
+        [ViewContext.SimulatorsAlarms]: { service: AlarmService, path: ':id', autoRoute: false },
+        [ViewContext.ServiceAlarms]: { service: AlarmService, path: ':id', autoRoute: false }
     }; }
     static contextToService(context) {
-        return ViewContextServices.services[context];
+        return ViewContextServices.services[context]?.service;
+    }
+    static getPath(context) {
+        return ViewContextServices.services[context]?.path;
+    }
+    static isAutoRoute(context) {
+        return ViewContextServices.services[context]?.autoRoute;
     }
 }
 
@@ -24233,8 +24348,8 @@ class ContextRouteService {
         this.apiService = apiService;
         this.injector = injector;
         this.lastAddedTabs = [];
-        this.refreshTrigger = new Subject();
         this.ID_REGEX = /([0-9]+)/;
+        this.refreshTrigger$ = new Subject();
         /**
          * Last context data snapshot
          */
@@ -24260,24 +24375,53 @@ class ContextRouteService {
         }
         return null;
     }
+    /**
+     * Returns a route for the given ContextData.
+     *
+     * @param contextData The ContextData object.
+     * @returns A route with the ids set correctly.
+     */
     getContextRoute(contextData) {
-        return contextData.context.replace(':id', contextData.contextData.id);
+        return contextData.context.replace(/:id/g, contextData.contextData.id);
+    }
+    /**
+     * Verifies if a given url is a view context route.
+     *
+     * @param url A route url.
+     * @param contextToCheck The view context(s) to check. If not provided, all contexts are checked.
+     * @returns true if the given url is a view context route.
+     */
+    isContextRoute(url, contextToCheck = []) {
+        const viewContexts = contextToCheck.length === 0 ? Object.values(ViewContext) : contextToCheck;
+        // replace all :id placeholders with a regex matcher for a number
+        const regexMatchers = viewContexts.map(context => `/${context.replace(/:id/g, '([0-9]+)')}`);
+        const matchingRegexContext = regexMatchers.find(context => new RegExp(context).test(url));
+        return !!matchingRegexContext;
     }
+    /**
+     * @deprecated: Use ScopedContextRouteService instead. Will be removed in 10.22
+     */
     init(route) {
         this.routerSubscription = this.router.events
             .pipe(filter(e => e instanceof NavigationEnd))
             .subscribe(() => this.redirectToFirstTab());
         this.dataSubscription = route.data
-            .pipe(merge$1(this.updatedContext(route), this.refreshTrigger), switchMap(() => this.tabsResolver.resolve(route.snapshot)))
+            .pipe(merge$1(this.updatedContext(route), this.refreshTrigger$), switchMap(() => this.tabsResolver.resolve(route.snapshot)))
             .subscribe(tabs => this.updateTabs(tabs));
     }
+    /**
+     * @deprecated: Use ScopedContextRouteService instead. Will be removed in 10.22
+     */
     destroy() {
         this.dataSubscription.unsubscribe();
         this.routerSubscription.unsubscribe();
         this.lastAddedTabs.forEach(t => this.tabsService.remove(t));
     }
+    /**
+     * Reloads all ViewContexts.
+     */
     refreshContext() {
-        this.refreshTrigger.next();
+        this.refreshTrigger$.next();
     }
     /**
      * Sets a new contextData in the ActivatedRoute.
@@ -24293,6 +24437,9 @@ class ContextRouteService {
         }
         data.contextData = { ...contextData };
     }
+    /**
+     * @deprecated: Use ScopedContextRouteService instead. Will be removed in 10.21
+     */
     updatedContext(route) {
         const { data } = route.snapshot;
         const serviceInstance = ViewContextServices.contextToService(data.context);
@@ -24372,6 +24519,237 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
                 }]
         }], ctorParameters: () => [{ type: RouterTabsResolver }, { type: TabsService }, { type: i1$3.Router }, { type: i4.ApiService }, { type: i0.Injector }] });
 
+/**
+ * A service which is injected into the context route component to handle the context data.
+ */
+class ScopedContextRouteService {
+    constructor(tabsResolver, tabsService, router, apiService, injector, destroyRef) {
+        this.tabsResolver = tabsResolver;
+        this.tabsService = tabsService;
+        this.router = router;
+        this.apiService = apiService;
+        this.injector = injector;
+        this.destroyRef = destroyRef;
+        this.lastAddedTabs = [];
+        this.refreshTrigger$ = new Subject();
+        this.ID_REGEX = /([0-9]+)/;
+    }
+    /**
+     * Indicates that the data is loading
+     * @returns An boolean observable which indicates if the data is loading.
+     */
+    isLoading$() {
+        return this.router.events.pipe(filter(e => (e instanceof ActivationStart || e instanceof ChildActivationEnd) &&
+            e.snapshot.routeConfig?.rootContext === this.currentContext), map(e => e instanceof ActivationStart), takeUntilDestroyed(this.destroyRef));
+    }
+    /**
+     * Initializes the context route.
+     * @param route The current activated route.
+     */
+    init(route) {
+        this.currentContext = route.routeConfig.rootContext;
+        if (!this.currentContext) {
+            throw new Error(`${ScopedContextRouteService.name} should not be used on a route without a rootContext`);
+        }
+        this.router.events
+            .pipe(filter(e => e instanceof ActivationEnd), takeUntilDestroyed(this.destroyRef))
+            .subscribe((e) => this.redirectToFirstTab(e));
+        route.data
+            .pipe(merge$1(this.updatedContext(route), this.refreshTrigger$), switchMap(() => this.tabsResolver.resolve(route.snapshot)), takeUntilDestroyed(this.destroyRef))
+            .subscribe(tabs => this.updateTabs(tabs));
+    }
+    /**
+     * Destroys the service.
+     */
+    ngOnDestroy() {
+        this.lastAddedTabs.forEach(t => this.tabsService.remove(t));
+    }
+    /**
+     * Refreshes the context.
+     */
+    refreshContext() {
+        this.refreshTrigger$.next();
+    }
+    /**
+     * Sets an API hook to refresh the contextData on changes.
+     * @param activatedRoute The current activated route.
+     */
+    updatedContext(route) {
+        const { data } = route.snapshot;
+        const serviceInstance = ViewContextServices.contextToService(data.context);
+        if (serviceInstance) {
+            const service = this.injector.get(serviceInstance);
+            const detailsUrlRegex = service
+                .getDetailUrl(data.contextData)
+                .replace(/\d+/g, '?\\d*');
+            const contextRegex = new RegExp(detailsUrlRegex, 'i');
+            const childrenRegex = new RegExp(`${detailsUrlRegex}/child`, 'i');
+            const filterResponse = ({ url, method }) => {
+                const contextChanged = contextRegex.test(url) && ['POST', 'PUT'].includes(method);
+                const childrenAffected = childrenRegex.test(url) && ['POST', 'DELETE'].includes(method);
+                return contextChanged || childrenAffected;
+            };
+            return this.apiService.hookResponse(filterResponse);
+        }
+        return NEVER;
+    }
+    updateTabs(tabs = []) {
+        this.lastAddedTabs.forEach(t => this.tabsService.remove(t));
+        this.lastAddedTabs = tabs;
+        tabs.forEach(t => this.tabsService.add(t));
+        this.redirectToFirstTab();
+    }
+    redirectToFirstTab(event) {
+        const currentQueryParams = this.router.routerState.snapshot.root.queryParams;
+        const queryParamsString = new URLSearchParams(currentQueryParams).toString();
+        const queryParamsSuffix = queryParamsString ? `?${queryParamsString}` : '';
+        if (event) {
+            if (this.needsRedirect(event)) {
+                const tab = this.tabsService.sortTabs(event.snapshot.data.tabs)?.[0];
+                if (!tab) {
+                    return;
+                }
+                const currentContextId = (this.router.url.match(this.ID_REGEX) || []).shift();
+                const tabPathId = (tab.path.match(this.ID_REGEX) || []).shift();
+                if (currentContextId === tabPathId) {
+                    this.router.navigateByUrl(`${tab.path}${queryParamsSuffix}`, {
+                        replaceUrl: true
+                    });
+                }
+            }
+        }
+        else {
+            const currentContextId = (this.router.url.match(this.ID_REGEX) || []).shift();
+            if (this.needsRedirectLegacy()) {
+                this.tabsService.firstTab$.pipe(filter((tab) => !!tab?.path)).subscribe((tab) => {
+                    const tabPathId = (tab.path.match(this.ID_REGEX) || []).shift();
+                    if (currentContextId === tabPathId) {
+                        this.router.navigateByUrl(`${tab.path}${queryParamsSuffix}`, { replaceUrl: true });
+                    }
+                });
+            }
+        }
+    }
+    needsRedirectLegacy() {
+        const tree = this.router.parseUrl(this.router.url);
+        const groups = tree.root.children[PRIMARY_OUTLET];
+        const context = this.getMatchingContextRoute(this.router.url);
+        if (!context) {
+            return groups.segments.length === 2;
+        }
+        return context.split('/').length === groups.segments.length;
+    }
+    needsRedirect(event) {
+        const contextRoute = event.snapshot.routeConfig;
+        if (!contextRoute.rootContext) {
+            return false;
+        }
+        const contextRouteFromUrl = this.getMatchingContextRoute(this.router.url);
+        return contextRoute.rootContext === contextRouteFromUrl;
+    }
+    getMatchingContextRoute(url) {
+        const viewContexts = Object.values(ViewContext);
+        // replace all :id placeholders with a regex matcher for a number
+        const regexMatchers = viewContexts.map(context => `^/${context.replace(/:id/g, '([0-9]+)')}(\\?.*)?$`);
+        const matchingRegexContext = regexMatchers.find(context => new RegExp(context).test(url));
+        return matchingRegexContext ? viewContexts[regexMatchers.indexOf(matchingRegexContext)] : null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ScopedContextRouteService, deps: [{ token: RouterTabsResolver }, { token: TabsService }, { token: i1$3.Router }, { token: i4.ApiService }, { token: i0.Injector }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ScopedContextRouteService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ScopedContextRouteService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: RouterTabsResolver }, { type: TabsService }, { type: i1$3.Router }, { type: i4.ApiService }, { type: i0.Injector }, { type: i0.DestroyRef }] });
+
+class ContextRouteComponent {
+    constructor(route, scopedContextRouteService, contextRouteService, destroyRef) {
+        this.route = route;
+        this.scopedContextRouteService = scopedContextRouteService;
+        this.contextRouteService = contextRouteService;
+        this.destroyRef = destroyRef;
+        this.isLoading$ = this.scopedContextRouteService.isLoading$();
+    }
+    ngOnInit() {
+        this.contextRouteService.refreshTrigger$
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe(() => {
+            this.refreshTabs();
+        });
+        this.scopedContextRouteService.init(this.route);
+    }
+    refreshTabs() {
+        this.scopedContextRouteService.refreshContext();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ContextRouteComponent, deps: [{ token: i1$3.ActivatedRoute }, { token: ScopedContextRouteService }, { token: ContextRouteService }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: ContextRouteComponent, selector: "c8y-context-route", providers: [ScopedContextRouteService], ngImport: i0, template: "<router-outlet *ngIf=\"!(isLoading$ | async); else loading\"></router-outlet>\n\n<ng-template #loading>\n  <div class=\"d-flex d-col a-i-center j-c-center fit-h\">\n    <c8y-loading></c8y-loading>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1$3.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: LoadingComponent, selector: "c8y-loading", inputs: ["layout", "progress", "message"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ContextRouteComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c8y-context-route', providers: [ScopedContextRouteService], template: "<router-outlet *ngIf=\"!(isLoading$ | async); else loading\"></router-outlet>\n\n<ng-template #loading>\n  <div class=\"d-flex d-col a-i-center j-c-center fit-h\">\n    <c8y-loading></c8y-loading>\n  </div>\n</ng-template>\n" }]
+        }], ctorParameters: () => [{ type: i1$3.ActivatedRoute }, { type: ScopedContextRouteService }, { type: ContextRouteService }, { type: i0.DestroyRef }] });
+
+class ContextRouteGuard {
+    constructor(injector) {
+        this.injector = injector;
+        this.caches = new Map();
+    }
+    canActivate(route) {
+        const id = route.paramMap.get('id');
+        const service = this.service(route);
+        this.clearDetailCached(service, id);
+        return this.detailCached(service, id).pipe(tap(contextData => {
+            Object.keys(route.data.contextData).forEach(key => delete route.data.contextData[key]);
+            Object.assign(route.data.contextData, contextData);
+        }), map(() => true), catchError(() => of(false)));
+    }
+    service(route) {
+        const serviceInstance = ViewContextServices.contextToService(route.data.context);
+        return this.injector.get(serviceInstance);
+    }
+    detailCached(service, id) {
+        if (id === 'new') {
+            return of(undefined);
+        }
+        const cache = this.getCache(service);
+        let cached = cache[id];
+        if (!cached) {
+            const params = service instanceof InventoryService ? { withChildren: false } : undefined;
+            cached = from(service.detail(id, params)).pipe(map(({ data }) => data), shareReplay(1));
+            cache[id] = cached;
+        }
+        return cached;
+    }
+    clearDetailCached(service, id) {
+        const cache = this.getCache(service);
+        delete cache[id];
+    }
+    getCache(service) {
+        let cache = this.caches.get(service);
+        if (!cache) {
+            cache = {};
+            this.caches.set(service, cache);
+        }
+        return cache;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ContextRouteGuard, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ContextRouteGuard, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ContextRouteGuard, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i0.Injector }] });
+
+class EmptyComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: EmptyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: EmptyComponent, selector: "empty", ngImport: i0, template: '', isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: EmptyComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'empty', template: '' }]
+        }] });
+
 /**
  * A hook to use for Multi Provider extension.
  * @deprecated Consider using the `hookRoute` function instead.
@@ -24474,16 +24852,17 @@ class RouterService extends ExtensionPointWithoutStateForPlugins {
         // Empty route needs to be last as of navigation to angularjs routes
         // if ** route hit, the angularjs routes are loaded.
         const emptyRoute = this.router.config.find(r => r.path === '**');
+        const rootContextRoutes = this.findAllRootContextRoutes([...this.router.config, ...routes]);
         this.router.resetConfig([
             ...this.router.config.filter(r => r.path !== '**'),
-            ...routes.map((r) => this.convertRoute(this.router.config, r)),
+            ...routes.map((r) => this.convertRoute(rootContextRoutes, r)),
             emptyRoute
         ].filter(Boolean));
     }
-    convertRoute(initialConfig, route) {
+    convertRoute(rootContextRoutes, route) {
         if (route.context) {
-            initialConfig.forEach((r) => {
-                if (r.data && r.data.context === route.context) {
+            rootContextRoutes.forEach((r) => {
+                if (r.rootContext === route.context) {
                     r.children = [route, ...(r.children || [])];
                 }
             });
@@ -24491,6 +24870,19 @@ class RouterService extends ExtensionPointWithoutStateForPlugins {
         }
         return route;
     }
+    findAllRootContextRoutes(routes) {
+        const result = [];
+        routes.forEach(route => {
+            if (route.rootContext) {
+                result.push(route);
+            }
+            if (route.children) {
+                const childRoutes = this.findAllRootContextRoutes(route.children);
+                result.push(...childRoutes);
+            }
+        });
+        return result;
+    }
     resolveRouterForChildRoutes(moduleRef, remoteNgModule) {
         // NOTE: stolen from lazy loaded routes from Angular itself.
         // https://github.com/angular/angular/blob/da58801f95c66c201e332189af25702bdd722f3f/packages/router/src/router_config_loader.ts#L103-L108
@@ -24513,90 +24905,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
                 }]
         }], ctorParameters: () => [{ type: i0.Injector }, { type: i1$3.Router }, { type: ContextRouteService }, { type: PluginsResolveService }, { type: OptionsService }] });
 
-class ContextRouteComponent {
-    constructor(route, contextRouteService) {
-        this.route = route;
-        this.contextRouteService = contextRouteService;
-    }
-    ngOnInit() {
-        this.contextRouteService.init(this.route);
-    }
-    ngOnDestroy() {
-        this.contextRouteService.destroy();
-    }
-    refreshTabs() {
-        this.contextRouteService.refreshContext();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ContextRouteComponent, deps: [{ token: i1$3.ActivatedRoute }, { token: ContextRouteService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: ContextRouteComponent, selector: "c8y-context-route", ngImport: i0, template: "<router-outlet></router-outlet>\n", dependencies: [{ kind: "directive", type: i1$3.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ContextRouteComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'c8y-context-route', template: "<router-outlet></router-outlet>\n" }]
-        }], ctorParameters: () => [{ type: i1$3.ActivatedRoute }, { type: ContextRouteService }] });
-
-class ContextRouteGuard {
-    constructor(injector) {
-        this.injector = injector;
-        this.caches = new Map();
-    }
-    canActivate(route) {
-        const id = route.paramMap.get('id');
-        const service = this.service(route);
-        this.clearDetailCached(service, id);
-        return this.detailCached(service, id).pipe(tap(contextData => {
-            Object.keys(route.data.contextData).forEach(key => delete route.data.contextData[key]);
-            Object.assign(route.data.contextData, contextData);
-        }), map(() => true), catchError(() => of(false)));
-    }
-    service(route) {
-        const serviceInstance = ViewContextServices.contextToService(route.data.context);
-        return this.injector.get(serviceInstance);
-    }
-    detailCached(service, id) {
-        if (id === 'new') {
-            return of(undefined);
-        }
-        const cache = this.getCache(service);
-        let cached = cache[id];
-        if (!cached) {
-            const params = service instanceof InventoryService ? { withChildren: false } : undefined;
-            cached = from(service.detail(id, params)).pipe(map(({ data }) => data), shareReplay(1));
-            cache[id] = cached;
-        }
-        return cached;
-    }
-    clearDetailCached(service, id) {
-        const cache = this.getCache(service);
-        delete cache[id];
-    }
-    getCache(service) {
-        let cache = this.caches.get(service);
-        if (!cache) {
-            cache = {};
-            this.caches.set(service, cache);
-        }
-        return cache;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ContextRouteGuard, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ContextRouteGuard, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ContextRouteGuard, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [{ type: i0.Injector }] });
-
-class EmptyComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: EmptyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: EmptyComponent, selector: "empty", ngImport: i0, template: '', isInline: true }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: EmptyComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'empty', template: '' }]
-        }] });
-
 const extraRoutes = [
     {
         path: 'users/new',
@@ -24607,17 +24915,21 @@ const extraRoutes = [
         component: EmptyComponent
     }
 ];
+const viewContextRoutes = [];
 // tslint:disable-next-line: forin
 for (const key in ViewContext) {
     const context = ViewContext[key];
-    extraRoutes.push({
-        path: context,
+    if (!ViewContextServices.isAutoRoute(context)) {
+        continue;
+    }
+    viewContextRoutes.push({
+        path: ViewContextServices.getPath(context),
+        rootContext: context,
         component: ContextRouteComponent,
         canActivate: [ContextRouteGuard],
         data: { context, contextData: {} },
         resolve: {
             tabs: RouterTabsResolver
-            // contextData: ContextRouteGuard
         }
     });
 }
@@ -24646,10 +24958,10 @@ class RouterModule {
         // initialNavigation disabled by default because of MTM-44047 (routes triggered before the actual login)
         config.initialNavigation = config.initialNavigation ?? 'disabled';
         config.useHash = config.useHash ?? true;
-        const ngRouterModule = RouterModule$1.forRoot([...routes, ...extraRoutes], config);
+        const ngRouterModule = RouterModule$1.forRoot([...routes, ...extraRoutes, ...viewContextRoutes], config);
         return {
             ngModule: RouterModule,
-            providers: [...ngRouterModule.providers]
+            providers: [...ngRouterModule.providers, ScopedContextRouteService]
         };
     }
     constructor(
@@ -24659,13 +24971,14 @@ class RouterModule {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: RouterModule, deps: [{ token: RouterService }], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: RouterModule, declarations: [ContextRouteComponent, EmptyComponent], imports: [RouterModule$1, HeaderModule, CommonModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: RouterModule, imports: [RouterModule$1, HeaderModule, CommonModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: RouterModule, providers: [ScopedContextRouteService], imports: [RouterModule$1, HeaderModule, CommonModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: RouterModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [ContextRouteComponent, EmptyComponent],
-                    imports: [RouterModule$1, HeaderModule, CommonModule]
+                    imports: [RouterModule$1, HeaderModule, CommonModule],
+                    providers: [ScopedContextRouteService]
                 }]
         }], ctorParameters: () => [{ type: RouterService }] });
 
@@ -31141,7 +31454,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
 
 class VisibleControlsPipe {
     transform(actionControls, arg) {
-        return defer(() => of(actionControls ?? [])).pipe(mergeMap$1(controls => forkJoin(controls.map(control => toObservable(!control.showIf || control.showIf(arg)).pipe(map$2(visible => ({ control, visible }))))).pipe(map$2(evaluatedControls => evaluatedControls.filter(ec => ec.visible).map(ec => ec.control)))), map$2(visible => values(groupBy(visible, 'type'))
+        return defer(() => of(actionControls ?? [])).pipe(mergeMap$1(controls => forkJoin(controls.map(control => toObservable(!control.showIf || control.showIf(arg)).pipe(map$1(visible => ({ control, visible }))))).pipe(map$1(evaluatedControls => evaluatedControls.filter(ec => ec.visible).map(ec => ec.control)))), map$1(visible => values(groupBy(visible, 'type'))
             .map((actionControls) => {
             if (actionControls?.length === 1) {
                 return actionControls[0];
@@ -34970,5 +35283,5 @@ function colorValidator(allowedModes) {
  * Generated bundle index. Do not edit.
  */
 
-export { ACTIONS_STEPPER, AGGREGATIONS, AGGREGATION_ICONS, AGGREGATION_LABELS, AGGREGATION_LIMITS, AGGREGATION_TEXTS, AGGREGATION_VALUES, AGGREGATION_VALUES_ARR, ARRAY_VALIDATION_PREFIX, ASSET_PATH, AbstractConfigurationStrategy, ActionBarComponent, ActionBarItemComponent, ActionBarModule, ActionBarService, ActionComponent, ActionControlsExtensionService, ActionModule, ActionOutletComponent, ActionService, AggregationService, AlarmRealtimeService, AlarmWithChildrenRealtimeService, AlertComponent, AlertDetailsComponent, AlertModule, AlertOutletBase, AlertOutletComponent, AlertService, AlertTextComponent, AppIconComponent, AppStateService, AppSwitcherComponent, AppSwitcherInlineComponent, AppSwitcherService, ApplicationModule, ApplicationPluginStatus, AssetLinkPipe, AssetTypesRealtimeService, AssetTypesService, AuditLogComponent, AuditLogModule, AuthenticationModule, BackendVersionFactory, BaseColumn, BaseFilteringFormRendererComponent, BooleanFilterMapper, BootstrapComponent, BootstrapModule, BottomDrawerComponent, BottomDrawerRef, BottomDrawerService, BreadcrumbComponent, BreadcrumbItemComponent, BreadcrumbModule, BreadcrumbOutletComponent, BreadcrumbService, BuiltInActionType, BytesPipe, C8yComponentOutlet, C8yJSONSchema, C8yStepper, C8yStepperButtons, C8yStepperIcon, C8yStepperProgress, C8yTranslateDirective, C8yTranslateModule, C8yTranslatePipe, C8yValidators, CUSTOM, CachedLocaleDictionaryService, CellRendererComponent, CellRendererContext, CellRendererDefDirective, ChangePasswordComponent, ClipboardModule, ClipboardService, ColorInputComponent, ColorService, ColumnDirective, CommonModule, ConditionalTabsOutletComponent, ConfigureCustomColumnComponent, ConfirmModalComponent, ContextRouteComponent, ContextRouteGuard, ContextRouteService, CookieBannerComponent, CopyDashboardDisabledReason, CoreModule, CoreSearchModule, CountdownIntervalComponent, CountdownIntervalModule, CredentialsComponent, CurrentPasswordModalComponent, CustomColumn, DATA_GRID_CONFIGURATION_CONTEXT, DATA_GRID_CONFIGURATION_CONTEXT_PROVIDER, DATA_GRID_CONFIGURATION_STRATEGY, DEFAULT_INTERVAL_STATE, DEFAULT_INTERVAL_VALUE, DEFAULT_INTERVAL_VALUES, DRAWER_ANIMATION_TIME, DashboardChildActionComponent, DashboardChildChange, DashboardChildComponent, DashboardChildTitleComponent, DashboardComponent, DashboardModule, DataGridComponent, DataGridModule, DataGridService, DatapointLibraryValidationErrors, DateContextQueryParamNames, DateFilterMapper, DatePickerComponent, DatePickerModule, DatePipe, DateTimePickerComponent, DateTimePickerModule, DefaultValidationDirective, DeviceBootstrapRealtimeService, DeviceService, DeviceStatusComponent, DeviceStatusModule, DismissAlertStrategy, DocsModule, DocsService, DrawerModule, DrawerOutletComponent, DrawerService, DropAreaComponent, DropAreaModule, DropdownDirectionDirective, DynamicBulkDetailsResolver, DynamicBulkIIdentifiedResolver, DynamicComponentAlert, DynamicComponentAlertAggregator, DynamicComponentAlertsComponent, DynamicComponentComponent, DynamicComponentErrorStrategy, DynamicComponentModule, DynamicComponentService, DynamicDatapointsResolver, DynamicFormsModule, DynamicManagedObjectResolver, DynamicResolverService, ES_MAX_TIME_MILLISECONDS, EmailsValidatorDirective, EmptyComponent, EmptyStateComponent, EmptyStateContextDirective, EventRealtimeService, ExpandableRowDirective, ExtensionPointForPlugins, ExtensionPointWithoutStateForPlugins, ExtractArrayValidationErrorsPipe, FilePickerComponent, FilePickerFormControlComponent, FilePickerFormControlModule, FilePickerModule, FilesService, FilterInputComponent, FilterMapperFactory, FilterMapperModule, FilterMapperPipe, FilterMapperService, FilterNonArrayValidationErrorsPipe, FilteringActionType, FilteringFormRendererComponent, FilteringFormRendererContext, FilteringFormRendererDefDirective, ForOfDirective, FormGroupComponent, FormsModule, GENERIC_FILE_TYPE, GLOBAL_CONTEXT_AUTO_REFRESH, GainsightService, GenericFileIconPipe, GeoService, GetGroupIconPipe, GlobalConfigService, GridDataSource, GroupFragment, GroupService, GroupedFilterChips, GuideDocsComponent, GuideHrefDirective, HOOK_ACTION, HOOK_ACTION_BAR, HOOK_BREADCRUMB, HOOK_COMPONENTS, HOOK_DOCS, HOOK_DYNAMIC_PROVIDER_CONFIG, HOOK_NAVIGATOR_NODES, HOOK_OPTIONS, HOOK_PATTERN_MESSAGES, HOOK_ROUTE, HOOK_SEARCH, HOOK_STEPPER, HOOK_TABS, HOOK_VERSION, HOOK_WIZARD, HeaderBarComponent, HeaderCellRendererDefDirective, HeaderModule, HeaderService, HelpComponent, HelpModule, HighlightComponent, HookProviderTypes, HumanizeAppNamePipe, HumanizePipe, HumanizeValidationMessagePipe, I18nModule, INTERVAL_OPTIONS, IconDirective, IfAllowedDirective, InjectionType, InputGroupListComponent, InputGroupListContainerDirective, InterAppService, IntervalBasedReload, InventorySearchService, IpRangeInputListComponent, JsonValidationPrettifierDirective, LANGUAGES, LAST_DAY, LAST_HOUR, LAST_MINUTE, LAST_MONTH, LAST_WEEK, LOCALE_PATH, LegacyGridConfigMapperService, LegendFieldWrapper, ListDisplaySwitchComponent, ListDisplaySwitchModule, ListGroupComponent, ListGroupModule, ListItemActionComponent, ListItemBodyComponent, ListItemCheckboxComponent, ListItemCollapseComponent, ListItemComponent, ListItemDragHandleComponent, ListItemFooterComponent, ListItemIconComponent, ListItemRadioComponent, ListItemTimelineComponent, LoadMoreComponent, LoadingComponent, LoginComponent, LoginModule, LoginService, LoginViews, MAX_PAGE_SIZE, MESSAGES_CORE_I18N, ManagedObjectRealtimeService, ManagedObjectType, MapFunctionPipe, MarkdownToHtmlPipe, MaxValidationDirective, MeasurementRealtimeService, MessageBannerService, MessageDirective, MessagesComponent, MinValidationDirective, MissingTranslationCustomHandler, MoNamePipe, ModalComponent, ModalModule, ModalSelectionMode, ModalService, NEEDED_ROLE_FOR_SETUP, NEW_DASHBOARD_QUERY_PARAM, NULL_VALUE_PLACEHOLDER, NUMBER_FORMAT_REGEXP, NameTransformPipe, NavigatorBottomModule, NavigatorIconComponent, NavigatorModule, NavigatorNode, NavigatorNodeComponent, NavigatorNodeRoot, NavigatorOutletComponent, NavigatorService, NavigatorTopModule, NewPasswordComponent, NumberPipe, OperationBulkRealtimeService, OperationRealtimeService, OperationResultComponent, OptionsService, OutletDirective, PRODUCT_EXPERIENCE_EVENT_SOURCE, PX_ACTIONS, PX_EVENT_NAME, PackageType, PasswordCheckListComponent, PasswordConfirm, PasswordConfirmModalComponent, PasswordInputComponent, PasswordService, PasswordStrengthCheckerService, PasswordStrengthComponent, PasswordStrengthValidatorDirective, PatternMessagesService, Permissions, PhoneValidationDirective, PlatformDetailsService, PluginsExportScopes, PluginsModule, PluginsResolveService, PluginsService, PopoverConfirmComponent, ProductExperienceDirective, ProductExperienceModule, ProgressBarComponent, PropertiesListComponent, PropertiesListModule, PropertyValueTransformService, ProvidePhoneNumberComponent, ProviderConfigurationComponent, ProviderConfigurationModule, ProviderConfigurationNodeFactory, ProviderConfigurationRouteFactory, ProviderConfigurationService, ProviderDefinitionsService, PushStatus, PushStatusLabels, QuickLinkComponent, QuickLinkModule, RESOLVING_COMPONENT_WAIT_TIME, RadioFilterMapper, RangeComponent, RangeDirective, RangeDisplayComponent, RangeDisplayModule, RealtimeButtonComponent, RealtimeMessage, RealtimeModule, RealtimeService, RealtimeSubjectService, RecoverPasswordComponent, RelativeTimePipe, RequiredInputPlaceholderDirective, RouterModule, RouterService, RouterTabsResolver, SETUP_FINISHED_STEP_ID, SearchComponent, SearchFilters, SearchInputComponent, SearchOutletComponent, SearchResultEmptyComponent, SearchService, SelectComponent, SelectFilterMapper, SelectItemDirective, SelectKeyboardService, SelectLegacyComponent, SelectModalComponent, SelectModalFilterPipe, SelectModalModule, SelectModule, SelectedItemsComponent, SelectedItemsDirective, SendStatus, SendStatusLabels, ServiceRegistry, SetupCompletedComponent, SetupComponent, SetupModule, SetupService, SetupState, SetupStepperFactory, ShortenUserNamePipe, ShouldShowMoPipe, ShowIfFilterPipe, SimpleJsonPathValidatorDirective, SkipLinkDirective, SmsChallengeComponent, StandalonePluginInjector, StateService, Status, StepperModule, StepperOutletComponent, StepperService, Steppers, StrengthValidatorService, StringFilterMapper, StringifyObjectPipe, SupportedApps, TabComponent, TabsModule, TabsOutletComponent, TabsService, TabsetAriaDirective, TenantUiService, TextAreaRowHeightDirective, TextareaAutoresizeDirective, ThemeSwitcherService, TimeIntervalComponent, TimePickerComponent, TimePickerModule, TitleComponent, TitleOutletComponent, TotpAuthComponent, TotpChallengeComponent, TotpSetupComponent, TranslateParserCustom, TranslateService, TranslationLoaderService, TypeaheadComponent, TypeaheadFilterMapper, UiSettingsComponent, UiSettingsModule, UniqueInCollectionByPathValidationDirective, UserEditComponent, UserEditModalComponent, UserEngagementsService, UserMenuItemComponent, UserMenuOutletComponent, UserMenuService, UserModule, UserNameInitialsPipe, UserPreferencesConfigurationStrategy, UserPreferencesService, UserPreferencesStorageInventory, UserPreferencesStorageLocal, UserTotpRevokeComponent, UserTotpSetupComponent, VERSION_MODULE_CONFIG, ValidationPattern, VersionListComponent, VersionModule, VersionService, ViewContext, ViewContextServices, VirtualScrollWindowDirective, VirtualScrollWindowStrategy, VirtualScrollerWrapperComponent, VisibleControlsPipe, WebSDKVersionFactory, WidgetGlobalAutoRefreshService, WidgetTimeContextActionBarPriority, WidgetTimeContextComponent, WidgetsDashboardComponent, WizardBodyComponent, WizardComponent, WizardFooterComponent, WizardHeaderComponent, WizardModalService, WizardModule, WizardOutletComponent, WizardService, ZipService, _virtualScrollWindowStrategyFactory, alertOnError, allEntriesAreEqual, asyncValidateArrayElements, colorValidator, deviceAvailabilityIconMap, extraRoutes, fromFactories, fromTrigger, fromTriggerOnce, getActivatedRoute, getAngularLocalesLanguageString, getBasicInputArrayFormFieldConfig, getDictionaryWithTrimmedKeys, getInjectedHooks, globalAutoRefreshLoading, hookAction, hookActionBar, hookBreadcrumb, hookComponent, hookDataGridActionControls, hookDocs, hookDrawer, hookDynamicProviderConfig, hookFilterMapper, hookGeneric, hookNavigator, hookOptions, hookPatternMessages, hookRoute, hookSearch, hookService, hookStepper, hookTab, hookVersion, hookWidget, hookWizard, initializeServices, internalApps, isEagerDynamicComponents, isExtensionFactory, isLazyDynamicComponents, isPromise, languagesFactory, loadLocale, localeId, localePathFactory, memoize, minColumnGridTrackSize, operationStatusClasses, operationStatusIcons, ratiosByColumnTypes, removeDuplicatesIds, resolveInjectedFactories, retryWithDelay, simpleJsonPathValidator, sortByPriority, stateToFactory, statusAlert, statusClasses, statusIcons, throttle, toObservable, toObservableOfArrays, tooltips, trimTranslationKey, uniqueInCollectionByPathValidator, validateArrayElements, wrapperLegendFieldConfig };
+export { ACTIONS_STEPPER, AGGREGATIONS, AGGREGATION_ICONS, AGGREGATION_LABELS, AGGREGATION_LIMITS, AGGREGATION_TEXTS, AGGREGATION_VALUES, AGGREGATION_VALUES_ARR, ARRAY_VALIDATION_PREFIX, ASSET_PATH, AbstractConfigurationStrategy, ActionBarComponent, ActionBarItemComponent, ActionBarModule, ActionBarService, ActionComponent, ActionControlsExtensionService, ActionModule, ActionOutletComponent, ActionService, AggregationService, AlarmRealtimeService, AlarmWithChildrenRealtimeService, AlertComponent, AlertDetailsComponent, AlertModule, AlertOutletBase, AlertOutletComponent, AlertService, AlertTextComponent, AppIconComponent, AppStateService, AppSwitcherComponent, AppSwitcherInlineComponent, AppSwitcherService, ApplicationModule, ApplicationPluginStatus, AssetLinkPipe, AssetTypesRealtimeService, AssetTypesService, AuditLogComponent, AuditLogModule, AuthenticationModule, BackendVersionFactory, BaseColumn, BaseFilteringFormRendererComponent, BooleanFilterMapper, BootstrapComponent, BootstrapModule, BottomDrawerComponent, BottomDrawerRef, BottomDrawerService, BreadcrumbComponent, BreadcrumbItemComponent, BreadcrumbModule, BreadcrumbOutletComponent, BreadcrumbService, BuiltInActionType, BytesPipe, C8yComponentOutlet, C8yJSONSchema, C8yStepper, C8yStepperButtons, C8yStepperIcon, C8yStepperProgress, C8yTranslateDirective, C8yTranslateModule, C8yTranslatePipe, C8yValidators, CUSTOM, CachedLocaleDictionaryService, CellRendererComponent, CellRendererContext, CellRendererDefDirective, ChangePasswordComponent, ClipboardModule, ClipboardService, ColorInputComponent, ColorService, ColumnDirective, CommonModule, ConditionalTabsOutletComponent, ConfigureCustomColumnComponent, ConfirmModalComponent, ContextRouteComponent, ContextRouteGuard, ContextRouteService, CookieBannerComponent, CopyDashboardDisabledReason, CoreModule, CoreSearchModule, CountdownIntervalComponent, CountdownIntervalModule, CredentialsComponent, CurrentPasswordModalComponent, CustomColumn, DATA_GRID_CONFIGURATION_CONTEXT, DATA_GRID_CONFIGURATION_CONTEXT_PROVIDER, DATA_GRID_CONFIGURATION_STRATEGY, DEFAULT_INTERVAL_STATE, DEFAULT_INTERVAL_VALUE, DEFAULT_INTERVAL_VALUES, DRAWER_ANIMATION_TIME, DashboardChildActionComponent, DashboardChildChange, DashboardChildComponent, DashboardChildTitleComponent, DashboardComponent, DashboardModule, DataGridComponent, DataGridModule, DataGridService, DatapointLibraryValidationErrors, DateContextQueryParamNames, DateFilterMapper, DatePickerComponent, DatePickerModule, DatePipe, DateTimePickerComponent, DateTimePickerModule, DefaultValidationDirective, DeviceBootstrapRealtimeService, DeviceService, DeviceStatusComponent, DeviceStatusModule, DismissAlertStrategy, DocsModule, DocsService, DrawerModule, DrawerOutletComponent, DrawerService, DropAreaComponent, DropAreaModule, DropdownDirectionDirective, DynamicBulkDetailsResolver, DynamicBulkIIdentifiedResolver, DynamicComponentAlert, DynamicComponentAlertAggregator, DynamicComponentAlertsComponent, DynamicComponentComponent, DynamicComponentErrorStrategy, DynamicComponentModule, DynamicComponentService, DynamicDatapointsResolver, DynamicFormsModule, DynamicManagedObjectResolver, DynamicResolverService, ES_MAX_TIME_MILLISECONDS, EmailsValidatorDirective, EmptyComponent, EmptyStateComponent, EmptyStateContextDirective, EventRealtimeService, ExpandableRowDirective, ExtensionPointForPlugins, ExtensionPointWithoutStateForPlugins, ExtractArrayValidationErrorsPipe, FilePickerComponent, FilePickerFormControlComponent, FilePickerFormControlModule, FilePickerModule, FilesService, FilterInputComponent, FilterMapperFactory, FilterMapperModule, FilterMapperPipe, FilterMapperService, FilterNonArrayValidationErrorsPipe, FilteringActionType, FilteringFormRendererComponent, FilteringFormRendererContext, FilteringFormRendererDefDirective, ForOfDirective, FormGroupComponent, FormsModule, GENERIC_FILE_TYPE, GLOBAL_CONTEXT_AUTO_REFRESH, GainsightService, GenericFileIconPipe, GeoService, GetGroupIconPipe, GlobalConfigService, GridDataSource, GroupFragment, GroupService, GroupedFilterChips, GuideDocsComponent, GuideHrefDirective, HOOK_ACTION, HOOK_ACTION_BAR, HOOK_BREADCRUMB, HOOK_COMPONENTS, HOOK_DOCS, HOOK_DYNAMIC_PROVIDER_CONFIG, HOOK_NAVIGATOR_NODES, HOOK_OPTIONS, HOOK_PATTERN_MESSAGES, HOOK_ROUTE, HOOK_SEARCH, HOOK_STEPPER, HOOK_TABS, HOOK_VERSION, HOOK_WIZARD, HeaderBarComponent, HeaderCellRendererDefDirective, HeaderModule, HeaderService, HelpComponent, HelpModule, HighlightComponent, HookProviderTypes, HumanizeAppNamePipe, HumanizePipe, HumanizeValidationMessagePipe, I18nModule, INTERVAL_OPTIONS, IconDirective, IfAllowedDirective, InjectionType, InputGroupListComponent, InputGroupListContainerDirective, InterAppService, IntervalBasedReload, InventorySearchService, IpRangeInputListComponent, JsonValidationPrettifierDirective, LANGUAGES, LAST_DAY, LAST_HOUR, LAST_MINUTE, LAST_MONTH, LAST_WEEK, LOCALE_PATH, LegacyGridConfigMapperService, LegendFieldWrapper, ListDisplaySwitchComponent, ListDisplaySwitchModule, ListGroupComponent, ListGroupModule, ListItemActionComponent, ListItemBodyComponent, ListItemCheckboxComponent, ListItemCollapseComponent, ListItemComponent, ListItemDragHandleComponent, ListItemFooterComponent, ListItemIconComponent, ListItemRadioComponent, ListItemTimelineComponent, LoadMoreComponent, LoadingComponent, LoginComponent, LoginModule, LoginService, LoginViews, MAX_PAGE_SIZE, MESSAGES_CORE_I18N, ManagedObjectRealtimeService, ManagedObjectType, MapFunctionPipe, MarkdownToHtmlPipe, MaxValidationDirective, MeasurementRealtimeService, MessageBannerService, MessageDirective, MessagesComponent, MinValidationDirective, MissingTranslationCustomHandler, MoNamePipe, ModalComponent, ModalModule, ModalSelectionMode, ModalService, NEEDED_ROLE_FOR_SETUP, NEW_DASHBOARD_QUERY_PARAM, NULL_VALUE_PLACEHOLDER, NUMBER_FORMAT_REGEXP, NameTransformPipe, NavigatorBottomModule, NavigatorIconComponent, NavigatorModule, NavigatorNode, NavigatorNodeComponent, NavigatorNodeRoot, NavigatorOutletComponent, NavigatorService, NavigatorTopModule, NewPasswordComponent, NumberPipe, OperationBulkRealtimeService, OperationRealtimeService, OperationResultComponent, OptionsService, OutletDirective, PRODUCT_EXPERIENCE_EVENT_SOURCE, PX_ACTIONS, PX_EVENT_NAME, PackageType, PasswordCheckListComponent, PasswordConfirm, PasswordConfirmModalComponent, PasswordInputComponent, PasswordService, PasswordStrengthCheckerService, PasswordStrengthComponent, PasswordStrengthValidatorDirective, PatternMessagesService, Permissions, PhoneValidationDirective, PlatformDetailsService, PluginLoadedPipe, PluginsExportScopes, PluginsModule, PluginsResolveService, PluginsService, PopoverConfirmComponent, ProductExperienceDirective, ProductExperienceModule, ProgressBarComponent, PropertiesListComponent, PropertiesListModule, PropertyValueTransformService, ProvidePhoneNumberComponent, ProviderConfigurationComponent, ProviderConfigurationModule, ProviderConfigurationNodeFactory, ProviderConfigurationRouteFactory, ProviderConfigurationService, ProviderDefinitionsService, PushStatus, PushStatusLabels, QuickLinkComponent, QuickLinkModule, RESOLVING_COMPONENT_WAIT_TIME, RadioFilterMapper, RangeComponent, RangeDirective, RangeDisplayComponent, RangeDisplayModule, RealtimeButtonComponent, RealtimeMessage, RealtimeModule, RealtimeService, RealtimeSubjectService, RecoverPasswordComponent, RelativeTimePipe, RequiredInputPlaceholderDirective, RouterModule, RouterService, RouterTabsResolver, SETUP_FINISHED_STEP_ID, SearchComponent, SearchFilters, SearchInputComponent, SearchOutletComponent, SearchResultEmptyComponent, SearchService, SelectComponent, SelectFilterMapper, SelectItemDirective, SelectKeyboardService, SelectLegacyComponent, SelectModalComponent, SelectModalFilterPipe, SelectModalModule, SelectModule, SelectedItemsComponent, SelectedItemsDirective, SendStatus, SendStatusLabels, ServiceRegistry, SetupCompletedComponent, SetupComponent, SetupModule, SetupService, SetupState, SetupStepperFactory, ShortenUserNamePipe, ShouldShowMoPipe, ShowIfFilterPipe, SimpleJsonPathValidatorDirective, SkipLinkDirective, SmsChallengeComponent, StandalonePluginInjector, StateService, Status, StepperModule, StepperOutletComponent, StepperService, Steppers, StrengthValidatorService, StringFilterMapper, StringifyObjectPipe, SupportedApps, TabComponent, TabsModule, TabsOutletComponent, TabsService, TabsetAriaDirective, TenantUiService, TextAreaRowHeightDirective, TextareaAutoresizeDirective, ThemeSwitcherService, TimeIntervalComponent, TimePickerComponent, TimePickerModule, TitleComponent, TitleOutletComponent, TotpAuthComponent, TotpChallengeComponent, TotpSetupComponent, TranslateParserCustom, TranslateService, TranslationLoaderService, TypeaheadComponent, TypeaheadFilterMapper, UiSettingsComponent, UiSettingsModule, UniqueInCollectionByPathValidationDirective, UserEditComponent, UserEditModalComponent, UserEngagementsService, UserMenuItemComponent, UserMenuOutletComponent, UserMenuService, UserModule, UserNameInitialsPipe, UserPreferencesConfigurationStrategy, UserPreferencesService, UserPreferencesStorageInventory, UserPreferencesStorageLocal, UserTotpRevokeComponent, UserTotpSetupComponent, VERSION_MODULE_CONFIG, ValidationPattern, VersionListComponent, VersionModule, VersionService, ViewContext, ViewContextServices, VirtualScrollWindowDirective, VirtualScrollWindowStrategy, VirtualScrollerWrapperComponent, VisibleControlsPipe, WebSDKVersionFactory, WidgetGlobalAutoRefreshService, WidgetTimeContextActionBarPriority, WidgetTimeContextComponent, WidgetsDashboardComponent, WizardBodyComponent, WizardComponent, WizardFooterComponent, WizardHeaderComponent, WizardModalService, WizardModule, WizardOutletComponent, WizardService, ZipService, _virtualScrollWindowStrategyFactory, alertOnError, allEntriesAreEqual, asyncValidateArrayElements, colorValidator, deviceAvailabilityIconMap, extraRoutes, fromFactories, fromTrigger, fromTriggerOnce, getActivatedRoute, getAngularLocalesLanguageString, getBasicInputArrayFormFieldConfig, getDictionaryWithTrimmedKeys, getInjectedHooks, globalAutoRefreshLoading, hookAction, hookActionBar, hookBreadcrumb, hookComponent, hookDataGridActionControls, hookDocs, hookDrawer, hookDynamicProviderConfig, hookFilterMapper, hookGeneric, hookNavigator, hookOptions, hookPatternMessages, hookRoute, hookSearch, hookService, hookStepper, hookTab, hookVersion, hookWidget, hookWizard, initializeServices, internalApps, isEagerDynamicComponents, isExtensionFactory, isLazyDynamicComponents, isPromise, languagesFactory, loadLocale, localeId, localePathFactory, memoize, minColumnGridTrackSize, operationStatusClasses, operationStatusIcons, ratiosByColumnTypes, removeDuplicatesIds, resolveInjectedFactories, retryWithDelay, simpleJsonPathValidator, sortByPriority, stateToFactory, statusAlert, statusClasses, statusIcons, throttle, toObservable, toObservableOfArrays, tooltips, trimTranslationKey, uniqueInCollectionByPathValidator, validateArrayElements, viewContextRoutes, wrapperLegendFieldConfig };
 //# sourceMappingURL=c8y-ngx-components.mjs.map