cloud-ide-element 1.0.110 → 1.0.112

package/fesm2022/cloud-ide-element.mjs

@@ -3569,33 +3569,10 @@ class CideEleFileInputComponent {
         console.log('🔧 [FileInput] setDisabledState called with:', isDisabled, '(controlled by parent component)');
     }
     onFileSelected(event) {
-        console.log('🔍 [FileInput] onFileSelected called');
         const input = event.target;
         const selectedFiles = input.files;
-        this.files.set(selectedFiles);
-        this.fileNames.set(selectedFiles ? Array.from(selectedFiles).map(f => f.name) : []);
-        console.log('📁 [FileInput] Files selected:', this.fileNames());
-        this.generatePreviews();
-        // Reset upload status when new file is selected
-        this.uploadStatus.set('idle');
-        console.log('🔄 [FileInput] Upload status reset to:', this.uploadStatus());
-        this.onChange(selectedFiles);
-        this.fileChange.emit(selectedFiles);
-        this.onTouched();
-        // Note: Floating uploader is now triggered via service in upload methods
-        // Auto upload if enabled
-        if (this.autoUploadSignal() && selectedFiles && selectedFiles.length > 0) {
-            if (this.multipleSignal()) {
-                console.log('🚀 [FileInput] Auto upload enabled for multiple files mode:', selectedFiles.length, 'files');
-                this.uploadMultipleFiles(Array.from(selectedFiles));
-            }
-            else {
-                console.log('🚀 [FileInput] Auto upload enabled for single file mode:', selectedFiles[0].name);
-                this.uploadFile(selectedFiles[0]);
-            }
-        }
-        else {
-            console.log('⏸️ [FileInput] Auto upload disabled or no files');
+        if (selectedFiles) {
+            this.handleFileSelection(selectedFiles);
         }
     }
     clearFiles() {
@@ -3609,7 +3586,7 @@ class CideEleFileInputComponent {
         this.fileChange.emit(null);
     }
     uploadFile(file) {
-        console.log('📤 [FileInput] uploadFile called for:', file.name, 'Size:', file.size, 'bytes');
+        console.log('🚨 [FileInput] uploadFile called for:', file.name, '- SINGLE UPLOAD INITIATED');
         // Angular 20: Use PendingTasks for better loading state management
         // const uploadTask = this.pendingTasks.add(); // TODO: Fix PendingTasks API usage
         // console.log('⏳ [FileInput] Pending task added for upload tracking');
@@ -3734,8 +3711,7 @@ class CideEleFileInputComponent {
      * FLOW: 1) Generate group ID first, 2) Upload all files with same group ID, 3) Emit group ID on completion
      */
     uploadMultipleFiles(files) {
-        console.log('📤 [FileInput] uploadMultipleFiles called for:', files.length, 'files');
-        console.log('🔄 [FileInput] STEP 1: Generate group ID before starting any file uploads');
+        console.log('🚨 [FileInput] uploadMultipleFiles called for:', files.length, 'files - MULTIPLE UPLOAD INITIATED');
         // Set multiple upload mode flag
         this.isMultipleUploadMode.set(true);
         // Set upload status to 'start' before starting upload
@@ -3749,21 +3725,28 @@ class CideEleFileInputComponent {
         const notificationId = this.notificationService.showProgress('🔄 Preparing multiple file upload...', 0, { duration: 0 });
         this.uploadNotificationId.set(notificationId);
         // STEP 1: Generate or get group ID BEFORE starting any file uploads
-        const existingGroupId = this.uploadDataSignal().groupId;
-        if (existingGroupId) {
-            console.log('🆔 [FileInput] STEP 1 COMPLETE: Using existing group ID:', existingGroupId);
-            console.log('🔄 [FileInput] STEP 2: Starting file uploads with group ID:', existingGroupId);
-            this.groupId.set(existingGroupId);
-            this.startMulti(files, existingGroupId);
+        // Check if component already has a group ID or if one is provided in uploadData
+        const existingComponentGroupId = this.groupId();
+        const existingUploadDataGroupId = this.uploadDataSignal().groupId;
+        if (existingComponentGroupId) {
+            // Component already has its own group ID - use it
+            console.log('🆔 [FileInput] Using existing component group ID:', existingComponentGroupId);
+            this.startMulti(files, existingComponentGroupId);
+        }
+        else if (existingUploadDataGroupId) {
+            // Use group ID from uploadData and set it as component's group ID
+            console.log('🆔 [FileInput] Using group ID from uploadData:', existingUploadDataGroupId);
+            this.groupId.set(existingUploadDataGroupId);
+            this.startMulti(files, existingUploadDataGroupId);
         }
         else {
-            console.log('🆔 [FileInput] No existing group ID, generating new one...');
-            // Generate group ID BEFORE starting any file uploads
+            // Generate new group ID just before upload
+            console.log('🆔 [FileInput] Generating new group ID just before upload...');
             this.fileManagerService.generateObjectId().subscribe({
                 next: (response) => {
                     const newGroupId = response.data?.objectId;
-                    console.log('🆔 [FileInput] STEP 1 COMPLETE: Generated new group ID:', newGroupId);
-                    console.log('🔄 [FileInput] STEP 2: Starting file uploads with group ID:', newGroupId);
+                    console.log('🆔 [FileInput] Generated new group ID just before upload:', newGroupId);
+                    // Set the group ID to this component so it can track its own files
                     this.groupId.set(newGroupId);
                     this.startMulti(files, newGroupId);
                 },
@@ -4080,32 +4063,40 @@ class CideEleFileInputComponent {
     /**
      * Get total upload count from file manager service for this component's group ID
      * Uses optimized service method for better performance
+     * Only counts files for this component's specific group ID
      */
     getUploadCount() {
         const groupId = this.groupId();
-        if (!groupId)
-            return this.fileManagerService.activeUploads().size;
-        return this.fileManagerService.getFileCountForGroup(groupId);
+        const componentId = this.id();
+        if (!groupId) {
+            // No group ID yet - component hasn't uploaded anything, so count is 0
+            return 0;
+        }
+        const count = this.fileManagerService.getFileCountForGroup(groupId);
+        return count;
     }
     /**
      * Check if there are active uploads for this component's group ID
      * Uses optimized service method for better performance
+     * Only checks files for this component's specific group ID
      */
     hasActiveUploads() {
         const groupId = this.groupId();
         if (!groupId) {
-            return Array.from(this.fileManagerService.activeUploads().values()).some(upload => upload.stage !== 'complete');
+            // No group ID yet - component hasn't uploaded anything, so no active uploads
+            return false;
         }
         return this.fileManagerService.hasActiveUploadsForGroup(groupId);
     }
     /**
      * Get count of active (non-completed) uploads for this component's group ID
+     * Only counts files for this component's specific group ID
      */
     getActiveUploadCount() {
         const groupId = this.groupId();
         if (!groupId) {
-            return Array.from(this.fileManagerService.activeUploads().values())
-                .filter(upload => upload.stage !== 'complete').length;
+            // No group ID yet - component hasn't uploaded anything, so no active uploads
+            return 0;
         }
         return this.fileManagerService.getAllFilesForGroup(groupId)
             .filter(file => file.stage !== 'complete').length;
@@ -4234,30 +4225,27 @@ class CideEleFileInputComponent {
         });
     }
     handleFileSelection(files) {
+        console.log('🔥 [FileInput] handleFileSelection called with:', files.length, 'files');
         this.files.set(files);
         this.fileNames.set(Array.from(files).map(f => f.name));
-        console.log('📁 [FileInput] Files selected via drag & drop:', this.fileNames());
         this.generatePreviews();
         // Reset upload status when new file is selected
         this.uploadStatus.set('idle');
-        console.log('🔄 [FileInput] Upload status reset to:', this.uploadStatus());
         this.onChange(files);
         this.fileChange.emit(files);
         this.onTouched();
-        // Note: Floating uploader is now triggered via service in upload methods
         // Auto upload if enabled
         if (this.autoUploadSignal() && files.length > 0) {
+            console.log('🔥 [FileInput] Auto upload is enabled, proceeding with upload...');
             if (this.multipleSignal()) {
-                console.log('🚀 [FileInput] Auto upload enabled for multiple files mode (drag & drop):', files.length, 'files');
                 this.uploadMultipleFiles(Array.from(files));
             }
             else {
-                console.log('🚀 [FileInput] Auto upload enabled for single file mode (drag & drop):', files[0].name);
                 this.uploadFile(files[0]);
             }
         }
         else {
-            console.log('⏸️ [FileInput] Auto upload disabled or no files');
+            console.log('🔥 [FileInput] Auto upload disabled or no files');
         }
     }
     isRequired() {