igniteui-dockmanager 2.1.2 → 2.1.3

package/custom-elements.json

@@ -466,6 +466,18 @@
               }
             }
           ]
+        },
+        {
+          "kind": "function",
+          "name": "exportPartsMap",
+          "parameters": [
+            {
+              "name": "partNameInfo",
+              "type": {
+                "text": "PartNameInfo"
+              }
+            }
+          ]
         }
       ],
       "exports": [
@@ -476,6 +488,14 @@
             "name": "partNameMap",
             "module": "src/common/util.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "exportPartsMap",
+          "declaration": {
+            "name": "exportPartsMap",
+            "module": "src/common/util.ts"
+          }
         }
       ]
     },
@@ -8580,6 +8600,11 @@
               "name": "_updateParts",
               "privacy": "private"
             },
+            {
+              "kind": "method",
+              "name": "_headerChanged",
+              "privacy": "protected"
+            },
             {
               "kind": "method",
               "name": "_forcedDragChanged",
@@ -10696,34 +10721,32 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/dockmanager/panes/content-pane-component.ts",
+      "path": "src/components/dockmanager/pane-navigator/pane-navigator-component.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "IgcContentPaneComponent",
+          "name": "IgcPaneNavigatorComponent",
           "cssParts": [
             {
-              "description": "The main wrapper of the content-pane component.",
-              "name": "content-pane"
+              "description": "Wrapper of the panel.",
+              "name": "base"
             },
             {
-              "description": "Applied when the pane is disabled.",
-              "name": "disabled"
+              "description": "The header element which contains the header of the currently selected pane.",
+              "name": "header"
             },
             {
-              "description": "Applied when the pane is the only one in a floating container.",
-              "name": "single-floating"
-            }
-          ],
-          "slots": [
+              "description": "The section element where groups of panes and documents are displayed.",
+              "name": "body"
+            },
             {
-              "description": "Default slot for pane content.",
-              "name": ""
+              "description": "The article element which contains all items of the same group - panes or documents.",
+              "name": "group"
             },
             {
-              "description": "Slot for projecting a custom header for the pane.",
-              "name": "header"
+              "description": "The header element displayed above the group of panes/documents.",
+              "name": "title"
             }
           ],
           "members": [
@@ -10736,7 +10759,7 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
-              "default": "'igc-content-pane'"
+              "default": "'igc-pane-navigator'"
             },
             {
               "kind": "method",
@@ -10746,227 +10769,264 @@
             },
             {
               "kind": "field",
-              "name": "_contentId",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "private",
-              "default": "''"
-            },
-            {
-              "kind": "field",
-              "name": "_disabled",
+              "name": "_paneNav",
               "type": {
-                "text": "boolean"
+                "text": "Ref<HTMLElement>"
               },
-              "privacy": "private",
-              "default": "false"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_isFlyout",
+              "name": "_allItems",
               "type": {
-                "text": "boolean"
+                "text": "IgcContentPane[]"
               },
               "privacy": "private",
-              "default": "false"
+              "default": "[]"
             },
             {
               "kind": "field",
-              "name": "_isSingleFloating",
+              "name": "_allItemsElement",
               "type": {
-                "text": "boolean"
+                "text": "HTMLElement[]"
               },
               "privacy": "private",
-              "default": "false"
+              "default": "[]"
             },
             {
               "kind": "field",
-              "name": "_parentUseFixedSize",
+              "name": "activeDocuments",
               "type": {
-                "text": "boolean"
+                "text": "IgcContentPane[]"
               },
-              "privacy": "private",
-              "default": "false"
+              "privacy": "public",
+              "default": "[]",
+              "description": "Determines currently visible documents.",
+              "attribute": "activeDocuments"
             },
             {
               "kind": "field",
-              "name": "_size",
+              "name": "activePanes",
               "type": {
-                "text": "number"
+                "text": "IgcContentPane[]"
               },
-              "privacy": "private",
-              "default": "IGC_DEFAULT_PANE_SIZE"
+              "privacy": "public",
+              "default": "[]",
+              "description": "Determines currently visible panes.",
+              "attribute": "activePanes"
             },
             {
               "kind": "field",
-              "name": "_unpinnedSize",
+              "name": "selectedIndex",
               "type": {
                 "text": "number"
               },
-              "privacy": "private",
-              "default": "IGC_DEFAULT_UNPIN_PANE_SIZE"
-            },
-            {
-              "kind": "field",
-              "name": "contentId",
               "privacy": "public",
-              "description": "Sets a unique identifier for the content pane.\nUsed for targeting slotted content.",
-              "attribute": "content-id"
+              "description": "Determines the index of the selected item.",
+              "attribute": "selectedIndex"
             },
             {
               "kind": "field",
-              "name": "header",
+              "name": "previousActivePaneIndex",
               "type": {
-                "text": "string"
+                "text": "number"
               },
               "privacy": "public",
-              "default": "''",
-              "description": "Defines the header label for the pane.",
-              "attribute": "header"
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "privacy": "public",
-              "description": "Disables the pane and makes it non-interactive.",
-              "default": "false",
-              "attribute": "disabled"
-            },
-            {
-              "kind": "field",
-              "name": "isFlyout",
-              "privacy": "public",
-              "description": "Indicates whether the pane is currently in a flyout state.",
-              "default": "false",
-              "attribute": "is-flyout"
-            },
-            {
-              "kind": "field",
-              "name": "isSingleFloating",
-              "privacy": "public",
-              "description": "Indicates that the pane is a single floating item.",
-              "default": "false",
-              "attribute": "is-single-floating"
-            },
-            {
-              "kind": "field",
-              "name": "parentUseFixedSize",
-              "privacy": "public",
-              "description": "Indicates if the parent uses fixed pixel sizes for its child panes.\nWhen enabled, pane sizes are treated as absolute values instead of relative weights.",
-              "default": "false",
-              "attribute": "parent-use-fixed-size"
+              "description": "Determines the index of the previously selected item.",
+              "attribute": "previousActivePaneIndex"
             },
             {
               "kind": "field",
-              "name": "size",
-              "privacy": "public",
-              "description": "Specifies the pane size.\nThis value is relative by default and used as a weight against sibling panes.\nWhen the parent uses fixed size mode, it is treated as an absolute pixel value.",
-              "default": "100",
+              "name": "resourceStrings",
               "type": {
-                "text": "number"
+                "text": "IgcDockManagerResourceStrings | undefined"
               },
-              "attribute": "size"
-            },
-            {
-              "kind": "field",
-              "name": "unpinnedSize",
-              "privacy": "public",
-              "description": "Specifies the pane's unpinned size when in flyout state.",
-              "default": "100",
-              "attribute": "unpinned-size",
-              "type": {
-                "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"
-              }
+              "description": "The resource strings for the pane navigator.",
+              "attribute": "resourceStrings"
             },
             {
               "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"
-              }
+              "name": "_handleKeyUp",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "_updateFlex",
-              "privacy": "private"
+              "name": "_handleKeyDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "_updateParts",
+              "name": "_scrollItemToView",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "addEventListener",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
+              "name": "_navigateToIndex",
+              "privacy": "private",
               "parameters": [
                 {
-                  "name": "type",
-                  "type": {
-                    "text": "K"
-                  }
-                },
-                {
-                  "name": "listener",
+                  "name": "initialIndex",
                   "type": {
-                    "text": "(this: HTMLElement, ev: M[K]) => any"
+                    "text": "number"
                   }
                 },
                 {
-                  "name": "options",
-                  "optional": true,
+                  "name": "direction",
                   "type": {
-                    "text": "boolean | AddEventListenerOptions"
+                    "text": "'next' | 'previous'"
                   }
                 }
-              ],
-              "inheritedFrom": {
-                "name": "EventEmitterMixin",
-                "module": "src/common/mixins/event-emitter.ts"
-              }
+              ]
             },
             {
               "kind": "method",
-              "name": "removeEventListener",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
+              "name": "_increaseSelectedIndex",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "amount",
+                  "default": "1"
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_decreaseSelectedIndex",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "amount",
+                  "default": "1"
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_resolveItemPart",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "item",
+                  "type": {
+                    "text": "IgcContentPane"
+                  }
+                },
+                {
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "isDocHost",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_selectItem",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "isDocHost",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_renderItems",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "title",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "items",
+                  "type": {
+                    "text": "IgcContentPane[]"
+                  }
+                },
+                {
+                  "name": "isDocHost",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "addEventListener",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "type",
+                  "type": {
+                    "text": "K"
+                  }
+                },
+                {
+                  "name": "listener",
+                  "type": {
+                    "text": "(this: HTMLElement, ev: M[K]) => any"
+                  }
+                },
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "boolean | AddEventListenerOptions"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "EventEmitterMixin",
+                "module": "src/common/mixins/event-emitter.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "removeEventListener",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "parameters": [
                 {
                   "name": "type",
@@ -11061,8 +11121,8 @@
           ],
           "events": [
             {
-              "description": "Emitted after the component has rendered.",
-              "name": "igcRendered"
+              "description": "Fired when pane navigator is closed.",
+              "name": "igcClosed"
             },
             {
               "type": {
@@ -11076,85 +11136,46 @@
           ],
           "attributes": [
             {
-              "name": "content-id",
-              "description": "Sets a unique identifier for the content pane.\nUsed for targeting slotted content.",
-              "fieldName": "contentId",
-              "attribute": "content-id"
-            },
-            {
-              "name": "is-flyout",
-              "description": "Indicates whether the pane is currently in a flyout state.",
-              "default": "false",
-              "fieldName": "isFlyout",
-              "attribute": "is-flyout"
-            },
-            {
-              "name": "is-single-floating",
-              "description": "Indicates that the pane is a single floating item.",
-              "default": "false",
-              "fieldName": "isSingleFloating",
-              "attribute": "is-single-floating"
-            },
-            {
-              "name": "parent-use-fixed-size",
-              "description": "Indicates if the parent uses fixed pixel sizes for its child panes.\nWhen enabled, pane sizes are treated as absolute values instead of relative weights.",
-              "default": "false",
-              "fieldName": "parentUseFixedSize",
-              "attribute": "parent-use-fixed-size"
-            },
-            {
-              "name": "unpinned-size",
-              "description": "Specifies the pane's unpinned size when in flyout state.",
-              "default": "100",
-              "fieldName": "unpinnedSize",
-              "attribute": "unpinned-size",
+              "name": "activeDocuments",
               "type": {
-                "text": "number"
-              }
+                "text": "IgcContentPane[]"
+              },
+              "default": "[]",
+              "description": "Determines currently visible documents.",
+              "fieldName": "activeDocuments"
             },
             {
-              "name": "min-resize-width",
-              "description": "The minimum width of the pane in pixels during resizing.",
-              "default": "42",
-              "fieldName": "minResizeWidth",
-              "attribute": "min-resize-width",
+              "name": "activePanes",
               "type": {
-                "text": "number"
-              }
+                "text": "IgcContentPane[]"
+              },
+              "default": "[]",
+              "description": "Determines currently visible panes.",
+              "fieldName": "activePanes"
             },
             {
-              "name": "min-resize-height",
-              "description": "The minimum height of the pane in pixels during resizing.",
-              "default": "42",
-              "fieldName": "minResizeHeight",
-              "attribute": "min-resize-height",
+              "name": "selectedIndex",
               "type": {
                 "text": "number"
-              }
+              },
+              "description": "Determines the index of the selected item.",
+              "fieldName": "selectedIndex"
             },
             {
-              "name": "header",
+              "name": "previousActivePaneIndex",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "default": "''",
-              "description": "Defines the header label for the pane.",
-              "fieldName": "header"
-            },
-            {
-              "name": "disabled",
-              "description": "Disables the pane and makes it non-interactive.",
-              "default": "false",
-              "fieldName": "disabled"
+              "description": "Determines the index of the previously selected item.",
+              "fieldName": "previousActivePaneIndex"
             },
             {
-              "name": "size",
-              "description": "Specifies the pane size.\nThis value is relative by default and used as a weight against sibling panes.\nWhen the parent uses fixed size mode, it is treated as an absolute pixel value.",
-              "default": "100",
+              "name": "resourceStrings",
               "type": {
-                "text": "number"
+                "text": "IgcDockManagerResourceStrings | undefined"
               },
-              "fieldName": "size"
+              "description": "The resource strings for the pane navigator.",
+              "fieldName": "resourceStrings"
             }
           ],
           "mixins": [
@@ -11167,7 +11188,7 @@
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "igc-content-pane",
+          "tagName": "igc-pane-navigator",
           "customElement": true
         }
       ],
