dockview 1.5.2 → 1.7.0

package/dist/esm/gridview/gridviewPanel.js

@@ -1,138 +0,0 @@
-import { BasePanelView, } from './basePanelView';
-import { GridviewPanelApiImpl } from '../api/gridviewPanelApi';
-import { Emitter } from '../events';
-export class GridviewPanel extends BasePanelView {
-    constructor(id, component, api = new GridviewPanelApiImpl(id)) {
-        super(id, component, api);
-        this._evaluatedMinimumWidth = 0;
-        this._evaluatedMaximumWidth = Number.MAX_SAFE_INTEGER;
-        this._evaluatedMinimumHeight = 0;
-        this._evaluatedMaximumHeight = Number.MAX_SAFE_INTEGER;
-        this._minimumWidth = 0;
-        this._minimumHeight = 0;
-        this._maximumWidth = Number.MAX_SAFE_INTEGER;
-        this._maximumHeight = Number.MAX_SAFE_INTEGER;
-        this._snap = false;
-        this._onDidChange = new Emitter();
-        this.onDidChange = this._onDidChange.event;
-        this.addDisposables(this._onDidChange, this.api.onVisibilityChange((event) => {
-            const { isVisible } = event;
-            const { accessor } = this._params;
-            accessor.setVisible(this, isVisible);
-        }), this.api.onActiveChange(() => {
-            const { accessor } = this._params;
-            accessor.setActive(this);
-        }), this.api.onDidConstraintsChangeInternal((event) => {
-            if (typeof event.minimumWidth === 'number' ||
-                typeof event.minimumWidth === 'function') {
-                this._minimumWidth = event.minimumWidth;
-            }
-            if (typeof event.minimumHeight === 'number' ||
-                typeof event.minimumHeight === 'function') {
-                this._minimumHeight = event.minimumHeight;
-            }
-            if (typeof event.maximumWidth === 'number' ||
-                typeof event.maximumWidth === 'function') {
-                this._maximumWidth = event.maximumWidth;
-            }
-            if (typeof event.maximumHeight === 'number' ||
-                typeof event.maximumHeight === 'function') {
-                this._maximumHeight = event.maximumHeight;
-            }
-        }), this.api.onDidSizeChange((event) => {
-            this._onDidChange.fire({
-                height: event.height,
-                width: event.width,
-            });
-        }));
-    }
-    get priority() {
-        return this._priority;
-    }
-    get snap() {
-        return this._snap;
-    }
-    get minimumWidth() {
-        const width = typeof this._minimumWidth === 'function'
-            ? this._minimumWidth()
-            : this._minimumWidth;
-        if (width !== this._evaluatedMinimumWidth) {
-            this._evaluatedMinimumWidth = width;
-            this.updateConstraints();
-        }
-        return width;
-    }
-    get minimumHeight() {
-        const height = typeof this._minimumHeight === 'function'
-            ? this._minimumHeight()
-            : this._minimumHeight;
-        if (height !== this._evaluatedMinimumHeight) {
-            this._evaluatedMinimumHeight = height;
-            this.updateConstraints();
-        }
-        return height;
-    }
-    get maximumHeight() {
-        const height = typeof this._maximumHeight === 'function'
-            ? this._maximumHeight()
-            : this._maximumHeight;
-        if (height !== this._evaluatedMaximumHeight) {
-            this._evaluatedMaximumHeight = height;
-            this.updateConstraints();
-        }
-        return height;
-    }
-    get maximumWidth() {
-        const width = typeof this._maximumWidth === 'function'
-            ? this._maximumWidth()
-            : this._maximumWidth;
-        if (width !== this._evaluatedMaximumWidth) {
-            this._evaluatedMaximumWidth = width;
-            this.updateConstraints();
-        }
-        return width;
-    }
-    get isActive() {
-        return this.api.isActive;
-    }
-    setVisible(isVisible) {
-        this.api._onDidVisibilityChange.fire({ isVisible });
-    }
-    setActive(isActive) {
-        this.api._onDidActiveChange.fire({ isActive });
-    }
-    init(parameters) {
-        if (parameters.maximumHeight) {
-            this._maximumHeight = parameters.maximumHeight;
-        }
-        if (parameters.minimumHeight) {
-            this._minimumHeight = parameters.minimumHeight;
-        }
-        if (parameters.maximumWidth) {
-            this._maximumWidth = parameters.maximumWidth;
-        }
-        if (parameters.minimumWidth) {
-            this._minimumWidth = parameters.minimumWidth;
-        }
-        this._priority = parameters.priority;
-        this._snap = !!parameters.snap;
-        super.init(parameters);
-        if (typeof parameters.isVisible === 'boolean') {
-            this.setVisible(parameters.isVisible);
-        }
-    }
-    updateConstraints() {
-        this.api._onDidConstraintsChange.fire({
-            minimumWidth: this._evaluatedMinimumWidth,
-            maximumWidth: this._evaluatedMaximumWidth,
-            minimumHeight: this._evaluatedMinimumHeight,
-            maximumHeight: this._evaluatedMaximumHeight,
-        });
-    }
-    toJSON() {
-        const state = super.toJSON();
-        const maximum = (value) => value === Number.MAX_SAFE_INTEGER ? undefined : value;
-        const minimum = (value) => (value <= 0 ? undefined : value);
-        return Object.assign(Object.assign({}, state), { minimumHeight: minimum(this.minimumHeight), maximumHeight: maximum(this.maximumHeight), minimumWidth: minimum(this.minimumWidth), maximumWidth: maximum(this.maximumWidth), snap: this.snap, priority: this.priority });
-    }
-}

