@c8y/ngx-components 1021.22.67 → 1021.22.69

package/fesm2022/c8y-ngx-components.mjs

@@ -4,7 +4,7 @@ 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$2, find, negate, upperFirst, memoize as memoize$1, property, some, entries, omitBy, isDate, orderBy, flatMap, isEmpty, filter as filter$2, 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 { 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, flatMap, orderBy, isEmpty, filter as filter$2, 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, filter as filter$1, tap as tap$1, 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';
@@ -9438,157 +9438,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
             args: [{ providedIn: 'root' }]
         }] });
 
-/**
- * Abstract class representing an interval reload functionality.
- * This class provides methods and properties for managing an interval-based reload mechanism.
- */
-class IntervalBasedReload {
-    /**
-     * Stops the countdown and triggers a refresh action.
-     * This function is responsible for halting the countdown interval component's operation.
-     * After stopping the countdown, it emits an `onCountdownEnded` event.
-     * This event is used to inform external components that the countdown has ended,
-     * typically prompting them to reload or refresh their data.
-     */
-    autoRefreshList() {
-        if (this.isIntervalRefreshToggleOn && this.isAutoRefreshEnabled) {
-            this.countdownIntervalComponent.stop();
-        }
-        this.onCountdownEnded.emit();
-    }
-    /**
-     * Manages the countdown timer's visibility and state in response to user scrolling.
-     *
-     * This method toggles the countdown timer based on the user's scrolling behavior. It uses
-     * the `disableCountdown` and `enableCountdown` methods for handling the countdown state.
-     *
-     * - If the user is scrolling down while the countdown is visible (`isScrolling` is true and
-     *   `hideCountdown` is false), `disableCountdown` is called to stop and hide the countdown,
-     *   and `isIntervalRefreshToggleOn` is set to false.
-     *
-     * - If the user has stopped scrolling, the countdown subscription is closed, and the countdown
-     *   is hidden (`!isScrolling`, `countdownSubscription?.closed`, `hideCountdown`), `enableCountdown`
-     *   is called to show and restart the countdown, and `isIntervalRefreshToggleOn` is set to true.
-     */
-    handleScrolling() {
-        // Checks if the user has scrolled down while the countdown is visible
-        const onUserScrollDownHide = this.isScrolling && !this.hideCountdown;
-        if (onUserScrollDownHide) {
-            this.disableCountdown();
-            this.isIntervalRefreshToggleOn = false;
-            return;
-        }
-        // Checks if the user has stopped scrolling and the countdown is currently hidden
-        const onUserScrollTopShow = !this.isScrolling && this.countdownSubscription?.closed && this.hideCountdown;
-        if (onUserScrollTopShow) {
-            this.isIntervalRefreshToggleOn = true;
-            this.enableCountdown();
-        }
-    }
-    /**
-     * Handles the toggle state of the countdown on button click.
-     *
-     * This method is triggered by a mouse event, typically a click on the countdown toggle button.
-     * It toggles `isIntervalRefreshToggleOn` to reflect the current state of the countdown timer.
-     *
-     * - If `isIntervalRefreshToggleOn` is set to false, indicating that the countdown should be stopped,
-     *   `disableCountdown` is called, and `manuallyDisabledCountdown` is set to true.
-     *
-     * - If `isIntervalRefreshToggleOn` is true and the countdown subscription is closed, indicating that
-     *   the countdown can be started, `enableCountdown` is called, and `manuallyDisabledCountdown`
-     *   is set to false.
-     *
-     * @param $event - The MouseEvent that triggered this method.
-     */
-    onToggleCountdownButtonState($event) {
-        $event.preventDefault();
-        this.isIntervalRefreshToggleOn = !this.isRefreshDisabled && !this.isIntervalRefreshToggleOn;
-        this.updateCountdownButtonTooltipText();
-        if (!this.isIntervalRefreshToggleOn) {
-            this.disableCountdown();
-            this.manuallyDisabledCountdown = true;
-            return;
-        }
-        const onRefreshToggleOn = this.isIntervalRefreshToggleOn && this.countdownSubscription.closed;
-        if (onRefreshToggleOn) {
-            this.enableCountdown();
-            this.manuallyDisabledCountdown = false;
-        }
-    }
-    /**
-     * This function listens for changes in the `isLoading` observable, filtering out any truthy values.
-     * Once a falsy value is detected (indicating that loading has finished), it attempts to start the countdown.
-     *
-     * IMPORTANT: If the widget's configuration (refreshInterval, check template) is not set prior to executing countdownIntervalComponent?.start,
-     * the countdown interval will not start!
-     *
-     * @param injector - The injector used to provide necessary dependencies
-     *                   within the `runInInjectionContext`.
-     */
-    startCountdown() {
-        this.countdownSubscription = this.isLoading
-            .pipe(filter$1(isLoading => !Boolean(isLoading)), tap$1(() => {
-            this.countdownIntervalComponent?.start();
-        }))
-            .subscribe();
-    }
-    /**
-     * Disables and hides the countdown timer.
-     *
-     * This method stops the ongoing countdown process by
-     * stopping the `countdownIntervalComponent` if it exists. It then hides the countdown timer
-     * by setting `hideCountdown` to true. This method encapsulates the logic required to halt and
-     * conceal the countdown timer.
-     */
-    disableCountdown() {
-        this.countdownSubscription.unsubscribe();
-        this.countdownIntervalComponent?.stop();
-        this.hideCountdown = true;
-    }
-}
-
-class AppSwitcherService {
-    constructor(ui) {
-        this.ui = ui;
-        this.visibleApplicationTypes = ['HOSTED', 'EXTERNAL'];
-        const { currentTenant } = this.ui;
-        this.appsOfCurrentUser$ = this.ui.currentAppsOfUser.pipe(map(apps => this.filterVisible(apps)), shareReplay(1));
-        this.oneCloudApps$ = this.appsOfCurrentUser$.pipe(map(apps => apps.filter(app => this.isCloudApp(app))), map(cloudApps => this.orderApps(cloudApps)), shareReplay(1));
-        const nonCloudApps$ = this.appsOfCurrentUser$.pipe(map(apps => apps.filter(app => !this.isCloudApp(app))));
-        this.apps$ = combineLatest([nonCloudApps$, currentTenant]).pipe(map(([apps, tenant]) => this.filterDuplicates(apps, tenant)), map(apps => this.orderApps(apps)), shareReplay(1));
-        this.finishedLoading$ = combineLatest([this.apps$, this.oneCloudApps$]).pipe(map(() => true), take(1), shareReplay(1));
-    }
-    filterVisible(apps) {
-        return apps.filter(app => this.visibleApplicationTypes.includes(app.type) &&
-            !app.noAppSwitcher &&
-            !this.isPackage(app) &&
-            !get(app, 'manifest.noAppSwitcher'));
-    }
-    isPackage(app) {
-        return !!app.manifest?.isPackage;
-    }
-    isCloudApp(app) {
-        return !!app.cloud;
-    }
-    filterDuplicates(apps, tenant) {
-        // Filter out apps that have duplicate contextpaths and are not own owned by the current tenant;
-        const filterFn = app => !apps.some(otherApp => app !== otherApp &&
-            app.contextPath &&
-            app.contextPath === otherApp.contextPath &&
-            app.owner.tenant.id !== tenant.name);
-        return apps.filter(filterFn);
-    }
-    orderApps(apps) {
-        return orderBy(apps, ({ name }) => name.toLowerCase());
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: AppSwitcherService, deps: [{ token: AppStateService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: AppSwitcherService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: AppSwitcherService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: AppStateService }] });
-
 /**
  * This service is handling the cookie banner and cookie preferences related logic.
  */
