dockview-core 1.17.2 → 2.0.0

package/dist/cjs/paneview/paneviewPanel.d.ts

@@ -45,14 +45,14 @@ export interface IPaneviewPanel extends BasePanelViewExported<PaneviewPanelApiIm
 }
 export declare abstract class PaneviewPanel extends BasePanelView<PaneviewPanelApiImpl> implements IPaneview, IPaneviewPanel {
     private readonly headerComponent;
-    private _onDidChangeExpansionState;
+    private readonly _onDidChangeExpansionState;
     onDidChangeExpansionState: Event<boolean>;
     private readonly _onDidChange;
     readonly onDidChange: Event<{
         size?: number;
         orthogonalSize?: number;
     }>;
-    private headerSize;
+    private readonly headerSize;
     private _orthogonalSize;
     private _size;
     private _minimumBodySize;

package/dist/cjs/paneview/paneviewPanel.js

@@ -70,7 +70,7 @@ var PaneviewPanel = /** @class */ (function (_super) {
         _this._headerVisible = isHeaderVisible;
         _this._onDidChangeExpansionState.fire(_this.isExpanded()); // initialize value
         _this._orientation = orientation;
-        _this.element.classList.add('pane');
+        _this.element.classList.add('dv-pane');
         _this.addDisposables(_this.api.onWillVisibilityChange(function (event) {
             var isVisible = event.isVisible;
             var accessor = _this._params.accessor;
@@ -248,14 +248,14 @@ var PaneviewPanel = /** @class */ (function (_super) {
     PaneviewPanel.prototype.renderOnce = function () {
         this.header = document.createElement('div');
         this.header.tabIndex = 0;
-        this.header.className = 'pane-header';
+        this.header.className = 'dv-pane-header';
         this.header.style.height = "".concat(this.headerSize, "px");
         this.header.style.lineHeight = "".concat(this.headerSize, "px");
         this.header.style.minHeight = "".concat(this.headerSize, "px");
         this.header.style.maxHeight = "".concat(this.headerSize, "px");
         this.element.appendChild(this.header);
         this.body = document.createElement('div');
-        this.body.className = 'pane-body';
+        this.body.className = 'dv-pane-body';
         this.element.appendChild(this.body);
     };
     // TODO slightly hacky by-pass of the component to create a body and header component

package/dist/cjs/popoutWindow.js

@@ -117,7 +117,6 @@ var PopoutWindow = /** @class */ (function (_super) {
                 window: this._window.value,
             });
             this._window.disposable.dispose();
-            this._window.value.close();
             this._window = null;
             this._onDidClose.fire();
         }
@@ -152,7 +151,9 @@ var PopoutWindow = /** @class */ (function (_super) {
                 }
                 disposable = new lifecycle_1.CompositeDisposable();
                 this._window = { value: externalWindow, disposable: disposable };
-                disposable.addDisposables((0, events_1.addDisposableWindowListener)(window, 'beforeunload', function () {
+                disposable.addDisposables(lifecycle_1.Disposable.from(function () {
+                    externalWindow.close();
+                }), (0, events_1.addDisposableWindowListener)(window, 'beforeunload', function () {
                     /**
                      * before the main window closes we should close this popup too
                      * to be good citizens
@@ -169,7 +170,7 @@ var PopoutWindow = /** @class */ (function (_super) {
                     id: this.target,
                     window: externalWindow,
                 });
-                return [2 /*return*/, new Promise(function (resolve) {
+                return [2 /*return*/, new Promise(function (resolve, reject) {
                         externalWindow.addEventListener('unload', function (e) {
                             // if page fails to load before unloading
                             // this.close();
@@ -178,21 +179,27 @@ var PopoutWindow = /** @class */ (function (_super) {
                             /**
                              * @see https://developer.mozilla.org/en-US/docs/Web/API/Window/load_event
                              */
-                            var externalDocument = externalWindow.document;
-                            externalDocument.title = document.title;
-                            externalDocument.body.appendChild(container);
-                            (0, dom_1.addStyles)(externalDocument, window.document.styleSheets);
-                            /**
-                             * beforeunload must be registered after load for reasons I could not determine
-                             * otherwise the beforeunload event will not fire when the window is closed
-                             */
-                            (0, events_1.addDisposableWindowListener)(externalWindow, 'beforeunload', function () {
+                            try {
+                                var externalDocument = externalWindow.document;
+                                externalDocument.title = document.title;
+                                externalDocument.body.appendChild(container);
+                                (0, dom_1.addStyles)(externalDocument, window.document.styleSheets);
                                 /**
-                                 * @see https://developer.mozilla.org/en-US/docs/Web/API/Window/beforeunload_event
+                                 * beforeunload must be registered after load for reasons I could not determine
+                                 * otherwise the beforeunload event will not fire when the window is closed
                                  */
-                                _this.close();
-                            });
-                            resolve(container);
+                                (0, events_1.addDisposableWindowListener)(externalWindow, 'beforeunload', function () {
+                                    /**
+                                     * @see https://developer.mozilla.org/en-US/docs/Web/API/Window/beforeunload_event
+                                     */
+                                    _this.close();
+                                });
+                                resolve(container);
+                            }
+                            catch (err) {
+                                // only except this is the DOM isn't setup. e.g. in a in correctly configured test
+                                reject(err);
+                            }
                         });
                     })];
             });

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

@@ -67,17 +67,17 @@ export interface ISplitViewDescriptor {
 }
 export declare class Splitview {
     private readonly container;
-    private element;
-    private viewContainer;
-    private sashContainer;
-    private viewItems;
-    private sashes;
+    private readonly element;
+    private readonly viewContainer;
+    private readonly sashContainer;
+    private readonly viewItems;
+    private readonly sashes;
     private _orientation;
     private _size;
     private _orthogonalSize;
     private _contentSize;
     private _proportions;
-    private proportionalLayout;
+    private readonly proportionalLayout;
     private _startSnappingEnabled;
     private _endSnappingEnabled;
     private _disabled;

package/dist/cjs/splitview/splitview.js

@@ -285,10 +285,10 @@ var Splitview = /** @class */ (function () {
             var tmp = this.size;
             this.size = this.orthogonalSize;
             this.orthogonalSize = tmp;
-            (0, dom_1.removeClasses)(this.element, 'horizontal', 'vertical');
+            (0, dom_1.removeClasses)(this.element, 'dv-horizontal', 'dv-vertical');
             this.element.classList.add(this.orientation == Orientation.HORIZONTAL
-                ? 'horizontal'
-                : 'vertical');
+                ? 'dv-horizontal'
+                : 'dv-vertical');
         },
         enumerable: false,
         configurable: true
@@ -360,11 +360,11 @@ var Splitview = /** @class */ (function () {
     });
     Splitview.prototype.style = function (styles) {
         if ((styles === null || styles === void 0 ? void 0 : styles.separatorBorder) === 'transparent') {
-            (0, dom_1.removeClasses)(this.element, 'separator-border');
+            (0, dom_1.removeClasses)(this.element, 'dv-separator-border');
             this.element.style.removeProperty('--dv-separator-border');
         }
         else {
-            (0, dom_1.addClasses)(this.element, 'separator-border');
+            (0, dom_1.addClasses)(this.element, 'dv-separator-border');
             if (styles === null || styles === void 0 ? void 0 : styles.separatorBorder) {
                 this.element.style.setProperty('--dv-separator-border', styles.separatorBorder);
             }
@@ -437,7 +437,7 @@ var Splitview = /** @class */ (function () {
         if (size === void 0) { size = { type: 'distribute' }; }
         if (index === void 0) { index = this.viewItems.length; }
         var container = document.createElement('div');
-        container.className = 'view';
+        container.className = 'dv-view';
         container.appendChild(view.element);
         var viewSize;
         if (typeof size === 'number') {
@@ -471,7 +471,7 @@ var Splitview = /** @class */ (function () {
         if (this.viewItems.length > 1) {
             //add sash
             var sash_1 = document.createElement('div');
-            sash_1.className = 'sash';
+            sash_1.className = 'dv-sash';
             var onPointerStart_1 = function (event) {
                 var e_3, _a;
                 try {
@@ -808,7 +808,8 @@ var Splitview = /** @class */ (function () {
             var offset = i === 0 || visiblePanelsBeforeThisView === 0
                 ? 0
                 : viewLeftOffsets[i - 1] +
-                    (visiblePanelsBeforeThisView / sashCount) * marginReducedSize;
+                    (visiblePanelsBeforeThisView / sashCount) *
+                        marginReducedSize;
             if (i < _this.viewItems.length - 1) {
                 // calculate sash position
                 var newSize = view.visible
@@ -940,27 +941,27 @@ var Splitview = /** @class */ (function () {
         }
     };
     Splitview.prototype.updateSash = function (sash, state) {
-        (0, dom_1.toggleClass)(sash.container, 'disabled', state === SashState.DISABLED);
-        (0, dom_1.toggleClass)(sash.container, 'enabled', state === SashState.ENABLED);
-        (0, dom_1.toggleClass)(sash.container, 'maximum', state === SashState.MAXIMUM);
-        (0, dom_1.toggleClass)(sash.container, 'minimum', state === SashState.MINIMUM);
+        (0, dom_1.toggleClass)(sash.container, 'dv-disabled', state === SashState.DISABLED);
+        (0, dom_1.toggleClass)(sash.container, 'dv-enabled', state === SashState.ENABLED);
+        (0, dom_1.toggleClass)(sash.container, 'dv-maximum', state === SashState.MAXIMUM);
+        (0, dom_1.toggleClass)(sash.container, 'dv-minimum', state === SashState.MINIMUM);
     };
     Splitview.prototype.createViewContainer = function () {
         var element = document.createElement('div');
-        element.className = 'view-container';
+        element.className = 'dv-view-container';
         return element;
     };
     Splitview.prototype.createSashContainer = function () {
         var element = document.createElement('div');
-        element.className = 'sash-container';
+        element.className = 'dv-sash-container';
         return element;
     };
     Splitview.prototype.createContainer = function () {
         var element = document.createElement('div');
         var orientationClassname = this._orientation === Orientation.HORIZONTAL
-            ? 'horizontal'
-            : 'vertical';
-        element.className = "split-view-container ".concat(orientationClassname);
+            ? 'dv-horizontal'
+            : 'dv-vertical';
+        element.className = "dv-split-view-container ".concat(orientationClassname);
         return element;
     };
     Splitview.prototype.dispose = function () {

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

@@ -59,10 +59,10 @@ export interface ISplitviewComponent extends IDisposable {
  * A high-level implementation of splitview that works using 'panels'
  */
 export declare class SplitviewComponent extends Resizable implements ISplitviewComponent {
-    private _splitviewChangeDisposable;
+    private readonly _splitviewChangeDisposable;
     private _splitview;
     private _activePanel;
-    private _panels;
+    private readonly _panels;
     private _options;
     private readonly _onDidLayoutfromJSON;
     readonly onDidLayoutFromJSON: Event<void>;

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

@@ -3,7 +3,7 @@ import { IView, LayoutPriority } from './splitview';
 export declare class ViewItem {
     container: HTMLElement;
     view: IView;
-    private disposable;
+    private readonly disposable;
     private _size;
     private _cachedVisibleSize;
     set size(size: number);

package/dist/cjs/svg.js

@@ -8,7 +8,7 @@ var createSvgElementFromPath = function (params) {
     svg.setAttributeNS(null, 'viewBox', params.viewbox);
     svg.setAttributeNS(null, 'aria-hidden', 'false');
     svg.setAttributeNS(null, 'focusable', 'false');
-    svg.classList.add('dockview-svg');
+    svg.classList.add('dv-svg');
     var path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
     path.setAttributeNS(null, 'd', params.path);
     svg.appendChild(path);