Fixes #16526 & #16527 & #16893 | Splitter

apps/showcase/doc/splitter/nesteddoc.ts

@@ -8,7 +8,7 @@ import { Component } from '@angular/core';
             <p>Splitters can be combined to create advanced layouts.</p>
         </app-docsectiontext>
         <div class="card">
-            <p-splitter [style]="{ height: '300px' }" [panelSizes]="[20, 80]" styleClass="mb-8">
+            <p-splitter [style]="{ height: '300px' }" [panelSizes]="[20, 80]" [minSizes]="[10, 0]" styleClass="mb-8">
                 <ng-template pTemplate>
                     <div class="col flex items-center justify-center">Panel 1</div>
                 </ng-template>

packages/primeng/src/splitter/splitter.ts

@@ -129,7 +129,7 @@ export class Splitter extends BaseComponent {
      * Minimum size of the elements relative to 100%.
      * @group Props
      */
-    @Input({ transform: numberAttribute }) minSizes: number[] = [];
+    @Input() minSizes: number[] = [];
     /**
      * Size of the elements relative to 100%.
      * @group Props

packages/primeng/src/splitter/style/splitterstyle.ts

@@ -73,6 +73,8 @@ const theme = ({ dt }) => `
 
 .p-splitterpanel-nested {
     display: flex;
+    flex-grow: 1;
+    justify-content: center;
 }
 
 .p-splitterpanel .p-splitter {