@@ -10219,199 +10068,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
                 args: ['click']
             }] } });
 
-class AppIconComponent {
-    constructor(options) {
-        this.options = options;
-        /** Application name. */
-        this.name = '';
-        this.model = this.emptyModel();
-        this.c8yAppIconsList = {
-            analyticsbuilder: 'analytics-builder',
-            'analytics-builder': 'analytics-builder',
-            cockpit: 'cockpit',
-            devicemanagement: 'device-management',
-            administration: 'administration',
-            apamaepl: 'apama-epl'
-        };
-        this.white = false;
-        this.defaultIconStyle = {
-            'background-repeat': 'no-repeat',
-            'background-size': 'contain',
-            'background-position': 'center',
-            'aspect-ratio': '1'
-        };
-        this.faIconMatch = /fa-/;
-        this.c8yMatch = /^c8y-/;
-        this.dltC8yMatch = /^dlt-c8y-/;
-    }
-    ngOnInit() {
-        this.loadSetup();
-    }
-    ngOnChanges() {
-        this.loadSetup();
-    }
-    emptyModel() {
-        return {
-            appIcon: '',
-            configIcon: '',
-            showIcon: true,
-            iconClass: ['c8y-icon'],
-            appNameAbbr: '',
-            iconStyle: {}
-        };
-    }
-    isC8y(icon) {
-        return this.c8yMatch.test(icon);
-    }
-    isFaIcon(icon) {
-        return this.faIconMatch.test(icon);
-    }
-    isDltC8y(icon) {
-        return this.dltC8yMatch.test(icon);
-    }
-    loadSetup() {
-        this.model = this.emptyModel();
-        this.model.configIcon = this.getPropertyFromAppOrOptions(['config', 'icon']);
-        if (!this.model.configIcon) {
-            this.model.appIcon = this.iconFromAppDefinition();
-            const iconUrl = this.iconUrlFromAppDefinition();
-            if (iconUrl) {
-                this.model.iconStyle = Object.assign({ 'background-image': iconUrl }, this.defaultIconStyle);
-            }
-            else if (!this.model.appIcon) {
-                // only set static icon if no icon is set in the app definition
-                this.model.appIcon = this.findStaticIcon();
-            }
-        }
-        this.model.showIcon =
-            !!this.model.appIcon || !isEmpty(this.model.iconStyle) || !!this.model.configIcon;
-        this.model.iconClass = [
-            'c8y-icon',
-            this.mapFontAwesomeToDelightIcons(this.model.appIcon),
-            this.white ? 'c8y-icon-white' : 'c8y-icon-duocolor',
-            !isEmpty(this.model.iconStyle) ? 'app-img-icon' : ''
-        ].filter(c => !!c);
-        const name = this.name || this.app?.name || '';
-        this.model.appNameAbbr = name.substring(0, 2);
-    }
-    iconFromAppDefinition() {
-        return (this.getPropertyFromAppOrOptions(['icon', 'class']) ||
-            this.getPropertyFromAppOrOptions(['manifest', 'icon', 'class']));
-    }
-    iconUrlFromAppDefinition() {
-        return this.getPropertyFromAppOrOptions(['icon', 'url']);
-    }
-    getPropertyFromAppOrOptions(path) {
-        const app = this.app || this.options;
-        return get(app, ['manifest', ...path]) || get(app, path);
-    }
-    findStaticIcon() {
-        const contextPath = this.contextPath || this.name || this.app?.contextPath || this.app?.name;
-        if (!contextPath) {
-            return undefined;
-        }
-        const appContextPathNormalized = find(keys(this.c8yAppIconsList), cp => {
-            return contextPath.indexOf(cp) > -1;
-        });
-        const appIcon = this.c8yAppIconsList[appContextPathNormalized];
-        return appIcon ? `c8y-icon-${appIcon}` : undefined;
-    }
-    mapFontAwesomeToDelightIcons(iconClasses) {
-        if (!iconClasses) {
-            return;
-        }
-        if (this.isFaIcon(iconClasses)) {
-            const regex = /fa-/gi;
-            return iconClasses.replace(regex, 'dlt-c8y-icon-');
-        }
-        return this.isC8y(iconClasses) || this.isDltC8y(iconClasses)
-            ? iconClasses
-            : `dlt-c8y-icon-${iconClasses}`;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: AppIconComponent, deps: [{ token: OptionsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: AppIconComponent, isStandalone: true, selector: "c8y-app-icon", inputs: { contextPath: "contextPath", name: "name", app: "app" }, host: { classAttribute: "c8y-app-icon" }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"model.showIcon; else noIcon\">\n  <i\n    [ngStyle]=\"model.iconStyle\"\n    *ngIf=\"!model.configIcon\"\n    [ngClass]=\"model.iconClass\"\n  ></i>\n  <i\n    [c8yIcon]=\"model.configIcon\"\n    *ngIf=\"model.configIcon\"\n  ></i>\n</ng-container>\n\n<ng-template #noIcon>\n  <span class=\"app-noicon\">{{ model.appNameAbbr }}</span>\n</ng-template>\n", dependencies: [{ kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: AppIconComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'c8y-app-icon', host: { class: 'c8y-app-icon' }, standalone: true, imports: [IconDirective, NgStyle, NgIf, NgClass], template: "<ng-container *ngIf=\"model.showIcon; else noIcon\">\n  <i\n    [ngStyle]=\"model.iconStyle\"\n    *ngIf=\"!model.configIcon\"\n    [ngClass]=\"model.iconClass\"\n  ></i>\n  <i\n    [c8yIcon]=\"model.configIcon\"\n    *ngIf=\"model.configIcon\"\n  ></i>\n</ng-container>\n\n<ng-template #noIcon>\n  <span class=\"app-noicon\">{{ model.appNameAbbr }}</span>\n</ng-template>\n" }]
-        }], ctorParameters: () => [{ type: OptionsService }], propDecorators: { contextPath: [{
-                type: Input
-            }], name: [{
-                type: Input
-            }], app: [{
-                type: Input
-            }] } });
-
-class AppHrefPipe {
-    constructor(applications) {
-        this.applications = applications;
-        this.dynamicOptionsUrlKey = 'dynamicOptionsUrl';
-    }
-    transform(app, addDynamicOptionsUrlIfSet = false) {
-        let href = this.applications.getHref(app);
-        if (!addDynamicOptionsUrlIfSet) {
-            return href;
-        }
-        const searchParams = new URLSearchParams(window.location.search);
-        const dynamicOptionsUrlValue = searchParams.get(this.dynamicOptionsUrlKey);
-        if (!dynamicOptionsUrlValue) {
-            return href;
-        }
-        if (!href.endsWith('/')) {
-            href += '/';
-        }
-        href += `index.html?${searchParams.toString()}`;
-        return href;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: AppHrefPipe, deps: [{ token: i1.ApplicationService }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: AppHrefPipe, name: "appHref" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: AppHrefPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'appHref'
-                }]
-        }], ctorParameters: () => [{ type: i1.ApplicationService }] });
-
-class IsActiveAppPipe {
-    constructor(ui) {
-        this.ui = ui;
-    }
-    transform(app) {
-        const { contextPath } = app;
-        return this.ui.state$.pipe(map(state => get(state, 'app.contextPath')), distinctUntilChanged(), map(currentContextPath => contextPath === currentContextPath));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IsActiveAppPipe, deps: [{ token: AppStateService }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: IsActiveAppPipe, name: "isActiveApp" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IsActiveAppPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'isActiveApp'
-                }]
-        }], ctorParameters: () => [{ type: AppStateService }] });
-
-class AppSwitcherInlineComponent {
-    constructor(switcherService) {
-        this.switcherService = switcherService;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: AppSwitcherInlineComponent, deps: [{ token: AppSwitcherService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: AppSwitcherInlineComponent, selector: "c8y-app-switcher-inline", ngImport: i0, template: "<div\n  class=\"d-flex a-i-center j-c-center p-4\"\n  *ngIf=\"!(switcherService.finishedLoading$ | async)\"\n>\n  <c8y-loading></c8y-loading>\n</div>\n<ng-container *ngIf=\"switcherService.oneCloudApps$ | async as oneCloudApps\">\n  <div\n    class=\"app-switcher-sagcloud\"\n    *ngIf=\"oneCloudApps.length > 0\"\n  >\n    <a\n      class=\"appLink\"\n      title=\"{{ app.name | humanizeAppName | async }}\"\n      *ngFor=\"let app of oneCloudApps\"\n      [href]=\"app | appHref\"\n      c8yProductExperience\n      [actionName]=\"'appSwitched'\"\n      [actionData]=\"{ applicationName: app && app.name }\"\n    >\n      <c8y-app-icon\n        [app]=\"app\"\n        [name]=\"app.name\"\n        [contextPath]=\"app.contextPath\"\n      ></c8y-app-icon>\n      <span class=\"text-truncate-wrap\">{{ app | humanizeAppName | async }}</span>\n    </a>\n  </div>\n</ng-container>\n<div\n  class=\"app-switcher\"\n  *ngIf=\"switcherService.apps$ | async as apps\"\n>\n  <a\n    class=\"appLink\"\n    title=\"{{ app.name | humanizeAppName | async }}\"\n    [ngClass]=\"(app | isActiveApp | async) ? 'active' : ''\"\n    *ngFor=\"let app of apps\"\n    [href]=\"app | appHref : true\"\n    [rel]=\"app.type === 'EXTERNAL' ? 'noopener noreferrer' : ''\"\n    c8yProductExperience\n    [actionName]=\"'appSwitched'\"\n    [actionData]=\"{ applicationName: app && app.name }\"\n  >\n    <c8y-app-icon\n      [app]=\"app\"\n      [name]=\"app.name\"\n      [contextPath]=\"app.contextPath\"\n    ></c8y-app-icon>\n    <span class=\"text-truncate-wrap\">{{ app | humanizeAppName | async }}</span>\n  </a>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: LoadingComponent, selector: "c8y-loading", inputs: ["layout", "progress", "message"] }, { kind: "directive", type: ProductExperienceDirective, selector: "[c8yProductExperience]", inputs: ["actionName", "actionData", "inherit", "suppressDataOverriding"] }, { kind: "component", type: AppIconComponent, selector: "c8y-app-icon", inputs: ["contextPath", "name", "app"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: HumanizeAppNamePipe, name: "humanizeAppName" }, { kind: "pipe", type: AppHrefPipe, name: "appHref" }, { kind: "pipe", type: IsActiveAppPipe, name: "isActiveApp" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: AppSwitcherInlineComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'c8y-app-switcher-inline', template: "<div\n  class=\"d-flex a-i-center j-c-center p-4\"\n  *ngIf=\"!(switcherService.finishedLoading$ | async)\"\n>\n  <c8y-loading></c8y-loading>\n</div>\n<ng-container *ngIf=\"switcherService.oneCloudApps$ | async as oneCloudApps\">\n  <div\n    class=\"app-switcher-sagcloud\"\n    *ngIf=\"oneCloudApps.length > 0\"\n  >\n    <a\n      class=\"appLink\"\n      title=\"{{ app.name | humanizeAppName | async }}\"\n      *ngFor=\"let app of oneCloudApps\"\n      [href]=\"app | appHref\"\n      c8yProductExperience\n      [actionName]=\"'appSwitched'\"\n      [actionData]=\"{ applicationName: app && app.name }\"\n    >\n      <c8y-app-icon\n        [app]=\"app\"\n        [name]=\"app.name\"\n        [contextPath]=\"app.contextPath\"\n      ></c8y-app-icon>\n      <span class=\"text-truncate-wrap\">{{ app | humanizeAppName | async }}</span>\n    </a>\n  </div>\n</ng-container>\n<div\n  class=\"app-switcher\"\n  *ngIf=\"switcherService.apps$ | async as apps\"\n>\n  <a\n    class=\"appLink\"\n    title=\"{{ app.name | humanizeAppName | async }}\"\n    [ngClass]=\"(app | isActiveApp | async) ? 'active' : ''\"\n    *ngFor=\"let app of apps\"\n    [href]=\"app | appHref : true\"\n    [rel]=\"app.type === 'EXTERNAL' ? 'noopener noreferrer' : ''\"\n    c8yProductExperience\n    [actionName]=\"'appSwitched'\"\n    [actionData]=\"{ applicationName: app && app.name }\"\n  >\n    <c8y-app-icon\n      [app]=\"app\"\n      [name]=\"app.name\"\n      [contextPath]=\"app.contextPath\"\n    ></c8y-app-icon>\n    <span class=\"text-truncate-wrap\">{{ app | humanizeAppName | async }}</span>\n  </a>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: AppSwitcherService }] });
-
-class AppSwitcherComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: AppSwitcherComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: AppSwitcherComponent, selector: "c8y-app-switcher", ngImport: i0, template: "<div\n  class=\"app-switcher-dropdown\"\n  dropdown\n  #appSwitcherDropdown=\"bs-dropdown\"\n  [cdkTrapFocus]=\"appSwitcherDropdown.isOpen\"\n>\n  <button\n    class=\"main-header-button c8y-dropdown dropdown-toggle\"\n    title=\"{{ 'Application switcher' | translate }}\"\n    id=\"appSwitcherDropdown\"\n    type=\"button\"\n    dropdownToggle\n  >\n    <i\n      class=\"icon-2x\"\n      c8yIcon=\"th\"\n    ></i>\n  </button>\n  <div\n    class=\"app-switcher-dropdown-menu dropdown-menu\"\n    aria-labelledby=\"appSwitcherDropdown\"\n    role=\"group\"\n    *dropdownMenu\n  >\n    <c8y-app-switcher-inline></c8y-app-switcher-inline>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "directive", type: i2$2.BsDropdownMenuDirective, selector: "[bsDropdownMenu],[dropdownMenu]", exportAs: ["bs-dropdown-menu"] }, { kind: "directive", type: i2$2.BsDropdownToggleDirective, selector: "[bsDropdownToggle],[dropdownToggle]", exportAs: ["bs-dropdown-toggle"] }, { kind: "directive", type: i2$2.BsDropdownDirective, selector: "[bsDropdown], [dropdown]", inputs: ["placement", "triggers", "container", "dropup", "autoClose", "isAnimated", "insideClick", "isDisabled", "isOpen"], outputs: ["isOpenChange", "onShown", "onHidden"], exportAs: ["bs-dropdown"] }, { kind: "directive", type: i3$1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: AppSwitcherInlineComponent, selector: "c8y-app-switcher-inline" }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: AppSwitcherComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'c8y-app-switcher', template: "<div\n  class=\"app-switcher-dropdown\"\n  dropdown\n  #appSwitcherDropdown=\"bs-dropdown\"\n  [cdkTrapFocus]=\"appSwitcherDropdown.isOpen\"\n>\n  <button\n    class=\"main-header-button c8y-dropdown dropdown-toggle\"\n    title=\"{{ 'Application switcher' | translate }}\"\n    id=\"appSwitcherDropdown\"\n    type=\"button\"\n    dropdownToggle\n  >\n    <i\n      class=\"icon-2x\"\n      c8yIcon=\"th\"\n    ></i>\n  </button>\n  <div\n    class=\"app-switcher-dropdown-menu dropdown-menu\"\n    aria-labelledby=\"appSwitcherDropdown\"\n    role=\"group\"\n    *dropdownMenu\n  >\n    <c8y-app-switcher-inline></c8y-app-switcher-inline>\n  </div>\n</div>\n" }]
-        }] });
-
 class UserEngagementsService {
     constructor(document, userPreferencesService, gainsightService) {
         this.document = document;
@@ -10643,6 +10299,396 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
                 }]
         }], ctorParameters: () => [{ type: AppStateService }, { type: GainsightService }, { type: CookieBannerService }, { type: UserEngagementsService }] });
 
