npm - igniteui-dockmanager - Versions diffs - 1.16.0-beta.2 → 1.16.0-beta.4 - Mend

igniteui-dockmanager 1.16.0-beta.2 → 1.16.0-beta.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (56) hide show

package/dist/cjs/igniteui-dockmanager.cjs.js CHANGED Viewed

@@ -17,7 +17,7 @@ const patchBrowser = () => {
 };
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["igc-button-component_20.cjs",[[2,"sample-component",{"hiddenPanes":[1040]}],[1,"igc-dockmanager",{"navigationPaneMeta":[1040],"allowMaximize":[4,"allow-maximize"],"showPaneHeaders":[1,"show-pane-headers"],"showHeaderIconOnHover":[1,"show-header-icon-on-hover"],"maximizedPane":[1040],"resourceStrings":[1040],"allowFloatingPanesResize":[4,"allow-floating-panes-resize"],"disableKeyboardNavigation":[4,"disable-keyboard-navigation"],"contextMenuPosition":[1,"context-menu-position"],"containedInBoundaries":[4,"contained-in-boundaries"],"allowInnerDock":[4,"allow-inner-dock"],"proximityDock":[4,"proximity-dock"],"closeBehavior":[1,"close-behavior"],"unpinBehavior":[1,"unpin-behavior"],"layout":[1040],"draggedPane":[1040],"dropPosition":[16],"activePane":[1040],"dropTargetPaneInfo":[32],"flyoutPane":[32],"floatingPaneZIndicesMap":[32],"contextMenuMeta":[32],"dropShadowRect":[32],"templates":[32],"hasCustomMaximizeButton":[32],"hasCustomMinimizeButton":[32],"hoveredPane":[32],"dropPane":[64],"removePane":[64],"focusPane":[64]},[[0,"focusout","handleFocusOut"],[0,"keydown","handleKeyDown"],[1,"pointerdown","handlePointerDown"],[1,"pointerup","handlePointerUp"]],{"flyoutPane":["flyoutPaneChanged"],"containedInBoundaries":["containedInBoundariesChanged"],"layout":["layoutChanged"],"draggedPane":["draggedPaneChanged"],"dropPosition":["dropPositionChanged"],"activePane":["activePaneChange"]}],[1,"igc-tabs-component",{"size":[2],"maximized":[4],"allowMaximize":[4,"allow-maximize"],"tabHeadersPosition":[1,"tab-headers-position"],"selectedIndex":[1026,"selected-index"],"hasHeaders":[4,"has-headers"],"showHiddenTabsMenu":[4,"show-hidden-tabs-menu"],"resourceStrings":[16],"contentIds":[16],"hiddenTabsMenuMeta":[32],"hasHiddenTabs":[32]},[[0,"tabMouseDown","handleTabMouseDown"]],{"selectedIndex":["selectedIndexPropertyChanged"]}],[2,"igc-joystick-indicator-component",{"dropTargetPaneInfo":[16],"documentOnlyDrag":[4,"document-only-drag"],"allowCenterDock":[4,"allow-center-dock"]}],[1,"igc-pane-header-component",{"dragService":[1040],"pinned":[4],"maximized":[4],"isFloating":[4,"is-floating"],"forcedDrag":[4,"forced-drag"],"isFloatingPaneHeader":[4,"is-floating-pane-header"],"allowClose":[4,"allow-close"],"allowMaximize":[4,"allow-maximize"],"allowPinning":[4,"allow-pinning"],"pane":[16],"isActive":[4,"is-active"],"disabled":[4],"resourceStrings":[16]},null,{"forcedDrag":["forcedDragChanged"]}],[1,"igc-tab-header-component",{"dragService":[1040],"selected":[4],"hovered":[4],"position":[1],"iconName":[1,"icon-name"],"header":[1],"isActive":[4,"is-active"],"resourceStrings":[16],"forcedDrag":[4,"forced-drag"],"disabled":[4],"showHeaderIconOnHover":[1,"show-header-icon-on-hover"]},[[1,"mousedown","handleMouseDown"],[1,"mouseenter","handleMouseEnter"],[1,"mouseleave","handleMouseLeave"]],{"forcedDrag":["forcedDragChanged"],"isActive":["activeChanged"],"selected":["activeChanged"],"hovered":["activeChanged"]}],[1,"igc-floating-pane-component",{"allowResize":[4,"allow-resize"],"floatingLocation":[16],"floatingWidth":[2,"floating-width"],"floatingHeight":[2,"floating-height"],"hasHeader":[4,"has-header"],"maximized":[4],"floatingMinHeight":[2,"floating-min-height"],"floatingMinWidth":[2,"floating-min-width"],"floatingId":[1,"floating-id"]}],[2,"igc-root-docking-indicator-component",{"position":[1]}],[1,"igc-content-pane-component",{"size":[2],"isFlyout":[4,"is-flyout"],"unpinnedSize":[2,"unpinned-size"],"header":[1],"disabled":[4],"isSingleFloating":[4,"is-single-floating"],"contentId":[1,"content-id"]}],[2,"igc-document-host-component",{"size":[2]}],[1,"igc-pane-navigator-component",{"activeDocuments":[16],"activePanes":[16],"selectedIndex":[1026,"selected-index"],"previousActivePaneIndex":[2,"previous-active-pane-index"],"resourceStrings":[16]},[[0,"keyup","handleKeyUp"],[0,"keydown","handleKeydown"]]],[2,"igc-split-pane-component",{"orientation":[1],"size":[2]}],[1,"igc-splitter-component",{"showDragGhost":[4,"show-drag-ghost"],"splitPaneOrientation":[1,"split-pane-orientation"],"flyoutLocation":[1,"flyout-location"],"dragOffset":[32],"hasCustomSplitterHandle":[32]},[[0,"keydown","handleKeydownEvent"],[1,"mousedown","handleMouseDown"]]],[1,"igc-tab-panel-component",{"selected":[4],"disabled":[4]},null,{"selected":["selectedPropChange"]}],[1,"igc-unpinned-pane-header-component",{"location":[1],"isActive":[4,"is-active"],"disabled":[4]}],[1,"igc-context-menu-component",{"orientation":[1],"position":[1],"target":[16],"items":[16],"activeIndex":[1026,"active-index"]},[[0,"focusout","emitMenuClosed"]]],[2,"igc-joystick-icon-component",{"isDocHost":[4,"is-doc-host"],"position":[1],"direction":[1],"empty":[4]}],[2,"igc-resizer-component",{"orientation":[1],"dragOffsetX":[32],"dragOffsetY":[32]}],[1,"igc-button-component",{"disabled":[4],"name":[513],"type":[513],"value":[513]}],[2,"igc-icon-component",{"name":[1]}]]]], options);
+  return index.bootstrapLazy([["igc-button-component_20.cjs",[[2,"sample-component",{"hiddenPanes":[1040]}],[1,"igc-dockmanager",{"navigationPaneMeta":[1040],"allowMaximize":[4,"allow-maximize"],"showPaneHeaders":[1,"show-pane-headers"],"showHeaderIconOnHover":[1,"show-header-icon-on-hover"],"maximizedPane":[1040],"resourceStrings":[1040],"allowFloatingPanesResize":[4,"allow-floating-panes-resize"],"disableKeyboardNavigation":[4,"disable-keyboard-navigation"],"contextMenuPosition":[1,"context-menu-position"],"containedInBoundaries":[4,"contained-in-boundaries"],"allowInnerDock":[4,"allow-inner-dock"],"proximityDock":[4,"proximity-dock"],"closeBehavior":[1,"close-behavior"],"unpinBehavior":[1,"unpin-behavior"],"layout":[1040],"draggedPane":[1040],"dropPosition":[16],"activePane":[1040],"dropTargetPaneInfo":[32],"flyoutPane":[32],"floatingPaneZIndicesMap":[32],"contextMenuMeta":[32],"dropShadowRect":[32],"templates":[32],"hasCustomMaximizeButton":[32],"hasCustomMinimizeButton":[32],"hoveredPane":[32],"dropPane":[64],"removePane":[64],"focusPane":[64]},[[0,"focusout","handleFocusOut"],[0,"keydown","handleKeyDown"],[1,"pointerdown","handlePointerDown"],[1,"pointerup","handlePointerUp"]],{"flyoutPane":["flyoutPaneChanged"],"containedInBoundaries":["containedInBoundariesChanged"],"layout":["layoutChanged"],"draggedPane":["draggedPaneChanged"],"dropPosition":["dropPositionChanged"],"activePane":["activePaneChange"]}],[1,"igc-tabs-component",{"size":[2],"maximized":[4],"allowMaximize":[4,"allow-maximize"],"tabHeadersPosition":[1,"tab-headers-position"],"selectedIndex":[1026,"selected-index"],"hasHeaders":[4,"has-headers"],"showHiddenTabsMenu":[4,"show-hidden-tabs-menu"],"resourceStrings":[16],"contentIds":[16],"parentUseFixedSize":[4,"parent-use-fixed-size"],"hiddenTabsMenuMeta":[32],"hasHiddenTabs":[32]},[[0,"tabMouseDown","handleTabMouseDown"]],{"selectedIndex":["selectedIndexPropertyChanged"]}],[2,"igc-joystick-indicator-component",{"dropTargetPaneInfo":[16],"documentOnlyDrag":[4,"document-only-drag"],"allowCenterDock":[4,"allow-center-dock"]}],[1,"igc-pane-header-component",{"dragService":[1040],"pinned":[4],"maximized":[4],"isFloating":[4,"is-floating"],"forcedDrag":[4,"forced-drag"],"isFloatingPaneHeader":[4,"is-floating-pane-header"],"allowClose":[4,"allow-close"],"allowMaximize":[4,"allow-maximize"],"allowPinning":[4,"allow-pinning"],"pane":[16],"isActive":[4,"is-active"],"disabled":[4],"resourceStrings":[16]},null,{"forcedDrag":["forcedDragChanged"]}],[1,"igc-tab-header-component",{"dragService":[1040],"selected":[4],"hovered":[4],"position":[1],"iconName":[1,"icon-name"],"header":[1],"isActive":[4,"is-active"],"resourceStrings":[16],"forcedDrag":[4,"forced-drag"],"disabled":[4],"showHeaderIconOnHover":[1,"show-header-icon-on-hover"]},[[1,"mousedown","handleMouseDown"],[1,"mouseenter","handleMouseEnter"],[1,"mouseleave","handleMouseLeave"]],{"forcedDrag":["forcedDragChanged"],"isActive":["activeChanged"],"selected":["activeChanged"],"hovered":["activeChanged"]}],[1,"igc-floating-pane-component",{"allowResize":[4,"allow-resize"],"floatingLocation":[16],"floatingWidth":[2,"floating-width"],"floatingHeight":[2,"floating-height"],"hasHeader":[4,"has-header"],"maximized":[4],"floatingMinHeight":[2,"floating-min-height"],"floatingMinWidth":[2,"floating-min-width"],"floatingId":[1,"floating-id"]}],[2,"igc-root-docking-indicator-component",{"position":[1]}],[1,"igc-content-pane-component",{"size":[2],"isFlyout":[4,"is-flyout"],"unpinnedSize":[2,"unpinned-size"],"header":[1],"disabled":[4],"isSingleFloating":[4,"is-single-floating"],"contentId":[1,"content-id"],"parentUseFixedSize":[4,"parent-use-fixed-size"]}],[2,"igc-document-host-component",{"size":[2],"parentUseFixedSize":[4,"parent-use-fixed-size"]}],[1,"igc-pane-navigator-component",{"activeDocuments":[16],"activePanes":[16],"selectedIndex":[1026,"selected-index"],"previousActivePaneIndex":[2,"previous-active-pane-index"],"resourceStrings":[16]},[[0,"keyup","handleKeyUp"],[0,"keydown","handleKeydown"]]],[2,"igc-split-pane-component",{"orientation":[1],"size":[2],"useFixedSize":[4,"use-fixed-size"],"parentUseFixedSize":[4,"parent-use-fixed-size"]}],[1,"igc-splitter-component",{"showDragGhost":[4,"show-drag-ghost"],"splitPaneOrientation":[1,"split-pane-orientation"],"flyoutLocation":[1,"flyout-location"],"parentUseFixedSize":[4,"parent-use-fixed-size"],"dragOffset":[32],"hasCustomSplitterHandle":[32]},[[0,"keydown","handleKeydownEvent"],[1,"mousedown","handleMouseDown"]]],[1,"igc-tab-panel-component",{"selected":[4],"disabled":[4]},null,{"selected":["selectedPropChange"]}],[1,"igc-unpinned-pane-header-component",{"location":[1],"isActive":[4,"is-active"],"disabled":[4]}],[1,"igc-context-menu-component",{"orientation":[1],"position":[1],"target":[16],"items":[16],"activeIndex":[1026,"active-index"]},[[0,"focusout","emitMenuClosed"]]],[2,"igc-joystick-icon-component",{"isDocHost":[4,"is-doc-host"],"position":[1],"direction":[1],"empty":[4]}],[2,"igc-resizer-component",{"orientation":[1],"dragOffsetX":[32],"dragOffsetY":[32]}],[1,"igc-button-component",{"disabled":[4],"name":[513],"type":[513],"value":[513]}],[2,"igc-icon-component",{"name":[1]}]]]], options);
 });
 exports.setNonce = index.setNonce;

package/dist/cjs/loader.cjs.js CHANGED Viewed

