cloud-ide-element 1.1.101 → 1.1.102

package/fesm2022/cloud-ide-element.mjs

@@ -9860,6 +9860,7 @@ class CideEleDataGridComponent {
     groupedColumns = signal([], ...(ngDevMode ? [{ debugName: "groupedColumns" }] : [])); // Columns to group by
     expandedGroups = signal(new Set(), ...(ngDevMode ? [{ debugName: "expandedGroups" }] : [])); // Expanded group keys
     hasAutoExpandedGroups = false; // Track if we've auto-expanded groups on initial load
+    pendingExpandedGroupsUpdate = null; // Track pending expanded groups update
     // Export menu state
     showExportMenu = signal(false, ...(ngDevMode ? [{ debugName: "showExportMenu" }] : [])); // Show/hide export format dropdown
     showFilterDropdown = signal(false, ...(ngDevMode ? [{ debugName: "showFilterDropdown" }] : [])); // Show/hide filter dropdown
@@ -10019,6 +10020,14 @@ class CideEleDataGridComponent {
             loading: { ...DEFAULT_GRID_CONFIG.loading, ...this.config.loading },
             scroll: { ...DEFAULT_GRID_CONFIG.scroll, ...this.config.scroll }
         });
+        // Clear grouping if showGroupBy is disabled
+        const columnMenuConfig = this.mergedConfig().columnMenu;
+        if (columnMenuConfig && columnMenuConfig.showGroupBy === false) {
+            if (this.groupedColumns().length > 0) {
+                this.groupedColumns.set([]);
+                this.expandedGroups.set(new Set());
+            }
+        }
     }
     initializeGrid() {
         // Ensure we have valid data
@@ -10062,6 +10071,16 @@ class CideEleDataGridComponent {
      * Only groups visible columns (not hidden ones)
      */
     initializeDefaultGrouping() {
+        // If grouping is disabled in column menu, clear any existing grouping
+        const columnMenuConfig = this.mergedConfig().columnMenu;
+        if (columnMenuConfig && columnMenuConfig.showGroupBy === false) {
+            // Clear any existing grouping when showGroupBy is disabled
+            if (this.groupedColumns().length > 0) {
+                this.groupedColumns.set([]);
+                this.expandedGroups.set(new Set());
+            }
+            return; // Don't initialize grouping if it's disabled
+        }
         // Only initialize if groupedColumns is empty (not already set)
         if (this.groupedColumns().length === 0) {
             const columns = this.mergedConfig().columns || [];
@@ -12133,9 +12152,12 @@ class CideEleDataGridComponent {
             return this.localReorderedData;
         }
         let data = this.filteredData();
-        // Apply grouping if any columns are grouped
+        // Check if grouping is disabled in column menu config
+        const columnMenuConfig = this.mergedConfig().columnMenu;
+        const groupingDisabled = columnMenuConfig && columnMenuConfig.showGroupBy === false;
+        // Apply grouping if any columns are grouped and grouping is not disabled
         const grouped = this.groupedColumns();
-        if (grouped.length > 0 && !this.serverSidePagination) {
+        if (grouped.length > 0 && !this.serverSidePagination && !groupingDisabled) {
             // If tree is enabled, we need to flatten tree first for grouping, then preserve structure
             const treeConfig = this.mergedConfig().tree;
             if (treeConfig?.enabled) {
@@ -12311,10 +12333,19 @@ class CideEleDataGridComponent {
             }
         });
         // Update expanded groups set if we auto-expanded any
+        // Defer signal update to avoid writing to signals during template rendering
         if (shouldAutoExpand && newExpanded.size > expanded.size) {
-            this.expandedGroups.set(newExpanded);
+            // Store the update to apply after rendering
+            this.pendingExpandedGroupsUpdate = newExpanded;
             // Mark that we've auto-expanded groups so we don't do it again on subsequent renders
             this.hasAutoExpandedGroups = true;
+            // Defer the signal update using queueMicrotask to avoid writing during template rendering
+            queueMicrotask(() => {
+                if (this.pendingExpandedGroupsUpdate) {
+                    this.expandedGroups.set(this.pendingExpandedGroupsUpdate);
+                    this.pendingExpandedGroupsUpdate = null;
+                }
+            });
         }
         return result;
     }
@@ -13665,6 +13696,8 @@ class FloatingContainerShortcutsService {
             key: 'n',
             altKey: true,
             description: 'Create new floating container',
+            title: 'New Container',
+            category: 'Floating Containers',
             action: () => this.openNewContainer(),
             preventDefault: true
         });
@@ -13674,6 +13707,8 @@ class FloatingContainerShortcutsService {
             key: 'p',
             altKey: true,
             description: 'Focus previous container',
+            title: 'Previous Container',
+            category: 'Floating Containers',
             action: () => this.focusPreviousContainer(),
             preventDefault: true
         });
@@ -13683,6 +13718,8 @@ class FloatingContainerShortcutsService {
             key: 'h',
             altKey: true,
             description: 'Hide all containers',
+            title: 'Hide All Containers',
+            category: 'Floating Containers',
             action: () => this.hideAllContainers(),
             preventDefault: true
         });
@@ -13692,6 +13729,8 @@ class FloatingContainerShortcutsService {
             key: 's',
             altKey: true,
             description: 'Show all containers',
+            title: 'Show All Containers',
+            category: 'Floating Containers',
             action: () => this.showAllContainers(),
             preventDefault: true
         });
@@ -13701,6 +13740,8 @@ class FloatingContainerShortcutsService {
             key: 'm',
             altKey: true,
             description: 'Minimize all containers',
+            title: 'Minimize All Containers',
+            category: 'Floating Containers',
             action: () => this.minimizeAllContainers(),
             preventDefault: true
         });
@@ -13710,6 +13751,8 @@ class FloatingContainerShortcutsService {
             key: 'w',
             altKey: true,
             description: 'Close current container',
+            title: 'Close Current Container',
+            category: 'Floating Containers',
             action: () => this.closeCurrentContainer(),
             preventDefault: true
         });
@@ -13719,6 +13762,8 @@ class FloatingContainerShortcutsService {
             key: 'd',
             altKey: true,
             description: 'Duplicate current container',
+            title: 'Duplicate Container',
+            category: 'Floating Containers',
             action: () => this.duplicateCurrentContainer(),
             preventDefault: true
         });
@@ -13728,6 +13773,8 @@ class FloatingContainerShortcutsService {
             key: 't',
             altKey: true,
             description: 'Toggle container visibility',
+            title: 'Toggle Container Visibility',
+            category: 'Floating Containers',
             action: () => this.toggleContainerVisibility(),
             preventDefault: true
         });
@@ -13737,6 +13784,8 @@ class FloatingContainerShortcutsService {
             key: 'o',
             altKey: true,
             description: 'Open file uploader',
+            title: 'Open File Uploader',
+            category: 'Floating Containers',
             action: () => this.openFileUploader(),
             preventDefault: true
         });
@@ -13746,6 +13795,8 @@ class FloatingContainerShortcutsService {
             key: 'r',
             altKey: true,
             description: 'Open entity rights sharing',
+            title: 'Open Entity Rights',
+            category: 'Floating Containers',
             action: () => this.openEntityRightsSharing(),
             preventDefault: true
         });
@@ -13761,6 +13812,8 @@ class FloatingContainerShortcutsService {
                 key: i.toString(),
                 altKey: true,
                 description: `Focus container ${i}`,
+                title: `Focus Container ${i}`,
+                category: 'Floating Containers',
                 action: () => this.focusContainerByIndex(i - 1),
                 preventDefault: true
             });