igniteui-dockmanager 2.0.2-alpha.3 → 2.1.0

package/web-types.json

@@ -4,7 +4,7 @@
     "version": "0.0.1",
     "description-markup": "markdown",    "contributions": {
       "html": {
-        "elements": [{"name":"igc-button-component","description":"\n---\n\n\n### **Slots:**\n - _default_ - Default slot for button content.","doc-url":"","attributes":[{"name":"disabled","description":"Indicates whether the button is disabled.","value":{"type":"boolean","default":"false"}},{"name":"type","description":"The type attribute of the control.","value":{"type":"'button' | 'submit' | 'reset'","default":"'submit'"}},{"name":"name","description":"The name attribute of the control.","value":{"type":"string","default":"''"}},{"name":"value","description":"The value attribute of the control.","value":{"type":"string","default":"''"}}],"slots":[{"name":"","description":"Default slot for button content."}],"events":[],"js":{"properties":[{"name":"disabled","description":"Indicates whether the button is disabled.","type":"boolean"},{"name":"type","description":"The type attribute of the control.","type":"'button' | 'submit' | 'reset'"},{"name":"name","description":"The name attribute of the control.","type":"string"},{"name":"value","description":"The value attribute of the control.","type":"string"}],"events":[]}},{"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.","doc-url":"","attributes":[{"name":"orientation","value":{"type":"ContextMenuOrientation","default":"'bottom'"}},{"name":"position","value":{"type":"ContextMenuPosition","default":"'end'"}},{"name":"target","value":{"type":"HTMLElement"}},{"name":"items","value":{"type":"IgcContextMenuItem[]","default":"[]"}}],"slots":[{"name":"contextMenuCloseButton","description":"The close icon."},{"name":"contextMenuUnpinButton","description":"The unpin icon."}],"events":[{"name":"igcMenuClosed","description":"Emitted when the context menu is closed."}],"js":{"properties":[{"name":"orientation","type":"ContextMenuOrientation"},{"name":"position","type":"ContextMenuPosition"},{"name":"target","type":"HTMLElement"},{"name":"items","type":"IgcContextMenuItem[]"}],"events":[{"name":"igcMenuClosed","description":"Emitted when the context menu is closed."}]}},{"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","doc-url":"","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).","value":{"type":"boolean","default":"false"}},{"name":"allowInnerDock","description":"Whether docking inside a pane is allowed.","value":{"type":"boolean","default":"true"}},{"name":"allowMaximize","description":"Whether maximize action button is displayed for the panes.","value":{"type":"boolean","default":"true"}},{"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).","value":{"type":"{ edgeThreshold: number, scrollSpeed: number }","default":"{ edgeThreshold: 20, scrollSpeed: 15, }"}},{"name":"proximityDock","description":"Determines whether docking indicators are displayed while docking","value":{"type":"boolean","default":"false"}},{"name":"resourceStrings","description":"The resource strings of the dock manager.","value":{"type":"IgcDockManagerResourceStrings | undefined"}},{"name":"showPaneHeaders","description":"Determines when to display the pane headers - always or on hover of the pane.","value":{"type":"'always' | 'onHoverOnly'","default":"'always'"}},{"name":"unpinBehavior","description":"Determines which panes are affected by particular pane action such as closing or unpinning.","value":{"type":"PaneActionBehavior","default":"'allPanes'"}},{"name":"allowSplitterDock","description":"Whether docking over splitter is allowed","value":{"type":"boolean","default":"false"}},{"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.","value":{"type":"boolean","default":"true"}},{"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.","value":{"type":"'none' | 'vertical' | 'horizontal' | 'both'","default":"'none'"}},{"name":"showHeaderIconOnHover","description":"Which header icons are shown on hover.","value":{"type":"'none' | 'closeOnly' | 'moreOptionsOnly' | 'all'","default":"'none'"}},{"name":"allowFloatingPanesResize","description":"Whether floating panes can be resized.","value":{"type":"boolean","default":"true"}},{"name":"containedInBoundaries","description":"Whether pane dragging stops when any of the pane's sides goes outside the DockManager’s bounds.","value":{"type":"boolean","default":"false"}},{"name":"disableKeyboardNavigation","description":"Disables all keyboard navigation within the dock manager.","value":{"type":"boolean","default":"false"}},{"name":"contextMenuPosition","description":"Position to open the context menu.","value":{"type":"ContextMenuPosition"}},{"name":"closeBehavior","description":"Which panes get affected by close operations.","value":{"type":"PaneActionBehavior","default":"'allPanes'"}}],"slots":[{"name":"paneHeaderCloseButton","description":"Custom close button for pane headers"},{"name":"tabHeaderCloseButton","description":"Custom close button for tab headers"},{"name":"closeButton","description":"Alias for pane/tab close button"},{"name":"moreTabsButton","description":"Slot for the \"more tabs\" button"},{"name":"maximizeButton","description":"Slot for maximize buttons"},{"name":"minimizeButton","description":"Slot for minimize buttons"},{"name":"pinButton","description":"Slot for pin buttons"},{"name":"unpinButton","description":"Slot for unpin buttons"},{"name":"moreOptionsButton","description":"Slot for more-options buttons on tab headers"},{"name":"splitterHandle-","description":"Slot for custom splitter handle"}],"events":[{"name":"activePaneChanged","description":"Emitted when the active content pane changes"},{"name":"floatingPaneResizeStart","description":"Emitted when a floating pane resize interaction begins"},{"name":"floatingPaneResizeMove","description":"Emitted while a floating pane is being resized"},{"name":"floatingPaneResizeEnd","description":"Emitted when a floating pane resize interaction ends"},{"name":"layoutChange","description":"Emitted after the layout has been programmatically updated"},{"name":"paneDragStart","description":"Emitted when a pane drag operation begins"},{"name":"paneDragOver","description":"Emitted repeatedly as a pane is dragged"},{"name":"paneDragEnd","description":"Emitted when a pane drag operation ends"},{"name":"paneHeaderConnected","description":"Emitted when an `<igc-pane-header>` is connected"},{"name":"paneHeaderDisconnected","description":"Emitted when an `<igc-pane-header>` is disconnected"},{"name":"paneClose","description":"Emitted when a pane is closed"},{"name":"panePinnedToggle","description":"Emitted when a pane is pinned or unpinned"},{"name":"paneScroll","description":"Emitted when the user scrolls within a pane’s content"},{"name":"splitterResizeStart","description":"Emitted when a splitter resize starts"},{"name":"splitterResizeEnd","description":"Emitted when a splitter resize ends"},{"name":"tabHeaderConnected","description":"Emitted when an `<igc-tab-header>` is connected"},{"name":"tabHeaderDisconnected","description":"Emitted when an `<igc-tab-header>` is disconnected"},{"name":"paneFlyoutToggle","description":"Emitted when an unpinned pane's flyout state changes (opens or closes)."}],"js":{"properties":[{"name":"documentOnlyDrag","type":"boolean"},{"name":"draggedPaneElement","type":"HTMLElement | undefined"},{"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).","type":"boolean"},{"name":"allowInnerDock","description":"Whether docking inside a pane is allowed.","type":"boolean"},{"name":"allowMaximize","description":"Whether maximize action button is displayed for the panes.","type":"boolean"},{"name":"draggedPane","description":"Determines the pane that is currently dragged.","type":"IgcContentPane | IgcSplitPane | IgcTabGroupPane"},{"name":"maximizedPane","description":"Determines the pane that is currently maximized.","type":"IgcContentPane | IgcSplitPane | IgcTabGroupPane"},{"name":"layout","description":"The layout configuration of the Dock Manager.","type":"IgcDockManagerLayout"},{"name":"activePane","description":"Determines the active content pane.","type":"IgcContentPane | null"},{"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).","type":"{ edgeThreshold: number, scrollSpeed: number }"},{"name":"proximityDock","description":"Determines whether docking indicators are displayed while docking","type":"boolean"},{"name":"resourceStrings","description":"The resource strings of the dock manager.","type":"IgcDockManagerResourceStrings | undefined"},{"name":"showPaneHeaders","description":"Determines when to display the pane headers - always or on hover of the pane.","type":"'always' | 'onHoverOnly'"},{"name":"unpinBehavior","description":"Determines which panes are affected by particular pane action such as closing or unpinning.","type":"PaneActionBehavior"},{"name":"allowSplitterDock","description":"Whether docking over splitter is allowed","type":"boolean"},{"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.","type":"boolean"},{"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.","type":"'none' | 'vertical' | 'horizontal' | 'both'"},{"name":"showHeaderIconOnHover","description":"Which header icons are shown on hover.","type":"'none' | 'closeOnly' | 'moreOptionsOnly' | 'all'"},{"name":"navigationPaneMeta","description":"Metadata for the pane-navigator overlay.","type":"IgcPaneNavigatorMetadata | null"},{"name":"allowFloatingPanesResize","description":"Whether floating panes can be resized.","type":"boolean"},{"name":"containedInBoundaries","description":"Whether pane dragging stops when any of the pane's sides goes outside the DockManager’s bounds.","type":"boolean"},{"name":"dropPosition","description":"The drop position (pane) when docking.","type":"IgcDockManagerPoint"},{"name":"disableKeyboardNavigation","description":"Disables all keyboard navigation within the dock manager.","type":"boolean"},{"name":"contextMenuPosition","description":"Position to open the context menu.","type":"ContextMenuPosition"},{"name":"closeBehavior","description":"Which panes get affected by close operations.","type":"PaneActionBehavior"},{"name":"direction","description":"Gets the direction of the Dock Manager.","type":"string"},{"name":"isValidDrop","description":"Whether the last drop/drag target was valid."}],"events":[{"name":"activePaneChanged","description":"Emitted when the active content pane changes"},{"name":"floatingPaneResizeStart","description":"Emitted when a floating pane resize interaction begins"},{"name":"floatingPaneResizeMove","description":"Emitted while a floating pane is being resized"},{"name":"floatingPaneResizeEnd","description":"Emitted when a floating pane resize interaction ends"},{"name":"layoutChange","description":"Emitted after the layout has been programmatically updated"},{"name":"paneDragStart","description":"Emitted when a pane drag operation begins"},{"name":"paneDragOver","description":"Emitted repeatedly as a pane is dragged"},{"name":"paneDragEnd","description":"Emitted when a pane drag operation ends"},{"name":"paneHeaderConnected","description":"Emitted when an `<igc-pane-header>` is connected"},{"name":"paneHeaderDisconnected","description":"Emitted when an `<igc-pane-header>` is disconnected"},{"name":"paneClose","description":"Emitted when a pane is closed"},{"name":"panePinnedToggle","description":"Emitted when a pane is pinned or unpinned"},{"name":"paneScroll","description":"Emitted when the user scrolls within a pane’s content"},{"name":"splitterResizeStart","description":"Emitted when a splitter resize starts"},{"name":"splitterResizeEnd","description":"Emitted when a splitter resize ends"},{"name":"tabHeaderConnected","description":"Emitted when an `<igc-tab-header>` is connected"},{"name":"tabHeaderDisconnected","description":"Emitted when an `<igc-tab-header>` is disconnected"},{"name":"paneFlyoutToggle","description":"Emitted when an unpinned pane's flyout state changes (opens or closes)."}]}},{"name":"igc-icon-component","description":"\n---\n","doc-url":"","attributes":[{"name":"name","description":"The name of the icon to draw.","value":{"type":"IconName | ''","default":"''"}}],"events":[],"js":{"properties":[{"name":"name","description":"The name of the icon to draw.","type":"IconName | ''"}],"events":[]}},{"name":"sample-component","description":"\n---\n","doc-url":"","attributes":[],"events":[],"js":{"properties":[{"name":"hiddenPanes","type":"IgcContentPane[]"},{"name":"dockManager","type":"IgcDockManagerComponent"},{"name":"layout1","type":"IgcDockManagerLayout"},{"name":"layout2","type":"IgcDockManagerLayout"},{"name":"layout3","type":"IgcDockManagerLayout"},{"name":"commonProps","type":"object"},{"name":"bodyRect"},{"name":"bodyWidth"},{"name":"bodyHeight"},{"name":"layout4","type":"IgcDockManagerLayout"},{"name":"layout5","type":"IgcDockManagerLayout"},{"name":"layout6","type":"IgcDockManagerLayout"},{"name":"layout7","type":"IgcDockManagerLayout"},{"name":"layout8","type":"IgcDockManagerLayout"}],"events":[]}},{"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.","doc-url":"","attributes":[{"name":"selected","description":"Determines whether the header is selected.","value":{"type":"string","default":"false"}},{"name":"hovered","description":"Determines whether the header is hovered.","value":{"type":"boolean","default":"false"}},{"name":"position","description":"Sets the header position.","value":{"type":"string","default":"top"}},{"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.","value":{"type":"IconName | ''","default":"''"}},{"name":"header","description":"Sets the header text.","value":{"type":"string","default":"''"}},{"name":"isActive","description":"Determines whether the header is active.","value":{"type":"string","default":"false"}},{"name":"resourceStrings","description":"The resource strings of the header.","value":{"type":"IgcDockManagerResourceStrings | undefined"}},{"name":"forcedDrag","description":"Determines whether the header is changing position with another header.","value":{"type":"boolean","default":"false"}},{"name":"disabled","description":"Disables interaction with the header.","value":{"type":"string","default":"false"}},{"name":"showHeaderIconOnHover","description":"Determines which buttons are displayed on hover.\n\n*","value":{"type":"| 'none'\n    | 'closeOnly'\n    | 'moreOptionsOnly'\n    | 'all'","default":"'none'"}}],"slots":[{"name":"","description":"Renders the title."}],"events":[{"name":"igcDragStarted","description":"Fired when drag operation has started."},{"name":"igcDragMoved","description":"Fired when a header is dragged."},{"name":"igcDragEnded","description":"Fired when drag operation has ended."},{"name":"igcIconClicked","description":"Fired when the action button is clicked."},{"name":"igcIconKeyDown","description":"Fired on key down of the action button."},{"name":"igcTabPointerDown","description":"Fired when pointer is down on the header."},{"name":"igcElementConnected","description":"Fired when the header is connected."},{"name":"igcElementDisconnected","description":"Fired when the header is disconnected."}],"js":{"properties":[{"name":"selected","description":"Determines whether the header is selected."},{"name":"hovered","description":"Determines whether the header is hovered.","type":"boolean"},{"name":"position","description":"Sets the header position."},{"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.","type":"IconName | ''"},{"name":"header","description":"Sets the header text.","type":"string"},{"name":"isActive","description":"Determines whether the header is active."},{"name":"resourceStrings","description":"The resource strings of the header.","type":"IgcDockManagerResourceStrings | undefined"},{"name":"forcedDrag","description":"Determines whether the header is changing position with another header.","type":"boolean"},{"name":"disabled","description":"Disables interaction with the header."},{"name":"showHeaderIconOnHover","description":"Determines which buttons are displayed on hover.\n\n*","type":"| 'none'\n    | 'closeOnly'\n    | 'moreOptionsOnly'\n    | 'all'"}],"events":[{"name":"igcDragStarted","description":"Fired when drag operation has started."},{"name":"igcDragMoved","description":"Fired when a header is dragged."},{"name":"igcDragEnded","description":"Fired when drag operation has ended."},{"name":"igcIconClicked","description":"Fired when the action button is clicked."},{"name":"igcIconKeyDown","description":"Fired on key down of the action button."},{"name":"igcTabPointerDown","description":"Fired when pointer is down on the header."},{"name":"igcElementConnected","description":"Fired when the header is connected."},{"name":"igcElementDisconnected","description":"Fired when the header is disconnected."}]}},{"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.","doc-url":"","attributes":[{"name":"selected","description":"Determines whether the panel is selected.","value":{"type":"string","default":"false"}},{"name":"disabled","description":"Disables interaction with the panel.","value":{"type":"string","default":"false"}}],"slots":[{"name":"","description":"Renders the panel content."}],"events":[{"name":"igcSelectedChanged","description":"Fired when the selected state of the header changes."}],"js":{"properties":[{"name":"selected","description":"Determines whether the panel is selected."},{"name":"disabled","description":"Disables interaction with the panel."}],"events":[{"name":"igcSelectedChanged","description":"Fired when the selected state of the header changes."}]}},{"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.","doc-url":"","attributes":[{"name":"size","description":"The default size of the tabs.","value":{"type":"string","default":"100"}},{"name":"maximized","description":"Whether the component is maximized.","value":{"type":"boolean","default":"false"}},{"name":"allowMaximize","description":"Determines whether maximization is allowed.","value":{"type":"boolean","default":"true"}},{"name":"tabHeadersPosition","description":"Determines the header position.","value":{"type":"string","default":"top"}},{"name":"selectedIndex","description":"Determines the index of the selected tab.","value":{"type":"number","default":"0"}},{"name":"hasHeaders","description":"Whether the headers are displayed.","value":{"type":"boolean","default":"true"}},{"name":"showHiddenTabsMenu","description":"Whether to display a button for the hidden headers.","value":{"type":"boolean","default":"true"}},{"name":"resourceStrings","description":"The resource strings of the tabs.","value":{"type":"IgcDockManagerResourceStrings | undefined"}},{"name":"contentIds","description":"An array of identifiers.","value":{"type":"string[]","default":"[]"}},{"name":"parentUseFixedSize","value":{"type":"string"}}],"slots":[{"name":"","description":"Renders the tab content."},{"name":"tabHeader","description":"Renders the tab header."}],"events":[{"name":"igcRendered","description":"Fired when the component is rendered."},{"name":"igcHiddenTabSelected","description":"Fired when a hidden tab is selected."},{"name":"igcMaximize","description":"Fired when the maximize button is clicked."},{"name":"igcMaximizeMinimizeFocus","description":"Fired when focus is on the minimize/maximize button."},{"name":"igcSelectedIndexChanged","description":"Fired when new tab is selected."},{"name":"igcSelectedTabOutOfView","description":"Fired when the newly selected tab is not currently in view."}],"js":{"properties":[{"name":"size","description":"The default size of the tabs."},{"name":"maximized","description":"Whether the component is maximized.","type":"boolean"},{"name":"allowMaximize","description":"Determines whether maximization is allowed.","type":"boolean"},{"name":"tabHeadersPosition","description":"Determines the header position."},{"name":"selectedIndex","description":"Determines the index of the selected tab.","type":"number"},{"name":"hasHeaders","description":"Whether the headers are displayed.","type":"boolean"},{"name":"showHiddenTabsMenu","description":"Whether to display a button for the hidden headers.","type":"boolean"},{"name":"resourceStrings","description":"The resource strings of the tabs.","type":"IgcDockManagerResourceStrings | undefined"},{"name":"contentIds","description":"An array of identifiers.","type":"string[]"},{"name":"parentUseFixedSize"}],"events":[{"name":"igcRendered","description":"Fired when the component is rendered."},{"name":"igcHiddenTabSelected","description":"Fired when a hidden tab is selected."},{"name":"igcMaximize","description":"Fired when the maximize button is clicked."},{"name":"igcMaximizeMinimizeFocus","description":"Fired when focus is on the minimize/maximize button."},{"name":"igcSelectedIndexChanged","description":"Fired when new tab is selected."},{"name":"igcSelectedTabOutOfView","description":"Fired when the newly selected tab is not currently in view."}]}},{"name":"igc-edge-docking-indicator","description":"\n---\n\n\n### **CSS Parts:**\n - **edge-docking-indicator** - The wrapper container for the edge docking indicator.","doc-url":"","attributes":[{"name":"position","description":"The docking indicator position.","value":{"type":"DockingIndicatorPosition"}},{"name":"dropTargetPaneInfo","description":"An object that configures the drop target pane.","value":{"type":"IgcDropTargetPaneInfo"}}],"events":[],"js":{"properties":[{"name":"position","description":"The docking indicator position.","type":"DockingIndicatorPosition"},{"name":"dropTargetPaneInfo","description":"An object that configures the drop target pane.","type":"IgcDropTargetPaneInfo"}],"events":[]}},{"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.","doc-url":"","attributes":[{"name":"isDocHost","description":"Determines whether the icon is in document host.\n\n*","value":{"type":"boolean","default":"false"}},{"name":"position","description":"Specifies joystick icon position so that the proper icon is displayed.","value":{"type":"DockingIndicatorPosition"}},{"name":"direction","description":"Determines component's direction","value":{"type":"string","default":"'ltr'"}},{"name":"empty","description":"Determines whether the icon is empty","value":{"type":"boolean","default":"false"}}],"slots":[{"name":"","description":"Renders the panel content."}],"events":[],"js":{"properties":[{"name":"isDocHost","description":"Determines whether the icon is in document host.\n\n*","type":"boolean"},{"name":"position","description":"Specifies joystick icon position so that the proper icon is displayed.","type":"DockingIndicatorPosition"},{"name":"direction","description":"Determines component's direction","type":"string"},{"name":"empty","description":"Determines whether the icon is empty","type":"boolean"}],"events":[]}},{"name":"igc-joystick-indicator","description":"\n---\n","doc-url":"","attributes":[{"name":"dropTargetPaneInfo","description":"An object that configures the drop target pane.","value":{"type":"IgcDropTargetPaneInfo"}},{"name":"documentOnlyDrag","description":"Determines whether docking is inside the document.\n\n*","value":{"type":"boolean","default":"false"}},{"name":"allowCenterDock","description":"Determines whether docking in the center is allowed.\n\n*","value":{"type":"boolean","default":"false"}}],"events":[],"js":{"properties":[{"name":"dropTargetPaneInfo","description":"An object that configures the drop target pane.","type":"IgcDropTargetPaneInfo"},{"name":"documentOnlyDrag","description":"Determines whether docking is inside the document.\n\n*","type":"boolean"},{"name":"allowCenterDock","description":"Determines whether docking in the center is allowed.\n\n*","type":"boolean"}],"events":[]}},{"name":"igc-root-docking-indicator","description":"\n---\n\n\n### **CSS Parts:**\n - **root-docking-indicator** - The wrapper container for the root docking indicator.","doc-url":"","attributes":[{"name":"position","description":"Determines splitter position.","value":{"type":"DockingIndicatorPosition"}}],"events":[],"js":{"properties":[{"name":"position","description":"Determines splitter position.","type":"DockingIndicatorPosition"}],"events":[]}},{"name":"igc-splitter-docking-indicator","description":"\n---\n\n\n### **CSS Parts:**\n - **splitter-docking-indicator** - The wrapper container for the splitter docking indicator.","doc-url":"","attributes":[{"name":"position","description":"Determines splitter position.","value":{"type":"DockingIndicatorPosition"}}],"events":[],"js":{"properties":[{"name":"position","description":"Determines splitter position.","type":"DockingIndicatorPosition"}],"events":[]}},{"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.","doc-url":"","attributes":[{"name":"activeDocuments","description":"Determines currently visible documents.","value":{"type":"IgcContentPane[]","default":"[]"}},{"name":"activePanes","description":"Determines currently visible panes.","value":{"type":"IgcContentPane[]","default":"[]"}},{"name":"selectedIndex","description":"Determines the index of the selected item.","value":{"type":"number"}},{"name":"previousActivePaneIndex","description":"Determines the index of the previously selected item.","value":{"type":"number"}},{"name":"resourceStrings","description":"The resource strings for the pane navigator.","value":{"type":"IgcDockManagerResourceStrings | undefined"}}],"events":[{"name":"igcClosed","description":"Fired when pane navigator is closed."}],"js":{"properties":[{"name":"activeDocuments","description":"Determines currently visible documents.","type":"IgcContentPane[]"},{"name":"activePanes","description":"Determines currently visible panes.","type":"IgcContentPane[]"},{"name":"selectedIndex","description":"Determines the index of the selected item.","type":"number"},{"name":"previousActivePaneIndex","description":"Determines the index of the previously selected item.","type":"number"},{"name":"resourceStrings","description":"The resource strings for the pane navigator.","type":"IgcDockManagerResourceStrings | undefined"}],"events":[{"name":"igcClosed","description":"Fired when pane navigator is closed."}]}},{"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.","doc-url":"","attributes":[{"name":"content-id","description":"Sets a unique identifier for the content pane.\nUsed for targeting slotted content.","value":{"type":"string"}},{"name":"is-flyout","description":"Indicates whether the pane is currently in a flyout state.","value":{"type":"string","default":"false"}},{"name":"is-single-floating","description":"Indicates that the pane is a single floating item.","value":{"type":"string","default":"false"}},{"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.","value":{"type":"string","default":"false"}},{"name":"unpinned-size","description":"Specifies the pane's unpinned size when in flyout state.","value":{"type":"number","default":"100"}},{"name":"header","description":"Defines the header label for the pane.","value":{"type":"string","default":"''"}},{"name":"disabled","description":"Disables the pane and makes it non-interactive.","value":{"type":"string","default":"false"}},{"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.","value":{"type":"number","default":"100"}}],"slots":[{"name":"","description":"Default slot for pane content."},{"name":"header","description":"Slot for projecting a custom header for the pane."}],"events":[{"name":"igcRendered","description":"Emitted after the component has rendered."}],"js":{"properties":[{"name":"contentId","description":"Sets a unique identifier for the content pane.\nUsed for targeting slotted content."},{"name":"header","description":"Defines the header label for the pane.","type":"string"},{"name":"disabled","description":"Disables the pane and makes it non-interactive."},{"name":"isFlyout","description":"Indicates whether the pane is currently in a flyout state."},{"name":"isSingleFloating","description":"Indicates that the pane is a single floating item."},{"name":"parentUseFixedSize","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."},{"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.","type":"number"},{"name":"unpinnedSize","description":"Specifies the pane's unpinned size when in flyout state.","type":"number"}],"events":[{"name":"igcRendered","description":"Emitted after the component has rendered."}]}},{"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.","doc-url":"","attributes":[{"name":"allowResize","description":"Indicates whether the floating pane can be resized.","value":{"type":"boolean","default":"true"}},{"name":"floatingLocation","description":"The current location of the floating pane.\nDefaults to top-left corner position.","value":{"type":"IgcDockManagerPoint"}},{"name":"floatingWidth","description":"The current width of the floating pane.","value":{"type":"number","default":"100"}},{"name":"floatingHeight","description":"The current height of the floating pane.","value":{"type":"number","default":"100"}},{"name":"hasHeader","description":"Indicates whether the pane has a header section.","value":{"type":"boolean","default":"false"}},{"name":"floatingMinHeight","description":"The minimum height constraint for the floating pane.","value":{"type":"number","default":"100"}},{"name":"floatingMinWidth","description":"The minimum width constraint for the floating pane.","value":{"type":"number","default":"100"}},{"name":"floatingId","description":"A unique identifier for the floating pane.","value":{"type":"string","default":"''"}},{"name":"maximized","description":"Indicates whether the floating pane is currently maximized.","value":{"type":"string","default":"false"}}],"slots":[{"name":"header","description":"Renders the floating pane header content."},{"name":"","description":"Renders the main content of the floating pane."}],"events":[{"name":"wndResizeStart","description":"Emitted when a resize interaction begins."},{"name":"wndResizeMove","description":"Emitted during the pane resize movement."},{"name":"wndResizeEnd","description":"Emitted when the resize interaction ends."}],"js":{"properties":[{"name":"allowResize","description":"Indicates whether the floating pane can be resized.","type":"boolean"},{"name":"floatingLocation","description":"The current location of the floating pane.\nDefaults to top-left corner position.","type":"IgcDockManagerPoint"},{"name":"floatingWidth","description":"The current width of the floating pane.","type":"number"},{"name":"floatingHeight","description":"The current height of the floating pane.","type":"number"},{"name":"hasHeader","description":"Indicates whether the pane has a header section.","type":"boolean"},{"name":"floatingMinHeight","description":"The minimum height constraint for the floating pane.","type":"number"},{"name":"floatingMinWidth","description":"The minimum width constraint for the floating pane.","type":"number"},{"name":"floatingId","description":"A unique identifier for the floating pane.","type":"string"},{"name":"maximized","description":"Indicates whether the floating pane is currently maximized."}],"events":[{"name":"wndResizeStart","description":"Emitted when a resize interaction begins."},{"name":"wndResizeMove","description":"Emitted during the pane resize movement."},{"name":"wndResizeEnd","description":"Emitted when the resize interaction ends."}]}},{"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.","doc-url":"","attributes":[{"name":"is-floating","description":"Indicates whether the header is used in a floating window.","value":{"type":"boolean","default":"false"}},{"name":"is-floating-pane-header","description":"Indicates that the header is used in a floating pane context.","value":{"type":"boolean","default":"false"}},{"name":"is-active","description":"Marks the header as active.","value":{"type":"boolean","default":"false"}},{"name":"forced-drag","description":"Forces drag behavior on the pane header.","value":{"type":"boolean","default":"false"}},{"name":"allow-close","description":"Enables or disables closing.","value":{"type":"boolean","default":"true"}},{"name":"allow-maximize","description":"Enables or disables maximizing.","value":{"type":"boolean","default":"true"}},{"name":"allow-pinning","description":"Enables or disables pinning.","value":{"type":"boolean","default":"true"}},{"name":"pinned","description":"Whether the pane is currently pinned.","value":{"type":"boolean","default":"false"}},{"name":"maximized","description":"Whether the pane is currently maximized.","value":{"type":"boolean","default":"false"}},{"name":"disabled","description":"Disables interaction with the pane header.","value":{"type":"boolean","default":"false"}}],"slots":[{"name":"","description":"Renders the pane header title."},{"name":"paneHeaderCloseButton","description":"Renders a custom close button."},{"name":"paneHeaderMaximizeButton","description":"Renders a custom maximize button."},{"name":"paneHeaderMinimizeButton","description":"Renders a custom minimize button."},{"name":"paneHeaderPinButton","description":"Renders a custom pin button."},{"name":"paneHeaderUnpinButton","description":"Renders a custom unpin button."}],"events":[{"name":"igcPaneHeaderDragStart","description":"Emitted when dragging starts on the header."},{"name":"igcPaneHeaderDragMoved","description":"Emitted during header dragging."},{"name":"igcPaneHeaderDragEnd","description":"Emitted when dragging ends on the header."},{"name":"igcPinToggle","description":"Emitted when the pin button is clicked."},{"name":"igcMaximize","description":"Emitted when the maximize button is clicked."},{"name":"igcClose","description":"Emitted when the close button is clicked."},{"name":"elementConnected","description":"Emitted when the element is connected to the DOM."},{"name":"elementDisconnected","description":"Emitted when the element is disconnected from the DOM."}],"js":{"properties":[{"name":"pinned","description":"Whether the pane is currently pinned.","type":"boolean"},{"name":"maximized","description":"Whether the pane is currently maximized.","type":"boolean"},{"name":"disabled","description":"Disables interaction with the pane header.","type":"boolean"},{"name":"isFloating","description":"Indicates whether the header is used in a floating window.","type":"boolean"},{"name":"isFloatingPaneHeader","description":"Indicates that the header is used in a floating pane context.","type":"boolean"},{"name":"isActive","description":"Marks the header as active.","type":"boolean"},{"name":"forcedDrag","description":"Forces drag behavior on the pane header.","type":"boolean"},{"name":"allowClose","description":"Enables or disables closing.","type":"boolean"},{"name":"allowMaximize","description":"Enables or disables maximizing.","type":"boolean"},{"name":"allowPinning","description":"Enables or disables pinning.","type":"boolean"},{"name":"pane","description":"Reference to the content pane associated with this header.","type":"IgcContentPane"},{"name":"resourceStrings","description":"Localized strings used for icon button accessibility.","type":"IgcDockManagerResourceStrings | undefined"},{"name":"dragEdgeTolerance","type":"number"},{"name":"dragStart"},{"name":"dragMove"},{"name":"dragEnd"}],"events":[{"name":"igcPaneHeaderDragStart","description":"Emitted when dragging starts on the header."},{"name":"igcPaneHeaderDragMoved","description":"Emitted during header dragging."},{"name":"igcPaneHeaderDragEnd","description":"Emitted when dragging ends on the header."},{"name":"igcPinToggle","description":"Emitted when the pin button is clicked."},{"name":"igcMaximize","description":"Emitted when the maximize button is clicked."},{"name":"igcClose","description":"Emitted when the close button is clicked."},{"name":"elementConnected","description":"Emitted when the element is connected to the DOM."},{"name":"elementDisconnected","description":"Emitted when the element is disconnected from the DOM."}]}},{"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.","doc-url":"","attributes":[{"name":"orientation","description":"Specifies the orientation of the resizer.","value":{"type":"ResizerLocation"}}],"events":[{"name":"igcResizerDragStart","description":"Emitted when a drag operation starts on the resizer."},{"name":"igcResizerMoved","description":"Emitted during resizer moving."},{"name":"igcResizerDragEnd","description":"Emitted when dragging ends on the resizer."}],"js":{"properties":[{"name":"orientation","description":"Specifies the orientation of the resizer.","type":"ResizerLocation"},{"name":"dragStart"},{"name":"dragMove"},{"name":"dragEnd"}],"events":[{"name":"igcResizerDragStart","description":"Emitted when a drag operation starts on the resizer."},{"name":"igcResizerMoved","description":"Emitted during resizer moving."},{"name":"igcResizerDragEnd","description":"Emitted when dragging ends on the resizer."}]}},{"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.","doc-url":"","attributes":[{"name":"use-fixed-size","description":"Indicates whether the pane uses a fixed size.","value":{"type":"boolean","default":"false"}},{"name":"parent-use-fixed-size","description":"Indicates if the parent pane uses fixed pane sizes.","value":{"type":"boolean","default":"false"}},{"name":"orientation","description":"Defines the layout direction of the split pane: `horizontal` or `vertical`.","value":{"type":"SplitPaneOrientation"}},{"name":"size","value":{"type":"number | undefined"}}],"events":[{"name":"igcRendered","description":"Emitted when the component is updated and rendered."}],"js":{"properties":[{"name":"orientation","description":"Defines the layout direction of the split pane: `horizontal` or `vertical`.","type":"SplitPaneOrientation"},{"name":"useFixedSize","description":"Indicates whether the pane uses a fixed size.","type":"boolean"},{"name":"parentUseFixedSize","description":"Indicates if the parent pane uses fixed pane sizes.","type":"boolean"},{"name":"size","type":"number | undefined"}],"events":[{"name":"igcRendered","description":"Emitted when the component is updated and rendered."}]}},{"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.","doc-url":"","attributes":[{"name":"show-drag-ghost","description":"Indicates whether the drag ghost element is shown while resizing.","value":{"type":"boolean","default":"false"}},{"name":"parent-use-fixed-size","description":"Indicates if the parent pane uses fixed pane sizes.","value":{"type":"boolean","default":"false"}},{"name":"split-pane-orientation","description":"Defines the orientation of the splitter based on the split pane orientation.","value":{"type":"string","default":"horizontal"}},{"name":"flyout-location","description":"Indicates the flyout location of the splitter.","value":{"type":"UnpinnedLocation"}},{"name":"scrollSpeed","value":{"type":"number | undefined"}}],"events":[{"name":"igcResizeStart","description":"Emitted when a resize interaction starts."},{"name":"igcResizeEnd","description":"Emitted when the resize ends, passing the final size."}],"js":{"properties":[{"name":"showDragGhost","description":"Indicates whether the drag ghost element is shown while resizing.","type":"boolean"},{"name":"parentUseFixedSize","description":"Indicates if the parent pane uses fixed pane sizes.","type":"boolean"},{"name":"splitPaneOrientation","description":"Defines the orientation of the splitter based on the split pane orientation."},{"name":"flyoutLocation","description":"Indicates the flyout location of the splitter.","type":"UnpinnedLocation"},{"name":"scrollSpeed","type":"number | undefined"},{"name":"applyAutoDrag"}],"events":[{"name":"igcResizeStart","description":"Emitted when a resize interaction starts."},{"name":"igcResizeEnd","description":"Emitted when the resize ends, passing the final size."}]}},{"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.","doc-url":"","attributes":[{"name":"is-active","description":"Indicates whether the unpinned pane header is active.","value":{"type":"string","default":"false"}},{"name":"disabled","description":"Indicates whether the unpinned pane header is disabled.","value":{"type":"string","default":"false"}},{"name":"location","description":"The location where the unpinned pane is docked.","value":{"type":"string"}},{"name":"isActive","description":"Indicates whether the unpinned pane header is active.","value":{"type":"string","default":"false"}}],"slots":[{"name":"","description":"Default slot for the pane header content."}],"events":[],"js":{"properties":[{"name":"location","description":"The location where the unpinned pane is docked."},{"name":"isActive","description":"Indicates whether the unpinned pane header is active."},{"name":"disabled","description":"Indicates whether the unpinned pane header is disabled."}],"events":[]}}]
+        "elements": [{"name":"igc-button-component","description":"\n---\n\n\n### **Slots:**\n - _default_ - Default slot for button content.","doc-url":"","attributes":[{"name":"disabled","description":"Indicates whether the button is disabled.","value":{"type":"boolean","default":"false"}},{"name":"type","description":"The type attribute of the control.","value":{"type":"'button' | 'submit' | 'reset'","default":"'submit'"}},{"name":"name","description":"The name attribute of the control.","value":{"type":"string","default":"''"}},{"name":"value","description":"The value attribute of the control.","value":{"type":"string","default":"''"}}],"slots":[{"name":"","description":"Default slot for button content."}],"events":[],"js":{"properties":[{"name":"disabled","description":"Indicates whether the button is disabled.","type":"boolean"},{"name":"type","description":"The type attribute of the control.","type":"'button' | 'submit' | 'reset'"},{"name":"name","description":"The name attribute of the control.","type":"string"},{"name":"value","description":"The value attribute of the control.","type":"string"}],"events":[]}},{"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.","doc-url":"","attributes":[{"name":"orientation","value":{"type":"ContextMenuOrientation","default":"'bottom'"}},{"name":"position","value":{"type":"ContextMenuPosition","default":"'end'"}},{"name":"target","value":{"type":"HTMLElement"}},{"name":"items","value":{"type":"IgcContextMenuItem[]","default":"[]"}}],"slots":[{"name":"contextMenuCloseButton","description":"The close icon."},{"name":"contextMenuUnpinButton","description":"The unpin icon."}],"events":[{"name":"igcMenuClosed","description":"Emitted when the context menu is closed."}],"js":{"properties":[{"name":"orientation","type":"ContextMenuOrientation"},{"name":"position","type":"ContextMenuPosition"},{"name":"target","type":"HTMLElement"},{"name":"items","type":"IgcContextMenuItem[]"}],"events":[{"name":"igcMenuClosed","description":"Emitted when the context menu is closed."}]}},{"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","doc-url":"","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).","value":{"type":"boolean","default":"false"}},{"name":"allowInnerDock","description":"Whether docking inside a pane is allowed.","value":{"type":"boolean","default":"true"}},{"name":"allowMaximize","description":"Whether maximize action button is displayed for the panes.","value":{"type":"boolean","default":"true"}},{"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).","value":{"type":"{ edgeThreshold: number, scrollSpeed: number }","default":"{ edgeThreshold: 20, scrollSpeed: 15, }"}},{"name":"proximityDock","description":"Determines whether docking indicators are displayed while docking","value":{"type":"boolean","default":"false"}},{"name":"resourceStrings","description":"The resource strings of the dock manager.","value":{"type":"IgcDockManagerResourceStrings | undefined"}},{"name":"showPaneHeaders","description":"Determines when to display the pane headers - always or on hover of the pane.","value":{"type":"'always' | 'onHoverOnly'","default":"'always'"}},{"name":"unpinBehavior","description":"Determines which panes are affected by particular pane action such as closing or unpinning.","value":{"type":"PaneActionBehavior","default":"'allPanes'"}},{"name":"allowSplitterDock","description":"Whether docking over splitter is allowed","value":{"type":"boolean","default":"false"}},{"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.","value":{"type":"boolean","default":"true"}},{"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.","value":{"type":"'none' | 'vertical' | 'horizontal' | 'both'","default":"'none'"}},{"name":"showHeaderIconOnHover","description":"Which header icons are shown on hover.","value":{"type":"'none' | 'closeOnly' | 'moreOptionsOnly' | 'all'","default":"'none'"}},{"name":"allowFloatingPanesResize","description":"Whether floating panes can be resized.","value":{"type":"boolean","default":"true"}},{"name":"containedInBoundaries","description":"Whether pane dragging stops when any of the pane's sides goes outside the DockManager’s bounds.","value":{"type":"boolean","default":"false"}},{"name":"disableKeyboardNavigation","description":"Disables all keyboard navigation within the dock manager.","value":{"type":"boolean","default":"false"}},{"name":"contextMenuPosition","description":"Position to open the context menu.","value":{"type":"ContextMenuPosition"}},{"name":"closeBehavior","description":"Which panes get affected by close operations.","value":{"type":"PaneActionBehavior","default":"'allPanes'"}}],"slots":[{"name":"paneHeaderCloseButton","description":"Custom close button for pane headers"},{"name":"tabHeaderCloseButton","description":"Custom close button for tab headers"},{"name":"closeButton","description":"Alias for pane/tab close button"},{"name":"moreTabsButton","description":"Slot for the \"more tabs\" button"},{"name":"maximizeButton","description":"Slot for maximize buttons"},{"name":"minimizeButton","description":"Slot for minimize buttons"},{"name":"pinButton","description":"Slot for pin buttons"},{"name":"unpinButton","description":"Slot for unpin buttons"},{"name":"moreOptionsButton","description":"Slot for more-options buttons on tab headers"},{"name":"splitterHandle-","description":"Slot for custom splitter handle"}],"events":[{"name":"activePaneChanged","description":"Emitted when the active content pane changes"},{"name":"floatingPaneResizeStart","description":"Emitted when a floating pane resize interaction begins"},{"name":"floatingPaneResizeMove","description":"Emitted while a floating pane is being resized"},{"name":"floatingPaneResizeEnd","description":"Emitted when a floating pane resize interaction ends"},{"name":"layoutChange","description":"Emitted after the layout has been programmatically updated"},{"name":"paneDragStart","description":"Emitted when a pane drag operation begins"},{"name":"paneDragOver","description":"Emitted repeatedly as a pane is dragged"},{"name":"paneDragEnd","description":"Emitted when a pane drag operation ends"},{"name":"paneHeaderConnected","description":"Emitted when an `<igc-pane-header>` is connected"},{"name":"paneHeaderDisconnected","description":"Emitted when an `<igc-pane-header>` is disconnected"},{"name":"paneClose","description":"Emitted when a pane is closed"},{"name":"panePinnedToggle","description":"Emitted when a pane is pinned or unpinned"},{"name":"paneScroll","description":"Emitted when the user scrolls within a pane’s content"},{"name":"splitterResizeStart","description":"Emitted when a splitter resize starts"},{"name":"splitterResizeEnd","description":"Emitted when a splitter resize ends"},{"name":"tabHeaderConnected","description":"Emitted when an `<igc-tab-header>` is connected"},{"name":"tabHeaderDisconnected","description":"Emitted when an `<igc-tab-header>` is disconnected"},{"name":"paneFlyoutToggle","description":"Emitted when an unpinned pane's flyout state changes (opens or closes)."}],"js":{"properties":[{"name":"draggedPaneElement","type":"HTMLElement | undefined"},{"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).","type":"boolean"},{"name":"allowInnerDock","description":"Whether docking inside a pane is allowed.","type":"boolean"},{"name":"allowMaximize","description":"Whether maximize action button is displayed for the panes.","type":"boolean"},{"name":"draggedPane","description":"Determines the pane that is currently dragged.","type":"IgcContentPane | IgcSplitPane | IgcTabGroupPane"},{"name":"maximizedPane","description":"Determines the pane that is currently maximized.","type":"IgcContentPane | IgcSplitPane | IgcTabGroupPane"},{"name":"layout","description":"The layout configuration of the Dock Manager.","type":"IgcDockManagerLayout"},{"name":"activePane","description":"Determines the active content pane.","type":"IgcContentPane | null"},{"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).","type":"{ edgeThreshold: number, scrollSpeed: number }"},{"name":"proximityDock","description":"Determines whether docking indicators are displayed while docking","type":"boolean"},{"name":"resourceStrings","description":"The resource strings of the dock manager.","type":"IgcDockManagerResourceStrings | undefined"},{"name":"showPaneHeaders","description":"Determines when to display the pane headers - always or on hover of the pane.","type":"'always' | 'onHoverOnly'"},{"name":"unpinBehavior","description":"Determines which panes are affected by particular pane action such as closing or unpinning.","type":"PaneActionBehavior"},{"name":"allowSplitterDock","description":"Whether docking over splitter is allowed","type":"boolean"},{"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.","type":"boolean"},{"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.","type":"'none' | 'vertical' | 'horizontal' | 'both'"},{"name":"showHeaderIconOnHover","description":"Which header icons are shown on hover.","type":"'none' | 'closeOnly' | 'moreOptionsOnly' | 'all'"},{"name":"navigationPaneMeta","description":"Metadata for the pane-navigator overlay.","type":"IgcPaneNavigatorMetadata | null"},{"name":"allowFloatingPanesResize","description":"Whether floating panes can be resized.","type":"boolean"},{"name":"containedInBoundaries","description":"Whether pane dragging stops when any of the pane's sides goes outside the DockManager’s bounds.","type":"boolean"},{"name":"dropPosition","description":"The drop position (pane) when docking.","type":"IgcDockManagerPoint"},{"name":"disableKeyboardNavigation","description":"Disables all keyboard navigation within the dock manager.","type":"boolean"},{"name":"contextMenuPosition","description":"Position to open the context menu.","type":"ContextMenuPosition"},{"name":"closeBehavior","description":"Which panes get affected by close operations.","type":"PaneActionBehavior"},{"name":"direction","description":"Gets the direction of the Dock Manager.","type":"string"},{"name":"isValidDrop","description":"Whether the last drop/drag target was valid."}],"events":[{"name":"activePaneChanged","description":"Emitted when the active content pane changes"},{"name":"floatingPaneResizeStart","description":"Emitted when a floating pane resize interaction begins"},{"name":"floatingPaneResizeMove","description":"Emitted while a floating pane is being resized"},{"name":"floatingPaneResizeEnd","description":"Emitted when a floating pane resize interaction ends"},{"name":"layoutChange","description":"Emitted after the layout has been programmatically updated"},{"name":"paneDragStart","description":"Emitted when a pane drag operation begins"},{"name":"paneDragOver","description":"Emitted repeatedly as a pane is dragged"},{"name":"paneDragEnd","description":"Emitted when a pane drag operation ends"},{"name":"paneHeaderConnected","description":"Emitted when an `<igc-pane-header>` is connected"},{"name":"paneHeaderDisconnected","description":"Emitted when an `<igc-pane-header>` is disconnected"},{"name":"paneClose","description":"Emitted when a pane is closed"},{"name":"panePinnedToggle","description":"Emitted when a pane is pinned or unpinned"},{"name":"paneScroll","description":"Emitted when the user scrolls within a pane’s content"},{"name":"splitterResizeStart","description":"Emitted when a splitter resize starts"},{"name":"splitterResizeEnd","description":"Emitted when a splitter resize ends"},{"name":"tabHeaderConnected","description":"Emitted when an `<igc-tab-header>` is connected"},{"name":"tabHeaderDisconnected","description":"Emitted when an `<igc-tab-header>` is disconnected"},{"name":"paneFlyoutToggle","description":"Emitted when an unpinned pane's flyout state changes (opens or closes)."}]}},{"name":"igc-icon-component","description":"\n---\n","doc-url":"","attributes":[{"name":"name","description":"The name of the icon to draw.","value":{"type":"IconName | ''","default":"''"}}],"events":[],"js":{"properties":[{"name":"name","description":"The name of the icon to draw.","type":"IconName | ''"}],"events":[]}},{"name":"sample-component","description":"\n---\n","doc-url":"","attributes":[],"events":[],"js":{"properties":[{"name":"hiddenPanes","type":"IgcContentPane[]"},{"name":"dockManager","type":"IgcDockManagerComponent"},{"name":"layout1","type":"IgcDockManagerLayout"},{"name":"layout2","type":"IgcDockManagerLayout"},{"name":"layout3","type":"IgcDockManagerLayout"},{"name":"commonProps","type":"object"},{"name":"bodyRect"},{"name":"bodyWidth"},{"name":"bodyHeight"},{"name":"layout4","type":"IgcDockManagerLayout"},{"name":"layout5","type":"IgcDockManagerLayout"},{"name":"layout6","type":"IgcDockManagerLayout"},{"name":"layout7","type":"IgcDockManagerLayout"},{"name":"layout8","type":"IgcDockManagerLayout"}],"events":[]}},{"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.","doc-url":"","attributes":[{"name":"selected","description":"Determines whether the header is selected.","value":{"type":"string","default":"false"}},{"name":"hovered","description":"Determines whether the header is hovered.","value":{"type":"boolean","default":"false"}},{"name":"position","description":"Sets the header position.","value":{"type":"string","default":"top"}},{"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.","value":{"type":"IconName | ''","default":"''"}},{"name":"header","description":"Sets the header text.","value":{"type":"string","default":"''"}},{"name":"isActive","description":"Determines whether the header is active.","value":{"type":"string","default":"false"}},{"name":"resourceStrings","description":"The resource strings of the header.","value":{"type":"IgcDockManagerResourceStrings | undefined"}},{"name":"forcedDrag","description":"Determines whether the header is changing position with another header.","value":{"type":"boolean","default":"false"}},{"name":"disabled","description":"Disables interaction with the header.","value":{"type":"string","default":"false"}},{"name":"showHeaderIconOnHover","description":"Determines which buttons are displayed on hover.\n\n*","value":{"type":"| 'none'\n    | 'closeOnly'\n    | 'moreOptionsOnly'\n    | 'all'","default":"'none'"}}],"slots":[{"name":"","description":"Renders the title."}],"events":[{"name":"igcDragStarted","description":"Fired when drag operation has started."},{"name":"igcDragMoved","description":"Fired when a header is dragged."},{"name":"igcDragEnded","description":"Fired when drag operation has ended."},{"name":"igcIconClicked","description":"Fired when the action button is clicked."},{"name":"igcIconKeyDown","description":"Fired on key down of the action button."},{"name":"igcTabPointerDown","description":"Fired when pointer is down on the header."},{"name":"igcElementConnected","description":"Fired when the header is connected."},{"name":"igcElementDisconnected","description":"Fired when the header is disconnected."}],"js":{"properties":[{"name":"selected","description":"Determines whether the header is selected."},{"name":"hovered","description":"Determines whether the header is hovered.","type":"boolean"},{"name":"position","description":"Sets the header position."},{"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.","type":"IconName | ''"},{"name":"header","description":"Sets the header text.","type":"string"},{"name":"isActive","description":"Determines whether the header is active."},{"name":"resourceStrings","description":"The resource strings of the header.","type":"IgcDockManagerResourceStrings | undefined"},{"name":"forcedDrag","description":"Determines whether the header is changing position with another header.","type":"boolean"},{"name":"disabled","description":"Disables interaction with the header."},{"name":"showHeaderIconOnHover","description":"Determines which buttons are displayed on hover.\n\n*","type":"| 'none'\n    | 'closeOnly'\n    | 'moreOptionsOnly'\n    | 'all'"}],"events":[{"name":"igcDragStarted","description":"Fired when drag operation has started."},{"name":"igcDragMoved","description":"Fired when a header is dragged."},{"name":"igcDragEnded","description":"Fired when drag operation has ended."},{"name":"igcIconClicked","description":"Fired when the action button is clicked."},{"name":"igcIconKeyDown","description":"Fired on key down of the action button."},{"name":"igcTabPointerDown","description":"Fired when pointer is down on the header."},{"name":"igcElementConnected","description":"Fired when the header is connected."},{"name":"igcElementDisconnected","description":"Fired when the header is disconnected."}]}},{"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.","doc-url":"","attributes":[{"name":"selected","description":"Determines whether the panel is selected.","value":{"type":"string","default":"false"}},{"name":"disabled","description":"Disables interaction with the panel.","value":{"type":"string","default":"false"}}],"slots":[{"name":"","description":"Renders the panel content."}],"events":[{"name":"igcSelectedChanged","description":"Fired when the selected state of the header changes."}],"js":{"properties":[{"name":"selected","description":"Determines whether the panel is selected."},{"name":"disabled","description":"Disables interaction with the panel."}],"events":[{"name":"igcSelectedChanged","description":"Fired when the selected state of the header changes."}]}},{"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.","doc-url":"","attributes":[{"name":"size","description":"The default size of the tabs.","value":{"type":"string","default":"100"}},{"name":"maximized","description":"Whether the component is maximized.","value":{"type":"boolean","default":"false"}},{"name":"allowMaximize","description":"Determines whether maximization is allowed.","value":{"type":"boolean","default":"true"}},{"name":"tabHeadersPosition","description":"Determines the header position.","value":{"type":"string","default":"top"}},{"name":"selectedIndex","description":"Determines the index of the selected tab.","value":{"type":"number","default":"0"}},{"name":"hasHeaders","description":"Whether the headers are displayed.","value":{"type":"boolean","default":"true"}},{"name":"showHiddenTabsMenu","description":"Whether to display a button for the hidden headers.","value":{"type":"boolean","default":"true"}},{"name":"resourceStrings","description":"The resource strings of the tabs.","value":{"type":"IgcDockManagerResourceStrings | undefined"}},{"name":"contentIds","description":"An array of identifiers.","value":{"type":"string[]","default":"[]"}},{"name":"parentUseFixedSize","value":{"type":"string"}},{"name":"minResizeWidth","description":"The minimum width of the tab group in pixels during resizing.","value":{"type":"string"}},{"name":"minResizeHeight","description":"The minimum height of the tab group in pixels during resizing.","value":{"type":"string"}}],"slots":[{"name":"","description":"Renders the tab content."},{"name":"tabHeader","description":"Renders the tab header."}],"events":[{"name":"igcRendered","description":"Fired when the component is rendered."},{"name":"igcHiddenTabSelected","description":"Fired when a hidden tab is selected."},{"name":"igcMaximize","description":"Fired when the maximize button is clicked."},{"name":"igcMaximizeMinimizeFocus","description":"Fired when focus is on the minimize/maximize button."},{"name":"igcSelectedIndexChanged","description":"Fired when new tab is selected."},{"name":"igcSelectedTabOutOfView","description":"Fired when the newly selected tab is not currently in view."}],"js":{"properties":[{"name":"size","description":"The default size of the tabs."},{"name":"maximized","description":"Whether the component is maximized.","type":"boolean"},{"name":"allowMaximize","description":"Determines whether maximization is allowed.","type":"boolean"},{"name":"tabHeadersPosition","description":"Determines the header position."},{"name":"selectedIndex","description":"Determines the index of the selected tab.","type":"number"},{"name":"hasHeaders","description":"Whether the headers are displayed.","type":"boolean"},{"name":"showHiddenTabsMenu","description":"Whether to display a button for the hidden headers.","type":"boolean"},{"name":"resourceStrings","description":"The resource strings of the tabs.","type":"IgcDockManagerResourceStrings | undefined"},{"name":"contentIds","description":"An array of identifiers.","type":"string[]"},{"name":"parentUseFixedSize"},{"name":"minResizeWidth","description":"The minimum width of the tab group in pixels during resizing."},{"name":"minResizeHeight","description":"The minimum height of the tab group in pixels during resizing."}],"events":[{"name":"igcRendered","description":"Fired when the component is rendered."},{"name":"igcHiddenTabSelected","description":"Fired when a hidden tab is selected."},{"name":"igcMaximize","description":"Fired when the maximize button is clicked."},{"name":"igcMaximizeMinimizeFocus","description":"Fired when focus is on the minimize/maximize button."},{"name":"igcSelectedIndexChanged","description":"Fired when new tab is selected."},{"name":"igcSelectedTabOutOfView","description":"Fired when the newly selected tab is not currently in view."}]}},{"name":"igc-edge-docking-indicator","description":"\n---\n\n\n### **CSS Parts:**\n - **edge-docking-indicator** - The wrapper container for the edge docking indicator.","doc-url":"","attributes":[{"name":"position","description":"The docking indicator position.","value":{"type":"DockingIndicatorPosition"}},{"name":"dropTargetPaneInfo","description":"An object that configures the drop target pane.","value":{"type":"IgcDropTargetPaneInfo"}}],"events":[],"js":{"properties":[{"name":"position","description":"The docking indicator position.","type":"DockingIndicatorPosition"},{"name":"dropTargetPaneInfo","description":"An object that configures the drop target pane.","type":"IgcDropTargetPaneInfo"}],"events":[]}},{"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.","doc-url":"","attributes":[{"name":"isDocHost","description":"Determines whether the icon is in document host.\n\n*","value":{"type":"boolean","default":"false"}},{"name":"position","description":"Specifies joystick icon position so that the proper icon is displayed.","value":{"type":"DockingIndicatorPosition"}},{"name":"direction","description":"Determines component's direction","value":{"type":"string","default":"'ltr'"}},{"name":"empty","description":"Determines whether the icon is empty","value":{"type":"boolean","default":"false"}}],"slots":[{"name":"","description":"Renders the panel content."}],"events":[],"js":{"properties":[{"name":"isDocHost","description":"Determines whether the icon is in document host.\n\n*","type":"boolean"},{"name":"position","description":"Specifies joystick icon position so that the proper icon is displayed.","type":"DockingIndicatorPosition"},{"name":"direction","description":"Determines component's direction","type":"string"},{"name":"empty","description":"Determines whether the icon is empty","type":"boolean"}],"events":[]}},{"name":"igc-joystick-indicator","description":"\n---\n","doc-url":"","attributes":[{"name":"dropTargetPaneInfo","description":"An object that configures the drop target pane.","value":{"type":"IgcDropTargetPaneInfo"}},{"name":"documentOnlyDrag","description":"Determines whether docking is inside the document.\n\n*","value":{"type":"boolean","default":"false"}},{"name":"allowCenterDock","description":"Determines whether docking in the center is allowed.\n\n*","value":{"type":"boolean","default":"false"}}],"events":[],"js":{"properties":[{"name":"dropTargetPaneInfo","description":"An object that configures the drop target pane.","type":"IgcDropTargetPaneInfo"},{"name":"documentOnlyDrag","description":"Determines whether docking is inside the document.\n\n*","type":"boolean"},{"name":"allowCenterDock","description":"Determines whether docking in the center is allowed.\n\n*","type":"boolean"}],"events":[]}},{"name":"igc-root-docking-indicator","description":"\n---\n\n\n### **CSS Parts:**\n - **root-docking-indicator** - The wrapper container for the root docking indicator.","doc-url":"","attributes":[{"name":"position","description":"Determines splitter position.","value":{"type":"DockingIndicatorPosition"}}],"events":[],"js":{"properties":[{"name":"position","description":"Determines splitter position.","type":"DockingIndicatorPosition"}],"events":[]}},{"name":"igc-splitter-docking-indicator","description":"\n---\n\n\n### **CSS Parts:**\n - **splitter-docking-indicator** - The wrapper container for the splitter docking indicator.","doc-url":"","attributes":[{"name":"position","description":"Determines splitter position.","value":{"type":"DockingIndicatorPosition"}}],"events":[],"js":{"properties":[{"name":"position","description":"Determines splitter position.","type":"DockingIndicatorPosition"}],"events":[]}},{"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.","doc-url":"","attributes":[{"name":"activeDocuments","description":"Determines currently visible documents.","value":{"type":"IgcContentPane[]","default":"[]"}},{"name":"activePanes","description":"Determines currently visible panes.","value":{"type":"IgcContentPane[]","default":"[]"}},{"name":"selectedIndex","description":"Determines the index of the selected item.","value":{"type":"number"}},{"name":"previousActivePaneIndex","description":"Determines the index of the previously selected item.","value":{"type":"number"}},{"name":"resourceStrings","description":"The resource strings for the pane navigator.","value":{"type":"IgcDockManagerResourceStrings | undefined"}}],"events":[{"name":"igcClosed","description":"Fired when pane navigator is closed."}],"js":{"properties":[{"name":"activeDocuments","description":"Determines currently visible documents.","type":"IgcContentPane[]"},{"name":"activePanes","description":"Determines currently visible panes.","type":"IgcContentPane[]"},{"name":"selectedIndex","description":"Determines the index of the selected item.","type":"number"},{"name":"previousActivePaneIndex","description":"Determines the index of the previously selected item.","type":"number"},{"name":"resourceStrings","description":"The resource strings for the pane navigator.","type":"IgcDockManagerResourceStrings | undefined"}],"events":[{"name":"igcClosed","description":"Fired when pane navigator is closed."}]}},{"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.","doc-url":"","attributes":[{"name":"content-id","description":"Sets a unique identifier for the content pane.\nUsed for targeting slotted content.","value":{"type":"string"}},{"name":"is-flyout","description":"Indicates whether the pane is currently in a flyout state.","value":{"type":"string","default":"false"}},{"name":"is-single-floating","description":"Indicates that the pane is a single floating item.","value":{"type":"string","default":"false"}},{"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.","value":{"type":"string","default":"false"}},{"name":"unpinned-size","description":"Specifies the pane's unpinned size when in flyout state.","value":{"type":"number","default":"100"}},{"name":"min-resize-width","description":"The minimum width of the pane in pixels during resizing.","value":{"type":"number","default":"42"}},{"name":"min-resize-height","description":"The minimum height of the pane in pixels during resizing.","value":{"type":"number","default":"42"}},{"name":"header","description":"Defines the header label for the pane.","value":{"type":"string","default":"''"}},{"name":"disabled","description":"Disables the pane and makes it non-interactive.","value":{"type":"string","default":"false"}},{"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.","value":{"type":"number","default":"100"}}],"slots":[{"name":"","description":"Default slot for pane content."},{"name":"header","description":"Slot for projecting a custom header for the pane."}],"events":[{"name":"igcRendered","description":"Emitted after the component has rendered."}],"js":{"properties":[{"name":"contentId","description":"Sets a unique identifier for the content pane.\nUsed for targeting slotted content."},{"name":"header","description":"Defines the header label for the pane.","type":"string"},{"name":"disabled","description":"Disables the pane and makes it non-interactive."},{"name":"isFlyout","description":"Indicates whether the pane is currently in a flyout state."},{"name":"isSingleFloating","description":"Indicates that the pane is a single floating item."},{"name":"parentUseFixedSize","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."},{"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.","type":"number"},{"name":"unpinnedSize","description":"Specifies the pane's unpinned size when in flyout state.","type":"number"},{"name":"minResizeWidth","description":"The minimum width of the pane in pixels during resizing.","type":"number"},{"name":"minResizeHeight","description":"The minimum height of the pane in pixels during resizing.","type":"number"}],"events":[{"name":"igcRendered","description":"Emitted after the component has rendered."}]}},{"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.","doc-url":"","attributes":[{"name":"allowResize","description":"Indicates whether the floating pane can be resized.","value":{"type":"boolean","default":"true"}},{"name":"floatingLocation","description":"The current location of the floating pane.\nDefaults to top-left corner position.","value":{"type":"IgcDockManagerPoint"}},{"name":"floatingWidth","description":"The current width of the floating pane.","value":{"type":"number","default":"100"}},{"name":"floatingHeight","description":"The current height of the floating pane.","value":{"type":"number","default":"100"}},{"name":"hasHeader","description":"Indicates whether the pane has a header section.","value":{"type":"boolean","default":"false"}},{"name":"floatingMinHeight","description":"The minimum height constraint for the floating pane.","value":{"type":"number","default":"100"}},{"name":"floatingMinWidth","description":"The minimum width constraint for the floating pane.","value":{"type":"number","default":"100"}},{"name":"floatingId","description":"A unique identifier for the floating pane.","value":{"type":"string","default":"''"}},{"name":"maximized","description":"Indicates whether the floating pane is currently maximized.","value":{"type":"string","default":"false"}}],"slots":[{"name":"header","description":"Renders the floating pane header content."},{"name":"","description":"Renders the main content of the floating pane."}],"events":[{"name":"wndResizeStart","description":"Emitted when a resize interaction begins."},{"name":"wndResizeMove","description":"Emitted during the pane resize movement."},{"name":"wndResizeEnd","description":"Emitted when the resize interaction ends."}],"js":{"properties":[{"name":"allowResize","description":"Indicates whether the floating pane can be resized.","type":"boolean"},{"name":"floatingLocation","description":"The current location of the floating pane.\nDefaults to top-left corner position.","type":"IgcDockManagerPoint"},{"name":"floatingWidth","description":"The current width of the floating pane.","type":"number"},{"name":"floatingHeight","description":"The current height of the floating pane.","type":"number"},{"name":"hasHeader","description":"Indicates whether the pane has a header section.","type":"boolean"},{"name":"floatingMinHeight","description":"The minimum height constraint for the floating pane.","type":"number"},{"name":"floatingMinWidth","description":"The minimum width constraint for the floating pane.","type":"number"},{"name":"floatingId","description":"A unique identifier for the floating pane.","type":"string"},{"name":"maximized","description":"Indicates whether the floating pane is currently maximized."}],"events":[{"name":"wndResizeStart","description":"Emitted when a resize interaction begins."},{"name":"wndResizeMove","description":"Emitted during the pane resize movement."},{"name":"wndResizeEnd","description":"Emitted when the resize interaction ends."}]}},{"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.","doc-url":"","attributes":[{"name":"is-floating","description":"Indicates whether the header is used in a floating window.","value":{"type":"boolean","default":"false"}},{"name":"is-floating-pane-header","description":"Indicates that the header is used in a floating pane context.","value":{"type":"boolean","default":"false"}},{"name":"is-active","description":"Marks the header as active.","value":{"type":"boolean","default":"false"}},{"name":"forced-drag","description":"Forces drag behavior on the pane header.","value":{"type":"boolean","default":"false"}},{"name":"allow-close","description":"Enables or disables closing.","value":{"type":"boolean","default":"true"}},{"name":"allow-maximize","description":"Enables or disables maximizing.","value":{"type":"boolean","default":"true"}},{"name":"allow-pinning","description":"Enables or disables pinning.","value":{"type":"boolean","default":"true"}},{"name":"pinned","description":"Whether the pane is currently pinned.","value":{"type":"boolean","default":"false"}},{"name":"maximized","description":"Whether the pane is currently maximized.","value":{"type":"boolean","default":"false"}},{"name":"disabled","description":"Disables interaction with the pane header.","value":{"type":"boolean","default":"false"}}],"slots":[{"name":"","description":"Renders the pane header title."},{"name":"paneHeaderCloseButton","description":"Renders a custom close button."},{"name":"paneHeaderMaximizeButton","description":"Renders a custom maximize button."},{"name":"paneHeaderMinimizeButton","description":"Renders a custom minimize button."},{"name":"paneHeaderPinButton","description":"Renders a custom pin button."},{"name":"paneHeaderUnpinButton","description":"Renders a custom unpin button."}],"events":[{"name":"igcPaneHeaderDragStart","description":"Emitted when dragging starts on the header."},{"name":"igcPaneHeaderDragMoved","description":"Emitted during header dragging."},{"name":"igcPaneHeaderDragEnd","description":"Emitted when dragging ends on the header."},{"name":"igcPinToggle","description":"Emitted when the pin button is clicked."},{"name":"igcMaximize","description":"Emitted when the maximize button is clicked."},{"name":"igcClose","description":"Emitted when the close button is clicked."},{"name":"elementConnected","description":"Emitted when the element is connected to the DOM."},{"name":"elementDisconnected","description":"Emitted when the element is disconnected from the DOM."}],"js":{"properties":[{"name":"pinned","description":"Whether the pane is currently pinned.","type":"boolean"},{"name":"maximized","description":"Whether the pane is currently maximized.","type":"boolean"},{"name":"disabled","description":"Disables interaction with the pane header.","type":"boolean"},{"name":"isFloating","description":"Indicates whether the header is used in a floating window.","type":"boolean"},{"name":"isFloatingPaneHeader","description":"Indicates that the header is used in a floating pane context.","type":"boolean"},{"name":"isActive","description":"Marks the header as active.","type":"boolean"},{"name":"forcedDrag","description":"Forces drag behavior on the pane header.","type":"boolean"},{"name":"allowClose","description":"Enables or disables closing.","type":"boolean"},{"name":"allowMaximize","description":"Enables or disables maximizing.","type":"boolean"},{"name":"allowPinning","description":"Enables or disables pinning.","type":"boolean"},{"name":"pane","description":"Reference to the content pane associated with this header.","type":"IgcContentPane"},{"name":"resourceStrings","description":"Localized strings used for icon button accessibility.","type":"IgcDockManagerResourceStrings | undefined"},{"name":"dragEdgeTolerance","type":"number"},{"name":"dragStart"},{"name":"dragMove"},{"name":"dragEnd"}],"events":[{"name":"igcPaneHeaderDragStart","description":"Emitted when dragging starts on the header."},{"name":"igcPaneHeaderDragMoved","description":"Emitted during header dragging."},{"name":"igcPaneHeaderDragEnd","description":"Emitted when dragging ends on the header."},{"name":"igcPinToggle","description":"Emitted when the pin button is clicked."},{"name":"igcMaximize","description":"Emitted when the maximize button is clicked."},{"name":"igcClose","description":"Emitted when the close button is clicked."},{"name":"elementConnected","description":"Emitted when the element is connected to the DOM."},{"name":"elementDisconnected","description":"Emitted when the element is disconnected from the DOM."}]}},{"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.","doc-url":"","attributes":[{"name":"orientation","description":"Specifies the orientation of the resizer.","value":{"type":"ResizerLocation"}}],"events":[{"name":"igcResizerDragStart","description":"Emitted when a drag operation starts on the resizer."},{"name":"igcResizerMoved","description":"Emitted during resizer moving."},{"name":"igcResizerDragEnd","description":"Emitted when dragging ends on the resizer."}],"js":{"properties":[{"name":"orientation","description":"Specifies the orientation of the resizer.","type":"ResizerLocation"},{"name":"dragStart"},{"name":"dragMove"},{"name":"dragEnd"}],"events":[{"name":"igcResizerDragStart","description":"Emitted when a drag operation starts on the resizer."},{"name":"igcResizerMoved","description":"Emitted during resizer moving."},{"name":"igcResizerDragEnd","description":"Emitted when dragging ends on the resizer."}]}},{"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.","doc-url":"","attributes":[{"name":"use-fixed-size","description":"Indicates whether the pane uses a fixed size.","value":{"type":"boolean","default":"false"}},{"name":"parent-use-fixed-size","description":"Indicates if the parent pane uses fixed pane sizes.","value":{"type":"boolean","default":"false"}},{"name":"min-resize-width","description":"The minimum width of child panes in pixels during resizing.","value":{"type":"number","default":"42"}},{"name":"min-resize-height","description":"The minimum height of child panes in pixels during resizing.","value":{"type":"number","default":"42"}},{"name":"orientation","description":"Defines the layout direction of the split pane: `horizontal` or `vertical`.","value":{"type":"SplitPaneOrientation"}},{"name":"size","value":{"type":"number | undefined"}}],"events":[{"name":"igcRendered","description":"Emitted when the component is updated and rendered."}],"js":{"properties":[{"name":"orientation","description":"Defines the layout direction of the split pane: `horizontal` or `vertical`.","type":"SplitPaneOrientation"},{"name":"useFixedSize","description":"Indicates whether the pane uses a fixed size.","type":"boolean"},{"name":"parentUseFixedSize","description":"Indicates if the parent pane uses fixed pane sizes.","type":"boolean"},{"name":"size","type":"number | undefined"},{"name":"minResizeWidth","description":"The minimum width of child panes in pixels during resizing.","type":"number"},{"name":"minResizeHeight","description":"The minimum height of child panes in pixels during resizing.","type":"number"}],"events":[{"name":"igcRendered","description":"Emitted when the component is updated and rendered."}]}},{"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.","doc-url":"","attributes":[{"name":"show-drag-ghost","description":"Indicates whether the drag ghost element is shown while resizing.","value":{"type":"boolean","default":"false"}},{"name":"parent-use-fixed-size","description":"Indicates if the parent pane uses fixed pane sizes.","value":{"type":"boolean","default":"false"}},{"name":"split-pane-orientation","description":"Defines the orientation of the splitter based on the split pane orientation.","value":{"type":"string","default":"horizontal"}},{"name":"flyout-location","description":"Indicates the flyout location of the splitter.","value":{"type":"UnpinnedLocation"}},{"name":"scrollSpeed","value":{"type":"number | undefined"}}],"events":[{"name":"igcResizeStart","description":"Emitted when a resize interaction starts."},{"name":"igcResizeEnd","description":"Emitted when the resize ends, passing the final size."}],"js":{"properties":[{"name":"showDragGhost","description":"Indicates whether the drag ghost element is shown while resizing.","type":"boolean"},{"name":"parentUseFixedSize","description":"Indicates if the parent pane uses fixed pane sizes.","type":"boolean"},{"name":"splitPaneOrientation","description":"Defines the orientation of the splitter based on the split pane orientation."},{"name":"flyoutLocation","description":"Indicates the flyout location of the splitter.","type":"UnpinnedLocation"},{"name":"scrollSpeed","type":"number | undefined"},{"name":"applyAutoDrag"}],"events":[{"name":"igcResizeStart","description":"Emitted when a resize interaction starts."},{"name":"igcResizeEnd","description":"Emitted when the resize ends, passing the final size."}]}},{"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.","doc-url":"","attributes":[{"name":"is-active","description":"Indicates whether the unpinned pane header is active.","value":{"type":"string","default":"false"}},{"name":"disabled","description":"Indicates whether the unpinned pane header is disabled.","value":{"type":"string","default":"false"}},{"name":"location","description":"The location where the unpinned pane is docked.","value":{"type":"string"}},{"name":"isActive","description":"Indicates whether the unpinned pane header is active.","value":{"type":"string","default":"false"}}],"slots":[{"name":"","description":"Default slot for the pane header content."}],"events":[],"js":{"properties":[{"name":"location","description":"The location where the unpinned pane is docked."},{"name":"isActive","description":"Indicates whether the unpinned pane header is active."},{"name":"disabled","description":"Indicates whether the unpinned pane header is disabled."}],"events":[]}}]
       },
       "css": {
         "properties": [],