dockview 1.5.2 → 1.7.0

package/dist/esm/api/panelApi.js

@@ -1,79 +0,0 @@
-import { Emitter } from '../events';
-import { CompositeDisposable } from '../lifecycle';
-/**
- * A core api implementation that should be used across all panel-like objects
- */
-export class PanelApiImpl extends CompositeDisposable {
-    constructor(id) {
-        super();
-        this.id = id;
-        this._isFocused = false;
-        this._isActive = false;
-        this._isVisible = true;
-        this._width = 0;
-        this._height = 0;
-        this._onDidDimensionChange = new Emitter({
-            replay: true,
-        });
-        this.onDidDimensionsChange = this._onDidDimensionChange.event;
-        //
-        this._onDidChangeFocus = new Emitter({
-            replay: true,
-        });
-        this.onDidFocusChange = this._onDidChangeFocus.event;
-        //
-        this._onFocusEvent = new Emitter();
-        this.onFocusEvent = this._onFocusEvent.event;
-        //
-        this._onDidVisibilityChange = new Emitter({
-            replay: true,
-        });
-        this.onDidVisibilityChange = this._onDidVisibilityChange.event;
-        //
-        this._onVisibilityChange = new Emitter();
-        this.onVisibilityChange = this._onVisibilityChange.event;
-        //
-        this._onDidActiveChange = new Emitter({
-            replay: true,
-        });
-        this.onDidActiveChange = this._onDidActiveChange.event;
-        //
-        this._onActiveChange = new Emitter();
-        this.onActiveChange = this._onActiveChange.event;
-        this.addDisposables(this._onDidDimensionChange, this._onDidChangeFocus, this._onDidVisibilityChange, this._onDidActiveChange, this._onFocusEvent, this._onActiveChange, this._onVisibilityChange, this.onDidFocusChange((event) => {
-            this._isFocused = event.isFocused;
-        }), this.onDidActiveChange((event) => {
-            this._isActive = event.isActive;
-        }), this.onDidVisibilityChange((event) => {
-            this._isVisible = event.isVisible;
-        }), this.onDidDimensionsChange((event) => {
-            this._width = event.width;
-            this._height = event.height;
-        }));
-    }
-    //
-    get isFocused() {
-        return this._isFocused;
-    }
-    get isActive() {
-        return this._isActive;
-    }
-    get isVisible() {
-        return this._isVisible;
-    }
-    get width() {
-        return this._width;
-    }
-    get height() {
-        return this._height;
-    }
-    setVisible(isVisible) {
-        this._onVisibilityChange.fire({ isVisible });
-    }
-    setActive() {
-        this._onActiveChange.fire();
-    }
-    dispose() {
-        super.dispose();
-    }
-}

package/dist/esm/api/paneviewPanelApi.d.ts

@@ -1,26 +0,0 @@
-import { Emitter, Event } from '../events';
-import { PaneviewPanel } from '../paneview/paneviewPanel';
-import { SplitviewPanelApi, SplitviewPanelApiImpl } from './splitviewPanelApi';
-export interface ExpansionEvent {
-    readonly isExpanded: boolean;
-}
-export interface PaneviewPanelApi extends SplitviewPanelApi {
-    readonly isExpanded: boolean;
-    readonly onDidExpansionChange: Event<ExpansionEvent>;
-    readonly onMouseEnter: Event<MouseEvent>;
-    readonly onMouseLeave: Event<MouseEvent>;
-    setExpanded(isExpanded: boolean): void;
-}
-export declare class PaneviewPanelApiImpl extends SplitviewPanelApiImpl implements PaneviewPanelApi {
-    readonly _onDidExpansionChange: Emitter<ExpansionEvent>;
-    readonly onDidExpansionChange: Event<ExpansionEvent>;
-    readonly _onMouseEnter: Emitter<MouseEvent>;
-    readonly onMouseEnter: Event<MouseEvent>;
-    readonly _onMouseLeave: Emitter<MouseEvent>;
-    readonly onMouseLeave: Event<MouseEvent>;
-    private _pane;
-    set pane(pane: PaneviewPanel);
-    constructor(id: string);
-    setExpanded(isExpanded: boolean): void;
-    get isExpanded(): boolean;
-}

