dockview 1.6.0 → 1.7.0

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

@@ -1,88 +0,0 @@
-import { Emitter, Event } from '../events';
-import { CompositeDisposable } from '../lifecycle';
-import { IPanel, Parameters } from '../panel/types';
-export interface FocusEvent {
-    readonly isFocused: boolean;
-}
-export interface PanelDimensionChangeEvent {
-    readonly width: number;
-    readonly height: number;
-}
-export interface VisibilityEvent {
-    readonly isVisible: boolean;
-}
-export interface ActiveEvent {
-    readonly isActive: boolean;
-}
-export interface PanelApi {
-    readonly onDidDimensionsChange: Event<PanelDimensionChangeEvent>;
-    readonly onDidFocusChange: Event<FocusEvent>;
-    readonly onDidVisibilityChange: Event<VisibilityEvent>;
-    readonly onDidActiveChange: Event<ActiveEvent>;
-    setVisible(isVisible: boolean): void;
-    setActive(): void;
-    updateParameters(parameters: Parameters): void;
-    /**
-     * The id of the panel that would have been assigned when the panel was created
-     */
-    readonly id: string;
-    /**
-     * Whether the panel holds the current focus
-     */
-    readonly isFocused: boolean;
-    /**
-     * Whether the panel is the actively selected panel
-     */
-    readonly isActive: boolean;
-    /**
-     * Whether the panel is visible
-     */
-    readonly isVisible: boolean;
-    /**
-     * The panel width in pixels
-     */
-    readonly width: number;
-    /**
-     * The panel height in pixels
-     */
-    readonly height: number;
-}
-/**
- * A core api implementation that should be used across all panel-like objects
- */
-export declare class PanelApiImpl extends CompositeDisposable implements PanelApi {
-    readonly id: string;
-    private _isFocused;
-    private _isActive;
-    private _isVisible;
-    private _width;
-    private _height;
-    private readonly panelUpdatesDisposable;
-    readonly _onDidDimensionChange: Emitter<PanelDimensionChangeEvent>;
-    readonly onDidDimensionsChange: Event<PanelDimensionChangeEvent>;
-    readonly _onDidChangeFocus: Emitter<FocusEvent>;
-    readonly onDidFocusChange: Event<FocusEvent>;
-    readonly _onFocusEvent: Emitter<void>;
-    readonly onFocusEvent: Event<void>;
-    readonly _onDidVisibilityChange: Emitter<VisibilityEvent>;
-    readonly onDidVisibilityChange: Event<VisibilityEvent>;
-    readonly _onVisibilityChange: Emitter<VisibilityEvent>;
-    readonly onVisibilityChange: Event<VisibilityEvent>;
-    readonly _onDidActiveChange: Emitter<ActiveEvent>;
-    readonly onDidActiveChange: Event<ActiveEvent>;
-    readonly _onActiveChange: Emitter<void>;
-    readonly onActiveChange: Event<void>;
-    readonly _onUpdateParameters: Emitter<Parameters>;
-    readonly onUpdateParameters: Event<Parameters>;
-    get isFocused(): boolean;
-    get isActive(): boolean;
-    get isVisible(): boolean;
-    get width(): number;
-    get height(): number;
-    constructor(id: string);
-    initialize(panel: IPanel): void;
-    setVisible(isVisible: boolean): void;
-    setActive(): void;
-    updateParameters(parameters: Parameters): void;
-    dispose(): void;
-}

package/dist/esm/api/panelApi.js

