dockview-core 7.0.2 → 7.0.3

package/dist/cjs/gridview/gridview.js

@@ -484,7 +484,7 @@ var Gridview = /** @class */ (function () {
             if (oldRoot) {
                 oldRoot.dispose();
                 this._maximizedNode = undefined;
-                this.element.removeChild(oldRoot.element);
+                oldRoot.element.remove();
             }
             this._root = root;
             this.element.appendChild(this._root.element);
@@ -584,7 +584,7 @@ var Gridview = /** @class */ (function () {
         if (reverse === void 0) { reverse = false; }
         var _a = __read(this.getNode(location), 2), path = _a[0], node = _a[1];
         if (!(node instanceof leafNode_1.LeafNode)) {
-            throw new Error('invalid location');
+            throw new TypeError('invalid location');
         }
         for (var i = path.length - 1; i > -1; i--) {
             var n = path[i];
@@ -602,7 +602,7 @@ var Gridview = /** @class */ (function () {
         var _a = __read((0, array_1.tail)(location), 2), rest = _a[0], index = _a[1];
         var _b = __read(this.getNode(rest), 2), parent = _b[1];
         if (!(parent instanceof branchNode_1.BranchNode)) {
-            throw new Error('Invalid from location');
+            throw new TypeError('Invalid from location');
         }
         return parent.isChildVisible(index);
     };
@@ -613,7 +613,7 @@ var Gridview = /** @class */ (function () {
         var _a = __read((0, array_1.tail)(location), 2), rest = _a[0], index = _a[1];
         var _b = __read(this.getNode(rest), 2), parent = _b[1];
         if (!(parent instanceof branchNode_1.BranchNode)) {
-            throw new Error('Invalid from location');
+            throw new TypeError('Invalid from location');
         }
         this._onDidViewVisibilityChange.fire();
         parent.setChildVisible(index, visible);
@@ -624,7 +624,7 @@ var Gridview = /** @class */ (function () {
         }
         var _a = __read(this.getNode(parentLocation), 2), parent = _a[1];
         if (!(parent instanceof branchNode_1.BranchNode)) {
-            throw new Error('Invalid location');
+            throw new TypeError('Invalid location');
         }
         parent.moveChild(from, to);
     };
@@ -670,11 +670,11 @@ var Gridview = /** @class */ (function () {
         var _a = __read((0, array_1.tail)(location), 2), rest = _a[0], index = _a[1];
         var _b = __read(this.getNode(rest), 2), pathToParent = _b[0], parent = _b[1];
         if (!(parent instanceof branchNode_1.BranchNode)) {
-            throw new Error('Invalid location');
+            throw new TypeError('Invalid location');
         }
         var nodeToRemove = parent.children[index];
         if (!(nodeToRemove instanceof leafNode_1.LeafNode)) {
-            throw new Error('Invalid location');
+            throw new TypeError('Invalid location');
         }
         parent.removeChild(index, sizing);
         nodeToRemove.dispose();
@@ -761,7 +761,7 @@ var Gridview = /** @class */ (function () {
             return [path, node];
         }
         if (!(node instanceof branchNode_1.BranchNode)) {
-            throw new Error('Invalid location');
+            throw new TypeError('Invalid location');
         }
         var _a = __read(location), index = _a[0], rest = _a.slice(1);
         if (index < 0 || index >= node.children.length) {

package/dist/cjs/gridview/gridviewComponent.js

@@ -316,12 +316,7 @@ var GridviewComponent = /** @class */ (function (_super) {
             }
             _this._groups.forEach(function (groupItem) {
                 var group = groupItem.value;
-                if (group !== panel) {
-                    group.setActive(false);
-                }
-                else {
-                    group.setActive(true);
-                }
+                group.setActive(group === panel);
             });
         }));
         this._groups.set(panel.id, {

package/dist/cjs/overlay/overlay.js

@@ -235,19 +235,19 @@ var Overlay = /** @class */ (function (_super) {
         var element = this._element.getBoundingClientRect();
         var result = {};
         if (this.verticalAlignment === 'top') {
-            result.top = parseFloat(this._element.style.top);
+            result.top = Number.parseFloat(this._element.style.top);
         }
         else if (this.verticalAlignment === 'bottom') {
-            result.bottom = parseFloat(this._element.style.bottom);
+            result.bottom = Number.parseFloat(this._element.style.bottom);
         }
         else {
             result.top = element.top - container.top;
         }
         if (this.horiziontalAlignment === 'left') {
-            result.left = parseFloat(this._element.style.left);
+            result.left = Number.parseFloat(this._element.style.left);
         }
         else if (this.horiziontalAlignment === 'right') {
-            result.right = parseFloat(this._element.style.right);
+            result.right = Number.parseFloat(this._element.style.right);
         }
         else {
             result.left = element.left - container.left;
@@ -313,7 +313,7 @@ var Overlay = /** @class */ (function (_super) {
                         }
                     }
                 },
-            }, (0, events_1.addDisposableListener)(window, 'pointermove', function (e) {
+            }, (0, events_1.addDisposableListener)(globalThis.window, 'pointermove', function (e) {
                 if (_this._dragCancelled) {
                     return;
                 }
@@ -322,12 +322,10 @@ var Overlay = /** @class */ (function (_super) {
                 var y = e.clientY - containerRect.top;
                 (0, dom_1.toggleClass)(_this._element, 'dv-resize-container-dragging', true);
                 var overlayRect = _this._element.getBoundingClientRect();
-                if (offset === null) {
-                    offset = {
-                        x: e.clientX - overlayRect.left,
-                        y: e.clientY - overlayRect.top,
-                    };
-                }
+                offset !== null && offset !== void 0 ? offset : (offset = {
+                    x: e.clientX - overlayRect.left,
+                    y: e.clientY - overlayRect.top,
+                });
                 var xOffset = Math.max(0, _this.getMinimumWidth(overlayRect.width));
                 var yOffset = Math.max(0, _this.getMinimumHeight(overlayRect.height));
                 var proposedTop = y - offset.y;
@@ -379,7 +377,7 @@ var Overlay = /** @class */ (function (_super) {
                     hasMoved = true;
                     _this._onDidStartMoving.fire();
                 }
-            }), (0, events_1.addDisposableListener)(window, 'pointerup', end), (0, events_1.addDisposableListener)(window, 'pointercancel', end));
+            }), (0, events_1.addDisposableListener)(globalThis.window, 'pointerup', end), (0, events_1.addDisposableListener)(globalThis.window, 'pointercancel', end));
         };
         this.addDisposables((0, events_1.addDisposableListener)(dragTarget, 'pointerdown', function (event) {
             if (event.defaultPrevented) {
@@ -434,20 +432,18 @@ var Overlay = /** @class */ (function (_super) {
                 move.dispose();
                 _this._onDidChangeEnd.fire();
             };
-            move.value = new lifecycle_1.CompositeDisposable((0, events_1.addDisposableListener)(window, 'pointermove', function (e) {
+            move.value = new lifecycle_1.CompositeDisposable((0, events_1.addDisposableListener)(globalThis.window, 'pointermove', function (e) {
                 var containerRect = _this.options.container.getBoundingClientRect();
                 var overlayRect = _this._element.getBoundingClientRect();
                 var y = e.clientY - containerRect.top;
                 var x = e.clientX - containerRect.left;
-                if (startPosition === null) {
-                    // record the initial dimensions since as all subsequence moves are relative to this
-                    startPosition = {
-                        originalY: y,
-                        originalHeight: overlayRect.height,
-                        originalX: x,
-                        originalWidth: overlayRect.width,
-                    };
-                }
+                // record the initial dimensions since as all subsequence moves are relative to this
+                startPosition !== null && startPosition !== void 0 ? startPosition : (startPosition = {
+                    originalY: y,
+                    originalHeight: overlayRect.height,
+                    originalX: x,
+                    originalWidth: overlayRect.width,
+                });
                 var top = undefined;
                 var bottom = undefined;
                 var height = undefined;
@@ -462,7 +458,8 @@ var Overlay = /** @class */ (function (_super) {
                         ? Math.max(0, containerRect.height -
                             Overlay.MINIMUM_HEIGHT)
                         : Math.max(0, startPosition.originalY +
-                            startPosition.originalHeight -
+                            startPosition
+                                .originalHeight -
                             Overlay.MINIMUM_HEIGHT);
                     top = (0, math_1.clamp)(y, 0, maxTop);
                     height =
@@ -477,8 +474,8 @@ var Overlay = /** @class */ (function (_super) {
                             startPosition.originalHeight;
                     // When dragging bottom handle, constrain height to container height
                     var minHeight = top < 0 &&
-                        typeof _this.options.minimumInViewportHeight ===
-                            'number'
+                        typeof _this.options
+                            .minimumInViewportHeight === 'number'
                         ? -top +
                             _this.options.minimumInViewportHeight
                         : Overlay.MINIMUM_HEIGHT;
@@ -508,8 +505,8 @@ var Overlay = /** @class */ (function (_super) {
                             startPosition.originalWidth;
                     // When dragging right handle, constrain width to container width
                     var minWidth = left < 0 &&
-                        typeof _this.options.minimumInViewportWidth ===
-                            'number'
+                        typeof _this.options
+                            .minimumInViewportWidth === 'number'
                         ? -left +
                             _this.options.minimumInViewportWidth
                         : Overlay.MINIMUM_WIDTH;
@@ -578,7 +575,7 @@ var Overlay = /** @class */ (function (_super) {
                         }
                     }
                 },
-            }, (0, events_1.addDisposableListener)(window, 'pointerup', end), (0, events_1.addDisposableListener)(window, 'pointercancel', end));
+            }, (0, events_1.addDisposableListener)(globalThis.window, 'pointerup', end), (0, events_1.addDisposableListener)(globalThis.window, 'pointercancel', end));
         }));
     };
     Overlay.prototype.getMinimumWidth = function (width) {

package/dist/cjs/overlay/overlayRenderContainer.js

@@ -38,7 +38,7 @@ var PositionCache = /** @class */ (function () {
     }
     PositionCache.prototype.getPosition = function (element) {
         var cached = this.cache.get(element);
-        if (cached && cached.frameId === this.currentFrameId) {
+        if ((cached === null || cached === void 0 ? void 0 : cached.frameId) === this.currentFrameId) {
             return cached.rect;
         }
         this.scheduleFrameUpdate();
@@ -279,11 +279,10 @@ var OverlayRenderContainer = /** @class */ (function (_super) {
             correctLayerPosition();
         }));
         this.map[panel.api.id].destroy = lifecycle_1.Disposable.from(function () {
-            var _a;
             if (contentElement.parentElement === focusContainer) {
-                focusContainer.removeChild(contentElement);
+                contentElement.remove();
             }
-            (_a = focusContainer.parentElement) === null || _a === void 0 ? void 0 : _a.removeChild(focusContainer);
+            focusContainer.remove();
         });
         correctLayerPosition();
         queueMicrotask(function () {

package/dist/cjs/paneview/draggablePaneviewPanel.js

@@ -107,7 +107,7 @@ var DraggablePaneviewPanel = /** @class */ (function (_super) {
     };
     DraggablePaneviewPanel.prototype.onDrop = function (event) {
         var data = (0, dataTransfer_1.getPaneData)();
-        if (!data || data.viewId !== this.accessor.id) {
+        if ((data === null || data === void 0 ? void 0 : data.viewId) !== this.accessor.id) {
             // if there is no local drag event for this panel
             // or if the drag event was creating by another Paneview instance
             this._onDidDrop.fire(__assign(__assign({}, event), { panel: this, api: new component_api_1.PaneviewApi(this.accessor), getData: dataTransfer_1.getPaneData }));

package/dist/cjs/paneview/paneviewComponent.js

@@ -227,9 +227,7 @@ var PaneviewComponent = /** @class */ (function (_super) {
                 name: options.headerComponent,
             });
         }
-        if (!header) {
-            header = new defaultPaneviewHeader_1.DefaultHeader();
-        }
+        header !== null && header !== void 0 ? header : (header = new defaultPaneviewHeader_1.DefaultHeader());
         var view = new PaneFramework({
             id: options.id,
             component: options.component,
@@ -332,9 +330,7 @@ var PaneviewComponent = /** @class */ (function (_super) {
                             name: data.headerComponent,
                         });
                     }
-                    if (!header) {
-                        header = new defaultPaneviewHeader_1.DefaultHeader();
-                    }
+                    header !== null && header !== void 0 ? header : (header = new defaultPaneviewHeader_1.DefaultHeader());
                     var panel = new PaneFramework({
                         id: data.id,
                         component: data.component,

package/dist/cjs/popoutWindow.js

@@ -81,13 +81,13 @@ var lifecycle_1 = require("./lifecycle");
 function assertSameOriginPopoutUrl(url) {
     var resolved;
     try {
-        resolved = new URL(url, window.location.href);
+        resolved = new URL(url, globalThis.location.href);
     }
     catch (_a) {
         throw new Error("dockview: invalid popout URL: ".concat(url));
     }
     var protocolOk = resolved.protocol === 'http:' || resolved.protocol === 'https:';
-    if (!protocolOk || resolved.origin !== window.location.origin) {
+    if (!protocolOk || resolved.origin !== globalThis.location.origin) {
         throw new Error("dockview: popout URL must be same-origin http(s); got: ".concat(url));
     }
 }
@@ -174,7 +174,7 @@ var PopoutWindow = /** @class */ (function (_super) {
                 this._window = { value: externalWindow, disposable: disposable };
                 disposable.addDisposables(lifecycle_1.Disposable.from(function () {
                     externalWindow.close();
-                }), (0, events_1.addDisposableListener)(window, 'beforeunload', function () {
+                }), (0, events_1.addDisposableListener)(globalThis.window, 'beforeunload', function () {
                     /**
                      * before the main window closes we should close this popup too
                      * to be good citizens
@@ -204,7 +204,7 @@ var PopoutWindow = /** @class */ (function (_super) {
                                 var externalDocument = externalWindow.document;
                                 externalDocument.title = document.title;
                                 externalDocument.body.appendChild(container);
-                                (0, dom_1.addStyles)(externalDocument, window.document.styleSheets, {
+                                (0, dom_1.addStyles)(externalDocument, globalThis.document.styleSheets, {
                                     nonce: _this.options.nonce,
                                 });
                                 /**

package/dist/cjs/scrollbar.d.ts

@@ -6,7 +6,7 @@ export declare class Scrollbar extends CompositeDisposable {
     private _scrollOffset;
     private _animationTimer;
     private _orientation;
-    static MouseWheelSpeed: number;
+    static readonly MouseWheelSpeed = 1;
     get element(): HTMLElement;
     get orientation(): 'horizontal' | 'vertical';
     set orientation(value: 'horizontal' | 'vertical');

package/dist/cjs/scrollbar.js

@@ -57,15 +57,16 @@ var Scrollbar = /** @class */ (function (_super) {
                 _this._scrollOffset = originalScrollOffset + delta / p;
                 _this.calculateScrollbarStyles();
             };
+            var doc = _this.element.ownerDocument;
             var onEnd = function () {
                 (0, dom_1.toggleClass)(_this.element, 'dv-scrollable-scrolling', false);
-                document.removeEventListener('pointermove', onPointerMove);
-                document.removeEventListener('pointerup', onEnd);
-                document.removeEventListener('pointercancel', onEnd);
+                doc.removeEventListener('pointermove', onPointerMove);
+                doc.removeEventListener('pointerup', onEnd);
+                doc.removeEventListener('pointercancel', onEnd);
             };
-            document.addEventListener('pointermove', onPointerMove);
-            document.addEventListener('pointerup', onEnd);
-            document.addEventListener('pointercancel', onEnd);
+            doc.addEventListener('pointermove', onPointerMove);
+            doc.addEventListener('pointerup', onEnd);
+            doc.addEventListener('pointercancel', onEnd);
         }), (0, events_1.addDisposableListener)(_this.element, 'scroll', function () {
             _this.calculateScrollbarStyles();
         }), (0, events_1.addDisposableListener)(_this.scrollableElement, 'scroll', function () {

package/dist/cjs/splitview/splitview.d.ts

@@ -137,7 +137,7 @@ export declare class Splitview {
     private findFirstSnapIndex;
     private updateSashEnablement;
     private updateSash;
-    private resize;
+    private readonly resize;
     private createViewContainer;
     private createSashContainer;
     private createContainer;

package/dist/cjs/splitview/splitview.js

@@ -459,7 +459,7 @@ var Splitview = /** @class */ (function () {
         var viewItem = new viewItem_1.ViewItem(container, view, viewSize, {
             dispose: function () {
                 disposable.dispose();
-                _this.viewContainer.removeChild(container);
+                container.remove();
             },
         });
         if (index === this.viewItems.length) {
@@ -552,6 +552,7 @@ var Splitview = /** @class */ (function () {
                     _this.distributeEmptySpace();
                     _this.layoutViews();
                 };
+                var doc = sash_1.ownerDocument;
                 var end = function () {
                     var e_4, _a;
                     try {
@@ -569,23 +570,23 @@ var Splitview = /** @class */ (function () {
                     }
                     iframes.release();
                     _this.saveProportions();
-                    document.removeEventListener('pointermove', onPointerMove);
-                    document.removeEventListener('pointerup', end);
-                    document.removeEventListener('pointercancel', end);
-                    document.removeEventListener('contextmenu', end);
+                    doc.removeEventListener('pointermove', onPointerMove);
+                    doc.removeEventListener('pointerup', end);
+                    doc.removeEventListener('pointercancel', end);
+                    doc.removeEventListener('contextmenu', end);
                     _this._onDidSashEnd.fire(undefined);
                 };
-                document.addEventListener('pointermove', onPointerMove);
-                document.addEventListener('pointerup', end);
-                document.addEventListener('pointercancel', end);
-                document.addEventListener('contextmenu', end);
+                doc.addEventListener('pointermove', onPointerMove);
+                doc.addEventListener('pointerup', end);
+                doc.addEventListener('pointercancel', end);
+                doc.addEventListener('contextmenu', end);
             };
             sash_1.addEventListener('pointerdown', onPointerStart_1);
             var sashItem = {
                 container: sash_1,
                 disposable: function () {
                     sash_1.removeEventListener('pointerdown', onPointerStart_1);
-                    _this.sashContainer.removeChild(sash_1);
+                    sash_1.remove();
                 },
             };
             this.sashContainer.appendChild(sash_1);
@@ -655,7 +656,7 @@ var Splitview = /** @class */ (function () {
         if (!skipLayout) {
             this.relayout();
         }
-        if (sizing && sizing.type === 'distribute') {
+        if ((sizing === null || sizing === void 0 ? void 0 : sizing.type) === 'distribute') {
             this.distributeViewSizes();
         }
         this._onDidRemoveView.fire(viewItem.view);
@@ -670,7 +671,7 @@ var Splitview = /** @class */ (function () {
     };
     Splitview.prototype.moveView = function (from, to) {
         var cachedVisibleSize = this.getViewCachedVisibleSize(from);
-        var sizing = typeof cachedVisibleSize === 'undefined'
+        var sizing = cachedVisibleSize === undefined
             ? this.getViewSize(from)
             : Sizing.Invisible(cachedVisibleSize);
         var view = this.removeView(from, undefined, true);
@@ -681,13 +682,7 @@ var Splitview = /** @class */ (function () {
         var previousSize = Math.max(this.size, this._contentSize);
         this.size = size;
         this.orthogonalSize = orthogonalSize;
-        if (!this.proportions) {
-            var indexes = (0, math_1.range)(this.viewItems.length);
-            var lowPriorityIndexes = indexes.filter(function (i) { return _this.viewItems[i].priority === LayoutPriority.Low; });
-            var highPriorityIndexes = indexes.filter(function (i) { return _this.viewItems[i].priority === LayoutPriority.High; });
-            this.resize(this.viewItems.length - 1, size - previousSize, undefined, lowPriorityIndexes, highPriorityIndexes);
-        }
-        else {
+        if (this.proportions) {
             var total = 0;
             for (var i = 0; i < this.viewItems.length; i++) {
                 var item = this.viewItems[i];
@@ -707,6 +702,12 @@ var Splitview = /** @class */ (function () {
                 }
             }
         }
+        else {
+            var indexes = (0, math_1.range)(this.viewItems.length);
+            var lowPriorityIndexes = indexes.filter(function (i) { return _this.viewItems[i].priority === LayoutPriority.Low; });
+            var highPriorityIndexes = indexes.filter(function (i) { return _this.viewItems[i].priority === LayoutPriority.High; });
+            this.resize(this.viewItems.length - 1, size - previousSize, undefined, lowPriorityIndexes, highPriorityIndexes);
+        }
         this.distributeEmptySpace();
         this.layoutViews();
     };
@@ -974,7 +975,7 @@ var Splitview = /** @class */ (function () {
         this._onDidRemoveView.dispose();
         for (var i = 0; i < this.element.children.length; i++) {
             if (this.element.children.item(i) === this.element) {
-                this.element.removeChild(this.element);
+                this.element.remove();
                 break;
             }
         }

package/dist/cjs/splitview/viewItem.js

@@ -37,7 +37,7 @@ var ViewItem = /** @class */ (function () {
     });
     Object.defineProperty(ViewItem.prototype, "visible", {
         get: function () {
-            return typeof this._cachedVisibleSize === 'undefined';
+            return this._cachedVisibleSize === undefined;
         },
         enumerable: false,
         configurable: true