@newheap/platform-common 0.20.6 → 1.0.0

package/fesm2022/newheap-platform-common.mjs

@@ -6,12 +6,11 @@ import * as i0 from '@angular/core';
 import { Injectable, PLATFORM_ID, REQUEST_CONTEXT, Inject, Optional, inject, NgZone, forwardRef, InjectionToken, afterNextRender, makeStateKey, Directive, input, Input, Component, viewChild, output, HostListener, EventEmitter, Pipe, HostBinding, ChangeDetectionStrategy, Output, ViewChild, ViewEncapsulation, model, ErrorHandler, provideAppInitializer, SkipSelf, NgModule } from '@angular/core';
 import * as i1$3 from '@angular/common';
 import { isPlatformServer, DOCUMENT, isPlatformBrowser, DatePipe, CommonModule } from '@angular/common';
-import { BehaviorSubject, lastValueFrom, tap, filter, map, Subject, share, switchMap, EMPTY, timer, from, Observable, of } from 'rxjs';
+import { BehaviorSubject, lastValueFrom, tap, filter, map, Subject, share, switchMap, EMPTY, timer, exhaustMap, from, Subscription, defer, finalize as finalize$1, catchError, of, Observable } from 'rxjs';
 import * as i1 from 'ngx-cookie-service';
 import { DateTime } from 'luxon';
 import { Base64 } from 'js-base64';
 import { finalize, shareReplay, takeUntil, debounceTime, distinctUntilChanged } from 'rxjs/operators';
-import * as Sentry from '@sentry/angular';
 import * as i1$1 from '@angular/router';
 import { NavigationEnd, NavigationSkipped, NavigationSkippedCode, NavigationStart, Router, ActivatedRoute, RouterLink } from '@angular/router';
 import * as i2 from '@ngx-translate/core';
@@ -54,19 +53,13 @@ class UserNotificationNhCommonModuleConfig {
         Object.assign(this, init);
     }
 }
-class NhSentryErrorLoggingNhCommonModuleConfig {
+class BackgroundOperationsNhCommonModuleConfig {
     constructor(init) {
-        this.errorLoggingEnabled = false;
-        this.tracingEnabled = false;
-        this.beforeSendAddAuthServiceInformation = true;
-        this.options = {};
-        this.errorHandlerOptions = {};
-        Object.assign(this, init);
-    }
-}
-class NhErrorLoggingNhCommonModuleConfig {
-    constructor(init) {
-        this.sentry = new NhSentryErrorLoggingNhCommonModuleConfig();
+        this.urlSuffix = '/background-operations';
+        this.hubUrlSuffix = '/hub/background-operations';
+        this.pollingInterval = 5000;
+        this.liveUpdatesEnabled = true;
+        this.listPageSize = 100;
         Object.assign(this, init);
     }
 }
@@ -116,7 +109,7 @@ class NhCommonModuleConfig {
         this.defaultDateTimeFormat = 'dd-MM-yyyy HH:mm:ss';
         this.authentication = new AuthenticationNhCommonModuleConfig();
         this.userNotification = new UserNotificationNhCommonModuleConfig();
-        this.errorLogging = new NhErrorLoggingNhCommonModuleConfig();
+        this.backgroundOperations = new BackgroundOperationsNhCommonModuleConfig();
         this.translation = new NhTranslationNhCommonModuleConfig();
         this.formDropdown = new NhFormDropDownNhCommonModuleConfig();
         this.http = new NhHttpNhCommonModuleConfig();
@@ -676,6 +669,50 @@ class NhUserNotificationData {
     }
 }
 
+class NhBackgroundOperationCollectionHttpRequestOptions extends CollectionHttpRequestOptions {
+    constructor(init) {
+        super(init);
+        Object.assign(this, init);
+    }
+}
+function nhBackgroundOperationStatusName(status) {
+    if (typeof status === 'string') {
+        return status;
+    }
+    return {
+        0: 'PendingDispatch',
+        10: 'Queued',
+        20: 'Running',
+        25: 'WaitingForChildren',
+        30: 'CancelRequested',
+        40: 'RetryScheduled',
+        100: 'Succeeded',
+        110: 'Failed',
+        120: 'Cancelled',
+        130: 'TimedOut'
+    }[status] ?? 'Unknown';
+}
+function nhBackgroundOperationStepStatusName(status) {
+    if (typeof status === 'string') {
+        return status;
+    }
+    return {
+        0: 'Pending',
+        10: 'Running',
+        100: 'Succeeded',
+        110: 'Failed',
+        120: 'Skipped',
+        130: 'Cancelled',
+        140: 'Indeterminate'
+    }[status] ?? 'Unknown';
+}
+function nhBackgroundOperationTranslationSegment(value) {
+    return value
+        .replace(/([a-z0-9])([A-Z])/g, '$1-$2')
+        .replace(/[_\s]+/g, '-')
+        .toLowerCase();
+}
+
 const languageToCultureMap = {
     'nl': 'nl-NL',
     'en': 'en-US',
@@ -2901,7 +2938,15 @@ class NhErrorHandlerService {
     }
     handleError(error) {
         const handlers = this.injector.get(NH_ERROR_HANDLERS, []);
-        handlers.forEach(handle => handle.handleError(error));
+        for (const handler of handlers) {
+            try {
+                handler.handleError(error);
+            }
+            catch {
+                // A failing telemetry provider must not prevent the remaining handlers
+                // from observing the original application error.
+            }
+        }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhErrorHandlerService, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhErrorHandlerService, providedIn: 'root' }); }
@@ -2911,322 +2956,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImpo
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: i0.Injector }] });
 
