cloud-ide-element 1.0.57 → 1.0.58

package/fesm2022/cloud-ide-element.mjs

@@ -3151,7 +3151,7 @@ class CideEleFileInputComponent {
         return Math.round(this.uploadProgress() ** 1); // Simple power operation
     }, ...(ngDevMode ? [{ debugName: "uploadProgressPercentage" }] : []));
     // ControlValueAccessor callbacks
-    onChange = (files) => { };
+    onChange = (value) => { };
     onTouched = () => { };
     onValidatorChange = () => { };
     // Computed values
@@ -3175,11 +3175,29 @@ class CideEleFileInputComponent {
             console.log('🎯 [FileInput] Component rendered and DOM is ready');
         });
     }
-    writeValue(files) {
-        console.log('📝 [FileInput] writeValue called with:', files ? Array.from(files).map(f => f.name) : 'null');
-        this.files.set(files);
-        this.fileNames.set(files ? Array.from(files).map(f => f.name) : []);
-        this.generatePreviews();
+    writeValue(value) {
+        console.log('📝 [FileInput] writeValue called with:', value);
+        if (typeof value === 'string') {
+            // Value is an uploaded file ID
+            console.log('📝 [FileInput] Value is uploaded file ID:', value);
+            this.files.set(null);
+            this.fileNames.set([]);
+            this.clearPreviews();
+        }
+        else if (value instanceof FileList) {
+            // Value is a FileList
+            console.log('📝 [FileInput] Value is FileList:', Array.from(value).map(f => f.name));
+            this.files.set(value);
+            this.fileNames.set(Array.from(value).map(f => f.name));
+            this.generatePreviews();
+        }
+        else {
+            // Value is null
+            console.log('📝 [FileInput] Value is null');
+            this.files.set(null);
+            this.fileNames.set([]);
+            this.clearPreviews();
+        }
     }
     registerOnChange(fn) {
         this.onChange = fn;
@@ -3209,7 +3227,6 @@ class CideEleFileInputComponent {
         this.onChange(selectedFiles);
         this.fileChange.emit(selectedFiles);
         this.onTouched();
-        this.onValidatorChange();
         // Auto upload if enabled
         if (this.autoUpload() && selectedFiles && selectedFiles.length > 0) {
             console.log('🚀 [FileInput] Auto upload enabled, starting upload for:', selectedFiles[0].name);
@@ -3228,7 +3245,6 @@ class CideEleFileInputComponent {
         console.log('🔄 [FileInput] Upload status reset to:', this.uploadStatus());
         this.onChange(null);
         this.fileChange.emit(null);
-        this.onValidatorChange();
     }
     uploadFile(file) {
         console.log('📤 [FileInput] uploadFile called for:', file.name, 'Size:', file.size, 'bytes');
@@ -3238,9 +3254,6 @@ class CideEleFileInputComponent {
         // Set upload status to 'start' before starting upload
         this.uploadStatus.set('start');
         console.log('🔄 [FileInput] Upload status set to:', this.uploadStatus());
-        // Trigger validation update to show upload in progress error
-        this.onValidatorChange();
-        console.log('✅ [FileInput] Validation triggered - should show upload in progress error');
         this.isUploading.set(true);
         this.uploadProgress.set(0);
         this.uploadProgressChange.emit(0);
@@ -3261,8 +3274,6 @@ class CideEleFileInputComponent {
             if (this.uploadStatus() === 'start') {
                 this.uploadStatus.set('uploading');
                 console.log('🔄 [FileInput] Upload status changed to:', this.uploadStatus());
-                this.onValidatorChange();
-                console.log('✅ [FileInput] Validation triggered after status change to uploading');
             }
             // Update progress notification with spinner
             const notificationId = this.uploadNotificationId();
@@ -3313,8 +3324,10 @@ class CideEleFileInputComponent {
                 const uploadedId = response?.data?.core_file_manager?.[0]?.cyfm_id;
                 if (uploadedId) {
                     console.log('✅ [FileInput] File uploaded successfully with ID:', uploadedId);
+                    // Set the uploaded ID as the form control value
+                    this.onChange(uploadedId);
+                    console.log('📝 [FileInput] Form control value set to uploaded ID:', uploadedId);
                     this.uploadSuccess.emit(uploadedId);
-                    // Note: Form control value remains as FileList - uploaded ID is emitted separately
                     console.log('📝 [FileInput] Upload success event emitted with file ID:', uploadedId);
                 }
                 else {
@@ -3323,9 +3336,6 @@ class CideEleFileInputComponent {
                 }
                 this.isUploading.set(false);
                 console.log('🔄 [FileInput] isUploading set to false');
-                // Trigger validation update to clear upload in progress error
-                this.onValidatorChange();
-                console.log('✅ [FileInput] Validation triggered - should clear upload in progress error');
             },
             error: (error) => {
                 console.error('💥 [FileInput] Upload FAILED:', error);
@@ -3348,9 +3358,6 @@ class CideEleFileInputComponent {
                 this.uploadProgress.set(0);
                 this.uploadProgressChange.emit(0);
                 console.log('🔄 [FileInput] Upload state reset - isUploading: false, progress: 0%');
-                // Trigger validation update to clear upload in progress error
-                this.onValidatorChange();
-                console.log('✅ [FileInput] Validation triggered - should clear upload in progress error');
             }
         });
     }
@@ -3506,7 +3513,6 @@ class CideEleFileInputComponent {
         this.onChange(files);
         this.fileChange.emit(files);
         this.onTouched();
-        this.onValidatorChange();
         // Auto upload if enabled
         if (this.autoUpload() && files.length > 0) {
             console.log('🚀 [FileInput] Auto upload enabled, starting upload for:', files[0].name);