cloud-ide-element 1.0.69 → 1.0.71

package/fesm2022/cloud-ide-element.mjs

@@ -3154,7 +3154,6 @@ class CideEleFileInputComponent {
     placeholderIcon = '📷';
     autoUpload = false;
     uploadData = {};
-    multi = false; // New property for multiple file upload mode
     // Traditional @Output() decorators
     fileChange = new EventEmitter();
     uploadSuccess = new EventEmitter();
@@ -3177,7 +3176,6 @@ class CideEleFileInputComponent {
     placeholderIconSignal = signal(this.placeholderIcon, ...(ngDevMode ? [{ debugName: "placeholderIconSignal" }] : []));
     autoUploadSignal = signal(this.autoUpload, ...(ngDevMode ? [{ debugName: "autoUploadSignal" }] : []));
     uploadDataSignal = signal(this.uploadData, ...(ngDevMode ? [{ debugName: "uploadDataSignal" }] : []));
-    multiSignal = signal(this.multi, ...(ngDevMode ? [{ debugName: "multiSignal" }] : []));
     // Reactive state with signals
     id = signal(Math.random().toString(36).substring(2, 10), ...(ngDevMode ? [{ debugName: "id" }] : []));
     isUploading = signal(false, ...(ngDevMode ? [{ debugName: "isUploading" }] : []));
@@ -3189,6 +3187,7 @@ class CideEleFileInputComponent {
     uploadNotificationId = signal(null, ...(ngDevMode ? [{ debugName: "uploadNotificationId" }] : []));
     isDragOver = signal(false, ...(ngDevMode ? [{ debugName: "isDragOver" }] : []));
     groupId = signal(null, ...(ngDevMode ? [{ debugName: "groupId" }] : [])); // Group ID for multiple file uploads
+    isMultipleUploadMode = signal(false, ...(ngDevMode ? [{ debugName: "isMultipleUploadMode" }] : [])); // Flag to track if we're in multiple upload mode
     // Computed signals for better relationships
     hasFiles = computed(() => this.files() !== null && this.files().length > 0, ...(ngDevMode ? [{ debugName: "hasFiles" }] : []));
     canUpload = computed(() => this.hasFiles() && !this.isUploading() && !this.disabledSignal(), ...(ngDevMode ? [{ debugName: "canUpload" }] : []));
@@ -3251,7 +3250,6 @@ class CideEleFileInputComponent {
         this.placeholderIconSignal.set(this.placeholderIcon);
         this.autoUploadSignal.set(this.autoUpload);
         this.uploadDataSignal.set(this.uploadData);
-        this.multiSignal.set(this.multi);
     }
     ngOnChanges(changes) {
         // Angular 20: Update signals when @Input() values change
@@ -3287,8 +3285,6 @@ class CideEleFileInputComponent {
             this.autoUploadSignal.set(this.autoUpload);
         if (changes['uploadData'])
             this.uploadDataSignal.set(this.uploadData);
-        if (changes['multi'])
-            this.multiSignal.set(this.multi);
     }
     writeValue(value) {
         console.log('📝 [FileInput] writeValue called with:', value);
@@ -3346,7 +3342,7 @@ class CideEleFileInputComponent {
         this.onTouched();
         // Auto upload if enabled
         if (this.autoUploadSignal() && selectedFiles && selectedFiles.length > 0) {
-            if (this.multiSignal() && this.multipleSignal()) {
+            if (this.multipleSignal() && selectedFiles.length > 1) {
                 console.log('🚀 [FileInput] Auto upload enabled for multiple files:', selectedFiles.length);
                 this.uploadMultipleFiles(Array.from(selectedFiles));
             }
@@ -3450,8 +3446,14 @@ class CideEleFileInputComponent {
                     // 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);
-                    console.log('📝 [FileInput] Upload success event emitted with file ID:', uploadedId);
+                    // Only emit individual uploadSuccess if not in multiple upload mode
+                    if (!this.isMultipleUploadMode()) {
+                        this.uploadSuccess.emit(uploadedId);
+                        console.log('📝 [FileInput] Upload success event emitted with file ID:', uploadedId);
+                    }
+                    else {
+                        console.log('📝 [FileInput] Individual upload success suppressed (multiple upload mode) - file ID:', uploadedId);
+                    }
                 }
                 else {
                     console.error('❌ [FileInput] Upload successful but no ID returned:', response);
@@ -3490,6 +3492,8 @@ class CideEleFileInputComponent {
      */
     uploadMultipleFiles(files) {
         console.log('📤 [FileInput] uploadMultipleFiles called for:', files.length, 'files');
+        // Set multiple upload mode flag
+        this.isMultipleUploadMode.set(true);
         // Set upload status to 'start' before starting upload
         this.uploadStatus.set('start');
         this.isUploading.set(true);
@@ -3613,6 +3617,8 @@ class CideEleFileInputComponent {
             this.notificationService.error(`❌ All ${total} files failed to upload.`, { duration: 0 });
             this.uploadError.emit('All files failed to upload');
         }
+        // Reset multiple upload mode flag
+        this.isMultipleUploadMode.set(false);
     }
     generatePreviews() {
         // Clear existing previews
@@ -3921,7 +3927,7 @@ class CideEleFileInputComponent {
         return null; // No validation errors
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideEleFileInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: CideEleFileInputComponent, isStandalone: true, selector: "cide-ele-file-input", inputs: { label: "label", accept: "accept", multiple: "multiple", disabled: "disabled", required: "required", helperText: "helperText", errorText: "errorText", showPreview: "showPreview", previewWidth: "previewWidth", previewHeight: "previewHeight", previewBoxMode: "previewBoxMode", showFileName: "showFileName", placeholderText: "placeholderText", placeholderIcon: "placeholderIcon", autoUpload: "autoUpload", uploadData: "uploadData", multi: "multi" }, outputs: { fileChange: "fileChange", uploadSuccess: "uploadSuccess", uploadError: "uploadError", uploadProgressChange: "uploadProgressChange" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: CideEleFileInputComponent, isStandalone: true, selector: "cide-ele-file-input", inputs: { label: "label", accept: "accept", multiple: "multiple", disabled: "disabled", required: "required", helperText: "helperText", errorText: "errorText", showPreview: "showPreview", previewWidth: "previewWidth", previewHeight: "previewHeight", previewBoxMode: "previewBoxMode", showFileName: "showFileName", placeholderText: "placeholderText", placeholderIcon: "placeholderIcon", autoUpload: "autoUpload", uploadData: "uploadData" }, outputs: { fileChange: "fileChange", uploadSuccess: "uploadSuccess", uploadError: "uploadError", uploadProgressChange: "uploadProgressChange" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: CideEleFileInputComponent,
@@ -3980,8 +3986,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
                 type: Input
             }], uploadData: [{
                 type: Input
-            }], multi: [{
-                type: Input
             }], fileChange: [{
                 type: Output
             }], uploadSuccess: [{