dockview 1.5.1 → 1.5.2

package/dist/cjs/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/cjs/groupview/tab.js

@@ -1,121 +1,121 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tab = exports.MouseEventKind = void 0;
-var events_1 = require("../events");
-var lifecycle_1 = require("../lifecycle");
-var dataTransfer_1 = require("../dnd/dataTransfer");
-var dom_1 = require("../dom");
-var droptarget_1 = require("../dnd/droptarget");
-var dnd_1 = require("./dnd");
-var abstractDragHandler_1 = require("../dnd/abstractDragHandler");
-var MouseEventKind;
-(function (MouseEventKind) {
-    MouseEventKind["CLICK"] = "CLICK";
-})(MouseEventKind = exports.MouseEventKind || (exports.MouseEventKind = {}));
-var Tab = /** @class */ (function (_super) {
-    __extends(Tab, _super);
-    function Tab(panelId, accessor, group) {
-        var _this = _super.call(this) || this;
-        _this.panelId = panelId;
-        _this.accessor = accessor;
-        _this.group = group;
-        _this._onChanged = new events_1.Emitter();
-        _this.onChanged = _this._onChanged.event;
-        _this._onDropped = new events_1.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;
-        (0, dom_1.toggleClass)(_this.element, 'inactive-tab', true);
-        _this.addDisposables(new (/** @class */ (function (_super) {
-            __extends(Handler, _super);
-            function Handler() {
-                var _this = _super !== null && _super.apply(this, arguments) || this;
-                _this.panelTransfer = dataTransfer_1.LocalSelectionTransfer.getInstance();
-                return _this;
-            }
-            Handler.prototype.getData = function () {
-                var _this = this;
-                this.panelTransfer.setData([new dataTransfer_1.PanelTransfer(accessor.id, group.id, panelId)], dataTransfer_1.PanelTransfer.prototype);
-                return {
-                    dispose: function () {
-                        _this.panelTransfer.clearData(dataTransfer_1.PanelTransfer.prototype);
-                    },
-                };
-            };
-            Handler.prototype.dispose = function () {
-                //
-            };
-            return Handler;
-        }(abstractDragHandler_1.DragHandler)))(_this._element));
-        _this.addDisposables((0, events_1.addDisposableListener)(_this._element, 'mousedown', function (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: event });
-        }));
-        _this.droptarget = new droptarget_1.Droptarget(_this._element, {
-            validOverlays: 'none',
-            canDisplayOverlay: function (event) {
-                var data = (0, dataTransfer_1.getPanelData)();
-                if (data && _this.accessor.id === data.viewId) {
-                    return _this.panelId !== data.panelId;
-                }
-                return _this.group.model.canDisplayOverlay(event, dnd_1.DockviewDropTargets.Tab);
-            },
-        });
-        _this.addDisposables(_this.droptarget.onDrop(function (event) {
-            _this._onDropped.fire(event);
-        }));
-        return _this;
-    }
-    Object.defineProperty(Tab.prototype, "element", {
-        get: function () {
-            return this._element;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Tab.prototype.setActive = function (isActive) {
-        (0, dom_1.toggleClass)(this.element, 'active-tab', isActive);
-        (0, dom_1.toggleClass)(this.element, 'inactive-tab', !isActive);
-    };
-    Tab.prototype.setContent = function (part) {
-        if (this.content) {
-            this._element.removeChild(this.content.element);
-        }
-        this.content = part;
-        this._element.appendChild(this.content.element);
-    };
-    Tab.prototype.dispose = function () {
-        _super.prototype.dispose.call(this);
-        this.droptarget.dispose();
-    };
-    return Tab;
-}(lifecycle_1.CompositeDisposable));
-exports.Tab = Tab;
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tab = exports.MouseEventKind = void 0;
+var events_1 = require("../events");
+var lifecycle_1 = require("../lifecycle");
+var dataTransfer_1 = require("../dnd/dataTransfer");
+var dom_1 = require("../dom");
+var droptarget_1 = require("../dnd/droptarget");
+var dnd_1 = require("./dnd");
+var abstractDragHandler_1 = require("../dnd/abstractDragHandler");
+var MouseEventKind;
+(function (MouseEventKind) {
+    MouseEventKind["CLICK"] = "CLICK";
+})(MouseEventKind = exports.MouseEventKind || (exports.MouseEventKind = {}));
+var Tab = /** @class */ (function (_super) {
+    __extends(Tab, _super);
+    function Tab(panelId, accessor, group) {
+        var _this = _super.call(this) || this;
+        _this.panelId = panelId;
+        _this.accessor = accessor;
+        _this.group = group;
+        _this._onChanged = new events_1.Emitter();
+        _this.onChanged = _this._onChanged.event;
+        _this._onDropped = new events_1.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;
+        (0, dom_1.toggleClass)(_this.element, 'inactive-tab', true);
+        _this.addDisposables(new (/** @class */ (function (_super) {
+            __extends(Handler, _super);
+            function Handler() {
+                var _this = _super !== null && _super.apply(this, arguments) || this;
+                _this.panelTransfer = dataTransfer_1.LocalSelectionTransfer.getInstance();
+                return _this;
+            }
+            Handler.prototype.getData = function () {
+                var _this = this;
+                this.panelTransfer.setData([new dataTransfer_1.PanelTransfer(accessor.id, group.id, panelId)], dataTransfer_1.PanelTransfer.prototype);
+                return {
+                    dispose: function () {
+                        _this.panelTransfer.clearData(dataTransfer_1.PanelTransfer.prototype);
+                    },
+                };
+            };
+            Handler.prototype.dispose = function () {
+                //
+            };
+            return Handler;
+        }(abstractDragHandler_1.DragHandler)))(_this._element));
+        _this.addDisposables((0, events_1.addDisposableListener)(_this._element, 'mousedown', function (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: event });
+        }));
+        _this.droptarget = new droptarget_1.Droptarget(_this._element, {
+            validOverlays: 'none',
+            canDisplayOverlay: function (event) {
+                var data = (0, dataTransfer_1.getPanelData)();
+                if (data && _this.accessor.id === data.viewId) {
+                    return _this.panelId !== data.panelId;
+                }
+                return _this.group.model.canDisplayOverlay(event, dnd_1.DockviewDropTargets.Tab);
+            },
+        });
+        _this.addDisposables(_this.droptarget.onDrop(function (event) {
+            _this._onDropped.fire(event);
+        }));
+        return _this;
+    }
+    Object.defineProperty(Tab.prototype, "element", {
+        get: function () {
+            return this._element;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Tab.prototype.setActive = function (isActive) {
+        (0, dom_1.toggleClass)(this.element, 'active-tab', isActive);
+        (0, dom_1.toggleClass)(this.element, 'inactive-tab', !isActive);
+    };
+    Tab.prototype.setContent = function (part) {
+        if (this.content) {
+            this._element.removeChild(this.content.element);
+        }
+        this.content = part;
+        this._element.appendChild(this.content.element);
+    };
+    Tab.prototype.dispose = function () {
+        _super.prototype.dispose.call(this);
+        this.droptarget.dispose();
+    };
+    return Tab;
+}(lifecycle_1.CompositeDisposable));
+exports.Tab = Tab;
 //# sourceMappingURL=tab.js.map

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

@@ -1,68 +1,68 @@
-import { IDisposable, CompositeDisposable } from '../../lifecycle';
-import { Event } from '../../events';
-import { ITab } from '../tab';
-import { IDockviewPanel } from '../groupPanel';
-import { DockviewComponent } from '../../dockview/dockviewComponent';
-import { GroupPanel } 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: IDockviewPanel) => void;
-    isActive: (tab: ITab) => boolean;
-    closePanel: (panel: IDockviewPanel) => void;
-    openPanel: (panel: IDockviewPanel, index?: number) => void;
-    setActionElement(element: HTMLElement | undefined): void;
-    hidden: boolean;
-    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 actions;
-    private _height;
-    private _hidden;
-    private readonly _onDrop;
-    readonly onDrop: Event<TabDropIndexEvent>;
-    get panels(): string[];
-    get size(): number;
-    get height(): number | undefined;
-    set height(value: number | undefined);
-    get hidden(): boolean;
-    set hidden(value: boolean);
-    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: DockviewComponent, group: GroupPanel, options: {
-        tabHeight?: number;
-    });
-    setActive(_isGroupActive: boolean): void;
-    private addTab;
-    delete(id: string): void;
-    setActivePanel(panel: IDockviewPanel): void;
-    openPanel(panel: IDockviewPanel, index?: number): void;
-    closePanel(panel: IDockviewPanel): void;
-    dispose(): void;
-}
+import { IDisposable, CompositeDisposable } from '../../lifecycle';
+import { Event } from '../../events';
+import { ITab } from '../tab';
+import { IDockviewPanel } from '../groupPanel';
+import { DockviewComponent } from '../../dockview/dockviewComponent';
+import { GroupPanel } 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: IDockviewPanel) => void;
+    isActive: (tab: ITab) => boolean;
+    closePanel: (panel: IDockviewPanel) => void;
+    openPanel: (panel: IDockviewPanel, index?: number) => void;
+    setActionElement(element: HTMLElement | undefined): void;
+    hidden: boolean;
+    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 actions;
+    private _height;
+    private _hidden;
+    private readonly _onDrop;
+    readonly onDrop: Event<TabDropIndexEvent>;
+    get panels(): string[];
+    get size(): number;
+    get height(): number | undefined;
+    set height(value: number | undefined);
+    get hidden(): boolean;
+    set hidden(value: boolean);
+    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: DockviewComponent, group: GroupPanel, options: {
+        tabHeight?: number;
+    });
+    setActive(_isGroupActive: boolean): void;
+    private addTab;
+    delete(id: string): void;
+    setActivePanel(panel: IDockviewPanel): void;
+    openPanel(panel: IDockviewPanel, index?: number): void;
+    closePanel(panel: IDockviewPanel): void;
+    dispose(): void;
+}