dockview-core 1.8.3 → 1.8.5

package/dist/cjs/dnd/overlay.js

@@ -1,413 +1,413 @@
-"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.Overlay = void 0;
-var dom_1 = require("../dom");
-var events_1 = require("../events");
-var lifecycle_1 = require("../lifecycle");
-var math_1 = require("../math");
-var bringElementToFront = (function () {
-    var previous = null;
-    function pushToTop(element) {
-        if (previous !== element && previous !== null) {
-            (0, dom_1.toggleClass)(previous, 'dv-bring-to-front', false);
-        }
-        (0, dom_1.toggleClass)(element, 'dv-bring-to-front', true);
-        previous = element;
-    }
-    return pushToTop;
-})();
-var Overlay = /** @class */ (function (_super) {
-    __extends(Overlay, _super);
-    function Overlay(options) {
-        var _this = _super.call(this) || this;
-        _this.options = options;
-        _this._element = document.createElement('div');
-        _this._onDidChange = new events_1.Emitter();
-        _this.onDidChange = _this._onDidChange.event;
-        _this._onDidChangeEnd = new events_1.Emitter();
-        _this.onDidChangeEnd = _this._onDidChangeEnd.event;
-        _this.addDisposables(_this._onDidChange, _this._onDidChangeEnd);
-        _this._element.className = 'dv-resize-container';
-        _this.setupResize('top');
-        _this.setupResize('bottom');
-        _this.setupResize('left');
-        _this.setupResize('right');
-        _this.setupResize('topleft');
-        _this.setupResize('topright');
-        _this.setupResize('bottomleft');
-        _this.setupResize('bottomright');
-        _this._element.appendChild(_this.options.content);
-        _this.options.container.appendChild(_this._element);
-        // if input bad resize within acceptable boundaries
-        _this.setBounds({
-            height: _this.options.height,
-            width: _this.options.width,
-            top: _this.options.top,
-            left: _this.options.left,
-        });
-        return _this;
-    }
-    Object.defineProperty(Overlay.prototype, "minimumInViewportWidth", {
-        set: function (value) {
-            this.options.minimumInViewportWidth = value;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Overlay.prototype, "minimumInViewportHeight", {
-        set: function (value) {
-            this.options.minimumInViewportHeight = value;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Overlay.prototype.setBounds = function (bounds) {
-        if (bounds === void 0) { bounds = {}; }
-        if (typeof bounds.height === 'number') {
-            this._element.style.height = "".concat(bounds.height, "px");
-        }
-        if (typeof bounds.width === 'number') {
-            this._element.style.width = "".concat(bounds.width, "px");
-        }
-        if (typeof bounds.top === 'number') {
-            this._element.style.top = "".concat(bounds.top, "px");
-        }
-        if (typeof bounds.left === 'number') {
-            this._element.style.left = "".concat(bounds.left, "px");
-        }
-        var containerRect = this.options.container.getBoundingClientRect();
-        var overlayRect = this._element.getBoundingClientRect();
-        // region: ensure bounds within allowable limits
-        // a minimum width of minimumViewportWidth must be inside the viewport
-        var xOffset = Math.max(0, this.getMinimumWidth(overlayRect.width));
-        // a minimum height of minimumViewportHeight must be inside the viewport
-        var yOffset = typeof this.options.minimumInViewportHeight === 'number'
-            ? Math.max(0, this.getMinimumHeight(overlayRect.height))
-            : 0;
-        var left = (0, math_1.clamp)(overlayRect.left - containerRect.left, -xOffset, Math.max(0, containerRect.width - overlayRect.width + xOffset));
-        var top = (0, math_1.clamp)(overlayRect.top - containerRect.top, -yOffset, Math.max(0, containerRect.height - overlayRect.height + yOffset));
-        this._element.style.left = "".concat(left, "px");
-        this._element.style.top = "".concat(top, "px");
-        this._onDidChange.fire();
-    };
-    Overlay.prototype.toJSON = function () {
-        var container = this.options.container.getBoundingClientRect();
-        var element = this._element.getBoundingClientRect();
-        return {
-            top: element.top - container.top,
-            left: element.left - container.left,
-            width: element.width,
-            height: element.height,
-        };
-    };
-    Overlay.prototype.setupDrag = function (dragTarget, options) {
-        var _this = this;
-        if (options === void 0) { options = { inDragMode: false }; }
-        var move = new lifecycle_1.MutableDisposable();
-        var track = function () {
-            var e_1, _a;
-            var offset = null;
-            var iframes = __spreadArray(__spreadArray([], __read((0, dom_1.getElementsByTagName)('iframe')), false), __read((0, dom_1.getElementsByTagName)('webview')), false);
-            try {
-                for (var iframes_1 = __values(iframes), iframes_1_1 = iframes_1.next(); !iframes_1_1.done; iframes_1_1 = iframes_1.next()) {
-                    var iframe = iframes_1_1.value;
-                    iframe.style.pointerEvents = 'none';
-                }
-            }
-            catch (e_1_1) { e_1 = { error: e_1_1 }; }
-            finally {
-                try {
-                    if (iframes_1_1 && !iframes_1_1.done && (_a = iframes_1.return)) _a.call(iframes_1);
-                }
-                finally { if (e_1) throw e_1.error; }
-            }
-            move.value = new lifecycle_1.CompositeDisposable({
-                dispose: function () {
-                    var e_2, _a;
-                    try {
-                        for (var iframes_2 = __values(iframes), iframes_2_1 = iframes_2.next(); !iframes_2_1.done; iframes_2_1 = iframes_2.next()) {
-                            var iframe = iframes_2_1.value;
-                            iframe.style.pointerEvents = 'auto';
-                        }
-                    }
-                    catch (e_2_1) { e_2 = { error: e_2_1 }; }
-                    finally {
-                        try {
-                            if (iframes_2_1 && !iframes_2_1.done && (_a = iframes_2.return)) _a.call(iframes_2);
-                        }
-                        finally { if (e_2) throw e_2.error; }
-                    }
-                },
-            }, (0, events_1.addDisposableWindowListener)(window, 'mousemove', function (e) {
-                var containerRect = _this.options.container.getBoundingClientRect();
-                var x = e.clientX - containerRect.left;
-                var y = e.clientY - containerRect.top;
-                (0, dom_1.toggleClass)(_this._element, 'dv-resize-container-dragging', true);
-                var overlayRect = _this._element.getBoundingClientRect();
-                if (offset === null) {
-                    offset = {
-                        x: e.clientX - overlayRect.left,
-                        y: e.clientY - overlayRect.top,
-                    };
-                }
-                var xOffset = Math.max(0, _this.getMinimumWidth(overlayRect.width));
-                var yOffset = Math.max(0, _this.options.minimumInViewportHeight
-                    ? _this.getMinimumHeight(overlayRect.height)
-                    : 0);
-                var left = (0, math_1.clamp)(x - offset.x, -xOffset, Math.max(0, containerRect.width - overlayRect.width + xOffset));
-                var top = (0, math_1.clamp)(y - offset.y, -yOffset, Math.max(0, containerRect.height - overlayRect.height + yOffset));
-                _this.setBounds({ top: top, left: left });
-            }), (0, events_1.addDisposableWindowListener)(window, 'mouseup', function () {
-                (0, dom_1.toggleClass)(_this._element, 'dv-resize-container-dragging', false);
-                move.dispose();
-                _this._onDidChangeEnd.fire();
-            }));
-        };
-        this.addDisposables(move, (0, events_1.addDisposableListener)(dragTarget, 'mousedown', function (event) {
-            if (event.defaultPrevented) {
-                event.preventDefault();
-                return;
-            }
-            // if somebody has marked this event then treat as a defaultPrevented
-            // without actually calling event.preventDefault()
-            if ((0, dom_1.quasiDefaultPrevented)(event)) {
-                return;
-            }
-            track();
-        }), (0, events_1.addDisposableListener)(this.options.content, 'mousedown', function (event) {
-            if (event.defaultPrevented) {
-                return;
-            }
-            // if somebody has marked this event then treat as a defaultPrevented
-            // without actually calling event.preventDefault()
-            if ((0, dom_1.quasiDefaultPrevented)(event)) {
-                return;
-            }
-            if (event.shiftKey) {
-                track();
-            }
-        }), (0, events_1.addDisposableListener)(this.options.content, 'mousedown', function () {
-            bringElementToFront(_this._element);
-        }, true));
-        bringElementToFront(this._element);
-        if (options.inDragMode) {
-            track();
-        }
-    };
-    Overlay.prototype.setupResize = function (direction) {
-        var _this = this;
-        var resizeHandleElement = document.createElement('div');
-        resizeHandleElement.className = "dv-resize-handle-".concat(direction);
-        this._element.appendChild(resizeHandleElement);
-        var move = new lifecycle_1.MutableDisposable();
-        this.addDisposables(move, (0, events_1.addDisposableListener)(resizeHandleElement, 'mousedown', function (e) {
-            var e_3, _a;
-            e.preventDefault();
-            var startPosition = null;
-            var iframes = __spreadArray(__spreadArray([], __read((0, dom_1.getElementsByTagName)('iframe')), false), __read((0, dom_1.getElementsByTagName)('webview')), false);
-            try {
-                for (var iframes_3 = __values(iframes), iframes_3_1 = iframes_3.next(); !iframes_3_1.done; iframes_3_1 = iframes_3.next()) {
-                    var iframe = iframes_3_1.value;
-                    iframe.style.pointerEvents = 'none';
-                }
-            }
-            catch (e_3_1) { e_3 = { error: e_3_1 }; }
-            finally {
-                try {
-                    if (iframes_3_1 && !iframes_3_1.done && (_a = iframes_3.return)) _a.call(iframes_3);
-                }
-                finally { if (e_3) throw e_3.error; }
-            }
-            move.value = new lifecycle_1.CompositeDisposable((0, events_1.addDisposableWindowListener)(window, 'mousemove', function (e) {
-                var containerRect = _this.options.container.getBoundingClientRect();
-                var overlayRect = _this._element.getBoundingClientRect();
-                var y = e.clientY - containerRect.top;
-                var x = e.clientX - containerRect.left;
-                if (startPosition === null) {
-                    // record the initial dimensions since as all subsequence moves are relative to this
-                    startPosition = {
-                        originalY: y,
-                        originalHeight: overlayRect.height,
-                        originalX: x,
-                        originalWidth: overlayRect.width,
-                    };
-                }
-                var top = undefined;
-                var height = undefined;
-                var left = undefined;
-                var width = undefined;
-                var moveTop = function () {
-                    top = (0, math_1.clamp)(y, -Number.MAX_VALUE, startPosition.originalY +
-                        startPosition.originalHeight >
-                        containerRect.height
-                        ? _this.getMinimumHeight(containerRect.height)
-                        : Math.max(0, startPosition.originalY +
-                            startPosition.originalHeight -
-                            Overlay.MINIMUM_HEIGHT));
-                    height =
-                        startPosition.originalY +
-                            startPosition.originalHeight -
-                            top;
-                };
-                var moveBottom = function () {
-                    top =
-                        startPosition.originalY -
-                            startPosition.originalHeight;
-                    height = (0, math_1.clamp)(y - top, top < 0 &&
-                        typeof _this.options
-                            .minimumInViewportHeight === 'number'
-                        ? -top +
-                            _this.options.minimumInViewportHeight
-                        : Overlay.MINIMUM_HEIGHT, Number.MAX_VALUE);
-                };
-                var moveLeft = function () {
-                    left = (0, math_1.clamp)(x, -Number.MAX_VALUE, startPosition.originalX +
-                        startPosition.originalWidth >
-                        containerRect.width
-                        ? _this.getMinimumWidth(containerRect.width)
-                        : Math.max(0, startPosition.originalX +
-                            startPosition.originalWidth -
-                            Overlay.MINIMUM_WIDTH));
-                    width =
-                        startPosition.originalX +
-                            startPosition.originalWidth -
-                            left;
-                };
-                var moveRight = function () {
-                    left =
-                        startPosition.originalX -
-                            startPosition.originalWidth;
-                    width = (0, math_1.clamp)(x - left, left < 0 &&
-                        typeof _this.options
-                            .minimumInViewportWidth === 'number'
-                        ? -left +
-                            _this.options.minimumInViewportWidth
-                        : Overlay.MINIMUM_WIDTH, Number.MAX_VALUE);
-                };
-                switch (direction) {
-                    case 'top':
-                        moveTop();
-                        break;
-                    case 'bottom':
-                        moveBottom();
-                        break;
-                    case 'left':
-                        moveLeft();
-                        break;
-                    case 'right':
-                        moveRight();
-                        break;
-                    case 'topleft':
-                        moveTop();
-                        moveLeft();
-                        break;
-                    case 'topright':
-                        moveTop();
-                        moveRight();
-                        break;
-                    case 'bottomleft':
-                        moveBottom();
-                        moveLeft();
-                        break;
-                    case 'bottomright':
-                        moveBottom();
-                        moveRight();
-                        break;
-                }
-                _this.setBounds({ height: height, width: width, top: top, left: left });
-            }), {
-                dispose: function () {
-                    var e_4, _a;
-                    try {
-                        for (var iframes_4 = __values(iframes), iframes_4_1 = iframes_4.next(); !iframes_4_1.done; iframes_4_1 = iframes_4.next()) {
-                            var iframe = iframes_4_1.value;
-                            iframe.style.pointerEvents = 'auto';
-                        }
-                    }
-                    catch (e_4_1) { e_4 = { error: e_4_1 }; }
-                    finally {
-                        try {
-                            if (iframes_4_1 && !iframes_4_1.done && (_a = iframes_4.return)) _a.call(iframes_4);
-                        }
-                        finally { if (e_4) throw e_4.error; }
-                    }
-                },
-            }, (0, events_1.addDisposableWindowListener)(window, 'mouseup', function () {
-                move.dispose();
-                _this._onDidChangeEnd.fire();
-            }));
-        }));
-    };
-    Overlay.prototype.getMinimumWidth = function (width) {
-        if (typeof this.options.minimumInViewportWidth === 'number') {
-            return width - this.options.minimumInViewportWidth;
-        }
-        return 0;
-    };
-    Overlay.prototype.getMinimumHeight = function (height) {
-        if (typeof this.options.minimumInViewportHeight === 'number') {
-            return height - this.options.minimumInViewportHeight;
-        }
-        return height;
-    };
-    Overlay.prototype.dispose = function () {
-        this._element.remove();
-        _super.prototype.dispose.call(this);
-    };
-    Overlay.MINIMUM_HEIGHT = 20;
-    Overlay.MINIMUM_WIDTH = 20;
-    return Overlay;
-}(lifecycle_1.CompositeDisposable));
-exports.Overlay = Overlay;
+"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.Overlay = void 0;
+var dom_1 = require("../dom");
+var events_1 = require("../events");
+var lifecycle_1 = require("../lifecycle");
+var math_1 = require("../math");
+var bringElementToFront = (function () {
+    var previous = null;
+    function pushToTop(element) {
+        if (previous !== element && previous !== null) {
+            (0, dom_1.toggleClass)(previous, 'dv-bring-to-front', false);
+        }
+        (0, dom_1.toggleClass)(element, 'dv-bring-to-front', true);
+        previous = element;
+    }
+    return pushToTop;
+})();
+var Overlay = /** @class */ (function (_super) {
+    __extends(Overlay, _super);
+    function Overlay(options) {
+        var _this = _super.call(this) || this;
+        _this.options = options;
+        _this._element = document.createElement('div');
+        _this._onDidChange = new events_1.Emitter();
+        _this.onDidChange = _this._onDidChange.event;
+        _this._onDidChangeEnd = new events_1.Emitter();
+        _this.onDidChangeEnd = _this._onDidChangeEnd.event;
+        _this.addDisposables(_this._onDidChange, _this._onDidChangeEnd);
+        _this._element.className = 'dv-resize-container';
+        _this.setupResize('top');
+        _this.setupResize('bottom');
+        _this.setupResize('left');
+        _this.setupResize('right');
+        _this.setupResize('topleft');
+        _this.setupResize('topright');
+        _this.setupResize('bottomleft');
+        _this.setupResize('bottomright');
+        _this._element.appendChild(_this.options.content);
+        _this.options.container.appendChild(_this._element);
+        // if input bad resize within acceptable boundaries
+        _this.setBounds({
+            height: _this.options.height,
+            width: _this.options.width,
+            top: _this.options.top,
+            left: _this.options.left,
+        });
+        return _this;
+    }
+    Object.defineProperty(Overlay.prototype, "minimumInViewportWidth", {
+        set: function (value) {
+            this.options.minimumInViewportWidth = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Overlay.prototype, "minimumInViewportHeight", {
+        set: function (value) {
+            this.options.minimumInViewportHeight = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Overlay.prototype.setBounds = function (bounds) {
+        if (bounds === void 0) { bounds = {}; }
+        if (typeof bounds.height === 'number') {
+            this._element.style.height = "".concat(bounds.height, "px");
+        }
+        if (typeof bounds.width === 'number') {
+            this._element.style.width = "".concat(bounds.width, "px");
+        }
+        if (typeof bounds.top === 'number') {
+            this._element.style.top = "".concat(bounds.top, "px");
+        }
+        if (typeof bounds.left === 'number') {
+            this._element.style.left = "".concat(bounds.left, "px");
+        }
+        var containerRect = this.options.container.getBoundingClientRect();
+        var overlayRect = this._element.getBoundingClientRect();
+        // region: ensure bounds within allowable limits
+        // a minimum width of minimumViewportWidth must be inside the viewport
+        var xOffset = Math.max(0, this.getMinimumWidth(overlayRect.width));
+        // a minimum height of minimumViewportHeight must be inside the viewport
+        var yOffset = typeof this.options.minimumInViewportHeight === 'number'
+            ? Math.max(0, this.getMinimumHeight(overlayRect.height))
+            : 0;
+        var left = (0, math_1.clamp)(overlayRect.left - containerRect.left, -xOffset, Math.max(0, containerRect.width - overlayRect.width + xOffset));
+        var top = (0, math_1.clamp)(overlayRect.top - containerRect.top, -yOffset, Math.max(0, containerRect.height - overlayRect.height + yOffset));
+        this._element.style.left = "".concat(left, "px");
+        this._element.style.top = "".concat(top, "px");
+        this._onDidChange.fire();
+    };
+    Overlay.prototype.toJSON = function () {
+        var container = this.options.container.getBoundingClientRect();
+        var element = this._element.getBoundingClientRect();
+        return {
+            top: element.top - container.top,
+            left: element.left - container.left,
+            width: element.width,
+            height: element.height,
+        };
+    };
+    Overlay.prototype.setupDrag = function (dragTarget, options) {
+        var _this = this;
+        if (options === void 0) { options = { inDragMode: false }; }
+        var move = new lifecycle_1.MutableDisposable();
+        var track = function () {
+            var e_1, _a;
+            var offset = null;
+            var iframes = __spreadArray(__spreadArray([], __read((0, dom_1.getElementsByTagName)('iframe')), false), __read((0, dom_1.getElementsByTagName)('webview')), false);
+            try {
+                for (var iframes_1 = __values(iframes), iframes_1_1 = iframes_1.next(); !iframes_1_1.done; iframes_1_1 = iframes_1.next()) {
+                    var iframe = iframes_1_1.value;
+                    iframe.style.pointerEvents = 'none';
+                }
+            }
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (iframes_1_1 && !iframes_1_1.done && (_a = iframes_1.return)) _a.call(iframes_1);
+                }
+                finally { if (e_1) throw e_1.error; }
+            }
+            move.value = new lifecycle_1.CompositeDisposable({
+                dispose: function () {
+                    var e_2, _a;
+                    try {
+                        for (var iframes_2 = __values(iframes), iframes_2_1 = iframes_2.next(); !iframes_2_1.done; iframes_2_1 = iframes_2.next()) {
+                            var iframe = iframes_2_1.value;
+                            iframe.style.pointerEvents = 'auto';
+                        }
+                    }
+                    catch (e_2_1) { e_2 = { error: e_2_1 }; }
+                    finally {
+                        try {
+                            if (iframes_2_1 && !iframes_2_1.done && (_a = iframes_2.return)) _a.call(iframes_2);
+                        }
+                        finally { if (e_2) throw e_2.error; }
+                    }
+                },
+            }, (0, events_1.addDisposableWindowListener)(window, 'mousemove', function (e) {
+                var containerRect = _this.options.container.getBoundingClientRect();
+                var x = e.clientX - containerRect.left;
+                var y = e.clientY - containerRect.top;
+                (0, dom_1.toggleClass)(_this._element, 'dv-resize-container-dragging', true);
+                var overlayRect = _this._element.getBoundingClientRect();
+                if (offset === null) {
+                    offset = {
+                        x: e.clientX - overlayRect.left,
+                        y: e.clientY - overlayRect.top,
+                    };
+                }
+                var xOffset = Math.max(0, _this.getMinimumWidth(overlayRect.width));
+                var yOffset = Math.max(0, _this.options.minimumInViewportHeight
+                    ? _this.getMinimumHeight(overlayRect.height)
+                    : 0);
+                var left = (0, math_1.clamp)(x - offset.x, -xOffset, Math.max(0, containerRect.width - overlayRect.width + xOffset));
+                var top = (0, math_1.clamp)(y - offset.y, -yOffset, Math.max(0, containerRect.height - overlayRect.height + yOffset));
+                _this.setBounds({ top: top, left: left });
+            }), (0, events_1.addDisposableWindowListener)(window, 'mouseup', function () {
+                (0, dom_1.toggleClass)(_this._element, 'dv-resize-container-dragging', false);
+                move.dispose();
+                _this._onDidChangeEnd.fire();
+            }));
+        };
+        this.addDisposables(move, (0, events_1.addDisposableListener)(dragTarget, 'mousedown', function (event) {
+            if (event.defaultPrevented) {
+                event.preventDefault();
+                return;
+            }
+            // if somebody has marked this event then treat as a defaultPrevented
+            // without actually calling event.preventDefault()
+            if ((0, dom_1.quasiDefaultPrevented)(event)) {
+                return;
+            }
+            track();
+        }), (0, events_1.addDisposableListener)(this.options.content, 'mousedown', function (event) {
+            if (event.defaultPrevented) {
+                return;
+            }
+            // if somebody has marked this event then treat as a defaultPrevented
+            // without actually calling event.preventDefault()
+            if ((0, dom_1.quasiDefaultPrevented)(event)) {
+                return;
+            }
+            if (event.shiftKey) {
+                track();
+            }
+        }), (0, events_1.addDisposableListener)(this.options.content, 'mousedown', function () {
+            bringElementToFront(_this._element);
+        }, true));
+        bringElementToFront(this._element);
+        if (options.inDragMode) {
+            track();
+        }
+    };
+    Overlay.prototype.setupResize = function (direction) {
+        var _this = this;
+        var resizeHandleElement = document.createElement('div');
+        resizeHandleElement.className = "dv-resize-handle-".concat(direction);
+        this._element.appendChild(resizeHandleElement);
+        var move = new lifecycle_1.MutableDisposable();
+        this.addDisposables(move, (0, events_1.addDisposableListener)(resizeHandleElement, 'mousedown', function (e) {
+            var e_3, _a;
+            e.preventDefault();
+            var startPosition = null;
+            var iframes = __spreadArray(__spreadArray([], __read((0, dom_1.getElementsByTagName)('iframe')), false), __read((0, dom_1.getElementsByTagName)('webview')), false);
+            try {
+                for (var iframes_3 = __values(iframes), iframes_3_1 = iframes_3.next(); !iframes_3_1.done; iframes_3_1 = iframes_3.next()) {
+                    var iframe = iframes_3_1.value;
+                    iframe.style.pointerEvents = 'none';
+                }
+            }
+            catch (e_3_1) { e_3 = { error: e_3_1 }; }
+            finally {
+                try {
+                    if (iframes_3_1 && !iframes_3_1.done && (_a = iframes_3.return)) _a.call(iframes_3);
+                }
+                finally { if (e_3) throw e_3.error; }
+            }
+            move.value = new lifecycle_1.CompositeDisposable((0, events_1.addDisposableWindowListener)(window, 'mousemove', function (e) {
+                var containerRect = _this.options.container.getBoundingClientRect();
+                var overlayRect = _this._element.getBoundingClientRect();
+                var y = e.clientY - containerRect.top;
+                var x = e.clientX - containerRect.left;
+                if (startPosition === null) {
+                    // record the initial dimensions since as all subsequence moves are relative to this
+                    startPosition = {
+                        originalY: y,
+                        originalHeight: overlayRect.height,
+                        originalX: x,
+                        originalWidth: overlayRect.width,
+                    };
+                }
+                var top = undefined;
+                var height = undefined;
+                var left = undefined;
+                var width = undefined;
+                var moveTop = function () {
+                    top = (0, math_1.clamp)(y, -Number.MAX_VALUE, startPosition.originalY +
+                        startPosition.originalHeight >
+                        containerRect.height
+                        ? _this.getMinimumHeight(containerRect.height)
+                        : Math.max(0, startPosition.originalY +
+                            startPosition.originalHeight -
+                            Overlay.MINIMUM_HEIGHT));
+                    height =
+                        startPosition.originalY +
+                            startPosition.originalHeight -
+                            top;
+                };
+                var moveBottom = function () {
+                    top =
+                        startPosition.originalY -
+                            startPosition.originalHeight;
+                    height = (0, math_1.clamp)(y - top, top < 0 &&
+                        typeof _this.options
+                            .minimumInViewportHeight === 'number'
+                        ? -top +
+                            _this.options.minimumInViewportHeight
+                        : Overlay.MINIMUM_HEIGHT, Number.MAX_VALUE);
+                };
+                var moveLeft = function () {
+                    left = (0, math_1.clamp)(x, -Number.MAX_VALUE, startPosition.originalX +
+                        startPosition.originalWidth >
+                        containerRect.width
+                        ? _this.getMinimumWidth(containerRect.width)
+                        : Math.max(0, startPosition.originalX +
+                            startPosition.originalWidth -
+                            Overlay.MINIMUM_WIDTH));
+                    width =
+                        startPosition.originalX +
+                            startPosition.originalWidth -
+                            left;
+                };
+                var moveRight = function () {
+                    left =
+                        startPosition.originalX -
+                            startPosition.originalWidth;
+                    width = (0, math_1.clamp)(x - left, left < 0 &&
+                        typeof _this.options
+                            .minimumInViewportWidth === 'number'
+                        ? -left +
+                            _this.options.minimumInViewportWidth
+                        : Overlay.MINIMUM_WIDTH, Number.MAX_VALUE);
+                };
+                switch (direction) {
+                    case 'top':
+                        moveTop();
+                        break;
+                    case 'bottom':
+                        moveBottom();
+                        break;
+                    case 'left':
+                        moveLeft();
+                        break;
+                    case 'right':
+                        moveRight();
+                        break;
+                    case 'topleft':
+                        moveTop();
+                        moveLeft();
+                        break;
+                    case 'topright':
+                        moveTop();
+                        moveRight();
+                        break;
+                    case 'bottomleft':
+                        moveBottom();
+                        moveLeft();
+                        break;
+                    case 'bottomright':
+                        moveBottom();
+                        moveRight();
+                        break;
+                }
+                _this.setBounds({ height: height, width: width, top: top, left: left });
+            }), {
+                dispose: function () {
+                    var e_4, _a;
+                    try {
+                        for (var iframes_4 = __values(iframes), iframes_4_1 = iframes_4.next(); !iframes_4_1.done; iframes_4_1 = iframes_4.next()) {
+                            var iframe = iframes_4_1.value;
+                            iframe.style.pointerEvents = 'auto';
+                        }
+                    }
+                    catch (e_4_1) { e_4 = { error: e_4_1 }; }
+                    finally {
+                        try {
+                            if (iframes_4_1 && !iframes_4_1.done && (_a = iframes_4.return)) _a.call(iframes_4);
+                        }
+                        finally { if (e_4) throw e_4.error; }
+                    }
+                },
+            }, (0, events_1.addDisposableWindowListener)(window, 'mouseup', function () {
+                move.dispose();
+                _this._onDidChangeEnd.fire();
+            }));
+        }));
+    };
+    Overlay.prototype.getMinimumWidth = function (width) {
+        if (typeof this.options.minimumInViewportWidth === 'number') {
+            return width - this.options.minimumInViewportWidth;
+        }
+        return 0;
+    };
+    Overlay.prototype.getMinimumHeight = function (height) {
+        if (typeof this.options.minimumInViewportHeight === 'number') {
+            return height - this.options.minimumInViewportHeight;
+        }
+        return height;
+    };
+    Overlay.prototype.dispose = function () {
+        this._element.remove();
+        _super.prototype.dispose.call(this);
+    };
+    Overlay.MINIMUM_HEIGHT = 20;
+    Overlay.MINIMUM_WIDTH = 20;
+    return Overlay;
+}(lifecycle_1.CompositeDisposable));
+exports.Overlay = Overlay;
 //# sourceMappingURL=overlay.js.map