-const NH_SENTRY_BEFORE_SEND_HOOKS = new InjectionToken("NH_SENTRY_BEFORE_SEND_HOOKS");
-const NH_SENTRY_BEFORE_SEND_LOG_HOOKS = new InjectionToken("NH_SENTRY_BEFORE_SEND_LOG_HOOKS");
-const NH_SENTRY_BEFORE_SEND_SPAN_HOOKS = new InjectionToken("NH_SENTRY_BEFORE_SEND_SPAN_HOOKS");
-const NH_SENTRY_BEFORE_SEND_TRANSACTION_HOOKS = new InjectionToken("NH_SENTRY_BEFORE_SEND_TRANSACTION_HOOKS");
-const NH_SENTRY_BEFORE_BREADCRUMB_HOOKS = new InjectionToken("NH_SENTRY_BEFORE_BREADCRUMB_HOOKS");
-class NhSentryInitializerService {
-    get hooksBeforeSend() {
-        return [...this.providedHooksBeforeSend, ...this.runtimeHooksBeforeSend];
-    }
-    get hooksBeforeSendLog() {
-        return [...this.providedHooksBeforeSendLog, ...this.runtimeHooksBeforeSendLog];
-    }
-    get hooksBeforeSendSpan() {
-        return [...this.providedHooksBeforeSendSpan, ...this.runtimeHooksBeforeSendSpan];
-    }
-    get hooksBeforeSendTransaction() {
-        return [...this.providedHooksBeforeSendTransaction, ...this.runtimeHooksBeforeSendTransaction];
-    }
-    get hooksBeforeBreadcrumb() {
-        return [...this.providedHooksBeforeBreadcrumb, ...this.runtimeHooksBeforeBreadcrumb];
-    }
-    get isEnabled() {
-        return this._sentryConfig.errorLoggingEnabled || this._sentryConfig.tracingEnabled;
-    }
-    get isInitializedAndEnabled() {
-        return this._didInitialize && this.isEnabled;
-    }
-    get sentry() {
-        return Sentry;
-    }
-    constructor(moduleConfig, authService, providedHooksBeforeSend = [], providedHooksBeforeSendLog = [], providedHooksBeforeSendSpan = [], providedHooksBeforeSendTransaction = [], providedHooksBeforeBreadcrumb = []) {
-        this.moduleConfig = moduleConfig;
-        this.authService = authService;
-        this.providedHooksBeforeSend = providedHooksBeforeSend;
-        this.providedHooksBeforeSendLog = providedHooksBeforeSendLog;
-        this.providedHooksBeforeSendSpan = providedHooksBeforeSendSpan;
-        this.providedHooksBeforeSendTransaction = providedHooksBeforeSendTransaction;
-        this.providedHooksBeforeBreadcrumb = providedHooksBeforeBreadcrumb;
-        this._didInitialize = false;
-        this.runtimeHooksBeforeSend = [];
-        this.runtimeHooksBeforeSendLog = [];
-        this.runtimeHooksBeforeSendSpan = [];
-        this.runtimeHooksBeforeSendTransaction = [];
-        this.runtimeHooksBeforeBreadcrumb = [];
-        this._sentryConfig = this.moduleConfig.errorLogging.sentry;
-        this.$auth = this.authService.authSubject.subscribe(async (authorization) => {
-            await this.authChanged(authorization);
-        });
-        this.initialize();
-    }
-    async authChanged(authorization) {
-        this.authorization = authorization;
-        if (!this.isInitializedAndEnabled) {
-            return;
-        }
-    }
-    registerHookBeforeSend(hook) {
-        this.runtimeHooksBeforeSend.push(hook);
-    }
-    registerHookBeforeSendLog(hook) {
-        this.runtimeHooksBeforeSendLog.push(hook);
-    }
-    registerHookBeforeSendSpan(hook) {
-        this.runtimeHooksBeforeSendSpan.push(hook);
-    }
-    registerHookBeforeSendTransaction(hook) {
-        this.runtimeHooksBeforeSendTransaction.push(hook);
-    }
-    registerHookBeforeBreadcrumb(hook) {
-        this.runtimeHooksBeforeBreadcrumb.push(hook);
-    }
-    async ourBeforeSendHook(event, hint) {
-        if (this._sentryConfig.beforeSendAddAuthServiceInformation
-            && this.authorization) {
-            const user = event.user ?? {};
-            user.id = this.authorization.user.id,
-                user.email = this.authorization.user.email,
-                user.username = this.authorization.user.email,
-                user.roles = (this.authorization.user.roles ?? []).join(', ');
-            if (this.authorization.activeDivision) {
-                user.activeDivisionId = this.authorization.activeDivision.id;
-                user.activeDivisionName = this.authorization.activeDivision.name;
-            }
-            event.user = user;
-        }
-        return event;
-    }
-    initialize() {
-        if (this._didInitialize) {
-            return;
-        }
-        this.registerHookBeforeSend(this.ourBeforeSendHook.bind(this));
-        if (!this.isEnabled) {
-            if (!Sentry.isInitialized()) {
-                const options = this.moduleConfig.errorLogging.sentry.options;
-                Sentry.init({
-                    ...options,
-                    beforeSend: (event, hint) => this.runHooksBeforeSend(event, hint),
-                    beforeSendLog: (event) => this.runHooksBeforeSendLog(event),
-                    beforeSendSpan: (event) => this.runHooksBeforeSendSpan(event),
-                    beforeSendTransaction: (event, hint) => this.runHooksBeforeSendTransaction(event, hint),
-                    beforeBreadcrumb: (event, hint) => this.runHooksBeforeBreadcrumb(event, hint),
-                });
-            }
-        }
-        this._didInitialize = true;
-    }
-    async runHooksBeforeSend(initialEvent, hint) {
-        const all = [...this.providedHooksBeforeSend, ...this.runtimeHooksBeforeSend];
-        let current = initialEvent;
-        for (const hook of all) {
-            if (!current)
-                return null;
-            current = await hook(current, hint);
-        }
-        return current;
-    }
-    runHooksBeforeSendLog(initialEvent) {
-        const all = [...this.providedHooksBeforeSendLog, ...this.runtimeHooksBeforeSendLog];
-        let current = initialEvent;
-        for (const hook of all) {
-            if (!current)
-                return null;
-            current = hook(current);
-        }
-        return current;
-    }
-    runHooksBeforeSendSpan(initialSpan) {
-        const all = [...this.providedHooksBeforeSendSpan, ...this.runtimeHooksBeforeSendSpan];
-        let current = initialSpan;
-        for (const hook of all) {
-            current = hook(current);
-        }
-        return current;
-    }
-    async runHooksBeforeSendTransaction(initialEvent, hint) {
-        const all = [...this.providedHooksBeforeSendTransaction, ...this.runtimeHooksBeforeSendTransaction];
-        let current = initialEvent;
-        for (const hook of all) {
-            if (!current)
-                return null;
-            current = await hook(current, hint);
-        }
-        return current;
-    }
-    runHooksBeforeBreadcrumb(initialBreadcrumb, hint) {
-        const all = [...this.providedHooksBeforeBreadcrumb, ...this.runtimeHooksBeforeBreadcrumb];
-        let current = initialBreadcrumb;
-        for (const hook of all) {
-            if (!current)
-                return null;
-            current = hook(current, hint);
-        }
-        return current;
-    }
-    ngOnDestroy() {
-        this.$auth?.unsubscribe();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhSentryInitializerService, deps: [{ token: NhCommonModuleConfig }, { token: NhAuthService }, { token: NH_SENTRY_BEFORE_SEND_HOOKS, optional: true }, { token: NH_SENTRY_BEFORE_SEND_LOG_HOOKS, optional: true }, { token: NH_SENTRY_BEFORE_SEND_SPAN_HOOKS, optional: true }, { token: NH_SENTRY_BEFORE_SEND_TRANSACTION_HOOKS, optional: true }, { token: NH_SENTRY_BEFORE_BREADCRUMB_HOOKS, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhSentryInitializerService, providedIn: "root" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhSentryInitializerService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: "root"
-                }]
-        }], ctorParameters: () => [{ type: NhCommonModuleConfig }, { type: NhAuthService }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [NH_SENTRY_BEFORE_SEND_HOOKS]
-                }] }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [NH_SENTRY_BEFORE_SEND_LOG_HOOKS]
-                }] }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [NH_SENTRY_BEFORE_SEND_SPAN_HOOKS]
-                }] }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [NH_SENTRY_BEFORE_SEND_TRANSACTION_HOOKS]
-                }] }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [NH_SENTRY_BEFORE_BREADCRUMB_HOOKS]
-                }] }] });
-class NhSentryService {
-    get isEnabled() {
-        return this.sentryInitializerService.isEnabled;
-    }
-    get isInitializedAndEnabled() {
-        return this.sentryInitializerService.isInitializedAndEnabled;
-    }
-    get sentry() {
-        return Sentry;
-    }
-    constructor(moduleConfig, sentryInitializerService) {
-        this.moduleConfig = moduleConfig;
-        this.sentryInitializerService = sentryInitializerService;
-        this._sentryConfig = this.moduleConfig.errorLogging.sentry;
-    }
-    registerHookBeforeSend(hook) {
-        this.sentryInitializerService.registerHookBeforeSend(hook);
-    }
-    registerHookBeforeSendLog(hook) {
-        this.sentryInitializerService.registerHookBeforeSendLog(hook);
-    }
-    registerHookBeforeSendSpan(hook) {
-        this.sentryInitializerService.registerHookBeforeSendSpan(hook);
-    }
-    registerHookBeforeSendTransaction(hook) {
-        this.sentryInitializerService.registerHookBeforeSendTransaction(hook);
-    }
-    registerHookBeforeBreadcrumb(hook) {
-        this.sentryInitializerService.registerHookBeforeBreadcrumb(hook);
-    }
-    ngOnDestroy() {
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhSentryService, deps: [{ token: NhCommonModuleConfig }, { token: NhSentryInitializerService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhSentryService, providedIn: "root" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhSentryService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: "root"
-                }]
-        }], ctorParameters: () => [{ type: NhCommonModuleConfig }, { type: NhSentryInitializerService }] });
-
-class NhErrorHandlerSentryService {
-    get sentryErrorHandler() {
-        return this._sentryErrorHandler;
-    }
-    constructor(moduleConfig, sentryInitializerService) {
-        this.moduleConfig = moduleConfig;
-        this.sentryInitializerService = sentryInitializerService;
-        this._didInitialize = false;
-        this.initialize();
-    }
-    initialize() {
-        if (!this.moduleConfig.errorLogging.sentry.errorLoggingEnabled) {
-            this._sentryErrorHandler?.ngOnDestroy();
-            this._sentryErrorHandler = undefined;
-            return;
-        }
-        if (this._didInitialize) {
-            return;
-        }
-        this.sentryInitializerService.initialize();
-        this._sentryErrorHandler = Sentry.createErrorHandler(this.moduleConfig.errorLogging.sentry.errorHandlerOptions);
-        this._didInitialize = true;
-    }
-    handleError(error) {
-        this.initialize();
-        if (!this.moduleConfig.errorLogging.sentry.errorLoggingEnabled) {
-            return;
-        }
-        this._sentryErrorHandler?.handleError(error);
-    }
-    ngOnDestroy() {
-        this._sentryErrorHandler?.ngOnDestroy();
-        this._sentryErrorHandler = undefined;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhErrorHandlerSentryService, deps: [{ token: NhCommonModuleConfig }, { token: NhSentryInitializerService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhErrorHandlerSentryService, providedIn: "root" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhErrorHandlerSentryService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: "root"
-                }]
-        }], ctorParameters: () => [{ type: NhCommonModuleConfig }, { type: NhSentryInitializerService }] });
-
-class NhSentryTraceService {
-    get sentryTraceService() {
-        return this._sentryTraceService;
-    }
-    constructor(moduleConfig, sentryInitializerService, router) {
-        this.moduleConfig = moduleConfig;
-        this.sentryInitializerService = sentryInitializerService;
-        this.router = router;
-        this._didInitialize = false;
-        this.initialize();
-    }
-    initialize() {
-        if (!this.moduleConfig.errorLogging.sentry.tracingEnabled) {
-            this._sentryTraceService?.ngOnDestroy();
-            this._sentryTraceService = undefined;
-            return;
-        }
-        if (this._didInitialize) {
-            return;
-        }
-        this.sentryInitializerService.initialize();
-        this._sentryTraceService = new Sentry.TraceService(this.router);
-        this._didInitialize = true;
-    }
-    ngOnDestroy() {
-        this._sentryTraceService?.ngOnDestroy();
-        this._sentryTraceService = undefined;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhSentryTraceService, deps: [{ token: NhCommonModuleConfig }, { token: NhSentryInitializerService }, { token: i1$1.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhSentryTraceService, providedIn: "root" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhSentryTraceService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: "root"
-                }]
-        }], ctorParameters: () => [{ type: NhCommonModuleConfig }, { type: NhSentryInitializerService }, { type: i1$1.Router }] });
-
 const APP_ORIGINATED_FROM_SERVER = 'APP_ORIGINATED_FROM_SERVER';
 class NhAppService {
     constructor(document, platformId, appRef, transferState, router) {
@@ -5613,7 +5342,7 @@ class NhUserNotificationService {
     ngOnDestroy() {
         this.taskSub?.unsubscribe();
         this.runningSubject.complete();
-        this.userNotificationStateSubject?.unsubscribe();
+        this.userNotificationStateSubject.complete();
     }
     constructor(appService) {
         this.appService = appService;
@@ -5622,23 +5351,33 @@ class NhUserNotificationService {
         this.apiService = inject(NhApiService);
         this.runningSubject = new BehaviorSubject(false);
         this.isRunning$ = this.runningSubject.asObservable();
+        this.runningConsumers = 0;
         this.userNotificationState = new NhUserNotificationState();
         this.userNotificationStateSubject = new BehaviorSubject(this.userNotificationState);
         this.userNotificationState$ = this.userNotificationStateSubject.asObservable();
         if (!this.appService.isPlatformServer()) {
             this.task$ = this.runningSubject.pipe(switchMap(isRunning => isRunning
-                ? timer(0, this.moduleConfig.userNotification.pollingInterval).pipe(tap(() => from(this.doWork())), takeUntil(this.runningSubject.pipe(switchMap(r => r ? EMPTY : EMPTY))))
+                ? timer(0, this.moduleConfig.userNotification.pollingInterval).pipe(exhaustMap(() => from(this.doWork())))
                 : EMPTY));
             this.taskSub = this.task$.subscribe();
         }
         this.baseUrl = this.moduleConfig.apiBaseUrl + this.urlSuffix;
     }
-    start() { if (this.isRunning()) {
-        return;
-    } this.runningSubject.next(true); }
-    stop() { if (!this.isRunning()) {
-        return;
-    } this.runningSubject.next(false); }
+    start() {
+        this.runningConsumers++;
+        if (this.runningConsumers === 1) {
+            this.runningSubject.next(true);
+        }
+    }
+    stop() {
+        if (this.runningConsumers === 0) {
+            return;
+        }
+        this.runningConsumers--;
+        if (this.runningConsumers === 0) {
+            this.runningSubject.next(false);
+        }
+    }
     async doWork() {
         if (!this.isRunning()) {
             return;
@@ -5684,6 +5423,479 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImpo
                 }]
         }], ctorParameters: () => [{ type: NhAppService }] });
 
