dockview-core 1.6.0

package/dist/cjs/array.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"array.js","sourceRoot":"","sources":["../../src/array.ts"],"names":[],"mappings":";;;AAAA,SAAgB,IAAI,CAAI,GAAQ;IAC5B,IAAI,GAAG,CAAC,MAAM,KAAK,CAAC,EAAE;QAClB,MAAM,IAAI,KAAK,CAAC,mBAAmB,CAAC,CAAC;KACxC;IAED,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;AAC/D,CAAC;AAND,oBAMC;AAED,SAAgB,IAAI,CAAI,GAAQ;IAC5B,OAAO,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;AAC5D,CAAC;AAFD,oBAEC;AAED,SAAgB,cAAc,CAAI,IAAS,EAAE,IAAS;IAClD,IAAI,IAAI,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,EAAE;QAC7B,OAAO,KAAK,CAAC;KAChB;IAED,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QAClC,IAAI,IAAI,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE;YACrB,OAAO,KAAK,CAAC;SAChB;KACJ;IACD,OAAO,IAAI,CAAC;AAChB,CAAC;AAXD,wCAWC;AAED;;GAEG;AACH,SAAgB,WAAW,CAAI,GAAQ,EAAE,KAAQ;IAC7C,IAAM,KAAK,GAAG,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAEjC,IAAI,KAAK,GAAG,CAAC,CAAC,EAAE;QACZ,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QACrB,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;KACtB;AACL,CAAC;AAPD,kCAOC;AAED;;GAEG;AACH,SAAgB,SAAS,CAAI,GAAQ,EAAE,KAAQ;IAC3C,IAAM,KAAK,GAAG,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAEjC,IAAI,KAAK,GAAG,CAAC,CAAC,EAAE;QACZ,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QACrB,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACnB;AACL,CAAC;AAPD,8BAOC;AAED,SAAgB,UAAU,CACtB,KAA6B,EAC7B,EAAwB;IAExB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QACnC,IAAM,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;QAEzB,IAAI,EAAE,CAAC,OAAO,CAAC,EAAE;YACb,OAAO,CAAC,CAAC;SACZ;KACJ;IAED,OAAO,CAAC,CAAC,CAAC;AACd,CAAC;AAbD,gCAaC"}

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

@@ -0,0 +1,11 @@
+import { CompositeDisposable, IDisposable } from '../lifecycle';
+export declare abstract class DragHandler extends CompositeDisposable {
+    protected readonly el: HTMLElement;
+    private readonly disposable;
+    private readonly _onDragStart;
+    readonly onDragStart: import("../events").Event<void>;
+    private iframes;
+    constructor(el: HTMLElement);
+    abstract getData(dataTransfer?: DataTransfer | null): IDisposable;
+    private configure;
+}

package/dist/cjs/dnd/abstractDragHandler.js

