dockview 1.5.0 → 1.5.2

package/dist/cjs/dnd/droptarget.js

@@ -1,202 +1,202 @@
-"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.Position = void 0;
-var dom_1 = require("../dom");
-var events_1 = require("../events");
-var lifecycle_1 = require("../lifecycle");
-var dnd_1 = require("./dnd");
-var Position;
-(function (Position) {
-    Position["Top"] = "Top";
-    Position["Left"] = "Left";
-    Position["Bottom"] = "Bottom";
-    Position["Right"] = "Right";
-    Position["Center"] = "Center";
-})(Position = exports.Position || (exports.Position = {}));
-function isBooleanValue(canDisplayOverlay) {
-    return typeof canDisplayOverlay === 'boolean';
-}
-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.addDisposables(_this._onDrop, new dnd_1.DragAndDropObserver(_this.element, {
-            onDragEnter: function () { return undefined; },
-            onDragOver: function (e) {
-                var width = _this.element.clientWidth;
-                var height = _this.element.clientHeight;
-                if (width === 0 || height === 0) {
-                    return; // avoid div!0
-                }
-                var x = e.offsetX;
-                var y = e.offsetY;
-                var xp = (100 * x) / width;
-                var yp = (100 * y) / height;
-                var quadrant = _this.calculateQuadrant(_this.options.validOverlays, xp, yp);
-                if (isBooleanValue(_this.options.canDisplayOverlay)) {
-                    if (!_this.options.canDisplayOverlay) {
-                        return;
-                    }
-                }
-                else if (!_this.options.canDisplayOverlay(e, quadrant)) {
-                    return;
-                }
-                if (!_this.target) {
-                    _this.target = document.createElement('div');
-                    _this.target.className = 'drop-target-dropzone';
-                    _this.overlay = document.createElement('div');
-                    _this.overlay.className = 'drop-target-selection';
-                    _this._state = Position.Center;
-                    _this.target.appendChild(_this.overlay);
-                    _this.element.classList.add('drop-target');
-                    _this.element.append(_this.target);
-                }
-                if (_this.options.validOverlays === 'none') {
-                    return;
-                }
-                if (!_this.target || !_this.overlay) {
-                    return;
-                }
-                var isSmallX = width < 100;
-                var isSmallY = height < 100;
-                _this.toggleClasses(quadrant, isSmallX, isSmallY);
-                _this.setState(quadrant);
-            },
-            onDragLeave: function () {
-                _this.removeDropTarget();
-            },
-            onDragEnd: function () {
-                _this.removeDropTarget();
-            },
-            onDrop: function (e) {
-                e.preventDefault();
-                e.stopPropagation();
-                var state = _this._state;
-                _this.removeDropTarget();
-                if (state) {
-                    _this._onDrop.fire({ position: state, nativeEvent: e });
-                }
-            },
-        }));
-        return _this;
-    }
-    Object.defineProperty(Droptarget.prototype, "state", {
-        get: function () {
-            return this._state;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Droptarget.prototype, "validOverlays", {
-        set: function (value) {
-            this.options.validOverlays = value;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Droptarget.prototype, "canDisplayOverlay", {
-        set: function (value) {
-            this.options.canDisplayOverlay = value;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Droptarget.prototype.dispose = function () {
-        this.removeDropTarget();
-    };
-    Droptarget.prototype.toggleClasses = function (quadrant, isSmallX, isSmallY) {
-        if (!this.overlay) {
-            return;
-        }
-        var isLeft = quadrant === 'left';
-        var isRight = quadrant === 'right';
-        var isTop = quadrant === 'top';
-        var isBottom = quadrant === 'bottom';
-        (0, dom_1.toggleClass)(this.overlay, 'right', !isSmallX && isRight);
-        (0, dom_1.toggleClass)(this.overlay, 'left', !isSmallX && isLeft);
-        (0, dom_1.toggleClass)(this.overlay, 'top', !isSmallY && isTop);
-        (0, dom_1.toggleClass)(this.overlay, 'bottom', !isSmallY && isBottom);
-        (0, dom_1.toggleClass)(this.overlay, 'small-right', isSmallX && isRight);
-        (0, dom_1.toggleClass)(this.overlay, 'small-left', isSmallX && isLeft);
-        (0, dom_1.toggleClass)(this.overlay, 'small-top', isSmallY && isTop);
-        (0, dom_1.toggleClass)(this.overlay, 'small-bottom', isSmallY && isBottom);
-    };
-    Droptarget.prototype.setState = function (quadrant) {
-        switch (quadrant) {
-            case 'top':
-                this._state = Position.Top;
-                break;
-            case 'left':
-                this._state = Position.Left;
-                break;
-            case 'bottom':
-                this._state = Position.Bottom;
-                break;
-            case 'right':
-                this._state = Position.Right;
-                break;
-            default:
-                this._state = Position.Center;
-                break;
-        }
-    };
-    Droptarget.prototype.calculateQuadrant = function (overlayType, xp, yp) {
-        switch (overlayType) {
-            case 'all':
-                if (xp < 20) {
-                    return 'left';
-                }
-                if (xp > 80) {
-                    return 'right';
-                }
-                if (yp < 20) {
-                    return 'top';
-                }
-                if (yp > 80) {
-                    return 'bottom';
-                }
-                break;
-            case 'vertical':
-                if (yp < 50) {
-                    return 'top';
-                }
-                return 'bottom';
-            case 'horizontal':
-                if (xp < 50) {
-                    return 'left';
-                }
-                return 'right';
-        }
-        return null;
-    };
-    Droptarget.prototype.removeDropTarget = function () {
-        if (this.target) {
-            this._state = undefined;
-            this.element.removeChild(this.target);
-            this.target = undefined;
-            this.element.classList.remove('drop-target');
-        }
-    };
-    return Droptarget;
-}(lifecycle_1.CompositeDisposable));
-exports.Droptarget = Droptarget;
+"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.Position = void 0;
+var dom_1 = require("../dom");
+var events_1 = require("../events");
+var lifecycle_1 = require("../lifecycle");
+var dnd_1 = require("./dnd");
+var Position;
+(function (Position) {
+    Position["Top"] = "Top";
+    Position["Left"] = "Left";
+    Position["Bottom"] = "Bottom";
+    Position["Right"] = "Right";
+    Position["Center"] = "Center";
+})(Position = exports.Position || (exports.Position = {}));
+function isBooleanValue(canDisplayOverlay) {
+    return typeof canDisplayOverlay === 'boolean';
+}
+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.addDisposables(_this._onDrop, new dnd_1.DragAndDropObserver(_this.element, {
+            onDragEnter: function () { return undefined; },
+            onDragOver: function (e) {
+                var width = _this.element.clientWidth;
+                var height = _this.element.clientHeight;
+                if (width === 0 || height === 0) {
+                    return; // avoid div!0
+                }
+                var x = e.offsetX;
+                var y = e.offsetY;
+                var xp = (100 * x) / width;
+                var yp = (100 * y) / height;
+                var quadrant = _this.calculateQuadrant(_this.options.validOverlays, xp, yp);
+                if (isBooleanValue(_this.options.canDisplayOverlay)) {
+                    if (!_this.options.canDisplayOverlay) {
+                        return;
+                    }
+                }
+                else if (!_this.options.canDisplayOverlay(e, quadrant)) {
+                    return;
+                }
+                if (!_this.target) {
+                    _this.target = document.createElement('div');
+                    _this.target.className = 'drop-target-dropzone';
+                    _this.overlay = document.createElement('div');
+                    _this.overlay.className = 'drop-target-selection';
+                    _this._state = Position.Center;
+                    _this.target.appendChild(_this.overlay);
+                    _this.element.classList.add('drop-target');
+                    _this.element.append(_this.target);
+                }
+                if (_this.options.validOverlays === 'none') {
+                    return;
+                }
+                if (!_this.target || !_this.overlay) {
+                    return;
+                }
+                var isSmallX = width < 100;
+                var isSmallY = height < 100;
+                _this.toggleClasses(quadrant, isSmallX, isSmallY);
+                _this.setState(quadrant);
+            },
+            onDragLeave: function () {
+                _this.removeDropTarget();
+            },
+            onDragEnd: function () {
+                _this.removeDropTarget();
+            },
+            onDrop: function (e) {
+                e.preventDefault();
+                e.stopPropagation();
+                var state = _this._state;
+                _this.removeDropTarget();
+                if (state) {
+                    _this._onDrop.fire({ position: state, nativeEvent: e });
+                }
+            },
+        }));
+        return _this;
+    }
+    Object.defineProperty(Droptarget.prototype, "state", {
+        get: function () {
+            return this._state;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Droptarget.prototype, "validOverlays", {
+        set: function (value) {
+            this.options.validOverlays = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Droptarget.prototype, "canDisplayOverlay", {
+        set: function (value) {
+            this.options.canDisplayOverlay = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Droptarget.prototype.dispose = function () {
+        this.removeDropTarget();
+    };
+    Droptarget.prototype.toggleClasses = function (quadrant, isSmallX, isSmallY) {
+        if (!this.overlay) {
+            return;
+        }
+        var isLeft = quadrant === 'left';
+        var isRight = quadrant === 'right';
+        var isTop = quadrant === 'top';
+        var isBottom = quadrant === 'bottom';
+        (0, dom_1.toggleClass)(this.overlay, 'right', !isSmallX && isRight);
+        (0, dom_1.toggleClass)(this.overlay, 'left', !isSmallX && isLeft);
+        (0, dom_1.toggleClass)(this.overlay, 'top', !isSmallY && isTop);
+        (0, dom_1.toggleClass)(this.overlay, 'bottom', !isSmallY && isBottom);
+        (0, dom_1.toggleClass)(this.overlay, 'small-right', isSmallX && isRight);
+        (0, dom_1.toggleClass)(this.overlay, 'small-left', isSmallX && isLeft);
+        (0, dom_1.toggleClass)(this.overlay, 'small-top', isSmallY && isTop);
+        (0, dom_1.toggleClass)(this.overlay, 'small-bottom', isSmallY && isBottom);
+    };
+    Droptarget.prototype.setState = function (quadrant) {
+        switch (quadrant) {
+            case 'top':
+                this._state = Position.Top;
+                break;
+            case 'left':
+                this._state = Position.Left;
+                break;
+            case 'bottom':
+                this._state = Position.Bottom;
+                break;
+            case 'right':
+                this._state = Position.Right;
+                break;
+            default:
+                this._state = Position.Center;
+                break;
+        }
+    };
+    Droptarget.prototype.calculateQuadrant = function (overlayType, xp, yp) {
+        switch (overlayType) {
+            case 'all':
+                if (xp < 20) {
+                    return 'left';
+                }
+                if (xp > 80) {
+                    return 'right';
+                }
+                if (yp < 20) {
+                    return 'top';
+                }
+                if (yp > 80) {
+                    return 'bottom';
+                }
+                break;
+            case 'vertical':
+                if (yp < 50) {
+                    return 'top';
+                }
+                return 'bottom';
+            case 'horizontal':
+                if (xp < 50) {
+                    return 'left';
+                }
+                return 'right';
+        }
+        return null;
+    };
+    Droptarget.prototype.removeDropTarget = function () {
+        if (this.target) {
+            this._state = undefined;
+            this.element.removeChild(this.target);
+            this.target = undefined;
+            this.element.classList.remove('drop-target');
+        }
+    };
+    return Droptarget;
+}(lifecycle_1.CompositeDisposable));
+exports.Droptarget = Droptarget;
 //# sourceMappingURL=droptarget.js.map

package/dist/cjs/dockview/components/tab/defaultTab.d.ts

@@ -1,27 +1,27 @@
-import { CompositeDisposable } from '../../../lifecycle';
-import { ITabRenderer, GroupPanelPartInitParameters } from '../../../groupview/types';
-import { PanelUpdateEvent } from '../../../panel/types';
-import { GroupPanel } from '../../../groupview/groupviewPanel';
-export declare const DEFAULT_TAB_IDENTIFIER = "__default__tab__";
-export declare class DefaultTab extends CompositeDisposable implements ITabRenderer {
-    private _element;
-    private _isPanelVisible;
-    private _isGroupActive;
-    private _content;
-    private _actionContainer;
-    private _list;
-    private action;
-    private params;
-    get element(): HTMLElement;
-    get id(): string;
-    constructor();
-    update(event: PanelUpdateEvent): void;
-    toJSON(): {
-        id: string;
-    };
-    focus(): void;
-    init(params: GroupPanelPartInitParameters): void;
-    updateParentGroup(group: GroupPanel, isPanelVisible: boolean): void;
-    layout(_width: number, _height: number): void;
-    private render;
-}
+import { CompositeDisposable } from '../../../lifecycle';
+import { ITabRenderer, GroupPanelPartInitParameters } from '../../../groupview/types';
+import { PanelUpdateEvent } from '../../../panel/types';
+import { GroupPanel } from '../../../groupview/groupviewPanel';
+export declare const DEFAULT_TAB_IDENTIFIER = "__default__tab__";
+export declare class DefaultTab extends CompositeDisposable implements ITabRenderer {
+    private _element;
+    private _isPanelVisible;
+    private _isGroupActive;
+    private _content;
+    private _actionContainer;
+    private _list;
+    private action;
+    private params;
+    get element(): HTMLElement;
+    get id(): string;
+    constructor();
+    update(event: PanelUpdateEvent): void;
+    toJSON(): {
+        id: string;
+    };
+    focus(): void;
+    init(params: GroupPanelPartInitParameters): void;
+    updateParentGroup(group: GroupPanel, isPanelVisible: boolean): void;
+    layout(_width: number, _height: number): void;
+    private render;
+}