package/dist/esm/gridview/leafNode.d.ts

@@ -1,34 +0,0 @@
-import { IView, LayoutPriority, Orientation } from '../splitview/core/splitview';
-import { Event } from '../events';
-import { IGridView } from './gridview';
-export declare class LeafNode implements IView {
-    readonly view: IGridView;
-    readonly orientation: Orientation;
-    private readonly _onDidChange;
-    readonly onDidChange: Event<{
-        size?: number;
-        orthogonalSize?: number;
-    }>;
-    private _size;
-    private _orthogonalSize;
-    private _disposable;
-    private get minimumWidth();
-    private get maximumWidth();
-    private get minimumHeight();
-    private get maximumHeight();
-    get priority(): LayoutPriority | undefined;
-    get snap(): boolean | undefined;
-    get minimumSize(): number;
-    get maximumSize(): number;
-    get minimumOrthogonalSize(): number;
-    get maximumOrthogonalSize(): number;
-    get orthogonalSize(): number;
-    get size(): number;
-    get element(): HTMLElement;
-    get width(): number;
-    get height(): number;
-    constructor(view: IGridView, orientation: Orientation, orthogonalSize: number, size?: number);
-    setVisible(visible: boolean): void;
-    layout(size: number, orthogonalSize: number): void;
-    dispose(): void;
-}

package/dist/esm/gridview/leafNode.js

