dockview-core 4.5.0 → 4.6.0

package/dist/cjs/api/component.api.d.ts

@@ -15,7 +15,8 @@ import { IDockviewPanel } from '../dockview/dockviewPanel';
 import { PaneviewDidDropEvent } from '../paneview/draggablePaneviewPanel';
 import { GroupDragEvent, TabDragEvent } from '../dockview/components/titlebar/tabsContainer';
 import { Box } from '../types';
-import { DockviewDidDropEvent, DockviewWillDropEvent, WillShowOverlayLocationEvent } from '../dockview/dockviewGroupPanelModel';
+import { DockviewDidDropEvent, DockviewWillDropEvent } from '../dockview/dockviewGroupPanelModel';
+import { WillShowOverlayLocationEvent } from '../dockview/events';
 import { PaneviewComponentOptions, PaneviewDndOverlayEvent } from '../paneview/options';
 import { SplitviewComponentOptions } from '../splitview/options';
 import { GridviewComponentOptions } from '../gridview/options';

package/dist/cjs/dockview/components/titlebar/tabs.d.ts

@@ -2,7 +2,7 @@ import { Event } from '../../../events';
 import { CompositeDisposable } from '../../../lifecycle';
 import { DockviewComponent } from '../../dockviewComponent';
 import { DockviewGroupPanel } from '../../dockviewGroupPanel';
-import { WillShowOverlayLocationEvent } from '../../dockviewGroupPanelModel';
+import { WillShowOverlayLocationEvent } from '../../events';
 import { IDockviewPanel } from '../../dockviewPanel';
 import { Tab } from '../tab/tab';
 import { TabDragEvent, TabDropIndexEvent } from './tabsContainer';

package/dist/cjs/dockview/components/titlebar/tabs.js

@@ -57,7 +57,7 @@ var dom_1 = require("../../../dom");
 var events_1 = require("../../../events");
 var lifecycle_1 = require("../../../lifecycle");
 var scrollbar_1 = require("../../../scrollbar");
