dockview 1.5.1 → 1.5.2

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

@@ -1,35 +1,35 @@
-import { IFrameworkPart } from '../panel/types';
-import { DockviewComponent } from '../dockview/dockviewComponent';
-import { GridviewPanelApi } from '../api/gridviewPanelApi';
-import { Groupview, GroupOptions, IHeader } from './groupview';
-import { GridviewPanel, IGridviewPanel } from '../gridview/gridviewPanel';
-import { IDockviewPanel } from './groupPanel';
-export interface IGroupviewPanel extends IGridviewPanel {
-    model: Groupview;
-    locked: boolean;
-    readonly size: number;
-    readonly panels: IDockviewPanel[];
-    readonly activePanel: IDockviewPanel | undefined;
-}
-export declare type IGroupviewPanelPublic = IGroupviewPanel;
-export declare type GroupviewPanelApi = GridviewPanelApi;
-export declare class GroupPanel extends GridviewPanel implements IGroupviewPanel {
-    private readonly _model;
-    get panels(): IDockviewPanel[];
-    get activePanel(): IDockviewPanel | undefined;
-    get size(): number;
-    get model(): Groupview;
-    get minimumHeight(): number;
-    get maximumHeight(): number;
-    get minimumWidth(): number;
-    get maximumWidth(): number;
-    get locked(): boolean;
-    set locked(value: boolean);
-    get header(): IHeader;
-    constructor(accessor: DockviewComponent, id: string, options: GroupOptions);
-    initialize(): void;
-    setActive(isActive: boolean): void;
-    layout(width: number, height: number): void;
-    getComponent(): IFrameworkPart;
-    toJSON(): any;
-}
+import { IFrameworkPart } from '../panel/types';
+import { DockviewComponent } from '../dockview/dockviewComponent';
+import { GridviewPanelApi } from '../api/gridviewPanelApi';
+import { Groupview, GroupOptions, IHeader } from './groupview';
+import { GridviewPanel, IGridviewPanel } from '../gridview/gridviewPanel';
+import { IDockviewPanel } from './groupPanel';
+export interface IGroupviewPanel extends IGridviewPanel {
+    model: Groupview;
+    locked: boolean;
+    readonly size: number;
+    readonly panels: IDockviewPanel[];
+    readonly activePanel: IDockviewPanel | undefined;
+}
+export declare type IGroupviewPanelPublic = IGroupviewPanel;
+export declare type GroupviewPanelApi = GridviewPanelApi;
+export declare class GroupPanel extends GridviewPanel implements IGroupviewPanel {
+    private readonly _model;
+    get panels(): IDockviewPanel[];
+    get activePanel(): IDockviewPanel | undefined;
+    get size(): number;
+    get model(): Groupview;
+    get minimumHeight(): number;
+    get maximumHeight(): number;
+    get minimumWidth(): number;
+    get maximumWidth(): number;
+    get locked(): boolean;
+    set locked(value: boolean);
+    get header(): IHeader;
+    constructor(accessor: DockviewComponent, id: string, options: GroupOptions);
+    initialize(): void;
+    setActive(isActive: boolean): void;
+    layout(width: number, height: number): void;
+    getComponent(): IFrameworkPart;
+    toJSON(): any;
+}

package/dist/esm/groupview/groupviewPanel.js