+class NhBackgroundOperationService {
+    constructor() {
+        this.config = inject(NhCommonModuleConfig);
+        this.api = inject(NhApiService);
+        this.baseUrl = this.joinUrl(this.config.apiBaseUrl, this.config.backgroundOperations.urlSuffix);
+    }
+    list(request = new NhBackgroundOperationCollectionHttpRequestOptions({
+        page: 1,
+        itemsPerPage: this.config.backgroundOperations.listPageSize
+    })) {
+        return this.api.getCollection(this.baseUrl, request);
+    }
+    get(operationId, eventsAfterSequence) {
+        let params = new HttpParams();
+        if (eventsAfterSequence !== undefined) {
+            params = params.set('eventsAfterSequence', eventsAfterSequence.toString());
+        }
+        return this.api.get(`${this.baseUrl}/${encodeURIComponent(operationId)}`, new HttpRequestOptions({ params }));
+    }
+    cancel(operationId) {
+        return this.api.post(`${this.baseUrl}/${encodeURIComponent(operationId)}/cancel`, {});
+    }
+    retry(operationId) {
+        return this.api.post(`${this.baseUrl}/${encodeURIComponent(operationId)}/retry`, {});
+    }
+    joinUrl(base, suffix) {
+        return `${base.replace(/\/$/, '')}/${suffix.replace(/^\//, '')}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhBackgroundOperationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhBackgroundOperationService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhBackgroundOperationService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class NhBackgroundOperationLiveUpdateService {
+    constructor(config, auth, app) {
+        this.config = config;
+        this.auth = auth;
+        this.app = app;
+        this.changedSubject = new Subject();
+        this.resyncSubject = new Subject();
+        this.connectionStateSubject = new BehaviorSubject('disconnected');
+        this.consumers = 0;
+        this.changed$ = this.changedSubject.asObservable();
+        this.resync$ = this.resyncSubject.asObservable();
+        this.connectionState$ = this.connectionStateSubject.asObservable();
+        this.authorizationScopeKey = this.getAuthorizationScopeKey();
+        if (!config.backgroundOperations.liveUpdatesEnabled || app.isPlatformServer()) {
+            this.connectionStateSubject.next('disabled');
+        }
+        this.authSubscription = auth.authSubject.subscribe(() => {
+            const nextScopeKey = this.getAuthorizationScopeKey();
+            if (nextScopeKey === this.authorizationScopeKey) {
+                return;
+            }
+            this.authorizationScopeKey = nextScopeKey;
+            if (this.consumers > 0 && this.isEnabled()) {
+                void this.restart();
+            }
+        });
+    }
+    start() {
+        this.consumers++;
+        if (this.consumers === 1 && this.isEnabled()) {
+            void this.ensureConnected();
+        }
+    }
+    stop() {
+        if (this.consumers === 0) {
+            return;
+        }
+        this.consumers--;
+        if (this.consumers === 0) {
+            this.clearReconnectTimer();
+            void this.stopConnection();
+        }
+    }
+    ngOnDestroy() {
+        this.consumers = 0;
+        this.clearReconnectTimer();
+        this.authSubscription.unsubscribe();
+        void this.stopConnection();
+        this.changedSubject.complete();
+        this.resyncSubject.complete();
+        this.connectionStateSubject.complete();
+    }
+    isEnabled() {
+        return this.config.backgroundOperations.liveUpdatesEnabled && !this.app.isPlatformServer();
+    }
+    async restart() {
+        await this.stopConnection();
+        if (this.consumers > 0) {
+            await this.ensureConnected();
+        }
+    }
+    ensureConnected() {
+        if (this.connectPromise) {
+            return this.connectPromise;
+        }
+        if (this.connection?.state === 'Connected') {
+            return Promise.resolve();
+        }
+        this.connectPromise = this.connectCore().finally(() => {
+            this.connectPromise = undefined;
+        });
+        return this.connectPromise;
+    }
+    async connectCore() {
+        this.connectionStateSubject.next('connecting');
+        try {
+            this.connection ??= await this.buildConnection();
+            await this.connection.start();
+            this.connectionStateSubject.next('connected');
+            this.resyncSubject.next();
+        }
+        catch {
+            this.connectionStateSubject.next('disconnected');
+            this.scheduleReconnect();
+        }
+    }
+    async buildConnection() {
+        const signalR = await import('@microsoft/signalr');
+        const baseHubUrl = this.joinUrl(this.config.backgroundOperations.hubBaseUrl || this.config.baseUrl || this.config.apiBaseUrl, this.config.backgroundOperations.hubUrlSuffix);
+        const divisionId = this.auth.getAuthorization()?.activeDivision?.id;
+        const hubUrl = divisionId
+            ? this.appendQueryParameter(baseHubUrl, 'divisionId', divisionId)
+            : baseHubUrl;
+        const connection = new signalR.HubConnectionBuilder()
+            .withUrl(hubUrl, {
+            withCredentials: true,
+            accessTokenFactory: () => this.config.authType === 'header'
+                ? this.auth.getAuthorization()?.token ?? ''
+                : ''
+        })
+            .withAutomaticReconnect([0, 2000, 5000, 10000, 30000])
+            .configureLogging(signalR.LogLevel.Warning)
+            .build();
+        connection.on('OperationChanged', (change) => {
+            this.changedSubject.next(change);
+        });
+        connection.onreconnecting(() => this.connectionStateSubject.next('reconnecting'));
+        connection.onreconnected(() => {
+            this.connectionStateSubject.next('connected');
+            this.resyncSubject.next();
+        });
+        connection.onclose(() => {
+            this.connectionStateSubject.next('disconnected');
+            this.scheduleReconnect();
+        });
+        return connection;
+    }
+    async stopConnection() {
+        const connection = this.connection;
+        this.connection = undefined;
+        this.connectPromise = undefined;
+        if (connection && connection.state !== 'Disconnected') {
+            try {
+                await connection.stop();
+            }
+            catch {
+                // A failed transport is already disconnected from the application's
+                // perspective. Polling remains the durable fallback.
+            }
+        }
+        if (this.isEnabled()) {
+            this.connectionStateSubject.next('disconnected');
+        }
+    }
+    scheduleReconnect() {
+        if (this.consumers === 0 || this.reconnectTimer || !this.isEnabled()) {
+            return;
+        }
+        this.reconnectTimer = setTimeout(() => {
+            this.reconnectTimer = undefined;
+            void this.ensureConnected();
+        }, 5000);
+    }
+    clearReconnectTimer() {
+        if (this.reconnectTimer) {
+            clearTimeout(this.reconnectTimer);
+            this.reconnectTimer = undefined;
+        }
+    }
+    joinUrl(base, suffix) {
+        return `${base.replace(/\/$/, '')}/${suffix.replace(/^\//, '')}`;
+    }
+    appendQueryParameter(url, name, value) {
+        const separator = url.includes('?') ? '&' : '?';
+        return `${url}${separator}${encodeURIComponent(name)}=${encodeURIComponent(value)}`;
+    }
+    getAuthorizationScopeKey() {
+        const authorization = this.auth.getAuthorization();
+        return `${authorization?.user?.id ?? 'anonymous'}:${authorization?.activeDivision?.id ?? 'global'}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhBackgroundOperationLiveUpdateService, deps: [{ token: NhCommonModuleConfig }, { token: NhAuthService }, { token: NhAppService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhBackgroundOperationLiveUpdateService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhBackgroundOperationLiveUpdateService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: NhCommonModuleConfig }, { type: NhAuthService }, { type: NhAppService }] });
+
+class NhBackgroundOperationStore {
+    constructor(api, live, config, auth) {
+        this.api = api;
+        this.live = live;
+        this.config = config;
+        this.auth = auth;
+        this.operationsSubject = new BehaviorSubject(new Map());
+        this.errorSubject = new BehaviorSubject(undefined);
+        this.subscriptions = new Subscription();
+        this.watchedIds = new Map();
+        this.refreshing = new Set();
+        this.refreshAgain = new Set();
+        this.consumers = 0;
+        this.scopeGeneration = 0;
+        this.operations$ = this.operationsSubject.pipe(map(items => [...items.values()].sort((left, right) => right.lastModifiedDateTime.localeCompare(left.lastModifiedDateTime))));
+        this.error$ = this.errorSubject.asObservable();
+        this.connectionState$ = this.live.connectionState$;
+        this.scopeKey = this.getScopeKey(this.auth.getAuthorization());
+        this.subscriptions.add(this.auth.authSubject.subscribe(authorization => this.onAuthorizationChanged(authorization)));
+        this.subscriptions.add(this.live.changed$.subscribe(change => this.onLiveChange(change)));
+        this.subscriptions.add(this.live.resync$.subscribe(() => {
+            void this.refreshList();
+            for (const id of this.watchedIds.keys()) {
+                this.refreshOperation(id);
+            }
+        }));
+    }
+    watchAll() {
+        return defer(() => {
+            this.start();
+            return this.operations$.pipe(finalize$1(() => this.stop()));
+        });
+    }
+    watch(operationId) {
+        return defer(() => {
+            this.start();
+            this.watchedIds.set(operationId, (this.watchedIds.get(operationId) ?? 0) + 1);
+            this.refreshOperation(operationId);
+            return this.operationsSubject.pipe(map(operations => operations.get(operationId)), finalize$1(() => {
+                const watchers = (this.watchedIds.get(operationId) ?? 1) - 1;
+                if (watchers <= 0) {
+                    this.watchedIds.delete(operationId);
+                }
+                else {
+                    this.watchedIds.set(operationId, watchers);
+                }
+                this.stop();
+            }));
+        });
+    }
+    start() {
+        this.consumers++;
+        if (this.consumers !== 1) {
+            return;
+        }
+        this.live.start();
+        this.pollingSubscription = timer(0, Math.max(1000, this.config.backgroundOperations.pollingInterval))
+            .pipe(exhaustMap(() => this.loadSnapshot()))
+            .subscribe();
+    }
+    stop() {
+        if (this.consumers === 0) {
+            return;
+        }
+        this.consumers--;
+        if (this.consumers === 0) {
+            this.pollingSubscription?.unsubscribe();
+            this.pollingSubscription = undefined;
+            this.live.stop();
+        }
+    }
+    refreshList() {
+        return new Promise(resolve => this.loadList().subscribe({ complete: resolve }));
+    }
+    cancel(operationId) {
+        const generation = this.scopeGeneration;
+        return this.api.cancel(operationId).pipe(map(operation => this.mergeDetail(operation, generation)));
+    }
+    retry(operationId) {
+        const generation = this.scopeGeneration;
+        return this.api.retry(operationId).pipe(map(operation => this.mergeDetail(operation, generation)));
+    }
+    ngOnDestroy() {
+        this.pollingSubscription?.unsubscribe();
+        this.subscriptions.unsubscribe();
+        if (this.consumers > 0) {
+            this.consumers = 0;
+            this.live.stop();
+        }
+        this.operationsSubject.complete();
+        this.errorSubject.complete();
+    }
+    loadList() {
+        const generation = this.scopeGeneration;
+        const request = new NhBackgroundOperationCollectionHttpRequestOptions({
+            page: 1,
+            itemsPerPage: this.config.backgroundOperations.listPageSize
+        });
+        return this.api.list(request).pipe(map(response => {
+            if (generation !== this.scopeGeneration) {
+                return;
+            }
+            this.replaceListSnapshot(response.items ?? []);
+            this.errorSubject.next(undefined);
+        }), catchError(error => {
+            if (generation === this.scopeGeneration) {
+                this.errorSubject.next(error);
+            }
+            return of(undefined);
+        }));
+    }
+    loadSnapshot() {
+        return this.loadList().pipe(map(() => {
+            for (const id of this.watchedIds.keys()) {
+                this.refreshOperation(id);
+            }
+        }));
+    }
+    onLiveChange(change) {
+        const existing = this.operationsSubject.value.get(change.operationId);
+        if (existing && existing.version >= change.version && existing.latestEventSequence >= change.latestEventSequence) {
+            return;
+        }
+        this.refreshOperation(change.operationId);
+    }
+    refreshOperation(operationId) {
+        const generation = this.scopeGeneration;
+        const refreshKey = `${generation}:${operationId}`;
+        if (this.refreshing.has(refreshKey)) {
+            this.refreshAgain.add(refreshKey);
+            return;
+        }
+        this.refreshing.add(refreshKey);
+        const existing = this.operationsSubject.value.get(operationId);
+        this.api
+            .get(operationId, existing?.latestEventSequence)
+            .pipe(catchError(error => {
+            if (generation === this.scopeGeneration) {
+                if (this.shouldRemoveAfterError(error)) {
+                    this.removeOperation(operationId);
+                }
+                this.errorSubject.next(error);
+            }
+            return EMPTY;
+        }), finalize$1(() => {
+            this.refreshing.delete(refreshKey);
+            if (this.refreshAgain.delete(refreshKey) && generation === this.scopeGeneration) {
+                this.refreshOperation(operationId);
+            }
+        }))
+            .subscribe(operation => {
+            if (generation === this.scopeGeneration) {
+                this.mergeDetail(operation, generation);
+                this.errorSubject.next(undefined);
+            }
+        });
+    }
+    mergeSummary(incoming) {
+        const existing = this.operationsSubject.value.get(incoming.id);
+        if (existing && incoming.version < existing.version) {
+            return existing;
+        }
+        const merged = existing
+            ? {
+                ...incoming,
+                attempts: existing.attempts,
+                steps: existing.steps,
+                children: existing.children,
+                events: existing.events
+            }
+            : incoming;
+        this.setOperation(merged);
+        return merged;
+    }
+    mergeDetail(incoming, generation = this.scopeGeneration) {
+        if (generation !== this.scopeGeneration) {
+            return incoming;
+        }
+        const existing = this.operationsSubject.value.get(incoming.id);
+        if (existing && incoming.version < existing.version) {
+            return existing;
+        }
+        const events = new Map();
+        for (const event of existing?.events ?? []) {
+            events.set(event.sequence, event);
+        }
+        for (const event of incoming.events ?? []) {
+            events.set(event.sequence, event);
+        }
+        const merged = {
+            ...incoming,
+            events: [...events.values()].sort((left, right) => left.sequence - right.sequence)
+        };
+        this.setOperation(merged);
+        return merged;
+    }
+    setOperation(operation) {
+        const operations = new Map(this.operationsSubject.value);
+        operations.set(operation.id, operation);
+        this.operationsSubject.next(operations);
+    }
+    replaceListSnapshot(incoming) {
+        const current = this.operationsSubject.value;
+        const next = new Map();
+        for (const watchedId of this.watchedIds.keys()) {
+            const watched = current.get(watchedId);
+            if (watched) {
+                next.set(watchedId, watched);
+            }
+        }
+        for (const operation of incoming) {
+            const existing = current.get(operation.id);
+            if (existing && operation.version < existing.version) {
+                next.set(operation.id, existing);
+                continue;
+            }
+            next.set(operation.id, existing
+                ? {
+                    ...operation,
+                    attempts: existing.attempts,
+                    steps: existing.steps,
+                    children: existing.children,
+                    events: existing.events
+                }
+                : operation);
+        }
+        this.operationsSubject.next(next);
+    }
+    onAuthorizationChanged(authorization) {
+        const nextScopeKey = this.getScopeKey(authorization);
+        if (nextScopeKey === this.scopeKey) {
+            return;
+        }
+        this.scopeKey = nextScopeKey;
+        this.scopeGeneration++;
+        this.operationsSubject.next(new Map());
+        this.errorSubject.next(undefined);
+        if (this.consumers > 0) {
+            void this.refreshList();
+            for (const id of this.watchedIds.keys()) {
+                this.refreshOperation(id);
+            }
+        }
+    }
+    getScopeKey(authorization) {
+        const userId = authorization?.user?.id ?? 'anonymous';
+        const divisionId = authorization?.activeDivision?.id ?? 'global';
+        return `${userId}:${divisionId}`;
+    }
+    shouldRemoveAfterError(error) {
+        return error instanceof HttpErrorResponse
+            && [401, 403, 404].includes(error.status);
+    }
+    removeOperation(operationId) {
+        if (!this.operationsSubject.value.has(operationId)) {
+            return;
+        }
+        const operations = new Map(this.operationsSubject.value);
+        operations.delete(operationId);
+        this.operationsSubject.next(operations);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhBackgroundOperationStore, deps: [{ token: NhBackgroundOperationService }, { token: NhBackgroundOperationLiveUpdateService }, { token: NhCommonModuleConfig }, { token: NhAuthService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhBackgroundOperationStore, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhBackgroundOperationStore, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: NhBackgroundOperationService }, { type: NhBackgroundOperationLiveUpdateService }, { type: NhCommonModuleConfig }, { type: NhAuthService }] });
+
 class NhContextMenuItem {
     constructor(init) {
         this.type = 'item';
@@ -7747,9 +7959,9 @@ class NhUserNotificationsAbstractComponent extends NhCollectionBaseComponent {
         this.lastUnreadNotificationCount = this.userNotificationState.overview.unreadCount;
         this.userNotificationSubscription = this.userNotificationService.userNotificationState$.subscribe(async (state) => {
             this.userNotificationState = state;
-            const hasNewNotifications = this.lastNotificationDate && this.lastNotificationDate != this.userNotificationState.overview.lastNotificationDate;
-            const countChanged = this.lastNotificationCount && this.lastNotificationCount != this.userNotificationState.overview.totalCount;
-            const unreadCountChanged = this.lastUnreadNotificationCount && this.lastUnreadNotificationCount != this.userNotificationState.overview.unreadCount;
+            const hasNewNotifications = this.lastNotificationDate !== this.userNotificationState.overview.lastNotificationDate;
+            const countChanged = this.lastNotificationCount !== this.userNotificationState.overview.totalCount;
+            const unreadCountChanged = this.lastUnreadNotificationCount !== this.userNotificationState.overview.unreadCount;
             if (hasNewNotifications || countChanged || unreadCountChanged) {
                 if (this.autoLoadNotificationChanges) {
                     try {
@@ -7762,24 +7974,25 @@ class NhUserNotificationsAbstractComponent extends NhCollectionBaseComponent {
                 this.onNewNotificationsAvailable(state).catch((error) => {
                     console.error('Error handling user notification state change:', error);
                 });
+                this.captureOverview(state);
             }
         });
     }
     onNewNotificationsAvailable(state) {
         return Promise.resolve();
     }
-    ngOnInit() {
-        super.ngOnInit();
+    async appOnInit() {
+        await super.appOnInit();
         if (this.allowStart) {
             this.userNotificationService.start();
         }
     }
-    ngOnDestroy() {
-        super.ngOnDestroy();
+    async appOnDestroy() {
         if (this.allowStop) {
             this.userNotificationService.stop();
         }
         this.userNotificationSubscription?.unsubscribe();
+        await super.appOnDestroy();
     }
     getInitialRequestOptions() {
         return new NhUserNotificationCollectionHttpRequestOptions({
@@ -7793,9 +8006,7 @@ class NhUserNotificationsAbstractComponent extends NhCollectionBaseComponent {
         return this.userNotificationService.getNotifications(requestOptions);
     }
     async afterLoad() {
-        this.lastNotificationDate = this.userNotificationState.overview.lastNotificationDate;
-        this.lastNotificationCount = this.userNotificationState.overview.totalCount;
-        this.lastUnreadNotificationCount = this.userNotificationState.overview.unreadCount;
+        this.captureOverview(this.userNotificationState);
     }
     async reload() {
         const currentPage = this.requestOptions.page;
@@ -7868,6 +8079,11 @@ class NhUserNotificationsAbstractComponent extends NhCollectionBaseComponent {
         await this.firstPage();
         return taskResult;
     }
+    captureOverview(state) {
+        this.lastNotificationDate = state.overview.lastNotificationDate;
+        this.lastNotificationCount = state.overview.totalCount;
+        this.lastUnreadNotificationCount = state.overview.unreadCount;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhUserNotificationsAbstractComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.28", type: NhUserNotificationsAbstractComponent, isStandalone: false, selector: "nh-user-notifications-abstract", inputs: { allowStart: { classPropertyName: "allowStart", publicName: "allowStart", isSignal: false, isRequired: false, transformFunction: null }, allowStop: { classPropertyName: "allowStop", publicName: "allowStop", isSignal: false, isRequired: false, transformFunction: null }, itemsPerPage: { classPropertyName: "itemsPerPage", publicName: "itemsPerPage", isSignal: false, isRequired: false, transformFunction: null }, autoLoadNotificationChanges: { classPropertyName: "autoLoadNotificationChanges", publicName: "autoLoadNotificationChanges", isSignal: false, isRequired: false, transformFunction: null }, partialLocalStorageKey: { classPropertyName: "partialLocalStorageKey", publicName: "partialLocalStorageKey", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: ``, isInline: true }); }
 }
@@ -7888,6 +8104,72 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImpo
                 type: Input
             }], partialLocalStorageKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "partialLocalStorageKey", required: false }] }] } });
 
+class NhBackgroundOperationProgressComponent {
+    constructor() {
+        this.showEvents = true;
+        this.showActions = false;
+        this.cancelRequested = new EventEmitter();
+        this.retryRequested = new EventEmitter();
+    }
+    statusKey(status) {
+        return `nh-background-operations.status.${nhBackgroundOperationTranslationSegment(nhBackgroundOperationStatusName(status))}`;
+    }
+    stepStatusKey(status) {
+        return `nh-background-operations.step-status.${nhBackgroundOperationTranslationSegment(nhBackgroundOperationStepStatusName(status))}`;
+    }
+    stepTitle(step) {
+        return step.titleKey || step.stepKey;
+    }
+    percentage(value) {
+        if (value === undefined || value === null || !Number.isFinite(value)) {
+            return 0;
+        }
+        return Math.max(0, Math.min(100, value));
+    }
+    arguments(json) {
+        if (!json) {
+            return {};
+        }
+        try {
+            const value = JSON.parse(json);
+            return typeof value === 'object' && value !== null ? value : {};
+        }
+        catch {
+            return {};
+        }
+    }
+    hasBatch(step) {
+        return step.discoveredItems > 0 || step.processedItems > 0 || step.activeItems > 0;
+    }
+    childLabel(child) {
+        return child.fanOutItemKey || child.operationType;
+    }
+    canCancel(status) {
+        return !['Succeeded', 'Failed', 'Cancelled', 'TimedOut'].includes(nhBackgroundOperationStatusName(status));
+    }
+    canRetry(operation) {
+        return !operation.sensitiveDataRedactedAt
+            && ['Failed', 'Cancelled', 'TimedOut'].includes(nhBackgroundOperationStatusName(operation.status));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhBackgroundOperationProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: NhBackgroundOperationProgressComponent, isStandalone: true, selector: "nh-background-operation-progress", inputs: { operation: "operation", showEvents: "showEvents", showActions: "showActions" }, outputs: { cancelRequested: "cancelRequested", retryRequested: "retryRequested" }, ngImport: i0, template: "<section class=\"nh-operation\" [attr.data-status]=\"statusKey(operation.status)\">\n  <header class=\"nh-operation__header\">\n    <div>\n      <p class=\"nh-operation__eyebrow\">{{ 'nh-background-operations.operation' | translate }}</p>\n      <h2>{{ operation.operationType }}</h2>\n    </div>\n    <span class=\"nh-operation__status\">{{ statusKey(operation.status) | translate }}</span>\n  </header>\n\n  <div class=\"nh-operation__overall\">\n    <div class=\"nh-operation__progress-label\">\n      <span>{{ operation.progressMessageKey ? (operation.progressMessageKey | translate: arguments(operation.progressMessageArgumentsJson)) : ('nh-background-operations.progress' | translate) }}</span>\n      <strong>{{ percentage(operation.progressPercentage) | number:'1.0-1' }}%</strong>\n    </div>\n    <div class=\"nh-operation__progress\" role=\"progressbar\"\n         [attr.aria-label]=\"'nh-background-operations.overall-progress' | translate\"\n         aria-valuemin=\"0\" aria-valuemax=\"100\"\n         [attr.aria-valuenow]=\"percentage(operation.progressPercentage)\">\n      <span [style.width.%]=\"percentage(operation.progressPercentage)\"></span>\n    </div>\n  </div>\n\n  @if (showActions && (canCancel(operation.status) || canRetry(operation))) {\n    <div class=\"nh-operation__actions\">\n      @if (canCancel(operation.status)) {\n        <button type=\"button\" (click)=\"cancelRequested.emit(operation.id)\">\n          {{ 'nh-background-operations.cancel' | translate }}\n        </button>\n      }\n      @if (canRetry(operation)) {\n        <button type=\"button\" (click)=\"retryRequested.emit(operation.id)\">\n          {{ 'nh-background-operations.retry' | translate }}\n        </button>\n      }\n    </div>\n  }\n\n  <div class=\"nh-operation__steps\" role=\"list\" [attr.aria-label]=\"'nh-background-operations.steps' | translate\">\n    <ng-template #renderStep let-step let-depth=\"depth\">\n      <article class=\"nh-step\" role=\"listitem\" [style.--nh-step-depth]=\"depth\">\n        <div class=\"nh-step__heading\">\n          <div>\n            <strong>{{ stepTitle(step) | translate: arguments(step.titleArgumentsJson) }}</strong>\n            @if (step.messageKey) {\n              <span>{{ step.messageKey | translate: arguments(step.messageArgumentsJson) }}</span>\n            }\n          </div>\n          <span class=\"nh-step__status\">{{ stepStatusKey(step.status) | translate }}</span>\n        </div>\n        <div class=\"nh-step__progress\" role=\"progressbar\"\n             [attr.aria-label]=\"stepTitle(step) | translate: arguments(step.titleArgumentsJson)\"\n             aria-valuemin=\"0\" aria-valuemax=\"100\"\n             [attr.aria-valuenow]=\"percentage(step.percentage)\">\n          <span [style.width.%]=\"percentage(step.percentage)\"></span>\n        </div>\n        @if (hasBatch(step)) {\n          <dl class=\"nh-step__batch\">\n            <div><dt>{{ 'nh-background-operations.batch.processed' | translate }}</dt><dd>{{ step.processedItems }} / {{ step.discoveredItems }}</dd></div>\n            <div><dt>{{ 'nh-background-operations.batch.succeeded' | translate }}</dt><dd>{{ step.succeededItems }}</dd></div>\n            <div><dt>{{ 'nh-background-operations.batch.failed' | translate }}</dt><dd>{{ step.failedItems }}</dd></div>\n            <div><dt>{{ 'nh-background-operations.batch.skipped' | translate }}</dt><dd>{{ step.skippedItems }}</dd></div>\n            @if (step.retriedItems > 0) {\n              <div><dt>{{ 'nh-background-operations.batch.retried' | translate }}</dt><dd>{{ step.retriedItems }}</dd></div>\n            }\n            @if (step.activeItems > 0) {\n              <div><dt>{{ 'nh-background-operations.batch.active' | translate }}</dt><dd>{{ step.activeItems }}</dd></div>\n            }\n          </dl>\n        }\n      </article>\n      @for (child of step.children; track child.id) {\n        <ng-container *ngTemplateOutlet=\"renderStep; context: {$implicit: child, depth: depth + 1}\"></ng-container>\n      }\n    </ng-template>\n\n    @for (step of operation.steps; track step.id) {\n      <ng-container *ngTemplateOutlet=\"renderStep; context: {$implicit: step, depth: 0}\"></ng-container>\n    } @empty {\n      <p class=\"nh-operation__empty\">{{ 'nh-background-operations.no-steps' | translate }}</p>\n    }\n  </div>\n\n  @if (operation.children.length > 0) {\n    <section class=\"nh-operation__children\">\n      <h3>{{ 'nh-background-operations.children' | translate }}</h3>\n      <div role=\"list\" [attr.aria-label]=\"'nh-background-operations.children' | translate\">\n        <ng-template #renderChild let-child let-depth=\"depth\">\n          <article class=\"nh-child\" role=\"listitem\" [style.--nh-child-depth]=\"depth\">\n            <div class=\"nh-child__heading\">\n              <div>\n                <strong>{{ childLabel(child) }}</strong>\n                <span>{{ child.operationType }}</span>\n              </div>\n              <span class=\"nh-child__status\">{{ statusKey(child.status) | translate }}</span>\n            </div>\n            <div class=\"nh-step__progress\" role=\"progressbar\"\n                 [attr.aria-label]=\"childLabel(child)\"\n                 aria-valuemin=\"0\" aria-valuemax=\"100\"\n                 [attr.aria-valuenow]=\"percentage(child.progressPercentage)\">\n              <span [style.width.%]=\"percentage(child.progressPercentage)\"></span>\n            </div>\n            @if (child.resultUrl) {\n              <a [href]=\"child.resultUrl\">{{ 'nh-background-operations.open-result' | translate }}</a>\n            }\n          </article>\n          @for (nestedChild of child.children; track nestedChild.id) {\n            <ng-container *ngTemplateOutlet=\"renderChild; context: {$implicit: nestedChild, depth: depth + 1}\"></ng-container>\n          }\n        </ng-template>\n\n        @for (child of operation.children; track child.id) {\n          <ng-container *ngTemplateOutlet=\"renderChild; context: {$implicit: child, depth: 0}\"></ng-container>\n        }\n      </div>\n    </section>\n  }\n\n  @if (showEvents && operation.events.length > 0) {\n    <section class=\"nh-operation__events\">\n      <h3>{{ 'nh-background-operations.activity' | translate }}</h3>\n      <ol>\n        @for (event of operation.events; track event.id) {\n          @if (event.messageKey) {\n            <li>\n              <time [attr.datetime]=\"event.creationDateTime\">{{ event.creationDateTime | date:'short' }}</time>\n              <span>{{ event.messageKey | translate: arguments(event.messageArgumentsJson) }}</span>\n              @if (event.resultUrl) {\n                <a [href]=\"event.resultUrl\">{{ 'nh-background-operations.open-result' | translate }}</a>\n              }\n            </li>\n          }\n        }\n      </ol>\n    </section>\n  }\n</section>\n", styles: [":host{display:block;color:var(--nh-color-text, #fff)}.nh-operation{display:grid;gap:1rem;padding:1rem;border:1px solid var(--nh-color-border, rgba(255, 255, 255, .14));border-radius:1rem;background:var(--nh-color-surface, #101827)}.nh-operation__header,.nh-step__heading,.nh-child__heading,.nh-operation__progress-label,.nh-operation__actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.nh-operation__header h2,.nh-operation__events h3,.nh-operation__children h3,.nh-operation__eyebrow,.nh-step__heading span,.nh-step__batch,.nh-operation__events ol{margin:0}.nh-operation__eyebrow{color:var(--nh-color-muted, #9aa8bc);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}.nh-operation__status,.nh-step__status{flex:none;padding:.25rem .5rem;border-radius:.4rem;background:var(--nh-color-status-background, rgba(2, 41, 98, .75));font-size:.75rem}.nh-operation__progress,.nh-step__progress{overflow:hidden;height:.5rem;border-radius:.25rem;background:var(--nh-color-progress-track, rgba(255, 255, 255, .1))}.nh-operation__progress span,.nh-step__progress span{display:block;height:100%;background:var(--nh-color-progress, #ff6700);transition:width .18s ease-out}.nh-operation__steps{display:grid;gap:.625rem}.nh-operation__children,.nh-operation__children>div{display:grid;gap:.625rem}.nh-child{display:grid;gap:.5rem;margin-inline-start:min(var(--nh-child-depth) * 1rem,3rem);padding:.75rem;border:1px solid var(--nh-color-border, rgba(255, 255, 255, .14));border-radius:.5rem;background:var(--nh-color-surface-subtle, rgba(255, 255, 255, .035))}.nh-child__heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.nh-child__heading>div{display:grid;gap:.125rem}.nh-child__heading span{color:var(--nh-color-muted, #9aa8bc);font-size:.8rem}.nh-child__status{flex:none;padding:.25rem .5rem;border-radius:.4rem;background:var(--nh-color-status-background, rgba(2, 41, 98, .75));color:var(--nh-color-text, #fff);font-size:.75rem}.nh-child a{justify-self:start}.nh-step{display:grid;gap:.5rem;margin-inline-start:calc(var(--nh-step-depth) * 1rem);padding:.75rem;border-inline-start:2px solid var(--nh-color-progress, #ff6700);background:var(--nh-color-surface-subtle, rgba(255, 255, 255, .035))}.nh-step__heading>div{display:grid;gap:.125rem}.nh-step__heading span{color:var(--nh-color-muted, #9aa8bc);font-size:.8rem}.nh-step__batch{display:flex;flex-wrap:wrap;gap:.5rem 1rem;color:var(--nh-color-muted, #9aa8bc);font-size:.75rem}.nh-step__batch div{display:flex;gap:.25rem}.nh-step__batch dd{margin:0;color:var(--nh-color-text, #fff)}.nh-operation__actions{justify-content:flex-end}.nh-operation__actions button{min-height:2.25rem;padding:.4rem .75rem;border:1px solid var(--nh-color-border, rgba(255, 255, 255, .2));border-radius:.5rem;color:inherit;background:transparent}.nh-operation__actions button:focus-visible,.nh-child a:focus-visible,.nh-operation__events a:focus-visible{outline:2px solid var(--nh-color-progress, #ff6700);outline-offset:2px}.nh-operation__events ol{display:grid;gap:.5rem;padding:0;list-style:none}.nh-operation__events li{display:grid;grid-template-columns:minmax(7rem,auto) 1fr auto;gap:.75rem;color:var(--nh-color-muted, #9aa8bc);font-size:.8rem}.nh-operation__events li span{color:var(--nh-color-text, #fff)}@media(prefers-reduced-motion:reduce){.nh-operation__progress span,.nh-step__progress span{transition:none}}@media(max-width:40rem){.nh-operation__header,.nh-step__heading,.nh-child__heading,.nh-operation__events li{align-items:flex-start;grid-template-columns:1fr}.nh-operation__header,.nh-step__heading{flex-direction:column}.nh-child__heading{align-items:flex-start;flex-direction:column}.nh-step{margin-inline-start:min(var(--nh-step-depth) * .5rem,1.5rem)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$3.DecimalPipe, name: "number" }, { kind: "pipe", type: i1$3.DatePipe, name: "date" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhBackgroundOperationProgressComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nh-background-operation-progress', standalone: true, imports: [CommonModule, TranslateModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"nh-operation\" [attr.data-status]=\"statusKey(operation.status)\">\n  <header class=\"nh-operation__header\">\n    <div>\n      <p class=\"nh-operation__eyebrow\">{{ 'nh-background-operations.operation' | translate }}</p>\n      <h2>{{ operation.operationType }}</h2>\n    </div>\n    <span class=\"nh-operation__status\">{{ statusKey(operation.status) | translate }}</span>\n  </header>\n\n  <div class=\"nh-operation__overall\">\n    <div class=\"nh-operation__progress-label\">\n      <span>{{ operation.progressMessageKey ? (operation.progressMessageKey | translate: arguments(operation.progressMessageArgumentsJson)) : ('nh-background-operations.progress' | translate) }}</span>\n      <strong>{{ percentage(operation.progressPercentage) | number:'1.0-1' }}%</strong>\n    </div>\n    <div class=\"nh-operation__progress\" role=\"progressbar\"\n         [attr.aria-label]=\"'nh-background-operations.overall-progress' | translate\"\n         aria-valuemin=\"0\" aria-valuemax=\"100\"\n         [attr.aria-valuenow]=\"percentage(operation.progressPercentage)\">\n      <span [style.width.%]=\"percentage(operation.progressPercentage)\"></span>\n    </div>\n  </div>\n\n  @if (showActions && (canCancel(operation.status) || canRetry(operation))) {\n    <div class=\"nh-operation__actions\">\n      @if (canCancel(operation.status)) {\n        <button type=\"button\" (click)=\"cancelRequested.emit(operation.id)\">\n          {{ 'nh-background-operations.cancel' | translate }}\n        </button>\n      }\n      @if (canRetry(operation)) {\n        <button type=\"button\" (click)=\"retryRequested.emit(operation.id)\">\n          {{ 'nh-background-operations.retry' | translate }}\n        </button>\n      }\n    </div>\n  }\n\n  <div class=\"nh-operation__steps\" role=\"list\" [attr.aria-label]=\"'nh-background-operations.steps' | translate\">\n    <ng-template #renderStep let-step let-depth=\"depth\">\n      <article class=\"nh-step\" role=\"listitem\" [style.--nh-step-depth]=\"depth\">\n        <div class=\"nh-step__heading\">\n          <div>\n            <strong>{{ stepTitle(step) | translate: arguments(step.titleArgumentsJson) }}</strong>\n            @if (step.messageKey) {\n              <span>{{ step.messageKey | translate: arguments(step.messageArgumentsJson) }}</span>\n            }\n          </div>\n          <span class=\"nh-step__status\">{{ stepStatusKey(step.status) | translate }}</span>\n        </div>\n        <div class=\"nh-step__progress\" role=\"progressbar\"\n             [attr.aria-label]=\"stepTitle(step) | translate: arguments(step.titleArgumentsJson)\"\n             aria-valuemin=\"0\" aria-valuemax=\"100\"\n             [attr.aria-valuenow]=\"percentage(step.percentage)\">\n          <span [style.width.%]=\"percentage(step.percentage)\"></span>\n        </div>\n        @if (hasBatch(step)) {\n          <dl class=\"nh-step__batch\">\n            <div><dt>{{ 'nh-background-operations.batch.processed' | translate }}</dt><dd>{{ step.processedItems }} / {{ step.discoveredItems }}</dd></div>\n            <div><dt>{{ 'nh-background-operations.batch.succeeded' | translate }}</dt><dd>{{ step.succeededItems }}</dd></div>\n            <div><dt>{{ 'nh-background-operations.batch.failed' | translate }}</dt><dd>{{ step.failedItems }}</dd></div>\n            <div><dt>{{ 'nh-background-operations.batch.skipped' | translate }}</dt><dd>{{ step.skippedItems }}</dd></div>\n            @if (step.retriedItems > 0) {\n              <div><dt>{{ 'nh-background-operations.batch.retried' | translate }}</dt><dd>{{ step.retriedItems }}</dd></div>\n            }\n            @if (step.activeItems > 0) {\n              <div><dt>{{ 'nh-background-operations.batch.active' | translate }}</dt><dd>{{ step.activeItems }}</dd></div>\n            }\n          </dl>\n        }\n      </article>\n      @for (child of step.children; track child.id) {\n        <ng-container *ngTemplateOutlet=\"renderStep; context: {$implicit: child, depth: depth + 1}\"></ng-container>\n      }\n    </ng-template>\n\n    @for (step of operation.steps; track step.id) {\n      <ng-container *ngTemplateOutlet=\"renderStep; context: {$implicit: step, depth: 0}\"></ng-container>\n    } @empty {\n      <p class=\"nh-operation__empty\">{{ 'nh-background-operations.no-steps' | translate }}</p>\n    }\n  </div>\n\n  @if (operation.children.length > 0) {\n    <section class=\"nh-operation__children\">\n      <h3>{{ 'nh-background-operations.children' | translate }}</h3>\n      <div role=\"list\" [attr.aria-label]=\"'nh-background-operations.children' | translate\">\n        <ng-template #renderChild let-child let-depth=\"depth\">\n          <article class=\"nh-child\" role=\"listitem\" [style.--nh-child-depth]=\"depth\">\n            <div class=\"nh-child__heading\">\n              <div>\n                <strong>{{ childLabel(child) }}</strong>\n                <span>{{ child.operationType }}</span>\n              </div>\n              <span class=\"nh-child__status\">{{ statusKey(child.status) | translate }}</span>\n            </div>\n            <div class=\"nh-step__progress\" role=\"progressbar\"\n                 [attr.aria-label]=\"childLabel(child)\"\n                 aria-valuemin=\"0\" aria-valuemax=\"100\"\n                 [attr.aria-valuenow]=\"percentage(child.progressPercentage)\">\n              <span [style.width.%]=\"percentage(child.progressPercentage)\"></span>\n            </div>\n            @if (child.resultUrl) {\n              <a [href]=\"child.resultUrl\">{{ 'nh-background-operations.open-result' | translate }}</a>\n            }\n          </article>\n          @for (nestedChild of child.children; track nestedChild.id) {\n            <ng-container *ngTemplateOutlet=\"renderChild; context: {$implicit: nestedChild, depth: depth + 1}\"></ng-container>\n          }\n        </ng-template>\n\n        @for (child of operation.children; track child.id) {\n          <ng-container *ngTemplateOutlet=\"renderChild; context: {$implicit: child, depth: 0}\"></ng-container>\n        }\n      </div>\n    </section>\n  }\n\n  @if (showEvents && operation.events.length > 0) {\n    <section class=\"nh-operation__events\">\n      <h3>{{ 'nh-background-operations.activity' | translate }}</h3>\n      <ol>\n        @for (event of operation.events; track event.id) {\n          @if (event.messageKey) {\n            <li>\n              <time [attr.datetime]=\"event.creationDateTime\">{{ event.creationDateTime | date:'short' }}</time>\n              <span>{{ event.messageKey | translate: arguments(event.messageArgumentsJson) }}</span>\n              @if (event.resultUrl) {\n                <a [href]=\"event.resultUrl\">{{ 'nh-background-operations.open-result' | translate }}</a>\n              }\n            </li>\n          }\n        }\n      </ol>\n    </section>\n  }\n</section>\n", styles: [":host{display:block;color:var(--nh-color-text, #fff)}.nh-operation{display:grid;gap:1rem;padding:1rem;border:1px solid var(--nh-color-border, rgba(255, 255, 255, .14));border-radius:1rem;background:var(--nh-color-surface, #101827)}.nh-operation__header,.nh-step__heading,.nh-child__heading,.nh-operation__progress-label,.nh-operation__actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.nh-operation__header h2,.nh-operation__events h3,.nh-operation__children h3,.nh-operation__eyebrow,.nh-step__heading span,.nh-step__batch,.nh-operation__events ol{margin:0}.nh-operation__eyebrow{color:var(--nh-color-muted, #9aa8bc);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}.nh-operation__status,.nh-step__status{flex:none;padding:.25rem .5rem;border-radius:.4rem;background:var(--nh-color-status-background, rgba(2, 41, 98, .75));font-size:.75rem}.nh-operation__progress,.nh-step__progress{overflow:hidden;height:.5rem;border-radius:.25rem;background:var(--nh-color-progress-track, rgba(255, 255, 255, .1))}.nh-operation__progress span,.nh-step__progress span{display:block;height:100%;background:var(--nh-color-progress, #ff6700);transition:width .18s ease-out}.nh-operation__steps{display:grid;gap:.625rem}.nh-operation__children,.nh-operation__children>div{display:grid;gap:.625rem}.nh-child{display:grid;gap:.5rem;margin-inline-start:min(var(--nh-child-depth) * 1rem,3rem);padding:.75rem;border:1px solid var(--nh-color-border, rgba(255, 255, 255, .14));border-radius:.5rem;background:var(--nh-color-surface-subtle, rgba(255, 255, 255, .035))}.nh-child__heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.nh-child__heading>div{display:grid;gap:.125rem}.nh-child__heading span{color:var(--nh-color-muted, #9aa8bc);font-size:.8rem}.nh-child__status{flex:none;padding:.25rem .5rem;border-radius:.4rem;background:var(--nh-color-status-background, rgba(2, 41, 98, .75));color:var(--nh-color-text, #fff);font-size:.75rem}.nh-child a{justify-self:start}.nh-step{display:grid;gap:.5rem;margin-inline-start:calc(var(--nh-step-depth) * 1rem);padding:.75rem;border-inline-start:2px solid var(--nh-color-progress, #ff6700);background:var(--nh-color-surface-subtle, rgba(255, 255, 255, .035))}.nh-step__heading>div{display:grid;gap:.125rem}.nh-step__heading span{color:var(--nh-color-muted, #9aa8bc);font-size:.8rem}.nh-step__batch{display:flex;flex-wrap:wrap;gap:.5rem 1rem;color:var(--nh-color-muted, #9aa8bc);font-size:.75rem}.nh-step__batch div{display:flex;gap:.25rem}.nh-step__batch dd{margin:0;color:var(--nh-color-text, #fff)}.nh-operation__actions{justify-content:flex-end}.nh-operation__actions button{min-height:2.25rem;padding:.4rem .75rem;border:1px solid var(--nh-color-border, rgba(255, 255, 255, .2));border-radius:.5rem;color:inherit;background:transparent}.nh-operation__actions button:focus-visible,.nh-child a:focus-visible,.nh-operation__events a:focus-visible{outline:2px solid var(--nh-color-progress, #ff6700);outline-offset:2px}.nh-operation__events ol{display:grid;gap:.5rem;padding:0;list-style:none}.nh-operation__events li{display:grid;grid-template-columns:minmax(7rem,auto) 1fr auto;gap:.75rem;color:var(--nh-color-muted, #9aa8bc);font-size:.8rem}.nh-operation__events li span{color:var(--nh-color-text, #fff)}@media(prefers-reduced-motion:reduce){.nh-operation__progress span,.nh-step__progress span{transition:none}}@media(max-width:40rem){.nh-operation__header,.nh-step__heading,.nh-child__heading,.nh-operation__events li{align-items:flex-start;grid-template-columns:1fr}.nh-operation__header,.nh-step__heading{flex-direction:column}.nh-child__heading{align-items:flex-start;flex-direction:column}.nh-step{margin-inline-start:min(var(--nh-step-depth) * .5rem,1.5rem)}}\n"] }]
+        }], propDecorators: { operation: [{
+                type: Input,
+                args: [{ required: true }]
+            }], showEvents: [{
+                type: Input
+            }], showActions: [{
+                type: Input
+            }], cancelRequested: [{
+                type: Output
+            }], retryRequested: [{
+                type: Output
+            }] } });
+
 class NhSearchInputComponent {
     constructor() {
         this.value = '';
@@ -8123,7 +8405,6 @@ class NhCommonModule {
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhCommonModule, providers: [
             provideAppInitializer(() => {
                 const configService = inject(NhConfigCommonService);
-                const nhSentryTraceService = inject(NhSentryTraceService);
                 return new Observable((observer) => {
                     //
                     // We use APP_INITIALIZER to load the configuration before the application starts. (Cuz DEPS calls for AppConfigService it is loaded soon in the lifecycle of the app.)
@@ -8163,14 +8444,6 @@ class NhCommonModule {
                 useClass: NhDeduplicateGetRequestsInterceptor,
                 multi: true
             },
-            // Tracing
-            {
-                provide: Sentry.TraceService,
-                useFactory: (nhSentryTraceService) => {
-                    return nhSentryTraceService.sentryTraceService;
-                },
-                deps: [NhSentryTraceService]
-            },
             //Error handlers
             {
                 provide: ErrorHandler, // Make support for multiple error handlers
@@ -8181,11 +8454,6 @@ class NhCommonModule {
                 useClass: ErrorHandler,
                 multi: true,
             },
-            {
-                provide: NH_ERROR_HANDLERS, // Register Sentry error handler
-                useClass: NhErrorHandlerSentryService,
-                multi: true,
-            },
             provideHttpClient(withInterceptorsFromDi(), withFetch()),
             // Guards
             NhCanCancelNavigationGuard,
@@ -8289,7 +8557,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImpo
                     providers: [
                         provideAppInitializer(() => {
                             const configService = inject(NhConfigCommonService);
-                            const nhSentryTraceService = inject(NhSentryTraceService);
                             return new Observable((observer) => {
                                 //
                                 // We use APP_INITIALIZER to load the configuration before the application starts. (Cuz DEPS calls for AppConfigService it is loaded soon in the lifecycle of the app.)
@@ -8329,14 +8596,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImpo
                             useClass: NhDeduplicateGetRequestsInterceptor,
                             multi: true
                         },
-                        // Tracing
-                        {
-                            provide: Sentry.TraceService,
-                            useFactory: (nhSentryTraceService) => {
-                                return nhSentryTraceService.sentryTraceService;
-                            },
-                            deps: [NhSentryTraceService]
-                        },
                         //Error handlers
                         {
                             provide: ErrorHandler, // Make support for multiple error handlers
@@ -8347,11 +8606,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImpo
                             useClass: ErrorHandler,
                             multi: true,
                         },
-                        {
-                            provide: NH_ERROR_HANDLERS, // Register Sentry error handler
-                            useClass: NhErrorHandlerSentryService,
-                            multi: true,
-                        },
                         provideHttpClient(withInterceptorsFromDi(), withFetch()),
                         // Guards
                         NhCanCancelNavigationGuard,
@@ -8448,5 +8702,5 @@ function nhTranslateBrowserLoaderFactory(httpClient, transferState) {
  * Generated bundle index. Do not edit.
  */
 
-export { AbstractValueAccessor, AspMvcFormServerSideFormValidator, AuthSessionExpirationInformation, AuthenticateModel, AuthenticationNhCommonModuleConfig, AuthenticationSessionCreateResponse, BaseNhAuthService, CheckAuthenticateSessionModel, Claim, ClaimAuthenticateSessionAccountMutateModel, ClaimAuthenticateSessionAccountViewModel, ClaimTypes, CollectionHttpRequestOptions, CollectionHttpResponse, DefaultMultiSelectSettings, DefaultMultiSelectTexts, EndpointsAuthenticationNhCommonModuleConfig, FilterRequestOptions, FormError, FormValidationResult, HttpDownloadRequestOptions, HttpRequestOptions, HttpRequestOptionsArrayBuffer, HttpRequestOptionsText, ImpersonateAuthenticateModel, IsAllPermissionsGrantedPipe, IsAuthenticatedPipe, IsClaimGrantedPipe, IsDefined, IsGrantedRolePipe, IsOneActiveDivisionPermissionGrantedGuard, IsOneActiveDivisionPermissionGrantedPipe, IsOneActiveDivisionRoleGrantedGuard, IsOneActiveDivisionRoleGrantedPipe, IsOneClaimGrantedPipe, IsOneDivisionPermissionGrantedPipe, IsOneDivisionRoleGrantedPipe, IsOnePermissionGrantedPipe, IsOneRoleGrantedPipe, JsonLdDataChanged, ListSortDirection, MakeProvider, MutationType, NH_ERROR_HANDLERS, NH_ROUTER_LANGUAGE_CHANGE_METHOD, NH_ROUTER_ROOT_ROUTES, NH_SENTRY_BEFORE_BREADCRUMB_HOOKS, NH_SENTRY_BEFORE_SEND_HOOKS, NH_SENTRY_BEFORE_SEND_LOG_HOOKS, NH_SENTRY_BEFORE_SEND_SPAN_HOOKS, NH_SENTRY_BEFORE_SEND_TRANSACTION_HOOKS, NhAccountInformationResponse, NhAngularUtil, NhApiService, NhApiUtil, NhAppService, NhAsyncLock, NhAuthService, NhAuthorization, NhBaseApiService, NhBooleanToStringPipe, NhBreadCrumb, NhBreadCrumbItem, NhButtonDebounceDirective, NhCanCancelNavigationGuard, NhCollectionBaseComponent, NhCollectionTypeBaseComponent, NhCommonConfig, NhCommonConfigChanged, NhCommonModule, NhCommonModuleConfig, NhConfigCommonService, NhContextMenu, NhContextMenuItem, NhContextMenuService, NhContextMenuServiceConfig, NhCookieService, NhDatePipe, NhDateTimePipe, NhDateUtcPipe, NhDebounceDirective, NhDeduplicateGetRequestsInterceptor, NhDivision, NhDivisionRole, NhDivisionUser, NhEncodeHttpParamsInterceptor, NhEncodingUtil, NhErrorComponent, NhErrorHandlerSentryService, NhErrorHandlerService, NhErrorLoggingNhCommonModuleConfig, NhFormDropDownComponent, NhFormDropDownNhCommonModuleConfig, NhFormDropDownSettings, NhFormErrorMessageComponent, NhFormHelper, NhHeadService, NhHttpNhCommonModuleConfig, NhHttpUtil, NhInternetConnectionService, NhIsAllPermissionsGrantedGuard, NhIsAuthenticatedGuard, NhIsOneClaimGrantedGuard, NhIsOnePermissionGrantedGuard, NhIsOneRoleGrantedGuard, NhJsonLdComponent, NhJsonLdData, NhJsonLdDataItem, NhJsonLdService, NhLoaderComponent, NhMetaService, NhModalComponent, NhModalComponentClosed, NhModalComponentImpl, NhModalComponentRef, NhModalConfirmComponent, NhModalContentDirective, NhModalLoadingComponent, NhModalMutateBaseComponent, NhModalMutateBaseTypeComponent, NhModalOptions, NhModalService, NhMutateBaseComponent, NhMutateBaseTypeComponent, NhMutex, NhPageBaseComponent, NhPageService, NhPageSettings, NhPageSizeComponent, NhPageTypeBaseComponent, NhRegisterRoute, NhRequestScopedServerHttpInterceptorService, NhRoute, NhRouteInfo, NhRouteNavigationItem, NhRouterLinkDirective, NhRouterService, NhRouterSetupService, NhSearchInputComponent, NhSentryErrorLoggingNhCommonModuleConfig, NhSentryInitializerService, NhSentryService, NhSentryTraceService, NhServerHttpInterceptor, NhServerService, NhServerSideFormValidationService, NhSitemap, NhSitemapEntry, NhSitemapEntryItem, NhStringUtil, NhTaskResultFormValidationService, NhTitleService, NhToHeadDirective, NhTranslateBrowserLoader, NhTranslationNhCommonModuleConfig, NhTypedPageBaseComponent, NhTypedPageTypeBaseComponent, NhUrlEncodePipe, NhUser, NhUserNotification, NhUserNotificationCollectionHttpRequestOptions, NhUserNotificationData, NhUserNotificationMessage, NhUserNotificationOverview, NhUserNotificationService, NhUserNotificationState, NhUserNotificationsAbstractComponent, OrderByRequestOptions, PreConnectUrlItem, PreLoadUrlItem, REVIEW_AGGREGATE_RATING_KEY, REVIEW_KEY, RefreshTokenLoginAccountMutateModel, RevertImpersonateAuthenticateModel, SafeHtmlPipe, SafeResourceUrlPipe, SafeUrlPipe, SearchableCollectionHttpRequestOptions, SimpleCollectionHttpRequestOptions, SimpleCollectionHttpResponse, TaskResult, TaskResultItem, TypedNhPageSettings, UserNotificationNhCommonModuleConfig, enumIntValuesToArray, enumKeysToArray, enumStringValuesToArray, enumValuesToArray, getEmptyGuid, getRandomIdentifier, groupBy, languageToCultureMap, nameof, nhTranslateBrowserLoaderFactory, uppercaseFirst };
+export { AbstractValueAccessor, AspMvcFormServerSideFormValidator, AuthSessionExpirationInformation, AuthenticateModel, AuthenticationNhCommonModuleConfig, AuthenticationSessionCreateResponse, BackgroundOperationsNhCommonModuleConfig, BaseNhAuthService, CheckAuthenticateSessionModel, Claim, ClaimAuthenticateSessionAccountMutateModel, ClaimAuthenticateSessionAccountViewModel, ClaimTypes, CollectionHttpRequestOptions, CollectionHttpResponse, DefaultMultiSelectSettings, DefaultMultiSelectTexts, EndpointsAuthenticationNhCommonModuleConfig, FilterRequestOptions, FormError, FormValidationResult, HttpDownloadRequestOptions, HttpRequestOptions, HttpRequestOptionsArrayBuffer, HttpRequestOptionsText, ImpersonateAuthenticateModel, IsAllPermissionsGrantedPipe, IsAuthenticatedPipe, IsClaimGrantedPipe, IsDefined, IsGrantedRolePipe, IsOneActiveDivisionPermissionGrantedGuard, IsOneActiveDivisionPermissionGrantedPipe, IsOneActiveDivisionRoleGrantedGuard, IsOneActiveDivisionRoleGrantedPipe, IsOneClaimGrantedPipe, IsOneDivisionPermissionGrantedPipe, IsOneDivisionRoleGrantedPipe, IsOnePermissionGrantedPipe, IsOneRoleGrantedPipe, JsonLdDataChanged, ListSortDirection, MakeProvider, MutationType, NH_ERROR_HANDLERS, NH_ROUTER_LANGUAGE_CHANGE_METHOD, NH_ROUTER_ROOT_ROUTES, NhAccountInformationResponse, NhAngularUtil, NhApiService, NhApiUtil, NhAppService, NhAsyncLock, NhAuthService, NhAuthorization, NhBackgroundOperationCollectionHttpRequestOptions, NhBackgroundOperationLiveUpdateService, NhBackgroundOperationProgressComponent, NhBackgroundOperationService, NhBackgroundOperationStore, NhBaseApiService, NhBooleanToStringPipe, NhBreadCrumb, NhBreadCrumbItem, NhButtonDebounceDirective, NhCanCancelNavigationGuard, NhCollectionBaseComponent, NhCollectionTypeBaseComponent, NhCommonConfig, NhCommonConfigChanged, NhCommonModule, NhCommonModuleConfig, NhConfigCommonService, NhContextMenu, NhContextMenuItem, NhContextMenuService, NhContextMenuServiceConfig, NhCookieService, NhDatePipe, NhDateTimePipe, NhDateUtcPipe, NhDebounceDirective, NhDeduplicateGetRequestsInterceptor, NhDivision, NhDivisionRole, NhDivisionUser, NhEncodeHttpParamsInterceptor, NhEncodingUtil, NhErrorComponent, NhErrorHandlerService, NhFormDropDownComponent, NhFormDropDownNhCommonModuleConfig, NhFormDropDownSettings, NhFormErrorMessageComponent, NhFormHelper, NhHeadService, NhHttpNhCommonModuleConfig, NhHttpUtil, NhInternetConnectionService, NhIsAllPermissionsGrantedGuard, NhIsAuthenticatedGuard, NhIsOneClaimGrantedGuard, NhIsOnePermissionGrantedGuard, NhIsOneRoleGrantedGuard, NhJsonLdComponent, NhJsonLdData, NhJsonLdDataItem, NhJsonLdService, NhLoaderComponent, NhMetaService, NhModalComponent, NhModalComponentClosed, NhModalComponentImpl, NhModalComponentRef, NhModalConfirmComponent, NhModalContentDirective, NhModalLoadingComponent, NhModalMutateBaseComponent, NhModalMutateBaseTypeComponent, NhModalOptions, NhModalService, NhMutateBaseComponent, NhMutateBaseTypeComponent, NhMutex, NhPageBaseComponent, NhPageService, NhPageSettings, NhPageSizeComponent, NhPageTypeBaseComponent, NhRegisterRoute, NhRequestScopedServerHttpInterceptorService, NhRoute, NhRouteInfo, NhRouteNavigationItem, NhRouterLinkDirective, NhRouterService, NhRouterSetupService, NhSearchInputComponent, NhServerHttpInterceptor, NhServerService, NhServerSideFormValidationService, NhSitemap, NhSitemapEntry, NhSitemapEntryItem, NhStringUtil, NhTaskResultFormValidationService, NhTitleService, NhToHeadDirective, NhTranslateBrowserLoader, NhTranslationNhCommonModuleConfig, NhTypedPageBaseComponent, NhTypedPageTypeBaseComponent, NhUrlEncodePipe, NhUser, NhUserNotification, NhUserNotificationCollectionHttpRequestOptions, NhUserNotificationData, NhUserNotificationMessage, NhUserNotificationOverview, NhUserNotificationService, NhUserNotificationState, NhUserNotificationsAbstractComponent, OrderByRequestOptions, PreConnectUrlItem, PreLoadUrlItem, REVIEW_AGGREGATE_RATING_KEY, REVIEW_KEY, RefreshTokenLoginAccountMutateModel, RevertImpersonateAuthenticateModel, SafeHtmlPipe, SafeResourceUrlPipe, SafeUrlPipe, SearchableCollectionHttpRequestOptions, SimpleCollectionHttpRequestOptions, SimpleCollectionHttpResponse, TaskResult, TaskResultItem, TypedNhPageSettings, UserNotificationNhCommonModuleConfig, enumIntValuesToArray, enumKeysToArray, enumStringValuesToArray, enumValuesToArray, getEmptyGuid, getRandomIdentifier, groupBy, languageToCultureMap, nameof, nhBackgroundOperationStatusName, nhBackgroundOperationStepStatusName, nhBackgroundOperationTranslationSegment, nhTranslateBrowserLoaderFactory, uppercaseFirst };
 //# sourceMappingURL=newheap-platform-common.mjs.map