igniteui-dockmanager 2.1.1 → 2.1.2

package/custom-elements.json

@@ -5879,6 +5879,15 @@
               "privacy": "private",
               "default": "null"
             },
+            {
+              "kind": "field",
+              "name": "_previousLocationMap",
+              "type": {
+                "text": "Map<string, UnpinnedLocation> | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
             {
               "kind": "field",
               "name": "visibleDocuments",
@@ -10687,32 +10696,34 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/dockmanager/pane-navigator/pane-navigator-component.ts",
+      "path": "src/components/dockmanager/panes/content-pane-component.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "IgcPaneNavigatorComponent",
+          "name": "IgcContentPaneComponent",
           "cssParts": [
             {
-              "description": "Wrapper of the panel.",
-              "name": "base"
+              "description": "The main wrapper of the content-pane component.",
+              "name": "content-pane"
             },
             {
-              "description": "The header element which contains the header of the currently selected pane.",
-              "name": "header"
+              "description": "Applied when the pane is disabled.",
+              "name": "disabled"
             },
             {
-              "description": "The section element where groups of panes and documents are displayed.",
-              "name": "body"
-            },
+              "description": "Applied when the pane is the only one in a floating container.",
+              "name": "single-floating"
+            }
+          ],
+          "slots": [
             {
-              "description": "The article element which contains all items of the same group - panes or documents.",
-              "name": "group"
+              "description": "Default slot for pane content.",
+              "name": ""
             },
             {
-              "description": "The header element displayed above the group of panes/documents.",
-              "name": "title"
+              "description": "Slot for projecting a custom header for the pane.",
+              "name": "header"
             }
           ],
           "members": [
@@ -10725,7 +10736,7 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
-              "default": "'igc-pane-navigator'"
+              "default": "'igc-content-pane'"
             },
             {
               "kind": "method",
@@ -10735,247 +10746,210 @@
             },
             {
               "kind": "field",
-              "name": "_paneNav",
+              "name": "_contentId",
               "type": {
-                "text": "Ref<HTMLElement>"
+                "text": "string"
               },
-              "privacy": "private"
+              "privacy": "private",
+              "default": "''"
             },
             {
               "kind": "field",
-              "name": "_allItems",
+              "name": "_disabled",
               "type": {
-                "text": "IgcContentPane[]"
+                "text": "boolean"
               },
               "privacy": "private",
-              "default": "[]"
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "_allItemsElement",
+              "name": "_isFlyout",
               "type": {
-                "text": "HTMLElement[]"
+                "text": "boolean"
               },
               "privacy": "private",
-              "default": "[]"
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "activeDocuments",
+              "name": "_isSingleFloating",
               "type": {
-                "text": "IgcContentPane[]"
+                "text": "boolean"
               },
-              "privacy": "public",
-              "default": "[]",
-              "description": "Determines currently visible documents.",
-              "attribute": "activeDocuments"
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "activePanes",
+              "name": "_parentUseFixedSize",
               "type": {
-                "text": "IgcContentPane[]"
+                "text": "boolean"
               },
-              "privacy": "public",
-              "default": "[]",
-              "description": "Determines currently visible panes.",
-              "attribute": "activePanes"
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "selectedIndex",
+              "name": "_size",
               "type": {
                 "text": "number"
               },
-              "privacy": "public",
-              "description": "Determines the index of the selected item.",
-              "attribute": "selectedIndex"
+              "privacy": "private",
+              "default": "IGC_DEFAULT_PANE_SIZE"
             },
             {
               "kind": "field",
-              "name": "previousActivePaneIndex",
+              "name": "_unpinnedSize",
               "type": {
                 "text": "number"
               },
+              "privacy": "private",
+              "default": "IGC_DEFAULT_UNPIN_PANE_SIZE"
+            },
+            {
+              "kind": "field",
+              "name": "contentId",
               "privacy": "public",
-              "description": "Determines the index of the previously selected item.",
-              "attribute": "previousActivePaneIndex"
+              "description": "Sets a unique identifier for the content pane.\nUsed for targeting slotted content.",
+              "attribute": "content-id"
             },
             {
               "kind": "field",
-              "name": "resourceStrings",
+              "name": "header",
               "type": {
-                "text": "IgcDockManagerResourceStrings | undefined"
+                "text": "string"
               },
               "privacy": "public",
-              "description": "The resource strings for the pane navigator.",
-              "attribute": "resourceStrings"
+              "default": "''",
+              "description": "Defines the header label for the pane.",
+              "attribute": "header"
             },
             {
               "kind": "field",
-              "name": "_handleKeyUp",
-              "privacy": "private"
+              "name": "disabled",
+              "privacy": "public",
+              "description": "Disables the pane and makes it non-interactive.",
+              "default": "false",
+              "attribute": "disabled"
             },
             {
-              "kind": "method",
-              "name": "_handleKeyDown",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "isFlyout",
+              "privacy": "public",
+              "description": "Indicates whether the pane is currently in a flyout state.",
+              "default": "false",
+              "attribute": "is-flyout"
             },
             {
-              "kind": "method",
-              "name": "_scrollItemToView",
-              "privacy": "private"
+              "kind": "field",
+              "name": "isSingleFloating",
+              "privacy": "public",
+              "description": "Indicates that the pane is a single floating item.",
+              "default": "false",
+              "attribute": "is-single-floating"
             },
             {
-              "kind": "method",
-              "name": "_navigateToIndex",
+              "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"
+            },
+            {
+              "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",
+              "type": {
+                "text": "number"
+              },
+              "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",
-              "parameters": [
-                {
-                  "name": "initialIndex",
-                  "type": {
-                    "text": "number"
-                  }
-                },
-                {
-                  "name": "direction",
-                  "type": {
-                    "text": "'next' | 'previous'"
-                  }
-                }
-              ]
+              "default": "IGC_RESIZING_MIN_SIZE"
             },
             {
-              "kind": "method",
-              "name": "_increaseSelectedIndex",
+              "kind": "field",
+              "name": "_minResizeHeight",
               "privacy": "private",
-              "parameters": [
-                {
-                  "name": "amount",
-                  "default": "1"
-                }
-              ]
+              "default": "IGC_RESIZING_MIN_SIZE"
+            },
+            {
+              "kind": "field",
+              "name": "minResizeWidth",
+              "privacy": "public",
+              "description": "The minimum width of the pane in pixels during resizing.",
+              "default": "42",
+              "attribute": "min-resize-width",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "minResizeHeight",
+              "privacy": "public",
+              "description": "The minimum height of the pane in pixels during resizing.",
+              "default": "42",
+              "attribute": "min-resize-height",
+              "type": {
+                "text": "number"
+              }
             },
             {
               "kind": "method",
-              "name": "_decreaseSelectedIndex",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "amount",
-                  "default": "1"
-                }
-              ]
+              "name": "_updateFlex",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "_resolveItemPart",
-              "privacy": "private",
+              "name": "_updateParts",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "addEventListener",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "parameters": [
                 {
-                  "name": "item",
+                  "name": "type",
                   "type": {
-                    "text": "IgcContentPane"
+                    "text": "K"
                   }
                 },
                 {
-                  "name": "index",
+                  "name": "listener",
                   "type": {
-                    "text": "number"
+                    "text": "(this: HTMLElement, ev: M[K]) => any"
                   }
                 },
                 {
-                  "name": "isDocHost",
+                  "name": "options",
+                  "optional": true,
                   "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"
+                    "text": "boolean | AddEventListenerOptions"
                   }
                 }
               ],