@@ -1,103 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Accreditation: This file is largly based upon the MIT licenced VSCode sourcecode found at:
- * https://github.com/microsoft/vscode/tree/main/src/vs/base/browser/ui/grid
- *--------------------------------------------------------------------------------------------*/
-import { Orientation, } from '../splitview/core/splitview';
-import { Emitter } from '../events';
-export class LeafNode {
-    constructor(view, orientation, orthogonalSize, size = 0) {
-        this.view = view;
-        this.orientation = orientation;
-        this._onDidChange = new Emitter();
-        this.onDidChange = this._onDidChange.event;
-        this._orthogonalSize = orthogonalSize;
-        this._size = size;
-        this._disposable = this.view.onDidChange((event) => {
-            if (event) {
-                this._onDidChange.fire({
-                    size: this.orientation === Orientation.VERTICAL
-                        ? event.width
-                        : event.height,
-                    orthogonalSize: this.orientation === Orientation.VERTICAL
-                        ? event.height
-                        : event.width,
-                });
-            }
-            else {
-                this._onDidChange.fire({});
-            }
-        });
-    }
-    get minimumWidth() {
-        return this.view.minimumWidth;
-    }
-    get maximumWidth() {
-        return this.view.maximumWidth;
-    }
-    get minimumHeight() {
-        return this.view.minimumHeight;
-    }
-    get maximumHeight() {
-        return this.view.maximumHeight;
-    }
-    get priority() {
-        return this.view.priority;
-    }
-    get snap() {
-        return this.view.snap;
-    }
-    get minimumSize() {
-        return this.orientation === Orientation.HORIZONTAL
-            ? this.minimumHeight
-            : this.minimumWidth;
-    }
-    get maximumSize() {
-        return this.orientation === Orientation.HORIZONTAL
-            ? this.maximumHeight
-            : this.maximumWidth;
-    }
-    get minimumOrthogonalSize() {
-        return this.orientation === Orientation.HORIZONTAL
-            ? this.minimumWidth
-            : this.minimumHeight;
-    }
-    get maximumOrthogonalSize() {
-        return this.orientation === Orientation.HORIZONTAL
-            ? this.maximumWidth
-            : this.maximumHeight;
-    }
-    get orthogonalSize() {
-        return this._orthogonalSize;
-    }
-    get size() {
-        return this._size;
-    }
-    get element() {
-        return this.view.element;
-    }
-    get width() {
-        return this.orientation === Orientation.HORIZONTAL
-            ? this.orthogonalSize
-            : this.size;
-    }
-    get height() {
-        return this.orientation === Orientation.HORIZONTAL
-            ? this.size
-            : this.orthogonalSize;
-    }
-    setVisible(visible) {
-        if (this.view.setVisible) {
-            this.view.setVisible(visible);
-            this._onDidChange.fire({});
-        }
-    }
-    layout(size, orthogonalSize) {
-        this._size = size;
-        this._orthogonalSize = orthogonalSize;
-        this.view.layout(this.width, this.height);
-    }
-    dispose() {
-        this._onDidChange.dispose();
-        this._disposable.dispose();
-    }
-}

package/dist/esm/gridview/options.d.ts

@@ -1,18 +0,0 @@
-import { GridviewPanel } from './gridviewPanel';
-import { ISplitviewStyles, Orientation } from '../splitview/core/splitview';
-import { FrameworkFactory } from '../types';
-export interface GridviewComponentOptions {
-    proportionalLayout: boolean;
-    orientation: Orientation;
-    components?: {
-        [componentName: string]: {
-            new (id: string, componentName: string): GridviewPanel;
-        };
-    };
-    frameworkComponents?: {
-        [componentName: string]: any;
-    };
-    frameworkComponentFactory?: FrameworkFactory<GridviewPanel>;
-    tabHeight?: number;
-    styles?: ISplitviewStyles;
-}

package/dist/esm/gridview/options.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/gridview/types.d.ts

@@ -1,3 +0,0 @@
-import { BranchNode } from './branchNode';
-import { LeafNode } from './leafNode';
-export declare type Node = BranchNode | LeafNode;

package/dist/esm/gridview/types.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/groupview/dnd.d.ts

@@ -1,5 +0,0 @@
-export declare enum DockviewDropTargets {
-    Tab = 0,
-    Panel = 1,
-    TabContainer = 2
-}

package/dist/esm/groupview/dnd.js

@@ -1,6 +0,0 @@
-export var DockviewDropTargets;
-(function (DockviewDropTargets) {
-    DockviewDropTargets[DockviewDropTargets["Tab"] = 0] = "Tab";
-    DockviewDropTargets[DockviewDropTargets["Panel"] = 1] = "Panel";
-    DockviewDropTargets[DockviewDropTargets["TabContainer"] = 2] = "TabContainer";
-})(DockviewDropTargets || (DockviewDropTargets = {}));

package/dist/esm/groupview/groupPanel.d.ts

