@acorex-platform/framework-client 2.0.0-next.15 → 2.0.0-next.17

package/fesm2022/acorex-platform-framework-client-layout-components.mjs

@@ -14,12 +14,12 @@ import * as i4$3 from '@acorex/core/format';
 import { AXFormatService, AXFormatModule } from '@acorex/core/format';
 import { AXPLayoutRendererComponent, AXPDialogOpener, AXPLayoutBuilderService, resolveLayoutBuilderDialogResult } from '@acorex-platform/framework-client/layout/builder';
 import * as i1 from '@angular/common';
-import { CommonModule, NgTemplateOutlet, AsyncPipe, isPlatformBrowser, NgComponentOutlet, DOCUMENT } from '@angular/common';
+import { CommonModule, NgTemplateOutlet, AsyncPipe, isPlatformBrowser, DOCUMENT, NgComponentOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
 import { inject, input, signal, effect, ViewEncapsulation, ChangeDetectionStrategy, Component, output, computed, linkedSignal, InjectionToken, Injector, Injectable, Directive, viewChild, contentChild, ElementRef, afterNextRender, model, EventEmitter, forwardRef, ViewChild, Output, Input, untracked, DestroyRef, PLATFORM_ID, createComponent, EnvironmentInjector, runInInjectionContext, ApplicationRef, makeEnvironmentProviders, viewChildren, ViewChildren, TemplateRef, contentChildren } from '@angular/core';
 import { AXAccordionCdkModule } from '@acorex/cdk/accordion';
 import { AXTagModule } from '@acorex/components/tag';
-import { AXPSettingsService, AXPStateMessageComponent, AXPFileChooserSettings, normalizeStoredImageRef, extractFileExtension, AXPFileStorageService, AXPFileTypeProviderService, resolveFileTypeDisplay, AXPCommonSettings, coerceAXPSettingRawValueByKind, AXPFilterOperatorMiddlewareService, ALL_DEFAULT_OPERATORS, withDefaultMultiLanguageOnWidgetProperty, AXPDefaultMultiLanguageConfigService, resolveSearchableText, isStoredImageFileId, resolveStoredImageDisplayUrl } from '@acorex-platform/framework-client/common';
+import { AXPSettingsService, AXPStateMessageComponent, openSystemFileDialog, AXPFileChooserSettings, normalizeStoredImageRef, extractFileExtension, AXPFileStorageService, AXPFileTypeProviderService, resolveFileTypeDisplay, AXPCommonSettings, coerceAXPSettingRawValueByKind, AXPFilterOperatorMiddlewareService, ALL_DEFAULT_OPERATORS, withDefaultMultiLanguageOnWidgetProperty, AXPDefaultMultiLanguageConfigService, resolveSearchableText, isStoredImageFileId, resolveStoredImageDisplayUrl, AXPUserStatusFeatureService } from '@acorex-platform/framework-client/common';
 export { AXPFileChooserSettings, AXPStateMessageComponent } from '@acorex-platform/framework-client/common';
 import * as i1$1 from '@acorex/components/avatar';
 import { AXAvatarModule } from '@acorex/components/avatar';
@@ -65,8 +65,8 @@ import { AXPopupService } from '@acorex/components/popup';
 import { moveItemInArray as moveItemInArray$1, AXDragDirective, AXDragHandleDirective, AXDropListDirective } from '@acorex/cdk/drag-drop';
 import { normalizeEntityListUserStylingRules, AXP_ENTITY_LIST_RECORD_STYLING_TARGET, createEntityListStylingCondition, isEntityListRecordStylingTarget, resolveEntityListFilterQueryField, resolveEntityListFilterContextField, isCustomQueryView } from '@acorex-platform/framework-shared/entity';
 import { AXLookupComponent } from '@acorex/components/lookup';
-import { DomSanitizer } from '@angular/platform-browser';
 import { AXToastService } from '@acorex/components/toast';
+import { DomSanitizer } from '@angular/platform-browser';
 import { getFileExtension, AXFileService } from '@acorex/core/file';
 import { AXDialogService } from '@acorex/components/dialog';
 import { resolveFileViewerFileType, AXFileViewerContainerComponent, AXFileViewerService, AXFileViewerGalleryService } from '@acorex/components/file-viewer';
@@ -4264,36 +4264,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
             args: [{ providedIn: 'root' }]
         }] });
 