@@ -11087,8 +11061,8 @@
           ],
           "events": [
             {
-              "description": "Fired when pane navigator is closed.",
-              "name": "igcClosed"
+              "description": "Emitted after the component has rendered.",
+              "name": "igcRendered"
             },
             {
               "type": {
@@ -11102,46 +11076,85 @@
           ],
           "attributes": [
             {
-              "name": "activeDocuments",
-              "type": {
-                "text": "IgcContentPane[]"
-              },
-              "default": "[]",
-              "description": "Determines currently visible documents.",
-              "fieldName": "activeDocuments"
+              "name": "content-id",
+              "description": "Sets a unique identifier for the content pane.\nUsed for targeting slotted content.",
+              "fieldName": "contentId",
+              "attribute": "content-id"
             },
             {
-              "name": "activePanes",
+              "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",
               "type": {
-                "text": "IgcContentPane[]"
-              },
-              "default": "[]",
-              "description": "Determines currently visible panes.",
-              "fieldName": "activePanes"
+                "text": "number"
+              }
             },
             {
-              "name": "selectedIndex",
+              "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"
-              },
-              "description": "Determines the index of the selected item.",
-              "fieldName": "selectedIndex"
+              }
             },
             {
-              "name": "previousActivePaneIndex",
+              "name": "min-resize-height",
+              "description": "The minimum height of the pane in pixels during resizing.",
+              "default": "42",
+              "fieldName": "minResizeHeight",
+              "attribute": "min-resize-height",
               "type": {
                 "text": "number"
+              }
+            },
+            {
+              "name": "header",
+              "type": {
+                "text": "string"
               },
-              "description": "Determines the index of the previously selected item.",
-              "fieldName": "previousActivePaneIndex"
+              "default": "''",
+              "description": "Defines the header label for the pane.",
+              "fieldName": "header"
             },
             {
-              "name": "resourceStrings",
+              "name": "disabled",
+              "description": "Disables the pane and makes it non-interactive.",
+              "default": "false",
+              "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": "IgcDockManagerResourceStrings | undefined"
+                "text": "number"
               },
-              "description": "The resource strings for the pane navigator.",
-              "fieldName": "resourceStrings"
+              "fieldName": "size"
             }
           ],
           "mixins": [
@@ -11154,7 +11167,7 @@
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "igc-pane-navigator",
+          "tagName": "igc-content-pane",
           "customElement": true
         }
       ],
