dockview-core 7.0.4 → 8.1.0

package/dist/cjs/events.js

@@ -1,296 +0,0 @@
-"use strict";
-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.AsapEvent = exports.Emitter = exports.AcceptableEvent = exports.DockviewEvent = exports.Event = void 0;
-exports.addDisposableListener = addDisposableListener;
-var lifecycle_1 = require("./lifecycle");
-var Event;
-(function (Event) {
-    Event.any = function () {
-        var children = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            children[_i] = arguments[_i];
-        }
-        return function (listener) {
-            var disposables = children.map(function (child) { return child(listener); });
-            return {
-                dispose: function () {
-                    disposables.forEach(function (d) {
-                        d.dispose();
-                    });
-                },
-            };
-        };
-    };
-})(Event || (exports.Event = Event = {}));
-var DockviewEvent = /** @class */ (function () {
-    function DockviewEvent() {
-        this._defaultPrevented = false;
-    }
-    Object.defineProperty(DockviewEvent.prototype, "defaultPrevented", {
-        get: function () {
-            return this._defaultPrevented;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    DockviewEvent.prototype.preventDefault = function () {
-        this._defaultPrevented = true;
-    };
-    return DockviewEvent;
-}());
-exports.DockviewEvent = DockviewEvent;
-var AcceptableEvent = /** @class */ (function () {
-    function AcceptableEvent() {
-        this._isAccepted = false;
-    }
-    Object.defineProperty(AcceptableEvent.prototype, "isAccepted", {
-        get: function () {
-            return this._isAccepted;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    AcceptableEvent.prototype.accept = function () {
-        this._isAccepted = true;
-    };
-    return AcceptableEvent;
-}());
-exports.AcceptableEvent = AcceptableEvent;
-var LeakageMonitor = /** @class */ (function () {
-    function LeakageMonitor() {
-        this.events = new Map();
-    }
-    Object.defineProperty(LeakageMonitor.prototype, "size", {
-        get: function () {
-            return this.events.size;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    LeakageMonitor.prototype.add = function (event, stacktrace) {
-        this.events.set(event, stacktrace);
-    };
-    LeakageMonitor.prototype.delete = function (event) {
-        this.events.delete(event);
-    };
-    LeakageMonitor.prototype.clear = function () {
-        this.events.clear();
-    };
-    return LeakageMonitor;
-}());
-var Stacktrace = /** @class */ (function () {
-    function Stacktrace(value) {
-        this.value = value;
-    }
-    Stacktrace.create = function () {
-        var _a;
-        return new Stacktrace((_a = new Error('listener stacktrace').stack) !== null && _a !== void 0 ? _a : '');
-    };
-    Stacktrace.prototype.print = function () {
-        console.warn('dockview: stacktrace', this.value);
-    };
-    return Stacktrace;
-}());
-var Listener = /** @class */ (function () {
-    function Listener(callback, stacktrace) {
-        this.callback = callback;
-        this.stacktrace = stacktrace;
-    }
-    return Listener;
-}());
-// relatively simple event emitter taken from https://github.com/microsoft/vscode/blob/master/src/vs/base/common/event.ts
-var Emitter = /** @class */ (function () {
-    function Emitter(options) {
-        this.options = options;
-        this._listeners = [];
-        this._disposed = false;
-        this._pauseTokens = new Set();
-    }
-    Emitter.setLeakageMonitorEnabled = function (isEnabled) {
-        if (isEnabled !== Emitter.ENABLE_TRACKING) {
-            Emitter.MEMORY_LEAK_WATCHER.clear();
-        }
-        Emitter.ENABLE_TRACKING = isEnabled;
-    };
-    Object.defineProperty(Emitter.prototype, "value", {
-        get: function () {
-            return this._last;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Emitter.prototype, "event", {
-        get: function () {
-            var _this = this;
-            if (!this._event) {
-                this._event = function (callback) {
-                    var _a;
-                    if (((_a = _this.options) === null || _a === void 0 ? void 0 : _a.replay) && _this._last !== undefined) {
-                        callback(_this._last);
-                    }
-                    var listener = new Listener(callback, Emitter.ENABLE_TRACKING ? Stacktrace.create() : undefined);
-                    _this._listeners.push(listener);
-                    return {
-                        dispose: function () {
-                            var index = _this._listeners.indexOf(listener);
-                            if (index > -1) {
-                                _this._listeners.splice(index, 1);
-                            }
-                            else if (Emitter.ENABLE_TRACKING) {
-                                // console.warn(
-                                //     `dockview: listener already disposed`,
-                                //     Stacktrace.create().print()
-                                // );
-                            }
-                        },
-                    };
-                };
-                if (Emitter.ENABLE_TRACKING) {
-                    Emitter.MEMORY_LEAK_WATCHER.add(this._event, Stacktrace.create());
-                }
-            }
-            return this._event;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Emitter.prototype.fire = function (e) {
-        var e_1, _a;
-        var _b;
-        if (this._pauseTokens.size > 0) {
-            // while paused, the event is dropped entirely — `_last` is not
-            // updated, so replay subscribers won't see values fired during a pause
-            return;
-        }
-        if ((_b = this.options) === null || _b === void 0 ? void 0 : _b.replay) {
-            this._last = e;
-        }
-        try {
-            for (var _c = __values(this._listeners), _d = _c.next(); !_d.done; _d = _c.next()) {
-                var listener = _d.value;
-                listener.callback(e);
-            }
-        }
-        catch (e_1_1) { e_1 = { error: e_1_1 }; }
-        finally {
-            try {
-                if (_d && !_d.done && (_a = _c.return)) _a.call(_c);
-            }
-            finally { if (e_1) throw e_1.error; }
-        }
-    };
-    Emitter.prototype.pause = function () {
-        var _this = this;
-        var token = {};
-        this._pauseTokens.add(token);
-        return lifecycle_1.Disposable.from(function () { return _this._pauseTokens.delete(token); });
-    };
-    Emitter.prototype.dispose = function () {
-        var _this = this;
-        if (!this._disposed) {
-            this._disposed = true;
-            if (this._listeners.length > 0) {
-                if (Emitter.ENABLE_TRACKING) {
-                    queueMicrotask(function () {
-                        var e_2, _a;
-                        var _b;
-                        try {
-                            // don't check until stack of execution is completed to allow for out-of-order disposals within the same execution block
-                            for (var _c = __values(_this._listeners), _d = _c.next(); !_d.done; _d = _c.next()) {
-                                var listener = _d.value;
-                                console.warn('dockview: stacktrace', (_b = listener.stacktrace) === null || _b === void 0 ? void 0 : _b.print());
-                            }
-                        }
-                        catch (e_2_1) { e_2 = { error: e_2_1 }; }
-                        finally {
-                            try {
-                                if (_d && !_d.done && (_a = _c.return)) _a.call(_c);
-                            }
-                            finally { if (e_2) throw e_2.error; }
-                        }
-                    });
-                }
-                this._listeners = [];
-            }
-            if (Emitter.ENABLE_TRACKING && this._event) {
-                Emitter.MEMORY_LEAK_WATCHER.delete(this._event);
-            }
-        }
-    };
-    Emitter.ENABLE_TRACKING = false;
-    Emitter.MEMORY_LEAK_WATCHER = new LeakageMonitor();
-    return Emitter;
-}());
-exports.Emitter = Emitter;
-function addDisposableListener(element, type, listener, options) {
-    element.addEventListener(type, listener, options);
-    return {
-        dispose: function () {
-            element.removeEventListener(type, listener, options);
-        },
-    };
-}
-/**
- *
- * Event Emitter that fires events from a Microtask callback, only one event will fire per event-loop cycle.
- *
- * It's kind of like using an `asapScheduler` in RxJs with additional logic to only fire once per event-loop cycle.
- * This implementation exists to avoid external dependencies.
- *
- * @see https://developer.mozilla.org/en-US/docs/Web/API/queueMicrotask
- * @see https://rxjs.dev/api/index/const/asapScheduler
- */
-var AsapEvent = /** @class */ (function () {
-    function AsapEvent() {
-        var _this = this;
-        this._onFired = new Emitter();
-        this._currentFireCount = 0;
-        this._queued = false;
-        this.onEvent = function (e) {
-            /**
-             * when the event is first subscribed to take note of the current fire count
-             */
-            var fireCountAtTimeOfEventSubscription = _this._currentFireCount;
-            return _this._onFired.event(function () {
-                /**
-                 * if the current fire count is greater than the fire count at event subscription
-                 * then the event has been fired since we subscribed and it's ok to "on_next" the event.
-                 *
-                 * if the count is not greater then what we are recieving is an event from the microtask
-                 * queue that was triggered before we actually subscribed and therfore we should ignore it.
-                 */
-                if (_this._currentFireCount > fireCountAtTimeOfEventSubscription) {
-                    e();
-                }
-            });
-        };
-    }
-    AsapEvent.prototype.fire = function () {
-        var _this = this;
-        this._currentFireCount++;
-        if (this._queued) {
-            return;
-        }
-        this._queued = true;
-        queueMicrotask(function () {
-            _this._queued = false;
-            _this._onFired.fire();
-        });
-    };
-    AsapEvent.prototype.dispose = function () {
-        this._onFired.dispose();
-    };
-    return AsapEvent;
-}());
-exports.AsapEvent = AsapEvent;

package/dist/cjs/framwork.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/gridview/baseComponentGridview.js

@@ -1,330 +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 __());
-    };
-})();
-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.BaseGrid = void 0;
-exports.toTarget = toTarget;
-var events_1 = require("../events");
-var gridview_1 = require("./gridview");
-var lifecycle_1 = require("../lifecycle");
-var math_1 = require("../math");
-var splitview_1 = require("../splitview/splitview");
-var resizable_1 = require("../resizable");
-var dom_1 = require("../dom");
-var nextLayoutId = (0, math_1.sequentialNumberGenerator)();
-function toTarget(direction) {
-    switch (direction) {
-        case 'left':
-            return 'left';
-        case 'right':
-            return 'right';
-        case 'above':
-            return 'top';
-        case 'below':
-            return 'bottom';
-        case 'within':
-        default:
-            return 'center';
-    }
-}
-var BaseGrid = /** @class */ (function (_super) {
-    __extends(BaseGrid, _super);
-    function BaseGrid(container, options) {
-        var _a;
-        var _this = _super.call(this, document.createElement('div'), options.disableAutoResizing) || this;
-        _this._id = nextLayoutId.next();
-        _this._groups = new Map();
-        _this._onDidRemove = new events_1.Emitter();
-        _this.onDidRemove = _this._onDidRemove.event;
-        _this._onDidAdd = new events_1.Emitter();
-        _this.onDidAdd = _this._onDidAdd.event;
-        _this._onDidMaximizedChange = new events_1.Emitter();
-        _this.onDidMaximizedChange = _this._onDidMaximizedChange.event;
-        _this._onDidActiveChange = new events_1.Emitter();
-        _this.onDidActiveChange = _this._onDidActiveChange.event;
-        _this._bufferOnDidLayoutChange = new events_1.AsapEvent();
-        _this.onDidLayoutChange = _this._bufferOnDidLayoutChange.onEvent;
-        _this._onDidViewVisibilityChangeMicroTaskQueue = new events_1.AsapEvent();
-        _this.onDidViewVisibilityChangeMicroTaskQueue = _this._onDidViewVisibilityChangeMicroTaskQueue.onEvent;
-        _this.element.style.height = '100%';
-        _this.element.style.width = '100%';
-        _this._classNames = new dom_1.Classnames(_this.element);
-        _this._classNames.setClassNames((_a = options.className) !== null && _a !== void 0 ? _a : '');
-        // the container is owned by the third-party, do not modify/delete it
-        container.appendChild(_this.element);
-        _this.gridview = new gridview_1.Gridview(!!options.proportionalLayout, options.styles, options.orientation, options.locked, options.margin);
-        _this.gridview.locked = !!options.locked;
-        _this.element.appendChild(_this.gridview.element);
-        _this.layout(0, 0, true); // set some elements height/widths
-        _this.addDisposables(_this.gridview.onDidMaximizedNodeChange(function (event) {
-            _this._onDidMaximizedChange.fire({
-                panel: event.view,
-                isMaximized: event.isMaximized,
-            });
-        }), _this.gridview.onDidViewVisibilityChange(function () {
-            return _this._onDidViewVisibilityChangeMicroTaskQueue.fire();
-        }), _this.onDidViewVisibilityChangeMicroTaskQueue(function () {
-            _this.forceRelayout();
-        }), lifecycle_1.Disposable.from(function () {
-            _this.element.remove();
-        }), _this.gridview.onDidChange(function () {
-            _this._bufferOnDidLayoutChange.fire();
-        }), events_1.Event.any(_this.onDidAdd, _this.onDidRemove, _this.onDidActiveChange)(function () {
-            _this._bufferOnDidLayoutChange.fire();
-        }), _this._onDidMaximizedChange, _this._onDidViewVisibilityChangeMicroTaskQueue, _this._bufferOnDidLayoutChange);
-        return _this;
-    }
-    Object.defineProperty(BaseGrid.prototype, "id", {
-        get: function () {
-            return this._id;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BaseGrid.prototype, "size", {
-        get: function () {
-            return this._groups.size;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BaseGrid.prototype, "groups", {
-        get: function () {
-            return Array.from(this._groups.values()).map(function (_) { return _.value; });
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BaseGrid.prototype, "width", {
-        get: function () {
-            return this.gridview.width;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BaseGrid.prototype, "height", {
-        get: function () {
-            return this.gridview.height;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BaseGrid.prototype, "minimumHeight", {
-        get: function () {
-            return this.gridview.minimumHeight;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BaseGrid.prototype, "maximumHeight", {
-        get: function () {
-            return this.gridview.maximumHeight;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BaseGrid.prototype, "minimumWidth", {
-        get: function () {
-            return this.gridview.minimumWidth;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BaseGrid.prototype, "maximumWidth", {
-        get: function () {
-            return this.gridview.maximumWidth;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BaseGrid.prototype, "activeGroup", {
-        get: function () {
-            return this._activeGroup;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BaseGrid.prototype, "locked", {
-        get: function () {
-            return this.gridview.locked;
-        },
-        set: function (value) {
-            this.gridview.locked = value;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    BaseGrid.prototype.setVisible = function (panel, visible) {
-        this.gridview.setViewVisible((0, gridview_1.getGridLocation)(panel.element), visible);
-        this._bufferOnDidLayoutChange.fire();
-    };
-    BaseGrid.prototype.isVisible = function (panel) {
-        return this.gridview.isViewVisible((0, gridview_1.getGridLocation)(panel.element));
-    };
-    BaseGrid.prototype.updateOptions = function (options) {
-        var _a, _b, _c, _d;
-        if (typeof options.proportionalLayout === 'boolean') {
-            // this.gridview.proportionalLayout = options.proportionalLayout; // not supported
-        }
-        if (options.orientation) {
-            this.gridview.orientation = options.orientation;
-        }
-        if ('styles' in options) {
-            // this.gridview.styles = options.styles; // not supported
-        }
-        if ('disableResizing' in options) {
-            this.disableResizing = (_a = options.disableAutoResizing) !== null && _a !== void 0 ? _a : false;
-        }
-        if ('locked' in options) {
-            this.locked = (_b = options.locked) !== null && _b !== void 0 ? _b : false;
-        }
-        if ('margin' in options) {
-            this.gridview.margin = (_c = options.margin) !== null && _c !== void 0 ? _c : 0;
-        }
-        if ('className' in options) {
-            this._classNames.setClassNames((_d = options.className) !== null && _d !== void 0 ? _d : '');
-        }
-    };
-    BaseGrid.prototype.maximizeGroup = function (panel) {
-        this.gridview.maximizeView(panel);
-        this.doSetGroupActive(panel);
-    };
-    BaseGrid.prototype.isMaximizedGroup = function (panel) {
-        return this.gridview.maximizedView() === panel;
-    };
-    BaseGrid.prototype.exitMaximizedGroup = function () {
-        this.gridview.exitMaximizedView();
-    };
-    BaseGrid.prototype.hasMaximizedGroup = function () {
-        return this.gridview.hasMaximizedView();
-    };
-    BaseGrid.prototype.doAddGroup = function (group, location, size, gridview) {
-        if (location === void 0) { location = [0]; }
-        if (gridview === void 0) { gridview = this.gridview; }
-        gridview.addView(group, size !== null && size !== void 0 ? size : splitview_1.Sizing.Distribute, location);
-        this._onDidAdd.fire(group);
-    };
-    BaseGrid.prototype.doRemoveGroup = function (group, options) {
-        if (!this._groups.has(group.id)) {
-            throw new Error('invalid operation');
-        }
-        var item = this._groups.get(group.id);
-        var view = this.gridview.remove(group, splitview_1.Sizing.Distribute);
-        if (item && !(options === null || options === void 0 ? void 0 : options.skipDispose)) {
-            item.disposable.dispose();
-            item.value.dispose();
-            this._groups.delete(group.id);
-            this._onDidRemove.fire(group);
-        }
-        if (!(options === null || options === void 0 ? void 0 : options.skipActive) && this._activeGroup === group) {
-            var groups = Array.from(this._groups.values());
-            this.doSetGroupActive(groups.length > 0 ? groups[0].value : undefined);
-        }
-        return view;
-    };
-    BaseGrid.prototype.getPanel = function (id) {
-        var _a;
-        return (_a = this._groups.get(id)) === null || _a === void 0 ? void 0 : _a.value;
-    };
-    BaseGrid.prototype.doSetGroupActive = function (group) {
-        if (this._activeGroup === group) {
-            return;
-        }
-        if (this._activeGroup) {
-            this._activeGroup.setActive(false);
-        }
-        if (group) {
-            group.setActive(true);
-        }
-        this._activeGroup = group;
-        this._onDidActiveChange.fire(group);
-    };
-    BaseGrid.prototype.removeGroup = function (group) {
-        this.doRemoveGroup(group);
-    };
-    BaseGrid.prototype.moveToNext = function (options) {
-        var _a;
-        options !== null && options !== void 0 ? options : (options = {});
-        if (!options.group) {
-            if (!this.activeGroup) {
-                return;
-            }
-            options.group = this.activeGroup;
-        }
-        var location = (0, gridview_1.getGridLocation)(options.group.element);
-        var next = (_a = this.gridview.next(location)) === null || _a === void 0 ? void 0 : _a.view;
-        this.doSetGroupActive(next);
-    };
-    BaseGrid.prototype.moveToPrevious = function (options) {
-        var _a;
-        options !== null && options !== void 0 ? options : (options = {});
-        if (!options.group) {
-            if (!this.activeGroup) {
-                return;
-            }
-            options.group = this.activeGroup;
-        }
-        var location = (0, gridview_1.getGridLocation)(options.group.element);
-        var next = (_a = this.gridview.previous(location)) === null || _a === void 0 ? void 0 : _a.view;
-        this.doSetGroupActive(next);
-    };
-    BaseGrid.prototype.forceRelayout = function () {
-        this.layout(this.width, this.height, true);
-    };
-    BaseGrid.prototype.layout = function (width, height, forceResize) {
-        var different = forceResize || width !== this.width || height !== this.height;
-        if (!different) {
-            return;
-        }
-        this.gridview.element.style.height = "".concat(height, "px");
-        this.gridview.element.style.width = "".concat(width, "px");
-        this.gridview.layout(width, height);
-    };
-    BaseGrid.prototype.dispose = function () {
-        var e_1, _a;
-        this._onDidActiveChange.dispose();
-        this._onDidAdd.dispose();
-        this._onDidRemove.dispose();
-        try {
-            for (var _b = __values(this.groups), _c = _b.next(); !_c.done; _c = _b.next()) {
-                var group = _c.value;
-                group.dispose();
-            }
-        }
-        catch (e_1_1) { e_1 = { error: e_1_1 }; }
-        finally {
-            try {
-                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-            }
-            finally { if (e_1) throw e_1.error; }
-        }
-        this.gridview.dispose();
-        _super.prototype.dispose.call(this);
-    };
-    return BaseGrid;
-}(resizable_1.Resizable));
-exports.BaseGrid = BaseGrid;