dockview-core 7.0.2 → 7.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/api/dockviewGroupPanelApi.js +1 -1
- package/dist/cjs/dnd/dropTargetAnchorContainer.js +1 -2
- package/dist/cjs/dnd/pointer/longPress.js +1 -1
- package/dist/cjs/dnd/pointer/pointerDragController.js +9 -7
- package/dist/cjs/dnd/pointer/pointerDragSource.js +4 -2
- package/dist/cjs/dockview/components/panel/content.js +6 -6
- package/dist/cjs/dockview/components/popupService.js +1 -1
- package/dist/cjs/dockview/components/tab/tab.js +2 -2
- package/dist/cjs/dockview/components/titlebar/floatingTitleBar.d.ts +1 -2
- package/dist/cjs/dockview/components/titlebar/groupDragSource.d.ts +1 -2
- package/dist/cjs/dockview/components/titlebar/groupDragSource.js +1 -1
- package/dist/cjs/dockview/components/titlebar/tabGroupIndicator.js +5 -6
- package/dist/cjs/dockview/components/titlebar/tabGroups.d.ts +27 -5
- package/dist/cjs/dockview/components/titlebar/tabGroups.js +104 -54
- package/dist/cjs/dockview/components/titlebar/tabs.js +16 -23
- package/dist/cjs/dockview/components/titlebar/voidContainer.js +1 -1
- package/dist/cjs/dockview/dndCapabilities.js +3 -3
- package/dist/cjs/dockview/dockviewComponent.d.ts +5 -5
- package/dist/cjs/dockview/dockviewComponent.js +140 -122
- package/dist/cjs/dockview/dockviewGroupPanel.d.ts +1 -1
- package/dist/cjs/dockview/dockviewGroupPanelModel.js +19 -25
- package/dist/cjs/dockview/dockviewPanel.js +4 -5
- package/dist/cjs/dockview/dockviewShell.d.ts +29 -7
- package/dist/cjs/dockview/dockviewShell.js +94 -36
- package/dist/cjs/dockview/strictEventsSequencing.js +6 -6
- package/dist/cjs/dockview/tabGroup.js +3 -3
- package/dist/cjs/dockview/tabGroupAccent.js +1 -3
- package/dist/cjs/dom.js +1 -1
- package/dist/cjs/events.js +1 -1
- package/dist/cjs/gridview/baseComponentGridview.js +3 -8
- package/dist/cjs/gridview/branchNode.js +13 -17
- package/dist/cjs/gridview/gridview.js +8 -8
- package/dist/cjs/gridview/gridviewComponent.js +1 -6
- package/dist/cjs/overlay/overlay.js +25 -28
- package/dist/cjs/overlay/overlayRenderContainer.js +3 -4
- package/dist/cjs/paneview/draggablePaneviewPanel.js +1 -1
- package/dist/cjs/paneview/paneviewComponent.js +2 -6
- package/dist/cjs/popoutWindow.js +4 -4
- package/dist/cjs/scrollbar.d.ts +1 -1
- package/dist/cjs/scrollbar.js +7 -6
- package/dist/cjs/splitview/splitview.d.ts +1 -1
- package/dist/cjs/splitview/splitview.js +21 -20
- package/dist/cjs/splitview/viewItem.js +1 -1
- package/dist/dockview-core.js +413 -330
- package/dist/dockview-core.min.js +2 -2
- package/dist/dockview-core.min.js.map +1 -1
- package/dist/dockview-core.min.noStyle.js +2 -2
- package/dist/dockview-core.min.noStyle.js.map +1 -1
- package/dist/dockview-core.noStyle.js +412 -329
- package/dist/esm/api/dockviewGroupPanelApi.js +1 -1
- package/dist/esm/dnd/dropTargetAnchorContainer.js +1 -2
- package/dist/esm/dnd/pointer/longPress.js +1 -1
- package/dist/esm/dnd/pointer/pointerDragController.js +9 -7
- package/dist/esm/dnd/pointer/pointerDragSource.js +4 -2
- package/dist/esm/dockview/components/panel/content.js +6 -6
- package/dist/esm/dockview/components/popupService.js +1 -1
- package/dist/esm/dockview/components/tab/tab.js +2 -2
- package/dist/esm/dockview/components/titlebar/floatingTitleBar.d.ts +1 -2
- package/dist/esm/dockview/components/titlebar/groupDragSource.d.ts +1 -2
- package/dist/esm/dockview/components/titlebar/groupDragSource.js +1 -1
- package/dist/esm/dockview/components/titlebar/tabGroupIndicator.js +5 -6
- package/dist/esm/dockview/components/titlebar/tabGroups.d.ts +27 -5
- package/dist/esm/dockview/components/titlebar/tabGroups.js +91 -42
- package/dist/esm/dockview/components/titlebar/tabs.js +17 -24
- package/dist/esm/dockview/components/titlebar/voidContainer.js +1 -1
- package/dist/esm/dockview/dndCapabilities.js +3 -3
- package/dist/esm/dockview/dockviewComponent.d.ts +5 -5
- package/dist/esm/dockview/dockviewComponent.js +61 -51
- package/dist/esm/dockview/dockviewGroupPanel.d.ts +1 -1
- package/dist/esm/dockview/dockviewGroupPanelModel.js +19 -25
- package/dist/esm/dockview/dockviewPanel.js +1 -2
- package/dist/esm/dockview/dockviewShell.d.ts +29 -7
- package/dist/esm/dockview/dockviewShell.js +89 -37
- package/dist/esm/dockview/strictEventsSequencing.js +6 -6
- package/dist/esm/dockview/tabGroup.js +3 -3
- package/dist/esm/dockview/tabGroupAccent.js +1 -3
- package/dist/esm/dom.js +1 -1
- package/dist/esm/events.js +1 -1
- package/dist/esm/gridview/baseComponentGridview.js +3 -8
- package/dist/esm/gridview/branchNode.js +13 -15
- package/dist/esm/gridview/gridview.js +8 -8
- package/dist/esm/gridview/gridviewComponent.js +1 -6
- package/dist/esm/overlay/overlay.js +25 -28
- package/dist/esm/overlay/overlayRenderContainer.js +3 -4
- package/dist/esm/paneview/draggablePaneviewPanel.js +1 -1
- package/dist/esm/paneview/paneviewComponent.js +2 -6
- package/dist/esm/popoutWindow.js +4 -4
- package/dist/esm/scrollbar.d.ts +1 -1
- package/dist/esm/scrollbar.js +7 -6
- package/dist/esm/splitview/splitview.d.ts +1 -1
- package/dist/esm/splitview/splitview.js +21 -20
- package/dist/esm/splitview/viewItem.js +1 -1
- package/dist/package/main.cjs.js +412 -329
- package/dist/package/main.cjs.min.js +2 -2
- package/dist/package/main.esm.min.mjs +2 -2
- package/dist/package/main.esm.mjs +412 -329
- package/dist/styles/dockview.css +8 -8
- package/package.json +1 -1
|
@@ -484,7 +484,7 @@ var Gridview = /** @class */ (function () {
|
|
|
484
484
|
if (oldRoot) {
|
|
485
485
|
oldRoot.dispose();
|
|
486
486
|
this._maximizedNode = undefined;
|
|
487
|
-
|
|
487
|
+
oldRoot.element.remove();
|
|
488
488
|
}
|
|
489
489
|
this._root = root;
|
|
490
490
|
this.element.appendChild(this._root.element);
|
|
@@ -584,7 +584,7 @@ var Gridview = /** @class */ (function () {
|
|
|
584
584
|
if (reverse === void 0) { reverse = false; }
|
|
585
585
|
var _a = __read(this.getNode(location), 2), path = _a[0], node = _a[1];
|
|
586
586
|
if (!(node instanceof leafNode_1.LeafNode)) {
|
|
587
|
-
throw new
|
|
587
|
+
throw new TypeError('invalid location');
|
|
588
588
|
}
|
|
589
589
|
for (var i = path.length - 1; i > -1; i--) {
|
|
590
590
|
var n = path[i];
|
|
@@ -602,7 +602,7 @@ var Gridview = /** @class */ (function () {
|
|
|
602
602
|
var _a = __read((0, array_1.tail)(location), 2), rest = _a[0], index = _a[1];
|
|
603
603
|
var _b = __read(this.getNode(rest), 2), parent = _b[1];
|
|
604
604
|
if (!(parent instanceof branchNode_1.BranchNode)) {
|
|
605
|
-
throw new
|
|
605
|
+
throw new TypeError('Invalid from location');
|
|
606
606
|
}
|
|
607
607
|
return parent.isChildVisible(index);
|
|
608
608
|
};
|
|
@@ -613,7 +613,7 @@ var Gridview = /** @class */ (function () {
|
|
|
613
613
|
var _a = __read((0, array_1.tail)(location), 2), rest = _a[0], index = _a[1];
|
|
614
614
|
var _b = __read(this.getNode(rest), 2), parent = _b[1];
|
|
615
615
|
if (!(parent instanceof branchNode_1.BranchNode)) {
|
|
616
|
-
throw new
|
|
616
|
+
throw new TypeError('Invalid from location');
|
|
617
617
|
}
|
|
618
618
|
this._onDidViewVisibilityChange.fire();
|
|
619
619
|
parent.setChildVisible(index, visible);
|
|
@@ -624,7 +624,7 @@ var Gridview = /** @class */ (function () {
|
|
|
624
624
|
}
|
|
625
625
|
var _a = __read(this.getNode(parentLocation), 2), parent = _a[1];
|
|
626
626
|
if (!(parent instanceof branchNode_1.BranchNode)) {
|
|
627
|
-
throw new
|
|
627
|
+
throw new TypeError('Invalid location');
|
|
628
628
|
}
|
|
629
629
|
parent.moveChild(from, to);
|
|
630
630
|
};
|
|
@@ -670,11 +670,11 @@ var Gridview = /** @class */ (function () {
|
|
|
670
670
|
var _a = __read((0, array_1.tail)(location), 2), rest = _a[0], index = _a[1];
|
|
671
671
|
var _b = __read(this.getNode(rest), 2), pathToParent = _b[0], parent = _b[1];
|
|
672
672
|
if (!(parent instanceof branchNode_1.BranchNode)) {
|
|
673
|
-
throw new
|
|
673
|
+
throw new TypeError('Invalid location');
|
|
674
674
|
}
|
|
675
675
|
var nodeToRemove = parent.children[index];
|
|
676
676
|
if (!(nodeToRemove instanceof leafNode_1.LeafNode)) {
|
|
677
|
-
throw new
|
|
677
|
+
throw new TypeError('Invalid location');
|
|
678
678
|
}
|
|
679
679
|
parent.removeChild(index, sizing);
|
|
680
680
|
nodeToRemove.dispose();
|
|
@@ -761,7 +761,7 @@ var Gridview = /** @class */ (function () {
|
|
|
761
761
|
return [path, node];
|
|
762
762
|
}
|
|
763
763
|
if (!(node instanceof branchNode_1.BranchNode)) {
|
|
764
|
-
throw new
|
|
764
|
+
throw new TypeError('Invalid location');
|
|
765
765
|
}
|
|
766
766
|
var _a = __read(location), index = _a[0], rest = _a.slice(1);
|
|
767
767
|
if (index < 0 || index >= node.children.length) {
|
|
@@ -316,12 +316,7 @@ var GridviewComponent = /** @class */ (function (_super) {
|
|
|
316
316
|
}
|
|
317
317
|
_this._groups.forEach(function (groupItem) {
|
|
318
318
|
var group = groupItem.value;
|
|
319
|
-
|
|
320
|
-
group.setActive(false);
|
|
321
|
-
}
|
|
322
|
-
else {
|
|
323
|
-
group.setActive(true);
|
|
324
|
-
}
|
|
319
|
+
group.setActive(group === panel);
|
|
325
320
|
});
|
|
326
321
|
}));
|
|
327
322
|
this._groups.set(panel.id, {
|
|
@@ -235,19 +235,19 @@ var Overlay = /** @class */ (function (_super) {
|
|
|
235
235
|
var element = this._element.getBoundingClientRect();
|
|
236
236
|
var result = {};
|
|
237
237
|
if (this.verticalAlignment === 'top') {
|
|
238
|
-
result.top = parseFloat(this._element.style.top);
|
|
238
|
+
result.top = Number.parseFloat(this._element.style.top);
|
|
239
239
|
}
|
|
240
240
|
else if (this.verticalAlignment === 'bottom') {
|
|
241
|
-
result.bottom = parseFloat(this._element.style.bottom);
|
|
241
|
+
result.bottom = Number.parseFloat(this._element.style.bottom);
|
|
242
242
|
}
|
|
243
243
|
else {
|
|
244
244
|
result.top = element.top - container.top;
|
|
245
245
|
}
|
|
246
246
|
if (this.horiziontalAlignment === 'left') {
|
|
247
|
-
result.left = parseFloat(this._element.style.left);
|
|
247
|
+
result.left = Number.parseFloat(this._element.style.left);
|
|
248
248
|
}
|
|
249
249
|
else if (this.horiziontalAlignment === 'right') {
|
|
250
|
-
result.right = parseFloat(this._element.style.right);
|
|
250
|
+
result.right = Number.parseFloat(this._element.style.right);
|
|
251
251
|
}
|
|
252
252
|
else {
|
|
253
253
|
result.left = element.left - container.left;
|
|
@@ -313,7 +313,7 @@ var Overlay = /** @class */ (function (_super) {
|
|
|
313
313
|
}
|
|
314
314
|
}
|
|
315
315
|
},
|
|
316
|
-
}, (0, events_1.addDisposableListener)(window, 'pointermove', function (e) {
|
|
316
|
+
}, (0, events_1.addDisposableListener)(globalThis.window, 'pointermove', function (e) {
|
|
317
317
|
if (_this._dragCancelled) {
|
|
318
318
|
return;
|
|
319
319
|
}
|
|
@@ -322,12 +322,10 @@ var Overlay = /** @class */ (function (_super) {
|
|
|
322
322
|
var y = e.clientY - containerRect.top;
|
|
323
323
|
(0, dom_1.toggleClass)(_this._element, 'dv-resize-container-dragging', true);
|
|
324
324
|
var overlayRect = _this._element.getBoundingClientRect();
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
};
|
|
330
|
-
}
|
|
325
|
+
offset !== null && offset !== void 0 ? offset : (offset = {
|
|
326
|
+
x: e.clientX - overlayRect.left,
|
|
327
|
+
y: e.clientY - overlayRect.top,
|
|
328
|
+
});
|
|
331
329
|
var xOffset = Math.max(0, _this.getMinimumWidth(overlayRect.width));
|
|
332
330
|
var yOffset = Math.max(0, _this.getMinimumHeight(overlayRect.height));
|
|
333
331
|
var proposedTop = y - offset.y;
|
|
@@ -379,7 +377,7 @@ var Overlay = /** @class */ (function (_super) {
|
|
|
379
377
|
hasMoved = true;
|
|
380
378
|
_this._onDidStartMoving.fire();
|
|
381
379
|
}
|
|
382
|
-
}), (0, events_1.addDisposableListener)(window, 'pointerup', end), (0, events_1.addDisposableListener)(window, 'pointercancel', end));
|
|
380
|
+
}), (0, events_1.addDisposableListener)(globalThis.window, 'pointerup', end), (0, events_1.addDisposableListener)(globalThis.window, 'pointercancel', end));
|
|
383
381
|
};
|
|
384
382
|
this.addDisposables((0, events_1.addDisposableListener)(dragTarget, 'pointerdown', function (event) {
|
|
385
383
|
if (event.defaultPrevented) {
|
|
@@ -434,20 +432,18 @@ var Overlay = /** @class */ (function (_super) {
|
|
|
434
432
|
move.dispose();
|
|
435
433
|
_this._onDidChangeEnd.fire();
|
|
436
434
|
};
|
|
437
|
-
move.value = new lifecycle_1.CompositeDisposable((0, events_1.addDisposableListener)(window, 'pointermove', function (e) {
|
|
435
|
+
move.value = new lifecycle_1.CompositeDisposable((0, events_1.addDisposableListener)(globalThis.window, 'pointermove', function (e) {
|
|
438
436
|
var containerRect = _this.options.container.getBoundingClientRect();
|
|
439
437
|
var overlayRect = _this._element.getBoundingClientRect();
|
|
440
438
|
var y = e.clientY - containerRect.top;
|
|
441
439
|
var x = e.clientX - containerRect.left;
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
};
|
|
450
|
-
}
|
|
440
|
+
// record the initial dimensions since as all subsequence moves are relative to this
|
|
441
|
+
startPosition !== null && startPosition !== void 0 ? startPosition : (startPosition = {
|
|
442
|
+
originalY: y,
|
|
443
|
+
originalHeight: overlayRect.height,
|
|
444
|
+
originalX: x,
|
|
445
|
+
originalWidth: overlayRect.width,
|
|
446
|
+
});
|
|
451
447
|
var top = undefined;
|
|
452
448
|
var bottom = undefined;
|
|
453
449
|
var height = undefined;
|
|
@@ -462,7 +458,8 @@ var Overlay = /** @class */ (function (_super) {
|
|
|
462
458
|
? Math.max(0, containerRect.height -
|
|
463
459
|
Overlay.MINIMUM_HEIGHT)
|
|
464
460
|
: Math.max(0, startPosition.originalY +
|
|
465
|
-
startPosition
|
|
461
|
+
startPosition
|
|
462
|
+
.originalHeight -
|
|
466
463
|
Overlay.MINIMUM_HEIGHT);
|
|
467
464
|
top = (0, math_1.clamp)(y, 0, maxTop);
|
|
468
465
|
height =
|
|
@@ -477,8 +474,8 @@ var Overlay = /** @class */ (function (_super) {
|
|
|
477
474
|
startPosition.originalHeight;
|
|
478
475
|
// When dragging bottom handle, constrain height to container height
|
|
479
476
|
var minHeight = top < 0 &&
|
|
480
|
-
typeof _this.options
|
|
481
|
-
'number'
|
|
477
|
+
typeof _this.options
|
|
478
|
+
.minimumInViewportHeight === 'number'
|
|
482
479
|
? -top +
|
|
483
480
|
_this.options.minimumInViewportHeight
|
|
484
481
|
: Overlay.MINIMUM_HEIGHT;
|
|
@@ -508,8 +505,8 @@ var Overlay = /** @class */ (function (_super) {
|
|
|
508
505
|
startPosition.originalWidth;
|
|
509
506
|
// When dragging right handle, constrain width to container width
|
|
510
507
|
var minWidth = left < 0 &&
|
|
511
|
-
typeof _this.options
|
|
512
|
-
'number'
|
|
508
|
+
typeof _this.options
|
|
509
|
+
.minimumInViewportWidth === 'number'
|
|
513
510
|
? -left +
|
|
514
511
|
_this.options.minimumInViewportWidth
|
|
515
512
|
: Overlay.MINIMUM_WIDTH;
|
|
@@ -578,7 +575,7 @@ var Overlay = /** @class */ (function (_super) {
|
|
|
578
575
|
}
|
|
579
576
|
}
|
|
580
577
|
},
|
|
581
|
-
}, (0, events_1.addDisposableListener)(window, 'pointerup', end), (0, events_1.addDisposableListener)(window, 'pointercancel', end));
|
|
578
|
+
}, (0, events_1.addDisposableListener)(globalThis.window, 'pointerup', end), (0, events_1.addDisposableListener)(globalThis.window, 'pointercancel', end));
|
|
582
579
|
}));
|
|
583
580
|
};
|
|
584
581
|
Overlay.prototype.getMinimumWidth = function (width) {
|
|
@@ -38,7 +38,7 @@ var PositionCache = /** @class */ (function () {
|
|
|
38
38
|
}
|
|
39
39
|
PositionCache.prototype.getPosition = function (element) {
|
|
40
40
|
var cached = this.cache.get(element);
|
|
41
|
-
if (cached
|
|
41
|
+
if ((cached === null || cached === void 0 ? void 0 : cached.frameId) === this.currentFrameId) {
|
|
42
42
|
return cached.rect;
|
|
43
43
|
}
|
|
44
44
|
this.scheduleFrameUpdate();
|
|
@@ -279,11 +279,10 @@ var OverlayRenderContainer = /** @class */ (function (_super) {
|
|
|
279
279
|
correctLayerPosition();
|
|
280
280
|
}));
|
|
281
281
|
this.map[panel.api.id].destroy = lifecycle_1.Disposable.from(function () {
|
|
282
|
-
var _a;
|
|
283
282
|
if (contentElement.parentElement === focusContainer) {
|
|
284
|
-
|
|
283
|
+
contentElement.remove();
|
|
285
284
|
}
|
|
286
|
-
|
|
285
|
+
focusContainer.remove();
|
|
287
286
|
});
|
|
288
287
|
correctLayerPosition();
|
|
289
288
|
queueMicrotask(function () {
|
|
@@ -107,7 +107,7 @@ var DraggablePaneviewPanel = /** @class */ (function (_super) {
|
|
|
107
107
|
};
|
|
108
108
|
DraggablePaneviewPanel.prototype.onDrop = function (event) {
|
|
109
109
|
var data = (0, dataTransfer_1.getPaneData)();
|
|
110
|
-
if (
|
|
110
|
+
if ((data === null || data === void 0 ? void 0 : data.viewId) !== this.accessor.id) {
|
|
111
111
|
// if there is no local drag event for this panel
|
|
112
112
|
// or if the drag event was creating by another Paneview instance
|
|
113
113
|
this._onDidDrop.fire(__assign(__assign({}, event), { panel: this, api: new component_api_1.PaneviewApi(this.accessor), getData: dataTransfer_1.getPaneData }));
|
|
@@ -227,9 +227,7 @@ var PaneviewComponent = /** @class */ (function (_super) {
|
|
|
227
227
|
name: options.headerComponent,
|
|
228
228
|
});
|
|
229
229
|
}
|
|
230
|
-
|
|
231
|
-
header = new defaultPaneviewHeader_1.DefaultHeader();
|
|
232
|
-
}
|
|
230
|
+
header !== null && header !== void 0 ? header : (header = new defaultPaneviewHeader_1.DefaultHeader());
|
|
233
231
|
var view = new PaneFramework({
|
|
234
232
|
id: options.id,
|
|
235
233
|
component: options.component,
|
|
@@ -332,9 +330,7 @@ var PaneviewComponent = /** @class */ (function (_super) {
|
|
|
332
330
|
name: data.headerComponent,
|
|
333
331
|
});
|
|
334
332
|
}
|
|
335
|
-
|
|
336
|
-
header = new defaultPaneviewHeader_1.DefaultHeader();
|
|
337
|
-
}
|
|
333
|
+
header !== null && header !== void 0 ? header : (header = new defaultPaneviewHeader_1.DefaultHeader());
|
|
338
334
|
var panel = new PaneFramework({
|
|
339
335
|
id: data.id,
|
|
340
336
|
component: data.component,
|
package/dist/cjs/popoutWindow.js
CHANGED
|
@@ -81,13 +81,13 @@ var lifecycle_1 = require("./lifecycle");
|
|
|
81
81
|
function assertSameOriginPopoutUrl(url) {
|
|
82
82
|
var resolved;
|
|
83
83
|
try {
|
|
84
|
-
resolved = new URL(url,
|
|
84
|
+
resolved = new URL(url, globalThis.location.href);
|
|
85
85
|
}
|
|
86
86
|
catch (_a) {
|
|
87
87
|
throw new Error("dockview: invalid popout URL: ".concat(url));
|
|
88
88
|
}
|
|
89
89
|
var protocolOk = resolved.protocol === 'http:' || resolved.protocol === 'https:';
|
|
90
|
-
if (!protocolOk || resolved.origin !==
|
|
90
|
+
if (!protocolOk || resolved.origin !== globalThis.location.origin) {
|
|
91
91
|
throw new Error("dockview: popout URL must be same-origin http(s); got: ".concat(url));
|
|
92
92
|
}
|
|
93
93
|
}
|
|
@@ -174,7 +174,7 @@ var PopoutWindow = /** @class */ (function (_super) {
|
|
|
174
174
|
this._window = { value: externalWindow, disposable: disposable };
|
|
175
175
|
disposable.addDisposables(lifecycle_1.Disposable.from(function () {
|
|
176
176
|
externalWindow.close();
|
|
177
|
-
}), (0, events_1.addDisposableListener)(window, 'beforeunload', function () {
|
|
177
|
+
}), (0, events_1.addDisposableListener)(globalThis.window, 'beforeunload', function () {
|
|
178
178
|
/**
|
|
179
179
|
* before the main window closes we should close this popup too
|
|
180
180
|
* to be good citizens
|
|
@@ -204,7 +204,7 @@ var PopoutWindow = /** @class */ (function (_super) {
|
|
|
204
204
|
var externalDocument = externalWindow.document;
|
|
205
205
|
externalDocument.title = document.title;
|
|
206
206
|
externalDocument.body.appendChild(container);
|
|
207
|
-
(0, dom_1.addStyles)(externalDocument,
|
|
207
|
+
(0, dom_1.addStyles)(externalDocument, globalThis.document.styleSheets, {
|
|
208
208
|
nonce: _this.options.nonce,
|
|
209
209
|
});
|
|
210
210
|
/**
|
package/dist/cjs/scrollbar.d.ts
CHANGED
|
@@ -6,7 +6,7 @@ export declare class Scrollbar extends CompositeDisposable {
|
|
|
6
6
|
private _scrollOffset;
|
|
7
7
|
private _animationTimer;
|
|
8
8
|
private _orientation;
|
|
9
|
-
static MouseWheelSpeed
|
|
9
|
+
static readonly MouseWheelSpeed = 1;
|
|
10
10
|
get element(): HTMLElement;
|
|
11
11
|
get orientation(): 'horizontal' | 'vertical';
|
|
12
12
|
set orientation(value: 'horizontal' | 'vertical');
|
package/dist/cjs/scrollbar.js
CHANGED
|
@@ -57,15 +57,16 @@ var Scrollbar = /** @class */ (function (_super) {
|
|
|
57
57
|
_this._scrollOffset = originalScrollOffset + delta / p;
|
|
58
58
|
_this.calculateScrollbarStyles();
|
|
59
59
|
};
|
|
60
|
+
var doc = _this.element.ownerDocument;
|
|
60
61
|
var onEnd = function () {
|
|
61
62
|
(0, dom_1.toggleClass)(_this.element, 'dv-scrollable-scrolling', false);
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
63
|
+
doc.removeEventListener('pointermove', onPointerMove);
|
|
64
|
+
doc.removeEventListener('pointerup', onEnd);
|
|
65
|
+
doc.removeEventListener('pointercancel', onEnd);
|
|
65
66
|
};
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
67
|
+
doc.addEventListener('pointermove', onPointerMove);
|
|
68
|
+
doc.addEventListener('pointerup', onEnd);
|
|
69
|
+
doc.addEventListener('pointercancel', onEnd);
|
|
69
70
|
}), (0, events_1.addDisposableListener)(_this.element, 'scroll', function () {
|
|
70
71
|
_this.calculateScrollbarStyles();
|
|
71
72
|
}), (0, events_1.addDisposableListener)(_this.scrollableElement, 'scroll', function () {
|
|
@@ -137,7 +137,7 @@ export declare class Splitview {
|
|
|
137
137
|
private findFirstSnapIndex;
|
|
138
138
|
private updateSashEnablement;
|
|
139
139
|
private updateSash;
|
|
140
|
-
private resize;
|
|
140
|
+
private readonly resize;
|
|
141
141
|
private createViewContainer;
|
|
142
142
|
private createSashContainer;
|
|
143
143
|
private createContainer;
|
|
@@ -459,7 +459,7 @@ var Splitview = /** @class */ (function () {
|
|
|
459
459
|
var viewItem = new viewItem_1.ViewItem(container, view, viewSize, {
|
|
460
460
|
dispose: function () {
|
|
461
461
|
disposable.dispose();
|
|
462
|
-
|
|
462
|
+
container.remove();
|
|
463
463
|
},
|
|
464
464
|
});
|
|
465
465
|
if (index === this.viewItems.length) {
|
|
@@ -552,6 +552,7 @@ var Splitview = /** @class */ (function () {
|
|
|
552
552
|
_this.distributeEmptySpace();
|
|
553
553
|
_this.layoutViews();
|
|
554
554
|
};
|
|
555
|
+
var doc = sash_1.ownerDocument;
|
|
555
556
|
var end = function () {
|
|
556
557
|
var e_4, _a;
|
|
557
558
|
try {
|
|
@@ -569,23 +570,23 @@ var Splitview = /** @class */ (function () {
|
|
|
569
570
|
}
|
|
570
571
|
iframes.release();
|
|
571
572
|
_this.saveProportions();
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
573
|
+
doc.removeEventListener('pointermove', onPointerMove);
|
|
574
|
+
doc.removeEventListener('pointerup', end);
|
|
575
|
+
doc.removeEventListener('pointercancel', end);
|
|
576
|
+
doc.removeEventListener('contextmenu', end);
|
|
576
577
|
_this._onDidSashEnd.fire(undefined);
|
|
577
578
|
};
|
|
578
|
-
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
|
|
579
|
+
doc.addEventListener('pointermove', onPointerMove);
|
|
580
|
+
doc.addEventListener('pointerup', end);
|
|
581
|
+
doc.addEventListener('pointercancel', end);
|
|
582
|
+
doc.addEventListener('contextmenu', end);
|
|
582
583
|
};
|
|
583
584
|
sash_1.addEventListener('pointerdown', onPointerStart_1);
|
|
584
585
|
var sashItem = {
|
|
585
586
|
container: sash_1,
|
|
586
587
|
disposable: function () {
|
|
587
588
|
sash_1.removeEventListener('pointerdown', onPointerStart_1);
|
|
588
|
-
|
|
589
|
+
sash_1.remove();
|
|
589
590
|
},
|
|
590
591
|
};
|
|
591
592
|
this.sashContainer.appendChild(sash_1);
|
|
@@ -655,7 +656,7 @@ var Splitview = /** @class */ (function () {
|
|
|
655
656
|
if (!skipLayout) {
|
|
656
657
|
this.relayout();
|
|
657
658
|
}
|
|
658
|
-
if (sizing
|
|
659
|
+
if ((sizing === null || sizing === void 0 ? void 0 : sizing.type) === 'distribute') {
|
|
659
660
|
this.distributeViewSizes();
|
|
660
661
|
}
|
|
661
662
|
this._onDidRemoveView.fire(viewItem.view);
|
|
@@ -670,7 +671,7 @@ var Splitview = /** @class */ (function () {
|
|
|
670
671
|
};
|
|
671
672
|
Splitview.prototype.moveView = function (from, to) {
|
|
672
673
|
var cachedVisibleSize = this.getViewCachedVisibleSize(from);
|
|
673
|
-
var sizing =
|
|
674
|
+
var sizing = cachedVisibleSize === undefined
|
|
674
675
|
? this.getViewSize(from)
|
|
675
676
|
: Sizing.Invisible(cachedVisibleSize);
|
|
676
677
|
var view = this.removeView(from, undefined, true);
|
|
@@ -681,13 +682,7 @@ var Splitview = /** @class */ (function () {
|
|
|
681
682
|
var previousSize = Math.max(this.size, this._contentSize);
|
|
682
683
|
this.size = size;
|
|
683
684
|
this.orthogonalSize = orthogonalSize;
|
|
684
|
-
if (
|
|
685
|
-
var indexes = (0, math_1.range)(this.viewItems.length);
|
|
686
|
-
var lowPriorityIndexes = indexes.filter(function (i) { return _this.viewItems[i].priority === LayoutPriority.Low; });
|
|
687
|
-
var highPriorityIndexes = indexes.filter(function (i) { return _this.viewItems[i].priority === LayoutPriority.High; });
|
|
688
|
-
this.resize(this.viewItems.length - 1, size - previousSize, undefined, lowPriorityIndexes, highPriorityIndexes);
|
|
689
|
-
}
|
|
690
|
-
else {
|
|
685
|
+
if (this.proportions) {
|
|
691
686
|
var total = 0;
|
|
692
687
|
for (var i = 0; i < this.viewItems.length; i++) {
|
|
693
688
|
var item = this.viewItems[i];
|
|
@@ -707,6 +702,12 @@ var Splitview = /** @class */ (function () {
|
|
|
707
702
|
}
|
|
708
703
|
}
|
|
709
704
|
}
|
|
705
|
+
else {
|
|
706
|
+
var indexes = (0, math_1.range)(this.viewItems.length);
|
|
707
|
+
var lowPriorityIndexes = indexes.filter(function (i) { return _this.viewItems[i].priority === LayoutPriority.Low; });
|
|
708
|
+
var highPriorityIndexes = indexes.filter(function (i) { return _this.viewItems[i].priority === LayoutPriority.High; });
|
|
709
|
+
this.resize(this.viewItems.length - 1, size - previousSize, undefined, lowPriorityIndexes, highPriorityIndexes);
|
|
710
|
+
}
|
|
710
711
|
this.distributeEmptySpace();
|
|
711
712
|
this.layoutViews();
|
|
712
713
|
};
|
|
@@ -974,7 +975,7 @@ var Splitview = /** @class */ (function () {
|
|
|
974
975
|
this._onDidRemoveView.dispose();
|
|
975
976
|
for (var i = 0; i < this.element.children.length; i++) {
|
|
976
977
|
if (this.element.children.item(i) === this.element) {
|
|
977
|
-
this.element.
|
|
978
|
+
this.element.remove();
|
|
978
979
|
break;
|
|
979
980
|
}
|
|
980
981
|
}
|
|
@@ -37,7 +37,7 @@ var ViewItem = /** @class */ (function () {
|
|
|
37
37
|
});
|
|
38
38
|
Object.defineProperty(ViewItem.prototype, "visible", {
|
|
39
39
|
get: function () {
|
|
40
|
-
return
|
|
40
|
+
return this._cachedVisibleSize === undefined;
|
|
41
41
|
},
|
|
42
42
|
enumerable: false,
|
|
43
43
|
configurable: true
|