@@ -11163,44 +11176,20 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "IgcPaneNavigatorComponent",
-            "module": "src/components/dockmanager/pane-navigator/pane-navigator-component.ts"
+            "name": "IgcContentPaneComponent",
+            "module": "src/components/dockmanager/panes/content-pane-component.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/dockmanager/panes/content-pane-component.ts",
+      "path": "src/components/dockmanager/panes/document-host-component.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "IgcContentPaneComponent",
-          "cssParts": [
-            {
-              "description": "The main wrapper of the content-pane component.",
-              "name": "content-pane"
-            },
-            {
-              "description": "Applied when the pane is disabled.",
-              "name": "disabled"
-            },
-            {
-              "description": "Applied when the pane is the only one in a floating container.",
-              "name": "single-floating"
-            }
-          ],
-          "slots": [
-            {
-              "description": "Default slot for pane content.",
-              "name": ""
-            },
-            {
-              "description": "Slot for projecting a custom header for the pane.",
-              "name": "header"
-            }
-          ],
+          "name": "IgcDocumentHostComponent",
           "members": [
             {
               "kind": "field",
@@ -11211,7 +11200,7 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
-              "default": "'igc-content-pane'"
+              "default": "'igc-document-host'"
             },
             {
               "kind": "method",
@@ -11221,16 +11210,16 @@
             },
             {
               "kind": "field",
-              "name": "_contentId",
+              "name": "_size",
               "type": {
-                "text": "string"
+                "text": "number"
               },
               "privacy": "private",
-              "default": "''"
+              "default": "IGC_DEFAULT_PANE_SIZE"
             },
             {
               "kind": "field",
-              "name": "_disabled",
+              "name": "_parentUseFixedSize",
               "type": {
                 "text": "boolean"
               },
@@ -11239,163 +11228,258 @@
             },
             {
               "kind": "field",
-              "name": "_isFlyout",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
+              "name": "parentUseFixedSize",
+              "privacy": "public",
+              "attribute": "parentUseFixedSize"
             },
             {
               "kind": "field",
-              "name": "_isSingleFloating",
+              "name": "size",
+              "privacy": "public",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "privacy": "private",
-              "default": "false"
+              "attribute": "size"
             },
             {
-              "kind": "field",
-              "name": "_parentUseFixedSize",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
+              "kind": "method",
+              "name": "_applyDynamicStyles",
+              "privacy": "private"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "parentUseFixedSize",
+              "fieldName": "parentUseFixedSize"
             },
             {
-              "kind": "field",
-              "name": "_size",
+              "name": "size",
               "type": {
                 "text": "number"
               },
-              "privacy": "private",
-              "default": "IGC_DEFAULT_PANE_SIZE"
-            },
-            {
-              "kind": "field",
-              "name": "_unpinnedSize",
+              "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": "tagName",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "privacy": "private",
-              "default": "IGC_DEFAULT_UNPIN_PANE_SIZE"
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'igc-floating-pane'"
             },
             {
-              "kind": "field",
-              "name": "contentId",
+              "kind": "method",
+              "name": "register",
               "privacy": "public",
-              "description": "Sets a unique identifier for the content pane.\nUsed for targeting slotted content.",
-              "attribute": "content-id"
+              "static": true
             },
             {
               "kind": "field",
-              "name": "header",
+              "name": "_floatingLocation",
               "type": {
-                "text": "string"
+                "text": "IgcDockManagerPoint"
               },
-              "privacy": "public",
-              "default": "''",
-              "description": "Defines the header label for the pane.",
-              "attribute": "header"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "disabled",
-              "privacy": "public",
-              "description": "Disables the pane and makes it non-interactive.",
-              "default": "false",
-              "attribute": "disabled"
+              "name": "_floatingHeight",
+              "privacy": "private",
+              "default": "IGC_DEFAULT_PANE_SIZE"
             },
             {
               "kind": "field",
-              "name": "isFlyout",
-              "privacy": "public",
-              "description": "Indicates whether the pane is currently in a flyout state.",
-              "default": "false",
-              "attribute": "is-flyout"
+              "name": "_floatingWidth",
+              "privacy": "private",
+              "default": "IGC_DEFAULT_PANE_SIZE"
             },
             {
               "kind": "field",
-              "name": "isSingleFloating",
+              "name": "_floatingMinHeight",
+              "privacy": "private",
+              "default": "IGC_DEFAULT_PANE_SIZE"
+            },
+            {
+              "kind": "field",
+              "name": "_floatingMinWidth",
+              "privacy": "private",
+              "default": "IGC_DEFAULT_PANE_SIZE"
+            },
+            {
+              "kind": "field",
+              "name": "_maximized",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "allowResize",
+              "type": {
+                "text": "boolean"
+              },
               "privacy": "public",
-              "description": "Indicates that the pane is a single floating item.",
-              "default": "false",
-              "attribute": "is-single-floating"
+              "default": "true",
+              "description": "Indicates whether the floating pane can be resized.",
+              "attribute": "allowResize"
             },
             {
               "kind": "field",
-              "name": "parentUseFixedSize",
+              "name": "floatingLocation",
               "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": "The current location of the floating pane.\nDefaults to top-left corner position.",
+              "type": {
+                "text": "IgcDockManagerPoint"
+              },
+              "attribute": "floatingLocation"
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "floatingWidth",
               "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.",
+              "description": "The current width of the floating pane.",
               "default": "100",
               "type": {
                 "text": "number"
               },
-              "attribute": "size"
+              "attribute": "floatingWidth"
             },
             {
               "kind": "field",
-              "name": "unpinnedSize",
+              "name": "floatingHeight",
               "privacy": "public",
-              "description": "Specifies the pane's unpinned size when in flyout state.",
+              "description": "The current height of the floating pane.",
               "default": "100",
-              "attribute": "unpinned-size",
               "type": {
                 "text": "number"
-              }
+              },
+              "attribute": "floatingHeight"
             },
             {
               "kind": "field",
-              "name": "_minResizeWidth",
-              "privacy": "private",
-              "default": "IGC_RESIZING_MIN_SIZE"
+              "name": "hasHeader",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Indicates whether the pane has a header section.",
+              "attribute": "hasHeader"
             },
             {
               "kind": "field",
-              "name": "_minResizeHeight",
-              "privacy": "private",
-              "default": "IGC_RESIZING_MIN_SIZE"
+              "name": "floatingMinHeight",
+              "privacy": "public",
+              "description": "The minimum height constraint for the floating pane.",
+              "default": "100",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "floatingMinHeight"
             },
             {
               "kind": "field",
-              "name": "minResizeWidth",
+              "name": "floatingMinWidth",
               "privacy": "public",
-              "description": "The minimum width of the pane in pixels during resizing.",
-              "default": "42",
-              "attribute": "min-resize-width",
+              "description": "The minimum width constraint for the floating pane.",
+              "default": "100",
               "type": {
                 "text": "number"
-              }
+              },
+              "attribute": "floatingMinWidth"
             },
             {
               "kind": "field",
-              "name": "minResizeHeight",
-              "privacy": "public",
-              "description": "The minimum height of the pane in pixels during resizing.",
-              "default": "42",
-              "attribute": "min-resize-height",
+              "name": "floatingId",
               "type": {
-                "text": "number"
-              }
+                "text": "string"
+              },
+              "privacy": "public",
+              "default": "''",
+              "description": "A unique identifier for the floating pane.",
+              "attribute": "floatingId"
+            },
+            {
+              "kind": "field",
+              "name": "maximized",
+              "privacy": "public",
+              "description": "Indicates whether the floating pane is currently maximized.",
+              "default": "false",
+              "attribute": "maximized"
+            },
+            {
+              "kind": "field",
+              "name": "_dynamicStyles",
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "method",
-              "name": "_updateFlex",
+              "name": "_applyDynamicStyles",
               "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "_updateParts",
+              "kind": "field",
+              "name": "_handleResizeStart",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_handleResizeMove",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_handleResizeEnd",
               "privacy": "private"
             },
             {
@@ -11536,8 +11620,16 @@
           ],
           "events": [
             {
-              "description": "Emitted after the component has rendered.",
-              "name": "igcRendered"
+              "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"
             },
             {
               "type": {
@@ -11551,85 +11643,81 @@
           ],
           "attributes": [
             {
-              "name": "content-id",
-              "description": "Sets a unique identifier for the content pane.\nUsed for targeting slotted content.",
-              "fieldName": "contentId",
-              "attribute": "content-id"
+              "name": "allowResize",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "description": "Indicates whether the floating pane can be resized.",
+              "fieldName": "allowResize"
             },
             {
-              "name": "is-flyout",
-              "description": "Indicates whether the pane is currently in a flyout state.",
-              "default": "false",
-              "fieldName": "isFlyout",
-              "attribute": "is-flyout"
+              "name": "floatingLocation",
+              "description": "The current location of the floating pane.\nDefaults to top-left corner position.",
+              "type": {
+                "text": "IgcDockManagerPoint"
+              },
+              "fieldName": "floatingLocation"
             },
             {
-              "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": "floatingWidth",
+              "description": "The current width of the floating pane.",
+              "default": "100",
+              "type": {
+                "text": "number"
+              },
+              "fieldName": "floatingWidth"
             },
             {
-              "name": "unpinned-size",
-              "description": "Specifies the pane's unpinned size when in flyout state.",
+              "name": "floatingHeight",
+              "description": "The current height of the floating pane.",
               "default": "100",
-              "fieldName": "unpinnedSize",
-              "attribute": "unpinned-size",
               "type": {
                 "text": "number"
-              }
+              },
+              "fieldName": "floatingHeight"
             },
             {
-              "name": "min-resize-width",
-              "description": "The minimum width of the pane in pixels during resizing.",
-              "default": "42",
-              "fieldName": "minResizeWidth",
-              "attribute": "min-resize-width",
+              "name": "hasHeader",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates whether the pane has a header section.",
+              "fieldName": "hasHeader"
+            },
+            {
+              "name": "floatingMinHeight",
+              "description": "The minimum height constraint for the floating pane.",
+              "default": "100",
               "type": {
                 "text": "number"
-              }
+              },
+              "fieldName": "floatingMinHeight"
             },
             {
-              "name": "min-resize-height",
-              "description": "The minimum height of the pane in pixels during resizing.",
-              "default": "42",
-              "fieldName": "minResizeHeight",
-              "attribute": "min-resize-height",
+              "name": "floatingMinWidth",
+              "description": "The minimum width constraint for the floating pane.",
+              "default": "100",
               "type": {
                 "text": "number"
-              }
+              },
+              "fieldName": "floatingMinWidth"
             },
             {
-              "name": "header",
+              "name": "floatingId",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "Defines the header label for the pane.",
-              "fieldName": "header"
+              "description": "A unique identifier for the floating pane.",
+              "fieldName": "floatingId"
             },
             {
-              "name": "disabled",
-              "description": "Disables the pane and makes it non-interactive.",
+              "name": "maximized",
+              "description": "Indicates whether the floating pane is currently maximized.",
               "default": "false",
-              "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"
+              "fieldName": "maximized"
             }
           ],
           "mixins": [
@@ -11642,7 +11730,7 @@
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "igc-content-pane",
+          "tagName": "igc-floating-pane",
           "customElement": true
         }
       ],
