dockview 1.5.1 → 1.6.0

package/dist/cjs/paneview/paneview.js

@@ -1,202 +1,202 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Paneview = void 0;
-var splitview_1 = require("../splitview/core/splitview");
-var lifecycle_1 = require("../lifecycle");
-var events_1 = require("../events");
-var dom_1 = require("../dom");
-var Paneview = /** @class */ (function (_super) {
-    __extends(Paneview, _super);
-    function Paneview(container, options) {
-        var _this = this;
-        var _a;
-        _this = _super.call(this) || this;
-        _this.paneItems = [];
-        _this.skipAnimation = false;
-        _this._onDidChange = new events_1.Emitter();
-        _this.onDidChange = _this._onDidChange.event;
-        _this._orientation = (_a = options.orientation) !== null && _a !== void 0 ? _a : splitview_1.Orientation.VERTICAL;
-        _this.element = document.createElement('div');
-        _this.element.className = 'pane-container';
-        container.appendChild(_this.element);
-        _this.splitview = new splitview_1.Splitview(_this.element, {
-            orientation: _this._orientation,
-            proportionalLayout: false,
-            descriptor: options.descriptor,
-        });
-        // if we've added views from the descriptor we need to
-        // add the panes to our Pane array and setup animation
-        _this.getPanes().forEach(function (pane) {
-            var disposable = new lifecycle_1.CompositeDisposable(pane.onDidChangeExpansionState(function () {
-                _this.setupAnimation();
-                _this._onDidChange.fire(undefined);
-            }));
-            var paneItem = {
-                pane: pane,
-                disposable: {
-                    dispose: function () {
-                        disposable.dispose();
-                    },
-                },
-            };
-            _this.paneItems.push(paneItem);
-            pane.orthogonalSize = _this.splitview.orthogonalSize;
-        });
-        _this.addDisposables(_this._onDidChange, _this.splitview.onDidSashEnd(function () {
-            _this._onDidChange.fire(undefined);
-        }), _this.splitview.onDidAddView(function () {
-            _this._onDidChange.fire();
-        }), _this.splitview.onDidRemoveView(function () {
-            _this._onDidChange.fire();
-        }));
-        return _this;
-    }
-    Object.defineProperty(Paneview.prototype, "onDidAddView", {
-        get: function () {
-            return this.splitview.onDidAddView;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Paneview.prototype, "onDidRemoveView", {
-        get: function () {
-            return this.splitview.onDidRemoveView;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Paneview.prototype, "minimumSize", {
-        get: function () {
-            return this.splitview.minimumSize;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Paneview.prototype, "maximumSize", {
-        get: function () {
-            return this.splitview.maximumSize;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Paneview.prototype, "orientation", {
-        get: function () {
-            return this.splitview.orientation;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Paneview.prototype, "size", {
-        get: function () {
-            return this.splitview.size;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Paneview.prototype, "orthogonalSize", {
-        get: function () {
-            return this.splitview.orthogonalSize;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Paneview.prototype.addPane = function (pane, size, index, skipLayout) {
-        var _this = this;
-        if (index === void 0) { index = this.splitview.length; }
-        if (skipLayout === void 0) { skipLayout = false; }
-        var disposable = pane.onDidChangeExpansionState(function () {
-            _this.setupAnimation();
-            _this._onDidChange.fire(undefined);
-        });
-        var paneItem = {
-            pane: pane,
-            disposable: {
-                dispose: function () {
-                    disposable.dispose();
-                },
-            },
-        };
-        this.paneItems.splice(index, 0, paneItem);
-        pane.orthogonalSize = this.splitview.orthogonalSize;
-        this.splitview.addView(pane, size, index, skipLayout);
-    };
-    Paneview.prototype.getViewSize = function (index) {
-        return this.splitview.getViewSize(index);
-    };
-    Paneview.prototype.getPanes = function () {
-        return this.splitview.getViews();
-    };
-    Paneview.prototype.removePane = function (index, options) {
-        if (options === void 0) { options = { skipDispose: false }; }
-        var paneItem = this.paneItems.splice(index, 1)[0];
-        this.splitview.removeView(index);
-        if (!options.skipDispose) {
-            paneItem.disposable.dispose();
-            paneItem.pane.dispose();
-        }
-        return paneItem;
-    };
-    Paneview.prototype.moveView = function (from, to) {
-        if (from === to) {
-            return;
-        }
-        var view = this.removePane(from, { skipDispose: true });
-        this.skipAnimation = true;
-        try {
-            this.addPane(view.pane, view.pane.size, to, false);
-        }
-        finally {
-            this.skipAnimation = false;
-        }
-    };
-    Paneview.prototype.layout = function (size, orthogonalSize) {
-        this.splitview.layout(size, orthogonalSize);
-    };
-    Paneview.prototype.setupAnimation = function () {
-        var _this = this;
-        if (this.skipAnimation) {
-            return;
-        }
-        if (this.animationTimer) {
-            clearTimeout(this.animationTimer);
-            this.animationTimer = undefined;
-        }
-        (0, dom_1.addClasses)(this.element, 'animated');
-        this.animationTimer = setTimeout(function () {
-            _this.animationTimer = undefined;
-            (0, dom_1.removeClasses)(_this.element, 'animated');
-        }, 200);
-    };
-    Paneview.prototype.dispose = function () {
-        _super.prototype.dispose.call(this);
-        if (this.animationTimer) {
-            clearTimeout(this.animationTimer);
-            this.animationTimer = undefined;
-        }
-        this.paneItems.forEach(function (paneItem) {
-            paneItem.disposable.dispose();
-            paneItem.pane.dispose();
-        });
-        this.paneItems = [];
-        this.splitview.dispose();
-        this.element.remove();
-    };
-    return Paneview;
-}(lifecycle_1.CompositeDisposable));
-exports.Paneview = Paneview;
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Paneview = void 0;
+var splitview_1 = require("../splitview/core/splitview");
+var lifecycle_1 = require("../lifecycle");
+var events_1 = require("../events");
+var dom_1 = require("../dom");
+var Paneview = /** @class */ (function (_super) {
+    __extends(Paneview, _super);
+    function Paneview(container, options) {
+        var _this = this;
+        var _a;
+        _this = _super.call(this) || this;
+        _this.paneItems = [];
+        _this.skipAnimation = false;
+        _this._onDidChange = new events_1.Emitter();
+        _this.onDidChange = _this._onDidChange.event;
+        _this._orientation = (_a = options.orientation) !== null && _a !== void 0 ? _a : splitview_1.Orientation.VERTICAL;
+        _this.element = document.createElement('div');
+        _this.element.className = 'pane-container';
+        container.appendChild(_this.element);
+        _this.splitview = new splitview_1.Splitview(_this.element, {
+            orientation: _this._orientation,
+            proportionalLayout: false,
+            descriptor: options.descriptor,
+        });
+        // if we've added views from the descriptor we need to
+        // add the panes to our Pane array and setup animation
+        _this.getPanes().forEach(function (pane) {
+            var disposable = new lifecycle_1.CompositeDisposable(pane.onDidChangeExpansionState(function () {
+                _this.setupAnimation();
+                _this._onDidChange.fire(undefined);
+            }));
+            var paneItem = {
+                pane: pane,
+                disposable: {
+                    dispose: function () {
+                        disposable.dispose();
+                    },
+                },
+            };
+            _this.paneItems.push(paneItem);
+            pane.orthogonalSize = _this.splitview.orthogonalSize;
+        });
+        _this.addDisposables(_this._onDidChange, _this.splitview.onDidSashEnd(function () {
+            _this._onDidChange.fire(undefined);
+        }), _this.splitview.onDidAddView(function () {
+            _this._onDidChange.fire();
+        }), _this.splitview.onDidRemoveView(function () {
+            _this._onDidChange.fire();
+        }));
+        return _this;
+    }
+    Object.defineProperty(Paneview.prototype, "onDidAddView", {
+        get: function () {
+            return this.splitview.onDidAddView;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Paneview.prototype, "onDidRemoveView", {
+        get: function () {
+            return this.splitview.onDidRemoveView;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Paneview.prototype, "minimumSize", {
+        get: function () {
+            return this.splitview.minimumSize;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Paneview.prototype, "maximumSize", {
+        get: function () {
+            return this.splitview.maximumSize;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Paneview.prototype, "orientation", {
+        get: function () {
+            return this.splitview.orientation;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Paneview.prototype, "size", {
+        get: function () {
+            return this.splitview.size;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Paneview.prototype, "orthogonalSize", {
+        get: function () {
+            return this.splitview.orthogonalSize;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Paneview.prototype.addPane = function (pane, size, index, skipLayout) {
+        var _this = this;
+        if (index === void 0) { index = this.splitview.length; }
+        if (skipLayout === void 0) { skipLayout = false; }
+        var disposable = pane.onDidChangeExpansionState(function () {
+            _this.setupAnimation();
+            _this._onDidChange.fire(undefined);
+        });
+        var paneItem = {
+            pane: pane,
+            disposable: {
+                dispose: function () {
+                    disposable.dispose();
+                },
+            },
+        };
+        this.paneItems.splice(index, 0, paneItem);
+        pane.orthogonalSize = this.splitview.orthogonalSize;
+        this.splitview.addView(pane, size, index, skipLayout);
+    };
+    Paneview.prototype.getViewSize = function (index) {
+        return this.splitview.getViewSize(index);
+    };
+    Paneview.prototype.getPanes = function () {
+        return this.splitview.getViews();
+    };
+    Paneview.prototype.removePane = function (index, options) {
+        if (options === void 0) { options = { skipDispose: false }; }
+        var paneItem = this.paneItems.splice(index, 1)[0];
+        this.splitview.removeView(index);
+        if (!options.skipDispose) {
+            paneItem.disposable.dispose();
+            paneItem.pane.dispose();
+        }
+        return paneItem;
+    };
+    Paneview.prototype.moveView = function (from, to) {
+        if (from === to) {
+            return;
+        }
+        var view = this.removePane(from, { skipDispose: true });
+        this.skipAnimation = true;
+        try {
+            this.addPane(view.pane, view.pane.size, to, false);
+        }
+        finally {
+            this.skipAnimation = false;
+        }
+    };
+    Paneview.prototype.layout = function (size, orthogonalSize) {
+        this.splitview.layout(size, orthogonalSize);
+    };
+    Paneview.prototype.setupAnimation = function () {
+        var _this = this;
+        if (this.skipAnimation) {
+            return;
+        }
+        if (this.animationTimer) {
+            clearTimeout(this.animationTimer);
+            this.animationTimer = undefined;
+        }
+        (0, dom_1.addClasses)(this.element, 'animated');
+        this.animationTimer = setTimeout(function () {
+            _this.animationTimer = undefined;
+            (0, dom_1.removeClasses)(_this.element, 'animated');
+        }, 200);
+    };
+    Paneview.prototype.dispose = function () {
+        _super.prototype.dispose.call(this);
+        if (this.animationTimer) {
+            clearTimeout(this.animationTimer);
+            this.animationTimer = undefined;
+        }
+        this.paneItems.forEach(function (paneItem) {
+            paneItem.disposable.dispose();
+            paneItem.pane.dispose();
+        });
+        this.paneItems = [];
+        this.splitview.dispose();
+        this.element.remove();
+    };
+    return Paneview;
+}(lifecycle_1.CompositeDisposable));
+exports.Paneview = Paneview;
 //# sourceMappingURL=paneview.js.map

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

@@ -1,129 +1,129 @@
-import { Event } from '../events';
-import { CompositeDisposable, IDisposable } from '../lifecycle';
-import { LayoutPriority, Orientation } from '../splitview/core/splitview';
-import { PaneviewComponentOptions } from './options';
-import { Paneview } from './paneview';
-import { IPaneBodyPart, IPaneHeaderPart, PaneviewPanel, IPaneviewPanel } from './paneviewPanel';
-import { DraggablePaneviewPanel, PaneviewDropEvent2 } from './draggablePaneviewPanel';
-import { PaneTransfer } from '../dnd/dataTransfer';
-export interface PaneviewDndOverlayEvent {
-    nativeEvent: DragEvent;
-    panel: IPaneviewPanel;
-    getData: () => PaneTransfer | undefined;
-}
-export interface SerializedPaneviewPanel {
-    snap?: boolean;
-    priority?: LayoutPriority;
-    minimumSize?: number;
-    maximumSize?: number;
-    data: {
-        id: string;
-        component: string;
-        title: string;
-        headerComponent?: string;
-        params?: {
-            [index: string]: any;
-        };
-    };
-    size: number;
-    expanded?: boolean;
-}
-export interface SerializedPaneview {
-    size: number;
-    views: SerializedPaneviewPanel[];
-}
-export declare class PaneFramework extends DraggablePaneviewPanel {
-    private readonly options;
-    constructor(options: {
-        id: string;
-        component: string;
-        headerComponent: string | undefined;
-        body: IPaneBodyPart;
-        header: IPaneHeaderPart;
-        orientation: Orientation;
-        isExpanded: boolean;
-        disableDnd: boolean;
-        accessor: IPaneviewComponent;
-    });
-    getBodyComponent(): IPaneBodyPart;
-    getHeaderComponent(): IPaneHeaderPart;
-}
-export interface AddPaneviewComponentOptions {
-    id: string;
-    component: string;
-    headerComponent?: string;
-    params?: {
-        [key: string]: any;
-    };
-    minimumBodySize?: number;
-    maximumBodySize?: number;
-    isExpanded?: boolean;
-    title: string;
-    index?: number;
-    size?: number;
-}
-export interface IPaneviewComponent extends IDisposable {
-    readonly id: string;
-    readonly width: number;
-    readonly height: number;
-    readonly minimumSize: number;
-    readonly maximumSize: number;
-    readonly panels: IPaneviewPanel[];
-    readonly options: PaneviewComponentOptions;
-    readonly onDidAddView: Event<PaneviewPanel>;
-    readonly onDidRemoveView: Event<PaneviewPanel>;
-    readonly onDidDrop: Event<PaneviewDropEvent2>;
-    readonly onDidLayoutChange: Event<void>;
-    readonly onDidLayoutFromJSON: Event<void>;
-    addPanel(options: AddPaneviewComponentOptions): IPaneviewPanel;
-    layout(width: number, height: number): void;
-    toJSON(): SerializedPaneview;
-    fromJSON(serializedPaneview: SerializedPaneview): void;
-    focus(): void;
-    removePanel(panel: IPaneviewPanel): void;
-    getPanel(id: string): IPaneviewPanel | undefined;
-    movePanel(from: number, to: number): void;
-    updateOptions(options: Partial<PaneviewComponentOptions>): void;
-    clear(): void;
-}
-export declare class PaneviewComponent extends CompositeDisposable implements IPaneviewComponent {
-    private element;
-    private readonly _id;
-    private _options;
-    private _disposable;
-    private _viewDisposables;
-    private _paneview;
-    private readonly _onDidLayoutfromJSON;
-    readonly onDidLayoutFromJSON: Event<void>;
-    private readonly _onDidLayoutChange;
-    readonly onDidLayoutChange: Event<void>;
-    private readonly _onDidDrop;
-    readonly onDidDrop: Event<PaneviewDropEvent2>;
-    private readonly _onDidAddView;
-    readonly onDidAddView: Event<PaneviewPanel>;
-    private readonly _onDidRemoveView;
-    readonly onDidRemoveView: Event<PaneviewPanel>;
-    get id(): string;
-    get panels(): PaneviewPanel[];
-    set paneview(value: Paneview);
-    get paneview(): Paneview;
-    get minimumSize(): number;
-    get maximumSize(): number;
-    get height(): number;
-    get width(): number;
-    get options(): PaneviewComponentOptions;
-    constructor(element: HTMLElement, options: PaneviewComponentOptions);
-    focus(): void;
-    updateOptions(options: Partial<PaneviewComponentOptions>): void;
-    addPanel(options: AddPaneviewComponentOptions): IPaneviewPanel;
-    removePanel(panel: PaneviewPanel): void;
-    movePanel(from: number, to: number): void;
-    getPanel(id: string): PaneviewPanel | undefined;
-    layout(width: number, height: number): void;
-    toJSON(): SerializedPaneview;
-    fromJSON(serializedPaneview: SerializedPaneview): void;
-    clear(): void;
-    private doAddPanel;
-    private doRemovePanel;
-    dispose(): void;
-}
+import { Event } from '../events';
+import { CompositeDisposable, IDisposable } from '../lifecycle';
+import { LayoutPriority, Orientation } from '../splitview/core/splitview';
+import { PaneviewComponentOptions } from './options';
+import { Paneview } from './paneview';
+import { IPaneBodyPart, IPaneHeaderPart, PaneviewPanel, IPaneviewPanel } from './paneviewPanel';
+import { DraggablePaneviewPanel, PaneviewDropEvent2 } from './draggablePaneviewPanel';
+import { PaneTransfer } from '../dnd/dataTransfer';
+export interface PaneviewDndOverlayEvent {
+    nativeEvent: DragEvent;
+    panel: IPaneviewPanel;
+    getData: () => PaneTransfer | undefined;
+}
+export interface SerializedPaneviewPanel {
+    snap?: boolean;
+    priority?: LayoutPriority;
+    minimumSize?: number;
+    maximumSize?: number;
+    data: {
+        id: string;
+        component: string;
+        title: string;
+        headerComponent?: string;
+        params?: {
+            [index: string]: any;
+        };
+    };
+    size: number;
+    expanded?: boolean;
+}
+export interface SerializedPaneview {
+    size: number;
+    views: SerializedPaneviewPanel[];
+}
+export declare class PaneFramework extends DraggablePaneviewPanel {
+    private readonly options;
+    constructor(options: {
+        id: string;
+        component: string;
+        headerComponent: string | undefined;
+        body: IPaneBodyPart;
+        header: IPaneHeaderPart;
+        orientation: Orientation;
+        isExpanded: boolean;
+        disableDnd: boolean;
+        accessor: IPaneviewComponent;
+    });
+    getBodyComponent(): IPaneBodyPart;
+    getHeaderComponent(): IPaneHeaderPart;
+}
+export interface AddPaneviewComponentOptions {
+    id: string;
+    component: string;
+    headerComponent?: string;
+    params?: {
+        [key: string]: any;
+    };
+    minimumBodySize?: number;
+    maximumBodySize?: number;
+    isExpanded?: boolean;
+    title: string;
+    index?: number;
+    size?: number;
+}
+export interface IPaneviewComponent extends IDisposable {
+    readonly id: string;
+    readonly width: number;
+    readonly height: number;
+    readonly minimumSize: number;
+    readonly maximumSize: number;
+    readonly panels: IPaneviewPanel[];
+    readonly options: PaneviewComponentOptions;
+    readonly onDidAddView: Event<PaneviewPanel>;
+    readonly onDidRemoveView: Event<PaneviewPanel>;
+    readonly onDidDrop: Event<PaneviewDropEvent2>;
+    readonly onDidLayoutChange: Event<void>;
+    readonly onDidLayoutFromJSON: Event<void>;
+    addPanel(options: AddPaneviewComponentOptions): IPaneviewPanel;
+    layout(width: number, height: number): void;
+    toJSON(): SerializedPaneview;
+    fromJSON(serializedPaneview: SerializedPaneview): void;
+    focus(): void;
+    removePanel(panel: IPaneviewPanel): void;
+    getPanel(id: string): IPaneviewPanel | undefined;
+    movePanel(from: number, to: number): void;
+    updateOptions(options: Partial<PaneviewComponentOptions>): void;
+    clear(): void;
+}
+export declare class PaneviewComponent extends CompositeDisposable implements IPaneviewComponent {
+    private element;
+    private readonly _id;
+    private _options;
+    private _disposable;
+    private _viewDisposables;
+    private _paneview;
+    private readonly _onDidLayoutfromJSON;
+    readonly onDidLayoutFromJSON: Event<void>;
+    private readonly _onDidLayoutChange;
+    readonly onDidLayoutChange: Event<void>;
+    private readonly _onDidDrop;
+    readonly onDidDrop: Event<PaneviewDropEvent2>;
+    private readonly _onDidAddView;
+    readonly onDidAddView: Event<PaneviewPanel>;
+    private readonly _onDidRemoveView;
+    readonly onDidRemoveView: Event<PaneviewPanel>;
+    get id(): string;
+    get panels(): PaneviewPanel[];
+    set paneview(value: Paneview);
+    get paneview(): Paneview;
+    get minimumSize(): number;
+    get maximumSize(): number;
+    get height(): number;
+    get width(): number;
+    get options(): PaneviewComponentOptions;
+    constructor(element: HTMLElement, options: PaneviewComponentOptions);
+    focus(): void;
+    updateOptions(options: Partial<PaneviewComponentOptions>): void;
+    addPanel(options: AddPaneviewComponentOptions): IPaneviewPanel;
+    removePanel(panel: PaneviewPanel): void;
+    movePanel(from: number, to: number): void;
+    getPanel(id: string): PaneviewPanel | undefined;
+    layout(width: number, height: number): void;
+    toJSON(): SerializedPaneview;
+    fromJSON(serializedPaneview: SerializedPaneview): void;
+    clear(): void;
+    private doAddPanel;
+    private doRemovePanel;
+    dispose(): void;
+}