@@ -1,32 +0,0 @@
-import { DockviewPanelApi } from '../api/groupPanelApi';
-import { IDisposable } from '../lifecycle';
-import { HeaderPartInitParameters } from './types';
-import { IPanel, PanelInitParameters, PanelUpdateEvent, Parameters } from '../panel/types';
-import { GroupPanel } from './groupviewPanel';
-import { IGroupPanelView } from '../dockview/defaultGroupPanelView';
-export interface IGroupPanelInitParameters extends PanelInitParameters, HeaderPartInitParameters {
-    view: IGroupPanelView;
-}
-export declare type GroupPanelUpdateEvent = PanelUpdateEvent<{
-    params?: Parameters;
-    title?: string;
-}>;
-export interface IDockviewPanel extends IDisposable, IPanel {
-    readonly view?: IGroupPanelView;
-    readonly group: GroupPanel;
-    readonly api: DockviewPanelApi;
-    readonly title: string;
-    readonly params: Record<string, any> | undefined;
-    updateParentGroup(group: GroupPanel, isGroupActive: boolean): void;
-    init(params: IGroupPanelInitParameters): void;
-    toJSON(): GroupviewPanelState;
-    update(event: GroupPanelUpdateEvent): void;
-}
-export interface GroupviewPanelState {
-    id: string;
-    view?: any;
-    title: string;
-    params?: {
-        [key: string]: any;
-    };
-}

package/dist/esm/groupview/groupPanel.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/groupview/groupview.d.ts

