cloud-ide-element 1.0.116 → 1.0.119

package/fesm2022/cloud-ide-element.mjs

@@ -3385,6 +3385,7 @@ class CideEleFloatingContainerService {
     activeComponents = new Map();
     constructor(injector) {
         this.injector = injector;
+        // Keyboard shortcuts are now handled by FloatingContainerShortcutsService
     }
     // Computed properties
     visibleContainers = computed(() => Array.from(this.containers().values()).filter(container => container.isVisible), ...(ngDevMode ? [{ debugName: "visibleContainers" }] : []));
@@ -3394,7 +3395,9 @@ class CideEleFloatingContainerService {
     show(config) {
         const containerId = config.id || this.generateId();
         const instanceId = this.generateInstanceId(config.componentId || 'default');
-        const zIndex = this.nextZIndex();
+        // Get the highest z-index and add 1 to bring new container to front
+        const maxZIndex = this.getMaxZIndex();
+        const zIndex = maxZIndex + 1;
         const now = new Date();
         const container = {
             id: containerId,
@@ -3427,40 +3430,64 @@ class CideEleFloatingContainerService {
             return newContainers;
         });
     }
-    minimize(containerId) {
+    /**
+     * Get the maximum z-index among all visible containers
+     */
+    getMaxZIndex() {
+        const containers = this.containers();
+        let maxZIndex = 1000; // Base z-index
+        for (const container of containers.values()) {
+            if (container.isVisible && container.zIndex > maxZIndex) {
+                maxZIndex = container.zIndex;
+            }
+        }
+        return maxZIndex;
+    }
+    /**
+     * Bring a container to the front (highest z-index)
+     */
+    bringToFront(containerId) {
+        const maxZIndex = this.getMaxZIndex();
+        const newZIndex = maxZIndex + 1;
+        console.log(`🎯 [FloatingContainer] Bringing container '${containerId}' to front`);
+        console.log(`🎯 [FloatingContainer] Current max z-index: ${maxZIndex}, new z-index: ${newZIndex}`);
         this.containers.update(containers => {
             const newContainers = new Map(containers);
             const container = newContainers.get(containerId);
             if (container) {
-                container.isMinimized = !container.isMinimized;
+                const oldZIndex = container.zIndex;
+                container.zIndex = newZIndex;
+                container.lastAccessed = new Date();
                 newContainers.set(containerId, container);
+                console.log(`🎯 [FloatingContainer] Container '${containerId}' z-index updated: ${oldZIndex} → ${newZIndex}`);
+            }
+            else {
+                console.warn(`⚠️ [FloatingContainer] Container '${containerId}' not found!`);
             }
             return newContainers;
         });
     }
-    maximize(containerId) {
+    minimize(containerId) {
         this.containers.update(containers => {
             const newContainers = new Map(containers);
             const container = newContainers.get(containerId);
             if (container) {
-                container.isMaximized = !container.isMaximized;
+                container.isMinimized = !container.isMinimized;
                 newContainers.set(containerId, container);
             }
             return newContainers;
         });
     }
-    bringToFront(containerId) {
-        const zIndex = this.nextZIndex();
+    maximize(containerId) {
         this.containers.update(containers => {
             const newContainers = new Map(containers);
             const container = newContainers.get(containerId);
             if (container) {
-                container.zIndex = zIndex;
+                container.isMaximized = !container.isMaximized;
                 newContainers.set(containerId, container);
             }
             return newContainers;
         });
-        this.nextZIndex.update(z => z + 1);
     }
     getContainer(containerId) {
         return this.containers().get(containerId);
@@ -3678,6 +3705,35 @@ class CideEleFloatingContainerService {
             return container?.isMaximized || false;
         });
     }
+    getZIndexSignal(containerId) {
+        return computed(() => {
+            const container = this.getContainer(containerId);
+            const zIndex = container?.zIndex || 1000;
+            console.log(`🎯 [FloatingContainer] Z-index signal for '${containerId}': ${zIndex}`);
+            return zIndex;
+        });
+    }
+    /**
+     * Set z-index for a specific container
+     */
+    setZIndex(containerId, zIndex) {
+        console.log(`🎯 [FloatingContainer] Setting z-index for '${containerId}' to ${zIndex}`);
+        this.containers.update(containers => {
+            const newContainers = new Map(containers);
+            const container = newContainers.get(containerId);
+            if (container) {
+                const oldZIndex = container.zIndex;
+                container.zIndex = zIndex;
+                container.lastAccessed = new Date();
+                newContainers.set(containerId, container);
+                console.log(`🎯 [FloatingContainer] Container '${containerId}' z-index updated: ${oldZIndex} → ${zIndex}`);
+            }
+            else {
+                console.warn(`⚠️ [FloatingContainer] Container '${containerId}' not found for z-index update!`);
+            }
+            return newContainers;
+        });
+    }
     /**
      * Get visible signal for a container
      */
@@ -4932,8 +4988,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
 class CideEleFloatingFileUploaderComponent {
     destroyRef = inject(DestroyRef);
     fileManagerService = inject(CideEleFileManagerService);
+    // Input data from floating container
+    data = {};
     // Signals for reactive state
-    isVisible = signal(false, ...(ngDevMode ? [{ debugName: "isVisible" }] : []));
+    isVisible = signal(true, ...(ngDevMode ? [{ debugName: "isVisible" }] : [])); // Set to true by default for floating containers
     isMinimized = signal(false, ...(ngDevMode ? [{ debugName: "isMinimized" }] : []));
     currentUserId = signal('', ...(ngDevMode ? [{ debugName: "currentUserId" }] : []));
     currentGroupId = signal(null, ...(ngDevMode ? [{ debugName: "currentGroupId" }] : []));
@@ -5015,6 +5073,8 @@ class CideEleFloatingFileUploaderComponent {
         });
     }
     ngOnInit() {
+        // Initialize with input data
+        this.initializeWithData();
         // Set up drag and drop listeners
         this.setupDragAndDrop();
         // Set up file input change listeners
@@ -5022,6 +5082,39 @@ class CideEleFloatingFileUploaderComponent {
         // Set up window resize listener
         this.setupWindowResize();
     }
+    initializeWithData() {
+        console.log('🚀 [FloatingFileUploader] Initializing with data:', this.data);
+        // Set user ID if provided
+        if (this.data.userId) {
+            this.currentUserId.set(this.data.userId);
+            console.log('👤 [FloatingFileUploader] User ID set:', this.data.userId);
+        }
+        // Set group ID if provided
+        if (this.data.groupId) {
+            this.currentGroupId.set(this.data.groupId);
+            console.log('🆔 [FloatingFileUploader] Group ID set:', this.data.groupId);
+            // Load existing files for this group
+            this.loadExistingFiles();
+        }
+        // Set visibility to true when component loads
+        this.isVisible.set(true);
+    }
+    loadExistingFiles() {
+        const groupId = this.currentGroupId();
+        if (!groupId)
+            return;
+        console.log('📁 [FloatingFileUploader] Loading existing files for group:', groupId);
+        this.fileManagerService.fetchAndStoreFilesByGroupId(groupId)
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: (files) => {
+                console.log('📋 [FloatingFileUploader] Files loaded:', files.length);
+            },
+            error: (error) => {
+                console.error('❌ [FloatingFileUploader] Failed to load files:', error);
+            }
+        });
+    }
     ngOnDestroy() {
         console.log('🧹 [FloatingFileUploader] Component destroyed');
         this.removeDragAndDropListeners();
@@ -5468,7 +5561,7 @@ class CideEleFloatingFileUploaderComponent {
         }, 100);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideEleFloatingFileUploaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: CideEleFloatingFileUploaderComponent, isStandalone: true, selector: "cide-ele-floating-file-uploader", ngImport: i0, template: "<!-- Floating File Uploader Container -->\n@if (isVisible()) {\n<div class=\"floating-uploader\" \n     [class.minimized]=\"isMinimized()\" \n     [class.animating]=\"isAnimating()\"\n     [style.left.px]=\"position().x\"\n     [style.top.px]=\"position().y\">\n\n  <!-- Header (Draggable) -->\n  <div class=\"uploader-header draggable-header\"\n       (mousedown)=\"startDrag($event)\"\n       (touchstart)=\"startDrag($event)\">\n    <div class=\"header-left\">\n      <div class=\"upload-icon\">\n        <cide-ele-icon size=\"sm\">cloud_upload</cide-ele-icon>\n      </div>\n      <div class=\"upload-info\">\n        <div class=\"upload-title\">File Upload</div>\n        <div class=\"upload-summary\">{{ getUploadSummary() }}</div>\n      </div>\n    </div>\n    \n    <div class=\"header-actions\">\n      <button class=\"action-btn minimize-btn\" (click)=\"toggleMinimize()\" [title]=\"isMinimized() ? 'Expand' : 'Minimize'\">\n        <cide-ele-icon size=\"xs\">{{ isMinimized() ? 'expand_more' : 'expand_less' }}</cide-ele-icon>\n      </button>\n      <button class=\"action-btn close-btn\" (click)=\"close()\" title=\"Close\">\n        <cide-ele-icon size=\"xs\">close</cide-ele-icon>\n      </button>\n    </div>\n  </div>\n\n  <!-- Content (hidden when minimized) -->\n  @if (!isMinimized()) {\n  <div class=\"uploader-content\">\n    \n    <!-- Drag and Drop Zone -->\n    <div class=\"upload-zone\" \n         [class.drag-over]=\"isDragOver()\" \n         (dragover)=\"onDragOver($event)\"\n         (dragleave)=\"onDragLeave($event)\" \n         (drop)=\"onDrop($event)\" \n         (click)=\"triggerFileInput()\">\n      \n      <!-- Hidden file input -->\n      <input #fileInput \n             type=\"file\" \n             [multiple]=\"true\" \n             [accept]=\"'*/*'\" \n             (change)=\"onFileInputChange($event)\" \n             style=\"display: none;\">\n      \n      <div class=\"upload-zone-content\">\n        <cide-ele-icon class=\"upload-icon\" size=\"sm\">cloud_upload</cide-ele-icon>\n        \n        <div class=\"upload-text\">\n          <div class=\"upload-title\">\n            {{ isDragOver() ? 'Drop files here' : 'Drag files here or click to browse' }}\n          </div>\n        </div>\n      </div>\n    </div>\n    \n    <!-- Upload Queue - Show files from service state -->\n    @if (allFilesForGroup().length > 0) {\n    <div class=\"upload-queue\">\n      <!-- Show all files from service state -->\n      @for (file of allFilesForGroup(); track file.fileId) {\n      <div class=\"upload-item\" [class]=\"getStatusClass(file.stage)\">\n        <div class=\"file-info\">\n          <cide-ele-icon class=\"status-icon\" size=\"xs\">{{ getStatusIcon(file.stage) }}</cide-ele-icon>\n          <div class=\"file-details\">\n            <div class=\"file-name\">{{ file.fileName }}</div>\n            <div class=\"file-status\">\n              @switch (file.stage) {\n              @case ('pending') {\n              <span class=\"text-yellow-600\">Waiting...</span>\n              }\n              @case ('reading') {\n              <span class=\"text-yellow-600\">Reading...</span>\n              }\n              @case ('uploading') {\n              <span class=\"text-blue-600\">Uploading...</span>\n              }\n              @case ('complete') {\n              <span class=\"text-green-600\">Completed</span>\n              }\n              @case ('error') {\n              <span class=\"text-red-600\">Failed</span>\n              }\n              }\n            </div>\n          </div>\n        </div>\n\n        <!-- Progress Bar (only for uploading files) -->\n        @if (file.stage === 'uploading' && file.percentage !== undefined) {\n        <div class=\"file-progress\">\n          <div class=\"progress-bar\">\n            <div class=\"progress-fill\" [style.width.%]=\"file.percentage\"></div>\n          </div>\n          <span class=\"progress-text\">{{ file.percentage }}%</span>\n        </div>\n        }\n\n        <!-- Actions -->\n        <div class=\"upload-actions\">\n          @switch (file.stage) {\n          @case ('pending') {\n          <button class=\"action-btn cancel-btn\" (click)=\"cancelUpload(file.fileId)\" title=\"Cancel\">\n            <cide-ele-icon size=\"xs\">cancel</cide-ele-icon>\n          </button>\n          }\n          @case ('reading') {\n          <button class=\"action-btn cancel-btn\" (click)=\"cancelUpload(file.fileId)\" title=\"Cancel\">\n            <cide-ele-icon size=\"xs\">cancel</cide-ele-icon>\n          </button>\n          }\n          @case ('uploading') {\n          <button class=\"action-btn cancel-btn\" (click)=\"cancelUpload(file.fileId)\" title=\"Cancel\">\n            <cide-ele-icon size=\"xs\">cancel</cide-ele-icon>\n          </button>\n          }\n          @case ('complete') {\n          <button class=\"action-btn success-btn\" title=\"Completed\">\n            <cide-ele-icon size=\"xs\">check_circle</cide-ele-icon>\n          </button>\n          }\n          @case ('error') {\n          <button class=\"action-btn retry-btn\" title=\"Retry\">\n            <cide-ele-icon size=\"xs\">refresh</cide-ele-icon>\n          </button>\n          }\n          }\n        </div>\n      </div>\n      }\n    </div>\n    } @else {\n    <!-- No uploads message when manually opened -->\n    <div class=\"no-uploads-message\">\n      <div class=\"message-content\">\n        <cide-ele-icon size=\"md\" class=\"message-icon\">cloud_upload</cide-ele-icon>\n        <div class=\"message-text\">\n          <h4>No active uploads</h4>\n          <p>Upload files to see their progress here</p>\n        </div>\n      </div>\n    </div>\n    }\n  </div>\n  }\n</div>\n}\n", styles: [".floating-uploader{position:fixed;width:320px;max-height:500px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001f;border:1px solid rgba(0,0,0,.08);z-index:1000;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateY(0);opacity:1}.floating-uploader.animating{transition:all .3s cubic-bezier(.4,0,.2,1)}.floating-uploader.minimized .uploader-content{display:none}.floating-uploader.minimized .uploader-footer{border-top:none}.floating-uploader.uploading{border-color:#3b82f6;box-shadow:0 8px 32px #3b82f626}.floating-uploader .uploader-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.floating-uploader .uploader-header.draggable-header{cursor:move;-webkit-user-select:none;user-select:none}.floating-uploader .uploader-header.draggable-header:hover{background:#f1f5f9}.floating-uploader .uploader-header.draggable-header:active{background:#e2e8f0;cursor:grabbing}.floating-uploader .uploader-header .header-left{display:flex;align-items:center;gap:8px}.floating-uploader .uploader-header .header-left .upload-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#3b82f6;border-radius:6px;color:#fff}.floating-uploader .uploader-header .header-left .upload-info .upload-title{font-size:14px;font-weight:600;color:#1e293b;margin:0}.floating-uploader .uploader-header .header-left .upload-info .upload-summary{font-size:12px;color:#64748b;margin:0}.floating-uploader .uploader-header .header-actions{display:flex;gap:4px}.floating-uploader .uploader-header .header-actions .action-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;border-radius:4px;cursor:pointer;transition:background-color .2s;color:#64748b}.floating-uploader .uploader-header .header-actions .action-btn:hover{background:#e2e8f0;color:#1e293b}.floating-uploader .uploader-header .header-actions .action-btn.close-btn:hover{background:#fef2f2;color:#dc2626}.floating-uploader .uploader-content{max-height:400px;overflow-y:auto}.floating-uploader .uploader-content .upload-zone{margin:8px 16px;padding:12px;border:2px dashed #d1d5db;border-radius:6px;background:#f9fafb;cursor:pointer;transition:all .2s ease;text-align:center}.floating-uploader .uploader-content .upload-zone:hover{border-color:#3b82f6;background:#f0f9ff}.floating-uploader .uploader-content .upload-zone.drag-over{border-color:#3b82f6;background:#dbeafe;transform:scale(1.01)}.floating-uploader .uploader-content .upload-zone .upload-zone-content{display:flex;flex-direction:column;align-items:center;gap:6px}.floating-uploader .uploader-content .upload-zone .upload-zone-content .upload-icon{color:#6b7280;transition:color .2s ease}.floating-uploader .uploader-content .upload-zone .upload-zone-content .upload-text .upload-title{font-size:13px;font-weight:500;color:#374151;margin:0;line-height:1.2}.floating-uploader .uploader-content .upload-zone:hover .upload-zone-content .upload-icon{color:#3b82f6}.floating-uploader .uploader-content .upload-zone.drag-over .upload-zone-content .upload-icon{color:#1d4ed8}.floating-uploader .uploader-content .upload-queue .upload-item{display:flex;align-items:center;padding:8px 16px;border-bottom:1px solid #f1f5f9;transition:background-color .2s}.floating-uploader .uploader-content .upload-queue .upload-item:last-child{border-bottom:none}.floating-uploader .uploader-content .upload-queue .upload-item.status-uploading{background:#f0f9ff}.floating-uploader .uploader-content .upload-queue .upload-item.status-completed{background:#f0fdf4}.floating-uploader .uploader-content .upload-queue .upload-item.status-error{background:#fef2f2}.floating-uploader .uploader-content .upload-queue .upload-item .file-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.floating-uploader .uploader-content .upload-queue .upload-item .file-info .status-icon{flex-shrink:0}.floating-uploader .uploader-content .upload-queue .upload-item .file-info .file-details{min-width:0;flex:1}.floating-uploader .uploader-content .upload-queue .upload-item .file-info .file-details .file-name{font-size:13px;font-weight:500;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.floating-uploader .uploader-content .upload-queue .upload-item .file-info .file-details .file-status{font-size:11px;margin:0}.floating-uploader .uploader-content .upload-queue .upload-item .file-info .file-details .file-status span{font-weight:500}.floating-uploader .uploader-content .upload-queue .upload-item .file-progress{display:flex;align-items:center;gap:8px;margin:0 8px;min-width:80px}.floating-uploader .uploader-content .upload-queue .upload-item .file-progress .progress-bar{flex:1;height:3px;background:#e2e8f0;border-radius:2px;overflow:hidden}.floating-uploader .uploader-content .upload-queue .upload-item .file-progress .progress-bar .progress-fill{height:100%;background:#3b82f6;transition:width .3s ease}.floating-uploader .uploader-content .upload-queue .upload-item .file-progress .progress-text{font-size:10px;color:#64748b;min-width:24px;text-align:right}.floating-uploader .uploader-content .upload-queue .upload-item .upload-actions{display:flex;gap:4px}.floating-uploader .uploader-content .upload-queue .upload-item .upload-actions .action-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:transparent;border-radius:4px;cursor:pointer;transition:all .2s;color:#64748b}.floating-uploader .uploader-content .upload-queue .upload-item .upload-actions .action-btn:hover{background:#e2e8f0}.floating-uploader .uploader-content .upload-queue .upload-item .upload-actions .action-btn.cancel-btn:hover{background:#fef2f2;color:#dc2626}.floating-uploader .uploader-content .upload-queue .upload-item .upload-actions .action-btn.retry-btn:hover{background:#f0f9ff;color:#3b82f6}.floating-uploader .uploader-content .upload-queue .upload-item .upload-actions .action-btn.success-btn{color:#16a34a}.floating-uploader .uploader-content .hidden-uploader{display:none}.floating-uploader .uploader-footer{padding:8px 16px;background:#f8fafc;border-top:1px solid #e2e8f0}.floating-uploader .uploader-footer .footer-stats{display:flex;gap:12px;font-size:11px}.floating-uploader .uploader-footer .footer-stats .stat{display:flex;align-items:center;gap:4px;color:#64748b}.floating-uploader .uploader-footer .footer-stats .stat.uploading{color:#3b82f6}.floating-uploader .uploader-footer .footer-stats .stat.completed{color:#16a34a}.floating-uploader .uploader-footer .footer-stats .stat.failed{color:#dc2626}@media (max-width: 640px){.floating-uploader{bottom:10px;right:10px;left:10px;width:auto;max-width:none}}@media (prefers-color-scheme: dark){.floating-uploader{background:#1e293b;border-color:#334155;box-shadow:0 8px 32px #0000004d}.floating-uploader.uploading{border-color:#3b82f6;box-shadow:0 8px 32px #3b82f633}.floating-uploader .uploader-header{background:#334155;border-bottom-color:#475569}.floating-uploader .uploader-header.draggable-header:hover{background:#475569}.floating-uploader .uploader-header.draggable-header:active{background:#64748b}.floating-uploader .uploader-header .header-left .upload-icon{background:#3b82f6}.floating-uploader .uploader-header .header-left .upload-info .upload-title{color:#f1f5f9}.floating-uploader .uploader-header .header-left .upload-info .upload-summary,.floating-uploader .uploader-header .header-actions .action-btn{color:#94a3b8}.floating-uploader .uploader-header .header-actions .action-btn:hover{background:#475569;color:#f1f5f9}.floating-uploader .uploader-header .header-actions .action-btn.close-btn:hover{background:#7f1d1d;color:#fca5a5}.floating-uploader .uploader-content .upload-zone{border-color:#475569;background:#334155}.floating-uploader .uploader-content .upload-zone:hover{border-color:#3b82f6;background:#1e3a8a}.floating-uploader .uploader-content .upload-zone.drag-over{border-color:#60a5fa;background:#1e40af}.floating-uploader .uploader-content .upload-zone .upload-zone-content .upload-icon{color:#94a3b8}.floating-uploader .uploader-content .upload-zone .upload-zone-content .upload-text .upload-title{color:#f1f5f9}.floating-uploader .uploader-content .upload-zone:hover .upload-zone-content .upload-icon{color:#60a5fa}.floating-uploader .uploader-content .upload-zone.drag-over .upload-zone-content .upload-icon{color:#93c5fd}.floating-uploader .uploader-content .upload-queue .upload-item{border-bottom-color:#334155}.floating-uploader .uploader-content .upload-queue .upload-item.status-uploading{background:#1e3a8a}.floating-uploader .uploader-content .upload-queue .upload-item.status-completed{background:#14532d}.floating-uploader .uploader-content .upload-queue .upload-item.status-error{background:#7f1d1d}.floating-uploader .uploader-content .upload-queue .upload-item .file-info .file-details .file-name{color:#f1f5f9}.floating-uploader .uploader-content .upload-queue .upload-item .file-progress .progress-bar{background:#475569}.floating-uploader .uploader-content .upload-queue .upload-item .file-progress .progress-bar .progress-fill{background:#3b82f6}.floating-uploader .uploader-content .upload-queue .upload-item .file-progress .progress-text,.floating-uploader .uploader-content .upload-queue .upload-item .upload-actions .action-btn{color:#94a3b8}.floating-uploader .uploader-content .upload-queue .upload-item .upload-actions .action-btn:hover{background:#475569}.floating-uploader .uploader-content .upload-queue .upload-item .upload-actions .action-btn.cancel-btn:hover{background:#7f1d1d;color:#fca5a5}.floating-uploader .uploader-content .upload-queue .upload-item .upload-actions .action-btn.retry-btn:hover{background:#1e3a8a;color:#60a5fa}.floating-uploader .uploader-content .upload-queue .upload-item .upload-actions .action-btn.success-btn{color:#4ade80}.floating-uploader .uploader-footer{background:#334155;border-top-color:#475569}.floating-uploader .uploader-footer .footer-stats .stat{color:#94a3b8}.floating-uploader .uploader-footer .footer-stats .stat.uploading{color:#60a5fa}.floating-uploader .uploader-footer .footer-stats .stat.completed{color:#4ade80}.floating-uploader .uploader-footer .footer-stats .stat.failed{color:#fca5a5}}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOutDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.floating-uploader.animating{animation:slideInUp .3s cubic-bezier(.4,0,.2,1)}.floating-uploader.animating.hiding{animation:slideOutDown .3s cubic-bezier(.4,0,.2,1)}.no-uploads-message{padding:2rem;text-align:center;color:#6b7280}.no-uploads-message .message-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.no-uploads-message .message-content .message-icon{color:#9ca3af;opacity:.7}.no-uploads-message .message-content .message-text h4{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:#374151}.no-uploads-message .message-content .message-text p{margin:0;font-size:.9rem;color:#6b7280}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: CideIconComponent, selector: "cide-ele-icon", inputs: ["size", "type", "toolTip"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: CideEleFloatingFileUploaderComponent, isStandalone: true, selector: "cide-ele-floating-file-uploader", inputs: { data: "data" }, ngImport: i0, template: "<!-- Floating File Uploader Container -->\n@if (isVisible()) {\n<div class=\"floating-uploader\" \n     [class.minimized]=\"isMinimized()\" \n     [class.animating]=\"isAnimating()\"\n     [style.left.px]=\"position().x\"\n     [style.top.px]=\"position().y\">\n\n  <!-- Header (Draggable) -->\n  <div class=\"uploader-header draggable-header\"\n       (mousedown)=\"startDrag($event)\"\n       (touchstart)=\"startDrag($event)\">\n    <div class=\"header-left\">\n      <div class=\"upload-icon\">\n        <cide-ele-icon size=\"sm\">cloud_upload</cide-ele-icon>\n      </div>\n      <div class=\"upload-info\">\n        <div class=\"upload-title\">File Upload</div>\n        <div class=\"upload-summary\">{{ getUploadSummary() }}</div>\n      </div>\n    </div>\n    \n    <div class=\"header-actions\">\n      <button class=\"action-btn minimize-btn\" (click)=\"toggleMinimize()\" [title]=\"isMinimized() ? 'Expand' : 'Minimize'\">\n        <cide-ele-icon size=\"xs\">{{ isMinimized() ? 'expand_more' : 'expand_less' }}</cide-ele-icon>\n      </button>\n      <button class=\"action-btn close-btn\" (click)=\"close()\" title=\"Close\">\n        <cide-ele-icon size=\"xs\">close</cide-ele-icon>\n      </button>\n    </div>\n  </div>\n\n  <!-- Content (hidden when minimized) -->\n  @if (!isMinimized()) {\n  <div class=\"uploader-content\">\n    \n    <!-- Drag and Drop Zone -->\n    <div class=\"upload-zone\" \n         [class.drag-over]=\"isDragOver()\" \n         (dragover)=\"onDragOver($event)\"\n         (dragleave)=\"onDragLeave($event)\" \n         (drop)=\"onDrop($event)\" \n         (click)=\"triggerFileInput()\">\n      \n      <!-- Hidden file input -->\n      <input #fileInput \n             type=\"file\" \n             [multiple]=\"true\" \n             [accept]=\"'*/*'\" \n             (change)=\"onFileInputChange($event)\" \n             style=\"display: none;\">\n      \n      <div class=\"upload-zone-content\">\n        <cide-ele-icon class=\"upload-icon\" size=\"sm\">cloud_upload</cide-ele-icon>\n        \n        <div class=\"upload-text\">\n          <div class=\"upload-title\">\n            {{ isDragOver() ? 'Drop files here' : 'Drag files here or click to browse' }}\n          </div>\n        </div>\n      </div>\n    </div>\n    \n    <!-- Upload Queue - Show files from service state -->\n    @if (allFilesForGroup().length > 0) {\n    <div class=\"upload-queue\">\n      <!-- Show all files from service state -->\n      @for (file of allFilesForGroup(); track file.fileId) {\n      <div class=\"upload-item\" [class]=\"getStatusClass(file.stage)\">\n        <div class=\"file-info\">\n          <cide-ele-icon class=\"status-icon\" size=\"xs\">{{ getStatusIcon(file.stage) }}</cide-ele-icon>\n          <div class=\"file-details\">\n            <div class=\"file-name\">{{ file.fileName }}</div>\n            <div class=\"file-status\">\n              @switch (file.stage) {\n              @case ('pending') {\n              <span class=\"text-yellow-600\">Waiting...</span>\n              }\n              @case ('reading') {\n              <span class=\"text-yellow-600\">Reading...</span>\n              }\n              @case ('uploading') {\n              <span class=\"text-blue-600\">Uploading...</span>\n              }\n              @case ('complete') {\n              <span class=\"text-green-600\">Completed</span>\n              }\n              @case ('error') {\n              <span class=\"text-red-600\">Failed</span>\n              }\n              }\n            </div>\n          </div>\n        </div>\n\n        <!-- Progress Bar (only for uploading files) -->\n        @if (file.stage === 'uploading' && file.percentage !== undefined) {\n        <div class=\"file-progress\">\n          <div class=\"progress-bar\">\n            <div class=\"progress-fill\" [style.width.%]=\"file.percentage\"></div>\n          </div>\n          <span class=\"progress-text\">{{ file.percentage }}%</span>\n        </div>\n        }\n\n        <!-- Actions -->\n        <div class=\"upload-actions\">\n          @switch (file.stage) {\n          @case ('pending') {\n          <button class=\"action-btn cancel-btn\" (click)=\"cancelUpload(file.fileId)\" title=\"Cancel\">\n            <cide-ele-icon size=\"xs\">cancel</cide-ele-icon>\n          </button>\n          }\n          @case ('reading') {\n          <button class=\"action-btn cancel-btn\" (click)=\"cancelUpload(file.fileId)\" title=\"Cancel\">\n            <cide-ele-icon size=\"xs\">cancel</cide-ele-icon>\n          </button>\n          }\n          @case ('uploading') {\n          <button class=\"action-btn cancel-btn\" (click)=\"cancelUpload(file.fileId)\" title=\"Cancel\">\n            <cide-ele-icon size=\"xs\">cancel</cide-ele-icon>\n          </button>\n          }\n          @case ('complete') {\n          <button class=\"action-btn success-btn\" title=\"Completed\">\n            <cide-ele-icon size=\"xs\">check_circle</cide-ele-icon>\n          </button>\n          }\n          @case ('error') {\n          <button class=\"action-btn retry-btn\" title=\"Retry\">\n            <cide-ele-icon size=\"xs\">refresh</cide-ele-icon>\n          </button>\n          }\n          }\n        </div>\n      </div>\n      }\n    </div>\n    } @else {\n    <!-- No uploads message when manually opened -->\n    <div class=\"no-uploads-message\">\n      <div class=\"message-content\">\n        <cide-ele-icon size=\"md\" class=\"message-icon\">cloud_upload</cide-ele-icon>\n        <div class=\"message-text\">\n          <h4>No active uploads</h4>\n          <p>Upload files to see their progress here</p>\n        </div>\n      </div>\n    </div>\n    }\n  </div>\n  }\n</div>\n}\n", styles: [".floating-uploader{position:fixed;width:320px;max-height:500px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001f;border:1px solid rgba(0,0,0,.08);z-index:1000;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateY(0);opacity:1}.floating-uploader.animating{transition:all .3s cubic-bezier(.4,0,.2,1)}.floating-uploader.minimized .uploader-content{display:none}.floating-uploader.minimized .uploader-footer{border-top:none}.floating-uploader.uploading{border-color:#3b82f6;box-shadow:0 8px 32px #3b82f626}.floating-uploader .uploader-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.floating-uploader .uploader-header.draggable-header{cursor:move;-webkit-user-select:none;user-select:none}.floating-uploader .uploader-header.draggable-header:hover{background:#f1f5f9}.floating-uploader .uploader-header.draggable-header:active{background:#e2e8f0;cursor:grabbing}.floating-uploader .uploader-header .header-left{display:flex;align-items:center;gap:8px}.floating-uploader .uploader-header .header-left .upload-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#3b82f6;border-radius:6px;color:#fff}.floating-uploader .uploader-header .header-left .upload-info .upload-title{font-size:14px;font-weight:600;color:#1e293b;margin:0}.floating-uploader .uploader-header .header-left .upload-info .upload-summary{font-size:12px;color:#64748b;margin:0}.floating-uploader .uploader-header .header-actions{display:flex;gap:4px}.floating-uploader .uploader-header .header-actions .action-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;border-radius:4px;cursor:pointer;transition:background-color .2s;color:#64748b}.floating-uploader .uploader-header .header-actions .action-btn:hover{background:#e2e8f0;color:#1e293b}.floating-uploader .uploader-header .header-actions .action-btn.close-btn:hover{background:#fef2f2;color:#dc2626}.floating-uploader .uploader-content{max-height:400px;overflow-y:auto}.floating-uploader .uploader-content .upload-zone{margin:8px 16px;padding:12px;border:2px dashed #d1d5db;border-radius:6px;background:#f9fafb;cursor:pointer;transition:all .2s ease;text-align:center}.floating-uploader .uploader-content .upload-zone:hover{border-color:#3b82f6;background:#f0f9ff}.floating-uploader .uploader-content .upload-zone.drag-over{border-color:#3b82f6;background:#dbeafe;transform:scale(1.01)}.floating-uploader .uploader-content .upload-zone .upload-zone-content{display:flex;flex-direction:column;align-items:center;gap:6px}.floating-uploader .uploader-content .upload-zone .upload-zone-content .upload-icon{color:#6b7280;transition:color .2s ease}.floating-uploader .uploader-content .upload-zone .upload-zone-content .upload-text .upload-title{font-size:13px;font-weight:500;color:#374151;margin:0;line-height:1.2}.floating-uploader .uploader-content .upload-zone:hover .upload-zone-content .upload-icon{color:#3b82f6}.floating-uploader .uploader-content .upload-zone.drag-over .upload-zone-content .upload-icon{color:#1d4ed8}.floating-uploader .uploader-content .upload-queue .upload-item{display:flex;align-items:center;padding:8px 16px;border-bottom:1px solid #f1f5f9;transition:background-color .2s}.floating-uploader .uploader-content .upload-queue .upload-item:last-child{border-bottom:none}.floating-uploader .uploader-content .upload-queue .upload-item.status-uploading{background:#f0f9ff}.floating-uploader .uploader-content .upload-queue .upload-item.status-completed{background:#f0fdf4}.floating-uploader .uploader-content .upload-queue .upload-item.status-error{background:#fef2f2}.floating-uploader .uploader-content .upload-queue .upload-item .file-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.floating-uploader .uploader-content .upload-queue .upload-item .file-info .status-icon{flex-shrink:0}.floating-uploader .uploader-content .upload-queue .upload-item .file-info .file-details{min-width:0;flex:1}.floating-uploader .uploader-content .upload-queue .upload-item .file-info .file-details .file-name{font-size:13px;font-weight:500;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.floating-uploader .uploader-content .upload-queue .upload-item .file-info .file-details .file-status{font-size:11px;margin:0}.floating-uploader .uploader-content .upload-queue .upload-item .file-info .file-details .file-status span{font-weight:500}.floating-uploader .uploader-content .upload-queue .upload-item .file-progress{display:flex;align-items:center;gap:8px;margin:0 8px;min-width:80px}.floating-uploader .uploader-content .upload-queue .upload-item .file-progress .progress-bar{flex:1;height:3px;background:#e2e8f0;border-radius:2px;overflow:hidden}.floating-uploader .uploader-content .upload-queue .upload-item .file-progress .progress-bar .progress-fill{height:100%;background:#3b82f6;transition:width .3s ease}.floating-uploader .uploader-content .upload-queue .upload-item .file-progress .progress-text{font-size:10px;color:#64748b;min-width:24px;text-align:right}.floating-uploader .uploader-content .upload-queue .upload-item .upload-actions{display:flex;gap:4px}.floating-uploader .uploader-content .upload-queue .upload-item .upload-actions .action-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:transparent;border-radius:4px;cursor:pointer;transition:all .2s;color:#64748b}.floating-uploader .uploader-content .upload-queue .upload-item .upload-actions .action-btn:hover{background:#e2e8f0}.floating-uploader .uploader-content .upload-queue .upload-item .upload-actions .action-btn.cancel-btn:hover{background:#fef2f2;color:#dc2626}.floating-uploader .uploader-content .upload-queue .upload-item .upload-actions .action-btn.retry-btn:hover{background:#f0f9ff;color:#3b82f6}.floating-uploader .uploader-content .upload-queue .upload-item .upload-actions .action-btn.success-btn{color:#16a34a}.floating-uploader .uploader-content .hidden-uploader{display:none}.floating-uploader .uploader-footer{padding:8px 16px;background:#f8fafc;border-top:1px solid #e2e8f0}.floating-uploader .uploader-footer .footer-stats{display:flex;gap:12px;font-size:11px}.floating-uploader .uploader-footer .footer-stats .stat{display:flex;align-items:center;gap:4px;color:#64748b}.floating-uploader .uploader-footer .footer-stats .stat.uploading{color:#3b82f6}.floating-uploader .uploader-footer .footer-stats .stat.completed{color:#16a34a}.floating-uploader .uploader-footer .footer-stats .stat.failed{color:#dc2626}@media (max-width: 640px){.floating-uploader{bottom:10px;right:10px;left:10px;width:auto;max-width:none}}@media (prefers-color-scheme: dark){.floating-uploader{background:#1e293b;border-color:#334155;box-shadow:0 8px 32px #0000004d}.floating-uploader.uploading{border-color:#3b82f6;box-shadow:0 8px 32px #3b82f633}.floating-uploader .uploader-header{background:#334155;border-bottom-color:#475569}.floating-uploader .uploader-header.draggable-header:hover{background:#475569}.floating-uploader .uploader-header.draggable-header:active{background:#64748b}.floating-uploader .uploader-header .header-left .upload-icon{background:#3b82f6}.floating-uploader .uploader-header .header-left .upload-info .upload-title{color:#f1f5f9}.floating-uploader .uploader-header .header-left .upload-info .upload-summary,.floating-uploader .uploader-header .header-actions .action-btn{color:#94a3b8}.floating-uploader .uploader-header .header-actions .action-btn:hover{background:#475569;color:#f1f5f9}.floating-uploader .uploader-header .header-actions .action-btn.close-btn:hover{background:#7f1d1d;color:#fca5a5}.floating-uploader .uploader-content .upload-zone{border-color:#475569;background:#334155}.floating-uploader .uploader-content .upload-zone:hover{border-color:#3b82f6;background:#1e3a8a}.floating-uploader .uploader-content .upload-zone.drag-over{border-color:#60a5fa;background:#1e40af}.floating-uploader .uploader-content .upload-zone .upload-zone-content .upload-icon{color:#94a3b8}.floating-uploader .uploader-content .upload-zone .upload-zone-content .upload-text .upload-title{color:#f1f5f9}.floating-uploader .uploader-content .upload-zone:hover .upload-zone-content .upload-icon{color:#60a5fa}.floating-uploader .uploader-content .upload-zone.drag-over .upload-zone-content .upload-icon{color:#93c5fd}.floating-uploader .uploader-content .upload-queue .upload-item{border-bottom-color:#334155}.floating-uploader .uploader-content .upload-queue .upload-item.status-uploading{background:#1e3a8a}.floating-uploader .uploader-content .upload-queue .upload-item.status-completed{background:#14532d}.floating-uploader .uploader-content .upload-queue .upload-item.status-error{background:#7f1d1d}.floating-uploader .uploader-content .upload-queue .upload-item .file-info .file-details .file-name{color:#f1f5f9}.floating-uploader .uploader-content .upload-queue .upload-item .file-progress .progress-bar{background:#475569}.floating-uploader .uploader-content .upload-queue .upload-item .file-progress .progress-bar .progress-fill{background:#3b82f6}.floating-uploader .uploader-content .upload-queue .upload-item .file-progress .progress-text,.floating-uploader .uploader-content .upload-queue .upload-item .upload-actions .action-btn{color:#94a3b8}.floating-uploader .uploader-content .upload-queue .upload-item .upload-actions .action-btn:hover{background:#475569}.floating-uploader .uploader-content .upload-queue .upload-item .upload-actions .action-btn.cancel-btn:hover{background:#7f1d1d;color:#fca5a5}.floating-uploader .uploader-content .upload-queue .upload-item .upload-actions .action-btn.retry-btn:hover{background:#1e3a8a;color:#60a5fa}.floating-uploader .uploader-content .upload-queue .upload-item .upload-actions .action-btn.success-btn{color:#4ade80}.floating-uploader .uploader-footer{background:#334155;border-top-color:#475569}.floating-uploader .uploader-footer .footer-stats .stat{color:#94a3b8}.floating-uploader .uploader-footer .footer-stats .stat.uploading{color:#60a5fa}.floating-uploader .uploader-footer .footer-stats .stat.completed{color:#4ade80}.floating-uploader .uploader-footer .footer-stats .stat.failed{color:#fca5a5}}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOutDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.floating-uploader.animating{animation:slideInUp .3s cubic-bezier(.4,0,.2,1)}.floating-uploader.animating.hiding{animation:slideOutDown .3s cubic-bezier(.4,0,.2,1)}.no-uploads-message{padding:2rem;text-align:center;color:#6b7280}.no-uploads-message .message-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.no-uploads-message .message-content .message-icon{color:#9ca3af;opacity:.7}.no-uploads-message .message-content .message-text h4{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:#374151}.no-uploads-message .message-content .message-text p{margin:0;font-size:.9rem;color:#6b7280}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: CideEleFloatingFileUploaderComponent, decorators: [{
             type: Component,
@@ -5476,7 +5569,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
                         CommonModule,
                         CideIconComponent
                     ], template: "<!-- Floating File Uploader Container -->\n@if (isVisible()) {\n<div class=\"floating-uploader\" \n     [class.minimized]=\"isMinimized()\" \n     [class.animating]=\"isAnimating()\"\n     [style.left.px]=\"position().x\"\n     [style.top.px]=\"position().y\">\n\n  <!-- Header (Draggable) -->\n  <div class=\"uploader-header draggable-header\"\n       (mousedown)=\"startDrag($event)\"\n       (touchstart)=\"startDrag($event)\">\n    <div class=\"header-left\">\n      <div class=\"upload-icon\">\n        <cide-ele-icon size=\"sm\">cloud_upload</cide-ele-icon>\n      </div>\n      <div class=\"upload-info\">\n        <div class=\"upload-title\">File Upload</div>\n        <div class=\"upload-summary\">{{ getUploadSummary() }}</div>\n      </div>\n    </div>\n    \n    <div class=\"header-actions\">\n      <button class=\"action-btn minimize-btn\" (click)=\"toggleMinimize()\" [title]=\"isMinimized() ? 'Expand' : 'Minimize'\">\n        <cide-ele-icon size=\"xs\">{{ isMinimized() ? 'expand_more' : 'expand_less' }}</cide-ele-icon>\n      </button>\n      <button class=\"action-btn close-btn\" (click)=\"close()\" title=\"Close\">\n        <cide-ele-icon size=\"xs\">close</cide-ele-icon>\n      </button>\n    </div>\n  </div>\n\n  <!-- Content (hidden when minimized) -->\n  @if (!isMinimized()) {\n  <div class=\"uploader-content\">\n    \n    <!-- Drag and Drop Zone -->\n    <div class=\"upload-zone\" \n         [class.drag-over]=\"isDragOver()\" \n         (dragover)=\"onDragOver($event)\"\n         (dragleave)=\"onDragLeave($event)\" \n         (drop)=\"onDrop($event)\" \n         (click)=\"triggerFileInput()\">\n      \n      <!-- Hidden file input -->\n      <input #fileInput \n             type=\"file\" \n             [multiple]=\"true\" \n             [accept]=\"'*/*'\" \n             (change)=\"onFileInputChange($event)\" \n             style=\"display: none;\">\n      \n      <div class=\"upload-zone-content\">\n        <cide-ele-icon class=\"upload-icon\" size=\"sm\">cloud_upload</cide-ele-icon>\n        \n        <div class=\"upload-text\">\n          <div class=\"upload-title\">\n            {{ isDragOver() ? 'Drop files here' : 'Drag files here or click to browse' }}\n          </div>\n        </div>\n      </div>\n    </div>\n    \n    <!-- Upload Queue - Show files from service state -->\n    @if (allFilesForGroup().length > 0) {\n    <div class=\"upload-queue\">\n      <!-- Show all files from service state -->\n      @for (file of allFilesForGroup(); track file.fileId) {\n      <div class=\"upload-item\" [class]=\"getStatusClass(file.stage)\">\n        <div class=\"file-info\">\n          <cide-ele-icon class=\"status-icon\" size=\"xs\">{{ getStatusIcon(file.stage) }}</cide-ele-icon>\n          <div class=\"file-details\">\n            <div class=\"file-name\">{{ file.fileName }}</div>\n            <div class=\"file-status\">\n              @switch (file.stage) {\n              @case ('pending') {\n              <span class=\"text-yellow-600\">Waiting...</span>\n              }\n              @case ('reading') {\n              <span class=\"text-yellow-600\">Reading...</span>\n              }\n              @case ('uploading') {\n              <span class=\"text-blue-600\">Uploading...</span>\n              }\n              @case ('complete') {\n              <span class=\"text-green-600\">Completed</span>\n              }\n              @case ('error') {\n              <span class=\"text-red-600\">Failed</span>\n              }\n              }\n            </div>\n          </div>\n        </div>\n\n        <!-- Progress Bar (only for uploading files) -->\n        @if (file.stage === 'uploading' && file.percentage !== undefined) {\n        <div class=\"file-progress\">\n          <div class=\"progress-bar\">\n            <div class=\"progress-fill\" [style.width.%]=\"file.percentage\"></div>\n          </div>\n          <span class=\"progress-text\">{{ file.percentage }}%</span>\n        </div>\n        }\n\n        <!-- Actions -->\n        <div class=\"upload-actions\">\n          @switch (file.stage) {\n          @case ('pending') {\n          <button class=\"action-btn cancel-btn\" (click)=\"cancelUpload(file.fileId)\" title=\"Cancel\">\n            <cide-ele-icon size=\"xs\">cancel</cide-ele-icon>\n          </button>\n          }\n          @case ('reading') {\n          <button class=\"action-btn cancel-btn\" (click)=\"cancelUpload(file.fileId)\" title=\"Cancel\">\n            <cide-ele-icon size=\"xs\">cancel</cide-ele-icon>\n          </button>\n          }\n          @case ('uploading') {\n          <button class=\"action-btn cancel-btn\" (click)=\"cancelUpload(file.fileId)\" title=\"Cancel\">\n            <cide-ele-icon size=\"xs\">cancel</cide-ele-icon>\n          </button>\n          }\n          @case ('complete') {\n          <button class=\"action-btn success-btn\" title=\"Completed\">\n            <cide-ele-icon size=\"xs\">check_circle</cide-ele-icon>\n          </button>\n          }\n          @case ('error') {\n          <button class=\"action-btn retry-btn\" title=\"Retry\">\n            <cide-ele-icon size=\"xs\">refresh</cide-ele-icon>\n          </button>\n          }\n          }\n        </div>\n      </div>\n      }\n    </div>\n    } @else {\n    <!-- No uploads message when manually opened -->\n    <div class=\"no-uploads-message\">\n      <div class=\"message-content\">\n        <cide-ele-icon size=\"md\" class=\"message-icon\">cloud_upload</cide-ele-icon>\n        <div class=\"message-text\">\n          <h4>No active uploads</h4>\n          <p>Upload files to see their progress here</p>\n        </div>\n      </div>\n    </div>\n    }\n  </div>\n  }\n</div>\n}\n", styles: [".floating-uploader{position:fixed;width:320px;max-height:500px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001f;border:1px solid rgba(0,0,0,.08);z-index:1000;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateY(0);opacity:1}.floating-uploader.animating{transition:all .3s cubic-bezier(.4,0,.2,1)}.floating-uploader.minimized .uploader-content{display:none}.floating-uploader.minimized .uploader-footer{border-top:none}.floating-uploader.uploading{border-color:#3b82f6;box-shadow:0 8px 32px #3b82f626}.floating-uploader .uploader-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.floating-uploader .uploader-header.draggable-header{cursor:move;-webkit-user-select:none;user-select:none}.floating-uploader .uploader-header.draggable-header:hover{background:#f1f5f9}.floating-uploader .uploader-header.draggable-header:active{background:#e2e8f0;cursor:grabbing}.floating-uploader .uploader-header .header-left{display:flex;align-items:center;gap:8px}.floating-uploader .uploader-header .header-left .upload-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#3b82f6;border-radius:6px;color:#fff}.floating-uploader .uploader-header .header-left .upload-info .upload-title{font-size:14px;font-weight:600;color:#1e293b;margin:0}.floating-uploader .uploader-header .header-left .upload-info .upload-summary{font-size:12px;color:#64748b;margin:0}.floating-uploader .uploader-header .header-actions{display:flex;gap:4px}.floating-uploader .uploader-header .header-actions .action-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;border-radius:4px;cursor:pointer;transition:background-color .2s;color:#64748b}.floating-uploader .uploader-header .header-actions .action-btn:hover{background:#e2e8f0;color:#1e293b}.floating-uploader .uploader-header .header-actions .action-btn.close-btn:hover{background:#fef2f2;color:#dc2626}.floating-uploader .uploader-content{max-height:400px;overflow-y:auto}.floating-uploader .uploader-content .upload-zone{margin:8px 16px;padding:12px;border:2px dashed #d1d5db;border-radius:6px;background:#f9fafb;cursor:pointer;transition:all .2s ease;text-align:center}.floating-uploader .uploader-content .upload-zone:hover{border-color:#3b82f6;background:#f0f9ff}.floating-uploader .uploader-content .upload-zone.drag-over{border-color:#3b82f6;background:#dbeafe;transform:scale(1.01)}.floating-uploader .uploader-content .upload-zone .upload-zone-content{display:flex;flex-direction:column;align-items:center;gap:6px}.floating-uploader .uploader-content .upload-zone .upload-zone-content .upload-icon{color:#6b7280;transition:color .2s ease}.floating-uploader .uploader-content .upload-zone .upload-zone-content .upload-text .upload-title{font-size:13px;font-weight:500;color:#374151;margin:0;line-height:1.2}.floating-uploader .uploader-content .upload-zone:hover .upload-zone-content .upload-icon{color:#3b82f6}.floating-uploader .uploader-content .upload-zone.drag-over .upload-zone-content .upload-icon{color:#1d4ed8}.floating-uploader .uploader-content .upload-queue .upload-item{display:flex;align-items:center;padding:8px 16px;border-bottom:1px solid #f1f5f9;transition:background-color .2s}.floating-uploader .uploader-content .upload-queue .upload-item:last-child{border-bottom:none}.floating-uploader .uploader-content .upload-queue .upload-item.status-uploading{background:#f0f9ff}.floating-uploader .uploader-content .upload-queue .upload-item.status-completed{background:#f0fdf4}.floating-uploader .uploader-content .upload-queue .upload-item.status-error{background:#fef2f2}.floating-uploader .uploader-content .upload-queue .upload-item .file-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.floating-uploader .uploader-content .upload-queue .upload-item .file-info .status-icon{flex-shrink:0}.floating-uploader .uploader-content .upload-queue .upload-item .file-info .file-details{min-width:0;flex:1}.floating-uploader .uploader-content .upload-queue .upload-item .file-info .file-details .file-name{font-size:13px;font-weight:500;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.floating-uploader .uploader-content .upload-queue .upload-item .file-info .file-details .file-status{font-size:11px;margin:0}.floating-uploader .uploader-content .upload-queue .upload-item .file-info .file-details .file-status span{font-weight:500}.floating-uploader .uploader-content .upload-queue .upload-item .file-progress{display:flex;align-items:center;gap:8px;margin:0 8px;min-width:80px}.floating-uploader .uploader-content .upload-queue .upload-item .file-progress .progress-bar{flex:1;height:3px;background:#e2e8f0;border-radius:2px;overflow:hidden}.floating-uploader .uploader-content .upload-queue .upload-item .file-progress .progress-bar .progress-fill{height:100%;background:#3b82f6;transition:width .3s ease}.floating-uploader .uploader-content .upload-queue .upload-item .file-progress .progress-text{font-size:10px;color:#64748b;min-width:24px;text-align:right}.floating-uploader .uploader-content .upload-queue .upload-item .upload-actions{display:flex;gap:4px}.floating-uploader .uploader-content .upload-queue .upload-item .upload-actions .action-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:transparent;border-radius:4px;cursor:pointer;transition:all .2s;color:#64748b}.floating-uploader .uploader-content .upload-queue .upload-item .upload-actions .action-btn:hover{background:#e2e8f0}.floating-uploader .uploader-content .upload-queue .upload-item .upload-actions .action-btn.cancel-btn:hover{background:#fef2f2;color:#dc2626}.floating-uploader .uploader-content .upload-queue .upload-item .upload-actions .action-btn.retry-btn:hover{background:#f0f9ff;color:#3b82f6}.floating-uploader .uploader-content .upload-queue .upload-item .upload-actions .action-btn.success-btn{color:#16a34a}.floating-uploader .uploader-content .hidden-uploader{display:none}.floating-uploader .uploader-footer{padding:8px 16px;background:#f8fafc;border-top:1px solid #e2e8f0}.floating-uploader .uploader-footer .footer-stats{display:flex;gap:12px;font-size:11px}.floating-uploader .uploader-footer .footer-stats .stat{display:flex;align-items:center;gap:4px;color:#64748b}.floating-uploader .uploader-footer .footer-stats .stat.uploading{color:#3b82f6}.floating-uploader .uploader-footer .footer-stats .stat.completed{color:#16a34a}.floating-uploader .uploader-footer .footer-stats .stat.failed{color:#dc2626}@media (max-width: 640px){.floating-uploader{bottom:10px;right:10px;left:10px;width:auto;max-width:none}}@media (prefers-color-scheme: dark){.floating-uploader{background:#1e293b;border-color:#334155;box-shadow:0 8px 32px #0000004d}.floating-uploader.uploading{border-color:#3b82f6;box-shadow:0 8px 32px #3b82f633}.floating-uploader .uploader-header{background:#334155;border-bottom-color:#475569}.floating-uploader .uploader-header.draggable-header:hover{background:#475569}.floating-uploader .uploader-header.draggable-header:active{background:#64748b}.floating-uploader .uploader-header .header-left .upload-icon{background:#3b82f6}.floating-uploader .uploader-header .header-left .upload-info .upload-title{color:#f1f5f9}.floating-uploader .uploader-header .header-left .upload-info .upload-summary,.floating-uploader .uploader-header .header-actions .action-btn{color:#94a3b8}.floating-uploader .uploader-header .header-actions .action-btn:hover{background:#475569;color:#f1f5f9}.floating-uploader .uploader-header .header-actions .action-btn.close-btn:hover{background:#7f1d1d;color:#fca5a5}.floating-uploader .uploader-content .upload-zone{border-color:#475569;background:#334155}.floating-uploader .uploader-content .upload-zone:hover{border-color:#3b82f6;background:#1e3a8a}.floating-uploader .uploader-content .upload-zone.drag-over{border-color:#60a5fa;background:#1e40af}.floating-uploader .uploader-content .upload-zone .upload-zone-content .upload-icon{color:#94a3b8}.floating-uploader .uploader-content .upload-zone .upload-zone-content .upload-text .upload-title{color:#f1f5f9}.floating-uploader .uploader-content .upload-zone:hover .upload-zone-content .upload-icon{color:#60a5fa}.floating-uploader .uploader-content .upload-zone.drag-over .upload-zone-content .upload-icon{color:#93c5fd}.floating-uploader .uploader-content .upload-queue .upload-item{border-bottom-color:#334155}.floating-uploader .uploader-content .upload-queue .upload-item.status-uploading{background:#1e3a8a}.floating-uploader .uploader-content .upload-queue .upload-item.status-completed{background:#14532d}.floating-uploader .uploader-content .upload-queue .upload-item.status-error{background:#7f1d1d}.floating-uploader .uploader-content .upload-queue .upload-item .file-info .file-details .file-name{color:#f1f5f9}.floating-uploader .uploader-content .upload-queue .upload-item .file-progress .progress-bar{background:#475569}.floating-uploader .uploader-content .upload-queue .upload-item .file-progress .progress-bar .progress-fill{background:#3b82f6}.floating-uploader .uploader-content .upload-queue .upload-item .file-progress .progress-text,.floating-uploader .uploader-content .upload-queue .upload-item .upload-actions .action-btn{color:#94a3b8}.floating-uploader .uploader-content .upload-queue .upload-item .upload-actions .action-btn:hover{background:#475569}.floating-uploader .uploader-content .upload-queue .upload-item .upload-actions .action-btn.cancel-btn:hover{background:#7f1d1d;color:#fca5a5}.floating-uploader .uploader-content .upload-queue .upload-item .upload-actions .action-btn.retry-btn:hover{background:#1e3a8a;color:#60a5fa}.floating-uploader .uploader-content .upload-queue .upload-item .upload-actions .action-btn.success-btn{color:#4ade80}.floating-uploader .uploader-footer{background:#334155;border-top-color:#475569}.floating-uploader .uploader-footer .footer-stats .stat{color:#94a3b8}.floating-uploader .uploader-footer .footer-stats .stat.uploading{color:#60a5fa}.floating-uploader .uploader-footer .footer-stats .stat.completed{color:#4ade80}.floating-uploader .uploader-footer .footer-stats .stat.failed{color:#fca5a5}}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOutDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.floating-uploader.animating{animation:slideInUp .3s cubic-bezier(.4,0,.2,1)}.floating-uploader.animating.hiding{animation:slideOutDown .3s cubic-bezier(.4,0,.2,1)}.no-uploads-message{padding:2rem;text-align:center;color:#6b7280}.no-uploads-message .message-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.no-uploads-message .message-content .message-icon{color:#9ca3af;opacity:.7}.no-uploads-message .message-content .message-text h4{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:#374151}.no-uploads-message .message-content .message-text p{margin:0;font-size:.9rem;color:#6b7280}\n"] }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { data: [{
+                type: Input
+            }] } });
 
 var floatingFileUploader_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -5632,6 +5727,510 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
                 type: Output
             }] } });
 
