dockview-core 1.7.0 → 1.7.1

package/dist/esm/dnd/droptarget.js

@@ -1,250 +1,251 @@
-import { toggleClass } from '../dom';
-import { Emitter } from '../events';
-import { CompositeDisposable } from '../lifecycle';
-import { DragAndDropObserver } from './dnd';
-import { clamp } from '../math';
-function numberOrFallback(maybeNumber, fallback) {
-    return typeof maybeNumber === 'number' ? maybeNumber : fallback;
-}
-export function directionToPosition(direction) {
-    switch (direction) {
-        case 'above':
-            return 'top';
-        case 'below':
-            return 'bottom';
-        case 'left':
-            return 'left';
-        case 'right':
-            return 'right';
-        case 'within':
-            return 'center';
-        default:
-            throw new Error(`invalid direction '${direction}'`);
-    }
-}
-export function positionToDirection(position) {
-    switch (position) {
-        case 'top':
-            return 'above';
-        case 'bottom':
-            return 'below';
-        case 'left':
-            return 'left';
-        case 'right':
-            return 'right';
-        case 'center':
-            return 'within';
-        default:
-            throw new Error(`invalid position '${position}'`);
-    }
-}
-export class Droptarget extends CompositeDisposable {
-    get state() {
-        return this._state;
-    }
-    constructor(element, options) {
-        super();
-        this.element = element;
-        this.options = options;
-        this._onDrop = new Emitter();
-        this.onDrop = this._onDrop.event;
-        // use a set to take advantage of #<set>.has
-        const acceptedTargetZonesSet = new Set(this.options.acceptedTargetZones);
-        this.addDisposables(this._onDrop, new DragAndDropObserver(this.element, {
-            onDragEnter: () => undefined,
-            onDragOver: (e) => {
-                const width = this.element.clientWidth;
-                const height = this.element.clientHeight;
-                if (width === 0 || height === 0) {
-                    return; // avoid div!0
-                }
-                const rect = e.currentTarget.getBoundingClientRect();
-                const x = e.clientX - rect.left;
-                const y = e.clientY - rect.top;
-                const quadrant = this.calculateQuadrant(acceptedTargetZonesSet, x, y, width, height);
-                if (quadrant === null) {
-                    // no drop target should be displayed
-                    this.removeDropTarget();
-                    return;
-                }
-                if (typeof this.options.canDisplayOverlay === 'boolean') {
-                    if (!this.options.canDisplayOverlay) {
-                        return;
-                    }
-                }
-                else if (!this.options.canDisplayOverlay(e, quadrant)) {
-                    return;
-                }
-                if (!this.targetElement) {
-                    this.targetElement = document.createElement('div');
-                    this.targetElement.className = 'drop-target-dropzone';
-                    this.overlayElement = document.createElement('div');
-                    this.overlayElement.className = 'drop-target-selection';
-                    this._state = 'center';
-                    this.targetElement.appendChild(this.overlayElement);
-                    this.element.classList.add('drop-target');
-                    this.element.append(this.targetElement);
-                }
-                if (this.options.acceptedTargetZones.length === 0) {
-                    return;
-                }
-                if (!this.targetElement || !this.overlayElement) {
-                    return;
-                }
-                this.toggleClasses(quadrant, width, height);
-                this.setState(quadrant);
-            },
-            onDragLeave: () => {
-                this.removeDropTarget();
-            },
-            onDragEnd: () => {
-                this.removeDropTarget();
-            },
-            onDrop: (e) => {
-                e.preventDefault();
-                const state = this._state;
-                this.removeDropTarget();
-                if (state) {
-                    // only stop the propagation of the event if we are dealing with it
-                    // which is only when the target has state
-                    e.stopPropagation();
-                    this._onDrop.fire({ position: state, nativeEvent: e });
-                }
-            },
-        }));
-    }
-    dispose() {
-        this.removeDropTarget();
-    }
-    toggleClasses(quadrant, width, height) {
-        var _a, _b, _c, _d;
-        if (!this.overlayElement) {
-            return;
-        }
-        const isSmallX = width < 100;
-        const isSmallY = height < 100;
-        const isLeft = quadrant === 'left';
-        const isRight = quadrant === 'right';
-        const isTop = quadrant === 'top';
-        const isBottom = quadrant === 'bottom';
-        const rightClass = !isSmallX && isRight;
-        const leftClass = !isSmallX && isLeft;
-        const topClass = !isSmallY && isTop;
-        const bottomClass = !isSmallY && isBottom;
-        let size = 0.5;
-        if (((_b = (_a = this.options.overlayModel) === null || _a === void 0 ? void 0 : _a.size) === null || _b === void 0 ? void 0 : _b.type) === 'percentage') {
-            size = clamp(this.options.overlayModel.size.value, 0, 100) / 100;
-        }
-        if (((_d = (_c = this.options.overlayModel) === null || _c === void 0 ? void 0 : _c.size) === null || _d === void 0 ? void 0 : _d.type) === 'pixels') {
-            if (rightClass || leftClass) {
-                size =
-                    clamp(0, this.options.overlayModel.size.value, width) /
-                        width;
-            }
-            if (topClass || bottomClass) {
-                size =
-                    clamp(0, this.options.overlayModel.size.value, height) /
-                        height;
-            }
-        }
-        const translate = (1 - size) / 2;
-        const scale = size;
-        let transform;
-        if (rightClass) {
-            transform = `translateX(${100 * translate}%) scaleX(${scale})`;
-        }
-        else if (leftClass) {
-            transform = `translateX(-${100 * translate}%) scaleX(${scale})`;
-        }
-        else if (topClass) {
-            transform = `translateY(-${100 * translate}%) scaleY(${scale})`;
-        }
-        else if (bottomClass) {
-            transform = `translateY(${100 * translate}%) scaleY(${scale})`;
-        }
-        else {
-            transform = '';
-        }
-        this.overlayElement.style.transform = transform;
-        toggleClass(this.overlayElement, 'small-right', isSmallX && isRight);
-        toggleClass(this.overlayElement, 'small-left', isSmallX && isLeft);
-        toggleClass(this.overlayElement, 'small-top', isSmallY && isTop);
-        toggleClass(this.overlayElement, 'small-bottom', isSmallY && isBottom);
-    }
-    setState(quadrant) {
-        switch (quadrant) {
-            case 'top':
-                this._state = 'top';
-                break;
-            case 'left':
-                this._state = 'left';
-                break;
-            case 'bottom':
-                this._state = 'bottom';
-                break;
-            case 'right':
-                this._state = 'right';
-                break;
-            case 'center':
-                this._state = 'center';
-                break;
-        }
-    }
-    calculateQuadrant(overlayType, x, y, width, height) {
-        var _a, _b, _c, _d, _e, _f;
-        const isPercentage = ((_a = this.options.overlayModel) === null || _a === void 0 ? void 0 : _a.activationSize) === undefined ||
-            ((_c = (_b = this.options.overlayModel) === null || _b === void 0 ? void 0 : _b.activationSize) === null || _c === void 0 ? void 0 : _c.type) === 'percentage';
-        const value = numberOrFallback((_f = (_e = (_d = this.options) === null || _d === void 0 ? void 0 : _d.overlayModel) === null || _e === void 0 ? void 0 : _e.activationSize) === null || _f === void 0 ? void 0 : _f.value, 20);
-        if (isPercentage) {
-            return calculateQuadrantAsPercentage(overlayType, x, y, width, height, value);
-        }
-        return calculateQuadrantAsPixels(overlayType, x, y, width, height, value);
-    }
-    removeDropTarget() {
-        if (this.targetElement) {
-            this._state = undefined;
-            this.element.removeChild(this.targetElement);
-            this.targetElement = undefined;
-            this.overlayElement = undefined;
-            this.element.classList.remove('drop-target');
-        }
-    }
-}
-export function calculateQuadrantAsPercentage(overlayType, x, y, width, height, threshold) {
-    const xp = (100 * x) / width;
-    const yp = (100 * y) / height;
-    if (overlayType.has('left') && xp < threshold) {
-        return 'left';
-    }
-    if (overlayType.has('right') && xp > 100 - threshold) {
-        return 'right';
-    }
-    if (overlayType.has('top') && yp < threshold) {
-        return 'top';
-    }
-    if (overlayType.has('bottom') && yp > 100 - threshold) {
-        return 'bottom';
-    }
-    if (!overlayType.has('center')) {
-        return null;
-    }
-    return 'center';
-}
-export function calculateQuadrantAsPixels(overlayType, x, y, width, height, threshold) {
-    if (overlayType.has('left') && x < threshold) {
-        return 'left';
-    }
-    if (overlayType.has('right') && x > width - threshold) {
-        return 'right';
-    }
-    if (overlayType.has('top') && y < threshold) {
-        return 'top';
-    }
-    if (overlayType.has('bottom') && y > height - threshold) {
-        return 'bottom';
-    }
-    if (!overlayType.has('center')) {
-        return null;
-    }
-    return 'center';
-}
+import { toggleClass } from '../dom';
+import { Emitter } from '../events';
+import { CompositeDisposable } from '../lifecycle';
+import { DragAndDropObserver } from './dnd';
+import { clamp } from '../math';
+function numberOrFallback(maybeNumber, fallback) {
+    return typeof maybeNumber === 'number' ? maybeNumber : fallback;
+}
+export function directionToPosition(direction) {
+    switch (direction) {
+        case 'above':
+            return 'top';
+        case 'below':
+            return 'bottom';
+        case 'left':
+            return 'left';
+        case 'right':
+            return 'right';
+        case 'within':
+            return 'center';
+        default:
+            throw new Error(`invalid direction '${direction}'`);
+    }
+}
+export function positionToDirection(position) {
+    switch (position) {
+        case 'top':
+            return 'above';
+        case 'bottom':
+            return 'below';
+        case 'left':
+            return 'left';
+        case 'right':
+            return 'right';
+        case 'center':
+            return 'within';
+        default:
+            throw new Error(`invalid position '${position}'`);
+    }
+}
+export class Droptarget extends CompositeDisposable {
+    get state() {
+        return this._state;
+    }
+    constructor(element, options) {
+        super();
+        this.element = element;
+        this.options = options;
+        this._onDrop = new Emitter();
+        this.onDrop = this._onDrop.event;
+        // use a set to take advantage of #<set>.has
+        const acceptedTargetZonesSet = new Set(this.options.acceptedTargetZones);
+        this.addDisposables(this._onDrop, new DragAndDropObserver(this.element, {
+            onDragEnter: () => undefined,
+            onDragOver: (e) => {
+                const width = this.element.clientWidth;
+                const height = this.element.clientHeight;
+                if (width === 0 || height === 0) {
+                    return; // avoid div!0
+                }
+                const rect = e.currentTarget.getBoundingClientRect();
+                const x = e.clientX - rect.left;
+                const y = e.clientY - rect.top;
+                const quadrant = this.calculateQuadrant(acceptedTargetZonesSet, x, y, width, height);
+                if (quadrant === null) {
+                    // no drop target should be displayed
+                    this.removeDropTarget();
+                    return;
+                }
+                if (typeof this.options.canDisplayOverlay === 'boolean') {
+                    if (!this.options.canDisplayOverlay) {
+                        return;
+                    }
+                }
+                else if (!this.options.canDisplayOverlay(e, quadrant)) {
+                    return;
+                }
+                if (!this.targetElement) {
+                    this.targetElement = document.createElement('div');
+                    this.targetElement.className = 'drop-target-dropzone';
+                    this.overlayElement = document.createElement('div');
+                    this.overlayElement.className = 'drop-target-selection';
+                    this._state = 'center';
+                    this.targetElement.appendChild(this.overlayElement);
+                    this.element.classList.add('drop-target');
+                    this.element.append(this.targetElement);
+                }
+                if (this.options.acceptedTargetZones.length === 0) {
+                    return;
+                }
+                if (!this.targetElement || !this.overlayElement) {
+                    return;
+                }
+                this.toggleClasses(quadrant, width, height);
+                this.setState(quadrant);
+            },
+            onDragLeave: () => {
+                this.removeDropTarget();
+            },
+            onDragEnd: () => {
+                this.removeDropTarget();
+            },
+            onDrop: (e) => {
+                e.preventDefault();
+                const state = this._state;
+                this.removeDropTarget();
+                if (state) {
+                    // only stop the propagation of the event if we are dealing with it
+                    // which is only when the target has state
+                    e.stopPropagation();
+                    this._onDrop.fire({ position: state, nativeEvent: e });
+                }
+            },
+        }));
+    }
+    dispose() {
+        this.removeDropTarget();
+    }
+    toggleClasses(quadrant, width, height) {
+        var _a, _b, _c, _d;
+        if (!this.overlayElement) {
+            return;
+        }
+        const isSmallX = width < 100;
+        const isSmallY = height < 100;
+        const isLeft = quadrant === 'left';
+        const isRight = quadrant === 'right';
+        const isTop = quadrant === 'top';
+        const isBottom = quadrant === 'bottom';
+        const rightClass = !isSmallX && isRight;
+        const leftClass = !isSmallX && isLeft;
+        const topClass = !isSmallY && isTop;
+        const bottomClass = !isSmallY && isBottom;
+        let size = 0.5;
+        if (((_b = (_a = this.options.overlayModel) === null || _a === void 0 ? void 0 : _a.size) === null || _b === void 0 ? void 0 : _b.type) === 'percentage') {
+            size = clamp(this.options.overlayModel.size.value, 0, 100) / 100;
+        }
+        if (((_d = (_c = this.options.overlayModel) === null || _c === void 0 ? void 0 : _c.size) === null || _d === void 0 ? void 0 : _d.type) === 'pixels') {
+            if (rightClass || leftClass) {
+                size =
+                    clamp(0, this.options.overlayModel.size.value, width) /
+                        width;
+            }
+            if (topClass || bottomClass) {
+                size =
+                    clamp(0, this.options.overlayModel.size.value, height) /
+                        height;
+            }
+        }
+        const translate = (1 - size) / 2;
+        const scale = size;
+        let transform;
+        if (rightClass) {
+            transform = `translateX(${100 * translate}%) scaleX(${scale})`;
+        }
+        else if (leftClass) {
+            transform = `translateX(-${100 * translate}%) scaleX(${scale})`;
+        }
+        else if (topClass) {
+            transform = `translateY(-${100 * translate}%) scaleY(${scale})`;
+        }
+        else if (bottomClass) {
+            transform = `translateY(${100 * translate}%) scaleY(${scale})`;
+        }
+        else {
+            transform = '';
+        }
+        this.overlayElement.style.transform = transform;
+        toggleClass(this.overlayElement, 'small-right', isSmallX && isRight);
+        toggleClass(this.overlayElement, 'small-left', isSmallX && isLeft);
+        toggleClass(this.overlayElement, 'small-top', isSmallY && isTop);
+        toggleClass(this.overlayElement, 'small-bottom', isSmallY && isBottom);
+    }
+    setState(quadrant) {
+        switch (quadrant) {
+            case 'top':
+                this._state = 'top';
+                break;
+            case 'left':
+                this._state = 'left';
+                break;
+            case 'bottom':
+                this._state = 'bottom';
+                break;
+            case 'right':
+                this._state = 'right';
+                break;
+            case 'center':
+                this._state = 'center';
+                break;
+        }
+    }
+    calculateQuadrant(overlayType, x, y, width, height) {
+        var _a, _b, _c, _d, _e, _f;
+        const isPercentage = ((_a = this.options.overlayModel) === null || _a === void 0 ? void 0 : _a.activationSize) === undefined ||
+            ((_c = (_b = this.options.overlayModel) === null || _b === void 0 ? void 0 : _b.activationSize) === null || _c === void 0 ? void 0 : _c.type) === 'percentage';
+        const value = numberOrFallback((_f = (_e = (_d = this.options) === null || _d === void 0 ? void 0 : _d.overlayModel) === null || _e === void 0 ? void 0 : _e.activationSize) === null || _f === void 0 ? void 0 : _f.value, 20);
+        if (isPercentage) {
+            return calculateQuadrantAsPercentage(overlayType, x, y, width, height, value);
+        }
+        return calculateQuadrantAsPixels(overlayType, x, y, width, height, value);
+    }
+    removeDropTarget() {
+        if (this.targetElement) {
+            this._state = undefined;
+            this.element.removeChild(this.targetElement);
+            this.targetElement = undefined;
+            this.overlayElement = undefined;
+            this.element.classList.remove('drop-target');
+        }
+    }
+}
+export function calculateQuadrantAsPercentage(overlayType, x, y, width, height, threshold) {
+    const xp = (100 * x) / width;
+    const yp = (100 * y) / height;
+    if (overlayType.has('left') && xp < threshold) {
+        return 'left';
+    }
+    if (overlayType.has('right') && xp > 100 - threshold) {
+        return 'right';
+    }
+    if (overlayType.has('top') && yp < threshold) {
+        return 'top';
+    }
+    if (overlayType.has('bottom') && yp > 100 - threshold) {
+        return 'bottom';
+    }
+    if (!overlayType.has('center')) {
+        return null;
+    }
+    return 'center';
+}
+export function calculateQuadrantAsPixels(overlayType, x, y, width, height, threshold) {
+    if (overlayType.has('left') && x < threshold) {
+        return 'left';
+    }
+    if (overlayType.has('right') && x > width - threshold) {
+        return 'right';
+    }
+    if (overlayType.has('top') && y < threshold) {
+        return 'top';
+    }
+    if (overlayType.has('bottom') && y > height - threshold) {
+        return 'bottom';
+    }
+    if (!overlayType.has('center')) {
+        return null;
+    }
+    return 'center';
+}
+//# sourceMappingURL=droptarget.js.map

