dockview 1.5.2 → 1.6.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/dist/cjs/api/component.api.d.ts +3 -2
- package/dist/cjs/api/component.api.js +9 -2
- package/dist/cjs/api/component.api.js.map +1 -1
- package/dist/cjs/api/{groupPanelApi.d.ts → dockviewPanelApi.d.ts} +2 -2
- package/dist/cjs/api/{groupPanelApi.js → dockviewPanelApi.js} +4 -6
- package/dist/cjs/api/dockviewPanelApi.js.map +1 -0
- package/dist/cjs/api/gridviewPanelApi.d.ts +4 -3
- package/dist/cjs/api/gridviewPanelApi.js +4 -4
- package/dist/cjs/api/gridviewPanelApi.js.map +1 -1
- package/dist/cjs/api/panelApi.d.ts +7 -0
- package/dist/cjs/api/panelApi.js +17 -1
- package/dist/cjs/api/panelApi.js.map +1 -1
- package/dist/cjs/array.d.ts +1 -1
- package/dist/cjs/dnd/abstractDragHandler.d.ts +2 -2
- package/dist/cjs/dnd/abstractDragHandler.js +3 -3
- package/dist/cjs/dnd/abstractDragHandler.js.map +1 -1
- package/dist/cjs/dnd/dataTransfer.d.ts +2 -2
- package/dist/cjs/dnd/dataTransfer.js.map +1 -1
- package/dist/cjs/dnd/dnd.d.ts +1 -1
- package/dist/cjs/dnd/dnd.js +7 -12
- package/dist/cjs/dnd/dnd.js.map +1 -1
- package/dist/cjs/dnd/droptarget.d.ts +20 -15
- package/dist/cjs/dnd/droptarget.js +152 -74
- package/dist/cjs/dnd/droptarget.js.map +1 -1
- package/dist/cjs/dnd/ghost.d.ts +1 -0
- package/dist/cjs/dnd/ghost.js +15 -0
- package/dist/cjs/dnd/ghost.js.map +1 -0
- package/dist/cjs/dnd/groupDragHandler.d.ts +11 -0
- package/dist/cjs/dnd/groupDragHandler.js +62 -0
- package/dist/cjs/dnd/groupDragHandler.js.map +1 -0
- package/dist/cjs/dockview/defaultGroupPanelView.d.ts +1 -1
- package/dist/cjs/dockview/deserializer.d.ts +2 -1
- package/dist/cjs/dockview/dockviewComponent.d.ts +15 -7
- package/dist/cjs/dockview/dockviewComponent.js +215 -34
- package/dist/cjs/dockview/dockviewComponent.js.map +1 -1
- package/dist/{esm/dockview/dockviewGroupPanel.d.ts → cjs/dockview/dockviewPanel.d.ts} +16 -5
- package/dist/cjs/dockview/{dockviewGroupPanel.js → dockviewPanel.js} +25 -21
- package/dist/cjs/dockview/dockviewPanel.js.map +1 -0
- package/dist/cjs/dockview/options.d.ts +32 -10
- package/dist/cjs/dockview/options.js +29 -0
- package/dist/cjs/dockview/options.js.map +1 -1
- package/dist/cjs/dockview/validation.d.ts +2 -0
- package/dist/cjs/dockview/validation.js +135 -0
- package/dist/cjs/dockview/validation.js.map +1 -0
- package/dist/cjs/gridview/baseComponentGridview.d.ts +1 -1
- package/dist/cjs/gridview/baseComponentGridview.js +5 -6
- package/dist/cjs/gridview/baseComponentGridview.js.map +1 -1
- package/dist/cjs/gridview/basePanelView.d.ts +2 -2
- package/dist/cjs/gridview/gridview.d.ts +9 -3
- package/dist/cjs/gridview/gridview.js +38 -7
- package/dist/cjs/gridview/gridview.js.map +1 -1
- package/dist/cjs/gridview/gridviewComponent.d.ts +2 -2
- package/dist/cjs/gridview/gridviewComponent.js +2 -3
- package/dist/cjs/gridview/gridviewComponent.js.map +1 -1
- package/dist/cjs/gridview/gridviewPanel.d.ts +3 -3
- package/dist/cjs/gridview/gridviewPanel.js +1 -2
- package/dist/cjs/gridview/gridviewPanel.js.map +1 -1
- package/dist/cjs/gridview/types.d.ts +1 -1
- package/dist/cjs/groupview/dnd.d.ts +2 -1
- package/dist/cjs/groupview/dnd.js +1 -0
- package/dist/cjs/groupview/dnd.js.map +1 -1
- package/dist/cjs/groupview/groupview.d.ts +6 -6
- package/dist/cjs/groupview/groupview.js +43 -25
- package/dist/cjs/groupview/groupview.js.map +1 -1
- package/dist/cjs/groupview/groupviewPanel.d.ts +3 -3
- package/dist/cjs/groupview/panel/content.d.ts +1 -1
- package/dist/cjs/groupview/tab.d.ts +2 -12
- package/dist/cjs/groupview/tab.js +13 -9
- package/dist/cjs/groupview/tab.js.map +1 -1
- package/dist/cjs/groupview/titlebar/tabsContainer.d.ts +5 -8
- package/dist/cjs/groupview/titlebar/tabsContainer.js +23 -30
- package/dist/cjs/groupview/titlebar/tabsContainer.js.map +1 -1
- package/dist/cjs/groupview/titlebar/voidContainer.d.ts +15 -0
- package/dist/cjs/groupview/titlebar/voidContainer.js +74 -0
- package/dist/cjs/groupview/titlebar/voidContainer.js.map +1 -0
- package/dist/cjs/groupview/types.d.ts +18 -2
- package/dist/cjs/index.d.ts +3 -3
- package/dist/cjs/index.js +4 -3
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/paneview/draggablePaneviewPanel.js +6 -5
- package/dist/cjs/paneview/draggablePaneviewPanel.js.map +1 -1
- package/dist/cjs/paneview/paneviewComponent.js +2 -2
- package/dist/cjs/paneview/paneviewComponent.js.map +1 -1
- package/dist/cjs/paneview/paneviewPanel.js +1 -0
- package/dist/cjs/paneview/paneviewPanel.js.map +1 -1
- package/dist/cjs/react/deserializer.d.ts +2 -1
- package/dist/cjs/react/deserializer.js +2 -2
- package/dist/cjs/react/deserializer.js.map +1 -1
- package/dist/cjs/react/dockview/defaultTab.d.ts +1 -1
- package/dist/cjs/react/dockview/dockview.d.ts +5 -4
- package/dist/cjs/react/dockview/dockview.js +1 -0
- package/dist/cjs/react/dockview/dockview.js.map +1 -1
- package/dist/cjs/react/dockview/groupControlsRenderer.d.ts +1 -1
- package/dist/cjs/react/gridview/view.js +2 -1
- package/dist/cjs/react/gridview/view.js.map +1 -1
- package/dist/cjs/react/react.d.ts +1 -1
- package/dist/cjs/splitview/core/splitview.d.ts +4 -4
- package/dist/cjs/splitview/splitviewComponent.d.ts +1 -1
- package/dist/cjs/splitview/splitviewComponent.js +2 -2
- package/dist/cjs/splitview/splitviewComponent.js.map +1 -1
- package/dist/cjs/splitview/splitviewPanel.js +1 -0
- package/dist/cjs/splitview/splitviewPanel.js.map +1 -1
- package/dist/cjs/types.d.ts +2 -1
- package/dist/cjs/types.js +5 -0
- package/dist/cjs/types.js.map +1 -1
- package/dist/dockview.amd.js +1411 -987
- package/dist/dockview.amd.min.js +2 -2
- package/dist/dockview.amd.min.noStyle.js +2 -2
- package/dist/dockview.amd.noStyle.js +1410 -986
- package/dist/dockview.cjs.js +1394 -970
- package/dist/dockview.esm.js +1385 -964
- package/dist/dockview.esm.min.js +2 -2
- package/dist/dockview.js +1411 -987
- package/dist/dockview.min.js +2 -2
- package/dist/dockview.min.noStyle.js +2 -2
- package/dist/dockview.noStyle.js +1410 -986
- package/dist/esm/actionbar/actionsContainer.js +3 -3
- package/dist/esm/api/component.api.d.ts +3 -2
- package/dist/esm/api/component.api.js +16 -13
- package/dist/esm/api/{groupPanelApi.d.ts → dockviewPanelApi.d.ts} +2 -2
- package/dist/esm/api/{groupPanelApi.js → dockviewPanelApi.js} +16 -18
- package/dist/esm/api/gridviewPanelApi.d.ts +4 -3
- package/dist/esm/api/gridviewPanelApi.js +4 -4
- package/dist/esm/api/panelApi.d.ts +7 -0
- package/dist/esm/api/panelApi.js +33 -17
- package/dist/esm/api/paneviewPanelApi.js +3 -3
- package/dist/esm/array.d.ts +1 -1
- package/dist/esm/dnd/abstractDragHandler.d.ts +2 -2
- package/dist/esm/dnd/abstractDragHandler.js +3 -3
- package/dist/esm/dnd/dataTransfer.d.ts +2 -2
- package/dist/esm/dnd/dnd.d.ts +1 -1
- package/dist/esm/dnd/dnd.js +7 -12
- package/dist/esm/dnd/droptarget.d.ts +20 -15
- package/dist/esm/dnd/droptarget.js +149 -67
- package/dist/esm/dnd/ghost.d.ts +1 -0
- package/dist/esm/dnd/ghost.js +10 -0
- package/dist/esm/dnd/groupDragHandler.d.ts +11 -0
- package/dist/esm/dnd/groupDragHandler.js +38 -0
- package/dist/esm/dockview/components/tab/defaultTab.js +6 -6
- package/dist/esm/dockview/components/watermark/watermark.js +3 -3
- package/dist/esm/dockview/defaultGroupPanelView.d.ts +1 -1
- package/dist/esm/dockview/defaultGroupPanelView.js +5 -5
- package/dist/esm/dockview/deserializer.d.ts +2 -1
- package/dist/esm/dockview/dockviewComponent.d.ts +15 -7
- package/dist/esm/dockview/dockviewComponent.js +229 -65
- package/dist/{cjs/dockview/dockviewGroupPanel.d.ts → esm/dockview/dockviewPanel.d.ts} +16 -5
- package/dist/esm/dockview/{dockviewGroupPanel.js → dockviewPanel.js} +19 -15
- package/dist/esm/dockview/options.d.ts +32 -10
- package/dist/esm/dockview/options.js +24 -1
- package/dist/esm/dockview/validation.d.ts +2 -0
- package/dist/esm/dockview/validation.js +86 -0
- package/dist/esm/gridview/baseComponentGridview.d.ts +1 -1
- package/dist/esm/gridview/baseComponentGridview.js +31 -32
- package/dist/esm/gridview/basePanelView.d.ts +2 -2
- package/dist/esm/gridview/basePanelView.js +13 -13
- package/dist/esm/gridview/branchNode.js +47 -47
- package/dist/esm/gridview/gridview.d.ts +9 -3
- package/dist/esm/gridview/gridview.js +41 -15
- package/dist/esm/gridview/gridviewComponent.d.ts +2 -2
- package/dist/esm/gridview/gridviewComponent.js +17 -18
- package/dist/esm/gridview/gridviewPanel.d.ts +3 -3
- package/dist/esm/gridview/gridviewPanel.js +45 -45
- package/dist/esm/gridview/leafNode.js +23 -23
- package/dist/esm/gridview/types.d.ts +1 -1
- package/dist/esm/groupview/dnd.d.ts +2 -1
- package/dist/esm/groupview/dnd.js +1 -0
- package/dist/esm/groupview/groupview.d.ts +6 -6
- package/dist/esm/groupview/groupview.js +90 -72
- package/dist/esm/groupview/groupviewPanel.d.ts +3 -3
- package/dist/esm/groupview/groupviewPanel.js +4 -4
- package/dist/esm/groupview/panel/content.d.ts +1 -1
- package/dist/esm/groupview/panel/content.js +3 -3
- package/dist/esm/groupview/tab.d.ts +2 -12
- package/dist/esm/groupview/tab.js +15 -11
- package/dist/esm/groupview/titlebar/tabsContainer.d.ts +5 -8
- package/dist/esm/groupview/titlebar/tabsContainer.js +54 -61
- package/dist/esm/groupview/titlebar/voidContainer.d.ts +15 -0
- package/dist/esm/groupview/titlebar/voidContainer.js +47 -0
- package/dist/esm/groupview/types.d.ts +18 -2
- package/dist/esm/hostedContainer.js +3 -3
- package/dist/esm/index.d.ts +3 -3
- package/dist/esm/index.js +2 -2
- package/dist/esm/lifecycle.js +3 -3
- package/dist/esm/paneview/defaultPaneviewHeader.js +3 -3
- package/dist/esm/paneview/draggablePaneviewPanel.js +7 -6
- package/dist/esm/paneview/paneview.js +21 -21
- package/dist/esm/paneview/paneviewComponent.js +30 -30
- package/dist/esm/paneview/paneviewPanel.js +45 -44
- package/dist/esm/react/deserializer.d.ts +2 -1
- package/dist/esm/react/deserializer.js +2 -2
- package/dist/esm/react/dockview/defaultTab.d.ts +1 -1
- package/dist/esm/react/dockview/dockview.d.ts +5 -4
- package/dist/esm/react/dockview/dockview.js +1 -0
- package/dist/esm/react/dockview/groupControlsRenderer.d.ts +1 -1
- package/dist/esm/react/dockview/groupControlsRenderer.js +8 -8
- package/dist/esm/react/dockview/reactContentPart.js +3 -3
- package/dist/esm/react/dockview/reactHeaderPart.js +3 -3
- package/dist/esm/react/dockview/reactWatermarkPart.js +3 -3
- package/dist/esm/react/dockview/v2/reactContentRenderer.js +9 -9
- package/dist/esm/react/dockview/v2/webviewContentRenderer.js +3 -3
- package/dist/esm/react/gridview/view.js +2 -1
- package/dist/esm/react/paneview/view.js +3 -3
- package/dist/esm/react/react.d.ts +1 -1
- package/dist/esm/splitview/core/splitview.d.ts +4 -4
- package/dist/esm/splitview/core/splitview.js +59 -59
- package/dist/esm/splitview/core/viewItem.js +15 -15
- package/dist/esm/splitview/splitviewComponent.d.ts +1 -1
- package/dist/esm/splitview/splitviewComponent.js +23 -23
- package/dist/esm/splitview/splitviewPanel.js +31 -30
- package/dist/esm/types.d.ts +2 -1
- package/dist/esm/types.js +3 -1
- package/dist/styles/dockview.css +23 -26
- package/package.json +12 -16
- package/dist/cjs/api/groupPanelApi.js.map +0 -1
- package/dist/cjs/dockview/dockviewGroupPanel.js.map +0 -1
- package/dist/cjs/groupview/groupPanel.d.ts +0 -32
- package/dist/cjs/groupview/groupPanel.js +0 -3
- package/dist/cjs/groupview/groupPanel.js.map +0 -1
- package/dist/esm/groupview/groupPanel.d.ts +0 -32
- package/dist/esm/groupview/groupPanel.js +0 -1
|
@@ -15,22 +15,50 @@ var __extends = (this && this.__extends) || (function () {
|
|
|
15
15
|
};
|
|
16
16
|
})();
|
|
17
17
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
-
exports.Droptarget = exports.
|
|
18
|
+
exports.calculateQuadrantAsPixels = exports.calculateQuadrantAsPercentage = exports.Droptarget = exports.positionToDirection = exports.directionToPosition = void 0;
|
|
19
19
|
var dom_1 = require("../dom");
|
|
20
20
|
var events_1 = require("../events");
|
|
21
21
|
var lifecycle_1 = require("../lifecycle");
|
|
22
22
|
var dnd_1 = require("./dnd");
|
|
23
|
-
var
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
Position["Bottom"] = "Bottom";
|
|
28
|
-
Position["Right"] = "Right";
|
|
29
|
-
Position["Center"] = "Center";
|
|
30
|
-
})(Position = exports.Position || (exports.Position = {}));
|
|
31
|
-
function isBooleanValue(canDisplayOverlay) {
|
|
32
|
-
return typeof canDisplayOverlay === 'boolean';
|
|
23
|
+
var math_1 = require("../math");
|
|
24
|
+
var types_1 = require("../types");
|
|
25
|
+
function numberOrFallback(maybeNumber, fallback) {
|
|
26
|
+
return typeof maybeNumber === 'number' ? maybeNumber : fallback;
|
|
33
27
|
}
|
|
28
|
+
function directionToPosition(direction) {
|
|
29
|
+
switch (direction) {
|
|
30
|
+
case 'above':
|
|
31
|
+
return 'top';
|
|
32
|
+
case 'below':
|
|
33
|
+
return 'bottom';
|
|
34
|
+
case 'left':
|
|
35
|
+
return 'left';
|
|
36
|
+
case 'right':
|
|
37
|
+
return 'right';
|
|
38
|
+
case 'within':
|
|
39
|
+
return 'center';
|
|
40
|
+
default:
|
|
41
|
+
throw new Error("invalid direction '".concat(direction, "'"));
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
exports.directionToPosition = directionToPosition;
|
|
45
|
+
function positionToDirection(position) {
|
|
46
|
+
switch (position) {
|
|
47
|
+
case 'top':
|
|
48
|
+
return 'above';
|
|
49
|
+
case 'bottom':
|
|
50
|
+
return 'below';
|
|
51
|
+
case 'left':
|
|
52
|
+
return 'left';
|
|
53
|
+
case 'right':
|
|
54
|
+
return 'right';
|
|
55
|
+
case 'center':
|
|
56
|
+
return 'within';
|
|
57
|
+
default:
|
|
58
|
+
throw new Error("invalid position '".concat(position, "'"));
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
exports.positionToDirection = positionToDirection;
|
|
34
62
|
var Droptarget = /** @class */ (function (_super) {
|
|
35
63
|
__extends(Droptarget, _super);
|
|
36
64
|
function Droptarget(element, options) {
|
|
@@ -39,6 +67,8 @@ var Droptarget = /** @class */ (function (_super) {
|
|
|
39
67
|
_this.options = options;
|
|
40
68
|
_this._onDrop = new events_1.Emitter();
|
|
41
69
|
_this.onDrop = _this._onDrop.event;
|
|
70
|
+
// use a set to take advantage of #<set>.has
|
|
71
|
+
var acceptedTargetZonesSet = new Set(_this.options.acceptedTargetZones);
|
|
42
72
|
_this.addDisposables(_this._onDrop, new dnd_1.DragAndDropObserver(_this.element, {
|
|
43
73
|
onDragEnter: function () { return undefined; },
|
|
44
74
|
onDragOver: function (e) {
|
|
@@ -47,12 +77,16 @@ var Droptarget = /** @class */ (function (_super) {
|
|
|
47
77
|
if (width === 0 || height === 0) {
|
|
48
78
|
return; // avoid div!0
|
|
49
79
|
}
|
|
50
|
-
var
|
|
51
|
-
var
|
|
52
|
-
var
|
|
53
|
-
var
|
|
54
|
-
|
|
55
|
-
|
|
80
|
+
var rect = e.currentTarget.getBoundingClientRect();
|
|
81
|
+
var x = e.clientX - rect.left;
|
|
82
|
+
var y = e.clientY - rect.top;
|
|
83
|
+
var quadrant = _this.calculateQuadrant(acceptedTargetZonesSet, x, y, width, height);
|
|
84
|
+
if (quadrant === null) {
|
|
85
|
+
// no drop target should be displayed
|
|
86
|
+
_this.removeDropTarget();
|
|
87
|
+
return;
|
|
88
|
+
}
|
|
89
|
+
if ((0, types_1.isBooleanValue)(_this.options.canDisplayOverlay)) {
|
|
56
90
|
if (!_this.options.canDisplayOverlay) {
|
|
57
91
|
return;
|
|
58
92
|
}
|
|
@@ -65,20 +99,18 @@ var Droptarget = /** @class */ (function (_super) {
|
|
|
65
99
|
_this.target.className = 'drop-target-dropzone';
|
|
66
100
|
_this.overlay = document.createElement('div');
|
|
67
101
|
_this.overlay.className = 'drop-target-selection';
|
|
68
|
-
_this._state =
|
|
102
|
+
_this._state = 'center';
|
|
69
103
|
_this.target.appendChild(_this.overlay);
|
|
70
104
|
_this.element.classList.add('drop-target');
|
|
71
105
|
_this.element.append(_this.target);
|
|
72
106
|
}
|
|
73
|
-
if (_this.options.
|
|
107
|
+
if (_this.options.acceptedTargetZones.length === 0) {
|
|
74
108
|
return;
|
|
75
109
|
}
|
|
76
110
|
if (!_this.target || !_this.overlay) {
|
|
77
111
|
return;
|
|
78
112
|
}
|
|
79
|
-
|
|
80
|
-
var isSmallY = height < 100;
|
|
81
|
-
_this.toggleClasses(quadrant, isSmallX, isSmallY);
|
|
113
|
+
_this.toggleClasses(quadrant, width, height);
|
|
82
114
|
_this.setState(quadrant);
|
|
83
115
|
},
|
|
84
116
|
onDragLeave: function () {
|
|
@@ -106,35 +138,59 @@ var Droptarget = /** @class */ (function (_super) {
|
|
|
106
138
|
enumerable: false,
|
|
107
139
|
configurable: true
|
|
108
140
|
});
|
|
109
|
-
Object.defineProperty(Droptarget.prototype, "validOverlays", {
|
|
110
|
-
set: function (value) {
|
|
111
|
-
this.options.validOverlays = value;
|
|
112
|
-
},
|
|
113
|
-
enumerable: false,
|
|
114
|
-
configurable: true
|
|
115
|
-
});
|
|
116
|
-
Object.defineProperty(Droptarget.prototype, "canDisplayOverlay", {
|
|
117
|
-
set: function (value) {
|
|
118
|
-
this.options.canDisplayOverlay = value;
|
|
119
|
-
},
|
|
120
|
-
enumerable: false,
|
|
121
|
-
configurable: true
|
|
122
|
-
});
|
|
123
141
|
Droptarget.prototype.dispose = function () {
|
|
124
142
|
this.removeDropTarget();
|
|
125
143
|
};
|
|
126
|
-
Droptarget.prototype.toggleClasses = function (quadrant,
|
|
144
|
+
Droptarget.prototype.toggleClasses = function (quadrant, width, height) {
|
|
145
|
+
var _a, _b, _c, _d;
|
|
127
146
|
if (!this.overlay) {
|
|
128
147
|
return;
|
|
129
148
|
}
|
|
149
|
+
var isSmallX = width < 100;
|
|
150
|
+
var isSmallY = height < 100;
|
|
130
151
|
var isLeft = quadrant === 'left';
|
|
131
152
|
var isRight = quadrant === 'right';
|
|
132
153
|
var isTop = quadrant === 'top';
|
|
133
154
|
var isBottom = quadrant === 'bottom';
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
155
|
+
var rightClass = !isSmallX && isRight;
|
|
156
|
+
var leftClass = !isSmallX && isLeft;
|
|
157
|
+
var topClass = !isSmallY && isTop;
|
|
158
|
+
var bottomClass = !isSmallY && isBottom;
|
|
159
|
+
var size = 0.5;
|
|
160
|
+
if (((_b = (_a = this.options.overlayModel) === null || _a === void 0 ? void 0 : _a.size) === null || _b === void 0 ? void 0 : _b.type) === 'percentage') {
|
|
161
|
+
size = (0, math_1.clamp)(this.options.overlayModel.size.value, 0, 100) / 100;
|
|
162
|
+
}
|
|
163
|
+
if (((_d = (_c = this.options.overlayModel) === null || _c === void 0 ? void 0 : _c.size) === null || _d === void 0 ? void 0 : _d.type) === 'pixels') {
|
|
164
|
+
if (rightClass || leftClass) {
|
|
165
|
+
size =
|
|
166
|
+
(0, math_1.clamp)(0, this.options.overlayModel.size.value, width) /
|
|
167
|
+
width;
|
|
168
|
+
}
|
|
169
|
+
if (topClass || bottomClass) {
|
|
170
|
+
size =
|
|
171
|
+
(0, math_1.clamp)(0, this.options.overlayModel.size.value, height) /
|
|
172
|
+
height;
|
|
173
|
+
}
|
|
174
|
+
}
|
|
175
|
+
var translate = (1 - size) / 2;
|
|
176
|
+
var scale = size;
|
|
177
|
+
var transform;
|
|
178
|
+
if (rightClass) {
|
|
179
|
+
transform = "translateX(".concat(100 * translate, "%) scaleX(").concat(scale, ")");
|
|
180
|
+
}
|
|
181
|
+
else if (leftClass) {
|
|
182
|
+
transform = "translateX(-".concat(100 * translate, "%) scaleX(").concat(scale, ")");
|
|
183
|
+
}
|
|
184
|
+
else if (topClass) {
|
|
185
|
+
transform = "translateY(-".concat(100 * translate, "%) scaleY(").concat(scale, ")");
|
|
186
|
+
}
|
|
187
|
+
else if (bottomClass) {
|
|
188
|
+
transform = "translateY(".concat(100 * translate, "%) scaleY(").concat(scale, ")");
|
|
189
|
+
}
|
|
190
|
+
else {
|
|
191
|
+
transform = '';
|
|
192
|
+
}
|
|
193
|
+
this.overlay.style.transform = transform;
|
|
138
194
|
(0, dom_1.toggleClass)(this.overlay, 'small-right', isSmallX && isRight);
|
|
139
195
|
(0, dom_1.toggleClass)(this.overlay, 'small-left', isSmallX && isLeft);
|
|
140
196
|
(0, dom_1.toggleClass)(this.overlay, 'small-top', isSmallY && isTop);
|
|
@@ -143,60 +199,82 @@ var Droptarget = /** @class */ (function (_super) {
|
|
|
143
199
|
Droptarget.prototype.setState = function (quadrant) {
|
|
144
200
|
switch (quadrant) {
|
|
145
201
|
case 'top':
|
|
146
|
-
this._state =
|
|
202
|
+
this._state = 'top';
|
|
147
203
|
break;
|
|
148
204
|
case 'left':
|
|
149
|
-
this._state =
|
|
205
|
+
this._state = 'left';
|
|
150
206
|
break;
|
|
151
207
|
case 'bottom':
|
|
152
|
-
this._state =
|
|
208
|
+
this._state = 'bottom';
|
|
153
209
|
break;
|
|
154
210
|
case 'right':
|
|
155
|
-
this._state =
|
|
211
|
+
this._state = 'right';
|
|
156
212
|
break;
|
|
157
|
-
|
|
158
|
-
this._state =
|
|
213
|
+
case 'center':
|
|
214
|
+
this._state = 'center';
|
|
159
215
|
break;
|
|
160
216
|
}
|
|
161
217
|
};
|
|
162
|
-
Droptarget.prototype.calculateQuadrant = function (overlayType,
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
return 'right';
|
|
170
|
-
}
|
|
171
|
-
if (yp < 20) {
|
|
172
|
-
return 'top';
|
|
173
|
-
}
|
|
174
|
-
if (yp > 80) {
|
|
175
|
-
return 'bottom';
|
|
176
|
-
}
|
|
177
|
-
break;
|
|
178
|
-
case 'vertical':
|
|
179
|
-
if (yp < 50) {
|
|
180
|
-
return 'top';
|
|
181
|
-
}
|
|
182
|
-
return 'bottom';
|
|
183
|
-
case 'horizontal':
|
|
184
|
-
if (xp < 50) {
|
|
185
|
-
return 'left';
|
|
186
|
-
}
|
|
187
|
-
return 'right';
|
|
218
|
+
Droptarget.prototype.calculateQuadrant = function (overlayType, x, y, width, height) {
|
|
219
|
+
var _a, _b, _c, _d, _e, _f;
|
|
220
|
+
var isPercentage = ((_a = this.options.overlayModel) === null || _a === void 0 ? void 0 : _a.activationSize) === undefined ||
|
|
221
|
+
((_c = (_b = this.options.overlayModel) === null || _b === void 0 ? void 0 : _b.activationSize) === null || _c === void 0 ? void 0 : _c.type) === 'percentage';
|
|
222
|
+
var value = numberOrFallback((_f = (_e = (_d = this.options) === null || _d === void 0 ? void 0 : _d.overlayModel) === null || _e === void 0 ? void 0 : _e.activationSize) === null || _f === void 0 ? void 0 : _f.value, 20);
|
|
223
|
+
if (isPercentage) {
|
|
224
|
+
return calculateQuadrantAsPercentage(overlayType, x, y, width, height, value);
|
|
188
225
|
}
|
|
189
|
-
return
|
|
226
|
+
return calculateQuadrantAsPixels(overlayType, x, y, width, height, value);
|
|
190
227
|
};
|
|
191
228
|
Droptarget.prototype.removeDropTarget = function () {
|
|
192
229
|
if (this.target) {
|
|
193
230
|
this._state = undefined;
|
|
194
231
|
this.element.removeChild(this.target);
|
|
195
232
|
this.target = undefined;
|
|
233
|
+
this.overlay = undefined;
|
|
196
234
|
this.element.classList.remove('drop-target');
|
|
197
235
|
}
|
|
198
236
|
};
|
|
199
237
|
return Droptarget;
|
|
200
238
|
}(lifecycle_1.CompositeDisposable));
|
|
201
239
|
exports.Droptarget = Droptarget;
|
|
240
|
+
function calculateQuadrantAsPercentage(overlayType, x, y, width, height, threshold) {
|
|
241
|
+
var xp = (100 * x) / width;
|
|
242
|
+
var yp = (100 * y) / height;
|
|
243
|
+
if (overlayType.has('left') && xp < threshold) {
|
|
244
|
+
return 'left';
|
|
245
|
+
}
|
|
246
|
+
if (overlayType.has('right') && xp > 100 - threshold) {
|
|
247
|
+
return 'right';
|
|
248
|
+
}
|
|
249
|
+
if (overlayType.has('top') && yp < threshold) {
|
|
250
|
+
return 'top';
|
|
251
|
+
}
|
|
252
|
+
if (overlayType.has('bottom') && yp > 100 - threshold) {
|
|
253
|
+
return 'bottom';
|
|
254
|
+
}
|
|
255
|
+
if (!overlayType.has('center')) {
|
|
256
|
+
return null;
|
|
257
|
+
}
|
|
258
|
+
return 'center';
|
|
259
|
+
}
|
|
260
|
+
exports.calculateQuadrantAsPercentage = calculateQuadrantAsPercentage;
|
|
261
|
+
function calculateQuadrantAsPixels(overlayType, x, y, width, height, threshold) {
|
|
262
|
+
if (overlayType.has('left') && x < threshold) {
|
|
263
|
+
return 'left';
|
|
264
|
+
}
|
|
265
|
+
if (overlayType.has('right') && x > width - threshold) {
|
|
266
|
+
return 'right';
|
|
267
|
+
}
|
|
268
|
+
if (overlayType.has('top') && y < threshold) {
|
|
269
|
+
return 'top';
|
|
270
|
+
}
|
|
271
|
+
if (overlayType.has('bottom') && y > height - threshold) {
|
|
272
|
+
return 'bottom';
|
|
273
|
+
}
|
|
274
|
+
if (!overlayType.has('center')) {
|
|
275
|
+
return null;
|
|
276
|
+
}
|
|
277
|
+
return 'center';
|
|
278
|
+
}
|
|
279
|
+
exports.calculateQuadrantAsPixels = calculateQuadrantAsPixels;
|
|
202
280
|
//# sourceMappingURL=droptarget.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"droptarget.js","sourceRoot":"","sources":["../../../src/dnd/droptarget.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,8BAAqC;AACrC,oCAA2C;AAC3C,0CAAmD;AACnD,6BAA4C;
|
|
1
|
+
{"version":3,"file":"droptarget.js","sourceRoot":"","sources":["../../../src/dnd/droptarget.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function addGhostImage(dataTransfer: DataTransfer, ghostElement: HTMLElement): void;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.addGhostImage = void 0;
|
|
4
|
+
var dom_1 = require("../dom");
|
|
5
|
+
function addGhostImage(dataTransfer, ghostElement) {
|
|
6
|
+
// class dockview provides to force ghost image to be drawn on a different layer and prevent weird rendering issues
|
|
7
|
+
(0, dom_1.addClasses)(ghostElement, 'dv-dragged');
|
|
8
|
+
document.body.appendChild(ghostElement);
|
|
9
|
+
dataTransfer.setDragImage(ghostElement, 0, 0);
|
|
10
|
+
setTimeout(function () {
|
|
11
|
+
ghostElement.remove();
|
|
12
|
+
}, 0);
|
|
13
|
+
}
|
|
14
|
+
exports.addGhostImage = addGhostImage;
|
|
15
|
+
//# sourceMappingURL=ghost.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ghost.js","sourceRoot":"","sources":["../../../src/dnd/ghost.ts"],"names":[],"mappings":";;;AAAA,8BAAoC;AAEpC,SAAgB,aAAa,CACzB,YAA0B,EAC1B,YAAyB;IAEzB,mHAAmH;IACnH,IAAA,gBAAU,EAAC,YAAY,EAAE,YAAY,CAAC,CAAC;IAEvC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;IACxC,YAAY,CAAC,YAAY,CAAC,YAAY,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAE9C,UAAU,CAAC;QACP,YAAY,CAAC,MAAM,EAAE,CAAC;IAC1B,CAAC,EAAE,CAAC,CAAC,CAAC;AACV,CAAC;AAbD,sCAaC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { GroupPanel } from '../groupview/groupviewPanel';
|
|
2
|
+
import { IDisposable } from '../lifecycle';
|
|
3
|
+
import { DragHandler } from './abstractDragHandler';
|
|
4
|
+
export declare class GroupDragHandler extends DragHandler {
|
|
5
|
+
private readonly accessorId;
|
|
6
|
+
private readonly group;
|
|
7
|
+
private readonly panelTransfer;
|
|
8
|
+
constructor(element: HTMLElement, accessorId: string, group: GroupPanel);
|
|
9
|
+
getData(dataTransfer: DataTransfer | null): IDisposable;
|
|
10
|
+
dispose(): void;
|
|
11
|
+
}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __extends = (this && this.__extends) || (function () {
|
|
3
|
+
var extendStatics = function (d, b) {
|
|
4
|
+
extendStatics = Object.setPrototypeOf ||
|
|
5
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
|
+
return extendStatics(d, b);
|
|
8
|
+
};
|
|
9
|
+
return function (d, b) {
|
|
10
|
+
if (typeof b !== "function" && b !== null)
|
|
11
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
12
|
+
extendStatics(d, b);
|
|
13
|
+
function __() { this.constructor = d; }
|
|
14
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
15
|
+
};
|
|
16
|
+
})();
|
|
17
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
+
exports.GroupDragHandler = void 0;
|
|
19
|
+
var abstractDragHandler_1 = require("./abstractDragHandler");
|
|
20
|
+
var dataTransfer_1 = require("./dataTransfer");
|
|
21
|
+
var ghost_1 = require("./ghost");
|
|
22
|
+
var GroupDragHandler = /** @class */ (function (_super) {
|
|
23
|
+
__extends(GroupDragHandler, _super);
|
|
24
|
+
function GroupDragHandler(element, accessorId, group) {
|
|
25
|
+
var _this = _super.call(this, element) || this;
|
|
26
|
+
_this.accessorId = accessorId;
|
|
27
|
+
_this.group = group;
|
|
28
|
+
_this.panelTransfer = dataTransfer_1.LocalSelectionTransfer.getInstance();
|
|
29
|
+
return _this;
|
|
30
|
+
}
|
|
31
|
+
GroupDragHandler.prototype.getData = function (dataTransfer) {
|
|
32
|
+
var _this = this;
|
|
33
|
+
this.panelTransfer.setData([new dataTransfer_1.PanelTransfer(this.accessorId, this.group.id, null)], dataTransfer_1.PanelTransfer.prototype);
|
|
34
|
+
var style = window.getComputedStyle(this.el);
|
|
35
|
+
var bgColor = style.getPropertyValue('--dv-activegroup-visiblepanel-tab-background-color');
|
|
36
|
+
var color = style.getPropertyValue('--dv-activegroup-visiblepanel-tab-color');
|
|
37
|
+
if (dataTransfer) {
|
|
38
|
+
var ghostElement = document.createElement('div');
|
|
39
|
+
ghostElement.style.backgroundColor = bgColor;
|
|
40
|
+
ghostElement.style.color = color;
|
|
41
|
+
ghostElement.style.padding = '2px 8px';
|
|
42
|
+
ghostElement.style.height = '24px';
|
|
43
|
+
ghostElement.style.fontSize = '11px';
|
|
44
|
+
ghostElement.style.lineHeight = '20px';
|
|
45
|
+
ghostElement.style.borderRadius = '12px';
|
|
46
|
+
ghostElement.style.position = 'absolute';
|
|
47
|
+
ghostElement.textContent = "Multiple Panels (".concat(this.group.size, ")");
|
|
48
|
+
(0, ghost_1.addGhostImage)(dataTransfer, ghostElement);
|
|
49
|
+
}
|
|
50
|
+
return {
|
|
51
|
+
dispose: function () {
|
|
52
|
+
_this.panelTransfer.clearData(dataTransfer_1.PanelTransfer.prototype);
|
|
53
|
+
},
|
|
54
|
+
};
|
|
55
|
+
};
|
|
56
|
+
GroupDragHandler.prototype.dispose = function () {
|
|
57
|
+
//
|
|
58
|
+
};
|
|
59
|
+
return GroupDragHandler;
|
|
60
|
+
}(abstractDragHandler_1.DragHandler));
|
|
61
|
+
exports.GroupDragHandler = GroupDragHandler;
|
|
62
|
+
//# sourceMappingURL=groupDragHandler.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"groupDragHandler.js","sourceRoot":"","sources":["../../../src/dnd/groupDragHandler.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAEA,6DAAoD;AACpD,+CAAuE;AACvE,iCAAwC;AAExC;IAAsC,oCAAW;IAI7C,0BACI,OAAoB,EACH,UAAkB,EAClB,KAAiB;QAHtC,YAKI,kBAAM,OAAO,CAAC,SACjB;QAJoB,gBAAU,GAAV,UAAU,CAAQ;QAClB,WAAK,GAAL,KAAK,CAAY;QANrB,mBAAa,GAC1B,qCAAsB,CAAC,WAAW,EAAiB,CAAC;;IAQxD,CAAC;IAED,kCAAO,GAAP,UAAQ,YAAiC;QAAzC,iBAoCC;QAnCG,IAAI,CAAC,aAAa,CAAC,OAAO,CACtB,CAAC,IAAI,4BAAa,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC,EACzD,4BAAa,CAAC,SAAS,CAC1B,CAAC;QAEF,IAAM,KAAK,GAAG,MAAM,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAE/C,IAAM,OAAO,GAAG,KAAK,CAAC,gBAAgB,CAClC,oDAAoD,CACvD,CAAC;QACF,IAAM,KAAK,GAAG,KAAK,CAAC,gBAAgB,CAChC,yCAAyC,CAC5C,CAAC;QAEF,IAAI,YAAY,EAAE;YACd,IAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAEnD,YAAY,CAAC,KAAK,CAAC,eAAe,GAAG,OAAO,CAAC;YAC7C,YAAY,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;YACjC,YAAY,CAAC,KAAK,CAAC,OAAO,GAAG,SAAS,CAAC;YACvC,YAAY,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;YACnC,YAAY,CAAC,KAAK,CAAC,QAAQ,GAAG,MAAM,CAAC;YACrC,YAAY,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAC;YACvC,YAAY,CAAC,KAAK,CAAC,YAAY,GAAG,MAAM,CAAC;YACzC,YAAY,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;YACzC,YAAY,CAAC,WAAW,GAAG,2BAAoB,IAAI,CAAC,KAAK,CAAC,IAAI,MAAG,CAAC;YAElE,IAAA,qBAAa,EAAC,YAAY,EAAE,YAAY,CAAC,CAAC;SAC7C;QAED,OAAO;YACH,OAAO,EAAE;gBACL,KAAI,CAAC,aAAa,CAAC,SAAS,CAAC,4BAAa,CAAC,SAAS,CAAC,CAAC;YAC1D,CAAC;SACJ,CAAC;IACN,CAAC;IAEM,kCAAO,GAAd;QACI,EAAE;IACN,CAAC;IACL,uBAAC;AAAD,CAAC,AArDD,CAAsC,iCAAW,GAqDhD;AArDY,4CAAgB"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { GroupPanelPartInitParameters, IContentRenderer, ITabRenderer } from '../groupview/types';
|
|
2
2
|
import { GroupPanel } from '../groupview/groupviewPanel';
|
|
3
3
|
import { IDisposable } from '../lifecycle';
|
|
4
|
-
import { GroupPanelUpdateEvent } from '../groupview/
|
|
4
|
+
import { GroupPanelUpdateEvent } from '../groupview/types';
|
|
5
5
|
export interface IGroupPanelView extends IDisposable {
|
|
6
6
|
readonly content: IContentRenderer;
|
|
7
7
|
readonly tab?: ITabRenderer;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import { GroupviewPanelState
|
|
1
|
+
import { GroupviewPanelState } from '../groupview/types';
|
|
2
2
|
import { GroupPanel } from '../groupview/groupviewPanel';
|
|
3
|
+
import { IDockviewPanel } from './dockviewPanel';
|
|
3
4
|
export interface IPanelDeserializer {
|
|
4
5
|
fromJSON(panelData: GroupviewPanelState, group: GroupPanel): IDockviewPanel;
|
|
5
6
|
}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { SerializedGridObject } from '../gridview/gridview';
|
|
2
2
|
import { Position } from '../dnd/droptarget';
|
|
3
|
-
import { GroupviewPanelState
|
|
3
|
+
import { GroupviewPanelState } from '../groupview/types';
|
|
4
|
+
import { IDockviewPanel } from './dockviewPanel';
|
|
4
5
|
import { Event } from '../events';
|
|
5
6
|
import { IWatermarkRenderer } from '../groupview/types';
|
|
6
7
|
import { IPanelDeserializer } from './deserializer';
|
|
@@ -9,7 +10,7 @@ import { BaseGrid, IBaseGrid } from '../gridview/baseComponentGridview';
|
|
|
9
10
|
import { DockviewApi } from '../api/component.api';
|
|
10
11
|
import { Orientation } from '../splitview/core/splitview';
|
|
11
12
|
import { GroupOptions, GroupPanelViewState, GroupviewDropEvent } from '../groupview/groupview';
|
|
12
|
-
import { GroupPanel } from '../groupview/groupviewPanel';
|
|
13
|
+
import { GroupPanel, IGroupviewPanel } from '../groupview/groupviewPanel';
|
|
13
14
|
export interface PanelReference {
|
|
14
15
|
update: (event: {
|
|
15
16
|
params: {
|
|
@@ -33,16 +34,17 @@ export interface SerializedDockview {
|
|
|
33
34
|
tabHeight?: number;
|
|
34
35
|
};
|
|
35
36
|
}
|
|
36
|
-
export
|
|
37
|
+
export type DockviewComponentUpdateOptions = Pick<DockviewComponentOptions, 'orientation' | 'components' | 'frameworkComponents' | 'tabComponents' | 'frameworkTabComponents' | 'showDndOverlay' | 'watermarkFrameworkComponent' | 'defaultTabComponent' | 'createGroupControlElement'>;
|
|
37
38
|
export interface DockviewDropEvent extends GroupviewDropEvent {
|
|
38
39
|
api: DockviewApi;
|
|
39
|
-
group: GroupPanel;
|
|
40
|
+
group: GroupPanel | null;
|
|
40
41
|
}
|
|
41
42
|
export interface IDockviewComponent extends IBaseGrid<GroupPanel> {
|
|
42
43
|
readonly activePanel: IDockviewPanel | undefined;
|
|
43
44
|
readonly totalPanels: number;
|
|
44
45
|
readonly panels: IDockviewPanel[];
|
|
45
46
|
readonly onDidDrop: Event<DockviewDropEvent>;
|
|
47
|
+
readonly orientation: Orientation;
|
|
46
48
|
tabHeight: number | undefined;
|
|
47
49
|
deserializer: IPanelDeserializer | undefined;
|
|
48
50
|
updateOptions(options: DockviewComponentUpdateOptions): void;
|
|
@@ -54,7 +56,7 @@ export interface IDockviewComponent extends IBaseGrid<GroupPanel> {
|
|
|
54
56
|
removePanel(panel: IDockviewPanel): void;
|
|
55
57
|
getGroupPanel: (id: string) => IDockviewPanel | undefined;
|
|
56
58
|
createWatermarkComponent(): IWatermarkRenderer;
|
|
57
|
-
|
|
59
|
+
addGroup(options?: AddGroupOptions): IGroupviewPanel;
|
|
58
60
|
closeAllGroups(): void;
|
|
59
61
|
moveToNext(options?: MovementOptions): void;
|
|
60
62
|
moveToPrevious(options?: MovementOptions): void;
|
|
@@ -68,9 +70,11 @@ export interface IDockviewComponent extends IBaseGrid<GroupPanel> {
|
|
|
68
70
|
readonly onDidActivePanelChange: Event<IDockviewPanel | undefined>;
|
|
69
71
|
}
|
|
70
72
|
export declare class DockviewComponent extends BaseGrid<GroupPanel> implements IDockviewComponent {
|
|
73
|
+
private readonly nextGroupId;
|
|
71
74
|
private _deserializer;
|
|
72
75
|
private _api;
|
|
73
76
|
private _options;
|
|
77
|
+
private watermark;
|
|
74
78
|
private readonly _onDidDrop;
|
|
75
79
|
readonly onDidDrop: Event<DockviewDropEvent>;
|
|
76
80
|
private readonly _onDidRemovePanel;
|
|
@@ -81,6 +85,7 @@ export declare class DockviewComponent extends BaseGrid<GroupPanel> implements I
|
|
|
81
85
|
readonly onDidLayoutFromJSON: Event<void>;
|
|
82
86
|
private readonly _onDidActivePanelChange;
|
|
83
87
|
readonly onDidActivePanelChange: Event<IDockviewPanel | undefined>;
|
|
88
|
+
get orientation(): Orientation;
|
|
84
89
|
get totalPanels(): number;
|
|
85
90
|
get panels(): IDockviewPanel[];
|
|
86
91
|
get deserializer(): IPanelDeserializer | undefined;
|
|
@@ -90,6 +95,7 @@ export declare class DockviewComponent extends BaseGrid<GroupPanel> implements I
|
|
|
90
95
|
set tabHeight(height: number | undefined);
|
|
91
96
|
get tabHeight(): number | undefined;
|
|
92
97
|
constructor(element: HTMLElement, options: DockviewComponentOptions);
|
|
98
|
+
private orthogonalize;
|
|
93
99
|
updateOptions(options: DockviewComponentUpdateOptions): void;
|
|
94
100
|
focus(): void;
|
|
95
101
|
getGroupPanel(id: string): IDockviewPanel | undefined;
|
|
@@ -111,9 +117,11 @@ export declare class DockviewComponent extends BaseGrid<GroupPanel> implements I
|
|
|
111
117
|
skipDispose: boolean;
|
|
112
118
|
}): void;
|
|
113
119
|
createWatermarkComponent(): IWatermarkRenderer;
|
|
114
|
-
|
|
120
|
+
private updateWatermark;
|
|
121
|
+
addGroup(options?: AddGroupOptions): GroupPanel;
|
|
115
122
|
removeGroup(group: GroupPanel, skipActive?: boolean): void;
|
|
116
|
-
moveGroupOrPanel(referenceGroup: GroupPanel, groupId: string, itemId: string, target: Position, index?: number): void;
|
|
123
|
+
moveGroupOrPanel(referenceGroup: GroupPanel, groupId: string, itemId: string | undefined, target: Position, index?: number): void;
|
|
124
|
+
private moveGroup;
|
|
117
125
|
doSetGroupActive(group: GroupPanel | undefined, skipFocus?: boolean): void;
|
|
118
126
|
createGroup(options?: GroupOptions): GroupPanel;
|
|
119
127
|
private createPanel;
|