@@ -6,7 +6,7 @@ const index = require('./index-050356a8.js');
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return undefined;
-  return index.bootstrapLazy([["igc-button-component_20.cjs",[[2,"sample-component",{"hiddenPanes":[1040]}],[1,"igc-dockmanager",{"navigationPaneMeta":[1040],"allowMaximize":[4,"allow-maximize"],"showPaneHeaders":[1,"show-pane-headers"],"showHeaderIconOnHover":[1,"show-header-icon-on-hover"],"maximizedPane":[1040],"resourceStrings":[1040],"allowFloatingPanesResize":[4,"allow-floating-panes-resize"],"disableKeyboardNavigation":[4,"disable-keyboard-navigation"],"contextMenuPosition":[1,"context-menu-position"],"containedInBoundaries":[4,"contained-in-boundaries"],"allowInnerDock":[4,"allow-inner-dock"],"proximityDock":[4,"proximity-dock"],"closeBehavior":[1,"close-behavior"],"unpinBehavior":[1,"unpin-behavior"],"layout":[1040],"draggedPane":[1040],"dropPosition":[16],"activePane":[1040],"dropTargetPaneInfo":[32],"flyoutPane":[32],"floatingPaneZIndicesMap":[32],"contextMenuMeta":[32],"dropShadowRect":[32],"templates":[32],"hasCustomMaximizeButton":[32],"hasCustomMinimizeButton":[32],"hoveredPane":[32],"dropPane":[64],"removePane":[64],"focusPane":[64]},[[0,"focusout","handleFocusOut"],[0,"keydown","handleKeyDown"],[1,"pointerdown","handlePointerDown"],[1,"pointerup","handlePointerUp"]],{"flyoutPane":["flyoutPaneChanged"],"containedInBoundaries":["containedInBoundariesChanged"],"layout":["layoutChanged"],"draggedPane":["draggedPaneChanged"],"dropPosition":["dropPositionChanged"],"activePane":["activePaneChange"]}],[1,"igc-tabs-component",{"size":[2],"maximized":[4],"allowMaximize":[4,"allow-maximize"],"tabHeadersPosition":[1,"tab-headers-position"],"selectedIndex":[1026,"selected-index"],"hasHeaders":[4,"has-headers"],"showHiddenTabsMenu":[4,"show-hidden-tabs-menu"],"resourceStrings":[16],"contentIds":[16],"hiddenTabsMenuMeta":[32],"hasHiddenTabs":[32]},[[0,"tabMouseDown","handleTabMouseDown"]],{"selectedIndex":["selectedIndexPropertyChanged"]}],[2,"igc-joystick-indicator-component",{"dropTargetPaneInfo":[16],"documentOnlyDrag":[4,"document-only-drag"],"allowCenterDock":[4,"allow-center-dock"]}],[1,"igc-pane-header-component",{"dragService":[1040],"pinned":[4],"maximized":[4],"isFloating":[4,"is-floating"],"forcedDrag":[4,"forced-drag"],"isFloatingPaneHeader":[4,"is-floating-pane-header"],"allowClose":[4,"allow-close"],"allowMaximize":[4,"allow-maximize"],"allowPinning":[4,"allow-pinning"],"pane":[16],"isActive":[4,"is-active"],"disabled":[4],"resourceStrings":[16]},null,{"forcedDrag":["forcedDragChanged"]}],[1,"igc-tab-header-component",{"dragService":[1040],"selected":[4],"hovered":[4],"position":[1],"iconName":[1,"icon-name"],"header":[1],"isActive":[4,"is-active"],"resourceStrings":[16],"forcedDrag":[4,"forced-drag"],"disabled":[4],"showHeaderIconOnHover":[1,"show-header-icon-on-hover"]},[[1,"mousedown","handleMouseDown"],[1,"mouseenter","handleMouseEnter"],[1,"mouseleave","handleMouseLeave"]],{"forcedDrag":["forcedDragChanged"],"isActive":["activeChanged"],"selected":["activeChanged"],"hovered":["activeChanged"]}],[1,"igc-floating-pane-component",{"allowResize":[4,"allow-resize"],"floatingLocation":[16],"floatingWidth":[2,"floating-width"],"floatingHeight":[2,"floating-height"],"hasHeader":[4,"has-header"],"maximized":[4],"floatingMinHeight":[2,"floating-min-height"],"floatingMinWidth":[2,"floating-min-width"],"floatingId":[1,"floating-id"]}],[2,"igc-root-docking-indicator-component",{"position":[1]}],[1,"igc-content-pane-component",{"size":[2],"isFlyout":[4,"is-flyout"],"unpinnedSize":[2,"unpinned-size"],"header":[1],"disabled":[4],"isSingleFloating":[4,"is-single-floating"],"contentId":[1,"content-id"]}],[2,"igc-document-host-component",{"size":[2]}],[1,"igc-pane-navigator-component",{"activeDocuments":[16],"activePanes":[16],"selectedIndex":[1026,"selected-index"],"previousActivePaneIndex":[2,"previous-active-pane-index"],"resourceStrings":[16]},[[0,"keyup","handleKeyUp"],[0,"keydown","handleKeydown"]]],[2,"igc-split-pane-component",{"orientation":[1],"size":[2]}],[1,"igc-splitter-component",{"showDragGhost":[4,"show-drag-ghost"],"splitPaneOrientation":[1,"split-pane-orientation"],"flyoutLocation":[1,"flyout-location"],"dragOffset":[32],"hasCustomSplitterHandle":[32]},[[0,"keydown","handleKeydownEvent"],[1,"mousedown","handleMouseDown"]]],[1,"igc-tab-panel-component",{"selected":[4],"disabled":[4]},null,{"selected":["selectedPropChange"]}],[1,"igc-unpinned-pane-header-component",{"location":[1],"isActive":[4,"is-active"],"disabled":[4]}],[1,"igc-context-menu-component",{"orientation":[1],"position":[1],"target":[16],"items":[16],"activeIndex":[1026,"active-index"]},[[0,"focusout","emitMenuClosed"]]],[2,"igc-joystick-icon-component",{"isDocHost":[4,"is-doc-host"],"position":[1],"direction":[1],"empty":[4]}],[2,"igc-resizer-component",{"orientation":[1],"dragOffsetX":[32],"dragOffsetY":[32]}],[1,"igc-button-component",{"disabled":[4],"name":[513],"type":[513],"value":[513]}],[2,"igc-icon-component",{"name":[1]}]]]], options);
+  return index.bootstrapLazy([["igc-button-component_20.cjs",[[2,"sample-component",{"hiddenPanes":[1040]}],[1,"igc-dockmanager",{"navigationPaneMeta":[1040],"allowMaximize":[4,"allow-maximize"],"showPaneHeaders":[1,"show-pane-headers"],"showHeaderIconOnHover":[1,"show-header-icon-on-hover"],"maximizedPane":[1040],"resourceStrings":[1040],"allowFloatingPanesResize":[4,"allow-floating-panes-resize"],"disableKeyboardNavigation":[4,"disable-keyboard-navigation"],"contextMenuPosition":[1,"context-menu-position"],"containedInBoundaries":[4,"contained-in-boundaries"],"allowInnerDock":[4,"allow-inner-dock"],"proximityDock":[4,"proximity-dock"],"closeBehavior":[1,"close-behavior"],"unpinBehavior":[1,"unpin-behavior"],"layout":[1040],"draggedPane":[1040],"dropPosition":[16],"activePane":[1040],"dropTargetPaneInfo":[32],"flyoutPane":[32],"floatingPaneZIndicesMap":[32],"contextMenuMeta":[32],"dropShadowRect":[32],"templates":[32],"hasCustomMaximizeButton":[32],"hasCustomMinimizeButton":[32],"hoveredPane":[32],"dropPane":[64],"removePane":[64],"focusPane":[64]},[[0,"focusout","handleFocusOut"],[0,"keydown","handleKeyDown"],[1,"pointerdown","handlePointerDown"],[1,"pointerup","handlePointerUp"]],{"flyoutPane":["flyoutPaneChanged"],"containedInBoundaries":["containedInBoundariesChanged"],"layout":["layoutChanged"],"draggedPane":["draggedPaneChanged"],"dropPosition":["dropPositionChanged"],"activePane":["activePaneChange"]}],[1,"igc-tabs-component",{"size":[2],"maximized":[4],"allowMaximize":[4,"allow-maximize"],"tabHeadersPosition":[1,"tab-headers-position"],"selectedIndex":[1026,"selected-index"],"hasHeaders":[4,"has-headers"],"showHiddenTabsMenu":[4,"show-hidden-tabs-menu"],"resourceStrings":[16],"contentIds":[16],"parentUseFixedSize":[4,"parent-use-fixed-size"],"hiddenTabsMenuMeta":[32],"hasHiddenTabs":[32]},[[0,"tabMouseDown","handleTabMouseDown"]],{"selectedIndex":["selectedIndexPropertyChanged"]}],[2,"igc-joystick-indicator-component",{"dropTargetPaneInfo":[16],"documentOnlyDrag":[4,"document-only-drag"],"allowCenterDock":[4,"allow-center-dock"]}],[1,"igc-pane-header-component",{"dragService":[1040],"pinned":[4],"maximized":[4],"isFloating":[4,"is-floating"],"forcedDrag":[4,"forced-drag"],"isFloatingPaneHeader":[4,"is-floating-pane-header"],"allowClose":[4,"allow-close"],"allowMaximize":[4,"allow-maximize"],"allowPinning":[4,"allow-pinning"],"pane":[16],"isActive":[4,"is-active"],"disabled":[4],"resourceStrings":[16]},null,{"forcedDrag":["forcedDragChanged"]}],[1,"igc-tab-header-component",{"dragService":[1040],"selected":[4],"hovered":[4],"position":[1],"iconName":[1,"icon-name"],"header":[1],"isActive":[4,"is-active"],"resourceStrings":[16],"forcedDrag":[4,"forced-drag"],"disabled":[4],"showHeaderIconOnHover":[1,"show-header-icon-on-hover"]},[[1,"mousedown","handleMouseDown"],[1,"mouseenter","handleMouseEnter"],[1,"mouseleave","handleMouseLeave"]],{"forcedDrag":["forcedDragChanged"],"isActive":["activeChanged"],"selected":["activeChanged"],"hovered":["activeChanged"]}],[1,"igc-floating-pane-component",{"allowResize":[4,"allow-resize"],"floatingLocation":[16],"floatingWidth":[2,"floating-width"],"floatingHeight":[2,"floating-height"],"hasHeader":[4,"has-header"],"maximized":[4],"floatingMinHeight":[2,"floating-min-height"],"floatingMinWidth":[2,"floating-min-width"],"floatingId":[1,"floating-id"]}],[2,"igc-root-docking-indicator-component",{"position":[1]}],[1,"igc-content-pane-component",{"size":[2],"isFlyout":[4,"is-flyout"],"unpinnedSize":[2,"unpinned-size"],"header":[1],"disabled":[4],"isSingleFloating":[4,"is-single-floating"],"contentId":[1,"content-id"],"parentUseFixedSize":[4,"parent-use-fixed-size"]}],[2,"igc-document-host-component",{"size":[2],"parentUseFixedSize":[4,"parent-use-fixed-size"]}],[1,"igc-pane-navigator-component",{"activeDocuments":[16],"activePanes":[16],"selectedIndex":[1026,"selected-index"],"previousActivePaneIndex":[2,"previous-active-pane-index"],"resourceStrings":[16]},[[0,"keyup","handleKeyUp"],[0,"keydown","handleKeydown"]]],[2,"igc-split-pane-component",{"orientation":[1],"size":[2],"useFixedSize":[4,"use-fixed-size"],"parentUseFixedSize":[4,"parent-use-fixed-size"]}],[1,"igc-splitter-component",{"showDragGhost":[4,"show-drag-ghost"],"splitPaneOrientation":[1,"split-pane-orientation"],"flyoutLocation":[1,"flyout-location"],"parentUseFixedSize":[4,"parent-use-fixed-size"],"dragOffset":[32],"hasCustomSplitterHandle":[32]},[[0,"keydown","handleKeydownEvent"],[1,"mousedown","handleMouseDown"]]],[1,"igc-tab-panel-component",{"selected":[4],"disabled":[4]},null,{"selected":["selectedPropChange"]}],[1,"igc-unpinned-pane-header-component",{"location":[1],"isActive":[4,"is-active"],"disabled":[4]}],[1,"igc-context-menu-component",{"orientation":[1],"position":[1],"target":[16],"items":[16],"activeIndex":[1026,"active-index"]},[[0,"focusout","emitMenuClosed"]]],[2,"igc-joystick-icon-component",{"isDocHost":[4,"is-doc-host"],"position":[1],"direction":[1],"empty":[4]}],[2,"igc-resizer-component",{"orientation":[1],"dragOffsetX":[32],"dragOffsetY":[32]}],[1,"igc-button-component",{"disabled":[4],"name":[513],"type":[513],"value":[513]}],[2,"igc-icon-component",{"name":[1]}]]]], options);
 };
 exports.setNonce = index.setNonce;

