@solcre-org/core-ui 2.11.40 → 2.11.42

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

@@ -1016,6 +1016,21 @@ class FileFieldComponent extends BaseFieldComponent {
             this.createBlobsFromUrls(previewUrls);
         }
     });
+    valueChangeEffect = effect(() => {
+        const currentValue = this.value();
+        const field = this.field();
+        const syncEnabled = field.syncWithValue !== false;
+        if (syncEnabled) {
+            this.reinitializeFilesFromValue(currentValue, field);
+        }
+    });
+    refreshTriggerEffect = effect(() => {
+        const field = this.field();
+        if (field.refreshTrigger !== undefined) {
+            const currentValue = this.value();
+            this.reinitializeFilesFromValue(currentValue, field);
+        }
+    });
     getPreviewUrls() {
         const field = this.field();
         const rowData = this.rowData();
@@ -1136,9 +1151,44 @@ class FileFieldComponent extends BaseFieldComponent {
             this.existingFiles.set([]);
         }
     }
+    reinitializeFilesFromValue(currentValue, field) {
+        this.selectedFiles.set([]);
+        this.existingFiles.set([]);
+        this.previewUrls.set([]);
+        this.previewBlobs.set([]);
+        this.previewFileIds.set(new Map());
+        this.clearLocalError();
+        const hasPreviewUrls = field.previewUrls && ((Array.isArray(field.previewUrls) && field.previewUrls.length > 0) ||
+            (typeof field.previewUrls === 'function'));
+        if (currentValue && !hasPreviewUrls) {
+            if (currentValue instanceof File) {
+                this.selectedFiles.set([currentValue]);
+                this.generatePreviews([currentValue]);
+            }
+            else if (Array.isArray(currentValue)) {
+                const files = currentValue.filter(v => v instanceof File);
+                const serverFiles = currentValue.filter(v => this.isServerFile(v));
+                this.selectedFiles.set(files);
+                this.existingFiles.set(serverFiles);
+                this.generatePreviews(files);
+            }
+            else if (this.isServerFile(currentValue)) {
+                this.existingFiles.set([currentValue]);
+            }
+        }
+        else if (hasPreviewUrls) {
+            this.selectedFiles.set([]);
+            this.existingFiles.set([]);
+        }
+    }
     isServerFile(value) {
         return value && typeof value === 'object' && 'id' in value && 'filename' in value;
     }
+    forceRefresh() {
+        const currentValue = this.value();
+        const field = this.field();
+        this.reinitializeFilesFromValue(currentValue, field);
+    }
     generatePreviews(files) {
         const urls = [];
         files.forEach(file => {
@@ -1231,13 +1281,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)) {
@@ -1248,7 +1305,12 @@ class FileFieldComponent extends BaseFieldComponent {
                 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) {
@@ -1273,7 +1335,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();
@@ -10716,11 +10783,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.40',
+    full: '2.11.42',
     major: 2,
     minor: 11,
-    patch: 40,
-    timestamp: '2025-09-02T15:56:06.044Z',
+    patch: 42,
+    timestamp: '2025-09-02T17:49:00.511Z',
     buildDate: '2/9/2025'
 };