dockview-core 7.0.4 → 8.1.0

package/dist/cjs/dnd/dropTargetAnchorContainer.js

@@ -1,104 +0,0 @@
-"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.DropTargetAnchorContainer = void 0;
-var lifecycle_1 = require("../lifecycle");
-var DropTargetAnchorContainer = /** @class */ (function (_super) {
-    __extends(DropTargetAnchorContainer, _super);
-    function DropTargetAnchorContainer(element, options) {
-        var _this = _super.call(this) || this;
-        _this.element = element;
-        _this._disabled = false;
-        _this._disabled = options.disabled;
-        _this.addDisposables(lifecycle_1.Disposable.from(function () {
-            var _a;
-            (_a = _this.model) === null || _a === void 0 ? void 0 : _a.clear();
-        }));
-        return _this;
-    }
-    Object.defineProperty(DropTargetAnchorContainer.prototype, "disabled", {
-        get: function () {
-            return this._disabled;
-        },
-        set: function (value) {
-            var _a;
-            if (this.disabled === value) {
-                return;
-            }
-            this._disabled = value;
-            if (value) {
-                (_a = this.model) === null || _a === void 0 ? void 0 : _a.clear();
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(DropTargetAnchorContainer.prototype, "model", {
-        get: function () {
-            var _this = this;
-            if (this.disabled) {
-                return undefined;
-            }
-            return {
-                clear: function () {
-                    if (_this._model) {
-                        _this._model.root.remove();
-                    }
-                    _this._model = undefined;
-                },
-                exists: function () {
-                    return !!_this._model;
-                },
-                getElements: function (event, outline) {
-                    var changed = _this._outline !== outline;
-                    _this._outline = outline;
-                    if (_this._model) {
-                        _this._model.changed = changed;
-                        return _this._model;
-                    }
-                    var container = _this.createContainer();
-                    var anchor = _this.createAnchor();
-                    _this._model = { root: container, overlay: anchor, changed: changed };
-                    container.appendChild(anchor);
-                    _this.element.appendChild(container);
-                    if ((event === null || event === void 0 ? void 0 : event.target) instanceof HTMLElement) {
-                        var targetBox = event.target.getBoundingClientRect();
-                        var box = _this.element.getBoundingClientRect();
-                        anchor.style.left = "".concat(targetBox.left - box.left, "px");
-                        anchor.style.top = "".concat(targetBox.top - box.top, "px");
-                    }
-                    return _this._model;
-                },
-            };
-        },
-        enumerable: false,
-        configurable: true
-    });
-    DropTargetAnchorContainer.prototype.createContainer = function () {
-        var el = document.createElement('div');
-        el.className = 'dv-drop-target-container';
-        return el;
-    };
-    DropTargetAnchorContainer.prototype.createAnchor = function () {
-        var el = document.createElement('div');
-        el.className = 'dv-drop-target-anchor';
-        el.style.visibility = 'hidden';
-        return el;
-    };
-    return DropTargetAnchorContainer;
-}(lifecycle_1.CompositeDisposable));
-exports.DropTargetAnchorContainer = DropTargetAnchorContainer;

package/dist/cjs/dnd/droptarget.js

@@ -1,362 +0,0 @@
-"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.Droptarget = exports.WillShowOverlayEvent = void 0;
-exports.directionToPosition = directionToPosition;
-exports.positionToDirection = positionToDirection;
-exports.calculateQuadrantAsPercentage = calculateQuadrantAsPercentage;
-exports.calculateQuadrantAsPixels = calculateQuadrantAsPixels;
-var events_1 = require("../events");
-var lifecycle_1 = require("../lifecycle");
-var dnd_1 = require("./dnd");
-var dropOverlay_1 = require("./dropOverlay");
-var WillShowOverlayEvent = /** @class */ (function (_super) {
-    __extends(WillShowOverlayEvent, _super);
-    function WillShowOverlayEvent(options) {
-        var _this = _super.call(this) || this;
-        _this.options = options;
-        return _this;
-    }
-    Object.defineProperty(WillShowOverlayEvent.prototype, "nativeEvent", {
-        get: function () {
-            return this.options.nativeEvent;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(WillShowOverlayEvent.prototype, "position", {
-        get: function () {
-            return this.options.position;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    return WillShowOverlayEvent;
-}(events_1.DockviewEvent));
-exports.WillShowOverlayEvent = WillShowOverlayEvent;
-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 '".concat(direction, "'"));
-    }
-}
-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 '".concat(position, "'"));
-    }
-}
-var DEFAULT_ACTIVATION_SIZE = {
-    value: 20,
-    type: 'percentage',
-};
-var Droptarget = /** @class */ (function (_super) {
-    __extends(Droptarget, _super);
-    function Droptarget(element, options) {
-        var _this = _super.call(this) || this;
-        _this.element = element;
-        _this.options = options;
-        _this._onDrop = new events_1.Emitter();
-        _this.onDrop = _this._onDrop.event;
-        _this._onWillShowOverlay = new events_1.Emitter();
-        _this.onWillShowOverlay = _this._onWillShowOverlay.event;
-        _this._disabled = false;
-        // use a set to take advantage of #<set>.has
-        _this._acceptedTargetZonesSet = new Set(_this.options.acceptedTargetZones);
-        _this.dnd = new dnd_1.DragAndDropObserver(_this.element, {
-            onDragEnter: function () {
-                var _a, _b, _c;
-                (_c = (_b = (_a = _this.options).getOverrideTarget) === null || _b === void 0 ? void 0 : _b.call(_a)) === null || _c === void 0 ? void 0 : _c.getElements();
-            },
-            onDragOver: function (e) {
-                var _a, _b, _c, _d, _e, _f, _g;
-                Droptarget.ACTUAL_TARGET = _this;
-                var overrideTarget = (_b = (_a = _this.options).getOverrideTarget) === null || _b === void 0 ? void 0 : _b.call(_a);
-                if (_this._acceptedTargetZonesSet.size === 0) {
-                    if (overrideTarget) {
-                        return;
-                    }
-                    _this.removeDropTarget();
-                    return;
-                }
-                var target = (_e = (_d = (_c = _this.options).getOverlayOutline) === null || _d === void 0 ? void 0 : _d.call(_c)) !== null && _e !== void 0 ? _e : _this.element;
-                var width = target.offsetWidth;
-                var height = target.offsetHeight;
-                if (width === 0 || height === 0) {
-                    return; // avoid div!0
-                }
-                var rect = e.currentTarget.getBoundingClientRect();
-                var x = ((_f = e.clientX) !== null && _f !== void 0 ? _f : 0) - rect.left;
-                var y = ((_g = e.clientY) !== null && _g !== void 0 ? _g : 0) - rect.top;
-                var quadrant = _this.calculateQuadrant(_this._acceptedTargetZonesSet, x, y, width, height);
-                /**
-                 * If the event has already been used by another DropTarget instance
-                 * then don't show a second drop target, only one target should be
-                 * active at any one time
-                 */
-                if (_this.isAlreadyUsed(e) || quadrant === null) {
-                    // no drop target should be displayed
-                    _this.removeDropTarget();
-                    return;
-                }
-                if (!_this.options.canDisplayOverlay(e, quadrant)) {
-                    if (overrideTarget) {
-                        return;
-                    }
-                    _this.removeDropTarget();
-                    return;
-                }
-                var willShowOverlayEvent = new WillShowOverlayEvent({
-                    nativeEvent: e,
-                    position: quadrant,
-                });
-                /**
-                 * Provide an opportunity to prevent the overlay appearing and in turn
-                 * any dnd behaviours
-                 */
-                _this._onWillShowOverlay.fire(willShowOverlayEvent);
-                if (willShowOverlayEvent.defaultPrevented) {
-                    _this.removeDropTarget();
-                    return;
-                }
-                _this.markAsUsed(e);
-                if (overrideTarget) {
-                    //
-                }
-                else if (!_this.targetElement) {
-                    var els = (0, dropOverlay_1.createOverlayElements)();
-                    _this.targetElement = els.dropzone;
-                    _this.overlayElement = els.selection;
-                    _this._state = 'center';
-                    target.classList.add('dv-drop-target');
-                    target.append(_this.targetElement);
-                }
-                _this.toggleClasses(quadrant, width, height);
-                _this._state = quadrant;
-            },
-            onDragLeave: function () {
-                var _a, _b;
-                var target = (_b = (_a = _this.options).getOverrideTarget) === null || _b === void 0 ? void 0 : _b.call(_a);
-                if (target) {
-                    return;
-                }
-                _this.removeDropTarget();
-            },
-            onDragEnd: function (e) {
-                var _a, _b;
-                var target = (_b = (_a = _this.options).getOverrideTarget) === null || _b === void 0 ? void 0 : _b.call(_a);
-                if (target && Droptarget.ACTUAL_TARGET === _this) {
-                    if (_this._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: _this._state,
-                            nativeEvent: e,
-                        });
-                    }
-                }
-                _this.removeDropTarget();
-                target === null || target === void 0 ? void 0 : target.clear();
-            },
-            onDrop: function (e) {
-                var _a, _b, _c;
-                e.preventDefault();
-                var state = _this._state;
-                _this.removeDropTarget();
-                (_c = (_b = (_a = _this.options).getOverrideTarget) === null || _b === void 0 ? void 0 : _b.call(_a)) === null || _c === void 0 ? void 0 : _c.clear();
-                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 });
-                }
-            },
-        });
-        _this.addDisposables(_this._onDrop, _this._onWillShowOverlay, _this.dnd);
-        return _this;
-    }
-    Object.defineProperty(Droptarget.prototype, "disabled", {
-        get: function () {
-            return this._disabled;
-        },
-        set: function (value) {
-            this._disabled = value;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Droptarget.prototype, "state", {
-        get: function () {
-            return this._state;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Droptarget.prototype.setTargetZones = function (acceptedTargetZones) {
-        this._acceptedTargetZonesSet = new Set(acceptedTargetZones);
-    };
-    Droptarget.prototype.setOverlayModel = function (model) {
-        this.options.overlayModel = model;
-    };
-    Droptarget.prototype.dispose = function () {
-        this.removeDropTarget();
-        _super.prototype.dispose.call(this);
-    };
-    /**
-     * Add a property to the event object for other potential listeners to check
-     */
-    Droptarget.prototype.markAsUsed = function (event) {
-        event[Droptarget.USED_EVENT_ID] = true;
-    };
-    /**
-     * Check is the event has already been used by another instance of DropTarget
-     */
-    Droptarget.prototype.isAlreadyUsed = function (event) {
-        var value = event[Droptarget.USED_EVENT_ID];
-        return typeof value === 'boolean' && value;
-    };
-    Droptarget.prototype.toggleClasses = function (quadrant, width, height) {
-        var _a, _b, _c, _d, _e;
-        var target = (_b = (_a = this.options).getOverrideTarget) === null || _b === void 0 ? void 0 : _b.call(_a);
-        if (target) {
-            var outlineEl = (_e = (_d = (_c = this.options).getOverlayOutline) === null || _d === void 0 ? void 0 : _d.call(_c)) !== null && _e !== void 0 ? _e : this.element;
-            (0, dropOverlay_1.renderAnchoredOverlay)({
-                outlineElement: outlineEl,
-                targetModel: target,
-                quadrant: quadrant,
-                width: width,
-                height: height,
-                overlayModel: this.options.overlayModel,
-                className: this.options.className,
-            });
-            return;
-        }
-        if (!this.overlayElement) {
-            return;
-        }
-        (0, dropOverlay_1.renderInPlaceOverlay)(this.overlayElement, quadrant, width, height, this.options.overlayModel);
-    };
-    Droptarget.prototype.calculateQuadrant = function (overlayType, x, y, width, height) {
-        var _a, _b;
-        var activationSizeOptions = (_b = (_a = this.options.overlayModel) === null || _a === void 0 ? void 0 : _a.activationSize) !== null && _b !== void 0 ? _b : DEFAULT_ACTIVATION_SIZE;
-        var isPercentage = activationSizeOptions.type === 'percentage';
-        if (isPercentage) {
-            return calculateQuadrantAsPercentage(overlayType, x, y, width, height, activationSizeOptions.value);
-        }
-        return calculateQuadrantAsPixels(overlayType, x, y, width, height, activationSizeOptions.value);
-    };
-    Droptarget.prototype.removeDropTarget = function () {
-        var _a;
-        if (this.targetElement) {
-            this._state = undefined;
-            (_a = this.targetElement.parentElement) === null || _a === void 0 ? void 0 : _a.classList.remove('dv-drop-target');
-            this.targetElement.remove();
-            this.targetElement = undefined;
-            this.overlayElement = undefined;
-        }
-    };
-    /**
-     * Render the drop overlay at `position` without a live drag, so keyboard
-     * docking shows the exact same preview as a mouse drag. Mirrors the
-     * `onDragOver` render path (in-place or anchored). Pair with `clearOverlay`.
-     */
-    Droptarget.prototype.showOverlay = function (position) {
-        var _a, _b, _c, _d, _e;
-        var overrideTarget = (_b = (_a = this.options).getOverrideTarget) === null || _b === void 0 ? void 0 : _b.call(_a);
-        var target = (_e = (_d = (_c = this.options).getOverlayOutline) === null || _d === void 0 ? void 0 : _d.call(_c)) !== null && _e !== void 0 ? _e : this.element;
-        var width = target.offsetWidth;
-        var height = target.offsetHeight;
-        if (!overrideTarget && !this.targetElement) {
-            var els = (0, dropOverlay_1.createOverlayElements)();
-            this.targetElement = els.dropzone;
-            this.overlayElement = els.selection;
-            target.classList.add('dv-drop-target');
-            target.append(this.targetElement);
-        }
-        this.toggleClasses(position, width, height);
-        this._state = position;
-    };
-    /** Clear an overlay shown via {@link showOverlay} (in-place or anchored). */
-    Droptarget.prototype.clearOverlay = function () {
-        var _a, _b, _c;
-        this.removeDropTarget();
-        (_c = (_b = (_a = this.options).getOverrideTarget) === null || _b === void 0 ? void 0 : _b.call(_a)) === null || _c === void 0 ? void 0 : _c.clear();
-        this._state = undefined;
-    };
-    Droptarget.USED_EVENT_ID = '__dockview_droptarget_event_is_used__';
-    return Droptarget;
-}(lifecycle_1.CompositeDisposable));
-exports.Droptarget = Droptarget;
-function calculateQuadrantAsPercentage(overlayType, x, y, width, height, threshold) {
-    var xp = (100 * x) / width;
-    var 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';
-}
-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';
-}

package/dist/cjs/dnd/ghost.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.addGhostImage = addGhostImage;
-var dom_1 = require("../dom");
-function addGhostImage(dataTransfer, ghostElement, options) {
-    var _a, _b;
-    // class dockview provides to force ghost image to be drawn on a different layer and prevent weird rendering issues
-    (0, dom_1.addClasses)(ghostElement, 'dv-dragged');
-    // move the element off-screen initially otherwise it may in some cases be rendered at (0,0) momentarily
-    ghostElement.style.top = '-9999px';
-    document.body.appendChild(ghostElement);
-    dataTransfer.setDragImage(ghostElement, (_a = options === null || options === void 0 ? void 0 : options.x) !== null && _a !== void 0 ? _a : 0, (_b = options === null || options === void 0 ? void 0 : options.y) !== null && _b !== void 0 ? _b : 0);
-    setTimeout(function () {
-        (0, dom_1.removeClasses)(ghostElement, 'dv-dragged');
-        ghostElement.remove();
-    }, 0);
-}

package/dist/cjs/dnd/pointer/index.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PointerGhost = exports.LongPressDetector = exports.PointerDropTarget = exports.PointerDragSource = exports.PointerDragController = void 0;
-var pointerDragController_1 = require("./pointerDragController");
-Object.defineProperty(exports, "PointerDragController", { enumerable: true, get: function () { return pointerDragController_1.PointerDragController; } });
-var pointerDragSource_1 = require("./pointerDragSource");
-Object.defineProperty(exports, "PointerDragSource", { enumerable: true, get: function () { return pointerDragSource_1.PointerDragSource; } });
-var pointerDropTarget_1 = require("./pointerDropTarget");
-Object.defineProperty(exports, "PointerDropTarget", { enumerable: true, get: function () { return pointerDropTarget_1.PointerDropTarget; } });
-var longPress_1 = require("./longPress");
-Object.defineProperty(exports, "LongPressDetector", { enumerable: true, get: function () { return longPress_1.LongPressDetector; } });
-var pointerGhost_1 = require("./pointerGhost");
-Object.defineProperty(exports, "PointerGhost", { enumerable: true, get: function () { return pointerGhost_1.PointerGhost; } });

package/dist/cjs/dnd/pointer/longPress.js

@@ -1,151 +0,0 @@
-"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.LongPressDetector = void 0;
-var events_1 = require("../../events");
-var lifecycle_1 = require("../../lifecycle");
-var DEFAULT_DELAY = 500;
-var DEFAULT_TOLERANCE = 8;
-/**
- * Passive — does not consume the pointer; movement past `tolerance`
- * cancels silently so a sibling `PointerDragSource` can take over.
- */
-var LongPressDetector = /** @class */ (function (_super) {
-    __extends(LongPressDetector, _super);
-    function LongPressDetector(element, options) {
-        var _this = _super.call(this) || this;
-        _this.element = element;
-        _this.options = options;
-        _this._startX = 0;
-        _this._startY = 0;
-        _this.addDisposables((0, events_1.addDisposableListener)(_this.element, 'pointerdown', function (e) {
-            _this._onPointerDown(e);
-        }));
-        return _this;
-    }
-    LongPressDetector.prototype._onPointerDown = function (event) {
-        var _this = this;
-        var _a, _b, _c, _d, _e;
-        var touchOnly = (_a = this.options.touchOnly) !== null && _a !== void 0 ? _a : true;
-        if (touchOnly &&
-            event.pointerType !== 'touch' &&
-            event.pointerType !== 'pen') {
-            return;
-        }
-        // Defensive — supersede any in-flight press.
-        this._cancelPending();
-        this._pointerId = event.pointerId;
-        this._startX = event.clientX;
-        this._startY = event.clientY;
-        var delay = (_b = this.options.delay) !== null && _b !== void 0 ? _b : DEFAULT_DELAY;
-        var tolerance = (_c = this.options.tolerance) !== null && _c !== void 0 ? _c : DEFAULT_TOLERANCE;
-        // Source's owning window — popout drags fire on their own window.
-        var targetWindow = (_e = (_d = this.element.ownerDocument) === null || _d === void 0 ? void 0 : _d.defaultView) !== null && _e !== void 0 ? _e : globalThis.window;
-        this._timer = setTimeout(function () {
-            _this._timer = undefined;
-            _this._cancelPending();
-            // Touch browsers synthesize a compatibility `contextmenu` event
-            // for long-press. preventDefault on the original pointerdown is
-            // too late (already dispatched), so install a one-shot
-            // capture-phase guard for the next contextmenu. Without this,
-            // consumers that don't preventDefault inside their onLongPress
-            // (or that early-return before doing so) leak the browser's
-            // native menu on top of theirs.
-            _this._installContextMenuGuard(targetWindow);
-            // Same idea for `click`: when the user releases their finger
-            // after the long-press, touch browsers dispatch a `click` to
-            // the element the touch ended on (the source). Consumers
-            // typically wire click to a primary action (e.g. tab activate,
-            // tab-group chip collapse-toggle). Without this guard, the
-            // long-press immediately fires both the context menu AND the
-            // primary action — and the action's side effects (e.g. a chip
-            // collapse animation) read as a screen wobble while the menu
-            // is supposed to be open. Scoped to the source element so
-            // clicks on menu items elsewhere remain effective.
-            _this._installClickGuard(targetWindow);
-            _this.options.onLongPress(event);
-        }, delay);
-        this._moveListener = (0, events_1.addDisposableListener)(targetWindow, 'pointermove', function (moveEvent) {
-            if (moveEvent.pointerId !== _this._pointerId) {
-                return;
-            }
-            var dx = moveEvent.clientX - _this._startX;
-            var dy = moveEvent.clientY - _this._startY;
-            if (Math.hypot(dx, dy) > tolerance) {
-                _this._cancelPending();
-            }
-        });
-        this._upListener = (0, events_1.addDisposableListener)(targetWindow, 'pointerup', function (upEvent) {
-            if (upEvent.pointerId !== _this._pointerId) {
-                return;
-            }
-            _this._cancelPending();
-        });
-        this._cancelListener = (0, events_1.addDisposableListener)(targetWindow, 'pointercancel', function (cancelEvent) {
-            if (cancelEvent.pointerId !== _this._pointerId) {
-                return;
-            }
-            _this._cancelPending();
-        });
-    };
-    LongPressDetector.prototype._installContextMenuGuard = function (targetWindow) {
-        var guard;
-        var timeout = setTimeout(function () { return guard === null || guard === void 0 ? void 0 : guard.dispose(); }, 500);
-        guard = (0, events_1.addDisposableListener)(targetWindow, 'contextmenu', function (event) {
-            event.preventDefault();
-            clearTimeout(timeout);
-            guard === null || guard === void 0 ? void 0 : guard.dispose();
-        }, { capture: true });
-    };
-    LongPressDetector.prototype._installClickGuard = function (targetWindow) {
-        var _this = this;
-        var guard;
-        var timeout = setTimeout(function () { return guard === null || guard === void 0 ? void 0 : guard.dispose(); }, 500);
-        guard = (0, events_1.addDisposableListener)(targetWindow, 'click', function (event) {
-            // Only suppress clicks targeted at the long-pressed element
-            // or its descendants. A user tap on a context menu item (or
-            // anywhere else) still gets through unchanged.
-            var target = event.target;
-            if (target && _this.element.contains(target)) {
-                event.preventDefault();
-                event.stopPropagation();
-            }
-            clearTimeout(timeout);
-            guard === null || guard === void 0 ? void 0 : guard.dispose();
-        }, { capture: true });
-    };
-    LongPressDetector.prototype._cancelPending = function () {
-        var _a, _b, _c;
-        if (this._timer !== undefined) {
-            clearTimeout(this._timer);
-            this._timer = undefined;
-        }
-        this._pointerId = undefined;
-        (_a = this._moveListener) === null || _a === void 0 ? void 0 : _a.dispose();
-        (_b = this._upListener) === null || _b === void 0 ? void 0 : _b.dispose();
-        (_c = this._cancelListener) === null || _c === void 0 ? void 0 : _c.dispose();
-        this._moveListener = undefined;
-        this._upListener = undefined;
-        this._cancelListener = undefined;
-    };
-    LongPressDetector.prototype.dispose = function () {
-        this._cancelPending();
-        _super.prototype.dispose.call(this);
-    };
-    return LongPressDetector;
-}(lifecycle_1.CompositeDisposable));
-exports.LongPressDetector = LongPressDetector;