package/dist/esm/api/paneviewPanelApi.js

@@ -1,27 +0,0 @@
-import { Emitter } from '../events';
-import { SplitviewPanelApiImpl } from './splitviewPanelApi';
-export class PaneviewPanelApiImpl extends SplitviewPanelApiImpl {
-    constructor(id) {
-        super(id);
-        this._onDidExpansionChange = new Emitter({
-            replay: true,
-        });
-        this.onDidExpansionChange = this._onDidExpansionChange.event;
-        this._onMouseEnter = new Emitter({});
-        this.onMouseEnter = this._onMouseEnter.event;
-        this._onMouseLeave = new Emitter({});
-        this.onMouseLeave = this._onMouseLeave.event;
-        this.addDisposables(this._onDidExpansionChange, this._onMouseEnter, this._onMouseLeave);
-    }
-    set pane(pane) {
-        this._pane = pane;
-    }
-    setExpanded(isExpanded) {
-        var _a;
-        (_a = this._pane) === null || _a === void 0 ? void 0 : _a.setExpanded(isExpanded);
-    }
-    get isExpanded() {
-        var _a;
-        return !!((_a = this._pane) === null || _a === void 0 ? void 0 : _a.isExpanded());
-    }
-}

package/dist/esm/api/splitviewPanelApi.d.ts

@@ -1,32 +0,0 @@
-import { Emitter, Event } from '../events';
-import { IDisposable } from '../lifecycle';
-import { FunctionOrValue } from '../types';
-import { PanelApiImpl, PanelApi } from './panelApi';
-interface PanelConstraintChangeEvent2 {
-    readonly minimumSize?: FunctionOrValue<number>;
-    readonly maximumSize?: FunctionOrValue<number>;
-}
-export interface PanelConstraintChangeEvent {
-    readonly minimumSize?: number;
-    readonly maximumSize?: number;
-}
-export interface PanelSizeEvent {
-    readonly size: number;
-}
-export interface SplitviewPanelApi extends PanelApi {
-    readonly onDidConstraintsChange: Event<PanelConstraintChangeEvent>;
-    setConstraints(value: PanelConstraintChangeEvent2): void;
-    setSize(event: PanelSizeEvent): void;
-}
-export declare class SplitviewPanelApiImpl extends PanelApiImpl implements SplitviewPanelApi, IDisposable {
-    readonly _onDidConstraintsChangeInternal: Emitter<PanelConstraintChangeEvent2>;
-    readonly onDidConstraintsChangeInternal: Event<PanelConstraintChangeEvent2>;
-    readonly _onDidConstraintsChange: Emitter<PanelConstraintChangeEvent>;
-    readonly onDidConstraintsChange: Event<PanelConstraintChangeEvent>;
-    readonly _onDidSizeChange: Emitter<PanelSizeEvent>;
-    readonly onDidSizeChange: Event<PanelSizeEvent>;
-    constructor(id: string);
-    setConstraints(value: PanelConstraintChangeEvent2): void;
-    setSize(event: PanelSizeEvent): void;
-}
-export {};

package/dist/esm/api/splitviewPanelApi.js

@@ -1,25 +0,0 @@
-import { Emitter } from '../events';
-import { PanelApiImpl } from './panelApi';
-export class SplitviewPanelApiImpl extends PanelApiImpl {
-    //
-    constructor(id) {
-        super(id);
-        this._onDidConstraintsChangeInternal = new Emitter();
-        this.onDidConstraintsChangeInternal = this._onDidConstraintsChangeInternal.event;
-        //
-        this._onDidConstraintsChange = new Emitter({
-            replay: true,
-        });
-        this.onDidConstraintsChange = this._onDidConstraintsChange.event;
-        //
-        this._onDidSizeChange = new Emitter();
-        this.onDidSizeChange = this._onDidSizeChange.event;
-        this.addDisposables(this._onDidConstraintsChangeInternal, this._onDidConstraintsChange, this._onDidSizeChange);
-    }
-    setConstraints(value) {
-        this._onDidConstraintsChangeInternal.fire(value);
-    }
-    setSize(event) {
-        this._onDidSizeChange.fire(event);
-    }
-}