package/dist/esm/dnd/droptarget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"droptarget.js","sourceRoot":"","sources":["../../../src/dnd/droptarget.ts"],"names":[],"mappings":"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"}

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

@@ -1 +1,2 @@
-export declare function addGhostImage(dataTransfer: DataTransfer, ghostElement: HTMLElement): void;
+export declare function addGhostImage(dataTransfer: DataTransfer, ghostElement: HTMLElement): void;
+//# sourceMappingURL=ghost.d.ts.map

package/dist/esm/dnd/ghost.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ghost.d.ts","sourceRoot":"","sources":["../../../src/dnd/ghost.ts"],"names":[],"mappings":"AAEA,wBAAgB,aAAa,CACzB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,WAAW,GAC1B,IAAI,CAWN"}

package/dist/esm/dnd/ghost.js

@@ -1,11 +1,12 @@
-import { addClasses, removeClasses } from '../dom';
-export function addGhostImage(dataTransfer, ghostElement) {
-    // class dockview provides to force ghost image to be drawn on a different layer and prevent weird rendering issues
-    addClasses(ghostElement, 'dv-dragged');
-    document.body.appendChild(ghostElement);
-    dataTransfer.setDragImage(ghostElement, 0, 0);
-    setTimeout(() => {
-        removeClasses(ghostElement, 'dv-dragged');
-        ghostElement.remove();
-    }, 0);
-}
+import { addClasses, removeClasses } from '../dom';
+export function addGhostImage(dataTransfer, ghostElement) {
+    // class dockview provides to force ghost image to be drawn on a different layer and prevent weird rendering issues
+    addClasses(ghostElement, 'dv-dragged');
+    document.body.appendChild(ghostElement);
+    dataTransfer.setDragImage(ghostElement, 0, 0);
+    setTimeout(() => {
+        removeClasses(ghostElement, 'dv-dragged');
+        ghostElement.remove();
+    }, 0);
+}
+//# sourceMappingURL=ghost.js.map

