igniteui-dockmanager 2.0.2-alpha.3 → 2.1.0

package/custom-elements.json

@@ -989,17 +989,9 @@
               "name": "layoutChange",
               "return": {
                 "type": {
-                  "text": "CustomEvent"
+                  "text": "CustomEvent<IgcLayoutChangeEventArgs>"
                 }
-              },
-              "parameters": [
-                {
-                  "name": "detail",
-                  "type": {
-                    "text": "IgcDockManagerLayout"
-                  }
-                }
-              ]
+              }
             }
           ],
           "superclass": {
@@ -1352,6 +1344,72 @@
               }
             }
           ]
+        },
+        {
+          "kind": "function",
+          "name": "calculatePaneMinSize",
+          "return": {
+            "type": {
+              "text": "number"
+            }
+          },
+          "parameters": [
+            {
+              "name": "pane",
+              "type": {
+                "text": "IgcDockManagerPane | null | undefined"
+              },
+              "description": "The pane to calculate min size for"
+            },
+            {
+              "name": "orientation",
+              "type": {
+                "text": "'horizontal' | 'vertical'"
+              },
+              "description": "The orientation to calculate ('horizontal' for width, 'vertical' for height)"
+            },
+            {
+              "name": "splitterSize",
+              "default": "IGC_DEFAULT_SPLITTER_SIZE",
+              "type": {
+                "text": "number"
+              },
+              "description": "The actual size of splitters in pixels (defaults to IGC_DEFAULT_SPLITTER_SIZE)"
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "calculateSplitPaneMinSize",
+          "return": {
+            "type": {
+              "text": "number"
+            }
+          },
+          "parameters": [
+            {
+              "name": "splitPane",
+              "type": {
+                "text": "IgcSplitPane"
+              },
+              "description": "The split pane to calculate min size for"
+            },
+            {
+              "name": "orientation",
+              "type": {
+                "text": "'horizontal' | 'vertical'"
+              },
+              "description": "The orientation to calculate ('horizontal' for width, 'vertical' for height)"
+            },
+            {
+              "name": "splitterSize",
+              "default": "IGC_DEFAULT_SPLITTER_SIZE",
+              "type": {
+                "text": "number"
+              },
+              "description": "The actual size of splitters in pixels (defaults to IGC_DEFAULT_SPLITTER_SIZE)"
+            }
+          ]
         }
       ],
       "exports": [
@@ -1442,6 +1500,22 @@
             "name": "closestElement",
             "module": "src/utils/utils.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "calculatePaneMinSize",
+          "declaration": {
+            "name": "calculatePaneMinSize",
+            "module": "src/utils/utils.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "calculateSplitPaneMinSize",
+          "declaration": {
+            "name": "calculateSplitPaneMinSize",
+            "module": "src/utils/utils.ts"
+          }
         }
       ]
     },
@@ -3108,13 +3182,6 @@
               "privacy": "private",
               "readonly": true
             },
-            {
-              "kind": "field",
-              "name": "documentOnlyDrag",
-              "type": {
-                "text": "boolean"
-              }
-            },
             {
               "kind": "field",
               "name": "draggedPaneElement",
@@ -3432,20 +3499,11 @@
               "name": "containedInBoundariesChanged",
               "privacy": "protected"
             },
-            {
-              "kind": "method",
-              "name": "dropPositionChanged"
-            },
             {
               "kind": "method",
               "name": "onResourceChangeHandler",
               "privacy": "private"
             },
-            {
-              "kind": "method",
-              "name": "focusElement",
-              "privacy": "public"
-            },
             {
               "kind": "method",
               "name": "dropPane",
@@ -3482,11 +3540,6 @@
                 }
               ]
             },
-            {
-              "kind": "method",
-              "name": "getDockedPanesContainerRect",
-              "privacy": "public"
-            },
             {
               "kind": "method",
               "name": "updateLayout",
@@ -3863,6 +3916,37 @@
                   "type": {
                     "text": "'previous' | 'next'"
                   }
+                },
+                {
+                  "name": "unpinnedLocation",
+                  "optional": true,
+                  "type": {
+                    "text": "UnpinnedLocation"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_getMinSizeFromPane",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "pane",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                },
+                {
+                  "name": "property",
+                  "type": {
+                    "text": "'minResizeWidth' | 'minResizeHeight'"
+                  }
                 }
               ]
             },