@@ -1,61 +1,61 @@
-import { GridviewPanelApiImpl, } from '../api/gridviewPanelApi';
-import { Groupview } from './groupview';
-import { GridviewPanel } from '../gridview/gridviewPanel';
-class GroupviewApi extends GridviewPanelApiImpl {
-}
-export class GroupPanel extends GridviewPanel {
-    constructor(accessor, id, options) {
-        super(id, 'groupview_default', new GroupviewApi(id));
-        this._model = new Groupview(this.element, accessor, id, options, this);
-    }
-    get panels() {
-        return this._model.panels;
-    }
-    get activePanel() {
-        return this._model.activePanel;
-    }
-    get size() {
-        return this._model.size;
-    }
-    get model() {
-        return this._model;
-    }
-    get minimumHeight() {
-        return this._model.minimumHeight;
-    }
-    get maximumHeight() {
-        return this._model.maximumHeight;
-    }
-    get minimumWidth() {
-        return this._model.minimumWidth;
-    }
-    get maximumWidth() {
-        return this._model.maximumWidth;
-    }
-    get locked() {
-        return this._model.locked;
-    }
-    set locked(value) {
-        this._model.locked = value;
-    }
-    get header() {
-        return this._model.header;
-    }
-    initialize() {
-        this._model.initialize();
-    }
-    setActive(isActive) {
-        super.setActive(isActive);
-        this.model.setActive(isActive);
-    }
-    layout(width, height) {
-        super.layout(width, height);
-        this.model.layout(width, height);
-    }
-    getComponent() {
-        return this._model;
-    }
-    toJSON() {
-        return this.model.toJSON();
-    }
-}
+import { GridviewPanelApiImpl, } from '../api/gridviewPanelApi';
+import { Groupview } from './groupview';
+import { GridviewPanel } from '../gridview/gridviewPanel';
+class GroupviewApi extends GridviewPanelApiImpl {
+}
+export class GroupPanel extends GridviewPanel {
+    constructor(accessor, id, options) {
+        super(id, 'groupview_default', new GroupviewApi(id));
+        this._model = new Groupview(this.element, accessor, id, options, this);
+    }
+    get panels() {
+        return this._model.panels;
+    }
+    get activePanel() {
+        return this._model.activePanel;
+    }
+    get size() {
+        return this._model.size;
+    }
+    get model() {
+        return this._model;
+    }
+    get minimumHeight() {
+        return this._model.minimumHeight;
+    }
+    get maximumHeight() {
+        return this._model.maximumHeight;
+    }
+    get minimumWidth() {
+        return this._model.minimumWidth;
+    }
+    get maximumWidth() {
+        return this._model.maximumWidth;
+    }
+    get locked() {
+        return this._model.locked;
+    }
+    set locked(value) {
+        this._model.locked = value;
+    }
+    get header() {
+        return this._model.header;
+    }
+    initialize() {
+        this._model.initialize();
+    }
+    setActive(isActive) {
+        super.setActive(isActive);
+        this.model.setActive(isActive);
+    }
+    layout(width, height) {
+        super.layout(width, height);
+        this.model.layout(width, height);
+    }
+    getComponent() {
+        return this._model;
+    }
+    toJSON() {
+        return this.model.toJSON();
+    }
+}

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

@@ -1,30 +1,30 @@
-import { CompositeDisposable, IDisposable } from '../../lifecycle';
-import { Event } from '../../events';
-import { IDockviewPanel } from '../groupPanel';
-export interface IContentContainer extends IDisposable {
-    onDidFocus: Event<void>;
-    onDidBlur: Event<void>;
-    element: HTMLElement;
-    layout(width: number, height: number): void;
-    openPanel: (panel: IDockviewPanel) => void;
-    closePanel: () => void;
-    show(): void;
-    hide(): void;
-}
-export declare class ContentContainer extends CompositeDisposable implements IContentContainer {
-    private _element;
-    private panel;
-    private disposable;
-    private readonly _onDidFocus;
-    readonly onDidFocus: Event<void>;
-    private readonly _onDidBlur;
-    readonly onDidBlur: Event<void>;
-    get element(): HTMLElement;
-    constructor();
-    show(): void;
-    hide(): void;
-    openPanel(panel: IDockviewPanel): void;
-    layout(_width: number, _height: number): void;
-    closePanel(): void;
-    dispose(): void;
-}
+import { CompositeDisposable, IDisposable } from '../../lifecycle';
+import { Event } from '../../events';
+import { IDockviewPanel } from '../groupPanel';
+export interface IContentContainer extends IDisposable {
+    onDidFocus: Event<void>;
+    onDidBlur: Event<void>;
+    element: HTMLElement;
+    layout(width: number, height: number): void;
+    openPanel: (panel: IDockviewPanel) => void;
+    closePanel: () => void;
+    show(): void;
+    hide(): void;
+}
+export declare class ContentContainer extends CompositeDisposable implements IContentContainer {
+    private _element;
+    private panel;
+    private disposable;
+    private readonly _onDidFocus;
+    readonly onDidFocus: Event<void>;
+    private readonly _onDidBlur;
+    readonly onDidBlur: Event<void>;
+    get element(): HTMLElement;
+    constructor();
+    show(): void;
+    hide(): void;
+    openPanel(panel: IDockviewPanel): void;
+    layout(_width: number, _height: number): void;
+    closePanel(): void;
+    dispose(): void;
+}

