igniteui-dockmanager 1.18.1 → 1.19.0-RC.0

package/custom-elements.json

@@ -429,6 +429,11 @@
               "name": "panePinnedToggle",
               "default": "new EventEmitterMock<IgcPanePinnedEventArgs>()"
             },
+            {
+              "kind": "field",
+              "name": "paneFlyoutToggle",
+              "default": "new EventEmitterMock<IgcPaneFlyoutEventArgs>()"
+            },
             {
               "kind": "field",
               "name": "paneDragStart",
@@ -474,7 +479,7 @@
             {
               "kind": "field",
               "name": "layoutChange",
-              "default": "new EventEmitterMock()"
+              "default": "new EventEmitterMock<IgcLayoutChangeEventArgs>()"
             },
             {
               "kind": "field",
@@ -912,6 +917,72 @@
             }
           ],
           "events": []
+        },
+        {
+          "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": [
@@ -922,6 +993,22 @@
             "name": "Utils",
             "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"
+          }
         }
       ]
     },
@@ -1303,6 +1390,15 @@
               },
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "cachedHeaderHeight",
+              "type": {
+                "text": "number | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
             {
               "kind": "field",
               "name": "activePaneInternalSet",
@@ -2238,6 +2334,37 @@
                   "type": {
                     "text": "'previous' | 'next'"
                   }
+                },
+                {
+                  "name": "unpinnedLocation",
+                  "optional": true,
+                  "type": {
+                    "text": "IgcUnpinnedLocation"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_getMinSizeFromPane",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "pane",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                },
+                {
+                  "name": "property",
+                  "type": {
+                    "text": "'minResizeWidth' | 'minResizeHeight'"
+                  }
                 }
               ]
             },
@@ -3072,25 +3199,6 @@
               "name": "removeHoveredPane",
               "privacy": "private"
             },
-            {
-              "kind": "method",
-              "name": "togglePaneHeaderVisibility",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "pane",
-                  "type": {
-                    "text": "IgcContentPane"
-                  }
-                },
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
-            },
             {
               "kind": "method",
               "name": "renderButtonsTemplates",
@@ -3540,6 +3648,13 @@
                 "text": "EventEmitter<IgcPanePinnedEventArgs>"
               }
             },
+            {
+              "name": "paneFlyoutToggle",
+              "type": {
+                "text": "EventEmitter<IgcPaneFlyoutEventArgs>"
+              },
+              "description": "Emitted when an unpinned pane's flyout state changes (opens or closes).\r\n\r\nThis event fires when:\r\n- An unpinned pane is clicked and its flyout opens to display content\r\n- An unpinned pane's flyout closes (user clicks elsewhere, switches to another unpinned pane, etc.)\r\n- Switching between unpinned panes (fires twice: close event for old pane, open event for new pane)\r\n\r\nThis event does NOT fire when:\r\n- A pane is pinned or unpinned using the pin button (use panePinnedToggle for that)\r\n- A pane is initially unpinned (only subsequent flyout open/close actions)\r\n\r\nUse this event to show/hide auxiliary UI, update summary views, or respond to unpinned pane visibility changes."
+            },
             {
               "name": "activePaneChanged",
               "type": {
@@ -3585,7 +3700,7 @@
             {
               "name": "layoutChange",
               "type": {
-                "text": "EventEmitter"
+                "text": "EventEmitter<IgcLayoutChangeEventArgs>"
               }
             }
           ],
@@ -3647,6 +3762,14 @@
           },
           "default": "42"
         },
+        {
+          "kind": "variable",
+          "name": "IGC_DEFAULT_SPLITTER_SIZE",
+          "type": {
+            "text": "number"
+          },
+          "default": "4"
+        },
         {
           "kind": "variable",
           "name": "IGC_DEFAULT_RESIZE",
@@ -3662,6 +3785,14 @@
             "text": "number"
           },
           "default": "50"
+        },
+        {
+          "kind": "variable",
+          "name": "IGC_DEFAULT_FLOATING_PANE_HEADER_HEIGHT",
+          "type": {
+            "text": "number"
+          },
+          "default": "30"
         }
       ],
       "exports": [
@@ -3697,6 +3828,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",
@@ -3712,6 +3851,14 @@
             "name": "IGC_DRAG_FLYOUT_THRESHOLD",
             "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"
+          }
         }
       ]
     },
@@ -4205,15 +4352,6 @@
               },
               "privacy": "private"
             },