@@ -4160,19 +4244,6 @@
                 }
               ]
             },
-            {
-              "kind": "method",
-              "name": "scrollPaneIntoView",
-              "privacy": "public",
-              "parameters": [
-                {
-                  "name": "pane",
-                  "type": {
-                    "text": "IgcDockManagerPane"
-                  }
-                }
-              ]
-            },
             {
               "kind": "method",
               "name": "handlePaneDragStart",
@@ -4702,60 +4773,6 @@
                 }
               ]
             },
-            {
-              "kind": "method",
-              "name": "paneClose",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "CustomEvent<IgcPaneCloseEventArgs>"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "args",
-                  "type": {
-                    "text": "IgcPaneCloseEventArgs"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "paneScroll",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "CustomEvent<IgcPaneScrollEventArgs>"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "args",
-                  "type": {
-                    "text": "IgcPaneScrollEventArgs"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "panePinnedToggle",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "CustomEvent<IgcPanePinnedEventArgs>"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "args",
-                  "type": {
-                    "text": "IgcPanePinnedEventArgs"
-                  }
-                }
-              ]
-            },
             {
               "kind": "method",
               "name": "paneFlyoutToggle",
@@ -4775,124 +4792,6 @@
               ],
               "description": "Emitted when an unpinned pane's flyout state changes (opens or closes).\n\nThis event fires when:\n- An unpinned pane is clicked and its flyout opens to display content\n- An unpinned pane's flyout closes (user clicks elsewhere, switches to another unpinned pane, etc.)\n- Switching between unpinned panes (fires twice: close event for old pane, open event for new pane)\n\nThis event does NOT fire when:\n- A pane is pinned or unpinned using the pin button (use panePinnedToggle for that)\n- A pane is initially unpinned (only subsequent flyout open/close actions)\n\nUse this event to show/hide auxiliary UI, update summary views, or respond to unpinned pane visibility changes."
             },