package/dist/esm/groupview/panel/content.js

@@ -1,73 +1,73 @@
-import { CompositeDisposable, MutableDisposable, } from '../../lifecycle';
-import { Emitter } from '../../events';
-import { trackFocus } from '../../dom';
-export class ContentContainer extends CompositeDisposable {
-    constructor() {
-        super();
-        this.disposable = new MutableDisposable();
-        this._onDidFocus = new Emitter();
-        this.onDidFocus = this._onDidFocus.event;
-        this._onDidBlur = new Emitter();
-        this.onDidBlur = this._onDidBlur.event;
-        this._element = document.createElement('div');
-        this._element.className = 'content-container';
-        this._element.tabIndex = -1;
-        this.addDisposables(this._onDidFocus, this._onDidBlur);
-        // for hosted containers
-        // 1) register a drop target on the host
-        // 2) register window dragStart events to disable pointer events
-        // 3) register dragEnd events
-        // 4) register mouseMove events (if no buttons are present we take this as a dragEnd event)
-    }
-    get element() {
-        return this._element;
-    }
-    show() {
-        this.element.style.display = '';
-    }
-    hide() {
-        this.element.style.display = 'none';
-    }
-    openPanel(panel) {
-        var _a;
-        if (this.panel === panel) {
-            return;
-        }
-        if (this.panel) {
-            if ((_a = this.panel.view) === null || _a === void 0 ? void 0 : _a.content) {
-                this._element.removeChild(this.panel.view.content.element);
-            }
-            this.panel = undefined;
-        }
-        this.panel = panel;
-        const disposable = new CompositeDisposable();
-        if (this.panel.view) {
-            const _onDidFocus = this.panel.view.content.onDidFocus;
-            const _onDidBlur = this.panel.view.content.onDidBlur;
-            const { onDidFocus, onDidBlur } = trackFocus(this._element);
-            disposable.addDisposables(onDidFocus(() => this._onDidFocus.fire()), onDidBlur(() => this._onDidBlur.fire()));
-            if (_onDidFocus) {
-                disposable.addDisposables(_onDidFocus(() => this._onDidFocus.fire()));
-            }
-            if (_onDidBlur) {
-                disposable.addDisposables(_onDidBlur(() => this._onDidBlur.fire()));
-            }
-            this._element.appendChild(this.panel.view.content.element);
-        }
-        this.disposable.value = disposable;
-    }
-    layout(_width, _height) {
-        // noop
-    }
-    closePanel() {
-        var _a, _b, _c;
-        if ((_c = (_b = (_a = this.panel) === null || _a === void 0 ? void 0 : _a.view) === null || _b === void 0 ? void 0 : _b.content) === null || _c === void 0 ? void 0 : _c.element) {
-            this._element.removeChild(this.panel.view.content.element);
-            this.panel = undefined;
-        }
-    }
-    dispose() {
-        this.disposable.dispose();
-        super.dispose();
-    }
-}
+import { CompositeDisposable, MutableDisposable, } from '../../lifecycle';
+import { Emitter } from '../../events';
+import { trackFocus } from '../../dom';
+export class ContentContainer extends CompositeDisposable {
+    constructor() {
+        super();
+        this.disposable = new MutableDisposable();
+        this._onDidFocus = new Emitter();
+        this.onDidFocus = this._onDidFocus.event;
+        this._onDidBlur = new Emitter();
+        this.onDidBlur = this._onDidBlur.event;
+        this._element = document.createElement('div');
+        this._element.className = 'content-container';
+        this._element.tabIndex = -1;
+        this.addDisposables(this._onDidFocus, this._onDidBlur);
+        // for hosted containers
+        // 1) register a drop target on the host
+        // 2) register window dragStart events to disable pointer events
+        // 3) register dragEnd events
+        // 4) register mouseMove events (if no buttons are present we take this as a dragEnd event)
+    }
+    get element() {
+        return this._element;
+    }
+    show() {
+        this.element.style.display = '';
+    }
+    hide() {
+        this.element.style.display = 'none';
+    }
+    openPanel(panel) {
+        var _a;
+        if (this.panel === panel) {
+            return;
+        }
+        if (this.panel) {
+            if ((_a = this.panel.view) === null || _a === void 0 ? void 0 : _a.content) {
+                this._element.removeChild(this.panel.view.content.element);
+            }
+            this.panel = undefined;
+        }
+        this.panel = panel;
+        const disposable = new CompositeDisposable();
+        if (this.panel.view) {
+            const _onDidFocus = this.panel.view.content.onDidFocus;
+            const _onDidBlur = this.panel.view.content.onDidBlur;
+            const { onDidFocus, onDidBlur } = trackFocus(this._element);
+            disposable.addDisposables(onDidFocus(() => this._onDidFocus.fire()), onDidBlur(() => this._onDidBlur.fire()));
+            if (_onDidFocus) {
+                disposable.addDisposables(_onDidFocus(() => this._onDidFocus.fire()));
+            }
+            if (_onDidBlur) {
+                disposable.addDisposables(_onDidBlur(() => this._onDidBlur.fire()));
+            }
+            this._element.appendChild(this.panel.view.content.element);
+        }
+        this.disposable.value = disposable;
+    }
+    layout(_width, _height) {
+        // noop
+    }
+    closePanel() {
+        var _a, _b, _c;
+        if ((_c = (_b = (_a = this.panel) === null || _a === void 0 ? void 0 : _a.view) === null || _b === void 0 ? void 0 : _b.content) === null || _c === void 0 ? void 0 : _c.element) {
+            this._element.removeChild(this.panel.view.content.element);
+            this.panel = undefined;
+        }
+    }
+    dispose() {
+        this.disposable.dispose();
+        super.dispose();
+    }
+}

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

