dockview-core 1.8.4 → 1.8.5

package/dist/cjs/dnd/dnd.js

@@ -1,60 +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;
+"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/droptarget.d.ts

@@ -1,54 +1,54 @@
-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 _acceptedTargetZonesSet;
-    private readonly _onDrop;
-    readonly onDrop: Event<DroptargetEvent>;
-    private static USED_EVENT_ID;
-    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';
-            };
-        };
-    });
-    setTargetZones(acceptedTargetZones: Position[]): void;
-    dispose(): void;
-    /**
-     * Add a property to the event object for other potential listeners to check
-     */
-    private markAsUsed;
-    /**
-     * Check is the event has already been used by another instance od DropTarget
-     */
-    private isAlreadyUsed;
-    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;
+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 _acceptedTargetZonesSet;
+    private readonly _onDrop;
+    readonly onDrop: Event<DroptargetEvent>;
+    private static USED_EVENT_ID;
+    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';
+            };
+        };
+    });
+    setTargetZones(acceptedTargetZones: Position[]): void;
+    dispose(): void;
+    /**
+     * Add a property to the event object for other potential listeners to check
+     */
+    private markAsUsed;
+    /**
+     * Check is the event has already been used by another instance od DropTarget
+     */
+    private isAlreadyUsed;
+    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;
 //# sourceMappingURL=droptarget.d.ts.map