dockview-core 1.8.4 → 1.8.5

package/dist/cjs/api/component.api.js

@@ -1,593 +1,896 @@
-"use strict";
-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.DockviewApi = exports.GridviewApi = exports.PaneviewApi = exports.SplitviewApi = void 0;
-var events_1 = require("../events");
-var SplitviewApi = /** @class */ (function () {
-    function SplitviewApi(component) {
-        this.component = component;
-    }
-    Object.defineProperty(SplitviewApi.prototype, "minimumSize", {
-        get: function () {
-            return this.component.minimumSize;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(SplitviewApi.prototype, "maximumSize", {
-        get: function () {
-            return this.component.maximumSize;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(SplitviewApi.prototype, "height", {
-        get: function () {
-            return this.component.height;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(SplitviewApi.prototype, "width", {
-        get: function () {
-            return this.component.width;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(SplitviewApi.prototype, "length", {
-        get: function () {
-            return this.component.length;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(SplitviewApi.prototype, "orientation", {
-        get: function () {
-            return this.component.orientation;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(SplitviewApi.prototype, "panels", {
-        get: function () {
-            return this.component.panels;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(SplitviewApi.prototype, "onDidLayoutFromJSON", {
-        get: function () {
-            return this.component.onDidLayoutFromJSON;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(SplitviewApi.prototype, "onDidLayoutChange", {
-        get: function () {
-            return this.component.onDidLayoutChange;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(SplitviewApi.prototype, "onDidAddView", {
-        get: function () {
-            return this.component.onDidAddView;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(SplitviewApi.prototype, "onDidRemoveView", {
-        get: function () {
-            return this.component.onDidRemoveView;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    SplitviewApi.prototype.updateOptions = function (options) {
-        this.component.updateOptions(options);
-    };
-    SplitviewApi.prototype.removePanel = function (panel, sizing) {
-        this.component.removePanel(panel, sizing);
-    };
-    SplitviewApi.prototype.focus = function () {
-        this.component.focus();
-    };
-    SplitviewApi.prototype.getPanel = function (id) {
-        return this.component.getPanel(id);
-    };
-    SplitviewApi.prototype.layout = function (width, height) {
-        return this.component.layout(width, height);
-    };
-    SplitviewApi.prototype.addPanel = function (options) {
-        return this.component.addPanel(options);
-    };
-    SplitviewApi.prototype.movePanel = function (from, to) {
-        this.component.movePanel(from, to);
-    };
-    SplitviewApi.prototype.fromJSON = function (data) {
-        this.component.fromJSON(data);
-    };
-    SplitviewApi.prototype.toJSON = function () {
-        return this.component.toJSON();
-    };
-    SplitviewApi.prototype.clear = function () {
-        this.component.clear();
-    };
-    return SplitviewApi;
-}());
-exports.SplitviewApi = SplitviewApi;
-var PaneviewApi = /** @class */ (function () {
-    function PaneviewApi(component) {
-        this.component = component;
-    }
-    Object.defineProperty(PaneviewApi.prototype, "minimumSize", {
-        get: function () {
-            return this.component.minimumSize;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(PaneviewApi.prototype, "maximumSize", {
-        get: function () {
-            return this.component.maximumSize;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(PaneviewApi.prototype, "height", {
-        get: function () {
-            return this.component.height;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(PaneviewApi.prototype, "width", {
-        get: function () {
-            return this.component.width;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(PaneviewApi.prototype, "panels", {
-        get: function () {
-            return this.component.panels;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(PaneviewApi.prototype, "onDidLayoutChange", {
-        get: function () {
-            return this.component.onDidLayoutChange;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(PaneviewApi.prototype, "onDidLayoutFromJSON", {
-        get: function () {
-            return this.component.onDidLayoutFromJSON;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(PaneviewApi.prototype, "onDidAddView", {
-        get: function () {
-            return this.component.onDidAddView;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(PaneviewApi.prototype, "onDidRemoveView", {
-        get: function () {
-            return this.component.onDidRemoveView;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(PaneviewApi.prototype, "onDidDrop", {
-        get: function () {
-            var _this = this;
-            var emitter = new events_1.Emitter();
-            var disposable = this.component.onDidDrop(function (e) {
-                emitter.fire(__assign(__assign({}, e), { api: _this }));
-            });
-            emitter.dispose = function () {
-                disposable.dispose();
-                emitter.dispose();
-            };
-            return emitter.event;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    PaneviewApi.prototype.removePanel = function (panel) {
-        this.component.removePanel(panel);
-    };
-    PaneviewApi.prototype.getPanel = function (id) {
-        return this.component.getPanel(id);
-    };
-    PaneviewApi.prototype.movePanel = function (from, to) {
-        this.component.movePanel(from, to);
-    };
-    PaneviewApi.prototype.focus = function () {
-        this.component.focus();
-    };
-    PaneviewApi.prototype.layout = function (width, height) {
-        this.component.layout(width, height);
-    };
-    PaneviewApi.prototype.addPanel = function (options) {
-        return this.component.addPanel(options);
-    };
-    PaneviewApi.prototype.fromJSON = function (data) {
-        this.component.fromJSON(data);
-    };
-    PaneviewApi.prototype.toJSON = function () {
-        return this.component.toJSON();
-    };
-    PaneviewApi.prototype.clear = function () {
-        this.component.clear();
-    };
-    return PaneviewApi;
-}());
-exports.PaneviewApi = PaneviewApi;
-var GridviewApi = /** @class */ (function () {
-    function GridviewApi(component) {
-        this.component = component;
-    }
-    Object.defineProperty(GridviewApi.prototype, "minimumHeight", {
-        get: function () {
-            return this.component.minimumHeight;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(GridviewApi.prototype, "maximumHeight", {
-        get: function () {
-            return this.component.maximumHeight;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(GridviewApi.prototype, "minimumWidth", {
-        get: function () {
-            return this.component.minimumWidth;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(GridviewApi.prototype, "maximumWidth", {
-        get: function () {
-            return this.component.maximumWidth;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(GridviewApi.prototype, "width", {
-        get: function () {
-            return this.component.width;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(GridviewApi.prototype, "height", {
-        get: function () {
-            return this.component.height;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(GridviewApi.prototype, "onDidLayoutChange", {
-        get: function () {
-            return this.component.onDidLayoutChange;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(GridviewApi.prototype, "onDidAddPanel", {
-        get: function () {
-            return this.component.onDidAddGroup;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(GridviewApi.prototype, "onDidRemovePanel", {
-        get: function () {
-            return this.component.onDidRemoveGroup;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(GridviewApi.prototype, "onDidActivePanelChange", {
-        get: function () {
-            return this.component.onDidActiveGroupChange;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(GridviewApi.prototype, "onDidLayoutFromJSON", {
-        get: function () {
-            return this.component.onDidLayoutFromJSON;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(GridviewApi.prototype, "panels", {
-        get: function () {
-            return this.component.groups;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(GridviewApi.prototype, "orientation", {
-        get: function () {
-            return this.component.orientation;
-        },
-        set: function (value) {
-            this.component.updateOptions({ orientation: value });
-        },
-        enumerable: false,
-        configurable: true
-    });
-    GridviewApi.prototype.focus = function () {
-        this.component.focus();
-    };
-    GridviewApi.prototype.layout = function (width, height, force) {
-        if (force === void 0) { force = false; }
-        this.component.layout(width, height, force);
-    };
-    GridviewApi.prototype.addPanel = function (options) {
-        return this.component.addPanel(options);
-    };
-    GridviewApi.prototype.removePanel = function (panel, sizing) {
-        this.component.removePanel(panel, sizing);
-    };
-    GridviewApi.prototype.movePanel = function (panel, options) {
-        this.component.movePanel(panel, options);
-    };
-    GridviewApi.prototype.getPanel = function (id) {
-        return this.component.getPanel(id);
-    };
-    GridviewApi.prototype.fromJSON = function (data) {
-        return this.component.fromJSON(data);
-    };
-    GridviewApi.prototype.toJSON = function () {
-        return this.component.toJSON();
-    };
-    GridviewApi.prototype.clear = function () {
-        this.component.clear();
-    };
-    return GridviewApi;
-}());
-exports.GridviewApi = GridviewApi;
-var DockviewApi = /** @class */ (function () {
-    function DockviewApi(component) {
-        this.component = component;
-    }
-    Object.defineProperty(DockviewApi.prototype, "id", {
-        get: function () {
-            return this.component.id;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(DockviewApi.prototype, "width", {
-        get: function () {
-            return this.component.width;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(DockviewApi.prototype, "height", {
-        get: function () {
-            return this.component.height;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(DockviewApi.prototype, "minimumHeight", {
-        get: function () {
-            return this.component.minimumHeight;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(DockviewApi.prototype, "maximumHeight", {
-        get: function () {
-            return this.component.maximumHeight;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(DockviewApi.prototype, "minimumWidth", {
-        get: function () {
-            return this.component.minimumWidth;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(DockviewApi.prototype, "maximumWidth", {
-        get: function () {
-            return this.component.maximumWidth;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(DockviewApi.prototype, "size", {
-        get: function () {
-            return this.component.size;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(DockviewApi.prototype, "totalPanels", {
-        get: function () {
-            return this.component.totalPanels;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(DockviewApi.prototype, "onDidActiveGroupChange", {
-        get: function () {
-            return this.component.onDidActiveGroupChange;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(DockviewApi.prototype, "onDidAddGroup", {
-        get: function () {
-            return this.component.onDidAddGroup;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(DockviewApi.prototype, "onDidRemoveGroup", {
-        get: function () {
-            return this.component.onDidRemoveGroup;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(DockviewApi.prototype, "onDidActivePanelChange", {
-        get: function () {
-            return this.component.onDidActivePanelChange;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(DockviewApi.prototype, "onDidAddPanel", {
-        get: function () {
-            return this.component.onDidAddPanel;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(DockviewApi.prototype, "onDidRemovePanel", {
-        get: function () {
-            return this.component.onDidRemovePanel;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(DockviewApi.prototype, "onDidLayoutFromJSON", {
-        get: function () {
-            return this.component.onDidLayoutFromJSON;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(DockviewApi.prototype, "onDidLayoutChange", {
-        get: function () {
-            return this.component.onDidLayoutChange;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(DockviewApi.prototype, "onDidDrop", {
-        get: function () {
-            return this.component.onDidDrop;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(DockviewApi.prototype, "onWillDragGroup", {
-        get: function () {
-            return this.component.onWillDragGroup;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(DockviewApi.prototype, "onWillDragPanel", {
-        get: function () {
-            return this.component.onWillDragPanel;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(DockviewApi.prototype, "panels", {
-        get: function () {
-            return this.component.panels;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(DockviewApi.prototype, "groups", {
-        get: function () {
-            return this.component.groups;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(DockviewApi.prototype, "activePanel", {
-        get: function () {
-            return this.component.activePanel;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(DockviewApi.prototype, "activeGroup", {
-        get: function () {
-            return this.component.activeGroup;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    DockviewApi.prototype.focus = function () {
-        this.component.focus();
-    };
-    DockviewApi.prototype.getPanel = function (id) {
-        return this.component.getGroupPanel(id);
-    };
-    DockviewApi.prototype.layout = function (width, height, force) {
-        if (force === void 0) { force = false; }
-        this.component.layout(width, height, force);
-    };
-    DockviewApi.prototype.addPanel = function (options) {
-        return this.component.addPanel(options);
-    };
-    DockviewApi.prototype.removePanel = function (panel) {
-        this.component.removePanel(panel);
-    };
-    DockviewApi.prototype.addGroup = function (options) {
-        return this.component.addGroup(options);
-    };
-    DockviewApi.prototype.moveToNext = function (options) {
-        this.component.moveToNext(options);
-    };
-    DockviewApi.prototype.moveToPrevious = function (options) {
-        this.component.moveToPrevious(options);
-    };
-    DockviewApi.prototype.closeAllGroups = function () {
-        return this.component.closeAllGroups();
-    };
-    DockviewApi.prototype.removeGroup = function (group) {
-        this.component.removeGroup(group);
-    };
-    DockviewApi.prototype.getGroup = function (id) {
-        return this.component.getPanel(id);
-    };
-    DockviewApi.prototype.addFloatingGroup = function (item, coord) {
-        return this.component.addFloatingGroup(item, coord);
-    };
-    DockviewApi.prototype.fromJSON = function (data) {
-        this.component.fromJSON(data);
-    };
-    DockviewApi.prototype.toJSON = function () {
-        return this.component.toJSON();
-    };
-    DockviewApi.prototype.clear = function () {
-        this.component.clear();
-    };
-    return DockviewApi;
-}());
-exports.DockviewApi = DockviewApi;
+"use strict";
+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.DockviewApi = exports.GridviewApi = exports.PaneviewApi = exports.SplitviewApi = void 0;
+var events_1 = require("../events");
+var SplitviewApi = /** @class */ (function () {
+    function SplitviewApi(component) {
+        this.component = component;
+    }
+    Object.defineProperty(SplitviewApi.prototype, "minimumSize", {
+        /**
+         * The minimum size  the component can reach where size is measured in the direction of orientation provided.
+         */
+        get: function () {
+            return this.component.minimumSize;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(SplitviewApi.prototype, "maximumSize", {
+        /**
+         * The maximum size the component can reach where size is measured in the direction of orientation provided.
+         */
+        get: function () {
+            return this.component.maximumSize;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(SplitviewApi.prototype, "width", {
+        /**
+         * Width of the component.
+         */
+        get: function () {
+            return this.component.width;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(SplitviewApi.prototype, "height", {
+        /**
+         * Height of the component.
+         */
+        get: function () {
+            return this.component.height;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(SplitviewApi.prototype, "length", {
+        /**
+         * The current number of panels.
+         */
+        get: function () {
+            return this.component.length;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(SplitviewApi.prototype, "orientation", {
+        /**
+         * The current orientation of the component.
+         */
+        get: function () {
+            return this.component.orientation;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(SplitviewApi.prototype, "panels", {
+        /**
+         * The list of current panels.
+         */
+        get: function () {
+            return this.component.panels;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(SplitviewApi.prototype, "onDidLayoutFromJSON", {
+        /**
+         * Invoked after a layout is loaded through the `fromJSON` method.
+         */
+        get: function () {
+            return this.component.onDidLayoutFromJSON;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(SplitviewApi.prototype, "onDidLayoutChange", {
+        /**
+         * Invoked whenever any aspect of the layout changes.
+         * If listening to this event it may be worth debouncing ouputs.
+         */
+        get: function () {
+            return this.component.onDidLayoutChange;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(SplitviewApi.prototype, "onDidAddView", {
+        /**
+         * Invoked when a view is added.
+         */
+        get: function () {
+            return this.component.onDidAddView;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(SplitviewApi.prototype, "onDidRemoveView", {
+        /**
+         * Invoked when a view is removed.
+         */
+        get: function () {
+            return this.component.onDidRemoveView;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    /**
+     * Update configuratable options.
+     */
+    SplitviewApi.prototype.updateOptions = function (options) {
+        this.component.updateOptions(options);
+    };
+    /**
+     * Removes an existing panel and optionally provide a `Sizing` method
+     * for the subsequent resize.
+     */
+    SplitviewApi.prototype.removePanel = function (panel, sizing) {
+        this.component.removePanel(panel, sizing);
+    };
+    /**
+     * Focus the component.
+     */
+    SplitviewApi.prototype.focus = function () {
+        this.component.focus();
+    };
+    /**
+     * Get the reference to a panel given it's `string` id.
+     */
+    SplitviewApi.prototype.getPanel = function (id) {
+        return this.component.getPanel(id);
+    };
+    /**
+     * Layout the panel with a width and height.
+     */
+    SplitviewApi.prototype.layout = function (width, height) {
+        return this.component.layout(width, height);
+    };
+    /**
+     * Add a new panel and return the created instance.
+     */
+    SplitviewApi.prototype.addPanel = function (options) {
+        return this.component.addPanel(options);
+    };
+    /**
+     * Move a panel given it's current and desired index.
+     */
+    SplitviewApi.prototype.movePanel = function (from, to) {
+        this.component.movePanel(from, to);
+    };
+    /**
+     * Deserialize a layout to built a splitivew.
+     */
+    SplitviewApi.prototype.fromJSON = function (data) {
+        this.component.fromJSON(data);
+    };
+    /** Serialize a layout */
+    SplitviewApi.prototype.toJSON = function () {
+        return this.component.toJSON();
+    };
+    /**
+     * Remove all panels and clear the component.
+     */
+    SplitviewApi.prototype.clear = function () {
+        this.component.clear();
+    };
+    return SplitviewApi;
+}());
+exports.SplitviewApi = SplitviewApi;
+var PaneviewApi = /** @class */ (function () {
+    function PaneviewApi(component) {
+        this.component = component;
+    }
+    Object.defineProperty(PaneviewApi.prototype, "minimumSize", {
+        /**
+         * The minimum size  the component can reach where size is measured in the direction of orientation provided.
+         */
+        get: function () {
+            return this.component.minimumSize;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(PaneviewApi.prototype, "maximumSize", {
+        /**
+         * The maximum size the component can reach where size is measured in the direction of orientation provided.
+         */
+        get: function () {
+            return this.component.maximumSize;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(PaneviewApi.prototype, "width", {
+        /**
+         * Width of the component.
+         */
+        get: function () {
+            return this.component.width;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(PaneviewApi.prototype, "height", {
+        /**
+         * Height of the component.
+         */
+        get: function () {
+            return this.component.height;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(PaneviewApi.prototype, "panels", {
+        /**
+         * All panel objects.
+         */
+        get: function () {
+            return this.component.panels;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(PaneviewApi.prototype, "onDidLayoutChange", {
+        /**
+         * Invoked when any layout change occures, an aggregation of many events.
+         */
+        get: function () {
+            return this.component.onDidLayoutChange;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(PaneviewApi.prototype, "onDidLayoutFromJSON", {
+        /**
+         * Invoked after a layout is deserialzied using the `fromJSON` method.
+         */
+        get: function () {
+            return this.component.onDidLayoutFromJSON;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(PaneviewApi.prototype, "onDidAddView", {
+        /**
+         * Invoked when a panel is added. May be called multiple times when moving panels.
+         */
+        get: function () {
+            return this.component.onDidAddView;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(PaneviewApi.prototype, "onDidRemoveView", {
+        /**
+         * Invoked when a panel is removed. May be called multiple times when moving panels.
+         */
+        get: function () {
+            return this.component.onDidRemoveView;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(PaneviewApi.prototype, "onDidDrop", {
+        /**
+         * Invoked when a Drag'n'Drop event occurs that the component was unable to handle. Exposed for custom Drag'n'Drop functionality.
+         */
+        get: function () {
+            var _this = this;
+            var emitter = new events_1.Emitter();
+            var disposable = this.component.onDidDrop(function (e) {
+                emitter.fire(__assign(__assign({}, e), { api: _this }));
+            });
+            emitter.dispose = function () {
+                disposable.dispose();
+                emitter.dispose();
+            };
+            return emitter.event;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    /**
+     * Remove a panel given the panel object.
+     */
+    PaneviewApi.prototype.removePanel = function (panel) {
+        this.component.removePanel(panel);
+    };
+    /**
+     * Get a panel object given a `string` id. May return `undefined`.
+     */
+    PaneviewApi.prototype.getPanel = function (id) {
+        return this.component.getPanel(id);
+    };
+    /**
+     * Move a panel given it's current and desired index.
+     */
+    PaneviewApi.prototype.movePanel = function (from, to) {
+        this.component.movePanel(from, to);
+    };
+    /**
+     *  Focus the component. Will try to focus an active panel if one exists.
+     */
+    PaneviewApi.prototype.focus = function () {
+        this.component.focus();
+    };
+    /**
+     * Force resize the component to an exact width and height. Read about auto-resizing before using.
+     */
+    PaneviewApi.prototype.layout = function (width, height) {
+        this.component.layout(width, height);
+    };
+    /**
+     * Add a panel and return the created object.
+     */
+    PaneviewApi.prototype.addPanel = function (options) {
+        return this.component.addPanel(options);
+    };
+    /**
+     * Create a component from a serialized object.
+     */
+    PaneviewApi.prototype.fromJSON = function (data) {
+        this.component.fromJSON(data);
+    };
+    /**
+     * Create a serialized object of the current component.
+     */
+    PaneviewApi.prototype.toJSON = function () {
+        return this.component.toJSON();
+    };
+    /**
+     * Reset the component back to an empty and default state.
+     */
+    PaneviewApi.prototype.clear = function () {
+        this.component.clear();
+    };
+    return PaneviewApi;
+}());
+exports.PaneviewApi = PaneviewApi;
+var GridviewApi = /** @class */ (function () {
+    function GridviewApi(component) {
+        this.component = component;
+    }
+    Object.defineProperty(GridviewApi.prototype, "width", {
+        /**
+         * Width of the component.
+         */
+        get: function () {
+            return this.component.width;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GridviewApi.prototype, "height", {
+        /**
+         * Height of the component.
+         */
+        get: function () {
+            return this.component.height;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GridviewApi.prototype, "minimumHeight", {
+        /**
+         * Minimum height of the component.
+         */
+        get: function () {
+            return this.component.minimumHeight;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GridviewApi.prototype, "maximumHeight", {
+        /**
+         * Maximum height of the component.
+         */
+        get: function () {
+            return this.component.maximumHeight;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GridviewApi.prototype, "minimumWidth", {
+        /**
+         * Minimum width of the component.
+         */
+        get: function () {
+            return this.component.minimumWidth;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GridviewApi.prototype, "maximumWidth", {
+        /**
+         * Maximum width of the component.
+         */
+        get: function () {
+            return this.component.maximumWidth;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GridviewApi.prototype, "onDidLayoutChange", {
+        /**
+         * Invoked when any layout change occures, an aggregation of many events.
+         */
+        get: function () {
+            return this.component.onDidLayoutChange;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GridviewApi.prototype, "onDidAddPanel", {
+        /**
+         * Invoked when a panel is added. May be called multiple times when moving panels.
+         */
+        get: function () {
+            return this.component.onDidAddGroup;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GridviewApi.prototype, "onDidRemovePanel", {
+        /**
+         * Invoked when a panel is removed. May be called multiple times when moving panels.
+         */
+        get: function () {
+            return this.component.onDidRemoveGroup;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GridviewApi.prototype, "onDidActivePanelChange", {
+        /**
+         * Invoked when the active panel changes. May be undefined if no panel is active.
+         */
+        get: function () {
+            return this.component.onDidActiveGroupChange;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GridviewApi.prototype, "onDidLayoutFromJSON", {
+        /**
+         * Invoked after a layout is deserialzied using the `fromJSON` method.
+         */
+        get: function () {
+            return this.component.onDidLayoutFromJSON;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GridviewApi.prototype, "panels", {
+        /**
+         * All panel objects.
+         */
+        get: function () {
+            return this.component.groups;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GridviewApi.prototype, "orientation", {
+        /**
+         * Current orientation. Can be changed after initialization.
+         */
+        get: function () {
+            return this.component.orientation;
+        },
+        set: function (value) {
+            this.component.updateOptions({ orientation: value });
+        },
+        enumerable: false,
+        configurable: true
+    });
+    /**
+     *  Focus the component. Will try to focus an active panel if one exists.
+     */
+    GridviewApi.prototype.focus = function () {
+        this.component.focus();
+    };
+    /**
+     * Force resize the component to an exact width and height. Read about auto-resizing before using.
+     */
+    GridviewApi.prototype.layout = function (width, height, force) {
+        if (force === void 0) { force = false; }
+        this.component.layout(width, height, force);
+    };
+    /**
+     * Add a panel and return the created object.
+     */
+    GridviewApi.prototype.addPanel = function (options) {
+        return this.component.addPanel(options);
+    };
+    /**
+     * Remove a panel given the panel object.
+     */
+    GridviewApi.prototype.removePanel = function (panel, sizing) {
+        this.component.removePanel(panel, sizing);
+    };
+    /**
+     * Move a panel in a particular direction relative to another panel.
+     */
+    GridviewApi.prototype.movePanel = function (panel, options) {
+        this.component.movePanel(panel, options);
+    };
+    /**
+     * Get a panel object given a `string` id. May return `undefined`.
+     */
+    GridviewApi.prototype.getPanel = function (id) {
+        return this.component.getPanel(id);
+    };
+    /**
+     * Create a component from a serialized object.
+     */
+    GridviewApi.prototype.fromJSON = function (data) {
+        return this.component.fromJSON(data);
+    };
+    /**
+     * Create a serialized object of the current component.
+     */
+    GridviewApi.prototype.toJSON = function () {
+        return this.component.toJSON();
+    };
+    /**
+     * Reset the component back to an empty and default state.
+     */
+    GridviewApi.prototype.clear = function () {
+        this.component.clear();
+    };
+    return GridviewApi;
+}());
+exports.GridviewApi = GridviewApi;
+var DockviewApi = /** @class */ (function () {
+    function DockviewApi(component) {
+        this.component = component;
+    }
+    Object.defineProperty(DockviewApi.prototype, "id", {
+        /**
+         * The unique identifier for this instance. Used to manage scope of Drag'n'Drop events.
+         */
+        get: function () {
+            return this.component.id;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DockviewApi.prototype, "width", {
+        /**
+         * Width of the component.
+         */
+        get: function () {
+            return this.component.width;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DockviewApi.prototype, "height", {
+        /**
+         * Height of the component.
+         */
+        get: function () {
+            return this.component.height;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DockviewApi.prototype, "minimumHeight", {
+        /**
+         * Minimum height of the component.
+         */
+        get: function () {
+            return this.component.minimumHeight;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DockviewApi.prototype, "maximumHeight", {
+        /**
+         * Maximum height of the component.
+         */
+        get: function () {
+            return this.component.maximumHeight;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DockviewApi.prototype, "minimumWidth", {
+        /**
+         * Minimum width of the component.
+         */
+        get: function () {
+            return this.component.minimumWidth;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DockviewApi.prototype, "maximumWidth", {
+        /**
+         * Maximum width of the component.
+         */
+        get: function () {
+            return this.component.maximumWidth;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DockviewApi.prototype, "size", {
+        /**
+         * Total number of groups.
+         */
+        get: function () {
+            return this.component.size;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DockviewApi.prototype, "totalPanels", {
+        /**
+         * Total number of panels.
+         */
+        get: function () {
+            return this.component.totalPanels;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DockviewApi.prototype, "onDidActiveGroupChange", {
+        /**
+         * Invoked when the active group changes. May be undefined if no group is active.
+         */
+        get: function () {
+            return this.component.onDidActiveGroupChange;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DockviewApi.prototype, "onDidAddGroup", {
+        /**
+         * Invoked when a group is added. May be called multiple times when moving groups.
+         */
+        get: function () {
+            return this.component.onDidAddGroup;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DockviewApi.prototype, "onDidRemoveGroup", {
+        /**
+         * Invoked when a group is removed. May be called multiple times when moving groups.
+         */
+        get: function () {
+            return this.component.onDidRemoveGroup;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DockviewApi.prototype, "onDidActivePanelChange", {
+        /**
+         * Invoked when the active panel changes. May be undefined if no panel is active.
+         */
+        get: function () {
+            return this.component.onDidActivePanelChange;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DockviewApi.prototype, "onDidAddPanel", {
+        /**
+         * Invoked when a panel is added. May be called multiple times when moving panels.
+         */
+        get: function () {
+            return this.component.onDidAddPanel;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DockviewApi.prototype, "onDidRemovePanel", {
+        /**
+         * Invoked when a panel is removed. May be called multiple times when moving panels.
+         */
+        get: function () {
+            return this.component.onDidRemovePanel;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DockviewApi.prototype, "onDidLayoutFromJSON", {
+        /**
+         * Invoked after a layout is deserialzied using the `fromJSON` method.
+         */
+        get: function () {
+            return this.component.onDidLayoutFromJSON;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DockviewApi.prototype, "onDidLayoutChange", {
+        /**
+         * Invoked when any layout change occures, an aggregation of many events.
+         */
+        get: function () {
+            return this.component.onDidLayoutChange;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DockviewApi.prototype, "onDidDrop", {
+        /**
+         * Invoked when a Drag'n'Drop event occurs that the component was unable to handle. Exposed for custom Drag'n'Drop functionality.
+         */
+        get: function () {
+            return this.component.onDidDrop;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DockviewApi.prototype, "onWillDragGroup", {
+        /**
+         * Invoked before a group is dragged. Exposed for custom Drag'n'Drop functionality.
+         */
+        get: function () {
+            return this.component.onWillDragGroup;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DockviewApi.prototype, "onWillDragPanel", {
+        /**
+         * Invoked before a panel is dragged. Exposed for custom Drag'n'Drop functionality.
+         */
+        get: function () {
+            return this.component.onWillDragPanel;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DockviewApi.prototype, "panels", {
+        /**
+         * All panel objects.
+         */
+        get: function () {
+            return this.component.panels;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DockviewApi.prototype, "groups", {
+        /**
+         * All group objects.
+         */
+        get: function () {
+            return this.component.groups;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DockviewApi.prototype, "activePanel", {
+        /**
+         *  Active panel object.
+         */
+        get: function () {
+            return this.component.activePanel;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DockviewApi.prototype, "activeGroup", {
+        /**
+         * Active group object.
+         */
+        get: function () {
+            return this.component.activeGroup;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    /**
+     *  Focus the component. Will try to focus an active panel if one exists.
+     */
+    DockviewApi.prototype.focus = function () {
+        this.component.focus();
+    };
+    /**
+     * Get a panel object given a `string` id. May return `undefined`.
+     */
+    DockviewApi.prototype.getPanel = function (id) {
+        return this.component.getGroupPanel(id);
+    };
+    /**
+     * Force resize the component to an exact width and height. Read about auto-resizing before using.
+     */
+    DockviewApi.prototype.layout = function (width, height, force) {
+        if (force === void 0) { force = false; }
+        this.component.layout(width, height, force);
+    };
+    /**
+     * Add a panel and return the created object.
+     */
+    DockviewApi.prototype.addPanel = function (options) {
+        return this.component.addPanel(options);
+    };
+    /**
+     * Remove a panel given the panel object.
+     */
+    DockviewApi.prototype.removePanel = function (panel) {
+        this.component.removePanel(panel);
+    };
+    /**
+     * Add a group and return the created object.
+     */
+    DockviewApi.prototype.addGroup = function (options) {
+        return this.component.addGroup(options);
+    };
+    /**
+     * Close all groups and panels.
+     */
+    DockviewApi.prototype.closeAllGroups = function () {
+        return this.component.closeAllGroups();
+    };
+    /**
+     * Remove a group and any panels within the group.
+     */
+    DockviewApi.prototype.removeGroup = function (group) {
+        this.component.removeGroup(group);
+    };
+    /**
+     * Get a group object given a `string` id. May return undefined.
+     */
+    DockviewApi.prototype.getGroup = function (id) {
+        return this.component.getPanel(id);
+    };
+    /**
+     * Add a floating group
+     */
+    DockviewApi.prototype.addFloatingGroup = function (item, coord) {
+        return this.component.addFloatingGroup(item, coord);
+    };
+    /**
+     * Create a component from a serialized object.
+     */
+    DockviewApi.prototype.fromJSON = function (data) {
+        this.component.fromJSON(data);
+    };
+    /**
+     * Create a serialized object of the current component.
+     */
+    DockviewApi.prototype.toJSON = function () {
+        return this.component.toJSON();
+    };
+    /**
+     * Reset the component back to an empty and default state.
+     */
+    DockviewApi.prototype.clear = function () {
+        this.component.clear();
+    };
+    /**
+     * Move the focus progmatically to the next panel or group.
+     */
+    DockviewApi.prototype.moveToNext = function (options) {
+        this.component.moveToNext(options);
+    };
+    /**
+     * Move the focus progmatically to the previous panel or group.
+     */
+    DockviewApi.prototype.moveToPrevious = function (options) {
+        this.component.moveToPrevious(options);
+    };
+    return DockviewApi;
+}());
+exports.DockviewApi = DockviewApi;
 //# sourceMappingURL=component.api.js.map