dockview 1.5.1 → 1.6.0

package/dist/cjs/dnd/dataTransfer.d.ts

@@ -1,31 +1,31 @@
-declare class TransferObject {
-    constructor();
-}
-export declare class PanelTransfer extends TransferObject {
-    readonly viewId: string;
-    readonly groupId: string;
-    readonly panelId: string;
-    constructor(viewId: string, groupId: string, panelId: string);
-}
-export declare class PaneTransfer extends TransferObject {
-    readonly viewId: string;
-    readonly paneId: string;
-    constructor(viewId: string, paneId: string);
-}
-/**
- * A singleton to store transfer data during drag & drop operations that are only valid within the application.
- */
-export declare class LocalSelectionTransfer<T> {
-    private static readonly INSTANCE;
-    private data?;
-    private proto?;
-    private constructor();
-    static getInstance<T>(): LocalSelectionTransfer<T>;
-    hasData(proto: T): boolean;
-    clearData(proto: T): void;
-    getData(proto: T): T[] | undefined;
-    setData(data: T[], proto: T): void;
-}
-export declare function getPanelData(): PanelTransfer | undefined;
-export declare function getPaneData(): PaneTransfer | undefined;
-export {};
+declare class TransferObject {
+    constructor();
+}
+export declare class PanelTransfer extends TransferObject {
+    readonly viewId: string;
+    readonly groupId: string;
+    readonly panelId: string | null;
+    constructor(viewId: string, groupId: string, panelId: string | null);
+}
+export declare class PaneTransfer extends TransferObject {
+    readonly viewId: string;
+    readonly paneId: string;
+    constructor(viewId: string, paneId: string);
+}
+/**
+ * A singleton to store transfer data during drag & drop operations that are only valid within the application.
+ */
+export declare class LocalSelectionTransfer<T> {
+    private static readonly INSTANCE;
+    private data?;
+    private proto?;
+    private constructor();
+    static getInstance<T>(): LocalSelectionTransfer<T>;
+    hasData(proto: T): boolean;
+    clearData(proto: T): void;
+    getData(proto: T): T[] | undefined;
+    setData(data: T[], proto: T): void;
+}
+export declare function getPanelData(): PanelTransfer | undefined;
+export declare function getPaneData(): PaneTransfer | undefined;
+export {};

package/dist/cjs/dnd/dataTransfer.js