@@ -1,95 +0,0 @@
-import { Emitter } from '../events';
-import { CompositeDisposable, MutableDisposable } from '../lifecycle';
-/**
- * A core api implementation that should be used across all panel-like objects
- */
-export class PanelApiImpl extends CompositeDisposable {
-    //
-    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;
-    }
-    constructor(id) {
-        super();
-        this.id = id;
-        this._isFocused = false;
-        this._isActive = false;
-        this._isVisible = true;
-        this._width = 0;
-        this._height = 0;
-        this.panelUpdatesDisposable = new MutableDisposable();
-        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._onUpdateParameters = new Emitter();
-        this.onUpdateParameters = this._onUpdateParameters.event;
-        this.addDisposables(this.panelUpdatesDisposable, this._onDidDimensionChange, this._onDidChangeFocus, this._onDidVisibilityChange, this._onDidActiveChange, this._onFocusEvent, this._onActiveChange, this._onVisibilityChange, this._onUpdateParameters, 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;
-        }));
-    }
-    initialize(panel) {
-        this.panelUpdatesDisposable.value = this._onUpdateParameters.event((parameters) => {
-            panel.update({
-                params: {
-                    params: parameters,
-                },
-            });
-        });
-    }
-    setVisible(isVisible) {
-        this._onVisibilityChange.fire({ isVisible });
-    }
-    setActive() {
-        this._onActiveChange.fire();
-    }
-    updateParameters(parameters) {
-        this._onUpdateParameters.fire(parameters);
-    }
-    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 {
-    set pane(pane) {
-        this._pane = pane;
-    }
-    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);
-    }
-    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) => 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 {
-    protected readonly el: HTMLElement;
-    private readonly disposable;
-    private readonly _onDragStart;
-    readonly onDragStart: import("../events").Event<void>;
-    private iframes;
-    constructor(el: HTMLElement);
-    abstract getData(dataTransfer?: DataTransfer | null): 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('dv-dragged');
-            setTimeout(() => this.el.classList.remove('dv-dragged'), 0);
-            this.disposable.value = this.getData(event.dataTransfer);
-            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 | null;
-    constructor(viewId: string, groupId: string, panelId: string | null);
-}
-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 target;
-    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,36 +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;
-        this.target = null;
-        this.registerListeners();
-    }
-    registerListeners() {
-        this.addDisposables(addDisposableListener(this.element, 'dragenter', (e) => {
-            this.target = e.target;
-            this.callbacks.onDragEnter(e);
-        }, true));
-        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);
-            }
-        }, true));
-        this.addDisposables(addDisposableListener(this.element, 'dragleave', (e) => {
-            if (this.target === e.target) {
-                this.target = null;
-                this.callbacks.onDragLeave(e);
-            }
-        }));
-        this.addDisposables(addDisposableListener(this.element, 'dragend', (e) => {
-            this.target = null;
-            this.callbacks.onDragEnd(e);
-        }));
-        this.addDisposables(addDisposableListener(this.element, 'drop', (e) => {
-            this.callbacks.onDrop(e);
-        }));
-    }
-}

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

@@ -1,42 +0,0 @@
-import { Event } from '../events';
-import { CompositeDisposable } from '../lifecycle';
-import { Direction } from '../gridview/baseComponentGridview';
-export declare function directionToPosition(direction: Direction): Position;
-export declare function positionToDirection(position: Position): Direction;
-export interface DroptargetEvent {
-    readonly position: Position;
-    readonly nativeEvent: DragEvent;
-}
-export type Position = 'top' | 'bottom' | 'left' | 'right' | 'center';
-export type CanDisplayOverlay = boolean | ((dragEvent: DragEvent, state: Position) => 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;
-    constructor(element: HTMLElement, options: {
-        canDisplayOverlay: CanDisplayOverlay;
-        acceptedTargetZones: Position[];
-        overlayModel?: {
-            size?: {
-                value: number;
-                type: 'pixels' | 'percentage';
-            };
-            activationSize?: {
-                value: number;
-                type: 'pixels' | 'percentage';
-            };
-        };
-    });
-    dispose(): void;
-    private toggleClasses;
-    private setState;
-    private calculateQuadrant;
-    private removeDropTarget;
-}
-export declare function calculateQuadrantAsPercentage(overlayType: Set<Position>, x: number, y: number, width: number, height: number, threshold: number): Position | null;
-export declare function calculateQuadrantAsPixels(overlayType: Set<Position>, x: number, y: number, width: number, height: number, threshold: number): Position | null;