@@ -1,177 +0,0 @@
-import { PanelTransfer } from '../dnd/dataTransfer';
-import { Position } from '../dnd/droptarget';
-import { DockviewComponent } from '../dockview/dockviewComponent';
-import { Event } from '../events';
-import { IGridPanelView } from '../gridview/baseComponentGridview';
-import { IViewSize } from '../gridview/gridview';
-import { CompositeDisposable, IDisposable } from '../lifecycle';
-import { PanelInitParameters, PanelUpdateEvent } from '../panel/types';
-import { IDockviewPanel } from './groupPanel';
-import { GroupPanel } from './groupviewPanel';
-import { DockviewDropTargets } from './dnd';
-export interface DndService {
-    canDisplayOverlay(group: IGroupview, event: DragEvent, target: DockviewDropTargets): boolean;
-    onDrop(group: IGroupview, event: DragEvent, position: Position, index?: number): void;
-}
-export interface IGroupItem {
-    id: string;
-    header: {
-        element: HTMLElement;
-    };
-    body: {
-        element: HTMLElement;
-    };
-}
-interface GroupMoveEvent {
-    groupId: string;
-    itemId: string;
-    target: Position;
-    index?: number;
-}
-interface CoreGroupOptions {
-    locked?: boolean;
-    hideHeader?: boolean;
-}
-export interface GroupOptions extends CoreGroupOptions {
-    readonly panels?: IDockviewPanel[];
-    readonly activePanel?: IDockviewPanel;
-    readonly id?: string;
-    tabHeight?: number;
-}
-export interface GroupPanelViewState extends CoreGroupOptions {
-    views: string[];
-    activeView?: string;
-    id: string;
-}
-export interface GroupviewChangeEvent {
-    readonly panel: IDockviewPanel;
-}
-export interface GroupviewDropEvent {
-    readonly nativeEvent: DragEvent;
-    readonly position: Position;
-    readonly index?: number;
-    getData(): PanelTransfer | undefined;
-}
-export interface IHeader {
-    hidden: boolean;
-    height: number | undefined;
-}
-export interface IGroupview extends IDisposable, IGridPanelView {
-    readonly isActive: boolean;
-    readonly size: number;
-    readonly panels: IDockviewPanel[];
-    readonly activePanel: IDockviewPanel | undefined;
-    readonly header: IHeader;
-    readonly isContentFocused: boolean;
-    readonly onDidDrop: Event<GroupviewDropEvent>;
-    readonly onDidAddPanel: Event<GroupviewChangeEvent>;
-    readonly onDidRemovePanel: Event<GroupviewChangeEvent>;
-    readonly onDidActivePanelChange: Event<GroupviewChangeEvent>;
-    readonly onMove: Event<GroupMoveEvent>;
-    locked: boolean;
-    isPanelActive: (panel: IDockviewPanel) => boolean;
-    indexOf(panel: IDockviewPanel): number;
-    openPanel(panel: IDockviewPanel, options?: {
-        index?: number;
-        skipFocus?: boolean;
-    }): void;
-    closePanel(panel: IDockviewPanel): void;
-    closeAllPanels(): void;
-    containsPanel(panel: IDockviewPanel): boolean;
-    removePanel: (panelOrId: IDockviewPanel | string) => IDockviewPanel;
-    moveToNext(options?: {
-        panel?: IDockviewPanel;
-        suppressRoll?: boolean;
-    }): void;
-    moveToPrevious(options?: {
-        panel?: IDockviewPanel;
-        suppressRoll?: boolean;
-    }): void;
-    canDisplayOverlay(event: DragEvent, target: DockviewDropTargets): boolean;
-}
-export declare class Groupview extends CompositeDisposable implements IGroupview {
-    private readonly container;
-    private accessor;
-    id: string;
-    private readonly options;
-    private readonly parent;
-    private readonly tabsContainer;
-    private readonly contentContainer;
-    private readonly dropTarget;
-    private _activePanel;
-    private watermark?;
-    private _isGroupActive;
-    private _locked;
-    private _control;
-    private mostRecentlyUsed;
-    private readonly _onDidChange;
-    readonly onDidChange: Event<IViewSize | undefined>;
-    private _width;
-    private _height;
-    private _panels;
-    private readonly _onMove;
-    readonly onMove: Event<GroupMoveEvent>;
-    private readonly _onDidDrop;
-    readonly onDidDrop: Event<GroupviewDropEvent>;
-    private readonly _onDidAddPanel;
-    readonly onDidAddPanel: Event<GroupviewChangeEvent>;
-    private readonly _onDidRemovePanel;
-    readonly onDidRemovePanel: Event<GroupviewChangeEvent>;
-    private readonly _onDidActivePanelChange;
-    readonly onDidActivePanelChange: Event<GroupviewChangeEvent>;
-    get element(): HTMLElement;
-    get activePanel(): IDockviewPanel | undefined;
-    get locked(): boolean;
-    set locked(value: boolean);
-    get isActive(): boolean;
-    get panels(): IDockviewPanel[];
-    get size(): number;
-    get isEmpty(): boolean;
-    get minimumHeight(): number;
-    get maximumHeight(): number;
-    get minimumWidth(): number;
-    get maximumWidth(): number;
-    get hasWatermark(): boolean;
-    get header(): IHeader;
-    get isContentFocused(): boolean;
-    constructor(container: HTMLElement, accessor: DockviewComponent, id: string, options: GroupOptions, parent: GroupPanel);
-    initialize(): void;
-    indexOf(panel: IDockviewPanel): number;
-    toJSON(): GroupPanelViewState;
-    moveToNext(options?: {
-        panel?: IDockviewPanel;
-        suppressRoll?: boolean;
-    }): void;
-    moveToPrevious(options?: {
-        panel?: IDockviewPanel;
-        suppressRoll?: boolean;
-    }): void;
-    containsPanel(panel: IDockviewPanel): boolean;
-    init(_params: PanelInitParameters): void;
-    update(_params: PanelUpdateEvent): void;
-    focus(): void;
-    openPanel(panel: IDockviewPanel, options?: {
-        index?: number;
-        skipFocus?: boolean;
-        skipSetPanelActive?: boolean;
-        skipSetGroupActive?: boolean;
-    }): void;
-    removePanel(groupItemOrId: IDockviewPanel | string): IDockviewPanel;
-    closeAllPanels(): void;
-    closePanel(panel: IDockviewPanel): void;
-    private doClose;
-    isPanelActive(panel: IDockviewPanel): boolean;
-    updateActions(element: HTMLElement | undefined): void;
-    setActive(isGroupActive: boolean, skipFocus?: boolean, force?: boolean): void;
-    layout(width: number, height: number): void;
-    private _removePanel;
-    private doRemovePanel;
-    private doAddPanel;
-    private doSetActivePanel;
-    private updateMru;
-    private updateContainer;
-    canDisplayOverlay(event: DragEvent, target: DockviewDropTargets): boolean;
-    private handleDropEvent;
-    dispose(): void;
-}
-export {};