package/dist/esm/array.d.ts

@@ -1,13 +0,0 @@
-export declare function tail<T>(arr: T[]): [T[], T];
-export declare function last<T>(arr: T[]): T | undefined;
-export declare function sequenceEquals<T>(arr1: T[], arr2: T[]): boolean;
-/**
- * Pushes an element to the start of the array, if found.
- */
-export declare function pushToStart<T>(arr: T[], value: T): void;
-/**
- * Pushes an element to the end of the array, if found.
- */
-export declare function pushToEnd<T>(arr: T[], value: T): void;
-export declare const range: (from: number, to?: number | undefined) => number[];
-export declare function firstIndex<T>(array: T[] | ReadonlyArray<T>, fn: (item: T) => boolean): number;

package/dist/esm/array.js

@@ -1,67 +0,0 @@
-export function tail(arr) {
-    if (arr.length === 0) {
-        throw new Error('Invalid tail call');
-    }
-    return [arr.slice(0, arr.length - 1), arr[arr.length - 1]];
-}
-export function last(arr) {
-    return arr.length > 0 ? arr[arr.length - 1] : undefined;
-}
-export function sequenceEquals(arr1, arr2) {
-    if (arr1.length !== arr2.length) {
-        return false;
-    }
-    for (let i = 0; i < arr1.length; i++) {
-        if (arr1[i] !== arr2[i]) {
-            return false;
-        }
-    }
-    return true;
-}
-/**
- * Pushes an element to the start of the array, if found.
- */
-export function pushToStart(arr, value) {
-    const index = arr.indexOf(value);
-    if (index > -1) {
-        arr.splice(index, 1);
-        arr.unshift(value);
-    }
-}
-/**
- * Pushes an element to the end of the array, if found.
- */
-export function pushToEnd(arr, value) {
-    const index = arr.indexOf(value);
-    if (index > -1) {
-        arr.splice(index, 1);
-        arr.push(value);
-    }
-}
-export const range = (from, to) => {
-    const result = [];
-    if (typeof to !== 'number') {
-        to = from;
-        from = 0;
-    }
-    if (from <= to) {
-        for (let i = from; i < to; i++) {
-            result.push(i);
-        }
-    }
-    else {
-        for (let i = from; i > to; i--) {
-            result.push(i);
-        }
-    }
-    return result;
-};
-export function firstIndex(array, fn) {
-    for (let i = 0; i < array.length; i++) {
-        const element = array[i];
-        if (fn(element)) {
-            return i;
-        }
-    }
-    return -1;
-}

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

@@ -1,11 +0,0 @@
-import { CompositeDisposable, IDisposable } from '../lifecycle';
-export declare abstract class DragHandler extends CompositeDisposable {
-    private readonly el;
-    private readonly disposable;
-    private readonly _onDragStart;
-    readonly onDragStart: import("../events").Event<void>;
-    private iframes;
-    constructor(el: HTMLElement);
-    abstract getData(): IDisposable;
-    private configure;
-}

package/dist/esm/dnd/abstractDragHandler.js

@@ -1,37 +0,0 @@
-import { getElementsByTagName } from '../dom';
-import { addDisposableListener, Emitter } from '../events';
-import { CompositeDisposable, MutableDisposable, } from '../lifecycle';
-export class DragHandler extends CompositeDisposable {
-    constructor(el) {
-        super();
-        this.el = el;
-        this.disposable = new MutableDisposable();
-        this._onDragStart = new Emitter();
-        this.onDragStart = this._onDragStart.event;
-        this.iframes = [];
-        this.configure();
-    }
-    configure() {
-        this.addDisposables(this._onDragStart, addDisposableListener(this.el, 'dragstart', (event) => {
-            this.iframes = [
-                ...getElementsByTagName('iframe'),
-                ...getElementsByTagName('webview'),
-            ];
-            for (const iframe of this.iframes) {
-                iframe.style.pointerEvents = 'none';
-            }
-            this.el.classList.add('dragged');
-            setTimeout(() => this.el.classList.remove('dragged'), 0);
-            this.disposable.value = this.getData();
-            if (event.dataTransfer) {
-                event.dataTransfer.effectAllowed = 'move';
-            }
-        }), addDisposableListener(this.el, 'dragend', () => {
-            for (const iframe of this.iframes) {
-                iframe.style.pointerEvents = 'auto';
-            }
-            this.iframes = [];
-            this.disposable.dispose();
-        }));
-    }
-}

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

