@yuuvis/client-core 2.12.4 → 2.14.0

package/fesm2022/yuuvis-client-core.mjs

@@ -889,10 +889,10 @@ class ConfigService {
     _getCoreConfig(key) {
         return this.cfg ? this.cfg.core[key] : undefined;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ConfigService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ConfigService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ConfigService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ConfigService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ConfigService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ConfigService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -958,10 +958,10 @@ class Logger {
         }
         return should;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: Logger, deps: [{ token: ConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: Logger, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: Logger, deps: [{ token: ConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: Logger, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: Logger, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: Logger, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -1069,14 +1069,25 @@ class BackendService {
         }
     }
     /**
-     * Wrapped HTTP GET method
-     * @param uri The REST URI to be queried
-     * @param base The Base URI (backend service) to be used
-     * @param requestOptions Additional request options
-     * @returns The data retrieved from the given endpoint
+     * Performs an HTTP GET request against a yuuvis Momentum backend endpoint.
+     *
+     * Automatically prepends the resolved base URI (via {@link getApiBase}) to the given `uri`,
+     * applies centralized headers (authorization, content-type) and emits an event on
+     * `httpCommunicationOccurred$` after each successful response — used by SessionService
+     * to keep the session alive.
+     *
+     * @param uri REST URI relative to the selected backend service base. Must start with `/`,
+     *   e.g. `/api/dms/objects/{objectId}`.
+     * @param base Selects which backend service base URL to use.
+     * @param requestOptions Optional Angular `HttpClient` options (headers, params, responseType, etc.)
+     *   merged on top of the default headers set by this service.
+     * @returns An `Observable<T>` that emits the deserialized response body and completes.
+     *   Unsubscribing before completion cancels the underlying HTTP request.
      */
     get(uri, base, requestOptions) {
-        return this.#http.get(this.getApiBase(base) + uri, this.getHttpOptions(requestOptions)).pipe(tap(() => this.#httpCallOccurred$.next()));
+        return this.#http
+            .get(this.getApiBase(base) + uri, this.getHttpOptions(requestOptions))
+            .pipe(tap(() => this.#httpCallOccurred$.next()));
     }
     /**
      * Wrapped HTTP POST method
@@ -1089,7 +1100,9 @@ class BackendService {
     post(uri, data, base, requestOptions) {
         const baseUri = this.getApiBase(base);
         const payload = data && typeof data === 'object' ? JSON.stringify(data) : data || '';
-        return this.#http.post(`${baseUri}${uri}`, payload, this.getHttpOptions(requestOptions)).pipe(tap(() => this.#httpCallOccurred$.next()));
+        return this.#http
+            .post(`${baseUri}${uri}`, payload, this.getHttpOptions(requestOptions))
+            .pipe(tap(() => this.#httpCallOccurred$.next()));
     }
     /**
      * Performs a multipart form data POST request.
@@ -1119,7 +1132,9 @@ class BackendService {
     patch(uri, data, base, requestOptions) {
         const baseUri = this.getApiBase(base);
         const payload = data ? JSON.stringify(data) : '';
-        return this.#http.patch(`${baseUri}${uri}`, payload, this.getHttpOptions(requestOptions)).pipe(tap(() => this.#httpCallOccurred$.next()));
+        return this.#http
+            .patch(`${baseUri}${uri}`, payload, this.getHttpOptions(requestOptions))
+            .pipe(tap(() => this.#httpCallOccurred$.next()));
     }
     /**
      * Wrapped HTTP PUT method
@@ -1130,7 +1145,9 @@ class BackendService {
      * @returns The return value of the target PUT endpoint
      */
     put(uri, data, base, requestOptions) {
-        return this.#http.put(this.getApiBase(base) + uri, data, this.getHttpOptions(requestOptions)).pipe(tap(() => this.#httpCallOccurred$.next()));
+        return this.#http
+            .put(this.getApiBase(base) + uri, data, this.getHttpOptions(requestOptions))
+            .pipe(tap(() => this.#httpCallOccurred$.next()));
     }
     /**
      * Wrapped HTTP DELETE method
@@ -1140,7 +1157,9 @@ class BackendService {
      * @returns The return value of the target DELETE endpoint
      */
     delete(uri, base, requestOptions) {
-        return this.#http.delete(this.getApiBase(base) + uri, this.getHttpOptions(requestOptions)).pipe(tap(() => this.#httpCallOccurred$.next()));
+        return this.#http
+            .delete(this.getApiBase(base) + uri, this.getHttpOptions(requestOptions))
+            .pipe(tap(() => this.#httpCallOccurred$.next()));
     }
     /**
      * @ignore
@@ -1223,10 +1242,10 @@ class BackendService {
             .pipe(catchError((err) => of({ _error: err }))));
         return forkJoin(httpRequests);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BackendService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BackendService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BackendService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BackendService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BackendService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BackendService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -1331,10 +1350,10 @@ class AppCacheService {
     setStorage(options) {
         return forkJoin(Object.keys(options || {}).map((k) => this.setItem(k, options[k])));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AppCacheService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AppCacheService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: AppCacheService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: AppCacheService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AppCacheService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: AppCacheService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -2003,10 +2022,10 @@ class SystemService {
         ])
             .pipe(map(([global, tenant]) => ({ global, tenant })));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SystemService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SystemService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: SystemService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: SystemService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SystemService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: SystemService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -2292,10 +2311,10 @@ class SearchService {
                 return isoDateString;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SearchService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SearchService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: SearchService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: SearchService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SearchService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: SearchService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -2348,7 +2367,9 @@ class EventService {
         return isFromTrustedOrigin && hasValidStructure;
     }
     #listenToWindowEvents() {
-        window.addEventListener('message', (event) => this.#ngZone.run(() => this.#isValidExternalMessage(event) && this.trigger(event.data.type, event.data.data)));
+        window.addEventListener('message', (event) => {
+            this.#ngZone.run(() => this.#isValidExternalMessage(event) && this.trigger(event.data.type, event.data.data));
+        });
     }
     /**
      * Triggers a postMessage event that will be sent to the yuuvis global event Trigger
@@ -2379,10 +2400,10 @@ class EventService {
     on(...types) {
         return this.event$.pipe(filter((event) => event && !!types.find((t) => t === event.type)));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: EventService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: EventService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: EventService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: EventService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: EventService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: EventService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -2576,10 +2597,10 @@ class UserService {
     loadObjectConfig() {
         return this.getSettings(this.#SETTINGS_SECTION_OBJECTCONFIG).pipe(catchError(() => of(undefined)));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: UserService, deps: [{ token: BackendService }, { token: i1.TranslateService }, { token: Logger }, { token: SystemService }, { token: EventService }, { token: ConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: UserService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UserService, deps: [{ token: BackendService }, { token: i1.TranslateService }, { token: Logger }, { token: SystemService }, { token: EventService }, { token: ConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UserService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: UserService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UserService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -2706,10 +2727,10 @@ class AuditService {
             return -1;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AuditService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AuditService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: AuditService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: AuditService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AuditService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: AuditService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -3002,10 +3023,10 @@ class ObjectConfigService {
             }
             : undefined;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ObjectConfigService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ObjectConfigService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ObjectConfigService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ObjectConfigService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ObjectConfigService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ObjectConfigService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -3031,7 +3052,8 @@ class AuthService {
     #appCache;
     #systemService;
     #backend;
-    #INITAL_REQUEST_STORAGE_KEY;
+    #INITIAL_REQUEST_STORAGE_KEY;
+    #USER_FETCH_URI;
     #authenticated;
     #authSource;
     #authData;
@@ -3045,8 +3067,8 @@ class AuthService {
         this.#appCache = inject(AppCacheService);
         this.#systemService = inject(SystemService);
         this.#backend = inject(BackendService);
-        this.#INITAL_REQUEST_STORAGE_KEY = 'yuv.core.auth.initialrequest';
-        this.USER_FETCH_URI = '/idm/whoami';
+        this.#INITIAL_REQUEST_STORAGE_KEY = 'yuv.core.auth.initialrequest';
+        this.#USER_FETCH_URI = '/idm/whoami';
         this.#authenticated = false;
         this.#authSource = new BehaviorSubject(false);
         this.authenticated$ = this.#authSource.asObservable();
@@ -3071,7 +3093,7 @@ class AuthService {
      * Fetch information about the user currently logged in
      */
     fetchUser() {
-        return (this.#userToken ? of(this.#userToken) : this.#backend.get(this.USER_FETCH_URI)).pipe(tap(() => {
+        return (this.#userToken ? of(this.#userToken) : this.#backend.get(this.#USER_FETCH_URI)).pipe(tap(() => {
             this.#authenticated = true;
             this.#authSource.next(this.#authenticated);
         }), switchMap((userJson) => this.#initApp(userJson)));
@@ -3095,7 +3117,7 @@ class AuthService {
         uri = !uri.startsWith('/') ? `/${uri}` : uri;
         if (!ignore.includes(uri)) {
             this.#appCache
-                .setItem(this.#INITAL_REQUEST_STORAGE_KEY, {
+                .setItem(this.#INITIAL_REQUEST_STORAGE_KEY, {
                 uri: uri,
                 timestamp: Date.now()
             })
@@ -3107,10 +3129,10 @@ class AuthService {
      * picked up again after user has been authenticated.
      */
     getInitialRequestUri() {
-        return this.#appCache.getItem(this.#INITAL_REQUEST_STORAGE_KEY);
+        return this.#appCache.getItem(this.#INITIAL_REQUEST_STORAGE_KEY);
     }
     resetInitialRequestUri() {
-        return this.#appCache.removeItem(this.#INITAL_REQUEST_STORAGE_KEY);
+        return this.#appCache.removeItem(this.#INITIAL_REQUEST_STORAGE_KEY);
     }
     /**
      * Initialize/setup the application for a given user. This involves fetching
@@ -3128,10 +3150,10 @@ class AuthService {
             return this.#systemService.getSystemDefinition(this.#authData).pipe(switchMap(() => this.#objectConfigService.init()), map(() => currentUser));
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AuthService, deps: [{ token: CORE_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AuthService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: AuthService, deps: [{ token: CORE_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: AuthService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AuthService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: AuthService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -3182,10 +3204,10 @@ class BpmService {
         const pl = { ...payload, action: action };
         return this.#backend.put(`/bpm/tasks/${taskId}`, pl, ApiBase.apiWeb);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BpmService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BpmService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BpmService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BpmService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BpmService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BpmService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -3193,10 +3215,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
         }] });
 
 class CatalogService {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CatalogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CatalogService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CatalogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CatalogService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CatalogService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CatalogService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -3254,10 +3276,10 @@ class ClientCacheService {
     clear() {
         return this.#appCacheService.clear((k) => k.startsWith(this.#CLIENT_CACHE_PREFIX));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ClientCacheService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ClientCacheService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ClientCacheService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ClientCacheService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ClientCacheService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ClientCacheService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -3349,10 +3371,10 @@ class ClipboardService {
             console.error('Failed to copy text: ', error);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ClipboardService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ClipboardService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ClipboardService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ClipboardService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ClipboardService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ClipboardService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -3388,10 +3410,10 @@ class ConnectionService {
             this.connectionStateSource.next(this.currentState);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ConnectionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ConnectionService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ConnectionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ConnectionService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ConnectionService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ConnectionService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -3573,45 +3595,91 @@ class DeviceService {
         // keyboard appears, so we dont't need to debounce
         return this.isMobile ? 0 : 500;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeviceService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeviceService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DeviceService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DeviceService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeviceService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DeviceService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
         }], ctorParameters: () => [] });
 
-const transformResponse = () => map((res) => (res && res.body ? res.body.objects.map((val) => val) : null));
+// eslint-disable-next-line @typescript-eslint/explicit-function-return-type
+const transformResponse = () => map((res) => (res.body ? res.body.objects.map((val) => val) : null));
 /**
  * Service for providing upload of different object types into a client.
  */
 class UploadService {
     constructor() {
+        // #region Dependencies
         this.#backend = inject(BackendService);
         this.#http = inject(HttpClient);
         this.#logger = inject(Logger);
+        //#endregion
+        //#region Properties
         this.#status = { err: 0, items: [] };
         this.#statusSource = new ReplaySubject();
-        this.status$ = this.#statusSource.pipe(scan((acc, newVal) => ({ ...acc, ...newVal }), this.#status));
         this.#uploadStatus = new BehaviorSubject(null);
+        this.status$ = this.#statusSource.pipe(scan((acc, newVal) => ({ ...acc, ...newVal }), this.#status));
         this.uploadStatus$ = this.#uploadStatus.asObservable();
     }
+    // #region Dependencies
     #backend;
     #http;
     #logger;
+    //#endregion
+    //#region Properties
     #status;
     #statusSource;
     #uploadStatus;
+    //#endregion
+    //#region Public Methods
     /**
      * Upload a file.
      * @param url The URL to upload the file to
      * @param file The file to be uploaded
      * @param label A label that will show up in the upload overlay dialog while uploading
+     *
+     * @deprecated use uploadFile instead. `label`, `silent` as well as `scope` can be provided through `options`.
      */
     upload(url, file, label, silent) {
-        return this.#executeUpload(url, file, label || file.name, silent);
+        return this.#executeUpload(url, file, { label: label || file.name, silent: silent });
+    }
+    /**
+     * Uploads a single file to the specified URL using the structured `FileUploadOptions` object.
+     *
+     * This is the preferred alternative to the legacy `upload()` method. It accepts a typed
+     * options object instead of individual parameters, which makes it easier to pass optional
+     * settings such as `silent` mode and `scope` without relying on positional arguments.
+     *
+     * **Behavior:**
+     * - If `options.silent` is `false` (default), the upload appears in the upload overlay dialog
+     *   and progress is tracked via `status$`
+     * - If `options.silent` is `true`, the upload runs quietly in the background with no UI feedback
+     * - `options.label` is shown in the overlay dialog during upload; falls back to `file.name` if omitted
+     * - `options.scope` tags the upload with a named scope, enabling an `UploadProgressComponent`
+     *   configured with the same scope to display only the uploads relevant to its section of the UI
+     *
+     * @param url - The backend URL to POST the file to
+     * @param file - The `File` object to be uploaded
+     * @param options - Upload configuration: label, silent mode, and optional scope
+     * @returns An `Observable` that emits the server response on completion
+     *
+     * @example
+     * ```typescript
+     * // Standard upload with progress indicator
+     * this.uploadService.uploadFile(url, file, { label: 'Uploading contract.pdf' }).subscribe();
+     *
+     * // Silent upload (no UI, runs in background)
+     * this.uploadService.uploadFile(url, file, { label: 'document.pdf', silent: true }).subscribe();
+     *
+     * // Scoped upload — only the UploadProgressComponent with scope 'profile-editor' will show this
+     * this.uploadService.uploadFile(url, file, { label: 'photo.jpg', scope: 'profile-editor' }).subscribe();
+     * ```
+     */
+    uploadFile(url, file, options) {
+        return this.#executeUpload(url, file, options);
     }
     /**
      * Upload files using multipart upload.
@@ -3619,18 +3687,110 @@ class UploadService {
      * @param files The files to be uploaded
      * @param data Data to be send along with the files
      * @param label A label that will show up in the upload overlay dialog while uploading
+     *
+     * @deprecated Use multipartUpload(url, files, options, data) instead. Provide scope through options.
      */
     uploadMultipart(url, files, data, label, silent) {
-        return this.#executeMultipartUpload(url, files, label || 'Upload', data, silent);
+        return this.#executeMultipartUpload(url, files, { label, silent }, data);
+    }
+    /**
+     * Uploads multiple files to the specified URL using a multipart/form-data request.
+     *
+     * This is the preferred method for multi-file uploads. It accepts a typed `FileUploadOptions`
+     * object for configuration, making it easier to pass `scope` and other options compared
+     * to the legacy `uploadMultipart()` overload.
+     *
+     * **Behavior:**
+     * - All files are bundled into a single `FormData` payload under the `files` field
+     * - Optional `data` is appended as a JSON blob under the `data` field
+     * - If `options.silent` is `false` (default), upload progress is shown in the overlay dialog
+     * - If `options.silent` is `true`, the upload runs in the background with no UI feedback
+     * - `options.scope` tags the upload with a named scope, enabling an `UploadProgressComponent`
+     *   configured with the same scope to display only the uploads relevant to its section of the UI
+     *
+     * @param url - The backend URL to POST the multipart request to
+     * @param files - Array of `File` objects to upload
+     * @param options - Upload configuration: label (required), silent mode, and optional scope
+     * @param data - Optional metadata object to send alongside the files (serialized as JSON)
+     * @returns An `Observable` that emits the server response on completion
+     *
+     * @example
+     * ```typescript
+     * // Upload files with a visible progress indicator
+     * this.uploadService.multipartUpload(url, files, { label: 'Uploading 3 files' }).subscribe();
+     *
+     * // Upload files with additional metadata
+     * this.uploadService
+     *   .multipartUpload(url, files, { label: 'Batch upload' }, { folderId: 'abc123' })
+     *   .subscribe();
+     *
+     * // Scoped upload — only the UploadProgressComponent with scope 'mail-editor' will show this
+     * this.uploadService
+     *   .multipartUpload(url, files, { label: 'attachments', scope: 'mail-editor' })
+     *   .subscribe();
+     * ```
+     */
+    multipartUpload(url, files, options, data) {
+        return this.#executeMultipartUpload(url, files, options, data);
     }
+    /**
+     * Creates a document on the server by sending structured metadata without a file attachment.
+     *
+     * Unlike `uploadFile()` and `multipartUpload()`, this method does not attach any file content.
+     * It is intended for creating document objects from metadata alone — for example, creating
+     * a folder, a placeholder record, or a document entry where the content stream will be
+     * provided separately.
+     *
+     * **Behavior:**
+     * - Sends the `data` object as a JSON blob inside a `FormData` payload
+     * - Progress is NOT tracked — this method does not appear in `status$`
+     * - Errors are re-thrown so the caller can handle them via the returned `Observable`
+     *
+     * @param url - The backend URL to POST the document creation request to
+     * @param data - Metadata object describing the document to be created
+     * @returns An `Observable` that emits the created object(s) on success
+     *
+     * @example
+     * ```typescript
+     * const metadata = {
+     *   objectTypeId: 'yuv:document',
+     *   properties: { 'yuv:title': 'My Document' }
+     * };
+     *
+     * this.uploadService.createDocument(url, metadata).subscribe((result) => {
+     *   console.log('Created:', result);
+     * });
+     * ```
+     */
     createDocument(url, data) {
         const formData = this.#createFormData({ data });
         const request = this.#createHttpRequest(url, { formData }, false);
-        return this.#http.request(request).pipe(filter((obj) => obj && obj.body), transformResponse(), catchError((err) => throwError(() => err)));
+        return this.#http.request(request).pipe(filter((obj) => obj?.body), transformResponse(), catchError((err) => throwError(() => err)));
     }
     /**
-     * Cancels an upload request and removes it from the list of files being uploaded.
-     * @param id ID of the UploadItem to be canceled
+     * Cancels one or all active upload requests and removes them from the tracked upload list.
+     *
+     * This method unsubscribes from the underlying HTTP request, effectively aborting the upload,
+     * and removes the corresponding item(s) from the internal status list. The updated status
+     * is then emitted via `status$` so that any subscribed UI components (e.g. the upload overlay)
+     * can reflect the change immediately.
+     *
+     * **Behavior:**
+     * - If `id` is provided, only the matching upload item is cancelled
+     * - If `id` is omitted, **all** active uploads are cancelled at once
+     * - If the provided `id` does not match any active item, the call is a no-op
+     * - After cancellation, the error count on `status$` is recalculated
+     *
+     * @param id - Optional ID of the upload item to cancel. Omit to cancel all active uploads.
+     *
+     * @example
+     * ```typescript
+     * // Cancel a specific upload by ID
+     * this.uploadService.cancelItem(uploadId);
+     *
+     * // Cancel all ongoing uploads (e.g. on component destroy or user confirmation)
+     * this.uploadService.cancelItem();
+     * ```
      */
     cancelItem(id) {
         if (id) {
@@ -3647,6 +3807,8 @@ class UploadService {
         this.#status.err = this.#status.items.filter((i) => i.err).length;
         this.#statusSource.next(this.#status);
     }
+    //#endregion
+    //#region Utilities
     /**
      * Prepares Formdata for multipart upload.
      * @param from contains form and or file
@@ -3654,6 +3816,7 @@ class UploadService {
     #createFormData({ file, data }) {
         const formData = new FormData();
         (file || []).forEach((f) => formData.append('files', f, f.name));
+        // eslint-disable-next-line @typescript-eslint/no-unused-expressions
         data ? formData.append('data', new Blob([JSON.stringify(data)], { type: 'application/json' })) : null;
         return formData;
     }
@@ -3666,8 +3829,8 @@ class UploadService {
      */
     #createHttpRequest(url, content, reportProgress, method = 'POST') {
         const { formData, file } = content;
-        // add request param to bypass the serviceworker
-        url += `${url.indexOf('?') === -1 ? '?' : '&'}ngsw-bypass=1`;
+        // add request param to bypass the service-worker
+        url += `${!url.includes('?') ? '?' : '&'}ngsw-bypass=1`;
         let headers = this.#backend.getAuthHeaders();
         if (file) {
             headers = headers.set('Content-Disposition', `attachment; filename*=utf-8''${encodeURIComponent(file.name)}`);
@@ -3680,25 +3843,29 @@ class UploadService {
      * @param file The file to be uploaded
      * @param label A label that will show up in the upload overlay dialog while uploading
      */
-    #executeUpload(url, file, label, silent = false) {
+    #executeUpload(url, file, options) {
+        const silent = options.silent === true;
+        const label = options.label || file.name;
         const request = this.#createHttpRequest(url, { file }, !silent);
         return silent
             ? this.#http.request(request).pipe(filter((res) => res instanceof HttpResponse))
-            : this.#startUploadWithFile(request, label).pipe(transformResponse());
+            : this.#startUploadWithFile(request, label, options.scope).pipe(transformResponse());
     }
     /**
      * Prepare multipart upload.
      * @param url The URL to upload the file to
-     * @param file Array of files to be uploaded
+     * @param files Array of files to be uploaded
      * @param label A label that will show up in the upload overlay dialog while uploading
      * @param data Data to be send along with the files
      */
-    #executeMultipartUpload(url, file, label, data, silent = false) {
-        const formData = this.#createFormData({ file, data });
+    #executeMultipartUpload(url, files, options, data) {
+        const label = options.label ?? 'Upload';
+        const silent = options.silent === true;
+        const formData = this.#createFormData({ file: files, data });
         const request = this.#createHttpRequest(url, { formData }, !silent);
         return silent
             ? this.#http.request(request).pipe(filter((res) => res instanceof HttpResponse))
-            : this.#startUploadWithFile(request, label).pipe(transformResponse());
+            : this.#startUploadWithFile(request, label, options.scope).pipe(transformResponse());
     }
     #generateResult(result) {
         const objects = result.body?.objects;
@@ -3730,14 +3897,15 @@ class UploadService {
     }
     #createProgressStatus(event, progress, id) {
         if (event.type === HttpEventType.UploadProgress) {
-            const percentDone = Math.round((100 * event.loaded) / event.total);
+            const fullPercentage = 100;
+            const percentDone = Math.round((fullPercentage * event.loaded) / event.total);
             progress.next(percentDone);
         }
         else if (event instanceof HttpResponse) {
             progress.complete();
             // add upload response
             // this.status.items = this.status.items.filter(s => s.id !== id);
-            const idx = this.#status.items.findIndex((s) => s.id === id);
+            const idx = this.#status.items.findIndex((item) => item.id === id);
             if (idx !== -1) {
                 this.#status.items[idx].result = this.#generateResult(event);
                 this.#statusSource.next(this.#status);
@@ -3745,7 +3913,7 @@ class UploadService {
         }
     }
     #createUploadError(err, progress, id) {
-        const statusItem = this.#status.items.find((s) => s.id === id);
+        const statusItem = this.#status.items.find((item) => item.id === id);
         statusItem.err = {
             code: err.status,
             message: err.error ? err.error.errorMessage : err.message
@@ -3761,8 +3929,8 @@ class UploadService {
      * @param request Request to be executed
      * @param label A label that will show up in the upload overlay dialog while uploading
      */
-    #startUploadWithFile(request, label) {
-        return new Observable((o) => {
+    #startUploadWithFile(request, label, scope) {
+        return new Observable((uploadObserver) => {
             const id = Utils.uuid();
             const progress = new Subject();
             let result;
@@ -3776,14 +3944,14 @@ class UploadService {
                 .subscribe({
                 next: (res) => (res.status ? (result = res) : null),
                 error: (err) => {
-                    o.error(err);
+                    uploadObserver.error(err);
                     this.#uploadStatus.next(true);
-                    o.complete();
+                    uploadObserver.complete();
                 },
                 complete: () => {
-                    o.next(result);
+                    uploadObserver.next(result);
                     this.#uploadStatus.next(true);
-                    o.complete();
+                    uploadObserver.complete();
                 }
             });
             this.#status.items.push({
@@ -3791,15 +3959,16 @@ class UploadService {
                 filename: label,
                 progress: progress.asObservable(),
                 subscription,
+                scope: scope,
                 err: undefined
             });
             this.#statusSource.next(this.#status);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: UploadService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: UploadService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UploadService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UploadService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: UploadService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UploadService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -3814,26 +3983,6 @@ class DmsService {
     #backend = inject(BackendService);
     #eventService = inject(EventService);
     #uploadService = inject(UploadService);
-    // general trigger operator to handle all dms events
-    triggerEvent(event, id, silent = false) {
-        return (stream) => stream.pipe(
-        // update does not return permissions, so we need to re-load the whole dms object
-        // TODO: Remove once permissions are provided
-        switchMap((res) => (!id ? of(res) : this.getDmsObject(id))), 
-        // TODO: enable once permissions are provided
-        // map((res) => this.searchResultToDmsObject(this.searchService.toSearchResult(res).items[0])),
-        tap((res) => !silent && this.#eventService.trigger(event, res)));
-    }
-    // general trigger operator to handle all dms events
-    #triggerEvents(event, ids, silent = false) {
-        return (stream) => stream.pipe(
-        // update does not return permissions, so we need to re-load the whole dms object
-        // TODO: Remove once permissions are provided
-        switchMap((res) => (!ids ? of(res) : this.getDmsObjects(ids))), 
-        // TODO: enable once permissions are provided
-        // map((_res: any[]) => _res.map((res, i) => res?._error ? { ...res, id: ids?[i] } : this.searchResultToDmsObject(this.searchService.toSearchResult(res).items[0]))),
-        map((_res) => _res.map((res, i) => (res?._error && ids ? { ...res, id: ids[i] } : res))), tap((res) => !silent && res.forEach((o) => o && this.#eventService.trigger(event, o))));
-    }
     /**
      * Create new dms object(s). Providing an array of files here instead of one will create
      * a new dms object for every file. In this case indexdata will shared across all files.
@@ -3845,12 +3994,15 @@ class DmsService {
      * @returns Array of IDs of the objects that have been created
      */
     createDmsObject(objectTypeId, indexdata, files, label, silent = false, options = { waitForSearchConsistency: true }) {
-        const url = `${this.#backend.getApiBase(ApiBase.apiWeb)}/dms/objects${options.waitForSearchConsistency ? '?waitForSearchConsistency=true' : ''}`;
+        const url = `${this.#backend.getApiBase(ApiBase.apiWeb)}/dms/objects` +
+            `${options.waitForSearchConsistency ? '?waitForSearchConsistency=true' : ''}`;
         const data = indexdata;
         data[BaseObjectTypeField.OBJECT_TYPE_ID] = objectTypeId;
-        const upload = files.length ? this.#uploadService.uploadMultipart(url, files, data, label, silent) : this.#uploadService.createDocument(url, data);
+        const upload = files.length
+            ? this.#uploadService.multipartUpload(url, files, { label: label ?? '', silent, scope: options.scope }, data)
+            : this.#uploadService.createDocument(url, data);
         return upload
-            .pipe(map((res) => res.map((r) => r.properties[BaseObjectTypeField.OBJECT_ID].value)), 
+            .pipe(map((res) => res.map((response) => response.properties[BaseObjectTypeField.OBJECT_ID].value)), 
         // TODO: Replace by proper solution
         // Right now there is a gap between when the object was
         // created and when it is indexed. So delaying here will
@@ -3875,17 +4027,66 @@ class DmsService {
      * @param version version of the object to be restored
      */
     restoreDmsObject(id, version, silent = false) {
+        // eslint-disable-next-line max-len
         const url = `/dms/objects/${id}/versions/${version}/actions/restore?waitForSearchConsistency=true&restoreParentId=false`;
-        return this.#backend.post(url, {}, ApiBase.apiWeb).pipe(this.triggerEvent(YuvEventType.DMS_OBJECT_UPDATED, id, silent));
+        return this.#backend
+            .post(url, {}, ApiBase.apiWeb)
+            .pipe(this.triggerEvent(YuvEventType.DMS_OBJECT_UPDATED, id, silent));
     }
     /**
      * Upload (add/replace) content to a dms object.
      * @param objectId ID of the dms object to upload the file to
      * @param file The file to be uploaded
      * @param label A label that will show up in the upload overlay dialog while uploading
+     *
+     * @deprecated use uploadFileContent instead. Provide label and silent through `options`
      */
     uploadContent(objectId, file, label, silent) {
-        return this.#uploadService.upload(this.getContentPath(objectId), file, label, silent).pipe(this.triggerEvent(YuvEventType.DMS_OBJECT_UPDATED, objectId));
+        return this.#uploadService
+            .upload(this.getContentPath(objectId), file, label, silent)
+            .pipe(this.triggerEvent(YuvEventType.DMS_OBJECT_UPDATED, objectId));
+    }
+    /**
+     * Uploads a file as the content of an existing DMS object, replacing or setting its content stream.
+     *
+     * This is the preferred alternative to the legacy `uploadContent()` method. It accepts a typed
+     * `FileUploadOptions` object instead of individual parameters, which enables full control over
+     * the upload label, silent mode, and scope-based progress visibility.
+     *
+     * After a successful upload, a `DMS_OBJECT_UPDATED` event is triggered automatically so that
+     * any subscribed parts of the application can react to the change (e.g. refreshing a preview).
+     *
+     * **Behavior:**
+     * - Targets the content endpoint of the given DMS object: `/dms/objects/{objectId}/contents/file`
+     * - `options.label` is shown in the upload progress indicator; falls back to `file.name` if omitted
+     * - If `options.silent` is `true`, the upload runs in the background with no UI feedback
+     *   and no `DMS_OBJECT_UPDATED` event is emitted
+     * - `options.scope` tags the upload so that only the `UploadProgressComponent` instance
+     *   configured with the same scope will display progress for this upload
+     *
+     * @param objectId - ID of the DMS object whose content should be uploaded or replaced
+     * @param file - The `File` object to upload as the new content stream
+     * @param options - Upload configuration: label, silent mode, and optional scope
+     * @returns An `Observable` that emits the updated DMS object on completion
+     *
+     * @example
+     * ```typescript
+     * // Replace content with a visible progress indicator
+     * this.dmsService.uploadFileContent(objectId, file, { label: 'Uploading contract.pdf' }).subscribe();
+     *
+     * // Silent replacement (no UI feedback, no event emitted)
+     * this.dmsService.uploadFileContent(objectId, file, { label: 'report.pdf', silent: true }).subscribe();
+     *
+     * // Scoped upload — only UploadProgressComponent with scope 'detail-panel' will show this
+     * this.dmsService
+     *   .uploadFileContent(objectId, file, { label: 'photo.jpg', scope: 'detail-panel' })
+     *   .subscribe();
+     * ```
+     */
+    uploadFileContent(objectId, file, options) {
+        return this.#uploadService
+            .uploadFile(this.getContentPath(objectId), file, { ...options, label: options.label ?? file.name })
+            .pipe(this.triggerEvent(YuvEventType.DMS_OBJECT_UPDATED, objectId));
     }
     /**
      * Path of dms object content file.
@@ -3893,7 +4094,8 @@ class DmsService {
      * @param version version number of the dms object
      */
     getContentPath(objectId, version) {
-        return `${this.#backend.getApiBase(ApiBase.apiWeb)}/dms/objects/${objectId}/contents/file${version ? '?version=' + version : ''}`;
+        return (`${this.#backend.getApiBase(ApiBase.apiWeb)}/dms/objects/` +
+            `${objectId}/contents/file${version ? '?version=' + version : ''}`);
     }
     /**
      * Original API Path of dms object content file.
@@ -3902,7 +4104,8 @@ class DmsService {
      * @param rendition should return rendition path of the dms object
      */
     getFullContentPath(objectId, version, rendition = false) {
-        return `${this.#backend.getApiBase(ApiBase.core, true)}/dms/objects/${objectId}${version ? '/versions/' + version : ''}/contents/${rendition ? 'renditions/pdf' : 'file'}`;
+        return (`${this.#backend.getApiBase(ApiBase.core, true)}/dms/objects/` +
+            `${objectId}${version ? '/versions/' + version : ''}/contents/${rendition ? 'renditions/pdf' : 'file'}`);
     }
     getSlideURI(objectId, mimeType) {
         const supportedMimeTypes = ['*/*'];
@@ -3911,7 +4114,9 @@ class DmsService {
             // check if mime type supports slides
             supportedMimeTypes.forEach((p) => (supported = supported || Utils.patternToRegExp(p).test(mimeType)));
         }
-        return !mimeType || supported ? `${this.#backend.getApiBase(ApiBase.core, true)}/dms/objects/${objectId}/contents/renditions/slide` : undefined;
+        return !mimeType || supported
+            ? `${this.#backend.getApiBase(ApiBase.core, true)}/dms/objects/${objectId}/contents/renditions/slide`
+            : undefined;
     }
     /**
      * Downloads the content of dms objects.
@@ -3969,7 +4174,9 @@ class DmsService {
      * @param tag The tag to be deleted
      */
     deleteDmsObjectTag(id, tag, silent = false) {
-        return this.#backend.delete(`/dms/objects/${id}/tags/${tag}`, ApiBase.core).pipe(this.triggerEvent(YuvEventType.DMS_OBJECT_UPDATED, id, silent));
+        return this.#backend
+            .delete(`/dms/objects/${id}/tags/${tag}`, ApiBase.core)
+            .pipe(this.triggerEvent(YuvEventType.DMS_OBJECT_UPDATED, id, silent));
     }
     /**
      * Update indexdata of a dms object.
@@ -4070,7 +4277,9 @@ class DmsService {
      */
     getDmsObjects(ids, silent = false) {
         return this.batchGet(ids)
-            .pipe(map((_res) => _res.map((res, i) => (res?._error ? { ...res, id: ids[i] } : this.#searchResultToDmsObject(this.#searchService.toSearchResult(res).items[0])))))
+            .pipe(map((_res) => _res.map((res, i) => res?._error
+            ? { ...res, id: ids[i] }
+            : this.#searchResultToDmsObject(this.#searchService.toSearchResult(res).items[0]))))
             .pipe(this.#triggerEvents(YuvEventType.DMS_OBJECT_LOADED, undefined, silent));
     }
     /**
@@ -4135,9 +4344,6 @@ class DmsService {
             content: res.contentStreams?.[0]
         });
     }
-    #searchResultToDmsObject(resItem) {
-        return new DmsObject(resItem);
-    }
     /**
      * Transforms a plain data object to a DmsObject.
      * @param data The plain data object
@@ -4201,7 +4407,9 @@ class DmsService {
                     if (o.properties[key].resolvedValues) {
                         value.forEach((v) => {
                             Object.keys(v).forEach((k) => {
-                                const resValue = Array.isArray(v[k]) ? v[k].map((i) => o.properties[key].resolvedValues[i]) : o.properties[key].resolvedValues[v[k]];
+                                const resValue = Array.isArray(v[k])
+                                    ? v[k].map((i) => o.properties[key].resolvedValues[i])
+                                    : o.properties[key].resolvedValues[v[k]];
                                 if (resValue) {
                                     v[`${k}_title`] = resValue;
                                 }
@@ -4218,10 +4426,10 @@ class DmsService {
             // Objects that don't have files attached won't have this section
             let content;
             if (o.contentStreams && o.contentStreams.length > 0) {
-                // we assume that each result object only has ONE file attached, altough
+                // we assume that each result object only has ONE file attached, although
                 // this is an array and there may be more
                 const contentStream = o.contentStreams[0];
-                // also add contentstream related fields to the result fields
+                // also add content-stream related fields to the result fields
                 fields.set(ContentStreamField.LENGTH, contentStream.length);
                 fields.set(ContentStreamField.MIME_TYPE, contentStream.mimeType);
                 fields.set(ContentStreamField.FILENAME, contentStream.fileName);
@@ -4241,8 +4449,10 @@ class DmsService {
                     size: contentStream.length
                 };
             }
-            const objectTypeId = o.properties[BaseObjectTypeField.OBJECT_TYPE_ID] ? o.properties[BaseObjectTypeField.OBJECT_TYPE_ID].value : null;
-            if (objectTypes.indexOf(objectTypeId) === -1) {
+            const objectTypeId = o.properties[BaseObjectTypeField.OBJECT_TYPE_ID]
+                ? o.properties[BaseObjectTypeField.OBJECT_TYPE_ID].value
+                : null;
+            if (!objectTypes.includes(objectTypeId)) {
                 objectTypes.push(objectTypeId);
             }
             resultListItems.push({
@@ -4260,10 +4470,34 @@ class DmsService {
         };
         return result;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DmsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DmsService, providedIn: 'root' }); }
+    // general trigger operator to handle all dms events
+    triggerEvent(event, id, silent = false) {
+        return (stream) => stream.pipe(
+        // update does not return permissions, so we need to re-load the whole dms object
+        // TODO: Remove once permissions are provided
+        switchMap((res) => (!id ? of(res) : this.getDmsObject(id))), 
+        // TODO: enable once permissions are provided
+        // map((res) => this.searchResultToDmsObject(this.searchService.toSearchResult(res).items[0])),
+        tap((res) => !silent && this.#eventService.trigger(event, res)));
+    }
+    // general trigger operator to handle all dms events
+    #triggerEvents(event, ids, silent = false) {
+        return (stream) => stream.pipe(
+        // update does not return permissions, so we need to re-load the whole dms object
+        // TODO: Remove once permissions are provided
+        switchMap((res) => (!ids ? of(res) : this.getDmsObjects(ids))), 
+        // TODO: enable once permissions are provided
+        // map((_res: any[]) => _res.map((res, i) => res?._error ?
+        // { ...res, id: ids?[i] } : this.searchResultToDmsObject(this.searchService.toSearchResult(res).items[0]))),
+        map((_res) => _res.map((res, i) => (res?._error && ids ? { ...res, id: ids[i] } : res))), tap((res) => !silent && res.forEach((o) => o && this.#eventService.trigger(event, o))));
+    }
+    #searchResultToDmsObject(resItem) {
+        return new DmsObject(resItem);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DmsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DmsService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DmsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DmsService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -4358,10 +4592,10 @@ class IdmService {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IdmService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IdmService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IdmService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IdmService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: IdmService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: IdmService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -4543,10 +4777,10 @@ class ToastService {
         style.innerHTML = YuvToastStyles;
         this.document.head.appendChild(style);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ToastService, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ToastService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ToastService, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ToastService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ToastService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ToastService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -4671,10 +4905,10 @@ class NotificationService {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: NotificationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: NotificationService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: NotificationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: NotificationService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: NotificationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: NotificationService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -4811,10 +5045,10 @@ class PendingChangesService {
         this.#tasks = [];
         this.#tasksSource.next(this.#tasks);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: PendingChangesService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: PendingChangesService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: PendingChangesService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: PendingChangesService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: PendingChangesService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: PendingChangesService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -4832,10 +5066,10 @@ class PendingChangesGuard {
         // if there are no pending changes, just allow deactivation; else confirm first
         return !this.pendingChanges.check(component);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: PendingChangesGuard, deps: [{ token: PendingChangesService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: PendingChangesGuard, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: PendingChangesGuard, deps: [{ token: PendingChangesService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: PendingChangesGuard, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: PendingChangesGuard, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: PendingChangesGuard, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -4990,10 +5224,10 @@ class DialogCloseGuard {
         dialogRef.disableClose = true;
         return merge(dialogRef.backdropClick(), dialogRef.keydownEvents().pipe(filter$1((event) => event.key === 'Escape'))).pipe(switchMap$1(() => of(this.#pendingChangesService.check())), map$1((canClose) => !canClose && dialogRef.close()));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DialogCloseGuard, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DialogCloseGuard }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DialogCloseGuard, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DialogCloseGuard }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DialogCloseGuard, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DialogCloseGuard, decorators: [{
             type: Injectable
         }] });
 
@@ -5011,10 +5245,10 @@ class TabGuardDirective {
         const hasPending = this.#pending.hasPendingTask();
         this.#tabGroup._tabs.forEach((tab, i) => (tab.disabled = hasPending && i !== activeIndex));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TabGuardDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.15", type: TabGuardDirective, isStandalone: true, selector: "mat-tab-group[yuvTabGuardDisable]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TabGuardDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: TabGuardDirective, isStandalone: true, selector: "mat-tab-group[yuvTabGuardDisable]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TabGuardDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TabGuardDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'mat-tab-group[yuvTabGuardDisable]'
@@ -5065,10 +5299,10 @@ class PredictionService {
             }
         }), {})));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: PredictionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: PredictionService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: PredictionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: PredictionService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: PredictionService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: PredictionService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -5127,10 +5361,10 @@ class RetentionService {
         else
             return { underRetention: false };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: RetentionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: RetentionService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: RetentionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: RetentionService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: RetentionService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: RetentionService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -5319,10 +5553,10 @@ class SessionStorageService {
         }
         return res;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SessionStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SessionStorageService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: SessionStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: SessionStorageService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SessionStorageService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: SessionStorageService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -5353,10 +5587,10 @@ class UserStorageService {
     #sanitizeSection(section) {
         return encodeURIComponent(section);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: UserStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: UserStorageService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UserStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UserStorageService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: UserStorageService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UserStorageService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -5374,10 +5608,10 @@ class LocaleDecimalPipe extends DecimalPipe {
     transform(value, digits, locale) {
         return super.transform(value, digits, locale || this.translate.currentLang || 'en');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LocaleDecimalPipe, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: LocaleDecimalPipe, isStandalone: true, name: "localeDecimal" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: LocaleDecimalPipe, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: LocaleDecimalPipe, isStandalone: true, name: "localeDecimal" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LocaleDecimalPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: LocaleDecimalPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'localeDecimal',
@@ -5395,10 +5629,10 @@ class LocalePercentPipe extends PercentPipe {
     transform(value, digits, locale) {
         return super.transform(value, digits, locale || this.translate.currentLang || 'en');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LocalePercentPipe, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: LocalePercentPipe, isStandalone: true, name: "localePercent", pure: false }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: LocalePercentPipe, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: LocalePercentPipe, isStandalone: true, name: "localePercent", pure: false }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LocalePercentPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: LocalePercentPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'localePercent',
@@ -5417,10 +5651,10 @@ class LocaleCurrencyPipe extends CurrencyPipe {
     transform(value, currencyCode, display, digits, locale) {
         return super.transform(value, currencyCode, display, digits, locale || this.translate.currentLang || 'en');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LocaleCurrencyPipe, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: LocaleCurrencyPipe, isStandalone: true, name: "localeCurrency" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: LocaleCurrencyPipe, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: LocaleCurrencyPipe, isStandalone: true, name: "localeCurrency" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LocaleCurrencyPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: LocaleCurrencyPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'localeCurrency',
@@ -5462,10 +5696,10 @@ class LocaleNumberPipe {
         scale = typeof scale === 'number' ? scale : 2;
         return this.transform(value, grouping, pattern, scale, `1.${scale}-${scale}`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LocaleNumberPipe, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: LocaleNumberPipe, isStandalone: true, name: "localeNumber" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: LocaleNumberPipe, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: LocaleNumberPipe, isStandalone: true, name: "localeNumber" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LocaleNumberPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: LocaleNumberPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'localeNumber',
@@ -5499,10 +5733,10 @@ class FileSizePipe extends LocaleNumberPipe {
         const number = super.stringToNumber((match ? match[1] : value).trim());
         return isNaN(number) ? number : Math.round(number * Math.pow(1024, match ? sizes.indexOf(match[2]) : 0));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FileSizePipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: FileSizePipe, isStandalone: true, name: "fileSize" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: FileSizePipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: FileSizePipe, isStandalone: true, name: "fileSize" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FileSizePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: FileSizePipe, decorators: [{
             type: Pipe,
             args: [{ name: 'fileSize', standalone: true }]
         }] });
@@ -5537,10 +5771,10 @@ class LocaleDatePipe {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LocaleDatePipe, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: LocaleDatePipe, isStandalone: true, name: "localeDate" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: LocaleDatePipe, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: LocaleDatePipe, isStandalone: true, name: "localeDate" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LocaleDatePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: LocaleDatePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'localeDate',
@@ -5561,10 +5795,10 @@ class SafeHtmlPipe {
     transform(style) {
         return this.sanitizer.bypassSecurityTrustHtml(style);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SafeHtmlPipe, deps: [{ token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: SafeHtmlPipe, isStandalone: true, name: "safeHtml" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: SafeHtmlPipe, deps: [{ token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: SafeHtmlPipe, isStandalone: true, name: "safeHtml" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SafeHtmlPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: SafeHtmlPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'safeHtml', standalone: true }]
         }], ctorParameters: () => [{ type: i1$1.DomSanitizer }] });
@@ -5580,10 +5814,10 @@ class SafeUrlPipe {
     transform(url) {
         return this.sanitizer.bypassSecurityTrustResourceUrl(url);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SafeUrlPipe, deps: [{ token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: SafeUrlPipe, isStandalone: true, name: "safeUrl" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: SafeUrlPipe, deps: [{ token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: SafeUrlPipe, isStandalone: true, name: "safeUrl" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SafeUrlPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: SafeUrlPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'safeUrl', standalone: true }]
         }], ctorParameters: () => [{ type: i1$1.DomSanitizer }] });
@@ -5595,10 +5829,10 @@ class KeysPipe {
     transform(value) {
         return Object.keys(value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: KeysPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: KeysPipe, isStandalone: true, name: "keys", pure: false }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: KeysPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: KeysPipe, isStandalone: true, name: "keys", pure: false }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: KeysPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: KeysPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'keys', pure: false, standalone: true }]
         }] });
@@ -5631,10 +5865,10 @@ class NativeNotificationService {
             };
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: NativeNotificationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: NativeNotificationService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: NativeNotificationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: NativeNotificationService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: NativeNotificationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: NativeNotificationService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -5724,7 +5958,9 @@ let EoxTranslateJsonLoader = class EoxTranslateJsonLoader {
         return forkJoin(t).pipe(map((res) => res.reduce((acc, x) => Object.assign(acc, x), {})));
     }
     loadTranslationFile(path, lang) {
-        return this.http.get(`${Utils.getBaseHref()}${path}${lang}.json`).pipe(catchError(() => {
+        const version = document.body.dataset['bt'] ?? document.body.dataset['version'];
+        const cacheBuster = version ? `?v=${version}` : '';
+        return this.http.get(`${Utils.getBaseHref()}${path}${lang}.json${cacheBuster}`).pipe(catchError(() => {
             // ISO codes with more than 2 characters are sub-languages like de-CH.
             // If there is no translation file for that sub-language we'll try to load
             // the file for the base language (in this case de).