@@ -1,101 +1,101 @@
-"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.getPaneData = exports.getPanelData = exports.LocalSelectionTransfer = exports.PaneTransfer = exports.PanelTransfer = void 0;
-var TransferObject = /** @class */ (function () {
-    function TransferObject() {
-        //
-    }
-    return TransferObject;
-}());
-var PanelTransfer = /** @class */ (function (_super) {
-    __extends(PanelTransfer, _super);
-    function PanelTransfer(viewId, groupId, panelId) {
-        var _this = _super.call(this) || this;
-        _this.viewId = viewId;
-        _this.groupId = groupId;
-        _this.panelId = panelId;
-        return _this;
-    }
-    return PanelTransfer;
-}(TransferObject));
-exports.PanelTransfer = PanelTransfer;
-var PaneTransfer = /** @class */ (function (_super) {
-    __extends(PaneTransfer, _super);
-    function PaneTransfer(viewId, paneId) {
-        var _this = _super.call(this) || this;
-        _this.viewId = viewId;
-        _this.paneId = paneId;
-        return _this;
-    }
-    return PaneTransfer;
-}(TransferObject));
-exports.PaneTransfer = PaneTransfer;
-/**
- * A singleton to store transfer data during drag & drop operations that are only valid within the application.
- */
-var LocalSelectionTransfer = /** @class */ (function () {
-    function LocalSelectionTransfer() {
-        // protect against external instantiation
-    }
-    LocalSelectionTransfer.getInstance = function () {
-        return LocalSelectionTransfer.INSTANCE;
-    };
-    LocalSelectionTransfer.prototype.hasData = function (proto) {
-        return proto && proto === this.proto;
-    };
-    LocalSelectionTransfer.prototype.clearData = function (proto) {
-        if (this.hasData(proto)) {
-            this.proto = undefined;
-            this.data = undefined;
-        }
-    };
-    LocalSelectionTransfer.prototype.getData = function (proto) {
-        if (this.hasData(proto)) {
-            return this.data;
-        }
-        return undefined;
-    };
-    LocalSelectionTransfer.prototype.setData = function (data, proto) {
-        if (proto) {
-            this.data = data;
-            this.proto = proto;
-        }
-    };
-    LocalSelectionTransfer.INSTANCE = new LocalSelectionTransfer();
-    return LocalSelectionTransfer;
-}());
-exports.LocalSelectionTransfer = LocalSelectionTransfer;
-function getPanelData() {
-    var panelTransfer = LocalSelectionTransfer.getInstance();
-    var isPanelEvent = panelTransfer.hasData(PanelTransfer.prototype);
-    if (!isPanelEvent) {
-        return undefined;
-    }
-    return panelTransfer.getData(PanelTransfer.prototype)[0];
-}
-exports.getPanelData = getPanelData;
-function getPaneData() {
-    var paneTransfer = LocalSelectionTransfer.getInstance();
-    var isPanelEvent = paneTransfer.hasData(PaneTransfer.prototype);
-    if (!isPanelEvent) {
-        return undefined;
-    }
-    return paneTransfer.getData(PaneTransfer.prototype)[0];
-}
-exports.getPaneData = getPaneData;
+"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.getPaneData = exports.getPanelData = exports.LocalSelectionTransfer = exports.PaneTransfer = exports.PanelTransfer = void 0;
+var TransferObject = /** @class */ (function () {
+    function TransferObject() {
+        //
+    }
+    return TransferObject;
+}());
+var PanelTransfer = /** @class */ (function (_super) {
+    __extends(PanelTransfer, _super);
+    function PanelTransfer(viewId, groupId, panelId) {
+        var _this = _super.call(this) || this;
+        _this.viewId = viewId;
+        _this.groupId = groupId;
+        _this.panelId = panelId;
+        return _this;
+    }
+    return PanelTransfer;
+}(TransferObject));
+exports.PanelTransfer = PanelTransfer;
+var PaneTransfer = /** @class */ (function (_super) {
+    __extends(PaneTransfer, _super);
+    function PaneTransfer(viewId, paneId) {
+        var _this = _super.call(this) || this;
+        _this.viewId = viewId;
+        _this.paneId = paneId;
+        return _this;
+    }
+    return PaneTransfer;
+}(TransferObject));
+exports.PaneTransfer = PaneTransfer;
+/**
+ * A singleton to store transfer data during drag & drop operations that are only valid within the application.
+ */
+var LocalSelectionTransfer = /** @class */ (function () {
+    function LocalSelectionTransfer() {
+        // protect against external instantiation
+    }
+    LocalSelectionTransfer.getInstance = function () {
+        return LocalSelectionTransfer.INSTANCE;
+    };
+    LocalSelectionTransfer.prototype.hasData = function (proto) {
+        return proto && proto === this.proto;
+    };
+    LocalSelectionTransfer.prototype.clearData = function (proto) {
+        if (this.hasData(proto)) {
+            this.proto = undefined;
+            this.data = undefined;
+        }
+    };
+    LocalSelectionTransfer.prototype.getData = function (proto) {
+        if (this.hasData(proto)) {
+            return this.data;
+        }
+        return undefined;
+    };
+    LocalSelectionTransfer.prototype.setData = function (data, proto) {
+        if (proto) {
+            this.data = data;
+            this.proto = proto;
+        }
+    };
+    LocalSelectionTransfer.INSTANCE = new LocalSelectionTransfer();
+    return LocalSelectionTransfer;
+}());
+exports.LocalSelectionTransfer = LocalSelectionTransfer;
+function getPanelData() {
+    var panelTransfer = LocalSelectionTransfer.getInstance();
+    var isPanelEvent = panelTransfer.hasData(PanelTransfer.prototype);
+    if (!isPanelEvent) {
+        return undefined;
+    }
+    return panelTransfer.getData(PanelTransfer.prototype)[0];
+}
+exports.getPanelData = getPanelData;
+function getPaneData() {
+    var paneTransfer = LocalSelectionTransfer.getInstance();
+    var isPanelEvent = paneTransfer.hasData(PaneTransfer.prototype);
+    if (!isPanelEvent) {
+        return undefined;
+    }
+    return paneTransfer.getData(PaneTransfer.prototype)[0];
+}
+exports.getPaneData = getPaneData;
 //# sourceMappingURL=dataTransfer.js.map