-            {
-              "kind": "field",
-              "name": "defaultSplitterSize",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "default": "4"
-            },
             {
               "kind": "field",
               "name": "visibleDocuments",
@@ -4304,6 +4442,14 @@
                 "text": "{ pane: any; index: number }"
               }
             },
+            {
+              "kind": "field",
+              "name": "isPinToggling",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
             {
               "kind": "method",
               "name": "getContent",
@@ -4934,6 +5080,27 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "setFlyoutPane",
+              "parameters": [
+                {
+                  "name": "newValue",
+                  "type": {
+                    "text": "IgcContentPane"
+                  },
+                  "description": "The new flyout pane value"
+                },
+                {
+                  "name": "oldValue",
+                  "type": {
+                    "text": "IgcContentPane"
+                  },
+                  "description": "The previous flyout pane value"
+                }
+              ],
+              "description": "Sets the flyout pane and emits paneFlyoutToggle event if needed."
+            },
             {
               "kind": "method",
               "name": "maximizePane",
@@ -5199,6 +5366,56 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "getSplitterSize",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "description": "Get the actual rendered size of a splitter element from the DOM."
+            },
+            {
+              "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.\r\nThis accounts for user customization via slots, CSS parts, or other styling."
+            },
+            {
+              "kind": "method",
+              "name": "getFloatingPaneMinConstraints",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "{\r\n    minWidth: number;\r\n    minHeight: number;\r\n  }"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "pane",
+                  "type": {
+                    "text": "IgcSplitPane"
+                  }
+                }
+              ],
+              "description": "Calculate the minimum width and height constraints for a floating pane\r\nbased on all its child panes' minResizeWidth and minResizeHeight properties.\r\nThis properly handles split panes by summing constraints in the split direction."
+            },
             {
               "kind": "method",
               "name": "closeTabPane",
@@ -5997,7 +6214,7 @@
                 "text": "IgcContentPane"
               },
               "privacy": "private",