-            {
-              "kind": "method",
-              "name": "paneDragStart",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "CustomEvent<IgcPaneDragStartEventArgs>"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "args",
-                  "type": {
-                    "text": "IgcPaneDragStartEventArgs"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "paneDragOver",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "CustomEvent<IgcPaneDragOverEventArgs>"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "args",
-                  "type": {
-                    "text": "IgcPaneDragOverEventArgs"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "paneDragEnd",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "CustomEvent<IgcPaneDragEndEventArgs>"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "args",
-                  "type": {
-                    "text": "IgcPaneDragEndEventArgs"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "floatingPaneResizeStart",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "CustomEvent<IgcFloatingPaneResizeEventArgs>"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "args",
-                  "type": {
-                    "text": "IgcFloatingPaneResizeEventArgs"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "floatingPaneResizeMove",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "CustomEvent<IgcFloatingPaneResizeMoveEventArgs>"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "eventArgs",
-                  "type": {
-                    "text": "IgcFloatingPaneResizeMoveEventArgs"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "floatingPaneResizeEnd",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "CustomEvent<IgcFloatingPaneResizeEventArgs>"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "args",
-                  "type": {
-                    "text": "IgcFloatingPaneResizeEventArgs"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "layoutChange",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "CustomEvent"
-                }
-              }
-            },
             {
               "kind": "method",
               "name": "renderContentPane",
@@ -5543,6 +5442,14 @@
           },
           "default": "42"
         },
+        {
+          "kind": "variable",
+          "name": "IGC_DEFAULT_SPLITTER_SIZE",
+          "type": {
+            "text": "number"
+          },
+          "default": "4"
+        },
         {
           "kind": "variable",
           "name": "IGC_DEFAULT_RESIZE",
@@ -5559,6 +5466,14 @@
           },
           "default": "50"
         },
+        {
+          "kind": "variable",
+          "name": "IGC_DEFAULT_FLOATING_PANE_HEADER_HEIGHT",
+          "type": {
+            "text": "number"
+          },
+          "default": "30"
+        },
         {
           "kind": "variable",
           "name": "IgcTabHeadersPosition",
@@ -5684,6 +5599,14 @@
             "module": "src/components/dockmanager/dockmanager.interfaces.ts"
           }
         },
+        {
+          "kind": "js",
+          "name": "IGC_DEFAULT_SPLITTER_SIZE",
+          "declaration": {
+            "name": "IGC_DEFAULT_SPLITTER_SIZE",
+            "module": "src/components/dockmanager/dockmanager.interfaces.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "IGC_DEFAULT_RESIZE",
@@ -5700,6 +5623,14 @@
             "module": "src/components/dockmanager/dockmanager.interfaces.ts"
           }
         },
+        {
+          "kind": "js",
+          "name": "IGC_DEFAULT_FLOATING_PANE_HEADER_HEIGHT",
+          "declaration": {
+            "name": "IGC_DEFAULT_FLOATING_PANE_HEADER_HEIGHT",
+            "module": "src/components/dockmanager/dockmanager.interfaces.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "IgcTabHeadersPosition",
@@ -5898,15 +5829,6 @@
               "privacy": "private",
               "default": "[]"
             },
-            {
-              "kind": "field",
-              "name": "defaultSplitterSize",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "default": "4"
-            },
             {
               "kind": "field",
               "name": "isUpdatingLayout",
@@ -5924,6 +5846,15 @@
               },
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "_splitterSize",
+              "type": {
+                "text": "number | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
             {
               "kind": "field",
               "name": "visibleDocuments",
@@ -6297,6 +6228,56 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "getSplitterSize",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "description": "Get the actual rendered size of a splitter element from the DOM.\nThe result is cached after the first successful measurement since splitter\nsize is consistent across the component and rarely changes at runtime."
+            },
+            {
+              "kind": "method",
+              "name": "getFloatingPaneHeaderHeight",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "parameters": [
+                {
+                  "name": "pane",
+                  "type": {
+                    "text": "IgcSplitPane"
+                  },
+                  "description": "The floating pane to check"
+                }
+              ],
+              "description": "Get the actual rendered height of a floating pane header from the DOM.\nThis accounts for user customization via slots, CSS parts, or other styling."
+            },
+            {
+              "kind": "method",
+              "name": "getFloatingPaneMinConstraints",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "{\n    minWidth: number;\n    minHeight: number;\n  }"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "pane",
+                  "type": {
+                    "text": "IgcSplitPane"
+                  }
+                }
+              ],
+              "description": "Calculate the minimum width and height constraints for a floating pane\nbased on all its child panes' minResizeWidth and minResizeHeight properties.\nThis properly handles split panes by summing constraints in the split direction."
+            },
             {
               "kind": "method",
               "name": "findPaneById",
@@ -7871,7 +7852,7 @@
               "type": {
                 "text": "IgcDockManagerLayout"
               },
-              "default": "{ rootPane: { type: 'splitPane', orientation: 'horizontal', panes: [ this.unpinnedToolboxPane, this.unpinnedTeamExplorerPane, { type: 'splitPane', orientation: 'vertical', size: 300, panes: [ { type: 'documentHost', size: 300, rootPane: { type: 'splitPane', orientation: 'horizontal', allowEmpty: true, panes: [ { type: 'tabGroupPane', panes: [ { type: 'contentPane', header: 'MainWindow.xaml', contentId: 'content2', documentOnly: true, // allowMaximize: false, }, { type: 'contentPane', header: 'MainWindow.xaml.cs', contentId: 'content6', documentOnly: true, allowFloating: false, }, ], }, { type: 'contentPane', header: 'App.xaml', contentId: 'content8', allowMaximize: true, acceptsInnerDock: false, }, ], }, }, { type: 'splitPane', orientation: 'horizontal', allowEmpty: true, panes: [], }, { type: 'contentPane', header: 'Error List', contentId: 'content3', allowDocking: false, allowFloating: false, allowMaximize: false, }, ], }, { type: 'splitPane', orientation: 'vertical', panes: [ { type: 'tabGroupPane', size: 200, allowEmpty: true, panes: [ { type: 'contentPane', header: 'Solution Explorer', headerId: 'header1', tabHeaderId: 'tabHeader1', unpinnedHeaderId: 'unpinnedHeader1', contentId: 'content4', allowMaximize: false, }, this.teamExplorerPane, ], }, { type: 'contentPane', header: 'Properties', contentId: 'content5', unpinnedLocation: 'top', allowFloating: false, allowMaximize: false, }, ], }, ], }, floatingPanes: [ { type: 'splitPane', orientation: 'horizontal', floatingLocation: { x: 50, y: 100 }, floatingWidth: 200, floatingHeight: 100, panes: [ { type: 'contentPane', header: 'Notifications', contentId: 'content9', allowDocking: false, }, ], // floatingResizable: true }, { type: 'splitPane', allowEmpty: true, orientation: 'horizontal', floatingLocation: { x: 250, y: 350 }, floatingWidth: 300, floatingHeight: 200, panes: [ { type: 'contentPane', header: 'Floating 1', contentId: 'content10', acceptsInnerDock: false, }, { type: 'contentPane', header: 'Floating 2', contentId: 'content11', allowMaximize: false, }, ], }, { type: 'splitPane', orientation: 'horizontal', floatingLocation: { x: 750, y: 200 }, floatingWidth: 300, floatingHeight: 200, panes: [ { type: 'tabGroupPane', allowEmpty: true, panes: [ { type: 'contentPane', header: 'Floating Tab 1', contentId: 'content12', }, { type: 'contentPane', header: 'Floating Tab 2', contentId: 'content13', }, ], }, ], }, ], }"
+              "default": "{ rootPane: { type: 'splitPane', orientation: 'horizontal', panes: [ this.unpinnedToolboxPane, this.unpinnedTeamExplorerPane, { type: 'splitPane', orientation: 'vertical', size: 300, panes: [ { type: 'documentHost', size: 300, rootPane: { type: 'splitPane', orientation: 'horizontal', allowEmpty: true, // minResizeHeight: 300, panes: [ { type: 'tabGroupPane', // size: 100, // minResizeHeight: 350, // minResizeWidth: 350, panes: [ { type: 'contentPane', header: 'MainWindow.xaml', contentId: 'content2', documentOnly: true, // minResizeWidth: 300, // minResizeHeight: 280, // allowMaximize: false, }, { type: 'contentPane', header: 'MainWindow.xaml.cs', contentId: 'content6', documentOnly: true, allowFloating: false, }, ], }, { type: 'contentPane', header: 'App.xaml', contentId: 'content8', // size: 200, // minResizeHeight: 200, // minResizeWidth: 250, allowMaximize: true, acceptsInnerDock: false, }, ], }, }, { type: 'splitPane', orientation: 'horizontal', allowEmpty: true, panes: [], }, { type: 'contentPane', header: 'Error List', contentId: 'content3', allowDocking: false, allowFloating: false, allowMaximize: false, }, ], }, { type: 'splitPane', orientation: 'vertical', panes: [ { type: 'tabGroupPane', size: 200, allowEmpty: true, panes: [ { type: 'contentPane', header: 'Solution Explorer', headerId: 'header1', tabHeaderId: 'tabHeader1', unpinnedHeaderId: 'unpinnedHeader1', contentId: 'content4', allowMaximize: false, }, this.teamExplorerPane, ], }, { type: 'contentPane', header: 'Properties', contentId: 'content5', unpinnedLocation: 'top', allowFloating: false, allowMaximize: false, }, ], }, ], }, floatingPanes: [ { type: 'splitPane', orientation: 'horizontal', floatingLocation: { x: 50, y: 100 }, floatingWidth: 200, floatingHeight: 100, panes: [ { type: 'contentPane', header: 'Notifications', contentId: 'content9', allowDocking: false, }, ], // floatingResizable: true }, { type: 'splitPane', allowEmpty: true, orientation: 'horizontal', floatingLocation: { x: 250, y: 350 }, floatingWidth: 300, floatingHeight: 200, // minResizeHeight: 350, panes: [ { type: 'contentPane', header: 'Floating 1', contentId: 'content10', // minResizeHeight: 250, acceptsInnerDock: false, }, { type: 'contentPane', header: 'Floating 2', contentId: 'content11', // minResizeWidth: 200, allowMaximize: false, }, ], }, { type: 'splitPane', orientation: 'horizontal', floatingLocation: { x: 750, y: 200 }, floatingWidth: 300, floatingHeight: 200, panes: [ { type: 'tabGroupPane', allowEmpty: true, panes: [ { type: 'contentPane', header: 'Floating Tab 1', contentId: 'content12', }, { type: 'contentPane', header: 'Floating Tab 2', contentId: 'content13', }, ], }, ], }, ], }"
             },
             {
               "kind": "field",
@@ -7915,7 +7896,7 @@
               "type": {
                 "text": "IgcDockManagerLayout"
               },
-              "default": "{ rootPane: { type: 'splitPane', orientation: 'vertical', useFixedSize: true, panes: [ { type: 'contentPane', contentId: 'content1', header: 'Content 1 Header', size: 260, // PIXELS }, { type: 'splitPane', orientation: 'horizontal', size: 240 + 10, panes: [ { // type: 'splitPane', // orientation: 'vertical', // size: this.bodyWidth / 3, // panes: [ // { type: 'contentPane', contentId: 'content2', header: 'Content 2 Header', size: 240, // PIXELS // }, // ], }, // { // type: 'splitPane', // orientation: 'vertical', // useFixedSize: true, // size: (this.bodyWidth * 2) / 3, // panes: [ { type: 'contentPane', contentId: 'content3', header: 'Content 3 Header', size: 240, // PIXELS ...this.commonProps, }, // ], // }, // { // type: 'contentPane', // contentId: 'content_not_used_2', // header: 'NOT USED', // // size: 0, // ...this.commonProps, // }, ], }, { type: 'contentPane', contentId: 'content4', header: 'Content 4 Header', size: 290, // PIXELS }, { type: 'splitPane', orientation: 'horizontal', size: 240 + 10, panes: [ { type: 'splitPane', orientation: 'vertical', size: this.bodyWidth / 3, panes: [ { type: 'contentPane', contentId: 'content5', header: 'Content 5 Header', size: 240, // PIXELS }, ], }, { type: 'splitPane', orientation: 'vertical', size: (this.bodyWidth * 2) / 3, panes: [ { type: 'contentPane', contentId: 'content6', header: 'Content 6 Header', size: 240, // PIXELS }, ], }, // { // type: 'contentPane', // contentId: 'content_not_used_3', // header: 'NOT USED', // ...this.commonProps, // }, ], }, { type: 'splitPane', orientation: 'horizontal', size: 240 + 10, panes: [ { type: 'splitPane', orientation: 'vertical', size: this.bodyWidth / 2, panes: [ { type: 'contentPane', contentId: 'content7', header: 'Content 7 Header', size: 240, // PIXELS }, ], }, { type: 'splitPane', orientation: 'vertical', size: this.bodyWidth / 2, panes: [ { type: 'contentPane', contentId: 'content8', header: 'Content 8 Header', size: 240, // PIXELS }, ], }, // { // type: 'contentPane', // contentId: 'content_not_used_4', // header: 'NOT USED', // ...this.commonProps, // }, ], }, { type: 'contentPane', contentId: 'content9', header: 'Content 9 Header', size: 290, // PIXELS }, // { // type: 'contentPane', // contentId: 'content_not_used_1', // header: 'NOT USED', // ...this.commonProps, // }, ], }, floatingPanes: [], }"
+              "default": "{ rootPane: { type: 'splitPane', orientation: 'vertical', useFixedSize: true, panes: [ { type: 'contentPane', contentId: 'content1', header: 'Content 1 Header', // minResizeHeight: 150, // minResizeWidth: 175, size: 260, // PIXELS }, { type: 'splitPane', orientation: 'horizontal', size: 240 + 10, panes: [ { // type: 'splitPane', // orientation: 'vertical', // size: this.bodyWidth / 3, // panes: [ // { type: 'contentPane', contentId: 'content2', header: 'Content 2 Header', size: 240, // PIXELS // }, // ], }, // { // type: 'splitPane', // orientation: 'vertical', // useFixedSize: true, // size: (this.bodyWidth * 2) / 3, // panes: [ { type: 'contentPane', contentId: 'content3', header: 'Content 3 Header', size: 240, // PIXELS ...this.commonProps, }, // ], // }, // { // type: 'contentPane', // contentId: 'content_not_used_2', // header: 'NOT USED', // // size: 0, // ...this.commonProps, // }, ], }, { type: 'contentPane', contentId: 'content4', header: 'Content 4 Header', size: 290, // PIXELS }, { type: 'splitPane', orientation: 'horizontal', size: 240 + 10, panes: [ { type: 'splitPane', orientation: 'vertical', size: this.bodyWidth / 3, panes: [ { type: 'contentPane', contentId: 'content5', header: 'Content 5 Header', size: 240, // PIXELS }, ], }, { type: 'splitPane', orientation: 'vertical', size: (this.bodyWidth * 2) / 3, panes: [ { type: 'contentPane', contentId: 'content6', header: 'Content 6 Header', size: 240, // PIXELS }, ], }, // { // type: 'contentPane', // contentId: 'content_not_used_3', // header: 'NOT USED', // ...this.commonProps, // }, ], }, { type: 'splitPane', orientation: 'horizontal', size: 240 + 10, panes: [ { type: 'splitPane', orientation: 'vertical', size: this.bodyWidth / 2, panes: [ { type: 'contentPane', contentId: 'content7', header: 'Content 7 Header', size: 240, // PIXELS }, ], }, { type: 'splitPane', orientation: 'vertical', size: this.bodyWidth / 2, panes: [ { type: 'contentPane', contentId: 'content8', header: 'Content 8 Header', size: 240, // PIXELS }, ], }, // { // type: 'contentPane', // contentId: 'content_not_used_4', // header: 'NOT USED', // ...this.commonProps, // }, ], }, { type: 'contentPane', contentId: 'content9', header: 'Content 9 Header', size: 290, // PIXELS }, // { // type: 'contentPane', // contentId: 'content_not_used_1', // header: 'NOT USED', // ...this.commonProps, // }, ], }, floatingPanes: [], }"
             },
             {
               "kind": "field",
@@ -7923,7 +7904,7 @@
               "type": {
                 "text": "IgcDockManagerLayout"
               },
-              "default": "{ rootPane: { type: 'splitPane', orientation: 'horizontal', panes: [ { type: 'splitPane', orientation: 'vertical', useFixedSize: true, size: this.bodyWidth, panes: [ { type: 'contentPane', contentId: 'content1', header: 'Content 1 Header', size: 60, // PIXELS }, { type: 'splitPane', orientation: 'horizontal', size: 240 + 10, useFixedSize: true, panes: [ { type: 'splitPane', orientation: 'vertical', size: this.bodyWidth / 3, panes: [ { type: 'contentPane', contentId: 'content2', header: 'Content 2 Header', size: 240, // PIXELS }, ], }, { type: 'splitPane', orientation: 'vertical', size: (this.bodyWidth * 2) / 3, panes: [ { type: 'contentPane', contentId: 'content3', header: 'Content 3 Header', size: 240, // PIXELS }, ], }, { type: 'contentPane', contentId: 'content_not_used_2', header: 'NOT USED', // size: 0, ...this.commonProps, }, ], }, { type: 'contentPane', contentId: 'content4', header: 'Content 4 Header', size: 290, // PIXELS }, { type: 'splitPane', orientation: 'horizontal', size: 240 + 10, panes: [ { type: 'splitPane', orientation: 'vertical', size: this.bodyWidth / 3, panes: [ { type: 'contentPane', contentId: 'content5', header: 'Content 5 Header', size: 240, // PIXELS }, ], }, { type: 'splitPane', orientation: 'vertical', size: (this.bodyWidth * 2) / 3, panes: [ { type: 'contentPane', contentId: 'content6', header: 'Content 6 Header', size: 240, // PIXELS }, ], }, { type: 'contentPane', contentId: 'content_not_used_3', header: 'NOT USED', ...this.commonProps, }, ], }, { type: 'splitPane', orientation: 'horizontal', size: 240 + 10, panes: [ { type: 'splitPane', orientation: 'vertical', size: this.bodyWidth / 2, panes: [ { type: 'contentPane', contentId: 'content7', header: 'Content 7 Header', size: 240, // PIXELS }, ], }, { type: 'splitPane', orientation: 'vertical', size: this.bodyWidth / 2, panes: [ { type: 'contentPane', contentId: 'content8', header: 'Content 8 Header', size: 240, // PIXELS }, ], }, { type: 'contentPane', contentId: 'content_not_used_4', header: 'NOT USED', ...this.commonProps, }, ], }, { type: 'contentPane', contentId: 'content9', header: 'Content 9 Header', size: 290, // PIXELS }, { type: 'contentPane', contentId: 'content_not_used_1', header: 'NOT USED', ...this.commonProps, }, ], }, ], }, floatingPanes: [], }"
+              "default": "{ rootPane: { type: 'splitPane', orientation: 'horizontal', panes: [ { type: 'splitPane', orientation: 'vertical', useFixedSize: true, size: this.bodyWidth, panes: [ { type: 'contentPane', contentId: 'content1', header: 'Content 1 Header', size: 60, // PIXELS }, { type: 'splitPane', orientation: 'horizontal', size: 240 + 10, useFixedSize: true, panes: [ { type: 'splitPane', orientation: 'vertical', size: this.bodyWidth / 3, panes: [ { type: 'contentPane', contentId: 'content2', header: 'Content 2 Header', size: 240, // PIXELS // minResizeHeight: 85, }, ], }, { type: 'splitPane', orientation: 'vertical', size: (this.bodyWidth * 2) / 3, panes: [ { type: 'contentPane', contentId: 'content3', header: 'Content 3 Header', size: 240, // PIXELS }, ], }, { type: 'contentPane', contentId: 'content_not_used_2', header: 'NOT USED', // size: 0, ...this.commonProps, }, ], }, { type: 'contentPane', contentId: 'content4', header: 'Content 4 Header', size: 290, // PIXELS }, { type: 'splitPane', orientation: 'horizontal', size: 240 + 10, panes: [ { type: 'splitPane', orientation: 'vertical', size: this.bodyWidth / 3, panes: [ { type: 'contentPane', contentId: 'content5', header: 'Content 5 Header', size: 240, // PIXELS }, ], }, { type: 'splitPane', orientation: 'vertical', size: (this.bodyWidth * 2) / 3, panes: [ { type: 'contentPane', contentId: 'content6', header: 'Content 6 Header', size: 240, // PIXELS }, ], }, { type: 'contentPane', contentId: 'content_not_used_3', header: 'NOT USED', ...this.commonProps, }, ], }, { type: 'splitPane', orientation: 'horizontal', size: 240 + 10, panes: [ { type: 'splitPane', orientation: 'vertical', size: this.bodyWidth / 2, panes: [ { type: 'contentPane', contentId: 'content7', header: 'Content 7 Header', size: 240, // PIXELS }, ], }, { type: 'splitPane', orientation: 'vertical', size: this.bodyWidth / 2, panes: [ { type: 'contentPane', contentId: 'content8', header: 'Content 8 Header', size: 240, // PIXELS }, ], }, { type: 'contentPane', contentId: 'content_not_used_4', header: 'NOT USED', ...this.commonProps, }, ], }, { type: 'contentPane', contentId: 'content9', header: 'Content 9 Header', size: 290, // PIXELS }, { type: 'contentPane', contentId: 'content_not_used_1', header: 'NOT USED', ...this.commonProps, }, ], }, ], }, floatingPanes: [], }"
             },
             {
               "kind": "field",
@@ -9258,6 +9239,22 @@
               "privacy": "private",
               "default": "null"
             },
+            {
+              "kind": "field",
+              "name": "_minResizeWidth",
+              "type": {
+                "text": "number | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_minResizeHeight",
+              "type": {
+                "text": "number | undefined"
+              },
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "_hasHiddenTabs",
@@ -9374,6 +9371,20 @@
               "privacy": "public",
               "attribute": "parentUseFixedSize"
             },
+            {
+              "kind": "field",
+              "name": "minResizeWidth",
+              "privacy": "public",
+              "description": "The minimum width of the tab group in pixels during resizing.",
+              "attribute": "minResizeWidth"
+            },
+            {
+              "kind": "field",
+              "name": "minResizeHeight",
+              "privacy": "public",
+              "description": "The minimum height of the tab group in pixels during resizing.",
+              "attribute": "minResizeHeight"
+            },
             {
               "kind": "method",
               "name": "selectedIndexChanged",
@@ -9801,6 +9812,16 @@
             {
               "name": "parentUseFixedSize",
               "fieldName": "parentUseFixedSize"
+            },
+            {
+              "name": "minResizeWidth",
+              "description": "The minimum width of the tab group in pixels during resizing.",
+              "fieldName": "minResizeWidth"
+            },
+            {
+              "name": "minResizeHeight",
+              "description": "The minimum height of the tab group in pixels during resizing.",
+              "fieldName": "minResizeHeight"
             }
           ],
           "mixins": [
@@ -11271,6 +11292,40 @@
                 "text": "number"
               }
             },
+            {
+              "kind": "field",
+              "name": "_minResizeWidth",
+              "privacy": "private",
+              "default": "IGC_RESIZING_MIN_SIZE"
+            },
+            {
+              "kind": "field",
+              "name": "_minResizeHeight",
+              "privacy": "private",
+              "default": "IGC_RESIZING_MIN_SIZE"
+            },
+            {
+              "kind": "field",
+              "name": "minResizeWidth",
+              "privacy": "public",
+              "description": "The minimum width of the pane in pixels during resizing.",
+              "default": "42",
+              "attribute": "min-resize-width",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "minResizeHeight",
+              "privacy": "public",
+              "description": "The minimum height of the pane in pixels during resizing.",
+              "default": "42",
+              "attribute": "min-resize-height",
+              "type": {
+                "text": "number"
+              }
+            },
             {
               "kind": "method",
               "name": "_updateFlex",
@@ -11470,6 +11525,26 @@
                 "text": "number"
               }
             },