@@ -1,41 +1,41 @@
-import { Event } from '../events';
-import { CompositeDisposable } from '../lifecycle';
-import { IDockviewComponent } from '../dockview/dockviewComponent';
-import { ITabRenderer } from './types';
-import { IDockviewPanel } from './groupPanel';
-import { GroupPanel } from './groupviewPanel';
-import { DroptargetEvent } from '../dnd/droptarget';
-export declare enum MouseEventKind {
-    CLICK = "CLICK"
-}
-export interface LayoutMouseEvent {
-    readonly kind: MouseEventKind;
-    readonly event: MouseEvent;
-    readonly panel?: IDockviewPanel;
-    readonly tab?: boolean;
-}
-export interface ITab {
-    readonly panelId: string;
-    readonly element: HTMLElement;
-    setContent: (element: ITabRenderer) => void;
-    onChanged: Event<LayoutMouseEvent>;
-    onDrop: Event<DroptargetEvent>;
-    setActive(isActive: boolean): void;
-}
-export declare class Tab extends CompositeDisposable implements ITab {
-    readonly panelId: string;
-    private readonly accessor;
-    private readonly group;
-    private readonly _element;
-    private readonly droptarget;
-    private content?;
-    private readonly _onChanged;
-    readonly onChanged: Event<LayoutMouseEvent>;
-    private readonly _onDropped;
-    readonly onDrop: Event<DroptargetEvent>;
-    get element(): HTMLElement;
-    constructor(panelId: string, accessor: IDockviewComponent, group: GroupPanel);
-    setActive(isActive: boolean): void;
-    setContent(part: ITabRenderer): void;
-    dispose(): void;
-}
+import { Event } from '../events';
+import { CompositeDisposable } from '../lifecycle';
+import { IDockviewComponent } from '../dockview/dockviewComponent';
+import { ITabRenderer } from './types';
+import { IDockviewPanel } from './groupPanel';
+import { GroupPanel } from './groupviewPanel';
+import { DroptargetEvent } from '../dnd/droptarget';
+export declare enum MouseEventKind {
+    CLICK = "CLICK"
+}
+export interface LayoutMouseEvent {
+    readonly kind: MouseEventKind;
+    readonly event: MouseEvent;
+    readonly panel?: IDockviewPanel;
+    readonly tab?: boolean;
+}
+export interface ITab {
+    readonly panelId: string;
+    readonly element: HTMLElement;
+    setContent: (element: ITabRenderer) => void;
+    onChanged: Event<LayoutMouseEvent>;
+    onDrop: Event<DroptargetEvent>;
+    setActive(isActive: boolean): void;
+}
+export declare class Tab extends CompositeDisposable implements ITab {
+    readonly panelId: string;
+    private readonly accessor;
+    private readonly group;
+    private readonly _element;
+    private readonly droptarget;
+    private content?;
+    private readonly _onChanged;
+    readonly onChanged: Event<LayoutMouseEvent>;
+    private readonly _onDropped;
+    readonly onDrop: Event<DroptargetEvent>;
+    get element(): HTMLElement;
+    constructor(panelId: string, accessor: IDockviewComponent, group: GroupPanel);
+    setActive(isActive: boolean): void;
+    setContent(part: ITabRenderer): void;
+    dispose(): void;
+}

