@solcre-org/core-ui 2.11.38 → 2.11.40

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();
     }
@@ -1218,12 +1229,37 @@ class FileFieldComponent extends BaseFieldComponent {
     removeFile(index) {
         const all = this.allFiles();
         const fileToRemove = all[index];
+        const config = this.fieldConfig();
+        let fileType;
         if (this.isServerFile(fileToRemove)) {
             const existing = [...this.existingFiles()];
             const idx = existing.findIndex(f => f.id === fileToRemove.id);
             if (idx !== -1) {
                 existing.splice(idx, 1);
                 this.existingFiles.set(existing);
+                fileType = 'existing';
+            }
+        }
+        else if (this.isPreviewFile(fileToRemove)) {
+            const blobs = [...this.previewBlobs()];
+            const idx = blobs.indexOf(fileToRemove);
+            if (idx !== -1) {
+                blobs.splice(idx, 1);
+                this.previewBlobs.set(blobs);
+                const fileIdMap = this.previewFileIds();
+                const previewId = fileToRemove.__previewId || fileIdMap.get(fileToRemove);
+                if (previewId) {
+                    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';
             }
         }
         else {
@@ -1233,8 +1269,12 @@ class FileFieldComponent extends BaseFieldComponent {
                 selected.splice(idx, 1);
                 this.selectedFiles.set(selected);
                 this.generatePreviews(selected);
+                fileType = 'selected';
             }
         }
+        if (config.onFileRemoved && fileType) {
+            config.onFileRemoved(fileToRemove, index, fileType);
+        }
         this.validateCurrentState();
         this.formControl().markAsTouched();
         this.emitCurrentValue();
@@ -10676,11 +10716,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.38',
+    full: '2.11.40',
     major: 2,
     minor: 11,
-    patch: 38,
-    timestamp: '2025-09-02T15:04:58.415Z',
+    patch: 40,
+    timestamp: '2025-09-02T15:56:06.044Z',
     buildDate: '2/9/2025'
 };