@yuuvis/client-core 3.0.0 → 3.1.0

package/fesm2022/yuuvis-client-core.mjs

@@ -6,7 +6,7 @@ import { HttpErrorResponse, HttpClient, HttpHeaders, HttpRequest, HttpParams, Ht
 import * as i0 from '@angular/core';
 import { inject, Injectable, InjectionToken, NgZone, DOCUMENT, Inject, signal, Directive, Pipe, provideEnvironmentInitializer, makeEnvironmentProviders, provideAppInitializer } from '@angular/core';
 import { tap, finalize, shareReplay, catchError, map, switchMap, first, filter, scan, delay } from 'rxjs/operators';
-import { EMPTY, Subject, of, forkJoin, Observable, ReplaySubject, BehaviorSubject, tap as tap$1, map as map$1, merge, fromEvent, filter as filter$1, debounceTime, throwError, catchError as catchError$1, switchMap as switchMap$1, isObservable } from 'rxjs';
+import { EMPTY, Subject, of, forkJoin, Observable, tap as tap$1, catchError as catchError$1, ReplaySubject, BehaviorSubject, map as map$1, throwError, switchMap as switchMap$1, merge, fromEvent, filter as filter$1, debounceTime, isObservable } from 'rxjs';
 import { StorageMap } from '@ngx-pwa/local-storage';
 import { __decorate, __param, __metadata } from 'tslib';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
@@ -80,6 +80,8 @@ const SystemType = {
     FOLDER: 'system:folder',
     AUDIT: 'system:audit',
     ITEM: 'system:item',
+    CATALOG: 'system:catalog',
+    CATALOG_ENTRY: 'system:catalogEntry',
     RELATIONSHIP: 'system:relationship',
     SOT: 'system:secondary'
 };
@@ -106,6 +108,13 @@ const RelationshipTypeField = {
     SOURCE_ID: 'system:sourceId',
     TARGET_ID: 'system:targetId'
 };
+const CatalogTypeField = {
+    NATIVE_ID: 'system:nativeId',
+    CATALOG_NATIVE_ID: 'system:catalogNativeId',
+    DATE_VALID_FROM: 'system:dateValidFrom',
+    DATE_VALID_UNTIL: 'system:dateValidUntil',
+    LOCALIZATION: 'system:localization'
+};
 const BaseObjectTypeField = {
     OBJECT_TYPE_ID: 'system:objectTypeId',
     VERSION_NUMBER: 'system:versionNumber',
@@ -167,8 +176,6 @@ var ContentStreamAllowed;
 var Classification;
 (function (Classification) {
     Classification["STRING_CATALOG_I18N"] = "i18n:catalog";
-    Classification["STRING_CATALOG_CUSTOM"] = "custom:catalog";
-    Classification["STRING_CATALOG_DYNAMIC"] = "dynamic:catalog";
     Classification["STRING_CATALOG"] = "catalog";
     Classification["STRING_ORGANIZATION"] = "id:organization";
     Classification["STRING_ORGANIZATION_SET"] = "id:organization:set";
@@ -1362,6 +1369,70 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                 }]
         }] });
 