+class KeyboardShortcutService {
+    shortcuts = new Map();
+    overrides = new Map();
+    keydownListener;
+    constructor() {
+        this.setupGlobalListener();
+    }
+    ngOnDestroy() {
+        this.removeGlobalListener();
+    }
+    /**
+     * Register a new keyboard shortcut
+     */
+    register(shortcut) {
+        this.shortcuts.set(shortcut.id, shortcut);
+        console.log(`⌨️ [KeyboardShortcut] Registered shortcut: ${shortcut.id} (${this.getKeyDescription(shortcut)})`);
+    }
+    /**
+     * Override an existing shortcut with new key combination
+     */
+    override(shortcutId, newKey, options) {
+        const originalShortcut = this.shortcuts.get(shortcutId);
+        if (!originalShortcut) {
+            console.warn(`⚠️ [KeyboardShortcut] Cannot override shortcut '${shortcutId}' - not found`);
+            return;
+        }
+        const override = {
+            shortcutId,
+            newKey,
+            newCtrlKey: options?.ctrlKey,
+            newAltKey: options?.altKey,
+            newShiftKey: options?.shiftKey,
+            newMetaKey: options?.metaKey
+        };
+        this.overrides.set(shortcutId, override);
+        console.log(`🔄 [KeyboardShortcut] Override registered for '${shortcutId}': ${this.getKeyDescription({ ...originalShortcut, ...options, key: newKey })}`);
+    }
+    /**
+     * Remove a shortcut
+     */
+    unregister(shortcutId) {
+        this.shortcuts.delete(shortcutId);
+        this.overrides.delete(shortcutId);
+        console.log(`🗑️ [KeyboardShortcut] Removed shortcut: ${shortcutId}`);
+    }
+    /**
+     * Remove override for a shortcut (restore original key combination)
+     */
+    removeOverride(shortcutId) {
+        this.overrides.delete(shortcutId);
+        console.log(`🔄 [KeyboardShortcut] Override removed for: ${shortcutId}`);
+    }
+    /**
+     * Get all registered shortcuts
+     */
+    getAllShortcuts() {
+        return Array.from(this.shortcuts.values());
+    }
+    /**
+     * Get shortcuts by category or filter
+     */
+    getShortcuts(filter) {
+        const shortcuts = this.getAllShortcuts();
+        return filter ? shortcuts.filter(filter) : shortcuts;
+    }
+    /**
+     * Check if a shortcut is registered
+     */
+    hasShortcut(shortcutId) {
+        return this.shortcuts.has(shortcutId);
+    }
+    /**
+     * Get shortcut information
+     */
+    getShortcut(shortcutId) {
+        return this.shortcuts.get(shortcutId);
+    }
+    /**
+     * Clear all shortcuts
+     */
+    clearAll() {
+        this.shortcuts.clear();
+        this.overrides.clear();
+        console.log(`🧹 [KeyboardShortcut] All shortcuts cleared`);
+    }
+    /**
+     * Set up global keyboard listener
+     */
+    setupGlobalListener() {
+        this.keydownListener = (event) => {
+            this.handleKeydown(event);
+        };
+        document.addEventListener('keydown', this.keydownListener);
+        console.log(`🎧 [KeyboardShortcut] Global keyboard listener attached`);
+    }
+    /**
+     * Remove global keyboard listener
+     */
+    removeGlobalListener() {
+        if (this.keydownListener) {
+            document.removeEventListener('keydown', this.keydownListener);
+            this.keydownListener = undefined;
+            console.log(`🎧 [KeyboardShortcut] Global keyboard listener removed`);
+        }
+    }
+    /**
+     * Handle keydown events
+     */
+    handleKeydown(event) {
+        for (const [shortcutId, shortcut] of this.shortcuts) {
+            if (this.matchesShortcut(event, shortcut)) {
+                // Check for override
+                const override = this.overrides.get(shortcutId);
+                if (override && !this.matchesOverride(event, override)) {
+                    continue; // Skip if override doesn't match
+                }
+                if (shortcut.preventDefault !== false) {
+                    event.preventDefault();
+                }
+                if (shortcut.stopPropagation) {
+                    event.stopPropagation();
+                }
+                console.log(`⌨️ [KeyboardShortcut] Executing shortcut: ${shortcutId}`);
+                shortcut.action();
+                break; // Only execute one shortcut per keydown
+            }
+        }
+    }
+    /**
+     * Check if event matches shortcut
+     */
+    matchesShortcut(event, shortcut) {
+        return event.key === shortcut.key &&
+            (shortcut.ctrlKey === undefined || event.ctrlKey === shortcut.ctrlKey) &&
+            (shortcut.altKey === undefined || event.altKey === shortcut.altKey) &&
+            (shortcut.shiftKey === undefined || event.shiftKey === shortcut.shiftKey) &&
+            (shortcut.metaKey === undefined || event.metaKey === shortcut.metaKey);
+    }
+    /**
+     * Check if event matches override
+     */
+    matchesOverride(event, override) {
+        return event.key === override.newKey &&
+            (override.newCtrlKey === undefined || event.ctrlKey === override.newCtrlKey) &&
+            (override.newAltKey === undefined || event.altKey === override.newAltKey) &&
+            (override.newShiftKey === undefined || event.shiftKey === override.newShiftKey) &&
+            (override.newMetaKey === undefined || event.metaKey === override.newMetaKey);
+    }
+    /**
+     * Get human-readable key description
+     */
+    getKeyDescription(shortcut) {
+        const modifiers = [];
+        if (shortcut.ctrlKey)
+            modifiers.push('Ctrl');
+        if (shortcut.altKey)
+            modifiers.push('Alt');
+        if (shortcut.shiftKey)
+            modifiers.push('Shift');
+        if (shortcut.metaKey)
+            modifiers.push('Meta');
+        return [...modifiers, shortcut.key].join(' + ');
+    }
+    /**
+     * Get key description for a shortcut ID
+     */
+    getKeyDescriptionForShortcut(shortcutId) {
+        const shortcut = this.shortcuts.get(shortcutId);
+        if (!shortcut)
+            return 'Not found';
+        const override = this.overrides.get(shortcutId);
+        if (override) {
+            return this.getKeyDescription({
+                key: override.newKey,
+                ctrlKey: override.newCtrlKey,
+                altKey: override.newAltKey,
+                shiftKey: override.newShiftKey,
+                metaKey: override.newMetaKey
+            });
+        }
+        return this.getKeyDescription(shortcut);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: KeyboardShortcutService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: KeyboardShortcutService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: KeyboardShortcutService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+class FloatingContainerShortcutsService {
+    keyboardShortcutService = inject(KeyboardShortcutService);
+    containerService = inject(CideEleFloatingContainerService);
+    // Z-index layers for different container states
+    Z_INDEX_LAYERS = {
+        HIDDEN: 100, // Hidden containers (behind everything)
+        BACKGROUND: 1000, // Background containers
+        NORMAL: 2000, // Normal visible containers
+        FOCUSED: 3000, // Focused containers
+        MODAL: 4000, // Modal containers
+        TOOLTIP: 5000 // Tooltips and overlays
+    };
+    constructor() {
+        this.registerDefaultShortcuts();
+    }
+    /**
+     * Register default floating container shortcuts using custom key combinations
+     */
+    registerDefaultShortcuts() {
+        // C + 1: Focus on first container
+        this.keyboardShortcutService.register({
+            id: 'floating-container-focus-first',
+            key: '1',
+            ctrlKey: true,
+            description: 'Focus on first floating container (C+1)',
+            action: () => this.focusFirstContainer(),
+            preventDefault: true
+        });
+        // C + 2: Focus on second container
+        this.keyboardShortcutService.register({
+            id: 'floating-container-focus-second',
+            key: '2',
+            ctrlKey: true,
+            description: 'Focus on second floating container (C+2)',
+            action: () => this.focusContainerByIndex(1),
+            preventDefault: true
+        });
+        // C + 3: Focus on third container
+        this.keyboardShortcutService.register({
+            id: 'floating-container-focus-third',
+            key: '3',
+            ctrlKey: true,
+            description: 'Focus on third floating container (C+3)',
+            action: () => this.focusContainerByIndex(2),
+            preventDefault: true
+        });
+        // C + 4: Focus on fourth container
+        this.keyboardShortcutService.register({
+            id: 'floating-container-focus-fourth',
+            key: '4',
+            ctrlKey: true,
+            description: 'Focus on fourth floating container (C+4)',
+            action: () => this.focusContainerByIndex(3),
+            preventDefault: true
+        });
+        // C + 5: Focus on fifth container
+        this.keyboardShortcutService.register({
+            id: 'floating-container-focus-fifth',
+            key: '5',
+            ctrlKey: true,
+            description: 'Focus on fifth floating container (C+5)',
+            action: () => this.focusContainerByIndex(4),
+            preventDefault: true
+        });
+        // C + N: Cycle to next container
+        this.keyboardShortcutService.register({
+            id: 'floating-container-cycle-forward',
+            key: 'n',
+            ctrlKey: true,
+            description: 'Cycle forward through floating containers (C+N)',
+            action: () => this.cycleToNextContainer(),
+            preventDefault: true
+        });
+        // C + P: Cycle to previous container
+        this.keyboardShortcutService.register({
+            id: 'floating-container-cycle-backward',
+            key: 'p',
+            ctrlKey: true,
+            description: 'Cycle backward through floating containers (C+P)',
+            action: () => this.cycleToPreviousContainer(),
+            preventDefault: true
+        });
+        // C + H: Hide all containers
+        this.keyboardShortcutService.register({
+            id: 'floating-container-hide-all',
+            key: 'h',
+            ctrlKey: true,
+            description: 'Hide all floating containers (C+H)',
+            action: () => this.hideAllContainers(),
+            preventDefault: true
+        });
+        // C + M: Minimize all containers
+        this.keyboardShortcutService.register({
+            id: 'floating-container-minimize-all',
+            key: 'm',
+            ctrlKey: true,
+            description: 'Minimize all floating containers (C+M)',
+            action: () => this.minimizeAllContainers(),
+            preventDefault: true
+        });
+        // C + O: Open file uploader
+        this.keyboardShortcutService.register({
+            id: 'floating-container-open-file-uploader',
+            key: 'o',
+            ctrlKey: true,
+            description: 'Open file uploader (C+O)',
+            action: () => this.openFileUploader(),
+            preventDefault: true
+        });
+        // C + R: Open entity rights sharing
+        this.keyboardShortcutService.register({
+            id: 'floating-container-open-entity-rights',
+            key: 'r',
+            ctrlKey: true,
+            description: 'Open entity rights sharing (C+R)',
+            action: () => this.openEntityRightsSharing(),
+            preventDefault: true
+        });
+        // C + S: Show all containers
+        this.keyboardShortcutService.register({
+            id: 'floating-container-show-all',
+            key: 's',
+            ctrlKey: true,
+            description: 'Show all floating containers (C+S)',
+            action: () => this.showAllContainers(),
+            preventDefault: true
+        });
+        // C + D: Duplicate current container
+        this.keyboardShortcutService.register({
+            id: 'floating-container-duplicate',
+            key: 'd',
+            ctrlKey: true,
+            description: 'Duplicate current container (C+D)',
+            action: () => this.duplicateCurrentContainer(),
+            preventDefault: true
+        });
+        // C + W: Close current container
+        this.keyboardShortcutService.register({
+            id: 'floating-container-close-current',
+            key: 'w',
+            ctrlKey: true,
+            description: 'Close current container (C+W)',
+            action: () => this.closeCurrentContainer(),
+            preventDefault: true
+        });
+        // C + T: Toggle container visibility
+        this.keyboardShortcutService.register({
+            id: 'floating-container-toggle-visibility',
+            key: 't',
+            ctrlKey: true,
+            description: 'Toggle container visibility (C+T)',
+            action: () => this.toggleContainerVisibility(),
+            preventDefault: true
+        });
+        console.log('🎯 [FloatingContainerShortcuts] Custom shortcuts registered (C+1, C+2, C+O, etc.)');
+    }
+    /**
+     * Override a floating container shortcut
+     */
+    overrideShortcut(shortcutId, newKey, options) {
+        this.keyboardShortcutService.override(shortcutId, newKey, options);
+    }
+    /**
+     * Add a custom floating container shortcut
+     */
+    addCustomShortcut(shortcut) {
+        this.keyboardShortcutService.register({
+            ...shortcut,
+            preventDefault: true
+        });
+    }
+    /**
+     * Remove a floating container shortcut
+     */
+    removeShortcut(shortcutId) {
+        this.keyboardShortcutService.unregister(shortcutId);
+    }
+    /**
+     * Get all floating container shortcuts
+     */
+    getShortcuts() {
+        return this.keyboardShortcutService.getShortcuts(shortcut => shortcut.id.startsWith('floating-container-'));
+    }
+    // Action methods
+    cycleToNextContainer() {
+        const visibleContainers = this.containerService.visibleContainers();
+        if (visibleContainers.length === 0)
+            return;
+        // Sort by last accessed time (most recent first)
+        const sortedContainers = visibleContainers.sort((a, b) => b.lastAccessed.getTime() - a.lastAccessed.getTime());
+        // Find current front container
+        const currentFront = sortedContainers[0];
+        const currentIndex = sortedContainers.findIndex(c => c.id === currentFront.id);
+        // Get next container (wrap around)
+        const nextIndex = (currentIndex + 1) % sortedContainers.length;
+        const nextContainer = sortedContainers[nextIndex];
+        this.containerService.bringToFront(nextContainer.id);
+        console.log(`🔄 [FloatingContainerShortcuts] Cycled to container: ${nextContainer.config.title}`);
+    }
+    cycleToPreviousContainer() {
+        const visibleContainers = this.containerService.visibleContainers();
+        if (visibleContainers.length === 0)
+            return;
+        // Sort by last accessed time (most recent first)
+        const sortedContainers = visibleContainers.sort((a, b) => b.lastAccessed.getTime() - a.lastAccessed.getTime());
+        // Find current front container
+        const currentFront = sortedContainers[0];
+        const currentIndex = sortedContainers.findIndex(c => c.id === currentFront.id);
+        // Get previous container (wrap around)
+        const prevIndex = currentIndex === 0 ? sortedContainers.length - 1 : currentIndex - 1;
+        const prevContainer = sortedContainers[prevIndex];
+        this.containerService.bringToFront(prevContainer.id);
+        console.log(`🔄 [FloatingContainerShortcuts] Cycled backwards to container: ${prevContainer.config.title}`);
+    }
+    hideAllContainers() {
+        const visibleContainers = this.containerService.visibleContainers();
+        visibleContainers.forEach(container => {
+            this.containerService.setZIndex(container.id, this.Z_INDEX_LAYERS.HIDDEN);
+        });
+        console.log(`👁️ [FloatingContainerShortcuts] All containers moved to hidden layer (z-index: ${this.Z_INDEX_LAYERS.HIDDEN})`);
+    }
+    focusFirstContainer() {
+        const visibleContainers = this.containerService.visibleContainers();
+        if (visibleContainers.length === 0)
+            return;
+        const firstContainer = visibleContainers[0];
+        this.containerService.bringToFront(firstContainer.id);
+        console.log(`🎯 [FloatingContainerShortcuts] Focused on first container: ${firstContainer.config.title}`);
+    }
+    minimizeAllContainers() {
+        this.containerService.minimizeAll();
+        console.log(`📦 [FloatingContainerShortcuts] All containers minimized`);
+    }
+    focusContainerByIndex(index) {
+        const visibleContainers = this.containerService.visibleContainers();
+        if (visibleContainers.length === 0 || index >= visibleContainers.length) {
+            console.log(`⚠️ [FloatingContainerShortcuts] No container at index ${index}`);
+            return;
+        }
+        const container = visibleContainers[index];
+        this.containerService.bringToFront(container.id);
+        console.log(`🎯 [FloatingContainerShortcuts] Focused on container ${index + 1}: ${container.config.title}`);
+    }
+    openFileUploader() {
+        console.log(`📁 [FloatingContainerShortcuts] Opening file uploader...`);
+        // This would need to be implemented based on your file uploader service
+        // Example: this.fileUploaderService.show();
+    }
+    openEntityRightsSharing() {
+        console.log(`🔐 [FloatingContainerShortcuts] Opening entity rights sharing...`);
+        // This would need to be implemented based on your entity rights service
+        // Example: this.entityRightsService.show();
+    }
+    showAllContainers() {
+        const visibleContainers = this.containerService.visibleContainers();
+        visibleContainers.forEach((container, index) => {
+            // Give each container a slightly different z-index to maintain order
+            const zIndex = this.Z_INDEX_LAYERS.NORMAL + index;
+            this.containerService.setZIndex(container.id, zIndex);
+        });
+        console.log(`👁️ [FloatingContainerShortcuts] All containers moved to normal layer (z-index: ${this.Z_INDEX_LAYERS.NORMAL}+)`);
+    }
+    duplicateCurrentContainer() {
+        const visibleContainers = this.containerService.visibleContainers();
+        if (visibleContainers.length === 0) {
+            console.log(`⚠️ [FloatingContainerShortcuts] No containers to duplicate`);
+            return;
+        }
+        const currentContainer = visibleContainers[0]; // Most recent container
+        console.log(`📋 [FloatingContainerShortcuts] Duplicating container: ${currentContainer.config.title}`);
+        // This would need to be implemented based on your container duplication logic
+    }
+    closeCurrentContainer() {
+        const visibleContainers = this.containerService.visibleContainers();
+        if (visibleContainers.length === 0) {
+            console.log(`⚠️ [FloatingContainerShortcuts] No containers to close`);
+            return;
+        }
+        const currentContainer = visibleContainers[0]; // Most recent container
+        this.containerService.hide(currentContainer.id);
+        console.log(`❌ [FloatingContainerShortcuts] Closed container: ${currentContainer.config.title}`);
+    }
+    toggleContainerVisibility() {
+        const visibleContainers = this.containerService.visibleContainers();
+        if (visibleContainers.length === 0) {
+            console.log(`⚠️ [FloatingContainerShortcuts] No containers to toggle`);
+            return;
+        }
+        // Toggle visibility of the most recent container using z-index
+        const currentContainer = visibleContainers[0];
+        const currentZIndex = currentContainer.zIndex;
+        if (currentZIndex >= this.Z_INDEX_LAYERS.NORMAL) {
+            // Container is visible, move to hidden layer
+            this.containerService.setZIndex(currentContainer.id, this.Z_INDEX_LAYERS.HIDDEN);
+            console.log(`👁️ [FloatingContainerShortcuts] Hidden container (z-index: ${this.Z_INDEX_LAYERS.HIDDEN}): ${currentContainer.config.title}`);
+        }
+        else {
+            // Container is hidden, move to normal layer
+            this.containerService.setZIndex(currentContainer.id, this.Z_INDEX_LAYERS.NORMAL);
+            console.log(`👁️ [FloatingContainerShortcuts] Shown container (z-index: ${this.Z_INDEX_LAYERS.NORMAL}): ${currentContainer.config.title}`);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: FloatingContainerShortcutsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: FloatingContainerShortcutsService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: FloatingContainerShortcutsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
 /**
 <!-- Basic horizontal (left-right) layout -->
 <div class="panel-container">
@@ -9736,6 +10335,7 @@ class CideEleFloatingContainerComponent {
     closeEvent = new EventEmitter();
     minimizeEvent = new EventEmitter();
     maximizeEvent = new EventEmitter();
+    clickEvent = new EventEmitter();
     containerRef;
     // State signals
     position = signal({ x: 100, y: 100 }, ...(ngDevMode ? [{ debugName: "position" }] : []));
@@ -9750,8 +10350,12 @@ class CideEleFloatingContainerComponent {
     savedPosition = { x: 100, y: 100 }; // Store position before maximizing
     savedHeight = ''; // Store height before maximizing
     ngAfterViewInit() {
-        // Center the container on screen
-        this.centerContainer();
+        // Only center the container if it's at the default position (100, 100)
+        // This prevents position jumping when containers are focused
+        const currentPos = this.position();
+        if (currentPos.x === 100 && currentPos.y === 100) {
+            this.centerContainer();
+        }
     }
     constructor() {
         // Watch for maximize state changes
@@ -9854,6 +10458,8 @@ class CideEleFloatingContainerComponent {
     }
     // Action methods
     onHeaderClick(event) {
+        // Emit click event to bring container to front
+        this.clickEvent.emit(this.computedConfig().id);
         // Only minimize if clicking on the header itself, not on buttons
         if (this.isMinimized() && !event.target.closest('button')) {
             this.minimize();
@@ -9862,6 +10468,14 @@ class CideEleFloatingContainerComponent {
     minimize() {
         this.minimizeEvent.emit(this.computedConfig().id);
     }
+    bringToFront() {
+        // This will be handled by the container service through the manager component
+        // The manager component will call the service's bringToFront method
+        console.log(`🎯 [FloatingContainer] Container '${this.computedConfig().id}' clicked - bringing to front`);
+        // Preserve current position to prevent jumping
+        const currentPos = this.position();
+        console.log(`🎯 [FloatingContainer] Preserving position: x=${currentPos.x}, y=${currentPos.y}`);
+    }
     toggleMaximize() {
         this.maximizeEvent.emit(this.computedConfig().id);
     }
@@ -9872,7 +10486,7 @@ class CideEleFloatingContainerComponent {
         return 'linear-gradient(135deg, var(--cide-theme-primary-color) 0%, var(--tw-blue-400) 100%)';
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideEleFloatingContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: CideEleFloatingContainerComponent, isStandalone: true, selector: "cide-ele-floating-container", inputs: { config: "config", isMinimized: "isMinimized", isMaximized: "isMaximized", isVisible: "isVisible" }, outputs: { closeEvent: "closeEvent", minimizeEvent: "minimizeEvent", maximizeEvent: "maximizeEvent" }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["container"], descendants: true }], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: CideEleFloatingContainerComponent, isStandalone: true, selector: "cide-ele-floating-container", inputs: { config: "config", isMinimized: "isMinimized", isMaximized: "isMaximized", isVisible: "isVisible" }, outputs: { closeEvent: "closeEvent", minimizeEvent: "minimizeEvent", maximizeEvent: "maximizeEvent", clickEvent: "clickEvent" }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["container"], descendants: true }], ngImport: i0, template: `
     <div 
       #container
       class="tw-fixed tw-z-50 tw-bg-gray-50 tw-bg-opacity-90 tw-backdrop-blur-sm tw-border tw-border-gray-200 tw-border-opacity-50 tw-rounded-xl tw-shadow-lg tw-transition-all tw-duration-200 tw-flex tw-flex-col"
@@ -10101,6 +10715,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
                 type: Output
             }], maximizeEvent: [{
                 type: Output
+            }], clickEvent: [{
+                type: Output
             }], containerRef: [{
                 type: ViewChild,
                 args: ['container']
@@ -10111,94 +10727,96 @@ class CideEleFloatingContainerManagerComponent {
     // Computed properties
     visibleContainers = computed(() => this.containerService.visibleContainers(), ...(ngDevMode ? [{ debugName: "visibleContainers" }] : []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideEleFloatingContainerManagerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: CideEleFloatingContainerManagerComponent, isStandalone: true, selector: "cide-ele-floating-container-manager", ngImport: i0, template: `
-    @for (container of visibleContainers(); track container.id) {
-      <cide-ele-floating-container
-        [config]="containerService.getConfigSignal(container.config)"
-        [isMinimized]="containerService.getMinimizedSignal(container.id)"
-        [isMaximized]="containerService.getMaximizedSignal(container.id)"
-        [isVisible]="containerService.getVisibleSignal(container.id)"
-        [style.z-index]="container.zIndex"
-        (closeEvent)="containerService.onClose($event)"
-        (minimizeEvent)="containerService.onMinimize($event)"
-        (maximizeEvent)="containerService.onMaximize($event)">
-        
-        <!-- Dynamic content loading with @defer for performance -->
-        @defer (when container.isVisible) {
-          <div 
-            cideEleFloatingDynamic
-            [componentId]="container.config.componentId || container.config.id"
-            [componentConfig]="containerService.getComponentConfig(container.config)"
-            [isVisible]="container.isVisible">
-          </div>
-        } @placeholder {
-          <div class="tw-flex tw-items-center tw-justify-center tw-p-4">
-            <cide-ele-spinner size="sm"></cide-ele-spinner>
-            <span class="tw-ml-2 tw-text-sm tw-text-gray-600">Loading component...</span>
-          </div>
-        } @error {
-          <div class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-p-4 tw-text-center">
-            <cide-ele-icon class="tw-w-8 tw-h-8 tw-text-red-500 tw-mb-2">error</cide-ele-icon>
-            <p class="tw-text-red-600 tw-font-medium">Failed to load component</p>
-            <p class="tw-text-gray-500 tw-text-sm">Component "{{ container.config.componentId || container.config.id }}" is not available</p>
-            <button 
-              cideEleButton 
-              variant="outline" 
-              size="xs" 
-              (click)="containerService.onClose(container.id)"
-              class="tw-mt-2">
-              Close
-            </button>
-          </div>
-        }
-      </cide-ele-floating-container>
-    }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: CideEleFloatingContainerComponent, selector: "cide-ele-floating-container", inputs: ["config", "isMinimized", "isMaximized", "isVisible"], outputs: ["closeEvent", "minimizeEvent", "maximizeEvent"] }, { kind: "component", type: CideSpinnerComponent, selector: "cide-ele-spinner", inputs: ["size", "type"] }, { 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"] }], deferBlockDependencies: [() => [Promise.resolve().then(function () { return floatingContainerDynamic_directive; }).then(m => m.CideEleFloatingContainerDynamicDirective)]] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: CideEleFloatingContainerManagerComponent, isStandalone: true, selector: "cide-ele-floating-container-manager", ngImport: i0, template: `
+    @for (container of visibleContainers(); track container.id) {
+      <cide-ele-floating-container
+        [config]="containerService.getConfigSignal(container.config)"
+        [isMinimized]="containerService.getMinimizedSignal(container.id)"
+        [isMaximized]="containerService.getMaximizedSignal(container.id)"
+        [isVisible]="containerService.getVisibleSignal(container.id)"
+        [style.z-index]="containerService.getZIndexSignal(container.id)()"
+        (closeEvent)="containerService.onClose($event)"
+        (minimizeEvent)="containerService.onMinimize($event)"
+        (maximizeEvent)="containerService.onMaximize($event)"
+        (clickEvent)="containerService.bringToFront($event)">
+        
+        <!-- Dynamic content loading with @defer for performance -->
+        @defer (when container.isVisible) {
+          <div 
+            cideEleFloatingDynamic
+            [componentId]="container.config.componentId || container.config.id"
+            [componentConfig]="containerService.getComponentConfig(container.config)"
+            [isVisible]="container.isVisible">
+          </div>
+        } @placeholder {
+          <div class="tw-flex tw-items-center tw-justify-center tw-p-4">
+            <cide-ele-spinner size="sm"></cide-ele-spinner>
+            <span class="tw-ml-2 tw-text-sm tw-text-gray-600">Loading component...</span>
+          </div>
+        } @error {
+          <div class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-p-4 tw-text-center">
+            <cide-ele-icon class="tw-w-8 tw-h-8 tw-text-red-500 tw-mb-2">error</cide-ele-icon>
+            <p class="tw-text-red-600 tw-font-medium">Failed to load component</p>
+            <p class="tw-text-gray-500 tw-text-sm">Component "{{ container.config.componentId || container.config.id }}" is not available</p>
+            <button 
+              cideEleButton 
+              variant="outline" 
+              size="xs" 
+              (click)="containerService.onClose(container.id)"
+              class="tw-mt-2">
+              Close
+            </button>
+          </div>
+        }
+      </cide-ele-floating-container>
+    }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: CideEleFloatingContainerComponent, selector: "cide-ele-floating-container", inputs: ["config", "isMinimized", "isMaximized", "isVisible"], outputs: ["closeEvent", "minimizeEvent", "maximizeEvent", "clickEvent"] }, { kind: "component", type: CideSpinnerComponent, selector: "cide-ele-spinner", inputs: ["size", "type"] }, { 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"] }], deferBlockDependencies: [() => [Promise.resolve().then(function () { return floatingContainerDynamic_directive; }).then(m => m.CideEleFloatingContainerDynamicDirective)]] });
 }
 i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "20.1.7", ngImport: i0, type: CideEleFloatingContainerManagerComponent, resolveDeferredDeps: () => [Promise.resolve().then(function () { return floatingContainerDynamic_directive; }).then(m => m.CideEleFloatingContainerDynamicDirective)], resolveMetadata: CideEleFloatingContainerDynamicDirective => ({ decorators: [{
                 type: Component,
-                args: [{ selector: 'cide-ele-floating-container-manager', standalone: true, imports: [CommonModule, CideEleFloatingContainerComponent, CideEleFloatingContainerDynamicDirective, CideSpinnerComponent, CideEleButtonComponent, CideIconComponent], template: `
-    @for (container of visibleContainers(); track container.id) {
-      <cide-ele-floating-container
-        [config]="containerService.getConfigSignal(container.config)"
-        [isMinimized]="containerService.getMinimizedSignal(container.id)"
-        [isMaximized]="containerService.getMaximizedSignal(container.id)"
-        [isVisible]="containerService.getVisibleSignal(container.id)"
-        [style.z-index]="container.zIndex"
-        (closeEvent)="containerService.onClose($event)"
-        (minimizeEvent)="containerService.onMinimize($event)"
-        (maximizeEvent)="containerService.onMaximize($event)">
-        
-        <!-- Dynamic content loading with @defer for performance -->
-        @defer (when container.isVisible) {
-          <div 
-            cideEleFloatingDynamic
-            [componentId]="container.config.componentId || container.config.id"
-            [componentConfig]="containerService.getComponentConfig(container.config)"
-            [isVisible]="container.isVisible">
-          </div>
-        } @placeholder {
-          <div class="tw-flex tw-items-center tw-justify-center tw-p-4">
-            <cide-ele-spinner size="sm"></cide-ele-spinner>
-            <span class="tw-ml-2 tw-text-sm tw-text-gray-600">Loading component...</span>
-          </div>
-        } @error {
-          <div class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-p-4 tw-text-center">
-            <cide-ele-icon class="tw-w-8 tw-h-8 tw-text-red-500 tw-mb-2">error</cide-ele-icon>
-            <p class="tw-text-red-600 tw-font-medium">Failed to load component</p>
-            <p class="tw-text-gray-500 tw-text-sm">Component "{{ container.config.componentId || container.config.id }}" is not available</p>
-            <button 
-              cideEleButton 
-              variant="outline" 
-              size="xs" 
-              (click)="containerService.onClose(container.id)"
-              class="tw-mt-2">
-              Close
-            </button>
-          </div>
-        }
-      </cide-ele-floating-container>
-    }
+                args: [{ selector: 'cide-ele-floating-container-manager', standalone: true, imports: [CommonModule, CideEleFloatingContainerComponent, CideEleFloatingContainerDynamicDirective, CideSpinnerComponent, CideEleButtonComponent, CideIconComponent], template: `
+    @for (container of visibleContainers(); track container.id) {
+      <cide-ele-floating-container
+        [config]="containerService.getConfigSignal(container.config)"
+        [isMinimized]="containerService.getMinimizedSignal(container.id)"
+        [isMaximized]="containerService.getMaximizedSignal(container.id)"
+        [isVisible]="containerService.getVisibleSignal(container.id)"
+        [style.z-index]="containerService.getZIndexSignal(container.id)()"
+        (closeEvent)="containerService.onClose($event)"
+        (minimizeEvent)="containerService.onMinimize($event)"
+        (maximizeEvent)="containerService.onMaximize($event)"
+        (clickEvent)="containerService.bringToFront($event)">
+        
+        <!-- Dynamic content loading with @defer for performance -->
+        @defer (when container.isVisible) {
+          <div 
+            cideEleFloatingDynamic
+            [componentId]="container.config.componentId || container.config.id"
+            [componentConfig]="containerService.getComponentConfig(container.config)"
+            [isVisible]="container.isVisible">
+          </div>
+        } @placeholder {
+          <div class="tw-flex tw-items-center tw-justify-center tw-p-4">
+            <cide-ele-spinner size="sm"></cide-ele-spinner>
+            <span class="tw-ml-2 tw-text-sm tw-text-gray-600">Loading component...</span>
+          </div>
+        } @error {
+          <div class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-p-4 tw-text-center">
+            <cide-ele-icon class="tw-w-8 tw-h-8 tw-text-red-500 tw-mb-2">error</cide-ele-icon>
+            <p class="tw-text-red-600 tw-font-medium">Failed to load component</p>
+            <p class="tw-text-gray-500 tw-text-sm">Component "{{ container.config.componentId || container.config.id }}" is not available</p>
+            <button 
+              cideEleButton 
+              variant="outline" 
+              size="xs" 
+              (click)="containerService.onClose(container.id)"
+              class="tw-mt-2">
+              Close
+            </button>
+          </div>
+        }
+      </cide-ele-floating-container>
+    }
   ` }]
             }], ctorParameters: null, propDecorators: null }) });
 
@@ -10458,5 +11076,5 @@ var floatingContainerDynamic_directive = /*#__PURE__*/Object.freeze({
  * Generated bundle index. Do not edit.
  */
 
-export { CideCoreFileManagerService, CideEleButtonComponent, CideEleConfirmationModalComponent, CideEleDataGridComponent, CideEleDropdownComponent, CideEleFileImageDirective, CideEleFileInputComponent, CideEleFileManagerService, CideEleFloatingContainerComponent, CideEleFloatingContainerDynamicDirective, CideEleFloatingContainerManagerComponent, CideEleFloatingContainerService, CideEleFloatingFeaturesService, CideEleFloatingFileUploaderComponent, CideEleFloatingFileUploaderService, 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, CideEleFloatingContainerComponent, CideEleFloatingContainerDynamicDirective, CideEleFloatingContainerManagerComponent, CideEleFloatingContainerService, CideEleFloatingFeaturesService, CideEleFloatingFileUploaderComponent, CideEleFloatingFileUploaderService, CideEleGlobalNotificationsComponent, CideEleJsonEditorComponent, CideEleResizerDirective, CideEleSkeletonLoaderComponent, CideEleTabComponent, CideEleToastNotificationComponent, CideElementsService, CideIconComponent, CideInputComponent, CideSelectComponent, CideSelectOptionComponent, CideSpinnerComponent, CideTextareaComponent, ConfirmationService, CoreFileManagerInsertUpdatePayload, DEFAULT_GRID_CONFIG, DropdownManagerService, FloatingContainerShortcutsService, ICoreCyfmSave, KeyboardShortcutService, MFileManager, NotificationService, TooltipDirective };
 //# sourceMappingURL=cloud-ide-element.mjs.map