-var dockviewGroupPanelModel_1 = require("../../dockviewGroupPanelModel");
+var events_2 = require("../../events");
 var tab_1 = require("../tab/tab");
 var Tabs = /** @class */ (function (_super) {
     __extends(Tabs, _super);
@@ -246,7 +246,7 @@ var Tabs = /** @class */ (function (_super) {
                 index: _this._tabs.findIndex(function (x) { return x.value === tab; }),
             });
         }), tab.onWillShowOverlay(function (event) {
-            _this._onWillShowOverlay.fire(new dockviewGroupPanelModel_1.WillShowOverlayLocationEvent(event, {
+            _this._onWillShowOverlay.fire(new events_2.WillShowOverlayLocationEvent(event, {
                 kind: 'tab',
                 panel: _this.group.activePanel,
                 api: _this.accessor.api,

package/dist/cjs/dockview/components/titlebar/tabsContainer.d.ts

@@ -4,7 +4,7 @@ import { Tab } from '../tab/tab';
 import { DockviewGroupPanel } from '../../dockviewGroupPanel';
 import { IDockviewPanel } from '../../dockviewPanel';
 import { DockviewComponent } from '../../dockviewComponent';
-import { WillShowOverlayLocationEvent } from '../../dockviewGroupPanelModel';
+import { WillShowOverlayLocationEvent } from '../../events';
 export interface TabDropIndexEvent {
     readonly event: DragEvent;
     readonly index: number;

package/dist/cjs/dockview/components/titlebar/tabsContainer.js

@@ -31,7 +31,7 @@ var lifecycle_1 = require("../../../lifecycle");
 var events_1 = require("../../../events");
 var voidContainer_1 = require("./voidContainer");
 var dom_1 = require("../../../dom");
-var dockviewGroupPanelModel_1 = require("../../dockviewGroupPanelModel");
+var events_2 = require("../../events");
 var dataTransfer_1 = require("../../../dnd/dataTransfer");
 var tabs_1 = require("./tabs");
 var tabOverflowControl_1 = require("./tabOverflowControl");
@@ -85,7 +85,7 @@ var TabsContainer = /** @class */ (function (_super) {
                 index: _this.tabs.size,
             });
         }), _this.voidContainer.onWillShowOverlay(function (event) {
-            _this._onWillShowOverlay.fire(new dockviewGroupPanelModel_1.WillShowOverlayLocationEvent(event, {
+            _this._onWillShowOverlay.fire(new events_2.WillShowOverlayLocationEvent(event, {
                 kind: 'header_space',
                 panel: _this.group.activePanel,
                 api: _this.accessor.api,
@@ -264,8 +264,11 @@ var TabsContainer = /** @class */ (function (_super) {
                 (0, dom_1.toggleClass)(wrapper, 'dv-tab', true);
                 (0, dom_1.toggleClass)(wrapper, 'dv-active-tab', panelObject.api.isActive);
                 (0, dom_1.toggleClass)(wrapper, 'dv-inactive-tab', !panelObject.api.isActive);
-                wrapper.addEventListener('pointerdown', function () {
+                wrapper.addEventListener('click', function (event) {
                     _this.accessor.popupService.close();
+                    if (event.defaultPrevented) {
+                        return;
+                    }
                     tab.element.scrollIntoView();
                     tab.panel.api.setActive();
                 });

package/dist/cjs/dockview/components/titlebar/voidContainer.js

@@ -21,6 +21,7 @@ var droptarget_1 = require("../../../dnd/droptarget");
 var groupDragHandler_1 = require("../../../dnd/groupDragHandler");
 var events_1 = require("../../../events");
 var lifecycle_1 = require("../../../lifecycle");
+var dom_1 = require("../../../dom");
 var VoidContainer = /** @class */ (function (_super) {
     __extends(VoidContainer, _super);
     function VoidContainer(accessor, group) {
@@ -34,6 +35,7 @@ var VoidContainer = /** @class */ (function (_super) {
         _this._element = document.createElement('div');
         _this._element.className = 'dv-void-container';
         _this._element.draggable = !_this.accessor.options.disableDnd;
+        (0, dom_1.toggleClass)(_this._element, 'dv-draggable', !_this.accessor.options.disableDnd);
         _this.addDisposables(_this._onDrop, _this._onDragStart, (0, events_1.addDisposableListener)(_this._element, 'pointerdown', function () {
             _this.accessor.doSetGroupActive(_this.group);
         }));
@@ -66,6 +68,7 @@ var VoidContainer = /** @class */ (function (_super) {
     });
     VoidContainer.prototype.updateDragAndDropState = function () {
         this._element.draggable = !this.accessor.options.disableDnd;
+        (0, dom_1.toggleClass)(this._element, 'dv-draggable', !this.accessor.options.disableDnd);
     };
     return VoidContainer;
 }(lifecycle_1.CompositeDisposable));

package/dist/cjs/dockview/dockviewComponent.d.ts

@@ -7,7 +7,8 @@ import { AddGroupOptions, AddPanelOptions, DockviewComponentOptions, DockviewDnd
 import { BaseGrid, IBaseGrid } from '../gridview/baseComponentGridview';
 import { DockviewApi } from '../api/component.api';
 import { Orientation } from '../splitview/splitview';
-import { GroupOptions, GroupPanelViewState, DockviewDidDropEvent, DockviewWillDropEvent, WillShowOverlayLocationEvent } from './dockviewGroupPanelModel';
+import { GroupOptions, GroupPanelViewState, DockviewDidDropEvent, DockviewWillDropEvent } from './dockviewGroupPanelModel';
+import { WillShowOverlayLocationEvent } from './events';
 import { DockviewGroupPanel } from './dockviewGroupPanel';
 import { Parameters } from '../panel/types';
 import { DockviewFloatingGroupPanel } from './dockviewFloatingGroupPanel';

package/dist/cjs/dockview/dockviewComponent.js

@@ -77,6 +77,7 @@ var baseComponentGridview_1 = require("../gridview/baseComponentGridview");
 var component_api_1 = require("../api/component.api");
 var splitview_1 = require("../splitview/splitview");
 var dockviewGroupPanelModel_1 = require("./dockviewGroupPanelModel");
+var events_2 = require("./events");
 var dockviewGroupPanel_1 = require("./dockviewGroupPanel");
 var dockviewPanelModel_1 = require("./dockviewPanelModel");
 var dataTransfer_1 = require("../dnd/dataTransfer");
@@ -270,7 +271,7 @@ var DockviewComponent = /** @class */ (function (_super) {
                 // option only available when no panels in primary grid
                 return;
             }
-            _this._onWillShowOverlay.fire(new dockviewGroupPanelModel_1.WillShowOverlayLocationEvent(event, {
+            _this._onWillShowOverlay.fire(new events_2.WillShowOverlayLocationEvent(event, {
                 kind: 'edge',
                 panel: undefined,
                 api: _this._api,

package/dist/cjs/dockview/dockviewGroupPanelModel.d.ts

@@ -1,8 +1,9 @@
 import { DockviewApi } from '../api/component.api';
 import { PanelTransfer } from '../dnd/dataTransfer';
-import { Position, WillShowOverlayEvent } from '../dnd/droptarget';
+import { Position } from '../dnd/droptarget';
 import { DockviewComponent } from './dockviewComponent';
-import { DockviewEvent, Event, IDockviewEvent } from '../events';
+import { DockviewEvent, Event } from '../events';
+import { DockviewGroupDropLocation, WillShowOverlayLocationEvent } from './events';
 import { IViewSize } from '../gridview/gridview';
 import { CompositeDisposable } from '../lifecycle';
 import { IPanel, PanelInitParameters, PanelUpdateEvent, Parameters } from '../panel/types';
@@ -75,7 +76,6 @@ export interface IHeader {
     hidden: boolean;
 }
 export type DockviewGroupPanelLocked = boolean | 'no-drop-target';
-export type DockviewGroupDropLocation = 'tab' | 'header_space' | 'content' | 'edge';
 export interface IDockviewGroupPanelModel extends IPanel {
     readonly isActive: boolean;
     readonly size: number;
@@ -123,27 +123,6 @@ export type DockviewGroupLocation = {
     getWindow: () => Window;
     popoutUrl?: string;
 };
-export interface WillShowOverlayLocationEventOptions {
-    readonly kind: DockviewGroupDropLocation;
-    readonly panel: IDockviewPanel | undefined;
-    readonly api: DockviewApi;
-    readonly group: DockviewGroupPanel | undefined;
-    getData: () => PanelTransfer | undefined;
-}
-export declare class WillShowOverlayLocationEvent implements IDockviewEvent {
-    private readonly event;
-    readonly options: WillShowOverlayLocationEventOptions;
-    get kind(): DockviewGroupDropLocation;
-    get nativeEvent(): DragEvent;
-    get position(): Position;
-    get defaultPrevented(): boolean;
-    get panel(): IDockviewPanel | undefined;
-    get api(): DockviewApi;
-    get group(): DockviewGroupPanel | undefined;
-    preventDefault(): void;
-    getData(): PanelTransfer | undefined;
-    constructor(event: WillShowOverlayEvent, options: WillShowOverlayLocationEventOptions);
-}
 export declare class DockviewGroupPanelModel extends CompositeDisposable implements IDockviewGroupPanelModel {
     private readonly container;
     private readonly accessor;

package/dist/cjs/dockview/dockviewGroupPanelModel.js

@@ -51,11 +51,12 @@ var __values = (this && this.__values) || function(o) {
     throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DockviewGroupPanelModel = exports.WillShowOverlayLocationEvent = exports.DockviewWillDropEvent = exports.DockviewDidDropEvent = void 0;
+exports.DockviewGroupPanelModel = exports.DockviewWillDropEvent = exports.DockviewDidDropEvent = void 0;
 var component_api_1 = require("../api/component.api");
 var dataTransfer_1 = require("../dnd/dataTransfer");
 var dom_1 = require("../dom");
 var events_1 = require("../events");
+var events_2 = require("./events");
 var lifecycle_1 = require("../lifecycle");
 var content_1 = require("./components/panel/content");
 var tabsContainer_1 = require("./components/titlebar/tabsContainer");
@@ -125,69 +126,6 @@ var DockviewWillDropEvent = /** @class */ (function (_super) {
     return DockviewWillDropEvent;
 }(DockviewDidDropEvent));
 exports.DockviewWillDropEvent = DockviewWillDropEvent;
-var WillShowOverlayLocationEvent = /** @class */ (function () {
-    function WillShowOverlayLocationEvent(event, options) {
-        this.event = event;
-        this.options = options;
-    }
-    Object.defineProperty(WillShowOverlayLocationEvent.prototype, "kind", {
-        get: function () {
-            return this.options.kind;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(WillShowOverlayLocationEvent.prototype, "nativeEvent", {
-        get: function () {
-            return this.event.nativeEvent;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(WillShowOverlayLocationEvent.prototype, "position", {
-        get: function () {
-            return this.event.position;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(WillShowOverlayLocationEvent.prototype, "defaultPrevented", {
-        get: function () {
-            return this.event.defaultPrevented;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(WillShowOverlayLocationEvent.prototype, "panel", {
-        get: function () {
-            return this.options.panel;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(WillShowOverlayLocationEvent.prototype, "api", {
-        get: function () {
-            return this.options.api;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(WillShowOverlayLocationEvent.prototype, "group", {
-        get: function () {
-            return this.options.group;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    WillShowOverlayLocationEvent.prototype.preventDefault = function () {
-        this.event.preventDefault();
-    };
-    WillShowOverlayLocationEvent.prototype.getData = function () {
-        return this.options.getData();
-    };
-    return WillShowOverlayLocationEvent;
-}());
-exports.WillShowOverlayLocationEvent = WillShowOverlayLocationEvent;
 var DockviewGroupPanelModel = /** @class */ (function (_super) {
     __extends(DockviewGroupPanelModel, _super);
     function DockviewGroupPanelModel(container, accessor, id, options, groupPanel) {
@@ -256,7 +194,7 @@ var DockviewGroupPanelModel = /** @class */ (function (_super) {
         }), _this.tabsContainer.onWillShowOverlay(function (event) {
             _this._onWillShowOverlay.fire(event);
         }), _this.contentContainer.dropTarget.onWillShowOverlay(function (event) {
-            _this._onWillShowOverlay.fire(new WillShowOverlayLocationEvent(event, {
+            _this._onWillShowOverlay.fire(new events_2.WillShowOverlayLocationEvent(event, {
                 kind: 'content',
                 panel: _this.activePanel,
                 api: _this._api,

package/dist/cjs/dockview/events.d.ts

@@ -0,0 +1,28 @@
+import { Position, WillShowOverlayEvent } from '../dnd/droptarget';
+import { PanelTransfer } from '../dnd/dataTransfer';
+import { DockviewApi } from '../api/component.api';
+import { IDockviewPanel } from './dockviewPanel';
+import { DockviewGroupPanel } from './dockviewGroupPanel';
+import { IDockviewEvent } from '../events';
+export type DockviewGroupDropLocation = 'tab' | 'header_space' | 'content' | 'edge';
+export interface WillShowOverlayLocationEventOptions {
+    readonly kind: DockviewGroupDropLocation;
+    readonly panel: IDockviewPanel | undefined;
+    readonly api: DockviewApi;
+    readonly group: DockviewGroupPanel | undefined;
+    getData: () => PanelTransfer | undefined;
+}
+export declare class WillShowOverlayLocationEvent implements IDockviewEvent {
+    private readonly event;
+    readonly options: WillShowOverlayLocationEventOptions;
+    get kind(): DockviewGroupDropLocation;
+    get nativeEvent(): DragEvent;
+    get position(): Position;
+    get defaultPrevented(): boolean;
+    get panel(): IDockviewPanel | undefined;
+    get api(): DockviewApi;
+    get group(): DockviewGroupPanel | undefined;
+    preventDefault(): void;
+    getData(): PanelTransfer | undefined;
+    constructor(event: WillShowOverlayEvent, options: WillShowOverlayLocationEventOptions);
+}

package/dist/cjs/dockview/events.js

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WillShowOverlayLocationEvent = void 0;
+var WillShowOverlayLocationEvent = /** @class */ (function () {
+    function WillShowOverlayLocationEvent(event, options) {
+        this.event = event;
+        this.options = options;
+    }
+    Object.defineProperty(WillShowOverlayLocationEvent.prototype, "kind", {
+        get: function () {
+            return this.options.kind;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(WillShowOverlayLocationEvent.prototype, "nativeEvent", {
+        get: function () {
+            return this.event.nativeEvent;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(WillShowOverlayLocationEvent.prototype, "position", {
+        get: function () {
+            return this.event.position;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(WillShowOverlayLocationEvent.prototype, "defaultPrevented", {
+        get: function () {
+            return this.event.defaultPrevented;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(WillShowOverlayLocationEvent.prototype, "panel", {
+        get: function () {
+            return this.options.panel;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(WillShowOverlayLocationEvent.prototype, "api", {
+        get: function () {
+            return this.options.api;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(WillShowOverlayLocationEvent.prototype, "group", {
+        get: function () {
+            return this.options.group;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    WillShowOverlayLocationEvent.prototype.preventDefault = function () {
+        this.event.preventDefault();
+    };
+    WillShowOverlayLocationEvent.prototype.getData = function () {
+        return this.options.getData();
+    };
+    return WillShowOverlayLocationEvent;
+}());
+exports.WillShowOverlayLocationEvent = WillShowOverlayLocationEvent;

package/dist/cjs/dockview/options.d.ts

@@ -7,7 +7,8 @@ import { DockviewGroupPanel } from './dockviewGroupPanel';
 import { PanelTransfer } from '../dnd/dataTransfer';
 import { IDisposable } from '../lifecycle';
 import { DroptargetOverlayModel, Position } from '../dnd/droptarget';
-import { DockviewGroupDropLocation, GroupOptions } from './dockviewGroupPanelModel';
+import { GroupOptions } from './dockviewGroupPanelModel';
+import { DockviewGroupDropLocation } from './events';
 import { IDockviewPanel } from './dockviewPanel';
 import { DockviewPanelRenderer } from '../overlay/overlayRenderContainer';
 import { IGroupHeaderProps } from './framework';