package/dist/cjs/locale-98a30720.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"locale-98a30720.js","mappings":"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","names":["IgcDockManagerPaneType","IgcSplitPaneOrientation","IgcUnpinnedLocation","IgcPaneActionBehavior","IgcDockingIndicatorPosition","IgcPaneDragActionType","IgcResizerLocation"],"sources":["src/components/dockmanager/dockmanager.public-interfaces.ts","src/i18n/resources.en.ts","src/i18n/resources.jp.ts","src/i18n/resources.es.ts","src/i18n/resources.ko.ts","src/utils/locale.ts"],"sourcesContent":["import { IgcDragService } from '../drag-drop/drag.service';\r\n\r\nexport enum IgcDockManagerPaneType {\r\n splitPane = 'splitPane',\r\n contentPane = 'contentPane',\r\n tabGroupPane = 'tabGroupPane',\r\n documentHost = 'documentHost'\r\n}\r\n\r\nexport enum IgcSplitPaneOrientation {\r\n horizontal = 'horizontal',\r\n vertical = 'vertical'\r\n}\r\n\r\nexport enum IgcUnpinnedLocation {\r\n top = 'top',\r\n bottom = 'bottom',\r\n left = 'left',\r\n right = 'right',\r\n}\r\n\r\n/*\r\n Enumeration used to determine which panes within a dockable TabGroupPane are affected by a particular pane action such as closing or unpinning a pane.\r\n /\r\nexport enum IgcPaneActionBehavior {\r\n allPanes = 'allPanes',\r\n selectedPane = 'selectedPane'\r\n}\r\n\r\nexport interface IgcDockManagerPoint {\r\n x: number;\r\n y: number;\r\n}\r\n\r\nexport interface IgcActivePaneEventArgs {\r\n /\r\n Gets the new active pane.\r\n /\r\n readonly newPane: IgcContentPane;\r\n /\r\n Gets the old active pane.\r\n /\r\n readonly oldPane: IgcContentPane;\r\n}\r\n\r\nexport enum IgcDockingIndicatorPosition {\r\n left = 'left',\r\n outerLeft = 'outerLeft',\r\n right = 'right',\r\n outerRight = 'outerRight',\r\n top = 'top',\r\n outerTop = 'outerTop',\r\n bottom = 'bottom',\r\n outerBottom = 'outerBottom',\r\n center = 'center'\r\n}\r\n\r\nexport interface IgcDockingIndicator {\r\n /\r\n Gets the position of the docking indicator.\r\n /\r\n readonly position: IgcDockingIndicatorPosition;\r\n /\r\n Gets a value indicating whether the docking indicator is a root one.\r\n /\r\n readonly isRoot: boolean;\r\n /\r\n Gets a value indicating the direction of the docking indicator.\r\n /\r\n readonly direction?: string;\r\n}\r\n\r\nexport interface IgcPaneHeaderConnectionEventArgs {\r\n /\r\n The pane whose header is being connected/disconnected.\r\n /\r\n readonly pane: IgcContentPane;\r\n /\r\n The header element that is being connected/disconnected.\r\n /\r\n readonly element: IgcPaneHeaderElement;\r\n}\r\n\r\nexport interface IgcTabHeaderConnectionEventArgs {\r\n /\r\n The pane whose tab header is being connected/disconnected.\r\n /\r\n readonly pane: IgcContentPane;\r\n /\r\n The tab header element that is being connected/disconnected.\r\n /\r\n readonly element: IgcTabHeaderElement;\r\n}\r\n\r\nexport interface IgcPaneCloseEventArgs {\r\n /\r\n Get the source pane that triggers the close.\r\n /\r\n readonly sourcePane: IgcDockManagerPane;\r\n /\r\n Gets/sets the panes that are about to close.\r\n /\r\n / alternateType: ContentPaneCollection /\r\n panes: IgcContentPane[];\r\n}\r\n\r\nexport interface IgcPaneScrollEventArgs {\r\n /\r\n Gets the content pane that is scrolled.\r\n /\r\n readonly pane: IgcContentPane;\r\n /\r\n Gets the content element that is scrolled.\r\n /\r\n / blazorSuppress /\r\n readonly contentElement: HTMLElement;\r\n}\r\n\r\nexport interface IgcPanePinnedEventArgs {\r\n /\r\n Gets the source pane that triggers the pinned state change.\r\n /\r\n readonly sourcePane: IgcContentPane;\r\n /\r\n Gets/sets the panes that are about to get pinned/unpinned.\r\n /\r\n / alternateType: ContentPaneCollection /\r\n panes: IgcContentPane[];\r\n /\r\n Gets the new pinned value.\r\n /\r\n readonly newValue: boolean;\r\n /\r\n Gets the unpinned location.\r\n /\r\n readonly location: IgcUnpinnedLocation;\r\n}\r\n\r\nexport interface IgcPaneDragStartEventArgs {\r\n /\r\n Gets the source pane that triggers the drag start.\r\n /\r\n readonly sourcePane: IgcSplitPane \| IgcContentPane;\r\n /\r\n Gets the panes that are about to get dragged.\r\n /\r\n / alternateType: ContentPaneCollection /\r\n readonly panes: IgcContentPane[];\r\n}\r\n\r\nexport enum IgcPaneDragActionType {\r\n floatPane = 'floatPane',\r\n moveFloatingPane = 'moveFloatingPane',\r\n dockPane = 'dockPane',\r\n moveTab = 'moveTab'\r\n}\r\n\r\nexport interface IgcFloatPaneAction {\r\n / alternateName: actionType /\r\n readonly type: IgcPaneDragActionType.floatPane;\r\n readonly location: IgcDockManagerPoint;\r\n width: number;\r\n height: number;\r\n}\r\n\r\nexport interface IgcMoveFloatingPaneAction {\r\n / alternateName: actionType /\r\n readonly type: IgcPaneDragActionType.moveFloatingPane;\r\n readonly oldLocation: IgcDockManagerPoint;\r\n readonly newLocation: IgcDockManagerPoint;\r\n}\r\n\r\nexport interface IgcDockPaneAction {\r\n / alternateName: actionType /\r\n readonly type: IgcPaneDragActionType.dockPane;\r\n readonly dockingIndicator: IgcDockingIndicator;\r\n readonly targetPane: IgcDockManagerPane;\r\n}\r\n\r\nexport interface IgcMoveTabAction {\r\n / alternateName: actionType /\r\n readonly type: IgcPaneDragActionType.moveTab;\r\n readonly oldIndex: number;\r\n readonly newIndex: number;\r\n}\r\n\r\nexport type IgcPaneDragAction = IgcFloatPaneAction \| IgcMoveFloatingPaneAction \| IgcDockPaneAction \| IgcMoveTabAction;\r\n\r\nexport interface IgcPaneDragOverEventArgs {\r\n /\r\n Gets the source pane that triggers the drag over.\r\n /\r\n readonly sourcePane: IgcSplitPane \| IgcTabGroupPane \| IgcContentPane;\r\n /\r\n Gets the panes that are dragged over.\r\n /\r\n / alternateType: ContentPaneCollection /\r\n readonly panes: IgcContentPane[];\r\n /\r\n Gets information about the action being performed.\r\n /\r\n readonly action: IgcPaneDragAction;\r\n /\r\n Gets/sets whether the action is valid.\r\n /\r\n isValid: boolean;\r\n}\r\n\r\nexport interface IgcPaneDragEndEventArgs {\r\n /\r\n Gets the source pane that ends dragging.\r\n /\r\n readonly sourcePane: IgcSplitPane \| IgcTabGroupPane \| IgcContentPane;\r\n /\r\n Gets the panes that end dragging.\r\n /\r\n / alternateType: ContentPaneCollection /\r\n readonly panes: IgcContentPane[];\r\n}\r\n\r\n/ marshalByValue /\r\nexport interface IgcContentPane {\r\n /\r\n The id of the pane. If not set the Dock Manager generates it automatically.\r\n /\r\n id?: string;\r\n /\r\n The type of the pane.\r\n /\r\n / alternateName: paneType /\r\n type: IgcDockManagerPaneType.contentPane;\r\n /\r\n The slot attribute's value of the content element.\r\n /\r\n contentId: string;\r\n /\r\n The text header of the content pane. Even if header slot templates are used, the text header is used for aria label.\r\n /\r\n header: string;\r\n /\r\n The slot attribute's value of the content pane header element. If not set, the `header` property value is used.\r\n /\r\n headerId?: string;\r\n /\r\n The slot attribute's value of the tab header element. If not set, the `header` property value is used.\r\n /\r\n tabHeaderId?: string;\r\n /\r\n The slot attribute's value of the unpinned header element. If not set, the `header` property value is used.\r\n /\r\n unpinnedHeaderId?: string;\r\n /\r\n The slot attribute's value of the floating header element. If not set, the `headerId` property value is used.\r\n /\r\n floatingHeaderId?: string;\r\n /\r\n The size of the pane relative to its sibling panes' sizes. Defaults to 100.\r\n /\r\n size?: number;\r\n /\r\n Determines whether the end user is allowed to close the pane. Defaults to true.\r\n /\r\n allowClose?: boolean;\r\n /\r\n Determines whether the end user is allowed to maximize the pane.\r\n /\r\n allowMaximize?: boolean;\r\n /\r\n Determines whether the end user is allowed to pin/unpin the pane. Defaults to true.\r\n /\r\n allowPinning?: boolean;\r\n /\r\n Determines whether the end user is allowed to dock the pane. Defaults to true.\r\n /\r\n allowDocking?: boolean;\r\n /\r\n Determines whether the end user can inner dock another pane in this one. Defaults to true.\r\n /\r\n acceptsInnerDock?: boolean;\r\n /\r\n Determines whether the end user is allowed to make the pane floating. Defaults to true.\r\n /\r\n allowFloating?: boolean;\r\n /\r\n The absolute size of the pane in an unpinned state. Defaults to 200.\r\n /\r\n unpinnedSize?: number;\r\n /\r\n Determines whether a content pane is pinned or not. Defaults to true.\r\n /\r\n isPinned?: boolean;\r\n /\r\n Determines whether a content pane is maximized or not. Defaults to false.\r\n /\r\n isMaximized?: boolean;\r\n /\r\n The desired unpinned location of the content pane.\r\n \r\n If not set the Dock Manager automatically calculates it based on the location of the pane relatively to the document host.\r\n * If more than one document host is presented, the closest one in the pane hierarchy will be used for the calculation.\r\n * If there is no document host, the default location is left.\r\n /\r\n unpinnedLocation?: IgcUnpinnedLocation;\r\n /\r\n Determines whether a pane is hidden in the UI. Defaults to false.\r\n /\r\n hidden?: boolean;\r\n /\r\n Determines whether a pane is disabled. Defaults to false.\r\n /\r\n disabled?: boolean;\r\n /\r\n Marks that a content pane can be docked only inside a document host.\r\n /\r\n documentOnly?: boolean;\r\n}\r\n\r\n/ marshalByValue /\r\nexport interface IgcSplitPane {\r\n /\r\n The id of the pane. If not set the Dock Manager generates it automatically.\r\n /\r\n id?: string;\r\n /\r\n The type of the pane.\r\n /\r\n / alternateName: paneType /\r\n type: IgcDockManagerPaneType.splitPane;\r\n /\r\n The orientation of the split pane.\r\n /\r\n orientation: IgcSplitPaneOrientation;\r\n /\r\n The child panes of the split pane.\r\n /\r\n / blazorCollectionName: DockManagerPaneCollection /\r\n / blazorTreatAsCollection /\r\n panes: IgcDockManagerPane[];\r\n /\r\n The size of the pane relative to its sibling panes' sizes. Defaults to 100.\r\n /\r\n size?: number;\r\n /\r\n The absolute location point of the pane. Applies only for floating panes.\r\n /\r\n floatingLocation?: IgcDockManagerPoint;\r\n /\r\n The absolute width of the pane. Applies only for floating panes. Defaults to 100.\r\n /\r\n floatingWidth?: number;\r\n /\r\n The absolute height of the pane. Applies only for floating panes. Defaults to 100.\r\n /\r\n floatingHeight?: number;\r\n /\r\n Determines whether floating pane resizing is allowed. Applies only for floating panes.\r\n /\r\n floatingResizable?: boolean;\r\n /\r\n Determines whether the pane should present in the UI when empty.\r\n /\r\n allowEmpty?: boolean;\r\n /\r\n Determines whether a split pane is maximized or not. Defaults to false.\r\n * @deprecated in 1.14.4. Use the `isMaximized` property of TabGroupPane and/or ContentPane instead.\r\n * Having isMaximized set to true on a split pane level has no real effect as split panes serve as containers only, meaning they have no actual content to be shown maximized.\r\n /\r\n isMaximized?: boolean;\r\n}\r\n\r\n/ marshalByValue /\r\nexport interface IgcTabGroupPane {\r\n /\r\n The id of the pane. If not set the Dock Manager generates it automatically.\r\n /\r\n id?: string;\r\n /\r\n The type of the pane.\r\n /\r\n / alternateName: paneType /\r\n type: IgcDockManagerPaneType.tabGroupPane;\r\n /\r\n The child content panes of the tab group.\r\n /\r\n / blazorCollectionName: ContentPaneCollection /\r\n / blazorTreatAsCollection /\r\n panes: IgcContentPane[];\r\n /\r\n The size of the pane relative to its sibling panes' sizes. Defaults to 100.\r\n /\r\n size?: number;\r\n /\r\n The index of the selected tab.\r\n /\r\n selectedIndex?: number;\r\n /\r\n Determines whether the pane should present in the UI when empty.\r\n /\r\n allowEmpty?: boolean;\r\n /\r\n Determines whether a tab group is maximized or not. Defaults to false.\r\n /\r\n isMaximized?: boolean;\r\n}\r\n\r\n/ marshalByValue /\r\nexport interface IgcDocumentHost {\r\n /\r\n The id of the pane. If not set the Dock Manager generates it automatically.\r\n /\r\n id?: string;\r\n /\r\n The type of the pane.\r\n /\r\n / alternateName: paneType /\r\n type: IgcDockManagerPaneType.documentHost;\r\n /\r\n The root split pane of the document host.\r\n /\r\n rootPane: IgcSplitPane;\r\n /\r\n The size of the pane relative to its sibling panes' sizes. Defaults to 100.\r\n /\r\n size?: number;\r\n}\r\n\r\nexport type IgcDockManagerPane = IgcContentPane \| IgcSplitPane \| IgcTabGroupPane \| IgcDocumentHost;\r\n\r\n/\r\n Describes a Dock Manager layout.\r\n /\r\n/ marshalByValue /\r\nexport interface IgcDockManagerLayout {\r\n /\r\n The root split pane of the layout.\r\n /\r\n rootPane: IgcSplitPane;\r\n /\r\n The floating panes of the layout.\r\n /\r\n / blazorCollectionName: SplitPaneCollection /\r\n / blazorTreatAsCollection /\r\n floatingPanes?: IgcSplitPane[];\r\n}\r\n\r\nexport interface IgcDockManagerEventMap extends HTMLElementEventMap {\r\n /\r\n An event raised when a splitter resizing starts.\r\n /\r\n 'splitterResizeStart': CustomEvent;\r\n /\r\n An event raised when a splitter resizing ends.\r\n /\r\n 'splitterResizeEnd': CustomEvent;\r\n /\r\n An event raised when a pane header element is connected.\r\n /\r\n 'paneHeaderConnected': CustomEvent<IgcPaneHeaderConnectionEventArgs>;\r\n /\r\n An event raised when a pane header element is disconnected.\r\n /\r\n 'paneHeaderDisconnected': CustomEvent<IgcPaneHeaderConnectionEventArgs>;\r\n /\r\n An event raised when a tab header element is connected.\r\n /\r\n 'tabHeaderConnected': CustomEvent<IgcTabHeaderConnectionEventArgs>;\r\n /\r\n An event raised when a tab header element is disconnected.\r\n /\r\n 'tabHeaderDisconnected': CustomEvent<IgcTabHeaderConnectionEventArgs>;\r\n /\r\n An event raised when panes are about to close.\r\n /\r\n 'paneClose': CustomEvent<IgcPaneCloseEventArgs>;\r\n /\r\n An event raised when pane is scrolled.\r\n /\r\n 'paneScroll': CustomEvent<IgcPaneScrollEventArgs>;\r\n /\r\n An event raised when panes are about to get pinned/unpinned.\r\n /\r\n 'panePinnedToggle': CustomEvent<IgcPanePinnedEventArgs>;\r\n /\r\n An event raised when a pane drag starts.\r\n /\r\n 'paneDragStart': CustomEvent<IgcPaneDragStartEventArgs>;\r\n /\r\n An event raised when a pane is dragged over.\r\n /\r\n 'paneDragOver': CustomEvent<IgcPaneDragOverEventArgs>;\r\n /\r\n An event raised when a pane drag ends.\r\n /\r\n 'paneDragEnd': CustomEvent<IgcPaneDragEndEventArgs>;\r\n\r\n /\r\n An event raised when a pane is selected/activated\r\n /\r\n 'activePaneChanged': CustomEvent<IgcActivePaneEventArgs>;\r\n /\r\n An event raised when a floating pane resize operation ends.\r\n /\r\n 'floatingPaneResizeEnd': CustomEvent<IgcFloatingPaneResizeEventArgs>;\r\n /\r\n An event raised when a floating pane resizing operation starts.\r\n /\r\n 'floatingPaneResizeStart': CustomEvent<IgcFloatingPaneResizeEventArgs>;\r\n /\r\n An event raised when a floating pane resizing operation is in progress.\r\n /\r\n 'floatingPaneResizeMove': CustomEvent<IgcFloatingPaneResizeMoveEventArgs>;\r\n /\r\n An event raised when the layout changes.\r\n /\r\n 'layoutChange': CustomEvent;\r\n}\r\n\r\n/\r\n Describes a Dock Manager component.\r\n /\r\n/ blazorAdditionalDependency: DockManagerLayout /\r\n/ blazorAdditionalDependency: ContentPane /\r\n/ blazorAdditionalDependency: SplitPane /\r\n/ blazorAdditionalDependency: DocumentHost /\r\n/ blazorAdditionalDependency: TabGroupPane /\r\n/ blazorAdditionalDependency: TabHeaderElement /\r\n/ blazorSupportsVisualChildren /\r\nexport class IgcDockManagerComponent extends HTMLElement {\r\n / @tsTwoWayProperty (true, \"LayoutChange\", \"Detail\", false) /\r\n /\r\n Gets/sets the layout configuration of the Dock Manager.\r\n /\r\n layout: IgcDockManagerLayout;\r\n /\r\n Gets/sets the currently dragged pane.\r\n /\r\n draggedPane: IgcContentPane \| IgcSplitPane \| IgcTabGroupPane;\r\n /\r\n Gets/sets the current drop position when performing custom drag/drop.\r\n /\r\n dropPosition: IgcDockManagerPoint;\r\n /\r\n Gets/sets the active pane of the Dock Manager.\r\n /\r\n activePane: IgcContentPane;\r\n /\r\n Determines whether the end user is allowed to maximize panes. Defaults to true.\r\n /\r\n allowMaximize: boolean;\r\n /\r\n Determines whether the floating panes are kept inside the Dock Manager boundaries. Defaults to false.\r\n /\r\n containedInBoundaries: boolean;\r\n /\r\n Determines which tab header icons should show when hovering over the tab with the mouse. Defaults to undefined.\r\n /\r\n showHeaderIconOnHover: 'closeOnly' \| 'moreOptionsOnly' \| 'all';\r\n /\r\n Gets/sets the maximized pane.\r\n /\r\n maximizedPane: IgcContentPane \| IgcSplitPane \| IgcTabGroupPane;\r\n /\r\n Gets/sets the resource strings.\r\n /\r\n resourceStrings: IgcDockManagerResourceStrings;\r\n /\r\n Determines whether the end user is allowed to resize floating panes. Defaults to true.\r\n /\r\n allowFloatingPanesResize: boolean;\r\n /\r\n Disables the built-in keyboard shortcuts for pane navigation. Defaults to false.\r\n /\r\n disableKeyboardNavigation: boolean;\r\n /\r\n Determines whether the end user is allowed to inner dock panes. Defaults to true.\r\n /\r\n allowInnerDock?: boolean;\r\n /\r\n Determines whether pane headers are only shown on hover or always visible. Defaults to 'always'.\r\n /\r\n showPaneHeaders: 'onHoverOnly' \| 'always';\r\n /\r\n Determines whether the end user can dock the dragged pane by dragging it close to the target pane edges.\r\n * If enabled, docking indicators are not visible. Defaults to false.\r\n /\r\n proximityDock?: boolean;\r\n /\r\n Determines whether the selected pane or all panes are closed when clicking the close button of a pane within a dockable TabGroup.\r\n * Defaults to 'allPanes'.\r\n /\r\n closeBehavior: IgcPaneActionBehavior;\r\n /\r\n Determines whether the selected pane or all panes are unpinned when clicking the unpin button of a pane within a dockable TabGroup.\r\n * Defaults to 'allPanes'.\r\n /\r\n unpinBehavior: IgcPaneActionBehavior;\r\n\r\n /\r\n Performs drop of the `draggedPane` into the specified `dropPosition`.\r\n * Returns true if the pane has been docked otherwise returns false.\r\n /\r\n dropPane(): Promise<boolean> {\r\n return null;\r\n }\r\n /\r\n Removes a pane from the layout.\r\n /\r\n removePane(pane: IgcDockManagerPane): Promise<void> {\r\n pane = pane;\r\n return null;\r\n }\r\n /\r\n Focuses a pane from the layout.\r\n /\r\n focusPane(contentId: string): Promise<void> {\r\n contentId = contentId;\r\n return null;\r\n }\r\n\r\n addEventListener<K extends keyof IgcDockManagerEventMap>(type: K, listener: (this: HTMLElement, ev: IgcDockManagerEventMap[K]) => any, options?: boolean \| AddEventListenerOptions): void;\r\n addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean \| AddEventListenerOptions): void;\r\n addEventListener(): void { }\r\n removeEventListener<K extends keyof IgcDockManagerEventMap>(type: K, listener: (this: HTMLElement, ev: IgcDockManagerEventMap[K]) => any, options?: boolean \| EventListenerOptions): void;\r\n removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean \| EventListenerOptions): void;\r\n removeEventListener(): void { }\r\n}\r\n\r\n/\r\n Describes a pane header element.\r\n /\r\nexport interface IgcPaneHeaderElement extends HTMLElement {\r\n /\r\n Gets/sets the drag service.\r\n /\r\n dragService: IgcDragService;\r\n}\r\n\r\n/\r\n Describes a tab header element.\r\n /\r\nexport interface IgcTabHeaderElement extends HTMLElement {\r\n /\r\n Gets/sets the drag service.\r\n /\r\n dragService: IgcDragService;\r\n}\r\n\r\n/\r\n Describes dock manager resource strings.\r\n /\r\nexport interface IgcDockManagerResourceStrings {\r\n close?: string;\r\n pin?: string;\r\n unpin?: string;\r\n maximize?: string;\r\n minimize?: string;\r\n moreOptions?: string;\r\n moreTabs?: string;\r\n panes?: string;\r\n documents?: string;\r\n}\r\n\r\nexport enum IgcResizerLocation {\r\n top = 'top',\r\n bottom = 'bottom',\r\n left = 'left',\r\n right = 'right',\r\n topLeft = 'topLeft',\r\n topRight = 'topRight',\r\n bottomLeft = 'bottomLeft',\r\n bottomRight = 'bottomRight'\r\n}\r\n\r\nexport interface IgcSplitterResizeEventArgs {\r\n /\r\n Gets the pane being resized with the splitter.\r\n /\r\n readonly pane: IgcDockManagerPane;\r\n /\r\n Gets the pane's orientation.\r\n /\r\n readonly orientation: IgcSplitPaneOrientation;\r\n /\r\n Gets the pane's width.\r\n /\r\n readonly paneWidth: number;\r\n /\r\n Gets the pane's height.\r\n /\r\n readonly paneHeight: number;\r\n}\r\n\r\nexport interface IgcFloatingPaneResizeEventArgs {\r\n /\r\n Gets the source pane that triggers the resize operation.\r\n /\r\n readonly sourcePane: IgcSplitPane;\r\n /\r\n Gets the edge/corner that is being dragged.\r\n /\r\n readonly resizerLocation: IgcResizerLocation;\r\n}\r\n\r\nexport interface IgcFloatingPaneResizeMoveEventArgs extends IgcFloatingPaneResizeEventArgs {\r\n /\r\n Gets the pane's width before the resizing operation.\r\n /\r\n readonly oldWidth: number;\r\n /\r\n Gets the pane's width after the resizing operation.\r\n /\r\n newWidth: number;\r\n /\r\n Gets the pane's height before the resizing operation.\r\n /\r\n readonly oldHeight: number;\r\n /\r\n Gets the pane's height after the resizing operation.\r\n /\r\n newHeight: number;\r\n /\r\n Gets the pane's floating location before the resizing operation.\r\n /\r\n readonly oldLocation: IgcDockManagerPoint;\r\n /\r\n Gets the pane's floating location after the resizing operation.\r\n /\r\n newLocation: IgcDockManagerPoint;\r\n}\r\n","import { IgcDockManagerResourceStrings } from '../components/dockmanager/dockmanager.public-interfaces';\r\n\r\n/\r\n English resource strings for the Dock Manager\r\n /\r\nexport const IgcDockManagerResourceStringsEN: IgcDockManagerResourceStrings = {\r\n close: 'Close',\r\n pin: 'Pin',\r\n unpin: 'Unpin',\r\n maximize: 'Maximize',\r\n minimize: 'Minimize',\r\n moreOptions: 'More options',\r\n moreTabs: 'More tabs',\r\n panes: 'Panes',\r\n documents: 'Documents'\r\n};\r\n","import { IgcDockManagerResourceStrings } from '../components/dockmanager/dockmanager.public-interfaces';\r\n\r\n/\r\n Japanese resource strings for the Dock Manager\r\n /\r\nexport const IgcDockManagerResourceStringsJP: IgcDockManagerResourceStrings = {\r\n close: '閉じる',\r\n pin: '固定',\r\n unpin: '固定解除',\r\n maximize: '最大化',\r\n minimize: '最小化',\r\n moreOptions: 'その他のオプション',\r\n moreTabs: 'その他のタブ',\r\n panes: 'Panes',\r\n documents: 'Documents'\r\n};\r\n","import { IgcDockManagerResourceStrings } from '../components/dockmanager/dockmanager.public-interfaces';\r\n\r\n/\r\n Spanish resource strings for the Dock Manager\r\n /\r\nexport const IgcDockManagerResourceStringsES: IgcDockManagerResourceStrings = {\r\n close: 'Cerrar',\r\n pin: 'Anclar',\r\n unpin: 'Desanclar',\r\n maximize: 'Maximizar',\r\n minimize: 'Minimizar',\r\n moreOptions: 'Más opciones',\r\n moreTabs: 'Más fichas',\r\n panes: 'Panes',\r\n documents: 'Documents'\r\n};\r\n","import { IgcDockManagerResourceStrings } from '../components/dockmanager/dockmanager.public-interfaces';\r\n\r\n/\r\n Korean resource strings for the Dock Manager\r\n /\r\nexport const IgcDockManagerResourceStringsKO: IgcDockManagerResourceStrings = {\r\n close: '닫기',\r\n pin: '고정',\r\n unpin: '고정 해제',\r\n maximize: '최대화',\r\n minimize: '최소화',\r\n moreOptions: '더 많은 옵션',\r\n moreTabs: '탭 더 보기',\r\n panes: 'Panes',\r\n documents: 'Documents'\r\n};\r\n","import { IgcDockManagerResourceStrings } from '../components/dockmanager/dockmanager.public-interfaces';\r\nimport { IgcDockManagerResourceStringsEN } from '../i18n/resources.en';\r\nimport { IgcDockManagerResourceStringsES } from '../i18n/resources.es';\r\nimport { IgcDockManagerResourceStringsJP } from '../i18n/resources.jp';\r\nimport { IgcDockManagerResourceStringsKO } from '../i18n/resources.ko';\r\n\r\n/\r\n @hidden\r\n /\r\nexport const resourceStringsMap = new Map<string, IgcDockManagerResourceStrings>();\r\nresourceStringsMap.set('en', IgcDockManagerResourceStringsEN);\r\nresourceStringsMap.set('jp', IgcDockManagerResourceStringsJP);\r\nresourceStringsMap.set('es', IgcDockManagerResourceStringsES);\r\nresourceStringsMap.set('ko', IgcDockManagerResourceStringsKO);\r\n\r\n/\r\n Adds custom resource strings for a specified language.\r\n * @param language The name of the language that should match the `lang` attribute of the page.\r\n * @param resourceStrings The resource strings to be added.\r\n */\r\nexport function addResourceStrings(language: string, resourceStrings: IgcDockManagerResourceStrings) {\r\n resourceStringsMap.set(language, resourceStrings);\r\n}\r\n"],"version":3}
1	+ {"file":"locale-98a30720.js","mappings":";;AAEYA;AAAZ,WAAY,sBAAsB;EAChC,iDAAuB,CAAA;EACvB,qDAA2B,CAAA;EAC3B,uDAA6B,CAAA;EAC7B,uDAA6B,CAAA;AAC/B,CAAC,EALWA,8BAAsB,KAAtBA,8BAAsB,QAKjC;AAEWC;AAAZ,WAAY,uBAAuB;EACjC,oDAAyB,CAAA;EACzB,gDAAqB,CAAA;AACvB,CAAC,EAHWA,+BAAuB,KAAvBA,+BAAuB,QAGlC;AAEWC;AAAZ,WAAY,mBAAmB;EAC7B,kCAAW,CAAA;EACX,wCAAiB,CAAA;EACjB,oCAAa,CAAA;EACb,sCAAe,CAAA;AACjB,CAAC,EALWA,2BAAmB,KAAnBA,2BAAmB,QAK9B;AAED;;;AAGYC;AAAZ,WAAY,qBAAqB;EAC/B,8CAAqB,CAAA;EACrB,sDAA6B,CAAA;AAC/B,CAAC,EAHWA,6BAAqB,KAArBA,6BAAqB,QAGhC;AAkBWC;AAAZ,WAAY,2BAA2B;EACrC,4CAAa,CAAA;EACb,sDAAuB,CAAA;EACvB,8CAAe,CAAA;EACf,wDAAyB,CAAA;EACzB,0CAAW,CAAA;EACX,oDAAqB,CAAA;EACrB,gDAAiB,CAAA;EACjB,0DAA2B,CAAA;EAC3B,gDAAiB,CAAA;AACnB,CAAC,EAVWA,mCAA2B,KAA3BA,mCAA2B,QAUtC;AA+FWC;AAAZ,WAAY,qBAAqB;EAC/B,gDAAuB,CAAA;EACvB,8DAAqC,CAAA;EACrC,8CAAqB,CAAA;EACrB,4CAAmB,CAAA;AACrB,CAAC,EALWA,6BAAqB,KAArBA,6BAAqB,QAKhC;AA+WD;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;MACa,uBAAwB,SAAQ,WAAW;;;;;EA0EtD,QAAQ;IACN,OAAO,IAAI,CAAC;GACb;;;;EAID,UAAU,CAAC,IAAwB;IAEjC,OAAO,IAAI,CAAC;GACb;;;;EAID,SAAS,CAAC,SAAiB;IAEzB,OAAO,IAAI,CAAC;GACb;EAID,gBAAgB,MAAY;EAG5B,mBAAmB,MAAY;CAChC;AAqCWC;AAAZ,WAAY,kBAAkB;EAC5B,iCAAW,CAAA;EACX,uCAAiB,CAAA;EACjB,mCAAa,CAAA;EACb,qCAAe,CAAA;EACf,yCAAmB,CAAA;EACnB,2CAAqB,CAAA;EACrB,+CAAyB,CAAA;EACzB,iDAA2B,CAAA;AAC7B,CAAC,EATWA,0BAAkB,KAAlBA,0BAAkB;;ACzpB9B;;;MAGa,+BAA+B,GAAkC;EAC5E,KAAK,EAAE,OAAO;EACd,GAAG,EAAE,KAAK;EACV,KAAK,EAAE,OAAO;EACd,QAAQ,EAAE,UAAU;EACpB,QAAQ,EAAE,UAAU;EACpB,WAAW,EAAE,cAAc;EAC3B,QAAQ,EAAE,WAAW;EACrB,KAAK,EAAE,OAAO;EACd,SAAS,EAAE,WAAW;;;ACZxB;;;MAGa,+BAA+B,GAAkC;EAC5E,KAAK,EAAE,KAAK;EACZ,GAAG,EAAE,IAAI;EACT,KAAK,EAAE,MAAM;EACb,QAAQ,EAAE,KAAK;EACf,QAAQ,EAAE,KAAK;EACf,WAAW,EAAE,WAAW;EACxB,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,OAAO;EACd,SAAS,EAAE,WAAW;;;ACZxB;;;MAGa,+BAA+B,GAAkC;EAC5E,KAAK,EAAE,QAAQ;EACf,GAAG,EAAE,QAAQ;EACb,KAAK,EAAE,WAAW;EAClB,QAAQ,EAAE,WAAW;EACrB,QAAQ,EAAE,WAAW;EACrB,WAAW,EAAE,cAAc;EAC3B,QAAQ,EAAE,YAAY;EACtB,KAAK,EAAE,OAAO;EACd,SAAS,EAAE,WAAW;;;ACZxB;;;MAGa,+BAA+B,GAAkC;EAC5E,KAAK,EAAE,IAAI;EACX,GAAG,EAAE,IAAI;EACT,KAAK,EAAE,OAAO;EACd,QAAQ,EAAE,KAAK;EACf,QAAQ,EAAE,KAAK;EACf,WAAW,EAAE,SAAS;EACtB,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,OAAO;EACd,SAAS,EAAE,WAAW;;;ACRxB;;;MAGa,kBAAkB,GAAG,IAAI,GAAG,GAA0C;AACnF,kBAAkB,CAAC,GAAG,CAAC,IAAI,EAAE,+BAA+B,CAAC,CAAC;AAC9D,kBAAkB,CAAC,GAAG,CAAC,IAAI,EAAE,+BAA+B,CAAC,CAAC;AAC9D,kBAAkB,CAAC,GAAG,CAAC,IAAI,EAAE,+BAA+B,CAAC,CAAC;AAC9D,kBAAkB,CAAC,GAAG,CAAC,IAAI,EAAE,+BAA+B,CAAC,CAAC;AAE9D;;;;;SAKgB,kBAAkB,CAAC,QAAgB,EAAE,eAA8C;EACjG,kBAAkB,CAAC,GAAG,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC;AACpD;;;;;;;;;;","names":["IgcDockManagerPaneType","IgcSplitPaneOrientation","IgcUnpinnedLocation","IgcPaneActionBehavior","IgcDockingIndicatorPosition","IgcPaneDragActionType","IgcResizerLocation"],"sources":["src/components/dockmanager/dockmanager.public-interfaces.ts","src/i18n/resources.en.ts","src/i18n/resources.jp.ts","src/i18n/resources.es.ts","src/i18n/resources.ko.ts","src/utils/locale.ts"],"sourcesContent":["import { IgcDragService } from '../drag-drop/drag.service';\r\n\r\nexport enum IgcDockManagerPaneType {\r\n splitPane = 'splitPane',\r\n contentPane = 'contentPane',\r\n tabGroupPane = 'tabGroupPane',\r\n documentHost = 'documentHost'\r\n}\r\n\r\nexport enum IgcSplitPaneOrientation {\r\n horizontal = 'horizontal',\r\n vertical = 'vertical'\r\n}\r\n\r\nexport enum IgcUnpinnedLocation {\r\n top = 'top',\r\n bottom = 'bottom',\r\n left = 'left',\r\n right = 'right',\r\n}\r\n\r\n/*\r\n Enumeration used to determine which panes within a dockable TabGroupPane are affected by a particular pane action such as closing or unpinning a pane.\r\n /\r\nexport enum IgcPaneActionBehavior {\r\n allPanes = 'allPanes',\r\n selectedPane = 'selectedPane'\r\n}\r\n\r\nexport interface IgcDockManagerPoint {\r\n x: number;\r\n y: number;\r\n}\r\n\r\nexport interface IgcActivePaneEventArgs {\r\n /\r\n Gets the new active pane.\r\n /\r\n readonly newPane: IgcContentPane;\r\n /\r\n Gets the old active pane.\r\n /\r\n readonly oldPane: IgcContentPane;\r\n}\r\n\r\nexport enum IgcDockingIndicatorPosition {\r\n left = 'left',\r\n outerLeft = 'outerLeft',\r\n right = 'right',\r\n outerRight = 'outerRight',\r\n top = 'top',\r\n outerTop = 'outerTop',\r\n bottom = 'bottom',\r\n outerBottom = 'outerBottom',\r\n center = 'center'\r\n}\r\n\r\nexport interface IgcDockingIndicator {\r\n /\r\n Gets the position of the docking indicator.\r\n /\r\n readonly position: IgcDockingIndicatorPosition;\r\n /\r\n Gets a value indicating whether the docking indicator is a root one.\r\n /\r\n readonly isRoot: boolean;\r\n /\r\n Gets a value indicating the direction of the docking indicator.\r\n /\r\n readonly direction?: string;\r\n}\r\n\r\nexport interface IgcPaneHeaderConnectionEventArgs {\r\n /\r\n The pane whose header is being connected/disconnected.\r\n /\r\n readonly pane: IgcContentPane;\r\n /\r\n The header element that is being connected/disconnected.\r\n /\r\n readonly element: IgcPaneHeaderElement;\r\n}\r\n\r\nexport interface IgcTabHeaderConnectionEventArgs {\r\n /\r\n The pane whose tab header is being connected/disconnected.\r\n /\r\n readonly pane: IgcContentPane;\r\n /\r\n The tab header element that is being connected/disconnected.\r\n /\r\n readonly element: IgcTabHeaderElement;\r\n}\r\n\r\nexport interface IgcPaneCloseEventArgs {\r\n /\r\n Get the source pane that triggers the close.\r\n /\r\n readonly sourcePane: IgcDockManagerPane;\r\n /\r\n Gets/sets the panes that are about to close.\r\n /\r\n / alternateType: ContentPaneCollection /\r\n panes: IgcContentPane[];\r\n}\r\n\r\nexport interface IgcPaneScrollEventArgs {\r\n /\r\n Gets the content pane that is scrolled.\r\n /\r\n readonly pane: IgcContentPane;\r\n /\r\n Gets the content element that is scrolled.\r\n /\r\n / blazorSuppress /\r\n readonly contentElement: HTMLElement;\r\n}\r\n\r\nexport interface IgcPanePinnedEventArgs {\r\n /\r\n Gets the source pane that triggers the pinned state change.\r\n /\r\n readonly sourcePane: IgcContentPane;\r\n /\r\n Gets/sets the panes that are about to get pinned/unpinned.\r\n /\r\n / alternateType: ContentPaneCollection /\r\n panes: IgcContentPane[];\r\n /\r\n Gets the new pinned value.\r\n /\r\n readonly newValue: boolean;\r\n /\r\n Gets the unpinned location.\r\n /\r\n readonly location: IgcUnpinnedLocation;\r\n}\r\n\r\nexport interface IgcPaneDragStartEventArgs {\r\n /\r\n Gets the source pane that triggers the drag start.\r\n /\r\n readonly sourcePane: IgcSplitPane \| IgcContentPane;\r\n /\r\n Gets the panes that are about to get dragged.\r\n /\r\n / alternateType: ContentPaneCollection /\r\n readonly panes: IgcContentPane[];\r\n}\r\n\r\nexport enum IgcPaneDragActionType {\r\n floatPane = 'floatPane',\r\n moveFloatingPane = 'moveFloatingPane',\r\n dockPane = 'dockPane',\r\n moveTab = 'moveTab'\r\n}\r\n\r\nexport interface IgcFloatPaneAction {\r\n / alternateName: actionType /\r\n readonly type: IgcPaneDragActionType.floatPane;\r\n readonly location: IgcDockManagerPoint;\r\n width: number;\r\n height: number;\r\n}\r\n\r\nexport interface IgcMoveFloatingPaneAction {\r\n / alternateName: actionType /\r\n readonly type: IgcPaneDragActionType.moveFloatingPane;\r\n readonly oldLocation: IgcDockManagerPoint;\r\n readonly newLocation: IgcDockManagerPoint;\r\n}\r\n\r\nexport interface IgcDockPaneAction {\r\n / alternateName: actionType /\r\n readonly type: IgcPaneDragActionType.dockPane;\r\n readonly dockingIndicator: IgcDockingIndicator;\r\n readonly targetPane: IgcDockManagerPane;\r\n}\r\n\r\nexport interface IgcMoveTabAction {\r\n / alternateName: actionType /\r\n readonly type: IgcPaneDragActionType.moveTab;\r\n readonly oldIndex: number;\r\n readonly newIndex: number;\r\n}\r\n\r\nexport type IgcPaneDragAction = IgcFloatPaneAction \| IgcMoveFloatingPaneAction \| IgcDockPaneAction \| IgcMoveTabAction;\r\n\r\nexport interface IgcPaneDragOverEventArgs {\r\n /\r\n Gets the source pane that triggers the drag over.\r\n /\r\n readonly sourcePane: IgcSplitPane \| IgcTabGroupPane \| IgcContentPane;\r\n /\r\n Gets the panes that are dragged over.\r\n /\r\n / alternateType: ContentPaneCollection /\r\n readonly panes: IgcContentPane[];\r\n /\r\n Gets information about the action being performed.\r\n /\r\n readonly action: IgcPaneDragAction;\r\n /\r\n Gets/sets whether the action is valid.\r\n /\r\n isValid: boolean;\r\n}\r\n\r\nexport interface IgcPaneDragEndEventArgs {\r\n /\r\n Gets the source pane that ends dragging.\r\n /\r\n readonly sourcePane: IgcSplitPane \| IgcTabGroupPane \| IgcContentPane;\r\n /\r\n Gets the panes that end dragging.\r\n /\r\n / alternateType: ContentPaneCollection /\r\n readonly panes: IgcContentPane[];\r\n}\r\n\r\n/ marshalByValue /\r\nexport interface IgcContentPane {\r\n /\r\n The id of the pane. If not set the Dock Manager generates it automatically.\r\n /\r\n id?: string;\r\n /\r\n The type of the pane.\r\n /\r\n / alternateName: paneType /\r\n type: IgcDockManagerPaneType.contentPane;\r\n /\r\n The slot attribute's value of the content element.\r\n /\r\n contentId: string;\r\n /\r\n The text header of the content pane. Even if header slot templates are used, the text header is used for aria label.\r\n /\r\n header: string;\r\n /\r\n The slot attribute's value of the content pane header element. If not set, the `header` property value is used.\r\n /\r\n headerId?: string;\r\n /\r\n The slot attribute's value of the tab header element. If not set, the `header` property value is used.\r\n /\r\n tabHeaderId?: string;\r\n /\r\n The slot attribute's value of the unpinned header element. If not set, the `header` property value is used.\r\n /\r\n unpinnedHeaderId?: string;\r\n /\r\n The slot attribute's value of the floating header element. If not set, the `headerId` property value is used.\r\n /\r\n floatingHeaderId?: string;\r\n /\r\n The size of the pane relative to its sibling panes' sizes. Defaults to 100.\r\n /\r\n size?: number;\r\n /\r\n Determines whether the end user is allowed to close the pane. Defaults to true.\r\n /\r\n allowClose?: boolean;\r\n /\r\n Determines whether the end user is allowed to maximize the pane.\r\n /\r\n allowMaximize?: boolean;\r\n /\r\n Determines whether the end user is allowed to pin/unpin the pane. Defaults to true.\r\n /\r\n allowPinning?: boolean;\r\n /\r\n Determines whether the end user is allowed to dock the pane. Defaults to true.\r\n /\r\n allowDocking?: boolean;\r\n /\r\n Determines whether the end user can inner dock another pane in this one. Defaults to true.\r\n /\r\n acceptsInnerDock?: boolean;\r\n /\r\n Determines whether the end user is allowed to make the pane floating. Defaults to true.\r\n /\r\n allowFloating?: boolean;\r\n /\r\n The absolute size of the pane in an unpinned state. Defaults to 200.\r\n /\r\n unpinnedSize?: number;\r\n /\r\n Determines whether a content pane is pinned or not. Defaults to true.\r\n /\r\n isPinned?: boolean;\r\n /\r\n Determines whether a content pane is maximized or not. Defaults to false.\r\n /\r\n isMaximized?: boolean;\r\n /\r\n The desired unpinned location of the content pane.\r\n \r\n If not set the Dock Manager automatically calculates it based on the location of the pane relatively to the document host.\r\n * If more than one document host is presented, the closest one in the pane hierarchy will be used for the calculation.\r\n * If there is no document host, the default location is left.\r\n /\r\n unpinnedLocation?: IgcUnpinnedLocation;\r\n /\r\n Determines whether a pane is hidden in the UI. Defaults to false.\r\n /\r\n hidden?: boolean;\r\n /\r\n Determines whether a pane is disabled. Defaults to false.\r\n /\r\n disabled?: boolean;\r\n /\r\n Marks that a content pane can be docked only inside a document host.\r\n /\r\n documentOnly?: boolean;\r\n}\r\n\r\n/ marshalByValue /\r\nexport interface IgcSplitPane {\r\n /\r\n The id of the pane. If not set the Dock Manager generates it automatically.\r\n /\r\n id?: string;\r\n /\r\n The type of the pane.\r\n /\r\n / alternateName: paneType /\r\n type: IgcDockManagerPaneType.splitPane;\r\n /\r\n The orientation of the split pane.\r\n /\r\n orientation: IgcSplitPaneOrientation;\r\n /\r\n The child panes of the split pane.\r\n /\r\n / blazorCollectionName: DockManagerPaneCollection /\r\n / blazorTreatAsCollection /\r\n panes: IgcDockManagerPane[];\r\n /\r\n The size of the pane relative to its sibling panes' sizes. Defaults to 100.\r\n /\r\n size?: number;\r\n /\r\n The absolute location point of the pane. Applies only for floating panes.\r\n /\r\n floatingLocation?: IgcDockManagerPoint;\r\n /\r\n The absolute width of the pane. Applies only for floating panes. Defaults to 100.\r\n /\r\n floatingWidth?: number;\r\n /\r\n The absolute height of the pane. Applies only for floating panes. Defaults to 100.\r\n /\r\n floatingHeight?: number;\r\n /\r\n Determines whether floating pane resizing is allowed. Applies only for floating panes.\r\n /\r\n floatingResizable?: boolean;\r\n /\r\n Determines whether the pane should present in the UI when empty.\r\n /\r\n allowEmpty?: boolean;\r\n /\r\n Determines whether a split pane is maximized or not. Defaults to false.\r\n * @deprecated in 1.14.4. Use the `isMaximized` property of TabGroupPane and/or ContentPane instead.\r\n * Having isMaximized set to true on a split pane level has no real effect as split panes serve as containers only, meaning they have no actual content to be shown maximized.\r\n /\r\n isMaximized?: boolean;\r\n /\r\n Determines whether child panes are sized in pixels (instead of relatively to their siblings) and can be resized beyond the viewport, allowing scrollable overflow within the container.\r\n * Defaults to false.\r\n /\r\n useFixedSize?: boolean\r\n}\r\n\r\n/ marshalByValue /\r\nexport interface IgcTabGroupPane {\r\n /\r\n The id of the pane. If not set the Dock Manager generates it automatically.\r\n /\r\n id?: string;\r\n /\r\n The type of the pane.\r\n /\r\n / alternateName: paneType /\r\n type: IgcDockManagerPaneType.tabGroupPane;\r\n /\r\n The child content panes of the tab group.\r\n /\r\n / blazorCollectionName: ContentPaneCollection /\r\n / blazorTreatAsCollection /\r\n panes: IgcContentPane[];\r\n /\r\n The size of the pane relative to its sibling panes' sizes. Defaults to 100.\r\n /\r\n size?: number;\r\n /\r\n The index of the selected tab.\r\n /\r\n selectedIndex?: number;\r\n /\r\n Determines whether the pane should present in the UI when empty.\r\n /\r\n allowEmpty?: boolean;\r\n /\r\n Determines whether a tab group is maximized or not. Defaults to false.\r\n /\r\n isMaximized?: boolean;\r\n}\r\n\r\n/ marshalByValue /\r\nexport interface IgcDocumentHost {\r\n /\r\n The id of the pane. If not set the Dock Manager generates it automatically.\r\n /\r\n id?: string;\r\n /\r\n The type of the pane.\r\n /\r\n / alternateName: paneType /\r\n type: IgcDockManagerPaneType.documentHost;\r\n /\r\n The root split pane of the document host.\r\n /\r\n rootPane: IgcSplitPane;\r\n /\r\n The size of the pane relative to its sibling panes' sizes. Defaults to 100.\r\n /\r\n size?: number;\r\n}\r\n\r\nexport type IgcDockManagerPane = IgcContentPane \| IgcSplitPane \| IgcTabGroupPane \| IgcDocumentHost;\r\n\r\n/\r\n Describes a Dock Manager layout.\r\n /\r\n/ marshalByValue /\r\nexport interface IgcDockManagerLayout {\r\n /\r\n The root split pane of the layout.\r\n /\r\n rootPane: IgcSplitPane;\r\n /\r\n The floating panes of the layout.\r\n /\r\n / blazorCollectionName: SplitPaneCollection /\r\n / blazorTreatAsCollection /\r\n floatingPanes?: IgcSplitPane[];\r\n}\r\n\r\nexport interface IgcDockManagerEventMap extends HTMLElementEventMap {\r\n /\r\n An event raised when a splitter resizing starts.\r\n /\r\n 'splitterResizeStart': CustomEvent;\r\n /\r\n An event raised when a splitter resizing ends.\r\n /\r\n 'splitterResizeEnd': CustomEvent;\r\n /\r\n An event raised when a pane header element is connected.\r\n /\r\n 'paneHeaderConnected': CustomEvent<IgcPaneHeaderConnectionEventArgs>;\r\n /\r\n An event raised when a pane header element is disconnected.\r\n /\r\n 'paneHeaderDisconnected': CustomEvent<IgcPaneHeaderConnectionEventArgs>;\r\n /\r\n An event raised when a tab header element is connected.\r\n /\r\n 'tabHeaderConnected': CustomEvent<IgcTabHeaderConnectionEventArgs>;\r\n /\r\n An event raised when a tab header element is disconnected.\r\n /\r\n 'tabHeaderDisconnected': CustomEvent<IgcTabHeaderConnectionEventArgs>;\r\n /\r\n An event raised when panes are about to close.\r\n /\r\n 'paneClose': CustomEvent<IgcPaneCloseEventArgs>;\r\n /\r\n An event raised when pane is scrolled.\r\n /\r\n 'paneScroll': CustomEvent<IgcPaneScrollEventArgs>;\r\n /\r\n An event raised when panes are about to get pinned/unpinned.\r\n /\r\n 'panePinnedToggle': CustomEvent<IgcPanePinnedEventArgs>;\r\n /\r\n An event raised when a pane drag starts.\r\n /\r\n 'paneDragStart': CustomEvent<IgcPaneDragStartEventArgs>;\r\n /\r\n An event raised when a pane is dragged over.\r\n /\r\n 'paneDragOver': CustomEvent<IgcPaneDragOverEventArgs>;\r\n /\r\n An event raised when a pane drag ends.\r\n /\r\n 'paneDragEnd': CustomEvent<IgcPaneDragEndEventArgs>;\r\n\r\n /\r\n An event raised when a pane is selected/activated\r\n /\r\n 'activePaneChanged': CustomEvent<IgcActivePaneEventArgs>;\r\n /\r\n An event raised when a floating pane resize operation ends.\r\n /\r\n 'floatingPaneResizeEnd': CustomEvent<IgcFloatingPaneResizeEventArgs>;\r\n /\r\n An event raised when a floating pane resizing operation starts.\r\n /\r\n 'floatingPaneResizeStart': CustomEvent<IgcFloatingPaneResizeEventArgs>;\r\n /\r\n An event raised when a floating pane resizing operation is in progress.\r\n /\r\n 'floatingPaneResizeMove': CustomEvent<IgcFloatingPaneResizeMoveEventArgs>;\r\n /\r\n An event raised when the layout changes.\r\n /\r\n 'layoutChange': CustomEvent;\r\n}\r\n\r\n/\r\n Describes a Dock Manager component.\r\n /\r\n/ blazorAdditionalDependency: DockManagerLayout /\r\n/ blazorAdditionalDependency: ContentPane /\r\n/ blazorAdditionalDependency: SplitPane /\r\n/ blazorAdditionalDependency: DocumentHost /\r\n/ blazorAdditionalDependency: TabGroupPane /\r\n/ blazorAdditionalDependency: TabHeaderElement /\r\n/ blazorSupportsVisualChildren /\r\nexport class IgcDockManagerComponent extends HTMLElement {\r\n / @tsTwoWayProperty (true, \"LayoutChange\", \"Detail\", false) /\r\n /\r\n Gets/sets the layout configuration of the Dock Manager.\r\n /\r\n layout: IgcDockManagerLayout;\r\n /\r\n Gets/sets the currently dragged pane.\r\n /\r\n draggedPane: IgcContentPane \| IgcSplitPane \| IgcTabGroupPane;\r\n /\r\n Gets/sets the current drop position when performing custom drag/drop.\r\n /\r\n dropPosition: IgcDockManagerPoint;\r\n /\r\n Gets/sets the active pane of the Dock Manager.\r\n /\r\n activePane: IgcContentPane;\r\n /\r\n Determines whether the end user is allowed to maximize panes. Defaults to true.\r\n /\r\n allowMaximize: boolean;\r\n /\r\n Determines whether the floating panes are kept inside the Dock Manager boundaries. Defaults to false.\r\n /\r\n containedInBoundaries: boolean;\r\n /\r\n Determines which tab header icons should show when hovering over the tab with the mouse. Defaults to undefined.\r\n /\r\n showHeaderIconOnHover: 'closeOnly' \| 'moreOptionsOnly' \| 'all';\r\n /\r\n Gets/sets the maximized pane.\r\n /\r\n maximizedPane: IgcContentPane \| IgcSplitPane \| IgcTabGroupPane;\r\n /\r\n Gets/sets the resource strings.\r\n /\r\n resourceStrings: IgcDockManagerResourceStrings;\r\n /\r\n Determines whether the end user is allowed to resize floating panes. Defaults to true.\r\n /\r\n allowFloatingPanesResize: boolean;\r\n /\r\n Disables the built-in keyboard shortcuts for pane navigation. Defaults to false.\r\n /\r\n disableKeyboardNavigation: boolean;\r\n /\r\n Determines whether the end user is allowed to inner dock panes. Defaults to true.\r\n /\r\n allowInnerDock?: boolean;\r\n /\r\n Determines whether pane headers are only shown on hover or always visible. Defaults to 'always'.\r\n /\r\n showPaneHeaders: 'onHoverOnly' \| 'always';\r\n /\r\n Determines whether the end user can dock the dragged pane by dragging it close to the target pane edges.\r\n * If enabled, docking indicators are not visible. Defaults to false.\r\n /\r\n proximityDock?: boolean;\r\n /\r\n Determines whether the selected pane or all panes are closed when clicking the close button of a pane within a dockable TabGroup.\r\n * Defaults to 'allPanes'.\r\n /\r\n closeBehavior: IgcPaneActionBehavior;\r\n /\r\n Determines whether the selected pane or all panes are unpinned when clicking the unpin button of a pane within a dockable TabGroup.\r\n * Defaults to 'allPanes'.\r\n /\r\n unpinBehavior: IgcPaneActionBehavior;\r\n\r\n /\r\n Performs drop of the `draggedPane` into the specified `dropPosition`.\r\n * Returns true if the pane has been docked otherwise returns false.\r\n /\r\n dropPane(): Promise<boolean> {\r\n return null;\r\n }\r\n /\r\n Removes a pane from the layout.\r\n /\r\n removePane(pane: IgcDockManagerPane): Promise<void> {\r\n pane = pane;\r\n return null;\r\n }\r\n /\r\n Focuses a pane from the layout.\r\n /\r\n focusPane(contentId: string): Promise<void> {\r\n contentId = contentId;\r\n return null;\r\n }\r\n\r\n addEventListener<K extends keyof IgcDockManagerEventMap>(type: K, listener: (this: HTMLElement, ev: IgcDockManagerEventMap[K]) => any, options?: boolean \| AddEventListenerOptions): void;\r\n addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean \| AddEventListenerOptions): void;\r\n addEventListener(): void { }\r\n removeEventListener<K extends keyof IgcDockManagerEventMap>(type: K, listener: (this: HTMLElement, ev: IgcDockManagerEventMap[K]) => any, options?: boolean \| EventListenerOptions): void;\r\n removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean \| EventListenerOptions): void;\r\n removeEventListener(): void { }\r\n}\r\n\r\n/\r\n Describes a pane header element.\r\n /\r\nexport interface IgcPaneHeaderElement extends HTMLElement {\r\n /\r\n Gets/sets the drag service.\r\n /\r\n dragService: IgcDragService;\r\n}\r\n\r\n/\r\n Describes a tab header element.\r\n /\r\nexport interface IgcTabHeaderElement extends HTMLElement {\r\n /\r\n Gets/sets the drag service.\r\n /\r\n dragService: IgcDragService;\r\n}\r\n\r\n/\r\n Describes dock manager resource strings.\r\n /\r\nexport interface IgcDockManagerResourceStrings {\r\n close?: string;\r\n pin?: string;\r\n unpin?: string;\r\n maximize?: string;\r\n minimize?: string;\r\n moreOptions?: string;\r\n moreTabs?: string;\r\n panes?: string;\r\n documents?: string;\r\n}\r\n\r\nexport enum IgcResizerLocation {\r\n top = 'top',\r\n bottom = 'bottom',\r\n left = 'left',\r\n right = 'right',\r\n topLeft = 'topLeft',\r\n topRight = 'topRight',\r\n bottomLeft = 'bottomLeft',\r\n bottomRight = 'bottomRight'\r\n}\r\n\r\nexport interface IgcSplitterResizeEventArgs {\r\n /\r\n Gets the pane being resized with the splitter.\r\n /\r\n readonly pane: IgcDockManagerPane;\r\n /\r\n Gets the pane's orientation.\r\n /\r\n readonly orientation: IgcSplitPaneOrientation;\r\n /\r\n Gets the pane's width.\r\n /\r\n readonly paneWidth: number;\r\n /\r\n Gets the pane's height.\r\n /\r\n readonly paneHeight: number;\r\n}\r\n\r\nexport interface IgcFloatingPaneResizeEventArgs {\r\n /\r\n Gets the source pane that triggers the resize operation.\r\n /\r\n readonly sourcePane: IgcSplitPane;\r\n /\r\n Gets the edge/corner that is being dragged.\r\n /\r\n readonly resizerLocation: IgcResizerLocation;\r\n}\r\n\r\nexport interface IgcFloatingPaneResizeMoveEventArgs extends IgcFloatingPaneResizeEventArgs {\r\n /\r\n Gets the pane's width before the resizing operation.\r\n /\r\n readonly oldWidth: number;\r\n /\r\n Gets the pane's width after the resizing operation.\r\n /\r\n newWidth: number;\r\n /\r\n Gets the pane's height before the resizing operation.\r\n /\r\n readonly oldHeight: number;\r\n /\r\n Gets the pane's height after the resizing operation.\r\n /\r\n newHeight: number;\r\n /\r\n Gets the pane's floating location before the resizing operation.\r\n /\r\n readonly oldLocation: IgcDockManagerPoint;\r\n /\r\n Gets the pane's floating location after the resizing operation.\r\n /\r\n newLocation: IgcDockManagerPoint;\r\n}\r\n","import { IgcDockManagerResourceStrings } from '../components/dockmanager/dockmanager.public-interfaces';\r\n\r\n/\r\n English resource strings for the Dock Manager\r\n /\r\nexport const IgcDockManagerResourceStringsEN: IgcDockManagerResourceStrings = {\r\n close: 'Close',\r\n pin: 'Pin',\r\n unpin: 'Unpin',\r\n maximize: 'Maximize',\r\n minimize: 'Minimize',\r\n moreOptions: 'More options',\r\n moreTabs: 'More tabs',\r\n panes: 'Panes',\r\n documents: 'Documents'\r\n};\r\n","import { IgcDockManagerResourceStrings } from '../components/dockmanager/dockmanager.public-interfaces';\r\n\r\n/\r\n Japanese resource strings for the Dock Manager\r\n /\r\nexport const IgcDockManagerResourceStringsJP: IgcDockManagerResourceStrings = {\r\n close: '閉じる',\r\n pin: '固定',\r\n unpin: '固定解除',\r\n maximize: '最大化',\r\n minimize: '最小化',\r\n moreOptions: 'その他のオプション',\r\n moreTabs: 'その他のタブ',\r\n panes: 'Panes',\r\n documents: 'Documents'\r\n};\r\n","import { IgcDockManagerResourceStrings } from '../components/dockmanager/dockmanager.public-interfaces';\r\n\r\n/\r\n Spanish resource strings for the Dock Manager\r\n /\r\nexport const IgcDockManagerResourceStringsES: IgcDockManagerResourceStrings = {\r\n close: 'Cerrar',\r\n pin: 'Anclar',\r\n unpin: 'Desanclar',\r\n maximize: 'Maximizar',\r\n minimize: 'Minimizar',\r\n moreOptions: 'Más opciones',\r\n moreTabs: 'Más fichas',\r\n panes: 'Panes',\r\n documents: 'Documents'\r\n};\r\n","import { IgcDockManagerResourceStrings } from '../components/dockmanager/dockmanager.public-interfaces';\r\n\r\n/\r\n Korean resource strings for the Dock Manager\r\n /\r\nexport const IgcDockManagerResourceStringsKO: IgcDockManagerResourceStrings = {\r\n close: '닫기',\r\n pin: '고정',\r\n unpin: '고정 해제',\r\n maximize: '최대화',\r\n minimize: '최소화',\r\n moreOptions: '더 많은 옵션',\r\n moreTabs: '탭 더 보기',\r\n panes: 'Panes',\r\n documents: 'Documents'\r\n};\r\n","import { IgcDockManagerResourceStrings } from '../components/dockmanager/dockmanager.public-interfaces';\r\nimport { IgcDockManagerResourceStringsEN } from '../i18n/resources.en';\r\nimport { IgcDockManagerResourceStringsES } from '../i18n/resources.es';\r\nimport { IgcDockManagerResourceStringsJP } from '../i18n/resources.jp';\r\nimport { IgcDockManagerResourceStringsKO } from '../i18n/resources.ko';\r\n\r\n/\r\n @hidden\r\n /\r\nexport const resourceStringsMap = new Map<string, IgcDockManagerResourceStrings>();\r\nresourceStringsMap.set('en', IgcDockManagerResourceStringsEN);\r\nresourceStringsMap.set('jp', IgcDockManagerResourceStringsJP);\r\nresourceStringsMap.set('es', IgcDockManagerResourceStringsES);\r\nresourceStringsMap.set('ko', IgcDockManagerResourceStringsKO);\r\n\r\n/\r\n Adds custom resource strings for a specified language.\r\n * @param language The name of the language that should match the `lang` attribute of the page.\r\n * @param resourceStrings The resource strings to be added.\r\n */\r\nexport function addResourceStrings(language: string, resourceStrings: IgcDockManagerResourceStrings) {\r\n resourceStringsMap.set(language, resourceStrings);\r\n}\r\n"],"version":3}