@@ -1,31 +0,0 @@
-declare class TransferObject {
-    constructor();
-}
-export declare class PanelTransfer extends TransferObject {
-    readonly viewId: string;
-    readonly groupId: string;
-    readonly panelId: string;
-    constructor(viewId: string, groupId: string, panelId: string);
-}
-export declare class PaneTransfer extends TransferObject {
-    readonly viewId: string;
-    readonly paneId: string;
-    constructor(viewId: string, paneId: string);
-}
-/**
- * A singleton to store transfer data during drag & drop operations that are only valid within the application.
- */
-export declare class LocalSelectionTransfer<T> {
-    private static readonly INSTANCE;
-    private data?;
-    private proto?;
-    private constructor();
-    static getInstance<T>(): LocalSelectionTransfer<T>;
-    hasData(proto: T): boolean;
-    clearData(proto: T): void;
-    getData(proto: T): T[] | undefined;
-    setData(data: T[], proto: T): void;
-}
-export declare function getPanelData(): PanelTransfer | undefined;
-export declare function getPaneData(): PaneTransfer | undefined;
-export {};

package/dist/esm/dnd/dataTransfer.js

@@ -1,69 +0,0 @@
-class TransferObject {
-    constructor() {
-        //
-    }
-}
-export class PanelTransfer extends TransferObject {
-    constructor(viewId, groupId, panelId) {
-        super();
-        this.viewId = viewId;
-        this.groupId = groupId;
-        this.panelId = panelId;
-    }
-}
-export class PaneTransfer extends TransferObject {
-    constructor(viewId, paneId) {
-        super();
-        this.viewId = viewId;
-        this.paneId = paneId;
-    }
-}
-/**
- * A singleton to store transfer data during drag & drop operations that are only valid within the application.
- */
-export class LocalSelectionTransfer {
-    constructor() {
-        // protect against external instantiation
-    }
-    static getInstance() {
-        return LocalSelectionTransfer.INSTANCE;
-    }
-    hasData(proto) {
-        return proto && proto === this.proto;
-    }
-    clearData(proto) {
-        if (this.hasData(proto)) {
-            this.proto = undefined;
-            this.data = undefined;
-        }
-    }
-    getData(proto) {
-        if (this.hasData(proto)) {
-            return this.data;
-        }
-        return undefined;
-    }
-    setData(data, proto) {
-        if (proto) {
-            this.data = data;
-            this.proto = proto;
-        }
-    }
-}
-LocalSelectionTransfer.INSTANCE = new LocalSelectionTransfer();
-export function getPanelData() {
-    const panelTransfer = LocalSelectionTransfer.getInstance();
-    const isPanelEvent = panelTransfer.hasData(PanelTransfer.prototype);
-    if (!isPanelEvent) {
-        return undefined;
-    }
-    return panelTransfer.getData(PanelTransfer.prototype)[0];
-}
-export function getPaneData() {
-    const paneTransfer = LocalSelectionTransfer.getInstance();
-    const isPanelEvent = paneTransfer.hasData(PaneTransfer.prototype);
-    if (!isPanelEvent) {
-        return undefined;
-    }
-    return paneTransfer.getData(PaneTransfer.prototype)[0];
-}

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

