dockview-core 1.6.0

package/dist/cjs/gridview/baseComponentGridview.js

@@ -0,0 +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 lifecycle_1 = require("../lifecycle");
+var math_1 = require("../math");
+var splitview_1 = require("../splitview/splitview");
+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';
+    }
+}
+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) {
+        var _a, _b, _c;
+        if (this._activeGroup === group) {
+            return;
+        }
+        if (this._activeGroup) {
+            this._activeGroup.setActive(false);
+            if (!skipFocus) {
+                (_b = (_a = this._activeGroup).focus) === null || _b === void 0 ? void 0 : _b.call(_a);
+            }
+        }
+        if (group) {
+            group.setActive(true);
+            if (!skipFocus) {
+                (_c = group.focus) === null || _c === void 0 ? void 0 : _c.call(group);
+            }
+        }
+        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/baseComponentGridview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"baseComponentGridview.js","sourceRoot":"","sources":["../../../src/gridview/baseComponentGridview.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,40 @@
+import { CompositeDisposable } from '../lifecycle';
+import { IFrameworkPart, PanelUpdateEvent, PanelInitParameters, IPanel } from '../panel/types';
+import { PanelApi, PanelApiImpl } from '../api/panelApi';
+export interface BasePanelViewState {
+    readonly id: string;
+    readonly component: string;
+    readonly params?: Record<string, any>;
+}
+export interface BasePanelViewExported<T extends PanelApi> {
+    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;
+    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;
+}

package/dist/cjs/gridview/basePanelView.js

@@ -0,0 +1,124 @@
+"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 __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BasePanelView = void 0;
+var dom_1 = require("../dom");
+var lifecycle_1 = require("../lifecycle");
+var BasePanelView = /** @class */ (function (_super) {
+    __extends(BasePanelView, _super);
+    function BasePanelView(id, component, api) {
+        var _this = _super.call(this) || this;
+        _this.id = id;
+        _this.component = component;
+        _this.api = api;
+        _this._height = 0;
+        _this._width = 0;
+        _this._element = document.createElement('div');
+        _this._element.tabIndex = -1;
+        _this._element.style.outline = 'none';
+        _this._element.style.height = '100%';
+        _this._element.style.width = '100%';
+        _this._element.style.overflow = 'hidden';
+        var _a = (0, dom_1.trackFocus)(_this._element), onDidFocus = _a.onDidFocus, onDidBlur = _a.onDidBlur;
+        _this.addDisposables(_this.api, onDidFocus(function () {
+            _this.api._onDidChangeFocus.fire({ isFocused: true });
+        }), onDidBlur(function () {
+            _this.api._onDidChangeFocus.fire({ isFocused: false });
+        }));
+        return _this;
+    }
+    Object.defineProperty(BasePanelView.prototype, "element", {
+        get: function () {
+            return this._element;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasePanelView.prototype, "width", {
+        get: function () {
+            return this._width;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasePanelView.prototype, "height", {
+        get: function () {
+            return this._height;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasePanelView.prototype, "params", {
+        get: function () {
+            var _a;
+            return (_a = this._params) === null || _a === void 0 ? void 0 : _a.params;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    BasePanelView.prototype.focus = function () {
+        this.api._onFocusEvent.fire();
+    };
+    BasePanelView.prototype.layout = function (width, height) {
+        this._width = width;
+        this._height = height;
+        this.api._onDidDimensionChange.fire({ width: width, height: height });
+        if (this.part) {
+            if (this._params) {
+                this.part.update(this._params.params);
+            }
+        }
+    };
+    BasePanelView.prototype.init = function (parameters) {
+        this._params = parameters;
+        this.part = this.getComponent();
+    };
+    BasePanelView.prototype.update = function (event) {
+        var _a, _b;
+        this._params = __assign(__assign({}, this._params), { params: __assign(__assign({}, (_a = this._params) === null || _a === void 0 ? void 0 : _a.params), event.params) });
+        (_b = this.part) === null || _b === void 0 ? void 0 : _b.update({ params: this._params.params });
+    };
+    BasePanelView.prototype.toJSON = function () {
+        var _a, _b;
+        var params = (_b = (_a = this._params) === null || _a === void 0 ? void 0 : _a.params) !== null && _b !== void 0 ? _b : {};
+        return {
+            id: this.id,
+            component: this.component,
+            params: Object.keys(params).length > 0 ? params : undefined,
+        };
+    };
+    BasePanelView.prototype.dispose = function () {
+        var _a;
+        _super.prototype.dispose.call(this);
+        this.api.dispose();
+        (_a = this.part) === null || _a === void 0 ? void 0 : _a.dispose();
+    };
+    return BasePanelView;
+}(lifecycle_1.CompositeDisposable));
+exports.BasePanelView = BasePanelView;
+//# sourceMappingURL=basePanelView.js.map

package/dist/cjs/gridview/basePanelView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"basePanelView.js","sourceRoot":"","sources":["../../../src/gridview/basePanelView.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,49 @@
+import { IView, Orientation, Sizing, LayoutPriority, ISplitviewStyles } from '../splitview/splitview';
+import { Event } from '../events';
+import { INodeDescriptor } from './gridview';
+import { Node } from './types';
+import { CompositeDisposable } from '../lifecycle';
+export declare class BranchNode extends CompositeDisposable implements IView {
+    readonly orientation: Orientation;
+    readonly proportionalLayout: boolean;
+    readonly styles: ISplitviewStyles | undefined;
+    readonly element: HTMLElement;
+    private splitview;
+    private _orthogonalSize;
+    private _size;
+    private _childrenDisposable;
+    readonly children: Node[];
+    private readonly _onDidChange;
+    readonly onDidChange: Event<{
+        size?: number;
+        orthogonalSize?: number;
+    }>;
+    get width(): number;
+    get height(): number;
+    get minimumSize(): number;
+    get maximumSize(): number;
+    get minimumOrthogonalSize(): number;
+    get maximumOrthogonalSize(): number;
+    get orthogonalSize(): number;
+    get size(): number;
+    get minimumWidth(): number;
+    get minimumHeight(): number;
+    get maximumWidth(): number;
+    get maximumHeight(): number;
+    get priority(): LayoutPriority;
+    constructor(orientation: Orientation, proportionalLayout: boolean, styles: ISplitviewStyles | undefined, size: number, orthogonalSize: number, childDescriptors?: INodeDescriptor[]);
+    setVisible(visible: boolean): void;
+    isChildVisible(index: number): boolean;
+    setChildVisible(index: number, visible: boolean): void;
+    moveChild(from: number, to: number): void;
+    getChildSize(index: number): number;
+    resizeChild(index: number, size: number): void;
+    layout(size: number, orthogonalSize: number): void;
+    addChild(node: Node, size: number | Sizing, index: number, skipLayout?: boolean): void;
+    getChildCachedVisibleSize(index: number): number | undefined;
+    removeChild(index: number, sizing?: Sizing): void;
+    private _addChild;
+    private _removeChild;
+    private setupChildrenEvents;
+    dispose(): void;
+}