@@ -11176,130 +11197,42 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "IgcContentPaneComponent",
-            "module": "src/components/dockmanager/panes/content-pane-component.ts"
+            "name": "IgcPaneNavigatorComponent",
+            "module": "src/components/dockmanager/pane-navigator/pane-navigator-component.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/dockmanager/panes/document-host-component.ts",
+      "path": "src/components/dockmanager/panes/content-pane-component.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "IgcDocumentHostComponent",
-          "members": [
+          "name": "IgcContentPaneComponent",
+          "cssParts": [
             {
-              "kind": "field",
-              "name": "tagName",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "static": true,
-              "readonly": true,
-              "default": "'igc-document-host'"
+              "description": "The main wrapper of the content-pane component.",
+              "name": "content-pane"
             },
             {
-              "kind": "method",
-              "name": "register",
-              "privacy": "public",
-              "static": true
-            },
-            {
-              "kind": "field",
-              "name": "_size",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "default": "IGC_DEFAULT_PANE_SIZE"
-            },
-            {
-              "kind": "field",
-              "name": "_parentUseFixedSize",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "parentUseFixedSize",
-              "privacy": "public",
-              "attribute": "parentUseFixedSize"
-            },
-            {
-              "kind": "field",
-              "name": "size",
-              "privacy": "public",
-              "type": {
-                "text": "number"
-              },
-              "attribute": "size"
-            },
-            {
-              "kind": "method",
-              "name": "_applyDynamicStyles",
-              "privacy": "private"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "parentUseFixedSize",
-              "fieldName": "parentUseFixedSize"
+              "description": "Applied when the pane is disabled.",
+              "name": "disabled"
             },
             {
-              "name": "size",
-              "type": {
-                "text": "number"
-              },
-              "fieldName": "size"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "IgcDocumentHostComponent",
-            "module": "src/components/dockmanager/panes/document-host-component.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/dockmanager/panes/floating-pane-component.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "IgcFloatingPaneComponent",
-          "cssParts": [
-            {
-              "description": "The root floating pane container.",
-              "name": "floating-window"
+              "description": "Applied when the pane is the only one in a floating container.",
+              "name": "single-floating"
             }
           ],
           "slots": [
             {
-              "description": "Renders the floating pane header content.",
-              "name": "header"
+              "description": "Default slot for pane content.",
+              "name": ""
             },
             {
-              "description": "Renders the main content of the floating pane.",
-              "name": ""
+              "description": "Slot for projecting a custom header for the pane.",
+              "name": "header"
             }
           ],
           "members": [
@@ -11312,7 +11245,7 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
-              "default": "'igc-floating-pane'"
+              "default": "'igc-content-pane'"
             },
             {
               "kind": "method",
@@ -11322,39 +11255,34 @@
             },
             {
               "kind": "field",
-              "name": "_floatingLocation",
+              "name": "_contentId",
               "type": {
-                "text": "IgcDockManagerPoint"
+                "text": "string"
               },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "_floatingHeight",
               "privacy": "private",
-              "default": "IGC_DEFAULT_PANE_SIZE"
-            },
-            {
-              "kind": "field",
-              "name": "_floatingWidth",
-              "privacy": "private",
-              "default": "IGC_DEFAULT_PANE_SIZE"
+              "default": "''"
             },
             {
               "kind": "field",
-              "name": "_floatingMinHeight",
+              "name": "_disabled",
+              "type": {
+                "text": "boolean"
+              },
               "privacy": "private",
-              "default": "IGC_DEFAULT_PANE_SIZE"
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "_floatingMinWidth",
+              "name": "_isFlyout",
+              "type": {
+                "text": "boolean"
+              },
               "privacy": "private",
-              "default": "IGC_DEFAULT_PANE_SIZE"
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "_maximized",
+              "name": "_isSingleFloating",
               "type": {
                 "text": "boolean"
               },
@@ -11363,127 +11291,154 @@
             },
             {
               "kind": "field",
-              "name": "allowResize",
+              "name": "_parentUseFixedSize",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "public",
-              "default": "true",
-              "description": "Indicates whether the floating pane can be resized.",
-              "attribute": "allowResize"
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "floatingLocation",
-              "privacy": "public",
-              "description": "The current location of the floating pane.\nDefaults to top-left corner position.",
+              "name": "_size",
               "type": {
-                "text": "IgcDockManagerPoint"
+                "text": "number"
               },
-              "attribute": "floatingLocation"
+              "privacy": "private",
+              "default": "IGC_DEFAULT_PANE_SIZE"
             },
             {
               "kind": "field",
-              "name": "floatingWidth",
-              "privacy": "public",
-              "description": "The current width of the floating pane.",
-              "default": "100",
+              "name": "_unpinnedSize",
               "type": {
                 "text": "number"
               },
-              "attribute": "floatingWidth"
+              "privacy": "private",
+              "default": "IGC_DEFAULT_UNPIN_PANE_SIZE"
             },
             {
               "kind": "field",
-              "name": "floatingHeight",
+              "name": "contentId",
               "privacy": "public",
-              "description": "The current height of the floating pane.",
-              "default": "100",
-              "type": {
-                "text": "number"
-              },
-              "attribute": "floatingHeight"
+              "description": "Sets a unique identifier for the content pane.\nUsed for targeting slotted content.",
+              "attribute": "content-id"
             },
             {
               "kind": "field",
-              "name": "hasHeader",
+              "name": "header",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
               "privacy": "public",
-              "default": "false",
-              "description": "Indicates whether the pane has a header section.",
-              "attribute": "hasHeader"
+              "default": "''",
+              "description": "Defines the header label for the pane.",
+              "attribute": "header"
             },
             {
               "kind": "field",
-              "name": "floatingMinHeight",
+              "name": "disabled",
               "privacy": "public",
-              "description": "The minimum height constraint for the floating pane.",
-              "default": "100",
-              "type": {
-                "text": "number"
-              },
-              "attribute": "floatingMinHeight"
+              "description": "Disables the pane and makes it non-interactive.",
+              "default": "false",
+              "attribute": "disabled"
             },
             {
               "kind": "field",
-              "name": "floatingMinWidth",
+              "name": "isFlyout",
               "privacy": "public",
-              "description": "The minimum width constraint for the floating pane.",
-              "default": "100",
-              "type": {
-                "text": "number"
-              },
-              "attribute": "floatingMinWidth"
+              "description": "Indicates whether the pane is currently in a flyout state.",
+              "default": "false",
+              "attribute": "is-flyout"
             },
             {
               "kind": "field",
-              "name": "floatingId",
-              "type": {
-                "text": "string"
-              },
+              "name": "isSingleFloating",
               "privacy": "public",
-              "default": "''",
-              "description": "A unique identifier for the floating pane.",
-              "attribute": "floatingId"
+              "description": "Indicates that the pane is a single floating item.",
+              "default": "false",
+              "attribute": "is-single-floating"
             },
             {
               "kind": "field",
-              "name": "maximized",
+              "name": "parentUseFixedSize",
               "privacy": "public",
-              "description": "Indicates whether the floating pane is currently maximized.",
+              "description": "Indicates if the parent uses fixed pixel sizes for its child panes.\nWhen enabled, pane sizes are treated as absolute values instead of relative weights.",
               "default": "false",
-              "attribute": "maximized"
+              "attribute": "parent-use-fixed-size"
             },
             {
               "kind": "field",
-              "name": "_dynamicStyles",
-              "privacy": "private",
-              "readonly": true
+              "name": "size",
+              "privacy": "public",
+              "description": "Specifies the pane size.\nThis value is relative by default and used as a weight against sibling panes.\nWhen the parent uses fixed size mode, it is treated as an absolute pixel value.",
+              "default": "100",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "size"
             },
             {
-              "kind": "method",
-              "name": "_applyDynamicStyles",
-              "privacy": "private"
+              "kind": "field",
+              "name": "unpinnedSize",
+              "privacy": "public",
+              "description": "Specifies the pane's unpinned size when in flyout state.",
+              "default": "100",
+              "attribute": "unpinned-size",
+              "type": {
+                "text": "number"
+              }
             },
             {
               "kind": "field",
-              "name": "_handleResizeStart",
-              "privacy": "private"
+              "name": "_minResizeWidth",
+              "privacy": "private",
+              "default": "IGC_RESIZING_MIN_SIZE"
             },
             {
               "kind": "field",
-              "name": "_handleResizeMove",
-              "privacy": "private"
+              "name": "_minResizeHeight",
+              "privacy": "private",
+              "default": "IGC_RESIZING_MIN_SIZE"
             },
             {
               "kind": "field",
-              "name": "_handleResizeEnd",
-              "privacy": "private"
+              "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": "method",
+              "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": "_headerChanged",
+              "privacy": "protected"
+            },
+            {
+              "kind": "method",
+              "name": "_updateFlex",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_updateParts",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
               "name": "addEventListener",
               "privacy": "public",
               "return": {
@@ -11620,16 +11575,8 @@
           ],
           "events": [
             {
-              "description": "Emitted when a resize interaction begins.",
-              "name": "wndResizeStart"
-            },
-            {
-              "description": "Emitted during the pane resize movement.",
-              "name": "wndResizeMove"
-            },
-            {
-              "description": "Emitted when the resize interaction ends.",
-              "name": "wndResizeEnd"
+              "description": "Emitted after the component has rendered.",
+              "name": "igcRendered"
             },
             {
               "type": {
@@ -11643,81 +11590,85 @@
           ],
           "attributes": [
             {
-              "name": "allowResize",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "description": "Indicates whether the floating pane can be resized.",
-              "fieldName": "allowResize"
+              "name": "content-id",
+              "description": "Sets a unique identifier for the content pane.\nUsed for targeting slotted content.",
+              "fieldName": "contentId",
+              "attribute": "content-id"
             },
             {
-              "name": "floatingLocation",
-              "description": "The current location of the floating pane.\nDefaults to top-left corner position.",
-              "type": {
-                "text": "IgcDockManagerPoint"
-              },
-              "fieldName": "floatingLocation"
+              "name": "is-flyout",
+              "description": "Indicates whether the pane is currently in a flyout state.",
+              "default": "false",
+              "fieldName": "isFlyout",
+              "attribute": "is-flyout"
             },
             {
-              "name": "floatingWidth",
-              "description": "The current width of the floating pane.",
-              "default": "100",
-              "type": {
-                "text": "number"
-              },
-              "fieldName": "floatingWidth"
+              "name": "is-single-floating",
+              "description": "Indicates that the pane is a single floating item.",
+              "default": "false",
+              "fieldName": "isSingleFloating",
+              "attribute": "is-single-floating"
             },
             {
-              "name": "floatingHeight",
-              "description": "The current height of the floating pane.",
-              "default": "100",
-              "type": {
-                "text": "number"
-              },
-              "fieldName": "floatingHeight"
+              "name": "parent-use-fixed-size",
+              "description": "Indicates if the parent uses fixed pixel sizes for its child panes.\nWhen enabled, pane sizes are treated as absolute values instead of relative weights.",
+              "default": "false",
+              "fieldName": "parentUseFixedSize",
+              "attribute": "parent-use-fixed-size"
             },
             {
-              "name": "hasHeader",
+              "name": "unpinned-size",
+              "description": "Specifies the pane's unpinned size when in flyout state.",
+              "default": "100",
+              "fieldName": "unpinnedSize",
+              "attribute": "unpinned-size",
               "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Indicates whether the pane has a header section.",
-              "fieldName": "hasHeader"
+                "text": "number"
+              }
             },
             {
-              "name": "floatingMinHeight",
-              "description": "The minimum height constraint for the floating pane.",
-              "default": "100",
+              "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"
-              },
-              "fieldName": "floatingMinHeight"
+              }
             },
             {
-              "name": "floatingMinWidth",
-              "description": "The minimum width constraint for the floating pane.",
-              "default": "100",
+              "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"
-              },
-              "fieldName": "floatingMinWidth"
+              }
             },
             {
-              "name": "floatingId",
+              "name": "header",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "A unique identifier for the floating pane.",
-              "fieldName": "floatingId"
+              "description": "Defines the header label for the pane.",
+              "fieldName": "header"
             },
             {
-              "name": "maximized",
-              "description": "Indicates whether the floating pane is currently maximized.",
+              "name": "disabled",
+              "description": "Disables the pane and makes it non-interactive.",
               "default": "false",
-              "fieldName": "maximized"
+              "fieldName": "disabled"
+            },
+            {
+              "name": "size",
+              "description": "Specifies the pane size.\nThis value is relative by default and used as a weight against sibling panes.\nWhen the parent uses fixed size mode, it is treated as an absolute pixel value.",
+              "default": "100",
+              "type": {
+                "text": "number"
+              },
+              "fieldName": "size"
             }
           ],
           "mixins": [
@@ -11730,7 +11681,7 @@
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "igc-floating-pane",
+          "tagName": "igc-content-pane",
           "customElement": true
         }
       ],
