sf-crud 13.2.56 → 13.2.57

package/fesm2022/sf-crud.mjs

@@ -2202,6 +2202,7 @@ class ControlComponent {
     isLoading = false;
     dataFromService = [];
     uploadedFiles = [];
+    _loadFilesId = 0;
     displayAdd = false;
     tempValue;
     clicked = false;
@@ -2370,24 +2371,70 @@ class ControlComponent {
         this.value = this.tempValue;
         this.sendValue();
     }
-    loadFiles() {
+    async loadFiles() {
+        const runId = ++this._loadFilesId;
         this.isLoading = true;
         this.uploadedFiles = [];
         if (!this.value) {
             this.isLoading = false;
             this.cdr.detectChanges();
+            return;
         }
-        else if (this.control.config.namePattern && this.control.type == "string") {
-            let urls = this.control.config.separator ? this.value.split(",") : [this.value];
-            urls.forEach(url => this.uploadedFiles.push({ url: url, name: this.getNameFile(this.control.config.namePattern, url) }));
-            this.isLoading = false;
-            this.cdr.detectChanges();
+        const mimeTypes = {
+            pdf: 'application/pdf', jpg: 'image/jpeg', jpeg: 'image/jpeg',
+            png: 'image/png', gif: 'image/gif', bmp: 'image/bmp'
+        };
+        const resolveUrl = async (url) => {
+            try {
+                const res = await fetch(url, { method: 'HEAD' });
+                if (res.ok)
+                    return url;
+                const lastSlash = url.lastIndexOf('/');
+                const uploadedUrl = url.substring(0, lastSlash + 1) + 'UPLOADED_' + url.substring(lastSlash + 1);
+                const res2 = await fetch(uploadedUrl, { method: 'HEAD' });
+                if (!res2.ok)
+                    return null;
+                const ext = url.substring(url.lastIndexOf('.') + 1).toLowerCase();
+                const mimeType = mimeTypes[ext] ?? 'application/octet-stream';
+                const content = await fetch(uploadedUrl);
+                const buffer = await content.arrayBuffer();
+                return URL.createObjectURL(new Blob([buffer], { type: mimeType }));
+            }
+            catch {
+                return null;
+            }
+        };
+        if (this.control.config.namePattern && this.control.type == "string") {
+            const urls = this.control.config.separator ? this.value.split(",") : [this.value];
+            const validUrls = [];
+            for (const url of urls) {
+                const resolved = await resolveUrl(url);
+                if (runId !== this._loadFilesId)
+                    return;
+                if (resolved !== null) {
+                    this.uploadedFiles.push({ url: resolved, name: this.getNameFile(this.control.config.namePattern, url) });
+                    validUrls.push(url);
+                }
+            }
+            if (validUrls.length !== urls.length)
+                this.value = validUrls.length > 0 ? validUrls.join(this.control.config?.separator || ',') : null;
         }
         else if (this.control.config.namePattern && this.control.type == "array") {
-            this.value.forEach((url) => this.uploadedFiles.push({ url: url, name: this.getNameFile(this.control.config.namePattern, url) }));
-            this.isLoading = false;
-            this.cdr.detectChanges();
+            const validUrls = [];
+            for (const url of this.value) {
+                const resolved = await resolveUrl(url);
+                if (runId !== this._loadFilesId)
+                    return;
+                if (resolved !== null) {
+                    this.uploadedFiles.push({ url: resolved, name: this.getNameFile(this.control.config.namePattern, url) });
+                    validUrls.push(url);
+                }
+            }
+            if (validUrls.length !== this.value.length)
+                this.value = validUrls.length > 0 ? validUrls : null;
         }
+        this.isLoading = false;
+        this.cdr.detectChanges();
     }
     onDeleteFile(index) {
         if ((!this.control.config?.limit || this.control.config?.limit == 1) && this.control.type == "string")