dockview-core 4.7.0 → 4.9.0

package/dist/esm/dnd/abstractDragHandler.d.ts

@@ -1,11 +1,13 @@
 import { CompositeDisposable, IDisposable } from '../lifecycle';
 export declare abstract class DragHandler extends CompositeDisposable {
     protected readonly el: HTMLElement;
+    private disabled?;
     private readonly dataDisposable;
     private readonly pointerEventsDisposable;
     private readonly _onDragStart;
     readonly onDragStart: import("../events").Event<DragEvent>;
-    constructor(el: HTMLElement);
+    constructor(el: HTMLElement, disabled?: boolean | undefined);
+    setDisabled(disabled: boolean): void;
     abstract getData(event: DragEvent): IDisposable;
     protected isCancelled(_event: DragEvent): boolean;
     private configure;

package/dist/esm/dnd/abstractDragHandler.js

@@ -2,9 +2,10 @@ import { disableIframePointEvents } from '../dom';
 import { addDisposableListener, Emitter } from '../events';
 import { CompositeDisposable, MutableDisposable, } from '../lifecycle';
 export class DragHandler extends CompositeDisposable {
-    constructor(el) {
+    constructor(el, disabled) {
         super();
         this.el = el;
+        this.disabled = disabled;
         this.dataDisposable = new MutableDisposable();
         this.pointerEventsDisposable = new MutableDisposable();
         this._onDragStart = new Emitter();
@@ -12,12 +13,15 @@ export class DragHandler extends CompositeDisposable {
         this.addDisposables(this._onDragStart, this.dataDisposable, this.pointerEventsDisposable);
         this.configure();
     }
+    setDisabled(disabled) {
+        this.disabled = disabled;
+    }
     isCancelled(_event) {
         return false;
     }
     configure() {
         this.addDisposables(this._onDragStart, addDisposableListener(this.el, 'dragstart', (event) => {
-            if (event.defaultPrevented || this.isCancelled(event)) {
+            if (event.defaultPrevented || this.isCancelled(event) || this.disabled) {
                 event.preventDefault();
                 return;
             }

package/dist/esm/dnd/groupDragHandler.d.ts

@@ -6,7 +6,7 @@ export declare class GroupDragHandler extends DragHandler {
     private readonly accessor;
     private readonly group;
     private readonly panelTransfer;
-    constructor(element: HTMLElement, accessor: DockviewComponent, group: DockviewGroupPanel);
+    constructor(element: HTMLElement, accessor: DockviewComponent, group: DockviewGroupPanel, disabled?: boolean);
     isCancelled(_event: DragEvent): boolean;
     getData(dragEvent: DragEvent): IDisposable;
 }

package/dist/esm/dnd/groupDragHandler.js

@@ -4,8 +4,8 @@ import { DragHandler } from './abstractDragHandler';
 import { LocalSelectionTransfer, PanelTransfer } from './dataTransfer';
 import { addGhostImage } from './ghost';
 export class GroupDragHandler extends DragHandler {
-    constructor(element, accessor, group) {
-        super(element);
+    constructor(element, accessor, group, disabled) {
+        super(element, disabled);
         this.accessor = accessor;
         this.group = group;
         this.panelTransfer = LocalSelectionTransfer.getInstance();

package/dist/esm/dockview/components/tab/tab.d.ts

@@ -12,6 +12,7 @@ export declare class Tab extends CompositeDisposable {
     private readonly _element;
     private readonly dropTarget;
     private content;
+    private readonly dragHandler;
     private readonly _onPointDown;
     readonly onPointerDown: Event<MouseEvent>;
     private readonly _onDropped;

package/dist/esm/dockview/components/tab/tab.js

@@ -6,8 +6,8 @@ import { Droptarget, } from '../../../dnd/droptarget';
 import { DragHandler } from '../../../dnd/abstractDragHandler';
 import { addGhostImage } from '../../../dnd/ghost';
 class TabDragHandler extends DragHandler {
-    constructor(element, accessor, group, panel) {
-        super(element);
+    constructor(element, accessor, group, panel, disabled) {
+        super(element, disabled);
         this.accessor = accessor;
         this.group = group;
         this.panel = panel;
@@ -43,7 +43,7 @@ export class Tab extends CompositeDisposable {
         this._element.tabIndex = 0;
         this._element.draggable = !this.accessor.options.disableDnd;
         toggleClass(this.element, 'dv-inactive-tab', true);
-        const dragHandler = new TabDragHandler(this._element, this.accessor, this.group, this.panel);
+        this.dragHandler = new TabDragHandler(this._element, this.accessor, this.group, this.panel, !!this.accessor.options.disableDnd);
         this.dropTarget = new Droptarget(this._element, {
             acceptedTargetZones: ['left', 'right'],
             overlayModel: { activationSize: { value: 50, type: 'percentage' } },
@@ -60,7 +60,7 @@ export class Tab extends CompositeDisposable {
             getOverrideTarget: () => { var _a; return (_a = group.model.dropTargetContainer) === null || _a === void 0 ? void 0 : _a.model; },
         });
         this.onWillShowOverlay = this.dropTarget.onWillShowOverlay;
-        this.addDisposables(this._onPointDown, this._onDropped, this._onDragStart, dragHandler.onDragStart((event) => {
+        this.addDisposables(this._onPointDown, this._onDropped, this._onDragStart, this.dragHandler.onDragStart((event) => {
             if (event.dataTransfer) {
                 const style = getComputedStyle(this.element);
                 const newNode = this.element.cloneNode(true);
@@ -72,7 +72,7 @@ export class Tab extends CompositeDisposable {
                 });
             }
             this._onDragStart.fire(event);
-        }), dragHandler, addDisposableListener(this._element, 'pointerdown', (event) => {
+        }), this.dragHandler, addDisposableListener(this._element, 'pointerdown', (event) => {
             this._onPointDown.fire(event);
         }), this.dropTarget.onDrop((event) => {
             this._onDropped.fire(event);
@@ -91,6 +91,7 @@ export class Tab extends CompositeDisposable {
     }
     updateDragAndDropState() {
         this._element.draggable = !this.accessor.options.disableDnd;
+        this.dragHandler.setDisabled(!!this.accessor.options.disableDnd);
     }
     dispose() {
         super.dispose();

package/dist/esm/dockview/components/titlebar/voidContainer.d.ts

@@ -8,6 +8,7 @@ export declare class VoidContainer extends CompositeDisposable {
     private readonly group;
     private readonly _element;
     private readonly dropTarget;
+    private readonly handler;
     private readonly _onDrop;
     readonly onDrop: Event<DroptargetEvent>;
     private readonly _onDragStart;

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

@@ -23,7 +23,7 @@ export class VoidContainer extends CompositeDisposable {
         this.addDisposables(this._onDrop, this._onDragStart, addDisposableListener(this._element, 'pointerdown', () => {
             this.accessor.doSetGroupActive(this.group);
         }));
-        const handler = new GroupDragHandler(this._element, accessor, group);
+        this.handler = new GroupDragHandler(this._element, accessor, group, !!this.accessor.options.disableDnd);
         this.dropTarget = new Droptarget(this._element, {
             acceptedTargetZones: ['center'],
             canDisplayOverlay: (event, position) => {
@@ -36,7 +36,7 @@ export class VoidContainer extends CompositeDisposable {
             getOverrideTarget: () => { var _a; return (_a = group.model.dropTargetContainer) === null || _a === void 0 ? void 0 : _a.model; },
         });
         this.onWillShowOverlay = this.dropTarget.onWillShowOverlay;
-        this.addDisposables(handler, handler.onDragStart((event) => {
+        this.addDisposables(this.handler, this.handler.onDragStart((event) => {
             this._onDragStart.fire(event);
         }), this.dropTarget.onDrop((event) => {
             this._onDrop.fire(event);
@@ -45,5 +45,6 @@ export class VoidContainer extends CompositeDisposable {
     updateDragAndDropState() {
         this._element.draggable = !this.accessor.options.disableDnd;
         toggleClass(this._element, 'dv-draggable', !this.accessor.options.disableDnd);
+        this.handler.setDisabled(!!this.accessor.options.disableDnd);
     }
 }

package/dist/esm/dockview/dockviewComponent.js

@@ -1386,11 +1386,13 @@ export class DockviewComponent extends BaseGrid {
                 // remove the group and do not set a new group as active
                 this.doRemoveGroup(sourceGroup, { skipActive: true });
             }
+            // Check if destination group is empty - if so, force render the component
+            const isDestinationGroupEmpty = destinationGroup.model.size === 0;
             this.movingLock(() => {
                 var _a;
                 return destinationGroup.model.openPanel(removedPanel, {
                     index: destinationIndex,
-                    skipSetActive: (_a = options.skipSetActive) !== null && _a !== void 0 ? _a : false,
+                    skipSetActive: ((_a = options.skipSetActive) !== null && _a !== void 0 ? _a : false) && !isDestinationGroupEmpty,
                     skipSetGroupActive: true,
                 });
             });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dockview-core",
-  "version": "4.7.0",
+  "version": "4.9.0",
   "description": "Zero dependency layout manager supporting tabs, grids and splitviews",
   "keywords": [
     "splitview",