+const PRODUCT_EXPERIENCE_INTERVAL_BASED_RELOAD = {
+    EVENTS: {
+        INTERVAL_BASED_RELOAD: 'intervalBasedReload'
+    },
+    COMPONENTS: {
+        ALARM_WIDGET_ALARM_RELOAD: 'alarm-widget-alarms-reload',
+        DATAPOINTS_RELOAD: 'datapoints-reload'
+    },
+    ACTIONS: {
+        MANUALLY_CHANGED_COUNTDOWN_STATE: 'manuallyChangedCountdownState'
+    },
+    RESULT: {
+        MANUALLY_PAUSED_COUNTDOWN: 'manuallyPausedCountdown',
+        MANUALLY_RESUMED_COUNTDOWN: 'manuallyResumedCountdown'
+    }
+};
+const WIDGET_TYPE_VALUES = {
+    ALARMS: 'alarms',
+    DATA_POINTS_TABLE: 'dataPointsTable'
+};
+/**
+ * Abstract class representing an interval reload functionality.
+ * This class provides methods and properties for managing an interval-based reload mechanism.
+ */
+class IntervalBasedReload {
+    constructor() {
+        this.gainsightService = inject(GainsightService);
+    }
+    /**
+     * Stops the countdown and triggers a refresh action.
+     * This function is responsible for halting the countdown interval component's operation.
+     * After stopping the countdown, it emits an `onCountdownEnded` event.
+     * This event is used to inform external components that the countdown has ended,
+     * typically prompting them to reload or refresh their data.
+     */
+    autoRefreshList() {
+        if (this.isIntervalRefreshToggleOn && this.isAutoRefreshEnabled) {
+            this.countdownIntervalComponent.stop();
+        }
+        this.onCountdownEnded.emit();
+    }
+    /**
+     * Manages the countdown timer's visibility and state in response to user scrolling.
+     *
+     * This method toggles the countdown timer based on the user's scrolling behavior. It uses
+     * the `disableCountdown` and `enableCountdown` methods for handling the countdown state.
+     *
+     * - If the user is scrolling down while the countdown is visible (`isScrolling` is true and
+     *   `hideCountdown` is false), `disableCountdown` is called to stop and hide the countdown,
+     *   and `isIntervalRefreshToggleOn` is set to false.
+     *
+     * - If the user has stopped scrolling, the countdown subscription is closed, and the countdown
+     *   is hidden (`!isScrolling`, `countdownSubscription?.closed`, `hideCountdown`), `enableCountdown`
+     *   is called to show and restart the countdown, and `isIntervalRefreshToggleOn` is set to true.
+     */
+    handleScrolling() {
+        // Checks if the user has scrolled down while the countdown is visible
+        const onUserScrollDownHide = this.isScrolling && !this.hideCountdown;
+        if (onUserScrollDownHide) {
+            this.disableCountdown();
+            this.isIntervalRefreshToggleOn = false;
+            return;
+        }
+        // Checks if the user has stopped scrolling and the countdown is currently hidden
+        const onUserScrollTopShow = !this.isScrolling && this.countdownSubscription?.closed && this.hideCountdown;
+        if (onUserScrollTopShow) {
+            this.isIntervalRefreshToggleOn = true;
+            this.enableCountdown();
+        }
+    }
+    /**
+     * Handles the toggle state of the countdown on button click.
+     *
+     * This method is triggered by a mouse event, typically a click on the countdown toggle button.
+     * It toggles `isIntervalRefreshToggleOn` to reflect the current state of the countdown timer.
+     *
+     * - If `isIntervalRefreshToggleOn` is set to false, indicating that the countdown should be stopped,
+     *   `disableCountdown` is called, and `manuallyDisabledCountdown` is set to true.
+     *
+     * - If `isIntervalRefreshToggleOn` is true and the countdown subscription is closed, indicating that
+     *   the countdown can be started, `enableCountdown` is called, and `manuallyDisabledCountdown`
+     *   is set to false.
+     *
+     * @param $event - The MouseEvent that triggered this method.
+     * @param widgetType - The type of the widget that triggered the event
+     */
+    onToggleCountdownButtonState($event, widgetType) {
+        $event.preventDefault();
+        this.isIntervalRefreshToggleOn = !this.isRefreshDisabled && !this.isIntervalRefreshToggleOn;
+        this.updateCountdownButtonTooltipText();
+        if (!this.isIntervalRefreshToggleOn) {
+            this.disableCountdown();
+            this.manuallyDisabledCountdown = true;
+            this.triggerGainsightEvent(widgetType, PRODUCT_EXPERIENCE_INTERVAL_BASED_RELOAD.ACTIONS.MANUALLY_CHANGED_COUNTDOWN_STATE, PRODUCT_EXPERIENCE_INTERVAL_BASED_RELOAD.RESULT.MANUALLY_PAUSED_COUNTDOWN);
+            return;
+        }
+        const onRefreshToggleOn = this.isIntervalRefreshToggleOn && this.countdownSubscription.closed;
+        if (onRefreshToggleOn) {
+            this.enableCountdown();
+            this.manuallyDisabledCountdown = false;
+            this.triggerGainsightEvent(widgetType, PRODUCT_EXPERIENCE_INTERVAL_BASED_RELOAD.ACTIONS.MANUALLY_CHANGED_COUNTDOWN_STATE, PRODUCT_EXPERIENCE_INTERVAL_BASED_RELOAD.RESULT.MANUALLY_RESUMED_COUNTDOWN);
+        }
+    }
+    /**
+     * This function listens for changes in the `isLoading` observable, filtering out any truthy values.
+     * Once a falsy value is detected (indicating that loading has finished), it attempts to start the countdown.
+     *
+     * IMPORTANT: If the widget's configuration (refreshInterval, check template) is not set prior to executing countdownIntervalComponent?.start,
+     * the countdown interval will not start!
+     *
+     * @param injector - The injector used to provide necessary dependencies
+     *                   within the `runInInjectionContext`.
+     */
+    startCountdown() {
+        this.countdownSubscription = this.isLoading
+            .pipe(filter$1(isLoading => !Boolean(isLoading)), tap$1(() => {
+            this.countdownIntervalComponent?.start();
+        }))
+            .subscribe();
+    }
+    /**
+     * Disables and hides the countdown timer.
+     *
+     * This method stops the ongoing countdown process by
+     * stopping the `countdownIntervalComponent` if it exists. It then hides the countdown timer
+     * by setting `hideCountdown` to true. This method encapsulates the logic required to halt and
+     * conceal the countdown timer.
+     */
+    disableCountdown() {
+        this.countdownSubscription.unsubscribe();
+        this.countdownIntervalComponent?.stop();
+        this.hideCountdown = true;
+    }
+    triggerGainsightEvent(widgetType, action, result) {
+        if (widgetType) {
+            this.gainsightService.triggerEvent(PRODUCT_EXPERIENCE_INTERVAL_BASED_RELOAD.EVENTS.INTERVAL_BASED_RELOAD, {
+                action,
+                result,
+                component: this.determineComponentName(widgetType),
+                widget: widgetType
+            });
+        }
+    }
+    determineComponentName(widgetType) {
+        switch (widgetType) {
+            case WIDGET_TYPE_VALUES.ALARMS:
+                return PRODUCT_EXPERIENCE_INTERVAL_BASED_RELOAD.COMPONENTS.ALARM_WIDGET_ALARM_RELOAD;
+            case WIDGET_TYPE_VALUES.DATA_POINTS_TABLE:
+                return PRODUCT_EXPERIENCE_INTERVAL_BASED_RELOAD.COMPONENTS.DATAPOINTS_RELOAD;
+            default:
+                return '';
+        }
+    }
+}
+
+class AppSwitcherService {
+    constructor(ui) {
+        this.ui = ui;
+        this.visibleApplicationTypes = ['HOSTED', 'EXTERNAL'];
+        const { currentTenant } = this.ui;
+        this.appsOfCurrentUser$ = this.ui.currentAppsOfUser.pipe(map(apps => this.filterVisible(apps)), shareReplay(1));
+        this.oneCloudApps$ = this.appsOfCurrentUser$.pipe(map(apps => apps.filter(app => this.isCloudApp(app))), map(cloudApps => this.orderApps(cloudApps)), shareReplay(1));
+        const nonCloudApps$ = this.appsOfCurrentUser$.pipe(map(apps => apps.filter(app => !this.isCloudApp(app))));
+        this.apps$ = combineLatest([nonCloudApps$, currentTenant]).pipe(map(([apps, tenant]) => this.filterDuplicates(apps, tenant)), map(apps => this.orderApps(apps)), shareReplay(1));
+        this.finishedLoading$ = combineLatest([this.apps$, this.oneCloudApps$]).pipe(map(() => true), take(1), shareReplay(1));
+    }
+    filterVisible(apps) {
+        return apps.filter(app => this.visibleApplicationTypes.includes(app.type) &&
+            !app.noAppSwitcher &&
+            !this.isPackage(app) &&
+            !get(app, 'manifest.noAppSwitcher'));
+    }
+    isPackage(app) {
+        return !!app.manifest?.isPackage;
+    }
+    isCloudApp(app) {
+        return !!app.cloud;
+    }
+    filterDuplicates(apps, tenant) {
+        // Filter out apps that have duplicate contextpaths and are not own owned by the current tenant;
+        const filterFn = app => !apps.some(otherApp => app !== otherApp &&
+            app.contextPath &&
+            app.contextPath === otherApp.contextPath &&
+            app.owner.tenant.id !== tenant.name);
+        return apps.filter(filterFn);
+    }
+    orderApps(apps) {
+        return orderBy(apps, ({ name }) => name.toLowerCase());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: AppSwitcherService, deps: [{ token: AppStateService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: AppSwitcherService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: AppSwitcherService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: AppStateService }] });
+
+class AppIconComponent {
+    constructor(options) {
+        this.options = options;
+        /** Application name. */
+        this.name = '';
+        this.model = this.emptyModel();
+        this.c8yAppIconsList = {
+            analyticsbuilder: 'analytics-builder',
+            'analytics-builder': 'analytics-builder',
+            cockpit: 'cockpit',
+            devicemanagement: 'device-management',
+            administration: 'administration',
+            apamaepl: 'apama-epl'
+        };
+        this.white = false;
+        this.defaultIconStyle = {
+            'background-repeat': 'no-repeat',
+            'background-size': 'contain',
+            'background-position': 'center',
+            'aspect-ratio': '1'
+        };
+        this.faIconMatch = /fa-/;
+        this.c8yMatch = /^c8y-/;
+        this.dltC8yMatch = /^dlt-c8y-/;
+    }
+    ngOnInit() {
+        this.loadSetup();
+    }
+    ngOnChanges() {
+        this.loadSetup();
+    }
+    emptyModel() {
+        return {
+            appIcon: '',
+            configIcon: '',
+            showIcon: true,
+            iconClass: ['c8y-icon'],
+            appNameAbbr: '',
+            iconStyle: {}
+        };
+    }
+    isC8y(icon) {
+        return this.c8yMatch.test(icon);
+    }
+    isFaIcon(icon) {
+        return this.faIconMatch.test(icon);
+    }
+    isDltC8y(icon) {
+        return this.dltC8yMatch.test(icon);
+    }
+    loadSetup() {
+        this.model = this.emptyModel();
+        this.model.configIcon = this.getPropertyFromAppOrOptions(['config', 'icon']);
+        if (!this.model.configIcon) {
+            this.model.appIcon = this.iconFromAppDefinition();
+            const iconUrl = this.iconUrlFromAppDefinition();
+            if (iconUrl) {
+                this.model.iconStyle = Object.assign({ 'background-image': iconUrl }, this.defaultIconStyle);
+            }
+            else if (!this.model.appIcon) {
+                // only set static icon if no icon is set in the app definition
+                this.model.appIcon = this.findStaticIcon();
+            }
+        }
+        this.model.showIcon =
+            !!this.model.appIcon || !isEmpty(this.model.iconStyle) || !!this.model.configIcon;
+        this.model.iconClass = [
+            'c8y-icon',
+            this.mapFontAwesomeToDelightIcons(this.model.appIcon),
+            this.white ? 'c8y-icon-white' : 'c8y-icon-duocolor',
+            !isEmpty(this.model.iconStyle) ? 'app-img-icon' : ''
+        ].filter(c => !!c);
+        const name = this.name || this.app?.name || '';
+        this.model.appNameAbbr = name.substring(0, 2);
+    }
+    iconFromAppDefinition() {
+        return (this.getPropertyFromAppOrOptions(['icon', 'class']) ||
+            this.getPropertyFromAppOrOptions(['manifest', 'icon', 'class']));
+    }
+    iconUrlFromAppDefinition() {
+        return this.getPropertyFromAppOrOptions(['icon', 'url']);
+    }
+    getPropertyFromAppOrOptions(path) {
+        const app = this.app || this.options;
+        return get(app, ['manifest', ...path]) || get(app, path);
+    }
+    findStaticIcon() {
+        const contextPath = this.contextPath || this.name || this.app?.contextPath || this.app?.name;
+        if (!contextPath) {
+            return undefined;
+        }
+        const appContextPathNormalized = find(keys(this.c8yAppIconsList), cp => {
+            return contextPath.indexOf(cp) > -1;
+        });
+        const appIcon = this.c8yAppIconsList[appContextPathNormalized];
+        return appIcon ? `c8y-icon-${appIcon}` : undefined;
+    }
+    mapFontAwesomeToDelightIcons(iconClasses) {
+        if (!iconClasses) {
+            return;
+        }
+        if (this.isFaIcon(iconClasses)) {
+            const regex = /fa-/gi;
+            return iconClasses.replace(regex, 'dlt-c8y-icon-');
+        }
+        return this.isC8y(iconClasses) || this.isDltC8y(iconClasses)
+            ? iconClasses
+            : `dlt-c8y-icon-${iconClasses}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: AppIconComponent, deps: [{ token: OptionsService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: AppIconComponent, isStandalone: true, selector: "c8y-app-icon", inputs: { contextPath: "contextPath", name: "name", app: "app" }, host: { classAttribute: "c8y-app-icon" }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"model.showIcon; else noIcon\">\n  <i\n    [ngStyle]=\"model.iconStyle\"\n    *ngIf=\"!model.configIcon\"\n    [ngClass]=\"model.iconClass\"\n  ></i>\n  <i\n    [c8yIcon]=\"model.configIcon\"\n    *ngIf=\"model.configIcon\"\n  ></i>\n</ng-container>\n\n<ng-template #noIcon>\n  <span class=\"app-noicon\">{{ model.appNameAbbr }}</span>\n</ng-template>\n", dependencies: [{ kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: AppIconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c8y-app-icon', host: { class: 'c8y-app-icon' }, standalone: true, imports: [IconDirective, NgStyle, NgIf, NgClass], template: "<ng-container *ngIf=\"model.showIcon; else noIcon\">\n  <i\n    [ngStyle]=\"model.iconStyle\"\n    *ngIf=\"!model.configIcon\"\n    [ngClass]=\"model.iconClass\"\n  ></i>\n  <i\n    [c8yIcon]=\"model.configIcon\"\n    *ngIf=\"model.configIcon\"\n  ></i>\n</ng-container>\n\n<ng-template #noIcon>\n  <span class=\"app-noicon\">{{ model.appNameAbbr }}</span>\n</ng-template>\n" }]
+        }], ctorParameters: () => [{ type: OptionsService }], propDecorators: { contextPath: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], app: [{
+                type: Input
+            }] } });
+
+class AppHrefPipe {
+    constructor(applications) {
+        this.applications = applications;
+        this.dynamicOptionsUrlKey = 'dynamicOptionsUrl';
+    }
+    transform(app, addDynamicOptionsUrlIfSet = false) {
+        let href = this.applications.getHref(app);
+        if (!addDynamicOptionsUrlIfSet) {
+            return href;
+        }
+        const searchParams = new URLSearchParams(window.location.search);
+        const dynamicOptionsUrlValue = searchParams.get(this.dynamicOptionsUrlKey);
+        if (!dynamicOptionsUrlValue) {
+            return href;
+        }
+        if (!href.endsWith('/')) {
+            href += '/';
+        }
+        href += `index.html?${searchParams.toString()}`;
+        return href;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: AppHrefPipe, deps: [{ token: i1.ApplicationService }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: AppHrefPipe, name: "appHref" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: AppHrefPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'appHref'
+                }]
+        }], ctorParameters: () => [{ type: i1.ApplicationService }] });
+
+class IsActiveAppPipe {
+    constructor(ui) {
+        this.ui = ui;
+    }
+    transform(app) {
+        const { contextPath } = app;
+        return this.ui.state$.pipe(map(state => get(state, 'app.contextPath')), distinctUntilChanged(), map(currentContextPath => contextPath === currentContextPath));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IsActiveAppPipe, deps: [{ token: AppStateService }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: IsActiveAppPipe, name: "isActiveApp" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IsActiveAppPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'isActiveApp'
+                }]
+        }], ctorParameters: () => [{ type: AppStateService }] });
+
+class AppSwitcherInlineComponent {
+    constructor(switcherService) {
+        this.switcherService = switcherService;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: AppSwitcherInlineComponent, deps: [{ token: AppSwitcherService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: AppSwitcherInlineComponent, selector: "c8y-app-switcher-inline", ngImport: i0, template: "<div\n  class=\"d-flex a-i-center j-c-center p-4\"\n  *ngIf=\"!(switcherService.finishedLoading$ | async)\"\n>\n  <c8y-loading></c8y-loading>\n</div>\n<ng-container *ngIf=\"switcherService.oneCloudApps$ | async as oneCloudApps\">\n  <div\n    class=\"app-switcher-sagcloud\"\n    *ngIf=\"oneCloudApps.length > 0\"\n  >\n    <a\n      class=\"appLink\"\n      title=\"{{ app.name | humanizeAppName | async }}\"\n      *ngFor=\"let app of oneCloudApps\"\n      [href]=\"app | appHref\"\n      c8yProductExperience\n      [actionName]=\"'appSwitched'\"\n      [actionData]=\"{ applicationName: app && app.name }\"\n    >\n      <c8y-app-icon\n        [app]=\"app\"\n        [name]=\"app.name\"\n        [contextPath]=\"app.contextPath\"\n      ></c8y-app-icon>\n      <span class=\"text-truncate-wrap\">{{ app | humanizeAppName | async }}</span>\n    </a>\n  </div>\n</ng-container>\n<div\n  class=\"app-switcher\"\n  *ngIf=\"switcherService.apps$ | async as apps\"\n>\n  <a\n    class=\"appLink\"\n    title=\"{{ app.name | humanizeAppName | async }}\"\n    [ngClass]=\"(app | isActiveApp | async) ? 'active' : ''\"\n    *ngFor=\"let app of apps\"\n    [href]=\"app | appHref : true\"\n    [rel]=\"app.type === 'EXTERNAL' ? 'noopener noreferrer' : ''\"\n    c8yProductExperience\n    [actionName]=\"'appSwitched'\"\n    [actionData]=\"{ applicationName: app && app.name }\"\n  >\n    <c8y-app-icon\n      [app]=\"app\"\n      [name]=\"app.name\"\n      [contextPath]=\"app.contextPath\"\n    ></c8y-app-icon>\n    <span class=\"text-truncate-wrap\">{{ app | humanizeAppName | async }}</span>\n  </a>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: LoadingComponent, selector: "c8y-loading", inputs: ["layout", "progress", "message"] }, { kind: "directive", type: ProductExperienceDirective, selector: "[c8yProductExperience]", inputs: ["actionName", "actionData", "inherit", "suppressDataOverriding"] }, { kind: "component", type: AppIconComponent, selector: "c8y-app-icon", inputs: ["contextPath", "name", "app"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: HumanizeAppNamePipe, name: "humanizeAppName" }, { kind: "pipe", type: AppHrefPipe, name: "appHref" }, { kind: "pipe", type: IsActiveAppPipe, name: "isActiveApp" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: AppSwitcherInlineComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c8y-app-switcher-inline', template: "<div\n  class=\"d-flex a-i-center j-c-center p-4\"\n  *ngIf=\"!(switcherService.finishedLoading$ | async)\"\n>\n  <c8y-loading></c8y-loading>\n</div>\n<ng-container *ngIf=\"switcherService.oneCloudApps$ | async as oneCloudApps\">\n  <div\n    class=\"app-switcher-sagcloud\"\n    *ngIf=\"oneCloudApps.length > 0\"\n  >\n    <a\n      class=\"appLink\"\n      title=\"{{ app.name | humanizeAppName | async }}\"\n      *ngFor=\"let app of oneCloudApps\"\n      [href]=\"app | appHref\"\n      c8yProductExperience\n      [actionName]=\"'appSwitched'\"\n      [actionData]=\"{ applicationName: app && app.name }\"\n    >\n      <c8y-app-icon\n        [app]=\"app\"\n        [name]=\"app.name\"\n        [contextPath]=\"app.contextPath\"\n      ></c8y-app-icon>\n      <span class=\"text-truncate-wrap\">{{ app | humanizeAppName | async }}</span>\n    </a>\n  </div>\n</ng-container>\n<div\n  class=\"app-switcher\"\n  *ngIf=\"switcherService.apps$ | async as apps\"\n>\n  <a\n    class=\"appLink\"\n    title=\"{{ app.name | humanizeAppName | async }}\"\n    [ngClass]=\"(app | isActiveApp | async) ? 'active' : ''\"\n    *ngFor=\"let app of apps\"\n    [href]=\"app | appHref : true\"\n    [rel]=\"app.type === 'EXTERNAL' ? 'noopener noreferrer' : ''\"\n    c8yProductExperience\n    [actionName]=\"'appSwitched'\"\n    [actionData]=\"{ applicationName: app && app.name }\"\n  >\n    <c8y-app-icon\n      [app]=\"app\"\n      [name]=\"app.name\"\n      [contextPath]=\"app.contextPath\"\n    ></c8y-app-icon>\n    <span class=\"text-truncate-wrap\">{{ app | humanizeAppName | async }}</span>\n  </a>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: AppSwitcherService }] });
+
+class AppSwitcherComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: AppSwitcherComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: AppSwitcherComponent, selector: "c8y-app-switcher", ngImport: i0, template: "<div\n  class=\"app-switcher-dropdown\"\n  dropdown\n  #appSwitcherDropdown=\"bs-dropdown\"\n  [cdkTrapFocus]=\"appSwitcherDropdown.isOpen\"\n>\n  <button\n    class=\"main-header-button c8y-dropdown dropdown-toggle\"\n    title=\"{{ 'Application switcher' | translate }}\"\n    id=\"appSwitcherDropdown\"\n    type=\"button\"\n    dropdownToggle\n  >\n    <i\n      class=\"icon-2x\"\n      c8yIcon=\"th\"\n    ></i>\n  </button>\n  <div\n    class=\"app-switcher-dropdown-menu dropdown-menu\"\n    aria-labelledby=\"appSwitcherDropdown\"\n    role=\"group\"\n    *dropdownMenu\n  >\n    <c8y-app-switcher-inline></c8y-app-switcher-inline>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "directive", type: i2$2.BsDropdownMenuDirective, selector: "[bsDropdownMenu],[dropdownMenu]", exportAs: ["bs-dropdown-menu"] }, { kind: "directive", type: i2$2.BsDropdownToggleDirective, selector: "[bsDropdownToggle],[dropdownToggle]", exportAs: ["bs-dropdown-toggle"] }, { kind: "directive", type: i2$2.BsDropdownDirective, selector: "[bsDropdown], [dropdown]", inputs: ["placement", "triggers", "container", "dropup", "autoClose", "isAnimated", "insideClick", "isDisabled", "isOpen"], outputs: ["isOpenChange", "onShown", "onHidden"], exportAs: ["bs-dropdown"] }, { kind: "directive", type: i3$1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: AppSwitcherInlineComponent, selector: "c8y-app-switcher-inline" }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: AppSwitcherComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c8y-app-switcher', template: "<div\n  class=\"app-switcher-dropdown\"\n  dropdown\n  #appSwitcherDropdown=\"bs-dropdown\"\n  [cdkTrapFocus]=\"appSwitcherDropdown.isOpen\"\n>\n  <button\n    class=\"main-header-button c8y-dropdown dropdown-toggle\"\n    title=\"{{ 'Application switcher' | translate }}\"\n    id=\"appSwitcherDropdown\"\n    type=\"button\"\n    dropdownToggle\n  >\n    <i\n      class=\"icon-2x\"\n      c8yIcon=\"th\"\n    ></i>\n  </button>\n  <div\n    class=\"app-switcher-dropdown-menu dropdown-menu\"\n    aria-labelledby=\"appSwitcherDropdown\"\n    role=\"group\"\n    *dropdownMenu\n  >\n    <c8y-app-switcher-inline></c8y-app-switcher-inline>\n  </div>\n</div>\n" }]
+        }] });
+
 class ApplicationModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ApplicationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: ApplicationModule, declarations: [AppSwitcherComponent, AppSwitcherInlineComponent, AppHrefPipe, IsActiveAppPipe], imports: [CommonModule, BsDropdownModule, A11yModule, ProductExperienceModule, AppIconComponent], exports: [AppIconComponent, AppSwitcherComponent, AppSwitcherInlineComponent] }); }
@@ -35397,5 +35443,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_ROUTER_STATE_PROP, 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 };
+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_ROUTER_STATE_PROP, 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, WIDGET_TYPE_VALUES, 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