igniteui-dockmanager 2.1.0 → 2.1.1

package/components/sample-component/sample-component.js

@@ -857,6 +857,115 @@ let SampleComponent = class SampleComponent extends LitElement {
         this._newId = '';
         this.foundElem = [];
     }
+    static { this.styles = css `
+    :host {
+      display: flex;
+      flex-direction: column;
+      height: 100%;
+    }
+
+    igc-dockmanager {
+      margin: 10px;
+      border: 1px solid black;
+      --igc-resize-target-border-width: 2px;
+      /* --igc-splitter-thickness: 10px; */
+      /* --igc-resize-handle-thickness: 10px;
+      --igc-resize-handle-size: 150px; */
+    }
+
+    /*
+   igc-dockmanager {
+    background-color: rgb(227,230,233);
+    padding: 20px;
+  } */
+
+    /* igc-dockmanager::part(pane-header) {
+      background-color: #fff;
+      border-bottom: 2px solid rgb(227, 230, 233);
+      max-height: 15px;
+      min-height: 15px;
+    }
+
+    igc-dockmanager::part(pane-header active) {
+      font-weight: 700;
+      color: rgb(113, 115, 116);
+      box-shadow: none;
+      border-bottom: 2px solid rgb(113, 115, 116);
+    }
+
+    igc-dockmanager::part(pane-header-content) {
+      color: rgba(104, 97, 97, 0.938);
+    }
+
+    igc-dockmanager::part(splitter) {
+      flex: 0 0 15px;
+    }
+
+    igc-dockmanager::part(splitter-base) {
+      background: transparent;
+    }
+
+    igc-dockmanager::part(splitter-base)::after {
+      content: none;
+    }
+
+    igc-dockmanager::part(content-pane) {
+      border-radius: 10px;
+    }
+
+    igc-dockmanager::part(tab-header bottom) {
+      border-bottom-right-radius: 10px;
+      border-bottom-left-radius: 10px;
+      background-color: rgb(227, 230, 233);
+    }
+
+    igc-dockmanager::part(tab-header active selected bottom) {
+      font-weight: 700;
+      color: rgb(113, 115, 116);
+      box-shadow: inset 0 2px 0 0 rgb(113, 115, 116);
+    }
+
+    igc-dockmanager::part(tab-strip-area bottom) {
+      border-radius: 0 0 10px 10px;
+      border-bottom: 2px solid rgb(227, 230, 233);
+      background-color: #fff;
+    }
+
+    igc-dockmanager::part(tab-strip-actions bottom) {
+      display: none;
+    }
+
+    igc-dockmanager::part(tabs-content) {
+      border-radius: 10px 10px 0 0;
+      background-color: #fff;
+    }
+
+    igc-dockmanager::part(root-docking-indicator),
+    igc-dockmanager::part(splitter-docking-indicator),
+    igc-dockmanager::part(docking-indicator) {
+      background-color: rgba(49, 45, 49, 0.733);
+      color: #fff;
+      border: none;
+      border-radius: 5px;
+      margin: 2px;
+    }
+
+    igc-dockmanager::part(docking-preview) {
+      background-color: rgb(227, 230, 233);
+      opacity: 0.7;
+    }
+
+    igc-dockmanager::part(unpinned-pane-header) {
+      border-radius: 5px;
+      margin-bottom: 5px;
+      box-shadow: inset 0 2px 0 0 rgb(113, 115, 116);
+      background-color: #fff;
+    }
+
+    igc-dockmanager::part(floating-window) {
+      border-radius: 10px;
+    } */
+  `; }
     log(message, ...optionalParams) {
         if (this.logEnabled) {
             console.log(message, optionalParams);
@@ -1139,115 +1248,6 @@ let SampleComponent = class SampleComponent extends LitElement {
     `;
     }
 };
-SampleComponent.styles = css `
-    :host {
-      display: flex;
-      flex-direction: column;
-      height: 100%;
-    }
-
-    igc-dockmanager {
-      margin: 10px;
-      border: 1px solid black;
-      --igc-resize-target-border-width: 2px;
-      /* --igc-splitter-thickness: 10px; */
-      /* --igc-resize-handle-thickness: 10px;
-      --igc-resize-handle-size: 150px; */
-    }
-
-    /*
-   igc-dockmanager {
-    background-color: rgb(227,230,233);
-    padding: 20px;
-  } */
-
-    /* igc-dockmanager::part(pane-header) {
-      background-color: #fff;
-      border-bottom: 2px solid rgb(227, 230, 233);
-      max-height: 15px;
-      min-height: 15px;
-    }
-
-    igc-dockmanager::part(pane-header active) {
-      font-weight: 700;
-      color: rgb(113, 115, 116);
-      box-shadow: none;
-      border-bottom: 2px solid rgb(113, 115, 116);
-    }
-
-    igc-dockmanager::part(pane-header-content) {
-      color: rgba(104, 97, 97, 0.938);
-    }
-
-    igc-dockmanager::part(splitter) {
-      flex: 0 0 15px;
-    }
-
-    igc-dockmanager::part(splitter-base) {
-      background: transparent;
-    }
-
-    igc-dockmanager::part(splitter-base)::after {
-      content: none;
-    }
-
-    igc-dockmanager::part(content-pane) {
-      border-radius: 10px;
-    }
-
-    igc-dockmanager::part(tab-header bottom) {
-      border-bottom-right-radius: 10px;
-      border-bottom-left-radius: 10px;
-      background-color: rgb(227, 230, 233);
-    }
-
-    igc-dockmanager::part(tab-header active selected bottom) {
-      font-weight: 700;
-      color: rgb(113, 115, 116);
-      box-shadow: inset 0 2px 0 0 rgb(113, 115, 116);
-    }
-
-    igc-dockmanager::part(tab-strip-area bottom) {
-      border-radius: 0 0 10px 10px;
-      border-bottom: 2px solid rgb(227, 230, 233);
-      background-color: #fff;
-    }
-
-    igc-dockmanager::part(tab-strip-actions bottom) {
-      display: none;
-    }
-
-    igc-dockmanager::part(tabs-content) {
-      border-radius: 10px 10px 0 0;
-      background-color: #fff;
-    }
-
-    igc-dockmanager::part(root-docking-indicator),
-    igc-dockmanager::part(splitter-docking-indicator),
-    igc-dockmanager::part(docking-indicator) {
-      background-color: rgba(49, 45, 49, 0.733);
-      color: #fff;
-      border: none;
-      border-radius: 5px;
-      margin: 2px;
-    }
-
-    igc-dockmanager::part(docking-preview) {
-      background-color: rgb(227, 230, 233);
-      opacity: 0.7;
-    }
-
-    igc-dockmanager::part(unpinned-pane-header) {
-      border-radius: 5px;
-      margin-bottom: 5px;
-      box-shadow: inset 0 2px 0 0 rgb(113, 115, 116);
-      background-color: #fff;
-    }
-
-    igc-dockmanager::part(floating-window) {
-      border-radius: 10px;
-    } */
-  `;
 __decorate([
     property({ attribute: false })
 ], SampleComponent.prototype, "hiddenPanes", void 0);

package/components/tabs/tab-header-component.js

@@ -15,7 +15,7 @@ import IgcButtonDMComponent from '../button/button-component.js';
 import { IgcDragService, } from '../drag-drop/drag.service.js';
 import IgcIconDMComponent from '../icon/icon-component.js';
 import { styles } from './tab-header-component.css.js';
-class IgcTabHeaderComponent extends EventEmitterMixin(LitElement) {
+export default class IgcTabHeaderComponent extends EventEmitterMixin(LitElement) {
     constructor() {
         super(...arguments);
         this._selected = false;
@@ -34,6 +34,8 @@ class IgcTabHeaderComponent extends EventEmitterMixin(LitElement) {
             this.emitEvent('igcIconKeyDown', { detail: event });
         };
     }
+    static { this.tagName = 'igc-tab-header'; }
+    static { this.styles = [styles]; }
     static register() {
         registerComponent(IgcTabHeaderComponent, IgcIconDMComponent, IgcButtonDMComponent);
     }
@@ -240,9 +242,6 @@ class IgcTabHeaderComponent extends EventEmitterMixin(LitElement) {
     `;
     }
 }
-IgcTabHeaderComponent.tagName = 'igc-tab-header';
-IgcTabHeaderComponent.styles = [styles];
-export default IgcTabHeaderComponent;
 __decorate([
     query('[part^=tab-header-close-button]')
 ], IgcTabHeaderComponent.prototype, "closeButton", void 0);

package/components/tabs/tab-panel-component.js

@@ -11,12 +11,14 @@ import { registerComponent } from '../../common/definitions/register.js';
 import { EventEmitterMixin } from '../../common/mixins/event-emitter.js';
 import { partNameMap } from '../../common/util.js';
 import { styles } from './tab-panel-component.css.js';
-class IgcTabPanelComponent extends EventEmitterMixin(LitElement) {
+export default class IgcTabPanelComponent extends EventEmitterMixin(LitElement) {
     constructor() {
         super(...arguments);
         this._selected = false;
         this._disabled = false;
     }
+    static { this.tagName = 'igc-tab-panel'; }
+    static { this.styles = [styles]; }
     static register() {
         registerComponent(IgcTabPanelComponent);
     }
@@ -56,9 +58,6 @@ class IgcTabPanelComponent extends EventEmitterMixin(LitElement) {
         return html ` <slot></slot> `;
     }
 }
-IgcTabPanelComponent.tagName = 'igc-tab-panel';
-IgcTabPanelComponent.styles = [styles];
-export default IgcTabPanelComponent;
 __decorate([
     property({ type: Boolean, reflect: true })
 ], IgcTabPanelComponent.prototype, "selected", null);

package/components/tabs/tabs-component.js

@@ -20,7 +20,7 @@ import IgcTabHeaderComponent from './tab-header-component.js';
 import IgcTabPanelComponent from './tab-panel-component.js';
 import { styles } from './tabs-component.css.js';
 let NEXT_TAB_ID = 0;
-class IgcTabsComponent extends EventEmitterMixin(LitElement) {
+export default class IgcTabsComponent extends EventEmitterMixin(LitElement) {
     constructor() {
         super(...arguments);
         this._parentUseFixedSize = false;
@@ -71,6 +71,8 @@ class IgcTabsComponent extends EventEmitterMixin(LitElement) {
             this.emitEvent('igcMaximizeMinimizeFocus');
         };
     }
+    static { this.tagName = 'igc-tabs-component'; }
+    static { this.styles = [styles]; }
     static register() {
         registerComponent(IgcTabsComponent, IgcTabHeaderComponent, IgcTabPanelComponent, IgcContextMenuComponent, IgcButtonDMComponent, IgcIconDMComponent);
     }
@@ -409,9 +411,6 @@ class IgcTabsComponent extends EventEmitterMixin(LitElement) {
     `;
     }
 }
-IgcTabsComponent.tagName = 'igc-tabs-component';
-IgcTabsComponent.styles = [styles];
-export default IgcTabsComponent;
 __decorate([
     state()
 ], IgcTabsComponent.prototype, "_hasHiddenTabs", void 0);

package/custom-elements.json

@@ -3174,7 +3174,7 @@
                 "text": "array"
               },
               "privacy": "private",
-              "default": "[ { slot: 'paneHeaderCloseButton', targetName: 'igc-pane-header', targetSlot: 'paneHeaderCloseButton', targetPart: 'pane-header-close-button', }, { slot: 'tabHeaderCloseButton', targetName: 'igc-tab-header', targetSlot: 'tabHeaderCloseButton', targetPart: 'tab-header-close-button', }, { slot: 'tabHeaderCloseButton', targetName: 'igc-context-menu', targetSlot: 'contextMenuCloseButton', targetPart: 'context-menu-close-button', }, { slot: 'closeButton', targetName: 'igc-pane-header', targetSlot: 'paneHeaderCloseButton', targetPart: 'pane-header-close-button', }, { slot: 'closeButton', targetName: 'igc-tab-header', targetSlot: 'tabHeaderCloseButton', targetPart: 'tab-header-close-button', }, { slot: 'closeButton', targetName: 'igc-context-menu', targetSlot: 'contextMenuCloseButton', targetPart: 'context-menu-close-button', }, { slot: 'moreTabsButton', targetName: 'igc-tabs-component', targetSlot: 'tabsMoreButton', targetPart: 'tabs-more-button', }, { slot: 'maximizeButton', targetName: 'igc-pane-header', targetSlot: 'paneHeaderMaximizeButton', targetPart: 'pane-header-maximize-button', }, { slot: 'maximizeButton', targetName: 'igc-tabs-component', targetSlot: 'tabsMaximizeButton', targetPart: 'tabs-maximize-button', }, { slot: 'minimizeButton', targetName: 'igc-pane-header', targetSlot: 'paneHeaderMinimizeButton', targetPart: 'pane-header-minimize-button', }, { slot: 'minimizeButton', targetName: 'igc-tabs-component', targetSlot: 'tabsMinimizeButton', targetPart: 'tabs-minimize-button', }, { slot: 'pinButton', targetName: 'igc-pane-header', targetSlot: 'paneHeaderPinButton', targetPart: 'pane-header-pin-button', }, { slot: 'unpinButton', targetName: 'igc-pane-header', targetSlot: 'paneHeaderUnpinButton', targetPart: 'pane-header-unpin-button', }, { slot: 'unpinButton', targetName: 'igc-context-menu', targetSlot: 'contextMenuUnpinButton', targetPart: 'context-menu-unpin-button', }, { slot: 'moreOptionsButton', targetName: 'igc-tab-header', targetSlot: 'tabHeaderMoreOptionsButton', targetPart: 'tab-header-more-options-button', }, { slot: 'splitterHandle', targetName: 'igc-splitter', targetSlot: 'splitterHandle', targetPart: 'splitter-handle', }, ]"
+              "default": "[ { slot: 'paneHeaderCloseButton', targetName: 'igc-pane-header', targetSlot: 'paneHeaderCloseButton', targetPart: 'pane-header-close-button', }, { slot: 'tabHeaderCloseButton', targetName: 'igc-tab-header', targetSlot: 'tabHeaderCloseButton', targetPart: 'tab-header-close-button', }, { slot: 'tabHeaderCloseButton', targetName: 'igc-context-menu', targetSlot: 'contextMenuCloseButton', targetPart: 'context-menu-close-button', }, { slot: 'closeButton', targetName: 'igc-pane-header', targetSlot: 'paneHeaderCloseButton', targetPart: 'pane-header-close-button', }, { slot: 'closeButton', targetName: 'igc-tab-header', targetSlot: 'tabHeaderCloseButton', targetPart: 'tab-header-close-button', }, { slot: 'closeButton', targetName: 'igc-context-menu', targetSlot: 'contextMenuCloseButton', targetPart: 'context-menu-close-button', }, { slot: 'moreTabsButton', targetName: 'igc-tabs-component', targetSlot: 'tabsMoreButton', targetPart: 'tabs-more-button', }, { slot: 'maximizeButton', targetName: 'igc-pane-header', targetSlot: 'paneHeaderMaximizeButton', targetPart: 'pane-header-maximize-button', }, { slot: 'maximizeButton', targetName: 'igc-tabs-component', targetSlot: 'tabsMaximizeButton', targetPart: 'tabs-maximize-button', }, { slot: 'minimizeButton', targetName: 'igc-pane-header', targetSlot: 'paneHeaderMinimizeButton', targetPart: 'pane-header-minimize-button', }, { slot: 'minimizeButton', targetName: 'igc-tabs-component', targetSlot: 'tabsMinimizeButton', targetPart: 'tabs-minimize-button', }, { slot: 'pinButton', targetName: 'igc-pane-header', targetSlot: 'paneHeaderPinButton', targetPart: 'pane-header-pin-button', }, { slot: 'unpinButton', targetName: 'igc-pane-header', targetSlot: 'paneHeaderUnpinButton', targetPart: 'pane-header-unpin-button', }, { slot: 'unpinButton', targetName: 'igc-context-menu', targetSlot: 'contextMenuUnpinButton', targetPart: 'context-menu-unpin-button', }, { slot: 'moreOptionsButton', targetName: 'igc-tab-header', targetSlot: 'tabHeaderMoreOptionsButton', targetPart: 'tab-header-more-options-button', }, { slot: 'splitterHandle', targetName: 'igc-splitter-component', targetSlot: 'splitterHandle', targetPart: 'splitter-handle', }, ]"
             },
             {
               "kind": "field",
@@ -5393,6 +5393,30 @@
           },
           "tagName": "igc-dockmanager",
           "customElement": true
+        },
+        {
+          "kind": "variable",
+          "name": "headerRect"
+        },
+        {
+          "kind": "variable",
+          "name": "tabsRect"
+        },
+        {
+          "kind": "variable",
+          "name": "prevHeaderRect"
+        },
+        {
+          "kind": "variable",
+          "name": "nextHeaderRect"
+        },
+        {
+          "kind": "variable",
+          "name": "lastVisibleHeaderRect"
+        },
+        {
+          "kind": "variable",
+          "name": "maximized"
         }
       ],
       "exports": [
@@ -7423,6 +7447,36 @@
               ]
             }
           ]
+        },
+        {
+          "kind": "variable",
+          "name": "panes",
+          "type": {
+            "text": "IgcContentPane[]"
+          },
+          "default": "[]"
+        },
+        {
+          "kind": "variable",
+          "name": "location"
+        },
+        {
+          "kind": "variable",
+          "name": "newValue",
+          "type": {
+            "text": "boolean"
+          },
+          "default": "!this.getActualIsPinned(pane)"
+        },
+        {
+          "kind": "variable",
+          "name": "newWidth",
+          "default": "currW"
+        },
+        {
+          "kind": "variable",
+          "name": "newHeight",
+          "default": "currH"
         }
       ],
       "exports": [
@@ -9836,6 +9890,10 @@
           },
           "tagName": "igc-tabs-component",
           "customElement": true
+        },
+        {
+          "kind": "variable",
+          "name": "top"
         }
       ],
       "exports": [
@@ -10610,6 +10668,10 @@
               ]
             }
           ]
+        },
+        {
+          "kind": "variable",
+          "name": "previousActivePaneIndex"
         }
       ],
       "exports": [
@@ -13409,7 +13471,7 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
-              "default": "'igc-splitter'"
+              "default": "'igc-splitter-component'"
             },
             {
               "kind": "method",
@@ -13964,7 +14026,7 @@
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "igc-splitter",
+          "tagName": "igc-splitter-component",
           "customElement": true
         }
       ],

package/igniteui-dockmanager.html-data.json

@@ -1,5 +1,5 @@
 {
       "$schema": "https://raw.githubusercontent.com/microsoft/vscode-html-languageservice/main/docs/customData.schema.json",
       "version": 1.1,
-      "tags": [{"name":"igc-button-component","description":"\n---\n\n\n### **Slots:**\n - _default_ - Default slot for button content.","attributes":[{"name":"disabled","description":"Indicates whether the button is disabled.","values":[]},{"name":"type","description":"The type attribute of the control.","values":[{"name":"button"},{"name":"submit"},{"name":"reset"}]},{"name":"name","description":"The name attribute of the control.","values":[]},{"name":"value","description":"The value attribute of the control.","values":[]}],"references":[]},{"name":"igc-context-menu","description":"\n---\n\n\n### **Events:**\n - **igcMenuClosed** - Emitted when the context menu is closed.\n\n### **Slots:**\n - **contextMenuCloseButton** - The close icon.\n- **contextMenuUnpinButton** - The unpin icon.\n\n### **CSS Parts:**\n - **context-menu** - The outer container of the context menu.\n- **context-menu-item** - A single menu item container.\n- **context-menu-content** - The wrapper for all menu items.\n- **context-menu-close-button** - The default close button icon.\n- **context-menu-unpin-button** - The default unpin button icon.","attributes":[{"name":"orientation","values":[{"name":"ContextMenuOrientation"}]},{"name":"position","values":[{"name":"ContextMenuPosition"}]},{"name":"target","values":[{"name":"HTMLElement"}]},{"name":"items","values":[{"name":"IgcContextMenuItem[]"}]}],"references":[]},{"name":"igc-dockmanager","description":"A powerful, flexible dock manager component for laying out, docking,\nundocking, pinning, and floating panes of content.\n---\n\n\n### **Events:**\n - **activePaneChanged** - Emitted when the active content pane changes\n- **floatingPaneResizeStart** - Emitted when a floating pane resize interaction begins\n- **floatingPaneResizeMove** - Emitted while a floating pane is being resized\n- **floatingPaneResizeEnd** - Emitted when a floating pane resize interaction ends\n- **layoutChange** - Emitted after the layout has been programmatically updated\n- **paneDragStart** - Emitted when a pane drag operation begins\n- **paneDragOver** - Emitted repeatedly as a pane is dragged\n- **paneDragEnd** - Emitted when a pane drag operation ends\n- **paneHeaderConnected** - Emitted when an `<igc-pane-header>` is connected\n- **paneHeaderDisconnected** - Emitted when an `<igc-pane-header>` is disconnected\n- **paneClose** - Emitted when a pane is closed\n- **panePinnedToggle** - Emitted when a pane is pinned or unpinned\n- **paneScroll** - Emitted when the user scrolls within a pane’s content\n- **splitterResizeStart** - Emitted when a splitter resize starts\n- **splitterResizeEnd** - Emitted when a splitter resize ends\n- **tabHeaderConnected** - Emitted when an `<igc-tab-header>` is connected\n- **tabHeaderDisconnected** - Emitted when an `<igc-tab-header>` is disconnected\n- **paneFlyoutToggle** - Emitted when an unpinned pane's flyout state changes (opens or closes).\n\n### **Slots:**\n - **paneHeaderCloseButton** - Custom close button for pane headers\n- **tabHeaderCloseButton** - Custom close button for tab headers\n- **closeButton** - Alias for pane/tab close button\n- **moreTabsButton** - Slot for the \"more tabs\" button\n- **maximizeButton** - Slot for maximize buttons\n- **minimizeButton** - Slot for minimize buttons\n- **pinButton** - Slot for pin buttons\n- **unpinButton** - Slot for unpin buttons\n- **moreOptionsButton** - Slot for more-options buttons on tab headers\n- **splitterHandle-** - Slot for custom splitter handle","attributes":[{"name":"enableDragCursor","description":"Enables changing the mouse cursor when hovering over a tab or pane header.\n\nWhen set to `true`, the cursor changes from the default to `pointer`,\nindicating that the header can be dragged (e.g., to dock or float the pane).","values":[]},{"name":"allowInnerDock","description":"Whether docking inside a pane is allowed.","values":[]},{"name":"allowMaximize","description":"Whether maximize action button is displayed for the panes.","values":[]},{"name":"autoScrollConfig","description":"Configuration for edge auto-scrolling behavior during drag & resize operations.\n\n- `edgeThreshold`: Distance in pixels from the container's edge that triggers scrolling.\n- `scrollSpeed`: Number of pixels to scroll per interval (affects scroll rate).","values":[{"name":"{ edgeThreshold: number"},{"name":"scrollSpeed: number }"}]},{"name":"proximityDock","description":"Determines whether docking indicators are displayed while docking","values":[]},{"name":"resourceStrings","description":"The resource strings of the dock manager.","values":[{"name":"IgcDockManagerResourceStrings"}]},{"name":"showPaneHeaders","description":"Determines when to display the pane headers - always or on hover of the pane.","values":[{"name":"always"},{"name":"onHoverOnly"}]},{"name":"unpinBehavior","description":"Determines which panes are affected by particular pane action such as closing or unpinning.","values":[{"name":"PaneActionBehavior"}]},{"name":"allowSplitterDock","description":"Whether docking over splitter is allowed","values":[]},{"name":"allowRootDock","description":"Determines whether docking into the root-level pane is allowed.\n\nWhen set to true (default), panes can be docked directly into the root container.\nThis is done by creating a new root pane and repositioning the existing root pane as a sibling to the newly docked content pane.","values":[]},{"name":"useFixedSizeOnDock","description":"Specifies which docking orientations should apply the `FixedSize` sizing mode\nwhen panes are dynamically created via docking.\n\nPossible values:\n- `\"none\"`: Do not apply `FixedSize` on docking (default behavior).\n- `\"vertical\"`: Apply `FixedSize` only when panes are docked vertically.\n- `\"horizontal\"`: Apply `FixedSize` only when panes are docked horizontally.\n- `\"both\"`: Apply `FixedSize` for both vertical and horizontal orientation.\n\nThis setting affects only dynamically created panes via user docking actions.\nIt does not apply to programmatically created panes or layout restorations.","values":[{"name":"none"},{"name":"vertical"},{"name":"horizontal"},{"name":"both"}]},{"name":"showHeaderIconOnHover","description":"Which header icons are shown on hover.","values":[{"name":"none"},{"name":"closeOnly"},{"name":"moreOptionsOnly"},{"name":"all"}]},{"name":"allowFloatingPanesResize","description":"Whether floating panes can be resized.","values":[]},{"name":"containedInBoundaries","description":"Whether pane dragging stops when any of the pane's sides goes outside the DockManager’s bounds.","values":[]},{"name":"disableKeyboardNavigation","description":"Disables all keyboard navigation within the dock manager.","values":[]},{"name":"contextMenuPosition","description":"Position to open the context menu.","values":[{"name":"ContextMenuPosition"}]},{"name":"closeBehavior","description":"Which panes get affected by close operations.","values":[{"name":"PaneActionBehavior"}]}],"references":[]},{"name":"igc-icon-component","description":"\n---\n","attributes":[{"name":"name","description":"The name of the icon to draw.","values":[{"name":"IconName"},{"name":"''"}]}],"references":[]},{"name":"sample-component","description":"\n---\n","attributes":[],"references":[]},{"name":"igc-tab-header","description":"\n---\n\n\n### **Events:**\n - **igcDragStarted** - Fired when drag operation has started.\n- **igcDragMoved** - Fired when a header is dragged.\n- **igcDragEnded** - Fired when drag operation has ended.\n- **igcIconClicked** - Fired when the action button is clicked.\n- **igcIconKeyDown** - Fired on key down of the action button.\n- **igcTabPointerDown** - Fired when pointer is down on the header.\n- **igcElementConnected** - Fired when the header is connected.\n- **igcElementDisconnected** - Fired when the header is disconnected.\n\n### **Slots:**\n - _default_ - Renders the title.\n\n### **CSS Parts:**\n - **tab-header** - Wrapper of the panel.\n- **top** - Added when the header is displayed at the top.\n- **active** - Indicates whether the header is active.\n- **selected** - Indicates whether the header is selected.\n- **disabled** - Indicates a disabled stated.\n- **hover-preview-close** - Indicates that close button is displayed on hover.\n- **hover-preview-options** - Indicates that more options button is displayed on hover.\n- **bottom** - Added when the header is displayed at the bottom.","attributes":[{"name":"selected","description":"Determines whether the header is selected.","values":[]},{"name":"hovered","description":"Determines whether the header is hovered.","values":[]},{"name":"position","description":"Sets the header position.","values":[]},{"name":"iconName","description":"Determines which icon to display in the tab header.\nSupported values are `close` and `more`.\nIf not set, no icon is rendered.","values":[{"name":"IconName"},{"name":"''"}]},{"name":"header","description":"Sets the header text.","values":[]},{"name":"isActive","description":"Determines whether the header is active.","values":[]},{"name":"resourceStrings","description":"The resource strings of the header.","values":[{"name":"IgcDockManagerResourceStrings"}]},{"name":"forcedDrag","description":"Determines whether the header is changing position with another header.","values":[]},{"name":"disabled","description":"Disables interaction with the header.","values":[]},{"name":"showHeaderIconOnHover","description":"Determines which buttons are displayed on hover.\n\n*","values":[{"name":""},{"name":"none"},{"name":"closeOnly"},{"name":"moreOptionsOnly"},{"name":"all"}]}],"references":[]},{"name":"igc-tab-panel","description":"\n---\n\n\n### **Events:**\n - **igcSelectedChanged** - Fired when the selected state of the header changes.\n\n### **Slots:**\n - _default_ - Renders the panel content.\n\n### **CSS Parts:**\n - **tab-panel** - Wrapper of the panel.\n- **selected** - Indicates that the tab-panel is selected.\n- **disabled** - Indicates a disabled state.","attributes":[{"name":"selected","description":"Determines whether the panel is selected.","values":[]},{"name":"disabled","description":"Disables interaction with the panel.","values":[]}],"references":[]},{"name":"igc-tabs-component","description":"\n---\n\n\n### **Events:**\n - **igcRendered** - Fired when the component is rendered.\n- **igcHiddenTabSelected** - Fired when a hidden tab is selected.\n- **igcMaximize** - Fired when the maximize button is clicked.\n- **igcMaximizeMinimizeFocus** - Fired when focus is on the minimize/maximize button.\n- **igcSelectedIndexChanged** - Fired when new tab is selected.\n- **igcSelectedTabOutOfView** - Fired when the newly selected tab is not currently in view.\n\n### **Slots:**\n - _default_ - Renders the tab content.\n- **tabHeader** - Renders the tab header.\n\n### **CSS Parts:**\n - **tabs-container-contentIds** - The tabs container.","attributes":[{"name":"size","description":"The default size of the tabs.","values":[]},{"name":"maximized","description":"Whether the component is maximized.","values":[]},{"name":"allowMaximize","description":"Determines whether maximization is allowed.","values":[]},{"name":"tabHeadersPosition","description":"Determines the header position.","values":[]},{"name":"selectedIndex","description":"Determines the index of the selected tab.","values":[]},{"name":"hasHeaders","description":"Whether the headers are displayed.","values":[]},{"name":"showHiddenTabsMenu","description":"Whether to display a button for the hidden headers.","values":[]},{"name":"resourceStrings","description":"The resource strings of the tabs.","values":[{"name":"IgcDockManagerResourceStrings"}]},{"name":"contentIds","description":"An array of identifiers.","values":[{"name":"string[]"}]},{"name":"parentUseFixedSize","values":[]},{"name":"minResizeWidth","description":"The minimum width of the tab group in pixels during resizing.","values":[]},{"name":"minResizeHeight","description":"The minimum height of the tab group in pixels during resizing.","values":[]}],"references":[]},{"name":"igc-edge-docking-indicator","description":"\n---\n\n\n### **CSS Parts:**\n - **edge-docking-indicator** - The wrapper container for the edge docking indicator.","attributes":[{"name":"position","description":"The docking indicator position.","values":[{"name":"DockingIndicatorPosition"}]},{"name":"dropTargetPaneInfo","description":"An object that configures the drop target pane.","values":[{"name":"IgcDropTargetPaneInfo"}]}],"references":[]},{"name":"igc-joystick-icon","description":"\n---\n\n\n### **Slots:**\n - _default_ - Renders the panel content.\n\n### **CSS Parts:**\n - **docking-indicator** - Wrapper of the joystick icon.","attributes":[{"name":"isDocHost","description":"Determines whether the icon is in document host.\n\n*","values":[]},{"name":"position","description":"Specifies joystick icon position so that the proper icon is displayed.","values":[{"name":"DockingIndicatorPosition"}]},{"name":"direction","description":"Determines component's direction","values":[]},{"name":"empty","description":"Determines whether the icon is empty","values":[]}],"references":[]},{"name":"igc-joystick-indicator","description":"\n---\n","attributes":[{"name":"dropTargetPaneInfo","description":"An object that configures the drop target pane.","values":[{"name":"IgcDropTargetPaneInfo"}]},{"name":"documentOnlyDrag","description":"Determines whether docking is inside the document.\n\n*","values":[]},{"name":"allowCenterDock","description":"Determines whether docking in the center is allowed.\n\n*","values":[]}],"references":[]},{"name":"igc-root-docking-indicator","description":"\n---\n\n\n### **CSS Parts:**\n - **root-docking-indicator** - The wrapper container for the root docking indicator.","attributes":[{"name":"position","description":"Determines splitter position.","values":[{"name":"DockingIndicatorPosition"}]}],"references":[]},{"name":"igc-splitter-docking-indicator","description":"\n---\n\n\n### **CSS Parts:**\n - **splitter-docking-indicator** - The wrapper container for the splitter docking indicator.","attributes":[{"name":"position","description":"Determines splitter position.","values":[{"name":"DockingIndicatorPosition"}]}],"references":[]},{"name":"igc-pane-navigator","description":"\n---\n\n\n### **Events:**\n - **igcClosed** - Fired when pane navigator is closed.\n\n### **CSS Parts:**\n - **base** - Wrapper of the panel.\n- **header** - The header element which contains the header of the currently selected pane.\n- **body** - The section element where groups of panes and documents are displayed.\n- **group** - The article element which contains all items of the same group - panes or documents.\n- **title** - The header element displayed above the group of panes/documents.","attributes":[{"name":"activeDocuments","description":"Determines currently visible documents.","values":[{"name":"IgcContentPane[]"}]},{"name":"activePanes","description":"Determines currently visible panes.","values":[{"name":"IgcContentPane[]"}]},{"name":"selectedIndex","description":"Determines the index of the selected item.","values":[]},{"name":"previousActivePaneIndex","description":"Determines the index of the previously selected item.","values":[]},{"name":"resourceStrings","description":"The resource strings for the pane navigator.","values":[{"name":"IgcDockManagerResourceStrings"}]}],"references":[]},{"name":"igc-content-pane","description":"\n---\n\n\n### **Events:**\n - **igcRendered** - Emitted after the component has rendered.\n\n### **Slots:**\n - _default_ - Default slot for pane content.\n- **header** - Slot for projecting a custom header for the pane.\n\n### **CSS Parts:**\n - **content-pane** - The main wrapper of the content-pane component.\n- **disabled** - Applied when the pane is disabled.\n- **single-floating** - Applied when the pane is the only one in a floating container.","attributes":[{"name":"content-id","description":"Sets a unique identifier for the content pane.\nUsed for targeting slotted content.","values":[]},{"name":"is-flyout","description":"Indicates whether the pane is currently in a flyout state.","values":[]},{"name":"is-single-floating","description":"Indicates that the pane is a single floating item.","values":[]},{"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.","values":[]},{"name":"unpinned-size","description":"Specifies the pane's unpinned size when in flyout state.","values":[]},{"name":"min-resize-width","description":"The minimum width of the pane in pixels during resizing.","values":[]},{"name":"min-resize-height","description":"The minimum height of the pane in pixels during resizing.","values":[]},{"name":"header","description":"Defines the header label for the pane.","values":[]},{"name":"disabled","description":"Disables the pane and makes it non-interactive.","values":[]},{"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.","values":[]}],"references":[]},{"name":"igc-floating-pane","description":"\n---\n\n\n### **Events:**\n - **wndResizeStart** - Emitted when a resize interaction begins.\n- **wndResizeMove** - Emitted during the pane resize movement.\n- **wndResizeEnd** - Emitted when the resize interaction ends.\n\n### **Slots:**\n - **header** - Renders the floating pane header content.\n- _default_ - Renders the main content of the floating pane.\n\n### **CSS Parts:**\n - **floating-window** - The root floating pane container.","attributes":[{"name":"allowResize","description":"Indicates whether the floating pane can be resized.","values":[]},{"name":"floatingLocation","description":"The current location of the floating pane.\nDefaults to top-left corner position.","values":[{"name":"IgcDockManagerPoint"}]},{"name":"floatingWidth","description":"The current width of the floating pane.","values":[]},{"name":"floatingHeight","description":"The current height of the floating pane.","values":[]},{"name":"hasHeader","description":"Indicates whether the pane has a header section.","values":[]},{"name":"floatingMinHeight","description":"The minimum height constraint for the floating pane.","values":[]},{"name":"floatingMinWidth","description":"The minimum width constraint for the floating pane.","values":[]},{"name":"floatingId","description":"A unique identifier for the floating pane.","values":[]},{"name":"maximized","description":"Indicates whether the floating pane is currently maximized.","values":[]}],"references":[]},{"name":"igc-pane-header","description":"\n---\n\n\n### **Events:**\n - **igcPaneHeaderDragStart** - Emitted when dragging starts on the header.\n- **igcPaneHeaderDragMoved** - Emitted during header dragging.\n- **igcPaneHeaderDragEnd** - Emitted when dragging ends on the header.\n- **igcPinToggle** - Emitted when the pin button is clicked.\n- **igcMaximize** - Emitted when the maximize button is clicked.\n- **igcClose** - Emitted when the close button is clicked.\n- **elementConnected** - Emitted when the element is connected to the DOM.\n- **elementDisconnected** - Emitted when the element is disconnected from the DOM.\n\n### **Slots:**\n - _default_ - Renders the pane header title.\n- **paneHeaderCloseButton** - Renders a custom close button.\n- **paneHeaderMaximizeButton** - Renders a custom maximize button.\n- **paneHeaderMinimizeButton** - Renders a custom minimize button.\n- **paneHeaderPinButton** - Renders a custom pin button.\n- **paneHeaderUnpinButton** - Renders a custom unpin button.","attributes":[{"name":"is-floating","description":"Indicates whether the header is used in a floating window.","values":[]},{"name":"is-floating-pane-header","description":"Indicates that the header is used in a floating pane context.","values":[]},{"name":"is-active","description":"Marks the header as active.","values":[]},{"name":"forced-drag","description":"Forces drag behavior on the pane header.","values":[]},{"name":"allow-close","description":"Enables or disables closing.","values":[]},{"name":"allow-maximize","description":"Enables or disables maximizing.","values":[]},{"name":"allow-pinning","description":"Enables or disables pinning.","values":[]},{"name":"pinned","description":"Whether the pane is currently pinned.","values":[]},{"name":"maximized","description":"Whether the pane is currently maximized.","values":[]},{"name":"disabled","description":"Disables interaction with the pane header.","values":[]}],"references":[]},{"name":"igc-resizer","description":"\n---\n\n\n### **Events:**\n - **igcResizerDragStart** - Emitted when a drag operation starts on the resizer.\n- **igcResizerMoved** - Emitted during resizer moving.\n- **igcResizerDragEnd** - Emitted when dragging ends on the resizer.","attributes":[{"name":"orientation","description":"Specifies the orientation of the resizer.","values":[{"name":"ResizerLocation"}]}],"references":[]},{"name":"igc-split-pane","description":"\n---\n\n\n### **Events:**\n - **igcRendered** - Emitted when the component is updated and rendered.\n\n### **CSS Parts:**\n - **split-pane** - The root split pane container.","attributes":[{"name":"use-fixed-size","description":"Indicates whether the pane uses a fixed size.","values":[]},{"name":"parent-use-fixed-size","description":"Indicates if the parent pane uses fixed pane sizes.","values":[]},{"name":"min-resize-width","description":"The minimum width of child panes in pixels during resizing.","values":[]},{"name":"min-resize-height","description":"The minimum height of child panes in pixels during resizing.","values":[]},{"name":"orientation","description":"Defines the layout direction of the split pane: `horizontal` or `vertical`.","values":[{"name":"SplitPaneOrientation"}]},{"name":"size","values":[]}],"references":[]},{"name":"igc-splitter","description":"\n---\n\n\n### **Events:**\n - **igcResizeStart** - Emitted when a resize interaction starts.\n- **igcResizeEnd** - Emitted when the resize ends, passing the final size.\n\n### **CSS Parts:**\n - **splitter** - The main container of the splitter.\n- **splitter-base** - The draggable element that users interact with.\n- **splitter-ghost** - The visual indicator (ghost element) shown during drag.","attributes":[{"name":"show-drag-ghost","description":"Indicates whether the drag ghost element is shown while resizing.","values":[]},{"name":"parent-use-fixed-size","description":"Indicates if the parent pane uses fixed pane sizes.","values":[]},{"name":"split-pane-orientation","description":"Defines the orientation of the splitter based on the split pane orientation.","values":[]},{"name":"flyout-location","description":"Indicates the flyout location of the splitter.","values":[{"name":"UnpinnedLocation"}]},{"name":"scrollSpeed","values":[]}],"references":[]},{"name":"igc-unpinned-pane-header","description":"\n---\n\n\n### **Slots:**\n - _default_ - Default slot for the pane header content.\n\n### **CSS Parts:**\n - **unpinned-pane-header** - The main container of the pane header.\n- **horizontal** - Applied when the header is in a horizontal orientation.\n- **vertical** - Applied when the header is in a vertical orientation.\n- **start** - Applied when the header is on the left or top side.\n- **end** - Applied when the header is on the right or bottom side.\n- **active** - Applied when the header is in active state.\n- **disabled** - Applied when the header is disabled.","attributes":[{"name":"is-active","description":"Indicates whether the unpinned pane header is active.","values":[]},{"name":"disabled","description":"Indicates whether the unpinned pane header is disabled.","values":[]},{"name":"location","description":"The location where the unpinned pane is docked.","values":[]},{"name":"isActive","description":"Indicates whether the unpinned pane header is active.","values":[]}],"references":[]}]
+      "tags": [{"name":"igc-button-component","description":"\n---\n\n\n### **Slots:**\n - _default_ - Default slot for button content.","attributes":[{"name":"disabled","description":"Indicates whether the button is disabled.","values":[]},{"name":"type","description":"The type attribute of the control.","values":[{"name":"button"},{"name":"submit"},{"name":"reset"}]},{"name":"name","description":"The name attribute of the control.","values":[]},{"name":"value","description":"The value attribute of the control.","values":[]}],"references":[]},{"name":"igc-context-menu","description":"\n---\n\n\n### **Events:**\n - **igcMenuClosed** - Emitted when the context menu is closed.\n\n### **Slots:**\n - **contextMenuCloseButton** - The close icon.\n- **contextMenuUnpinButton** - The unpin icon.\n\n### **CSS Parts:**\n - **context-menu** - The outer container of the context menu.\n- **context-menu-item** - A single menu item container.\n- **context-menu-content** - The wrapper for all menu items.\n- **context-menu-close-button** - The default close button icon.\n- **context-menu-unpin-button** - The default unpin button icon.","attributes":[{"name":"orientation","values":[{"name":"ContextMenuOrientation"}]},{"name":"position","values":[{"name":"ContextMenuPosition"}]},{"name":"target","values":[{"name":"HTMLElement"}]},{"name":"items","values":[{"name":"IgcContextMenuItem[]"}]}],"references":[]},{"name":"igc-dockmanager","description":"A powerful, flexible dock manager component for laying out, docking,\nundocking, pinning, and floating panes of content.\n---\n\n\n### **Events:**\n - **activePaneChanged** - Emitted when the active content pane changes\n- **floatingPaneResizeStart** - Emitted when a floating pane resize interaction begins\n- **floatingPaneResizeMove** - Emitted while a floating pane is being resized\n- **floatingPaneResizeEnd** - Emitted when a floating pane resize interaction ends\n- **layoutChange** - Emitted after the layout has been programmatically updated\n- **paneDragStart** - Emitted when a pane drag operation begins\n- **paneDragOver** - Emitted repeatedly as a pane is dragged\n- **paneDragEnd** - Emitted when a pane drag operation ends\n- **paneHeaderConnected** - Emitted when an `<igc-pane-header>` is connected\n- **paneHeaderDisconnected** - Emitted when an `<igc-pane-header>` is disconnected\n- **paneClose** - Emitted when a pane is closed\n- **panePinnedToggle** - Emitted when a pane is pinned or unpinned\n- **paneScroll** - Emitted when the user scrolls within a pane’s content\n- **splitterResizeStart** - Emitted when a splitter resize starts\n- **splitterResizeEnd** - Emitted when a splitter resize ends\n- **tabHeaderConnected** - Emitted when an `<igc-tab-header>` is connected\n- **tabHeaderDisconnected** - Emitted when an `<igc-tab-header>` is disconnected\n- **paneFlyoutToggle** - Emitted when an unpinned pane's flyout state changes (opens or closes).\n\n### **Slots:**\n - **paneHeaderCloseButton** - Custom close button for pane headers\n- **tabHeaderCloseButton** - Custom close button for tab headers\n- **closeButton** - Alias for pane/tab close button\n- **moreTabsButton** - Slot for the \"more tabs\" button\n- **maximizeButton** - Slot for maximize buttons\n- **minimizeButton** - Slot for minimize buttons\n- **pinButton** - Slot for pin buttons\n- **unpinButton** - Slot for unpin buttons\n- **moreOptionsButton** - Slot for more-options buttons on tab headers\n- **splitterHandle-** - Slot for custom splitter handle","attributes":[{"name":"enableDragCursor","description":"Enables changing the mouse cursor when hovering over a tab or pane header.\n\nWhen set to `true`, the cursor changes from the default to `pointer`,\nindicating that the header can be dragged (e.g., to dock or float the pane).","values":[]},{"name":"allowInnerDock","description":"Whether docking inside a pane is allowed.","values":[]},{"name":"allowMaximize","description":"Whether maximize action button is displayed for the panes.","values":[]},{"name":"autoScrollConfig","description":"Configuration for edge auto-scrolling behavior during drag & resize operations.\n\n- `edgeThreshold`: Distance in pixels from the container's edge that triggers scrolling.\n- `scrollSpeed`: Number of pixels to scroll per interval (affects scroll rate).","values":[{"name":"{ edgeThreshold: number"},{"name":"scrollSpeed: number }"}]},{"name":"proximityDock","description":"Determines whether docking indicators are displayed while docking","values":[]},{"name":"resourceStrings","description":"The resource strings of the dock manager.","values":[{"name":"IgcDockManagerResourceStrings"}]},{"name":"showPaneHeaders","description":"Determines when to display the pane headers - always or on hover of the pane.","values":[{"name":"always"},{"name":"onHoverOnly"}]},{"name":"unpinBehavior","description":"Determines which panes are affected by particular pane action such as closing or unpinning.","values":[{"name":"PaneActionBehavior"}]},{"name":"allowSplitterDock","description":"Whether docking over splitter is allowed","values":[]},{"name":"allowRootDock","description":"Determines whether docking into the root-level pane is allowed.\n\nWhen set to true (default), panes can be docked directly into the root container.\nThis is done by creating a new root pane and repositioning the existing root pane as a sibling to the newly docked content pane.","values":[]},{"name":"useFixedSizeOnDock","description":"Specifies which docking orientations should apply the `FixedSize` sizing mode\nwhen panes are dynamically created via docking.\n\nPossible values:\n- `\"none\"`: Do not apply `FixedSize` on docking (default behavior).\n- `\"vertical\"`: Apply `FixedSize` only when panes are docked vertically.\n- `\"horizontal\"`: Apply `FixedSize` only when panes are docked horizontally.\n- `\"both\"`: Apply `FixedSize` for both vertical and horizontal orientation.\n\nThis setting affects only dynamically created panes via user docking actions.\nIt does not apply to programmatically created panes or layout restorations.","values":[{"name":"none"},{"name":"vertical"},{"name":"horizontal"},{"name":"both"}]},{"name":"showHeaderIconOnHover","description":"Which header icons are shown on hover.","values":[{"name":"none"},{"name":"closeOnly"},{"name":"moreOptionsOnly"},{"name":"all"}]},{"name":"allowFloatingPanesResize","description":"Whether floating panes can be resized.","values":[]},{"name":"containedInBoundaries","description":"Whether pane dragging stops when any of the pane's sides goes outside the DockManager’s bounds.","values":[]},{"name":"disableKeyboardNavigation","description":"Disables all keyboard navigation within the dock manager.","values":[]},{"name":"contextMenuPosition","description":"Position to open the context menu.","values":[{"name":"ContextMenuPosition"}]},{"name":"closeBehavior","description":"Which panes get affected by close operations.","values":[{"name":"PaneActionBehavior"}]}],"references":[]},{"name":"igc-icon-component","description":"\n---\n","attributes":[{"name":"name","description":"The name of the icon to draw.","values":[{"name":"IconName"},{"name":"''"}]}],"references":[]},{"name":"sample-component","description":"\n---\n","attributes":[],"references":[]},{"name":"igc-tab-header","description":"\n---\n\n\n### **Events:**\n - **igcDragStarted** - Fired when drag operation has started.\n- **igcDragMoved** - Fired when a header is dragged.\n- **igcDragEnded** - Fired when drag operation has ended.\n- **igcIconClicked** - Fired when the action button is clicked.\n- **igcIconKeyDown** - Fired on key down of the action button.\n- **igcTabPointerDown** - Fired when pointer is down on the header.\n- **igcElementConnected** - Fired when the header is connected.\n- **igcElementDisconnected** - Fired when the header is disconnected.\n\n### **Slots:**\n - _default_ - Renders the title.\n\n### **CSS Parts:**\n - **tab-header** - Wrapper of the panel.\n- **top** - Added when the header is displayed at the top.\n- **active** - Indicates whether the header is active.\n- **selected** - Indicates whether the header is selected.\n- **disabled** - Indicates a disabled stated.\n- **hover-preview-close** - Indicates that close button is displayed on hover.\n- **hover-preview-options** - Indicates that more options button is displayed on hover.\n- **bottom** - Added when the header is displayed at the bottom.","attributes":[{"name":"selected","description":"Determines whether the header is selected.","values":[]},{"name":"hovered","description":"Determines whether the header is hovered.","values":[]},{"name":"position","description":"Sets the header position.","values":[]},{"name":"iconName","description":"Determines which icon to display in the tab header.\nSupported values are `close` and `more`.\nIf not set, no icon is rendered.","values":[{"name":"IconName"},{"name":"''"}]},{"name":"header","description":"Sets the header text.","values":[]},{"name":"isActive","description":"Determines whether the header is active.","values":[]},{"name":"resourceStrings","description":"The resource strings of the header.","values":[{"name":"IgcDockManagerResourceStrings"}]},{"name":"forcedDrag","description":"Determines whether the header is changing position with another header.","values":[]},{"name":"disabled","description":"Disables interaction with the header.","values":[]},{"name":"showHeaderIconOnHover","description":"Determines which buttons are displayed on hover.\n\n*","values":[{"name":""},{"name":"none"},{"name":"closeOnly"},{"name":"moreOptionsOnly"},{"name":"all"}]}],"references":[]},{"name":"igc-tab-panel","description":"\n---\n\n\n### **Events:**\n - **igcSelectedChanged** - Fired when the selected state of the header changes.\n\n### **Slots:**\n - _default_ - Renders the panel content.\n\n### **CSS Parts:**\n - **tab-panel** - Wrapper of the panel.\n- **selected** - Indicates that the tab-panel is selected.\n- **disabled** - Indicates a disabled state.","attributes":[{"name":"selected","description":"Determines whether the panel is selected.","values":[]},{"name":"disabled","description":"Disables interaction with the panel.","values":[]}],"references":[]},{"name":"igc-tabs-component","description":"\n---\n\n\n### **Events:**\n - **igcRendered** - Fired when the component is rendered.\n- **igcHiddenTabSelected** - Fired when a hidden tab is selected.\n- **igcMaximize** - Fired when the maximize button is clicked.\n- **igcMaximizeMinimizeFocus** - Fired when focus is on the minimize/maximize button.\n- **igcSelectedIndexChanged** - Fired when new tab is selected.\n- **igcSelectedTabOutOfView** - Fired when the newly selected tab is not currently in view.\n\n### **Slots:**\n - _default_ - Renders the tab content.\n- **tabHeader** - Renders the tab header.\n\n### **CSS Parts:**\n - **tabs-container-contentIds** - The tabs container.","attributes":[{"name":"size","description":"The default size of the tabs.","values":[]},{"name":"maximized","description":"Whether the component is maximized.","values":[]},{"name":"allowMaximize","description":"Determines whether maximization is allowed.","values":[]},{"name":"tabHeadersPosition","description":"Determines the header position.","values":[]},{"name":"selectedIndex","description":"Determines the index of the selected tab.","values":[]},{"name":"hasHeaders","description":"Whether the headers are displayed.","values":[]},{"name":"showHiddenTabsMenu","description":"Whether to display a button for the hidden headers.","values":[]},{"name":"resourceStrings","description":"The resource strings of the tabs.","values":[{"name":"IgcDockManagerResourceStrings"}]},{"name":"contentIds","description":"An array of identifiers.","values":[{"name":"string[]"}]},{"name":"parentUseFixedSize","values":[]},{"name":"minResizeWidth","description":"The minimum width of the tab group in pixels during resizing.","values":[]},{"name":"minResizeHeight","description":"The minimum height of the tab group in pixels during resizing.","values":[]}],"references":[]},{"name":"igc-edge-docking-indicator","description":"\n---\n\n\n### **CSS Parts:**\n - **edge-docking-indicator** - The wrapper container for the edge docking indicator.","attributes":[{"name":"position","description":"The docking indicator position.","values":[{"name":"DockingIndicatorPosition"}]},{"name":"dropTargetPaneInfo","description":"An object that configures the drop target pane.","values":[{"name":"IgcDropTargetPaneInfo"}]}],"references":[]},{"name":"igc-joystick-icon","description":"\n---\n\n\n### **Slots:**\n - _default_ - Renders the panel content.\n\n### **CSS Parts:**\n - **docking-indicator** - Wrapper of the joystick icon.","attributes":[{"name":"isDocHost","description":"Determines whether the icon is in document host.\n\n*","values":[]},{"name":"position","description":"Specifies joystick icon position so that the proper icon is displayed.","values":[{"name":"DockingIndicatorPosition"}]},{"name":"direction","description":"Determines component's direction","values":[]},{"name":"empty","description":"Determines whether the icon is empty","values":[]}],"references":[]},{"name":"igc-joystick-indicator","description":"\n---\n","attributes":[{"name":"dropTargetPaneInfo","description":"An object that configures the drop target pane.","values":[{"name":"IgcDropTargetPaneInfo"}]},{"name":"documentOnlyDrag","description":"Determines whether docking is inside the document.\n\n*","values":[]},{"name":"allowCenterDock","description":"Determines whether docking in the center is allowed.\n\n*","values":[]}],"references":[]},{"name":"igc-root-docking-indicator","description":"\n---\n\n\n### **CSS Parts:**\n - **root-docking-indicator** - The wrapper container for the root docking indicator.","attributes":[{"name":"position","description":"Determines splitter position.","values":[{"name":"DockingIndicatorPosition"}]}],"references":[]},{"name":"igc-splitter-docking-indicator","description":"\n---\n\n\n### **CSS Parts:**\n - **splitter-docking-indicator** - The wrapper container for the splitter docking indicator.","attributes":[{"name":"position","description":"Determines splitter position.","values":[{"name":"DockingIndicatorPosition"}]}],"references":[]},{"name":"igc-pane-navigator","description":"\n---\n\n\n### **Events:**\n - **igcClosed** - Fired when pane navigator is closed.\n\n### **CSS Parts:**\n - **base** - Wrapper of the panel.\n- **header** - The header element which contains the header of the currently selected pane.\n- **body** - The section element where groups of panes and documents are displayed.\n- **group** - The article element which contains all items of the same group - panes or documents.\n- **title** - The header element displayed above the group of panes/documents.","attributes":[{"name":"activeDocuments","description":"Determines currently visible documents.","values":[{"name":"IgcContentPane[]"}]},{"name":"activePanes","description":"Determines currently visible panes.","values":[{"name":"IgcContentPane[]"}]},{"name":"selectedIndex","description":"Determines the index of the selected item.","values":[]},{"name":"previousActivePaneIndex","description":"Determines the index of the previously selected item.","values":[]},{"name":"resourceStrings","description":"The resource strings for the pane navigator.","values":[{"name":"IgcDockManagerResourceStrings"}]}],"references":[]},{"name":"igc-content-pane","description":"\n---\n\n\n### **Events:**\n - **igcRendered** - Emitted after the component has rendered.\n\n### **Slots:**\n - _default_ - Default slot for pane content.\n- **header** - Slot for projecting a custom header for the pane.\n\n### **CSS Parts:**\n - **content-pane** - The main wrapper of the content-pane component.\n- **disabled** - Applied when the pane is disabled.\n- **single-floating** - Applied when the pane is the only one in a floating container.","attributes":[{"name":"content-id","description":"Sets a unique identifier for the content pane.\nUsed for targeting slotted content.","values":[]},{"name":"is-flyout","description":"Indicates whether the pane is currently in a flyout state.","values":[]},{"name":"is-single-floating","description":"Indicates that the pane is a single floating item.","values":[]},{"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.","values":[]},{"name":"unpinned-size","description":"Specifies the pane's unpinned size when in flyout state.","values":[]},{"name":"min-resize-width","description":"The minimum width of the pane in pixels during resizing.","values":[]},{"name":"min-resize-height","description":"The minimum height of the pane in pixels during resizing.","values":[]},{"name":"header","description":"Defines the header label for the pane.","values":[]},{"name":"disabled","description":"Disables the pane and makes it non-interactive.","values":[]},{"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.","values":[]}],"references":[]},{"name":"igc-floating-pane","description":"\n---\n\n\n### **Events:**\n - **wndResizeStart** - Emitted when a resize interaction begins.\n- **wndResizeMove** - Emitted during the pane resize movement.\n- **wndResizeEnd** - Emitted when the resize interaction ends.\n\n### **Slots:**\n - **header** - Renders the floating pane header content.\n- _default_ - Renders the main content of the floating pane.\n\n### **CSS Parts:**\n - **floating-window** - The root floating pane container.","attributes":[{"name":"allowResize","description":"Indicates whether the floating pane can be resized.","values":[]},{"name":"floatingLocation","description":"The current location of the floating pane.\nDefaults to top-left corner position.","values":[{"name":"IgcDockManagerPoint"}]},{"name":"floatingWidth","description":"The current width of the floating pane.","values":[]},{"name":"floatingHeight","description":"The current height of the floating pane.","values":[]},{"name":"hasHeader","description":"Indicates whether the pane has a header section.","values":[]},{"name":"floatingMinHeight","description":"The minimum height constraint for the floating pane.","values":[]},{"name":"floatingMinWidth","description":"The minimum width constraint for the floating pane.","values":[]},{"name":"floatingId","description":"A unique identifier for the floating pane.","values":[]},{"name":"maximized","description":"Indicates whether the floating pane is currently maximized.","values":[]}],"references":[]},{"name":"igc-pane-header","description":"\n---\n\n\n### **Events:**\n - **igcPaneHeaderDragStart** - Emitted when dragging starts on the header.\n- **igcPaneHeaderDragMoved** - Emitted during header dragging.\n- **igcPaneHeaderDragEnd** - Emitted when dragging ends on the header.\n- **igcPinToggle** - Emitted when the pin button is clicked.\n- **igcMaximize** - Emitted when the maximize button is clicked.\n- **igcClose** - Emitted when the close button is clicked.\n- **elementConnected** - Emitted when the element is connected to the DOM.\n- **elementDisconnected** - Emitted when the element is disconnected from the DOM.\n\n### **Slots:**\n - _default_ - Renders the pane header title.\n- **paneHeaderCloseButton** - Renders a custom close button.\n- **paneHeaderMaximizeButton** - Renders a custom maximize button.\n- **paneHeaderMinimizeButton** - Renders a custom minimize button.\n- **paneHeaderPinButton** - Renders a custom pin button.\n- **paneHeaderUnpinButton** - Renders a custom unpin button.","attributes":[{"name":"is-floating","description":"Indicates whether the header is used in a floating window.","values":[]},{"name":"is-floating-pane-header","description":"Indicates that the header is used in a floating pane context.","values":[]},{"name":"is-active","description":"Marks the header as active.","values":[]},{"name":"forced-drag","description":"Forces drag behavior on the pane header.","values":[]},{"name":"allow-close","description":"Enables or disables closing.","values":[]},{"name":"allow-maximize","description":"Enables or disables maximizing.","values":[]},{"name":"allow-pinning","description":"Enables or disables pinning.","values":[]},{"name":"pinned","description":"Whether the pane is currently pinned.","values":[]},{"name":"maximized","description":"Whether the pane is currently maximized.","values":[]},{"name":"disabled","description":"Disables interaction with the pane header.","values":[]}],"references":[]},{"name":"igc-resizer","description":"\n---\n\n\n### **Events:**\n - **igcResizerDragStart** - Emitted when a drag operation starts on the resizer.\n- **igcResizerMoved** - Emitted during resizer moving.\n- **igcResizerDragEnd** - Emitted when dragging ends on the resizer.","attributes":[{"name":"orientation","description":"Specifies the orientation of the resizer.","values":[{"name":"ResizerLocation"}]}],"references":[]},{"name":"igc-split-pane","description":"\n---\n\n\n### **Events:**\n - **igcRendered** - Emitted when the component is updated and rendered.\n\n### **CSS Parts:**\n - **split-pane** - The root split pane container.","attributes":[{"name":"use-fixed-size","description":"Indicates whether the pane uses a fixed size.","values":[]},{"name":"parent-use-fixed-size","description":"Indicates if the parent pane uses fixed pane sizes.","values":[]},{"name":"min-resize-width","description":"The minimum width of child panes in pixels during resizing.","values":[]},{"name":"min-resize-height","description":"The minimum height of child panes in pixels during resizing.","values":[]},{"name":"orientation","description":"Defines the layout direction of the split pane: `horizontal` or `vertical`.","values":[{"name":"SplitPaneOrientation"}]},{"name":"size","values":[]}],"references":[]},{"name":"igc-splitter-component","description":"\n---\n\n\n### **Events:**\n - **igcResizeStart** - Emitted when a resize interaction starts.\n- **igcResizeEnd** - Emitted when the resize ends, passing the final size.\n\n### **CSS Parts:**\n - **splitter** - The main container of the splitter.\n- **splitter-base** - The draggable element that users interact with.\n- **splitter-ghost** - The visual indicator (ghost element) shown during drag.","attributes":[{"name":"show-drag-ghost","description":"Indicates whether the drag ghost element is shown while resizing.","values":[]},{"name":"parent-use-fixed-size","description":"Indicates if the parent pane uses fixed pane sizes.","values":[]},{"name":"split-pane-orientation","description":"Defines the orientation of the splitter based on the split pane orientation.","values":[]},{"name":"flyout-location","description":"Indicates the flyout location of the splitter.","values":[{"name":"UnpinnedLocation"}]},{"name":"scrollSpeed","values":[]}],"references":[]},{"name":"igc-unpinned-pane-header","description":"\n---\n\n\n### **Slots:**\n - _default_ - Default slot for the pane header content.\n\n### **CSS Parts:**\n - **unpinned-pane-header** - The main container of the pane header.\n- **horizontal** - Applied when the header is in a horizontal orientation.\n- **vertical** - Applied when the header is in a vertical orientation.\n- **start** - Applied when the header is on the left or top side.\n- **end** - Applied when the header is on the right or bottom side.\n- **active** - Applied when the header is in active state.\n- **disabled** - Applied when the header is disabled.","attributes":[{"name":"is-active","description":"Indicates whether the unpinned pane header is active.","values":[]},{"name":"disabled","description":"Indicates whether the unpinned pane header is disabled.","values":[]},{"name":"location","description":"The location where the unpinned pane is docked.","values":[]},{"name":"isActive","description":"Indicates whether the unpinned pane header is active.","values":[]}],"references":[]}]
     }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name":  "igniteui-dockmanager",
-    "version":  "2.1.0",
+    "version":  "2.1.1",
     "description":  "Ignite UI Dock Manager Web Component provides means to manage the layout of your application through panes, allowing your end-users to customize it further by pinning, resizing, moving and hiding panes.",
     "author":  "Infragistics",
     "license":  "SEE LICENSE IN LICENSE",