package/dist/cjs/dnd/dataTransfer.js.map

@@ -1 +1 @@
-{"version":3,"file":"dataTransfer.js","sourceRoot":"","sources":["../../../src/dnd/dataTransfer.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;IACI;QACI,EAAE;IACN,CAAC;IACL,qBAAC;AAAD,CAAC,AAJD,IAIC;AAED;IAAmC,iCAAc;IAC7C,uBACoB,MAAc,EACd,OAAe,EACf,OAAe;QAHnC,YAKI,iBAAO,SACV;QALmB,YAAM,GAAN,MAAM,CAAQ;QACd,aAAO,GAAP,OAAO,CAAQ;QACf,aAAO,GAAP,OAAO,CAAQ;;IAGnC,CAAC;IACL,oBAAC;AAAD,CAAC,AARD,CAAmC,cAAc,GAQhD;AARY,sCAAa;AAU1B;IAAkC,gCAAc;IAC5C,sBACoB,MAAc,EACd,MAAc;QAFlC,YAII,iBAAO,SACV;QAJmB,YAAM,GAAN,MAAM,CAAQ;QACd,YAAM,GAAN,MAAM,CAAQ;;IAGlC,CAAC;IACL,mBAAC;AAAD,CAAC,AAPD,CAAkC,cAAc,GAO/C;AAPY,oCAAY;AASzB;;GAEG;AACH;IAMI;QACI,yCAAyC;IAC7C,CAAC;IAEM,kCAAW,GAAlB;QACI,OAAO,sBAAsB,CAAC,QAAqC,CAAC;IACxE,CAAC;IAED,wCAAO,GAAP,UAAQ,KAAQ;QACZ,OAAO,KAAK,IAAI,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC;IACzC,CAAC;IAED,0CAAS,GAAT,UAAU,KAAQ;QACd,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YACrB,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;YACvB,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC;SACzB;IACL,CAAC;IAED,wCAAO,GAAP,UAAQ,KAAQ;QACZ,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YACrB,OAAO,IAAI,CAAC,IAAI,CAAC;SACpB;QAED,OAAO,SAAS,CAAC;IACrB,CAAC;IAED,wCAAO,GAAP,UAAQ,IAAS,EAAE,KAAQ;QACvB,IAAI,KAAK,EAAE;YACP,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;YACjB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;SACtB;IACL,CAAC;IArCuB,+BAAQ,GAAG,IAAI,sBAAsB,EAAE,CAAC;IAsCpE,6BAAC;CAAA,AAvCD,IAuCC;AAvCY,wDAAsB;AAyCnC,SAAgB,YAAY;IACxB,IAAM,aAAa,GAAG,sBAAsB,CAAC,WAAW,EAAiB,CAAC;IAC1E,IAAM,YAAY,GAAG,aAAa,CAAC,OAAO,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IAEpE,IAAI,CAAC,YAAY,EAAE;QACf,OAAO,SAAS,CAAC;KACpB;IAED,OAAO,aAAa,CAAC,OAAO,CAAC,aAAa,CAAC,SAAS,CAAE,CAAC,CAAC,CAAC,CAAC;AAC9D,CAAC;AATD,oCASC;AAED,SAAgB,WAAW;IACvB,IAAM,YAAY,GAAG,sBAAsB,CAAC,WAAW,EAAgB,CAAC;IACxE,IAAM,YAAY,GAAG,YAAY,CAAC,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IAElE,IAAI,CAAC,YAAY,EAAE;QACf,OAAO,SAAS,CAAC;KACpB;IAED,OAAO,YAAY,CAAC,OAAO,CAAC,YAAY,CAAC,SAAS,CAAE,CAAC,CAAC,CAAC,CAAC;AAC5D,CAAC;AATD,kCASC"}
+{"version":3,"file":"dataTransfer.js","sourceRoot":"","sources":["../../../src/dnd/dataTransfer.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;IACI;QACI,EAAE;IACN,CAAC;IACL,qBAAC;AAAD,CAAC,AAJD,IAIC;AAED;IAAmC,iCAAc;IAC7C,uBACoB,MAAc,EACd,OAAe,EACf,OAAsB;QAH1C,YAKI,iBAAO,SACV;QALmB,YAAM,GAAN,MAAM,CAAQ;QACd,aAAO,GAAP,OAAO,CAAQ;QACf,aAAO,GAAP,OAAO,CAAe;;IAG1C,CAAC;IACL,oBAAC;AAAD,CAAC,AARD,CAAmC,cAAc,GAQhD;AARY,sCAAa;AAU1B;IAAkC,gCAAc;IAC5C,sBACoB,MAAc,EACd,MAAc;QAFlC,YAII,iBAAO,SACV;QAJmB,YAAM,GAAN,MAAM,CAAQ;QACd,YAAM,GAAN,MAAM,CAAQ;;IAGlC,CAAC;IACL,mBAAC;AAAD,CAAC,AAPD,CAAkC,cAAc,GAO/C;AAPY,oCAAY;AASzB;;GAEG;AACH;IAMI;QACI,yCAAyC;IAC7C,CAAC;IAEM,kCAAW,GAAlB;QACI,OAAO,sBAAsB,CAAC,QAAqC,CAAC;IACxE,CAAC;IAED,wCAAO,GAAP,UAAQ,KAAQ;QACZ,OAAO,KAAK,IAAI,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC;IACzC,CAAC;IAED,0CAAS,GAAT,UAAU,KAAQ;QACd,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YACrB,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;YACvB,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC;SACzB;IACL,CAAC;IAED,wCAAO,GAAP,UAAQ,KAAQ;QACZ,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YACrB,OAAO,IAAI,CAAC,IAAI,CAAC;SACpB;QAED,OAAO,SAAS,CAAC;IACrB,CAAC;IAED,wCAAO,GAAP,UAAQ,IAAS,EAAE,KAAQ;QACvB,IAAI,KAAK,EAAE;YACP,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;YACjB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;SACtB;IACL,CAAC;IArCuB,+BAAQ,GAAG,IAAI,sBAAsB,EAAE,CAAC;IAsCpE,6BAAC;CAAA,AAvCD,IAuCC;AAvCY,wDAAsB;AAyCnC,SAAgB,YAAY;IACxB,IAAM,aAAa,GAAG,sBAAsB,CAAC,WAAW,EAAiB,CAAC;IAC1E,IAAM,YAAY,GAAG,aAAa,CAAC,OAAO,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IAEpE,IAAI,CAAC,YAAY,EAAE;QACf,OAAO,SAAS,CAAC;KACpB;IAED,OAAO,aAAa,CAAC,OAAO,CAAC,aAAa,CAAC,SAAS,CAAE,CAAC,CAAC,CAAC,CAAC;AAC9D,CAAC;AATD,oCASC;AAED,SAAgB,WAAW;IACvB,IAAM,YAAY,GAAG,sBAAsB,CAAC,WAAW,EAAgB,CAAC;IACxE,IAAM,YAAY,GAAG,YAAY,CAAC,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IAElE,IAAI,CAAC,YAAY,EAAE;QACf,OAAO,SAAS,CAAC;KACpB;IAED,OAAO,YAAY,CAAC,OAAO,CAAC,YAAY,CAAC,SAAS,CAAE,CAAC,CAAC,CAAC,CAAC;AAC5D,CAAC;AATD,kCASC"}

package/dist/cjs/dnd/dnd.d.ts

@@ -1,27 +1,27 @@
-import { CompositeDisposable } from '../lifecycle';
-export interface IDragAndDropObserverCallbacks {
-    onDragEnter: (e: DragEvent) => void;
-    onDragLeave: (e: DragEvent) => void;
-    onDrop: (e: DragEvent) => void;
-    onDragEnd: (e: DragEvent) => void;
-    onDragOver?: (e: DragEvent) => void;
-}
-export declare class DragAndDropObserver extends CompositeDisposable {
-    private element;
-    private callbacks;
-    private counter;
-    constructor(element: HTMLElement, callbacks: IDragAndDropObserverCallbacks);
-    private registerListeners;
-}
-export interface IDraggedCompositeData {
-    eventData: DragEvent;
-    dragAndDropData: any;
-}
-export interface ICompositeDragAndDropObserverCallbacks {
-    onDragEnter?: (e: IDraggedCompositeData) => void;
-    onDragLeave?: (e: IDraggedCompositeData) => void;
-    onDrop?: (e: IDraggedCompositeData) => void;
-    onDragOver?: (e: IDraggedCompositeData) => void;
-    onDragStart?: (e: IDraggedCompositeData) => void;
-    onDragEnd?: (e: IDraggedCompositeData) => void;
-}
+import { CompositeDisposable } from '../lifecycle';
+export interface IDragAndDropObserverCallbacks {
+    onDragEnter: (e: DragEvent) => void;
+    onDragLeave: (e: DragEvent) => void;
+    onDrop: (e: DragEvent) => void;
+    onDragEnd: (e: DragEvent) => void;
+    onDragOver?: (e: DragEvent) => void;
+}
+export declare class DragAndDropObserver extends CompositeDisposable {
+    private element;
+    private callbacks;
+    private target;
+    constructor(element: HTMLElement, callbacks: IDragAndDropObserverCallbacks);
+    private registerListeners;
+}
+export interface IDraggedCompositeData {
+    eventData: DragEvent;
+    dragAndDropData: any;
+}
+export interface ICompositeDragAndDropObserverCallbacks {
+    onDragEnter?: (e: IDraggedCompositeData) => void;
+    onDragLeave?: (e: IDraggedCompositeData) => void;
+    onDrop?: (e: IDraggedCompositeData) => void;
+    onDragOver?: (e: IDraggedCompositeData) => void;
+    onDragStart?: (e: IDraggedCompositeData) => void;
+    onDragEnd?: (e: IDraggedCompositeData) => void;
+}

package/dist/cjs/dnd/dnd.js

@@ -1,65 +1,60 @@
-"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.DragAndDropObserver = void 0;
-var events_1 = require("../events");
-var lifecycle_1 = require("../lifecycle");
-var DragAndDropObserver = /** @class */ (function (_super) {
-    __extends(DragAndDropObserver, _super);
-    function DragAndDropObserver(element, callbacks) {
-        var _this = _super.call(this) || this;
-        _this.element = element;
-        _this.callbacks = callbacks;
-        // A helper to fix issues with repeated DRAG_ENTER / DRAG_LEAVE
-        // calls see https://github.com/microsoft/vscode/issues/14470
-        // when the element has child elements where the events are fired
-        // repeadedly.
-        _this.counter = 0;
-        _this.registerListeners();
-        return _this;
-    }
-    DragAndDropObserver.prototype.registerListeners = function () {
-        var _this = this;
-        this.addDisposables((0, events_1.addDisposableListener)(this.element, 'dragenter', function (e) {
-            _this.counter++;
-            _this.callbacks.onDragEnter(e);
-        }));
-        this.addDisposables((0, events_1.addDisposableListener)(this.element, 'dragover', function (e) {
-            e.preventDefault(); // needed so that the drop event fires (https://stackoverflow.com/questions/21339924/drop-event-not-firing-in-chrome)
-            if (_this.callbacks.onDragOver) {
-                _this.callbacks.onDragOver(e);
-            }
-        }));
-        this.addDisposables((0, events_1.addDisposableListener)(this.element, 'dragleave', function (e) {
-            _this.counter--;
-            if (_this.counter === 0) {
-                _this.callbacks.onDragLeave(e);
-            }
-        }));
-        this.addDisposables((0, events_1.addDisposableListener)(this.element, 'dragend', function (e) {
-            _this.counter = 0;
-            _this.callbacks.onDragEnd(e);
-        }));
-        this.addDisposables((0, events_1.addDisposableListener)(this.element, 'drop', function (e) {
-            _this.counter = 0;
-            _this.callbacks.onDrop(e);
-        }));
-    };
-    return DragAndDropObserver;
-}(lifecycle_1.CompositeDisposable));
-exports.DragAndDropObserver = DragAndDropObserver;
+"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.DragAndDropObserver = void 0;
+var events_1 = require("../events");
+var lifecycle_1 = require("../lifecycle");
+var DragAndDropObserver = /** @class */ (function (_super) {
+    __extends(DragAndDropObserver, _super);
+    function DragAndDropObserver(element, callbacks) {
+        var _this = _super.call(this) || this;
+        _this.element = element;
+        _this.callbacks = callbacks;
+        _this.target = null;
+        _this.registerListeners();
+        return _this;
+    }
+    DragAndDropObserver.prototype.registerListeners = function () {
+        var _this = this;
+        this.addDisposables((0, events_1.addDisposableListener)(this.element, 'dragenter', function (e) {
+            _this.target = e.target;
+            _this.callbacks.onDragEnter(e);
+        }, true));
+        this.addDisposables((0, events_1.addDisposableListener)(this.element, 'dragover', function (e) {
+            e.preventDefault(); // needed so that the drop event fires (https://stackoverflow.com/questions/21339924/drop-event-not-firing-in-chrome)
+            if (_this.callbacks.onDragOver) {
+                _this.callbacks.onDragOver(e);
+            }
+        }, true));
+        this.addDisposables((0, events_1.addDisposableListener)(this.element, 'dragleave', function (e) {
+            if (_this.target === e.target) {
+                _this.target = null;
+                _this.callbacks.onDragLeave(e);
+            }
+        }));
+        this.addDisposables((0, events_1.addDisposableListener)(this.element, 'dragend', function (e) {
+            _this.target = null;
+            _this.callbacks.onDragEnd(e);
+        }));
+        this.addDisposables((0, events_1.addDisposableListener)(this.element, 'drop', function (e) {
+            _this.callbacks.onDrop(e);
+        }));
+    };
+    return DragAndDropObserver;
+}(lifecycle_1.CompositeDisposable));
+exports.DragAndDropObserver = DragAndDropObserver;
 //# sourceMappingURL=dnd.js.map

package/dist/cjs/dnd/dnd.js.map

@@ -1 +1 @@
-{"version":3,"file":"dnd.js","sourceRoot":"","sources":["../../../src/dnd/dnd.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,oCAAkD;AAClD,0CAAmD;AAWnD;IAAyC,uCAAmB;IAOxD,6BACY,OAAoB,EACpB,SAAwC;QAFpD,YAII,iBAAO,SAGV;QANW,aAAO,GAAP,OAAO,CAAa;QACpB,eAAS,GAAT,SAAS,CAA+B;QARpD,+DAA+D;QAC/D,6DAA6D;QAC7D,iEAAiE;QACjE,cAAc;QACN,aAAO,GAAG,CAAC,CAAC;QAQhB,KAAI,CAAC,iBAAiB,EAAE,CAAC;;IAC7B,CAAC;IAEO,+CAAiB,GAAzB;QAAA,iBA0CC;QAzCG,IAAI,CAAC,cAAc,CACf,IAAA,8BAAqB,EAAC,IAAI,CAAC,OAAO,EAAE,WAAW,EAAE,UAAC,CAAY;YAC1D,KAAI,CAAC,OAAO,EAAE,CAAC;YAEf,KAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;QAClC,CAAC,CAAC,CACL,CAAC;QAEF,IAAI,CAAC,cAAc,CACf,IAAA,8BAAqB,EAAC,IAAI,CAAC,OAAO,EAAE,UAAU,EAAE,UAAC,CAAY;YACzD,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC,qHAAqH;YAEzI,IAAI,KAAI,CAAC,SAAS,CAAC,UAAU,EAAE;gBAC3B,KAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;aAChC;QACL,CAAC,CAAC,CACL,CAAC;QAEF,IAAI,CAAC,cAAc,CACf,IAAA,8BAAqB,EAAC,IAAI,CAAC,OAAO,EAAE,WAAW,EAAE,UAAC,CAAY;YAC1D,KAAI,CAAC,OAAO,EAAE,CAAC;YAEf,IAAI,KAAI,CAAC,OAAO,KAAK,CAAC,EAAE;gBACpB,KAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;aACjC;QACL,CAAC,CAAC,CACL,CAAC;QAEF,IAAI,CAAC,cAAc,CACf,IAAA,8BAAqB,EAAC,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,UAAC,CAAY;YACxD,KAAI,CAAC,OAAO,GAAG,CAAC,CAAC;YACjB,KAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;QAChC,CAAC,CAAC,CACL,CAAC;QAEF,IAAI,CAAC,cAAc,CACf,IAAA,8BAAqB,EAAC,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,UAAC,CAAY;YACrD,KAAI,CAAC,OAAO,GAAG,CAAC,CAAC;YACjB,KAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QAC7B,CAAC,CAAC,CACL,CAAC;IACN,CAAC;IACL,0BAAC;AAAD,CAAC,AA3DD,CAAyC,+BAAmB,GA2D3D;AA3DY,kDAAmB"}
+{"version":3,"file":"dnd.js","sourceRoot":"","sources":["../../../src/dnd/dnd.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,oCAAkD;AAClD,0CAAmD;AAUnD;IAAyC,uCAAmB;IAGxD,6BACY,OAAoB,EACpB,SAAwC;QAFpD,YAII,iBAAO,SAGV;QANW,aAAO,GAAP,OAAO,CAAa;QACpB,eAAS,GAAT,SAAS,CAA+B;QAJ5C,YAAM,GAAuB,IAAI,CAAC;QAQtC,KAAI,CAAC,iBAAiB,EAAE,CAAC;;IAC7B,CAAC;IAEO,+CAAiB,GAAzB;QAAA,iBAkDC;QAjDG,IAAI,CAAC,cAAc,CACf,IAAA,8BAAqB,EACjB,IAAI,CAAC,OAAO,EACZ,WAAW,EACX,UAAC,CAAY;YACT,KAAI,CAAC,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC;YACvB,KAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;QAClC,CAAC,EACD,IAAI,CACP,CACJ,CAAC;QAEF,IAAI,CAAC,cAAc,CACf,IAAA,8BAAqB,EACjB,IAAI,CAAC,OAAO,EACZ,UAAU,EACV,UAAC,CAAY;YACT,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC,qHAAqH;YAEzI,IAAI,KAAI,CAAC,SAAS,CAAC,UAAU,EAAE;gBAC3B,KAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;aAChC;QACL,CAAC,EACD,IAAI,CACP,CACJ,CAAC;QAEF,IAAI,CAAC,cAAc,CACf,IAAA,8BAAqB,EAAC,IAAI,CAAC,OAAO,EAAE,WAAW,EAAE,UAAC,CAAY;YAC1D,IAAI,KAAI,CAAC,MAAM,KAAK,CAAC,CAAC,MAAM,EAAE;gBAC1B,KAAI,CAAC,MAAM,GAAG,IAAI,CAAC;gBAEnB,KAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;aACjC;QACL,CAAC,CAAC,CACL,CAAC;QAEF,IAAI,CAAC,cAAc,CACf,IAAA,8BAAqB,EAAC,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,UAAC,CAAY;YACxD,KAAI,CAAC,MAAM,GAAG,IAAI,CAAC;YACnB,KAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;QAChC,CAAC,CAAC,CACL,CAAC;QAEF,IAAI,CAAC,cAAc,CACf,IAAA,8BAAqB,EAAC,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,UAAC,CAAY;YACrD,KAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QAC7B,CAAC,CAAC,CACL,CAAC;IACN,CAAC;IACL,0BAAC;AAAD,CAAC,AA/DD,CAAyC,+BAAmB,GA+D3D;AA/DY,kDAAmB"}

package/dist/cjs/dnd/droptarget.d.ts

@@ -1,37 +1,42 @@
-import { Event } from '../events';
-import { CompositeDisposable } from '../lifecycle';
-export declare enum Position {
-    Top = "Top",
-    Left = "Left",
-    Bottom = "Bottom",
-    Right = "Right",
-    Center = "Center"
-}
-export declare type Quadrant = 'top' | 'bottom' | 'left' | 'right';
-export interface DroptargetEvent {
-    position: Position;
-    nativeEvent: DragEvent;
-}
-export declare type DropTargetDirections = 'vertical' | 'horizontal' | 'all' | 'none';
-export declare type CanDisplayOverlay = boolean | ((dragEvent: DragEvent, state: Quadrant | null) => boolean);
-export declare class Droptarget extends CompositeDisposable {
-    private readonly element;
-    private readonly options;
-    private target;
-    private overlay;
-    private _state;
-    private readonly _onDrop;
-    readonly onDrop: Event<DroptargetEvent>;
-    get state(): Position | undefined;
-    set validOverlays(value: DropTargetDirections);
-    set canDisplayOverlay(value: CanDisplayOverlay);
-    constructor(element: HTMLElement, options: {
-        canDisplayOverlay: CanDisplayOverlay;
-        validOverlays: DropTargetDirections;
-    });
-    dispose(): void;
-    private toggleClasses;
-    private setState;
-    private calculateQuadrant;
-    private removeDropTarget;
-}
+import { Event } from '../events';
+import { CompositeDisposable } from '../lifecycle';
+import { Direction } from '../gridview/baseComponentGridview';
+export declare function directionToPosition(direction: Direction): Position;
+export declare function positionToDirection(position: Position): Direction;
+export interface DroptargetEvent {
+    readonly position: Position;
+    readonly nativeEvent: DragEvent;
+}
+export type Position = 'top' | 'bottom' | 'left' | 'right' | 'center';
+export type CanDisplayOverlay = boolean | ((dragEvent: DragEvent, state: Position) => boolean);
+export declare class Droptarget extends CompositeDisposable {
+    private readonly element;
+    private readonly options;
+    private target;
+    private overlay;
+    private _state;
+    private readonly _onDrop;
+    readonly onDrop: Event<DroptargetEvent>;
+    get state(): Position | undefined;
+    constructor(element: HTMLElement, options: {
+        canDisplayOverlay: CanDisplayOverlay;
+        acceptedTargetZones: Position[];
+        overlayModel?: {
+            size?: {
+                value: number;
+                type: 'pixels' | 'percentage';
+            };
+            activationSize?: {
+                value: number;
+                type: 'pixels' | 'percentage';
+            };
+        };
+    });
+    dispose(): void;
+    private toggleClasses;
+    private setState;
+    private calculateQuadrant;
+    private removeDropTarget;
+}
+export declare function calculateQuadrantAsPercentage(overlayType: Set<Position>, x: number, y: number, width: number, height: number, threshold: number): Position | null;
+export declare function calculateQuadrantAsPixels(overlayType: Set<Position>, x: number, y: number, width: number, height: number, threshold: number): Position | null;