-              "default": "{ type: IgcDockManagerPaneType.contentPane, header: 'Toolbox', contentId: 'content1', isPinned: false, unpinnedHeaderId: \"toolboxHeader\" }"
+              "default": "{ type: IgcDockManagerPaneType.contentPane, header: 'Toolbox', contentId: 'content1', isPinned: false, // minResizeWidth: 200, // minResizeHeight: 150, unpinnedHeaderId: \"toolboxHeader\" }"
             },
             {
               "kind": "field",
@@ -6014,7 +6231,7 @@
               "type": {
                 "text": "IgcDockManagerLayout"
               },
-              "default": "{ rootPane: { type: IgcDockManagerPaneType.splitPane, orientation: IgcSplitPaneOrientation.horizontal, panes: [ this.unpinnedToolboxPane, this.unpinnedTeamExplorerPane, { type: IgcDockManagerPaneType.splitPane, orientation: IgcSplitPaneOrientation.vertical, size: 300, panes: [ { type: IgcDockManagerPaneType.documentHost, size: 300, rootPane: { type: IgcDockManagerPaneType.splitPane, orientation: IgcSplitPaneOrientation.horizontal, allowEmpty: true, panes: [ { type: IgcDockManagerPaneType.tabGroupPane, panes: [ { type: IgcDockManagerPaneType.contentPane, header: 'MainWindow.xaml', contentId: 'content2', documentOnly: true, // allowMaximize: false, }, { type: IgcDockManagerPaneType.contentPane, header: 'MainWindow.xaml.cs', contentId: 'content6', documentOnly: true, allowFloating: false } ] }, { type: IgcDockManagerPaneType.contentPane, header: 'App.xaml', contentId: 'content8', allowMaximize: true, acceptsInnerDock: false } ] } }, { type: IgcDockManagerPaneType.splitPane, orientation: IgcSplitPaneOrientation.horizontal, allowEmpty: true, panes: [] }, { type: IgcDockManagerPaneType.contentPane, header: 'Error List', contentId: 'content3', allowDocking: false, allowFloating: false, allowMaximize: false }] }, { type: IgcDockManagerPaneType.splitPane, orientation: IgcSplitPaneOrientation.vertical, panes: [ { type: IgcDockManagerPaneType.tabGroupPane, size: 200, allowEmpty: true, panes: [ { type: IgcDockManagerPaneType.contentPane, header: 'Solution Explorer', headerId: 'header1', tabHeaderId: 'tabHeader1', unpinnedHeaderId: 'unpinnedHeader1', contentId: 'content4', allowMaximize: false }, this.teamExplorerPane ] }, { type: IgcDockManagerPaneType.contentPane, header: 'Properties', contentId: 'content5', unpinnedLocation: IgcUnpinnedLocation.top, allowFloating: false, allowMaximize: false } ] } ] }, floatingPanes: [ { type: IgcDockManagerPaneType.splitPane, orientation: IgcSplitPaneOrientation.horizontal, floatingLocation: { x: 50, y: 100 }, floatingWidth: 200, floatingHeight: 100, panes: [ { type: IgcDockManagerPaneType.contentPane, header: 'Notifications', contentId: 'content9', allowDocking: false } ], // floatingResizable: true }, { type: IgcDockManagerPaneType.splitPane, allowEmpty: true, orientation: IgcSplitPaneOrientation.horizontal, floatingLocation: { x: 250, y: 350 }, floatingWidth: 300, floatingHeight: 200, panes: [ { type: IgcDockManagerPaneType.contentPane, header: 'Floating 1', contentId: 'content10', acceptsInnerDock: false }, { type: IgcDockManagerPaneType.contentPane, header: 'Floating 2', contentId: 'content11', allowMaximize: false } ] }, { type: IgcDockManagerPaneType.splitPane, orientation: IgcSplitPaneOrientation.horizontal, floatingLocation: { x: 750, y: 200 }, floatingWidth: 300, floatingHeight: 200, panes: [ { type: IgcDockManagerPaneType.tabGroupPane, allowEmpty: true, panes: [ { type: IgcDockManagerPaneType.contentPane, header: 'Floating Tab 1', contentId: 'content12' }, { type: IgcDockManagerPaneType.contentPane, header: 'Floating Tab 2', contentId: 'content13' } ] } ] } ] }"
+              "default": "{ rootPane: { type: IgcDockManagerPaneType.splitPane, orientation: IgcSplitPaneOrientation.horizontal, panes: [ this.unpinnedToolboxPane, this.unpinnedTeamExplorerPane, { type: IgcDockManagerPaneType.splitPane, orientation: IgcSplitPaneOrientation.vertical, size: 300, panes: [ { type: IgcDockManagerPaneType.documentHost, size: 300, rootPane: { type: IgcDockManagerPaneType.splitPane, orientation: IgcSplitPaneOrientation.horizontal, allowEmpty: true, panes: [ { type: IgcDockManagerPaneType.tabGroupPane, // minResizeHeight: 300, panes: [ { type: IgcDockManagerPaneType.contentPane, header: 'MainWindow.xaml', contentId: 'content2', documentOnly: true, // allowMaximize: false, }, { type: IgcDockManagerPaneType.contentPane, header: 'MainWindow.xaml.cs', contentId: 'content6', documentOnly: true, allowFloating: false } ] }, { type: IgcDockManagerPaneType.contentPane, header: 'App.xaml', contentId: 'content8', allowMaximize: true, // minResizeHeight: 200, acceptsInnerDock: false } ] } }, { type: IgcDockManagerPaneType.splitPane, orientation: IgcSplitPaneOrientation.horizontal, allowEmpty: true, panes: [] }, { type: IgcDockManagerPaneType.contentPane, header: 'Error List', contentId: 'content3', allowDocking: false, allowFloating: false, allowMaximize: false, // minResizeHeight: 175 }] }, { type: IgcDockManagerPaneType.splitPane, orientation: IgcSplitPaneOrientation.vertical, panes: [ { type: IgcDockManagerPaneType.tabGroupPane, size: 200, allowEmpty: true, // minResizeHeight: 300, panes: [ { type: IgcDockManagerPaneType.contentPane, header: 'Solution Explorer', headerId: 'header1', tabHeaderId: 'tabHeader1', unpinnedHeaderId: 'unpinnedHeader1', contentId: 'content4', // minResizeWidth: 200, // minResizeHeight: 150, allowMaximize: false }, this.teamExplorerPane ] }, { type: IgcDockManagerPaneType.contentPane, header: 'Properties', contentId: 'content5', unpinnedLocation: IgcUnpinnedLocation.top, allowFloating: false, allowMaximize: false } ] } ] }, floatingPanes: [ { type: IgcDockManagerPaneType.splitPane, orientation: IgcSplitPaneOrientation.horizontal, floatingLocation: { x: 50, y: 100 }, floatingWidth: 200, floatingHeight: 100, panes: [ { type: IgcDockManagerPaneType.contentPane, header: 'Notifications', contentId: 'content9', allowDocking: false } ], // floatingResizable: true }, { type: IgcDockManagerPaneType.splitPane, allowEmpty: true, orientation: IgcSplitPaneOrientation.vertical, floatingLocation: { x: 250, y: 350 }, floatingWidth: 300, floatingHeight: 200, // minResizeWidth: 350, // minResizeHeight: 475, panes: [ { type: IgcDockManagerPaneType.contentPane, header: 'Floating 1', contentId: 'content10', acceptsInnerDock: false }, { type: IgcDockManagerPaneType.contentPane, header: 'Floating 2', contentId: 'content11', allowMaximize: false } ] }, { type: IgcDockManagerPaneType.splitPane, orientation: IgcSplitPaneOrientation.horizontal, floatingLocation: { x: 750, y: 200 }, floatingWidth: 300, floatingHeight: 200, panes: [ { type: IgcDockManagerPaneType.tabGroupPane, allowEmpty: true, panes: [ { type: IgcDockManagerPaneType.contentPane, header: 'Floating Tab 1', contentId: 'content12' }, { type: IgcDockManagerPaneType.contentPane, header: 'Floating Tab 2', contentId: 'content13' } ] } ] } ] }"
             },
             {
               "kind": "field",
@@ -6160,6 +6377,19 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "handlePaneFlyoutToggle",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "handleDragStart",
@@ -6852,6 +7082,22 @@
               },
               "default": "false"
             },