@@ -11651,130 +11739,44 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "IgcContentPaneComponent",
-            "module": "src/components/dockmanager/panes/content-pane-component.ts"
+            "name": "IgcFloatingPaneComponent",
+            "module": "src/components/dockmanager/panes/floating-pane-component.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/dockmanager/panes/document-host-component.ts",
+      "path": "src/components/dockmanager/panes/pane-header-component.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "IgcDocumentHostComponent",
-          "members": [
-            {
-              "kind": "field",
-              "name": "tagName",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "static": true,
-              "readonly": true,
-              "default": "'igc-document-host'"
-            },
-            {
-              "kind": "method",
-              "name": "register",
-              "privacy": "public",
-              "static": true
-            },
-            {
-              "kind": "field",
-              "name": "_size",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "default": "IGC_DEFAULT_PANE_SIZE"
-            },
+          "name": "IgcPaneHeaderComponent",
+          "slots": [
             {
-              "kind": "field",
-              "name": "_parentUseFixedSize",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
+              "description": "Renders the pane header title.",
+              "name": ""
             },
             {
-              "kind": "field",
-              "name": "parentUseFixedSize",
-              "privacy": "public",
-              "attribute": "parentUseFixedSize"
+              "description": "Renders a custom close button.",
+              "name": "paneHeaderCloseButton"
             },
             {
-              "kind": "field",
-              "name": "size",
-              "privacy": "public",
-              "type": {
-                "text": "number"
-              },
-              "attribute": "size"
+              "description": "Renders a custom maximize button.",
+              "name": "paneHeaderMaximizeButton"
             },
             {
-              "kind": "method",
-              "name": "_applyDynamicStyles",
-              "privacy": "private"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "parentUseFixedSize",
-              "fieldName": "parentUseFixedSize"
+              "description": "Renders a custom minimize button.",
+              "name": "paneHeaderMinimizeButton"
             },
             {
-              "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"
-            }
-          ],
-          "slots": [
-            {
-              "description": "Renders the floating pane header content.",
-              "name": "header"
+              "description": "Renders a custom pin button.",
+              "name": "paneHeaderPinButton"
             },
             {
-              "description": "Renders the main content of the floating pane.",
-              "name": ""
+              "description": "Renders a custom unpin button.",
+              "name": "paneHeaderUnpinButton"
             }
           ],
           "members": [
@@ -11787,7 +11789,7 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
-              "default": "'igc-floating-pane'"
+              "default": "'igc-pane-header'"
             },
             {
               "kind": "method",
@@ -11797,166 +11799,231 @@
             },
             {
               "kind": "field",
-              "name": "_floatingLocation",
+              "name": "_dragService",
               "type": {
-                "text": "IgcDockManagerPoint"
+                "text": "IgcDragService"
               },
-              "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": "new IgcDragService(this)"
             },
             {
               "kind": "field",
-              "name": "_floatingMinHeight",
+              "name": "commonParts",
               "privacy": "private",
-              "default": "IGC_DEFAULT_PANE_SIZE"
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "_floatingMinWidth",
-              "privacy": "private",
-              "default": "IGC_DEFAULT_PANE_SIZE"
+              "name": "pinned",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Whether the pane is currently pinned.",
+              "attribute": "pinned"
             },
             {
               "kind": "field",
-              "name": "_maximized",
+              "name": "maximized",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "private",
-              "default": "false"
+              "privacy": "public",
+              "default": "false",
+              "description": "Whether the pane is currently maximized.",
+              "attribute": "maximized"
             },
             {
               "kind": "field",
-              "name": "allowResize",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "privacy": "public",
-              "default": "true",
-              "description": "Indicates whether the floating pane can be resized.",
-              "attribute": "allowResize"
+              "default": "false",
+              "description": "Disables interaction with the pane header.",
+              "attribute": "disabled"
             },
             {
               "kind": "field",
-              "name": "floatingLocation",
-              "privacy": "public",
-              "description": "The current location of the floating pane.\nDefaults to top-left corner position.",
+              "name": "isFloating",
               "type": {
-                "text": "IgcDockManagerPoint"
+                "text": "boolean"
               },
-              "attribute": "floatingLocation"
+              "privacy": "public",
+              "default": "false",
+              "description": "Indicates whether the header is used in a floating window.",
+              "attribute": "is-floating"
             },
             {
               "kind": "field",
-              "name": "floatingWidth",
-              "privacy": "public",
-              "description": "The current width of the floating pane.",
-              "default": "100",
+              "name": "isFloatingPaneHeader",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "attribute": "floatingWidth"
+              "privacy": "public",
+              "default": "false",
+              "description": "Indicates that the header is used in a floating pane context.",
+              "attribute": "is-floating-pane-header"
             },
             {
               "kind": "field",
-              "name": "floatingHeight",
-              "privacy": "public",
-              "description": "The current height of the floating pane.",
-              "default": "100",
+              "name": "isActive",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "attribute": "floatingHeight"
+              "privacy": "public",
+              "default": "false",
+              "description": "Marks the header as active.",
+              "attribute": "is-active"
             },
             {
               "kind": "field",
-              "name": "hasHeader",
+              "name": "forcedDrag",
               "type": {
                 "text": "boolean"
               },
               "privacy": "public",
               "default": "false",
-              "description": "Indicates whether the pane has a header section.",
-              "attribute": "hasHeader"
+              "description": "Forces drag behavior on the pane header.",
+              "attribute": "forced-drag"
             },
             {
               "kind": "field",
-              "name": "floatingMinHeight",
-              "privacy": "public",
-              "description": "The minimum height constraint for the floating pane.",
-              "default": "100",
+              "name": "allowClose",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "attribute": "floatingMinHeight"
+              "privacy": "public",
+              "default": "true",
+              "description": "Enables or disables closing.",
+              "attribute": "allow-close"
             },
             {
               "kind": "field",
-              "name": "floatingMinWidth",
-              "privacy": "public",
-              "description": "The minimum width constraint for the floating pane.",
-              "default": "100",
+              "name": "allowMaximize",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "attribute": "floatingMinWidth"
+              "privacy": "public",
+              "default": "true",
+              "description": "Enables or disables maximizing.",
+              "attribute": "allow-maximize"
             },
             {
               "kind": "field",
-              "name": "floatingId",
+              "name": "allowPinning",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
               "privacy": "public",
-              "default": "''",
-              "description": "A unique identifier for the floating pane.",
-              "attribute": "floatingId"
+              "default": "true",
+              "description": "Enables or disables pinning.",
+              "attribute": "allow-pinning"
             },
             {
               "kind": "field",
-              "name": "maximized",
+              "name": "pane",
+              "type": {
+                "text": "IgcContentPane"
+              },
               "privacy": "public",
-              "description": "Indicates whether the floating pane is currently maximized.",
-              "default": "false",
-              "attribute": "maximized"
+              "description": "Reference to the content pane associated with this header."
             },
             {
               "kind": "field",
-              "name": "_dynamicStyles",
-              "privacy": "private",
-              "readonly": true
+              "name": "resourceStrings",
+              "type": {
+                "text": "IgcDockManagerResourceStrings | undefined"
+              },
+              "description": "Localized strings used for icon button accessibility."
             },
             {
               "kind": "method",
-              "name": "_applyDynamicStyles",
+              "name": "forceDragging",
               "privacy": "private"
             },
+            {
+              "kind": "method",
+              "name": "visualStateChanged",
+              "privacy": "protected"
+            },
             {
               "kind": "field",
-              "name": "_handleResizeStart",
+              "name": "_handleDragStart",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_handleResizeMove",
+              "name": "_handleDragMove",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_handleResizeEnd",
+              "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",
@@ -12095,16 +12162,36 @@
           ],
           "events": [
             {
-              "description": "Emitted when a resize interaction begins.",
-              "name": "wndResizeStart"
+              "description": "Emitted when dragging starts on the header.",
+              "name": "igcPaneHeaderDragStart"
             },
             {
-              "description": "Emitted during the pane resize movement.",
-              "name": "wndResizeMove"
+              "description": "Emitted during header dragging.",
+              "name": "igcPaneHeaderDragMoved"
             },
             {
-              "description": "Emitted when the resize interaction ends.",
-              "name": "wndResizeEnd"
+              "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": {
@@ -12118,81 +12205,101 @@
           ],
           "attributes": [
             {
-              "name": "allowResize",
+              "name": "is-floating",
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
-              "description": "Indicates whether the floating pane can be resized.",
-              "fieldName": "allowResize"
+              "default": "false",
+              "description": "Indicates whether the header is used in a floating window.",
+              "fieldName": "isFloating",
+              "attribute": "is-floating"
             },
             {
-              "name": "floatingLocation",
-              "description": "The current location of the floating pane.\nDefaults to top-left corner position.",
+              "name": "is-floating-pane-header",
               "type": {
-                "text": "IgcDockManagerPoint"
+                "text": "boolean"
               },
-              "fieldName": "floatingLocation"
+              "default": "false",
+              "description": "Indicates that the header is used in a floating pane context.",
+              "fieldName": "isFloatingPaneHeader",
+              "attribute": "is-floating-pane-header"
             },
             {
-              "name": "floatingWidth",
-              "description": "The current width of the floating pane.",
-              "default": "100",
+              "name": "is-active",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "fieldName": "floatingWidth"
+              "default": "false",
+              "description": "Marks the header as active.",
+              "fieldName": "isActive",
+              "attribute": "is-active"
             },
             {
-              "name": "floatingHeight",
-              "description": "The current height of the floating pane.",
-              "default": "100",
+              "name": "forced-drag",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "fieldName": "floatingHeight"
+              "default": "false",
+              "description": "Forces drag behavior on the pane header.",
+              "fieldName": "forcedDrag",
+              "attribute": "forced-drag"
             },
             {
-              "name": "hasHeader",
+              "name": "allow-close",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Indicates whether the pane has a header section.",
-              "fieldName": "hasHeader"
+              "default": "true",
+              "description": "Enables or disables closing.",
+              "fieldName": "allowClose",
+              "attribute": "allow-close"
             },
             {
-              "name": "floatingMinHeight",
-              "description": "The minimum height constraint for the floating pane.",
-              "default": "100",
+              "name": "allow-maximize",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "fieldName": "floatingMinHeight"
+              "default": "true",
+              "description": "Enables or disables maximizing.",
+              "fieldName": "allowMaximize",
+              "attribute": "allow-maximize"
             },
             {
-              "name": "floatingMinWidth",
-              "description": "The minimum width constraint for the floating pane.",
-              "default": "100",
+              "name": "allow-pinning",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "fieldName": "floatingMinWidth"
+              "default": "true",
+              "description": "Enables or disables pinning.",
+              "fieldName": "allowPinning",
+              "attribute": "allow-pinning"
             },
             {
-              "name": "floatingId",
+              "name": "pinned",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "A unique identifier for the floating pane.",
-              "fieldName": "floatingId"
+              "default": "false",
+              "description": "Whether the pane is currently pinned.",
+              "fieldName": "pinned"
             },
             {
               "name": "maximized",
-              "description": "Indicates whether the floating pane is currently 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": [
@@ -12205,7 +12312,7 @@
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "igc-floating-pane",
+          "tagName": "igc-pane-header",
           "customElement": true
         }
       ],
@@ -12214,46 +12321,20 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "IgcFloatingPaneComponent",
-            "module": "src/components/dockmanager/panes/floating-pane-component.ts"
+            "name": "IgcPaneHeaderComponent",
+            "module": "src/components/dockmanager/panes/pane-header-component.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/dockmanager/panes/pane-header-component.ts",
+      "path": "src/components/dockmanager/panes/resizer-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": "IgcResizerComponent",
           "members": [
             {
               "kind": "field",
@@ -12264,7 +12345,7 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
-              "default": "'igc-pane-header'"
+              "default": "'igc-resizer'"
             },
             {
               "kind": "method",
@@ -12283,146 +12364,22 @@
             },
             {
               "kind": "field",
-              "name": "commonParts",
-              "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "pinned",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "false",
-              "description": "Whether the pane is currently pinned.",
-              "attribute": "pinned"
-            },
-            {
-              "kind": "field",
-              "name": "maximized",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "false",
-              "description": "Whether the pane is currently maximized.",
-              "attribute": "maximized"
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "false",
-              "description": "Disables interaction with the pane header.",
-              "attribute": "disabled"
-            },
-            {
-              "kind": "field",
-              "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": "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": "isActive",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "false",
-              "description": "Marks the header as active.",
-              "attribute": "is-active"
-            },
-            {
-              "kind": "field",
-              "name": "forcedDrag",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "false",
-              "description": "Forces drag behavior on the pane header.",
-              "attribute": "forced-drag"
-            },
-            {
-              "kind": "field",
-              "name": "allowClose",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "true",
-              "description": "Enables or disables closing.",
-              "attribute": "allow-close"
-            },
-            {
-              "kind": "field",
-              "name": "allowMaximize",
+              "name": "orientation",
               "type": {
-                "text": "boolean"
+                "text": "ResizerLocation"
               },
               "privacy": "public",
-              "default": "true",
-              "description": "Enables or disables maximizing.",
-              "attribute": "allow-maximize"
+              "description": "Specifies the orientation of the resizer.",
+              "attribute": "orientation"
             },
             {
               "kind": "field",
-              "name": "allowPinning",
+              "name": "isCornerResizer",
               "type": {
                 "text": "boolean"
               },
-              "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"
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "field",
@@ -12441,98 +12398,50 @@
             },
             {
               "kind": "field",
-              "name": "_handlePinButtonClick",
-              "privacy": "private"
+              "name": "dragStart"
             },
             {
               "kind": "field",
-              "name": "_handleMaximizeButtonClick",
-              "privacy": "private"
+              "name": "dragMove"
             },
             {
               "kind": "field",
-              "name": "_handleCloseButtonClick",
-              "privacy": "private"
+              "name": "dragEnd"
             },
             {
               "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": {
-                    "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"
-              }
+              "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",
@@ -12637,36 +12546,16 @@
           ],
           "events": [
             {
-              "description": "Emitted when dragging starts on the header.",
-              "name": "igcPaneHeaderDragStart"
-            },
-            {
-              "description": "Emitted during header dragging.",
-              "name": "igcPaneHeaderDragMoved"
-            },
-            {
-              "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 a drag operation starts on the resizer.",
+              "name": "igcResizerDragStart"
             },
             {
-              "description": "Emitted when the element is connected to the DOM.",
-              "name": "elementConnected"
+              "description": "Emitted during resizer moving.",
+              "name": "igcResizerMoved"
             },
             {
-              "description": "Emitted when the element is disconnected from the DOM.",
-              "name": "elementDisconnected"
+              "description": "Emitted when dragging ends on the resizer.",
+              "name": "igcResizerDragEnd"
             },
             {
               "type": {
@@ -12680,101 +12569,12 @@
           ],
           "attributes": [
             {
-              "name": "is-floating",
-              "type": {
-                "text": "boolean"
-              },
-              "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",
+              "name": "orientation",
               "type": {
-                "text": "boolean"
+                "text": "ResizerLocation"
               },
-              "default": "false",
-              "description": "Disables interaction with the pane header.",
-              "fieldName": "disabled"
+              "description": "Specifies the orientation of the resizer.",
+              "fieldName": "orientation"
             }
           ],
           "mixins": [
@@ -12787,7 +12587,7 @@
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "igc-pane-header",
+          "tagName": "igc-resizer",
           "customElement": true
         }
       ],
@@ -12796,20 +12596,26 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "IgcPaneHeaderComponent",
-            "module": "src/components/dockmanager/panes/pane-header-component.ts"
+            "name": "IgcResizerComponent",
+            "module": "src/components/dockmanager/panes/resizer-component.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/dockmanager/panes/resizer-component.ts",
+      "path": "src/components/dockmanager/panes/split-pane-component.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "IgcResizerComponent",
+          "name": "IgcSplitPaneComponent",
+          "cssParts": [
+            {
+              "description": "The root split pane container.",
+              "name": "split-pane"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -12820,7 +12626,7 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
-              "default": "'igc-resizer'"
+              "default": "'igc-split-pane'"
             },
             {
               "kind": "method",
@@ -12830,58 +12636,100 @@
             },
             {
               "kind": "field",
-              "name": "_dragService",
+              "name": "_orientation",
               "type": {
-                "text": "IgcDragService"
+                "text": "SplitPaneOrientation"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_parentUseFixedSize",
+              "type": {
+                "text": "boolean"
               },
               "privacy": "private",
-              "default": "new IgcDragService(this)"
+              "default": "false"
             },
             {
               "kind": "field",
               "name": "orientation",
+              "privacy": "public",
+              "description": "Defines the layout direction of the split pane: `horizontal` or `vertical`.",
               "type": {
-                "text": "ResizerLocation"
+                "text": "SplitPaneOrientation"
               },
-              "privacy": "public",
-              "description": "Specifies the orientation of the resizer.",
               "attribute": "orientation"
             },
             {
               "kind": "field",
-              "name": "isCornerResizer",
+              "name": "useFixedSize",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "private",
-              "readonly": true
+              "privacy": "public",
+              "default": "false",
+              "description": "Indicates whether the pane uses a fixed size.",
+              "attribute": "use-fixed-size"
             },
             {
               "kind": "field",
-              "name": "_handleDragStart",
-              "privacy": "private"
+              "name": "parentUseFixedSize",
+              "privacy": "public",
+              "description": "Indicates if the parent pane uses fixed pane sizes.",
+              "default": "false",
+              "attribute": "parent-use-fixed-size",
+              "type": {
+                "text": "boolean"
+              }
             },
             {
               "kind": "field",
-              "name": "_handleDragMove",
-              "privacy": "private"
+              "name": "size",
+              "type": {
+                "text": "number | undefined"
+              },
+              "privacy": "public",
+              "attribute": "size"
             },
             {
               "kind": "field",
-              "name": "_handleDragEnd",
-              "privacy": "private"
+              "name": "_minResizeWidth",
+              "privacy": "private",
+              "default": "IGC_RESIZING_MIN_SIZE"
             },
             {
               "kind": "field",
-              "name": "dragStart"
+              "name": "_minResizeHeight",
+              "privacy": "private",
+              "default": "IGC_RESIZING_MIN_SIZE"
             },
             {
               "kind": "field",
-              "name": "dragMove"
+              "name": "minResizeWidth",
+              "privacy": "public",
+              "description": "The minimum width of child panes in pixels during resizing.",
+              "default": "42",
+              "attribute": "min-resize-width",
+              "type": {
+                "text": "number"
+              }
             },
             {
               "kind": "field",
-              "name": "dragEnd"
+              "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",
@@ -13021,16 +12869,8 @@
           ],
           "events": [
             {
-              "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"
+              "description": "Emitted when the component is updated and rendered.",
+              "name": "igcRendered"
             },
             {
               "type": {
@@ -13043,13 +12883,60 @@
             }
           ],
           "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": "ResizerLocation"
+                "text": "SplitPaneOrientation"
               },
-              "description": "Specifies the orientation of the resizer.",
               "fieldName": "orientation"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "number | undefined"
+              },
+              "fieldName": "size"
             }
           ],
           "mixins": [
@@ -13062,7 +12949,7 @@
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "igc-resizer",
+          "tagName": "igc-split-pane",
           "customElement": true
         }
       ],
@@ -13071,24 +12958,32 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "IgcResizerComponent",
-            "module": "src/components/dockmanager/panes/resizer-component.ts"
+            "name": "IgcSplitPaneComponent",
+            "module": "src/components/dockmanager/panes/split-pane-component.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/dockmanager/panes/split-pane-component.ts",
+      "path": "src/components/dockmanager/panes/splitter-component.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "IgcSplitPaneComponent",
+          "name": "IgcSplitterComponent",
           "cssParts": [
             {
-              "description": "The root split pane container.",
-              "name": "split-pane"
+              "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"
             }
           ],
           "members": [
@@ -13101,7 +12996,7 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
-              "default": "'igc-split-pane'"
+              "default": "'igc-splitter-component'"
             },
             {
               "kind": "method",
@@ -13111,15 +13006,42 @@
             },
             {
               "kind": "field",
-              "name": "_orientation",
+              "name": "_paneSizes",
               "type": {
-                "text": "SplitPaneOrientation"
+                "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",
+              "type": {
+                "text": "IgcDragService | undefined"
               },
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_parentUseFixedSize",
+              "name": "resizeEndEmitted",
               "type": {
                 "text": "boolean"
               },
@@ -13128,84 +13050,297 @@
             },
             {
               "kind": "field",
-              "name": "orientation",
-              "privacy": "public",
-              "description": "Defines the layout direction of the split pane: `horizontal` or `vertical`.",
+              "name": "_splitPaneOrientation",
               "type": {
                 "text": "SplitPaneOrientation"
               },
-              "attribute": "orientation"
+              "privacy": "private",
+              "default": "'horizontal'"
             },
             {
               "kind": "field",
-              "name": "useFixedSize",
+              "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"
+            },
+            {
+              "kind": "field",
+              "name": "showDragGhost",
               "type": {
                 "text": "boolean"
               },
               "privacy": "public",
               "default": "false",
-              "description": "Indicates whether the pane uses a fixed size.",
-              "attribute": "use-fixed-size"
+              "description": "Indicates whether the drag ghost element is shown while resizing.",
+              "attribute": "show-drag-ghost"
             },
             {
               "kind": "field",
               "name": "parentUseFixedSize",
+              "type": {
+                "text": "boolean"
+              },
               "privacy": "public",
-              "description": "Indicates if the parent pane uses fixed pane sizes.",
               "default": "false",
-              "attribute": "parent-use-fixed-size",
+              "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",
               "type": {
-                "text": "boolean"
-              }
+                "text": "UnpinnedLocation"
+              },
+              "privacy": "public",
+              "description": "Indicates the flyout location of the splitter.",
+              "attribute": "flyout-location"
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "scrollSpeed",
               "type": {
                 "text": "number | undefined"
               },
               "privacy": "public",
-              "attribute": "size"
+              "attribute": "scrollSpeed"
             },
             {
               "kind": "field",
-              "name": "_minResizeWidth",
-              "privacy": "private",
-              "default": "IGC_RESIZING_MIN_SIZE"
+              "name": "_ghostRef",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_minResizeHeight",
-              "privacy": "private",
-              "default": "IGC_RESIZING_MIN_SIZE"
+              "name": "_splitterBaseRef",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "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"
-              }
+              "name": "dragStart",
+              "privacy": "private"
             },
             {
               "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"
-              }
+              "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": "_updateFlexStyle",
+              "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",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_isArrowRight",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_isHorizontal",
               "privacy": "private"
             },
+            {
+              "kind": "method",
+              "name": "_isVertical",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_getMinSize",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "pane",
+                  "type": {
+                    "text": "HTMLElement | undefined"
+                  }
+                },
+                {
+                  "name": "orientation",
+                  "type": {
+                    "text": "'horizontal' | 'vertical'"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "addEventListener",
@@ -13344,8 +13479,12 @@
           ],
           "events": [
             {
-              "description": "Emitted when the component is updated and rendered.",
-              "name": "igcRendered"
+              "description": "Emitted when a resize interaction starts.",
+              "name": "igcResizeStart"
+            },
+            {
+              "description": "Emitted when the resize ends, passing the final size.",
+              "name": "igcResizeEnd"
             },
             {
               "type": {
@@ -13359,59 +13498,47 @@
           ],
           "attributes": [
             {
-              "name": "use-fixed-size",
+              "name": "show-drag-ghost",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Indicates whether the pane uses a fixed size.",
-              "fieldName": "useFixedSize",
-              "attribute": "use-fixed-size"
+              "description": "Indicates whether the drag ghost element is shown while resizing.",
+              "fieldName": "showDragGhost",
+              "attribute": "show-drag-ghost"
             },
             {
               "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"
-              }
+              },
+              "default": "false",
+              "description": "Indicates if the parent pane uses fixed pane sizes.",
+              "fieldName": "parentUseFixedSize",
+              "attribute": "parent-use-fixed-size"
             },
             {
-              "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": "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": "orientation",
-              "description": "Defines the layout direction of the split pane: `horizontal` or `vertical`.",
+              "name": "flyout-location",
               "type": {
-                "text": "SplitPaneOrientation"
+                "text": "UnpinnedLocation"
               },
-              "fieldName": "orientation"
+              "description": "Indicates the flyout location of the splitter.",
+              "fieldName": "flyoutLocation",
+              "attribute": "flyout-location"
             },
             {
-              "name": "size",
+              "name": "scrollSpeed",
               "type": {
                 "text": "number | undefined"
               },
-              "fieldName": "size"
+              "fieldName": "scrollSpeed"
             }
           ],
           "mixins": [
@@ -13424,7 +13551,7 @@
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "igc-split-pane",
+          "tagName": "igc-splitter-component",
           "customElement": true
         }
       ],
@@ -13433,32 +13560,54 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "IgcSplitPaneComponent",
-            "module": "src/components/dockmanager/panes/split-pane-component.ts"
+            "name": "IgcSplitterComponent",
+            "module": "src/components/dockmanager/panes/splitter-component.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/dockmanager/panes/splitter-component.ts",
+      "path": "src/components/dockmanager/panes/unpinned-pane-header-component.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "IgcSplitterComponent",
+          "name": "IgcUnpinnedPaneHeaderComponent",
           "cssParts": [
             {
-              "description": "The main container of the splitter.",
-              "name": "splitter"
+              "description": "The main container of the pane header.",
+              "name": "unpinned-pane-header"
             },
             {
-              "description": "The draggable element that users interact with.",
-              "name": "splitter-base"
+              "description": "Applied when the header is in a horizontal orientation.",
+              "name": "horizontal"
             },
             {
-              "description": "The visual indicator (ghost element) shown during drag.",
-              "name": "splitter-ghost"
+              "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": [
@@ -13471,206 +13620,259 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
-              "default": "'igc-splitter-component'"
-            },
-            {
-              "kind": "method",
-              "name": "register",
-              "privacy": "public",
-              "static": true
+              "default": "'igc-unpinned-pane-header'"
             },
             {
               "kind": "field",
-              "name": "_paneSizes",
+              "name": "_location",
               "type": {
-                "text": "number[] | null"
+                "text": "UnpinnedLocation"
               },
-              "privacy": "private",
-              "default": "null"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_paneMinSizes",
+              "name": "_isActive",
               "type": {
-                "text": "number[] | null"
+                "text": "boolean"
               },
               "privacy": "private",
-              "default": "null"
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "_flyoutMaxSize",
+              "name": "_disabled",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
               "privacy": "private",
-              "default": "0"
+              "default": "false"
+            },
+            {
+              "kind": "method",
+              "name": "register",
+              "privacy": "public",
+              "static": true
             },
             {
               "kind": "field",
-              "name": "_dragService",
-              "type": {
-                "text": "IgcDragService | undefined"
-              },
+              "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"
+          }
+        }
+      ]
+    },
+    {
+      "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"
+            },
+            {
+              "description": "The article element which contains all items of the same group - panes or documents.",
+              "name": "group"
             },
+            {
+              "description": "The header element displayed above the group of panes/documents.",
+              "name": "title"
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "resizeEndEmitted",
+              "name": "tagName",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "privacy": "private",
-              "default": "false"
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'igc-pane-navigator'"
             },
             {
-              "kind": "field",
-              "name": "_splitPaneOrientation",
-              "type": {
-                "text": "SplitPaneOrientation"
-              },
-              "privacy": "private",
-              "default": "'horizontal'"
+              "kind": "method",
+              "name": "register",
+              "privacy": "public",
+              "static": true
             },
             {
               "kind": "field",
-              "name": "isRTL",
+              "name": "_paneNav",
               "type": {
-                "text": "boolean"
+                "text": "Ref<HTMLElement>"
               },
-              "privacy": "private",
-              "readonly": true
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_dragOffset",
+              "name": "_allItems",
               "type": {
-                "text": "number"
+                "text": "IgcContentPane[]"
               },
               "privacy": "private",
-              "default": "0"
+              "default": "[]"
             },
             {
               "kind": "field",
-              "name": "_hasCustomSplitterHandle",
+              "name": "_allItemsElement",
               "type": {
-                "text": "boolean"
+                "text": "HTMLElement[]"
               },
               "privacy": "private",
-              "default": "false"
+              "default": "[]"
             },
             {
               "kind": "field",
-              "name": "showDragGhost",
+              "name": "activeDocuments",
               "type": {
-                "text": "boolean"
+                "text": "IgcContentPane[]"
               },
               "privacy": "public",
-              "default": "false",
-              "description": "Indicates whether the drag ghost element is shown while resizing.",
-              "attribute": "show-drag-ghost"
+              "default": "[]",
+              "description": "Determines currently visible documents.",
+              "attribute": "activeDocuments"
             },
             {
               "kind": "field",
-              "name": "parentUseFixedSize",
+              "name": "activePanes",
               "type": {
-                "text": "boolean"
+                "text": "IgcContentPane[]"
               },
               "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"
+              "default": "[]",
+              "description": "Determines currently visible panes.",
+              "attribute": "activePanes"
             },
             {
               "kind": "field",
-              "name": "flyoutLocation",
+              "name": "selectedIndex",
               "type": {
-                "text": "UnpinnedLocation"
+                "text": "number"
               },
               "privacy": "public",
-              "description": "Indicates the flyout location of the splitter.",
-              "attribute": "flyout-location"
+              "description": "Determines the index of the selected item.",
+              "attribute": "selectedIndex"
             },
             {
               "kind": "field",
-              "name": "scrollSpeed",
+              "name": "previousActivePaneIndex",
               "type": {
-                "text": "number | undefined"
+                "text": "number"
               },
               "privacy": "public",
-              "attribute": "scrollSpeed"
-            },
-            {
-              "kind": "field",
-              "name": "_ghostRef",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "private"
+              "description": "Determines the index of the previously selected item.",
+              "attribute": "previousActivePaneIndex"
             },
             {
               "kind": "field",
-              "name": "_splitterBaseRef",
+              "name": "resourceStrings",
               "type": {
-                "text": "HTMLElement"
+                "text": "IgcDockManagerResourceStrings | undefined"
               },
-              "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"
+              "privacy": "public",
+              "description": "The resource strings for the pane navigator.",
+              "attribute": "resourceStrings"
             },
             {
               "kind": "field",
-              "name": "_handleKeyDown",
+              "name": "_handleKeyUp",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "_calculateOffset",
+              "name": "_handleKeyDown",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "number"
-                }
-              },
               "parameters": [
                 {
-                  "name": "e",
+                  "name": "event",
                   "type": {
                     "text": "KeyboardEvent"
                   }
@@ -13679,139 +13881,120 @@
             },
             {
               "kind": "method",
-              "name": "_dragStartHelper",
+              "name": "_scrollItemToView",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_navigateToIndex",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "offset",
+                  "name": "initialIndex",
                   "type": {
                     "text": "number"
                   }
+                },
+                {
+                  "name": "direction",
+                  "type": {
+                    "text": "'next' | 'previous'"
+                  }
                 }
               ]
             },
             {
               "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",
+              "name": "_increaseSelectedIndex",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
               "parameters": [
                 {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
+                  "name": "amount",
+                  "default": "1"
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "_isArrowDown",
+              "name": "_decreaseSelectedIndex",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
               "parameters": [
                 {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
+                  "name": "amount",
+                  "default": "1"
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "_isArrowLeft",
+              "name": "_resolveItemPart",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "item",
                   "type": {
-                    "text": "KeyboardEvent"
+                    "text": "IgcContentPane"
+                  }
+                },
+                {
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "isDocHost",
+                  "type": {
+                    "text": "boolean"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "_isArrowRight",
+              "name": "_selectItem",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "boolean"
+                  "text": "void"
                 }
               },
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "index",
                   "type": {
-                    "text": "KeyboardEvent"
+                    "text": "number"
                   }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_isHorizontal",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "_isVertical",
-              "privacy": "private"
+                },
+                {
+                  "name": "isDocHost",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "_getMinSize",
+              "name": "_renderItems",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "number"
-                }
-              },
               "parameters": [
                 {
-                  "name": "pane",
+                  "name": "title",
                   "type": {
-                    "text": "HTMLElement | undefined"
+                    "text": "string"
                   }
                 },
                 {
-                  "name": "orientation",
+                  "name": "items",
                   "type": {
-                    "text": "'horizontal' | 'vertical'"
+                    "text": "IgcContentPane[]"
+                  }
+                },
+                {
+                  "name": "isDocHost",
+                  "type": {
+                    "text": "boolean"
                   }
                 }
               ]
@@ -13954,12 +14137,8 @@
           ],
           "events": [
             {
-              "description": "Emitted when a resize interaction starts.",
-              "name": "igcResizeStart"
-            },
-            {
-              "description": "Emitted when the resize ends, passing the final size.",
-              "name": "igcResizeEnd"
+              "description": "Fired when pane navigator is closed.",
+              "name": "igcClosed"
             },
             {
               "type": {
@@ -13973,47 +14152,46 @@
           ],
           "attributes": [
             {
-              "name": "show-drag-ghost",
+              "name": "activeDocuments",
               "type": {
-                "text": "boolean"
+                "text": "IgcContentPane[]"
               },
-              "default": "false",
-              "description": "Indicates whether the drag ghost element is shown while resizing.",
-              "fieldName": "showDragGhost",
-              "attribute": "show-drag-ghost"
+              "default": "[]",
+              "description": "Determines currently visible documents.",
+              "fieldName": "activeDocuments"
             },
             {
-              "name": "parent-use-fixed-size",
+              "name": "activePanes",
               "type": {
-                "text": "boolean"
+                "text": "IgcContentPane[]"
               },
-              "default": "false",
-              "description": "Indicates if the parent pane uses fixed pane sizes.",
-              "fieldName": "parentUseFixedSize",
-              "attribute": "parent-use-fixed-size"
+              "default": "[]",
+              "description": "Determines currently visible panes.",
+              "fieldName": "activePanes"
             },
             {
-              "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": "selectedIndex",
+              "type": {
+                "text": "number"
+              },
+              "description": "Determines the index of the selected item.",
+              "fieldName": "selectedIndex"
             },
             {
-              "name": "flyout-location",
+              "name": "previousActivePaneIndex",
               "type": {
-                "text": "UnpinnedLocation"
+                "text": "number"
               },
-              "description": "Indicates the flyout location of the splitter.",
-              "fieldName": "flyoutLocation",
-              "attribute": "flyout-location"
+              "description": "Determines the index of the previously selected item.",
+              "fieldName": "previousActivePaneIndex"
             },
             {
-              "name": "scrollSpeed",
+              "name": "resourceStrings",
               "type": {
-                "text": "number | undefined"
+                "text": "IgcDockManagerResourceStrings | undefined"
               },
-              "fieldName": "scrollSpeed"
+              "description": "The resource strings for the pane navigator.",
+              "fieldName": "resourceStrings"
             }
           ],
           "mixins": [
@@ -14026,176 +14204,7 @@
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "igc-splitter-component",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "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",
+          "tagName": "igc-pane-navigator",
           "customElement": true
         }
       ],
@@ -14204,8 +14213,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "IgcUnpinnedPaneHeaderComponent",
-            "module": "src/components/dockmanager/panes/unpinned-pane-header-component.ts"
+            "name": "IgcPaneNavigatorComponent",
+            "module": "src/components/dockmanager/pane-navigator/pane-navigator-component.ts"
           }
         }
       ]