dockview 0.0.28 → 1.0.0

package/dist/esm/groupview/tab.js

@@ -1,101 +1,101 @@
-import { addDisposableListener, Emitter } from '../events';
-import { CompositeDisposable } from '../lifecycle';
-import { getPanelData, LocalSelectionTransfer, PanelTransfer, } from '../dnd/dataTransfer';
-import { getElementsByTagName, toggleClass } from '../dom';
-import { Droptarget } from '../dnd/droptarget';
-import { DockviewDropTargets } from './dnd';
-export var MouseEventKind;
-(function (MouseEventKind) {
-    MouseEventKind["CLICK"] = "CLICK";
-    MouseEventKind["CONTEXT_MENU"] = "CONTEXT_MENU";
-})(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.panelTransfer = LocalSelectionTransfer.getInstance();
-        this.iframes = [];
-        this.addDisposables(this._onChanged, this._onDropped);
-        this._element = document.createElement('div');
-        this._element.className = 'tab';
-        this._element.tabIndex = 0;
-        this._element.draggable = true;
-        this.addDisposables(addDisposableListener(this._element, 'dragstart', (event) => {
-            this.iframes = [
-                ...getElementsByTagName('iframe'),
-                ...getElementsByTagName('webview'),
-            ];
-            for (const iframe of this.iframes) {
-                iframe.style.pointerEvents = 'none';
-            }
-            this.element.classList.add('dragged');
-            setTimeout(() => this.element.classList.remove('dragged'), 0);
-            this.panelTransfer.setData([
-                new PanelTransfer(this.accessor.id, this.group.id, this.panelId),
-            ], PanelTransfer.prototype);
-            if (event.dataTransfer) {
-                event.dataTransfer.effectAllowed = 'move';
-            }
-        }), addDisposableListener(this._element, 'dragend', (ev) => {
-            for (const iframe of this.iframes) {
-                iframe.style.pointerEvents = 'auto';
-            }
-            this.iframes = [];
-            this.panelTransfer.clearData(PanelTransfer.prototype);
-        }), 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 });
-        }), addDisposableListener(this._element, 'contextmenu', (event) => {
-            this._onChanged.fire({
-                kind: MouseEventKind.CONTEXT_MENU,
-                event,
-            });
-        }));
-        this.droptarget = new Droptarget(this._element, {
-            validOverlays: 'none',
-            canDisplayOverlay: (event) => {
-                const data = getPanelData();
-                if (data) {
-                    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 { getElementsByTagName, toggleClass } from '../dom';
+import { Droptarget } from '../dnd/droptarget';
+import { DockviewDropTargets } from './dnd';
+export var MouseEventKind;
+(function (MouseEventKind) {
+    MouseEventKind["CLICK"] = "CLICK";
+    MouseEventKind["CONTEXT_MENU"] = "CONTEXT_MENU";
+})(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.panelTransfer = LocalSelectionTransfer.getInstance();
+        this.iframes = [];
+        this.addDisposables(this._onChanged, this._onDropped);
+        this._element = document.createElement('div');
+        this._element.className = 'tab';
+        this._element.tabIndex = 0;
+        this._element.draggable = true;
+        this.addDisposables(addDisposableListener(this._element, 'dragstart', (event) => {
+            this.iframes = [
+                ...getElementsByTagName('iframe'),
+                ...getElementsByTagName('webview'),
+            ];
+            for (const iframe of this.iframes) {
+                iframe.style.pointerEvents = 'none';
+            }
+            this.element.classList.add('dragged');
+            setTimeout(() => this.element.classList.remove('dragged'), 0);
+            this.panelTransfer.setData([
+                new PanelTransfer(this.accessor.id, this.group.id, this.panelId),
+            ], PanelTransfer.prototype);
+            if (event.dataTransfer) {
+                event.dataTransfer.effectAllowed = 'move';
+            }
+        }), addDisposableListener(this._element, 'dragend', (ev) => {
+            for (const iframe of this.iframes) {
+                iframe.style.pointerEvents = 'auto';
+            }
+            this.iframes = [];
+            this.panelTransfer.clearData(PanelTransfer.prototype);
+        }), 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 });
+        }), addDisposableListener(this._element, 'contextmenu', (event) => {
+            this._onChanged.fire({
+                kind: MouseEventKind.CONTEXT_MENU,
+                event,
+            });
+        }));
+        this.droptarget = new Droptarget(this._element, {
+            validOverlays: 'none',
+            canDisplayOverlay: (event) => {
+                const data = getPanelData();
+                if (data) {
+                    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();
+    }
+}

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

@@ -1,66 +1,66 @@
-import { IDisposable, CompositeDisposable } from '../../lifecycle';
-import { Event } from '../../events';
-import { ITab } from '../tab';
-import { IGroupPanel } from '../groupPanel';
-import { IDockviewComponent } from '../../dockview/dockviewComponent';
-import { GroupviewPanel } from '../groupviewPanel';
-export interface TabDropIndexEvent {
-    event: DragEvent;
-    readonly index: number;
-}
-export interface ITabsContainer extends IDisposable {
-    readonly element: HTMLElement;
-    readonly panels: string[];
-    readonly size: number;
-    height: number | undefined;
-    delete: (id: string) => void;
-    indexOf: (id: string) => number;
-    at: (index: number) => ITab;
-    onDrop: Event<TabDropIndexEvent>;
-    setActive: (isGroupActive: boolean) => void;
-    setActivePanel: (panel: IGroupPanel) => void;
-    isActive: (tab: ITab) => boolean;
-    closePanel: (panel: IGroupPanel) => void;
-    openPanel: (panel: IGroupPanel, index?: number) => void;
-    setActionElement(element: HTMLElement | undefined): void;
-    show(): void;
-    hide(): void;
-}
-export declare class TabsContainer extends CompositeDisposable implements ITabsContainer {
-    private accessor;
-    private group;
-    private readonly _element;
-    private readonly tabContainer;
-    private readonly voidContainer;
-    private readonly actionContainer;
-    private readonly voidDropTarget;
-    private tabs;
-    private selectedIndex;
-    private active;
-    private activePanel;
-    private actions;
-    private _height;
-    private readonly _onDrop;
-    readonly onDrop: Event<TabDropIndexEvent>;
-    get panels(): string[];
-    get size(): number;
-    get height(): number | undefined;
-    set height(value: number | undefined);
-    show(): void;
-    hide(): void;
-    setActionElement(element: HTMLElement | undefined): void;
-    get element(): HTMLElement;
-    isActive(tab: ITab): boolean;
-    at(index: number): ITab;
-    indexOf(id: string): number;
-    constructor(accessor: IDockviewComponent, group: GroupviewPanel, options: {
-        tabHeight?: number;
-    });
-    setActive(isGroupActive: boolean): void;
-    private addTab;
-    delete(id: string): void;
-    setActivePanel(panel: IGroupPanel): void;
-    openPanel(panel: IGroupPanel, index?: number): void;
-    closePanel(panel: IGroupPanel): void;
-    dispose(): void;
-}
+import { IDisposable, CompositeDisposable } from '../../lifecycle';
+import { Event } from '../../events';
+import { ITab } from '../tab';
+import { IGroupPanel } from '../groupPanel';
+import { IDockviewComponent } from '../../dockview/dockviewComponent';
+import { GroupviewPanel } from '../groupviewPanel';
+export interface TabDropIndexEvent {
+    event: DragEvent;
+    readonly index: number;
+}
+export interface ITabsContainer extends IDisposable {
+    readonly element: HTMLElement;
+    readonly panels: string[];
+    readonly size: number;
+    height: number | undefined;
+    delete: (id: string) => void;
+    indexOf: (id: string) => number;
+    at: (index: number) => ITab;
+    onDrop: Event<TabDropIndexEvent>;
+    setActive: (isGroupActive: boolean) => void;
+    setActivePanel: (panel: IGroupPanel) => void;
+    isActive: (tab: ITab) => boolean;
+    closePanel: (panel: IGroupPanel) => void;
+    openPanel: (panel: IGroupPanel, index?: number) => void;
+    setActionElement(element: HTMLElement | undefined): void;
+    show(): void;
+    hide(): void;
+}
+export declare class TabsContainer extends CompositeDisposable implements ITabsContainer {
+    private accessor;
+    private group;
+    private readonly _element;
+    private readonly tabContainer;
+    private readonly voidContainer;
+    private readonly actionContainer;
+    private readonly voidDropTarget;
+    private tabs;
+    private selectedIndex;
+    private active;
+    private activePanel;
+    private actions;
+    private _height;
+    private readonly _onDrop;
+    readonly onDrop: Event<TabDropIndexEvent>;
+    get panels(): string[];
+    get size(): number;
+    get height(): number | undefined;
+    set height(value: number | undefined);
+    show(): void;
+    hide(): void;
+    setActionElement(element: HTMLElement | undefined): void;
+    get element(): HTMLElement;
+    isActive(tab: ITab): boolean;
+    at(index: number): ITab;
+    indexOf(id: string): number;
+    constructor(accessor: IDockviewComponent, group: GroupviewPanel, options: {
+        tabHeight?: number;
+    });
+    setActive(isGroupActive: boolean): void;
+    private addTab;
+    delete(id: string): void;
+    setActivePanel(panel: IGroupPanel): void;
+    openPanel(panel: IGroupPanel, index?: number): void;
+    closePanel(panel: IGroupPanel): void;
+    dispose(): void;
+}