dockview 1.5.1 → 1.6.0

package/dist/esm/paneview/paneview.js

@@ -1,145 +1,145 @@
-import { Splitview, Orientation, } from '../splitview/core/splitview';
-import { CompositeDisposable } from '../lifecycle';
-import { Emitter } from '../events';
-import { addClasses, removeClasses } from '../dom';
-export class Paneview extends CompositeDisposable {
-    constructor(container, options) {
-        var _a;
-        super();
-        this.paneItems = [];
-        this.skipAnimation = false;
-        this._onDidChange = new Emitter();
-        this.onDidChange = this._onDidChange.event;
-        this._orientation = (_a = options.orientation) !== null && _a !== void 0 ? _a : Orientation.VERTICAL;
-        this.element = document.createElement('div');
-        this.element.className = 'pane-container';
-        container.appendChild(this.element);
-        this.splitview = new 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((pane) => {
-            const disposable = new CompositeDisposable(pane.onDidChangeExpansionState(() => {
-                this.setupAnimation();
-                this._onDidChange.fire(undefined);
-            }));
-            const paneItem = {
-                pane,
-                disposable: {
-                    dispose: () => {
-                        disposable.dispose();
-                    },
-                },
-            };
-            this.paneItems.push(paneItem);
-            pane.orthogonalSize = this.splitview.orthogonalSize;
-        });
-        this.addDisposables(this._onDidChange, this.splitview.onDidSashEnd(() => {
-            this._onDidChange.fire(undefined);
-        }), this.splitview.onDidAddView(() => {
-            this._onDidChange.fire();
-        }), this.splitview.onDidRemoveView(() => {
-            this._onDidChange.fire();
-        }));
-    }
-    get onDidAddView() {
-        return this.splitview.onDidAddView;
-    }
-    get onDidRemoveView() {
-        return this.splitview.onDidRemoveView;
-    }
-    get minimumSize() {
-        return this.splitview.minimumSize;
-    }
-    get maximumSize() {
-        return this.splitview.maximumSize;
-    }
-    get orientation() {
-        return this.splitview.orientation;
-    }
-    get size() {
-        return this.splitview.size;
-    }
-    get orthogonalSize() {
-        return this.splitview.orthogonalSize;
-    }
-    addPane(pane, size, index = this.splitview.length, skipLayout = false) {
-        const disposable = pane.onDidChangeExpansionState(() => {
-            this.setupAnimation();
-            this._onDidChange.fire(undefined);
-        });
-        const paneItem = {
-            pane,
-            disposable: {
-                dispose: () => {
-                    disposable.dispose();
-                },
-            },
-        };
-        this.paneItems.splice(index, 0, paneItem);
-        pane.orthogonalSize = this.splitview.orthogonalSize;
-        this.splitview.addView(pane, size, index, skipLayout);
-    }
-    getViewSize(index) {
-        return this.splitview.getViewSize(index);
-    }
-    getPanes() {
-        return this.splitview.getViews();
-    }
-    removePane(index, options = { skipDispose: false }) {
-        const paneItem = this.paneItems.splice(index, 1)[0];
-        this.splitview.removeView(index);
-        if (!options.skipDispose) {
-            paneItem.disposable.dispose();
-            paneItem.pane.dispose();
-        }
-        return paneItem;
-    }
-    moveView(from, to) {
-        if (from === to) {
-            return;
-        }
-        const view = this.removePane(from, { skipDispose: true });
-        this.skipAnimation = true;
-        try {
-            this.addPane(view.pane, view.pane.size, to, false);
-        }
-        finally {
-            this.skipAnimation = false;
-        }
-    }
-    layout(size, orthogonalSize) {
-        this.splitview.layout(size, orthogonalSize);
-    }
-    setupAnimation() {
-        if (this.skipAnimation) {
-            return;
-        }
-        if (this.animationTimer) {
-            clearTimeout(this.animationTimer);
-            this.animationTimer = undefined;
-        }
-        addClasses(this.element, 'animated');
-        this.animationTimer = setTimeout(() => {
-            this.animationTimer = undefined;
-            removeClasses(this.element, 'animated');
-        }, 200);
-    }
-    dispose() {
-        super.dispose();
-        if (this.animationTimer) {
-            clearTimeout(this.animationTimer);
-            this.animationTimer = undefined;
-        }
-        this.paneItems.forEach((paneItem) => {
-            paneItem.disposable.dispose();
-            paneItem.pane.dispose();
-        });
-        this.paneItems = [];
-        this.splitview.dispose();
-        this.element.remove();
-    }
-}
+import { Splitview, Orientation, } from '../splitview/core/splitview';
+import { CompositeDisposable } from '../lifecycle';
+import { Emitter } from '../events';
+import { addClasses, removeClasses } from '../dom';
+export class Paneview extends CompositeDisposable {
+    get onDidAddView() {
+        return this.splitview.onDidAddView;
+    }
+    get onDidRemoveView() {
+        return this.splitview.onDidRemoveView;
+    }
+    get minimumSize() {
+        return this.splitview.minimumSize;
+    }
+    get maximumSize() {
+        return this.splitview.maximumSize;
+    }
+    get orientation() {
+        return this.splitview.orientation;
+    }
+    get size() {
+        return this.splitview.size;
+    }
+    get orthogonalSize() {
+        return this.splitview.orthogonalSize;
+    }
+    constructor(container, options) {
+        var _a;
+        super();
+        this.paneItems = [];
+        this.skipAnimation = false;
+        this._onDidChange = new Emitter();
+        this.onDidChange = this._onDidChange.event;
+        this._orientation = (_a = options.orientation) !== null && _a !== void 0 ? _a : Orientation.VERTICAL;
+        this.element = document.createElement('div');
+        this.element.className = 'pane-container';
+        container.appendChild(this.element);
+        this.splitview = new 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((pane) => {
+            const disposable = new CompositeDisposable(pane.onDidChangeExpansionState(() => {
+                this.setupAnimation();
+                this._onDidChange.fire(undefined);
+            }));
+            const paneItem = {
+                pane,
+                disposable: {
+                    dispose: () => {
+                        disposable.dispose();
+                    },
+                },
+            };
+            this.paneItems.push(paneItem);
+            pane.orthogonalSize = this.splitview.orthogonalSize;
+        });
+        this.addDisposables(this._onDidChange, this.splitview.onDidSashEnd(() => {
+            this._onDidChange.fire(undefined);
+        }), this.splitview.onDidAddView(() => {
+            this._onDidChange.fire();
+        }), this.splitview.onDidRemoveView(() => {
+            this._onDidChange.fire();
+        }));
+    }
+    addPane(pane, size, index = this.splitview.length, skipLayout = false) {
+        const disposable = pane.onDidChangeExpansionState(() => {
+            this.setupAnimation();
+            this._onDidChange.fire(undefined);
+        });
+        const paneItem = {
+            pane,
+            disposable: {
+                dispose: () => {
+                    disposable.dispose();
+                },
+            },
+        };
+        this.paneItems.splice(index, 0, paneItem);
+        pane.orthogonalSize = this.splitview.orthogonalSize;
+        this.splitview.addView(pane, size, index, skipLayout);
+    }
+    getViewSize(index) {
+        return this.splitview.getViewSize(index);
+    }
+    getPanes() {
+        return this.splitview.getViews();
+    }
+    removePane(index, options = { skipDispose: false }) {
+        const paneItem = this.paneItems.splice(index, 1)[0];
+        this.splitview.removeView(index);
+        if (!options.skipDispose) {
+            paneItem.disposable.dispose();
+            paneItem.pane.dispose();
+        }
+        return paneItem;
+    }
+    moveView(from, to) {
+        if (from === to) {
+            return;
+        }
+        const view = this.removePane(from, { skipDispose: true });
+        this.skipAnimation = true;
+        try {
+            this.addPane(view.pane, view.pane.size, to, false);
+        }
+        finally {
+            this.skipAnimation = false;
+        }
+    }
+    layout(size, orthogonalSize) {
+        this.splitview.layout(size, orthogonalSize);
+    }
+    setupAnimation() {
+        if (this.skipAnimation) {
+            return;
+        }
+        if (this.animationTimer) {
+            clearTimeout(this.animationTimer);
+            this.animationTimer = undefined;
+        }
+        addClasses(this.element, 'animated');
+        this.animationTimer = setTimeout(() => {
+            this.animationTimer = undefined;
+            removeClasses(this.element, 'animated');
+        }, 200);
+    }
+    dispose() {
+        super.dispose();
+        if (this.animationTimer) {
+            clearTimeout(this.animationTimer);
+            this.animationTimer = undefined;
+        }
+        this.paneItems.forEach((paneItem) => {
+            paneItem.disposable.dispose();
+            paneItem.pane.dispose();
+        });
+        this.paneItems = [];
+        this.splitview.dispose();
+        this.element.remove();
+    }
+}

package/dist/esm/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;
+}