@@ -11739,46 +11690,20 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "IgcFloatingPaneComponent",
-            "module": "src/components/dockmanager/panes/floating-pane-component.ts"
+            "name": "IgcContentPaneComponent",
+            "module": "src/components/dockmanager/panes/content-pane-component.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/dockmanager/panes/pane-header-component.ts",
+      "path": "src/components/dockmanager/panes/document-host-component.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "IgcPaneHeaderComponent",
-          "slots": [
-            {
-              "description": "Renders the pane header title.",
-              "name": ""
-            },
-            {
-              "description": "Renders a custom close button.",
-              "name": "paneHeaderCloseButton"
-            },
-            {
-              "description": "Renders a custom maximize button.",
-              "name": "paneHeaderMaximizeButton"
-            },
-            {
-              "description": "Renders a custom minimize button.",
-              "name": "paneHeaderMinimizeButton"
-            },
-            {
-              "description": "Renders a custom pin button.",
-              "name": "paneHeaderPinButton"
-            },
-            {
-              "description": "Renders a custom unpin button.",
-              "name": "paneHeaderUnpinButton"
-            }
-          ],
+          "name": "IgcDocumentHostComponent",
           "members": [
             {
               "kind": "field",
@@ -11789,7 +11714,7 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
-              "default": "'igc-pane-header'"
+              "default": "'igc-document-host'"
             },
             {
               "kind": "method",
@@ -11799,230 +11724,277 @@
             },
             {
               "kind": "field",
-              "name": "_dragService",
+              "name": "_size",
               "type": {
-                "text": "IgcDragService"
+                "text": "number"
               },
               "privacy": "private",
-              "default": "new IgcDragService(this)"
-            },
-            {
-              "kind": "field",
-              "name": "commonParts",
-              "privacy": "private",
-              "readonly": true
+              "default": "IGC_DEFAULT_PANE_SIZE"
             },
             {
               "kind": "field",
-              "name": "pinned",
+              "name": "_parentUseFixedSize",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "public",
-              "default": "false",
-              "description": "Whether the pane is currently pinned.",
-              "attribute": "pinned"
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "maximized",
-              "type": {
-                "text": "boolean"
-              },
+              "name": "parentUseFixedSize",
               "privacy": "public",
-              "default": "false",
-              "description": "Whether the pane is currently maximized.",
-              "attribute": "maximized"
+              "attribute": "parentUseFixedSize"
             },
             {
               "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
+              "name": "size",
               "privacy": "public",
-              "default": "false",
-              "description": "Disables interaction with the pane header.",
-              "attribute": "disabled"
-            },
-            {
-              "kind": "field",
-              "name": "isFloating",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "privacy": "public",
-              "default": "false",
-              "description": "Indicates whether the header is used in a floating window.",
-              "attribute": "is-floating"
+              "attribute": "size"
             },
             {
-              "kind": "field",
-              "name": "isFloatingPaneHeader",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "false",
-              "description": "Indicates that the header is used in a floating pane context.",
-              "attribute": "is-floating-pane-header"
-            },
+              "kind": "method",
+              "name": "_applyDynamicStyles",
+              "privacy": "private"
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
-              "name": "isActive",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "false",
-              "description": "Marks the header as active.",
-              "attribute": "is-active"
+              "name": "parentUseFixedSize",
+              "fieldName": "parentUseFixedSize"
             },
             {
-              "kind": "field",
-              "name": "forcedDrag",
+              "name": "size",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "privacy": "public",
-              "default": "false",
-              "description": "Forces drag behavior on the pane header.",
-              "attribute": "forced-drag"
+              "fieldName": "size"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "IgcDocumentHostComponent",
+            "module": "src/components/dockmanager/panes/document-host-component.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/dockmanager/panes/floating-pane-component.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "IgcFloatingPaneComponent",
+          "cssParts": [
+            {
+              "description": "The root floating pane container.",
+              "name": "floating-window"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Renders the floating pane header content.",
+              "name": "header"
             },
+            {
+              "description": "Renders the main content of the floating pane.",
+              "name": ""
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "allowClose",
+              "name": "tagName",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
               "privacy": "public",
-              "default": "true",
-              "description": "Enables or disables closing.",
-              "attribute": "allow-close"
+              "static": true,
+              "readonly": true,
+              "default": "'igc-floating-pane'"
             },
             {
-              "kind": "field",
-              "name": "allowMaximize",
-              "type": {
-                "text": "boolean"
-              },
+              "kind": "method",
+              "name": "register",
               "privacy": "public",
-              "default": "true",
-              "description": "Enables or disables maximizing.",
-              "attribute": "allow-maximize"
+              "static": true
             },
             {
               "kind": "field",
-              "name": "allowPinning",
+              "name": "_floatingLocation",
               "type": {
-                "text": "boolean"
+                "text": "IgcDockManagerPoint"
               },
-              "privacy": "public",
-              "default": "true",
-              "description": "Enables or disables pinning.",
-              "attribute": "allow-pinning"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "pane",
-              "type": {
-                "text": "IgcContentPane"
-              },
-              "privacy": "public",
-              "description": "Reference to the content pane associated with this header."
+              "name": "_floatingHeight",
+              "privacy": "private",
+              "default": "IGC_DEFAULT_PANE_SIZE"
             },
             {
               "kind": "field",
-              "name": "resourceStrings",
-              "type": {
-                "text": "IgcDockManagerResourceStrings | undefined"
-              },
-              "description": "Localized strings used for icon button accessibility."
+              "name": "_floatingWidth",
+              "privacy": "private",
+              "default": "IGC_DEFAULT_PANE_SIZE"
             },
             {
-              "kind": "method",
-              "name": "forceDragging",
-              "privacy": "private"
+              "kind": "field",
+              "name": "_floatingMinHeight",
+              "privacy": "private",
+              "default": "IGC_DEFAULT_PANE_SIZE"
             },
             {
-              "kind": "method",
-              "name": "visualStateChanged",
-              "privacy": "protected"
+              "kind": "field",
+              "name": "_floatingMinWidth",
+              "privacy": "private",
+              "default": "IGC_DEFAULT_PANE_SIZE"
             },
             {
               "kind": "field",
-              "name": "_handleDragStart",
-              "privacy": "private"
+              "name": "_maximized",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "_handleDragMove",
-              "privacy": "private"
+              "name": "allowResize",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "true",
+              "description": "Indicates whether the floating pane can be resized.",
+              "attribute": "allowResize"
             },
             {
               "kind": "field",
-              "name": "_handleDragEnd",
-              "privacy": "private"
+              "name": "floatingLocation",
+              "privacy": "public",
+              "description": "The current location of the floating pane.\nDefaults to top-left corner position.",
+              "type": {
+                "text": "IgcDockManagerPoint"
+              },
+              "attribute": "floatingLocation"
             },
             {
               "kind": "field",
-              "name": "_handlePinButtonClick",
-              "privacy": "private"
+              "name": "floatingWidth",
+              "privacy": "public",
+              "description": "The current width of the floating pane.",
+              "default": "100",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "floatingWidth"
             },
             {
               "kind": "field",
-              "name": "_handleMaximizeButtonClick",
-              "privacy": "private"
+              "name": "floatingHeight",
+              "privacy": "public",
+              "description": "The current height of the floating pane.",
+              "default": "100",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "floatingHeight"
             },
             {
               "kind": "field",
-              "name": "_handleCloseButtonClick",
-              "privacy": "private"
+              "name": "hasHeader",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Indicates whether the pane has a header section.",
+              "attribute": "hasHeader"
             },
             {
-              "kind": "method",
-              "name": "renderCloseButton",
-              "privacy": "private"
+              "kind": "field",
+              "name": "floatingMinHeight",
+              "privacy": "public",
+              "description": "The minimum height constraint for the floating pane.",
+              "default": "100",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "floatingMinHeight"
             },
             {
-              "kind": "method",
-              "name": "renderMaximizeButton",
-              "privacy": "private"
+              "kind": "field",
+              "name": "floatingMinWidth",
+              "privacy": "public",
+              "description": "The minimum width constraint for the floating pane.",
+              "default": "100",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "floatingMinWidth"
             },
             {
-              "kind": "method",
-              "name": "renderMinimizeButton",
-              "privacy": "private"
+              "kind": "field",
+              "name": "floatingId",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "default": "''",
+              "description": "A unique identifier for the floating pane.",
+              "attribute": "floatingId"
             },
             {
-              "kind": "method",
-              "name": "renderPinButton",
-              "privacy": "private"
+              "kind": "field",
+              "name": "maximized",
+              "privacy": "public",
+              "description": "Indicates whether the floating pane is currently maximized.",
+              "default": "false",
+              "attribute": "maximized"
             },
             {
-              "kind": "method",
-              "name": "renderUnpinButton",
-              "privacy": "private"
+              "kind": "field",
+              "name": "_dynamicStyles",
+              "privacy": "private",
+              "readonly": true
             },
             {
-              "kind": "field",
-              "name": "dragEdgeTolerance",
-              "type": {
-                "text": "number"
-              },
-              "default": "3"
+              "kind": "method",
+              "name": "_applyDynamicStyles",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "dragStart"
+              "name": "_handleResizeStart",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "dragMove"
+              "name": "_handleResizeMove",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "dragEnd"
+              "name": "_handleResizeEnd",
+              "privacy": "private"
             },
             {
               "kind": "method",
@@ -12162,36 +12134,16 @@
           ],
           "events": [
             {
-              "description": "Emitted when dragging starts on the header.",
-              "name": "igcPaneHeaderDragStart"
-            },
-            {
-              "description": "Emitted during header dragging.",
-              "name": "igcPaneHeaderDragMoved"
+              "description": "Emitted when a resize interaction begins.",
+              "name": "wndResizeStart"
             },
             {
-              "description": "Emitted when dragging ends on the header.",
-              "name": "igcPaneHeaderDragEnd"
+              "description": "Emitted during the pane resize movement.",
+              "name": "wndResizeMove"
             },
             {
-              "description": "Emitted when the pin button is clicked.",
-              "name": "igcPinToggle"
-            },
-            {
-              "description": "Emitted when the maximize button is clicked.",
-              "name": "igcMaximize"
-            },
-            {
-              "description": "Emitted when the close button is clicked.",
-              "name": "igcClose"
-            },
-            {
-              "description": "Emitted when the element is connected to the DOM.",
-              "name": "elementConnected"
-            },
-            {
-              "description": "Emitted when the element is disconnected from the DOM.",
-              "name": "elementDisconnected"
+              "description": "Emitted when the resize interaction ends.",
+              "name": "wndResizeEnd"
             },
             {
               "type": {
@@ -12205,101 +12157,81 @@
           ],
           "attributes": [
             {
-              "name": "is-floating",
+              "name": "allowResize",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Indicates whether the header is used in a floating window.",
-              "fieldName": "isFloating",
-              "attribute": "is-floating"
+              "default": "true",
+              "description": "Indicates whether the floating pane can be resized.",
+              "fieldName": "allowResize"
             },
             {
-              "name": "is-floating-pane-header",
+              "name": "floatingLocation",
+              "description": "The current location of the floating pane.\nDefaults to top-left corner position.",
               "type": {
-                "text": "boolean"
+                "text": "IgcDockManagerPoint"
               },
-              "default": "false",
-              "description": "Indicates that the header is used in a floating pane context.",
-              "fieldName": "isFloatingPaneHeader",
-              "attribute": "is-floating-pane-header"
+              "fieldName": "floatingLocation"
             },
             {
-              "name": "is-active",
+              "name": "floatingWidth",
+              "description": "The current width of the floating pane.",
+              "default": "100",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "description": "Marks the header as active.",
-              "fieldName": "isActive",
-              "attribute": "is-active"
+              "fieldName": "floatingWidth"
             },
             {
-              "name": "forced-drag",
+              "name": "floatingHeight",
+              "description": "The current height of the floating pane.",
+              "default": "100",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "description": "Forces drag behavior on the pane header.",
-              "fieldName": "forcedDrag",
-              "attribute": "forced-drag"
+              "fieldName": "floatingHeight"
             },
             {
-              "name": "allow-close",
+              "name": "hasHeader",
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
-              "description": "Enables or disables closing.",
-              "fieldName": "allowClose",
-              "attribute": "allow-close"
+              "default": "false",
+              "description": "Indicates whether the pane has a header section.",
+              "fieldName": "hasHeader"
             },
             {
-              "name": "allow-maximize",
+              "name": "floatingMinHeight",
+              "description": "The minimum height constraint for the floating pane.",
+              "default": "100",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "true",
-              "description": "Enables or disables maximizing.",
-              "fieldName": "allowMaximize",
-              "attribute": "allow-maximize"
+              "fieldName": "floatingMinHeight"
             },
             {
-              "name": "allow-pinning",
+              "name": "floatingMinWidth",
+              "description": "The minimum width constraint for the floating pane.",
+              "default": "100",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "true",
-              "description": "Enables or disables pinning.",
-              "fieldName": "allowPinning",
-              "attribute": "allow-pinning"
+              "fieldName": "floatingMinWidth"
             },
             {
-              "name": "pinned",
+              "name": "floatingId",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Whether the pane is currently pinned.",
-              "fieldName": "pinned"
+              "default": "''",
+              "description": "A unique identifier for the floating pane.",
+              "fieldName": "floatingId"
             },
             {
               "name": "maximized",
-              "type": {
-                "text": "boolean"
-              },
+              "description": "Indicates whether the floating pane is currently maximized.",
               "default": "false",
-              "description": "Whether the pane is currently maximized.",
               "fieldName": "maximized"
-            },
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Disables interaction with the pane header.",
-              "fieldName": "disabled"
             }
           ],
           "mixins": [
@@ -12312,7 +12244,7 @@
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "igc-pane-header",
+          "tagName": "igc-floating-pane",
           "customElement": true
         }
       ],
@@ -12321,20 +12253,46 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "IgcPaneHeaderComponent",
-            "module": "src/components/dockmanager/panes/pane-header-component.ts"
+            "name": "IgcFloatingPaneComponent",
+            "module": "src/components/dockmanager/panes/floating-pane-component.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/dockmanager/panes/resizer-component.ts",
+      "path": "src/components/dockmanager/panes/pane-header-component.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "IgcResizerComponent",
+          "name": "IgcPaneHeaderComponent",
+          "slots": [
+            {
+              "description": "Renders the pane header title.",
+              "name": ""
+            },
+            {
+              "description": "Renders a custom close button.",
+              "name": "paneHeaderCloseButton"
+            },
+            {
+              "description": "Renders a custom maximize button.",
+              "name": "paneHeaderMaximizeButton"
+            },
+            {
+              "description": "Renders a custom minimize button.",
+              "name": "paneHeaderMinimizeButton"
+            },
+            {
+              "description": "Renders a custom pin button.",
+              "name": "paneHeaderPinButton"
+            },
+            {
+              "description": "Renders a custom unpin button.",
+              "name": "paneHeaderUnpinButton"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -12345,7 +12303,7 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
-              "default": "'igc-resizer'"
+              "default": "'igc-pane-header'"
             },
             {
               "kind": "method",
@@ -12364,66 +12322,238 @@
             },
             {
               "kind": "field",
-              "name": "orientation",
+              "name": "commonParts",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "pinned",
               "type": {
-                "text": "ResizerLocation"
+                "text": "boolean"
               },
               "privacy": "public",
-              "description": "Specifies the orientation of the resizer.",
-              "attribute": "orientation"
+              "default": "false",
+              "description": "Whether the pane is currently pinned.",
+              "attribute": "pinned"
             },
             {
               "kind": "field",
-              "name": "isCornerResizer",
+              "name": "maximized",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "private",
-              "readonly": true
+              "privacy": "public",
+              "default": "false",
+              "description": "Whether the pane is currently maximized.",
+              "attribute": "maximized"
             },
             {
               "kind": "field",
-              "name": "_handleDragStart",
-              "privacy": "private"
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Disables interaction with the pane header.",
+              "attribute": "disabled"
             },
             {
               "kind": "field",
-              "name": "_handleDragMove",
-              "privacy": "private"
+              "name": "isFloating",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Indicates whether the header is used in a floating window.",
+              "attribute": "is-floating"
             },
             {
               "kind": "field",
-              "name": "_handleDragEnd",
-              "privacy": "private"
+              "name": "isFloatingPaneHeader",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Indicates that the header is used in a floating pane context.",
+              "attribute": "is-floating-pane-header"
             },
             {
               "kind": "field",
-              "name": "dragStart"
+              "name": "isActive",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Marks the header as active.",
+              "attribute": "is-active"
             },
             {
               "kind": "field",
-              "name": "dragMove"
+              "name": "forcedDrag",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Forces drag behavior on the pane header.",
+              "attribute": "forced-drag"
             },
             {
               "kind": "field",
-              "name": "dragEnd"
+              "name": "allowClose",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "true",
+              "description": "Enables or disables closing.",
+              "attribute": "allow-close"
             },
             {
-              "kind": "method",
-              "name": "addEventListener",
+              "kind": "field",
+              "name": "allowMaximize",
+              "type": {
+                "text": "boolean"
+              },
               "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "default": "true",
+              "description": "Enables or disables maximizing.",
+              "attribute": "allow-maximize"
+            },
+            {
+              "kind": "field",
+              "name": "allowPinning",
+              "type": {
+                "text": "boolean"
               },
-              "parameters": [
-                {
-                  "name": "type",
-                  "type": {
-                    "text": "K"
-                  }
-                },
+              "privacy": "public",
+              "default": "true",
+              "description": "Enables or disables pinning.",
+              "attribute": "allow-pinning"
+            },
+            {
+              "kind": "field",
+              "name": "pane",
+              "type": {
+                "text": "IgcContentPane"
+              },
+              "privacy": "public",
+              "description": "Reference to the content pane associated with this header."
+            },
+            {
+              "kind": "field",
+              "name": "resourceStrings",
+              "type": {
+                "text": "IgcDockManagerResourceStrings | undefined"
+              },
+              "description": "Localized strings used for icon button accessibility."
+            },
+            {
+              "kind": "method",
+              "name": "forceDragging",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "visualStateChanged",
+              "privacy": "protected"
+            },
+            {
+              "kind": "field",
+              "name": "_handleDragStart",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_handleDragMove",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_handleDragEnd",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_handlePinButtonClick",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_handleMaximizeButtonClick",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_handleCloseButtonClick",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "renderCloseButton",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "renderMaximizeButton",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "renderMinimizeButton",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "renderPinButton",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "renderUnpinButton",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "dragEdgeTolerance",
+              "type": {
+                "text": "number"
+              },
+              "default": "3"
+            },
+            {
+              "kind": "field",
+              "name": "dragStart"
+            },
+            {
+              "kind": "field",
+              "name": "dragMove"
+            },
+            {
+              "kind": "field",
+              "name": "dragEnd"
+            },
+            {
+              "kind": "method",
+              "name": "addEventListener",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "type",
+                  "type": {
+                    "text": "K"
+                  }
+                },
                 {
                   "name": "listener",
                   "type": {
@@ -12546,16 +12676,36 @@
           ],
           "events": [
             {
-              "description": "Emitted when a drag operation starts on the resizer.",
-              "name": "igcResizerDragStart"
+              "description": "Emitted when dragging starts on the header.",
+              "name": "igcPaneHeaderDragStart"
             },
             {
-              "description": "Emitted during resizer moving.",
-              "name": "igcResizerMoved"
+              "description": "Emitted during header dragging.",
+              "name": "igcPaneHeaderDragMoved"
             },
             {
-              "description": "Emitted when dragging ends on the resizer.",
-              "name": "igcResizerDragEnd"
+              "description": "Emitted when dragging ends on the header.",
+              "name": "igcPaneHeaderDragEnd"
+            },
+            {
+              "description": "Emitted when the pin button is clicked.",
+              "name": "igcPinToggle"
+            },
+            {
+              "description": "Emitted when the maximize button is clicked.",
+              "name": "igcMaximize"
+            },
+            {
+              "description": "Emitted when the close button is clicked.",
+              "name": "igcClose"
+            },
+            {
+              "description": "Emitted when the element is connected to the DOM.",
+              "name": "elementConnected"
+            },
+            {
+              "description": "Emitted when the element is disconnected from the DOM.",
+              "name": "elementDisconnected"
             },
             {
               "type": {
@@ -12569,12 +12719,101 @@
           ],
           "attributes": [
             {
-              "name": "orientation",
+              "name": "is-floating",
               "type": {
-                "text": "ResizerLocation"
+                "text": "boolean"
               },
-              "description": "Specifies the orientation of the resizer.",
-              "fieldName": "orientation"
+              "default": "false",
+              "description": "Indicates whether the header is used in a floating window.",
+              "fieldName": "isFloating",
+              "attribute": "is-floating"
+            },
+            {
+              "name": "is-floating-pane-header",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates that the header is used in a floating pane context.",
+              "fieldName": "isFloatingPaneHeader",
+              "attribute": "is-floating-pane-header"
+            },
+            {
+              "name": "is-active",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Marks the header as active.",
+              "fieldName": "isActive",
+              "attribute": "is-active"
+            },
+            {
+              "name": "forced-drag",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Forces drag behavior on the pane header.",
+              "fieldName": "forcedDrag",
+              "attribute": "forced-drag"
+            },
+            {
+              "name": "allow-close",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "description": "Enables or disables closing.",
+              "fieldName": "allowClose",
+              "attribute": "allow-close"
+            },
+            {
+              "name": "allow-maximize",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "description": "Enables or disables maximizing.",
+              "fieldName": "allowMaximize",
+              "attribute": "allow-maximize"
+            },
+            {
+              "name": "allow-pinning",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "description": "Enables or disables pinning.",
+              "fieldName": "allowPinning",
+              "attribute": "allow-pinning"
+            },
+            {
+              "name": "pinned",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the pane is currently pinned.",
+              "fieldName": "pinned"
+            },
+            {
+              "name": "maximized",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the pane is currently maximized.",
+              "fieldName": "maximized"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables interaction with the pane header.",
+              "fieldName": "disabled"
             }
           ],
           "mixins": [
@@ -12587,7 +12826,7 @@
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "igc-resizer",
+          "tagName": "igc-pane-header",
           "customElement": true
         }
       ],
@@ -12596,26 +12835,20 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "IgcResizerComponent",
-            "module": "src/components/dockmanager/panes/resizer-component.ts"
+            "name": "IgcPaneHeaderComponent",
+            "module": "src/components/dockmanager/panes/pane-header-component.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/dockmanager/panes/split-pane-component.ts",
+      "path": "src/components/dockmanager/panes/resizer-component.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "IgcSplitPaneComponent",
-          "cssParts": [
-            {
-              "description": "The root split pane container.",
-              "name": "split-pane"
-            }
-          ],
+          "name": "IgcResizerComponent",
           "members": [
             {
               "kind": "field",
@@ -12626,7 +12859,7 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
-              "default": "'igc-split-pane'"
+              "default": "'igc-resizer'"
             },
             {
               "kind": "method",
@@ -12636,100 +12869,58 @@
             },
             {
               "kind": "field",
-              "name": "_orientation",
-              "type": {
-                "text": "SplitPaneOrientation"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "_parentUseFixedSize",
+              "name": "_dragService",
               "type": {
-                "text": "boolean"
+                "text": "IgcDragService"
               },
               "privacy": "private",
-              "default": "false"
+              "default": "new IgcDragService(this)"
             },
             {
               "kind": "field",
               "name": "orientation",
-              "privacy": "public",
-              "description": "Defines the layout direction of the split pane: `horizontal` or `vertical`.",
               "type": {
-                "text": "SplitPaneOrientation"
+                "text": "ResizerLocation"
               },
+              "privacy": "public",
+              "description": "Specifies the orientation of the resizer.",
               "attribute": "orientation"
             },
             {
               "kind": "field",
-              "name": "useFixedSize",
+              "name": "isCornerResizer",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "public",
-              "default": "false",
-              "description": "Indicates whether the pane uses a fixed size.",
-              "attribute": "use-fixed-size"
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "parentUseFixedSize",
-              "privacy": "public",
-              "description": "Indicates if the parent pane uses fixed pane sizes.",
-              "default": "false",
-              "attribute": "parent-use-fixed-size",
-              "type": {
-                "text": "boolean"
-              }
+              "name": "_handleDragStart",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "number | undefined"
-              },
-              "privacy": "public",
-              "attribute": "size"
+              "name": "_handleDragMove",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_minResizeWidth",
-              "privacy": "private",
-              "default": "IGC_RESIZING_MIN_SIZE"
+              "name": "_handleDragEnd",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_minResizeHeight",
-              "privacy": "private",
-              "default": "IGC_RESIZING_MIN_SIZE"
+              "name": "dragStart"
             },
             {
               "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"
-              }
+              "name": "dragMove"
             },
             {
               "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",
-              "privacy": "private"
+              "name": "dragEnd"
             },
             {
               "kind": "method",
@@ -12869,8 +13060,16 @@
           ],
           "events": [
             {
-              "description": "Emitted when the component is updated and rendered.",
-              "name": "igcRendered"
+              "description": "Emitted when a drag operation starts on the resizer.",
+              "name": "igcResizerDragStart"
+            },
+            {
+              "description": "Emitted during resizer moving.",
+              "name": "igcResizerMoved"
+            },
+            {
+              "description": "Emitted when dragging ends on the resizer.",
+              "name": "igcResizerDragEnd"
             },
             {
               "type": {
@@ -12883,60 +13082,13 @@
             }
           ],
           "attributes": [
-            {
-              "name": "use-fixed-size",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Indicates whether the pane uses a fixed size.",
-              "fieldName": "useFixedSize",
-              "attribute": "use-fixed-size"
-            },
-            {
-              "name": "parent-use-fixed-size",
-              "description": "Indicates if the parent pane uses fixed pane sizes.",
-              "default": "false",
-              "fieldName": "parentUseFixedSize",
-              "attribute": "parent-use-fixed-size",
-              "type": {
-                "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`.",
               "type": {
-                "text": "SplitPaneOrientation"
+                "text": "ResizerLocation"
               },
+              "description": "Specifies the orientation of the resizer.",
               "fieldName": "orientation"
-            },
-            {
-              "name": "size",
-              "type": {
-                "text": "number | undefined"
-              },
-              "fieldName": "size"
             }
           ],
           "mixins": [
@@ -12949,7 +13101,7 @@
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "igc-split-pane",
+          "tagName": "igc-resizer",
           "customElement": true
         }
       ],
@@ -12958,32 +13110,24 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "IgcSplitPaneComponent",
-            "module": "src/components/dockmanager/panes/split-pane-component.ts"
+            "name": "IgcResizerComponent",
+            "module": "src/components/dockmanager/panes/resizer-component.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/dockmanager/panes/splitter-component.ts",
+      "path": "src/components/dockmanager/panes/split-pane-component.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "IgcSplitterComponent",
+          "name": "IgcSplitPaneComponent",
           "cssParts": [
             {
-              "description": "The main container of the splitter.",
-              "name": "splitter"
-            },
-            {
-              "description": "The draggable element that users interact with.",
-              "name": "splitter-base"
-            },
-            {
-              "description": "The visual indicator (ghost element) shown during drag.",
-              "name": "splitter-ghost"
+              "description": "The root split pane container.",
+              "name": "split-pane"
             }
           ],
           "members": [
@@ -12996,7 +13140,7 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
-              "default": "'igc-splitter-component'"
+              "default": "'igc-split-pane'"
             },
             {
               "kind": "method",
@@ -13006,42 +13150,15 @@
             },
             {
               "kind": "field",
-              "name": "_paneSizes",
-              "type": {
-                "text": "number[] | null"
-              },
-              "privacy": "private",
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "_paneMinSizes",
-              "type": {
-                "text": "number[] | null"
-              },
-              "privacy": "private",
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "_flyoutMaxSize",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "default": "0"
-            },
-            {
-              "kind": "field",
-              "name": "_dragService",
+              "name": "_orientation",
               "type": {
-                "text": "IgcDragService | undefined"
+                "text": "SplitPaneOrientation"
               },
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "resizeEndEmitted",
+              "name": "_parentUseFixedSize",
               "type": {
                 "text": "boolean"
               },
@@ -13050,296 +13167,83 @@
             },
             {
               "kind": "field",
-              "name": "_splitPaneOrientation",
+              "name": "orientation",
+              "privacy": "public",
+              "description": "Defines the layout direction of the split pane: `horizontal` or `vertical`.",
               "type": {
                 "text": "SplitPaneOrientation"
               },
-              "privacy": "private",
-              "default": "'horizontal'"
-            },
-            {
-              "kind": "field",
-              "name": "isRTL",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "_dragOffset",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "default": "0"
-            },
-            {
-              "kind": "field",
-              "name": "_hasCustomSplitterHandle",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
+              "attribute": "orientation"
             },
             {
               "kind": "field",
-              "name": "showDragGhost",
+              "name": "useFixedSize",
               "type": {
                 "text": "boolean"
               },
               "privacy": "public",
               "default": "false",
-              "description": "Indicates whether the drag ghost element is shown while resizing.",
-              "attribute": "show-drag-ghost"
+              "description": "Indicates whether the pane uses a fixed size.",
+              "attribute": "use-fixed-size"
             },
             {
               "kind": "field",
               "name": "parentUseFixedSize",
-              "type": {
-                "text": "boolean"
-              },
               "privacy": "public",
-              "default": "false",
               "description": "Indicates if the parent pane uses fixed pane sizes.",
-              "attribute": "parent-use-fixed-size"
-            },
-            {
-              "kind": "field",
-              "name": "splitPaneOrientation",
-              "privacy": "public",
-              "description": "Defines the orientation of the splitter based on the split pane orientation.",
-              "default": "horizontal",
-              "attribute": "split-pane-orientation"
-            },
-            {
-              "kind": "field",
-              "name": "flyoutLocation",
+              "default": "false",
+              "attribute": "parent-use-fixed-size",
               "type": {
-                "text": "UnpinnedLocation"
-              },
-              "privacy": "public",
-              "description": "Indicates the flyout location of the splitter.",
-              "attribute": "flyout-location"
+                "text": "boolean"
+              }
             },
             {
               "kind": "field",
-              "name": "scrollSpeed",
+              "name": "size",
               "type": {
                 "text": "number | undefined"
               },
               "privacy": "public",
-              "attribute": "scrollSpeed"
-            },
-            {
-              "kind": "field",
-              "name": "_ghostRef",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "_splitterBaseRef",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "dragStart",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "dragEnd",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "dragMove",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "_handlePointerDown",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "_handlePointerUp",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "applyAutoDrag",
-              "privacy": "public"
+              "attribute": "size"
             },
             {
               "kind": "field",
-              "name": "_handleKeyDown",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "_calculateOffset",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "number"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_dragStartHelper",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "offset",
-                  "type": {
-                    "text": "number"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_dragEndHelper",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "_constrainFlyoutResize",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "_constrainSplitPaneResize",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "_handleSplitterHandleSlotChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "_isArrowUp",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_isArrowDown",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_isArrowLeft",
+              "name": "_minResizeWidth",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ]
+              "default": "IGC_RESIZING_MIN_SIZE"
             },
             {
-              "kind": "method",
-              "name": "_isArrowRight",
+              "kind": "field",
+              "name": "_minResizeHeight",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_isHorizontal",
-              "privacy": "private"
+              "default": "IGC_RESIZING_MIN_SIZE"
             },
             {
-              "kind": "method",
-              "name": "_isVertical",
-              "privacy": "private"
+              "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": "method",
-              "name": "_getMinSize",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "number"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "pane",
-                  "type": {
-                    "text": "HTMLElement | undefined"
-                  }
-                },
-                {
-                  "name": "orientation",
-                  "type": {
-                    "text": "'horizontal' | 'vertical'"
-                  }
-                }
-              ]
+              "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",
+              "privacy": "private"
             },
             {
               "kind": "method",
@@ -13479,12 +13383,8 @@
           ],
           "events": [
             {
-              "description": "Emitted when a resize interaction starts.",
-              "name": "igcResizeStart"
-            },
-            {
-              "description": "Emitted when the resize ends, passing the final size.",
-              "name": "igcResizeEnd"
+              "description": "Emitted when the component is updated and rendered.",
+              "name": "igcRendered"
             },
             {
               "type": {
@@ -13498,47 +13398,59 @@
           ],
           "attributes": [
             {
-              "name": "show-drag-ghost",
+              "name": "use-fixed-size",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Indicates whether the drag ghost element is shown while resizing.",
-              "fieldName": "showDragGhost",
-              "attribute": "show-drag-ghost"
+              "description": "Indicates whether the pane uses a fixed size.",
+              "fieldName": "useFixedSize",
+              "attribute": "use-fixed-size"
             },
             {
               "name": "parent-use-fixed-size",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
               "description": "Indicates if the parent pane uses fixed pane sizes.",
+              "default": "false",
               "fieldName": "parentUseFixedSize",
-              "attribute": "parent-use-fixed-size"
+              "attribute": "parent-use-fixed-size",
+              "type": {
+                "text": "boolean"
+              }
             },
             {
-              "name": "split-pane-orientation",
-              "description": "Defines the orientation of the splitter based on the split pane orientation.",
-              "default": "horizontal",
-              "fieldName": "splitPaneOrientation",
-              "attribute": "split-pane-orientation"
+              "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": "flyout-location",
+              "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": "UnpinnedLocation"
+                "text": "number"
+              }
+            },
+            {
+              "name": "orientation",
+              "description": "Defines the layout direction of the split pane: `horizontal` or `vertical`.",
+              "type": {
+                "text": "SplitPaneOrientation"
               },
-              "description": "Indicates the flyout location of the splitter.",
-              "fieldName": "flyoutLocation",
-              "attribute": "flyout-location"
+              "fieldName": "orientation"
             },
             {
-              "name": "scrollSpeed",
+              "name": "size",
               "type": {
                 "text": "number | undefined"
               },
-              "fieldName": "scrollSpeed"
+              "fieldName": "size"
             }
           ],
           "mixins": [
@@ -13551,7 +13463,7 @@
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "igc-splitter-component",
+          "tagName": "igc-split-pane",
           "customElement": true
         }
       ],
@@ -13560,54 +13472,32 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "IgcSplitterComponent",
-            "module": "src/components/dockmanager/panes/splitter-component.ts"
+            "name": "IgcSplitPaneComponent",
+            "module": "src/components/dockmanager/panes/split-pane-component.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/dockmanager/panes/unpinned-pane-header-component.ts",
+      "path": "src/components/dockmanager/panes/splitter-component.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "IgcUnpinnedPaneHeaderComponent",
+          "name": "IgcSplitterComponent",
           "cssParts": [
             {
-              "description": "The main container of the pane header.",
-              "name": "unpinned-pane-header"
-            },
-            {
-              "description": "Applied when the header is in a horizontal orientation.",
-              "name": "horizontal"
-            },
-            {
-              "description": "Applied when the header is in a vertical orientation.",
-              "name": "vertical"
-            },
-            {
-              "description": "Applied when the header is on the left or top side.",
-              "name": "start"
-            },
-            {
-              "description": "Applied when the header is on the right or bottom side.",
-              "name": "end"
+              "description": "The main container of the splitter.",
+              "name": "splitter"
             },
             {
-              "description": "Applied when the header is in active state.",
-              "name": "active"
+              "description": "The draggable element that users interact with.",
+              "name": "splitter-base"
             },
             {
-              "description": "Applied when the header is disabled.",
-              "name": "disabled"
-            }
-          ],
-          "slots": [
-            {
-              "description": "Default slot for the pane header content.",
-              "name": ""
+              "description": "The visual indicator (ghost element) shown during drag.",
+              "name": "splitter-ghost"
             }
           ],
           "members": [
@@ -13620,259 +13510,206 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
-              "default": "'igc-unpinned-pane-header'"
+              "default": "'igc-splitter-component'"
             },
             {
-              "kind": "field",
-              "name": "_location",
-              "type": {
-                "text": "UnpinnedLocation"
-              },
-              "privacy": "private"
+              "kind": "method",
+              "name": "register",
+              "privacy": "public",
+              "static": true
             },
             {
               "kind": "field",
-              "name": "_isActive",
+              "name": "_paneSizes",
               "type": {
-                "text": "boolean"
+                "text": "number[] | null"
               },
               "privacy": "private",
-              "default": "false"
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "_disabled",
+              "name": "_paneMinSizes",
               "type": {
-                "text": "boolean"
+                "text": "number[] | null"
               },
               "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "method",
-              "name": "register",
-              "privacy": "public",
-              "static": true
-            },
-            {
-              "kind": "field",
-              "name": "location",
-              "privacy": "public",
-              "description": "The location where the unpinned pane is docked.",
-              "attribute": "location"
-            },
-            {
-              "kind": "field",
-              "name": "isActive",
-              "privacy": "public",
-              "description": "Indicates whether the unpinned pane header is active.",
-              "default": "false",
-              "attribute": "isActive"
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "privacy": "public",
-              "description": "Indicates whether the unpinned pane header is disabled.",
-              "default": "false",
-              "attribute": "disabled"
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "_dynamicStyles",
+              "name": "_flyoutMaxSize",
+              "type": {
+                "text": "number"
+              },
               "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "_applyDynamicStyles",
-              "privacy": "private"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "is-active",
-              "description": "Indicates whether the unpinned pane header is active.",
-              "default": "false",
-              "fieldName": "isActive"
-            },
-            {
-              "name": "disabled",
-              "description": "Indicates whether the unpinned pane header is disabled.",
-              "default": "false",
-              "fieldName": "disabled",
-              "attribute": "disabled"
-            },
-            {
-              "name": "location",
-              "description": "The location where the unpinned pane is docked.",
-              "fieldName": "location"
-            },
-            {
-              "name": "isActive",
-              "description": "Indicates whether the unpinned pane header is active.",
-              "default": "false",
-              "attribute": "is-active",
-              "fieldName": "isActive"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "igc-unpinned-pane-header",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "IgcUnpinnedPaneHeaderComponent",
-            "module": "src/components/dockmanager/panes/unpinned-pane-header-component.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/dockmanager/pane-navigator/pane-navigator-component.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "IgcPaneNavigatorComponent",
-          "cssParts": [
-            {
-              "description": "Wrapper of the panel.",
-              "name": "base"
-            },
-            {
-              "description": "The header element which contains the header of the currently selected pane.",
-              "name": "header"
-            },
-            {
-              "description": "The section element where groups of panes and documents are displayed.",
-              "name": "body"
+              "default": "0"
             },
             {
-              "description": "The article element which contains all items of the same group - panes or documents.",
-              "name": "group"
+              "kind": "field",
+              "name": "_dragService",
+              "type": {
+                "text": "IgcDragService | undefined"
+              },
+              "privacy": "private"
             },
-            {
-              "description": "The header element displayed above the group of panes/documents.",
-              "name": "title"
-            }
-          ],
-          "members": [
             {
               "kind": "field",
-              "name": "tagName",
+              "name": "resizeEndEmitted",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "privacy": "public",
-              "static": true,
-              "readonly": true,
-              "default": "'igc-pane-navigator'"
+              "privacy": "private",
+              "default": "false"
             },
             {
-              "kind": "method",
-              "name": "register",
-              "privacy": "public",
-              "static": true
+              "kind": "field",
+              "name": "_splitPaneOrientation",
+              "type": {
+                "text": "SplitPaneOrientation"
+              },
+              "privacy": "private",
+              "default": "'horizontal'"
             },
             {
               "kind": "field",
-              "name": "_paneNav",
+              "name": "isRTL",
               "type": {
-                "text": "Ref<HTMLElement>"
+                "text": "boolean"
               },
-              "privacy": "private"
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "_allItems",
+              "name": "_dragOffset",
               "type": {
-                "text": "IgcContentPane[]"
+                "text": "number"
               },
               "privacy": "private",
-              "default": "[]"
+              "default": "0"
             },
             {
               "kind": "field",
-              "name": "_allItemsElement",
+              "name": "_hasCustomSplitterHandle",
               "type": {
-                "text": "HTMLElement[]"
+                "text": "boolean"
               },
               "privacy": "private",
-              "default": "[]"
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "activeDocuments",
+              "name": "showDragGhost",
               "type": {
-                "text": "IgcContentPane[]"
+                "text": "boolean"
               },
               "privacy": "public",
-              "default": "[]",
-              "description": "Determines currently visible documents.",
-              "attribute": "activeDocuments"
+              "default": "false",
+              "description": "Indicates whether the drag ghost element is shown while resizing.",
+              "attribute": "show-drag-ghost"
             },
             {
               "kind": "field",
-              "name": "activePanes",
+              "name": "parentUseFixedSize",
               "type": {
-                "text": "IgcContentPane[]"
+                "text": "boolean"
               },
               "privacy": "public",
-              "default": "[]",
-              "description": "Determines currently visible panes.",
-              "attribute": "activePanes"
+              "default": "false",
+              "description": "Indicates if the parent pane uses fixed pane sizes.",
+              "attribute": "parent-use-fixed-size"
             },
             {
               "kind": "field",
-              "name": "selectedIndex",
+              "name": "splitPaneOrientation",
+              "privacy": "public",
+              "description": "Defines the orientation of the splitter based on the split pane orientation.",
+              "default": "horizontal",
+              "attribute": "split-pane-orientation"
+            },
+            {
+              "kind": "field",
+              "name": "flyoutLocation",
               "type": {
-                "text": "number"
+                "text": "UnpinnedLocation"
               },
               "privacy": "public",
-              "description": "Determines the index of the selected item.",
-              "attribute": "selectedIndex"
+              "description": "Indicates the flyout location of the splitter.",
+              "attribute": "flyout-location"
             },
             {
               "kind": "field",
-              "name": "previousActivePaneIndex",
+              "name": "scrollSpeed",
               "type": {
-                "text": "number"
+                "text": "number | undefined"
               },
               "privacy": "public",
-              "description": "Determines the index of the previously selected item.",
-              "attribute": "previousActivePaneIndex"
+              "attribute": "scrollSpeed"
             },
             {
               "kind": "field",
-              "name": "resourceStrings",
+              "name": "_ghostRef",
               "type": {
-                "text": "IgcDockManagerResourceStrings | undefined"
+                "text": "HTMLElement"
               },
-              "privacy": "public",
-              "description": "The resource strings for the pane navigator.",
-              "attribute": "resourceStrings"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_handleKeyUp",
+              "name": "_splitterBaseRef",
+              "type": {
+                "text": "HTMLElement"
+              },
               "privacy": "private"
             },
             {
-              "kind": "method",
+              "kind": "field",
+              "name": "dragStart",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "dragEnd",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "dragMove",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_handlePointerDown",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_handlePointerUp",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "applyAutoDrag",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
               "name": "_handleKeyDown",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_calculateOffset",
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              },
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "e",
                   "type": {
                     "text": "KeyboardEvent"
                   }
@@ -13881,120 +13718,139 @@
             },
             {
               "kind": "method",
-              "name": "_scrollItemToView",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "_navigateToIndex",
+              "name": "_dragStartHelper",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "initialIndex",
+                  "name": "offset",
                   "type": {
                     "text": "number"
                   }
-                },
-                {
-                  "name": "direction",
-                  "type": {
-                    "text": "'next' | 'previous'"
-                  }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "_increaseSelectedIndex",
+              "name": "_dragEndHelper",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_constrainFlyoutResize",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_constrainSplitPaneResize",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_handleSplitterHandleSlotChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_isArrowUp",
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
               "parameters": [
                 {
-                  "name": "amount",
-                  "default": "1"
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "_decreaseSelectedIndex",
+              "name": "_isArrowDown",
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
               "parameters": [
                 {
-                  "name": "amount",
-                  "default": "1"
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "_resolveItemPart",
+              "name": "_isArrowLeft",
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
               "parameters": [
                 {
-                  "name": "item",
-                  "type": {
-                    "text": "IgcContentPane"
-                  }
-                },
-                {
-                  "name": "index",
-                  "type": {
-                    "text": "number"
-                  }
-                },
-                {
-                  "name": "isDocHost",
+                  "name": "event",
                   "type": {
-                    "text": "boolean"
+                    "text": "KeyboardEvent"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "_selectItem",
+              "name": "_isArrowRight",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "boolean"
                 }
               },
               "parameters": [
                 {
-                  "name": "index",
-                  "type": {
-                    "text": "number"
-                  }
-                },
-                {
-                  "name": "isDocHost",
+                  "name": "event",
                   "type": {
-                    "text": "boolean"
+                    "text": "KeyboardEvent"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "_renderItems",
+              "name": "_isHorizontal",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_isVertical",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_getMinSize",
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              },
               "parameters": [
                 {
-                  "name": "title",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "items",
+                  "name": "pane",
                   "type": {
-                    "text": "IgcContentPane[]"
+                    "text": "HTMLElement | undefined"
                   }
                 },
                 {
-                  "name": "isDocHost",
+                  "name": "orientation",
                   "type": {
-                    "text": "boolean"
+                    "text": "'horizontal' | 'vertical'"
                   }
                 }
               ]
@@ -14137,8 +13993,12 @@
           ],
           "events": [
             {
-              "description": "Fired when pane navigator is closed.",
-              "name": "igcClosed"
+              "description": "Emitted when a resize interaction starts.",
+              "name": "igcResizeStart"
+            },
+            {
+              "description": "Emitted when the resize ends, passing the final size.",
+              "name": "igcResizeEnd"
             },
             {
               "type": {
@@ -14152,46 +14012,47 @@
           ],
           "attributes": [
             {
-              "name": "activeDocuments",
+              "name": "show-drag-ghost",
               "type": {
-                "text": "IgcContentPane[]"
+                "text": "boolean"
               },
-              "default": "[]",
-              "description": "Determines currently visible documents.",
-              "fieldName": "activeDocuments"
+              "default": "false",
+              "description": "Indicates whether the drag ghost element is shown while resizing.",
+              "fieldName": "showDragGhost",
+              "attribute": "show-drag-ghost"
             },
             {
-              "name": "activePanes",
+              "name": "parent-use-fixed-size",
               "type": {
-                "text": "IgcContentPane[]"
+                "text": "boolean"
               },
-              "default": "[]",
-              "description": "Determines currently visible panes.",
-              "fieldName": "activePanes"
+              "default": "false",
+              "description": "Indicates if the parent pane uses fixed pane sizes.",
+              "fieldName": "parentUseFixedSize",
+              "attribute": "parent-use-fixed-size"
             },
             {
-              "name": "selectedIndex",
-              "type": {
-                "text": "number"
-              },
-              "description": "Determines the index of the selected item.",
-              "fieldName": "selectedIndex"
+              "name": "split-pane-orientation",
+              "description": "Defines the orientation of the splitter based on the split pane orientation.",
+              "default": "horizontal",
+              "fieldName": "splitPaneOrientation",
+              "attribute": "split-pane-orientation"
             },
             {
-              "name": "previousActivePaneIndex",
+              "name": "flyout-location",
               "type": {
-                "text": "number"
+                "text": "UnpinnedLocation"
               },
-              "description": "Determines the index of the previously selected item.",
-              "fieldName": "previousActivePaneIndex"
+              "description": "Indicates the flyout location of the splitter.",
+              "fieldName": "flyoutLocation",
+              "attribute": "flyout-location"
             },
             {
-              "name": "resourceStrings",
+              "name": "scrollSpeed",
               "type": {
-                "text": "IgcDockManagerResourceStrings | undefined"
+                "text": "number | undefined"
               },
-              "description": "The resource strings for the pane navigator.",
-              "fieldName": "resourceStrings"
+              "fieldName": "scrollSpeed"
             }
           ],
           "mixins": [
@@ -14204,7 +14065,7 @@
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "igc-pane-navigator",
+          "tagName": "igc-splitter-component",
           "customElement": true
         }
       ],
@@ -14213,8 +14074,177 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "IgcPaneNavigatorComponent",
-            "module": "src/components/dockmanager/pane-navigator/pane-navigator-component.ts"
+            "name": "IgcSplitterComponent",
+            "module": "src/components/dockmanager/panes/splitter-component.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/dockmanager/panes/unpinned-pane-header-component.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "IgcUnpinnedPaneHeaderComponent",
+          "cssParts": [
+            {
+              "description": "The main container of the pane header.",
+              "name": "unpinned-pane-header"
+            },
+            {
+              "description": "Applied when the header is in a horizontal orientation.",
+              "name": "horizontal"
+            },
+            {
+              "description": "Applied when the header is in a vertical orientation.",
+              "name": "vertical"
+            },
+            {
+              "description": "Applied when the header is on the left or top side.",
+              "name": "start"
+            },
+            {
+              "description": "Applied when the header is on the right or bottom side.",
+              "name": "end"
+            },
+            {
+              "description": "Applied when the header is in active state.",
+              "name": "active"
+            },
+            {
+              "description": "Applied when the header is disabled.",
+              "name": "disabled"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Default slot for the pane header content.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "tagName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'igc-unpinned-pane-header'"
+            },
+            {
+              "kind": "field",
+              "name": "_location",
+              "type": {
+                "text": "UnpinnedLocation"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_isActive",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "_disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "method",
+              "name": "register",
+              "privacy": "public",
+              "static": true
+            },
+            {
+              "kind": "field",
+              "name": "location",
+              "privacy": "public",
+              "description": "The location where the unpinned pane is docked.",
+              "attribute": "location"
+            },
+            {
+              "kind": "field",
+              "name": "isActive",
+              "privacy": "public",
+              "description": "Indicates whether the unpinned pane header is active.",
+              "default": "false",
+              "attribute": "isActive"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "privacy": "public",
+              "description": "Indicates whether the unpinned pane header is disabled.",
+              "default": "false",
+              "attribute": "disabled"
+            },
+            {
+              "kind": "field",
+              "name": "_dynamicStyles",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "_applyDynamicStyles",
+              "privacy": "private"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "is-active",
+              "description": "Indicates whether the unpinned pane header is active.",
+              "default": "false",
+              "fieldName": "isActive"
+            },
+            {
+              "name": "disabled",
+              "description": "Indicates whether the unpinned pane header is disabled.",
+              "default": "false",
+              "fieldName": "disabled",
+              "attribute": "disabled"
+            },
+            {
+              "name": "location",
+              "description": "The location where the unpinned pane is docked.",
+              "fieldName": "location"
+            },
+            {
+              "name": "isActive",
+              "description": "Indicates whether the unpinned pane header is active.",
+              "default": "false",
+              "attribute": "is-active",
+              "fieldName": "isActive"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "igc-unpinned-pane-header",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "IgcUnpinnedPaneHeaderComponent",
+            "module": "src/components/dockmanager/panes/unpinned-pane-header-component.ts"
           }
         }
       ]