dockview-core 1.9.2 → 1.10.1

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

@@ -5,6 +5,7 @@ import { BasePanelView, BasePanelViewExported, BasePanelViewState } from '../gri
 import { IDisposable } from '../lifecycle';
 import { IFrameworkPart, PanelInitParameters, PanelUpdateEvent } from '../panel/types';
 import { IView, Orientation } from '../splitview/splitview';
+import { PaneviewComponent } from './paneviewComponent';
 export interface PanePanelViewState extends BasePanelViewState {
     headerComponent?: string;
     title: string;
@@ -15,6 +16,7 @@ export interface PanePanelInitParameter extends PanelInitParameters {
     isExpanded?: boolean;
     title: string;
     containerApi: PaneviewApi;
+    accessor: PaneviewComponent;
 }
 export interface PanePanelComponentInitParameter extends PanePanelInitParameter {
     api: PaneviewPanelApiImpl;
@@ -90,4 +92,3 @@ export declare abstract class PaneviewPanel extends BasePanelView<PaneviewPanelA
     protected abstract getBodyComponent(): IPaneBodyPart;
     protected abstract getHeaderComponent(): IPaneHeaderPart;
 }
-//# sourceMappingURL=paneviewPanel.d.ts.map

package/dist/cjs/paneview/paneviewPanel.js

@@ -71,7 +71,11 @@ var PaneviewPanel = /** @class */ (function (_super) {
         _this._onDidChangeExpansionState.fire(_this.isExpanded()); // initialize value
         _this._orientation = orientation;
         _this.element.classList.add('pane');
-        _this.addDisposables(_this.api.onDidSizeChange(function (event) {
+        _this.addDisposables(_this.api.onWillVisibilityChange(function (event) {
+            var isVisible = event.isVisible;
+            var accessor = _this._params.accessor;
+            accessor.setVisible(_this, isVisible);
+        }), _this.api.onDidSizeChange(function (event) {
             _this._onDidChange.fire({ size: event.size });
         }), (0, events_1.addDisposableListener)(_this.element, 'mouseenter', function (ev) {
             _this.api._onMouseEnter.fire(ev);
@@ -273,4 +277,3 @@ var PaneviewPanel = /** @class */ (function (_super) {
     return PaneviewPanel;
 }(basePanelView_1.BasePanelView));
 exports.PaneviewPanel = PaneviewPanel;
-//# sourceMappingURL=paneviewPanel.js.map

package/dist/cjs/popoutWindow.d.ts

@@ -2,17 +2,28 @@ import { CompositeDisposable } from './lifecycle';
 import { Box } from './types';
 export type PopoutWindowOptions = {
     url: string;
+    onDidOpen?: (event: {
+        id: string;
+        window: Window;
+    }) => void;
+    onWillClose?: (event: {
+        id: string;
+        window: Window;
+    }) => void;
 } & Box;
 export declare class PopoutWindow extends CompositeDisposable {
-    private readonly id;
+    private readonly target;
     private readonly className;
     private readonly options;
+    private readonly _onWillClose;
+    readonly onWillClose: import("./events").Event<void>;
     private readonly _onDidClose;
     readonly onDidClose: import("./events").Event<void>;
     private _window;
-    constructor(id: string, className: string, options: PopoutWindowOptions);
+    get window(): Window | null;
+    constructor(target: string, className: string, options: PopoutWindowOptions);
     dimensions(): Box | null;
     close(): void;
-    open(content: HTMLElement): void;
+    open(): Promise<HTMLElement | null>;
+    private createPopoutWindowContainer;
 }
-//# sourceMappingURL=popoutWindow.d.ts.map

package/dist/cjs/popoutWindow.js

@@ -14,6 +14,42 @@ var __extends = (this && this.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
 var __read = (this && this.__read) || function (o, n) {
     var m = typeof Symbol === "function" && o[Symbol.iterator];
     if (!m) return o;
@@ -37,21 +73,31 @@ var events_1 = require("./events");
 var lifecycle_1 = require("./lifecycle");
 var PopoutWindow = /** @class */ (function (_super) {
     __extends(PopoutWindow, _super);
-    function PopoutWindow(id, className, options) {
+    function PopoutWindow(target, className, options) {
         var _this = _super.call(this) || this;
-        _this.id = id;
+        _this.target = target;
         _this.className = className;
         _this.options = options;
+        _this._onWillClose = new events_1.Emitter();
+        _this.onWillClose = _this._onWillClose.event;
         _this._onDidClose = new events_1.Emitter();
         _this.onDidClose = _this._onDidClose.event;
         _this._window = null;
-        _this.addDisposables(_this._onDidClose, {
+        _this.addDisposables(_this._onWillClose, _this._onDidClose, {
             dispose: function () {
                 _this.close();
             },
         });
         return _this;
     }
+    Object.defineProperty(PopoutWindow.prototype, "window", {
+        get: function () {
+            var _a, _b;
+            return (_b = (_a = this._window) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : null;
+        },
+        enumerable: false,
+        configurable: true
+    });
     PopoutWindow.prototype.dimensions = function () {
         if (!this._window) {
             return null;
@@ -63,68 +109,106 @@ var PopoutWindow = /** @class */ (function (_super) {
         return { top: top, left: left, width: width, height: height };
     };
     PopoutWindow.prototype.close = function () {
+        var _a, _b;
         if (this._window) {
+            this._onWillClose.fire();
+            (_b = (_a = this.options).onWillClose) === null || _b === void 0 ? void 0 : _b.call(_a, {
+                id: this.target,
+                window: this._window.value,
+            });
             this._window.disposable.dispose();
             this._window.value.close();
             this._window = null;
+            this._onDidClose.fire();
         }
     };
-    PopoutWindow.prototype.open = function (content) {
-        var _this = this;
-        if (this._window) {
-            throw new Error('instance of popout window is already open');
-        }
-        var url = "".concat(this.options.url);
-        var features = Object.entries({
-            top: this.options.top,
-            left: this.options.left,
-            width: this.options.width,
-            height: this.options.height,
-        })
-            .map(function (_a) {
-            var _b = __read(_a, 2), key = _b[0], value = _b[1];
-            return "".concat(key, "=").concat(value);
-        })
-            .join(',');
-        // https://developer.mozilla.org/en-US/docs/Web/API/Window/open
-        var externalWindow = window.open(url, this.id, features);
-        if (!externalWindow) {
-            return;
-        }
-        var disposable = new lifecycle_1.CompositeDisposable();
-        this._window = { value: externalWindow, disposable: disposable };
-        var cleanUp = function () {
-            _this._onDidClose.fire();
-            _this._window = null;
-        };
-        // prevent any default content from loading
-        // externalWindow.document.body.replaceWith(document.createElement('div'));
-        disposable.addDisposables((0, events_1.addDisposableWindowListener)(window, 'beforeunload', function () {
-            cleanUp();
-            _this.close();
-        }));
-        externalWindow.addEventListener('load', function () {
-            var externalDocument = externalWindow.document;
-            externalDocument.title = document.title;
-            var div = document.createElement('div');
-            div.classList.add('dv-popout-window');
-            div.style.position = 'absolute';
-            div.style.width = '100%';
-            div.style.height = '100%';
-            div.style.top = '0px';
-            div.style.left = '0px';
-            div.classList.add(_this.className);
-            div.appendChild(content);
-            externalDocument.body.replaceChildren(div);
-            externalDocument.body.classList.add(_this.className);
-            (0, dom_1.addStyles)(externalDocument, window.document.styleSheets);
-            externalWindow.addEventListener('beforeunload', function () {
-                // TODO: indicate external window is closing
-                cleanUp();
+    PopoutWindow.prototype.open = function () {
+        var _a, _b;
+        return __awaiter(this, void 0, void 0, function () {
+            var url, features, externalWindow, disposable, container;
+            var _this = this;
+            return __generator(this, function (_c) {
+                if (this._window) {
+                    throw new Error('instance of popout window is already open');
+                }
+                url = "".concat(this.options.url);
+                features = Object.entries({
+                    top: this.options.top,
+                    left: this.options.left,
+                    width: this.options.width,
+                    height: this.options.height,
+                })
+                    .map(function (_a) {
+                    var _b = __read(_a, 2), key = _b[0], value = _b[1];
+                    return "".concat(key, "=").concat(value);
+                })
+                    .join(',');
+                externalWindow = window.open(url, this.target, features);
+                if (!externalWindow) {
+                    /**
+                     * Popup blocked
+                     */
+                    return [2 /*return*/, null];
+                }
+                disposable = new lifecycle_1.CompositeDisposable();
+                this._window = { value: externalWindow, disposable: disposable };
+                disposable.addDisposables((0, events_1.addDisposableWindowListener)(window, 'beforeunload', function () {
+                    /**
+                     * before the main window closes we should close this popup too
+                     * to be good citizens
+                     *
+                     * @see https://developer.mozilla.org/en-US/docs/Web/API/Window/beforeunload_event
+                     */
+                    _this.close();
+                }));
+                container = this.createPopoutWindowContainer();
+                if (this.className) {
+                    container.classList.add(this.className);
+                }
+                (_b = (_a = this.options).onDidOpen) === null || _b === void 0 ? void 0 : _b.call(_a, {
+                    id: this.target,
+                    window: externalWindow,
+                });
+                return [2 /*return*/, new Promise(function (resolve) {
+                        externalWindow.addEventListener('unload', function (e) {
+                            // if page fails to load before unloading
+                            // this.close();
+                        });
+                        externalWindow.addEventListener('load', function () {
+                            /**
+                             * @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 () {
+                                /**
+                                 * @see https://developer.mozilla.org/en-US/docs/Web/API/Window/beforeunload_event
+                                 */
+                                _this.close();
+                            });
+                            resolve(container);
+                        });
+                    })];
             });
         });
     };
+    PopoutWindow.prototype.createPopoutWindowContainer = function () {
+        var el = document.createElement('div');
+        el.classList.add('dv-popout-window');
+        el.id = 'dv-popout-window';
+        el.style.position = 'absolute';
+        el.style.width = '100%';
+        el.style.height = '100%';
+        el.style.top = '0px';
+        el.style.left = '0px';
+        return el;
+    };
     return PopoutWindow;
 }(lifecycle_1.CompositeDisposable));
 exports.PopoutWindow = PopoutWindow;
-//# sourceMappingURL=popoutWindow.js.map

package/dist/cjs/resizable.d.ts

@@ -5,7 +5,6 @@ export declare abstract class Resizable extends CompositeDisposable {
     get element(): HTMLElement;
     get disableResizing(): boolean;
     set disableResizing(value: boolean);
-    constructor(parentElement?: HTMLElement, disableResizing?: boolean);
+    constructor(parentElement: HTMLElement, disableResizing?: boolean);
     abstract layout(width: number, height: number): void;
 }
-//# sourceMappingURL=resizable.d.ts.map

package/dist/cjs/resizable.js

@@ -24,15 +24,7 @@ var Resizable = /** @class */ (function (_super) {
         if (disableResizing === void 0) { disableResizing = false; }
         var _this = _super.call(this) || this;
         _this._disableResizing = disableResizing;
-        if (parentElement) {
-            _this._element = parentElement;
-        }
-        else {
-            _this._element = document.createElement('div');
-            _this._element.style.height = '100%';
-            _this._element.style.width = '100%';
-            _this._element.className = 'dv-resizable-container';
-        }
+        _this._element = parentElement;
         _this.addDisposables((0, dom_1.watchElementResize)(_this._element, function (entry) {
             if (_this.isDisposed) {
                 /**
@@ -92,4 +84,3 @@ var Resizable = /** @class */ (function (_super) {
     return Resizable;
 }(lifecycle_1.CompositeDisposable));
 exports.Resizable = Resizable;
-//# sourceMappingURL=resizable.js.map

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

@@ -1,5 +1,5 @@
-import { IPanel, PanelInitParameters } from '../panel/types';
-import { IView, SplitViewOptions, LayoutPriority } from './splitview';
+import { PanelInitParameters } from '../panel/types';
+import { SplitViewOptions, LayoutPriority } from './splitview';
 import { SplitviewPanel } from './splitviewPanel';
 import { SplitviewComponent } from './splitviewComponent';
 import { ComponentConstructor, FrameworkFactory } from '../panel/componentFactory';
@@ -10,9 +10,6 @@ export interface PanelViewInitParameters extends PanelInitParameters {
     priority?: LayoutPriority;
     accessor: SplitviewComponent;
 }
-export interface ISerializableView extends IView, IPanel {
-    init: (params: PanelViewInitParameters) => void;
-}
 export interface SplitviewComponentOptions extends SplitViewOptions {
     disableAutoResizing?: boolean;
     components?: {
@@ -22,6 +19,5 @@ export interface SplitviewComponentOptions extends SplitViewOptions {
         [componentName: string]: any;
     };
     frameworkWrapper?: FrameworkFactory<SplitviewPanel>;
-    parentElement?: HTMLElement;
+    parentElement: HTMLElement;
 }
-//# sourceMappingURL=options.d.ts.map

package/dist/cjs/splitview/options.js

@@ -1,3 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=options.js.map

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

@@ -79,6 +79,7 @@ export declare class Splitview {
     private proportionalLayout;
     private _startSnappingEnabled;
     private _endSnappingEnabled;
+    private _disabled;
     private readonly _onDidSashEnd;
     readonly onDidSashEnd: Event<void>;
     private readonly _onDidAddView;
@@ -100,6 +101,8 @@ export declare class Splitview {
     set startSnappingEnabled(startSnappingEnabled: boolean);
     get endSnappingEnabled(): boolean;
     set endSnappingEnabled(endSnappingEnabled: boolean);
+    get disabled(): boolean;
+    set disabled(value: boolean);
     constructor(container: HTMLElement, options: SplitViewOptions);
     style(styles?: ISplitviewStyles): void;
     isViewVisible(index: number): boolean;
@@ -127,4 +130,3 @@ export declare class Splitview {
     private createContainer;
     dispose(): void;
 }
-//# sourceMappingURL=splitview.d.ts.map

package/dist/cjs/splitview/splitview.js

@@ -88,6 +88,7 @@ var Splitview = /** @class */ (function () {
         this._proportions = undefined;
         this._startSnappingEnabled = true;
         this._endSnappingEnabled = true;
+        this._disabled = false;
         this._onDidSashEnd = new events_1.Emitter();
         this.onDidSashEnd = this._onDidSashEnd.event;
         this._onDidAddView = new events_1.Emitter();
@@ -333,6 +334,17 @@ var Splitview = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(Splitview.prototype, "disabled", {
+        get: function () {
+            return this._disabled;
+        },
+        set: function (value) {
+            this._disabled = value;
+            (0, dom_1.toggleClass)(this.element, 'dv-splitview-disabled', value);
+        },
+        enumerable: false,
+        configurable: true
+    });
     Splitview.prototype.style = function (styles) {
         if ((styles === null || styles === void 0 ? void 0 : styles.separatorBorder) === 'transparent') {
             (0, dom_1.removeClasses)(this.element, 'separator-border');
@@ -957,4 +969,3 @@ var Splitview = /** @class */ (function () {
     return Splitview;
 }());
 exports.Splitview = Splitview;
-//# sourceMappingURL=splitview.js.map

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

@@ -88,7 +88,7 @@ export declare class SplitviewComponent extends Resizable implements ISplitviewC
     focus(): void;
     movePanel(from: number, to: number): void;
     setVisible(panel: SplitviewPanel, visible: boolean): void;
-    setActive(view: SplitviewPanel, skipFocus?: boolean): void;
+    setActive(panel: SplitviewPanel, skipFocus?: boolean): void;
     removePanel(panel: SplitviewPanel, sizing?: Sizing): void;
     getPanel(id: string): SplitviewPanel | undefined;
     addPanel<T extends object = Parameters>(options: AddSplitviewComponentOptions<T>): SplitviewPanel;
@@ -99,4 +99,3 @@ export declare class SplitviewComponent extends Resizable implements ISplitviewC
     clear(): void;
     dispose(): void;
 }
-//# sourceMappingURL=splitviewComponent.d.ts.map

package/dist/cjs/splitview/splitviewComponent.js

@@ -183,19 +183,19 @@ var SplitviewComponent = /** @class */ (function (_super) {
         var index = this.panels.indexOf(panel);
         this.splitview.setViewVisible(index, visible);
     };
-    SplitviewComponent.prototype.setActive = function (view, skipFocus) {
-        this._activePanel = view;
+    SplitviewComponent.prototype.setActive = function (panel, skipFocus) {
+        this._activePanel = panel;
         this.panels
-            .filter(function (v) { return v !== view; })
+            .filter(function (v) { return v !== panel; })
             .forEach(function (v) {
             v.api._onDidActiveChange.fire({ isActive: false });
             if (!skipFocus) {
                 v.focus();
             }
         });
-        view.api._onDidActiveChange.fire({ isActive: true });
+        panel.api._onDidActiveChange.fire({ isActive: true });
         if (!skipFocus) {
-            view.focus();
+            panel.focus();
         }
     };
     SplitviewComponent.prototype.removePanel = function (panel, sizing) {
@@ -393,4 +393,3 @@ var SplitviewComponent = /** @class */ (function (_super) {
     return SplitviewComponent;
 }(resizable_1.Resizable));
 exports.SplitviewComponent = SplitviewComponent;
-//# sourceMappingURL=splitviewComponent.js.map

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

@@ -1,4 +1,4 @@
-import { ISerializableView, PanelViewInitParameters } from './options';
+import { PanelViewInitParameters } from './options';
 import { BasePanelView, BasePanelViewExported } from '../gridview/basePanelView';
 import { SplitviewPanelApiImpl } from '../api/splitviewPanelApi';
 import { LayoutPriority, Orientation } from './splitview';
@@ -10,7 +10,7 @@ export interface ISplitviewPanel extends BasePanelViewExported<SplitviewPanelApi
     readonly snap: boolean;
     readonly orientation: Orientation;
 }
-export declare abstract class SplitviewPanel extends BasePanelView<SplitviewPanelApiImpl> implements ISerializableView, ISplitviewPanel {
+export declare abstract class SplitviewPanel extends BasePanelView<SplitviewPanelApiImpl> implements ISplitviewPanel {
     private _evaluatedMinimumSize;
     private _evaluatedMaximumSize;
     private _minimumSize;
@@ -43,4 +43,3 @@ export declare abstract class SplitviewPanel extends BasePanelView<SplitviewPane
     };
     private updateConstraints;
 }
-//# sourceMappingURL=splitviewPanel.d.ts.map

package/dist/cjs/splitview/splitviewPanel.js

@@ -59,7 +59,7 @@ var SplitviewPanel = /** @class */ (function (_super) {
         _this._onDidChange = new events_1.Emitter();
         _this.onDidChange = _this._onDidChange.event;
         _this.api.initialize(_this);
-        _this.addDisposables(_this._onDidChange, _this.api.onVisibilityChange(function (event) {
+        _this.addDisposables(_this._onDidChange, _this.api.onWillVisibilityChange(function (event) {
             var isVisible = event.isVisible;
             var accessor = _this._params.accessor;
             accessor.setVisible(_this, isVisible);
@@ -177,4 +177,3 @@ var SplitviewPanel = /** @class */ (function (_super) {
     return SplitviewPanel;
 }(basePanelView_1.BasePanelView));
 exports.SplitviewPanel = SplitviewPanel;
-//# sourceMappingURL=splitviewPanel.js.map

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

@@ -23,4 +23,3 @@ export declare class ViewItem {
     setVisible(visible: boolean, size?: number): void;
     dispose(): IView;
 }
-//# sourceMappingURL=viewItem.d.ts.map

package/dist/cjs/splitview/viewItem.js

@@ -117,4 +117,3 @@ var ViewItem = /** @class */ (function () {
     return ViewItem;
 }());
 exports.ViewItem = ViewItem;
-//# sourceMappingURL=viewItem.js.map

package/dist/cjs/svg.d.ts

@@ -1,4 +1,3 @@
 export declare const createCloseButton: () => SVGSVGElement;
 export declare const createExpandMoreButton: () => SVGSVGElement;
 export declare const createChevronRightButton: () => SVGSVGElement;
-//# sourceMappingURL=svg.d.ts.map

package/dist/cjs/svg.js

@@ -41,4 +41,3 @@ var createChevronRightButton = function () {
     });
 };
 exports.createChevronRightButton = createChevronRightButton;
-//# sourceMappingURL=svg.js.map

package/dist/cjs/types.d.ts

@@ -6,4 +6,3 @@ export interface Box {
     height: number;
     width: number;
 }
-//# sourceMappingURL=types.d.ts.map

package/dist/cjs/types.js

@@ -1,3 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=types.js.map