package/dist/collection/collection-manifest.json CHANGED Viewed

@@ -2,6 +2,7 @@
   "entries": [
     "components/button/button-component.js",
     "components/context-menu/context-menu-component.js",
+    "components/dockmanager/panes/floating-pane-component.js",
     "components/dockmanager/panes/splitter-component.js",
     "components/dockmanager/dockmanager-component.js",
     "components/dockmanager/docking/joystick-icon-component.js",
@@ -10,7 +11,6 @@
     "components/dockmanager/pane-navigator/pane-navigator-component.js",
     "components/dockmanager/panes/content-pane-component.js",
     "components/dockmanager/panes/document-host-component.js",
-    "components/dockmanager/panes/floating-pane-component.js",
     "components/dockmanager/panes/pane-header-component.js",
     "components/dockmanager/panes/resizer-component.js",
     "components/dockmanager/panes/split-pane-component.js",

package/dist/collection/components/dockmanager/dockmanager-component.css CHANGED Viewed

@@ -19,13 +19,18 @@
 .pane-container--vertical, .pane-container--horizontal, .pane-container {
   display: flex;
   flex-grow: 1;
+  max-height: 100vh;
+  max-width: 100vw;
   height: 100%;
   width: 100%;
-  overflow: hidden;
 }
+.pane-container--horizontal {
+  overflow-x: auto;
+}
 .pane-container--vertical {
   flex-direction: column;
+  overflow-y: auto;
 }
 .unpinned-tab-area {

package/dist/collection/components/dockmanager/dockmanager-component.js CHANGED Viewed

@@ -33,6 +33,7 @@ export class IgcDockManager {
     this.resizeObserver = new ResizeObserver(this.restrictFloatingPaneSize.bind(this));
     this.proximityDockThreshold = 50;
     this.proximityOuterDockThreshold = 25;
+    this.anyPaneIgnoringResizeConstraints = false;
     this.templatableComponents = [
       {
         slot: 'paneHeaderCloseButton',
@@ -226,7 +227,7 @@ export class IgcDockManager {
       const panes = this.draggedPane.type === IgcDockManagerPaneType.contentPane ?
         [this.draggedPane] :
         this.service.getChildContentPanes(this.draggedPane);
-      this.showDockingIndicators = panes.every(p => p.allowDocking !== false);
+      this.showDockingIndicators = panes.every(p => p.allowDocking !== false) && !this.anyPaneIgnoringResizeConstraints;
       this.documentOnlyDrag = panes.some(p => p.documentOnly);
     }
     else {
@@ -354,6 +355,7 @@ export class IgcDockManager {
     this.contextMenuMeta = null;
     this.navigationPaneMeta = null;
     if (this.layout) {
+      this.updateLayout();
       this.layoutChanged();
     }
     if (!this.resourceStrings) {
@@ -397,6 +399,17 @@ export class IgcDockManager {
   focusElement() {
     this.element.focus();
   }
+  updateLayout() {
+    //Check for useFixedSize in the layout and create a placeholder pane for resizing.
+    this.service.checkAndAddPlaceholderPane(this.layout.rootPane);
+    for (const p of this.layout.floatingPanes) {
+      // Do not add a placeholder pane for floating pane's root splitPane
+      p.panes.forEach(cp => this.service.checkAndAddPlaceholderPane(cp));
+      // Should we add a resolved prop instead of setting useFixedSize to false?
+      // Used to prevent the root parent splitPane of having flex grow and shrink set to 0 which breaks floating pane resizing.
+      p.useFixedSize = false;
+    }
+  }
   handleTabsRendered(pane) {
     var _a;
     if (this.reason !== ActionReason.drop) {
@@ -601,7 +614,11 @@ export class IgcDockManager {
       pane.unpinnedSize = minSize;
     }
     // If new pane size does not meet the size constraints, do not resize
-    let offset = this.isPaneSizeWithinConstraints(previousPane, event.detail, orientation, 'previous') ? this.splitterOffset * event.detail : 0;
+    let parent = this.service.getParent(pane);
+    let offset = this.service.isSplitPaneIgnoringResizeConstraints(parent) ||
+      this.isPaneSizeWithinConstraints(previousPane, event.detail, orientation, 'previous') ?
+      this.splitterOffset * event.detail :
+      0;
     this.service.resizeFlyoutPane(offset);
     let rect;
     rect = splitter.previousElementSibling.getBoundingClientRect();
@@ -637,7 +654,9 @@ export class IgcDockManager {
     const sizeProperty = parentPane.orientation === IgcSplitPaneOrientation.horizontal ? 'offsetWidth' : 'offsetHeight';
     const sizeSum = paneComponents.reduce((s, p) => p[sizeProperty] + s, 0);
     // If the new size is smaller or bigger that the size constraints, do not resize
-    const offset = this.isPaneSizeWithinConstraints(previousPane, event.detail, parentPane.orientation, 'previous') && this.isPaneSizeWithinConstraints(nextPane, event.detail, parentPane.orientation) ? event.detail : 0;
+    const offset = parentPane.useFixedSize ||
+      this.isPaneSizeWithinConstraints(previousPane, event.detail, parentPane.orientation, 'previous') &&
+        this.isPaneSizeWithinConstraints(nextPane, event.detail, parentPane.orientation) ? event.detail : 0;
     let offsetPercentage = this.splitterOffset * offset / sizeSum;
     let rtl = false;
     if (this.element.dir !== '') {
@@ -725,7 +744,7 @@ export class IgcDockManager {
     }
     this.shouldClearActivePane = false;
     this.focusElement();
-    const dragStarted = this.service.dragPaneStart(pane, rect, event.detail.clientX, event.detail.clientY);
+    const dragStarted = this.service.dragPaneStart(pane, rect, event.detail.clientX, event.detail.clientY, this.anyPaneIgnoringResizeConstraints);
     this.isDragging = true;
     this.scheduleAfterRender(() => {
       this.shouldClearActivePane = true;
@@ -765,6 +784,22 @@ export class IgcDockManager {
     if (event && !dragMoved) {
       event.detail.cancel = true;
     }
+    // After successfull pane drag, check if there is a splitPane with useFixedSize = true
+    // that is left with a single placeholder pane and remove it.
+    // This would happen only when the last non placeholder pane of a split pane gets dragged.
+    if (dragMoved) {
+      const elements = this.element.shadowRoot.elementsFromPoint(clientX, clientY);
+      const splitPanes = elements.filter(e => e.tagName.toLowerCase() === 'igc-split-pane-component');
+      for (const sp of splitPanes) {
+        const splitPane = this.panesElementMap.getByValue(sp);
+        if (splitPane.useFixedSize &&
+          splitPane.panes.length === 1 &&
+          splitPane.panes[0].type === IgcDockManagerPaneType.contentPane &&
+          splitPane.panes[0].contentId === "placeholder") {
+          this.service.closePane(splitPane.panes[0]);
+        }
+      }
+    }
   }
   getInnerDropTargetParentRect() {
     if (this.dropTargetPaneInfo && this.service.proximityDockPosition) {
@@ -933,7 +968,7 @@ export class IgcDockManager {
       tabsRect
     };
     this.handleDropPositionChange(event.detail.clientX, event.detail.clientY, event === null || event === void 0 ? void 0 : event.target);
-    const tabMoved = this.service.dragTabMove(pane, event.detail, tabRectsInfo);
+    const tabMoved = this.service.dragTabMove(pane, event.detail, tabRectsInfo, this.anyPaneIgnoringResizeConstraints);
     if (event && !tabMoved) {
       event.detail.cancel = true;
     }
@@ -962,6 +997,9 @@ export class IgcDockManager {
   }
   handleDropPositionChange(clientX, clientY, target) {
     var _a;
+    if (this.highlightedJoystick) {
+      this.highlightedJoystick.style.boxShadow = '';
+    }
     const elements = clientX && clientY ?
       this.element.shadowRoot.elementsFromPoint(clientX, clientY) :
       null;
@@ -998,13 +1036,17 @@ export class IgcDockManager {
     let indicatorTarget = null;
     let dockingIndicatorElement = topElement.closest('igc-root-docking-indicator-component');
     if (dockingIndicatorElement) {
+      // root docking indicator
       this.service.dockingIndicator = {
         position: dockingIndicatorElement.position,
         isRoot: true,
-        direction: this.direction
+        direction: this.direction,
       };
+      this.highlightedJoystick = dockingIndicatorElement;
+      this.highlightedJoystick.style.boxShadow = 'inset 0 0 0 3px rgba(0,0,0,0.2), inset 0 0 0 25px rgba(100,149,237,0.2)';
     }
-    if (!dockingIndicatorElement) {
+    else {
+      // regular docking indicator
       const joystickIcon = topElement.closest('igc-joystick-icon-component');
       if (joystickIcon && !joystickIcon.empty) {
         dockingIndicatorElement = joystickIcon;
@@ -1015,6 +1057,8 @@ export class IgcDockManager {
         };
         const joystickIndicator = joystickIcon.closest('igc-joystick-indicator-component');
         indicatorTarget = joystickIndicator.dropTargetPaneInfo;
+        this.highlightedJoystick = joystickIcon;
+        this.highlightedJoystick.style.boxShadow = 'inset 0 0 0 3px rgba(0,0,0,0.2), inset 0 0 0 25px rgba(100,149,237,0.2)';
       }
     }
     if (dockingIndicatorElement &&
@@ -1296,7 +1340,7 @@ export class IgcDockManager {
     const maximized = this.maximizedPane === pane ||
       (parentPane.type === IgcDockManagerPaneType.tabGroupPane && this.maximizedPane === parentPane) ||
       isFloating && isSingleFloatingContentPane && floatingPane === this.maximizedPane;
-    return (h("igc-content-pane-component", { key: pane.id, contentId: pane.contentId, size: pane.size, isFlyout: isFlyout, unpinnedSize: pane.unpinnedSize, disabled: pane.disabled, isSingleFloating: isSingleFloatingContentPane, onMouseMove: this.togglePaneHeaderVisibility.bind(this, pane), onMouseLeave: this.removeHoveredPane.bind(this), ref: el => {
+    return (h("igc-content-pane-component", { key: pane.id, contentId: pane.contentId, size: pane.size, isFlyout: isFlyout, unpinnedSize: pane.unpinnedSize, disabled: pane.disabled, isSingleFloating: isSingleFloatingContentPane, onMouseMove: this.togglePaneHeaderVisibility.bind(this, pane), onMouseLeave: this.removeHoveredPane.bind(this), parentUseFixedSize: this.service.isParentUseFixedSize(pane), ref: el => {
         if (el) {
           this.panesElementMap.set(pane, el);
           this.contentPanesElementMap.set(pane, el);
@@ -1311,10 +1355,10 @@ export class IgcDockManager {
         pane.header), h("div", { class: "content", onMouseDown: this.handlePaneContentMouseDown.bind(this, pane), onScroll: this.handlePaneContentScroll.bind(this, pane) }, h("slot", { name: pane.contentId }))));
   }
   renderSplitter(parentPane, pane) {
-    return (h("igc-splitter-component", { splitPaneOrientation: parentPane.orientation, onResizeStart: this.handleSplitterResizeStart.bind(this, pane), onResizeEnd: this.handleSplitterResizeEnd.bind(this, parentPane, pane), onFocusin: this.clearActivePane.bind(this) }));
+    return (h("igc-splitter-component", { splitPaneOrientation: parentPane.orientation, onResizeStart: this.handleSplitterResizeStart.bind(this, pane), onResizeEnd: this.handleSplitterResizeEnd.bind(this, parentPane, pane), onFocusin: this.clearActivePane.bind(this), parentUseFixedSize: parentPane.useFixedSize }));
   }
   renderDocumentHost(docHost) {
-    return (h("igc-document-host-component", { key: docHost.id, size: docHost.size, ref: el => {
+    return (h("igc-document-host-component", { key: docHost.id, size: docHost.size, parentUseFixedSize: this.service.isParentUseFixedSize(docHost), ref: el => {
         if (el) {
           this.panesElementMap.set(docHost, el);
         }
@@ -1338,7 +1382,7 @@ export class IgcDockManager {
     else {
       contentIds.push(pane.contentId);
     }
-    return (allowEmpty || tabs.length > 0) && (h("igc-tabs-component", { key: pane.id, contentIds: contentIds, size: pane.size, selectedIndex: selectedIndex, hasHeaders: !isSingleTab, maximized: this.maximizedPane === pane, allowMaximize: position === IgcTabHeadersPosition.top && allowMaximize, onMaximizeMinimizeFocus: this.clearActivePane.bind(this), onMaximize: this.handleMaximize.bind(this, pane), onSelectedIndexChanged: this.handleTabSelectedIndexChanged.bind(this, pane), onHiddenTabSelected: this.handleHiddenTabSelected.bind(this, pane), onSelectedTabOutOfView: this.handleSelectedTabOutOfView.bind(this, pane), onRendered: this.handleTabsRendered.bind(this, pane), tabHeadersPosition: position, resourceStrings: this.resourceStrings, ref: el => {
+    return (allowEmpty || tabs.length > 0) && (h("igc-tabs-component", { key: pane.id, contentIds: contentIds, size: pane.size, selectedIndex: selectedIndex, hasHeaders: !isSingleTab, parentUseFixedSize: this.service.isParentUseFixedSize(pane), maximized: this.maximizedPane === pane, allowMaximize: position === IgcTabHeadersPosition.top && allowMaximize, onMaximizeMinimizeFocus: this.clearActivePane.bind(this), onMaximize: this.handleMaximize.bind(this, pane), onSelectedIndexChanged: this.handleTabSelectedIndexChanged.bind(this, pane), onHiddenTabSelected: this.handleHiddenTabSelected.bind(this, pane), onSelectedTabOutOfView: this.handleSelectedTabOutOfView.bind(this, pane), onRendered: this.handleTabsRendered.bind(this, pane), tabHeadersPosition: position, resourceStrings: this.resourceStrings, ref: el => {
         if (el) {
           this.panesElementMap.set(pane, el);
         }
@@ -1381,7 +1425,7 @@ export class IgcDockManager {
   }
   renderSplitPane(splitPane, isFloating, isInDocumentHost) {
     const panes = this.service.getSplitPaneVisibleChildren(splitPane);
-    return (splitPane.allowEmpty || panes.length > 0) && (h("igc-split-pane-component", { key: splitPane.id, orientation: splitPane.orientation, size: splitPane.size, onRendered: this.handleSplitPaneRendered.bind(this, panes), ref: el => {
+    return (splitPane.allowEmpty || panes.length > 0) && (h("igc-split-pane-component", { key: splitPane.id, orientation: splitPane.orientation, size: splitPane.size, useFixedSize: splitPane.useFixedSize, parentUseFixedSize: this.service.isParentUseFixedSize(splitPane), onRendered: this.handleSplitPaneRendered.bind(this, panes), ref: el => {
         if (el) {
           this.panesElementMap.set(splitPane, el);
         }
@@ -1391,9 +1435,11 @@ export class IgcDockManager {
         paneComponent = this.renderSplitPane(p, isFloating, isInDocumentHost);
       }
       else if (p.type === IgcDockManagerPaneType.contentPane) {
-        paneComponent = isInDocumentHost ?
-          this.renderTabGroup(p, isFloating, true) :
-          this.renderContentPane(p, isFloating, false);
+        paneComponent = p.contentId === "placeholder" ?
+          this.renderPlaceholder(p) :
+          isInDocumentHost ?
+            this.renderTabGroup(p, isFloating, true) :
+            this.renderContentPane(p, isFloating, false);
       }
       else if (p.type === IgcDockManagerPaneType.documentHost) {
         paneComponent = this.renderDocumentHost(p);
@@ -1406,6 +1452,9 @@ export class IgcDockManager {
         paneComponent;
     })));
   }
+  renderPlaceholder(pane) {
+    return (h("igc-content-pane-component", { key: pane.id, contentId: pane.contentId, size: pane.size }));
+  }
   renderUnpinnedTabArea(location) {
     const panes = [];
     const isHorizontal = location === IgcUnpinnedLocation.top || location === IgcUnpinnedLocation.bottom;
@@ -1477,6 +1526,10 @@ export class IgcDockManager {
   renderDockingIndicators() {
     const startPosition = this.direction !== 'rtl' ? IgcDockingIndicatorPosition.left : IgcDockingIndicatorPosition.right;
     const endPosition = this.direction !== 'rtl' ? IgcDockingIndicatorPosition.right : IgcDockingIndicatorPosition.left;
+    // Only show the joystick indicator if the target drop location is an empty split pane
+    const hideJoystickIndicator = this.dropTargetPaneInfo &&
+      this.dropTargetPaneInfo.pane.type == "splitPane" &&
+      this.service.getSplitPaneVisibleChildren(this.dropTargetPaneInfo.pane).length;
     return (h("div", { class: "docking-indicators-container", style: {
         display: this.showDockingIndicators ? 'flex' : 'none'
       } }, !this.documentOnlyDrag && !this.proximityDock && this.renderRootDockingIndicator(IgcDockingIndicatorPosition.top), h("div", { style: {
@@ -1484,7 +1537,7 @@ export class IgcDockManager {
         display: 'flex',
         flexDirection: 'row',
         justifyContent: 'space-between'
-      } }, !this.documentOnlyDrag && !this.proximityDock && this.renderRootDockingIndicator(startPosition), !this.documentOnlyDrag && !this.proximityDock && this.renderRootDockingIndicator(endPosition)), !this.documentOnlyDrag && !this.proximityDock && this.renderRootDockingIndicator(IgcDockingIndicatorPosition.bottom), this.dropTargetPaneInfo && !this.proximityDock &&
+      } }, !this.documentOnlyDrag && !this.proximityDock && this.renderRootDockingIndicator(startPosition), !this.documentOnlyDrag && !this.proximityDock && this.renderRootDockingIndicator(endPosition)), !this.documentOnlyDrag && !this.proximityDock && this.renderRootDockingIndicator(IgcDockingIndicatorPosition.bottom), this.dropTargetPaneInfo && !this.proximityDock && !hideJoystickIndicator &&
       h("igc-joystick-indicator-component", { dropTargetPaneInfo: this.dropTargetPaneInfo, documentOnlyDrag: this.documentOnlyDrag, allowCenterDock: this.allowInnerDock })));
   }
   renderContextMenu() {