igniteui-dockmanager 1.18.0 → 1.19.0-alpha.0
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.
- package/custom-elements.json +330 -11
- package/dist/cjs/igc-button-component_22.cjs.entry.js +446 -103
- package/dist/cjs/igc-button-component_22.cjs.entry.js.map +1 -1
- package/dist/cjs/igniteui-dockmanager.cjs.js +2 -2
- package/dist/cjs/{index-050356a8.js → index-54788d59.js} +1 -11
- package/dist/cjs/index-54788d59.js.map +1 -0
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/locale-5a933370.js.map +1 -1
- package/dist/collection/components/dockmanager/dockmanager-component.js +78 -17
- package/dist/collection/components/dockmanager/dockmanager-component.js.map +1 -1
- package/dist/collection/components/dockmanager/dockmanager.interfaces.js +4 -0
- package/dist/collection/components/dockmanager/dockmanager.interfaces.js.map +1 -1
- package/dist/collection/components/dockmanager/dockmanager.public-interfaces.js.map +1 -1
- package/dist/collection/components/dockmanager/dockmanager.service.js +112 -20
- package/dist/collection/components/dockmanager/dockmanager.service.js.map +1 -1
- package/dist/collection/components/dockmanager/dockmanager.service.spec.js +684 -9
- package/dist/collection/components/dockmanager/dockmanager.service.spec.js.map +1 -1
- package/dist/collection/components/dockmanager/panes/content-pane-component.js +39 -1
- package/dist/collection/components/dockmanager/panes/content-pane-component.js.map +1 -1
- package/dist/collection/components/dockmanager/panes/split-pane-component.js +39 -1
- package/dist/collection/components/dockmanager/panes/split-pane-component.js.map +1 -1
- package/dist/collection/components/dockmanager/panes/splitter-component.js +74 -26
- package/dist/collection/components/dockmanager/panes/splitter-component.js.map +1 -1
- package/dist/collection/components/sample-component/sample-component.js +19 -2
- package/dist/collection/components/sample-component/sample-component.js.map +1 -1
- package/dist/collection/components/tabs/tabs-component.js +40 -4
- package/dist/collection/components/tabs/tabs-component.js.map +1 -1
- package/dist/collection/utils/test-utils.js +1 -0
- package/dist/collection/utils/test-utils.js.map +1 -1
- package/dist/collection/utils/utils.js +141 -0
- package/dist/collection/utils/utils.js.map +1 -1
- package/dist/esm/igc-button-component_22.entry.js +446 -103
- package/dist/esm/igc-button-component_22.entry.js.map +1 -1
- package/dist/esm/igniteui-dockmanager.js +3 -3
- package/dist/esm/{index-f7721357.js → index-b72d9be7.js} +1 -11
- package/dist/esm/index-b72d9be7.js.map +1 -0
- package/dist/esm/loader.js +3 -3
- package/dist/esm/locale-c5526eb7.js.map +1 -1
- package/dist/igniteui-dockmanager/igniteui-dockmanager.esm.js +1 -1
- package/dist/igniteui-dockmanager/igniteui-dockmanager.esm.js.map +1 -1
- package/dist/igniteui-dockmanager/p-7c1dbd16.entry.js +2 -0
- package/dist/igniteui-dockmanager/p-7c1dbd16.entry.js.map +1 -0
- package/dist/igniteui-dockmanager/{p-db814e27.js → p-7f0ce75b.js} +3 -3
- package/dist/igniteui-dockmanager/p-7f0ce75b.js.map +1 -0
- package/dist/igniteui-dockmanager/p-8c158dc6.js.map +1 -1
- package/dist/types/components/dockmanager/dockmanager-component.d.ts +31 -1
- package/dist/types/components/dockmanager/dockmanager.interfaces.d.ts +6 -1
- package/dist/types/components/dockmanager/dockmanager.public-interfaces.d.ts +42 -0
- package/dist/types/components/dockmanager/dockmanager.service.d.ts +18 -1
- package/dist/types/components/dockmanager/panes/content-pane-component.d.ts +2 -0
- package/dist/types/components/dockmanager/panes/split-pane-component.d.ts +2 -0
- package/dist/types/components/dockmanager/panes/splitter-component.d.ts +2 -0
- package/dist/types/components/sample-component/sample-component.d.ts +1 -0
- package/dist/types/components/tabs/tabs-component.d.ts +2 -1
- package/dist/types/components.d.ts +20 -2
- package/dist/types/utils/test-utils.d.ts +2 -1
- package/dist/types/utils/utils.d.ts +20 -1
- package/loader/cdn.js +2 -2
- package/loader/index.cjs.js +2 -2
- package/package.json +1 -1
- package/dist/cjs/index-050356a8.js.map +0 -1
- package/dist/esm/index-f7721357.js.map +0 -1
- package/dist/igniteui-dockmanager/p-3301b6b3.entry.js +0 -2
- package/dist/igniteui-dockmanager/p-3301b6b3.entry.js.map +0 -1
- package/dist/igniteui-dockmanager/p-db814e27.js.map +0 -1
package/custom-elements.json
CHANGED
|
@@ -429,6 +429,11 @@
|
|
|
429
429
|
"name": "panePinnedToggle",
|
|
430
430
|
"default": "new EventEmitterMock<IgcPanePinnedEventArgs>()"
|
|
431
431
|
},
|
|
432
|
+
{
|
|
433
|
+
"kind": "field",
|
|
434
|
+
"name": "paneFlyoutToggle",
|
|
435
|
+
"default": "new EventEmitterMock<IgcPaneFlyoutEventArgs>()"
|
|
436
|
+
},
|
|
432
437
|
{
|
|
433
438
|
"kind": "field",
|
|
434
439
|
"name": "paneDragStart",
|
|
@@ -912,6 +917,72 @@
|
|
|
912
917
|
}
|
|
913
918
|
],
|
|
914
919
|
"events": []
|
|
920
|
+
},
|
|
921
|
+
{
|
|
922
|
+
"kind": "function",
|
|
923
|
+
"name": "calculatePaneMinSize",
|
|
924
|
+
"return": {
|
|
925
|
+
"type": {
|
|
926
|
+
"text": "number"
|
|
927
|
+
}
|
|
928
|
+
},
|
|
929
|
+
"parameters": [
|
|
930
|
+
{
|
|
931
|
+
"name": "pane",
|
|
932
|
+
"type": {
|
|
933
|
+
"text": "IgcDockManagerPane | null | undefined"
|
|
934
|
+
},
|
|
935
|
+
"description": "The pane to calculate min size for"
|
|
936
|
+
},
|
|
937
|
+
{
|
|
938
|
+
"name": "orientation",
|
|
939
|
+
"type": {
|
|
940
|
+
"text": "'horizontal' | 'vertical'"
|
|
941
|
+
},
|
|
942
|
+
"description": "The orientation to calculate ('horizontal' for width, 'vertical' for height)"
|
|
943
|
+
},
|
|
944
|
+
{
|
|
945
|
+
"name": "splitterSize",
|
|
946
|
+
"default": "IGC_DEFAULT_SPLITTER_SIZE",
|
|
947
|
+
"type": {
|
|
948
|
+
"text": "number"
|
|
949
|
+
},
|
|
950
|
+
"description": "The actual size of splitters in pixels (defaults to IGC_DEFAULT_SPLITTER_SIZE)"
|
|
951
|
+
}
|
|
952
|
+
]
|
|
953
|
+
},
|
|
954
|
+
{
|
|
955
|
+
"kind": "function",
|
|
956
|
+
"name": "calculateSplitPaneMinSize",
|
|
957
|
+
"return": {
|
|
958
|
+
"type": {
|
|
959
|
+
"text": "number"
|
|
960
|
+
}
|
|
961
|
+
},
|
|
962
|
+
"parameters": [
|
|
963
|
+
{
|
|
964
|
+
"name": "splitPane",
|
|
965
|
+
"type": {
|
|
966
|
+
"text": "IgcSplitPane"
|
|
967
|
+
},
|
|
968
|
+
"description": "The split pane to calculate min size for"
|
|
969
|
+
},
|
|
970
|
+
{
|
|
971
|
+
"name": "orientation",
|
|
972
|
+
"type": {
|
|
973
|
+
"text": "'horizontal' | 'vertical'"
|
|
974
|
+
},
|
|
975
|
+
"description": "The orientation to calculate ('horizontal' for width, 'vertical' for height)"
|
|
976
|
+
},
|
|
977
|
+
{
|
|
978
|
+
"name": "splitterSize",
|
|
979
|
+
"default": "IGC_DEFAULT_SPLITTER_SIZE",
|
|
980
|
+
"type": {
|
|
981
|
+
"text": "number"
|
|
982
|
+
},
|
|
983
|
+
"description": "The actual size of splitters in pixels (defaults to IGC_DEFAULT_SPLITTER_SIZE)"
|
|
984
|
+
}
|
|
985
|
+
]
|
|
915
986
|
}
|
|
916
987
|
],
|
|
917
988
|
"exports": [
|
|
@@ -922,6 +993,22 @@
|
|
|
922
993
|
"name": "Utils",
|
|
923
994
|
"module": "src/utils/utils.ts"
|
|
924
995
|
}
|
|
996
|
+
},
|
|
997
|
+
{
|
|
998
|
+
"kind": "js",
|
|
999
|
+
"name": "calculatePaneMinSize",
|
|
1000
|
+
"declaration": {
|
|
1001
|
+
"name": "calculatePaneMinSize",
|
|
1002
|
+
"module": "src/utils/utils.ts"
|
|
1003
|
+
}
|
|
1004
|
+
},
|
|
1005
|
+
{
|
|
1006
|
+
"kind": "js",
|
|
1007
|
+
"name": "calculateSplitPaneMinSize",
|
|
1008
|
+
"declaration": {
|
|
1009
|
+
"name": "calculateSplitPaneMinSize",
|
|
1010
|
+
"module": "src/utils/utils.ts"
|
|
1011
|
+
}
|
|
925
1012
|
}
|
|
926
1013
|
]
|
|
927
1014
|
},
|
|
@@ -2241,6 +2328,30 @@
|
|
|
2241
2328
|
}
|
|
2242
2329
|
]
|
|
2243
2330
|
},
|
|
2331
|
+
{
|
|
2332
|
+
"kind": "method",
|
|
2333
|
+
"name": "_getMinSizeFromPane",
|
|
2334
|
+
"privacy": "private",
|
|
2335
|
+
"return": {
|
|
2336
|
+
"type": {
|
|
2337
|
+
"text": "number"
|
|
2338
|
+
}
|
|
2339
|
+
},
|
|
2340
|
+
"parameters": [
|
|
2341
|
+
{
|
|
2342
|
+
"name": "pane",
|
|
2343
|
+
"type": {
|
|
2344
|
+
"text": "HTMLElement"
|
|
2345
|
+
}
|
|
2346
|
+
},
|
|
2347
|
+
{
|
|
2348
|
+
"name": "property",
|
|
2349
|
+
"type": {
|
|
2350
|
+
"text": "'minResizeWidth' | 'minResizeHeight'"
|
|
2351
|
+
}
|
|
2352
|
+
}
|
|
2353
|
+
]
|
|
2354
|
+
},
|
|
2244
2355
|
{
|
|
2245
2356
|
"kind": "method",
|
|
2246
2357
|
"name": "handleFlyoutSplitterResizeEnd",
|
|
@@ -3540,6 +3651,13 @@
|
|
|
3540
3651
|
"text": "EventEmitter<IgcPanePinnedEventArgs>"
|
|
3541
3652
|
}
|
|
3542
3653
|
},
|
|
3654
|
+
{
|
|
3655
|
+
"name": "paneFlyoutToggle",
|
|
3656
|
+
"type": {
|
|
3657
|
+
"text": "EventEmitter<IgcPaneFlyoutEventArgs>"
|
|
3658
|
+
},
|
|
3659
|
+
"description": "Emitted when an unpinned pane's flyout state changes (opens or closes).\r\n\r\nThis event fires when:\r\n- An unpinned pane is clicked and its flyout opens to display content\r\n- An unpinned pane's flyout closes (user clicks elsewhere, switches to another unpinned pane, etc.)\r\n- Switching between unpinned panes (fires twice: close event for old pane, open event for new pane)\r\n\r\nThis event does NOT fire when:\r\n- A pane is pinned or unpinned using the pin button (use panePinnedToggle for that)\r\n- A pane is initially unpinned (only subsequent flyout open/close actions)\r\n\r\nUse this event to show/hide auxiliary UI, update summary views, or respond to unpinned pane visibility changes."
|
|
3660
|
+
},
|
|
3543
3661
|
{
|
|
3544
3662
|
"name": "activePaneChanged",
|
|
3545
3663
|
"type": {
|
|
@@ -3647,6 +3765,14 @@
|
|
|
3647
3765
|
},
|
|
3648
3766
|
"default": "42"
|
|
3649
3767
|
},
|
|
3768
|
+
{
|
|
3769
|
+
"kind": "variable",
|
|
3770
|
+
"name": "IGC_DEFAULT_SPLITTER_SIZE",
|
|
3771
|
+
"type": {
|
|
3772
|
+
"text": "number"
|
|
3773
|
+
},
|
|
3774
|
+
"default": "4"
|
|
3775
|
+
},
|
|
3650
3776
|
{
|
|
3651
3777
|
"kind": "variable",
|
|
3652
3778
|
"name": "IGC_DEFAULT_RESIZE",
|
|
@@ -3697,6 +3823,14 @@
|
|
|
3697
3823
|
"module": "src/components/dockmanager/dockmanager.interfaces.ts"
|
|
3698
3824
|
}
|
|
3699
3825
|
},
|
|
3826
|
+
{
|
|
3827
|
+
"kind": "js",
|
|
3828
|
+
"name": "IGC_DEFAULT_SPLITTER_SIZE",
|
|
3829
|
+
"declaration": {
|
|
3830
|
+
"name": "IGC_DEFAULT_SPLITTER_SIZE",
|
|
3831
|
+
"module": "src/components/dockmanager/dockmanager.interfaces.ts"
|
|
3832
|
+
}
|
|
3833
|
+
},
|
|
3700
3834
|
{
|
|
3701
3835
|
"kind": "js",
|
|
3702
3836
|
"name": "IGC_DEFAULT_RESIZE",
|
|
@@ -4205,15 +4339,6 @@
|
|
|
4205
4339
|
},
|
|
4206
4340
|
"privacy": "private"
|
|
4207
4341
|
},
|
|
4208
|
-
{
|
|
4209
|
-
"kind": "field",
|
|
4210
|
-
"name": "defaultSplitterSize",
|
|
4211
|
-
"type": {
|
|
4212
|
-
"text": "number"
|
|
4213
|
-
},
|
|
4214
|
-
"privacy": "private",
|
|
4215
|
-
"default": "4"
|
|
4216
|
-
},
|
|
4217
4342
|
{
|
|
4218
4343
|
"kind": "field",
|
|
4219
4344
|
"name": "visibleDocuments",
|
|
@@ -4304,6 +4429,14 @@
|
|
|
4304
4429
|
"text": "{ pane: any; index: number }"
|
|
4305
4430
|
}
|
|
4306
4431
|
},
|
|
4432
|
+
{
|
|
4433
|
+
"kind": "field",
|
|
4434
|
+
"name": "isPinToggling",
|
|
4435
|
+
"type": {
|
|
4436
|
+
"text": "boolean"
|
|
4437
|
+
},
|
|
4438
|
+
"default": "false"
|
|
4439
|
+
},
|
|
4307
4440
|
{
|
|
4308
4441
|
"kind": "method",
|
|
4309
4442
|
"name": "getContent",
|
|
@@ -4934,6 +5067,27 @@
|
|
|
4934
5067
|
}
|
|
4935
5068
|
]
|
|
4936
5069
|
},
|
|
5070
|
+
{
|
|
5071
|
+
"kind": "method",
|
|
5072
|
+
"name": "setFlyoutPane",
|
|
5073
|
+
"parameters": [
|
|
5074
|
+
{
|
|
5075
|
+
"name": "newValue",
|
|
5076
|
+
"type": {
|
|
5077
|
+
"text": "IgcContentPane"
|
|
5078
|
+
},
|
|
5079
|
+
"description": "The new flyout pane value"
|
|
5080
|
+
},
|
|
5081
|
+
{
|
|
5082
|
+
"name": "oldValue",
|
|
5083
|
+
"type": {
|
|
5084
|
+
"text": "IgcContentPane"
|
|
5085
|
+
},
|
|
5086
|
+
"description": "The previous flyout pane value"
|
|
5087
|
+
}
|
|
5088
|
+
],
|
|
5089
|
+
"description": "Sets the flyout pane and emits paneFlyoutToggle event if needed."
|
|
5090
|
+
},
|
|
4937
5091
|
{
|
|
4938
5092
|
"kind": "method",
|
|
4939
5093
|
"name": "maximizePane",
|
|
@@ -5199,6 +5353,36 @@
|
|
|
5199
5353
|
}
|
|
5200
5354
|
]
|
|
5201
5355
|
},
|
|
5356
|
+
{
|
|
5357
|
+
"kind": "method",
|
|
5358
|
+
"name": "getSplitterSize",
|
|
5359
|
+
"privacy": "private",
|
|
5360
|
+
"return": {
|
|
5361
|
+
"type": {
|
|
5362
|
+
"text": ""
|
|
5363
|
+
}
|
|
5364
|
+
},
|
|
5365
|
+
"description": "Get the actual rendered size of a splitter element from the DOM."
|
|
5366
|
+
},
|
|
5367
|
+
{
|
|
5368
|
+
"kind": "method",
|
|
5369
|
+
"name": "getFloatingPaneMinConstraints",
|
|
5370
|
+
"privacy": "private",
|
|
5371
|
+
"return": {
|
|
5372
|
+
"type": {
|
|
5373
|
+
"text": "{\r\n minWidth: number;\r\n minHeight: number;\r\n }"
|
|
5374
|
+
}
|
|
5375
|
+
},
|
|
5376
|
+
"parameters": [
|
|
5377
|
+
{
|
|
5378
|
+
"name": "pane",
|
|
5379
|
+
"type": {
|
|
5380
|
+
"text": "IgcSplitPane"
|
|
5381
|
+
}
|
|
5382
|
+
}
|
|
5383
|
+
],
|
|
5384
|
+
"description": "Calculate the minimum width and height constraints for a floating pane\r\nbased on all its child panes' minResizeWidth and minResizeHeight properties.\r\nThis properly handles split panes by summing constraints in the split direction."
|
|
5385
|
+
},
|
|
5202
5386
|
{
|
|
5203
5387
|
"kind": "method",
|
|
5204
5388
|
"name": "closeTabPane",
|
|
@@ -6014,7 +6198,7 @@
|
|
|
6014
6198
|
"type": {
|
|
6015
6199
|
"text": "IgcDockManagerLayout"
|
|
6016
6200
|
},
|
|
6017
|
-
"default": "{ rootPane: { type: IgcDockManagerPaneType.splitPane, orientation: IgcSplitPaneOrientation.horizontal, panes: [ this.unpinnedToolboxPane, this.unpinnedTeamExplorerPane, { type: IgcDockManagerPaneType.splitPane, orientation: IgcSplitPaneOrientation.vertical, size: 300, panes: [ { type: IgcDockManagerPaneType.documentHost, size: 300, rootPane: { type: IgcDockManagerPaneType.splitPane, orientation: IgcSplitPaneOrientation.horizontal, allowEmpty: true, panes: [ { type: IgcDockManagerPaneType.tabGroupPane, panes: [ { type: IgcDockManagerPaneType.contentPane, header: 'MainWindow.xaml', contentId: 'content2', documentOnly: true, // allowMaximize: false, }, { type: IgcDockManagerPaneType.contentPane, header: 'MainWindow.xaml.cs', contentId: 'content6', documentOnly: true, allowFloating: false } ] }, { type: IgcDockManagerPaneType.contentPane, header: 'App.xaml', contentId: 'content8', allowMaximize: true, acceptsInnerDock: false } ] } }, { type: IgcDockManagerPaneType.splitPane, orientation: IgcSplitPaneOrientation.horizontal, allowEmpty: true, panes: [] }, { type: IgcDockManagerPaneType.contentPane, header: 'Error List', contentId: 'content3', allowDocking: false, allowFloating: false, allowMaximize: false }] }, { type: IgcDockManagerPaneType.splitPane, orientation: IgcSplitPaneOrientation.vertical, panes: [ { type: IgcDockManagerPaneType.tabGroupPane, size: 200, allowEmpty: true, panes: [ { type: IgcDockManagerPaneType.contentPane, header: 'Solution Explorer', headerId: 'header1', tabHeaderId: 'tabHeader1', unpinnedHeaderId: 'unpinnedHeader1', contentId: 'content4', allowMaximize: false }, this.teamExplorerPane ] }, { type: IgcDockManagerPaneType.contentPane, header: 'Properties', contentId: 'content5', unpinnedLocation: IgcUnpinnedLocation.top, allowFloating: false, allowMaximize: false } ] } ] }, floatingPanes: [ { type: IgcDockManagerPaneType.splitPane, orientation: IgcSplitPaneOrientation.horizontal, floatingLocation: { x: 50, y: 100 }, floatingWidth: 200, floatingHeight: 100, panes: [ { type: IgcDockManagerPaneType.contentPane, header: 'Notifications', contentId: 'content9', allowDocking: false } ], // floatingResizable: true }, { type: IgcDockManagerPaneType.splitPane, allowEmpty: true, orientation: IgcSplitPaneOrientation.horizontal, floatingLocation: { x: 250, y: 350 }, floatingWidth: 300, floatingHeight: 200, panes: [ { type: IgcDockManagerPaneType.contentPane, header: 'Floating 1', contentId: 'content10', acceptsInnerDock: false }, { type: IgcDockManagerPaneType.contentPane, header: 'Floating 2', contentId: 'content11', allowMaximize: false } ] }, { type: IgcDockManagerPaneType.splitPane, orientation: IgcSplitPaneOrientation.horizontal, floatingLocation: { x: 750, y: 200 }, floatingWidth: 300, floatingHeight: 200, panes: [ { type: IgcDockManagerPaneType.tabGroupPane, allowEmpty: true, panes: [ { type: IgcDockManagerPaneType.contentPane, header: 'Floating Tab 1', contentId: 'content12' }, { type: IgcDockManagerPaneType.contentPane, header: 'Floating Tab 2', contentId: 'content13' } ] } ] } ] }"
|
|
6201
|
+
"default": "{ rootPane: { type: IgcDockManagerPaneType.splitPane, orientation: IgcSplitPaneOrientation.horizontal, panes: [ this.unpinnedToolboxPane, this.unpinnedTeamExplorerPane, { type: IgcDockManagerPaneType.splitPane, orientation: IgcSplitPaneOrientation.vertical, size: 300, panes: [ { type: IgcDockManagerPaneType.documentHost, size: 300, rootPane: { type: IgcDockManagerPaneType.splitPane, orientation: IgcSplitPaneOrientation.horizontal, allowEmpty: true, panes: [ { type: IgcDockManagerPaneType.tabGroupPane, // minResizeWidth: 175, // size: 200, panes: [ { type: IgcDockManagerPaneType.contentPane, header: 'MainWindow.xaml', contentId: 'content2', documentOnly: true, // minResizeWidth: 150, // allowMaximize: false, }, { type: IgcDockManagerPaneType.contentPane, header: 'MainWindow.xaml.cs', contentId: 'content6', documentOnly: true, allowFloating: false } ] }, { type: IgcDockManagerPaneType.contentPane, header: 'App.xaml', contentId: 'content8', allowMaximize: true, // minResizeWidth: 175, acceptsInnerDock: false } ] } }, { type: IgcDockManagerPaneType.splitPane, orientation: IgcSplitPaneOrientation.horizontal, allowEmpty: true, panes: [] }, { type: IgcDockManagerPaneType.contentPane, header: 'Error List', contentId: 'content3', allowDocking: false, allowFloating: false, allowMaximize: false }] }, { type: IgcDockManagerPaneType.splitPane, orientation: IgcSplitPaneOrientation.vertical, panes: [ { type: IgcDockManagerPaneType.tabGroupPane, size: 200, allowEmpty: true, panes: [ { type: IgcDockManagerPaneType.contentPane, header: 'Solution Explorer', headerId: 'header1', tabHeaderId: 'tabHeader1', unpinnedHeaderId: 'unpinnedHeader1', contentId: 'content4', allowMaximize: false }, this.teamExplorerPane ] }, { type: IgcDockManagerPaneType.contentPane, header: 'Properties', contentId: 'content5', unpinnedLocation: IgcUnpinnedLocation.top, allowFloating: false, allowMaximize: false } ] } ] }, floatingPanes: [ { type: IgcDockManagerPaneType.splitPane, orientation: IgcSplitPaneOrientation.horizontal, floatingLocation: { x: 50, y: 100 }, floatingWidth: 200, floatingHeight: 100, panes: [ { type: IgcDockManagerPaneType.contentPane, header: 'Notifications', contentId: 'content9', allowDocking: false } ], // floatingResizable: true }, { type: IgcDockManagerPaneType.splitPane, allowEmpty: true, orientation: IgcSplitPaneOrientation.horizontal, floatingLocation: { x: 250, y: 350 }, floatingWidth: 300, floatingHeight: 200, panes: [ { type: IgcDockManagerPaneType.contentPane, header: 'Floating 1', contentId: 'content10', // minResizeWidth: 300, // size: 200, acceptsInnerDock: false }, { type: IgcDockManagerPaneType.contentPane, header: 'Floating 2', contentId: 'content11', allowMaximize: false } ] }, { type: IgcDockManagerPaneType.splitPane, orientation: IgcSplitPaneOrientation.horizontal, floatingLocation: { x: 750, y: 200 }, floatingWidth: 300, floatingHeight: 200, panes: [ { type: IgcDockManagerPaneType.tabGroupPane, allowEmpty: true, panes: [ { type: IgcDockManagerPaneType.contentPane, header: 'Floating Tab 1', contentId: 'content12' }, { type: IgcDockManagerPaneType.contentPane, header: 'Floating Tab 2', contentId: 'content13' } ] } ] } ] }"
|
|
6018
6202
|
},
|
|
6019
6203
|
{
|
|
6020
6204
|
"kind": "field",
|
|
@@ -6058,7 +6242,7 @@
|
|
|
6058
6242
|
"type": {
|
|
6059
6243
|
"text": "IgcDockManagerLayout"
|
|
6060
6244
|
},
|
|
6061
|
-
"default": "{ rootPane: { type: IgcDockManagerPaneType.splitPane, orientation: IgcSplitPaneOrientation.vertical, useFixedSize: true, panes: [ { type: IgcDockManagerPaneType.contentPane, contentId: 'content1', header: 'Content 1 Header', size: 260, // PIXELS }, { type: IgcDockManagerPaneType.splitPane, orientation: IgcSplitPaneOrientation.horizontal, size: 240 + 10, panes: [ { // type: IgcDockManagerPaneType.splitPane, // orientation: IgcSplitPaneOrientation.vertical, // size: this.bodyWidth / 3, // panes: [ // { type: IgcDockManagerPaneType.contentPane, contentId: 'content2', header: 'Content 2 Header', size: 240, // PIXELS // }, // ], }, // { // type: IgcDockManagerPaneType.splitPane, // orientation: IgcSplitPaneOrientation.vertical, // useFixedSize: true, // size: (this.bodyWidth * 2) / 3, // panes: [ { type: IgcDockManagerPaneType.contentPane, contentId: 'content3', header: 'Content 3 Header', size: 240, // PIXELS ...this.commonProps }, // ], // }, // { // type: IgcDockManagerPaneType.contentPane, // contentId: 'content_not_used_2', // header: 'NOT USED', // // size: 0, // ...this.commonProps, // }, ], }, { type: IgcDockManagerPaneType.contentPane, contentId: 'content4', header: 'Content 4 Header', size: 290, // PIXELS }, { type: IgcDockManagerPaneType.splitPane, orientation: IgcSplitPaneOrientation.horizontal, size: 240 + 10, panes: [ { type: IgcDockManagerPaneType.splitPane, orientation: IgcSplitPaneOrientation.vertical, size: this.bodyWidth / 3, panes: [ { type: IgcDockManagerPaneType.contentPane, contentId: 'content5', header: 'Content 5 Header', size: 240, // PIXELS }, ], }, { type: IgcDockManagerPaneType.splitPane, orientation: IgcSplitPaneOrientation.vertical, size: (this.bodyWidth * 2) / 3, panes: [ { type: IgcDockManagerPaneType.contentPane, contentId: 'content6', header: 'Content 6 Header', size: 240, // PIXELS }, ], }, // { // type: IgcDockManagerPaneType.contentPane, // contentId: 'content_not_used_3', // header: 'NOT USED', // ...this.commonProps, // }, ], }, { type: IgcDockManagerPaneType.splitPane, orientation: IgcSplitPaneOrientation.horizontal, size: 240 + 10, panes: [ { type: IgcDockManagerPaneType.splitPane, orientation: IgcSplitPaneOrientation.vertical, size: this.bodyWidth / 2, panes: [ { type: IgcDockManagerPaneType.contentPane, contentId: 'content7', header: 'Content 7 Header', size: 240, // PIXELS }, ], }, { type: IgcDockManagerPaneType.splitPane, orientation: IgcSplitPaneOrientation.vertical, size: this.bodyWidth / 2, panes: [ { type: IgcDockManagerPaneType.contentPane, contentId: 'content8', header: 'Content 8 Header', size: 240, // PIXELS }, ], }, // { // type: IgcDockManagerPaneType.contentPane, // contentId: 'content_not_used_4', // header: 'NOT USED', // ...this.commonProps, // }, ], }, { type: IgcDockManagerPaneType.contentPane, contentId: 'content9', header: 'Content 9 Header', size: 290, // PIXELS }, // { // type: IgcDockManagerPaneType.contentPane, // contentId: 'content_not_used_1', // header: 'NOT USED', // ...this.commonProps, // }, ], }, floatingPanes: [], }"
|
|
6245
|
+
"default": "{ rootPane: { type: IgcDockManagerPaneType.splitPane, orientation: IgcSplitPaneOrientation.vertical, useFixedSize: true, panes: [ { type: IgcDockManagerPaneType.contentPane, contentId: 'content1', header: 'Content 1 Header', size: 260, // PIXELS // minResizeHeight: 400, }, { type: IgcDockManagerPaneType.splitPane, orientation: IgcSplitPaneOrientation.horizontal, size: 240 + 10, panes: [ { // type: IgcDockManagerPaneType.splitPane, // orientation: IgcSplitPaneOrientation.vertical, // size: this.bodyWidth / 3, // panes: [ // { type: IgcDockManagerPaneType.contentPane, contentId: 'content2', header: 'Content 2 Header', size: 240, // PIXELS // }, // ], }, // { // type: IgcDockManagerPaneType.splitPane, // orientation: IgcSplitPaneOrientation.vertical, // useFixedSize: true, // size: (this.bodyWidth * 2) / 3, // panes: [ { type: IgcDockManagerPaneType.contentPane, contentId: 'content3', header: 'Content 3 Header', size: 240, // PIXELS ...this.commonProps }, // ], // }, // { // type: IgcDockManagerPaneType.contentPane, // contentId: 'content_not_used_2', // header: 'NOT USED', // // size: 0, // ...this.commonProps, // }, ], }, { type: IgcDockManagerPaneType.contentPane, contentId: 'content4', header: 'Content 4 Header', size: 290, // PIXELS }, { type: IgcDockManagerPaneType.splitPane, orientation: IgcSplitPaneOrientation.horizontal, size: 240 + 10, panes: [ { type: IgcDockManagerPaneType.splitPane, orientation: IgcSplitPaneOrientation.vertical, size: this.bodyWidth / 3, panes: [ { type: IgcDockManagerPaneType.contentPane, contentId: 'content5', header: 'Content 5 Header', size: 240, // PIXELS }, ], }, { type: IgcDockManagerPaneType.splitPane, orientation: IgcSplitPaneOrientation.vertical, size: (this.bodyWidth * 2) / 3, panes: [ { type: IgcDockManagerPaneType.contentPane, contentId: 'content6', header: 'Content 6 Header', size: 240, // PIXELS }, ], }, // { // type: IgcDockManagerPaneType.contentPane, // contentId: 'content_not_used_3', // header: 'NOT USED', // ...this.commonProps, // }, ], }, { type: IgcDockManagerPaneType.splitPane, orientation: IgcSplitPaneOrientation.horizontal, size: 240 + 10, panes: [ { type: IgcDockManagerPaneType.splitPane, orientation: IgcSplitPaneOrientation.vertical, size: this.bodyWidth / 2, panes: [ { type: IgcDockManagerPaneType.contentPane, contentId: 'content7', header: 'Content 7 Header', size: 240, // PIXELS }, ], }, { type: IgcDockManagerPaneType.splitPane, orientation: IgcSplitPaneOrientation.vertical, size: this.bodyWidth / 2, panes: [ { type: IgcDockManagerPaneType.contentPane, contentId: 'content8', header: 'Content 8 Header', size: 240, // PIXELS }, ], }, // { // type: IgcDockManagerPaneType.contentPane, // contentId: 'content_not_used_4', // header: 'NOT USED', // ...this.commonProps, // }, ], }, { type: IgcDockManagerPaneType.contentPane, contentId: 'content9', header: 'Content 9 Header', size: 290, // PIXELS }, // { // type: IgcDockManagerPaneType.contentPane, // contentId: 'content_not_used_1', // header: 'NOT USED', // ...this.commonProps, // }, ], }, floatingPanes: [], }"
|
|
6062
6246
|
},
|
|
6063
6247
|
{
|
|
6064
6248
|
"kind": "field",
|
|
@@ -6160,6 +6344,19 @@
|
|
|
6160
6344
|
}
|
|
6161
6345
|
]
|
|
6162
6346
|
},
|
|
6347
|
+
{
|
|
6348
|
+
"kind": "method",
|
|
6349
|
+
"name": "handlePaneFlyoutToggle",
|
|
6350
|
+
"privacy": "private",
|
|
6351
|
+
"parameters": [
|
|
6352
|
+
{
|
|
6353
|
+
"name": "event",
|
|
6354
|
+
"type": {
|
|
6355
|
+
"text": "CustomEvent"
|
|
6356
|
+
}
|
|
6357
|
+
}
|
|
6358
|
+
]
|
|
6359
|
+
},
|
|
6163
6360
|
{
|
|
6164
6361
|
"kind": "method",
|
|
6165
6362
|
"name": "handleDragStart",
|
|
@@ -6852,6 +7049,22 @@
|
|
|
6852
7049
|
},
|
|
6853
7050
|
"default": "false"
|
|
6854
7051
|
},
|
|
7052
|
+
{
|
|
7053
|
+
"kind": "field",
|
|
7054
|
+
"name": "minResizeWidth",
|
|
7055
|
+
"type": {
|
|
7056
|
+
"text": "number"
|
|
7057
|
+
},
|
|
7058
|
+
"default": "IGC_RESIZING_MIN_SIZE"
|
|
7059
|
+
},
|
|
7060
|
+
{
|
|
7061
|
+
"kind": "field",
|
|
7062
|
+
"name": "minResizeHeight",
|
|
7063
|
+
"type": {
|
|
7064
|
+
"text": "number"
|
|
7065
|
+
},
|
|
7066
|
+
"default": "IGC_RESIZING_MIN_SIZE"
|
|
7067
|
+
},
|
|
6855
7068
|
{
|
|
6856
7069
|
"kind": "method",
|
|
6857
7070
|
"name": "selectedIndexPropertyChanged",
|
|
@@ -7087,6 +7300,20 @@
|
|
|
7087
7300
|
"type": {
|
|
7088
7301
|
"text": "boolean"
|
|
7089
7302
|
}
|
|
7303
|
+
},
|
|
7304
|
+
{
|
|
7305
|
+
"name": "min-resize-width",
|
|
7306
|
+
"fieldName": "minResizeWidth",
|
|
7307
|
+
"type": {
|
|
7308
|
+
"text": "number"
|
|
7309
|
+
}
|
|
7310
|
+
},
|
|
7311
|
+
{
|
|
7312
|
+
"name": "min-resize-height",
|
|
7313
|
+
"fieldName": "minResizeHeight",
|
|
7314
|
+
"type": {
|
|
7315
|
+
"text": "number"
|
|
7316
|
+
}
|
|
7090
7317
|
}
|
|
7091
7318
|
],
|
|
7092
7319
|
"tagName": "igc-tabs-component",
|
|
@@ -8107,6 +8334,22 @@
|
|
|
8107
8334
|
},
|
|
8108
8335
|
"default": "false"
|
|
8109
8336
|
},
|
|
8337
|
+
{
|
|
8338
|
+
"kind": "field",
|
|
8339
|
+
"name": "minResizeWidth",
|
|
8340
|
+
"type": {
|
|
8341
|
+
"text": "number"
|
|
8342
|
+
},
|
|
8343
|
+
"default": "IGC_RESIZING_MIN_SIZE"
|
|
8344
|
+
},
|
|
8345
|
+
{
|
|
8346
|
+
"kind": "field",
|
|
8347
|
+
"name": "minResizeHeight",
|
|
8348
|
+
"type": {
|
|
8349
|
+
"text": "number"
|
|
8350
|
+
},
|
|
8351
|
+
"default": "IGC_RESIZING_MIN_SIZE"
|
|
8352
|
+
},
|
|
8110
8353
|
{
|
|
8111
8354
|
"kind": "method",
|
|
8112
8355
|
"name": "render"
|
|
@@ -8162,6 +8405,20 @@
|
|
|
8162
8405
|
"type": {
|
|
8163
8406
|
"text": "boolean"
|
|
8164
8407
|
}
|
|
8408
|
+
},
|
|
8409
|
+
{
|
|
8410
|
+
"name": "min-resize-width",
|
|
8411
|
+
"fieldName": "minResizeWidth",
|
|
8412
|
+
"type": {
|
|
8413
|
+
"text": "number"
|
|
8414
|
+
}
|
|
8415
|
+
},
|
|
8416
|
+
{
|
|
8417
|
+
"name": "min-resize-height",
|
|
8418
|
+
"fieldName": "minResizeHeight",
|
|
8419
|
+
"type": {
|
|
8420
|
+
"text": "number"
|
|
8421
|
+
}
|
|
8165
8422
|
}
|
|
8166
8423
|
],
|
|
8167
8424
|
"tagName": "igc-content-pane-component",
|
|
@@ -8967,6 +9224,22 @@
|
|
|
8967
9224
|
},
|
|
8968
9225
|
"default": "false"
|
|
8969
9226
|
},
|
|
9227
|
+
{
|
|
9228
|
+
"kind": "field",
|
|
9229
|
+
"name": "minResizeWidth",
|
|
9230
|
+
"type": {
|
|
9231
|
+
"text": "number"
|
|
9232
|
+
},
|
|
9233
|
+
"default": "IGC_RESIZING_MIN_SIZE"
|
|
9234
|
+
},
|
|
9235
|
+
{
|
|
9236
|
+
"kind": "field",
|
|
9237
|
+
"name": "minResizeHeight",
|
|
9238
|
+
"type": {
|
|
9239
|
+
"text": "number"
|
|
9240
|
+
},
|
|
9241
|
+
"default": "IGC_RESIZING_MIN_SIZE"
|
|
9242
|
+
},
|
|
8970
9243
|
{
|
|
8971
9244
|
"kind": "method",
|
|
8972
9245
|
"name": "render"
|
|
@@ -9000,6 +9273,20 @@
|
|
|
9000
9273
|
"type": {
|
|
9001
9274
|
"text": "boolean"
|
|
9002
9275
|
}
|
|
9276
|
+
},
|
|
9277
|
+
{
|
|
9278
|
+
"name": "min-resize-width",
|
|
9279
|
+
"fieldName": "minResizeWidth",
|
|
9280
|
+
"type": {
|
|
9281
|
+
"text": "number"
|
|
9282
|
+
}
|
|
9283
|
+
},
|
|
9284
|
+
{
|
|
9285
|
+
"name": "min-resize-height",
|
|
9286
|
+
"fieldName": "minResizeHeight",
|
|
9287
|
+
"type": {
|
|
9288
|
+
"text": "number"
|
|
9289
|
+
}
|
|
9003
9290
|
}
|
|
9004
9291
|
],
|
|
9005
9292
|
"tagName": "igc-split-pane-component",
|
|
@@ -9058,6 +9345,14 @@
|
|
|
9058
9345
|
},
|
|
9059
9346
|
"privacy": "private"
|
|
9060
9347
|
},
|
|
9348
|
+
{
|
|
9349
|
+
"kind": "field",
|
|
9350
|
+
"name": "paneMinSizes",
|
|
9351
|
+
"type": {
|
|
9352
|
+
"text": "number[]"
|
|
9353
|
+
},
|
|
9354
|
+
"privacy": "private"
|
|
9355
|
+
},
|
|
9061
9356
|
{
|
|
9062
9357
|
"kind": "field",
|
|
9063
9358
|
"name": "ghostElement",
|
|
@@ -9343,6 +9638,30 @@
|
|
|
9343
9638
|
}
|
|
9344
9639
|
]
|
|
9345
9640
|
},
|
|
9641
|
+
{
|
|
9642
|
+
"kind": "method",
|
|
9643
|
+
"name": "getMinSize",
|
|
9644
|
+
"privacy": "private",
|
|
9645
|
+
"return": {
|
|
9646
|
+
"type": {
|
|
9647
|
+
"text": "number"
|
|
9648
|
+
}
|
|
9649
|
+
},
|
|
9650
|
+
"parameters": [
|
|
9651
|
+
{
|
|
9652
|
+
"name": "pane",
|
|
9653
|
+
"type": {
|
|
9654
|
+
"text": "HTMLElement | undefined"
|
|
9655
|
+
}
|
|
9656
|
+
},
|
|
9657
|
+
{
|
|
9658
|
+
"name": "orientation",
|
|
9659
|
+
"type": {
|
|
9660
|
+
"text": "'horizontal' | 'vertical'"
|
|
9661
|
+
}
|
|
9662
|
+
}
|
|
9663
|
+
]
|
|
9664
|
+
},
|
|
9346
9665
|
{
|
|
9347
9666
|
"kind": "method",
|
|
9348
9667
|
"name": "handleSlotChange"
|