+            {
+              "name": "min-resize-width",
+              "description": "The minimum width of the pane in pixels during resizing.",
+              "default": "42",
+              "fieldName": "minResizeWidth",
+              "attribute": "min-resize-width",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "min-resize-height",
+              "description": "The minimum height of the pane in pixels during resizing.",
+              "default": "42",
+              "fieldName": "minResizeHeight",
+              "attribute": "min-resize-height",
+              "type": {
+                "text": "number"
+              }
+            },
             {
               "name": "header",
               "type": {
@@ -13030,6 +13105,40 @@
               "privacy": "public",
               "attribute": "size"
             },
+            {
+              "kind": "field",
+              "name": "_minResizeWidth",
+              "privacy": "private",
+              "default": "IGC_RESIZING_MIN_SIZE"
+            },
+            {
+              "kind": "field",
+              "name": "_minResizeHeight",
+              "privacy": "private",
+              "default": "IGC_RESIZING_MIN_SIZE"
+            },
+            {
+              "kind": "field",
+              "name": "minResizeWidth",
+              "privacy": "public",
+              "description": "The minimum width of child panes in pixels during resizing.",
+              "default": "42",
+              "attribute": "min-resize-width",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "minResizeHeight",
+              "privacy": "public",
+              "description": "The minimum height of child panes in pixels during resizing.",
+              "default": "42",
+              "attribute": "min-resize-height",
+              "type": {
+                "text": "number"
+              }
+            },
             {
               "kind": "method",
               "name": "_updateFlexStyle",
@@ -13207,6 +13316,26 @@
                 "text": "boolean"
               }
             },