+            {
+              "kind": "field",
+              "name": "minResizeWidth",
+              "type": {
+                "text": "number"
+              },
+              "default": "IGC_RESIZING_MIN_SIZE"
+            },
+            {
+              "kind": "field",
+              "name": "minResizeHeight",
+              "type": {
+                "text": "number"
+              },
+              "default": "IGC_RESIZING_MIN_SIZE"
+            },
             {
               "kind": "method",
               "name": "selectedIndexPropertyChanged",
@@ -7087,6 +7333,20 @@
               "type": {
                 "text": "boolean"
               }
+            },
+            {
+              "name": "min-resize-width",
+              "fieldName": "minResizeWidth",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "min-resize-height",
+              "fieldName": "minResizeHeight",
+              "type": {
+                "text": "number"
+              }
             }
           ],
           "tagName": "igc-tabs-component",
@@ -8107,6 +8367,22 @@
               },
               "default": "false"
             },
+            {
+              "kind": "field",
+              "name": "minResizeWidth",
+              "type": {
+                "text": "number"
+              },
+              "default": "IGC_RESIZING_MIN_SIZE"
+            },
+            {
+              "kind": "field",
+              "name": "minResizeHeight",
+              "type": {
+                "text": "number"
+              },
+              "default": "IGC_RESIZING_MIN_SIZE"
+            },
             {
               "kind": "method",
               "name": "render"
@@ -8162,6 +8438,20 @@
               "type": {
                 "text": "boolean"
               }
+            },
+            {
+              "name": "min-resize-width",
+              "fieldName": "minResizeWidth",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "min-resize-height",
+              "fieldName": "minResizeHeight",
+              "type": {
+                "text": "number"
+              }
             }
           ],
           "tagName": "igc-content-pane-component",
@@ -8967,6 +9257,22 @@
               },
               "default": "false"
             },
+            {
+              "kind": "field",
+              "name": "minResizeWidth",
+              "type": {
+                "text": "number"
+              },
+              "default": "IGC_RESIZING_MIN_SIZE"
+            },
+            {
+              "kind": "field",
+              "name": "minResizeHeight",
+              "type": {
+                "text": "number"
+              },
+              "default": "IGC_RESIZING_MIN_SIZE"
+            },
             {
               "kind": "method",
               "name": "render"
@@ -9000,6 +9306,20 @@
               "type": {
                 "text": "boolean"
               }
+            },
+            {
+              "name": "min-resize-width",
+              "fieldName": "minResizeWidth",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "min-resize-height",
+              "fieldName": "minResizeHeight",
+              "type": {
+                "text": "number"
+              }
             }
           ],
           "tagName": "igc-split-pane-component",
@@ -9058,6 +9378,14 @@
               },
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "paneMinSizes",
+              "type": {
+                "text": "number[]"
+              },
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "ghostElement",
@@ -9343,6 +9671,30 @@
                 }
               ]
             },
+            {
+              "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": "handleSlotChange"