+/**
+ * Service managing localizations. The localizations are fetched
+ * during app initialization and stored in this service for
+ * later use.
+ *
+ * Localizations could be extended by providing custom key-value pairs.
+ */
+class LocalizationService {
+    #backend = inject(BackendService);
+    #translate = inject(TranslateService);
+    #i18n = {};
+    /**
+     * Extension for localizations. This allows to add custom localizations without
+     * modifying the localizations provided by the backend. The extension is applied
+     * on top of the localizations fetched from the backend, so it can be used to override
+     * existing localizations as well.
+     * Stored as record where the key is the language code (e.g. 'en', 'de', ...) and the
+     * value is a record of key-value pairs for localizations.
+     */
+    #extension = {};
+    // called while app/core is initialized (APP_INITIALIZER)
+    fetchLocalizations() {
+        return this.#backend.get('/resources/text').pipe(tap$1((res) => (this.#i18n = res)), catchError$1((error) => {
+            // in case of an error, return an empty object to avoid breaking the app
+            console.error('Failed to fetch localizations', error);
+            return of({});
+        }));
+    }
+    getLocalizedResource(key) {
+        const iso = this.#translate.getCurrentLang();
+        return { ...this.#i18n, ...this.#extension[iso] }[key] || key;
+    }
+    getLocalizedLabel(id) {
+        return this.getLocalizedResource(`${id}_label`);
+    }
+    getLocalizedDescription(id) {
+        return this.getLocalizedResource(`${id}_description`);
+    }
+    /**
+     * Extend localizations with custom key-value pairs. This allows to add custom localizations without
+     * modifying the localizations provided by the backend. The extension is applied
+     * on top of the localizations fetched from the backend, so it can be used to override
+     * existing localizations as well.
+     * @param localizations Record of key-value pairs for localizations, where the key is the language
+     * code (e.g. 'en', 'de', ...) and the value is a record of key-value pairs for localizations.
+     * Example:
+     * {
+     *   en: { 'key1': 'value1', 'key2': 'value2' },
+     *   de: { 'key1': 'wert1', 'key2': 'wert2' }
+     * }
+     */
+    extendLocalizations(localizations) {
+        this.#extension = { ...this.#extension, ...localizations };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: LocalizationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: LocalizationService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: LocalizationService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
 /**
  * Providing system definitions.
  */
@@ -1370,6 +1441,7 @@ class SystemService {
         this.#backend = inject(BackendService);
         this.#appCache = inject(AppCacheService);
         this.#logger = inject(Logger);
+        this.#localization = inject(LocalizationService);
         this.#STORAGE_KEY = 'yuv.core.system.definition';
         this.#STORAGE_KEY_AUTH_DATA = 'yuv.core.auth.data';
         this.#STORAGE_KEY_FORMS = 'yuv.core.forms__';
@@ -1378,12 +1450,11 @@ class SystemService {
         this.#resolvedClassificationsCache = {};
         this.#systemSource = new ReplaySubject();
         this.system$ = this.#systemSource.asObservable();
-        // cache for resolved visible tags because they are used in lists and therefore should not be re-evaluated all the time
-        this.#visibleTagsCache = {};
     }
     #backend;
     #appCache;
     #logger;
+    #localization;
     #STORAGE_KEY;
     #STORAGE_KEY_AUTH_DATA;
     #STORAGE_KEY_FORMS;
@@ -1391,8 +1462,6 @@ class SystemService {
     #iconCache;
     #resolvedClassificationsCache;
     #systemSource;
-    // cache for resolved visible tags because they are used in lists and therefore should not be re-evaluated all the time
-    #visibleTagsCache;
     #permissions;
     /**
      * Get all object types
@@ -1401,16 +1470,9 @@ class SystemService {
     getObjectTypes(withLabels, situation) {
         // Filter by user permissions based on situation
         const objectTypes = this.#filterByPermissions([...this.system.objectTypes, ...this.system.secondaryObjectTypes.map((sot) => this.#sotToGenericType(sot))], situation);
-        return withLabels ? objectTypes.map((t) => ({ ...t, label: this.getLocalizedResource(`${t.id}_label`) })) : objectTypes;
-    }
-    #sotToGenericType(sot) {
-        return {
-            ...sot,
-            isFolder: false,
-            creatable: true,
-            secondaryObjectTypes: [],
-            isSot: true
-        };
+        return withLabels
+            ? objectTypes.map((type) => ({ ...type, label: this.#localization.getLocalizedLabel(type.id) }))
+            : objectTypes;
     }
     /**
      * Get all secondary object types
@@ -1418,15 +1480,9 @@ class SystemService {
      */
     getSecondaryObjectTypes(withLabels, situation) {
         const sots = this.#filterByPermissions(this.system.secondaryObjectTypes.map((sot) => this.#sotToGenericType(sot)), situation);
-        return ((withLabels ? sots.map((t) => ({ ...t, label: this.getLocalizedResource(`${t.id}_label`) })) : sots)
-            // ignore
-            .filter((t) => t.id !== t.baseId && !t.id.startsWith('system:') && t.id !== 'appClientsystem:leadingType'));
-    }
-    #filterByPermissions(types, situation) {
-        if (!situation)
-            return types;
-        const allowedTypes = situation === 'search' ? this.#permissions.searchableObjectTypes : this.#permissions.createableObjectTypes;
-        return types.filter((t) => allowedTypes.includes(t.id));
+        return (withLabels
+            ? sots.map((objectType) => ({ ...objectType, label: this.#localization.getLocalizedLabel(objectType.id) }))
+            : sots).filter((objectType) => objectType.id !== objectType.baseId && !objectType.id.startsWith('system:'));
     }
     /**
      * Get a particular object type
@@ -1434,7 +1490,9 @@ class SystemService {
      * @param withLabel Whether or not to also add the types label
      */
     getObjectType(objectTypeId, withLabel) {
-        let objectType = objectTypeId === SystemType.OBJECT ? this.getBaseType() : this.system.objectTypes.find((ot) => ot.id === objectTypeId);
+        let objectType = objectTypeId === SystemType.OBJECT
+            ? this.getBaseType()
+            : this.system.objectTypes.find((objectType) => objectType.id === objectTypeId);
         if (objectType && withLabel) {
             objectType.label = this.getLocalizedResource(`${objectType.id}_label`) || objectTypeId;
         }
@@ -1454,16 +1512,16 @@ class SystemService {
      * @param withLabel Whether or not to also add the types label
      */
     getSecondaryObjectType(objectTypeId, withLabel) {
-        const objectType = this.system.secondaryObjectTypes.find((ot) => ot.id === objectTypeId);
+        const objectType = this.system.secondaryObjectTypes.find((objectType) => objectType.id === objectTypeId);
         if (objectType && withLabel) {
-            objectType.label = this.getLocalizedResource(`${objectType.id}_label`) || objectType.id;
+            objectType.label = this.#localization.getLocalizedLabel(objectType.id) || objectType.id;
         }
         return objectType;
     }
     getRelationship(id, withLabel) {
-        const relationship = this.system.relationships.find((r) => r.id === id);
+        const relationship = this.system.relationships.find((relationship) => relationship.id === id);
         if (relationship && withLabel) {
-            relationship.label = this.getLocalizedLabel(relationship.id) || relationship.id;
+            relationship.label = this.#localization.getLocalizedLabel(relationship.id) || relationship.id;
         }
         return relationship;
     }
@@ -1506,15 +1564,14 @@ class SystemService {
         const sysFolder = this.getBaseFolderType();
         const sysDocument = this.getBaseDocumentType();
         // base type contains only fields that are shared by base document and base folder ...
-        const folderTypeFieldIDs = sysFolder.fields.map((f) => f.id);
-        const baseTypeFields = sysDocument.fields.filter((f) => folderTypeFieldIDs.includes(f.id));
+        const folderTypeFieldIDs = sysFolder.fields.map((field) => field.id);
+        const baseTypeFields = sysDocument.fields.filter((field) => folderTypeFieldIDs.includes(field.id));
         return {
             id: SystemType.OBJECT,
             creatable: false,
             isFolder: false,
             secondaryObjectTypes: [],
             fields: baseTypeFields
-            // rawFields: baseTypeFields
         };
     }
     /**
@@ -1526,8 +1583,8 @@ class SystemService {
             const baseType = this.getBaseType();
             return { id: baseType.id, fields: baseType.fields };
         }
-        const ot = this.getObjectType(objectTypeId);
-        if (!ot) {
+        const objectType = this.getObjectType(objectTypeId);
+        if (!objectType) {
             const sot = this.getSecondaryObjectType(objectTypeId) || { id: objectTypeId, fields: [] };
             const baseType = this.getBaseType();
             return {
@@ -1536,22 +1593,10 @@ class SystemService {
             };
         }
         return {
-            id: ot.id,
-            fields: ot.fields
+            id: objectType.id,
+            fields: objectType.fields
         };
     }
-    /**
-     * Get the resolved object tags
-     */
-    getResolvedTags(objectTypeId) {
-        const vTags = this.getVisibleTags(objectTypeId);
-        return Object.keys(vTags).map((k) => ({
-            id: objectTypeId,
-            tagName: k,
-            tagValues: vTags[k],
-            fields: this.getBaseType().fields.filter((f) => f.id === BaseObjectTypeField.TAGS)
-        }));
-    }
     /**
      * Get a list of classifications for a given object type including the
      * classifications of its static secondary object types
@@ -1560,62 +1605,6 @@ class SystemService {
     getResolvedClassifications(objectTypeId) {
         return this.#resolvedClassificationsCache[objectTypeId] || this.#resolveClassifications(objectTypeId);
     }
-    #resolveClassifications(objectTypeId) {
-        let classifications = [];
-        const ot = this.getObjectType(objectTypeId);
-        if (ot) {
-            classifications = ot.classification || [];
-            const staticSOTs = ot.secondaryObjectTypes ? ot.secondaryObjectTypes.filter((sot) => sot.static).map((sot) => sot.id) : [];
-            staticSOTs.forEach((id) => {
-                const sot = this.getSecondaryObjectType(id);
-                classifications = sot?.classification
-                    ? [
-                        ...classifications,
-                        ...sot.classification.filter((c) => {
-                            // also filter classifications that should not be inherited
-                            return c !== ObjectTypeClassification.CREATE_FALSE && c !== ObjectTypeClassification.SEARCH_FALSE;
-                        })
-                    ]
-                    : classifications;
-            });
-            this.#resolvedClassificationsCache[objectTypeId] = classifications;
-        }
-        return classifications;
-    }
-    /**
-     * Visible tags are defined by a classification on the object type (e.g. 'tag[tenkolibri:process,1,2,3]').
-     *
-     * The example will only return tags with the name 'tenkolibri:process'
-     * and values of either 1, 2 or 3. All other tags will be ignored.
-     *
-     * @param objectTypeId ID of the object type to get the visible tags for
-     * @returns object where the property name is the name of the tag and its value are the visible values
-     * for that tag (if values is emoty all values are allowed)
-     */
-    getVisibleTags(objectTypeId) {
-        return this.#visibleTagsCache[objectTypeId] || this.fetchVisibleTags(objectTypeId);
-    }
-    fetchVisibleTags(objectTypeId) {
-        const ot = this.getObjectType(objectTypeId) || this.getSecondaryObjectType(objectTypeId);
-        const tagClassifications = this.getResolvedClassifications(objectTypeId).filter((t) => t.startsWith('tag['));
-        const parentType = ot && ot.id;
-        const to = {};
-        (tagClassifications || []).forEach((tag) => {
-            const m = tag.match(/\[(.*)\]/i)[1].split(',');
-            const tagName = m.splice(0, 1)[0];
-            const tagValues = m.map((v) => parseInt(v.trim()));
-            to[tagName] = tagValues;
-        });
-        this.#visibleTagsCache[objectTypeId] = parentType ? { ...this.getVisibleTags(parentType), ...to } : to;
-        return this.#visibleTagsCache[objectTypeId];
-    }
-    filterVisibleTags(objectTypeId, tagsValue) {
-        if (!tagsValue)
-            return [];
-        const vTags = this.getVisibleTags(objectTypeId);
-        // Tag value looks like this: [tagName: string, state: number, date: Date, traceId: string]
-        return tagsValue.filter((v) => !!vTags[v[0]] && vTags[v[0]].includes(v[1]));
-    }
     /**
      * Get the icon for an object type. This will return an SVG as a string.
      * @param objectTypeId ID of the object type
@@ -1644,42 +1633,30 @@ class SystemService {
             return this.#iconCache[objectTypeId].uri;
         }
         else {
-            const ci = this.#getIconFromClassification(objectTypeId);
-            const fb = this.getFallbackIcon(objectTypeId, fallback);
-            const uri = `/resources/icons/${encodeURIComponent(ci || objectTypeId)}${fb ? `?fallback=${encodeURIComponent(fb)}` : ''}`;
+            const classificationIcon = this.#getIconFromClassification(objectTypeId);
+            const fallbackIcon = this.#getFallbackIcon(objectTypeId, fallback);
+            const uri = `/resources/icons/${encodeURIComponent(classificationIcon || objectTypeId)}${fallbackIcon ? `?fallback=${encodeURIComponent(fallbackIcon)}` : ''}`;
             this.#iconCache[objectTypeId] = { uri: `${this.#backend.getApiBase(ApiBase.apiWeb)}${uri}` };
             return this.#iconCache[objectTypeId].uri;
         }
     }
-    getFallbackIcon(objectTypeId, fallback) {
-        const ot = this.getObjectType(objectTypeId);
-        if (ot && !fallback) {
-            // add default fallbacks for system:document and system:folder if now other fallback has been provided
-            fallback = ot.isFolder ? 'system:folder' : 'system:document';
-            // if (this.isFloatingObjectType(ot)) {
-            //   // types that do not have no object type assigned to them (primary FSOTs)
-            //   fallback = 'system:dlm';
-            // }
-        }
-        return fallback;
-    }
-    #getIconFromClassification(objectTypeId) {
-        const ce = this.getClassifications(this.getResolvedClassifications(objectTypeId));
-        return ce.has(ObjectTypeClassification.OBJECT_TYPE_ICON) ? ce.get(ObjectTypeClassification.OBJECT_TYPE_ICON).options[0] : null;
-    }
+    /**
+     * @deprecated use LocalizationService.getLocalizedResource instead
+     */
     getLocalizedResource(key) {
-        try {
-            return this.system.i18n[key];
-        }
-        catch (error) {
-            return key;
-        }
+        return this.#localization.getLocalizedResource(key);
     }
+    /**
+     * @deprecated use LocalizationService.getLocalizedResource instead
+     */
     getLocalizedLabel(id) {
-        return this.getLocalizedResource(`${id}_label`);
+        return this.#localization.getLocalizedLabel(id);
     }
+    /**
+     * @deprecated use LocalizationService.getLocalizedResource instead
+     */
     getLocalizedDescription(id) {
-        return this.getLocalizedResource(`${id}_description`);
+        return this.#localization.getLocalizedDescription(id);
     }
     /**
      * Determine whether or not the given object type field is a system field
@@ -1715,82 +1692,65 @@ class SystemService {
         //   })
         // );
     }
-    /**
-     * Actually fetch the system definition from the backend.
-     * @param user User to fetch definition for
-     */
-    #fetchSystemDefinition(authData) {
-        return (authData ? of(authData) : this.#appCache.getItem(this.#STORAGE_KEY_AUTH_DATA)).pipe(switchMap((data) => {
-            this.updateAuthData(data).subscribe();
-            const fetchTasks = [this.#backend.get('/dms/schema/native.json', ApiBase.core), this.#fetchLocalizations()];
-            return forkJoin(fetchTasks);
-        }), catchError((error) => {
-            this.#logger.error('Error fetching recent version of system definition from server.', error);
-            this.#systemSource.error('Error fetching recent version of system definition from server.');
-            return of(null);
-        }), map((data) => {
-            if (data?.length) {
-                this.setSchema(data[0], data[1]);
-            }
-            return !!data;
-        }));
-    }
-    setPermissions(p) {
-        this.#permissions = p;
+    setPermissions(permissions) {
+        this.#permissions = permissions;
     }
     /**
      * Create the schema from the servers schema response
      * @param schemaResponse Response from the backend
      */
-    setSchema(schemaResponse, localizedResource = {}) {
+    setSchema(schemaResponse) {
         // prepare a quick access object for the fields
         const propertiesQA = {};
         const orgTypeFields = [BaseObjectTypeField.MODIFIED_BY, BaseObjectTypeField.CREATED_BY];
-        schemaResponse.propertyDefinition.forEach((p) => {
-            p.classifications = p.classification;
+        schemaResponse.propertyDefinition.forEach((propDef) => {
+            // p.classifications = p.classification;
             // TODO: Remove once schema supports organization classification for base params
             // map certain fields to organization type (fake it until you make it ;-)
-            if (orgTypeFields.includes(p.id)) {
-                p.classifications = [Classification.STRING_ORGANIZATION];
+            if (orgTypeFields.includes(propDef.id)) {
+                propDef.classifications = [Classification.STRING_ORGANIZATION];
             }
-            propertiesQA[p.id] = p;
+            propertiesQA[propDef.id] = propDef;
         });
         // prepare a quick access object for object types (including secondary objects)
         const objectTypesQA = {};
-        schemaResponse.typeFolderDefinition.forEach((ot) => {
-            objectTypesQA[ot.id] = ot;
+        schemaResponse.typeFolderDefinition.forEach((objType) => {
+            objectTypesQA[objType.id] = objType;
         });
-        schemaResponse.typeDocumentDefinition.forEach((ot) => {
-            objectTypesQA[ot.id] = ot;
+        schemaResponse.typeDocumentDefinition.forEach((objType) => {
+            objectTypesQA[objType.id] = objType;
         });
         schemaResponse.typeSecondaryDefinition.forEach((sot) => {
             objectTypesQA[sot.id] = sot;
         });
         const objectTypes = [
             // folder types
-            ...schemaResponse.typeFolderDefinition.map((fd) => ({
-                id: fd.id,
-                description: fd.description,
-                classification: fd.classification,
-                baseId: fd.baseId,
-                creatable: this.#isCreatable(fd.id),
+            ...schemaResponse.typeFolderDefinition.map((folderDef) => ({
+                id: folderDef.id,
+                description: folderDef.description,
+                classification: folderDef.classification,
+                baseId: folderDef.baseId,
+                creatable: this.#isCreatable(folderDef.id),
                 contentStreamAllowed: ContentStreamAllowed.NOT_ALLOWED,
                 isFolder: true,
-                secondaryObjectTypes: fd.secondaryObjectTypeId ? fd.secondaryObjectTypeId.map((t) => ({ id: t.value, static: t.static })) : [],
-                fields: this.#resolveObjectTypeFields(fd, propertiesQA, objectTypesQA)
-                // rawFields: this.resolveObjectTypeFields(fd, propertiesQA, objectTypesQA, true),
+                secondaryObjectTypes: folderDef.secondaryObjectTypeId
+                    ? folderDef.secondaryObjectTypeId.map((type) => ({ id: type.value, static: type.static }))
+                    : [],
+                fields: this.#resolveObjectTypeFields(folderDef, propertiesQA, objectTypesQA)
             })),
             // document types
-            ...schemaResponse.typeDocumentDefinition.map((dd) => ({
-                id: dd.id,
-                description: dd.description,
-                classification: dd.classification,
-                baseId: dd.baseId,
-                creatable: this.#isCreatable(dd.id),
-                contentStreamAllowed: dd.contentStreamAllowed,
+            ...schemaResponse.typeDocumentDefinition.map((documentDef) => ({
+                id: documentDef.id,
+                description: documentDef.description,
+                classification: documentDef.classification,
+                baseId: documentDef.baseId,
+                creatable: this.#isCreatable(documentDef.id),
+                contentStreamAllowed: documentDef.contentStreamAllowed,
                 isFolder: false,
-                secondaryObjectTypes: dd.secondaryObjectTypeId ? dd.secondaryObjectTypeId.map((t) => ({ id: t.value, static: t.static })) : [],
-                fields: this.#resolveObjectTypeFields(dd, propertiesQA, objectTypesQA)
+                secondaryObjectTypes: documentDef.secondaryObjectTypeId
+                    ? documentDef.secondaryObjectTypeId.map((type) => ({ id: type.value, static: type.static }))
+                    : [],
+                fields: this.#resolveObjectTypeFields(documentDef, propertiesQA, objectTypesQA)
                 // rawFields: this.resolveObjectTypeFields(dd, propertiesQA, objectTypesQA, true),
             }))
         ];
@@ -1810,8 +1770,8 @@ class SystemService {
             baseId: std.baseId,
             fields: this.#resolveObjectTypeFields(std, propertiesQA, objectTypesQA),
             //                      allowedSourceType
-            allowedSourceTypes: std.allowedSourceType.map((t) => t.objectTypeReference),
-            allowedTargetTypes: std.allowedTargetType.map((t) => t.objectTypeReference)
+            allowedSourceTypes: std.allowedSourceType.map((type) => type.objectTypeReference),
+            allowedTargetTypes: std.allowedTargetType.map((type) => type.objectTypeReference)
         }));
         this.system = {
             version: schemaResponse.version,
@@ -1819,41 +1779,11 @@ class SystemService {
             objectTypes,
             secondaryObjectTypes,
             relationships,
-            i18n: localizedResource,
             allFields: propertiesQA
         };
         this.#appCache.setItem(this.#STORAGE_KEY, this.system).subscribe();
         this.#systemSource.next(this.system);
     }
-    /**
-     * Resolve all the fields for an object type. This also includes secondary object types and the fields inherited from
-     * the base type (... and of course the base type (and its secondary object types) of the base type and so on)
-     * @param schemaTypeDefinition object type definition from the native schema
-     * @param propertiesQA Quick access object of all properties
-     * @param objectTypesQA Quick access object of all object types
-     * @param raw If set to 'true' only the properties of the object type itself will be returned (without SOTs)
-     */
-    #resolveObjectTypeFields(schemaTypeDefinition, propertiesQA, objectTypesQA) {
-        const objectTypeFieldIDs = schemaTypeDefinition.propertyReference.map((pr) => pr.value);
-        if (schemaTypeDefinition.secondaryObjectTypeId) {
-            schemaTypeDefinition.secondaryObjectTypeId
-                .filter((sot) => sot.static)
-                .map((sot) => sot.value)
-                .forEach((sotID) => objectTypesQA[sotID].propertyReference.forEach((pr) => objectTypeFieldIDs.push(pr.value)));
-        }
-        let fields = objectTypeFieldIDs.map((id) => ({
-            ...propertiesQA[id],
-            _internalType: this.getInternalFormElementType(propertiesQA[id].propertyType, propertiesQA[id].classifications)
-        }));
-        // also resolve properties of the base type
-        if (schemaTypeDefinition.baseId !== schemaTypeDefinition.id && !!objectTypesQA[schemaTypeDefinition.baseId]) {
-            fields = fields.concat(this.#resolveObjectTypeFields(objectTypesQA[schemaTypeDefinition.baseId], propertiesQA, objectTypesQA));
-        }
-        return fields;
-    }
-    #isCreatable(objectTypeId) {
-        return ![SystemType.FOLDER, SystemType.DOCUMENT].includes(objectTypeId);
-    }
     /**
      * Fetch a collection of form models.
      * @param objectTypeIDs Object type IDs to fetch form model for
@@ -1861,35 +1791,18 @@ class SystemService {
      * @returns Object where the object type id is key and the form model is the value
      */
     getObjectTypeForms(objectTypeIDs, situation) {
-        return forkJoin(objectTypeIDs.map((o) => this.getObjectTypeForm(o, situation).pipe(catchError((e) => of(null)), map((res) => ({
-            id: o,
+        return forkJoin(objectTypeIDs.map((obj) => this.getObjectTypeForm(obj, situation).pipe(catchError(() => of(null)), map((res) => ({
+            id: obj,
             formModel: res
-        }))))).pipe(map((res) => {
+        }))))).pipe(map((modelRes) => {
             const resMap = {};
-            res
-                .map((r) => (!r.formModel ? { ...r, formModel: this.#generateDefaultFormModel(r.id) } : r))
-                .filter((r) => this.#formHasElements(r.formModel))
-                .forEach((r) => (resMap[r.id] = r.formModel));
+            modelRes
+                .map((res) => (!res.formModel ? { ...res, formModel: this.#generateDefaultFormModel(res.id) } : res))
+                .filter((res) => this.#formHasElements(res.formModel))
+                .forEach((res) => (resMap[res.id] = res.formModel));
             return resMap;
         }));
     }
-    /**
-     * Generate a default form model for an object type. This is used when the backend does not return a form model.
-     * @param typeId Object type ID or SOT ID
-     */
-    #generateDefaultFormModel(typeId) {
-        const type = this.getObjectType(typeId) || this.getSecondaryObjectType(typeId);
-        if (type) {
-            return {
-                id: type.id,
-                label: this.getLocalizedLabel(type.id),
-                elements: type.fields.map((f) => this.toFormElement(f)),
-                title: this.getLocalizedLabel(type.id),
-                description: this.getLocalizedDescription(type.id)
-            };
-        }
-        return null;
-    }
     /**
      * Get the form model of an object type.
      *
@@ -1902,34 +1815,6 @@ class SystemService {
             .getItem(`${this.#STORAGE_KEY_FORMS}${objectTypeId}_${situation}`)
             .pipe(switchMap((res) => (res ? of(res) : this.#fetchObjectTypeForm(objectTypeId, situation))));
     }
-    #fetchObjectTypeForm(objectTypeId, situation) {
-        return this.#backend.get(Utils.buildUri(`/dms/forms/${objectTypeId}`, { situation })).pipe(
-        // add form to cache
-        switchMap((res) => this.#appCache.setItem(`${this.#STORAGE_KEY_FORMS}${objectTypeId}_${situation}`, res).pipe(map(() => res))));
-    }
-    #clearObjectTypeFormCache() {
-        // reset cache of object forms
-        return this.#appCache
-            .getStorageKeys()
-            .pipe(switchMap((keys) => forkJoin(keys.filter((key) => key.startsWith(this.#STORAGE_KEY_FORMS)).map((key) => this.#appCache.removeItem(key).pipe(catchError(() => of(null)))))))
-            .subscribe();
-    }
-    /**
-     * Check whether or not the model has at least one form element. Recursive.
-     * @param element Form element to check child elements for
-     */
-    #formHasElements(element) {
-        let hasElement = false;
-        element.elements?.forEach((e) => {
-            if (!['o2mGroup', 'o2mGroupStack'].includes(e.type)) {
-                hasElement = true;
-            }
-            else if (!hasElement) {
-                hasElement = this.#formHasElements(e);
-            }
-        });
-        return hasElement;
-    }
     /**
      * Generates an internal type for a given object type field.
      * Adding this to a form element or object type field enables us to render forms
@@ -1937,10 +1822,14 @@ class SystemService {
      * have to evaluate the conditions for every form element on every digest cycle.
      * @param type propertyType of the ObjectTypeField
      * @param classifications classifications of the ObjectTypeField
+     * @param catalog catalog reference of the ObjectTypeField
      */
-    getInternalFormElementType(type, classifications) {
+    getInternalFormElementType(type, classifications, catalog) {
         const _classifications = this.getClassifications(classifications || []);
-        if (type === 'string' && _classifications.has(Classification.STRING_REFERENCE)) {
+        if (catalog) {
+            return InternalFieldType.STRING_DYNAMIC_CATALOG;
+        }
+        else if (type === 'string' && _classifications.has(Classification.STRING_REFERENCE)) {
             return InternalFieldType.STRING_REFERENCE;
         }
         else if ((type === 'string' && _classifications.has(Classification.STRING_ORGANIZATION)) ||
@@ -1956,18 +1845,16 @@ class SystemService {
         else if (type === 'boolean' && _classifications.has(Classification.BOOLEAN_SWITCH)) {
             return InternalFieldType.BOOLEAN_SWITCH;
         }
-        else if (type === 'string' &&
-            (_classifications.has(Classification.STRING_CATALOG_DYNAMIC) || _classifications.has(Classification.STRING_CATALOG_CUSTOM))) {
-            return InternalFieldType.STRING_DYNAMIC_CATALOG;
-        }
         else {
             // if there are no matching conditions just return the original type
             return type;
         }
     }
     getObjectTypeField(id) {
-        const f = this.system?.allFields[id];
-        return f ? { ...f, _internalType: this.getInternalFormElementType(f.propertyType, f.classifications) } : undefined;
+        const field = this.system?.allFields[id];
+        return field
+            ? { ...field, _internalType: this.getInternalFormElementType(field.propertyType, field.classifications) }
+            : undefined;
     }
     /**
      * Extract classifications from object type fields classification
@@ -1984,14 +1871,15 @@ class SystemService {
         const res = new Map();
         if (classifications) {
             classifications
-                .map((c) => c.replace(/\s+/g, ''))
-                .filter((c) => c.length > 0)
-                .forEach((c) => {
-                const matches = c.match(/^([^\[]*)(\[(.*)\])?$/);
-                if (matches && matches.length) {
+                .map((clf) => clf.replace(/\s+/g, ''))
+                .filter((clf) => clf.length > 0)
+                .forEach((clf) => {
+                // eslint-disable-next-line no-useless-escape
+                const matches = clf.match(/^([^\[]*)(\[(.*)\])?$/);
+                if (matches?.length) {
                     res.set(matches[1], {
                         classification: matches[1],
-                        options: matches[3] ? matches[3].split(',').map((o) => o.trim()) : []
+                        options: matches[3] ? matches[3].split(',').map((opt) => opt.trim()) : []
                     });
                 }
             });
@@ -1999,23 +1887,18 @@ class SystemService {
         return res;
     }
     toFormElement(field) {
-        return { ...field, label: this.getLocalizedLabel(field.id), name: field.id, type: field.propertyType };
+        return {
+            ...field,
+            label: this.#localization.getLocalizedLabel(field.id),
+            name: field.id,
+            type: field.propertyType
+        };
     }
     updateAuthData(data) {
         this.authData = { ...this.authData, ...data };
         this.#backend.setHeader('Accept-Language', this.authData.language);
         return this.#appCache.setItem(this.#STORAGE_KEY_AUTH_DATA, this.authData);
     }
-    updateLocalizations(iso) {
-        return this.updateAuthData({ language: iso }).pipe(switchMap(() => this.#fetchLocalizations()), tap((res) => {
-            this.system.i18n = res;
-            this.#appCache.setItem(this.#STORAGE_KEY, this.system).subscribe();
-            this.#systemSource.next(this.system);
-        }));
-    }
-    #fetchLocalizations() {
-        return this.#backend.get('/resources/text');
-    }
     fetchResources(id) {
         return this.#backend
             .batch([
@@ -2024,41 +1907,193 @@ class SystemService {
         ])
             .pipe(map(([global, tenant]) => ({ global, tenant })));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SystemService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SystemService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SystemService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }] });
-
-class SearchService {
-    #backend = inject(BackendService);
-    #system = inject(SystemService);
-    static { this.DEFAULT_QUERY_SIZE = 50; }
+    #filterByPermissions(types, situation) {
+        if (!situation)
+            return types;
+        const allowedTypes = situation === 'search' ? this.#permissions.searchableObjectTypes : this.#permissions.createableObjectTypes;
+        return types.filter((type) => allowedTypes.includes(type.id));
+    }
+    #sotToGenericType(sot) {
+        return {
+            ...sot,
+            isFolder: false,
+            creatable: true,
+            secondaryObjectTypes: [],
+            isSot: true
+        };
+    }
+    #getFallbackIcon(objectTypeId, fallback) {
+        const objectType = this.getObjectType(objectTypeId);
+        if (objectType && !fallback) {
+            // add default fallbacks for system:document and system:folder if now other fallback has been provided
+            fallback = objectType.isFolder ? 'system:folder' : 'system:document';
+        }
+        return fallback;
+    }
+    #getIconFromClassification(objectTypeId) {
+        const classificationEntry = this.getClassifications(this.getResolvedClassifications(objectTypeId));
+        return classificationEntry.has(ObjectTypeClassification.OBJECT_TYPE_ICON)
+            ? classificationEntry.get(ObjectTypeClassification.OBJECT_TYPE_ICON).options[0]
+            : null;
+    }
+    #fetchObjectTypeForm(objectTypeId, situation) {
+        return this.#backend.get(Utils.buildUri(`/dms/forms/${objectTypeId}`, { situation })).pipe(
+        // add form to cache
+        switchMap((res) => this.#appCache.setItem(`${this.#STORAGE_KEY_FORMS}${objectTypeId}_${situation}`, res).pipe(map(() => res))));
+    }
+    #clearObjectTypeFormCache() {
+        // reset cache of object forms
+        this.#appCache
+            .getStorageKeys()
+            .pipe(switchMap((keys) => forkJoin(keys
+            .filter((key) => key.startsWith(this.#STORAGE_KEY_FORMS))
+            .map((key) => this.#appCache.removeItem(key).pipe(catchError(() => of(null)))))))
+            .subscribe();
+    }
     /**
-     * Execute a search query ans transform the result to a SearchResult object
-     * @param query The search query
-     * @returns Observable of a SearchResult
+     * Check whether or not the model has at least one form element. Recursive.
+     * @param element Form element to check child elements for
      */
-    search(query) {
-        return this.searchRaw(query).pipe(map((res) => this.toSearchResult(res, query.size || SearchService.DEFAULT_QUERY_SIZE, query.from || 0)));
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    #formHasElements(element) {
+        let hasElement = false;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        element.elements?.forEach((element) => {
+            if (!['o2mGroup', 'o2mGroupStack'].includes(element.type)) {
+                hasElement = true;
+            }
+            else if (!hasElement) {
+                hasElement = this.#formHasElements(element);
+            }
+        });
+        return hasElement;
     }
     /**
-     * Execute a raw search query and return the result as is.
-     * @param query The search query
-     * @returns Observable of the raw search result
+     * Generate a default form model for an object type. This is used when the backend does not return a form model.
+     * @param typeId Object type ID or SOT ID
      */
-    searchRaw(query) {
-        if (!query.size)
-            query.size = SearchService.DEFAULT_QUERY_SIZE;
-        return this.#backend.post(`/dms/objects/search`, query);
+    #generateDefaultFormModel(typeId) {
+        const type = this.getObjectType(typeId) || this.getSecondaryObjectType(typeId);
+        if (type) {
+            return {
+                id: type.id,
+                label: this.#localization.getLocalizedLabel(type.id),
+                elements: type.fields.map((field) => this.toFormElement(field)),
+                title: this.#localization.getLocalizedLabel(type.id),
+                description: this.#localization.getLocalizedDescription(type.id)
+            };
+        }
+        return null;
     }
     /**
-     * Search for objects in the dms using CMIS like SQL syntax.
-     * @param statement The query statement
+     * Resolve all the fields for an object type. This also includes secondary object types and the fields inherited from
+     * the base type (... and of course the base type (and its secondary object types) of the base type and so on)
+     * @param schemaTypeDefinition object type definition from the native schema
+     * @param propertiesQA Quick access object of all properties
+     * @param objectTypesQA Quick access object of all object types
+     * @param raw If set to 'true' only the properties of the object type itself will be returned (without SOTs)
+     */
+    #resolveObjectTypeFields(schemaTypeDefinition, propertiesQA, objectTypesQA) {
+        const objectTypeFieldIDs = schemaTypeDefinition.propertyReference.map((propertyRef) => propertyRef.value);
+        if (schemaTypeDefinition.secondaryObjectTypeId) {
+            schemaTypeDefinition.secondaryObjectTypeId
+                .filter((sot) => sot.static)
+                .map((sot) => sot.value)
+                .forEach((sotID) => objectTypesQA[sotID].propertyReference.forEach((propertyRef) => objectTypeFieldIDs.push(propertyRef.value)));
+        }
+        let fields = objectTypeFieldIDs.map((id) => ({
+            ...propertiesQA[id],
+            _internalType: this.getInternalFormElementType(propertiesQA[id].propertyType, propertiesQA[id].classifications)
+        }));
+        // also resolve properties of the base type
+        if (schemaTypeDefinition.baseId !== schemaTypeDefinition.id && !!objectTypesQA[schemaTypeDefinition.baseId]) {
+            fields = fields.concat(this.#resolveObjectTypeFields(objectTypesQA[schemaTypeDefinition.baseId], propertiesQA, objectTypesQA));
+        }
+        return fields;
+    }
+    #isCreatable(objectTypeId) {
+        return ![SystemType.FOLDER, SystemType.DOCUMENT].includes(objectTypeId);
+    }
+    /**
+     * Actually fetch the system definition from the backend.
+     * @param user User to fetch definition for
+     */
+    #fetchSystemDefinition(authData) {
+        return (authData ? of(authData) : this.#appCache.getItem(this.#STORAGE_KEY_AUTH_DATA)).pipe(switchMap((data) => {
+            this.updateAuthData(data).subscribe();
+            const fetchTasks = [this.#backend.get('/dms/schema/native.json', ApiBase.core)];
+            return forkJoin(fetchTasks);
+        }), catchError((error) => {
+            this.#logger.error('Error fetching recent version of system definition from server.', error);
+            this.#systemSource.error('Error fetching recent version of system definition from server.');
+            return of(null);
+        }), map((data) => {
+            if (data?.length) {
+                this.setSchema(data[0]);
+            }
+            return !!data;
+        }));
+    }
+    #resolveClassifications(objectTypeId) {
+        let classifications = [];
+        const objectType = this.getObjectType(objectTypeId);
+        if (objectType) {
+            classifications = objectType.classification || [];
+            const staticSOTs = objectType.secondaryObjectTypes
+                ? objectType.secondaryObjectTypes.filter((sot) => sot.static).map((sot) => sot.id)
+                : [];
+            staticSOTs.forEach((id) => {
+                const sot = this.getSecondaryObjectType(id);
+                classifications = sot?.classification
+                    ? [
+                        ...classifications,
+                        ...sot.classification.filter((classification) => {
+                            // also filter classifications that should not be inherited
+                            return (classification !== ObjectTypeClassification.CREATE_FALSE &&
+                                classification !== ObjectTypeClassification.SEARCH_FALSE);
+                        })
+                    ]
+                    : classifications;
+            });
+            this.#resolvedClassificationsCache[objectTypeId] = classifications;
+        }
+        return classifications;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SystemService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SystemService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SystemService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+class SearchService {
+    #backend = inject(BackendService);
+    #system = inject(SystemService);
+    static { this.DEFAULT_QUERY_SIZE = 50; }
+    /**
+     * Execute a search query ans transform the result to a SearchResult object
+     * @param query The search query
+     * @returns Observable of a SearchResult
+     */
+    search(query) {
+        return this.searchRaw(query).pipe(map((res) => this.toSearchResult(res, query.size || SearchService.DEFAULT_QUERY_SIZE, query.from || 0)));
+    }
+    /**
+     * Execute a raw search query and return the result as is.
+     * @param query The search query
+     * @returns Observable of the raw search result
+     */
+    searchRaw(query) {
+        if (!query.size)
+            query.size = SearchService.DEFAULT_QUERY_SIZE;
+        return this.#backend.post(`/dms/objects/search`, query);
+    }
+    /**
+     * Search for objects in the dms using CMIS like SQL syntax.
+     * @param statement The query statement
      * @param size The number of items to return
      * @returns Observable of a SearchResult
      */
@@ -2433,36 +2468,36 @@ var YuvEventType;
  * Service providing user account configurations.
  */
 class UserService {
-    #USERS_SETTINGS;
-    #DEFAULT_SETTINGS;
-    #SETTINGS_SECTION_OBJECTCONFIG;
-    #user;
-    #userSource;
-    #document;
-    /**
-     * @ignore
-     */
-    constructor(backend, translate, logger, system, eventService, config) {
-        this.backend = backend;
-        this.translate = translate;
-        this.logger = logger;
-        this.system = system;
-        this.eventService = eventService;
-        this.config = config;
+    constructor() {
+        this.#backend = inject(BackendService);
+        this.#translate = inject(TranslateService);
+        this.#logger = inject(Logger);
+        this.#system = inject(SystemService);
+        this.#localization = inject(LocalizationService);
+        this.#eventService = inject(EventService);
+        this.#config = inject(ConfigService);
+        this.#document = inject(DOCUMENT);
         this.#USERS_SETTINGS = '/users/settings/';
         this.#DEFAULT_SETTINGS = '/users/settings';
         this.#SETTINGS_SECTION_OBJECTCONFIG = 'object-config';
         this.#userSource = new BehaviorSubject(this.#user);
         this.user$ = this.#userSource.asObservable();
         this.globalSettings = new Map();
-        this.#document = inject(DOCUMENT);
         this.canCreateObjects = false;
     }
-    getUiDirection(iso) {
-        // languages that are read right to left
-        const rtlLanguages = ['ar', 'arc', 'dv', 'fa', 'ha', 'he', 'khw', 'ks', 'ku', 'ps', 'ur', 'yi'];
-        return rtlLanguages.indexOf(iso) === -1 ? Direction.LTR : Direction.RTL;
-    }
+    #backend;
+    #translate;
+    #logger;
+    #system;
+    #localization;
+    #eventService;
+    #config;
+    #document;
+    #USERS_SETTINGS;
+    #DEFAULT_SETTINGS;
+    #SETTINGS_SECTION_OBJECTCONFIG;
+    #user;
+    #userSource;
     /**
      * Set a new current user
      * @param user The user to be set as current user
@@ -2485,17 +2520,17 @@ class UserService {
         return this.hasAdminRole || this.hasSystemRole;
     }
     get hasManageSettingsRole() {
-        const customRole = this.config.get('core.permissions.manageSettingsRole');
+        const customRole = this.#config.get('core.permissions.manageSettingsRole');
         const manageSettingsRole = customRole || AdministrationRoles.MANAGE_SETTINGS;
         return this.#user?.authorities?.includes(manageSettingsRole) || false;
     }
     get isAdvancedUser() {
-        const customRole = this.config.get('core.permissions.advancedUserRole');
+        const customRole = this.#config.get('core.permissions.advancedUserRole');
         const advancedUserRole = customRole || AdministrationRoles.MANAGE_SETTINGS;
         return this.#user?.authorities?.includes(advancedUserRole) || false;
     }
     get isRetentionManager() {
-        const customRole = this.config.get('core.permissions.retentionManagerRole');
+        const customRole = this.#config.get('core.permissions.retentionManagerRole');
         const retenetionManagerRole = customRole || AdministrationRoles.MANAGE_SETTINGS;
         return this.#user?.authorities?.includes(retenetionManagerRole) || false;
     }
@@ -2505,29 +2540,30 @@ class UserService {
      */
     changeClientLocale(iso, persist = true) {
         if (this.#user) {
-            const languages = this.config.getClientLocales().map((lang) => lang.iso);
-            iso = iso || this.#user.getClientLocale(this.config.getDefaultClientLocale());
+            const languages = this.#config.getClientLocales().map((lang) => lang.iso);
+            iso = iso || this.#user.getClientLocale(this.#config.getDefaultClientLocale());
             if (!languages.includes(iso)) {
-                iso = this.config.getDefaultClientLocale();
+                iso = this.#config.getDefaultClientLocale();
             }
-            this.logger.debug("Changed client locale to '" + iso + "'");
-            this.backend.setHeader('Accept-Language', iso);
-            this.#user.uiDirection = this.getUiDirection(iso);
+            this.#logger.debug("Changed client locale to '" + iso + "'");
+            this.#backend.setHeader('Accept-Language', iso);
+            this.#user.uiDirection = this.#getUiDirection(iso);
             this.#document.body.dir = this.#user.uiDirection;
             this.#document.documentElement.lang = iso;
             this.#user.userSettings.locale = iso;
-            if (this.translate.getCurrentLang() !== iso || this.system.authData?.language !== iso) {
-                const ob = persist
+            if (this.#translate.getCurrentLang() !== iso || this.#system.authData?.language !== iso) {
+                const obs = persist
                     ? forkJoin([
-                        this.translate.use(iso),
-                        this.system.updateLocalizations(iso),
+                        this.#translate.use(iso),
+                        this.#system
+                            .updateAuthData({ language: iso })
+                            .pipe(switchMap(() => this.#localization.fetchLocalizations())),
                         this.saveUserSettings(this.#user.userSettings).pipe(tap(() => {
-                            // this.#userSource.next(this.#user);
-                            this.logger.debug('Loading system definitions i18n resources for new locale.');
+                            this.#logger.debug('Loading system definitions i18n resources for new locale.');
                         }))
                     ])
-                    : this.translate.use(iso);
-                ob.subscribe(() => this.eventService.trigger(YuvEventType.CLIENT_LOCALE_CHANGED, iso));
+                    : this.#translate.use(iso);
+                obs.subscribe(() => this.#eventService.trigger(YuvEventType.CLIENT_LOCALE_CHANGED, iso));
             }
         }
     }
@@ -2535,47 +2571,19 @@ class UserService {
         if (this.#user) {
             //console.log(this.#user.userSettings);
             this.#user.userSettings = { ...this.#user.userSettings, ...settings };
-            return this.backend.post(this.#DEFAULT_SETTINGS, this.#user.userSettings).pipe(tap(() => this.#userSource.next(this.#user)));
+            return this.#backend
+                .post(this.#DEFAULT_SETTINGS, this.#user.userSettings)
+                .pipe(tap(() => this.#userSource.next(this.#user)));
         }
         else
             return of(null);
     }
     fetchUserSettings() {
-        return this.backend.get('/dms/permissions').pipe(catchError((e) => of(undefined)), switchMap((res) => {
-            this.setUserPermissions(res);
-            return this.backend.get(this.#DEFAULT_SETTINGS);
+        return this.#backend.get('/dms/permissions').pipe(catchError(() => of(undefined)), switchMap((res) => {
+            this.#setUserPermissions(res);
+            return this.#backend.get(this.#DEFAULT_SETTINGS);
         }));
     }
-    setUserPermissions(res) {
-        this.userPermissions = {
-            create: this.mapPermissions('CREATE', res),
-            write: this.mapPermissions('WRITE', res),
-            read: this.mapPermissions('READ', res),
-            delete: this.mapPermissions('DELETE', res)
-        };
-        const sp = {
-            createableObjectTypes: [
-                ...this.userPermissions.create.folderTypes,
-                ...this.userPermissions.create.objectTypes,
-                ...this.userPermissions.create.secondaryObjectTypes
-            ],
-            searchableObjectTypes: [
-                ...this.userPermissions.read.folderTypes,
-                ...this.userPermissions.read.objectTypes,
-                ...this.userPermissions.read.secondaryObjectTypes
-            ]
-        };
-        this.system.setPermissions(sp);
-        this.canCreateObjects = sp.createableObjectTypes.length > 0;
-    }
-    mapPermissions(section, apiResponse) {
-        const res = apiResponse[section] || {};
-        return {
-            folderTypes: res['folderTypeIds'] || [],
-            objectTypes: res['objectTypeIds'] || [],
-            secondaryObjectTypes: res['secondaryObjectTypeIds'] || []
-        };
-    }
     /**
      * Search for a user based on a search term
      * @param term Search term
@@ -2585,25 +2593,62 @@ class UserService {
     queryUser(term, excludeMe, roles) {
         let params = new HttpParams().set('search', term).set('excludeMe', `${!!excludeMe}`);
         roles?.length && roles.map((r) => (params = params.append(`roles`, r)));
-        return this.backend.get(`/idm/users?${params}`).pipe(map((users) => (!users ? [] : users.map((u) => new YuvUser(u)))));
+        return this.#backend
+            .get(`/idm/users?${params}`)
+            .pipe(map((users) => (!users ? [] : users.map((u) => new YuvUser(u)))));
     }
     getUserById(id) {
-        return this.backend.get(`/idm/users/${id}`).pipe(map((user) => new YuvUser(user, this.#user.userSettings)));
+        return this.#backend.get(`/idm/users/${id}`).pipe(map((user) => new YuvUser(user, this.#user.userSettings)));
     }
     logout(redirRoute) {
         const redir = redirRoute ? `?redir=${redirRoute}` : '';
-        window.location.href = `${this.backend.getApiBase('logout')}${redir}`;
+        window.location.href = `${this.#backend.getApiBase('logout')}${redir}`;
     }
     getSettings(section) {
-        return this.#user ? this.backend.get(this.#USERS_SETTINGS + encodeURIComponent(section)) : of(null);
+        return this.#user ? this.#backend.get(this.#USERS_SETTINGS + encodeURIComponent(section)) : of(null);
     }
     saveObjectConfig(objectConfigs) {
-        return this.backend.post(this.#USERS_SETTINGS + encodeURIComponent(this.#SETTINGS_SECTION_OBJECTCONFIG), objectConfigs);
+        return this.#backend.post(this.#USERS_SETTINGS + encodeURIComponent(this.#SETTINGS_SECTION_OBJECTCONFIG), objectConfigs);
     }
     loadObjectConfig() {
         return this.getSettings(this.#SETTINGS_SECTION_OBJECTCONFIG).pipe(catchError(() => of(undefined)));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UserService, deps: [{ token: BackendService }, { token: i1.TranslateService }, { token: Logger }, { token: SystemService }, { token: EventService }, { token: ConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    #getUiDirection(iso) {
+        // languages that are read right to left
+        const rtlLanguages = ['ar', 'arc', 'dv', 'fa', 'ha', 'he', 'khw', 'ks', 'ku', 'ps', 'ur', 'yi'];
+        return !rtlLanguages.includes(iso) ? Direction.LTR : Direction.RTL;
+    }
+    #setUserPermissions(res) {
+        this.userPermissions = {
+            create: this.#mapPermissions('CREATE', res),
+            write: this.#mapPermissions('WRITE', res),
+            read: this.#mapPermissions('READ', res),
+            delete: this.#mapPermissions('DELETE', res)
+        };
+        const permissions = {
+            createableObjectTypes: [
+                ...this.userPermissions.create.folderTypes,
+                ...this.userPermissions.create.objectTypes,
+                ...this.userPermissions.create.secondaryObjectTypes
+            ],
+            searchableObjectTypes: [
+                ...this.userPermissions.read.folderTypes,
+                ...this.userPermissions.read.objectTypes,
+                ...this.userPermissions.read.secondaryObjectTypes
+            ]
+        };
+        this.#system.setPermissions(permissions);
+        this.canCreateObjects = permissions.createableObjectTypes.length > 0;
+    }
+    #mapPermissions(section, apiResponse) {
+        const res = apiResponse[section] || {};
+        return {
+            folderTypes: res['folderTypeIds'] || [],
+            objectTypes: res['objectTypeIds'] || [],
+            secondaryObjectTypes: res['secondaryObjectTypeIds'] || []
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UserService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UserService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UserService, decorators: [{
@@ -2611,7 +2656,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: BackendService }, { type: i1.TranslateService }, { type: Logger }, { type: SystemService }, { type: EventService }, { type: ConfigService }] });
+        }] });
 
 /**
  * Service providing access to the systems audit entries. Audits can be seen as the history of
@@ -3057,6 +3102,7 @@ class AuthService {
     #objectConfigService;
     #appCache;
     #systemService;
+    #localizationService;
     #backend;
     #INITIAL_REQUEST_STORAGE_KEY;
     #USER_FETCH_URI;
@@ -3072,6 +3118,7 @@ class AuthService {
         this.#objectConfigService = inject(ObjectConfigService);
         this.#appCache = inject(AppCacheService);
         this.#systemService = inject(SystemService);
+        this.#localizationService = inject(LocalizationService);
         this.#backend = inject(BackendService);
         this.#INITIAL_REQUEST_STORAGE_KEY = 'yuv.core.auth.initialrequest';
         this.#USER_FETCH_URI = '/idm/whoami';
@@ -3157,7 +3204,10 @@ class AuthService {
                 tenant: currentUser.tenant,
                 language: currentUser.getClientLocale()
             };
-            return this.#systemService.getSystemDefinition(this.#authData).pipe(switchMap(() => this.#objectConfigService.init()), map(() => currentUser));
+            return forkJoin([
+                this.#localizationService.fetchLocalizations(),
+                this.#systemService.getSystemDefinition(this.#authData)
+            ]).pipe(switchMap(() => this.#objectConfigService.init()), map(() => currentUser));
         }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AuthService, deps: [{ token: CORE_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable }); }
@@ -3224,1294 +3274,1518 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                 }]
         }] });
 
-class CatalogService {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CatalogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CatalogService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CatalogService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }] });
+const LOCALIZATION_COLUMNS = ['locale', 'label', 'description'];
 
+// 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 client-side caching of data with expiry handling.
- * Provides methods to get, update, and invalidate cache entries.
+ * Service for providing upload of different object types into a client.
  */
-class ClientCacheService {
-    #appCacheService = inject(AppCacheService);
-    #CLIENT_CACHE_PREFIX = 'yuv-client-cache:';
-    /**
-     * Get cached entry by ID.
-     * @param id  The ID of the cache entry.
-     * @param keepIfExpired Whether to return/keep the entry even if it is expired.
-     * @returns The cached data or null if not found/expired.
-     */
-    getFromCache(id, keepIfExpired = false) {
-        return this.#appCacheService.getItem(this.#CLIENT_CACHE_PREFIX + id).pipe(map$1((cachedItem) => {
-            if (cachedItem) {
-                const expired = cachedItem.expires !== undefined && cachedItem.expires <= Date.now();
-                if (!expired || keepIfExpired) {
-                    return cachedItem.data;
-                }
-                else {
-                    this.invalidateCache(id);
-                    return null;
-                }
-            }
-            return null;
-        }));
+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.#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
     /**
-     * Update or add cache entry.
-     * @param id The ID of the cache entry.
-     * @param data The data to cache.
-     * @param ttl TimeToLeave - The cache expiry time in milliseconds (how long to keep the cache entry valid).
+     * 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`.
      */
-    updateCache(id, data, ttl) {
-        const cacheEntry = { id, expires: ttl ? ttl + Date.now() : undefined, data };
-        return this.#appCacheService.setItem(this.#CLIENT_CACHE_PREFIX + id, cacheEntry).pipe(map$1(() => cacheEntry));
+    upload(url, file, label, silent) {
+        return this.#executeUpload(url, file, { label: label || file.name, silent: silent });
     }
     /**
-     * Invalidate cache entry by ID. This will remove the entry from the cache.
-     * @param id The ID of the cache entry to invalidate.
-     */
-    invalidateCache(id) {
-        return this.#appCacheService.removeItem(this.#CLIENT_CACHE_PREFIX + id);
+     * 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);
     }
     /**
-     * Clear all client cache entries.
+     * Upload files using multipart upload.
+     * @param url The URL to upload the files to
+     * @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.
      */
-    clear() {
-        return this.#appCacheService.clear((k) => k.startsWith(this.#CLIENT_CACHE_PREFIX));
+    uploadMultipart(url, files, data, label, silent) {
+        return this.#executeMultipartUpload(url, files, { label, silent }, data);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ClientCacheService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ClientCacheService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ClientCacheService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }] });
-
-class ClipboardService {
-    #emptyClipboard = {
-        buckets: undefined,
-        main: undefined
-    };
-    #clipboard = structuredClone(this.#emptyClipboard);
-    #clipboardSource = new ReplaySubject();
-    #clipboard$ = this.#clipboardSource.asObservable();
-    #pasteEvents = merge(fromEvent(window, 'keydown').pipe(filter$1((event) => event.ctrlKey && event.code === 'KeyV')), fromEvent(window, 'paste').pipe(filter$1((event) => !!event.clipboardData && event.clipboardData.files.length > 0)));
-    clipboard(bucket) {
-        return toSignal(this.clipboard$(bucket));
+    /**
+     * 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);
     }
-    clipboard$(bucket) {
-        return this.#clipboard$.pipe(map$1((cs) => {
-            if (bucket) {
-                return cs.buckets ? cs.buckets[bucket] : undefined;
-            }
-            else
-                return cs.main;
-        }));
+    /**
+     * 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?.body), transformResponse(), catchError((err) => throwError(() => err)));
     }
-    paste$(bucket) {
-        return this.#pasteEvents.pipe(map$1((e) => {
-            let cd;
-            if (e instanceof ClipboardEvent) {
-                const fileList = e.clipboardData.files;
-                const files = [];
-                for (let i = 0; i < fileList.length; i++) {
-                    files.push(fileList.item(i));
-                }
-                cd = files.length
-                    ? {
-                        files
-                    }
-                    : undefined;
-            }
-            else {
-                cd = bucket ? (this.#clipboard.buckets ? this.#clipboard.buckets[bucket] : undefined) : this.#clipboard.main;
+    /**
+     * 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) {
+            const match = this.#status.items.find((i) => i.id === id);
+            if (match) {
+                match.subscription.unsubscribe();
+                this.#status.items = this.#status.items.filter((i) => i.id !== id);
             }
-            return cd;
-        }), filter$1((cd) => cd !== undefined && (cd.files || cd.objects)), map$1((cd) => cd));
-    }
-    getClipboardData(bucket) {
-        if (bucket) {
-            return this.#clipboard.buckets ? this.#clipboard.buckets[bucket] : undefined;
         }
-        else
-            return this.#clipboard.main;
+        else {
+            this.#status.items.forEach((element) => element.subscription.unsubscribe());
+            this.#status.items = [];
+        }
+        this.#status.err = this.#status.items.filter((i) => i.err).length;
+        this.#statusSource.next(this.#status);
     }
+    //#endregion
+    //#region Utilities
     /**
-     * Add objects to the clipboard
-     * @param bucket Buckets are ways to separate data from the global scope.
-     * If you have an app that would like to have a separate section in the clipboard
-     * you'll use a unique bucket to store your stuff. When observing chages to the
-     * clipboard you couls as well provide the bucket and you will only get
+     * Prepares Formdata for multipart upload.
+     * @param from contains form and or file
      */
-    addObjects(objects, mode, bucket) {
-        const cd = { mode, objects };
-        if (bucket) {
-            if (!this.#clipboard.buckets)
-                this.#clipboard.buckets = {};
-            this.#clipboard.buckets[bucket] = cd;
-        }
-        else
-            this.#clipboard.main = cd;
-        this.#clipboardSource.next(this.#clipboard);
+    #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;
     }
-    clear(bucket) {
-        if (bucket && this.#clipboard.buckets) {
-            delete this.#clipboard.buckets[bucket];
-        }
-        else {
-            this.#clipboard = structuredClone(this.#emptyClipboard);
+    /**
+     * Prepares Http Request.
+     * @param url The URL to upload the file to
+     * @param content formdata or single file
+     * @param reportProgress Request should report upload progress
+     * @param method Request method
+     */
+    #createHttpRequest(url, content, reportProgress, method = 'POST') {
+        const { formData, file } = content;
+        // 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)}`);
         }
-        this.#clipboardSource.next(this.#clipboard);
+        return new HttpRequest(method, url, file || formData, { headers, reportProgress });
     }
-    async addToNavigatorClipBoard(data) {
-        try {
-            await navigator.clipboard.writeText(data);
-            //console.log('Text copied to clipboard');
+    /**
+     * Prepares single file POST upload.
+     * @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
+     */
+    #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, options.scope).pipe(transformResponse());
+    }
+    /**
+     * Prepare multipart upload.
+     * @param url The URL to upload the file to
+     * @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, 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, options.scope).pipe(transformResponse());
+    }
+    #generateResult(result) {
+        const objects = result.body?.objects;
+        if (objects && objects.length > 1) {
+            const data = objects[0];
+            // const bp = this.#system.getBaseProperties();
+            // const label = data.properties[bp.title] ? data.properties[bp.title].value : '...';
+            // TODO: Get the label from somewhere
+            const label = '...';
+            return [
+                {
+                    objectId: objects.map((val) => val.properties[BaseObjectTypeField.OBJECT_ID].value),
+                    contentStreamId: data.contentStreams[0]?.contentStreamId,
+                    filename: data.contentStreams[0]?.fileName,
+                    label: `(${objects.length}) ${label}`
+                }
+            ];
         }
-        catch (error) {
-            console.error('Failed to copy text: ', error);
+        else {
+            return result.body.objects.map((o) => ({
+                objectId: o.properties[BaseObjectTypeField.OBJECT_ID].value,
+                contentStreamId: o.contentStreams[0]?.contentStreamId,
+                filename: o.contentStreams[0]?.fileName,
+                // label: o.properties[bp.title] ? o.properties[bp.title].value : o.contentStreams![0]?.fileName
+                // TODO: Get the label from somewhere
+                label: o.contentStreams[0]?.fileName
+            }));
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ClipboardService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ClipboardService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ClipboardService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }] });
-
-/**
- * Service to monitor the online/offline state of the application.
- * It listens to the browser's online and offline events and provides an observable
- * to track the current connection state.
- *
- * An observable `connection$` is provided which emits the current connection state
- * whenever the online or offline state changes. The initial state is determined by
- * the `window.navigator.onLine` property.
- */
-class ConnectionService {
+    #createProgressStatus(event, progress, id) {
+        if (event.type === HttpEventType.UploadProgress) {
+            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((item) => item.id === id);
+            if (idx !== -1) {
+                this.#status.items[idx].result = this.#generateResult(event);
+                this.#statusSource.next(this.#status);
+            }
+        }
+    }
+    #createUploadError(err, progress, id) {
+        const statusItem = this.#status.items.find((item) => item.id === id);
+        statusItem.err = {
+            code: err.status,
+            message: err.error ? err.error.errorMessage : err.message
+        };
+        this.#logger.error('upload failed', statusItem);
+        this.#status.err++;
+        this.#statusSource.next(this.#status);
+        progress.next(0);
+        return throwError(() => new Error(err.message));
+    }
     /**
-     * @ignore
+     * Actually starts the upload process.
+     * @param request Request to be executed
+     * @param label A label that will show up in the upload overlay dialog while uploading
      */
-    constructor() {
-        this.currentState = {
-            isOnline: window.navigator.onLine
-        };
-        this.connectionStateSource = new ReplaySubject();
-        this.connection$ = this.connectionStateSource.asObservable();
-        this.connectionStateSource.next(this.currentState);
-        fromEvent(window, 'online').subscribe(() => {
-            this.currentState.isOnline = true;
-            this.connectionStateSource.next(this.currentState);
-        });
-        fromEvent(window, 'offline').subscribe(() => {
-            this.currentState.isOnline = false;
-            this.connectionStateSource.next(this.currentState);
+    #startUploadWithFile(request, label, scope) {
+        return new Observable((uploadObserver) => {
+            const id = Utils.uuid();
+            const progress = new Subject();
+            let result;
+            // Create a subscription from the http request that will be applied to the upload
+            // status item in order to be able to cancel the request later on.
+            this.#uploadStatus.next(false);
+            const subscription = this.#http
+                .request(request)
+                .pipe(catchError((err) => this.#createUploadError(err, progress, id)), tap((event) => this.#createProgressStatus(event, progress, id)))
+                // actual return value of this function
+                .subscribe({
+                next: (res) => (res.status ? (result = res) : null),
+                error: (err) => {
+                    uploadObserver.error(err);
+                    this.#uploadStatus.next(true);
+                    uploadObserver.complete();
+                },
+                complete: () => {
+                    uploadObserver.next(result);
+                    this.#uploadStatus.next(true);
+                    uploadObserver.complete();
+                }
+            });
+            this.#status.items.push({
+                id,
+                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: "21.2.9", ngImport: i0, type: ConnectionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ConnectionService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UploadService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UploadService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ConnectionService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UploadService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [] });
-
-/**
- * Providing functions,that are are injected at application startup and executed during app initialization.
- */
-const init_moduleFnc = () => {
-    const coreConfig = inject(CORE_CONFIG);
-    const logger = inject(Logger);
-    const http = inject(HttpClient);
-    const configService = inject(ConfigService);
-    const authService = inject(AuthService);
-    return authService.setInitialRequestUri().pipe(switchMap(() => coreConfig.main
-        ? !Array.isArray(coreConfig.main)
-            ? of([coreConfig.main])
-            : forkJoin([...coreConfig.main].map((uri) => http.get(`${Utils.getBaseHref()}${uri}`).pipe(catchError((e) => {
-                logger.error('failed to catch config file', e);
-                return of({});
-            }), map((res) => res)))).pipe(
-            // switchMap((configs: YuvConfig[]) => configService.extendConfig(configs)),
-            tap((configs) => configService.extendConfig(configs)), switchMap(() => authService.initUser().pipe(catchError((e) => {
-                authService.initError = {
-                    status: e.status,
-                    key: e.error.error
-                };
-                return of(true);
-            }))))
-        : of(false)));
-};
-
-var DeviceScreenOrientation;
-(function (DeviceScreenOrientation) {
-    DeviceScreenOrientation["PORTRAIT"] = "portrait";
-    DeviceScreenOrientation["LANDSCAPE"] = "landscape";
-})(DeviceScreenOrientation || (DeviceScreenOrientation = {}));
+        }] });
 
 /**
- * @deprecated This service is deprecated. Please use the DeviceService from the `@yuuvis/material` package instead.
- *
- * This service is used to adapt styles and designs of the client to
- * different devices and screen sizes.
- *
- * Using `screenChange$` observable you are able to monitor changes to
- * the screen size and act upon it.
- *
- * This service will also adds attributes to the body tag that reflect the
- * current screen/device state. This way you can apply secific styles in your
- * css files for different screen resolutions and orientations.
- *
- * Attributes applied to the body tag are:
- *
- * - `data-screen` - [s, m, l, xl] - for different screen sizes
- * (s: for mobile phone like screen sizes, m: for tablet like screen
- * sizes, 'l': for desktop like screen sizes, 'xl': for screen sizes exceeding
- * the desktop screen size).
- *
- * - `data-orientation` - [portrait, landscape] - for the current screen orientation
- *
- * - `data-touch-enabled` - [true] - if the device has touch capabilities (won't be added if the device doesn't have touch capabilities)
- *
- * ```html
- * <body data-screen-size="s" data-screen-orientation="portrait" data-touch-enabled="true">
- * ...
- * </body>
- * ```
+ * Service for working with dms objects: create them, delete, etc.
  */
-class DeviceService {
-    #deviceDetectorService;
-    #upperScreenBoundary;
-    #resize$;
-    #screen;
-    #screenSource;
-    #supportsSmallScreens;
-    constructor() {
-        this.#deviceDetectorService = inject(DeviceDetectorService);
-        this.#upperScreenBoundary = {
-            small: 600,
-            mediumPortrait: 900,
-            mediumLandscape: 1200,
-            large: 1800
-        };
-        this.#resize$ = fromEvent(window, 'resize').pipe(debounceTime(this.#getDebounceTime()));
-        this.#screenSource = new ReplaySubject(1);
-        this.screenChange$ = this.#screenSource.asObservable();
-        /**
-         * Signal to indicate if the screen size is small (e.g. mobile phone).
-         * This will only be triggered if `supportsSmallScreens` is set to true.
-         * Major components will use this metric to adapt to 'small screen behavior' and so can you
-         */
-        this.smallScreenLayout = signal(false, ...(ngDevMode ? [{ debugName: "smallScreenLayout" }] : /* istanbul ignore next */ []));
-        this.#supportsSmallScreens = signal(false, ...(ngDevMode ? [{ debugName: "#supportsSmallScreens" }] : /* istanbul ignore next */ []));
-        /**
-         * if the device is a mobile device (android / iPhone / windows-phone etc)
-         */
-        this.isMobile = this.#deviceDetectorService.isMobile();
-        /**
-         *  if the device us a tablet (iPad etc)
-         */
-        this.isTablet = this.#deviceDetectorService.isTablet();
-        /**
-         * if the app is running on a Desktop browser
-         */
-        this.isDesktop = this.#deviceDetectorService.isDesktop();
-        this.info = this.#deviceDetectorService.getDeviceInfo();
-        this.isTouchEnabled = this.#isTouchEnabled();
-        this.#resize$.subscribe((e) => {
-            this.#setScreen();
-        });
-    }
-    init(supportsSmallScreens = false) {
-        this.#supportsSmallScreens.set(supportsSmallScreens);
-        this.#setScreen();
-    }
-    #isTouchEnabled() {
-        return 'ontouchstart' in window || navigator.maxTouchPoints > 0;
-    }
-    #setScreen() {
-        const bounds = {
-            width: window.innerWidth,
-            height: window.innerHeight
-        };
-        let orientation = bounds.width >= bounds.height ? DeviceScreenOrientation.LANDSCAPE : DeviceScreenOrientation.PORTRAIT;
-        if (this.isMobile && window.screen['orientation']) {
-            const screenOrientation = window.screen['orientation'].type;
-            if (screenOrientation === 'landscape-primary' || screenOrientation === 'landscape-secondary') {
-                orientation = DeviceScreenOrientation.LANDSCAPE;
-            }
-            else if (screenOrientation === 'portrait-primary' || screenOrientation === 'portrait-secondary') {
-                orientation = DeviceScreenOrientation.PORTRAIT;
-            }
-        }
-        this.#screen = {
-            size: this.#getScreenSize(bounds, orientation),
-            orientation,
-            width: bounds.width,
-            height: bounds.height
-        };
-        this.#screenSource.next(this.#screen);
-        this.smallScreenLayout.set(this.#supportsSmallScreens() && this.#screen.size === 's' && this.#screen.orientation === 'portrait');
-        this.#setupDOM(this.#screen);
-        // force change detection because resize will not be recognized by Angular in some cases
-        // TODO: check: causes recursive ticks in some cases ...
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
-        setTimeout(() => { }, 0);
-    }
-    #setupDOM(screen) {
-        const body = document.querySelector('body');
-        body.setAttribute('data-screen-size', screen.size);
-        body.setAttribute('data-screen-orientation', screen.orientation);
-        if (this.isTouchEnabled)
-            body.setAttribute('data-touch-enabled', 'true');
-        else
-            body.removeAttribute('data-touch-enabled');
-    }
-    #getScreenSize(bounds, orientation) {
-        if (this.#isBelow(this.#upperScreenBoundary.small, bounds)) {
-            return 's';
-        }
-        else if (this.#isBelow(orientation === 'landscape' ? this.#upperScreenBoundary.mediumLandscape : this.#upperScreenBoundary.mediumPortrait, bounds)) {
-            return 'm';
-        }
-        else if (this.#isBelow(this.#upperScreenBoundary.large, bounds)) {
-            return 'l';
-        }
-        else {
-            return 'xl';
-        }
-    }
-    #isBelow(size, bounds) {
-        const landscape = bounds.width < this.#upperScreenBoundary.large ? bounds.width >= bounds.height : false;
-        return (landscape && bounds.height < size) || (!landscape && bounds.width < size);
+class DmsService {
+    #searchService = inject(SearchService);
+    #backend = inject(BackendService);
+    #eventService = inject(EventService);
+    #uploadService = inject(UploadService);
+    /**
+     * 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.
+     * @param objectTypeId The ID of the object type to be created
+     * @param indexdata Indexdata for the new object(s)
+     * @param files File(s) to create dms objects content(s) with
+     * @param label A label that will show up in the upload overlay dialog while uploading
+     *
+     * @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 data = indexdata;
+        data[BaseObjectTypeField.OBJECT_TYPE_ID] = objectTypeId;
+        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((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
+        // give backend time to get its stuff together.
+        delay(1000))
+            .pipe(this.triggerEvent(YuvEventType.DMS_OBJECT_CREATED, '', silent));
     }
-    #getDebounceTime() {
-        // on mobile devices resize only happens when rotating the device or when
-        // keyboard appears, so we dont't need to debounce
-        return this.isMobile ? 0 : 500;
+    /**
+     * Delete a dms object.
+     * @param id ID of the object to be deleted
+     */
+    deleteDmsObject(id, silent = false) {
+        const url = `/dms/objects/${id}`;
+        return this.#backend
+            .delete(url, ApiBase.apiWeb)
+            .pipe(map(() => ({ id })))
+            .pipe(this.triggerEvent(YuvEventType.DMS_OBJECT_DELETED, '', silent));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DeviceService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DeviceService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DeviceService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [] });
-
-// 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.#uploadStatus = new BehaviorSubject(null);
-        this.status$ = this.#statusSource.pipe(scan((acc, newVal) => ({ ...acc, ...newVal }), this.#status));
-        this.uploadStatus$ = this.#uploadStatus.asObservable();
+    /**
+     * Restore older version of a dms object.
+     * @param id ID of the object to be restored
+     * @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));
     }
-    // #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
+     * 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 uploadFile instead. `label`, `silent` as well as `scope` can be provided through `options`.
+     * @deprecated use uploadFileContent instead. Provide label and silent through `options`
      */
-    upload(url, file, label, silent) {
-        return this.#executeUpload(url, file, { label: label || file.name, silent: silent });
+    uploadContent(objectId, file, label, silent) {
+        return this.#uploadService
+            .upload(this.getContentPath(objectId), file, label, silent)
+            .pipe(this.triggerEvent(YuvEventType.DMS_OBJECT_UPDATED, objectId));
     }
     /**
-     * Uploads a single file to the specified URL using the structured `FileUploadOptions` object.
+     * 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 `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.
+     * 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:**
-     * - 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
+     * - 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 url - The backend URL to POST the file to
-     * @param file - The `File` object to be uploaded
+     * @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 server response on completion
+     * @returns An `Observable` that emits the updated DMS object on completion
      *
      * @example
      * ```typescript
-     * // Standard upload with progress indicator
-     * this.uploadService.uploadFile(url, file, { label: 'Uploading contract.pdf' }).subscribe();
+     * // Replace content with a visible progress indicator
+     * this.dmsService.uploadFileContent(objectId, file, { label: 'Uploading contract.pdf' }).subscribe();
      *
-     * // Silent upload (no UI, runs in background)
-     * this.uploadService.uploadFile(url, file, { label: 'document.pdf', silent: true }).subscribe();
+     * // Silent replacement (no UI feedback, no event emitted)
+     * this.dmsService.uploadFileContent(objectId, file, { label: 'report.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();
+     * // Scoped upload — only UploadProgressComponent with scope 'detail-panel' will show this
+     * this.dmsService
+     *   .uploadFileContent(objectId, file, { label: 'photo.jpg', scope: 'detail-panel' })
+     *   .subscribe();
      * ```
      */
-    uploadFile(url, file, options) {
-        return this.#executeUpload(url, file, options);
+    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));
     }
     /**
-     * Upload files using multipart upload.
-     * @param url The URL to upload the files to
-     * @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.
+     * Path of dms object content file.
+     * @param objectId ID of the dms object
+     * @param version version number of the dms object
      */
-    uploadMultipart(url, files, data, label, silent) {
-        return this.#executeMultipartUpload(url, files, { label, silent }, data);
+    getContentPath(objectId, version) {
+        return (`${this.#backend.getApiBase(ApiBase.apiWeb)}/dms/objects/` +
+            `${objectId}/contents/file${version ? '?version=' + version : ''}`);
     }
     /**
-     * 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();
-     * ```
+     * Original API Path of dms object content file.
+     * @param objectId ID of the dms object
+     * @param version version number of the dms object
+     * @param rendition should return rendition path of the dms object
      */
-    multipartUpload(url, files, options, data) {
-        return this.#executeMultipartUpload(url, files, options, data);
+    getFullContentPath(objectId, version, rendition = false) {
+        return (`${this.#backend.getApiBase(ApiBase.core, true)}/dms/objects/` +
+            `${objectId}${version ? '/versions/' + version : ''}/contents/${rendition ? 'renditions/pdf' : 'file'}`);
+    }
+    getSlideURI(objectId, mimeType) {
+        const supportedMimeTypes = ['*/*'];
+        let supported = false;
+        if (mimeType) {
+            // 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;
     }
     /**
-     * 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' }
-     * };
+     * Downloads the content of dms objects.
      *
-     * this.uploadService.createDocument(url, metadata).subscribe((result) => {
-     *   console.log('Created:', result);
-     * });
-     * ```
+     * @param DmsObject[] dmsObjects Array of dms objects to be downloaded
+     * @param withVersion should download specific version of the object
      */
-    createDocument(url, data) {
-        const formData = this.#createFormData({ data });
-        const request = this.#createHttpRequest(url, { formData }, false);
-        return this.#http.request(request).pipe(filter((obj) => obj?.body), transformResponse(), catchError((err) => throwError(() => err)));
+    downloadContent(objects, withVersion) {
+        objects.forEach((object, i) => setTimeout(() => {
+            const uri = `${this.getContentPath(object?.id, withVersion ? object?.version : undefined)}`;
+            this.#backend.download(uri);
+        }, Utils.isSafari() ? i * 1000 : 0 // Safari does not allow multi download
+        ));
     }
     /**
-     * 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();
-     * ```
+     * Fetch a dms object.
+     * @param id ID of the object to be retrieved
+     * @param version Desired version of the object
      */
-    cancelItem(id) {
-        if (id) {
-            const match = this.#status.items.find((i) => i.id === id);
-            if (match) {
-                match.subscription.unsubscribe();
-                this.#status.items = this.#status.items.filter((i) => i.id !== id);
-            }
-        }
-        else {
-            this.#status.items.forEach((element) => element.subscription.unsubscribe());
-            this.#status.items = [];
-        }
-        this.#status.err = this.#status.items.filter((i) => i.err).length;
-        this.#statusSource.next(this.#status);
+    getDmsObject(id, version, silent = false, requestOptions) {
+        return this.#backend
+            .get(`/dms/objects/${id}${version ? '/versions/' + version : ''}`, undefined, requestOptions)
+            .pipe(map((res) => {
+            const item = this.#searchService.toSearchResult(res).items[0];
+            return this.#searchResultToDmsObject(item);
+        }))
+            .pipe(this.triggerEvent(YuvEventType.DMS_OBJECT_LOADED, '', silent));
     }
-    //#endregion
-    //#region Utilities
     /**
-     * Prepares Formdata for multipart upload.
-     * @param from contains form and or file
+     * Get tags of a dms object.
+     * @param objectData  Data field of the dms object
      */
-    #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;
+    getDmsObjectTags(objectData) {
+        return (objectData[BaseObjectTypeField.TAGS] || []).map((row) => ({
+            name: row[0],
+            state: row[1],
+            creationDate: new Date(row[2]),
+            traceId: row[3]
+        }));
     }
     /**
-     * Prepares Http Request.
-     * @param url The URL to upload the file to
-     * @param content formdata or single file
-     * @param reportProgress Request should report upload progress
-     * @param method Request method
+     * Updates a tag on a dms object.
+     * @param id The ID of the object
+     * @param tag The tag to be updated
+     * @param value The tags new value
      */
-    #createHttpRequest(url, content, reportProgress, method = 'POST') {
-        const { formData, file } = content;
-        // 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)}`);
-        }
-        return new HttpRequest(method, url, file || formData, { headers, reportProgress });
+    setDmsObjectTag(id, tag, value, silent = false) {
+        return this.#backend
+            .post(`/dms/objects/tags/${tag}/state/${value}?query=SELECT * FROM system:object WHERE system:objectId='${id}'`, {}, ApiBase.core)
+            .pipe(this.triggerEvent(YuvEventType.DMS_OBJECT_UPDATED, id, silent));
     }
     /**
-     * Prepares single file POST upload.
-     * @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
+     * Deletes a tag from a dms object.
+     * @param id The ID of the object
+     * @param tag The tag to be deleted
      */
-    #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, options.scope).pipe(transformResponse());
+    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));
     }
     /**
-     * Prepare multipart upload.
-     * @param url The URL to upload the file to
-     * @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
+     * Update indexdata of a dms object.
+     * @param id ID of the object to apply the data to
+     * @param data Indexdata to be applied
+     * @param silent flag to trigger DMS_OBJECT_UPDATED event
      */
-    #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, options.scope).pipe(transformResponse());
-    }
-    #generateResult(result) {
-        const objects = result.body?.objects;
-        if (objects && objects.length > 1) {
-            const data = objects[0];
-            // const bp = this.#system.getBaseProperties();
-            // const label = data.properties[bp.title] ? data.properties[bp.title].value : '...';
-            // TODO: Get the label from somewhere
-            const label = '...';
-            return [
-                {
-                    objectId: objects.map((val) => val.properties[BaseObjectTypeField.OBJECT_ID].value),
-                    contentStreamId: data.contentStreams[0]?.contentStreamId,
-                    filename: data.contentStreams[0]?.fileName,
-                    label: `(${objects.length}) ${label}`
-                }
-            ];
-        }
-        else {
-            return result.body.objects.map((o) => ({
-                objectId: o.properties[BaseObjectTypeField.OBJECT_ID].value,
-                contentStreamId: o.contentStreams[0]?.contentStreamId,
-                filename: o.contentStreams[0]?.fileName,
-                // label: o.properties[bp.title] ? o.properties[bp.title].value : o.contentStreams![0]?.fileName
-                // TODO: Get the label from somewhere
-                label: o.contentStreams[0]?.fileName
-            }));
-        }
+    updateDmsObject(id, data, silent = false, options = { waitForSearchConsistency: true }) {
+        const url = `/dms/objects/${id}${options.waitForSearchConsistency ? '?waitForSearchConsistency=true' : ''}`;
+        return this.#backend.patch(url, data).pipe(this.triggerEvent(YuvEventType.DMS_OBJECT_UPDATED, id, silent));
     }
-    #createProgressStatus(event, progress, id) {
-        if (event.type === HttpEventType.UploadProgress) {
-            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((item) => item.id === id);
-            if (idx !== -1) {
-                this.#status.items[idx].result = this.#generateResult(event);
-                this.#statusSource.next(this.#status);
-            }
-        }
+    /**
+     * Updates given objects.
+     * @param objects the objects to updated
+     */
+    updateDmsObjects(objects, silent = false, options = { waitForSearchConsistency: true }) {
+        const url = `/dms/objects${options.waitForSearchConsistency ? '?waitForSearchConsistency=true' : ''}`;
+        return this.#backend
+            .patch(url, {
+            patches: objects.map((o) => ({
+                id: o.id,
+                data: o.data
+            }))
+        })
+            .pipe(this.#triggerEvents(YuvEventType.DMS_OBJECT_UPDATED, objects.map((o) => o.id), silent));
     }
-    #createUploadError(err, progress, id) {
-        const statusItem = this.#status.items.find((item) => item.id === id);
-        statusItem.err = {
-            code: err.status,
-            message: err.error ? err.error.errorMessage : err.message
-        };
-        this.#logger.error('upload failed', statusItem);
-        this.#status.err++;
-        this.#statusSource.next(this.#status);
-        progress.next(0);
-        return throwError(() => new Error(err.message));
+    /**
+     * Updates a tag on a dms object.
+     * @param ids List of IDs of objects
+     * @param tag The tag to be updated
+     * @param value The tags new value
+     */
+    updateDmsObjectsTag(ids, tag, value, silent = false) {
+        return this.batchUpdateTag(ids, tag, value).pipe(this.#triggerEvents(YuvEventType.DMS_OBJECT_UPDATED, ids, silent));
     }
     /**
-     * Actually starts the upload process.
-     * @param request Request to be executed
-     * @param label A label that will show up in the upload overlay dialog while uploading
+     * Moves given objects to a different folder.
+     * @param folderId the id of the new parent folder
+     * @param objects objects to be moved
+     * @param options options for the move operation
      */
-    #startUploadWithFile(request, label, scope) {
-        return new Observable((uploadObserver) => {
-            const id = Utils.uuid();
-            const progress = new Subject();
-            let result;
-            // Create a subscription from the http request that will be applied to the upload
-            // status item in order to be able to cancel the request later on.
-            this.#uploadStatus.next(false);
-            const subscription = this.#http
-                .request(request)
-                .pipe(catchError((err) => this.#createUploadError(err, progress, id)), tap((event) => this.#createProgressStatus(event, progress, id)))
-                // actual return value of this function
-                .subscribe({
-                next: (res) => (res.status ? (result = res) : null),
-                error: (err) => {
-                    uploadObserver.error(err);
-                    this.#uploadStatus.next(true);
-                    uploadObserver.complete();
-                },
-                complete: () => {
-                    uploadObserver.next(result);
-                    this.#uploadStatus.next(true);
-                    uploadObserver.complete();
-                }
-            });
-            this.#status.items.push({
-                id,
-                filename: label,
-                progress: progress.asObservable(),
-                subscription,
-                scope: scope,
-                err: undefined
-            });
-            this.#statusSource.next(this.#status);
-        });
+    moveDmsObjects(targetFolderId, objects, options) {
+        return this.updateDmsObjects(objects.map((o) => ({ id: o.id, data: { [BaseObjectTypeField.PARENT_ID]: targetFolderId } }), true)).pipe(tap((res) => !options?.silent && this.#eventService.trigger(YuvEventType.DMS_OBJECTS_MOVED, res)));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UploadService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UploadService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UploadService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }] });
-
-/**
- * Service for working with dms objects: create them, delete, etc.
- */
-class DmsService {
-    #searchService = inject(SearchService);
-    #backend = inject(BackendService);
-    #eventService = inject(EventService);
-    #uploadService = inject(UploadService);
     /**
-     * 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.
-     * @param objectTypeId The ID of the object type to be created
-     * @param indexdata Indexdata for the new object(s)
-     * @param files File(s) to create dms objects content(s) with
-     * @param label A label that will show up in the upload overlay dialog while uploading
-     *
-     * @returns Array of IDs of the objects that have been created
+     * Copy given objects to a different folder. The objects will be copied with their indexdata referencing
+     * the existing content of the source object.
+     * @param targetFolderId The ID of the target folder
+     * @param objects The objects to be copied
+     * @param options options for the copy operation
      */
-    createDmsObject(objectTypeId, indexdata, files, label, silent = false, options = { 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.multipartUpload(url, files, { label: label ?? '', silent, scope: options.scope }, data)
-            : this.#uploadService.createDocument(url, data);
-        return upload
-            .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
-        // give backend time to get its stuff together.
-        delay(1000))
-            .pipe(this.triggerEvent(YuvEventType.DMS_OBJECT_CREATED, '', silent));
+    copyDmsObjects(targetFolderId, objects, options) {
+        const excludeProperties = [
+            BaseObjectTypeField.OBJECT_ID,
+            BaseObjectTypeField.CREATED_BY,
+            BaseObjectTypeField.CREATION_DATE,
+            BaseObjectTypeField.MODIFIED_BY,
+            BaseObjectTypeField.MODIFICATION_DATE,
+            BaseObjectTypeField.VERSION_NUMBER,
+            BaseObjectTypeField.TRACE_ID,
+            BaseObjectTypeField.PARENT_OBJECT_TYPE_ID,
+            BaseObjectTypeField.PARENT_VERSION_NUMBER
+        ];
+        const mappedObjects = objects.map((o) => {
+            o.data[BaseObjectTypeField.PARENT_ID] = targetFolderId;
+            // Remove properties that are not allowed to be copied.
+            // This also includes content stream fields bundled into the objects data field.
+            // Properties ending with '_title' are also excluded as they are enrichment values
+            // provided by API-Web.
+            Object.keys(o.data)
+                .filter((key) => key.endsWith('_title') || excludeProperties.includes(key) || Object.values(ContentStreamField).includes(key))
+                .forEach((key) => Reflect.deleteProperty(o.data, key));
+            // map filtered data field to data format required by the Core-API
+            const properties = Object.keys(o.data).reduce((acc, key) => {
+                acc[key] = { value: o.data[key] };
+                return acc;
+            }, {});
+            return {
+                properties: properties,
+                objectTypeId: o.objectTypeId,
+                ...(o.content
+                    ? {
+                        contentStreams: [o.content]
+                    }
+                    : {})
+            };
+        });
+        const query = options
+            ? Object.keys(options)
+                .map((key) => `${key}=${options[key]}`)
+                .join('&')
+            : '';
+        return this.#backend.post(`/dms/objects?${query}`, { objects: mappedObjects }, ApiBase.core);
     }
     /**
-     * Delete a dms object.
-     * @param id ID of the object to be deleted
+     * Get a bunch of dms objects.
+     * @param ids List of IDs of objects to be retrieved
      */
-    deleteDmsObject(id, silent = false) {
-        const url = `/dms/objects/${id}`;
-        return this.#backend
-            .delete(url, ApiBase.apiWeb)
-            .pipe(map(() => ({ id })))
-            .pipe(this.triggerEvent(YuvEventType.DMS_OBJECT_DELETED, '', silent));
+    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(this.#triggerEvents(YuvEventType.DMS_OBJECT_LOADED, undefined, silent));
     }
     /**
-     * Restore older version of a dms object.
-     * @param id ID of the object to be restored
-     * @param version version of the object to be restored
+     * Delete a bunch of dms objects.
+     * @param ids List of IDs of objects to be deleted
+     * @param options Options for the delete operation
+     * @returns Array of delete results.
      */
-    restoreDmsObject(id, version, silent = false) {
-        // eslint-disable-next-line max-len
-        const url = `/dms/objects/${id}/versions/${version}/actions/restore?waitForSearchConsistency=true&restoreParentId=false`;
+    deleteDmsObjects(objects, options) {
+        const queryParams = options
+            ? `?${Object.keys(options)
+                .filter((k) => ['waitForSearchConsistency', 'greedy'].includes(k))
+                .map((k) => `${k}=${options[k]}`)
+                .join('&')}`
+            : '';
         return this.#backend
-            .post(url, {}, ApiBase.apiWeb)
-            .pipe(this.triggerEvent(YuvEventType.DMS_OBJECT_UPDATED, id, silent));
+            .delete(`/dms/objects${queryParams}`, ApiBase.core, {
+            body: {
+                objects: objects.map((o) => ({
+                    properties: typeof o === 'string'
+                        ? {
+                            'system:objectId': {
+                                value: o
+                            }
+                        }
+                        : {
+                            'system:objectId': { value: o.id },
+                            subject: { value: o.subject }
+                        }
+                }))
+            }
+        })
+            .pipe(map((res) => res?.objects?.map((r) => {
+            const v = r.options?.[SystemResult.DELETE];
+            return {
+                id: r.properties?.[BaseObjectTypeField.OBJECT_ID]?.value,
+                properties: r.properties,
+                ...(v?.httpStatusCode >= 400 ? { _error: { status: v.httpStatusCode, message: v.message } } : {})
+            };
+        })))
+            .pipe(this.#triggerEvents(YuvEventType.DMS_OBJECT_DELETED, undefined, options?.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`
+     * Fetch a dms object versions.
+     * @param id ID of the object to be retrieved
      */
-    uploadContent(objectId, file, label, silent) {
-        return this.#uploadService
-            .upload(this.getContentPath(objectId), file, label, silent)
-            .pipe(this.triggerEvent(YuvEventType.DMS_OBJECT_UPDATED, objectId));
+    getDmsObjectVersions(id) {
+        return this.#backend.get('/dms/objects/' + id + '/versions').pipe(map((res) => {
+            const items = this.#searchService.toSearchResult(res).items || [];
+            return items.map((item) => this.#searchResultToDmsObject(item));
+        }), map((res) => res.sort(Utils.sortValues('version', Sort.DESC))));
     }
-    /**
-     * 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));
+    getDmsObjectVersion(id, version) {
+        return this.#backend
+            .get(`/dms/objects/${id}/versions/${version}`)
+            .pipe(map((res) => this.#searchResultToDmsObject(this.#searchService.toSearchResult(res).items[0])));
     }
-    /**
-     * Path of dms object content file.
-     * @param objectId ID of the dms object
-     * @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 : ''}`);
+    coreApiResponseToDmsObject(res) {
+        return this.#searchResultToDmsObject({
+            objectTypeId: res.properties[BaseObjectTypeField.OBJECT_TYPE_ID].value,
+            fields: new Map(Object.entries(res.properties)),
+            content: res.contentStreams?.[0]
+        });
     }
     /**
-     * Original API Path of dms object content file.
-     * @param objectId ID of the dms object
-     * @param version version number of the dms object
-     * @param rendition should return rendition path of the dms object
+     * Transforms a plain data object to a DmsObject.
+     * @param data The plain data object
+     * @returns DmsObject
      */
-    getFullContentPath(objectId, version, rendition = false) {
-        return (`${this.#backend.getApiBase(ApiBase.core, true)}/dms/objects/` +
-            `${objectId}${version ? '/versions/' + version : ''}/contents/${rendition ? 'renditions/pdf' : 'file'}`);
+    toDmsObject(data) {
+        const fields = new Map();
+        Object.keys(data).forEach((key) => fields.set(key, data[key]));
+        const item = {
+            content: {
+                contentStreamId: data[ContentStreamField.ID],
+                mimeType: data[ContentStreamField.MIME_TYPE],
+                fileName: data[ContentStreamField.FILENAME],
+                size: data[ContentStreamField.LENGTH],
+                digest: data[ContentStreamField.DIGEST],
+                repositoryId: data[ContentStreamField.REPOSITORY_ID],
+                range: data[ContentStreamField.RANGE]
+            },
+            objectTypeId: data[BaseObjectTypeField.OBJECT_TYPE_ID],
+            fields
+        };
+        return this.#searchResultToDmsObject(item);
     }
-    getSlideURI(objectId, mimeType) {
-        const supportedMimeTypes = ['*/*'];
-        let supported = false;
-        if (mimeType) {
-            // 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;
+    batchUpdateTag(ids, tag, value) {
+        return this.#backend.batch(ids.map((id) => ({
+            method: 'POST',
+            uri: `/dms/objects/tags/${tag}/state/${value}?query=SELECT * FROM system:object WHERE system:objectId='${id}'`,
+            base: ApiBase.core,
+            body: {}
+        })));
+    }
+    batchDeleteTag(ids, tag) {
+        return this.#backend.batch(ids.map((id) => ({
+            method: 'DELETE',
+            uri: `/dms/objects/${id}/tags/${tag}`,
+            base: ApiBase.core
+        })));
+    }
+    batchDelete(ids) {
+        return this.#backend.batch(ids.map((id) => ({ method: 'DELETE', uri: `/dms/objects/${id}` })));
+    }
+    batchGet(ids) {
+        return this.#backend.batch(ids.map((id) => ({ method: 'GET', uri: `/dms/objects/${id}` })));
     }
     /**
-     * Downloads the content of dms objects.
-     *
-     * @param DmsObject[] dmsObjects Array of dms objects to be downloaded
-     * @param withVersion should download specific version of the object
+     * Map search result from the backend to applications SearchResult object
+     * @param searchResponse The backend response
      */
-    downloadContent(objects, withVersion) {
-        objects.forEach((object, i) => setTimeout(() => {
-            const uri = `${this.getContentPath(object?.id, withVersion ? object?.version : undefined)}`;
-            this.#backend.download(uri);
-        }, Utils.isSafari() ? i * 1000 : 0 // Safari does not allow multi download
-        ));
+    toSearchResult(searchResponse) {
+        const resultListItems = [];
+        const objectTypes = [];
+        searchResponse.objects.forEach((o) => {
+            const fields = new Map();
+            // process properties section of result
+            Object.keys(o.properties).forEach((key) => {
+                let value = o.properties[key].value;
+                if (o.properties[key].clvalue) {
+                    // table fields will have a clientValue too ...
+                    value = o.properties[key].clvalue;
+                    // ... and also may contain values that need to be resolved
+                    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]];
+                                if (resValue) {
+                                    v[`${k}_title`] = resValue;
+                                }
+                            });
+                        });
+                    }
+                }
+                fields.set(key, value);
+                if (o.properties[key].title) {
+                    fields.set(key + '_title', o.properties[key].title);
+                }
+            });
+            // process contentStreams section of result if available.
+            // 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, although
+                // this is an array and there may be more
+                const contentStream = o.contentStreams[0];
+                // 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);
+                fields.set(ContentStreamField.ID, contentStream.contentStreamId);
+                fields.set(ContentStreamField.RANGE, contentStream.contentStreamRange);
+                fields.set(ContentStreamField.REPOSITORY_ID, contentStream.repositoryId);
+                fields.set(ContentStreamField.DIGEST, contentStream.digest);
+                fields.set(ContentStreamField.ARCHIVE_PATH, contentStream.archivePath);
+                content = {
+                    contentStreamId: contentStream.contentStreamId,
+                    repositoryId: contentStream.repositoryId,
+                    range: contentStream.range,
+                    digest: contentStream.digest,
+                    archivePath: contentStream.archivePath,
+                    fileName: contentStream.fileName,
+                    mimeType: contentStream.mimeType,
+                    size: contentStream.length
+                };
+            }
+            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({
+                objectTypeId,
+                content,
+                fields,
+                permissions: o.permissions
+            });
+        });
+        const result = {
+            hasMoreItems: searchResponse.hasMoreItems,
+            totalNumItems: searchResponse.totalNumItems,
+            items: resultListItems,
+            objectTypes
+        };
+        return result;
+    }
+    // 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: "21.2.9", ngImport: i0, type: DmsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DmsService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DmsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+class CatalogService {
+    constructor() {
+        this.#backend = inject(BackendService);
+        this.#dms = inject(DmsService);
+        this.#search = inject(SearchService);
+        this.catalogs = signal([], ...(ngDevMode ? [{ debugName: "catalogs" }] : /* istanbul ignore next */ []));
+    }
+    static { this.CATALOG_BASE = '/dms/catalogs/odata'; }
+    #backend;
+    #dms;
+    #search;
+    /** Fetch the list of catalogs and publish to the `catalogs` signal. */
+    loadCatalogs() {
+        return this.#fetchData();
     }
+    // ── Catalog CRUD ─────────────────────────────────────────────
     /**
-     * Fetch a dms object.
-     * @param id ID of the object to be retrieved
-     * @param version Desired version of the object
+     * Create a new catalog. Returns the new objectId.
      */
-    getDmsObject(id, version, silent = false, requestOptions) {
+    createCatalog(payload) {
+        const data = {
+            [BaseObjectTypeField.OBJECT_TYPE_ID]: { value: SystemType.ITEM },
+            [BaseObjectTypeField.SECONDARY_OBJECT_TYPE_IDS]: { value: [SystemType.CATALOG] },
+            [CatalogTypeField.NATIVE_ID]: { value: payload.name }
+        };
         return this.#backend
-            .get(`/dms/objects/${id}${version ? '/versions/' + version : ''}`, undefined, requestOptions)
-            .pipe(map((res) => {
-            const item = this.#searchService.toSearchResult(res).items[0];
-            return this.#searchResultToDmsObject(item);
-        }))
-            .pipe(this.triggerEvent(YuvEventType.DMS_OBJECT_LOADED, '', silent));
+            .post(`/dms/objects?waitForSearchConsistency=true`, { objects: [{ properties: data }] }, ApiBase.core)
+            .pipe(map$1((res) => res.objects[0]?.properties[BaseObjectTypeField.OBJECT_ID]?.value), switchMap$1((id) => this.#fetchData().pipe(map$1(() => id))));
+    }
+    /** Delete a catalog by objectId. */
+    deleteCatalog(objectId) {
+        return this.#backend
+            .delete(`/dms/objects/${objectId}?waitForSearchConsistency=true`, ApiBase.core)
+            .pipe(switchMap$1(() => this.#fetchData()));
+    }
+    // ── Catalog entry CRUD ───────────────────────────────────────
+    /** Create a new entry in the given catalog. Returns the new objectId. */
+    createEntry(catalogName, payload) {
+        const sots = [SystemType.CATALOG_ENTRY, ...(payload.secondaryObjectTypeIds ?? [])];
+        const data = {
+            [BaseObjectTypeField.SECONDARY_OBJECT_TYPE_IDS]: { value: sots },
+            [BaseObjectTypeField.OBJECT_TYPE_ID]: { value: SystemType.ITEM },
+            [CatalogTypeField.NATIVE_ID]: { value: payload.name },
+            [CatalogTypeField.CATALOG_NATIVE_ID]: { value: catalogName },
+            ...(payload.validFrom !== undefined ? { [CatalogTypeField.DATE_VALID_FROM]: { value: payload.validFrom } } : {}),
+            ...(payload.validUntil !== undefined
+                ? { [CatalogTypeField.DATE_VALID_UNTIL]: { value: payload.validUntil } }
+                : {}),
+            ...(payload.localizations
+                ? { [CatalogTypeField.LOCALIZATION]: this.#toLocalizationTable(payload.localizations) }
+                : {}),
+            ...(payload.properties ?? {})
+        };
+        return this.#backend
+            .post(`/dms/objects?waitForSearchConsistency=true`, { objects: [{ properties: data }] }, ApiBase.core)
+            .pipe(map$1((res) => res.objects[0]?.properties[BaseObjectTypeField.OBJECT_ID]?.value));
     }
     /**
-     * Get tags of a dms object.
-     * @param objectData  Data field of the dms object
+     * Update mutable fields of a catalog entry. Sparse: only fields present in `update`
+     * are sent. Pass `null` for `validFrom`/`validUntil` to clear them.
      */
-    getDmsObjectTags(objectData) {
-        return (objectData[BaseObjectTypeField.TAGS] || []).map((row) => ({
-            name: row[0],
-            state: row[1],
-            creationDate: new Date(row[2]),
-            traceId: row[3]
+    updateEntry(objectId, update) {
+        const data = {
+        // 'system:catalogNativeId': { value: update.catalogName }
+        };
+        if (update.validFrom !== undefined) {
+            data[CatalogTypeField.DATE_VALID_FROM] = { value: update.validFrom };
+        }
+        if (update.validUntil !== undefined) {
+            data[CatalogTypeField.DATE_VALID_UNTIL] = { value: update.validUntil };
+        }
+        if (update.localizations !== undefined) {
+            data[CatalogTypeField.LOCALIZATION] = this.#toLocalizationTable(update.localizations);
+        }
+        return this.#backend.patch(`/dms/objects/${objectId}`, { objects: [{ properties: data }] }, ApiBase.core);
+    }
+    /** Delete a catalog entry by objectId. */
+    deleteEntry(objectId) {
+        return this.#backend.delete(`/dms/objects/${objectId}?waitForSearchConsistency=true`, ApiBase.core);
+    }
+    // ── Catalog entry queries ────────────────────────────────────
+    /**
+     * Get a specific catalog entry by name (use case 1).
+     * Validity filtering does NOT apply — all existing entries are returned.
+     * Returns 404 if the entry does not exist. Pass `locale` to receive
+     * `system:localization` rows resolved against `Accept-Language`.
+     */
+    getEntry(catalogName, entryName, locale) {
+        const escapedEntry = entryName.replace(/'/g, "''");
+        const url = `${CatalogService.CATALOG_BASE}/${catalogName}('${escapedEntry}')`;
+        return this.#backend.get(url, ApiBase.core, this.#localeOptions(locale)).pipe(map$1((response) => {
+            const obj = response.objects[0];
+            if (!obj) {
+                throw new Error(`Catalog entry '${entryName}' not found in '${catalogName}'`);
+            }
+            return this.#mapEntry(obj);
         }));
     }
     /**
-     * Updates a tag on a dms object.
-     * @param id The ID of the object
-     * @param tag The tag to be updated
-     * @param value The tags new value
+     * Get catalog entries with optional filtering and pagination (use cases 2 & 3).
+     * By default only valid entries are returned. Pass `options.locale` to drive
+     * `startswith(displayValue,'…')` matching and the localized response rows.
      */
-    setDmsObjectTag(id, tag, value, silent = false) {
+    getEntries(catalogName, options) {
+        const url = `${CatalogService.CATALOG_BASE}/${catalogName}`;
+        const params = this.#buildQueryParams(options);
+        const requestOptions = { params, ...this.#localeOptions(options?.locale) };
         return this.#backend
-            .post(`/dms/objects/tags/${tag}/state/${value}?query=SELECT * FROM system:object WHERE system:objectId='${id}'`, {}, ApiBase.core)
-            .pipe(this.triggerEvent(YuvEventType.DMS_OBJECT_UPDATED, id, silent));
+            .get(url, ApiBase.core, requestOptions)
+            .pipe(map$1((response) => this.#mapResponse(response)));
     }
     /**
-     * Deletes a tag from a dms object.
-     * @param id The ID of the object
-     * @param tag The tag to be deleted
+     * Autocomplete / filtered search (convenience wrapper for use case 3).
+     * Searches the localized display value using startswith().
      */
-    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));
+    autocomplete(catalogName, prefix, options) {
+        return this.getEntries(catalogName, { ...options, autocompletePrefix: prefix });
     }
-    /**
-     * Update indexdata of a dms object.
-     * @param id ID of the object to apply the data to
-     * @param data Indexdata to be applied
-     * @param silent flag to trigger DMS_OBJECT_UPDATED event
-     */
-    updateDmsObject(id, data, silent = false, options = { waitForSearchConsistency: true }) {
-        const url = `/dms/objects/${id}${options.waitForSearchConsistency ? '?waitForSearchConsistency=true' : ''}`;
-        return this.#backend.patch(url, data).pipe(this.triggerEvent(YuvEventType.DMS_OBJECT_UPDATED, id, silent));
+    /** List all catalogs (system:catalog) for the current tenant. */
+    #getCatalogs() {
+        return this.#search.searchCmis(`SELECT * FROM ${SystemType.CATALOG}`, 1000).pipe(map$1((res) => res.items.map((item) => ({
+            objectId: item.fields.get(BaseObjectTypeField.OBJECT_ID),
+            name: item.fields.get(CatalogTypeField.NATIVE_ID)
+        }))));
     }
-    /**
-     * Updates given objects.
-     * @param objects the objects to updated
-     */
-    updateDmsObjects(objects, silent = false, options = { waitForSearchConsistency: true }) {
-        const url = `/dms/objects${options.waitForSearchConsistency ? '?waitForSearchConsistency=true' : ''}`;
-        return this.#backend
-            .patch(url, {
-            patches: objects.map((o) => ({
-                id: o.id,
-                data: o.data
-            }))
-        })
-            .pipe(this.#triggerEvents(YuvEventType.DMS_OBJECT_UPDATED, objects.map((o) => o.id), silent));
+    /** Loads the catalog list, sorts by name and publishes to the `catalogs` signal. */
+    #fetchData() {
+        return this.#getCatalogs().pipe(tap$1((catalogs) => {
+            catalogs.sort((firstValue, secondValue) => firstValue.name.localeCompare(secondValue.name));
+            this.catalogs.set(catalogs);
+        }));
     }
-    /**
-     * Updates a tag on a dms object.
-     * @param ids List of IDs of objects
-     * @param tag The tag to be updated
-     * @param value The tags new value
-     */
-    updateDmsObjectsTag(ids, tag, value, silent = false) {
-        return this.batchUpdateTag(ids, tag, value).pipe(this.#triggerEvents(YuvEventType.DMS_OBJECT_UPDATED, ids, silent));
+    #localeOptions(locale) {
+        return locale ? { headers: { 'Accept-Language': locale } } : {};
+    }
+    #buildQueryParams(options) {
+        let params = new HttpParams();
+        if (!options) {
+            return params;
+        }
+        if (options.top != null) {
+            params = params.set('$top', options.top.toString());
+        }
+        if (options.skip != null) {
+            params = params.set('$skip', options.skip.toString());
+        }
+        if (options.includeInvalidEntries) {
+            params = params.set('includeInvalidEntries', 'true');
+        }
+        const filter = this.#buildFilterExpression(options);
+        if (filter) {
+            params = params.set('$filter', filter);
+        }
+        return params;
+    }
+    #buildFilterExpression(options) {
+        const parts = [];
+        if (options.filters?.length) {
+            for (const filter of options.filters) {
+                const escapedValue = filter.value.replace(/'/g, "''");
+                parts.push(`${filter.property} eq '${escapedValue}'`);
+            }
+        }
+        if (options.autocompletePrefix) {
+            const escapedPrefix = options.autocompletePrefix.replace(/'/g, "''");
+            parts.push(`startswith(displayValue,'${escapedPrefix}')`);
+        }
+        return parts.length ? parts.join(' and ') : null;
+    }
+    #mapResponse(response) {
+        return {
+            entries: response.objects.map((obj) => this.#mapEntry(obj)),
+            hasMoreItems: response.hasMoreItems,
+            totalNumItems: response.totalNumItems
+        };
+    }
+    #mapEntry(apiObject) {
+        const props = apiObject.properties;
+        return {
+            objectId: this.#prop(props, BaseObjectTypeField.OBJECT_ID),
+            name: this.#prop(props, CatalogTypeField.NATIVE_ID),
+            catalogName: this.#prop(props, CatalogTypeField.CATALOG_NATIVE_ID),
+            localizations: this.#parseLocalization(props[CatalogTypeField.LOCALIZATION]),
+            validFrom: this.#prop(props, CatalogTypeField.DATE_VALID_FROM),
+            validUntil: this.#prop(props, CatalogTypeField.DATE_VALID_UNTIL),
+            properties: this.#extractCustomProperties(props)
+        };
+    }
+    #prop(properties, key) {
+        return properties[key]?.value;
+    }
+    #toLocalizationTable(localizations) {
+        return {
+            columnNames: LOCALIZATION_COLUMNS,
+            value: localizations.map((loc) => [loc.locale || '', loc.label || '', loc.description || ''])
+        };
+    }
+    #parseLocalization(prop) {
+        if (!prop) {
+            return [];
+        }
+        const localization = prop;
+        if (!localization.value.length) {
+            return [];
+        }
+        return localization.value.map((row) => ({
+            locale: row[0] ?? '',
+            label: row[1] ?? '',
+            description: row[2] ?? ''
+        }));
+    }
+    #extractCustomProperties(properties) {
+        const result = {};
+        for (const [key, wrapper] of Object.entries(properties)) {
+            if (key.startsWith('system:')) {
+                continue;
+            }
+            const colonIndex = key.indexOf(':');
+            const shortKey = colonIndex >= 0 ? key.substring(colonIndex + 1) : key;
+            result[shortKey] = wrapper.value;
+        }
+        return result;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CatalogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CatalogService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CatalogService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+/**
+ * Service for client-side caching of data with expiry handling.
+ * Provides methods to get, update, and invalidate cache entries.
+ */
+class ClientCacheService {
+    #appCacheService = inject(AppCacheService);
+    #CLIENT_CACHE_PREFIX = 'yuv-client-cache:';
     /**
-     * Moves given objects to a different folder.
-     * @param folderId the id of the new parent folder
-     * @param objects objects to be moved
-     * @param options options for the move operation
+     * Get cached entry by ID.
+     * @param id  The ID of the cache entry.
+     * @param keepIfExpired Whether to return/keep the entry even if it is expired.
+     * @returns The cached data or null if not found/expired.
      */
-    moveDmsObjects(targetFolderId, objects, options) {
-        return this.updateDmsObjects(objects.map((o) => ({ id: o.id, data: { [BaseObjectTypeField.PARENT_ID]: targetFolderId } }), true)).pipe(tap((res) => !options?.silent && this.#eventService.trigger(YuvEventType.DMS_OBJECTS_MOVED, res)));
+    getFromCache(id, keepIfExpired = false) {
+        return this.#appCacheService.getItem(this.#CLIENT_CACHE_PREFIX + id).pipe(map$1((cachedItem) => {
+            if (cachedItem) {
+                const expired = cachedItem.expires !== undefined && cachedItem.expires <= Date.now();
+                if (!expired || keepIfExpired) {
+                    return cachedItem.data;
+                }
+                else {
+                    this.invalidateCache(id);
+                    return null;
+                }
+            }
+            return null;
+        }));
     }
     /**
-     * Copy given objects to a different folder. The objects will be copied with their indexdata referencing
-     * the existing content of the source object.
-     * @param targetFolderId The ID of the target folder
-     * @param objects The objects to be copied
-     * @param options options for the copy operation
+     * Update or add cache entry.
+     * @param id The ID of the cache entry.
+     * @param data The data to cache.
+     * @param ttl TimeToLeave - The cache expiry time in milliseconds (how long to keep the cache entry valid).
      */
-    copyDmsObjects(targetFolderId, objects, options) {
-        const excludeProperties = [
-            BaseObjectTypeField.OBJECT_ID,
-            BaseObjectTypeField.CREATED_BY,
-            BaseObjectTypeField.CREATION_DATE,
-            BaseObjectTypeField.MODIFIED_BY,
-            BaseObjectTypeField.MODIFICATION_DATE,
-            BaseObjectTypeField.VERSION_NUMBER,
-            BaseObjectTypeField.TRACE_ID,
-            BaseObjectTypeField.PARENT_OBJECT_TYPE_ID,
-            BaseObjectTypeField.PARENT_VERSION_NUMBER
-        ];
-        const mappedObjects = objects.map((o) => {
-            o.data[BaseObjectTypeField.PARENT_ID] = targetFolderId;
-            // Remove properties that are not allowed to be copied.
-            // This also includes content stream fields bundled into the objects data field.
-            // Properties ending with '_title' are also excluded as they are enrichment values
-            // provided by API-Web.
-            Object.keys(o.data)
-                .filter((key) => key.endsWith('_title') || excludeProperties.includes(key) || Object.values(ContentStreamField).includes(key))
-                .forEach((key) => Reflect.deleteProperty(o.data, key));
-            // map filtered data field to data format required by the Core-API
-            const properties = Object.keys(o.data).reduce((acc, key) => {
-                acc[key] = { value: o.data[key] };
-                return acc;
-            }, {});
-            return {
-                properties: properties,
-                objectTypeId: o.objectTypeId,
-                ...(o.content
-                    ? {
-                        contentStreams: [o.content]
-                    }
-                    : {})
-            };
-        });
-        const query = options
-            ? Object.keys(options)
-                .map((key) => `${key}=${options[key]}`)
-                .join('&')
-            : '';
-        return this.#backend.post(`/dms/objects?${query}`, { objects: mappedObjects }, ApiBase.core);
+    updateCache(id, data, ttl) {
+        const cacheEntry = { id, expires: ttl ? ttl + Date.now() : undefined, data };
+        return this.#appCacheService.setItem(this.#CLIENT_CACHE_PREFIX + id, cacheEntry).pipe(map$1(() => cacheEntry));
     }
     /**
-     * Get a bunch of dms objects.
-     * @param ids List of IDs of objects to be retrieved
+     * Invalidate cache entry by ID. This will remove the entry from the cache.
+     * @param id The ID of the cache entry to invalidate.
      */
-    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(this.#triggerEvents(YuvEventType.DMS_OBJECT_LOADED, undefined, silent));
+    invalidateCache(id) {
+        return this.#appCacheService.removeItem(this.#CLIENT_CACHE_PREFIX + id);
     }
     /**
-     * Delete a bunch of dms objects.
-     * @param ids List of IDs of objects to be deleted
-     * @param options Options for the delete operation
-     * @returns Array of delete results.
+     * Clear all client cache entries.
      */
-    deleteDmsObjects(objects, options) {
-        const queryParams = options
-            ? `?${Object.keys(options)
-                .filter((k) => ['waitForSearchConsistency', 'greedy'].includes(k))
-                .map((k) => `${k}=${options[k]}`)
-                .join('&')}`
-            : '';
-        return this.#backend
-            .delete(`/dms/objects${queryParams}`, ApiBase.core, {
-            body: {
-                objects: objects.map((o) => ({
-                    properties: typeof o === 'string'
-                        ? {
-                            'system:objectId': {
-                                value: o
-                            }
-                        }
-                        : {
-                            'system:objectId': { value: o.id },
-                            subject: { value: o.subject }
-                        }
-                }))
+    clear() {
+        return this.#appCacheService.clear((k) => k.startsWith(this.#CLIENT_CACHE_PREFIX));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ClientCacheService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ClientCacheService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ClientCacheService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+class ClipboardService {
+    #emptyClipboard = {
+        buckets: undefined,
+        main: undefined
+    };
+    #clipboard = structuredClone(this.#emptyClipboard);
+    #clipboardSource = new ReplaySubject();
+    #clipboard$ = this.#clipboardSource.asObservable();
+    #pasteEvents = merge(fromEvent(window, 'keydown').pipe(filter$1((event) => event.ctrlKey && event.code === 'KeyV')), fromEvent(window, 'paste').pipe(filter$1((event) => !!event.clipboardData && event.clipboardData.files.length > 0)));
+    clipboard(bucket) {
+        return toSignal(this.clipboard$(bucket));
+    }
+    clipboard$(bucket) {
+        return this.#clipboard$.pipe(map$1((cs) => {
+            if (bucket) {
+                return cs.buckets ? cs.buckets[bucket] : undefined;
             }
-        })
-            .pipe(map((res) => res?.objects?.map((r) => {
-            const v = r.options?.[SystemResult.DELETE];
-            return {
-                id: r.properties?.[BaseObjectTypeField.OBJECT_ID]?.value,
-                properties: r.properties,
-                ...(v?.httpStatusCode >= 400 ? { _error: { status: v.httpStatusCode, message: v.message } } : {})
-            };
-        })))
-            .pipe(this.#triggerEvents(YuvEventType.DMS_OBJECT_DELETED, undefined, options?.silent));
+            else
+                return cs.main;
+        }));
+    }
+    paste$(bucket) {
+        return this.#pasteEvents.pipe(map$1((e) => {
+            let cd;
+            if (e instanceof ClipboardEvent) {
+                const fileList = e.clipboardData.files;
+                const files = [];
+                for (let i = 0; i < fileList.length; i++) {
+                    files.push(fileList.item(i));
+                }
+                cd = files.length
+                    ? {
+                        files
+                    }
+                    : undefined;
+            }
+            else {
+                cd = bucket ? (this.#clipboard.buckets ? this.#clipboard.buckets[bucket] : undefined) : this.#clipboard.main;
+            }
+            return cd;
+        }), filter$1((cd) => cd !== undefined && (cd.files || cd.objects)), map$1((cd) => cd));
+    }
+    getClipboardData(bucket) {
+        if (bucket) {
+            return this.#clipboard.buckets ? this.#clipboard.buckets[bucket] : undefined;
+        }
+        else
+            return this.#clipboard.main;
     }
     /**
-     * Fetch a dms object versions.
-     * @param id ID of the object to be retrieved
+     * Add objects to the clipboard
+     * @param bucket Buckets are ways to separate data from the global scope.
+     * If you have an app that would like to have a separate section in the clipboard
+     * you'll use a unique bucket to store your stuff. When observing chages to the
+     * clipboard you couls as well provide the bucket and you will only get
      */
-    getDmsObjectVersions(id) {
-        return this.#backend.get('/dms/objects/' + id + '/versions').pipe(map((res) => {
-            const items = this.#searchService.toSearchResult(res).items || [];
-            return items.map((item) => this.#searchResultToDmsObject(item));
-        }), map((res) => res.sort(Utils.sortValues('version', Sort.DESC))));
+    addObjects(objects, mode, bucket) {
+        const cd = { mode, objects };
+        if (bucket) {
+            if (!this.#clipboard.buckets)
+                this.#clipboard.buckets = {};
+            this.#clipboard.buckets[bucket] = cd;
+        }
+        else
+            this.#clipboard.main = cd;
+        this.#clipboardSource.next(this.#clipboard);
     }
-    getDmsObjectVersion(id, version) {
-        return this.#backend
-            .get(`/dms/objects/${id}/versions/${version}`)
-            .pipe(map((res) => this.#searchResultToDmsObject(this.#searchService.toSearchResult(res).items[0])));
+    clear(bucket) {
+        if (bucket && this.#clipboard.buckets) {
+            delete this.#clipboard.buckets[bucket];
+        }
+        else {
+            this.#clipboard = structuredClone(this.#emptyClipboard);
+        }
+        this.#clipboardSource.next(this.#clipboard);
     }
-    coreApiResponseToDmsObject(res) {
-        return this.#searchResultToDmsObject({
-            objectTypeId: res.properties[BaseObjectTypeField.OBJECT_TYPE_ID].value,
-            fields: new Map(Object.entries(res.properties)),
-            content: res.contentStreams?.[0]
-        });
+    async addToNavigatorClipBoard(data) {
+        try {
+            await navigator.clipboard.writeText(data);
+            //console.log('Text copied to clipboard');
+        }
+        catch (error) {
+            console.error('Failed to copy text: ', error);
+        }
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ClipboardService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ClipboardService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ClipboardService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+/**
+ * Service to monitor the online/offline state of the application.
+ * It listens to the browser's online and offline events and provides an observable
+ * to track the current connection state.
+ *
+ * An observable `connection$` is provided which emits the current connection state
+ * whenever the online or offline state changes. The initial state is determined by
+ * the `window.navigator.onLine` property.
+ */
+class ConnectionService {
     /**
-     * Transforms a plain data object to a DmsObject.
-     * @param data The plain data object
-     * @returns DmsObject
+     * @ignore
      */
-    toDmsObject(data) {
-        const fields = new Map();
-        Object.keys(data).forEach((key) => fields.set(key, data[key]));
-        const item = {
-            content: {
-                contentStreamId: data[ContentStreamField.ID],
-                mimeType: data[ContentStreamField.MIME_TYPE],
-                fileName: data[ContentStreamField.FILENAME],
-                size: data[ContentStreamField.LENGTH],
-                digest: data[ContentStreamField.DIGEST],
-                repositoryId: data[ContentStreamField.REPOSITORY_ID],
-                range: data[ContentStreamField.RANGE]
-            },
-            objectTypeId: data[BaseObjectTypeField.OBJECT_TYPE_ID],
-            fields
+    constructor() {
+        this.currentState = {
+            isOnline: window.navigator.onLine
+        };
+        this.connectionStateSource = new ReplaySubject();
+        this.connection$ = this.connectionStateSource.asObservable();
+        this.connectionStateSource.next(this.currentState);
+        fromEvent(window, 'online').subscribe(() => {
+            this.currentState.isOnline = true;
+            this.connectionStateSource.next(this.currentState);
+        });
+        fromEvent(window, 'offline').subscribe(() => {
+            this.currentState.isOnline = false;
+            this.connectionStateSource.next(this.currentState);
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ConnectionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ConnectionService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ConnectionService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Providing functions,that are are injected at application startup and executed during app initialization.
+ */
+const init_moduleFnc = () => {
+    const coreConfig = inject(CORE_CONFIG);
+    const logger = inject(Logger);
+    const http = inject(HttpClient);
+    const configService = inject(ConfigService);
+    const authService = inject(AuthService);
+    return authService.setInitialRequestUri().pipe(switchMap(() => coreConfig.main
+        ? !Array.isArray(coreConfig.main)
+            ? of([coreConfig.main])
+            : forkJoin([...coreConfig.main].map((uri) => http.get(`${Utils.getBaseHref()}${uri}`).pipe(catchError((e) => {
+                logger.error('failed to catch config file', e);
+                return of({});
+            }), map((res) => res)))).pipe(
+            // switchMap((configs: YuvConfig[]) => configService.extendConfig(configs)),
+            tap((configs) => configService.extendConfig(configs)), switchMap(() => authService.initUser().pipe(catchError((e) => {
+                authService.initError = {
+                    status: e.status,
+                    key: e.error.error
+                };
+                return of(true);
+            }))))
+        : of(false)));
+};
+
+var DeviceScreenOrientation;
+(function (DeviceScreenOrientation) {
+    DeviceScreenOrientation["PORTRAIT"] = "portrait";
+    DeviceScreenOrientation["LANDSCAPE"] = "landscape";
+})(DeviceScreenOrientation || (DeviceScreenOrientation = {}));
+
+/**
+ * @deprecated This service is deprecated. Please use the DeviceService from the `@yuuvis/material` package instead.
+ *
+ * This service is used to adapt styles and designs of the client to
+ * different devices and screen sizes.
+ *
+ * Using `screenChange$` observable you are able to monitor changes to
+ * the screen size and act upon it.
+ *
+ * This service will also adds attributes to the body tag that reflect the
+ * current screen/device state. This way you can apply secific styles in your
+ * css files for different screen resolutions and orientations.
+ *
+ * Attributes applied to the body tag are:
+ *
+ * - `data-screen` - [s, m, l, xl] - for different screen sizes
+ * (s: for mobile phone like screen sizes, m: for tablet like screen
+ * sizes, 'l': for desktop like screen sizes, 'xl': for screen sizes exceeding
+ * the desktop screen size).
+ *
+ * - `data-orientation` - [portrait, landscape] - for the current screen orientation
+ *
+ * - `data-touch-enabled` - [true] - if the device has touch capabilities (won't be added if the device doesn't have touch capabilities)
+ *
+ * ```html
+ * <body data-screen-size="s" data-screen-orientation="portrait" data-touch-enabled="true">
+ * ...
+ * </body>
+ * ```
+ */
+class DeviceService {
+    #deviceDetectorService;
+    #upperScreenBoundary;
+    #resize$;
+    #screen;
+    #screenSource;
+    #supportsSmallScreens;
+    constructor() {
+        this.#deviceDetectorService = inject(DeviceDetectorService);
+        this.#upperScreenBoundary = {
+            small: 600,
+            mediumPortrait: 900,
+            mediumLandscape: 1200,
+            large: 1800
         };
-        return this.#searchResultToDmsObject(item);
-    }
-    batchUpdateTag(ids, tag, value) {
-        return this.#backend.batch(ids.map((id) => ({
-            method: 'POST',
-            uri: `/dms/objects/tags/${tag}/state/${value}?query=SELECT * FROM system:object WHERE system:objectId='${id}'`,
-            base: ApiBase.core,
-            body: {}
-        })));
-    }
-    batchDeleteTag(ids, tag) {
-        return this.#backend.batch(ids.map((id) => ({
-            method: 'DELETE',
-            uri: `/dms/objects/${id}/tags/${tag}`,
-            base: ApiBase.core
-        })));
+        this.#resize$ = fromEvent(window, 'resize').pipe(debounceTime(this.#getDebounceTime()));
+        this.#screenSource = new ReplaySubject(1);
+        this.screenChange$ = this.#screenSource.asObservable();
+        /**
+         * Signal to indicate if the screen size is small (e.g. mobile phone).
+         * This will only be triggered if `supportsSmallScreens` is set to true.
+         * Major components will use this metric to adapt to 'small screen behavior' and so can you
+         */
+        this.smallScreenLayout = signal(false, ...(ngDevMode ? [{ debugName: "smallScreenLayout" }] : /* istanbul ignore next */ []));
+        this.#supportsSmallScreens = signal(false, ...(ngDevMode ? [{ debugName: "#supportsSmallScreens" }] : /* istanbul ignore next */ []));
+        /**
+         * if the device is a mobile device (android / iPhone / windows-phone etc)
+         */
+        this.isMobile = this.#deviceDetectorService.isMobile();
+        /**
+         *  if the device us a tablet (iPad etc)
+         */
+        this.isTablet = this.#deviceDetectorService.isTablet();
+        /**
+         * if the app is running on a Desktop browser
+         */
+        this.isDesktop = this.#deviceDetectorService.isDesktop();
+        this.info = this.#deviceDetectorService.getDeviceInfo();
+        this.isTouchEnabled = this.#isTouchEnabled();
+        this.#resize$.subscribe((e) => {
+            this.#setScreen();
+        });
     }
-    batchDelete(ids) {
-        return this.#backend.batch(ids.map((id) => ({ method: 'DELETE', uri: `/dms/objects/${id}` })));
+    init(supportsSmallScreens = false) {
+        this.#supportsSmallScreens.set(supportsSmallScreens);
+        this.#setScreen();
     }
-    batchGet(ids) {
-        return this.#backend.batch(ids.map((id) => ({ method: 'GET', uri: `/dms/objects/${id}` })));
+    #isTouchEnabled() {
+        return 'ontouchstart' in window || navigator.maxTouchPoints > 0;
     }
-    /**
-     * Map search result from the backend to applications SearchResult object
-     * @param searchResponse The backend response
-     */
-    toSearchResult(searchResponse) {
-        const resultListItems = [];
-        const objectTypes = [];
-        searchResponse.objects.forEach((o) => {
-            const fields = new Map();
-            // process properties section of result
-            Object.keys(o.properties).forEach((key) => {
-                let value = o.properties[key].value;
-                if (o.properties[key].clvalue) {
-                    // table fields will have a clientValue too ...
-                    value = o.properties[key].clvalue;
-                    // ... and also may contain values that need to be resolved
-                    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]];
-                                if (resValue) {
-                                    v[`${k}_title`] = resValue;
-                                }
-                            });
-                        });
-                    }
-                }
-                fields.set(key, value);
-                if (o.properties[key].title) {
-                    fields.set(key + '_title', o.properties[key].title);
-                }
-            });
-            // process contentStreams section of result if available.
-            // 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, although
-                // this is an array and there may be more
-                const contentStream = o.contentStreams[0];
-                // 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);
-                fields.set(ContentStreamField.ID, contentStream.contentStreamId);
-                fields.set(ContentStreamField.RANGE, contentStream.contentStreamRange);
-                fields.set(ContentStreamField.REPOSITORY_ID, contentStream.repositoryId);
-                fields.set(ContentStreamField.DIGEST, contentStream.digest);
-                fields.set(ContentStreamField.ARCHIVE_PATH, contentStream.archivePath);
-                content = {
-                    contentStreamId: contentStream.contentStreamId,
-                    repositoryId: contentStream.repositoryId,
-                    range: contentStream.range,
-                    digest: contentStream.digest,
-                    archivePath: contentStream.archivePath,
-                    fileName: contentStream.fileName,
-                    mimeType: contentStream.mimeType,
-                    size: contentStream.length
-                };
+    #setScreen() {
+        const bounds = {
+            width: window.innerWidth,
+            height: window.innerHeight
+        };
+        let orientation = bounds.width >= bounds.height ? DeviceScreenOrientation.LANDSCAPE : DeviceScreenOrientation.PORTRAIT;
+        if (this.isMobile && window.screen['orientation']) {
+            const screenOrientation = window.screen['orientation'].type;
+            if (screenOrientation === 'landscape-primary' || screenOrientation === 'landscape-secondary') {
+                orientation = DeviceScreenOrientation.LANDSCAPE;
             }
-            const objectTypeId = o.properties[BaseObjectTypeField.OBJECT_TYPE_ID]
-                ? o.properties[BaseObjectTypeField.OBJECT_TYPE_ID].value
-                : null;
-            if (!objectTypes.includes(objectTypeId)) {
-                objectTypes.push(objectTypeId);
+            else if (screenOrientation === 'portrait-primary' || screenOrientation === 'portrait-secondary') {
+                orientation = DeviceScreenOrientation.PORTRAIT;
             }
-            resultListItems.push({
-                objectTypeId,
-                content,
-                fields,
-                permissions: o.permissions
-            });
-        });
-        const result = {
-            hasMoreItems: searchResponse.hasMoreItems,
-            totalNumItems: searchResponse.totalNumItems,
-            items: resultListItems,
-            objectTypes
+        }
+        this.#screen = {
+            size: this.#getScreenSize(bounds, orientation),
+            orientation,
+            width: bounds.width,
+            height: bounds.height
         };
-        return result;
+        this.#screenSource.next(this.#screen);
+        this.smallScreenLayout.set(this.#supportsSmallScreens() && this.#screen.size === 's' && this.#screen.orientation === 'portrait');
+        this.#setupDOM(this.#screen);
+        // force change detection because resize will not be recognized by Angular in some cases
+        // TODO: check: causes recursive ticks in some cases ...
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
+        setTimeout(() => { }, 0);
     }
-    // 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)));
+    #setupDOM(screen) {
+        const body = document.querySelector('body');
+        body.setAttribute('data-screen-size', screen.size);
+        body.setAttribute('data-screen-orientation', screen.orientation);
+        if (this.isTouchEnabled)
+            body.setAttribute('data-touch-enabled', 'true');
+        else
+            body.removeAttribute('data-touch-enabled');
     }
-    // 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))));
+    #getScreenSize(bounds, orientation) {
+        if (this.#isBelow(this.#upperScreenBoundary.small, bounds)) {
+            return 's';
+        }
+        else if (this.#isBelow(orientation === 'landscape' ? this.#upperScreenBoundary.mediumLandscape : this.#upperScreenBoundary.mediumPortrait, bounds)) {
+            return 'm';
+        }
+        else if (this.#isBelow(this.#upperScreenBoundary.large, bounds)) {
+            return 'l';
+        }
+        else {
+            return 'xl';
+        }
     }
-    #searchResultToDmsObject(resItem) {
-        return new DmsObject(resItem);
+    #isBelow(size, bounds) {
+        const landscape = bounds.width < this.#upperScreenBoundary.large ? bounds.width >= bounds.height : false;
+        return (landscape && bounds.height < size) || (!landscape && bounds.width < size);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DmsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DmsService, providedIn: 'root' }); }
+    #getDebounceTime() {
+        // on mobile devices resize only happens when rotating the device or when
+        // keyboard appears, so we dont't need to debounce
+        return this.isMobile ? 0 : 500;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DeviceService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DeviceService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DmsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DeviceService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }] });
+        }], ctorParameters: () => [] });
 
 /**
  * Centralized service for Identity Management (IDM) operations.
@@ -4717,14 +4991,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         }], ctorParameters: () => [] });
 
 const YuvToastStyles = `
-.yuv-toast-container {
+  .yuv-toast-container {
     --yuv-toast-container-padding: var(--ymt-spacing-m);
-    --yuv-toast-success-background: var(--ymt-success-container);
-    --yuv-toast-success-tone: var(--ymt-on-success-container);
-    --yuv-toast-warning-background: var(--ymt-warning-container);
-    --yuv-toast-warning-tone: var(--ymt-on-warning-container);
-    --yuv-toast-error-background: var(--ymt-danger-container);
-    --yuv-toast-error-tone: var(--ymt-on-danger-container);
+    --yuv-toast-success-background: var(--ymt-success);
+    --yuv-toast-success-tone: var(--ymt-on-success);
+    --yuv-toast-warning-background: var(--ymt-warning);
+    --yuv-toast-warning-tone: var(--ymt-on-warning);
+    --yuv-toast-error-background: var(--ymt-danger);
+    --yuv-toast-error-tone: var(--ymt-on-danger);
 
     position: fixed;
     z-index: 9999;
@@ -4736,27 +5010,33 @@ const YuvToastStyles = `
     gap: 1vh;
     pointer-events: none;
   }
+
   .yuv-toast-container.top {
     inset-block-start: 0;
     padding-block-start: var(--yuv-toast-container-padding);
     flex-direction: column-reverse;
   }
+
   .yuv-toast-container.top.center {
     inset-inline: 0;
   }
+
   .yuv-toast-container.bottom {
     inset-block-end: 0;
     padding-block-end: var(--yuv-toast-container-padding);
   }
+
   .yuv-toast-container.bottom.center {
     inset-inline: 0;
   }
+
   .yuv-toast-container.end {
     padding-inline-end: var(--yuv-toast-container-padding);
     align-items: end;
     right:0;
-}
-.yuv-toast-container.start {
+  }
+
+  .yuv-toast-container.start {
     padding-inline-start: var(--yuv-toast-container-padding);
     align-items: start;
     left:0;
@@ -4785,8 +5065,6 @@ const YuvToastStyles = `
       slide-in .3s ease,
       fade-out .3s ease var(--_duration);
 
-   
-
     @media (--motionOK) {
       --_travel-distance: 5vh;
     }
@@ -4804,6 +5082,7 @@ const YuvToastStyles = `
     background-color: var(--yuv-toast-success-background);
     color: var(--yuv-toast-success-tone);
   }
+
   .yuv-toast.warning {
     background-color: var(--yuv-toast-warning-background);
     color: var(--yuv-toast-warning-tone);
@@ -6208,5 +6487,5 @@ const provideYuvClientCore = (options = { translations: [] }, customEvents, cust
  * Generated bundle index. Do not edit.
  */
 
-export { AFO_STATE, AVAILABLE_BACKEND_APPS, AdministrationRoles, ApiBase, AppCacheService, AuditField, AuditService, AuthService, BackendService, BaseObjectTypeField, BpmService, CLIENT_APP_REQUIREMENTS, CORE_CONFIG, CUSTOM_CONFIG, CUSTOM_YUV_EVENT_PREFIX, CatalogService, Classification, ClassificationPrefix, ClientCacheService, ClientDefaultsObjectTypeField, ClipboardService, ColumnConfigSkipFields, ConfigService, ConnectionService, ContentStreamAllowed, ContentStreamField, CoreConfig, DeviceScreenOrientation, DeviceService, DialogCloseGuard, Direction, DmsObject, DmsService, EventService, FileSizePipe, IdmService, InternalFieldType, KeysPipe, LocaleCurrencyPipe, LocaleDatePipe, LocaleDecimalPipe, LocaleNumberPipe, LocalePercentPipe, Logger, LoginStateName, NativeNotificationService, NotificationService, ObjectConfigService, ObjectFormControl, ObjectFormControlWrapper, ObjectFormGroup, ObjectTag, ObjectTypeClassification, ObjectTypePropertyClassification, Operator, OperatorLabel, ParentField, PendingChangesGuard, PendingChangesService, PredictionService, ProcessAction, RelationshipTypeField, RetentionField, RetentionService, SafeHtmlPipe, SafeUrlPipe, SearchService, SearchUtils, SecondaryObjectTypeClassification, SessionStorageService, Situation, Sort, SystemResult, SystemSOT, SystemService, SystemType, TENANT_HEADER, TabGuardDirective, ToastService, UploadService, UserRoles, UserService, UserStorageService, Utils, YUV_USER, YuvError, YuvEventType, YuvUser, init_moduleFnc, provideAvailabilityManagement, provideBeforeUnloadProtection, provideNavigationProtection, providePopstateDialogProtection, provideRequirements, provideUser, provideYuvClientCore };
+export { AFO_STATE, AVAILABLE_BACKEND_APPS, AdministrationRoles, ApiBase, AppCacheService, AuditField, AuditService, AuthService, BackendService, BaseObjectTypeField, BpmService, CLIENT_APP_REQUIREMENTS, CORE_CONFIG, CUSTOM_CONFIG, CUSTOM_YUV_EVENT_PREFIX, CatalogService, CatalogTypeField, Classification, ClassificationPrefix, ClientCacheService, ClientDefaultsObjectTypeField, ClipboardService, ColumnConfigSkipFields, ConfigService, ConnectionService, ContentStreamAllowed, ContentStreamField, CoreConfig, DeviceScreenOrientation, DeviceService, DialogCloseGuard, Direction, DmsObject, DmsService, EventService, FileSizePipe, IdmService, InternalFieldType, KeysPipe, LOCALIZATION_COLUMNS, LocaleCurrencyPipe, LocaleDatePipe, LocaleDecimalPipe, LocaleNumberPipe, LocalePercentPipe, LocalizationService, Logger, LoginStateName, NativeNotificationService, NotificationService, ObjectConfigService, ObjectFormControl, ObjectFormControlWrapper, ObjectFormGroup, ObjectTag, ObjectTypeClassification, ObjectTypePropertyClassification, Operator, OperatorLabel, ParentField, PendingChangesGuard, PendingChangesService, PredictionService, ProcessAction, RelationshipTypeField, RetentionField, RetentionService, SafeHtmlPipe, SafeUrlPipe, SearchService, SearchUtils, SecondaryObjectTypeClassification, SessionStorageService, Situation, Sort, SystemResult, SystemSOT, SystemService, SystemType, TENANT_HEADER, TabGuardDirective, ToastService, UploadService, UserRoles, UserService, UserStorageService, Utils, YUV_USER, YuvError, YuvEventType, YuvUser, init_moduleFnc, provideAvailabilityManagement, provideBeforeUnloadProtection, provideNavigationProtection, providePopstateDialogProtection, provideRequirements, provideUser, provideYuvClientCore };
 //# sourceMappingURL=yuuvis-client-core.mjs.map