+            {
+              "name": "min-resize-width",
+              "description": "The minimum width of child panes in pixels during resizing.",
+              "default": "42",
+              "fieldName": "minResizeWidth",
+              "attribute": "min-resize-width",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "min-resize-height",
+              "description": "The minimum height of child panes in pixels during resizing.",
+              "default": "42",
+              "fieldName": "minResizeHeight",
+              "attribute": "min-resize-height",
+              "type": {
+                "text": "number"
+              }
+            },
             {
               "name": "orientation",
               "description": "Defines the layout direction of the split pane: `horizontal` or `vertical`.",
@@ -13297,6 +13426,15 @@
               "privacy": "private",
               "default": "null"
             },
+            {
+              "kind": "field",
+              "name": "_paneMinSizes",
+              "type": {
+                "text": "number[] | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
             {
               "kind": "field",
               "name": "_flyoutMaxSize",
@@ -13592,6 +13730,30 @@
               "name": "_isVertical",
               "privacy": "private"
             },
+            {
+              "kind": "method",
+              "name": "_getMinSize",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "pane",
+                  "type": {
+                    "text": "HTMLElement | undefined"
+                  }
+                },
+                {
+                  "name": "orientation",
+                  "type": {
+                    "text": "'horizontal' | 'vertical'"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "addEventListener",