@@ -1,27 +0,0 @@
-import { CompositeDisposable } from '../lifecycle';
-export interface IDragAndDropObserverCallbacks {
-    onDragEnter: (e: DragEvent) => void;
-    onDragLeave: (e: DragEvent) => void;
-    onDrop: (e: DragEvent) => void;
-    onDragEnd: (e: DragEvent) => void;
-    onDragOver?: (e: DragEvent) => void;
-}
-export declare class DragAndDropObserver extends CompositeDisposable {
-    private element;
-    private callbacks;
-    private counter;
-    constructor(element: HTMLElement, callbacks: IDragAndDropObserverCallbacks);
-    private registerListeners;
-}
-export interface IDraggedCompositeData {
-    eventData: DragEvent;
-    dragAndDropData: any;
-}
-export interface ICompositeDragAndDropObserverCallbacks {
-    onDragEnter?: (e: IDraggedCompositeData) => void;
-    onDragLeave?: (e: IDraggedCompositeData) => void;
-    onDrop?: (e: IDraggedCompositeData) => void;
-    onDragOver?: (e: IDraggedCompositeData) => void;
-    onDragStart?: (e: IDraggedCompositeData) => void;
-    onDragEnd?: (e: IDraggedCompositeData) => void;
-}

package/dist/esm/dnd/dnd.js

@@ -1,41 +0,0 @@
-import { addDisposableListener } from '../events';
-import { CompositeDisposable } from '../lifecycle';
-export class DragAndDropObserver extends CompositeDisposable {
-    constructor(element, callbacks) {
-        super();
-        this.element = element;
-        this.callbacks = callbacks;
-        // A helper to fix issues with repeated DRAG_ENTER / DRAG_LEAVE
-        // calls see https://github.com/microsoft/vscode/issues/14470
-        // when the element has child elements where the events are fired
-        // repeadedly.
-        this.counter = 0;
-        this.registerListeners();
-    }
-    registerListeners() {
-        this.addDisposables(addDisposableListener(this.element, 'dragenter', (e) => {
-            this.counter++;
-            this.callbacks.onDragEnter(e);
-        }));
-        this.addDisposables(addDisposableListener(this.element, 'dragover', (e) => {
-            e.preventDefault(); // needed so that the drop event fires (https://stackoverflow.com/questions/21339924/drop-event-not-firing-in-chrome)
-            if (this.callbacks.onDragOver) {
-                this.callbacks.onDragOver(e);
-            }
-        }));
-        this.addDisposables(addDisposableListener(this.element, 'dragleave', (e) => {
-            this.counter--;
-            if (this.counter === 0) {
-                this.callbacks.onDragLeave(e);
-            }
-        }));
-        this.addDisposables(addDisposableListener(this.element, 'dragend', (e) => {
-            this.counter = 0;
-            this.callbacks.onDragEnd(e);
-        }));
-        this.addDisposables(addDisposableListener(this.element, 'drop', (e) => {
-            this.counter = 0;
-            this.callbacks.onDrop(e);
-        }));
-    }
-}

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

@@ -1,37 +0,0 @@
-import { Event } from '../events';
-import { CompositeDisposable } from '../lifecycle';
-export declare enum Position {
-    Top = "Top",
-    Left = "Left",
-    Bottom = "Bottom",
-    Right = "Right",
-    Center = "Center"
-}
-export declare type Quadrant = 'top' | 'bottom' | 'left' | 'right';
-export interface DroptargetEvent {
-    position: Position;
-    nativeEvent: DragEvent;
-}
-export declare type DropTargetDirections = 'vertical' | 'horizontal' | 'all' | 'none';
-export declare type CanDisplayOverlay = boolean | ((dragEvent: DragEvent, state: Quadrant | null) => boolean);
-export declare class Droptarget extends CompositeDisposable {
-    private readonly element;
-    private readonly options;
-    private target;
-    private overlay;
-    private _state;
-    private readonly _onDrop;
-    readonly onDrop: Event<DroptargetEvent>;
-    get state(): Position | undefined;
-    set validOverlays(value: DropTargetDirections);
-    set canDisplayOverlay(value: CanDisplayOverlay);
-    constructor(element: HTMLElement, options: {
-        canDisplayOverlay: CanDisplayOverlay;
-        validOverlays: DropTargetDirections;
-    });
-    dispose(): void;
-    private toggleClasses;
-    private setState;
-    private calculateQuadrant;
-    private removeDropTarget;
-}