package/dist/esm/dnd/ghost.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ghost.js","sourceRoot":"","sources":["../../../src/dnd/ghost.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAEnD,MAAM,UAAU,aAAa,CACzB,YAA0B,EAC1B,YAAyB;IAEzB,mHAAmH;IACnH,UAAU,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;IAEvC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;IACxC,YAAY,CAAC,YAAY,CAAC,YAAY,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAE9C,UAAU,CAAC,GAAG,EAAE;QACZ,aAAa,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;QAC1C,YAAY,CAAC,MAAM,EAAE,CAAC;IAC1B,CAAC,EAAE,CAAC,CAAC,CAAC;AACV,CAAC"}

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

@@ -1,11 +1,12 @@
-import { DockviewGroupPanel } from '../dockview/dockviewGroupPanel';
-import { IDisposable } from '../lifecycle';
-import { DragHandler } from './abstractDragHandler';
-export declare class GroupDragHandler extends DragHandler {
-    private readonly accessorId;
-    private readonly group;
-    private readonly panelTransfer;
-    constructor(element: HTMLElement, accessorId: string, group: DockviewGroupPanel);
-    getData(dataTransfer: DataTransfer | null): IDisposable;
-    dispose(): void;
-}
+import { DockviewGroupPanel } from '../dockview/dockviewGroupPanel';
+import { IDisposable } from '../lifecycle';
+import { DragHandler } from './abstractDragHandler';
+export declare class GroupDragHandler extends DragHandler {
+    private readonly accessorId;
+    private readonly group;
+    private readonly panelTransfer;
+    constructor(element: HTMLElement, accessorId: string, group: DockviewGroupPanel);
+    getData(dataTransfer: DataTransfer | null): IDisposable;
+    dispose(): void;
+}
+//# sourceMappingURL=groupDragHandler.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"groupDragHandler.d.ts","sourceRoot":"","sources":["../../../src/dnd/groupDragHandler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAIpD,qBAAa,gBAAiB,SAAQ,WAAW;IAMzC,OAAO,CAAC,QAAQ,CAAC,UAAU;IAC3B,OAAO,CAAC,QAAQ,CAAC,KAAK;IAN1B,OAAO,CAAC,QAAQ,CAAC,aAAa,CAC0B;gBAGpD,OAAO,EAAE,WAAW,EACH,UAAU,EAAE,MAAM,EAClB,KAAK,EAAE,kBAAkB;IAK9C,OAAO,CAAC,YAAY,EAAE,YAAY,GAAG,IAAI,GAAG,WAAW;IAsChD,OAAO,IAAI,IAAI;CAGzB"}