@acorex-platform/framework-client 1.0.1 → 2.0.0-next.0

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

@@ -5375,17 +5375,43 @@ function resolveFileChooserExtension(name) {
 //#region ----- Imports -----
 //#endregion
 //#region ----- URL resolution -----
+/**
+ * Loads stored bytes through {@link AXPFileStorageService.download} and returns a `blob:` URL.
+ * `<img>`, `<video>`, and PDF viewers do not send `Authorization`, so a raw download URL 401s
+ * when the host authenticates with a bearer token instead of a cookie.
+ */
+async function resolveStoredFileBlobUrl(fileId, fileStorageService, track, blobUrlCache) {
+    const cached = blobUrlCache?.get(fileId);
+    if (cached) {
+        return cached;
+    }
+    const pending = fileStorageService
+        .download(fileId)
+        .then((blob) => {
+        if (!(blob instanceof Blob)) {
+            blobUrlCache?.delete(fileId);
+            return '';
+        }
+        return track(URL.createObjectURL(blob));
+    })
+        .catch(() => {
+        blobUrlCache?.delete(fileId);
+        return '';
+    });
+    blobUrlCache?.set(fileId, pending);
+    return pending;
+}
 /** Resolve a file list item to a display/download URL. */
-async function resolveFileListItemUrl(file, fileStorageService, trackObjectUrl) {
+async function resolveFileListItemUrl(file, fileStorageService, trackObjectUrl, blobUrlCache) {
     const track = (url) => (trackObjectUrl ? trackObjectUrl(url) : url);
     if (file.source?.kind === 'blob' && file.source.value instanceof Blob) {
         return track(URL.createObjectURL(file.source.value));
     }
     if (file.source?.kind === 'fileId' && typeof file.source.value === 'string') {
         const fileId = normalizeStoredImageRef(file.source.value) ?? file.source.value;
-        // Preview uses the authenticated download URL (cookie session) — do not call getInfo(),
-        // which downloads the full binary and forces a network round-trip per slide.
-        return fileId ? fileStorageService.getDownloadUrl(fileId) : '';
+        return fileId
+            ? resolveStoredFileBlobUrl(fileId, fileStorageService, track, blobUrlCache)
+            : '';
     }
     if (file.source?.kind === 'url' && typeof file.source.value === 'string') {
         return file.source.value;
@@ -5396,7 +5422,9 @@ async function resolveFileListItemUrl(file, fileStorageService, trackObjectUrl)
             return value;
         }
         const fileId = normalizeStoredImageRef(value) ?? value;
-        return fileId ? fileStorageService.getDownloadUrl(fileId) : '';
+        return fileId
+            ? resolveStoredFileBlobUrl(fileId, fileStorageService, track, blobUrlCache)
+            : '';
     }
     return '';
 }
@@ -5438,8 +5466,9 @@ function normalizeFileViewerBoundValue(value) {
     return [value];
 }
 /** Maps platform files to viewer items using file storage resolution. */
-function mapFileListToViewerItems(files, fileStorageService, trackObjectUrl) {
-    return files.map((file) => fileListItemToFileViewerItem(file, (item) => resolveFileListItemUrl(item, fileStorageService, trackObjectUrl)));
+function mapFileListToViewerItems(files, fileStorageService, trackObjectUrl, blobUrlCache) {
+    const cache = blobUrlCache ?? new Map();
+    return files.map((file) => fileListItemToFileViewerItem(file, (item) => resolveFileListItemUrl(item, fileStorageService, trackObjectUrl, cache)));
 }
 //#endregion
 
@@ -5521,6 +5550,7 @@ class AXPFileViewerComponent {
         //#endregion
         //#region ----- Lifecycle -----
         this.objectUrls = new Set();
+        this.storedFileBlobUrls = new Map();
     }
     //#endregion
     //#region ----- Container API -----
@@ -5549,6 +5579,7 @@ class AXPFileViewerComponent {
         await this.container()?.downloadCurrent();
     }
     ngOnDestroy() {
+        this.storedFileBlobUrls.clear();
         for (const url of this.objectUrls) {
             URL.revokeObjectURL(url);
         }
@@ -5567,7 +5598,7 @@ class AXPFileViewerComponent {
         if (typeof directUrl === 'string' && directUrl.length > 0) {
             return Promise.resolve(directUrl);
         }
-        return resolveFileListItemUrl(file, this.fileStorageService, (url) => this.trackObjectUrl(url));
+        return resolveFileListItemUrl(file, this.fileStorageService, (url) => this.trackObjectUrl(url), this.storedFileBlobUrls);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPFileViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.8", type: AXPFileViewerComponent, isStandalone: true, selector: "axp-file-viewer", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, files: { classPropertyName: "files", publicName: "files", isSignal: true, isRequired: false, transformFunction: null }, startIndex: { classPropertyName: "startIndex", publicName: "startIndex", isSignal: true, isRequired: false, transformFunction: null }, thumbnail: { classPropertyName: "thumbnail", publicName: "thumbnail", isSignal: true, isRequired: false, transformFunction: null }, pagination: { classPropertyName: "pagination", publicName: "pagination", isSignal: true, isRequired: false, transformFunction: null }, download: { classPropertyName: "download", publicName: "download", isSignal: true, isRequired: false, transformFunction: null }, fullscreen: { classPropertyName: "fullscreen", publicName: "fullscreen", isSignal: true, isRequired: false, transformFunction: null }, galleryMode: { classPropertyName: "galleryMode", publicName: "galleryMode", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, headerContent: { classPropertyName: "headerContent", publicName: "headerContent", isSignal: true, isRequired: false, transformFunction: null }, headerContentInputs: { classPropertyName: "headerContentInputs", publicName: "headerContentInputs", isSignal: true, isRequired: false, transformFunction: null }, fallbackContent: { classPropertyName: "fallbackContent", publicName: "fallbackContent", isSignal: true, isRequired: false, transformFunction: null }, fallbackContentInputs: { classPropertyName: "fallbackContentInputs", publicName: "fallbackContentInputs", isSignal: true, isRequired: false, transformFunction: null }, emptyContent: { classPropertyName: "emptyContent", publicName: "emptyContent", isSignal: true, isRequired: false, transformFunction: null }, emptyContentInputs: { classPropertyName: "emptyContentInputs", publicName: "emptyContentInputs", isSignal: true, isRequired: false, transformFunction: null }, headerActions: { classPropertyName: "headerActions", publicName: "headerActions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { headerActionClick: "headerActionClick", fullscreenClosed: "fullscreenClosed" }, host: { properties: { "style.height": "height()" }, classAttribute: "block" }, viewQueries: [{ propertyName: "container", first: true, predicate: AXFileViewerContainerComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<ax-file-viewer-container\n  class=\"axp-file-viewer h-full w-full\"\n  [items]=\"resolvedItems()\"\n  [startIndex]=\"startIndex()\"\n  [thumbnail]=\"thumbnail()\"\n  [pagination]=\"pagination()\"\n  [download]=\"download()\"\n  [fullscreen]=\"fullscreen()\"\n  [galleryMode]=\"galleryMode()\"\n  [headerContent]=\"boundHeaderContent()\"\n  [headerContentInputs]=\"boundHeaderContentInputs()\"\n  [fallbackContent]=\"boundFallbackContent()\"\n  [fallbackContentInputs]=\"boundFallbackContentInputs()\"\n  [emptyContent]=\"boundEmptyContent()\"\n  [emptyContentInputs]=\"boundEmptyContentInputs()\"\n  [headerActions]=\"headerActions()\"\n  [loading]=\"loading()\"\n  (headerActionClick)=\"headerActionClick.emit($event)\"\n  (fullscreenClosed)=\"fullscreenClosed.emit()\"\n/>\n", dependencies: [{ kind: "component", type: AXFileViewerContainerComponent, selector: "ax-file-viewer-container", inputs: ["items", "startIndex", "thumbnail", "pagination", "download", "fullscreen", "headerActions", "galleryMode", "headerContent", "headerContentInputs", "fallbackContent", "fallbackContentInputs", "emptyContent", "emptyContentInputs", "loading"], outputs: ["headerActionClick", "fullscreenClosed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
@@ -5666,11 +5697,36 @@ class AXPFileViewerService {
      */
     open(config) {
         const { files, items, ...rest } = config;
-        const resolvedItems = items ?? (files?.length ? this.mapFiles(files) : []);
-        return this.galleryService.open({
+        let closed = false;
+        const sessionUrls = new Set();
+        const blobUrlCache = new Map();
+        const track = (url) => {
+            if (!url.startsWith('blob:')) {
+                return url;
+            }
+            if (closed) {
+                URL.revokeObjectURL(url);
+                return url;
+            }
+            sessionUrls.add(url);
+            this.objectUrls.add(url);
+            return url;
+        };
+        const resolvedItems = items ?? (files?.length ? this.mapFiles(files, track, blobUrlCache) : []);
+        const closedPromise = this.galleryService.open({
             ...rest,
             items: resolvedItems,
         });
+        void closedPromise.then(() => {
+            closed = true;
+            blobUrlCache.clear();
+            for (const url of sessionUrls) {
+                URL.revokeObjectURL(url);
+                this.objectUrls.delete(url);
+            }
+            sessionUrls.clear();
+        });
+        return closedPromise;
     }
     /**
      * Opens a gallery from platform file list items.
@@ -5688,14 +5744,8 @@ class AXPFileViewerService {
     }
     //#endregion
     //#region ----- Mapping -----
-    mapFiles(files) {
-        return mapFileListToViewerItems(files, this.fileStorageService, (url) => this.trackObjectUrl(url));
-    }
-    trackObjectUrl(url) {
-        if (url.startsWith('blob:')) {
-            this.objectUrls.add(url);
-        }
-        return url;
+    mapFiles(files, trackObjectUrl, blobUrlCache) {
+        return mapFileListToViewerItems(files, this.fileStorageService, trackObjectUrl, blobUrlCache);
     }
     revokeTrackedUrls() {
         for (const url of this.objectUrls) {