package/dist/esm/groupview/tab.js

@@ -1,90 +1,90 @@
-import { addDisposableListener, Emitter } from '../events';
-import { CompositeDisposable } from '../lifecycle';
-import { getPanelData, LocalSelectionTransfer, PanelTransfer, } from '../dnd/dataTransfer';
-import { toggleClass } from '../dom';
-import { Droptarget } from '../dnd/droptarget';
-import { DockviewDropTargets } from './dnd';
-import { DragHandler } from '../dnd/abstractDragHandler';
-export var MouseEventKind;
-(function (MouseEventKind) {
-    MouseEventKind["CLICK"] = "CLICK";
-})(MouseEventKind || (MouseEventKind = {}));
-export class Tab extends CompositeDisposable {
-    constructor(panelId, accessor, group) {
-        super();
-        this.panelId = panelId;
-        this.accessor = accessor;
-        this.group = group;
-        this._onChanged = new Emitter();
-        this.onChanged = this._onChanged.event;
-        this._onDropped = new Emitter();
-        this.onDrop = this._onDropped.event;
-        this.addDisposables(this._onChanged, this._onDropped);
-        this._element = document.createElement('div');
-        this._element.className = 'tab';
-        this._element.tabIndex = 0;
-        this._element.draggable = true;
-        toggleClass(this.element, 'inactive-tab', true);
-        this.addDisposables(new (class Handler extends DragHandler {
-            constructor() {
-                super(...arguments);
-                this.panelTransfer = LocalSelectionTransfer.getInstance();
-            }
-            getData() {
-                this.panelTransfer.setData([new PanelTransfer(accessor.id, group.id, panelId)], PanelTransfer.prototype);
-                return {
-                    dispose: () => {
-                        this.panelTransfer.clearData(PanelTransfer.prototype);
-                    },
-                };
-            }
-            dispose() {
-                //
-            }
-        })(this._element));
-        this.addDisposables(addDisposableListener(this._element, 'mousedown', (event) => {
-            if (event.defaultPrevented) {
-                return;
-            }
-            /**
-             * TODO: alternative to stopPropagation
-             *
-             * I need to stop the event propagation here since otherwise it'll be intercepted by event handlers
-             * on the tabs-container. I cannot use event.preventDefault() since I need the on DragStart event to occur
-             */
-            event.stopPropagation();
-            this._onChanged.fire({ kind: MouseEventKind.CLICK, event });
-        }));
-        this.droptarget = new Droptarget(this._element, {
-            validOverlays: 'none',
-            canDisplayOverlay: (event) => {
-                const data = getPanelData();
-                if (data && this.accessor.id === data.viewId) {
-                    return this.panelId !== data.panelId;
-                }
-                return this.group.model.canDisplayOverlay(event, DockviewDropTargets.Tab);
-            },
-        });
-        this.addDisposables(this.droptarget.onDrop((event) => {
-            this._onDropped.fire(event);
-        }));
-    }
-    get element() {
-        return this._element;
-    }
-    setActive(isActive) {
-        toggleClass(this.element, 'active-tab', isActive);
-        toggleClass(this.element, 'inactive-tab', !isActive);
-    }
-    setContent(part) {
-        if (this.content) {
-            this._element.removeChild(this.content.element);
-        }
-        this.content = part;
-        this._element.appendChild(this.content.element);
-    }
-    dispose() {
-        super.dispose();
-        this.droptarget.dispose();
-    }
-}
+import { addDisposableListener, Emitter } from '../events';
+import { CompositeDisposable } from '../lifecycle';
+import { getPanelData, LocalSelectionTransfer, PanelTransfer, } from '../dnd/dataTransfer';
+import { toggleClass } from '../dom';
+import { Droptarget } from '../dnd/droptarget';
+import { DockviewDropTargets } from './dnd';
+import { DragHandler } from '../dnd/abstractDragHandler';
+export var MouseEventKind;
+(function (MouseEventKind) {
+    MouseEventKind["CLICK"] = "CLICK";
+})(MouseEventKind || (MouseEventKind = {}));
+export class Tab extends CompositeDisposable {
+    constructor(panelId, accessor, group) {
+        super();
+        this.panelId = panelId;
+        this.accessor = accessor;
+        this.group = group;
+        this._onChanged = new Emitter();
+        this.onChanged = this._onChanged.event;
+        this._onDropped = new Emitter();
+        this.onDrop = this._onDropped.event;
+        this.addDisposables(this._onChanged, this._onDropped);
+        this._element = document.createElement('div');
+        this._element.className = 'tab';
+        this._element.tabIndex = 0;
+        this._element.draggable = true;
+        toggleClass(this.element, 'inactive-tab', true);
+        this.addDisposables(new (class Handler extends DragHandler {
+            constructor() {
+                super(...arguments);
+                this.panelTransfer = LocalSelectionTransfer.getInstance();
+            }
+            getData() {
+                this.panelTransfer.setData([new PanelTransfer(accessor.id, group.id, panelId)], PanelTransfer.prototype);
+                return {
+                    dispose: () => {
+                        this.panelTransfer.clearData(PanelTransfer.prototype);
+                    },
+                };
+            }
+            dispose() {
+                //
+            }
+        })(this._element));
+        this.addDisposables(addDisposableListener(this._element, 'mousedown', (event) => {
+            if (event.defaultPrevented) {
+                return;
+            }
+            /**
+             * TODO: alternative to stopPropagation
+             *
+             * I need to stop the event propagation here since otherwise it'll be intercepted by event handlers
+             * on the tabs-container. I cannot use event.preventDefault() since I need the on DragStart event to occur
+             */
+            event.stopPropagation();
+            this._onChanged.fire({ kind: MouseEventKind.CLICK, event });
+        }));
+        this.droptarget = new Droptarget(this._element, {
+            validOverlays: 'none',
+            canDisplayOverlay: (event) => {
+                const data = getPanelData();
+                if (data && this.accessor.id === data.viewId) {
+                    return this.panelId !== data.panelId;
+                }
+                return this.group.model.canDisplayOverlay(event, DockviewDropTargets.Tab);
+            },
+        });
+        this.addDisposables(this.droptarget.onDrop((event) => {
+            this._onDropped.fire(event);
+        }));
+    }
+    get element() {
+        return this._element;
+    }
+    setActive(isActive) {
+        toggleClass(this.element, 'active-tab', isActive);
+        toggleClass(this.element, 'inactive-tab', !isActive);
+    }
+    setContent(part) {
+        if (this.content) {
+            this._element.removeChild(this.content.element);
+        }
+        this.content = part;
+        this._element.appendChild(this.content.element);
+    }
+    dispose() {
+        super.dispose();
+        this.droptarget.dispose();
+    }
+}