dockview 1.5.0 → 1.5.2

package/dist/cjs/gridview/baseComponentGridview.js

@@ -1,280 +1,280 @@
-"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 = exports.toTarget = void 0;
-var events_1 = require("../events");
-var gridview_1 = require("./gridview");
-var droptarget_1 = require("../dnd/droptarget");
-var lifecycle_1 = require("../lifecycle");
-var math_1 = require("../math");
-var splitview_1 = require("../splitview/core/splitview");
-var nextLayoutId = (0, math_1.sequentialNumberGenerator)();
-function toTarget(direction) {
-    switch (direction) {
-        case 'left':
-            return droptarget_1.Position.Left;
-        case 'right':
-            return droptarget_1.Position.Right;
-        case 'above':
-            return droptarget_1.Position.Top;
-        case 'below':
-            return droptarget_1.Position.Bottom;
-        case 'within':
-        default:
-            return droptarget_1.Position.Center;
-    }
-}
-exports.toTarget = toTarget;
-var BaseGrid = /** @class */ (function (_super) {
-    __extends(BaseGrid, _super);
-    function BaseGrid(_element, options) {
-        var _this = _super.call(this) || this;
-        _this._element = _element;
-        _this._id = nextLayoutId.next();
-        _this._groups = new Map();
-        _this._onDidLayoutChange = new events_1.Emitter();
-        _this.onDidLayoutChange = _this._onDidLayoutChange.event;
-        _this._onDidRemoveGroup = new events_1.Emitter();
-        _this.onDidRemoveGroup = _this._onDidRemoveGroup.event;
-        _this._onDidAddGroup = new events_1.Emitter();
-        _this.onDidAddGroup = _this._onDidAddGroup.event;
-        _this._onDidActiveGroupChange = new events_1.Emitter();
-        _this.onDidActiveGroupChange = _this._onDidActiveGroupChange.event;
-        _this._bufferOnDidLayoutChange = new events_1.TickDelayedEvent();
-        _this.gridview = new gridview_1.Gridview(!!options.proportionalLayout, options.styles, options.orientation);
-        _this.element.appendChild(_this.gridview.element);
-        _this.layout(0, 0, true); // set some elements height/widths
-        _this.addDisposables(_this.gridview.onDidChange(function () {
-            _this._bufferOnDidLayoutChange.fire();
-        }));
-        _this.addDisposables(events_1.Event.any(_this.onDidAddGroup, _this.onDidRemoveGroup, _this.onDidActiveGroupChange)(function () {
-            _this._bufferOnDidLayoutChange.fire();
-        }), _this._bufferOnDidLayoutChange.onEvent(function () {
-            _this._onDidLayoutChange.fire();
-        }), _this._bufferOnDidLayoutChange);
-        return _this;
-    }
-    Object.defineProperty(BaseGrid.prototype, "id", {
-        get: function () {
-            return this._id;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BaseGrid.prototype, "element", {
-        get: function () {
-            return this._element;
-        },
-        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
-    });
-    BaseGrid.prototype.setVisible = function (panel, visible) {
-        this.gridview.setViewVisible((0, gridview_1.getGridLocation)(panel.element), visible);
-        this._onDidLayoutChange.fire();
-    };
-    BaseGrid.prototype.isVisible = function (panel) {
-        return this.gridview.isViewVisible((0, gridview_1.getGridLocation)(panel.element));
-    };
-    BaseGrid.prototype.doAddGroup = function (group, location, size) {
-        if (location === void 0) { location = [0]; }
-        this.gridview.addView(group, size !== null && size !== void 0 ? size : splitview_1.Sizing.Distribute, location);
-        this._onDidAddGroup.fire(group);
-        this.doSetGroupActive(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._onDidRemoveGroup.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, skipFocus) {
-        if (this._activeGroup === group) {
-            return;
-        }
-        if (this._activeGroup) {
-            this._activeGroup.setActive(false);
-            if (!skipFocus) {
-                this._activeGroup.focus();
-            }
-        }
-        if (group) {
-            group.setActive(true);
-            if (!skipFocus) {
-                group.focus();
-            }
-        }
-        this._activeGroup = group;
-        this._onDidActiveGroupChange.fire(group);
-    };
-    BaseGrid.prototype.removeGroup = function (group) {
-        this.doRemoveGroup(group);
-    };
-    BaseGrid.prototype.moveToNext = function (options) {
-        var _a;
-        if (!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;
-        if (!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.layout = function (width, height, forceResize) {
-        var different = forceResize || width !== this.width || height !== this.height;
-        if (!different) {
-            return;
-        }
-        this.element.style.height = "".concat(height, "px");
-        this.element.style.width = "".concat(width, "px");
-        this.gridview.layout(width, height);
-    };
-    BaseGrid.prototype.dispose = function () {
-        var e_1, _a;
-        _super.prototype.dispose.call(this);
-        this._onDidActiveGroupChange.dispose();
-        this._onDidAddGroup.dispose();
-        this._onDidRemoveGroup.dispose();
-        this._onDidLayoutChange.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();
-    };
-    return BaseGrid;
-}(lifecycle_1.CompositeDisposable));
-exports.BaseGrid = BaseGrid;
+"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 = exports.toTarget = void 0;
+var events_1 = require("../events");
+var gridview_1 = require("./gridview");
+var droptarget_1 = require("../dnd/droptarget");
+var lifecycle_1 = require("../lifecycle");
+var math_1 = require("../math");
+var splitview_1 = require("../splitview/core/splitview");
+var nextLayoutId = (0, math_1.sequentialNumberGenerator)();
+function toTarget(direction) {
+    switch (direction) {
+        case 'left':
+            return droptarget_1.Position.Left;
+        case 'right':
+            return droptarget_1.Position.Right;
+        case 'above':
+            return droptarget_1.Position.Top;
+        case 'below':
+            return droptarget_1.Position.Bottom;
+        case 'within':
+        default:
+            return droptarget_1.Position.Center;
+    }
+}
+exports.toTarget = toTarget;
+var BaseGrid = /** @class */ (function (_super) {
+    __extends(BaseGrid, _super);
+    function BaseGrid(_element, options) {
+        var _this = _super.call(this) || this;
+        _this._element = _element;
+        _this._id = nextLayoutId.next();
+        _this._groups = new Map();
+        _this._onDidLayoutChange = new events_1.Emitter();
+        _this.onDidLayoutChange = _this._onDidLayoutChange.event;
+        _this._onDidRemoveGroup = new events_1.Emitter();
+        _this.onDidRemoveGroup = _this._onDidRemoveGroup.event;
+        _this._onDidAddGroup = new events_1.Emitter();
+        _this.onDidAddGroup = _this._onDidAddGroup.event;
+        _this._onDidActiveGroupChange = new events_1.Emitter();
+        _this.onDidActiveGroupChange = _this._onDidActiveGroupChange.event;
+        _this._bufferOnDidLayoutChange = new events_1.TickDelayedEvent();
+        _this.gridview = new gridview_1.Gridview(!!options.proportionalLayout, options.styles, options.orientation);
+        _this.element.appendChild(_this.gridview.element);
+        _this.layout(0, 0, true); // set some elements height/widths
+        _this.addDisposables(_this.gridview.onDidChange(function () {
+            _this._bufferOnDidLayoutChange.fire();
+        }));
+        _this.addDisposables(events_1.Event.any(_this.onDidAddGroup, _this.onDidRemoveGroup, _this.onDidActiveGroupChange)(function () {
+            _this._bufferOnDidLayoutChange.fire();
+        }), _this._bufferOnDidLayoutChange.onEvent(function () {
+            _this._onDidLayoutChange.fire();
+        }), _this._bufferOnDidLayoutChange);
+        return _this;
+    }
+    Object.defineProperty(BaseGrid.prototype, "id", {
+        get: function () {
+            return this._id;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BaseGrid.prototype, "element", {
+        get: function () {
+            return this._element;
+        },
+        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
+    });
+    BaseGrid.prototype.setVisible = function (panel, visible) {
+        this.gridview.setViewVisible((0, gridview_1.getGridLocation)(panel.element), visible);
+        this._onDidLayoutChange.fire();
+    };
+    BaseGrid.prototype.isVisible = function (panel) {
+        return this.gridview.isViewVisible((0, gridview_1.getGridLocation)(panel.element));
+    };
+    BaseGrid.prototype.doAddGroup = function (group, location, size) {
+        if (location === void 0) { location = [0]; }
+        this.gridview.addView(group, size !== null && size !== void 0 ? size : splitview_1.Sizing.Distribute, location);
+        this._onDidAddGroup.fire(group);
+        this.doSetGroupActive(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._onDidRemoveGroup.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, skipFocus) {
+        if (this._activeGroup === group) {
+            return;
+        }
+        if (this._activeGroup) {
+            this._activeGroup.setActive(false);
+            if (!skipFocus) {
+                this._activeGroup.focus();
+            }
+        }
+        if (group) {
+            group.setActive(true);
+            if (!skipFocus) {
+                group.focus();
+            }
+        }
+        this._activeGroup = group;
+        this._onDidActiveGroupChange.fire(group);
+    };
+    BaseGrid.prototype.removeGroup = function (group) {
+        this.doRemoveGroup(group);
+    };
+    BaseGrid.prototype.moveToNext = function (options) {
+        var _a;
+        if (!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;
+        if (!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.layout = function (width, height, forceResize) {
+        var different = forceResize || width !== this.width || height !== this.height;
+        if (!different) {
+            return;
+        }
+        this.element.style.height = "".concat(height, "px");
+        this.element.style.width = "".concat(width, "px");
+        this.gridview.layout(width, height);
+    };
+    BaseGrid.prototype.dispose = function () {
+        var e_1, _a;
+        _super.prototype.dispose.call(this);
+        this._onDidActiveGroupChange.dispose();
+        this._onDidAddGroup.dispose();
+        this._onDidRemoveGroup.dispose();
+        this._onDidLayoutChange.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();
+    };
+    return BaseGrid;
+}(lifecycle_1.CompositeDisposable));
+exports.BaseGrid = BaseGrid;
 //# sourceMappingURL=baseComponentGridview.js.map

package/dist/cjs/gridview/basePanelView.d.ts

@@ -1,43 +1,43 @@
-import { CompositeDisposable } from '../lifecycle';
-import { IFrameworkPart, PanelUpdateEvent, PanelInitParameters, IPanel } from '../panel/types';
-import { PanelApiImpl } from '../api/panelApi';
-export interface BasePanelViewState {
-    id: string;
-    component: string;
-    params?: Record<string, any>;
-}
-export interface BasePanelViewExported<T extends PanelApiImpl> {
-    readonly id: string;
-    readonly api: T;
-    readonly width: number;
-    readonly height: number;
-    readonly params: Record<string, any> | undefined;
-    focus(): void;
-    toJSON(): object;
-    update(event: PanelUpdateEvent): void;
-}
-export declare abstract class BasePanelView<T extends PanelApiImpl> extends CompositeDisposable implements IPanel, BasePanelViewExported<T> {
-    readonly id: string;
-    protected readonly component: string;
-    readonly api: T;
-    private _height;
-    private _width;
-    private _element;
-    protected part?: IFrameworkPart;
-    protected _params?: PanelInitParameters;
-    /**
-     * Provide an IFrameworkPart that will determine the rendered UI of this view piece.
-     */
-    protected abstract getComponent(): IFrameworkPart;
-    get element(): HTMLElement;
-    get width(): number;
-    get height(): number;
-    get params(): Record<string, any> | undefined;
-    constructor(id: string, component: string, api: T);
-    focus(): void;
-    layout(width: number, height: number): void;
-    init(parameters: PanelInitParameters): void;
-    update(event: PanelUpdateEvent): void;
-    toJSON(): BasePanelViewState;
-    dispose(): void;
-}
+import { CompositeDisposable } from '../lifecycle';
+import { IFrameworkPart, PanelUpdateEvent, PanelInitParameters, IPanel } from '../panel/types';
+import { PanelApiImpl } from '../api/panelApi';
+export interface BasePanelViewState {
+    id: string;
+    component: string;
+    params?: Record<string, any>;
+}
+export interface BasePanelViewExported<T extends PanelApiImpl> {
+    readonly id: string;
+    readonly api: T;
+    readonly width: number;
+    readonly height: number;
+    readonly params: Record<string, any> | undefined;
+    focus(): void;
+    toJSON(): object;
+    update(event: PanelUpdateEvent): void;
+}
+export declare abstract class BasePanelView<T extends PanelApiImpl> extends CompositeDisposable implements IPanel, BasePanelViewExported<T> {
+    readonly id: string;
+    protected readonly component: string;
+    readonly api: T;
+    private _height;
+    private _width;
+    private _element;
+    protected part?: IFrameworkPart;
+    protected _params?: PanelInitParameters;
+    /**
+     * Provide an IFrameworkPart that will determine the rendered UI of this view piece.
+     */
+    protected abstract getComponent(): IFrameworkPart;
+    get element(): HTMLElement;
+    get width(): number;
+    get height(): number;
+    get params(): Record<string, any> | undefined;
+    constructor(id: string, component: string, api: T);
+    focus(): void;
+    layout(width: number, height: number): void;
+    init(parameters: PanelInitParameters): void;
+    update(event: PanelUpdateEvent): void;
+    toJSON(): BasePanelViewState;
+    dispose(): void;
+}