@@ -0,0 +1,126 @@
+"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 __());
+    };
+})();
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __values = (this && this.__values) || function(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DragHandler = void 0;
+var dom_1 = require("../dom");
+var events_1 = require("../events");
+var lifecycle_1 = require("../lifecycle");
+var DragHandler = /** @class */ (function (_super) {
+    __extends(DragHandler, _super);
+    function DragHandler(el) {
+        var _this = _super.call(this) || this;
+        _this.el = el;
+        _this.disposable = new lifecycle_1.MutableDisposable();
+        _this._onDragStart = new events_1.Emitter();
+        _this.onDragStart = _this._onDragStart.event;
+        _this.iframes = [];
+        _this.configure();
+        return _this;
+    }
+    DragHandler.prototype.configure = function () {
+        var _this = this;
+        this.addDisposables(this._onDragStart, (0, events_1.addDisposableListener)(this.el, 'dragstart', function (event) {
+            var e_1, _a;
+            _this.iframes = __spreadArray(__spreadArray([], __read((0, dom_1.getElementsByTagName)('iframe')), false), __read((0, dom_1.getElementsByTagName)('webview')), false);
+            try {
+                for (var _b = __values(_this.iframes), _c = _b.next(); !_c.done; _c = _b.next()) {
+                    var iframe = _c.value;
+                    iframe.style.pointerEvents = 'none';
+                }
+            }
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                }
+                finally { if (e_1) throw e_1.error; }
+            }
+            _this.el.classList.add('dv-dragged');
+            setTimeout(function () { return _this.el.classList.remove('dv-dragged'); }, 0);
+            _this.disposable.value = _this.getData(event.dataTransfer);
+            if (event.dataTransfer) {
+                event.dataTransfer.effectAllowed = 'move';
+                /**
+                 * Although this is not used by dockview many third party dnd libraries will check
+                 * dataTransfer.types to determine valid drag events.
+                 *
+                 * For example: in react-dnd if dataTransfer.types is not set then the dragStart event will be cancelled
+                 * through .preventDefault(). Since this is applied globally to all drag events this would break dockviews
+                 * dnd logic. You can see the code at
+                 * https://github.com/react-dnd/react-dnd/blob/main/packages/backend-html5/src/HTML5BackendImpl.ts#L542
+                 */
+                event.dataTransfer.setData('text/plain', '__dockview_internal_drag_event__');
+            }
+        }), (0, events_1.addDisposableListener)(this.el, 'dragend', function () {
+            var e_2, _a;
+            try {
+                for (var _b = __values(_this.iframes), _c = _b.next(); !_c.done; _c = _b.next()) {
+                    var iframe = _c.value;
+                    iframe.style.pointerEvents = 'auto';
+                }
+            }
+            catch (e_2_1) { e_2 = { error: e_2_1 }; }
+            finally {
+                try {
+                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                }
+                finally { if (e_2) throw e_2.error; }
+            }
+            _this.iframes = [];
+            _this.disposable.dispose();
+        }));
+    };
+    return DragHandler;
+}(lifecycle_1.CompositeDisposable));
+exports.DragHandler = DragHandler;
+//# sourceMappingURL=abstractDragHandler.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"abstractDragHandler.js","sourceRoot":"","sources":["../../../src/dnd/abstractDragHandler.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,8BAA8C;AAC9C,oCAA2D;AAC3D,0CAIsB;AAEtB;IAA0C,+BAAmB;IAQzD,qBAA+B,EAAe;QAA9C,YACI,iBAAO,SAEV;QAH8B,QAAE,GAAF,EAAE,CAAa;QAP7B,gBAAU,GAAG,IAAI,6BAAiB,EAAE,CAAC;QAErC,kBAAY,GAAG,IAAI,gBAAO,EAAQ,CAAC;QAC3C,iBAAW,GAAG,KAAI,CAAC,YAAY,CAAC,KAAK,CAAC;QAEvC,aAAO,GAAkB,EAAE,CAAC;QAIhC,KAAI,CAAC,SAAS,EAAE,CAAC;;IACrB,CAAC;IAIO,+BAAS,GAAjB;QAAA,iBA6CC;QA5CG,IAAI,CAAC,cAAc,CACf,IAAI,CAAC,YAAY,EACjB,IAAA,8BAAqB,EAAC,IAAI,CAAC,EAAE,EAAE,WAAW,EAAE,UAAC,KAAK;;YAC9C,KAAI,CAAC,OAAO,0CACL,IAAA,0BAAoB,EAAC,QAAQ,CAAC,kBAC9B,IAAA,0BAAoB,EAAC,SAAS,CAAC,SACrC,CAAC;;gBAEF,KAAqB,IAAA,KAAA,SAAA,KAAI,CAAC,OAAO,CAAA,gBAAA,4BAAE;oBAA9B,IAAM,MAAM,WAAA;oBACb,MAAM,CAAC,KAAK,CAAC,aAAa,GAAG,MAAM,CAAC;iBACvC;;;;;;;;;YAED,KAAI,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;YACpC,UAAU,CAAC,cAAM,OAAA,KAAI,CAAC,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,YAAY,CAAC,EAAtC,CAAsC,EAAE,CAAC,CAAC,CAAC;YAE5D,KAAI,CAAC,UAAU,CAAC,KAAK,GAAG,KAAI,CAAC,OAAO,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;YAEzD,IAAI,KAAK,CAAC,YAAY,EAAE;gBACpB,KAAK,CAAC,YAAY,CAAC,aAAa,GAAG,MAAM,CAAC;gBAE1C;;;;;;;;mBAQG;gBACH,KAAK,CAAC,YAAY,CAAC,OAAO,CACtB,YAAY,EACZ,kCAAkC,CACrC,CAAC;aACL;QACL,CAAC,CAAC,EACF,IAAA,8BAAqB,EAAC,IAAI,CAAC,EAAE,EAAE,SAAS,EAAE;;;gBACtC,KAAqB,IAAA,KAAA,SAAA,KAAI,CAAC,OAAO,CAAA,gBAAA,4BAAE;oBAA9B,IAAM,MAAM,WAAA;oBACb,MAAM,CAAC,KAAK,CAAC,aAAa,GAAG,MAAM,CAAC;iBACvC;;;;;;;;;YACD,KAAI,CAAC,OAAO,GAAG,EAAE,CAAC;YAElB,KAAI,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;QAC9B,CAAC,CAAC,CACL,CAAC;IACN,CAAC;IACL,kBAAC;AAAD,CAAC,AA7DD,CAA0C,+BAAmB,GA6D5D;AA7DqB,kCAAW"}

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

@@ -0,0 +1,31 @@
+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

@@ -0,0 +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;
+//# sourceMappingURL=dataTransfer.js.map

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

@@ -0,0 +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,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

@@ -0,0 +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 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

@@ -0,0 +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;
+        _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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,42 @@
+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 targetElement;
+    private overlayElement;
+    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;