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.
Files changed (220) hide show
  1. package/dist/cjs/api/component.api.d.ts +3 -2
  2. package/dist/cjs/api/component.api.js +9 -2
  3. package/dist/cjs/api/component.api.js.map +1 -1
  4. package/dist/cjs/api/{groupPanelApi.d.ts → dockviewPanelApi.d.ts} +2 -2
  5. package/dist/cjs/api/{groupPanelApi.js → dockviewPanelApi.js} +4 -6
  6. package/dist/cjs/api/dockviewPanelApi.js.map +1 -0
  7. package/dist/cjs/api/gridviewPanelApi.d.ts +4 -3
  8. package/dist/cjs/api/gridviewPanelApi.js +4 -4
  9. package/dist/cjs/api/gridviewPanelApi.js.map +1 -1
  10. package/dist/cjs/api/panelApi.d.ts +7 -0
  11. package/dist/cjs/api/panelApi.js +17 -1
  12. package/dist/cjs/api/panelApi.js.map +1 -1
  13. package/dist/cjs/array.d.ts +1 -1
  14. package/dist/cjs/dnd/abstractDragHandler.d.ts +2 -2
  15. package/dist/cjs/dnd/abstractDragHandler.js +3 -3
  16. package/dist/cjs/dnd/abstractDragHandler.js.map +1 -1
  17. package/dist/cjs/dnd/dataTransfer.d.ts +2 -2
  18. package/dist/cjs/dnd/dataTransfer.js.map +1 -1
  19. package/dist/cjs/dnd/dnd.d.ts +1 -1
  20. package/dist/cjs/dnd/dnd.js +7 -12
  21. package/dist/cjs/dnd/dnd.js.map +1 -1
  22. package/dist/cjs/dnd/droptarget.d.ts +20 -15
  23. package/dist/cjs/dnd/droptarget.js +152 -74
  24. package/dist/cjs/dnd/droptarget.js.map +1 -1
  25. package/dist/cjs/dnd/ghost.d.ts +1 -0
  26. package/dist/cjs/dnd/ghost.js +15 -0
  27. package/dist/cjs/dnd/ghost.js.map +1 -0
  28. package/dist/cjs/dnd/groupDragHandler.d.ts +11 -0
  29. package/dist/cjs/dnd/groupDragHandler.js +62 -0
  30. package/dist/cjs/dnd/groupDragHandler.js.map +1 -0
  31. package/dist/cjs/dockview/defaultGroupPanelView.d.ts +1 -1
  32. package/dist/cjs/dockview/deserializer.d.ts +2 -1
  33. package/dist/cjs/dockview/dockviewComponent.d.ts +15 -7
  34. package/dist/cjs/dockview/dockviewComponent.js +215 -34
  35. package/dist/cjs/dockview/dockviewComponent.js.map +1 -1
  36. package/dist/{esm/dockview/dockviewGroupPanel.d.ts → cjs/dockview/dockviewPanel.d.ts} +16 -5
  37. package/dist/cjs/dockview/{dockviewGroupPanel.js → dockviewPanel.js} +25 -21
  38. package/dist/cjs/dockview/dockviewPanel.js.map +1 -0
  39. package/dist/cjs/dockview/options.d.ts +32 -10
  40. package/dist/cjs/dockview/options.js +29 -0
  41. package/dist/cjs/dockview/options.js.map +1 -1
  42. package/dist/cjs/dockview/validation.d.ts +2 -0
  43. package/dist/cjs/dockview/validation.js +135 -0
  44. package/dist/cjs/dockview/validation.js.map +1 -0
  45. package/dist/cjs/gridview/baseComponentGridview.d.ts +1 -1
  46. package/dist/cjs/gridview/baseComponentGridview.js +5 -6
  47. package/dist/cjs/gridview/baseComponentGridview.js.map +1 -1
  48. package/dist/cjs/gridview/basePanelView.d.ts +2 -2
  49. package/dist/cjs/gridview/gridview.d.ts +9 -3
  50. package/dist/cjs/gridview/gridview.js +38 -7
  51. package/dist/cjs/gridview/gridview.js.map +1 -1
  52. package/dist/cjs/gridview/gridviewComponent.d.ts +2 -2
  53. package/dist/cjs/gridview/gridviewComponent.js +2 -3
  54. package/dist/cjs/gridview/gridviewComponent.js.map +1 -1
  55. package/dist/cjs/gridview/gridviewPanel.d.ts +3 -3
  56. package/dist/cjs/gridview/gridviewPanel.js +1 -2
  57. package/dist/cjs/gridview/gridviewPanel.js.map +1 -1
  58. package/dist/cjs/gridview/types.d.ts +1 -1
  59. package/dist/cjs/groupview/dnd.d.ts +2 -1
  60. package/dist/cjs/groupview/dnd.js +1 -0
  61. package/dist/cjs/groupview/dnd.js.map +1 -1
  62. package/dist/cjs/groupview/groupview.d.ts +6 -6
  63. package/dist/cjs/groupview/groupview.js +43 -25
  64. package/dist/cjs/groupview/groupview.js.map +1 -1
  65. package/dist/cjs/groupview/groupviewPanel.d.ts +3 -3
  66. package/dist/cjs/groupview/panel/content.d.ts +1 -1
  67. package/dist/cjs/groupview/tab.d.ts +2 -12
  68. package/dist/cjs/groupview/tab.js +13 -9
  69. package/dist/cjs/groupview/tab.js.map +1 -1
  70. package/dist/cjs/groupview/titlebar/tabsContainer.d.ts +5 -8
  71. package/dist/cjs/groupview/titlebar/tabsContainer.js +23 -30
  72. package/dist/cjs/groupview/titlebar/tabsContainer.js.map +1 -1
  73. package/dist/cjs/groupview/titlebar/voidContainer.d.ts +15 -0
  74. package/dist/cjs/groupview/titlebar/voidContainer.js +74 -0
  75. package/dist/cjs/groupview/titlebar/voidContainer.js.map +1 -0
  76. package/dist/cjs/groupview/types.d.ts +18 -2
  77. package/dist/cjs/index.d.ts +3 -3
  78. package/dist/cjs/index.js +4 -3
  79. package/dist/cjs/index.js.map +1 -1
  80. package/dist/cjs/paneview/draggablePaneviewPanel.js +6 -5
  81. package/dist/cjs/paneview/draggablePaneviewPanel.js.map +1 -1
  82. package/dist/cjs/paneview/paneviewComponent.js +2 -2
  83. package/dist/cjs/paneview/paneviewComponent.js.map +1 -1
  84. package/dist/cjs/paneview/paneviewPanel.js +1 -0
  85. package/dist/cjs/paneview/paneviewPanel.js.map +1 -1
  86. package/dist/cjs/react/deserializer.d.ts +2 -1
  87. package/dist/cjs/react/deserializer.js +2 -2
  88. package/dist/cjs/react/deserializer.js.map +1 -1
  89. package/dist/cjs/react/dockview/defaultTab.d.ts +1 -1
  90. package/dist/cjs/react/dockview/dockview.d.ts +5 -4
  91. package/dist/cjs/react/dockview/dockview.js +1 -0
  92. package/dist/cjs/react/dockview/dockview.js.map +1 -1
  93. package/dist/cjs/react/dockview/groupControlsRenderer.d.ts +1 -1
  94. package/dist/cjs/react/gridview/view.js +2 -1
  95. package/dist/cjs/react/gridview/view.js.map +1 -1
  96. package/dist/cjs/react/react.d.ts +1 -1
  97. package/dist/cjs/splitview/core/splitview.d.ts +4 -4
  98. package/dist/cjs/splitview/splitviewComponent.d.ts +1 -1
  99. package/dist/cjs/splitview/splitviewComponent.js +2 -2
  100. package/dist/cjs/splitview/splitviewComponent.js.map +1 -1
  101. package/dist/cjs/splitview/splitviewPanel.js +1 -0
  102. package/dist/cjs/splitview/splitviewPanel.js.map +1 -1
  103. package/dist/cjs/types.d.ts +2 -1
  104. package/dist/cjs/types.js +5 -0
  105. package/dist/cjs/types.js.map +1 -1
  106. package/dist/dockview.amd.js +1411 -987
  107. package/dist/dockview.amd.min.js +2 -2
  108. package/dist/dockview.amd.min.noStyle.js +2 -2
  109. package/dist/dockview.amd.noStyle.js +1410 -986
  110. package/dist/dockview.cjs.js +1394 -970
  111. package/dist/dockview.esm.js +1385 -964
  112. package/dist/dockview.esm.min.js +2 -2
  113. package/dist/dockview.js +1411 -987
  114. package/dist/dockview.min.js +2 -2
  115. package/dist/dockview.min.noStyle.js +2 -2
  116. package/dist/dockview.noStyle.js +1410 -986
  117. package/dist/esm/actionbar/actionsContainer.js +3 -3
  118. package/dist/esm/api/component.api.d.ts +3 -2
  119. package/dist/esm/api/component.api.js +16 -13
  120. package/dist/esm/api/{groupPanelApi.d.ts → dockviewPanelApi.d.ts} +2 -2
  121. package/dist/esm/api/{groupPanelApi.js → dockviewPanelApi.js} +16 -18
  122. package/dist/esm/api/gridviewPanelApi.d.ts +4 -3
  123. package/dist/esm/api/gridviewPanelApi.js +4 -4
  124. package/dist/esm/api/panelApi.d.ts +7 -0
  125. package/dist/esm/api/panelApi.js +33 -17
  126. package/dist/esm/api/paneviewPanelApi.js +3 -3
  127. package/dist/esm/array.d.ts +1 -1
  128. package/dist/esm/dnd/abstractDragHandler.d.ts +2 -2
  129. package/dist/esm/dnd/abstractDragHandler.js +3 -3
  130. package/dist/esm/dnd/dataTransfer.d.ts +2 -2
  131. package/dist/esm/dnd/dnd.d.ts +1 -1
  132. package/dist/esm/dnd/dnd.js +7 -12
  133. package/dist/esm/dnd/droptarget.d.ts +20 -15
  134. package/dist/esm/dnd/droptarget.js +149 -67
  135. package/dist/esm/dnd/ghost.d.ts +1 -0
  136. package/dist/esm/dnd/ghost.js +10 -0
  137. package/dist/esm/dnd/groupDragHandler.d.ts +11 -0
  138. package/dist/esm/dnd/groupDragHandler.js +38 -0
  139. package/dist/esm/dockview/components/tab/defaultTab.js +6 -6
  140. package/dist/esm/dockview/components/watermark/watermark.js +3 -3
  141. package/dist/esm/dockview/defaultGroupPanelView.d.ts +1 -1
  142. package/dist/esm/dockview/defaultGroupPanelView.js +5 -5
  143. package/dist/esm/dockview/deserializer.d.ts +2 -1
  144. package/dist/esm/dockview/dockviewComponent.d.ts +15 -7
  145. package/dist/esm/dockview/dockviewComponent.js +229 -65
  146. package/dist/{cjs/dockview/dockviewGroupPanel.d.ts → esm/dockview/dockviewPanel.d.ts} +16 -5
  147. package/dist/esm/dockview/{dockviewGroupPanel.js → dockviewPanel.js} +19 -15
  148. package/dist/esm/dockview/options.d.ts +32 -10
  149. package/dist/esm/dockview/options.js +24 -1
  150. package/dist/esm/dockview/validation.d.ts +2 -0
  151. package/dist/esm/dockview/validation.js +86 -0
  152. package/dist/esm/gridview/baseComponentGridview.d.ts +1 -1
  153. package/dist/esm/gridview/baseComponentGridview.js +31 -32
  154. package/dist/esm/gridview/basePanelView.d.ts +2 -2
  155. package/dist/esm/gridview/basePanelView.js +13 -13
  156. package/dist/esm/gridview/branchNode.js +47 -47
  157. package/dist/esm/gridview/gridview.d.ts +9 -3
  158. package/dist/esm/gridview/gridview.js +41 -15
  159. package/dist/esm/gridview/gridviewComponent.d.ts +2 -2
  160. package/dist/esm/gridview/gridviewComponent.js +17 -18
  161. package/dist/esm/gridview/gridviewPanel.d.ts +3 -3
  162. package/dist/esm/gridview/gridviewPanel.js +45 -45
  163. package/dist/esm/gridview/leafNode.js +23 -23
  164. package/dist/esm/gridview/types.d.ts +1 -1
  165. package/dist/esm/groupview/dnd.d.ts +2 -1
  166. package/dist/esm/groupview/dnd.js +1 -0
  167. package/dist/esm/groupview/groupview.d.ts +6 -6
  168. package/dist/esm/groupview/groupview.js +90 -72
  169. package/dist/esm/groupview/groupviewPanel.d.ts +3 -3
  170. package/dist/esm/groupview/groupviewPanel.js +4 -4
  171. package/dist/esm/groupview/panel/content.d.ts +1 -1
  172. package/dist/esm/groupview/panel/content.js +3 -3
  173. package/dist/esm/groupview/tab.d.ts +2 -12
  174. package/dist/esm/groupview/tab.js +15 -11
  175. package/dist/esm/groupview/titlebar/tabsContainer.d.ts +5 -8
  176. package/dist/esm/groupview/titlebar/tabsContainer.js +54 -61
  177. package/dist/esm/groupview/titlebar/voidContainer.d.ts +15 -0
  178. package/dist/esm/groupview/titlebar/voidContainer.js +47 -0
  179. package/dist/esm/groupview/types.d.ts +18 -2
  180. package/dist/esm/hostedContainer.js +3 -3
  181. package/dist/esm/index.d.ts +3 -3
  182. package/dist/esm/index.js +2 -2
  183. package/dist/esm/lifecycle.js +3 -3
  184. package/dist/esm/paneview/defaultPaneviewHeader.js +3 -3
  185. package/dist/esm/paneview/draggablePaneviewPanel.js +7 -6
  186. package/dist/esm/paneview/paneview.js +21 -21
  187. package/dist/esm/paneview/paneviewComponent.js +30 -30
  188. package/dist/esm/paneview/paneviewPanel.js +45 -44
  189. package/dist/esm/react/deserializer.d.ts +2 -1
  190. package/dist/esm/react/deserializer.js +2 -2
  191. package/dist/esm/react/dockview/defaultTab.d.ts +1 -1
  192. package/dist/esm/react/dockview/dockview.d.ts +5 -4
  193. package/dist/esm/react/dockview/dockview.js +1 -0
  194. package/dist/esm/react/dockview/groupControlsRenderer.d.ts +1 -1
  195. package/dist/esm/react/dockview/groupControlsRenderer.js +8 -8
  196. package/dist/esm/react/dockview/reactContentPart.js +3 -3
  197. package/dist/esm/react/dockview/reactHeaderPart.js +3 -3
  198. package/dist/esm/react/dockview/reactWatermarkPart.js +3 -3
  199. package/dist/esm/react/dockview/v2/reactContentRenderer.js +9 -9
  200. package/dist/esm/react/dockview/v2/webviewContentRenderer.js +3 -3
  201. package/dist/esm/react/gridview/view.js +2 -1
  202. package/dist/esm/react/paneview/view.js +3 -3
  203. package/dist/esm/react/react.d.ts +1 -1
  204. package/dist/esm/splitview/core/splitview.d.ts +4 -4
  205. package/dist/esm/splitview/core/splitview.js +59 -59
  206. package/dist/esm/splitview/core/viewItem.js +15 -15
  207. package/dist/esm/splitview/splitviewComponent.d.ts +1 -1
  208. package/dist/esm/splitview/splitviewComponent.js +23 -23
  209. package/dist/esm/splitview/splitviewPanel.js +31 -30
  210. package/dist/esm/types.d.ts +2 -1
  211. package/dist/esm/types.js +3 -1
  212. package/dist/styles/dockview.css +23 -26
  213. package/package.json +12 -16
  214. package/dist/cjs/api/groupPanelApi.js.map +0 -1
  215. package/dist/cjs/dockview/dockviewGroupPanel.js.map +0 -1
  216. package/dist/cjs/groupview/groupPanel.d.ts +0 -32
  217. package/dist/cjs/groupview/groupPanel.js +0 -3
  218. package/dist/cjs/groupview/groupPanel.js.map +0 -1
  219. package/dist/esm/groupview/groupPanel.d.ts +0 -32
  220. 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.Position = void 0;
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 Position;
24
- (function (Position) {
25
- Position["Top"] = "Top";
26
- Position["Left"] = "Left";
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 x = e.offsetX;
51
- var y = e.offsetY;
52
- var xp = (100 * x) / width;
53
- var yp = (100 * y) / height;
54
- var quadrant = _this.calculateQuadrant(_this.options.validOverlays, xp, yp);
55
- if (isBooleanValue(_this.options.canDisplayOverlay)) {
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 = Position.Center;
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.validOverlays === 'none') {
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
- var isSmallX = width < 100;
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, isSmallX, isSmallY) {
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
- (0, dom_1.toggleClass)(this.overlay, 'right', !isSmallX && isRight);
135
- (0, dom_1.toggleClass)(this.overlay, 'left', !isSmallX && isLeft);
136
- (0, dom_1.toggleClass)(this.overlay, 'top', !isSmallY && isTop);
137
- (0, dom_1.toggleClass)(this.overlay, 'bottom', !isSmallY && isBottom);
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 = Position.Top;
202
+ this._state = 'top';
147
203
  break;
148
204
  case 'left':
149
- this._state = Position.Left;
205
+ this._state = 'left';
150
206
  break;
151
207
  case 'bottom':
152
- this._state = Position.Bottom;
208
+ this._state = 'bottom';
153
209
  break;
154
210
  case 'right':
155
- this._state = Position.Right;
211
+ this._state = 'right';
156
212
  break;
157
- default:
158
- this._state = Position.Center;
213
+ case 'center':
214
+ this._state = 'center';
159
215
  break;
160
216
  }
161
217
  };
162
- Droptarget.prototype.calculateQuadrant = function (overlayType, xp, yp) {
163
- switch (overlayType) {
164
- case 'all':
165
- if (xp < 20) {
166
- return 'left';
167
- }
168
- if (xp > 80) {
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 null;
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":"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"}
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/groupPanel';
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, IDockviewPanel } from '../groupview/groupPanel';
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, IDockviewPanel } from '../groupview/groupPanel';
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 declare type DockviewComponentUpdateOptions = Pick<DockviewComponentOptions, 'orientation' | 'components' | 'frameworkComponents' | 'tabComponents' | 'frameworkTabComponents' | 'showDndOverlay' | 'watermarkFrameworkComponent' | 'defaultTabComponent' | 'createGroupControlElement'>;
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
- addEmptyGroup(options?: AddGroupOptions): void;
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
- addEmptyGroup(options: AddGroupOptions): void;
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;