-//#region ---- Rejection notifications ----
-async function notifyFileAcceptRejections(rejected, deps) {
-    if (rejected.length === 0) {
-        return;
-    }
-    const { translateService, toastService, maxFileSize } = deps;
-    const errorTitle = await translateService.translateAsync('@general:messages.error.title');
-    const typeRejections = rejected.filter((entry) => entry.reason === 'type');
-    const sizeRejections = rejected.filter((entry) => entry.reason === 'size');
-    if (typeRejections.length === 1) {
-        const content = await translateService.translateAsync('@general:widgets.file-uploader.validation.file-type-not-allowed', { params: { fileName: typeRejections[0].file.name } });
-        toastService.show({ color: 'danger', title: errorTitle, content });
-        return;
-    }
-    if (typeRejections.length > 1) {
-        const content = await translateService.translateAsync('@general:widgets.file-uploader.validation.file-type-not-allowed-summary', { params: { count: typeRejections.length } });
-        toastService.show({ color: 'danger', title: errorTitle, content });
-        return;
-    }
-    if (sizeRejections.length === 1) {
-        const maxMb = Math.round((maxFileSize / (1024 * 1024)) * 10) / 10;
-        const content = await translateService.translateAsync('@general:widgets.file-uploader.validation.file-size-exceeds-limit', { params: { fileName: sizeRejections[0].file.name, maxSizeMb: maxMb } });
-        toastService.show({ color: 'danger', title: errorTitle, content });
-        return;
-    }
-    const content = await translateService.translateAsync('@general:widgets.file-uploader.validation.files-rejected-summary', { params: { count: rejected.length } });
-    toastService.show({ color: 'danger', title: errorTitle, content });
-}
-//#endregion
-
 //#endregion
 //#region ---- Validation ----
 function isUnrestrictedFileAccept(accept) {
@@ -4478,6 +4448,36 @@ function matchesCategoryByExtension(fileName, category) {
 }
 //#endregion
 
+//#region ---- Rejection notifications ----
+async function notifyFileAcceptRejections(rejected, deps) {
+    if (rejected.length === 0) {
+        return;
+    }
+    const { translateService, toastService, maxFileSize } = deps;
+    const errorTitle = await translateService.translateAsync('@general:messages.generic.error.title');
+    const typeRejections = rejected.filter((entry) => entry.reason === 'type');
+    const sizeRejections = rejected.filter((entry) => entry.reason === 'size');
+    if (typeRejections.length === 1) {
+        const content = await translateService.translateAsync('@general:widgets.file-uploader.validation.file-type-not-allowed', { params: { fileName: typeRejections[0].file.name } });
+        toastService.show({ color: 'danger', title: errorTitle, content });
+    }
+    else if (typeRejections.length > 1) {
+        const content = await translateService.translateAsync('@general:widgets.file-uploader.validation.file-type-not-allowed-summary', { params: { count: typeRejections.length } });
+        toastService.show({ color: 'danger', title: errorTitle, content });
+    }
+    if (sizeRejections.length === 1) {
+        const maxSize = formatMaxFileSizeForDisplay(maxFileSize);
+        const content = await translateService.translateAsync('@general:widgets.file-uploader.validation.file-size-exceeds-limit', { params: { fileName: sizeRejections[0].file.name, maxSize } });
+        toastService.show({ color: 'danger', title: errorTitle, content });
+        return;
+    }
+    if (sizeRejections.length > 1) {
+        const content = await translateService.translateAsync('@general:widgets.file-uploader.validation.files-rejected-summary', { params: { count: sizeRejections.length } });
+        toastService.show({ color: 'danger', title: errorTitle, content });
+    }
+}
+//#endregion
+
 //#region ---- Accept resolution ----
 const ZIP_ACCEPT_TOKENS = '.zip,application/zip';
 /**
@@ -4503,7 +4503,8 @@ function resolveFileChooserAccept(accept, promptZipOnMultiple) {
 //#endregion
 
 //#region ---- Chooser result validation ----
-function fileFromListItem(item) {
+/** Blob-backed chooser item as a {@link File}. Drive and file-id items return undefined. */
+function resolveChooserItemFile(item) {
     const source = item.source;
     if (source?.kind !== 'blob' || source.value == null) {
         return undefined;
@@ -4512,7 +4513,8 @@ function fileFromListItem(item) {
         return source.value;
     }
     if (source.value instanceof Blob) {
-        return new File([source.value], item.name, {
+        const name = item.name?.trim() || 'file';
+        return new File([source.value], name, {
             type: source.value.type ?? '',
         });
     }
@@ -4525,30 +4527,38 @@ function validateFileChooserItems(items, options) {
     const accept = options['accept'];
     const maxFileSize = defaultTo(options['maxFileSize'], 0);
     const passthrough = [];
-    const blobItems = [];
-    const blobFiles = [];
+    const blobEntries = [];
     for (const item of items) {
-        const file = fileFromListItem(item);
+        const file = resolveChooserItemFile(item);
         if (file) {
-            blobItems.push(item);
-            blobFiles.push(file);
+            blobEntries.push({ item, file });
             continue;
         }
         passthrough.push(item);
     }
-    const namedAccepted = passthrough.filter((item) => isUnrestrictedFileAccept(accept) || fileNameMatchesAccept(item.name ?? '', accept));
-    const namedRejected = passthrough
-        .filter((item) => !namedAccepted.includes(item))
-        .map((item) => ({
-        file: new File([], item.name ?? 'file', { type: '' }),
-        reason: 'type',
-    }));
-    if (!blobFiles.length) {
+    const namedAccepted = [];
+    const namedRejected = [];
+    for (const item of passthrough) {
+        const placeholder = new File([], item.name ?? 'file', { type: '' });
+        const typeOk = isUnrestrictedFileAccept(accept) || fileNameMatchesAccept(item.name ?? '', accept);
+        if (!typeOk) {
+            namedRejected.push({ file: placeholder, reason: 'type' });
+            continue;
+        }
+        if (maxFileSize > 0 && (item.size ?? 0) > maxFileSize) {
+            namedRejected.push({ file: placeholder, reason: 'size' });
+            continue;
+        }
+        namedAccepted.push(item);
+    }
+    if (!blobEntries.length) {
         return { accepted: namedAccepted, rejected: namedRejected };
     }
-    const { accepted, rejected } = filterFilesByAcceptAndMaxSize(blobFiles, accept, maxFileSize);
+    const { accepted, rejected } = filterFilesByAcceptAndMaxSize(blobEntries.map((entry) => entry.file), accept, maxFileSize);
     const acceptedSet = new Set(accepted);
-    const acceptedItems = blobItems.filter((item) => acceptedSet.has(fileFromListItem(item)));
+    const acceptedItems = blobEntries
+        .filter((entry) => acceptedSet.has(entry.file))
+        .map((entry) => entry.item);
     return {
         accepted: [...namedAccepted, ...acceptedItems],
         rejected: [...namedRejected, ...rejected],
@@ -4564,9 +4574,7 @@ const AXPFileChooserHookKeys = {
 
 //#region ---- File chooser tokens ----
 /**
-
  * Multi token for file chooser providers (system disk, drive, external systems).
-
  */
 const AXP_FILE_CHOOSER_PROVIDERS = new InjectionToken('AXP_FILE_CHOOSER_PROVIDERS');
 //#endregion
@@ -4578,14 +4586,37 @@ const AXP_SYSTEM_FILE_CHOOSER_PROVIDER = {
     order: 1,
     choose: async (context) => {
         const fileService = inject(AXFileService);
+        const documentRef = inject(DOCUMENT);
+        const translateService = inject(AXTranslationService);
+        const toastService = inject(AXToastService);
         const multiple = Boolean(context.options['multiple']);
         const fileType = context.options['fileType'];
-        const accept = context.options['accept'];
-        const files = await fileService.choose({
-            fileType,
-            accept,
-            multiple,
-        });
+        const acceptOption = context.options['accept'];
+        const maxFileSizeOption = context.options['maxFileSize'];
+        const maxFileSize = typeof maxFileSizeOption === 'number' ? maxFileSizeOption : 0;
+        const accept = fileType
+            ? (acceptOption ?? (await fileService.getAcceptAttribute(fileType)))
+            : (acceptOption ?? '');
+        const picked = await openSystemFileDialog(documentRef, { accept, multiple });
+        if (!picked.length) {
+            return undefined;
+        }
+        let files = picked;
+        if (fileType) {
+            const validation = await fileService.validateMany(picked, fileType);
+            files = validation.accepted;
+            if (validation.rejected.length > 0) {
+                const rejected = validation.rejected.map((entry) => ({
+                    file: entry.file,
+                    reason: catalogRejectionReason(entry.errors, maxFileSize),
+                }));
+                await notifyFileAcceptRejections(rejected, {
+                    translateService,
+                    toastService,
+                    maxFileSize,
+                });
+            }
+        }
         if (!files.length) {
             return undefined;
         }
@@ -4602,9 +4633,13 @@ const AXP_SYSTEM_FILE_CHOOSER_PROVIDER = {
         if (!multiple) {
             return next.slice(0, 1);
         }
-        return [...context.items, ...next];
+        return [...(context.items ?? []), ...next];
     },
 };
+function catalogRejectionReason(errors, maxFileSize) {
+    const failedForSize = errors.some((error) => (error.rule ?? '').toLowerCase().includes('size'));
+    return failedForSize && maxFileSize > 0 ? 'size' : 'type';
+}
 //#endregion
 
 //#region ---- File chooser platform settings ----
@@ -4960,13 +4995,18 @@ class AXPFileChooserService {
         if (!items?.length) {
             return items;
         }
+        const previousItems = new Set(context.items ?? []);
+        const incoming = items.filter((item) => !previousItems.has(item));
+        if (incoming.length === 0) {
+            return items;
+        }
         const maxFileSize = defaultTo(context.options['maxFileSize'], 0);
         const promptZipOnMultiple = (await this.settingsService.get(AXPFileChooserSettings.PromptZipOnMultiple)) ?? false;
         const validationOptions = {
             ...context.options,
             accept: resolveFileChooserAccept(context.options['accept'], promptZipOnMultiple),
         };
-        const { accepted, rejected } = validateFileChooserItems(items, validationOptions);
+        const { accepted, rejected } = validateFileChooserItems(incoming, validationOptions);
         if (rejected.length > 0) {
             await notifyFileAcceptRejections(rejected, {
                 translateService: this.translateService,
@@ -4974,7 +5014,14 @@ class AXPFileChooserService {
                 maxFileSize,
             });
         }
-        return accepted.length > 0 ? accepted : undefined;
+        if (accepted.length === 0) {
+            return undefined;
+        }
+        if (previousItems.size === 0) {
+            return accepted;
+        }
+        const acceptedIncoming = new Set(accepted);
+        return items.filter((item) => previousItems.has(item) || acceptedIncoming.has(item));
     }
     async runAfterChosenHook(providerKey, context, items) {
         if (!items?.length) {
@@ -5004,6 +5051,8 @@ class AXPFileChooserDirective {
     constructor() {
         //#region ---- Services & Dependencies ----
         this.chooserService = inject(AXPFileChooserService);
+        this.toastService = inject(AXToastService);
+        this.translateService = inject(AXTranslationService);
         this.elementRef = inject(ElementRef);
         this.envInjector = inject(EnvironmentInjector);
         this.appRef = inject(ApplicationRef);
@@ -5064,10 +5113,16 @@ class AXPFileChooserDirective {
                 ...this.context(),
                 items: this.items(),
             });
-            if (result) {
+            if (result?.length) {
                 this.items.set(result);
             }
         }
+        catch (error) {
+            console.error('[AXPFileChooserDirective] choose failed', error);
+            const title = await this.translateService.translateAsync('@general:messages.generic.error.title');
+            const content = await this.translateService.translateAsync('@layout:components.file-chooser.messages.choose-failed');
+            this.toastService.show({ color: 'danger', title, content });
+        }
         finally {
             this.busy.set(false);
         }
@@ -5101,30 +5156,38 @@ async function compressImageFile(file, quality = 0.7, maxDimension = 1920) {
     if (!file.type.startsWith('image/') || file.type === 'image/svg+xml') {
         return file;
     }
-    const bitmap = await createImageBitmap(file);
-    const scale = Math.min(1, maxDimension / Math.max(bitmap.width, bitmap.height));
-    const width = Math.max(1, Math.round(bitmap.width * scale));
-    const height = Math.max(1, Math.round(bitmap.height * scale));
-    const canvas = document.createElement('canvas');
-    canvas.width = width;
-    canvas.height = height;
-    const context = canvas.getContext('2d');
-    if (!context) {
-        bitmap.close();
-        return file;
+    let bitmap;
+    try {
+        bitmap = await createImageBitmap(file);
+        const longestSide = Math.max(bitmap.width, bitmap.height);
+        const scale = longestSide > 0 ? Math.min(1, maxDimension / longestSide) : 1;
+        const width = Math.max(1, Math.round(bitmap.width * scale));
+        const height = Math.max(1, Math.round(bitmap.height * scale));
+        const canvas = document.createElement('canvas');
+        canvas.width = width;
+        canvas.height = height;
+        const context = canvas.getContext('2d');
+        if (!context) {
+            return file;
+        }
+        context.drawImage(bitmap, 0, 0, width, height);
+        const mimeType = file.type === 'image/png' ? 'image/png' : 'image/jpeg';
+        const blob = await new Promise((resolve) => {
+            canvas.toBlob(resolve, mimeType, quality);
+        });
+        if (!blob || blob.size >= file.size) {
+            return file;
+        }
+        const extension = mimeType === 'image/png' ? 'png' : 'jpg';
+        const baseName = file.name.includes('.') ? file.name.slice(0, file.name.lastIndexOf('.')) : file.name;
+        return new File([blob], `${baseName}.${extension}`, { type: mimeType, lastModified: Date.now() });
     }
-    context.drawImage(bitmap, 0, 0, width, height);
-    bitmap.close();
-    const mimeType = file.type === 'image/png' ? 'image/png' : 'image/jpeg';
-    const blob = await new Promise((resolve) => {
-        canvas.toBlob(resolve, mimeType, quality);
-    });
-    if (!blob || blob.size >= file.size) {
+    catch {
         return file;
     }
-    const extension = mimeType === 'image/png' ? 'png' : 'jpg';
-    const baseName = file.name.includes('.') ? file.name.slice(0, file.name.lastIndexOf('.')) : file.name;
-    return new File([blob], `${baseName}.${extension}`, { type: mimeType, lastModified: Date.now() });
+    finally {
+        bitmap?.close();
+    }
 }
 /**
  * Builds a store-only ZIP archive (no compression) from the given files.
@@ -5136,9 +5199,10 @@ async function createZipArchive(files, archiveName = 'archive.zip') {
     })));
     const chunks = [];
     const centralDirectory = [];
+    const usedNames = new Set();
     let offset = 0;
     for (const entry of entries) {
-        const nameBytes = new TextEncoder().encode(entry.name);
+        const nameBytes = new TextEncoder().encode(uniqueZipEntryName(entry.name, usedNames));
         const crc = crc32(entry.data);
         const localHeader = buildLocalFileHeader(nameBytes, entry.data.length, crc);
         chunks.push(localHeader, nameBytes, entry.data);
@@ -5157,10 +5221,32 @@ async function createZipArchive(files, archiveName = 'archive.zip') {
     }
     return new File([archive], archiveName, { type: 'application/zip', lastModified: Date.now() });
 }
+const ZIP_VERSION_NEEDED = 20;
+const ZIP_UTF8_FLAG = 0x0800;
+function uniqueZipEntryName(name, used) {
+    const baseName = name || 'file';
+    if (!used.has(baseName)) {
+        used.add(baseName);
+        return baseName;
+    }
+    const dot = baseName.lastIndexOf('.');
+    const stem = dot > 0 ? baseName.slice(0, dot) : baseName;
+    const extension = dot > 0 ? baseName.slice(dot) : '';
+    let index = 2;
+    let candidate = `${stem} (${index})${extension}`;
+    while (used.has(candidate)) {
+        index += 1;
+        candidate = `${stem} (${index})${extension}`;
+    }
+    used.add(candidate);
+    return candidate;
+}
 function buildLocalFileHeader(nameBytes, size, crc) {
     const header = new Uint8Array(30);
     const view = new DataView(header.buffer);
     view.setUint32(0, 0x04034b50, true);
+    view.setUint16(4, ZIP_VERSION_NEEDED, true);
+    view.setUint16(6, ZIP_UTF8_FLAG, true);
     view.setUint16(8, 0, true);
     view.setUint16(10, 0, true);
     view.setUint32(14, crc, true);
@@ -5174,6 +5260,9 @@ function buildCentralDirectoryHeader(nameBytes, size, crc, offset) {
     const header = new Uint8Array(46);
     const view = new DataView(header.buffer);
     view.setUint32(0, 0x02014b50, true);
+    view.setUint16(4, ZIP_VERSION_NEEDED, true);
+    view.setUint16(6, ZIP_VERSION_NEEDED, true);
+    view.setUint16(8, ZIP_UTF8_FLAG, true);
     view.setUint16(10, 0, true);
     view.setUint16(12, 0, true);
     view.setUint32(16, crc, true);
@@ -5783,21 +5872,44 @@ const AXP_SYSTEM_FILE_UPLOADER_PROVIDER = {
     icon: 'fa-light fa-file-arrow-up',
     order: 1,
     upload: async (context) => {
+        const fileStorage = inject(AXPFileStorageService);
+        const translateService = inject(AXTranslationService);
+        const toastService = inject(AXToastService);
         const multiple = Boolean(context.options['multiple']);
-        const maxFileSize = defaultTo(context.options['maxFileSize'], 10 * 1024 * 1024);
+        const maxFileSizeOption = context.options['maxFileSize'];
+        // Omitted maxFileSize keeps the historical 10 MB cap. Zero or negative means no limit.
+        const maxFileSize = typeof maxFileSizeOption === 'number' ? maxFileSizeOption : 10 * 1024 * 1024;
         const refId = defaultTo(context.options['refId'], 'temp');
         const refType = defaultTo(context.options['refType'], 'file-uploader');
         const category = defaultTo(context.options['category'], 'attachment');
-        const chosen = context.chosen.filter((item) => (item.size ?? 0) <= maxFileSize &&
-            item.source?.kind === 'blob' &&
-            item.source.value instanceof File);
-        if (isEmpty(chosen)) {
+        const chosen = Array.isArray(context.chosen) ? context.chosen : [];
+        const rejected = [];
+        const uploadable = [];
+        for (const item of chosen) {
+            const file = resolveChooserItemFile(item);
+            if (!file) {
+                continue;
+            }
+            const comparableSize = Math.max(item.size ?? 0, file.size);
+            if (maxFileSize > 0 && comparableSize > maxFileSize) {
+                rejected.push({ file, reason: 'size' });
+                continue;
+            }
+            uploadable.push({ item, file });
+        }
+        if (rejected.length > 0) {
+            await notifyFileAcceptRejections(rejected, {
+                translateService,
+                toastService,
+                maxFileSize,
+            });
+        }
+        const queue = multiple ? uploadable : uploadable.slice(0, 1);
+        if (queue.length === 0) {
             return undefined;
         }
-        const fileStorage = inject(AXPFileStorageService);
         const uploaded = [];
-        for (const item of chosen) {
-            const file = item.source.value;
+        for (const { item, file } of queue) {
             const info = await fileStorage.save({
                 file,
                 name: item.name,
@@ -5820,7 +5932,7 @@ const AXP_SYSTEM_FILE_UPLOADER_PROVIDER = {
         if (!multiple) {
             return uploaded.slice(0, 1);
         }
-        return [...context.items, ...uploaded];
+        return [...(context.items ?? []), ...uploaded];
     },
 };
 //#endregion
@@ -5898,6 +6010,8 @@ class AXPFileUploaderDirective {
     constructor() {
         //#region ---- Services & Dependencies ----
         this.uploaderService = inject(AXPFileUploaderService);
+        this.toastService = inject(AXToastService);
+        this.translateService = inject(AXTranslationService);
         this.elementRef = inject(ElementRef);
         this.envInjector = inject(EnvironmentInjector);
         this.appRef = inject(ApplicationRef);
@@ -5962,6 +6076,12 @@ class AXPFileUploaderDirective {
                 this.uploaded.set(result);
             }
         }
+        catch (error) {
+            console.error('[AXPFileUploaderDirective] upload failed', error);
+            const title = await this.translateService.translateAsync('@general:messages.generic.error.title');
+            const content = await this.translateService.translateAsync('@general:widgets.file-uploader.messages.upload-failed');
+            this.toastService.show({ color: 'danger', title, content });
+        }
         finally {
             this.busy.set(false);
         }
@@ -15234,6 +15354,7 @@ class AXPUserAvatarComponent {
         this.sessionService = inject(AXPSessionService);
         this.fileStorage = inject(AXPFileStorageService);
         this.presenceService = inject(AXPUserPresenceService, { optional: true });
+        this.userStatus = inject(AXPUserStatusFeatureService);
         this.resolveGeneration = 0;
         this.lastResolvedRef = null;
         this.userInfo = signal(null, /* @ts-ignore */
@@ -15281,13 +15402,14 @@ class AXPUserAvatarComponent {
         ...(ngDevMode ? [{ debugName: "isAway" }] : /* istanbul ignore next */ []));
         this.isBusy = computed(() => this.presenceStatus() === 'busy', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "isBusy" }] : /* istanbul ignore next */ []));
-        this.showPresenceDot = computed(() => this.showPresence() &&
+        this.showPresenceDot = computed(() => this.userStatus.enabled() &&
+            this.showPresence() &&
             isWatchablePresenceUserId(String(this.userId() ?? '')) &&
             this.presenceStatus() !== null, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "showPresenceDot" }] : /* istanbul ignore next */ []));
         effect((onCleanup) => {
             const id = String(this.userId() ?? '').trim();
-            const showPresence = this.showPresence();
+            const showPresence = this.showPresence() && this.userStatus.enabled();
             void this.displayName();
             void this.displayAvatar();
             if (!id) {
@@ -15553,6 +15675,7 @@ class AXPUserCardComponent {
         //#region ----- Services & Dependencies -----
         this.avatarService = inject(AXPUserAvatarService);
         this.presenceService = inject(AXPUserPresenceService, { optional: true });
+        this.userStatus = inject(AXPUserStatusFeatureService);
         this.formatService = inject(AXFormatService);
         this.settingsService = inject(AXPSettingsService);
         this.translation = inject(AXTranslationService);
@@ -15609,7 +15732,7 @@ class AXPUserCardComponent {
             }
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "presenceLabelKey" }] : /* istanbul ignore next */ []));
-        this.showPresence = computed(() => isWatchablePresenceUserId(this.userId()), /* @ts-ignore */
+        this.showPresence = computed(() => this.userStatus.enabled() && isWatchablePresenceUserId(this.userId()), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "showPresence" }] : /* istanbul ignore next */ []));
         this.tooltipDisabled = computed(() => !this.tooltipText(), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "tooltipDisabled" }] : /* istanbul ignore next */ []));
@@ -15637,7 +15760,7 @@ class AXPUserCardComponent {
         this.subscriptions.add(this.avatarService.getUserInfo$(userId).subscribe((data) => {
             this.identity.set(data);
         }));
-        if (this.presenceService && isWatchablePresenceUserId(userId)) {
+        if (this.userStatus.enabled() && this.presenceService && isWatchablePresenceUserId(userId)) {
             this.presenceService.watch(userId);
             this.watchedUserId = userId;
             this.presence.set(this.presenceService.get(userId) ?? { userId, status: 'offline' });
@@ -17019,5 +17142,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AXPActivityLogComponent, AXPAvatarComponent, AXPCategoryTreeComponent, AXPColorChooserComponent, AXPColorPalettePickerComponent, AXPColumnItemListComponent, AXPCompareViewComponent, AXPConditionBuilderComponent, AXPConditionBuilderConditionComponent, AXPDataSelectorComponent, AXPDataSelectorService, AXPDragDropListComponent, AXPEntityListStylingDialogService, AXPEntityListStylingPopupComponent, AXPExpressionFieldDefinitions, AXPFileChooserCompressImagesHook, AXPFileChooserDirective, AXPFileChooserHookKeys, AXPFileChooserService, AXPFileChooserZipFilesHook, AXPFileUploaderDirective, AXPFileUploaderHookKeys, AXPFileUploaderService, AXPFileViewerComponent, AXPFileViewerFallbackContentComponent, AXPFileViewerService, AXPImageEditorPopupComponent, AXPImageEditorService, AXPInfiniteScrollDirective, AXPItemConfiguratorComponent, AXPLayoutFloatingZoomBarComponent, AXPLayoutSideDetailPanelComponent, AXPLayoutSideDetailPanelSectionDirective, AXPLocalDataSourceEditorDialogService, AXPMarkdownTemplateDirective, AXPMarkdownViewerComponent, AXPMenuBadgeHelper, AXPMenuCustomizerComponent, AXPMenuCustomizerService, AXPOutcomeResultsViewerComponent, AXPPageComponentRegistryService, AXPPreloadFiltersComponent, AXPPropertyViewerComponent, AXPPropertyViewerPopupComponent, AXPPropertyViewerService, AXPQueryColumnsComponent, AXPQueryFiltersComponent, AXPQuerySortsComponent, AXPQueryViewSaveButtonComponent, AXPQueryViewSaveDialogService, AXPQueryViewTabsComponent, AXPQueryViewsComponent, AXPRepeaterRowsLayoutComponent, AXPResourceAppointmentBoardProvider, AXPResourceAppointmentComponent, AXPResourceAppointmentService, AXPSectionItemsBuilderComponent, AXPSignatureEditorService, AXPSpreadsheetComponent, AXPStandardSectionItemsBuilderComponent, AXPStopwatchComponent, AXPTableColumnsEditorComponent, AXPTableColumnsEditorPopupComponent, AXPTableColumnsEditorService, AXPTableDataEditorComponent, AXPTableDataEditorPopupComponent, AXPTableDataEditorService, AXPTaskBadgeDirective, AXPTaskBadgeProvider, AXPTaskBadgeService, AXPTemplateViewerComponent, AXPTemplateViewerService, AXPTextCommandColumnComponent, AXPThemeLayoutActionsComponent, AXPThemeLayoutBlockComponent, AXPThemeLayoutContainerComponent, AXPThemeLayoutEndSideComponent, AXPThemeLayoutFooterComponent, AXPThemeLayoutHeaderComponent, AXPThemeLayoutListComponent, AXPThemeLayoutListItemComponent, AXPThemeLayoutListItemsGroupComponent, AXPThemeLayoutPageHeaderComponent, AXPThemeLayoutPagePrimaryActionsComponent, AXPThemeLayoutPageSecondaryActionsComponent, AXPThemeLayoutSectionComponent, AXPThemeLayoutStartSideComponent, AXPThemeLayoutToolbarComponent, AXPUserAvatarComponent, AXPUserAvatarService, AXPUserCardComponent, AXPUserCardDirective, AXPUserCardService, AXPVirtualKeypadComponent, AXPWidgetFieldConfiguratorComponent, AXPWidgetItemComponent, AXPWidgetPropertyViewerComponent, AXPWidgetPropertyViewerPopupComponent, AXPWidgetPropertyViewerService, AXP_EXPRESSION_LOGIC_DEFINITIONS, AXP_EXPRESSION_OPERATION_DEFINITIONS, AXP_FILE_CHOOSER_DEFAULT_ZIP_ARCHIVE_NAME, AXP_FILE_CHOOSER_HOOK_PROVIDERS, AXP_FILE_CHOOSER_OPTION_KEYS, AXP_FILE_CHOOSER_PROVIDERS, AXP_FILE_UPLOADER_PROVIDERS, AXP_IMAGE_FILE_CHOOSER_ACCEPT, AXP_INFINITE_SCROLL_DEFAULT_ROOT_MARGIN, AXP_MENU_CUSTOMIZER_SERVICE, AXP_PAGE_COMPONENT_PROVIDER, AXP_PAGE_LAYOUT_ELEMENT_ID, AXP_PROFILE_PHOTO_GRAVATAR_SOURCE_KEY, AXP_RESOURCE_APPOINTMENT_PROVIDER, AXP_SIGNATURE_PROVIDER, AXP_SPREADSHEET_COLUMN_WIDGET_TYPES, AXP_SYSTEM_FILE_CHOOSER_PROVIDER, AXP_SYSTEM_FILE_UPLOADER_PROVIDER, AXP_TASK_BADGE_PROVIDERS, AXP_USER_AVATAR_PROVIDER, PROPERTY_VIEWER_EXPRESSION_EDITOR_MIN_LINES, SPREADSHEET_COLUMN_NAME_PATH, SPREADSHEET_COLUMN_TITLE_PATH, STANDARD_SECTION_ITEMS_SECTION_TABS, USER_CARD_HOVER_OPEN_DELAY_MS, USER_CARD_ITEMS_HOOK, USER_CARD_ITEMS_SKELETON_DELAY_MS, asSpreadsheetColumnTitle, buildEntityListStylingRulesLayout, buildFileChooserOptions, buildGravatarAvatarUrl, buildPropertyViewerInitialContextFromProperties, buildPropertyViewerTabsFromProperties, buildTableColumnsEditorLayout, compressImageFile, createAttachedFileProviderMenu, createZipArchive, fetchGravatarImageFile, fileListItemToFileViewerItem, fileListItemToImageFile, fileMatchesAccept, fileNameMatchesAccept, filterFileProvidersByContext, filterFilesByAcceptAndMaxSize, formatAcceptForDisplay, formatMaxFileSizeForDisplay, getFieldDefinitions, getLogicDefinition, getOperationDefinition, isPropertyBindingExpressionFormValue, isUnrestrictedFileAccept, mapFileListToViewerItems, md5Hex, mergeInfiniteScrollPage, mergeObjectsReplacingArrays, normalizeFileViewerBoundValue, normalizeSpreadsheetColumnName, notifyFileAcceptRejections, observeInfiniteScroll, pickImageFileViaFileChooser, pickProfilePhotoImageFile, preparePropertyForViewer, preparePropertyViewerTabs, provideFileChooserHooks, readSpreadsheetColumnIdentity, readSpreadsheetColumnWidth, registerFieldDefinitions, resolveExcludedFileProviderKeys, resolveFileChooserAccept, resolveFileChooserExtension, resolveFileListItemUrl, resolveFileUploaderEmptyStateDescription, resolveInfiniteScrollRoot, sortUserCardActions, sortUserCardRows, spreadsheetColumnIdentityProperties, toSpreadsheetColumnWidget, validateFileChooserItems, visibleUserCardActions, withValidationsOnEditorNode };
+export { AXPActivityLogComponent, AXPAvatarComponent, AXPCategoryTreeComponent, AXPColorChooserComponent, AXPColorPalettePickerComponent, AXPColumnItemListComponent, AXPCompareViewComponent, AXPConditionBuilderComponent, AXPConditionBuilderConditionComponent, AXPDataSelectorComponent, AXPDataSelectorService, AXPDragDropListComponent, AXPEntityListStylingDialogService, AXPEntityListStylingPopupComponent, AXPExpressionFieldDefinitions, AXPFileChooserCompressImagesHook, AXPFileChooserDirective, AXPFileChooserHookKeys, AXPFileChooserService, AXPFileChooserZipFilesHook, AXPFileUploaderDirective, AXPFileUploaderHookKeys, AXPFileUploaderService, AXPFileViewerComponent, AXPFileViewerFallbackContentComponent, AXPFileViewerService, AXPImageEditorPopupComponent, AXPImageEditorService, AXPInfiniteScrollDirective, AXPItemConfiguratorComponent, AXPLayoutFloatingZoomBarComponent, AXPLayoutSideDetailPanelComponent, AXPLayoutSideDetailPanelSectionDirective, AXPLocalDataSourceEditorDialogService, AXPMarkdownTemplateDirective, AXPMarkdownViewerComponent, AXPMenuBadgeHelper, AXPMenuCustomizerComponent, AXPMenuCustomizerService, AXPOutcomeResultsViewerComponent, AXPPageComponentRegistryService, AXPPreloadFiltersComponent, AXPPropertyViewerComponent, AXPPropertyViewerPopupComponent, AXPPropertyViewerService, AXPQueryColumnsComponent, AXPQueryFiltersComponent, AXPQuerySortsComponent, AXPQueryViewSaveButtonComponent, AXPQueryViewSaveDialogService, AXPQueryViewTabsComponent, AXPQueryViewsComponent, AXPRepeaterRowsLayoutComponent, AXPResourceAppointmentBoardProvider, AXPResourceAppointmentComponent, AXPResourceAppointmentService, AXPSectionItemsBuilderComponent, AXPSignatureEditorService, AXPSpreadsheetComponent, AXPStandardSectionItemsBuilderComponent, AXPStopwatchComponent, AXPTableColumnsEditorComponent, AXPTableColumnsEditorPopupComponent, AXPTableColumnsEditorService, AXPTableDataEditorComponent, AXPTableDataEditorPopupComponent, AXPTableDataEditorService, AXPTaskBadgeDirective, AXPTaskBadgeProvider, AXPTaskBadgeService, AXPTemplateViewerComponent, AXPTemplateViewerService, AXPTextCommandColumnComponent, AXPThemeLayoutActionsComponent, AXPThemeLayoutBlockComponent, AXPThemeLayoutContainerComponent, AXPThemeLayoutEndSideComponent, AXPThemeLayoutFooterComponent, AXPThemeLayoutHeaderComponent, AXPThemeLayoutListComponent, AXPThemeLayoutListItemComponent, AXPThemeLayoutListItemsGroupComponent, AXPThemeLayoutPageHeaderComponent, AXPThemeLayoutPagePrimaryActionsComponent, AXPThemeLayoutPageSecondaryActionsComponent, AXPThemeLayoutSectionComponent, AXPThemeLayoutStartSideComponent, AXPThemeLayoutToolbarComponent, AXPUserAvatarComponent, AXPUserAvatarService, AXPUserCardComponent, AXPUserCardDirective, AXPUserCardService, AXPVirtualKeypadComponent, AXPWidgetFieldConfiguratorComponent, AXPWidgetItemComponent, AXPWidgetPropertyViewerComponent, AXPWidgetPropertyViewerPopupComponent, AXPWidgetPropertyViewerService, AXP_EXPRESSION_LOGIC_DEFINITIONS, AXP_EXPRESSION_OPERATION_DEFINITIONS, AXP_FILE_CHOOSER_DEFAULT_ZIP_ARCHIVE_NAME, AXP_FILE_CHOOSER_HOOK_PROVIDERS, AXP_FILE_CHOOSER_OPTION_KEYS, AXP_FILE_CHOOSER_PROVIDERS, AXP_FILE_UPLOADER_PROVIDERS, AXP_IMAGE_FILE_CHOOSER_ACCEPT, AXP_INFINITE_SCROLL_DEFAULT_ROOT_MARGIN, AXP_MENU_CUSTOMIZER_SERVICE, AXP_PAGE_COMPONENT_PROVIDER, AXP_PAGE_LAYOUT_ELEMENT_ID, AXP_PROFILE_PHOTO_GRAVATAR_SOURCE_KEY, AXP_RESOURCE_APPOINTMENT_PROVIDER, AXP_SIGNATURE_PROVIDER, AXP_SPREADSHEET_COLUMN_WIDGET_TYPES, AXP_SYSTEM_FILE_CHOOSER_PROVIDER, AXP_SYSTEM_FILE_UPLOADER_PROVIDER, AXP_TASK_BADGE_PROVIDERS, AXP_USER_AVATAR_PROVIDER, PROPERTY_VIEWER_EXPRESSION_EDITOR_MIN_LINES, SPREADSHEET_COLUMN_NAME_PATH, SPREADSHEET_COLUMN_TITLE_PATH, STANDARD_SECTION_ITEMS_SECTION_TABS, USER_CARD_HOVER_OPEN_DELAY_MS, USER_CARD_ITEMS_HOOK, USER_CARD_ITEMS_SKELETON_DELAY_MS, asSpreadsheetColumnTitle, buildEntityListStylingRulesLayout, buildFileChooserOptions, buildGravatarAvatarUrl, buildPropertyViewerInitialContextFromProperties, buildPropertyViewerTabsFromProperties, buildTableColumnsEditorLayout, compressImageFile, createAttachedFileProviderMenu, createZipArchive, fetchGravatarImageFile, fileListItemToFileViewerItem, fileListItemToImageFile, fileMatchesAccept, fileNameMatchesAccept, filterFileProvidersByContext, filterFilesByAcceptAndMaxSize, formatAcceptForDisplay, formatMaxFileSizeForDisplay, getFieldDefinitions, getLogicDefinition, getOperationDefinition, isPropertyBindingExpressionFormValue, isUnrestrictedFileAccept, mapFileListToViewerItems, md5Hex, mergeInfiniteScrollPage, mergeObjectsReplacingArrays, normalizeFileViewerBoundValue, normalizeSpreadsheetColumnName, notifyFileAcceptRejections, observeInfiniteScroll, pickImageFileViaFileChooser, pickProfilePhotoImageFile, preparePropertyForViewer, preparePropertyViewerTabs, provideFileChooserHooks, readSpreadsheetColumnIdentity, readSpreadsheetColumnWidth, registerFieldDefinitions, resolveChooserItemFile, resolveExcludedFileProviderKeys, resolveFileChooserAccept, resolveFileChooserExtension, resolveFileListItemUrl, resolveFileUploaderEmptyStateDescription, resolveInfiniteScrollRoot, sortUserCardActions, sortUserCardRows, spreadsheetColumnIdentityProperties, toSpreadsheetColumnWidget, validateFileChooserItems, visibleUserCardActions, withValidationsOnEditorNode };
 //# sourceMappingURL=acorex-platform-framework-client-layout-components.mjs.map