@progress/kendo-angular-layout 24.0.0-develop.29 → 24.0.0-develop.30

package/fesm2022/progress-kendo-angular-layout.mjs

@@ -29,8 +29,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1778673166,
-    version: '24.0.0-develop.29',
+    publishDate: 1778748641,
+    version: '24.0.0-develop.30',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };
 
@@ -1860,11 +1860,7 @@ class SplitterService {
                 pane.detectChanges();
             }
         }
-        const notCollapsed = this.panes.filter(p => !p.collapsed);
-        const allHaveFixedSize = notCollapsed.every(p => p.fixedSize);
-        notCollapsed.filter(p => p.fixedSize).forEach(pane => {
-            pane.forceExpand = allHaveFixedSize ? true : false;
-        });
+        this.syncPaneExpandState();
         return pane.collapsible;
     }
     togglePane(keyCode, index) {
@@ -2010,6 +2006,23 @@ class SplitterService {
         this.containerSize = containerSize;
         this.rtl = direction === 'rtl';
     }
+    syncPaneExpandState() {
+        if (!this.panes) {
+            return;
+        }
+        const notCollapsed = this.panes.filter(p => !p.collapsed);
+        const someAreCollapsed = notCollapsed.length < this.panes.length;
+        const allHaveFixedSize = notCollapsed.every(p => p.fixedSize);
+        // A pane is flexible when it is resizable or collapsible, meaning it can absorb extra space.
+        const someAreFlexible = notCollapsed.some(p => p.resizable || p.collapsible);
+        notCollapsed.filter(p => p.fixedSize).forEach(pane => {
+            // Force-expand only when a pane is collapsed (space needs redistribution),
+            // all visible panes have a fixed size, and either no flexible pane exists
+            // or this pane itself is flexible and can absorb the extra space.
+            // When no pane is collapsed, sizes are balanced and no expansion is needed.
+            pane.forceExpand = someAreCollapsed && allHaveFixedSize && (!someAreFlexible || pane.resizable || pane.collapsible);
+        });
+    }
     containerSize = () => { };
     rtl;
     isPercent(size) {
@@ -2151,11 +2164,7 @@ class SplitterPaneComponent {
             // Trigger the same forceExpand logic that tryToggle does
             // This ensures remaining panes expand when a pane is collapsed
             if (this.splitterService?.panes) {
-                const notCollapsed = this.splitterService.panes.filter(p => !p.collapsed);
-                const allHaveFixedSize = notCollapsed.every(p => p.fixedSize);
-                notCollapsed.filter(p => p.fixedSize).forEach(pane => {
-                    pane.forceExpand = allHaveFixedSize;
-                });
+                this.splitterService.syncPaneExpandState();
             }
         }
     }
@@ -2207,7 +2216,34 @@ class SplitterPaneComponent {
     /**
      * @hidden
      */
-    forceExpand = false;
+    set forceExpand(value) {
+        if (this._forceExpand === value) {
+            return;
+        }
+        this._forceExpand = value;
+        // Enforce min/max constraints during flex redistribution so panes
+        // do not exceed their bounds when absorbing a collapsed pane's space.
+        const sizeProp = this.orientation === 'vertical' ? 'height' : 'width';
+        if (value) {
+            if (this.max) {
+                this.renderer.setStyle(this.nativeElement, `max-${sizeProp}`, this.max);
+            }
+            if (this.min) {
+                this.renderer.setStyle(this.nativeElement, `min-${sizeProp}`, this.min);
+            }
+        }
+        else {
+            if (this.max) {
+                this.renderer.removeStyle(this.nativeElement, `max-${sizeProp}`);
+            }
+            if (this.min) {
+                this.renderer.removeStyle(this.nativeElement, `min-${sizeProp}`);
+            }
+        }
+    }
+    get forceExpand() {
+        return this._forceExpand;
+    }
     /**
      * @hidden
      */
@@ -2216,6 +2252,7 @@ class SplitterPaneComponent {
     _order;
     _splitterBarAttributes;
     _collapsed = false;
+    _forceExpand = false;
     constructor(element, renderer, cdr, splitterService) {
         this.element = element;
         this.renderer = renderer;

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1778673166,
-  "version": "24.0.0-develop.29",
+  "publishDate": 1778748641,
+  "version": "24.0.0-develop.30",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-layout",
-  "version": "24.0.0-develop.29",
+  "version": "24.0.0-develop.30",
   "description": "Kendo UI for Angular Layout Package - a collection of components to create professional application layoyts",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -63,7 +63,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1778673166,
+      "publishDate": 1778748641,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning"
     }
   },
@@ -73,17 +73,17 @@
     "@angular/core": "19 - 21",
     "@angular/platform-browser": "19 - 21",
     "@progress/kendo-licensing": "^1.11.0",
-    "@progress/kendo-angular-common": "24.0.0-develop.29",
-    "@progress/kendo-angular-l10n": "24.0.0-develop.29",
-    "@progress/kendo-angular-progressbar": "24.0.0-develop.29",
-    "@progress/kendo-angular-icons": "24.0.0-develop.29",
-    "@progress/kendo-angular-buttons": "24.0.0-develop.29",
-    "@progress/kendo-angular-intl": "24.0.0-develop.29",
+    "@progress/kendo-angular-common": "24.0.0-develop.30",
+    "@progress/kendo-angular-l10n": "24.0.0-develop.30",
+    "@progress/kendo-angular-progressbar": "24.0.0-develop.30",
+    "@progress/kendo-angular-icons": "24.0.0-develop.30",
+    "@progress/kendo-angular-buttons": "24.0.0-develop.30",
+    "@progress/kendo-angular-intl": "24.0.0-develop.30",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "24.0.0-develop.29",
+    "@progress/kendo-angular-schematics": "24.0.0-develop.30",
     "@progress/kendo-draggable": "^3.0.2"
   },
   "schematics": "./schematics/collection.json",

package/splitter/splitter-pane.component.d.ts

@@ -121,7 +121,8 @@ export declare class SplitterPaneComponent implements AfterViewChecked {
     /**
      * @hidden
      */
-    forceExpand: boolean;
+    set forceExpand(value: boolean);
+    get forceExpand(): boolean;
     /**
      * @hidden
      */
@@ -130,6 +131,7 @@ export declare class SplitterPaneComponent implements AfterViewChecked {
     private _order;
     private _splitterBarAttributes;
     private _collapsed;
+    private _forceExpand;
     constructor(element: ElementRef<HTMLElement>, renderer: Renderer2, cdr: ChangeDetectorRef, splitterService: SplitterService);
     ngAfterViewChecked(): void;
     ngOnChanges(changes: SimpleChanges): void;

package/splitter/splitter.service.d.ts

@@ -57,6 +57,7 @@ export declare class SplitterService {
     paneByIndex(pane: SplitterPaneComponent): number;
     getPaneSplitterBar(pane: SplitterPaneComponent): SplitterBarComponent | null;
     configure({ panes, orientation, containerSize, direction }: SplitterParameters): void;
+    syncPaneExpandState(): void;
     private containerSize;
     private rtl;
     private isPercent;