cloud-ide-element 1.0.74 → 1.0.76

package/fesm2022/cloud-ide-element.mjs

@@ -2757,11 +2757,15 @@ class CideEleFileManagerService {
                                 console.log('✅ [FileManagerService] Upload successful:', event.body);
                                 // Handle the CoreFileManagerInsertUpdateResponse
                                 const response = event.body;
+                                console.log('🔍 [FileManagerService] Upload response received:', response);
+                                console.log('🔍 [FileManagerService] Response success:', response.success);
+                                console.log('🔍 [FileManagerService] Response data:', response.data);
                                 if (response.success) {
                                     observer.next(response);
                                     observer.complete();
                                 }
                                 else {
+                                    console.error('❌ [FileManagerService] Upload failed with response:', response);
                                     observer.error(new Error(response.message || 'Upload failed'));
                                 }
                             }
@@ -3531,7 +3535,7 @@ class CideEleFileInputComponent {
             // Generate group ID BEFORE starting any file uploads
             this.fileManagerService.generateObjectId().subscribe({
                 next: (response) => {
-                    const newGroupId = response.objectId;
+                    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);
                     this.groupId.set(newGroupId);
@@ -4022,6 +4026,488 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
                 type: Output
             }] } });
 
+class CideEleGlobalFileUploaderComponent {
+    // Dependency injection
+    destroyRef = inject(DestroyRef);
+    fileService = inject(CideEleFileManagerService);
+    // Input properties
+    userId = '';
+    multiple = true;
+    accept = '';
+    maxFileSize = 10; // MB
+    allowedTypes = [];
+    // Output events
+    uploadComplete = new EventEmitter();
+    uploadError = new EventEmitter();
+    uploadCancelled = new EventEmitter();
+    allUploadsComplete = new EventEmitter();
+    // Signals for reactive state management
+    isDragOver = signal(false, ...(ngDevMode ? [{ debugName: "isDragOver" }] : []));
+    isUploading = signal(false, ...(ngDevMode ? [{ debugName: "isUploading" }] : []));
+    uploadQueue = signal([], ...(ngDevMode ? [{ debugName: "uploadQueue" }] : []));
+    currentGroupId = signal(null, ...(ngDevMode ? [{ debugName: "currentGroupId" }] : []));
+    // Computed values
+    hasUploads = computed(() => this.uploadQueue().length > 0, ...(ngDevMode ? [{ debugName: "hasUploads" }] : []));
+    pendingUploads = computed(() => this.uploadQueue().filter(upload => upload.status === 'pending'), ...(ngDevMode ? [{ debugName: "pendingUploads" }] : []));
+    activeUploads = computed(() => this.uploadQueue().filter(upload => upload.status === 'uploading'), ...(ngDevMode ? [{ debugName: "activeUploads" }] : []));
+    completedUploads = computed(() => this.uploadQueue().filter(upload => upload.status === 'completed'), ...(ngDevMode ? [{ debugName: "completedUploads" }] : []));
+    failedUploads = computed(() => this.uploadQueue().filter(upload => upload.status === 'error'), ...(ngDevMode ? [{ debugName: "failedUploads" }] : []));
+    constructor() {
+        console.log('🚀 [GlobalFileUploader] Component initialized');
+    }
+    /**
+     * Handle drag over event
+     */
+    onDragOver(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.isDragOver.set(true);
+    }
+    /**
+     * Handle drag leave event
+     */
+    onDragLeave(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.isDragOver.set(false);
+    }
+    /**
+     * Handle drop event
+     */
+    onDrop(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.isDragOver.set(false);
+        const files = event.dataTransfer?.files;
+        if (files && files.length > 0) {
+            this.addFilesToQueue(Array.from(files));
+        }
+    }
+    /**
+     * Handle file input change
+     */
+    onFileInputChange(event) {
+        const target = event.target;
+        const files = target.files;
+        if (files && files.length > 0) {
+            this.addFilesToQueue(Array.from(files));
+        }
+        // Reset input value to allow selecting the same file again
+        target.value = '';
+    }
+    /**
+     * Add files to upload queue
+     */
+    addFilesToQueue(files) {
+        // Validate files
+        const validFiles = files.filter(file => this.validateFile(file));
+        if (validFiles.length === 0) {
+            console.warn('⚠️ [GlobalFileUploader] No valid files to upload');
+            return;
+        }
+        const newUploads = validFiles.map(file => ({
+            fileId: this.generateFileId(file),
+            fileName: file.name,
+            progress: 0,
+            status: 'pending',
+            file: file
+        }));
+        this.uploadQueue.update(queue => [...queue, ...newUploads]);
+        this.processUploadQueue();
+    }
+    /**
+     * Validate file
+     */
+    validateFile(file) {
+        // Check file size
+        const maxSizeBytes = this.maxFileSize * 1024 * 1024;
+        if (file.size > maxSizeBytes) {
+            console.warn(`⚠️ [GlobalFileUploader] File ${file.name} exceeds size limit`);
+            return false;
+        }
+        // Check file type
+        if (this.allowedTypes.length > 0 && !this.allowedTypes.includes(file.type)) {
+            console.warn(`⚠️ [GlobalFileUploader] File type ${file.type} not allowed`);
+            return false;
+        }
+        return true;
+    }
+    /**
+     * Process upload queue
+     */
+    processUploadQueue() {
+        const pendingUploads = this.uploadQueue().filter(upload => upload.status === 'pending');
+        if (pendingUploads.length > 0 && !this.isUploading()) {
+            this.isUploading.set(true);
+            if (this.multiple && pendingUploads.length > 1) {
+                // Multiple file upload with group ID
+                this.uploadMultipleFiles(pendingUploads);
+            }
+            else {
+                // Single file upload
+                this.uploadNextFile();
+            }
+        }
+    }
+    /**
+     * Upload multiple files with group ID
+     */
+    uploadMultipleFiles(uploads) {
+        console.log('📤 [GlobalFileUploader] Starting multiple file upload for:', uploads.length, 'files');
+        // Generate group ID first
+        this.fileService.generateObjectId()
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: (response) => {
+                const groupId = response.data?.objectId;
+                console.log('🆔 [GlobalFileUploader] Generated group ID:', groupId);
+                this.currentGroupId.set(groupId || null);
+                if (groupId) {
+                    // Upload all files with the same group ID
+                    this.uploadFilesWithGroupId(uploads, groupId);
+                }
+                else {
+                    console.error('❌ [GlobalFileUploader] No group ID received');
+                    this.handleUploadError('Failed to generate group ID', uploads[0]?.fileId);
+                }
+            },
+            error: (error) => {
+                console.error('❌ [GlobalFileUploader] Failed to generate group ID:', error);
+                this.handleUploadError('Failed to generate group ID', uploads[0]?.fileId);
+            }
+        });
+    }
+    /**
+     * Upload files with group ID
+     */
+    uploadFilesWithGroupId(uploads, groupId) {
+        let completedCount = 0;
+        let failedCount = 0;
+        const totalFiles = uploads.length;
+        const uploadedFiles = [];
+        uploads.forEach((upload, index) => {
+            // Update status to uploading
+            this.updateUploadStatus(upload.fileId, 'uploading', 0);
+            const uploadRequest = {
+                file: upload.file,
+                userId: this.userId,
+                groupId: groupId,
+                tags: [],
+                permissions: ['read', 'write']
+            };
+            this.fileService.uploadFile(upload.file, this.convertToFileUploadOptions(uploadRequest), (progress) => {
+                // Use the original fileId for progress updates during upload
+                this.updateUploadProgress(upload.fileId, progress);
+            })
+                .pipe(takeUntilDestroyed(this.destroyRef))
+                .subscribe({
+                next: (response) => {
+                    completedCount++;
+                    console.log(`✅ [GlobalFileUploader] File ${index + 1}/${totalFiles} uploaded successfully`);
+                    // Find the upload item by cyfm_temp_unique_id from response
+                    const responseFile = response?.data?.core_file_manager?.[0];
+                    const tempUniqueId = responseFile?.cyfm_temp_unique_id;
+                    console.log('🔍 [GlobalFileUploader] Response tempUniqueId:', tempUniqueId);
+                    console.log('🔍 [GlobalFileUploader] Original upload fileId:', upload.fileId);
+                    // Use the tempUniqueId to find and update the correct upload item
+                    if (tempUniqueId) {
+                        this.updateUploadStatusByTempId(tempUniqueId, 'completed', 100, undefined, response);
+                    }
+                    else {
+                        // Fallback to original fileId
+                        this.updateUploadStatus(upload.fileId, 'completed', 100, undefined, response);
+                    }
+                    this.uploadComplete.emit({
+                        fileId: tempUniqueId || upload.fileId,
+                        fileName: upload.fileName,
+                        progress: 100,
+                        status: 'completed',
+                        uploadedFile: response
+                    });
+                    if (responseFile) {
+                        uploadedFiles.push(responseFile);
+                    }
+                    console.log('🔍 [GlobalFileUploader] Upload response received:', response);
+                    console.log('🔍 [GlobalFileUploader] Response data structure:', response?.data);
+                    // Check if all files are completed
+                    if (completedCount + failedCount === totalFiles) {
+                        this.handleMultipleUploadComplete(completedCount, failedCount, groupId, uploadedFiles);
+                    }
+                },
+                error: (error) => {
+                    failedCount++;
+                    console.error(`❌ [GlobalFileUploader] File ${index + 1}/${totalFiles} upload failed:`, error);
+                    this.updateUploadStatus(upload.fileId, 'error', 0, error.message || 'Upload failed');
+                    this.uploadError.emit({
+                        fileId: upload.fileId,
+                        error: error.message || 'Upload failed'
+                    });
+                    // Check if all files are completed
+                    if (completedCount + failedCount === totalFiles) {
+                        this.handleMultipleUploadComplete(completedCount, failedCount, groupId, uploadedFiles);
+                    }
+                }
+            });
+        });
+    }
+    /**
+     * Handle multiple upload completion
+     */
+    handleMultipleUploadComplete(completed, failed, groupId, uploadedFiles) {
+        console.log(`📊 [GlobalFileUploader] Multiple upload complete: ${completed}/${completed + failed} successful`);
+        this.isUploading.set(false);
+        if (completed > 0) {
+            this.allUploadsComplete.emit({
+                groupId: groupId,
+                uploadedFiles: uploadedFiles
+            });
+        }
+    }
+    /**
+     * Upload next file in queue (single file mode)
+     */
+    uploadNextFile() {
+        const pendingUpload = this.uploadQueue().find(upload => upload.status === 'pending');
+        if (!pendingUpload) {
+            this.isUploading.set(false);
+            return;
+        }
+        // Update status to uploading
+        this.updateUploadStatus(pendingUpload.fileId, 'uploading', 0);
+        const uploadRequest = {
+            file: pendingUpload.file,
+            userId: this.userId,
+            tags: [],
+            permissions: ['read', 'write']
+        };
+        this.fileService.uploadFile(pendingUpload.file, this.convertToFileUploadOptions(uploadRequest), (progress) => {
+            this.updateUploadProgress(pendingUpload.fileId, progress);
+        })
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: (response) => {
+                console.log('✅ [GlobalFileUploader] Single file upload successful:', response);
+                // Find the upload item by cyfm_temp_unique_id from response
+                const responseFile = response?.data?.core_file_manager?.[0];
+                const tempUniqueId = responseFile?.cyfm_temp_unique_id;
+                console.log('🔍 [GlobalFileUploader] Single upload - Response tempUniqueId:', tempUniqueId);
+                console.log('🔍 [GlobalFileUploader] Single upload - Original upload fileId:', pendingUpload.fileId);
+                // Use the tempUniqueId to find and update the correct upload item
+                if (tempUniqueId) {
+                    this.updateUploadStatusByTempId(tempUniqueId, 'completed', 100, undefined, response);
+                }
+                else {
+                    // Fallback to original fileId
+                    this.updateUploadStatus(pendingUpload.fileId, 'completed', 100, undefined, response);
+                }
+                this.uploadComplete.emit({
+                    fileId: tempUniqueId || pendingUpload.fileId,
+                    fileName: pendingUpload.fileName,
+                    progress: 100,
+                    status: 'completed',
+                    uploadedFile: response
+                });
+                // Process next file
+                setTimeout(() => this.uploadNextFile(), 500);
+            },
+            error: (error) => {
+                console.error('❌ [GlobalFileUploader] Upload error:', error);
+                this.updateUploadStatus(pendingUpload.fileId, 'error', 0, error.message || 'Upload failed');
+                this.uploadError.emit({
+                    fileId: pendingUpload.fileId,
+                    error: error.message || 'Upload failed'
+                });
+                // Process next file
+                setTimeout(() => this.uploadNextFile(), 500);
+            }
+        });
+    }
+    /**
+     * Update upload progress
+     */
+    updateUploadProgress(fileId, progress) {
+        this.uploadQueue.update(queue => queue.map(upload => upload.fileId === fileId
+            ? { ...upload, progress }
+            : upload));
+    }
+    /**
+     * Update upload status
+     */
+    updateUploadStatus(fileId, status, progress, error, uploadedFile) {
+        console.log('🔄 [GlobalFileUploader] Updating upload status:', { fileId, status, progress, error: !!error, uploadedFile: !!uploadedFile });
+        this.uploadQueue.update(queue => {
+            const updatedQueue = queue.map(upload => {
+                if (upload.fileId === fileId) {
+                    console.log('🔄 [GlobalFileUploader] Found upload to update:', upload.fileName, 'from', upload.status, 'to', status);
+                    return { ...upload, status, progress, error, uploadedFile };
+                }
+                return upload;
+            });
+            console.log('🔄 [GlobalFileUploader] Updated queue:', updatedQueue.map(u => ({ fileName: u.fileName, status: u.status })));
+            return updatedQueue;
+        });
+    }
+    /**
+     * Update upload status by cyfm_temp_unique_id
+     */
+    updateUploadStatusByTempId(tempUniqueId, status, progress, error, uploadedFile) {
+        console.log('🔄 [GlobalFileUploader] Updating upload status by tempId:', { tempUniqueId, status, progress, error: !!error, uploadedFile: !!uploadedFile });
+        this.uploadQueue.update(queue => {
+            const updatedQueue = queue.map(upload => {
+                // Check if this upload's fileId matches the tempUniqueId
+                if (upload.fileId === tempUniqueId) {
+                    console.log('🔄 [GlobalFileUploader] Found upload by tempId to update:', upload.fileName, 'from', upload.status, 'to', status);
+                    return { ...upload, status, progress, error, uploadedFile };
+                }
+                return upload;
+            });
+            console.log('🔄 [GlobalFileUploader] Updated queue by tempId:', updatedQueue.map(u => ({ fileName: u.fileName, status: u.status, fileId: u.fileId })));
+            return updatedQueue;
+        });
+    }
+    /**
+     * Handle upload error
+     */
+    handleUploadError(error, fileId) {
+        if (fileId) {
+            this.updateUploadStatus(fileId, 'error', 0, error);
+            this.uploadError.emit({ fileId, error });
+        }
+        this.isUploading.set(false);
+    }
+    /**
+     * Cancel upload
+     */
+    cancelUpload(fileId) {
+        this.updateUploadStatus(fileId, 'cancelled', 0);
+        this.uploadCancelled.emit(fileId);
+        // Remove from queue after a delay
+        setTimeout(() => {
+            this.uploadQueue.update(queue => queue.filter(upload => upload.fileId !== fileId));
+        }, 1000);
+    }
+    /**
+     * Retry upload
+     */
+    retryUpload(fileId) {
+        this.updateUploadStatus(fileId, 'pending', 0);
+        this.processUploadQueue();
+    }
+    /**
+     * Remove upload from queue
+     */
+    removeUpload(fileId) {
+        this.uploadQueue.update(queue => queue.filter(upload => upload.fileId !== fileId));
+    }
+    /**
+     * Clear completed uploads
+     */
+    clearCompleted() {
+        this.uploadQueue.update(queue => queue.filter(upload => upload.status !== 'completed'));
+    }
+    /**
+     * Clear all uploads
+     */
+    clearAll() {
+        this.uploadQueue.set([]);
+        this.currentGroupId.set(null);
+    }
+    /**
+     * Get status icon
+     */
+    getStatusIcon(status) {
+        switch (status) {
+            case 'pending': return 'schedule';
+            case 'uploading': return 'cloud_upload';
+            case 'completed': return 'check_circle';
+            case 'error': return 'error';
+            case 'cancelled': return 'cancel';
+            default: return 'help';
+        }
+    }
+    /**
+     * Get status class
+     */
+    getStatusClass(status) {
+        switch (status) {
+            case 'pending': return 'status-pending';
+            case 'uploading': return 'status-uploading';
+            case 'completed': return 'status-completed';
+            case 'error': return 'status-error';
+            case 'cancelled': return 'status-cancelled';
+            default: return 'status-unknown';
+        }
+    }
+    /**
+     * Get file size display
+     */
+    getFileSizeDisplay(file) {
+        const bytes = file.size;
+        if (bytes === 0)
+            return '0 Bytes';
+        const k = 1024;
+        const sizes = ['Bytes', 'KB', 'MB', 'GB'];
+        const i = Math.floor(Math.log(bytes) / Math.log(k));
+        return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
+    }
+    /**
+     * Generate unique file ID - this should match the service's generateFileId method
+     * The service uses: ${file.name}_${file.size}_${Date.now()}
+     */
+    generateFileId(file) {
+        return `${file.name}_${file.size}_${Date.now()}`;
+    }
+    /**
+     * Convert IFileUploadRequest to FileUploadOptions
+     */
+    convertToFileUploadOptions(request) {
+        return {
+            altText: request.altText,
+            userId: request.userId,
+            permissions: request.permissions,
+            tags: request.tags,
+            groupId: request.groupId
+        };
+    }
+    /**
+     * Trigger file input click
+     */
+    triggerFileInput() {
+        const fileInput = document.getElementById('global-file-input');
+        if (fileInput) {
+            fileInput.click();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideEleGlobalFileUploaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: CideEleGlobalFileUploaderComponent, isStandalone: true, selector: "cide-ele-global-file-uploader", inputs: { userId: "userId", multiple: "multiple", accept: "accept", maxFileSize: "maxFileSize", allowedTypes: "allowedTypes" }, outputs: { uploadComplete: "uploadComplete", uploadError: "uploadError", uploadCancelled: "uploadCancelled", allUploadsComplete: "allUploadsComplete" }, ngImport: i0, template: "<!-- Global File Uploader Component -->\r\n<div class=\"global-file-uploader\">\r\n\r\n  <!-- Hidden file input -->\r\n  <input id=\"global-file-input\" type=\"file\" [multiple]=\"multiple\" [accept]=\"accept\" \r\n         (change)=\"onFileInputChange($event)\" style=\"display: none;\">\r\n\r\n  <!-- Drag and Drop Zone -->\r\n  <div class=\"upload-zone\" [class.drag-over]=\"isDragOver()\" (dragover)=\"onDragOver($event)\"\r\n    (dragleave)=\"onDragLeave($event)\" (drop)=\"onDrop($event)\" (click)=\"triggerFileInput()\">\r\n\r\n    <div class=\"upload-zone-content\">\r\n      <cide-ele-icon name=\"cloud_upload\" class=\"upload-icon\" size=\"lg\">\r\n      </cide-ele-icon>\r\n\r\n      <h3 class=\"upload-title\">\r\n        {{ isDragOver() ? 'Drop files here' : 'Upload Files' }}\r\n      </h3>\r\n\r\n      <p class=\"upload-subtitle\">\r\n        {{ isDragOver() ? 'Release to upload' : 'Drag and drop files here or click to browse' }}\r\n      </p>\r\n\r\n      <button cideEleButton cideEleButton variant=\"outline\" size=\"sm\"\r\n        (click)=\"triggerFileInput(); $event.stopPropagation()\">\r\n        <cide-ele-icon name=\"add\" size=\"sm\"></cide-ele-icon>\r\n        Choose Files\r\n      </button>\r\n    </div>\r\n  </div>\r\n\r\n  <!-- Upload Queue -->\r\n  @if (hasUploads()) {\r\n  <div class=\"upload-queue\">\r\n    <div class=\"queue-header\">\r\n      <h4 class=\"queue-title\">Upload Queue</h4>\r\n      <div class=\"queue-actions\">\r\n        @if (completedUploads().length > 0) {\r\n        <button cideEleButton variant=\"text\" size=\"sm\" (click)=\"clearCompleted()\">\r\n          Clear Completed\r\n        </button>\r\n        }\r\n        <button cideEleButton variant=\"text\" size=\"sm\" (click)=\"clearAll()\">\r\n          Clear All\r\n        </button>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"queue-items\">\r\n      @for (upload of uploadQueue(); track upload.fileId) {\r\n      <div class=\"upload-item\" [class]=\"getStatusClass(upload.status)\">\r\n\r\n        <!-- File Info -->\r\n        <div class=\"file-info\">\r\n          <cide-ele-icon class=\"status-icon\" size=\"sm\">\r\n            {{getStatusIcon(upload.status)}}\r\n          </cide-ele-icon>\r\n\r\n          <div class=\"file-details\">\r\n            <div class=\"file-name\">{{ upload.fileName }}</div>\r\n            @if (upload.file) {\r\n            <div class=\"file-size\">{{ getFileSizeDisplay(upload.file) }}</div>\r\n            }\r\n          </div>\r\n        </div>\r\n\r\n        <!-- Progress Bar -->\r\n        @if (upload.status === 'uploading') {\r\n        <div class=\"progress-container\">\r\n          <div class=\"progress-bar\">\r\n            <div class=\"progress-fill\" [style.width.%]=\"upload.progress\">\r\n            </div>\r\n          </div>\r\n          <span class=\"progress-text\">{{ upload.progress }}%</span>\r\n        </div>\r\n        }\r\n\r\n        <!-- Status Text -->\r\n        @if (upload.status !== 'uploading') {\r\n        <div class=\"status-text\">\r\n          @switch (upload.status) {\r\n          @case ('pending') {\r\n          <span class=\"text-yellow-600\">Waiting...</span>\r\n          }\r\n          @case ('completed') {\r\n          <span class=\"text-green-600\">Uploaded successfully</span>\r\n          }\r\n          @case ('error') {\r\n          <span class=\"text-red-600\">{{ upload.error || 'Upload failed' }}</span>\r\n          }\r\n          @case ('cancelled') {\r\n          <span class=\"text-gray-600\">Cancelled</span>\r\n          }\r\n          }\r\n        </div>\r\n        }\r\n\r\n        <!-- Actions -->\r\n        <div class=\"upload-actions\">\r\n          @switch (upload.status) {\r\n          @case ('pending') {\r\n          <button cideEleButton variant=\"text\" size=\"sm\" (click)=\"cancelUpload(upload.fileId)\">\r\n            <cide-ele-icon name=\"cancel\" size=\"xs\"></cide-ele-icon>\r\n          </button>\r\n          }\r\n          @case ('uploading') {\r\n          <button cideEleButton variant=\"text\" size=\"sm\" (click)=\"cancelUpload(upload.fileId)\">\r\n            <cide-ele-icon name=\"cancel\" size=\"xs\"></cide-ele-icon>\r\n          </button>\r\n          }\r\n          @case ('completed') {\r\n          <button cideEleButton variant=\"text\" size=\"sm\" (click)=\"removeUpload(upload.fileId)\">\r\n            <cide-ele-icon name=\"close\" size=\"xs\"></cide-ele-icon>\r\n          </button>\r\n          }\r\n          @case ('error') {\r\n          <button cideEleButton variant=\"text\" size=\"sm\" (click)=\"retryUpload(upload.fileId)\">\r\n            <cide-ele-icon name=\"refresh\" size=\"xs\"></cide-ele-icon>\r\n          </button>\r\n          <button cideEleButton variant=\"text\" size=\"sm\" (click)=\"removeUpload(upload.fileId)\">\r\n            <cide-ele-icon name=\"close\" size=\"xs\"></cide-ele-icon>\r\n          </button>\r\n          }\r\n          @case ('cancelled') {\r\n          <button cideEleButton variant=\"text\" size=\"sm\" (click)=\"removeUpload(upload.fileId)\">\r\n            <cide-ele-icon name=\"close\" size=\"xs\"></cide-ele-icon>\r\n          </button>\r\n          }\r\n          }\r\n        </div>\r\n      </div>\r\n      }\r\n    </div>\r\n\r\n    <!-- Queue Summary -->\r\n    <div class=\"queue-summary\">\r\n      <div class=\"summary-stats\">\r\n        <span class=\"stat\">\r\n          <cide-ele-icon name=\"schedule\" size=\"xs\"></cide-ele-icon>\r\n          {{ pendingUploads().length }} pending\r\n        </span>\r\n        <span class=\"stat\">\r\n          <cide-ele-icon name=\"cloud_upload\" size=\"xs\"></cide-ele-icon>\r\n          {{ activeUploads().length }} uploading\r\n        </span>\r\n        <span class=\"stat\">\r\n          <cide-ele-icon name=\"check_circle\" size=\"xs\"></cide-ele-icon>\r\n          {{ completedUploads().length }} completed\r\n        </span>\r\n        @if (failedUploads().length > 0) {\r\n        <span class=\"stat error\">\r\n          <cide-ele-icon name=\"error\" size=\"xs\"></cide-ele-icon>\r\n          {{ failedUploads().length }} failed\r\n        </span>\r\n        }\r\n      </div>\r\n    </div>\r\n  </div>\r\n  }\r\n</div>\r\n\r\n", styles: [".global-file-uploader{@apply tw-w-full tw-max-w-2xl tw-mx-auto tw-p-4;}.global-file-uploader .upload-zone{@apply tw-border-2 tw-border-dashed tw-border-gray-300 tw-rounded-lg tw-p-8 tw-text-center tw-cursor-pointer tw-transition-all tw-duration-200 tw-ease-in-out;@apply hover:tw-border-blue-400 hover:tw-bg-blue-50;}.global-file-uploader .upload-zone.drag-over{@apply tw-border-blue-500 tw-bg-blue-100 tw-scale-105;}.global-file-uploader .upload-zone .upload-zone-content{@apply tw-space-y-4;}.global-file-uploader .upload-zone .upload-zone-content .upload-icon{@apply tw-text-gray-400 tw-mx-auto;}.global-file-uploader .upload-zone .upload-zone-content .upload-title{@apply tw-text-xl tw-font-semibold tw-text-gray-700 tw-m-0;}.global-file-uploader .upload-zone .upload-zone-content .upload-subtitle{@apply tw-text-sm tw-text-gray-500 tw-m-0;}.global-file-uploader .upload-queue{@apply tw-mt-6 tw-bg-white tw-border tw-border-gray-200 tw-rounded-lg tw-shadow-sm;}.global-file-uploader .upload-queue .queue-header{@apply tw-flex tw-justify-between tw-items-center tw-p-4 tw-border-b tw-border-gray-200;}.global-file-uploader .upload-queue .queue-header .queue-title{@apply tw-text-lg tw-font-medium tw-text-gray-700 tw-m-0;}.global-file-uploader .upload-queue .queue-header .queue-actions{@apply tw-flex tw-space-x-2;}.global-file-uploader .upload-queue .queue-items{@apply tw-max-h-96 tw-overflow-y-auto;}.global-file-uploader .upload-queue .queue-items .upload-item{@apply tw-flex tw-items-center tw-justify-between tw-p-4 tw-border-b tw-border-gray-100 tw-transition-colors tw-duration-200;}.global-file-uploader .upload-queue .queue-items .upload-item:last-child{@apply tw-border-b-0;}.global-file-uploader .upload-queue .queue-items .upload-item.status-pending{@apply tw-bg-yellow-50;}.global-file-uploader .upload-queue .queue-items .upload-item.status-uploading{@apply tw-bg-blue-50;}.global-file-uploader .upload-queue .queue-items .upload-item.status-completed{@apply tw-bg-green-50;}.global-file-uploader .upload-queue .queue-items .upload-item.status-error{@apply tw-bg-red-50;}.global-file-uploader .upload-queue .queue-items .upload-item.status-cancelled{@apply tw-bg-gray-50;}.global-file-uploader .upload-queue .queue-items .upload-item .file-info{@apply tw-flex tw-items-center tw-flex-1 tw-min-w-0;}.global-file-uploader .upload-queue .queue-items .upload-item .file-info .status-icon{@apply tw-mr-3 tw-flex-shrink-0;}.global-file-uploader .upload-queue .queue-items .upload-item .file-info .file-details{@apply tw-min-w-0 tw-flex-1;}.global-file-uploader .upload-queue .queue-items .upload-item .file-info .file-details .file-name{@apply tw-text-sm tw-font-medium tw-text-gray-700 tw-truncate;}.global-file-uploader .upload-queue .queue-items .upload-item .file-info .file-details .file-size{@apply tw-text-xs tw-text-gray-500 tw-mt-1;}.global-file-uploader .upload-queue .queue-items .upload-item .progress-container{@apply tw-flex tw-items-center tw-space-x-3 tw-flex-1 tw-max-w-xs tw-mx-4;}.global-file-uploader .upload-queue .queue-items .upload-item .progress-container .progress-bar{@apply tw-flex-1 tw-h-2 tw-bg-gray-200 tw-rounded-full tw-overflow-hidden;}.global-file-uploader .upload-queue .queue-items .upload-item .progress-container .progress-bar .progress-fill{@apply tw-h-full tw-bg-blue-500 tw-transition-all tw-duration-300 tw-ease-out;}.global-file-uploader .upload-queue .queue-items .upload-item .progress-container .progress-text{@apply tw-text-xs tw-font-medium tw-text-gray-600 tw-min-w-12 tw-text-right;}.global-file-uploader .upload-queue .queue-items .upload-item .status-text{@apply tw-flex-1 tw-text-sm tw-text-center;}.global-file-uploader .upload-queue .queue-items .upload-item .status-text span{@apply tw-font-medium;}.global-file-uploader .upload-queue .queue-items .upload-item .upload-actions{@apply tw-flex tw-space-x-1 tw-ml-4;}.global-file-uploader .upload-queue .queue-summary{@apply tw-p-4 tw-bg-gray-50 tw-border-t tw-border-gray-200;}.global-file-uploader .upload-queue .queue-summary .summary-stats{@apply tw-flex tw-flex-wrap tw-gap-4 tw-text-sm tw-text-gray-600;}.global-file-uploader .upload-queue .queue-summary .summary-stats .stat{@apply tw-flex tw-items-center tw-space-x-1;}.global-file-uploader .upload-queue .queue-summary .summary-stats .stat.error{@apply tw-text-red-600;}@media (max-width: 640px){.global-file-uploader{@apply tw-p-2;}.global-file-uploader .upload-zone{@apply tw-p-6;}.global-file-uploader .upload-zone .upload-zone-content .upload-title{@apply tw-text-lg;}.global-file-uploader .upload-zone .upload-zone-content .upload-subtitle{@apply tw-text-xs;}.global-file-uploader .upload-queue .queue-header{@apply tw-p-3 tw-flex-col tw-space-y-2 tw-items-start;}.global-file-uploader .upload-queue .queue-header .queue-actions{@apply tw-w-full tw-justify-end;}.global-file-uploader .upload-queue .queue-items .upload-item{@apply tw-p-3 tw-flex-col tw-space-y-3 tw-items-start;}.global-file-uploader .upload-queue .queue-items .upload-item .file-info{@apply tw-w-full;}.global-file-uploader .upload-queue .queue-items .upload-item .progress-container{@apply tw-w-full tw-mx-0;}.global-file-uploader .upload-queue .queue-items .upload-item .status-text{@apply tw-w-full tw-text-left;}.global-file-uploader .upload-queue .queue-items .upload-item .upload-actions{@apply tw-w-full tw-justify-end tw-ml-0;}}@media (prefers-color-scheme: dark){.global-file-uploader .upload-zone{@apply tw-border-gray-600 hover:tw-border-blue-400 hover:tw-bg-gray-800;}.global-file-uploader .upload-zone.drag-over{@apply tw-bg-blue-900;}.global-file-uploader .upload-zone .upload-zone-content .upload-icon{@apply tw-text-gray-500;}.global-file-uploader .upload-zone .upload-zone-content .upload-title{@apply tw-text-gray-200;}.global-file-uploader .upload-zone .upload-zone-content .upload-subtitle{@apply tw-text-gray-400;}.global-file-uploader .upload-queue{@apply tw-bg-gray-800 tw-border-gray-700;}.global-file-uploader .upload-queue .queue-header{@apply tw-border-gray-700;}.global-file-uploader .upload-queue .queue-header .queue-title{@apply tw-text-gray-200;}.global-file-uploader .upload-queue .queue-items .upload-item{@apply tw-border-gray-700;}.global-file-uploader .upload-queue .queue-items .upload-item.status-pending{@apply tw-bg-yellow-900;}.global-file-uploader .upload-queue .queue-items .upload-item.status-uploading{@apply tw-bg-blue-900;}.global-file-uploader .upload-queue .queue-items .upload-item.status-completed{@apply tw-bg-green-900;}.global-file-uploader .upload-queue .queue-items .upload-item.status-error{@apply tw-bg-red-900;}.global-file-uploader .upload-queue .queue-items .upload-item.status-cancelled{@apply tw-bg-gray-700;}.global-file-uploader .upload-queue .queue-items .upload-item .file-info .file-details .file-name{@apply tw-text-gray-200;}.global-file-uploader .upload-queue .queue-items .upload-item .file-info .file-details .file-size{@apply tw-text-gray-400;}.global-file-uploader .upload-queue .queue-items .upload-item .progress-container .progress-bar{@apply tw-bg-gray-600;}.global-file-uploader .upload-queue .queue-items .upload-item .progress-container .progress-text{@apply tw-text-gray-300;}.global-file-uploader .upload-queue .queue-summary{@apply tw-bg-gray-700 tw-border-gray-600;}.global-file-uploader .upload-queue .queue-summary .summary-stats{@apply tw-text-gray-300;}.global-file-uploader .upload-queue .queue-summary .summary-stats .stat.error{@apply tw-text-red-400;}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: CideEleButtonComponent, selector: "button[cideEleButton], a[cideEleButton]", inputs: ["label", "variant", "size", "type", "shape", "elevation", "disabled", "id", "loading", "fullWidth", "leftIcon", "rightIcon", "customClass", "tooltip", "ariaLabel", "testId", "routerLink", "routerExtras", "preventDoubleClick", "animated"], outputs: ["btnClick", "doubleClick"] }, { kind: "component", type: CideIconComponent, selector: "cide-ele-icon", inputs: ["size", "type", "toolTip"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideEleGlobalFileUploaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cide-ele-global-file-uploader', standalone: true, imports: [
+                        CommonModule,
+                        CideEleButtonComponent,
+                        CideIconComponent
+                    ], template: "<!-- Global File Uploader Component -->\r\n<div class=\"global-file-uploader\">\r\n\r\n  <!-- Hidden file input -->\r\n  <input id=\"global-file-input\" type=\"file\" [multiple]=\"multiple\" [accept]=\"accept\" \r\n         (change)=\"onFileInputChange($event)\" style=\"display: none;\">\r\n\r\n  <!-- Drag and Drop Zone -->\r\n  <div class=\"upload-zone\" [class.drag-over]=\"isDragOver()\" (dragover)=\"onDragOver($event)\"\r\n    (dragleave)=\"onDragLeave($event)\" (drop)=\"onDrop($event)\" (click)=\"triggerFileInput()\">\r\n\r\n    <div class=\"upload-zone-content\">\r\n      <cide-ele-icon name=\"cloud_upload\" class=\"upload-icon\" size=\"lg\">\r\n      </cide-ele-icon>\r\n\r\n      <h3 class=\"upload-title\">\r\n        {{ isDragOver() ? 'Drop files here' : 'Upload Files' }}\r\n      </h3>\r\n\r\n      <p class=\"upload-subtitle\">\r\n        {{ isDragOver() ? 'Release to upload' : 'Drag and drop files here or click to browse' }}\r\n      </p>\r\n\r\n      <button cideEleButton cideEleButton variant=\"outline\" size=\"sm\"\r\n        (click)=\"triggerFileInput(); $event.stopPropagation()\">\r\n        <cide-ele-icon name=\"add\" size=\"sm\"></cide-ele-icon>\r\n        Choose Files\r\n      </button>\r\n    </div>\r\n  </div>\r\n\r\n  <!-- Upload Queue -->\r\n  @if (hasUploads()) {\r\n  <div class=\"upload-queue\">\r\n    <div class=\"queue-header\">\r\n      <h4 class=\"queue-title\">Upload Queue</h4>\r\n      <div class=\"queue-actions\">\r\n        @if (completedUploads().length > 0) {\r\n        <button cideEleButton variant=\"text\" size=\"sm\" (click)=\"clearCompleted()\">\r\n          Clear Completed\r\n        </button>\r\n        }\r\n        <button cideEleButton variant=\"text\" size=\"sm\" (click)=\"clearAll()\">\r\n          Clear All\r\n        </button>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"queue-items\">\r\n      @for (upload of uploadQueue(); track upload.fileId) {\r\n      <div class=\"upload-item\" [class]=\"getStatusClass(upload.status)\">\r\n\r\n        <!-- File Info -->\r\n        <div class=\"file-info\">\r\n          <cide-ele-icon class=\"status-icon\" size=\"sm\">\r\n            {{getStatusIcon(upload.status)}}\r\n          </cide-ele-icon>\r\n\r\n          <div class=\"file-details\">\r\n            <div class=\"file-name\">{{ upload.fileName }}</div>\r\n            @if (upload.file) {\r\n            <div class=\"file-size\">{{ getFileSizeDisplay(upload.file) }}</div>\r\n            }\r\n          </div>\r\n        </div>\r\n\r\n        <!-- Progress Bar -->\r\n        @if (upload.status === 'uploading') {\r\n        <div class=\"progress-container\">\r\n          <div class=\"progress-bar\">\r\n            <div class=\"progress-fill\" [style.width.%]=\"upload.progress\">\r\n            </div>\r\n          </div>\r\n          <span class=\"progress-text\">{{ upload.progress }}%</span>\r\n        </div>\r\n        }\r\n\r\n        <!-- Status Text -->\r\n        @if (upload.status !== 'uploading') {\r\n        <div class=\"status-text\">\r\n          @switch (upload.status) {\r\n          @case ('pending') {\r\n          <span class=\"text-yellow-600\">Waiting...</span>\r\n          }\r\n          @case ('completed') {\r\n          <span class=\"text-green-600\">Uploaded successfully</span>\r\n          }\r\n          @case ('error') {\r\n          <span class=\"text-red-600\">{{ upload.error || 'Upload failed' }}</span>\r\n          }\r\n          @case ('cancelled') {\r\n          <span class=\"text-gray-600\">Cancelled</span>\r\n          }\r\n          }\r\n        </div>\r\n        }\r\n\r\n        <!-- Actions -->\r\n        <div class=\"upload-actions\">\r\n          @switch (upload.status) {\r\n          @case ('pending') {\r\n          <button cideEleButton variant=\"text\" size=\"sm\" (click)=\"cancelUpload(upload.fileId)\">\r\n            <cide-ele-icon name=\"cancel\" size=\"xs\"></cide-ele-icon>\r\n          </button>\r\n          }\r\n          @case ('uploading') {\r\n          <button cideEleButton variant=\"text\" size=\"sm\" (click)=\"cancelUpload(upload.fileId)\">\r\n            <cide-ele-icon name=\"cancel\" size=\"xs\"></cide-ele-icon>\r\n          </button>\r\n          }\r\n          @case ('completed') {\r\n          <button cideEleButton variant=\"text\" size=\"sm\" (click)=\"removeUpload(upload.fileId)\">\r\n            <cide-ele-icon name=\"close\" size=\"xs\"></cide-ele-icon>\r\n          </button>\r\n          }\r\n          @case ('error') {\r\n          <button cideEleButton variant=\"text\" size=\"sm\" (click)=\"retryUpload(upload.fileId)\">\r\n            <cide-ele-icon name=\"refresh\" size=\"xs\"></cide-ele-icon>\r\n          </button>\r\n          <button cideEleButton variant=\"text\" size=\"sm\" (click)=\"removeUpload(upload.fileId)\">\r\n            <cide-ele-icon name=\"close\" size=\"xs\"></cide-ele-icon>\r\n          </button>\r\n          }\r\n          @case ('cancelled') {\r\n          <button cideEleButton variant=\"text\" size=\"sm\" (click)=\"removeUpload(upload.fileId)\">\r\n            <cide-ele-icon name=\"close\" size=\"xs\"></cide-ele-icon>\r\n          </button>\r\n          }\r\n          }\r\n        </div>\r\n      </div>\r\n      }\r\n    </div>\r\n\r\n    <!-- Queue Summary -->\r\n    <div class=\"queue-summary\">\r\n      <div class=\"summary-stats\">\r\n        <span class=\"stat\">\r\n          <cide-ele-icon name=\"schedule\" size=\"xs\"></cide-ele-icon>\r\n          {{ pendingUploads().length }} pending\r\n        </span>\r\n        <span class=\"stat\">\r\n          <cide-ele-icon name=\"cloud_upload\" size=\"xs\"></cide-ele-icon>\r\n          {{ activeUploads().length }} uploading\r\n        </span>\r\n        <span class=\"stat\">\r\n          <cide-ele-icon name=\"check_circle\" size=\"xs\"></cide-ele-icon>\r\n          {{ completedUploads().length }} completed\r\n        </span>\r\n        @if (failedUploads().length > 0) {\r\n        <span class=\"stat error\">\r\n          <cide-ele-icon name=\"error\" size=\"xs\"></cide-ele-icon>\r\n          {{ failedUploads().length }} failed\r\n        </span>\r\n        }\r\n      </div>\r\n    </div>\r\n  </div>\r\n  }\r\n</div>\r\n\r\n", styles: [".global-file-uploader{@apply tw-w-full tw-max-w-2xl tw-mx-auto tw-p-4;}.global-file-uploader .upload-zone{@apply tw-border-2 tw-border-dashed tw-border-gray-300 tw-rounded-lg tw-p-8 tw-text-center tw-cursor-pointer tw-transition-all tw-duration-200 tw-ease-in-out;@apply hover:tw-border-blue-400 hover:tw-bg-blue-50;}.global-file-uploader .upload-zone.drag-over{@apply tw-border-blue-500 tw-bg-blue-100 tw-scale-105;}.global-file-uploader .upload-zone .upload-zone-content{@apply tw-space-y-4;}.global-file-uploader .upload-zone .upload-zone-content .upload-icon{@apply tw-text-gray-400 tw-mx-auto;}.global-file-uploader .upload-zone .upload-zone-content .upload-title{@apply tw-text-xl tw-font-semibold tw-text-gray-700 tw-m-0;}.global-file-uploader .upload-zone .upload-zone-content .upload-subtitle{@apply tw-text-sm tw-text-gray-500 tw-m-0;}.global-file-uploader .upload-queue{@apply tw-mt-6 tw-bg-white tw-border tw-border-gray-200 tw-rounded-lg tw-shadow-sm;}.global-file-uploader .upload-queue .queue-header{@apply tw-flex tw-justify-between tw-items-center tw-p-4 tw-border-b tw-border-gray-200;}.global-file-uploader .upload-queue .queue-header .queue-title{@apply tw-text-lg tw-font-medium tw-text-gray-700 tw-m-0;}.global-file-uploader .upload-queue .queue-header .queue-actions{@apply tw-flex tw-space-x-2;}.global-file-uploader .upload-queue .queue-items{@apply tw-max-h-96 tw-overflow-y-auto;}.global-file-uploader .upload-queue .queue-items .upload-item{@apply tw-flex tw-items-center tw-justify-between tw-p-4 tw-border-b tw-border-gray-100 tw-transition-colors tw-duration-200;}.global-file-uploader .upload-queue .queue-items .upload-item:last-child{@apply tw-border-b-0;}.global-file-uploader .upload-queue .queue-items .upload-item.status-pending{@apply tw-bg-yellow-50;}.global-file-uploader .upload-queue .queue-items .upload-item.status-uploading{@apply tw-bg-blue-50;}.global-file-uploader .upload-queue .queue-items .upload-item.status-completed{@apply tw-bg-green-50;}.global-file-uploader .upload-queue .queue-items .upload-item.status-error{@apply tw-bg-red-50;}.global-file-uploader .upload-queue .queue-items .upload-item.status-cancelled{@apply tw-bg-gray-50;}.global-file-uploader .upload-queue .queue-items .upload-item .file-info{@apply tw-flex tw-items-center tw-flex-1 tw-min-w-0;}.global-file-uploader .upload-queue .queue-items .upload-item .file-info .status-icon{@apply tw-mr-3 tw-flex-shrink-0;}.global-file-uploader .upload-queue .queue-items .upload-item .file-info .file-details{@apply tw-min-w-0 tw-flex-1;}.global-file-uploader .upload-queue .queue-items .upload-item .file-info .file-details .file-name{@apply tw-text-sm tw-font-medium tw-text-gray-700 tw-truncate;}.global-file-uploader .upload-queue .queue-items .upload-item .file-info .file-details .file-size{@apply tw-text-xs tw-text-gray-500 tw-mt-1;}.global-file-uploader .upload-queue .queue-items .upload-item .progress-container{@apply tw-flex tw-items-center tw-space-x-3 tw-flex-1 tw-max-w-xs tw-mx-4;}.global-file-uploader .upload-queue .queue-items .upload-item .progress-container .progress-bar{@apply tw-flex-1 tw-h-2 tw-bg-gray-200 tw-rounded-full tw-overflow-hidden;}.global-file-uploader .upload-queue .queue-items .upload-item .progress-container .progress-bar .progress-fill{@apply tw-h-full tw-bg-blue-500 tw-transition-all tw-duration-300 tw-ease-out;}.global-file-uploader .upload-queue .queue-items .upload-item .progress-container .progress-text{@apply tw-text-xs tw-font-medium tw-text-gray-600 tw-min-w-12 tw-text-right;}.global-file-uploader .upload-queue .queue-items .upload-item .status-text{@apply tw-flex-1 tw-text-sm tw-text-center;}.global-file-uploader .upload-queue .queue-items .upload-item .status-text span{@apply tw-font-medium;}.global-file-uploader .upload-queue .queue-items .upload-item .upload-actions{@apply tw-flex tw-space-x-1 tw-ml-4;}.global-file-uploader .upload-queue .queue-summary{@apply tw-p-4 tw-bg-gray-50 tw-border-t tw-border-gray-200;}.global-file-uploader .upload-queue .queue-summary .summary-stats{@apply tw-flex tw-flex-wrap tw-gap-4 tw-text-sm tw-text-gray-600;}.global-file-uploader .upload-queue .queue-summary .summary-stats .stat{@apply tw-flex tw-items-center tw-space-x-1;}.global-file-uploader .upload-queue .queue-summary .summary-stats .stat.error{@apply tw-text-red-600;}@media (max-width: 640px){.global-file-uploader{@apply tw-p-2;}.global-file-uploader .upload-zone{@apply tw-p-6;}.global-file-uploader .upload-zone .upload-zone-content .upload-title{@apply tw-text-lg;}.global-file-uploader .upload-zone .upload-zone-content .upload-subtitle{@apply tw-text-xs;}.global-file-uploader .upload-queue .queue-header{@apply tw-p-3 tw-flex-col tw-space-y-2 tw-items-start;}.global-file-uploader .upload-queue .queue-header .queue-actions{@apply tw-w-full tw-justify-end;}.global-file-uploader .upload-queue .queue-items .upload-item{@apply tw-p-3 tw-flex-col tw-space-y-3 tw-items-start;}.global-file-uploader .upload-queue .queue-items .upload-item .file-info{@apply tw-w-full;}.global-file-uploader .upload-queue .queue-items .upload-item .progress-container{@apply tw-w-full tw-mx-0;}.global-file-uploader .upload-queue .queue-items .upload-item .status-text{@apply tw-w-full tw-text-left;}.global-file-uploader .upload-queue .queue-items .upload-item .upload-actions{@apply tw-w-full tw-justify-end tw-ml-0;}}@media (prefers-color-scheme: dark){.global-file-uploader .upload-zone{@apply tw-border-gray-600 hover:tw-border-blue-400 hover:tw-bg-gray-800;}.global-file-uploader .upload-zone.drag-over{@apply tw-bg-blue-900;}.global-file-uploader .upload-zone .upload-zone-content .upload-icon{@apply tw-text-gray-500;}.global-file-uploader .upload-zone .upload-zone-content .upload-title{@apply tw-text-gray-200;}.global-file-uploader .upload-zone .upload-zone-content .upload-subtitle{@apply tw-text-gray-400;}.global-file-uploader .upload-queue{@apply tw-bg-gray-800 tw-border-gray-700;}.global-file-uploader .upload-queue .queue-header{@apply tw-border-gray-700;}.global-file-uploader .upload-queue .queue-header .queue-title{@apply tw-text-gray-200;}.global-file-uploader .upload-queue .queue-items .upload-item{@apply tw-border-gray-700;}.global-file-uploader .upload-queue .queue-items .upload-item.status-pending{@apply tw-bg-yellow-900;}.global-file-uploader .upload-queue .queue-items .upload-item.status-uploading{@apply tw-bg-blue-900;}.global-file-uploader .upload-queue .queue-items .upload-item.status-completed{@apply tw-bg-green-900;}.global-file-uploader .upload-queue .queue-items .upload-item.status-error{@apply tw-bg-red-900;}.global-file-uploader .upload-queue .queue-items .upload-item.status-cancelled{@apply tw-bg-gray-700;}.global-file-uploader .upload-queue .queue-items .upload-item .file-info .file-details .file-name{@apply tw-text-gray-200;}.global-file-uploader .upload-queue .queue-items .upload-item .file-info .file-details .file-size{@apply tw-text-gray-400;}.global-file-uploader .upload-queue .queue-items .upload-item .progress-container .progress-bar{@apply tw-bg-gray-600;}.global-file-uploader .upload-queue .queue-items .upload-item .progress-container .progress-text{@apply tw-text-gray-300;}.global-file-uploader .upload-queue .queue-summary{@apply tw-bg-gray-700 tw-border-gray-600;}.global-file-uploader .upload-queue .queue-summary .summary-stats{@apply tw-text-gray-300;}.global-file-uploader .upload-queue .queue-summary .summary-stats .stat.error{@apply tw-text-red-400;}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { userId: [{
+                type: Input
+            }], multiple: [{
+                type: Input
+            }], accept: [{
+                type: Input
+            }], maxFileSize: [{
+                type: Input
+            }], allowedTypes: [{
+                type: Input
+            }], uploadComplete: [{
+                type: Output
+            }], uploadError: [{
+                type: Output
+            }], uploadCancelled: [{
+                type: Output
+            }], allUploadsComplete: [{
+                type: Output
+            }] } });
+
 class CideTextareaComponent {
     label = '';
     labelHide = false;
@@ -7189,7 +7675,7 @@ class CideCoreFileManagerService {
         formData.append('altText', request.altText || '');
         formData.append('tags', JSON.stringify(request.tags || []));
         formData.append('permissions', JSON.stringify(request.permissions || []));
-        formData.append('userId', request.userId);
+        formData.append('userId', request.userId || '');
         const url = cidePath?.join([hostManagerRoutesUrl?.cideSuiteHost, coreRoutesUrl?.module, coreRoutesUrl?.fileManager, 'upload']);
         const req = new HttpRequest('POST', url, formData, {
             reportProgress: true
@@ -8260,5 +8746,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { CideCoreFileManagerService, CideEleButtonComponent, CideEleConfirmationModalComponent, CideEleDataGridComponent, CideEleDropdownComponent, CideEleFileImageDirective, CideEleFileInputComponent, CideEleFileManagerService, CideEleGlobalNotificationsComponent, CideEleJsonEditorComponent, CideEleResizerDirective, CideEleSkeletonLoaderComponent, CideEleTabComponent, CideEleToastNotificationComponent, CideElementsService, CideIconComponent, CideInputComponent, CideSelectComponent, CideSelectOptionComponent, CideSpinnerComponent, CideTextareaComponent, ConfirmationService, CoreFileManagerInsertUpdatePayload, DEFAULT_GRID_CONFIG, DropdownManagerService, ICoreCyfmSave, MFileManager, NotificationService, TooltipDirective };
+export { CideCoreFileManagerService, CideEleButtonComponent, CideEleConfirmationModalComponent, CideEleDataGridComponent, CideEleDropdownComponent, CideEleFileImageDirective, CideEleFileInputComponent, CideEleFileManagerService, CideEleGlobalFileUploaderComponent, CideEleGlobalNotificationsComponent, CideEleJsonEditorComponent, CideEleResizerDirective, CideEleSkeletonLoaderComponent, CideEleTabComponent, CideEleToastNotificationComponent, CideElementsService, CideIconComponent, CideInputComponent, CideSelectComponent, CideSelectOptionComponent, CideSpinnerComponent, CideTextareaComponent, ConfirmationService, CoreFileManagerInsertUpdatePayload, DEFAULT_GRID_CONFIG, DropdownManagerService, ICoreCyfmSave, MFileManager, NotificationService, TooltipDirective };
 //# sourceMappingURL=cloud-ide-element.mjs.map