@solcre-org/core-ui 2.11.39 → 2.11.41

package/fesm2022/solcre-org-core-ui.mjs

@@ -990,6 +990,7 @@ class FileFieldComponent extends BaseFieldComponent {
     existingFiles = signal([]);
     previewUrls = signal([]);
     previewBlobs = signal([]);
+    previewFileIds = signal(new Map());
     errorMessage = signal('');
     errorParams = signal(null);
     displayErrorMessage = computed(() => {
@@ -1023,36 +1024,38 @@ class FileFieldComponent extends BaseFieldComponent {
             return [];
         }
         if (typeof previewUrls === 'function') {
-            const result = rowData ? previewUrls(rowData) : [];
-            return result;
+            return rowData ? previewUrls(rowData) : [];
         }
-        const result = Array.isArray(previewUrls) ? previewUrls : [];
-        return result;
+        return Array.isArray(previewUrls) ? previewUrls : [];
     }
-    async createBlobsFromUrls(urls) {
+    async createBlobsFromUrls(previewUrls) {
         const blobs = [];
-        for (let i = 0; i < urls.length; i++) {
+        const fileIdMap = new Map();
+        for (let i = 0; i < previewUrls.length; i++) {
             try {
-                const url = urls[i];
-                const response = await fetch(url);
+                const previewFile = previewUrls[i];
+                const response = await fetch(previewFile.url);
                 if (!response.ok) {
                     throw new Error(`HTTP error! status: ${response.status}`);
                 }
                 const blob = await response.blob();
-                const filename = this.extractFilenameFromUrl(url) || `preview-image-${i + 1}.jpg`;
+                const filename = this.extractFilenameFromUrl(previewFile.url) || `preview-image-${i + 1}.jpg`;
                 const file = new File([blob], filename, {
                     type: blob.type || 'image/jpeg',
                     lastModified: Date.now()
                 });
                 file.__isPreviewFile = true;
-                file.__originalUrl = url;
+                file.__originalUrl = previewFile.url;
+                file.__previewId = previewFile.id;
                 blobs.push(file);
+                fileIdMap.set(file, previewFile.id);
             }
             catch (error) {
-                console.error(`❌ Error loading preview image from URL: ${urls[i]}`, error);
+                console.error(`❌ Error loading preview image from URL: ${previewUrls[i].url}`, error);
             }
         }
         this.previewBlobs.set(blobs);
+        this.previewFileIds.set(fileIdMap);
     }
     extractFilenameFromUrl(url) {
         try {
@@ -1196,6 +1199,14 @@ class FileFieldComponent extends BaseFieldComponent {
         }
         this.selectedFiles.set(cfg.multiple ? combined : [combined[0]]);
         this.generatePreviews(this.selectedFiles());
+        if (cfg.onFilesAdded) {
+            const currentPreviewUrls = this.getPreviewUrls();
+            const newFiles = cfg.multiple ? incoming : [incoming[0]];
+            cfg.onFilesAdded({
+                previewUrls: currentPreviewUrls,
+                newFiles: newFiles
+            });
+        }
         this.formControl().markAsTouched();
         this.emitCurrentValue();
     }
@@ -1220,13 +1231,20 @@ class FileFieldComponent extends BaseFieldComponent {
         const fileToRemove = all[index];
         const config = this.fieldConfig();
         let fileType;
+        let previewFile;
         if (this.isServerFile(fileToRemove)) {
+            const serverFile = fileToRemove;
             const existing = [...this.existingFiles()];
-            const idx = existing.findIndex(f => f.id === fileToRemove.id);
+            const idx = existing.findIndex(f => f.id === serverFile.id);
             if (idx !== -1) {
                 existing.splice(idx, 1);
                 this.existingFiles.set(existing);
                 fileType = 'existing';
+                const currentPreviewUrls = this.getPreviewUrls();
+                const matchingPreview = currentPreviewUrls.find(p => p.id === serverFile.id);
+                if (matchingPreview) {
+                    previewFile = matchingPreview;
+                }
             }
         }
         else if (this.isPreviewFile(fileToRemove)) {
@@ -1235,6 +1253,24 @@ class FileFieldComponent extends BaseFieldComponent {
             if (idx !== -1) {
                 blobs.splice(idx, 1);
                 this.previewBlobs.set(blobs);
+                const fileIdMap = this.previewFileIds();
+                const previewId = fileToRemove.__previewId || fileIdMap.get(fileToRemove);
+                const originalUrl = fileToRemove.__originalUrl;
+                if (previewId) {
+                    previewFile = {
+                        id: previewId,
+                        url: originalUrl || ''
+                    };
+                    const existing = [...this.existingFiles()];
+                    const existingIdx = existing.findIndex(f => f.id === previewId);
+                    if (existingIdx !== -1) {
+                        existing.splice(existingIdx, 1);
+                        this.existingFiles.set(existing);
+                    }
+                    const newMap = new Map(fileIdMap);
+                    newMap.delete(fileToRemove);
+                    this.previewFileIds.set(newMap);
+                }
                 fileType = 'preview';
             }
         }
@@ -1249,7 +1285,12 @@ class FileFieldComponent extends BaseFieldComponent {
             }
         }
         if (config.onFileRemoved && fileType) {
-            config.onFileRemoved(fileToRemove, index, fileType);
+            config.onFileRemoved({
+                file: fileToRemove,
+                index: index,
+                fileType: fileType,
+                previewFile: previewFile
+            });
         }
         this.validateCurrentState();
         this.formControl().markAsTouched();
@@ -10692,11 +10733,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
 // Este archivo es generado automáticamente por scripts/update-version.js
 // No edites manualmente este archivo
 const VERSION = {
-    full: '2.11.39',
+    full: '2.11.41',
     major: 2,
     minor: 11,
-    patch: 39,
-    timestamp: '2025-09-02T15:20:12.868Z',
+    patch: 41,
+    timestamp: '2025-09-02T16:19:28.934Z',
     buildDate: '2/9/2025'
 };