igniteui-dockmanager 1.19.0-alpha.0 → 1.19.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 +57 -24
- package/dist/cjs/igc-button-component_22.cjs.entry.js +259 -69
- package/dist/cjs/igc-button-component_22.cjs.entry.js.map +1 -1
- package/dist/cjs/locale-5a933370.js.map +1 -1
- package/dist/collection/components/dockmanager/dockmanager-component.js +168 -15
- 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 +43 -14
- package/dist/collection/components/dockmanager/dockmanager.service.js.map +1 -1
- package/dist/collection/components/dockmanager/dockmanager.service.spec.js +382 -29
- package/dist/collection/components/dockmanager/dockmanager.service.spec.js.map +1 -1
- package/dist/collection/components/dockmanager/panes/splitter-component.js +37 -31
- package/dist/collection/components/dockmanager/panes/splitter-component.js.map +1 -1
- package/dist/collection/components/sample-component/sample-component.css +8 -0
- package/dist/collection/components/sample-component/sample-component.js +12 -9
- package/dist/collection/components/sample-component/sample-component.js.map +1 -1
- package/dist/collection/utils/domrect-polyfill.spec.js +119 -0
- package/dist/collection/utils/domrect-polyfill.spec.js.map +1 -0
- package/dist/collection/utils/test-utils.js +1 -1
- package/dist/collection/utils/test-utils.js.map +1 -1
- package/dist/collection/utils/utils.js +6 -5
- package/dist/collection/utils/utils.js.map +1 -1
- package/dist/collection/utils/utils.spec.js +369 -0
- package/dist/collection/utils/utils.spec.js.map +1 -0
- package/dist/esm/igc-button-component_22.entry.js +259 -69
- package/dist/esm/igc-button-component_22.entry.js.map +1 -1
- package/dist/esm/locale-c5526eb7.js.map +1 -1
- package/dist/igniteui-dockmanager/igniteui-dockmanager.esm.js +1 -1
- package/dist/igniteui-dockmanager/p-8c158dc6.js.map +1 -1
- package/dist/igniteui-dockmanager/p-e6b94088.entry.js +2 -0
- package/dist/igniteui-dockmanager/p-e6b94088.entry.js.map +1 -0
- package/dist/types/components/dockmanager/dockmanager-component.d.ts +42 -2
- package/dist/types/components/dockmanager/dockmanager.interfaces.d.ts +6 -2
- package/dist/types/components/dockmanager/dockmanager.public-interfaces.d.ts +7 -1
- package/dist/types/components/dockmanager/dockmanager.service.d.ts +7 -0
- package/dist/types/components.d.ts +4 -4
- package/dist/types/utils/test-utils.d.ts +2 -2
- package/loader/cdn.js +2 -2
- package/loader/index.cjs.js +2 -2
- package/package.json +1 -1
- package/dist/igniteui-dockmanager/p-7c1dbd16.entry.js +0 -2
- package/dist/igniteui-dockmanager/p-7c1dbd16.entry.js.map +0 -1
package/custom-elements.json
CHANGED
|
@@ -479,7 +479,7 @@
|
|
|
479
479
|
{
|
|
480
480
|
"kind": "field",
|
|
481
481
|
"name": "layoutChange",
|
|
482
|
-
"default": "new EventEmitterMock()"
|
|
482
|
+
"default": "new EventEmitterMock<IgcLayoutChangeEventArgs>()"
|
|
483
483
|
},
|
|
484
484
|
{
|
|
485
485
|
"kind": "field",
|
|
@@ -1390,6 +1390,15 @@
|
|
|
1390
1390
|
},
|
|
1391
1391
|
"privacy": "private"
|
|
1392
1392
|
},
|
|
1393
|
+
{
|
|
1394
|
+
"kind": "field",
|
|
1395
|
+
"name": "cachedHeaderHeight",
|
|
1396
|
+
"type": {
|
|
1397
|
+
"text": "number | null"
|
|
1398
|
+
},
|
|
1399
|
+
"privacy": "private",
|
|
1400
|
+
"default": "null"
|
|
1401
|
+
},
|
|
1393
1402
|
{
|
|
1394
1403
|
"kind": "field",
|
|
1395
1404
|
"name": "activePaneInternalSet",
|
|
@@ -2325,6 +2334,13 @@
|
|
|
2325
2334
|
"type": {
|
|
2326
2335
|
"text": "'previous' | 'next'"
|
|
2327
2336
|
}
|
|
2337
|
+
},
|
|
2338
|
+
{
|
|
2339
|
+
"name": "unpinnedLocation",
|
|
2340
|
+
"optional": true,
|
|
2341
|
+
"type": {
|
|
2342
|
+
"text": "IgcUnpinnedLocation"
|
|
2343
|
+
}
|
|
2328
2344
|
}
|
|
2329
2345
|
]
|
|
2330
2346
|
},
|
|
@@ -3183,25 +3199,6 @@
|
|
|
3183
3199
|
"name": "removeHoveredPane",
|
|
3184
3200
|
"privacy": "private"
|
|
3185
3201
|
},
|
|
3186
|
-
{
|
|
3187
|
-
"kind": "method",
|
|
3188
|
-
"name": "togglePaneHeaderVisibility",
|
|
3189
|
-
"privacy": "private",
|
|
3190
|
-
"parameters": [
|
|
3191
|
-
{
|
|
3192
|
-
"name": "pane",
|
|
3193
|
-
"type": {
|
|
3194
|
-
"text": "IgcContentPane"
|
|
3195
|
-
}
|
|
3196
|
-
},
|
|
3197
|
-
{
|
|
3198
|
-
"name": "event",
|
|
3199
|
-
"type": {
|
|
3200
|
-
"text": "MouseEvent"
|
|
3201
|
-
}
|
|
3202
|
-
}
|
|
3203
|
-
]
|
|
3204
|
-
},
|
|
3205
3202
|
{
|
|
3206
3203
|
"kind": "method",
|
|
3207
3204
|
"name": "renderButtonsTemplates",
|
|
@@ -3703,7 +3700,7 @@
|
|
|
3703
3700
|
{
|
|
3704
3701
|
"name": "layoutChange",
|
|
3705
3702
|
"type": {
|
|
3706
|
-
"text": "EventEmitter"
|
|
3703
|
+
"text": "EventEmitter<IgcLayoutChangeEventArgs>"
|
|
3707
3704
|
}
|
|
3708
3705
|
}
|
|
3709
3706
|
],
|
|
@@ -3788,6 +3785,14 @@
|
|
|
3788
3785
|
"text": "number"
|
|
3789
3786
|
},
|
|
3790
3787
|
"default": "50"
|
|
3788
|
+
},
|
|
3789
|
+
{
|
|
3790
|
+
"kind": "variable",
|
|
3791
|
+
"name": "IGC_DEFAULT_FLOATING_PANE_HEADER_HEIGHT",
|
|
3792
|
+
"type": {
|
|
3793
|
+
"text": "number"
|
|
3794
|
+
},
|
|
3795
|
+
"default": "30"
|
|
3791
3796
|
}
|
|
3792
3797
|
],
|
|
3793
3798
|
"exports": [
|
|
@@ -3846,6 +3851,14 @@
|
|
|
3846
3851
|
"name": "IGC_DRAG_FLYOUT_THRESHOLD",
|
|
3847
3852
|
"module": "src/components/dockmanager/dockmanager.interfaces.ts"
|
|
3848
3853
|
}
|
|
3854
|
+
},
|
|
3855
|
+
{
|
|
3856
|
+
"kind": "js",
|
|
3857
|
+
"name": "IGC_DEFAULT_FLOATING_PANE_HEADER_HEIGHT",
|
|
3858
|
+
"declaration": {
|
|
3859
|
+
"name": "IGC_DEFAULT_FLOATING_PANE_HEADER_HEIGHT",
|
|
3860
|
+
"module": "src/components/dockmanager/dockmanager.interfaces.ts"
|
|
3861
|
+
}
|
|
3849
3862
|
}
|
|
3850
3863
|
]
|
|
3851
3864
|
},
|
|
@@ -5364,6 +5377,26 @@
|
|
|
5364
5377
|
},
|
|
5365
5378
|
"description": "Get the actual rendered size of a splitter element from the DOM."
|
|
5366
5379
|
},
|
|
5380
|
+
{
|
|
5381
|
+
"kind": "method",
|
|
5382
|
+
"name": "getFloatingPaneHeaderHeight",
|
|
5383
|
+
"privacy": "private",
|
|
5384
|
+
"return": {
|
|
5385
|
+
"type": {
|
|
5386
|
+
"text": ""
|
|
5387
|
+
}
|
|
5388
|
+
},
|
|
5389
|
+
"parameters": [
|
|
5390
|
+
{
|
|
5391
|
+
"name": "pane",
|
|
5392
|
+
"type": {
|
|
5393
|
+
"text": "IgcSplitPane"
|
|
5394
|
+
},
|
|
5395
|
+
"description": "The floating pane to check"
|
|
5396
|
+
}
|
|
5397
|
+
],
|
|
5398
|
+
"description": "Get the actual rendered height of a floating pane header from the DOM.\r\nThis accounts for user customization via slots, CSS parts, or other styling."
|
|
5399
|
+
},
|
|
5367
5400
|
{
|
|
5368
5401
|
"kind": "method",
|
|
5369
5402
|
"name": "getFloatingPaneMinConstraints",
|
|
@@ -6181,7 +6214,7 @@
|
|
|
6181
6214
|
"text": "IgcContentPane"
|
|
6182
6215
|
},
|
|
6183
6216
|
"privacy": "private",
|
|
6184
|
-
"default": "{ type: IgcDockManagerPaneType.contentPane, header: 'Toolbox', contentId: 'content1', isPinned: false, unpinnedHeaderId: \"toolboxHeader\" }"
|
|
6217
|
+
"default": "{ type: IgcDockManagerPaneType.contentPane, header: 'Toolbox', contentId: 'content1', isPinned: false, // minResizeWidth: 200, // minResizeHeight: 150, unpinnedHeaderId: \"toolboxHeader\" }"
|
|
6185
6218
|
},
|
|
6186
6219
|
{
|
|
6187
6220
|
"kind": "field",
|
|
@@ -6198,7 +6231,7 @@
|
|
|
6198
6231
|
"type": {
|
|
6199
6232
|
"text": "IgcDockManagerLayout"
|
|
6200
6233
|
},
|
|
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, //
|
|
6234
|
+
"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, // minResizeHeight: 300, 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, // minResizeHeight: 200, 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, // minResizeHeight: 175 }] }, { type: IgcDockManagerPaneType.splitPane, orientation: IgcSplitPaneOrientation.vertical, panes: [ { type: IgcDockManagerPaneType.tabGroupPane, size: 200, allowEmpty: true, // minResizeHeight: 300, panes: [ { type: IgcDockManagerPaneType.contentPane, header: 'Solution Explorer', headerId: 'header1', tabHeaderId: 'tabHeader1', unpinnedHeaderId: 'unpinnedHeader1', contentId: 'content4', // minResizeWidth: 200, // minResizeHeight: 150, 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.vertical, floatingLocation: { x: 250, y: 350 }, floatingWidth: 300, floatingHeight: 200, // minResizeWidth: 350, // minResizeHeight: 475, 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' } ] } ] } ] }"
|
|
6202
6235
|
},
|
|
6203
6236
|
{
|
|
6204
6237
|
"kind": "field",
|
|
@@ -6242,7 +6275,7 @@
|
|
|
6242
6275
|
"type": {
|
|
6243
6276
|
"text": "IgcDockManagerLayout"
|
|
6244
6277
|
},
|
|
6245
|
-
"default": "{ rootPane: { type: IgcDockManagerPaneType.splitPane, orientation: IgcSplitPaneOrientation.vertical, useFixedSize: true, panes: [ { type: IgcDockManagerPaneType.contentPane, contentId: 'content1', header: 'Content 1 Header', size: 260, // PIXELS
|
|
6278
|
+
"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: [], }"
|
|
6246
6279
|
},
|
|
6247
6280
|
{
|
|
6248
6281
|
"kind": "field",
|