dockview-core 4.5.0 → 4.6.2

package/dist/esm/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/esm/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/esm/dockview/components/titlebar/tabs.js

@@ -3,7 +3,7 @@ import { isChildEntirelyVisibleWithinParent, OverflowObserver, } from '../../../
 import { addDisposableListener, Emitter } from '../../../events';
 import { CompositeDisposable, Disposable, MutableDisposable, } from '../../../lifecycle';
 import { Scrollbar } from '../../../scrollbar';
-import { WillShowOverlayLocationEvent } from '../../dockviewGroupPanelModel';
+import { WillShowOverlayLocationEvent } from '../../events';
 import { Tab } from '../tab/tab';
 export class Tabs extends CompositeDisposable {
     get showTabsOverflowControl() {

package/dist/esm/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/esm/dockview/components/titlebar/tabsContainer.js

@@ -2,7 +2,7 @@ import { CompositeDisposable, Disposable, MutableDisposable, } from '../../../li
 import { addDisposableListener, Emitter } from '../../../events';
 import { VoidContainer } from './voidContainer';
 import { findRelativeZIndexParent, toggleClass } from '../../../dom';
-import { WillShowOverlayLocationEvent } from '../../dockviewGroupPanelModel';
+import { WillShowOverlayLocationEvent } from '../../events';
 import { getPanelData } from '../../../dnd/dataTransfer';
 import { Tabs } from './tabs';
 import { createDropdownElementHandle, } from './tabOverflowControl';
@@ -210,8 +210,11 @@ export class TabsContainer extends CompositeDisposable {
                 toggleClass(wrapper, 'dv-tab', true);
                 toggleClass(wrapper, 'dv-active-tab', panelObject.api.isActive);
                 toggleClass(wrapper, 'dv-inactive-tab', !panelObject.api.isActive);
-                wrapper.addEventListener('pointerdown', () => {
+                wrapper.addEventListener('click', (event) => {
                     this.accessor.popupService.close();
+                    if (event.defaultPrevented) {
+                        return;
+                    }
                     tab.element.scrollIntoView();
                     tab.panel.api.setActive();
                 });

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

@@ -3,6 +3,7 @@ import { Droptarget, } from '../../../dnd/droptarget';
 import { GroupDragHandler } from '../../../dnd/groupDragHandler';
 import { addDisposableListener, Emitter } from '../../../events';
 import { CompositeDisposable } from '../../../lifecycle';
+import { toggleClass } from '../../../dom';
 export class VoidContainer extends CompositeDisposable {
     get element() {
         return this._element;
@@ -18,6 +19,7 @@ export class VoidContainer extends CompositeDisposable {
         this._element = document.createElement('div');
         this._element.className = 'dv-void-container';
         this._element.draggable = !this.accessor.options.disableDnd;
+        toggleClass(this._element, 'dv-draggable', !this.accessor.options.disableDnd);
         this.addDisposables(this._onDrop, this._onDragStart, addDisposableListener(this._element, 'pointerdown', () => {
             this.accessor.doSetGroupActive(this.group);
         }));
@@ -42,5 +44,6 @@ export class VoidContainer extends CompositeDisposable {
     }
     updateDragAndDropState() {
         this._element.draggable = !this.accessor.options.disableDnd;
+        toggleClass(this._element, 'dv-draggable', !this.accessor.options.disableDnd);
     }
 }

package/dist/esm/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/esm/dockview/dockviewComponent.js

@@ -11,7 +11,8 @@ import { DockviewUnhandledDragOverEvent, isGroupOptionsWithGroup, isGroupOptions
 import { BaseGrid, toTarget, } from '../gridview/baseComponentGridview';
 import { DockviewApi } from '../api/component.api';
 import { Orientation } from '../splitview/splitview';
-import { DockviewDidDropEvent, DockviewWillDropEvent, WillShowOverlayLocationEvent, } from './dockviewGroupPanelModel';
+import { DockviewDidDropEvent, DockviewWillDropEvent, } from './dockviewGroupPanelModel';
+import { WillShowOverlayLocationEvent } from './events';
 import { DockviewGroupPanel } from './dockviewGroupPanel';
 import { DockviewPanelModel } from './dockviewPanelModel';
 import { getPanelData } from '../dnd/dataTransfer';

package/dist/esm/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/esm/dockview/dockviewGroupPanelModel.js

@@ -2,6 +2,7 @@ import { DockviewApi } from '../api/component.api';
 import { getPanelData } from '../dnd/dataTransfer';
 import { isAncestor, toggleClass } from '../dom';
 import { addDisposableListener, DockviewEvent, Emitter, } from '../events';
+import { WillShowOverlayLocationEvent } from './events';
 import { CompositeDisposable } from '../lifecycle';
 import { ContentContainer, } from './components/panel/content';
 import { TabsContainer, } from './components/titlebar/tabsContainer';
@@ -39,39 +40,6 @@ export class DockviewWillDropEvent extends DockviewDidDropEvent {
         this._kind = options.kind;
     }
 }
-export class WillShowOverlayLocationEvent {
-    get kind() {
-        return this.options.kind;
-    }
-    get nativeEvent() {
-        return this.event.nativeEvent;
-    }
-    get position() {
-        return this.event.position;
-    }
-    get defaultPrevented() {
-        return this.event.defaultPrevented;
-    }
-    get panel() {
-        return this.options.panel;
-    }
-    get api() {
-        return this.options.api;
-    }
-    get group() {
-        return this.options.group;
-    }
-    preventDefault() {
-        this.event.preventDefault();
-    }
-    getData() {
-        return this.options.getData();
-    }
-    constructor(event, options) {
-        this.event = event;
-        this.options = options;
-    }
-}
 export class DockviewGroupPanelModel extends CompositeDisposable {
     get element() {
         throw new Error('dockview: not supported');

package/dist/esm/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/esm/dockview/events.js

@@ -0,0 +1,33 @@
+export class WillShowOverlayLocationEvent {
+    get kind() {
+        return this.options.kind;
+    }
+    get nativeEvent() {
+        return this.event.nativeEvent;
+    }
+    get position() {
+        return this.event.position;
+    }
+    get defaultPrevented() {
+        return this.event.defaultPrevented;
+    }
+    get panel() {
+        return this.options.panel;
+    }
+    get api() {
+        return this.options.api;
+    }
+    get group() {
+        return this.options.group;
+    }
+    preventDefault() {
+        this.event.preventDefault();
+    }
+    getData() {
+        return this.options.getData();
+    }
+    constructor(event, options) {
+        this.event = event;
+        this.options = options;
+    }
+}

package/dist/esm/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';

package/dist/styles/dockview.css

@@ -292,6 +292,7 @@
   --dv-active-sash-color: transparent;
   --dv-active-sash-transition-duration: 0.1s;
   --dv-active-sash-transition-delay: 0.5s;
+  box-sizing: border-box;
   padding: 10px;
   background-color: #ebeced;
   --dv-group-view-background-color: #ebeced;
@@ -411,6 +412,7 @@
   --dv-tab-margin: 0.5rem 0.25rem;
   --dv-tabs-and-actions-container-height: 44px;
   --dv-border-radius: 20px;
+  box-sizing: border-box;
   --dv-color-abyss-dark: rgb(11, 6, 17);
   --dv-color-abyss: #16121f;
   --dv-color-abyss-light: #201d2b;
@@ -515,6 +517,7 @@
   --dv-tab-margin: 0.5rem 0.25rem;
   --dv-tabs-and-actions-container-height: 44px;
   --dv-border-radius: 20px;
+  box-sizing: border-box;
   --dv-drag-over-border: 2px solid rgb(91, 30, 207);
   --dv-drag-over-background-color: "";
   --dv-group-view-background-color: #f6f5f9;
@@ -1181,6 +1184,8 @@
 .dv-tabs-and-actions-container .dv-void-container {
   display: flex;
   flex-grow: 1;
+}
+.dv-tabs-and-actions-container .dv-void-container.dv-draggable {
   cursor: grab;
 }
 .dv-tabs-and-actions-container .dv-right-actions-container {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dockview-core",
-  "version": "4.5.0",
+  "version": "4.6.2",
   "description": "Zero dependency layout manager supporting tabs, grids and splitviews",
   "keywords": [
     "splitview",
@@ -41,14 +41,13 @@
     "README.md"
   ],
   "scripts": {
-    "build": "npm run build:package && npm run build:bundles",
-    "build:bundles": "rollup -c",
+    "build:bundle": "rollup -c",
     "build:cjs": "cross-env ../../node_modules/.bin/tsc --build ./tsconfig.json --verbose --extendedDiagnostics",
     "build:css": "gulp sass",
     "build:esm": "cross-env ../../node_modules/.bin/tsc --build ./tsconfig.esm.json --verbose --extendedDiagnostics",
-    "build:package": "npm run build:cjs && npm run build:esm && npm run build:css",
+    "build": "npm run build:cjs && npm run build:esm && npm run build:css",
     "clean": "rimraf dist/ .build/ .rollup.cache/",
-    "prepublishOnly": "npm run rebuild && npm run test",
+    "prepublishOnly": "npm run rebuild && npm run build:bundle && npm run test",
     "rebuild": "npm run clean && npm run build",
     "test": "cross-env ../../node_modules/.bin/jest --selectProjects dockview-core",
     "test:cov": "cross-env ../../node_modules/.bin/jest --selectProjects dockview-core --coverage"